main.site-main {
	display: flex !important;
	flex-direction: column !important;
}
.suburi-trust-badge {
	height: 34px !important;
	width: auto !important;
	margin-left: 6px !important;
	flex-shrink: 0 !important;
}
@media (max-width: 480px) {
	.suburi-trust-badge {
		height: 26px !important;
	}
}
@media (max-width: 640px) {
	.mobile-sticky-bar {
		display: none !important;
	}
}
#usim {
	display: none !important;
}
main.site-main > .hero { order: 0 !important; }
main.site-main > #how-to-start { order: 2 !important; }
main.site-main > #why-us { order: 3 !important; }
main.site-main > #face-auth { order: 4 !important; }
main.site-main > #network-compare { order: 5 !important; }
main.site-main > #activation-process { order: 6 !important; }
main.site-main > #plans { order: 7 !important; }
main.site-main > #usim-modal { order: 8 !important; }
main.site-main > #usim { order: 9 !important; }
main.site-main > #guide-cards { order: 10 !important; }
main.site-main > #latest-posts { order: 11 !important; }
main.site-main > #faq { order: 12 !important; }
main.site-main > #cta { order: 13 !important; }

.site-branding {
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center !important;
}
.site-brand-name {
	font-size: 0.78rem !important;
}
.site-branding img {
	width: 22px !important;
	margin-left: 3px !important;
}
.suburi-header-logo {
	width: 24px !important;
	height: 24px !important;
	margin-right: 6px !important;
	margin-left: 0 !important;
	border-radius: 5px !important;
	flex-shrink: 0 !important;
}
.nav-menu {
	gap: clamp(6px, 2.2vw, 26px) !important;
	flex-wrap: nowrap !important;
	row-gap: 0 !important;
}
.nav-menu a {
	white-space: nowrap !important;
	font-size: clamp(0.85rem, 1.3vw, 1rem) !important;
	font-weight: 700 !important;
	padding: 8px 1px !important;
}
.header-cta .btn {
	padding: 6px 9px !important;
	font-size: 0.68rem !important;
	white-space: nowrap !important;
}
.btn-call {
	background-color: #2563eb !important;
}
.btn-call:hover,
.btn-call:focus-visible {
	background-color: #1d4ed8 !important;
}
.btn-call::before {
	content: "\1F4DE";
}

.plan-row-card {
	padding: 20px !important;
	overflow: visible !important;
	border-radius: 14px !important;
	box-shadow: none !important;
	border: 1px solid #e5e7eb !important;
	flex-direction: column !important;
	align-items: stretch !important;
	display: flex !important;
}
.plan-row-info {
	padding: 0 !important;
}
.plan-row-info .plan-badge {
	background: #e6f1fb !important;
	color: #185fa5 !important;
	font-size: 0.7rem !important;
	font-weight: 800 !important;
	padding: 4px 10px !important;
	border-radius: 6px !important;
	margin-bottom: 10px !important;
}
.plan-row-info .plan-badge-best {
	background: #2563eb !important;
	color: #ffffff !important;
}
.plan-row-name {
	font-size: 1.05rem !important;
	font-weight: 800 !important;
	color: #1e293b !important;
	margin-bottom: 12px !important;
}
.plan-row-desc {
	font-size: 0.78rem !important;
}
.plan-row-specs {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	margin-top: 0 !important;
}
.plan-row-specs > div {
	background: none !important;
	padding: 0 !important;
	border-radius: 0 !important;
	display: flex !important;
	gap: 10px !important;
	align-items: baseline !important;
}
.plan-row-specs dt {
	font-size: 0.78rem !important;
	color: #64748b !important;
	font-weight: 600 !important;
	flex-shrink: 0 !important;
	width: 44px !important;
}
.plan-row-specs dd {
	font-size: 0.82rem !important;
	color: #1e293b !important;
	font-weight: 700 !important;
}
.plan-row-action {
	padding: 14px 0 0 !important;
	gap: 10px !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	width: 100% !important;
}
.plan-row-price {
	font-size: 1.3rem !important;
	font-weight: 800 !important;
	color: #2563eb !important;
}
.plan-row-action .btn {
	width: 100% !important;
	height: auto !important;
	min-width: 0 !important;
	padding: 12px !important;
	border-radius: 8px !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
}
.plan-row-action .btn::after {
	content: none !important;
}

.suburi-has-dropdown {
	position: relative;
}
.suburi-plans-dropdown {
	display: none;
	flex-direction: column;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	box-shadow: 0 10px 24px rgba(0,0,0,0.12);
	padding: 6px;
	min-width: 130px;
	z-index: 50;
}
.suburi-has-dropdown:hover .suburi-plans-dropdown,
.suburi-has-dropdown:focus-within .suburi-plans-dropdown {
	display: flex;
}
.suburi-plans-dropdown a {
	display: block;
	padding: 8px 12px !important;
	font-size: 0.82rem !important;
	font-weight: 600 !important;
	color: #334155 !important;
	text-decoration: none;
	white-space: nowrap;
	border-radius: 6px;
}
.suburi-plans-dropdown a:hover {
	background: #eff6ff;
	color: #2563eb !important;
}

.suburi-subtab-btn {
	padding: 12px 24px !important;
	font-size: 0.95rem !important;
}

.plan-tab {
	font-size: 1.1rem !important;
	padding: 15px 32px !important;
	font-weight: 800 !important;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.plan-tab:not(.is-active) {
	background: #f1f5f9 !important;
	color: #334155 !important;
}
.plan-tab.is-active {
	background: #2563eb !important;
	color: #ffffff !important;
}

.suburi-subpanel {
	gap: 18px !important;
}
.suburi-subpanel > div {
	padding: 28px !important;
}
.suburi-subpanel > div > span {
	font-size: 1rem !important;
	padding: 6px 14px !important;
}
.suburi-subpanel > div > p {
	font-size: 1.55rem !important;
	margin-bottom: 16px !important;
}
.suburi-subpanel > div > div:first-of-type {
	gap: 12px !important;
}
.suburi-subpanel > div > div:first-of-type > div {
	gap: 14px !important;
}
.suburi-subpanel > div > div:first-of-type > div > span:first-child {
	font-size: 1.05rem !important;
	width: 92px !important;
}
.suburi-subpanel > div > div:first-of-type > div > span:last-child {
	font-size: 1.15rem !important;
}
.suburi-subpanel > div > div:last-of-type > p {
	font-size: 1.9rem !important;
}
.suburi-subpanel > div > div:last-of-type > a {
	font-size: 1.1rem !important;
	padding: 18px !important;
}

.hero .container > div:first-child > span {
	font-size: 1.05rem !important;
	padding: 12px 22px !important;
}
.hero .container {
	grid-template-columns: 1.7fr 0.7fr !important;
	overflow: visible !important;
}
.hero h1 {
	font-size: clamp(40px, 7vw, 72px) !important;
}
.hero h1 span {
	white-space: nowrap !important;
}
.hero .container > div:first-child > p {
	font-size: 1.35rem !important;
}
#home-quicklinks-inject {
	display: none !important;
}

.hero circle[r="140"],
.hero circle[r="9"],
.hero circle[r="7"],
.hero circle[r="5"],
.hero circle[r="6"] {
	display: none !important;
}

#activation-process .suburi-steps-timeline {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 16px !important;
}
#activation-process .suburi-steps-timeline > div {
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	text-align: center !important;
	gap: 10px !important;
	padding: 28px 18px !important;
	border-radius: 16px !important;
}
#activation-process .suburi-steps-timeline > div > span {
	order: 0 !important;
	width: 40px !important;
	height: 40px !important;
	font-size: 15px !important;
}
#activation-process .suburi-steps-timeline > div > div {
	order: 1 !important;
	width: 44px !important;
	height: 44px !important;
	margin: 0 !important;
}
#activation-process .suburi-steps-timeline > div > div svg {
	width: 20px !important;
	height: 20px !important;
}
#activation-process .suburi-steps-timeline > div > p {
	order: 2 !important;
	flex: none !important;
	font-size: 15px !important;
}
#activation-process .suburi-steps-timeline > div > p > span {
	margin-top: 6px !important;
	font-size: 12.5px !important;
}

@media (max-width: 900px) {
	#activation-process .suburi-steps-timeline {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

.suburi-network-heading-break {
	display: none;
}

@media (max-width: 640px) {
	.suburi-network-heading-break {
		display: block;
	}

	#why-us .container > div[style*="grid-template-columns"] {
		display: block !important;
		counter-reset: whyus;
	}
	#why-us .container > div[style*="grid-template-columns"] > div {
		counter-increment: whyus;
		margin-bottom: 14px;
		padding: 24px 20px !important;
	}
	#why-us .container > div[style*="grid-template-columns"] > div::before {
		content: counter(whyus, decimal-leading-zero);
		display: block;
		width: 100%;
		font-size: 30px;
		font-weight: 800;
		color: #2563eb;
		padding-bottom: 14px;
		margin-bottom: 14px;
		border-bottom: 1px solid #e5e7eb;
	}
	#why-us .container > div[style*="grid-template-columns"] > div > div:first-child {
		display: none !important;
	}
	#why-us .container > div[style*="grid-template-columns"] > div > p:first-of-type {
		font-size: 18px !important;
		margin-bottom: 8px !important;
	}
	#why-us .container > div[style*="grid-template-columns"] > div > p:last-of-type {
		font-size: 14px !important;
		line-height: 1.6 !important;
	}

	.hero h1 {
		font-size: clamp(26px, 8vw, 40px) !important;
	}
	.hero h1 span {
		white-space: normal !important;
	}
	.hero .container {
		padding-bottom: 40px !important;
	}
	.hero .container > div:nth-child(2) {
		display: none !important;
	}

	#suburi-howto-step1 {
		gap: 10px !important;
	}
	.suburi-howto-card {
		padding: 14px 10px !important;
	}
	.suburi-howto-card p {
		font-size: 13px !important;
	}
}

@media (max-width: 900px) {
	.suburi-plans-dropdown {
		display: flex !important;
		position: static !important;
		transform: none !important;
		box-shadow: none !important;
		border: none !important;
		padding: 2px 0 6px 16px !important;
		background: transparent !important;
		min-width: 0 !important;
	}
	.suburi-plans-dropdown a {
		padding: 6px 0 !important;
		font-size: 0.85rem !important;
		color: #64748b !important;
	}
}

.suburi-mobile-plans-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}
.suburi-mobile-plans-toggle {
	background: none !important;
	border: none !important;
	font-size: 16px !important;
	line-height: 1 !important;
	color: #64748b !important;
	padding: 8px 4px !important;
	margin: 0 !important;
	cursor: pointer !important;
	transition: transform 0.15s ease !important;
}
.suburi-mobile-plans-toggle[aria-expanded="true"] {
	transform: rotate(180deg) !important;
}
.suburi-plans-dropdown.suburi-mobile-plans-dropdown {
	display: none !important;
}
.suburi-plans-dropdown.suburi-mobile-plans-dropdown.is-open {
	display: flex !important;
}

@media (max-width: 640px) {
	.suburi-subpanel {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 8px !important;
	}
	.suburi-subpanel > div {
		padding: 8px 6px !important;
		min-width: 0 !important;
	}
	.suburi-subpanel > div > div,
	.suburi-subpanel > div > div > div {
		min-width: 0 !important;
	}
	.suburi-subpanel > div > div:first-of-type > div > span:last-child {
		overflow-wrap: break-word !important;
		word-break: break-word !important;
	}
	.suburi-subpanel > div > span {
		font-size: 0.58rem !important;
		padding: 3px 6px !important;
		margin-bottom: 4px !important;
	}
	.suburi-subpanel > div > p {
		font-size: 0.7rem !important;
		margin-bottom: 6px !important;
		line-height: 1.25 !important;
		overflow-wrap: anywhere !important;
		word-break: break-all !important;
		white-space: normal !important;
	}
	.suburi-subpanel > div > div:first-of-type {
		gap: 4px !important;
	}
	.suburi-subpanel > div > div:first-of-type > div {
		gap: 1px !important;
		flex-direction: column !important;
		align-items: flex-start !important;
	}
	.suburi-subpanel > div > div:first-of-type > div > span:first-child {
		font-size: 0.56rem !important;
		width: auto !important;
		color: #94a3b8 !important;
	}
	.suburi-subpanel > div > div:first-of-type > div > span:last-child {
		font-size: 0.6rem !important;
	}
	.suburi-subpanel > div > div:last-of-type > p {
		font-size: 0.76rem !important;
	}
	.suburi-subpanel > div > div:last-of-type > a {
		font-size: 0.62rem !important;
		padding: 6px !important;
	}

	#network-compare div[style*="border-radius:20px"] {
		padding: 14px 12px !important;
		min-height: 0 !important;
	}
	#network-compare div[style*="border-radius:20px"] > div[style*="position:absolute"] {
		display: none !important;
	}
	#network-compare div[style*="border-radius:20px"] > div[style*="position:relative"] > span {
		font-size: 9px !important;
		padding: 4px 8px !important;
		margin-bottom: 8px !important;
		gap: 4px !important;
	}
	#network-compare div[style*="border-radius:20px"] > div[style*="position:relative"] > p:first-of-type {
		font-size: 15px !important;
		margin: 0 0 6px !important;
	}
	#network-compare div[style*="border-radius:20px"] > div[style*="position:relative"] > p[style*="max-width:280px"] {
		display: none !important;
	}
	#network-compare div[style*="border-radius:20px"] > div[style*="position:relative"] > div[style*="max-width:280px"] {
		padding: 10px !important;
		margin-bottom: 10px !important;
	}
	#network-compare div[style*="border-radius:20px"] > div[style*="position:relative"] > div[style*="max-width:280px"] > p {
		font-size: 11px !important;
		margin: 0 0 6px !important;
	}
	#network-compare div[style*="border-radius:20px"] > div[style*="position:relative"] > div[style*="max-width:280px"] span[style*="border-radius:999px"] {
		font-size: 10px !important;
		padding: 3px 8px !important;
	}
	#network-compare div[style*="border-radius:20px"] > div[style*="position:relative"] {
		display: flex !important;
		flex-direction: column !important;
		height: 100% !important;
	}
	#network-compare div[style*="border-radius:20px"] > div[style*="position:relative"] > a {
		font-size: 12px !important;
		gap: 4px !important;
		margin-top: auto !important;
	}

	#guide-cards div[style*="grid-template-columns:repeat(4,1fr)"] {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 10px !important;
	}
	#guide-cards img {
		height: 90px !important;
	}
	#guide-cards a > div:last-child {
		padding: 20px 10px 12px !important;
	}
	#guide-cards p {
		font-size: 12px !important;
	}

	#addon-panel-kt div[style*="grid-template-columns:1fr 1fr"],
	#addon-panel-lg div[style*="grid-template-columns:1fr 1fr"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		gap: 8px !important;
	}
	#addon-panel-kt div[style*="grid-template-columns:1fr 1fr"] > div,
	#addon-panel-lg div[style*="grid-template-columns:1fr 1fr"] > div {
		min-width: 0 !important;
		padding: 12px 10px !important;
	}
	#addon-panel-kt div[style*="grid-template-columns:1fr 1fr"] > div p,
	#addon-panel-lg div[style*="grid-template-columns:1fr 1fr"] > div p {
		overflow-wrap: break-word !important;
		word-break: break-word !important;
	}
	#addon-panel-kt div[style*="grid-template-columns:1fr 1fr"] > div p:first-child,
	#addon-panel-lg div[style*="grid-template-columns:1fr 1fr"] > div p:first-child {
		font-size: 13px !important;
	}
	#addon-panel-kt div[style*="grid-template-columns:1fr 1fr"] > div p:last-child,
	#addon-panel-lg div[style*="grid-template-columns:1fr 1fr"] > div p:last-child {
		font-size: 11px !important;
	}

	#activation-process #process-title {
		font-size: 2rem !important;
	}
	#activation-process .section-desc {
		font-size: 1.5rem !important;
		line-height: 1.5 !important;
	}
	#activation-process a.btn-outline {
		font-size: 1.3rem !important;
		padding: 16px 22px !important;
	}

	#usim .usim-grid-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}
	#usim .usim-card {
		padding: 0 0 12px !important;
		min-width: 0 !important;
	}
	#usim .usim-photo-stage {
		height: auto !important;
		padding: 14px 14px 10px !important;
		width: 100% !important;
		min-width: 0 !important;
	}
	#usim .usim-icon img {
		width: 56px !important;
		height: 56px !important;
		filter: drop-shadow(0 6px 10px rgba(23,18,59,0.16));
	}
	#usim .usim-net-badge {
		font-size: 10px !important;
		top: 12px !important;
		left: 16px !important;
	}
	#usim .usim-name-row {
		padding: 10px 12px 8px !important;
	}
	#usim .usim-name {
		font-size: 14px !important;
		font-weight: 800 !important;
		letter-spacing: -0.01em !important;
	}
	#usim .usim-card-facts {
		min-width: 0 !important;
		padding: 0 14px !important;
		gap: 4px !important;
	}
	#usim .usim-card-facts > div {
		flex-direction: row !important;
		align-items: baseline !important;
		flex-wrap: wrap !important;
		gap: 5px !important;
		min-width: 0 !important;
	}
	#usim .usim-card-facts dt {
		font-size: 9px !important;
		color: #94a3b8 !important;
		flex-shrink: 0 !important;
	}
	#usim .usim-card-facts dd {
		font-size: 11px !important;
		font-weight: 600 !important;
		overflow-wrap: break-word !important;
		min-width: 0 !important;
	}
	#usim .usim-buy-btn {
		font-size: 12px !important;
		padding: 10px !important;
		margin: 10px 14px 0 !important;
		width: calc(100% - 28px) !important;
		box-shadow: 0 8px 16px rgba(23,18,59,0.14) !important;
	}
}



/* 2026-09-02: unhide native homepage sections accidentally hidden by old Customizer CSS (.home #plans / .home #face-auth display:none) */
.home #plans { display: block !important; }
.home #face-auth { display: none !important; }




/* 2026-09-02: how-to-start section - enlarge all text */
#how-to-start .start-card-title { font-size: clamp(2.3rem, 5.5vw, 2.9rem) !important; }
#how-to-start .start-card-subtitle { font-size: 1.3rem !important; }

#suburi-howto-step1 .suburi-howto-card p:first-of-type { font-size: 30px !important; }
#suburi-howto-step1 .suburi-howto-card p:last-of-type { font-size: 20px !important; }

#suburi-howto-step2 a p:first-of-type { font-size: 24px !important; }
#suburi-howto-step2 a p:nth-of-type(2) { font-size: 18px !important; }
#suburi-howto-step2 a div[style*="border-radius:999px"] { font-size: 15px !important; }

.choice-grid > div:nth-child(3) div[style*="border-radius:50%"] { width: 48px !important; height: 48px !important; font-size: 17px !important; }
.choice-grid > div:nth-child(3) p { font-size: 14px !important; }

.choice-grid > div:nth-child(4) p:first-child { font-size: 19px !important; }
.choice-grid > div:nth-child(4) > p[style*="line-height:1.7"] { font-size: 15px !important; }
.choice-grid > div:nth-child(4) p[style*="color:#334155"] { font-size: 15px !important; }
.choice-grid > div:nth-child(4) span[style*="border-radius:50%"] { font-size: 13px !important; }
.choice-grid > div:nth-child(4) a[style*="border-radius:999px"] { font-size: 15px !important; }

.choice-grid > div:nth-child(5) p:first-of-type { font-size: 16px !important; }
.choice-grid > div:nth-child(5) p:last-of-type { font-size: 13px !important; }


/* 2026-09-02: how-to-start section - card hover/press effects */
.suburi-howto-card,
#suburi-howto-step2 a,
.choice-grid > div:nth-child(5) a {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
  will-change: transform;
}
.suburi-howto-card:hover,
#suburi-howto-step2 a:hover,
.choice-grid > div:nth-child(5) a:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 24px rgba(37,99,235,0.18) !important;
}
.suburi-howto-card:active,
#suburi-howto-step2 a:active,
.choice-grid > div:nth-child(5) a:active {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px rgba(37,99,235,0.16) !important;
}


/* 2026-09-02: extend hover/press lift effect to other homepage + usim cards */
#why-us .container > div[style*="grid-template-columns"] > div,
#network-compare div[style*="border-radius:20px"],
.plan-card-v2,
#guide-cards a[style*="border-radius:16px;overflow:hidden"],
.suburi-usim-choice-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
#why-us .container > div[style*="grid-template-columns"] > div:hover,
#network-compare div[style*="border-radius:20px"]:hover,
.plan-card-v2:hover,
#guide-cards a[style*="border-radius:16px;overflow:hidden"]:hover,
.suburi-usim-choice-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 24px rgba(37,99,235,0.16) !important;
}
#why-us .container > div[style*="grid-template-columns"] > div:active,
#network-compare div[style*="border-radius:20px"]:active,
.plan-card-v2:active,
#guide-cards a[style*="border-radius:16px;overflow:hidden"]:active,
.suburi-usim-choice-card:active {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px rgba(37,99,235,0.14) !important;
}


/* 2026-09-02: hero CTA buttons - hover/press effect */
.hero a[style*="padding:17px 32px"] {
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
}
.hero a[style*="padding:17px 32px"]:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 20px rgba(30,41,59,0.18) !important;
  filter: brightness(1.05) !important;
}
.hero a[style*="padding:17px 32px"]:active {
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 12px rgba(30,41,59,0.16) !important;
  filter: brightness(0.98) !important;
}


/* 2026-09-02: header-cta kakao/call pill buttons - match site palette, bigger text */
.header-cta .btn.btn-sm {
  font-size: 14px !important;
  padding: 8px 14px !important;
}
.header-cta .btn-call.btn-sm {
  background-color: #16a34a !important;
}
.header-cta .btn-call.btn-sm:hover,
.header-cta .btn-call.btn-sm:focus-visible {
  background-color: #15803d !important;
}

				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			

/* ───── 첫 화면: 글과 폰 그림 떼어놓기 ───── */
html body .hero h1{
  font-size: clamp(32px, 4.3vw, 54px) !important;
  line-height: 1.42 !important;
  margin: 0 0 10px !important;
}
html body .hero h1 span{
  white-space: normal !important;
  word-break: keep-all !important;
}
html body .hero h1 span + span{ margin-top: 10px !important; }

@media (min-width: 900px){
  html body .hero .container{
    grid-template-columns: 1.7fr 0.7fr !important;
    gap: 64px !important;
    padding: 84px 48px !important;
  }
}
html body .hero .container > div:first-child > span{ margin-bottom: 28px !important; }
html body .hero .container > div:first-child > p{
  line-height: 1.85 !important;
  margin: 26px 0 34px !important;
}
html body .hero .container > div:first-child > div:nth-child(4){ margin-bottom: 30px !important; }
html body .hero .container > div:nth-child(2) svg{ max-width: 300px !important; }

@media (max-width: 640px){
  html body .hero h1{
    font-size: clamp(26px, 7.4vw, 38px) !important;
    line-height: 1.36 !important;
  }
}

/* ───── 맨 아래 개통 권유 띠 (나 안) ───── */
html body section#cta{ background: #eff6ff !important; padding: 44px 16px !important; }
html body section#cta .cta-section{ background: none !important; padding: 0 !important; max-width: 760px !important; margin: 0 auto !important; }
html body section#cta .cta-grid{
  display: block !important;
  text-align: center !important;
}
html body section#cta .cta-visual{ display: none !important; }
html body section#cta .cta-title{
  font-size: clamp(21px, 3.2vw, 28px) !important;
  font-weight: 800 !important;
  color: #1e293b !important;
  line-height: 1.4 !important;
  margin: 0 0 8px !important;
}
html body section#cta .cta-desc{
  font-size: 15px !important;
  color: #64748b !important;
  line-height: 1.7 !important;
  margin: 0 0 22px !important;
}
html body section#cta .cta-actions{
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 0 0 22px !important;
}
html body section#cta .cta-actions .btn{
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 15px 30px !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  animation: none !important;
}
html body section#cta .cta-actions .btn-primary{ background: #2563eb !important; color: #ffffff !important; border: 0 !important; }
html body section#cta .cta-actions .btn-kakao{ background: #ffd400 !important; color: #3b2f00 !important; border: 0 !important; }
html body .sbr-cta-chips{
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
html body .sbr-cta-chips li{
  background: #ffffff !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 7px 15px !important;
  border-radius: 999px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

/* ───── 동네별 안내 칸: 맨 아래로 + 작게 ───── */
html body main#main > nav.sbr-nb{
  order: 999 !important;
  margin-top: 10px !important;
  padding-top: 14px !important;
  opacity: .78;
}
html body main#main > nav.sbr-nb h2{
  font-size: 14px !important; font-weight: 700 !important;
  color: #94a3b8 !important; margin: 0 0 6px !important;
}
html body main#main > nav.sbr-nb p{
  font-size: 12px !important; color: #b6c0cc !important; margin: 0 0 10px !important;
}
html body main#main > nav.sbr-nb a{
  font-size: 11.5px !important; padding: 4px 9px !important;
  color: #8d98a6 !important; background: #f6f8fa !important; border-color: #eceff3 !important;
}
html body main#main > nav.sbr-nb ul{ gap: 5px !important; row-gap: 5px !important; }

.sbr-loc{display:block;line-height:1.72}.sbr-loc h2{font-size:1.24em;font-weight:700;margin:34px 0 10px;clear:both}.sbr-loc h3{font-size:1.06em;font-weight:700;margin:22px 0 7px;clear:both}.sbr-loc p{margin:0 0 12px}.sbr-loc-lede{color:#5f6878}.sbr-loc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:10px;margin:0 0 16px}.sbr-loc-card{background:#fff;border:1px solid #e2e7f0;border-radius:12px;padding:14px 15px}.sbr-loc-card .k{display:flex;align-items:center;gap:8px;font-weight:700;margin:0 0 6px}.sbr-loc-card .k i{font-style:normal;background:#eaf0ff;color:#1D5BFF;font-size:.72em;font-weight:800;width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px}.sbr-loc-card p{margin:0;font-size:.94em;color:#5f6878;line-height:1.62}.sbr-loc-card p.k{font-size:1em;color:inherit}.sbr-loc-box{background:#f6f8fc;border:1px solid #e2e7f0;border-radius:12px;padding:14px 16px;margin:0 0 14px}.sbr-loc-box p{margin:0}.sbr-loc-qa{background:#f6f8fc;border:1px solid #e2e7f0;border-radius:12px;padding:14px 16px;margin:0 0 9px}.sbr-loc-qa h3{margin:0 0 6px;font-size:1em;font-weight:700}.sbr-loc-qa p{margin:0;color:#5f6878}.sbr-loc-stats{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}.sbr-loc-stat{flex:1 1 150px;background:#f6f8fc;border:1px solid #e2e7f0;border-radius:10px;padding:13px 12px;text-align:center}.sbr-loc-stat b{display:block;font-size:1.36em;letter-spacing:-.02em}.sbr-loc-stat span{display:block;font-size:.8em;color:#5f6878;margin-top:2px}.sbr-loc-stat.on b{color:#1D5BFF}.sbr-loc-cta{display:block;width:100%;box-sizing:border-box;text-align:center;background:#1D5BFF;color:#fff !important;font-weight:700;border-radius:10px;padding:14px 18px;text-decoration:none !important;margin:0 0 8px}.sbr-loc-cta:hover{background:#0b3fc4}.sbr-loc-note{font-size:.84em;color:#5f6878;text-align:center;margin:0 0 24px}.sbr-loc-where{background:#f6f8fc;border-left:3px solid #1D5BFF;border-radius:0 10px 10px 0;padding:14px 16px;margin:0 0 6px}.sbr-loc-where p:last-child{margin:0}.sbr-loc-tw{overflow-x:auto;border:1px solid #e2e7f0;border-radius:10px;margin:0 0 6px}.sbr-loc-tw table{border-collapse:collapse;width:100%;min-width:430px;margin:0}.sbr-loc-tw th,.sbr-loc-tw td{padding:10px 12px;text-align:left;border-bottom:1px solid #e2e7f0;vertical-align:top}.sbr-loc-tw th{background:#f6f8fc;font-size:.86em;color:#5f6878}.sbr-loc-tw tr:last-child td{border-bottom:none}.sbr-loc-tw td.n{text-align:right;font-weight:600;white-space:nowrap}.sbr-loc-tw tr.pick td{background:#eaf0ff}.sbr-loc-tag{display:inline-block;background:#1D5BFF;color:#fff;font-size:.68em;font-weight:700;border-radius:4px;padding:1px 6px;margin-left:6px}.sbr-loc-warn{background:#fff8e6;border:1px solid #f0d68a;color:#7a5a05;border-radius:10px;padding:13px 15px;margin:14px 0 16px}.sbr-loc-steps{list-style:none;margin:0;padding:0;counter-reset:sbrloc}.sbr-loc-steps li{counter-increment:sbrloc;position:relative;background:#f6f8fc;border:1px solid #e2e7f0;border-radius:10px;padding:11px 13px 11px 44px;margin:0 0 9px;list-style:none}.sbr-loc-steps li:before{content:counter(sbrloc);position:absolute;left:13px;top:12px;background:#1D5BFF;color:#fff;font-size:.76em;font-weight:700;width:22px;height:22px;border-radius:50%;text-align:center;line-height:22px}.sbr-loc-steps b{display:block}.sbr-loc-steps em{font-style:normal;color:#5f6878;font-size:.9em}.sbr-loc-near{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}.sbr-loc-near a{background:#f6f8fc;border:1px solid #e2e7f0;border-radius:99px;padding:6px 13px;font-size:.9em;text-decoration:none !important;color:inherit}.sbr-loc-near a:hover{border-color:#1D5BFF;color:#1D5BFF}@media(max-width:520px){.sbr-loc-stat{flex:1 1 100%}}
.plan-badge.sbr-badge-rec{background:#db2777 !important;color:#ffffff !important;}
.sbr-loc-imgs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}.sbr-loc-imgs.one{grid-template-columns:1fr}.sbr-loc-imgs figure{margin:0}.sbr-loc-imgs img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid #e2e7f0}.sbr-loc-imgs figcaption{font-size:.82em;color:#5f6878;margin-top:6px;text-align:center}@media(max-width:520px){.sbr-loc-imgs{grid-template-columns:1fr}}
.sbr-loc-cards{gap:10px}.sbr-loc-card{padding:14px 16px}.sbr-loc-card .k{margin:0 0 6px}.sbr-loc-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:0 0 6px}.sbr-loc-gal figure{margin:0}.sbr-loc-gal img{width:100%;height:auto;display:block;border-radius:9px;border:1px solid #e2e7f0}.sbr-loc-gal figcaption{font-size:.72em;color:#8a93a3;text-align:center;margin-top:5px;line-height:1.4}.sbr-loc-galcap{font-size:.84em;color:#5f6878;text-align:center;margin:0 0 18px}@media(max-width:560px){.sbr-loc-gal{grid-template-columns:repeat(2,1fr)}}

/* 숫자 칸: 세로 3줄 → 가로 3칸 */
.sbr-loc .sbr-loc-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:0 0 18px;
}
.sbr-loc .sbr-loc-stat{
  min-width:0;
  padding:11px 8px;
  text-align:center;
}

/* 카드 묶음: 폰은 한 칸, 넓어지면 2~3칸 */
.sbr-loc .sbr-loc-cards{
  grid-template-columns:minmax(0,1fr);
  gap:8px;
  align-items:stretch;
}
.sbr-loc .sbr-loc-card{
  min-width:0;
  padding:12px 14px;
}

/* 내가 넣은 요금제표도 같은 여백으로 */
.sbr-pl{margin-top:24px;padding-top:16px}
.sbr-pl table{font-size:13px}
.sbr-pl th,.sbr-pl td{padding:9px 8px}

@media (min-width:560px){
  .sbr-loc .sbr-loc-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sbr-loc .sbr-loc-stats{gap:10px}
}
@media (min-width:900px){
  .sbr-loc .sbr-loc-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:600px){.sbr-loc-tw{overflow-x:visible !important}.sbr-loc-tw table{min-width:0 !important;width:100% !important}.sbr-loc-tw th,.sbr-loc-tw td{padding:8px 7px !important;font-size:.9em !important;word-break:keep-all;overflow-wrap:anywhere;vertical-align:top}.sbr-loc-tw th:first-child,.sbr-loc-tw td:first-child{width:32%}}@media(max-width:380px){.sbr-loc-tw th,.sbr-loc-tw td{font-size:.85em !important;padding:7px 5px !important}}
.suburi-usim-choice-title{line-height:1.4 !important;}.sf-choices>br,.sf-usim>br,.sf-steps>br,.sf-chips>br,.sf-box>br,.sf-faq>br,.sf-row>br,.sf-c>br{display:none !important;}.sf-row>p:empty,.sf-box>p:empty,.sf-choices>p:empty{display:none !important;}.entry-content [style*="display:flex"]>br,.entry-content [style*="display:grid"]>br,.entry-content [style*="display: flex"]>br,.entry-content [style*="display: grid"]>br{display:none !important;}.entry-content [style*="display:flex"]>p:empty,.entry-content [style*="display:grid"]>p:empty{display:none !important;}
@media (max-width:640px){.header-mobile-actions .header-icon-kakao{display:none !important;}}@media (max-width:420px){.sbr-hd-seal .sbr-hd-t{display:none !important;}.sbr-hd-seal{margin:0 4px !important;}}@media (min-width:769px) and (max-width:1240px){.header-cta{display:none !important;}.sbr-hd-seal .sbr-hd-t{display:none !important;}.sbr-hd-seal{margin:0 4px !important;}.main-navigation .nav-menu{gap:0 10px !important;}.main-navigation .nav-menu > li > a{font-size:14px !important;}}@media (min-width:769px) and (max-width:980px){.main-navigation .nav-menu{gap:0 5px !important;}.main-navigation .nav-menu > li > a{font-size:13px !important;letter-spacing:-.02em;}}@media (min-width:769px) and (max-width:940px){.main-navigation .nav-menu{gap:0 2px !important;}.main-navigation .nav-menu > li > a{font-size:12.5px !important;}}@media (min-width:1241px) and (max-width:1680px){.main-navigation .nav-menu{gap:0 14px !important;}.main-navigation .nav-menu > li > a{font-size:15px !important;}.header-cta .btn-call{display:none !important;}}#how-to-start{overflow-x:clip;}

.blog-trust-row span {
	border: none;
}
.post-toc {
	display: none !important;
}
.comments-area {
	display: none !important;
}
.blog-cta-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}

.blog-trust-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}
.single-article .entry-thumb {
	display: none;
}
.entry-cat {
	display: none;
}
.entry-list {
	grid-template-columns: 1fr !important;
	max-width: 720px;
}
.entry-card {
	display: grid !important;
	grid-template-columns: 140px minmax(0, 1fr);
	align-items: center;
	gap: 20px;
	overflow: visible !important;
	height: auto !important;
	padding: 16px 20px 16px 16px !important;
	box-sizing: border-box;
}
.entry-card .entry-thumb {
	width: 140px;
	height: 140px;
	overflow: hidden;
	border-radius: 12px;
	grid-column: 1;
	grid-row: 1;
}
.entry-card .entry-thumb img {
	width: 140px;
	height: 140px;
	object-fit: cover;
	object-position: center;
}
.entry-card .entry-body {
	grid-column: 2;
	grid-row: 1;
	min-width: 0;
	max-width: 100%;
	padding: 0;
	overflow-wrap: break-word;
}
.entry-card .entry-meta {
	margin-bottom: 8px;
}
.entry-card .entry-title {
	margin-bottom: 8px;
}
.entry-card .entry-summary {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 0.85rem;
	margin-top: 4px;
	margin-bottom: 8px;
	word-break: keep-all;
}
.related-posts {
	display: none;
}
.post-nav-prev:only-child,
.post-nav-next:only-child {
	grid-column: 1 / -1;
	text-align: center;
}
.plan-tab {
    min-width: 160px;
    text-align: center;
}
.plan-tabs-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}
.plan-tabs-row .plan-tabs {
    margin-bottom: 0;
}
.plan-view-all-inline {
    justify-self: unset;
}
#activation-process .section-header-split {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
}
#activation-process .section-header-split > div {
    text-align: center;
}
#activation-process .section-header-split .btn {
    margin-top: 4px;
}
.choice-card:first-child > .btn.btn-block {
    width: auto;
    max-width: 340px;
    display: flex;
    margin: 0 auto;
    padding: 18px 40px;
    font-size: 1.1rem;
}
.choice-title {
    font-size: 1.4rem;
}

.choice-desc {
    font-size: 1.02rem;
    line-height: 1.75;
}

.choice-icon {
    width: 46px;
    height: 46px;
}

.choice-icon svg {
    width: 24px;
    height: 24px;
}

.choice-card:nth-child(1) {
    background-color: #f6f3ff;
    border-color: var(--color-primary);
}

.choice-card:nth-child(2) {
    background-color: #fffbe8;
    border-color: #f0d060;
}

.choice-card > .btn,
.choice-actions .btn {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.choice-card > .btn:hover,
.choice-actions .btn:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}
#usim .section-header-split {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
}
#usim .section-header-split > div {
    text-align: center;
}
#usim .section-header-split .btn {
    margin-top: 4px;
}
:root {
    --color-primary: #2563eb;
    --color-primary-dark: #0f1f3d;
    --color-primary-light: #e8f0fe;
    --color-primary-soft: #f4f8ff;
    --shadow-button: 0 10px 24px rgba(37, 99, 235, 0.28);
}
.hero {
    background: #ffffff;
}
.hero-title .highlight {
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    color: #1e293b;
    position: relative;
    display: inline-block;
}
.hero-title .highlight::after {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    bottom: 2px;
    height: 12px;
    background: #bfdbfe;
    z-index: -1;
}
.hero {
    padding: 0;
}
#how-to-start.section {
    padding-top: 32px;
    padding-bottom: 60px;
}
.start-card {
    margin-top: 0;
}
.start-card-title {
    font-size: clamp(1.9rem, 4vw, 2.3rem);
}
.start-card-subtitle {
    font-size: 1.1rem;
}
.home #face-auth { display: none; }
.home #plans { display: none; }
#process-title {
    font-size: 2rem !important;
}
#usim .usim-grid-2 { max-width: 920px; }
#usim .usim-card { padding: 34px 30px 30px; }
#usim .usim-photo-stage { height: 340px; }
#usim .usim-icon svg { width: 60px; height: 60px; }
#usim .usim-name { font-size: 1.8rem; }
#usim .usim-card-facts > div { font-size: 1.15rem; }
#usim .usim-card-facts dt { font-size: 0.95rem; width: 84px; }
#usim .usim-net-badge { font-size: 1rem; padding: 7px 16px; }
#usim .usim-buy-btn { font-size: 1.1rem; padding: 16px; }
.nav-menu {
    gap: 14px;
}
.nav-menu a {
    white-space: nowrap;
    font-size: 0.88rem;
}
.nav-menu {
    gap: 9px;
}
.nav-menu {
    gap: 9px;
}
.nav-menu a {
    white-space: nowrap;
    font-size: 0.96rem;
}
.nav-menu {
    gap: 16px;
    flex-wrap: wrap;
    row-gap: 8px;
}
.nav-menu a {
    white-space: nowrap;
    font-size: 1.15rem;
    font-weight: 800;
}
/* ===== 푸터 「회사소개」 사업자 정보 카드 (2026-09-11) ===== */
.site-footer .footer-col-business {
	grid-column: 1 / -1;
	max-width: 860px;
	background: #fff;
	border: 1px solid #e3eaf7;
	border-radius: 20px;
	padding: 24px 28px 20px;
	box-shadow: 0 14px 34px -22px rgba(15, 31, 61, .30);
}

.site-footer .footer-col-business .footer-col-title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	font-size: 1.02rem;
	margin: 0 0 14px;
}

.site-footer .footer-col-business .footer-col-title::before {
	content: "";
	width: 5px;
	height: 18px;
	border-radius: 3px;
	background: var(--color-primary, #2563eb);
}

.site-footer .footer-col-business .footer-col-title::after {
	content: "앤텔레콤 인증 판매점";
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .01em;
	color: var(--color-primary, #2563eb);
	background: var(--color-primary-light, #e8f0fe);
	border-radius: 999px;
	padding: 4px 11px;
}

.site-footer .footer-business {
	grid-template-columns: 128px 1fr;
	gap: 0;
	margin: 0;
	font-size: .9rem;
	border-top: 1px solid #eef2f8;
}

.site-footer .footer-business dt,
.site-footer .footer-business dd {
	margin: 0;
	padding: 11px 0;
	border-bottom: 1px solid #eef2f8;
	line-height: 1.55;
}

.site-footer .footer-business dt {
	display: flex;
	align-items: center;
	font-size: .82rem;
	font-weight: 600;
	color: #7a869a;
}

.site-footer .footer-business dd {
	font-weight: 600;
	color: var(--color-primary-dark, #0f1f3d);
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.site-footer .footer-business dt:last-of-type,
.site-footer .footer-business dd:last-of-type {
	border-bottom: none;
}

.site-footer .footer-col-business .footer-notice {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 14px 0 0;
	padding: 12px 14px;
	background: var(--color-primary-soft, #f4f8ff);
	border-radius: 12px;
	font-size: .78rem;
	line-height: 1.6;
	color: #5b6b85;
}

.site-footer .footer-col-business .footer-notice::before {
	content: "✓";
	flex: none;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--color-primary, #2563eb);
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	line-height: 18px;
	text-align: center;
	margin-top: 1px;
}

@media (max-width: 600px) {
	.site-footer .footer-col-business {
		padding: 20px 18px 16px;
		border-radius: 16px;
	}

	.site-footer .footer-business {
		grid-template-columns: 1fr;
	}

	.site-footer .footer-business dt {
		padding: 11px 0 2px;
		border-bottom: none;
	}

	.site-footer .footer-business dd {
		padding: 0 0 11px;
	}
}
/* ===== 수부리통신 홈 디자인 개선 (2026-09-11) — 모양만 바꾸고 글자는 그대로 둡니다 ===== */

/* ① 떠 있는 버튼 정리 — PC: 머리글과 겹치는 동그라미 3개를 숨기고 AI 상담만 남깁니다 */
@media (min-width: 641px) {
	#suburi-float-stack #suburi-float-open,
	#suburi-float-stack #suburi-float-call,
	#suburi-float-stack #suburi-float-kakao { display: none !important; }
	#suburi-float-stack { bottom: 96px !important; }
	#suburi-float-stack #suburi-float-ai { background: #2563eb !important; }
}

/* ① 휴대폰: 동그라미 4개 → 화면 맨 아래 한 줄 버튼 */
@media (max-width: 640px) {
	#suburi-bottom-cta-bar,
	.floating-kakao { display: none !important; }

	#suburi-float-stack {
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		flex-direction: row !important;
		gap: 8px !important;
		background: #fff;
		box-shadow: 0 -6px 18px rgba(15, 23, 42, .10);
		padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
	}
	#suburi-float-stack a,
	#suburi-float-stack button {
		flex: 1 1 0;
		width: auto !important;
		height: 46px !important;
		border-radius: 12px !important;
		box-shadow: none !important;
		font-size: 14px !important;
		font-weight: 800 !important;
		flex-direction: row !important;
		gap: 4px;
	}
	#suburi-float-stack #suburi-float-open { flex: 1.5 1 0 !important; }
	#suburi-float-open br { display: none; }
	#suburi-float-call::after { content: "전화"; font-size: 13px; }
	#suburi-float-kakao::after { content: "카톡"; font-size: 13px; }
	#suburi-float-stack #suburi-float-ai { background: #eef2ff !important; color: #2563eb !important; }
	#suburi-float-stack #suburi-float-ai::after { content: "AI"; font-size: 13px; color: #2563eb; }
	body { padding-bottom: 72px; }
}

/* ② 첫 화면 — 가격을 보이게, PC에서는 글자를 왼쪽 정렬 */
.hero .container > div:first-child > div:last-child::before {
	content: "월 12,100원부터";
	background: #2563eb;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	padding: 9px 18px;
	border-radius: 999px;
	white-space: nowrap;
}
@media (min-width: 900px) {
.hero .container > div:first-child > div:last-child::after {
	content: "전국 제휴 매장 77곳";
	background: #fff;
	color: #475569;
	font-size: 14px;
	font-weight: 600;
	padding: 9px 18px;
	border-radius: 999px;
	white-space: nowrap;
}
}
@media (min-width: 900px) {
	.hero .container > div:first-child { text-align: left !important; }
	.hero .container > div:first-child > div { justify-content: flex-start !important; }
}

/* ④ 휴대폰에서 긴 부분 줄이기 */
@media (max-width: 640px) {
	/* 간편인증서 보유/미보유 카드 글씨 */
	#suburi-howto-step1 { gap: 10px !important; }
	#suburi-howto-step1 .suburi-howto-card { padding: 18px 12px !important; }
	#suburi-howto-step1 .suburi-howto-card p:first-of-type { font-size: 18px !important; }
	#suburi-howto-step1 .suburi-howto-card p:last-of-type { font-size: 13.5px !important; }

	/* 맞춤 요금제 · 유심 구매 · 1:1 문의 — 세로 한 줄씩 */
	#how-to-start [style*="repeat(3,1fr)"] { grid-template-columns: 1fr !important; gap: 8px !important; }
	#how-to-start [style*="repeat(3,1fr)"] > a {
		display: grid !important;
		grid-template-columns: 44px 1fr;
		column-gap: 12px;
		align-items: center;
		text-align: left !important;
		padding: 12px 14px !important;
	}
	#how-to-start [style*="repeat(3,1fr)"] > a > div { grid-row: 1 / span 2; margin: 0 !important; }
	#how-to-start [style*="repeat(3,1fr)"] > a > p { margin: 0 !important; }
	#how-to-start [style*="repeat(3,1fr)"] > a br { display: none; }

	/* 개통 절차 8단계 — 한 줄 목록 */
	#activation-process .activation-home-grid { gap: 8px !important; }
	#activation-process .activation-home-card {
		padding: 12px 14px !important;
		min-height: 0 !important;
		border-radius: 14px !important;
		display: grid !important;
		grid-template-columns: 36px 1fr;
		column-gap: 10px;
		align-items: center;
	}
	#activation-process .activation-home-head { grid-row: 1 / span 2; margin: 0 !important; }
	#activation-process .activation-home-icon { display: none !important; }
	#activation-process .activation-home-title { margin: 0 !important; font-size: 15px !important; }
	#activation-process .activation-home-desc { margin: 2px 0 0 !important; font-size: 12.5px !important; }
	#activation-process .activation-home-card-wide .activation-home-wide-text { grid-column: 2; }

	/* 인기 요금제 · 최신 글 — 옆으로 넘겨 보기 */
	#plans .plan-grid-v2,
	#latest-posts .plan-grid-v2 {
		display: flex !important;
		justify-content: flex-start !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 12px !important;
		padding: 4px 2px 12px;
		-webkit-overflow-scrolling: touch;
	}
	#plans .plan-card-v2,
	#latest-posts .plan-card-v2 { flex: 0 0 78% !important; scroll-snap-align: start; }
}

/* ⑤ 최신 글 카드 — 이모지 섞인 소개문 숨기기 + 구역 제목 가운데 정렬 통일 */
#latest-posts .plan-card-v2 .plan-desc { display: none !important; }
#latest-posts .plan-card-v2 .plan-name { margin-bottom: 14px !important; }
#latest-posts .section-header-split,
#faq .section-header-split {
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	gap: 14px !important;
}

/* ===== 색 정리 · 최저가 카드 (2026-09-11) — 「온라인 인증 판매점」 띠는 그대로 둡니다 ===== */
.plan-badge.sbr-badge-low { background: #16a34a !important; color: #fff !important; }
#cta .cta-section { background: linear-gradient(135deg, #0f1f3d 0%, #1d4ed8 100%) !important; }
#cta .cta-visual svg rect[fill="#6f3dff"] { fill: #2563eb; }
#cta .cta-visual svg rect[fill="#e3dbfa"] { fill: #dbeafe; }
#suburi-ai-overlay #suburi-ai-header { background: #2563eb !important; }
#suburi-ai-overlay #suburi-ai-send { background: #2563eb !important; }
#suburi-ai-overlay #suburi-ai-input:focus { border-color: #2563eb !important; }
.site-footer { background: #f4f8ff !important; }

/* ===== 홈 디자인 다듬기 · 글 간격 (2026-09-11) — 글자·메뉴·구역 순서는 그대로, 모양만 바꿉니다 ===== */

/* 1. 보라빛이 돌던 글자색·테두리를 파란 계열로 (머리글 메뉴는 건드리지 않음) */
main.site-main,
.site-footer {
	--color-text: #1e293b;
	--color-text-muted: #5b6b82;
	--color-border: #e2e8f0;
	--shadow-card: 0 12px 30px -14px rgba(15, 31, 61, .18);
}
main.site-main { color: #1e293b; }
.btn-primary:hover,
.btn-primary:focus-visible { background-color: #1d4ed8; }
main.site-main .btn-outline { background-color: #fff; border-color: #d6e0f0; }

/* 2. 구역 제목 — 영문 꼬리표는 알약 모양, 제목은 자간을 살짝 좁혀 또렷하게 */
main.site-main .section-header { margin-bottom: 32px; }
main.site-main .section-eyebrow {
	background: #e8f0fe;
	color: #2563eb;
	font-size: .76rem;
	font-weight: 800;
	letter-spacing: .1em;
	line-height: 1;
	padding: 7px 12px;
	border-radius: 999px;
	margin-bottom: 14px;
}
main.site-main .section-title,
main.site-main .start-card-title,
main.site-main .cta-title {
	letter-spacing: -.025em;
	line-height: 1.32;
	word-break: keep-all;
}
main.site-main .section-title { font-size: clamp(1.6rem, 1.15rem + 2vw, 2.4rem); }
main.site-main .section-desc {
	margin-top: 12px;
	font-size: clamp(.95rem, .9rem + .25vw, 1.05rem);
	line-height: 1.75;
	word-break: keep-all;
}
main.site-main .cta-desc { line-height: 1.7; }

/* 3. 카드 — 모서리·그림자·글줄 간격 정리 */
main.site-main .plan-card-v2 { border-radius: 18px; padding: 24px 22px; }
main.site-main .plan-name { letter-spacing: -.015em; line-height: 1.45; }
main.site-main .plan-desc { line-height: 1.65; }
main.site-main .plan-price { font-size: 1.5rem; letter-spacing: -.02em; }
main.site-main .activation-home-card { border-color: #e2e8f0; }
main.site-main .activation-home-title { letter-spacing: -.015em; }
main.site-main .activation-home-desc { line-height: 1.65; }

#why-us [style*="repeat(3,1fr)"] > div {
	border-color: #e6edf7 !important;
	box-shadow: 0 12px 28px -18px rgba(15, 31, 61, .25);
	transition: transform .2s ease, box-shadow .2s ease;
}
#why-us [style*="repeat(3,1fr)"] > div:hover { transform: translateY(-3px); box-shadow: 0 18px 34px -18px rgba(15, 31, 61, .30); }
#why-us [style*="repeat(3,1fr)"] p:first-of-type { letter-spacing: -.02em; }

#guide-cards [style*="repeat(4,1fr)"] > a {
	box-shadow: 0 12px 28px -18px rgba(15, 31, 61, .25);
	transition: transform .2s ease;
}
#guide-cards [style*="repeat(4,1fr)"] > a:hover { transform: translateY(-3px); }
#guide-cards [style*="repeat(4,1fr)"] > a p:first-of-type { letter-spacing: -.015em; line-height: 1.45; }

/* 4. 자주 묻는 질문 — 줄 간격을 넉넉하게 */
main.site-main .faq-list { gap: 10px; }
main.site-main .faq-item { border-radius: 16px; transition: border-color .2s ease, box-shadow .2s ease; }
main.site-main .faq-item.is-open { border-color: #bfd3fb; box-shadow: 0 12px 26px -18px rgba(37, 99, 235, .40); }
main.site-main .faq-question { padding: 18px 20px; font-size: 1.02rem; line-height: 1.5; letter-spacing: -.015em; text-align: left; }
main.site-main .faq-answer { padding: 0 20px 20px; font-size: .95rem; line-height: 1.8; }

/* 5. 태블릿 — 가이드 카드 4칸 → 2칸 */
@media (max-width: 899px) {
	#guide-cards [style*="repeat(4,1fr)"] { grid-template-columns: repeat(2, 1fr) !important; }
}

/* 6. 휴대폰 — 좁게 끼던 통신망 카드 2칸 → 한 줄씩, 가이드 카드·첫 화면 여백 정리 */
@media (max-width: 640px) {
	main.site-main .section-header { margin-bottom: 24px; }

	.hero .container { padding: 40px 20px 36px !important; gap: 20px !important; }
	.hero .container > div:last-child svg { max-width: 200px !important; }

	#network-compare [style*="grid-template-columns:1fr 1fr"] { grid-template-columns: 1fr !important; gap: 14px !important; }
	#network-compare [style*="grid-template-columns:1fr 1fr"] > div { padding: 28px 22px !important; }
	#network-compare [style*="font-size:28px"] { font-size: 23px !important; }

	#guide-cards [style*="repeat(4,1fr)"] { gap: 12px !important; }
	#guide-cards [style*="height:150px"] { height: 110px !important; }
	#guide-cards [style*="bottom:-16px"] { font-size: 11px !important; padding: 6px 9px !important; left: 8px !important; }
	#guide-cards [style*="padding:26px 16px 20px"] { padding: 22px 12px 16px !important; }
	#guide-cards [style*="repeat(4,1fr)"] > a p:first-of-type { font-size: 14px !important; }

	main.site-main .faq-question { padding: 16px 16px; font-size: .98rem; }
	main.site-main .faq-answer { padding: 0 16px 18px; }
}

/* 7. 구역 사이 간격 — 위아래 여백을 줄이고, 같은 바탕색이 이어지는 곳은 겹친 여백을 없앱니다 */
main.site-main > .section:not(#how-to-start) { padding: 56px 0; }
@media (min-width: 768px) {
	main.site-main > .section:not(#how-to-start) { padding: 72px 0; }
}
@media (min-width: 1024px) {
	main.site-main > .section:not(#how-to-start) { padding: 88px 0; }
	main.site-main .section-header { margin-bottom: 44px; }
}
main.site-main > .section#activation-process,
main.site-main > .section#guide-cards,
main.site-main > .section#latest-posts { padding-top: 0; }

/* ===== 지역 페이지 디자인 A · 파란 카드 (2026-09-14) ===== */
body.parent-pageid-2310 .page-header .page-title { letter-spacing: -.03em; }
body.parent-pageid-2310 .entry-content > p:first-of-type { font-size: 1.02rem !important; line-height: 1.85 !important; color: #334155 !important; background: #f7faff; border: 1px solid #e5edfa; border-radius: 16px; padding: 18px 20px !important; margin: 0 0 18px !important; }
body.parent-pageid-2310 .entry-content a[href*="n-telecom.co.kr"] { background: #2563eb !important; border-radius: 14px !important; padding: 17px 12px !important; font-size: 1rem !important; box-shadow: 0 12px 22px -14px rgba(37,99,235,.8); }
body.parent-pageid-2310 .entry-content a[href*="pf.kakao.com"] { border-radius: 14px !important; padding: 17px 12px !important; font-size: 1rem !important; }
body.parent-pageid-2310 .entry-content h2 { position: relative; margin: 40px 0 14px !important; padding-left: 14px; font-size: 1.32rem; font-weight: 800; letter-spacing: -.025em; line-height: 1.35; color: #0f1f3d; }
body.parent-pageid-2310 .entry-content h2::before { content: ""; position: absolute; left: 0; top: .18em; bottom: .18em; width: 5px; border-radius: 3px; background: #2563eb; }
body.parent-pageid-2310 .entry-content h3 { font-size: 1.02rem !important; font-weight: 800; color: #0f1f3d; letter-spacing: -.015em; margin: 18px 0 6px !important; }
body.parent-pageid-2310 .entry-content div[style*="#f3e8ff"] { background: #ffffff !important; border: 1px solid #dbe6fb !important; border-radius: 16px !important; padding: 16px 18px !important; box-shadow: 0 10px 24px -18px rgba(15,31,61,.35); }
body.parent-pageid-2310 .entry-content div[style*="color:#6f3dff"] { color: #1d4ed8 !important; font-size: 1.02rem !important; }
body.parent-pageid-2310 .entry-content a[href*="/visit/#region"] { color: #1d4ed8 !important; font-weight: 700 !important; background: #f4f8ff; border-radius: 999px; padding: 7px 13px !important; display: inline-block !important; }
body.parent-pageid-2310 .entry-content a[style*="#6f3dff"] { color: #1d4ed8 !important; }
body.parent-pageid-2310 .entry-content a[style*="border-radius:999px"] { transition: transform .15s ease, border-color .15s ease; }
body.parent-pageid-2310 .entry-content a[style*="border-radius:999px"]:hover { border-color: #2563eb !important; transform: translateY(-1px); }
body.parent-pageid-2310 .sbr-go { background: linear-gradient(135deg,#eef4ff 0%,#f7faff 100%) !important; border: 1px solid #dbe6fb !important; border-radius: 18px !important; }
body.parent-pageid-2310 .entry-content > ol, body.parent-pageid-2310 .entry-content > p { margin-bottom: 14px !important; }

.sbr-hd-seal{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#0f1f3d;vertical-align:middle;margin:0 10px;}.sbp-topbar .sbr-hd-seal{color:#ffffff;}.sbr-hd-t{font-size:11.5px;font-weight:800;line-height:1.25;white-space:nowrap;}.sbr-hd-t i{display:block;font-style:normal;font-weight:600;font-size:10px;opacity:.75;}@media(max-width:640px){.sbr-hd-t i{display:none;}.sbr-hd-seal{margin:0 6px;}}
.sbr-go{background:#eaf0fd;border:1px solid #dbe6fb;border-radius:16px;padding:20px 22px;margin:18px 0 22px;}.sbr-go-t{font-size:17px;font-weight:800;color:#0f172a;margin-bottom:8px;letter-spacing:-.02em;line-height:1.4;}.sbr-go-d{font-size:14.5px;color:#475569;line-height:1.8;}.sbr-go-d a{color:#1d4ed8 !important;font-weight:700;}.sbr-go-b{display:inline-block;margin-top:14px;background:#1d4ed8;color:#fff !important;font-size:15px;font-weight:800;padding:14px 22px;border-radius:12px;text-decoration:none !important;}.sbr-go-s{background:#f6f8fc;border-color:#e9eef5;padding:16px 18px;}.sbr-foot{text-align:center;padding:18px 16px 26px;font-size:13.5px;color:#94a3b8;line-height:2;}.sbr-foot a{color:#1d4ed8 !important;font-weight:700;margin:0 2px;}#region-guide .section-header{margin-bottom:40px;}.sbr-rg{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:1000px;margin:0 auto;}.sbr-rg-a{flex:0 0 130px;display:block;text-align:center;background:var(--color-white,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-md,16px);padding:18px 10px;text-decoration:none !important;box-shadow:var(--shadow-card,0 1px 3px rgba(0,0,0,.06));transition:transform .15s ease,border-color .15s ease;}.sbr-rg-a b{display:block;font-size:1.1rem;font-weight:800;color:var(--color-primary-dark,#1e293b);letter-spacing:-.01em;}.sbr-rg-a i{display:block;font-style:normal;font-size:.82rem;font-weight:600;color:var(--color-primary,#2563eb);margin-top:6px;}.sbr-rg-a:hover{transform:translateY(-2px);border-color:var(--color-primary-light,#93c5fd);}.sbr-rg-more{text-align:center;margin-top:32px;}@media(max-width:520px){.sbr-rg{gap:8px;}.sbr-rg-a{flex:0 0 calc((100% - 16px) / 3);padding:14px 6px;}.sbr-rg-a b{font-size:1rem;}.sbr-rg-a i{font-size:.75rem;}}

@media (max-width: 480px) {
  .suburi-network-plan-grid, .sbr-usim-grid { grid-template-columns: 1fr !important; }
  .suburi-icon-grid { grid-template-columns: repeat(2,1fr) !important; }
  .suburi-cta-grid a { padding:12px 6px !important; font-size:13px !important; gap:4px !important; }
  .suburi-compare-wrap table { font-size: 12px !important; }
  .suburi-compare-wrap td, .suburi-compare-wrap th { padding: 6px !important; }
}

.sbr-pl{margin:28px 0 0;padding:18px 0 0;border-top:1px solid #e3e6ea}.sbr-pl h2{margin:0 0 4px;font-size:16px;font-weight:700}.sbr-pl>p{margin:0 0 12px;font-size:13px;color:#6b7280}.sbr-pl-wrap{overflow-x:auto}.sbr-pl table{border-collapse:collapse;width:100%;min-width:430px;font-size:13.5px}.sbr-pl th,.sbr-pl td{border-bottom:1px solid #e9ecef;padding:10px 8px;text-align:left;white-space:nowrap}.sbr-pl thead th{font-size:11.5px;color:#6b7280;font-weight:600;border-bottom:1px solid #d7dbe0}.sbr-pl tbody th{font-weight:700}.sbr-pl .won{font-weight:700;font-variant-numeric:tabular-nums}.sbr-pl tr.on{background:#f1f8f4}.sbr-pl-tag{display:inline-block;margin-left:6px;font-size:10.5px;font-weight:700;color:#fff;background:#2f7d4f;border-radius:4px;padding:2px 6px;vertical-align:1px}.sbr-pl-note{margin:10px 0 0;font-size:12px;line-height:1.7;color:#6b7280}

	.btn-call {
		background-color: #22c55e !important;
		color: #ffffff !important;
		display: inline-flex;
		align-items: center;
		gap: 6px;
	}
	.btn-call:hover,
	.btn-call:focus-visible {
		background-color: #16a34a !important;
	}
	

    #suburi-faceauth-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(15, 23, 42, 0.55);
        z-index: 99999;
        align-items: center;
        justify-content: center;
        padding: 16px;
    }
    #suburi-faceauth-overlay.is-open {
        display: flex;
    }
    #suburi-faceauth-modal {
        background: #ffffff;
        border-radius: 20px;
        max-width: 360px;
        width: 100%;
        padding: 28px 24px 24px;
        position: relative;
        box-shadow: 0 24px 60px rgba(15, 23, 42, 0.25);
    }
    #suburi-faceauth-close {
        position: absolute;
        top: 16px;
        right: 16px;
        background: none;
        border: none;
        font-size: 20px;
        line-height: 1;
        color: #94a3b8;
        cursor: pointer;
        padding: 4px;
    }
    #suburi-faceauth-icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        background: #fff1e6;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        margin: 0 auto 14px;
    }
    #suburi-faceauth-modal h3 {
        text-align: center;
        font-size: 19px;
        font-weight: 800;
        color: #1e293b;
        margin: 0 0 8px;
    }
    #suburi-faceauth-modal p.suburi-faceauth-sub {
        text-align: center;
        font-size: 13px;
        color: #64748b;
        margin: 0 0 20px;
        line-height: 1.5;
    }
    .suburi-faceauth-check-row {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding: 10px 0;
        border-bottom: 1px solid #f1f5f9;
        cursor: pointer;
    }
    .suburi-faceauth-check-row input[type="checkbox"] {
        width: 20px;
        height: 20px;
        margin-top: 1px;
        accent-color: #6f3dff;
        flex-shrink: 0;
        cursor: pointer;
    }
    .suburi-faceauth-check-row span {
        font-size: 14px;
        color: #334155;
        font-weight: 600;
        line-height: 1.4;
    }
    #suburi-faceauth-guide-link {
        display: block;
        text-align: center;
        margin: 10px 0 6px;
        padding: 10px;
        border: 1.5px solid #6f3dff;
        color: #6f3dff;
        border-radius: 10px;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
    }
    #suburi-faceauth-confirm {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 18px;
        padding: 14px;
        border: none;
        border-radius: 10px;
        font-size: 15px;
        font-weight: 800;
        color: #ffffff;
        background: #cbd5e1;
        cursor: not-allowed;
        transition: background-color 0.15s ease;
    }
    #suburi-faceauth-confirm.is-ready {
        background: #6f3dff;
        cursor: pointer;
    }
    

    #suburi-bottom-cta-bar {
        display: none;
    }
    @media (max-width: 640px) {
        #suburi-bottom-cta-bar {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 9997;
            display: block;
            text-align: center;
            background: #2563eb;
            color: #ffffff !important;
            font-weight: 700;
            font-size: 13px;
            line-height: 1;
            padding: 9px;
            text-decoration: none;
        }
    }

    #suburi-float-stack {
        position: fixed;
        right: 14px;
        bottom: 90px;
        z-index: 9998;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    #suburi-float-stack a,
    #suburi-float-stack button {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        box-shadow: 0 8px 18px rgba(15,23,42,0.22);
        cursor: pointer;
        text-decoration: none;
    }
    #suburi-float-open {
        background: #2563eb;
        color: #ffffff !important;
        font-size: 11px !important;
        font-weight: 800;
        flex-direction: column;
        line-height: 1.2;
    }
    #suburi-float-call {
        background: #16a34a;
        color: #ffffff !important;
    }
    #suburi-float-kakao {
        background: #fee500;
        color: #1e1e1e !important;
    }
    #suburi-float-ai {
        background: #6f3dff;
        color: #ffffff !important;
    }

    #suburi-ai-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(15,23,42,0.5);
        z-index: 99998;
        align-items: flex-end;
        justify-content: center;
    }
    #suburi-ai-overlay.is-open {
        display: flex;
    }
    #suburi-ai-panel {
        background: #f8fafc;
        width: 100%;
        max-width: 420px;
        max-height: 82vh;
        border-radius: 20px 20px 0 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    #suburi-ai-header {
        background: #6f3dff;
        color: #ffffff;
        padding: 20px;
        position: relative;
    }
    #suburi-ai-header h3 {
        margin: 0 0 4px;
        font-size: 18px;
        font-weight: 800;
    }
    #suburi-ai-header p {
        margin: 0;
        font-size: 13px;
        opacity: 0.9;
    }
    #suburi-ai-close {
        position: absolute;
        top: 16px;
        right: 16px;
        background: rgba(255,255,255,0.2);
        border: none;
        color: #ffffff;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        font-size: 18px;
        cursor: pointer;
    }
    #suburi-ai-body {
        flex: 1;
        overflow-y: auto;
        padding: 16px;
    }
    .suburi-ai-msg {
        background: #ffffff;
        border-radius: 14px;
        padding: 14px 16px;
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 1.6;
        color: #334155;
        box-shadow: 0 2px 8px rgba(15,23,42,0.06);
    }
    .suburi-ai-msg.suburi-ai-user {
        background: #6f3dff;
        color: #ffffff;
        margin-left: 40px;
    }
    .suburi-ai-msg a.btn {
        display: inline-block;
        margin-top: 8px;
        background: #6f3dff;
        color: #ffffff !important;
        font-weight: 700;
        font-size: 13px;
        padding: 8px 14px;
        border-radius: 8px;
        text-decoration: none;
    }
    #suburi-ai-warning {
        background: #fef9c3;
        border: 1px solid #fde68a;
        border-radius: 12px;
        padding: 12px 14px;
        font-size: 12.5px;
        color: #78716c;
        line-height: 1.6;
        margin-bottom: 14px;
    }
    #suburi-ai-quick {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        padding: 0 16px 12px;
    }
    #suburi-ai-quick button {
        background: #ffffff;
        border: 1.5px solid #ddd0ff;
        color: #6f3dff;
        font-size: 13px;
        font-weight: 700;
        padding: 8px 14px;
        border-radius: 999px;
        cursor: pointer;
    }
    #suburi-ai-input-row {
        display: flex;
        gap: 8px;
        padding: 12px 16px;
        border-top: 1px solid #e2e8f0;
        background: #ffffff;
    }
    #suburi-ai-input {
        flex: 1;
        border: 1.5px solid #e2e8f0;
        border-radius: 999px;
        padding: 12px 16px;
        font-size: 14px;
        outline: none;
    }
    #suburi-ai-input:focus {
        border-color: #6f3dff;
    }
    #suburi-ai-send {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        border: none;
        background: #6f3dff;
        color: #ffffff;
        font-size: 16px;
        cursor: pointer;
        flex-shrink: 0;
    }
    

body.sbr-us-lock{overflow:hidden;}
.sbr-us{position:fixed;inset:0;z-index:100000;display:none;font-family:inherit;}
.sbr-us.on{display:block;}
.sbr-us .us-dim{position:absolute;inset:0;background:rgba(15,23,42,.45);}
.sbr-us .us-sh{position:absolute;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;background:#fff;border-radius:26px 26px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom,0px));color:#0f172a;animation:sbrUs .22s ease;box-sizing:border-box;max-height:92vh;overflow:auto;}
@keyframes sbrUs{from{transform:translateY(24px);opacity:.6;}to{transform:none;opacity:1;}}
@media (prefers-reduced-motion:reduce){.sbr-us .us-sh{animation:none;}}
@media (min-width:768px){.sbr-us .us-sh{bottom:auto;top:50%;transform:translateY(-50%);border-radius:24px;padding:18px 22px 22px;animation:none;}}
.sbr-us .us-gr{width:38px;height:4px;border-radius:4px;background:#d7dde7;margin:0 auto 14px;cursor:pointer;}
.sbr-us .us-st{display:flex;gap:5px;margin-bottom:12px;}
.sbr-us .us-st b{height:4px;flex:1;border-radius:4px;background:#e5e9f0;}
.sbr-us .us-st b.us-on{background:#2563eb;}
.sbr-us .us-ey{font-size:12px;font-weight:700;color:#2563eb;margin:0 0 4px;}
.sbr-us .us-tt{font-size:19px;font-weight:800;line-height:1.35;margin:0 0 4px;color:#0f172a;}
.sbr-us .us-sb{font-size:13px;color:#64748b;margin:0 0 16px;}
.sbr-us .us-ch{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-radius:16px;padding:14px;margin:0 0 10px;border:1px solid #e5e9f0;background:#fff;color:#0f172a;font:inherit;cursor:pointer;text-decoration:none;box-sizing:border-box;}
.sbr-us .us-ch.us-pri{background:#2563eb;border-color:#2563eb;color:#fff;}
.sbr-us .us-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:0 0 38px;background:#eff4ff;color:#1d4ed8;}
.sbr-us .us-ch.us-pri .us-ic{background:rgba(255,255,255,.18);color:#fff;}
.sbr-us .us-tx{flex:1;min-width:0;}
.sbr-us .us-tx b{display:block;font-size:15px;font-weight:800;}
.sbr-us .us-tx small{display:block;font-size:12px;opacity:.8;margin-top:2px;}
.sbr-us .us-cv{opacity:.55;display:grid;place-items:center;}
.sbr-us .us-nt{font-size:11.5px;color:#94a3b8;margin:8px 0 0;}
.sbr-us .us-list{background:#f5f8fd;border-radius:16px;padding:4px 14px;margin:0 0 10px;}
.sbr-us .us-list div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;}
.sbr-us .us-list div+div{border-top:1px solid #e8edf5;}
.sbr-us .us-list span{font-size:13.5px;font-weight:700;}
.sbr-us .us-list em{font-style:normal;font-weight:400;font-size:11px;color:#94a3b8;display:block;margin-top:1px;}
.sbr-us .us-list b{font-size:12px;color:#1d4ed8;white-space:nowrap;font-weight:700;}
.sbr-us .us-on2{display:block;text-align:center;font-size:13px;font-weight:700;color:#1d4ed8;padding:11px;border-radius:14px;border:1px solid #cfdcf7;background:#fff;text-decoration:none;margin:0 0 8px;}
.sbr-us .us-kk{display:block;text-align:center;font-size:13px;font-weight:700;color:#3c1e1e;padding:12px;border-radius:14px;background:#fee500;text-decoration:none;}
.sbr-us .us-back{display:block;width:100%;background:none;border:0;font:inherit;font-size:12.5px;color:#94a3b8;text-align:center;margin-top:10px;cursor:pointer;}
.sbr-us [hidden]{display:none !important;}

.sbr-seal-row{margin:14px 0 0;padding:14px 0 0;border-top:1px solid rgba(15,31,61,.12);}.sbr-seal-btn{display:flex;align-items:center;gap:12px;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left;font:inherit;color:inherit;}.sbr-seal-btn:focus-visible{outline:2px solid #1d4ed8;outline-offset:4px;border-radius:10px;}.sbr-seal-t{display:block;line-height:1.6;font-size:13px;}.sbr-seal-t b{display:block;font-weight:700;color:inherit;}.sbr-seal-t span{display:block;font-weight:400;opacity:.72;font-size:12.5px;margin-top:2px;}.sbr-seal-wrap{position:fixed;inset:0;background:rgba(8,15,30,.78);z-index:2147483000;display:none;align-items:center;justify-content:center;padding:64px 16px 24px;}.sbr-seal-wrap.on{display:flex;}.sbr-seal-x{position:absolute;top:14px;right:16px;width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.55);background:rgba(15,31,61,.92);color:#fff;font-size:24px;font-weight:700;line-height:1;cursor:pointer;z-index:2;}.sbr-seal-box{background:#fff;border-radius:16px;padding:14px;max-width:500px;width:100%;max-height:100%;overflow:auto;position:relative;}.sbr-seal-cut{position:relative;width:100%;padding-top:140.42%;overflow:hidden;border-radius:8px;background:#fff;}.sbr-seal-cut img{position:absolute;width:196.73%;height:auto;left:-12.15%;top:-28.29%;max-width:none;}.sbr-seal-cap{margin:10px 2px 0;font-size:12.5px;color:#64748b;text-align:center;}.sbr-seal-done{display:block;width:100%;margin:12px 0 0;padding:13px;border:0;border-radius:11px;background:#0f1f3d;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;}