@charset "UTF-8";
@import url("reset.css");

/* 공통클래스 */
*{box-sizing: border-box !important;}
.d_flex{display: flex;align-items: center;gap: 4px;}
.flex_full{flex: 1;}
.space_between{display: flex;justify-content: space-between;}
.scrollWrap{flex: 1;overflow-x: hidden;overflow-y: auto;}
.onM{display: none;}


/* 레이아웃 */
.wrap{display: flex;flex-direction: column;margin: auto;width: 100%;height: 100%;max-width: 580px;}
.container{flex: 1;display: flex;flex-direction: column;overflow: hidden;}
.content{flex: 1;overflow-y: auto;height: 100%;}


/* 헤더 */
header{display: flex;justify-content: space-between;align-items: center;position: relative;padding: .625rem 1.25rem;width: 100%;height: 50px;}
header .logo{width: 100px;height: auto;}
header .logo img{width: 100%;}
header .lang{position: relative; border: solid 1px black;   padding: 2px 10px 2px 10px;    border-radius: 20px;}
header .lang .btn_lang{display: block;position: relative;padding-right: 20px;font-size: 16px;color: #424242;background: url(../images/ico_lang_arr.png) right center no-repeat;    background-size: 10px;}
header .lang .list{display: none;position: absolute;right: 0;top: 24px;z-index: 10;padding: 10px 0;min-width: 88px;border: 1px solid #EAEAEA;border-radius: 5px;background-color: #fff;}
header .lang .list a{display: block;padding: 0 1.25rem;line-height: 23px;text-align: center;text-align: right;font-size: 16px;color: #424242;}
header .lang .list a:hover{background-color: #F2F2F2;}
footer{padding: .625rem 0;text-align: center;font-size: 14px;color: #999;}


/* 탭 */
.tabArea{flex: 1;display: flex;flex-direction: column;overflow: hidden;padding: 0 30px;}
.tabArea .tabHeader .tabLink{display: flex;align-items: center;gpa: 30px;}
.tabArea .tabHeader .tabLink a{flex: 1;display: flex;justify-content: center;white-space: nowrap;align-items: center;text-align: center;height: 50px;line-height: 50px;border-bottom: 2px solid transparent;border-radius: 0;font-size: 1.25rem/*18px*/;color: #484848;}
.tabArea .tabHeader .tabLink a.on{border-bottom-color: #696969;color: #000;font-weight: 600;}
.tabArea .tabContent{flex: 1;}
.tabArea .tabPane{display: none;}
.tabArea .tabPane.active{display: block;}
.tabArea .tabPane ul{display: block;}
.tabArea .tabPane ul li{padding-top: 15px;}
.tabArea .tabPane ul li a{display: flex;justify-content: space-between;align-items: center;gap: 10px;border-bottom: 1px solid #DADADA;padding-bottom: 15px;}
.tabArea .tabPane ul li a .flex_full{width: calc(100% - 55px);}
.tabArea .tabPane ul li a .ellipsis{display: block;overflow: hidden;width: 100%;text-overflow: ellipsis;white-space: nowrap;/*font-weight: 600;*/font-size: 1rem/*16px*/;color: #1C1C1C;}
.tabArea .tabPane ul li a small{display: block;margin-left: 18px;padding-bottom: 10px;letter-spacing: 0;font-size: 13px;color: #636363;}
.tabArea .tabPane ul li a b{display: block;margin-left: 0px;font-size: 16px;color: #1C1C1C;}

.num_pad{margin: auto;padding-bottom: 10px;width: 78%;max-width: 500px;}
.num_pad td{padding: 5px 8px; }
.num_pad .btn{display: flex;aspect-ratio: 1;justify-content:center;align-items: center;position: relative;margin: auto;width: 100%;max-width: 90px;max-height: 90px;border: 1px solid #B8BBBD;border-radius: 50%;font-size: 2.25rem/*36px*/;color: #616161;cursor: pointer;background-color: #fff;transition: all 0.2s;}

/* 컨텐츠 */
.top{display: flex;justify-content: space-between;align-items: center;gap: 10px;position: relative;padding-left: 50px;min-height: 3.125rem/*50px*/;background-color: #F3F3F3;}
.top .marquee{flex: 1;display: block;overflow: hidden;/*white-space: nowrap*/;text-overflow: ellipsis;font-weight: bold;text-align: left;/*font-family: "Univers LT W04_75 Black1475984";*/font-size: 1rem/*16px*/;color: #1C1C1C;padding-top:5px; padding-bottom:5px;}
.swiper{}
.swiper-slide{display: flex; justify-content: center;align-items: center;}
.swiper-wrapper{width: 100%;}
.swiper-wrapper img{display: block;width: 100%;height: 100%;object-fit: cover; aspect-ratio: 3 / 2; /*max-height: calc(100% * 2 / 3);*/}
.swiper-pagination{display: flex  !important;justify-content: center;align-items: center;width: 100%;height: 40px;opacity: 1 !important;background: none !important;}
.swiper-pagination .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px;border-radius: 10px;background-color: #FFF;cursor: pointer;opacity: .6 !important;transition: width .3s;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px;opacity: 1 !important;}
.swiper .swiper-button-next,
.swiper .swiper-button-prev{color: #FFF;display:none;}

.sticky{width: 100%;padding-top: 35px;background-color: #fff;}
.playerWrap{padding: 0.625rem 1.875rem;}
.playerWrap .playerbar{display: block;overflow: hidden;position: relative;width: 100%;height: 2px;border-radius: 2px;background-color: #B4B4B4;}
.playerWrap .play{position: absolute;left: 0;top: 0;height: 100%;background-color: #1C1C1C;transition: width .3s;}
.playerWrap .time{display: flex;justify-content: space-between;align-items: center;margin-top: 1px;font-size: 14px;color: #858585;}
.playerWrap .btnGroup{display: flex;justify-content: center;align-items: center;gap: 40px;position: relative;margin-top: 10px;}
.storyWrap{padding: 1.25rem 1.875rem;}
.storyWrap pre{line-height: 2rem;white-space: normal;}
.storyWrap pre sync{ display: block; line-height: 1.5rem;}
.storyWrap pre sync.read{ font-weight: bold;/*font-family: "Univers LT W04_75 Black1475984";*//*letter-spacing: -.2px;*/}
.wish_num{margin: 20px 0 10px;}
.wish_num .txt_msg{text-align: center;font-size: 1rem/*16px*/;color: #484848;}
.wish_num .txt_msg2{text-align: center;font-size: 0.75rem/*16px*/;color: #484848;min-height: 2.5rem;}
.wish_num strong{display: block;text-align: center;padding-top: 0px;font-weight: bold;font-size: 3rem;color: #000;}

/* 버튼 */
.btn_back{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background: url(../images/ico_back.png) center no-repeat;background-size: 75%;}
.btn_playPrev{width: 25px;height: 25px;border: none;text-indent: -9999px;background: url(../images/player_prev.png) center no-repeat;background-size: 65%;}
.btn_playNext{width: 25px;height: 25px;border: none;text-indent: -9999px;background: url(../images/player_next.png) center no-repeat;background-size: 65%;}
.btn_playOn{width: 25px;height: 25px;border: none;text-indent: -9999px;background: url(../images/player_on.png) center no-repeat;background-size: 65%;}
.btn_playOn.pause{width: 25px;height: 25px;border: none;text-indent: -9999px;background: url(../images/player_off.png) center no-repeat;background-size: 65%;}
.btn_list{position: absolute;right: 0;bottom: 0;width: 25px;height: 25px;border: none;text-indent: -9999px;background: url(../images/player_filter.png) center no-repeat;background-size: 100%;}
.btn_sound{width: 45px;height: 45px;border: 1px solid #ebebeb;border-radius: 50%;background: #f5f5f5 url(../images/ico_headphone.png) center no-repeat;background-size: 65%;}
.btn_start{display: flex;justify-content: center;align-items: center;width: 100%;border: 1px solid #D9D9D9 !important;border-radius: 50%;background: #D9D9D9 url(../images/ico_headphone_inverse.png) center no-repeat !important;background-size: 38.5% !important;}
.btn_del{display: flex;justify-content: center;align-items: center;width: 100%;border: none;border-radius: 50%;background: #464646 url(../images/ico_x.png) center no-repeat !important;background-size: 24% !important;}

@media (max-width: 360px) {
    .onM{display: block;}
}
@media (max-width: 280px) {
    .num_pad a{font-size: 1.25rem/*20px*/;}
    .num_pad .btn_del{font-size: 1.5rem/*20px*/;}
        .num_pad .btn{box-shadow: 0px 4px 0px 0px #808080;}
    .playerWrap .btnGroup{justify-content: flex-start;gap: 10px;}
}

.modal {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: var(--cds-global-space-12)
}

.modal .alert+.modal-header,.modal .alert+.modal-header--accessible {
    margin-top: var(--cds-global-space-6)
}

@media screen and (max-width: 576px) {
    .modal {
        padding:var(--cds-global-space-6)
    }
}

.modal-dialog {
    position: relative;
    z-index: 1050;
    width: var(--clr-modal-md-width);
    border-radius: var(--clr-modal-border-radius);
    box-shadow: var(--clr-modal-content-box-shadow);
    border: var(--cds-alias-object-border-width-100) solid var(--cds-alias-object-container-border-color);
    background-color: var(--clr-modal-bg-color);
    max-width: 100%
}

.modal-dialog.modal-sm {
    width: var(--clr-modal-sm-width)
}

.modal-dialog.modal-lg {
    width: var(--clr-modal-lg-width)
}

.modal-dialog.modal-xl {
    width: var(--clr-modal-xl-width)
}

.modal-dialog .modal-content {
    padding: var(--cds-global-space-9)
}

.modal-header,.modal-header--accessible {
    border-bottom: none;
    padding: 0 0 var(--cds-global-space-9) 0
}

.modal-header--accessible {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.modal-header .modal-title,.modal-header--accessible .modal-title {
    color: var(--clr-modal-title-color);
    font-size: var(--cds-alias-typography-section-font-size);
    font-weight: var(--cds-alias-typography-section-font-weight);
    line-height: var(--cds-alias-typography-section-line-height);
    letter-spacing: var(--cds-alias-typography-section-letter-spacing);
    margin: 0
}

.modal-header .modal-title:not([cds-text]),.modal-header--accessible .modal-title:not([cds-text]) {
    font-family: var(--clr-modal-title-font-family);
    font-size: var(--clr-modal-title-font-size);
    font-weight: var(--clr-modal-title-font-weight);
    line-height: var(--clr-modal-title-line-height);
    letter-spacing: var(--clr-modal-title-letter-spacing)
}

.modal-header .close,.modal-header--accessible .close {
    font-size: initial;
    line-height: initial
}

.modal-header .close cds-icon,.modal-header--accessible .close cds-icon,.modal-header .close clr-icon,.modal-header--accessible .close clr-icon {
    fill: var(--clr-modal-close-color);
    height: var(--cds-global-space-9);
    width: var(--cds-global-space-9)
}

.modal-header .close:hover cds-icon,.modal-header--accessible .close:hover cds-icon,.modal-header .close:hover clr-icon,.modal-header--accessible .close:hover clr-icon {
    fill: var(--clr-close-color-hover)
}

.modal-header .close:hover:active cds-icon,.modal-header--accessible .close:hover:active cds-icon,.modal-header .close:hover:active clr-icon,.modal-header--accessible .close:hover:active clr-icon {
    fill: var(--clr-close-color-active)
}

.modal-title-wrapper {
    flex: 1
}

.modal-title-wrapper .modal-title>h3 {
    margin-top: 0
}

.modal-body-wrapper {
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden
}

.modal-body-wrapper .modal-body {
    color: var(--cds-alias-typography-color-400);
    font-size: var(--cds-alias-typography-body-font-size);
    font-weight: var(--cds-alias-typography-body-font-weight);
    line-height: var(--cds-alias-typography-body-line-height);
    letter-spacing: var(--cds-alias-typography-body-letter-spacing)
}

.modal-body-wrapper>:first-child {
    margin-top: 0
}

.modal-body-wrapper>:last-child {
    margin-bottom: 0
}

.modal-footer {
    display: flex;
    justify-content: flex-end;
    padding: var(--cds-global-space-9) 0 0 0;
    gap: var(--cds-global-space-5)
}

.modal-footer .btn {
    margin: 0
}

@media screen and (max-width: 768px) and (orientation:landscape) {
    .modal-body-wrapper {
        max-height:55vh
    }
}

@media screen and (max-width: 576px) {
    .modal-body-wrapper {
        max-height:55vh
    }
}

.modal-backdrop {
    position: fixed;
    inset: 0;
    background-color: var(--clr-modal-backdrop-color);
    z-index: 1040
}

.modal .modal-nav {
    display: none
}

:root,[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, .75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, .5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
    --bs-focus-ring-width: .25rem;
    --bs-focus-ring-opacity: .25;
    --bs-focus-ring-color: rgba(13, 110, 253, .25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, .75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, .5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, .15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

*,*:before,*:after {
    box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}


.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: .5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: .5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}



.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header,.modal-fullscreen .modal-footer {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header,.modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header,.modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header,.modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header,.modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header,.modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

ngb-modal-window.fade.show {
    opacity: 1
}

@media screen and (min-width: 992px) {
    ngb-modal-window .modal-dialog {
        max-width:58rem;
        border-radius: .625rem
    }
}

.fade {
    opacity: 0;
    transition: opacity .2s ease-in-out;
    will-change: opacity
}

.fade.in {
    opacity: 1
}

.d-block {
    display: block!important
}


.cross-stand-alone:before {
    transform: rotate(45deg);
}
.cross-stand-alone:before, .cross-stand-alone:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    height: 2px;
    background: #000;
    border-radius: 4px;
    max-width: 30px;
}

.cross-stand-alone:after {
    transform: rotate(-45deg);
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-inline-grid {
    display: inline-grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-none {
    display: none!important
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}