@charset "utf-8";
@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
}
: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(0,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,.15)
}
.swiper-3d .swiper-slide-shadow-left{
    background-image:linear-gradient(to left,rgba(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,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top{
    background-image:linear-gradient(to top,rgba(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,.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(0)
    }
    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:none
}
.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(.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(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
    transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
    transform:scale(.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,.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(0,-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,.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,.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,.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:0;
    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
}
:root{
    --krds-color-light-primary-5:#ecf2fe;
    --krds-color-light-primary-10:#d8e5fd;
    --krds-color-light-primary-20:#b1cefb;
    --krds-color-light-primary-30:#86aff9;
    --krds-color-light-primary-40:#4c87f6;
    --krds-color-light-primary-50:#256ef4;
    --krds-color-light-primary-60:#0b50d0;
    --krds-color-light-primary-70:#083891;
    --krds-color-light-primary-80:#052561;
    --krds-color-light-primary-90:#03163a;
    --krds-color-light-primary-95:#020f27;
    --krds-color-light-secondary-5:#eef2f7;
    --krds-color-light-secondary-10:#d6e0eb;
    --krds-color-light-secondary-20:#bacbde;
    --krds-color-light-secondary-30:#90b0d5;
    --krds-color-light-secondary-40:#6b96c7;
    --krds-color-light-secondary-50:#346fb2;
    --krds-color-light-secondary-60:#1c589c;
    --krds-color-light-secondary-70:#063a74;
    --krds-color-light-secondary-80:#052b57;
    --krds-color-light-secondary-90:#031f3f;
    --krds-color-light-secondary-95:#02162c;
    --krds-color-light-gray-0:#ffffff;
    --krds-color-light-gray-5:#f4f5f6;
    --krds-color-light-gray-10:#e6e8ea;
    --krds-color-light-gray-20:#cdd1d5;
    --krds-color-light-gray-30:#b1b8be;
    --krds-color-light-gray-40:#8a949e;
    --krds-color-light-gray-50:#6d7882;
    --krds-color-light-gray-60:#58616a;
    --krds-color-light-gray-70:#464c53;
    --krds-color-light-gray-80:#33363d;
    --krds-color-light-gray-90:#1e2124;
    --krds-color-light-gray-95:#131416;
    --krds-color-light-gray-100:#000000;
    --krds-color-light-alpha-black100:#000000;
    --krds-color-light-alpha-black75:#000000bf;
    --krds-color-light-alpha-black50:#00000080;
    --krds-color-light-alpha-black25:#00000040;
    --krds-color-light-alpha-black10:#0000001a;
    --krds-color-light-alpha-black0:#00000000;
    --krds-color-light-alpha-white100:#ffffff;
    --krds-color-light-alpha-white75:#ffffffbf;
    --krds-color-light-alpha-white50:#ffffff80;
    --krds-color-light-alpha-white25:#ffffff40;
    --krds-color-light-alpha-white10:#ffffff1a;
    --krds-color-light-alpha-white0:#ffffff00;
    --krds-color-light-danger-5:#fdefec;
    --krds-color-light-danger-10:#fcdfd9;
    --krds-color-light-danger-20:#f7afa1;
    --krds-color-light-danger-30:#f48771;
    --krds-color-light-danger-40:#f05f42;
    --krds-color-light-danger-50:#de3412;
    --krds-color-light-danger-60:#bd2c0f;
    --krds-color-light-danger-70:#8a240f;
    --krds-color-light-danger-80:#5c180a;
    --krds-color-light-danger-90:#390d05;
    --krds-color-light-danger-95:#260903;
    --krds-color-light-information-5:#e7f4fe;
    --krds-color-light-information-10:#d3ebfd;
    --krds-color-light-information-20:#9ed2fa;
    --krds-color-light-information-30:#5fb5f7;
    --krds-color-light-information-40:#2098f3;
    --krds-color-light-information-50:#0b78cb;
    --krds-color-light-information-60:#096ab3;
    --krds-color-light-information-70:#085691;
    --krds-color-light-information-80:#053961;
    --krds-color-light-information-90:#03253f;
    --krds-color-light-information-95:#021a2c;
    --krds-color-light-warning-5:#fff3db;
    --krds-color-light-warning-10:#ffe0a3;
    --krds-color-light-warning-20:#ffc95c;
    --krds-color-light-warning-30:#ffb114;
    --krds-color-light-warning-40:#c78500;
    --krds-color-light-warning-50:#9e6a00;
    --krds-color-light-warning-60:#8a5c00;
    --krds-color-light-warning-70:#614100;
    --krds-color-light-warning-80:#422c00;
    --krds-color-light-warning-90:#2e1f00;
    --krds-color-light-warning-95:#241800;
    --krds-color-light-success-5:#eaf6ec;
    --krds-color-light-success-10:#d8eedd;
    --krds-color-light-success-20:#a9dab4;
    --krds-color-light-success-30:#7ec88e;
    --krds-color-light-success-40:#3fa654;
    --krds-color-light-success-50:#228738;
    --krds-color-light-success-60:#267337;
    --krds-color-light-success-70:#285d33;
    --krds-color-light-success-80:#1f4727;
    --krds-color-light-success-90:#122b18;
    --krds-color-light-success-95:#0e2012;
    --krds-color-light-point-5:#fbeff0;
    --krds-color-light-point-10:#f5d6d9;
    --krds-color-light-point-20:#ebadb2;
    --krds-color-light-point-30:#e0858c;
    --krds-color-light-point-40:#d65c66;
    --krds-color-light-point-50:#d63d4a;
    --krds-color-light-point-60:#ab2b36;
    --krds-color-light-point-70:#7a1f26;
    --krds-color-light-point-80:#521419;
    --krds-color-light-point-90:#310c0f;
    --krds-color-light-point-95:#21080a;
    --krds-color-light-graphic-10:#e5ecf9;
    --krds-color-light-graphic-30:#98acc5;
    --krds-color-light-graphic-50:#61758f;
    --krds-color-light-graphic-70:#39506c;
    --krds-color-light-graphic-90:#223a58;
    --krds-color-high-contrast-gray-0:#ffffff;
    --krds-color-high-contrast-gray-5:#f4f5f6;
    --krds-color-high-contrast-gray-10:#e6e8ea;
    --krds-color-high-contrast-gray-20:#cdd1d5;
    --krds-color-high-contrast-gray-30:#b1b8be;
    --krds-color-high-contrast-gray-40:#8a949e;
    --krds-color-high-contrast-gray-50:#6d7882;
    --krds-color-high-contrast-gray-60:#58616a;
    --krds-color-high-contrast-gray-70:#464c53;
    --krds-color-high-contrast-gray-80:#33363d;
    --krds-color-high-contrast-gray-90:#1e2124;
    --krds-color-high-contrast-gray-95:#131416;
    --krds-color-high-contrast-gray-100:#000000;
    --krds-color-high-contrast-primary-5:#ecf2fe;
    --krds-color-high-contrast-primary-10:#d8e5fd;
    --krds-color-high-contrast-primary-20:#b1cefb;
    --krds-color-high-contrast-primary-30:#86aff9;
    --krds-color-high-contrast-primary-40:#4c87f6;
    --krds-color-high-contrast-primary-50:#256ef4;
    --krds-color-high-contrast-primary-60:#0b50d0;
    --krds-color-high-contrast-primary-70:#083891;
    --krds-color-high-contrast-primary-80:#052561;
    --krds-color-high-contrast-primary-90:#03163a;
    --krds-color-high-contrast-primary-95:#020f27;
    --krds-color-high-contrast-secondary-5:#edf6f8;
    --krds-color-high-contrast-secondary-10:#d5ebf1;
    --krds-color-high-contrast-secondary-20:#abd8e3;
    --krds-color-high-contrast-secondary-30:#75c0d1;
    --krds-color-high-contrast-secondary-40:#3d9fb8;
    --krds-color-high-contrast-secondary-50:#268097;
    --krds-color-high-contrast-secondary-60:#1f687a;
    --krds-color-high-contrast-secondary-70:#17505e;
    --krds-color-high-contrast-secondary-80:#113b45;
    --krds-color-high-contrast-secondary-90:#0e3139;
    --krds-color-high-contrast-secondary-95:#091f25;
    --krds-color-high-contrast-point-5:#fbeff0;
    --krds-color-high-contrast-point-10:#f5d6d9;
    --krds-color-high-contrast-point-20:#ebadb2;
    --krds-color-high-contrast-point-30:#e0858c;
    --krds-color-high-contrast-point-40:#d65c66;
    --krds-color-high-contrast-point-50:#d63d4a;
    --krds-color-high-contrast-point-60:#ab2b36;
    --krds-color-high-contrast-point-70:#7a1f26;
    --krds-color-high-contrast-point-80:#521419;
    --krds-color-high-contrast-point-90:#310c0f;
    --krds-color-high-contrast-point-95:#21080a;
    --krds-color-high-contrast-danger-5:#fdefec;
    --krds-color-high-contrast-danger-10:#fcdfd9;
    --krds-color-high-contrast-danger-20:#f7afa1;
    --krds-color-high-contrast-danger-30:#f48771;
    --krds-color-high-contrast-danger-40:#f05f42;
    --krds-color-high-contrast-danger-50:#de3412;
    --krds-color-high-contrast-danger-60:#bd2c0f;
    --krds-color-high-contrast-danger-70:#8a240f;
    --krds-color-high-contrast-danger-80:#5c180a;
    --krds-color-high-contrast-danger-90:#390d05;
    --krds-color-high-contrast-danger-95:#260903;
    --krds-color-high-contrast-warning-5:#fff3db;
    --krds-color-high-contrast-warning-10:#ffe0a3;
    --krds-color-high-contrast-warning-20:#ffc95c;
    --krds-color-high-contrast-warning-30:#ffb114;
    --krds-color-high-contrast-warning-40:#c78500;
    --krds-color-high-contrast-warning-50:#9e6a00;
    --krds-color-high-contrast-warning-60:#8a5c00;
    --krds-color-high-contrast-warning-70:#614100;
    --krds-color-high-contrast-warning-80:#422c00;
    --krds-color-high-contrast-warning-90:#2e1f00;
    --krds-color-high-contrast-warning-95:#241800;
    --krds-color-high-contrast-success-5:#eaf6ec;
    --krds-color-high-contrast-success-10:#d8eedd;
    --krds-color-high-contrast-success-20:#a9dab4;
    --krds-color-high-contrast-success-30:#7ec88e;
    --krds-color-high-contrast-success-40:#3fa654;
    --krds-color-high-contrast-success-50:#228738;
    --krds-color-high-contrast-success-60:#267337;
    --krds-color-high-contrast-success-70:#285d33;
    --krds-color-high-contrast-success-80:#1f4727;
    --krds-color-high-contrast-success-90:#122b18;
    --krds-color-high-contrast-success-95:#0e2012;
    --krds-color-high-contrast-information-5:#e7f4fe;
    --krds-color-high-contrast-information-10:#d3ebfd;
    --krds-color-high-contrast-information-20:#9ed2fa;
    --krds-color-high-contrast-information-30:#5fb5f7;
    --krds-color-high-contrast-information-40:#2098f3;
    --krds-color-high-contrast-information-50:#0b78cb;
    --krds-color-high-contrast-information-60:#096ab3;
    --krds-color-high-contrast-information-70:#085691;
    --krds-color-high-contrast-information-80:#053961;
    --krds-color-high-contrast-information-90:#03253f;
    --krds-color-high-contrast-information-95:#021a2c;
    --krds-color-high-contrast-alpha-black100:#000000;
    --krds-color-high-contrast-alpha-black75:#000000bf;
    --krds-color-high-contrast-alpha-black50:#00000080;
    --krds-color-high-contrast-alpha-black25:#00000040;
    --krds-color-high-contrast-alpha-black10:#0000001a;
    --krds-color-high-contrast-alpha-black0:#00000000;
    --krds-color-high-contrast-alpha-white100:#ffffff;
    --krds-color-high-contrast-alpha-white75:#ffffffbf;
    --krds-color-high-contrast-alpha-white50:#ffffff80;
    --krds-color-high-contrast-alpha-white25:#ffffff40;
    --krds-color-high-contrast-alpha-white10:#ffffff1a;
    --krds-color-high-contrast-alpha-white0:#ffffff00;
    --krds-color-high-contrast-graphic-10:#e5ecf9;
    --krds-color-high-contrast-graphic-30:#98acc5;
    --krds-color-high-contrast-graphic-50:#61758f;
    --krds-color-high-contrast-graphic-70:#39506c;
    --krds-color-high-contrast-graphic-90:#223a58;
    --krds-typo-font-type:Pretendard GOV;
    --krds-typo-font-weight-regular:Regular;
    --krds-typo-font-weight-bold:Bold;
    --krds-typo-letter-spacing-0:0rem;
    --krds-typo-letter-spacing-1:0.1rem;
    --krds-number-0:0rem;
    --krds-number-1:0.1rem;
    --krds-number-2:0.2rem;
    --krds-number-3:0.4rem;
    --krds-number-4:0.6rem;
    --krds-number-5:0.8rem;
    --krds-number-6:1rem;
    --krds-number-7:1.2rem;
    --krds-number-8:1.6rem;
    --krds-number-9:2rem;
    --krds-number-10:2.4rem;
    --krds-number-11:2.8rem;
    --krds-number-12:3.2rem;
    --krds-number-13:3.6rem;
    --krds-number-14:4rem;
    --krds-number-15:4.4rem;
    --krds-number-16:4.8rem;
    --krds-number-17:5.6rem;
    --krds-number-18:6.4rem;
    --krds-number-19:7.2rem;
    --krds-number-20:8rem;
    --krds-number-21:9.6rem;
    --krds-number-max:100rem;
    --krds-light-color-surface-gray-subtler:var(--krds-color-light-gray-5);
    --krds-light-color-surface-gray-subtle:var(--krds-color-light-gray-10);
    --krds-light-color-surface-disabled:var(--krds-color-light-gray-20);
    --krds-light-color-surface-primary-subtler:var(--krds-color-light-primary-5);
    --krds-light-color-surface-secondary-subtler:var(--krds-color-light-secondary-5);
    --krds-light-color-surface-danger-subtler:var(--krds-color-light-danger-5);
    --krds-light-color-surface-warning-subtler:var(--krds-color-light-warning-5);
    --krds-light-color-surface-success-subtler:var(--krds-color-light-success-5);
    --krds-light-color-surface-information-subtler:var(--krds-color-light-information-5);
    --krds-light-color-surface-point-subtler:var(--krds-color-light-point-5);
    --krds-light-color-surface-white:var(--krds-color-light-gray-0);
    --krds-light-color-surface-inverse:var(--krds-color-light-gray-90);
    --krds-light-color-surface-white-static:var(--krds-color-light-gray-0);
    --krds-light-color-surface-inverse-static:var(--krds-color-light-gray-90);
    --krds-light-color-surface-white-subtle:var(--krds-color-light-gray-0);
    --krds-light-color-surface-white-subtler:var(--krds-color-light-gray-0);
    --krds-light-color-border-gray-light:var(--krds-color-light-gray-20);
    --krds-light-color-border-gray:var(--krds-color-light-gray-30);
    --krds-light-color-border-secondary-light:var(--krds-color-light-secondary-10);
    --krds-light-color-border-danger-light:var(--krds-color-light-danger-10);
    --krds-light-color-border-danger:var(--krds-color-light-danger-50);
    --krds-light-color-border-warning-light:var(--krds-color-light-warning-10);
    --krds-light-color-border-warning:var(--krds-color-light-warning-50);
    --krds-light-color-border-success-light:var(--krds-color-light-success-10);
    --krds-light-color-border-success:var(--krds-color-light-success-50);
    --krds-light-color-border-information-light:var(--krds-color-light-information-10);
    --krds-light-color-border-information:var(--krds-color-light-information-50);
    --krds-light-color-border-gray-dark:var(--krds-color-light-gray-60);
    --krds-light-color-border-primary:var(--krds-color-light-primary-50);
    --krds-light-color-border-disabled:var(--krds-color-light-gray-30);
    --krds-light-color-border-gray-darker:var(--krds-color-light-gray-90);
    --krds-light-color-border-secondary:var(--krds-color-light-secondary-70);
    --krds-light-color-border-inverse:var(--krds-color-light-gray-0);
    --krds-light-color-border-transparency:var(--krds-color-light-alpha-black0);
    --krds-light-color-border-primary-light:var(--krds-color-light-primary-10);
    --krds-light-color-border-point:var(--krds-color-light-point-50);
    --krds-light-color-border-point-light:var(--krds-color-light-point-10);
    --krds-light-color-divider-gray-light:var(--krds-color-light-gray-20);
    --krds-light-color-divider-gray:var(--krds-color-light-gray-40);
    --krds-light-color-divider-gray-dark:var(--krds-color-light-gray-50);
    --krds-light-color-divider-primary:var(--krds-color-light-primary-50);
    --krds-light-color-divider-secondary-light:var(--krds-color-light-secondary-10);
    --krds-light-color-divider-secondary:var(--krds-color-light-secondary-70);
    --krds-light-color-divider-error:var(--krds-color-light-danger-50);
    --krds-light-color-divider-primary-light:var(--krds-color-light-primary-10);
    --krds-light-color-divider-inverse:var(--krds-color-light-gray-0);
    --krds-light-color-divider-gray-darker:var(--krds-color-light-gray-90);
    --krds-light-color-divider-point:var(--krds-color-light-point-50);
    --krds-light-color-text-bolder:var(--krds-color-light-gray-95);
    --krds-light-color-text-subtle:var(--krds-color-light-gray-70);
    --krds-light-color-text-disabled:var(--krds-color-light-gray-40);
    --krds-light-color-text-disabled-on:var(--krds-color-light-gray-50);
    --krds-light-color-text-primary:var(--krds-color-light-primary-60);
    --krds-light-color-text-secondary:var(--krds-color-light-secondary-80);
    --krds-light-color-text-danger:var(--krds-color-light-danger-60);
    --krds-light-color-text-warning:var(--krds-color-light-warning-60);
    --krds-light-color-text-success:var(--krds-color-light-success-60);
    --krds-light-color-text-information:var(--krds-color-light-information-60);
    --krds-light-color-text-basic:var(--krds-color-light-gray-90);
    --krds-light-color-text-point:var(--krds-color-light-point-60);
    --krds-light-color-text-bolder-inverse:var(--krds-color-light-gray-0);
    --krds-light-color-text-basic-inverse:var(--krds-color-light-gray-0);
    --krds-light-color-text-subtle-inverse:var(--krds-color-light-gray-30);
    --krds-light-color-text-inverse-static:var(--krds-color-light-gray-0);
    --krds-light-color-text-static:var(--krds-color-light-gray-90);
    --krds-light-color-icon-gray:var(--krds-color-light-gray-80);
    --krds-light-color-icon-gray-fill:var(--krds-color-light-gray-20);
    --krds-light-color-icon-inverse:var(--krds-color-light-gray-0);
    --krds-light-color-icon-primary:var(--krds-color-light-primary-50);
    --krds-light-color-icon-secondary:var(--krds-color-light-secondary-80);
    --krds-light-color-icon-point:var(--krds-color-light-point-50);
    --krds-light-color-icon-danger:var(--krds-color-light-danger-50);
    --krds-light-color-icon-warning:var(--krds-color-light-warning-50);
    --krds-light-color-icon-success:var(--krds-color-light-success-50);
    --krds-light-color-icon-information:var(--krds-color-light-information-50);
    --krds-light-color-icon-gray-light:var(--krds-color-light-gray-70);
    --krds-light-color-icon-disabled:var(--krds-color-light-gray-40);
    --krds-light-color-icon-disabled-on:var(--krds-color-light-gray-50);
    --krds-light-color-icon-inverse-static:var(--krds-color-light-gray-0);
    --krds-light-color-icon-primary-static:var(--krds-color-light-primary-50);
    --krds-light-color-icon-secondary-static:var(--krds-color-light-secondary-80);
    --krds-light-color-icon-point-static:var(--krds-color-light-point-50);
    --krds-light-color-icon-danger-static:var(--krds-color-light-danger-50);
    --krds-light-color-icon-warning-static:var(--krds-color-light-warning-50);
    --krds-light-color-icon-success-static:var(--krds-color-light-success-50);
    --krds-light-color-icon-information-static:var(--krds-color-light-information-50);
    --krds-light-color-icon-gray-static:var(--krds-color-light-gray-80);
    --krds-light-color-link-default:var(--krds-color-light-primary-50);
    --krds-light-color-link-hover:var(--krds-color-light-primary-60);
    --krds-light-color-link-pressed:var(--krds-color-light-primary-70);
    --krds-light-color-link-visited:#5917b8;
    --krds-light-color-button-primary-fill:var(--krds-color-light-primary-50);
    --krds-light-color-button-primary-fill-hover:var(--krds-color-light-primary-60);
    --krds-light-color-button-primary-fill-pressed:var(--krds-color-light-primary-70);
    --krds-light-color-button-secondary-fill:var(--krds-color-light-primary-5);
    --krds-light-color-button-secondary-fill-hover:var(--krds-color-light-primary-10);
    --krds-light-color-button-secondary-fill-pressed:var(--krds-color-light-primary-20);
    --krds-light-color-button-secondary-border:var(--krds-color-light-primary-50);
    --krds-light-color-button-tertiary-fill:var(--krds-color-light-alpha-white0);
    --krds-light-color-button-tertiary-fill-hover:var(--krds-color-light-gray-5);
    --krds-light-color-button-tertiary-fill-pressed:var(--krds-color-light-gray-10);
    --krds-light-color-button-tertiary-border:var(--krds-color-light-gray-60);
    --krds-light-color-button-disabled-fill:var(--krds-color-light-gray-20);
    --krds-light-color-button-text-fill-hover:var(--krds-color-light-secondary-5);
    --krds-light-color-button-text-fill-pressed:var(--krds-color-light-secondary-10);
    --krds-light-color-button-text-fill:var(--krds-color-light-alpha-white0);
    --krds-light-color-button-text-border:var(--krds-color-light-alpha-black0);
    --krds-light-color-button-disabled-border:var(--krds-color-light-gray-30);
    --krds-light-color-background-white:var(--krds-color-light-gray-0);
    --krds-light-color-background-inverse:var(--krds-color-light-gray-90);
    --krds-light-color-background-gray-subtler:var(--krds-color-light-gray-5);
    --krds-light-color-background-gray-subtle:var(--krds-color-light-gray-10);
    --krds-light-color-background-dim:var(--krds-color-light-alpha-black75);
    --krds-light-color-element-disabled-light:var(--krds-color-light-gray-20);
    --krds-light-color-element-disabled-dark:var(--krds-color-light-gray-40);
    --krds-light-color-element-gray-lighter:var(--krds-color-light-gray-5);
    --krds-light-color-element-gray-light:var(--krds-color-light-gray-10);
    --krds-light-color-element-gray:var(--krds-color-light-gray-50);
    --krds-light-color-element-primary-lighter:var(--krds-color-light-primary-5);
    --krds-light-color-element-primary-light:var(--krds-color-light-primary-10);
    --krds-light-color-element-primary:var(--krds-color-light-primary-50);
    --krds-light-color-element-secondary-lighter:var(--krds-color-light-secondary-5);
    --krds-light-color-element-secondary-light:var(--krds-color-light-secondary-10);
    --krds-light-color-element-secondary:var(--krds-color-light-secondary-70);
    --krds-light-color-element-point-lighter:var(--krds-color-light-point-5);
    --krds-light-color-element-point-light:var(--krds-color-light-point-10);
    --krds-light-color-element-point:var(--krds-color-light-point-50);
    --krds-light-color-element-danger-lighter:var(--krds-color-light-danger-5);
    --krds-light-color-element-danger:var(--krds-color-light-danger-50);
    --krds-light-color-element-warning-lighter:var(--krds-color-light-warning-5);
    --krds-light-color-element-warning:var(--krds-color-light-warning-30);
    --krds-light-color-element-success-lighter:var(--krds-color-light-success-5);
    --krds-light-color-element-success:var(--krds-color-light-success-50);
    --krds-light-color-element-information-lighter:var(--krds-color-light-information-5);
    --krds-light-color-element-information:var(--krds-color-light-information-50);
    --krds-light-color-element-inverse:var(--krds-color-light-gray-0);
    --krds-light-color-element-gray-dark:var(--krds-color-light-gray-60);
    --krds-light-color-element-inverse-static:var(--krds-color-light-gray-0);
    --krds-light-color-action-white:var(--krds-color-light-gray-0);
    --krds-light-color-action-primary:var(--krds-color-light-alpha-white0);
    --krds-light-color-action-primary-hover:var(--krds-color-light-primary-5);
    --krds-light-color-action-primary-pressed:var(--krds-color-light-primary-10);
    --krds-light-color-action-secondary:var(--krds-color-light-alpha-white0);
    --krds-light-color-action-secondary-hover:var(--krds-color-light-secondary-5);
    --krds-light-color-action-secondary-pressed:var(--krds-color-light-secondary-10);
    --krds-light-color-action-secondary-selected:var(--krds-color-light-secondary-5);
    --krds-light-color-action-secondary-on:var(--krds-color-light-alpha-white0);
    --krds-light-color-action-secondary-on-hover:var(--krds-color-light-gray-0);
    --krds-light-color-action-secondary-on-pressed:var(--krds-color-light-secondary-10);
    --krds-light-color-action-secondary-on-selected:var(--krds-color-light-gray-0);
    --krds-light-color-action-secondary-active:var(--krds-color-light-secondary-70);
    --krds-light-color-action-primary-active:var(--krds-color-light-primary-50);
    --krds-light-color-action-disabled:var(--krds-color-light-gray-20);
    --krds-light-color-action-primary-selected:var(--krds-color-light-primary-5);
    --krds-light-color-input-border:var(--krds-color-light-gray-60);
    --krds-light-color-input-border-disabled:var(--krds-color-light-gray-30);
    --krds-light-color-input-border-active:var(--krds-color-light-primary-50);
    --krds-light-color-input-border-error:var(--krds-color-light-danger-50);
    --krds-light-color-input-surface:var(--krds-color-light-gray-0);
    --krds-light-color-input-surface-disabled:var(--krds-color-light-gray-20);
    --krds-light-color-graphic-blue-subtler:var(--krds-color-light-graphic-10);
    --krds-light-color-graphic-blue-subtle:var(--krds-color-light-graphic-30);
    --krds-light-color-graphic-blue:var(--krds-color-light-graphic-50);
    --krds-light-color-graphic-blue-dark:var(--krds-color-light-graphic-70);
    --krds-light-color-graphic-blue-darker:var(--krds-color-light-graphic-90);
    --krds-light-color-graphic-red-subtler:var(--krds-color-light-point-5);
    --krds-light-color-graphic-red-subtle:var(--krds-color-light-point-10);
    --krds-light-color-graphic-red:var(--krds-color-high-contrast-point-20);
    --krds-light-color-graphic-red-dark:var(--krds-color-high-contrast-point-40);
    --krds-light-color-graphic-red-darker:var(--krds-color-high-contrast-point-70);
    --krds-light-color-graphic-brand:var(--krds-color-light-primary-50);
    --krds-light-color-alpha-base100:var(--krds-color-light-alpha-white100);
    --krds-light-color-alpha-base50:var(--krds-color-light-alpha-white50);
    --krds-light-color-alpha-base25:var(--krds-color-high-contrast-alpha-white25);
    --krds-light-color-alpha-base0:var(--krds-color-light-alpha-white0);
    --krds-light-color-alpha-inverse100:var(--krds-color-light-alpha-black100);
    --krds-light-color-alpha-inverse50:var(--krds-color-light-alpha-black50);
    --krds-light-color-alpha-inverse25:var(--krds-color-light-alpha-black25);
    --krds-light-color-alpha-inverse0:var(--krds-color-light-alpha-black0);
    --krds-light-color-alpha-base75:var(--krds-color-light-alpha-white75);
    --krds-light-color-alpha-inverse75:var(--krds-color-light-alpha-black75);
    --krds-light-color-alpha-inverse10:var(--krds-color-light-alpha-black10);
    --krds-light-color-alpha-base10:var(--krds-color-high-contrast-alpha-white10);
    --krds-light-color-alpha-shadow1:#0000000d;
    --krds-light-color-alpha-shadow2:#00000014;
    --krds-light-color-alpha-shadow3:#0000001f;
    --krds-light-border-width-variable-regular:0.1rem;
    --krds-light-border-width-variable-medium:0.2rem;
    --krds-light-border-width-static-regular:0.1rem;
    --krds-light-border-width-static-medium:0.2rem;
    --krds-high-contrast-color-surface-gray-subtler:var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-surface-gray-subtle:var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-surface-disabled:var(--krds-color-high-contrast-gray-70);
    --krds-high-contrast-color-surface-primary-subtler:var(--krds-color-high-contrast-primary-95);
    --krds-high-contrast-color-surface-secondary-subtler:var(--krds-color-high-contrast-secondary-95);
    --krds-high-contrast-color-surface-danger-subtler:var(--krds-color-high-contrast-danger-95);
    --krds-high-contrast-color-surface-warning-subtler:var(--krds-color-high-contrast-warning-95);
    --krds-high-contrast-color-surface-success-subtler:var(--krds-color-high-contrast-success-95);
    --krds-high-contrast-color-surface-information-subtler:var(--krds-color-high-contrast-information-95);
    --krds-high-contrast-color-surface-point-subtler:var(--krds-color-high-contrast-point-95);
    --krds-high-contrast-color-surface-white:var(--krds-color-high-contrast-gray-100);
    --krds-high-contrast-color-surface-inverse:var(--krds-color-high-contrast-gray-10);
    --krds-high-contrast-color-surface-white-static:var(--krds-color-high-contrast-gray-0);
    --krds-high-contrast-color-surface-inverse-static:var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-surface-white-subtle:var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-surface-white-subtler:var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-border-gray-light:var(--krds-color-high-contrast-gray-80);
    --krds-high-contrast-color-border-gray:var(--krds-color-high-contrast-gray-70);
    --krds-high-contrast-color-border-secondary-light:var(--krds-color-high-contrast-secondary-90);
    --krds-high-contrast-color-border-danger-light:var(--krds-color-high-contrast-danger-90);
    --krds-high-contrast-color-border-danger:var(--krds-color-high-contrast-danger-50);
    --krds-high-contrast-color-border-warning-light:var(--krds-color-high-contrast-warning-90);
    --krds-high-contrast-color-border-warning:var(--krds-color-high-contrast-warning-50);
    --krds-high-contrast-color-border-success-light:var(--krds-color-high-contrast-success-90);
    --krds-high-contrast-color-border-success:var(--krds-color-high-contrast-success-50);
    --krds-high-contrast-color-border-information-light:var(--krds-color-high-contrast-information-90);
    --krds-high-contrast-color-border-information:var(--krds-color-high-contrast-information-50);
    --krds-high-contrast-color-border-gray-dark:var(--krds-color-high-contrast-gray-40);
    --krds-high-contrast-color-border-primary:var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-border-disabled:var(--krds-color-high-contrast-gray-70);
    --krds-high-contrast-color-border-gray-darker:var(--krds-color-high-contrast-gray-10);
    --krds-high-contrast-color-border-secondary:var(--krds-color-high-contrast-secondary-60);
    --krds-high-contrast-color-border-inverse:var(--krds-color-high-contrast-gray-100);
    --krds-high-contrast-color-border-transparency:var(--krds-color-high-contrast-alpha-white25);
    --krds-high-contrast-color-border-primary-light:var(--krds-color-high-contrast-primary-90);
    --krds-high-contrast-color-border-point:var(--krds-color-high-contrast-point-50);
    --krds-high-contrast-color-border-point-light:var(--krds-color-high-contrast-point-90);
    --krds-high-contrast-color-divider-gray-light:var(--krds-color-high-contrast-gray-80);
    --krds-high-contrast-color-divider-gray:var(--krds-color-high-contrast-gray-70);
    --krds-high-contrast-color-divider-gray-dark:var(--krds-color-high-contrast-gray-50);
    --krds-high-contrast-color-divider-primary:var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-divider-secondary-light:var(--krds-color-high-contrast-secondary-90);
    --krds-high-contrast-color-divider-secondary:var(--krds-color-high-contrast-secondary-60);
    --krds-high-contrast-color-divider-error:var(--krds-color-high-contrast-danger-50);
    --krds-high-contrast-color-divider-primary-light:var(--krds-color-high-contrast-primary-90);
    --krds-high-contrast-color-divider-inverse:var(--krds-color-high-contrast-gray-100);
    --krds-high-contrast-color-divider-gray-darker:var(--krds-color-high-contrast-gray-10);
    --krds-high-contrast-color-divider-point:var(--krds-color-high-contrast-point-50);
    --krds-high-contrast-color-text-bolder:var(--krds-color-high-contrast-gray-10);
    --krds-high-contrast-color-text-subtle:var(--krds-color-high-contrast-gray-20);
    --krds-high-contrast-color-text-disabled:var(--krds-color-high-contrast-gray-60);
    --krds-high-contrast-color-text-disabled-on:var(--krds-color-high-contrast-gray-50);
    --krds-high-contrast-color-text-primary:var(--krds-color-high-contrast-primary-20);
    --krds-high-contrast-color-text-secondary:var(--krds-color-high-contrast-secondary-20);
    --krds-high-contrast-color-text-danger:var(--krds-color-high-contrast-danger-20);
    --krds-high-contrast-color-text-warning:var(--krds-color-high-contrast-warning-20);
    --krds-high-contrast-color-text-success:var(--krds-color-high-contrast-success-20);
    --krds-high-contrast-color-text-information:var(--krds-color-high-contrast-information-20);
    --krds-high-contrast-color-text-basic:var(--krds-color-high-contrast-gray-5);
    --krds-high-contrast-color-text-point:var(--krds-color-high-contrast-point-20);
    --krds-high-contrast-color-text-bolder-inverse:var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-text-basic-inverse:var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-text-subtle-inverse:var(--krds-color-high-contrast-gray-70);
    --krds-high-contrast-color-text-inverse-static:var(--krds-color-high-contrast-gray-0);
    --krds-high-contrast-color-text-static:var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-icon-gray:var(--krds-color-high-contrast-gray-5);
    --krds-high-contrast-color-icon-gray-fill:var(--krds-color-high-contrast-gray-70);
    --krds-high-contrast-color-icon-inverse:var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-icon-primary:var(--krds-color-high-contrast-primary-20);
    --krds-high-contrast-color-icon-secondary:var(--krds-color-high-contrast-secondary-20);
    --krds-high-contrast-color-icon-point:var(--krds-color-high-contrast-point-20);
    --krds-high-contrast-color-icon-danger:var(--krds-color-high-contrast-danger-20);
    --krds-high-contrast-color-icon-warning:var(--krds-color-high-contrast-warning-20);
    --krds-high-contrast-color-icon-success:var(--krds-color-high-contrast-success-20);
    --krds-high-contrast-color-icon-information:var(--krds-color-high-contrast-information-20);
    --krds-high-contrast-color-icon-gray-light:var(--krds-color-high-contrast-gray-20);
    --krds-high-contrast-color-icon-disabled:var(--krds-color-high-contrast-gray-60);
    --krds-high-contrast-color-icon-disabled-on:var(--krds-color-high-contrast-gray-50);
    --krds-high-contrast-color-icon-inverse-static:var(--krds-color-high-contrast-gray-0);
    --krds-high-contrast-color-icon-primary-static:var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-icon-secondary-static:var(--krds-color-high-contrast-secondary-80);
    --krds-high-contrast-color-icon-point-static:var(--krds-color-high-contrast-point-50);
    --krds-high-contrast-color-icon-danger-static:var(--krds-color-high-contrast-danger-50);
    --krds-high-contrast-color-icon-warning-static:var(--krds-color-high-contrast-warning-50);
    --krds-high-contrast-color-icon-success-static:var(--krds-color-high-contrast-success-50);
    --krds-high-contrast-color-icon-information-static:var(--krds-color-high-contrast-information-50);
    --krds-high-contrast-color-icon-gray-static:var(--krds-color-high-contrast-gray-80);
    --krds-high-contrast-color-link-default:var(--krds-color-high-contrast-primary-30);
    --krds-high-contrast-color-link-hover:var(--krds-color-high-contrast-primary-20);
    --krds-high-contrast-color-link-pressed:var(--krds-color-high-contrast-primary-10);
    --krds-high-contrast-color-link-visited:#c49ff9;
    --krds-high-contrast-color-button-primary-fill:var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-button-primary-fill-hover:var(--krds-color-high-contrast-primary-60);
    --krds-high-contrast-color-button-primary-fill-pressed:var(--krds-color-high-contrast-primary-70);
    --krds-high-contrast-color-button-secondary-fill:var(--krds-color-high-contrast-primary-95);
    --krds-high-contrast-color-button-secondary-fill-hover:var(--krds-color-high-contrast-primary-90);
    --krds-high-contrast-color-button-secondary-fill-pressed:var(--krds-color-high-contrast-primary-80);
    --krds-high-contrast-color-button-secondary-border:var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-button-tertiary-fill:var(--krds-color-high-contrast-alpha-black0);
    --krds-high-contrast-color-button-tertiary-fill-hover:var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-button-tertiary-fill-pressed:var(--krds-color-high-contrast-gray-80);
    --krds-high-contrast-color-button-tertiary-border:var(--krds-color-high-contrast-gray-40);
    --krds-high-contrast-color-button-disabled-fill:var(--krds-color-high-contrast-gray-80);
    --krds-high-contrast-color-button-text-fill-hover:var(--krds-color-high-contrast-secondary-95);
    --krds-high-contrast-color-button-text-fill-pressed:var(--krds-color-high-contrast-secondary-90);
    --krds-high-contrast-color-button-text-fill:var(--krds-color-high-contrast-alpha-black0);
    --krds-high-contrast-color-button-text-border:var(--krds-color-high-contrast-alpha-white50);
    --krds-high-contrast-color-button-disabled-border:var(--krds-color-high-contrast-gray-70);
    --krds-high-contrast-color-background-white:var(--krds-color-high-contrast-gray-100);
    --krds-high-contrast-color-background-inverse:var(--krds-color-high-contrast-gray-10);
    --krds-high-contrast-color-background-gray-subtler:var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-background-gray-subtle:var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-background-dim:var(--krds-color-high-contrast-alpha-black75);
    --krds-high-contrast-color-element-disabled-light:var(--krds-color-high-contrast-gray-80);
    --krds-high-contrast-color-element-disabled-dark:var(--krds-color-high-contrast-gray-60);
    --krds-high-contrast-color-element-gray-lighter:var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-element-gray-light:var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-element-gray:var(--krds-color-high-contrast-gray-50);
    --krds-high-contrast-color-element-primary-lighter:var(--krds-color-high-contrast-primary-95);
    --krds-high-contrast-color-element-primary-light:var(--krds-color-high-contrast-primary-90);
    --krds-high-contrast-color-element-primary:var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-element-secondary-lighter:var(--krds-color-high-contrast-secondary-95);
    --krds-high-contrast-color-element-secondary-light:var(--krds-color-high-contrast-secondary-90);
    --krds-high-contrast-color-element-secondary:var(--krds-color-high-contrast-secondary-60);
    --krds-high-contrast-color-element-point-lighter:var(--krds-color-high-contrast-point-95);
    --krds-high-contrast-color-element-point-light:var(--krds-color-high-contrast-point-90);
    --krds-high-contrast-color-element-point:var(--krds-color-high-contrast-point-50);
    --krds-high-contrast-color-element-danger-lighter:var(--krds-color-high-contrast-danger-95);
    --krds-high-contrast-color-element-danger:var(--krds-color-high-contrast-danger-50);
    --krds-high-contrast-color-element-warning-lighter:var(--krds-color-high-contrast-warning-95);
    --krds-high-contrast-color-element-warning:var(--krds-color-high-contrast-warning-30);
    --krds-high-contrast-color-element-success-lighter:var(--krds-color-high-contrast-success-95);
    --krds-high-contrast-color-element-success:var(--krds-color-high-contrast-success-50);
    --krds-high-contrast-color-element-information-lighter:var(--krds-color-high-contrast-information-95);
    --krds-high-contrast-color-element-information:var(--krds-color-high-contrast-information-50);
    --krds-high-contrast-color-element-inverse:var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-element-gray-dark:var(--krds-color-high-contrast-gray-40);
    --krds-high-contrast-color-element-inverse-static:var(--krds-color-high-contrast-gray-0);
    --krds-high-contrast-color-action-white:var(--krds-color-light-gray-100);
    --krds-high-contrast-color-action-primary:var(--krds-color-high-contrast-alpha-black0);
    --krds-high-contrast-color-action-primary-hover:var(--krds-color-high-contrast-primary-95);
    --krds-high-contrast-color-action-primary-pressed:var(--krds-color-high-contrast-primary-90);
    --krds-high-contrast-color-action-secondary:var(--krds-color-light-alpha-black0);
    --krds-high-contrast-color-action-secondary-hover:var(--krds-color-high-contrast-secondary-95);
    --krds-high-contrast-color-action-secondary-pressed:var(--krds-color-high-contrast-secondary-90);
    --krds-high-contrast-color-action-secondary-selected:var(--krds-color-high-contrast-secondary-95);
    --krds-high-contrast-color-action-secondary-on:var(--krds-color-high-contrast-alpha-black0);
    --krds-high-contrast-color-action-secondary-on-hover:var(--krds-color-high-contrast-gray-100);
    --krds-high-contrast-color-action-secondary-on-pressed:var(--krds-color-high-contrast-secondary-90);
    --krds-high-contrast-color-action-secondary-on-selected:var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-action-secondary-active:var(--krds-color-high-contrast-secondary-60);
    --krds-high-contrast-color-action-primary-active:var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-action-disabled:var(--krds-color-high-contrast-gray-80);
    --krds-high-contrast-color-action-primary-selected:var(--krds-color-high-contrast-primary-95);
    --krds-high-contrast-color-input-border:var(--krds-color-high-contrast-gray-40);
    --krds-high-contrast-color-input-border-disabled:var(--krds-color-high-contrast-gray-70);
    --krds-high-contrast-color-input-border-active:var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-input-border-error:var(--krds-color-high-contrast-danger-50);
    --krds-high-contrast-color-input-surface:var(--krds-color-high-contrast-gray-90);
    --krds-high-contrast-color-input-surface-disabled:var(--krds-color-high-contrast-gray-95);
    --krds-high-contrast-color-graphic-blue-subtler:var(--krds-color-high-contrast-graphic-10);
    --krds-high-contrast-color-graphic-blue-subtle:var(--krds-color-high-contrast-graphic-30);
    --krds-high-contrast-color-graphic-blue:var(--krds-color-high-contrast-graphic-50);
    --krds-high-contrast-color-graphic-blue-dark:var(--krds-color-high-contrast-graphic-70);
    --krds-high-contrast-color-graphic-blue-darker:var(--krds-color-high-contrast-graphic-90);
    --krds-high-contrast-color-graphic-red-subtler:var(--krds-color-high-contrast-point-5);
    --krds-high-contrast-color-graphic-red-subtle:var(--krds-color-high-contrast-point-10);
    --krds-high-contrast-color-graphic-red:var(--krds-color-high-contrast-point-20);
    --krds-high-contrast-color-graphic-red-dark:var(--krds-color-high-contrast-point-40);
    --krds-high-contrast-color-graphic-red-darker:var(--krds-color-high-contrast-point-70);
    --krds-high-contrast-color-graphic-brand:var(--krds-color-high-contrast-primary-50);
    --krds-high-contrast-color-alpha-base100:var(--krds-color-high-contrast-alpha-black100);
    --krds-high-contrast-color-alpha-base50:var(--krds-color-high-contrast-alpha-black50);
    --krds-high-contrast-color-alpha-base25:var(--krds-color-high-contrast-alpha-black25);
    --krds-high-contrast-color-alpha-base0:var(--krds-color-light-alpha-black0);
    --krds-high-contrast-color-alpha-inverse100:var(--krds-color-high-contrast-alpha-white100);
    --krds-high-contrast-color-alpha-inverse50:var(--krds-color-high-contrast-alpha-white50);
    --krds-high-contrast-color-alpha-inverse25:var(--krds-color-high-contrast-alpha-white25);
    --krds-high-contrast-color-alpha-inverse0:var(--krds-color-high-contrast-alpha-white0);
    --krds-high-contrast-color-alpha-base75:var(--krds-color-high-contrast-alpha-black75);
    --krds-high-contrast-color-alpha-inverse75:var(--krds-color-high-contrast-alpha-white75);
    --krds-high-contrast-color-alpha-inverse10:var(--krds-color-high-contrast-alpha-black25);
    --krds-high-contrast-color-alpha-base10:var(--krds-color-high-contrast-alpha-black10);
    --krds-high-contrast-color-alpha-shadow1:#0000001f;
    --krds-high-contrast-color-alpha-shadow2:#00000033;
    --krds-high-contrast-color-alpha-shadow3:#00000066;
    --krds-high-contrast-border-width-variable-regular:0.2rem;
    --krds-high-contrast-border-width-variable-medium:0.3rem;
    --krds-high-contrast-border-width-static-regular:0.1rem;
    --krds-high-contrast-border-width-static-medium:0.2rem;
    --krds-pc-font-size-display-large:6rem;
    --krds-pc-font-size-display-medium:4.4rem;
    --krds-pc-font-size-display-small:3.6rem;
    --krds-pc-font-size-body-large:1.9rem;
    --krds-pc-font-size-body-medium:1.7rem;
    --krds-pc-font-size-body-small:1.5rem;
    --krds-pc-font-size-body-xsmall:1.3rem;
    --krds-pc-font-size-label-large:1.9rem;
    --krds-pc-font-size-label-medium:1.7rem;
    --krds-pc-font-size-label-small:1.5rem;
    --krds-pc-font-size-label-xsmall:1.3rem;
    --krds-pc-font-size-heading-large:3.2rem;
    --krds-pc-font-size-heading-medium:2.4rem;
    --krds-pc-font-size-heading-small:1.9rem;
    --krds-pc-font-size-heading-xsmall:1.7rem;
    --krds-pc-font-size-heading-xxsmall:1.5rem;
    --krds-pc-font-size-heading-xlarge:4rem;
    --krds-pc-font-size-navigation-title-medium:2.4rem;
    --krds-pc-font-size-navigation-title-small:1.9rem;
    --krds-pc-font-size-navigation-depth-medium-bold:1.7rem;
    --krds-pc-font-size-navigation-depth-medium:1.7rem;
    --krds-pc-font-size-navigation-depth-small-bold:1.5rem;
    --krds-pc-font-size-navigation-depth-small:1.5rem;
    --krds-pc-gap-layout-header-breadcrumb:var(--krds-number-10);
    --krds-pc-gap-layout-left-contents:var(--krds-number-18);
    --krds-pc-gap-layout-contents-right:var(--krds-number-14);
    --krds-pc-gap-layout-h1-h2:var(--krds-number-16);
    --krds-pc-gap-layout-h2-h2:var(--krds-number-20);
    --krds-pc-gap-layout-h2-h3:var(--krds-number-14);
    --krds-pc-gap-layout-h3-h3:var(--krds-number-18);
    --krds-pc-gap-layout-h3-h4:var(--krds-number-10);
    --krds-pc-gap-layout-h4-h4:var(--krds-number-14);
    --krds-pc-gap-layout-h4-h5:var(--krds-number-8);
    --krds-pc-gap-layout-h5-h5:var(--krds-number-12);
    --krds-pc-gap-layout-title-body-small:var(--krds-number-8);
    --krds-pc-gap-layout-title-body-medium:var(--krds-number-9);
    --krds-pc-gap-layout-title-body-large:var(--krds-number-10);
    --krds-pc-gap-layout-breadcrumb-h1:var(--krds-number-14);
    --krds-pc-gap-layout-contents-footer:var(--krds-number-18);
    --krds-pc-gap-layout-text-text-large:var(--krds-number-9);
    --krds-pc-gap-layout-text-text-medium:var(--krds-number-8);
    --krds-pc-gap-layout-text-text-small:var(--krds-number-7);
    --krds-pc-gap-layout-image-text-small:var(--krds-number-9);
    --krds-pc-gap-layout-image-text-medium:var(--krds-number-10);
    --krds-pc-gap-layout-image-text-large:var(--krds-number-12);
    --krds-pc-padding-card-large:var(--krds-number-14);
    --krds-pc-padding-card-medium:var(--krds-number-12);
    --krds-pc-padding-card-small:var(--krds-number-10);
    --krds-pc-padding-card-xsmall:var(--krds-number-8);
    --krds-mobile-font-size-display-large:4.4rem;
    --krds-mobile-font-size-display-medium:3.2rem;
    --krds-mobile-font-size-display-small:2.8rem;
    --krds-mobile-font-size-body-large:1.9rem;
    --krds-mobile-font-size-body-medium:1.7rem;
    --krds-mobile-font-size-body-small:1.5rem;
    --krds-mobile-font-size-body-xsmall:1.3rem;
    --krds-mobile-font-size-label-large:1.9rem;
    --krds-mobile-font-size-label-medium:1.7rem;
    --krds-mobile-font-size-label-small:1.5rem;
    --krds-mobile-font-size-label-xsmall:1.3rem;
    --krds-mobile-font-size-heading-large:2.4rem;
    --krds-mobile-font-size-heading-medium:2.2rem;
    --krds-mobile-font-size-heading-small:1.9rem;
    --krds-mobile-font-size-heading-xsmall:1.7rem;
    --krds-mobile-font-size-heading-xxsmall:1.5rem;
    --krds-mobile-font-size-heading-xlarge:2.8rem;
    --krds-mobile-font-size-navigation-title-medium:2.2rem;
    --krds-mobile-font-size-navigation-title-small:1.9rem;
    --krds-mobile-font-size-navigation-depth-medium-bold:1.7rem;
    --krds-mobile-font-size-navigation-depth-medium:1.7rem;
    --krds-mobile-font-size-navigation-depth-small-bold:1.5rem;
    --krds-mobile-font-size-navigation-depth-small:1.5rem;
    --krds-mobile-gap-layout-header-breadcrumb:var(--krds-number-8);
    --krds-mobile-gap-layout-left-contents:0rem;
    --krds-mobile-gap-layout-contents-right:0rem;
    --krds-mobile-gap-layout-h1-h2:var(--krds-number-12);
    --krds-mobile-gap-layout-h2-h2:var(--krds-number-14);
    --krds-mobile-gap-layout-h2-h3:var(--krds-number-10);
    --krds-mobile-gap-layout-h3-h3:var(--krds-number-12);
    --krds-mobile-gap-layout-h3-h4:var(--krds-number-8);
    --krds-mobile-gap-layout-h4-h4:var(--krds-number-10);
    --krds-mobile-gap-layout-h4-h5:var(--krds-number-7);
    --krds-mobile-gap-layout-h5-h5:var(--krds-number-8);
    --krds-mobile-gap-layout-title-body-small:var(--krds-number-5);
    --krds-mobile-gap-layout-title-body-medium:var(--krds-number-7);
    --krds-mobile-gap-layout-title-body-large:var(--krds-number-9);
    --krds-mobile-gap-layout-breadcrumb-h1:var(--krds-number-12);
    --krds-mobile-gap-layout-contents-footer:var(--krds-number-14);
    --krds-mobile-gap-layout-text-text-large:var(--krds-number-8);
    --krds-mobile-gap-layout-text-text-medium:var(--krds-number-7);
    --krds-mobile-gap-layout-text-text-small:var(--krds-number-6);
    --krds-mobile-gap-layout-image-text-small:var(--krds-number-8);
    --krds-mobile-gap-layout-image-text-medium:var(--krds-number-9);
    --krds-mobile-gap-layout-image-text-large:var(--krds-number-10);
    --krds-mobile-padding-card-large:var(--krds-number-10);
    --krds-mobile-padding-card-medium:var(--krds-number-10);
    --krds-mobile-padding-card-small:var(--krds-number-9);
    --krds-mobile-padding-card-xsmall:var(--krds-number-7);
    --krds-gap-1:var(--krds-number-2);
    --krds-gap-2:var(--krds-number-3);
    --krds-gap-3:var(--krds-number-5);
    --krds-gap-4:var(--krds-number-7);
    --krds-gap-5:var(--krds-number-8);
    --krds-gap-6:var(--krds-number-9);
    --krds-gap-7:var(--krds-number-10);
    --krds-gap-8:var(--krds-number-12);
    --krds-gap-9:var(--krds-number-14);
    --krds-gap-10:var(--krds-number-16);
    --krds-gap-11:var(--krds-number-18);
    --krds-gap-12:var(--krds-number-20);
    --krds-padding-1:var(--krds-number-2);
    --krds-padding-2:var(--krds-number-3);
    --krds-padding-3:var(--krds-number-5);
    --krds-padding-4:var(--krds-number-6);
    --krds-padding-5:var(--krds-number-7);
    --krds-padding-6:var(--krds-number-8);
    --krds-padding-7:var(--krds-number-9);
    --krds-padding-8:var(--krds-number-10);
    --krds-padding-9:var(--krds-number-12);
    --krds-padding-10:var(--krds-number-14);
    --krds-size-height-1:var(--krds-number-5);
    --krds-size-height-2:var(--krds-number-8);
    --krds-size-height-3:var(--krds-number-9);
    --krds-size-height-4:var(--krds-number-10);
    --krds-size-height-5:var(--krds-number-12);
    --krds-size-height-6:var(--krds-number-14);
    --krds-size-height-7:var(--krds-number-16);
    --krds-size-height-8:var(--krds-number-17);
    --krds-size-height-9:var(--krds-number-18);
    --krds-size-height-10:var(--krds-number-19);
    --krds-size-height-11:var(--krds-number-20);
    --krds-radius-xsmall1:var(--krds-number-2);
    --krds-radius-xsmall2:var(--krds-number-2);
    --krds-radius-xsmall3:var(--krds-number-2);
    --krds-radius-small1:var(--krds-number-3);
    --krds-radius-small2:var(--krds-number-3);
    --krds-radius-small3:var(--krds-number-3);
    --krds-radius-medium1:var(--krds-number-4);
    --krds-radius-medium2:var(--krds-number-4);
    --krds-radius-medium3:var(--krds-number-5);
    --krds-radius-medium4:var(--krds-number-5);
    --krds-radius-large1:var(--krds-number-6);
    --krds-radius-large2:var(--krds-number-6);
    --krds-radius-xlarge1:var(--krds-number-7);
    --krds-radius-xlarge2:var(--krds-number-7);
    --krds-radius-max:var(--krds-number-max)
}
:root{
    --krds-font-family-base:var(--krds-typo-font-type);
    --krds-font-size-base:62.5%;
    --krds-line-height-none:1;
    --krds-line-height-base:1.5;
    --krds-letter-spacing-none:var(--krds-typo-letter-spacing-0);
    --krds-letter-spacing-wide:var(--krds-typo-letter-spacing-1);
    --krds-font-weight-regular:400;
    --krds-font-weight-bold:700;
    --krds-transition-base:0.4s ease-in-out;
    --krds-transition-fade:opacity 0.4s linear;
    --krds-transition-collapse:max-height 0.4s ease;
    --krds-transition-collapse-width:width 0.4s ease;
    --krds-contents-size:1200px;
    --krds-contents-padding-x:24px;
    --krds-contents-wrap-size:1248px;
    --krds-box-shadow-outline:0 0 0 0.4rem var(--krds-light-color-border-primary);
    --krds-box-shadow-outline-inset:inset 0 0 0 0.2rem var(--krds-light-color-border-primary);
    --krds-zoom-small:0.9;
    --krds-zoom-medium:1;
    --krds-zoom-large:1.1;
    --krds-zoom-xlarge:1.3;
    --krds-zoom-xxlarge:1.5;
    --krds-font-underline-offset:0.3rem;
    --krds-icon--size-xsmall:var(--krds-size-height-2);
    --krds-icon--size-small:var(--krds-size-height-2);
    --krds-icon--size-medium:var(--krds-size-height-3);
    --krds-icon--size-large:var(--krds-size-height-4);
    --krds-icon--size-xlarge:var(--krds-size-height-4)
}
[data-krds-mode=high-contrast] :root{
    --krds-box-shadow-outline:0 0 0 0.4rem var(--krds-high-contrast-color-border-primary);
    --krds-box-shadow-outline-inset:inset 0 0 0 0.2rem var(--krds-high-contrast-color-border-primary)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] :root{
        --krds-box-shadow-outline:0 0 0 0.4rem var(--krds-high-contrast-color-border-primary);
        --krds-box-shadow-outline-inset:inset 0 0 0 0.2rem var(--krds-high-contrast-color-border-primary)
    }
}
@media (max-width:1023px){
    :root{
        --krds-contents-padding-x:16px
    }
}
.svg-icon.ico-angle{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg)
}
.svg-icon.ico-angle.disabled{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle_disabled.svg);
    background-image:url(../images/component/icon/ico_angle_disabled.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_angle_disabled.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
.svg-icon.ico-angle.up{
    transform:rotate(180deg)
}
.svg-icon.ico-angle.left{
    transform:rotate(90deg)
}
.svg-icon.ico-angle.right{
    transform:rotate(-90deg)
}
.svg-icon.ico-sch{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_sch.svg);
    background-image:url(../images/component/icon/ico_sch.svg)
}
.svg-icon.ico-upload{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_upload.svg);
    background-image:url(../images/component/icon/ico_upload.svg)
}
.svg-icon.ico-call{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_call.svg);
    background-image:url(../images/component/icon/ico_call.svg)
}
.svg-icon.ico-faq{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_faq.svg);
    background-image:url(../images/component/icon/ico_faq.svg)
}
.svg-icon.ico-like{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_like.svg);
    background-image:url(../images/component/icon/ico_like.svg)
}
.svg-icon.ico-share{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_share.svg);
    background-image:url(../images/component/icon/ico_share.svg)
}
.svg-icon.ico-more{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_more.svg);
    background-image:url(../images/component/icon/ico_more.svg)
}
.svg-icon.ico-sch-plus{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_sch_plus.svg);
    background-image:url(../images/component/icon/ico_sch_plus.svg)
}
.svg-icon.ico-go{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_go.svg);
    background-image:url(../images/component/icon/ico_go.svg)
}
.svg-icon.ico-down{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_download.svg);
    background-image:url(../images/component/icon/ico_download.svg)
}
.svg-icon.ico-filter{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_filter.svg);
    background-image:url(../images/component/icon/ico_filter.svg)
}
.svg-icon.ico-reset{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_reset.svg);
    background-image:url(../images/component/icon/ico_reset.svg)
}
.svg-icon.ico-log{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_login.svg);
    background-image:url(../images/component/icon/ico_login.svg)
}
.svg-icon.ico-func{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_expand.svg);
    background-image:url(../images/component/icon/ico_expand.svg)
}
.svg-icon.ico-func.up{
    transform:rotate(-90deg)
}
.svg-icon.ico-func{
    gap:var(--krds-gap-3)
}
.svg-icon.ico-logout{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_logout.svg);
    background-image:url(../images/component/icon/ico_logout.svg)
}
.svg-icon.ico-logout{
    gap:var(--krds-gap-3)
}
.svg-icon.ico-email{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_email.svg);
    background-image:url(../images/component/icon/ico_email.svg)
}
.svg-icon.ico-email{
    gap:var(--krds-gap-3)
}
.svg-icon.ico-print{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_print.svg);
    background-image:url(../images/component/icon/ico_print.svg)
}
.svg-icon.ico-print{
    gap:var(--krds-gap-3)
}
.svg-icon.ico-scrap{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_scrap.svg);
    background-image:url(../images/component/icon/ico_scrap.svg)
}
.svg-icon.ico-scrap{
    gap:var(--krds-gap-3)
}
.svg-icon.ico-del{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_delete.svg);
    background-image:url(../images/component/icon/ico_delete.svg)
}
.svg-icon.ico-del{
    gap:var(--krds-gap-3)
}
.svg-icon.ico-popup-close{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_close.svg);
    background-image:url(../images/component/icon/ico_close.svg)
}
.svg-icon.ico-delete-fill{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_delete_fill.svg);
    background-image:url(../images/component/icon/ico_delete_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_delete_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
.svg-icon.ico-plus{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_plus.svg);
    background-image:url(../images/component/icon/ico_plus.svg)
}
.svg-icon.ico-plus{
    gap:var(--krds-gap-3)
}
.svg-icon.ico-setting{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_setting.svg);
    background-image:url(../images/component/icon/ico_setting.svg)
}
.svg-icon.ico-setting{
    gap:var(--krds-gap-3)
}
.svg-icon.ico-link{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_go.svg);
    background-image:url(../images/component/icon/ico_go.svg)
}
.svg-icon.ico-link{
    gap:var(--krds-gap-3)
}
.svg-icon.ico-refresh{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_reset.svg);
    background-image:url(../images/component/icon/ico_reset.svg)
}
.svg-icon.ico-toggle{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg)
}
.svg-icon.ico-pw-visible{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_pw_visible_off.svg);
    background-image:url(../images/component/icon/ico_pw_visible_off.svg)
}
.svg-icon.ico-pw-visible-on{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_pw_visible_on.svg);
    background-image:url(../images/component/icon/ico_pw_visible_on.svg)
}
.svg-icon.ico-help{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_help.svg);
    background-image:url(../images/component/icon/ico_help.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_help.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
.svg-icon.ico-page-next{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg);
    transform:rotate(-90deg)
}
.svg-icon.ico-bread-home{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_bread_home.svg);
    background-image:url(../images/component/icon/ico_bread_home.svg)
}
.svg-icon.ico-cal-move{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_arrow_dropdown.svg);
    background-image:url(../images/component/icon/ico_arrow_dropdown.svg)
}
.svg-icon.ico-calendar{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_calendar.svg);
    background-image:url(../images/component/icon/ico_calendar.svg)
}
.svg-icon.ico-success-fill{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_success_fill.svg);
    background-image:url(../images/component/icon/ico_success_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_success_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
.svg-icon.ico-information-fill{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_information_fill.svg);
    background-image:url(../images/component/icon/ico_information_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_information_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
.svg-icon.ico-error-fill{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_error_fill.svg);
    background-image:url(../images/component/icon/ico_error_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_error_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
.svg-icon.ico-complete-fill{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_complete_fill.svg);
    background-image:url(../images/component/icon/ico_complete_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_complete_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
.svg-icon.ico-modal-close{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_close.svg);
    background-image:url(../images/component/icon/ico_close.svg)
}
.svg-icon.ico-fold{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_foldable.svg);
    background-image:url(../images/component/icon/ico_foldable.svg)
}
.svg-icon.ico-fold.right{
    transform:rotate(-180deg)
}
.svg-icon.ico-ellipsis{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_ellipsis.svg);
    background-image:url(../images/component/icon/ico_ellipsis.svg)
}
.svg-icon.ico-swiper-play{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_swiper_play.svg);
    background-image:url(../images/component/icon/ico_swiper_play.svg)
}
.svg-icon.ico-swiper-stop{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_swiper_stop.svg);
    background-image:url(../images/component/icon/ico_swiper_stop.svg)
}
.svg-icon.ico-tooltip{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_tooltip.svg);
    background-image:url(../images/component/icon/ico_tooltip.svg)
}
.svg-icon.ico-urgent-danger{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_urgent_badge_danger.svg);
    background-image:url(../images/component/icon/ico_urgent_badge_danger.svg)
}
.svg-icon.ico-blog{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_blog.svg);
    background-image:url(../images/component/icon/ico_blog.svg)
}
.svg-icon.ico-facebook{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_facebook.svg);
    background-image:url(../images/component/icon/ico_facebook.svg)
}
.svg-icon.ico-instagram{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_instagram.svg);
    background-image:url(../images/component/icon/ico_instagram.svg)
}
.svg-icon.ico-sns-x{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_sns_x.svg);
    background-image:url(../images/component/icon/ico_sns_x.svg)
}
.svg-icon.ico-youtube{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_youtube.svg);
    background-image:url(../images/component/icon/ico_youtube.svg)
}
.svg-icon.ico-all{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_all.svg);
    background-image:url(../images/component/icon/ico_all.svg)
}
.svg-icon.ico-join{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_join.svg);
    background-image:url(../images/component/icon/ico_join.svg)
}
.svg-icon.ico-my{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_my.svg);
    background-image:url(../images/component/icon/ico_my.svg)
}
.svg-icon.ico-login-go{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_login_certify_go.svg);
    background-image:url(../images/component/icon/ico_login_certify_go.svg)
}
.svg-icon.ico-global{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_global.svg);
    background-image:url(../images/component/icon/ico_global.svg)
}
.svg-icon.ico-view-mode{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_view_mode.svg);
    background-image:url(../images/component/icon/ico_view_mode.svg)
}
.svg-icon.ico-go-top{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_go_top.svg);
    background-image:url(../images/component/icon/ico_go_top.svg)
}
.svg-icon.ico-login-type01{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_login_certify_type_01.svg);
    background-image:url(../images/component/icon/ico_login_certify_type_01.svg)
}
.svg-icon.ico-login-type02{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_login_certify_type_02.svg);
    background-image:url(../images/component/icon/ico_login_certify_type_02.svg)
}
.svg-icon.ico-login-type03{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_login_certify_type_03.svg);
    background-image:url(../images/component/icon/ico_login_certify_type_03.svg)
}
.svg-icon.ico-login-type04{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_login_certify_type_04.svg);
    background-image:url(../images/component/icon/ico_login_certify_type_04.svg)
}
.svg-icon.ico-login-type05{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_login_certify_type_05.svg);
    background-image:url(../images/component/icon/ico_login_certify_type_05.svg)
}
.svg-icon.ico-login-type06{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_login_certify_type_06.svg);
    background-image:url(../images/component/icon/ico_login_certify_type_06.svg)
}
.svg-icon.ico-flag{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_flag.svg);
    background-image:url(../images/component/icon/ico_flag.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_flag.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
.svg-icon.ico-file{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_file.svg);
    background-image:url(../images/component/icon/ico_file.svg)
}
.svg-icon.ico-checkbox{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_checkbox_checked.svg);
    background-image:url(../images/component/icon/ico_checkbox_checked.svg)
}
[data-krds-mode=high-contrast] .svg-icon.ico-help{
    background-image:url(../images/component/icon/ico_help_fill.svg)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .svg-icon.ico-help{
        background-image:url(../images/component/icon/ico_help_fill.svg)
    }
}
.krds-drop-wrap{
    --krds-dropdown--menu-radius:var(--krds-radius-medium4);
    --krds-dropdown--menu-padding:var(--krds-padding-3);
    --krds-dropdown--menu-margin-top:var(--krds-padding-6);
    --krds-dropdown--menu-gap:var(--krds-gap-3);
    --krds-dropdown--list-item-radius:var(--krds-radius-medium2);
    --krds-dropdown--list-item-height:var(--krds-size-height-7);
    --krds-dropdown--list-item-pc-font-size:var(--krds-pc-font-size-navigation-depth-medium);
    --krds-dropdown--list-item-mobile-font-size:var(--krds-mobile-font-size-navigation-depth-medium);
    --krds-dropdown--menu-color-border:var(--krds-light-color-border-gray-light);
    --krds-dropdown--menu-color-surface:var(--krds-light-color-surface-white-subtler);
    --krds-dropdown--menu-color-alpha-shadow:0 0 0.2rem 0 var(--krds-light-color-alpha-shadow1),0 0.4rem 0.8rem 0 var(--krds-light-color-alpha-shadow2);
    --krds-dropdown--list-item-color-action-hover:var(--krds-light-color-action-secondary-hover);
    --krds-dropdown--list-item-color-action-pressed:var(--krds-light-color-action-secondary-pressed);
    --krds-dropdown--list-item-color-action-selected:var(--krds-light-color-action-secondary-selected);
    --krds-dropdown--list-item-color-text-selected:var(--krds-light-color-text-secondary);
    display:inline-flex;
    position:relative
}
.krds-drop-wrap .drop-menu{
    position:absolute;
    top:100%;
    left:50%;
    display:none;
    z-index:6;
    min-width:13rem;
    border-radius:var(--krds-dropdown--menu-radius);
    padding:var(--krds-dropdown--menu-padding);
    margin-top:var(--krds-dropdown--menu-margin-top);
    background-color:var(--krds-dropdown--menu-color-surface);
    border:.1rem solid var(--krds-dropdown--menu-color-border);
    box-shadow:var(--krds-dropdown--menu-color-alpha-shadow);
    transform:translateX(-50%)
}
.krds-drop-wrap .drop-menu::before{
    content:"";
    width:1.2rem;
    height:1.2rem;
    position:absolute;
    bottom:100%;
    left:50%;
    display:block;
    margin-bottom:-.5rem;
    margin-left:-.6rem;
    transform:rotate(-135deg);
    background-color:var(--krds-dropdown--menu-color-surface);
    border:.1rem solid var(--krds-dropdown--menu-color-border);
    border-top-color:transparent;
    border-left-color:transparent
}
.krds-drop-wrap .drop-menu .drop-in{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-dropdown--menu-gap);
    position:relative;
    z-index:1
}
.krds-drop-wrap .drop-menu .drop-top{
    width:100%;
    padding:var(--krds-padding-3) var(--krds-padding-6);
    border-bottom:.1rem solid var(--krds-dropdown--menu-color-border)
}
.krds-drop-wrap .drop-menu .drop-bottom{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-direction:row;
    width:100%;
    padding:var(--krds-padding-3) 0;
    border-top:.1rem solid var(--krds-dropdown--menu-color-border)
}
.krds-drop-wrap .drop-menu .drop-list{
    width:100%
}
.krds-drop-wrap .drop-menu .drop-list .item-link{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    width:100%;
    gap:var(--krds-gap-3);
    padding:0 var(--krds-padding-6);
    font-size:var(--krds-dropdown--list-item-pc-font-size);
    border-radius:var(--krds-dropdown--list-item-radius);
    height:var(--krds-dropdown--list-item-height);
    background-color:var(--krds-dropdown--menu-color-surface)
}
@media (max-width:767px){
    .krds-drop-wrap .drop-menu .drop-list .item-link{
        font-size:var(--krds-dropdown--list-item-mobile-font-size)
    }
}
.krds-drop-wrap .drop-menu .drop-list .item-link .ico-go{
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none
}
.krds-drop-wrap .drop-menu .drop-list .item-link:hover{
    background-color:var(--krds-dropdown--list-item-color-action-hover)
}
.krds-drop-wrap .drop-menu .drop-list .item-link:active{
    background-color:var(--krds-dropdown--list-item-color-action-pressed)
}
.krds-drop-wrap .drop-menu .drop-list .item-link.active{
    font-weight:var(--krds-font-weight-bold);
    color:var(--krds-dropdown--list-item-color-text-selected);
    background-color:var(--krds-dropdown--list-item-color-action-selected)
}
.krds-drop-wrap.drop-left .drop-menu{
    left:0;
    right:unset;
    transform:none
}
.krds-drop-wrap.drop-left .drop-menu::before{
    left:2.4rem;
    margin-left:0
}
.krds-drop-wrap.drop-right .drop-menu{
    left:unset;
    right:0;
    transform:none
}
.krds-drop-wrap.drop-right .drop-menu::before{
    left:unset;
    right:2.4rem
}
[data-krds-mode=high-contrast] .krds-drop-wrap{
    --krds-dropdown--menu-color-border:var(--krds-high-contrast-color-border-gray-light);
    --krds-dropdown--menu-color-surface:var(--krds-high-contrast-color-surface-white-subtler);
    --krds-dropdown--menu-color-alpha-shadow:0 0 0.2rem 0 var(--krds-high-contrast-color-alpha-shadow1),0 0.4rem 0.8rem 0 var(--krds-high-contrast-color-alpha-shadow2);
    --krds-dropdown--list-item-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-dropdown--list-item-color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
    --krds-dropdown--list-item-color-action-selected:var(--krds-high-contrast-color-action-secondary-selected);
    --krds-dropdown--list-item-color-text-selected:var(--krds-high-contrast-color-text-secondary)
}
[data-krds-mode=high-contrast] .krds-drop-wrap .drop-list .item-link .ico-go{
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-drop-wrap{
        --krds-dropdown--menu-color-border:var(--krds-high-contrast-color-border-gray-light);
        --krds-dropdown--menu-color-surface:var(--krds-high-contrast-color-surface-white-subtler);
        --krds-dropdown--menu-color-alpha-shadow:0 0 0.2rem 0 var(--krds-high-contrast-color-alpha-shadow1),0 0.4rem 0.8rem 0 var(--krds-high-contrast-color-alpha-shadow2);
        --krds-dropdown--list-item-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-dropdown--list-item-color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
        --krds-dropdown--list-item-color-action-selected:var(--krds-high-contrast-color-action-secondary-selected);
        --krds-dropdown--list-item-color-text-selected:var(--krds-high-contrast-color-text-secondary)
    }
    [data-krds-mode=theme] .krds-drop-wrap .drop-list .item-link .ico-go{
        display:inline-flex;
        width:var(--krds-icon--size-medium);
        height:var(--krds-icon--size-medium);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
}
body,html{
    position:relative;
    width:100%;
    height:100%;
    font-family:var(--krds-font-family-base);
    color:var(--krds-light-color-text-basic);
    font-weight:var(--krds-font-weight-regular);
    line-height:var(--krds-line-height-base);
    word-break:keep-all;
    word-wrap:break-word;
    -webkit-tap-highlight-color:transparent;
    scroll-behavior:smooth
}
html{
    font-size:var(--krds-font-size-base)
}
body{
    background-color:var(--krds-light-color-background-white);
    font-size:var(--krds-pc-font-size-body-medium);
    overflow-x:hidden
}
[data-krds-mode=high-contrast] body,[data-krds-mode=high-contrast] html{
    color:var(--krds-high-contrast-color-text-basic)
}
[data-krds-mode=high-contrast] body{
    background-color:var(--krds-high-contrast-color-background-white)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] body,[data-krds-mode=theme] html{
        color:var(--krds-high-contrast-color-text-basic)
    }
    [data-krds-mode=theme] body{
        background-color:var(--krds-high-contrast-color-background-white)
    }
}
.img img{
    min-width:100%;
    max-width:100%
}
.img.bg-img{
    background-size:cover
}
.blind,.sr-only,caption,hr,legend{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}
.hide{
    display:none!important
}
.show{
    display:block!important
}
.al{
    text-align:left!important
}
.ac{
    text-align:center!important
}
.ar{
    text-align:right!important
}
.underline{
    text-decoration:underline;
    text-underline-offset:var(--krds-font-underline-offset)
}
.break-all{
    word-break:break-all
}
.svg-icon{
    display:inline-flex;
    width:var(--krds-icon--size-large);
    height:var(--krds-icon--size-large);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none
}
.svg-icon.pure{
    display:inline-flex;
    width:var(--krds-icon--size-large);
    height:var(--krds-icon--size-large);
    background-color:var(--krds-light-color-text-basic);
    background-color:transparent!important;
    forced-color-adjust:none
}
.inner{
    max-width:var(--krds-contents-wrap-size);
    padding-left:var(--krds-contents-padding-x);
    padding-right:var(--krds-contents-padding-x)
}
@media (max-width:767px){
    body{
        font-size:var(--krds-mobile-font-size-body-medium)
    }
    .pc-only{
        display:none!important
    }
    .pc-only.read{
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        padding:0!important;
        margin:-1px!important;
        overflow:hidden!important;
        clip:rect(0,0,0,0)!important;
        white-space:nowrap!important;
        border:0!important
    }
    .mob-line{
        display:block;
        line-height:inherit
    }
}
@media (min-width:1024px){
    .inner{
        margin:0 auto
    }
}
@media (min-width:768px){
    .mob-only{
        display:none!important
    }
    .mob-only.read{
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        padding:0!important;
        margin:-1px!important;
        overflow:hidden!important;
        clip:rect(0,0,0,0)!important;
        white-space:nowrap!important;
        border:0!important
    }
    .pc-line{
        display:block;
        line-height:inherit
    }
}
[data-krds-mode=high-contrast] a:visited .visited,[data-krds-mode=high-contrast] a:visited.visited{
    color:var(--krds-high-contrast-color-link-visited)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] a:visited .visited,[data-krds-mode=theme] a:visited.visited{
        color:var(--krds-high-contrast-color-link-visited)
    }
}
.krds-btn{
    --krds-button--size-height-xsmall:var(--krds-size-height-5);
    --krds-button--padding-x-xsmall:var(--krds-padding-4);
    --krds-button--padding-y-xsmall:0;
    --krds-button--gap-xsmall:var(--krds-gap-1);
    --krds-button--radius-xsmall:var(--krds-radius-small3);
    --krds-button--pc-font-size-xsmall:var(--krds-pc-font-size-label-small);
    --krds-button--mobile-font-size-xsmall:var(--krds-mobile-font-size-label-small);
    --krds-button--font-weight-xsmall:var(--krds-font-weight-regular);
    --krds-button--size-height-small:var(--krds-size-height-6);
    --krds-button--padding-x-small:var(--krds-padding-5);
    --krds-button--padding-y-small:0;
    --krds-button--gap-small:var(--krds-gap-1);
    --krds-button--radius-small:var(--krds-radius-medium1);
    --krds-button--pc-font-size-small:var(--krds-pc-font-size-label-small);
    --krds-button--mobile-font-size-small:var(--krds-mobile-font-size-label-small);
    --krds-button--font-weight-small:var(--krds-font-weight-regular);
    --krds-button--size-height-medium:var(--krds-size-height-7);
    --krds-button--padding-x-medium:var(--krds-padding-6);
    --krds-button--padding-y-medium:0;
    --krds-button--gap-medium:var(--krds-gap-2);
    --krds-button--radius-medium:var(--krds-radius-medium2);
    --krds-button--pc-font-size-medium:var(--krds-pc-font-size-label-medium);
    --krds-button--mobile-font-size-medium:var(--krds-mobile-font-size-label-medium);
    --krds-button--font-weight-medium:var(--krds-font-weight-regular);
    --krds-button--size-height-large:var(--krds-size-height-8);
    --krds-button--padding-x-large:var(--krds-padding-7);
    --krds-button--padding-y-large:0;
    --krds-button--gap-large:var(--krds-gap-2);
    --krds-button--radius-large:var(--krds-radius-medium3);
    --krds-button--pc-font-size-large:var(--krds-pc-font-size-label-large);
    --krds-button--mobile-font-size-large:var(--krds-mobile-font-size-label-large);
    --krds-button--font-weight-large:var(--krds-font-weight-regular);
    --krds-button--size-height-xlarge:var(--krds-size-height-9);
    --krds-button--padding-x-xlarge:var(--krds-padding-8);
    --krds-button--padding-y-xlarge:0;
    --krds-button--gap-xlarge:var(--krds-gap-2);
    --krds-button--radius-xlarge:var(--krds-radius-medium4);
    --krds-button--pc-font-size-xlarge:var(--krds-pc-font-size-label-large);
    --krds-button--mobile-font-size-xlarge:var(--krds-mobile-font-size-label-large);
    --krds-button--font-weight-xlarge:var(--krds-font-weight-regular)
}
.krds-btn{
    gap:var(--krds-button--gap-large);
    height:var(--krds-button--size-height-large);
    padding:var(--krds-button--padding-y-large) var(--krds-button--padding-x-large);
    border-radius:var(--krds-button--radius-large);
    font-size:var(--krds-button--pc-font-size-large);
    font-weight:var(--krds-button--font-weight-large)
}
@media (max-width:767px){
    .krds-btn{
        font-size:var(--krds-button--mobile-font-size-large)
    }
}
.krds-btn .svg-icon{
    width:var(--krds-icon--size-large);
    height:var(--krds-icon--size-large)
}
.krds-btn.xsmall{
    gap:var(--krds-button--gap-xsmall);
    height:var(--krds-button--size-height-xsmall);
    padding:var(--krds-button--padding-y-xsmall) var(--krds-button--padding-x-xsmall);
    border-radius:var(--krds-button--radius-xsmall);
    font-size:var(--krds-button--pc-font-size-xsmall);
    font-weight:var(--krds-button--font-weight-xsmall)
}
@media (max-width:767px){
    .krds-btn.xsmall{
        font-size:var(--krds-button--mobile-font-size-xsmall)
    }
}
.krds-btn.xsmall .svg-icon{
    width:var(--krds-icon--size-xsmall);
    height:var(--krds-icon--size-xsmall)
}
.krds-btn.small{
    gap:var(--krds-button--gap-small);
    height:var(--krds-button--size-height-small);
    padding:var(--krds-button--padding-y-small) var(--krds-button--padding-x-small);
    border-radius:var(--krds-button--radius-small);
    font-size:var(--krds-button--pc-font-size-small);
    font-weight:var(--krds-button--font-weight-small)
}
@media (max-width:767px){
    .krds-btn.small{
        font-size:var(--krds-button--mobile-font-size-small)
    }
}
.krds-btn.small .svg-icon{
    width:var(--krds-icon--size-small);
    height:var(--krds-icon--size-small)
}
.krds-btn.medium{
    gap:var(--krds-button--gap-medium);
    height:var(--krds-button--size-height-medium);
    padding:var(--krds-button--padding-y-medium) var(--krds-button--padding-x-medium);
    border-radius:var(--krds-button--radius-medium);
    font-size:var(--krds-button--pc-font-size-medium);
    font-weight:var(--krds-button--font-weight-medium)
}
@media (max-width:767px){
    .krds-btn.medium{
        font-size:var(--krds-button--mobile-font-size-medium)
    }
}
.krds-btn.medium .svg-icon{
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium)
}
.krds-btn.large{
    gap:var(--krds-button--gap-large);
    height:var(--krds-button--size-height-large);
    padding:var(--krds-button--padding-y-large) var(--krds-button--padding-x-large);
    border-radius:var(--krds-button--radius-large);
    font-size:var(--krds-button--pc-font-size-large);
    font-weight:var(--krds-button--font-weight-large)
}
@media (max-width:767px){
    .krds-btn.large{
        font-size:var(--krds-button--mobile-font-size-large)
    }
}
.krds-btn.large .svg-icon{
    width:var(--krds-icon--size-large);
    height:var(--krds-icon--size-large)
}
.krds-btn.xlarge{
    gap:var(--krds-button--gap-xlarge);
    height:var(--krds-button--size-height-xlarge);
    padding:var(--krds-button--padding-y-xlarge) var(--krds-button--padding-x-xlarge);
    border-radius:var(--krds-button--radius-xlarge);
    font-size:var(--krds-button--pc-font-size-xlarge);
    font-weight:var(--krds-button--font-weight-xlarge)
}
@media (max-width:767px){
    .krds-btn.xlarge{
        font-size:var(--krds-button--mobile-font-size-xlarge)
    }
}
.krds-btn.xlarge .svg-icon{
    width:var(--krds-icon--size-xlarge);
    height:var(--krds-icon--size-xlarge)
}
.krds-btn{
    --krds-button--color-primary-fill:var(--krds-light-color-button-primary-fill);
    --krds-button--color-primary-fill-hover:var(--krds-light-color-button-primary-fill-hover);
    --krds-button--color-primary-fill-pressed:var(--krds-light-color-button-primary-fill-pressed);
    --krds-button--color-primary-fill-disabled:var(--krds-light-color-button-disabled-fill);
    --krds-button--color-primary-border:var(--krds-light-color-button-primary-fill);
    --krds-button--color-primary-border-disabled:var(--krds-light-color-button-disabled-border);
    --krds-button--color-primary-text:var(--krds-light-color-text-inverse-static);
    --krds-button--color-primary-text-disabled:var(--krds-light-color-text-disabled-on);
    --krds-button--color-secondary-fill:var(--krds-light-color-button-secondary-fill);
    --krds-button--color-secondary-fill-hover:var(--krds-light-color-button-secondary-fill-hover);
    --krds-button--color-secondary-fill-pressed:var(--krds-light-color-button-secondary-fill-pressed);
    --krds-button--color-secondary-fill-disabled:var(--krds-light-color-button-disabled-fill);
    --krds-button--color-secondary-border:var(--krds-light-color-button-secondary-border);
    --krds-button--color-secondary-border-disabled:var(--krds-light-color-button-disabled-border);
    --krds-button--color-secondary-text:var(--krds-light-color-text-primary);
    --krds-button--color-secondary-text-disabled:var(--krds-light-color-text-disabled-on);
    --krds-button--color-tertiary-fill:var(--krds-light-color-button-tertiary-fill);
    --krds-button--color-tertiary-fill-hover:var(--krds-light-color-button-tertiary-fill-hover);
    --krds-button--color-tertiary-fill-pressed:var(--krds-light-color-button-tertiary-fill-pressed);
    --krds-button--color-tertiary-fill-disabled:var(--krds-light-color-button-disabled-fill);
    --krds-button--color-tertiary-border:var(--krds-light-color-button-tertiary-border);
    --krds-button--color-tertiary-border-disabled:var(--krds-light-color-button-disabled-border);
    --krds-button--color-tertiary-text:var(--krds-light-color-text-basic);
    --krds-button--color-tertiary-text-disabled:var(--krds-light-color-text-disabled-on);
    --krds-button--color-text-fill:var(--krds-light-color-button-text-fill);
    --krds-button--color-text-fill-hover:var(--krds-light-color-button-text-fill-hover);
    --krds-button--color-text-fill-pressed:var(--krds-light-color-button-text-fill-pressed);
    --krds-button--color-text-fill-disabled:var(--krds-light-color-button-text-fill);
    --krds-button--color-text-border:var(--krds-light-color-button-text-border);
    --krds-button--color-text-border-disabled:var(--krds-light-color-border-transparency);
    --krds-button--color-text-text:var(--krds-light-color-text-basic);
    --krds-button--color-text-text-disabled:var(--krds-light-color-text-disabled);
    --krds-button--color-link-fill:var(--krds-light-color-button-text-fill);
    --krds-button--color-link-fill-hover:var(--krds-light-color-button-text-fill);
    --krds-button--color-link-fill-pressed:var(--krds-light-color-button-text-fill);
    --krds-button--color-link-fill-disabled:var(--krds-light-color-button-text-fill);
    --krds-button--color-link-border:var(--krds-light-color-button-text-border);
    --krds-button--color-link-border-disabled:var(--krds-light-color-border-transparency);
    --krds-button--color-link-text:var(--krds-light-color-link-default);
    --krds-button--color-link-text-disabled:var(--krds-light-color-text-disabled)
}
.krds-btn{
    background-color:var(--krds-button--color-primary-fill);
    border-color:var(--krds-button--color-primary-border);
    color:var(--krds-button--color-primary-text)
}
.krds-btn.primary{
    background-color:var(--krds-button--color-primary-fill);
    border-color:var(--krds-button--color-primary-border);
    color:var(--krds-button--color-primary-text)
}
.krds-btn.primary:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-primary-text)
}
.krds-btn.primary:hover{
    background-color:var(--krds-button--color-primary-fill-hover)
}
.krds-btn.primary:active,.krds-btn.primary:focus{
    background-color:var(--krds-button--color-primary-fill-pressed)
}
.krds-btn.primary.disabled,.krds-btn.primary[disabled]{
    background-color:var(--krds-button--color-primary-fill-disabled);
    border-color:var(--krds-button--color-primary-border-disabled);
    color:var(--krds-button--color-primary-text-disabled)
}
.krds-btn.primary.disabled:not(.icon) .svg-icon,.krds-btn.primary[disabled]:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-primary-text-disabled)
}
.krds-btn.primary.disabled:hover,.krds-btn.primary[disabled]:hover{
    background-color:var(--krds-button--color-primary-fill-disabled);
    border-color:var(--krds-button--color-primary-border-disabled);
    color:var(--krds-button--color-primary-text-disabled)
}
.krds-btn.secondary{
    background-color:var(--krds-button--color-secondary-fill);
    border-color:var(--krds-button--color-secondary-border);
    color:var(--krds-button--color-secondary-text)
}
.krds-btn.secondary:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-secondary-text)
}
.krds-btn.secondary:hover{
    background-color:var(--krds-button--color-secondary-fill-hover)
}
.krds-btn.secondary:active,.krds-btn.secondary:focus{
    background-color:var(--krds-button--color-secondary-fill-pressed)
}
.krds-btn.secondary.disabled,.krds-btn.secondary[disabled]{
    background-color:var(--krds-button--color-secondary-fill-disabled);
    border-color:var(--krds-button--color-secondary-border-disabled);
    color:var(--krds-button--color-secondary-text-disabled)
}
.krds-btn.secondary.disabled:not(.icon) .svg-icon,.krds-btn.secondary[disabled]:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-secondary-text-disabled)
}
.krds-btn.secondary.disabled:hover,.krds-btn.secondary[disabled]:hover{
    background-color:var(--krds-button--color-secondary-fill-disabled);
    border-color:var(--krds-button--color-secondary-border-disabled);
    color:var(--krds-button--color-secondary-text-disabled)
}
.krds-btn.tertiary{
    background-color:var(--krds-button--color-tertiary-fill);
    border-color:var(--krds-button--color-tertiary-border);
    color:var(--krds-button--color-tertiary-text)
}
.krds-btn.tertiary:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-tertiary-text)
}
.krds-btn.tertiary:hover{
    background-color:var(--krds-button--color-tertiary-fill-hover)
}
.krds-btn.tertiary:active,.krds-btn.tertiary:focus{
    background-color:var(--krds-button--color-tertiary-fill-pressed)
}
.krds-btn.tertiary.disabled,.krds-btn.tertiary[disabled]{
    background-color:var(--krds-button--color-tertiary-fill-disabled);
    border-color:var(--krds-button--color-tertiary-border-disabled);
    color:var(--krds-button--color-tertiary-text-disabled)
}
.krds-btn.tertiary.disabled:not(.icon) .svg-icon,.krds-btn.tertiary[disabled]:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-tertiary-text-disabled)
}
.krds-btn.tertiary.disabled:hover,.krds-btn.tertiary[disabled]:hover{
    background-color:var(--krds-button--color-tertiary-fill-disabled);
    border-color:var(--krds-button--color-tertiary-border-disabled);
    color:var(--krds-button--color-tertiary-text-disabled)
}
.krds-btn.text{
    background-color:var(--krds-button--color-text-fill);
    border-color:var(--krds-button--color-text-border);
    color:var(--krds-button--color-text-text)
}
.krds-btn.text:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-text-text)
}
.krds-btn.text:hover{
    background-color:var(--krds-button--color-text-fill-hover)
}
.krds-btn.text:active,.krds-btn.text:focus{
    background-color:var(--krds-button--color-text-fill-pressed)
}
.krds-btn.text.disabled,.krds-btn.text[disabled]{
    background-color:var(--krds-button--color-text-fill-disabled);
    border-color:var(--krds-button--color-text-border-disabled);
    color:var(--krds-button--color-text-text-disabled)
}
.krds-btn.text.disabled:not(.icon) .svg-icon,.krds-btn.text[disabled]:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-text-text-disabled)
}
.krds-btn.text.disabled:hover,.krds-btn.text[disabled]:hover{
    background-color:var(--krds-button--color-text-fill-disabled);
    border-color:var(--krds-button--color-text-border-disabled);
    color:var(--krds-button--color-text-text-disabled)
}
.krds-btn.link{
    background-color:var(--krds-button--color-link-fill);
    border-color:var(--krds-button--color-link-border);
    color:var(--krds-button--color-link-text)
}
.krds-btn.link:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-link-text)
}
.krds-btn.link:hover{
    background-color:var(--krds-button--color-link-fill-hover)
}
.krds-btn.link:active,.krds-btn.link:focus{
    background-color:var(--krds-button--color-link-fill-pressed)
}
.krds-btn.link.disabled,.krds-btn.link[disabled]{
    background-color:var(--krds-button--color-link-fill-disabled);
    border-color:var(--krds-button--color-link-border-disabled);
    color:var(--krds-button--color-link-text-disabled)
}
.krds-btn.link.disabled:not(.icon) .svg-icon,.krds-btn.link[disabled]:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-link-text-disabled)
}
.krds-btn.link.disabled:hover,.krds-btn.link[disabled]:hover{
    background-color:var(--krds-button--color-link-fill-disabled);
    border-color:var(--krds-button--color-link-border-disabled);
    color:var(--krds-button--color-link-text-disabled)
}
.krds-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    width:auto;
    border-style:solid;
    cursor:pointer;
    white-space:nowrap;
    transition:var(--krds-transition-base);
    border-width:var(--krds-light-border-width-variable-regular)
}
.krds-btn .svg-icon{
    background-color:var(--krds-button--color-primary-text);
    transition:var(--krds-transition-base)
}
.krds-btn:hover{
    background-color:var(--krds-button--color-primary-fill-hover)
}
.krds-btn:active,.krds-btn:focus{
    background-color:var(--krds-button--color-primary-fill-pressed)
}
.krds-btn.disabled,.krds-btn[disabled]{
    background-color:var(--krds-button--color-primary-fill-disabled);
    border-color:var(--krds-button--color-primary-border-disabled);
    color:var(--krds-button--color-primary-text-disabled);
    cursor:default
}
.krds-btn.disabled:hover,.krds-btn[disabled]:hover{
    background-color:var(--krds-button--color-primary-fill-disabled);
    border-color:var(--krds-button--color-primary-border-disabled);
    color:var(--krds-button--color-primary-text-disabled)
}
.krds-btn.text{
    --krds-button--size-height-xsmall:var(--krds-size-height-3);
    --krds-button--padding-x-xsmall:var(--krds-padding-1);
    --krds-button--padding-y-xsmall:var(--krds-number-0);
    --krds-button--size-height-small:var(--krds-size-height-4);
    --krds-button--padding-x-small:var(--krds-padding-1);
    --krds-button--padding-y-small:var(--krds-number-0);
    --krds-button--size-height-medium:var(--krds-size-height-5);
    --krds-button--padding-x-medium:var(--krds-padding-1);
    --krds-button--padding-y-medium:var(--krds-number-2);
    --krds-button--size-height-large:var(--krds-size-height-6);
    --krds-button--padding-x-large:var(--krds-padding-1);
    --krds-button--padding-y-large:0.5rem;
    --krds-button--size-height-xlarge:var(--krds-size-height-7);
    --krds-button--padding-x-xlarge:var(--krds-padding-1);
    --krds-button--padding-y-xlarge:0.9rem;
    display:inline-block;
    height:auto!important;
    padding:var(--krds-button--padding-y-large) var(--krds-button--padding-x-large);
    text-align:left;
    white-space:normal
}
.krds-btn.text.xsmall{
    min-height:var(--krds-button--size-height-xsmall);
    padding:var(--krds-button--padding-y-xsmall) var(--krds-button--padding-x-xsmall)
}
.krds-btn.text.xsmall .svg-icon{
    margin-bottom:-.3rem
}
.krds-btn.text.small{
    padding:var(--krds-button--padding-y-small) var(--krds-button--padding-x-small)
}
.krds-btn.text.small .svg-icon{
    margin-bottom:-.3rem
}
.krds-btn.text.medium{
    padding:var(--krds-button--padding-y-medium) var(--krds-button--padding-x-medium)
}
.krds-btn.text.medium .svg-icon{
    margin-bottom:-.4rem
}
.krds-btn.text.large{
    padding:var(--krds-button--padding-y-large) var(--krds-button--padding-x-large)
}
.krds-btn.text.large .svg-icon{
    margin-bottom:-.5rem
}
.krds-btn.text.xlarge{
    padding:var(--krds-button--padding-y-xlarge) var(--krds-button--padding-x-xlarge)
}
.krds-btn.text.xlarge .svg-icon{
    margin-bottom:-.6rem
}
.krds-btn.text.h-auto{
    height:auto;
    padding:var(--krds-padding-1)!important
}
.krds-btn.text .svg-icon{
    display:inline-block;
    margin-bottom:-.5rem
}
.krds-btn.link{
    --krds-button--pc-font-size-xsmall:var(--krds-pc-font-size-label-small);
    --krds-button--mobile-font-size-xsmall:var(--krds-mobile-font-size-label-small);
    --krds-button--padding-x-xsmall:var(--krds-padding-1);
    --krds-button--pc-font-size-small:var(--krds-pc-font-size-label-small);
    --krds-button--mobile-font-size-small:var(--krds-mobile-font-size-label-small);
    --krds-button--padding-x-small:var(--krds-padding-1);
    --krds-button--pc-font-size-medium:var(--krds-pc-font-size-label-medium);
    --krds-button--mobile-font-size-medium:var(--krds-mobile-font-size-label-medium);
    --krds-button--padding-x-medium:var(--krds-padding-1);
    --krds-button--pc-font-size-large:var(--krds-pc-font-size-label-large);
    --krds-button--mobile-font-size-large:var(--krds-mobile-font-size-label-large);
    --krds-button--padding-x-large:var(--krds-padding-1);
    --krds-button--pc-font-size-xlarge:var(--krds-pc-font-size-label-large);
    --krds-button--mobile-font-size-xlarge:var(--krds-mobile-font-size-label-large);
    --krds-button--padding-x-xlarge:var(--krds-padding-1);
    display:inline-block;
    height:auto!important;
    padding:0 var(--krds-button--padding-x-large);
    font-size:var(--krds-button--pc-font-size-large);
    text-align:left;
    white-space:normal
}
@media (max-width:767px){
    .krds-btn.link{
        font-size:var(--krds-button--mobile-font-size-large)
    }
}
.krds-btn.link.xsmall{
    padding:0 var(--krds-button--padding-x-xsmall);
    font-size:var(--krds-button--pc-font-size-xsmall)
}
@media (max-width:767px){
    .krds-btn.link.xsmall{
        font-size:var(--krds-button--mobile-font-size-xsmall)
    }
}
.krds-btn.link.xsmall .svg-icon{
    margin-bottom:-.3rem
}
.krds-btn.link.small{
    padding:0 var(--krds-button--padding-x-small);
    font-size:var(--krds-button--pc-font-size-small)
}
@media (max-width:767px){
    .krds-btn.link.small{
        font-size:var(--krds-button--mobile-font-size-small)
    }
}
.krds-btn.link.small .svg-icon{
    margin-bottom:-.3rem
}
.krds-btn.link.medium{
    padding:0 var(--krds-button--padding-x-medium);
    font-size:var(--krds-button--pc-font-size-medium)
}
@media (max-width:767px){
    .krds-btn.link.medium{
        font-size:var(--krds-button--mobile-font-size-medium)
    }
}
.krds-btn.link.medium .svg-icon{
    margin-bottom:-.4rem
}
.krds-btn.link.large{
    padding:0 var(--krds-button--padding-x-large);
    font-size:var(--krds-button--pc-font-size-large)
}
@media (max-width:767px){
    .krds-btn.link.large{
        font-size:var(--krds-button--mobile-font-size-large)
    }
}
.krds-btn.link.large .svg-icon{
    margin-bottom:-.5rem
}
.krds-btn.link.xlarge{
    padding:0 var(--krds-button--padding-x-xlarge);
    font-size:var(--krds-button--pc-font-size-xlarge)
}
@media (max-width:767px){
    .krds-btn.link.xlarge{
        font-size:var(--krds-button--mobile-font-size-xlarge)
    }
}
.krds-btn.link.xlarge .svg-icon{
    margin-bottom:-.6rem
}
.krds-btn.link.basic{
    color:var(--krds-light-color-text-basic)
}
.krds-btn.link.basic .svg-icon{
    background-color:var(--krds-light-color-text-basic)
}
.krds-btn.link.basic.pure:active,.krds-btn.link.basic.pure:focus,.krds-btn.link.basic.pure:hover,.krds-btn.link.basic.pure:visited{
    color:var(--krds-light-color-text-basic)
}
.krds-btn.link.basic.pure:active .svg-icon,.krds-btn.link.basic.pure:focus .svg-icon,.krds-btn.link.basic.pure:hover .svg-icon,.krds-btn.link.basic.pure:visited .svg-icon{
    background-color:var(--krds-light-color-text-basic)
}
.krds-btn.link:hover{
    color:var(--krds-light-color-link-hover)
}
.krds-btn.link:hover .svg-icon{
    background-color:var(--krds-light-color-link-hover)
}
.krds-btn.link:active,.krds-btn.link:focus{
    color:var(--krds-light-color-link-pressed)
}
.krds-btn.link:active .svg-icon,.krds-btn.link:focus .svg-icon{
    background-color:var(--krds-light-color-link-pressed)
}
.krds-btn.link:visited{
    color:var(--krds-light-color-link-visited);
    text-decoration:none
}
.krds-btn.link:visited .svg-icon{
    background-color:var(--krds-light-color-link-visited)
}
.krds-btn.link.pure:active,.krds-btn.link.pure:focus,.krds-btn.link.pure:hover,.krds-btn.link.pure:visited{
    color:var(--krds-button--color-link-text)
}
.krds-btn.link.pure:active .svg-icon,.krds-btn.link.pure:focus .svg-icon,.krds-btn.link.pure:hover .svg-icon,.krds-btn.link.pure:visited .svg-icon{
    background-color:var(--krds-button--color-link-text)
}
.krds-btn.link .underline.hidden-underline{
    text-decoration-color:var(--krds-light-color-border-transparency);
    transition:var(--krds-transition-base)
}
.krds-btn.link:active .underline.hidden-underline,.krds-btn.link:focus .underline.hidden-underline,.krds-btn.link:hover .underline.hidden-underline,.krds-btn.link:visited .underline.hidden-underline{
    text-decoration-color:inherit
}
.krds-btn.link .svg-icon{
    display:inline-block;
    margin-bottom:-.5rem
}
.krds-btn.icon{
    --krds-button--icon-size-xsmall:var(--krds-size-height-2);
    --krds-button--icon-size-small:var(--krds-size-height-3);
    --krds-button--icon-size-medium:var(--krds-size-height-4);
    --krds-button--icon-size-large:var(--krds-size-height-5);
    --krds-button--icon-size-xlarge:var(--krds-size-height-6);
    width:var(--krds-button--icon-size-medium);
    height:var(--krds-button--icon-size-medium);
    padding:0!important;
    background-color:transparent;
    border-color:var(--krds-light-color-border-transparency);
    color:inherit;
    border:0
}
.krds-btn.icon:active,.krds-btn.icon:hover{
    background-color:inherit
}
.krds-btn.icon.xsmall{
    width:var(--krds-button--icon-size-xsmall);
    height:var(--krds-button--icon-size-xsmall)
}
.krds-btn.icon.xsmall .svg-icon{
    width:100%;
    height:100%
}
.krds-btn.icon.small{
    width:var(--krds-button--icon-size-small);
    height:var(--krds-button--icon-size-small)
}
.krds-btn.icon.small .svg-icon{
    width:100%;
    height:100%
}
.krds-btn.icon.medium{
    width:var(--krds-button--icon-size-medium);
    height:var(--krds-button--icon-size-medium)
}
.krds-btn.icon.medium .svg-icon{
    width:100%;
    height:100%
}
.krds-btn.icon.large{
    width:var(--krds-button--icon-size-large);
    height:var(--krds-button--icon-size-large)
}
.krds-btn.icon.large .svg-icon{
    width:100%;
    height:100%
}
.krds-btn.icon.xlarge{
    width:var(--krds-button--icon-size-xlarge);
    height:var(--krds-button--icon-size-xlarge)
}
.krds-btn.icon.xlarge .svg-icon{
    width:100%;
    height:100%
}
.krds-btn.icon .svg-icon{
    background-color:var(--krds-light-color-text-basic)
}
.krds-btn.icon.pure .svg-icon{
    background-color:transparent
}
.krds-btn.icon.border{
    background-color:var(--krds-light-color-background-white);
    border:.1rem solid var(--krds-light-color-border-gray);
    border-radius:var(--krds-radius-max)
}
.krds-btn.icon.border.large .svg-icon{
    width:var(--krds-icon--size-xsmall);
    height:var(--krds-icon--size-xsmall)
}
.krds-btn.icon.border.xlarge .svg-icon{
    width:var(--krds-icon--size-xlarge);
    height:var(--krds-icon--size-xlarge)
}
.krds-btn.icon.border.disabled,.krds-btn.icon.border[disabled]{
    background-color:var(--krds-light-color-button-disabled-fill)
}
[data-krds-mode=high-contrast] .krds-btn{
    border-width:var(--krds-high-contrast-border-width-variable-regular);
    --krds-button--color-primary-fill:var(--krds-high-contrast-color-button-primary-fill);
    --krds-button--color-primary-fill-hover:var(--krds-high-contrast-color-button-primary-fill-hover);
    --krds-button--color-primary-fill-pressed:var(--krds-high-contrast-color-button-primary-fill-pressed);
    --krds-button--color-primary-fill-disabled:var(--krds-high-contrast-color-button-disabled-fill);
    --krds-button--color-primary-border:var(--krds-high-contrast-color-button-primary-fill);
    --krds-button--color-primary-border-disabled:var(--krds-high-contrast-color-button-disabled-border);
    --krds-button--color-primary-text:var(--krds-high-contrast-color-text-inverse-static);
    --krds-button--color-primary-text-disabled:var(--krds-high-contrast-color-text-disabled-on);
    --krds-button--color-secondary-fill:var(--krds-high-contrast-color-button-secondary-fill);
    --krds-button--color-secondary-fill-hover:var(--krds-high-contrast-color-button-secondary-fill-hover);
    --krds-button--color-secondary-fill-pressed:var(--krds-high-contrast-color-button-secondary-fill-pressed);
    --krds-button--color-secondary-fill-disabled:var(--krds-high-contrast-color-button-disabled-fill);
    --krds-button--color-secondary-border:var(--krds-high-contrast-color-button-secondary-border);
    --krds-button--color-secondary-border-disabled:var(--krds-high-contrast-color-button-disabled-border);
    --krds-button--color-secondary-text:var(--krds-high-contrast-color-text-primary);
    --krds-button--color-secondary-text-disabled:var(--krds-high-contrast-color-text-disabled-on);
    --krds-button--color-tertiary-fill:var(--krds-high-contrast-color-button-tertiary-fill);
    --krds-button--color-tertiary-fill-hover:var(--krds-high-contrast-color-button-tertiary-fill-hover);
    --krds-button--color-tertiary-fill-pressed:var(--krds-high-contrast-color-button-tertiary-fill-pressed);
    --krds-button--color-tertiary-fill-disabled:var(--krds-high-contrast-color-button-disabled-fill);
    --krds-button--color-tertiary-border:var(--krds-high-contrast-color-button-tertiary-border);
    --krds-button--color-tertiary-border-disabled:var(--krds-high-contrast-color-button-disabled-border);
    --krds-button--color-tertiary-text:var(--krds-high-contrast-color-text-basic);
    --krds-button--color-tertiary-text-disabled:var(--krds-high-contrast-color-text-disabled-on);
    --krds-button--color-text-fill:var(--krds-high-contrast-color-button-text-fill);
    --krds-button--color-text-fill-hover:var(--krds-high-contrast-color-button-text-fill-hover);
    --krds-button--color-text-fill-pressed:var(--krds-high-contrast-color-button-text-fill-pressed);
    --krds-button--color-text-fill-disabled:var(--krds-high-contrast-color-button-text-fill);
    --krds-button--color-text-border:var(--krds-high-contrast-color-button-text-border);
    --krds-button--color-text-border-disabled:var(--krds-high-contrast-color-border-transparency);
    --krds-button--color-text-text:var(--krds-high-contrast-color-text-basic);
    --krds-button--color-text-text-disabled:var(--krds-high-contrast-color-text-disabled);
    --krds-button--color-link-fill:var(--krds-high-contrast-color-button-text-fill);
    --krds-button--color-link-fill-hover:var(--krds-high-contrast-color-button-text-fill);
    --krds-button--color-link-fill-pressed:var(--krds-high-contrast-color-button-text-fill);
    --krds-button--color-link-fill-disabled:var(--krds-high-contrast-color-button-text-fill);
    --krds-button--color-link-border:var(--krds-high-contrast-color-button-text-border);
    --krds-button--color-link-border-disabled:var(--krds-high-contrast-color-border-transparency);
    --krds-button--color-link-text:var(--krds-high-contrast-color-link-default);
    --krds-button--color-link-text-disabled:var(--krds-high-contrast-color-text-disabled)
}
[data-krds-mode=high-contrast] .krds-btn{
    background-color:var(--krds-button--color-primary-fill);
    border-color:var(--krds-button--color-primary-border);
    color:var(--krds-button--color-primary-text)
}
[data-krds-mode=high-contrast] .krds-btn.primary{
    background-color:var(--krds-button--color-primary-fill);
    border-color:var(--krds-button--color-primary-border);
    color:var(--krds-button--color-primary-text)
}
[data-krds-mode=high-contrast] .krds-btn.primary:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-primary-text)
}
[data-krds-mode=high-contrast] .krds-btn.primary:hover{
    background-color:var(--krds-button--color-primary-fill-hover)
}
[data-krds-mode=high-contrast] .krds-btn.primary:active,[data-krds-mode=high-contrast] .krds-btn.primary:focus{
    background-color:var(--krds-button--color-primary-fill-pressed)
}
[data-krds-mode=high-contrast] .krds-btn.primary.disabled,[data-krds-mode=high-contrast] .krds-btn.primary[disabled]{
    background-color:var(--krds-button--color-primary-fill-disabled);
    border-color:var(--krds-button--color-primary-border-disabled);
    color:var(--krds-button--color-primary-text-disabled)
}
[data-krds-mode=high-contrast] .krds-btn.primary.disabled:not(.icon) .svg-icon,[data-krds-mode=high-contrast] .krds-btn.primary[disabled]:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-primary-text-disabled)
}
[data-krds-mode=high-contrast] .krds-btn.primary.disabled:hover,[data-krds-mode=high-contrast] .krds-btn.primary[disabled]:hover{
    background-color:var(--krds-button--color-primary-fill-disabled);
    border-color:var(--krds-button--color-primary-border-disabled);
    color:var(--krds-button--color-primary-text-disabled)
}
[data-krds-mode=high-contrast] .krds-btn.secondary{
    background-color:var(--krds-button--color-secondary-fill);
    border-color:var(--krds-button--color-secondary-border);
    color:var(--krds-button--color-secondary-text)
}
[data-krds-mode=high-contrast] .krds-btn.secondary:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-secondary-text)
}
[data-krds-mode=high-contrast] .krds-btn.secondary:hover{
    background-color:var(--krds-button--color-secondary-fill-hover)
}
[data-krds-mode=high-contrast] .krds-btn.secondary:active,[data-krds-mode=high-contrast] .krds-btn.secondary:focus{
    background-color:var(--krds-button--color-secondary-fill-pressed)
}
[data-krds-mode=high-contrast] .krds-btn.secondary.disabled,[data-krds-mode=high-contrast] .krds-btn.secondary[disabled]{
    background-color:var(--krds-button--color-secondary-fill-disabled);
    border-color:var(--krds-button--color-secondary-border-disabled);
    color:var(--krds-button--color-secondary-text-disabled)
}
[data-krds-mode=high-contrast] .krds-btn.secondary.disabled:not(.icon) .svg-icon,[data-krds-mode=high-contrast] .krds-btn.secondary[disabled]:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-secondary-text-disabled)
}
[data-krds-mode=high-contrast] .krds-btn.secondary.disabled:hover,[data-krds-mode=high-contrast] .krds-btn.secondary[disabled]:hover{
    background-color:var(--krds-button--color-secondary-fill-disabled);
    border-color:var(--krds-button--color-secondary-border-disabled);
    color:var(--krds-button--color-secondary-text-disabled)
}
[data-krds-mode=high-contrast] .krds-btn.tertiary{
    background-color:var(--krds-button--color-tertiary-fill);
    border-color:var(--krds-button--color-tertiary-border);
    color:var(--krds-button--color-tertiary-text)
}
[data-krds-mode=high-contrast] .krds-btn.tertiary:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-tertiary-text)
}
[data-krds-mode=high-contrast] .krds-btn.tertiary:hover{
    background-color:var(--krds-button--color-tertiary-fill-hover)
}
[data-krds-mode=high-contrast] .krds-btn.tertiary:active,[data-krds-mode=high-contrast] .krds-btn.tertiary:focus{
    background-color:var(--krds-button--color-tertiary-fill-pressed)
}
[data-krds-mode=high-contrast] .krds-btn.tertiary.disabled,[data-krds-mode=high-contrast] .krds-btn.tertiary[disabled]{
    background-color:var(--krds-button--color-tertiary-fill-disabled);
    border-color:var(--krds-button--color-tertiary-border-disabled);
    color:var(--krds-button--color-tertiary-text-disabled)
}
[data-krds-mode=high-contrast] .krds-btn.tertiary.disabled:not(.icon) .svg-icon,[data-krds-mode=high-contrast] .krds-btn.tertiary[disabled]:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-tertiary-text-disabled)
}
[data-krds-mode=high-contrast] .krds-btn.tertiary.disabled:hover,[data-krds-mode=high-contrast] .krds-btn.tertiary[disabled]:hover{
    background-color:var(--krds-button--color-tertiary-fill-disabled);
    border-color:var(--krds-button--color-tertiary-border-disabled);
    color:var(--krds-button--color-tertiary-text-disabled)
}
[data-krds-mode=high-contrast] .krds-btn.text{
    background-color:var(--krds-button--color-text-fill);
    border-color:var(--krds-button--color-text-border);
    color:var(--krds-button--color-text-text)
}
[data-krds-mode=high-contrast] .krds-btn.text:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-text-text)
}
[data-krds-mode=high-contrast] .krds-btn.text:hover{
    background-color:var(--krds-button--color-text-fill-hover)
}
[data-krds-mode=high-contrast] .krds-btn.text:active,[data-krds-mode=high-contrast] .krds-btn.text:focus{
    background-color:var(--krds-button--color-text-fill-pressed)
}
[data-krds-mode=high-contrast] .krds-btn.text.disabled,[data-krds-mode=high-contrast] .krds-btn.text[disabled]{
    background-color:var(--krds-button--color-text-fill-disabled);
    border-color:var(--krds-button--color-text-border-disabled);
    color:var(--krds-button--color-text-text-disabled)
}
[data-krds-mode=high-contrast] .krds-btn.text.disabled:not(.icon) .svg-icon,[data-krds-mode=high-contrast] .krds-btn.text[disabled]:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-text-text-disabled)
}
[data-krds-mode=high-contrast] .krds-btn.text.disabled:hover,[data-krds-mode=high-contrast] .krds-btn.text[disabled]:hover{
    background-color:var(--krds-button--color-text-fill-disabled);
    border-color:var(--krds-button--color-text-border-disabled);
    color:var(--krds-button--color-text-text-disabled)
}
[data-krds-mode=high-contrast] .krds-btn.link{
    background-color:var(--krds-button--color-link-fill);
    border-color:var(--krds-button--color-link-border);
    color:var(--krds-button--color-link-text)
}
[data-krds-mode=high-contrast] .krds-btn.link:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-link-text)
}
[data-krds-mode=high-contrast] .krds-btn.link:hover{
    background-color:var(--krds-button--color-link-fill-hover)
}
[data-krds-mode=high-contrast] .krds-btn.link:active,[data-krds-mode=high-contrast] .krds-btn.link:focus{
    background-color:var(--krds-button--color-link-fill-pressed)
}
[data-krds-mode=high-contrast] .krds-btn.link.disabled,[data-krds-mode=high-contrast] .krds-btn.link[disabled]{
    background-color:var(--krds-button--color-link-fill-disabled);
    border-color:var(--krds-button--color-link-border-disabled);
    color:var(--krds-button--color-link-text-disabled)
}
[data-krds-mode=high-contrast] .krds-btn.link.disabled:not(.icon) .svg-icon,[data-krds-mode=high-contrast] .krds-btn.link[disabled]:not(.icon) .svg-icon{
    background-color:var(--krds-button--color-link-text-disabled)
}
[data-krds-mode=high-contrast] .krds-btn.link.disabled:hover,[data-krds-mode=high-contrast] .krds-btn.link[disabled]:hover{
    background-color:var(--krds-button--color-link-fill-disabled);
    border-color:var(--krds-button--color-link-border-disabled);
    color:var(--krds-button--color-link-text-disabled)
}
[data-krds-mode=high-contrast] .krds-btn.text.ico-filter .num{
    color:var(--krds-high-contrast-color-text-basic-inverse);
    background-color:var(--krds-high-contrast-color-element-primary)
}
[data-krds-mode=high-contrast] .krds-btn.link.basic{
    color:var(--krds-high-contrast-color-text-basic)
}
[data-krds-mode=high-contrast] .krds-btn.link.basic:not(.icon) .svg-icon{
    background-color:var(--krds-high-contrast-color-text-basic)
}
[data-krds-mode=high-contrast] .krds-btn.link.basic.pure:active,[data-krds-mode=high-contrast] .krds-btn.link.basic.pure:focus,[data-krds-mode=high-contrast] .krds-btn.link.basic.pure:hover,[data-krds-mode=high-contrast] .krds-btn.link.basic.pure:visited{
    color:var(--krds-high-contrast-color-text-basic)
}
[data-krds-mode=high-contrast] .krds-btn.link.basic.pure:active .svg-icon,[data-krds-mode=high-contrast] .krds-btn.link.basic.pure:focus .svg-icon,[data-krds-mode=high-contrast] .krds-btn.link.basic.pure:hover .svg-icon,[data-krds-mode=high-contrast] .krds-btn.link.basic.pure:visited .svg-icon{
    background-color:var(--krds-high-contrast-color-text-basic)
}
[data-krds-mode=high-contrast] .krds-btn.link:hover{
    color:var(--krds-high-contrast-color-link-hover)
}
[data-krds-mode=high-contrast] .krds-btn.link:hover:not(.icon) .svg-icon{
    background-color:var(--krds-high-contrast-color-link-hover)
}
[data-krds-mode=high-contrast] .krds-btn.link:active,[data-krds-mode=high-contrast] .krds-btn.link:focus{
    color:var(--krds-high-contrast-color-link-pressed)
}
[data-krds-mode=high-contrast] .krds-btn.link:active:not(.icon) .svg-icon,[data-krds-mode=high-contrast] .krds-btn.link:focus:not(.icon) .svg-icon{
    background-color:var(--krds-high-contrast-color-link-pressed)
}
[data-krds-mode=high-contrast] .krds-btn.link:visited{
    color:var(--krds-high-contrast-color-link-visited)
}
[data-krds-mode=high-contrast] .krds-btn.link:visited:not(.icon) .svg-icon{
    background-color:var(--krds-high-contrast-color-link-visited)
}
[data-krds-mode=high-contrast] .krds-btn.link.pure:active,[data-krds-mode=high-contrast] .krds-btn.link.pure:focus,[data-krds-mode=high-contrast] .krds-btn.link.pure:hover,[data-krds-mode=high-contrast] .krds-btn.link.pure:visited{
    color:var(--krds-button--color-link-text)
}
[data-krds-mode=high-contrast] .krds-btn.link.pure:active .svg-icon,[data-krds-mode=high-contrast] .krds-btn.link.pure:focus .svg-icon,[data-krds-mode=high-contrast] .krds-btn.link.pure:hover .svg-icon,[data-krds-mode=high-contrast] .krds-btn.link.pure:visited .svg-icon{
    background-color:var(--krds-button--color-link-text)
}
[data-krds-mode=high-contrast] .krds-btn.link .underline.hidden-underline{
    text-decoration-color:var(--krds-high-contrast-color-border-transparency)
}
[data-krds-mode=high-contrast] .krds-btn.link:active .underline.hidden-underline,[data-krds-mode=high-contrast] .krds-btn.link:focus .underline.hidden-underline,[data-krds-mode=high-contrast] .krds-btn.link:hover .underline.hidden-underline,[data-krds-mode=high-contrast] .krds-btn.link:visited .underline.hidden-underline{
    text-decoration-color:inherit
}
[data-krds-mode=high-contrast] .krds-btn.icon{
    background-color:transparent;
    border-color:var(--krds-high-contrast-color-border-transparency)
}
[data-krds-mode=high-contrast] .krds-btn.icon .svg-icon{
    background-color:var(--krds-high-contrast-color-text-basic)
}
[data-krds-mode=high-contrast] .krds-btn.icon.border{
    background-color:var(--krds-high-contrast-color-background-white);
    border-color:var(--krds-high-contrast-color-border-gray)
}
[data-krds-mode=high-contrast] .krds-btn.icon.border.disabled,[data-krds-mode=high-contrast] .krds-btn.icon.border[disabled]{
    background-color:var(--krds-high-contrast-color-button-disabled-fill)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-btn{
        border-width:var(--krds-high-contrast-border-width-variable-regular);
        --krds-button--color-primary-fill:var(--krds-high-contrast-color-button-primary-fill);
        --krds-button--color-primary-fill-hover:var(--krds-high-contrast-color-button-primary-fill-hover);
        --krds-button--color-primary-fill-pressed:var(--krds-high-contrast-color-button-primary-fill-pressed);
        --krds-button--color-primary-fill-disabled:var(--krds-high-contrast-color-button-disabled-fill);
        --krds-button--color-primary-border:var(--krds-high-contrast-color-button-primary-fill);
        --krds-button--color-primary-border-disabled:var(--krds-high-contrast-color-button-disabled-border);
        --krds-button--color-primary-text:var(--krds-high-contrast-color-text-inverse-static);
        --krds-button--color-primary-text-disabled:var(--krds-high-contrast-color-text-disabled-on);
        --krds-button--color-secondary-fill:var(--krds-high-contrast-color-button-secondary-fill);
        --krds-button--color-secondary-fill-hover:var(--krds-high-contrast-color-button-secondary-fill-hover);
        --krds-button--color-secondary-fill-pressed:var(--krds-high-contrast-color-button-secondary-fill-pressed);
        --krds-button--color-secondary-fill-disabled:var(--krds-high-contrast-color-button-disabled-fill);
        --krds-button--color-secondary-border:var(--krds-high-contrast-color-button-secondary-border);
        --krds-button--color-secondary-border-disabled:var(--krds-high-contrast-color-button-disabled-border);
        --krds-button--color-secondary-text:var(--krds-high-contrast-color-text-primary);
        --krds-button--color-secondary-text-disabled:var(--krds-high-contrast-color-text-disabled-on);
        --krds-button--color-tertiary-fill:var(--krds-high-contrast-color-button-tertiary-fill);
        --krds-button--color-tertiary-fill-hover:var(--krds-high-contrast-color-button-tertiary-fill-hover);
        --krds-button--color-tertiary-fill-pressed:var(--krds-high-contrast-color-button-tertiary-fill-pressed);
        --krds-button--color-tertiary-fill-disabled:var(--krds-high-contrast-color-button-disabled-fill);
        --krds-button--color-tertiary-border:var(--krds-high-contrast-color-button-tertiary-border);
        --krds-button--color-tertiary-border-disabled:var(--krds-high-contrast-color-button-disabled-border);
        --krds-button--color-tertiary-text:var(--krds-high-contrast-color-text-basic);
        --krds-button--color-tertiary-text-disabled:var(--krds-high-contrast-color-text-disabled-on);
        --krds-button--color-text-fill:var(--krds-high-contrast-color-button-text-fill);
        --krds-button--color-text-fill-hover:var(--krds-high-contrast-color-button-text-fill-hover);
        --krds-button--color-text-fill-pressed:var(--krds-high-contrast-color-button-text-fill-pressed);
        --krds-button--color-text-fill-disabled:var(--krds-high-contrast-color-button-text-fill);
        --krds-button--color-text-border:var(--krds-high-contrast-color-button-text-border);
        --krds-button--color-text-border-disabled:var(--krds-high-contrast-color-border-transparency);
        --krds-button--color-text-text:var(--krds-high-contrast-color-text-basic);
        --krds-button--color-text-text-disabled:var(--krds-high-contrast-color-text-disabled);
        --krds-button--color-link-fill:var(--krds-high-contrast-color-button-text-fill);
        --krds-button--color-link-fill-hover:var(--krds-high-contrast-color-button-text-fill);
        --krds-button--color-link-fill-pressed:var(--krds-high-contrast-color-button-text-fill);
        --krds-button--color-link-fill-disabled:var(--krds-high-contrast-color-button-text-fill);
        --krds-button--color-link-border:var(--krds-high-contrast-color-button-text-border);
        --krds-button--color-link-border-disabled:var(--krds-high-contrast-color-border-transparency);
        --krds-button--color-link-text:var(--krds-high-contrast-color-link-default);
        --krds-button--color-link-text-disabled:var(--krds-high-contrast-color-text-disabled)
    }
    [data-krds-mode=theme] .krds-btn{
        background-color:var(--krds-button--color-primary-fill);
        border-color:var(--krds-button--color-primary-border);
        color:var(--krds-button--color-primary-text)
    }
    [data-krds-mode=theme] .krds-btn.primary{
        background-color:var(--krds-button--color-primary-fill);
        border-color:var(--krds-button--color-primary-border);
        color:var(--krds-button--color-primary-text)
    }
    [data-krds-mode=theme] .krds-btn.primary:not(.icon) .svg-icon{
        background-color:var(--krds-button--color-primary-text)
    }
    [data-krds-mode=theme] .krds-btn.primary:hover{
        background-color:var(--krds-button--color-primary-fill-hover)
    }
    [data-krds-mode=theme] .krds-btn.primary:active,[data-krds-mode=theme] .krds-btn.primary:focus{
        background-color:var(--krds-button--color-primary-fill-pressed)
    }
    [data-krds-mode=theme] .krds-btn.primary.disabled,[data-krds-mode=theme] .krds-btn.primary[disabled]{
        background-color:var(--krds-button--color-primary-fill-disabled);
        border-color:var(--krds-button--color-primary-border-disabled);
        color:var(--krds-button--color-primary-text-disabled)
    }
    [data-krds-mode=theme] .krds-btn.primary.disabled:not(.icon) .svg-icon,[data-krds-mode=theme] .krds-btn.primary[disabled]:not(.icon) .svg-icon{
        background-color:var(--krds-button--color-primary-text-disabled)
    }
    [data-krds-mode=theme] .krds-btn.primary.disabled:hover,[data-krds-mode=theme] .krds-btn.primary[disabled]:hover{
        background-color:var(--krds-button--color-primary-fill-disabled);
        border-color:var(--krds-button--color-primary-border-disabled);
        color:var(--krds-button--color-primary-text-disabled)
    }
    [data-krds-mode=theme] .krds-btn.secondary{
        background-color:var(--krds-button--color-secondary-fill);
        border-color:var(--krds-button--color-secondary-border);
        color:var(--krds-button--color-secondary-text)
    }
    [data-krds-mode=theme] .krds-btn.secondary:not(.icon) .svg-icon{
        background-color:var(--krds-button--color-secondary-text)
    }
    [data-krds-mode=theme] .krds-btn.secondary:hover{
        background-color:var(--krds-button--color-secondary-fill-hover)
    }
    [data-krds-mode=theme] .krds-btn.secondary:active,[data-krds-mode=theme] .krds-btn.secondary:focus{
        background-color:var(--krds-button--color-secondary-fill-pressed)
    }
    [data-krds-mode=theme] .krds-btn.secondary.disabled,[data-krds-mode=theme] .krds-btn.secondary[disabled]{
        background-color:var(--krds-button--color-secondary-fill-disabled);
        border-color:var(--krds-button--color-secondary-border-disabled);
        color:var(--krds-button--color-secondary-text-disabled)
    }
    [data-krds-mode=theme] .krds-btn.secondary.disabled:not(.icon) .svg-icon,[data-krds-mode=theme] .krds-btn.secondary[disabled]:not(.icon) .svg-icon{
        background-color:var(--krds-button--color-secondary-text-disabled)
    }
    [data-krds-mode=theme] .krds-btn.secondary.disabled:hover,[data-krds-mode=theme] .krds-btn.secondary[disabled]:hover{
        background-color:var(--krds-button--color-secondary-fill-disabled);
        border-color:var(--krds-button--color-secondary-border-disabled);
        color:var(--krds-button--color-secondary-text-disabled)
    }
    [data-krds-mode=theme] .krds-btn.tertiary{
        background-color:var(--krds-button--color-tertiary-fill);
        border-color:var(--krds-button--color-tertiary-border);
        color:var(--krds-button--color-tertiary-text)
    }
    [data-krds-mode=theme] .krds-btn.tertiary:not(.icon) .svg-icon{
        background-color:var(--krds-button--color-tertiary-text)
    }
    [data-krds-mode=theme] .krds-btn.tertiary:hover{
        background-color:var(--krds-button--color-tertiary-fill-hover)
    }
    [data-krds-mode=theme] .krds-btn.tertiary:active,[data-krds-mode=theme] .krds-btn.tertiary:focus{
        background-color:var(--krds-button--color-tertiary-fill-pressed)
    }
    [data-krds-mode=theme] .krds-btn.tertiary.disabled,[data-krds-mode=theme] .krds-btn.tertiary[disabled]{
        background-color:var(--krds-button--color-tertiary-fill-disabled);
        border-color:var(--krds-button--color-tertiary-border-disabled);
        color:var(--krds-button--color-tertiary-text-disabled)
    }
    [data-krds-mode=theme] .krds-btn.tertiary.disabled:not(.icon) .svg-icon,[data-krds-mode=theme] .krds-btn.tertiary[disabled]:not(.icon) .svg-icon{
        background-color:var(--krds-button--color-tertiary-text-disabled)
    }
    [data-krds-mode=theme] .krds-btn.tertiary.disabled:hover,[data-krds-mode=theme] .krds-btn.tertiary[disabled]:hover{
        background-color:var(--krds-button--color-tertiary-fill-disabled);
        border-color:var(--krds-button--color-tertiary-border-disabled);
        color:var(--krds-button--color-tertiary-text-disabled)
    }
    [data-krds-mode=theme] .krds-btn.text{
        background-color:var(--krds-button--color-text-fill);
        border-color:var(--krds-button--color-text-border);
        color:var(--krds-button--color-text-text)
    }
    [data-krds-mode=theme] .krds-btn.text:not(.icon) .svg-icon{
        background-color:var(--krds-button--color-text-text)
    }
    [data-krds-mode=theme] .krds-btn.text:hover{
        background-color:var(--krds-button--color-text-fill-hover)
    }
    [data-krds-mode=theme] .krds-btn.text:active,[data-krds-mode=theme] .krds-btn.text:focus{
        background-color:var(--krds-button--color-text-fill-pressed)
    }
    [data-krds-mode=theme] .krds-btn.text.disabled,[data-krds-mode=theme] .krds-btn.text[disabled]{
        background-color:var(--krds-button--color-text-fill-disabled);
        border-color:var(--krds-button--color-text-border-disabled);
        color:var(--krds-button--color-text-text-disabled)
    }
    [data-krds-mode=theme] .krds-btn.text.disabled:not(.icon) .svg-icon,[data-krds-mode=theme] .krds-btn.text[disabled]:not(.icon) .svg-icon{
        background-color:var(--krds-button--color-text-text-disabled)
    }
    [data-krds-mode=theme] .krds-btn.text.disabled:hover,[data-krds-mode=theme] .krds-btn.text[disabled]:hover{
        background-color:var(--krds-button--color-text-fill-disabled);
        border-color:var(--krds-button--color-text-border-disabled);
        color:var(--krds-button--color-text-text-disabled)
    }
    [data-krds-mode=theme] .krds-btn.link{
        background-color:var(--krds-button--color-link-fill);
        border-color:var(--krds-button--color-link-border);
        color:var(--krds-button--color-link-text)
    }
    [data-krds-mode=theme] .krds-btn.link:not(.icon) .svg-icon{
        background-color:var(--krds-button--color-link-text)
    }
    [data-krds-mode=theme] .krds-btn.link:hover{
        background-color:var(--krds-button--color-link-fill-hover)
    }
    [data-krds-mode=theme] .krds-btn.link:active,[data-krds-mode=theme] .krds-btn.link:focus{
        background-color:var(--krds-button--color-link-fill-pressed)
    }
    [data-krds-mode=theme] .krds-btn.link.disabled,[data-krds-mode=theme] .krds-btn.link[disabled]{
        background-color:var(--krds-button--color-link-fill-disabled);
        border-color:var(--krds-button--color-link-border-disabled);
        color:var(--krds-button--color-link-text-disabled)
    }
    [data-krds-mode=theme] .krds-btn.link.disabled:not(.icon) .svg-icon,[data-krds-mode=theme] .krds-btn.link[disabled]:not(.icon) .svg-icon{
        background-color:var(--krds-button--color-link-text-disabled)
    }
    [data-krds-mode=theme] .krds-btn.link.disabled:hover,[data-krds-mode=theme] .krds-btn.link[disabled]:hover{
        background-color:var(--krds-button--color-link-fill-disabled);
        border-color:var(--krds-button--color-link-border-disabled);
        color:var(--krds-button--color-link-text-disabled)
    }
    [data-krds-mode=theme] .krds-btn.text.ico-filter .num{
        color:var(--krds-high-contrast-color-text-basic-inverse);
        background-color:var(--krds-high-contrast-color-element-primary)
    }
    [data-krds-mode=theme] .krds-btn.link.basic{
        color:var(--krds-high-contrast-color-text-basic)
    }
    [data-krds-mode=theme] .krds-btn.link.basic:not(.icon) .svg-icon{
        background-color:var(--krds-high-contrast-color-text-basic)
    }
    [data-krds-mode=theme] .krds-btn.link.basic.pure:active,[data-krds-mode=theme] .krds-btn.link.basic.pure:focus,[data-krds-mode=theme] .krds-btn.link.basic.pure:hover,[data-krds-mode=theme] .krds-btn.link.basic.pure:visited{
        color:var(--krds-high-contrast-color-text-basic)
    }
    [data-krds-mode=theme] .krds-btn.link.basic.pure:active .svg-icon,[data-krds-mode=theme] .krds-btn.link.basic.pure:focus .svg-icon,[data-krds-mode=theme] .krds-btn.link.basic.pure:hover .svg-icon,[data-krds-mode=theme] .krds-btn.link.basic.pure:visited .svg-icon{
        background-color:var(--krds-high-contrast-color-text-basic)
    }
    [data-krds-mode=theme] .krds-btn.link:hover{
        color:var(--krds-high-contrast-color-link-hover)
    }
    [data-krds-mode=theme] .krds-btn.link:hover:not(.icon) .svg-icon{
        background-color:var(--krds-high-contrast-color-link-hover)
    }
    [data-krds-mode=theme] .krds-btn.link:active,[data-krds-mode=theme] .krds-btn.link:focus{
        color:var(--krds-high-contrast-color-link-pressed)
    }
    [data-krds-mode=theme] .krds-btn.link:active:not(.icon) .svg-icon,[data-krds-mode=theme] .krds-btn.link:focus:not(.icon) .svg-icon{
        background-color:var(--krds-high-contrast-color-link-pressed)
    }
    [data-krds-mode=theme] .krds-btn.link:visited{
        color:var(--krds-high-contrast-color-link-visited)
    }
    [data-krds-mode=theme] .krds-btn.link:visited:not(.icon) .svg-icon{
        background-color:var(--krds-high-contrast-color-link-visited)
    }
    [data-krds-mode=theme] .krds-btn.link.pure:active,[data-krds-mode=theme] .krds-btn.link.pure:focus,[data-krds-mode=theme] .krds-btn.link.pure:hover,[data-krds-mode=theme] .krds-btn.link.pure:visited{
        color:var(--krds-button--color-link-text)
    }
    [data-krds-mode=theme] .krds-btn.link.pure:active .svg-icon,[data-krds-mode=theme] .krds-btn.link.pure:focus .svg-icon,[data-krds-mode=theme] .krds-btn.link.pure:hover .svg-icon,[data-krds-mode=theme] .krds-btn.link.pure:visited .svg-icon{
        background-color:var(--krds-button--color-link-text)
    }
    [data-krds-mode=theme] .krds-btn.link .underline.hidden-underline{
        text-decoration-color:var(--krds-high-contrast-color-border-transparency)
    }
    [data-krds-mode=theme] .krds-btn.link:active .underline.hidden-underline,[data-krds-mode=theme] .krds-btn.link:focus .underline.hidden-underline,[data-krds-mode=theme] .krds-btn.link:hover .underline.hidden-underline,[data-krds-mode=theme] .krds-btn.link:visited .underline.hidden-underline{
        text-decoration-color:inherit
    }
    [data-krds-mode=theme] .krds-btn.icon{
        background-color:transparent;
        border-color:var(--krds-high-contrast-color-border-transparency)
    }
    [data-krds-mode=theme] .krds-btn.icon .svg-icon{
        background-color:var(--krds-high-contrast-color-text-basic)
    }
    [data-krds-mode=theme] .krds-btn.icon.border{
        background-color:var(--krds-high-contrast-color-background-white);
        border-color:var(--krds-high-contrast-color-border-gray)
    }
    [data-krds-mode=theme] .krds-btn.icon.border.disabled,[data-krds-mode=theme] .krds-btn.icon.border[disabled]{
        background-color:var(--krds-high-contrast-color-button-disabled-fill)
    }
}
.btn-wrap{
    width:100%
}
.krds-tab-area{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-gap-8);
    width:100%
}
@media (max-width:767px){
    .krds-tab-area{
        gap:var(--krds-gap-8)
    }
}
.tab{
    --krds-tab--button-size-height:var(--krds-size-height-7);
    --krds-tab--button-size-min-width:6.4rem;
    --krds-tab--button-pc-font-size:var(--krds-pc-font-size-heading-xsmall);
    --krds-tab--button-mobile-font-size:var(--krds-mobile-font-size-heading-xsmall);
    --krds-tab--gap:var(--krds-gap-3);
    --krds-tab--full-button-size-height:var(--krds-size-height-8);
    --krds-tab--full-button-pc-font-size:var(--krds-pc-font-size-heading-small);
    --krds-tab--full-button-mobile-font-size:var(--krds-mobile-font-size-heading-small);
    --krds-tab--line-button-padding:var(--krds-padding-2);
    --krds-tab--fill-button-padding:var(--krds-padding-3);
    --krds-tab--fill-button-radius:var(--krds-radius-medium2);
    --krds-tab--conts-padding-top:var(--krds-padding-10);
    --krds-tab--mobile-button-trigger-size-height:var(--krds-size-height-7);
    --krds-tab--mobile-button-trigger-padding-x:var(--krds-padding-6);
    --krds-tab--mobile-button-trigger-radius:var(--krds-radius-medium1);
    --krds-tab--button-color-action:var(--krds-light-color-action-secondary);
    --krds-tab--button-color-action-hover:var(--krds-light-color-action-secondary-hover);
    --krds-tab--button-color-action-pressed:var(--krds-light-color-action-secondary-pressed);
    --krds-tab--button-color-border:var(--krds-light-color-action-secondary);
    --krds-tab--button-color-text:var(--krds-light-color-text-subtle);
    --krds-tab--button-color-text-disabled:var(--krds-light-color-text-disabled);
    --krds-tab--fill-button-color-action-active:var(--krds-light-color-action-secondary-active);
    --krds-tab--fill-button-color-border:var(--krds-light-color-border-gray);
    --krds-tab--fill-button-color-border-active:var(--krds-light-color-action-secondary-active);
    --krds-tab--fill-button-color-text:var(--krds-light-color-text-inverse-static);
    --krds-tab--line-button-color-border:var(--krds-light-color-border-gray);
    --krds-tab--line-button-color-line-active:var(--krds-light-color-action-secondary-active);
    --krds-tab--line-button-color-text-active:var(--krds-light-color-text-secondary);
    --krds-tab--mobile-button-trigger-color-text:var(--krds-light-color-text-inverse-static);
    --krds-tab--mobile-button-trigger-color-action:var(--krds-light-color-action-secondary-active)
}
.tab>ul{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-tab--gap);
    overflow-x:auto;
    width:100%
}
.tab .btn-tab,.tab li{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    position:relative;
    white-space:nowrap
}
.tab .btn-tab{
    width:100%;
    height:var(--krds-tab--button-size-height);
    background-color:var(--krds-tab--button-color-action);
    border:1px solid var(--krds-tab--button-color-border);
    font-size:var(--krds-tab--button-pc-font-size);
    color:var(--krds-tab--button-color-text);
    font-weight:var(--krds-font-weight-bold);
    transition:var(--krds-transition-base)
}
@media (max-width:767px){
    .tab .btn-tab{
        font-size:var(--krds-tab--button-mobile-font-size)
    }
}
.tab .btn-tab:not(:disabled):hover{
    background-color:var(--krds-tab--button-color-action-hover);
    transition:var(--krds-transition-base)
}
.tab .btn-tab:not(:disabled):active{
    background-color:var(--krds-tab--button-color-action-pressed);
    transition:var(--krds-transition-base)
}
.tab .btn-tab:focus{
    box-shadow:var(--krds-box-shadow-outline-inset);
    outline-offset:-.4rem
}
.tab .btn-tab[disabled]{
    color:var(--krds-tab--button-color-text-disabled);
    cursor:default
}
.tab li{
    flex-grow:0
}
.tab.full{
    width:100%
}
.tab.full .btn-tab{
    height:var(--krds-tab--full-button-size-height);
    padding:0;
    font-size:var(--krds-tab--full-button-pc-font-size)
}
@media (max-width:767px){
    .tab.full .btn-tab{
        font-size:var(--krds-tab--full-button-mobile-font-size)
    }
}
.tab.full>ul{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    position:relative;
    width:100%;
    gap:0
}
.tab.full>ul>li{
    flex:1 1 0px;
    min-width:0
}
.tab.fill .btn-tab{
    padding:0 var(--krds-tab--fill-button-padding);
    border-radius:var(--krds-tab--fill-button-radius)
}
.tab.fill .btn-tab:focus{
    box-shadow:inset 0 0 0 .6rem var(--krds-light-color-border-primary);
    outline-offset:-.4rem
}
.tab.fill .active .btn-tab{
    background-color:var(--krds-tab--fill-button-color-action-active);
    border-color:var(--krds-tab--fill-button-color-border-active)!important;
    color:var(--krds-tab--fill-button-color-text)
}
.tab.fill.full .btn-tab{
    border-color:var(--krds-tab--fill-button-color-border)
}
.tab.fill.full>ul>li+li .btn-tab{
    border-left:none
}
.tab.fill.full>ul>li .btn-tab{
    border-radius:0
}
.tab.fill.full>ul>li:first-of-type .btn-tab{
    border-top-left-radius:var(--krds-tab--fill-button-radius);
    border-bottom-left-radius:var(--krds-tab--fill-button-radius)
}
.tab.fill.full>ul>li:last-of-type .btn-tab{
    border-top-right-radius:var(--krds-tab--fill-button-radius);
    border-bottom-right-radius:var(--krds-tab--fill-button-radius)
}
.tab.line .btn-tab{
    min-width:var(--krds-tab--button-size-min-width);
    padding:0 var(--krds-tab--line-button-padding)
}
.tab.line .btn-tab:before{
    position:absolute;
    bottom:0;
    left:50%;
    content:"";
    width:0;
    height:.4rem;
    background-color:var(--krds-tab--line-button-color-line-active);
    transition:var(--krds-transition-base)
}
.tab.line .active .btn-tab{
    color:var(--krds-tab--line-button-color-text-active)
}
.tab.line .active .btn-tab:before{
    position:absolute;
    left:0;
    width:100%
}
.tab.line.full .btn-tab{
    border:0;
    border-bottom:2px solid var(--krds-tab--line-button-color-border)
}
.tab.line.full .btn-tab:before{
    bottom:-.2rem
}
.tab-conts-wrap{
    width:100%
}
.tab-conts{
    display:none;
    margin-top:var(--krds-tab--conts-padding-top)
}
.tab-conts.active{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column
}
@media (max-width:767px){
    .tab-conts.active{
        gap:var(--krds-padding-8)
    }
    .tab.fill.full .btn-tab{
        border-color:var(--krds-tab--fill-button-color-border);
        padding:0 var(--krds-padding-5);
        border-width:0
    }
    .tab.fill.full>ul{
        gap:var(--krds-gap-3);
        flex-wrap:nowrap
    }
    .tab.fill.full>ul>li{
        width:fit-content;
        flex:none
    }
    .tab.fill.full>ul>li .btn-tab{
        border-radius:var(--krds-tab--fill-button-radius)
    }
}
[data-krds-mode=high-contrast] .tab{
    --krds-tab--button-color-action:var(--krds-high-contrast-color-action-secondary);
    --krds-tab--button-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-tab--button-color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
    --krds-tab--button-color-border:var(--krds-high-contrast-color-action-secondary);
    --krds-tab--button-color-text:var(--krds-high-contrast-color-text-subtle);
    --krds-tab--button-color-text-disabled:var(--krds-high-contrast-color-text-disabled);
    --krds-tab--fill-button-color-action-active:var(--krds-high-contrast-color-action-secondary-active);
    --krds-tab--fill-button-color-border:var(--krds-high-contrast-color-border-gray);
    --krds-tab--fill-button-color-border-active:var(--krds-high-contrast-color-action-secondary-active);
    --krds-tab--fill-button-color-text:var(--krds-high-contrast-color-text-inverse-static);
    --krds-tab--line-button-color-border:var(--krds-high-contrast-color-border-gray);
    --krds-tab--line-button-color-line-active:var(--krds-high-contrast-color-action-secondary-active);
    --krds-tab--line-button-color-text-active:var(--krds-high-contrast-color-text-secondary);
    --krds-tab--mobile-button-trigger-color-text:var(--krds-high-contrast-color-text-inverse-static);
    --krds-tab--mobile-button-trigger-color-action:var(--krds-high-contrast-color-action-secondary-active)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .tab{
        --krds-tab--button-color-action:var(--krds-high-contrast-color-action-secondary);
        --krds-tab--button-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-tab--button-color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
        --krds-tab--button-color-border:var(--krds-high-contrast-color-action-secondary);
        --krds-tab--button-color-text:var(--krds-high-contrast-color-text-subtle);
        --krds-tab--button-color-text-disabled:var(--krds-high-contrast-color-text-disabled);
        --krds-tab--fill-button-color-action-active:var(--krds-high-contrast-color-action-secondary-active);
        --krds-tab--fill-button-color-border:var(--krds-high-contrast-color-border-gray);
        --krds-tab--fill-button-color-border-active:var(--krds-high-contrast-color-action-secondary-active);
        --krds-tab--fill-button-color-text:var(--krds-high-contrast-color-text-inverse-static);
        --krds-tab--line-button-color-border:var(--krds-high-contrast-color-border-gray);
        --krds-tab--line-button-color-line-active:var(--krds-high-contrast-color-action-secondary-active);
        --krds-tab--line-button-color-text-active:var(--krds-high-contrast-color-text-secondary);
        --krds-tab--mobile-button-trigger-color-text:var(--krds-high-contrast-color-text-inverse-static);
        --krds-tab--mobile-button-trigger-color-action:var(--krds-high-contrast-color-action-secondary-active)
    }
}
.krds-table-wrap{
    --krds-table--data-thead-th-padding:var(--krds-padding-3);
    --krds-table--data-thead-th-padding-sides:var(--krds-padding-6);
    --krds-table--data-thead-pc-font-size:var(--krds-pc-font-size-heading-xxsmall);
    --krds-table--data-thead-mobile-font-size:var(--krds-mobile-font-size-heading-xxsmall);
    --krds-table--data-tbody-pc-font-size:var(--krds-pc-font-size-label-medium);
    --krds-table--data-tbody-mobile-font-size:var(--krds-mobile-font-size-label-medium);
    --krds-table--data-tbody-padding:var(--krds-padding-5);
    --krds-table--data-tbody-padding-sides:var(--krds-padding-6);
    --krds-table--data-border-width:var(--krds-light-border-width-variable-regular);
    --krds-table--data-thead-border:var(--krds-light-color-border-secondary-light);
    --krds-table--data-thead-surface:var(--krds-light-color-surface-secondary-subtler);
    --krds-table--data-thead-color-text:var(--krds-light-color-text-bolder);
    --krds-table--data-tbody-color-surface:var(--krds-light-color-surface-white-subtle);
    --krds-table--data-tbody-color-divider:var(--krds-light-color-divider-gray-light);
    --krds-table--data-tbody-color-text:var(--krds-light-color-text-subtle);
    width:100%
}
.krds-table-wrap .tbl.data td,.krds-table-wrap .tbl.data th{
    vertical-align:middle
}
.krds-table-wrap .tbl.data thead th{
    padding:var(--krds-table--data-thead-th-padding) var(--krds-table--data-thead-th-padding-sides);
    background-color:var(--krds-table--data-thead-surface);
    border-bottom:var(--krds-table--data-border-width) solid var(--krds-table--data-thead-border);
    font-weight:var(--krds-font-weight-bold);
    font-size:var(--krds-table--data-thead-pc-font-size);
    color:var(--krds-table--data-thead-color-text);
    text-align:left
}
@media (max-width:767px){
    .krds-table-wrap .tbl.data thead th{
        font-size:var(--krds-table--data-thead-mobile-font-size)
    }
}
.krds-table-wrap .tbl.data tbody td,.krds-table-wrap .tbl.data tbody th{
    padding:var(--krds-table--data-tbody-padding) var(--krds-table--data-tbody-padding-sides);
    background-color:var(--krds-table--data-tbody-color-surface);
    border-bottom:var(--krds-table--data-border-width) solid var(--krds-table--data-tbody-color-divider);
    font-size:var(--krds-table--data-tbody-pc-font-size);
    color:var(--krds-table--data-tbody-color-text);
    font-weight:var(--krds-font-weight-regular);
    text-align:left
}
@media (max-width:767px){
    .krds-table-wrap .tbl.data tbody td,.krds-table-wrap .tbl.data tbody th{
        font-size:var(--krds-table--data-tbody-mobile-font-size)
    }
}
.krds-table-wrap.scroll{
    overflow-x:auto;
    overflow-y:hidden
}
.krds-table-wrap.scroll .tbl{
    width:100%
}
@media (max-width:767px){
    .krds-table-wrap{
        overflow-x:auto;
        width:calc(100vw - var(--krds-contents-padding-x) * 2)
    }
    .krds-table-wrap .tbl{
        min-width:73.2rem
    }
    .krds-table-wrap.mob-scroll{
        width:100%
    }
    .krds-table-wrap.mob-scroll td,.krds-table-wrap.mob-scroll th{
        white-space:nowrap
    }
}
[data-krds-mode=high-contrast] .krds-table-wrap{
    --krds-table--data-border-width:var(--krds-high-contrast-border-width-variable-regular);
    --krds-table--data-thead-border:var(--krds-high-contrast-color-border-secondary-light);
    --krds-table--data-thead-surface:var(--krds-high-contrast-color-surface-secondary-subtler);
    --krds-table--data-thead-color-text:var(--krds-high-contrast-color-text-bolder);
    --krds-table--data-tbody-color-surface:var(--krds-high-contrast-color-surface-white-subtle);
    --krds-table--data-tbody-color-divider:var(--krds-high-contrast-color-divider-gray-light);
    --krds-table--data-tbody-color-text:var(--krds-high-contrast-color-text-subtle)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-table-wrap{
        --krds-table--data-border-width:var(--krds-high-contrast-border-width-variable-regular);
        --krds-table--data-thead-border:var(--krds-high-contrast-color-border-secondary-light);
        --krds-table--data-thead-surface:var(--krds-high-contrast-color-surface-secondary-subtler);
        --krds-table--data-thead-color-text:var(--krds-high-contrast-color-text-bolder);
        --krds-table--data-tbody-color-surface:var(--krds-high-contrast-color-surface-white-subtle);
        --krds-table--data-tbody-color-divider:var(--krds-high-contrast-color-divider-gray-light);
        --krds-table--data-tbody-color-text:var(--krds-high-contrast-color-text-subtle)
    }
}
.krds-info-list{
    --krds-info-list--depth1-list-margin-top:0;
    --krds-info-list--depth2-list-margin-top:var(--krds-gap-5);
    --krds-info-list--depth3-list-margin-top:var(--krds-gap-4);
    --krds-info-list--depth1-padding-left:var(--krds-number-12);
    --krds-info-list--depth2-padding-left:var(--krds-number-10);
    --krds-info-list--depth3-padding-left:var(--krds-number-9);
    --krds-info-list--gap-layout-depth1-li-li:var(--krds-gap-4);
    --krds-info-list--gap-layout-depth2-li-li:var(--krds-gap-3);
    --krds-info-list--gap-layout-depth3-li-li:var(--krds-gap-3);
    --krds-info-list--pc-text-depth1:var(--krds-pc-font-size-body-medium);
    --krds-info-list--mobile-text-depth1:var(--krds-mobile-font-size-body-medium);
    --krds-info-list--pc-text-depth2:var(--krds-pc-font-size-body-medium);
    --krds-info-list--mobile-text-depth2:var(--krds-mobile-font-size-body-medium);
    --krds-info-list--pc-text-depth3:var(--krds-pc-font-size-body-small);
    --krds-info-list--mobile-text-depth3:var(--krds-mobile-font-size-body-small);
    --krds-info-list--info-txt-margin-top:var(--krds-number-7);
    --krds-info-list--depth1-color-text:var(--krds-light-color-text-subtle);
    --krds-info-list--depth2-color-text:var(--krds-light-color-text-subtle);
    --krds-info-list--depth3-color-text:var(--krds-light-color-text-subtle);
    display:flex;
    flex-direction:column;
    margin-top:var(--krds-info-list--depth1-list-margin-top);
    gap:var(--krds-info-list--gap-layout-depth1-li-li)
}
.krds-info-list>li{
    position:relative;
    padding-left:var(--krds-info-list--depth1-padding-left);
    color:var(--krds-info-list--depth1-color-text);
    font-size:var(--krds-info-list--pc-text-depth1)
}
@media (max-width:767px){
    .krds-info-list>li{
        font-size:var(--krds-info-list--mobile-text-depth1)
    }
}
.krds-info-list>li::before{
    position:absolute;
    top:0;
    left:0
}
.krds-info-list>li>.krds-info-list{
    gap:var(--krds-info-list--gap-layout-depth2-li-li);
    margin-top:var(--krds-info-list--depth2-list-margin-top)
}
.krds-info-list>li>.krds-info-list>li{
    padding-left:var(--krds-info-list--depth2-padding-left);
    color:var(--krds-info-list--depth2-color-text);
    font-size:var(--krds-info-list--pc-text-depth2)
}
@media (max-width:767px){
    .krds-info-list>li>.krds-info-list>li{
        font-size:var(--krds-info-list--mobile-text-depth2)
    }
}
.krds-info-list>li>.krds-info-list>li>.krds-info-list{
    margin-top:var(--krds-info-list--depth3-list-margin-top)
}
.krds-info-list>li>.krds-info-list>li>.krds-info-list>li{
    padding-left:var(--krds-info-list--depth3-padding-left);
    color:var(--krds-info-list--depth3-color-text);
    font-size:var(--krds-info-list--pc-text-depth3)
}
@media (max-width:767px){
    .krds-info-list>li>.krds-info-list>li>.krds-info-list>li{
        font-size:var(--krds-info-list--mobile-text-depth3)
    }
}
.krds-info-list>li>.info-txt{
    margin-top:var(--krds-info-list--info-txt-margin-top)
}
.krds-info-list.decimal>li::before{
    content:"";
    width:.6rem;
    height:.6rem;
    content:"";
    background-color:var(--krds-info-list--depth1-color-text);
    border-radius:var(--krds-radius-max);
    top:1rem;
    left:.8rem
}
.krds-info-list.dash>li::before{
    content:"-"
}
.krds-info-list.hollow{
    gap:var(--krds-info-list--gap-layout-depth2-li-li)
}
.krds-info-list.hollow>li{
    padding-left:var(--krds-info-list--depth3-padding-left)
}
.krds-info-list.hollow>li::before{
    content:"";
    width:.4rem;
    height:.4rem;
    content:"";
    border:.1rem solid var(--krds-info-list--depth1-color-text);
    border-radius:var(--krds-radius-max);
    top:.95rem;
    left:.8rem
}
.krds-info-list.ordered>li .num{
    position:absolute;
    top:0;
    left:0
}
.krds-info-list.ordered>li::before{
    display:none
}
[data-krds-mode=high-contrast] .krds-info-list{
    --krds-info-list--depth1-color-text:var(--krds-high-contrast-color-text-subtle);
    --krds-info-list--depth2-color-text:var(--krds-high-contrast-color-text-subtle);
    --krds-info-list--depth3-color-text:var(--krds-high-contrast-color-text-subtle)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-info-list{
        --krds-info-list--depth1-color-text:var(--krds-high-contrast-color-text-subtle);
        --krds-info-list--depth2-color-text:var(--krds-high-contrast-color-text-subtle);
        --krds-info-list--depth3-color-text:var(--krds-high-contrast-color-text-subtle)
    }
}
.krds-modal{
    --krds-modal--size-large:76rem;
    --krds-modal--size-medium:56rem;
    --krds-modal--size-small:40rem;
    --krds-modal--size-min-height:26.4rem;
    --krds-modal--wrap-radius:var(--krds-radius-xlarge1);
    --krds-modal--padding:var(--krds-padding-10);
    --krds-modal--header-padding-top:var(--krds-number-17);
    --krds-modal--header-pc-font-size:var(--krds-pc-font-size-heading-medium);
    --krds-modal--header-mobile-font-size:var(--krds-mobile-font-size-heading-medium);
    --krds-modal--conts-padding-top:var(--krds-padding-6);
    --krds-modal--conts-padding-bottom:var(--krds-padding-3);
    --krds-modal--conts-gap:var(--krds-gap-5);
    --krds-modal--btn-gap:var(--krds-gap-3);
    --krds-modal--btn-padding-top:var(--krds-padding-6);
    --krds-modal--btn-size-min-wdith:7.8rem;
    --krds-modal--btn-close-position:var(--krds-gap-7);
    --krds-modal--mobile-gap:var(--krds-gap-7);
    --krds-modal--mobile-width:calc(100% - var(--krds-gap-7));
    --krds-modal--mobile-height:calc(100% - var(--krds-modal--mobile-gap) * 2);
    --krds-modal--mobile-padding:var(--krds-padding-8);
    --krds-modal--mobile-header-padding-top:5.2rem;
    --krds-modal--mobile-btn-close-position:var(--krds-gap-6);
    --krds-modal--mobile-btn-padding-top:var(--krds-padding-6);
    --krds-modal--mobile-btn-padding-bottom:var(--krds-padding-8);
    --krds-modal--border-width:var(--krds-light-border-width-variable-regular);
    --krds-modal--color-text:var(--krds-light-color-text-basic);
    --krds-modal--wrap-color-surface:var(--krds-light-color-surface-white-subtler);
    --krds-modal--wrap-color-border:var(--krds-light-color-border-gray);
    --krds-modal--wrap-shadow:0 0 0.2rem 0 var(--krds-light-color-alpha-shadow2),0 1.6rem 2.4rem 0 var(--krds-light-color-alpha-shadow3);
    --krds-modal--color-dim:var(--krds-light-color-background-dim);
    --krds-modal--full-popup-surface:var(--krds-light-color-surface-secondary-subtler);
    display:none;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:-1;
    visibility:hidden;
    width:100%;
    height:100%;
    opacity:0;
    transition:visibility .15s .3s,z-index 0s .3s,opacity .2s;
    font-size:var(--krds-pc-font-size-body-medium);
    font-style:normal;
    font-weight:var(--krds-font-weight-regular);
    line-height:var(--krds-line-height-base);
    text-align:left;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    white-space:normal;
    word-spacing:normal;
    line-break:auto
}
@media (max-width:767px){
    .krds-modal{
        font-size:var(--krds-mobile-font-size-body-medium)
    }
}
.krds-modal>*{
    width:100%
}
.krds-modal.in{
    z-index:1010;
    transition-delay:0s;
    opacity:1;
    visibility:visible
}
.krds-modal.shown{
    display:block
}
.krds-modal .modal-back{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    visibility:hidden;
    z-index:-1;
    background-color:var(--krds-modal--color-dim)
}
.krds-modal .modal-back.in{
    display:block;
    z-index:1000;
    visibility:visible
}
.krds-modal .modal-dialog{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    position:relative;
    z-index:1020;
    width:var(--krds-modal--size-large);
    height:100%;
    min-height:var(--krds-modal--size-min-height);
    margin:0 auto
}
.krds-modal .modal-dialog.modal-sm{
    max-width:var(--krds-modal--size-small)
}
.krds-modal .modal-dialog.modal-md{
    max-width:var(--krds-modal--size-medium)
}
.krds-modal .modal-dialog.modal-lg{
    max-width:var(--krds-modal--size-large)
}
.krds-modal .modal-dialog .modal-content{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:column;
    position:relative;
    width:100%;
    max-height:80%;
    background-color:var(--krds-modal--wrap-color-surface);
    border-radius:var(--krds-modal--wrap-radius);
    border:var(--krds-modal--border-width) solid var(--krds-modal--wrap-color-border);
    color:var(--krds-modal--color-text);
    outline-color:transparent;
    transition:outline-color .1s;
    box-shadow:var(--krds-modal--wrap-shadow)
}
.krds-modal .modal-dialog .modal-content>:not(.btn-close){
    width:100%
}
.krds-modal .modal-dialog .modal-content:focus{
    box-shadow:var(--krds-box-shadow-outline-inset);
    outline-offset:.4rem
}
.krds-modal .modal-dialog .modal-header{
    width:100%;
    background-color:inherit;
    border-top-left-radius:inherit;
    border-top-right-radius:inherit;
    padding-top:var(--krds-modal--header-padding-top);
    padding-inline:var(--krds-modal--padding)
}
.krds-modal .modal-dialog .modal-header .modal-title{
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    font-size:var(--krds-modal--header-pc-font-size);
    font-weight:var(--krds-font-weight-bold)
}
.krds-modal .modal-dialog .modal-conts{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    position:relative;
    overflow-y:auto;
    width:100%;
    padding:var(--krds-modal--conts-padding-top) var(--krds-modal--padding) var(--krds-modal--conts-padding-bottom)
}
.krds-modal .modal-dialog .modal-conts::-webkit-scrollbar{
    width:.8rem
}
.krds-modal .modal-dialog .modal-conts::-webkit-scrollbar-thumb{
    background-color:var(--krds-light-color-element-secondary-light);
    border-radius:.8rem
}
.krds-modal .modal-dialog .modal-conts::-webkit-scrollbar-track{
    background-color:var(--krds-light-color-element-secondary-lighter)
}
.krds-modal .modal-dialog .modal-conts>*{
    width:100%
}
.krds-modal .modal-dialog .modal-conts .conts-area{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-modal--conts-gap)
}
.krds-modal .modal-dialog .modal-conts .conts-area>*{
    width:100%
}
.krds-modal .modal-dialog .modal-btn{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-direction:row;
    gap:var(--krds-modal--btn-gap);
    padding:var(--krds-modal--btn-padding-top) var(--krds-modal--padding) var(--krds-modal--padding)
}
.krds-modal .modal-dialog .modal-btn .krds-btn{
    min-width:var(--krds-modal--btn-size-min-wdith)
}
.krds-modal .modal-dialog .modal-btn.multi-conts{
    justify-content:space-between
}
.krds-modal .modal-dialog .btn-close{
    position:absolute;
    top:var(--krds-modal--btn-close-position);
    right:var(--krds-modal--btn-close-position);
    z-index:901
}
.krds-modal[data-type=full]{
    background-color:var(--krds-modal--full-popup-surface)
}
.krds-modal[data-type=full] .modal-dialog{
    width:100%;
    height:100%;
    margin:0 auto;
    padding:0
}
.krds-modal[data-type=full] .modal-conts,.krds-modal[data-type=full] .modal-header{
    padding:0
}
.krds-modal[data-type=full] .modal-content{
    height:100%;
    max-height:100%;
    background:0 0;
    margin:0 auto;
    border:none;
    border-radius:0
}
.krds-modal[data-type=full] .modal-back.in{
    display:none
}
.krds-modal[data-type=bottom-sheet]{
    --krds-modal--bottom-sheet-radius:var(--krds-radius-xlarge1);
    --krds-modal--bottom-sheet-padding:var(--krds-padding-6);
    --krds-modal--bottom-sheet-btn-close-position-top:var(--krds-gap-6);
    --krds-modal--bottom-sheet-btn-close-position-right:var(--krds-gap-5);
    --krds-modal--bottom-sheet-btn-padding-top:var(--krds-padding-10)
}
.krds-modal[data-type=bottom-sheet] .modal-content{
    position:fixed;
    left:0;
    bottom:-100%;
    border-radius:0;
    border-top-left-radius:var(--krds-modal--bottom-sheet-radius);
    border-top-right-radius:var(--krds-modal--bottom-sheet-radius);
    max-height:90%;
    transition:var(--krds-transition-base)
}
.krds-modal[data-type=bottom-sheet] .modal-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    padding:var(--krds-modal--bottom-sheet-padding);
    flex-shrink:0
}
.krds-modal[data-type=bottom-sheet] .modal-header .modal-title{
    font-size:var(--krds-pc-font-size-heading-small)
}
.krds-modal[data-type=bottom-sheet] .modal-conts{
    display:block;
    padding:0 var(--krds-modal--bottom-sheet-padding)
}
.krds-modal[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar{
    width:.8rem
}
.krds-modal[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar-thumb{
    background-color:var(--krds-light-color-element-secondary-light);
    border-radius:.8rem
}
.krds-modal[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar-track{
    background-color:var(--krds-light-color-element-secondary-lighter)
}
.krds-modal[data-type=bottom-sheet] .btn-close{
    top:var(--krds-modal--bottom-sheet-btn-close-position-top);
    right:var(--krds-modal--bottom-sheet-btn-close-position-right)
}
.krds-modal[data-type=bottom-sheet] .pop-filter-top{
    width:auto
}
.krds-modal[data-type=bottom-sheet] .modal-btn.btn-wrap{
    padding:var(--krds-modal--bottom-sheet-btn-padding-top) var(--krds-modal--bottom-sheet-padding) var(--krds-modal--bottom-sheet-padding)
}
.krds-modal[data-type=bottom-sheet] .modal-btn.btn-wrap .krds-btn{
    flex:1
}
.krds-modal[data-type=bottom-sheet].in .modal-content{
    bottom:0
}
@media (max-width:767px){
    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog{
        width:var(--krds-modal--mobile-width);
        height:var(--krds-modal--mobile-height);
        min-height:var(--krds-modal--mobile-height);
        margin:var(--krds-modal--mobile-gap) auto
    }
    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-header{
        padding:var(--krds-modal--mobile-header-padding-top) var(--krds-modal--mobile-padding) 0
    }
    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-header .modal-title{
        font-size:var(--krds-modal--header-mobile-font-size)
    }
    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-content{
        max-height:100%
    }
    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-conts{
        padding-inline:var(--krds-modal--mobile-padding);
        padding-bottom:0
    }
    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-conts .conts-area>*{
        width:100%
    }
    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-btn{
        padding:var(--krds-modal--mobile-btn-padding-top) var(--krds-modal--mobile-padding) var(--krds-modal--mobile-btn-padding-bottom)
    }
    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .btn-close{
        top:var(--krds-modal--mobile-btn-close-position);
        right:var(--krds-modal--mobile-btn-close-position)
    }
    .krds-modal[data-type=full]{
        --krds-modal--full-mobile-btn-close-size:var(--krds-size-height-4)
    }
    .krds-modal[data-type=full] .modal-dialog{
        width:100%;
        height:100%;
        margin:0 auto
    }
    .krds-modal[data-type=full] .modal-dialog .btn-close{
        width:var(--krds-modal--full-mobile-btn-close-size);
        height:var(--krds-modal--full-mobile-btn-close-size)
    }
}
[data-krds-mode=high-contrast] .krds-modal{
    --krds-modal--border-width:var(--krds-high-contrast-border-width-variable-regular);
    --krds-modal--color-text:var(--krds-high-contrast-color-text-basic);
    --krds-modal--wrap-color-surface:var(--krds-high-contrast-color-surface-white-subtler);
    --krds-modal--wrap-color-border:var(--krds-high-contrast-color-border-gray);
    --krds-modal--wrap-shadow:0 0 0.2rem 0 var(--krds-high-contrast-color-alpha-shadow2),0 1.6rem 2.4rem 0 var(--krds-high-contrast-color-alpha-shadow3);
    --krds-modal--color-dim:var(--krds-high-contrast-color-background-dim);
    --krds-modal--full-popup-surface:var(--krds-high-contrast-color-surface-secondary-subtler)
}
[data-krds-mode=high-contrast] .krds-modal .modal-dialog .modal-conts::-webkit-scrollbar{
    width:.8rem
}
[data-krds-mode=high-contrast] .krds-modal .modal-dialog .modal-conts::-webkit-scrollbar-thumb{
    background-color:var(--krds-high-contrast-color-element-secondary-light);
    border-radius:.8rem
}
[data-krds-mode=high-contrast] .krds-modal .modal-dialog .modal-conts::-webkit-scrollbar-track{
    background-color:var(--krds-high-contrast-color-element-secondary-lighter)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-modal{
        --krds-modal--border-width:var(--krds-high-contrast-border-width-variable-regular);
        --krds-modal--color-text:var(--krds-high-contrast-color-text-basic);
        --krds-modal--wrap-color-surface:var(--krds-high-contrast-color-surface-white-subtler);
        --krds-modal--wrap-color-border:var(--krds-high-contrast-color-border-gray);
        --krds-modal--wrap-shadow:0 0 0.2rem 0 var(--krds-high-contrast-color-alpha-shadow2),0 1.6rem 2.4rem 0 var(--krds-high-contrast-color-alpha-shadow3);
        --krds-modal--color-dim:var(--krds-high-contrast-color-background-dim);
        --krds-modal--full-popup-surface:var(--krds-high-contrast-color-surface-secondary-subtler)
    }
    [data-krds-mode=theme] .krds-modal .modal-dialog .modal-conts::-webkit-scrollbar{
        width:.8rem
    }
    [data-krds-mode=theme] .krds-modal .modal-dialog .modal-conts::-webkit-scrollbar-thumb{
        background-color:var(--krds-high-contrast-color-element-secondary-light);
        border-radius:.8rem
    }
    [data-krds-mode=theme] .krds-modal .modal-dialog .modal-conts::-webkit-scrollbar-track{
        background-color:var(--krds-high-contrast-color-element-secondary-lighter)
    }
}
.krds-help-panel{
    --krds-help-panel--pc-width:39rem;
    --krds-help-panel--mobile-width:calc(100vw - 3rem);
    --krds-help-panel--pc-padding:var(--krds-padding-10);
    --krds-help-panel--mobile-padding:var(--krds-padding-6);
    --krds-help-panel--title-pc-font-size:var(--krds-pc-font-size-heading-small);
    --krds-help-panel--title-mobile-font-size:var(--krds-mobile-font-size-heading-small);
    --krds-help-panel--pc-gap-title-link-list:var(--krds-pc-gap-layout-title-body-small);
    --krds-help-panel--mobile-gap-title-link-list:var(--krds-mobile-gap-layout-title-body-small);
    --krds-help-panel--pc-gap-link-list:var(--krds-pc-gap-layout-text-text-small);
    --krds-help-panel--mobile-gap-link-list:var(--krds-mobile-gap-layout-text-text-small);
    --krds-help-panel--pc-gap-help-conts:var(--krds-pc-gap-layout-title-body-small);
    --krds-help-panel--mobile-gap-help-conts:var(--krds-mobile-gap-layout-title-body-small);
    --krds-help-panel--desc-pc-font-size:var(--krds-pc-font-size-body-medium);
    --krds-help-panel--desc-mobile-font-size:var(--krds-mobile-font-size-body-medium);
    --krds-help-panel--service-title-pc-font-size:var(--krds-pc-font-size-heading-xsmall);
    --krds-help-panel--service-title-mobile-font-size:var(--krds-mobile-font-size-heading-xsmall);
    --krds-help-panel--color-border:var(--krds-light-color-border-gray);
    --krds-help-panel--color-background:var(--krds-light-color-surface-gray-subtler);
    --krds-help-panel--shadow:0 0 0.2rem 0 var(--krds-light-color-alpha-shadow2),0 0.8rem 1.6rem 0 var(--krds-light-color-alpha-shadow3);
    --krds-help-panel--color-text-subtle:var(--krds-light-color-text-subtle);
    --krds-help-panel--color-text-bolder:var(--krds-light-color-text-bolder);
    --krds-help-panel--service-color-divider:var(--krds-light-color-divider-gray-light);
    --krds-help-panel--coach-color-text-primary:var(--krds-light-color-text-primary);
    --krds-help-panel--coach-color-border:var(--krds-light-color-divider-gray);
    --krds-help-panel--coach-color-text:var(--krds-light-color-text-basic);
    position:fixed;
    top:0;
    bottom:0;
    right:0;
    width:var(--krds-help-panel--pc-width);
    visibility:hidden;
    opacity:0;
    transform:translateX(100%);
    transition:var(--krds-transition-base);
    z-index:60
}
.krds-help-panel.expand{
    visibility:visible;
    opacity:1;
    transform:translateX(0)
}
.krds-help-panel .help-panel-wrap{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:var(--krds-help-panel--color-background);
    border-left:1px solid var(--krds-help-panel--color-border);
    transition:var(--krds-transition-base);
    z-index:1;
    box-shadow:var(--krds-help-panel--shadow)
}
.krds-help-panel .help-panel-wrap .help-conts-area{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    padding:var(--krds-help-panel--pc-padding);
    padding-top:calc(var(--krds-help-panel--pc-padding) + var(--krds-size-height-6));
    gap:var(--krds-gap-8);
    position:relative;
    overflow-x:hidden;
    overflow-y:auto;
    transition:var(--krds-transition-base);
    height:100%
}
.krds-help-panel .help-panel-wrap .help-conts-area-inner{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    flex-direction:column;
    gap:var(--krds-gap-8);
    flex:1
}
.krds-help-panel .help-panel-wrap .help-conts-area-inner .conts-area{
    width:100%;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-gap-9)
}
.krds-help-panel .help-panel-wrap .krds-tab-area,.krds-help-panel .help-panel-wrap .tab-conts,.krds-help-panel .help-panel-wrap .tab-conts-wrap{
    height:100%
}
.krds-help-panel .help-panel-wrap .help-panel-action{
    width:100%;
    border-top:1px solid var(--krds-help-panel--service-color-divider);
    padding-top:var(--krds-padding-9)
}
.krds-help-panel .help-panel-wrap .help-panel-action .coach-btn-stop{
    position:static
}
.krds-help-panel .help-panel-wrap .link-list{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-help-panel--pc-gap-link-list)
}
.krds-help-panel .help-panel-wrap .conts-area .help-title{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    font-size:var(--krds-help-panel--title-pc-font-size);
    color:var(--krds-help-panel--color-text-bolder);
    font-weight:var(--krds-font-weight-bold)
}
.krds-help-panel .help-panel-wrap .conts-area .help-title>a,.krds-help-panel .help-panel-wrap .conts-area .help-title>button{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-2)
}
.krds-help-panel .help-panel-wrap .conts-area .help-title>a::before,.krds-help-panel .help-panel-wrap .conts-area .help-title>button::before{
    content:"";
    display:inline-flex;
    width:var(--krds-number-10);
    height:var(--krds-number-10);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg);
    transform:rotate(90deg);
    background-color:var(--krds-help-panel--color-text-bolder);
    flex-shrink:0
}
.krds-help-panel .help-panel-wrap .conts-area .help-title .krds-btn.icon{
    margin-left:var(--krds-gap-2)
}
.krds-help-panel .help-panel-wrap .conts-area .help-title+.link-list{
    margin-top:var(--krds-help-panel--pc-gap-title-link-list)
}
.krds-help-panel .help-panel-wrap .conts-area.related-service .help-title{
    font-size:var(--krds-help-panel--service-title-pc-font-size)
}
.krds-help-panel .help-panel-wrap .conts-area.help-conts{
    width:100%
}
.krds-help-panel .help-panel-wrap .conts-area.help-conts .conts-wrap{
    display:flex;
    flex-direction:column;
    gap:var(--krds-help-panel--pc-gap-help-conts)
}
.krds-help-panel .help-panel-wrap .conts-area.help-conts .conts-wrap .conts-desc{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-gap-2);
    font-size:var(--krds-help-panel--desc-pc-font-size);
    color:var(--krds-help-panel--color-text-subtle)
}
.krds-help-panel .help-panel-wrap .conts-area.help-conts .conts-wrap .help-desc{
    font-size:var(--krds-help-panel--desc-pc-font-size);
    color:var(--krds-help-panel--color-text-subtle)
}
.krds-help-panel .help-panel-wrap .conts-area.help-conts .krds-accordion{
    width:100%
}
.krds-help-panel .help-panel-wrap .conts-area.related-service{
    padding-top:var(--krds-padding-9);
    gap:var(--krds-gap-8);
    border-top:1px solid var(--krds-help-panel--service-color-divider);
    transition:var(--krds-transition-base)
}
.krds-help-panel .coach-help-process{
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-gap-9);
    width:100%
}
.krds-help-panel .coach-help-process>li+li{
    padding-top:var(--krds-gap-9);
    border-top:.1rem solid var(--krds-help-panel--coach-color-border)
}
.krds-help-panel .coach-help-process .tit{
    display:flex;
    margin-bottom:var(--krds-gap-5);
    font-size:var(--krds-pc-font-size-body-large);
    color:var(--krds-help-panel--coach-color-text)
}
.krds-help-panel .coach-help-process .tit.current{
    color:var(--krds-help-panel--coach-color-text-primary)
}
.btn-help-panel{
    position:fixed;
    top:4rem;
    right:4rem
}
#container .help-panel-flexible{
    --krds-help-panel--width:39rem;
    transition:var(--krds-transition-base)
}
@media (min-width:1248px) and (max-width:1860px){
    #container .help-panel-flexible{
        --krds-help-panel--flexible-padding:calc(var(--krds-help-panel--width) - ((100% - var(--krds-contents-wrap-size)) / 2) + 4.5rem)
    }
    #container .help-panel-flexible.help-panel-expanded{
        padding-right:var(--krds-help-panel--flexible-padding)
    }
}
@media (min-width:1024px) and (max-width:1248px){
    #container .help-panel-flexible{
        --krds-help-panel--flexible-padding:calc(var(--krds-help-panel--width) + 4.5rem)
    }
    #container .help-panel-flexible.help-panel-expanded{
        padding-right:var(--krds-help-panel--flexible-padding)
    }
}
[data-krds-mode=high-contrast] .krds-help-panel{
    --krds-help-panel--color-border:var(--krds-high-contrast-color-border-gray);
    --krds-help-panel--color-background:var(--krds-high-contrast-color-surface-gray-subtler);
    --krds-help-panel--shadow:0 0 0.2rem 0 var(--krds-high-contrast-color-alpha-shadow2),0 0.8rem 1.6rem 0 var(--krds-high-contrast-color-alpha-shadow3);
    --krds-help-panel--color-text-subtle:var(--krds-high-contrast-color-text-subtle);
    --krds-help-panel--color-text-bolder:var(--krds-high-contrast-color-text-bolder);
    --krds-help-panel--service-color-divider:var(--krds-high-contrast-color-divider-gray-light);
    --krds-help-panel--coach-color-text-primary:var(--krds-high-contrast-color-text-primary);
    --krds-help-panel--coach-color-border:var(--krds-high-contrast-color-divider-gray);
    --krds-help-panel--coach-color-text:var(--krds-high-contrast-color-text-basic)
}
[data-krds-mode=high-contrast] .btn-help-panel{
    background-color:var(--krds-high-contrast-color-background-white)!important
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-help-panel{
        --krds-help-panel--color-border:var(--krds-high-contrast-color-border-gray);
        --krds-help-panel--color-background:var(--krds-high-contrast-color-surface-gray-subtler);
        --krds-help-panel--shadow:0 0 0.2rem 0 var(--krds-high-contrast-color-alpha-shadow2),0 0.8rem 1.6rem 0 var(--krds-high-contrast-color-alpha-shadow3);
        --krds-help-panel--color-text-subtle:var(--krds-high-contrast-color-text-subtle);
        --krds-help-panel--color-text-bolder:var(--krds-high-contrast-color-text-bolder);
        --krds-help-panel--service-color-divider:var(--krds-high-contrast-color-divider-gray-light);
        --krds-help-panel--coach-color-text-primary:var(--krds-high-contrast-color-text-primary);
        --krds-help-panel--coach-color-border:var(--krds-high-contrast-color-divider-gray);
        --krds-help-panel--coach-color-text:var(--krds-high-contrast-color-text-basic)
    }
    [data-krds-mode=theme] .btn-help-panel{
        background-color:var(--krds-high-contrast-color-background-white)!important
    }
}
@media (min-width:1024px){
    .krds-help-panel .help-panel-wrap .help-conts-area::-webkit-scrollbar{
        width:.8rem
    }
    .krds-help-panel .help-panel-wrap .help-conts-area::-webkit-scrollbar-thumb{
        background-color:var(--krds-light-color-element-secondary-light);
        border-radius:.8rem
    }
    .krds-help-panel .help-panel-wrap .help-conts-area::-webkit-scrollbar-track{
        background-color:var(--krds-light-color-element-secondary-lighter)
    }
}
@media (max-width:1023px){
    .krds-help-panel{
        position:fixed;
        z-index:71;
        width:var(--krds-help-panel--mobile-width)
    }
    .krds-help-panel::after{
        position:fixed;
        top:0;
        bottom:0;
        left:-3rem;
        right:0;
        content:"";
        background:0 0;
        transition:var(--krds-transition-base)
    }
    .krds-help-panel .help-panel-wrap{
        padding:var(--krds-help-panel--mobile-padding)
    }
    .krds-help-panel .help-panel-wrap .help-conts-area{
        padding:0
    }
    .krds-help-panel .help-panel-wrap .help-conts-area .btn-help-panel{
        position:fixed;
        top:4rem;
        right:1.6rem
    }
    .krds-help-panel .help-panel-wrap .help-conts-area>.help-conts-area-inner{
        padding-top:var(--krds-number-20)
    }
    .krds-help-panel .help-panel-wrap .link-list{
        gap:var(--krds-help-panel--mobile-gap-link-list)
    }
    .krds-help-panel .help-panel-wrap .conts-area .help-title{
        font-size:var(--krds-help-panel--title-mobile-font-size)
    }
    .krds-help-panel .help-panel-wrap .conts-area .help-title+.link-list{
        margin-top:var(--krds-help-panel--mobile-gap-title-link-list)
    }
    .krds-help-panel .help-panel-wrap .conts-area.help-conts .conts-wrap{
        gap:var(--krds-help-panel--mobile-gap-help-conts)
    }
    .krds-help-panel.expand::after{
        background:rgba(0,0,0,.6);
        transition-delay:.3s
    }
    .btn-help-panel{
        position:fixed;
        top:2.4rem;
        right:1.6rem;
        background-color:var(--krds-light-color-background-white)!important
    }
}
.krds-accordion{
    --krds-accordion--list-margin-y:var(--krds-padding-2);
    --krds-accordion--padding:var(--krds-padding-8);
    --krds-accordion--button-padding-right:calc(var(--krds-accordion--padding) + var(--krds-gap-5) + var(--krds-accordion--button-icon-size));
    --krds-accordion--line-padding:var(--krds-padding-7);
    --krds-accordion--line-button-padding-right:calc(var(--krds-gap-5) + var(--krds-accordion--button-icon-size));
    --krds-accordion--button-icon-size:var(--krds-icon--size-large);
    --krds-accordion--radius:var(--krds-radius-large2 );
    --krds-accordion--button-pc-font-size:var(--krds-pc-font-size-heading-xsmall);
    --krds-accordion--button-mobile-font-size:var(--krds-mobile-font-size-heading-xsmall);
    --krds-accordion--color-action:var(--krds-light-color-action-secondary);
    --krds-accordion--button-color-action:var(--krds-light-color-action-secondary);
    --krds-accordion--button-color-action-hover:var(--krds-light-color-action-secondary-hover);
    --krds-accordion--button-color-action-pressed:var(--krds-light-color-action-secondary-pressed);
    --krds-accordion--color-action-open:var(--krds-light-color-action-secondary-hover);
    --krds-accordion--color-divider:var(--krds-light-color-divider-gray-light);
    --krds-accordion--color-divider-open:var(--krds-light-color-divider-gray-dark);
    --krds-accordion--button-color-text:var(--krds-light-color-text-basic);
    --krds-accordion--button-color-text-open:var(--krds-light-color-text-secondary);
    --krds-accordion--color-icon:var(--krds-light-color-icon-gray);
    padding:var(--krds-accordion--list-margin-y) 0;
    border-top:.1rem solid var(--krds-accordion--color-divider);
    border-bottom:.1rem solid var(--krds-accordion--color-divider)
}
.krds-accordion .accordion-item{
    padding:var(--krds-accordion--list-margin-y) 0;
    transition:var(--krds-transition-base)
}
.krds-accordion .accordion-item .btn-accordion{
    position:relative;
    width:100%;
    padding:var(--krds-accordion--padding) var(--krds-accordion--button-padding-right) var(--krds-accordion--padding) var(--krds-accordion--padding);
    background-color:var(--krds-accordion--button-color-action);
    border-radius:var(--krds-accordion--radius);
    font-size:var(--krds-accordion--button-pc-font-size);
    color:var(--krds-accordion--button-color-text);
    font-weight:var(--krds-font-weight-bold);
    text-align:left
}
@media (max-width:767px){
    .krds-accordion .accordion-item .btn-accordion{
        font-size:var(--krds-accordion--button-mobile-font-size)
    }
}
.krds-accordion .accordion-item .btn-accordion:hover{
    background-color:var(--krds-accordion--button-color-action-hover)
}
.krds-accordion .accordion-item .btn-accordion:active{
    background-color:var(--krds-accordion--button-color-action-pressed)
}
.krds-accordion .accordion-item .btn-accordion::after{
    position:absolute;
    top:var(--krds-accordion--padding);
    right:var(--krds-accordion--padding);
    content:"";
    display:inline-flex;
    width:var(--krds-accordion--button-icon-size);
    height:var(--krds-accordion--button-icon-size);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg);
    background-color:var(--krds-accordion--color-icon);
    transition:var(--krds-transition-base);
    transform:rotate(0)
}
.krds-accordion .accordion-item .btn-accordion.active{
    background-color:var(--krds-accordion--color-action-open);
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    color:var(--krds-accordion--button-color-text-open)
}
.krds-accordion .accordion-item .btn-accordion.active:focus{
    border-radius:var(--krds-accordion--radius)
}
.krds-accordion .accordion-item .btn-accordion.active::after{
    transform:rotate(180deg)
}
.krds-accordion .accordion-item .accordion-collapse{
    max-height:0;
    overflow:hidden;
    transition:all .5s cubic-bezier(0,1,0,1);
    visibility:hidden
}
.krds-accordion .accordion-item .accordion-body{
    padding:0 var(--krds-accordion--padding) var(--krds-accordion--padding);
    background-color:var(--krds-accordion--color-action);
    border-bottom-left-radius:var(--krds-accordion--radius);
    border-bottom-right-radius:var(--krds-accordion--radius)
}
.krds-accordion .accordion-item.active .accordion-collapse{
    height:auto;
    max-height:100vh;
    transition:all 1.5s ease-in-out;
    visibility:visible
}
.krds-accordion .accordion-item.active .accordion-body{
    background-color:var(--krds-accordion--color-action-open)
}
.krds-accordion.type-line{
    padding:0;
    border-top:none
}
.krds-accordion.type-line .accordion-item{
    border-top:.1rem solid var(--krds-accordion--color-divider);
    border-radius:0
}
.krds-accordion.type-line .accordion-item .btn-accordion{
    padding:var(--krds-accordion--line-padding) var(--krds-accordion--line-button-padding-right) var(--krds-accordion--line-padding) 0
}
.krds-accordion.type-line .accordion-item .btn-accordion::after{
    top:var(--krds-accordion--line-padding);
    right:0
}
.krds-accordion.type-line .accordion-item .btn-accordion.active{
    background:0 0
}
.krds-accordion.type-line .accordion-item .accordion-body{
    padding:0 0 var(--krds-accordion--padding)
}
.krds-accordion.type-line .accordion-item.active{
    background:0 0;
    border-top-color:var(--krds-accordion--color-divider-open)
}
.krds-accordion.type-line .accordion-item.active .accordion-body{
    background:0 0
}
[data-krds-mode=high-contrast] .krds-accordion{
    --krds-accordion--color-action:var(--krds-high-contrast-color-action-secondary);
    --krds-accordion--button-color-action:var(--krds-high-contrast-color-action-secondary);
    --krds-accordion--button-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-accordion--button-color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
    --krds-accordion--color-action-open:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-accordion--color-divider:var(--krds-high-contrast-color-divider-gray-light);
    --krds-accordion--color-divider-open:var(--krds-high-contrast-color-divider-gray-dark);
    --krds-accordion--button-color-text:var(--krds-high-contrast-color-text-basic);
    --krds-accordion--button-color-text-open:var(--krds-high-contrast-color-text-secondary);
    --krds-accordion--color-icon:var(--krds-high-contrast-color-icon-gray)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-accordion{
        --krds-accordion--color-action:var(--krds-high-contrast-color-action-secondary);
        --krds-accordion--button-color-action:var(--krds-high-contrast-color-action-secondary);
        --krds-accordion--button-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-accordion--button-color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
        --krds-accordion--color-action-open:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-accordion--color-divider:var(--krds-high-contrast-color-divider-gray-light);
        --krds-accordion--color-divider-open:var(--krds-high-contrast-color-divider-gray-dark);
        --krds-accordion--button-color-text:var(--krds-high-contrast-color-text-basic);
        --krds-accordion--button-color-text-open:var(--krds-high-contrast-color-text-secondary);
        --krds-accordion--color-icon:var(--krds-high-contrast-color-icon-gray)
    }
}
@media (max-width:767px){
    .krds-accordion{
        --krds-accordion--padding:var(--krds-padding-6);
        --krds-accordion--line-padding:var(--krds-padding-5);
        --krds-accordion--button-icon-size:var(--krds-icon--size-medium)
    }
}
.krds-spinner{
    --krds-spinner--layout-gap:var(--krds-number-5);
    --krds-spinner--pc-font-size:var(--krds-pc-font-size-body-small);
    --krds-spinner--mobile-font-size:var(--krds-mobile-font-size-body-small);
    --krds-spinner--size:var(--krds-size-height-3);
    --krds-spinner--animation-duration:900ms;
    --krds-spinner--color-text:var(--krds-light-color-text-subtle);
    --krds-spinner--border-width:var(--krds-light-border-width-variable-medium);
    --krds-spinner--color-border:var(--krds-light-color-element-disabled-light);
    --krds-spinner--color-border-active:var(--krds-light-color-element-primary);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    gap:var(--krds-spinner--layout-gap);
    position:relative;
    top:0;
    left:0;
    z-index:10;
    color:var(--krds-spinner--color-text);
    font-size:var(--krds-spinner--pc-font-size);
    width:100%;
    height:100%;
    text-align:right
}
@media (max-width:767px){
    .krds-spinner{
        font-size:var(--krds-spinner--mobile-font-size)
    }
}
.krds-spinner::before{
    display:inline-flex;
    content:"";
    height:var(--krds-spinner--size);
    width:var(--krds-spinner--size);
    border:var(--krds-spinner--border-width) solid var(--krds-spinner--color-border);
    border-top-color:var(--krds-spinner--color-border-active);
    border-radius:100%;
    animation:spin var(--krds-spinner--animation-duration) infinite linear
}
.form-spinner{
    --krds-spinner-form-spinner-padding-x:var(--krds-number-8);
    position:relative
}
.form-spinner .krds-spinner{
    position:absolute;
    justify-content:flex-end;
    padding:0 var(--krds-spinner-form-spinner-padding-x)
}
@keyframes spin{
    from{
        transform:rotate(0)
    }
    to{
        transform:rotate(359deg)
    }
}
[data-krds-mode=high-contrast] .krds-spinner{
    --krds-spinner--color-text:var(--krds-high-contrast-color-text-subtle);
    --krds-spinner--border-width:var(--krds-high-contrast-border-width-variable-medium);
    --krds-spinner--color-border:var(--krds-high-contrast-color-element-disabled-light);
    --krds-spinner--color-border-active:var(--krds-high-contrast-color-element-primary)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-spinner{
        --krds-spinner--color-text:var(--krds-high-contrast-color-text-subtle);
        --krds-spinner--border-width:var(--krds-high-contrast-border-width-variable-medium);
        --krds-spinner--color-border:var(--krds-high-contrast-color-element-disabled-light);
        --krds-spinner--color-border-active:var(--krds-high-contrast-color-element-primary)
    }
}
.krds-contextual-help{
    --krds-contextual-help--action-btn-radius:var(--krds-radius-small2);
    --krds-contextual-help--action-pc-font-size:var(--krds-pc-font-size-body-small);
    --krds-contextual-help--action-mobile-font-size:var(--krds-mobile-font-size-body-small);
    --krds-contextual-help--popover-width:36rem;
    --krds-contextual-help--popover-padding:var(--krds-padding-8);
    --krds-contextual-help--popover-radius:var(--krds-radius-xlarge2);
    --krds-contextual-help--popover-title-pc-font-size:var(--krds-pc-font-size-heading-xsmall);
    --krds-contextual-help--popover-title-mobile-font-size:var(--krds-mobile-font-size-heading-xsmall);
    --krds-contextual-help--popover-contents-pc-font-size:var(--krds-pc-font-size-body-small);
    --krds-contextual-help--popover-contents-mobile-font-size:var(--krds-mobile-font-size-body-small);
    --krds-contextual-help--action-btn-color-background:var(--krds-light-color-action-secondary);
    --krds-contextual-help--action-btn-color-background-hover:var(--krds-light-color-action-secondary-hover);
    --krds-contextual-help--action-btn-color-background-pressed:var(--krds-light-color-action-secondary-pressed);
    --krds-contextual-help--action-icon-color-information:var(--krds-light-color-icon-information);
    --krds-contextual-help--popover-color-text-basic:var(--krds-light-color-text-basic);
    --krds-contextual-help--popover-color-text-bolder:var(--krds-light-color-text-bolder);
    --krds-contextual-help--popover-color-border:var(--krds-light-color-border-gray);
    --krds-contextual-help--popover-color-background:var(--krds-light-color-surface-white-subtler);
    --krds-contextual-help--popover-shadow:0 0 0.2rem 0 var(--krds-light-color-alpha-shadow2),0 0.8rem 1.6rem 0 var(--krds-light-color-alpha-shadow3);
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-2)
}
.krds-contextual-help .tooltip-txt{
    font-size:var(--krds-contextual-help--action-pc-font-size)
}
.krds-contextual-help .tooltip-action{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    position:relative
}
.krds-contextual-help .tooltip-action .tooltip-btn{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    border-radius:var(--krds-contextual-help--action-btn-radius);
    background-color:var(--krds-contextual-help--action-btn-color-background)
}
.krds-contextual-help .tooltip-action .tooltip-btn:hover{
    background-color:var(--krds-contextual-help--action-btn-color-background-hover)
}
.krds-contextual-help .tooltip-action .tooltip-btn:active{
    background-color:var(--krds-contextual-help--action-btn-color-background-pressed)
}
.krds-contextual-help .tooltip-action .tooltip-btn .ico-tooltip{
    background-color:var(--krds-contextual-help--action-icon-color-information)
}
.krds-contextual-help .tooltip-popover{
    --krds-contextual-help--bubble-arrow-size:1.6rem;
    --krds-contextual-help--bubble-arrow-margin:calc((var(--krds-contextual-help--bubble-arrow-size) / 2) * -1);
    --krds-contextual-help--bubble-margin-x:2.4rem;
    --krds-contextual-help--bubble-arrow-position-x:-2rem;
    display:none;
    position:absolute;
    z-index:10;
    width:var(--krds-contextual-help--popover-width);
    padding:var(--krds-contextual-help--popover-padding);
    border-radius:var(--krds-contextual-help--popover-radius);
    background-color:var(--krds-contextual-help--popover-color-background);
    border:.1rem solid var(--krds-contextual-help--popover-color-border);
    box-shadow:var(--krds-contextual-help--popover-shadow)
}
.krds-contextual-help .tooltip-popover::before{
    content:"";
    width:var(--krds-contextual-help--bubble-arrow-size);
    height:var(--krds-contextual-help--bubble-arrow-size);
    display:block;
    position:absolute;
    margin-top:var(--krds-contextual-help--bubble-arrow-margin);
    transform:rotate(45deg);
    border:.1rem solid var(--krds-contextual-help--popover-color-border);
    border-top-color:transparent;
    border-left-color:transparent;
    background-color:var(--krds-contextual-help--popover-color-background)
}
.krds-contextual-help .tooltip-popover .tooltip-title{
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    color:var(--krds-contextual-help--popover-color-text-bolder);
    font-size:var(--krds-contextual-help--popover-title-pc-font-size);
    padding-right:var(--krds-gap-5)
}
.krds-contextual-help .tooltip-popover .tooltip-contents{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    color:var(--krds-contextual-help--popover-color-text-basic);
    font-size:var(--krds-contextual-help--popover-contents-pc-font-size);
    margin-top:var(--krds-gap-5);
    gap:var(--krds-gap-3)
}
.krds-contextual-help .tooltip-popover .tooltip-close{
    position:absolute;
    top:var(--krds-contextual-help--popover-padding);
    right:var(--krds-contextual-help--popover-padding)
}
.krds-contextual-help.left .tooltip-popover{
    left:0;
    margin-left:var(--krds-contextual-help--bubble-arrow-position-x)
}
.krds-contextual-help.left .tooltip-popover::before{
    left:var(--krds-contextual-help--bubble-margin-x)
}
.krds-contextual-help.center .tooltip-popover{
    left:50%;
    transform:translateX(-50%)
}
.krds-contextual-help.center .tooltip-popover::before{
    left:50%;
    margin-left:var(--krds-contextual-help--bubble-arrow-margin)
}
.krds-contextual-help.right .tooltip-popover{
    right:0;
    margin-right:var(--krds-contextual-help--bubble-arrow-position-x)
}
.krds-contextual-help.right .tooltip-popover::before{
    right:var(--krds-contextual-help--bubble-margin-x)
}
.krds-contextual-help.top .tooltip-popover{
    bottom:100%;
    margin-bottom:var(--krds-gap-5)
}
.krds-contextual-help.top .tooltip-popover::before{
    top:100%
}
.krds-contextual-help.bottom .tooltip-popover{
    top:100%;
    margin-top:var(--krds-gap-5)
}
.krds-contextual-help.bottom .tooltip-popover::before{
    bottom:100%;
    transform:rotate(225deg);
    margin-bottom:var(--krds-contextual-help--bubble-arrow-margin)
}
[data-krds-mode=high-contrast] .krds-contextual-help{
    --krds-contextual-help--action-btn-color-background:var(--krds-high-contrast-color-action-secondary);
    --krds-contextual-help--action-btn-color-background-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-contextual-help--action-btn-color-background-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
    --krds-contextual-help--action-icon-color-information:var(--krds-high-contrast-color-icon-information);
    --krds-contextual-help--popover-color-text-basic:var(--krds-high-contrast-color-text-basic);
    --krds-contextual-help--popover-color-text-bolder:var(--krds-high-contrast-color-text-bolder);
    --krds-contextual-help--popover-color-border:var(--krds-high-contrast-color-border-gray);
    --krds-contextual-help--popover-color-background:var(--krds-high-contrast-color-surface-white-subtler);
    --krds-contextual-help--popover-shadow:0 0 0.2rem 0 var(--krds-high-contrast-color-alpha-shadow2),0 0.8rem 1.6rem 0 var(--krds-high-contrast-color-alpha-shadow3)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-contextual-help{
        --krds-contextual-help--action-btn-color-background:var(--krds-high-contrast-color-action-secondary);
        --krds-contextual-help--action-btn-color-background-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-contextual-help--action-btn-color-background-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
        --krds-contextual-help--action-icon-color-information:var(--krds-high-contrast-color-icon-information);
        --krds-contextual-help--popover-color-text-basic:var(--krds-high-contrast-color-text-basic);
        --krds-contextual-help--popover-color-text-bolder:var(--krds-high-contrast-color-text-bolder);
        --krds-contextual-help--popover-color-border:var(--krds-high-contrast-color-border-gray);
        --krds-contextual-help--popover-color-background:var(--krds-high-contrast-color-surface-white-subtler);
        --krds-contextual-help--popover-shadow:0 0 0.2rem 0 var(--krds-high-contrast-color-alpha-shadow2),0 0.8rem 1.6rem 0 var(--krds-high-contrast-color-alpha-shadow3)
    }
}
@media (max-width:767px){
    .krds-contextual-help .tooltip-popover{
        right:unset!important;
        transform:none!important;
        margin-left:0!important
    }
    .krds-contextual-help .tooltip-popover::before{
        display:none
    }
    .krds-contextual-help .tooltip-popover .tooltip-title{
        font-size:var(--krds-contextual-help--popover-title-mobile-font-size)
    }
    .krds-contextual-help .tooltip-popover .tooltip-contents{
        font-size:var(--krds-contextual-help--popover-contents-mobile-font-size)
    }
}
.krds-tooltip-popover{
    --krds-tooltip--popover-radius:var(--krds-radius-small3);
    --krds-tooltip--popover-radius-box:var(--krds-radius-xlarge2);
    --krds-tooltip--popover-contents-pc-font-size:var(--krds-pc-font-size-body-small);
    --krds-tooltip--popover-contents-mobile-font-size:var(--krds-mobile-font-size-body-small);
    --krds-tooltip--popover-margin-x:2.4rem;
    --krds-tooltip--popover-inline-color-text:var(--krds-light-color-text-basic-inverse);
    --krds-tooltip--popover-box-color-text:var(--krds-light-color-text-basic);
    --krds-tooltip--popover-color-border:var(--krds-light-color-border-gray);
    --krds-tooltip--popover-color-surface:var(--krds-light-color-surface-inverse);
    --krds-tooltip--popover-box-color-surface:var(--krds-light-color-surface-white-subtler);
    display:none;
    position:fixed;
    z-index:100;
    white-space:nowrap;
    font-size:var(--krds-tooltip--popover-contents-pc-font-size);
    border-radius:var(--krds-tooltip--popover-radius);
    padding:var(--krds-padding-2) var(--krds-padding-5);
    color:var(--krds-tooltip--popover-inline-color-text);
    background-color:var(--krds-tooltip--popover-color-surface);
    top:0;
    left:0
}
.krds-tooltip-popover.active{
    display:block
}
.krds-tooltip-popover::before{
    --tooltip-arrow-size:0.8rem;
    --tooltip-arrow-gap:calc((var(--tooltip-arrow-size) / 2) * -1);
    content:"";
    width:var(--tooltip-arrow-size);
    height:var(--tooltip-arrow-size);
    display:block;
    position:absolute;
    background-color:var(--krds-tooltip--popover-color-surface);
    left:var(--tooltip-arrow-gap);
    top:50%;
    transform:translateY(-50%) rotate(45deg)
}
.krds-tooltip-popover.tooltip-box{
    white-space:normal;
    max-width:36rem;
    border:.1rem solid var(--krds-tooltip--popover-color-border);
    border-radius:var(--krds-tooltip--popover-radius-box);
    padding:var(--krds-padding-8);
    color:var(--krds-tooltip--popover-box-color-text);
    background-color:var(--krds-tooltip--popover-box-color-surface)
}
.krds-tooltip-popover.tooltip-box::before{
    --tooltip-arrow-size:1.2rem;
    border:.1rem solid var(--krds-tooltip--popover-color-border);
    border-top-color:transparent;
    border-left-color:transparent;
    background-color:var(--krds-tooltip--popover-box-color-surface)
}
.krds-tooltip-popover.right::before{
    left:calc(100% + var(--tooltip-arrow-gap))
}
.krds-tooltip-popover.bottom::before,.krds-tooltip-popover.top::before{
    top:calc(100% + var(--tooltip-arrow-gap));
    left:50%;
    transform:translateX(-50%) rotate(45deg)
}
.krds-tooltip-popover.bottom.right::before,.krds-tooltip-popover.top.right::before{
    left:calc(100% - var(--krds-tooltip--popover-margin-x))
}
.krds-tooltip-popover.bottom.left::before,.krds-tooltip-popover.top.left::before{
    left:var(--krds-tooltip--popover-margin-x)
}
.krds-tooltip-popover.bottom::before{
    top:var(--tooltip-arrow-gap)
}
.krds-tooltip-popover.bottom.tooltip-box::before{
    transform:translateX(-50%) rotate(-135deg)
}
[data-krds-mode=high-contrast] .krds-tooltip-popover{
    --krds-tooltip--popover-inline-color-text:var(--krds-high-contrast-color-text-basic-inverse);
    --krds-tooltip--popover-box-color-text:var(--krds-high-contrast-color-text-basic);
    --krds-tooltip--popover-color-border:var(--krds-high-contrast-color-border-gray);
    --krds-tooltip--popover-color-surface:var(--krds-high-contrast-color-surface-inverse);
    --krds-tooltip--popover-box-color-surface:var(--krds-high-contrast-color-surface-white-subtler)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-tooltip-popover{
        --krds-tooltip--popover-inline-color-text:var(--krds-high-contrast-color-text-basic-inverse);
        --krds-tooltip--popover-box-color-text:var(--krds-high-contrast-color-text-basic);
        --krds-tooltip--popover-color-border:var(--krds-high-contrast-color-border-gray);
        --krds-tooltip--popover-color-surface:var(--krds-high-contrast-color-surface-inverse);
        --krds-tooltip--popover-box-color-surface:var(--krds-high-contrast-color-surface-white-subtler)
    }
}
@media (max-width:767px){
    .krds-tooltip-popover{
        font-size:var(--krds-tooltip--popover-contents-mobile-font-size)
    }
}
@media (max-width:420px){
    .krds-tooltip-popover{
        width:calc(100% - var(--krds-contents-padding-x) * 2);
        left:50%;
        transform:translateX(-50%)
    }
    .krds-tooltip-popover::before{
        display:none
    }
    .krds-tooltip-popover.tooltip-box{
        max-width:100%
    }
}
.krds-file-upload{
    --krds-file-upload--gap:var(--krds-gap-7);
    --krds-file-upload--file-total-y:.3rem;
    --krds-file-upload--file-padding-x:var(--krds-padding-10);
    --krds-file-upload--file-padding-y:6.4rem;
    --krds-file-upload--file-radius:var(--krds-radius-xlarge1);
    --krds-file-upload--file-pc-font-size:var(--krds-pc-font-size-body-large);
    --krds-file-upload--file-mobile-font-size:var(--krds-mobile-font-size-body-large);
    --krds-file-upload--list-padding:var(--krds-padding-6);
    --krds-file-upload--list-radius:var(--krds-radius-medium4);
    --krds-file-upload--mobile-list-padding-y:var(--krds-padding-5);
    --krds-file-upload--line-radius:var(--krds-radius-xlarge1);
    --krds-file-upload--line-pc-padding:var(--krds-pc-padding-card-large);
    --krds-file-upload--line-mobile-padding:var(--krds-mobile-padding-card-large);
    --krds-file-upload--head-pc-font-size:var(--krds-pc-font-size-heading-small);
    --krds-file-upload--head-mobile-font-size:var(--krds-mobile-font-size-heading-small);
    --krds-file-upload--head-pc-margin-bottom:var(--krds-pc-gap-layout-title-body-small);
    --krds-file-upload--head-mobile-margin-bottom:var(--krds-mobile-gap-layout-title-body-small);
    --krds-file-upload--border-width:var(--krds-light-border-width-variable-regular);
    --krds-file-upload--border-medium:var(--krds-light-border-width-variable-medium);
    --krds-file-upload--file-color-surface:var(--krds-light-color-surface-gray-subtle);
    --krds-file-upload--file-color-border-active:var(--krds-light-color-border-gray);
    --krds-file-upload--list-color-surface:var(--krds-light-color-surface-danger-subtler);
    --krds-file-upload--list-color-border:var(--krds-light-color-divider-gray-light);
    --krds-file-upload--list-color-border-error:var(--krds-light-color-border-danger);
    --krds-file-upload--list-color-text:var(--krds-light-color-text-bolder);
    --krds-file-upload--list-color-text-error:var(--krds-light-color-text-danger);
    --krds-file-upload--line-color-border:var(--krds-light-color-border-gray);
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-file-upload--gap);
    width:100%
}
.krds-file-upload.line{
    padding:var(--krds-file-upload--line-pc-padding);
    border:var(--krds-file-upload--border-width) solid var(--krds-file-upload--line-color-border);
    border-radius:var(--krds-file-upload--line-radius)
}
@media (max-width:767px){
    .krds-file-upload.line{
        padding:var(--krds-file-upload--line-mobile-padding)
    }
}
.krds-file-upload .file-head .tit{
    margin-bottom:var(--krds-file-upload--head-pc-margin-bottom);
    font-size:var(--krds-file-upload--head-pc-font-size)
}
@media (max-width:767px){
    .krds-file-upload .file-head .tit{
        margin-bottom:var(--krds-file-upload--head-mobile-margin-bottom);
        font-size:var(--krds-file-upload--head-mobile-font-size)
    }
}
.krds-file-upload .file-upload{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:var(--krds-gap-9);
    width:100%;
    padding:var(--krds-file-upload--file-padding-y) var(--krds-file-upload--file-padding-x);
    border-radius:var(--krds-file-upload--file-radius);
    border:var(--krds-file-upload--border-width) dashed transparent;
    background-color:var(--krds-file-upload--file-color-surface)
}
.krds-file-upload .file-upload .txt{
    font-size:var(--krds-file-upload--file-pc-font-size);
    text-align:center
}
@media (max-width:767px){
    .krds-file-upload .file-upload .txt{
        font-size:var(--krds-file-upload--file-mobile-font-size)
    }
}
.krds-file-upload .file-upload [type=file]{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}
.krds-file-upload .file-upload.active{
    border-color:var(--krds-file-upload--file-color-border-active)!important
}
.krds-file-upload .file-list{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-file-upload--gap);
    position:relative;
    width:100%
}
.krds-file-upload .file-list .total{
    padding:var(--krds-file-upload--file-total-y) 0;
    font-weight:var(--krds-font-weight-bold)
}
.krds-file-upload .file-list .total .current{
    color:var(--krds-light-color-text-primary)
}
.krds-file-upload .file-list .upload-list{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-gap-5);
    width:100%
}
.krds-file-upload .file-list .upload-list>li{
    padding:var(--krds-file-upload--list-padding);
    border-radius:var(--krds-file-upload--list-radius);
    border:var(--krds-file-upload--border-width) solid var(--krds-file-upload--list-color-border);
    color:var(--krds-file-upload--list-color-text)
}
@media (max-width:767px){
    .krds-file-upload .file-list .upload-list>li{
        padding-top:var(--krds-file-upload--mobile-list-padding-y);
        padding-bottom:var(--krds-file-upload--mobile-list-padding-y)
    }
}
.krds-file-upload .file-list .upload-list>li.is-error{
    border:var(--krds-file-upload--border-medium) solid var(--krds-file-upload--list-color-border-error);
    background-color:var(--krds-file-upload--list-color-surface)
}
.krds-file-upload .file-list .upload-list>li.is-error .file-hint{
    color:var(--krds-file-upload--list-color-text-error)
}
.krds-file-upload .file-list .upload-list .file-info{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-5)
}
.krds-file-upload .file-list .upload-list .file-info>div{
    display:inline-flex
}
.krds-file-upload .file-list .upload-list .file-info .file-name{
    flex:1;
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1
}
@media (max-width:767px){
    .krds-file-upload .file-list .upload-list .file-info .file-name{
        display:flex
    }
}
.krds-file-upload .file-list .upload-list .file-info .btn-wrap{
    align-items:center;
    gap:var(--krds-gap-5);
    width:auto
}
.krds-file-upload .file-list .upload-list .file-info .ico-invalid{
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-light-color-text-basic);
    background-color:transparent!important;
    forced-color-adjust:none
}
.krds-file-upload .file-list .upload-list .file-info .ico-invalid.error{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_error_fill.svg);
    background-image:url(../images/component/icon/ico_error_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_error_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
.krds-file-upload .file-list .upload-list .file-info .ico-invalid.complete{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_complete_fill.svg);
    background-image:url(../images/component/icon/ico_complete_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_complete_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
@media (max-width:767px){
    .krds-file-upload .file-list .upload-list .file-info.m-column{
        flex-direction:column;
        gap:var(--krds-gap-3)
    }
    .krds-file-upload .file-list .upload-list .file-info.m-column .btn-wrap{
        gap:var(--krds-gap-5);
        justify-content:flex-end;
        width:100%
    }
}
.krds-file-upload .file-list .upload-list .file-hint-invalid{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-2);
    width:100%;
    padding-top:var(--krds-padding-5);
    margin-top:var(--krds-padding-5);
    border-top:var(--krds-file-upload--border-width) solid var(--krds-light-color-divider-gray);
    color:var(--krds-file-upload--list-color-text-error)
}
.krds-file-upload .file-list .upload-list .file-hint-invalid::before{
    content:"";
    margin-top:var(--krds-padding-1);
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-light-color-text-basic);
    background-color:transparent!important;
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_error_fill.svg);
    background-image:url(../images/component/icon/ico_error_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_error_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
.krds-file-upload .file-list .upload-delete-btn{
    position:absolute;
    top:0;
    right:0
}
[data-krds-mode=high-contrast] .krds-file-upload{
    --krds-file-upload--border-width:var(--krds-high-contrast-border-width-variable-regular);
    --krds-file-upload--border-medium:var(--krds-high-contrast-border-width-variable-medium);
    --krds-file-upload--file-color-surface:var(--krds-high-contrast-color-surface-gray-subtle);
    --krds-file-upload--file-color-border-active:var(--krds-high-contrast-color-border-gray);
    --krds-file-upload--list-color-surface:var(--krds-high-contrast-color-surface-danger-subtler);
    --krds-file-upload--list-color-border:var(--krds-high-contrast-color-divider-gray-light);
    --krds-file-upload--list-color-border-error:var(--krds-high-contrast-color-border-danger);
    --krds-file-upload--list-color-text:var(--krds-high-contrast-color-text-bolder);
    --krds-file-upload--list-color-text-error:var(--krds-high-contrast-color-text-danger);
    --krds-file-upload--line-color-border:var(--krds-high-contrast-color-border-gray)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-file-upload{
        --krds-file-upload--border-width:var(--krds-high-contrast-border-width-variable-regular);
        --krds-file-upload--border-medium:var(--krds-high-contrast-border-width-variable-medium);
        --krds-file-upload--file-color-surface:var(--krds-high-contrast-color-surface-gray-subtle);
        --krds-file-upload--file-color-border-active:var(--krds-high-contrast-color-border-gray);
        --krds-file-upload--list-color-surface:var(--krds-high-contrast-color-surface-danger-subtler);
        --krds-file-upload--list-color-border:var(--krds-high-contrast-color-divider-gray-light);
        --krds-file-upload--list-color-border-error:var(--krds-high-contrast-color-border-danger);
        --krds-file-upload--list-color-text:var(--krds-high-contrast-color-text-bolder);
        --krds-file-upload--list-color-text-error:var(--krds-high-contrast-color-text-danger);
        --krds-file-upload--line-color-border:var(--krds-high-contrast-color-border-gray)
    }
}
.krds-coach-mark{
    --krds-coach-mark--popover-max-width:36rem;
    --krds-coach-mark--popover-padding:var(--krds-padding-8);
    --krds-coach-mark--popover-gap:var(--krds-gap-5);
    --krds-coach-mark--popover-radius:var(--krds-radius-xlarge2);
    --krds-coach-mark--popover-title-pc-font-size:var(--krds-pc-font-size-label-xsmall);
    --krds-coach-mark--popover-title-mobile-font-size:var(--krds-mobile-font-size-label-xsmall);
    --krds-coach-mark--popover-body-pc-font-size:var(--krds-pc-font-size-body-medium);
    --krds-coach-mark--popover-body-mobile-font-size:var(--krds-mobile-font-size-body-medium);
    --krds-coach-mark--txtbox-pc-padding:var(--krds-pc-padding-card-large);
    --krds-coach-mark--txtbox-mobile-padding:var(--krds-mobile-padding-card-large);
    --krds-coach-mark--txtbox-radius:var(--krds-radius-xlarge1);
    --krds-coach-mark--color-border:var(--krds-light-color-border-primary);
    --krds-coach-mark--color-outline:var(--krds-light-color-border-primary-light);
    --krds-coach-mark--popover-color-action:var(--krds-light-color-surface-white);
    --krds-coach-mark--popover-color-text-basic:var(--krds-light-color-text-basic);
    --krds-coach-mark--popover-color-text-subtle:var(--krds-light-color-text-subtle);
    position:relative
}
.krds-coach-mark.txt-box{
    padding:var(--krds-coach-mark--txtbox-pc-padding);
    border-radius:var(--krds-coach-mark--txtbox-radius)
}
.krds-coach-mark .coach-btn,.krds-coach-mark.form-addr-result,.krds-coach-mark.txt-box{
    border:.1rem solid var(--krds-coach-mark--color-border);
    outline:1rem solid var(--krds-coach-mark--color-outline)
}
.krds-coach-mark .coach-balloon{
    position:absolute;
    top:0;
    right:0;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    z-index:5;
    border:.2rem solid var(--krds-coach-mark--color-border);
    max-width:var(--krds-coach-mark--popover-max-width);
    padding:var(--krds-coach-mark--popover-padding);
    background-color:var(--krds-coach-mark--popover-color-action);
    border-radius:var(--krds-coach-mark--popover-radius);
    transform:translateY(calc(-100% - 2.6rem));
    word-break:break-all
}
.krds-coach-mark .coach-balloon::after{
    --krds-coach-mark--bubble-arrow-size:1.6rem;
    --krds-coach-mark--bubble-arrow-margin:calc((var(--krds-coach-mark--bubble-arrow-size) / 2) * -1);
    --krds-coach-mark--bubble-margin-x:2.4rem;
    --krds-coach-mark--bubble-arrow-position-x:-2rem;
    content:"";
    width:var(--krds-coach-mark--bubble-arrow-size);
    height:var(--krds-coach-mark--bubble-arrow-size);
    position:absolute;
    top:100%;
    right:2.4rem;
    display:block;
    margin-top:var(--krds-coach-mark--bubble-arrow-margin);
    transform:rotate(45deg);
    border:.2rem solid var(--krds-coach-mark--color-border);
    border-top-color:transparent;
    border-left-color:transparent;
    background-color:var(--krds-coach-mark--popover-color-action)
}
.krds-coach-mark .coach-balloon .coach-tit{
    color:var(--krds-coach-mark--popover-color-text-subtle);
    font-size:var(--krds-coach-mark--popover-title-mobile-font-size);
    margin-bottom:var(--krds-padding-3);
    font-weight:var(--krds-font-weight-regular)
}
.krds-coach-mark .coach-balloon .desc{
    font-size:var(--krds-coach-mark--popover-body-pc-font-size);
    color:var(--krds-coach-mark--popover-color-text-basic)
}
.krds-coach-mark .coach-balloon .coach-controls{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    width:100%;
    gap:var(--krds-gap-3);
    margin-top:var(--krds-coach-mark--popover-gap);
    color:var(--krds-coach-mark--popover-color-text-basic)
}
.krds-coach-mark .coach-balloon .coach-controls .num{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    font-size:var(--krds-coach-mark--popover-body-pc-font-size)
}
.krds-coach-mark .coach-balloon .coach-controls .num strong{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    font-weight:var(--krds-font-weight-regular)
}
.krds-coach-mark .coach-balloon .coach-controls .num strong::after{
    content:"/";
    margin:0 var(--krds-padding-1)
}
.krds-coach-mark .coach-balloon .btn-wrap{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-direction:row;
    gap:var(--krds-gap-4)
}
[data-krds-mode=high-contrast] .krds-coach-mark{
    --krds-coach-mark--color-border:var(--krds-high-contrast-color-border-primary);
    --krds-coach-mark--color-outline:var(--krds-high-contrast-color-border-primary-light);
    --krds-coach-mark--popover-color-action:var(--krds-high-contrast-color-surface-white);
    --krds-coach-mark--popover-color-text-basic:var(--krds-high-contrast-color-text-basic);
    --krds-coach-mark--popover-color-text-subtle:var(--krds-high-contrast-color-text-subtle)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-coach-mark{
        --krds-coach-mark--color-border:var(--krds-high-contrast-color-border-primary);
        --krds-coach-mark--color-outline:var(--krds-high-contrast-color-border-primary-light);
        --krds-coach-mark--popover-color-action:var(--krds-high-contrast-color-surface-white);
        --krds-coach-mark--popover-color-text-basic:var(--krds-high-contrast-color-text-basic);
        --krds-coach-mark--popover-color-text-subtle:var(--krds-high-contrast-color-text-subtle)
    }
}
@media (max-width:767px){
    .krds-coach-mark.page-btn-wrap{
        position:relative;
        z-index:5
    }
    .krds-coach-mark.page-btn-wrap>.coach-balloon{
        position:absolute;
        top:2.4rem;
        right:1.6rem;
        width:100%;
        max-width:calc(100% - 3.2rem)
    }
    .krds-coach-mark.txt-box{
        padding:var(--krds-coach-mark--txtbox-mobile-padding)
    }
}
.krds-disclosure{
    --krds-disclosure--gap:1.4rem;
    --krds-disclosure--button-icon-size:var(--krds-icon--size-medium);
    --krds-disclosure--button-size-height:2.6rem;
    --krds-disclosure--button-gap:var(--krds-gap-2);
    --krds-disclosure--button-pc-font-size:var(--krds-pc-font-size-body-medium);
    --krds-disclosure--button-mobile-font-size:var(--krds-mobile-font-size-body-medium);
    --krds-disclosure--pc-expand-padding:var(--krds-pc-padding-card-small);
    --krds-disclosure--mobile-expand-padding:var(--krds-mobile-padding-card-small);
    --krds-disclosure--expand-margin-top:var(--krds-gap-2);
    --krds-disclosure--expand-radius:var(--krds-radius-xlarge2);
    --krds-disclosure--button-color-text:var(--krds-light-color-text-bolder);
    --krds-disclosure--expand-color-surface:var(--krds-light-color-surface-gray-subtle);
    width:100%
}
.krds-disclosure~.krds-disclosure{
    margin-top:var(--krds-disclosure--gap)
}
.krds-disclosure .btn-conts-expand{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    height:var(--krds-disclosure--button-size-height);
    font-size:var(--krds-disclosure--button-pc-font-size);
    color:var(--krds-disclosure--button-color-text)
}
.krds-disclosure .btn-conts-expand::before{
    display:inline-flex;
    content:"";
    display:inline-flex;
    width:var(--krds-disclosure--button-icon-size);
    height:var(--krds-disclosure--button-icon-size);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_expand.svg);
    background-image:url(../images/component/icon/ico_expand.svg);
    margin-right:var(--krds-disclosure--button-gap);
    transition:var(--krds-transition-base);
    transform:rotate(0);
    background-repeat:no-repeat;
    background-position:center
}
.krds-disclosure .btn-conts-expand::after{
    display:none
}
.krds-disclosure .expand-wrap{
    overflow:hidden;
    transition:max-height .5s cubic-bezier(0,1,0,1);
    max-height:0
}
.krds-disclosure .expand-wrap::after{
    display:none
}
.krds-disclosure .expand-wrap .expand-in{
    padding:var(--krds-disclosure--pc-expand-padding);
    margin-top:var(--krds-disclosure--expand-margin-top);
    background-color:var(--krds-disclosure--expand-color-surface);
    border-radius:var(--krds-disclosure--expand-radius)
}
.krds-disclosure.active .expand-wrap{
    max-height:1000vh!important;
    transition:max-height 1.5s ease-in-out
}
.krds-disclosure.active .btn-conts-expand::before{
    transform:rotate(-90deg)
}
[data-krds-mode=high-contrast] .krds-disclosure{
    --krds-disclosure--button-color-text:var(--krds-high-contrast-color-text-bolder);
    --krds-disclosure--expand-color-surface:var(--krds-high-contrast-color-surface-gray-subtle)
}
[data-krds-mode=high-contrast] .krds-disclosure .btn-conts-expand::before{
    display:inline-flex;
    width:var(--krds-disclosure--button-icon-size);
    height:var(--krds-disclosure--button-icon-size);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-disclosure{
        --krds-disclosure--button-color-text:var(--krds-high-contrast-color-text-bolder);
        --krds-disclosure--expand-color-surface:var(--krds-high-contrast-color-surface-gray-subtle)
    }
    [data-krds-mode=theme] .krds-disclosure .btn-conts-expand::before{
        display:inline-flex;
        width:var(--krds-disclosure--button-icon-size);
        height:var(--krds-disclosure--button-icon-size);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
}
@media (max-width:767px){
    .krds-disclosure .btn-conts-expand{
        font-size:var(--krds-disclosure--button-mobile-font-size)
    }
    .krds-disclosure .expand-wrap .expand-in{
        padding:var(--krds-disclosure--mobile-expand-padding)
    }
}
#krds-skip-link{
    --krds-skip-link--pc-font-size:var(--krds-pc-font-size-body-small);
    --krds-skip-link--mobile-font-size:var(--krds-mobile-font-size-body-small);
    --krds-skip-link--color-background:var(--krds-light-color-background-inverse);
    --krds-skip-link-color-text:var(--krds-light-color-text-basic-inverse);
    position:fixed;
    top:0;
    left:0;
    z-index:10000;
    width:100%;
    text-align:center;
    background-color:var(--krds-skip-link--color-background)
}
#krds-skip-link a:not(:focus){
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}
#krds-skip-link a:focus{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    box-shadow:var(--krds-box-shadow-outline-inset);
    outline-offset:-.4rem;
    font-size:var(--krds-pc-font-size-body-small);
    color:var(--krds-skip-link-color-text);
    width:100%;
    height:var(--krds-size-height-5);
    margin:0 auto;
    text-align:center
}
@media (max-width:767px){
    #krds-skip-link a:focus{
        font-size:var(--krds-skip-link--mobile-font-size)
    }
}
[data-krds-mode=high-contrast] #krds-skip-link{
    --krds-skip-link--color-background:var(--krds-high-contrast-color-background-inverse);
    --krds-skip-link-color-text:var(--krds-high-contrast-color-text-basic-inverse)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] #krds-skip-link{
        --krds-skip-link--color-background:var(--krds-high-contrast-color-background-inverse);
        --krds-skip-link-color-text:var(--krds-high-contrast-color-text-basic-inverse)
    }
}
#krds-masthead{
    --krds-masthead--color-surface:var(--krds-light-color-surface-secondary-subtler);
    --krds-masthead--inner-gap-y:var(--krds-gap-2);
    --krds-masthead--inner-gap-x:var(--krds-gap-5);
    --krds-masthead--inner-min-size-height:var(--krds-size-height-5);
    --krds-masthead--inner-padding-y:var(--krds-padding-2);
    --krds-masthead--pc-font-size:var(--krds-pc-font-size-body-small);
    --krds-masthead--mobile-font-size:var(--krds-mobile-font-size-body-small)
}
@media (max-width:1023px){
    #krds-masthead{
        --krds-masthead--inner-padding-y:0
    }
}
#krds-masthead{
    position:relative;
    z-index:70;
    background-color:var(--krds-masthead--color-surface)
}
#krds-masthead .toggle-head .inner{
    position:relative;
    gap:var(--krds-masthead--inner-gap-y) var(--krds-masthead--inner-gap-x);
    min-height:var(--krds-masthead--inner-min-size-height);
    padding-top:var(--krds-masthead--inner-padding-y);
    padding-bottom:var(--krds-masthead--inner-padding-y)
}
#krds-masthead .toggle-head .nuri-txt{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-3);
    font-size:var(--krds-masthead--pc-font-size);
    word-break:break-all
}
@media (max-width:767px){
    #krds-masthead .toggle-head .nuri-txt{
        font-size:var(--krds-masthead--mobile-font-size)
    }
}
#krds-masthead .toggle-head .nuri-txt::before{
    content:"";
    display:inline-flex;
    width:var(--krds-icon--size-large);
    height:var(--krds-icon--size-large);
    background-color:var(--krds-light-color-text-basic);
    background-color:transparent!important;
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_flag.svg);
    background-image:url(../images/component/icon/ico_flag.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_flag.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
#krds-masthead .toggle-body{
    height:0;
    transition:var(--krds-transition-base);
    overflow:hidden
}
#krds-masthead .inner{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    flex-wrap:wrap
}
[data-krds-mode=high-contrast] #krds-masthead{
    --krds-masthead--color-surface:var(--krds-high-contrast-color-surface-secondary-subtler)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] #krds-masthead{
        --krds-masthead--color-surface:var(--krds-high-contrast-color-surface-secondary-subtler)
    }
}
#krds-header{
    --krds-header--utility-gap:var(--krds-gap-4);
    --krds-header--container-gap:var(--krds-gap-2);
    --krds-header--container-padding-top:var(--krds-padding-5);
    --krds-header--container-padding-bottom:var(--krds-padding-6);
    --krds-header--navi-min-height:var(--krds-size-height-6);
    --krds-header--navi-gap:var(--krds-gap-2) var(--krds-gap-3);
    --krds-header--navi-padding:var(--krds-padding-2) var(--krds-padding-5) 0;
    --krds-header--navi-border-radius:var(--krds-radius-medium1);
    --krds-header--navi-font-size-pc:var(--krds-pc-font-size-navigation-depth-medium-bold);
    --krds-header--navi-font-size-mobile:var(--krds-mobile-font-size-navigation-depth-small-bold);
    --krds-header--color-surface:var(--krds-light-color-surface-white);
    --krds-header--utility-color-divider:var(--krds-light-color-divider-gray-light);
    --krds-header--navi-color-text:var(--krds-light-color-text-basic);
    --krds-header--navi-color-hover:var(--krds-light-color-action-secondary-hover);
    --krds-header--navi-color-pressed:var(--krds-light-color-action-secondary-pressed);
    position:sticky;
    top:0;
    left:0;
    z-index:70;
    background-color:var(--krds-header--color-surface)
}
#krds-header .header-in{
    position:relative;
    transform:translateY(0)
}
#krds-header .header-utility{
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
    flex-direction:row
}
#krds-header .header-utility .utility-list{
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
    flex-direction:row
}
#krds-header .header-utility .utility-list>li{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row
}
#krds-header .header-utility .utility-list>li:not(:first-child){
    gap:var(--krds-header--utility-gap);
    margin-left:var(--krds-header--utility-gap)
}
#krds-header .header-utility .utility-list>li:not(:first-child)::before{
    display:inline-flex;
    content:"";
    width:.1rem;
    height:var(--krds-size-height-2);
    background-color:var(--krds-header--utility-color-divider)
}
#krds-header .header-container .inner{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column
}
@media (min-width:1024px){
    #krds-header .header-container .inner{
        gap:var(--krds-header--container-gap);
        padding-top:var(--krds-header--container-padding-top);
        padding-bottom:var(--krds-header--container-padding-bottom)
    }
}
#krds-header .header-container .header-branding{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row
}
#krds-header .header-container .logo{
    display:inline-flex;
    width:13.7rem;
    height:var(--krds-size-height-7)
}
@media (max-width:767px){
    #krds-header .header-container .logo{
        width:9.4rem;
        height:3.2rem
    }
}
#krds-header .header-container .logo a{
    display:block;
    width:100%;
    height:100%;
    background-image:url(../images/component/icon/ico_logo_krds.svg);
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat
}
#krds-header .header-container .header-actions{
    display:inline-flex;
    gap:var(--krds-gap-3);
    margin-left:auto
}
#krds-header .header-container .btn-navi{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:column;
    gap:var(--krds-header--navi-gap);
    min-height:var(--krds-header--navi-min-height);
    padding:var(--krds-header--navi-padding);
    border-radius:var(--krds-header--navi-border-radius);
    font-size:var(--krds-header--navi-font-size-pc);
    font-weight:var(--krds-font-weight-bold);
    color:var(--krds-header--navi-color-text);
    transition:var(--krds-transition-base)
}
#krds-header .header-container .btn-navi::before{
    display:inline-flex;
    content:"";
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none
}
#krds-header .header-container .btn-navi:hover{
    background-color:var(--krds-header--navi-color-hover)
}
#krds-header .header-container .btn-navi:active,#krds-header .header-container .btn-navi:focus{
    background-color:var(--krds-header--navi-color-pressed)
}
#krds-header .header-container .btn-navi.navi-row{
    flex-direction:row
}
#krds-header .header-container .btn-navi.sch::before{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_sch.svg);
    background-image:url(../images/component/icon/ico_sch.svg)
}
#krds-header .header-container .btn-navi.login::before{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_login.svg);
    background-image:url(../images/component/icon/ico_login.svg)
}
#krds-header .header-container .btn-navi.join::before{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_join.svg);
    background-image:url(../images/component/icon/ico_join.svg)
}
#krds-header .header-container .btn-navi.my::before{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_my.svg);
    background-image:url(../images/component/icon/ico_my.svg)
}
#krds-header .header-container .btn-navi.all::before{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_all.svg);
    background-image:url(../images/component/icon/ico_all.svg)
}
#wrap[class*=scroll] #krds-header:not(.sample){
    position:relative;
    border-bottom:.1rem solid var(--krds-header--utility-color-divider)
}
#wrap[class*=scroll] #krds-header:not(.sample) .header-in{
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    width:100%;
    border-bottom:.1rem solid var(--krds-header--utility-color-divider);
    background-color:var(--krds-header--color-surface);
    transition:transform ease .4s 10ms
}
#wrap.scroll-down #krds-header:not(.sample) .header-in{
    transform:translateY(-100%)
}
#wrap.scroll-up #krds-header:not(.sample) .header-in{
    transform:translateY(0)
}
[data-krds-mode=high-contrast] #krds-header{
    --krds-header--color-surface:var(--krds-high-contrast-color-surface-white);
    --krds-header--utility-color-divider:var(--krds-high-contrast-color-divider-gray-light);
    --krds-header--navi-color-text:var(--krds-high-contrast-color-text-basic);
    --krds-header--navi-color-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-header--navi-color-pressed:var(--krds-high-contrast-color-action-secondary-pressed)
}
[data-krds-mode=high-contrast] #krds-header .inner{
    border-bottom-color:var(--krds-high-contrast-color-divider-gray-light)
}
[data-krds-mode=high-contrast] #krds-header .header-container .btn-navi::before{
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
[data-krds-mode=high-contrast] #krds-header .header-container .logo a{
    background-image:url(../images/component/icon/ico_logo_krds_high_contrast.svg)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] #krds-header{
        --krds-header--color-surface:var(--krds-high-contrast-color-surface-white);
        --krds-header--utility-color-divider:var(--krds-high-contrast-color-divider-gray-light);
        --krds-header--navi-color-text:var(--krds-high-contrast-color-text-basic);
        --krds-header--navi-color-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-header--navi-color-pressed:var(--krds-high-contrast-color-action-secondary-pressed)
    }
    [data-krds-mode=theme] #krds-header .inner{
        border-bottom-color:var(--krds-high-contrast-color-divider-gray-light)
    }
    [data-krds-mode=theme] #krds-header .header-container .btn-navi::before{
        display:inline-flex;
        width:var(--krds-icon--size-medium);
        height:var(--krds-icon--size-medium);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
    [data-krds-mode=theme] #krds-header .header-container .logo a{
        background-image:url(../images/component/icon/ico_logo_krds_high_contrast.svg)
    }
}
@media (min-width:1024px){
    #krds-header .header-container .btn-navi.all{
        display:none
    }
    .is-gnb-web{
        overflow:hidden
    }
    .is-gnb-web #wrap.scroll-down #krds-header .header-in{
        transform:translateY(0)
    }
    .is-gnb-web.hasScrollY #container,.is-gnb-web.hasScrollY #krds-footer,.is-gnb-web.hasScrollY #krds-header .gnb-toggle-wrap,.is-gnb-web.hasScrollY #krds-header .header-container,.is-gnb-web.hasScrollY #krds-header .krds-main-menu,.is-gnb-web.hasScrollY #krds-masthead{
        padding-right:1.7rem
    }
    .is-gnb-web.hasScrollY #krds-footer .foot-quick{
        padding-right:1.7rem;
        margin-right:-1.7rem
    }
}
@media (max-width:1023px){
    #krds-header .inner{
        padding-top:var(--krds-gap-3);
        padding-bottom:var(--krds-gap-3);
        border-bottom:var(--krds-light-border-width-static-regular) solid var(--krds-light-color-divider-gray-light)
    }
    #krds-header .header-container .header-utility{
        display:none
    }
    #krds-header .header-container .btn-navi.navi-row{
        flex-direction:column
    }
    #krds-header .header-container .btn-navi.join,#krds-header .header-container .btn-navi.my{
        display:none
    }
    #krds-header .header-container .my-drop{
        display:none
    }
}
@media (max-width:767px){
    #krds-header .header-container .header-actions{
        gap:0
    }
    #krds-header .header-container .btn-navi{
        font-size:var(--krds-header--navi-font-size-mobile)
    }
}
.krds-main-menu{
    --krds-main-menu--main-trigger-size-height:var(--krds-size-height-8);
    --krds-main-menu--main-trigger-padding-x:var(--krds-padding-6);
    --krds-main-menu--main-trigger-font-size:var(--krds-pc-font-size-navigation-title-small);
    --krds-main-menu--main-menu-width:26.6rem;
    --krds-main-menu--sub-trigger-padding-x:var(--krds-padding-8);
    --krds-main-menu--sub-trigger-padding-y:var(--krds-padding-6);
    --krds-main-menu--sub-trigger-font-size:var(--krds-pc-font-size-navigation-depth-medium);
    --krds-main-menu--sub-trigger-font-size-active:var(--krds-pc-font-size-navigation-depth-medium-bold);
    --krds-main-menu--sub-menu-padding-x:var(--krds-padding-10);
    --krds-main-menu--sub-menu-padding-y:var(--krds-padding-6);
    --krds-main-menu--sub-menu-title-size-height:var(--krds-size-height-8);
    --krds-main-menu--sub-menu-title-padding-x:var(--krds-padding-2);
    --krds-main-menu--sub-menu-title-radius:var(--krds-radius-medium3);
    --krds-main-menu--sub-menu-title-font-size:var(--krds-pc-font-size-navigation-title-medium);
    --krds-main-menu--sub-menu-trigger-color-padding-x:var(--krds-padding-3);
    --krds-main-menu--sub-menu-trigger-color-padding-y:var(--krds-padding-4);
    --krds-main-menu--sub-menu-trigger-color-radius:var(--krds-radius-medium2);
    --krds-main-menu--sub-menu-trigger-color-font-size:var(--krds-pc-font-size-navigation-depth-medium);
    --krds-main-menu--sub-menu-description-title-font-size:var(--krds-pc-font-size-navigation-title-small);
    --krds-main-menu--sub-menu-description-title-padding:var(--krds-padding-2);
    --krds-main-menu--sub-menu-description-title-radius:var(--krds-radius-medium1);
    --krds-main-menu--sub-menu-description-description-color-padding-top:var(--krds-padding-6);
    --krds-main-menu--sub-menu-description-description-color-padding-x:var(--krds-padding-2);
    --krds-main-menu--sub-menu-description-description-color-font-size:var(--krds-pc-font-size-navigation-depth-medium);
    --krds-main-menu--sub-menu-only-2depth-padding-y:var(--krds-padding-6);
    --krds-main-menu--banner-padding-x:var(--krds-padding-6);
    --krds-main-menu--banner-padding-y:var(--krds-padding-5);
    --krds-main-menu--banner-radius:var(--krds-radius-medium3);
    --krds-main-menu--column-banner-margin-x:var(--krds-padding-6);
    --krds-main-menu--column-banner-padding:var(--krds-padding-8);
    --krds-main-menu--column-banner-radius:var(--krds-radius-medium3);
    --krds-main-menu--color-surface:var(--krds-light-color-surface-white);
    --krds-main-menu--color-border:var(--krds-light-color-divider-gray-light);
    --krds-main-menu--main-trigger-color-text:var(--krds-light-color-text-subtle);
    --krds-main-menu--main-trigger-color-text-active:var(--krds-light-color-text-basic);
    --krds-main-menu--main-trigger-color-action-hover:var(--krds-light-color-action-secondary-hover);
    --krds-main-menu--main-trigger-color-action-pressed:var(--krds-light-color-action-secondary-pressed);
    --krds-main-menu--main-trigger-color-border-selected:var(--krds-light-color-action-secondary-active);
    --krds-main-menu--toggle-color-surface:var(--krds-light-color-surface-white-subtle);
    --krds-main-menu--main-menu-color-surface:var(--krds-light-color-surface-secondary-subtler);
    --krds-main-menu--sub-trigger-color-text:var(--krds-light-color-text-basic);
    --krds-main-menu--sub-trigger-color-text-selected:var(--krds-light-color-text-secondary);
    --krds-main-menu--sub-trigger-color-text-pressed:var(--krds-light-color-text-basic);
    --krds-main-menu--sub-trigger-color-action:var(--krds-light-color-action-secondary-on);
    --krds-main-menu--sub-trigger-color-action-selected:var(--krds-light-color-action-secondary-on-selected);
    --krds-main-menu--sub-trigger-color-action-pressed:var(--krds-light-color-action-secondary-on-pressed);
    --krds-main-menu--sub-menu-color-action:var(--krds-light-color-action-secondary);
    --krds-main-menu--sub-menu-color-action-hover:var(--krds-light-color-action-secondary-hover);
    --krds-main-menu--sub-menu-color-action-pressed:var(--krds-light-color-action-secondary-pressed);
    --krds-main-menu--sub-menu-trigger-color-action-selected:var(--krds-light-color-action-secondary-selected);
    --krds-main-menu--sub-menu-trigger-color-text-selected:var(--krds-light-color-text-secondary);
    --krds-main-menu--sub-menu-description-description-color-border:var(--krds-light-color-border-gray-light);
    --krds-main-menu--sub-menu-description-description-color-text:var(--krds-light-color-text-subtle);
    --krds-main-menu--banner-background:var(--krds-light-color-surface-gray-subtle);
    position:relative;
    background-color:var(--krds-main-menu--color-surface);
    border-top:.1rem solid;
    border-bottom:.1rem solid;
    border-color:var(--krds-main-menu--color-border)
}
.krds-main-menu .gnb-menu{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-5)
}
.krds-main-menu .gnb-menu .gnb-main-trigger{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-3);
    position:relative;
    height:var(--krds-main-menu--main-trigger-size-height);
    color:var(--krds-main-menu--main-trigger-color-text);
    padding:0 var(--krds-main-menu--main-trigger-padding-x);
    transition:var(--krds-transition-base)
}
.krds-main-menu .gnb-menu .gnb-main-trigger,.krds-main-menu .gnb-menu .gnb-main-trigger h2{
    font-size:var(--krds-main-menu--main-trigger-font-size);
    font-weight:var(--krds-font-weight-bold)
}
.krds-main-menu .gnb-menu .gnb-main-trigger::after,.krds-main-menu .gnb-menu .gnb-main-trigger::before{
    display:inline-flex;
    content:""
}
.krds-main-menu .gnb-menu .gnb-main-trigger::before{
    position:absolute;
    bottom:0;
    left:50%;
    width:0;
    height:.4rem;
    background-color:var(--krds-main-menu--main-trigger-color-border-selected);
    transition:var(--krds-transition-base)
}
.krds-main-menu .gnb-menu .gnb-main-trigger::after{
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg);
    background-color:var(--krds-main-menu--main-trigger-color-text);
    transition:var(--krds-transition-base);
    transform:rotate(0)
}
.krds-main-menu .gnb-menu .gnb-main-trigger:hover{
    background-color:var(--krds-main-menu--main-trigger-color-action-hover)
}
.krds-main-menu .gnb-menu .gnb-main-trigger:active{
    color:var(--krds-main-menu--main-trigger-color-text-active);
    background-color:var(--krds-main-menu--main-trigger-color-action-pressed)
}
.krds-main-menu .gnb-menu .gnb-main-trigger:focus{
    box-shadow:var(--krds-box-shadow-outline-inset);
    outline-offset:-.4rem
}
.krds-main-menu .gnb-menu .gnb-main-trigger.active::before{
    left:0;
    width:100%
}
.krds-main-menu .gnb-menu .gnb-main-trigger.active::after{
    transform:rotate(-180deg)
}
.krds-main-menu .gnb-menu .gnb-main-trigger.is-link::after{
    display:none
}
@media (min-width:1024px) and (max-width:1279px){
    .krds-main-menu .gnb-menu .gnb-main-trigger{
        --krds-main-menu--main-trigger-padding-x:var(--krds-padding-3)
    }
}
.krds-main-menu .gnb-toggle-wrap{
    position:absolute;
    top:100%;
    left:0;
    margin-top:.1rem;
    display:none;
    width:100%;
    background-color:var(--krds-main-menu--toggle-color-surface)
}
.krds-main-menu .gnb-toggle-wrap.is-open{
    display:block
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list{
    position:relative;
    max-width:var(--krds-contents-size);
    margin:0 auto
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true]::before{
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:var(--krds-main-menu--main-menu-width);
    height:100%;
    content:"";
    background-color:var(--krds-main-menu--main-menu-color-surface)
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list>ul{
    position:relative;
    padding:var(--krds-padding-6) 0
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list>ul>li{
    width:var(--krds-main-menu--main-menu-width)
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    width:100%;
    gap:var(--krds-gap-7);
    padding:var(--krds-main-menu--sub-trigger-padding-y) var(--krds-main-menu--sub-trigger-padding-x);
    background-color:var(--krds-main-menu--sub-trigger-color-action);
    font-size:var(--krds-main-menu--sub-trigger-font-size);
    color:var(--krds-main-menu--sub-trigger-color-text);
    text-align:left;
    transition:var(--krds-transition-base)
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger::after{
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg);
    content:"";
    flex-shrink:0;
    transition:var(--krds-transition-base);
    transform:rotate(-90deg)
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger .svg-icon{
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    flex-shrink:0;
    transition:var(--krds-transition-base)
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.active,.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:hover{
    font-size:var(--krds-main-menu--sub-trigger-font-size-active);
    font-weight:var(--krds-font-weight-bold);
    background-color:var(--krds-main-menu--sub-trigger-color-action-selected);
    color:var(--krds-main-menu--sub-trigger-color-text-selected)
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.active .svg-icon,.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:hover .svg-icon{
    background-color:var(--krds-main-menu--sub-trigger-color-text-selected)
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:active{
    font-size:var(--krds-main-menu--sub-trigger-font-size-active);
    font-weight:var(--krds-font-weight-bold);
    background:var(--krds-main-menu--sub-trigger-color-action-pressed);
    color:var(--krds-main-menu--sub-trigger-color-text-pressed)
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:active .svg-icon{
    background-color:var(--krds-main-menu--sub-trigger-color-text-pressed)
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:focus{
    box-shadow:var(--krds-box-shadow-outline-inset);
    outline-offset:-.4rem
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.is-link{
    justify-content:flex-start;
    gap:var(--krds-gap-3)
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.is-link::after{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_more.svg);
    background-image:url(../images/component/icon/ico_more.svg);
    transform:rotate(0)
}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.is-link.external-link::after{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_go.svg);
    background-image:url(../images/component/icon/ico_go.svg)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list{
    flex-direction:column;
    align-items:normal;
    gap:var(--krds-gap-5);
    position:absolute;
    top:0;
    left:var(--krds-main-menu--main-menu-width);
    right:0;
    display:none;
    min-height:100%;
    padding:var(--krds-main-menu--sub-menu-padding-y) var(--krds-main-menu--sub-menu-padding-x)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    flex:1;
    gap:var(--krds-gap-5)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content .sub-title{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-5);
    height:var(--krds-main-menu--sub-menu-title-size-height);
    padding:0 var(--krds-padding-2);
    font-size:var(--krds-main-menu--sub-menu-title-font-size);
    font-weight:var(--krds-font-weight-bold)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-column-gap:var(--krds-gap-7)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a,.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:row;
    width:100%;
    gap:var(--krds-gap-3);
    padding:var(--krds-main-menu--sub-menu-trigger-color-padding-y) var(--krds-main-menu--sub-menu-trigger-color-padding-x);
    background-color:var(--krds-main-menu--sub-menu-color-action);
    border-radius:var(--krds-main-menu--sub-menu-trigger-color-radius);
    font-size:var(--krds-main-menu--sub-menu-trigger-color-font-size)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a::before,.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button::before{
    content:"";
    width:.4rem;
    height:.4rem;
    margin-top:var(--krds-padding-4);
    background-color:var(--krds-light-color-text-basic);
    border-radius:var(--krds-radius-max)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a:hover,.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button:hover{
    background-color:var(--krds-main-menu--sub-menu-color-action-hover)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a:active,.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a:focus,.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button:active,.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button:focus{
    background-color:var(--krds-main-menu--sub-menu-color-action-pressed)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a:focus,.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button:focus{
    box-shadow:var(--krds-box-shadow-outline-inset);
    outline-offset:-.4rem
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a.active,.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button.active{
    background-color:var(--krds-main-menu--sub-menu-trigger-color-action-selected);
    color:var(--krds-main-menu--sub-menu-trigger-color-text-selected);
    font-weight:var(--krds-font-weight-bold)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a.active::before,.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button.active::before{
    background-color:var(--krds-main-menu--sub-menu-trigger-color-text-selected)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul.type-description{
    gap:var(--krds-gap-9)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul.type-description li{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-gap-2);
    padding:0
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul.type-description li::before{
    display:none
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul.type-description li .tit{
    font-size:var(--krds-main-menu--sub-menu-description-title-font-size);
    font-weight:var(--krds-font-weight-bold)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul.type-description li .tit a{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    width:auto;
    padding:var(--krds-main-menu--sub-menu-description-title-padding);
    background-color:var(--krds-main-menu--sub-menu-color-action);
    border-radius:var(--krds-main-menu--sub-menu-description-title-radius)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul.type-description li .tit a::before{
    display:none
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul.type-description li .tit a:hover{
    background-color:var(--krds-main-menu--sub-menu-color-action-hover)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul.type-description li .tit a:active{
    background-color:var(--krds-main-menu--sub-menu-color-action-pressed)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul.type-description li .txt{
    padding:var(--krds-main-menu--sub-menu-description-description-color-padding-top) var(--krds-main-menu--sub-menu-description-description-color-padding-x) 0;
    border-top:.1rem solid var(--krds-main-menu--sub-menu-description-description-color-border);
    font-size:var(--krds-main-menu--sub-menu-description-description-color-font-size);
    color:var(--krds-main-menu--sub-menu-description-description-color-text)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-banner{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-5);
    margin:0;
    padding:var(--krds-main-menu--banner-padding-y) var(--krds-main-menu--banner-padding-x);
    border-radius:var(--krds-main-menu--banner-radius);
    background:var(--krds-main-menu--banner-background)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.between{
    flex-direction:row;
    padding-right:0
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-content>ul{
    grid-template-columns:repeat(2,1fr)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.between .gnb-sub-banner{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    width:var(--krds-main-menu--main-menu-width);
    gap:var(--krds-gap-3);
    padding:var(--krds-main-menu--column-banner-padding)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.single-list{
    display:flex;
    position:static;
    padding:var(--krds-main-menu--sub-menu-only-2depth-padding-y) 0
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.single-list .gnb-sub-content>ul{
    grid-template-columns:repeat(4,1fr)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.single-list.between .gnb-sub-content>ul{
    grid-template-columns:repeat(3,1fr)
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.active{
    display:flex
}
.gnb-backdrop{
    --krds-main-menu--color-dim:var(--krds-light-color-background-dim);
    display:none;
    position:fixed;
    top:0;
    right:0;
    width:100%;
    height:100%;
    z-index:60;
    background-color:var(--krds-main-menu--color-dim)
}
.gnb-backdrop.active{
    display:block
}
[data-krds-mode=high-contrast] .krds-main-menu{
    --krds-main-menu--color-surface:var(--krds-high-contrast-color-surface-white);
    --krds-main-menu--color-border:var(--krds-high-contrast-color-divider-gray-light);
    --krds-main-menu--main-trigger-color-text:var(--krds-high-contrast-color-text-subtle);
    --krds-main-menu--main-trigger-color-text-active:var(--krds-high-contrast-color-text-basic);
    --krds-main-menu--main-trigger-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-main-menu--main-trigger-color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
    --krds-main-menu--main-trigger-color-border-selected:var(--krds-high-contrast-color-action-secondary-active);
    --krds-main-menu--toggle-color-surface:var(--krds-high-contrast-color-surface-white-subtle);
    --krds-main-menu--main-menu-color-surface:var(--krds-high-contrast-color-surface-secondary-subtler);
    --krds-main-menu--sub-trigger-color-text:var(--krds-high-contrast-color-text-basic);
    --krds-main-menu--sub-trigger-color-text-selected:var(--krds-high-contrast-color-text-secondary);
    --krds-main-menu--sub-trigger-color-text-pressed:var(--krds-high-contrast-color-text-basic);
    --krds-main-menu--sub-trigger-color-action:var(--krds-high-contrast-color-action-secondary-on);
    --krds-main-menu--sub-trigger-color-action-selected:var(--krds-high-contrast-color-action-secondary-on-selected);
    --krds-main-menu--sub-trigger-color-action-pressed:var(--krds-high-contrast-color-action-secondary-on-pressed);
    --krds-main-menu--sub-menu-color-action:var(--krds-high-contrast-color-action-secondary);
    --krds-main-menu--sub-menu-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-main-menu--sub-menu-color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
    --krds-main-menu--sub-menu-trigger-color-action-selected:var(--krds-high-contrast-color-action-secondary-selected);
    --krds-main-menu--sub-menu-trigger-color-text-selected:var(--krds-high-contrast-color-text-secondary);
    --krds-main-menu--sub-menu-description-description-color-border:var(--krds-high-contrast-color-border-gray-light);
    --krds-main-menu--sub-menu-description-description-color-text:var(--krds-high-contrast-color-text-subtle);
    --krds-main-menu--banner-background:var(--krds-high-contrast-color-surface-gray-subtle)
}
[data-krds-mode=high-contrast] .krds-main-menu .gnb-menu .gnb-main-trigger::after{
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
[data-krds-mode=high-contrast] .krds-main-menu .gnb-menu .gnb-main-trigger.is-link::after{
    display:none
}
[data-krds-mode=high-contrast] .krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger .svg-icon{
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
[data-krds-mode=high-contrast] .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul.type-description .ico-go{
    display:inline-flex;
    width:var(--krds-icon--size-large);
    height:var(--krds-icon--size-large);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
[data-krds-mode=high-contrast] .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a::before,[data-krds-mode=high-contrast] .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button::before{
    background-color:var(--krds-high-contrast-color-text-basic)
}
[data-krds-mode=high-contrast] .gnb-backdrop{
    --krds-main-menu--color-dim:var(--krds-high-contrast-color-background-dim)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-main-menu{
        --krds-main-menu--color-surface:var(--krds-high-contrast-color-surface-white);
        --krds-main-menu--color-border:var(--krds-high-contrast-color-divider-gray-light);
        --krds-main-menu--main-trigger-color-text:var(--krds-high-contrast-color-text-subtle);
        --krds-main-menu--main-trigger-color-text-active:var(--krds-high-contrast-color-text-basic);
        --krds-main-menu--main-trigger-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-main-menu--main-trigger-color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
        --krds-main-menu--main-trigger-color-border-selected:var(--krds-high-contrast-color-action-secondary-active);
        --krds-main-menu--toggle-color-surface:var(--krds-high-contrast-color-surface-white-subtle);
        --krds-main-menu--main-menu-color-surface:var(--krds-high-contrast-color-surface-secondary-subtler);
        --krds-main-menu--sub-trigger-color-text:var(--krds-high-contrast-color-text-basic);
        --krds-main-menu--sub-trigger-color-text-selected:var(--krds-high-contrast-color-text-secondary);
        --krds-main-menu--sub-trigger-color-text-pressed:var(--krds-high-contrast-color-text-basic);
        --krds-main-menu--sub-trigger-color-action:var(--krds-high-contrast-color-action-secondary-on);
        --krds-main-menu--sub-trigger-color-action-selected:var(--krds-high-contrast-color-action-secondary-on-selected);
        --krds-main-menu--sub-trigger-color-action-pressed:var(--krds-high-contrast-color-action-secondary-on-pressed);
        --krds-main-menu--sub-menu-color-action:var(--krds-high-contrast-color-action-secondary);
        --krds-main-menu--sub-menu-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-main-menu--sub-menu-color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
        --krds-main-menu--sub-menu-trigger-color-action-selected:var(--krds-high-contrast-color-action-secondary-selected);
        --krds-main-menu--sub-menu-trigger-color-text-selected:var(--krds-high-contrast-color-text-secondary);
        --krds-main-menu--sub-menu-description-description-color-border:var(--krds-high-contrast-color-border-gray-light);
        --krds-main-menu--sub-menu-description-description-color-text:var(--krds-high-contrast-color-text-subtle);
        --krds-main-menu--banner-background:var(--krds-high-contrast-color-surface-gray-subtle)
    }
    [data-krds-mode=theme] .krds-main-menu .gnb-menu .gnb-main-trigger::after{
        display:inline-flex;
        width:var(--krds-icon--size-medium);
        height:var(--krds-icon--size-medium);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
    [data-krds-mode=theme] .krds-main-menu .gnb-menu .gnb-main-trigger.is-link::after{
        display:none
    }
    [data-krds-mode=theme] .krds-main-menu .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger .svg-icon{
        display:inline-flex;
        width:var(--krds-icon--size-medium);
        height:var(--krds-icon--size-medium);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
    [data-krds-mode=theme] .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul.type-description .ico-go{
        display:inline-flex;
        width:var(--krds-icon--size-large);
        height:var(--krds-icon--size-large);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
    [data-krds-mode=theme] .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul a::before,[data-krds-mode=theme] .krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content>ul button::before{
        background-color:var(--krds-high-contrast-color-text-basic)
    }
    [data-krds-mode=theme] .gnb-backdrop{
        --krds-main-menu--color-dim:var(--krds-high-contrast-color-background-dim)
    }
}
.krds-main-menu-mobile{
    --krds-main-menu-mobile--dim-transition:opacity 0.5s 0.1s;
    --krds-main-menu-mobile--header-gap:var(--krds-gap-5);
    --krds-main-menu-mobile--header-padding-x:var(--krds-padding-6);
    --krds-main-menu-mobile--header-padding-top:var(--krds-padding-6);
    --krds-main-menu-mobile--header-padding-bottom:var(--krds-padding-8);
    --krds-main-menu-mobile--utils-gap-layout-li-li:var(--krds-gap-5);
    --krds-main-menu-mobile--utils-line-height:var(--krds-size-height-2);
    --krds-main-menu-mobile--login-gap:var(--krds-gap-3);
    --krds-main-menu-mobile--service-menu-gap-layout-menu:var(--krds-gap-3);
    --krds-main-menu-mobile--service-menu-gap-layout-icon-text:var(--krds-gap-1);
    --krds-main-menu-mobile--service-menu-font-size:var(--krds-mobile-font-size-navigation-depth-medium-bold);
    --krds-main-menu-mobile--service-menu-icon-size:var(--krds-size-height-3);
    --krds-main-menu-mobile--service-menu-border-radius:var(--krds-radius-medium1);
    --krds-main-menu-mobile--menu-left-width:12.4rem;
    --krds-main-menu-mobile--main-trigger-height:var(--krds-size-height-9);
    --krds-main-menu-mobile--main-trigger-padding-x:var(--krds-padding-8);
    --krds-main-menu-mobile--main-trigger-font-size:var(--krds-mobile-font-size-navigation-depth-medium-bold);
    --krds-main-menu-mobile--sub-menu-padding:var(--krds-main-menu-mobile--header-padding-x);
    --krds-main-menu-mobile--sub-list-padding-y:var(--krds-padding-3);
    --krds-main-menu-mobile--sub-title-font-size:var(--krds-mobile-font-size-navigation-title-small);
    --krds-main-menu-mobile--sub-title-padding-x:var(--krds-padding-3);
    --krds-main-menu-mobile--sub-title-padding-top:var(--krds-padding-3);
    --krds-main-menu-mobile--sub-title-padding-bottom:var(--krds-padding-6);
    --krds-main-menu-mobile--sub-menu-trigger-font-size:var(--krds-mobile-font-size-navigation-depth-medium);
    --krds-main-menu-mobile--sub-menu-trigger-font-size-active:var(--krds-mobile-font-size-navigation-depth-medium-bold);
    --krds-main-menu-mobile--sub-menu-trigger-padding-x:var(--krds-padding-3);
    --krds-main-menu-mobile--sub-menu-trigger-padding-y:var(--krds-padding-5);
    --krds-main-menu-mobile--sub-menu-trigger-border-radius:var(--krds-radius-medium3);
    --krds-main-menu-mobile--depth3-gap:var(--krds-gap-3);
    --krds-main-menu-mobile--depth3-sub-menu-gap:var(--krds-gap-3);
    --krds-main-menu-mobile--depth3-sub-menu-margin-top:var(--krds-gap-3);
    --krds-main-menu-mobile--depth3-sub-menu-padding-x:var(--krds-padding-6);
    --krds-main-menu-mobile--depth3-sub-menu-padding-y:var(--krds-padding-4);
    --krds-main-menu-mobile--depth3-sub-menu-border-radius:var(--krds-radius-medium2);
    --krds-main-menu-mobile--depth4-head-padding:var(--krds-padding-6);
    --krds-main-menu-mobile--depth4-body-padding-x:var(--krds-main-menu-mobile--sub-menu-padding);
    --krds-main-menu-mobile--depth4-sub-title:var(--krds-main-menu-mobile--sub-title-font-size);
    --krds-main-menu-mobile--depth4-sub-title-padding-x:var(--krds-main-menu-mobile--sub-title-padding-x);
    --krds-main-menu-mobile--depth4-sub-title-padding-top:var(--krds-main-menu-mobile--sub-title-padding-top);
    --krds-main-menu-mobile--depth4-sub-title-padding-bottom:var(--krds-main-menu-mobile--sub-title-padding-bottom);
    --krds-main-menu-mobile--depth4-list-gap:var(--krds-gap-3);
    --krds-main-menu-mobile--depth4-list-gap-layout-dot-text:var(--krds-gap-2);
    --krds-main-menu-mobile--depth4-list-li-border-radius:var(--krds-main-menu-mobile--depth3-sub-menu-border-radius);
    --krds-main-menu-mobile--depth4-list-li-padding-x:var(--krds-main-menu-mobile--depth3-sub-menu-padding-x);
    --krds-main-menu-mobile--depth4-list-li-padding-y:var(--krds-main-menu-mobile--depth3-sub-menu-padding-y);
    --krds-main-menu-mobile--tab-nav-menu-padding-x:var(--krds-main-menu-mobile--header-padding-x);
    --krds-main-menu-mobile--tab-nav-menu-padding-top:var(--krds-padding-6);
    --krds-main-menu-mobile--tab-nav-menu-margin-top:var(--krds-padding-8);
    --krds-main-menu-mobile--tab-nav-menu-margin-x:var(--krds-main-menu-mobile--header-padding-x);
    --krds-main-menu-mobile--tab-nav-menu-list-gap:var(--krds-gap-3);
    --krds-main-menu-mobile--tab-nav-menu-list-padding-bottom:var(--krds-main-menu-mobile--tab-nav-menu-padding-top);
    --krds-main-menu-mobile--tab-nav-main-trigger-height:var(--krds-size-height-6);
    --krds-main-menu-mobile--tab-nav-main-trigger-padding-x:var(--krds-padding-4);
    --krds-main-menu-mobile--tab-nav-main-trigger-border-radius:var(--krds-radius-medium1);
    --krds-main-menu-mobile--type-tab-sub-list-padding:var(--krds-main-menu-mobile--header-padding-x);
    --krds-main-menu-mobile--type-tab-gnb-header-border-bottom-width:0.4rem;
    --krds-main-menu-mobile--type-tab-sub-list-border-bottom-width:var(--krds-main-menu-mobile--type-tab-gnb-header-border-bottom-width);
    --krds-main-menu-mobile--type-tab-sub-list-border-bottom-color:var(--krds-main-menu-mobile--header-color-border);
    --krds-main-menu-mobile--type-tab-sub-banner-gap:var(--krds-gap-5);
    --krds-main-menu-mobile--type-tab-sub-banner-border-radius:var(--krds-radius-medium3);
    --krds-main-menu-mobile--type-tab-sub-banner-padding-x:var(--krds-padding-6);
    --krds-main-menu-mobile--type-tab-sub-banner-padding-y:var(--krds-padding-2);
    --krds-main-menu-mobile--color-dim:var(--krds-light-color-background-dim);
    --krds-main-menu-mobile--color-surface:var(--krds-light-color-surface-white);
    --krds-main-menu-mobile--header-border-width:var(--krds-light-border-width-static-regular);
    --krds-main-menu-mobile--header-color-border:var(--krds-light-color-divider-gray-light);
    --krds-main-menu-mobile--utils-line-width:var(--krds-light-border-width-static-regular);
    --krds-main-menu-mobile--utils-color-border:var(--krds-light-color-border-gray-light);
    --krds-main-menu-mobile--service-menu-color-icon:var(--krds-light-color-icon-gray-fill);
    --krds-main-menu-mobile--service-menu-color-action-active:var(--krds-light-color-action-secondary-on-pressed);
    --krds-main-menu-mobile--menu-color-surface:var(--krds-light-color-surface-secondary-subtler);
    --krds-main-menu-mobile--main-trigger-color-text-active:var(--krds-light-color-text-secondary);
    --krds-main-menu-mobile--main-trigger-color-action-active:var(--krds-light-color-action-secondary-on-selected);
    --krds-main-menu-mobile--main-trigger-color-action-pressed:var(--krds-light-color-action-secondary-on-pressed);
    --krds-main-menu-mobile--sub-menu-color-surface:var(--krds-light-color-surface-white-subtle);
    --krds-main-menu-mobile--sub-title-border-width:var(--krds-light-border-width-static-regular);
    --krds-main-menu-mobile--sub-title-color-border:var(--krds-light-color-divider-gray);
    --krds-main-menu-mobile--sub-menu-trigger-color-action-hover:var(--krds-light-color-action-secondary-hover);
    --krds-main-menu-mobile--sub-menu-trigger-color-action-active:var(--krds-light-color-action-secondary-selected);
    --krds-main-menu-mobile--sub-menu-trigger-color-text:var(--krds-light-color-text-secondary);
    --krds-main-menu-mobile--depth3-sub-menu-color-action-hover:var(--krds-light-color-action-secondary-hover);
    --krds-main-menu-mobile--depth3-sub-menu-color-action-active:var(--krds-light-color-action-secondary-selected);
    --krds-main-menu-mobile--depth4-color-surface:var(--krds-light-color-surface-white-subtle);
    --krds-main-menu-mobile--depth4-list-li-color-text-hover:var(--krds-light-color-text-secondary);
    --krds-main-menu-mobile--depth4-list-li-color-action-hover:var(--krds-light-color-action-secondary-hover);
    --krds-main-menu-mobile--depth4-list-li-color-action-active:var(--krds-light-color-action-secondary-selected);
    --krds-main-menu-mobile--tab-nav-menu-border-top-width:var(--krds-light-border-width-static-regular);
    --krds-main-menu-mobile--tab-nav-menu-color-border-top:var(--krds-light-color-divider-gray-light);
    --krds-main-menu-mobile--tab-nav-main-trigger-color-action:var(--krds-light-color-action-white);
    --krds-main-menu-mobile--tab-nav-main-trigger-color-action-active:var(--krds-light-color-action-secondary-selected);
    --krds-main-menu-mobile--tab-nav-main-trigger-border-width:var(--krds-light-border-width-static-regular);
    --krds-main-menu-mobile--tab-nav-main-trigger-color-border:var(--krds-light-color-border-gray);
    --krds-main-menu-mobile--type-tab-menu-color-surface:var(--krds-light-color-surface-white-subtle);
    --krds-main-menu-mobile--type-tab-sub-banner-color-surface:var(--krds-light-color-surface-gray-subtler);
    --krds-main-menu-mobile--search-layer-body-background:var(--krds-light-color-surface-gray-subtler);
    position:fixed;
    top:0;
    right:-100%;
    z-index:100;
    width:100%;
    height:100%;
    visibility:hidden;
    transition:var(--krds-transition-base)
}
.krds-main-menu-mobile::after{
    display:none;
    opacity:0;
    content:"";
    position:fixed;
    top:0;
    right:0;
    width:100%;
    height:100%;
    background-color:var(--krds-main-menu-mobile--color-dim);
    transition:var(--krds-main-menu-mobile--dim-transition)
}
.krds-main-menu-mobile.is-open{
    visibility:visible;
    right:0
}
.krds-main-menu-mobile.is-open::after{
    opacity:1
}
.krds-main-menu-mobile.is-backdrop::after{
    display:block
}
.krds-main-menu-mobile .gnb-wrap{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    position:absolute;
    top:0;
    right:0;
    z-index:5;
    height:100%;
    background-color:var(--krds-main-menu-mobile--color-surface)
}
.krds-main-menu-mobile .gnb-wrap .gnb-header{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-main-menu-mobile--header-gap);
    padding:var(--krds-main-menu-mobile--header-padding-top) var(--krds-main-menu-mobile--header-padding-x) var(--krds-main-menu-mobile--header-padding-bottom);
    border-bottom:var(--krds-main-menu-mobile--header-border-width) solid var(--krds-main-menu-mobile--header-color-border)
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-utils{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    flex-direction:row
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-utils .utility-list{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-utils .utility-list>li{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-utils .utility-list>li:not(:first-child){
    margin-left:var(--krds-main-menu-mobile--utils-gap-layout-li-li)
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-utils .utility-list>li:not(:first-child)::before{
    content:"";
    width:var(--krds-main-menu-mobile--utils-line-width);
    height:var(--krds-main-menu-mobile--utils-line-height);
    margin-right:var(--krds-main-menu-mobile--utils-gap-layout-li-li);
    background-color:var(--krds-main-menu-mobile--utils-color-border)
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-login{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-main-menu-mobile--login-gap)
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-login .user,.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-login button{
    font-weight:var(--krds-font-weight-bold)
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    flex-direction:row;
    gap:var(--krds-main-menu-mobile--service-menu-gap-layout-menu)
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu .link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:var(--krds-main-menu-mobile--service-menu-gap-layout-icon-text);
    font-size:var(--krds-main-menu-mobile--service-menu-font-size);
    font-weight:var(--krds-font-weight-bold);
    width:8rem;
    height:5.6rem
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu .link::before{
    display:inline-flex;
    content:"";
    width:var(--krds-main-menu-mobile--service-menu-icon-size);
    height:var(--krds-main-menu-mobile--service-menu-icon-size);
    background-color:var(--krds-main-menu-mobile--service-menu-color-icon)
}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-service-menu .link:active{
    border-radius:var(--krds-main-menu-mobile--service-menu-border-radius);
    background-color:var(--krds-main-menu-mobile--service-menu-color-action-active);
    transition:var(--krds-transition-base)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    flex:1;
    overflow-y:auto;
    scroll-behavior:smooth
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu{
    display:flex;
    position:relative;
    background-color:var(--krds-main-menu-mobile--menu-color-surface)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    position:relative;
    top:0;
    left:0;
    width:var(--krds-main-menu-mobile--menu-left-width)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap>ul{
    position:sticky;
    top:0;
    left:0;
    z-index:1;
    width:100%
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    position:relative;
    z-index:1;
    width:100%;
    height:var(--krds-main-menu-mobile--main-trigger-height);
    padding:0 var(--krds-main-menu-mobile--main-trigger-padding-x)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger,.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger>*{
    font-size:var(--krds-main-menu-mobile--main-trigger-font-size);
    font-weight:var(--krds-font-weight-bold)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger:focus{
    box-shadow:var(--krds-box-shadow-outline-inset);
    outline-offset:-.4rem;
    background-color:var(--krds-main-menu-mobile--main-trigger-color-action-pressed)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger.active{
    color:var(--krds-main-menu-mobile--main-trigger-color-text-active);
    background-color:var(--krds-main-menu-mobile--main-trigger-color-action-active)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    flex:1;
    background-color:var(--krds-main-menu-mobile--sub-menu-color-surface)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list{
    padding:var(--krds-main-menu-mobile--sub-menu-padding)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list>ul{
    padding:var(--krds-main-menu-mobile--sub-list-padding-y) 0
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .sub-title{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    position:relative;
    font-size:var(--krds-main-menu-mobile--sub-title-font-size);
    font-weight:var(--krds-font-weight-bold);
    padding:var(--krds-main-menu-mobile--sub-title-padding-top) var(--krds-main-menu-mobile--sub-title-padding-x) var(--krds-main-menu-mobile--sub-title-padding-bottom);
    border-bottom:var(--krds-main-menu-mobile--sub-title-border-width) solid var(--krds-main-menu-mobile--sub-title-color-border)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    padding:var(--krds-main-menu-mobile--sub-menu-trigger-padding-y) var(--krds-main-menu-mobile--sub-menu-trigger-padding-x);
    font-size:var(--krds-main-menu-mobile--sub-menu-trigger-font-size);
    border-radius:var(--krds-main-menu-mobile--sub-menu-trigger-border-radius);
    transition:var(--krds-transition-base)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger:hover{
    background-color:var(--krds-main-menu-mobile--sub-menu-trigger-color-action-hover)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.selected{
    color:var(--krds-main-menu-mobile--sub-menu-trigger-color-text);
    font-size:var(--krds-main-menu-mobile--sub-menu-trigger-font-size-active);
    font-weight:var(--krds-font-weight-bold);
    background-color:var(--krds-main-menu-mobile--sub-menu-trigger-color-action-active)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3::after{
    content:"";
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg);
    flex-shrink:0;
    margin-left:auto;
    transition:var(--krds-transition-base);
    transform:rotate(0)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3.active{
    background-color:var(--krds-main-menu-mobile--depth3-sub-menu-color-action-active);
    color:var(--krds-main-menu-mobile--sub-menu-trigger-color-text);
    font-weight:var(--krds-font-weight-bold)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3.active::after{
    transform:rotate(180deg)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap{
    display:grid;
    grid-template-rows:0fr;
    opacity:0;
    visibility:hidden;
    margin-top:var(--krds-main-menu-mobile--depth3-sub-menu-margin-top);
    transition:var(--krds-transition-base)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap>ul{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-main-menu-mobile--depth3-gap);
    overflow:hidden
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap.is-open{
    grid-template-rows:1fr;
    opacity:1;
    visibility:visible
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-main-menu-mobile--depth3-sub-menu-gap);
    padding:var(--krds-main-menu-mobile--depth3-sub-menu-padding-y) var(--krds-main-menu-mobile--depth3-sub-menu-padding-x);
    border-radius:var(--krds-main-menu-mobile--depth3-sub-menu-border-radius);
    transition:var(--krds-transition-base)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger::before{
    content:"•"
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger:focus{
    box-shadow:var(--krds-box-shadow-outline-inset);
    outline-offset:-.4rem
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger:hover{
    background-color:var(--krds-main-menu-mobile--depth3-sub-menu-color-action-hover)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger:active{
    background-color:var(--krds-main-menu-mobile--depth3-sub-menu-color-action-active)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.selected{
    color:var(--krds-main-menu-mobile--sub-menu-trigger-color-text);
    font-weight:var(--krds-font-weight-bold);
    background-color:var(--krds-main-menu-mobile--sub-menu-trigger-color-action-active)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.has-depth4::after{
    content:"";
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg);
    flex-shrink:0;
    margin-left:auto;
    transform:rotate(-90deg)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap{
    display:none;
    position:fixed;
    top:0;
    right:-100%;
    z-index:10;
    width:100%;
    height:100%;
    background-color:var(--krds-main-menu-mobile--depth4-color-surface);
    transition:var(--krds-transition-base)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-head{
    display:flex;
    align-items:normal;
    justify-content:space-between;
    flex-direction:row;
    font-weight:var(--krds-font-weight-bold);
    width:100%;
    padding:var(--krds-main-menu-mobile--depth4-head-padding)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body{
    padding:0 var(--krds-main-menu-mobile--depth4-body-padding-x)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .sub-title{
    font-size:var(--krds-main-menu-mobile--depth4-sub-title);
    padding:var(--krds-main-menu-mobile--depth4-sub-title-padding-top) var(--krds-main-menu-mobile--depth4-sub-title-padding-x) var(--krds-main-menu-mobile--depth4-sub-title-padding-bottom);
    margin:0
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-main-menu-mobile--depth4-list-gap)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-main-menu-mobile--depth4-list-gap-layout-dot-text);
    padding:var(--krds-main-menu-mobile--depth4-list-li-padding-y) var(--krds-main-menu-mobile--depth4-list-li-padding-x);
    border-radius:var(--krds-main-menu-mobile--depth4-list-li-border-radius)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a::before{
    content:"•";
    font-weight:var(--krds-font-weight-regular)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a:hover{
    font-weight:var(--krds-font-weight-bold);
    color:var(--krds-main-menu-mobile--depth4-list-li-color-text-hover);
    background-color:var(--krds-main-menu-mobile--depth4-list-li-color-action-hover)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a:active{
    background-color:var(--krds-main-menu-mobile--depth4-list-li-color-action-active);
    transition:var(--krds-transition-base)
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap.is-open{
    display:block;
    right:0
}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-bottom{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-gap-5);
    padding:var(--krds-padding-6)
}
.krds-main-menu-mobile .gnb-wrap #close-nav{
    position:absolute;
    top:var(--krds-main-menu-mobile--header-padding-top);
    right:var(--krds-main-menu-mobile--header-padding-x)
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav{
    display:none;
    height:0
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap{
    overflow:hidden;
    margin:var(--krds-main-menu-mobile--tab-nav-menu-margin-top) calc(var(--krds-main-menu-mobile--tab-nav-menu-margin-x) * -1) 0;
    padding:var(--krds-main-menu-mobile--tab-nav-menu-padding-top) var(--krds-main-menu-mobile--tab-nav-menu-padding-x) 0;
    border-top:var(--krds-main-menu-mobile--tab-nav-menu-border-top-width) solid var(--krds-main-menu-mobile--tab-nav-menu-color-border-top)
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap>ul{
    overflow-x:auto;
    position:relative;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-main-menu-mobile--tab-nav-menu-list-gap);
    padding-bottom:var(--krds-main-menu-mobile--tab-nav-menu-list-padding-bottom);
    scroll-behavior:smooth
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap>ul .gnb-main-trigger{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    padding:0 var(--krds-main-menu-mobile--tab-nav-main-trigger-padding-x);
    height:var(--krds-main-menu-mobile--tab-nav-main-trigger-height);
    border:var(--krds-main-menu-mobile--tab-nav-main-trigger-border-width) solid var(--krds-main-menu-mobile--tab-nav-main-trigger-color-border);
    border-radius:var(--krds-main-menu-mobile--tab-nav-main-trigger-border-radius);
    background-color:var(--krds-main-menu-mobile--tab-nav-main-trigger-color-action)
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap>ul .gnb-main-trigger,.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap>ul .gnb-main-trigger>*{
    font-size:var(--krds-pc-font-size-body-medium);
    font-weight:var(--krds-font-weight-regular)
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap>ul .gnb-main-trigger.active{
    background-color:var(--krds-main-menu-mobile--tab-nav-main-trigger-color-action-active)
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab.is-active .gnb-header{
    padding-bottom:0
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab.is-active .gnb-tab-nav{
    display:block
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-header{
    border-bottom-width:var(--krds-main-menu-mobile--type-tab-gnb-header-border-bottom-width)
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    background-color:var(--krds-main-menu-mobile--type-tab-menu-color-surface)
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list{
    padding:var(--krds-main-menu-mobile--type-tab-sub-list-padding)
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list:not(:last-child){
    border-bottom:var(--krds-main-menu-mobile--type-tab-sub-list-border-bottom-width) solid var(--krds-main-menu-mobile--type-tab-sub-list-border-bottom-color)
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-banner{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-main-menu-mobile--type-tab-sub-banner-gap);
    padding:var(--krds-main-menu-mobile--type-tab-sub-banner-padding-y) var(--krds-main-menu-mobile--type-tab-sub-banner-padding-x);
    border-radius:var(--krds-main-menu-mobile--type-tab-sub-banner-border-radius);
    background-color:var(--krds-main-menu-mobile--type-tab-sub-banner-color-surface)
}
.krds-main-menu-mobile .gnb-wrap.type-header-tab .gnb-bottom{
    border-top:var(--krds-main-menu-mobile--type-tab-sub-list-border-bottom-width) solid var(--krds-main-menu-mobile--type-tab-sub-list-border-bottom-color)
}
.krds-main-menu-mobile .search-layer{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:none;
    z-index:10;
    background-color:var(--krds-main-menu-mobile--color-surface)
}
.krds-main-menu-mobile .search-layer.active{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column
}
.krds-main-menu-mobile .search-layer .search-header{
    margin-top:.3rem;
    padding:5.6rem var(--krds-main-menu-mobile--header-padding-x) var(--krds-main-menu-mobile--header-padding-bottom);
    border-bottom:var(--krds-main-menu-mobile--header-border-width) solid var(--krds-main-menu-mobile--header-color-border)
}
.krds-main-menu-mobile .search-layer .search-body{
    overflow-y:auto;
    padding:0 var(--krds-main-menu-mobile--header-padding-x);
    background-color:var(--krds-main-menu-mobile--search-layer-body-background)
}
.krds-main-menu-mobile .search-layer .search-body .no-results{
    text-align:center;
    padding:var(--krds-padding-10) 0
}
.krds-main-menu-mobile .search-layer .search-body .no-results strong{
    font-weight:var(--krds-font-weight-bold)
}
.krds-main-menu-mobile .search-layer .search-body .result-list{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-gap-5);
    padding:var(--krds-padding-8) 0
}
.krds-main-menu-mobile .search-layer .search-body .result-list .result-item{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-3)
}
.krds-main-menu-mobile .search-layer .search-body .result-list .result-item a{
    text-decoration:underline;
    text-underline-offset:var(--krds-font-underline-offset)
}
.krds-main-menu-mobile .search-layer .search-body .result-list .result-item .highlight{
    font-weight:var(--krds-font-weight-bold)
}
.krds-main-menu-mobile .search-layer .search-close{
    position:absolute;
    top:1.6rem;
    right:var(--krds-main-menu-mobile--header-padding-x)
}
.krds-main-menu-mobile .dummy-control{
    text-align:left
}
.krds-main-menu-mobile .dummy-control .dummy-text{
    margin-top:.3rem;
    color:var(--krds-input--color-text-placeholder);
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1
}
.krds-main-menu-mobile .dummy-control .ico-search{
    right:1.4rem
}
[data-krds-mode=high-contrast] .krds-main-menu-mobile{
    --krds-main-menu-mobile--color-dim:var(--krds-high-contrast-color-background-dim);
    --krds-main-menu-mobile--color-surface:var(--krds-high-contrast-color-surface-white);
    --krds-main-menu-mobile--header-border-width:var(--krds-high-contrast-border-width-static-regular);
    --krds-main-menu-mobile--header-color-border:var(--krds-high-contrast-color-divider-gray-light);
    --krds-main-menu-mobile--utils-line-width:var(--krds-high-contrast-border-width-static-regular);
    --krds-main-menu-mobile--utils-color-border:var(--krds-high-contrast-color-border-gray-light);
    --krds-main-menu-mobile--service-menu-color-icon:var(--krds-high-contrast-color-icon-gray-fill);
    --krds-main-menu-mobile--service-menu-color-action-active:var(--krds-high-contrast-color-action-secondary-on-pressed);
    --krds-main-menu-mobile--menu-color-surface:var(--krds-high-contrast-color-surface-secondary-subtler);
    --krds-main-menu-mobile--main-trigger-color-text-active:var(--krds-high-contrast-color-text-secondary);
    --krds-main-menu-mobile--main-trigger-color-action-active:var(--krds-high-contrast-color-action-secondary-on-selected);
    --krds-main-menu-mobile--main-trigger-color-action-pressed:var(--krds-high-contrast-color-action-secondary-on-pressed);
    --krds-main-menu-mobile--sub-menu-color-surface:var(--krds-high-contrast-color-surface-white-subtle);
    --krds-main-menu-mobile--sub-title-border-width:var(--krds-high-contrast-border-width-static-regular);
    --krds-main-menu-mobile--sub-title-color-border:var(--krds-high-contrast-color-divider-gray);
    --krds-main-menu-mobile--sub-menu-trigger-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-main-menu-mobile--sub-menu-trigger-color-action-active:var(--krds-high-contrast-color-action-secondary-selected);
    --krds-main-menu-mobile--sub-menu-trigger-color-text:var(--krds-high-contrast-color-text-secondary);
    --krds-main-menu-mobile--depth3-sub-menu-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-main-menu-mobile--depth3-sub-menu-color-action-active:var(--krds-high-contrast-color-action-secondary-selected);
    --krds-main-menu-mobile--depth4-color-surface:var(--krds-high-contrast-color-surface-white-subtle);
    --krds-main-menu-mobile--depth4-list-li-color-text-hover:var(--krds-high-contrast-color-text-secondary);
    --krds-main-menu-mobile--depth4-list-li-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-main-menu-mobile--depth4-list-li-color-action-active:var(--krds-high-contrast-color-action-secondary-selected);
    --krds-main-menu-mobile--tab-nav-menu-border-top-width:var(--krds-high-contrast-border-width-static-regular);
    --krds-main-menu-mobile--tab-nav-menu-color-border-top:var(--krds-high-contrast-color-divider-gray-light);
    --krds-main-menu-mobile--tab-nav-main-trigger-color-action:var(--krds-high-contrast-color-action-white);
    --krds-main-menu-mobile--tab-nav-main-trigger-color-action-active:var(--krds-high-contrast-color-action-secondary-selected);
    --krds-main-menu-mobile--tab-nav-main-trigger-border-width:var(--krds-high-contrast-border-width-static-regular);
    --krds-main-menu-mobile--tab-nav-main-trigger-color-border:var(--krds-high-contrast-color-border-gray);
    --krds-main-menu-mobile--type-tab-menu-color-surface:var(--krds-high-contrast-color-surface-white-subtle);
    --krds-main-menu-mobile--type-tab-sub-banner-color-surface:var(--krds-high-contrast-color-surface-gray-subtler);
    --krds-main-menu-mobile--search-layer-body-background:var(--krds-high-contrast-color-surface-gray-subtler)
}
[data-krds-mode=high-contrast] .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3::after{
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
[data-krds-mode=high-contrast] .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.has-depth4::after{
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-main-menu-mobile{
        --krds-main-menu-mobile--color-dim:var(--krds-high-contrast-color-background-dim);
        --krds-main-menu-mobile--color-surface:var(--krds-high-contrast-color-surface-white);
        --krds-main-menu-mobile--header-border-width:var(--krds-high-contrast-border-width-static-regular);
        --krds-main-menu-mobile--header-color-border:var(--krds-high-contrast-color-divider-gray-light);
        --krds-main-menu-mobile--utils-line-width:var(--krds-high-contrast-border-width-static-regular);
        --krds-main-menu-mobile--utils-color-border:var(--krds-high-contrast-color-border-gray-light);
        --krds-main-menu-mobile--service-menu-color-icon:var(--krds-high-contrast-color-icon-gray-fill);
        --krds-main-menu-mobile--service-menu-color-action-active:var(--krds-high-contrast-color-action-secondary-on-pressed);
        --krds-main-menu-mobile--menu-color-surface:var(--krds-high-contrast-color-surface-secondary-subtler);
        --krds-main-menu-mobile--main-trigger-color-text-active:var(--krds-high-contrast-color-text-secondary);
        --krds-main-menu-mobile--main-trigger-color-action-active:var(--krds-high-contrast-color-action-secondary-on-selected);
        --krds-main-menu-mobile--main-trigger-color-action-pressed:var(--krds-high-contrast-color-action-secondary-on-pressed);
        --krds-main-menu-mobile--sub-menu-color-surface:var(--krds-high-contrast-color-surface-white-subtle);
        --krds-main-menu-mobile--sub-title-border-width:var(--krds-high-contrast-border-width-static-regular);
        --krds-main-menu-mobile--sub-title-color-border:var(--krds-high-contrast-color-divider-gray);
        --krds-main-menu-mobile--sub-menu-trigger-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-main-menu-mobile--sub-menu-trigger-color-action-active:var(--krds-high-contrast-color-action-secondary-selected);
        --krds-main-menu-mobile--sub-menu-trigger-color-text:var(--krds-high-contrast-color-text-secondary);
        --krds-main-menu-mobile--depth3-sub-menu-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-main-menu-mobile--depth3-sub-menu-color-action-active:var(--krds-high-contrast-color-action-secondary-selected);
        --krds-main-menu-mobile--depth4-color-surface:var(--krds-high-contrast-color-surface-white-subtle);
        --krds-main-menu-mobile--depth4-list-li-color-text-hover:var(--krds-high-contrast-color-text-secondary);
        --krds-main-menu-mobile--depth4-list-li-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-main-menu-mobile--depth4-list-li-color-action-active:var(--krds-high-contrast-color-action-secondary-selected);
        --krds-main-menu-mobile--tab-nav-menu-border-top-width:var(--krds-high-contrast-border-width-static-regular);
        --krds-main-menu-mobile--tab-nav-menu-color-border-top:var(--krds-high-contrast-color-divider-gray-light);
        --krds-main-menu-mobile--tab-nav-main-trigger-color-action:var(--krds-high-contrast-color-action-white);
        --krds-main-menu-mobile--tab-nav-main-trigger-color-action-active:var(--krds-high-contrast-color-action-secondary-selected);
        --krds-main-menu-mobile--tab-nav-main-trigger-border-width:var(--krds-high-contrast-border-width-static-regular);
        --krds-main-menu-mobile--tab-nav-main-trigger-color-border:var(--krds-high-contrast-color-border-gray);
        --krds-main-menu-mobile--type-tab-menu-color-surface:var(--krds-high-contrast-color-surface-white-subtle);
        --krds-main-menu-mobile--type-tab-sub-banner-color-surface:var(--krds-high-contrast-color-surface-gray-subtler);
        --krds-main-menu-mobile--search-layer-body-background:var(--krds-high-contrast-color-surface-gray-subtler)
    }
    [data-krds-mode=theme] .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3::after{
        display:inline-flex;
        width:var(--krds-icon--size-medium);
        height:var(--krds-icon--size-medium);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
    [data-krds-mode=theme] .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.has-depth4::after{
        display:inline-flex;
        width:var(--krds-icon--size-medium);
        height:var(--krds-icon--size-medium);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
}
@media (min-width:1024px){
    .krds-main-menu-mobile{
        display:none
    }
}
@media (min-width:768px) and (max-width:1023px){
    .krds-main-menu-mobile .gnb-wrap{
        width:40%
    }
    .krds-main-menu-mobile .gnb-menu .submenu-wrap .depth4-wrap{
        width:40%
    }
}
@media (max-width:1023px){
    .krds-main-menu{
        display:none
    }
    .is-gnb-mobile{
        overflow:hidden
    }
    .gnb-backdrop{
        display:none!important
    }
}
@media (max-width:767px){
    .krds-main-menu-mobile .gnb-wrap{
        width:100%
    }
}
#krds-footer{
    position:relative;
    z-index:50;
    background-color:var(--krds-light-color-surface-gray-subtler)
}
#krds-footer .foot-quick{
    border-top:var(--krds-light-border-width-static-regular) solid var(--krds-light-color-border-gray-light);
    border-bottom:var(--krds-light-border-width-static-regular) solid var(--krds-light-color-border-gray-light);
    background-color:var(--krds-light-color-background-white)
}
#krds-footer .foot-quick .inner{
    display:flex;
    padding:0
}
@media (max-width:767px){
    #krds-footer .foot-quick .inner{
        flex-direction:column
    }
}
#krds-footer .foot-quick .inner .link{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    flex:1;
    gap:var(--krds-gap-3);
    height:calc(var(--krds-size-height-8) - .2rem);
    padding:0 var(--krds-padding-8);
    background-color:var(--krds-light-color-action-secondary);
    border-right:var(--krds-light-border-width-static-regular) solid var(--krds-light-color-border-gray-light);
    transition:var(--krds-transition-base)
}
#krds-footer .foot-quick .inner .link:first-child{
    border-left:var(--krds-light-border-width-static-regular) solid var(--krds-light-color-border-gray-light)
}
#krds-footer .foot-quick .inner .link::after{
    display:inline-flex;
    flex-shrink:0;
    content:"";
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_plus.svg);
    background-image:url(../images/component/icon/ico_plus.svg)
}
#krds-footer .foot-quick .inner .link:hover{
    background-color:var(--krds-light-color-action-secondary-hover)
}
#krds-footer .foot-quick .inner .link:active,#krds-footer .foot-quick .inner .link:focus{
    background-color:var(--krds-light-color-action-secondary-pressed)
}
@media (min-width:768px) and (max-width:1023px){
    #krds-footer .foot-quick .inner .link{
        font-size:1.6rem;
        word-break:break-all;
        padding:0 var(--krds-padding-1) 0 var(--krds-padding-2);
        text-align:left
    }
}
@media (max-width:767px){
    #krds-footer .foot-quick .inner .link{
        font-size:var(--krds-mobile-font-size-body-small);
        min-height:calc(var(--krds-size-height-7) - .2rem);
        padding:0 var(--krds-padding-6);
        border:0
    }
    #krds-footer .foot-quick .inner .link:first-child{
        border:0
    }
    #krds-footer .foot-quick .inner .link:not(:first-child){
        border-top:var(--krds-light-border-width-static-regular) solid var(--krds-light-color-border-gray-light)
    }
}
#krds-footer>.inner{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column
}
@media (min-width:1024px){
    #krds-footer>.inner{
        gap:var(--krds-gap-9);
        padding:var(--krds-padding-10) 0 var(--krds-padding-8)
    }
}
@media (min-width:1024px) and (max-width:1279px){
    #krds-footer>.inner{
        padding:var(--krds-padding-10) var(--krds-contents-padding-x) var(--krds-padding-8)
    }
}
@media (max-width:1023px){
    #krds-footer>.inner{
        gap:var(--krds-gap-7);
        padding:var(--krds-padding-8) var(--krds-padding-6)
    }
}
#krds-footer .f-logo{
    width:13.7rem;
    height:var(--krds-size-height-7);
    background-image:url(../images/component/icon/ico_logo_krds.svg);
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat
}
@media (max-width:767px){
    #krds-footer .f-logo{
        width:9.9rem;
        height:3.2rem
    }
}
#krds-footer .f-cnt{
    display:flex;
    gap:var(--krds-gap-7)
}
@media (min-width:1024px){
    #krds-footer .f-cnt{
        justify-content:space-between;
        flex:1
    }
}
@media (min-width:768px) and (max-width:1023px){
    #krds-footer .f-cnt{
        gap:var(--krds-gap-5)
    }
}
@media (max-width:767px){
    #krds-footer .f-cnt{
        flex-direction:column
    }
}
#krds-footer .f-cnt .f-info{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    flex:1;
    gap:var(--krds-gap-5)
}
@media (min-width:768px) and (max-width:1023px){
    #krds-footer .f-cnt .f-info{
        flex:3
    }
}
@media (max-width:767px){
    #krds-footer .f-cnt .f-info{
        flex-direction:column;
        gap:var(--krds-gap-5);
        font-size:var(--krds-mobile-font-size-body-small)
    }
}
@media (max-width:767px){
    #krds-footer .f-cnt .f-info .info-addr .br{
        display:none
    }
}
#krds-footer .f-cnt .f-info .info-cs{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    width:100%;
    gap:var(--krds-gap-3)
}
@media (max-width:767px){
    #krds-footer .f-cnt .f-info .info-cs{
        gap:var(--krds-gap-3)
    }
}
#krds-footer .f-cnt .f-info .info-cs li{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row
}
@media (min-width:768px) and (max-width:1023px){
    #krds-footer .f-cnt .f-info .info-cs li{
        flex-direction:column;
        align-items:flex-start
    }
}
@media (max-width:767px){
    #krds-footer .f-cnt .f-info .info-cs li{
        flex-wrap:wrap;
        word-break:break-all
    }
}
#krds-footer .f-cnt .f-info .info-cs li .key-info{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-3)
}
#krds-footer .f-cnt .f-info .info-cs li .key-info span{
    font-weight:var(--krds-font-weight-regular)
}
@media (max-width:359px){
    #krds-footer .f-cnt .f-info .info-cs li .key-info{
        flex-wrap:wrap;
        row-gap:0
    }
}
#krds-footer .f-cnt .f-info .info-cs li .more-info{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-3);
    padding-left:var(--krds-padding-3)
}
#krds-footer .f-cnt .f-info .info-cs li .more-info:before{
    content:"";
    width:var(--krds-number-1);
    height:var(--krds-number-7);
    background-color:var(--krds-light-color-divider-gray-dark)
}
#krds-footer .f-cnt .f-cs{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-gap-5)
}
@media (min-width:1024px){
    #krds-footer .f-cnt .f-cs{
        width:23.5%
    }
}
@media (max-width:767px){
    #krds-footer .f-cnt .f-cs{
        gap:var(--krds-gap-3)
    }
}
#krds-footer .f-cnt .f-cs dl{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-gap-2)
}
@media (max-width:767px){
    #krds-footer .f-cnt .f-cs dl{
        font-size:var(--krds-mobile-font-size-body-small)
    }
}
#krds-footer .f-cnt .f-cs dl .info-tit{
    font-weight:var(--krds-font-weight-regular)
}
#krds-footer .f-cnt .f-link{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    flex-shrink:0;
    gap:var(--krds-gap-9)
}
@media (min-width:1024px){
    #krds-footer .f-cnt .f-link{
        flex-shrink:0;
        width:23.5%
    }
}
@media (max-width:767px){
    #krds-footer .f-cnt .f-link{
        gap:var(--krds-gap-8)
    }
}
#krds-footer .f-cnt .f-link .link-go{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-gap-2)
}
#krds-footer .f-cnt .f-link .link-go .krds-btn.text{
    gap:var(--krds-button--gap-medium);
    height:var(--krds-button--size-height-medium);
    padding:var(--krds-button--padding-y-medium) var(--krds-button--padding-x-medium);
    border-radius:var(--krds-button--radius-medium);
    font-size:var(--krds-button--pc-font-size-medium);
    font-weight:var(--krds-button--font-weight-medium)
}
@media (max-width:767px){
    #krds-footer .f-cnt .f-link .link-go .krds-btn.text{
        font-size:var(--krds-button--mobile-font-size-medium)
    }
}
#krds-footer .f-cnt .f-link .link-go .krds-btn.text .svg-icon{
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium)
}
@media (max-width:767px){
    #krds-footer .f-cnt .f-link .link-go .krds-btn.text{
        gap:var(--krds-button--gap-small);
        height:var(--krds-button--size-height-small);
        padding:var(--krds-button--padding-y-small) var(--krds-button--padding-x-small);
        border-radius:var(--krds-button--radius-small);
        font-size:var(--krds-button--pc-font-size-small);
        font-weight:var(--krds-button--font-weight-small);
        padding:0
    }
}
@media (max-width:767px) and (max-width:767px){
    #krds-footer .f-cnt .f-link .link-go .krds-btn.text{
        font-size:var(--krds-button--mobile-font-size-small)
    }
}
@media (max-width:767px){
    #krds-footer .f-cnt .f-link .link-go .krds-btn.text .svg-icon{
        width:var(--krds-icon--size-small);
        height:var(--krds-icon--size-small)
    }
}
#krds-footer .f-cnt .f-link .link-sns{
    display:flex;
    flex-wrap:wrap;
    gap:var(--krds-gap-3)
}
@media (min-width:768px) and (max-width:1023px){
    #krds-footer .f-cnt .f-link .link-sns{
        gap:var(--krds-gap-2)
    }
}
#krds-footer .f-cnt .f-link .link-sns a{
    display:inline-flex
}
#krds-footer .f-btm{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    padding-top:var(--krds-padding-6);
    gap:var(--krds-gap-9);
    border-top:var(--krds-light-border-width-static-regular) solid var(--krds-light-color-divider-gray-light)
}
@media (max-width:767px){
    #krds-footer .f-btm{
        font-size:var(--krds-mobile-font-size-body-small)
    }
}
#krds-footer .f-btm .f-btm-text{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    width:100%
}
@media (max-width:767px){
    #krds-footer .f-btm .f-btm-text{
        flex-direction:column;
        align-items:flex-start;
        width:100%;
        gap:var(--krds-gap-6)
    }
}
#krds-footer .f-btm .f-btm-text .f-menu{
    display:inline-flex;
    flex-wrap:wrap;
    gap:var(--krds-gap-3)
}
@media (max-width:767px){
    #krds-footer .f-btm .f-btm-text .f-menu{
        gap:var(--krds-gap-3)
    }
}
#krds-footer .f-btm .f-btm-text .f-copy{
    font-size:var(--krds-pc-font-size-body-small);
    color:var(--krds-light-color-text-subtle)
}
@media (max-width:767px){
    #krds-footer .f-btm .f-btm-text .f-copy{
        font-size:var(--krds-mobile-font-size-body-small)
    }
}
#krds-footer .f-btm .krds-identifier-txt{
    display:flex;
    align-items:center;
    font-size:var(--krds-pc-font-size-body-small);
    line-height:1;
    white-space:nowrap
}
#krds-footer .f-btm .krds-identifier-txt .f-btm-text{
    display:flex
}
#krds-footer .footer-banner{
    background-color:var(--krds-light-color-surface-gray-subtle);
    padding:var(--krds-padding-6) 0
}
#krds-footer .footer-banner .inner{
    display:flex;
    gap:var(--krds-gap-5)
}
@media (min-width:1280px){
    #krds-footer .footer-banner .inner{
        padding-inline:0
    }
}
@media (max-width:767px){
    #krds-footer .footer-banner .inner{
        flex-direction:column;
        gap:var(--krds-gap-3)
    }
}
[data-krds-mode=high-contrast] #krds-footer{
    background-color:var(--krds-high-contrast-color-surface-gray-subtler)
}
[data-krds-mode=high-contrast] #krds-footer .foot-quick{
    border-top:var(--krds-high-contrast-border-width-static-regular) solid var(--krds-high-contrast-color-border-gray-light);
    border-bottom:var(--krds-high-contrast-border-width-static-regular) solid var(--krds-high-contrast-color-border-gray-light);
    background-color:var(--krds-high-contrast-color-background-white)
}
[data-krds-mode=high-contrast] #krds-footer .foot-quick .inner .link{
    background-color:var(--krds-high-contrast-color-action-secondary);
    border-right:var(--krds-high-contrast-border-width-static-regular) solid var(--krds-high-contrast-color-border-gray-light)
}
[data-krds-mode=high-contrast] #krds-footer .foot-quick .inner .link:first-child{
    border-left:var(--krds-high-contrast-border-width-static-regular) solid var(--krds-high-contrast-color-border-gray-light)
}
[data-krds-mode=high-contrast] #krds-footer .foot-quick .inner .link::after{
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
[data-krds-mode=high-contrast] #krds-footer .foot-quick .inner .link:hover{
    background-color:var(--krds-high-contrast-color-action-secondary-hover)
}
[data-krds-mode=high-contrast] #krds-footer .foot-quick .inner .link:active,[data-krds-mode=high-contrast] #krds-footer .foot-quick .inner .link:focus{
    background-color:var(--krds-high-contrast-color-action-secondary-pressed)
}
[data-krds-mode=high-contrast] #krds-footer .f-cnt .f-info .info-cs li .more-info:before{
    background-color:var(--krds-high-contrast-color-divider-gray-dark)
}
[data-krds-mode=high-contrast] #krds-footer .f-btm{
    border-top:var(--krds-high-contrast-border-width-static-regular) solid var(--krds-high-contrast-color-divider-gray-light)
}
[data-krds-mode=high-contrast] #krds-footer .f-btm .f-btm-text .f-copy{
    color:var(--krds-high-contrast-color-text-subtle)
}
[data-krds-mode=high-contrast] #krds-footer .f-banner{
    background-color:var(--krds-high-contrast-color-surface-gray-subtle)
}
[data-krds-mode=high-contrast] #krds-footer .footer-banner{
    background-color:var(--krds-high-contrast-color-surface-gray-subtle)
}
[data-krds-mode=high-contrast] #krds-footer .f-logo{
    background-image:url(../images/component/icon/ico_logo_krds_high_contrast.svg)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] #krds-footer{
        background-color:var(--krds-high-contrast-color-surface-gray-subtler)
    }
    [data-krds-mode=theme] #krds-footer .foot-quick{
        border-top:var(--krds-high-contrast-border-width-static-regular) solid var(--krds-high-contrast-color-border-gray-light);
        border-bottom:var(--krds-high-contrast-border-width-static-regular) solid var(--krds-high-contrast-color-border-gray-light);
        background-color:var(--krds-high-contrast-color-background-white)
    }
    [data-krds-mode=theme] #krds-footer .foot-quick .inner .link{
        background-color:var(--krds-high-contrast-color-action-secondary);
        border-right:var(--krds-high-contrast-border-width-static-regular) solid var(--krds-high-contrast-color-border-gray-light)
    }
    [data-krds-mode=theme] #krds-footer .foot-quick .inner .link:first-child{
        border-left:var(--krds-high-contrast-border-width-static-regular) solid var(--krds-high-contrast-color-border-gray-light)
    }
    [data-krds-mode=theme] #krds-footer .foot-quick .inner .link::after{
        display:inline-flex;
        width:var(--krds-icon--size-medium);
        height:var(--krds-icon--size-medium);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
    [data-krds-mode=theme] #krds-footer .foot-quick .inner .link:hover{
        background-color:var(--krds-high-contrast-color-action-secondary-hover)
    }
    [data-krds-mode=theme] #krds-footer .foot-quick .inner .link:active,[data-krds-mode=theme] #krds-footer .foot-quick .inner .link:focus{
        background-color:var(--krds-high-contrast-color-action-secondary-pressed)
    }
    [data-krds-mode=theme] #krds-footer .f-cnt .f-info .info-cs li .more-info:before{
        background-color:var(--krds-high-contrast-color-divider-gray-dark)
    }
    [data-krds-mode=theme] #krds-footer .f-btm{
        border-top:var(--krds-high-contrast-border-width-static-regular) solid var(--krds-high-contrast-color-divider-gray-light)
    }
    [data-krds-mode=theme] #krds-footer .f-btm .f-btm-text .f-copy{
        color:var(--krds-high-contrast-color-text-subtle)
    }
    [data-krds-mode=theme] #krds-footer .f-banner{
        background-color:var(--krds-high-contrast-color-surface-gray-subtle)
    }
    [data-krds-mode=theme] #krds-footer .footer-banner{
        background-color:var(--krds-high-contrast-color-surface-gray-subtle)
    }
    [data-krds-mode=theme] #krds-footer .f-logo{
        background-image:url(../images/component/icon/ico_logo_krds_high_contrast.svg)
    }
}
.krds-identifier{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-3);
    width:100%;
    min-height:var(--krds-size-height-6);
    padding:var(--krds-padding-3) var(--krds-padding-6);
    border-radius:var(--krds-radius-medium1);
    background-color:var(--krds-light-color-surface-white)
}
@media (max-width:767px){
    .krds-identifier{
        flex-direction:column;
        align-items:flex-start;
        gap:var(--krds-gap-2)
    }
}
.krds-identifier .logo{
    width:6.8rem;
    height:var(--krds-size-height-4);
    background-image:url(../images/component/icon/ico_logo_krds.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center
}
@media (max-width:767px){
    .krds-identifier .logo{
        width:5.8rem;
        height:var(--krds-size-height-3)
    }
}
.krds-identifier .ban-txt{
    font-size:var(--krds-pc-font-size-body-small)
}
@media (max-width:767px){
    .krds-identifier .ban-txt{
        font-size:var(--krds-mobile-font-size-body-xsmall);
        word-break:break-all
    }
}
[data-krds-mode=high-contrast] .krds-identifier{
    background-color:var(--krds-high-contrast-color-surface-white)
}
[data-krds-mode=high-contrast] .krds-identifier .logo{
    background-image:url(../images/component/icon/ico_logo_krds_high_contrast.svg)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-identifier{
        background-color:var(--krds-high-contrast-color-surface-white)
    }
    [data-krds-mode=theme] .krds-identifier .logo{
        background-image:url(../images/component/icon/ico_logo_krds_high_contrast.svg)
    }
}
.krds-side-navigation{
    --krds-side-navigation--padding:var(--krds-padding-10);
    --krds-side-navigation--title-padding-x:var(--krds-padding-3);
    --krds-side-navigation--title-padding-bottom:var(--krds-padding-6);
    --krds-side-navigation--title-font-size:var(--krds-pc-font-size-navigation-title-medium);
    --krds-side-navigation--btn-gap:var(--krds-gap-3);
    --krds-side-navigation--btn-padding-x:var(--krds-padding-3);
    --krds-side-navigation--btn-padding-y:var(--krds-padding-6);
    --krds-side-navigation--btn-padding-y-selected:var(--krds-padding-3);
    --krds-side-navigation--btn-font-size:var(--krds-pc-font-size-navigation-depth-medium-bold);
    --krds-side-navigation--3depth-padding-y:var(--krds-padding-3);
    --krds-side-navigation--3depth-btn-padding-x:var(--krds-padding-6);
    --krds-side-navigation--3depth-btn-padding-y:var(--krds-padding-3);
    --krds-side-navigation--3depth-btn-radius:var(--krds-radius-medium2);
    --krds-side-navigation--4depth-padding:var(--krds-padding-6);
    --krds-side-navigation--4depth-title-padding:var(--krds-padding-3);
    --krds-side-navigation--4depth-title-radius:var(--krds-radius-medium3);
    --krds-side-navigation--4depth-title-font-size:var(--krds-pc-font-size-navigation-title-medium);
    --krds-side-navigation--title-color-border:var(--krds-light-color-divider-gray);
    --krds-side-navigation--title-border-width:var(--krds-light-border-width-static-regular);
    --krds-side-navigation--color-action:var(--krds-light-color-action-secondary);
    --krds-side-navigation--color-action-hover:var(--krds-light-color-action-secondary-hover);
    --krds-side-navigation--color-action-pressed:var(--krds-light-color-action-secondary-pressed);
    --krds-side-navigation--color-action-selected:var(--krds-light-color-action-secondary-selected);
    --krds-side-navigation--color-border:var(--krds-light-color-divider-gray-light);
    --krds-side-navigation--color-text-selected:var(--krds-light-color-text-secondary);
    --krds-side-navigation--color-border-selected:var(--krds-light-color-action-secondary-active);
    --krds-side-navigation--item-color-border:var(--krds-light-color-divider-gray-light);
    --krds-side-navigation--item-color-border-selected:var(--krds-light-color-border-gray);
    --krds-side-navigation--item-border-width:var(--krds-light-border-width-static-regular);
    --krds-side-navigation--2depth-btn-color-border:var(--krds-light-color-border-secondary);
    --krds-side-navigation--4depth-color-border:var(--krds-light-color-border-gray);
    --krds-side-navigation--4depth-background:var(--krds-light-color-background-white);
    position:relative;
    overflow:hidden;
    padding:var(--krds-side-navigation--padding) 0
}
.krds-side-navigation .lnb-tit{
    font-size:var(--krds-side-navigation--title-font-size);
    font-weight:var(--krds-font-weight-bold);
    padding:0 var(--krds-side-navigation--title-padding-x) var(--krds-side-navigation--title-padding-bottom) var(--krds-side-navigation--title-padding-x);
    border-bottom:var(--krds-side-navigation--title-border-width) solid var(--krds-side-navigation--title-color-border)
}
.krds-side-navigation .lnb-list .lnb-item{
    border-bottom:var(--krds-side-navigation--item-border-width) solid var(--krds-side-navigation--item-color-border)
}
.krds-side-navigation .lnb-list .lnb-item .lnb-btn{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-side-navigation--btn-gap);
    position:relative;
    width:100%;
    background-color:var(--krds-side-navigation--color-action);
    padding:var(--krds-side-navigation--btn-padding-y) var(--krds-side-navigation--btn-padding-x);
    font-size:var(--krds-side-navigation--btn-font-size);
    font-weight:var(--krds-font-weight-bold);
    text-align:left
}
.krds-side-navigation .lnb-list .lnb-item .lnb-btn:hover{
    background-color:var(--krds-side-navigation--color-action-hover)
}
.krds-side-navigation .lnb-list .lnb-item .lnb-btn:active{
    background-color:var(--krds-side-navigation--color-action-pressed)
}
.krds-side-navigation .lnb-list .lnb-item .lnb-btn:focus{
    box-shadow:var(--krds-box-shadow-outline-inset);
    outline-offset:-.4rem
}
.krds-side-navigation .lnb-list .lnb-item .lnb-btn.selected{
    background-color:var(--krds-side-navigation--color-action-selected);
    color:var(--krds-side-navigation--color-text-selected)
}
.krds-side-navigation .lnb-list .lnb-item [class*=lnb-toggle]::after{
    content:"";
    flex-shrink:0;
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg);
    margin-top:var(--krds-padding-1);
    margin-left:auto;
    transition:var(--krds-transition-base);
    transform:rotate(0)
}
.krds-side-navigation .lnb-list .lnb-item [class*=lnb-toggle][aria-expanded=true]{
    padding-bottom:var(--krds-side-navigation--btn-padding-y-selected)
}
.krds-side-navigation .lnb-list .lnb-item [class*=lnb-toggle][aria-expanded=true]::after{
    background-color:var(--krds-side-navigation--color-text-selected);
    transform:rotate(180deg)
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu{
    display:grid;
    grid-template-rows:0fr;
    opacity:0;
    visibility:hidden;
    transition:var(--krds-transition-base)
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu>ul{
    padding:0;
    overflow:hidden
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-btn{
    padding:var(--krds-side-navigation--3depth-btn-padding-y) var(--krds-side-navigation--3depth-btn-padding-x);
    border-radius:var(--krds-side-navigation--3depth-btn-radius);
    font-weight:var(--krds-font-weight-regular)
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-btn::before{
    content:"•"
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-btn.selected{
    color:var(--krds-side-navigation--color-text-selected);
    font-weight:var(--krds-font-weight-bold)
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2{
    position:absolute;
    visibility:hidden;
    opacity:0;
    top:0;
    left:-100%;
    z-index:10;
    width:100%;
    height:100%;
    background-color:var(--krds-side-navigation--4depth-background);
    transition:var(--krds-transition-base)
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2.active{
    opacity:1;
    visibility:visible;
    left:0
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2>ul{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    padding:var(--krds-side-navigation--4depth-padidng) 0;
    border-top:.1rem solid var(--krds-side-navigation--4depth-color-border);
    border-bottom:.1rem solid var(--krds-side-navigation--4depth-color-border)
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit{
    display:flex;
    align-items:normal;
    justify-content:space-between;
    flex-direction:column;
    gap:var(--krds-gap-2);
    width:100%;
    padding:var(--krds-side-navigation--4depth-title-padding)!important;
    margin-bottom:var(--krds-padding-3);
    font-size:var(--krds-side-navigation--4depth-title-font-size);
    font-weight:var(--krds-font-weight-bold);
    text-align:left;
    border-radius:var(--krds-side-navigation--4depth-title-radius)
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit::before{
    content:"";
    display:inline-flex;
    width:var(--krds-icon--size-large);
    height:var(--krds-icon--size-large);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg);
    transform:rotate(90deg)
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit:focus{
    box-shadow:var(--krds-box-shadow-outline-inset);
    outline-offset:-.4rem
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit:hover{
    background-color:var(--krds-side-navigation--color-action-hover)
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit:active{
    background-color:var(--krds-side-navigation--color-action-pressed)
}
.krds-side-navigation .lnb-list .lnb-item.active{
    border-bottom-color:var(--krds-side-navigation--item-color-border-selected)
}
.krds-side-navigation .lnb-list .lnb-item.active .lnb-submenu{
    grid-template-rows:1fr;
    opacity:1;
    visibility:visible;
    padding:var(--krds-side-navigation--3depth-padding-y) 0
}
.krds-side-navigation .lnb-list>li>.lnb-btn::before{
    display:inline-flex;
    content:"";
    position:absolute;
    bottom:-.1rem;
    left:0;
    width:0;
    height:.3rem;
    background-color:var(--krds-side-navigation--color-border-selected);
    transition:var(--krds-transition-base)
}
.krds-side-navigation .lnb-list>li>.lnb-btn:hover::before{
    left:0;
    width:100%
}
.krds-side-navigation .lnb-list>li>.lnb-btn.active:not(.lnb-toggle)::before{
    left:0;
    width:100%
}
[data-krds-mode=high-contrast] .krds-side-navigation{
    --krds-side-navigation--title-color-border:var(--krds-high-contrast-color-divider-gray);
    --krds-side-navigation--title-border-width:var(--krds-high-contrast-border-width-static-regular);
    --krds-side-navigation--color-action:var(--krds-high-contrast-color-action-secondary);
    --krds-side-navigation--color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-side-navigation--color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
    --krds-side-navigation--color-action-selected:var(--krds-high-contrast-color-action-secondary-selected);
    --krds-side-navigation--color-border:var(--krds-high-contrast-color-divider-gray-light);
    --krds-side-navigation--color-text-selected:var(--krds-high-contrast-color-text-secondary);
    --krds-side-navigation--color-border-selected:var(--krds-high-contrast-color-action-secondary-active);
    --krds-side-navigation--item-color-border:var(--krds-high-contrast-color-divider-gray-light);
    --krds-side-navigation--item-color-border-selected:var(--krds-high-contrast-color-border-gray);
    --krds-side-navigation--item-border-width:var(--krds-high-contrast-border-width-static-regular);
    --krds-side-navigation--2depth-btn-color-border:var(--krds-high-contrast-color-border-secondary);
    --krds-side-navigation--4depth-color-border:var(--krds-high-contrast-color-border-gray);
    --krds-side-navigation--4depth-background:var(--krds-high-contrast-color-background-white)
}
[data-krds-mode=high-contrast] .krds-side-navigation .lnb-list .lnb-item [class*=lnb-toggle]::after{
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
[data-krds-mode=high-contrast] .krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit::before{
    display:inline-flex;
    width:var(--krds-icon--size-large);
    height:var(--krds-icon--size-large);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-side-navigation{
        --krds-side-navigation--title-color-border:var(--krds-high-contrast-color-divider-gray);
        --krds-side-navigation--title-border-width:var(--krds-high-contrast-border-width-static-regular);
        --krds-side-navigation--color-action:var(--krds-high-contrast-color-action-secondary);
        --krds-side-navigation--color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-side-navigation--color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
        --krds-side-navigation--color-action-selected:var(--krds-high-contrast-color-action-secondary-selected);
        --krds-side-navigation--color-border:var(--krds-high-contrast-color-divider-gray-light);
        --krds-side-navigation--color-text-selected:var(--krds-high-contrast-color-text-secondary);
        --krds-side-navigation--color-border-selected:var(--krds-high-contrast-color-action-secondary-active);
        --krds-side-navigation--item-color-border:var(--krds-high-contrast-color-divider-gray-light);
        --krds-side-navigation--item-color-border-selected:var(--krds-high-contrast-color-border-gray);
        --krds-side-navigation--item-border-width:var(--krds-high-contrast-border-width-static-regular);
        --krds-side-navigation--2depth-btn-color-border:var(--krds-high-contrast-color-border-secondary);
        --krds-side-navigation--4depth-color-border:var(--krds-high-contrast-color-border-gray);
        --krds-side-navigation--4depth-background:var(--krds-high-contrast-color-background-white)
    }
    [data-krds-mode=theme] .krds-side-navigation .lnb-list .lnb-item [class*=lnb-toggle]::after{
        display:inline-flex;
        width:var(--krds-icon--size-medium);
        height:var(--krds-icon--size-medium);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
    [data-krds-mode=theme] .krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit::before{
        display:inline-flex;
        width:var(--krds-icon--size-large);
        height:var(--krds-icon--size-large);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
}
.krds-structured-list{
    --krds-structured-list--tag-color-text:var(--krds-light-color-text-basic);
    --krds-structured-list--tag-color-text-visited:var(--krds-light-color-link-visited);
    --krds-structured-list--tag-color-border:var(--krds-light-color-border-gray-light);
    --krds-structured-list--tag-color-action:var(--krds-light-color-action-white);
    --krds-structured-list--list-color-surface:var(--krds-light-color-surface-white-subtle);
    --krds-structured-list--list-color-border:var(--krds-light-color-border-gray);
    --krds-structured-list--list-color-action-active:var(--krds-light-color-link-default);
    --krds-structured-list--list-action-outline-width:var(--krds-light-border-width-variable-medium);
    --krds-structured-list--card-bottom-color-border:var(--krds-light-color-divider-gray-light);
    --krds-structured-list--card-body-color-text:var(--krds-light-color-text-subtle);
    --krds-structured-list--card-body-divider-width:var(--krds-light-border-width-variable-regular);
    --krds-structured-list--card-body-divider-color-divider:var(--krds-light-color-divider-gray-light);
    --krds-structured-list--border-width:var(--krds-light-border-width-variable-regular);
    --krds-structured-list--full-card-body-meta-color-text:var(--krds-light-color-text-subtle);
    --krds-structured-list--wrap-gap:var(--krds-gap-7);
    --krds-structured-list--list-gap:var(--krds-gap-5);
    --krds-structured-list--list-padding-small-size:var(--krds-padding-8);
    --krds-structured-list--list-padding-medium-size:var(--krds-padding-9);
    --krds-structured-list--list-padding-large-size:var(--krds-padding-10);
    --krds-structured-list--list-radius:var(--krds-radius-xlarge2);
    --krds-structured-list--list-inner-gap:var(--krds-gap-5);
    --krds-structured-list--list-column-gap:var(--krds-gap-7);
    --krds-structured-list--list-first-element-margin:var(--krds-gap-3);
    --krds-structured-list--card-body-gap:var(--krds-gap-7);
    --krds-structured-list--card-body-cont-gap:var(--krds-gap-5);
    --krds-structured-list--card-body-title-gap:var(--krds-gap-1);
    --krds-structured-list--card-body-title-pc-font-size:var(--krds-pc-font-size-heading-small);
    --krds-structured-list--card-body-title-mobile-font-size:var(--krds-mobile-font-size-heading-small);
    --krds-structured-list--card-body-title-pc-font-size-small:var(--krds-pc-font-size-heading-xsmall);
    --krds-structured-list--card-body-title-mobile-font-size-small:var(--krds-mobile-font-size-heading-xsmall);
    --krds-structured-list--card-body-title-icon-size:var(--krds-size-height-4);
    --krds-structured-list--card-body-txt-margin-bottom:var(--krds-gap-2);
    --krds-structured-list--card-body-date-gap:var(--krds-gap-3);
    --krds-structured-list--card-bottom-gap:var(--krds-gap-3);
    --krds-structured-list--card-bottom-padding-top:var(--krds-padding-6);
    --krds-structured-list--card-bottom-margin-top:var(--krds-padding-3);
    --krds-structured-list--card-buttons-position-top-small-size:var(--krds-gap-7);
    --krds-structured-list--card-buttons-position-right-small-size:var(--krds-gap-7);
    --krds-structured-list--card-buttons-position-right-medium-size:var(--krds-gap-8);
    --krds-structured-list--card-buttons-position-top-medium-size:var(--krds-gap-8);
    --krds-structured-list--card-buttons-position-right-large-size:var(--krds-gap-9);
    --krds-structured-list--card-buttons-position-top-large-size:var(--krds-gap-9);
    --krds-structured-list--card-buttons-gap:var(--krds-gap-5);
    --krds-structured-list--card-buttons-size-height:var(--krds-size-height-4);
    --krds-structured-list--tag-size-height:var(--krds-size-height-5);
    --krds-structured-list--tag-pc-font-size:var(--krds-pc-font-size-label-small);
    --krds-structured-list--tag-mobile-font-size:var(--krds-mobile-font-size-label-small);
    --krds-structured-list--tag-padding-x:var(--krds-padding-4);
    --krds-structured-list--tag-radius:var(--krds-radius-max)
}
@media (max-width:767px){
    .krds-structured-list{
        --krds-structured-list--wrap-gap:var(--krds-gap-5);
        --krds-structured-list--list-gap:var(--krds-gap-4);
        --krds-structured-list--list-padding-medium-size:var(--krds-padding-8);
        --krds-structured-list--list-inner-gap:var(--krds-gap-7);
        --krds-structured-list--list-first-element-margin:var(--krds-gap-2);
        --krds-structured-list--card-body-gap:var(--krds-gap-5);
        --krds-structured-list--card-body-cont-gap:var(--krds-gap-4);
        --krds-structured-list--card-bottom-margin-top:var(--krds-gap-2)
    }
}
.krds-structured-list{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:var(--krds-structured-list--wrap-gap)
}
.krds-structured-list.type-check .card-btn{
    top:calc(var(--krds-structured-list--list-gap) + var(--krds-structured-list--card-buttons-position-top-medium-size) + var(--krds-size-height-5))
}
.krds-structured-list .card-body .c-tit{
    font-size:var(--krds-structured-list--card-body-title-pc-font-size)
}
@media (max-width:767px){
    .krds-structured-list .card-body .c-tit{
        font-size:var(--krds-structured-list--card-body-title-mobile-font-size)
    }
}
.krds-structured-list>li{
    padding:var(--krds-structured-list--list-padding-medium-size)
}
.krds-structured-list .card-btn{
    position:absolute;
    top:var(--krds-structured-list--card-buttons-position-top-medium-size);
    right:var(--krds-structured-list--card-buttons-position-right-medium-size)
}
.krds-structured-list>li{
    position:relative;
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-structured-list--list-gap) 0;
    background:var(--krds-structured-list--list-color-surface);
    border-radius:var(--krds-structured-list--list-radius);
    border:var(--krds-structured-list--border-width) solid var(--krds-structured-list--list-color-border)
}
.krds-structured-list>li.is-check{
    border-color:transparent;
    outline:var(--krds-structured-list--list-action-outline-width) solid var(--krds-structured-list--list-color-action-active)
}
.krds-structured-list>li .in{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-structured-list--list-inner-gap);
    width:100%
}
.krds-structured-list:not(.type-full) .card-top:first-child,.krds-structured-list:not(.type-full) .krds-check-area:first-child{
    margin-bottom:var(--krds-structured-list--list-first-element-margin)
}
.krds-structured-list .krds-check-area{
    padding-top:.4rem;
    font-size:0
}
.krds-structured-list .krds-check-area .krds-form-check input[type=checkbox]~label::before{
    margin-top:0
}
.krds-structured-list .krds-check-area .krds-form-check input[type=checkbox]~label::after{
    margin-top:-.3rem
}
.krds-structured-list .card-top{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    flex-wrap:wrap
}
.krds-structured-list .card-body{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-structured-list--card-body-gap)
}
.krds-structured-list .card-body .c-text{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-structured-list--card-body-cont-gap);
    word-break:break-all
}
.krds-structured-list .card-body .c-text:hover .c-tit{
    text-decoration:underline;
    text-underline-offset:.5rem
}
.krds-structured-list .card-body .c-text:visited .c-tit{
    color:var(--krds-structured-list--tag-color-text-visited)
}
.krds-structured-list .card-body .c-text .c-tit{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-structured-list--card-body-title-gap);
    position:relative;
    font-weight:var(--krds-font-weight-bold)
}
.krds-structured-list .card-body .c-text .c-tit .span{
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1
}
.krds-structured-list .card-body .c-text .c-tit::after{
    display:inline-flex;
    flex-shrink:0;
    content:"";
    width:var(--krds-structured-list--card-body-title-icon-size);
    height:var(--krds-structured-list--card-body-title-icon-size);
    display:inline-flex;
    width:var(--krds-icon--size-large);
    height:var(--krds-icon--size-large);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg);
    transform:rotate(-90deg)
}
.krds-structured-list .card-body .c-text .c-txt{
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    color:var(--krds-structured-list--card-body-color-text)
}
.krds-structured-list .card-body .c-text .c-date{
    display:flex;
    gap:var(--krds-structured-list--card-body-date-gap)
}
.krds-structured-list .card-body .c-text .c-date .key{
    font-weight:var(--krds-font-weight-bold)
}
.krds-structured-list .card-body .c-btn{
    text-align:right
}
.krds-structured-list .card-btm{
    display:flex;
    flex-wrap:wrap;
    gap:var(--krds-structured-list--card-bottom-gap);
    padding-top:var(--krds-structured-list--card-bottom-padding-top);
    margin-top:var(--krds-structured-list--card-bottom-margin-top);
    border-top:var(--krds-structured-list--border-width) solid var(--krds-structured-list--card-bottom-color-border)
}
.krds-structured-list .card-btm .tag{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    background-color:var(--krds-structured-list--tag-color-action);
    height:var(--krds-structured-list--tag-size-height);
    padding:0 var(--krds-structured-list--tag-padding-x);
    font-size:var(--krds-structured-list--tag-pc-font-size);
    color:var(--krds-structured-list--tag-color-text);
    border-radius:var(--krds-structured-list--tag-radius);
    border:var(--krds-structured-list--border-width) solid var(--krds-structured-list--tag-color-border)
}
@media (max-width:767px){
    .krds-structured-list .card-btm .tag{
        font-size:var(--krds-structured-list--tag-mobile-font-size)
    }
}
.krds-structured-list .card-btm .tag::before{
    content:"#"
}
.krds-structured-list .card-btn{
    position:absolute;
    top:var(--krds-structured-list--card-buttons-position-top-medium-size);
    right:var(--krds-structured-list--card-buttons-position-right-medium-size);
    display:inline-flex;
    gap:var(--krds-structured-list--card-buttons-gap)
}
.krds-structured-list .card-btn .krds-btn{
    height:var(--krds-structured-list--card-buttons-size-height)
}
.krds-structured-list.sm .card-body .c-tit{
    font-size:var(--krds-structured-list--card-body-title-pc-font-size-small)
}
@media (max-width:767px){
    .krds-structured-list.sm .card-body .c-tit{
        font-size:var(--krds-structured-list--card-body-title-mobile-font-size-small)
    }
}
.krds-structured-list.sm>li{
    padding:var(--krds-structured-list--list-padding-small-size)
}
.krds-structured-list.sm .card-btn{
    position:absolute;
    top:var(--krds-structured-list--card-buttons-position-top-small-size);
    right:var(--krds-structured-list--card-buttons-position-right-small-size)
}
.krds-structured-list.sm.type-check .card-btn{
    top:calc(var(--krds-structured-list--list-gap) + var(--krds-structured-list--card-buttons-position-top-small-size) + var(--krds-size-height-5))
}
.krds-structured-list.md .card-body .c-tit{
    font-size:var(--krds-structured-list--card-body-title-pc-font-size)
}
@media (max-width:767px){
    .krds-structured-list.md .card-body .c-tit{
        font-size:var(--krds-structured-list--card-body-title-mobile-font-size)
    }
}
.krds-structured-list.md>li{
    padding:var(--krds-structured-list--list-padding-medium-size)
}
.krds-structured-list.md .card-btn{
    position:absolute;
    top:var(--krds-structured-list--card-buttons-position-top-medium-size);
    right:var(--krds-structured-list--card-buttons-position-right-medium-size)
}
.krds-structured-list.md.type-check .card-btn{
    top:calc(var(--krds-structured-list--list-gap) + var(--krds-structured-list--card-buttons-position-top-medium-size) + var(--krds-size-height-5))
}
.krds-structured-list.lg .card-body .c-tit{
    font-size:var(--krds-structured-list--card-body-title-pc-font-size)
}
@media (max-width:767px){
    .krds-structured-list.lg .card-body .c-tit{
        font-size:var(--krds-structured-list--card-body-title-mobile-font-size)
    }
}
.krds-structured-list.lg>li{
    padding:var(--krds-structured-list--list-padding-large-size)
}
.krds-structured-list.lg .card-btn{
    position:absolute;
    top:var(--krds-structured-list--card-buttons-position-top-large-size);
    right:var(--krds-structured-list--card-buttons-position-right-large-size)
}
.krds-structured-list.lg.type-check .card-btn{
    top:calc(var(--krds-structured-list--list-gap) + var(--krds-structured-list--card-buttons-position-top-large-size) + var(--krds-size-height-5))
}
.krds-structured-list.type-full,.krds-structured-list.type2{
    grid-template-columns:none;
    --krds-structured-list--full-list-column-gap:var(--krds-gap-7);
    --krds-structured-list--full-card-top-margin:var(--krds-gap-2);
    --krds-structured-list--full-card-body-gap:var(--krds-gap-9);
    --krds-structured-list--full-card-body-cont-gap:var(--krds-gap-5);
    --krds-structured-list--full-card-btn-position-top:var(--krds-gap-2);
    --krds-structured-list--full-card-body-meta-gap-y:var(--krds-gap-3);
    --krds-structured-list--full-card-body-meta-gap-x:var(--krds-gap-4);
    --krds-structured-list--full-card-body-divider-height:var(--krds-size-height-2);
    --krds-structured-list--full-card-body-divider-margin-x:var(--krds-gap-3)
}
.krds-structured-list.type-full .structured-item,.krds-structured-list.type2 .structured-item{
    flex-direction:row;
    column-gap:var(--krds-structured-list--full-list-column-gap)
}
.krds-structured-list.type-full .structured-item .in,.krds-structured-list.type2 .structured-item .in{
    position:relative
}
.krds-structured-list.type-full .structured-item .krds-check-area,.krds-structured-list.type2 .structured-item .krds-check-area{
    margin:0
}
.krds-structured-list.type-full .card-top,.krds-structured-list.type2 .card-top{
    margin:var(--krds-structured-list--full-card-top-margin) 0
}
.krds-structured-list.type-full .card-body,.krds-structured-list.type2 .card-body{
    flex-direction:row;
    justify-content:space-between
}
.krds-structured-list.type-full .card-body .c-text,.krds-structured-list.type2 .card-body .c-text{
    flex:1;
    margin:0
}
.krds-structured-list.type-full .card-body .c-text .key,.krds-structured-list.type2 .card-body .c-text .key{
    white-space:nowrap
}
.krds-structured-list.type-full .card-body .c-txt,.krds-structured-list.type2 .card-body .c-txt{
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1
}
.krds-structured-list.type-full .card-body .c-txt-p,.krds-structured-list.type2 .card-body .c-txt-p{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:row
}
.krds-structured-list.type-full .card-body .c-txt-ul,.krds-structured-list.type2 .card-body .c-txt-ul{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:row;
    flex-wrap:wrap;
    gap:var(--krds-structured-list--full-card-body-meta-gap-x);
    column-gap:var(--krds-structured-list--full-card-body-meta-gap-y)
}
.krds-structured-list.type-full .card-body .c-txt-ul li,.krds-structured-list.type2 .card-body .c-txt-ul li{
    display:inline-flex;
    align-items:center;
    color:var(--krds-structured-list--full-card-body-meta-color-text)
}
.krds-structured-list.type-full .card-body .c-txt-ul li:not(:last-child)::after,.krds-structured-list.type2 .card-body .c-txt-ul li:not(:last-child)::after{
    display:inline-flex;
    content:"";
    width:var(--krds-structured-list--card-body-divider-width);
    height:var(--krds-structured-list--full-card-body-divider-height);
    margin-left:var(--krds-structured-list--full-card-body-divider-margin-x);
    background-color:var(--krds-structured-list--card-body-divider-color-divider)
}
.krds-structured-list.type-full .card-btm,.krds-structured-list.type2 .card-btm{
    margin-top:0
}
.krds-structured-list.type-full .card-btn,.krds-structured-list.type2 .card-btn{
    top:var(--krds-structured-list--full-card-btn-position-top);
    right:0
}
.krds-structured-list.type-full{
    --krds-structured-list--card-body-title-pc-font-size:var(--krds-pc-font-size-heading-medium);
    --krds-structured-list--card-body-title-mobile-font-size:var(--krds-mobile-font-size-heading-medium)
}
.krds-structured-list.type-full .card-body .c-tit{
    font-size:var(--krds-structured-list--card-body-title-pc-font-size)
}
@media (min-width:768px) and (max-width:1023px){
    .krds-structured-list{
        --krds-structured-list--card-buttons-gap:var(--krds-number-3);
        grid-template-columns:1fr 1fr
    }
    .krds-structured-list .card-btn{
        gap:var(--krds-structured-list--card-buttons-gap)
    }
}
@media (max-width:767px){
    .krds-structured-list{
        grid-template-columns:1fr
    }
    .krds-structured-list .card-top:first-child,.krds-structured-list .krds-check-area:first-child{
        margin-bottom:var(--krds-structured-list--list-first-element-margin)
    }
    .krds-structured-list .structured-item{
        flex-direction:row;
        flex-wrap:wrap
    }
    .krds-structured-list .structured-item .in{
        flex-direction:row;
        flex-wrap:wrap
    }
    .krds-structured-list .structured-item .krds-check-area{
        order:-1;
        width:100%
    }
    .krds-structured-list .card-top{
        order:-1;
        flex:1;
        flex-wrap:nowrap;
        min-width:fit-content
    }
    .krds-structured-list .card-body{
        width:100%
    }
    .krds-structured-list .card-body .c-date{
        flex-wrap:wrap
    }
    .krds-structured-list .card-body .c-btn{
        align-self:flex-end;
        text-align:left
    }
    .krds-structured-list .card-btm{
        width:100%
    }
    .krds-structured-list .card-btn{
        order:-1;
        position:static
    }
    .krds-structured-list.type-full,.krds-structured-list.type2{
        --krds-structured-list--full-card-body-gap:var(--krds-gap-7);
        --krds-structured-list--full-card-body-cont-gap:var(--krds-gap-4);
        --krds-structured-list--full-card-body-meta-gap-y:var(--krds-gap-3)
    }
    .krds-structured-list.type-full .in,.krds-structured-list.type2 .in{
        gap:1.6rem
    }
    .krds-structured-list.type-full .card-top,.krds-structured-list.type2 .card-top{
        margin:0
    }
    .krds-structured-list.type-full .card-body,.krds-structured-list.type2 .card-body{
        flex-direction:column;
        align-items:flex-start;
        gap:var(--krds-structured-list--full-card-body-gap)
    }
    .krds-structured-list.type-full .card-body .c-text,.krds-structured-list.type2 .card-body .c-text{
        gap:var(--krds-structured-list--full-card-body-cont-gap)
    }
    .krds-structured-list.type-full .card-body .c-txt-ul,.krds-structured-list.type2 .card-body .c-txt-ul{
        gap:var(--krds-structured-list--full-card-body-meta-gap-y)
    }
    .krds-structured-list.type-full .card-body .c-tit{
        font-size:var(--krds-structured-list--card-body-title-mobile-font-size)
    }
}
[data-krds-mode=high-contrast] .krds-structured-list{
    --krds-structured-list--tag-color-text:var(--krds-high-contrast-color-text-basic);
    --krds-structured-list--tag-color-text-visited:var(--krds-light-color-link-visited);
    --krds-structured-list--tag-color-border:var(--krds-high-contrast-color-border-gray-light);
    --krds-structured-list--tag-color-action:var(--krds-high-contrast-color-action-white);
    --krds-structured-list--list-color-surface:var(--krds-high-contrast-color-surface-white-subtle);
    --krds-structured-list--list-color-border:var(--krds-high-contrast-color-border-gray);
    --krds-structured-list--list-color-action-active:var(--krds-high-contrast-color-link-default);
    --krds-structured-list--list-action-outline-width:var(--krds-high-contrast-border-width-variable-medium);
    --krds-structured-list--card-bottom-color-border:var(--krds-high-contrast-color-divider-gray-light);
    --krds-structured-list--card-body-color-text:var(--krds-high-contrast-color-text-subtle);
    --krds-structured-list--card-body-divider-width:var(--krds-high-contrast-border-width-variable-regular);
    --krds-structured-list--card-body-divider-color-divider:var(--krds-high-contrast-color-divider-gray-light);
    --krds-structured-list--border-width:var(--krds-high-contrast-border-width-variable-regular);
    --krds-structured-list--full-card-body-meta-color-text:var(--krds-high-contrast-color-text-subtle)
}
[data-krds-mode=high-contrast] .krds-structured-list .krds-check-area .krds-form-check input[type=checkbox]~label::before{
    margin-top:0
}
[data-krds-mode=high-contrast] .krds-structured-list .krds-check-area .krds-form-check input[type=checkbox]~label::after{
    margin-top:-.3rem
}
[data-krds-mode=high-contrast] .krds-structured-list .card-body .c-text .c-tit::after{
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-structured-list{
        --krds-structured-list--tag-color-text:var(--krds-high-contrast-color-text-basic);
        --krds-structured-list--tag-color-text-visited:var(--krds-light-color-link-visited);
        --krds-structured-list--tag-color-border:var(--krds-high-contrast-color-border-gray-light);
        --krds-structured-list--tag-color-action:var(--krds-high-contrast-color-action-white);
        --krds-structured-list--list-color-surface:var(--krds-high-contrast-color-surface-white-subtle);
        --krds-structured-list--list-color-border:var(--krds-high-contrast-color-border-gray);
        --krds-structured-list--list-color-action-active:var(--krds-high-contrast-color-link-default);
        --krds-structured-list--list-action-outline-width:var(--krds-high-contrast-border-width-variable-medium);
        --krds-structured-list--card-bottom-color-border:var(--krds-high-contrast-color-divider-gray-light);
        --krds-structured-list--card-body-color-text:var(--krds-high-contrast-color-text-subtle);
        --krds-structured-list--card-body-divider-width:var(--krds-high-contrast-border-width-variable-regular);
        --krds-structured-list--card-body-divider-color-divider:var(--krds-high-contrast-color-divider-gray-light);
        --krds-structured-list--border-width:var(--krds-high-contrast-border-width-variable-regular);
        --krds-structured-list--full-card-body-meta-color-text:var(--krds-high-contrast-color-text-subtle)
    }
    [data-krds-mode=theme] .krds-structured-list .krds-check-area .krds-form-check input[type=checkbox]~label::before{
        margin-top:0
    }
    [data-krds-mode=theme] .krds-structured-list .krds-check-area .krds-form-check input[type=checkbox]~label::after{
        margin-top:-.3rem
    }
    [data-krds-mode=theme] .krds-structured-list .card-body .c-text .c-tit::after{
        display:inline-flex;
        width:var(--krds-icon--size-medium);
        height:var(--krds-icon--size-medium);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
}
.krds-critical-alerts{
    --krds-critical-alerts--size-max-width:84.6rem;
    --krds-critical-alerts--gap:var(--krds-number-6);
    --krds-critical-alerts--padding:var(--krds-padding-7);
    --krds-critical-alerts--banner-gap:var(--krds-gap-5);
    --krds-critical-alerts--banner-padding:var(--krds-pc-padding-card-xsmall);
    --krds-critical-alerts--banner-radius:var(--krds-radius-large2);
    --krds-critical-alerts--badge-size-min-width:7.8rem;
    --krds-critical-alerts--badge-size-height:var(--krds-size-height-7);
    --krds-critical-alerts--badge-gap:var(--krds-gap-2);
    --krds-critical-alerts--badge-padding:var(--krds-padding-4);
    --krds-critical-alerts--badge-radius:var(--krds-radius-medium2);
    --krds-critical-alerts--badge-pc-font-size:var(--krds-pc-font-size-body-medium);
    --krds-critical-alerts--badge-mobile-font-size:var(--krds-mobile-font-size-body-small);
    --krds-critical-alerts--badge-icon-size:var(--krds-gap-7);
    --krds-critical-alerts--mobile-padding:var(--krds-padding-6);
    --krds-critical-alerts--mobile-banner-padding:var(--krds-mobile-padding-card-xsmall);
    --krds-critical-alerts--mobile-badge-size-height:3.9rem;
    --krds-critical-alerts--mobile-badge-icon-size:var(--krds-gap-6);
    --krds-critical-alerts--mobile-badge-padding:var(--krds-padding-3);
    --krds-critical-alerts--banner-border-width:var(--krds-light-border-width-variable-regular);
    --krds-critical-alerts--banner-color-action:var(--krds-light-color-surface-white-subtle);
    --krds-critical-alerts--banner-color-border:var(--krds-light-color-border-gray-light);
    --krds-critical-alerts--banner-shadow:0 0 0.2rem 0 var(--krds-light-color-alpha-shadow1),0 0.4rem 0.8rem 0 var(--krds-light-color-alpha-shadow2);
    --krds-critical-alerts--badge-color-background-danger:var(--krds-light-color-element-danger);
    --krds-critical-alerts--badge-color-background-ok:var(--krds-light-color-element-success);
    --krds-critical-alerts--badge-color-background-info:var(--krds-light-color-element-information);
    --krds-critical-alerts--badge-color-text:var(--krds-light-color-text-inverse-static);
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-critical-alerts--gap);
    width:100%;
    max-width:var(--krds-critical-alerts--size-max-width);
    padding:var(--krds-critical-alerts--padding);
    margin:0 auto
}
.krds-critical-alerts .critical-ban{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-critical-alerts--banner-gap);
    padding:var(--krds-critical-alerts--banner-padding);
    background-color:var(--krds-critical-alerts--banner-color-action);
    border:var(--krds-critical-alerts--banner-border-width) solid var(--krds-critical-alerts--banner-color-border);
    border-radius:var(--krds-critical-alerts--banner-radius);
    box-shadow:var(--krds-critical-alerts--banner-shadow)
}
.krds-critical-alerts .critical-badge{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-critical-alerts--badge-gap);
    font-size:var(--krds-critical-alerts--badge-pc-font-size);
    font-weight:var(--krds-font-weight-bold);
    color:var(--krds-critical-alerts--badge-color-text);
    min-width:var(--krds-critical-alerts--badge-size-min-width);
    height:var(--krds-critical-alerts--badge-size-height);
    padding:0 var(--krds-critical-alerts--badge-padding);
    border-radius:var(--krds-critical-alerts--badge-radius)
}
@media (max-width:767px){
    .krds-critical-alerts .critical-badge{
        font-size:var(--krds-critical-alerts--badge-mobile-font-size)
    }
}
.krds-critical-alerts .critical-badge::before{
    display:inline-flex;
    content:"";
    width:var(--krds-critical-alerts--badge-icon-size);
    height:var(--krds-critical-alerts--badge-icon-size);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain
}
.krds-critical-alerts .critical-badge.danger{
    background-color:var(--krds-critical-alerts--badge-color-background-danger)
}
.krds-critical-alerts .critical-badge.danger::before{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_urgent_badge_danger.svg);
    background-image:url(../images/component/icon/ico_urgent_badge_danger.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_urgent_badge_danger.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
.krds-critical-alerts .critical-badge.ok{
    background-color:var(--krds-critical-alerts--badge-color-background-ok)
}
.krds-critical-alerts .critical-badge.ok::before{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_urgent_badge_ok.svg);
    background-image:url(../images/component/icon/ico_urgent_badge_ok.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_urgent_badge_ok.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
.krds-critical-alerts .critical-badge.info{
    background-color:var(--krds-critical-alerts--badge-color-background-info)
}
.krds-critical-alerts .critical-badge.info::before{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_urgent_badge_info.svg);
    background-image:url(../images/component/icon/ico_urgent_badge_info.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_urgent_badge_info.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
.krds-critical-alerts .critical-txt{
    flex:1;
    font-weight:var(--krds-font-weight-bold);
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
@media (max-width:767px){
    .krds-critical-alerts{
        padding:var(--krds-critical-alerts--mobile-padding)
    }
    .krds-critical-alerts .critical-ban{
        height:auto;
        padding:var(--krds-critical-alerts--mobile-banner-padding)
    }
    .krds-critical-alerts .critical-txt{
        display:block;
        overflow:visible
    }
    .krds-critical-alerts .critical-badge{
        min-width:auto;
        height:var(--krds-critical-alerts--mobile-badge-size-height);
        padding:var(--krds-critical-alerts--mobile-badge-padding)
    }
    .krds-critical-alerts .critical-badge::before{
        width:var(--krds-critical-alerts--mobile-badge-icon-size);
        height:var(--krds-critical-alerts--mobile-badge-icon-size)
    }
}
[data-krds-mode=high-contrast] .krds-critical-alerts{
    --krds-critical-alerts--banner-border-width:var(--krds-high-contrast-border-width-variable-regular);
    --krds-critical-alerts--banner-color-action:var(--krds-high-contrast-color-surface-white-subtle);
    --krds-critical-alerts--banner-color-border:var(--krds-high-contrast-color-border-gray-light);
    --krds-critical-alerts--banner-shadow:0 0 0.2rem 0 var(--krds-high-contrast-color-alpha-shadow1),0 0.4rem 0.8rem 0 var(--krds-high-contrast-color-alpha-shadow2);
    --krds-critical-alerts--badge-color-background-danger:var(--krds-high-contrast-color-element-danger);
    --krds-critical-alerts--badge-color-background-ok:var(--krds-high-contrast-color-element-success);
    --krds-critical-alerts--badge-color-background-info:var(--krds-high-contrast-color-element-information);
    --krds-critical-alerts--badge-color-text:var(--krds-high-contrast-color-text-inverse-static)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-critical-alerts{
        --krds-critical-alerts--banner-border-width:var(--krds-high-contrast-border-width-variable-regular);
        --krds-critical-alerts--banner-color-action:var(--krds-high-contrast-color-surface-white-subtle);
        --krds-critical-alerts--banner-color-border:var(--krds-high-contrast-color-border-gray-light);
        --krds-critical-alerts--banner-shadow:0 0 0.2rem 0 var(--krds-high-contrast-color-alpha-shadow1),0 0.4rem 0.8rem 0 var(--krds-high-contrast-color-alpha-shadow2);
        --krds-critical-alerts--badge-color-background-danger:var(--krds-high-contrast-color-element-danger);
        --krds-critical-alerts--badge-color-background-ok:var(--krds-high-contrast-color-element-success);
        --krds-critical-alerts--badge-color-background-info:var(--krds-high-contrast-color-element-information);
        --krds-critical-alerts--badge-color-text:var(--krds-high-contrast-color-text-inverse-static)
    }
}
.krds-in-page-navigation-type{
    --krds-in-page-navigation--width:16rem;
    --krds-in-page-navigation--gap:var(--krds-gap-5);
    --krds-in-page-navigation--position-top:25.6rem;
    --krds-in-page-navigation--position-right:calc((100% - var(--krds-contents-wrap-size)) / 2 - (var(--krds-in-page-navigation--width) - var(--krds-contents-padding-x) + var(--krds-pc-gap-layout-contents-right)));
    --krds-in-page-navigation--header-gap:var(--krds-gap-2);
    --krds-in-page-navigation--header-caption-pc-font-size:var(--krds-pc-font-size-body-xsmall);
    --krds-in-page-navigation--header-caption-mobile-font-size:var(--krds-mobile-font-size-body-xsmall);
    --krds-in-page-navigation--header-title-pc-font-size:var(--krds-pc-font-size-heading-xsmall);
    --krds-in-page-navigation--header-title-mobile-font-size:var(--krds-mobile-font-size-heading-xsmall);
    --krds-in-page-navigation--list-anchor-border-radius:var(--krds-radius-small3);
    --krds-in-page-navigation--list-anchor-pc-font-size:var(--krds-pc-font-size-navigation-depth-small);
    --krds-in-page-navigation--list-anchor-mobile-font-size:var(--krds-mobile-font-size-navigation-depth-small);
    --krds-in-page-navigation--action-gap:var(--krds-gap-3);
    --krds-in-page-navigation--action-info-pc-font-size:var(--krds-pc-font-size-body-small);
    --krds-in-page-navigation--action-info-mobile-font-size:var(--krds-mobile-font-size-body-small);
    --krds-in-page-navigation--color-text-bolder:var(--krds-light-color-text-bolder);
    --krds-in-page-navigation--color-text-sub:var(--krds-light-color-text-subtle);
    --krds-in-page-navigation--list-anchor-color-text-selected:var(--krds-light-color-text-secondary);
    --krds-in-page-navigation--list-anchor-color-background:var(--krds-light-color-action-secondary);
    --krds-in-page-navigation--list-anchor-color-background-hover:var(--krds-light-color-action-secondary-hover);
    --krds-in-page-navigation--list-anchor-color-background-pressed:var(--krds-light-color-action-secondary-pressed);
    --krds-in-page-navigation--list-anchor-color-background-selected:var(--krds-light-color-action-secondary-selected)
}
.krds-in-page-navigation-type .krds-in-page-navigation-area{
    position:fixed;
    top:var(--krds-in-page-navigation--position-top);
    right:var(--krds-in-page-navigation--position-right);
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-in-page-navigation--gap);
    width:var(--krds-in-page-navigation--width);
    transition:var(--krds-transition-base);
    z-index:10
}
.krds-in-page-navigation-type .krds-in-page-navigation-area>*{
    width:100%
}
.krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-header{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-in-page-navigation--header-gap)
}
.krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-header .quick-caption{
    font-size:var(--krds-in-page-navigation--header-caption-pc-font-size)
}
.krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-header .quick-title{
    font-size:var(--krds-in-page-navigation--header-title-pc-font-size);
    font-weight:var(--krds-font-weight-bold);
    color:var(--krds-in-page-navigation--color-text-bolder)
}
.krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-list ul{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-gap-2)
}
.krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-list li{
    width:100%
}
.krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-list li>a{
    position:relative;
    display:block;
    padding:var(--krds-padding-2) var(--krds-padding-3);
    font-size:var(--krds-in-page-navigation--list-anchor-pc-font-size);
    color:var(--krds-in-page-navigation--color-text-sub);
    background-color:var(--krds-in-page-navigation--list-anchor-color-background);
    border-radius:var(--krds-in-page-navigation--list-anchor-border-radius);
    transition:var(--krds-transition-base)
}
.krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-list li>a:hover{
    background-color:var(--krds-in-page-navigation--list-anchor-color-background-hover)
}
.krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-list li>a:active{
    background-color:var(--krds-in-page-navigation--list-anchor-color-background-pressed)
}
.krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-list li>a.active{
    color:var(--krds-in-page-navigation--list-anchor-color-text-selected);
    background-color:var(--krds-in-page-navigation--list-anchor-color-background-selected);
    font-weight:var(--krds-font-weight-bold)
}
.krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-action{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-in-page-navigation--action-gap)
}
.krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-action .krds-btn{
    width:100%
}
.krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-action .quick-info{
    font-size:var(--krds-in-page-navigation--action-info-pc-font-size);
    color:var(--krds-in-page-navigation--color-text-sub)
}
.scroll-down .krds-in-page-navigation-type .krds-in-page-navigation-area{
    top:6rem
}
[data-krds-mode=high-contrast] .krds-in-page-navigation-type .krds-in-page-navigation-area{
    --krds-in-page-navigation--color-text-bolder:var(--krds-high-contrast-color-text-bolder);
    --krds-in-page-navigation--color-text-sub:var(--krds-high-contrast-color-text-subtle);
    --krds-in-page-navigation--list-anchor-color-text-selected:var(--krds-high-contrast-color-text-secondary);
    --krds-in-page-navigation--list-anchor-color-background:var(--krds-high-contrast-color-action-secondary);
    --krds-in-page-navigation--list-anchor-color-background-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-in-page-navigation--list-anchor-color-background-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
    --krds-in-page-navigation--list-anchor-color-background-selected:var(--krds-high-contrast-color-action-secondary-selected)
}
[data-krds-mode=high-contrast] .krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-header .quick-title{
    color:var(--krds-in-page-navigation--color-text-bolder)
}
[data-krds-mode=high-contrast] .krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-list li>a{
    color:var(--krds-in-page-navigation--color-text-sub);
    background-color:var(--krds-in-page-navigation--list-anchor-color-background)
}
[data-krds-mode=high-contrast] .krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-list li>a:hover{
    background-color:var(--krds-in-page-navigation--list-anchor-color-background-hover)
}
[data-krds-mode=high-contrast] .krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-list li>a:active{
    background-color:var(--krds-in-page-navigation--list-anchor-color-background-pressed)
}
[data-krds-mode=high-contrast] .krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-list li>a.active{
    color:var(--krds-in-page-navigation--list-anchor-color-text-selected);
    background-color:var(--krds-in-page-navigation--list-anchor-color-background-selected)
}
[data-krds-mode=high-contrast] .krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-action .quick-info{
    color:var(--krds-in-page-navigation--color-text-sub)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-in-page-navigation-type .krds-in-page-navigation-area{
        --krds-in-page-navigation--color-text-bolder:var(--krds-high-contrast-color-text-bolder);
        --krds-in-page-navigation--color-text-sub:var(--krds-high-contrast-color-text-subtle);
        --krds-in-page-navigation--list-anchor-color-text-selected:var(--krds-high-contrast-color-text-secondary);
        --krds-in-page-navigation--list-anchor-color-background:var(--krds-high-contrast-color-action-secondary);
        --krds-in-page-navigation--list-anchor-color-background-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-in-page-navigation--list-anchor-color-background-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
        --krds-in-page-navigation--list-anchor-color-background-selected:var(--krds-high-contrast-color-action-secondary-selected)
    }
    [data-krds-mode=theme] .krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-header .quick-title{
        color:var(--krds-in-page-navigation--color-text-bolder)
    }
    [data-krds-mode=theme] .krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-list li>a{
        color:var(--krds-in-page-navigation--color-text-sub);
        background-color:var(--krds-in-page-navigation--list-anchor-color-background)
    }
    [data-krds-mode=theme] .krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-list li>a:hover{
        background-color:var(--krds-in-page-navigation--list-anchor-color-background-hover)
    }
    [data-krds-mode=theme] .krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-list li>a:active{
        background-color:var(--krds-in-page-navigation--list-anchor-color-background-pressed)
    }
    [data-krds-mode=theme] .krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-list li>a.active{
        color:var(--krds-in-page-navigation--list-anchor-color-text-selected);
        background-color:var(--krds-in-page-navigation--list-anchor-color-background-selected)
    }
    [data-krds-mode=theme] .krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-action .quick-info{
        color:var(--krds-in-page-navigation--color-text-sub)
    }
}
@media (max-width:1680px){
    .krds-in-page-navigation-type>.inner:not(.in-between){
        padding-right:calc(var(--krds-in-page-navigation--width) + var(--krds-pc-gap-layout-contents-right) + var(--krds-contents-padding-x))
    }
    .krds-in-page-navigation-type .in-between .contents{
        padding-right:calc(var(--krds-in-page-navigation--width) + var(--krds-pc-gap-layout-contents-right))
    }
    .krds-in-page-navigation-type .krds-in-page-navigation-area{
        --krds-in-page-navigation--position-right:calc((100% - var(--krds-contents-wrap-size)) / 2 + var(--krds-contents-padding-x))
    }
}
@media (max-width:1280px){
    .krds-in-page-navigation-type .krds-in-page-navigation-area{
        --krds-in-page-navigation--position-right:var(--krds-contents-padding-x)
    }
}
@media (max-width:767px){
    .krds-in-page-navigation-type>.inner:not(.in-between){
        padding-right:var(--krds-contents-padding-x)
    }
    .krds-in-page-navigation-type .krds-in-page-navigation-area{
        position:static;
        width:100%;
        transition:none
    }
    .krds-in-page-navigation-type .krds-in-page-navigation-area~.tab-conts{
        margin-top:var(--krds-gap-8)
    }
    .krds-in-page-navigation-type .krds-in-page-navigation-area .in-page-navigation-action{
        display:none
    }
}
.swiper-indicator{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-direction:row;
    gap:var(--krds-gap-3);
    flex-shrink:0;
    position:relative
}
.swiper-indicator.text-center{
    justify-content:center
}
.swiper-indicator .swiper-pagination{
    top:auto;
    bottom:auto;
    width:auto
}
.swiper-indicator .swiper-pagination:not(.swiper-pagination-fraction){
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    height:var(--krds-size-height-6);
    padding:var(--krds-padding-5);
    border-radius:var(--krds-radius-max);
    background-color:var(--krds-light-color-element-inverse)
}
.swiper-indicator .swiper-pagination.swiper-pagination-fraction.swiper-pagination-bg{
    font-weight:var(--krds-font-weight-bold);
    padding:var(--krds-padding-5);
    border-radius:var(--krds-radius-max);
    background-color:var(--krds-light-color-surface-white)
}
.swiper-indicator .swiper-button-next,.swiper-indicator .swiper-button-prev{
    position:relative;
    top:auto;
    bottom:auto;
    left:auto;
    right:auto;
    margin:0
}
.swiper-indicator .swiper-navigation{
    display:inline-flex;
    gap:var(--krds-gap-3)
}
.swiper-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    position:relative;
    height:var(--krds-size-height-6)
}
.swiper-pagination .swiper-pagination-bullet{
    width:var(--krds-size-height-1);
    height:var(--krds-size-height-1);
    background-color:var(--krds-light-color-element-gray);
    opacity:1
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width:2rem;
    border-radius:var(--krds-radius-max);
    background-color:var(--krds-light-color-element-primary)
}
.swiper-pagination.swiper-pagination-fraction{
    gap:var(--krds-gap-2);
    padding:0 var(--krds-padding-6);
    color:var(--krds-light-color-text-basic);
    font-weight:var(--krds-font-weight-bold);
    border:var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-border-gray-light);
    border-radius:var(--krds-radius-max);
    background-color:var(--krds-light-color-surface-white)
}
.swiper-pagination.swiper-pagination-fraction .swiper-pagination-current{
    color:var(--krds-light-color-text-secondary)
}
.swiper-controller{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    gap:var(--krds-gap-3)
}
[class^=swiper-button-]{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    width:var(--krds-size-height-6);
    height:var(--krds-size-height-6);
    flex-shrink:0;
    border-radius:var(--krds-radius-max);
    border:var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-border-gray-light);
    background-color:var(--krds-light-color-action-white)
}
[class^=swiper-button-]::after{
    content:"";
    display:inline-flex;
    width:var(--krds-icon--size-large);
    height:var(--krds-icon--size-large);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    font-size:0!important
}
[class^=swiper-button-]:hover{
    background-color:var(--krds-light-color-action-secondary-hover)
}
.swiper-button-more::after{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_plus.svg);
    background-image:url(../images/component/icon/ico_plus.svg)
}
.swiper-button-play::after{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_swiper_play.svg);
    background-image:url(../images/component/icon/ico_swiper_play.svg)
}
.swiper-button-stop::after{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_swiper_stop.svg);
    background-image:url(../images/component/icon/ico_swiper_stop.svg)
}
.swiper-button-next::after,.swiper-button-prev::after{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg)
}
.swiper-button-next:hover,.swiper-button-prev:hover{
    background-color:var(--krds-light-color-action-secondary-hover)
}
.swiper-button-next:active,.swiper-button-prev:active{
    background-color:var(--krds-light-color-action-secondary-pressed)
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
    background-color:var(--krds-light-color-action-disabled);
    opacity:1
}
.swiper-button-next.swiper-button-disabled::after,.swiper-button-prev.swiper-button-disabled::after{
    background-color:var(--krds-light-color-icon-disabled-on)
}
.swiper-button-next{
    right:0
}
.swiper-button-next::after{
    transform:rotate(-90deg)
}
.swiper-button-prev{
    left:0
}
.swiper-button-prev::after{
    transform:rotate(90deg)
}
[data-krds-mode=high-contrast] .swiper-indicator .swiper-pagination:not(.swiper-pagination-fraction){
    background-color:var(--krds-high-contrast-color-element-inverse)
}
[data-krds-mode=high-contrast] .swiper-indicator .swiper-pagination.swiper-pagination-fraction.swiper-pagination-bg{
    background-color:var(--krds-high-contrast-color-surface-white)
}
[data-krds-mode=high-contrast] .swiper-pagination .swiper-pagination-bullet{
    background-color:var(--krds-high-contrast-color-element-gray)
}
[data-krds-mode=high-contrast] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:var(--krds-high-contrast-color-element-primary)
}
[data-krds-mode=high-contrast] .swiper-pagination.swiper-pagination-fraction{
    color:var(--krds-high-contrast-color-text-basic);
    border-width:var(--krds-high-contrast-border-width-variable-regular);
    border-color:var(--krds-high-contrast-color-border-gray-light);
    background-color:var(--krds-high-contrast-color-surface-white)
}
[data-krds-mode=high-contrast] .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current{
    color:var(--krds-high-contrast-color-text-secondary)
}
[data-krds-mode=high-contrast] [class^=swiper-button-]{
    border-width:var(--krds-high-contrast-border-width-variable-regular);
    border-color:var(--krds-high-contrast-color-border-gray-light);
    background-color:var(--krds-high-contrast-color-action-white)
}
[data-krds-mode=high-contrast] [class^=swiper-button-]::after{
    background-color:var(--krds-high-contrast-color-text-basic)
}
[data-krds-mode=high-contrast] [class^=swiper-button-]:hover{
    background-color:var(--krds-high-contrast-color-action-secondary-hover)
}
[data-krds-mode=high-contrast] .swiper-button-next:hover,[data-krds-mode=high-contrast] .swiper-button-prev:hover{
    background-color:var(--krds-high-contrast-color-action-secondary-hover)
}
[data-krds-mode=high-contrast] .swiper-button-next:active,[data-krds-mode=high-contrast] .swiper-button-prev:active{
    background-color:var(--krds-high-contrast-color-action-secondary-pressed)
}
[data-krds-mode=high-contrast] .swiper-button-next.swiper-button-disabled,[data-krds-mode=high-contrast] .swiper-button-prev.swiper-button-disabled{
    background-color:var(--krds-high-contrast-color-action-disabled)
}
[data-krds-mode=high-contrast] .swiper-button-next.swiper-button-disabled::after,[data-krds-mode=high-contrast] .swiper-button-prev.swiper-button-disabled::after{
    background-color:var(--krds-high-contrast-color-icon-disabled-on)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .swiper-indicator .swiper-pagination:not(.swiper-pagination-fraction){
        background-color:var(--krds-high-contrast-color-element-inverse)
    }
    [data-krds-mode=theme] .swiper-indicator .swiper-pagination.swiper-pagination-fraction.swiper-pagination-bg{
        background-color:var(--krds-high-contrast-color-surface-white)
    }
    [data-krds-mode=theme] .swiper-pagination .swiper-pagination-bullet{
        background-color:var(--krds-high-contrast-color-element-gray)
    }
    [data-krds-mode=theme] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background-color:var(--krds-high-contrast-color-element-primary)
    }
    [data-krds-mode=theme] .swiper-pagination.swiper-pagination-fraction{
        color:var(--krds-high-contrast-color-text-basic);
        border-width:var(--krds-high-contrast-border-width-variable-regular);
        border-color:var(--krds-high-contrast-color-border-gray-light);
        background-color:var(--krds-high-contrast-color-surface-white)
    }
    [data-krds-mode=theme] .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current{
        color:var(--krds-high-contrast-color-text-secondary)
    }
    [data-krds-mode=theme] [class^=swiper-button-]{
        border-width:var(--krds-high-contrast-border-width-variable-regular);
        border-color:var(--krds-high-contrast-color-border-gray-light);
        background-color:var(--krds-high-contrast-color-action-white)
    }
    [data-krds-mode=theme] [class^=swiper-button-]::after{
        background-color:var(--krds-high-contrast-color-text-basic)
    }
    [data-krds-mode=theme] [class^=swiper-button-]:hover{
        background-color:var(--krds-high-contrast-color-action-secondary-hover)
    }
    [data-krds-mode=theme] .swiper-button-next:hover,[data-krds-mode=theme] .swiper-button-prev:hover{
        background-color:var(--krds-high-contrast-color-action-secondary-hover)
    }
    [data-krds-mode=theme] .swiper-button-next:active,[data-krds-mode=theme] .swiper-button-prev:active{
        background-color:var(--krds-high-contrast-color-action-secondary-pressed)
    }
    [data-krds-mode=theme] .swiper-button-next.swiper-button-disabled,[data-krds-mode=theme] .swiper-button-prev.swiper-button-disabled{
        background-color:var(--krds-high-contrast-color-action-disabled)
    }
    [data-krds-mode=theme] .swiper-button-next.swiper-button-disabled::after,[data-krds-mode=theme] .swiper-button-prev.swiper-button-disabled::after{
        background-color:var(--krds-high-contrast-color-icon-disabled-on)
    }
}
@media (max-width:767px){
    .swiper-indicator.w-hide{
        display:flex!important
    }
    .swiper-indicator .swiper-navigation.w-hide{
        display:flex!important
    }
}
.krds-pagination{
    --krds-pagination--color-text:var(--krds-light-color-text-subtle);
    --krds-pagination--color-text-active:var(--krds-light-color-text-inverse-static);
    --krds-pagination--color-text-disabled:var(--krds-light-color-text-disabled);
    --krds-pagination--color-action:var(--krds-light-color-action-secondary);
    --krds-pagination--color-action-hover:var(--krds-light-color-action-secondary-hover);
    --krds-pagination--color-action-pressed:var(--krds-light-color-action-secondary-pressed);
    --krds-pagination--color-action-active:var(--krds-light-color-action-secondary-active);
    --krds-pagination-gap:var(--krds-gap-3);
    --krds-pagination-margin-top:var(--krds-pc-gap-layout-h2-h3);
    --krds-pagination--size-height:var(--krds-size-height-6);
    --krds-pagination--radius:var(--krds-radius-medium1);
    --krds-pagination--prev-btn-padding-left:var(--krds-padding-2);
    --krds-pagination--prev-btn-padding-right:var(--krds-padding-3)
}
@media (max-width:767px){
    .krds-pagination{
        --krds-pagination-gap:var(--krds-gap-7) var(--krds-gap-3);
        --krds-pagination-margin-top:var(--krds-mobile-gap-layout-h2-h3)
    }
}
.krds-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    gap:var(--krds-pagination-gap);
    width:100%;
    margin-top:var(--krds-pagination-margin-top);
    color:var(--krds-pagination--color-text)
}
.krds-pagination .page-link,.krds-pagination .page-navi{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    height:var(--krds-pagination--size-height);
    background-color:var(--krds-pagination--color-action);
    border-radius:var(--krds-pagination--radius);
    transition:var(--krds-transition-base)
}
.krds-pagination .page-link:hover,.krds-pagination .page-navi:hover{
    background-color:var(--krds-pagination--color-action-hover)
}
.krds-pagination .page-link:active,.krds-pagination .page-navi:active{
    background-color:var(--krds-pagination--color-action-pressed)
}
.krds-pagination .page-navi.prev{
    order:1;
    padding:0 var(--krds-pagination--prev-btn-padding-right) 0 var(--krds-pagination--prev-btn-padding-left)
}
.krds-pagination .page-navi.prev::before{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    content:"";
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg);
    background-color:var(--krds-pagination--color-text);
    transform:rotate(90deg)
}
.krds-pagination .page-navi.next{
    order:3;
    padding:0 var(--krds-pagination--prev-btn-padding-left) 0 var(--krds-pagination--prev-btn-padding-right)
}
.krds-pagination .page-navi.next::after{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    content:"";
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg);
    background-color:var(--krds-pagination--color-text);
    transform:rotate(-90deg)
}
.krds-pagination .page-navi.disabled{
    color:var(--krds-pagination--color-text-disabled)
}
.krds-pagination .page-navi.disabled:active,.krds-pagination .page-navi.disabled:hover{
    background-color:var(--krds-pagination--color-action-disabled)
}
.krds-pagination .page-navi.disabled::after,.krds-pagination .page-navi.disabled::before{
    background-color:var(--krds-pagination--color-text-disabled)
}
.krds-pagination .page-links{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    order:2;
    gap:var(--krds-gap-3)
}
.krds-pagination .page-links .page-link{
    width:var(--krds-pagination--size-height);
    height:var(--krds-pagination--size-height)
}
.krds-pagination .page-links .page-link.link-dot{
    display:inline-flex;
    width:var(--krds-icon--size-large);
    height:var(--krds-icon--size-large);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_ellipsis.svg);
    background-image:url(../images/component/icon/ico_ellipsis.svg)
}
.krds-pagination .page-links .page-link.active{
    background-color:var(--krds-pagination--color-action-active);
    font-weight:var(--krds-font-weight-bold);
    color:var(--krds-pagination--color-text-active)
}
.krds-pagination+.helper-box{
    margin-top:var(--krds-padding-10)
}
[data-krds-mode=high-contrast] .krds-pagination{
    --krds-pagination--color-text:var(--krds-high-contrast-color-text-subtle);
    --krds-pagination--color-text-active:var(--krds-high-contrast-color-text-inverse-static);
    --krds-pagination--color-text-disabled:var(--krds-high-contrast-color-text-disabled);
    --krds-pagination--color-action:var(--krds-high-contrast-color-action-secondary);
    --krds-pagination--color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-pagination--color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
    --krds-pagination--color-action-active:var(--krds-high-contrast-color-action-secondary-active)
}
[data-krds-mode=high-contrast] .krds-pagination .page-navi.prev::before{
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
[data-krds-mode=high-contrast] .krds-pagination .page-navi.next::after{
    display:inline-flex;
    width:var(--krds-icon--size-medium);
    height:var(--krds-icon--size-medium);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
[data-krds-mode=high-contrast] .krds-pagination .page-links .page-link.link-dot{
    display:inline-flex;
    width:var(--krds-icon--size-large);
    height:var(--krds-icon--size-large);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-pagination{
        --krds-pagination--color-text:var(--krds-high-contrast-color-text-subtle);
        --krds-pagination--color-text-active:var(--krds-high-contrast-color-text-inverse-static);
        --krds-pagination--color-text-disabled:var(--krds-high-contrast-color-text-disabled);
        --krds-pagination--color-action:var(--krds-high-contrast-color-action-secondary);
        --krds-pagination--color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-pagination--color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
        --krds-pagination--color-action-active:var(--krds-high-contrast-color-action-secondary-active)
    }
    [data-krds-mode=theme] .krds-pagination .page-navi.prev::before{
        display:inline-flex;
        width:var(--krds-icon--size-medium);
        height:var(--krds-icon--size-medium);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
    [data-krds-mode=theme] .krds-pagination .page-navi.next::after{
        display:inline-flex;
        width:var(--krds-icon--size-medium);
        height:var(--krds-icon--size-medium);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
    [data-krds-mode=theme] .krds-pagination .page-links .page-link.link-dot{
        display:inline-flex;
        width:var(--krds-icon--size-large);
        height:var(--krds-icon--size-large);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
}
@media (max-width:767px){
    .krds-pagination{
        flex-wrap:wrap
    }
    .krds-pagination .page-links{
        width:100%
    }
    .krds-pagination .page-navi.next{
        transition:none;
        order:1
    }
    .krds-pagination+.helper-box{
        margin-top:var(--krds-padding-9)
    }
}
.krds-breadcrumb-wrap{
    --krds-breadcrumb--padding-x:var(--krds-padding-2);
    --krds-breadcrumb--margin-bottom:var(--krds-pc-gap-layout-breadcrumb-h1);
    --krds-breadcrumb--radius:var(--krds-radius-medium2);
    --krds-breadcrumb--pc-font-size:var(--krds-pc-font-size-label-small);
    --krds-breadcrumb--mobile-font-size:var(--krds-mobile-font-size-label-small);
    --krds-breadcrumb--color-action:var(--krds-light-color-action-secondary);
    --krds-breadcrumb--color-action-hover:var(--krds-light-color-action-secondary-hover);
    --krds-breadcrumb--color-action-pressed:var(--krds-light-color-action-secondary-pressed);
    --krds-breadcrumb--color-text:var(--krds-light-color-text-basic);
    --krds-breadcrumb--color-text-disabled:var(--krds-light-color-text-disabled);
    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-direction:row;
    margin-bottom:var(--krds-breadcrumb--margin-bottom);
    padding-top:var(--krds-pc-gap-layout-header-breadcrumb);
    padding-bottom:var(--krds-pc-gap-layout-breadcrumb-h2)
}
.krds-breadcrumb-wrap .breadcrumb{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-2);
    width:100%
}
.krds-breadcrumb-wrap .breadcrumb li{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    font-size:var(--krds-breadcrumb--pc-font-size)
}
@media (max-width:767px){
    .krds-breadcrumb-wrap .breadcrumb li{
        font-size:var(--krds-breadcrumb--mobile-font-size)
    }
}
.krds-breadcrumb-wrap .breadcrumb li .txt{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-2);
    padding:0 var(--krds-breadcrumb--padding-x);
    background-color:var(--krds-breadcrumb--color-action);
    border-radius:var(--krds-breadcrumb--radius)
}
.krds-breadcrumb-wrap .breadcrumb li a.txt{
    text-decoration:underline;
    text-underline-offset:var(--krds-font-underline-offset)
}
.krds-breadcrumb-wrap .breadcrumb li a.txt:not(.disabled):hover{
    background-color:var(--krds-breadcrumb--color-action-hover)
}
.krds-breadcrumb-wrap .breadcrumb li a.txt:not(.disabled):active{
    background-color:var(--krds-breadcrumb--color-action-pressed)
}
.krds-breadcrumb-wrap .breadcrumb li a.txt:not(.disabled):focus,.krds-breadcrumb-wrap .breadcrumb li a.txt:not(:disabled):focus{
    box-shadow:var(--krds-box-shadow-outline-inset);
    outline-offset:-.4rem
}
.krds-breadcrumb-wrap .breadcrumb li a.txt.disabled,.krds-breadcrumb-wrap .breadcrumb li a.txt:disabled{
    cursor:default;
    color:var(--krds-breadcrumb--color-text-disabled)
}
.krds-breadcrumb-wrap .breadcrumb li:not(:last-child)::after{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    content:"";
    margin-left:var(--krds-gap-2);
    display:inline-flex;
    width:var(--krds-icon--size-small);
    height:var(--krds-icon--size-small);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg);
    transform:rotate(-90deg)
}
.krds-breadcrumb-wrap .breadcrumb .home{
    gap:0
}
.krds-breadcrumb-wrap .breadcrumb .home .txt::before{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    content:"";
    display:inline-flex;
    width:var(--krds-icon--size-small);
    height:var(--krds-icon--size-small);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_bread_home.svg);
    background-image:url(../images/component/icon/ico_bread_home.svg)
}
@media (max-width:767px){
    .krds-breadcrumb-wrap{
        padding-top:var(--krds-mobile-gap-layout-header-breadcrumb);
        padding-bottom:var(--krds-mobile-gap-layout-breadcrumb-h2)
    }
    .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:last-child){
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        padding:0!important;
        margin:-1px!important;
        overflow:hidden!important;
        clip:rect(0,0,0,0)!important;
        white-space:nowrap!important;
        border:0!important
    }
    .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child{
        gap:var(--krds-gap-2)
    }
    .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::after,.krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::before{
        display:inline-flex;
        align-items:center;
        justify-content:flex-start;
        flex-direction:row;
        content:"";
        display:inline-flex;
        width:var(--krds-icon--size-small);
        height:var(--krds-icon--size-small);
        background-color:var(--krds-light-color-text-basic);
        forced-color-adjust:none
    }
    .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::before{
        -webkit-mask-repeat:no-repeat;
        -webkit-mask-position:center center;
        -webkit-mask-size:contain;
        mask-repeat:no-repeat;
        mask-position:center center;
        mask-size:contain;
        -webkit-mask-image:url(../images/component/icon/ico_ellipsis.svg);
        background-image:url(../images/component/icon/ico_ellipsis.svg)
    }
    .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::after{
        -webkit-mask-repeat:no-repeat;
        -webkit-mask-position:center center;
        -webkit-mask-size:contain;
        mask-repeat:no-repeat;
        mask-position:center center;
        mask-size:contain;
        -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
        background-image:url(../images/component/icon/ico_angle.svg);
        transform:rotate(-90deg)
    }
    .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child .txt{
        order:3
    }
}
[data-krds-mode=high-contrast] .krds-breadcrumb-wrap{
    --krds-breadcrumb--color-action:var(--krds-high-contrast-color-action-secondary);
    --krds-breadcrumb--color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-breadcrumb--color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
    --krds-breadcrumb--color-text:var(--krds-high-contrast-color-text-basic);
    --krds-breadcrumb--color-text-disabled:var(--krds-high-contrast-color-text-disabled)
}
[data-krds-mode=high-contrast] .krds-breadcrumb-wrap .breadcrumb li:not(:last-child)::after{
    display:inline-flex;
    width:var(--krds-icon--size-small);
    height:var(--krds-icon--size-small);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
[data-krds-mode=high-contrast] .krds-breadcrumb-wrap .breadcrumb .home{
    gap:0
}
[data-krds-mode=high-contrast] .krds-breadcrumb-wrap .breadcrumb .home .txt::before{
    display:inline-flex;
    width:var(--krds-icon--size-small);
    height:var(--krds-icon--size-small);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
@media (max-width:767px){
    [data-krds-mode=high-contrast] .krds-breadcrumb-wrap .breadcrumb li:not(:nth-child(2)):last-child::after,[data-krds-mode=high-contrast] .krds-breadcrumb-wrap .breadcrumb li:not(:nth-child(2)):last-child::before{
        display:inline-flex;
        width:var(--krds-icon--size-small);
        height:var(--krds-icon--size-small);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-breadcrumb-wrap{
        --krds-breadcrumb--color-action:var(--krds-high-contrast-color-action-secondary);
        --krds-breadcrumb--color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-breadcrumb--color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
        --krds-breadcrumb--color-text:var(--krds-high-contrast-color-text-basic);
        --krds-breadcrumb--color-text-disabled:var(--krds-high-contrast-color-text-disabled)
    }
    [data-krds-mode=theme] .krds-breadcrumb-wrap .breadcrumb li:not(:last-child)::after{
        display:inline-flex;
        width:var(--krds-icon--size-small);
        height:var(--krds-icon--size-small);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
    [data-krds-mode=theme] .krds-breadcrumb-wrap .breadcrumb .home{
        gap:0
    }
    [data-krds-mode=theme] .krds-breadcrumb-wrap .breadcrumb .home .txt::before{
        display:inline-flex;
        width:var(--krds-icon--size-small);
        height:var(--krds-icon--size-small);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
}
@media (prefers-color-scheme:dark) and (max-width:767px){
    [data-krds-mode=theme] .krds-breadcrumb-wrap .breadcrumb li:not(:nth-child(2)):last-child::after,[data-krds-mode=theme] .krds-breadcrumb-wrap .breadcrumb li:not(:nth-child(2)):last-child::before{
        display:inline-flex;
        width:var(--krds-icon--size-small);
        height:var(--krds-icon--size-small);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
}
.krds-step-wrap{
    --krds-step--layout-gap:var(--krds-number-18);
    --krds-step--step-font-size:var(--krds-pc-font-size-body-xsmall);
    --krds-step--step-title-font-size:var(--krds-pc-font-size-body-small);
    --krds-step--circle-size-default:var(--krds-icon--size-medium);
    --krds-step--circle-size-active:1.2rem;
    --krds-step--circle-radius:var(--krds-radius-max);
    --krds-step--padding-txt-top:var(--krds-padding-9);
    --krds-step--padding-txt-right:var(--krds-padding-9);
    --krds-step--border-width-medium:0.3rem;
    --krds-step--color-step:var(--krds-light-color-text-subtle);
    --krds-step--color-step-title:var(--krds-light-color-text-basic);
    --krds-step--color-fill-default:var(--krds-light-color-element-gray-light);
    --krds-step--color-fill-done:var(--krds-light-color-element-gray);
    --krds-step--color-fill-active:var(--krds-light-color-element-primary);
    --krds-step--color-fill-white:var(--krds-light-color-element-inverse-static);
    --krds-step--color-border-default:var(--krds-light-color-element-disabled-light);
    --krds-step--color-border-done:var(--krds-step--color-fill-done);
    --krds-step--color-border-active:var(--krds-step--color-fill-active);
    --krds-step--color-icon-done:var(--krds-step--color-fill-white);
    --krds-step--color-icon-active:var(--krds-step--color-fill-active);
    display:flex;
    margin-bottom:var(--krds-step--layout-gap)
}
.krds-step-wrap>li{
    flex:1;
    position:relative
}
.krds-step-wrap>li::after{
    position:absolute;
    top:calc(var(--krds-step--circle-size-default)/ 2 - var(--krds-step--border-width-medium)/ 2);
    left:.1rem;
    content:"";
    width:100%;
    height:var(--krds-step--border-width-medium);
    background-color:var(--krds-step--color-fill-default)
}
.krds-step-wrap>li>span{
    display:flex;
    flex-direction:column;
    position:relative;
    padding-top:var(--krds-step--padding-txt-top);
    padding-right:var(--krds-step--padding-txt-top)
}
.krds-step-wrap>li>span::after,.krds-step-wrap>li>span::before{
    content:"";
    border-radius:var(--krds-step--circle-radius)
}
.krds-step-wrap>li>span::before{
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    width:var(--krds-step--circle-size-default);
    height:var(--krds-step--circle-size-default);
    background-color:var(--krds-step--color-fill-default);
    border:.1rem solid var(--krds-step--color-border-default)
}
.krds-step-wrap>li .step{
    font-size:var(--krds-step--step-font-size);
    color:var(--krds-step--color-step)
}
.krds-step-wrap>li .step-tit{
    font-size:var(--krds-step--step-title-font-size);
    font-weight:var(--krds-font-weight-bold);
    color:var(--krds-step--color-step-title);
    white-space:nowrap
}
.krds-step-wrap>li.done::after{
    background-color:var(--krds-step--color-fill-done)
}
.krds-step-wrap>li.done>span::before{
    border-color:var(--krds-step--color-border-done);
    background-color:var(--krds-step--color-fill-done)
}
.krds-step-wrap>li.done>span::after{
    position:absolute;
    top:0;
    left:0;
    display:inline-flex;
    width:var(--krds-step--circle-size-default);
    height:var(--krds-step--circle-size-default);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_step_done.svg);
    background-image:url(../images/component/icon/ico_step_done.svg);
    background-color:var(--krds-step--color-icon-done);
    z-index:3
}
.krds-step-wrap>li.active::after{
    background-color:var(--krds-step--color-border-default)
}
.krds-step-wrap>li.active>span::before{
    background-color:var(--krds-step--color-fill-white);
    border-width:var(--krds-step--border-width-medium);
    border-color:var(--krds-step--color-border-active)
}
.krds-step-wrap>li.active>span::after{
    position:absolute;
    top:calc((var(--krds-step--circle-size-active) - var(--krds-step--circle-size-default))/ 2 * -1);
    left:calc((var(--krds-step--circle-size-default) - var(--krds-step--circle-size-active))/ 2);
    width:var(--krds-step--circle-size-active);
    height:var(--krds-step--circle-size-active);
    background-color:var(--krds-step--color-icon-active);
    z-index:3
}
.krds-step-wrap>li:last-child::after{
    display:none
}
@media (max-width:1023px){
    .krds-step-wrap{
        --krds-step--layout-gap:var(--krds-padding-10)
    }
}
@media (max-width:767px){
    .krds-step-wrap{
        --krds-step--layout-gap:var(--krds-number-18);
        --krds-step--step-font-size:var(--krds-mobile-font-size-body-xsmall);
        --krds-step--step-title-font-size:var(--krds-pc-font-size-body-small);
        --krds-step--padding-txt-top:var(--krds-step--circle-size-default);
        --krds-step--padding-txt-right:0;
        display:flex;
        flex-wrap:wrap;
        align-items:stretch;
        position:relative;
        width:100%;
        position:static
    }
    .krds-step-wrap>li{
        flex:1 1 0px;
        min-width:0
    }
    .krds-step-wrap>li .step{
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        padding:0!important;
        margin:-1px!important;
        overflow:hidden!important;
        clip:rect(0,0,0,0)!important;
        white-space:nowrap!important;
        border:0!important
    }
    .krds-step-wrap>li .step-tit{
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        padding:0!important;
        margin:-1px!important;
        overflow:hidden!important;
        clip:rect(0,0,0,0)!important;
        white-space:nowrap!important;
        border:0!important
    }
}
@media (max-width:767px) and (max-width:767px){
    .krds-step-wrap>li:last-child{
        flex:0 0 var(--krds-step--circle-size-default)
    }
}
[data-krds-mode=high-contrast] .krds-step-wrap{
    --krds-step--color-step:var(--krds-high-contrast-color-text-subtle);
    --krds-step--color-step-title:var(--krds-high-contrast-color-text-basic);
    --krds-step--color-fill-default:var(--krds-high-contrast-color-element-gray-light);
    --krds-step--color-fill-done:var(--krds-high-contrast-color-element-gray);
    --krds-step--color-fill-active:var(--krds-high-contrast-color-element-primary);
    --krds-step--color-fill-white:var(--krds-high-contrast-color-element-inverse-static);
    --krds-step--color-border-default:var(--krds-high-contrast-color-element-disabled-light);
    --krds-step--color-border-done:var(--krds-step--color-fill-done);
    --krds-step--color-border-active:var(--krds-step--color-fill-active);
    --krds-step--color-icon-done:var(--krds-step--color-fill-white);
    --krds-step--color-icon-active:var(--krds-step--color-fill-active)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-step-wrap{
        --krds-step--color-step:var(--krds-high-contrast-color-text-subtle);
        --krds-step--color-step-title:var(--krds-high-contrast-color-text-basic);
        --krds-step--color-fill-default:var(--krds-high-contrast-color-element-gray-light);
        --krds-step--color-fill-done:var(--krds-high-contrast-color-element-gray);
        --krds-step--color-fill-active:var(--krds-high-contrast-color-element-primary);
        --krds-step--color-fill-white:var(--krds-high-contrast-color-element-inverse-static);
        --krds-step--color-border-default:var(--krds-high-contrast-color-element-disabled-light);
        --krds-step--color-border-done:var(--krds-step--color-fill-done);
        --krds-step--color-border-active:var(--krds-step--color-fill-active);
        --krds-step--color-icon-done:var(--krds-step--color-fill-white);
        --krds-step--color-icon-active:var(--krds-step--color-fill-active)
    }
}
.krds-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    --krds-badge--size-height:var(--krds-size-height-4);
    --krds-badge--line-height:2.4rem;
    --krds-badge--padding:var(--krds-padding-3);
    --krds-badge--radius:var(--krds-radius-small2);
    --krds-badge--radius-max:var(--krds-radius-max);
    --krds-badge--dot-size:.6rem;
    --krds-badge--dot-padding:0;
    --krds-badge--number-size-height:var(--krds-size-height-3);
    --krds-badge--pc-font-size:var(--krds-pc-font-size-label-small);
    --krds-badge--mobile-font-size:var(--krds-mobile-font-size-label-small);
    --krds-badge--pc-font-size-large:var(--krds-pc-font-size-label-medium);
    --krds-badge--mobile-font-size-large:var(--krds-mobile-font-size-label-medium);
    --krds-badge--size-height-large:var(--krds-size-height-5);
    --krds-badge--color-primary-element:var(--krds-light-color-element-primary);
    --krds-badge--color-primary-element-lighter:var(--krds-light-color-element-primary-lighter);
    --krds-badge--color-primary-text:var(--krds-light-color-text-primary);
    --krds-badge--color-secondary-element:var(--krds-light-color-element-secondary);
    --krds-badge--color-secondary-element-lighter:var(--krds-light-color-element-secondary-lighter);
    --krds-badge--color-secondary-text:var(--krds-light-color-text-secondary);
    --krds-badge--color-gray-element:var(--krds-light-color-element-gray);
    --krds-badge--color-gray-element-lighter:var(--krds-light-color-element-gray-light);
    --krds-badge--color-gray-text:var(--krds-light-color-text-subtle);
    --krds-badge--color-point-element:var(--krds-light-color-element-point);
    --krds-badge--color-point-element-lighter:var(--krds-light-color-element-point-lighter);
    --krds-badge--color-point-text:var(--krds-light-color-text-point);
    --krds-badge--color-danger-element:var(--krds-light-color-element-danger);
    --krds-badge--color-danger-element-lighter:var(--krds-light-color-element-danger-lighter);
    --krds-badge--color-danger-text:var(--krds-light-color-text-danger);
    --krds-badge--color-warning-element:var(--krds-light-color-element-warning);
    --krds-badge--color-warning-element-lighter:var(--krds-light-color-element-warning-lighter);
    --krds-badge--color-warning-text:var(--krds-light-color-text-warning);
    --krds-badge--color-success-element:var(--krds-light-color-element-success);
    --krds-badge--color-success-element-lighter:var(--krds-light-color-element-success-lighter);
    --krds-badge--color-success-text:var(--krds-light-color-text-success);
    --krds-badge--color-information-element:var(--krds-light-color-element-information);
    --krds-badge--color-information-element-lighter:var(--krds-light-color-element-information-lighter);
    --krds-badge--color-information-text:var(--krds-light-color-text-information);
    --krds-badge--color-disabled-element:var(--krds-light-color-element-disabled-dark);
    --krds-badge--color-disabled-element-lighter:var(--krds-light-color-element-disabled-light);
    --krds-badge--color-disabled-text:var(--krds-light-color-text-disabled-on);
    --krds-badge--color-background-basic:var(--krds-light-color-background-white);
    --krds-badge--color-text-basic:var(--krds-light-color-text-inverse-static)
}
.krds-badge.outline-primary{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--color-primary-element);
    color:var(--krds-badge--color-primary-text)
}
.krds-badge.bg-primary{
    background-color:var(--krds-badge--color-primary-element);
    color:var(--krds-badge--color-text-basic)
}
.krds-badge.bg-light-primary{
    background-color:var(--krds-badge--color-primary-element-lighter);
    color:var(--krds-badge--color-primary-text)
}
.krds-badge.outline-secondary{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--light-color-secondary-element);
    color:var(--krds-badge--color-secondary-text)
}
.krds-badge.bg-secondary{
    background-color:var(--krds-badge--color-secondary-element);
    color:var(--krds-badge--color-text-basic)
}
.krds-badge.bg-light-secondary{
    background-color:var(--krds-badge--color-secondary-element-lighter);
    color:var(--krds-badge--color-secondary-text)
}
.krds-badge.outline-gray{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--light-color-gray-element);
    color:var(--krds-badge--color-gray-text)
}
.krds-badge.bg-gray{
    background-color:var(--krds-badge--color-gray-element);
    color:var(--krds-badge--color-text-basic)
}
.krds-badge.bg-light-gray{
    background-color:var(--krds-badge--color-gray-element-lighter);
    color:var(--krds-badge--color-gray-text)
}
.krds-badge.outline-point{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--light-color-point-element);
    color:var(--krds-badge--color-point-text)
}
.krds-badge.bg-point{
    background-color:var(--krds-badge--color-point-element);
    color:var(--krds-badge--color-text-basic)
}
.krds-badge.bg-light-point{
    background-color:var(--krds-badge--color-point-element-lighter);
    color:var(--krds-badge--color-point-text)
}
.krds-badge.outline-danger{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--light-color-danger-element);
    color:var(--krds-badge--color-danger-text)
}
.krds-badge.bg-danger{
    background-color:var(--krds-badge--color-danger-element);
    color:var(--krds-badge--color-text-basic)
}
.krds-badge.bg-light-danger{
    background-color:var(--krds-badge--color-danger-element-lighter);
    color:var(--krds-badge--color-danger-text)
}
.krds-badge.outline-warning{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--light-color-warning-element);
    color:var(--krds-badge--color-warning-text)
}
.krds-badge.bg-warning{
    background-color:var(--krds-badge--color-warning-element);
    color:var(--krds-badge--color-text-basic)
}
.krds-badge.bg-light-warning{
    background-color:var(--krds-badge--color-warning-element-lighter);
    color:var(--krds-badge--color-warning-text)
}
.krds-badge.outline-success{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--light-color-success-element);
    color:var(--krds-badge--color-success-text)
}
.krds-badge.bg-success{
    background-color:var(--krds-badge--color-success-element);
    color:var(--krds-badge--color-text-basic)
}
.krds-badge.bg-light-success{
    background-color:var(--krds-badge--color-success-element-lighter);
    color:var(--krds-badge--color-success-text)
}
.krds-badge.outline-information{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--light-color-information-element);
    color:var(--krds-badge--color-information-text)
}
.krds-badge.bg-information{
    background-color:var(--krds-badge--color-information-element);
    color:var(--krds-badge--color-text-basic)
}
.krds-badge.bg-light-information{
    background-color:var(--krds-badge--color-information-element-lighter);
    color:var(--krds-badge--color-information-text)
}
.krds-badge.outline-disabled{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--light-color-disabled-element);
    color:var(--krds-badge--color-disabled-text)
}
.krds-badge.bg-disabled{
    background-color:var(--krds-badge--color-disabled-element);
    color:var(--krds-badge--color-text-basic)
}
.krds-badge.bg-light-disabled{
    background-color:var(--krds-badge--color-disabled-element-lighter);
    color:var(--krds-badge--color-disabled-text)
}
.krds-badge{
    height:var(--krds-badge--size-height);
    line-height:var(--krds-badge--line-height);
    font-size:var(--krds-badge--pc-font-size);
    font-weight:var(--krds-font-weight-regular);
    padding:0 var(--krds-badge--padding);
    border-radius:var(--krds-badge--radius)
}
@media (max-width:767px){
    .krds-badge{
        font-size:var(--krds-badge--mobile-font-size)
    }
}
.krds-badge.large{
    height:var(--krds-badge--size-height-large);
    font-size:var(--krds-badge--pc-font-size-large)
}
@media (max-width:767px){
    .krds-badge.large{
        font-size:var(--krds-badge--mobile-font-size)
    }
}
.krds-badge.number{
    height:var(--krds-badge--number-size-height);
    border-radius:var(--krds-badge--radius-max)
}
.krds-badge.dot{
    width:var(--krds-badge--dot-size);
    height:var(--krds-badge--dot-size);
    padding:var(--krds-badge--dot-padding);
    border-radius:var(--krds-badge--radius-max)
}
.krds-badge-wrap{
    --krds-badge--wrap-gap:var(--krds-gap-3);
    display:flex;
    gap:var(--krds-badge--wrap-gap)
}
[data-krds-mode=high-contrast] .krds-badge{
    --krds-badge--color-primary-element:var(--krds-high-contrast-color-element-primary);
    --krds-badge--color-primary-element-lighter:var(--krds-high-contrast-color-element-primary-lighter);
    --krds-badge--color-primary-text:var(--krds-high-contrast-color-text-primary);
    --krds-badge--color-secondary-element:var(--krds-high-contrast-color-element-secondary);
    --krds-badge--color-secondary-element-lighter:var(--krds-high-contrast-color-element-secondary-lighter);
    --krds-badge--color-secondary-text:var(--krds-high-contrast-color-text-secondary);
    --krds-badge--color-gray-element:var(--krds-high-contrast-color-element-gray);
    --krds-badge--color-gray-element-lighter:var(--krds-high-contrast-color-element-gray-light);
    --krds-badge--color-gray-text:var(--krds-high-contrast-color-text-subtle);
    --krds-badge--color-point-element:var(--krds-high-contrast-color-element-point);
    --krds-badge--color-point-element-lighter:var(--krds-high-contrast-color-element-point-lighter);
    --krds-badge--color-point-text:var(--krds-high-contrast-color-text-point);
    --krds-badge--color-danger-element:var(--krds-high-contrast-color-element-danger);
    --krds-badge--color-danger-element-lighter:var(--krds-high-contrast-color-element-danger-lighter);
    --krds-badge--color-danger-text:var(--krds-high-contrast-color-text-danger);
    --krds-badge--color-warning-element:var(--krds-high-contrast-color-element-warning);
    --krds-badge--color-warning-element-lighter:var(--krds-high-contrast-color-element-warning-lighter);
    --krds-badge--color-warning-text:var(--krds-high-contrast-color-text-warning);
    --krds-badge--color-success-element:var(--krds-high-contrast-color-element-success);
    --krds-badge--color-success-element-lighter:var(--krds-high-contrast-color-element-success-lighter);
    --krds-badge--color-success-text:var(--krds-high-contrast-color-text-success);
    --krds-badge--color-information-element:var(--krds-high-contrast-color-element-information);
    --krds-badge--color-information-element-lighter:var(--krds-high-contrast-color-element-information-lighter);
    --krds-badge--color-information-text:var(--krds-high-contrast-color-text-information);
    --krds-badge--color-disabled-element:var(--krds-high-contrast-color-element-disabled-dark);
    --krds-badge--color-disabled-element-lighter:var(--krds-high-contrast-color-element-disabled-light);
    --krds-badge--color-disabled-text:var(--krds-high-contrast-color-text-disabled-on);
    --krds-badge--color-background-basic:var(--krds-high-contrast-color-background-white);
    --krds-badge--color-text-basic:var(--krds-high-contrast-color-text-inverse-static)
}
[data-krds-mode=high-contrast] .krds-badge.outline-primary{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--color-primary-element);
    color:var(--krds-badge--color-primary-text)
}
[data-krds-mode=high-contrast] .krds-badge.bg-primary{
    background-color:var(--krds-badge--color-primary-element);
    color:var(--krds-badge--color-text-basic)
}
[data-krds-mode=high-contrast] .krds-badge.bg-light-primary{
    background-color:var(--krds-badge--color-primary-element-lighter);
    color:var(--krds-badge--color-primary-text)
}
[data-krds-mode=high-contrast] .krds-badge.outline-secondary{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--light-color-secondary-element);
    color:var(--krds-badge--color-secondary-text)
}
[data-krds-mode=high-contrast] .krds-badge.bg-secondary{
    background-color:var(--krds-badge--color-secondary-element);
    color:var(--krds-badge--color-text-basic)
}
[data-krds-mode=high-contrast] .krds-badge.bg-light-secondary{
    background-color:var(--krds-badge--color-secondary-element-lighter);
    color:var(--krds-badge--color-secondary-text)
}
[data-krds-mode=high-contrast] .krds-badge.outline-gray{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--light-color-gray-element);
    color:var(--krds-badge--color-gray-text)
}
[data-krds-mode=high-contrast] .krds-badge.bg-gray{
    background-color:var(--krds-badge--color-gray-element);
    color:var(--krds-badge--color-text-basic)
}
[data-krds-mode=high-contrast] .krds-badge.bg-light-gray{
    background-color:var(--krds-badge--color-gray-element-lighter);
    color:var(--krds-badge--color-gray-text)
}
[data-krds-mode=high-contrast] .krds-badge.outline-point{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--light-color-point-element);
    color:var(--krds-badge--color-point-text)
}
[data-krds-mode=high-contrast] .krds-badge.bg-point{
    background-color:var(--krds-badge--color-point-element);
    color:var(--krds-badge--color-text-basic)
}
[data-krds-mode=high-contrast] .krds-badge.bg-light-point{
    background-color:var(--krds-badge--color-point-element-lighter);
    color:var(--krds-badge--color-point-text)
}
[data-krds-mode=high-contrast] .krds-badge.outline-danger{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--light-color-danger-element);
    color:var(--krds-badge--color-danger-text)
}
[data-krds-mode=high-contrast] .krds-badge.bg-danger{
    background-color:var(--krds-badge--color-danger-element);
    color:var(--krds-badge--color-text-basic)
}
[data-krds-mode=high-contrast] .krds-badge.bg-light-danger{
    background-color:var(--krds-badge--color-danger-element-lighter);
    color:var(--krds-badge--color-danger-text)
}
[data-krds-mode=high-contrast] .krds-badge.outline-warning{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--light-color-warning-element);
    color:var(--krds-badge--color-warning-text)
}
[data-krds-mode=high-contrast] .krds-badge.bg-warning{
    background-color:var(--krds-badge--color-warning-element);
    color:var(--krds-badge--color-text-basic)
}
[data-krds-mode=high-contrast] .krds-badge.bg-light-warning{
    background-color:var(--krds-badge--color-warning-element-lighter);
    color:var(--krds-badge--color-warning-text)
}
[data-krds-mode=high-contrast] .krds-badge.outline-success{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--light-color-success-element);
    color:var(--krds-badge--color-success-text)
}
[data-krds-mode=high-contrast] .krds-badge.bg-success{
    background-color:var(--krds-badge--color-success-element);
    color:var(--krds-badge--color-text-basic)
}
[data-krds-mode=high-contrast] .krds-badge.bg-light-success{
    background-color:var(--krds-badge--color-success-element-lighter);
    color:var(--krds-badge--color-success-text)
}
[data-krds-mode=high-contrast] .krds-badge.outline-information{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--light-color-information-element);
    color:var(--krds-badge--color-information-text)
}
[data-krds-mode=high-contrast] .krds-badge.bg-information{
    background-color:var(--krds-badge--color-information-element);
    color:var(--krds-badge--color-text-basic)
}
[data-krds-mode=high-contrast] .krds-badge.bg-light-information{
    background-color:var(--krds-badge--color-information-element-lighter);
    color:var(--krds-badge--color-information-text)
}
[data-krds-mode=high-contrast] .krds-badge.outline-disabled{
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-badge--light-color-disabled-element);
    color:var(--krds-badge--color-disabled-text)
}
[data-krds-mode=high-contrast] .krds-badge.bg-disabled{
    background-color:var(--krds-badge--color-disabled-element);
    color:var(--krds-badge--color-text-basic)
}
[data-krds-mode=high-contrast] .krds-badge.bg-light-disabled{
    background-color:var(--krds-badge--color-disabled-element-lighter);
    color:var(--krds-badge--color-disabled-text)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-badge{
        --krds-badge--color-primary-element:var(--krds-high-contrast-color-element-primary);
        --krds-badge--color-primary-element-lighter:var(--krds-high-contrast-color-element-primary-lighter);
        --krds-badge--color-primary-text:var(--krds-high-contrast-color-text-primary);
        --krds-badge--color-secondary-element:var(--krds-high-contrast-color-element-secondary);
        --krds-badge--color-secondary-element-lighter:var(--krds-high-contrast-color-element-secondary-lighter);
        --krds-badge--color-secondary-text:var(--krds-high-contrast-color-text-secondary);
        --krds-badge--color-gray-element:var(--krds-high-contrast-color-element-gray);
        --krds-badge--color-gray-element-lighter:var(--krds-high-contrast-color-element-gray-light);
        --krds-badge--color-gray-text:var(--krds-high-contrast-color-text-subtle);
        --krds-badge--color-point-element:var(--krds-high-contrast-color-element-point);
        --krds-badge--color-point-element-lighter:var(--krds-high-contrast-color-element-point-lighter);
        --krds-badge--color-point-text:var(--krds-high-contrast-color-text-point);
        --krds-badge--color-danger-element:var(--krds-high-contrast-color-element-danger);
        --krds-badge--color-danger-element-lighter:var(--krds-high-contrast-color-element-danger-lighter);
        --krds-badge--color-danger-text:var(--krds-high-contrast-color-text-danger);
        --krds-badge--color-warning-element:var(--krds-high-contrast-color-element-warning);
        --krds-badge--color-warning-element-lighter:var(--krds-high-contrast-color-element-warning-lighter);
        --krds-badge--color-warning-text:var(--krds-high-contrast-color-text-warning);
        --krds-badge--color-success-element:var(--krds-high-contrast-color-element-success);
        --krds-badge--color-success-element-lighter:var(--krds-high-contrast-color-element-success-lighter);
        --krds-badge--color-success-text:var(--krds-high-contrast-color-text-success);
        --krds-badge--color-information-element:var(--krds-high-contrast-color-element-information);
        --krds-badge--color-information-element-lighter:var(--krds-high-contrast-color-element-information-lighter);
        --krds-badge--color-information-text:var(--krds-high-contrast-color-text-information);
        --krds-badge--color-disabled-element:var(--krds-high-contrast-color-element-disabled-dark);
        --krds-badge--color-disabled-element-lighter:var(--krds-high-contrast-color-element-disabled-light);
        --krds-badge--color-disabled-text:var(--krds-high-contrast-color-text-disabled-on);
        --krds-badge--color-background-basic:var(--krds-high-contrast-color-background-white);
        --krds-badge--color-text-basic:var(--krds-high-contrast-color-text-inverse-static)
    }
    [data-krds-mode=theme] .krds-badge.outline-primary{
        border-width:var(--krds-light-border-width-variable-regular);
        border-style:solid;
        border-color:var(--krds-badge--color-primary-element);
        color:var(--krds-badge--color-primary-text)
    }
    [data-krds-mode=theme] .krds-badge.bg-primary{
        background-color:var(--krds-badge--color-primary-element);
        color:var(--krds-badge--color-text-basic)
    }
    [data-krds-mode=theme] .krds-badge.bg-light-primary{
        background-color:var(--krds-badge--color-primary-element-lighter);
        color:var(--krds-badge--color-primary-text)
    }
    [data-krds-mode=theme] .krds-badge.outline-secondary{
        border-width:var(--krds-light-border-width-variable-regular);
        border-style:solid;
        border-color:var(--krds-badge--light-color-secondary-element);
        color:var(--krds-badge--color-secondary-text)
    }
    [data-krds-mode=theme] .krds-badge.bg-secondary{
        background-color:var(--krds-badge--color-secondary-element);
        color:var(--krds-badge--color-text-basic)
    }
    [data-krds-mode=theme] .krds-badge.bg-light-secondary{
        background-color:var(--krds-badge--color-secondary-element-lighter);
        color:var(--krds-badge--color-secondary-text)
    }
    [data-krds-mode=theme] .krds-badge.outline-gray{
        border-width:var(--krds-light-border-width-variable-regular);
        border-style:solid;
        border-color:var(--krds-badge--light-color-gray-element);
        color:var(--krds-badge--color-gray-text)
    }
    [data-krds-mode=theme] .krds-badge.bg-gray{
        background-color:var(--krds-badge--color-gray-element);
        color:var(--krds-badge--color-text-basic)
    }
    [data-krds-mode=theme] .krds-badge.bg-light-gray{
        background-color:var(--krds-badge--color-gray-element-lighter);
        color:var(--krds-badge--color-gray-text)
    }
    [data-krds-mode=theme] .krds-badge.outline-point{
        border-width:var(--krds-light-border-width-variable-regular);
        border-style:solid;
        border-color:var(--krds-badge--light-color-point-element);
        color:var(--krds-badge--color-point-text)
    }
    [data-krds-mode=theme] .krds-badge.bg-point{
        background-color:var(--krds-badge--color-point-element);
        color:var(--krds-badge--color-text-basic)
    }
    [data-krds-mode=theme] .krds-badge.bg-light-point{
        background-color:var(--krds-badge--color-point-element-lighter);
        color:var(--krds-badge--color-point-text)
    }
    [data-krds-mode=theme] .krds-badge.outline-danger{
        border-width:var(--krds-light-border-width-variable-regular);
        border-style:solid;
        border-color:var(--krds-badge--light-color-danger-element);
        color:var(--krds-badge--color-danger-text)
    }
    [data-krds-mode=theme] .krds-badge.bg-danger{
        background-color:var(--krds-badge--color-danger-element);
        color:var(--krds-badge--color-text-basic)
    }
    [data-krds-mode=theme] .krds-badge.bg-light-danger{
        background-color:var(--krds-badge--color-danger-element-lighter);
        color:var(--krds-badge--color-danger-text)
    }
    [data-krds-mode=theme] .krds-badge.outline-warning{
        border-width:var(--krds-light-border-width-variable-regular);
        border-style:solid;
        border-color:var(--krds-badge--light-color-warning-element);
        color:var(--krds-badge--color-warning-text)
    }
    [data-krds-mode=theme] .krds-badge.bg-warning{
        background-color:var(--krds-badge--color-warning-element);
        color:var(--krds-badge--color-text-basic)
    }
    [data-krds-mode=theme] .krds-badge.bg-light-warning{
        background-color:var(--krds-badge--color-warning-element-lighter);
        color:var(--krds-badge--color-warning-text)
    }
    [data-krds-mode=theme] .krds-badge.outline-success{
        border-width:var(--krds-light-border-width-variable-regular);
        border-style:solid;
        border-color:var(--krds-badge--light-color-success-element);
        color:var(--krds-badge--color-success-text)
    }
    [data-krds-mode=theme] .krds-badge.bg-success{
        background-color:var(--krds-badge--color-success-element);
        color:var(--krds-badge--color-text-basic)
    }
    [data-krds-mode=theme] .krds-badge.bg-light-success{
        background-color:var(--krds-badge--color-success-element-lighter);
        color:var(--krds-badge--color-success-text)
    }
    [data-krds-mode=theme] .krds-badge.outline-information{
        border-width:var(--krds-light-border-width-variable-regular);
        border-style:solid;
        border-color:var(--krds-badge--light-color-information-element);
        color:var(--krds-badge--color-information-text)
    }
    [data-krds-mode=theme] .krds-badge.bg-information{
        background-color:var(--krds-badge--color-information-element);
        color:var(--krds-badge--color-text-basic)
    }
    [data-krds-mode=theme] .krds-badge.bg-light-information{
        background-color:var(--krds-badge--color-information-element-lighter);
        color:var(--krds-badge--color-information-text)
    }
    [data-krds-mode=theme] .krds-badge.outline-disabled{
        border-width:var(--krds-light-border-width-variable-regular);
        border-style:solid;
        border-color:var(--krds-badge--light-color-disabled-element);
        color:var(--krds-badge--color-disabled-text)
    }
    [data-krds-mode=theme] .krds-badge.bg-disabled{
        background-color:var(--krds-badge--color-disabled-element);
        color:var(--krds-badge--color-text-basic)
    }
    [data-krds-mode=theme] .krds-badge.bg-light-disabled{
        background-color:var(--krds-badge--color-disabled-element-lighter);
        color:var(--krds-badge--color-disabled-text)
    }
}
.krds-tag-wrap{
    --krds-btn-tag--color-text:var(--krds-light-color-text-basic);
    --krds-btn-tag--color-action:var(--krds-light-color-action-white);
    --krds-btn-tag--color-action-hover:var(--krds-light-color-action-secondary-hover);
    --krds-btn-tag--color-action-pressed:var(--krds-light-color-action-secondary-pressed);
    --krds-btn-tag--color-border:var(--krds-light-color-border-gray-light);
    --krds-btn-tag--color-border-hover:var(--krds-light-color-action-secondary-hover);
    --krds-btn-tag--color-border-pressed:var(--krds-light-color-action-secondary-pressed);
    --krds-btn-tag--wrapper-gap-x-small:var(--krds-gap-2);
    --krds-btn-tag--wrapper-gap-y-small:var(--krds-gap-3);
    --krds-btn-tag--size-height-small:var(--krds-size-height-4);
    --krds-btn-tag--button-size-small:var(--krds-size-height-2);
    --krds-btn-tag--padding-x-small:var(--krds-padding-3);
    --krds-btn-tag--pc-font-size-small:var(--krds-pc-font-size-label-xsmall);
    --krds-btn-tag--mobile-font-size-small:var(--krds-mobile-font-size-label-xsmall);
    --krds-btn-tag--wrapper-gap-x-medium:var(--krds-gap-3);
    --krds-btn-tag--wrapper-gap-y-medium:var(--krds-gap-3);
    --krds-btn-tag--size-height-medium:var(--krds-size-height-5);
    --krds-btn-tag--button-size-medium:var(--krds-size-height-2);
    --krds-btn-tag--padding-x-medium:var(--krds-padding-4);
    --krds-btn-tag--pc-font-size-medium:var(--krds-pc-font-size-label-small);
    --krds-btn-tag--mobile-font-size-medium:var(--krds-mobile-font-size-label-small);
    --krds-btn-tag--wrapper-gap-x-large:var(--krds-gap-3);
    --krds-btn-tag--wrapper-gap-y-large:var(--krds-gap-4);
    --krds-btn-tag--size-height-large:var(--krds-size-height-6);
    --krds-btn-tag--button-size-large:var(--krds-size-height-2);
    --krds-btn-tag--padding-x-large:var(--krds-padding-5);
    --krds-btn-tag--pc-font-size-large:var(--krds-pc-font-size-label-medium);
    --krds-btn-tag--mobile-font-size-large:var(--krds-mobile-font-size-label-medium)
}
.krds-tag-wrap.small{
    gap:var(--krds-btn-tag--wrapper-gap-y-small) var(--krds-btn-tag--wrapper-gap-x-small)
}
.krds-tag-wrap.small .krds-btn-tag{
    gap:var(--krds-gap-1);
    height:var(--krds-btn-tag--size-height-small);
    padding:var(--krds-padding-3) var(--krds-btn-tag--padding-x-small);
    border-radius:var(--krds-btn-tag--size-height-small);
    font-size:var(--krds-btn-tag--pc-font-size-small);
    line-height:var(--krds-line-height-none)
}
@media (max-width:767px){
    .krds-tag-wrap.small .krds-btn-tag{
        font-size:var(--krds-btn-tag--mobile-font-size-small)
    }
}
.krds-tag-wrap.small .krds-btn-tag .btn-delete{
    width:var(--krds-btn-tag--button-size-small);
    height:var(--krds-btn-tag--button-size-small);
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_delete_fill.svg);
    background-image:url(../images/component/icon/ico_delete_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_delete_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none;
    line-height:var(--krds-line-height-none)
}
.krds-tag-wrap.medium{
    gap:var(--krds-btn-tag--wrapper-gap-y-medium) var(--krds-btn-tag--wrapper-gap-x-medium)
}
.krds-tag-wrap.medium .krds-btn-tag{
    gap:var(--krds-gap-1);
    height:var(--krds-btn-tag--size-height-medium);
    padding:var(--krds-padding-3) var(--krds-btn-tag--padding-x-medium);
    border-radius:var(--krds-btn-tag--size-height-medium);
    font-size:var(--krds-btn-tag--pc-font-size-medium);
    line-height:var(--krds-line-height-none)
}
@media (max-width:767px){
    .krds-tag-wrap.medium .krds-btn-tag{
        font-size:var(--krds-btn-tag--mobile-font-size-medium)
    }
}
.krds-tag-wrap.medium .krds-btn-tag .btn-delete{
    width:var(--krds-btn-tag--button-size-medium);
    height:var(--krds-btn-tag--button-size-medium);
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_delete_fill.svg);
    background-image:url(../images/component/icon/ico_delete_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_delete_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none;
    line-height:var(--krds-line-height-none)
}
.krds-tag-wrap.large{
    gap:var(--krds-btn-tag--wrapper-gap-y-large) var(--krds-btn-tag--wrapper-gap-x-large)
}
.krds-tag-wrap.large .krds-btn-tag{
    gap:var(--krds-gap-1);
    height:var(--krds-btn-tag--size-height-large);
    padding:var(--krds-padding-3) var(--krds-btn-tag--padding-x-large);
    border-radius:var(--krds-btn-tag--size-height-large);
    font-size:var(--krds-btn-tag--pc-font-size-large);
    line-height:var(--krds-line-height-none)
}
@media (max-width:767px){
    .krds-tag-wrap.large .krds-btn-tag{
        font-size:var(--krds-btn-tag--mobile-font-size-large)
    }
}
.krds-tag-wrap.large .krds-btn-tag .btn-delete{
    width:var(--krds-btn-tag--button-size-large);
    height:var(--krds-btn-tag--button-size-large);
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_delete_fill.svg);
    background-image:url(../images/component/icon/ico_delete_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_delete_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none;
    line-height:var(--krds-line-height-none)
}
.krds-tag-wrap{
    display:flex;
    flex-wrap:wrap;
    gap:var(--krds-btn-tag--wrapper-gap-y-medium) var(--krds-btn-tag--wrapper-gap-x-medium)
}
.krds-tag-wrap .krds-btn-tag{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    position:relative;
    background-color:var(--krds-btn-tag--color-action);
    border:.1rem solid var(--krds-btn-tag--color-border);
    transition:var(--krds-transition-base);
    gap:var(--krds-gap-1);
    height:var(--krds-btn-tag--size-height-medium);
    padding:var(--krds-padding-3) var(--krds-btn-tag--padding-x-medium);
    border-radius:var(--krds-btn-tag--size-height-medium);
    font-size:var(--krds-btn-tag--pc-font-size-medium);
    line-height:var(--krds-line-height-none)
}
@media (max-width:767px){
    .krds-tag-wrap .krds-btn-tag{
        font-size:var(--krds-btn-tag--mobile-font-size-medium)
    }
}
.krds-tag-wrap .krds-btn-tag:hover{
    background-color:var(--krds-btn-tag--color-action-hover)
}
.krds-tag-wrap .krds-btn-tag:active{
    background-color:var(--krds-btn-tag--color-action-pressed)
}
.krds-tag-wrap .krds-btn-tag.link:active,.krds-tag-wrap .krds-btn-tag.link:hover{
    text-decoration:underline;
    text-underline-offset:var(--krds-font-underline-offset)
}
.krds-tag-wrap .krds-btn-tag .btn-delete{
    width:var(--krds-btn-tag--button-size-medium);
    height:var(--krds-btn-tag--button-size-medium);
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_delete_fill.svg);
    background-image:url(../images/component/icon/ico_delete_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_delete_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none;
    line-height:var(--krds-line-height-none)
}
[data-krds-mode=high-contrast] .krds-tag-wrap{
    --krds-btn-tag--color-text:var(--krds-high-contrast-color-text-basic);
    --krds-btn-tag--color-action:var(--krds-high-contrast-color-action-white);
    --krds-btn-tag--color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-btn-tag--color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
    --krds-btn-tag--color-border:var(--krds-high-contrast-color-border-gray-light);
    --krds-btn-tag--color-border-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-btn-tag--color-border-pressed:var(--krds-high-contrast-color-action-secondary-pressed)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-tag-wrap{
        --krds-btn-tag--color-text:var(--krds-high-contrast-color-text-basic);
        --krds-btn-tag--color-action:var(--krds-high-contrast-color-action-white);
        --krds-btn-tag--color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-btn-tag--color-action-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
        --krds-btn-tag--color-border:var(--krds-high-contrast-color-border-gray-light);
        --krds-btn-tag--color-border-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-btn-tag--color-border-pressed:var(--krds-high-contrast-color-action-secondary-pressed)
    }
}
.fieldset{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-gap-7)
}
.form-col-group{
    display:flex;
    gap:var(--krds-gap-5)
}
.form-col-group .form-group{
    width:fit-content
}
@media (max-width:767px){
    .form-col-group{
        flex-direction:column
    }
    .form-col-group .form-group{
        width:100%
    }
}
.form-group{
    --krds-form-group--label-pc-font-size:var(--krds-pc-font-size-label-small);
    --krds-form-group--label-mobile-font-size:var(--krds-mobile-font-size-label-small);
    --krds-form-group--gap:var(--krds-gap-3);
    --krds-form-group--icon-padding-right:calc(var(--krds-padding-7) * 2 + var(--krds-icon--size-large));
    --krds-form-group--message-pc-font-size:var(--krds-pc-font-size-label-xsmall);
    --krds-form-group--message-mobile-font-size:var(--krds-mobile-font-size-label-xsmall);
    --krds-form-group--message-text-color:var(--krds-light-color-text-subtle);
    --krds-form-group--message-success-text-color:var(--krds-light-color-text-success);
    --krds-form-group--message-information-text-color:var(--krds-light-color-text-information);
    --krds-form-group--message-error-text-color:var(--krds-light-color-text-danger);
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-form-group--gap);
    width:100%
}
.form-group .form-label,.form-group .form-tit{
    width:100%;
    color:var(--krds-light-color-text-subtle)
}
.form-group .form-conts{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-gap-4);
    width:100%
}
.form-group .form-conts.keyword-sch{
    width:58.8rem
}
.form-group .form-conts .form-label{
    display:flex;
    font-size:var(--krds-form-group--label-pc-font-size);
    width:100%
}
@media (max-width:767px){
    .form-group .form-conts .form-label{
        font-size:var(--krds-form-group--label-mobile-font-size)
    }
}
.form-group .form-conts.btn-ico-wrap{
    position:relative
}
.form-group .form-conts.btn-ico-wrap .krds-input{
    padding-right:var(--krds-form-group--icon-padding-right)
}
.form-group .form-conts.btn-ico-wrap .btn-group,.form-group .form-conts.btn-ico-wrap .krds-btn{
    position:absolute;
    top:50%;
    right:var(--krds-padding-7);
    transform:translateY(-50%)
}
.form-group .form-conts.btn-ico-wrap .btn-group{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-3)
}
.form-group .form-conts.btn-ico-wrap .btn-group .krds-btn{
    position:static;
    transform:translateY(0)
}
.form-group .form-conts.btn-ico-wrap .btn-delete-input{
    display:none
}
.form-conts[data-delete=true] .krds-input:not(:placeholder-shown)~.btn-delete-input{
    display:flex
}
.form-conts[data-delete=true] .krds-input:not(:placeholder-shown)~.btn-group .btn-delete-input{
    display:flex
}
.form-group .form-conts.calendar-conts{
    gap:0
}
.form-group>p{
    width:100%
}
.form-group [class^=form-hint]{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-2);
    width:100%;
    font-size:var(--krds-form-group--message-pc-font-size);
    color:var(--krds-form-group--message-text-color)
}
@media (max-width:767px){
    .form-group [class^=form-hint]{
        font-size:var(--krds-form-group--message-mobile-font-size)
    }
}
.form-group [class^=form-hint]::before{
    display:inline-flex;
    content:"";
    display:inline-flex;
    width:var(--krds-icon--size-small);
    height:var(--krds-icon--size-small);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_information.svg);
    background-image:url(../images/component/icon/ico_information.svg)
}
.form-group [class^=form-hint-]::before{
    display:inline-flex;
    width:var(--krds-icon--size-small);
    height:var(--krds-icon--size-small);
    background-color:var(--krds-light-color-text-basic);
    background-color:transparent!important;
    forced-color-adjust:none
}
.form-group .form-hint-success{
    color:var(--krds-form-group--message-success-text-color)
}
.form-group .form-hint-success::before{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_success_fill.svg);
    background-image:url(../images/component/icon/ico_success_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_success_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
.form-group .form-hint-information{
    color:var(--krds-form-group--message-information-text-color)
}
.form-group .form-hint-information::before{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_information_fill.svg);
    background-image:url(../images/component/icon/ico_information_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_information_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
.form-group .form-hint-invalid{
    color:var(--krds-form-group--message-error-text-color)
}
.form-group .form-hint-invalid::before{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_error_fill.svg);
    background-image:url(../images/component/icon/ico_error_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_error_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
.krds-form-checks-inline{
    display:flex;
    gap:1.2rem
}
.input-group{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-5);
    width:100%
}
.input-group.range{
    align-items:flex-end;
    position:relative
}
.input-group.range>li:not(.mark){
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column;
    flex:1 1 0px;
    min-width:0;
    gap:var(--krds-form-group--gap);
    position:relative
}
.input-group.range>li.mark{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    height:var(--krds-size-height-8)
}
.input-group.range>li.mark.large{
    height:var(--krds-size-height-8)
}
.input-group.range>li.mark.medium{
    height:var(--krds-size-height-7)
}
.input-group.range>li.mark.small{
    height:var(--krds-size-height-6)
}
.row .input-group{
    flex-direction:column
}
.row .input-group.range>li{
    width:100%
}
[data-krds-mode=high-contrast] .form-group{
    --krds-form-group--message-text-color:var(--krds-high-contrast-color-text-subtle);
    --krds-form-group--message-success-text-color:var(--krds-high-contrast-color-text-success);
    --krds-form-group--message-information-text-color:var(--krds-high-contrast-color-text-information);
    --krds-form-group--message-error-text-color:var(--krds-high-contrast-color-text-danger)
}
[data-krds-mode=high-contrast] .form-group .form-label,[data-krds-mode=high-contrast] .form-group .form-tit{
    color:var(--krds-high-contrast-color-text-subtle)
}
[data-krds-mode=high-contrast] .form-group [class^=form-hint]::before{
    display:inline-flex;
    width:var(--krds-icon--size-small);
    height:var(--krds-icon--size-small);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_information.svg);
    background-image:url(../images/component/icon/ico_information.svg)
}
[data-krds-mode=high-contrast] .form-group [class^=form-hint-]::before{
    display:inline-flex;
    width:var(--krds-icon--size-small);
    height:var(--krds-icon--size-small);
    background-color:var(--krds-high-contrast-color-text-basic);
    background-color:transparent!important;
    forced-color-adjust:none
}
[data-krds-mode=high-contrast] .form-group .form-hint-success::before{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_success_fill.svg);
    background-image:url(../images/component/icon/ico_success_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_success_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
[data-krds-mode=high-contrast] .form-group .form-hint-information::before{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_information_fill.svg);
    background-image:url(../images/component/icon/ico_information_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_information_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
[data-krds-mode=high-contrast] .form-group .form-hint-invalid::before{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_error_fill.svg);
    background-image:url(../images/component/icon/ico_error_fill.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_error_fill.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .form-group{
        --krds-form-group--message-text-color:var(--krds-high-contrast-color-text-subtle);
        --krds-form-group--message-success-text-color:var(--krds-high-contrast-color-text-success);
        --krds-form-group--message-information-text-color:var(--krds-high-contrast-color-text-information);
        --krds-form-group--message-error-text-color:var(--krds-high-contrast-color-text-danger)
    }
    [data-krds-mode=theme] .form-group .form-label,[data-krds-mode=theme] .form-group .form-tit{
        color:var(--krds-high-contrast-color-text-subtle)
    }
    [data-krds-mode=theme] .form-group [class^=form-hint]::before{
        display:inline-flex;
        width:var(--krds-icon--size-small);
        height:var(--krds-icon--size-small);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none;
        -webkit-mask-repeat:no-repeat;
        -webkit-mask-position:center center;
        -webkit-mask-size:contain;
        mask-repeat:no-repeat;
        mask-position:center center;
        mask-size:contain;
        -webkit-mask-image:url(../images/component/icon/ico_information.svg);
        background-image:url(../images/component/icon/ico_information.svg)
    }
    [data-krds-mode=theme] .form-group [class^=form-hint-]::before{
        display:inline-flex;
        width:var(--krds-icon--size-small);
        height:var(--krds-icon--size-small);
        background-color:var(--krds-high-contrast-color-text-basic);
        background-color:transparent!important;
        forced-color-adjust:none
    }
    [data-krds-mode=theme] .form-group .form-hint-success::before{
        -webkit-mask-repeat:no-repeat;
        -webkit-mask-position:center center;
        -webkit-mask-size:contain;
        mask-repeat:no-repeat;
        mask-position:center center;
        mask-size:contain;
        -webkit-mask-image:url(../images/component/icon/ico_success_fill.svg);
        background-image:url(../images/component/icon/ico_success_fill.svg);
        -webkit-mask-image:none;
        background-image:none;
        background-image:url(../images/component/icon/ico_success_fill.svg);
        background-color:transparent!important;
        background-size:contain;
        background-repeat:no-repeat;
        -webkit-mask:none;
        mask:none
    }
    [data-krds-mode=theme] .form-group .form-hint-information::before{
        -webkit-mask-repeat:no-repeat;
        -webkit-mask-position:center center;
        -webkit-mask-size:contain;
        mask-repeat:no-repeat;
        mask-position:center center;
        mask-size:contain;
        -webkit-mask-image:url(../images/component/icon/ico_information_fill.svg);
        background-image:url(../images/component/icon/ico_information_fill.svg);
        -webkit-mask-image:none;
        background-image:none;
        background-image:url(../images/component/icon/ico_information_fill.svg);
        background-color:transparent!important;
        background-size:contain;
        background-repeat:no-repeat;
        -webkit-mask:none;
        mask:none
    }
    [data-krds-mode=theme] .form-group .form-hint-invalid::before{
        -webkit-mask-repeat:no-repeat;
        -webkit-mask-position:center center;
        -webkit-mask-size:contain;
        mask-repeat:no-repeat;
        mask-position:center center;
        mask-size:contain;
        -webkit-mask-image:url(../images/component/icon/ico_error_fill.svg);
        background-image:url(../images/component/icon/ico_error_fill.svg);
        -webkit-mask-image:none;
        background-image:none;
        background-image:url(../images/component/icon/ico_error_fill.svg);
        background-color:transparent!important;
        background-size:contain;
        background-repeat:no-repeat;
        -webkit-mask:none;
        mask:none
    }
}
.sch-form-wrap{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-5)
}
.sch-form-wrap.vert{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column
}
.sch-form-wrap.vert .sch-input{
    width:100%
}
.sch-form-wrap .input-group .krds-form-select{
    width:auto
}
.sch-form-wrap .krds-btn.ico-sch-plus::before{
    width:var(--krds-size-height-4);
    height:var(--krds-size-height-4)
}
.sch-input{
    display:flex;
    position:relative
}
.sch-input .krds-input{
    padding:0 var(--krds-size-height-7) 0 var(--krds-padding-6)
}
.sch-input .krds-input.xlarge{
    font-weight:var(--krds-font-weight-bold);
    padding:0 7.2rem 0 var(--krds-padding-8)
}
.sch-input .ico-search{
    position:absolute;
    top:50%;
    right:var(--krds-gap-5);
    transform:translateY(-50%)
}
@media (max-width:767px){
    .form-group .form-conts.keyword-sch{
        width:100%
    }
    .sch-form-wrap{
        flex-direction:column;
        align-items:flex-start
    }
    .sch-input .krds-input.xlg{
        padding:0 var(--krds-number-16) 0 var(--krds-number-8)
    }
    .sch-input .krds-input.xlg~.ico-search{
        right:var(--krds-number-8);
        width:2.4rem;
        height:2.4rem
    }
}
.krds-input{
    --krds-input--color-surface:var(--krds-light-color-input-surface);
    --krds-input--color-surface-readonly:var(--krds-light-color-input-surface-disabled);
    --krds-input--color-surface-disabled:var(--krds-light-color-input-surface-disabled);
    --krds-input--color-surface-error:var(--krds-light-color-input-surface);
    --krds-input--color-border:var(--krds-light-color-input-border);
    --krds-input--color-border-active:var(--krds-light-color-input-border-active);
    --krds-input--color-border-readonly:var(--krds-light-color-input-border-disabled);
    --krds-input--color-border-disabled:var(--krds-light-color-input-border-disabled);
    --krds-input--color-border-error:var(--krds-light-color-input-border-error);
    --krds-input--color-text:var(--krds-light-color-text-subtle);
    --krds-input--color-text-active:var(--krds-light-color-text-basic);
    --krds-input--color-text-readonly:var(--krds-light-color-text-subtle);
    --krds-input--color-text-disabled:var(--krds-light-color-text-disabled-on);
    --krds-input--color-text-placeholder:var(--krds-light-color-text-disabled);
    --krds-input--color-text-error:var(--krds-light-color-text-subtle);
    --krds-input--padding-x:var(--krds-padding-6);
    --krds-input--size-height-small:var(--krds-size-height-6);
    --krds-input--radius-small:var(--krds-radius-medium1);
    --krds-input--pc-font-size-small:var(--krds-pc-font-size-label-small);
    --krds-input--mobile-font-size-small:var(--krds-mobile-font-size-label-small);
    --krds-input--size-height-medium:var(--krds-size-height-7);
    --krds-input--radius-medium:var(--krds-radius-medium2);
    --krds-input--pc-font-size-medium:var(--krds-pc-font-size-label-medium);
    --krds-input--mobile-font-size-medium:var(--krds-mobile-font-size-label-medium);
    --krds-input--size-height-large:var(--krds-size-height-8);
    --krds-input--radius-large:var(--krds-radius-medium3);
    --krds-input--pc-font-size-large:var(--krds-pc-font-size-label-large);
    --krds-input--mobile-font-size-large:var(--krds-mobile-font-size-label-large);
    --krds-input--size-height-xlarge:var(--krds-size-height-11);
    --krds-input--radius-xlarge:var(--krds-radius-large2);
    --krds-input--pc-font-size-xlarge:var(--krds-pc-font-size-heading-medium);
    --krds-input--mobile-font-size-xlarge:var(--krds-mobile-font-size-heading-medium)
}
.krds-input{
    height:var(--krds-input--size-height-large);
    border-radius:var(--krds-input--radius-large);
    font-size:var(--krds-input--pc-font-size-large)
}
@media (max-width:767px){
    .krds-input{
        font-size:var(--krds-input--mobile-font-size-large)
    }
}
.krds-input.small{
    height:var(--krds-input--size-height-small);
    border-radius:var(--krds-input--radius-small);
    font-size:var(--krds-input--pc-font-size-small)
}
@media (max-width:767px){
    .krds-input.small{
        font-size:var(--krds-input--mobile-font-size-small)
    }
}
.krds-input.medium{
    height:var(--krds-input--size-height-medium);
    border-radius:var(--krds-input--radius-medium);
    font-size:var(--krds-input--pc-font-size-medium)
}
@media (max-width:767px){
    .krds-input.medium{
        font-size:var(--krds-input--mobile-font-size-medium)
    }
}
.krds-input.large{
    height:var(--krds-input--size-height-large);
    border-radius:var(--krds-input--radius-large);
    font-size:var(--krds-input--pc-font-size-large)
}
@media (max-width:767px){
    .krds-input.large{
        font-size:var(--krds-input--mobile-font-size-large)
    }
}
.krds-input.xlarge{
    height:var(--krds-input--size-height-xlarge);
    border-radius:var(--krds-input--radius-xlarge);
    font-size:var(--krds-input--pc-font-size-xlarge);
    font-weight:var(--krds-font-weight-bold)
}
@media (max-width:767px){
    .krds-input.xlarge{
        font-size:var(--krds-input--mobile-font-size-xlarge)
    }
}
.krds-input{
    position:relative;
    width:100%;
    padding:0 var(--krds-input--padding-x);
    border-width:var(--krds-light-border-width-variable-regular);
    background-color:var(--krds-input--color-surface);
    border:.1rem solid var(--krds-input--color-border);
    font-family:inherit;
    color:var(--krds-input--color-text);
    transition:var(--krds-transition-base)
}
.krds-input.focus,.krds-input:focus{
    border-color:var(--krds-input--color-border-active);
    border-width:2px;
    outline:0;
    box-shadow:none
}
.krds-input[readonly]{
    background-color:var(--krds-input--color-surface-readonly);
    border-color:var(--krds-input--color-border-readonly);
    color:var(--krds-input--color-text-readonly)
}
.krds-input[readonly].datepicker{
    background-color:var(--krds-input--color-surface);
    border-color:var(--krds-input--color-border);
    color:var(--krds-input--color-text)
}
.krds-input[readonly]:focus{
    border-color:var(--krds-input--color-border-active)
}
.krds-input[disabled]{
    background-color:var(--krds-input--color-surface-disabled);
    border-color:var(--krds-input--color-border-disabled);
    color:var(--krds-input--color-text-disabled)
}
.krds-input::-webkit-input-placeholder{
    color:var(--krds-input--color-text-placeholder)
}
.krds-input::-moz-placeholder{
    color:var(--krds-input--color-text-placeholder)
}
.krds-input:-ms-input-placeholder{
    color:var(--krds-input--color-text-placeholder)
}
.krds-input::-ms-input-placeholder{
    color:var(--krds-input--color-text-placeholder)
}
.krds-input:not(textarea):placeholder-shown{
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1
}
textarea.krds-input{
    --krds-input--textarea-size-height:14.4rem;
    --krds-input--textarea-padding-x:var(--krds-padding-6);
    --krds-input--textarea-padding-y:var(--krds-padding-3);
    height:var(--krds-input--textarea-size-height);
    padding:var(--krds-input--textarea-padding-y) var(--krds-input--textarea-padding-x);
    line-height:var(--krds-transition-base)
}
.is-error .krds-input{
    background-color:var(--krds-input--color-surface-error);
    border-color:var(--krds-input--color-border-error);
    border-width:2px;
    color:var(--krds-input--color-text-error)
}
.is-error .krds-input:focus{
    border-color:var(--krds-input--color-border-active)
}
.textarea-wrap{
    display:flex;
    align-items:normal;
    justify-content:flex-start;
    flex-direction:column;
    gap:var(--krds-gap-3);
    width:100%
}
.textarea-count{
    --krds-input--count-number-pc-font-size:var(--krds-pc-font-size-body-small);
    --krds-input--count-number-mobile-font-size:var(--krds-mobile-font-size-body-small);
    --krds-input--count-number-color-text:var(--krds-light-color-text-subtle);
    --krds-input--count-number-color-text-active:var(--krds-light-color-text-primary);
    --krds-input--count-number-color-text-error:var(--krds-light-color-text-danger);
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-direction:row;
    gap:var(--krds-gap-1);
    width:100%;
    font-size:var(--krds-input--count-number-pc-font-size);
    color:var(--krds-input--count-number-color-text)
}
@media (max-width:767px){
    .textarea-count{
        font-size:var(--krds-input--count-number-mobile-font-size)
    }
}
.textarea-count .count-now{
    color:var(--krds-input--count-number-color-text-active)
}
.is-error .textarea-count .count-now{
    color:var(--krds-input--count-number-color-text-error)
}
.textarea-bottom{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:row;
    gap:var(--krds-gap-5)
}
.textarea-bottom .textarea-count{
    margin-left:auto;
    flex-basis:content;
    order:2
}
.textarea-bottom .form-hint-invalid{
    align-items:flex-start;
    order:1
}
.textarea-bottom .form-hint-invalid::before{
    flex:none
}
.calendar-input{
    --krds-input--color-surface:var(--krds-light-color-input-surface);
    position:relative;
    z-index:1;
    width:100%
}
.calendar-input .krds-input{
    padding-right:var(--krds-form-group--icon-padding-right);
    background-image:none
}
.calendar-input .krds-btn{
    position:absolute;
    top:50%;
    right:var(--krds-padding-7);
    transform:translateY(-50%)
}
.calendar-input .range::after{
    display:none
}
[data-krds-mode=high-contrast] .krds-input{
    --krds-input--color-surface:var(--krds-high-contrast-color-input-surface);
    --krds-input--color-surface-readonly:var(--krds-high-contrast-color-input-surface-disabled);
    --krds-input--color-surface-disabled:var(--krds-high-contrast-color-input-surface-disabled);
    --krds-input--color-surface-error:var(--krds-high-contrast-color-input-surface);
    --krds-input--color-border:var(--krds-high-contrast-color-input-border);
    --krds-input--color-border-active:var(--krds-high-contrast-color-input-border-active);
    --krds-input--color-border-readonly:var(--krds-high-contrast-color-input-border-disabled);
    --krds-input--color-border-disabled:var(--krds-high-contrast-color-input-border-disabled);
    --krds-input--color-border-error:var(--krds-high-contrast-color-input-border-error);
    --krds-input--color-text:var(--krds-high-contrast-color-text-subtle);
    --krds-input--color-text-active:var(--krds-high-contrast-color-text-basic);
    --krds-input--color-text-readonly:var(--krds-high-contrast-color-text-subtle);
    --krds-input--color-text-disabled:var(--krds-high-contrast-color-text-disabled-on);
    --krds-input--color-text-placeholder:var(--krds-high-contrast-color-text-disabled);
    --krds-input--color-text-error:var(--krds-high-contrast-color-text-subtle);
    border-width:var(--krds-high-contrast-border-width-variable-regular)
}
[data-krds-mode=high-contrast] .textarea-count{
    --krds-input--count-number-color-text:var(--krds-high-contrast-color-text-subtle);
    --krds-input--count-number-color-text-active:var(--krds-high-contrast-color-text-primary)
}
[data-krds-mode=high-contrast] .calendar-input{
    --krds-input--color-surface:var(--krds-high-contrast-color-input-surface)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-input{
        --krds-input--color-surface:var(--krds-high-contrast-color-input-surface);
        --krds-input--color-surface-readonly:var(--krds-high-contrast-color-input-surface-disabled);
        --krds-input--color-surface-disabled:var(--krds-high-contrast-color-input-surface-disabled);
        --krds-input--color-surface-error:var(--krds-high-contrast-color-input-surface);
        --krds-input--color-border:var(--krds-high-contrast-color-input-border);
        --krds-input--color-border-active:var(--krds-high-contrast-color-input-border-active);
        --krds-input--color-border-readonly:var(--krds-high-contrast-color-input-border-disabled);
        --krds-input--color-border-disabled:var(--krds-high-contrast-color-input-border-disabled);
        --krds-input--color-border-error:var(--krds-high-contrast-color-input-border-error);
        --krds-input--color-text:var(--krds-high-contrast-color-text-subtle);
        --krds-input--color-text-active:var(--krds-high-contrast-color-text-basic);
        --krds-input--color-text-readonly:var(--krds-high-contrast-color-text-subtle);
        --krds-input--color-text-disabled:var(--krds-high-contrast-color-text-disabled-on);
        --krds-input--color-text-placeholder:var(--krds-high-contrast-color-text-disabled);
        --krds-input--color-text-error:var(--krds-high-contrast-color-text-subtle);
        border-width:var(--krds-high-contrast-border-width-variable-regular)
    }
    [data-krds-mode=theme] .textarea-count{
        --krds-input--count-number-color-text:var(--krds-high-contrast-color-text-subtle);
        --krds-input--count-number-color-text-active:var(--krds-high-contrast-color-text-primary)
    }
    [data-krds-mode=theme] .calendar-input{
        --krds-input--color-surface:var(--krds-high-contrast-color-input-surface)
    }
}
.krds-form-select{
    --krds-form-select--color-background:var(--krds-light-color-input-surface);
    --krds-form-select--color-background-readonly:var(--krds-light-color-input-surface-disabled);
    --krds-form-select--color-background-disabled:var(--krds-light-color-input-surface-disabled);
    --krds-form-select--color-background-error:var(--krds-light-color-input-surface);
    --krds-form-select--icon-color-background:var(--krds-light-color-icon-gray);
    --krds-form-select--icon-color-background-readonly:var(--krds-light-color-icon-disabled-on);
    --krds-form-select--icon-color-background-disabled:var(--krds-light-color-icon-disabled-on);
    --krds-form-select--color-border:var(--krds-light-color-input-border);
    --krds-form-select--color-border-active:var(--krds-light-color-input-border-active);
    --krds-form-select--color-border-readonly:var(--krds-light-color-input-border-disabled);
    --krds-form-select--color-border-disabled:var(--krds-light-color-input-border-disabled);
    --krds-form-select--color-border-error:var(--krds-light-color-input-border-error);
    --krds-form-select--color-text:var(--krds-light-color-text-disabled);
    --krds-form-select--color-text-active:var(--krds-light-color-text-basic);
    --krds-form-select--color-text-completed:var(--krds-light-color-text-subtle);
    --krds-form-select--color-text-disabled:var(--krds-light-color-text-disabled-on);
    --krds-form-select--color-text-error:var(--krds-light-color-text-subtle);
    --krds-form-select--padding-default:var(--krds-padding-6);
    --krds-form-select--size-height-small:var(--krds-size-height-6);
    --krds-form-select--icon-size-small:var(--krds-icon--size-small);
    --krds-form-select--radius-small:var(--krds-radius-medium3);
    --krds-form-select--padding-right-small:calc(var(--krds-form-select--padding-default) + var(--krds-gap-3) + var(--krds-form-select--icon-size-small));
    --krds-form-select--pc-font-size-small:var(--krds-pc-font-size-label-small);
    --krds-form-select--mobile-font-size-small:var(--krds-mobile-font-size-label-small);
    --krds-form-select--size-height-medium:var(--krds-size-height-7);
    --krds-form-select--icon-size-medium:var(--krds-icon--size-medium);
    --krds-form-select--padding-right-medium:calc(var(--krds-form-select--padding-default) + var(--krds-gap-3) + var(--krds-form-select--icon-size-medium));
    --krds-form-select--radius-medium:var(--krds-radius-medium2);
    --krds-form-select--pc-font-size-medium:var(--krds-pc-font-size-label-medium);
    --krds-form-select--mobile-font-size-medium:var(--krds-mobile-font-size-label-medium);
    --krds-form-select--size-height-large:var(--krds-size-height-8);
    --krds-form-select--icon-size-large:var(--krds-icon--size-large);
    --krds-form-select--padding-right-large:calc(var(--krds-form-select--padding-default) + var(--krds-gap-3) + var(--krds-form-select--icon-size-large));
    --krds-form-select--radius-large:var(--krds-radius-medium1);
    --krds-form-select--pc-font-size-large:var(--krds-pc-font-size-label-large);
    --krds-form-select--mobile-font-size-large:var(--krds-mobile-font-size-label-large)
}
.krds-form-select{
    height:var(--krds-form-select--size-height-large);
    padding:0 var(--krds-form-select--padding-right-large) 0 var(--krds-form-select--padding-default);
    background-position:center right var(--krds-form-select--padding-default);
    background-size:var(--krds-form-select--icon-size-large)!important;
    border-radius:var(--krds-form-select--radius-large);
    font-size:var(--krds-form-select--pc-font-size-large)
}
@media (max-width:767px){
    .krds-form-select{
        font-size:var(--krds-form-select--mobile-font-size-large)
    }
}
.krds-form-select.small{
    height:var(--krds-form-select--size-height-small);
    padding:0 var(--krds-form-select--padding-right-small) 0 var(--krds-form-select--padding-default);
    background-position:center right var(--krds-form-select--padding-default);
    background-size:var(--krds-form-select--icon-size-small)!important;
    border-radius:var(--krds-form-select--radius-small);
    font-size:var(--krds-form-select--pc-font-size-small)
}
@media (max-width:767px){
    .krds-form-select.small{
        font-size:var(--krds-form-select--mobile-font-size-small)
    }
}
.krds-form-select.medium{
    height:var(--krds-form-select--size-height-medium);
    padding:0 var(--krds-form-select--padding-right-medium) 0 var(--krds-form-select--padding-default);
    background-position:center right var(--krds-form-select--padding-default);
    background-size:var(--krds-form-select--icon-size-medium)!important;
    border-radius:var(--krds-form-select--radius-medium);
    font-size:var(--krds-form-select--pc-font-size-medium)
}
@media (max-width:767px){
    .krds-form-select.medium{
        font-size:var(--krds-form-select--mobile-font-size-medium)
    }
}
.krds-form-select.large{
    height:var(--krds-form-select--size-height-large);
    padding:0 var(--krds-form-select--padding-right-large) 0 var(--krds-form-select--padding-default);
    background-position:center right var(--krds-form-select--padding-default);
    background-size:var(--krds-form-select--icon-size-large)!important;
    border-radius:var(--krds-form-select--radius-large);
    font-size:var(--krds-form-select--pc-font-size-large)
}
@media (max-width:767px){
    .krds-form-select.large{
        font-size:var(--krds-form-select--mobile-font-size-large)
    }
}
.krds-form-select{
    position:relative;
    width:100%;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_angle.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none;
    background-color:var(--krds-form-select--color-background)!important;
    border-width:var(--krds-light-border-width-variable-regular);
    border-style:solid;
    border-color:var(--krds-form-select--color-border);
    font-family:inherit;
    color:var(--krds-form-select--color-text);
    transition:var(--krds-transition-base)
}
.krds-form-select:focus{
    border-color:var(--krds-form-select--color-border-active);
    border-width:2px;
    outline:0;
    box-shadow:none;
    color:var(--krds-form-select--color-text-active)
}
.krds-form-select.completed{
    color:var(--krds-form-select--color-text-completed)
}
.krds-form-select.is-error{
    border-color:var(--krds-light-color-text-point);
    border-width:2px
}
.krds-form-select[disabled]{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle_disabled.svg);
    background-image:url(../images/component/icon/ico_angle_disabled.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_angle_disabled.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none;
    background-color:var(--krds-form-select--color-background-disabled)!important;
    border-color:var(--krds-form-select--color-border-disabled);
    color:var(--krds-form-select--color-text-disabled)
}
.is-error .krds-form-select{
    border-color:var(--krds-light-color-text-point);
    border-width:2px
}
[data-krds-mode=high-contrast] .krds-form-select{
    --krds-form-select--color-background:var(--krds-high-contrast-color-input-surface);
    --krds-form-select--color-background-readonly:var(--krds-high-contrast-color-input-surface-disabled);
    --krds-form-select--color-background-disabled:var(--krds-high-contrast-color-input-surface-disabled);
    --krds-form-select--color-background-error:var(--krds-high-contrast-color-input-surface);
    --krds-form-select--icon-color-background:var(--krds-high-contrast-color-icon-gray);
    --krds-form-select--icon-color-background-readonly:var(--krds-high-contrast-color-icon-disabled-on);
    --krds-form-select--icon-color-background-disabled:var(--krds-high-contrast-color-icon-disabled-on);
    --krds-form-select--color-border:var(--krds-high-contrast-color-input-border);
    --krds-form-select--color-border-active:var(--krds-high-contrast-color-input-border-active);
    --krds-form-select--color-border-readonly:var(--krds-high-contrast-color-input-border-disabled);
    --krds-form-select--color-border-disabled:var(--krds-high-contrast-color-input-border-disabled);
    --krds-form-select--color-border-error:var(--krds-high-contrast-color-input-border-error);
    --krds-form-select--color-text:var(--krds-high-contrast-color-text-disabled);
    --krds-form-select--color-text-active:var(--krds-high-contrast-color-text-basic);
    --krds-form-select--color-text-completed:var(--krds-high-contrast-color-text-subtle);
    --krds-form-select--color-text-disabled:var(--krds-high-contrast-color-text-disabled-on);
    --krds-form-select--color-text-error:var(--krds-high-contrast-color-text-subtle);
    border-width:var(--krds-high-contrast-border-width-variable-regular);
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle_inverse.svg);
    background-image:url(../images/component/icon/ico_angle_inverse.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_angle_inverse.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none;
    background-color:var(--krds-form-select--color-background)!important
}
[data-krds-mode=high-contrast] .krds-form-select[disabled]{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle_disabled_inverse.svg);
    background-image:url(../images/component/icon/ico_angle_disabled_inverse.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_angle_disabled_inverse.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none;
    background-color:var(--krds-form-select--color-background-disabled)!important
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-form-select{
        --krds-form-select--color-background:var(--krds-high-contrast-color-input-surface);
        --krds-form-select--color-background-readonly:var(--krds-high-contrast-color-input-surface-disabled);
        --krds-form-select--color-background-disabled:var(--krds-high-contrast-color-input-surface-disabled);
        --krds-form-select--color-background-error:var(--krds-high-contrast-color-input-surface);
        --krds-form-select--icon-color-background:var(--krds-high-contrast-color-icon-gray);
        --krds-form-select--icon-color-background-readonly:var(--krds-high-contrast-color-icon-disabled-on);
        --krds-form-select--icon-color-background-disabled:var(--krds-high-contrast-color-icon-disabled-on);
        --krds-form-select--color-border:var(--krds-high-contrast-color-input-border);
        --krds-form-select--color-border-active:var(--krds-high-contrast-color-input-border-active);
        --krds-form-select--color-border-readonly:var(--krds-high-contrast-color-input-border-disabled);
        --krds-form-select--color-border-disabled:var(--krds-high-contrast-color-input-border-disabled);
        --krds-form-select--color-border-error:var(--krds-high-contrast-color-input-border-error);
        --krds-form-select--color-text:var(--krds-high-contrast-color-text-disabled);
        --krds-form-select--color-text-active:var(--krds-high-contrast-color-text-basic);
        --krds-form-select--color-text-completed:var(--krds-high-contrast-color-text-subtle);
        --krds-form-select--color-text-disabled:var(--krds-high-contrast-color-text-disabled-on);
        --krds-form-select--color-text-error:var(--krds-high-contrast-color-text-subtle);
        border-width:var(--krds-high-contrast-border-width-variable-regular);
        -webkit-mask-repeat:no-repeat;
        -webkit-mask-position:center center;
        -webkit-mask-size:contain;
        mask-repeat:no-repeat;
        mask-position:center center;
        mask-size:contain;
        -webkit-mask-image:url(../images/component/icon/ico_angle_inverse.svg);
        background-image:url(../images/component/icon/ico_angle_inverse.svg);
        -webkit-mask-image:none;
        background-image:none;
        background-image:url(../images/component/icon/ico_angle_inverse.svg);
        background-color:transparent!important;
        background-size:contain;
        background-repeat:no-repeat;
        -webkit-mask:none;
        mask:none;
        background-color:var(--krds-form-select--color-background)!important
    }
    [data-krds-mode=theme] .krds-form-select[disabled]{
        -webkit-mask-repeat:no-repeat;
        -webkit-mask-position:center center;
        -webkit-mask-size:contain;
        mask-repeat:no-repeat;
        mask-position:center center;
        mask-size:contain;
        -webkit-mask-image:url(../images/component/icon/ico_angle_disabled_inverse.svg);
        background-image:url(../images/component/icon/ico_angle_disabled_inverse.svg);
        -webkit-mask-image:none;
        background-image:none;
        background-image:url(../images/component/icon/ico_angle_disabled_inverse.svg);
        background-color:transparent!important;
        background-size:contain;
        background-repeat:no-repeat;
        -webkit-mask:none;
        mask:none;
        background-color:var(--krds-form-select--color-background-disabled)!important
    }
}
.krds-form-select-sort{
    --krds-form-select-sorting--color-background:var(--krds-light-color-action-secondary);
    --krds-form-select-sorting--color-background-hover:var(--krds-light-color-action-secondary-hover);
    --krds-form-select-sorting--color-background-pressed:var(--krds-light-color-action-secondary-pressed);
    --krds-form-select-sorting--color-text:var(--krds-light-color-text-basic);
    --krds-form-select-sorting--padding-left:var(--krds-padding-2);
    --krds-form-select-sorting--radius:var(--krds-radius-small2);
    --krds-form-select-sorting--icon-size-small:var(--krds-icon--size-small);
    --krds-form-select-sorting--padding-left-small:var(--krds-padding-1);
    --krds-form-select-sorting--padding-right-small:calc(var(--krds-form-select-sorting--padding-left) + var(--krds-gap-1) + var(--krds-form-select-sorting--icon-size-small));
    --krds-form-select-sorting--pc-font-size-small:var(--krds-pc-font-size-label-small);
    --krds-form-select-sorting--mobile-font-size-small:var(--krds-mobile-font-size-label-small);
    --krds-form-select-sorting--icon-size-medium:var(--krds-icon--size-medium);
    --krds-form-select-sorting--padding-left-medium:var(--krds-padding-2);
    --krds-form-select-sorting--padding-right-medium:calc(var(--krds-form-select-sorting--padding-left) + var(--krds-gap-1) + var(--krds-form-select-sorting--icon-size-medium));
    --krds-form-select-sorting--pc-font-size-medium:var(--krds-pc-font-size-label-medium);
    --krds-form-select-sorting--mobile-font-size-medium:var(--krds-mobile-font-size-label-medium);
    --krds-form-select-sorting--icon-size-large:var(--krds-icon--size-large);
    --krds-form-select-sorting--padding-left-large:var(--krds-padding-2);
    --krds-form-select-sorting--padding-right-large:calc(var(--krds-form-select-sorting--padding-left) + var(--krds-gap-1) + var(--krds-form-select-sorting--icon-size-large));
    --krds-form-select-sorting--pc-font-size-large:var(--krds-pc-font-size-heading-small);
    --krds-form-select-sorting--mobile-font-size-large:var(--krds-mobile-font-size-heading-small);
    position:relative;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_angle.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none;
    background-color:var(--krds-form-select-sorting--color-background)!important;
    border:none;
    border-radius:var(--krds-form-select-sorting--radius);
    font-family:inherit;
    color:var(--krds-form-select-sorting--color-text);
    transition:var(--krds-transition-base)
}
.krds-form-select-sort{
    padding:0 var(--krds-form-select-sorting--padding-right-medium) 0 var(--krds-form-select-sorting--padding-left);
    background-position:center right var(--krds-form-select-sorting--padding-left);
    background-size:var(--krds-form-select-sorting--icon-size-medium)!important;
    font-size:var(--krds-form-select-sorting--pc-font-size-medium)
}
@media (max-width:767px){
    .krds-form-select-sort{
        font-size:var(--krds-form-select-sorting--mobile-font-size-medium)
    }
}
.krds-form-select-sort.small{
    padding:0 var(--krds-form-select-sorting--padding-right-small) 0 var(--krds-form-select-sorting--padding-left);
    background-position:center right var(--krds-form-select-sorting--padding-left);
    background-size:var(--krds-form-select-sorting--icon-size-small)!important;
    font-size:var(--krds-form-select-sorting--pc-font-size-small)
}
@media (max-width:767px){
    .krds-form-select-sort.small{
        font-size:var(--krds-form-select-sorting--mobile-font-size-small)
    }
}
.krds-form-select-sort.medium{
    padding:0 var(--krds-form-select-sorting--padding-right-medium) 0 var(--krds-form-select-sorting--padding-left);
    background-position:center right var(--krds-form-select-sorting--padding-left);
    background-size:var(--krds-form-select-sorting--icon-size-medium)!important;
    font-size:var(--krds-form-select-sorting--pc-font-size-medium)
}
@media (max-width:767px){
    .krds-form-select-sort.medium{
        font-size:var(--krds-form-select-sorting--mobile-font-size-medium)
    }
}
.krds-form-select-sort.large{
    padding:0 var(--krds-form-select-sorting--padding-right-large) 0 var(--krds-form-select-sorting--padding-left);
    background-position:center right var(--krds-form-select-sorting--padding-left);
    background-size:var(--krds-form-select-sorting--icon-size-large)!important;
    font-size:var(--krds-form-select-sorting--pc-font-size-large);
    font-weight:var(--krds-font-weight-bold)
}
@media (max-width:767px){
    .krds-form-select-sort.large{
        font-size:var(--krds-form-select-sorting--mobile-font-size-large)
    }
}
.krds-form-select-sort:hover{
    background-color:var(--krds-form-select-sorting--color-background-hover)!important
}
.krds-form-select-sort:focus{
    background-color:var(--krds-form-select-sorting--color-background-pressed)!important
}
[data-krds-mode=high-contrast] .krds-form-select-sort{
    --krds-form-select-sorting--color-background:var(--krds-high-contrast-color-action-secondary);
    --krds-form-select-sorting--color-background-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-form-select-sorting--color-background-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
    --krds-form-select-sorting--color-text:var(--krds-high-contrast-color-text-basic);
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle_inverse.svg);
    background-image:url(../images/component/icon/ico_angle_inverse.svg);
    -webkit-mask-image:none;
    background-image:none;
    background-image:url(../images/component/icon/ico_angle_inverse.svg);
    background-color:transparent!important;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-mask:none;
    mask:none;
    background-color:var(--krds-form-select-sorting--color-background)!important
}
[data-krds-mode=high-contrast] .krds-form-select-sort:hover{
    background-color:var(--krds-form-select-sorting--color-background-hover)!important
}
[data-krds-mode=high-contrast] .krds-form-select-sort:focus{
    background-color:var(--krds-form-select-sorting--color-background-pressed)!important
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-form-select-sort{
        --krds-form-select-sorting--color-background:var(--krds-high-contrast-color-action-secondary);
        --krds-form-select-sorting--color-background-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-form-select-sorting--color-background-pressed:var(--krds-high-contrast-color-action-secondary-pressed);
        --krds-form-select-sorting--color-text:var(--krds-high-contrast-color-text-basic);
        -webkit-mask-repeat:no-repeat;
        -webkit-mask-position:center center;
        -webkit-mask-size:contain;
        mask-repeat:no-repeat;
        mask-position:center center;
        mask-size:contain;
        -webkit-mask-image:url(../images/component/icon/ico_angle_inverse.svg);
        background-image:url(../images/component/icon/ico_angle_inverse.svg);
        -webkit-mask-image:none;
        background-image:none;
        background-image:url(../images/component/icon/ico_angle_inverse.svg);
        background-color:transparent!important;
        background-size:contain;
        background-repeat:no-repeat;
        -webkit-mask:none;
        mask:none;
        background-color:var(--krds-form-select-sorting--color-background)!important
    }
    [data-krds-mode=theme] .krds-form-select-sort:hover{
        background-color:var(--krds-form-select-sorting--color-background-hover)!important
    }
    [data-krds-mode=theme] .krds-form-select-sort:focus{
        background-color:var(--krds-form-select-sorting--color-background-pressed)!important
    }
}
input[type=checkbox],input[type=radio]{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}
label{
    display:inline-flex
}
.krds-check-area{
    display:flex;
    gap:var(--krds-gap-6)
}
.krds-check-area.chk-column{
    flex-direction:column
}
.chip-wrap{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    flex-direction:row;
    gap:var(--krds-number-5)
}
.chip-wrap .krds-form-chip{
    flex:1
}
.chip-wrap .krds-form-chip .radio:not(:checked)~.krds-form-chip-outline::before{
    display:none
}
.chip-wrap .krds-form-chip .radio~.krds-form-chip-outline{
    justify-content:center;
    width:100%;
    padding:0
}
.krds-form-check{
    --krds-form-check--color-text:var(--krds-light-color-text-bolder);
    --krds-form-check--color-text-disabled:var(--krds-light-color-text-disabled);
    --krds-form-check--color-text-sub:var(--krds-light-color-text-subtle);
    --krds-form-check--color-text-sub-disabled:var(--krds-light-color-text-disabled);
    --krds-form-check--button-color-element:var(--krds-light-color-element-inverse);
    --krds-form-check--button-color-element-disabled:var(--krds-light-color-element-disabled-light);
    --krds-form-check--button-color-border:var(--krds-light-color-element-gray-dark);
    --krds-form-check--button-color-border-checked:var(--krds-light-color-element-primary);
    --krds-form-check--button-color-border-disabled:var(--krds-light-color-element-disabled-dark);
    --krds-form-check--checkbox-button-color-element-checked:var(--krds-light-color-element-primary);
    --krds-form-check--radio-check-color-element:var(--krds-light-alpha-black0);
    --krds-form-check--radio-check-color-element-checked:var(--krds-light-color-element-primary);
    --krds-form-check--radio-check-color-element-disabled:var(--krds-light-color-element-disabled-dark);
    --krds-form-check--checkbox-check-color-element:var(--krds-light-alpha-black0);
    --krds-form-check--checkbox-check-color-element-checked:var(--krds-light-color-element-inverse-static);
    --krds-form-check--checkbox-check-color-element-disabled:var(--krds-light-color-element-disabled-dark);
    --krds-form-check--additional-text-color-text:var(--krds-light-color-text-subtle);
    --krds-form-check--button-size-medium:var(--krds-size-height-3);
    --krds-form-check--radio-check-size-medium:1rem;
    --krds-form-check--checkbox-check-size-medium:1.2rem;
    --krds-form-check--radio-button-radius-medium:var(--krds-radius-max);
    --krds-form-check--checkbox-button-radius-medium:var(--krds-radius-small1);
    --krds-form-check--pc-font-size-medium:var(--krds-pc-font-size-label-medium);
    --krds-form-check--mobile-font-size-medium:var(--krds-mobile-font-size-label-medium);
    --krds-form-check--additional-text-pc-font-size-medium:var(--krds-pc-font-size-label-small);
    --krds-form-check--additional-text-mobile-font-size-medium:var(--krds-mobile-font-size-label-small);
    --krds-form-check--button-size-large:var(--krds-size-height-4);
    --krds-form-check--radio-check-size-large:1.2rem;
    --krds-form-check--checkbox-check-size-large:var(--krds-size-height-2);
    --krds-form-check--radio-button-radius-large:var(--krds-radius-max);
    --krds-form-check--checkbox-button-radius-large:var(--krds-radius-small2);
    --krds-form-check--pc-font-size-large:var(--krds-pc-font-size-label-large);
    --krds-form-check--mobile-font-size-large:var(--krds-mobile-font-size-label-large);
    --krds-form-check--additional-text-pc-font-size-large:var(--krds-pc-font-size-label-medium);
    --krds-form-check--additional-text-mobile-font-size-large:var(--krds-mobile-font-size-label-medium);
    --krds-form-check--gap:var(--krds-gap-3);
    --krds-form-check--button-margin-top:0.3rem
}
.krds-form-check.medium>input[type=checkbox]~label,.krds-form-check.medium>input[type=radio]~label{
    gap:var(--krds-form-check--gap);
    font-size:var(--krds-form-check--pc-font-size-medium)
}
@media (max-width:767px){
    .krds-form-check.medium>input[type=checkbox]~label,.krds-form-check.medium>input[type=radio]~label{
        font-size:var(--krds-form-check--mobile-font-size-medium)
    }
}
.krds-form-check.medium>input[type=checkbox]~label:before,.krds-form-check.medium>input[type=radio]~label:before{
    width:var(--krds-form-check--button-size-medium);
    height:var(--krds-form-check--button-size-medium);
    margin-top:var(--krds-form-check--button-margin-top)
}
.krds-form-check.medium>input[type=checkbox]~label+.krds-form-check-cnt,.krds-form-check.medium>input[type=radio]~label+.krds-form-check-cnt{
    padding-left:calc(var(--krds-form-check--button-size-medium) + var(--krds-form-check--gap))
}
.krds-form-check.medium>input[type=checkbox]~label+.krds-form-check-cnt .krds-form-check-p,.krds-form-check.medium>input[type=radio]~label+.krds-form-check-cnt .krds-form-check-p{
    font-size:var(--krds-form-check--additional-text-pc-font-size-medium)
}
@media (max-width:767px){
    .krds-form-check.medium>input[type=checkbox]~label+.krds-form-check-cnt .krds-form-check-p,.krds-form-check.medium>input[type=radio]~label+.krds-form-check-cnt .krds-form-check-p{
        font-size:var(--krds-form-check--additional-text-mobile-font-size-medium)
    }
}
.krds-form-check.medium>input[type=radio]~label:before{
    border-radius:var(--krds-form-check--radio-button-radius-medium)
}
.krds-form-check.medium>input[type=radio]~label:after{
    top:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--radio-check-size-medium))/ 2 + var(--krds-form-check--button-margin-top));
    left:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--radio-check-size-medium))/ 2);
    width:var(--krds-form-check--radio-check-size-medium);
    height:var(--krds-form-check--radio-check-size-medium);
    background-color:var(--krds-form-check--radio-check-color-element);
    border-radius:var(--krds-radius-max)
}
.krds-form-check.medium>input[type=checkbox]~label:before{
    border-radius:var(--krds-form-check--checkbox-button-radius-medium)
}
.krds-form-check.medium>input[type=checkbox]~label:after{
    top:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium))/ 2 + var(--krds-form-check--button-margin-top));
    left:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium))/ 2);
    display:inline-flex;
    width:var(--krds-form-check--checkbox-check-size-medium);
    height:var(--krds-form-check--checkbox-check-size-medium);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_checkbox_checked.svg);
    background-image:url(../images/component/icon/ico_checkbox_checked.svg);
    background-color:var(--krds-form-check--checkbox-check-color-element)
}
.krds-form-check.large>input[type=checkbox]~label,.krds-form-check.large>input[type=radio]~label{
    gap:var(--krds-form-check--gap);
    font-size:var(--krds-form-check--pc-font-size-large)
}
@media (max-width:767px){
    .krds-form-check.large>input[type=checkbox]~label,.krds-form-check.large>input[type=radio]~label{
        font-size:var(--krds-form-check--mobile-font-size-large)
    }
}
.krds-form-check.large>input[type=checkbox]~label:before,.krds-form-check.large>input[type=radio]~label:before{
    width:var(--krds-form-check--button-size-large);
    height:var(--krds-form-check--button-size-large);
    margin-top:var(--krds-form-check--button-margin-top)
}
.krds-form-check.large>input[type=checkbox]~label+.krds-form-check-cnt,.krds-form-check.large>input[type=radio]~label+.krds-form-check-cnt{
    padding-left:calc(var(--krds-form-check--button-size-large) + var(--krds-form-check--gap))
}
.krds-form-check.large>input[type=checkbox]~label+.krds-form-check-cnt .krds-form-check-p,.krds-form-check.large>input[type=radio]~label+.krds-form-check-cnt .krds-form-check-p{
    font-size:var(--krds-form-check--additional-text-pc-font-size-large)
}
@media (max-width:767px){
    .krds-form-check.large>input[type=checkbox]~label+.krds-form-check-cnt .krds-form-check-p,.krds-form-check.large>input[type=radio]~label+.krds-form-check-cnt .krds-form-check-p{
        font-size:var(--krds-form-check--additional-text-mobile-font-size-large)
    }
}
.krds-form-check.large>input[type=radio]~label:before{
    border-radius:var(--krds-form-check--radio-button-radius-large)
}
.krds-form-check.large>input[type=radio]~label:after{
    top:calc((var(--krds-form-check--button-size-large) - var(--krds-form-check--radio-check-size-large))/ 2 + var(--krds-form-check--button-margin-top));
    left:calc((var(--krds-form-check--button-size-large) - var(--krds-form-check--radio-check-size-large))/ 2);
    width:var(--krds-form-check--radio-check-size-large);
    height:var(--krds-form-check--radio-check-size-large);
    background-color:var(--krds-form-check--radio-check-color-element);
    border-radius:var(--krds-radius-max)
}
.krds-form-check.large>input[type=checkbox]~label:before{
    border-radius:var(--krds-form-check--checkbox-button-radius-large)
}
.krds-form-check.large>input[type=checkbox]~label:after{
    top:calc((var(--krds-form-check--button-size-large) - var(--krds-form-check--checkbox-check-size-large))/ 2 + var(--krds-form-check--button-margin-top));
    left:calc((var(--krds-form-check--button-size-large) - var(--krds-form-check--checkbox-check-size-large))/ 2);
    display:inline-flex;
    width:var(--krds-form-check--checkbox-check-size-large);
    height:var(--krds-form-check--checkbox-check-size-large);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_checkbox_checked.svg);
    background-image:url(../images/component/icon/ico_checkbox_checked.svg);
    background-color:var(--krds-form-check--checkbox-check-color-element)
}
.krds-form-check input[type=checkbox]~label,.krds-form-check input[type=radio]~label{
    position:relative;
    display:inline-flex;
    gap:var(--krds-form-check--gap);
    font-size:var(--krds-form-check--pc-font-size-medium)
}
@media (max-width:767px){
    .krds-form-check input[type=checkbox]~label,.krds-form-check input[type=radio]~label{
        font-size:var(--krds-form-check--mobile-font-size-medium)
    }
}
.krds-form-check input[type=checkbox]~label:after,.krds-form-check input[type=checkbox]~label:before,.krds-form-check input[type=radio]~label:after,.krds-form-check input[type=radio]~label:before{
    display:flex;
    content:"";
    transition:.4s cubic-bezier(.4,0,.23,1)
}
.krds-form-check input[type=checkbox]~label:before,.krds-form-check input[type=radio]~label:before{
    flex-shrink:0;
    width:var(--krds-form-check--button-size-medium);
    height:var(--krds-form-check--button-size-medium);
    margin-top:var(--krds-form-check--button-margin-top);
    z-index:3;
    background-color:var(--krds-form-check--button-color-element);
    border:.1rem solid var(--krds-form-check--button-color-border)
}
.krds-form-check input[type=checkbox]~label:after,.krds-form-check input[type=radio]~label:after{
    position:absolute;
    z-index:4
}
.krds-form-check input[type=checkbox]:disabled~label,.krds-form-check input[type=radio]:disabled~label{
    color:var(--krds-form-check--color-text-sub-disabled);
    cursor:default
}
.krds-form-check input[type=checkbox]:disabled~label:before,.krds-form-check input[type=radio]:disabled~label:before{
    background-color:var(--krds-form-check--button-color-element-disabled)!important;
    border-color:var(--krds-form-check--button-color-border-disabled)!important
}
.krds-form-check input[type=checkbox]:focus~label,.krds-form-check input[type=radio]:focus~label{
    box-shadow:var(--krds-box-shadow-outline-inset);
    outline-offset:.4rem
}
.krds-form-check input[type=radio]~label:before{
    border-radius:var(--krds-form-check--radio-button-radius-medium)
}
.krds-form-check input[type=radio]~label:after{
    top:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--radio-check-size-medium))/ 2 + var(--krds-form-check--button-margin-top));
    left:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--radio-check-size-medium))/ 2);
    width:var(--krds-form-check--radio-check-size-medium);
    height:var(--krds-form-check--radio-check-size-medium);
    background-color:var(--krds-form-check--radio-check-color-element);
    border-radius:var(--krds-radius-max)
}
.krds-form-check input[type=radio]:checked~label:before{
    border-color:var(--krds-form-check--button-color-border-checked)
}
.krds-form-check input[type=radio]:checked~label:after{
    background-color:var(--krds-form-check--radio-check-color-element-checked)
}
.krds-form-check input[type=radio]:checked:disabled~label:after{
    background-color:var(--krds-form-check--radio-check-color-element-disabled)
}
.krds-form-check input[type=checkbox]~label:before{
    border-radius:var(--krds-form-check--checkbox-button-radius-medium)
}
.krds-form-check input[type=checkbox]~label:after{
    top:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium))/ 2 + var(--krds-form-check--button-margin-top));
    left:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium))/ 2);
    display:inline-flex;
    width:var(--krds-form-check--checkbox-check-size-medium);
    height:var(--krds-form-check--checkbox-check-size-medium);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_checkbox_checked.svg);
    background-image:url(../images/component/icon/ico_checkbox_checked.svg);
    background-color:var(--krds-form-check--checkbox-check-color-element)
}
.krds-form-check input[type=checkbox]:checked~label:before{
    background-color:var(--krds-form-check--checkbox-button-color-element-checked);
    border-color:var(--krds-form-check--button-color-border-checked)
}
.krds-form-check input[type=checkbox]:checked~label:after{
    background-color:var(--krds-form-check--checkbox-check-color-element-checked);
    transition-delay:.1s
}
.krds-form-check input[type=checkbox]:checked:disabled~label:after{
    background-color:var(--krds-form-check--checkbox-check-color-element-disabled)
}
.krds-form-check .krds-form-check-cnt{
    margin-top:var(--krds-padding-2)
}
.krds-form-check .krds-form-check-cnt .krds-form-check-p{
    color:var(--krds-form-check--additional-text-color-text)
}
[data-krds-mode=high-contrast] .krds-form-check{
    --krds-form-check--color-text:var(--krds-high-contrast-color-text-bolder);
    --krds-form-check--color-text-disabled:var(--krds-high-contrast-color-text-disabled);
    --krds-form-check--color-text-sub:var(--krds-high-contrast-color-text-subtle);
    --krds-form-check--color-text-sub-disabled:var(--krds-high-contrast-color-text-disabled);
    --krds-form-check--button-color-element:var(--krds-high-contrast-color-element-inverse);
    --krds-form-check--button-color-element-disabled:var(--krds-high-contrast-color-element-disabled-light);
    --krds-form-check--button-color-border:var(--krds-high-contrast-color-element-gray-dark);
    --krds-form-check--button-color-border-checked:var(--krds-high-contrast-color-element-primary);
    --krds-form-check--button-color-border-disabled:var(--krds-high-contrast-color-element-disabled-dark);
    --krds-form-check--checkbox-button-color-element-checked:var(--krds-high-contrast-color-element-primary);
    --krds-form-check--radio-check-color-element:var(--krds-light-alpha-black0);
    --krds-form-check--radio-check-color-element-checked:var(--krds-high-contrast-color-element-primary);
    --krds-form-check--radio-check-color-element-disabled:var(--krds-high-contrast-color-element-disabled-dark);
    --krds-form-check--checkbox-check-color-element:var(--krds-light-alpha-black0);
    --krds-form-check--checkbox-check-color-element-checked:var(--krds-high-contrast-color-element-inverse-static);
    --krds-form-check--checkbox-check-color-element-disabled:var(--krds-high-contrast-color-element-disabled-dark);
    --krds-form-check--additional-text-color-text:var(--krds-high-contrast-color-text-subtle);
    --krds-form-check--button-size-medium:var(--krds-size-height-3);
    --krds-form-check--radio-check-size-medium:1rem;
    --krds-form-check--checkbox-check-size-medium:1.2rem;
    --krds-form-check--radio-button-radius-medium:var(--krds-radius-max);
    --krds-form-check--checkbox-button-radius-medium:var(--krds-radius-small1);
    --krds-form-check--pc-font-size-medium:var(--krds-pc-font-size-label-medium);
    --krds-form-check--mobile-font-size-medium:var(--krds-mobile-font-size-label-medium);
    --krds-form-check--additional-text-pc-font-size-medium:var(--krds-pc-font-size-label-small);
    --krds-form-check--additional-text-mobile-font-size-medium:var(--krds-mobile-font-size-label-small);
    --krds-form-check--button-size-large:var(--krds-size-height-4);
    --krds-form-check--radio-check-size-large:1.2rem;
    --krds-form-check--checkbox-check-size-large:var(--krds-size-height-2);
    --krds-form-check--radio-button-radius-large:var(--krds-radius-max);
    --krds-form-check--checkbox-button-radius-large:var(--krds-radius-small2);
    --krds-form-check--pc-font-size-large:var(--krds-pc-font-size-label-large);
    --krds-form-check--mobile-font-size-large:var(--krds-mobile-font-size-label-large);
    --krds-form-check--additional-text-pc-font-size-large:var(--krds-pc-font-size-label-medium);
    --krds-form-check--additional-text-mobile-font-size-large:var(--krds-mobile-font-size-label-medium);
    --krds-form-check--gap:var(--krds-gap-3);
    --krds-form-check--button-margin-top:0.3rem
}
[data-krds-mode=high-contrast] .krds-form-check.medium>input[type=checkbox]~label,[data-krds-mode=high-contrast] .krds-form-check.medium>input[type=radio]~label{
    gap:var(--krds-form-check--gap);
    font-size:var(--krds-form-check--pc-font-size-medium)
}
@media (max-width:767px){
    [data-krds-mode=high-contrast] .krds-form-check.medium>input[type=checkbox]~label,[data-krds-mode=high-contrast] .krds-form-check.medium>input[type=radio]~label{
        font-size:var(--krds-form-check--mobile-font-size-medium)
    }
}
[data-krds-mode=high-contrast] .krds-form-check.medium>input[type=checkbox]~label:before,[data-krds-mode=high-contrast] .krds-form-check.medium>input[type=radio]~label:before{
    width:var(--krds-form-check--button-size-medium);
    height:var(--krds-form-check--button-size-medium);
    margin-top:var(--krds-form-check--button-margin-top)
}
[data-krds-mode=high-contrast] .krds-form-check.medium>input[type=checkbox]~label+.krds-form-check-cnt,[data-krds-mode=high-contrast] .krds-form-check.medium>input[type=radio]~label+.krds-form-check-cnt{
    padding-left:calc(var(--krds-form-check--button-size-medium) + var(--krds-form-check--gap))
}
[data-krds-mode=high-contrast] .krds-form-check.medium>input[type=checkbox]~label+.krds-form-check-cnt .krds-form-check-p,[data-krds-mode=high-contrast] .krds-form-check.medium>input[type=radio]~label+.krds-form-check-cnt .krds-form-check-p{
    font-size:var(--krds-form-check--additional-text-pc-font-size-medium)
}
@media (max-width:767px){
    [data-krds-mode=high-contrast] .krds-form-check.medium>input[type=checkbox]~label+.krds-form-check-cnt .krds-form-check-p,[data-krds-mode=high-contrast] .krds-form-check.medium>input[type=radio]~label+.krds-form-check-cnt .krds-form-check-p{
        font-size:var(--krds-form-check--additional-text-mobile-font-size-medium)
    }
}
[data-krds-mode=high-contrast] .krds-form-check.medium>input[type=radio]~label:before{
    border-radius:var(--krds-form-check--radio-button-radius-medium)
}
[data-krds-mode=high-contrast] .krds-form-check.medium>input[type=radio]~label:after{
    top:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--radio-check-size-medium))/ 2 + var(--krds-form-check--button-margin-top));
    left:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--radio-check-size-medium))/ 2);
    width:var(--krds-form-check--radio-check-size-medium);
    height:var(--krds-form-check--radio-check-size-medium);
    background-color:var(--krds-form-check--radio-check-color-element);
    border-radius:var(--krds-radius-max)
}
[data-krds-mode=high-contrast] .krds-form-check.medium>input[type=checkbox]~label:before{
    border-radius:var(--krds-form-check--checkbox-button-radius-medium)
}
[data-krds-mode=high-contrast] .krds-form-check.medium>input[type=checkbox]~label:after{
    top:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium))/ 2 + var(--krds-form-check--button-margin-top));
    left:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium))/ 2);
    display:inline-flex;
    width:var(--krds-form-check--checkbox-check-size-medium);
    height:var(--krds-form-check--checkbox-check-size-medium);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_checkbox_checked.svg);
    background-image:url(../images/component/icon/ico_checkbox_checked.svg);
    background-color:var(--krds-form-check--checkbox-check-color-element)
}
[data-krds-mode=high-contrast] .krds-form-check.large>input[type=checkbox]~label,[data-krds-mode=high-contrast] .krds-form-check.large>input[type=radio]~label{
    gap:var(--krds-form-check--gap);
    font-size:var(--krds-form-check--pc-font-size-large)
}
@media (max-width:767px){
    [data-krds-mode=high-contrast] .krds-form-check.large>input[type=checkbox]~label,[data-krds-mode=high-contrast] .krds-form-check.large>input[type=radio]~label{
        font-size:var(--krds-form-check--mobile-font-size-large)
    }
}
[data-krds-mode=high-contrast] .krds-form-check.large>input[type=checkbox]~label:before,[data-krds-mode=high-contrast] .krds-form-check.large>input[type=radio]~label:before{
    width:var(--krds-form-check--button-size-large);
    height:var(--krds-form-check--button-size-large);
    margin-top:var(--krds-form-check--button-margin-top)
}
[data-krds-mode=high-contrast] .krds-form-check.large>input[type=checkbox]~label+.krds-form-check-cnt,[data-krds-mode=high-contrast] .krds-form-check.large>input[type=radio]~label+.krds-form-check-cnt{
    padding-left:calc(var(--krds-form-check--button-size-large) + var(--krds-form-check--gap))
}
[data-krds-mode=high-contrast] .krds-form-check.large>input[type=checkbox]~label+.krds-form-check-cnt .krds-form-check-p,[data-krds-mode=high-contrast] .krds-form-check.large>input[type=radio]~label+.krds-form-check-cnt .krds-form-check-p{
    font-size:var(--krds-form-check--additional-text-pc-font-size-large)
}
@media (max-width:767px){
    [data-krds-mode=high-contrast] .krds-form-check.large>input[type=checkbox]~label+.krds-form-check-cnt .krds-form-check-p,[data-krds-mode=high-contrast] .krds-form-check.large>input[type=radio]~label+.krds-form-check-cnt .krds-form-check-p{
        font-size:var(--krds-form-check--additional-text-mobile-font-size-large)
    }
}
[data-krds-mode=high-contrast] .krds-form-check.large>input[type=radio]~label:before{
    border-radius:var(--krds-form-check--radio-button-radius-large)
}
[data-krds-mode=high-contrast] .krds-form-check.large>input[type=radio]~label:after{
    top:calc((var(--krds-form-check--button-size-large) - var(--krds-form-check--radio-check-size-large))/ 2 + var(--krds-form-check--button-margin-top));
    left:calc((var(--krds-form-check--button-size-large) - var(--krds-form-check--radio-check-size-large))/ 2);
    width:var(--krds-form-check--radio-check-size-large);
    height:var(--krds-form-check--radio-check-size-large);
    background-color:var(--krds-form-check--radio-check-color-element);
    border-radius:var(--krds-radius-max)
}
[data-krds-mode=high-contrast] .krds-form-check.large>input[type=checkbox]~label:before{
    border-radius:var(--krds-form-check--checkbox-button-radius-large)
}
[data-krds-mode=high-contrast] .krds-form-check.large>input[type=checkbox]~label:after{
    top:calc((var(--krds-form-check--button-size-large) - var(--krds-form-check--checkbox-check-size-large))/ 2 + var(--krds-form-check--button-margin-top));
    left:calc((var(--krds-form-check--button-size-large) - var(--krds-form-check--checkbox-check-size-large))/ 2);
    display:inline-flex;
    width:var(--krds-form-check--checkbox-check-size-large);
    height:var(--krds-form-check--checkbox-check-size-large);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_checkbox_checked.svg);
    background-image:url(../images/component/icon/ico_checkbox_checked.svg);
    background-color:var(--krds-form-check--checkbox-check-color-element)
}
[data-krds-mode=high-contrast] .krds-form-check input[type=checkbox]~label:after{
    top:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium))/ 2 + var(--krds-form-check--button-margin-top));
    left:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium))/ 2);
    display:inline-flex;
    width:var(--krds-form-check--checkbox-check-size-medium);
    height:var(--krds-form-check--checkbox-check-size-medium);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_checkbox_checked.svg);
    background-image:url(../images/component/icon/ico_checkbox_checked.svg);
    background-color:var(--krds-form-check--checkbox-check-color-element)
}
[data-krds-mode=high-contrast] .krds-form-check input[type=checkbox]:checked~label:after{
    background-color:var(--krds-form-check--checkbox-check-color-element-checked);
    transition-delay:.1s
}
[data-krds-mode=high-contrast] .krds-form-check input[type=checkbox]:checked:disabled~label:after{
    background-color:var(--krds-form-check--checkbox-check-color-element-disabled)
}
[data-krds-mode=high-contrast] .krds-form-check input[type=radio]:checked~label:before{
    border-color:var(--krds-form-check--button-color-border-checked)
}
[data-krds-mode=high-contrast] .krds-form-check input[type=radio]:checked~label:after{
    background-color:var(--krds-form-check--radio-check-color-element-checked)
}
[data-krds-mode=high-contrast] .krds-form-check input[type=radio]:checked:disabled~label:after{
    background-color:var(--krds-form-check--radio-check-color-element-disabled)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-form-check{
        --krds-form-check--color-text:var(--krds-high-contrast-color-text-bolder);
        --krds-form-check--color-text-disabled:var(--krds-high-contrast-color-text-disabled);
        --krds-form-check--color-text-sub:var(--krds-high-contrast-color-text-subtle);
        --krds-form-check--color-text-sub-disabled:var(--krds-high-contrast-color-text-disabled);
        --krds-form-check--button-color-element:var(--krds-high-contrast-color-element-inverse);
        --krds-form-check--button-color-element-disabled:var(--krds-high-contrast-color-element-disabled-light);
        --krds-form-check--button-color-border:var(--krds-high-contrast-color-element-gray-dark);
        --krds-form-check--button-color-border-checked:var(--krds-high-contrast-color-element-primary);
        --krds-form-check--button-color-border-disabled:var(--krds-high-contrast-color-element-disabled-dark);
        --krds-form-check--checkbox-button-color-element-checked:var(--krds-high-contrast-color-element-primary);
        --krds-form-check--radio-check-color-element:var(--krds-light-alpha-black0);
        --krds-form-check--radio-check-color-element-checked:var(--krds-high-contrast-color-element-primary);
        --krds-form-check--radio-check-color-element-disabled:var(--krds-high-contrast-color-element-disabled-dark);
        --krds-form-check--checkbox-check-color-element:var(--krds-light-alpha-black0);
        --krds-form-check--checkbox-check-color-element-checked:var(--krds-high-contrast-color-element-inverse-static);
        --krds-form-check--checkbox-check-color-element-disabled:var(--krds-high-contrast-color-element-disabled-dark);
        --krds-form-check--additional-text-color-text:var(--krds-high-contrast-color-text-subtle);
        --krds-form-check--button-size-medium:var(--krds-size-height-3);
        --krds-form-check--radio-check-size-medium:1rem;
        --krds-form-check--checkbox-check-size-medium:1.2rem;
        --krds-form-check--radio-button-radius-medium:var(--krds-radius-max);
        --krds-form-check--checkbox-button-radius-medium:var(--krds-radius-small1);
        --krds-form-check--pc-font-size-medium:var(--krds-pc-font-size-label-medium);
        --krds-form-check--mobile-font-size-medium:var(--krds-mobile-font-size-label-medium);
        --krds-form-check--additional-text-pc-font-size-medium:var(--krds-pc-font-size-label-small);
        --krds-form-check--additional-text-mobile-font-size-medium:var(--krds-mobile-font-size-label-small);
        --krds-form-check--button-size-large:var(--krds-size-height-4);
        --krds-form-check--radio-check-size-large:1.2rem;
        --krds-form-check--checkbox-check-size-large:var(--krds-size-height-2);
        --krds-form-check--radio-button-radius-large:var(--krds-radius-max);
        --krds-form-check--checkbox-button-radius-large:var(--krds-radius-small2);
        --krds-form-check--pc-font-size-large:var(--krds-pc-font-size-label-large);
        --krds-form-check--mobile-font-size-large:var(--krds-mobile-font-size-label-large);
        --krds-form-check--additional-text-pc-font-size-large:var(--krds-pc-font-size-label-medium);
        --krds-form-check--additional-text-mobile-font-size-large:var(--krds-mobile-font-size-label-medium);
        --krds-form-check--gap:var(--krds-gap-3);
        --krds-form-check--button-margin-top:0.3rem
    }
    [data-krds-mode=theme] .krds-form-check.medium>input[type=checkbox]~label,[data-krds-mode=theme] .krds-form-check.medium>input[type=radio]~label{
        gap:var(--krds-form-check--gap);
        font-size:var(--krds-form-check--pc-font-size-medium)
    }
}
@media (prefers-color-scheme:dark) and (max-width:767px){
    [data-krds-mode=theme] .krds-form-check.medium>input[type=checkbox]~label,[data-krds-mode=theme] .krds-form-check.medium>input[type=radio]~label{
        font-size:var(--krds-form-check--mobile-font-size-medium)
    }
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-form-check.medium>input[type=checkbox]~label:before,[data-krds-mode=theme] .krds-form-check.medium>input[type=radio]~label:before{
        width:var(--krds-form-check--button-size-medium);
        height:var(--krds-form-check--button-size-medium);
        margin-top:var(--krds-form-check--button-margin-top)
    }
    [data-krds-mode=theme] .krds-form-check.medium>input[type=checkbox]~label+.krds-form-check-cnt,[data-krds-mode=theme] .krds-form-check.medium>input[type=radio]~label+.krds-form-check-cnt{
        padding-left:calc(var(--krds-form-check--button-size-medium) + var(--krds-form-check--gap))
    }
    [data-krds-mode=theme] .krds-form-check.medium>input[type=checkbox]~label+.krds-form-check-cnt .krds-form-check-p,[data-krds-mode=theme] .krds-form-check.medium>input[type=radio]~label+.krds-form-check-cnt .krds-form-check-p{
        font-size:var(--krds-form-check--additional-text-pc-font-size-medium)
    }
}
@media (prefers-color-scheme:dark) and (max-width:767px){
    [data-krds-mode=theme] .krds-form-check.medium>input[type=checkbox]~label+.krds-form-check-cnt .krds-form-check-p,[data-krds-mode=theme] .krds-form-check.medium>input[type=radio]~label+.krds-form-check-cnt .krds-form-check-p{
        font-size:var(--krds-form-check--additional-text-mobile-font-size-medium)
    }
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-form-check.medium>input[type=radio]~label:before{
        border-radius:var(--krds-form-check--radio-button-radius-medium)
    }
    [data-krds-mode=theme] .krds-form-check.medium>input[type=radio]~label:after{
        top:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--radio-check-size-medium))/ 2 + var(--krds-form-check--button-margin-top));
        left:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--radio-check-size-medium))/ 2);
        width:var(--krds-form-check--radio-check-size-medium);
        height:var(--krds-form-check--radio-check-size-medium);
        background-color:var(--krds-form-check--radio-check-color-element);
        border-radius:var(--krds-radius-max)
    }
    [data-krds-mode=theme] .krds-form-check.medium>input[type=checkbox]~label:before{
        border-radius:var(--krds-form-check--checkbox-button-radius-medium)
    }
    [data-krds-mode=theme] .krds-form-check.medium>input[type=checkbox]~label:after{
        top:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium))/ 2 + var(--krds-form-check--button-margin-top));
        left:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium))/ 2);
        display:inline-flex;
        width:var(--krds-form-check--checkbox-check-size-medium);
        height:var(--krds-form-check--checkbox-check-size-medium);
        background-color:var(--krds-light-color-text-basic);
        forced-color-adjust:none;
        -webkit-mask-repeat:no-repeat;
        -webkit-mask-position:center center;
        -webkit-mask-size:contain;
        mask-repeat:no-repeat;
        mask-position:center center;
        mask-size:contain;
        -webkit-mask-image:url(../images/component/icon/ico_checkbox_checked.svg);
        background-image:url(../images/component/icon/ico_checkbox_checked.svg);
        background-color:var(--krds-form-check--checkbox-check-color-element)
    }
    [data-krds-mode=theme] .krds-form-check.large>input[type=checkbox]~label,[data-krds-mode=theme] .krds-form-check.large>input[type=radio]~label{
        gap:var(--krds-form-check--gap);
        font-size:var(--krds-form-check--pc-font-size-large)
    }
}
@media (prefers-color-scheme:dark) and (max-width:767px){
    [data-krds-mode=theme] .krds-form-check.large>input[type=checkbox]~label,[data-krds-mode=theme] .krds-form-check.large>input[type=radio]~label{
        font-size:var(--krds-form-check--mobile-font-size-large)
    }
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-form-check.large>input[type=checkbox]~label:before,[data-krds-mode=theme] .krds-form-check.large>input[type=radio]~label:before{
        width:var(--krds-form-check--button-size-large);
        height:var(--krds-form-check--button-size-large);
        margin-top:var(--krds-form-check--button-margin-top)
    }
    [data-krds-mode=theme] .krds-form-check.large>input[type=checkbox]~label+.krds-form-check-cnt,[data-krds-mode=theme] .krds-form-check.large>input[type=radio]~label+.krds-form-check-cnt{
        padding-left:calc(var(--krds-form-check--button-size-large) + var(--krds-form-check--gap))
    }
    [data-krds-mode=theme] .krds-form-check.large>input[type=checkbox]~label+.krds-form-check-cnt .krds-form-check-p,[data-krds-mode=theme] .krds-form-check.large>input[type=radio]~label+.krds-form-check-cnt .krds-form-check-p{
        font-size:var(--krds-form-check--additional-text-pc-font-size-large)
    }
}
@media (prefers-color-scheme:dark) and (max-width:767px){
    [data-krds-mode=theme] .krds-form-check.large>input[type=checkbox]~label+.krds-form-check-cnt .krds-form-check-p,[data-krds-mode=theme] .krds-form-check.large>input[type=radio]~label+.krds-form-check-cnt .krds-form-check-p{
        font-size:var(--krds-form-check--additional-text-mobile-font-size-large)
    }
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-form-check.large>input[type=radio]~label:before{
        border-radius:var(--krds-form-check--radio-button-radius-large)
    }
    [data-krds-mode=theme] .krds-form-check.large>input[type=radio]~label:after{
        top:calc((var(--krds-form-check--button-size-large) - var(--krds-form-check--radio-check-size-large))/ 2 + var(--krds-form-check--button-margin-top));
        left:calc((var(--krds-form-check--button-size-large) - var(--krds-form-check--radio-check-size-large))/ 2);
        width:var(--krds-form-check--radio-check-size-large);
        height:var(--krds-form-check--radio-check-size-large);
        background-color:var(--krds-form-check--radio-check-color-element);
        border-radius:var(--krds-radius-max)
    }
    [data-krds-mode=theme] .krds-form-check.large>input[type=checkbox]~label:before{
        border-radius:var(--krds-form-check--checkbox-button-radius-large)
    }
    [data-krds-mode=theme] .krds-form-check.large>input[type=checkbox]~label:after{
        top:calc((var(--krds-form-check--button-size-large) - var(--krds-form-check--checkbox-check-size-large))/ 2 + var(--krds-form-check--button-margin-top));
        left:calc((var(--krds-form-check--button-size-large) - var(--krds-form-check--checkbox-check-size-large))/ 2);
        display:inline-flex;
        width:var(--krds-form-check--checkbox-check-size-large);
        height:var(--krds-form-check--checkbox-check-size-large);
        background-color:var(--krds-light-color-text-basic);
        forced-color-adjust:none;
        -webkit-mask-repeat:no-repeat;
        -webkit-mask-position:center center;
        -webkit-mask-size:contain;
        mask-repeat:no-repeat;
        mask-position:center center;
        mask-size:contain;
        -webkit-mask-image:url(../images/component/icon/ico_checkbox_checked.svg);
        background-image:url(../images/component/icon/ico_checkbox_checked.svg);
        background-color:var(--krds-form-check--checkbox-check-color-element)
    }
    [data-krds-mode=theme] .krds-form-check input[type=checkbox]~label:after{
        top:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium))/ 2 + var(--krds-form-check--button-margin-top));
        left:calc((var(--krds-form-check--button-size-medium) - var(--krds-form-check--checkbox-check-size-medium))/ 2);
        display:inline-flex;
        width:var(--krds-form-check--checkbox-check-size-medium);
        height:var(--krds-form-check--checkbox-check-size-medium);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none;
        -webkit-mask-repeat:no-repeat;
        -webkit-mask-position:center center;
        -webkit-mask-size:contain;
        mask-repeat:no-repeat;
        mask-position:center center;
        mask-size:contain;
        -webkit-mask-image:url(../images/component/icon/ico_checkbox_checked.svg);
        background-image:url(../images/component/icon/ico_checkbox_checked.svg);
        background-color:var(--krds-form-check--checkbox-check-color-element)
    }
    [data-krds-mode=theme] .krds-form-check input[type=checkbox]:checked~label:after{
        background-color:var(--krds-form-check--checkbox-check-color-element-checked);
        transition-delay:.1s
    }
    [data-krds-mode=theme] .krds-form-check input[type=checkbox]:checked:disabled~label:after{
        background-color:var(--krds-form-check--checkbox-check-color-element-disabled)
    }
    [data-krds-mode=theme] .krds-form-check input[type=radio]:checked~label:before{
        border-color:var(--krds-form-check--button-color-border-checked)
    }
    [data-krds-mode=theme] .krds-form-check input[type=radio]:checked~label:after{
        background-color:var(--krds-form-check--radio-check-color-element-checked)
    }
    [data-krds-mode=theme] .krds-form-check input[type=radio]:checked:disabled~label:after{
        background-color:var(--krds-form-check--radio-check-color-element-disabled)
    }
}
.krds-form-chip{
    --krds-form-chip--color-text:var(--krds-light-color-text-basic);
    --krds-form-chip--color-text-checked:var(--krds-light-color-text-primary);
    --krds-form-chip--color-text-disabled:var(--krds-light-color-text-disabled-on);
    --krds-form-chip--color-action:var(--krds-light-color-action-white);
    --krds-form-chip--color-action-checked:var(--krds-light-color-action-primary-selected);
    --krds-form-chip--color-action-disabled:var(--krds-light-color-action-disabled);
    --krds-form-chip--color-border:var(--krds-light-color-border-gray);
    --krds-form-chip--color-border-checked:var(--krds-light-color-border-primary);
    --krds-form-chip--color-border-disabled:var(--krds-light-color-border-disabled);
    --krds-form-chip--color-check:var(--krds-light-color-element-disabled-dark);
    --krds-form-chip--color-check-checked:var(--krds-light-color-icon-primary);
    --krds-form-chip--color-check-disabled:var(--krds-light-color-icon-disabled-on);
    --krds-form-chip--size-height-small:var(--krds-size-height-6);
    --krds-form-chip--check-size-small:1.2rem;
    --krds-form-chip--padding-x-small:var(--krds-padding-4);
    --krds-form-chip--radius-small:var(--krds-radius-medium1);
    --krds-form-chip--pc-font-size-small:var(--krds-pc-font-size-label-small);
    --krds-form-chip--mobile-font-size-small:var(--krds-pc-font-size-label-small);
    --krds-form-chip--size-height-medium:var(--krds-size-height-7);
    --krds-form-chip--check-size-medium:var(--krds-icon--size-small);
    --krds-form-chip--padding-x-medium:var(--krds-padding-5);
    --krds-form-chip--radius-medium:var(--krds-radius-medium2);
    --krds-form-chip--pc-font-size-medium:var(--krds-pc-font-size-label-medium);
    --krds-form-chip--mobile-font-size-medium:var(--krds-pc-font-size-label-medium);
    --krds-form-chip--size-height-large:var(--krds-size-height-8);
    --krds-form-chip--check-size-large:var(--krds-icon--size-small);
    --krds-form-chip--padding-x-large:var(--krds-padding-6);
    --krds-form-chip--radius-large:var(--krds-radius-medium3);
    --krds-form-chip--pc-font-size-large:var(--krds-pc-font-size-label-large);
    --krds-form-chip--mobile-font-size-large:var(--krds-pc-font-size-label-large);
    --krds-form-chip--gap:var(--krds-gap-2)
}
.krds-form-chip.small input[type=checkbox]~label,.krds-form-chip.small input[type=radio]~label{
    gap:var(--krds-form-chip--gap);
    height:var(--krds-form-chip--size-height-small);
    padding:0 var(--krds-form-chip--padding-x-small);
    background-color:var(--krds-form-chip--color-action);
    border:.1rem solid var(--krds-form-chip--color-border);
    border-radius:var(--krds-form-chip--radius-small);
    font-size:var(--krds-form-chip--pc-font-size-small);
    color:var(--krds-form-chip--color-text);
    transition:.4s cubic-bezier(.4,0,.23,1)
}
@media (max-width:767px){
    .krds-form-chip.small input[type=checkbox]~label,.krds-form-chip.small input[type=radio]~label{
        font-size:var(--krds-form-chip--mobile-font-size-small)
    }
}
.krds-form-chip.small input[type=checkbox]~label:before,.krds-form-chip.small input[type=radio]~label:before{
    display:inline-flex;
    width:var(--krds-form-chip--check-size-small);
    height:var(--krds-form-chip--check-size-small);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_checkbox.svg);
    background-image:url(../images/component/icon/ico_checkbox.svg);
    background-color:var(--krds-form-chip--color-check);
    transition:.4s cubic-bezier(.4,0,.23,1)
}
.krds-form-chip.medium input[type=checkbox]~label,.krds-form-chip.medium input[type=radio]~label{
    gap:var(--krds-form-chip--gap);
    height:var(--krds-form-chip--size-height-medium);
    padding:0 var(--krds-form-chip--padding-x-medium);
    background-color:var(--krds-form-chip--color-action);
    border:.1rem solid var(--krds-form-chip--color-border);
    border-radius:var(--krds-form-chip--radius-medium);
    font-size:var(--krds-form-chip--pc-font-size-medium);
    color:var(--krds-form-chip--color-text);
    transition:.4s cubic-bezier(.4,0,.23,1)
}
@media (max-width:767px){
    .krds-form-chip.medium input[type=checkbox]~label,.krds-form-chip.medium input[type=radio]~label{
        font-size:var(--krds-form-chip--mobile-font-size-medium)
    }
}
.krds-form-chip.medium input[type=checkbox]~label:before,.krds-form-chip.medium input[type=radio]~label:before{
    display:inline-flex;
    width:var(--krds-form-chip--check-size-medium);
    height:var(--krds-form-chip--check-size-medium);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_checkbox.svg);
    background-image:url(../images/component/icon/ico_checkbox.svg);
    background-color:var(--krds-form-chip--color-check);
    transition:.4s cubic-bezier(.4,0,.23,1)
}
.krds-form-chip.large input[type=checkbox]~label,.krds-form-chip.large input[type=radio]~label{
    gap:var(--krds-form-chip--gap);
    height:var(--krds-form-chip--size-height-large);
    padding:0 var(--krds-form-chip--padding-x-large);
    background-color:var(--krds-form-chip--color-action);
    border:.1rem solid var(--krds-form-chip--color-border);
    border-radius:var(--krds-form-chip--radius-large);
    font-size:var(--krds-form-chip--pc-font-size-large);
    color:var(--krds-form-chip--color-text);
    transition:.4s cubic-bezier(.4,0,.23,1)
}
@media (max-width:767px){
    .krds-form-chip.large input[type=checkbox]~label,.krds-form-chip.large input[type=radio]~label{
        font-size:var(--krds-form-chip--mobile-font-size-large)
    }
}
.krds-form-chip.large input[type=checkbox]~label:before,.krds-form-chip.large input[type=radio]~label:before{
    display:inline-flex;
    width:var(--krds-form-chip--check-size-large);
    height:var(--krds-form-chip--check-size-large);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_checkbox.svg);
    background-image:url(../images/component/icon/ico_checkbox.svg);
    background-color:var(--krds-form-chip--color-check);
    transition:.4s cubic-bezier(.4,0,.23,1)
}
.krds-form-chip input[type=checkbox]~label,.krds-form-chip input[type=radio]~label{
    display:inline-flex;
    align-items:center;
    position:relative;
    gap:var(--krds-form-chip--gap);
    height:var(--krds-form-chip--size-height-medium);
    padding:0 var(--krds-form-chip--padding-x-medium);
    background-color:var(--krds-form-chip--color-action);
    border:.1rem solid var(--krds-form-chip--color-border);
    border-radius:var(--krds-form-chip--radius-medium);
    font-size:var(--krds-form-chip--pc-font-size-medium);
    color:var(--krds-form-chip--color-text);
    transition:.4s cubic-bezier(.4,0,.23,1)
}
@media (max-width:767px){
    .krds-form-chip input[type=checkbox]~label,.krds-form-chip input[type=radio]~label{
        font-size:var(--krds-form-chip--mobile-font-size-medium)
    }
}
.krds-form-chip input[type=checkbox]~label:before,.krds-form-chip input[type=radio]~label:before{
    content:"";
    display:inline-flex;
    width:var(--krds-form-chip--check-size-medium);
    height:var(--krds-form-chip--check-size-medium);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_checkbox.svg);
    background-image:url(../images/component/icon/ico_checkbox.svg);
    background-color:var(--krds-form-chip--color-check);
    transition:.4s cubic-bezier(.4,0,.23,1)
}
.krds-form-chip input[type=checkbox]:disabled~label,.krds-form-chip input[type=radio]:disabled~label{
    background-color:var(--krds-form-chip--color-action-disabled);
    border-color:var(--krds-form-chip--color-border-disabled);
    color:var(--krds-form-chip--color-text-disabled);
    cursor:default
}
.krds-form-chip input[type=checkbox]:disabled~label:before,.krds-form-chip input[type=radio]:disabled~label:before{
    background-color:var(--krds-form-chip--color-check-disabled)!important
}
.krds-form-chip input[type=checkbox]:checked~label,.krds-form-chip input[type=radio]:checked~label{
    background-color:var(--krds-form-chip--color-action-checked);
    border-color:var(--krds-form-chip--color-border-checked);
    color:var(--krds-form-chip--color-text-checked)
}
.krds-form-chip input[type=checkbox]:checked~label:before,.krds-form-chip input[type=radio]:checked~label:before{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_checkbox_checked.svg);
    background-image:url(../images/component/icon/ico_checkbox_checked.svg);
    background-color:var(--krds-form-chip--color-check-checked)
}
.krds-form-chip input[type=radio]~label:before{
    display:none!important
}
.krds-form-chip input[type=radio]:checked~label:before{
    display:inline-flex!important;
    background-color:var(--krds-form-chip--color-check-checked)
}
.krds-form-chip input[type=radio]:disabled~label:before{
    display:none!important
}
.krds-form-chip.focus input[type=checkbox]~label,.krds-form-chip.focus input[type=radio]~label{
    box-shadow:var(--krds-box-shadow-outline-inset);
    outline-offset:-.4rem
}
[data-krds-mode=high-contrast] .krds-form-chip{
    --krds-form-chip--color-text:var(--krds-high-contrast-color-text-basic);
    --krds-form-chip--color-text-checked:var(--krds-high-contrast-color-text-primary);
    --krds-form-chip--color-text-disabled:var(--krds-high-contrast-color-text-disabled-on);
    --krds-form-chip--color-action:var(--krds-high-contrast-color-action-white);
    --krds-form-chip--color-action-checked:var(--krds-high-contrast-color-action-primary-selected);
    --krds-form-chip--color-action-disabled:var(--krds-high-contrast-color-action-disabled);
    --krds-form-chip--color-border:var(--krds-high-contrast-color-border-gray);
    --krds-form-chip--color-border-checked:var(--krds-high-contrast-color-border-primary);
    --krds-form-chip--color-border-disabled:var(--krds-high-contrast-color-border-disabled);
    --krds-form-chip--color-check:var(--krds-high-contrast-color-element-disabled-dark);
    --krds-form-chip--color-check-checked:var(--krds-high-contrast-color-icon-primary);
    --krds-form-chip--color-check-disabled:var(--krds-high-contrast-color-icon-disabled-on)
}
[data-krds-mode=high-contrast] .krds-form-chip input[type=checkbox]~label:before,[data-krds-mode=high-contrast] .krds-form-chip input[type=radio]~label:before{
    display:inline-flex;
    width:var(--krds-form-chip--check-size-medium);
    height:var(--krds-form-chip--check-size-medium);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_checkbox.svg);
    background-image:url(../images/component/icon/ico_checkbox.svg);
    background-color:var(--krds-form-chip--color-check);
    transition:.4s cubic-bezier(.4,0,.23,1)
}
[data-krds-mode=high-contrast] .krds-form-chip input[type=checkbox]:disabled~label:before,[data-krds-mode=high-contrast] .krds-form-chip input[type=radio]:disabled~label:before{
    background-color:var(--krds-form-chip--color-check-disabled)!important
}
[data-krds-mode=high-contrast] .krds-form-chip input[type=checkbox]:checked~label:before,[data-krds-mode=high-contrast] .krds-form-chip input[type=radio]:checked~label:before{
    background-color:var(--krds-form-chip--color-check-checked)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-form-chip{
        --krds-form-chip--color-text:var(--krds-high-contrast-color-text-basic);
        --krds-form-chip--color-text-checked:var(--krds-high-contrast-color-text-primary);
        --krds-form-chip--color-text-disabled:var(--krds-high-contrast-color-text-disabled-on);
        --krds-form-chip--color-action:var(--krds-high-contrast-color-action-white);
        --krds-form-chip--color-action-checked:var(--krds-high-contrast-color-action-primary-selected);
        --krds-form-chip--color-action-disabled:var(--krds-high-contrast-color-action-disabled);
        --krds-form-chip--color-border:var(--krds-high-contrast-color-border-gray);
        --krds-form-chip--color-border-checked:var(--krds-high-contrast-color-border-primary);
        --krds-form-chip--color-border-disabled:var(--krds-high-contrast-color-border-disabled);
        --krds-form-chip--color-check:var(--krds-high-contrast-color-element-disabled-dark);
        --krds-form-chip--color-check-checked:var(--krds-high-contrast-color-icon-primary);
        --krds-form-chip--color-check-disabled:var(--krds-high-contrast-color-icon-disabled-on)
    }
    [data-krds-mode=theme] .krds-form-chip input[type=checkbox]~label:before,[data-krds-mode=theme] .krds-form-chip input[type=radio]~label:before{
        display:inline-flex;
        width:var(--krds-form-chip--check-size-medium);
        height:var(--krds-form-chip--check-size-medium);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none;
        -webkit-mask-repeat:no-repeat;
        -webkit-mask-position:center center;
        -webkit-mask-size:contain;
        mask-repeat:no-repeat;
        mask-position:center center;
        mask-size:contain;
        -webkit-mask-image:url(../images/component/icon/ico_checkbox.svg);
        background-image:url(../images/component/icon/ico_checkbox.svg);
        background-color:var(--krds-form-chip--color-check);
        transition:.4s cubic-bezier(.4,0,.23,1)
    }
    [data-krds-mode=theme] .krds-form-chip input[type=checkbox]:disabled~label:before,[data-krds-mode=theme] .krds-form-chip input[type=radio]:disabled~label:before{
        background-color:var(--krds-form-chip--color-check-disabled)!important
    }
    [data-krds-mode=theme] .krds-form-chip input[type=checkbox]:checked~label:before,[data-krds-mode=theme] .krds-form-chip input[type=radio]:checked~label:before{
        background-color:var(--krds-form-chip--color-check-checked)
    }
}
.krds-form-toggle-switch{
    --krds-form-toggle-switch--color-text:var(--krds-light-color-text-basic);
    --krds-form-toggle-switch--color-text-disabled:var(--krds-light-color-text-disabled);
    --krds-form-toggle-switch--button-color-background:var(--krds-light-color-element-gray);
    --krds-form-toggle-switch--button-color-background-checked:var(--krds-light-color-element-primary);
    --krds-form-toggle-switch--check-color-background:var(--krds-light-color-element-inverse);
    --krds-form-toggle-switch--button-color-background-disabled:var(--krds-light-color-element-disabled-light);
    --krds-form-toggle-switch--check-color-background-disabled:var(--krds-light-color-element-disabled-dark);
    --krds-form-toggle-switch--check-color-border:var(--krds-form-toggle-switch--button-color-background);
    --krds-form-toggle-switch--check-color-border-checked:var(--krds-form-toggle-switch--button-color-background-checked);
    --krds-form-toggle-switch--check-color-border-disabled:var(--krds-form-toggle-switch--button-color-background-disabled);
    position:relative;
    display:inline-flex;
    --krds-form-toggle-switch--button-size-width-medium:3.2rem;
    --krds-form-toggle-switch--button-size-height-medium:var(--krds-size-height-3);
    --krds-form-toggle-switch--check-size-medium:var(--krds-form-toggle-switch--button-size-height-medium);
    --krds-form-toggle-switch--icon-size-medium:0.8rem;
    --krds-form-toggle-switch--button-radius-medium:var(--krds-form-toggle-switch--button-size-height-medium);
    --krds-form-toggle-switch--pc-font-size-medium:var(--krds-pc-font-size-label-medium);
    --krds-form-toggle-switch--mobile-font-size-medium:var(--krds-mobile-font-size-label-medium);
    --krds-form-toggle-switch--button-size-width-large:4rem;
    --krds-form-toggle-switch--button-size-height-large:var(--krds-size-height-4);
    --krds-form-toggle-switch--check-size-large:var(--krds-form-toggle-switch--button-size-height-large);
    --krds-form-toggle-switch--icon-size-large:1rem;
    --krds-form-toggle-switch--button-radius-large:var(--krds-form-toggle-switch--button-size-height-large);
    --krds-form-toggle-switch--pc-font-size-large:var(--krds-pc-font-size-label-large);
    --krds-form-toggle-switch--mobile-font-size-large:var(--krds-mobile-font-size-label-large);
    --krds-form-toggle-switch--gap:var(--krds-gap-3)
}
.krds-form-toggle-switch.medium [type=checkbox]~label{
    gap:var(--krds-form-toggle-switch--gap);
    font-size:var(--krds-form-toggle-switch--pc-font-size-medium);
    line-height:var(--krds-form-toggle-switch--button-size-height-medium)
}
@media (max-width:767px){
    .krds-form-toggle-switch.medium [type=checkbox]~label{
        font-size:var(--krds-form-toggle-switch--mobile-font-size-medium)
    }
}
.krds-form-toggle-switch.medium [type=checkbox]~label .switch-toggle{
    width:var(--krds-form-toggle-switch--button-size-width-medium);
    height:var(--krds-form-toggle-switch--button-size-height-medium);
    border-radius:var(--krds-form-toggle-switch--button-radius-medium)
}
.krds-form-toggle-switch.medium [type=checkbox]~label .switch-toggle>i{
    width:var(--krds-form-toggle-switch--check-size-medium);
    height:var(--krds-form-toggle-switch--check-size-medium);
    border-radius:var(--krds-radius-max)
}
.krds-form-toggle-switch.medium [type=checkbox]~label .switch-toggle>i::before{
    display:inline-flex;
    width:var(--krds-form-toggle-switch--icon-size-medium);
    height:var(--krds-form-toggle-switch--icon-size-medium);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    background-color:var(--krds-form-toggle-switch--button-color-background)
}
.krds-form-toggle-switch.medium [type=checkbox]:checked~label .switch-toggle>i{
    left:calc(var(--krds-form-toggle-switch--button-size-width-medium) - var(--krds-form-toggle-switch--check-size-medium))
}
.krds-form-toggle-switch.large [type=checkbox]~label{
    gap:var(--krds-form-toggle-switch--gap);
    font-size:var(--krds-form-toggle-switch--pc-font-size-large);
    line-height:var(--krds-form-toggle-switch--button-size-height-large)
}
@media (max-width:767px){
    .krds-form-toggle-switch.large [type=checkbox]~label{
        font-size:var(--krds-form-toggle-switch--mobile-font-size-large)
    }
}
.krds-form-toggle-switch.large [type=checkbox]~label .switch-toggle{
    width:var(--krds-form-toggle-switch--button-size-width-large);
    height:var(--krds-form-toggle-switch--button-size-height-large);
    border-radius:var(--krds-form-toggle-switch--button-radius-large)
}
.krds-form-toggle-switch.large [type=checkbox]~label .switch-toggle>i{
    width:var(--krds-form-toggle-switch--check-size-large);
    height:var(--krds-form-toggle-switch--check-size-large);
    border-radius:var(--krds-radius-max)
}
.krds-form-toggle-switch.large [type=checkbox]~label .switch-toggle>i::before{
    display:inline-flex;
    width:var(--krds-form-toggle-switch--icon-size-large);
    height:var(--krds-form-toggle-switch--icon-size-large);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    background-color:var(--krds-form-toggle-switch--button-color-background)
}
.krds-form-toggle-switch.large [type=checkbox]:checked~label .switch-toggle>i{
    left:calc(var(--krds-form-toggle-switch--button-size-width-large) - var(--krds-form-toggle-switch--check-size-large))
}
.krds-form-toggle-switch.focus [type=checkbox]~label{
    box-shadow:var(--krds-box-shadow-outline-inset);
    outline-offset:-.4rem
}
.krds-form-toggle-switch [type=checkbox]~label{
    display:inline-flex;
    align-items:center;
    gap:var(--krds-form-toggle-switch--gap);
    font-size:var(--krds-form-toggle-switch--pc-font-size-large);
    line-height:var(--krds-form-toggle-switch--button-size-height-large)
}
@media (max-width:767px){
    .krds-form-toggle-switch [type=checkbox]~label{
        font-size:var(--krds-form-toggle-switch--mobile-font-size-large)
    }
}
.krds-form-toggle-switch [type=checkbox]~label .switch-toggle{
    width:var(--krds-form-toggle-switch--button-size-width-large);
    height:var(--krds-form-toggle-switch--button-size-height-large);
    border-radius:var(--krds-form-toggle-switch--button-radius-large);
    background-color:var(--krds-form-toggle-switch--button-color-background);
    transition:.4s cubic-bezier(.4,0,.23,1)
}
.krds-form-toggle-switch [type=checkbox]~label .switch-toggle>i{
    position:absolute;
    top:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    width:var(--krds-form-toggle-switch--check-size-large);
    height:var(--krds-form-toggle-switch--check-size-large);
    border-radius:var(--krds-radius-max);
    background-color:var(--krds-form-toggle-switch--check-color-background);
    border:.2rem solid var(--krds-form-toggle-switch--check-color-border);
    box-sizing:border-box;
    transition:.4s cubic-bezier(.4,0,.23,1)
}
.krds-form-toggle-switch [type=checkbox]~label .switch-toggle>i::before{
    content:"";
    display:inline-flex;
    width:var(--krds-form-toggle-switch--icon-size-large);
    height:var(--krds-form-toggle-switch--icon-size-large);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    background-color:var(--krds-form-toggle-switch--button-color-background);
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_switch_off.svg);
    background-image:url(../images/component/icon/ico_switch_off.svg);
    margin-left:-.1rem
}
.krds-form-toggle-switch [type=checkbox]:checked~label .switch-toggle{
    background-color:var(--krds-form-toggle-switch--button-color-background-checked)
}
.krds-form-toggle-switch [type=checkbox]:checked~label .switch-toggle>i{
    left:calc(var(--krds-form-toggle-switch--button-size-width-large) - var(--krds-form-toggle-switch--check-size-large));
    border-color:var(--krds-form-toggle-switch--check-color-border-checked)
}
.krds-form-toggle-switch [type=checkbox]:checked~label .switch-toggle>i::before{
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_switch_on.svg);
    background-image:url(../images/component/icon/ico_switch_on.svg);
    background-color:var(--krds-form-toggle-switch--check-color-border-checked)
}
.krds-form-toggle-switch [type=checkbox]:disabled~label .switch-toggle{
    background-color:var(--krds-form-toggle-switch--button-color-background-disabled)
}
.krds-form-toggle-switch [type=checkbox]:disabled~label .switch-toggle>i{
    background-color:var(--krds-form-toggle-switch--check-color-background-disabled);
    border-color:var(--krds-form-toggle-switch--check-color-border-disabled)
}
.krds-form-toggle-switch [type=checkbox]:disabled~label .switch-toggle>i::before{
    background-color:var(--krds-form-toggle-switch--button-color-background-disabled)
}
[data-krds-mode=high-contrast] .krds-form-toggle-switch{
    --krds-form-toggle-switch--color-text:var(--krds-high-contrast-color-text-basic);
    --krds-form-toggle-switch--color-text-disabled:var(--krds-high-contrast-color-text-disabled);
    --krds-form-toggle-switch--button-color-background:var(--krds-high-contrast-color-element-gray);
    --krds-form-toggle-switch--button-color-background-checked:var(--krds-high-contrast-color-element-primary);
    --krds-form-toggle-switch--check-color-background:var(--krds-high-contrast-color-element-inverse);
    --krds-form-toggle-switch--button-color-background-disabled:var(--krds-high-contrast-color-element-disabled-light);
    --krds-form-toggle-switch--check-color-background-disabled:var(--krds-high-contrast-color-element-disabled-dark);
    --krds-form-toggle-switch--check-color-border:var(--krds-form-toggle-switch--button-color-background);
    --krds-form-toggle-switch--check-color-border-checked:var(--krds-form-toggle-switch--button-color-background-checked);
    --krds-form-toggle-switch--check-color-border-disabled:var(--krds-form-toggle-switch--button-color-background-disabled)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-form-toggle-switch{
        --krds-form-toggle-switch--color-text:var(--krds-high-contrast-color-text-basic);
        --krds-form-toggle-switch--color-text-disabled:var(--krds-high-contrast-color-text-disabled);
        --krds-form-toggle-switch--button-color-background:var(--krds-high-contrast-color-element-gray);
        --krds-form-toggle-switch--button-color-background-checked:var(--krds-high-contrast-color-element-primary);
        --krds-form-toggle-switch--check-color-background:var(--krds-high-contrast-color-element-inverse);
        --krds-form-toggle-switch--button-color-background-disabled:var(--krds-high-contrast-color-element-disabled-light);
        --krds-form-toggle-switch--check-color-background-disabled:var(--krds-high-contrast-color-element-disabled-dark);
        --krds-form-toggle-switch--check-color-border:var(--krds-form-toggle-switch--button-color-background);
        --krds-form-toggle-switch--check-color-border-checked:var(--krds-form-toggle-switch--button-color-background-checked);
        --krds-form-toggle-switch--check-color-border-disabled:var(--krds-form-toggle-switch--button-color-background-disabled)
    }
}
.krds-calendar-area{
    --krds-calendar--radius:var(--krds-radius-xlarge2);
    --krds-calendar--head-pc-font-size:var(--krds-pc-font-size-heading-xsmall);
    --krds-calendar--head-mobile-font-size:var(--krds-mobile-font-size-heading-xsmall);
    --krds-calendar--head-btn-cal-switch-pc-font-size:var(--krds-pc-font-size-label-medium);
    --krds-calendar--head-btn-cal-switch-mobile-font-size:var(--krds-mobile-font-size-label-medium);
    --krds-calendar--head-btn-cal-switch-radius:var(--krds-radius-medium1);
    --krds-calendar--head-btn-cal-move-size:var(--krds-size-height-5);
    --krds-calendar--table-wrap-padding:var(--krds-gap-5);
    --krds-calendar--table-head-pc-font-size:var(--krds-pc-font-size-label-small);
    --krds-calendar--table-head-mobile-font-size:var(--krds-mobile-font-size-label-small);
    --krds-calendar--table-caption-pc-font-size:var(--krds-pc-font-size-heading-xxsmall);
    --krds-calendar--table-caption-mobile-font-size:var(--krds-pc-font-size-heading-xxsmall);
    --krds-calendar--set-date-radius:var(--krds-radius-max);
    --krds-calendar--color-border:var(--krds-light-color-border-secondary-light);
    --krds-calendar--color-surface:var(--krds-light-color-surface-secondary-subtler);
    --krds-calendar--color-text-sub:var(--krds-light-color-text-subtle);
    --krds-calendar--head-btn-cal-move-color-text-active:var(--krds-light-color-text-secondary);
    --krds-calendar--head-btn-cal-move-color-border:var(--krds-light-color-border-gray-light);
    --krds-calendar--head-btn-cal-move-color-border-active:var(--krds-light-color-border-secondary);
    --krds-calendar--head-btn-cal-move-color-action:var(--krds-light-color-action-white);
    --krds-calendar--head-btn-cal-switch-color-action-hover:var(--krds-light-color-action-secondary-hover);
    --krds-calendar--head-btn-cal-switch-color-action-active:var(--krds-light-color-action-secondary-pressed);
    --krds-calendar--head-btn-cal-switch-color-text-disabled:var(--krds-light-color-text-disabled-on);
    --krds-calendar--head-drop-down-shadow:0 0 0.2rem 0 var(--krds-light-color-alpha-shadow1),0 0.4rem 0.8rem 0 var(--krds-light-color-alpha-shadow2);
    --krds-calendar--date-set-color-action:var(--krds-light-color-action-secondary-active);
    --krds-calendar--date-set-color-text:var(--krds-light-color-text-inverse-static);
    --krds-calendar--date-set-color-text-day-off:var(--krds-light-color-text-danger);
    --krds-calendar--date-set-color-text-day-event:var(--krds-light-color-text-information);
    --krds-calendar--date-set-color-text-disabled:var(--krds-light-color-text-disabled);
    --krds-calendar--date-set-color-action-pressed:var(--krds-light-color-action-secondary-on-pressed);
    --krds-calendar--date-set-color-action-period:var(--krds-light-color-action-secondary-on-selected);
    --krds-calendar--date-set-color-element-today:var(--krds-light-color-element-point);
    --krds-calendar--action-btn-wrap-color-border:var(--krds-light-color-divider-gray-light);
    --krds-calendar--action-btn-wrap-color-surface:var(--krds-light-color-surface-white);
    display:none;
    position:relative;
    z-index:1000;
    width:100%
}
.krds-calendar-area .calendar-wrap{
    position:absolute;
    top:.8rem;
    left:0;
    width:38.4rem;
    background-color:var(--krds-calendar--color-surface);
    border:1px solid var(--krds-calendar--color-border);
    border-radius:var(--krds-calendar--radius);
    overflow:hidden
}
.krds-calendar-area .calendar-wrap.bottom{
    top:auto;
    bottom:6.4rem
}
.krds-calendar-area .calendar-wrap .calendar-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row;
    padding:var(--krds-padding-8);
    font-size:var(--krds-calendar--head-pc-font-size);
    font-weight:var(--krds-font-weight-bold);
    gap:var(--krds-gap-5)
}
.krds-calendar-area .calendar-wrap .calendar-head .btn-cal-move{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    width:var(--krds-calendar--head-btn-cal-move-size);
    height:var(--krds-calendar--head-btn-cal-move-size);
    background-color:var(--krds-calendar--head-btn-cal-move-color-action);
    border:1px solid var(--krds-calendar--head-btn-cal-move-color-border);
    border-radius:var(--krds-radius-max);
    flex-shrink:0
}
.krds-calendar-area .calendar-wrap .calendar-head .btn-cal-move::before{
    content:"";
    display:inline-flex;
    width:var(--krds-size-height-3);
    height:var(--krds-size-height-3);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_angle.svg);
    background-image:url(../images/component/icon/ico_angle.svg);
    transform:rotate(90deg)
}
.krds-calendar-area .calendar-wrap .calendar-head .btn-cal-move.next::before{
    transform:rotate(-90deg)
}
.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    gap:var(--krds-gap-2)
}
.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .btn-cal-switch{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    gap:var(--krds-gap-2);
    height:var(--krds-size-height-6);
    border-radius:var(--krds-calendar--head-btn-cal-switch-radius);
    padding:0 var(--krds-padding-3);
    transition:var(--krds-transition-base)
}
.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .btn-cal-switch::after{
    content:"";
    display:inline-flex;
    width:var(--krds-icon--size-small);
    height:var(--krds-icon--size-small);
    background-color:var(--krds-light-color-text-basic);
    forced-color-adjust:none;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center center;
    mask-size:contain;
    -webkit-mask-image:url(../images/component/icon/ico_arrow_dropdown.svg);
    background-image:url(../images/component/icon/ico_arrow_dropdown.svg)
}
.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .btn-cal-switch:hover{
    background-color:var(--krds-calendar--head-btn-cal-switch-color-action-hover)
}
.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .btn-cal-switch.active,.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .btn-cal-switch:active,.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .btn-cal-switch:focus{
    background-color:var(--krds-calendar--head-btn-cal-switch-color-action-active)
}
.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .btn-cal-switch:disabled{
    cursor:default;
    color:var(--krds-calendar--head-btn-cal-switch-color-text-disabled);
    background-color:var(--krds-calendar--action-btn-wrap-color-surface)
}
.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .btn-cal-switch:disabled::after{
    background-color:var(--krds-calendar--head-btn-cal-switch-color-text-disabled)
}
.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .calendar-drop-down{
    --krds-calendar-drop-down-btn-height:var(--krds-size-height-6);
    position:relative
}
.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .calendar-drop-down .calendar-select{
    visibility:hidden;
    z-index:-1;
    opacity:0;
    position:absolute;
    top:calc(100% + .4rem);
    left:0;
    left:50%;
    transform:translateX(-50%);
    overflow-x:hidden;
    overflow-y:auto;
    min-width:14rem;
    max-height:calc(var(--krds-calendar-drop-down-btn-height) * 6 + var(--krds-padding-3) * 2);
    border:1px solid var(--krds-calendar--action-btn-wrap-color-border);
    background-color:var(--krds-calendar--action-btn-wrap-color-surface);
    border-radius:var(--krds-radius-medium4);
    padding:var(--krds-padding-3);
    transition:var(--krds-transition-base);
    box-shadow:var(--krds-calendar--head-drop-down-shadow)
}
.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .calendar-drop-down .calendar-select.active{
    visibility:visible;
    z-index:auto;
    opacity:1;
    z-index:10
}
.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .calendar-drop-down .calendar-select .sel{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column
}
.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .calendar-drop-down .calendar-select .sel li{
    width:100%
}
.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .calendar-drop-down .calendar-select .sel button{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    width:100%;
    height:var(--krds-calendar-drop-down-btn-height);
    border-radius:var(--krds-radius-medium1);
    font-size:var(--krds-calendar--head-btn-cal-switch-pc-font-size);
    font-weight:var(--krds-font-weight-regular)
}
.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .calendar-drop-down .calendar-select .sel button:hover{
    background-color:var(--krds-calendar--head-btn-cal-switch-color-action-hover)
}
.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .calendar-drop-down .calendar-select .sel button:active,.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .calendar-drop-down .calendar-select .sel button:focus{
    background-color:var(--krds-calendar--head-btn-cal-switch-color-action-active)
}
.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .calendar-drop-down .calendar-select .sel button.active{
    color:var(--krds-calendar--head-btn-cal-move-color-text-active);
    border:1px solid var(--krds-calendar--head-btn-cal-move-color-border-active);
    background-color:var(--krds-calendar--action-btn-wrap-color-surface)
}
.krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .calendar-drop-down .calendar-select .sel button:disabled{
    cursor:default;
    color:var(--krds-calendar--head-btn-cal-switch-color-text-disabled);
    background-color:var(--krds-calendar--action-btn-wrap-color-surface)
}
.krds-calendar-area .calendar-wrap .calendar-body{
    position:relative
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap{
    padding:0 var(--krds-calendar--table-wrap-padding)
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl caption{
    width:auto!important;
    height:auto!important;
    margin:0!important;
    clip:auto!important;
    text-align:left;
    top:4.6rem;
    left:var(--krds-calendar--table-wrap-padding);
    color:var(--krds-calendar--color-text-sub);
    font-weight:var(--krds-font-weight-bold);
    font-size:var(--krds-calendar--table-caption-pc-font-size)
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td,.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl th{
    width:14.2857142857%
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl th{
    padding-bottom:4.6rem;
    font-weight:var(--krds-font-weight-regular);
    font-size:var(--krds-calendar--table-head-pc-font-size)
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td{
    padding:var(--krds-padding-1) 0
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td>button{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    width:100%;
    height:100%;
    position:relative;
    width:44px;
    height:44px;
    margin-inline:auto
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td>button span{
    z-index:1
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td>button::after{
    position:absolute;
    top:0;
    left:0;
    content:"";
    width:100%;
    height:100%;
    border-radius:var(--krds-calendar--set-date-radius);
    transition:var(--krds-transition-base)
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td .btn-set-date:focus{
    z-index:1
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td:not(.period,.old,.new,.disabled) .btn-set-date:hover::after{
    background-color:var(--krds-calendar--date-set-color-action-period)
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td:not(.period,.old,.new,.disabled) .btn-set-date:active::after,.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td:not(.period,.old,.new,.disabled) .btn-set-date:focus::after{
    background-color:var(--krds-calendar--date-set-color-action-pressed)
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.today .btn-set-date span{
    position:relative
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.today .btn-set-date span::before{
    content:"";
    width:.4rem;
    height:.4rem;
    position:absolute;
    bottom:-10%;
    left:50%;
    transform:translateX(-50%);
    border-radius:var(--krds-radius-max);
    background-color:var(--krds-calendar--date-set-color-element-today)
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.day-event .btn-set-date{
    color:var(--krds-calendar--date-set-color-text-day-event)
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.day-event .btn-set-date span{
    position:relative;
    text-decoration:underline;
    text-underline-offset:.2rem
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.day-event .btn-set-date span::before{
    position:absolute;
    bottom:-38%;
    left:50%;
    transform:translateX(-50%);
    content:"이벤트";
    font-size:1rem;
    font-weight:var(--krds-font-weight-bold)
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.day-off{
    color:var(--krds-calendar--date-set-color-text-day-off)
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.disabled,.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.new,.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.old{
    color:var(--krds-calendar--date-set-color-text-disabled)
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.disabled button,.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.new button,.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.old button{
    cursor:default
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.period .btn-set-date{
    background-color:var(--krds-calendar--date-set-color-action-period)
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.period.end>.btn-set-date,.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.period.start>.btn-set-date{
    background-color:var(--krds-calendar--date-set-color-action);
    color:var(--krds-calendar--date-set-color-text)
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.period.start>.btn-set-date{
    border-top-left-radius:var(--krds-calendar--set-date-radius);
    border-bottom-left-radius:var(--krds-calendar--set-date-radius)
}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.period.end>.btn-set-date{
    border-top-right-radius:var(--krds-calendar--set-date-radius);
    border-bottom-right-radius:var(--krds-calendar--set-date-radius)
}
.krds-calendar-area .calendar-wrap .calendar-footer{
    margin-top:var(--krds-calendar--table-wrap-padding)
}
.krds-calendar-area .calendar-wrap .calendar-footer .calendar-btn-wrap{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-direction:row;
    gap:var(--krds-gap-3);
    padding:var(--krds-padding-6) var(--krds-padding-8);
    border-top:1px solid var(--krds-calendar--action-btn-wrap-color-border);
    background-color:var(--krds-calendar--action-btn-wrap-color-surface)
}
.krds-calendar-area .calendar-wrap .calendar-footer .calendar-btn-wrap .krds-btn:first-child{
    margin-right:auto
}
.krds-calendar-area .calendar-wrap:not(.single) .calendar-body .calendar-table-wrap .calendar-tbl{
    --krds-calendar--after-size:calc(100% - var(--krds-padding-1) * 2)
}
.krds-calendar-area .calendar-wrap:not(.single) .calendar-body .calendar-table-wrap .calendar-tbl td{
    position:relative
}
.krds-calendar-area .calendar-wrap:not(.single) .calendar-body .calendar-table-wrap .calendar-tbl td::after{
    position:absolute;
    top:50%;
    left:0;
    content:"";
    width:100%;
    height:var(--krds-calendar--after-size);
    transform:translateY(-50%)
}
.krds-calendar-area .calendar-wrap:not(.single) .calendar-body .calendar-table-wrap .calendar-tbl td.period::after{
    background-color:var(--krds-calendar--date-set-color-action-period)
}
.krds-calendar-area .calendar-wrap:not(.single) .calendar-body .calendar-table-wrap .calendar-tbl td.start::after{
    background-color:var(--krds-calendar--date-set-color-action);
    border-top-left-radius:var(--krds-calendar--set-date-radius);
    border-bottom-left-radius:var(--krds-calendar--set-date-radius);
    width:var(--krds-calendar--after-size);
    height:var(--krds-calendar--after-size);
    right:0;
    left:unset
}
.krds-calendar-area .calendar-wrap:not(.single) .calendar-body .calendar-table-wrap .calendar-tbl td.end::after{
    background-color:var(--krds-calendar--date-set-color-action);
    border-top-right-radius:var(--krds-calendar--set-date-radius);
    border-bottom-right-radius:var(--krds-calendar--set-date-radius);
    width:var(--krds-calendar--after-size);
    height:var(--krds-calendar--after-size)
}
.krds-calendar-area .calendar-wrap:not(.single) .calendar-body .calendar-table-wrap .calendar-tbl td.period.start.end::after{
    display:none
}
.krds-calendar-area.active{
    display:block
}
[data-krds-mode=high-contrast] .krds-calendar-area{
    --krds-calendar--color-border:var(--krds-high-contrast-color-border-secondary-light);
    --krds-calendar--color-surface:var(--krds-high-contrast-color-surface-secondary-subtler);
    --krds-calendar--color-text-sub:var(--krds-high-contrast-color-text-subtle);
    --krds-calendar--head-btn-cal-move-color-text-active:var(--krds-high-contrast-color-text-secondary);
    --krds-calendar--head-btn-cal-move-color-border:var(--krds-high-contrast-color-border-gray-light);
    --krds-calendar--head-btn-cal-move-color-border-active:var(--krds-high-contrast-color-border-secondary);
    --krds-calendar--head-btn-cal-move-color-action:var(--krds-high-contrast-color-action-white);
    --krds-calendar--head-btn-cal-switch-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
    --krds-calendar--head-btn-cal-switch-color-action-active:var(--krds-high-contrast-color-action-secondary-pressed);
    --krds-calendar--head-btn-cal-switch-color-text-disabled:var(--krds-high-contrast-color-text-disabled-on);
    --krds-calendar--head-drop-down-shadow:0 0 0.2rem 0 var(--krds-high-contrast-color-alpha-shadow1),0 0.4rem 0.8rem 0 var(--krds-high-contrast-color-alpha-shadow2);
    --krds-calendar--date-set-color-action:var(--krds-high-contrast-color-action-secondary-active);
    --krds-calendar--date-set-color-text:var(--krds-high-contrast-color-text-inverse-static);
    --krds-calendar--date-set-color-text-day-off:var(--krds-high-contrast-color-text-danger);
    --krds-calendar--date-set-color-text-day-event:var(--krds-high-contrast-color-text-information);
    --krds-calendar--date-set-color-text-disabled:var(--krds-high-contrast-color-text-disabled);
    --krds-calendar--date-set-color-action-pressed:var(--krds-high-contrast-color-action-secondary-on-pressed);
    --krds-calendar--date-set-color-action-period:var(--krds-high-contrast-color-action-secondary-on-selected);
    --krds-calendar--date-set-color-element-today:var(--krds-high-contrast-color-element-point);
    --krds-calendar--action-btn-wrap-color-border:var(--krds-high-contrast-color-divider-gray-light);
    --krds-calendar--action-btn-wrap-color-surface:var(--krds-high-contrast-color-surface-white)
}
[data-krds-mode=high-contrast] .krds-calendar-area .calendar-wrap .calendar-head .btn-cal-move::before{
    display:inline-flex;
    width:var(--krds-size-height-3);
    height:var(--krds-size-height-3);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
[data-krds-mode=high-contrast] .krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .btn-cal-switch::after{
    display:inline-flex;
    width:var(--krds-icon--size-small);
    height:var(--krds-icon--size-small);
    background-color:var(--krds-high-contrast-color-text-basic);
    forced-color-adjust:none
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-calendar-area{
        --krds-calendar--color-border:var(--krds-high-contrast-color-border-secondary-light);
        --krds-calendar--color-surface:var(--krds-high-contrast-color-surface-secondary-subtler);
        --krds-calendar--color-text-sub:var(--krds-high-contrast-color-text-subtle);
        --krds-calendar--head-btn-cal-move-color-text-active:var(--krds-high-contrast-color-text-secondary);
        --krds-calendar--head-btn-cal-move-color-border:var(--krds-high-contrast-color-border-gray-light);
        --krds-calendar--head-btn-cal-move-color-border-active:var(--krds-high-contrast-color-border-secondary);
        --krds-calendar--head-btn-cal-move-color-action:var(--krds-high-contrast-color-action-white);
        --krds-calendar--head-btn-cal-switch-color-action-hover:var(--krds-high-contrast-color-action-secondary-hover);
        --krds-calendar--head-btn-cal-switch-color-action-active:var(--krds-high-contrast-color-action-secondary-pressed);
        --krds-calendar--head-btn-cal-switch-color-text-disabled:var(--krds-high-contrast-color-text-disabled-on);
        --krds-calendar--head-drop-down-shadow:0 0 0.2rem 0 var(--krds-high-contrast-color-alpha-shadow1),0 0.4rem 0.8rem 0 var(--krds-high-contrast-color-alpha-shadow2);
        --krds-calendar--date-set-color-action:var(--krds-high-contrast-color-action-secondary-active);
        --krds-calendar--date-set-color-text:var(--krds-high-contrast-color-text-inverse-static);
        --krds-calendar--date-set-color-text-day-off:var(--krds-high-contrast-color-text-danger);
        --krds-calendar--date-set-color-text-day-event:var(--krds-high-contrast-color-text-information);
        --krds-calendar--date-set-color-text-disabled:var(--krds-high-contrast-color-text-disabled);
        --krds-calendar--date-set-color-action-pressed:var(--krds-high-contrast-color-action-secondary-on-pressed);
        --krds-calendar--date-set-color-action-period:var(--krds-high-contrast-color-action-secondary-on-selected);
        --krds-calendar--date-set-color-element-today:var(--krds-high-contrast-color-element-point);
        --krds-calendar--action-btn-wrap-color-border:var(--krds-high-contrast-color-divider-gray-light);
        --krds-calendar--action-btn-wrap-color-surface:var(--krds-high-contrast-color-surface-white)
    }
    [data-krds-mode=theme] .krds-calendar-area .calendar-wrap .calendar-head .btn-cal-move::before{
        display:inline-flex;
        width:var(--krds-size-height-3);
        height:var(--krds-size-height-3);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
    [data-krds-mode=theme] .krds-calendar-area .calendar-wrap .calendar-head .calendar-switch-wrap .btn-cal-switch::after{
        display:inline-flex;
        width:var(--krds-icon--size-small);
        height:var(--krds-icon--size-small);
        background-color:var(--krds-high-contrast-color-text-basic);
        forced-color-adjust:none
    }
}
@media (min-width:1024px){
    .calendar-select::-webkit-scrollbar{
        width:.8rem
    }
    .calendar-select::-webkit-scrollbar-thumb{
        background-color:var(--krds-light-color-element-secondary-light);
        border-radius:.8rem
    }
    .calendar-select::-webkit-scrollbar-track{
        background-color:var(--krds-light-color-element-secondary-lighter)
    }
}
@media (max-width:440px){
    .krds-calendar-area .calendar-wrap{
        left:calc(50% - (100vw - var(--krds-contents-padding-x) * 2)/ 2);
        width:calc(100vw - var(--krds-contents-padding-x) * 2)
    }
}
.krds-drop-wrap{
    --krds-resize--list-icon-radius:var(--krds-radius-small2);
    --krds-resize--list-icon-color-border:var(--krds-light-color-border-gray);
    --krds-resize--list-icon-color-border-selected:var(--krds-light-color-element-secondary);
    --krds-resize--list-icon-color-background:var(--krds-light-color-action-secondary);
    --krds-resize--list-icon-color-background-selected:var(--krds-light-color-element-secondary)
}
.krds-drop-wrap.krds-resize .drop-menu{
    min-width:15rem
}
.krds-drop-wrap.krds-resize .drop-list .item-link{
    white-space:nowrap
}
.krds-drop-wrap.krds-resize .drop-list .item-link::before{
    content:"";
    width:var(--krds-icon--size-large);
    height:var(--krds-icon--size-large);
    background:url(../images/component/icon/head_ico_font_sample.svg) no-repeat center/contain;
    flex-shrink:0;
    border-radius:var(--krds-resize--list-icon-radius);
    border:.1rem solid var(--krds-resize--list-icon-color-border);
    background-color:var(--krds-resize--list-icon-color-background)
}
.krds-drop-wrap.krds-resize .drop-list .item-link.active::before{
    background-image:url(../images/component/icon/head_ico_font_sample_white.svg);
    border-color:var(--krds-resize--list-icon-color-border-selected);
    background-color:var(--krds-resize--list-icon-color-background-selected)
}
.krds-drop-wrap.krds-resize .drop-list .item-link.sm::before{
    width:2.2rem;
    height:2.2rem
}
.krds-drop-wrap.krds-resize .drop-list .item-link.md::before{
    width:2.4rem;
    height:2.4rem
}
.krds-drop-wrap.krds-resize .drop-list .item-link.lg::before{
    width:2.6rem;
    height:2.6rem
}
.krds-drop-wrap.krds-resize .drop-list .item-link.xlg::before{
    width:2.8rem;
    height:2.8rem
}
.krds-drop-wrap.krds-resize .drop-list .item-link.xxlg::before{
    width:3rem;
    height:3rem
}
.krds-scaled-layout .krds-in-page-navigation-type>.inner:not(.in-between){
    padding-right:0
}
.krds-scaled-layout .krds-in-page-navigation-type .in-between .contents{
    padding-right:0
}
.krds-scaled-layout .krds-in-page-navigation-type .krds-in-page-navigation-area{
    position:static;
    margin-bottom:var(--krds-gap-9)
}
[data-krds-mode=high-contrast] .krds-drop-wrap{
    --krds-resize--list-icon-color-border:var(--krds-high-contrast-color-border-gray);
    --krds-resize--list-icon-color-border-selected:var(--krds-high-contrast-color-element-secondary);
    --krds-resize--list-icon-color-background:var(--krds-high-contrast-color-action-secondary);
    --krds-resize--list-icon-color-background-selected:var(--krds-high-contrast-color-element-secondary)
}
[data-krds-mode=high-contrast] .krds-drop-wrap.krds-resize .item-link::before{
    background:url(../images/component/icon/head_ico_font_sample_white.svg) no-repeat center/contain
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-drop-wrap{
        --krds-resize--list-icon-color-border:var(--krds-high-contrast-color-border-gray);
        --krds-resize--list-icon-color-border-selected:var(--krds-high-contrast-color-element-secondary);
        --krds-resize--list-icon-color-background:var(--krds-high-contrast-color-action-secondary);
        --krds-resize--list-icon-color-background-selected:var(--krds-high-contrast-color-element-secondary)
    }
    [data-krds-mode=theme] .krds-drop-wrap.krds-resize .item-link::before{
        background:url(../images/component/icon/head_ico_font_sample_white.svg) no-repeat center/contain
    }
}
.krds-drop-wrap{
    --krds-language--top-title-color:var(--krds-light-color-text-secondary);
    --krds-language--top-title-sub-color:var(--krds-light-color-text-subtle)
}
.krds-drop-wrap.krds-language .drop-menu{
    min-width:20rem
}
.krds-drop-wrap.krds-language .drop-top .current-laguage{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:column
}
.krds-drop-wrap.krds-language .drop-top .current-laguage strong{
    color:var(--krds-language--top-title-color);
    font-weight:var(--krds-font-weight-bold);
    font-size:var(--krds-language--top-title-pc-font-size)
}
@media (max-width:767px){
    .krds-drop-wrap.krds-language .drop-top .current-laguage strong{
        font-size:var(--krds-language--top-title-mobile-font-size)
    }
}
.krds-drop-wrap.krds-language .drop-top .current-laguage span{
    color:var(--krds-language--top-title-sub-color);
    font-size:var(--krds-language--top-title-sub-pc-font-size)
}
@media (max-width:767px){
    .krds-drop-wrap.krds-language .drop-top .current-laguage span{
        font-size:var(--krds-language--top-title-sub-mobile-font-size)
    }
}
.krds-drop-wrap.krds-language .drop-list{
    min-width:20rem
}
[data-krds-mode=high-contrast] .krds-drop-wrap{
    --krds-language--top-title-color:var(--krds-high-contrast-color-text-secondary);
    --krds-language--top-title-sub-color:var(--krds-high-contrast-color-text-subtle)
}
@media (prefers-color-scheme:dark){
    [data-krds-mode=theme] .krds-drop-wrap{
        --krds-language--top-title-color:var(--krds-high-contrast-color-text-secondary);
        --krds-language--top-title-sub-color:var(--krds-high-contrast-color-text-subtle)
    }
}