/* 8개의 상세안내 페이지에서 공통 사용하는 기존 골드 카드 스타일 */

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f6f1;color:#19283d;font-family:'Noto Sans KR','Malgun Gothic',Arial,sans-serif;line-height:1.85;word-break:keep-all}
main{max-width:850px;margin:0 auto;padding:40px 28px 75px}.kicker{font-size:12px;letter-spacing:.18em;font-weight:800;color:#a37a34}h1{font-size:clamp(28px,4.5vw,40px);letter-spacing:-.045em;line-height:1.4;margin:13px 0 16px}.intro{font-size:17px;color:#465469;margin:0 0 27px}.info{background:#fff;border:1px solid #e4d5b8;border-radius:18px;padding:25px 28px;margin:17px 0;box-shadow:0 8px 28px rgba(20,30,43,.045)}h2{font-size:21px;line-height:1.45;letter-spacing:-.035em;margin:0 0 11px;color:#17263b}p{margin:0}.faq{margin-top:25px}.faq strong{color:#17263b}.faq p{margin:7px 0 16px}.call{display:block;text-align:center;background:linear-gradient(120deg,#d7b878,#b58a41);color:#151d29;text-decoration:none;font-weight:900;font-size:19px;padding:17px 20px;border-radius:13px;margin:27px 0 10px;box-shadow:0 10px 25px rgba(137,97,32,.18)}.fine{font-size:13px;color:#627083;text-align:center}.related{padding:20px 0;border-top:1px solid #ded3bd;margin-top:30px}.related h2{font-size:17px}.related a{display:inline-block;margin:4px 12px 4px 0;color:#42526a;text-decoration:underline;text-underline-offset:3px}a:focus-visible{outline:3px solid #bc8e3e;outline-offset:4px}@media(max-width:600px){main{padding:26px 16px 48px}.info{padding:20px 19px}h2{font-size:19px}}

/* JEJU premium CTA and related service links */
.call{display:flex!important;align-items:center;justify-content:center;gap:12px;min-height:68px;padding:18px 26px!important;margin:32px 0 12px!important;border:1px solid #e7ca87!important;border-radius:16px!important;background:linear-gradient(115deg,#f4dc9f 0%,#d3ab5c 45%,#ae8038 100%)!important;color:#182338!important;font-size:clamp(16px,3.2vw,20px)!important;font-weight:900!important;letter-spacing:-.035em;box-shadow:0 12px 26px rgba(116,81,31,.19),inset 0 1px rgba(255,255,255,.5)!important;text-decoration:none!important;transition:transform .2s,box-shadow .2s,filter .2s}
.call:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 18px 34px rgba(116,81,31,.27)!important}
.call:active{transform:translateY(0)}
.related{margin-top:38px!important;padding:27px 0 0!important;border-top:1px solid #dfd0b3!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.related h2{grid-column:1/-1;font-size:21px!important;margin:0 0 9px!important;color:#1a293f!important}
.related a{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:60px;margin:0!important;padding:14px 17px!important;border:1px solid #e2d4b9;border-radius:13px;background:linear-gradient(135deg,#fffefb,#f8f3e9);color:#23324a!important;font-weight:750;font-size:14px;line-height:1.45;text-decoration:none!important;box-shadow:0 5px 16px rgba(28,36,48,.045);transition:transform .2s,border-color .2s,box-shadow .2s}
.related a::after{content:'↗';flex:none;color:#aa803c;font-size:18px;font-weight:800}
.related a:hover{transform:translateY(-2px);border-color:#ba934e;box-shadow:0 9px 22px rgba(90,67,32,.13);background:#fffaf0}
@media(max-width:600px){.related{grid-template-columns:1fr}.related a{min-height:55px}.call{padding:15px 12px!important}}


/* Premium direct-call button — 2026-10 */
.call{position:relative;isolation:isolate;overflow:hidden;min-height:76px!important;border:1px solid #b58a40!important;border-radius:18px!important;background:linear-gradient(125deg,#fff0c7 0%,#e8c987 27%,#c99d50 60%,#a8762f 100%)!important;color:#192335!important;font-size:clamp(17px,3.3vw,21px)!important;font-weight:900!important;letter-spacing:-.045em;box-shadow:0 15px 35px rgba(112,78,29,.22),0 3px 8px rgba(112,78,29,.12),inset 0 2px 1px rgba(255,255,255,.65),inset 0 -2px 1px rgba(106,72,25,.15)!important;text-shadow:0 1px rgba(255,255,255,.3);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.call::before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,250,231,.48);border-radius:13px;pointer-events:none}
.call::after{content:"";position:absolute;top:-90%;left:-75%;width:55%;height:280%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);pointer-events:none;transition:left .5s ease}
.call:hover{transform:translateY(-3px)!important;filter:saturate(1.08);box-shadow:0 20px 38px rgba(112,78,29,.3),inset 0 2px 1px rgba(255,255,255,.7)!important}
.call:hover::after{left:125%}
.call:focus-visible{outline:3px solid #8a672e;outline-offset:4px}
@media(max-width:600px){.call{min-height:67px!important;border-radius:15px!important}.call::before{border-radius:10px}}


/* 좁은 화면에서 긴 단어/버튼 레이아웃 안정화 */
@media(max-width:380px){main{padding-inline:14px}.info{padding:18px 15px}.related a{overflow-wrap:anywhere}}