body, button, input, select, textarea { font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; }

:root{font-family:Pretendard,Arial,sans-serif;color:#111827;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit;cursor:pointer}button{font:inherit;cursor:pointer;border:0}.topbar{height:34px;background:#6e87f7;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;position:relative}.topbar span{position:absolute;right:16px}.header{border-bottom:1px solid #eef0f4;background:#fff}.header-inner{height:70px;max-width:1180px;margin:auto;display:flex;align-items:center;gap:34px;padding:0 18px}.brand img{width:92px;display:block}.head-links{display:flex;gap:28px;font-weight: 600;font-size:14px}.login{margin-left:auto;color:#4167f6;font-size:12px}.cat-wrap{height:74px;display:flex;align-items:center;justify-content:center}.cat-nav{display:flex;background:#fff;box-shadow:0 4px 18px rgba(21,42,89,.12);border-radius:30px;padding:5px 26px;gap:46px}.cat-nav a{padding:10px 4px;color:#9aa1ac;font-weight: 600;font-size:14px}.cat-nav a.active{color:#4167f6}.container{width:min(1180px,calc(100% - 40px));margin:auto}.hero img{width:100%;display:block;border-radius:22px}.hero .pager{text-align:center;padding:15px 0 22px;font-size:12px}.home-service{display:grid;grid-template-columns:1fr;gap:14px;margin-top:12px}.service-main,.benefits{border:1px solid #e3e6ec;border-radius:20px;background:#fff}.service-main{display:flex;align-items:center;min-height:205px;padding:28px}.service-brand{width:38%;display:flex;flex-direction:column;gap:8px}.service-brand img{width:128px;object-fit:contain;object-position:left}.service-icons{flex:1;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center}.service-icons>div{display:flex;flex-direction:column;align-items:center;gap:12px}.service-icons i{width:62px;height:62px;border-radius:50%;background:#f7f8fb;display:grid;place-items:center;color:#7284ef;font-style:normal}.my-service{padding:26px 24px;display:flex;flex-direction:column}.my-service h3{margin:0 0 6px}.my-service p{margin:0;color:#7b8493;font-size:12px}.my-service .primary{margin-top:auto}.primary{background:linear-gradient(90deg, #3d7eff 0%, #1a3cbb 100%);color:white;border-radius:10px;min-height:46px;padding:0 24px;font-weight: 600;display:inline-flex;align-items:center;justify-content:center;gap:4px}.wide{width:290px}.benefits{margin-top:20px;padding:20px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title h2,.section-pad h2{font-size:22px;margin:0 0 6px}.section-title p,.section-pad>p{margin:0;color:#7d8798;font-size:13px}.section-title button{padding:11px 16px;border-radius:10px;background:#f5f6f8;font-weight: 600}.promo-grid{display:grid;grid-template-columns:1.2fr 1.2fr .55fr;gap:20px;overflow:hidden}.promo-grid img{width:100%;height:185px;object-fit:cover;border-radius:10px}.soft{background:#f3f6fd;margin-top:58px}.section-pad{padding:58px 20px}.compact{padding-top:24px;padding-bottom:48px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.internet-card{position:relative;background:#fff;border-radius:10px;padding:20px;min-height:190px}.chip{background:#eef1ff;color:#4167f6;font-size:11px;font-weight: 600;padding:5px 8px;border-radius:5px}.ribbon{position:absolute;right:18px;top:0;background:#4167f6;color:#fff;font-size:11px;padding:10px 8px 16px;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.internet-card h3{font-size:15px;margin:16px 0 8px}.provider{font-size:12px;color:#6f7786}.provider b{color:#5b4ae3}.cash,.fee{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:#f7f7f8;border-radius:7px;font-size:12px;margin-top:14px}.fee{background:transparent;margin-top:5px;padding:0 12px}.fee s{color:#a8adb6}.fee b{color:#4167f6;font-size:15px}.card-section{background:#f0f2f5;padding:45px 0 62px}.card-layout{display:grid;grid-template-columns:2fr 1fr;gap:45px;align-items:center}.card-layout h2{margin:0 0 5px}.card-layout p{color:#788292;font-size:13px}.card-fan{height:240px;display:flex;align-items:end;justify-content:center;position:relative;overflow:hidden}.card-fan img{height:210px;width:auto;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.12);margin:0 -45px}.card-fan img:nth-child(1){transform:translateY(30px) rotate(-6deg)}.card-fan img:nth-child(2){z-index:2}.card-fan img:nth-child(3){transform:translateY(25px) rotate(7deg)}.dots{text-align:center;color:#8292ee;font-size:11px}.card-info{background:#fff;border-radius:18px;padding:22px}.card-info small,.card-info span{font-size:11px;color:#89909d}.card-info h3{margin:5px 0}.card-info strong{display:block;color:#4167f6;font-size:28px;margin:5px 0 20px}.apply-row{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;background:#f7f8fa;border-radius:8px;font-size:12px;margin:8px 0}.button-row{display:grid;grid-template-columns:1fr 1.8fr;gap:10px;margin-top:12px}.button-row button{border-radius:9px;padding:12px}.support{padding:70px 0}.support-grid{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.6fr 1fr;gap:100px}.support h2{font-size:24px;margin:8px 0 20px}.blue-label{color:#4167f6;font-size:13px}.phone{display:flex;gap:9px;align-items:center;color:#4167f6;font-size:25px;margin-bottom:20px}.support-card{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:15px;background:#fafafa;border-radius:12px;margin:10px 0}.support-card svg{color:#4167f6}.support-card div{display:flex;flex-direction:column}.support-card small{color:#9aa1ad;font-size:11px;margin-top:3px}footer{background:#f7f7f7;padding:45px 0 20px;color:#697386;font-size:12px}.footer-inner{width:min(1180px,calc(100% - 40px));margin:auto}.lnc{width:150px;opacity:.65;margin-bottom:20px}.footer-inner p{margin:7px 0}.footer-bottom{border-top:1px solid #e2e4e8;margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;color:#404958}.service-hero{margin-bottom:15px}.condition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.condition{min-height:110px;background:#f7f8fa;border-radius:18px;padding:25px;position:relative}.condition h3{margin:0 0 8px;font-size:16px}.condition p{font-size:12px;color:#9aa1ad;margin:0}.condition svg{position:absolute;right:20px;top:45px;color:#adb4c0}.condition.active{background:#f1f4ff;color:#4167f6}.condition small{font-size:9px;background:#4167f6;color:white;border-radius:8px;padding:2px 5px}.mt{margin-top:38px!important}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}.estimate{border:1px solid #e2e5eb;border-radius:20px;overflow:hidden;padding:24px;min-height:355px}.estimate>p:first-child{margin:0;color:#9aa1ad;font-size:12px}.estimate>strong{font-size:30px;color:#4167f6;display:block;margin:7px 0 24px}.estimate-detail{border-top:1px solid #eceef2;border-bottom:1px solid #eceef2;margin:0 -24px;padding:14px 24px;display:flex;justify-content:space-between;font-size:12px;color:#77808d}.estimate h3{font-size:17px;margin-top:24px}.estimate p{font-size:12px;color:#969eaa}.estimate button{background:#f2f3f5;padding:10px 15px;border-radius:9px;font-size:12px;font-weight: 600}.quote-right{display:flex;flex-direction:column;gap:16px}.askbox,.applybox{background:#f7f8fa;border-radius:18px;padding:22px}.askbox{display:flex;align-items:center;justify-content:space-between}.askbox h3,.applybox h3{margin:0 0 5px;font-size:17px}.askbox p,.applybox p{font-size:11px;color:#969eaa;margin:0}.askbox>svg{color:#4167f6;background:#eef2ff;border-radius:50%;padding:8px;width:42px;height:42px}.applybox .primary{width:100%;margin-top:10px}.applybox>small{display:block;text-align:center;color:#a7adb6;margin-top:9px;font-size:9px}.reviews-section{margin-top:0;background:#f5f6f8}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.review-card{background:#fff;border-radius:12px;padding:18px;min-height:210px;position:relative}.review-card>div{display:flex;justify-content:space-between}.review-card>div span{background:#eef1ff;color:#4167f6;border-radius:12px;padding:4px 8px;font-size:9px}.review-card>div b{color:#ffbf00;letter-spacing:1px}.review-card small{color:#8e96a2;display:block;margin:14px 0 5px}.review-card h3{font-size:14px;margin:0 0 8px}.review-card p{font-size:11px;line-height:1.6;color:#5d6571}.review-card time{position:absolute;right:16px;bottom:14px;color:#a4a9b1;font-size:9px}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.choice{background:#f7f8fa;border-radius:18px;padding:24px;display:flex;justify-content:space-between;align-items:center}.choice h3{margin:0 0 8px;font-size:17px}.choice p{margin:0!important;font-size:12px!important}.choice svg{color:#a7aebb}.phone-row{margin-top:35px}.phone-row-head{display:flex;align-items:center;justify-content:space-between}.phone-row-head h3{font-size:16px}.phone-row-head a{font-size:11px;color:#777f8b;display:flex;align-items:center}.phone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.phone-card{background:#fff;border-radius:12px;padding:14px}.phone-image{height:155px;background:#f7f8fa;border-radius:10px;display:grid;place-items:center;overflow:hidden}.phone-image img{height:125px;object-fit:contain}.phone-card h4{margin:14px 0 24px;font-size:14px}.phone-card small{display:block;color:#9ba2ad;font-size:10px}.phone-card strong{color:#4167f6;font-size:16px;display:block;margin-top:5px}.cta-box{background:#f2f5ff;border-radius:18px;padding:24px 30px;display:flex;align-items:center;justify-content:space-between}.cta-box h2{margin:0 0 6px!important;font-size:18px}.cta-box p{margin:0!important}.consult-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.consult-tiles>div{background:#f7f8fa;border-radius:18px;padding:25px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.consult-tiles svg{color:#4167f6;background:#eef2ff;border-radius:50%;padding:10px;width:46px;height:46px}.consult-tiles b{font-size:14px}.consult-tiles span{font-size:11px;color:#7f8794;line-height:1.5}
.subsidy-review-section { margin-top: 40px; }
.subsidy-top-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 40px; }
.subsidy-card { background: #fff; border: 1px solid #f0f2f5; border-radius: 12px; padding: 32px; position: relative; box-shadow: 0 4px 20px rgba(0,0,0,0.04); }
.subsidy-card h3 { font-size: 20px; margin: 0 0 24px; font-weight: 700; color: #1e293b; }
.subsidy-card.form-card h3 { text-align: center; margin-bottom: 30px; }
.subsidy-form input, .subsidy-form textarea { width: 100%; border: 1px solid #e5e7eb; border-radius: 6px; padding: 14px 16px; font-size: 14px; font-family: inherit; resize: none; color: #374151; }
.subsidy-form input::placeholder, .subsidy-form textarea::placeholder { color: #9ca3af; }
.subsidy-form input:focus, .subsidy-form textarea:focus { outline: none; border-color: #2563eb; }
.subsidy-form .input-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }
.subsidy-form .req-wrapper { position: relative; }
.subsidy-form .req-badge { position: absolute; right: 12px; top: -10px; background: #eab308; color: white; font-size: 11px; padding: 3px 8px; border-radius: 4px; font-weight: 600; z-index: 1; }
.subsidy-form .req-input { border: 2px solid #eab308 !important; }
.subsidy-form textarea { margin-bottom: 16px; height: 100px; }
.subsidy-form .checkbox-row { display: flex; align-items: center; font-size: 13px; color: #4b5563; gap: 8px; margin-bottom: 24px; }
.subsidy-form .checkbox-row input[type="checkbox"] { width: 16px; height: 16px; margin: 0; accent-color: #2563eb; cursor: pointer; }
.subsidy-form .checkbox-row label { cursor: pointer; }
.subsidy-form .checkbox-row button { background: #fff; border: 1px solid #e5e7eb; font-size: 11px; padding: 3px 8px; border-radius: 4px; color: #9ca3af; margin-left: 4px; }
.subsidy-form .primary-btn { width: 100%; background: linear-gradient(90deg, #3d7eff 0%, #1a3cbb 100%); color: white; border-radius: 8px; padding: 16px; font-size: 16px; font-weight: 600; border: none; cursor: pointer; }
.subsidy-form .primary-btn:hover { background: #1d4ed8; }
.subsidy-date-badge { position: absolute; right: 32px; top: 32px; background: #eff6ff; color: #2563eb; font-size: 12px; padding: 4px 12px; border-radius: 20px; font-weight: 600; }
.subsidy-list-wrapper { height: 280px; overflow: hidden; position: relative; margin-bottom: 20px; }
.subsidy-list { display: flex; flex-direction: column; gap: 14px; position: absolute; width: 100%; }
.subsidy-item { display: flex; align-items: center; gap: 14px; padding-bottom: 14px; border-bottom: 1px solid #f3f4f6; width: 100%; background: #fff; }
.subsidy-item:last-child { border-bottom: none; }
.subsidy-item .avatar { width: 40px; height: 40px; background: #f3f4f6; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #9ca3af; flex-shrink: 0; }
.subsidy-item .info { flex: 1; min-width: 0; }
.subsidy-item .info b { font-size: 14px; color: #111827; }
.subsidy-item .info span { font-size: 13px; color: #6b7280; margin-left: 6px; }
.subsidy-item .info p { margin: 4px 0 0; font-size: 13px; color: #9ca3af; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.subsidy-item .status { font-size: 13px; color: #2563eb; font-weight: 600; flex-shrink: 0; }
.subsidy-card-footer { text-align: center; font-size: 13px; color: #4b5563; padding-top: 16px; border-top: 1px solid #f3f4f6; }
.subsidy-card-footer b { color: #111827; font-weight: 600; }
.review-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.review-header h3 { font-size: 18px; margin: 0; font-weight: 700; color: #111827; }
.review-header a { font-size: 14px; color: #2563eb; font-weight: 600; }
.home-reviews-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } 
.home-reviews-grid::-webkit-scrollbar { display: none; }
.home-review-card { display: flex; gap: 16px; background: #fff; border: 1px solid #f0f2f5; border-radius: 12px; padding: 18px; box-shadow: 0 2px 10px rgba(0,0,0,0.02); min-width: 0; flex-shrink: 0; scroll-snap-align: start; }
.home-review-card img { width: 130px; height: 100px; object-fit: cover; border-radius: 8px; background: #f3f4f6; flex-shrink: 0; }
.home-review-card .content { flex: 1; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start; }
.home-review-card .stars { color: #374151; font-size: 12px; letter-spacing: 1px; margin-bottom: 6px; }
.home-review-card h4 { font-size: 15px; margin: 0 0 8px; font-weight: 700; color: #111827; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home-review-card .meta { font-size: 12px; color: #6b7280; line-height: 1.5; margin-bottom: 12px; }
.home-review-card .meta span.highlight { color: #4b5563; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.home-review-card .author { font-size: 12px; color: #9ca3af; margin-top: auto; }
@media(max-width:800px){.head-links, .head-phone {display:none}.header-inner{height:58px}.brand img{width:80px}.cat-wrap{height:64px}.cat-nav{gap:25px;padding:4px 22px}.container{width:min(100% - 28px,1180px)}.hero img{border-radius:14px}.home-service,.card-layout,.support-grid,.quote-grid{grid-template-columns:1fr}.service-main{min-height:150px}.service-brand{width:40%}.service-icons i{width:52px;height:52px}.promo-grid{display:flex;overflow-x:auto}.promo-grid img{width:78%;flex:0 0 auto;height:auto}.product-grid,.review-grid,.phone-grid,.event-grid,.home-reviews-grid{grid-template-columns:1fr!important}.condition-grid{grid-template-columns:1fr}.choice-row{grid-template-columns:1fr}.consult-tiles{grid-template-columns:1fr}.section-pad{padding:38px 14px}.soft{margin-top:35px}.support{padding:45px 0}.support-grid{gap:35px}.footer-bottom{flex-direction:column;gap:15px}.card-fan{height:190px}.card-fan img{height:170px}.cta-box{align-items:flex-start;gap:18px;flex-direction:column}.cta-box .primary{width:100%}.wide{width:100%}.login{font-size:10px}.phone-hero img{min-height:120px;object-fit:cover}.product-grid{gap:12px}}

/* QnA & Review Pages */
.filter-row { display: flex; gap: 16px; margin-bottom: 24px; color: #404958; font-size: 14px; font-weight: 600; }
.filter-row span { display: flex; align-items: center; gap: 4px; cursor: pointer; }
.filter-row span.active { color: #2563eb; }
.review-list-item { display: flex; gap: 24px; padding: 32px 0; border-bottom: 1px solid #f0f2f5; cursor: pointer; }
.review-list-item:first-child { border-top: 1px solid #111827; }
.review-list-item img { width: 140px; height: 140px; object-fit: cover; border-radius: 12px; background: #f3f4f6; }
.review-list-content { flex: 1; display: flex; flex-direction: column; }
.review-list-content h3 { font-size: 18px; margin: 0 0 10px; font-weight: 600; color: #111827; }
.review-list-content p { font-size: 14px; color: #4b5563; line-height: 1.6; margin: 0 0 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.review-list-meta { font-size: 13px; color: #8b95a1; margin-bottom: 16px; }
.review-list-meta b { color: #6b7280; font-weight: normal; margin-right: 12px; }
.review-list-tags { display: flex; gap: 6px; }
.review-tag { background: #f3f4f6; color: #6b7280; font-size: 12px; padding: 4px 10px; border-radius: 6px; }

.qna-tabs { display: flex; gap: 30px; border-bottom: 1px solid #e5e7eb; margin-bottom: 24px; }
.qna-tabs button { padding: 12px 0; font-size: 16px; color: #6b7280; font-weight: 600; background: none; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.qna-tabs button.active { color: #111827; border-bottom-color: #111827; }
.qna-search { display: flex; align-items: center; border: 1px solid #e5e7eb; border-radius: 8px; padding: 14px 16px; margin-bottom: 30px; }
.qna-search input { flex: 1; border: none; outline: none; font-size: 15px; }
.qna-list-header { display: flex; justify-content: space-between; font-size: 14px; color: #111827; font-weight: 600; margin-bottom: 16px; }
.qna-list-header span { color: #6b7280; font-weight: normal; }
.qna-table { width: 100%; border-collapse: collapse; text-align: center; font-size: 14px; }
.qna-table th { padding: 16px 8px; border-top: 1px solid #111827; border-bottom: 1px solid #e5e7eb; color: #111827; font-weight: 600; }
.qna-table td { padding: 18px 8px; border-bottom: 1px solid #f0f2f5; color: #6b7280; }
.qna-table td.title { text-align: left; color: #111827; cursor: pointer; }
.qna-badge-notice { background: #eff6ff; color: #2563eb; font-size: 12px; padding: 3px 8px; border-radius: 4px; font-weight: 600; margin-right: 12px; }
.qna-badge-n { background: #ef4444; color: white; font-size: 11px; padding: 2px 6px; border-radius: 4px; font-weight: 600; margin-left: 8px; }
.qna-comment-count { color: #9ca3af; font-size: 13px; margin-left: 8px; }

.detail-breadcrumb { font-size: 13px; color: #8b95a1; margin-bottom: 16px; }
.detail-header { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 24px; border-bottom: 1px solid #f0f2f5; margin-bottom: 32px; }
.detail-title { font-size: 24px; font-weight: 700; margin: 0 0 16px; color: #111827; }
.detail-meta { font-size: 14px; color: #8b95a1; display: flex; justify-content: space-between; align-items: center; }
.detail-meta-right { display: flex; gap: 16px; align-items: center; }
.detail-content { font-size: 16px; color: #374151; line-height: 1.7; min-height: 200px; margin-bottom: 60px; white-space: pre-wrap; }
.btn-list { display: block; width: 160px; margin: 0 auto 60px; padding: 14px; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; font-size: 15px; font-weight: 600; text-align: center; cursor: pointer; }
.detail-banner { background: #f8fafc; border-radius: 12px; padding: 32px; text-align: center; margin-bottom: 24px; }
.detail-tags { font-size: 13px; color: #9ca3af; margin-bottom: 40px; }
.comment-section { border-top: 8px solid #f8fafc; padding-top: 40px; }
.comment-title { font-size: 18px; font-weight: 700; margin-bottom: 24px; display: flex; justify-content: space-between; align-items: center; }
.comment-input-box { border: 1px solid #e5e7eb; border-radius: 12px; padding: 24px; background: #fff; margin-bottom: 40px; }
.comment-input-box b { font-size: 15px; color: #111827; }
.comment-input-box textarea { width: 100%; border: none; outline: none; resize: none; font-size: 15px; min-height: 80px; margin-top: 16px; color: #374151; }
.comment-input-box textarea::placeholder { color: #9ca3af; }
.comment-input-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; color: #9ca3af; font-size: 13px; }
.comment-input-footer .actions { display: flex; gap: 16px; }
.comment-input-footer button { background: linear-gradient(90deg, #3d7eff 0%, #1a3cbb 100%); color: #fff; padding: 10px 24px; border-radius: 6px; font-weight: 600; font-size: 14px; }
.comment-placeholder { text-align: center; padding: 40px 0; color: #9ca3af; font-size: 14px; line-height: 1.6; }
.head-links { display: flex; gap: 25px; }
@keyframes pulse { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(239, 68, 68, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); } }

@media(max-width: 900px) {
  .popular-plans-grid {
    grid-template-columns: 1fr !important;
  }
}

.head-links a { font-size: 16px; font-weight: 600; color: #1e293b; padding: 10px 0; transition: color 0.2s; }
.head-links a:hover { color: #4167f6; }