@charset "utf-8";

:root {--cream:#ede6d9;--brown:#3b2823;--gold:#a98d67;--sage:#c4baa2;--gutter:40rem;--serif:'Maru Buri',serif;}
/*html {font-size:1px;scroll-behavior:smooth;scroll-padding-top:100rem;}*/
html {font-size:1px;scroll-behavior:smooth;} 
/* iOS는 입력창 포커스·타이핑 때마다 커서를 화면 안으로 끌어오는데, smooth가 걸려 있으면 화면이 출렁인다 */
html:has(input:focus,textarea:focus,select:focus) {scroll-behavior:auto;}
body {background:var(--cream);color:var(--brown);font-size:18rem;line-height:1.5;letter-spacing:-.035em;}
.inner {max-width:1400rem;margin:0 auto;}
img {max-width:100%;}
button,a,input,textarea {-webkit-tap-highlight-color:transparent;}
#wrap {min-width:320rem;}
#content {min-width:0;}
._sectionTit {font-family:var(--serif);font-size:70rem;font-weight:600;line-height:1.285714;letter-spacing:-.03em;}
._sectionTit .line {display:block;overflow:hidden;}
._sectionTit .lineInner {display:block;transform:translateY(110%);transition:transform 1.25s cubic-bezier(.19,1,.22,1);}
._sectionTit .line:nth-child(2) .lineInner {transition-delay:.22s;}
._sectionTit .line:nth-child(3) .lineInner {transition-delay:.44s;}
._sectionTit.revealed .lineInner {transform:translateY(0);}
.revealReady {opacity:0;transform:translateY(16rem);} /* transition은 .visible에서만 걸어 ready 진입 자체가 애니메이션되지 않게 한다 */
.revealReady.visible {opacity:1;transform:none;transition:opacity .9s ease,transform .9s ease;transition-delay:var(--revealDelay,0s);}
/* 배경 레이어(::before)만 오른쪽 80%에서 왼쪽으로 채워지고, 내용은 제자리에서 함께 나타난다 */
._mainMessage.revealReady,._mainCare.revealReady {opacity:0;transform:none;}
._mainMessage.revealReady::before,._mainCare.revealReady::before {transform:translateX(20%);}
._mainMessage.revealReady.visible,._mainCare.revealReady.visible {opacity:1;transition:opacity .9s ease-out;}
._mainMessage.revealReady.visible::before,._mainCare.revealReady.visible::before {transform:none;transition:transform .9s ease-out;}
._mainAbout .photo.revealReady {opacity:0;transform:none;border-radius:0;} /* 사진은 각진 모서리가 둥글어지며 나타난다 */
._mainAbout .photo.revealReady.visible {opacity:1;border-radius:var(--curve);transition:opacity .9s ease-out,border-radius .9s ease-out;}

@media screen and (max-width:1200px) {
	:root {--gutter:15rem;}
	html {/*scroll-padding-top:72rem;*/scroll-behavior:auto;}
	body {font-size:16rem;}
	._sectionTit {font-size:38rem;line-height:1.4;}
}

/*popup*/
.popup{padding:20px;;position:fixed;left:0;top:0;z-index:100;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction: column;transform:translate(0,-100%);transition:1s;}
.popup .dim{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:-1;}
.pop_sd{position:relative;z-index:1;text-align:center;overflow: hidden;padding: 0 20px;transition:0.5s;}
.pop_sd .swiper-wrapper{height:auto;}
.pop_sd .pop_close{margin-bottom:30px;}
.pop_sd .pop_close button{border:none;background:none;color:#fff;font-size:16px;}
.pop_sd ul{display:flex;gap: 0 10px;}
.pop_sd ul li img{display:block;width:100%;}
.pop_sd .pop_bot{margin-top:30px;display:flex;align-items:center;justify-content: center;}
.pop_sd .pop_chk{text-align:center;}
.pop_sd .pop_chk label{display:flex;gap: 0 10px;justify-content: center;}
.pop_sd .pop_chk label p{color:#fff;font-size:16px;}
.pop_sd .pop_arrow{display:none;align-items:center;justify-content: space-between;background-color: #fff;border-radius:50px;width: 90px;height: 32px;}
.pop_sd .pop_arr{height: 100%;flex-grow: 1;display: flex;align-items: center;justify-content: center;}
.pop_sd .pop_arr img{width:6px;}
.pop_sd .pop_page{color:#000;font-size:17px;width: auto;letter-spacing: 0.05em;display:flex;gap: 0 3px;}
.popup.on{transform:none;}
.popup.out .pop_sd{opacity:0;pointer-events:none;}
@media all and (max-width:1064px){
	.pop_wrap{width:100%;}
	.pop_sd{width: 80%;max-width: 360px;padding:0;margin: 0 auto;}
	.pop_sd ul{gap:0;flex-direction: row;}
	.pop_sd .pop_close{margin-bottom:20px;}
	.pop_sd .pop_bot{margin-top:15px;justify-content: space-between;}
	.pop_sd .pop_arrow{display:flex;}
}
@media all and (max-width:600px){
	.pop_sd .pop_close button,
	.pop_sd .pop_chk label p,
	.pop_sd .pop_page{font-size:14px;}
}


/* 헤더 */
._header {position:relative;z-index:20;padding:0 var(--gutter);background:var(--cream);}
._header>.inner {display:flex;align-items:center;gap:40rem;height:100rem; max-width:1600rem;}
._header .logo {flex:none;margin-right:auto;line-height:1;}
._header .logo img {display:block;width:214rem;height:auto;aspect-ratio:107/17;}
._header .gnb {align-self:stretch;white-space:nowrap;font-size:20rem;font-weight:700;color:#211b17;letter-spacing:-.02em;}
._header .gnb>ul {display:flex;align-items:stretch;gap:64rem;height:100%;}
._header .gnb>ul>li {position:relative;}
._header .gnb>ul>li>a {display:flex;align-items:center;height:100%;transition:color .25s;}
/*._header .sub {position:absolute;top:100%;left:50%;z-index:1;min-width:164rem;padding:12rem 0 14rem;border-radius:0 0 14rem 14rem;background:#f7f3ec;box-shadow:0 14rem 26rem #3b28231f;opacity:0;visibility:hidden;transform:translate(-50%,-10rem);transition:opacity .3s ease,transform .3s ease,visibility .3s;}*/
._header .sub {position:absolute; top:100%; left:50%; transform:translate(-50%,0); z-index:1;min-width:164rem;padding:12rem 0 14rem; opacity:0;visibility:hidden;  transition:.1s 0s;}
._header .sub a {display:block;width:100%;padding:8rem 0;color:#6b5a4c;font-size:17rem;font-weight:600;line-height:1.5;text-align:center;transition:color .25s,background .25s;}
._header .gnb>ul>li>a.active {color:var(--gold);}
._header .gnb>ul>li>.sub a.active {color:var(--gold);}
._header .contact {display:flex;align-items:center;gap:8rem;white-space:nowrap;}
._header .contact>.consult,._header .contact>.wait {transition:background .3s,border-color .3s;display:flex;align-items:center;justify-content:center;width:100rem;height:45rem;border:1rem solid var(--brown);border-radius:5rem;font-size:18rem;font-weight:700;}
._header .consult {background:#faf8f5;}
._header .contact>.wait {border-color:var(--gold);background:var(--gold);color:#fff;}
._header .tel {margin-left:8rem;color:#3e332e;font-family:'Roboto',sans-serif;font-size:40rem;line-height:1;font-weight:900;letter-spacing:-.01em;}
._header .jsNavToggle {display:none;}

@media screen and (min-width:1201px) and (max-width:1500px) {
	._header .logo img {width:190rem;}
	._header .tel {font-size:30rem;}
	._header .contact>.consult,._header .contact>.wait {width:90rem; font-size:16rem;}
}

@media screen and (min-width:1201px) {
	._header .gnb a:hover {color:var(--gold);}
	._header .sub a:hover {/*background:var(--cream);*/color:var(--brown);}
	._header .contact>.consult:hover {background:#fff;border-color:var(--gold);}
	._header .contact>.wait:hover {background:#baa07e;border-color:#baa07e;}
	._header {height:var(--header-base-height, 100rem);overflow:visible;transition:none;}
	._header>.inner {position:relative;z-index:1;}
	._header::after {content:'';position:absolute;top:100%;left:0;right:0;z-index:0;height:0;background:var(--cream);transition:height .3s ease;}
	._header:not(.navDismissed):hover::after,._header:not(.navDismissed):has(.gnb a:focus-visible)::after {height:calc(var(--header-open-height, 100rem) - var(--header-base-height, 100rem)); box-shadow:0 14rem 26rem #3b28231f;}
	._header.navDismissed::after {height:0;box-shadow:none;transition:none;}
	._header.navDismissed .gnb>ul>li>.sub {opacity:0;visibility:hidden;pointer-events:none;transition:none;}
	._header .gnb>ul>li {position:relative;}
	._header .gnb>ul>li>.sub {position:absolute;top:80%;left:50%;width:100%;height:auto;max-height:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .35s ease;}
	._header:not(.navDismissed):hover .gnb>ul>li>.sub,._header:not(.navDismissed):has(.gnb a:focus-visible) .gnb>ul>li>.sub {opacity:1;visibility:visible;pointer-events:auto;}
}

@media screen and (max-width:1400px) {
	._header .gnb {white-space:normal; font-size:18rem;}
	._header .gnb>ul { gap:32rem; justify-content:space-between;}
	._header .gnb>ul>li>.sub { font-size:16rem; min-width:auto; width: max-content; padding: 0;}
	._header .sub a { padding:8rem 0;}
	._header .contact>.consult,._header .contact>.wait {width:80rem; height:40rem; font-size:16rem;}
}

@media screen and (max-width:1200px) {
	._header {position:sticky;top:0;padding:0;transition:transform .35s ease,box-shadow .35s ease;}
	._header.scrolled {box-shadow:0 4rem 16rem #3b28231f;}
	._header.headHide {transform:translateY(-100%);transition:transform .3s ease,box-shadow .35s ease;}
	._header>.inner {height:72rem;gap:18rem;padding:0 var(--gutter);background:var(--cream);} 
	._header .logo {flex:0 1 auto; min-width:0;}
	._header .logo img {width:100%; max-width:170rem;}
	._header .contact {gap:8rem;}
	._header .contact>.wait,._header .contact>.consult {width:auto;height:34rem;padding:0 13rem;font-size:15rem;}
	._header .contact>.wait,._header .tel {display:none;}
	._header .jsNavToggle {position:relative;display:flex;flex:none;flex-direction:column;justify-content:center;gap:6rem;width:28rem;height:36rem;}
	/* 햄버거: 열 때는 두 막대가 가운데로 모인 뒤 회전해 X가 되고, 닫을 때는 회전을 먼저 푼 뒤 벌어진다 */
	._header .jsNavToggle span {display:block;width:26rem;height:1rem;background:var(--brown);transition:rotate .25s ease,translate .25s ease .25s;}
	/* 메뉴가 내려오는 동안 뒤 본문을 어둡게 흐린다. 닫을 때는 메뉴가 거의 올라간 뒤 걷힌다 */
	._header::after {content:'';position:fixed;top:72rem;right:0;bottom:0;left:0;z-index:-2;background:#0000008c;-webkit-backdrop-filter:blur(6rem);backdrop-filter:blur(6rem);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease .7s,visibility 0s 1.2s;}
	._header .gnb {position:fixed;top:72rem;right:0;bottom:0;left:0;z-index:-1;display:block;overflow-y:auto;overscroll-behavior:contain;padding:4rem var(--gutter) 24rem;background:var(--cream);border-top:1rem solid #d8cebd;box-shadow:0 12rem 18rem #3928200d;font-size:21rem;transform:translateY(-100%);visibility:hidden;pointer-events:none;transition:transform 1.2s ease,visibility 1.2s;}
	._header .gnb>ul {display:block;height:auto;}
	._header .gnb>ul>li+li {border-top:1rem solid #e2d8c8;}
	._header .gnb>ul>li>a {justify-content:space-between;width:100%;height:auto;padding:16rem 20rem 16rem 2rem;text-align:left;}
	._header .gnb>ul>li>a::after {content:'';flex:none;width:9rem;height:9rem;margin-top:-4rem;border-right:2rem solid var(--gold);border-bottom:2rem solid var(--gold);transition:transform .3s;transform:rotate(45deg);}
	._header .gnb>ul>li.on>a::after {margin-top:3rem;transform:rotate(-135deg);}
	._header .gnb>ul>li>.sub {position:static;overflow:hidden;width:100%;max-height:0;min-width:0;padding:0;border-radius:14rem;background:#f6f1e7;box-shadow:none;opacity:1;visibility:visible;transform:none;transition:max-height .35s ease,margin .35s ease;}
	._header .gnb>ul>li.on>.sub {max-height:360rem;margin:0 0 16rem;}
	._header .gnb>ul>li>.sub a {width:100%;padding:13rem 18rem;color:#6b5a4c;font-size:17rem;text-align:left;}
	._header .gnb>ul>li>.sub li+li a,._header .sub li+li button {border-top:1rem solid #eae2d3;}
	._header .gnb>ul>li>.sub li {opacity:0;transform:translateX(20%);transition:opacity .6s,transform .6s;}
	._header .gnb>ul>li.on .sub li {opacity:1;transform:none;}
	._header .gnb>ul>li.on .sub li:nth-child(2) {transition-delay:.08s;}
	._header .gnb>ul>li.on .sub li:nth-child(3) {transition-delay:.16s;}
	._header .gnb>ul>li.on .sub li:nth-child(4) {transition-delay:.24s;}
	._header .gnb>ul>li.on .sub li:nth-child(5) {transition-delay:.32s;}
	.navOn ._header .gnb {transform:none;visibility:visible;pointer-events:auto;}
	.navOn ._header {transform:none;transition:none;}

	.navOn {overflow:hidden;}
	.navOn ._header::after {opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s;}
	.navOn ._header .jsNavToggle span {transition:translate .25s ease,rotate .25s ease .25s;}
	.navOn ._header .jsNavToggle span:first-child {translate:0 3.5rem;rotate:45deg;}
	.navOn ._header .jsNavToggle span:last-child {translate:0 -3.5rem;rotate:-45deg;}

	._header .gnb>ul>li>a.active + .sub { max-height: 360rem; margin: 0 0 16rem;}
	._header .gnb>ul>li>a.active + .sub li { opacity: 1; transform: none;}
	._header .gnb>ul>li>.sub a.active { color: var(--gold);}
}

@media screen and (max-width:768px) {
	._header>.inner {gap:8rem;}
	._header .contact {gap:4rem;}
	._header .logo img {width:130rem;}
	._header .contact>.wait,._header .contact>.consult {padding:0 8rem; height:30rem; font-size:12rem;}
}

/* 메인 비주얼 */
._mainVis {position:relative;isolation:isolate;overflow:hidden;height:calc(100dvh - 100rem);min-height:520rem;background:#33271e;color:#fff;}
._mainVis>.swiper,._mainVis .swiper-wrapper,._mainVis .swiper-slide {height:100%;}
._mainVis>.swiper {position:absolute;inset:0;z-index:-1;}
._mainVis .swiper-slide {overflow:hidden;} /* Swiper 초기화 전 scale된 다음 슬라이드 이미지가 오른쪽으로 비치는 것을 막는다 */
._mainVis .swiper-slide img {display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.16);transition:transform 8s ease-out;}
._mainVis .swiper-slide-active img {transform:scale(1);}
._mainVis>.inner {position:relative;height:100%;pointer-events:none;}
._mainVis .slogan {display:flex;align-items:flex-start;position:absolute;top:25%;left:50%;transform:translateX(-50%);filter:drop-shadow(0 2rem 18rem #32211726);}
._mainVis .slogan img {display:block;width:auto;height:381rem;animation:visTxtIn 3.2s cubic-bezier(.16,1,.3,1) both;}
._mainVis .slogan img:nth-child(1) {aspect-ratio:91/381;animation-delay:.4s;transform-origin:center 35%;}
._mainVis .slogan img:nth-child(2) {aspect-ratio:101/381;animation-delay:1.15s;transform-origin:center 50%;}
@keyframes visTxtIn {from {opacity:0;transform:scale(1.06);filter:blur(6rem);} to {opacity:1;transform:scale(1);filter:blur(0);}}
._mainVis .signature {position:absolute;right:0;bottom:88rem;width:242rem;text-align:center;font-family:var(--serif);font-size:24rem;font-weight:600;line-height:1.333333;letter-spacing:-.03em;text-shadow:0 2rem 14rem #21140a55;}
._mainVis .signature strong {display:block;margin:10rem 0 12rem;background:#fff;color:#3e332e;font-family:'Pretendard Variable',sans-serif;font-size:26rem;font-weight:500;line-height:34rem;letter-spacing:-.02em;text-shadow:none;}
._mainVis .signature .name {font-size:36rem;font-weight:400;line-height:1.2;}
._mainVis .signature .name img {display:block;width:222rem;height:auto;aspect-ratio:74/13;margin:0 auto;}
._mainVis .signature>* {opacity:0;animation:sigLineIn .9s cubic-bezier(.2,.7,.2,1) forwards;}
._mainVis .signature>:nth-child(1) {animation-delay:.4s;}
._mainVis .signature>:nth-child(2) {animation-delay:.75s;}
._mainVis .signature>:nth-child(3) {animation-delay:1.1s;}
._mainVis .signature>:nth-child(4) {animation-delay:1.5s;}
._mainVis .ori{color:rgba(255,255,255,0.5);font-size:13rem;position:absolute;left:30rem;bottom:30rem;}
@keyframes sigLineIn {from {opacity:0;transform:translateX(36rem);} to {opacity:1;transform:translateX(0);}}
._mainVis .control {position:absolute;bottom:52rem;left:50%;z-index:2;display:flex;align-items:center;gap:12rem;transform:translateX(-50%);}
._mainVis .pagination {display:flex;align-items:center;gap:10rem;}
._mainVis .pagination .swiper-pagination-bullet {display:block;width:10rem;height:10rem;margin:0;background:#fff;opacity:.3;}
._mainVis .pagination .swiper-pagination-bullet-active {opacity:1;}
._mainVis .jsVisPause {display:flex;align-items:center;justify-content:center;width:22rem;height:22rem;font-size:20rem;color:#ffffffa6;}
._mainVis:not(.ready) .control {display:none;}
._mainMessage .ink {opacity:0;transition:opacity .7s ease;}
._mainMessage .ink.on {opacity:1;}
._mainMessage {--curve:100rem;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;height:300rem;border-radius:0 0 0 var(--curve);color:#fff;text-align:center;font-family:var(--serif);font-size:40rem;line-height:1.35;letter-spacing:-.03em;}
._mainMessage::before {content:'';position:absolute;inset:0;border-radius:inherit;background:var(--gold);} /* 채워지는 배경 레이어. 모서리 radius를 그대로 물려받아 움직이는 모서리도 둥글다 */
._mainMessage p {position:relative;white-space:nowrap;} /* 공백을 일반 공백으로 바꿨으므로 줄바꿈은 <br>에서만 일어나게 한다 */

@media screen and (max-width:1200px) {
	._mainVis {height:600rem;min-height:0;}
	._mainVis .swiper-slide img {object-position:center;transform:scale(1);}
	._mainVis>.inner {margin:0 var(--gutter);}
	._mainVis .slogan {top:6%;}
	._mainVis .slogan img {height:200rem;}
	._mainVis .signature {right:12rem;bottom:42rem;width:auto;font-size:16rem;}
	._mainVis .signature strong {margin:6rem 0;font-size:17rem;line-height:1.3;}
	._mainVis .signature .name {font-size:24rem;}
	._mainVis .signature .name img {width:156rem;}
	._mainVis .ori{font-size:12rem;}
	._mainVis .control {bottom:24rem;}
	._mainVis .pagination .swiper-pagination-bullet {width:7rem;height:7rem;}
	._mainMessage {--curve:60rem;height:128rem;font-size:26rem;}
}

@media screen and (max-width:768px) {
	._mainVis .slogan {top:8%;}
	._mainVis .slogan img {height:200rem;}
	._mainVis .signature {bottom:70rem;right:8rem;font-size:14rem;}
	._mainVis .signature strong {font-size:15rem;}
	._mainVis .signature .name {font-size:22rem;}
	._mainVis .signature .name img {width:138rem;}
	._mainVis .ori{font-size:10rem;left:20rem;bottom:10rem;}
	._mainVis .control{bottom:35rem;}
	._mainVis {height:440rem;}
	._mainMessage {--curve:45rem;height:108rem;font-size:22rem;}
}


/* 브랜드 소개 */
._mainAbout {padding:198rem var(--gutter);}
._mainAbout>.inner {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.917fr);align-items:center;gap:70rem;}
._mainAbout ._sectionTit {font-size:clamp(44rem,3.65vw,70rem);letter-spacing:-.02em;}
._mainAbout .desc {--revealDelay:.14s;margin-top:42rem;color:#917358;font-family:var(--serif);font-size:clamp(22rem,1.5625vw,30rem);line-height:1.666667;letter-spacing:-.03em;}
._mainAbout .photo {--curve:42rem;overflow:hidden;border-radius:var(--curve);}
._mainAbout .photo img {display:block;width:100%;height:auto;aspect-ratio:636/724;object-fit:cover;}
._mainAbout .numbers {display:grid;grid-template-columns:1fr 1fr;gap:80rem 66rem;margin-top:88rem;font-family:var(--serif);color:#000;letter-spacing:-.03em;}
._mainAbout .numbers>div {--revealDelay:.26s;padding-left:20rem;border-left:4rem solid #bca683;}
._mainAbout .numbers>div:nth-child(2) {--revealDelay:.34s;}
._mainAbout .numbers>div:nth-child(3) {--revealDelay:.42s;}
._mainAbout .numbers>div:nth-child(4) {--revealDelay:.5s;}
._mainAbout dt {font-size:50rem;line-height:1.1;font-weight:400;letter-spacing:-.04em;font-variant-numeric:tabular-nums;}
._mainAbout dt span {font-size:1em;}
._mainAbout dt .roll {display:inline-flex;vertical-align:baseline;}
._mainAbout dt .roll,._mainAbout dt .roll span {font-size:1em;}
._mainAbout dt .digit {display:block;overflow:hidden;height:1em;}
._mainAbout dt .reel {display:block;transition:transform 1.9s cubic-bezier(.16,1,.3,1);}
._mainAbout dt .reel span {display:block;height:1em;line-height:1;}
._mainAbout dd {margin-top:8rem;font-size:22rem;line-height:1.2;}

@media screen and (max-width:1200px) {
	._mainAbout {padding:90rem var(--gutter);}
	._mainAbout>.inner {grid-template-columns:1fr 1fr;gap:40rem;}
	._mainAbout ._sectionTit {font-size:38rem;}
	._mainAbout .desc {margin-top:26rem;font-size:18rem;}
	._mainAbout .desc br {display:none;}
	._mainAbout .numbers {gap:34rem 20rem;margin-top:40rem;}
	._mainAbout .numbers>div {padding-left:14rem;border-left-width:2rem;}
	._mainAbout dt {font-size:36rem;}
	._mainAbout dd {font-size:16rem;}
	._mainAbout .photo {--curve:28rem;}
}

@media screen and (max-width:768px) {
	._mainAbout {padding-top:76rem;padding-bottom:76rem;}
	._mainAbout>.inner {grid-template-columns:1fr;gap:42rem;}
	._mainAbout .desc {max-width:500rem;font-size:16rem;}
	._mainAbout .numbers {max-width:500rem;}
	._mainAbout .photo {max-width:500rem;width:100%;margin:0 auto;}
	._mainAbout .photo img {aspect-ratio:1/1.05;}
}


/* 진심의 약속 */
._mainCare {--curve:100rem;position:relative;overflow:hidden;padding:120rem 0 129rem;border-radius:var(--curve) 0 0;}
._mainCare::before {content:'';position:absolute;inset:0;border-radius:inherit;background:var(--sage);}
._mainCare>* {position:relative;}
._mainCare .heading {padding:0 var(--gutter);}
._mainCare:not(.revealDone) ._sectionTit .lineInner {transform:translateY(110%);} /* 뒤 영역이 100%로 펼쳐진 뒤(revealDone)에 제목이 올라온다 */
._mainCare>.swiper {overflow:visible;margin-top:-3rem;}
._mainCare:not(.revealDone)>.swiper {opacity:0;transform:translateY(24rem);} /* 배경이 다 채워진 뒤에 카드가 올라온다 */
._mainCare.revealDone>.swiper {opacity:1;transform:none;transition:opacity .9s ease-out,transform .9s ease-out;}
._mainCare .swiper-wrapper {align-items:flex-end;}
._mainCare .swiper-slide {display:flex;align-items:flex-end;justify-content:center;width:500rem;height:630rem;}
._mainCare .card {flex:none;overflow:hidden;width:398rem;border-radius:20rem;background:#fff;color:#3e342d;letter-spacing:-.02em;transform-origin:center bottom;transition:transform .65s ease,box-shadow .65s ease;}
._mainCare .swiper-slide-active .card {transform:scale(1.3);box-shadow:0 6rem 18rem #3b282340;}
._mainCare .photo {overflow:hidden;} /* 원래 크기 틀은 그대로 두고 안의 이미지만 확대한다 */
._mainCare .photo img {display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .55s cubic-bezier(.25,1,.5,1);}
._mainCare .card:hover .photo img {transform:scale(1.08);}
._mainCare .text {min-height:184rem;padding:18rem 30rem 22rem;}
._mainCare .lead {color:var(--gold);font-size:18rem;font-weight:700;line-height:24rem;}
._mainCare h3 {font-size:34rem;line-height:42rem;font-weight:700;}
._mainCare .tags {display:flex;flex-wrap:wrap;gap:6rem;margin-top:16rem;font-size:18rem;line-height:21rem;font-weight:500;}
._mainCare .tags li {padding:4rem 12rem;border-radius:6rem;background:var(--cream);}
._mainCare .controls {margin-top:56rem;padding:0 var(--gutter);}
._mainCare .controls>.inner {display:flex;align-items:center;}
._mainCare .progress {position:relative;overflow:hidden;flex:1;height:8rem;border-radius:5rem;background:#eee7d966;}
._mainCare .swiper-pagination-progressbar-fill {background:var(--brown);border-radius:5rem;}
._mainCare .swiper:not(.swiper-initialized) .swiper-wrapper {justify-content:center;}
._mainCare .swiper:not(.swiper-initialized) .swiper-slide {flex-shrink:0;}

@media screen and (max-width:1200px) {
	._mainCare {--curve:60rem;padding:60rem 0 48rem;}
	._mainCare>.swiper {margin-top:22rem;}
	._mainCare .swiper-slide {width:300rem;height:452rem;padding:0 10rem;}
	._mainCare .card {width:100%;transform:scale(.92);border-radius:22rem;}
	._mainCare .swiper-slide-active .card {transform:scale(1);}
	._mainCare .text {min-height:196rem;padding:20rem;}
	._mainCare .lead {font-size:17rem;line-height:1.4;}
	._mainCare h3 {font-size:28rem;line-height:1.25;}
	._mainCare .tags {gap:6rem;margin-top:18rem;font-size:15rem;line-height:1.3;}
	._mainCare .tags li {padding:4rem 8rem;border-radius:6rem;}
	._mainCare .controls {margin-top:16rem;}
	._mainCare .progress {height:4rem;}
}

@media screen and (max-width:768px) {
	._mainCare {--curve:45rem;padding:44rem 0 36rem;}
	._mainCare .swiper-slide {width:280rem;height:420rem;padding:0 8rem;}
	._mainCare .text {min-height:184rem;padding:18rem;}
	._mainCare h3 {font-size:25rem;}
	._mainCare .tags {font-size:13rem;}
}


/* 지점 소개 */
._mainBranches {padding:140rem var(--gutter);}
._mainBranches .list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34rem 32rem;margin-top:44rem;}
._mainBranches .card {display:block;overflow:hidden;min-width:0;border-radius:12rem;background:#fff;color:#3e342d;text-align:center;letter-spacing:-.02em;transition:box-shadow .3s ease;}
._mainBranches .photo {position:relative;display:block;overflow:hidden;}
._mainBranches .photo img {display:block;width:100%;height:auto;aspect-ratio:444/288;object-fit:cover;transition:transform .65s ease;}
._mainBranches .card:nth-child(3n+2) {--revealDelay:.12s;}
._mainBranches .card:nth-child(3n) {--revealDelay:.24s;}
._mainBranches .card.revealReady {opacity:0;transform:translateY(30rem) scale(.95);}
._mainBranches .card.revealReady.visible {opacity:1;transform:none;transition:opacity .85s ease,transform .85s cubic-bezier(.19,1,.22,1),box-shadow .3s ease;transition-delay:var(--revealDelay,0s);}
._mainBranches .status {position:absolute;top:16rem;right:16rem;padding:4rem 18rem;border-radius:30rem;background:var(--gold);color:#fff;font-size:24rem;line-height:1.35;font-weight:700;}
._mainBranches .status.open {background:#453b32;}
._mainBranches .text {display:flex;flex-direction:column;padding:20rem 15rem 36rem;}
._mainBranches .text>strong {font-size:38rem;line-height:45rem;font-weight:700;letter-spacing:0;}
._mainBranches .lead {margin-top:4rem;color:#775d47;font-size:24rem;font-weight:700;line-height:32rem;}
._mainBranches .address {margin-top:10rem;color:#7f8080;font-size:24rem;line-height:32rem;}

@media screen and (min-width:1201px) {
	/*._header .gnb>ul>li:hover .sub,._header .gnb>ul>li:focus-within .sub {opacity:1;visibility:visible;transform:translate(-50%,0);}*/
	._mainBranches .card:hover {box-shadow:0 8rem 24rem #3b282320;}
	._mainBranches .card:hover img {transform:scale(1.025);}
}

@media screen and (max-width:1200px) {
	._mainBranches {padding:80rem var(--gutter);}
	._mainBranches .list {gap:24rem 20rem;margin-top:36rem;}
	._mainBranches .status {top:10rem;right:10rem;padding:4rem 12rem;font-size:15rem;}
	._mainBranches .text {padding:22rem 12rem;}
	._mainBranches .text>strong {font-size:26rem;line-height:1.3;}
	._mainBranches .lead {font-size:17rem;line-height:1.4;}
	._mainBranches .address {font-size:16rem;line-height:1.4;}
}

@media screen and (max-width:768px) {
	._mainBranches ._sectionTit {font-size:32rem;}
	._mainBranches .list {grid-template-columns:repeat(2,minmax(0,1fr));gap:18rem 12rem;}
	._mainBranches .card:nth-child(3n+2),._mainBranches .card:nth-child(3n) {--revealDelay:0s;}
	._mainBranches .card:nth-child(2n) {--revealDelay:.12s;}
	._mainBranches .card {border-radius:9rem;}
	._mainBranches .status {top:7rem;right:7rem;padding:3rem 8rem;font-size:12rem;}
	._mainBranches .text {padding:18rem 8rem;}
	._mainBranches .text>strong {font-size:20rem;}
	._mainBranches .lead {min-height:39rem;margin-top:6rem;font-size:14rem;line-height:1.4;}
	._mainBranches .address {margin-top:7rem;font-size:13rem;line-height:1.5;}
}


/* 방문 예약 */
._mainReservation {padding:100rem var(--gutter) 84rem;background:#27221e url('../images/main-reservation.jpg') center/cover no-repeat;color:#fff;letter-spacing:-.02em;}
._mainReservation>.inner {max-width:1366rem;}
._mainReservation .heading {text-align:center;}
._mainReservation h2 {font-family:var(--serif);font-size:52rem;font-weight:600;line-height:1.35;letter-spacing:-.03em;}
._mainReservation .heading p {font-size:24rem;line-height:32rem;color:#eee6d9;}
._mainReservation form {--revealDelay:.14s;margin-top:56rem;padding:44rem 62rem 40rem;border:1rem solid #ffffff33;border-radius:12rem;background:rgba(145,115,88,0.1);-webkit-backdrop-filter:blur(7rem);backdrop-filter:blur(7rem);}
._mainReservation .fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12rem 24rem;}
._mainReservation label {display:flex;flex-direction:column;gap:4rem;min-width:0;font-size:18rem;font-weight:500;line-height:26rem;}
._mainReservation input,._mainReservation textarea {width:100%;border:1rem solid #ffffff33;border-radius:10rem;background:#ffffff1a;color:#fff;font-size:18rem;font-weight:500;letter-spacing:-.02em;outline-offset:3rem;transition:border-color .3s,background .3s;cursor:text;}
._mainReservation input:focus,._mainReservation textarea:focus {border-color:#c9b291;background:#d6c4af26;}
._mainReservation input {height:62rem;padding:0 22rem;}
._mainReservation textarea {height:143rem;min-height:143rem;padding:18rem 22rem;resize:vertical;}
._mainReservation input::placeholder,._mainReservation textarea::placeholder {color:#ffffff4d;}
._mainReservation .wide {grid-column:1/-1;margin-top:11rem;}
._mainReservation .submit {width:100%;height:70rem;margin-top:20rem;border-radius:9rem;background:var(--gold);color:#000;font-size:22rem;font-weight:700;letter-spacing:-.02em;transition:background .3s;}
._mainReservation .submit:hover {background:#baa07e;}
._mainReservation .phone {margin-top:24rem;text-align:center;color:#999899;font-size:16rem;font-weight:400;line-height:32rem;}
._mainReservation .phone a {color:var(--gold);font-weight:700;}
._mainReservation .form_txt { font-size: 24rem; color: #fff; margin-bottom: 40rem; font-weight: 500;}

@media screen and (max-width:1200px) {
	._mainReservation {padding:74rem var(--gutter);}
	._mainReservation h2 {font-size:38rem;}
	._mainReservation .heading p {margin-top:12rem;font-size:18rem;line-height:1.5;}
	._mainReservation form {margin-top:35rem;padding:30rem;}
	._mainReservation label {font-size:16rem;}
	._mainReservation input,._mainReservation textarea {font-size:16rem;}
	._mainReservation input {height:52rem;padding:0 15rem;}
	._mainReservation textarea {padding:14rem 15rem;}
	._mainReservation .submit {height:56rem;font-size:18rem;}
	._mainReservation .phone {font-size:15rem;line-height:1.5;}
}

@media screen and (max-width:768px) {
	._mainReservation {background-position: 65% center;}
	._mainReservation h2 {font-size:30rem;}
	._mainReservation .heading p {max-width:280rem;margin:12rem auto 0;font-size:16rem;}
	._mainReservation form {padding:24rem 18rem;}
	._mainReservation .fields {grid-template-columns:1fr;gap:18rem;}
	._mainReservation label {font-size:14rem;}
	._mainReservation .wide {margin-top:0;}
	._mainReservation .phone {font-size:14rem;}
	._mainReservation .phone span {display:block;margin-top:5rem;}
	._mainReservation .form_txt { font-size: 18rem; margin-bottom: 24rem;}
}

/* 개인정보 수집 및 이용 동의 */
._mainReservation .privacy {margin-top:28rem;}
._mainReservation .privacy_title {margin-bottom:10rem;font-size:18rem;font-weight:500;line-height:1.5;}
._mainReservation .privacy_content {box-sizing:border-box;max-height:220rem;overflow-y:auto;padding:20rem 22rem;border:1rem solid #ffffff33;border-radius:10rem;background:#ffffff0d;color:#eee6d9;font-size:15rem;font-weight:400;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#bca683 #ffffff0d;}
._mainReservation .privacy_content p {margin:0;}
._mainReservation .privacy_content p+p,._mainReservation .privacy_content ul+p {margin-top:20rem;}
._mainReservation .privacy_content ul {margin:14rem 0 0;padding:0;list-style:none;}
._mainReservation .privacy_content li+li {margin-top:5rem;}
._mainReservation .privacy_content strong {color:#fff;font-weight:600;}
._mainReservation .privacy_content:focus-visible {outline:2rem solid var(--gold);outline-offset:3rem;}
._mainReservation .privacy_agree {display:flex;flex-direction:row;align-items:flex-start;gap:10rem;margin-top:18rem;font-size:17rem;font-weight:500;line-height:1.6;cursor:pointer;}
._mainReservation .privacy_agree input[type="checkbox"] {appearance:auto;-webkit-appearance:checkbox;box-sizing:border-box;flex:none;width:20rem;height:20rem;min-height:0;margin:3rem 0 0;padding:0;border:0;border-radius:0;background:transparent;accent-color:var(--gold);cursor:pointer;}
._mainReservation .privacy_agree input[type="checkbox"]:focus-visible {outline:2rem solid var(--gold);outline-offset:3rem;}
._mainReservation .privacy_agree span {min-width:0;}
._mainReservation .privacy_note {margin-top:10rem;padding-left:30rem;color:#c9c1b8;font-size:13rem;font-weight:400;line-height:1.7;word-break:keep-all;}

@media screen and (max-width:1200px) {
	._mainReservation .privacy_title {font-size:16rem;}
	._mainReservation .privacy_content {padding:18rem;font-size:14rem;}
	._mainReservation .privacy_agree {font-size:15rem;}
}

@media screen and (max-width:768px) {
	._mainReservation .privacy {margin-top:24rem;}
	._mainReservation .privacy_title {font-size:14rem;}
	._mainReservation .privacy_content {max-height:190rem;padding:15rem;font-size:13rem;}
	._mainReservation .privacy_agree {gap:8rem;font-size:14rem;}
	._mainReservation .privacy_agree input[type="checkbox"] {width:18rem;height:18rem;margin-top:2rem;}
	._mainReservation .privacy_note {padding-left:26rem;font-size:12rem;}
	._mainReservation .privacy_note br {display:none;}
}

/* 푸터 · 안내 */
._footer {padding:65rem var(--gutter);background:#1e2120;color:#fff;text-align:center;letter-spacing:-.01em;}
._footer .logo {display:block;width:max-content;margin:0 auto;}
._footer .logo img {display:block;width:205rem;height:auto;aspect-ratio:205/32;}
._footer .tel {display:block;margin-top:0;color:#a68c6f;font-family:'Roboto',sans-serif;font-size:42rem;line-height:50rem;font-weight:700;letter-spacing:0;}
._footer address {display:flex;justify-content:center;flex-wrap:wrap;gap:0;margin-top:27rem;font-size:15rem;font-style:normal;line-height:28rem;text-wrap:balance;}
._footer address span {white-space:nowrap;}
._footer address span+span:before {content:'|';margin:0 12rem;color:#cfc4b899;}
._footer .notice {margin-top:24rem;font-size:14rem;font-weight:300;line-height:18rem;text-wrap:balance;}
._footer .copy {margin-top:8rem;font-size:14rem;font-weight:300;line-height:18rem;}
._footer .social {display:flex;justify-content:center;gap:16rem;margin-top:42rem;}
._footer .social a {display:flex;align-items:center;justify-content:center;width:33rem;height:33rem;border-radius:50%;background:#48423d;color:#fff;font-size:21rem;}
._footer .blog {padding:1rem 2rem;border-radius:3rem;background:#fff;color:#48423d;font-size:9rem;font-weight:800;letter-spacing:-.05em;}

@media screen and (max-width:1200px) {
	._footer {padding:54rem var(--gutter);}
	._footer .logo img {width:180rem;}
	._footer .tel {font-size:34rem;}
	._footer address {flex-direction:column;gap:6rem;font-size:12rem;}
	._footer address span+span:before {display:none;}
	._footer .notice {max-width:340rem;margin:24rem auto 0;font-size:11rem;line-height:1.6;}
	._footer .copy {font-size:11rem;}
	._footer .social {margin-top:26rem;}
}


/* 지점 상세 (수원광교점 등) */
/*._branchView {background:#f6f6f6;}*/
._branchView>.inner {max-width:1506rem;margin:0 auto;}
._branchView .viewHead {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36rem;}
._branchView .tit {font-size:32rem;font-weight:600;color:#000;letter-spacing:-.025em;line-height:1;}
._branchView .controls {display:flex;align-items:center;gap:24rem;}
._branchView .nav {display:flex;align-items:center;gap:10rem;}
._branchView .nav button {display:flex;align-items:center;justify-content:center;width:26rem;height:26rem;background:none;color:#000;cursor:pointer;transition:opacity .2s;}
._branchView .nav button:hover {opacity:.6;}
._branchView .nav .bar {width:1rem;height:16rem;background:#b3b3b3;}
._branchView .thumbs {display:flex;gap:4rem;list-style:none;}
._branchView .thumbs li {position:relative;width:120rem;height:65rem;border:1rem solid #e0e0e0;overflow:hidden;cursor:pointer;border-radius:2rem;}
._branchView .thumbs li button {display:block;width:100%;height:100%;padding:0;background:none;cursor:pointer;}
._branchView .thumbs li img {display:block;width:100%;height:100%;object-fit:cover;}
._branchView .thumbs li::after {content:'';position:absolute;inset:0;background:rgba(0,0,0,.7);pointer-events:none;transition:opacity .25s ease;}
._branchView .thumbs li.active::after {opacity:0;}
._branchView .thumbs li:hover::after {opacity:.25;}
._branchView .thumbs li.active {border-color:#222;}
._branchView .viewGallery {position:relative;width:100%;aspect-ratio:1506/835;overflow:hidden;}
._branchView .viewGallery .swiper {width:100%;height:100%;}
._branchView .viewGallery .swiper-slide {width:100%;height:100%;overflow:hidden;}
._branchView .viewGallery .swiper-slide img {display:block;width:100%;height:100%;object-fit:cover;}
._branchView .viewInfo {display:flex;justify-content:space-between;align-items:flex-end;margin-top:44rem;}
._branchView .viewInfo .detail { min-height:150rem;}
._branchView .viewInfo .addr {font-size:26rem;font-weight:600;color:#000;letter-spacing:-.025em;line-height:1.2;margin-bottom:30rem;}
._branchView .viewInfo .traffic {list-style:none;font-size:22rem;line-height:1.45;color:#111;letter-spacing:-.025em;display:flex;flex-direction:column;gap:4rem;}
._branchView .viewInfo .traffic li {display:flex;gap:6rem;}
._branchView .viewInfo .traffic li::before {content:'·';font-weight:700;flex:none;}
._branchView .viewInfo .action {flex:none;margin-left:40rem;}
._branchView .viewInfo .btnApply {display:inline-flex;align-items:center;justify-content:center;gap:14rem;width:332rem;height:77rem;background:#47281d;border-radius:15rem;color:#fff;font-size:25rem;font-weight:700;letter-spacing:-.025em;transition:background .25s ease,transform .2s ease;cursor:pointer;}
._branchView .viewInfo .btnApply:hover {background:#361e16;transform:translateY(-2rem);}
._branchView .viewInfo .btnApply:active {transform:translateY(0);}
._branchView .viewInfo .btnApply .icon {display:block;width:31rem;height:36rem;object-fit:contain;}

@media screen and (max-width:1600px) {
	._branchView>.inner { padding:0 40rem;}
}

@media screen and (max-width:1200px) {
	._branchView .viewHead {display:grid;grid-template-columns:1fr auto;grid-template-areas:"tit nav" "thumbs thumbs";gap:14rem 16rem;align-items:center;margin-bottom:14rem;}
	._branchView .titWrap {grid-area:tit;}
	._branchView .tit {font-size:24rem;}
	._branchView .controls {display:contents;}
	._branchView .nav {grid-area:nav;}
	._branchView .thumbs {grid-area:thumbs;overflow-x:auto;padding-bottom:4rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
	._branchView .thumbs::-webkit-scrollbar {display:none;}
	._branchView .thumbs li {flex:none;width:84rem;height:50rem;}
	._branchView .viewGallery {aspect-ratio:16/9;}
	._branchView .viewInfo {flex-direction:column;align-items:stretch;gap:28rem;margin-top:24rem;}
	._branchView .viewInfo .detail { min-height:auto;}
	._branchView .viewInfo .addr {font-size:20rem;margin-bottom:14rem;}
	._branchView .viewInfo .traffic {font-size:15rem;line-height:1.5;}
	._branchView .viewInfo .action {margin-left:0;}
	._branchView .viewInfo .btnApply {width:100%;height:60rem;font-size:19rem;border-radius:10rem;}
	._branchView .viewInfo .btnApply .icon {width:24rem;height:28rem;}
}

@media screen and (max-width:768px) {
	._branchView>.inner { padding:0 16rem;}
	._branchView .tit {font-size:20rem;}
	._branchView .thumbs li {width:66rem;height:40rem;}
	._branchView .viewInfo .addr {font-size:18rem;}
	._branchView .viewInfo .traffic {font-size:14rem;}
	._branchView .viewInfo .btnApply {height:54rem;font-size:17rem;}
}


/*20260917 시작_ 서브 스타일 추가*/
.sub_inner { padding:60rem 0 200rem; min-height:calc(100vh - 510px);}
.sub_section {position:relative; margin:0 auto; width:100%;}
.sub_tit { display:inline-block; font-family: var(--serif);}
.w1500 { max-width:1500rem;}
.w1200 { max-width:1200rem;}

.pc_none { display:none;}

.txt_jsReveal > *,
.txt_jsReveal.reveal_ready > *{opacity:0;transform:translateY(25rem); filter:blur(2px);}
.txt_jsReveal.reveal_ready.visible > * {opacity:1;transform:none; filter:blur(0px); transition:filter 1s ease,opacity 1s ease,transform 1.2s ease;transition-delay:var(--revealDelay,0s);}

.list_jsReveal .txt {opacity:0;transform:translateY(20rem); filter:blur(0px);}
.list_jsReveal .img { overflow:hidden;}
.list_jsReveal .img img {opacity:0;transform:scale(1.05); filter:blur(0px);}
.list_jsReveal.visible .txt,
.list_jsReveal.visible .img img {opacity:1;transform:none; filter:blur(0px); transition:filter 1s ease,opacity 1.2s ease,transform 1.2s ease;transition-delay:var(--revealDelay,0s);}
.mo { overflow:hidden;}
.mo > img { display:block; width:100%; opacity:0; transform:scale(1.1); transition:transform 2.5s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 1s ease;}
.mo.is-active > img { opacity:1; transform:scale(1);}
.bg.mo > span { display:block; width:100%; opacity:0; transform:scale(1.08); transition:transform 2s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.8s ease;}
.bg.mo.is-active > span { opacity:1; transform:scale(1);}

@media (prefers-reduced-motion: reduce) {
	.mo > img { opacity:1; transform:none; transition:none;}
}
@media screen and (max-width:1600px) {
	.sub_section { padding:0 40rem;}
}
@media screen and (max-width:1200px) {
	.sub_inner { padding:60rem 0 150rem;}
}
@media screen and (max-width:768px) {
	.sub_inner { padding:40rem 0 80rem;}
	.sub_section { padding:0 16rem;}
	.mo_none { display:none;}
	.pc_none { display:block;}
}

.sub_top { margin-bottom: 150rem; text-align:center;}
.sub_top .bread_crumb { transition-duration:0.8s;}
.sub_top .bread_crumb ol { display:flex; align-items:center; justify-content:center; gap:12rem;}
.sub_top .bread_crumb li { position:relative; font-size:clamp(12rem,0.8333vw,16rem); color:#4a4a4a; font-weight:500;}
.sub_top .bread_crumb li.home { padding-left: 24rem; background:url(../images/ico_home.png) left center no-repeat;}
.sub_top .bread_crumb li:not(.home) { padding-left: 20rem;}
.sub_top .bread_crumb li:not(.home)::before { content:''; position:absolute; left:0; top:0; bottom:0; width:7rem; background:url(../images/sub_arr.png) center no-repeat;}
.sub_top h3 { margin:60rem 0; font-size:clamp(40rem,4.1667vw,80rem); font-family: var(--serif); font-weight:600; letter-spacing:-.03em;}
.sub_menu {position:relative; z-index:10; padding:0 var(--gutter);}
.sub_top.reveal_ready.visible > h3 { transition-duration:0.8s; transition-delay:0.1s;}
.reveal_ready.visible > .sub_menu { transition-duration:0.8s; transition-delay:0.2s;}
.sub_menu .currentTabBtn { display:none;}
.sub_menu .sub {display:flex; flex-wrap:wrap; justify-content:center; gap:10rem;}
.sub_menu .sub>li { width:max-content;}
.sub_menu .sub a {padding:0 25rem; border-radius:25rem; display:inline-flex; align-items:center; height:50rem; background-color:#e1d8cb; font-size:clamp(14rem,1.0417vw,20rem); font-weight:500; color:#000;transition:background .2s,color .2s;}
.sub_menu .sub a.active { background-color:var(--gold); color:#fff;}
.sub_menu .sub a:focus-visible {outline:2px solid var(--gold);outline-offset:-5px;}

@media screen and (max-width:1200px) {
	.sub_top { margin-bottom: 60rem;}
	.sub_top h3 { margin:40rem 0;}
	.sub_menu .sub a { height:40rem;}
}

@media screen and (max-width:768px) {
	.sub_top { margin-bottom: 40rem;}
	.sub_top .bread_crumb ol { gap:8rem;}
	.sub_top .bread_crumb li.home { padding-left: 16rem; background-size:12px auto;}
	.sub_top .bread_crumb li:not(.home) { padding-left: 14rem;  background-size:5px auto;}
	.sub_top h3 { margin:24rem 0; font-size:36rem;}
	.sub_menu>.inner {position:relative;border-radius:20rem;background:#f7f3ec;}
	.sub_menu.dropdownReady .currentTabBtn {display:flex;align-items:center; justify-content:space-between; gap:16rem; width:100%; min-height:52rem; padding:14rem 22rem; color:#6b5a4c; font-size:15rem; font-weight:500; text-align:left;}
	.sub_menu .currentTabBtn::after {content:'';flex:none;width:10rem;height:10rem;margin-top:-5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);}
	.sub_menu .currentTabBtn[aria-expanded="true"]::after {margin-top:5rem;transform:rotate(225deg);}
	.sub_menu .currentTabBtn:focus-visible {outline:2px solid var(--gold);outline-offset:-4px;border-radius:20rem;}
	.sub_menu .sub {display:block;width:100%;overflow:hidden;border-radius:0 0 20rem 20rem;}
	.sub_menu .sub>li { width:100%;}
	.sub_menu.dropdownReady .sub {display:none;position:absolute;top:100%;left:0;z-index:10;background:#f7f3ec;box-shadow:0 12rem 20rem #3b28231a;}
	.sub_menu.dropdownReady.isOpen>.inner {border-radius:20rem 20rem 0 0;}
	.sub_menu.dropdownReady.isOpen .sub {display:block;max-height:60vh;max-height:60dvh;overflow-y:auto;overscroll-behavior-y:contain;}
	.sub_menu .sub a {width:100%; justify-content:flex-start; padding:12rem 22rem;border-bottom:0;font-size:13rem; text-align:left; background:transparent; border-radius:0;}
}

/*브랜드스토리*/
.brand_story .img_wrap { overflow:hidden; width:100%; border-radius:0 0 0 0; border-radius:240rem 240rem 0 0;}
.brand_story .img_wrap img { display:block; width:100%; aspect-ratio:150 / 77; object-fit:cover; clip-path:inset(0 0 0 0);  transition:clip-path 2.5s ease, transform 2.5s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 1s ease;}
.brand_story .img_wrap.is-active {border-radius:240rem 240rem 0 0; transition:2s 1s;}
.brand_story .img_wrap.is-active img { clip-path:inset(0 0 0 0);}
.brand_story .txt_wrap { margin-top: 180rem; padding-left: 540rem;}
.brand_story .txt_wrap strong { font-size:36rem; color:#000; letter-spacing:-0.05em;}
.brand_story .txt_wrap .txt { margin-top: 50rem;}
.brand_story .txt_wrap p { font-size:27rem; line-height:1.48; color:#000; letter-spacing:-0.01em;}
.brand_story .txt_wrap p b { font-weight:700;}
.brand_story .txt_wrap span { display:inline-block; border-bottom:1px solid #000;}
.brand_story .txt_jsReveal .txt {--revealDelay:.35s;}

@media screen and (max-width:1500px) {
	.brand_story .txt_wrap { padding-left: 30%;}
}

@media screen and (max-width:1200px) {
	.brand_story .img_wrap.is-active {border-radius:120rem 120rem 0 0;}
	.brand_story .txt_wrap { margin-top: 80rem; padding-left: 20%;}
	.brand_story .txt_wrap strong { font-size:32rem;}
	.brand_story .txt_wrap .txt { margin-top: 30rem;}
	.brand_story .txt_wrap p { font-size:24rem;}
}

@media screen and (max-width:768px) {
	.brand_story .img_wrap.is-active {border-radius:40rem 40rem 0 0;}
	.brand_story .img_wrap img { aspect-ratio: 150 / 100;}
	.brand_story .txt_wrap { margin-top: 50rem; padding-left: 0;}
	.brand_story .txt_wrap strong { font-size:24rem;}
	.brand_story .txt_wrap .txt { margin-top: 20rem;}
	.brand_story .txt_wrap p { font-size:16rem;}
}

/*CEO인사말*/
.ceo_con { display:flex;}
.ceo .img_wrap { width:575rem; transform:translateX(5%); transition:1s;}
.ceo .img_wrap img { aspect-ratio:575 / 700;}
.ceo .img_wrap.is-active { transform:none;}
.ceo .txt_wrap { padding:220rem 0 0 80rem; color:#000;}
.ceo .txt_wrap .sub_tit { font-size:clamp(24rem,2.2917vw,44rem); letter-spacing:-0.05em; font-weight:500;}
.ceo .txt_wrap b { font-weight:700;}
.ceo .txt_wrap .top { margin-bottom: 98rem;}
.ceo .txt_wrap .top p { margin-top: 38rem; font-size:clamp(16rem,1.6146vw,31rem); letter-spacing:-0.01em; line-height:1.4;}
.ceo .txt_wrap .bot p { font-size:clamp(14rem,1.4063vw,27rem); letter-spacing:-0.01em; line-height:1.48;}
.ceo .txt_wrap .ceo_name { margin-top: 100rem; font-size:clamp(14rem,1.4063vw,27rem); letter-spacing:-0.01em; font-weight:700; text-align:right;}
.ceo .txt_wrap .ceo_name span { padding-left: 24rem; position:relative;}
.ceo .txt_wrap .ceo_name span::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:4px; height:25px; background-color:#000;}
.ceo .top.txt_jsReveal {--revealDelay:.6s;}
.ceo .bot.txt_jsReveal {--revealDelay:.8s;}

@media screen and (max-width:1200px) {
	.ceo .img_wrap { width:40%;}
	.ceo .txt_wrap { padding:120rem 0 0 60rem;}
	.ceo .txt_wrap .top { margin-bottom: 48rem;}
	.ceo .txt_wrap .top p { margin-top: 20rem;}
}

@media screen and (max-width:1024px) {
	.ceo .txt_wrap { padding:80rem 0 0 36rem;}
}

@media screen and (max-width:768px) {
	.ceo_con { display:flex; flex-direction:column; gap:40rem;}
	.ceo .img_wrap { width:100%; transform:translate(0,10%);}
	.ceo .txt_wrap { padding:0;}
}

/*핵심가치*/
.values { text-align:center;}
.values .txt_wrap { margin-bottom: 84rem;}
.values .txt_wrap p { font-size:clamp(16rem,1.6146vw,31rem); color:#000; line-height:1.45; letter-spacing:-0.01em;}
.values .circle_wrap { position:relative; margin:0 auto; width:1000rem; height:1000rem; color:#47281d;}
.values .circle_wrap .logo { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0.7); z-index:10;}
.values .circle_wrap .circle { position:absolute; display:flex; align-items:center; justify-content:center; width:500rem; height:500rem; border-radius:50%; mix-blend-mode: multiply;}
.values .circle_wrap .lef { left:0; top:50%; transform:translateY(-50%) translateX(15%); background-color:#f0eadc;}
.values .circle_wrap .top { left:50%; top:0; transform:translateX(-50%) translateY(15%); background-color:#a88e70;}
.values .circle_wrap .rig { right:0; top:50%; transform:translateY(-50%) translateX(-15%); background-color:#c7bea5;}
.values .circle_wrap .bot { left:50%; bottom:0; transform:translateX(-50%) translateY(-15%); background-color:#c7b59e;}
.values .circle_wrap .lef .txt { transform:translateX(-35%);}
.values .circle_wrap .top .txt { transform:translateY(-35%);}
.values .circle_wrap .rig .txt { transform:translateX(25%);}
.values .circle_wrap .bot .txt { transform:translateY(25%);}
.values .circle_wrap .txt strong { font-size:clamp(17rem,1.7188vw,33rem); font-weight:700;}
.values .circle_wrap .txt strong span { font-weight:300;}
.values .circle_wrap .txt p { margin-top: 25rem; font-size:clamp(14rem,1.3542vw,26rem);}
.values .circle_wrap.reveal_ready.visible > .logo { transform:translate(-50%,-50%) scale(1); transition-delay:0.2s;}
.values .circle_wrap.reveal_ready.visible > .lef { transform:translateY(-50%) translateX(0); transition-delay:0.6s;}
.values .circle_wrap.reveal_ready.visible > .top { transform:translateX(-50%) translateY(0); transition-delay:0.6s;}
.values .circle_wrap.reveal_ready.visible > .rig { transform:translateY(-50%) translateX(0); transition-delay:0.6s;}
.values .circle_wrap.reveal_ready.visible > .bot { transform:translateX(-50%) translateY(0); transition-delay:0.6s;}

@media screen and (max-width:1200px) {
	.values .circle_wrap { max-width:100%; height:auto; aspect-ratio:1/1;}
	.values .circle_wrap .circle { width:45%; height:auto; aspect-ratio:1/1;}
}

@media screen and (max-width:1024px) {
	.values .circle_wrap .lef .txt { transform:translateX(-30%);}
	.values .circle_wrap .top .txt { transform:translateY(-30%);}
	.values .circle_wrap .rig .txt { transform:translateX(20%);}
	.values .circle_wrap .bot .txt { transform:translateY(20%);}
}

@media screen and (max-width:768px) {
	.values .txt_wrap { margin-bottom: 40rem;}
	.values .circle_wrap .logo img { max-width:50%;}
	.values .circle_wrap .txt strong { font-size:clamp(16rem,1.7188vw,33rem); }
	.values .circle_wrap .txt p { margin-top: 5rem; font-size:clamp(12rem,1.3542vw,26rem);}
	.values .circle_wrap .lef .txt { transform:translateX(-10%);}
	.values .circle_wrap .top .txt { transform:translateY(-10%);}
	.values .circle_wrap .rig .txt { transform:translateX(5%);}
	.values .circle_wrap .bot .txt { transform:translateY(5%);}
}

/*제휴사업문의*/
.partnership .con01 { overflow:hidden;}
.partnership .con01 .tit { margin-bottom: 90rem; text-align:center;}
.partnership .con01 .tit strong {display:block; font-size:clamp(24rem,1.6146vw,31rem); color:#000; font-weight:500; letter-spacing:-0.01em;}
.partnership .con01 .txt_wrap { position:relative;}
.partnership .con01 .bg { position:relative; width:100%; height:790rem;}
.partnership .con01 .bg span { position:absolute; left:0; right:0; top:0; bottom:0; background:url(../images/partnership_bg.jpg) no-repeat left center / cover;}
.partnership .con01 .txt { position:absolute; right:210rem; top:10%; text-align:right;}
.partnership .con01 .txt p { font-size:clamp(14rem,1.4063vw,27rem); color:#1e1e1e; line-height:1.48; transition-delay:0.8s; transform:translate(-30rem,0);}
.partnership .con01 .txt p:nth-child(2) { transition-delay:1.2s;}
.partnership .con01 .txt.reveal_ready.visible p { transform:none;}
.partnership .con02 { padding:50rem 0 90rem;}
.partnership .con02 .img_list { display:flex; flex-wrap:wrap; gap:40rem 0; justify-content:center;}
.partnership .con02 .img_list li { display:flex; flex-direction:column; justify-content:space-between; position:relative; width:calc(100% / 3);}
.partnership .con02 .img_list li::before { content:''; position:absolute; left:0; top:0; bottom:0; width:1px; background:#c3c3c3;}
.partnership .con02 .img_list li:nth-child(3)::after,
.partnership .con02 .img_list li:nth-child(5)::after{ content:''; position:absolute; right:-2rem; top:0; bottom:0; width:1px; background:#c3c3c3;}
.partnership .con02 .img_list li:nth-child(4) .img img,
.partnership .con02 .img_list li:nth-child(5) .img img,
.partnership .con02 .img_list li:nth-child(4) .txt,
.partnership .con02 .img_list li:nth-child(5) .txt { transition-delay:0.8s;}
.partnership .con02 .img_list li .txt { padding:45rem;}
.partnership .con02 .img_list li .txt strong { font-size:clamp(15rem,1.4063vw,27rem); font-weight:700; color:#ac8f68; letter-spacing:-0.01em;}
.partnership .con02 .img_list li .txt p { margin-top: 30rem; font-size:clamp(12rem,1.1458vw,22rem); color:#4f4f4f; letter-spacing:-0.01em; line-height:1.4;}
.partnership .con02 .img_list li .img { display:flex; justify-content:center; width:100%;}
.partnership .con02 .img_list li .img img { width:100%;}
.partnership .con03 .inner { padding-top: 90rem; border-top:1px solid #bbb;}
.partnership .con03 .txt_box { margin:0 auto;  max-width:900rem; padding:32rem 16rem; border:1px solid #ac8f68; border-radius:16rem; background-color:#fff; text-align:center; font-size:clamp(14rem,1.1458vw,22rem); color:#000; font-weight:500; box-shadow:0 4px 16px rgba(0, 0, 0, 0.2);}
.partnership .con03 .txt_box .contact { display:inline-flex; align-items:center; gap:20rem; margin-top: 10rem;}
.partnership .con03 .txt_box .contact span { color:#ac8f68;}

@media screen and (max-width:1600px) {
	.partnership .con01 .txt { right:60rem;}
}

@media screen and (max-width:1400px) {
	.partnership .con01 .tit { margin-bottom: 60rem;}
	.partnership .con01 .bg { height:550rem;}
	.partnership .con02 .img_list li .txt { padding:35rem;}
}

@media screen and (max-width:1024px) {
	.partnership .con01 .tit { margin-bottom: 45rem;}
	.partnership .con01 .bg { height:280rem;}
	.partnership .con01 .txt { right:16rem;}
	.partnership .con02 {padding:50rem 0 60rem;}
	.partnership .con02 .img_list { gap:40rem 8rem;}
	.partnership .con02 .img_list li { width:calc((100% - 16rem)/3);}
	.partnership .con02 .img_list li::before { left:-4rem;}
	.partnership .con02 .img_list li:nth-child(3)::after, .partnership .con02 .img_list li:nth-child(5)::after { right:-4rem;}
	.partnership .con02 .img_list li .txt { padding:16rem;}
	.partnership .con03 .inner { padding-top: 60rem;}
	.partnership .con03 .txt_box { max-width:80%;}
}

@media screen and (max-width:768px) {
	.partnership .con01 .bg { height:210rem;}
	.partnership .con01 .tit { margin-bottom: 32rem;}
	.partnership .con01 .tit strong { font-size:clamp(22rem,1.6146vw,31rem);}
	.partnership .con01 .txt { position:static; margin-top: 30rem; text-align:center;}
	.partnership .con01 .txt p { transform:translate(0,20rem); transition-delay:0s;}
	.partnership .con01 .txt p:nth-child(2) { transition-delay:0s;}
	.partnership .con01 .txt.reveal_ready.visible p { transform:none;}

	.partnership .con02 {padding:40rem 0 0;}
	.partnership .con02 .img_list { gap:0;}
	.partnership .con02 .img_list li { display:flex; flex-direction:column-reverse; width:100%; padding-bottom: 24rem;}
	.partnership .con02 .img_list li ~ li { border-top:1px solid #c3c3c3; padding-top: 24rem;}
	.partnership .con02 .img_list li::before,
	.partnership .con02 .img_list li::after {display:none;}
	.partnership .con02 .img_list li .txt { padding:16rem 0 0;}
	.partnership .con02 .img_list li .txt p { margin-top: 6rem;}
	.partnership .con02 .img_list li .txt p br { display:none;}
	.partnership .con03 .inner { padding-top: 24rem;}
	.partnership .con03 .txt_box { max-width:100%; padding:16rem 8rem;}
	.partnership .con03 .txt_box .contact { flex-direction:column; gap:8rem;}
}

/*케어서비스*/
.care { max-width:1500rem; letter-spacing:-0.03em;}
.care_tit { margin-bottom: 40rem;}
.care_tit strong { display:inline-block; padding-top: 42rem; min-width:300rem; border-top:2px solid #bbb; font-size:clamp(20rem,1.4583vw,28rem); color:#000; font-weight:700; letter-spacing:-0.03em; line-height:1;}
.care_tit strong,
.care_tit.reveal_ready strong {opacity:0;transform:translateY(25rem); filter:blur(8px);}
.care_tit.reveal_ready.visible strong {opacity:1;transform:none; filter:blur(0px); transition:filter 1s ease,opacity 1.2s ease,transform 1.2s ease;transition-delay:var(--revealDelay,0s);}

.care ~ .care { margin-top: 100rem;}
.care01 { display:flex; position:relative;}
.care01 .txt_wrap { position:relative; width:50%; letter-spacing:-0.03em; transition-delay:0.3s;}
.care01 .txt_wrap .tit_box { line-height:1.6; color:#000;}
.care01 .txt_wrap .tit_box strong { display:block; margin-bottom: 80rem; font-size:clamp(20rem,1.4583vw,28rem); font-weight:500;}
.care01 .txt_wrap .tit_box strong span { font-size:clamp(24rem,1.6667vw,32rem); font-weight:600;}
.care01 .txt_wrap .tit_box p { font-size:clamp(16rem,1.25vw,24rem); line-height:1.45;}
.care01 .txt_wrap .tit_box p ~ p { margin-top: 22rem;}
.care01 .review .txt_box { position:absolute; left:100rem; bottom:70rem; padding:24rem 45rem; min-width:900rem; border: 1px solid #ac8f68; border-radius: 16rem; background-color: #fff; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); z-index:2;}
.care01 .review .txt_box p { max-width:70%; font-size:clamp(18rem,1.4583vw,28rem); color:#ac8f68; font-weight:500; line-height:1.45; text-align:center;}
.care01 .review .txt_box span { position:absolute; right:45rem; bottom:20rem; font-size:clamp(14rem,1.1458vw,22rem); color:#000; font-weight:500;}
.care01 .img_wrap { width:50%; transition-delay:0.6s;}
.care01 .img_wrap img { width:100%; aspect-ratio:750/670; object-fit:cover;}
.care02 .ico_list { display:flex; flex-wrap:wrap; gap:20rem;}
.care02 .ico_list li { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20rem; position:relative; height:235rem; border:1px solid #ac8f68; border-radius:10rem; background:#fff;}
.care02 .ico_list li:nth-child(1) { transition-delay:0.2s;}
.care02 .ico_list li:nth-child(2) { transition-delay:0.3s;}
.care02 .ico_list li:nth-child(3) { transition-delay:0.4s;}
.care02 .ico_list li:nth-child(4) { transition-delay:0.5s;}
.care02 .ico_list li .num { position:absolute; right:10rem; top:10rem; display:flex; align-items:center; justify-content:center; width:60rem; height:60rem; border-radius:6rem; background:#ac8f68; font-size:clamp(16rem,1.25vw,24rem); font-weight:700; color:#fff;}
.care02 .ico_list li .ico img { max-height:83rem;}
.care02 .ico_list li .txt { font-size:clamp(16rem,1.4583vw,28rem); color:#ac8f68; font-weight:700; line-height:1.45;}
.care03 .flex_box { display:flex; align-items:flex-end; gap:70rem;}
.care03 .img_wrap { width:583rem;}
.care03 .img_wrap img { aspect-ratio:583/543;}
.care03 .txt_wrap { width:calc(100% - 653rem);}
.care03 .txt_wrap .logo_box { display:flex; justify-content:flex-end; align-items:center; gap:50rem;}
.care03 .txt_wrap .logo_box span { display:inline-block; max-width:170rem;}
.care03 .txt_wrap .txt { margin-top: 65rem; font-size:clamp(18rem,1.4583vw,28rem); color:#000; line-height:1.4;}
.care03 .txt_wrap .txt p ~ p { margin-top: 24rem;}
.care04 .img_flex { display:flex; gap:0 28rem;}
.care04 .img_flex .img_box { flex:auto;}
.care04 .img_flex .img_box.vertical { display:flex; flex-direction:column; gap:28rem 0;}
.care04 .img_flex .img_box .img { position:relative; width:100%;}
.care04 .img_flex .img_box .img img { width:100%; height:100%; object-fit:cover;}
.care04 .img_flex .img_box span { position:absolute; right:0; bottom:0; padding:0 10rem; display:inline-flex; align-items:center; justify-content:center; min-width:240rem; min-height:50rem; background:rgba(172,143,104,0.8); font-size:clamp(14rem,1.1458vw,22rem); color:#fff; font-weight:600;}
.care04 .txt_list { display:flex; flex-wrap:wrap; gap:40rem 70rem; padding:0 100rem; margin-top: 40rem;}
.care04 .txt_list li { padding:40rem 0 30rem; width:calc((100% - 70rem)/2); border-bottom:1px solid #888;}
.care04 .txt_list li strong { font-size:clamp(18rem,1.4583vw,28rem); color:#ac8f68;}
.care04 .txt_list li p { margin-top: 20rem; font-size:clamp(14rem,1.1458vw,22rem); color:#000; line-height:1.4;}


@media screen and (max-width:1200px) {
	.care01 .review .txt_box { min-width:600rem; bottom:auto; top:calc(65% + 20rem);}
}

@media screen and (max-width:1024px) {
	.care ~ .care { margin-top: 80rem;}
	.care01 + .care { margin-top: 160rem;}
	.care_tit strong { padding-top: 24rem; min-width:150rem;}

	.care01 .txt_wrap .tit_box strong { margin-bottom: 40rem;}
	.care01 .review .txt_box { min-width:auto; max-width:50%; padding:16rem 24rem; left:auto; right:40rem; top:calc(90% + 20rem);}
	.care01 .review .txt_box p { max-width:100%; text-align:left;}
	.care01 .review .txt_box p br { display:none;}
	.care01 .review .txt_box span { position:static; display:inline-block;}

	.care02 .ico_list { gap:16rem;}
	.care02 .ico_list li { gap:16rem; height:170rem;}
	.care02 .ico_list li .num { right:8rem; top:8rem; width:40rem; height:40rem;}
	.care02 .ico_list li .ico { margin-top: 32rem;}
	.care02 .ico_list li .ico img { max-height:53rem;}
	.care02 .ico_list li .txt { text-align:center;}

	.care03 .flex_box { flex-direction:column; gap:35rem;}
	.care03 .img_wrap { width:100%;}
	.care03 .txt_wrap { width:100%;}
	.care03 .txt_wrap .logo_box { justify-content:flex-start;}
	.care03 .txt_wrap .logo_box span { max-width:120rem;}
	.care03 .txt_wrap .txt { margin-top: 30rem;}

	.care04 .img_flex,
	.care04 .img_flex .img_box.vertical { gap:12rem;}
	.care04 .img_flex .img_box span { min-width:auto; min-height:40rem;}
	.care04 .txt_list { margin-top: 24rem; gap:40rem; padding:0 40rem;}
	.care04 .txt_list li { padding:24rem 0; width:calc((100% - 40rem)/2);}
}

@media screen and (max-width:768px) {
	.care ~ .care { margin-top: 60rem;}
	.care ~ .care02 { margin-top: 60rem;}
	.care_tit { margin-bottom: 24rem;}
	.care_tit strong { padding-top: 12rem; min-width:120rem;}

	.care01 { flex-direction:column; gap:24rem;} 	
	.care01 .txt_wrap,
	.care01 .img_wrap { width:100%;}
	.care01 .txt_wrap .tit_box strong { margin-bottom: 28rem;}
	.care01 .review .txt_box { position:static; max-width:100%;}
	.care01 .review .txt_box p { font-size:14rem;}
	.care01 .review .txt_box span { font-size:12rem;}

	.care02 .ico_list li { flex:none; width:calc((100% - 16rem)/2); gap:16rem; height:150rem;}
	
	.care03 .flex_box { gap:16rem;}
	.care03 .txt_wrap .logo_box { gap:16rem; align-items:flex-start;}
	.care03 .txt_wrap .logo_box span { max-width:100rem;}
	.care03 .txt_wrap .txt { margin-top: 24rem; font-size:clamp(16rem,1.4583vw,28rem);}
	
	.care04 .img_flex { flex-direction:column;}
	.care04 .img_flex, 
	.care04 .img_flex .img_box.vertical { gap:8rem;}
	.care04 .img_flex .img_box { flex:1;}

	.care04 .txt_list { gap:8rem; padding:0;}
	.care04 .txt_list li { padding:10rem 0; width:100%;}
	.care04 .txt_list li p { margin-top: 8rem;}
}


.benefits .tit { text-align:center; line-height:1.3; letter-spacing:-0.03em;}
.benefits .tit strong {display:block; font-size:clamp(24rem,1.6667vw,32rem); font-weight:500; color:#000; }
.benefits_list { display:flex; flex-wrap:wrap; gap:45rem 54rem; margin-top: 80rem;}
.benefits_list li { width:calc((100% - 54rem)/2);}
.benefits_list li .li_inner { width:100%; padding:45rem; background-color:#f8f8f8; border-top:1px solid rgba(0,0,0,0.6); letter-spacing:-0.03em;}
.benefits_list li:nth-child(3) .li_inner,
.benefits_list li:nth-child(4) .li_inner { transition-delay:}
.benefits_list li:nth-child(5) .li_inner {}
.benefits_list .top .num { display:inline-block; padding: 8rem 28rem; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6;}
.benefits_list .top .num span { font-size:clamp(12rem,0.9375vw,18rem); color:#000; font-weight:500; line-height:1.1;}
.benefits_list .top strong { display:block; margin-top: 24rem; font-size:clamp(18rem,1.4583vw,28rem); color:#ac8f68; font-weight:600;}
.benefits_list .bot { margin-top: 54rem; display:flex; justify-content:space-between; align-items:flex-end; color:#767676; line-height:1.4;}
.benefits_list .bot .txt { max-width:calc(100% - 120rem);}
.benefits_list .bot p { font-size:clamp(14rem,1.1458vw,22rem);}
.benefits_list .bot span { display:block; margin-top: 16rem; font-size:clamp(12rem,0.9375vw,18rem);}

@media screen and (max-width:1200px) {
	.benefits_list { gap:35rem;}
	.benefits_list li { width:calc((100% - 35rem)/2);}
}
@media screen and (max-width:1024px) {
	.benefits_list { gap:24rem;}
	.benefits_list li { width:100%;}	
}
@media screen and (max-width:768px) {
	.benefits_list li .li_inner { position:relative; padding:24rem;}
	.benefits_list .top .num { padding:5rem 12rem;}
	.benefits_list .top strong { margin-top: 16rem;}
	.benefits_list .bot { margin-top: 16rem;}
	.benefits_list .ico { position: absolute; right: 24rem; top: 24rem;}
	.benefits_list .ico img { max-height:60rem;}
	.benefits_list .bot .txt { max-width:100%;}
	.benefits_list .bot .txt br { display:none;}
	.benefits_list li:last-child .ico img { max-height:50rem;}
}

.process .tit { text-align:center; line-height:1.3; letter-spacing:-0.03em;}
.process .tit strong {display:block; font-size:clamp(24rem,1.6667vw,32rem); font-weight:500; color:#000; }
.process .tit strong b { font-weight:700;}
.process .tit p { margin-top: 15rem; font-size: clamp(16rem,1.1458vw,22rem); color:#767676;}
.process_list { display:flex; gap:18rem; margin-top: 90rem; letter-spacing:-0.03em;}
.process_list li { flex:1;}
.process_list li .li_inner {padding:40rem 30rem; width:100%; height:100%; position:relative; border:1px solid rgba(118,118,118,0.6); border-radius:11rem; background-color:#fff; line-height:1.4;}
.process_list li .ico { display:flex; align-items:center; justify-content:center; position:absolute; right:12rem; top:12rem; width:60rem; height:60rem; border-radius:5rem; background-color:#ac8f68;}
.process_list li .txt strong { font-size:clamp(18rem,1.4583vw,28rem); font-weight:600; color:#ac8f68;}
.process_list li .txt p { margin-top: 22rem; font-size:clamp(14rem,1.1458vw,22rem); color:#767676;}
.process_list li.visible > .li_inner { transition-delay:0.4s;}

@media screen and (max-width:1024px) {
	.process_list { flex-wrap:wrap;}
	.process_list li { flex:none; width:calc((100% - 18rem)/2);}
	.process_list li .ico { width:50rem; height:50rem;}
	.process_list li .ico img { max-height:60%;}
}
@media screen and (max-width:768px) {
	.process .tit p { font-size:14rem;}
	.process_list { gap:16rem; margin-top: 45rem;}
	.process_list li {width:100%;}
	.process_list li.visible > .li_inner { transition-delay:0s;}
	.process_list li .li_inner {padding:24rem; border-radius:8rem;}
}

/* 자주 묻는 질문 */
.faq {box-sizing:border-box;}
.form_search {display:flex;align-items:center;width:680rem;max-width:100%;margin:0 auto 88rem;border-bottom:1rem solid #766b5e;}
.form_search input {flex:1;min-width:0;width:100%;height:58rem;padding:0 16rem 0 52rem;border:0;background:transparent;color:var(--brown);font-family:inherit;font-size:20rem;text-align:center;}
.form_search input::placeholder {color:#b5afa5;}
.form_search button {display:flex;align-items:center;justify-content:center;flex:none;width:52rem;height:58rem;border:0;background:transparent;color:var(--brown);cursor:pointer;}
.form_search button span {position:relative;display:block;width:19rem;height:19rem;border:2rem solid currentColor;border-radius:50%;}
.form_search button span::after {content:'';position:absolute;right:-7rem;bottom:-4rem;width:10rem;height:2rem;background:currentColor;transform:rotate(45deg);}
.faq .faq_list {margin:0;padding:0;list-style:none;}
.faq .faq_item {overflow:hidden;border:1rem solid #d7d0c5;border-radius:8rem;background:#fff;}
.faq .faq_item+.faq_item {margin-top:16rem;}
.faq .faq_heading {margin:0;font-size:inherit;}
.faq .faq_question {display:flex;align-items:center;gap:28rem;width:100%;min-height:104rem;padding:24rem 40rem;border:0;background:transparent;color:#ac8f68;font-family:inherit;font-size:26rem;font-weight:500;line-height:1.5;text-align:left;cursor:pointer;}
.faq .mark {flex:none;font-size:26rem;font-weight:600;line-height:1.5;}
.faq .faq_question .txt {font-size:24rem; flex:1;min-width:0;word-break:keep-all;overflow-wrap:anywhere;}
.faq .arrow {flex:none;width:22rem;height:22rem;margin:0 4rem 10rem 16rem;border-right:1rem solid currentColor;border-bottom:1rem solid currentColor;transform:rotate(45deg);transition:transform .25s ease;}
.faq .on .arrow {margin-top:10rem;margin-bottom:0;transform:rotate(225deg);}
.faq .faq_answer {display:flex;align-items:baseline;gap:28rem;padding:40rem;border-top:1rem solid #d7d0c5;color:#767676;font-size:18rem;font-weight:400;line-height:1.6;}
.faq .faq_answer .mark {color:var(--brown);}
.faq .faq_answer .txt {flex:1;min-width:0;word-break:keep-all;overflow-wrap:anywhere;}
.faq .faq_answer p {margin:0;}
.faq .faq_answer p+p {margin-top:24rem;}
.board_empty {padding:60rem 20rem;text-align:center;color:#767676;font-size:20rem;}
.faq [hidden] {display:none;}
.faq .faq_question:focus-visible {outline:2rem solid var(--gold);outline-offset:-5rem;}
.form_sr {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.form_search input:focus-visible, .form_search button:focus-visible {outline:2rem solid var(--gold);outline-offset:0;}

@media screen and (max-width:1200px) {
	.form_search {width:560rem;margin-bottom:60rem;}
	.form_search input {font-size:18rem;}
	.faq .faq_question {min-height:84rem;padding:22rem 30rem;gap:20rem;font-size:22rem;}
	.faq .mark {font-size:22rem;}
	.faq .faq_question .txt {font-size:20rem;}
	.faq .faq_answer {padding:30rem;gap:20rem;font-size:17rem;}
	.faq .arrow {width:18rem;height:18rem;}
}

@media screen and (max-width:768px) {
	.form_search {width:360rem;margin-bottom:45rem;}
	.form_search input {height:46rem;padding:0 8rem;font-size:15rem; text-align:left;}
	.form_search button {width:42rem;height:46rem;}
	.form_search button img { max-width:50%;}
	.form_search button span {width:15rem;height:15rem;}
	.faq .faq_item {border-radius:5rem;}
	.faq .faq_item+.faq_item {margin-top:12rem;}
	.faq .faq_question {min-height:66rem;padding:18rem 16rem;gap:12rem;font-size:16rem;}
	.faq .mark {font-size:17rem;}
	.faq .faq_question .txt {font-size:15rem;}
	.faq .arrow {width:12rem;height:12rem;margin-left:6rem;margin-bottom:6rem;}
	.faq .on .arrow {margin-top:6rem;}
	.faq .faq_answer {padding:24rem 16rem;gap:12rem;font-size:14rem;}
	.faq .faq_answer p+p {margin-top:18rem;}
	.faq .faq_answer br {display:none;}
	.board_empty {padding:40rem 16rem;font-size:15rem;}
}

@media (prefers-reduced-motion:reduce) {
	.faq .arrow {transition:none;}
}

/*news*/
.news_list {margin-top:80rem;}
.news_list ul {display:flex;flex-wrap:wrap;gap:36rem 30rem;}
.news_list ul li:not(.no_data) {width:calc((100% - 60rem)/3);border:1px solid var(--gold);position:relative;transition:0.4s;}
.news_list ul li.no_data {width:100%;border:none;text-align:center;}
.news_list ul li a {display:block;padding:40rem 40rem 76rem;height:100%;}
.news_list ul li .name {font-weight:600;font-size:20rem;color:#000;margin-bottom:15rem;}
.news_list ul li .tit {display:-webkit-box;font-size:32rem;font-weight:600;line-height:1.3;color:#000;margin-bottom:40rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:84rem;}
.news_list ul li .txt {color:#000;line-height:1.6;font-size:20rem;margin-bottom:40rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.05em;min-height:96rem;}
.news_list ul li .date {color:#000;font-weight:600;font-size:18rem;}
.news_list ul li:not(.no_data)::before {content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:var(--brown);transform:scaleX(0);transform-origin:0 0;transition:0.6s;}
.news_list ul li:not(.no_data)::after {content:"";position:absolute;left:0;top:0;width:1px;height:100%;background-color:var(--brown);transform:scaleY(0);transform-origin:0 100%;transition:0.6s;}
.news_list ul li a::before {content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--brown);transform:scaleX(0);transform-origin:100% 0;transition:0.6s;}
.news_list ul li a::after {content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:var(--brown);transform:scaleY(0);transform-origin:0 0;transition:0.6s;}
.news_list ul li:not(.no_data):hover {box-shadow:10rem 10rem 20rem rgba(0,0,0,0.1);}
.news_list ul li:not(.no_data):hover::before,.news_list ul li:not(.no_data):hover::after,.news_list ul li:not(.no_data):hover a::before,.news_list ul li:not(.no_data):hover a::after {transform:none;}

@media (max-width:1200px) {
	.news_list {margin-top:60rem;}
	.news_list ul {gap:28rem 24rem;}
	.news_list ul li:not(.no_data) {width:calc((100% - 48rem)/3);}
	.news_list ul li a {padding:28rem 28rem 50rem;}
	.news_list ul li .name {font-size:18rem;margin-bottom:14rem;}
	.news_list ul li .tit {font-size:26rem;margin-bottom:28rem;min-height:68rem;}
	.news_list ul li .txt {font-size:17rem;margin-bottom:28rem;min-height:82rem;}
	.news_list ul li .date {font-size:14rem;}
}

@media (max-width:1024px) {
	.news_list ul li:not(.no_data) {width:calc((100% - 24rem)/2);}
	.news_list ul li a {padding:30rem 30rem 48rem;}
}

@media (max-width:768px) {
	.news_list {margin-top:40rem;}
	.news_list ul {gap:24rem;}
	.news_list ul li:not(.no_data) {width:100%;}
	.news_list ul li a {padding:24rem 24rem 36rem;}
	.news_list ul li .name {font-size:16rem;margin-bottom:14rem;}
	.news_list ul li .tit {font-size:24rem;margin-bottom:20rem;min-height:0;}
	.news_list ul li .txt {font-size:16rem;margin-bottom:24rem;min-height:0;}
	.news_list ul li .date {font-size:14rem;}
}

/*pagination*/
.pagination { margin-top: 120rem; text-align:center;}
.pagination ul { display:inline-flex; align-items:center; gap:8rem;}
.pagination ul li a { display:flex; align-items:center; justify-content:center; width:40rem; height:40rem; border-radius:8rem; border:1px solid #b5b5b5; background-color:#efe7da; font-size:14rem; color:#000;}
.pagination ul .pg_st a { background:#efe7da url(../images/paging_st.png) center no-repeat;}
.pagination ul .pg_prev a { background:#efe7da url(../images/paging_prev.png) center no-repeat;}
.pagination ul .pg_next a { background:#efe7da url(../images/paging_next.png) center no-repeat;}
.pagination ul .pg_ed a { background:#efe7da url(../images/paging_ed.png) center no-repeat;}
.pagination ul li:not(.pg_st,.pg_prev,.pg_next,.pg_ed):hover a,
.pagination ul li.on a { background-color:#3b2823; border-color:#3b2823; color:#fff;}
.pagination ul .pg_st:hover a,
.pagination ul .pg_prev:hover a,
.pagination ul .pg_next:hover a,
.pagination ul .pg_ed:hover a{background-color:rgba(59,40,45,0.1);}

@media (max-width:1024px) {
	.pagination { margin-top: 80rem;}
	.pagination ul li a { width:35rem; height:35rem;}
}

@media (max-width:768px) {
	.pagination { margin-top: 40rem;}
	.pagination ul { gap:4rem;}
	.pagination ul li a { width:30rem; height:30rem; font-size:12rem;}
	.pagination ul .pg_st a,
	.pagination ul .pg_ed a { background-size:35% auto;}
	.pagination ul .pg_prev a,
	.pagination ul .pg_next a {  background-size:18% auto;}
}

/*공지사항 목록*/
.notice_board .top { margin-bottom:15rem;}
.notice_board .top .total { font-size:18rem; color:#000; font-weight:700;}
.notice_board .tbl { width:100%; table-layout:fixed; border-collapse:collapse; border-top:1px solid #3b2823;}
.notice_board .tbl .c_num { width:12%;}
.notice_board .tbl .c_file { width:12%;}
.notice_board .tbl .c_date { width:15%;}
.notice_board .tbl th,
.notice_board .tbl td { font-size:18rem; border-bottom:1px solid #cfc7bc; text-align:center;}
.notice_board .tbl th { padding:32rem 20rem; color:#000; font-weight:700;}
.notice_board .tbl td { padding:25rem 20rem; color:#383838;}
.notice_board .tbl td.tit { text-align:left;}
.notice_board .tbl td.tit a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice_board .tbl td.date { color:#898989;}
.notice_board .tbl td.tit a:hover { color:var(--gold);}
.notice_board .tbl .badge { margin-right:10rem;}
.notice_board .tbl .featured td { color:#000; font-weight:700;}
.notice_board .tbl .featured .date {color:#898989; font-weight:400;}
.notice_board .tbl .btn_file { display:inline-block; vertical-align:middle;}
.notice_board .tbl .btn_file:hover img { filter: sepia(1); transition:0.3s;}

@media (max-width:1024px) {
	.notice_board .tbl .c_num { width:10%;}
	.notice_board .tbl .c_file { width:10%;}
	.notice_board .tbl .c_date { width:18%;}
	.notice_board .tbl th,
	.notice_board .tbl td { padding-left:10rem; padding-right:10rem;}
}

@media (max-width:768px) {
	.notice_board .top { margin-bottom: 8rem;}
	.notice_board .top .total { font-size:16rem;}
	.notice_board .tbl,
	.notice_board .tbl tbody,
	.notice_board .tbl td { display:block;}
	.notice_board .tbl colgroup,
	.notice_board .tbl thead,
	.notice_board .tbl td.num,
	.notice_board .tbl td.file:empty { display:none;}

	.notice_board .tbl tr { position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:8rem 10rem; padding:16rem 5rem; border-bottom:1px solid #cfc7bc;}
	.notice_board .tbl th,
	.notice_board .tbl td { font-size:15rem;}
	.notice_board .tbl td { padding:0; border:0; text-align:left;}

	.notice_board .tbl td.tit { flex:0 0 100%;}
	.notice_board .tbl td.tit a { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4;}
	.notice_board .tbl td.tit a::after { content:''; position:absolute; inset:0;}
	.notice_board .tbl td.date { font-size:14rem;}
	.notice_board .tbl td.file { position:relative; z-index:1; line-height:0;}

	.notice_board .tbl .badge { display:inline-block; margin-right:6rem; padding:2rem 8rem; font-size:12rem; line-height:1.5; color:#fff; background:#3b2823; border-radius:3rem; vertical-align:1rem;}

	.form_search { width:100%;}
}

/* 이벤트 목록 */
.event .event_list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:90rem 48rem;margin:0;padding:0;list-style:none;}
.event .event_list li {min-width:0;}
.event .event_list a {display:block;}
.event .event_list .img {position:relative;overflow:hidden;aspect-ratio:435/246;border-radius:12rem;}
.event .event_list .img>img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s ease;}
.event .event_list .badge {position:absolute;top:0;right:18rem;display:flex;align-items:center;justify-content:center;width:52rem;height:60rem;padding:5rem;border-radius:0 0 25rem 25rem;color:#fff;font-size:16rem;font-weight:700;line-height:1.3; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28);}
.event .event_list .badge.ongoing {background:var(--brown);}
.event .event_list .badge.closed {background:var(--gold);}
.event .event_list .txt {margin-top:32rem;}
.event .event_list .tit {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0;color:#222;font-size:24rem;font-weight:700;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;}
.event .event_list .date {margin-top:16rem;color:#898989;font-size:18rem;line-height:1.5;}
.event .event_list a:focus-visible {outline:2px solid var(--gold);outline-offset:6px;}
@media (hover:hover) {
	.event .event_list a:hover .img>img {transform:scale(1.04);}
	.event .event_list a:hover .tit { color:var(--brown);}
}
@media screen and (max-width:1200px) {
	.event .event_list {gap:60rem 30rem;}
	.event .event_list .txt {margin-top:24rem;}
	.event .event_list .tit {font-size:20rem;}
	.event .event_list .date {margin-top:12rem;font-size:15rem;}
	.event .event_list .badge {right:14rem;width:46rem;height:52rem;font-size:12rem;}
}
@media screen and (max-width:1024px) {
	.event .event_list {grid-template-columns:repeat(2,minmax(0,1fr));gap:36rem 18rem;}
	.event .event_list .img {border-radius:8rem;}
	.event .event_list .txt {margin-top:16rem;}
	.event .event_list .tit {font-size:16rem;}
	.event .event_list .date {margin-top:8rem;font-size:13rem;}
	.event .event_list .badge {right:10rem;width:38rem;height:44rem;font-size:11rem;}
}
@media screen and (max-width:520px) {
	.event .event_list .img {border-radius:6rem;}
	.event .event_list {grid-template-columns:1fr;gap:36rem;}
	.event .event_list .tit {font-size:18rem;}
}
@media (prefers-reduced-motion:reduce) {
	.event .event_list .img>img {transition:none;}
}

/* 게시글 상세 공통: 공지사항 / 이벤트 */
.board_detail { padding-top: 80rem;}
.board_detail .board_view {border-top:2px solid var(--brown);color:#000;}
.board_detail .view_head {padding:48rem 50rem;border-bottom:1px solid #cfc7bc;}
.board_detail .view_head .tit {display:flex;align-items:baseline;gap:28rem;}
.board_detail .view_head .badge {flex:none;font-size:18rem;font-weight:700;}
.board_detail .view_head h1 {margin:0;font-size:28rem;font-weight:700;line-height:1.5;overflow-wrap:anywhere;}
.board_detail .view_head .date {display:flex;align-items:center;gap:40rem;margin-top:24rem;font-size:18rem;line-height:1.5;}
.board_detail .view_head .date dt,.board_detail .view_head .date dd {margin:0;font-weight:400;}
.board_detail .view_content {min-height:540rem;padding:100rem 0 90rem;text-align:center;color:#383838; border-bottom:1px solid #cfc7bc;}
.board_detail .view_content .txt {width:100%;overflow-wrap:anywhere;}
.board_detail .view_content h2 {margin:0 0 30rem;color:#000;font-size:24rem;font-weight:700;line-height:1.5;}
.board_detail .view_content p {margin:0;font-size:18rem;line-height:1.5;}
.board_detail .view_content p+p {margin-top:24rem;}
.board_detail .view_content img {max-width:100%;height:auto;}
.board_detail .view_file {display:flex;align-items:flex-start;gap:36rem;padding:32rem 50rem; border-bottom:1px solid #cfc7bc;font-size:18rem;line-height:1.6;}
.board_detail .view_file strong {flex:none;font-weight:700;}
.board_detail .view_file ul {min-width:0;margin:0;padding:0;list-style:none;}
.board_detail .view_file li+li {margin-top:10rem;}
.board_detail .file_link {display:inline-flex;align-items:center;gap:10rem;color:#383838;}
.board_detail .file_link:hover { color:var(--gold);}
.board_detail .file_link img {flex:none;width:20rem;height:auto;}
.board_detail .file_link:hover img { filter:sepia(1);}
.board_detail .file_link span {overflow-wrap:anywhere;min-width:0;}
.board_detail .view_nav {display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24rem;margin-top:80rem;}
.board_detail .view_nav .prev,.board_detail .view_nav .next {display:inline-flex;align-items:center;gap:8rem;width:max-content;color:#666;font-size:18rem;line-height:1.5;}
.board_detail .view_nav .next {justify-self:end;}
.board_detail .view_nav .arrow {display:block;width:24rem;height:24rem;border-top:1px solid var(--brown);border-right:1px solid var(--brown);}
.board_detail .view_nav .prev .arrow {margin-left:6rem;transform:rotate(-135deg);}
.board_detail .view_nav .next .arrow {margin-right:6rem;transform:rotate(45deg);}
.board_detail .btn_list {display:flex;align-items:center;justify-content:center;width:200rem;min-height:60rem;padding:12rem 20rem;border:1px solid var(--brown);border-radius:4rem;color:var(--brown);font-size:18rem;font-weight:700;transition:background .2s,color .2s; box-sizing:border-box;}
.board_detail .btn_list:hover {background:var(--brown);color:#fff;}
.board_detail a:focus-visible {outline:2px solid var(--gold);outline-offset:5px;}

@media screen and (max-width:1200px) {
	.board_detail { padding-top: 40rem;}
	.board_detail .view_head {padding:32rem;}
	.board_detail .view_head h1 {font-size:24rem;}
	.board_detail .view_content {min-height:460rem;padding:80rem 0;}
	.board_detail .view_file {padding:28rem 32rem;}
	.board_detail .view_nav {margin-top:60rem;}
}

@media screen and (max-width:768px) {
	.board_detail { padding-top: 0;}
	.board_detail .view_head {padding:24rem 8rem;}
	.board_detail .view_head .tit {flex-direction:column;gap:8rem;}
	.board_detail .view_head .badge {font-size:13rem;}
	.board_detail .view_head h1 {font-size:20rem;}
	.board_detail .view_head .date {gap:24rem;margin-top:18rem;font-size:14rem;}
	.board_detail .view_content {min-height:auto;padding:40rem 0;}
	.board_detail .view_content h2 {margin-bottom:24rem;font-size:18rem;}
	.board_detail .view_content p {font-size:14rem;line-height:1.7;word-break:keep-all;}
	.board_detail .view_content p+p {margin-top:20rem;}
	.board_detail .view_content br {display:none;}
	.board_detail .view_file {gap:20rem;padding:24rem 8rem;font-size:14rem;}
	.board_detail .file_link {gap:8rem;}
	.board_detail .file_link img {width:17rem;}
	.board_detail .view_nav {gap:12rem;margin-top:40rem;}
	.board_detail .view_nav .prev,.board_detail .view_nav .next {gap:8rem;font-size:13rem;}
	.board_detail .view_nav .arrow {width:14rem;height:14rem;}
	.board_detail .btn_list {width:112rem;min-height:46rem;font-size:14rem;}
}