@font-face {
    font-family: "Pretendard";
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
    src: local("Pretendard"),
        url("/fonts/Pretendard.woff2") format("woff2-variations");
}
html {
    overflow: hidden;
}
*,
*::after,
*::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body {
    overflow: hidden;
    color: #000;
    width: 100%;
    letter-spacing: -0.5px;
    font: 600 16px/1 "Pretendard";
}
ul {
    display: flex;
    gap: 4rem 1.5rem;
}
ul img {
    max-width: 100%;
}
h1,
h2,
h3,
h4,
p {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    line-height: 1.5;
    word-break: keep-all;
    font-weight: 600;
}
h1 {
    font-size: clamp(30px, 3.85vw, 48px);
    align-items: flex-start;
    text-align: left;
    font-weight: 800;
    line-height: 1.25;
}
h2 {
    font-weight: 600;
    font-size: clamp(26px, 4.5vw, 40px);
    line-height: 1.35;
}
h3 {
    font-size: clamp(18px, 2vw, 20px);
}
h5 {
    font-size: 14px;
    font-weight: normal;
}
strong {
    font-weight: 600;
}
p {
    font-size: clamp(17px, 2.25vw, 20px);
    word-break: keep-all;
}
p span {
    display: block;
}
small {
    font-size: clamp(13px, 2vw, 15px);
    line-height: 1.25;
    display: inline-flex;
    font-family: "Pretendard";
}
address {
    font-style: normal;
}
:is(h1, h2, h3, h4, h5, p) {
    margin: 0;
}
a {
    text-decoration: none;
    color: #000;
    display: inline-flex;
    align-items: center;
    transition: 0.4s;
}
a:is(:hover, :focus, .active) {
    outline: none;
    text-decoration: none;
}
svg {
    display: flex;
    fill: #434649;
}
button {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    border: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    white-space: nowrap;
    font: 600 17px/1 "Pretendard";
    transition: background 0.2s;
    cursor: pointer;
}
button:disabled {
    color: #a9a9a9 !important;
    background-color: #eee !important;
    cursor: default;
}
button .btn-submit {
    background-color: #0042cf;
    color: #fff;
}
:is(input, select, button, textarea):focus {
    outline: 0;
}
input::-ms-clear,
input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input:-moz-read-only {
    background-color: #f1f2f3;
}
input:read-only {
    background-color: #f1f2f3;
}
input:focus {
    border-color: #0042cf !important;
}
input:disabled {
    background-color: rgba(0, 0, 0, 0.1);
}
input:is(
        [type="text"],
        [type="url"],
        [type="password"],
        [type="search"],
        [type="number"],
        [type="tel"],
        [type="email"]
    ) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 45px;
    background-color: #fff;
    border: 1px solid #e3e6e9;
    border-radius: 3px;
    padding: 0.5rem;
    position: relative;
    font: 600 16px/1 "Pretendard";
}
input:is(
        [type="text"],
        [type="url"],
        [type="password"],
        [type="search"],
        [type="number"],
        [type="tel"],
        [type="email"]
    )::-moz-placeholder {
    color: #969696;
}
input:is(
        [type="text"],
        [type="url"],
        [type="password"],
        [type="search"],
        [type="number"],
        [type="tel"],
        [type="email"]
    )::placeholder {
    color: #969696;
}
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex: 1 1 auto;
    max-width: 100%;
    min-height: 5rem;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 0.25rem;
    padding: 0.5rem;
    resize: none;
    font: 17px/1 "Pretendard";
}
textarea:focus {
    border-color: #0042cf;
}
label {
    font-weight: normal;
    margin-bottom: 0;
}
fieldset {
    border-radius: 0.5rem;
    border: 1px solid #ddd;
}
article.details {
    width: min(860px, 100% - 2rem);
    padding: 6rem 0 3rem;
    border-bottom: 1px solid #ddd;
}
article.details div h2 {
    font-size: clamp(20px, 3vw, 28px);
    padding: 12px 0;
}
article.details div h3 {
    font-size: clamp(18px, 3vw, 20px);
    padding: 12px 0;
}
article.details div table {
    max-width: 100%;
}
article.details h1,
article.details h2,
article.details h3,
article.details h4,
article.details p {
    display: block;
    text-align: left;
}
article.details p {
    font-weight: 400;
    font-size: clamp(17px, 2vw, 18px);
    color: #555;
}
article.details h2 {
    font-size: clamp(24px, 3vw, 36px);
    max-width: 100%;
}
article.details hr {
    height: 1px;
    border: 0;
    background-color: #ddd;
}
article.details img {
    max-width: 100%;
    height: auto !important;
    vertical-align: top;
}
article.details table * {
    margin: 0;
    vertical-align: top;
}
article.details li {
    font-size: clamp(17px, 2vw, 18px);
    line-height: 1.5;
}
article.details ul {
    flex-direction: column;
}
article.details header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #ddd;
}
article.details a {
    vertical-align: top;
}
article.details a:hover {
    text-decoration: underline;
}
article.details + .buttons {
    margin: 3rem 0;
}
article.details + .buttons button {
    width: min(11rem, 100%);
}
article h2 {
    text-align: left;
}
article .tags span {
    padding: 5px 10px;
    font-size: clamp(17px, 2vw, 18px);
}
article .tags span:empty {
    display: none;
}
ul {
    list-style: none;
}
.dark * {
    color: #fff;
}
.dark .swiper-pagination-bullet {
    background: #fff;
}
.asterisk {
    position: relative;
}
.asterisk::before {
    content: "*";
    color: tomato;
    position: absolute;
    left: -12px;
    top: 2px;
}
.tags {
    display: flex;
    gap: 0.5rem;
}
.tags span {
    border: 1px solid #e3e6e9;
    padding: 5px;
    font-size: 14px;
}
.tilde {
    display: flex;
    align-items: center;
    margin: 0 0.25rem;
}
.plus {
    bottom: 1.5rem;
    right: 1.5rem;
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #fff;
    border-radius: 50%;
}
.plus::before,
.plus::after {
    content: "";
    position: absolute;
    background: #fff;
}
.plus::before {
    left: 50%;
    top: 6px;
    bottom: 6px;
    width: 2px;
    transform: translateX(-50%);
}
.plus::after {
    top: 50%;
    left: 6px;
    right: 6px;
    height: 2px;
    transform: translateY(-50%);
}
.x {
    display: flex;
    width: 18px;
    height: 18px;
    background-image: linear-gradient(lightslategray 0 0),
        linear-gradient(lightslategray 0 0);
    background-position: center;
    background-size: 100% 2px, 2px 100%;
    background-repeat: no-repeat;
    transform: rotate(45deg);
    transition: opacity 0.25s;
}
.is-active {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 50 !important;
}
.images {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    max-width: calc(100% - 4rem);
    position: relative;
}
.images.large + .image {
    display: none;
}
.image {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    position: relative;
}
.image.large + .image {
    display: none;
}
.video video {
    max-width: 100%;
}
.video.large + .image {
    display: none;
}
.texts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
.texts > * {
    align-items: flex-start;
    text-align: left;
}
.backdrop {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.search {
    display: flex;
    gap: 1rem;
}
.search input::-moz-placeholder {
    color: #d3d3d3;
}
.search input::placeholder {
    color: #d3d3d3;
}
.search button {
    margin-top: 0 !important;
    padding: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='2' y='2' width='16' height='16' rx='8' stroke='%23969696' stroke-width='2'/%3E%3Cpath d='M16 16L21.5 21.5' stroke='%23969696' stroke-width='2'/%3E%3C/svg%3E")
        no-repeat center;
    background-color: rgba(0, 0, 0, 0) !important;
    background-size: 1.5rem;
    width: 45px;
    height: 45px;
    margin-left: -4rem;
    z-index: 10;
}
.responsive {
    display: none !important;
    align-items: center;
}
.row {
    display: flex;
}
.container {
    padding: 0;
    width: 100%;    
    height: calc(var(--vh, 1vh) * 100);
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
}
.container.noscroll {
    overflow: hidden;
}
.wrapper {
    margin: 0 auto;
    width: min(100%, 1180px);
    position: relative;
}
[class*="menu"] {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}
.hamburg-menu {
    background: url("data:image/svg+xml,%3Csvg width='22' height='14' viewBox='0 0 22 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5774_11226)'%3E%3Crect width='22' height='2' fill='black'/%3E%3Crect y='6' width='22' height='2' fill='black'/%3E%3Crect y='12' width='22' height='2' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5774_11226'%3E%3Crect width='22' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
        no-repeat;
    width: 22px;
    height: 14px;
    display: inline-block;
}
section {
    position: relative;
    padding: 120px 0;
}
section img {
    max-width: 100%;
}
section header {
    flex-direction: column;
    gap: 0.75rem;
}
section header h2 {
    display: flex;
    flex-direction: column;
}
section header p {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
    text-align: center;
}
section.section-tabs .tabs {
    gap: 1rem;
}
section.section-tabs .tabs li {
    height: 60px;
    display: flex;
    align-items: center;
    font-size: clamp(17px, 2vw, 18px);
}
section.section-tabs .tabs li::before {
    content: "";
    position: absolute;
    height: 2px;
    background-color: #0042cf;
    width: 0;
    display: block;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: 0.25s;
}
section.section-tabs .tabs li:hover::before,
section.section-tabs .tabs li.is-active::before {
    width: 100%;
}
header.header {
    position: fixed;
}
main {
    opacity: 0;
    overflow-x: hidden;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: unset;
    animation: fadeInOpacity 0.4s forwards;
    transition: 0.25s;
    /* margin-top: 80px; */
}
main.interactive.content-main section.is-active header > *,
main.interactive.content-main section.is-active ul > *,
main.interactive.content-main section.is-active .images > *,
main.interactive.content-main section.is-active .texts > * {
    animation: moveUp 0.4s forwards;
}
main.interactive section header > *,
main.interactive section ul:not(.swiper-wrapper) > *,
main.interactive section .swiper.small ul > *,
main.interactive section .images > *,
main.interactive section .texts > * {
    opacity: 0;
}
main.interactive section.is-active header > *,
main.interactive section.is-active ul:not(.swiper-wrapper) > *,
main.interactive section.is-active .swiper.small ul > *,
main.interactive section.is-active .images > *,
main.interactive section.is-active .texts > * {
    animation: fadeInOpacity 0.8s forwards;
}
main.interactive section.is-active header :nth-child(2),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(2),
main.interactive section.is-active .swiper.small ul :nth-child(2),
main.interactive section.is-active .images :nth-child(2),
main.interactive section.is-active .texts :nth-child(2) {
    animation-delay: 0.2s;
}
main.interactive section.is-active header :nth-child(3),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(3),
main.interactive section.is-active .swiper.small ul :nth-child(3),
main.interactive section.is-active .images :nth-child(3),
main.interactive section.is-active .texts :nth-child(3) {
    animation-delay: 0.4s;
}
main.interactive section.is-active header :nth-child(4),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(4),
main.interactive section.is-active .swiper.small ul :nth-child(4),
main.interactive section.is-active .images :nth-child(4),
main.interactive section.is-active .texts :nth-child(4) {
    animation-delay: 0.6s;
}
main.interactive section.is-active header :nth-child(5),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(5),
main.interactive section.is-active .swiper.small ul :nth-child(5),
main.interactive section.is-active .images :nth-child(5),
main.interactive section.is-active .texts :nth-child(5) {
    animation-delay: 0.8s;
}
main.interactive section.is-active header :nth-child(6),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(6),
main.interactive section.is-active .swiper.small ul :nth-child(6),
main.interactive section.is-active .images :nth-child(6),
main.interactive section.is-active .texts :nth-child(6) {
    animation-delay: 1s;
}
main.interactive section.is-active header :nth-child(7),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(7),
main.interactive section.is-active .swiper.small ul :nth-child(7),
main.interactive section.is-active .images :nth-child(7),
main.interactive section.is-active .texts :nth-child(7) {
    animation-delay: 1.2s;
}
main.interactive section.is-active header :nth-child(8),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(8),
main.interactive section.is-active .swiper.small ul :nth-child(8),
main.interactive section.is-active .images :nth-child(8),
main.interactive section.is-active .texts :nth-child(8) {
    animation-delay: 1.4s;
}
main.interactive section.is-active header :nth-child(9),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(9),
main.interactive section.is-active .swiper.small ul :nth-child(9),
main.interactive section.is-active .images :nth-child(9),
main.interactive section.is-active .texts :nth-child(9) {
    animation-delay: 1.6s;
}
main.interactive section.is-active header :nth-child(10),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(10),
main.interactive section.is-active .swiper.small ul :nth-child(10),
main.interactive section.is-active .images :nth-child(10),
main.interactive section.is-active .texts :nth-child(10) {
    animation-delay: 1.8s;
}
main.interactive section.is-active header :nth-child(11),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(11),
main.interactive section.is-active .swiper.small ul :nth-child(11),
main.interactive section.is-active .images :nth-child(11),
main.interactive section.is-active .texts :nth-child(11) {
    animation-delay: 2s;
}
main.interactive section.is-active header :nth-child(12),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(12),
main.interactive section.is-active .swiper.small ul :nth-child(12),
main.interactive section.is-active .images :nth-child(12),
main.interactive section.is-active .texts :nth-child(12) {
    animation-delay: 2.2s;
}
main.interactive section.is-active header :nth-child(13),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(13),
main.interactive section.is-active .swiper.small ul :nth-child(13),
main.interactive section.is-active .images :nth-child(13),
main.interactive section.is-active .texts :nth-child(13) {
    animation-delay: 2.4s;
}
main.interactive section.is-active header :nth-child(14),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(14),
main.interactive section.is-active .swiper.small ul :nth-child(14),
main.interactive section.is-active .images :nth-child(14),
main.interactive section.is-active .texts :nth-child(14) {
    animation-delay: 2.6s;
}
main.interactive section.is-active header :nth-child(15),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(15),
main.interactive section.is-active .swiper.small ul :nth-child(15),
main.interactive section.is-active .images :nth-child(15),
main.interactive section.is-active .texts :nth-child(15) {
    animation-delay: 2.8s;
}
main.interactive section.is-active header :nth-child(16),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(16),
main.interactive section.is-active .swiper.small ul :nth-child(16),
main.interactive section.is-active .images :nth-child(16),
main.interactive section.is-active .texts :nth-child(16) {
    animation-delay: 3s;
}
main.interactive section.is-active header :nth-child(17),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(17),
main.interactive section.is-active .swiper.small ul :nth-child(17),
main.interactive section.is-active .images :nth-child(17),
main.interactive section.is-active .texts :nth-child(17) {
    animation-delay: 3.2s;
}
main.interactive section.is-active header :nth-child(18),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(18),
main.interactive section.is-active .swiper.small ul :nth-child(18),
main.interactive section.is-active .images :nth-child(18),
main.interactive section.is-active .texts :nth-child(18) {
    animation-delay: 3.4s;
}
main.interactive section.is-active header :nth-child(19),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(19),
main.interactive section.is-active .swiper.small ul :nth-child(19),
main.interactive section.is-active .images :nth-child(19),
main.interactive section.is-active .texts :nth-child(19) {
    animation-delay: 3.6s;
}
main.interactive section.is-active header :nth-child(20),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(20),
main.interactive section.is-active .swiper.small ul :nth-child(20),
main.interactive section.is-active .images :nth-child(20),
main.interactive section.is-active .texts :nth-child(20) {
    animation-delay: 3.8s;
}
main.interactive section.is-active header :nth-child(21),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(21),
main.interactive section.is-active .swiper.small ul :nth-child(21),
main.interactive section.is-active .images :nth-child(21),
main.interactive section.is-active .texts :nth-child(21) {
    animation-delay: 4s;
}
main.interactive section.is-active header :nth-child(22),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(22),
main.interactive section.is-active .swiper.small ul :nth-child(22),
main.interactive section.is-active .images :nth-child(22),
main.interactive section.is-active .texts :nth-child(22) {
    animation-delay: 4.2s;
}
main.interactive section.is-active header :nth-child(23),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(23),
main.interactive section.is-active .swiper.small ul :nth-child(23),
main.interactive section.is-active .images :nth-child(23),
main.interactive section.is-active .texts :nth-child(23) {
    animation-delay: 4.4s;
}
main.interactive section.is-active header :nth-child(24),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(24),
main.interactive section.is-active .swiper.small ul :nth-child(24),
main.interactive section.is-active .images :nth-child(24),
main.interactive section.is-active .texts :nth-child(24) {
    animation-delay: 4.6s;
}
main.interactive section.is-active header :nth-child(25),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(25),
main.interactive section.is-active .swiper.small ul :nth-child(25),
main.interactive section.is-active .images :nth-child(25),
main.interactive section.is-active .texts :nth-child(25) {
    animation-delay: 4.8s;
}
main.interactive section.is-active header :nth-child(26),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(26),
main.interactive section.is-active .swiper.small ul :nth-child(26),
main.interactive section.is-active .images :nth-child(26),
main.interactive section.is-active .texts :nth-child(26) {
    animation-delay: 5s;
}
main.interactive section.is-active header :nth-child(27),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(27),
main.interactive section.is-active .swiper.small ul :nth-child(27),
main.interactive section.is-active .images :nth-child(27),
main.interactive section.is-active .texts :nth-child(27) {
    animation-delay: 5.2s;
}
main.interactive section.is-active header :nth-child(28),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(28),
main.interactive section.is-active .swiper.small ul :nth-child(28),
main.interactive section.is-active .images :nth-child(28),
main.interactive section.is-active .texts :nth-child(28) {
    animation-delay: 5.4s;
}
main.interactive section.is-active header :nth-child(29),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(29),
main.interactive section.is-active .swiper.small ul :nth-child(29),
main.interactive section.is-active .images :nth-child(29),
main.interactive section.is-active .texts :nth-child(29) {
    animation-delay: 5.6s;
}
main.interactive section.is-active header :nth-child(30),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(30),
main.interactive section.is-active .swiper.small ul :nth-child(30),
main.interactive section.is-active .images :nth-child(30),
main.interactive section.is-active .texts :nth-child(30) {
    animation-delay: 5.8s;
}
main.interactive section.is-active header :nth-child(31),
main.interactive section.is-active ul:not(.swiper-wrapper) :nth-child(31),
main.interactive section.is-active .swiper.small ul :nth-child(31),
main.interactive section.is-active .images :nth-child(31),
main.interactive section.is-active .texts :nth-child(31) {
    animation-delay: 6s;
}
main .horizontal {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
main .horizontal::-webkit-scrollbar {
    display: none;
}
main .horizontal-title {
    padding-bottom: 0 !important;
}
aside {
    position: fixed;
    top: 0;
    right: -70%;
    width: 70%;
    height: 100vh;
    align-items: flex-start !important;
    transition: 0.25s;
    background-color: #fff;
    flex-direction: column;
}
aside.is-active {
    right: 0;
}
aside a {
    height: 50px;
    padding: 0 1rem;
    display: flex;
    align-items: center;
}
aside menu {
    height: 50px;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
aside menu::after {
    content: "";
    border: 1px solid #ddd;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
    width: 12px;
    height: 12px;
    display: inline-flex;
}
aside li {
    flex: 1 1 auto;
    border-bottom: 1px solid #eee;
}
aside ul {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    flex-direction: column;
    gap: 0;
}
aside nav {
    width: 100%;
}
aside .buttons {
    padding: 1rem;
}
aside .aside-handler {
    width: 3rem;
    height: 3rem;
    border: 1px solid #e3e6e9;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='14' viewBox='0 0 22 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5774_11226)'%3E%3Crect width='22' height='2' fill='black'/%3E%3Crect y='6' width='22' height='2' fill='black'/%3E%3Crect y='12' width='22' height='2' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5774_11226'%3E%3Crect width='22' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.inputs {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
    min-height: 32px;
}
.inputs li {
    padding: 0.75rem 0;
    width: 100%;
    display: flex;
    align-items: center;
}
.inputs li > :first-child {
    flex: 0 0 100px;
}
.inputs li > :last-child {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}
.inputs li > :last-child input {
    flex: 1 1 auto;
}
.input-container {
    display: flex;
    align-content: center;
    margin-bottom: 1rem;
    position: relative;
}
.input-container label {
    align-self: center;
}
.input-container input {
    flex: 1 1 auto;
}
.input-container div {
    display: flex;
    align-items: center;
}
.input-container div input {
    flex: 1 1 auto;
}
.buttons {
    display: flex;
    justify-content: center !important;
    gap: 0.5rem;
}
.buttons button.back {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #000;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center !important;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 176px;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 0;
    transition: background-color 0.25s;
}
.buttons button.back::before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='7' viewBox='0 0 23 7' fill='none'%3E%3Cpath d='M6 1L1 6H23' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")
        no-repeat center;
}
progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 6px;
    width: 100%;
    border-radius: 0.5rem;
    border: 0;
    background-color: #eee;
}
progress::-webkit-progress-bar {
    border-radius: 0.5rem;
    background-color: #eee;
}
progress::-webkit-progress-value {
    border-radius: 0.5rem;
    background-color: #0042cf;
    -webkit-transition: width 1s;
    transition: width 1s;
}
.progress-wrap {
    position: fixed;
    right: 50px;
    bottom: 50px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-content: center;
    border-radius: 50px;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    background-color: #b0c4de;
    transform: translateY(14px);
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.progress-wrap svg.progress-circle path {
    stroke: #fff;
    stroke-width: 4;
    box-sizing: border-box;
    transition: all 200ms linear;
}
.progress-wrap svg {
    fill: #fff;
    align-self: center;
}
.pagination {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 24px;
    padding: 1rem 0;
}
.pagination:empty {
    display: none !important;
}
.pagination > button {
    background-color: #eef2f6;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination .arrow {
    display: inline-flex;
    border: 1px solid #708090;
    border-left: none;
    border-bottom: none;
    width: 6px;
    height: 6px;
    margin-left: 0.15rem;
}
.pagination .arrow.left {
    transform: rotate(225deg);
}
.pagination .arrow.right {
    transform: rotate(45deg);
    margin-left: -1px;
}
.pagination .arrow.double {
    gap: 0.25rem;
}
.pagination .arrow.double::before {
    content: "";
    position: absolute;
    display: inline-flex;
    border: 1px solid #708090;
    border-left: none;
    border-bottom: none;
    width: 6px;
    height: 6px;
    top: 2px;
    left: -3px;
}
.pagination .pages {
    display: flex;
    gap: 1rem;
    margin: 0 1rem;
}
.pagination .pages button {
    display: flex;
    align-items: center;
}
.pagination .pages button.is-active {
    color: #0042cf;
}
.checkbox_non {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.checkbox_non input {
    position: absolute;
    opacity: 0;
}
.checkbox_non input:checked + label::before {
    content: "";
    background: #0042cf;
    border-color: #0042cf;
}
.checkbox_non input:checked + label::after {
    border-color: #fff;
}
.checkbox_non label {
    flex: 1 1 auto !important;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0;
    transition: 0.2s color;
    cursor: pointer;
}
.checkbox_non label::before {
    content: "";
    border-radius: 3px;
    margin-right: 3px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    background-color: #fff;
    transition: 0.2s;
}
.checkbox_non label::after {
    content: "";
    width: 10px;
    height: 6px;
    position: absolute;
    top: calc(50% - 2px);
    left: 6px;
    border: 2px solid #e3e6e9;
    border-top: none;
    border-right: none;
    background: rgba(0, 0, 0, 0);
    opacity: 1;
    transform: rotate(-45deg) translateY(-50%);
}
.checkbox {
    position: relative;
}
.checkbox input {
    display: none !important;
}
.checkbox input:checked ~ label::before {
    transition: all 0.15s ease-in;
    transform: scale(1.5);
    opacity: 0;
}
.checkbox input:checked ~ svg {
    stroke-dashoffset: 0;
    transition: all 0.3s ease-out 0.15s;
}
.checkbox label {
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 1.25;
    z-index: 2;
    cursor: pointer;
}
.checkbox label::before {
    content: "";
    flex: 0 0 auto;
    display: inline-block;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    border: 2px solid #f1f2f3;
    background-color: #fff;
    transition: all 0.15s ease-out 0.3s;
}
.checkbox svg {
    position: absolute;
    top: 50%;
    left: 3px;
    stroke: #0042cf;
    fill: none;
    stroke-width: 1.5;
    stroke-dasharray: 30 30;
    stroke-dashoffset: 30;
    transform: scale(1.15) translateY(-50%);
    transition: all 0.5s ease-out;
}
input[type="radio"] {
    display: none !important;
    opacity: 0;
}
input[type="radio"] + label {
    display: flex;
    align-items: center;
    margin-right: 0.75rem;
    cursor: pointer;
}
input[type="radio"] + label::before {
    content: "";
    flex: 0 0 auto;
    background: #f3f6f9;
    border-radius: 100%;
    border: 1px solid #e3e6e9;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    margin-right: 3px;
    vertical-align: middle;
    transition: all 0.2s ease;
}
input[type="radio"] + label:empty::before {
    margin-right: 0;
}
input[type="radio"]:is(:hover, :checked) + label::before {
    border-color: #0042cf !important;
    background-color: #0042cf !important;
    box-shadow: inset 0 0 0 3px #f3f6f9;
}
input[type="radio"]:focus + label:before {
    outline: none;
}
input[type="radio"]:disabled + label {
    cursor: auto;
}
input[type="radio"]:disabled + label::before {
    border-color: #b4b4b4;
    background: #f4f4f4;
}
input[type="radio"]:disabled:checked + label:before {
    box-shadow: inset 0 0 0 2px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}
.input-comment {
    flex: 1 1 100% !important;
}
.input-file-container {
    position: relative;
}
.input-file-container .input-file {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    padding: 0.5rem 0;
    cursor: pointer;
}
.input-file-container .input-file-trigger {
    display: block;
    font: normal 13px/1 "Pretendard";
    padding: 0.5rem;
    border-radius: 0.25rem;
    color: #fff;
    transition: all 0.4s;
    cursor: pointer;
}
.input-file-container .input-file:hover + .input-file-trigger,
.input-file-container .input-file:focus + .input-file-trigger,
.input-file-container .input-file-trigger:hover,
.input-file-container .input-file-trigger:focus {
    opacity: 0.7;
}
.file-return:not(:empty)::before {
    content: "Selected file: ";
}
.selectbox {
    display: flex;
    align-items: center;
    position: relative;
    white-space: nowrap;
    flex-wrap: nowrap !important;
}
.selectbox::-ms-expand {
    display: none;
}
.selectbox::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.7rem;
    width: 0;
    height: 0;
    margin-top: -6px;
    border: solid #000;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.selectbox label {
    white-space: nowrap;
    margin-right: 0.5rem;
}
.selectbox select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    width: 100%;
    height: 45px;
    padding: 0 1.75rem 0 0.5rem;
    font: 16px/1 "Pretendard";
    background-color: rgba(0, 0, 0, 0);
    color: #000;
    outline: 0;
    box-sizing: border-box;
    cursor: pointer;
}
.selectbox select:focus {
    border-color: #0042cf;
}
.tabs {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
}
.tabs li {
    cursor: pointer;
    position: relative;
    transition: 0.25s;
}
.tabs li:hover,
.tabs li.is-active {
    color: #0042cf;
}
.list {
    display: flex;
    flex-direction: column;
}
.list .row.title {
    position: sticky;
    top: 0;
    z-index: 80;
}
.tab-content {
    flex: 1 1 auto;
    display: none;
    gap: 0.5rem;
}
.tab-content.is-active {
    flex-direction: column;
}
.toggle {
    cursor: pointer;
}
.toggle-switch input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none !important;
}
.toggle-switch input + label {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #d3d6d9;
    height: 19px;
    width: 35px;
    border-radius: 25px;
    transition: 0.2s;
    overflow: unset;
    cursor: pointer;
}
.toggle-switch input + label::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 50%;
    transition: 0.2s;
    box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.15);
}
.toggle-switch input:checked + label {
    background-color: #0042cf;
    z-index: 2 !important;
}
.toggle-switch input:checked + label::before {
    left: 17px;
}
[data-modal] {
    cursor: pointer;
}
.modal {
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.25s;
    z-index: -1;
}
.modal.is-active {
    z-index: 100 !important;
}
.modal::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
}
.modal.main {
    position: relative;
}
.modal.main::before {
    content: none;
}
.modal.main img {
    max-width: 100%;
}
.modal.main button {
    color: #333;
    font-size: 15px;
}
.modal.main footer {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 1rem;
}
.modal.main .dialog {
    position: fixed;
    top: 7rem;
    right: 2.5rem;
    box-shadow: 3px 6px 20px 5px rgba(0, 0, 0, 0.1);
}
.modal.modal-alert :is(.modal-header, .modal-content, .buttons) {
    justify-content: center;
    text-align: center;
    gap: 0.5rem;
}
.modal.modal-alert .modal-content {
    align-items: center;
    font-size: 16px;
    white-space: pre-wrap;
}
.modal.modal-alert .modal-content + .buttons {
    margin-top: 0;
    justify-content: center !important;
}
.modal:is(.modal-confirm, .modal-alert) .dialog {
    min-width: 10rem;
    max-width: 25rem;
    min-height: 10rem;
    padding: 1.75rem 1.25rem 1.25rem;
    gap: 0.75rem;
    word-break: keep-all;
    line-height: 1.25;
}
.modal:is(.modal-confirm, .modal-alert) .modal-header {
    display: none;
}
.modal:is(.modal-confirm, .modal-alert) .modal-content,
.modal:is(.modal-confirm, .modal-alert) .buttons {
    padding: 0 !important;
}
.modal :is(.modal-header, .modal-content) {
    padding: 1.25rem;
}
.modal .dialog {
    min-width: 10rem;
    max-width: calc(100% - 2rem);
    max-height: 90%;
    background-color: #fff;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    z-index: 30;
    overflow: hidden;
}
.modal .dialog.small {
    min-width: 25rem;
    height: 500px;
}
.modal .modal-header {
    flex: 0 0 auto;
    position: relative;
    justify-content: space-between;
}
.modal .modal-header .close {
    width: 36px;
    height: 36px;
    background-image: linear-gradient(black 0 0), linear-gradient(black 0 0);
    background-position: center;
    background-size: 100% 3px, 3px 100%;
    background-repeat: no-repeat;
    transform: rotate(45deg);
    cursor: pointer;
}
.modal .modal-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    overflow: hidden;
    word-break: keep-all;
}
.modal .modal-content li {
    line-height: 1.5;
}
.modal .modal-content + .buttons {
    padding: 0 1.25rem 1.25rem 1.25rem;
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end !important;
}
.modal .modal-content + .buttons button {
    border-radius: 0.35rem;
    height: 36px;
    padding: 0 2rem;
}
.modal .modal-content + .buttons .btn-submit,
.modal .modal-content + .buttons .btn-main {
    background-color: #0042cf;
    color: #fff;
    box-shadow: 0 3px 9px -4px #0042cf;
}
.modal .modal-content + .buttons .btn-cancel {
    color: #434649;
}
.loader {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
}
[data-tooltip] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
[data-tooltip]:hover::before {
    max-height: 300px;
    padding: 0.75rem;
}
[data-tooltip]::before {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    min-width: 300px;
    width: 300px;
    white-space: pre-line;
    content: attr(data-tooltip);
    word-break: keep-all;
    transform: translateX(-50%);
    background-color: #000;
    padding: 0 0.75rem;
    line-height: 1.5;
    color: #fff;
    border-radius: 0.5rem;
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 50%;
    font: 12px/1.5 "Pretendard";
    transition: opacity 0.25s;
    z-index: -1;
}
[data-tooltip]::after {
    opacity: 0;
    content: "";
    position: absolute;
    top: calc(100% + 0.15rem);
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    border-bottom: 7px solid #000;
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-left: 7px solid rgba(0, 0, 0, 0);
    font-size: 0;
    line-height: 0;
    transition: opacity 0.25s;
}
.input-alert {
    width: 100%;
    color: #ff4500;
}
.tooltip {
    margin-left: 3px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    word-break: keep-all;
    white-space: normal;
    z-index: 75;
}
.tooltip::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath fill='rgb(151, 156, 178)' d='M24.2 35.65Q25 35.65 25.55 35.1Q26.1 34.55 26.1 33.75Q26.1 32.95 25.55 32.4Q25 31.85 24.2 31.85Q23.4 31.85 22.85 32.4Q22.3 32.95 22.3 33.75Q22.3 34.55 22.85 35.1Q23.4 35.65 24.2 35.65ZM22.45 28.35H25.4Q25.4 27.05 25.725 25.975Q26.05 24.9 27.75 23.5Q29.3 22.2 29.95 20.95Q30.6 19.7 30.6 18.2Q30.6 15.55 28.875 13.95Q27.15 12.35 24.3 12.35Q21.85 12.35 19.975 13.575Q18.1 14.8 17.25 16.95L19.9 17.95Q20.45 16.55 21.55 15.775Q22.65 15 24.15 15Q25.85 15 26.9 15.925Q27.95 16.85 27.95 18.3Q27.95 19.4 27.3 20.375Q26.65 21.35 25.4 22.4Q23.9 23.7 23.175 24.975Q22.45 26.25 22.45 28.35ZM24 44Q19.8 44 16.15 42.475Q12.5 40.95 9.8 38.25Q7.1 35.55 5.55 31.9Q4 28.25 4 24Q4 19.8 5.55 16.15Q7.1 12.5 9.8 9.8Q12.5 7.1 16.15 5.55Q19.8 4 24 4Q28.15 4 31.8 5.55Q35.45 7.1 38.15 9.8Q40.85 12.5 42.425 16.15Q44 19.8 44 24Q44 28.25 42.425 31.9Q40.85 35.55 38.15 38.25Q35.45 40.95 31.8 42.475Q28.15 44 24 44ZM24 23.45Q24 23.45 24 23.45Q24 23.45 24 23.45Q24 23.45 24 23.45Q24 23.45 24 23.45Q24 23.45 24 23.45Q24 23.45 24 23.45Q24 23.45 24 23.45Q24 23.45 24 23.45ZM24 41Q31.05 41 36.025 36Q41 31 41 24Q41 17 36.025 12Q31.05 7 24 7Q16.85 7 11.925 12Q7 17 7 24Q7 31 11.925 36Q16.85 41 24 41Z'/%3E%3C/svg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.tooltip:hover {
    z-index: 80;
}
.tooltip:hover .tooltip-content {
    opacity: 1;
    visibility: visible;
    max-height: 300px;
    transform: translate(0, 0.5rem);
}
.tooltip:hover .tooltip-content::before {
    opacity: 1;
    visibility: visible;
}
.tooltip.type2::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath fill='rgb(151, 156, 178)' d='M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E");
}
.tooltip-content {
    opacity: 0;
    visibility: hidden;
    word-break: keep-all;
    position: absolute;
    top: 100%;
    padding: 0.75rem;
    width: 360px;
    border-radius: 0.5rem;
    background-color: #000;
    color: #fff;
    text-align: left;
    font: 12px/1.25 "굴림", "Pretendard";
    transform: translate(0, 1rem);
    transition: all 0.2s;
}
.tooltip-content.is-active {
    z-index: 100 !important;
}
.tooltip-content::before {
    content: "";
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: -6px;
    left: calc(2rem + 3px);
    border-bottom: 6px solid #000;
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-left: 6px solid rgba(0, 0, 0, 0);
    transition: all 0.2s;
}
.scroll-to-top {
    position: fixed;
    bottom: -4rem;
    right: 1rem;
    transition: bottom 0.25s;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: #434649
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath fill='white' d='M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z'/%3E%3C/svg%3E")
        no-repeat center;
    box-shadow: 0 3px 9px -4px #434649;
    cursor: pointer;
    z-index: 100 !important;
}
.scroll-to-top.is-active {
    bottom: 1rem;
}
.ui-datepicker {
    flex-direction: column;
    padding: 0.5rem;
}
.ui-datepicker .ui-widget-header {
    border: 1px solid #0042cf;
    background: #0063fd;
    color: #333;
    font-weight: normal;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none;
}
.ui-datepicker .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-next::before {
    content: "";
    display: block;
    border: 2px solid #0042cf;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover {
    top: 2px;
    border: 0;
    background: rgba(0, 0, 0, 0);
    font-weight: unset;
}
.ui-datepicker .ui-datepicker-prev::before {
    transform: rotate(225deg);
}
.ui-datepicker th {
    font-weight: normal;
    font-size: 13px;
    color: #939699;
}
.ui-datepicker .ui-datepicker-calendar {
    margin-bottom: 0;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default,
.ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-default,
.ui-datepicker .ui-datepicker-calendar .ui-widget-header .ui-state-default,
.ui-datepicker .ui-datepicker-calendar .ui-button,
.ui-datepicker .ui-datepicker-calendar html .ui-button.ui-state-disabled:hover,
.ui-datepicker
    .ui-datepicker-calendar
    html
    .ui-button.ui-state-disabled:active {
    border: 1px solid #eee;
    background: rgba(0, 0, 0, 0);
    font: normal 13px/1 "Pretendard";
    width: 29px;
    height: 32px;
    border-radius: 3px;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-datepicker-calendar .ui-widget-header .ui-state-highlight {
    border: 1px solid #7682f8;
    background: #f2f1ff;
    color: #000;
    font-family: "Pretendard";
}
.ui-datepicker .ui-datepicker-calendar .ui-state-hover,
.ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-datepicker-calendar .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-datepicker-calendar .ui-state-focus,
.ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-focus,
.ui-datepicker .ui-datepicker-calendar .ui-widget-header .ui-state-focus,
.ui-datepicker .ui-datepicker-calendar .ui-button:hover,
.ui-datepicker .ui-datepicker-calendar .ui-button:focus {
    border: 1px solid #e3e6e9;
    background: #e3e6e9;
    font-weight: normal;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-active,
.ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-active,
.ui-datepicker .ui-datepicker-calendar .ui-widget-header .ui-state-active,
.ui-datepicker .ui-datepicker-calendar a.ui-button:active,
.ui-datepicker .ui-datepicker-calendar .ui-button:active,
.ui-datepicker .ui-datepicker-calendar .ui-button.ui-state-active:hover {
    border: 1px solid #0042cf;
    background: #0042cf;
    font-weight: normal;
    color: #fff;
}
.js .loading::before,
.js .loading::after {
    content: "";
    position: fixed;
    z-index: 1000;
}
.js-image {
    max-width: 100%;
    display: block;
}
.loaded .js-image {
    opacity: 0;
}
.js .loading::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #080c2b;
}
.js .loading::after {
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    border-radius: 50%;
    opacity: 0.4;
    background: #0042cf;
    animation: loaderAnim 0.7s linear infinite alternate forwards;
}
@keyframes loaderAnim {
    to {
        opacity: 1;
        transform: scale3d(0.5, 0.5, 1);
    }
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    background-color: #eee;
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #eee;
}
::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #a3a6a9;
}
@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.swiper {
    width: 100%;
}
.swiper .wrapper {
    min-height: 480px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.swiper.small .swiper-wrapper {
    height: auto;
}
.swiper-slide {
    max-width: 100%;
    height: auto;
}
.swiper-pagination {
    order: 1;
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    bottom: auto !important;
    position: relative;
    color: #fff;
    font: 500 14px/1 "Pretendard";
    transition: background-color 1s;
}
.swiper-pagination.light-ver {
    background-color: rgba(0, 0, 0, 0.2);
}
.swiper-pagination-bullet {
    margin: 0 2px !important;
}
.swiper-pagination-bullet-active {
    background: #000;
    width: 1.5rem;
    border-radius: 1rem;
}
.swiper-navigation {
    position: absolute;
    left: 50%;
    bottom: 1.75rem;
    transform: translate(-50%, -50%);
    gap: 0.65rem;
    width: -moz-fit-content;
    width: fit-content;
    height: 32px;
    padding: 0 1rem;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 80px;
    display: flex;
    align-items: center;
    z-index: 1;
}
.swiper-navigation button {
    flex: 0 0 auto;
    position: relative;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 9px;
    height: 9px;
    top: auto;
    left: auto;
    right: auto;
    border: 2px solid #fff;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg);
    transition: opacity 0.4s, border-color 2s;
    z-index: 50;
}
.swiper-navigation button::after {
    content: none;
}
.swiper-navigation button:hover {
    opacity: 1;
}
.swiper-navigation button.swiper-button-prev {
    order: 0;
    transform: rotate(225deg);
}
.swiper-navigation button.swiper-button-next {
    order: 2;
}
.swiper-navigation.light-ver button {
    border-color: #000;
}
@media screen and (max-width: 960px) {
    .modal .dialog {
        width: -moz-max-content;
        width: max-content;
        min-width: auto !important;
        max-width: calc(100% - 2rem) !important;
    }
}
[class*="ico"] {
    background-repeat: no-repeat;
}
.ico-edit {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E");
    background-size: 20px 20px;
    background-position: center;
}
.ico-sort {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none' /%3E%3Cpath fill='slategray' d='M12 5.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z' /%3E%3C/svg%3E");
    background-position: center right;
    background-size: 18px;
    cursor: pointer;
}
.ico-search {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z' fill='white' /%3E%3C/svg%3E");
    background-size: 20px 20px;
    background-position: center;
}
.ico-link::after {
    content: "";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='rgba(255,255,255,.5)' d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E")
        center;
    background-size: 100%;
    width: 14px;
    height: 14px;
    display: inline-block;
    transition: 0.25s;
}
.ico-delete {
    background-color: rgba(0, 0, 0, 0) !important;
}
.ico-delete::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 64 64' enable-background='new 0 0 64 64' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='slategray' d='M54,8H42V4c0-2.2-1.8-4-4-4H26c-2.2,0-4,1.8-4,4v4H10c-2.2,0-4,1.8-4,4v8h4.1l2.6,38.4c0.2,3.1,2.8,5.6,6,5.6h26.5 c3.1,0,5.8-2.5,6-5.6L53.9,20H58v-8C58,9.8,56.2,8,54,8z M26,4h12v4H26V4z M47.3,58.1c-0.1,1-0.9,1.9-2,1.9H18.7 c-1,0-1.9-0.8-2-1.9L14.1,20h35.7L47.3,58.1z M54,16H10v-4h44V16z'/%3E%3Crect fill='slategray' x='9' y='37' transform='matrix(7.669654e-02 0.9971 -0.9971 7.669654e-02 59.1978 14.0736)' width='26.1' height='4'/%3E%3Crect fill='slategray' x='30' y='26' width='4' height='26'/%3E%3Crect fill='slategray' x='40' y='26' transform='matrix(0.9971 7.665917e-02 -7.665917e-02 0.9971 3.1133 -3.1049)' width='4' height='26.1'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    transition: 0.25s;
}
.ico-delete:hover {
    background-color: #f2f3f3 !important;
}
.ico-chart::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='slategray' d='M10 20h4V4h-4v16zm-6 0h4v-8H4v8zM16 9v11h4V9h-4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.ico-list::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath fill='slategray' d='M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.ico-grid::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='slategray' d='M3 3v8h8V3H3zm6 6H5V5h4v4zm-6 4v8h8v-8H3zm6 6H5v-4h4v4zm4-16v8h8V3h-8zm6 6h-4V5h4v4zm-6 4v8h8v-8h-8zm6 6h-4v-4h4v4z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.ico-filter::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24' viewBox='0 0 24 24' width='24'%3E%3Cg%3E%3Cpath d='M0,0h24 M24,24H0' fill='none'/%3E%3Cpath fill='lightgray' d='M4.25,5.61C6.27,8.2,10,13,10,13v6c0,0.55,0.45,1,1,1h2c0.55,0,1-0.45,1-1v-6c0,0,3.72-4.8,5.74-7.39 C20.25,4.95,19.78,4,18.95,4H5.04C4.21,4,3.74,4.95,4.25,5.61z'/%3E%3Cpath d='M0,0h24v24H0V0z' fill='none'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 14px;
    height: 14px;
    display: inline-block;
}
.ico-star::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 64 64' enable-background='new 0 0 64 64' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='lightgray' d='M48.9,64c-0.9,0-1.7-0.3-2.4-0.7L32.3,54c-0.2-0.1-0.3-0.1-0.5,0l-14.2,9.3C16.8,63.7,16,64,15.1,64 c-1.4,0-2.7-0.6-3.5-1.7c-0.9-1.1-1.2-2.5-0.8-3.8L14.8,41c0-0.2,0-0.4-0.2-0.5L1.5,28.7c-1.3-1.2-1.8-3.1-1.3-4.8 c0.6-1.7,2.1-2.9,3.9-3l16.9-1.3c0.2,0,0.3-0.1,0.4-0.3l6.3-16.4C28.5,1.1,30.1,0,32,0s3.5,1.1,4.2,2.9l6.3,16.4 c0.1,0.2,0.2,0.3,0.4,0.3l16.9,1.3c1.8,0.1,3.3,1.3,3.9,3c0.6,1.7,0.1,3.6-1.3,4.8L49.3,40.5c-0.1,0.1-0.2,0.3-0.2,0.5l4.1,17.5 c0.3,1.3,0,2.7-0.8,3.8C51.6,63.4,50.2,64,48.9,64z M32,49.9c0.9,0,1.7,0.3,2.5,0.7l14.2,9.3c0.2,0.2,0.5,0.1,0.7-0.1 c0.1-0.1,0.1-0.2,0.1-0.4l-4.1-17.5c-0.4-1.6,0.2-3.3,1.4-4.4l13.2-11.7c0.2-0.2,0.2-0.4,0.1-0.5c-0.1-0.2-0.2-0.3-0.4-0.3 l-16.9-1.3c-1.7-0.1-3.2-1.3-3.8-2.9L32.5,4.3c-0.2-0.4-0.7-0.4-0.9,0l-6.3,16.4c-0.6,1.6-2.1,2.7-3.8,2.9L4.5,24.9 c-0.2,0-0.4,0.1-0.4,0.3c0,0.1-0.1,0.4,0.1,0.5l13.2,11.7c1.2,1.1,1.8,2.8,1.4,4.4l-4.1,17.5c0,0.2,0,0.3,0.1,0.4 c0.2,0.2,0.4,0.3,0.7,0.1l14.2-9.3C30.3,50.1,31.1,49.9,32,49.9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
    display: inline-block;
    transition: 0.25s;
}
.ico-star.is-active::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 64 64' enable-background='new 0 0 64 64' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='rgba(255,184,63)' d='M62,22.8l-18.9-1.5c-0.8-0.1-1.6-0.6-1.9-1.4L34,1.4c-0.7-1.9-3.4-1.9-4.1,0l-7.2,18.5c-0.3,0.8-1,1.3-1.9,1.4L2,22.8 c-1.9,0.1-2.7,2.6-1.3,3.8l14.6,12.9c0.6,0.5,0.9,1.4,0.7,2.2l-4.6,19.6c-0.5,1.9,1.7,3.4,3.3,2.4l16-10.4c0.7-0.5,1.7-0.5,2.4,0 l16,10.4c1.7,1.1,3.8-0.4,3.3-2.4L48,41.7c-0.2-0.8,0.1-1.6,0.7-2.2l14.6-12.9C64.7,25.3,63.9,22.9,62,22.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.ico-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='rgb(91, 84, 198)' d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E");
    background-size: 16px 16px;
    background-position: center;
}
.ico-download {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24' viewBox='0 0 24 24' width='24'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='rgb(91, 84, 198)' d='M5,20h14v-2H5V20z M19,9h-4V3H9v6H5l7,7L19,9z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 14px 14px;
    background-position: center left 0.75rem;
    padding-left: 1.75rem !important;
}
.ico-refresh {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='rgb(91, 84, 198)' d='M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/%3E%3C/svg%3E");
    background-size: 18px 18px;
    background-position: center left 0.65rem;
    padding-left: 1.75rem !important;
}
.ico-store {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='18' viewBox='0 0 24 24' width='18'%3E%3Cg%3E%3Crect fill='none' height='24' width='24' /%3E%3C/g%3E%3Cg%3E%3Cg /%3E%3Cg%3E%3Cpath fill='darkgray' d='M21.9,8.89l-1.05-4.37c-0.22-0.9-1-1.52-1.91-1.52H5.05C4.15,3,3.36,3.63,3.15,4.52L2.1,8.89 c-0.24,1.02-0.02,2.06,0.62,2.88C2.8,11.88,2.91,11.96,3,12.06V19c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2v-6.94 c0.09-0.09,0.2-0.18,0.28-0.28C21.92,10.96,22.15,9.91,21.9,8.89z M18.91,4.99l1.05,4.37c0.1,0.42,0.01,0.84-0.25,1.17 C19.57,10.71,19.27,11,18.77,11c-0.61,0-1.14-0.49-1.21-1.14L16.98,5L18.91,4.99z M13,5h1.96l0.54,4.52 c0.05,0.39-0.07,0.78-0.33,1.07C14.95,10.85,14.63,11,14.22,11C13.55,11,13,10.41,13,9.69V5z M8.49,9.52L9.04,5H11v4.69 C11,10.41,10.45,11,9.71,11c-0.34,0-0.65-0.15-0.89-0.41C8.57,10.3,8.45,9.91,8.49,9.52z M4.04,9.36L5.05,5h1.97L6.44,9.86 C6.36,10.51,5.84,11,5.23,11c-0.49,0-0.8-0.29-0.93-0.47C4.03,10.21,3.94,9.78,4.04,9.36z M5,19v-6.03C5.08,12.98,5.15,13,5.23,13 c0.87,0,1.66-0.36,2.24-0.95c0.6,0.6,1.4,0.95,2.31,0.95c0.87,0,1.65-0.36,2.23-0.93c0.59,0.57,1.39,0.93,2.29,0.93 c0.84,0,1.64-0.35,2.24-0.95c0.58,0.59,1.37,0.95,2.24,0.95c0.08,0,0.15-0.02,0.23-0.03V19H5z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 100%;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.ico-cog {
    background-image: url("data:image/svg+xml,%3Csvg class='toggle-feature' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 100%;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.ico-calendar {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 10H7v2h10v-2zm2-7h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zm-5-5H7v2h7v-2z' fill='%23c3c6c9' /%3E%3C/svg%3E");
    background-size: 100%;
    width: 18px;
    height: 18px;
    display: inline-block;
}
.ico-sync {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='800px' height='800px' viewBox='0 0 24 24' version='1.1'%3E%3Ctitle%3Esync%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='web-app' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='sync' fill='%235b54c6'%3E%3Cpath d='M6.8762659,15.1237341 C7.93014755,16.8486822 9.83062143,18 12,18 C14.6124377,18 16.8349158,16.3303847 17.6585886,14 L19.747965,14 C18.8598794,17.4504544 15.7276789,20 12,20 C9.28005374,20 6.87714422,18.6426044 5.43172915,16.5682708 L3,19 L3,13 L9,13 L6.8762659,15.1237341 Z M17.1245693,8.87543068 C16.0703077,7.15094618 14.1695981,6 12,6 C9.3868762,6 7.16381436,7.66961525 6.33992521,10 L4.25,10 C5.13831884,6.54954557 8.27134208,4 12,4 C14.7202162,4 17.123416,5.35695218 18.5692874,7.43071264 L21,5 L21,11 L15,11 L17.1245693,8.87543068 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 20px 20px;
    background-position: center;
}
.ico-eye {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M20.188 10.9343C20.7044 11.5613 20.7044 12.4387 20.188 13.0657C18.7679 14.7899 15.6357 18 11.9999 18C8.3642 18 5.23199 14.7899 3.8119 13.0657C3.29545 12.4387 3.29545 11.5613 3.8119 10.9343C5.23199 9.21014 8.3642 6 11.9999 6C15.6357 6 18.7679 9.21014 20.188 10.9343Z' stroke='%235b54c6' stroke-width='2'%3E%3C/path%3E%3Cpath d='M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z' stroke='%235b54c6' stroke-width='2'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: 24px 24px;
    background-position: center;
}
.marquee {
    overflow: hidden;
    --offset: 45vw;
    --move-initial: calc(-50% + var(--offset));
    --move-final: calc(-25% + var(--offset));
}
.marquee-wrapper {
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    position: relative;
    transform: translate3d(var(--move-initial), 0, 0);
    animation: marquee 10s linear infinite reverse;
}
@keyframes marquee {
    0% {
        transform: translate3d(var(--move-initial), 0, 0);
    }
    100% {
        transform: translate3d(var(--move-final), 0, 0);
    }
}
@keyframes moveUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes moveDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes moveUpDown {
    0% {
        transform: translateY(-7px);
    }
    50% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-7px);
    }
}