/* _content/VauDium/Host.cshtml.rz.scp.css */
/* reference: https://stackoverflow.com/questions/59236834/how-to-disable-attempting-to-reconnect-to-the-server-message-on-asp-net-core-p*/
.components-reconnect-show[b-syx3c90p23], .components-reconnect-failed[b-syx3c90p23], .components-reconnect-rejected[b-syx3c90p23] {
    display: none;
}
/* _content/VauDium/Main/Company/Company.razor.rz.scp.css */
.index-container[b-qqfqdo2nck] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    background-color: black;
}

.index-content[b-qqfqdo2nck] {
    width: 100%;
    
    background-color: white;
}
/* _content/VauDium/Main/Company/Components/CompanyContent.razor.rz.scp.css */
#company[b-b14y08024j] {
    scroll-margin-top: var(--global-site-header-vertical-container-height);
}

.company-icon-image[b-b14y08024j] {
    max-width: 280px;
    max-height: 280px;
}

.company-content-section-screen[b-b14y08024j] {
    width: 100%;
    height: var(--global-section-vertical-container-height);
    
    display: flex;
    justify-content: center;
    align-items: center;
}

#team-content-screen[b-b14y08024j] {
}

.company-content-screen-container[b-b14y08024j] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.company-content-root-container[b-b14y08024j] {
    width: 100%;
}

.team-image[b-b14y08024j] {
    width: 480px;
    height: auto;
}

.team-image-container[b-b14y08024j] {
    display: flex;
    justify-content: center;
    padding-top: 12px;
}

.team-content-screen-container[b-b14y08024j] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.team-content-root-container[b-b14y08024j] {
    padding-bottom: 12px;
    width: 480px;
}

.team-content-section-container[b-b14y08024j] {
    padding-top: 12px;
}
/* _content/VauDium/Main/Company/Components/CorporateIdentity/CompanyIdentity.razor.rz.scp.css */
.section-ci-vertical-container[b-6nl72am3wr] {
    background-color: black;
}

#vaudium-icon[b-6nl72am3wr] {
    /*{Site Header:2} - {Vaudium Icon:1} - {Video Background:0}*/
    z-index: 1;
}

#video-container[b-6nl72am3wr] {
    overflow: hidden;
}

#video-background[b-6nl72am3wr] {
    position: absolute;
    top: var(--global-site-header-vertical-container-height);
    left: 0;
    
    /* 동영상 크기 : 가로를 기준으로 맞춘다 */
    width: 100%;
    height: auto;
    max-height: var(--global-section-vertical-container-height);
    min-height: var(--global-section-vertical-container-height);
    
    object-fit: cover;
    
    /*설정 시 동영상이 Section 의 Background 뒤로 이동한다*/
    /*z-index: -1;*/
}
/* _content/VauDium/Main/Company/Components/Introduction/CompanyIntroduction.razor.rz.scp.css */
section#enjoy-life-more[b-2psunvypej] {}

/* Isolated Value */
.global-section-horizontal-container[b-2psunvypej] {
    display: flex;
    flex-direction: column;
}

.section-enjoy-life-more-vertical-container[b-2psunvypej] {
    
}

.enjoy-life-more-header[b-2psunvypej] {
    text-align: center;
}

.enjoy-life-more-content-container[b-2psunvypej] {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
}

.enjoy-life-more-possibilities-top-container[b-2psunvypej] {
    display: flex;
    flex-direction: column;
    height: 40%;
    align-items: center;
    justify-content: space-evenly;
}

.enjoy-life-more-possibilities-bottom-container[b-2psunvypej] {
    display: flex;
    flex-direction: column;
    height: 40%;
    align-items: center;
    justify-content: space-evenly;
}

.enjoy-life-more-possibilities-row-container[b-2psunvypej] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.enjoy-life-more-phrase-container[b-2psunvypej] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 20%;
}

.enjoy-life-more-description[b-2psunvypej] {
    text-align: center;
}

.enjoy-life-more-flip-card-container[b-2psunvypej] {
    margin-right: 12px;    
}
/* _content/VauDium/Main/Company/Components/Team/AboutTeam.razor.rz.scp.css */
.until-the-end-phrase-header[b-gqz8yo7qa6] {
    text-align: center ;
}

.until-the-end-phrase-description[b-gqz8yo7qa6] {
    width: 100%;
    text-align: center;
}

.section-until-the-end-vertical-container[b-gqz8yo7qa6] {
    position: relative;
}

.section-until-the-end-horizontal-container[b-gqz8yo7qa6] {
    width: 100%;
}

.global-section-horizontal-container[b-gqz8yo7qa6] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.until-the-end-phrase-container[b-gqz8yo7qa6] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    width: 100%;
    
    background-color: rgba(255, 255, 255, 0.9);
    
    z-index: 1;
}

.until-the-end-background-image[b-gqz8yo7qa6] {
    width: 100%;
    min-height: var(--global-section-vertical-container-height);
}

.until-the-end-background-container[b-gqz8yo7qa6] {
    width: 100%;
    height: 100%;
    
    overflow: hidden;
    
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
/* _content/VauDium/Main/Company/FlipCard/FlowerFlipCard.razor.rz.scp.css */
.flip-card-container[b-0d7015au2u] {
    background-color: transparent;
    width: 96px;
    height: 96px;
    perspective: 1000px;
}

.flip-card-content-container[b-0d7015au2u] {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-card-flipped[b-0d7015au2u] {
    transform: rotateY(180deg);
}

.flip-card-front-image[b-0d7015au2u] {
    width: 75%;
    height: auto;
    
    overflow: hidden;
    
    border-radius: 16px;
}

.flip-card-front-container[b-0d7015au2u], .flip-card-back-container[b-0d7015au2u] {
    position : absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
    border: 1px solid rgba(105, 105, 105, 0.85);
    border-radius: 16px;
}

.flip-card-front-container[b-0d7015au2u] {
    background-color: white;
    color: black;
    overflow: hidden;
}

.flip-card-back-container[b-0d7015au2u] {
    background-color: black;
    color: black;
    transform : rotateY(180deg);
    
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.flip-card-back-content-container[b-0d7015au2u] {
    color: white;
    display: inline-block;
}
/* _content/VauDium/Main/Footer/FooterLinkDivider.razor.rz.scp.css */
.footer-link-divider[b-jdzey8somr] {
    padding-left: 5px;
    padding-right: 5px;
}
/* _content/VauDium/Main/Footer/PageFooter.razor.rz.scp.css */
.page-footer-vertical-container[b-ydzve2jnaj] {
    display: flex;
    justify-content: center;
    height: 64px;
}

.page-footer-horizontal-container[b-ydzve2jnaj] {
    align-items: center;
    display: flex;
}

.page-footer-content-container[b-ydzve2jnaj] {
    display: inline-block;
}

.page-footer-document-link[b-ydzve2jnaj] {
    text-decoration: none;
}

.page-footer-document-link-container[b-ydzve2jnaj] {
    justify-content: center;
    display: flex;
    
    padding-bottom: 2px;
}

.page-footer-copyright-container[b-ydzve2jnaj] {
    padding-top: 2px;
    color: dimgray;
    text-align: center;
    font-size: 11px;
}
/* _content/VauDium/Main/Header/SiteHeader.razor.rz.scp.css */
.site-header-vertical-container[b-f5hoohaoe8] {
    width: 100%;
    
    display: flex;
    align-items: center;
    justify-content: center;
    border: transparent;
    
    position: fixed;

    background-color: rgba(255,255,255, 0.85);
    
    height: var(--global-site-header-vertical-container-height);
    
    z-index: 2;
}

.site-header-horizontal-container[b-f5hoohaoe8] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.site-header-nav[b-f5hoohaoe8] {
    padding-left: 6px;
    align-items: center;
}

.site-header-nav-ul[b-f5hoohaoe8] {
    list-style: none;
    
    /* li 들에 대한 정렬 방식을 설정한다 */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    
    padding: 0;
    
    /*ul 이 가지는 기본 margin을 덮어 써서 Content가 Vertical Align이 되게 한다*/
    margin-top: auto;
    margin-bottom: auto;
}

.site-header-nav-li[b-f5hoohaoe8] {
    /*display: inline;*/
    vertical-align: middle;
    
    text-align: center;
    
    padding-left: 5px;
    padding-right: 5px;
    
    /*linear-gradient() creates an image consisting of a progressive transition between two
       or more colors along a straight line, 이외에 radial-gradient()와 conic-gradient()가 있다*/
    background-image: linear-gradient(dimgray, dimgray);
    background-repeat: no-repeat;
    
    /*background-size property sets the size of the element's background image.*/
    background-size: 100% 0;
    background-position : 0 100%;
    
    /*CSS transitions provide a way to control animation speed when changing CSS properties.*/
    transition: background-size 0.1s ease-in-out;
}

.site-header-nav-li:hover[b-f5hoohaoe8] {
    background-size: 100% 1px;
}

.site-header-nav-a[b-f5hoohaoe8] {
    display: inline-block;
}

/* CSS Isolation의 진행 과정에서 NavLink가 빠지게 되어 NavLink에 Isolation을 위한 Attribute가 붙지 않게 된다.
   따라서, Isolation된 class는 NavLink가 생성한 a 에 영향을 주지 못한다. 이를 해결하기 위해서는 CSS가 가지는 Attribute Selector를 
   무시할 필요가 있는데 ::deep Selector가 해당 기능을 제공한다. - VaLiniA 2023.12.29.*/
/* CSS Selector :: a.active 일경우 하위의 button 에 대한 Style을 설정한다*/
/* reference : https://learn.microsoft.com/en-us/aspnet/core/blazor/components/css-isolation?view=aspnetcore-8.0#child-component-support*/
[b-f5hoohaoe8] a.active button {
    font-weight: bold;
    /*text-decoration: underline;*/
}

.company-text-button[b-f5hoohaoe8] {
    color: dimgray;
    font-size: 15px;
    
    background-color: transparent;

    border: transparent;
    padding: 2px 5px;
}

.company-icon-button[b-f5hoohaoe8] {
    background-color: transparent;
    
    border: transparent;
    padding: 0;
}

.company-icon-object[b-f5hoohaoe8] {
    width: 28px;
    height: 28px;
    pointer-events: none;
}

/* _content/VauDium/Main/Impressum/Impressum.razor.rz.scp.css */
.business-information-link[b-zv3otp6iuu] {
    text-decoration: none;
    color: dimgray;
}
/* _content/VauDium/Main/MainLayout.razor.rz.scp.css */
.site-root[b-2c5yjjp7rw] {
    font-size: 0.9rem;
}

.site-main-container[b-2c5yjjp7rw] {
    --site-main-container-top-padding: var(--global-site-header-vertical-container-height);
    
    width: 100%;
    display: flex;
    justify-content: center;
}

.site-main-article[b-2c5yjjp7rw] {
    width: 100%;
}
/* _content/VauDium/Main/Padding/PageHeaderPadding.razor.rz.scp.css */
.page-header-padding[b-y33khb6gyx] {
    height: var(--global-site-header-vertical-container-height);
    background-color: white;
}
/* _content/VauDium/Main/PrivacyPolicy/Components/PrivacyPolicyContent.razor.rz.scp.css */
.section-privacy-policy-vertical-container[b-4v7yyih6zn] {
    height: auto;
}

.section-privacy-policy-horizontal-container[b-4v7yyih6zn] {
    display: flex;
    flex-wrap: wrap;
    justify-content: left!important;
}

.section-privacy-policy-horizontal-container div[b-4v7yyih6zn] {
    width: 100%;
    
    border-bottom: 1px solid black;
    margin-bottom: 24px;
}

/* _content/VauDium/Main/Resouce/Contents/HowToExtractNewGuide.razor.rz.scp.css */
.section-container[b-ex98y9027y] {
    min-width: var(--global-section-horizontal-container-min-width);
    max-width: var(--global-section-horizontal-container-max-width);

    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .section-container[b-ex98y9027y] {
        padding-left: 8px;
        padding-right: 8px;
    }
}

.section-header[b-ex98y9027y] {
    padding-top: 16px;

    width: inherit;
}

.section-content[b-ex98y9027y] {
    width: inherit;
}

.global-section-horizontal-container[b-ex98y9027y] {
    justify-content: start;
}

.step-item[b-ex98y9027y] {
    padding-top: 8px;
}

.screen-item[b-ex98y9027y] {
    padding-top: 8px;
}

.important-word[b-ex98y9027y] {
    font-weight: bolder;
}

.summary-image[b-ex98y9027y] {
    max-width: max-content;
    object-fit: contain;
}

p[b-ex98y9027y] {
    word-break: keep-all;
}

.section-header[b-ex98y9027y] {
    border-bottom-style: solid;
}

#summary-image[b-ex98y9027y] {
    height: 100%;
    width: 100%;

    object-fit: contain;

    max-width: 350px;
}
/* _content/VauDium/Main/Resouce/Contents/HowToImproveSourceGuide.razor.rz.scp.css */
.section-container[b-gs8cfdj1kq] {
    min-width: var(--global-section-horizontal-container-min-width);
    max-width: var(--global-section-horizontal-container-max-width);

    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .section-container[b-gs8cfdj1kq] {
        padding-left: 8px;
        padding-right: 8px;
    }
}

.section-header[b-gs8cfdj1kq] {
    padding-top: 16px;

    width: inherit;
}

.section-content[b-gs8cfdj1kq] {
    width: inherit;
}

.global-section-horizontal-container[b-gs8cfdj1kq] {
    justify-content: start;
}

.step-item[b-gs8cfdj1kq] {
    padding-top: 8px;
}

.screen-item[b-gs8cfdj1kq] {
    padding-top: 8px;
}

.important-word[b-gs8cfdj1kq] {
    font-weight: bolder;
}

.summary-image[b-gs8cfdj1kq] {
    max-width: max-content;
    object-fit: contain;
}

p[b-gs8cfdj1kq] {
    word-break: keep-all;
}

.section-header[b-gs8cfdj1kq] {
    border-bottom-style: solid;
}

#summary-image[b-gs8cfdj1kq] {
    height: 100%;
    width: 100%;

    object-fit: contain;

    max-width: 350px;
}
/* _content/VauDium/Main/Resouce/Contents/HowToWriteRecord.razor.rz.scp.css */
.section-container[b-muysvbjv0y] {
    min-width: var(--global-section-horizontal-container-min-width);
    max-width: var(--global-section-horizontal-container-max-width);

    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .section-container[b-muysvbjv0y] {
        padding-left: 8px;
        padding-right: 8px;
    }
}

.section-header[b-muysvbjv0y] {
    padding-top: 16px;

    width: inherit;
}

.section-content[b-muysvbjv0y] {
    width: inherit;
}

.global-section-horizontal-container[b-muysvbjv0y] {
    justify-content: start;
}

.step-item[b-muysvbjv0y] {
    padding-top: 8px;
}

.screen-item[b-muysvbjv0y] {
    padding-top: 8px;
}

.important-word[b-muysvbjv0y] {
    font-weight: bolder;
}

.summary-image[b-muysvbjv0y] {
    max-width: max-content;
    object-fit: contain;
}

p[b-muysvbjv0y] {
    word-break: keep-all;
}

.section-header[b-muysvbjv0y] {
    border-bottom-style: solid;
}

#summary-image[b-muysvbjv0y] {
    height: 100%;
    width: 100%;

    object-fit: contain;

    max-width: 350px;
}
/* _content/VauDium/Main/Resouce/Contents/WhatIsEndeavor.razor.rz.scp.css */
.section-container[b-fbrcuz1ai8] {
    min-width: var(--global-section-horizontal-container-min-width);
    max-width: var(--global-section-horizontal-container-max-width);

    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .section-container[b-fbrcuz1ai8] {
        padding-left: 8px;
        padding-right: 8px;
    }
}

.section-header[b-fbrcuz1ai8] {
    padding-top: 16px;

    width: inherit;
}

.section-content[b-fbrcuz1ai8] {
    width: inherit;
}

.global-section-horizontal-container[b-fbrcuz1ai8] {
    justify-content: start;
}

.step-item[b-fbrcuz1ai8] {
    padding-top: 8px;
}

.screen-item[b-fbrcuz1ai8] {
    padding-top: 8px;
}

.important-word[b-fbrcuz1ai8] {
    font-weight: bolder;
}

.summary-image[b-fbrcuz1ai8] {
    max-width: max-content;
    object-fit: contain;
}

p[b-fbrcuz1ai8] {
    word-break: keep-all;
}

.section-header[b-fbrcuz1ai8] {
    border-bottom-style: solid;
}

#summary-image[b-fbrcuz1ai8] {
    height: 100%;
    width: 100%;

    object-fit: contain;

    max-width: 350px;
}
/* _content/VauDium/Main/Resouce/Contents/WhatIsGuide.razor.rz.scp.css */
.section-container[b-3oogtestdl] {
    min-width: var(--global-section-horizontal-container-min-width);
    max-width: var(--global-section-horizontal-container-max-width);

    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .section-container[b-3oogtestdl] {
        padding-left: 8px;
        padding-right: 8px;
    }
}

.section-header[b-3oogtestdl] {
    padding-top: 16px;

    width: inherit;
}

.section-content[b-3oogtestdl] {
    width: inherit;
}

.global-section-horizontal-container[b-3oogtestdl] {
    justify-content: start;
}

.step-item[b-3oogtestdl] {
    padding-top: 8px;
}

.screen-item[b-3oogtestdl] {
    padding-top: 8px;
}

.important-word[b-3oogtestdl] {
    font-weight: bolder;
}

.summary-image[b-3oogtestdl] {
    max-width: max-content;
    object-fit: contain;
}

p[b-3oogtestdl] {
    word-break: keep-all;
}

.section-header[b-3oogtestdl] {
    border-bottom-style: solid;
}

#summary-image[b-3oogtestdl] {
    height: 100%;
    width: 100%;

    object-fit: contain;

    max-width: 350px;
}
/* _content/VauDium/Main/Resouce/ResourcePage.razor.rz.scp.css */
.section-container[b-6uvczk7ijd] {
    min-width: var(--global-section-horizontal-container-min-width);
    max-width: var(--global-section-horizontal-container-max-width);

    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .section-container[b-6uvczk7ijd] {
        padding-left: 8px;
        padding-right: 8px;
    }
}

.section-header[b-6uvczk7ijd] {
    padding-top: 16px;

    width: inherit;
}

.section-content[b-6uvczk7ijd] {
    width: inherit;
}

.global-section-horizontal-container[b-6uvczk7ijd] {
    justify-content: start;
}

.step-item[b-6uvczk7ijd] {
    padding-top: 8px;
}

.screen-item[b-6uvczk7ijd] {
    padding-top: 8px;
}

.important-word[b-6uvczk7ijd] {
    font-weight: bolder;
}

.summary-image[b-6uvczk7ijd] {
    max-width: max-content;
    object-fit: contain;
}

p[b-6uvczk7ijd] {
    word-break: keep-all;
}

.section-header[b-6uvczk7ijd] {
    border-bottom-style: solid;
}

#summary-image[b-6uvczk7ijd] {
    height: 100%;
    width: 100%;

    object-fit: contain;

    max-width: 350px;
}
/* _content/VauDium/Main/Service/Components/Abstract/FecitAbstract.razor.rz.scp.css */
.global-section-horizontal-container[b-u59djg8wa0] {
    display: flex;
    flex-direction: column;
}

.achieve-further-and-beyond-header[b-u59djg8wa0] {
    text-align: center;
}

.achieve-further-and-beyond-description[b-u59djg8wa0] {
    text-align: center;
}
/* _content/VauDium/Main/Service/Components/BrandIdentity/BrandIdentity.razor.rz.scp.css */
.fecit-logo-image[b-hpw2n2ak42] {
    width: auto;
    height: 320px;
}

/* Big Screen */
@media (min-width: 769px) {
    .image-container[b-hpw2n2ak42] {
        display: flex;
        align-items: center;

        flex-direction: row;
    }

    .fecit-qr-image[b-hpw2n2ak42] {
        width: auto;
        height: 240px;
    }
    
    .fecit-app-store-badge[b-hpw2n2ak42] {
        display: none;
    }
}

/* Mobile Screen */
@media (max-width: 768px) {
    .image-container[b-hpw2n2ak42] {
        display: flex;
        justify-content: center;
        align-items: center;
        
        flex-direction: column;
    }

    /* Mobile에서는 QR Code를 보여주지 않는다. */
    /* 대신 App Store Link를 보여 주는 것은 어떨까? */
    .fecit-qr-image[b-hpw2n2ak42] {
        display: none;
    }
    
    .fecit-app-store-badge[b-hpw2n2ak42] {}
}
/* _content/VauDium/Main/Service/Components/Communication/FecitCommunication.razor.rz.scp.css */
.global-section-horizontal-container[b-maarc22lil] {
    display: flex;
    flex-direction: column;
}

.communicate-as-you-perceive-header[b-maarc22lil] {
    text-align: center;
}

.communicate-as-you-perceive-description[b-maarc22lil] {
    text-align: center;
}
/* _content/VauDium/Main/Service/Components/Documentation/FecitDocumentation.razor.rz.scp.css */
.global-section-horizontal-container[b-juw2r4dy5c] {
    display: flex;
    flex-direction: column;
}

.improved-documentation-header[b-juw2r4dy5c] {
    text-align: center;
}

.improved-documentation-description[b-juw2r4dy5c] {
    text-align: center;
}
/* _content/VauDium/Main/Service/Components/Process/FecitProcess.razor.rz.scp.css */
.global-section-horizontal-container[b-wka8bx47xh] {
    display: flex;
    flex-direction: column;
}

.manage-process-not-schedule-header[b-wka8bx47xh] {
    text-align: center;
}

.manage-process-not-schedule-description[b-wka8bx47xh] {
    text-align: center;
}
/* _content/VauDium/Main/Service/Components/ServiceContent.razor.rz.scp.css */
.fecit-logo-image[b-6accu70zld] {
    width: calc(856px * 0.8);
    height: calc(523px * 0.8);
}

.fecit-image-container[b-6accu70zld] {
    display: flex;
    height: var(--global-section-vertical-container-height);
    justify-content: center;
    align-items: center;
}

.fecit-content-screen-container[b-6accu70zld] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.fecit-content-root-container[b-6accu70zld] {
    padding-bottom: 12px;
}

.fecit-content-section-screen[b-6accu70zld] {
    height: var(--global-section-vertical-container-height);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* _content/VauDium/Main/TermsOfUse/Components/TermsOfUseContent.razor.rz.scp.css */
.section-terms-of-use-vertical-container[b-1ijy74rgqy] {
    height: auto;
}

.section-terms-of-use-horizontal-container[b-1ijy74rgqy] {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.section-terms-of-use-horizontal-container div[b-1ijy74rgqy] {
    width: 100%;
    
    border-bottom: 1px solid black;
    margin-bottom: 12px;
}