#km90-pc 하위 ============================================================ */ /* 아임웹 전역 CSS 침투 방어 — 짧은 클래스명(.num/.mark/.tag 등) 배경·장식 무력화 */ #km90-pc .knum,#km90-pc .kmark,#km90-pc .n,#km90-pc .v,#km90-pc .k,#km90-pc .q,#km90-pc .en,#km90-pc .kr,#km90-pc .jp,#km90-pc .sub,#km90-pc .holes,#km90-pc .row,#km90-pc .total,#km90-pc .fine,#km90-pc .arr,#km90-pc .tag,#km90-pc .price,#km90-pc .g,#km90-pc .body,#km90-pc .cap,#km90-pc .lab,#km90-pc .stat,#km90-pc .line{background-color:transparent !important;background-image:none !important;box-shadow:none !important;text-indent:0;border-radius:0} #km90-pc .knum,#km90-pc .kmark,#km90-pc .price,#km90-pc .n{padding:0 !important;margin:0;border:none !important;min-width:0 !important;min-height:0 !important;height:auto !important;line-height:inherit} /* 아임웹 에디터 CSS 주입 방어 — 숫자·타이틀 세로쌓임(줄바꿈 강제) 차단 */ #km90-pc .hero-title,#km90-pc .hero-title .knum,#km90-pc .stat .knum,#km90-pc .mem-head .price,#km90-pc .mem-ben .n,#km90-pc .con-tel,#km90-pc .ledger .row .v,#km90-pc .head-tel,#km90-pc .c-vis .c-no{white-space:nowrap !important;word-break:keep-all !important;writing-mode:horizontal-tb !important;text-orientation:mixed !important;display:inline-block;max-width:none !important;width:auto !important} #km90-pc .hero-title{display:block} #km90-pc .stat .knum,#km90-pc .mem-head .price{display:block} #km90-pc .hero-title .kr{white-space:normal !important;display:block} #km90-pc *{float:none} #km90-pc span,#km90-pc b,#km90-pc em,#km90-pc small{max-width:none !important} #km90-pc{ --ink:#0d1113; --bg:#0d1113; --bg2:#151b1d; --stone:#11171a; --fg:#f0ebe0; --fg-mut:rgba(240,235,224,.62); --fg-mut2:rgba(240,235,224,.4); --gold:#c6a45c; --gold-br:#dcc28b; --line:rgba(198,164,92,.28); --line2:rgba(240,235,224,.1); --ivory:#f4efe3; --ivory2:#ece5d4; --ink-on-ivory:#20262a; --mut-on-ivory:#5a5f58; --serif:'Noto Serif KR',serif; --en:'Cormorant Garamond',serif; --sans:'Pretendard',sans-serif; position:relative;left:50%;right:50%;width:100vw;margin-left:-50vw;margin-right:-50vw; background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:17px;line-height:1.8; word-break:keep-all;overflow-wrap:break-word;line-break:strict;overflow-x:hidden; font-variant-numeric:lining-nums;font-feature-settings:'lnum' 1; } #km90-pc *{box-sizing:border-box;margin:0;padding:0} #km90-pc img{display:block;max-width:100%} #km90-pc a{text-decoration:none;color:inherit} #km90-pc ul{list-style:none} #km90-pc .wrap{max-width:1240px;margin:0 auto;padding:0 48px} #km90-pc .en{font-family:var(--en)} #km90-pc .serif{font-family:var(--serif)} /* ---------- 리빌 애니메이션 ---------- */ #km90-pc .rv{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)} #km90-pc .rv.in{opacity:1;transform:none} #km90-pc .d1{transition-delay:.12s}#km90-pc .d2{transition-delay:.24s}#km90-pc .d3{transition-delay:.36s}#km90-pc .d4{transition-delay:.5s} /* ---------- 버튼 ---------- */ #km90-pc .kbtn{display:inline-flex;align-items:center;gap:12px;padding:18px 36px;font-size:14px;letter-spacing:.16em;text-transform:uppercase;font-family:var(--en);font-weight:600;transition:.4s;border:1px solid transparent;cursor:pointer} #km90-pc .kbtn:focus,#km90-pc .kbtn:focus-visible{outline:none} #km90-pc .kbtn-fill{background:var(--gold);color:var(--ink);border-color:var(--gold)} #km90-pc .kbtn-fill:hover{background:var(--gold-br);border-color:var(--gold-br);transform:translateY(-3px)} #km90-pc .kbtn-dark{background:#0d1113;color:var(--fg);border:1px solid rgba(240,235,224,.35)} #km90-pc .kbtn-dark:hover{background:#1b2326;transform:translateY(-3px)} /* ---------- 고정 헤더 ---------- */ #km90-pc .head{position:fixed;top:0;left:0;right:0;z-index:900;padding:26px 0;transition:.45s} #km90-pc .head .wrap{display:flex;align-items:center;justify-content:space-between} #km90-pc .head.scrolled{background:rgba(13,17,19,.9);backdrop-filter:blur(14px);padding:14px 0;border-bottom:1px solid var(--line2)} #km90-pc .logo{display:flex;align-items:baseline;gap:12px} #km90-pc .logo .kmark{font-family:var(--serif);font-size:23px;font-weight:700;letter-spacing:.14em;color:var(--fg)} #km90-pc .logo .kmark b{color:var(--gold-br);font-weight:600} #km90-pc .logo .jp{font-family:var(--serif);font-size:12px;letter-spacing:.4em;color:var(--fg-mut);transform:translateY(-1px)} #km90-pc .gnb{display:flex;gap:36px;font-size:13.5px;letter-spacing:.12em;color:var(--fg-mut)} #km90-pc .gnb a{transition:.3s;padding:4px 0;border-bottom:1px solid transparent} #km90-pc .gnb a:hover{color:var(--gold-br);border-color:var(--line)} #km90-pc .head-tel{font-family:var(--en);font-size:21px;font-weight:700;letter-spacing:.06em;color:var(--gold-br);border:2px solid var(--gold-br);background:transparent;padding:10px 24px;transition:.3s} #km90-pc .head-tel:hover{background:var(--gold-br);color:#0d1113} @media(max-width:1080px){#km90-pc .gnb{display:none}} /* ---------- HERO ---------- */ #km90-pc .hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden} #km90-pc .hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.06);animation:km90zoom 14s ease-out forwards} @keyframes km90zoom{to{transform:scale(1)}} #km90-pc .hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(13,17,19,.92) 0%,rgba(13,17,19,.72) 42%,rgba(13,17,19,.35) 75%,rgba(13,17,19,.55) 100%)} #km90-pc .hero-grain{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(rgba(240,235,224,.06) 1px,transparent 1px);background-size:3px 3px;pointer-events:none} #km90-pc .hero-inner{position:relative;width:100%;padding:170px 0 120px} #km90-pc .hero-sub{font-family:var(--serif);font-size:14.5px;letter-spacing:.3em;color:var(--gold-br)} #km90-pc .hero-no{margin-top:14px;font-size:13px;letter-spacing:.28em;color:var(--fg-mut)} #km90-pc .hero-title{font-family:var(--serif);font-size:clamp(64px,9.5vw,136px);line-height:1.02;font-weight:700;letter-spacing:.06em;margin-top:26px;color:var(--fg)} #km90-pc .hero-title .knum{color:var(--gold-br)} #km90-pc .hero-title .kr{display:block;font-family:var(--serif);font-size:clamp(19px,2vw,27px);font-weight:500;letter-spacing:.5em;color:var(--fg-mut);margin-top:26px} #km90-pc .hero-copy{margin-top:36px;font-family:var(--serif);font-size:clamp(22px,2.6vw,34px);font-weight:600;letter-spacing:.2em;color:var(--gold-br)} #km90-pc .hero-copy b{color:var(--gold-br);font-weight:600;padding:0 .35em} #km90-pc .hero-desc{margin-top:22px;font-size:18px;line-height:2;color:var(--fg-mut)} #km90-pc .hero-desc b{color:var(--fg);font-weight:500} #km90-pc .hero-keys{display:flex;gap:44px;margin-top:44px;flex-wrap:wrap} #km90-pc .hero-key{font-size:15px;color:var(--fg-mut);display:flex;align-items:center;gap:12px} #km90-pc .hero-key .n{font-family:var(--en);color:var(--gold-br);font-size:19px;font-weight:600} #km90-pc .hero-actions{display:flex;gap:16px;margin-top:52px;flex-wrap:wrap} #km90-pc .hero-vert{position:absolute;right:64px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-family:var(--serif);font-size:15px;letter-spacing:.6em;color:rgba(240,235,224,.35);border-right:1px solid var(--line2);padding-right:22px} @media(max-width:1200px){#km90-pc .hero-vert{display:none}} #km90-pc .hero-scroll{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-family:var(--serif);font-size:11.5px;letter-spacing:.3em;color:var(--fg-mut2);text-align:center} #km90-pc .hero-scroll .line{width:1px;height:64px;background:linear-gradient(var(--gold),transparent);margin:12px auto 0;animation:km90drop 2s ease-in-out infinite} @keyframes km90drop{0%{transform:scaleY(0);transform-origin:top}55%{transform:scaleY(1);transform-origin:top}56%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}} /* ---------- 섹션 공통 ---------- */ #km90-pc .sec{padding:150px 0} #km90-pc .t-ink{background:var(--bg)} #km90-pc .t-stone{background:var(--stone)} #km90-pc .t-ivory{background:var(--ivory);color:var(--ink-on-ivory)} #km90-pc .kicker{display:flex;align-items:center;gap:18px;font-family:var(--serif);font-size:14px;font-weight:600;letter-spacing:.3em;color:var(--gold)} #km90-pc .kicker::before{content:"";width:56px;height:1px;background:var(--gold)} #km90-pc .sec-title{font-family:var(--serif);font-size:clamp(34px,4.2vw,56px);font-weight:500;line-height:1.36;letter-spacing:0;margin-top:26px} #km90-pc .sec-lead{margin-top:26px;font-size:17.5px;line-height:2.05;color:var(--fg-mut);max-width:820px} #km90-pc .t-ivory .sec-lead{color:var(--mut-on-ivory)} #km90-pc .sec-lead b{color:var(--fg);font-weight:500} #km90-pc .t-ivory .sec-lead b{color:var(--ink-on-ivory)} #km90-pc .gold{color:var(--gold-br)} #km90-pc .t-ivory .gold{color:#a5833f} /* ---------- STORY ---------- */ #km90-pc .story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center;margin-top:20px} #km90-pc .story-vis{position:relative} #km90-pc .story-vis .ph{aspect-ratio:4/5;overflow:hidden} #km90-pc .story-vis .ph img{width:100%;height:100%;object-fit:cover;transition:1.2s} #km90-pc .story-vis:hover .ph img{transform:scale(1.04)} #km90-pc .story-vis .frame{position:absolute;inset:-22px 22px 22px -22px;border:1px solid var(--line);z-index:-1} #km90-pc .story-vis .cap{position:absolute;right:-14px;bottom:34px;writing-mode:vertical-rl;font-family:var(--serif);font-size:13px;letter-spacing:.44em;color:var(--fg-mut2)} #km90-pc .story-quote{font-family:var(--serif);font-size:clamp(24px,2.4vw,31px);font-weight:500;line-height:1.7;margin-top:34px} #km90-pc .story-quote em{font-style:normal;color:var(--gold-br)} #km90-pc .story-p{margin-top:26px;color:var(--fg-mut);font-size:16.5px;line-height:2.05} #km90-pc .story-p b{color:var(--fg);font-weight:500} #km90-pc .story-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:120px;background:#14181b;border:1px solid var(--line2);padding:10px 0} #km90-pc .stat{position:relative;background:transparent;padding:40px 20px;text-align:center} #km90-pc .stat+.stat::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:56%;background:linear-gradient(180deg,transparent,var(--gold) 25%,var(--gold) 75%,transparent)} #km90-pc .stat .knum{font-family:var(--en);font-size:clamp(40px,4.5vw,60px);font-weight:500;color:var(--gold-br);line-height:1} #km90-pc .stat .knum small{font-size:.5em;letter-spacing:.06em} #km90-pc .stat .lab{margin-top:14px;font-size:13.5px;letter-spacing:.16em;color:var(--fg-mut)} /* ---------- 풀블리드 밴드 ---------- */ #km90-pc .band{position:relative;height:62vh;min-height:460px;background-size:cover;background-position:center;background-attachment:fixed} #km90-pc .band::after{content:"";position:absolute;inset:0;background:rgba(13,17,19,.45)} #km90-pc .band .band-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;text-align:center;padding:0 24px} #km90-pc .band h3{font-family:var(--serif);font-size:clamp(26px,3.4vw,44px);font-weight:500;line-height:1.6;color:var(--fg);text-shadow:0 3px 26px rgba(0,0,0,.5)} #km90-pc .band .en-cap{font-family:var(--serif);font-size:14.5px;letter-spacing:.34em;color:var(--gold-br);display:block;margin-bottom:20px} @media(max-width:900px){#km90-pc .band{background-attachment:scroll}} /* ---------- ACCESS (가깝다) ---------- */ #km90-pc .acc-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;margin-top:70px;align-items:start} #km90-pc .route{position:relative;padding-left:36px} #km90-pc .route::before{content:"";position:absolute;left:8px;top:12px;bottom:12px;width:1px;background:linear-gradient(var(--gold) 60%,rgba(198,164,92,.15))} #km90-pc .route li{position:relative;padding:0 0 44px 26px} #km90-pc .route li:last-child{padding-bottom:0} #km90-pc .route li::before{content:"";position:absolute;left:-33px;top:10px;width:15px;height:15px;background:var(--ivory);border:1px solid var(--gold);transform:rotate(45deg)} #km90-pc .route .r-time{font-family:var(--serif);font-size:13px;font-weight:600;letter-spacing:.2em;color:#a5833f} #km90-pc .route .r-tit{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--ink-on-ivory);margin-top:6px} #km90-pc .route .r-desc{font-size:15.5px;color:var(--mut-on-ivory);margin-top:8px;line-height:1.9} #km90-pc .acc-facts{display:grid;grid-template-columns:1fr 1fr;gap:22px} #km90-pc .acc-fact{background:#fff;border:1px solid #e4dcc8;padding:38px 32px} #km90-pc .acc-fact .en{font-family:var(--serif);font-size:12.5px;font-weight:600;letter-spacing:.26em;color:#a5833f} #km90-pc .acc-fact h4{font-family:var(--serif);font-size:21px;font-weight:600;margin-top:10px;color:var(--ink-on-ivory)} #km90-pc .acc-fact p{font-size:14.8px;color:var(--mut-on-ivory);margin-top:10px;line-height:1.9} /* ---------- COURSES ---------- */ #km90-pc .course{display:grid;grid-template-columns:1.08fr .92fr;gap:0;margin-top:90px;background:var(--bg2);border:1px solid var(--line2)} #km90-pc .course.flip .c-vis{order:2} #km90-pc .c-vis{position:relative;min-height:560px;overflow:hidden} #km90-pc .c-vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:1.4s} #km90-pc .course:hover .c-vis img{transform:scale(1.05)} #km90-pc .c-vis .c-no{position:absolute;top:30px;left:34px;font-family:var(--en);font-size:76px;font-weight:500;color:rgba(240,235,224,.85);line-height:1;text-shadow:0 2px 18px rgba(0,0,0,.5)} #km90-pc .c-body{padding:78px 64px;display:flex;flex-direction:column;justify-content:center} #km90-pc .c-kicker{font-family:var(--serif);font-size:13px;font-weight:600;letter-spacing:.28em;color:var(--gold)} #km90-pc .c-name{font-family:var(--serif);font-size:clamp(28px,3vw,40px);font-weight:600;margin-top:14px} #km90-pc .c-name .holes{font-family:var(--serif);font-size:.55em;color:var(--gold-br);margin-left:16px;letter-spacing:.1em} #km90-pc .c-jp{font-family:var(--serif);font-size:14px;letter-spacing:.34em;color:var(--fg-mut2);margin-top:8px} #km90-pc .c-desc{margin-top:26px;color:var(--fg-mut);font-size:16.3px;line-height:2.05} #km90-pc .c-desc b{color:var(--fg);font-weight:500} #km90-pc .c-desc p+p{margin-top:14px} #km90-pc .c-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px} #km90-pc .c-tags span{font-size:12.5px;letter-spacing:.14em;color:var(--gold-br);border:1px solid var(--line);padding:7px 16px} #km90-pc .c-spec{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;border-top:1px solid var(--line)} #km90-pc .c-spec .s{display:flex;gap:14px;padding:11px 2px;border-bottom:1px solid var(--line2);font-size:14px;color:var(--fg-mut);line-height:1.7} #km90-pc .c-spec .sk{min-width:62px;font-family:var(--serif);font-weight:600;color:var(--gold-br);font-size:13px;padding-top:1px;letter-spacing:.04em} #km90-pc .t-ivory .c-spec{border-color:#d8c9a4} #km90-pc .t-ivory .c-spec .s{border-color:#efe9da;color:var(--mut-on-ivory)} #km90-pc .t-ivory .c-spec .sk{color:#a5833f} #km90-pc .c-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px;background:var(--bg2);border:1px solid var(--line2);border-top:none} #km90-pc .c-gal .g{aspect-ratio:16/10;overflow:hidden} #km90-pc .c-gal img{width:100%;height:100%;object-fit:cover;transition:.9s} #km90-pc .c-gal .g:hover img{transform:scale(1.07)} /* ---------- STAY ---------- */ #km90-pc .stay-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:70px} #km90-pc .stay-card{background:var(--bg2);border:1px solid var(--line2);overflow:hidden;display:flex;flex-direction:column} #km90-pc .stay-card .ph{aspect-ratio:16/9;overflow:hidden} #km90-pc .stay-card .ph img{width:100%;height:100%;object-fit:cover;transition:1.1s} #km90-pc .stay-card:hover .ph img{transform:scale(1.05)} #km90-pc .stay-card .body{padding:42px 40px 48px} #km90-pc .stay-card .en{font-family:var(--serif);font-size:12.5px;font-weight:600;letter-spacing:.26em;color:var(--gold)} #km90-pc .stay-card h4{font-family:var(--serif);font-size:26px;font-weight:600;margin-top:10px} #km90-pc .stay-card p{font-size:15.5px;color:var(--fg-mut);margin-top:14px;line-height:1.95} #km90-pc .stay-card p b{color:var(--gold-br);font-weight:500} #km90-pc .stay-sub{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 10px 0} #km90-pc .stay-sub .g{aspect-ratio:16/9;overflow:hidden} #km90-pc .stay-sub img{width:100%;height:100%;object-fit:cover} #km90-pc .stay-note{margin-top:26px;border:1px solid var(--line);padding:30px 34px;display:flex;gap:22px;align-items:baseline} #km90-pc .stay-note .en{font-family:var(--serif);color:var(--gold-br);font-size:14.5px;font-weight:600;letter-spacing:.16em;white-space:nowrap} #km90-pc .stay-note p{color:var(--fg-mut);font-size:15.5px} /* ---------- ONSEN & DINING ---------- */ #km90-pc .duo{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;margin-top:70px} #km90-pc .duo .ph{aspect-ratio:4/3;overflow:hidden;position:relative} #km90-pc .duo .ph img{width:100%;height:100%;object-fit:cover;transition:1.2s} #km90-pc .duo .ph:hover img{transform:scale(1.05)} #km90-pc .duo h3{font-family:var(--serif);font-size:clamp(26px,2.8vw,36px);font-weight:600;line-height:1.5} #km90-pc .duo .p{margin-top:22px;color:var(--fg-mut);font-size:16.3px;line-height:2.05} #km90-pc .duo .p b{color:var(--fg);font-weight:500} #km90-pc .duo ul{margin-top:26px} #km90-pc .duo ul li{position:relative;padding:12px 0 12px 28px;border-bottom:1px solid var(--line2);color:var(--fg-mut);font-size:15.3px} #km90-pc .duo ul li::before{content:"";position:absolute;left:4px;top:22px;width:8px;height:8px;background:var(--gold);transform:rotate(45deg)} #km90-pc .duo ul li b{color:var(--fg);font-weight:500} /* ---------- GALLERY ---------- */ #km90-pc .gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;grid-auto-flow:dense;gap:12px;margin-top:70px} #km90-pc .gal .g{overflow:hidden;position:relative} #km90-pc .gal .g img{width:100%;height:100%;object-fit:cover;transition:1s} #km90-pc .gal .g:hover img{transform:scale(1.06)} #km90-pc .gal .g.w2{grid-column:span 2} #km90-pc .gal .g.h2{grid-row:span 2} /* ---------- MEMBERSHIP ---------- */ #km90-pc .mem{max-width:1000px;margin:80px auto 0;background:#fff;border:1px solid #e4dcc8;box-shadow:0 40px 90px -50px rgba(20,25,20,.35)} #km90-pc .mem-head{background:var(--ink);color:var(--fg);text-align:center;padding:64px 40px 58px;position:relative} #km90-pc .mem-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent)} #km90-pc .mem-head .en{font-family:var(--serif);font-size:13.5px;font-weight:600;letter-spacing:.34em;color:var(--gold-br)} #km90-pc .mem-head h3{font-family:var(--serif);font-size:clamp(28px,3.4vw,40px);font-weight:600;margin-top:16px} #km90-pc .mem-head .price{font-family:var(--en);font-size:clamp(48px,6vw,72px);font-weight:500;color:var(--gold-br);margin-top:18px;line-height:1} #km90-pc .mem-head .price small{font-family:var(--serif);font-size:.36em;letter-spacing:.1em;color:var(--fg-mut);vertical-align:middle;margin-left:10px} #km90-pc .mem-head .pnote{margin-top:16px;font-size:14.5px;letter-spacing:.08em;color:var(--fg-mut)} #km90-pc .mem-bens{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e9e2d0;border-bottom:1px solid #e9e2d0} #km90-pc .mem-ben{background:#faf7ef;padding:34px 26px;text-align:center} #km90-pc .mem-ben .n{font-family:var(--en);font-size:30px;color:#a5833f;line-height:1} #km90-pc .mem-ben h5{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink-on-ivory);margin-top:12px} #km90-pc .mem-ben p{font-size:13.5px;color:var(--mut-on-ivory);margin-top:8px;line-height:1.8} #km90-pc .mem-table{width:100%;border-collapse:collapse} #km90-pc .mem-table th,#km90-pc .mem-table td{padding:26px 36px;border-bottom:1px solid #efe9da;font-size:15.8px;text-align:left;vertical-align:top;color:#3a4045} #km90-pc .mem-table th{width:200px;font-family:var(--serif);font-weight:600;color:var(--ink-on-ivory);background:#faf7ef;letter-spacing:.04em} #km90-pc .mem-table td b{color:#a5833f;font-weight:600} #km90-pc .mem-table td .fine{display:block;margin-top:8px;font-size:13.5px;color:#8b8f88} #km90-pc .mem-cta{padding:44px;text-align:center;background:#fff} /* ---------- FAQ ---------- */ #km90-pc .faq{max-width:920px;margin:70px auto 0} #km90-pc .faq details{border-bottom:1px solid var(--line2)} #km90-pc .faq summary{cursor:pointer;list-style:none;display:flex;gap:22px;align-items:baseline;padding:30px 10px;font-size:17.5px;font-weight:500;color:var(--fg);transition:.3s} #km90-pc .faq summary::-webkit-details-marker{display:none} #km90-pc .faq summary:hover{color:var(--gold-br)} #km90-pc .faq summary .q{font-family:var(--en);font-size:20px;color:var(--gold-br);font-weight:600} #km90-pc .faq summary .arr{margin-left:auto;font-family:var(--en);color:var(--fg-mut2);transition:.4s;font-size:20px} #km90-pc .faq details[open] summary .arr{transform:rotate(45deg);color:var(--gold-br)} #km90-pc .faq .a{padding:0 10px 34px 62px;color:var(--fg-mut);font-size:15.8px;line-height:2} #km90-pc .faq .a b{color:var(--fg);font-weight:500} /* ---------- INVITE ---------- */ #km90-pc .invite{position:relative;background:#0d1113 url('img/0cfe8f762c796.jpg') center/cover fixed;text-align:center;padding:150px 24px;border-top:1px solid var(--line2)} #km90-pc .invite::before{content:"";position:absolute;inset:0;background:rgba(13,17,19,.8);pointer-events:none} #km90-pc .invite>*{position:relative;z-index:1} @supports (-webkit-touch-callout:none){#km90-pc .invite{background-attachment:scroll !important}} /* 골드 광택 흐름 효과 */ #km90-pc .invite h3 em{color:var(--fg) !important} #km90-pc .invite .shine{background:linear-gradient(105deg,#9c7b38 18%,#d8bc7e 34%,#fff3c9 48%,#fffbe9 52%,#fff3c9 56%,#d8bc7e 70%,#9c7b38 84%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:km90shine 2.4s linear infinite,km90glow 2.4s ease-in-out infinite} @keyframes km90shine{0%{background-position:200% 0}100%{background-position:-60% 0}} @keyframes km90glow{0%,100%{filter:drop-shadow(0 0 4px rgba(216,188,126,.15))}50%{filter:drop-shadow(0 0 16px rgba(255,236,170,.55))}} #km90-pc .invite .en{font-family:var(--serif);font-size:14px;font-weight:600;letter-spacing:.38em;color:var(--gold)} #km90-pc .invite h3{font-family:var(--serif);font-size:clamp(28px,3.6vw,46px);font-weight:500;line-height:1.7;margin-top:30px} #km90-pc .invite h3 em{font-style:normal;color:var(--gold-br)} #km90-pc .invite p{margin-top:30px;color:var(--gold-br);font-family:var(--serif);font-weight:600;font-size:clamp(20px,2.4vw,30px);letter-spacing:.14em} /* ---------- CONTACT ---------- */ #km90-pc .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;margin-top:70px;align-items:start} #km90-pc .con-tel{font-family:var(--en);font-size:clamp(44px,5.4vw,66px);color:var(--gold-br);font-weight:500;line-height:1;margin-top:24px} #km90-pc .con-list{margin-top:44px} #km90-pc .con-list li{display:flex;gap:26px;padding:20px 0;border-bottom:1px solid var(--line2);font-size:15.8px} #km90-pc .con-list .k{width:88px;color:var(--fg-mut2);letter-spacing:.14em;font-size:13.5px;padding-top:3px;font-family:var(--serif)} #km90-pc .con-list .v{color:var(--fg-mut)} #km90-pc .con-list .v a{color:var(--fg);border-bottom:1px solid var(--line)} #km90-pc .form{background:var(--bg2);border:1px solid var(--line2);padding:56px 52px} #km90-pc .form h4{font-family:var(--serif);font-size:24px;font-weight:600} #km90-pc .form .form-sub{color:var(--fg-mut);font-size:14.5px;margin-top:8px} #km90-pc .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px} #km90-pc .field{display:flex;flex-direction:column;gap:9px;margin-top:24px} #km90-pc .form-row .field{margin-top:0} #km90-pc .field label{font-size:13px;letter-spacing:.16em;color:var(--fg-mut)} #km90-pc .field input,#km90-pc .field select,#km90-pc .field textarea{background:rgba(240,235,224,.04);border:1px solid var(--line2);color:var(--fg);font-family:var(--sans);font-size:15.5px;padding:15px 18px;transition:.3s;border-radius:0;-webkit-appearance:none;appearance:none;width:100%} #km90-pc .field select{background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat} #km90-pc .field select option{background:#151b1d;color:var(--fg)} #km90-pc .field textarea{min-height:110px;resize:vertical} #km90-pc .field input:focus,#km90-pc .field select:focus,#km90-pc .field textarea:focus{outline:none;border-color:var(--gold);background:rgba(240,235,224,.07)} #km90-pc .agree{display:flex;gap:12px;align-items:flex-start;margin-top:26px;font-size:13.5px;color:var(--fg-mut);cursor:pointer;line-height:1.7} #km90-pc .agree input{margin-top:4px;accent-color:var(--gold)} #km90-pc .form-msg{display:none;margin-top:22px;padding:16px 20px;font-size:14.5px;line-height:1.7} #km90-pc .form-msg.show{display:block} #km90-pc .form-msg.loading{background:rgba(240,235,224,.06);color:var(--fg-mut);border:1px solid var(--line2)} #km90-pc .form-msg.success{background:rgba(198,164,92,.1);color:var(--gold-br);border:1px solid var(--line)} #km90-pc .form-msg.error{background:rgba(200,80,70,.08);color:#e8a49b;border:1px solid rgba(200,80,70,.35)} #km90-pc .form-submit{margin-top:30px;width:100%;background:var(--gold);color:var(--ink);border:none;padding:20px;font-size:15px;letter-spacing:.2em;font-weight:700;cursor:pointer;transition:.35s;font-family:var(--sans)} #km90-pc .form-submit:hover{background:var(--gold-br)} #km90-pc .form-submit:disabled{opacity:.55;cursor:not-allowed} /* ---------- FOOTER ---------- */ #km90-pc .foot{border-top:1px solid var(--line2);padding:64px 0 80px;color:var(--fg-mut2);font-size:13.5px} #km90-pc .foot .wrap{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start} #km90-pc .foot .f-logo{font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:.14em;color:var(--fg-mut)} #km90-pc .foot .f-logo b{color:var(--gold)} #km90-pc .foot p{margin-top:10px;line-height:1.9} /* ---------- USAGE (코스 사용법) ---------- */ #km90-pc .use-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:70px} #km90-pc .use-card{background:#fff;border:1px solid #e4dcc8;display:flex;flex-direction:column;transition:.4s} #km90-pc .use-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -34px rgba(30,35,30,.35)} #km90-pc .use-card .ph{aspect-ratio:16/9;overflow:hidden;position:relative} #km90-pc .use-card .ph img{width:100%;height:100%;object-fit:cover;transition:1s} #km90-pc .use-card:hover .ph img{transform:scale(1.05)} #km90-pc .use-card .ph .tag{position:absolute;top:20px;left:20px;background:rgba(13,17,19,.85);color:var(--gold-br);padding:9px 18px;font-family:var(--serif);font-size:12.5px;letter-spacing:.2em} #km90-pc .use-card .body{padding:42px 40px 48px} #km90-pc .use-card h4{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--ink-on-ivory);line-height:1.5} #km90-pc .use-card .sub{font-size:15px;color:var(--mut-on-ivory);margin-top:10px} #km90-pc .use-card ul{margin-top:22px} #km90-pc .use-card ul li{position:relative;padding:12px 0 12px 28px;border-bottom:1px solid #efe9da;color:var(--mut-on-ivory);font-size:15px;line-height:1.85} #km90-pc .use-card ul li::before{content:"";position:absolute;left:4px;top:22px;width:8px;height:8px;background:var(--gold);transform:rotate(45deg)} #km90-pc .use-card ul li b{color:var(--ink-on-ivory);font-weight:600} #km90-pc .use-card ul li b.gd{color:#a5833f} /* ---------- 체류비 · 포인트 계산 박스 ---------- */ #km90-pc .calc{margin-top:70px;background:var(--ink);border:1px solid var(--line);padding:64px 60px;color:var(--fg)} #km90-pc .calc-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:start} #km90-pc .calc .c-k{display:flex;align-items:center;gap:16px;font-family:var(--serif);font-size:13px;font-weight:600;letter-spacing:.28em;color:var(--gold)} #km90-pc .calc .c-k::before{content:"";width:44px;height:1px;background:var(--gold)} #km90-pc .calc h4{font-family:var(--serif);font-size:clamp(24px,2.6vw,32px);font-weight:600;margin-top:20px;line-height:1.55} #km90-pc .calc h4 em{font-style:normal;color:var(--gold-br)} #km90-pc .calc .c-p{margin-top:20px;color:var(--fg-mut);font-size:15.5px;line-height:2} #km90-pc .calc .c-p b{color:var(--fg);font-weight:500} #km90-pc .ledger{background:rgba(240,235,224,.03);border:1px solid var(--line2);padding:38px 40px} #km90-pc .ledger .l-tit{font-family:var(--serif);font-size:17px;color:var(--gold-br);letter-spacing:.06em;padding-bottom:16px;border-bottom:1px solid var(--line)} #km90-pc .ledger .row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px dashed rgba(240,235,224,.14);font-size:15.3px;color:var(--fg-mut)} #km90-pc .ledger .row .v{font-family:var(--en);font-size:16.5px;color:var(--fg);white-space:nowrap;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:'lnum' 1,'tnum' 1;letter-spacing:.02em} #km90-pc .ledger .row .v.minus{color:var(--gold-br)} #km90-pc .ledger .row .v.plus{color:#b8d4a8} #km90-pc .ledger .row.total{border-bottom:none;border-top:1px solid var(--gold);margin-top:6px;padding-top:20px;color:var(--fg)} #km90-pc .ledger .row.total .v{font-size:19px;color:var(--gold-br)} #km90-pc .ledger .fine{margin-top:18px;font-size:12.8px;color:var(--fg-mut2);line-height:1.8} /* ---------- 아이보리 코스/FAQ 오버라이드 ---------- */ #km90-pc .t-ivory .course{background:#fff;border-color:#e4dcc8} #km90-pc .t-ivory .c-name{color:var(--ink-on-ivory)} #km90-pc .t-ivory .c-name .holes{color:#a5833f} #km90-pc .t-ivory .c-jp{color:#a09a88} #km90-pc .t-ivory .c-desc{color:var(--mut-on-ivory)} #km90-pc .t-ivory .c-desc b{color:var(--ink-on-ivory)} #km90-pc .t-ivory .c-tags span{color:#8a713e;border-color:#d8c9a4} #km90-pc .t-ivory .c-gal{background:#fff;border-color:#e4dcc8} #km90-pc .t-ivory .faq details{border-color:#e0d8c4} #km90-pc .t-ivory .faq summary{color:var(--ink-on-ivory)} #km90-pc .t-ivory .faq summary:hover{color:#a5833f} #km90-pc .t-ivory .faq summary .q{color:#a5833f} #km90-pc .t-ivory .faq summary .arr{color:#b8b09c} #km90-pc .t-ivory .faq details[open] summary .arr{color:#a5833f} #km90-pc .t-ivory .faq .a{color:var(--mut-on-ivory)} #km90-pc .t-ivory .faq .a b{color:var(--ink-on-ivory)} /* ---------- ONSEN (아이보리 듀오 오버라이드 + 스트립) ---------- */ #km90-pc .t-ivory .duo h3{color:var(--ink-on-ivory)} #km90-pc .t-ivory .duo .p{color:var(--mut-on-ivory)} #km90-pc .t-ivory .duo .p b{color:var(--ink-on-ivory)} #km90-pc .t-ivory .duo ul li{color:var(--mut-on-ivory);border-color:#e0d8c4} #km90-pc .t-ivory .duo ul li b{color:var(--ink-on-ivory)} #km90-pc .onsen-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:70px} #km90-pc .onsen-strip .g{aspect-ratio:16/10;overflow:hidden;position:relative} #km90-pc .onsen-strip img{width:100%;height:100%;object-fit:cover;transition:1s} #km90-pc .onsen-strip .g:hover img{transform:scale(1.06)} #km90-pc .onsen-strip .g span{position:absolute;left:0;right:0;bottom:0;padding:14px 18px;background:linear-gradient(transparent,rgba(13,17,19,.75));color:var(--fg);font-size:13px;letter-spacing:.14em;font-family:var(--serif)} /* ---------- 스토리 보조컷 ---------- */ #km90-pc .story-vis .ph2{position:absolute;left:-72px;bottom:-58px;width:47%;aspect-ratio:4/3;overflow:hidden;border:7px solid var(--bg);box-shadow:0 34px 70px -34px rgba(0,0,0,.7)} #km90-pc .story-vis .ph2 img{width:100%;height:100%;object-fit:cover} /* ---------- 반응형 ---------- */ @media(max-width:1024px){ #km90-pc .story-grid,#km90-pc .acc-grid,#km90-pc .duo,#km90-pc .contact-grid{grid-template-columns:1fr;gap:60px} #km90-pc .course,#km90-pc .course.flip{grid-template-columns:1fr} #km90-pc .course.flip .c-vis{order:0} #km90-pc .c-vis{min-height:420px} #km90-pc .c-body{padding:52px 36px} #km90-pc .stay-grid{grid-template-columns:1fr} #km90-pc .gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px} #km90-pc .story-stats,#km90-pc .mem-bens{grid-template-columns:repeat(2,1fr)} #km90-pc .acc-facts{grid-template-columns:1fr} #km90-pc .use-grid,#km90-pc .calc-grid{grid-template-columns:1fr} #km90-pc .c-gal{grid-template-columns:repeat(2,1fr)} #km90-pc .c-spec{grid-template-columns:1fr} #km90-pc .calc{padding:44px 28px} #km90-pc .onsen-strip{grid-template-columns:1fr} #km90-pc .story-vis .ph2{left:-10px;bottom:-40px} #km90-pc .sec{padding:110px 0} #km90-pc .wrap{padding:0 26px} #km90-pc .form{padding:40px 28px} #km90-pc .form-row{grid-template-columns:1fr} #km90-pc .mem-table th{width:130px;padding:20px 18px} #km90-pc .mem-table td{padding:20px 18px} } /* ===== 타이포 미세 조정 — 자간 통일 (최종) ===== */ #km90-pc .sec-title{letter-spacing:.02em} #km90-pc .stat .knum,#km90-pc .mem-head .price,#km90-pc .mem-ben .n,#km90-pc .con-tel,#km90-pc .c-vis .c-no{letter-spacing:.02em} #km90-pc .faq summary .q{letter-spacing:.02em} /* ===== 카카오톡 상담 버튼 ===== */ #km90-pc .kakao-btn{display:inline-flex;align-items:center;gap:10px;margin-top:22px;background:#FEE500;color:#191919 !important;padding:15px 28px;font-weight:800;font-size:15px;letter-spacing:.03em;border-radius:8px;font-family:var(--sans)} #km90-pc .kakao-btn .kico{width:21px;height:20px;display:inline-block;background:#191919;border-radius:50%/46%;position:relative} #km90-pc .kakao-btn .kico::after{content:"";position:absolute;left:4px;bottom:-3px;border:5px solid transparent;border-top:7px solid #191919;border-left-width:3px;border-right-width:3px} #km90-pc .kakao-hero{margin-top:0;padding:17px 30px;font-size:14.5px} #km90-pc .kakao-btn{position:relative;z-index:20;pointer-events:auto;cursor:pointer;transition:.35s} #km90-pc .kakao-btn:hover{background:#FFDE00;transform:translateY(-3px);box-shadow:0 12px 26px rgba(254,229,0,.28)} #km90-pc .kakao-btn *{pointer-events:none} #km90-pc .hero-actions{position:relative;z-index:20} #km90-pc .kbtn-dark .tel-lab{font-size:13px;letter-spacing:.16em} #km90-pc .kbtn-dark .tel-num{font-family:var(--en);font-size:22px;font-weight:600;color:var(--gold-br);letter-spacing:.04em;line-height:1} /* ===== 원장 숫자 열 정렬 고정 ===== */ #km90-pc .ledger .row{display:flex !important;flex-wrap:nowrap !important;justify-content:space-between !important;align-items:baseline;margin-left:0 !important;margin-right:0 !important;width:100%} #km90-pc .ledger .row .v{flex:0 0 auto;min-width:150px;text-align:right !important;display:inline-block !important} /* 미식 섹션 — 요코초 야경 고정 배경 */ #km90-pc #dining{position:relative;background:#0d1113 url('img/e524f600fc3e0.jpg') center/cover fixed !important} #km90-pc #dining::before{content:"";position:absolute;inset:0;background:rgba(13,17,19,.8);pointer-events:none} #km90-pc #dining>*{position:relative;z-index:1} @supports (-webkit-touch-callout:none){#km90-pc #dining{background-attachment:scroll !important}} /* ===== 원장 정렬 최종 고정 — 그리드 열 강제 ===== */ #km90-pc .ledger .row::before,#km90-pc .ledger .row::after{content:none !important;display:none !important} #km90-pc .ledger .row{display:grid !important;grid-template-columns:minmax(0,1fr) 160px !important;column-gap:14px;align-items:baseline;justify-content:stretch !important;width:100% !important;margin:0 !important} #km90-pc .ledger .row>span:first-child{text-align:left !important;justify-self:start} #km90-pc .ledger .row .v{grid-column:2;display:block !important;width:100% !important;min-width:0 !important;max-width:none !important;text-align:right !important;justify-self:stretch;white-space:nowrap !important} /* ===== 히어로 골드 광택 흐름 (확정) ===== */ #km90-pc .hero-title .knum,#km90-pc .hero-copy{background-image:linear-gradient(105deg,#9c7b38 18%,#d8bc7e 34%,#fff3c9 48%,#fffbe9 52%,#fff3c9 56%,#d8bc7e 70%,#9c7b38 84%) !important;background-size:260% 100% !important;background-color:transparent !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;animation:km90shine 2.8s linear infinite !important} /* ===== 히어로 아이보리 광택 흐름 (고마츠 · 부제) ===== */ #km90-pc .hero-title,#km90-pc .hero-title .kr{background-image:linear-gradient(105deg,#b9b3a4 20%,#f0ebe0 38%,#ffffff 50%,#f0ebe0 62%,#b9b3a4 80%) !important;background-size:260% 100% !important;background-color:transparent !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;animation:km90shine 2.8s linear infinite !important} /* ===== 부제 광택 강화판 (대비↑ · 띠 폭↑ · 글로우) ===== */ #km90-pc .hero-title .kr{background-image:linear-gradient(105deg,#7e786a 12%,#d9d3c4 30%,#ffffff 44%,#fffef6 50%,#ffffff 56%,#d9d3c4 70%,#7e786a 88%) !important;background-size:170% 100% !important;animation:km90shine 2.4s linear infinite,km90glowiv 2.4s ease-in-out infinite !important} @keyframes km90glowiv{0%,100%{filter:drop-shadow(0 0 2px rgba(255,255,255,.05))}50%{filter:drop-shadow(0 0 10px rgba(255,255,240,.5))}} /* ===== 실질 하루 체류비 행 광택 애니메이션 ===== */ #km90-pc .ledger .row.total:not([style])>span:first-child{color:var(--fg) !important;transform-origin:left center;display:inline-block;animation:km90glowW 2.4s ease-in-out infinite !important} @keyframes km90glowW{0%,100%{text-shadow:0 0 2px rgba(240,235,224,.1);transform:scale(1)}50%{text-shadow:0 0 16px rgba(255,255,245,.95),0 0 34px rgba(255,255,240,.6),0 0 60px rgba(240,235,224,.3);transform:scale(1.03)}} #km90-pc .ledger .row.total:not([style]) .v{color:var(--gold-br) !important;transform-origin:right center;animation:km90glowG 2.4s ease-in-out infinite !important} @keyframes km90glowG{0%,100%{text-shadow:0 0 2px rgba(216,188,126,.12);transform:scale(1)}50%{text-shadow:0 0 18px rgba(255,240,180,1),0 0 40px rgba(255,220,140,.65),0 0 70px rgba(216,188,126,.35);transform:scale(1.05)}} /* ===== 멤버십 2등급 카드 ===== */ #km90-pc .mem-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px} #km90-pc .mem-tier{background:#fff;border:1px solid var(--line,#d8c9a4);padding:34px 30px;text-align:center} /* ▼ 멤버십 카드 등장 · 호버 이펙트 */ #km90-pc .mem-tier{transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s,border-color .55s} #km90-pc .mem-tier:hover{transform:translateY(-10px);box-shadow:0 22px 48px rgba(32,38,42,.16);border-color:#c6a45c} #km90-pc .mem-tier.gold:hover{box-shadow:0 22px 54px rgba(198,164,92,.34)} #km90-pc .mem-tier.gold::before{animation:km90badge 2.6s ease-in-out infinite} @keyframes km90badge{0%,100%{box-shadow:0 0 0 0 rgba(198,164,92,.55)}55%{box-shadow:0 0 0 9px rgba(198,164,92,0)}} #km90-pc .mem.in .mem-tier{animation:km90memrise .85s cubic-bezier(.16,1,.3,1) both} #km90-pc .mem.in .mem-tier:nth-child(1){animation-delay:.08s} #km90-pc .mem.in .mem-tier:nth-child(2){animation-delay:.24s} @keyframes km90memrise{from{opacity:0;transform:translateY(30px) scale(.985)}to{opacity:1;transform:none}} @media(prefers-reduced-motion:reduce){#km90-pc .mem.in .mem-tier{animation:none}#km90-pc .mem-tier.gold::before{animation:none}} #km90-pc .mem-tier.gold{border:2px solid #c6a45c;position:relative} #km90-pc .mem-tier.gold::before{content:"PREMIUM";position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#c6a45c;color:#0d1113;font-size:10.5px;font-weight:800;letter-spacing:.18em;padding:4px 12px} #km90-pc .mem-tier .en{color:#a5833f;letter-spacing:.3em;font-size:12px} #km90-pc .mem-tier h3{font-family:var(--serif);font-size:18px;font-weight:700;margin-top:10px} #km90-pc .mem-tier .price{margin-top:12px} #km90-pc .tier-rows{list-style:none;margin:18px 0 0;padding:14px 0 0;border-top:1px solid #efe9da;text-align:left} #km90-pc .tier-rows li{display:flex;justify-content:space-between;padding:8px 2px;font-size:13.5px} #km90-pc .tier-rows li span{color:#5a5f58} #km90-pc .tier-rows li b{font-weight:700} /* ===== 기명 회원 예우 — 크림 테마 ===== */ #km90-vip{--fg:#20262a;--mut:#5a5f58;--gold:#a5833f;--gold-d:#8a713e;--line:#d8c9a4; background:#f4efe3;border-top:2px solid #c6a45c;color:var(--fg);font-family:'Pretendard','Noto Serif KR',sans-serif;padding:120px 24px 110px;word-break:keep-all} #km90-vip *{box-sizing:border-box;margin:0;padding:0} #km90-vip .ctr{max-width:1200px;margin:0 auto} #km90-vip .kicker{display:flex;align-items:center;gap:12px;font-family:'Noto Serif KR',serif;font-weight:600;font-size:13px;letter-spacing:.28em;color:var(--gold)} #km90-vip .kicker::before{content:"";width:40px;height:1px;background:var(--gold)} #km90-vip h2{font-family:'Noto Serif KR',serif;font-size:clamp(28px,3.4vw,44px);font-weight:600;line-height:1.5;letter-spacing:.02em;margin-top:20px;color:var(--fg)} #km90-vip h2 em{font-style:normal;color:var(--gold-d)} #km90-vip .sub-line{margin-top:16px;font-family:'Noto Serif KR',serif;font-weight:600;font-size:17px;letter-spacing:.1em;color:var(--gold)} #km90-vip .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;margin-top:60px;align-items:center} #km90-vip .lead-p{font-size:16.5px;line-height:2.05;color:var(--mut)} #km90-vip .lead-p b{color:var(--fg);font-weight:600} #km90-vip .lead-p+.lead-p{margin-top:26px} #km90-vip .feat{margin-top:42px;background:#fff;border:1px solid var(--line)} #km90-vip .feat .fr{display:flex;gap:22px;align-items:flex-start;padding:26px 28px;border-bottom:1px solid #efe9da} #km90-vip .feat .fr:last-child{border-bottom:none} #km90-vip .feat .no{font-family:'Cormorant Garamond',serif;font-size:30px;color:var(--gold);line-height:1;min-width:44px} #km90-vip .feat h4{font-family:'Noto Serif KR',serif;font-size:17.5px;font-weight:700;letter-spacing:.02em} #km90-vip .feat h4 span{color:var(--gold-d)} #km90-vip .feat p{font-size:14px;color:var(--mut);line-height:1.85;margin-top:8px} #km90-vip .vis{position:relative} #km90-vip .vis::before{content:"";position:absolute;inset:26px -26px -26px 26px;border:1px solid #c9b071;z-index:0} #km90-vip .vis img{position:relative;z-index:1;width:100%;height:560px;object-fit:cover;display:block;box-shadow:0 18px 50px rgba(32,38,42,.18)} #km90-vip .vis .cap{position:absolute;z-index:2;left:-14px;bottom:34px;background:#0d1113;border-left:2px solid #c6a45c;padding:14px 20px;font-family:'Noto Serif KR',serif;font-size:13px;letter-spacing:.08em;color:#d8bc7e} @media(max-width:860px){ #km90-vip{padding:76px 22px} #km90-vip .grid{grid-template-columns:1fr;gap:44px} #km90-vip .vis img{height:380px} #km90-vip .vis::before{inset:16px -14px -14px 16px} } #km90-map{position:relative;left:50%;right:50%;width:100vw;margin-left:-50vw;margin-right:-50vw; background:#0d1113 url('img/557239f448412.jpg') center/cover fixed;color:#f0ebe0;font-family:'Pretendard','Noto Serif KR',sans-serif; padding:90px 0 70px;word-break:keep-all;overflow-x:hidden} #km90-map::before{content:"";position:absolute;inset:0;background:rgba(13,17,19,.8);pointer-events:none} #km90-map .wrap{position:relative;z-index:1} @supports (-webkit-touch-callout:none){#km90-map{background-attachment:scroll !important}} #km90-map *{box-sizing:border-box;margin:0;padding:0} #km90-map .wrap{max-width:1280px;margin:0 auto;padding:0 24px} #km90-map .kicker{display:flex;align-items:center;gap:12px;font-family:'Noto Serif KR',serif;font-weight:600;font-size:13px;letter-spacing:.28em;color:#c6a45c} #km90-map .kicker::before{content:"";width:40px;height:1px;background:#c6a45c} #km90-map h2{font-family:'Noto Serif KR',serif;font-size:clamp(26px,3.4vw,40px);font-weight:600;letter-spacing:.02em;line-height:1.45;margin-top:18px;color:#f0ebe0} #km90-map .lead{margin-top:14px;color:rgba(240,235,224,.62);font-size:15.5px;line-height:1.9;max-width:640px} #km90-map .lead b{color:#f0ebe0;font-weight:500} #km90-map .maps{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;margin-top:44px} #km90-map .panel{position:relative;border:1px solid rgba(198,164,92,.4);background:#fff;overflow:hidden} #km90-map .panel>img{display:block;width:100%;height:auto} #km90-map .panel svg{position:absolute;inset:0;width:100%;height:100%} #km90-map .p-tag{position:absolute;top:12px;left:12px;background:#0d1113;color:#d8bc7e;font-family:'Noto Serif KR',serif;font-size:13px;letter-spacing:.18em;padding:9px 16px;z-index:3} #km90-map .credit{position:absolute;right:8px;bottom:6px;font-size:9.5px;color:#9aa0a4;z-index:3} /* 라벨 · 배지 (지도 위 HTML 오버레이) */ #km90-map .lb{position:absolute;transform:translate(-50%,0);z-index:2;text-align:center;pointer-events:none} /* ▼ 온천호텔 5분 강조 배지 + 펄스 이펙트 */ #km90-map .lb .s em.blink,#km90-map .lb em.hot{display:inline-block;font-style:normal;font-weight:800;font-size:clamp(12px,1.15vw,17px);line-height:1.25;color:#8a2f22 !important;background:transparent !important;padding:2px 0 0;margin-top:3px;letter-spacing:-.01em;text-shadow:0 0 6px #fff,0 0 12px #fff,0 0 18px #fff;box-shadow:none;animation:km90hotpulse 2s ease-in-out infinite} @keyframes km90hotpulse{0%,100%{transform:scale(1);opacity:1}55%{transform:scale(1.06);opacity:.72}} #km90-map .lb .t{font-family:'Noto Serif KR',serif;font-weight:700;font-size:18.5px;color:#171d20;text-shadow:0 0 6px #fff,0 0 12px #fff} #km90-map .blink{font-style:normal;font-weight:700;color:#8a2f22;animation:km90blink 1.4s ease-in-out infinite} @keyframes km90blink{0%,100%{opacity:1}50%{opacity:.25}} #km90-map .lb .s{font-family:'Noto Serif KR',serif;font-weight:600;font-size:14px;color:#a5833f;margin-top:2px;text-shadow:0 0 6px #fff} #km90-map .bd{position:absolute;transform:translate(-50%,-50%);z-index:2;background:#0d1113;color:#d8bc7e;border:1px solid #c6a45c;border-radius:30px;font-family:'Noto Serif KR',serif;font-weight:600;font-size:14px;letter-spacing:.06em;padding:8px 16px;white-space:nowrap;pointer-events:none} #km90-map .bd.lt{background:#fff;color:#8a713e;box-shadow:0 2px 8px rgba(0,0,0,.12)} /* SVG 경로 애니메이션 */ #km90-map .fly{stroke:#b08a3e;stroke-width:3.5;fill:none;stroke-dasharray:13 9;animation:km90dash 1.1s linear infinite} @keyframes km90dash{to{stroke-dashoffset:-22}} #km90-map .road{stroke:#b08a3e;stroke-width:4;fill:none;stroke-linecap:round} #km90-map .road.draw{stroke-dasharray:1000;stroke-dashoffset:1000;animation:km90draw 1.6s ease forwards} #km90-map .road.d2{animation-delay:.5s} #km90-map .road.d3{animation-delay:1s} @keyframes km90draw{to{stroke-dashoffset:0}} #km90-map .npt{fill:#b08a3e;stroke:#fff;stroke-width:2.5} #km90-map .npt.big{fill:#0d1113} /* 하단 범례 */ #km90-map .legend{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;border:1px solid rgba(198,164,92,.35);background:#151b1d} #km90-map .lg{padding:24px 22px;border-left:1px solid rgba(240,235,224,.1)} #km90-map .lg:first-child{border-left:none} #km90-map .lg .n{font-family:'Cormorant Garamond','Noto Serif KR',serif;font-size:26px;color:#d8bc7e;line-height:1} #km90-map .lg h4{font-family:'Noto Serif KR',serif;font-size:15.5px;font-weight:700;color:#f0ebe0;margin-top:10px;line-height:1.5} #km90-map .lg p{font-size:12.8px;color:rgba(240,235,224,.55);margin-top:6px;line-height:1.75} @media(max-width:820px){ #km90-map{padding:64px 0 50px} #km90-map .maps{grid-template-columns:1fr;gap:14px;margin-top:30px} #km90-map .legend{grid-template-columns:1fr 1fr} #km90-map .lg{border-top:1px solid rgba(240,235,224,.1)} #km90-map .lg:nth-child(odd){border-left:none} #km90-map .lb .t{font-size:15px} #km90-map .blink{font-style:normal;font-weight:700;color:#8a2f22;animation:km90blink 1.4s ease-in-out infinite} @keyframes km90blink{0%,100%{opacity:1}50%{opacity:.25}} #km90-map .lb .s{font-size:12px} #km90-map .bd{font-size:12px;padding:6px 12px} } /* ===== 모바일: 지도 라벨 겹침 해소 ===== */ @media(max-width:820px){ /* 항공 배지: 태그 아래로 내리고 줄바꿈 허용 */ #km90-map .bd[style*="top:22%"]{top:53% !important;max-width:86%;white-space:normal;text-align:center;line-height:1.55} /* 고마쓰공항 라벨: 노드 아래로 (상단 태그와 분리) */ #km90-map .lb[style*="top:11.5%"]{top:20% !important} /* 시간 배지 상단 여유 */ #km90-map .bd[style*="top:21%"]{left:84% !important;top:20% !important} #km90-map .bd[style*="top:23%"]{top:21.5% !important} } #km90-pc .std-row .sk,#km90-pc .std-row .sv,#km90-pc .std-row .ss,#km90-pc .std-app .badge,#km90-pc .app-grid .ai,#km90-pc .app-grid .an,#km90-pc .std-app .ap{background-image:none !important;box-shadow:none !important;text-indent:0;border-radius:0} #km90-pc .std-tbl{margin-top:60px;border-top:2px solid #a5833f;background:#faf7ef} #km90-pc .std-row{display:grid;grid-template-columns:220px 1fr 150px;align-items:center;gap:24px;padding:24px 30px;border-bottom:1px solid #e9e2d0} #km90-pc .std-row.hd{background:#efe7d3;padding:18px 30px;font-size:13.5px;letter-spacing:.16em;color:#8a7340;font-family:var(--serif);font-weight:600} #km90-pc .std-row .sk{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--ink-on-ivory);display:flex;align-items:baseline;gap:12px} #km90-pc .std-row .sk i{font-family:var(--en);font-style:normal;font-size:15px;color:#a5833f} #km90-pc .std-row .sv{font-size:15.8px;color:var(--mut-on-ivory);line-height:1.75} #km90-pc .std-row .sv b{color:var(--ink-on-ivory);font-weight:600} #km90-pc .std-row .ss{text-align:right;font-size:15px;letter-spacing:.14em;color:#c6a45c;white-space:nowrap} #km90-pc .std-row.tt{background:#20262a;border-bottom:none;padding:22px 30px} #km90-pc .std-row.tt .sk{color:#f0ebe0;font-family:var(--en);letter-spacing:.2em;font-size:17px} #km90-pc .std-row.tt .sv{color:rgba(240,235,224,.6);font-size:14.5px} #km90-pc .std-row.tt .ss{color:#dcc28b;font-size:16px} #km90-pc .std-fine{margin-top:16px;font-size:13px;color:#8b8a80} #km90-pc .std-app{margin-top:80px;background:#0d1113;color:#f0ebe0;padding:64px 60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center} #km90-pc .std-app .badge{display:inline-block;font-family:var(--serif);font-size:12.5px;letter-spacing:.22em;color:#0d1113;background:var(--gold);padding:7px 16px} #km90-pc .std-app h3{font-family:var(--serif);font-size:clamp(28px,3vw,38px);font-weight:600;line-height:1.45;margin-top:22px} #km90-pc .std-app h3 b{color:var(--gold-br);font-weight:600} #km90-pc .std-app .ap{margin-top:20px;font-size:16px;line-height:2;color:rgba(240,235,224,.62)} #km90-pc .std-app .ap b{color:#f0ebe0;font-weight:500} #km90-pc .app-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(240,235,224,.12);border:1px solid rgba(240,235,224,.12)} #km90-pc .app-grid .ai{background:#0d1113;padding:30px 26px} #km90-pc .app-grid .ai .an{font-family:var(--en);font-size:26px;color:var(--gold-br);line-height:1} #km90-pc .app-grid .ai h5{font-family:var(--serif);font-size:17px;font-weight:600;margin-top:12px;color:#f0ebe0} #km90-pc .app-grid .ai p{font-size:13.8px;line-height:1.8;color:rgba(240,235,224,.55);margin-top:8px} @media(max-width:900px){ #km90-pc .std-row{grid-template-columns:1fr;gap:10px;padding:22px 20px} #km90-pc .std-row.hd{display:none} #km90-pc .std-row .ss{text-align:left} #km90-pc .std-app{grid-template-columns:1fr;padding:46px 28px;gap:38px} } #km90-pc .std-strip{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px} #km90-pc .std-strip figure{position:relative;overflow:hidden;background:#20262a} #km90-pc .std-strip .ph{aspect-ratio:4/3;overflow:hidden} #km90-pc .std-strip img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.16,1,.3,1)} #km90-pc .std-strip figure:hover img{transform:scale(1.07)} #km90-pc .std-strip figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 22px 18px;color:#f0ebe0;background:linear-gradient(180deg,rgba(13,17,19,0) 0%,rgba(13,17,19,.86) 72%)} #km90-pc .std-strip .cn{font-family:var(--serif);font-size:19px;font-weight:600} #km90-pc .std-strip .ch{font-family:var(--en);font-size:14px;letter-spacing:.16em;color:var(--gold-br);margin-top:5px} @media(max-width:760px){#km90-pc .std-strip{grid-template-columns:1fr;gap:14px}} #km90-pc #membership{padding-bottom:54px} #km90-pc #membership .wrap{max-width:1400px} #km90-pc #faq{padding-top:54px} #km90-pc .km-ad{background:var(--ivory);padding:0 0 8px;text-align:center} #km90-pc .km-ad .inner{max-width:1090px;margin:0 auto;padding:0 48px} #km90-pc .km-ad img{width:100%;height:auto;box-shadow:0 26px 70px rgba(32,38,42,.18)} #km90-pc .km-ad .cap{margin-top:16px;font-family:var(--serif);font-size:13px;letter-spacing:.22em;color:#a5833f} @media(max-width:760px){#km90-pc .km-ad .inner{padding:0 20px}#km90-pc .km-ad img{box-shadow:0 14px 36px rgba(32,38,42,.16)}#km90-pc #membership{padding-bottom:34px}#km90-pc #faq{padding-top:34px}} #w2026071293100ea68018f .gallery_row { width :100%; table-layout: fixed; height :100%; } #w2026071293100ea68018f .item_gallary { border-radius: 0px; display: table-cell; vertical-align: top; } #w2026071293100ea68018f .item_gallary .img_wrap { background-size: cover; background-position : center; } #w2026071293100ea68018f .item_gallary .text_wrap { display: table; width: 100%; background: #fff; text-align : left; vertical-align : middle;; height :100%; } #w2026071293100ea68018f .item_gallary .text_wrap .title { font-size :14px; color: #212121; } #w2026071293100ea68018f .item_gallary .text_wrap .body { word-break: break-word; } #w2026071293100ea68018f .item_gallary .text_wrap .body, #w2026071293100ea68018f .item_gallary .text_wrap .title em { font-size : 12px; color: #999; } #w2026071293100ea68018f .img_border .item_gallary .item_container .img_wrap { border-width :1px;; border-color:#eee; border-style: solid; border-radius: 0px; overflow: hidden; isolation: isolate; } #w2026071293100ea68018f .img_border .item_gallary .text_wrap { padding: 10px; } #w2026071293100ea68018f .container_border .item_gallary .text_wrap { padding: 10px; background: transparent; } #w2026071293100ea68018f .img_border .item_gallary .text_wrap { padding-left :0 !important; padding-right :0 !important; } #w2026071293100ea68018f .container_border .item_gallary .item_container { border-width :1px;; border-color:#eee; border-style: solid; border-radius: 0px; background: ; overflow: hidden; isolation: isolate; width: 100%; height :100%; display: table; } #w2026071293100ea68018f .type_slide .item_gallary .item_container { display: block; } #w2026071293100ea68018f .hover_show_overlay .item_gallary .text_wrap, #w2026071293100ea68018f .hover_hide_overlay .item_gallary .text_wrap, #w2026071293100ea68018f .slide_01 .item_gallary .text_wrap, #w2026071293100ea68018f .slide_01 .item_gallary .item_container, #w2026071293100ea68018f .slide_03 .item_gallary .text_wrap, #w2026071293100ea68018f .slide_03 .item_gallary .item_container, #w2026071293100ea68018f .img_border .item_gallary .text_wrap { background: transparent; } #w2026071293100ea68018f .container_border.hover_show_overlay .item_gallary .text_wrap, #w2026071293100ea68018f .container_border.hover_hide_overlay .item_gallary .text_wrap { padding :0; } #w2026071293100ea68018f .hover_show_overlay .item_gallary .text_wrap .title, #w2026071293100ea68018f .hover_hide_overlay .item_gallary .text_wrap .title { font-size :14px; color: #fff; background: rgba(0, 0, 0, 0.5); padding: 20px; text-align : left; vertical-align : middle;; border-radius: 0px; } #w2026071293100ea68018f .hover_show_overlay .item_gallary .text_wrap .body, #w2026071293100ea68018f .hover_hide_overlay .item_gallary .text_wrap .body, #w2026071293100ea68018f .hover_show_overlay .item_gallary .text_wrap .title em, #w2026071293100ea68018f .hover_hide_overlay .item_gallary .text_wrap .title em { font-size :12px; color: #fff !important; } #w2026071293100ea68018f .item_gallary .text_wrap .title em { padding-top: 10px; } #w2026071293100ea68018f .item_gallary .text_wrap .title em:last-child i { margin-left: 10px; } #w2026071293100ea68018f .slide_01, #w2026071293100ea68018f .slide_03 { margin :0 !important; height :100%; } #w2026071293100ea68018f .slide_02, #w2026071293100ea68018f .slide_05 { width: auto; height :100%; padding-left: px; padding-right: px; } #w2026071293100ea68018f .type_masonry{ visibility: hidden; } #w2026071293100ea68018f .type_masonry.overlay_text .item_gallary .text_wrap, #w2026071293100ea68018f .slide_01 .item_gallary, #w2026071293100ea68018f .slide_03 .item_gallary { height :100%; display: block; } #w2026071293100ea68018f .type_masonry .item_gallary { display: block; } #w2026071293100ea68018f .type_masonry.overlay_text .item_gallary .text_wrap .masonry_text_wrap { display: table; position: absolute; top: 0; width: 100%; height :100%; } #w2026071293100ea68018f .type_masonry.overlay_text .item_gallary .text_wrap .masonry_text_wrap .title { height: 100%; width: 100%; text-align : left; vertical-align : middle;; } #w2026071293100ea68018f .slide_01 .item_gallary .item_container { border :0; } #w2026071293100ea68018f .slide_03 .item_gallary .item_container{ border :0; position:relative; } #w2026071293100ea68018f .slide_03 .item_gallary .text_wrap { position: absolute; left: 0; top: 0; } #w2026071293100ea68018f .slide_01 .item_gallary .text_wrap, #w2026071293100ea68018f .slide_03 .item_gallary .text_wrap { padding :0; } #w2026071293100ea68018f .slide_02 .item_gallary .text_wrap, #w2026071293100ea68018f .slide_05 .item_gallary .text_wrap { padding:0; background: #fff; } #w2026071293100ea68018f .slide_02 .item_gallary .text_wrap.hide_text_wrap, #w2026071293100ea68018f .slide_05 .item_gallary .text_wrap.hide_text_wrap, #w2026071293100ea68018f .slide_02 .item_gallary .text_wrap.hide_insta_text_wrap, #w2026071293100ea68018f .slide_05 .item_gallary .text_wrap.hide_insta_text_wrap { display: none !important; } #w2026071293100ea68018f .type_slide .item_gallary .img_wrap { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; } #w2026071293100ea68018f .slide_01.bg_contain .item_gallary .img_wrap, #w2026071293100ea68018f .slide_03.bg_contain .item_gallary .img_wrap { background-size: contain; background-repeat: no-repeat; } #w2026071293100ea68018f .slide_01 .item_gallary .text_wrap .title, #w2026071293100ea68018f .slide_03 .item_gallary .text_wrap .title { font-size :18px; color: #fff; background: rgba(0, 0, 0, 0.2); padding: 20px; text-align : left; vertical-align : middle;; } #w2026071293100ea68018f .slide_01.bg_contain .item_gallary .text_wrap .title, #w2026071293100ea68018f .slide_03.bg_contain .item_gallary .text_wrap .title { background: transparent; } #w2026071293100ea68018f .slide_01 .item_gallary .text_wrap .body, #w2026071293100ea68018f .slide_03 .item_gallary .text_wrap .body { font-size :14px; color: #fff; } #w2026071293100ea68018f .slide_02 .item_gallary, #w2026071293100ea68018f .slide_05 .item_gallary { display: block; padding: 5px; } #w2026071293100ea68018f .slide_02 .item_gallary .text_wrap .title, #w2026071293100ea68018f .slide_05 .item_gallary .text_wrap .title { font-size :14px; color: #212121; padding: 10px; text-align : left; vertical-align : middle;; display: inline-block; } #w2026071293100ea68018f .slide_02 .item_gallary .text_wrap .body, #w2026071293100ea68018f .slide_05 .item_gallary .text_wrap .body { font-size : 12px; color: #999; } #w2026071293100ea68018f .type_masonry.img_rendering .img_wrap img, #w2026071293100ea68018f .type_grid.img_rendering .img_wrap, #w2026071293100ea68018f .type_slide.img_rendering .img_wrap { image-rendering: -webkit-optimize-contrast; } #w2026071293100ea68018f .grid_03 .item_gallary .img_wrap.no_content, #w2026071293100ea68018f .slide_02 .item_gallary .img_wrap.no_content { height: 100% !important; } #w2026071293100ea68018f .type_slide .owl-controls .owl-next:before, #w2026071293100ea68018f .type_slide .owl-controls .owl-prev:before{ color: #fff; border-color:rgb(255,255,255) ;border-color:rgba(255,255,255,0.6) ; } #w2026071293100ea68018f .type_slide.owl-theme .owl-dots { bottom: 5px; } #w2026071293100ea68018f .type_slide.owl-theme.slide_02 .owl-dots, #w2026071293100ea68018f .type_slide.owl-theme.slide_05 .owl-dots { bottom: -5px; } #w2026071293100ea68018f .type_slide.slide_01.owl-theme .owl-dots .owl-dot span, #w2026071293100ea68018f .type_slide.slide_03.owl-theme .owl-dots .owl-dot span { border-color: #fff; } #w2026071293100ea68018f .type_slide.slide_01.owl-theme .owl-dots .owl-dot.active span, #w2026071293100ea68018f .type_slide.slide_03.owl-theme .owl-dots .owl-dot.active span { background: #fff; border-color: #fff !important; } #w2026071293100ea68018f .type_slide.slide_01.paging_type_dot02.owl-theme .owl-dots .owl-dot span, #w2026071293100ea68018f .type_slide.slide_01.paging_type_big_dot.owl-theme .owl-dots .owl-dot span, #w2026071293100ea68018f .type_slide.slide_01.paging_type_line.owl-theme .owl-dots .owl-dot span, #w2026071293100ea68018f .type_slide.slide_03.paging_type_dot02.owl-theme .owl-dots .owl-dot span, #w2026071293100ea68018f .type_slide.slide_03.paging_type_big_dot.owl-theme .owl-dots .owl-dot span, #w2026071293100ea68018f .type_slide.slide_03.paging_type_line.owl-theme .owl-dots .owl-dot span { border-color:#fff !important; background: #fff !important; } #w2026071293100ea68018f .owl-theme .owl-dots.owl-dot.active span, #w2026071293100ea68018f .type_slide.slide_01.paging_type_dot02.owl-theme .owl-dots .owl-dot.active span, #w2026071293100ea68018f .type_slide.slide_01.paging_type_line.owl-theme .owl-dots .owl-dot.active span, #w2026071293100ea68018f .type_slide.slide_03.paging_type_dot02.owl-theme .owl-dots .owl-dot.active span, #w2026071293100ea68018f .type_slide.slide_03.paging_type_line.owl-theme .owl-dots .owl-dot.active span { background-color:#fff; } #w2026071293100ea68018f .type_slide.slide_01.paging_type_count.owl-theme .owl-dots .owl-dot span:before, #w2026071293100ea68018f .type_slide.slide_03.paging_type_count.owl-theme .owl-dots .owl-dot span:before { color: #fff !important; } #w2026071293100ea68018f .type_slide.slide_01.paging_type_count.owl-theme .owl-dots .owl-dot.active span:before, #w2026071293100ea68018f .type_slide.slide_03.paging_type_count.owl-theme .owl-dots .owl-dot.active span:before { color: #fff !important; } #w2026071293100ea68018f .type_slide.slide_01.paging_type_count.paging_type_count02.owl-theme .owl-dots .owl-dot.active span:before, #w2026071293100ea68018f .type_slide.slide_03.paging_type_count.paging_type_count02.owl-theme .owl-dots .owl-dot.active span:before { border-bottom: 1px solid #fff; } #w2026071293100ea68018f .grid_01 .item_gallary, #w2026071293100ea68018f .grid_03 .item_gallary, #w2026071293100ea68018f .grid_04 .item_gallary, #w2026071293100ea68018f .masonry_01 .item_gallary, #w2026071293100ea68018f .masonry_02 .item_gallary, #w2026071293100ea68018f .masonry_04 .item_gallary { overflow: hidden; isolation: isolate; } #w2026071293100ea68018f .owl-carousel .animated { -webkit-animation-duration: 200ms; animation-duration: 200ms; } #w2026071293100ea68018f .owl-thumbs { overflow: hidden; margin:0px -0px 0 -0px; } #w2026071293100ea68018f .owl-thumbs .owl-thumb-item { border: 0; background: transparent; border-radius: 0; padding: 0; float: left; position: relative; margin: 0 0px 0px ; display: block; } #w2026071293100ea68018f .owl-thumbs .thumb-item-bg { background-size: cover; background-position: 50% 50%; height: 100%; } .col-dz-12 #w2026071293100ea68018f .extend_thumbs { margin: 0 auto; } .col-dz-12 #w2026071293100ea68018f .inside .extend_thumbs { max-width: inherit; } #w2026071293100ea68018f .owl-thumbs{ margin-left: 0; margin-right: 0; } #w2026071293100ea68018f .owl-thumbs .owl-thumb-item { margin: 0; } #w2026071293100ea68018f .owl-thumbs .owl-item.active.current { position: relative; } @media all and (max-width: 991px) { #w2026071293100ea68018f .type_masonry.img_rendering .img_wrap img, #w2026071293100ea68018f .type_grid.img_rendering .img_wrap, #w2026071293100ea68018f .type_slide.img_rendering .img_wrap { image-rendering: auto; } #w2026071293100ea68018f .owl-thumbs { display: none; } #w2026071293100ea68018f .slide_03_wrap { padding-bottom: 0 !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* ie 10,11 */ #w2026071293100ea68018f .container_border .item_gallary .item_container { display: block; } } .shop_view .s20260712b90a520b9cd84.xzoom-preview { ; background: ; } .shop_view #s20260712b90a520b9cd84 select.form-control option { color: !important; background: ; } .is-ie .shop_view #s20260712b90a520b9cd84 select.form-control option { color: #000 !important; } .admin #s20260712b90a520b9cd84 .widget.padding > div { ; } .admin #s20260712b90a520b9cd84 .ibg-bg { height: 100% !important; } .admin #s20260712b90a520b9cd84 .widget_drag_bar, .admin .doz_sys #s20260712b90a520b9cd84 .ui-resizable-handle.ui-resizable-e:hover:after, .admin .doz_sys #s20260712b90a520b9cd84 .ui-resizable-handle.ui-resizable-w:hover:after, .admin .doz_sys #s20260712b90a520b9cd84 .ui-resizable-handle.ui-resizable-e.active:after, .admin .doz_sys #s20260712b90a520b9cd84 .ui-resizable-handle.ui-resizable-w.active:after, .admin .doz_sys #s20260712b90a520b9cd84 .drop_line { background-color: ; } .admin .doz_sys #s20260712b90a520b9cd84 .ui-resizable-handle.ui-resizable-n:hover:after, .admin .doz_sys #s20260712b90a520b9cd84 .ui-resizable-handle.ui-resizable-s:hover:after { border-bottom:2px solid ; } #s20260712b90a520b9cd84 { color: ; } #s20260712b90a520b9cd84.side_basic main .inside, #s20260712b90a520b9cd84 .site_prod_nav_wrap.scroll-to-fixed-fixed ul.site_prod_nav, .doz_sys #s20260712b90a520b9cd84 .col-dz-12 .extend_thumbs { max-width: 1280px; } .modal_site_modal_menu #s20260712b90a520b9cd84.side_basic main .inside, .menu_type_modal #s20260712b90a520b9cd84.side_basic main .inside { max-width: 550px; } .doz_sys .modal_site_modal_menu .modal-header, .menu_type_modal .doz_modal_header { border-width: 0 0 1px 0; border-style: solid; ; } .menu_type_modal #s20260712b90a520b9cd84, .menu_type_modal .doz_modal_header { ; background: ; ; color: ; } .menu_type_modal .doz_modal_header .bt.bt-flat.bt-default { ; color: ; } .doz_sys #s20260712b90a520b9cd84 .col-dz-12 .inside .extend_thumbs { max-width: inherit; } #s20260712b90a520b9cd84.extend_section main { padding-left: 15px; padding-right: 15px; } #s20260712b90a520b9cd84.section_wrap.extend_section main .widget.board .grid_ignore.bg_on { margin-left: -15px; margin-right: -15px; width: calc(100% + 15px + 15px); } #s20260712b90a520b9cd84 .booking_day .body_font_color_20, #s20260712b90a520b9cd84 .booking_list.waiting .title { ; } #s20260712b90a520b9cd84.extend_section main > .inside { max-width: 100% !important; } #s20260712b90a520b9cd84 .li_table ul:nth-of-type(2), #s20260712b90a520b9cd84 .li_board ul li, #s20260712b90a520b9cd84 .radio-styled:not(ie8).radio_color_option.small input ~ span span { ; } #s20260712b90a520b9cd84 .checkbox-styled:not(ie8) input ~ span:before, #s20260712b90a520b9cd84 .radio-styled:not(ie8) input ~ span:before { } #s20260712b90a520b9cd84 .board_view .grid_ignore header a, #s20260712b90a520b9cd84 .widget.board .grid_ignore .author .date, #s20260712b90a520b9cd84 .widget.board .grid_ignore a.board, #s20260712b90a520b9cd84 .widget.board .grid_ignore .author .write, .editor_box .add_map .info > div.phone, #s20260712b90a520b9cd84 .content-tit .board { ; } #s20260712b90a520b9cd84 select.form-control, #s20260712b90a520b9cd84 input.form-control, #s20260712b90a520b9cd84 textarea.form-control { ; color: #212121; background: #ffffff; } #s20260712b90a520b9cd84 .input_block .select-block .selectbox select { border: none; background: none; color: #212121; } #s20260712b90a520b9cd84 .phonenumber_wrap .line { } #s20260712b90a520b9cd84 .shop-content.shop-style-b.open .opt-group .btn_clse > span { } .shop_view #s20260712b90a520b9cd84 .shop-content select.form-control, .shop_view #s20260712b90a520b9cd84 .shop-content input.form-control, .shop_view #s20260712b90a520b9cd84 .shop-content textarea.form-control, .booking_view #s20260712b90a520b9cd84 .booking_opt select.form-control, .shop_view #s20260712b90a520b9cd84 .form-select-wrap .dropdown-menu, .shop_view #s20260712b90a520b9cd84 .form-select-wrap .dropdown-menu .dropdown-item { ; background: ; } #s20260712b90a520b9cd84 .seemore_wrap .open:before { background-image: linear-gradient(to bottom, , 66%, 83%, 98%, ); } #s20260712b90a520b9cd84 .item_detail select.form-control, #s20260712b90a520b9cd84 .item_detail input.form-control, #s20260712b90a520b9cd84 .item_detail textarea.form-control, #s20260712b90a520b9cd84 .booking_opt select.form-control, #s20260712b90a520b9cd84 .goods_select textarea.form-control, #s20260712b90a520b9cd84 .goods_select select.form-control, #s20260712b90a520b9cd84 .goods_select input.form-control, #s20260712b90a520b9cd84 .form-select-wrap:before { !important; color: ; } #s20260712b90a520b9cd84 .form-select-wrap .dropdown-menu .dropdown-item:hover { ; } #s20260712b90a520b9cd84 .board_summary .write, #s20260712b90a520b9cd84 .board_view .grid_ignore .author .date, #s20260712b90a520b9cd84 .board_view .grid_ignore .author .hit-count, .doz_sys #s20260712b90a520b9cd84 label, .doz_sys #s20260712b90a520b9cd84 label.control-label, #s20260712b90a520b9cd84 .shop-table > tbody > tr.payment-info > td.pay-txt, #s20260712b90a520b9cd84 .nick.text-default-dark, #s20260712b90a520b9cd84 .text-default-dark, #s20260712b90a520b9cd84 .shop_mypage .mypage .my-box a, #s20260712b90a520b9cd84 .shop_mypage .item-detail a, #s20260712b90a520b9cd84 .shop_mypage .item-detail p, #s20260712b90a520b9cd84 .shop_mypage h6, #s20260712b90a520b9cd84 .shop_mypage .table-wrap p, #s20260712b90a520b9cd84 .shop_payment h1, #s20260712b90a520b9cd84 .shop_payment h6, #s20260712b90a520b9cd84 .shop-content p, #s20260712b90a520b9cd84 .shop_payment, #s20260712b90a520b9cd84 .shop-content span, #s20260712b90a520b9cd84 .shop-content .shop-item .item-icon .im-icon.im-ico-liked, #s20260712b90a520b9cd84 .shop-content .price, #s20260712b90a520b9cd84,#s20260712b90a520b9cd84 .shop-tit,#s20260712b90a520b9cd84 .board_view .board_txt_area,#s20260712b90a520b9cd84 .board.widget .grid_ignore .view_tit,.doz_sys #s20260712b90a520b9cd84 .shop-content input.form-control, .doz_sys #s20260712b90a520b9cd84 .shop-content select.form-control, #s20260712b90a520b9cd84 .widget_menu_title,#s20260712b90a520b9cd84 .comment_area,body.shop_mypage #s20260712b90a520b9cd84 .comment_area, #s20260712b90a520b9cd84 .list_review_inner .use_summary, #s20260712b90a520b9cd84 .list_review_inner .use_summary a, #s20260712b90a520b9cd84 .list_review_inner .fold, #s20260712b90a520b9cd84 .list_review_inner .comment_area, #s20260712b90a520b9cd84 .booking_nav_tools span { ; color: ; } #s20260712b90a520b9cd84 .shop-content span.sale-price-text { color : #212121 !important; } .doz_sys #s20260712b90a520b9cd84 a.use-info { color : #363636; } #s20260712b90a520b9cd84 .shop-content span.sale-price-text-done, .doz_sys #s20260712b90a520b9cd84 a.use-info-download-done { color: #999999 !important; } .doz_sys #s20260712b90a520b9cd84 .shop-content .down-btn select.form-control { ; color: !important; } #s20260712b90a520b9cd84 .shop-content.mypage .bg-bright a, #s20260712b90a520b9cd84 .shop-content.mypage .bg-bright p, #s20260712b90a520b9cd84 .shop-content.mypage .bg-bright span, #s20260712b90a520b9cd84 .shop-content.mypage .bg-bright div { color: #212121; } #s20260712b90a520b9cd84 .shop-content.mypage .bg-bright .use_grade .ug_btn .btn, #s20260712b90a520b9cd84 .shop-content span.ug_name .btn { border-color: #D5D5D5; } #s20260712b90a520b9cd84 .shop-content h6 span { ; color: ; } #s20260712b90a520b9cd84 .left-menu ul li.on a, .doz_sys #s20260712b90a520b9cd84 .paging_type_count .owl-dots .owl-dot span:before, .menu_type_modal #s20260712b90a520b9cd84, #s20260712b90a520b9cd84 .list_review_inner .comment .tools .text-gray-bright { ; color: !important; } .doz_sys #s20260712b90a520b9cd84 .paging_type_count.slide_02 .owl-dots .owl-dot.active span:before { color: #fff !important; } .doz_sys #s20260712b90a520b9cd84 .paging_type_dot .owl-dots .owl-dot span, .doz_sys #s20260712b90a520b9cd84 .paging_type_big_dot .owl-dots .owl-dot span, .doz_sys #s20260712b90a520b9cd84 .paging_type_line .owl-dots .owl-dot span, .doz_sys #s20260712b90a520b9cd84 .paging_type_count.paging_type_count02 .owl-dots .owl-dot.active span:before, #s20260712b90a520b9cd84 .list_review_inner, #s20260712b90a520b9cd84 .list_review_inner .fold.cmt, #s20260712b90a520b9cd84 .list_review_wrap, #s20260712b90a520b9cd84 .list_review_inner .textarea_block, #s20260712b90a520b9cd84 .list_review_inner .comment .main_comment, #s20260712b90a520b9cd84 .list_review_inner .txt_delete:before, #s20260712b90a520b9cd84 .form-select-wrap.open .dropdown-toggle, #s20260712b90a520b9cd84 .form-select-wrap.open .dropdown-menu, #s20260712b90a520b9cd84 .form-select-wrap.open .dropdown-menu .dropdown-item { border-color: ; } .doz_sys #s20260712b90a520b9cd84 .paging_type_dot02 .owl-dots .owl-dot span, .doz_sys #s20260712b90a520b9cd84 .paging_type_dot .owl-dots .owl-dot.active span, .doz_sys #s20260712b90a520b9cd84 .paging_type_line .owl-dots .owl-dot.active span, .doz_sys #s20260712b90a520b9cd84 .paging_type_big_dot .owl-dots .owl-dot span, .doz_sys #s20260712b90a520b9cd84 .paging_type_line .owl-dots .owl-dot span { background: ; } #s20260712b90a520b9cd84 .form-control:focus { border-color:#363636; } #s20260712b90a520b9cd84 .sub_depth li a, #s20260712b90a520b9cd84 .sub_depth li span { ; } #s20260712b90a520b9cd84 .slide_03.owl-theme .owl-dots .owl-dot span { ; } #s20260712b90a520b9cd84 .pagination > li > a, #s20260712b90a520b9cd84 .pagination > li > span, #s20260712b90a520b9cd84 .pagination > li > a:focus, #s20260712b90a520b9cd84 .pagination > li > span:focus, #s20260712b90a520b9cd84 .map-inner .pagination li.active a, #s20260712b90a520b9cd84 .pagination li > a.disabled:hover, #s20260712b90a520b9cd84 .pagination li > a.disabled:focus { ; } #s20260712b90a520b9cd84 .form-select-wrap.open .dropdown-menu .dropdown-item { ; } #s20260712b90a520b9cd84 .pagination > .active > a, #s20260712b90a520b9cd84 .pagination > .active > span, #s20260712b90a520b9cd84 .pagination > .active > a:hover, #s20260712b90a520b9cd84 .pagination > .active > span:hover, #s20260712b90a520b9cd84 .pagination > .active > a:focus, #s20260712b90a520b9cd84 .pagination > .active > span:focus, #s20260712b90a520b9cd84 .pagination > li > a:hover, #s20260712b90a520b9cd84 .pagination > li > span:hover, #s20260712b90a520b9cd84 .sub_depth li a.active, .doz_sys #s20260712b90a520b9cd84 a, #s20260712b90a520b9cd84 .li_table ul li, #s20260712b90a520b9cd84 .list-style .list.line > small, .doz_sys #s20260712b90a520b9cd84 div[data-widget-type="board"] .title.title-block a{ ; color: ; } .doz_sys #s20260712b90a520b9cd84 .board_contents a:not(.btn), .doz_sys #s20260712b90a520b9cd84 .board_contents a:not(.btn):hover, #s20260712b90a520b9cd84 .board_txt_area a, #s20260712b90a520b9cd84 .board_txt_area a:hover, #s20260712b90a520b9cd84 .board_txt_area a:active, #s20260712b90a520b9cd84 .board_txt_area a:focus, #s20260712b90a520b9cd84 .editor_box .fr-view a { color: #363636; } #s20260712b90a520b9cd84 div[data-widget-type="icon"] i { color: ; } .doz_sys #s20260712b90a520b9cd84 a.body_font_color_30:not(.active) { ; } #s20260712b90a520b9cd84 .text_tab .after_line:not(:last-child):after { ; } #s20260712b90a520b9cd84 .text_tab ul.site_prod_nav > li a.active { background: none; } #s20260712b90a520b9cd84 .map-toolbar select.form-control { ; color: !important; font-size: 14px; } .doz_sys #s20260712b90a520b9cd84 .body_font_color_40, #s20260712b90a520b9cd84 .li_board ul.li_body li.name, #s20260712b90a520b9cd84 .li_board ul.li_body li.time, #s20260712b90a520b9cd84 .li_board ul.li_body li.like, #s20260712b90a520b9cd84 .li_board ul.li_body li.read { ; } #s20260712b90a520b9cd84 .review_table .summary, #s20260712b90a520b9cd84 .review_table.li_board ul.li_body li, #s20260712b90a520b9cd84 .review_table .list_text_title.lock_on { ; } .doz_sys #s20260712b90a520b9cd84 .body_font_color_50 { ; } #s20260712b90a520b9cd84 .li_board, #s20260712b90a520b9cd84 .acd_row:first-child, #s20260712b90a520b9cd84 .acd_row { border-color: ; } #s20260712b90a520b9cd84 .list-style .list-header, #s20260712b90a520b9cd84 .list-style .list, #s20260712b90a520b9cd84 .list-style .list.line, #s20260712b90a520b9cd84 .list-style .list.line > .table-cell, #s20260712b90a520b9cd84 .li_table.row_04 .acd_collapse[aria-expanded="true"], .li_table.row_04 .acd_collapse.in { ; } #s20260712b90a520b9cd84 .btn, #s20260712b90a520b9cd84 .visual_section a, #s20260712b90a520b9cd84 a.select-star, #s20260712b90a520b9cd84 .star-pointer .dropdown-menu a.dropdown-item, .doz_sys #s20260712b90a520b9cd84 .cart-btn-tools .alpha_add_review_button > button { ; background-color: ; ; color:; ; } #s20260712b90a520b9cd84 .star-pointer .dropdown-menu { background-color: ; } #s20260712b90a520b9cd84 .btn:hover, #s20260712b90a520b9cd84 .visual_section a:hover { border-color:; } #s20260712b90a520b9cd84 a.select-star:hover { background-color: ; } #s20260712b90a520b9cd84 .star-pointer .dropdown-menu a.dropdown-item:hover { background-color: !important; } #s20260712b90a520b9cd84 .widget_text_wrap .btn { background-color:#363636; border-color:#363636; color:#ffffff; border-width:1px; } .doz_sys #s20260712b90a520b9cd84 .btn-primary, .doz_sys #s20260712b90a520b9cd84 .cart-btn-tools .alpha_add_review_button > button { ; background-color:#363636; border-color:#363636; color:#ffffff; border-width:1px; } .doz_sys.shop_view #s20260712b90a520b9cd84 .btn-primary span, .doz_sys.booking_view #s20260712b90a520b9cd84 .btn-primary span, .doz_sys.shop_mypage #s20260712b90a520b9cd84 .btn-primary span { color:#ffffff; } #s20260712b90a520b9cd84 .coupon-wrap:after, #s20260712b90a520b9cd84 .board_view .file_area ul li { background: ; } #s20260712b90a520b9cd84 .text-gray-dark, #s20260712b90a520b9cd84 .shop-table > thead > tr > th, #s20260712b90a520b9cd84 .shop_mypage .left-menu ul li a, #s20260712b90a520b9cd84 .shop_mypage .item-detail p.sale_pay,.doz_sys #s20260712b90a520b9cd84 .product-notify-group .product-notify-label { ; } #s20260712b90a520b9cd84 .mypage .my-box a, #s20260712b90a520b9cd84 .mypage .shop-table > tbody > tr, #s20260712b90a520b9cd84 .mypage .tip-off, #s20260712b90a520b9cd84 .im-order-detail-table, #s20260712b90a520b9cd84 .im-order-price { ; } #s20260712b90a520b9cd84 .mypage .my-box.on a { background-color:#363636; ; color:#fff; } #s20260712b90a520b9cd84 .mypage .my-box.on a p { color:#fff; } #s20260712b90a520b9cd84 .option_btn_tools a, #s20260712b90a520b9cd84 .map-inner .pagination li a { color:#212121; } .doz_sys #s20260712b90a520b9cd84 .list-style-card .card-body .text a { color:#757575; } #s20260712b90a520b9cd84 .card .title a { color: #212121; } #s20260712b90a520b9cd84 .section_bg.fixed_bg.fixed_bg_none { background-attachment : inherit; } #s20260712b90a520b9cd84 ul.site_prod_nav > li, #s20260712b90a520b9cd84 .prod_detail_badge { ; } #s20260712b90a520b9cd84 .site_prod_nav_wrap.scroll-to-fixed-fixed { background: ; box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } #s20260712b90a520b9cd84 .buy_footer_fixed { background: ; border-width: 1px 0 0 0; border-style: solid; ; } #s20260712b90a520b9cd84 .opt-group { background: ; } #s20260712b90a520b9cd84 ul.site_prod_nav > li a.active { ; } #s20260712b90a520b9cd84 .background_tab ul.site_prod_nav > li a.active > span.braket-badge { background-color: none; ; color:; } #s20260712b90a520b9cd84 .input-block .checkbox-styled:not(ie8) input ~ span { ; color:; } .section_fixed_disable #s20260712b90a520b9cd84[class*="section_first"], .section_fixed_disable #s20260712b90a520b9cd84[class*="section_first"] .doz_aside { position: relative !important; top: 0 !important; left: 0 !important; z-index: auto !important; } .section_fixed_disable #s20260712b90a520b9cd84 .doz_aside.scroll-to-fixed-fixed ~ .spacer, .section_fixed_disable #s20260712b90a520b9cd84.scroll-to-fixed-fixed ~ .spacer { height: 0 !important; display: none !important; } #s20260712b90a520b9cd84.scroll-to-fixed-fixed { width: 100% !important; } #s20260712b90a520b9cd84 .doz_aside.scroll-to-fixed-fixed-end { bottom: 0 !important; top: auto !important; } .device_type_m #s20260712b90a520b9cd84.mobile_section main .inside { padding-left: 15px; padding-right: 15px; } .device_type_m #s20260712b90a520b9cd84 .mypage .left-menu ul li a, .device_type_m #s20260712b90a520b9cd84 .cart .left-menu ul li a { ; } #s20260712b90a520b9cd84 .im-cart-result-table { border-top: 1px solid ; border-bottom: 1px solid ; } #s20260712b90a520b9cd84 .shop-table > tbody > tr > td.img .opt .more { ; } #s20260712b90a520b9cd84 .im-cart-info { ; } #s20260712b90a520b9cd84 .shop-table > thead > tr > th, #s20260712b90a520b9cd84 .shop-table > tbody > tr > td, #s20260712b90a520b9cd84 .mypage .shop-table > tbody > tr, #s20260712b90a520b9cd84 .shop-table > tbody > tr > td.img img, #s20260712b90a520b9cd84 .shop-table > tbody > tr > td + td, #s20260712b90a520b9cd84 .mypage .tip-off, #s20260712b90a520b9cd84 .mypage .shop-table img, #s20260712b90a520b9cd84 .im-order-detail-table, #s20260712b90a520b9cd84 .im-order-price, #s20260712b90a520b9cd84 .im-order-detail-table thead tr, #s20260712b90a520b9cd84 .im-order-detail-table tr + tr, #s20260712b90a520b9cd84 .im-order-detail-table img, #s20260712b90a520b9cd84 .im-order-detail-table .im-deliv-price, #s20260712b90a520b9cd84 .im-order-price-header, #s20260712b90a520b9cd84 .im-order-price-body { ; } #s20260712b90a520b9cd84 .shop-table .list_badge { border-color: ; } #s20260712b90a520b9cd84 .im-cart-result-table thead>tr>th, #s20260712b90a520b9cd84 #shop_cart_list .shop-table > colgroup + thead > tr:first-child > th, #s20260712b90a520b9cd84 #shop_cart_list .shop-table > tbody > tr > td + td, #s20260712b90a520b9cd84 #shop_cart_list .shop-table > thead > tr > th, #s20260712b90a520b9cd84 #shop_cart_list .shop-table > tbody > tr > td { ; } #s20260712b90a520b9cd84 .shop-content.mypage .shop-item .item-icon .im-icon.im-ico-liked{ color: #363636 } @media (min-width: 991px) { .doz_sys #s20260712b90a520b9cd84 .btn-primary:hover, #s20260712b90a520b9cd84 .widget_text_wrap .btn:hover, .doz_sys #s20260712b90a520b9cd84 .cart-btn-tools .alpha_add_review_button:hover > button { ; background-color:#ffffff; border-color:#363636; color:#363636; border-width:1px; } .doz_sys.shop_view #s20260712b90a520b9cd84 .btn-primary:hover span, .doz_sys.booking_view #s20260712b90a520b9cd84 .btn-primary:hover span, .doz_sys.shop_mypage #s20260712b90a520b9cd84 .btn-primary:hover span { color:#363636; } } @media all and (max-width : 768px) { .doz_sys #s20260712b90a520b9cd84 .fixed_view a, .doz_sys #s20260712b90a520b9cd84 .fixed_view select.form-control, .doz_sys #s20260712b90a520b9cd84 .fixed_view .form-select-wrap:before { color: #212121; } .doz_sys #s20260712b90a520b9cd84 .fixed_view .body_font_color_50 { color: rgba(33, 33, 33, 0.5); } .doz_sys #s20260712b90a520b9cd84 .fixed_view .body_font_color_20 { color: rgba(33, 33, 33, 0.2); } .booking_view #s20260712b90a520b9cd84 .fixed_view .booking_opt select.form-control { background-color: #fff; } #s20260712b90a520b9cd84 #shop_cart_list .shop-tit, #s20260712b90a520b9cd84 #shop_cart_list .shop-table > thead > tr, #s20260712b90a520b9cd84 #shop_cart_list .shop-table > tfoot .payment-info, #s20260712b90a520b9cd84 .im-price-result { ; } #s20260712b90a520b9cd84 .shop-table > tbody > tr > td.img .opt .more + .more, #s20260712b90a520b9cd84 .im-order-row + .im-order-row { ; } #s20260712b90a520b9cd84 #shop_cart_list .shop-table, #s20260712b90a520b9cd84 #shop_cart_list .shop-table > tbody > tr.im-tr-shipping + tr, #s20260712b90a520b9cd84 #shop_cart_list .shop-table > tfoot, #s20260712b90a520b9cd84 #shop_cart_list .shop-table > tfoot .payment-info { ; } #s20260712b90a520b9cd84 #shop_cart_list .shop-table > thead > tr, #s20260712b90a520b9cd84 .im-order-detail-table .im-space { background-color: ; } #s20260712b90a520b9cd84 #shop_cart_list .shop-table > thead > tr.scroll-to-fixed-fixed-end { top: auto !important; bottom: 0; } } .device_type_m #s20260712b90a520b9cd84 .section_bg.fixed_bg_wrap { background-attachment: fixed; } .device_type_m #s20260712b90a520b9cd84 .section_bg.fixed_bg_wrap .fixed_bg { display: none; } #s20260712b90a520b9cd84 .section_bg.fixed_bg_wrap .fixed_bg { display: none; } @media (max-width: 991px) { #s20260712b90a520b9cd84 .section_bg { background-attachment : inherit; } #s20260712b90a520b9cd84 .section_bg .ibg-bg { display: none; } #s20260712b90a520b9cd84 .section_bg.fixed_bg_wrap { background-image : none !important; clip-path: inset(0); overflow: hidden; } #s20260712b90a520b9cd84 .section_bg.fixed_bg_wrap .fixed_bg { display: block; object-fit: cover; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; } #s20260712b90a520b9cd84 .buy_btns .social_btn, #s20260712b90a520b9cd84 .buy_btns .cart_btn, #s20260712b90a520b9cd84 .layer_pop .bottom-btn, #s20260712b90a520b9cd84 .shop-table > thead, #s20260712b90a520b9cd84 .left-menu, #s20260712b90a520b9cd84 .shop-table > tbody > tr, { ; } #s20260712b90a520b9cd84 main, #s20260712b90a520b9cd84 .section_wrap.extend_section main, #s20260712b90a520b9cd84 .doz_sys.shop_payment .inside, .doz_sys.shop_payment .inside .col-dz, { padding-left:0; padding-right:0; } #s20260712b90a520b9cd84.mobile_section main .inside { padding-left: 15px; padding-right: 15px; } #s20260712b90a520b9cd84.section_wrap.extend_section main .widget.board .grid_ignore.bg_on { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); } #s20260712b90a520b9cd84 .mypage .left-menu ul li a, #s20260712b90a520b9cd84 .cart .left-menu ul li a, #s20260712b90a520b9cd84 .mypage .left-menu .cart-menu-slide { ; } .section_wrap .side_gutter { display:none !important; } #s20260712b90a520b9cd84 .coupon-wrap:after { background: !important; } } @media (max-width: 767px) { #s20260712b90a520b9cd84 .nav_gradient.slide_left { background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255,255,255,1)); } #s20260712b90a520b9cd84 .nav_gradient.slide_right { background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255,255,255,1)); } #s20260712b90a520b9cd84 .button_tab .scroll-to-fixed-fixed ul.site_prod_nav > li { border-top: 0; border-bottom: 0; } #s20260712b90a520b9cd84 .background_tab .scroll-to-fixed-fixed ul.site_prod_nav > li a.active { box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .shop_view #s20260712b90a520b9cd84 .item_detail .form-select-wrap .dropdown-menu .dropdown-item { background: !important; } .shop_view #s20260712b90a520b9cd84 .item_detail .form-select-wrap .dropdown-toggle { color: !important; } .shop_view #s20260712b90a520b9cd84 .item_detail .form-select-wrap.open .dropdown-toggle, .shop_view #s20260712b90a520b9cd84 .item_detail .form-select-wrap.open .dropdown-menu { border-color: !important; } .shop_view #s20260712b90a520b9cd84 .item_detail .form-select-wrap.open .dropdown-menu .dropdown-item { } .shop_view #s20260712b90a520b9cd84 .item_detail .form-select-wrap .dropdown-menu .dropdown-item:hover { background-color: !important; } } @media (min-width: 768px) { #s20260712b90a520b9cd84 .opt-group .btn_clse { background-color: ; } #s20260712b90a520b9cd84 .opt-group .btn_clse:after { ; } } .doz_sys #s20260712b90a520b9cd84 .bg-brand, .doz_sys #s20260712b90a520b9cd84 .bg-brand span, .doz_sys #s20260712b90a520b9cd84 .btn-brand { ; background-color:#363636; border-color:#363636; border-width: 1px; color:#fff; } .doz_sys #s20260712b90a520b9cd84 .bg-brand:hover { background-color:rgba(28,28,28,1);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff282828,endColorstr=#ff282828);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff282828,endColorstr=#ff282828); zoom: 1;; border-color:rgb(28,28,28) ;border-color:rgba(28,28,28,1) ;; } /* ▼ 임시 '이미지보관' 갤러리 숨김 (모바일에서도) — 파일 보존 위해 삭제 금지 */ #w2026071293100ea68018f{display:none !important} div.doz_row:has(#w2026071293100ea68018f){display:none !important} #km90-mo{ --ink:#0d1113;--bg:#0d1113;--bg2:#151b1d;--stone:#11171a; --fg:#f0ebe0;--fg-mut:rgba(240,235,224,.62);--fg-mut2:rgba(240,235,224,.4); --gold:#c6a45c;--gold-br:#d8bc7e;--line:rgba(198,164,92,.3);--line2:rgba(240,235,224,.1); --ivory:#f4efe3;--ink2:#20262a;--mut2:#5a5f58; --serif:'Noto Serif KR',serif;--en:'Cormorant Garamond',serif;--sans:'Pretendard',sans-serif; position:relative;left:50%;right:50%;width:100vw;margin-left:-50vw;margin-right:-50vw; background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:15.5px;line-height:1.8; word-break:keep-all;overflow-x:hidden; font-variant-numeric:lining-nums;font-feature-settings:'lnum' 1; } #km90-mo *{box-sizing:border-box;margin:0;padding:0} #km90-mo img{display:block;max-width:100%} #km90-mo a{text-decoration:none;color:inherit} #km90-mo ul{list-style:none} #km90-mo .ctr{padding:0 22px} #km90-mo .serif{font-family:var(--serif)} /* 아임웹 전역 CSS 침투 방어 */ #km90-mo .knum,#km90-mo .kmark,#km90-mo .n,#km90-mo .v,#km90-mo .k,#km90-mo .q,#km90-mo .en,#km90-mo .kr,#km90-mo .jp,#km90-mo .sub,#km90-mo .row,#km90-mo .total,#km90-mo .fine,#km90-mo .tag,#km90-mo .price,#km90-mo .g,#km90-mo .cap,#km90-mo .lab,#km90-mo .stat,#km90-mo .line,#km90-mo .no,#km90-mo .gl,#km90-mo .gt{background-color:transparent !important;background-image:none !important;box-shadow:none !important;border-radius:0;text-indent:0} #km90-mo .knum,#km90-mo .price{white-space:nowrap !important;writing-mode:horizontal-tb !important;padding:0 !important;border:none !important;width:auto !important;max-width:none !important} /* 리빌 */ #km90-mo .rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)} #km90-mo .rv.in{opacity:1;transform:none} /* ---------- 고정 헤더 + 상담 CTA ---------- */ #km90-mo .mo-head{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px;background:rgba(13,17,19,0);transition:.4s;border-bottom:1px solid transparent} #km90-mo .mo-head.on{background:rgba(13,17,19,.94);backdrop-filter:blur(10px);border-color:var(--line2)} #km90-mo .mo-logo{font-family:var(--serif);font-weight:700;font-size:18px;letter-spacing:.12em;color:var(--fg)} #km90-mo .mo-logo b{color:var(--gold-br);font-weight:700} #km90-mo .mo-head-r{display:flex;align-items:center;gap:14px} #km90-mo .mh-cta{border:1px solid var(--gold);color:var(--gold-br);padding:8px 15px;font-size:12px;letter-spacing:.1em;font-family:var(--serif);font-weight:600;border-radius:30px;background:rgba(13,17,19,.35)} #km90-mo .mh-burger{width:28px;height:20px;position:relative;cursor:pointer} #km90-mo .mh-burger span{position:absolute;left:0;width:100%;height:2px;background:var(--fg);transition:.35s} #km90-mo .mh-burger span:nth-child(1){top:0}#km90-mo .mh-burger span:nth-child(2){top:9px}#km90-mo .mh-burger span:nth-child(3){top:18px} #km90-mo .mh-burger.x span:nth-child(1){top:9px;transform:rotate(45deg)} #km90-mo .mh-burger.x span:nth-child(2){opacity:0} #km90-mo .mh-burger.x span:nth-child(3){top:9px;transform:rotate(-45deg)} /* ---------- 풀스크린 메뉴 ---------- */ #km90-mo .mo-menu{position:fixed;inset:0;z-index:55;background:rgba(10,13,15,.98);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;padding:0 34px;opacity:0;visibility:hidden;transition:.45s} #km90-mo .mo-menu.open{opacity:1;visibility:visible} #km90-mo .mo-menu a{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--fg);padding:12px 0;border-bottom:1px solid var(--line2);display:flex;align-items:baseline;gap:16px} #km90-mo .mo-menu a .n{font-family:var(--en);font-size:13px;color:var(--gold);letter-spacing:.14em} #km90-mo .mo-menu .mm-tel{border:none;margin-top:26px;font-family:var(--en);font-size:30px;color:var(--gold-br);letter-spacing:.06em;justify-content:center} /* ---------- 공통 ---------- */ #km90-mo .sec{padding:84px 0} #km90-mo .t-ink{background:var(--bg)} #km90-mo .t-stone{background:var(--stone)} #km90-mo .t-ivory{background:var(--ivory);color:var(--ink2)} #km90-mo .kicker{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-weight:600;font-size:12px;letter-spacing:.28em;color:var(--gold)} #km90-mo .kicker::before{content:"";width:34px;height:1px;background:var(--gold)} #km90-mo .sec-title{font-family:var(--serif);font-size:clamp(24px,6.4vw,31px);font-weight:600;line-height:1.5;margin-top:16px} #km90-mo .sec-lead{margin-top:16px;font-size:15px;color:var(--fg-mut);line-height:1.95} #km90-mo .t-ivory .sec-lead{color:var(--mut2)} #km90-mo .sec-lead b{color:var(--fg);font-weight:500} #km90-mo .t-ivory .sec-lead b{color:var(--ink2)} #km90-mo .kbtn{display:block;text-align:center;padding:17px;font-size:14.5px;letter-spacing:.14em;font-weight:700} #km90-mo .kbtn-fill{background:var(--gold);color:var(--ink)} #km90-mo .kbtn-ghost{border:1px solid rgba(240,235,224,.35);color:var(--fg);background:#0d1113 !important} /* ---------- 가로 스와이프(hs) 이미지 시스템 ---------- */ #km90-mo .hs{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 22px 6px;margin:20px -22px 0;scrollbar-width:none} #km90-mo .hs::-webkit-scrollbar{display:none} #km90-mo .hs .g{flex:0 0 78%;scroll-snap-align:center;position:relative;aspect-ratio:16/10;overflow:hidden} #km90-mo .hs .g img{width:100%;height:100%;object-fit:cover} #km90-mo .hs .g .gnum{position:absolute;top:10px;left:12px;font-family:var(--en);font-size:13px;letter-spacing:.14em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)} #km90-mo .hs .g .cap{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;background:linear-gradient(transparent,rgba(10,13,15,.8));color:var(--fg);font-size:12.5px;font-family:var(--serif);letter-spacing:.06em} #km90-mo .hs-hint{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;margin:20px auto 0;padding:12px 24px;background:#14181b;border:1px solid var(--gold);border-radius:40px;font-family:var(--serif);font-weight:700;font-size:15px;letter-spacing:.1em;color:var(--gold-br);box-shadow:0 4px 18px rgba(0,0,0,.28);animation:km90pulse 2.2s ease-in-out infinite} #km90-mo .t-ivory .hs-hint{background:#14181b;border-color:var(--gold);color:var(--gold-br)} #km90-mo .hs-hint::before{content:"←";font-family:var(--en);font-size:19px;color:var(--gold-br);animation:km90swL 1.6s ease-in-out infinite} #km90-mo .hs-hint::after{content:"→";font-family:var(--en);font-size:19px;color:var(--gold-br);animation:km90sw 1.6s ease-in-out infinite} @keyframes km90sw{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}} @keyframes km90swL{0%,100%{transform:translateX(0)}50%{transform:translateX(-7px)}} @keyframes km90pulse{0%,100%{box-shadow:0 4px 18px rgba(0,0,0,.28),0 0 0 0 rgba(198,164,92,.4)}55%{box-shadow:0 4px 18px rgba(0,0,0,.28),0 0 0 11px rgba(198,164,92,0)}} /* ---------- HERO ---------- */ #km90-mo .hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;padding-top:0} #km90-mo .hero-bg{position:absolute;inset:0;background:url('img/d349ce450524e.jpg') center/cover;transform:scale(1.08);animation:km90z 12s ease-out forwards} @keyframes km90z{to{transform:scale(1)}} #km90-mo .hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,17,19,.55),rgba(13,17,19,.35) 40%,rgba(13,17,19,.92) 88%)} #km90-mo .hero-in{position:relative;width:100%;padding:96px 22px 56px} #km90-mo .hero-sub{font-family:var(--serif);font-size:12px;letter-spacing:.24em;color:var(--gold-br)} #km90-mo .hero-no{margin-top:8px;font-size:11.5px;letter-spacing:.2em;color:var(--fg-mut)} #km90-mo .hero-title{font-family:var(--serif);font-size:clamp(46px,14vw,60px);font-weight:900;letter-spacing:.05em;line-height:1.05;margin-top:16px;white-space:nowrap} #km90-mo .hero-title .knum{color:var(--gold-br)} #km90-mo .hero-kr{font-family:var(--serif);font-size:14px;letter-spacing:.3em;color:var(--fg-mut);margin-top:14px} #km90-mo .hero-copy{margin-top:18px;font-family:var(--serif);font-size:clamp(19px,5.6vw,24px);font-weight:600;letter-spacing:.14em;color:var(--gold-br)} #km90-mo .hero-desc{margin-top:14px;font-size:14.5px;color:var(--fg-mut);line-height:1.9} #km90-mo .hero-desc b{color:var(--fg);font-weight:500} #km90-mo .hero-keys{margin-top:20px;border-top:1px solid var(--line2)} #km90-mo .hero-keys li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line2);font-size:13.5px;color:var(--fg-mut)} #km90-mo .hero-keys .n{font-family:var(--en);color:var(--gold-br);font-size:15px} #km90-mo .hero-btns{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px} /* ---------- STORY ---------- */ #km90-mo .story-quote{font-family:var(--serif);font-size:clamp(19px,5.4vw,24px);font-weight:500;line-height:1.75;margin-top:22px} #km90-mo .story-quote em{font-style:normal;color:var(--gold-br)} #km90-mo .story-ph{margin:26px 0 0;position:relative} #km90-mo .story-ph img{width:100%} #km90-mo .story-ph::after{content:"山代 · 福井 · 若狭";position:absolute;right:12px;bottom:12px;writing-mode:vertical-rl;font-family:var(--serif);font-size:11px;letter-spacing:.4em;color:rgba(240,235,224,.8);text-shadow:0 1px 8px rgba(0,0,0,.6)} #km90-mo .story-p{margin-top:20px;font-size:14.8px;color:var(--fg-mut);line-height:2} #km90-mo .story-p b{color:var(--fg);font-weight:500} #km90-mo .stats{display:grid;grid-template-columns:1fr 1fr;margin-top:40px;background:#14181b;border:1px solid var(--line2);padding:6px 0} #km90-mo .stat{position:relative;background:transparent;padding:26px 12px;text-align:center} #km90-mo .stat:nth-child(even)::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:52%;background:linear-gradient(180deg,transparent,var(--gold) 25%,var(--gold) 75%,transparent)} #km90-mo .stat:nth-child(n+3)::after{content:"";position:absolute;top:0;left:14%;right:14%;height:1px;background:var(--line2)} #km90-mo .stat .knum{font-family:var(--en);font-size:34px;color:var(--gold-br);line-height:1;display:block} #km90-mo .stat .knum small{font-size:.5em} #km90-mo .stat .lab{margin-top:9px;font-size:11.5px;letter-spacing:.1em;color:var(--fg-mut);line-height:1.6} /* ---------- 밴드 ---------- */ #km90-mo .band{position:relative;min-height:52vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;padding:70px 26px} #km90-mo .band::before{content:"";position:absolute;inset:0;background:rgba(13,17,19,.5)} #km90-mo .band>div{position:relative} #km90-mo .band .en-cap{font-family:var(--serif);font-size:12px;letter-spacing:.3em;color:var(--gold-br);display:block;margin-bottom:14px} #km90-mo .band h3{font-family:var(--serif);font-size:clamp(19px,5.6vw,25px);font-weight:500;line-height:1.7;color:var(--fg);text-shadow:0 2px 18px rgba(0,0,0,.5)} /* ---------- ACCESS ---------- */ #km90-mo .route{position:relative;padding-left:26px;margin-top:34px} #km90-mo .route::before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:1px;background:linear-gradient(var(--gold) 60%,rgba(198,164,92,.15))} #km90-mo .route li{position:relative;padding:0 0 30px 18px} #km90-mo .route li::before{content:"";position:absolute;left:-25px;top:8px;width:12px;height:12px;background:var(--ivory);border:1px solid var(--gold);transform:rotate(45deg)} #km90-mo .route .r-time{font-family:var(--serif);font-size:11.5px;font-weight:600;letter-spacing:.16em;color:#a5833f} #km90-mo .route .r-tit{font-family:var(--serif);font-size:17.5px;font-weight:600;color:var(--ink2);margin-top:4px} #km90-mo .route .r-desc{font-size:13.8px;color:var(--mut2);margin-top:6px;line-height:1.85} #km90-mo .facts{display:grid;gap:12px;margin-top:8px} #km90-mo .fact{background:#fff;border:1px solid #e4dcc8;padding:22px 20px} #km90-mo .fact .en{font-family:var(--serif);font-size:11px;font-weight:600;letter-spacing:.22em;color:#a5833f} #km90-mo .fact h4{font-family:var(--serif);font-size:16.5px;font-weight:600;color:var(--ink2);margin-top:6px} #km90-mo .fact p{font-size:13.5px;color:var(--mut2);margin-top:6px;line-height:1.8} /* ---------- USAGE + CALC ---------- */ #km90-mo .use-card{background:#fff;border:1px solid #e4dcc8;margin-top:22px} #km90-mo .use-card .ph{position:relative;aspect-ratio:16/9;overflow:hidden} #km90-mo .use-card .ph img{width:100%;height:100%;object-fit:cover} #km90-mo .use-card .tag{position:absolute;top:12px;left:12px;background:rgba(13,17,19,.85);color:var(--gold-br);padding:7px 13px;font-family:var(--serif);font-size:11px;letter-spacing:.16em} #km90-mo .use-card .body{padding:24px 20px 28px} #km90-mo .use-card h4{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--ink2);line-height:1.5} #km90-mo .use-card .sub{font-size:13px;color:var(--mut2);margin-top:6px} #km90-mo .use-card ul{margin-top:14px} #km90-mo .use-card li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid #efe9da;color:var(--mut2);font-size:13.8px;line-height:1.8} #km90-mo .use-card li::before{content:"";position:absolute;left:2px;top:17px;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)} #km90-mo .use-card li b{color:var(--ink2);font-weight:600} #km90-mo .use-card li b.gd{color:#a5833f} #km90-mo .calc{margin-top:34px;background:var(--ink);border:1px solid var(--line);padding:34px 24px;color:var(--fg)} #km90-mo .calc h4{font-family:var(--serif);font-size:20px;font-weight:600;line-height:1.55} #km90-mo .calc h4 em{font-style:normal;color:var(--gold-br)} #km90-mo .calc .c-p{margin-top:14px;color:var(--fg-mut);font-size:13.8px;line-height:1.95} #km90-mo .calc .c-p b{color:var(--fg);font-weight:500} #km90-mo .ledger{margin-top:24px;background:rgba(240,235,224,.03);border:1px solid var(--line2);padding:22px 18px} #km90-mo .ledger .l-tit{font-family:var(--serif);font-size:14.5px;color:var(--gold-br);padding-bottom:12px;border-bottom:1px solid var(--line)} #km90-mo .ledger .row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed rgba(240,235,224,.14);font-size:13.3px;color:var(--fg-mut)} #km90-mo .ledger .row .v{font-family:var(--en);font-size:14.5px;color:var(--fg);white-space:nowrap;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:'lnum' 1,'tnum' 1;letter-spacing:.02em} #km90-mo .ledger .row .v.minus{color:var(--gold-br)} #km90-mo .ledger .row .v.plus{color:#b8d4a8} #km90-mo .ledger .row.total{border-bottom:none;border-top:1px solid var(--gold);margin-top:4px;padding-top:14px;color:var(--fg)} #km90-mo .ledger .row.total .v{font-size:16px;color:var(--gold-br)} #km90-mo .ledger .fine{margin-top:12px;font-size:11px;color:var(--fg-mut2);line-height:1.75} /* ---------- COURSES ---------- */ #km90-mo .course{margin-top:52px} #km90-mo .course .c-kicker{font-family:var(--serif);font-size:11.5px;font-weight:600;letter-spacing:.24em;color:#a5833f} #km90-mo .course .c-name{font-family:var(--serif);font-size:clamp(22px,6vw,27px);font-weight:600;color:var(--ink2);margin-top:8px} #km90-mo .course .c-name .holes{font-family:var(--serif);font-size:.62em;color:#a5833f;margin-left:10px} #km90-mo .course .c-jp{font-family:var(--serif);font-size:12px;letter-spacing:.26em;color:#a09a88;margin-top:5px} #km90-mo .course .c-main{margin-top:16px;position:relative;overflow:hidden} #km90-mo .course .c-main img{width:100%} #km90-mo .course .c-main .c-no{position:absolute;top:12px;left:16px;font-family:var(--en);font-size:44px;color:rgba(240,235,224,.9);text-shadow:0 2px 14px rgba(0,0,0,.5);line-height:1} #km90-mo .course .c-desc{margin-top:16px;font-size:14.3px;color:var(--mut2);line-height:1.95} #km90-mo .course .c-desc b{color:var(--ink2);font-weight:600} #km90-mo .course .c-desc p+p{margin-top:10px} #km90-mo .c-spec{margin-top:18px;border-top:1px solid #d8c9a4} #km90-mo .c-spec .s{display:flex;gap:12px;padding:9px 2px;border-bottom:1px solid #efe9da;font-size:13px;color:var(--mut2);line-height:1.7} #km90-mo .c-spec .sk{min-width:50px;font-family:var(--serif);font-weight:600;color:#a5833f;font-size:12px;padding-top:1px} #km90-mo .c-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px} #km90-mo .c-tags span{font-size:11px;letter-spacing:.1em;color:#8a713e;border:1px solid #d8c9a4;padding:5px 11px} /* ---------- STAY / ONSEN / DINING ---------- */ #km90-mo .stay-card{background:var(--bg2);border:1px solid var(--line2);margin-top:24px} #km90-mo .stay-card .ph{aspect-ratio:16/9;overflow:hidden} #km90-mo .stay-card .ph img{width:100%;height:100%;object-fit:cover} #km90-mo .stay-card .body{padding:22px 20px 26px} #km90-mo .stay-card .en{font-family:var(--serif);font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--gold)} #km90-mo .stay-card h4{font-family:var(--serif);font-size:20px;font-weight:600;margin-top:6px} #km90-mo .stay-card p{font-size:13.8px;color:var(--fg-mut);margin-top:10px;line-height:1.9} #km90-mo .stay-card p b{color:var(--gold-br);font-weight:500} #km90-mo .stay-note{margin-top:20px;border:1px solid var(--line);padding:20px;font-size:13.8px;color:var(--fg-mut)} #km90-mo .stay-note b{color:var(--gold-br)} #km90-mo .onsen-ph{margin-top:22px} #km90-mo .onsen-ph img{width:100%} #km90-mo .duo-list{margin-top:16px} #km90-mo .duo-list li{position:relative;padding:10px 0 10px 20px;border-bottom:1px solid var(--line2);color:var(--fg-mut);font-size:13.8px;line-height:1.85} #km90-mo .t-ivory .duo-list li{border-color:#e0d8c4;color:var(--mut2)} #km90-mo .duo-list li::before{content:"";position:absolute;left:2px;top:19px;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)} #km90-mo .duo-list li b{color:var(--fg);font-weight:500} #km90-mo .t-ivory .duo-list li b{color:var(--ink2);font-weight:600} /* ---------- GALLERY ---------- */ #km90-mo .gal-feat{position:relative;margin-top:26px} #km90-mo .gal-feat img{width:100%} #km90-mo .gal-feat .cap{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;background:linear-gradient(transparent,rgba(10,13,15,.85))} #km90-mo .gal-feat .gl{font-family:var(--serif);font-size:11px;letter-spacing:.24em;color:var(--gold-br)} #km90-mo .gal-feat .gt{font-family:var(--serif);font-size:17px;font-weight:600;line-height:1.6;margin-top:6px} /* ---------- MEMBERSHIP ---------- */ #km90-mo .mem{background:#fff;border:1px solid #e4dcc8;margin-top:30px} #km90-mo .mem-head{background:var(--ink);color:var(--fg);text-align:center;padding:36px 20px 32px;position:relative} #km90-mo .mem-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent)} #km90-mo .mem-head .en{font-family:var(--serif);font-size:11.5px;font-weight:600;letter-spacing:.3em;color:var(--gold-br)} #km90-mo .mem-head h3{font-family:var(--serif);font-size:21px;font-weight:600;margin-top:10px} #km90-mo .mem-head .price{font-family:var(--en);font-size:52px;font-weight:500;color:var(--gold-br);margin-top:10px;line-height:1} #km90-mo .mem-head .price small{font-family:var(--serif);font-size:.34em;color:var(--fg-mut);margin-left:8px;vertical-align:middle} #km90-mo .mem-head .pnote{margin-top:10px;font-size:12px;color:var(--fg-mut);letter-spacing:.04em} #km90-mo .mem-bens{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e9e2d0;border-bottom:1px solid #e9e2d0} #km90-mo .mem-ben{background:#faf7ef;padding:20px 8px;text-align:center} #km90-mo .mem-ben .n{font-family:var(--en);font-size:21px;color:#a5833f;line-height:1} #km90-mo .mem-ben h5{font-family:var(--serif);font-size:12.5px;font-weight:600;color:var(--ink2);margin-top:8px;line-height:1.5} #km90-mo .mrow{display:flex;gap:14px;padding:16px 20px;border-bottom:1px solid #efe9da;font-size:13.8px;color:#3a4045;line-height:1.85} #km90-mo .mrow .k{min-width:74px;font-family:var(--serif);font-weight:600;color:var(--ink2);font-size:13px} #km90-mo .mrow b{color:#a5833f;font-weight:600} #km90-mo .mrow .fine{display:block;margin-top:5px;font-size:11.5px;color:#8b8f88} #km90-mo .mem-cta{padding:24px 20px} /* ---------- FAQ ---------- */ #km90-mo .faq{margin-top:26px} #km90-mo .faq details{border-bottom:1px solid #e0d8c4} #km90-mo .faq summary{cursor:pointer;list-style:none;display:flex;gap:14px;align-items:baseline;padding:18px 4px;font-size:15px;font-weight:600;color:var(--ink2)} #km90-mo .faq summary::-webkit-details-marker{display:none} #km90-mo .faq summary .q{font-family:var(--en);font-size:16px;color:#a5833f;font-weight:600} #km90-mo .faq summary .arr{margin-left:auto;font-family:var(--en);color:#b8b09c;transition:.35s;font-size:17px} #km90-mo .faq details[open] summary .arr{transform:rotate(45deg);color:#a5833f} #km90-mo .faq .a{padding:0 4px 20px 34px;color:var(--mut2);font-size:13.8px;line-height:1.95} #km90-mo .faq .a b{color:var(--ink2);font-weight:600} /* ---------- INVITE / CONTACT ---------- */ #km90-mo .invite{position:relative;background:#0d1113 url('img/0cfe8f762c796.jpg') center/cover fixed;text-align:center;padding:84px 26px;border-top:1px solid var(--line2)} #km90-mo .invite::before{content:"";position:absolute;inset:0;background:rgba(13,17,19,.8);pointer-events:none} #km90-mo .invite>*{position:relative;z-index:1} @supports (-webkit-touch-callout:none){#km90-mo .invite{background-attachment:scroll !important}} /* 골드 광택 흐름 효과 */ #km90-mo .invite h3 em{color:var(--fg) !important} #km90-mo .invite .shine{background:linear-gradient(105deg,#9c7b38 18%,#d8bc7e 34%,#fff3c9 48%,#fffbe9 52%,#fff3c9 56%,#d8bc7e 70%,#9c7b38 84%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:km90shine 2.4s linear infinite,km90glow 2.4s ease-in-out infinite} @keyframes km90shine{0%{background-position:200% 0}100%{background-position:-60% 0}} @keyframes km90glow{0%,100%{filter:drop-shadow(0 0 4px rgba(216,188,126,.15))}50%{filter:drop-shadow(0 0 16px rgba(255,236,170,.55))}} #km90-mo .invite .en{font-family:var(--serif);font-size:12px;font-weight:600;letter-spacing:.34em;color:var(--gold)} #km90-mo .invite h3{font-family:var(--serif);font-size:clamp(19px,5.6vw,25px);font-weight:500;line-height:1.75;margin-top:18px} #km90-mo .invite h3 em{font-style:normal;color:var(--gold-br)} #km90-mo .invite p{margin-top:18px;color:var(--gold-br);font-family:var(--serif);font-weight:600;font-size:clamp(16px,4.6vw,20px);letter-spacing:.1em} #km90-mo .con-tel{font-family:var(--en);font-size:clamp(40px,12vw,52px);color:var(--gold-br);font-weight:500;line-height:1;margin-top:18px} #km90-mo .con-list{margin-top:26px} #km90-mo .con-list li{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid var(--line2);font-size:13.8px} #km90-mo .con-list .k{width:66px;color:var(--fg-mut2);font-family:var(--serif);font-size:12px;padding-top:2px} #km90-mo .con-list .v{color:var(--fg-mut)} #km90-mo .con-list .v a{color:var(--fg);border-bottom:1px solid var(--line)} #km90-mo .form{margin-top:36px;background:var(--bg2);border:1px solid var(--line2);padding:30px 22px} #km90-mo .form h4{font-family:var(--serif);font-size:19px;font-weight:600} #km90-mo .form .form-sub{color:var(--fg-mut);font-size:12.5px;margin-top:6px} #km90-mo .field{display:flex;flex-direction:column;gap:7px;margin-top:16px} #km90-mo .field label{font-size:11.5px;letter-spacing:.12em;color:var(--fg-mut)} #km90-mo .field input,#km90-mo .field select,#km90-mo .field textarea{background:rgba(240,235,224,.04);border:1px solid var(--line2);color:var(--fg);font-family:var(--sans);font-size:15px;padding:14px 15px;border-radius:0;-webkit-appearance:none;appearance:none;width:100%} #km90-mo .field select{background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat} #km90-mo .field select option{background:#151b1d;color:var(--fg)} #km90-mo .field textarea{min-height:96px;resize:vertical} #km90-mo .field input:focus,#km90-mo .field select:focus,#km90-mo .field textarea:focus{outline:none;border-color:var(--gold)} #km90-mo .agree{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:12px;color:var(--fg-mut);line-height:1.7} #km90-mo .agree input{margin-top:3px;accent-color:var(--gold)} #km90-mo .form-msg{display:none;margin-top:16px;padding:13px 15px;font-size:13px;line-height:1.7} #km90-mo .form-msg.show{display:block} #km90-mo .form-msg.loading{background:rgba(240,235,224,.06);color:var(--fg-mut);border:1px solid var(--line2)} #km90-mo .form-msg.success{background:rgba(198,164,92,.1);color:var(--gold-br);border:1px solid var(--line)} #km90-mo .form-msg.error{background:rgba(200,80,70,.08);color:#e8a49b;border:1px solid rgba(200,80,70,.35)} #km90-mo .form-submit{margin-top:20px;width:100%;background:var(--gold);color:var(--ink);border:none;padding:17px;font-size:14.5px;letter-spacing:.16em;font-weight:700;font-family:var(--sans)} #km90-mo .form-submit:disabled{opacity:.55} #km90-mo .foot{border-top:1px solid var(--line2);padding:40px 22px 90px;color:var(--fg-mut2);font-size:12px;line-height:1.9;text-align:center} #km90-mo .foot .f-logo{font-family:var(--serif);font-size:17px;font-weight:600;letter-spacing:.12em;color:var(--fg-mut)} #km90-mo .foot .f-logo b{color:var(--gold)} /* ===== 타이포 미세 조정 — 자간 통일 (최종) ===== */ #km90-mo .sec-title{letter-spacing:.02em} #km90-mo .mo-menu a{letter-spacing:.06em} #km90-mo .stat .knum,#km90-mo .mem-head .price,#km90-mo .mem-ben .n,#km90-mo .con-tel,#km90-mo .course .c-no{letter-spacing:.02em} #km90-mo .faq summary .q{letter-spacing:.02em} /* ===== 카카오톡 상담 버튼 ===== */ #km90-mo .kakao-btn{display:inline-flex;align-items:center;gap:10px;margin-top:22px;background:#FEE500;color:#191919 !important;padding:15px 28px;font-weight:800;font-size:15px;letter-spacing:.03em;border-radius:8px;font-family:var(--sans)} #km90-mo .kakao-btn .kico{width:21px;height:20px;display:inline-block;background:#191919;border-radius:50%/46%;position:relative} #km90-mo .kakao-btn .kico::after{content:"";position:absolute;left:4px;bottom:-3px;border:5px solid transparent;border-top:7px solid #191919;border-left-width:3px;border-right-width:3px} #km90-mo .kakao-hero{grid-column:1/-1;justify-content:center;margin-top:2px;padding:15px} #km90-mo .kbtn-ghost .tel-lab{font-size:12.5px;letter-spacing:.14em} #km90-mo .kbtn-ghost .tel-num{font-family:var(--en);font-size:21px;font-weight:600;color:var(--gold-br);letter-spacing:.04em;line-height:1} /* ===== 원장 숫자 열 정렬 고정 ===== */ #km90-mo .ledger .row{display:flex !important;flex-wrap:nowrap !important;justify-content:space-between !important;align-items:baseline;margin-left:0 !important;margin-right:0 !important;width:100%} #km90-mo .ledger .row .v{flex:0 0 auto;min-width:128px;text-align:right !important;display:inline-block !important} /* 미식 섹션 — 요코초 야경 고정 배경 */ #km90-mo #mo-dining{position:relative;background:#0d1113 url('img/e524f600fc3e0.jpg') center/cover fixed !important} #km90-mo #mo-dining::before{content:"";position:absolute;inset:0;background:rgba(13,17,19,.8);pointer-events:none} #km90-mo #mo-dining>*{position:relative;z-index:1} @supports (-webkit-touch-callout:none){#km90-mo #mo-dining{background-attachment:scroll !important}} /* ===== 원장 정렬 최종 고정 — 그리드 열 강제 ===== */ #km90-mo .ledger .row::before,#km90-mo .ledger .row::after{content:none !important;display:none !important} #km90-mo .ledger .row{display:grid !important;grid-template-columns:minmax(0,1fr) 132px !important;column-gap:14px;align-items:baseline;justify-content:stretch !important;width:100% !important;margin:0 !important} #km90-mo .ledger .row>span:first-child{text-align:left !important;justify-self:start} #km90-mo .ledger .row .v{grid-column:2;display:block !important;width:100% !important;min-width:0 !important;max-width:none !important;text-align:right !important;justify-self:stretch;white-space:nowrap !important} /* ===== 히어로 골드 광택 흐름 (확정) ===== */ #km90-mo .hero-title .knum,#km90-mo .hero-copy{background-image:linear-gradient(105deg,#9c7b38 18%,#d8bc7e 34%,#fff3c9 48%,#fffbe9 52%,#fff3c9 56%,#d8bc7e 70%,#9c7b38 84%) !important;background-size:260% 100% !important;background-color:transparent !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;animation:km90shine 2.8s linear infinite !important} /* ===== 히어로 아이보리 광택 흐름 (고마츠 · 부제) ===== */ #km90-mo .hero-title,#km90-mo .hero-kr{background-image:linear-gradient(105deg,#b9b3a4 20%,#f0ebe0 38%,#ffffff 50%,#f0ebe0 62%,#b9b3a4 80%) !important;background-size:260% 100% !important;background-color:transparent !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;animation:km90shine 2.8s linear infinite !important} /* ===== 부제 광택 강화판 (대비↑ · 띠 폭↑ · 글로우) ===== */ #km90-mo .hero-kr{background-image:linear-gradient(105deg,#7e786a 12%,#d9d3c4 30%,#ffffff 44%,#fffef6 50%,#ffffff 56%,#d9d3c4 70%,#7e786a 88%) !important;background-size:170% 100% !important;animation:km90shine 2.4s linear infinite,km90glowiv 2.4s ease-in-out infinite !important} @keyframes km90glowiv{0%,100%{filter:drop-shadow(0 0 2px rgba(255,255,255,.05))}50%{filter:drop-shadow(0 0 10px rgba(255,255,240,.5))}} /* ===== 실질 하루 체류비 행 광택 애니메이션 ===== */ #km90-mo .ledger .row.total:not([style])>span:first-child{color:var(--fg) !important;transform-origin:left center;display:inline-block;animation:km90glowW 2.4s ease-in-out infinite !important} @keyframes km90glowW{0%,100%{text-shadow:0 0 2px rgba(240,235,224,.1);transform:scale(1)}50%{text-shadow:0 0 16px rgba(255,255,245,.95),0 0 34px rgba(255,255,240,.6),0 0 60px rgba(240,235,224,.3);transform:scale(1.03)}} #km90-mo .ledger .row.total:not([style]) .v{color:var(--gold-br) !important;transform-origin:right center;animation:km90glowG 2.4s ease-in-out infinite !important} @keyframes km90glowG{0%,100%{text-shadow:0 0 2px rgba(216,188,126,.12);transform:scale(1)}50%{text-shadow:0 0 18px rgba(255,240,180,1),0 0 40px rgba(255,220,140,.65),0 0 70px rgba(216,188,126,.35);transform:scale(1.05)}} /* ===== 멤버십 2등급 카드 ===== */ #km90-mo .mem-duo{display:grid;grid-template-columns:1fr;gap:16px} #km90-mo .mem-tier{background:#fff;border:1px solid #d8c9a4;padding:28px 24px;text-align:center} /* ▼ 멤버십 카드 등장 이펙트 */ #km90-mo .mem-tier{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,border-color .5s} #km90-mo .mem-tier:active{transform:translateY(-4px);box-shadow:0 16px 34px rgba(32,38,42,.16)} #km90-mo .mem-tier.gold::before{animation:km90badge 2.6s ease-in-out infinite} @keyframes km90badge{0%,100%{box-shadow:0 0 0 0 rgba(198,164,92,.55)}55%{box-shadow:0 0 0 8px rgba(198,164,92,0)}} #km90-mo .mem.in .mem-tier{animation:km90memrise .8s cubic-bezier(.16,1,.3,1) both} #km90-mo .mem.in .mem-tier:nth-child(1){animation-delay:.08s} #km90-mo .mem.in .mem-tier:nth-child(2){animation-delay:.22s} @keyframes km90memrise{from{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:none}} @media(prefers-reduced-motion:reduce){#km90-mo .mem.in .mem-tier{animation:none}#km90-mo .mem-tier.gold::before{animation:none}} #km90-mo .mem-tier.gold{border:2px solid #c6a45c;position:relative} #km90-mo .mem-tier.gold::before{content:"PREMIUM";position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#c6a45c;color:#0d1113;font-size:10px;font-weight:800;letter-spacing:.18em;padding:4px 11px} #km90-mo .mem-tier .en{color:#a5833f;letter-spacing:.3em;font-size:11.5px} #km90-mo .mem-tier h3{font-family:var(--serif);font-size:16.5px;font-weight:700;margin-top:9px} #km90-mo .mem-tier .price{margin-top:10px} #km90-mo .tier-rows{list-style:none;margin:16px 0 0;padding:12px 0 0;border-top:1px solid #efe9da;text-align:left} #km90-mo .tier-rows li{display:flex;justify-content:space-between;padding:7px 2px;font-size:13px} #km90-mo .tier-rows li span{color:#5a5f58} /* ===== 기명 회원 예우 — 크림 테마 ===== */ #km90-vip{--fg:#20262a;--mut:#5a5f58;--gold:#a5833f;--gold-d:#8a713e;--line:#d8c9a4; background:#f4efe3;border-top:2px solid #c6a45c;color:var(--fg);font-family:'Pretendard','Noto Serif KR',sans-serif;padding:120px 24px 110px;word-break:keep-all} #km90-vip *{box-sizing:border-box;margin:0;padding:0} #km90-vip .ctr{max-width:1200px;margin:0 auto} #km90-vip .kicker{display:flex;align-items:center;gap:12px;font-family:'Noto Serif KR',serif;font-weight:600;font-size:13px;letter-spacing:.28em;color:var(--gold)} #km90-vip .kicker::before{content:"";width:40px;height:1px;background:var(--gold)} #km90-vip h2{font-family:'Noto Serif KR',serif;font-size:clamp(28px,3.4vw,44px);font-weight:600;line-height:1.5;letter-spacing:.02em;margin-top:20px;color:var(--fg)} #km90-vip h2 em{font-style:normal;color:var(--gold-d)} #km90-vip .sub-line{margin-top:16px;font-family:'Noto Serif KR',serif;font-weight:600;font-size:17px;letter-spacing:.1em;color:var(--gold)} #km90-vip .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;margin-top:60px;align-items:center} #km90-vip .lead-p{font-size:16.5px;line-height:2.05;color:var(--mut)} #km90-vip .lead-p b{color:var(--fg);font-weight:600} #km90-vip .lead-p+.lead-p{margin-top:26px} #km90-vip .feat{margin-top:42px;background:#fff;border:1px solid var(--line)} #km90-vip .feat .fr{display:flex;gap:22px;align-items:flex-start;padding:26px 28px;border-bottom:1px solid #efe9da} #km90-vip .feat .fr:last-child{border-bottom:none} #km90-vip .feat .no{font-family:'Cormorant Garamond',serif;font-size:30px;color:var(--gold);line-height:1;min-width:44px} #km90-vip .feat h4{font-family:'Noto Serif KR',serif;font-size:17.5px;font-weight:700;letter-spacing:.02em} #km90-vip .feat h4 span{color:var(--gold-d)} #km90-vip .feat p{font-size:14px;color:var(--mut);line-height:1.85;margin-top:8px} #km90-vip .vis{position:relative} #km90-vip .vis::before{content:"";position:absolute;inset:26px -26px -26px 26px;border:1px solid #c9b071;z-index:0} #km90-vip .vis img{position:relative;z-index:1;width:100%;height:560px;object-fit:cover;display:block;box-shadow:0 18px 50px rgba(32,38,42,.18)} #km90-vip .vis .cap{position:absolute;z-index:2;left:-14px;bottom:34px;background:#0d1113;border-left:2px solid #c6a45c;padding:14px 20px;font-family:'Noto Serif KR',serif;font-size:13px;letter-spacing:.08em;color:#d8bc7e} @media(max-width:860px){ #km90-vip{padding:76px 22px} #km90-vip .grid{grid-template-columns:1fr;gap:44px} #km90-vip .vis img{height:380px} #km90-vip .vis::before{inset:16px -14px -14px 16px} } #km90-map{position:relative;left:50%;right:50%;width:100vw;margin-left:-50vw;margin-right:-50vw; background:#0d1113 url('img/557239f448412.jpg') center/cover fixed;color:#f0ebe0;font-family:'Pretendard','Noto Serif KR',sans-serif; padding:90px 0 70px;word-break:keep-all;overflow-x:hidden} #km90-map::before{content:"";position:absolute;inset:0;background:rgba(13,17,19,.8);pointer-events:none} #km90-map .wrap{position:relative;z-index:1} @supports (-webkit-touch-callout:none){#km90-map{background-attachment:scroll !important}} #km90-map *{box-sizing:border-box;margin:0;padding:0} #km90-map .wrap{max-width:1280px;margin:0 auto;padding:0 24px} #km90-map .kicker{display:flex;align-items:center;gap:12px;font-family:'Noto Serif KR',serif;font-weight:600;font-size:13px;letter-spacing:.28em;color:#c6a45c} #km90-map .kicker::before{content:"";width:40px;height:1px;background:#c6a45c} #km90-map h2{font-family:'Noto Serif KR',serif;font-size:clamp(26px,3.4vw,40px);font-weight:600;letter-spacing:.02em;line-height:1.45;margin-top:18px;color:#f0ebe0} #km90-map .lead{margin-top:14px;color:rgba(240,235,224,.62);font-size:15.5px;line-height:1.9;max-width:640px} #km90-map .lead b{color:#f0ebe0;font-weight:500} #km90-map .maps{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;margin-top:44px} #km90-map .panel{position:relative;border:1px solid rgba(198,164,92,.4);background:#fff;overflow:hidden} #km90-map .panel>img{display:block;width:100%;height:auto} #km90-map .panel svg{position:absolute;inset:0;width:100%;height:100%} #km90-map .p-tag{position:absolute;top:12px;left:12px;background:#0d1113;color:#d8bc7e;font-family:'Noto Serif KR',serif;font-size:13px;letter-spacing:.18em;padding:9px 16px;z-index:3} #km90-map .credit{position:absolute;right:8px;bottom:6px;font-size:9.5px;color:#9aa0a4;z-index:3} /* 라벨 · 배지 (지도 위 HTML 오버레이) */ #km90-map .lb{position:absolute;transform:translate(-50%,0);z-index:2;text-align:center;pointer-events:none} /* ▼ 온천호텔 5분 강조 배지 + 펄스 이펙트 */ #km90-map .lb .s em.blink,#km90-map .lb em.hot{display:inline-block;font-style:normal;font-weight:800;font-size:clamp(12px,1.15vw,17px);line-height:1.25;color:#8a2f22 !important;background:transparent !important;padding:2px 0 0;margin-top:3px;letter-spacing:-.01em;text-shadow:0 0 6px #fff,0 0 12px #fff,0 0 18px #fff;box-shadow:none;animation:km90hotpulse 2s ease-in-out infinite} @keyframes km90hotpulse{0%,100%{transform:scale(1);opacity:1}55%{transform:scale(1.06);opacity:.72}} #km90-map .lb .t{font-family:'Noto Serif KR',serif;font-weight:700;font-size:18.5px;color:#171d20;text-shadow:0 0 6px #fff,0 0 12px #fff} #km90-map .blink{font-style:normal;font-weight:700;color:#8a2f22;animation:km90blink 1.4s ease-in-out infinite} @keyframes km90blink{0%,100%{opacity:1}50%{opacity:.25}} #km90-map .lb .s{font-family:'Noto Serif KR',serif;font-weight:600;font-size:14px;color:#a5833f;margin-top:2px;text-shadow:0 0 6px #fff} #km90-map .bd{position:absolute;transform:translate(-50%,-50%);z-index:2;background:#0d1113;color:#d8bc7e;border:1px solid #c6a45c;border-radius:30px;font-family:'Noto Serif KR',serif;font-weight:600;font-size:14px;letter-spacing:.06em;padding:8px 16px;white-space:nowrap;pointer-events:none} #km90-map .bd.lt{background:#fff;color:#8a713e;box-shadow:0 2px 8px rgba(0,0,0,.12)} /* SVG 경로 애니메이션 */ #km90-map .fly{stroke:#b08a3e;stroke-width:3.5;fill:none;stroke-dasharray:13 9;animation:km90dash 1.1s linear infinite} @keyframes km90dash{to{stroke-dashoffset:-22}} #km90-map .road{stroke:#b08a3e;stroke-width:4;fill:none;stroke-linecap:round} #km90-map .road.draw{stroke-dasharray:1000;stroke-dashoffset:1000;animation:km90draw 1.6s ease forwards} #km90-map .road.d2{animation-delay:.5s} #km90-map .road.d3{animation-delay:1s} @keyframes km90draw{to{stroke-dashoffset:0}} #km90-map .npt{fill:#b08a3e;stroke:#fff;stroke-width:2.5} #km90-map .npt.big{fill:#0d1113} /* 하단 범례 */ #km90-map .legend{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;border:1px solid rgba(198,164,92,.35);background:#151b1d} #km90-map .lg{padding:24px 22px;border-left:1px solid rgba(240,235,224,.1)} #km90-map .lg:first-child{border-left:none} #km90-map .lg .n{font-family:'Cormorant Garamond','Noto Serif KR',serif;font-size:26px;color:#d8bc7e;line-height:1} #km90-map .lg h4{font-family:'Noto Serif KR',serif;font-size:15.5px;font-weight:700;color:#f0ebe0;margin-top:10px;line-height:1.5} #km90-map .lg p{font-size:12.8px;color:rgba(240,235,224,.55);margin-top:6px;line-height:1.75} @media(max-width:820px){ #km90-map{padding:64px 0 50px} #km90-map .maps{grid-template-columns:1fr;gap:14px;margin-top:30px} #km90-map .legend{grid-template-columns:1fr 1fr} #km90-map .lg{border-top:1px solid rgba(240,235,224,.1)} #km90-map .lg:nth-child(odd){border-left:none} #km90-map .lb .t{font-size:15px} #km90-map .blink{font-style:normal;font-weight:700;color:#8a2f22;animation:km90blink 1.4s ease-in-out infinite} @keyframes km90blink{0%,100%{opacity:1}50%{opacity:.25}} #km90-map .lb .s{font-size:12px} #km90-map .bd{font-size:12px;padding:6px 12px} } /* ===== 모바일: 지도 라벨 겹침 해소 ===== */ @media(max-width:820px){ /* 항공 배지: 태그 아래로 내리고 줄바꿈 허용 */ #km90-map .bd[style*="top:22%"]{top:53% !important;max-width:86%;white-space:normal;text-align:center;line-height:1.55} /* 고마쓰공항 라벨: 노드 아래로 (상단 태그와 분리) */ #km90-map .lb[style*="top:11.5%"]{top:20% !important} /* 시간 배지 상단 여유 */ #km90-map .bd[style*="top:21%"]{left:84% !important;top:20% !important} #km90-map .bd[style*="top:23%"]{top:21.5% !important} } #km90-mo .std-row .sk,#km90-mo .std-row .sv,#km90-mo .std-row .ss,#km90-mo .std-app .badge,#km90-mo .app-grid .ai,#km90-mo .app-grid .an,#km90-mo .std-app .ap{background-image:none !important;box-shadow:none !important;text-indent:0;border-radius:0} #km90-mo .std-tbl{margin-top:26px;border-top:2px solid #a5833f;background:#faf7ef} #km90-mo .std-row{padding:18px 18px;border-bottom:1px solid #e9e2d0} #km90-mo .std-row .sk{display:flex;align-items:baseline;gap:9px;font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ink2)} #km90-mo .std-row .sk i{font-family:var(--en);font-style:normal;font-size:13px;color:#a5833f} #km90-mo .std-row .ss{margin-left:auto;font-size:12.5px;letter-spacing:.1em;color:#c6a45c} #km90-mo .std-row .sv{margin-top:7px;font-size:13.8px;line-height:1.8;color:#5a5f58} #km90-mo .std-row .sv b{color:var(--ink2);font-weight:600} #km90-mo .std-row.tt{background:#20262a;border-bottom:none} #km90-mo .std-row.tt .sk{color:#f0ebe0;font-family:var(--en);letter-spacing:.18em;font-size:15px} #km90-mo .std-row.tt .sv{color:rgba(240,235,224,.6)} #km90-mo .std-row.tt .ss{color:#dcc28b} #km90-mo .std-fine{margin-top:12px;font-size:11.8px;line-height:1.7;color:#8b8a80} #km90-mo .std-app{margin-top:44px;background:#0d1113;color:#f0ebe0;padding:36px 22px} #km90-mo .std-app .badge{display:inline-block;font-family:var(--serif);font-size:11px;letter-spacing:.18em;color:#0d1113;background:var(--gold);padding:6px 13px} #km90-mo .std-app h3{font-family:var(--serif);font-size:23px;font-weight:600;line-height:1.5;margin-top:16px} #km90-mo .std-app h3 b{color:var(--gold-br)} #km90-mo .std-app .ap{margin-top:14px;font-size:14.3px;line-height:1.95;color:rgba(240,235,224,.62)} #km90-mo .std-app .ap b{color:#f0ebe0;font-weight:500} #km90-mo .app-grid{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(240,235,224,.12);border:1px solid rgba(240,235,224,.12)} #km90-mo .app-grid .ai{background:#0d1113;padding:18px 14px} #km90-mo .app-grid .ai .an{font-family:var(--en);font-size:20px;color:var(--gold-br);line-height:1} #km90-mo .app-grid .ai h5{font-family:var(--serif);font-size:15px;font-weight:600;margin-top:8px} #km90-mo .app-grid .ai p{font-size:12.4px;line-height:1.72;color:rgba(240,235,224,.55);margin-top:6px} #km90-mo .std-strip{margin-top:28px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px} #km90-mo .std-strip::-webkit-scrollbar{display:none} #km90-mo .std-strip figure{position:relative;flex:0 0 78%;scroll-snap-align:center;overflow:hidden;background:#20262a} #km90-mo .std-strip .ph{aspect-ratio:4/3;overflow:hidden} #km90-mo .std-strip img{width:100%;height:100%;object-fit:cover} #km90-mo .std-strip figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;color:#f0ebe0;background:linear-gradient(180deg,rgba(13,17,19,0) 0%,rgba(13,17,19,.86) 72%)} #km90-mo .std-strip .cn{font-family:var(--serif);font-size:15.5px;font-weight:600} #km90-mo .std-strip .ch{font-family:var(--en);font-size:12px;letter-spacing:.14em;color:var(--gold-br);margin-top:3px} #km90-mo .std-hint{margin-top:9px;font-size:11.8px;color:#8b8a80;text-align:center} #km90-mo #mo-membership{padding-bottom:30px} #km90-mo .km-ad{background:var(--ivory);padding:0 0 8px;text-align:center} #km90-mo .km-ad .inner{padding:0 22px} #km90-mo .km-ad img{width:100%;height:auto;box-shadow:0 16px 40px rgba(32,38,42,.18)} #km90-mo .km-ad .cap{margin-top:12px;font-family:var(--serif);font-size:11px;letter-spacing:.18em;color:#a5833f} .footer-section { background-color : #ffffff;; background-color : rgba(255,255,255,1); color : #3b3b3b;; color : rgba(59,59,59,1); font-size :12px; ; background-size : cover; background-repeat: no-repeat; background-position : ; text-align : center; padding-top : 30px; padding-bottom : 30px; } .doz_sys .footer-section a { color : #3b3b3b;; color : rgba(59,59,59,1) !important; } .doz_sys .footer-section .use_sub_name:hover>a>.plain_name:before { color : rgba(59,59,59,1); } .footer-section .custom-text { margin-top : 5px; margin-bottom: 10px; } .footer-section .custom-text .custom-text-info { font-size :12px; } .foot-main-nav { font-size :12px; } .foot-foot-nav { font-size :12px; } .foot-foot-nav .policy_menu, .foot-foot-nav .footer_menu { float : left; } .footer-section .site-brand { font-size :12px; margin-bottom : 0.8em; } .footer-section .copryright-area { font-size :12px; } .footer-section .nav.nav-stacked.footer-all-nav { display : inline-block; } .footer-section .nav.nav-stacked.footer-all-nav li { float : left; } .footer-section .nav.nav-stacked.footer-all-nav li a { padding : 3px 7.5px; font-size :12px; } .footer-section .nav.nav-stacked.footer-all-nav li a:hover { background : none; opacity : 1; } .nav-stacked > li + li { margin-top : 0; } .footer-section .foot-sociallink { display : inline-block; } .footer-section .foot-sociallink .btn-group { display : block; } .footer-section .foot-sociallink .btn-group .btn { background : none; font-size : 20px; border-radius : 0; border : none; border-color: transparent; padding : 0 12px; } .footer-section .foot-sociallink .btn-group .btn i { color : #3b3b3b;; color : rgba(59,59,59,1); } .footer-section .foot-sociallink .btn-group .btn i.icon_naver { font-family: "Arial Black", "AvenirNext-Heavy"; transform: translateY(-1px); font-style: normal; } .footer-section .foot-sociallink .btn-group .btn:hover { opacity : 0.7; color : inherit; } #doz_footer .footer-section .foot-app-menu { margin-top: 30px; display: inline-block; } #doz_footer .footer-section .foot-app-menu > div { float:left; margin: 2.5px; } #doz_footer .footer-section .foot-app-menu .btn { width: 195px; height: 60px; padding: 0 24px; color:#fff; } #doz_footer .footer-section .foot-app-menu .sm-txt { font-size: 11px; color: #999; letter-spacing: 0; } #doz_footer .footer-section .foot-app-menu .lg-txt { font-size: 15px; font-weight: bold; letter-spacing: 0; color: #fff; } @media (max-width : 992px) { .foot-main-nav, .foot-foot-nav, .footer-section .foot-sociallink { margin : 7px 0; } .footer-section { font-size : 14px; } .footer-section .footer-wrap { padding : 0; } .footer-section .foot-sociallink { position : inherit; order : 4; } .footer-section .nav.nav-stacked.footer-all-nav li, .foot-foot-nav .policy_menu, .foot-foot-nav .footer_menu { float : none; display : inline-block; } } @media (max-width:640px) { #doz_footer .footer-section .foot-app-menu { display: table; margin-top: 20px; width: 100%; } #doz_footer .footer-section .foot-app-menu .btn { width: 100%; padding: 0 10px; letter-spacing: 0; } #doz_footer .footer-section .foot-app-menu > div { float: none; margin: 0; display: table-cell; padding: 0 2.5px 0 0; width: 50%; } #doz_footer .footer-section .foot-app-menu > div.apple { padding: 0 0 0 2.5px; } #doz_footer .footer-section .foot-app-menu .lg-txt { font-size:14px; } } @media all and (min-width:320px) and (max-width:639px) { #doz_footer .footer-section .foot-app-menu .btn { padding: 0 8px; } } #doz_footer .footer-section .footer-company-info__item { display: inline-block; margin-right: 8px; } #doz_footer .footer-section .footer-company-info #footer-company-info-line { margin: 10px 0; }