/* =========================
custom.css 최종 통합본
콜맵 index.php 전용 커스텀 스타일
========================= */

/* =========================
공통 변수
========================= */
:root{--cm-bg:#f5f7fb;--cm-bg2:#eef3ff;--cm-surface:#ffffff;--cm-surface2:#f9fbff;--cm-line:#e5ebf5;--cm-text:#172033;--cm-muted:#667085;--cm-primary:#2f6bff;--cm-primary2:#6ea8ff;--cm-navy:#0f172a;--cm-sky:#eaf2ff;--cm-gold:#d8a94b;--cm-orange:#ff7a18;--cm-green:#12b76a;--cm-shadow:0 18px 50px rgba(23,32,51,.10);--cm-shadow-hover:0 26px 60px rgba(23,32,51,.16);--cm-radius:24px;--cm-radius-sm:18px;}


/* =========================
고객센터 섹션
========================= */
.customer-support-section{padding:70px 0;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);}
.customer-support-section .contact-box{max-width:1100px;margin:0 auto;padding:34px 28px;border-radius:28px;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);box-shadow:0 20px 50px rgba(15,23,42,.22);color:#fff;text-align:center;}
.customer-support-section .contact-title h2{margin:0 0 6px;font-size:clamp(28px,3vw,42px);line-height:1.2;font-weight:900;letter-spacing:-.03em;color:#fff;}
.customer-support-section .contact-title h3{margin:0 0 22px;font-size:24px;line-height:1.2;font-weight:800;color:rgba(255,255,255,.88);}
.customer-support-section .contact-info{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.customer-support-section .info-item{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);font-size:15px;font-weight:700;line-height:1.4;}
.customer-support-section .info-item .icon{font-size:16px;color:#fff;}
.customer-support-section .info-item strong{color:#fff;}
.customer-support-section .info-item a{color:#fff;font-weight:900;text-decoration:none;}
.customer-support-section .info-item a:hover{text-decoration:underline;}
.customer-support-section .cta-button{margin-top:4px;}

/* =========================
콜맵 주목 대상 섹션
========================= */

.cm-focus-band{position:relative;padding:90px 20px;background:url('/html/images/resource/fluid-image-22.jpg') center center/cover no-repeat;overflow:hidden;}
.cm-focus-band:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,24,48,.78) 0%,rgba(16,54,104,.62) 45%,rgba(4,18,40,.82) 100%);}
.cm-focus-band__inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;}
.cm-focus-band__panel{max-width:760px;padding:42px 38px;border-radius:28px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 60px rgba(0,0,0,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .35s ease,box-shadow .35s ease,background .35s ease,border-color .35s ease;}
.cm-focus-band__panel:hover{transform:translateY(-8px);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);box-shadow:0 28px 70px rgba(0,0,0,.32);}
.cm-focus-band__title{margin:0 0 22px;}
.cm-focus-band__title span{display:inline-block;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);font-size:26px;line-height:1.4;font-weight:900;letter-spacing:-.03em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.28);}
.cm-focus-band__headline{margin:0 0 20px;padding:24px 26px;border-radius:22px;background:rgba(8,20,44,.34);border:1px solid rgba(255,255,255,.12);font-size:28px;line-height:1.55;font-weight:800;color:#f8fbff;letter-spacing:-.03em;text-shadow:0 2px 12px rgba(0,0,0,.32);word-break:keep-all;transition:background .35s ease,border-color .35s ease,transform .35s ease;}
.cm-focus-band__headline strong{display:inline-block;margin-top:8px;color:#ffffff;font-weight:900;text-shadow:0 3px 14px rgba(0,0,0,.36);}
.cm-focus-band__panel:hover .cm-focus-band__headline{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24);transform:translateY(-2px);}
.cm-focus-band__desc{display:grid;gap:10px;}
.cm-focus-band__desc p{margin:0;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:17px;line-height:1.8;font-weight:700;color:#f4f8ff;text-shadow:0 2px 8px rgba(0,0,0,.24);word-break:keep-all;transition:transform .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease;}
.cm-focus-band__desc p:hover{transform:translateX(6px);background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.22);box-shadow:0 12px 28px rgba(0,0,0,.18);}
@media (max-width:991px){.cm-focus-band{padding:72px 18px;}.cm-focus-band__panel{padding:34px 26px;}.cm-focus-band__title span{font-size:22px;}.cm-focus-band__headline{font-size:24px;padding:20px 22px;}.cm-focus-band__desc p{font-size:16px;}}
@media (max-width:767px){.cm-focus-band{padding:58px 14px;}.cm-focus-band__panel{padding:26px 18px;border-radius:22px;}.cm-focus-band__title span{font-size:18px;padding:8px 14px;}.cm-focus-band__headline{font-size:20px;line-height:1.6;padding:18px 16px;border-radius:18px;}.cm-focus-band__desc p{font-size:15px;line-height:1.7;padding:12px 14px;}}
.cm-focus-band__desc p{position:relative;padding:14px 18px 14px 46px;}
.cm-focus-band__desc p:before{content:"✓";position:absolute;left:16px;top:13px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.22);color:#fff;font-size:12px;font-weight:900;}



/* =========================
이벤트/가입혜택 섹션
========================= */
/* 이벤트/가입혜택 섹션 */
.cm-benefit-band{position:relative;padding:100px 20px;background:linear-gradient(135deg,#fff8f1 0%,#fff1e5 100%);overflow:hidden;}
.cm-benefit-band:before{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,61,.18) 0%,rgba(255,138,61,0) 72%);}
.cm-benefit-band:after{content:"";position:absolute;left:-120px;bottom:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,205,120,.16) 0%,rgba(255,205,120,0) 72%);}
.cm-benefit-band__inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;}
.cm-benefit-band__panel{position:relative;padding:64px 56px;border-radius:34px;overflow:hidden;background:linear-gradient(rgba(20,14,8,.58),rgba(20,14,8,.58)),url('/html/images/resource/fluid-image-2.jpg') center/cover no-repeat;box-shadow:0 28px 60px rgba(88,48,15,.18);text-align:center;transition:transform .35s ease,box-shadow .35s ease,background-size .45s ease;}
.cm-benefit-band__panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,168,76,.10) 0%,rgba(255,255,255,0) 45%,rgba(255,122,24,.08) 100%);pointer-events:none;}
.cm-benefit-band__panel:hover{transform:translateY(-8px);box-shadow:0 34px 70px rgba(88,48,15,.24);background-size:108%;}
.cm-benefit-band__title{position:relative;z-index:1;margin:0 0 20px;font-size:clamp(30px,3vw,46px);line-height:1.18;font-weight:900;letter-spacing:-.03em;color:#fff;text-shadow:0 8px 24px rgba(0,0,0,.24);}
.cm-benefit-band__title span{color:#ffd58a;}
.cm-benefit-band__headline{position:relative;z-index:1;max-width:860px;margin:0 auto 22px;font-size:clamp(22px,2.4vw,34px);line-height:1.55;font-weight:800;color:#fff;word-break:keep-all;text-shadow:0 6px 20px rgba(0,0,0,.22);}
.cm-benefit-band__headline strong{color:#fff3bf;font-weight:900;}
.cm-benefit-band__desc{position:relative;z-index:1;display:grid;gap:12px;max-width:760px;margin:0 auto 28px;}
.cm-benefit-band__desc p{margin:0;padding:15px 18px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:16px;line-height:1.7;font-weight:800;color:#fff;word-break:keep-all;text-shadow:0 2px 10px rgba(0,0,0,.18);transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;}
.cm-benefit-band__desc p:hover{transform:translateY(-3px);background:rgba(255,255,255,.20);border-color:rgba(255,255,255,.26);box-shadow:0 14px 26px rgba(0,0,0,.12);}
.cm-benefit-band__actions{position:relative;z-index:1;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
.cm-benefit-band__actions .btn-style-one{min-width:190px;min-height:56px;padding:0 26px;border-radius:999px;background:linear-gradient(135deg,#ff8a3d 0%,#ff6a00 100%);border:1px solid rgba(255,255,255,.12);color:#fff!important;font-size:15px;font-weight:900;box-shadow:0 18px 34px rgba(255,106,0,.28);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
.cm-benefit-band__actions .btn-style-one:hover{transform:translateY(-3px);background:linear-gradient(135deg,#ff9b57 0%,#ff7a1a 100%);box-shadow:0 24px 40px rgba(255,106,0,.34);color:#fff!important;}
.cm-benefit-band__actions .btn-style-two{min-width:190px;min-height:56px;padding:0 26px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);color:#fff!important;font-size:15px;font-weight:900;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 14px 28px rgba(0,0,0,.12);transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease;}
.cm-benefit-band__actions .btn-style-two:hover{transform:translateY(-3px);background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.34);box-shadow:0 20px 36px rgba(0,0,0,.16);color:#fff!important;}
@media (max-width:768px){.cm-benefit-band{padding:72px 16px;}.cm-benefit-band__panel{padding:36px 22px;border-radius:24px;}.cm-benefit-band__title{font-size:30px;}.cm-benefit-band__headline{font-size:22px;line-height:1.5;}.cm-benefit-band__desc p{font-size:15px;padding:13px 14px;}.cm-benefit-band__actions{flex-direction:column;}.cm-benefit-band__actions .btn-style-one,.cm-benefit-band__actions .btn-style-two{width:100%;min-width:0;}}

.cm-benefit-band__actions{position:relative;z-index:1;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
.cm-benefit-band__actions .btn-style-one,.cm-benefit-band__actions .btn-style-two{display:inline-flex;align-items:center;justify-content:center;min-width:190px;min-height:56px;padding:0 26px;line-height:1;text-align:center;}



/* =========================
서비스 상세 안내 섹션
========================= */
.cm-service-info{padding:90px 0;background:linear-gradient(180deg,#eef6ff 0%,#f7f2ff 100%);position:relative;overflow:hidden;}
.cm-service-info:before{content:"";position:absolute;top:-120px;right:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(120,119,255,.14) 0%,rgba(120,119,255,0) 70%);}
.cm-service-info:after{content:"";position:absolute;bottom:-140px;left:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(0,180,255,.10) 0%,rgba(0,180,255,0) 72%);}
.cm-service-info .auto-container{position:relative;z-index:2;}
.cm-service-info__head{text-align:center;max-width:860px;margin:0 auto 46px;}
.cm-service-info__eyebrow{display:inline-block;padding:7px 14px;border-radius:999px;background:#ffffff;color:#5b5bd6;font-size:12px;font-weight:800;letter-spacing:.12em;box-shadow:0 8px 22px rgba(91,91,214,.12);}
.cm-service-info__title{margin:16px 0 12px;font-size:clamp(28px,3.2vw,44px);line-height:1.2;font-weight:800;color:#172033;}
.cm-service-info__desc{margin:0;font-size:16px;line-height:1.75;color:#5a6475;word-break:keep-all;}
.cm-service-info__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch;}
.cm-service-box{position:relative;height:100%;padding:34px 28px 30px;border-radius:28px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);box-shadow:0 18px 50px rgba(31,50,81,.10);border:1px solid rgba(255,255,255,.7);transition:transform .35s ease,box-shadow .35s ease;}
.cm-service-box:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(31,50,81,.16);}
.cm-service-box__icon{width:62px;height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 0 18px;font-size:26px;background:linear-gradient(135deg,#5b7cff 0%,#7d5cff 100%);color:#fff;box-shadow:0 14px 30px rgba(91,124,255,.28);}
.cm-service-box__title{margin:0 0 18px;font-size:24px;line-height:1.3;font-weight:800;color:#182133;}
.cm-service-list{margin:0;padding:0;list-style:none;display:grid;gap:12px;}
.cm-service-list li{position:relative;padding:14px 16px 14px 44px;border-radius:16px;background:#f8fbff;color:#334155;font-size:15px;line-height:1.65;border:1px solid #e8eef8;word-break:keep-all;}
.cm-service-list li:before{content:"✓";position:absolute;left:16px;top:13px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#4f7cff;color:#fff;font-size:12px;font-weight:700;}
.cm-service-tip{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:15px 16px;border-radius:16px;background:linear-gradient(135deg,#fff6da 0%,#fffdf4 100%);border:1px solid #f7e7a4;color:#6b5a18;font-size:14px;line-height:1.6;}
.cm-service-tip i{font-size:18px;margin-top:2px;color:#e0a100;}
.cm-service-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;}
.cm-service-steps li{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px dashed #d7e0ef;}
.cm-service-steps li:last-child{border-bottom:0;padding-bottom:0;}
.cm-service-steps__num{flex:0 0 54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#16243f 0%,#2d4d88 100%);color:#fff;font-size:15px;font-weight:800;letter-spacing:.04em;box-shadow:0 10px 22px rgba(22,36,63,.22);}
.cm-service-steps__txt{display:flex;flex-direction:column;gap:5px;padding-top:4px;}
.cm-service-steps__txt b{font-size:16px;color:#1d2738;line-height:1.4;}
.cm-service-steps__txt small{font-size:14px;line-height:1.6;color:#6a7486;}
.cm-service-box--accent{background:linear-gradient(180deg,#1c2440 0%,#27345d 100%);border:0;box-shadow:0 20px 56px rgba(20,28,56,.24);}
.cm-service-box--accent .cm-service-box__title{color:#fff;}
.cm-service-box--accent .cm-service-box__text{margin:0 0 18px;font-size:15px;line-height:1.85;color:rgba(255,255,255,.88);word-break:keep-all;}
.cm-service-box--accent .cm-service-box__icon{background:linear-gradient(135deg,#22c1ff 0%,#6f7bff 100%);box-shadow:0 14px 30px rgba(34,193,255,.22);}
.cm-service-points{display:grid;gap:10px;margin:0 0 22px;}
.cm-service-points span{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font-size:14px;line-height:1.5;border:1px solid rgba(255,255,255,.10);}
.cm-service-points i{color:#7ee0ff;font-size:15px;}
.cm-service-miniCtas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.cm-service-miniBtn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 12px;border-radius:14px;background:#fff;color:#1d2c4f;text-decoration:none;font-size:14px;font-weight:700;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease;}
.cm-service-miniBtn:hover{transform:translateY(-3px);background:#7ee0ff;color:#10213b;box-shadow:0 12px 24px rgba(126,224,255,.28);text-decoration:none;}

/* =========================
상품 가격 안내 공통
========================= */
.cm-price-intro{position:relative;padding:90px 0 46px;background:radial-gradient(circle at top left,#f7fbff 0%,#f2f6ff 35%,#f7f9fc 100%);overflow:hidden;}
.cm-price-intro:before{content:"";position:absolute;inset:-120px auto auto -120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(47,107,255,.12) 0%,rgba(47,107,255,0) 70%);pointer-events:none;}
.cm-price-intro:after{content:"";position:absolute;right:-140px;bottom:-140px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,24,.10) 0%,rgba(255,122,24,0) 70%);pointer-events:none;}
.cm-price-intro .auto-container{position:relative;z-index:1;}
.cm-price-section{position:relative;padding:84px 0;overflow:hidden;}
.cm-price-section .auto-container{position:relative;z-index:1;}
.cm-price-section--map{background:linear-gradient(180deg,#f7fbff 0%,#eef5ff 100%);}
.cm-price-section--seo{background:linear-gradient(180deg,#f8fbf8 0%,#eef8f0 100%);}
.cm-price-section--blog{background:linear-gradient(180deg,#fffaf5 0%,#fff4ea 100%);}
.cm-price-section--note{background:linear-gradient(180deg,#f7f8fc 0%,#eef1f7 100%);padding-top:48px;padding-bottom:90px;}
.cm-price-hero{text-align:center;margin:0 auto 34px;max-width:900px;}
.cm-price-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(47,107,255,.14);border-radius:999px;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);font-size:13px;font-weight:800;letter-spacing:.02em;color:var(--cm-primary);}
.cm-price-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--cm-primary),var(--cm-primary2));box-shadow:0 0 0 6px rgba(47,107,255,.10);}
.cm-price-title{margin:18px 0 14px;font-size:clamp(34px,4vw,54px);line-height:1.12;font-weight:900;letter-spacing:-.03em;color:var(--cm-navy);}
.cm-price-title .accent{background:linear-gradient(135deg,var(--cm-primary),var(--cm-orange));-webkit-background-clip:text;background-clip:text;color:transparent;}
.cm-price-sub{margin:0 auto;font-size:17px;line-height:1.8;color:var(--cm-muted);max-width:760px;word-break:keep-all;}
.cm-price-headbar{text-align:center;margin:36px 0 0;padding:18px 22px;border:1px solid rgba(47,107,255,.08);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 8px 24px rgba(23,32,51,.06);backdrop-filter:blur(14px);}
.cm-price-headbar__inner{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;width:100%;text-align:center;}
.cm-price-headbar h2{margin:0;font-size:28px;line-height:1.2;font-weight:900;color:var(--cm-navy);letter-spacing:-.02em;text-align:center;}
.cm-price-vat{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#edf4ff,#fff7ef);border:1px solid rgba(47,107,255,.10);font-size:14px;font-weight:800;color:#334155;text-align:center;}
.cm-price-vat b{color:var(--cm-orange);}
.cm-sec-head{text-align:center;max-width:860px;margin:0 auto 34px;}
.cm-sec-kicker{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid rgba(47,107,255,.10);font-size:12px;font-weight:900;letter-spacing:.08em;color:var(--cm-primary);}
.cm-sec-head h2{margin:14px 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.2;font-weight:900;color:var(--cm-navy);}
.cm-sec-head p{margin:0;font-size:16px;line-height:1.8;color:var(--cm-muted);word-break:keep-all;}
.cm-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;}
.cm-price-grid--single{grid-template-columns:minmax(0,980px);justify-content:center;}

/* =========================
상품 카드 공통
========================= */
.cm-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:28px;border:1px solid var(--cm-line);border-radius:var(--cm-radius);background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);box-shadow:var(--cm-shadow);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease,color .28s ease;}
.cm-card:hover{transform:translateY(-8px);box-shadow:var(--cm-shadow-hover);border-color:rgba(47,107,255,.18);}
.cm-card.is-best{background:linear-gradient(180deg,#fffdf8 0%,#ffffff 100%);border-color:rgba(216,169,75,.26);}
.cm-card.is-best:before{content:"BEST";position:absolute;top:18px;right:18px;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#1c2434,#3e4c69);font-size:11px;font-weight:900;letter-spacing:.12em;color:#fff;box-shadow:0 10px 24px rgba(15,23,42,.18);}
.cm-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px;}
.cm-card-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#eef4ff;border:1px solid rgba(47,107,255,.10);font-size:13px;font-weight:900;color:var(--cm-primary);}
.cm-card-badge i{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(47,107,255,.10);font-style:normal;font-size:12px;color:var(--cm-primary);}
.cm-card-title{margin:0 0 10px;font-size:30px;line-height:1.18;font-weight:900;letter-spacing:-.025em;color:var(--cm-navy);}
.cm-card-desc{margin:0 0 20px;font-size:15px;line-height:1.8;color:var(--cm-muted);word-break:keep-all;}
.cm-card-price{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,#f7faff,#fdfefe);border:1px solid rgba(47,107,255,.08);}
.cm-card-price .num{font-size:34px;line-height:1;font-weight:900;letter-spacing:-.03em;color:var(--cm-navy);}
.cm-card-price .per{font-size:14px;line-height:1.5;font-weight:700;color:var(--cm-muted);}
.cm-card-cond{margin:0 0 18px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#fff8ef,#fffdf8);border:1px solid rgba(255,122,24,.12);font-size:14px;line-height:1.75;color:#6a4b19;word-break:keep-all;}
.cm-card-cond b{color:#b45309;}
.cm-card-features{display:grid;gap:11px;margin:0 0 20px;padding:0;list-style:none;}
.cm-card-features li{position:relative;padding-left:32px;font-size:15px;line-height:1.7;color:var(--cm-text);word-break:keep-all;overflow:visible;}
.cm-card-features li:before{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--cm-primary),var(--cm-primary2));box-shadow:0 8px 16px rgba(47,107,255,.22);display:block;}
.cm-card-features li:after{content:"✓";position:absolute;left:5px;top:3px;font-size:12px;font-weight:900;color:#fff;line-height:1;display:block;}
.cm-card-prep{margin-top:auto;padding:18px;border-radius:18px;background:#f8fbff;border:1px dashed rgba(47,107,255,.18);font-size:14px;line-height:1.8;color:#334155;word-break:keep-all;}
.cm-card-prep b{display:inline-block;margin-bottom:4px;color:var(--cm-navy);}
.cm-card-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}
.cm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:152px;padding:15px 20px;border-radius:16px;text-decoration:none;font-size:15px;font-weight:900;letter-spacing:-.01em;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease,border-color .25s ease;}
.cm-btn:hover{transform:translateY(-2px);text-decoration:none;}
.cm-btn--primary{background:linear-gradient(135deg,var(--cm-primary),#4f86ff);color:#fff;box-shadow:0 16px 30px rgba(47,107,255,.24);}
.cm-btn--primary:hover{box-shadow:0 20px 36px rgba(47,107,255,.30);color:#fff;}
.cm-btn--ghost{background:#fff;color:var(--cm-navy);border:1px solid var(--cm-line);}
.cm-btn--ghost:hover{border-color:rgba(47,107,255,.18);box-shadow:0 10px 24px rgba(23,32,51,.08);color:var(--cm-navy);}
.cm-card-meta{margin-top:16px;font-size:13px;line-height:1.7;color:var(--cm-muted);word-break:keep-all;}
.cm-price-note{margin:0 auto;padding:22px 24px;border-radius:22px;background:linear-gradient(135deg,#ffffff,#f8fbff);border:1px solid rgba(47,107,255,.08);box-shadow:0 10px 30px rgba(23,32,51,.05);font-size:14px;line-height:1.9;color:#475467;word-break:keep-all;max-width:1100px;}
.cm-price-note b{color:var(--cm-navy);}
.cm-card:hover{background:linear-gradient(180deg,#0f3268 0%,#123b78 100%)!important;border-color:#1f4f98!important;box-shadow:0 26px 60px rgba(15,35,70,.28)!important;}
.cm-card:hover .cm-card-title{color:#ffffff!important;}
.cm-card:hover .cm-card-desc{color:rgba(255,255,255,.82)!important;}
.cm-card:hover .cm-card-features li{color:#ffffff!important;}
.cm-card:hover .cm-card-features li:before{background:linear-gradient(135deg,#60a5fa,#3b82f6)!important;}
.cm-card:hover .cm-card-features li:after{color:#ffffff!important;}
.cm-card:hover .cm-card-prep{background:rgba(255,255,255,.96)!important;color:#1f2937!important;border:1px solid rgba(255,255,255,.22)!important;}
.cm-card:hover .cm-card-prep b{color:#0f172a!important;}
.cm-card:hover .cm-card-meta{color:rgba(255,255,255,.68)!important;}
.cm-card:hover .cm-card-badge{background:rgba(255,255,255,.14)!important;color:#ffffff!important;border-color:rgba(255,255,255,.16)!important;}
.cm-card:hover .cm-card-badge i{background:#ffffff!important;color:#2563eb!important;}
.cm-card:hover .cm-card-price{background:#ffffff!important;border:1px solid rgba(255,255,255,.16)!important;}
.cm-card:hover .cm-card-price .num{color:#111827!important;}
.cm-card:hover .cm-card-price .per{color:#6b7280!important;}
.cm-card:hover .cm-btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#ffffff!important;box-shadow:0 16px 30px rgba(37,99,235,.32)!important;}
.cm-card:hover .cm-btn--ghost{background:#ffffff!important;color:#0f172a!important;border-color:#dbe5f3!important;}

/* =========================
블로그 연동 상품
========================= */
.cm-card--blog{overflow:hidden;}
.cm-blog-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 20px;}
.cm-blog-pack{position:relative;display:flex;flex-direction:column;min-width:0;padding:22px 18px;border-radius:22px;border:1px solid var(--cm-line);background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);box-shadow:0 12px 28px rgba(23,32,51,.06);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease;}
.cm-blog-pack:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(23,32,51,.14);}
.cm-blog-pack__top{margin:0 0 14px;}
.cm-blog-pack__label{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.08em;border:1px solid transparent;}
.cm-blog-pack__title{margin:14px 0 8px;font-size:26px;line-height:1.2;font-weight:900;letter-spacing:-.02em;color:var(--cm-navy);word-break:keep-all;}
.cm-blog-pack__price{font-size:30px;line-height:1.15;font-weight:900;letter-spacing:-.03em;color:var(--cm-navy);word-break:keep-all;overflow-wrap:anywhere;}
.cm-blog-pack__vat{margin-top:8px;font-size:14px;line-height:1.5;font-weight:800;color:var(--cm-muted);}
.cm-blog-pack__desc{margin:0 0 16px;font-size:14px;line-height:1.8;color:var(--cm-muted);word-break:keep-all;}
.cm-blog-pack__list{display:grid;gap:10px;list-style:none;margin:0;padding:0;}
.cm-blog-pack__list li{position:relative;padding-left:28px;font-size:14px;line-height:1.7;color:var(--cm-text);word-break:keep-all;}
.cm-blog-pack__list li:before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;box-shadow:0 8px 16px rgba(47,107,255,.18);}
.cm-blog-pack__list li:after{content:"✓";position:absolute;left:5px;top:2px;font-size:11px;font-weight:900;color:#fff;}
.cm-blog-pack__actions{margin-top:auto;padding-top:18px;}
.cm-blog-pack__actions .cm-btn{width:100%;min-width:0;}
.cm-blog-pack--start{background:linear-gradient(180deg,#ffffff 0%,#f6faff 100%);}
.cm-blog-pack--start .cm-blog-pack__label{background:#edf4ff;border-color:rgba(47,107,255,.10);color:var(--cm-primary);}
.cm-blog-pack--start .cm-blog-pack__list li:before{background:linear-gradient(135deg,#2f6bff,#6ea8ff);}
.cm-blog-pack--start:hover{background:linear-gradient(180deg,#2f6bff 0%,#4f86ff 100%);border-color:#2f6bff;}
.cm-blog-pack--start:hover .cm-blog-pack__title,.cm-blog-pack--start:hover .cm-blog-pack__price,.cm-blog-pack--start:hover .cm-blog-pack__vat,.cm-blog-pack--start:hover .cm-blog-pack__desc,.cm-blog-pack--start:hover .cm-blog-pack__list li{color:#fff;}
.cm-blog-pack--start:hover .cm-blog-pack__label{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.18);}
.cm-blog-pack--start:hover .cm-blog-pack__list li:before{background:linear-gradient(135deg,#ffffff,#dbeafe);}
.cm-blog-pack--start:hover .cm-blog-pack__list li:after{color:#2563eb;}
.cm-blog-pack--start:hover .cm-btn--primary{background:#fff;color:#1d4ed8;box-shadow:0 16px 30px rgba(255,255,255,.18);}
.cm-blog-pack--grow{background:linear-gradient(180deg,#ffffff 0%,#f6fcf9 100%);border-color:rgba(18,183,106,.16);}
.cm-blog-pack--grow .cm-blog-pack__label{background:#ecfdf3;border-color:rgba(18,183,106,.14);color:var(--cm-green);}
.cm-blog-pack--grow .cm-blog-pack__list li:before{background:linear-gradient(135deg,#12b76a,#34d399);}
.cm-blog-pack--grow:hover{background:linear-gradient(180deg,#0f8f57 0%,#12b76a 100%);border-color:#12b76a;}
.cm-blog-pack--grow:hover .cm-blog-pack__title,.cm-blog-pack--grow:hover .cm-blog-pack__price,.cm-blog-pack--grow:hover .cm-blog-pack__vat,.cm-blog-pack--grow:hover .cm-blog-pack__desc,.cm-blog-pack--grow:hover .cm-blog-pack__list li{color:#fff;}
.cm-blog-pack--grow:hover .cm-blog-pack__label{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.18);}
.cm-blog-pack--grow:hover .cm-blog-pack__list li:before{background:linear-gradient(135deg,#ffffff,#dcfce7);}
.cm-blog-pack--grow:hover .cm-blog-pack__list li:after{color:#059669;}
.cm-blog-pack--grow:hover .cm-btn--primary{background:#fff;color:#047857;box-shadow:0 16px 30px rgba(255,255,255,.18);}
.cm-blog-pack--expand{background:linear-gradient(180deg,#ffffff 0%,#fff9f3 100%);border-color:rgba(216,169,75,.18);}
.cm-blog-pack--expand .cm-blog-pack__label{background:#fff7e8;border-color:rgba(216,169,75,.16);color:#b7791f;}
.cm-blog-pack--expand .cm-blog-pack__list li:before{background:linear-gradient(135deg,#d8a94b,#ffb347);}
.cm-blog-pack--expand:hover{background:linear-gradient(180deg,#0f172a 0%,#1e293b 100%);border-color:#1e293b;}
.cm-blog-pack--expand:hover .cm-blog-pack__title,.cm-blog-pack--expand:hover .cm-blog-pack__price,.cm-blog-pack--expand:hover .cm-blog-pack__vat,.cm-blog-pack--expand:hover .cm-blog-pack__desc,.cm-blog-pack--expand:hover .cm-blog-pack__list li{color:#fff;}
.cm-blog-pack--expand:hover .cm-blog-pack__label{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.18);}
.cm-blog-pack--expand:hover .cm-blog-pack__list li:before{background:linear-gradient(135deg,#ffffff,#fde68a);}
.cm-blog-pack--expand:hover .cm-blog-pack__list li:after{color:#b45309;}
.cm-blog-pack--expand:hover .cm-btn--primary{background:#fff;color:#0f172a;box-shadow:0 16px 30px rgba(255,255,255,.18);}

/* =========================
행사기간 특가 프로모션 섹션
========================= */
.cm-promo{position:relative;padding:90px 0;background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);overflow:hidden;}
.cm-promo:before{content:"";position:absolute;left:-140px;top:-140px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(47,107,255,.10) 0%,rgba(47,107,255,0) 72%);}
.cm-promo:after{content:"";position:absolute;right:-140px;bottom:-140px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,24,.10) 0%,rgba(255,122,24,0) 72%);}
.cm-promo__inner{position:relative;z-index:1;}
.cm-promo__hero{text-align:center;max-width:980px;margin:0 auto 34px;}
.cm-promo__badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#fff0d8,#fffaf0);border:1px solid rgba(255,170,0,.16);font-size:13px;font-weight:900;color:#b76a00;box-shadow:0 10px 20px rgba(183,106,0,.08);}
.cm-promo__badge i{font-size:14px;color:#ff9900;}
.cm-promo__title{margin:18px 0 12px;font-size:clamp(32px,3.2vw,48px);line-height:1.2;font-weight:900;letter-spacing:-.03em;color:var(--cm-navy);}
.cm-promo__sub{margin:0 auto;max-width:760px;font-size:17px;line-height:1.85;color:var(--cm-muted);word-break:keep-all;}
.cm-promo__cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0 22px;}
.cm-promo__cta .cm-btn--primary{background:linear-gradient(135deg,#2f6bff 0%,#4f86ff 100%)!important;color:#fff!important;border-color:transparent!important;}
.cm-promo__cta .cm-btn--primary span,.cm-promo__cta .cm-btn--primary i{color:#fff!important;}
.cm-promo__contacts{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
.cm-contact{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.78);border:1px solid rgba(47,107,255,.08);box-shadow:0 10px 24px rgba(23,32,51,.05);text-decoration:none;transition:.25s ease;}
.cm-contact i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:#eef4ff;color:var(--cm-primary);font-size:16px;flex:0 0 36px;}
.cm-contact span{display:block;font-size:12px;font-weight:800;color:#64748b;line-height:1.2;}
.cm-contact b{display:block;font-size:15px;font-weight:900;color:#172033;line-height:1.3;}
.cm-contact:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(23,32,51,.10);text-decoration:none;}
.cm-promo__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:stretch;}
.cm-card--media,.cm-card--gallery{height:100%;}
.cm-media{margin:0;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:20px;background:#fff;}
.cm-media img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover;}
.cm-media figcaption{padding:14px 16px;font-size:14px;font-weight:800;line-height:1.6;color:#334155;background:#f8fbff;border-top:1px solid #e8eef8;}
.cm-card__title{margin:0 0 18px;font-size:24px;line-height:1.3;font-weight:900;color:#182133;letter-spacing:-.02em;}
.cm-card__title i{margin-right:8px;color:var(--cm-primary);}
.cm-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.cm-gal__item{margin:0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #e8eef8;box-shadow:0 8px 20px rgba(23,32,51,.05);}
.cm-gal__item img{display:block;width:100%;height:220px;object-fit:cover;}
.cm-gal__item figcaption{display:flex;flex-direction:column;gap:4px;padding:14px 14px 16px;background:#fff;}
.cm-gal__item figcaption b{font-size:15px;line-height:1.35;font-weight:900;color:#172033;}
.cm-gal__item figcaption span{font-size:13px;line-height:1.6;color:#64748b;word-break:keep-all;}

/* =========================
홈페이지 제작 가격 lp4
========================= */
.lp4{--lp4-max:1360px;--lp4-ink:#1f3814;--lp4-text:#465243;--lp4-muted:#5e6b5a;--lp4-line:#e3ecde;--lp4-bg:#f6fbf2;--lp4-bg2:#ffffff;--lp4-green:#2f6b18;--lp4-green2:#4a8517;--lp4-green3:#78b83a;--lp4-navy:#234a7a;--lp4-orange:#d17824;--lp4-purple:#7a3db2;--lp4-shadow:0 12px 30px rgba(25,52,13,.06);--lp4-shadow2:0 22px 34px rgba(25,52,13,.14);position:relative;background:linear-gradient(180deg,#fcfefb 0%,#f3f9ee 100%);color:var(--lp4-text);overflow:hidden;}
.lp4 *{box-sizing:border-box;}
.lp4 img{max-width:100%;display:block;height:auto;}
.lp4 a{text-decoration:none;}
.lp4 .lp4-container{width:100%;max-width:var(--lp4-max);margin:0 auto;padding:0 24px;}
.lp4 .lp4-sec{padding:90px 0;}
.lp4 .lp4-head{text-align:center;max-width:980px;margin:0 auto 48px;}
.lp4 .lp4-head .kicker{display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;border-radius:999px;background:#e8f4df;color:var(--lp4-green);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 18px rgba(47,107,24,.08);}
.lp4 .lp4-head h2{margin:16px 0 14px;font-size:clamp(30px,3vw,54px);line-height:1.15;font-weight:900;color:var(--lp4-ink);letter-spacing:-.04em;}
.lp4 .lp4-head h2 .accent{display:block;background:linear-gradient(135deg,var(--lp4-green2) 0%,var(--lp4-navy) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.lp4 .lp4-head p{margin:0;font-size:clamp(15px,1.05vw,19px);line-height:1.9;color:var(--lp4-muted);font-weight:700;}
.lp4 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 26px;border-radius:999px;font-size:15px;font-weight:900;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease,color .25s ease;}
.lp4 .btn i{font-size:15px;line-height:1;}
.lp4 .btn:hover{transform:translateY(-2px);}
.lp4 .btn-primary{background:linear-gradient(135deg,#2f6b18 0%,#4a8517 55%,#78b83a 100%);color:#fff;box-shadow:0 16px 28px rgba(47,107,24,.22);}
.lp4 .btn-primary:hover{box-shadow:0 20px 34px rgba(47,107,24,.28);color:#fff;}
.lp4 .btn-outline{background:#fff;border:1px solid #d8e4d2;color:#2d5f18;box-shadow:0 10px 20px rgba(47,107,24,.06);}
.lp4 .btn-outline:hover{background:#eef8e8;border-color:#b8d3a8;color:#244b14;box-shadow:0 14px 24px rgba(47,107,24,.12);}
.lp4 .hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#17340d 0%,#3e7b1f 55%,#78b83a 100%);color:#fff;}
.lp4 .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 28%),radial-gradient(circle at 82% 76%,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 24%);}
.lp4 .hero .lp4-sec{position:relative;z-index:1;padding:110px 0 94px;}
.lp4 .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;}
.lp4 .hero-copy .eyebrow{display:inline-flex;align-items:center;padding:10px 15px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#efffe5;}
.lp4 .hero-copy h1{margin:20px 0 16px;font-size:clamp(36px,4vw,64px);line-height:1.08;font-weight:900;letter-spacing:-.05em;color:#fff;}
.lp4 .hero-copy h1 strong{display:block;color:#f5ffbf;font-weight:900;}
.lp4 .hero-copy .lead{margin:0;font-size:clamp(16px,1.12vw,20px);line-height:1.9;color:rgba(255,255,255,.96);font-weight:700;}
.lp4 .hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.lp4 .hero-badges span{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:13px;font-weight:800;color:#fff;}
.lp4 .hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.lp4 .hero-side{display:grid;gap:14px;}
.lp4 .hero-mini{position:relative;padding:22px 20px;border-radius:24px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 18px 40px rgba(0,0,0,.16);overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,background .28s ease;}
.lp4 .hero-mini:hover{transform:translateY(-6px);box-shadow:0 22px 34px rgba(0,0,0,.22);background:rgba(255,255,255,.17);}
.lp4 .hero-mini:before{content:"";position:absolute;right:-18px;top:-18px;width:110px;height:110px;border-radius:50%;opacity:.18;pointer-events:none;}
.lp4 .hero-mini:nth-child(1):before{background:radial-gradient(circle at center,rgba(120,184,58,.55) 0%,rgba(120,184,58,0) 70%);}
.lp4 .hero-mini:nth-child(2):before{background:radial-gradient(circle at center,rgba(47,111,180,.45) 0%,rgba(47,111,180,0) 70%);}
.lp4 .hero-mini:nth-child(3):before{background:radial-gradient(circle at center,rgba(209,120,36,.42) 0%,rgba(209,120,36,0) 70%);}
.lp4 .hero-mini-top{display:flex;align-items:center;gap:12px;margin-bottom:12px;position:relative;z-index:1;}
.lp4 .hero-mini-ico{flex:0 0 52px;width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);}
.lp4 .hero-mini:nth-child(1) .hero-mini-ico{background:linear-gradient(135deg,rgba(223,240,210,.28) 0%,rgba(120,184,58,.32) 100%);color:#f2ffe8;}
.lp4 .hero-mini:nth-child(2) .hero-mini-ico{background:linear-gradient(135deg,rgba(219,234,252,.24) 0%,rgba(47,111,180,.34) 100%);color:#eef6ff;}
.lp4 .hero-mini:nth-child(3) .hero-mini-ico{background:linear-gradient(135deg,rgba(253,228,203,.22) 0%,rgba(209,120,36,.34) 100%);color:#fff3ea;}
.lp4 .hero-mini h3{margin:0;font-size:22px;line-height:1.2;font-weight:900;color:#fff;letter-spacing:-.02em;}
.lp4 .hero-mini .sub{margin:0;font-size:13px;line-height:1.55;color:rgba(255,255,255,.82);font-weight:800;}
.lp4 .hero-mini p{margin:0;position:relative;z-index:1;font-size:14px;line-height:1.8;color:rgba(255,255,255,.96);font-weight:700;}
.lp4 .support-wrap{margin-top:28px;padding:30px;border-radius:24px;background:linear-gradient(180deg,#f9fdf7 0%,#eef7e9 100%);border:1px solid #e0edd8;}
.lp4 .support-title{margin:0 0 18px;font-size:28px;font-weight:900;color:#244118;text-align:center;}
.lp4 .support-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.lp4 .support-item{padding:20px 16px;border-radius:18px;background:#fff;border:1px solid #e1ebdb;text-align:center;box-shadow:0 8px 18px rgba(25,52,13,.05);transition:transform .28s ease,box-shadow .28s ease,background .28s ease,border-color .28s ease,color .28s ease;}
.lp4 .support-item:hover{transform:translateY(-6px);box-shadow:var(--lp4-shadow2);color:#fff;}
.lp4 .support-item:nth-child(1):hover{background:linear-gradient(135deg,#4a8517 0%,#7dbe3f 100%);border-color:#6bac31;}
.lp4 .support-item:nth-child(2):hover{background:linear-gradient(135deg,#2f6fb4 0%,#62a6ea 100%);border-color:#4c90d9;}
.lp4 .support-item:nth-child(3):hover{background:linear-gradient(135deg,#d1731f 0%,#f0a24f 100%);border-color:#e18d35;}
.lp4 .support-item:nth-child(4):hover{background:linear-gradient(135deg,#7a3db2 0%,#a56be1 100%);border-color:#9457d1;}
.lp4 .support-ico{width:56px;height:56px;margin:0 auto 12px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4faef 0%,#e8f4df 100%);color:var(--lp4-green);font-size:24px;box-shadow:inset 0 0 0 1px #dcebd3;transition:.25s;}
.lp4 .support-item:hover .support-ico{background:rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);}
.lp4 .support-item b{display:block;font-size:15px;line-height:1.4;font-weight:900;}
.lp4 .feature-grid,.lp4 .lp4-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;}
.lp4 .feature-box,.lp4 .lp4-package-card{background:#fff;border:1px solid var(--lp4-line);box-shadow:var(--lp4-shadow);transition:transform .28s ease,box-shadow .28s ease,background .28s ease,border-color .28s ease;}
.lp4 .feature-box:hover,.lp4 .lp4-package-card:hover{transform:translateY(-6px);box-shadow:var(--lp4-shadow2);}
.lp4 .feature-grid .feature-box{position:relative;padding:26px 18px;border-radius:20px;text-align:center;background:#fff!important;border:1px solid var(--lp4-line);box-shadow:var(--lp4-shadow);transition:transform .28s ease,box-shadow .28s ease,background .28s ease,border-color .28s ease,color .28s ease;}
.lp4 .feature-grid .feature-box h4{margin:0 0 9px;font-size:22px;color:#26461a;font-weight:900;transition:color .28s ease;}
.lp4 .feature-grid .feature-box p{margin:0;font-size:14px;line-height:1.8;color:#5a6757;font-weight:700;transition:color .28s ease;}
.lp4 .feature-grid .feature-box:hover{transform:translateY(-6px);box-shadow:var(--lp4-shadow2);}
.lp4 .feature-grid .feature-box:nth-child(1):hover{background:linear-gradient(135deg,#4a8517 0%,#78b83a 100%)!important;border-color:#6cab36!important;}
.lp4 .feature-grid .feature-box:nth-child(1):hover h4{color:#fff!important;}
.lp4 .feature-grid .feature-box:nth-child(1):hover p{color:rgba(255,255,255,.92)!important;}
.lp4 .feature-grid .feature-box:nth-child(2):hover{background:linear-gradient(135deg,#234a7a 0%,#2f6fb4 100%)!important;border-color:#4f8fcb!important;}
.lp4 .feature-grid .feature-box:nth-child(2):hover h4{color:#fff!important;}
.lp4 .feature-grid .feature-box:nth-child(2):hover p{color:rgba(255,255,255,.92)!important;}
.lp4 .feature-grid .feature-box:nth-child(3):hover{background:linear-gradient(135deg,#d17824 0%,#f2af63 100%)!important;border-color:#e19947!important;}
.lp4 .feature-grid .feature-box:nth-child(3):hover h4{color:#fff!important;}
.lp4 .feature-grid .feature-box:nth-child(3):hover p{color:rgba(255,255,255,.95)!important;}
.lp4 .lp4-package-card{position:relative;display:flex;flex-direction:column;height:100%;border-radius:24px;padding:30px 22px;overflow:hidden;isolation:isolate;}
.lp4 .lp4-package-card:after{content:"";position:absolute;right:-22px;top:-22px;width:148px;height:148px;border-radius:50%;opacity:.16;z-index:0;pointer-events:none;}
.lp4 .lp4-package-card:before{content:"";position:absolute;inset:0;border-radius:24px;pointer-events:none;z-index:0;}
.lp4 .lp4-package-card>*{position:relative;z-index:1;}
.lp4 .lp4-package-card--start:after{background:radial-gradient(circle at center,rgba(120,184,58,.38) 0%,rgba(120,184,58,0) 68%);}
.lp4 .lp4-package-card--grow{border-color:#d6e3f4;}
.lp4 .lp4-package-card--grow:after{background:radial-gradient(circle at center,rgba(47,111,180,.32) 0%,rgba(47,111,180,0) 68%);}
.lp4 .lp4-package-card--grow:before{box-shadow:inset 0 0 0 2px rgba(47,111,180,.10);}
.lp4 .lp4-package-card--grow:hover:before{box-shadow:inset 0 0 0 2px rgba(47,111,180,.20);}
.lp4 .lp4-package-card--premium{border-color:#eadccf;}
.lp4 .lp4-package-card--premium:after{background:radial-gradient(circle at center,rgba(209,120,36,.30) 0%,rgba(209,120,36,0) 68%);}
.lp4 .lp4-package-top{margin:0 0 16px;min-height:158px;}
.lp4 .lp4-package-card--grow .lp4-package-top,.lp4 .lp4-package-card--premium .lp4-package-top{padding-right:96px;}
.lp4 .lp4-package-icon{width:60px;height:60px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:26px;box-shadow:0 10px 20px rgba(25,52,13,.08);}
.lp4 .lp4-package-card--start .lp4-package-icon{background:linear-gradient(135deg,#edf8e7 0%,#dff0d2 100%);color:#2f6b18;}
.lp4 .lp4-package-card--grow .lp4-package-icon{background:linear-gradient(135deg,#eef6ff 0%,#dbeafc 100%);color:#2f6fb4;}
.lp4 .lp4-package-card--premium .lp4-package-icon{background:linear-gradient(135deg,#fff4ea 0%,#fde4cb 100%);color:#d17824;}
.lp4 .lp4-watermark{position:absolute;right:20px;top:26px;font-size:64px;line-height:1;color:rgba(31,56,20,.06);z-index:0;pointer-events:none;}
.lp4 .lp4-package-card--grow .lp4-watermark{color:rgba(47,111,180,.08);}
.lp4 .lp4-package-card--premium .lp4-watermark{color:rgba(209,120,36,.08);}
.lp4 .lp4-package-label,.lp4 .lp4-package-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.08em;}
.lp4 .lp4-package-label{padding:8px 12px;}
.lp4 .lp4-package-badge{position:absolute;top:18px;right:18px;min-height:34px;padding:0 12px;letter-spacing:.06em;z-index:3;box-shadow:0 10px 22px rgba(25,52,13,.14);}
.lp4 .lp4-package-badge--best{background:linear-gradient(135deg,#2f6fb4 0%,#69b2f1 100%);color:#fff;}
.lp4 .lp4-package-badge--premium{background:linear-gradient(135deg,#d17824 0%,#f2af63 100%);color:#fff;}
.lp4 .lp4-package-card h3{margin:14px 0 10px;font-size:28px;line-height:1.2;font-weight:900;color:#244118;letter-spacing:-.03em;}
.lp4 .lp4-package-price{font-size:34px;line-height:1.1;font-weight:900;letter-spacing:-.03em;word-break:keep-all;overflow-wrap:anywhere;}
.lp4 .lp4-package-sub{margin-top:8px;font-size:14px;line-height:1.6;font-weight:800;color:#5b6757;word-break:keep-all;min-height:45px;}
.lp4 .lp4-package-desc{margin:0 0 18px;font-size:15px;line-height:1.85;color:#556154;font-weight:700;word-break:keep-all;min-height:82px;}
.lp4 .lp4-package-meta{display:grid;gap:10px;margin:0 0 18px;}
.lp4 .lp4-package-chip{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-radius:16px;background:#f8fcf6;border:1px solid #e6f0e1;font-size:14px;line-height:1.7;font-weight:800;color:#335f1e;word-break:keep-all;}
.lp4 .lp4-package-chip i{flex:0 0 34px;width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;background:linear-gradient(135deg,#ebf7e4 0%,#dff0d2 100%);color:#2f6b18;box-shadow:inset 0 0 0 1px #dcebd3;}
.lp4 .lp4-package-chip span{display:block;flex:1 1 auto;}
.lp4 .lp4-package-list{display:grid;gap:10px;list-style:none;margin:0;padding:0;min-height:330px;}
.lp4 .lp4-package-list li{position:relative;padding-left:28px;font-size:14px;line-height:1.75;color:#465243;font-weight:700;word-break:keep-all;}
.lp4 .lp4-package-list li:before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;box-shadow:0 8px 16px rgba(25,52,13,.12);}
.lp4 .lp4-package-list li:after{content:"✓";position:absolute;left:5px;top:2px;font-size:11px;font-weight:900;color:#fff;}
.lp4 .lp4-package-card--start .lp4-package-label{background:#e8f4df;color:#2f6b18;border:1px solid #dcebd3;}
.lp4 .lp4-package-card--start .lp4-package-price{color:#2f6b18;}
.lp4 .lp4-package-card--start .lp4-package-list li:before{background:linear-gradient(135deg,#4a8517,#78b83a);}
.lp4 .lp4-package-card--start:hover{background:linear-gradient(180deg,#ffffff 0%,#eef8e8 100%);border-color:#8ebf63;}
.lp4 .lp4-package-card--grow .lp4-package-label{background:#eaf4ff;color:#2f6fb4;border:1px solid #d5e4f6;}
.lp4 .lp4-package-card--grow .lp4-package-price{color:#2f6fb4;}
.lp4 .lp4-package-card--grow .lp4-package-chip,.lp4 .lp4-package-card--grow .lp4-info-box,.lp4 .lp4-package-card--grow .lp4-note-box{background:#f7fbff;border-color:#d9e7f7;color:#295b93;}
.lp4 .lp4-package-card--grow .lp4-package-chip i,.lp4 .lp4-package-card--grow .lp4-info-box .ico,.lp4 .lp4-package-card--grow .lp4-note-box .ico{background:linear-gradient(135deg,#edf5ff 0%,#dbeafc 100%);color:#2f6fb4;box-shadow:inset 0 0 0 1px #d5e4f6;}
.lp4 .lp4-package-card--grow .lp4-package-list li:before{background:linear-gradient(135deg,#2f6fb4,#69b2f1);}
.lp4 .lp4-package-card--grow:hover{background:linear-gradient(180deg,#ffffff 0%,#eef5ff 100%);border-color:#a8c8f0;}
.lp4 .lp4-package-card--premium .lp4-package-label{background:#fff3ea;color:#b86415;border:1px solid #f0dbc7;}
.lp4 .lp4-package-card--premium .lp4-package-price{color:#d17824;}
.lp4 .lp4-package-card--premium .lp4-package-chip,.lp4 .lp4-package-card--premium .lp4-info-box,.lp4 .lp4-package-card--premium .lp4-note-box{background:#fffaf6;border-color:#f1dfd0;color:#97561a;}
.lp4 .lp4-package-card--premium .lp4-package-chip i,.lp4 .lp4-package-card--premium .lp4-info-box .ico,.lp4 .lp4-package-card--premium .lp4-note-box .ico{background:linear-gradient(135deg,#fff2e7 0%,#fde4cb 100%);color:#d17824;box-shadow:inset 0 0 0 1px #f0dbc7;}
.lp4 .lp4-package-card--premium .lp4-package-list li:before{background:linear-gradient(135deg,#d17824,#f2af63);}
.lp4 .lp4-package-card--premium:hover{background:linear-gradient(180deg,#ffffff 0%,#fff3ea 100%);border-color:#efc9b0;}
.lp4 .lp4-info-box,.lp4 .lp4-note-box{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:14px 16px;border-radius:16px;background:#f8fcf6;border:1px solid #e6f0e1;min-height:92px;}
.lp4 .lp4-note-box{min-height:74px;align-items:center;}
.lp4 .lp4-info-box .ico,.lp4 .lp4-note-box .ico{flex:0 0 36px;width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;background:linear-gradient(135deg,#ebf7e4 0%,#dff0d2 100%);color:#2f6b18;box-shadow:inset 0 0 0 1px #dcebd3;}
.lp4 .lp4-info-box .txt,.lp4 .lp4-note-box .txt{flex:1 1 auto;}
.lp4 .lp4-info-box b,.lp4 .lp4-note-box b{display:block;margin-bottom:4px;font-size:14px;font-weight:900;color:#244118;}
.lp4 .lp4-info-box span,.lp4 .lp4-note-box span{display:block;font-size:14px;line-height:1.75;color:#52604d;font-weight:700;word-break:keep-all;}
.lp4 .lp4-package-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:20px;}
.lp4 .lp4-package-actions .btn{flex:1 1 auto;min-width:160px;}
.lp4 .lp4-package-card--grow .btn-primary{background:linear-gradient(135deg,#234a7a 0%,#2f6fb4 55%,#69b2f1 100%);box-shadow:0 16px 28px rgba(47,111,180,.22);}
.lp4 .lp4-package-card--grow .btn-primary:hover{box-shadow:0 20px 34px rgba(47,111,180,.28);}
.lp4 .lp4-package-card--premium .btn-primary{background:linear-gradient(135deg,#9c5815 0%,#d17824 55%,#f2af63 100%);box-shadow:0 16px 28px rgba(209,120,36,.22);}
.lp4 .lp4-package-card--premium .btn-primary:hover{box-shadow:0 20px 34px rgba(209,120,36,.28);}
.lp4 .price-note{max-width:980px;margin:24px auto 0;padding:18px 22px;border-radius:18px;background:#fff;border:1px solid #e3edde;box-shadow:var(--lp4-shadow);text-align:center;font-size:15px;line-height:1.85;color:#52604d;font-weight:700;}
.lp4 .final-cta{position:relative;background:linear-gradient(135deg,#1f3c13 0%,#3b6f18 50%,#6eaf2f 100%);color:#fff;text-align:center;overflow:hidden;}
.lp4 .final-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 26%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 24%);}
.lp4 .final-cta .lp4-sec{position:relative;z-index:1;padding:96px 0;}
.lp4 .final-cta h2{margin:0 0 16px;font-size:clamp(32px,3vw,56px);line-height:1.16;font-weight:900;letter-spacing:-.03em;}
.lp4 .final-cta p{max-width:900px;margin:0 auto;font-size:18px;line-height:1.95;color:rgba(255,255,255,.95);font-weight:700;}
.lp4 .final-cta .hero-btns{justify-content:center;}
.lp4 .final-cta .btn-primary{min-width:220px;background:linear-gradient(135deg,#ffffff 0%,#efffe1 100%);color:#245814;box-shadow:0 18px 32px rgba(0,0,0,.18);}
.lp4 .final-cta .btn-primary:hover{box-shadow:0 22px 38px rgba(0,0,0,.22);color:#245814;}
.lp4 .final-cta .btn-outline{min-width:180px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff;box-shadow:none;}
.lp4 .final-cta .btn-outline:hover{background:rgba(255,255,255,.20);border-color:rgba(255,255,255,.34);color:#fff;}

/* =========================
FAQ 커스텀
========================= */
#bo_cate{margin-bottom:28px;text-align:center;}
#bo_cate h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_cate ul{zoom:1;padding:0;margin:0;list-style:none;}
#bo_cate ul:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_cate li{display:inline-block;padding:2px;}
#bo_cate a{display:block;line-height:28px;padding:7px 16px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3;background:#fff;text-decoration:none;font-weight:700;transition:.2s ease;}
#bo_cate a:focus,#bo_cate a:hover,#bo_cate a:active{text-decoration:none;background:#3a8afd;color:#fff;}
#bo_cate #bo_cate_on{z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd;-webkit-box-shadow:inset 0 2px 5px rgb(33,135,202);-moz-box-shadow:inset 0 2px 5px rgb(33,135,202);box-shadow:inset 0 2px 5px rgb(33,135,202);}
#faq_wrap .faq_1 h3{font-size:2rem!important;line-height:1.4!important;}
#faq_wrap .con_inner{font-size:20px!important;line-height:1.8!important;color:#333;}
.faq-empty{padding:12px 16px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:#475569;margin:12px 0;}

/* =========================
모바일/태블릿 반응형
========================= */
@media (max-width:1199px){.cm-service-info__grid{grid-template-columns:1fr;}.cm-service-box{padding:30px 24px;}.cm-promo__grid{grid-template-columns:1fr;}.cm-media img{min-height:300px;}}
@media (max-width:1100px){.cm-price-grid{grid-template-columns:1fr;}.cm-blog-detail-grid{grid-template-columns:1fr;}.cm-card-title{font-size:28px;}.lp4 .support-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:991px){.svc-quick{grid-template-columns:repeat(3,minmax(0,1fr));}.lp4 .hero-grid,.lp4 .feature-grid,.lp4 .lp4-package-grid{grid-template-columns:1fr;}.lp4 .hero-side{grid-template-columns:1fr;}.lp4 .lp4-package-top,.lp4 .lp4-package-sub,.lp4 .lp4-package-desc,.lp4 .lp4-package-list,.lp4 .lp4-info-box,.lp4 .lp4-note-box{min-height:0;}#faq_wrap .faq_1 h3{font-size:1.5rem!important;}#faq_wrap .con_inner{font-size:18px!important;}}


@media (max-width:767px){
.svc-main{padding:70px 0;}
.svc-main__wrap{padding:0 16px;}
.svc-main__tabs{gap:8px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;}
.svc-main__tabs::-webkit-scrollbar{display:none;}
.svc-main__tab{flex:0 0 auto;min-height:44px;padding:0 14px;font-size:13px;}
.svc-main__slider{overflow:hidden;}
.svc-main__track{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;touch-action:pan-y;padding:6px 2px 12px;}
.svc-main__track::-webkit-scrollbar{display:none;}
.svc-card{flex:0 0 86%;max-width:86%;min-width:86%;padding:20px;border-radius:22px;scroll-snap-align:start;}
.svc-card__title{font-size:21px;}
.svc-card__text{font-size:14px;}
.svc-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.svc-quick__item{min-height:96px;padding:14px 10px;border-radius:18px;}
.svc-quick__icon{width:46px;height:46px;border-radius:14px;font-size:20px;}
.svc-quick__label{font-size:13px;}
}


}
@media (max-width:480px){.svc-main__title{font-size:30px;}.svc-quick{grid-template-columns:1fr 1fr;}.svc-quick__item{min-height:110px;padding:14px 10px;}.svc-quick__label{font-size:13px;}.cm-price-title{font-size:30px;}.cm-price-sub{font-size:15px;}.cm-card-badge{font-size:12px;padding:8px 12px;}.cm-card-title{font-size:22px;}.cm-card-price{padding:16px;}.cm-card-price .num{font-size:27px;}.lp4 .support-grid{grid-template-columns:1fr;}.lp4 .hero-btns{flex-direction:column;}.lp4 .hero-btns .btn{width:100%;}.lp4 .final-cta .btn-primary,.lp4 .final-cta .btn-outline{min-width:0;width:100%;}#faq_wrap li h3{font-size:1.5rem!important;min-height:50px;line-height:25px;padding:15px;padding-left:50px;position:relative;}#faq_wrap .faq_1 h3{font-size:1.5rem!important;}#faq_wrap .con_inner{font-size:1.25rem!important;}}

.callmap-contact{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-top:14px;}
.callmap-contact-item{display:inline-flex;align-items:center;}
.callmap-contact-item,.callmap-contact-item *{color:#fff!important;}
.callmap-contact-item a,.callmap-contact-item a:link,.callmap-contact-item a:visited,.callmap-contact-item a:hover,.callmap-contact-item a:active,.callmap-contact-item a:focus{display:inline-flex;align-items:center;gap:8px;color:#fff!important;text-decoration:none!important;cursor:pointer!important;}
.callmap-contact-item i{color:#fff!important;font-size:16px;line-height:1;}
.callmap-contact-item strong,.callmap-contact-item span{color:#fff!important;}
@media (max-width:767px){.callmap-contact{flex-direction:column;align-items:flex-start;gap:10px;}}

.subscribe-intro .callmap-contact,
.subscribe-intro .callmap-contact-item,
.subscribe-intro .callmap-contact-item *{
color:#fff!important;
}
.subscribe-intro .callmap-contact-item a,
.subscribe-intro .callmap-contact-item a:link,
.subscribe-intro .callmap-contact-item a:visited,
.subscribe-intro .callmap-contact-item a:hover,
.subscribe-intro .callmap-contact-item a:active,
.subscribe-intro .callmap-contact-item a:focus{
color:#fff!important;
text-decoration:none!important;
}
body .subscribe-intro .cm-contact-box,
body .subscribe-intro .cm-contact-box *,
body .subscribe-intro .cm-contact-row,
body .subscribe-intro .cm-contact-row *,
body .subscribe-intro .cm-contact-row a,
body .subscribe-intro .cm-contact-row a:link,
body .subscribe-intro .cm-contact-row a:visited,
body .subscribe-intro .cm-contact-row a:hover,
body .subscribe-intro .cm-contact-row a:active,
body .subscribe-intro .cm-contact-row a:focus{color:#fff!important;fill:#fff!important;stroke:#fff!important;opacity:1!important;}


@media (max-width:768px){
.mobile-page-title{min-height:160px;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.mobile-page-title .auto-container{padding:0 15px;}
.mobile-page-title .sec-title{padding:48px 0 32px;text-align:center;}
.mobile-page-title .sec-title h1{font-size:24px;line-height:1.25;margin:0 0 8px;}
.mobile-page-title .bread-crumb{font-size:13px;line-height:1.4;}
}


.page-title{min-height:300px;max-height:400px; background-size:cover;background-position:center center;background-repeat:no-repeat;}
.page-title .sec-title{padding:140px 0 100px;}
@media (max-width:1024px){.page-title{min-height:280px;}.page-title .sec-title{padding:95px 0 70px;}}
@media (max-width:768px){.mobile-page-title,.page-title{min-height:180px;background-size:cover;background-position:center center;background-repeat:no-repeat;}.mobile-page-title .sec-title,.page-title .sec-title{padding:60px 0 40px;text-align:center;}.mobile-page-title .sec-title h1,.page-title .sec-title h1{font-size:24px;line-height:1.25;margin:0 0 8px;}.mobile-page-title .bread-crumb,.page-title .bread-crumb{font-size:13px;line-height:1.4;}}

#ctt_con img[src*="sub02_2.png"]{display:none!important;}
#ctt_con>p:first-child{margin-top:0!important;}#ctt_con>p:first-child img:first-child{display:none!important;}#ctt_con>div:first-child img:first-child{display:none!important;}#ctt_con>section:first-child img:first-child{display:none!important;}
#ctt_con .cm-page-title{display:none!important;}
.cm-page-title{display:none!important;}
.cmx-page-title{display:none!important;}

.spx .spx-page-title{display:none!important;}


.svc-quick--premium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px;}
.svc-quick__flip{position:relative;min-height:270px;perspective:1600px;}
.svc-quick__flip-inner{position:relative;width:100%;height:100%;min-height:270px;transform-style:preserve-3d;transition:transform .78s cubic-bezier(.22,.61,.36,1);}
.svc-quick__flip:hover .svc-quick__flip-inner,.svc-quick__flip:focus-within .svc-quick__flip-inner{transform:rotateY(180deg) translateY(-6px);}
.svc-quick__face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 24px 24px;border-radius:30px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 44px rgba(7,18,35,.16),0 8px 18px rgba(7,18,35,.10);}
.svc-quick__face:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.20),rgba(255,255,255,0) 42%),linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.03));pointer-events:none;}
.svc-quick__face:after{content:"";position:absolute;left:-30%;bottom:-30%;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.06);filter:blur(4px);}
.svc-quick__face--front{background:linear-gradient(145deg,#0c1830 0%,#133255 48%,#1e4e73 100%);}
.svc-quick__face--back{background:linear-gradient(145deg,#ff9a1f 0%,#ff7a00 42%,#d9480f 100%);transform:rotateY(180deg);}
.svc-quick__mainicon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:82px;height:82px;margin:0 0 18px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);box-shadow:0 12px 28px rgba(0,0,0,.18);}
.svc-quick__mainicon i{font-size:34px;color:#fff;}
.svc-quick__title{position:relative;z-index:2;display:block;margin:0 0 8px;font-size:24px;line-height:1.3;font-weight:800;letter-spacing:-.03em;color:#fff;word-break:keep-all;}
.svc-quick__mini{position:relative;z-index:2;display:block;font-size:15px;line-height:1.55;font-weight:800;letter-spacing:-.02em;color:rgba(255,255,255,.88);word-break:keep-all;}
.svc-quick__desc{position:relative;z-index:2;display:block;max-width:290px;margin:4px auto 0;font-size:15px;line-height:1.7;font-weight:800;letter-spacing:-.02em;color:#fff;word-break:keep-all;}
.svc-quick__go{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-top:20px;border-radius:50%;background:#fff;color:#ff7a00;font-size:20px;box-shadow:0 12px 28px rgba(0,0,0,.24);transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease;}
.svc-quick__go:hover{transform:scale(1.1);box-shadow:0 18px 34px rgba(0,0,0,.30);background:#0f172a;color:#fff;}
.svc-quick__go i{font-size:20px;}
.svc-quick__flip--seo .svc-quick__face--front{background:linear-gradient(145deg,#0b1a33 0%,#14375e 50%,#1a5b85 100%);}
.svc-quick__flip--map .svc-quick__face--front{background:linear-gradient(145deg,#0d1f36 0%,#144166 50%,#0f766e 100%);}
.svc-quick__flip--blog .svc-quick__face--front{background:linear-gradient(145deg,#14213d 0%,#233b6e 52%,#274c77 100%);}
.svc-quick__flip--home .svc-quick__face--front{background:linear-gradient(145deg,#111827 0%,#1f3b63 52%,#1d4d8f 100%);}
.svc-quick__flip--power .svc-quick__face--front{background:linear-gradient(145deg,#1b1f3b 0%,#223f73 52%,#2563eb 100%);}
.svc-quick__flip--call .svc-quick__face--front{background:linear-gradient(145deg,#1a1a2e 0%,#203a5b 52%,#0f766e 100%);}
.svc-quick__flip--seo .svc-quick__face--back{background:linear-gradient(145deg,#ff9f1c 0%,#ff7b00 45%,#dc5f00 100%);}
.svc-quick__flip--map .svc-quick__face--back{background:linear-gradient(145deg,#ffa62b 0%,#ff7b00 45%,#d85700 100%);}
.svc-quick__flip--blog .svc-quick__face--back{background:linear-gradient(145deg,#ffb347 0%,#ff8c00 45%,#e85d04 100%);}
.svc-quick__flip--home .svc-quick__face--back{background:linear-gradient(145deg,#ff9e2c 0%,#ff7a00 45%,#c2410c 100%);}
.svc-quick__flip--power .svc-quick__face--back{background:linear-gradient(145deg,#ffb020 0%,#ff8400 45%,#ea580c 100%);}
.svc-quick__flip--call .svc-quick__face--back{background:linear-gradient(145deg,#ffab2e 0%,#ff7a00 45%,#d9480f 100%);}
@media (max-width:1200px){.svc-quick--premium{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:767px){.svc-quick--premium{grid-template-columns:1fr;gap:16px;margin-top:24px;}.svc-quick__flip,.svc-quick__flip-inner{min-height:230px;}.svc-quick__face{padding:24px 20px 22px;border-radius:24px;}.svc-quick__mainicon{width:68px;height:68px;margin-bottom:14px;}.svc-quick__mainicon i{font-size:30px;}.svc-quick__title{font-size:21px;}.svc-quick__mini,.svc-quick__desc{font-size:14px;line-height:1.6;}.svc-quick__go{width:50px;height:50px;margin-top:16px;}}
@media (hover:none){.svc-quick__flip:hover .svc-quick__flip-inner{transform:none;}.svc-quick__flip:active .svc-quick__flip-inner,.svc-quick__flip:focus-within .svc-quick__flip-inner{transform:rotateY(180deg);}}
.cm-focus-band__desc{display:grid;gap:14px;}
.cm-focus-band__desc p{position:relative;display:flex;align-items:center;min-height:64px;margin:0;padding:14px 18px 14px 58px;border-radius:16px;background:rgb(25 119 219 / 52%);border:1px solid rgba(255,255,255,.14);font-size:17px;line-height:1.8;font-weight:700;color:#f4f8ff;text-shadow:0 2px 8px rgba(0,0,0,.24);word-break:keep-all;box-sizing:border-box;transition:transform .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease;}
.cm-focus-band__desc p::before{content:"\f00c";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);box-shadow:0 4px 12px rgba(0,0,0,.16);font-family:"FontAwesome";font-size:12px;font-weight:400;color:#fff;}
.cm-focus-band__desc p:hover{transform:translateY(-3px);background:rgb(25 119 219 / 68%);border-color:rgba(255,255,255,.22);box-shadow:0 14px 28px rgba(0,0,0,.18);}
@media (max-width:768px)
{.cm-focus-band__desc{gap:10px;}.cm-focus-band__desc p{min-height:auto;padding:13px 16px 13px 52px;font-size:15px;line-height:1.7;border-radius:14px;}.cm-focus-band__desc p::before{left:16px;width:22px;height:22px;font-size:11px;}}

.cm-focus-band__desc p:before {    content: "✓";       background: rgb(0 17 255 / 22%);    color: #0011ff!important;
    font-size: 12px;    font-weight: 900;}	
	.cm-focus-band__headline {      background: rgb(0 53 255 / 34%);}
.cm-focus-band__desc p {   background: rgb(25 119 219 / 52%);        color: #f4f8ff;}
.cm-focus-band__headline:hover{background:rgb(255 143 0 / 48%)!important;}
.cm-focus-band__desc p:hover { 
    background: rgb(219 215 25 / 52%);    border: 1px solid rgba(255, 255, 255, .14)!important;   color: #f4f8ff; 
}

/* 타지역 서비스 소개*/ 
.cm-areaService{position:relative;width:100%;padding:80px 20px;background:linear-gradient(180deg,#fffbe8 0%,#ffffff 100%);}
.cm-areaService__inner{max-width:1440px;margin:0 auto;}
.cm-areaService__head{text-align:center;max-width:980px;margin:0 auto 42px;}
.cm-areaService__eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:#111;color:#fff;font-size:13px;font-weight:700;letter-spacing:.04em;}
.cm-areaService__title{margin:18px 0 16px;font-size:46px;line-height:1.24;font-weight:800;color:#111;word-break:keep-all;}
.cm-areaService__title strong{color:#e0aa00;}
.cm-areaService__desc{margin:0;font-size:19px;line-height:1.8;color:#555;word-break:keep-all;}
.cm-areaService__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch;}
.cm-areaService__card{background:#fff;border:1px solid #ece7d8;border-radius:28px;padding:36px;box-shadow:0 18px 50px rgba(17,17,17,.06);}
.cm-areaService__card--primary{background:linear-gradient(180deg,#ffffff 0%,#fffdf4 100%);border:2px solid #f0d64f;}
.cm-areaService__badge{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;background:#ffe55c;color:#111;font-size:14px;font-weight:800;}
.cm-areaService__cardTitle{margin:18px 0 18px;font-size:32px;line-height:1.3;font-weight:800;color:#111;word-break:keep-all;}
.cm-areaService__cardText{margin:0 0 16px;font-size:18px;line-height:1.9;color:#444;word-break:keep-all;}
.cm-areaService__priceBox{display:flex;flex-direction:column;gap:6px;margin-top:28px;padding:22px 24px;border-radius:22px;background:#111;}
.cm-areaService__priceBox strong{font-size:34px;line-height:1.1;font-weight:900;color:#ffe55c;}
.cm-areaService__priceBox span{font-size:15px;line-height:1.5;color:rgba(255,255,255,.78);}
.cm-areaService__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.cm-areaService__btn{display:inline-flex;align-items:center;justify-content:center;min-width:170px;height:54px;padding:0 22px;border-radius:14px;text-decoration:none;font-size:16px;font-weight:800;transition:.25s ease;}
.cm-areaService__btn--primary{background:#111;color:#fff;}
.cm-areaService__btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(17,17,17,.18);}
.cm-areaService__btn--line{border:1.5px solid #111;background:#fff;color:#111;}
.cm-areaService__btn--line:hover{background:#111;color:#fff;}
.cm-areaService__list{display:grid;grid-template-columns:1fr;gap:14px;margin:0;padding:0;list-style:none;}
.cm-areaService__list li{display:flex;gap:14px;align-items:flex-start;padding:18px 18px;border-radius:18px;background:#faf8f1;border:1px solid #efe7cf;}
.cm-areaService__check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#ffe55c;color:#111;font-size:18px;font-weight:900;line-height:1;}
.cm-areaService__list strong{display:block;margin:0 0 6px;font-size:18px;line-height:1.4;color:#111;word-break:keep-all;}
.cm-areaService__list p{margin:0;font-size:15px;line-height:1.7;color:#555;word-break:keep-all;}
.cm-areaService__miniGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px;}
.cm-areaService__mini{padding:24px;border-radius:22px;background:#fff;border:1px solid #ece7d8;box-shadow:0 10px 30px rgba(17,17,17,.04);}
.cm-areaService__mini h4{margin:0 0 10px;font-size:20px;line-height:1.35;font-weight:800;color:#111;word-break:keep-all;}
.cm-areaService__mini p{margin:0;font-size:15px;line-height:1.8;color:#555;word-break:keep-all;}
@media (max-width:1200px){.cm-areaService__title{font-size:40px;}.cm-areaService__grid{grid-template-columns:1fr;}.cm-areaService__miniGrid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:768px){.cm-areaService{padding:60px 16px;}.cm-areaService__head{margin-bottom:28px;}.cm-areaService__title{font-size:30px;}.cm-areaService__desc{font-size:16px;line-height:1.75;}.cm-areaService__card{padding:24px 20px;border-radius:22px;}.cm-areaService__cardTitle{font-size:25px;}.cm-areaService__cardText{font-size:16px;line-height:1.8;}.cm-areaService__priceBox strong{font-size:28px;}.cm-areaService__btns{flex-direction:column;}.cm-areaService__btn{width:100%;}.cm-areaService__miniGrid{grid-template-columns:1fr;}.cm-areaService__mini{padding:20px;}}