:root{--main-color: #5a7cff;--main-color-10: rgba(90, 124, 255, .1);--main-text-color: #4668ea;--text-black: #1f1f1f;--text-dark: #383838;--text-gray: #666666;--bg-color: #f5f5f5;--header-bg: #fcfcfc;--gray-200: #dcdcdc;--line-color: rgba(0, 0, 0, .1);--header-height: 75px;--inner-width: 1400px;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:var(--text-black);background:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px}h1,h2,h3,p,ul,dl,dd{margin:0;padding:0}ul{list-style:none}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}address{font-style:normal}.inner{width:100%;max-width:var(--inner-width);margin:0 auto}.logo{display:block;width:auto;height:20px}.header{--dropdown-time: .4s;--dropdown-timing: cubic-bezier(.25, .46, .45, .94);--sub-item-height: 52px;position:sticky;top:0;z-index:100;padding:0 16px;background:var(--header-bg);border-bottom:1px solid var(--line-color);transition:transform .3s ease}.header.is-hidden{transform:translateY(-100%)}.header-inner{display:flex;align-items:center;gap:10px;min-height:var(--header-height)}.header-logo{display:flex;align-items:center}.header-menu-btn{display:none;font-size:24px}.gnb{display:flex;flex:1;justify-content:flex-end;align-items:center;gap:20px}.gnb-list{display:flex;align-items:center}.gnb-link{display:flex;align-items:center;justify-content:center;height:var(--header-height);padding:0 20px;font-size:16px;line-height:130%;color:var(--text-black)}.gnb-link.is-active{font-weight:600;color:var(--main-color)}.gnb-sub{overflow:hidden;max-height:0;transition:max-height var(--dropdown-time) var(--dropdown-timing)}.gnb-item--service.is-open .gnb-sub{max-height:calc(var(--sub-item-height) * 2)}.gnb-sub-list{position:relative}.gnb-sub-item{position:relative;z-index:1;opacity:0;transition:opacity .8s var(--dropdown-timing)}.gnb-item--service.is-open .gnb-sub-item{opacity:1}.gnb-sub-link{display:flex;align-items:center;justify-content:center;height:var(--sub-item-height);font-size:16px;line-height:130%;color:var(--text-black);transition:color var(--dropdown-time) var(--dropdown-timing)}.gnb-sub-link:hover{color:var(--main-color)}@media(min-width:769px){.gnb-item--service{position:relative}.gnb-sub{position:absolute;top:100%;left:50%;z-index:1;width:110px;transform:translate(-50%)}.header:after{content:"";position:absolute;top:100%;left:0;width:100%;height:0;background:#ffffff59;box-shadow:0 8px 14px #5f5f5f40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:height var(--dropdown-time) var(--dropdown-timing),opacity var(--dropdown-time) var(--dropdown-timing)}.header.is-service-open:after{height:calc(var(--sub-item-height) * 2);opacity:1}.gnb-link:hover{color:var(--main-color)}}@media(max-width:768px){.header{--sub-item-height: 44px}.header-inner{flex-wrap:wrap;justify-content:space-between;min-height:60px}.header-menu-btn{display:flex;align-items:center}.header-logo,.header-menu-btn{height:60px}.gnb{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:16px;padding:8px 0 20px}.gnb.is-open{display:flex}.gnb-list{flex-direction:column;align-items:stretch}.gnb-link{justify-content:space-between;width:100%;height:52px;padding:0 4px}.gnb-sub{padding-left:16px}.gnb-sub-link{justify-content:flex-start;padding-left:12px;font-size:15px;color:var(--text-gray)}}.store-buttons{display:flex;flex-wrap:wrap;gap:16px}.store-button{display:flex;align-items:center;justify-content:center;gap:8px;width:200px;height:48px;padding:0 8px;border-radius:50px;background:#fff;font-size:14px;font-weight:500;line-height:130%;white-space:nowrap;color:var(--text-dark);transition:box-shadow .2s}.store-button:hover{box-shadow:inset 0 0 0 1px var(--main-color)}.store-icon{flex-shrink:0;width:24px;height:24px}.store-icon--apple{color:#000}.store-buttons--dark .store-button{justify-content:flex-start;padding:0 12px;background:#ffffff1a;font-size:13px;font-weight:700;line-height:16px;color:#6b7684}.store-buttons--dark .store-icon--apple{color:#fff}@media(max-width:768px){.store-buttons{flex-wrap:nowrap;gap:8px}.store-button,.store-buttons--dark .store-button{flex:1 1 0;width:auto;max-width:180px;height:44px;padding:0 8px;font-size:12px}.store-icon{width:20px;height:20px}}.footer--light{--footer-bg: #eaedfa;--footer-text: #777777;--footer-sub-text: #a4a4a4;--footer-line: #777777}.footer--dark{--footer-bg: #01011f;--footer-text: #6b7684;--footer-sub-text: #6b7684;--footer-line: #b5b5b5}.footer{padding:40px 16px 60px;background:var(--footer-bg);font-size:16px;font-weight:500;line-height:140%;letter-spacing:-.025em}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:50px;max-width:1366px;margin:0 auto}.footer-info{display:flex;flex-direction:column;align-items:flex-start;gap:40px;max-width:906px}.footer-logo{display:flex}.footer-text{display:flex;flex-direction:column;align-items:flex-start;gap:15px;color:var(--footer-text)}.footer-links{display:flex;gap:20px}.footer-company-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.footer-line{width:1px;height:10px;background:var(--footer-line)}.footer-copyright{font-size:14px;font-weight:600}.footer-bottom{display:flex;align-items:center;gap:30px}.footer-sns{display:flex;gap:15px}.footer-sns a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:26px;color:var(--footer-sub-text)}.footer--light{--family-list-bg: #ffffff;--family-list-text: #555555;--family-list-hover-bg: var(--main-color-10);--family-list-hover-text: var(--main-text-color)}.footer--dark{--family-list-bg: #12122e;--family-list-text: #b5b5b5;--family-list-hover-bg: rgba(255, 255, 255, .08);--family-list-hover-text: #ffffff}.footer-family{display:grid;grid-template-rows:34px;width:137px;color:var(--footer-sub-text)}.footer-family-button,.footer-family-list{grid-area:1 / 1}.footer-family-button{display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 8px 0 16px;border:1px solid rgba(255,255,255,.3);border-radius:100px;font-size:14px;font-weight:400;letter-spacing:-.025em}.footer-family-icon{flex:none;width:24px;height:24px;transition:transform .2s}.footer-family.is-open .footer-family-icon{transform:rotate(180deg)}.footer-family-list{z-index:10;align-self:end;display:flex;flex-direction:column;margin-bottom:42px;padding:6px;border-radius:12px;background:var(--family-list-bg);box-shadow:0 4px 20px #0000001f;opacity:0;visibility:hidden;translate:0 4px;transition:opacity .2s,translate .2s,visibility .2s}.footer-family.is-open .footer-family-list{opacity:1;visibility:visible;translate:0 0}.footer-family-link{display:block;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:400;line-height:140%;letter-spacing:-.025em;color:var(--family-list-text);transition:background .2s,color .2s}.footer-family-link:hover{background:var(--family-list-hover-bg);color:var(--family-list-hover-text)}.footer-cs{display:flex;flex-direction:column;gap:10px;flex-shrink:0;color:var(--footer-sub-text)}.footer-cs-head{display:flex;flex-direction:column;gap:2px}.footer-cs-tel{font-size:30px;font-weight:600}.footer-cs-hours{display:flex;flex-direction:column;gap:2px;line-height:150%}.footer-cs-row{display:flex;gap:5px}.footer-cs-row dt{width:60px}@media(max-width:768px){.footer{padding:32px 16px 80px;font-size:14px}.footer-inner{flex-direction:column;align-items:flex-start;gap:32px}.footer-info{gap:28px}.footer-company-row{flex-direction:column;align-items:flex-start;gap:2px}.footer-line{display:none}.footer-copyright{font-size:12px}.footer-bottom{flex-wrap:wrap;gap:16px}.footer-cs-tel{font-size:24px}}.floating{position:fixed;right:60px;bottom:60px;z-index:90;display:flex;align-items:center;gap:8px}.floating-inquiry{display:flex;align-items:center;justify-content:center;width:112px;height:42px;border-radius:50px;background:var(--main-color);box-shadow:0 4px 4px #00000040;font-size:14px;font-weight:500;line-height:130%;color:#fff}.floating-top{display:flex;align-items:center;justify-content:center;width:41px;height:41px;border-radius:50px;background:#fff;box-shadow:0 4px 4px #00000040;font-size:16px;color:var(--text-black)}@media(max-width:768px){.floating{right:16px;bottom:16px}.floating-inquiry{width:96px;height:38px;font-size:13px}.floating-top{width:38px;height:38px}}