@charset "utf-8";

:root {
	--brand: #0E7C6B;
	--brand-dark: #0A5F53;
	--brand-darker: #074540;
	--brand-light: #E6F5F2;
	--brand-shadow: rgba(14, 124, 107, 0.35);
	--luxury-ink: #003d33;
	--luxury-gold: #f0e2c0;
}

img {max-width:100%;}

#wrap {position:relative;padding-top:88px;}

.site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
	background: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	max-width: 1200px;
	margin: 0 auto;
	padding: clamp(12px, 2.8vw, 15px) clamp(16px, 4vw, 30px);
}

.brand {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: inherit;
}

.brand img {
	height: 60px;
	width: auto;
	object-fit: contain;
	border-radius: 8px;
}

.header-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 16px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	text-decoration: none;
	transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
	white-space: nowrap;
}

.btn:active {transform: scale(0.98);}

.btn--sm-phone {
	background: #333;
	color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.btn--sm-phone:hover {filter: brightness(1.05);}

.btn--sm-kakao {
	background: var(--brand-dark);
	color: #fff;
	box-shadow: 0 2px 10px rgba(10, 95, 83, 0.25);
}

.btn--sm-kakao:hover {filter: brightness(1.05);}

.btn .icon {flex-shrink: 0;}

#tk01 {
	background: #064E46;
	position:relative;
	z-index:10;
	font-size:0;
}
#tk01 .inner {max-width:1200px;margin:0 auto;}
#tk01 .txt {padding:0 0 0 0;text-align: center; }
#tk01 .txt img {}
#tk01 .txt a {display:block; }

#tk02,
.inquiry-block {
	position:relative;
	overflow:hidden;
	background:#212121;
	z-index:10;
	font-size:0;
	padding:clamp(100px, 12vw, 140px) 0 clamp(90px, 11vw, 130px);
}
#tk02 .inner,
.inquiry-block .inner {position:relative;z-index:1;max-width:1200px;margin:0 auto;}
.tk02-bubbles {
	position:absolute;
	inset:0;
	z-index:0;
	pointer-events:none;
	overflow:hidden;
}
.tk02-bubble {
	position:absolute;
	border-radius:50%;
	background:rgba(255,255,255,0.06);
	animation:tk02-float 12s ease-in-out infinite;
}
.tk02-bubble--1 {
	width:clamp(200px, 35vw, 420px);
	height:clamp(200px, 35vw, 420px);
	top:-12%;
	left:-8%;
	animation-duration:14s;
}
.tk02-bubble--2 {
	width:clamp(160px, 28vw, 340px);
	height:clamp(160px, 28vw, 340px);
	top:20%;
	right:-10%;
	background:rgba(14,124,107,0.08);
	animation-duration:11s;
	animation-delay:-3s;
}
.tk02-bubble--3 {
	width:clamp(120px, 22vw, 280px);
	height:clamp(120px, 22vw, 280px);
	bottom:-15%;
	left:15%;
	background:rgba(255,255,255,0.05);
	animation-duration:16s;
	animation-delay:-6s;
}
.tk02-bubble--4 {
	width:clamp(240px, 40vw, 500px);
	height:clamp(240px, 40vw, 500px);
	bottom:5%;
	right:10%;
	background:rgba(14,124,107,0.06);
	animation-duration:13s;
	animation-delay:-2s;
}
.tk02-bubble--5 {
	width:clamp(90px, 16vw, 200px);
	height:clamp(90px, 16vw, 200px);
	top:45%;
	left:42%;
	background:rgba(255,255,255,0.04);
	animation-duration:10s;
	animation-delay:-5s;
}
@keyframes tk02-float {
	0%, 100% {transform:translate(0, 0) scale(1);}
	33% {transform:translate(18px, -24px) scale(1.04);}
	66% {transform:translate(-14px, 16px) scale(0.97);}
}
#tk02 .tk02-title,
.inquiry-block .tk02-title {
	margin: 0 0 clamp(28px, 4vw, 40px);
	padding: 0 16px;
	text-align: center;
	font-family: 'Pretendard', sans-serif;
	font-size: clamp(36px, 6.5vw, 56px);
	font-weight: 900;
	color: #fff;
	line-height: 1.25;
	letter-spacing: -0.03em;
}

.inquiry-cards {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(16px, 2.5vw, 28px);
	padding: 0 clamp(16px, 3vw, 24px);
	font-size: 16px;
}

.inquiry-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 22px;
	text-decoration: none;
	color: inherit;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.inquiry-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.34);
}

.inquiry-card:active {transform: translateY(-1px) scale(0.995);}

.inquiry-card__head {
	padding: clamp(18px, 2.4vw, 40px) 20px;
	text-align: center;
	font-family: 'Pretendard', sans-serif;
	font-size: clamp(22px, 2.8vw, 45px);
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: #111;
}

.inquiry-card--phone .inquiry-card__head {background: #e8e8e8;}
.inquiry-card--kakao .inquiry-card__head {background: #fee500;}

.inquiry-card__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: clamp(10px, 1.5vw, 16px);
	flex: 1;
	padding: clamp(28px, 3.5vw, 40px) clamp(20px, 2.5vw, 28px) clamp(24px, 3vw, 32px);
	background: #fff;
	text-align: center;
}

.inquiry-card__sub {
	margin: 0;
	font-family: 'Pretendard', sans-serif;
	font-size: clamp(15px, 1.7vw, 30px);
	font-weight: 700;
	color: #111;
	letter-spacing: -0.02em;
}

.inquiry-card__main {
	margin: 0;
	font-family: 'Pretendard', sans-serif;
	font-size: clamp(30px, 4vw, 55px);
	font-weight: 900;
	line-height: 1.15;
	letter-spacing: -0.03em;
}

.inquiry-card--phone .inquiry-card__main {color: var(--brand);}
.inquiry-card--kakao .inquiry-card__main {color: #1a1a1a;}

.inquiry-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 420px;
	margin-top: clamp(6px, 1vw, 10px);
	padding: clamp(14px, 1.8vw, 18px) 16px;
	border-radius: 14px;
	font-family: 'Pretendard', sans-serif;
	font-size: clamp(16px, 1.8vw, 30px);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.inquiry-card--phone .inquiry-card__btn {
	background: var(--brand);
	color: #fff;
}

.inquiry-card--kakao .inquiry-card__btn {
	background: #3c1e1e;
	color: #fee500;
	animation: inquiry-kakao-blink 0.6s steps(1, end) infinite;
}

@keyframes inquiry-kakao-blink {
	0%, 49.999% { color: #fee500; }
	50%, 100% { color: transparent; }
}

#tk03 {background:#ebebeb; z-index:10;font-size:0;}
#tk03 .inner {max-width:1200px;margin:0 auto;}
#tk03 .txt {text-align: center;}
#tk03 .txt img {font-size:0;}
#tk03 .txt a {display:block; }

#tk04 {background:#36ab36; z-index:10;font-size:0;}
#tk04 .inner {max-width:1200px;margin:0 auto;}
#tk04 .txt {text-align: center;}
#tk04 .txt img {font-size:0;}
#tk04 .txt a {display:block; }

#tk05 {background: url(../images/content03_bg.jpg) no-repeat; position:relative;z-index:10;font-size:0;}
#tk05 .inner {max-width:1200px;margin:0 auto;}
#tk05 .txt {padding:0 0 0 0;text-align: center; }
#tk05 .txt img {}
#tk05 .txt a {display:block; }

#tk06 {z-index:10;background:#efefef;}
#tk06 .inner {max-width:1200px;margin:0 auto;padding:clamp(48px, 8vw, 80px) 20px;}

.guide-process {font-family:'Pretendard',sans-serif;color:#111;}
.guide-process__head {
	text-align:center;
	margin-bottom:clamp(32px, 5vw, 48px);
}
.guide-process__brand-tag,
.faq-badge,
.tk09-badge,
#tk10.trust-banner .trust-banner__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0 0 16px;
	padding: 12px 28px 12px 22px;
	background: var(--luxury-ink);
	color: var(--luxury-gold);
	border: 1px solid var(--luxury-gold);
	border-radius: 999px;
	font-family: 'Pretendard', sans-serif;
	font-size: clamp(16px, 2.8vw, 22px);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.2;
	box-shadow: 0 4px 18px rgba(0, 61, 51, 0.22);
}

.guide-process__brand-tag::before,
.faq-badge::before,
.tk09-badge::before,
#tk10.trust-banner .trust-banner__badge::before {
	content: '';
	flex-shrink: 0;
	width: 1.15em;
	height: 1.15em;
	background: no-repeat center / contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23F6E7B2'/%3E%3Cstop offset='55%25' stop-color='%23E0C06A'/%3E%3Cstop offset='100%25' stop-color='%23B8923C'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M8 16 L14.5 22 L24 8 L33.5 22 L40 16 L37.5 28 H10.5 Z' fill='url(%23g)'/%3E%3Ccircle cx='8' cy='15' r='2.2' fill='%23F6E7B2'/%3E%3Ccircle cx='24' cy='7' r='2.4' fill='%23F6E7B2'/%3E%3Ccircle cx='40' cy='15' r='2.2' fill='%23F6E7B2'/%3E%3Cpath d='M13 30.5 C13 37.5 17.5 42 24 42 C30.5 42 35 37.5 35 30.5 V29 H13 V30.5 Z' fill='url(%23g)'/%3E%3Cpath d='M17.2 20.5 C18.8 24.8 21.2 27.2 24 27.2 C26.8 27.2 29.2 24.8 30.8 20.5 C29.2 25.8 26.8 28.8 24 28.8 C21.2 28.8 18.8 25.8 17.2 20.5 Z' fill='%23C9A84A'/%3E%3Ctext x='24' y='39.2' text-anchor='middle' font-family='Georgia,serif' font-size='13' font-weight='700' fill='%23003d33'%3EM%3C/text%3E%3C/svg%3E");
}
.guide-process__title {
	margin:0;
	font-family:'Pretendard',sans-serif;
	font-size:clamp(40px, 8vw, 72px);
	font-weight:900;
	color:#111;
	letter-spacing:-0.03em;
	line-height:1.3;
}

.guide-steps {display:flex;flex-direction:column;gap:clamp(16px, 3vw, 20px);}
.guide-step {
	text-align:center;
	padding:clamp(32px, 5vw, 48px) clamp(24px, 4vw, 40px);
	background:#fff;
	border-radius:20px;
	box-shadow:0 4px 20px rgba(0,0,0,0.06);
}
.guide-step__num {
	display:inline-block;
	margin-bottom:clamp(18px, 3vw, 24px);
	padding:10px 22px;
	background:var(--brand);
	color:#fff;
	font-size:clamp(16px, 2.8vw, 22px);
	font-weight:800;
	border-radius:999px;
	letter-spacing:0.02em;
}
.guide-step__title {
	margin:0 0 clamp(16px, 3vw, 22px);
	font-size:clamp(26px, 5.5vw, 40px);
	font-weight:800;
	color:#111;
	line-height:1.45;
	letter-spacing:-0.03em;
}
.guide-step__title em {
	font-style:normal;
	color:var(--brand);
}
.guide-step__desc {
	margin:0;
	font-size:clamp(18px, 3.5vw, 24px);
	font-weight:500;
	color:#666;
	line-height:1.65;
	letter-spacing:-0.02em;
}

#tk07 {background:#e1e1e1;z-index:10;padding:clamp(60px, 10vw, 100px) 20px;}
#tk07 .inner {max-width:1200px;margin:0 auto;}
.tk07-head {text-align:center;margin-bottom:clamp(32px, 5vw, 48px);}
.tk07-title {
	margin:0 0 clamp(14px, 2.5vw, 20px);
	font-family:'Pretendard',sans-serif;
	font-size:clamp(36px, 7vw, 64px);
	line-height:1.2;
	letter-spacing:-0.04em;
	color:#111;
}
.tk07-title__brand {font-weight:900;}
.tk07-title__sub {font-weight:100;}
.tk07-lead {
	margin:0;
	font-family:'Pretendard',sans-serif;
	font-size:clamp(15px, 2.5vw, 20px);
	font-weight:500;
	color:#666;
	line-height:1.5;
	letter-spacing:-0.02em;
}
#tk07 .tk07-visual {text-align:center;font-size:0;}
#tk07 .tk07-visual img {font-size:0;max-width:100%;height:auto;}

#tk08.faq-section {
	background: #eef6f4;
	position: relative;
	z-index: 10;
	padding: clamp(60px, 10vw, 100px) 20px;
	font-family: 'Pretendard', sans-serif;
}
#tk08 .inner {
	max-width: 1200px;
	margin: 0 auto;
}

.faq-head {
	margin: 0 0 clamp(32px, 5vw, 48px);
	text-align: center;
}

.faq-title {
	margin: 0;
	font-family: 'Pretendard', sans-serif;
	font-size: clamp(40px, 8vw, 72px);
	font-weight: 900;
	color: #111;
	letter-spacing: -0.03em;
	line-height: 1.3;
}

.faq-list {
	display: flex;
	flex-direction: column;
	gap: clamp(16px, 3vw, 20px);
}

.faq-card {
	text-align: center;
	background: #fff;
	border-radius: 20px;
	padding: clamp(32px, 5vw, 48px) clamp(24px, 4vw, 40px);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.faq-card__q,
.faq-card__a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(14px, 2.5vw, 20px);
}

.faq-card__q {
	padding-bottom: clamp(22px, 3.5vw, 30px);
	margin-bottom: clamp(22px, 3.5vw, 30px);
	border-bottom: 1px dashed #d5e3df;
}

.faq-card__q p,
.faq-card__a p {
	margin: 0;
	max-width: 920px;
	letter-spacing: -0.03em;
	word-break: keep-all;
}

.faq-card__q p {
	font-size: clamp(26px, 5.5vw, 40px);
	font-weight: 800;
	color: #111;
	line-height: 1.45;
}

.faq-card__q p strong {
	font-weight: 800;
	color: var(--brand);
}

.faq-card__a p {
	font-size: clamp(18px, 3.5vw, 24px);
	font-weight: 500;
	color: #666;
	line-height: 1.65;
	letter-spacing: -0.02em;
}

.faq-card__a p strong {
	font-weight: 800;
	color: var(--brand);
}

.faq-card__mark {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: clamp(72px, 12vw, 110px);
	height: clamp(40px, 5.5vw, 52px);
	padding: 10px 22px;
	border-radius: 999px;
	font-size: clamp(16px, 2.8vw, 22px);
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.02em;
	color: #fff;
}

.faq-card__mark--q { background: var(--brand); }
.faq-card__mark--a { background: #8a9a96; }

#tk09 {
	position:relative;
	z-index:10;
	overflow:hidden;
	padding:clamp(60px, 10vw, 100px) 20px 0;
	background:
		linear-gradient(165deg, #0a5f53 0%, #0e7c6b 42%, #0a6b5d 100%);
}
#tk09 .inner {
	position:relative;
	z-index:1;
	max-width:1200px;
	margin:0 auto;
}

.tk09-bubbles {
	position:absolute;
	inset:0;
	z-index:0;
	pointer-events:none;
	overflow:hidden;
}
.tk09-bubble {
	position:absolute;
	border-radius:50%;
	background:rgba(255,255,255,0.06);
	animation:tk09-float 16s ease-in-out infinite;
}
.tk09-bubble--1 {
	width:clamp(220px, 38vw, 480px);
	height:clamp(220px, 38vw, 480px);
	top:-18%;
	left:-12%;
	background:rgba(255,255,255,0.05);
	animation-duration:18s;
}
.tk09-bubble--2 {
	width:clamp(180px, 32vw, 400px);
	height:clamp(180px, 32vw, 400px);
	top:10%;
	right:-14%;
	background:rgba(125,211,199,0.12);
	animation-duration:14s;
	animation-delay:-4s;
}
.tk09-bubble--3 {
	width:clamp(260px, 42vw, 520px);
	height:clamp(260px, 42vw, 520px);
	bottom:-22%;
	left:8%;
	background:rgba(255,255,255,0.04);
	animation-duration:20s;
	animation-delay:-8s;
}
.tk09-bubble--4 {
	width:clamp(140px, 24vw, 320px);
	height:clamp(140px, 24vw, 320px);
	bottom:18%;
	right:12%;
	background:rgba(230,245,242,0.08);
	animation-duration:12s;
	animation-delay:-2s;
}
@keyframes tk09-float {
	0%, 100% {transform:translate(0, 0) scale(1);}
	25% {transform:translate(24px, -20px) scale(1.05);}
	50% {transform:translate(-16px, 14px) scale(0.96);}
	75% {transform:translate(12px, 22px) scale(1.02);}
}

.tk09-head {text-align:center;margin-bottom:clamp(32px, 5vw, 48px);}
.tk09-title {
	margin:0;
	font-family:'Pretendard',sans-serif;
	font-size:clamp(40px, 8vw, 72px);
	font-weight:900;
	color:#fff;
	letter-spacing:-0.03em;
	line-height:1.3;
}
#tk09 .tk09-visual {text-align:center;font-size:0;}
#tk09 .tk09-visual img {max-width:100%;height:auto;display:block;}

@media all and (min-width:1025px) {
	#tk09 .tk09-visual {text-align:left;}
	#tk09 .tk09-visual img {margin-left:50px;}
}

/* #tk10 trust-banner */
#tk10.trust-banner {
	position:relative;
	z-index:10;
	width:100%;
	box-sizing:border-box;
	margin:0;
	padding:clamp(60px, 10vw, 100px) clamp(16px, 4vw, 32px);
	text-align:center;
	font-family:'Pretendard',sans-serif;
	line-height:1.5;
	color:#fff;
	background-color:#1a1a1a;
	background-image:
		linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
		url(../images/content03_bg.jpg);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
#tk10.trust-banner .trust-banner__inner {
	max-width:1200px;
	margin:0 auto;
}
#tk10.trust-banner .trust-banner__title {
	margin:0 0 clamp(24px, 4vw, 36px);
	padding:0;
	font-weight:inherit;
	color:#fff;
	letter-spacing:-0.03em;
}
#tk10.trust-banner .trust-banner__title-line {
	display:block;
	font-size:clamp(28px, 5.5vw, 44px);
	font-weight:800;
	line-height:1.35;
	margin-bottom:clamp(8px, 1.5vw, 12px);
	letter-spacing:-0.03em;
}
#tk10.trust-banner .trust-banner__title-line--main {
	font-size:clamp(40px, 8vw, 72px);
	font-weight:900;
	margin-bottom:0;
	line-height:1.3;
}
#tk10.trust-banner .trust-banner__title-line--main em {
	font-style:normal;
	font-weight:900;
	color:#7DD3C7;
}
#tk10.trust-banner .trust-banner__figure {
	margin:clamp(28px, 5vw, 44px) auto clamp(24px, 4vw, 36px);
	max-width:min(320px, 88vw);
	display:flex;
	align-items:center;
	justify-content:center;
}
#tk10.trust-banner .trust-banner__figure-img {
	width:100%;
	height:auto;
	display:block;
}
#tk10.trust-banner .trust-banner__desc {
	margin:0 auto;
	max-width:720px;
	font-size:clamp(18px, 3.5vw, 24px);
	line-height:1.65;
	font-weight:500;
	color:rgba(255,255,255,0.9);
	letter-spacing:-0.02em;
}

#footer {background: #f1f1f1;}
#footer .inner {max-width:1080px;margin:0 auto;}
#footer .head {
	background: var(--brand);
	padding:5px 20px;
	text-align:center;
}
#footer .head .inner {text-align:center;}
#footer .head ul {font-size:0;text-align:center;}
#footer .head ul li {display:inline-block;vertical-align:top;margin-right:28px;}
#footer .head ul li:last-child {margin-right:0;}
#footer .head ul li a {
	display:block;
	height:50px;
	line-height:50px;
	color:#e8ecf0;
	letter-spacing:-0.03em;
	font-size:15px;
	transition:color 0.2s ease;
}
#footer .head ul li a:hover {color:#ffffff;}
#footer .foot {padding:50px 50px;}
#footer .foot address {font-size:18px;line-height:1.7; text-align:center;}
#footer .foot address span {display:inline-block;margin-right:20px;}
#footer .foot address span:last-child {margin-right:0;}


.admin-entry {
	margin: 14px 0 0;
}

.admin-entry a {
	display: inline-block;
	padding: 8px 14px;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 6px;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	letter-spacing: -0.02em;
}

.admin-entry a:hover {
	background: rgba(255, 255, 255, 0.08);
}

.admin-quick {
	position: fixed;
	left: 50%;
	bottom: calc(60px + env(safe-area-inset-bottom));
	transform: translateX(-50%);
	z-index: 301;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 0 14px;
	border-radius: 8px 8px 0 0;
	background: #222;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: -0.02em;
	box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18);
}

.admin-quick:hover {
	background: #000;
}

.floating-cta {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 300;
	display: flex;
	box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.15);
}

body:has(.admin-quick) #wrap {
	padding-bottom: 96px;
}

.floating-cta__btn {
	flex: 1 1 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 60px;
	font-family: inherit;
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	letter-spacing: -0.02em;
	transition: filter 0.15s ease;
	padding-bottom: env(safe-area-inset-bottom);
}

.floating-cta__btn--phone {
	background: #fff;
	color: var(--brand-dark);
	border-top: 1px solid rgba(10, 95, 83, 0.12);
}

.floating-cta__btn--sms {
	background: var(--brand-dark);
	color: #fff;
}

.floating-cta__btn--phone:hover {background: var(--brand-light);}
.floating-cta__btn--sms:hover {filter: brightness(1.08);}
.floating-cta__btn:active {filter: brightness(0.95);}
.floating-cta__btn--phone:active {filter: none; background: #d8f0eb;}
.floating-cta__icon {flex-shrink: 0;}

#wrap {padding-bottom: 60px;}

.__pop {position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;text-align:center;font-size:0;padding:20px;white-space:nowrap;display:none;}
.__pop:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.__pop .bg {position:fixed;left:0;top:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0.5);}
.__pop .inner {display:inline-block;vertical-align:middle;white-space:normal;width:1100px;max-width:100%;background:#fff;position:relative;z-index:10;border-radius:20px;padding:55px;text-align:left;}
.__pop .content {font-size:14px;line-height:1.6;max-height:620px;overflow:auto;color:#333;}
.__pop .close {display:block;width:28px;height:28px;background:url(../images/ico-close.png) no-repeat 50% 50%;background-size:contain;position:absolute;right:10px;top:-37px;border:none;}

@media all and (max-width:640px) {
	#wrap {padding-top:72px;}
	.header-actions .btn span {display:none;}
	.header-actions .btn {padding:10px 12px;}
	.brand img {height:48px;}

	.floating-cta__btn {height:56px;font-size:15px;gap:6px;}
	.floating-cta__icon {width:18px;height:18px;}

	.admin-quick {
		bottom: calc(56px + env(safe-area-inset-bottom));
		height: 32px;
		font-size: 12px;
	}

	body:has(.admin-quick) #wrap {
		padding-bottom: 88px;
	}
}

@media all and (max-width:1024px){

	#tk02,
	.inquiry-block {padding:64px 0 60px;}

	.inquiry-cards {
		grid-template-columns: 1fr;
		gap: 16px;
		max-width: 520px;
		margin: 0 auto;
	}

	.inquiry-card__head {
		padding: 16px 16px;
		font-size: clamp(20px, 5.5vw, 26px);
	}

	.inquiry-card__body {
		padding: 28px 18px 24px;
		gap: 12px;
	}

	.inquiry-card__main {
		font-size: clamp(28px, 8vw, 36px);
	}

	#tk07 {padding:48px 16px;}

	#tk08.faq-section {padding: clamp(48px, 8vw, 64px) 16px;}
	.faq-card {padding: 28px 20px;}

	#tk10.trust-banner {padding:40px 16px 48px;}
	#tk10.trust-banner .trust-banner__figure {
		max-width:min(160px, 48vw);
		margin:20px auto 24px;
	}

	#tk06 .inner {padding:32px 16px;}
	.guide-process__head {margin-bottom:24px;}
	.guide-step {padding:28px 20px;}

	.__pop .inner {border-radius:10px;padding:30px 20px;}
	.__pop .content {max-height:70vh;}
	.__pop .close {right:0;top:-35px;width:24px;height:24px;}




	#footer .head {padding:5px 30px;}
	#footer .head ul li {margin-right:20px;}
	#footer .head ul li a {height:36px;line-height:36px;font-size:12px}
	#footer .foot {padding:20px 20px;}
	#footer .foot address {font-size:12px;line-height:1.8;}
	#footer .foot address span {margin:0 15px;}
}