@font-face {
    font-family: 'OneStoreMobileGothicTitleFont';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

.pfont {
    font-family: 'OneStoreMobileGothicTitleFont' !important;
    font-weight: normal;
}

:root {
    --grd-direction-rt: to right top;
    --grd-direction-r: to right;
    --grd-direction-rb: to right bottom;
    --grd-direction-b: to bottom;
    --grd-direction-lb: to left bottom;
    --grd-direction-l: to left;
    --grd-direction-lt: to left top;
    --grd-direction-t: to top;
    --yellow: #fee500; /*ffc107*/
    --orange: #ff681d;
    --red: #d50000;
    --grd-primary: #8748ff, #7c44fe, #7040fe, #633cfd, #5439fd;
    --grd-secondary: #fea19a, #ff919a, #ff809f, #ff70aa, #fe61b8;
    --grd-tertiary: #17e2a1 3%, #00c08f 120%;
    --grd-info: #2196f3, #5598f8, #769bfb, #919dfe, #a99fff;
    --grd-success: #9dd85f, #86d563, #6ed168, #51cd6e, #26c975;
    --grd-warning: #ff7800, #ff5c01 45%, #ec0d00 80%;
    --grd-error: #d50000, #de1c18, #e72d29, #ef3c3a, #f64949;
    --dark-brt: #f2f5ff;
    --dark-br: #9ca6cb;
    --dark-hl: #7883ad;
    /*--dark-br: #9accb8;
    --dark-hl: #94a571;*/
    --dark-l: #2a324d;
    --dark-op: #242b4480;
    --darker: #242b44;
    --grd-dark: var(--mud-palette-dark-lighten), var(--mud-palette-dark-darken);
    --bar-bg: #8748ff0d;
    --light-green: #9accb8;
    --dark-green: #548377;
    --darker-green: #384d48;
    --p-green-01: #f4f7ec;
    --p-green-02: #f3f7ec;
    --p-green-03: #e8edde;
    --p-green-04: #d8dfcb;
    --p-green-05: #bcc3ae;
    /* 모서리 곡률 16px기준 */ /*0.5rem=8px / 1.5rem=24px*/
    --br_s: 0.5rem; /*8px*/
    --br_m: 0.625rem; /*10px*/
    --br_r: 0.9375rem; /*15px*/
    --br_l: 1.25rem; /*20px*/
    --br_xl: 1.5625rem; /*25px*/
    --br_2xl: 1.875rem; /*30px*/
    --br_c: 9999px;
    /* border-radius - 5px step (16px base) */
    --br_5: 0.3125rem; /* 5px */
    --br_10: 0.625rem; /* 10px */
    --br_15: 0.9375rem; /* 15px */
    --br_20: 1.25rem; /* 20px */
    --br_25: 1.5625rem; /* 25px */
    --br_30: 1.875rem; /* 30px */
    --br_35: 2.1875rem; /* 35px */
    --br_40: 2.5rem; /* 40px */

    --size-2xs: 0.625em;
    --size-xs: 0.75em;
    --size-sm: 0.875em;
    --size-md: 1em; /*기본*/
    --size-lg: 1.125em;
    --size-xl: 1.25em; /* 20px */
    --size-2xl: 1.5em;
    --size-3xl: 1.75em;
    --size-4xl: 2em;
    --size-5xl: 2.25em;
    --size-6xl: 2.5em;
    --size-7xl: 3em;
    --size-8xl: 3.5em;
    --size-9xl: 4em;
    --size-10xl: 4.5em;
    --size-11xl: 5em;
    --size-12xl: 6em;
    --border-op01: 1px solid rgba(255,255,255,0.1);
    --border-op02: 2px solid rgba(255,255,255,0.1);
    --borderb-op01: 1px solid rgba(0,0,0,0.1);
    --borderg-op01: 1px solid rgba(67,160,71,0.45);
    --borderg-op02: 1px solid rgba(67,160,71,0.25);
}

.gradient-sunset {
    background: linear-gradient(45deg, #ff6b6b, #feca57, #ff9ff3);
}

.gradient-ocean {
    background: linear-gradient(45deg, #0abde3, #006ba6, #3742fa);
}

.gradient-fire {
    background: linear-gradient(45deg, #ff3838, #ff9500, #ffdd00);
}

.gradient-forest {
    background: linear-gradient(45deg, #26de81, #20bf6b, #0fb9b1);
}

.gradient-cosmic {
    background: linear-gradient(45deg, #667eea, #764ba2, #f093fb);
}

.gradient-aurora {
    background: linear-gradient(45deg, #00f260, #0575e6, #00d4ff);
}
.br_s {
    border-radius: var(--br_s);
}

.br_r {
    border-radius: var(--br_r);
}

.br_m {
    border-radius: var(--br_m);
}

.br_l {
    border-radius: var(--br_l);
}

.br_xl {
    border-radius: var(--br_xl);
}

.br_2xl {
    border-radius: var(--br_2xl);
}

.br_c {
    border-radius: var(--br_c);
}

.border-op01 {
    border: var(--border-op01);
}

.border-op02 {
    border: var(--border-op02);
}

.borderb-op01 {
    border: var(--borderb-op01) !important;
}

.borderg-op01 {
    border: var(--borderg-op01) !important;
}

.borderg-op02 {
    border: var(--borderg-op02) !important;
}

.text_2xs {
    font-size: var(--size-2xs);
}

.text_xs {
    font-size: var(--size-xs);
}

.text_sm {
    font-size: var(--size-sm);
}

.text_md {
    font-size: var(--size-md);
}
/*기본*/
.text_lg {
    font-size: var(--size-lg);
}

.text_xl {
    font-size: var(--size-xl);
}

.text_2xl {
    font-size: var(--size-2xl);
}

.text_3xl {
    font-size: var(--size-3xl);
}

.text_4xl {
    font-size: var(--size-4xl);
}

.text_5xl {
    font-size: var(--size-5xl);
}

.text_6xl {
    font-size: var(--size-6xl);
}

.text_7xl {
    font-size: var(--size-7xl);
}

.text_8xl {
    font-size: var(--size-8xl);
}

.text_9xl {
    font-size: var(--size-9xl);
}

.text_10xl {
    font-size: var(--size-10xl);
}

.text_11xl {
    font-size: var(--size-11xl);
}

.text_12xl {
    font-size: var(--size-12xl);
}
/*투명도*/
.opc_01 {
    opacity: 0.1
}

.opc_02 {
    opacity: 0.2
}

.opc_03 {
    opacity: 0.3
}

.opc_04 {
    opacity: 0.4
}

.opc_05 {
    opacity: 0.5
}

.opc_06 {
    opacity: 0.6
}

.opc_07 {
    opacity: 0.7
}

.opc_08 {
    opacity: 0.8
}

.opc_09 {
    opacity: 0.9
}
/*폰트두께*/
.thin {
    font-weight: 100 !important;
}

.light {
    font-weight: 300 !important;
}

.extralight {
    font-weight: 200 !important;
}

.regular {
    font-weight: 400 !important;
}

.medium {
    font-weight: 500 !important;
}

.semibold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.extrabold {
    font-weight: 800 !important;
}

.fw_black {
    font-weight: 900 !important;
}


.bg-text-box {
    background-color:#f2f8f8;
}
/*배경투명*/
.bg-trans {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
}
/*센터*/
.Sample_Center .mud-grid-item .mud-paper, .Sample_Center, .CenCen {
    display: flex;
    justify-content: center;
    align-items: center
}
/*플립*/
.flipH,
.flipping:hover .material-symbols-rounded {
    transform: scaleX(-1)
}
/* 스퀘클 */
.squircle-1 {
    clip-path: url(#SquircleClip-1);
}

.squircle-2 {
    clip-path: url(#SquircleClip-2);
}

.squircle-3 {
    clip-path: url(#SquircleClip-3);
}

.squircle-4 {
    clip-path: url(#SquircleClip-4);
}
.item {
    height: 100px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
}

.borderr {
    position: relative;
    padding: 2px;
    z-index: 0;

    &::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( 60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82 );
        z-index: -1;
        background-size: 150% 150%;
        animation: moveBorder 3s linear alternate infinite;
    }
}

.shadow-red {
    filter: drop-shadow(0 0 0.75rem crimson);
}

.shadow-light {
    filter: drop-shadow(0 0 0.75rem #196f82);
}

/*.red {
    background: #ca3214;
    background-color: #ffe53b;
    background-color: #ff3cac;
    background-color: #ffe53b;
    background-image: linear-gradient(147deg, #ffe53b 0%, #ff2525 74%);
    background-size: 100% 200%;
    animation: moveBackground 8s linear alternate infinite;
}*/

.dark {
    background: rgba(0, 0, 0, 0.2);
}

.long {
    width: auto;
    aspect-ratio: 3/1;
}

.hidden {
    height: 1px;
    width: 1px;
    overflow: hidden;
    position: absolute;
    margin: -1px;
    padding: 0;
    border: 0;
    clip-path: inset(50%);
    white-space: nowrap;
}

@keyframes moveBackground {
    from {
        background-position: top;
    }

    to {
        background-position: bottom;
    }
}

@keyframes moveBorder {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/*텍스트 마커*/
.bg-marker-green, .marker-green {
    box-shadow: inset 0px -.6em 0 rgb(239 254 190);
}
.bg-marker-orange, .marker-orange {
    box-shadow: inset 0px -.6em 0 #ffe5d8;
}


/*폰트색상*/
.fc-grd-01 {
    background: #ffdb5d;
    background: linear-gradient(var(--grd-direction-r), #ffdb5d 20%, #ff809f);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px transparent;
    color: transparent;
}
.fc-white {
    color: var(--mud-palette-white);
}

.fc-dark-brl {
    color: var(--dark-br);
}
.fc-dark-hl {
    color: var(--dark-hl);
}
.fc-darker {
    color: var(--darker);
}
.fc-light-g {
    color: var(--mud-palette-white);
    opacity: 0.6;
}
.fc-yellow {
    color: var(--yellow);
}
.fc-orange, .marker-orange {
    color: var(--orange);
}
.fc-mint {
    color: var(--mud-palette-tertiary-lighten);
}
.fc-red {
    color: var(--red);
}
.fc-darker-green {
    color: var(--darker-green);
}
.fc-dark-green {
    color: var(--dark-green);
}
.fc-light-green {
    color: var(--light-green);
}
a.fc-light-green:hover {
    color: #caf8e6
}
.fc-light-brown {
    color: #ceb8b0;
}
a.fc-light-brown:hover {
    color: #ffd0c0;
}
.fc-green, .marker-green {
    color: #4caf50;
}
.fc-brown{
    color:saddlebrown!important
}
.fc-p-green-01 {
    color: var(--p-green-01);
}

.fc-p-green-02 {
   color: var(--p-green-02);
}

.fc-p-green-03 {
    color: var(--p-green-03);
}

.fc-p-green-04 {
    color: var(--p-green-04);
}

.fc-p-green-05 {
    color: var(--p-green-05);
}
tr.fc-red td, tr.fc-red td p, tr.fc-red td p a {
    color: var(--red) !important
}
.mud-primary-text-darken {
    color: var(--mud-palette-primary-darken);
}
.mud-secondary-text-darken {
    color: var(--mud-palette-secondary-darken);
}
.mud-tertiary-text-darken {
    color: var(--mud-palette-tertiary-darken);
}
.mud-info-text-darken {
    color: var(--mud-palette-info-darken);
}
.mud-success-text-darken {
    color: var(--mud-palette-success-darken);
}
.mud-warning-text-darken {
    color: var(--mud-palette-warning-darken);
}
.mud-error-text-darken {
    color: var(--mud-palette-error-darken);
}
.mud-dark-text-darken {
    color: var(--mud-palette-dark-darken);
}
.bg-dark-green {
    background-color: var(--dark-green);
}
.bg-darker-green {
    background-color: var(--darker-green);
}
.bg-light-green {
    background-color: var(--light-green);
}
.bg-yellow {
    background-color: var(--yellow);
}
.bg-surface {
    background-color: var(--mud-palette-surface);
}
.bg-text-box, .bg-dark-brt, .table-notice, .bg-bar {
    background-color: #f9fbf2;
}
.bg-p-green-01 {
    background-color: var(--p-green-01);
}
.bg-p-green-02 {
    background-color: var(--p-green-02);
}
.bg-p-green-03 {
    background-color: var(--p-green-03);
}
.bg-p-green-04 {
    background-color: var(--p-green-04);
}
.bg-p-green-05 {
    background-color: var(--p-green-05);
}
/*그라디언트*/
[class*="grd-bg"] {
    color: var(--mud-palette-primary-text) !important;
}
.dark-darken {
    background-color: var(--mud-palette-dark-darken);
    color: var(--mud-palette-white);
}

.bg-dark-highlight {
    background-color: var(--dark-hl);
    color: var(--mud-palette-white);
}

 /*배경다크라이트*/
.bg-dark-lighten {
    background-color: var(--mud-palette-dark-lighten);
    color: var(--mud-palette-white);
}
.bg-dark-op {
    background-color: var(--dark-op);
    color: var(--mud-palette-white);
}

.bg-white {
    background-color: #ffffff!important;
}

/*배경다크다큰*/
.bg-dark-darken {
    background-color: var(--mud-palette-dark-darken);
    color: var(--mud-palette-white)!important;
}
    .grd-bg-dark-lighten {
        background-image: linear-gradient(var(--grd-direction-b), #ffffff21 -30%, #00000055);
        border: 1px solid #ffffff0f;
    }
.grd-bg-dark-rt {
    background-image: linear-gradient(var(--grd-direction-rt), var(--grd-dark));
}

.grd-bg-dark-r {
    background-image: linear-gradient(var(--grd-direction-r), var(--grd-dark));
}

.grd-bg-dark-rb {
    background-image: linear-gradient(var(--grd-direction-rb), var(--grd-dark));
}

.grd-bg-dark-b {
    background-image: linear-gradient(var(--grd-direction-b), var(--grd-dark));
}

.grd-bg-dark-lb {
    background-image: linear-gradient(var(--grd-direction-lb), var(--grd-dark));
}

.grd-bg-dark-l {
    background-image: linear-gradient(var(--grd-direction-l), var(--grd-dark));
}

.grd-bg-dark-lt {
    background-image: linear-gradient(var(--grd-direction-lt), var(--grd-dark));
}

.grd-bg-dark-t {
    background-image: linear-gradient(var(--grd-direction-t), var(--grd-dark));
}

.grd-bg-primary-rt {
    background-image: linear-gradient(var(--grd-direction-rt), var(--grd-primary));
}

.grd-bg-primary-r {
    background-image: linear-gradient(var(--grd-direction-r), var(--grd-primary));
}

.grd-bg-primary-rb {
    background-image: linear-gradient(var(--grd-direction-rb), var(--grd-primary));
}

.grd-bg-primary-b {
    background-image: linear-gradient(var(--grd-direction-b), var(--grd-primary));
}

.grd-bg-primary-lb {
    background-image: linear-gradient(var(--grd-direction-lb), var(--grd-primary));
}

.grd-bg-primary-l {
    background-image: linear-gradient(var(--grd-direction-l), var(--grd-primary));
}

.grd-bg-primary-lt {
    background-image: linear-gradient(var(--grd-direction-lt), var(--grd-primary));
}

.grd-bg-primary-t {
    background-image: linear-gradient(var(--grd-direction-t), var(--grd-primary));
}


.grd-bg-secondary-rb {
    background-image: linear-gradient(var(--grd-direction-rb), var(--grd-secondary));
}

.grd-bg-secondary-r {
    background-image: linear-gradient(var(--grd-direction-r), var(--grd-secondary));
}

.grd-bg-secondary-rb {
    background-image: linear-gradient(var(--grd-direction-rb), var(--grd-secondary));
}

.grd-bg-secondary-b {
    background-image: linear-gradient(var(--grd-direction-b), var(--grd-secondary));
}

.grd-bg-secondary-lb {
    background-image: linear-gradient(var(--grd-direction-lbr), var(--grd-secondary));
}

.grd-bg-secondary-l {
    background-image: linear-gradient(var(--grd-direction-l), var(--grd-secondary));
}

.grd-bg-secondary-lt {
    background-image: linear-gradient(var(--grd-direction-lt), var(--grd-secondary));
}

.grd-bg-secondary-t {
    background-image: linear-gradient(var(--grd-direction-t), var(--grd-secondary));
}


.grd-bg-tertiary-rb {
    background-image: linear-gradient(var(--grd-direction-rb), var(--grd-tertiary));
}

.grd-bg-tertiary-r {
    background-image: linear-gradient(var(--grd-direction-r), var(--grd-tertiary));
}

.grd-bg-tertiary-rb {
    background-image: linear-gradient(var(--grd-direction-rb), var(--grd-tertiary));
}

.grd-bg-tertiary-b {
    background-image: linear-gradient(var(--grd-direction-b), var(--grd-tertiary));
}

.grd-bg-tertiary-lb {
    background-image: linear-gradient(var(--grd-direction-lb), var(--grd-tertiary));
}

.grd-bg-tertiary-l {
    background-image: linear-gradient(var(--grd-direction-l), var(--grd-tertiary));
}

.grd-bg-tertiary-lt {
    background-image: linear-gradient(var(--grd-direction-lt), var(--grd-tertiary));
}

.grd-bg-tertiary-t {
    background-image: linear-gradient(var(--grd-direction-t), var(--grd-tertiary));
}


.grd-bg-info-rb {
    background-image: linear-gradient(var(--grd-direction-rb), var(--grd-info));
}

.grd-bg-info-r {
    background-image: linear-gradient(var(--grd-direction-r), var(--grd-info));
}

.grd-bg-info-rb {
    background-image: linear-gradient(var(--grd-direction-rb), var(--grd-info));
}

.grd-bg-info-b {
    background-image: linear-gradient(var(--grd-direction-b), var(--grd-info));
}

.grd-bg-info-lb {
    background-image: linear-gradient(var(--grd-direction-lb), var(--grd-info));
}

.grd-bg-info-l {
    background-image: linear-gradient(var(--grd-direction-l), var(--grd-info));
}

.grd-bg-info-lt {
    background-image: linear-gradient(var(--grd-direction-lt), var(--grd-info));
}

.grd-bg-info-t {
    background-image: linear-gradient(var(--grd-direction-t), var(--grd-info));
}

.grd-bg-success-rb {
    background-image: linear-gradient(var(--grd-direction-rb), var(--grd-success));
}

.grd-bg-success-r {
    background-image: linear-gradient(var(--grd-direction-r), var(--grd-success));
}

.grd-bg-success-rb {
    background-image: linear-gradient(var(--grd-direction-rb), var(--grd-success));
}

.grd-bg-success-b {
    background-image: linear-gradient(var(--grd-direction-b), var(--grd-success));
}

.grd-bg-success-lb {
    background-image: linear-gradient(var(--grd-direction-lb), var(--grd-success));
}

.grd-bg-success-l {
    background-image: linear-gradient(var(--grd-direction-l), var(--grd-success));
}

.grd-bg-success-lt {
    background-image: linear-gradient(var(--grd-direction-lt), var(--grd-success));
}

.grd-bg-success-t {
    background-image: linear-gradient(var(--grd-direction-t), var(--grd-success));
}

.grd-bg-warning-rb {
    background-image: linear-gradient(var(--grd-direction-rb), var(--grd-warning));
}

.grd-bg-warning-r {
    background-image: linear-gradient(var(--grd-direction-r), var(--grd-warning));
}

.grd-bg-warning-rb {
    background-image: linear-gradient(var(--grd-direction-rb), var(--grd-warning));
}

.grd-bg-warning-b {
    background-image: linear-gradient(var(--grd-direction-b), var(--grd-warning));
}

.grd-bg-warning-lb {
    background-image: linear-gradient(var(--grd-direction-lb), var(--grd-warning));
}

.grd-bg-warning-l {
    background-image: linear-gradient(var(--grd-direction-l), var(--grd-warning));
}

.grd-bg-warning-lt {
    background-image: linear-gradient(var(--grd-direction-lt), var(--grd-warning));
}

.grd-bg-warning-t {
    background-image: linear-gradient(var(--grd-direction-t), var(--grd-warning));
}

.grd-bg-error-rb {
    background-image: linear-gradient(var(--grd-direction-rb), var(--grd-error));
}

.grd-bg-error-r {
    background-image: linear-gradient(var(--grd-direction-r), var(--grd-error));
}

.grd-bg-error-rb {
    background-image: linear-gradient(var(--grd-direction-rb), var(--grd-error));
}

.grd-bg-error-b {
    background-image: linear-gradient(var(--grd-direction-b), var(--grd-error));
}

.grd-bg-error-lb {
    background-image: linear-gradient(var(--grd-direction-lb), var(--grd-error));
}

.grd-bg-error-l {
    background-image: linear-gradient(var(--grd-direction-l), var(--grd-error));
}

.grd-bg-error-lt {
    background-image: linear-gradient(var(--grd-direction-lt), var(--grd-error));
}

.grd-bg-error-t {
    background-image: linear-gradient(var(--grd-direction-t), var(--grd-error));
}

/*머드기본색 라이트,다크*/
.mud-theme-primary-lighten {
    color: var(--mud-palette-primary-text) !important;
    background-color: var(--mud-palette-primary-lighten) !important
}

.mud-theme-primary-darken {
    color: var(--mud-palette-primary-text) !important;
    background-color: var(--mud-palette-primary-darken) !important
}

.mud-theme-secondary-lighten {
    color: var(--mud-palette-secondary-text) !important;
    background-color: var(--mud-palette-secondary-lighten) !important;
}

.mud-theme-secondary-darken {
    color: var(--mud-palette-secondary-text) !important;
    background-color: var(--mud-palette-secondary-darken) !important;
}

.mud-theme-tertiary-lighten {
    color: var(--mud-palette-tertiary-text) !important;
    background-color: var(--mud-palette-tertiary-lighten) !important;
}

.mud-theme-tertiary-darken {
    color: var(--mud-palette-tertiary-text) !important;
    background-color: var(--mud-palette-tertiary-darken) !important;
}

.mud-theme-info-lighten {
     color: var(--mud-palette-info-text) !important;
    background-color: var(--mud-palette-info-lighten) !important;
}

.mud-theme-info-darken {
    color: var(--mud-palette-info-text) !important;
    background-color: var(--mud-palette-info-darken) !important;
}

.mud-theme-success-lighten {
    color: var(--mud-palette-success-text) !important;
    background-color: var(--mud-palette-success-lighten) !important;
}

.mud-theme-success-darken {
    color: var(--mud-palette-success-text) !important;
    background-color: var(--mud-palette-success-darken) !important;
}

.mud-theme-warning-lighten {
    color: var(--mud-palette-warning-text) !important;
    background-color: var(--mud-palette-warning-lighten) !important;
}

.mud-theme-warning-darken {
    color: var(--mud-palette-warning-text) !important;
    background-color: var(--mud-palette-warning-darken) !important;
}

.mud-theme-error-lighten {
    color: var(--mud-palette-error-text) !important;
    background-color: var(--mud-palette-error-lighten) !important;
}

.mud-theme-error-darken {
    color: var(--mud-palette-error-text) !important;
    background-color: var(--mud-palette-error-darken) !important;
}

.mud-theme-dark-lighten {
    color: var(--mud-palette-dark-text) !important;
    background-color: var(--mud-palette-dark-lighten) !important;
}

.mud-theme-dark-darken {
    color: var(--mud-palette-dark-text) !important;
    background-color: var(--mud-palette-dark-darken) !important;
}
/*머드 다이얼로그*/
.mud-dialog {
    min-width: 300px;
    will-change: transform;
    transform: translateZ(0);
}

    .mud-dialog .mud-dialog-title {
        border-bottom: 1px solid var(--mud-palette-table-lines) !important;
        background-color: var(--mud-palette-primary-hover);
        display: flex;
        align-items: center !important;
        position: relative;
    }
    .mud-dialog .mud-dialog-content {
        padding: 16px 24px !important;
        background-color: var(--mud-palette-white) !important;
    }
        .mud-dialog .mud-dialog-content img{
            max-width:100%;
        }
        .mud-dialog .mud-dialog-actions {
            padding: 16px 24px !important;
            border-top: 1px solid var(--mud-palette-table-lines) !important;
        }
        .mud-dialog .mud-dialog-actions .mud-button {
            border: var(--borderb-op01) !important;
            padding-left:15px; 
            padding-right:15px;
        }
/*네비 액티브*/
.mud-navmenu.mud-navmenu-primary .mud-nav-item.active .mud-nav-link.mud-ripple {
    --mud-ripple-color: var(--mud-palette-primary);
    background-color: var(--mud-palette-primary-hover);
}

    .mud-navmenu.mud-navmenu-primary .mud-nav-item.active .mud-nav-link.mud-ripple:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: var(--mud-ripple-offset-y);
        left: var(--mud-ripple-offset-x);
        pointer-events: none;
        background-image: radial-gradient(circle, var(--mud-ripple-color) 10%, transparent 10.01%);
        background-repeat: no-repeat;
        background-position: 50%;
        transform: scale(20, 20);
        opacity: 0;
        transition: transform .6s, opacity 1s;
    }

    .mud-navmenu.mud-navmenu-primary .mud-nav-item.active .mud-nav-link.mud-ripple .mud-icon-root {
        color: var(--mud-palette-white);
    }