/* 왕조걸한방병원 발관리센터 (손발톱진균증·내성발톱·발각질) 전용 스타일 */
#container.ft {padding-bottom:0;margin-bottom:0;}
.ft {font-family:'Noto Sans KR',sans-serif;color:#333;word-break:keep-all;letter-spacing:-0.02em;}
.ft p, .ft li, .ft span, .ft h3, .ft h4, .ft td {text-wrap:pretty;}
.ft br.ft-m {display:none;}
.ft *, .ft *:before, .ft *:after {box-sizing:border-box;}
.ft img {display:block;max-width:100%;}
.ft-ico {width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none;}

/* 구간 */
.ft-sec {padding:100px 0;}
.ft-sec.alt {background:#faf7f3;}
.ft-in {max-width:1200px;margin:0 auto;padding:0 40px;}
.ft-in.narrow {max-width:1000px;}
.ft-head {text-align:center;margin-bottom:52px;}
.ft-tit {margin:0;font-size:38px;line-height:1.35;font-weight:500;letter-spacing:-0.04em;color:#222;}
.ft-tit:before {content:'';display:block;width:30px;height:3px;margin:0 auto 20px;background:#a28363;}
.ft-lead {margin:16px 0 0;font-size:18px;line-height:1.7;color:#666;}

/* 첫 화면 띠 */
.ft-hero {position:relative;display:flex;align-items:center;justify-content:center;height:400px;padding:0 30px;text-align:center;background-position:center;background-size:cover;background-repeat:no-repeat;}
.ft-hero:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(44,33,24,0.62);}
.ft-hero-box {position:relative;width:100%;}
.ft .ft-hero-tit, .ft .ft-hero-desc, .ft .ft-cta-tit, .ft .ft-cta-desc {text-wrap:wrap;}
.ft-hero-q {display:block;width:35px;height:23px;margin:0 auto 22px;background:url(/public/images/icon-pack.png) no-repeat -860px 0;}
.ft-hero-tit {margin:0;font-size:38px;line-height:1.5;font-weight:300;letter-spacing:-0.04em;color:#fff;}
.ft-hero-tit strong {font-weight:500;}
.ft-hero-desc {margin:20px 0 0;font-size:18px;line-height:1.6;color:rgba(255,255,255,0.85);}

/* 동그란 아이콘 */
.ft-icon {display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto;border-radius:50%;background:#f4ece3;color:#a28363;}
.ft-icon .ft-ico {width:34px;height:34px;}
.ft-icon.sm {flex:none;width:52px;height:52px;margin:0;}
.ft-icon.sm .ft-ico {width:26px;height:26px;}

/* 두 칸 카드 */
.ft-duo {display:flex;gap:28px;}
.ft-card {flex:1;padding:44px 40px;background:#fff;border:1px solid #ece4da;border-radius:18px;}
.ft-card-top {display:flex;align-items:center;gap:18px;}
.ft-card h4 {margin:0;font-size:24px;line-height:1.4;font-weight:500;color:#222;}
.ft-card h4 small {display:block;margin-top:2px;font-size:16px;font-weight:400;color:#a28363;}
.ft-card p {margin:22px 0 0;font-size:18px;line-height:1.75;color:#555;}
.ft-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;}
.ft-tags span {padding:6px 14px;border-radius:20px;background:#f7f2ec;font-size:16px;line-height:1.5;color:#7d6247;}
.ft-card ul {margin:22px 0 0;padding:0;list-style:none;}
.ft-card li {display:flex;gap:10px;padding:10px 0;font-size:18px;line-height:1.6;color:#444;border-top:1px dashed #e8dfd5;}
.ft-card li:first-child {border-top:0;}
.ft-card li .ft-ico {width:22px;height:22px;margin-top:2px;color:#a28363;}

/* 원인 타일 */
.ft-tiles {display:flex;flex-wrap:wrap;gap:20px;justify-content:center;}
.ft-tile {flex:1 1 0;min-width:140px;padding:34px 14px 30px;background:#fff;border-radius:18px;text-align:center;box-shadow:0 8px 24px rgba(90,64,40,0.07);}
.ft-tile strong {display:block;margin-top:18px;font-size:19px;line-height:1.4;font-weight:500;color:#222;}
.ft-tile small {display:block;margin-top:6px;font-size:16px;line-height:1.5;color:#888;}

/* 증상 줄 */
.ft-rows {max-width:880px;margin:0 auto;padding:0;list-style:none;background:#fff;border:1px solid #ece4da;border-radius:18px;overflow:hidden;}
.ft-row {display:flex;align-items:center;gap:22px;padding:20px 34px;border-top:1px solid #f1ebe4;}
.ft-row:first-child {border-top:0;}
.ft-row-txt {flex:1;display:flex;align-items:center;gap:22px;}
.ft-row-txt b {flex:0 0 64px;font-size:18px;line-height:1.5;font-weight:500;color:#a28363;}
.ft-row-txt span {flex:1;font-size:18px;line-height:1.5;color:#333;}
.ft-rows.two {display:flex;flex-wrap:wrap;max-width:1000px;}
.ft-rows.two .ft-row {flex:0 0 50%;border-top:1px solid #f1ebe4;}
.ft-rows.two .ft-row:nth-child(-n+2) {border-top:0;}
.ft-rows.two .ft-row:nth-child(even) {border-left:1px solid #f1ebe4;}
.ft-rows.two .ft-row-txt b {flex-basis:64px;}

/* 합병증 칩 */
.ft-chips {display:flex;flex-wrap:wrap;gap:16px;max-width:880px;margin:0 auto;}
.ft-chip {flex:0 0 calc(33.333% - 11px);display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 16px;background:#fff;border:1px solid #e8dfd5;border-radius:14px;font-size:19px;line-height:1.4;font-weight:500;color:#333;}
.ft-chip .ft-ico {color:#c0866b;}

/* 치료 방법 카드 */
.ft-cards {display:flex;flex-wrap:wrap;gap:24px;}
.ft-tcard {flex:0 0 calc(33.333% - 16px);display:flex;flex-direction:column;background:#fff;border:1px solid #ece4da;border-radius:18px;overflow:hidden;}
.ft-tcard .pic {height:220px;background:#f3eee8;}
.ft-tcard .pic img {width:100%;height:100%;object-fit:cover;}
.ft-tcard .txt {flex:1;padding:26px 28px 30px;}
.ft-tcard h4 {margin:0;font-size:22px;line-height:1.4;font-weight:500;color:#222;}
.ft-tcard p {margin:12px 0 0;font-size:17px;line-height:1.7;color:#666;}
.ft-cards.half .ft-tcard {flex-basis:calc(50% - 12px);}
.ft-cards.half .ft-tcard .pic {height:280px;}

/* 장비·치료 소개 */
.ft-feature {display:flex;align-items:center;gap:60px;}
.ft-feature .pic {flex:0 0 42%;}
.ft-feature .pic img {width:100%;border-radius:18px;}
.ft-feature .txt {flex:1;}
.ft-eyebrow {display:block;font-size:16px;line-height:1.5;font-weight:500;letter-spacing:0.18em;color:#a28363;}
.ft-feature h3 {margin:10px 0 0;font-size:34px;line-height:1.4;font-weight:500;letter-spacing:-0.04em;color:#222;}
.ft-feature .lead {margin:18px 0 0;font-size:18px;line-height:1.75;color:#555;}
.ft-points {margin:26px 0 0;padding:0;list-style:none;}
.ft-points li {display:flex;align-items:center;gap:12px;padding:12px 0;font-size:18px;line-height:1.5;color:#333;border-top:1px solid #f1ebe4;}
.ft-points li:first-child {border-top:0;}
.ft-points .ft-ico {width:22px;height:22px;color:#a28363;}

/* 치료 과정 */
.ft-steps {display:flex;margin:0;padding:0;list-style:none;}
.ft-step {position:relative;flex:1;padding:0 14px;text-align:center;}
.ft-step:after {content:'';position:absolute;top:44px;left:calc(50% + 56px);right:calc(-50% + 56px);border-top:2px dashed #dccbb8;}
.ft-step:last-child:after {display:none;}
.ft-step-num {display:flex;align-items:center;justify-content:center;width:88px;height:88px;margin:0 auto;border:2px solid #a28363;border-radius:50%;background:#fff;color:#a28363;}
.ft-step-num .ft-ico {width:38px;height:38px;}
.ft-step em {display:block;margin-top:20px;font-size:16px;line-height:1.5;font-style:normal;font-weight:700;letter-spacing:0.08em;color:#a28363;}
.ft-step h4 {margin:6px 0 0;font-size:21px;line-height:1.4;font-weight:500;color:#222;}
.ft-step p {margin:8px 0 0;font-size:17px;line-height:1.6;color:#666;}

/* 표 */
.ft-table {width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e8dfd5;border-radius:18px;overflow:hidden;}
.ft-table th, .ft-table td {padding:20px 26px;font-size:17px;line-height:1.5;text-align:left;border-top:1px solid #f1ebe4;}
.ft-table thead th {border-top:0;font-size:18px;font-weight:500;}
.ft-table thead th.c1 {background:#f7f2ec;}
.ft-table thead th.c2 {background:#f2f2f2;color:#555;}
.ft-table thead th.c3 {background:#a28363;color:#fff;}
.ft-table tbody th {width:16%;font-weight:500;color:#a28363;background:#fcfaf7;}
.ft-table tbody td {width:42%;color:#444;}
.ft-table tbody td.em {color:#222;font-weight:500;}

/* 주의 상자 */
.ft-notice {margin-top:32px;padding:30px 36px;background:#fff8f2;border:1px solid #f0d9c4;border-radius:18px;}
.ft-notice h4 {display:flex;align-items:center;gap:10px;margin:0;font-size:20px;line-height:1.4;font-weight:500;color:#b25c2e;}
.ft-notice ul {margin:14px 0 0;padding:0;list-style:none;}
.ft-notice li {position:relative;padding:7px 0 7px 18px;font-size:17px;line-height:1.6;color:#444;}
.ft-notice li:before {content:'';position:absolute;left:2px;top:18px;width:6px;height:6px;border-radius:50%;background:#c0866b;}

/* 설명 카드(원인 상세) */
.ft-info {display:flex;flex-wrap:wrap;gap:24px;}
.ft-info > div {flex:0 0 calc(33.333% - 16px);padding:34px 30px;background:#fff;border:1px solid #ece4da;border-radius:18px;}
.ft-info h4 {display:flex;align-items:center;gap:14px;margin:0;font-size:21px;line-height:1.4;font-weight:500;color:#222;}
.ft-info p {margin:16px 0 0;font-size:17px;line-height:1.7;color:#666;}

/* 치료 사례(작게, 뒤쪽) */
.ft-cases {display:flex;flex-wrap:wrap;justify-content:center;gap:24px;}
.ft-case {flex:0 1 520px;padding:20px 20px 24px;background:#fff;border:1px solid #ece4da;border-radius:18px;}
.ft-pair {display:flex;gap:10px;}
.ft-pair figure {position:relative;flex:1;margin:0;}
.ft-pair img {width:100%;height:150px;object-fit:cover;border-radius:10px;}
.ft-pair figcaption {position:absolute;left:8px;top:8px;padding:2px 10px;border-radius:12px;background:rgba(0,0,0,0.6);font-size:16px;line-height:1.5;color:#fff;}
.ft-pair figcaption.after {background:#a28363;}
.ft-case p {margin:16px 4px 0;font-size:17px;line-height:1.6;color:#555;}
.ft-case p b {display:block;margin-bottom:2px;font-size:18px;font-weight:500;color:#222;}
.ft-case.trio {flex-basis:680px;}
.ft-case.solo {flex-basis:340px;}
.ft-case.solo .ft-pair img {height:auto;}
.ft-case.solo.wide2 {flex-basis:560px;}
.ft-note {margin:24px 0 0;text-align:center;font-size:16px;line-height:1.5;color:#999;}

/* 예약·상담 */
.ft-cta {padding:84px 0;background:#3a3029;text-align:center;color:#fff;}
.ft-cta-tit {margin:0;font-size:32px;line-height:1.45;font-weight:400;letter-spacing:-0.04em;color:#fff;}
.ft-cta-desc {margin:14px 0 0;font-size:18px;line-height:1.6;color:rgba(255,255,255,0.75);}
.ft-btns {display:flex;justify-content:center;gap:14px;margin-top:38px;}
.ft-btn {display:inline-flex;align-items:center;justify-content:center;gap:10px;height:62px;padding:0 32px;border-radius:31px;background:#a28363;font-size:19px;font-weight:500;color:#fff !important;text-decoration:none;transition:background .2s;}
.ft-btn:hover {background:#8c6f51;}
.ft-btn.line {background:transparent;border:1px solid rgba(255,255,255,0.45);}
.ft-btn.line:hover {background:rgba(255,255,255,0.1);}

/* 1199px 이하 */
@media all and (max-width:1199px) {
	.ft-feature {gap:40px;}
}

/* 휴대폰 — 이 사이트는 화면폭 640 기준으로 축소되어 보이므로 글자를 크게 잡음(27px = 실제 약 16px) */
@media all and (max-width:799px) {
	.ft-ico {width:36px;height:36px;}
	.ft br.ft-m {display:inline;}
	.ft-sec {padding:90px 0;}
	.ft-in {padding:0 32px;}
	.ft-head {margin-bottom:44px;}
	.ft-tit {font-size:46px;}
	.ft-tit:before {width:40px;height:4px;margin-bottom:24px;}
	.ft-lead {font-size:29px;line-height:1.6;}

	.ft-hero {height:460px;}
	.ft-hero-tit {font-size:36px;}
	.ft-hero-desc {font-size:29px;}

	.ft-icon {width:104px;height:104px;}
	.ft-icon .ft-ico {width:50px;height:50px;}
	.ft-icon.sm {width:80px;height:80px;}
	.ft-icon.sm .ft-ico {width:40px;height:40px;}

	.ft-duo {flex-direction:column;gap:24px;}
	.ft-card {padding:44px 36px;}
	.ft-card h4 {font-size:34px;}
	.ft-card h4 small {font-size:29px;}
	.ft-card p {font-size:29px;line-height:1.7;}
	.ft-tags span {padding:8px 20px;border-radius:30px;font-size:29px;}
	.ft-card li {padding:14px 0;font-size:29px;}
	.ft-card li .ft-ico {width:34px;height:34px;margin-top:4px;}

	.ft-tiles {gap:20px;}
	.ft-tile {flex:0 0 calc(50% - 10px);min-width:0;padding:40px 16px 36px;}
	.ft-tiles.odd .ft-tile:last-child {flex-basis:100%;}
	.ft-tile strong {margin-top:22px;font-size:30px;}
	.ft-tile small {font-size:29px;}

	.ft-row {display:grid;grid-template-columns:64px 1fr;align-items:center;column-gap:18px;row-gap:10px;padding:28px 30px;}
	.ft-row .ft-icon.sm {width:64px;height:64px;}
	.ft-row .ft-icon.sm .ft-ico {width:32px;height:32px;}
	.ft-row-txt {display:contents;}
	.ft-row-txt b {font-size:30px;}
	.ft-row-txt span {grid-column:1 / -1;font-size:29px;}
	.ft-rows.two .ft-row {flex-basis:100%;border-left:0 !important;}
	.ft-rows.two .ft-row:nth-child(2) {border-top:1px solid #f1ebe4;}

	.ft-chip {flex:0 0 calc(50% - 8px);padding:30px 12px;font-size:30px;}

	.ft-cards {gap:24px;}
	.ft-tcard, .ft-cards.half .ft-tcard {flex:0 0 100%;}
	.ft-tcard .pic, .ft-cards.half .ft-tcard .pic {height:280px;}
	.ft-tcard .txt {padding:30px 30px;}
	.ft-tcard h4 {font-size:31px;}
	.ft-tcard p {font-size:29px;line-height:1.6;}

	.ft-feature {flex-direction:column;gap:40px;}
	.ft-feature .pic {flex:none;width:100%;}
	.ft-eyebrow {font-size:29px;}
	.ft-feature h3 {font-size:44px;}
	.ft-feature .lead {font-size:29px;line-height:1.7;}
	.ft-points li {align-items:flex-start;gap:16px;padding:18px 0;font-size:29px;}
	.ft-points .ft-ico {width:34px;height:34px;margin-top:4px;}

	.ft-steps {flex-direction:column;}
	.ft-step {display:flex;align-items:center;gap:30px;padding:0 0 46px;text-align:left;}
	.ft-step:last-child {padding-bottom:0;}
	.ft-step:after {top:116px;bottom:6px;left:57px;right:auto;border-top:0;border-left:3px dashed #dccbb8;}
	.ft-step-num {flex:none;width:116px;height:116px;margin:0;}
	.ft-step-num .ft-ico {width:52px;height:52px;}
	.ft-step-txt {flex:1;}
	.ft-step em {margin-top:0;font-size:29px;}
	.ft-step h4 {font-size:32px;}
	.ft-step p {font-size:29px;}

	.ft-table thead {display:none;}
	.ft-table, .ft-table tbody, .ft-table tr, .ft-table th, .ft-table td {display:block;width:100% !important;}
	.ft-table {border:0;background:transparent;border-radius:0;overflow:visible;}
	.ft-table tbody tr {margin-top:20px;background:#fff;border:1px solid #e8dfd5;border-radius:18px;overflow:hidden;}
	.ft-table tbody tr:first-child {margin-top:0;}
	.ft-table tbody th {padding:20px 30px;border-top:0;font-size:29px;}
	.ft-table tbody td {padding:18px 30px;font-size:29px;}
	.ft-table tbody td:before {content:attr(data-label);display:block;margin-bottom:4px;font-weight:500;color:#999;}
	.ft-table tbody td.em:before {color:#a28363;}

	.ft-notice {padding:36px 34px;}
	.ft-notice h4 {font-size:31px;}
	.ft-notice h4 .ft-ico {width:38px;height:38px;}
	.ft-notice li {padding:10px 0 10px 26px;font-size:29px;}
	.ft-notice li:before {top:28px;width:9px;height:9px;}

	.ft-info {gap:24px;}
	.ft-info > div {flex:0 0 100%;padding:40px 36px;}
	.ft-info h4 {font-size:32px;}
	.ft-info p {font-size:29px;line-height:1.65;}

	.ft-case {flex:0 0 100%;padding:24px 24px 30px;}
	.ft-pair img {height:220px;}
	.ft-case.trio, .ft-case.solo {flex-basis:100%;}
	.ft-case.trio .ft-pair img {height:170px;}
	.ft-pair figcaption {left:10px;top:10px;padding:4px 14px;border-radius:20px;font-size:29px;}
	.ft-case p {font-size:29px;}
	.ft-case p b {font-size:29px;}
	.ft-note {font-size:29px;}

	.ft-cta {padding:90px 0;}
	.ft-cta-tit {font-size:44px;}
	.ft-cta-desc {font-size:29px;}
	.ft-btns {flex-direction:column;gap:18px;margin-top:44px;}
	.ft-btn {height:104px;border-radius:52px;font-size:30px;}
	.ft-btn .ft-ico {width:38px;height:38px;}
}