@charset "utf-8";
/* 메인 리뉴얼 (2026-10 시안) - inc/main_renew.php, inc/main_renew_ft.php */

#main.--renew {
	background: #fcfcfc url("/img/main_renew/bg_tex.jpg") repeat;
	font-family: var(--Pretendard);
	letter-spacing: -0.02em;
	word-break: keep-all;
	color: #000;
	overflow: hidden;
}
#main.--renew *,
.mr-ft * { box-sizing: border-box; }
#main.--renew .mr-sec p,
#main.--renew .mr-sec strong,
#main.--renew .mr-sec h4 { word-break: keep-all; overflow-wrap: break-word; }
.mr-inner {
	position: relative;
	max-width: 1680px;
	margin: 0 auto;
	padding: 0 40px;
}
.mr-sec { position: relative; padding: 150px 0; }
:where(.mr-sec) ul { margin: 0; padding: 0; list-style: none; }
:where(.mr-sec) button { margin: 0; padding: 0; border: 0; background: none; cursor: pointer; font: inherit; color: inherit; }
.mr-sec img { display: block; }

/* 공통 타이틀 */
.mr-title h3 {
	margin: 0;
	font-family: var(--Angelle);
	font-size: 50px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.02em;
	color: #000;
}
.mr-title h3 em { font-style: normal; color: #9b1b2b; }
.mr-title p {
	margin: 3px 0 0;  /* 시안 간격: 제목 글자 아래 ~ 설명 글자 위 24px */
	font-size: 14px;
	font-weight: 300;
	color: #676767;
}
.mr-title.--center { text-align: center; }

/* 재생 아이콘 */
.mr-play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 68px;
	height: 48px;
	margin: -24px 0 0 -34px;
	border-radius: 14px;
	background: rgba(23, 23, 23, .8);
	transition: background .2s;
}
.mr-play::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -9px 0 0 -6px;
	border-style: solid;
	border-width: 9px 0 9px 16px;
	border-color: transparent transparent transparent #fff;
}
button:hover > .mr-play { background: #f00; }

/* 무한 루프 자동 슬라이드 (트랙을 JS 로 복제) */
.mr-marquee { overflow: hidden; }
.mr-marquee__track {
	display: flex;
	width: max-content;
	animation: mrMarquee var(--dur, 40s) linear infinite;
}
.mr-shorts .mr-marquee:hover .mr-marquee__track, /* Review 는 호버해도 계속 흐름 (2026-10-30 요청) */
.mr-marquee.--pause .mr-marquee__track { animation-play-state: paused; }
@keyframes mrMarquee {
	from { transform: translate3d(0, 0, 0); }
	to { transform: translate3d(calc(-1 * var(--set-w, 50%)), 0, 0); }
}

/* Review */
.mr-review { padding-bottom: 150px; }
.mr-review .mr-marquee { margin-top: 58px; padding: 0 0 20px; }
.mr-review .mr-marquee__track { padding-top: 49px; }
.mr-review__card {
	flex: none;
	width: 403px;
	margin-right: 28px;
	border-radius: 20px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .06);
}
.mr-review__card.--up { margin-top: -49px; margin-bottom: 49px; }
.mr-review__img { height: 415px; overflow: hidden; }
.mr-review__img img { width: 100%; height: 100%; object-fit: cover; }
.mr-review__txt { padding: 30px 20px 30px; text-align: center; }
.mr-review__txt strong { display: block; font-size: 18px; font-weight: 700; line-height: 1.4; }
.mr-review__txt p { margin: 14px 0 0; font-size: 14px; font-weight: 300; line-height: 25px; color: #676767; }

/* Before & After */
.mr-ba { background: #f7f3f2; }
.mr-ba__body {
	display: grid;
	grid-template-columns: 803fr 751fr;
	grid-template-rows: auto 1fr auto;
	grid-template-areas: "cmp name" "cmp thumbs" "cmp note";
	column-gap: 49px;
	margin-top: 57px;
}
.mr-ba__compare {
	grid-area: cmp;
	position: relative;
	aspect-ratio: 1080 / 513;
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
	touch-action: pan-y;
	user-select: none;
	-webkit-user-select: none;
	cursor: ew-resize;
}
.mr-ba__compare > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}
.mr-ba__after { clip-path: inset(0 0 0 var(--pos)); }
.mr-ba__compare::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: var(--pos);
	z-index: 2;
	width: 3px;
	margin-left: -1px;
	background: #fff;
	pointer-events: none;
}
.mr-ba__handle {
	position: absolute;
	left: var(--pos);
	top: 50%;
	z-index: 3;
	width: 53px;
	height: 53px;
	margin: -26px 0 0 -26px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
	cursor: ew-resize;
}
.mr-ba__handle::before,
.mr-ba__handle::after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -7px;
	border-style: solid;
	border-width: 7px 0;
	border-color: transparent;
}
.mr-ba__handle::before { left: 10px; border-right: 12px solid #000; }
.mr-ba__handle::after { right: 10px; border-left: 12px solid #000; }
.mr-ba__label {
	position: absolute;
	top: 0;
	z-index: 2;
	width: 102px;
	padding: 11px 0 10px;
	font-size: 17px;
	line-height: 1;
	text-align: center;
	color: #fff;
	pointer-events: none;
}
.mr-ba__label.--before { left: 0; background: #000; border-radius: 20px 0 0 0; }
.mr-ba__label.--after { right: 0; background: #c3162c; border-radius: 0 20px 0 0; }
.mr-ba__hw {
	position: absolute;
	left: 20px;
	bottom: 20px;
	z-index: 2;
	font-size: 22px;
	color: #000;
	pointer-events: none;
}
.mr-ba__name { grid-area: name; margin: 0; font-size: 28px; font-weight: 700; line-height: 1.4; }
.mr-ba__thumbs {
	grid-area: thumbs;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 7px 10px;
	align-content: start;
	margin-top: 30px;
}
.mr-ba__thumbs button { display: block; width: 100%; border-radius: 8px; overflow: hidden; opacity: .45; transition: opacity .2s; }
.mr-ba__thumbs button:hover,
.mr-ba__thumbs button.--on { opacity: 1; }
.mr-ba__thumbs img { width: 100%; aspect-ratio: 143 / 89; object-fit: cover; }
.mr-ba__note { grid-area: note; margin: 16px 0 0; font-size: 12px; font-weight: 300; line-height: 1.4; color: #a4a4a4; }

/* Youtube */
.mr-yt .mr-inner {
	display: grid;
	grid-template-columns: 499fr 1102fr;
	grid-template-areas: "head main" "list list";
}
.mr-yt__head { grid-area: head; }
.mr-yt__name { margin: 0; font-size: 28px; font-weight: 300; line-height: 45px; }
.mr-yt__name.--pc { margin-top: 58px; padding-right: 30px; }
.mr-yt__name.--m { display: none; }
.mr-yt__main { grid-area: main; }
.mr-yt__player,
.mr-yt__main iframe {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
	border-radius: 20px;
	overflow: hidden;
	background: #000;
}
.mr-yt__player img { width: 100%; height: 100%; object-fit: cover; }
.mr-yt__player .mr-play { width: 84px; height: 60px; margin: -30px 0 0 -42px; border-radius: 16px; }
.mr-yt__list { grid-area: list; margin-top: 47px; }
.mr-yt__list ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.mr-yt__list button { display: block; width: 100%; border-radius: 12px; overflow: hidden; }
.mr-yt__list img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .3s; }
.mr-yt__list button:hover img { transform: scale(1.04); }
.mr-yt__bar { display: none; }

/* Doctors */
.mr-dr { background: #f7f3f2; padding: 152px 0; container-type: inline-size; }
.mr-dr .mr-inner {
	display: grid;
	grid-template-columns: 487fr 1113fr;
	grid-template-rows: auto auto;
	grid-template-areas: "txt img" "btn img";
	align-content: center;
}
.mr-dr__txt { grid-area: txt; align-self: end; }
.mr-dr__copy { margin: 58px 0 0; font-size: 40px; font-weight: 300; line-height: 60px; }
.mr-dr__copy strong { font-weight: 700; }
.mr-dr__copy em { font-style: normal; color: #9b1b2b; }
.mr-dr__desc { margin: 38px 0 0; font-size: 14px; font-weight: 300; line-height: 30px; color: #676767; }
.mr-dr__img { grid-area: img; margin-right: calc((min(100cqw, 1680px) - 100cqw) / 2 - 40px + max(0px, 100cqw - 100vw)); } /* PSD처럼 화면 오른쪽 끝까지 - 1400 미만 창(사이트 min-width)에서도 보이는 화면 안에서 끝나게 */
.mr-dr__img img { width: 108%; max-width: none; height: auto; margin-left: -8%; } /* 오른쪽 원장님이 화면 밖으로 잘리지 않게 (2026-10-29 요청) */
.mr-btn {
	grid-area: btn;
	align-self: start;
	justify-self: start;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 74px;
	padding: 0 20px;
	height: 41px;
	border: 1px solid #000;
	font-size: 14px;
	font-weight: 300;
	color: #000;
	text-decoration: none;
	transition: background .2s, color .2s;
}
.mr-btn::after {
	content: "";
	width: 12px;
	height: 8px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M0 4h11M8 1l3 3-3 3' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E") no-repeat center / contain;
}
.mr-btn:hover { background: #000; color: #fff; }
.mr-btn:hover::after { filter: invert(1); }

/* Shorts */
.mr-shorts .mr-marquee { margin-top: 57px; }
.mr-shorts__card { flex: none; width: 322px; margin-right: 28px; }
.mr-shorts__card button {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 322 / 578;
	border-radius: 20px;
	overflow: hidden;
	background: #eee;
}
.mr-shorts__card img { width: 100%; height: 100%; object-fit: cover; }

/* 영상 팝업 */
.mr-modal { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; }
.mr-modal[hidden] { display: none; }
.mr-modal__dim { position: absolute; inset: 0; background: rgba(0, 0, 0, .75); }
.mr-modal__box { position: relative; height: min(86vh, 900px); aspect-ratio: 9 / 16; max-width: 92vw; }
.mr-modal__frame,
.mr-modal__frame iframe { width: 100%; height: 100%; border: 0; border-radius: 16px; background: #000; }
.mr-modal__close {
	position: absolute;
	top: 0;
	right: -56px;
	width: 44px;
	height: 44px;
	border: 0;
	background: none;
	cursor: pointer;
}
.mr-modal__close::before,
.mr-modal__close::after { content: ""; position: absolute; left: 50%; top: 50%; width: 30px; height: 2px; margin-left: -15px; background: #fff; transform: rotate(45deg); }
.mr-modal__close::after { transform: rotate(-45deg); }

/* 관리자 미리보기 표시 */
.mr-preview {
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px 18px;
	border-radius: 10px;
	background: rgba(0, 0, 0, .82);
	font-family: var(--Pretendard);
	font-size: 13px;
	line-height: 1.3;
	color: #fff;
}
.mr-preview span { color: #bbb; font-size: 12px; }
.mr-preview a { margin-top: 4px; color: #ffcdd3; text-decoration: underline; }

/* PC 좁은 화면 */
@media (max-width: 1440px) {
	.mr-title h3 { font-size: 44px; }
	.mr-review__card { width: 360px; }
	.mr-review__img { height: 370px; }
	.mr-yt__name { font-size: 24px; line-height: 38px; }
	.mr-dr__copy { font-size: 34px; line-height: 52px; }
	.mr-shorts__card { width: 290px; }
}
@media (max-width: 1200px) {
	.mr-sec { padding: 120px 0; }
	.mr-ba__body { grid-template-columns: 1fr 1fr; column-gap: 32px; }
	.mr-ba__thumbs { grid-template-columns: repeat(4, 1fr); }
	.mr-yt .mr-inner { grid-template-columns: 1fr 2fr; }
}

/* 모바일 (모바일 시안 640 기준) */
@media (max-width: 1024px) {
	.mr-inner { padding: 0 18px; }
	.mr-sec { padding: 64px 0; }
	.mr-title { text-align: center; }
	.mr-title h3 { font-size: 30px; }
	.mr-title p { margin-top: -2px; font-size: 13px; }  /* 시안 간격 13px */

	.mr-play { width: 50px; height: 36px; margin: -18px 0 0 -25px; border-radius: 10px; }
	.mr-play::after { margin: -7px 0 0 -5px; border-width: 7px 0 7px 12px; }

	.mr-review .mr-marquee { margin-top: 30px; padding-bottom: 10px; }
	.mr-review .mr-marquee__track { padding-top: 0; }
	.mr-review__card { width: 216px; margin-right: 18px; border-radius: 14px; }
	.mr-review__card.--up { margin-top: 0; margin-bottom: 0; }
	.mr-review__img { height: 196px; }
	.mr-review__txt { padding: 18px 14px 20px; }
	.mr-review__txt strong { font-size: 14px; }
	.mr-review__txt p { margin-top: 8px; font-size: 12px; line-height: 18px; }
	.mr-review__txt p br { display: none; }

	.mr-ba__body {
		grid-template-columns: 100%;
		grid-template-rows: none;
		grid-template-areas: "cmp" "name" "thumbs" "note"; /* 모바일 수정본(2026-10-29): 시술명을 사진 바로 아래로 */
		margin-top: 28px;
	}
	.mr-ba__compare { border-radius: 10px; }
	.mr-ba__compare::before { width: 2px; }
	.mr-ba__label { width: auto; padding: 4px 8px 3px; font-size: 10px; }
	.mr-ba__label.--before { border-radius: 10px 0 0 0; }
	.mr-ba__label.--after { border-radius: 0 10px 0 0; }
	.mr-ba__hw { left: 12px; bottom: 9px; font-size: 11px; }
	.mr-ba__handle { width: 24px; height: 24px; margin: -12px 0 0 -12px; }
	.mr-ba__handle::before,
	.mr-ba__handle::after { margin-top: -4px; border-width: 4px 0; }
	.mr-ba__handle::before { left: 4px; border-right-width: 6px; }
	.mr-ba__handle::after { right: 4px; border-left-width: 6px; }
	.mr-ba__thumbs {
		display: flex;
		gap: 6px;
		margin: 28px -18px 0;
		padding: 0 18px;
		overflow-x: auto;
		scrollbar-width: none;
	}
	.mr-ba__thumbs::-webkit-scrollbar { display: none; }
	.mr-ba__thumbs li { flex: none; width: calc((100% - 18px) / 4); }
	.mr-ba__thumbs button { border-radius: 6px; }
	.mr-ba__note { margin-top: 12px; font-size: 11px; line-height: 1.5; }
	.mr-ba__name { margin-top: 16px; font-size: 19px; }

	.mr-yt .mr-inner { display: block; }
	.mr-yt__name.--pc { display: none; }
	.mr-yt__name.--m { display: block; margin-top: 18px; font-size: 15px; line-height: 23px; }
	.mr-yt__main { margin-top: 28px; }
	.mr-yt__player,
	.mr-yt__main iframe { border-radius: 12px; }
	.mr-yt__player .mr-play { width: 60px; height: 42px; margin: -21px 0 0 -30px; border-radius: 12px; }
	.mr-yt__list { margin: 24px -18px 0; }
	.mr-yt__list ul {
		display: flex;
		gap: 6px;
		padding: 0 18px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding: 0 18px;
		scrollbar-width: none;
	}
	.mr-yt__list ul::-webkit-scrollbar { display: none; }
	.mr-yt__list li { flex: none; width: calc((100% - 6px) / 2); scroll-snap-align: start; }
	.mr-yt__list button { border-radius: 8px; }
	.mr-yt__bar { display: block; position: relative; height: 4px; margin-top: 26px; background: #e5e5e5; }
	.mr-yt__bar i { position: absolute; left: 0; top: 0; height: 100%; width: 50%; background: #000; transition: left .1s; }

	.mr-dr { padding: 64px 0; }
	.mr-dr .mr-inner { display: block; }
	.mr-dr__txt { text-align: center; }
	.mr-dr__copy { margin-top: 24px; font-size: 20px; line-height: 32px; }
	.mr-dr__desc { margin-top: 18px; font-size: 13px; line-height: 21px; }
	.mr-dr__desc br { display: none; }
	.mr-dr__img { margin-top: 28px; margin-right: 0; }
	.mr-dr__img img { width: 100%; margin-left: 0; }
	.mr-btn { display: flex; justify-content: center; width: 100%; height: 44px; margin-top: 28px; font-size: 13px; }

	.mr-shorts .mr-marquee { margin-top: 30px; }
	.mr-shorts__card { width: 136px; margin-right: 9px; }
	.mr-shorts__card button { border-radius: 12px; }

	.mr-modal__box { height: auto; width: min(88vw, 420px); }
	.mr-modal__close { top: -52px; right: 0; }

	.mr-preview { left: 10px; bottom: 80px; padding: 10px 12px; font-size: 12px; }

}

/* Footer (2026-10-28 시안: 검은 배경, PSD 2000 기준 px) */
#ft.mr-ft { max-width: none; margin: 0; padding: 0; background: #000; line-height: normal; overflow: visible; font-family: var(--Pretendard); font-size: 16px; letter-spacing: -0.03em; color: #fff; word-break: keep-all; }
:where(.mr-ft) :is(ul, dl, dd, p) { margin: 0; padding: 0; list-style: none; }
.mr-ft a { color: inherit; text-decoration: none; }
.mr-ft .--m { display: none; }
.mr-ft__inner { max-width: 1680px; margin: 0 auto; padding: 114px 40px 116px; }
.mr-ft__top { display: grid; grid-template-columns: 1fr 465px; column-gap: 40px; }
.mr-ft__dir { display: grid; grid-template-areas: "label" "name" "addr" "park" "sns" "map"; justify-items: start; }
.mr-ft__label { font-size: 19px; line-height: 1.2; color: #9e9e9e; }
.mr-ft__dir .mr-ft__label { grid-area: label; }
.mr-ft__name { grid-area: name; margin-top: 44px; font-size: 30px; font-weight: 700; line-height: 1.2; }
.mr-ft__addr { grid-area: addr; margin-top: 42px; font-size: 22px; line-height: 1.2; }
.mr-ft__park { grid-area: park; margin-top: 35px; font-size: 17px; line-height: 1.2; }
.mr-ft__park small { font-size: 12px; }
.mr-ft__sns { grid-area: sns; display: flex; gap: 40px; margin-top: 38px; }
.mr-ft__sns a { display: block; height: 24px; background: no-repeat left center / contain; }
.mr-ft__sns .--naver { width: 21px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M0 0h2.6l2.8 4V0H8v8H5.4L2.6 4v4H0z' fill='%23fff'/%3E%3C/svg%3E"); }
.mr-ft__sns .--insta { width: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='6' fill='%23fff'/%3E%3Ccircle cx='12' cy='12' r='5' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3Ccircle cx='18.2' cy='5.8' r='1.4' fill='%23000'/%3E%3C/svg%3E"); }
.mr-ft__sns .--yt { width: 32px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 22'%3E%3Crect width='32' height='22' rx='6' fill='%23fff'/%3E%3Cpath d='M13 6.5l8 4.5-8 4.5z' fill='%23000'/%3E%3C/svg%3E"); }
.mr-ft__map { grid-area: map; width: 462px; height: 210px; margin-top: 52px; overflow: hidden; background: #222; }
.mr-ft__map .root_daum_roughmap { width: 100% !important; height: 100% !important; padding: 0 !important; border: 0 !important; }
.mr-ft__map .root_daum_roughmap .wrap_map { height: 100% !important; }
.mr-ft__map .root_daum_roughmap .cont, .mr-ft__map .root_daum_roughmap .wrap_controllers, .mr-ft__map .root_daum_roughmap .wrap_btn_zoom { display: none !important; }
.mr-ft__tel { display: block; margin-top: 28px; font-family: var(--GmarketSans); font-size: 58px; font-weight: 700; line-height: 1; letter-spacing: -0.01em; color: #fff !important; }
.mr-ft__hours { margin-top: 56px; font-size: 22px; line-height: 1.2; }
.mr-ft__hours dt { font-weight: 700; }
.mr-ft__hours dd { display: flex; margin-top: 17px; }
.mr-ft__hours dt + dd { margin-top: 24px; }
.mr-ft__hours span { width: 218px; }
.mr-ft__hours b { font-weight: 700; }
.mr-ft__kakao { display: flex; align-items: center; justify-content: center; gap: 10px; width: 461px; height: 64px; margin-top: 56px; border-radius: 14px; background: #ffef10; font-size: 18px; color: #000 !important; }
.mr-ft__kakao::before { content: ""; width: 30px; height: 26px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 26'%3E%3Cpath d='M15 1C7.3 1 1 5.9 1 11.9c0 3.9 2.6 7.3 6.5 9.2L6 26l5.6-3.7c1.1.2 2.2.3 3.4.3 7.7 0 14-4.9 14-10.9S22.7 1 15 1z' fill='%23391b1b'/%3E%3Ctext x='15' y='15' font-family='Arial' font-size='8' font-weight='700' fill='%23ffef10' text-anchor='middle'%3ETALK%3C/text%3E%3C/svg%3E") no-repeat center / contain; }
.mr-ft__bottom { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "info links"; align-items: start; margin-top: 60px; padding-top: 58px; border-top: 1px solid #535353; }
.mr-ft__info { grid-area: info; font-size: 15px; line-height: 25px; color: #9e9e9e; }
.mr-ft__links { grid-area: links; display: flex; flex-wrap: wrap; justify-content: flex-end; font-size: 15px; font-weight: 600; line-height: 1.2; }
.mr-ft__links li + li::before { content: "I"; margin: 0 26px; font-weight: 400; }
.mr-ft__links a:hover { color: #7d1622; }
/* 전화상담 박스를 하단 링크 왼쪽 시작선에 맞춤 (2026-10-29 요청) - 위아래가 같은 열을 쓰도록 subgrid */
@media (min-width: 1201px) {
	.mr-ft__inner { display: grid; grid-template-columns: 1fr auto; column-gap: 40px; }
	.mr-ft__top, .mr-ft__bottom { grid-column: 1 / -1; grid-template-columns: subgrid; }
	.mr-ft__links { justify-content: flex-start; }
	/* 좌우 여백 넓게 - 오른쪽 플로팅 메뉴(폭 약 200)와 겹치지 않도록 (2026-10-29 요청) */
	.mr-ft__inner { width: calc(100% - 480px); max-width: 1440px; padding-left: 0; padding-right: 0; }
}
@media (max-width: 1440px) {
	.mr-ft__links li + li::before { margin: 0 14px; }
}
@media (min-width: 1201px) and (max-width: 1440px) {
	.mr-ft__addr { font-size: 20px; line-height: 1.4; }
	.mr-ft__park { font-size: 15px; line-height: 1.4; }
	.mr-ft__addr .--m, .mr-ft__park .--m { display: inline; }
	.mr-ft__tel { font-size: 50px; }
	.mr-ft__kakao { width: 100%; }
	.mr-ft__hours span { width: 160px; }
	.mr-ft__map { width: 100%; max-width: 462px; }
}
@media (max-width: 1200px) {
	.mr-ft__top { grid-template-columns: 1fr 400px; }
	.mr-ft__tel { font-size: 50px; }
	.mr-ft__kakao { width: 100%; }
	.mr-ft__hours span { width: 160px; }
	.mr-ft__bottom { grid-template-columns: 1fr; grid-template-areas: "links" "info"; }
	.mr-ft__links { justify-content: flex-start; margin-bottom: 28px; }
}
/* 모바일 (시안 640 기준 → 375) */
@media (max-width: 1024px) {
	#ft.mr-ft { font-size: 13px; }
	.mr-ft .--m { display: inline; }
	.mr-ft__inner { padding: 72px 18px 110px; }
	.mr-ft__top { display: block; }
	.mr-ft__label { font-size: 12px; color: #b2b2b2; }
	.mr-ft__name { margin-top: 13px; font-size: 22px; }
	.mr-ft__dir { grid-template-areas: "label" "name" "map" "addr" "park" "sns"; }
	.mr-ft__map { width: 100%; height: auto; aspect-ratio: 580 / 328; margin-top: 22px; }
	.mr-ft__map .root_daum_roughmap .wrap_btn_zoom { display: block !important; }
	.mr-ft__addr { margin-top: 22px; font-size: 15px; line-height: 22px; }
	.mr-ft__park { margin-top: 23px; font-size: 11px; line-height: 17px; }
	.mr-ft__park small { font-size: 11px; }
	.mr-ft__sns { gap: 37px; margin-top: 40px; }
	.mr-ft__sns a { height: 23px; }
	.mr-ft__sns .--naver { width: 19px; }
	.mr-ft__sns .--insta { width: 23px; }
	.mr-ft__sns .--yt { width: 29px; }
	.mr-ft__cs { margin-top: 55px; }
	.mr-ft__tel { margin-top: 13px; font-size: 36px; }
	.mr-ft__hours { margin-top: 24px; padding-top: 24px; border-top: 1px solid #575757; font-size: 13px; }
	.mr-ft__hours dt { font-size: 14px; }
	.mr-ft__hours dt + dd, .mr-ft__hours dd { margin-top: 12px; }
	.mr-ft__hours span { width: 137px; }
	.mr-ft__kakao { width: 100%; height: 47px; margin-top: 29px; border-radius: 10px; font-size: 13px; gap: 7px; }
	.mr-ft__kakao::before { width: 22px; height: 19px; }
	.mr-ft__bottom { display: block; margin-top: 41px; padding-top: 40px; border-top-color: #545454; }
	.mr-ft__links { justify-content: flex-start; gap: 6px 22px; margin-bottom: 0; font-size: 12px; font-weight: 500; }
	.mr-ft__links li + li::before { display: none; }
	.mr-ft__info { margin-top: 24px; font-size: 10px; line-height: 16.5px; color: #b0b0b0; }
}