@charset "UTF-8";
/** Swiper 11.1.4 Most modern mobile touch slider and framework with hardware accelerated transitions https://swiperjs.com Copyright 2014-2024 Vladimir Kharlampidi Released under the MIT License Released on: May 30, 2024 */
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; }

#cfmClFloating {display:none;}/* 소상공인에서는 퀵메뉴 미노출 */

body {word-break:keep-all;}/* 1030 단어단위 줄바꿈 */

:root { --swiper-theme-color:#007aff; }

:host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; }

.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; }

.swiper-vertical > .swiper-wrapper { flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; }

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); }

.swiper-horizontal { touch-action: pan-y; }

.swiper-vertical { touch-action: pan-x; }

.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; }

.swiper-slide-invisible-blank { visibility: hidden; }

.swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; }

.swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height; }

.swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; }

.swiper-3d .swiper-wrapper { transform-style: preserve-3d; }

.swiper-3d { perspective: 1200px; }

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; }

.swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; }

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; }

.swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; }

.swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; }

.swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; }

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; }

.swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; }

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; }

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); }

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); }

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); }

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; }

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; }

.swiper-lazy-preloader-white { --swiper-preloader-color:#fff; }

.swiper-lazy-preloader-black { --swiper-preloader-color:#000; }

@keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

.swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); }

.swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; }

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); }

:root { --swiper-navigation-size:44px; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: fill; }

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; }

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; }

.swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; }

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg); }

.swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; }

.swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; }

.swiper-button-lock { display: none; }

.swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; }

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; }

.swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; }

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; }

.swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; }

.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }

.swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet:only-child { display: none !important; }

.swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); }

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; }

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform,.2s top; }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s left; }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s right; }

.swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); }

.swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; }

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; }

.swiper-pagination-lock { display: none; }

.swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); }

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; }

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); }

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-scrollbar-lock { display: none; }

.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }

.swiper-slide-zoomed { cursor: move; touch-action: none; }

.swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; }

.swiper-grid > .swiper-wrapper { flex-wrap: wrap; }

.swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; }

.swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; }

.swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; }

.swiper-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-fade .swiper-slide-active { pointer-events: auto; }

.swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-cube { overflow: visible; }

.swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-cube .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; }

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }

.swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0; }

.swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); }

.swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; }

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-flip { overflow: visible; }

.swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform,opacity,height; }

.swiper-cards { overflow: visible; }

.swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; }

[data-popup-target] { cursor: pointer; }

.page-smallbusiness-new .ui-popup { visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(0, 0, 0, 0.65); white-space: nowrap; text-align: center; z-index: -1; opacity: 0; }

.page-smallbusiness-new .ui-popup:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.page-smallbusiness-new .ui-popup.active { visibility: visible; z-index: 1110; opacity: 1; }

.page-smallbusiness-new .ui-popup .content { display: inline-block; position: relative; max-width: 1100px; font-size: 18px; border-radius: 20px 20px 20px 0; vertical-align: middle; overflow: hidden; white-space: normal; text-align: left; }

.page-smallbusiness-new .ui-popup .header { position: relative; background-color: #fff; color: #fff; text-align: center; color: #000; padding-top: 40px; font-size: 20px; font-family: "Noto Sans Bold"; letter-spacing: -0.5px; line-height: 30px; }

.page-smallbusiness-new .ui-popup .body { max-height: 760px; overflow: auto; box-sizing: border-box; -webkit-overflow-scrolling: touch; background-color: #fff; border-radius: 0 0 0 20px; }

.page-smallbusiness-new .ui-popup .body .content-area { padding: 40px; }

.page-smallbusiness-new .ui-popup .btn-close { position: absolute; right: 15px; top: 15px; width: 24px; height: 24px; background: url("../images/common/pop-close.png") no-repeat; font-size: 0; overflow: hidden; }

.page-smallbusiness-new .ui-popup.case-btn .body { border-radius: 0; max-height: 696px; }

.page-smallbusiness-new .ui-popup .footer { border-radius: 0 0 0 20px; overflow: hidden; }

.page-smallbusiness-new .ui-popup .footer .btn-medium { margin: 0; border: 0; font-weight: 500; }

.page-smallbusiness-new .ui-popup .footer .btn-medium.normal { border: 1px solid #d9d9d9; }

.page-smallbusiness-new .ui-popup.column-2 .content { width: 1100px; }

.page-smallbusiness-new .ui-popup.column-2 .body { overflow: hidden; }

.page-smallbusiness-new .ui-popup.column-2 .content-area { display: flex; }

.page-smallbusiness-new .ui-popup.column-2 .content-area > div { overflow-y: auto; overflow-x: hidden; max-height: 680px; }

.page-smallbusiness-new .ui-popup.column-2 .column-01 { width: 600px; margin-right: 32px; }

.page-smallbusiness-new .ui-popup.column-2 .column-02 { flex: 1; }

.page-smallbusiness-new .table-wrap + .table-wrap { margin-top: 90px; }

.page-smallbusiness-new .table-area .tbl-top-wrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 13px; }

.page-smallbusiness-new .table-area .tbl-top-wrap .tbl-title { font-size: 24px; font-family: "Noto Sans Medium"; color: #222222; }

.page-smallbusiness-new .table-area .tbl-top-wrap p { margin-left: auto; }

.page-smallbusiness-new .table-area .tbl-top-desc { text-align: right; font-size: 16px; font-weight: 500; letter-spacing: -0.4px; color: #888888; }

.page-smallbusiness-new .table-area table { border-top: 1px solid #222222; }

.page-smallbusiness-new .table-area table thead th { font-size: 18px; font-weight: 500; letter-spacing: -0.45px; color: #222222; background: #F6F7FB; height: 70px; padding: 0 20px; border-bottom: 1px solid #EFEFEF; border-left: 1px solid #EFEFEF; }

.page-smallbusiness-new .table-area table thead th:first-child { border-left: 0; }

.page-smallbusiness-new .table-area table thead th.brl { border-left: 1px solid #EFEFEF; }

.page-smallbusiness-new .table-area table tbody th { font-size: 18px; font-weight: 500; letter-spacing: -0.45px; color: #222222; border-bottom: 1px solid #EFEFEF; background: #F6F7FB; }

.page-smallbusiness-new .table-area table tbody td { font-size: 18px; font-weight: normal; letter-spacing: -0.18px; color: #666666; padding: 18px 20px; border-left: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; text-align: center; box-sizing: border-box; }

.page-smallbusiness-new .table-area table tbody td.td-left { text-align: left; }

.page-smallbusiness-new .table-area table tbody td.brlnone { border-left: 0; }

.page-smallbusiness-new .table-area table tbody td ul.td-dot-list li { position: relative; padding-left: 12px; }

.page-smallbusiness-new .table-area table tbody td ul.td-dot-list li::before { content: ''; position: absolute; top: 13px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #222; }

.page-smallbusiness-new .table-area table tbody td .is-hidden { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; clip: rect(0, 0, 0, 0); }

.page-smallbusiness-new ul.tbl-info-list { margin-top: 20px; }

.page-smallbusiness-new ul.tbl-info-list li { font-size: 18px; line-height: 34px; letter-spacing: -0.18px; color: #666; }

.page-smallbusiness-new ul.tbl-info-list li.bold { font-weight: 500; color: #222222; }

.page-smallbusiness-new .align-l { text-align: left !important; }

.page-smallbusiness-new .align-c { text-align: center !important; }

.page-smallbusiness-new .align-r { text-align: right !important; }

.btn-close { width: 24px; height: 24px; font-size: 0; cursor: pointer; background-color: transparent !important; background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='23' height='23' rx='11.5' fill='white' stroke='%23D9D9D9'/%3E%3Cline x1='8.83984' y1='15.578' x2='15.3067' y2='9.11115' stroke='black' stroke-linecap='round'/%3E%3Cline x1='0.5' y1='-0.5' x2='9.64558' y2='-0.5' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 15.3965 16.2871)' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E%0A"); }

.page-smallbusiness-new.sub .location span a { color: #fff; }

.page-smallbusiness-new.sub h1.page-title { font-size: 70px; font-family: "Noto Sans Bold"; letter-spacing: -0.7px; line-height: 82px; text-align: center; padding: 80px 0 70px; position: relative; background: #fff; }

.page-smallbusiness-new.sub h1.page-title span { display: block; font-size: 32px; font-weight: 400; letter-spacing: -0.32px; }

.page-smallbusiness-new.sub h2.sub-title { font-family: "Noto Sans Bold"; font-size: 64px; letter-spacing: -0.64px; line-height: 86px; color: #000000; text-align: center; margin: 180px 0 60px; }

.page-smallbusiness-new.sub h2.sub-title.white { color: #fff; }

.page-smallbusiness-new.sub .visual-wrap { height: calc(100vh - 110px); }

.page-smallbusiness-new.sub .visual-wrap .scroll { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-family: "Noto Sans Medium"; font-size: 14px; letter-spacing: -0.4px; font-family: 'Roboto'; color: #FFFFFF; padding-bottom: 50px; text-align: center; z-index: 2; }

.page-smallbusiness-new.sub .visual-wrap .scroll::after { content: ''; width: 2px; height: 40px; background: #fff; position: absolute; left: 50%; bottom: 0; }

.page-smallbusiness-new.sub .visual-wrap img { width: 100%; }

.page-smallbusiness-new.sub .visual-wrap .visual-bg { position: relative; height: calc(100vh - 110px); background-size: cover !important; }

.page-smallbusiness-new.sub .visual-wrap .visual-bg .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.page-smallbusiness-new.sub .visual-wrap .visual-bg button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.page-smallbusiness-new.sub .visual-wrap.play h1.page-title { padding: 0; height: 0; transition: 0.5s; }

.page-smallbusiness-new.sub .visual-wrap.video { position: relative; overflow: hidden; height: calc(100vh - 110px); }

.page-smallbusiness-new.sub .visual-wrap.video .video-wrap { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 100%; }

.page-smallbusiness-new.sub .visual-wrap.video .video-wrap video { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; min-width: 100%; min-height: 100%; }

.page-smallbusiness-new.sub .visual-wrap .scroll { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); }

.page-smallbusiness-new.sub .store-wrap .wide-frame { background: #F6F7FB; padding: 200px 0; }

.page-smallbusiness-new.sub .store-wrap .wide-frame .store-swiper2 { margin-top: 20px; }

.page-smallbusiness-new.sub .store-wrap .wide-frame .swiper-wrapper { transition-timing-function: linear; }

.page-smallbusiness-new.sub .store-wrap .wide-frame .swiper-slide { width: auto; }

.page-smallbusiness-new.sub .service-wrap > div { background: #F6F7FB; padding: 120px 0 150px; }

.page-smallbusiness-new.sub .service-wrap > div img { max-width: 100%; }

.page-smallbusiness-new.sub .service-wrap > div .frame > p { font-size: 36px; font-family: "Noto Sans Bold"; letter-spacing: -0.36px; line-height: 56px; color: #000000; text-align: center; margin-bottom: 65px; }

.page-smallbusiness-new.sub .service-wrap > div .frame ul { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; }

.page-smallbusiness-new.sub .service-wrap > div .frame ul li { position: relative; width: calc(50% - 10px); height: 420px; margin-top: 20px; border-radius: 15px; }

.page-smallbusiness-new.sub .service-wrap > div .frame ul li:hover { background-size: 110% !important; transition: 0.5s; }

.page-smallbusiness-new.sub .service-wrap > div .frame ul li:nth-child(1) { background: url("../images/highorder/service-img1.png") center no-repeat; background-size: 100%; }

.page-smallbusiness-new.sub .service-wrap > div .frame ul li:nth-child(2) { background: url("../images/highorder/service-img2.png") center no-repeat; background-size: 100%; }

.page-smallbusiness-new.sub .service-wrap > div .frame ul li:nth-child(3) { background: url("../images/highorder/service-img3.png") center no-repeat; background-size: 100%; }

.page-smallbusiness-new.sub .service-wrap > div .frame ul li:nth-child(4) { background: url("../images/highorder/service-img4.png") center no-repeat; background-size: 100%; }

.page-smallbusiness-new.sub .service-wrap > div .frame ul li strong { display: block; font-family: "Noto Sans Bold"; font-size: 28px; letter-spacing: -0.28px; line-height: 36px; color: #fff; margin-bottom: 8px; }

.page-smallbusiness-new.sub .service-wrap > div .frame ul li p { position: absolute; bottom: 60px; width: 100%; font-family: "Noto Sans Bold"; font-size: 18px; letter-spacing: -0.45px; line-height: 28px; color: #ccc; text-align: center; }

.page-smallbusiness-new.sub .youtube-wrap { overflow: hidden; }

.page-smallbusiness-new.sub .youtube-wrap .swiper { overflow: visible; }

.page-smallbusiness-new.sub .youtube-wrap .wide-frame { position: relative; padding: 250px 0; background: #000000; }

.page-smallbusiness-new.sub .youtube-wrap .wide-frame::before { content: ''; position: absolute; top: 0; left: calc(50% - 750px); width: 50px; height: 100%; background: #000; z-index: 2; }

.page-smallbusiness-new.sub .youtube-wrap .flex { display: flex; max-width: 1400px; margin: 0 auto; justify-content: center; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont { position: relative; width: 50%; z-index: 2; background: #000000; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont ul li { position: absolute; top: 0; left: 0; color: #fff; opacity: 0; transform: translateY(50px); }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont ul li > strong { display: block; margin-bottom: 40px; font-family: "Noto Sans Bold"; font-size: 50px; letter-spacing: -0.5px; line-height: 72px; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont ul li p em { font-size: 18px; letter-spacing: -0.45px; line-height: 28px; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont ul li p strong { display: block; font-family: "Noto Sans Bold"; font-size: 28px; letter-spacing: -0.28px; line-height: 36px; margin: 10px 0 6px; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont ul li p span { font-size: 20px; font-family: "Noto Sans Medium"; letter-spacing: -0.5px; line-height: 30px; color: #CCCCCC; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont ul li.active { display: block; transition: 1s; opacity: 1; z-index: 3; transform: translateY(0); padding-bottom: 50px; background: #000; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont .controls-wrap { position: absolute; bottom: 110px; left: 0; display: flex; align-items: center; height: 54px; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont .controls-wrap > * { position: relative !important; top: auto; right: auto; left: auto; bottom: auto; margin: 0; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont .controls-wrap .youtube-pagination { width: auto !important; display: flex; align-items: center; margin-left: 30px; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont .controls-wrap .youtube-pagination .swiper-pagination-bullet { width: 8px; border: 2px solid #fff; box-sizing: border-box; opacity: 1; background: none; margin: 0; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont .controls-wrap .youtube-pagination .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 10px; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont .controls-wrap .youtube-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 24px; background: #fff; border-radius: 8px; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont .controls-wrap .swiper-button-pause { cursor: pointer; display: none; width: 11px; height: 11px; background: url("../images/main/icon-pause.png") no-repeat; text-indent: -9999px; margin: 0 30px 0 10px; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont .controls-wrap .swiper-button-play { cursor: pointer; display: block; width: 11px; height: 16px; background: url("../images/main/icon-play.png") no-repeat; text-indent: -9999px; margin: 0 30px 0 10px; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont .controls-wrap.play .swiper-button-play { display: none; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont .controls-wrap.play .swiper-button-pause { display: block; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont .youtube-next { background: url("../images/common/icon-next.png") no-repeat; width: 54px; height: 54px; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont .youtube-next::after { display: none; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont .youtube-prev { background: url("../images/common/icon-prev.png") no-repeat; width: 54px; height: 54px; }

.page-smallbusiness-new.sub .youtube-wrap .flex .left-cont .youtube-prev::after { display: none; }

.page-smallbusiness-new.sub .youtube-wrap .flex .right-cont { width: 50%; }

.page-smallbusiness-new.sub .youtube-wrap .swiper-slide { width: 100%; }

.page-smallbusiness-new.sub .youtube-wrap .swiper-slide div.video-container { position: relative; width: 100%; padding-bottom: 64.28%; height: 0; border-radius: 20px 20px 0 0; overflow: hidden; z-index: 2; }

.page-smallbusiness-new.sub .youtube-wrap .swiper-slide div.video-container img { width: 100%; }

.page-smallbusiness-new.sub .youtube-wrap .swiper-slide div.video-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 3; }

.page-smallbusiness-new.sub .youtube-wrap .swiper-slide div.video-container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 0; margin: 0; border: 0; }

.page-smallbusiness-new.sub .youtube-wrap .swiper-slide div.video-container button { position: absolute; width: 100%; height: 100%; z-index: 2; font-size: 0; text-indent: -9999px; overflow: hidden; }

.page-smallbusiness-new.sub .youtube-wrap .swiper-slide div.video-container.active iframe { display: block; z-index: 2; }

.page-smallbusiness-new.sub .youtube-wrap .swiper-slide-active { z-index: 2; }

.page-smallbusiness-new.sub .youtube-wrap .swiper-slide-active div.video-container::before { display: none; }

.page-smallbusiness-new.sub .youtube-wrap .embed-script-wrap { transform: translateY(-110px); }

.page-smallbusiness-new.sub .youtube-wrap .embed-script-wrap .embed-script { width: 100%; height: 110px; padding: 24px; overflow: auto; background: #222; box-sizing: border-box; }

.page-smallbusiness-new.sub .youtube-wrap .embed-script-wrap .embed-script p { color: #ccc; font-family: "Noto Sans Medium"; font-size: 16px; letter-spacing: -0.4px; }

.page-smallbusiness-new.sub .youtube-wrap .embed-script-wrap button { width: 100%; height: 70px; background: #222; color: #fff; font-family: "Noto Sans Bold"; font-size: 18px; letter-spacing: -0.45px; line-height: 28px; border-radius: 0 0 20px 20px; position: relative; display: inline-flex; align-items: center; justify-content: center; }

.page-smallbusiness-new.sub .youtube-wrap .embed-script-wrap button::after { content: ""; display: inline-block; width: 8px; height: 8px; border-left: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(225deg); margin-top: -6px; margin-left: 10px; transition: all 0.5s; -webkit-transition: all 0.5s; }

.page-smallbusiness-new.sub .youtube-wrap .embed-script-wrap.active button { border-top: 1px solid #424242; }

.page-smallbusiness-new.sub .youtube-wrap .embed-script-wrap.active button::after { transform: rotate(45deg); margin-top: 3px; }

/* 상담신청 */
.page-smallbusiness-new .consult-wrap { background: url("../images/highorder/bg-consult.png") center no-repeat; background-size: cover; min-height: 800px; display: flex; align-items: center; justify-content: center; }

.page-smallbusiness-new .consult-wrap .frame { text-align: center; }

.page-smallbusiness-new .consult-wrap .frame h2 { font-family: "Noto Sans Bold"; font-size: 60px; letter-spacing: -0.6px; line-height: 88px; color: #FFFFFF; text-align: center; }

.page-smallbusiness-new .consult-wrap .frame a { display: inline-block; margin-top: 100px; background: #FE2E36; border-radius: 50px; white-space: nowrap; font-size: 24px; min-width: 400px; }

.page-smallbusiness-new .consult-wrap .frame a span { font-size: 32px; }

.page-smallbusiness-new.sub .intro-wrap > div { position: relative; background: #000; }

.page-smallbusiness-new.sub .intro-wrap .flex { padding: 200px 0; max-width: 1400px; margin: 0 auto; }

.page-smallbusiness-new.sub .intro-wrap .flex li { display: flex; align-items: center; width: 100%; }

.page-smallbusiness-new.sub .intro-wrap .flex li + li { margin-top: 200px; }

.page-smallbusiness-new.sub .intro-wrap .flex li .text-area { margin-left: 160px; }

.page-smallbusiness-new.sub .intro-wrap .flex li.flex-reverse { flex-direction: row-reverse; }

.page-smallbusiness-new.sub .intro-wrap .flex li.flex-reverse .text-area { margin-left: 0; }

.page-smallbusiness-new.sub .intro-wrap .flex li.flex-reverse .img { margin-left: auto; }

.page-smallbusiness-new.sub .intro-wrap .flex li strong { font-family: "Noto Sans Bold"; color: #000; font-size: 46px; letter-spacing: -0.46px; line-height: 68px; letter-spacing: -1.15px; color: #FFFFFF; }

.page-smallbusiness-new.sub .intro-wrap .flex li p { margin-top: 12px; font-size: 20px; font-family: "Noto Sans Medium"; letter-spacing: -0.5px; line-height: 30px; color: #CCCCCC; }

.page-smallbusiness-new.sub .frame.sec-inner { position: relative; padding: 184px 0; }

.page-smallbusiness-new.sub .frame.sec-inner::before { content: ''; position: absolute; bottom: 0; right: 140px; width: 506px; height: 769px; background: url("../images/highorder/bg-intro.png") bottom center no-repeat; }

.page-smallbusiness-new.sub .frame.sec-inner h3 { font-family: "Noto Sans Bold"; color: #000; font-size: 46px; letter-spacing: -0.46px; line-height: 68px; color: #FFFFFF; }

.page-smallbusiness-new.sub .frame.sec-inner p { font-size: 20px; font-family: "Noto Sans Medium"; letter-spacing: -0.5px; line-height: 30px; color: #CCC; margin-top: 5px; }

.page-smallbusiness-new.sub .frame.sec-inner ul { display: flex; margin-top: 125px; }

.page-smallbusiness-new.sub .frame.sec-inner ul li + li { margin-left: 40px; }

.page-smallbusiness-new.sub .frame.sec-inner ul li { text-align: center; }

.page-smallbusiness-new.sub .frame.sec-inner ul li p { font-family: "Noto Sans Medium"; font-size: 16px; letter-spacing: -0.4px; color: #CCCCCC; line-height: 22px; }

.page-smallbusiness-new.sub .frame.sec-inner ul li p strong { display: block; font-family: "Noto Sans Bold"; font-size: 18px; letter-spacing: -0.45px; line-height: 28px; color: #fff; margin: 15px 0 5px; }

.page-smallbusiness-new.sub .frame.sec-inner .award { position: absolute; right: 0; bottom: 60px; }

.page-smallbusiness-new.sub .intro-wrap2 > div { background: #000; }

.page-smallbusiness-new.sub .intro-wrap2 h3 { font-family: "Noto Sans Bold"; color: #000; font-size: 46px; letter-spacing: -0.46px; line-height: 68px; color: #FFFFFF; }

.page-smallbusiness-new.sub .intro-wrap2 p { font-size: 20px; font-family: "Noto Sans Medium"; letter-spacing: -0.5px; line-height: 30px; color: #CCC; margin-top: 15px; }

.page-smallbusiness-new.sub .intro-wrap2 .wide-frame { background: url("../images/highorder/bg-intro2.png") bottom center no-repeat; background-size: cover; height: 850px; text-align: center; }

.page-smallbusiness-new.sub .intro-wrap2 .wide-frame .sec-inner { display: flex; flex-direction: column; position: relative; padding-top: 170px; height: 100%; box-sizing: border-box; overflow: hidden; }

.page-smallbusiness-new.sub .intro-wrap2 .wide-frame .sec-inner .img { margin-top: auto; }

.page-smallbusiness-new.sub .intro-wrap2 .wide-frame .sec-inner .award { position: absolute; width: 100%; max-width: 1400px; left: 50%; bottom: 210px; transform: translateX(-50%); text-align: right; }

.page-smallbusiness-new.sub .intro-wrap2 .frame { padding: 230px 0 310px; text-align: center; }

.page-smallbusiness-new.sub .intro-wrap2 .frame .sec-cont2 .img { margin: 150px 0 360px; }

.page-smallbusiness-new.sub .intro-wrap2 .frame .sec-cont3 .img { margin: 250px 0 0; }

.page-smallbusiness-new.sub .intro-wrap2 .frame .sec-cont3 .img img { width: 100%; }

.page-smallbusiness-new.sub .card-cont .wide-frame { padding: 150px 0; }

.page-smallbusiness-new.sub .card-cont .wide-frame.bg-gray { background: #F6F7FB; }

.page-smallbusiness-new.sub .card-cont.type1 ul { display: flex; justify-content: center; max-width: 1400px; margin: 0 auto; }

.page-smallbusiness-new.sub .card-cont.type1 ul li { position: relative; width: 100%; border-radius: 15px; overflow: hidden; }

.page-smallbusiness-new.sub .card-cont.type1 ul li:hover .img { transition: 0.5s; transform: scale(1.1); }

.page-smallbusiness-new.sub .card-cont.type1 ul li + li { margin-left: 25px; }

.page-smallbusiness-new.sub .card-cont.type1 ul li .img { width: 100%; }

.page-smallbusiness-new.sub .card-cont.type1 ul li .text-area { position: absolute; bottom: 60px; width: 100%; height: 130px; text-align: center; }

.page-smallbusiness-new.sub .card-cont.type1 ul li strong { display: block; margin-bottom: 10px; font-family: "Noto Sans Bold"; font-size: 28px; letter-spacing: -0.28px; line-height: 36px; color: #fff; }

.page-smallbusiness-new.sub .card-cont.type1 ul li p { font-size: 18px; letter-spacing: -0.45px; line-height: 28px; color: #fff; }

.page-smallbusiness-new.sub .card-cont.type2 ul { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1400px; margin: 0 auto; }

.page-smallbusiness-new.sub .card-cont.type2 ul li { position: relative; width: calc(50% - 10px); border-radius: 15px; overflow: hidden; margin-top: 20px; }

.page-smallbusiness-new.sub .card-cont.type2 ul li .img { width: 100%; overflow: hidden; }

.page-smallbusiness-new.sub .card-cont.type2 ul li .img:hover img { transition: 0.5s; transform: scale(1.1); }

.page-smallbusiness-new.sub .card-cont.type2 ul li .text-area { text-align: center; background: #fff; padding: 40px 0; }

.page-smallbusiness-new.sub .card-cont.type2 ul li strong { display: block; margin-bottom: 10px; font-family: "Noto Sans Bold"; font-size: 28px; letter-spacing: -0.28px; line-height: 36px; color: #222; }

.page-smallbusiness-new.sub .card-cont.type2 ul li p { font-size: 22px; font-weight: normal; letter-spacing: -0.2px; line-height: 30px; color: #666; }

.page-smallbusiness-new.sub .banner-sec { display: flex; align-items: center; height: 800px; }

.page-smallbusiness-new.sub .banner-sec .frame { text-align: center; }

.page-smallbusiness-new.sub .banner-sec .frame h2 { font-family: "Noto Sans Bold"; font-size: 60px; letter-spacing: -0.6px; line-height: 88px; padding: 0; color: #fff; }

.page-smallbusiness-new.sub .banner-sec .frame a { display: inline-block; margin-top: 100px; }

.page-smallbusiness-new.sub .banner-sec.experience-wrap { position: relative; height: 600px; background: url("../images/highorder/bg-experience.png") center no-repeat; background-size: cover; }

.page-smallbusiness-new.sub .banner-sec.experience-wrap .frame { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: start; text-align: left; height: 100%; width: 100%; margin: 0 auto; }

.page-smallbusiness-new.sub .banner-sec.experience-wrap .frame button { margin-top: 60px; }

.page-smallbusiness-new.sub .banner-sec.experience-wrap .frame .img { position: absolute; bottom: 0; right: 0; }

.page-smallbusiness-new.sub .banner-sec.consulting-wrap { background: url("../images/highorder/bg-consult.png") center no-repeat; background-size: cover; margin-top: -1px; }

.page-smallbusiness-new .tab-toggle-area.new { margin-top: 90px; margin-bottom: 80px; }

.page-smallbusiness-new .tab-toggle-area.new .column { max-width: 1400px; width: 100%; }

.page-smallbusiness-new .tab-toggle-area.new .column .inner { width: 100%; }

.page-smallbusiness-new .tab-toggle-area.new .column .inner .accordions .accordionH { background: none; min-height: 86px; }

.page-smallbusiness-new .tab-toggle-area.new .column .inner .accordions .accordionH + .accordionH { margin-top: 20px; }

.page-smallbusiness-new .tab-toggle-area.new .column .inner .accordions .accordionH button.title { position: relative; background: #F6F7FB; border: 0; font-size: 24px; font-family: "Noto Sans Bold"; line-height: 86px; height: 86px; color: #222222; border-radius: 10px; overflow: hidden; width: 100%; text-align: left; padding-left: 30px; }

.page-smallbusiness-new .tab-toggle-area.new .column .inner .accordions .accordionH button.title::before { content: ''; position: absolute; width: 22px; height: 12px; top: 50%; right: 30px; margin-top: 0; transform: translateY(-50%); background: url("../images/airobot/icon-arrow.svg") no-repeat; }

.page-smallbusiness-new .tab-toggle-area.new .column .inner .accordions .accordionH.moveH { height: auto !important; }

.page-smallbusiness-new .tab-toggle-area.new .column .inner .accordions .accordionH.moveH button.title::before { transform: translateY(-50%) rotate(180deg); }

.page-smallbusiness-new .tab-toggle-area.new .column .inner .accordions .accordion-contents { display: none; padding: 50px 30px; background: #fff; }

.page-smallbusiness-new .tab-toggle-area.new .column .inner .accordions .accordion-contents strong { display: block; font-size: 16px; margin-top: 30px; margin-bottom: 5px; }

.page-smallbusiness-new .tab-toggle-area.new .column .inner .accordions .accordion-contents strong:first-child { margin-top: 0; }

.page-smallbusiness-new .tab-toggle-area.new .column .inner .accordions .accordion-contents ul li { position: relative; font-size: 16px; font-weight: normal; line-height: 22px; padding-left: 12px; margin-top: 8px; }

.page-smallbusiness-new .tab-toggle-area.new .column .inner .accordions .accordion-contents ul li::before { content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #000; border-radius: 50%; }

.page-smallbusiness-new .tab-toggle-area.new .column .inner .accordions .accordion-contents ul li li::before { content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 1px; background: #000; border-radius: 50%; }

.page-smallbusiness-new .benefits-wrap .frame { padding-bottom: 120px; }

.page-smallbusiness-new .benefits-wrap .frame ul { display: flex; }

.page-smallbusiness-new .benefits-wrap .frame ul li { width: 100%; height: 240px; padding: 50px; border-radius: 15px; box-sizing: border-box; background: #EBF4FF url("../images/airobot/benefits-img1.png") calc(100% - 50px) center no-repeat; }

.page-smallbusiness-new .benefits-wrap .frame ul li strong { display: block; font-family: "Noto Sans Bold"; font-size: 28px; letter-spacing: -0.28px; line-height: 36px; color: #000000; margin-bottom: 8px; }

.page-smallbusiness-new .benefits-wrap .frame ul li p { font-size: 20px; font-weight: normal; letter-spacing: -0.2px; line-height: 28px; color: #444444; }

.page-smallbusiness-new .benefits-wrap .frame ul li + li { margin-left: 20px; background: #EDEEFE url("../images/airobot/benefits-img2.png") calc(100% - 50px) center no-repeat; }

.page-smallbusiness-new .lingophone-cont ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: -20px; }

.page-smallbusiness-new .lingophone-cont ul li { position: relative; width: calc(50% - 10px); height: 440px; background: #F6F7FB; border-radius: 15px; padding-top: 64px; margin-top: 20px; text-align: center; box-sizing: border-box; }

.page-smallbusiness-new .lingophone-cont ul li p strong { font-family: "Noto Sans Bold"; font-size: 28px; letter-spacing: -0.28px; line-height: 36px; color: #222222; }

.page-smallbusiness-new .lingophone-cont ul li p span { display: block; font-size: 22px; font-weight: normal; letter-spacing: -0.2px; line-height: 30px; color: #444444; margin-bottom: 5px; }

.page-smallbusiness-new .lingophone-cont ul li .img { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

.page-smallbusiness-new .price-information-area { margin-bottom: 80px; }

.page-smallbusiness-new .price-information-area .table-area .fc-red { color: #FD2E35; }

.page-smallbusiness-new .price-information-area .table-area thead th span { font-weight: 400; font-size: 16px; letter-spacing: -0.4px; line-height: 24px; color: #666666; }

.page-smallbusiness-new .price-information-area .giga-tbl td span { display: inline-block; width: 20px; height: 20px; border-radius: 10px; font-size: 2px; overflow: hidden; color: transparent; }

.page-smallbusiness-new .price-information-area .giga-tbl td span.a { background-color: #4691f3; }

.page-smallbusiness-new .price-information-area .giga-tbl td span.b { background-color: #3e917b; }

.page-smallbusiness-new .price-information-area .giga-tbl td span.c { background-color: #ff5959; }

.page-smallbusiness-new .price-information-area .giga-tbl td span.d { background-color: #000; }

.page-smallbusiness-new .suggestion-wrap ul { margin: 0 auto; max-width: 1400px; width: 100%; display: flex; }

.page-smallbusiness-new .suggestion-wrap ul li { width: 100%; border-radius: 10px; text-align: center; padding: 0 0 30px; overflow: hidden; }

.page-smallbusiness-new .suggestion-wrap ul li strong { display: block; font-size: 24px; font-family: "Noto Sans Bold"; line-height: 84px; color: #000000; }

.page-smallbusiness-new .suggestion-wrap ul li .img { margin: 30px 0; }

.page-smallbusiness-new .suggestion-wrap ul li p { font-size: 20px; font-family: "Noto Sans Medium"; letter-spacing: -0.5px; line-height: 30px; color: #444444; }

.page-smallbusiness-new .suggestion-wrap ul li + li { margin-left: 20px; }

.page-smallbusiness-new .suggestion-wrap ul li:nth-child(1) { border: 1px solid #C6D4E5; }

.page-smallbusiness-new .suggestion-wrap ul li:nth-child(1) strong { background: #EBF4FF; }

.page-smallbusiness-new .suggestion-wrap ul li:nth-child(2) { border: 1px solid #C9CCED; }

.page-smallbusiness-new .suggestion-wrap ul li:nth-child(2) strong { background: #EDEEFF; }

.page-smallbusiness-new .suggestion-wrap ul li:nth-child(3) { border: 1px solid #A6D8B4; }

.page-smallbusiness-new .suggestion-wrap ul li:nth-child(3) strong { background: #E9F7ED; }

.page-smallbusiness-new .suggestion-wrap ul li:nth-child(4) { border: 1px solid #D2BCD9; }

.page-smallbusiness-new .suggestion-wrap ul li:nth-child(4) strong { background: #FAEAFF; }

.page-smallbusiness-new .experience-popup .body { border-radius: 30px; overflow: hidden; }

.page-smallbusiness-new .experience-popup .body .content-area { padding: 0 !important; }

.page-smallbusiness-new .experience-popup .body .btn-close { z-index: 3; }

.page-smallbusiness-new .experience-popup .img-wrap { position: relative; }

.page-smallbusiness-new .experience-popup .img-wrap .img { position: absolute; top: 0; left: 0; opacity: 0; transition: 0.3s; }

.page-smallbusiness-new .experience-popup .img-wrap .img.active { position: relative; z-index: 2; opacity: 1; }

.page-smallbusiness-new .experience-popup .img-wrap .step1 { position: absolute; top: 165px; left: 663px; width: 223px; height: 240px; background: transparent; opacity: 0; }

.page-smallbusiness-new .experience-popup .img-wrap .step2 { position: absolute; top: 181px; left: 433px; width: 343px; height: 45px; background: transparent; opacity: 0; }

.page-smallbusiness-new .experience-popup .img-wrap .step3 { position: absolute; top: 377px; left: 433px; width: 343px; height: 45px; background: transparent; opacity: 0; }

.page-smallbusiness-new .experience-popup .img-wrap .step4 { position: absolute; top: 481px; left: 681px; width: 143px; height: 54px; background: transparent; opacity: 0; }

.page-smallbusiness-new .experience-popup .img-wrap .step5 { position: absolute; top: 525px; left: 758px; width: 143px; height: 54px; background: transparent; opacity: 0; }

.page-smallbusiness-new .experience-popup .img-wrap .step6 { position: absolute; top: 524px; left: 652px; width: 263px; height: 66px; background: transparent; opacity: 0; }

.page-smallbusiness-new .experience-popup .img-wrap .step7 { position: absolute; top: 340px; left: 308px; width: 346px; height: 53px; background: transparent; opacity: 0; }

.page-smallbusiness-new .experience-popup .img-wrap .step8 { position: absolute; top: 59px; left: 853px; width: 55px; height: 55px; background: transparent; opacity: 0; }

.page-smallbusiness-new .experience-popup .img-wrap .step9 { position: absolute; top: 490px; left: 33px; width: 133px; height: 101px; background: transparent; opacity: 0; }

.page-smallbusiness-new .experience-popup .img-wrap .step10 { position: absolute; top: 183px; left: 358px; width: 134px; height: 81px; background: transparent; opacity: 0; }

.page-smallbusiness-new .experience-popup .img-wrap .step11 { position: absolute; top: 515px; left: 733px; width: 143px; height: 45px; background: transparent; opacity: 0; }

.page-smallbusiness-new .experience-popup .img-wrap .step12 { position: absolute; top: 340px; left: 308px; width: 346px; height: 53px; background: transparent; opacity: 0; }

.page-smallbusiness-new .btm-banner .wide-frame { background: #fff; }

.page-smallbusiness-new .btm-banner .frame { margin: 60px auto 80px; }

.page-smallbusiness-new .btm-banner .banner-swiper { /* max-width: 1400px; */ width: 100%; margin: 0 auto; }

.page-smallbusiness-new .btm-banner .controls-wrap { margin-top: 0 !important; }

.page-smallbusiness-new .btm-banner .controls-wrap .group { position: absolute; bottom: 10px; display: flex; }

.page-smallbusiness-new .btm-banner .controls-wrap .swiper-button-prev { background: url("../images/common/banner-prev.svg") center no-repeat !important; box-shadow: none !important; }

.page-smallbusiness-new .btm-banner .controls-wrap .swiper-button-next { background: url("../images/common/banner-next.svg") center no-repeat !important; box-shadow: none !important; }

.page-smallbusiness-new .btm-banner .controls-wrap .loop { z-index: 2; }

.section .bg-gray { background: #F6F7FB; }

.h3-title { font-family: "Noto Sans Bold"; font-size: 48px; letter-spacing: -0.48px; line-height: 68px; color: #222222; text-align: center; margin: 180px 0 70px; }
/* 공통 스타일 제거
#cfmClWrapper { max-width: 100% !important; }
*/
#cfmClFooter { background:#fff; }

.img-hover img:hover { transform: scale(1.1); transition: 0.5s; }

.footer-float-icon-div { left: auto; right: 30px; }

.page-smallbusiness-new .rest { font-family: 'Roboto' !important; }

.page-smallbusiness-new img { max-width: 100%; }

.page-smallbusiness-new .btn-new { display: inline-flex; align-items: center; justify-content: center; text-align: center; background: #FE2E36; color: #fff; border: 0; height: 46px; padding: 0 40px; border-radius: 40px; min-width: 180px; font-family: "Noto Sans Medium"; font-size: 16px; letter-spacing: -0.4px; }

.page-smallbusiness-new .btn-new.large { height: 80px; padding: 0 60px; font-size: 24px; font-family: "Noto Sans Medium"; line-height: 80px; min-width: 300px; }

.page-smallbusiness-new .btn-new.medium { height: 60px; }

.page-smallbusiness-new .btn-new.small { height: 36px; }

.page-smallbusiness-new .frame { position: relative; max-width: 1400px; margin: 0 auto; padding: 0; box-sizing: border-box; }

.page-smallbusiness-new .quick { display: block; z-index: 103; width: 145px; position: sticky; bottom: 180px; margin-top: -458px; margin-right: 30px; margin-bottom: 40px; margin-left: auto; z-index:9999;}

#cfmClHeader.active + #cfmClContainer .page-smallbusiness-new .quick {z-index:9;}

.page-smallbusiness-new .quick ul { background: #FFFFFF; box-shadow: 0px 3px 15px #0000000F; border-radius: 10px; padding: 20px 0; }

.page-smallbusiness-new .quick li { position: relative; }

.page-smallbusiness-new .quick li + li { margin-top: 20px; }

.page-smallbusiness-new .quick li::before { content: ''; position: absolute; top: 50%; left: 7px; transform: translateY(-50%); width: 39px; height: 28px; }

.page-smallbusiness-new .quick li:nth-child(1)::before { width: 40px; height: 28px; background: url("../images/common/bi-img1.svg") center no-repeat; }

.page-smallbusiness-new .quick li:nth-child(2)::before { width: 40px; height: 31px; background: url("../images/common/bi-img2.svg") center no-repeat; }

.page-smallbusiness-new .quick li:nth-child(3)::before { width: 40px; height: 33px; background: url("../images/common/bi-img3.svg") center no-repeat; }

.page-smallbusiness-new .quick li:nth-child(4)::before { width: 40px; height: 33px; background: url("../images/common/bi-img4.svg") center no-repeat; }

.page-smallbusiness-new .quick li:nth-child(5)::before { width: 40px; height: 22px; background: url("../images/common/bi-img5.svg") center no-repeat; }

.page-smallbusiness-new .quick li a { display: block; position: relative; padding: 4px 5px 4px 50px; font-family: "Noto Sans Medium"; font-size: 12px; letter-spacing: -0.4px; line-height: 1.2; color: #222222; }

.page-smallbusiness-new .quick li a span { display: block; font-family: "Noto Sans Medium"; font-size: 11px; letter-spacing: -0.4px; color: #888; }

.page-smallbusiness-new .quick p { margin: 15px 0; }

.page-smallbusiness-new .quick > a { display: block; margin-top: 15px; }

.page-smallbusiness-new .quick a.quick-img3 {position:relative;}
.page-smallbusiness-new .quick a.quick-img3 img.quick-img3 {position:absolute; top:0; left:0; animation: imgOp 3s infinite;}
@keyframes imgOp { 0% {opacity:1;} 50% { opacity:1;} 51% { opacity:0;} 100% { opacity:0;}}

.quickBtnOder {position:absolute; top:563px; left:-42px;}

.inner.shortstt + .quickBtnOder {top:250px !important;}

.page-smallbusiness-new .controls-wrap { display: flex; align-items: center; justify-content: center; }

.page-smallbusiness-new .controls-wrap .swiper-pagination { position: relative; top: auto; left: auto; bottom: auto; right: auto; width: auto !important; display: flex; align-items: center; }

.page-smallbusiness-new .controls-wrap .swiper-pagination .swiper-pagination-bullet { width: 8px; border: 2px solid #000; box-sizing: border-box; opacity: 1; background: none; margin: 0; }

.page-smallbusiness-new .controls-wrap .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 10px; }

.page-smallbusiness-new .controls-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 24px; background: #000; border-radius: 8px; }

.page-smallbusiness-new .controls-wrap button { position: relative; cursor: pointer; display: block; width: 11px; height: 16px; background: url("../images/main/icon-play.png") center no-repeat; text-indent: -9999px; margin-left: 10px; }

.page-smallbusiness-new .controls-wrap button::before { content: '재생'; font-size: 0; }

.page-smallbusiness-new .controls-wrap.play button { background: url("../images/main/icon-pause.png") center no-repeat; }

.page-smallbusiness-new .controls-wrap.play button::before { content: '일시정지'; font-size: 0; }

.page-smallbusiness-new .controls-wrap.black.play button { background: url("../images/common/icon_pause.png") center no-repeat; }

.page-smallbusiness-new .controls-wrap.black button { z-index: 1; background: url("../images/common/icon_play.png") center no-repeat; }

.page-smallbusiness-new .controls-wrap.black .swiper-pagination .swiper-pagination-bullet { border: 2px solid #000; }

.page-smallbusiness-new .controls-wrap.black .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000; }

.page-smallbusiness-new .controls-wrap.type1 { margin-top: 20px; }

.page-smallbusiness-new .controls-wrap.type1 .swiper-button-next { display: block !important; background: url("../images/main/proposal-next.png") no-repeat; width: 40px; height: 40px; border-radius: 40px; right: 5px; z-index: 3; box-shadow: 0px 3px 6px #00000014; }

.page-smallbusiness-new .controls-wrap.type1 .swiper-button-next::after { display: none !important; }

.page-smallbusiness-new .controls-wrap.type1 .swiper-button-prev { display: block !important; background: url("../images/main/proposal-prev.png") no-repeat; width: 40px; height: 40px; border-radius: 40px; left: 5px; z-index: 3; box-shadow: 0px 3px 6px #00000014; }

.page-smallbusiness-new .controls-wrap.type1 .swiper-button-prev::after { display: none !important; }

.page-smallbusiness-new .controls-wrap.type2 { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 30px; }

.page-smallbusiness-new .controls-wrap.type2 .group { display: flex; }

.page-smallbusiness-new .controls-wrap.type2 .swiper-button-next { position: relative; top: auto; left: auto; margin-top: 0; background: url("../images/main/icon-next.png") no-repeat; width: 40px; height: 40px; }

.page-smallbusiness-new .controls-wrap.type2 .swiper-button-next::after { display: none; }

.page-smallbusiness-new .controls-wrap.type2 .swiper-button-prev { position: relative; top: auto; right: auto; margin-top: 0; background: url("../images/main/icon-prev.png") no-repeat; width: 40px; height: 40px; }

.page-smallbusiness-new .controls-wrap.type2 .swiper-button-prev::after { display: none; }

.page-smallbusiness-new .proposal-cont .proposal-list { display: flex; justify-content: space-between; }

.page-smallbusiness-new .proposal-cont .proposal-list li { padding: 40px 10px; background: #F6F7FB; border-radius: 15px; text-align: center; width: 100%; position: relative; }

.page-smallbusiness-new .proposal-cont .proposal-list li + li { margin-left: 20px; }

.page-smallbusiness-new .proposal-cont .proposal-list li .img { margin-bottom: 20px; }

.page-smallbusiness-new .proposal-cont .proposal-list li .img img { max-width: 255px; width: 100%; }

.page-smallbusiness-new .proposal-cont .proposal-list li strong { display: block; font-family: "Noto Sans Bold"; font-size: 28px; letter-spacing: -0.28px; line-height: 36px; color: #222222; margin-bottom: 17px; }

.page-smallbusiness-new .proposal-cont .proposal-list li div.flex { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: 0 auto; padding-bottom: 95px; }

.page-smallbusiness-new .proposal-cont .proposal-list li div.flex span { display: block; padding: 0 8px; line-height: 32px; border-radius: 5px; background: #fff; margin-top: 8px; margin: 8px 12px 0; position: relative; }

.page-smallbusiness-new .proposal-cont .proposal-list li div.flex span.space::before { display: none; }

.page-smallbusiness-new .proposal-cont .proposal-list li div.flex span + span::before { content: ''; position: absolute; top: 9px; right: calc(100% + 5px); width: 15px; height: 15px; background: url("../images/main/icon-plus.svg") no-repeat; }

.page-smallbusiness-new .proposal-cont .proposal-list li a { position: absolute; left: 50%; bottom: 40px; min-width: 180px; transform: translateX(-50%); }

.page-smallbusiness-new .fade-up { transition: 0.5s; transform: translateY(50px); opacity: 0; }

.page-smallbusiness-new .fade-up.ani { transform: translateY(0); opacity: 1; }

.page-smallbusiness-new.main .s-title { text-align: center; padding: 200px 0 60px; font-family: "Noto Sans Bold"; font-size: 64px; letter-spacing: -0.64px; line-height: 86px; color: #000000; }

.page-smallbusiness-new.main .section { position: relative; overflow: hidden; }

.page-smallbusiness-new.main .section .text-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 260px; background: #fff; z-index: 3; }

.page-smallbusiness-new.main .section .text-wrap .frame { width: 1080px; display: flex; align-items: center; justify-content: space-between; }

.page-smallbusiness-new.main .section .text-wrap .title { font-size: 80px; font-family: "Noto Sans Bold"; color: #000; line-height: 1.2; }

.page-smallbusiness-new.main .section .text-wrap .title span { font-weight: 400; font-size: 28px; letter-spacing: -0.4px; line-height: 30px; }

.page-smallbusiness-new.main .section .img-wrap { width: 100%; }

.page-smallbusiness-new.main .section.visual-wrap { overflow: hidden; }

.page-smallbusiness-new.main .section .visual-swiper {height:calc(100vh + 20px);/* 스크롤값 20px 추가 */}

.page-smallbusiness-new.main .section.visual-wrap .scroll { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-family: "Noto Sans Medium"; font-size: 14px; letter-spacing: -0.4px; font-family: 'Roboto'; color: #FFFFFF; padding-bottom: 50px; text-align: center; z-index: 2; }

.page-smallbusiness-new.main .section.visual-wrap .scroll::after { content: ''; width: 2px; height: 40px; background: #fff; position: absolute; left: 50%; bottom: 0; }

.page-smallbusiness-new.main .section.visual-wrap .text-wrap { position: relative; top: auto; left: auto; }

.page-smallbusiness-new.main .section.visual-wrap .img-wrap { position: relative; width: 100%; height: calc(100vh - 410px); background-size: cover !important; }

.page-smallbusiness-new.main .section.visual-wrap .img-wrap .btn-play { position: absolute; top: calc(50% + 110px); left: 50%; transform: translate(-50%, -50%); }

.page-smallbusiness-new.main .section.visual-wrap .img-wrap.active + .video { display: block; }

.page-smallbusiness-new.main .section.visual-wrap .video { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; height:calc(100vh - 110px); overflow: hidden; background: #000; transition:0.4s all;}

.page-smallbusiness-new.main .section.visual-wrap .video.pstplay { top: 130px; } /* 스크롤값 20px 추가 */

.page-smallbusiness-new.main .section.visual-wrap .video iframe { display: block; position: absolute; width: 100%; height: 100%; }

.page-smallbusiness-new.main .section.visual-wrap .video .embed-script { display: none; position: absolute; bottom: 150px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1080px; height: 110px; padding: 20px; border-radius: 10px; overflow: auto; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; }

.page-smallbusiness-new.main .section.visual-wrap .video .embed-script p { color: #fff; }

.page-smallbusiness-new.main .section.visual-wrap .video .embed-script.active { display: block; }

.page-smallbusiness-new.main .section.visual-wrap .video .linktoembed-script { width: 26px; height: 26px; text-indent: -9999px; background: url("../images/common/icon_off.png") no-repeat; }

.page-smallbusiness-new.main .section.visual-wrap .video .linktoembed-script.active { background: url("../images/common/icon_on.png") no-repeat; }

.page-smallbusiness-new.main .section.visual-wrap .video .visual-controls { position: absolute; bottom: 100px; right: 50%; transform: translateX(540px); }

.page-smallbusiness-new.main .section.visual-wrap .video .visual-controls .play { width: 20px; height: 20px; text-indent: -9999px; background: url("../images/common/play.svg") no-repeat; }

.page-smallbusiness-new.main .section.visual-wrap .video .visual-controls .play.stop { background: url("../images/common/stop.svg") no-repeat; }

.page-smallbusiness-new.main .section.visual-wrap .video .visual-controls .sound { width: 20px; height: 20px; text-indent: -9999px; background: url("../images/common/sound_on.svg") no-repeat; }

.page-smallbusiness-new.main .section.visual-wrap .video .visual-controls #progress-bar { width: 90%; border-radius: 8px; outline: none; -webkit-appearance: none; }

.page-smallbusiness-new.main .section.visual-wrap .video .visual-controls input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; background: #FE2E36; height: 10px; width: 10px; border-radius: 0 50% 50% 0; }

.page-smallbusiness-new.main .section.visual-wrap .flex { position: absolute; bottom: 100px; left: 50%; transform: translateX(-540px); display: flex; align-items: center; z-index: 1; }

.page-smallbusiness-new.main .section.visual-wrap .flex .visual-progressbar { position: relative; top: auto; left: auto; width: 200px; margin: 0 20px; background: rgba(255, 255, 255, 0.3); }

.page-smallbusiness-new.main .section.visual-wrap .flex .visual-progressbar .swiper-pagination-progressbar-fill { background: #fff; }

.page-smallbusiness-new.main .section.visual-wrap .flex .visual-next { width: 20px; height: 20px; position: relative; top: auto; left: auto; right: auto; margin: 0; background: url("../images/common/visual-arrow.svg") center no-repeat; }

.page-smallbusiness-new.main .section.visual-wrap .flex .visual-next::after { display: none; }

.page-smallbusiness-new.main .section.visual-wrap .flex .visual-prev { width: 20px; height: 20px; position: relative; top: auto; left: auto; right: auto; margin: 0; background: url("../images/common/visual-arrow.svg") center no-repeat; transform: rotate(180deg); margin-left: 10px; }

.page-smallbusiness-new.main .section.visual-wrap .flex .visual-prev::after { display: none; }

.page-smallbusiness-new.main .section.visual-wrap .flex .page-num { font-family: "Noto Sans Bold"; font-size: 14px; letter-spacing: -0.4px; color: #fff; font-family: 'Roboto'; }

.page-smallbusiness-new.main .store-cont { overflow: hidden; margin-top: 200px; }

.page-smallbusiness-new.main .store-cont .store-img-box img { width: 100%; }

.page-smallbusiness-new.main .store-cont .store-img-box .bg { position: relative; transform: scale(0.7); }

.page-smallbusiness-new.main .store-cont .store-img-box .bg .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; }

.page-smallbusiness-new.main .product-cont .text-wrap { padding-top: 200px; position: relative; height: auto; padding-bottom: 64px; }

.page-smallbusiness-new.main .product-cont .img-wrap { width: 100%; height: auto; }

.page-smallbusiness-new.main .product-cont .flex { position: relative; display: flex; align-items: center; height: 1080px; background: url("../images/main/bg-product.png") center no-repeat; background-size: cover; }

.page-smallbusiness-new.main .product-cont .flex .left-cont { position: absolute; max-width: 1400px; width: 100%; height: 580px; left: 50%; top: 50%; margin: -290px 0 0 -700px; box-sizing: border-box; padding-top: 70px; }

.page-smallbusiness-new.main .product-cont .flex .left-cont ul li { position: absolute; top: 0; left: 0; color: #fff; opacity: 0; transform: translateY(50px); font-size: 20px; font-weight: normal; letter-spacing: -0.2px; line-height: 28px; color: #fff; }

.page-smallbusiness-new.main .product-cont .flex .left-cont ul li strong { display: block; font-family: "Noto Sans Bold"; color: #000; font-size: 42px; margin-bottom: 10px; line-height: 58px; color: #fff; }

.page-smallbusiness-new.main .product-cont .flex .left-cont ul li.active { transition: 1s; opacity: 1; z-index: 3; transform: translateY(0); padding-bottom: 50px; }

.page-smallbusiness-new.main .product-cont .flex .left-cont .controls-wrap { position: absolute; bottom: 0; left: 0; display: flex; align-items: center; height: 54px; }

.page-smallbusiness-new.main .product-cont .flex .left-cont .controls-wrap > * { position: relative !important; top: auto; right: auto; left: auto; bottom: auto; margin: 0; }

.page-smallbusiness-new.main .product-cont .flex .left-cont .controls-wrap .product-pagination { width: auto !important; display: flex; align-items: center; margin-left: 30px; }

.page-smallbusiness-new.main .product-cont .flex .left-cont .controls-wrap .product-pagination .swiper-pagination-bullet { width: 8px; border: 2px solid #fff; box-sizing: border-box; opacity: 1; background: none; margin: 0; }

.page-smallbusiness-new.main .product-cont .flex .left-cont .controls-wrap .product-pagination .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 10px; }

.page-smallbusiness-new.main .product-cont .flex .left-cont .controls-wrap .product-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 24px; background: #fff; border-radius: 8px; }

.page-smallbusiness-new.main .product-cont .flex .left-cont .controls-wrap .swiper-button-pause { cursor: pointer; display: none; width: 11px; height: 11px; background: url("../images/main/icon-pause.png") no-repeat; text-indent: -9999px; margin: 0 30px 0 10px; }

.page-smallbusiness-new.main .product-cont .flex .left-cont .controls-wrap .swiper-button-play { cursor: pointer; display: block; width: 11px; height: 16px; background: url("../images/main/icon-play.png") no-repeat; text-indent: -9999px; margin: 0 30px 0 10px; }

.page-smallbusiness-new.main .product-cont .flex .left-cont .controls-wrap.play .swiper-button-play { display: none; }

.page-smallbusiness-new.main .product-cont .flex .left-cont .controls-wrap.play .swiper-button-pause { display: block; }

.page-smallbusiness-new.main .product-cont .flex .left-cont .product-next { background: url("../images/common/icon-next.png") no-repeat; width: 54px; height: 54px; }

.page-smallbusiness-new.main .product-cont .flex .left-cont .product-next::after { display: none; }

.page-smallbusiness-new.main .product-cont .flex .left-cont .product-prev { background: url("../images/common/icon-prev.png") no-repeat; width: 54px; height: 54px; }

.page-smallbusiness-new.main .product-cont .flex .left-cont .product-prev::after { display: none; }

.page-smallbusiness-new.main .product-cont .flex .right-cont { margin-left: auto; width: calc(50% + 100px); }

.page-smallbusiness-new.main .product-cont .flex .right-cont .swiper-slide { max-width: 800px; width: 100%; }

.page-smallbusiness-new.main .product-cont .flex .right-cont .swiper-slide .img { border-radius: 10px; overflow: hidden; }

.page-smallbusiness-new.main .product-cont .flex .right-cont .swiper-slide .img img { width: 100%; }

.page-smallbusiness-new.main .package-cont h2 span { display: block; font-family: "Noto Sans Medium"; font-size: 28px; letter-spacing: -0.4px; line-height: 30px; line-height: 36px; color: #444444; }

.page-smallbusiness-new.main .package-cont .wide-frame { background: #F6F7FB; padding: 200px 0; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list { text-align: center; max-width: 1400px; margin: 0 auto; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list li { display: flex; position: relative; padding: 75px 90px; background: #fff; border-radius: 15px; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list li > strong { position: absolute; top: 75px; left: 90px; font-size: 36px; font-family: "Noto Sans Bold"; letter-spacing: -0.36px; line-height: 56px; color: #222; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list li .fee-info { display: flex; margin-left: auto; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list li .fee-info .img { width: 120px; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list li .fee-info div { position: relative; text-align: center; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list li .fee-info div strong { display: block; color: #222; margin: 20px 0 5px; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list li .fee-info div .txt-amount { font-size: 18px; letter-spacing: -0.45px; line-height: 28px; color: #666666; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list li .fee-info div .txt-amount em { font-family: 'Roboto' !important; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list li .fee-info div + div { margin-left: 100px; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list li .fee-info div + div::before { content: ''; position: absolute; top: 50px; left: -65px; width: 30px; height: 30px; background: url("../images/main/icon-plus2.svg") center no-repeat; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list li .fee-info div.total-wrap { padding-top: 30px; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list li .fee-info div.total-wrap::before { background: url("../images/main/icon-equal.svg") center no-repeat; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list li .fee-info div.total-wrap p { font-weight: 400; font-size: 16px; letter-spacing: -0.4px; line-height: 24px; color: #000; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list li .fee-info div.total-wrap p em { font-size: 34px; font-family: "Noto Sans Bold"; letter-spacing: -0.34px; line-height: 46px; color: #F62E36; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list li .fee-info div.total-wrap p span { display: block; color: #777; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list li .fee-info div.total-wrap a { margin-top: 40px; }

.page-smallbusiness-new.main .package-cont .wide-frame ul.package-list li + li { margin-top: 30px; }

.page-smallbusiness-new.main .apply-cont { display: flex; align-items: center; height: 800px; background: url("../images/main/bg-apply.png") center no-repeat; background-size: cover; }

.page-smallbusiness-new.main .apply-cont .frame { text-align: center; }

.page-smallbusiness-new.main .apply-cont .frame h2 { font-family: "Noto Sans Bold"; font-size: 50px; letter-spacing: -0.5px; line-height: 72px; padding: 0; color: #fff; }

.page-smallbusiness-new.main .apply-cont .frame a { display: inline-block; min-width: 300px; margin-top: 100px; }

.page-smallbusiness-new.main .prd-popup .content-area .img { padding-bottom: 40px; border-bottom: 1px solid #ccc; text-align: center; }

.page-smallbusiness-new.main .prd-popup .content-area p { font-size: 15px; color: #000; line-height: 24px; letter-spacing: -0.5px; margin: 20px 0 54px; text-align: center; }

.page-smallbusiness-new.main .prd-popup .content-area .btn-group { display: flex; }

.page-smallbusiness-new.main .prd-popup .content-area .btn-group .btn-new.b-black { min-width: 158px; width: 100%; background: #000; color: #fff; padding: 0; }

.page-smallbusiness-new.main .prd-popup .content-area .btn-group .btn-new.b-black + .btn-new { margin-left: 5px; }

/* 메인>구성도 */
.page-smallbusiness-new.main .pmap-cont h2 span {display: block;font-family: "Noto Sans Medium";font-size: 28px;letter-spacing: -0.4px;line-height: 30px;line-height: 36px;color: #444444;}

.pmap-box {width:1400px;}
.pmap-box .pmap-box-tit {display:block; height:75px; line-height:75px; text-align:center; font-size:24px; font-family:"Noto Sans Bold"; color:#fff; background:#ED2E37; border-radius:15px 15px 0 0;}
.pmap-box .pmap-box-inner {display:flex; width:1400px; padding:60px; background:#222222; box-sizing:border-box; border-radius:0 0 15px 15px; overflow:hidden;}
.pmap-box .pmap-box-inner div[class*="pmap-box-"] {width:640px; }
.pmap-box .pmap-box-str {display:block; height:70px; line-height:70px; text-align:center; font-size:22px; font-family:"Noto Sans Bold"; color:#fff; background:#393939; border-radius:15px 0 0 0;}
.pmap-box .pmap-box-sol .pmap-box-str {border-radius:0 15px 0 0;}
.pmap-box .pmap-list {padding:60px 30px 20px; background:#313131; border-radius:0 0 0 15px;}
.pmap-box .pmap-box-sol .pmap-list {border-radius:0 0 15px 0; background:#313131 url(../../assets/images/main/bg-pmap-list.png) 0 50% no-repeat;}
.pmap-box .pmap-list:after {content:""; display:block; clear:both;}
.pmap-box .pmap-list li {float:left; width:145px; height:120px; margin-bottom:40px; text-align:center; }
.pmap-box .pmap-list li img {display:inline-block; height:50px; margin-bottom:20px;}
.pmap-box .pmap-list li span {display:block; line-height:22px; font-size:18px; letter-spacing:-0.18px; color:#cccccc;}
.pmap-box .pmap-list li span em {display:block; font-size:14px;}
.pmap-box .pmap-box-inner div[class*="pmap-box-"] > p {line-height:22px; margin-top:14px; font-size:16px; letter-spacing:-0.4px; color:#B2B2B2;}

.footer-float-icon-div { right: 10px; }

.animated .point { position: absolute; width: 20px; height: 20px; cursor: pointer; z-index: 9; text-indent: -9999px; }

.animated .point::before { content: ''; position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(61, 255, 255, 0.2); border-radius: 50%; overflow: hidden; animation-iteration-count: infinite; animation-duration: 1s; animation-name: bullet_b; }

.animated .point::after { content: ''; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; transform: translate(-50%, -50%); background: #3DFFFF; border-radius: 50%; opacity: 1; overflow: hidden; animation-iteration-count: infinite; animation-duration: 1s; animation-name: bullet_s; }

.animated .point span {position:absolute; left:0; bottom;0; width:6rem; text-indent:0; font-size:20px; font-weight:bold; letter-spacing:-1px; color:#fff; }
.animated .point span:before {content: ''; position:absolute; top:0; left:0; width:1px; height:60px; background: #3DFFFF; transform: rotate(45deg);}
.animated .point span:after {content: ''; position:absolute; top:0; left:0; width:100%; height:1px; background: #3DFFFF;}

.animated .point.point1 { top: 21%; left: 58%; }/* 기가아이즈 */
.animated .point.point1 span {top:64%; left:280%;}
.animated .point.point1 span:before {top:-40%; left:-28%; transform:rotate(-45deg);}
.animated .point.point1 span:after {width:7rem; top:132%; left:-6%;}

.animated .point.point2 { top: 60%; left: 39%; }/* KT 서빙로봇 */
.animated .point.point2 span {width:7rem; top:-312%; left:246%;}
.animated .point.point2 span:before {top:79%; left:-19%;}
.animated .point.point2 span:after {top:2rem; left:0%;}

.animated .point.point3 { top: 55%; left: 61.7%; }/* 하이오더 */
.animated .point.point3 span {top:-310%; left:249%;}
.animated .point.point3 span:before {top:79%; left:-20%;}
.animated .point.point3 span:after {top:2rem; left:0;}

.animated .point.point4 { top: 50%; left: 49.8%; }/* AI 링고전화 */
.animated .point.point4 span {width:7rem; top:-310%; left:249%;}
.animated .point.point4 span:before {top:79%; left:-18%;}
.animated .point.point4 span:after {top:2rem; left:0;}

.animated .point.point5 { top: 55%; left: 84.7%; }/* KT 인터넷 */
.animated .point.point5 span {top:-318%; left:-634%;}
.animated .point.point5 span:before {top:79%; left:121%; transform: rotate(-45deg);}
.animated .point.point5 span:after {top:2rem; left:0;}

@keyframes bullet_s { from { width: 20px;
    height: 20px;
    opacity: 0.22; }
  to { width: 10px;
    height: 10px;
    opacity: 0.85; } }

@keyframes bullet_b { from { width: 30px;
    height: 30px; }
  to { width: 40px;
    height: 40px; } }

@media (max-width: 1600px) { 
  .page-smallbusiness-new.main .section .visual-swiper {height:100vh;/* 스크롤값 제거 */}
  .page-smallbusiness-new.main .section.visual-wrap .video {height:calc(100vh - 130px);}
  .page-smallbusiness-new .proposal-cont .proposal-list { flex-wrap: wrap; justify-content: center; width: 790px; margin: 0 auto; }
  .page-smallbusiness-new .proposal-cont .proposal-list li { margin: 10px; width: 335px; } 
  .page-smallbusiness-new.main .section.visual-wrap .scroll{
    display: none !important;
  }
}

@media (max-width: 1440px) { 
  .page-smallbusiness-new.main .product-cont .flex .left-cont { max-width: 100%; margin: -290px 0 0; left: 20px; }  
  .page-smallbusiness-new .frame { padding: 0 20px; }
  .page-smallbusiness-new.main .package-cont .wide-frame { padding: 200px 20px; }
  .page-smallbusiness-new.main .product-cont .flex .right-cont { padding-right: 20px; }
  .page-smallbusiness-new.sub .youtube-wrap .flex .left-cont ul li { left: 20px; }
  .page-smallbusiness-new.sub .youtube-wrap .flex .left-cont .controls-wrap { left: 20px; }
  .page-smallbusiness-new.sub .intro-wrap .flex { overflow: hidden; }
  .page-smallbusiness-new.sub .frame.sec-inner, .page-smallbusiness-new.sub .card-cont .wide-frame, .page-smallbusiness-new.sub .intro-wrap > div { padding-left: 20px; padding-right: 20px; }
  .page-smallbusiness-new.sub .frame.sec-inner .award { right: 20px; }
  .page-smallbusiness-new.sub .youtube-wrap .flex .right-cont { padding-right: 20px; } 
  
}


/* 0930 스타벅스 이벤트 종료 */
a[href*="2463"] {display:none !important;}

/* 1017 매장 영역 수정 */
.animated .point span {position:absolute; left:0; bottom:auto; width:6rem; text-indent:0; font-size:20px; font-weight:bold; letter-spacing:-1px; color:#fff; }/* 1017 추가수정 */
.animated .point span:before {content: ''; position:absolute; top:0; left:0; transform:none;}
.animated .point span:after {content:none;}

.animated .point.point1 { top: 21%; left: 58%; }/* 기가아이즈 */
.animated .point.point1 span {top:64%; left:280%;}
.animated .point.point1 span:before {top:-12%; left:-46px; width:142px; height:43px; background:url(../images/main/point1.png) 0 0 no-repeat; transform:none;}

.animated .point.point2 { top: 60%; left: 39%; }/* KT 서빙로봇 */
.animated .point.point2 span {width:7rem; top:-312%; left:246%;}
.animated .point.point2 span:before {top:100%; left:-39px; width:157px; height:43px; background:url(../images/main/point2.png) 0 0 no-repeat; transform:none;}

.animated .point.point3 { top: 55%; left: 61.7%; }/* 하이오더 */
.animated .point.point3 span {top:-310%; left:249%;}
.animated .point.point3 span:before {top:100%; left:-39px; width:126px; height:43px; background:url(../images/main/point3.png) 0 0 no-repeat; transform:none;}

.animated .point.point4 { top: 50%; left: 49.8%; }/* AI 링고전화 */
.animated .point.point4 span {width:7rem; top:-310%; left:249%;}
.animated .point.point4 span:before {top:100%; left:-39px; width:152px; height:43px; background:url(../images/main/point4.png) 0 0 no-repeat; transform:none;}

.animated .point.point5 { top: 55%; left: 84.7%; }/* KT 인터넷 */
.animated .point.point5 span {top:-318%; left:-634%;}
.animated .point.point5 span:before {top:110%; left:0; width:137px; height:43px; background:url(../images/main/point5.png) 0 0 no-repeat; transform:none;}


.proposal-cont.section {padding-bottom: 100px;}