/* ================================
전체 레이아웃
================================ */
/* 크롬, 사파리, 엣지 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* 파이어폭스 */
input[type="number"] {
  -moz-appearance: textfield;
}

/******* 메인 ********/
body {word-break: keep-all; letter-spacing: -1px !important; font-family:'Pretendard' !important;}
html, body { overflow-x:hidden;}

::-webkit-scrollbar{height:6px; width:6px;}
::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#F58143,#C26E41); border-radius:999px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-corner{background:transparent;}
.mainHero{position:relative;min-height:100vh;overflow:hidden;background:#000;color:#fff}
.mainHero { overflow: hidden; }
.heroHeader{position:fixed;top:0; left:0; right:0;z-index:999;transition:background .25s ease, box-shadow .25s ease, border-color .25s ease;background:transparent;transition:padding .25s ease;}
.heroHeader .heroHeaderInner{margin:0 auto;padding:0 100px;display:flex;background:#fff; backdrop-filter: blur(17px); align-items:center;justify-content:space-between;gap:24px ;min-height:72px;box-sizing:border-box;}
.heroHeader .heroBrand{display:flex;align-items:center;gap:40px}
.heroHeader .heroLogoLink{display:inline-flex;align-items:center}
.heroHeader .heroLogoImg{height:40px;width:auto;display:block;}
.heroHeader .heroNav{display:flex;align-items:center;gap:70px}
.heroHeader .heroNavLink{color:#111;text-decoration:none;font-size:18px;position:relative;display:inline-block;padding:30px 0;}
.visual .heroBg .darkBg{display:none;position:absolute;inset:0;pointer-events:none; z-index:2;}
.heroHeader .heroLogoImg{transition:opacity .18s ease, filter .18s ease;}
.heroHeader.isScrolled{background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.06);backdrop-filter: blur(10px);}
.heroHeader.isScrolled .heroNavLink{color:#111;}
.heroHeader.isScrolled .heroNavLink::before{background:rgba(0,0,0,.75);}
.heroHeader.isScrolled .heroHeaderInner{padding:0 100px; background:#fff;}
.heroHeader .heroNavLink:hover::before,
.heroHeader .heroNavLink:focus-visible::before{opacity:1;transform:translateX(-50%) rotate(45deg) scale(1);}
.srOnly{position:absolute !important;width:1px; height:1px;padding:0; margin:-1px;overflow:hidden; clip:rect(0,0,0,0);white-space:nowrap; border:0;}
.heroHeader .heroMbtn{display:none; border:0; background:transparent; cursor:pointer; padding:0; margin-left:auto;}
.heroHeader .heroMbtnLine{display:block; width:26px; height:2px; background:#000; border-radius:999px;}
.heroHeader .heroMbtnLine + .heroMbtnLine{margin-top:6px;}
.heroHeader .heroMmenu{display:none; position:fixed; inset:0; z-index:1200; pointer-events:none; opacity:0;}
.heroHeader .heroMmenuDim{position:absolute; inset:0;background:rgba(0,0,0,.45);backdrop-filter: blur(6px);border:0; padding:0;  min-height:100vh;margin:0;z-index:99998;}
.heroHeader .heroMmenuPanel{position:absolute; top:0; right:0; height:100%; min-height:100vh;width:min(420px, 86vw);background:rgba(15,10,7,.96);box-shadow:-20px 0 50px rgba(0,0,0,.35);transform:translateX(16px);border-left:1px solid rgba(255,255,255,.10);padding:22px 20px; z-index:99999;}
.heroHeader .heroMmenuTop{display:flex; align-items:center; justify-content:space-between; padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.10);}
.heroHeader .heroMmenuTitle{color:#fff; font-size:16px; letter-spacing:.12em; opacity:.9;}
.heroHeader .heroMclose{width:42px; height:42px;color:#fff; font-size:26px; line-height:1;cursor:pointer; display:flex; justify-content:flex-end;}
.heroHeader .heroMnav{padding:18px 0; display:flex; flex-direction:column; gap:10px;}
.heroHeader .heroMlink{display:flex; align-items:center; justify-content:space-between;height:56px; padding:0 14px;border-radius:8px;text-decoration:none;color:rgba(255,255,255,.92);background:rgba(255,255,255,.05);font-size:16px;transition:transform .18s ease, background .18s ease, border-color .18s ease;}
.heroHeader .heroMlink:hover{transform:translateY(-1px); background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.16);}
.heroHeader.isMenuOpen .heroMmenu{opacity:1; pointer-events:auto;}
.heroHeader.isMenuOpen .heroMmenuPanel{transform:translateX(0);}
html.isLock, body.isLock{overflow:hidden;}
.heroHeader.isScrolled .heroMbtnLine{background:rgba(0,0,0,.85);}
.heroHeader .heroMbtnLine:nth-of-type(2n) {width:22px;}
.visual{position:relative;min-height:100vh}
.visual .heroBg{position:absolute;inset:0;z-index:1}
.visual .heroBgImg{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);object-position:50% 25%;transform-origin:center center;will-change:transform,filter;}
.visual .heroBgDim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.32) 42%,rgba(0,0,0,.06) 72%,rgba(0,0,0,0) 100%)}
.heroContent{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center}
.heroContent .heroContentInner{margin:0 auto;width:100%;padding:120px 200px 90px 100px;}
.heroContent .heroTitle{margin:0 0 40px;font-weight:600;line-height:1.1;font-size:56px;letter-spacing:-.02em;}
.heroContent .heroTitleLine{display:block;font-weight:700;will-change:transform,opacity,clip-path;background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.92) 50%, rgba(255,255,255,1) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color: transparent;clip-path:inset(0 0 100% 0);opacity:0;transform:translateY(22px);text-shadow:0 18px 40px rgba(0,0,0,.28);}
.heroContent .heroTitleLine{background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.92) 50%, rgba(255,255,255,1) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.heroContent .heroDesc{margin:0 0 100px;font-size:30px;letter-spacing:-1px;font-weight:300; line-height:1.3;}

.heroContent .heroCta{display:flex;gap:10px;flex-wrap:wrap}
.heroBtn{display:inline-flex;align-items:center;gap:15px;padding:18px 30px;border-radius:999px;text-decoration:none;font-size:16px;transition:transform .15s ease,opacity .15s ease,background .15s ease,border-color .15s ease;font-family:'Pretendard';}
.heroBtnPrimary{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);color:#fff;backdrop-filter:blur(6px)}
.heroBtnGhost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.24);color:#fff;backdrop-filter:blur(6px)}
.heroBtnIcon img{width:15px;}
.heroBtn{position:relative;overflow:hidden;border-radius:999px;transform:translateZ(0);}
.heroBtn .heroBtnText,.heroBtn .heroBtnIcon{ position:relative; z-index:2; }
.heroBtn::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(115deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.06) 46%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.06) 54%,rgba(255,255,255,0) 100%);transform: translateX(-60%) skewX(-18deg);opacity:0;filter: blur(1.4px);transition:transform .95s cubic-bezier(.22,1,.36,1),opacity .22s ease .06s;}
.heroBtn:hover::before{opacity:.45;transform: translateX(60%) skewX(-18deg);}
.heroBtnGhost:hover::before{ opacity:.28; }
.heroBtnPrimary:hover::before{ opacity:.38; }
.heroBtn .heroBtnIcon img{ transition:transform .22s ease; }
.heroBtn:hover .heroBtnIcon img{ transform:translateX(2px); }
.heroScroll{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);z-index:15;display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;user-select:none;transition:opacity .25s ease, transform .25s ease;}
.heroScroll .heroScrollText{font-size:16px;color:#fff;}
.heroScroll .heroScrollArrow{position:relative;width:22px;height:30px;overflow:hidden;}
.heroScroll .heroScrollArrow::before,
.heroScroll .heroScrollArrow::after{content:"";position:absolute;left:50%;top:-6px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid rgba(255,255,255,.95);opacity:0;
filter:drop-shadow(0 2px 10px rgba(0,0,0,.28));
will-change: transform, opacity;
animation:
  heroChevFlow 1.55s cubic-bezier(.22,1,.36,1) infinite,
  heroChevFloat 1.55s ease-in-out infinite;}
.heroScroll .heroScrollArrow::after{animation-delay:.42s, .42s;}

@keyframes heroChevFlow{
	0%   { transform:translateX(-50%) translateY(-6px) scale(.98); opacity:0; }
	18%  { opacity:.35; }
	40%  { opacity:.98; }
	75%  { transform:translateX(-50%) translateY(18px) scale(1.03); opacity:.75; }
	100% { transform:translateX(-50%) translateY(32px) scale(1.02); opacity:0; }
}
@keyframes heroChevFloat{
	0%   { margin-top:0px; }
	25%  { margin-top:-1px; }
	50%  { margin-top:0px; }
	75%  { margin-top:1px; }
	100% { margin-top:0px; }
}
@media (prefers-reduced-motion: reduce){
	.heroScroll .heroScrollArrow::before,
	.heroScroll .heroScrollArrow::after{ animation:none !important; opacity:.9; top:6px; }
}

.heroNavDropdown{position:relative;display:inline-block;}
.heroSubNav{visibility:hidden;opacity:0;position:absolute;top:100%;left:50%;transform:translate(-50%, 0); box-shadow:0 3px 13px 0px rgb(114 114 114 / 16%);background:#fff;min-width:130px;text-align:center;padding:10px 0;z-index:9999;transition:all 0.3s ease;}
.heroNavDropdown:hover .heroSubNav{visibility:visible;opacity:1;transform:translate(-50%, 0);}
.heroSubNavLink{display:block;padding:12px 16px;color:#000;font-size:16px;text-decoration:none;transition:background-color 0.2s, color 0.2s;}
.heroSubNavLink:hover{color:#6f3e3c; font-weight:bold;}
.heroMnavDropdown{display:flex;flex-direction:column;}
.heroMtoggle{background:none;border:none;text-align:left;cursor:pointer;font-family:inherit;width:100%;padding:0 14px;color:#fff;font-size:16px;}
.heroMsubNav{max-height:0;opacity:0;visibility:hidden;overflow:hidden;transition:all 0.4s ease;background-color:rgba(0,0,0,0.2);border-radius:8px;margin:0 14px;padding:10px 0 20px;}
.heroMsubNav.isOpen{max-height:300px;opacity:1;visibility:visible;}
.heroMsubLink{display:block;padding:10px 0;color:rgba(255,255,255,0.8);text-decoration:none;font-size:15px;transition:color 0.2s;}
.heroMsubLink:hover{color:#ffffff;}
.heroHeader .heroMlink img {width:15px;}
/**/
.heroFixed{position:fixed;right:0;top:60%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;}
.heroFixed .fixedReserve{width:54px;height:164px;border-radius:14px 0 0 14px;background:linear-gradient(#e07e4f, #693b3b);color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;}
.heroFixed .fixedReserveText{line-height:1.1;text-align:center;font-size:16px;}
.heroFixed .fixedReserveIcon img{width:26px;}
.heroFixed .fixedTop{width:54px;height:74px;border-radius:14px 0 0 14px;border:0;background:#E8E8E8;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.heroFixed .fixedTopIcon img{width:14px;}
.heroFixed .fixedTopText{font-size:14px;color:#473A31;}
.quickSection{background:#F6F4F2; border-top:1px solid rgb(255 255 255 / 55%);}
.quickSection .quickInner{margin:0 auto;}
.quickSection .quickGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.quickSection .quickCard{position:relative;display:block;height:300px;overflow:hidden;background:#111;color:#fff;text-decoration:none;background-image:var(--qbg);background-size:cover;background-position:center;}
.quickSection .quickCard.quickCard1 {background:url(/assets/service/img/slide1.jpg) no-repeat; background-size:cover; background-position:center; border-right:1px solid rgb(255 255 255 / 55%);}
.quickSection .quickCard.quickCard2 {background:url(/assets/service/img/slide2.jpg) no-repeat; background-size:cover; background-position:center; border-right:1px solid rgb(255 255 255 / 55%);}
.quickSection .quickCard.quickCard3 {background:url(/assets/service/img/slide3.jpg) no-repeat; background-size:cover; background-position:center; border-right:1px solid rgb(255 255 255 / 55%);}
.quickSection .quickCard.quickCard4 {background:url(/assets/service/img/slide4.jpg) no-repeat; background-size:cover; background-position:center;}
.quickSection .quickCard::before{content:"";position:absolute;inset:0;transition:opacity .25s ease;z-index:1;}
.quickSection .quickCard::after{content:"";position:absolute;inset:0;background:linear-gradient(1deg, rgb(255 158 96 / 59%), #ffdec773);opacity:0;transition:opacity .28s ease;z-index:2;pointer-events:none;mix-blend-mode:lighten;}
.quickSection .quickCardInner{position:relative;z-index:3;height:100%;padding:44px 42px;display:flex;flex-direction:column;gap:16px;transform:translateY(0);transition:transform .28s cubic-bezier(.22,1,.36,1);}
.quickSection .quickTitle{margin:0;font-size:34px;letter-spacing:-.02em;}
.quickSection .quickDesc{margin:0;font-size:18px;line-height:1.3;}
.quickSection .quickBtn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:150px;height:50px;border-radius:999px;background:#4A2610;backdrop-filter:blur(6px);opacity:0;transform:translateY(10px);transition:opacity .25s ease, transform .25s ease;}
.quickSection .quickBtnText{font-size:15px;}
.quickSection .quickBtnIcon{font-size:18px;line-height:1;}
.quickSection .quickCard:hover::before{opacity:.15;}
.quickSection .quickCard:hover::after{opacity:1;}
.quickSection .quickCard:hover .quickCardInner{transform:translateY(-6px);}
.quickSection .quickCard:hover .quickBtn{opacity:1;transform:translateY(0);}
.quickSection .quickCard:focus-visible{outline:2px solid rgba(255,255,255,.65);outline-offset:-2px}
.mbGoBtn {display:none;}
.floorTabs{background:#F7F3F2;padding:100px 0;}
.floorTabs .floorTabsInner{margin:0 auto;display:grid;grid-template-columns:480px 1fr;border-top:1px solid #DEDEDE;}
.floorTabs .floorSideTitle{padding:100px 70px;font-size:42px;line-height:1.1;letter-spacing:-.03em;background:linear-gradient(180deg, #000 0%, #c2a89a 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;}
.ftTabs{width:100%;background:#f7f3f2;padding:30px 0 100px 0;} 
.ftInner{display:grid;grid-template-columns:470px 1fr;align-items:stretch;} 
.ftSide{background:#f7f3f2;border:1px solid #e7e0db;display:flex;flex-direction:column;height:clamp(420px,40vw,560px);box-sizing:border-box;justify-content:flex-start; border-left:none; border-right:none;} 
.ftSideTitle{padding:50px 40px 30px 40px;  background: linear-gradient(180deg, #000000 0%, #c39279 100%);-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-text-fill-color: transparent; font-size:36px;line-height:1.2;letter-spacing:-0.02em;color:#1f1c1a;} 
.ftInner .ftSideBody{display:flex;flex-direction:column;flex:1;} 
.ftInner .ftControls{display:none;gap:12px;flex-direction:column;margin:0;padding:0 40px;} 
.ftInner .ftControl{display:flex;flex-direction:column;gap:8px;} 
.ftInner .ftControlLabel{font-size:14px;color:#6b625c;} 
.ftInner .ftSelectWrap{position:relative;} 
.ftInner .ftSelect{width:100%;height:44px;border:1px solid #e7e0db;border-radius:12px;background:#ffffff;padding:0 40px 0 14px;font-size:14px;color:#1f1c1a;appearance:none;-webkit-appearance:none;} 
.ftInner .ftSelectArrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:14px;color:#6b625c;pointer-events:none;} 
.ftInner .ftNav{display:flex;flex-direction:column;gap:0;margin:0;padding:0;} 
.ftInner .ftFloorItem{position:relative;border-top:1px solid rgba(0,0,0,0.04); height:100%; padding:12px 0;} 
.ftInner .ftFloorItem:first-child{border-top:0;} 
.ftInner .ftFloorItem.isActive{background:#F1EBEA;}
.ftInner .ftFloorItem.isActive:before{content:"";position:absolute;inset:0;pointer-events:none;}
.ftInner .ftFloorBtn{width:100%;display:flex;align-items:center;gap:14px;padding:10px 40px;border:0;background:transparent;cursor:pointer;text-align:left;} 
.ftInner .ftFloorBadge{width:52px;height:52px;border-radius:999px;background:#bfb6b0; font-size:20px; color:#ffffff;display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:0.02em;flex:0 0 auto;} 
.ftInner .ftFloorText{font-size:25px;color:#1f1c1a;letter-spacing:-0.02em;} 
.ftInner .ftFloorBtn.isActive .ftFloorBadge{background:#4b2f23;} 
.ftInner .ftFloorBtn.isActive .ftFloorText{font-weight:700;} 
.ftInner .ftBold{font-weight:700;} 
.ftInner .ftZoneNav{padding:0 0 0 106px;display:flex;flex-direction:column;gap:8px; height:171px;} 
.ftInner .ftZoneNav[hidden]{display:none;} 
.ftInner .ftZoneBtn{border:0;background:transparent;cursor:pointer;text-align:left;color:#6b625c;font-size:17px;line-height:1.4;position:relative;padding-left:12px;} 
.ftInner .ftZoneBtn:before{content:"";width:5px;height:5px;background:#6b625c;position:absolute;left:0;top:0.62em;opacity:0.65;} 
.ftInner .ftZoneBtn.isActive{color:#4b2f23;font-weight:700;} 
.ftInner .ftZoneBtn.isActive:before{background:#4b2f23;opacity:1;} 
.ftInner .ftMain{overflow:hidden;background:#000000;height:clamp(420px,40vw,560px);position:relative;} 
.ftInner .ftFloorPanel{height:100%;} 
.ftInner .ftFloorPanel[hidden]{display:none;} 
.ftInner .ftZonePanel{position:relative;height:100%;} 
.ftInner .ftZonePanel[hidden]{display:none;} 
.ftHeroMedia{position:absolute;inset:0;background-size:cover;background-position:center;} 
.ftHeroMedia.ftHeroMedia1{background:url(/assets/service/img/tab_img1.jpg) no-repeat;background-size:cover;background-position:center;} 
.ftHeroMedia.ftHeroMedia2{background:url(/assets/service/img/tab_1-2.jpg) no-repeat;background-size:cover;background-position:center;} 
.ftHeroMedia.ftHeroMedia3{background:url(/assets/service/img/tab_1-3.jpg) no-repeat;background-size:cover;background-position:center;} 
.ftHeroMedia.ftHeroMedia4{background:url(/assets/service/img/tab_1-4.jpg) no-repeat;background-size:cover;background-position:center;} 
.ftHeroMedia.ftHeroMedia5{background:url(/assets/service/img/tab_2-1.jpg) no-repeat;background-size:cover;background-position:center;} 
.ftHeroMedia.ftHeroMedia6{background:url(/assets/service/img/tab_2-2.jpg) no-repeat;background-size:cover;background-position:center;} 
.ftHeroMedia.ftHeroMedia7{background:url(/assets/service/img/tab_2-3.jpg) no-repeat;background-size:cover;background-position:center;} 
.ftHeroMedia.ftHeroMedia9{background:url(/assets/service/img/tab_img2.jpg) no-repeat;background-size:cover;background-position:center;} 
.ftHeroMedia.ftHeroMedia10{background:url(/assets/service/img/tab_3-1.jpg) no-repeat;background-size:cover;background-position:center;} 
.ftHeroMedia.ftHeroMedia11{background:url(/assets/service/img/tab_3-2.jpg) no-repeat;background-size:cover;background-position:center;} 
.ftHeroMedia.ftHeroMedia12{background:url(/assets/service/img/tab_3-3.jpg) no-repeat;background-size:cover;background-position:center;} 
.ftHeroMedia.ftHeroMedia13{background:url(/assets/service/img/tab_3-4.jpg) no-repeat;background-size:cover;background-position:center;} 
.ftHeroMedia.ftHeroMedia14{background:url(/assets/service/img/tab_3-5.jpg) no-repeat;background-size:cover;background-position:center;} 
.ftHeroMedia::before{content:"";position:absolute;inset:0;background:linear-gradient(
192deg, rgb(0 0 0 / 26%) 0%, rgba(0, 0, 0, 0.16) 55%, rgba(0, 0, 0, 0.00) 100%);} 
.ftHeroOverlay{position:absolute;left:50px;top:50px;color:#ffffff;text-shadow:0 6px 20px rgba(0,0,0,0.35);} 
.ftHeroTitle{margin:0 0 8px;font-size:36px;line-height:1.15;letter-spacing:-0.02em;} 
.ftHeroDesc{margin:0;font-size:24px;letter-spacing:-0.01em;opacity:0.95;} 
.reserveHero{position:relative;margin:0 auto;padding:120px 0;background:#f7f3f2;}
.reserveHero{ overflow:hidden; }
.reserveHero .reserveHeroInner{position:relative;z-index:3;margin:0 auto;padding:0 100px;min-height:420px;display:flex;align-items:center;}
.reserveHero .reserveHeroBg{position:absolute;inset:0;background:url('/assets/service/img/main_img5.jpg') no-repeat center;background-size:cover;will-change:transform, filter;}
.reserveHero .reserveHeroDim{position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.32) 38%,rgba(0,0,0,.10) 68%,rgba(0,0,0,0) 100%);z-index:2;}
.reserveHero .reserveHeroText{color:#fff;}
.reserveHero .reserveHeroTitle{margin:0 0 18px;font-size:44px;line-height:1.1;letter-spacing:-.03em;font-weight:700;}
.reserveHero .reserveHeroTitleLine{display:inline-block; will-change:transform,opacity,clip-path;clip-path:inset(0 0 100% 0);opacity:0;transform:translateY(16px);}
.reserveHero .reserveHeroDesc{margin:0 0 60px;font-size:22px;line-height:1.6;transform:translateY(10px);opacity:0;will-change:transform, opacity;}
.reserveHero .reserveHeroBtn{position:relative;display:inline-flex;align-items:center;gap:14px;padding:16px 36px;border-radius:999px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.10);backdrop-filter:blur(10px);box-shadow:0 18px 36px rgba(0,0,0,.22);overflow:hidden;transform:translateY(10px);opacity:0;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;will-change:transform, opacity;}
.reserveHero .reserveHeroBtnLabel{font-size:20px;font-weight:600;letter-spacing:-.01em;}
.reserveHero .reserveHeroBtnIcon{font-size:18px;line-height:1; opacity:.95; transform:translateX(0); transition:transform .2s ease;}
.reserveHero .reserveHeroBtn::before{content:"";position:absolute;inset:-40% -60%;background:linear-gradient(120deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.45) 50%,rgba(255,255,255,0) 60%);transform:translateX(-35%) rotate(0deg);opacity:.0;transition:opacity .2s ease;pointer-events:none;}
.reserveHero .reserveHeroBtnFx{position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(255, 175, 120, .95),rgba(255, 140, 70, .55),rgba(255, 140, 70, 0) 70%);transform:translate(-50%,-50%) scale(0);opacity:0;filter:blur(0px);pointer-events:none;mix-blend-mode:screen;}
.reserveHero .reserveHeroBtn:hover{transform:translateY(0);border-color:rgba(255,255,255,.65);box-shadow:0 24px 44px rgba(0,0,0,.30);}
.reserveHero .reserveHeroBtn:hover .reserveHeroBtnIcon{transform:translateX(4px);}
.reserveHero .reserveHeroBtn:hover::before{opacity:.9;}
.reserveHero .reserveHeroBtn:focus-visible{outline:2px solid rgba(255,255,255,.7); outline-offset:3px;}
.waySection{background:#F7F3F2; padding:110px 0;}
.waySection .wayInner{margin:0 auto; padding:0 100px;}
.waySection .wayTitle{margin:0 0 34px; font-size:44px; letter-spacing:-.03em; color:#5B534D;}
.waySection .wayGrid{display:grid; grid-template-columns: 560px 1fr; gap:26px; align-items: stretch;}
.waySection .wayMap{height: 100%;display: flex;flex-direction: column;position: relative;}
.waySection #daumRoughmapContainer1766734147590{flex: 1 1 auto;height: auto !important;min-height: 100%; border-radius:30px; border:1px solid #e0e0e0; overflow:hidden;}
.waySection #daumRoughmapContainer1766734147590 .wrap_map,
.waySection #daumRoughmapContainer1766734147590 .wrap_map iframe,
.waySection #daumRoughmapContainer1766734147590 .map,
.waySection #daumRoughmapContainer1766734147590 iframe{width: 100% !important;height: 100% !important;display: block;}
.waySection #daumRoughmapContainer1766734147590 > div { height: 100% !important; }
.waySection .wayMapBtn {position:absolute; bottom:0;z-index:88; padding: 20px 30px; border-radius:30px; overflow:hidden; border:1px solid #e0e0e0; background:rgb(0 0 0 / 63%); border-radius:0 30px; color:#fff;backdrop-filter: blur(3px);}
.waySection .wayInfo{display:flex; flex-direction:column; gap:26px;}
.waySection .wayCard{background:#fff; border-radius:26px; padding:28px 34px; box-shadow:0 18px 40px rgba(0,0,0,.08);}
.waySection .wayCardWide{padding:30px 34px; display:flex; flex-direction:column; gap:10px;}
.waySection .wayLine{display:flex; align-items:center; gap:14px; }
.waySection .wayLabel{min-width:70px; font-weight:700; color:#3B2A22;}
.waySection .wayText{color:#2f2a25; line-height:1.6;}
.waySection .wayRed{color:#E74B4B !important; font-weight:600;}
.waySection .wayCopyBtn{height:25px; padding:0 14px;border:0; border-radius:999px;background:#5A3621; color:#fff; cursor:pointer;font-size:13px;transition:transform .18s ease, opacity .18s ease;}
.waySection .wayCardGrid{display:grid; grid-template-columns: 1fr 1fr; gap:26px;}
.waySection .wayCardHead{display:flex; align-items:center; gap:12px; margin-bottom:10px;}
.waySection .wayIcon{width:34px; height:34px; object-fit:contain;}
.waySection .wayCardTitle{font-size:24px; letter-spacing:-.02em; color:#111;}
.waySection .wayP{margin:0 0 10px; color:#2f2a25; line-height:1.6;}
.waySection .wayP:last-child{margin-bottom:0;}
.waySection .wayLine > div {display:flex; align-items:center; gap:5px; flex-wrap:wrap;}
.siteFooter{background:#20120A;color:#fff;padding:60px 0;}
.siteFooter .footerInner{margin:0 auto;padding:0 100px;display:flex;align-items:flex-start;justify-content:space-between;gap:40px;}
.siteFooter .footerBrand{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.siteFooter .footerLogo{width:300px; height:auto; display:block;}
.siteFooter .footerBrandText{font-size:20px; font-weight:700; letter-spacing:-.02em;}
.siteFooter .footerInfo{opacity:.95;}
.siteFooter .footerLine{margin:0 0 10px; font-size:15px; line-height:1.7; letter-spacing:-.01em;}
.siteFooter .footerCopy{font-size:14px; opacity:.85;}
.siteFooter .footerRight{display:flex; justify-content:flex-end; min-width:260px;}
.siteFooter .familySelect{position:relative; width:260px;}
.siteFooter .familyBtn{width:100%;height:56px;padding:0 18px;background:#2f1b0f;color:#fff;border-radius:0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;backdrop-filter: blur(6px);transition:background .2s ease, border-color .2s ease;}
.siteFooter .familyBtn:hover{background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.22);}
.siteFooter .familyBtnText{font-size:16px; letter-spacing:-.01em;}
.siteFooter .familyBtnIcon img{width:16px; display:block;transition:transform .2s ease;transform:rotate(0deg);}
.siteFooter .familySelect.isOpen .familyBtnIcon img{transform:rotate(180deg);}
.siteFooter .familyMenu{position:absolute;right:0;bottom:calc(100%);width:100%;background:#0f0a07;box-shadow:0 18px 40px rgba(0,0,0,.28);padding:10px;display:none;}
.siteFooter .familySelect.isOpen .familyMenu{display:block;}
.siteFooter .familyItem{display:flex;align-items:center;height:44px;padding:0 12px;border-radius:10px;text-decoration:none;color:rgba(255,255,255,.92);font-size:15px;transition:background .18s ease, color .18s ease;}
.siteFooter .familyItem:hover{background:rgba(255,255,255,.08);color:#fff;}
/* 메인 슬릭포스터 */
.heroPosterWrap {position:absolute; right:10%; top:50%; transform:translateY(-50%); width:400px; max-width:28vw; z-index:30; border-radius:20px; box-shadow:0 20px 40px rgba(0,0,0,0.2); overflow:hidden; background:#fff;}
.heroPosterWrap .heroPosterSlider {width:100%;}
.heroPosterWrap .heroPosterSlider:not(.slick-initialized) .hpItem {display:none;}
.heroPosterWrap .heroPosterSlider:not(.slick-initialized) .hpItem:first-child {display:block;}
.heroPosterWrap .hpItem {outline:none;}
.heroPosterWrap .hpItem img {width:100%; height:auto; max-height:65vh; display:block; object-fit:cover;}
.heroPosterWrap .hpControls {position:absolute; bottom:20px; left:50%; transform:translateX(-50%); width:85%; display:flex; justify-content:space-between; align-items:center; background:rgba(255, 255, 255, 0.25); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); padding:10px 20px; border-radius:50px; box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.heroPosterWrap .hpCount {font-size:13px; color:#555; font-weight:600; letter-spacing:1px; font-family:inherit;}
.heroPosterWrap .hpCurrent {color:#111; font-weight:800; font-size:15px;}
.heroPosterWrap .hpBtns {display:flex; align-items:center; gap:8px;}
.heroPosterWrap .hpBtn {background:#fff; border:none; color:#333; width:28px; height:28px; border-radius:50%; display:flex; justify-content:center; align-items:center; cursor:pointer; box-shadow:0 2px 5px rgba(0,0,0,0.08); transition:all 0.3s ease; padding:0;}
.heroPosterWrap .hpBtn:hover {background:#222; transition:0.3s;}
.heroPosterWrap .hpBtn:hover img {filter:invert(1);} 
.heroPosterWrap .hpPlay {display:none;}
.heroPosterWrap .hpBtn.hpPrev img, .hpBtn.hpNext img, .hpBtn.hpPause img {width:7px;}
.heroPosterWrap .hpBtn.hpPlay img {width:9px; margin-left:3px;}

@media (max-width:1600px) {
	.heroHeader .heroHeaderInner {padding:0 50px; min-height:68px;}
	.heroHeader.isScrolled .heroHeaderInner {padding:0 50px;}
	.heroContent .heroContentInner {padding:120px 100px 90px;}
	.heroContent .heroTitle {font-size:44px;}
	.heroContent .heroDesc {font-size:24px;}
	.quickSection .quickCardInner {padding:30px;}
	.quickSection .quickTitle {font-size:26px;}
	.quickSection .quickDesc {font-size:17px;}
	.floorTabs .floorSideTxt {font-size:23px;}
	.reserveHero .reserveHeroInner {min-height:280px; padding:0 70px;}
	.reserveHero .reserveHeroTitle {font-size:40px;}
	.reserveHero .reserveHeroDesc {font-size:20px;}
	.waySection .wayInner {padding:0 70px;}
	.heroPosterWrap {width:360px; max-width:30vw; right:5%;}
}

@media (max-width:1400px) {
	.waySection #daumRoughmapContainer1766734147590 {width:500px; border-radius:20px;}
	.waySection .wayGrid {grid-template-columns: 500px 1fr;}
	.waySection .wayCardWide {padding:20px; gap:8px;}
	.waySection .wayCard {border-radius:16px; padding:20px;}
	.waySection .wayText {font-size:15px;}
	.waySection .wayLabel {font-size:14px; background: #ebebeb;padding: 4px 10px;font-size: 14px;min-width: 70px;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
	.waySection .wayP {font-size:15px; line-height:1.3;}
	.waySection .wayCardTitle {font-size:20px;}
	.waySection .wayIcon {width:23px; height:auto;}
	.waySection .wayRed {font-size:13px !important;}
	.waySection .wayCopyBtn {height:22px; padding:0 9px; font-size:11px;}
	.waySection .wayMapBtn {padding:15px 20px; font-size:14px; border-radius:0 20px;}
	.waySection .wayInner {padding:0 40px;}
	.ftTabs {padding:0 0 80px 0;}
    .ftInner .ftMain {height:520px;}
    .ftSide {height:520px;}
    .ftSideTitle {font-size:30px;}
    .ftInner .ftHeroOverlay {left:40px; top:40px;}
    .ftInner {grid-template-columns: 400px 1fr;}
    .ftInner .floorTabs .floorTabsInner > *{min-width:0;}
    .ftInner .floorTabs .floorTabsInner{grid-template-columns:minmax(320px, 420px) minmax(0, 1fr);}
    .ftInner .floorTabs .floorSideTitle{padding:70px 50px;font-size:36px;}
    .ftInner .floorTabs .floorStage{min-width:0;}
    .ftInner .ftFloorText {font-size:20px;}
    .ftInner .ftFloorBadge {width:42px; height:42px; font-size:17px;}
    .ftInner .ftHeroTitle {font-size:25px;}
    .ftInner .ftHeroDesc {font-size:20px;}
	.heroPosterWrap {width:320px; max-width:32vw; right:10%;}
    .heroPosterWrap .hpItem img {max-height:60vh;}
}

@media (max-width:1200px) {
	.heroHeader .heroNav{display:none !important;}
	.heroHeader .heroMbtn{display:inline-flex; align-items:flex-end; justify-content:center; flex-direction:column;}
	.heroHeader .heroMmenu{display:block;}
	.heroHeader .heroBrand{gap:16px;}
	.heroHeader .heroLogoImg{height:34px;}
	.heroHeader .heroHeaderInner{padding:0 24px; min-height:64px;}
	.heroHeader.isScrolled .heroHeaderInner{ padding:0 24px; }
	.mainHero {min-height:600px;}
	.visual {min-height:inherit;}
	.heroContent {min-height:inherit;}
	.heroContent .heroDesc {margin: 0 0 60px; font-size:20px;}
	.heroContent .heroTitle {font-size:40px;}
	.heroScroll .heroScrollText {font-size:13px;}
	.heroContent .heroContentInner {padding: 120px 70px 90px;}
	.quickSection .quickTitle {font-size:21px; font-weight:500;}
	.quickSection .quickDesc {font-size:15px;}
	.quickSection .quickCard {height:250px;}
	.floorTabs {padding:70px 0;}
	.floorTabs .floorSideTitle {padding: 30px 70px; font-size:33px;}
	.floorTabs .floorSideNum {width:44px; height:44px; font-size:19px;}
	.floorTabs .floorTabsInner {grid-template-columns: 400px 1fr;}
	.floorTabs .zonePanels {height:473px;}
	.floorTabs .floorHero {height:473px;}
	.floorTabs .floorSideTxt {font-size:20px;}
	.floorTabs .floorHeroOverlay {top:30px; left:30px;}
	.floorTabs .zoneTabBtn {padding:10px 17px; font-size:13px;}
	.floorTabs .zoneTabs {justify-content:flex-start;}
	.floorTabs .floorHeroTitle {margin:0 0 15px; font-size:25px;}
	.floorTabs .floorHeroOverlay {top: 20px;left: 20px;}
	.heroScroll {gap:5px;}
	.heroScroll .heroScrollArrow::before, .heroScroll .heroScrollArrow::after{border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid rgba(255, 255, 255, .95);}
	.heroBtn {font-size:14px;padding: 15px 23px;}
	.heroBtnIcon img {width:12px;}
	.quickSection .quickCardInner {padding:25px;}
	.quickSection .quickBtn {width:130px; height:40px;}
	.quickSection .quickBtnText {font-size:14px;}
	.quickSection .quickBtnIcon {font-size:16px;}
	.reserveHero .reserveHeroTitle {font-size:35px; font-weight:600;}
	.reserveHero .reserveHeroDesc {line-height:1.4; font-size:18px;}
	.reserveHero .reserveHeroBtnLabel {font-size:16px;}
	.reserveHero .reserveHeroBtn {padding:13px 28px;}
	.waySection {padding:70px 0;}
	.waySection #daumRoughmapContainer1766734147590 {width:100%;}
	.waySection .wayInfo {gap:18px;}
	.waySection .wayCardWide {gap:10px;}
	.waySection .wayLine {flex-direction:column; align-items:flex-start; gap:5px;}
	.waySection .wayGrid{grid-template-columns: minmax(340px, 1fr) minmax(340px, 1fr);gap: 18px;align-items: stretch;}
	.waySection .wayMap{min-height: 360px;}
	.waySection #daumRoughmapContainer1766734147590{min-height: 360px;height: 360px !important;border-radius: 20px;}
	.waySection #daumRoughmapContainer1766734147590 > div{height: 100% !important;}
	.waySection .wayCardGrid{grid-template-columns: 1fr 1fr;gap: 18px;}
	.waySection .wayMapBtn{padding: 14px 18px;font-size: 13px;border-radius: 0 20px;}
	.waySection .wayTitle{font-size:35px; margin:0 0 20px;}
	.waySection .wayCardGrid{grid-template-columns:1fr;}
	.siteFooter {padding:50px 0;}
	.siteFooter .footerInner{padding:0 40px;}
	.siteFooter .familyBtn {height:40px;}
	.siteFooter .familyItem {height:30px; border-radius:0; font-size:13px;}
	.siteFooter .familySelect{width:100%; max-width:360px;}
	.siteFooter .familyBtnText {font-size:14px;}
	.siteFooter .familyBtnIcon img {width:13px;}
	.siteFooter .footerLine {margin:0 0 3px; font-size:14px;}
	.siteFooter .footerLogo {width:250px;}
	.heroPosterWrap {width:280px; max-width:40vw; top:auto; bottom:60px; transform:none;}
}

@media (max-width:1099px) {
	.quickSection .quickDesc br {display:none;}
	.reserveHero {padding:100px 0;}
	.reserveHero .reserveHeroInner {min-height:150px;}
	.reserveHero .reserveHeroInner {padding:0 40px;}
	.floorTabs .floorTabsInner {grid-template-columns: 350px 1fr;}
	.floorTabs .floorSideBtn {padding:14px 40px;}
	.floorTabs .floorSideTitle {padding: 30px 50px;font-size: 30px;}
	.floorTabs .floorHero {height:419px;}
	.floorTabs .zonePanels {height:419px;}
	.ftSideTitle {padding:50px 30px 20px 30px; font-size:25px;}
    .ftInner .ftMain {height:480px;}
    .ftSide {height:480px;}
    .ftInner {grid-template-columns: 300px 1fr;}
    .ftInner .ftZoneNav {height:155px;padding:5px 0 5px 70px; gap:6px;}
    .ftInner .ftZoneBtn {font-size:15px;}
    .ftInner .ftZoneNav {}
    .ftInner .ftFloorBadge {width:36px; height:36px;}
    .ftInner .ftFloorText {font-size:18px;}
    .ftInner .ftHeroDesc {font-size:18px; padding-top:10px;}
    .ftInner .ftNav {height:100%;}
    .ftInner .ftFloorBtn {padding:10px 30px;}
}

@media (max-width:991px){
	.waySection {padding:50px 0;}
	.waySection .wayTitle {text-align:center;}
	.waySection .wayGrid{grid-template-columns: 1fr;}
	.waySection .wayCardGrid{grid-template-columns: 1fr;}
	.waySection #daumRoughmapContainer1766734147590{height: 350px !important;min-height: 350px;}
	.waySection .wayLine {flex-direction:row; gap:15px;}
	.floorTabs .floorSideTxt {font-size:17px;}
	.floorTabs .floorTabsInner {grid-template-columns: 250px 1fr;}
	.floorTabs .floorSideBtn {padding:20px; gap:13px;}
	.siteFooter .footerInner {flex-direction:column; gap:20px;}
	.ftInner {grid-template-columns: 260px 1fr;}
    .ftInner .ftHeroOverlay {top:20px; left:20px;}
    .ftInner .ftHeroDesc {font-size:18px; padding-top:0; line-height:1.3;}
	.heroPosterWrap {right:7%;}
}

@media (max-width:860px) {
	.heroScroll {display:none;}
	.heroContent .heroTitle {font-size:35px;}
	.heroContent .heroDesc {line-height:1.4; margin:0 0 40px;}
	.heroContent .heroDesc br {display:block;}
	.floorTabs {padding: 50px 0;}
	.floorTabs .floorTabsInner {display:flex; flex-direction:column; gap:20px; border:none;}
	.floorTabs .floorSideTitle {text-align:center; padding:0 0 20px 0 ; font-size:30px;}
	.floorTabs .floorSideTitle br {display:none;}
	.floorTabs .floorSideTabs {display:grid; grid-template-columns: repeat(2, 1fr); gap:8px; justify-content:center; padding:0 20px;}
	.floorTabs .floorSideNum {width: 34px;height: 34px;font-size: 15px;}
	.floorTabs .floorSideBtn {padding: 10px 20px;border-radius: 12px; border:1px solid #e0e0e0; gap:6px;}
	.floorTabs .floorSideBtn.isActive {border:none;}
	.floorTabs .floorHeroTitle {margin: 0 0 10px;}
	.floorTabs .floorHeroDesc {font-size:17px;}
	.quickSection .quickGrid {grid-template-columns:repeat(2,1fr);}
	.quickSection .quickCardInner {padding: 30px;}
	.quickSection .quickDesc br {display:block;}
	.quickSection .quickCard {height: 220px;}
	.quickSection .quickCard.quickCard1 {border-bottom:1px solid #fff;}
	.quickSection .quickCard.quickCard2 {border-right:none; border-bottom:1px solid #fff;}
	.reserveHero {display:flex; align-items:center; justify-content:center;}
	.reserveHero .reserveHeroTitle {text-align:center; font-size:30px;}
	.reserveHero .reserveHeroDesc {text-align:center; margin: 0 0 40px; font-size:18px;}
	.reserveHero .reserveHeroText {display:flex; flex-direction: column;align-items: center;justify-content: center;} 
	.waySection .wayTitle {font-size:30px;}
}

@media (max-width:840px) {
	.ftInner .ftFloorBtn {padding:10px 20px;}
	.heroContent .heroContentInner {padding:120px 40px 90px;}
}

@media (max-width:768px) {
	.waySection .wayInner {padding:0 20px;}
	.siteFooter {padding:30px 0;}
	.siteFooter .footerInner {padding:0 20px;}
	.ftTabs {padding:0 0 50px 0;}
    .ftInner{grid-template-columns:1fr;}
    .ftInner .ftHeroTitle {font-size:20px;}
    .ftInner .ftNav{display:none;padding:0 26px;}
    .ftInner .ftHeroDesc {font-size:16px;}
    .ftInner .ftControls{display:flex; padding:0;}
    .ftInner .ftInner{grid-template-columns:320px 1fr;}
    .ftSideTitle {padding:40px 20px 20px 20px; font-size:22px;}
    .ftInner .ftMain{height:clamp(360px,62vw,520px); padding:20px; background:#f7f3f2; border-radius:15px;}
    .ftInner .ftFloorPanel {border-radius:15px; overflow:hidden;}
    .ftInner .ftHeroOverlay{left:18px;top:18px;max-width:calc(100% - 36px);}
    .ftInner .ftSide{height:auto;justify-content:flex-start;padding:18px 20px;}
    .ftInner .ftSelect {border-radius:6px; border:none;}
    .ftInner .ftSelectWrap{position:relative;}
    .ftInner .ftSelect{padding:0 44px 0 14px;}
    .ftInner .ftSelectArrow{position:absolute;right:14px;top:50%;width:11px;height:11px;transform:translateY(-50%);background:url(/assets/service/img/page_under.png) no-repeat center    / contain;pointer-events:none;transition:transform 0.18s ease;}
    .ftInner .ftSelect{-webkit-appearance: none;appearance: none;background-image: none;}
    .ftInner .ftSelect{-moz-appearance: none;}
    .ftInner .ftSelect::-ms-expand{display: none;}
	.heroContent .heroContentInner {padding:70px 70px 50px;}
	.heroContent .heroTitle {text-align:center;}
	.heroContent .heroDesc {text-align:center;}
	.heroContent .heroCta {justify-content:center;}
	.heroPosterWrap {position:relative; right:auto; bottom:40px; width:50%; max-width:100%; margin:0 auto; height:auto; transform:none; top:-43%;}
	.heroPosterWrap .hpItem img {max-height:none;}
	.heroPosterWrap .heroContent {min-height:500px;}
	.heroPosterWrap .hpControls {width:90%;}
	.visual .heroBg .darkBg{display:block;background:linear-gradient(180deg, rgba(0,0,0,.52) 0%, rgba(0,0,0,.34) 30%, rgba(0,0,0,.16) 60%, rgba(0,0,0,0) 100%)}
}

@media (max-width:680px) {
	.mainHero {min-height:500px;}
	.heroText {padding:0 50px;}
	.heroContent .heroContentInner {padding:0;}
	.heroContent .heroTitle {font-size:30px; margin:0 0 30px;}
	.heroContent .heroDesc {font-size:17px;}
	.heroContent .heroCta {gap:8px;}
	.heroFixed .fixedReserve {width:40px; height:100px; border-radius:8px 0 0 8px;}
	.heroFixed .fixedReserveText {font-size:14px;}
	.heroFixed .fixedTop {width:40px; height:50px; border-radius:8px 0 0 8px;}
	.heroFixed .fixedTopIcon {display:none;}
	.heroFixed .fixedTopText {font-size:12px;}
	.quickSection .quickCardInner {padding:25px;}
	.floorTabs .floorSideTitle {font-size:25px;}
	.floorTabs .floorSideNum {background:transparent; width:auto; height:auto; font-size:17px; color:#3B2A22;}
	.floorTabs .floorSideTxt {font-size:15px;}
	.floorTabs .floorSideBtn {padding:15px 20px;}
	.floorTabs .floorSideBtn.isActive .floorSideNum {background: transparent;width: auto;height: auto; color:#5A3621;}
	.floorTabs .floorHeroTitle {font-size:21px;}
	.floorTabs .floorHeroDesc {font-size:16px;}
	.fixedReserveIcon {display:none;}
	.reserveHero .reserveHeroTitle {font-size:25px;}
	.reserveHero .reserveHeroDesc {font-size:16px; margin:0 0 30px;}
	.reserveHero .reserveHeroBtnLabel {font-size:15px;}
	.waySection .wayTitle {font-size:25px;}
	.waySection .wayText {font-size:14px;}
	.waySection .wayLabel {font-size:13px;}
	.waySection .wayP {font-size:14px;}
	.waySection .wayInfo {gap:10px;}
	.waySection .wayCardGrid {gap:10px;}
	.waySection .wayGrid {gap:10px;}
}

@media (max-width:640px) {
	.heroPosterWrap {width:80%;}
}

@media (max-width:580px) {
	.heroContent .heroTitle {text-align:center; font-size:27px;}
	.heroContent .heroDesc {text-align:center;}
	.heroContent .heroCta {justify-content:center;}
	.heroBtn .heroBtnIcon {display:none;}
	.quickSection .quickDesc br {display:none;}
	.quickSection .quickBtn {width:110px;}
	.quickSection .quickBtnText {font-size:13px;}
	.quickSection .quickBtnIcon {font-size:14px;}
	.floorTabs .floorSideTabs {flex-direction:column;gap:0; padding:0;}
	.floorTabs .floorSideBtn {border-radius:0; padding:20px;}
	.floorTabs .floorSideBtn:first-of-type {border-bottom:none; border-right:none;}
	.floorTabs .floorSideBtn:nth-of-type(2n) {border-right:none;}
	.floorTabs .floorSideBtn:nth-of-type(3n) {border-bottom:none; border-right:none;}
	.floorTabs .floorSideBtn:last-of-type {border-top:none;}
	.floorTabs .floorTabsInner {gap:0;}
	.floorTabs .floorHero {height:350px;}
	.floorTabs .zoneTabs {gap:6px;}
	.floorTabs .zoneTabBtn {padding: 8px 12px;font-size: 12px;}
	.reserveHero .reserveHeroBtnLabel {font-size:14px;}
	.reserveHero {padding: 60px 0;}
	.reserveHero .reserveHeroBtnIcon {font-size:14px;}
	.reserveHero .reserveHeroInner {padding:0 20px;}
	.quickSection .quickTitle {font-size:20px;}
	.waySection .wayMap {min-height:300px;}
	.waySection #daumRoughmapContainer1766734147590 {height: 300px !important;min-height: 300px;}
	.waySection .wayCardTitle {font-size:18px;}
	.waySection .wayLine {flex-direction: column;gap: 5px;}
	.waySection .wayCardWide .wayLine:first-child > div{display:inline;}
	.waySection .wayCardWide .wayLine:first-child .wayText{display:inline;line-height:1.5;}
	.waySection .wayCardWide .wayLine:first-child .wayCopyBtn{display:inline-flex;margin-left:8px;vertical-align:middle;white-space:nowrap; align-items:center; justify-content:center;}
}

@media (max-width:480px) {
	.floorTabs .zonePanels {height:auto;}
	.floorTabs .floorStage {display:flex; flex-direction:column-reverse;}
	.ftInner .ftSide {padding:18px 15px;}
    .ftSideTitle {padding: 30px 15px 15px 15px; text-align:center;}
    .ftInner .ftMain {height:300px; padding:15px;}
    .ftInner .ftFloorPanel {border-radius:10px; overflow:hidden;}
}

@media (max-width:460px){
	.quickSection{border:none;}
	.quickSection .quickGrid{display:flex;flex-direction:column;gap:10px;padding:20px 15px;}
	.quickSection .quickCard{border-radius:15px;}
	.quickSection .quickCard.quickCard1,
	.quickSection .quickCard.quickCard2,
	.quickSection .quickCard.quickCard3{border:none;}
	.quickSection .quickDesc br{display:block;}
	.quickSection .quickCard,.quickSection .quickCard::before,.quickSection .quickCard::after,.quickSection .quickCardInner,.quickSection .quickBtn{transition:none !important;}
	.quickSection .quickCardInner{transform:none !important; position:relative;}
	.quickSection .quickCard::after{display:none !important;}
	.quickSection .quickCard:hover::before,
	.quickSection .quickCard:hover::after{display:none !important;opacity:0 !important;}
	.quickSection .quickCard:hover .quickCardInner{transform:none !important;}
	.quickSection .quickCard:hover .quickBtn{display:none !important;opacity:0 !important;transform:none !important;}
	.quickSection .quickBtn{display:none !important;}
	.mbGoBtn{display:flex;position:absolute;right:20px; top:20px; background:#4A2610;width:40px;height:40px;border-radius:50px;align-items:center;justify-content:center;}
	.mbGoBtn img{width:13px;}
	.floorTabs .zoneTabBtn{box-shadow:none;}
	.heroFixed {top:auto; bottom:0; transform:inherit;}
	.siteFooter .footerInner {padding: 0 20px;}
	.siteFooter .footerLine {margin:0; font-size:13px; line-height:1.3;}
	.siteFooter .footerInfo {display:flex; flex-direction:column; gap:10px;}
	.siteFooter .footerCopy {font-size:12px;}
	.waySection {padding: 40px 0;}
	.waySection .wayInner {padding: 0 15px;}
	.waySection .wayText {line-height:1.3;}
	.waySection .wayCardWide .wayLine:first-child .wayText {line-height:1.3;}
	.waySection .wayMapBtn {padding: 10px 14px; border-radius:0 12px;}
	.waySection #daumRoughmapContainer1766734147590 {border-radius:12px;}
	.waySection .wayCard {border-radius:12px}
	.heroHeader.isScrolled .heroHeaderInner {padding:0 15px;}
	.heroHeader .heroHeaderInner {padding:14px 15px;}
	.heroHeader .heroLogoImg {height:28px;}
	.heroHeader .heroMmenuPanel {min-width:100%;}
	.siteFooter .footerLogo {width:210px;}
	.waySection .wayCopyBtn {height:18px;}
	.waySection .wayLine {gap:7px;}
	.waySection .wayCardWide {gap:14px;}
	.quickSection .quickCardInner {justify-content:flex-end;}
	.quickSection .quickTitle {font-size:22px;}
	.quickSection .quickDesc {padding-bottom:20px; font-size:16px;}
	.heroFixed {bottom:0; transform:inherit;}
	.heroContent {min-height:450px;}
}

@media (max-width:420px) {
	.heroText {padding:0 20px;}
	.heroContent .heroTitle {font-size:25px;}
	.heroContent .heroDesc {font-size:16px; line-height:1.3;}
	.heroBtn {font-size: 14px;padding: 12px 16px;}
	.floorTabs .floorHero {padding:20px;}
	.floorTabs .floorHeroOverlay {top: auto;left: auto;position: inherit;}
	.reserveHero .reserveHeroDesc {font-size:15px;}
}

@media (max-width:360px) {
	.floorTabs .floorSideBtn {padding:15px;}
	.floorTabs .floorSideNum {font-size:15px;}
	.floorTabs .floorSideTxt {font-size:14px;}
}

/***** 시설 및 이용안내 ******/
  .sfFacility{background:#f6f2ef;color:#1a1411;}
.heroScroll.subScroll {bottom:15px;}
.sfVisual{height:520px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:18px;background:url('/assets/service/img/sub1.jpg') center/cover no-repeat;background-position:50% 50%;background-size:cover !important; position:relative;}
.sfVisualInner{text-align:center;color:#fff;}
.sfVisualEyebrow{margin:0;font-size:19px;opacity:.6; padding-bottom:30px;}
.sfVisualTitle{margin:10px 0 0;font-size:44px; line-height:1.2; font-weight:700;}
.sfVisualDesc{margin:25px 0 0;font-size:30px;}
.mbSfTit {display:none;}
.sfFacility .sfFloorTabs{display:flex;justify-content:center;align-items:center;gap:50px; height:70px;background:#F7F3F2;border-bottom:1px solid #eae8e8;}
.sfFacility .sfFloorTabTxt{margin-left:8px;font-weight:500;}
.sfFacility .sfFloorTab{border:0;background:transparent;cursor:pointer;font-size:17px;color:#A89D97;height:100%;display:flex;align-items:center;position:relative;}
.sfFacility .sfFloorTab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent;}
.sfFacility .sfFloorTab.isActive{color:#5F5850;font-weight:700;}
.sfFacility .sfFloorTab.isActive span {font-weight:700;}
.sfFacility .sfFloorTab.isActive:after{background:#5F5850;}
.sfFacility .sfFloors{padding:0;margin:0 auto;}
.sfFacility .sfFloor{display:none;}
.sfFacility .sfFloor.isActive{display:block;}
.sfFacility .sfRow{display:flex;justify-content:center;align-items:center;gap:70px; background:url(/assets/service/img/bg.png) #F7F3F2 no-repeat; background-position:bottom; padding:100px 200px; background-size:cover;}
.sfFacility .sfLeft{width:50%;}
.sfFacility .sfRight{flex:1;display:flex;justify-content:center;align-items:center; width:50%;}
.sfFacility .sfKicker{margin:0 0 25px;font-size:24px;color:#ADA19B;}
.sfFacility .sfKicker b {position:relative; font-size:27px;}
.sfFacility .sfKicker b:after {display:inline-block; width:2px; height:15px; background:#ada19b; content:''; margin:0 15px;}
.sfFacility .sfTitle{color:#5F5850; font-size:40px;}
.sfFacility .sfLead{margin:42px 0 52px;font-size:23px; color:#5F5850;}
.sfFacility .sfZoneTabs{display:flex;flex-wrap:wrap;gap:10px;}
.sfFacility .sfZoneTab{border:0;background:#E9E4E1;color:#5F5850;border-radius:999px;padding:13px 27px;font-size:17px;cursor:pointer; font-weight:600;}
.sfFacility .sfZoneTab.isActive{background:#4A2610;color:#fff;}
.sfFacility .sfZoneNotes{margin-top:64px; width:auto; display:flex;}
.sfFacility .sfZoneNote{display:none;background:#fff;border-radius:12px;padding:20px 30px;color:#6b5f58;font-size:18px; font-weight:600; box-shadow:3px 3px 9px rgb(152 126 126 / 20%);}
.sfFacility .sfZoneNote.isActive{display:block; border-radius:50px;}
.sfFacility .sfZoneImgs{width:100%; border-radius:22px; overflow:hidden;}
.sfFacility .sfZoneImgs > div{display:none; width:100%; height:376px;}
.sfFacility .sfZoneImgs > div.isActive{display:block;}
.sfFacility .sfZoneImg{display:block; width:100%; height:100%; object-fit:cover;}
.sfFacility .sfZoneImg.isActive{display:block;}
.sfFacility .sfOverview{padding:100px 200px; background:#F1EBEA;}
.sfFacility .sfOverviewTitle{margin:0 0 50px;text-align:center;font-size:30px;}
.sfFacility .sfCards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.sfFacility .sfCard{background:#F9F6F5;border-radius:16px;padding:30px;text-align:left;cursor:pointer; box-shadow:5px 5px 4px #ede8e8; display:flex; align-items:center; justify-content:flex-start; flex-direction:column; gap:20px;}
.sfFacility .sfCardTit{display:block; font-size:22px;color:#5F5850;}
.sfFacility .sfCardDesc{margin:0;font-size:17px;line-height:1.3; text-align:center;color:#5F5850;}
.sfFacility .sfFoot{margin:50px 0 0;text-align:center;font-size:16px;color:#5F5850;}
.cl_bc3d3d {color:#bc3d3d !important; font-weight:700;}
.sfFacility .sfInfoWrap{background:#F7F3F2;}
.sfFacility .sfInfoInner{padding:50px 200px 100px; margin:0 auto;}
.sfFacility .sfInfoTopTitle{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;font-size:30px;color:#282522;margin:0 0 40px;letter-spacing:-0.2px;white-space:nowrap; font-weight:700;}
.sfFacility .sfInfoTopTitle:before,.sfInfoTopTitle:after{content:"";flex:1;height:2px;max-width:80px;d}
.sfFacility .sfInfoTopTitle:before{background:linear-gradient(to right, rgba(60, 47, 41, 0), rgba(60, 47, 41, .22), rgb(255 255 255 / 22%));}
.sfFacility .sfInfoTopTitle:after{background:linear-gradient(to right, rgba(60, 47, 41, 0), rgba(60, 47, 41, .22), rgb(255 255 255 / 22%));}
.sfFacility .sfGuideBlock{background:#fff;border-radius:20px;padding:40px 50px;margin:20px 0; box-shadow:4px 4px 13px rgb(218 218 218 / 27%);}
.sfFacility .sfGuidePill{position: relative;display: flex;align-items: center;justify-content: center;gap: 12px;width:180px;height: 55px;border-radius: 999px;font-size: 23px;font-weight: 700;color: #fff;background: linear-gradient(90deg, #7a5b49, #4a2610); margin:0 auto;}
.sfFacility .sfGuidePill:before,.sfGuidePill:after{content:"◆";display:inline-block;font-size:10px;line-height:1;}
.sfFacility .sfGuideGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px; margin-top:30px;}
.sfFacility .sfGuideCard{background:transparent; border:0;}
.sfFacility .sfGuideThumb{position:relative;border-radius:16px;overflow:hidden;background:#ddd; margin-bottom:20px;}
.sfFacility .sfGuideImg{display:block;width:100%;aspect-ratio:16/11;object-fit:cover;}
.sfFacility .sfGuideCap{position:absolute;left:0;right:0;bottom:0;padding:13px 12px;color:#fff;font-size:15px;font-weight:500; text-align:center; background:rgb(56 39 39 / 40%);backdrop-filter: blur(3px);}
.sfFacility .sfGuideList{list-style:none;margin:10px 0 0;padding:0;}
.sfFacility .sfGuideLi{font-size:15px; color:#282522;margin:10px 0;position:relative;padding-left:17px;}
.sfFacility .sfGuideLi:first-of-type {font-weight:700; font-size:18px; margin-bottom:13px;}
.sfFacility .sfGuideLi:first-of-type:before {content:"◆";display:inline-block;font-size:8px;line-height:2; color:#B39B8F;}
.sfFacility .sfGuideLi:before{position:absolute;left:0;top:0;color:#7a6b63;}
.sfFacility .sfMiniRow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 10px;}
.sfFacility .sfMiniThumb{border-radius:10px;overflow:hidden;background:#ddd;}
.sfFacility .sfMiniImg{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;}
.sfFacility .sfMiniBar{text-align:center;}
.sfFacility .sfMiniBarTitle{margin:0;font-size:18px;font-weight:700;color:#3c2f29;background:#ebebeb;border-radius:12px;padding:18px 14px;text-align:center;}
.sfFacility .sfMiniBarDesc{margin:11px 0 0;font-size:16px;color:#6b5f58;}
.sfFacility .sfBottomGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:50px;}
.sfBottomBox{background:#fff; box-shadow:4px 4px 13px rgb(218 218 218 / 27%); border-radius:16px;overflow:hidden;}
.sfBottomBox.sfBottomBox2 {background:#fff;}
.sfBottomHead{position:relative; background:#ad9595;color:#fff;font-weight:700;text-align:center;padding:17px 12px;font-size:18px;}
.sfBottomHead:before {content:"◆";display:inline-block;font-size:9px; vertical-align:middle; padding-right:6px;color:#fff;}
.sfBottomList{padding:30px;}
.sfBottomLi{font-size:17px; color:#5e524b; font-weight:500;margin:18px 0; line-height:1.3;position:relative;padding-left:20px;}
.sfBottomLi span {color:#bc3d3d; display:flex;}
.sfBottomLi:before{content:"•";position:absolute;left:0;top:-9px;color:#d3d1d0; font-size:25px;}
.sfTimeRow,.sfCallRow{display:flex;gap:5px;padding:30px; flex-direction:column;}
.sfCallRow{padding-top:0;}
.sfTimeLabel{font-size:20px;font-weight:700;color:#3c2f29;}
.sfTimeBody{flex:1;}
.sfTimeLine{display:flex;align-items:center;gap:10px;margin:8px 0;}
.sfBadge{display:inline-flex;align-items:center;justify-content:center;width:100px;height:32px;padding:0 10px;border-radius:999px;background:#4a2610;color:#fff;font-size:14px;font-weight:700;}
.sfBadgeSoft{background:#dbd9d8;color:#5e524b;}
.sfTimeText{font-size:16px;color:#5e524b;}
.sfFacility .sfReserveBanner{position:relative;height:500px; display:flex; align-items:center; background:url(/assets/service/img/sub_footer.jpg)no-repeat; background-position:center;}
.sfFacility .sfReserveInner{position:relative;margin:0 auto;text-align:center;color:#fff;}
.sfFacility .sfReserveTitle{margin:0;font-size:40px;font-weight:700;}
.sfFacility .sfReserveDesc{margin:30px 0 70px;font-size:22px;}
.sfFacility .sfReserveDesc br {display:none;}
.sfFacility .sfReserveBtn{display:inline-flex;align-items:center;justify-content:center;gap:40px;height:60px;padding:0 30px;border-radius:999px;border:1px solid rgba(255,255,255,.75); color:#fff;font-weight:700; font-size:19px; background:rgb(255 255 255 / 25%); backdrop-filter: blur(4px);}

@media (max-width:1600px) {
	.sfFacility .sfRow {padding:100px;}
	.sfFacility .sfOverview {padding:100px;}
	.sfFacility .sfReserveBanner {height:400px;}
}

@media (max-width:1400px) {
	.sfVisualTitle {font-size:40px;}
	.sfVisualEyebrow {padding-bottom:20px;}
	.sfVisualDesc {font-size:24px;}
	.sfFacility .sfRow {padding:80px;}
	.sfFacility .sfKicker b {font-size:25px;}
	.sfFacility .sfKicker {font-size:21px;}
	.sfFacility .sfLead {font-size:20px; margin:30px 0 40px;}
	.sfFacility .sfTitle {font-size:35px;}
	.sfFacility .sfZoneTab {padding:10px 20px; font-size:15px;}
	.sfFacility .sfZoneTabs {gap:6px;}
	.sfFacility .sfZoneNote {font-size:16px;}
	.sfFacility .sfOverview {padding:80px;}
	.sfFacility .sfInfoInner {padding:0 80px 80px;}
	.sfFacility .sfInfoTopTitle {font-size:25px;}
	.sfFacility .sfInfoTopTitle:before, .sfInfoTopTitle:after {max-width:60px;}
	.sfFacility .sfGuidePill {width:160px; height:50px; font-size:20px;}
	.sfFacility .sfGuideLi:first-of-type {font-size:16px;}
	.sfFacility .sfGuidePill:before, .sfGuidePill:after {font-size:8px;}
	.sfFacility .sfBottomLi {font-size:16px;}
	.sfFacility .sfTimeLabel {font-size:17px;}
	.sfFacility .sfBadge {font-size:13px; width:90px; height:30px;}
	.sfFacility .sfOverviewTitle {font-size:25px; margin:0 0 40px;}
	.sfFacility .sfCardTit {font-size:20px;}
	.sfFacility .sfGuideBlock {padding:40px 20px;}
	.sfFacility .sfReserveTitle {font-size:35px;}
	.sfFacility .sfReserveDesc {margin:20px 0 50px;}
	.sfFacility .sfReserveBanner {height:350px;}
}

@media (max-width:1200px){
	.sfVisual {height:400px;}
	.sfVisualTitle {font-size:35px;}
	.sfVisualDesc {font-size:22px;}
	.sfFacility .sfFloorTab {font-size:16px;}
	.sfFacility .sfFloorTabs {height:60px; gap:40px;}
	.sfFacility .sfRow{flex-direction:column;gap:22px; padding:50px;}
	.sfFacility .sfLeft{width:100%;}
	.sfFacility .sfRight {width:100%;}
	.sfFacility .sfCards{grid-template-columns:repeat(4,1fr);}
	.sfFacility .sfFloor{padding:0;}
	.sfFacility .sfFloors{padding:0;}
	.sfFacility .sfGuideGrid{grid-template-columns:repeat(2,1fr);}
	.sfFacility .sfMiniRow{grid-template-columns:repeat(3,1fr);}
	.sfFacility .sfKicker {text-align:center; margin:0 0 20px;}
	.sfFacility .sfTitle {text-align:center;}
	.sfFacility .sfLead {text-align:center;}
	.sfFacility .sfZoneTabs {justify-content:center;}
	.sfFacility .sfZoneNote {box-shadow:none;}
	.sfFacility .sfZoneNote.isActive {text-align:center;}
	.sfFacility .sfOverview {padding:50px;}
	.sfFacility .sfCardDesc {font-size:16px;}
	.sfFacility .sfCardDesc br {display:none;}
	.sfFacility .sfInfoInner {padding:50px;}
  .sfFacility .sfZoneNotes {display:flex; align-items:center; justify-content:center; margin:30px 0 10px 0;}

}

@media (max-width:991px) {
	.sfVisualTitle {font-size:30px;}
	.sfFacility .sfCards {grid-template-columns: repeat(2, 1fr);}
	.sfFacility .sfBottomGrid {grid-template-columns: 1fr;}
	.sfFacility .sfKicker b {font-size:20px;}
	.sfFacility .sfKicker {font-size:20px;}
	.sfFacility .sfKicker b:after {height:14px; margin:0 10px;}
	.sfFacility .sfTitle {font-size:30px;}
	.sfFacility .sfZoneImgs > div {height:400px;}
	.sfFacility .sfGuidePill {width:140px; height:40px; font-size:18px; gap:10px;}
	.sfFacility .sfGuidePill:before, .sfGuidePill:after {font-size:7px;}
	.sfBottomSbox {display:flex;}
	.sfFacility .sfCallRow {padding-top:30px;}
	.sfFacility .sfTimeRow, .sfCallRow {width:50%;}
	.sfFacility .sfBadge {width:80px;}
	.sfFacility .sfBottomHead {padding:15px 12px; font-size:17px;}
	.sfFacility .sfBottomHead:before {font-size:7px;}
	.sfFacility .sfReserveTitle {font-size:30px;}
	.sfFacility .sfReserveDesc {font-size:20px;}
	.sfFacility .sfReserveBtn {height:55px; font-size:17px; font-weight:600;}
}

@media (max-width:860px) {
	.sfBottomSbox {flex-direction:column;}
	.sfFacility .sfTimeRow, .sfCallRow {width:100%;}
	.sfFacility .sfCallRow {padding-top:0;}
}

@media (max-width:768px) {
	.sfFacility .sfRow {padding:50px 30px; background:#f6f2ef;}
	.sfFacility .sfOverview {padding:50px 30px;}
	.sfFacility .sfInfoInner {padding:50px 30px;}
	.sfBottomSbox {flex-direction:column;}
	.sfFacility .sfTimeRow, .sfCallRow {width:100%;}
	.sfFacility .sfReserveBanner {height:300px;} 
	.sfFacility .sfReserveDesc {margin: 20px 0 40px; font-size:18px;}
	.sfFacility .sfCallRow {padding-top: 0;}
	.sfFacility .sfReserveTitle {font-size: 25px;}
	.sfFacility .sfFloorTabs {margin:0 30px; display:grid;grid-template-columns: repeat(2, 1fr); height:auto; gap:0;background:#f6f2ef;}
	.sfFacility .sfFloorTab {width:100%; height:50px; background:#e9e4e1; padding:0 20px;  color:#6d645e;}
	.sfFacility .sfFloorTab:first-of-type {border-right:1px solid #dbd4cf; border-bottom:1px solid #dbd4cf;}
	.sfFacility .sfFloorTab:nth-of-type(2n) {border-bottom:1px solid #dbd4cf;}
	.sfFacility .sfFloorTab:nth-of-type(3n) {border-right:1px solid #dbd4cf; border-bottom:none;}
	.sfFacility .sfFloorTab:last-of-type {border-bottom:none;}
	.mbSfTit {padding:50px 30px 30px 30px;}
	.sfFacility .sfFloorTab.isActive {background:#4a2610; color:#fff;}
	.sfFacility .sfFloorTab.isActive:after {border:none;}
	.sfFacility .sfKicker {font-size: 15px;margin: 0 0 15px;}
	.sfFacility .sfZoneImgs > div {height: 260px;}
	.sfFacility .sfZoneNote {padding:15px; font-size:15px;}
	.sfFacility .sfZoneNote.isActive {text-align:left; line-height:1.3;}
	.mbSfTit {display:flex;padding: 50px 30px 30px 30px;text-align: center;align-items: center;justify-content: center;color: #5F5850;font-size: 22px;font-weight: 600;}
	.sfFacility .sfBadge {height:25px;}
	.sfFacility .sfTimeText {font-size:15px;}
	.sfTimeRow, .sfCallRow {gap:0;}
}

@media (max-width:680px){
  .sfFacility .sfTitle {font-size:25px;}   
}

@media (max-width:640px) {
  .sfFacility .sfRow{padding:50px 15px;}
  .sfFacility .sfFloorTabs {margin:0 15px;}
  .sfFacility .sfInfoInner {padding:30px 15px;}
  .sfFacility .sfZoneTabs {justify-content: flex-start;}
  .sfFacility .sfZoneNotes {align-items:flex-start; justify-content:flex-start;}
  .sfFacility .sfZoneNote.isActive {background:transparent; padding:0; font-size:17px;}
  .sfFacility .sfLead {margin:20px 0 40px;}
  .sfFacility .sfKicker {text-align:left;}
  .sfFacility .sfTitle {text-align:left;}
  .sfFacility .sfLead {text-align:left;}
  .sfFacility .sfBottomGrid {margin-top:15px;}
}

@media (max-width:580px){
	.sfVisual {justify-content:flex-end; align-items:flex-start; padding:50px 30px;}
	.sfVisualTitle{font-size:25px; text-align:left;}
	.sfVisualEyebrow {display:none;}
	.sfVisualDesc {text-align:left; font-size:18px;}
	.sfFacility .sfCards{grid-template-columns:1fr;}
	.sfFacility .sfGuideGrid{grid-template-columns:1fr;}
	.sfFacility .sfMiniRow{grid-template-columns:repeat(2,1fr);}
	.sfFacility .sfReserveTitle{font-size:22px;}
	.sfFacility .sfRow {padding: 50px 15px; gap:12px;}
	.sfFacility .sfInfoTopTitle {font-size:20px;}
	.sfFacility .sfTitle {font-size:25px;}
	.sfFacility .sfKicker {font-size:17px; margin:0 0 15px;}
	.sfFacility .sfKicker b {font-size:17px;}
	.sfFacility .sfKicker b:after {height:11px;}
	.sfFacility .sfLead {font-size:17px;}
	.sfFacility .sfZoneNote {border-radius:6px;}
	.sfFacility .sfZoneImgs > div { aspect-ratio: 16 / 9;}
	.sfFacility .sfOverview {padding: 50px 15px;}
	.sfFacility .sfCard {padding:20px;}
	.sfFacility .sfCards {grid-template-columns: repeat(2, 1fr); gap:10px;}
	.sfFacility .sfCardDesc {font-size:15px;}
	.sfFacility .sfCardTit {font-size:18px;}
	.sfFacility .sfGuideBlock {padding:0; background:transparent; box-shadow:none;}
	.sfFacility .sfGuideGrid {margin-top:20px;}
	.sfFacility .sfBottomList {padding:20px;}
	.sfFacility .sfTimeRow, .sfFacility .sfCallRow {padding:20px;}
	.sfReserveArrow {display:none;}
	.sfFacility .sfReserveBtn {height:40px;}
	.sfFacility .sfInfoInner {padding:40px 15px;}
	.sfFacility .sfInfoTopTitle:before, .sfInfoTopTitle:after {max-width:40px;}
	.sfFacility .sfInfoTopTitle {margin:0 0 30px;}
	.sfFacility .sfGuideImg {aspect-ratio: 16 / 9;}
	.sfFacility .sfMiniBarTitle {border-radius:6px;}
	.sfBottomBox {border-radius:0;}
	.sfBottomLi span {display:flex;}
}

@media (max-width:480px) {
	.sfFacility .sfFloorTabs {margin:0; display:flex; flex-direction:column; }
	.sfFacility .sfFloorTab:first-of-type {border-right:none;}
	.sfFacility .sfFloorTab {border-right:none; border-bottom:1px solid #dbd4cf;}
	.sfFacility .sfFloorTab:nth-of-type(3n) {border-right:none; border-bottom:1px solid #dbd4cf;}
	.sfFacility .sfFloorTab:last-of-type {border-bottom:none;}
	.sfFacility .sfZoneImgs {border-radius:12px;}
	.sfFacility .sfRow {background:#f6f2ef;}
	.sfFacility .sfCards {grid-template-columns: repeat(1, 1fr);}
	.sfFacility .sfCard {gap:10px; border-radius:10px;}
	.sfFacility .sfOverviewTitle {font-size: 22px;margin: 0 0 30px;}
	.sfFacility .sfInfoTopTitle:before, .sfInfoTopTitle:after {display:none;}
	.sfBottomGrid {display:flex; flex-direction:column;}
	.sfBottomLi {margin:15px 0; font-size:15px;}
	.sfBottomList {padding:15px;}
	.sfFacility .sfBottomList {padding:15px;}
	.sfFacility .sfBottomLi {font-size:14px;}
	.sfFacility .sfTimeText {font-size:14px;}
	.sfFacility .sfTimeRow, .sfFacility .sfCallRow {padding:15px;}
	.sfTimeText {font-size:15px;}
	.sfBottomHead {font-size:16px;}
	.sfTimeLabel {font-size:15px;}
	.sfFacility .sfReserveDesc {font-size:16px; line-height:1.3; margin:20px 0 30px;}
	.sfFacility .sfReserveDesc br {display:block;}
	.sfFacility .sfReserveBtn {font-size:15px; font-weight:500;}
	.sfFacility .sfReserveBanner {height:250px;}
	.sfFacility .sfGuidePill {width: 120px;height: 34px;font-size: 16px;}
	.sfFacility .sfGuideThumb {border-radius:10px;}
	.sfFacility .sfMiniBarTitle {font-size:16px;}
	.sfFacility .sfCard {align-items:flex-start;}
	.sfFacility .sfCardDesc {text-align:left;}
	.sfBottomLi:before {font-size:22px; top:-6px;}
	.sfBottomLi {padding-left:15px;}
}

@media (max-width:420px) {
	.sfVisual {padding:50px 20px;}
	.sfVisualTitle {font-size:22px;}
	.sfFacility .sfLead {margin:20px 0 30px;}
	.sfFacility .sfZoneTab {padding:8px 12px; font-size:13px;}
	.sfFacility .sfZoneNotes {margin-top: 24px;}
	.sfFacility .sfRow {padding: 50px 15px 30px 15px;}
	.sfFacility .sfOverview {padding:50px 15px 30px 15px;}
	.sfFacility .sfInfoInner {padding: 40px 15px 30px 15px;}
	.sfFacility .sfInfoTopTitle {font-size:18px; margin:0 0 20px;}
}

@media (max-width:360px) {
	.sfFacility .sfTimeLine {flex-direction:column; align-items:flex-start; gap:0;}
	.sfFacility .sfTimeBody {display:flex; flex-direction:column;}
	.sfFacility .sfBadge {width: 100%;border-radius:0; justify-content:flex-start;}
	.sfFacility .sfTimeText {font-size: 15px;width: 100%;display: flex;background:#f7f3f2;padding: 10px;text-align: center;justify-content: flex-start; border-radius:0; font-weight:600;}
	.sfBottomHead:before {color:#c1b6b0;}
	.sfMiniRow {grid-template-columns: repeat(1, 1fr);}
	.sfMiniImg {aspect-ratio: 4 / 2;}
	.sfBottomHead {font-size:17px;}
	.sfBottomBox {background:#fff;}
	.sfFacility .sfBottomHead:before {display:none;}
	.sfFacility .sfBottomList {padding:0 15px 15px 15px;}
	
}

.sfFacility .sfGuideBlock {display:none;}
.sfFacility .sfGuideBlock.isActive {display:block;}

/************* 견적문의 - 리스트 **************/
.sfVisual.sfVisual2 {height:520px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:18px;background:url('/assets/service/img/sub2.jpg') center/cover no-repeat;background-position:50% 50%;background-size:cover !important; position:relative;}
.contactCont {padding:100px 200px; background:#fff;}
.contactBox {background:#fff; justify-content:flex-start; gap:50px; }
.contactBox .cTitle {font-size:40px; text-align:center; font-family:'Pretendard-Bold';}
.contactBox .rForm {display:flex;}
.contactBox .botBtnBox {display:flex; justify-content:flex-end;}
.contactBox .form {display: flex; justify-content: space-between; align-items:flex-end;}
.contactBox .form:before, .notice-type4 .form:after {display: none;}
.contactBox .form .all {font-size: 20px;}
.contactBox .form .color {display: inline-block; margin: 0 2px 0 6px; color:#000;}
.contactBox .right {display: flex; gap:6px;}
.contactBox .form-group {width: 140px; height: 40px;}
.contactBox .form-group select {width: 100%; height: 100%; background: url(/assets/service/img/page_mb_arrow.png) no-repeat #f6f6f6; background-position:85% 50%; cursor:pointer; background-size: 12px; -webkit-appearance: none; padding: 10px 14px; color: #585858; border: 0; border-radius: 5px; font-size: 14px;}
.contactBox .sch {position: relative; width: 360px; height: 40px;}
.contactBox .sch .searchInput {width: 100%; height: 100%; padding: 10px 14px; border-radius: 5px; border: 1px solid #e0e0e0; color: #585858; font-size: 14px;}
.contactBox .sch .searchBtn11 {position: absolute; right: 6px; top: 0; width: 40px; height: 40px; background:url('/assets/service/img/search2.png') no-repeat center center; background-position: center;background-size: 15px;}
.contactBox .tableWrap {margin-top: 20px; margin-bottom: 60px;}
.contactBox .notice {border-top: 1px solid #000; border-bottom: 1px solid #000;}
.contactBox .notice .clist {display: block;}
.contactBox .noticeList {display: flex; border-top: 1px solid #cdcdcd;  background:#f7f7f7;}
.contactBox .noticeList .cLine {padding: 15px; text-align: center;}
.contactBox .noticeList .n_num {width: 10%;}
.contactBox .noticeList .n_tit {width: 45%;}
.contactBox .noticeList .n_pass {width: 10%; display:flex; align-items:center; justify-content:center;}
.contactBox .noticeList .n_file {width: 5%; display:flex; align-items:center; justify-content:center;}
.contactBox .noticeList .n_comment {width: 15%;}
.contactBox .noticeList .n_day {width: 15%;}
.contactBox .nh {border-top: 0;}
.contactBox .nh .cLine {font-size: 18px; font-weight:500;}
.contactBox .nb {align-items: center; gap:20px; justify-content:space-between;}
.contactBox .nb .cLine {font-size: 17px; font-weight:400;  list-style:none;}
.contactBox .nb .cLine img{width:16px;}
.contactBox .nb .cLine.n_tit {text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.contactBox .nb .cLine.n_day {font-weight: normal;}
.contactBox .nb .cLine.n_view {font-weight: normal;}
.contactBox .nb .cLine.n_pass img {width:14px;}
.contactBox .nb .cLine.red {color:#b7b7b7;}
.contactBox .nb .cLine.blue {color:#605dff;}
.contactBox .writeBtn2 {background:#000; color:#fff; padding:8px 20px; display:flex; align-items:center; justify-content:center; border-radius:5px;}
.contactBox .writeBtn2 img {margin-right:5px; width:20px;}
.contactBox .noticeList .n_tit2 {width:calc(100% - 150px); display:flex;align-items:center;justify-content:flex-start;gap:15px;min-width:0;overflow:hidden;text-align: left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.contactBox .noticeList .n_tit2 p {flex:1 1 auto; font-weight:700; min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.contactBox .noticeList .n_tit2 span {display:flex; align-items:center; justify-content:center;flex:0 0 70px;   font-size:13px; border-radius:30px; height:25px;}
.contactBox .noticeList .n_tit2.tit2 {text-align:center;}
.contactBox .noticeList .n_tit2 .event {background:#5044e9; color:#fff; font-weight:600; border-radius:50px; width:60px; height:30px; display:flex; align-items:center; justify-content:center; font-size:16px;}
.contactBox .noticeList .n_tit2 .alert {background:#000; color:#fff;}
.contactBox .noticeList .n_file2 {width:10%;display:flex; align-items:center; justify-content:center;}
.contactBox .noticeList .n_day2 {width:150px; color:#878787;}
.contactBox .noticeList .n_write span {display:none;}
.pdWrap .sectionWrap .sectionTitle ol, .pdWrap .sectionWrap .sectionTitle ul {list-style: revert;}
.viewPage .txtBox ol, .viewPage .txtBox ul {list-style: revert;}
.viewPage .txtBox ol, .viewPage .txtBox.txtBottom .box .content a{color: #3684c9;}
.contactBox .notice .nvBox .nvTit {display:flex; justify-content:space-between; gap:20px;border-top:1px solid #cdcdcd;}
.contactBox .notice .nvBox .nvTit .tit {padding:20px 15px; font-weight:600; width:calc(100% - 150px);flex: 1 1 auto;min-width: 0;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.contactBox .notice .nvBox .nvTit .day {padding:20px 15px; width:150px;text-align:center; color:#878787; }
.contactBox .cListWrap {position:relative;}
.contactBox .prWriteBtnBox { position:absolute; z-index:3; right:0; bottom:0;}
.contactBox .prWriteBtn {background:#000; padding:12px 30px; font-weight:700; color:#fff;}
.contactBox .notice .privateHead{display:flex;justify-content:space-between;padding:20px;gap:10px;}
.contactBox .notice .privateHead .num{width:5%;text-align:center;font-size:18px;font-weight:600;}
.contactBox .notice .privateHead .tit{width:65%;text-align:center;font-size:18px;font-weight:600;}
.contactBox .notice .privateHead .write{width:15%;text-align:center;font-size:18px;font-weight:600;}
.contactBox .notice .privateHead .day{width:15%;text-align:center;font-size:18px;font-weight:600;}
.contactBox .notice .prBox{display:block;}
.contactBox .notice .prBox .prList{display:flex;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid #cdcdcd;gap:10px;}
.contactBox .notice .prBox .prList .prNum{width:5%;text-align:center;font-size:17px;font-weight:700;}
.contactBox .notice .prBox .prList .prTit{width:65%;font-size:17px;font-weight:600;display:block;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-all;line-height:1.4;}
.contactBox .notice .prBox .prList .prWrite{width:15%;text-align:center;font-size:17px;font-weight:600;color:#616161;}
.contactBox .notice .prBox .prList .prDay{width:15%;text-align:center;font-size:17px;color:#8f8f8f;}
.contactBox .private{width:100%;padding:30px 0 0;display:flex;font-weight:500;font-size:18px;}
.pw-modal-overlay {position: fixed !important;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: none; justify-content: center; z-index  : 999;padding: 50px 15px; box-sizing: border-box;overflow-y: auto; }
.pw-modal-overlay .pw-modal-content {background: #fff;padding: 30px;border-radius: 20px;width: 100%;max-width: 350px;text-align: center;box-shadow: 0 10px 25px rgba(0,0,0,0.2);box-sizing: border-box;margin: auto; position: relative;}
.pw-modal-overlay .pw-modal-content h3 { margin-bottom: 20px; font-size: 22px; }
.pw-modal-overlay .pw-modal-content p { font-size: 16px; line-height:1.2; color: #666; margin-bottom: 20px; }
.pw-modal-overlay .pw-modal-content input { width: 100%; padding: 12px 15px; font-size:15px; background:#fff; border:1px solid #e8e8e8; border-radius:8px; margin-bottom  : 20px;}
.pw-modal-overlay .pw-modal-btns { display: flex; gap: 6px; }
.pw-modal-overlay .pw-modal-btns button { flex: 1; padding: 14px; border: none; cursor: pointer; border-radius:8px; font-weight:600;}
.pw-modal-overlay .pw-btn-cancel { background: #eee; }
.pw-modal-overlay .pw-btn-confirm { background: #333; color: #fff; }
.pw-modal-overlay .pw-modal-content input:focus { background: #fff; border-color: #4A7EEE; box-shadow: 0 0 0 3px rgba(74, 126, 238, 0.15); }

@media (max-width:1600px) {
	.contactCont {padding:80px 100px;}
}

@media (max-width:1400px) {
	.contactCont {padding:80px;} 
}

@media (max-width:1200px) {
	.contactCont  {padding:50px;}
	.sfVisual.sfVisual2 {height:400px;}
	.contactBox .tableWrap {margin-bottom:40px;}
	.contactBox .form .all {font-size:17px;}
	.contactBox .noticeList .n_tit2 p {font-size:16px;}
	.contactBox .noticeList .n_write {width:20%;}
	.contactBox .noticeList .n_tit2 {width:80%;}
	.contactBox .nb .cLine {font-size:16px;}
	.contactBox .nh .cLine {font-size:16px;}
	.contactBox .notice .privateHead{padding:15px;}
    .contactBox .notice .privateHead .num{display:none;}
    .contactBox .notice .privateHead .tit{font-size:16px;width:80%;text-align:left;}
    .contactBox .notice .privateHead .write{font-size:16px;width:10%;text-align:left;}
    .contactBox .notice .privateHead .day{font-size:16px;width:10%;text-align:left;}
    .contactBox .notice .prBox .prList{padding:15px;}
    .contactBox .notice .prBox .prList .prNum{display:none;} 
    .contactBox .notice .prBox .prList .prTit{font-size:16px;width:80%;text-align:left;} 
    .contactBox .notice .prBox .prList .prWrite{font-size:16px;width:10%;text-align:left;}
    .contactBox .notice .prBox .prList .prDay{font-size:16px;width:10%;text-align:left;} 
    .contactBox .prWriteBtn {height:36px; padding:0 30px; display:flex; align-items:center; justify-content:center;}
}

@media (max-width: 991px){
	.contactBox .noticeList .n_num {display:none;}
	.contactBox .noticeList .n_num2 {display:none;}
	.contactBox .noticeList .n_tit2.tit2 {text-align:left;}
	.contactBox .nb {flex-direction:column; align-items:flex-start; gap:0;}
	.contactBox .noticeList .n_tit2 {width:100%;}
	.contactBox .noticeList .n_day2 {width:100%; align-items:flex-start;text-align:left; padding:0 15px 15px 15px;}
	.contactBox .notice .nvBox .nvTit {flex-direction:column; gap:0; align-items:flex-start;}
	.contactBox .notice .nvBox .nvTit .tit {width:100%; padding:20px 15px 15px 15px;}
	.contactBox .notice .nvBox .nvTit .day {width:100%; text-align:left;padding:0 15px 20px 15px;}
	.contactBox .notice .privateHead{display:none;}
    .contactBox .notice .prBox .prList{flex-direction:column;align-items:flex-start;padding:15px;gap:8px;}
    .contactBox .notice .prBox .prList .prTit{width:100%;}
    .contactBox .notice .prBox .prList .prWrite{width:100%;padding-top:5px;text-align:left;}
    .contactBox .notice .prBox .prList .prDay{width:100%;font-size:15px;text-align:left;}
    .contactBox .private{font-size:15px;}
}

@media (max-width: 768px){
	.contactCont {padding:50px 30px;}
	.contactBox .form {align-items:center;}
	.contactBox .right {display:flex; justify-content:flex-end; width:100%;}
	.contactBox .left {width:100%; display:flex; justify-content:flex-start;}
	.contactBox .right .sch {width: 260px;}
	.contactBox .noticeList .cLine {padding:10px;}
	.contactBox .nh {display: none;}
	.contactBox .noticeList .n_num {display: none;}
	.contactBox .nb {flex-wrap: wrap; padding: 0;}
	.contactBox .clist:nth-of-type(1) {border-top: 0;}
	.contactBox .nb .n_tit {font-size: 15px; width: 75%;}
	.contactBox .nb .n_file {display:none;}
	.contactBox .nb .n_day {order: 4; width: 20%;}
	.contactBox .nb .n_comment {width: 15%;}
	.contactBox .tableWrap {margin:10px 0 20px 0;}
	.contactBox .writeBtn2 {font-size:15px;}
	.contactBox .nb .cLine.n_day {text-align:left; font-size:14px;}
	.contactBox .nb .n_tit2 {font-size: 15px;width: 100%;}
	.contactBox .noticeList .n_file2 {display:none;}
	.contactBox .noticeList .n_write {display:flex; width:100%; padding:0 10px 10px 10px; color:#666668;}
	.contactBox .nb2 {flex-direction:column;}
	.contactBox .noticeList .n_day2 {width:100%; text-align:left;}
	.contactBox .noticeList .n_tit2 p {font-size:15px;}
	.contactBox .noticeList .n_write span {display:flex; padding-right:10px; color:#000;font-weight:500;}
}

@media (max-width: 640px){
	.contactCont {padding:50px 15px;}
	.contactBox .cTitle {font-size:30px;}
	.contactBox .nb .n_tit {font-size: 16px;}
	.contactBox .form {gap:30px;}
	.contactBox .nb .n_tit {width: 100%;}
	.contactBox .form-group {width:100px; height:35px;}
	.contactBox .right .sch {width:200px; height:35px;}
	.contactBox .sch .searchBtn11 {height:35px;}
	.contactBox .nb .n_tit2 {flex-direction:column; align-items:flex-start;gap:10px;}
	.contactBox .noticeList .n_tit2 .event {width:52px;height:25px; font-size:14px;}
	.contactBox .noticeList .n_tit2 p{flex:1 1 auto;min-width:0;display:block;width:100%;white-space:normal;overflow:visible;text-overflow:clip;
	word-break:keep-all;line-height:1.4;}
	.contactBox .notice .nvBox .nvTit {flex-direction:column; align-items:flex-start;gap:5px;}
	.contactBox .notice .nvBox .nvTit .tit{flex:1 1 auto;min-width:0;display:block;width:100%;white-space:normal;overflow:visible;text-overflow:clip;
	word-break:keep-all;line-height:1.4;padding:15px 10px 10px 10px;}
	.contactBox .notice .nvBox .nvTit .tit {width:100%; }
	.contactBox .notice .nvBox .nvTit .day {width:100%; text-align:left;padding:0 10px 15px 10px;}
}

@media (max-width:580px) {
	.sfVisual.sfVisual2 {justify-content: flex-end;align-items: flex-start;padding: 50px 30px;}
	.sfVisualTitle {font-size: 25px;text-align: left;}
	.sfVisualDesc {text-align: left;font-size: 18px; line-height:1.2;}
}

@media (max-width:540px) {
	.contactBox .form {gap:15px; flex-direction:column;}
	.contactBox .form-group {width:30%;}
	.contactBox .right .sch {width:70%;}
}

@media (max-width: 480px){
    .contactCont {padding:30px 15px;}
    .contactBox .noticeList .n_tit2 span {flex:0 0 60px;}
	.contactBox .cTitle {font-size:25px;}
	.contactBox .nb {padding: 0;}
	.contactBox .nb .cLine.n_tit {font-size: 15px; width: 90%; padding: 15px 10px 15px; line-height: 1.5;}
	.contactBox .nb .cLine.n_pass {width:10%;}
 	.contactBox .noticeList .cLine {padding:5px 5px 10px 10px;font-size: 14px; text-align:left; width:100%;}
	.contactBox .right .sch {width:70%;}
	.contactBox .form-group {width:30%;}
	.contactBox .notice {border-top:1px solid #000; border-bottom:1px solid #000;}
	.contactBox .nb .cLine.n_tit2 {font-size: 15px;width: 100%;padding: 10px 10px 5px;line-height: 1.5;}
	.contactBox .botBtnBox {width:80px;}
	.contactBox .prWriteBtnBox {position:inherit; display:flex; margin-top:20px; align-items:flex-end; justify-content:flex-end;}
	.pw-modal-overlay .pw-modal-content {padding:30px 20px;}
	.pw-modal-overlay .pw-modal-content h3 {font-size:20px;}
	.pw-modal-overlay .pw-modal-content p {font-size:15px;}
	.pw-modal-overlay .pw-modal-content input {padding:10px 15px;}
	.pw-modal-overlay .pw-modal-btns button {font-size:15px;}
}

@media (max-width: 420px) {
    .sfVisual.sfVisual2 {padding: 50px 20px;}
}

@media (max-width:360px) {
	.contactBox .writeBtn2 {padding:4px 12px;}
	.contactBox .botBtnBox {width:63px;}
	.contactBox .sch .searchInput {padding:10px;}
	.contactBox .sch .searchBtn11 {right:0; width:35px; background-size:13px;}
}
  
/* 페이지네이션 */
.pagination {text-align: center; margin-top: 20px; position:relative;}
.pagination:after {display: block; visibility: hidden; clear: both; content: "";} 
.pagination .pc {text-align: center;}
.pagination .mb {display: none;}
.pagination-type1 .pg_page, .pagination-type1 .pg_current {display: inline-block; vertical-align: middle; background: #F3F5FD; border:none;}
.pagination-type1 .pg_page {color: #8E919F; font-size: 16px; height:36px; line-height: 36px; padding: 0 5px; min-width: 36px; text-decoration: none; border-radius: 6px;}
.pagination-type1 .pg_start {text-indent: -999px; overflow: hidden; background: url('/assets/service/img/page_frist.png') no-repeat 50% 50% #fff; background-size:12px;padding: 0 ; border: 1px solid #eee;}
.pagination-type1 .pg_prev {text-indent: -999px; overflow: hidden; background: url('/assets/service/img/page_prev.png') no-repeat 50% 50% #fff; background-size:6px;padding: 0 ; border: 1px solid #eee;}
.pagination-type1 .pg_end {text-indent: -999px; overflow: hidden; background: url('/assets/service/img/page_next.png') no-repeat 50% 50% #fff;  background-size:12px; padding: 0  ; border: 1px solid #eee;}
.pagination-type1 .pg_next {text-indent: -999px; overflow: hidden; background: url('/assets/service/img/page_end.png') no-repeat 50% 50% #fff; background-size:6px; padding: 0  ; border: 1px solid #eee;}
.pagination-type1 .pg_start:hover, .pagination-type1 .pg_prev:hover, .pagination-type1 .pg_end:hover, .pagination-type1 .pg_next:hover {background-color: #fafafa;}
.pagination-type1 .pg_current {display: inline-block; background: #4A2610; border: 1px solid #4A2610; color: #fff; font-weight: bold; height:36px; line-height: 36px; padding:  0 10px; min-width: 36px; border-radius: 6px;}
.pagination-type1 #page {display: inline-block; width: 100px; height: 60px; vertical-align: middle; border: 0; border-radius: 6px; padding: 6px 15px; line-height: 1  ; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #333;border:1px solid #eee; background:url('/assets/service/img/page_under.png') no-repeat 50% 50% #fff; background-position: right 15px center !important; font-size: 16px; cursor: pointer;}

@media (max-width: 768px) {
	.pagination-type1 #page {height: 36px;}
	.pagination .pc {display: none;}
	.pagination .mb {display: block;}
}

/* 빈데이터페이지 */
.emptyWrap {width:100%; padding:100px;}
.emptyWrap p {text-align:center; font-size:30px;}

@media (max-width:991px) {
	.emptyWrap {padding:50px;}
	.emptyWrap p {font-size:25px;}
}

@media (max-width:480px) {
	.emptyWrap {padding:30px;}
	.emptyWrap p {font-size:20px;}
}

/*공지사항 view*/
.viewPage .titWrap .left {width:100%; display:flex; align-items:center;} 
.viewPage .title {font-size:40px; color:#000; text-align:center; font-weight:800;}
.viewPage .titWrap {display:flex;justify-content:space-between;align-items:flex-start;}
.viewPage .left .bigTit {display:flex; flex-direction:column; gap:10px;}
.viewPage .left .bigTit .noticeLabel {background: #5044e9;color: #fff;font-weight: 600;border-radius: 50px;width: 60px;height: 30px;display: flex;align-items: center;justify-content: center;font-size: 16px;}
.viewPage .left .bigTit .notice {font-size: 30px;line-height: 1.3;padding-bottom: 20px;font-weight: 500;}
.viewPage .left .bigTit b {font-weight: 800;padding-right: 10px;}
.viewPage .left .bigTit.bigTit2 {padding-bottom:15px; font-size:30px;}
.viewPage .txtWrap {overflow: hidden;}
.viewPage .txtTit {display:flex; padding-bottom:15px; border-bottom:1px solid #000; font-size: 16px; color: #333; align-items:center;}
.viewPage .txtTit.txtTopBox {display:flex; flex-direction:column; gap:10px;}
.viewPage .txtTit:after {display:block; content:''; clear:both;}
.viewPage .infoList {width:100%; display:flex; justify-content:flex-start;}
.viewPage .infoList:affter {display:block; content:''; clear:both;}
.viewPage .info {float:left; padding-right:30px; display:flex;}
.viewPage .info .infoLabel {padding-right:15px; font-weight:500; color:#000;}
.viewPage .info .passw {width: 18px; height:18px; background: url(/assets/service/img/office/passw.png) no-repeat;display: inline-block;background-size: contain;}
.viewPage .info .passn {width: 18px; height:18px; background: url(/assets/service/img/office/passn.png) no-repeat;display: inline-block;background-size: contain;}
.viewPage .viewBtnBox {display:flex; align-items:center; gap:6px;}
.viewPage .viewBtnBox .viewEdit {width:60px; height:35px; display:flex; align-items:center; justify-content:center; font-size:15px; background:#334eb6; color:#fff;}
.viewPage .viewBtnBox .viewDelete {width:60px; height:35px; display:flex; align-items:center; justify-content:center; font-size:15px; background:#e9e9e9; color:#000;}
.viewPage .info .infoLabel:after {display:inline-block; content:''; clear:both; width:1px; height:12px; vertical-align:middle; background:#b7b7b7; margin-left:15px;}
.viewPage .info .infoLabel:after {content:''; }
.viewPage .info .infoValue {color:#808080; font-weight:500; padding-right:10px;}
.viewPage .txtBox {padding:20px; border-bottom:1px solid #cecece; margin-bottom:30px;}
.viewPage .txtBox .content {margin-bottom:40px;display:flex; flex-direction:column; gap:40px;}
.viewPage .txtBox .content img {width:100%; max-width:800px; display:block; padding-top:40px;}
.viewPage .txtBox .txtImgBox {width:100%;}
.viewPage .txtBox .txtImgBox img {width:auto;}
.viewPage .txtBox .newsView {color:#fff; font-weight:600; font-size:20px; background:#000; padding:10px 20px; display:block; width:200px; text-align:center;}
.viewPage .fileBox {display:flex; justify-content:space-between;  gap:20px; flex-direction:column; align-items:flex-start; margin-bottom:15px; }
.viewPage .attach {display:inline-block; padding-right:20px; font-size:16px; font-weight:800;}
.viewPage .fileView {color:#000; cursor:pointer; color:#65697d; font-size:16px;}
.viewPage .fileDown {color:#fff; background:url(/assets/service/img/office/downloadicon.png) 80% 50% no-repeat #000; background-size:15px; width:150px; height:40px; line-height:40px; padding-left:30px; }
.viewPage .fileBox .file {margin-bottom:0;}
.viewPage .newsView:hover{background:#a4a4a4; transition:0.3s;}
.viewPage .box:after {display:block; content:''; clear:both;}
.viewPage .box .news {line-height:1.8; font-size:18px; padding-top:20px; text-align:left;}
.viewPage .listBtn {border:1px solid #000; font-weight:600; line-height:50px; line-height:50px; color:#000;display:block; margin:0 auto; font-size:18px; background:#fff;width:166px; height:50px; text-align:center;}
.viewPage .inqBtnWrap2 {display:flex; justify-content:center; align-items:center; width:100%;}
.viewPage .listBtn2 {width:150px; background:#20120a; font-weight:500;border-radius:0px; height:50px; line-height:1; display:flex; color:#fff; align-items:center; justify-content:center;text-align:center; font-size:20px;}
.viewPage .commentWrap {display:flex; gap:5px; flex-direction:column;}
.viewPage .commentBox {display:flex; width:100%; padding:40px; background:#f6f6f7; flex-direction:column; gap:20px;}
.viewPage .commentBox .user {width:100%; font-weight:500; font-size:18px;}
.viewPage .commentBox .comment {display:flex; width:100%; flex-direction:column;gap:20px;}
.viewPage .commentBtnBox {display:flex; gap:6px;}
.viewPage .commentBtnBox .commentEdit {width:60px; height:35px; display:flex; align-items:center; justify-content:center; font-size:15px; background:#fff; border:1px solid #e0e0e0; }
.viewPage .commentBtnBox .commentDelete {width:60px; height:35px; display:flex; align-items:center; justify-content:center; font-size:15px;background:#fff; border:1px solid #e0e0e0;}
.viewPage .comTxt { width:100%; margin: 0; word-break: break-word;flex-grow: 1; line-height:1; font-weight:400; font-size:16px; color:#808080;}
.viewPage .date {width: 100%;text-align: left;align-self:center; height:100%; font-size:15px; font-weight:400; color:#999999;}
.viewPage .commentInput .cmInput {background:#fff; border:none; width:100%; padding:10px; resize: none; height:100px; }

@media (max-width:1400px) {
	.viewPage .titWrap .bigTit {font-size:24px;}
}

@media (max-width:1199px) {
	.viewPage .left .bigTit .notice {font-size:25px;}
	.viewPage .left .bigTit.bigTit2 {font-size:25px;}
}

@media (max-width:991px) {
	.viewPage .txtTit {margin:0; padding:15px 0;}
	.viewPage .infoList {justify-content: flex-start;}
	.viewPage .newsView {width:135px; font-size:17px;}
	.viewPage .box .news {font-size:15px;}
	.viewPage .attach {font-size:16px;}
	.viewPage .fileBox .fileView {font-size:16px;}
	.viewPage .fileBox {margin-bottom:10px;}
	.viewPage .fileBox .fileDown {font-size:15px;}
	.viewPage .fileBox .fileDown {width:100px; height:30px; line-height:30px; font-size:15px; background:#000; text-align:center; padding-left:0;}
	.viewPage .listBtn2 {width:90px; height:40px; font-size:16px;}
}

@media (max-width:780px) {
	.viewPage .commentBox {flex-direction:column; gap:10px; padding:20px 25px;}
	.viewPage .commentBox .comment {width:100%; flex-direction:column; gap:15px;}
	.viewPage .commentBox .user {width:100%; font-size:15px;}
	.viewPage .commentBox .comTxt {width:100%; line-height:1.6; font-size:14px;}
	.viewPage .commentBox .date {width:100%; text-align:left; font-size:13px;}
    .viewPage .txtBox {margin-bottom:10px;}
}

@media (max-width:767px) {
	.viewPage .titWrap .bigTit {font-size:20px;padding-bottom:0;}
	.viewPage .left .bigTit .notice {font-size:20px;}
	.viewPage .left .bigTit.bigTit2 {font-size:20px; padding-bottom:0px;}

}

@media (max-width:680px) {
	.viewPage .listBtn2 {width:100px; font-size:15px; height:35px;}
}

@media (max-width:640px) {
	.eCont.contactView {padding:20px;}
	.viewPage {padding:0;}
	.viewPage .titWrap .bigTit {font-size:18px;} 
	.viewPage .txtBox {padding:15px 0; border-bottom:none;}
	.viewPage .txtBox.txtBottom {border-bottom:1px solid #e0e0e0;}
	.viewPage .txtBox .box {margin-bottom:20px;}
	.viewPage .infoValue{background:transparent; padding:0;}
	.viewPage .infoLabel {padding-right:10px;}
	.viewPage .txtBox .fileBox {align-items:flex-start; flex-direction:column; padding-top:10px;}
	.viewPage .file{margin-bottom:10px;}
	.viewPage .attach {font-size: 16px;}
	.viewPage .fileView {font-size: 16px;}
	.viewPage .infoLabel:after {margin-left:10px;}
	.viewPage .info {padding-right:18px;}
	.viewPage.fileBox .fileDown {width:100%; height:40px; line-height:40px;}
	.viewPage .infoLabel:after {height:10px; vertical-align:initial;}
	.viewPage .txtBox {margin-bottom:10px;}
    .viewPage .commentBox {padding:15px;}
	.viewPage .inqBtnWrap2 {margin-top:20px;}
	.viewPage .txtBox .content {gap:20px;}
}

@media (max-width:480px) {
	.viewPage .linkBtn {width:26px; height:26px; border-radius:6px;}
	.viewPage .dropdown-options a img {width:24px;}
	.title {font-size:24px;}
	.viewPage .bigTit {font-size:16px;}
	.viewPage .txtBox .newsView {width:110px; font-size:15px; padding:8px 0;}
	.viewPage .box {margin-top:15px;}
	.viewPage .box .news {font-size:15px;}
	.viewPage .poster {margin-bottom:20px;}
	.viewPage .listBtn {margin-top:20px; width:100%; font-size:16px;}
	.viewPage .titWrap {position: relative;}
	.viewPage .attach {font-size:14px; padding-right:10px;}
	.viewPage .newsView {width:100%;}
	.viewPage .info {display:flex;}
	.viewPage .info .infoLabel {display:none;}
	.viewPage .fileBox .fileDown {height:34px; width:100%; text-align:center; padding-left:0; line-height:34px; background:#000;}
	.viewPage .fileBox {margin-bottom:4px;}
	.viewPage .fileBox .file {display:flex;}
	.viewPage .fileBox .fileView {width: 100%;}
	.viewPage .left {display: block; width:90%;}
	.viewPage .fileBox .fileView {font-size:14px;}
	.viewPage .inqBtnWrap2 .listBtn2 {width:80px; font-size:15px; height:35px;}
	.viewPage .viewBtnBox .viewEdit {width:50px; height:30px; font-size:14px;}
	.viewPage .viewBtnBox .viewDelete {width:50px; height:30px; font-size:14px;}
	.viewPage .commentBtnBox .commentEdit {width:50px; height:30px; font-size:14px;}
	.viewPage .commentBtnBox .commentDelete {width:50px; height:30px; font-size:14px;}
	.viewPage .commentInput .cmInput  {height:150px;}
	.viewPage .checkList .goods p {color:#000;}
	.viewPage .checkList .installation p {color:#000;}
	.viewPage .checkList .goods {flex-direction:column; align-items:flex-start; gap:10px; padding:10px; background:#f8f8f8;}
	.viewPage .checkList .installation {flex-direction:column; align-items:flex-start; gap:10px; padding:10px; background:#f8f8f8;}
	.viewPage .checkList .goods ul li {font-size:13px;}
	.viewPage .checkList .installation ul li {font-size:13px;}
	.viewPage .checkList {gap:6px;}
	.viewPage .txtTit.txtTopBox {flex-direction:column-reverse;}
	.viewPage .txtTit.txtTopBox .infoValue {font-size:13px;}
	.viewPage .left .bigTit .notice {font-size:18px;}
    .viewPage .left .bigTit .noticeLabel {width:50px; height:27px; font-size:15px;}
	.viewPage .left .bigTit.bigTit2 {font-size:18px;}

}

@media (max-width:380px) {
	.viewPage .infoList {flex-direction:column;}
	.viewPage .txtTit {padding:10px 0; border-bottom:1px solid #808080;}
	.viewPage .info {padding:3px 5px 3px 0;}
	.viewPage .txtBox .box {margin-top:10px;}
}

/************** 건의함 글쓰기 ****************/
.writePage{width:100%;max-width:1200px;margin:0 auto;}
.writePage .formWrap{border-top:2px solid #222;border-bottom:1px solid #222;}
.writePage .formRow{display:flex;border-bottom:1px solid #e0e0e0;}
.writePage .formRow.halfRow{display:flex;}
.writePage .halfCol{display:flex;flex:1;}
.writePage .formLabel{width:160px;background:#f8f9fa;padding:20px;font-weight:600;display:flex;align-items:center;font-size:16px;flex-shrink:0;color:#333;}
.writePage .req{color:#e53935;margin-left:4px;}
.writePage .formControl{flex:1;padding:15px 20px;}
.writePage .wInput{width:100%;border:1px solid #ededed;padding:12px 15px;font-size:15px;border-radius:6px;outline:none;transition:border 0.3s;font-family:inherit;}
.writePage .wTextarea{width:100%;border:1px solid #ededed; line-height:1.4;padding:12px 15px;font-size:15px;border-radius:8px;outline:none;transition:border 0.3s;font-family:inherit;resize:none !important;}
.writePage .wInput:focus, .wTextarea:focus{ background: #fff; border-color: #4d72ff; box-shadow: 0 0 0 3px rgba(74, 126, 238, 0.15); }
.writePage .wTextarea{height:250px;resize:vertical;}
.writePage .fileBox{display:flex;gap:6px;align-items:center;}
.writePage .fileName{background:#f5f5f5;cursor:default;flex:1;}
.writePage .wInput.fileName:focus {background:#f5f5f5; border:1px solid #ededed; box-shadow:none; cursor:inherit;}
.writePage .fileBtn{background:#4d72ff;color:#fff;padding:12px 25px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:6px;cursor:pointer;font-size:15px;white-space:nowrap;font-weight:500;}
.writePage .hiddenFile{display:none;}
.writePage .fileGuide{font-size:14px;color:#888;margin-top:10px;}
.writePage .btnWrap{display:flex;justify-content:center;gap:8px;margin-top:40px;}
.writePage .btn{padding:15px 45px;font-size:16px;font-weight:600;border-radius:5px;cursor:pointer;transition:all 0.3s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}
.writePage .btnCancel{background:#fff;border:1px solid #ededed;color:#555;}
.writePage .btnCancel:hover{background:#f5f5f5;}
.writePage .btnSubmit{background:#000;border:1px solid #000;color:#fff;}
.writePage .btnSubmit:hover{background:#333;}

@media (max-width:991px) {
	.writePage .formLabel {width:120px;}
}

@media (max-width:768px){
	.writePage .formRow {flex-direction:column;}
	.writePage .halfCol{flex-direction:column;}
	.writePage .halfCol:first-child{border-right:none;border-bottom:1px solid #e0e0e0;}
	.writePage .formLabel{width:100%;padding:15px;border-bottom:1px solid #eee;}
	.writePage .formControl{padding:15px 0;}
	.writePage .fileBtn{text-align:center;}
}

@media (max-width:480px) {
	.writePage .btn {width:50%;}
	.writePage .formLabel {padding:12px 15px; font-size:15px; border-bottom:none;}
	.writePage .fileGuide {font-size:13px;}
	.writePage .formWrap {border-top:1px solid #222;}
	.writePage .wInput {padding:10px 15px;}
}

/********* 시설예약 **********/
.rsWrap {padding:100px 200px; background:#F7F3F2;}
.rsWrap .rsInfoInner {margin-bottom:60px;}
.sfVisual.sfVisual3 {height:520px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:18px;background:url('/assets/service/img/sub_visual1.jpg') center/cover no-repeat;background-position:50% 50%;background-size:cover !important; position:relative;}
.rsWrap .rsInfoTopTitle {display: flex;align-items: center;justify-content: center;gap: 10px;text-align: center;font-size: 30px;color: #282522;margin: 0 0 40px;letter-spacing: -0.2px;white-space: nowrap;font-weight: 700;}
.rsWrap .rsInfoTopTitle:before {background: linear-gradient(to right, rgba(60, 47, 41, 0), rgba(60, 47, 41, .22), rgb(255 255 255 / 22%));}
.rsWrap .rsInfoTopTitle:after {background: linear-gradient(to right, rgba(60, 47, 41, 0), rgba(60, 47, 41, .22), rgb(255 255 255 / 22%));}
.rsWrap .rsInfoTopTitle:before, .rsWrap .rsInfoTopTitle:after {content: "";flex: 1;height: 2px;max-width: 80px;}
.rsCont{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:28px;align-items:stretch;}
.rsCont .floor3f{grid-column:span 4;min-width:0;}
.rsCont .floor3f .box{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.08);display:flex;flex-direction:column;height:100%;position:relative;}
.rsCont .floor3f .img{overflow:hidden;}
.rsCont .floor3f .img img{width:100%;height:230px;object-fit:cover;display:block;}
.rsCont .floor3f .detail{padding:24px 28px 18px;display:flex;flex-direction:column;gap:18px;flex:1;}
.rsCont .floor3f .topTxt p{margin:0;font-size:22px;font-weight:700;letter-spacing:-0.02em;color:#282522;}
.rsCont .floor3f .topTxt span{display:block;margin-top:6px;font-size:17px;line-height:1.4;color:#282522;}
.rsCont .floor3f .detail ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px;}
.rsCont .floor3f .detail ul li{font-size:14px;line-height:1;padding:7px 12px;border-radius:999px;background:#e9e4e1;color:#4b2f23;font-weight:600;}
.rsCont .floor3f .centerTxt span{font-size:15px;color:#b3261e;font-weight:700;}
.rsCont .floor3f .centerTxt em{font-style:normal;font-weight:600;color:#252530;}
.rsCont .floor3f .rsTableWrap>span{display:block;margin:0 0 8px;font-size:18px;font-weight:700;color:#282522;}
.rsCont .floor3f table{width:100%;border-collapse:separate;border-spacing:0; overflow:hidden;}
.rsCont .floor3f thead th{background:#4b2f23;color:#fff;font-size:15px;padding:10px 12px;text-align:center;font-weight:600; border-left:1px solid #fff;}
.rsCont .floor3f thead th:first-of-type {border-left:none;}
.rsCont .floor3f tbody td{background:#fff;color:#282522;font-size:15px; font-weight:600; padding:10px 5px;text-align:center;border-left:1px solid #eee; border-bottom:1px solid #eee; vertical-align:middle;}
.rsCont .floor3f tbody td:last-of-type {border-right:1px solid #eee;}
.rsCont .floor3f .btnWrap{padding:0 28px 26px;display:flex;justify-content:center;}
.rsCont .floor3f .rsBtn{min-width:160px;height:44px;border:0;border-radius:999px;background:linear-gradient(180deg, #c0774a 0%, #593017 100%);color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease,box-shadow .15s ease;}
.rsCont .floor3f .rsBtn:after{content:"→";font-size:16px;line-height:1;}
.rsCont .floor3f .rsBtn:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(75,47,35,.32);}
.rsCont .floor3f.isWide{grid-column:1/-1;}
.rsCont .floor3f.isWide .box{display:grid;grid-template-columns:32% 68%;min-height:260px;}
.rsCont .floor3f.isWide .img img{height:100%;min-height:260px;}
.rsCont .floor3f.isWide .detail{padding:28px 34px 28px;flex:unset;}
.rsCont .floor3f.isWide .btnWrap{position:absolute;right:26px;top:22px;padding:0;justify-content:flex-end;}
.rsCont .floor3f.isWide .rsBtn{min-width:160px;height:44px;}
.rsGolfTable{display:grid;grid-template-columns:1fr 1fr;gap:0;} 
.rsGolfTable .feeTable{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;overflow:hidden;} 
.rsGolfTable .feeTable .hole{vertical-align: middle;text-align: center; background:#A6663E; color:#fff; width:52px; border-right:none;}
.rsGolfTable .feeTable th {background:#4A2610; color:#fff;font-size:15px;padding:10px 12px;text-align:center;font-weight:600; border-right:1px solid #fff;}
.rsGolfTable .feeTable th:last-of-type {border-right:none;}
.rsGolfTable .feeTable td.borNone {border-right:none !important;}
.rsGolfTable .mbHole {display:none;}

@media (max-width:1650px) {
  .rsWrap {padding:100px 80px;}
  .rsCont {gap:20px;}
  .rsWrap .rsInfoInner {margin-bottom:30px;}
}

@media (max-width:1400px) {
  .rsWrap {padding:80px;}
  .rsWrap .rsInfoTopTitle {font-size: 25px;}
  .rsWrap .rsInfoTopTitle:before, .rsWrap .rsInfoTopTitle:after {max-width: 60px;}
  .rsCont .floor3f thead th {font-size:14px; padding:10px 5px;}
  .rsCont .floor3f tbody td {font-size:14px; padding:10px 5px;}
  .rsCont .floor3f .detail {padding:20px; gap:15px;}
  .rsCont .floor3f.isWide .detail {padding:20px;}
  .rsCont .floor3f .topTxt p {font-size:19px;}
  .rsCont .floor3f .topTxt span {font-size:16px;}
  .rsCont .floor3f .detail ul li {font-size:13px; font-weight:600;}
  .rsCont .floor3f .rsTableWrap>span {font-size:16px;}
}

@media (max-width:1300px) {
  .rsWrap {padding:50px;}
}

@media (max-width:1200px){
  .rsCont {gap:15px;    grid-template-columns: repeat(12, minmax(0, 2fr));}
  .sfVisual.sfVisual3 {height:400px;}
  .rsCont .floor3f{grid-column:span 6;}
  .rsCont .floor3f.isWide{grid-column:span 6;}
  .rsCont .floor3f.isWide .box{display:flex;flex-direction:column;min-height:auto;}
  .rsCont .floor3f.isWide .img img{height:230px;min-height:0;}
  .rsCont .floor3f.isWide .btnWrap{position:static;right:auto;top:auto;padding:0 28px 26px;justify-content:center;}
  .rsGolfTable {display:flex; flex-direction:column;}
  .rsGolfTable .feeTable:last-of-type .hole {border-top:1px solid #fff;}
}

@media (max-width:991px) {
  .rsWrap {padding:50px 20px;}
}

@media (max-width:820px){
  .rsBody .rsCont{gap:18px;}
  .rsBody .rsCont .floor3f{grid-column:1/-1;}
  .rsBody .rsCont .floor3f .img img{height:360px;}
  .rsBody .rsCont .floor3f .detail{padding:20px 20px 14px;}
  .rsBody .rsCont .floor3f .btnWrap{padding:0 20px 22px;}
  .rsBody .rsGolfTable{grid-template-columns:1fr;}
  .sfFacility .sfBottomGrid.sfBottomGrid2 {margin-top:18px; gap:18px;}
}

@media (max-width:640px) {
  .rsBody .rsCont .floor3f .img img {height: 300px;}
}

@media (max-width: 580px) {
  .rsWrap {padding:40px 15px;}
  .rsCont .floor3f .rsBtn {min-width:140px; font-size:15px;}
  .rsCont .floor3f.isWide .rsBtn {min-width:140px; font-size:15px;}
  .sfVisual.sfVisual3 {justify-content:flex-end; align-items:flex-start; padding:50px 30px;}
  .rsWrap .rsInfoTopTitle {margin: 0 0 30px; font-size: 20px;}
  .rsWrap .rsInfoTopTitle:before, .rsWrap .rsInfoTopTitle:after {max-width: 40px;}
  .rsGolfTable .feeTable th {font-size:13px;}
  .rsCont .floor3f thead th {font-size:13px; padding:10px 5px;}
  .rsCont .floor3f tbody td {font-size:13px; padding:10px 5px;}
  .rsGolfTable .feeTable .hole {width:42px; padding:0;}
  .rsCont .floor3f tbody td {font-size:13px;}
  .rsBody .rsCont {gap:10px;}
  .rsCont .floor3f .box {border-radius:15px;}
  .rsCont .floor3f .detail ul li {font-size:12px;}
  .sfBottomGrid.sfBottomGrid2 {margin-top:10px; gap:10px;}
  .sfBottomGrid.sfBottomGrid2 .sfBottomList {padding:15px;}
  .sfFacility .sfBottomGrid.sfBottomGrid2 {margin-top: 10px;gap: 10px;}
  .centerTxt {padding-top:10px;}
}

@media (max-width:480px) {
  .rsCont .floor3f .topTxt p {font-size:18px;}
  .rsCont .floor3f .topTxt span {font-size:15px;}
  .rsBody .rsCont .floor3f .detail {padding:20px 15px 15px;}
  .sfBottomGrid.sfBottomGrid2 .sfTimeText {font-size:14px;}
  .sfFacility .sfBottomHead:before {display:none;}
  .rsBody .rsCont .floor3f .btnWrap {padding:0 15px 15px;}
  .rsCont .floor3f .detail ul li {padding:6px 12px;}
  .rsBody .rsCont .floor3f .img img {height: 250px;}
}

@media (max-width: 420px) {
  .sfVisual.sfVisual3 {padding: 50px 20px;}
  .rsWrap .rsInfoTopTitle {font-size: 18px;margin: 0 0 20px;}
  .rsWrap .rsInfoTopTitle:before , .rsWrap .rsInfoTopTitle:after {display:none;}
  .rsCont .floor3f .box {border-radius:10px;}
  .rsCont .floor3f .topTxt p {font-size:17px;}
  .rsCont .floor3f .topTxt span {font-size:14px;}
  .rsCont .floor3f .centerTxt span {font-size:14px;}
  .rsCont .floor3f .rsTableWrap>span {font-size:15px;}
  .rsCont .floor3f .rsBtn {min-width: 120px;font-size: 14px;height: 36px;}
  .rsCont .floor3f.isWide .rsBtn {min-width: 120px;font-size: 14px;height: 36px;}
  .rsCont .floor3f .detail {gap:10px;}
}

@media (max-width:360px) {
  .rsGolfTable .feeTable .hole {display:none;}
  .rsGolfTable .mbHole {display:flex; background:#A6663E; color:#fff; text-align:center; height:33px; width:100%;border-bottom:1px solid #fff; align-items:center; justify-content:center; font-size:15px;}
  .mar10 {margin-top:20px;}
  .sfBottomGrid.sfBottomGrid2 .sfTimeText {background:#f7f3f2;}
  .sfBottomGrid.sfBottomGrid2 .sfBottomList {padding: 0 15px 15px 15px;}
  .sfBottomGrid.sfBottomGrid2 .sfTimeRow, .sfBottomGrid.sfBottomGrid2 .sfCallRow {padding:5px 15px 15px 15px;}
  .rsBody .rsCont .floor3f .img img {height: 200px;}
}

/************교육안내 및 신청*************/
.sfVisual.sfVisual4 {height:520px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:18px;background:url('/assets/service/img/sub_visual2.jpg') center/cover no-repeat;background-position:50% 50%;background-size:cover !important; position:relative;}
.edWrap { background:#F7F3F2; }
.edWrap .edInner {padding:100px 200px; margin:0 auto; }
.edWrap .edHead { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.edWrap .edTit { font-size:36px; line-height:1.2; letter-spacing:-0.5px; color:#1B1B1B; margin:0 0 10px; }
.edWrap .edDate { font-size:23px; color:#1B1B1B; margin:0; }
.edWrap .edAllBtn { display:inline-flex; align-items:center; gap:10px; padding:16px 30px; border-radius:999px; border:0; background:#222222; color:#FFFFFF; font-size:20px; font-weight:500; cursor:pointer; white-space:nowrap; }
.edWrap .edAllBtnIcon { font-size:7px; line-height:1; }
.edWrap .edCard { background:#FFFFFF; border-radius:18px; box-shadow:0 10px 26px rgb(0 0 0 / 7%); padding:26px; display:grid; grid-template-columns:430px 1fr; gap:26px; align-items:stretch; }
.edWrap .edCardWrap {display:flex; flex-direction:column; gap:30px; margin-top:50px;}
.edWrap .edCardImg { border-radius:14px; overflow:hidden; background:#EDEDED; }
.edWrap .edCardImg img { display:block; width:100%; height:100%; object-fit:cover; }
.edWrap .edCardCont { display:flex; flex-direction:column; gap:10px; min-width:0; position:relative; }
.edWrap .edCardTit { font-size:28px; color:#1B1B1B; margin:0 0 15px; }
.edWrap .edCardDesc { font-size:20px; color:#444444; margin:0 0 20px; }
.edWrap .edCardNote { font-size:18px; color:#1B1B1B; margin:0; font-weight:500;}
.edWrap .edCardNote span {font-weight:700;}
.edWrap .edTableWrap { width:100%; overflow:auto; margin-bottom:20px;}
.edWrap .edTable { width:100%; border-collapse:collapse;}
.edWrap .edTable thead th { background:#3B251A; color:#FFFFFF; padding:12px 5px; font-size:15px; text-align:center; border-right:1px solid #FFF; }
.edWrap .edTable thead th:last-child { border-right:0; }
.edWrap .edTable tbody td { padding:12px 5px; text-align:center; border:1px solid #EEEEEE; font-weight:600;font-size:15px; color:#1B1B1B; background:#FFF; vertical-align:middle; border-top:none;}
.edWrap .edTable tbody td .gohome {background:#efefef; padding:5px 10px; border-radius:5px}
.edWrap .edCardBottom { display:flex; align-items:flex-start; justify-content:space-between; flex-direction:column;}
.edWrap .edBtnBox {display:flex; justify-content:flex-end; width:100%;}
.edWrap .edCond { margin:0; color:#1B1B1B; font-size:17px;}
.edWrap .edCondTxtBox {display:flex; gap:20px;}
.edWrap .edCondTxtBox .edCond2 {font-size:17px; color:#BC3D3D; font-weight:700;}
.edWrap .edCondTit { font-weight:700; }
.edWrap .edCond b {font-weight:500;}
.edWrap .edApplyBtn { padding:12px 22px; border-radius:4px; border:0; background:#A6663E; color:#FFFFFF; font-weight:500; cursor:pointer; }
.edWrap .edTable {min-width:680px;}
.edWrap .edCardTop {margin-bottom:10px;}
.edWrap .edCardDesc {line-height:1.5;}
.edWrap .edCardNote {display:inline-flex;align-items:center;width:max-content;padding:7px 12px;border-radius:999px;background:#F7F3F2;color:#A6663E;font-size:16px;margin:0 0 10px;}
.edWrap .edTable thead th:nth-child(1) {width:14%;}
.edWrap .edTable thead th:nth-child(2) {width:14%;}
.edWrap .edTable thead th:nth-child(3) {width:14%;}
.edWrap .edTable thead th:nth-child(4) {width:22%;}
.edWrap .edTable thead th:nth-child(5) {width:18%;}
.edWrap .edTable thead th:nth-child(6) {width:18%;}
.edWrap .edTable tbody td .gohome {display:inline-flex;align-items:center;justify-content:center;min-width:76px;height:30px;padding:0 12px;border:0;border-radius:4px;background:#EFEFEF;color:#1B1B1B;font-size:14px;font-weight:600;cursor:pointer;}
.edWrap .edTable tbody td .gohome:hover {background:#3B251A;color:#FFFFFF;}
.edWrap .edCondTxtBox {flex-wrap:wrap;margin-bottom:16px;}
.edWrap .edCond b {word-break:keep-all;}
.edPop-row .form-group2 {width:100%;}
.edPop-row .formSelect {width:100%;height:42px;padding:0 14px;border:1px solid #DDDDDD;border-radius:6px;background:#FFFFFF;color:#1B1B1B;font-size:15px;}

/* 달력커스텀 */
.edCalendarWrap .fc .fc-toolbar.fc-header-toolbar {background:#fff; padding:30px; margin-bottom:0; border-radius:20px 20px 0 0; position:relative;} 
.edCalendarWrap .fc .fc-view-harness {background:#fff; border-radius:0 0 20px 20px;}
.edCalendarWrap .fc .fc-scrollgrid {border-radius:0 0 20px 20px; overflow:hidden; border:none;}
.edCalendarWrap .fc .fc-scroller .fc-col-header-cell {background:#f8faff; padding: 20px 0;border: none; font-size:20px;}
.edCalendarWrap .fc .fc-scroller .fc-col-header-cell.fc-day-sun {color:#e10808;}
.edCalendarWrap .fc .fc-scroller .fc-col-header-cell.fc-day-sat {color:#2332ff;} 
.edCalendarWrap .fc .fc-scrollgrid-sync-table tbody tr:last-of-type td {border-bottom:none;}
.edCalendarWrap .fc-theme-standard td, .edCalendarWrap .fc-theme-standard th {border-bottom: none;border-right: none;}
.edCalendarWrap .fc .fc-button-group {gap:6px;}
.edCalendarWrap .fc .fc-button-group .fc-prev-button.fc-button-primary {border-radius:12px;}
.edCalendarWrap .fc .fc-button-group .fc-next-button.fc-button-primary {border-radius:12px;}
.edCalendarWrap .fc-daygrid-day {cursor: pointer;}
.edCalendarWrap .fc .fc-daygrid-day-top {flex-direction:row; padding: 15px 0 0 15px;}
.edCalendarWrap .fc .fc-daygrid-body-natural .edCalendarWrap .fc-daygrid-day-events {padding-left:10px;}
.edCalendarWrap .fc-day-selected {background-color: #f8fbff !important;box-shadow: inset 0 0 0 2px #4A7EEE !important; transition: all 0.2s ease;position: relative;z-index:  10;}
.edCalendarWrap .fc-day-selected .fc-daygrid-day-number {background-color: #5560f1;color: #fff !important;border-radius: 50%;width: 40px;height: 40px;display : flex;align-items: center;justify-content: center;font-weight:600;box-shadow: 0 4px 10px rgb(74 78 238 / 61%);margin-top: -5px;margin-left: -5px;font-size:16px;padding:0;}
.edCalendarWrap .fc-day-today {background-color: #fff9e6 !important;}
.edCalendarWrap .fc-daygrid-day:not(.fc-day-selected):hover {background-color: #f9f9f9;}
.edCalendarWrap .fc-toolbar-chunk .fc-toolbar-title{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.edCalendarWrap .fc-day-selected {background-color: #e6eeff !important;transition: all 0.2s ease;position: relative;z-index: 10;}
.edCalendarWrap .fc-theme-standard td {border:1px solid #f3f3f3;}
.edCalendarWrap .fc-day-other {pointer-events: none !important;opacity: 0.3;}
/* 팝업 */
.edPop-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; overflow-y: auto; padding:15px;box-sizing: border-box;}
.edPop-wrap.on { display: flex; } 
.edPop-wrap .edPop-dim { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); backdrop-filter: blur(4px); cursor: pointer; }
.edPop-wrap .edPop-box { position: relative; z-index: 10; width: 100%; max-width: 520px; background: #fff; border-radius: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.15); color: #333; margin: auto; }
.edPop-wrap .edPop-head { padding: 30px 30px 20px; text-align: center; }
.edPop-wrap .edPop-tit { margin: 0; font-size: 24px; font-weight: 700; color: #111; letter-spacing: -0.5px; }
.edPop-wrap .edPop-body { padding: 0 30px 35px; }
.edPop-wrap .edPop-form-group { display: flex; flex-direction: column; gap: 16px; }
.edPop-wrap .edPop-row { display: flex; gap: 15px; align-items: center; }
.edPop-wrap .edPop-label { width: 70px; font-size: 15px; font-weight: 600; color: #555; flex-shrink: 0; text-align: left; }
.edPop-wrap .edPop-input { flex: 1; border: 1px solid #e8e8e8; background: #fff; padding: 12px 15px; border-radius: 8px; color: #333; font-size: 15px; outline: none; transition: all 0.3s ease; }
.edPop-wrap .edPop-input:focus { background: #fff; border-color: #4A7EEE; box-shadow: 0 0 0 3px rgba(74, 126, 238, 0.15); }
.edPop-wrap .edPop-text { flex: 1; background: #f4f6f8; padding: 12px 15px; border-radius: 8px; color: #333; font-size: 15px; font-weight: 500; }
.edPop-wrap .edPop-text.highlight { background: #f0f5ff; color: #4A7EEE; border: 1px dashed #abc4ff; text-align: center; font-size: 15px; font-weight: 700; letter-spacing: 1px; }
.edPop-wrap .edPop-btn-group { display: flex; gap: 10px; margin-top: 30px; }
.edPop-wrap .edPop-btn-group.right { justify-content: flex-end; }
.edPop-wrap .edPop-btn { flex: 1; padding: 14px 0; border: none; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.2s; }
.edPop-wrap .edPop-btn:first-child { background: #4a6cee; color: #fff; }
.edPop-wrap .edPop-btn:first-child:hover { background: #4a6cee; }
.edPop-wrap .edPop-btn:last-child { background: #f1f5f9; color: #475569; }
.edPop-wrap .edPop-btn:last-child:hover { background: #e2e8f0; }
.edPop-wrap .edPop-btn.closeBtn {background:#37394b; color:#fff;}
.edPop-wrap .edPop-btn.closeBtn:hover {background:#000;}
.edPop-wrap .edPop-verify-btn {padding: 0 14px;background: #eef3ff;border:1px solid #93a5ff;border-radius: 8px;font-size: 13px;font-weight: 600;color:#4d61ff;cursor: pointer;white-space: nowrap;transition: all 0.2s ease;}
.edPop-wrap .edPop-verify-btn:hover {background: #f0f5ff;border-color: #abc4ff;color: #3966ce;}
.edPop-wrap .edPop-input-wrap {display: flex;gap: 8px;flex: 1;}
.edPop-wrap .edPop-input.verify-input {flex: 1;width: 100%;}
.edPop-form-group .form-group2  {width:100%;}
.edPop-form-group .form-group2 select {width: 100%;height: 100%;background: url(/assets/service/img/page_mb_arrow.png) no-repeat #fff;background-position: 95% 50%;cursor: pointer;background-size: 12px;-webkit-appearance: none;flex: 1;border: 1px solid #e8e8e8;height:44px;padding: 12px 15px;border-radius: 8px;color: #333;font-size: 15px;outline: none;transition: all 0.3s ease;}
/* 필독사항 영역 */
.edPop-wrap .edPop-box .notice-section { background: #fff; border: 1px solid #e0e0e0; padding: 15px; margin-bottom:15px; text-align: left; border-radius:20px; }
.edPop-wrap .edPop-box .notice-tit { text-align: left; font-size: 20px; font-weight: 700; color: #000; margin-bottom: 15px; padding-left:10px; }
.edPop-wrap .edPop-box .notice-list { list-style: none; padding: 0; margin: 0; }
.edPop-wrap .edPop-box .notice-list li { position: relative; padding-left: 12px; font-size: 14px; line-height: 1.6; margin-bottom: 6px; }
.edPop-wrap .edPop-box .notice-list li::before { content: '·'; position: absolute; left: 0; font-weight: bold; }
.edPop-wrap .edPop-box .point-red { color: #ff3a3a; }
.edPop-wrap .edPop-box .point-blue { color: #0000ff; font-weight:600; }
.edPop-wrap .edPop-box .notice-sub { font-size: 13px; color: #333; margin-top: 4px; padding-left: 10px; }

/* 라디오 버튼 컨테이너 */
.edPop-wrap .edPop-box .radio-row { display: flex; justify-content: center; gap: 40px; margin-top: 0; }
.edPop-wrap .edPop-box .radio-label { display: flex; align-items: center; cursor: pointer; font-size: 16px; font-weight: 600; color: #333; transition: all 0.2s ease; }
.edPop-wrap .edPop-box .radio-label:hover { opacity: 0.8; }
.edPop-wrap .edPop-box .radio-label input[type="radio"] { display: none; }
.edPop-wrap .edPop-box .radio-custom { width: 22px; height: 22px; border: 1px solid #ddd; border-radius: 50%; margin-right: 10px; position: relative; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); background: #fff; }
.edPop-wrap .edPop-box .radio-label input[type="radio"]:checked + .radio-custom { border-color: #a7b9ff; box-shadow:0 0 8px rgb(74 108 247 / 45%); }
.edPop-wrap .edPop-box .radio-custom::after { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; background:#697aff; border-radius: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.edPop-wrap .edPop-box .radio-label input[type="radio"]:checked + .radio-custom::after { transform: translate(-50%, -50%) scale(1); }
.edPop-wrap .edPop-box .radio-label:active .radio-custom { transform: scale(0.9); }

@media (max-width:1400px) {
	.edWrap .edCardWrap {gap:20px;}
	.edWrap .edInner {padding:50px;}
	.edWrap .edTit {font-size:30px;}
	.edWrap .edDate {font-size:20px;}
	.edWrap .edAllBtn {font-size:18px;}
	.edWrap .edCardTit {font-size:23px;}
	.edWrap .edCardDesc {font-size:18px;}
	.edWrap .edCardNote {font-size:16px;}
	.edWrap .edTable thead th {font-size:14px;}
	.edWrap .edTable tbody td {font-size:14px;}
}  

@media (max-width:1200px){
	.sfVisual.sfVisual4 {height:400px;}
	.edWrap .edCard {grid-template-columns:330px 1fr; gap:20px; padding:20px;}
	.edWrap .edInner {padding:40px 30px;}
	.edWrap .edTit {font-size:25px;}
	.edWrap .edDate {font-size:18px;}
	.edWrap .edAllBtn {font-size:16px; padding:12px 20px;}
	.edWrap .edCond {font-size:15px;}
	.edWrap .edCondTxtBox .edCond2  {font-size:15px;}
	.edWrap .edCardTit {font-size:20px; margin:0 0 15px;}
	.edWrap .edCardDesc {font-size:16px;}
	.edWrap .edApplyBtn {padding:10px 20px; font-size:15px;}
	.edCalendarWrap .fc .fc-toolbar.fc-header-toolbar {padding:15px;}
	.edCalendarWrap .fc .fc-toolbar-title {font-size:22px;}
	.edCalendarWrap .fc .fc-scroller .fc-col-header-cell {padding:15px 0;}
	.edCalendarWrap .fc .fc-daygrid-day-top {padding:10px 0 0 10px;}
	.edCalendarWrap .fc .fc-daygrid-body-natural .fc-daygrid-day-events {margin-bottom:10px;}
	.edCalendarWrap .fc .fc-col-header-cell-cushion {padding:0; font-size:19px;}
	.edCalendarWrap .fc .fc-daygrid-day-number {padding:0; font-size:15px;}
	.edCalendarWrap .fc-day-selected .fc-daygrid-day-number {width:auto; margin-top:0; margin-left:0; height:auto; background:transparent; box-shadow:none; color:#3732f7 !important;}
}

@media (max-width:991px){
	.edWrap .edBtnBox {margin-top:10px;}
	.edWrap .edCard {grid-template-columns: 280px 1fr;}
	.edWrap .edInner {padding:50px 20px;}
	.edWrap .edCardWrap {margin-top:20px;}
}

@media (max-width:840px) {
	.edWrap .edCard {display:flex; flex-direction:column;}
	.edWrap .edCardImg {height:260px;}
	.edWrap .edTable thead th {padding:10px 5px;}
	.edWrap .edTable tbody td {padding:10px 5px;}
	.edWrap .edTableWrap {margin-bottom:10px;}
	.edWrap .edCardTit {margin:0 0 10px;}
}

@media (max-width:767px) {
	.edWrap .edHead {margin-bottom:10px;}
	.edCalendarWrap .fc .fc-button {line-height:1; font-size:13px;}
	.edCalendarWrap .fc .fc-toolbar-title {font-size:20px;}
	.edCalendarWrap .fc .fc-col-header-cell-cushion {font-size:16px;}
	.edCalendarWrap .fc .fc-scroller .fc-col-header-cell {padding:10px 0;}
	.edCalendarWrap .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {min-height:20px;}
	.edWrap .edTable {min-width:640px; overflow:auto;}
}

@media (max-width:580px) {
	.sfVisual.sfVisual4 {justify-content:flex-end; align-items:flex-start; padding:50px 30px;}
	.edWrap .edInner {padding:40px 15px;}
	.edWrap .edTit {font-size:20px;}
	.edWrap .edDate {font-size:16px;}
	.edWrap .edAllBtnIcon {display:none;}
	.edWrap .edAllBtn {font-size:14px; padding:10px 16px;}
	.edWrap .edCondTxtBox {flex-direction:column; gap:10px;}
	.edWrap .edCard {padding:0; gap:0;}
	.edWrap .edCardImg {border-radius: 10px 10px 0 0;}
	.edWrap .edCardCont {padding:15px;}
	.edWrap .edCardWrap {gap:10px;}
	.edWrap .edCard {border-radius:10px;}
	.edPop-wrap .edPop-body {padding:0 20px 20px 20px;}
	.edPop-wrap .edPop-box .radio-row {flex-direction:row;}
	.edPop-wrap .edPop-box .notice-tit {font-size:17px;}
	.edPop-wrap .edPop-btn-group {margin-top:20px;}
}

@media (max-width:480px) {
	.edCalendarWrap .fc .fc-toolbar.fc-header-toolbar {padding:10px; border-radius:10px 10px 0 0;}
	.edCalendarWrap .fc .fc-button-group {gap:4px;}
	.edCalendarWrap .fc .fc-button-group .fc-prev-button.fc-button-primary {border-radius:6px;}
	.edCalendarWrap .fc .fc-button-group .fc-next-button.fc-button-primary {border-radius:6px;}
	.edCalendarWrap .fc .fc-button {font-size:12px;}
	.edCalendarWrap .fc .fc-col-header-cell-cushion {font-size:15px;}
	.edCalendarWrap .fc .fc-toolbar-title {font-size:18px;}
	.edCalendarWrap .fc .fc-daygrid-day-number {font-size:14px;}
	.edCalendarWrap .fc .fc-daygrid-day-top {padding:8px 0 0 8px;}
	.edCalendarWrap .fc .fc-daygrid-body-natural .fc-daygrid-day-events {margin-bottom:8px;}
	.edCalendarWrap .fc .fc-view-harness {border-radius:0 0 10px 10px;}
	.edCalendarWrap .fc .fc-scrollgrid {border-radius:0;}
	.edPop-wrap .edPop-tit {font-size:20px;}
	.edPop-wrap .edPop-row {flex-direction:column; align-items:flex-start; gap:10px;}
	.edPop-wrap .edPop-label {width:100%;}
	.edPop-wrap .edPop-input {width:100%;}
	.edPop-wrap .edPop-verify-btn {width:80px;}
	.edPop-wrap .edPop-input-wrap {width:100%;}
	.edPop-wrap .edPop-input {padding:10px 15px;}
	.edPop-wrap .edPop-text {width:100%;}
	.edPop-wrap .edPop-btn {font-size:15px;}
}

@media (max-width:420px) {
	.sfVisual.sfVisual4 {padding: 50px 20px;}
	.edWrap .edCardImg {height:200px;}
	.edWrap .edTable thead th {font-size:12px;}
	.edWrap .edTable tbody td {font-size:12px;}
	.edWrap .edHead {flex-direction:column;}
	.edWrap .edTit {text-align:center;}
	.edWrap .edDate {text-align:center;}
	.edWrap .edAllBtn {padding: 10px 20px;}
	.edWrap .edCardTit {font-size:18px;}
	.edWrap .edCardDesc {font-size:15px;}
	.edWrap .edCardNote {font-size:14px;}
	.edWrap .edCond {font-size:14px;}
	.edWrap .edBtnBox {margin-top:30px;}
	.edWrap .edApplyBtn {width:100%;}
	.edWrap .edCondTxtBox .edCond2 {font-size:14px;}
	.edPop-wrap .edPop-head {padding:30px 20px 10px;}
	.edPop-wrap .edPop-body {padding:10px 20px 30px;}
	.edPop-wrap .edPop-verify-btn {width:75px;}
	.edPop-wrap .edPop-box .radio-row {justify-content:flex-start;}
}

@media (max-width:360px) {
	
	.edCalendarWrap .fc .fc-button {font-size:11px;}
	.fc .fc-button {padding:4px 6px;}
}

/*********인사말***********/


.greetingCont { position: relative; padding: 100px 0; background-color: #fff; overflow: visible !important; -webkit-font-smoothing: antialiased; }
.greetingCont .greetingContainer { max-width: 1400px; margin: 0 auto; padding: 0 40px; display: flex; gap: 6rem; align-items: flex-start; overflow: visible !important; position: relative; }
.greetingCont .portraitWrap { flex: 0 0 400px; width: 400px; align-self: stretch; position: relative; overflow: visible !important; }
.greetingCont .portraitSticky { position: relative; display: flex; gap: 2rem; align-items: flex-start; z-index: 50; will-change: transform; }
.greetingCont .progressTrack { width: 3px; background-color: #e2e8f0; border-radius: 3px; height: 400px; position: relative; overflow: hidden; flex-shrink: 0; margin-top: 1rem; }
.greetingCont .progressFill { position: absolute; top: 0; left: 0; width: 100%; height: 0%; background: #0c0c0c; border-radius: 3px; transition: height 0.1s ease-out; }
.greetingCont .portraitCard { background: #ffffff; border-radius: 20px; padding: 1.5rem; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.1); transform-style: preserve-3d; width: 100%; perspective: 1000px; transition: transform 0.2s ease-out; }
.greetingCont .portraitPhoto { width: 100%; aspect-ratio: 3 / 4; background:#f0f0f0;  background-size:cover; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content:flex-end; color: #94a3b8; transform: translateZ(30px); overflow:hidden;box-shadow: 0 10px 30px rgba(0,0,0,0.05); margin-bottom: 15px; }
.greetingCont .mbPortWrap { display: none; }
.greetingCont .portraitPhoto i { font-size: 4rem; margin-bottom: 1rem; }
.greetingCont .portraitInfo { text-align: center; transform: translateZ(40px); }
.greetingCont .portraitTitle { display: block; font-size: 1.1rem; color: #5f5f5f; font-weight: 500; letter-spacing: 2px; margin-bottom: 0.5rem; }
.greetingCont .portraitName { display: block; font-size: 27px;  color: #0f172a; font-weight: 700; letter-spacing: 8px; margin-right: -8px; }
/* 우측 콘텐츠 영역 */
.greetingCont .greetingContent { flex: 1; padding-top: 2rem; padding-bottom: 10vh; }
.greetingCont .textBlock { margin-bottom: 30px; }
.greetingCont .greetingHeading { font-size: 4rem; color: #0f172a; line-height: 1.2; letter-spacing: -2px; margin-bottom: 2rem; }
.greetingCont .greetingSubheading { font-size: 1.4rem; font-weight: 600; color: #64748b; letter-spacing: -0.5px; }
.greetingCont .revealText { font-size:20px; font-weight:400; color: #1e293b; line-height: 1.7; word-break: keep-all;}
.greetingCont .greetingHeading > span { color:#000; }
.greetingCont .greetingHeading.blueTxt .blue { color:#8f634d; }
.greetingCont .greetingHeading.blueTxt .blue .revealWord { color:#674a3c; }
.greetingCont .descText { font-size: 20px; color: #475569; line-height: 1.9; font-weight: 400; transition: all 0.8s cubic-bezier(0.2, 1, 0.2, 1); }
.greetingCont .descText strong { color: #0f172a; font-weight: 400; }
.greetingCont .highlightMarker { background:linear-gradient(120deg, #f1f1f1 0%, #dddddd 100%); background-repeat: no-repeat; background-size: 0% 40%; background-position: 0 88%; transition: background-size 1s cubic-bezier(0.2, 1, 0.2, 1); color: #0f172a; font-weight: 800; padding: 0 0.2rem; }
.greetingCont .signArea { margin-top: 6rem; text-align: right; position: relative; padding-top: 2rem; }
.greetingCont .signLine { position: absolute; bottom: 0; right: 0; width: 300px; height: 2px; background-color:#8f634d; transition: width 1.5s cubic-bezier(0.2, 1, 0.2, 1); }
.greetingCont .signArea img {padding-bottom:25px;}
.greetingCont .signArea strong { display: block; font-size: 2.5rem; font-weight: 900; color: #0f172a; letter-spacing: 8px; margin-right: -8px; transition: all 0.8s 0.5s; }
.greetingCont .signArea span { display: block; font-size: 1.2rem; color: #64748b; font-weight: 600; margin-bottom: 0.5rem; transition: all 0.8s 0.3s; }
/* 애니메이션 상태 제어 */
.greetingCont.jsReady .descText { opacity: 0; transform: translateY(30px); }
.greetingCont.jsReady .descText.titTxt {font-size:25px; font-weight:600; color:#000;}
.greetingCont.jsReady .descText.titTxt br {display:none;}
.greetingCont.jsReady .descText.visible { opacity: 1; transform: translateY(0); }
.greetingCont .revealWord { display: inline-block; transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.2, 1, 0.2, 1); }
.greetingCont.jsReady .revealWord { opacity: 0.05; transform: translateY(20px); }
.greetingCont.jsReady .revealWord.visible { opacity: 1; transform: translateY(0); }
.greetingCont.jsReady .highlightMarker { background-size: 0% 40%; }
.greetingCont.jsReady .highlightMarker.active { background-size: 100% 40%; }
.greetingCont.jsReady .signLine { width: 0; }
.greetingCont.jsReady .signArea.visible .signLine { width: 200px; }
.greetingCont.jsReady .signArea strong, .greetingCont.jsReady .signArea span { opacity: 0; transform: translateY(20px); }
.greetingCont.jsReady .signArea.visible strong, .greetingCont.jsReady .signArea.visible span { opacity: 1; transform: translateY(0); }

@media (max-width:1199px) {
  .greetingCont .greetingContainer {gap:3rem;}
  .greetingCont .greetingHeading {font-size:40px;}
  .greetingCont.jsReady .descText.titTxt {font-size:20px;}
  .greetingCont .portraitWrap {flex:0 0 300px; width:300px;}
  .greetingCont .textBlock {margin-bottom:15px;}
  .greetingCont .revealText {font-size:18px;}
  .greetingCont .descText {font-size:18px; line-height:1.5;}
  .greetingCont .portraitName {font-size:22px;}
  .greetingCont .portraitPhoto {margin-bottom:10px;}
  .greetingCont .portraitTitle {font-size:15px; margin-bottom:4px;}
  .greetingCont .greetingContent {padding-bottom:0;}
  .greetingCont .signArea {margin-top:30px;}
}

@media (max-width: 991px) {
  .greetingCont {padding:50px 0;}
  .greetingCont .greetingContainer { flex-direction: column; align-items: center; gap: 0; padding: 40px 20px; }
  .greetingCont .portraitWrap { display: none !important; }
  .greetingCont .mbPortWrap { display: flex; align-items: center; justify-content: center; position:relative; height:300px;gap: 2rem; width: 100%; background:url(/assets/service/img/frame_bg.png) no-repeat #f5f5f5; background-size:cover; background-position:bottom; margin-bottom: 3rem; border-radius:30px;}
  .greetingCont .mbPortWrap .imgBox {position:absolute; bottom:-2px; left:0;}
  .greetingCont .mbPortWrap img { height: auto; border-radius:30px;}
  .greetingCont .mbPortWrap .mbPortTxt {padding-left:250px; display:flex; flex-direction:column;}
  .greetingCont .mbPortTxt p { font-size: 45px; font-weight: 800; color: #0f172a; line-height: 1.2; margin-bottom:30px; }
  .greetingCont .mbPortTxt p b { color: #8f634d; }
  .greetingCont .mbPortTxt span { font-size: 22px; font-weight: 500; color: #64748b; line-height: 1.4; display: block; }
  .greetingCont .greetingContent { width: 100%; padding-top: 0; }
  .greetingCont .greetingContent .textBlock:first-child { display: none; } /* 중복되는 상단 제목 영역 숨김 */
  .greetingCont .textBlock { margin-bottom: 2rem; }
  .greetingCont .signArea { text-align: right; margin-top: 2rem; }
  .greetingCont .signLine { right: 0; left: auto; transform: none; width: 200px; }
  .greetingCont.jsReady .signArea.visible .signLine { width: 200px; }
}

@media (max-width:840px) {
  .greetingCont .mbPortWrap .imgBox {width:280px}
  .greetingCont .mbPortWrap .mbPortTxt {padding-left:260px;}
  .greetingCont .mbPortTxt p {font-size:40px;}
}

@media (max-width: 767px) {
  .sfFacility .sfVisual { height: 350px; }
  .greetingCont .greetingHeading { font-size: 2.8rem; letter-spacing: -1px; }
  .greetingCont .mbPortWrap .imgBox {width:210px;}
  .greetingCont .signLine { width: 200px; }
  .greetingCont .signArea {margin-top:0;}
  .greetingCont.jsReady .signArea.visible .signLine { width: 200px; }
  .greetingCont .mbPortWrap{height:220px;}
  .greetingCont .mbPortWrap .mbPortTxt {padding-left:170px;}
  .greetingCont .mbPortTxt p {font-size:30px; margin-bottom:20px;}
  .greetingCont .mbPortTxt span {font-size:19px;}
}

@media (max-width:640px) {
  .greetingCont .greetingContainer {padding:0 15px;}
  .greetingCont .descText {font-size:16px;}
  .greetingCont .revealText {font-size:16px;}
  .greetingCont .signArea {padding-top:0;}
  .greetingCont .signArea img {width:100px;}
}

@media (max-width:540px) {
  .greetingCont .mbPortWrap {height:200px; margin-bottom:2rem;}
  .greetingCont .mbPortWrap .imgBox {width:170px;}
  .greetingCont .mbPortWrap .mbPortTxt {padding-left:160px;}
  .greetingCont .mbPortTxt p {font-size:26px;}
  .greetingCont .mbPortTxt span {font-size:18px;}
  .greetingCont .textBlock br {display:none;}
}

@media (max-width:480px) {
  .greetingCont .mbPortWrap .mbPortTxt {padding-left:140px;}
  .greetingCont .mbPortWrap .imgBox {width:150px;}
  .greetingCont .mbPortTxt p {font-size:22px;}
  .greetingCont .mbPortTxt span {font-size:17px;}
  .greetingCont .signArea img {width:100px;}
  .greetingCont.jsReady .signArea.visible .signLine {width:150px;}
}

@media (max-width:460px) {
  .greetingCont .mbPortWrap .mbPortTxt {padding-left:100px;}
}

@media (max-width:400px) {
  .greetingCont .mbPortWrap {height:160px;}
  .greetingCont .mbPortWrap .imgBox {width:120px;}
  .greetingCont .mbPortTxt p {font-size:20px;}
  .greetingCont .mbPortTxt span {font-size:16px;}
}

@media (max-width:360px) {
  .greetingCont .mbPortWrap {border-radius:20px; height:140px;}
  .greetingCont .mbPortWrap img {border-radius:20px;}
  .greetingCont .mbPortWrap .imgBox {width:110px;}
  .greetingCont .mbPortTxt span {font-size:15px;}
  .greetingCont .mbPortTxt p {margin-bottom:15px;}
  .greetingCont.jsReady .signArea.visible .signLine {width:120px;}
  .greetingCont .signArea img {width:80px; padding-bottom:15px;}
}