@font-face {
    font-family: 'score2';
    src: url('/static/font/SCDream2.otf') format('woff');
    /* src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'score4';
    src: url('/static/font/SCDream4.otf') format('woff');
    /* src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'score7';
    src: url('/static/font/SCDream7.otf') format('woff');
    /* src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'score9';
    src: url('/static/font/SCDream9.otf') format('woff');
    /* src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jnc';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nanumRound';
    src: url('/static/font/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


:root {
    --mainColor:#1B2547;
    --subColor:#2A58B4;
    --bg_subColor:rgb(42, 88, 180, 0.2);

    --outlineColor:rgb(224, 224, 224);
    --inputFocusBackground:#CBEBE3;
}
input[type="checkbox"]{
    zoom: 1.3;
}

* {
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    font-size: 15px;
}

body {
    /* overflow-x: hidden; */
    background-color: #F4F8FB;
}

.baseContainer {
    position: relative;
    width: 67.3vw;
    margin: 0 auto;
    /* min-height: 825px; */
}

a:focus,
button:focus,
input:focus {
    outline: 1px solid rgb(201, 199, 199);
}
.alert_distribute{
    background: rgb(27,37,71);
    background: linear-gradient(180deg, rgba(27,37,71,1) 18%, rgba(180,42,42,1) 51%, rgba(255,255,255,1) 100%);
}
.home_nav {
    position: sticky;
    z-index: 20;
    top: 0;
    margin: 0 auto;
    background-color: white;
    
}

ul, li {
    list-style:none;
}

a {
    all : unset;
    cursor:pointer;
}

input:focus {
    outline: 1px solid rgb(201, 199, 199);
}


.baseFontColor1 {
    color: #1B2547;
}
.baseFontColor2{
    color: #2A58B4;
}
.baseBGColor1 {
    background-color: #1B2547;
}
.baseBGColor2{
    background-color: #27334b;
}
.baseBGColor3{
    background-color: #7e164f;
}

#topNav, #buttomNav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 16px;
    gap: 20px;
}

#buttomNav {
    border-bottom: 2px solid #EBEFF2;
}


#infoZone {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.infoZoneText,
.infoZoneText_admin,
#infoZone > a > li {
    font-family: score4;
    font-size: 14px;
    font-weight: 700;
    color: darkgray;
    margin: 0 10px;
}

.infoZoneText:hover,
#infoZone > a > li:hover {
    color: black;
}

.infoZoneText_admin{
    font-size: 12px;
    background-color: red;
    padding: 2px 7px;
    border-radius: 5px;
    color: white;
    transition: 0.2s;
}
.infoZoneText_admin:hover{
    color: yellow;
    transition: 0.2s;
}


.vac2 {
    flex: 0 0 20px;
}

#middleNav, #categoryZone{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 40px;
}
.main_home_logoWrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* gap: 8px; */
    /* height: 60px; */
    /* width: 200px; */
    padding-left: 16.6vw;

    flex-basis: 230px;
    flex-shrink: 0;
    flex-grow: 0;

    cursor: pointer;
}


.homelogo{
    height: 50px;
}

.homelogo_2025{
    position: relative;
    /* width: 100px; */
    height: 35px;
}
@media (max-width:900px) {
    .vac2{
        display: none;
    }
    .homelogo {
        position: absolute;
        top: 5px;
        height: 60px;
    }
}

.baseFontColor1,
.baseFontColor2{
    font-family: score9;
    font-size: 16px;
    padding-bottom: 5px;
}
@media (max-width:900px) {
    .baseFontColor1,
    .baseFontColor2{ 
        font-family: score7;
        font-size: 14px;
        padding-bottom: 3px;
    }
}

#categoryZone{
    flex-basis: 1000px;
    flex-shrink: 1;
    flex-grow: 1;
}

#vacantZone {
    flex-basis: 300px;
    flex-shrink: 3;
    flex-grow: 0;
}

.categoryItem{
    position: relative;
    margin: 0 3%;
    min-width: 82px;
    text-align: center;

}

.main_homeBtn{
    font-family: score9;
    font-weight: 900;
    font-size: 16px;
    color: #2A58B4;
    transition: 0.2s;
}

.item_button{
    font-family: score4;
    font-weight: 900;
    font-size: 16px;
    color: darkgray;
    transition: 0.2s;
}


    .categoryItem:hover{
        border-bottom: 3px solid #2A58B4;
        border-top: 3px solid #2A58B4;
        padding: 2px 0 ;
        transition: 0.1s;
    }
    .categoryItem:hover .item_button{
        color: #2A58B4;
    }
    .main_homeBtn:focus,
    .item_button:focus{
        outline: 0px;
    }
    

    

.fillBtn {
    all :unset;
    padding: 5px;
    height: 25px;
    font-size: 18px;
    text-align: center;
    border-radius: 8px;
    background-color: #2A58B4;
    color: white;
    /* margin: 10px 20px 20px 20px; */
    cursor: pointer;
}

.fillBtn:hover {
    background-color: #4676d8;
}


.fillBtn>span{
    font-family: score2;
}

.lineBtn {
    all :unset;
    padding: 5px;
    height: 25px;
    font-size: 18px;
    text-align: center;
    border-radius: 8px;
    color: #1B2547;
    border:1px solid #1B2547;  
    /* margin: 10px 20px 20px 20px; */
    cursor: pointer;
}

.lineBtn:hover, .lineBtn:focus {
    border: 2px solid #1B2547;
    padding: 4px;
    font-weight: 600;
}

.wd100 {
    width: 100px;
}

.wd150 {
    width: 150px;
}

.wd200 {
    width: 200px;
}

.wd250 {
    width: 250px;
}
.wd300 {
    width: 300px;
}

/* BaseModal */
.showModal,
.showModal_fix {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20;
}
.showModal_fix{
    position: fixed;
}
.defaultHide {
    display: none;
}

.loadingBar{
    display: none;
    background-color: rgb(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.loadingBarContainer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 20px
}


.loadingBarItem{
    width: 70px;
}
.loadingBarItem_text{
    text-align: center;
    font-family: nanumRound;
    font-weight: 900;
    color: white;
    font-size: 20px;
}
.baseModal_fixed{
    
}
.baseModal {
    background-color: rgb(0,0,0,0.7);
    z-index: 9;
}
.baseModal_box,
.checkUserModal_box,
.createUserModal_box {
    background-color: white;
    width: 500px;
    min-width: 300px;
    height: 500px;
    border-radius: 8px;
    /* z-index: 99; */
    animation: showup 0.3s;
}
.checkUserModal_box{
    table-layout: fixed;
    width: 800px;
    height: 800px;
}
.createUserModal_box{
    height: 400px;
}
    .baseModal_header {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 5px 0;
        height: 27px;
        background-color: #2A58B4;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
    }

        .baseModal_header > span {
            /* font-family: score4; */
            font-size: 15px;
            color: white;
        }

            .baseModal_header_text {
                flex-basis: 90%;
                font-family: nanumRound!important;
                flex-grow: 1;
                flex-shrink: 1;
                margin-left: 25px;
            }
            .baseModal_header_cancel {
                position: absolute;
                height: 30px;
                right: +10px;
                cursor: pointer;
            }



    .baseModal_body {
        position: relative;
        display: flex;
        flex-direction: column;
        font-size: 16px;
        margin: 40px;
        height: 275px;
    }

    .baseModal_option,
    .createUserModal_option {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        margin: 40px;
        height: 75px;
    }


    .createUserModal_option{
        margin:10px
    }
    .registerUser_wrap{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        width: 100%;
        height: calc(100% - 40px - 60px);
        /* margin: 20px 0; */
    }
    .registerUser_tr{
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 90%;
        gap: 20px;
    }
    .registerUser_label{
        font-family: score7;
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 40%;
    }
    .registerUser_explain1{
        font-family: nanumRound;
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 60%;
    }
    .registerUser_explain2{
        font-family: nanumRound;
        font-size: 14px;
        width: 80%;
        text-align: left;
    }
    .registerUser_input{
        all: unset;
        flex: 60%;
        border: 1px solid rgb(199, 199, 199);
        border-radius: 10px;
        background-color: #DCEDEE;
        text-align: center;
        font-size: 16px;
        padding: 5px 5px;
        transition: 0.1s;
    }
    .registerUser_input:focus{
        border: 1px solid grey;
        background-color: #c2d0d8;
        transition: 0.1s;
    }
    .registerUser_textarea{
        flex: 60%;
        resize: none;
        height: 120px;
        border: 1px solid grey;
        border-radius: 10px;
        cursor: pointer;
    }
    .agreeWrap{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }


    /* BaseModal - Success Modal */
    .successModalImgContainer{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 65%;
    }

    .successModalImgContainer > img {
        position: relative;
        height: 100%;
    }

    .successModalTextContainer{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 35%;
    }        

    .successModalTextContainer > p:nth-child(1) {
        position: relative;
        width: 100%;
        text-align: center;
        font-weight: 700;
        font-size: 18px;
    }


    /* BaseModal - error Modal */
    .errorModalImgContainer{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 65%;
    }

    .errorModalImgContainer > img {
        position: relative;
        height: 70%;
    }

    .errorModalTextContainer{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 35%;
        
    }

    .errorModalTextContainer > p:nth-child(1) {
        position: relative;
        width: 100%;
        text-align: center;
        font-weight: 700;
        font-size: 18px;
    }

    /* BaseModal - body */
    
        /* 업로드 옵션선택하는 경우 */
        .modalAnnounceDiv {
            display: flex;
            justify-content: center;
        }

        .modalAnnounceDiv > p, .modalAnnounceDiv > p > span, .modalAnnounceDiv > label {
            /* margin-top: 30px; */
            text-align: center;
            font-family: score7;
            font-size: 20px;
            font-weight: 500;
        }

        .modalAnnounceDiv2{
            margin: 40px 0;
            display: flex;
            justify-content: center;
        }

        .modalAnnounceDiv2 > p {
            text-align: center;
            font-family: score7;
            font-size: 18px;
        }

        .mustKnow {
            font-family: score2;
            font-weight: 900;
            font-size: 12px;
            color: red;
        }
        
        .modalSelectOptionDiv{
            display: flex;
            flex-direction: row;
        }

            .modalSelectOption1, .modalSelectOption2{
                flex-basis: 49%;
            }

            .modalSelectOption1:hover, .modalSelectOption2:hover{
                background-color: rgb(189, 204, 231);
                border-radius: 10px;
                cursor: pointer;
            }

            .optionTitle{
                font-family:score4;
                text-align: center;
            }

            .optionAnnounce{
                font-family:score2;
                text-align: center;
                font-size: 14px;
            }

            .modalImgContainer{
                height: 80px;
                padding: 10px;
                display: flex;                
                justify-content: center;
                align-items: center;
            }

            .modalImgContainer > img {
                position: relative;
                height: 100%;
            }

    .modalTitle{
        font-family: score4;
        font-size: 18px;
    }

    .ModalUploadTop {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 10px;
    }
    .ModalUploadTop > div {
        display: flex;
        flex-direction: row;
    }
    .downloadButton {
        all:unset;
        padding: 2px 10px;
        border-radius: 10px;
        background-color: #2A58B4;
        color: white;
        cursor: pointer;
    }
    .downloadButton:hover {
        background-color: #4676d8;
    }
    .openGuideButton {
        all:unset;
        padding: 2px 5px;
        border-radius: 10px;
        background-color: white;
        color: #1B2547;
        border: 1px solid #1B2547;
        cursor: pointer;
    }
    .openGuideButton:hover {
        padding: 1px 4px;
        border: 2px solid #1B2547;
        font-weight: 600;
    }
    
    .ModalDropZoneDiv{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        width:100%;
        height: 120px;

        margin-top: 30px;

        border: dashed 5px #4676d8;
        border-radius: 20px;
        overflow-y: auto;
        overflow-x:hidden;  

        z-index:99;

    }

    .ModalDropZoneDiv > .dropZoneBG {
        position: absolute;
        width: 100%;
        height:100%;
        background-image: url('/static/image/upload.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        opacity: 0.3;
    }

    .ModalDropZoneDiv > label {
        font-family: score4;
        font-size: 18px;
    }

    .dragOver{
        border: dashed 5px #05ffc9;
        transition:0.3s;
    }
    
    .drop{
        border: solid 7px #1B2547;
        transition:0.3s;
    }

    .chooseFileDiv{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
    }
    .chooseFileDiv > label, .chooseFileDiv > label > span{
        font-family: score4;
        font-size: 18px;
    }
    .chooseFileDiv > label > span{
        cursor: pointer;
        color: #2a58b4;
        font-weight: 900;
        border-bottom: 5px solid rgb(153, 153, 0);
    }

    .hiddenInput{
        display: none;
    }


    /* BaseModal - Option Button */

    .ModalButton {
        all :unset;

        width: 80%;
        height: 50%;

        padding: 5px;
        margin: 10px;

        font-size: 22px;
        /* text-align: center; */
        display: flex;
        justify-content: center;
        align-items: center;

        border-radius: 8px;
        
        color: black;
        cursor: pointer;
    }

    .modalSilver {
        background-color: #EBEFF2;
        border: 0.5px solid rgb(212, 212, 212);
        color: black;
    }

    .ModalButton:hover {
        border: 1px solid rgb(146, 146, 146);
        background-color:  #d1cece;
    }

    .modalYes {
        background-color: #2A58B4;
        border: 0.5px solid #1B2547;
        color: white;
    }

    .modalYes:hover {
        background-color: #4676d8;
    }

    .modalNo {
        background-color: red;
        border: 0.5px solid rgb(107, 0, 0);
        color: white;
    }

    .modalNo:hover {
        background-color: rgb(253, 78, 78);
    }


    /* paydoc에서 사용하는 baseModal css */

    .bodyText {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .bodyTitle{
        font-family: score7;
        font-size: 26px;
        color: #1B2547;
    }
    .bodyTitleResult{
        font-family: score7;
        font-size: 24px;
        color: red;
    }
    

    .bodyExplain, .bodyExplain > p {
        margin-top: 15px;
        font-family: score4;
        font-size: 18px;
    }

    .bodyExplainText {
        font-size: 18px;
        font-weight: 700;
    }


    .bodyTextBox{
        margin: 5px 0;
        border: 1px double rgb(201, 200, 200);
        border-radius: 10px;
        padding: 5px;
        /* height: 100%; */
    }
    
    .bodyText_wrapper:nth-child(1){
        margin-bottom: 15px;
    }

    .bodyText_title{
        font-family: score7;
        color: #4676d8;
        font-size: 16px;
        font-weight: 700;
    }
    
    .bodyText_text{
        padding-left: 15px;
        font-size: 16px;
    }

    .pointRed{
        color: red;
        font-family: score7;
        padding: 0px 7px;
    }

    .bodyExplainAlert {
        color: red;
        font-size: 20px;
    }


/* YYYYMM */

.YYYYMM_Div{
    margin: 10px 0;
    display: flex;
    flex-direction: column;
}



/* progress Modal */

.progressModal {
    background-color: rgb(0,0,0,0.6);
}

.progressContainer{
    position: relative;
    width: 400px;
    padding: 10px;
    z-index: 99;
}

.progressText{
    font-family: score7;
    font-size: 18px;
    color: white;

    display: flex;
    justify-content: center;
    align-items: center;

    margin: 0 0 20px 0;
}

.progress{
    position: absolute;
    height: 25px;
    border-radius: 7px;
}

.progressFull {
    background-color: #000000;
    border: 4px solid rgb(54, 54, 54);
    width: calc(100% - 20px);
}

.progressNow {
    background-color: red;
    border: 3px solid rgb(68, 0, 0);
    width: calc(0% - 20px)
}

.progressPercent {
    display: flex;
    justify-content: center;
    align-items: center;

    font-family: score4;

    background-color: transparent;
    width: calc(100% - 20px);
    color: white;
}
    

.footer{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100px;
    color: rgb(114, 114, 114);
    background-color: rgb(202, 202, 202);
}


.footer_ih{
    position: relative;
    background-color: white;
    border: 3px solid rgb(224, 224, 224);
    border-radius: 20px;
    padding: 20px;
    width: calc(100% - 40px);
    
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    /* height: 150px; */
    color: rgb(114, 114, 114);
    margin: 50px 0;
    gap: 50px;

    /* :root {
        --mainColor:#1B2547;
        --subColor:#2A58B4;
        --outlineColor:rgb(224, 224, 224);
    } */
}

.footer_ih_img{
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .footerImg{
        opacity: 0.3;
        width: 100%;
    }
.footer_ih_topWrap{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.footer_ih_top_share{
    width: 30px;
    cursor: pointer;
}
.footer_ih_top_share:hover{
    outline: 1px solid grey;
    border-radius: 8px;
}
.footer_ih_text{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 5px;
}
    .footerText{
        font-size: 14px;
    }
    .gooterText_title{
        font-family: score7;
        font-size: 20px;
        padding: 0 0 10px 0;
        color: #1B2547;
    }
    .footerText_link{
        font-family: score4;
        color: black;
        font-weight: 600;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        gap: 20px;
    }
    .footerText_linkText{

    }
    .footerText_linkText:hover{
        color: red;
        transition: 0.3s;
    }
.navNoticeZone{
    width: 400px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    overflow: hidden;

    
}
.hideNotice{
    position: inherit;
    display: none;
    vertical-align: middle;
}
.showNotice{
    display: flex;
    color: red;
    width: 100%;
    font-family: nanumRound;
    font-weight: 700;
    font-size: 14px;
    animation: downUp 1s;
    transition: 0.3s;
    align-items: center;
    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;


    text-overflow:ellipsis;
    cursor: pointer;
}
    .showNotice:hover{
        color: #1B2547;
        transition: 0.3s;
    }

.imgNotice{
    height: 18px;
}


@keyframes downUp {
	from {
		transform: translateY(-30px);
	}
	to {
		transform: translateY(0px);
	}
}

/* 태블릿 */
@media (max-width:1280px) {
    .baseContainer{
        width: 80vw;
    }
}

/* 스마트폰 */
@media (max-width:900px) {
    .baseContainer {
        width: 95vw;
    }

    #logoZone {
        flex: 1 0 80px;
        padding-left: 10px;
        flex-direction: column;
    }

    
    #logoZone > div {
        display: none;
    }

    /* #logoZone > div > span {
        font-family: score9;
        font-size: 20px;
    } */

    .categoryItem{
        margin: 0 5px;
        font-size: 14px;
    }



    #infoZone {
        justify-content: space-around;
    }
    
    #infoZone > a > li {
        font-size: 12px;
    }

    .footer_ih{
        flex-direction: column;
        gap: 10px;
    }
    .footer_ih_img{
        width: 100%;
        height: 50%;
    }
    .footerImg{
        width: 30%;
    }
    .footerText{
        font-size: 12px;
    }
    .footerText_link{
        justify-content: center;
        gap: 5px;
    }
}


/*  스마트폰용 네비게이션  */

    /* PC화면인 경우 */
    .smartNav{
        display: none;
        /* overflow-x: hidden; */
        /* overflow-y: none; */

    }

    /* 스마트폰인 경우 */
    
    .mainNav{
        position:relative;
        background-color: white;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 65px;
        padding: 0 20px;
        z-index: 3;
        
        /* gap:56% */
    }

    .sm_logo_container{
        height: 60px;
        margin: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .sm_homelogo{
        position: relative;
        height: 60%;
    }

    .smartNavButton{
        margin: 10px;
    }

            
    .mb_item{
        width: 30px;
        height: 2px;
        border-radius: 20%;
        margin-bottom: 5px;
        background-color: #1B2547;
    }


    .smartNavMenu{
        position: absolute;
        /* margin-top: 50px; */
        width: 100%;
        /* background-color: #2A58B4; */
        z-index: 3;
    }

    .smartNav_background{
        position: fixed;
        left: 0;
        top: 81px;
        width: 100%;
        height: 100%;
        background-color: rgb(0, 0, 0, 0.7);
        z-index: 1;
        transition: 0.1s;
    }
    .smartNav_item{
        font-family: nanumRound;
        font-size: 17px;
        font-weight: 900;
        color: white;

        text-align: center;
        width: calc(50% - 2px);
        /* height: 70px; */
        border: 1px solid #0b1f53;
        
        display: flex;
        align-items: center;
        justify-content: center;

        /* width: 80px; */
        height: 50px;
        /* background-color:#2A58B4; */
        background: linear-gradient(90deg, rgba(38,116,180,1) 0%, rgba(38,84,180,1) 61%, rgba(45,38,180,1) 100%);
        /* border-radius: 50%; */
    }
    .close_smartNavMenu{
        display: none;
        transition: 0.3s;
    }

    .open_smartNavMenu{
        display: block;
        transition: 0.3s;
    }

    .smartNavWrap{
        display: flex;
        flex-direction: column;
        /* justify-content: center; */
        justify-content: space-around;

        flex-wrap: wrap;
        flex-direction: row;
        /* gap: 30px; */
    }



    @media (max-width:900px) {
        #middleNav,
        #buttomNav{
            display: none;
        }

        .smartNav{
            display: block;
            position: sticky;
            z-index: 20;
            top: 16px;
            height: 65px;
            margin: 0 auto;
            background-color: white;
            border-top: 2px solid #EBEFF2;
            border-bottom: 2px solid #EBEFF2;
        }
    }
    

    @keyframes showup {
        from {
            opacity: 50%;
        }
        to {
            opacity: 100%;
        }
    }


.home_nav_itemWrap{
    position: relative;
    height: 100%;
    padding-right: 16.6vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 70px;
}
.home_nav_item{
    font-family: nanumRound;
    font-size: 16px;
    font-weight: 900;
    cursor: pointer;
    transition: 0.1s;
}
.home_nav_item:hover{
    color: #2A58B4;
    border-bottom: 3px solid #2A58B4;
    border-top: 3px solid #2A58B4;
    padding: 2px 0 ;
    transition: 0.1s;
}
.home_nav_contentWrap{
    width: 100%;
}
.home_nav_content{
    display: none;
}
.showThisNav{
    position: absolute;
    display: flex;
    
    padding: 30px 0;
    padding-left: 17%;
    padding-right: 17%;
    width: calc(100% - 34%);

    flex-direction: row;
    justify-content: center;

    background: linear-gradient(90deg, rgba(38,116,180,1) 0%, rgba(38,84,180,1) 61%, rgba(45,38,180,1) 100%);

    border-bottom: 3px solid #d5eafc;
    /* background-color: #1B2547; */
    z-index: 10;

    transition: 0.3s;
}
.greyBackGround{
    position: fixed;
    top: 72px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0, 0.7);
    z-index: 1;
}
.home_nav_content_title{
    width: calc(30% - 60px);
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
.home_nav_content_item{
    width: calc(70% - 40px);
    padding: 20px;
    border-radius: 10px;
    border: 2px solid #d3d3d3;
    background-color: white;

    display: flex;
    flex-direction: row;
    gap: 70px;
    justify-content: flex-start;
    align-items: flex-start;
   
}
.home_nav_content_item_wrap{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 5px;
}
.home_nav_content_title_header{
    font-family: score4;
    color: white;
    font-weight: 900;
    background-color: #1B2547;
    border: 1px solid grey;
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 24px;
}
.home_nav_content_title_text{
    font-family: nanumRound;
    color: white;
    font-size: 15px;
}
.home_nav_content_item_title,
.home_nav_content_item_text{
    font-family: nanumRound;
    font-size: 16px;
    cursor: pointer;
    transition: 0.2s;
}
.home_nav_content_item_title:hover,
.home_nav_content_item_text:hover{
    color: red;
    transition: 0.2s;
}
.home_nav_content_item_text_point{
    color: red;
}
.home_nav_content_item_text_point:hover{
    font-weight: 900;
}
.home_nav_content_item_title{
    display: block;
    font-weight: 900;
    font-size: 18px;
    width: 110px;
    color: #2A58B4;
    margin-bottom: 10px;
    /* border-bottom: 3px solid currentColor; */
}
.home_nav_content_item_title::before{
    content: '✔';
    color: white;
    background-color: #2A58B4;
    padding: 1px 4px;
    border-radius: 20px;
    margin-right: 5px;
}
.home_nav_content_item_text{
    padding-left: 4px;
}
.home_nav_content_item_text::before{
    content: ' ';
    padding-right: 3px;
}

.baseCss_prettySelect_no{
    fill: rgb(224, 223, 223);
    cursor: pointer;
    transition: 0.2s;
}
.baseCss_prettySelect_yes{
    background-color: white;
    fill: #2A58B4 !important;
    outline: 1px solid white;
    border-radius: 50%;
    transition: 0.2s;
    cursor: pointer;
}

.guideQuestionIcon{
    position: absolute;
    top: 5px;
    left: 5px;
    fill: var(--subColor);
    border: 2px solid var(--subColor);
    border-radius: 50%;
    background-color: white;
    width: 18px;
    height: 18px;
    transition: 0.2s;
}
.guideQuestionIcon:hover{
    fill: white;
    background-color: var(--mainColor);
    border: 2px solid white;
    transition: 0.2s;
}
.base_renderModal_box_400xauto{
    width: 400px;
    height: auto;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_500x300{
    width: 500px;
    height: 300px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_500x450{
    width: 500px;
    height: 450px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_600x600{
    width: 500px;
    height: 450px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_700x700{
    width: 700px;
    height: 700px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_autoxauto{
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_300xauto{
    width: 300px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_500xauto{
    width: 500px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_600xauto{
    width: 600px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_700xauto{
    width: 700px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_800xauto{
    width: 800px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_900xauto{
    width: 900px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_1000xauto{
    width: 1000px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_1000x700{
    width: 1000px;
    height: 700px;
    max-height: 80%;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_500x500{
    width: 500px;
    height: 500px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_500x600{
    width: 500px;
    height: 600px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_600x500{
    width: 600px;
    height: 500px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_600x600{
    width: 600px;
    height: 600px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_500x700{
    width: 500px;
    height: 700px;
    background-color: white;
    border-radius: 10px;
}
.nonSearchTr{
    display: none!important;
}
.base_renderModal_box_700x600{
    width: 700px;
    height: 600px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_800x750{
    width: 750px;
    height: 750px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_800x600{
    width: 800px;
    height: 600px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_800x700{
    width: 800px;
    height: 700px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_900x700{
    width: 900px;
    height: 700px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_1100x80per{
    width: 1100px;
    height: 80%;
    min-height: 700px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_500x400{
    width: 500px;
    height: 400px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_box_90perxauto{
    width: 90%;
    max-width: 500px;
    background-color: white;
    border-radius: 10px;
}
.base_renderModal_boxWrap{
    position: relative;
    padding: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px - 37px - 60px);

    overflow: auto;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 0px 0px 10px 10px;
}
.base_renderModal_boxWrap_flexStart{
    justify-content: flex-start;
}
.base_renderModal_textBox_title_v2{
    font-family: nanumRound;
    font-size: 30px;
    color: var(--subColor);
    font-weight: 900;
    gap: 20px;
    padding: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

}
.base_renderModal_textBox_title,
.base_renderModal_textBox_title_red{
    font-family: nanumRound;
    font-size: 24px;
    color: var(--subColor);
    font-weight: 900;
    padding: 20px;
}

.base_renderModal_textBox_title_red{
    color: red;
}

.base_renderModal_textBox_title_point,
.base_renderModal_textBox_title_point_red{
    font-size: 30px;
    border-radius: 15px;
    padding: 5px 10px;

    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: yellow;
    background-color: var(--subColor);
}
.base_renderModal_textBox_title_point_red{
    background-color: red;
}

.base_renderModal_textBox_itemWrap_height400{
    position: relative;
    padding: 20px;
    width: calc(100% - 40px);
    height: 400px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.base_renderModal_textBox_itemWrap{
    width: calc(100% - 40px);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.base_renderModal_textBox_itemWrap_v2{
    width: calc(100% - 40px);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.base_renderModal_textBox_item::before{
    content: '✔';
    display: inline;
    color: var(--subColor);
    margin-right: 10px;
}
.base_renderModal_textBox_item_olWrap{
    width: calc(90% - 30px - 2px);
    border: 1px solid var(--outlineColor);
    border-radius: 10px;
    padding: 15px;
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.base_renderModal_textBox_item_red{
    color: red;
    background-color: rgb(255, 255, 0, 0.3);
    padding: 2px;
    border-radius: 5px;
}
.base_renderModal_textBox_buttonWrap{
    width: calc(100%);
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.base_renderModal_textBox_button{
    background-color: var(--subColor);
    width: calc(70% - 20px);
    text-align: center;
    font-size: 18px;
    padding: 10px;
    border-radius: 20px;
    color: white;
    cursor: pointer;
    transition: 0.2s;
}
.base_renderModal_textBox_icon{
    fill: var(--subColor);
    width: 70px;
    height: 70px;
}
.base_renderModal_textBox_button:hover{
    
    background-color: var(--mainColor);
    transition: 0.2s;
}
.base_renderModal_textBox_item{
    font-family: nanumRound;
    color: grey;
    display: flex;
    justify-content: flex-start;
}
.base_renderModal_textBox_item_point{
    color: var(--subColor);
    font-weight: 900;
    background-color: rgb(255, 255, 0, 0.3);
}





.base_renderModal_btnWrap{
    width: calc(100% - 20px);
    height: calc(60px - 20px);
    display: flex;
    padding: 10px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.base_renderModal_btn{
    height: 100%;
    width: 80%;
    border: none;
    background-color: var(--outlineColor);
    font-family: nanumRound;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.2s;
}
.base_renderModal_btn:hover{
    background-color: grey;
    color:white;
    transition: 0.2s;
}
.active_button{
    background-color: var(--subColor)!important;
    color: white!important;
    transition:0.2s
}
.active_button:hover{
    background-color: var(--mainColor)!important;
    transition:0.2s
}
.active_red_button{
    background-color: red!important;
    border: 1px solid rgb(117, 0, 0);
    color: white!important;
    transition:0.2s
}
.active_red_button:hover{
    background-color: rgb(117, 0, 0)!important;
    transition:0.2s
}

.base_modal_kakao_btn{
    color: #3C1E1E;
    background-color: #FAE100;
    font-size: 24px;
    padding: 5px 20px;
    font-weight: 900;
    border-radius: 15px;
}

.base_common_image_preview_wrap{
    height: 800px;
    aspect-ratio: 0.707305;
    
    display: flex;
    justify-content: center;
    
    align-items: flex-start;
    overflow: auto;

    -ms-user-select: none; 
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.base_common_displayNone{
    display: none!important
}
.base_common_page_show{
    /* height: 100%; */
    width: 100%;
    animation: slideup 0.3s;
}
.base_common_page_hide{
    display: none;
}
.base_common_imagesChangeBtn_left,
.base_common_imagesChangeBtn_right{
    position: absolute;
    fill: white;
    cursor: pointer;
    transition: 0.2s;
}

.base_common_imagesChangeBtn_left:hover,
.base_common_imagesChangeBtn_right:hover{
    fill:yellow;
    transition: 0.2s;
}
.base_common_imagesChangeBtn_left{
    left: -50px;
}
.base_common_imagesChangeBtn_right{
    right: -50px;
}
.base_renderModal_table_body{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
}
.base_renderModal_search_zone{
    display: flex;
    width: 100%;
    justify-content: flex-end;
}
.base_renderModal_table_header{
    width: 100%;
    border-bottom: 3px solid var(--subColor);
    
    display: flex;
    flex-direction: row;
    padding: 10px 0;
}

.base_renderModal_table_header_data{
    font-family: nanumRound;
    text-align: center;
    font-size: 14px;
}


.base_renderModal_table_row{
    display: flex;
    flex-direction: row;
    padding: 10px 0;
    cursor: pointer;
    transition: 0.1s;
}
.base_renderModal_table_row:hover{
    background-color: var(--subColor);
    transition: 0.1s;
    color: white;
}
.base_renderModal_table_data{
    font-family: nanumRound;
    text-align: center;
    font-size: 14px;
}

.base_renderModal_table_header_data:nth-child(1){width: 15%;}
.base_renderModal_table_header_data:nth-child(2){width: 85%;}

.base_renderModal_table_data:nth-child(1){width: 15%;}
.base_renderModal_table_data:nth-child(2){width: 85%;}

.base_renderModal_cerificate_boxWrap{
    position: relative;
    padding: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px - 37px - 60px);

    overflow: auto;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: white;
    border-radius: 0px 0px 10px 10px;
}
.base_renderModal_cerificate_info{
    color: var(--subColor);
    padding: 30px 0;
    font-size: 20px;
    font-weight: 900;
    font-family: nanumRound;
}
.base_renderModal_cerificate_info_color{
    padding: 3px 10px;
    font-size: 19px;
    color: white;
    background-color: var(--subColor);
    border-radius: 10px;

}
.makeCertificateWrap{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    gap: 50px;
}
.base_renderModal_cerificate_article{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}
.base_renderModal_cerificate_article_title{

    font-family: nanumRound;
    font-size: 18px;
    border: 2px solid var(--mainColor);
    color: var(--mainColor);
    border-radius: 10px;
    padding: 3px 10px;
    display: inline;
    font-weight: 900;
}
.base_renderModal_cerificate_selectWrap{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    padding: 15px 0;
    gap: 30px;
}
.base_renderModal_cerificate_select_item{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.base_renderModal_cerificate_select_item_label{
    font-family: nanumRound;
    cursor: pointer;
    transition: 0.2s;
}
.base_renderModal_cerificate_select_item_label:hover{
    color: var(--subColor);
    font-weight: 900;
}


.base_renderModal_vcManage_signTypeWrap{
    position: relative;
    width: 90%;
    height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.base_renderModal_vcManage_signTypeWrap_row{
    position: relative;
    width: 90%;
    height: 90%;
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: center;
    align-items: center;
}

.base_renderModal_vcManage_signTypeWrap_item{
    position: relative;
    width: 90%;
    height: 90%;
    border: 1px solid var(--outlineColor);
    box-shadow: 3px 3px 3px grey;
    border-radius: 15px;
    transition: 0.2s;

    font-family: nanumRound;
    font-size: 18px;
    font-weight: 900;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    cursor: pointer;
}
.base_renderModal_vcManage_signTypeWrap_item:hover{
    background-color: var(--subColor);
    color: white;
    transform: scale(1.1);
    font-size: 18px;
    transition: 0.2s;
}
.base_renderModal_vcManage_signTypeWrap_item:hover > svg{
    fill: white;
    transition: 0.2s;
}
.base_renderModal_vcManage_signTitle{
    font-family: nanumRound;
    font-weight: 900;
    font-size: 18px;
    padding: 3px 10px;
    border-radius: 10px;
    border: 2px solid var(--subColor);
    color: var(--subColor);
}
.base_renderModal_vcManage_signTypeWrap_item:hover > .base_renderModal_vcManage_signTitle{
    background-color: transparent;
    color: white;
    border: 3px solid white;
}

.base_renderModal_vcManage_signTypeWrap_info{
    color: grey;
    font-family: nanumRound;
    font-size: 14px;
    text-align: center;
}
.base_renderModal_vcManage_signTypeWrap_item:hover > .base_renderModal_vcManage_signTypeWrap_info{
    color:white;
    transition: 0.2s;
}

.base_renderModal_vcManage_signImage{
    position: absolute;
    top: 1px;
    left: 1px;
    width: 40%;
    height: 40%;
}

.base_renderModal_vcManage_signImage_permission{
    fill: rgb(0, 128, 0, 0.3);
}
.base_renderModal_vcManage_signImage_deny{
    fill: rgb(255, 0, 0, 0.3);
}
.base_renderModal_vcManage_signImage_redeem{
    fill: rgba(158, 158, 158, 0.3);
}
.base_renderModal_vcManage_signImage_delete{
    fill: rgb(255, 0, 0, 0.3);
}
.base_renderModal_vcManage_signImage_change{
    fill: red;
}
.base_renderModal_vcManage_redeem_causeWrap{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.base_renderModal_vcManage_redeem_cause{
    width: 70%;
    height: 70%;
    border: 1px solid var(--outlineColor);
    padding: 5px;
    text-align: left;
    border-radius: 10px;
    font-family: nanumRound;
    font-size: 16px;
    resize: none;
}

.pdfToImg_buttonWrap{
    position: relative;
    width: 100%;
}
.pdfToImg_buttonZone{
    position: absolute;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    width: 100%;
    z-index: 11;
    opacity: 60%;
    height: 50px;
}
.agreeSignDirectImgWrap{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    z-index: 10;
}

.pdfToImg_button{
    cursor: pointer;
    transition: 0.3s;
}
.pdfToImg_button:hover{
    fill: red;
    transition: 0.3s;
}

.helpCenter_modalBox,
.pdfToImg_modalBox{
    background-color: white;
    width: 600px;
    min-width: 500px;
    height: 800px;
    border-radius: 8px;
    animation: showup 0.3s;
    /* display: flex; */
    padding: 3px;
}
.base_renderModal_calender_whoUseTable_wrap{
    width: 100%;
}
.base_renderModal_textBox_title{
    
}
.base_renderModal_infomation{
    width: 100%;
    color: grey;
    font-size: 14px;
    text-align: right;
}
.base_renderModal_infomation_2{
    width: 100%;
    color: grey;
    font-size: 14px;
    text-align: left;
}
.base_renderModal_calender_whoUseTable{
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}
.base_renderModal_calender_whoUseTable_th{
    color: white;
    border: 1px solid var(--outlineColor);
    background-color: var(--subColor);
    padding: 5px 0;
    text-align: center;
    font-size: 15px;
}
.base_renderModal_calender_whoUseTable_tr{
    cursor: pointer;
}
.base_renderModal_calender_whoUseTable_tr_sub{
    background-color: var(--outlineColor);
}
.base_renderModal_calender_whoUseTable_tr:hover{
    cursor: pointer;
    background-color: #7786b6;
    color: white;
}
.base_renderModal_calender_whoUseTable_td{
    padding: 5px 0;
    border-bottom: 1px solid var(--outlineColor);
    text-align: center;
    font-size: 15px;
}
.nomublog_master_create{
    all: unset;
    padding: 5px 10px;
    background-color: var(--subColor);
    color: white;
    border-radius: 10px;
    cursor: pointer;
}

.nomublog_adv_zone{
    position: fixed;
    /* width: 70px; */
    top: 10%;
    right: 10%;
    display: inline-flex;
    flex-direction: column;
    justify-self: center;
    align-self: center;
    
    gap: 10px;
    z-index: 1;
}
.kakao_shareLink_wrap{
    display: inline-flex;
    flex-direction: column;
    justify-self: center;
    align-self: center;
    gap: 1px;
}
.nomublog_adv_item:hover .nomublog_adv_item_kakao{
    color: #FAE100;
    background-color: #3C1E1E;
    transition: 0.2s;
}
.nomublog_adv_item_kakao{
    background-color: #FAE100;
    color: #3C1E1E;
}
.nomublog_adv_item_nomu{
    background-color: var(--subColor);
    color: white;
}
.kakao_shareLink_img_wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.kakao_shareLink_img{
    position: relative;
    width: 100%;
}
.nomublog_adv_item{
    font-family: nanumRound;
    text-align: center;
    border: 1px solid grey;
    width: 120px;
    padding: 5px 10px;
    font-weight: 900;
    font-size: 17px;
    border-radius: 10px;
    cursor: pointer;

    box-shadow: 3px 3px 3px grey;
}

.base_reception_request_result_container{
    position: relative;
    width: calc(30% - 60px);
    padding: 30px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 70px;
}
.base_reception_request_result_header_wrap{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}
.base_reception_request_result_header_title{
    color: white;
    font-weight: 900;
    border-bottom: 10px solid rgb(190, 190, 0);
    font-size: 30px;
}
.base_reception_request_result_header_icon{
    fill: white;
    width: 80px;
    height: 80px;
    animation: 1.3s infinite popNpop;
}

.base_reception_request_result_text_wrap{
    position: relative;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
}
.base_reception_request_result_text{
    font-size: 16px;   
    color: grey;
}




.base_alertModal_background{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0, 0.7);
    z-index: 90;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.base_loadingBar_box{
    padding: 20px;
    border-radius: 5px;
    box-shadow: 3x 3px 3px var(--outlineColor);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.base_alertModal_box{
    width: calc(300px - 40px);
    /* height: 300px; */
    padding: 20px;
    border-radius: 10px;
    background-color: white;
    box-shadow: 3x 3px 3px var(--outlineColor);

    display: flex;
    flex-direction: column;
    gap: 30px;
    
}

.base_alertModal_box_body{
    text-align: center;
    max-height: 500px;
    overflow-y: auto;
    font-size: 15px;
    word-break: break-all;
}
.base_alertModal_box_body_alignLeft{
    text-align: left;
}
.base_alertModal_box_option{
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
.base_alertModal_box_btn_confirm{
    all: unset;
    padding: 5px 8px;
    width: calc(100% - 10px);
    background-color: var(--subColor);
    color: white;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
}
.base_alertModal_box_btn_confirm:hover{
    transition: 0.2s;
    background-color: var(--mainColor);
}
.base_alertModal_box_btn_close{
    all: unset;
    padding: 5px 8px;
    width: calc(100% - 10px);
    background-color: grey;
    color: white;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
}
.base_alertModal_box_btn_close:hover{
    transition: 0.2s;
    background-color: rgb(87, 86, 86);
}

.common_agree_container{
    width: calc(100% - 20px);
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.common_agree_info{
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.common_agree_info_title_icon{
    fill: grey;
}
.common_agree_info_title_text{
    color: grey;
}
.common_agree_info_title_text_point{
    font-weight: 900;
    color: var(--subColor);
}
.common_agree_wrap{
    width: calc(100% - 20px);
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.common_agree_item{
    width: calc(100% - 20px);
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.common_agree_item_title{
    font-weight: 900;
}
.common_agree_item_openInfoBtn{
    color: var(--subColor);
    /* font-weight: 700; */
    cursor: pointer;
}
.common_agree_item_text{
    width: calc(100% - 20px);
    padding: 10px;
    border-radius: 10px;
    background-color: var(--outlineColor);
    height: calc(100px - 20px);
}
.common_agree_zone{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    align-items: center;
}
.common_agree_zone_label{
    cursor: pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}


.reception_home_body{
    /* display: block; */
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.reception_home_main{
    position: relative;
    width: calc(100%);
    height: calc(100%);
    background-color: var(--subColor);
    /* padding: 50px 0; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: auto;
}
.reception_home_container{
    position: relative;
    width: calc(300px - 60px);
    padding: 30px;
    /* margin: 80px 0; */
    border-radius: 15px;
    border: 3px solid var(--outlineColor);
    background-color: white;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
}
.reception_home_wrap{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    gap: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.reception_home_title{
    font-size: 18px;
    font-weight: 900;
}
.reception_home_input_wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.reception_home_input{
    position: relative;
    width: calc(100% - 20px);
    padding: 5px 10px;
    border: 1px solid var(--outlineColor);
    border-radius: 10px;
    text-align: center;

    -webkit-user-select: text;
    user-select: text;
}
.reception_home_input::-webkit-outer-spin-button,
.reception_home_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.reception_home_input::placeholder{
    color: rgb(206, 206, 206);
    text-align: center;
}
.reception_home_input_essential{
    background-color: rgb(186, 209, 218);
    border: 2px solid black;
}
.reception_home_input_essential::placeholder{
    color: black;
}
.reception_home_uniqueCode_text{
    color: #FF0033;
    font-size: 13px;
}
.reception_home_password_text{
    color: var(--subColor);
}
.recetpion_home_password_loginReset{
    color: white;
    background-color: var(--outlineColor);
    padding: 5px;
    border-radius: 10px;
}
.reception_home_password_text_point{
    color: red;
    font-weight: 900;
}
.reception_home_button_wrap{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.reception_home_button{
    width: calc(100% - 20px);
    padding: 5px 10px;
    border-radius: 10px;
    background-color: var(--subColor);
    color: white;
    text-align: center;
    cursor: pointer;
}
.reception_home_button:hover{
    background-color: var(--mainColor);
}

.reception_home_info_wrap{
    width: 100%;
    display: flex;
    flex-direction: column;
    /* gap: 12px; */
    justify-content: center;

}
.reception_home_info_item{
    width: 100%;
    font-size: 14px;
    text-align: left;
    color: grey;
    word-break: break-all;

    display: flex;
    flex-direction: row;
    gap: 5px;
}
.reception_home_info_item::before{
    content: "※";
    
}
.reception_home_logo_wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 100px;
}
.reception_home_logo{
    height: 70px;
}
.reception_home_logo_text_main,
.reception_home_logo_text{
    font-family: score9;
    color: var(--subColor);
    font-size: 16px;
}
.reception_home_logo_text_main{
    color: var(--mainColor);
}

.reception_loadingBar{
    display: none;
    background-color: rgb(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 99;
}
.reception_home_service_text{
    color: grey;
    font-weight: 100;
}
.reception_home_service{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: center;
    align-items: center;
}
.reception_home_service_item{
    border: 1px solid var(--outlineColor);
    background-color: var(--outlineColor);
    width: 50px;
    height: 50px;
    border-radius: 10px;
    /* padding: 10px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.2s;
}
.reception_home_service_item:hover{
    background-color: grey;
    color: white;
    transition: 0.2s;
}
.reception_home_service_item:hover > .reception_home_service_item_text{
    color: white;
}
.reception_home_service_item_select{
    background-color: var(--subColor);
    color: white;
    transition: 0.2s;
}
.reception_home_service_item_img{
    width: 40%;
    height: 40%;
}
.reception_home_service_item_text{
    color: rgb(168, 168, 168);
    line-height: 18px;
    font-size: 14px;
}
.reception_home_service_item_text_select{
    color: white;
}
.reception_home_memberName{
    font-weight: 900;
    font-size: 16px;
}
.reception_home_pw_wrap{
    display: flex;
    justify-content: center;
    gap: 2px;
    align-items: center;
}
.reception_home_pw_item{
    all: unset;
    width: 2ch;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    height: 20px;
    border: 1px solid var(--outlineColor);
    border-radius: 10px;
    color: grey;
}
.reception_home_pw_item_write{
    background-color: grey;
}


.reception_home_pw_item::-webkit-outer-spin-button,
.reception_home_pw_item::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.reception_home_pw_item:focus{
    background-color: rgb(42, 88, 187, 0.2);
}
.reception_loadingBarContainer{
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px
}

.reception_loadingBarItem{
    max-width: 50px;
}
.reception_home_nav_top{
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 30px);
    height: 100px;
    z-index: 3;
    background-color: white;
    border-bottom: 2px solid var(--outlineColor);
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
}
.reception_home_nav_top_menu{
    cursor: pointer;
}
.reception_home_nav_top_menu_icon{
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: 0.2s;
}
.reception_home_nav_top_menu_icon:hover{
    transform: scale(1.1);
    fill: black;
    transition: 0.2s;
}
.reception_home_nav_top_notification{
    position: relative;
}
.reception_home_nav_top_notification_new{
    position: absolute;
    top: 0;
    right: 0;
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background-color: red;
}
.reception_home_nav_top_menu_background{
    position: fixed;
    top: 53px;
    left: 0;
    width: 100%;
    height: calc(100% - 53px);
    background-color: rgb(0, 0, 0, 0.8);
}
.reception_home_nav_top_menu_box{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 30px;
    height: calc(100% -60px);
}
.reception_home_nav_top_menu_item{
    width: calc(50% - 30px);
    padding: 7px 15px;
    text-align: center;
    border: 1px solid white;
    background-color: white;
    border-radius: 15px;
}

.reception_home_nav{
    position: fixed;
    bottom: 0;
    left: 0;
    width: calc(100% - 20px);
    height: 100px;
    z-index: 3;
    background-color: white;
    border-top: 3px solid var(--outlineColor);
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
}
.reception_home_nav_item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60px;
    cursor: pointer;
}
.reception_home_nav_item_img{
    width: 20px;
    height: 20px;
}
.reception_home_nav_item_text{
    font-size: 14px;
}
.reception_home_notification_wrap{
    width: 100%;
    height: calc(100% - 80px);
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    gap: 50px;
    justify-content: flex-start;
    align-items: center;
    overflow: auto;
}

.reception_home_notification_tr,
.reception_home_normal_notification_tr{
    position: relative;
    width: calc(90% - 20px);
    padding: 10px;
    border: 3px solid var(--outlineColor);
    border-radius: 15px;
    background-color: var(--outlineColor);
    display: flex;
    gap: 20px;
    color: grey;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.reception_home_normal_notification_tr{
    background-color: var(--bg_subColor);
}

.reception_home_notification_new{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    top: -8px;
    right: -8px;
    background-color: red;
    
    color: white;
    border-radius: 50%;
    font-size: 12px;
}

.reception_home_normal_notification_icon{
    position: absolute;
    top: -8px;
    left:-8px;
    width: 30px;
    height: 30px;
}


.reception_home_notification_td_reg{
    width: 100%;
    text-align: right;
    color: grey;
}
.reception_home_notification_td_text{
    width: 100%;
    text-align: left;
}
.reception_home_notification_td_text > p{
    margin-top: 20px;
}
.reception_home_notification_td_title{
    font-weight: 900;
    font-size: 17px;
    color: black;
}
.reception_home_notification_td_url{
    width: calc(90% - 20px);
    padding: 5px 10px;
    background-color: var(--subColor);
    border-radius: 15px;
    text-align: center;
    color: white;
    font-weight: 900;
}
.reception_home_notification_td_more{
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.reception_home_notification_td_more_icon{
    fill: var(--subColor);
}
.reception_home_notification_tr_sub{
    width: calc(100% - 40px);
    padding: 20px;
    border-radius: 10px;
    background-color: white;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
}
.reception_home_notification_tr_sub_item{
    width: 100%;
    text-align: left;
    font-weight: 900;
}
.reception_home_notification_tr_sub_item::before{
    content: '- ';
}
.base_insahelper_small_logo{
    width: 25px;
    height: 25px;
}
.base_2025_modal_box,
.base_2025_modal_box_800px,
.base_2025_modal_box_nolimit{
    position: relative;
    padding: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px - 37px - 60px);
    max-height: 450px;

    overflow: auto;
    gap: 30px;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: white;
    border-radius: 0px 0px 10px 10px;
}
.base_2025_modal_box_800px{max-height: 800px;}
.base_2025_modal_box_nolimit{max-height: none;}
.base_2025_modal_tr{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.base_2025_modal_tr_col{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.base_2025_modal_td_info{
    width: calc(100% - 10px);
    background-color: var(--outlineColor);
    color: grey;
    padding: 2px 5px;
    border-radius: 10px;
    text-align: center;
}
.base_2025_modal_tr_info{
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-end;
}
.base_2025_modal_td,
.base_2025_modal_td_onwRow{
    display: flex;
    width: 50%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.base_2025_modal_td_onwRow{width: 100%;}
.base_2025_modal_input {
    all: none;
    width: 60%;
    padding: 5px;
    border: 1px solid grey;
    text-align: center;
    border-radius: 5px;
}
.base_2025_modal_input:focus{
    background-color: var(--inputFocusBackground);
    border: 1px solid rgb(92, 91, 91);
}
.base_2025_modal_input::placeholder{
    font-family: nanumRound;
    text-align: center;
    font-size: 13px;
}
.base_2025_modal_body{
    width: 60%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.base_2025_modal_title,
.base_2025_modal_title_essential,
.base_2025_modal_title_oneRow{
    width: 40%;
    font-family: nanumRound;
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    /* font-size: 18px; */
}
.base_2025_modal_title_essential{color: red;}
.base_2025_modal_title_oneRow{width: 20%;}
.base_2025_modal_data_oneRow,
.base_2025_modal_data_oneRow_col{
    width: calc(80% + 30px);
    display: flex;
    gap: 15px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.base_2025_modal_data_oneRow_col{
    width: calc(80%);
    flex-direction: column;
    gap: 5px;
}
.base_2025_modal_text_oneRow{
    color: grey;
    text-align: right;
}
.base_2025_modal_info_icon{
    fill: grey;
    cursor: pointer;
    fill: var(--subColor);
    width: 18px;
    height: 18px;
    transition: 0.2s;
}
.base_2025_modal_info_icon:hover{
    fill: var(--subColor);
    transform: scale(1.2);
    transition: 0.2s;
}

.base_common_color_pc{
    width: 15px;
    height: 15px;
    fill: grey;
}
.base_common_color_mobile{
    width: 15px;
    height: 15px;
    fill: var(--subColor);
}
.base_common_color_tablet{
    width: 15px;
    height: 15px;
    fill: green;
}
.base_common_color_app{
    height: 20px;
    fill: green;
}


.base_reception_container{
    width: calc(100% - 40px);
    padding: 20px;
    display: flex;
    border: 1px solid var(--outlineColor);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-content: center;
    margin: 20px 0;
}

.base_reception_infomation,
.base_reception_infomation_center{
    width: 100%;
    font-family: nanumRound;
    font-size: 14px;
    text-align: left;
}
.base_reception_infomation_center{text-align: center;}
.base_reception_infomation_gray{
    text-align: left;
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 14px;
    color: grey;
}
.base_reception_infomation_gray_icon{width: 20px; height: 20px;}
.base_reception_infomation_gray_text{
    width: calc(100% - 25px);
    font-size: 14px;
}
.base_reception_message{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 5px;
}

.base_reception_title_icon{
    padding: 5px;
    background-color: var(--subColor);
    border-radius: 15px;
    fill: white;
}
.base_reception_iconText{
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
    align-items: center;
}
.base_reception_title{
    position: relative;
    font-weight: 900;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
    font-size: 17px;
}
.base_reception_notReadMessageNumber{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: red;
    transform: translateY(-10px);
    width: 25px;
    height: 25px;
    font-size: 16px;
    font-weight: 900;
    border-radius: 50%;
    color:white;
}
.base_reception_text{
    width: 100%;
    text-align: center;
    font-size: 15px;
}
.base_reception_text_btn{
    cursor: pointer;
    transition: 0.2s;
}
.base_reception_text_btn:hover{
    font-weight: 900;
    transition: 0.2s;
}
.base_reception_largeText{
    font-size: 20px;
    font-weight: 900;
    color: var(--subColor);
}
.reception_button_wrap{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.reception_button_active,
.reception_button_green,
.reception_button_gray,
.reception_button_alert{
    padding: 10px;
    width: calc(100% - 20px);
    text-align: center;
    font-size: 20px;
    font-weight: 900;
    align-items: center;
    justify-content: center;
    background-color: var(--subColor);
    color: white;
    cursor: pointer;
    transition: 0.2s;

    border-radius: 10px;
}
.base_reception_imgButton_container{
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: flex-start;
}
.base_reception_imgButton_item{
    display: flex;
    flex-direction: column;
    border: 1px solid gray;
    border-radius: 15px;
    box-shadow: 2px 2px 2px 2px grey;
    cursor: pointer;
    gap: 5px;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    /* height: 25%; */
}
.base_reception_imgButton_item_img{
    width: 50%;
    height: 50%;
    fill: grey;
}
.base_reception_imgButton_item_text{
    font-size: 12px;
    text-align: center;
    color: grey;
}

.reception_button_green{background-color: green;}
.reception_button_alert{background-color: rgb(199, 0, 0);}
.reception_button_gray{background-color: var(--outlineColor); color: black;}
.reception_button_active:hover,
.reception_button_alert:hover,
.reception_button_gray:hover,
.reception_button_green:hover{
    transform: scale(1.02);
    transition: 0.2s;
}
.base_reception_workSystem_table{
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}
.base_reception_workSystem_table_tr{
    width: 100%;
    height: 30px;
}
.base_reception_workSystem_table_tr_now{
    border: 3px solid var(--subColor);
    background-color: var(--outlineColor);
    color: red;
}
.base_reception_workSystem_table_th{
    background-color: var(--bg_subColor);
    border: 1px solid white;
    text-align: center;
    font-size: 14px;
    padding: 5px 0;
}
.base_reception_workSystem_table_td{
    font-size: 14px;
    text-align: center;
    padding: 5px 0;
}
.worktime_calendar_isNow{
    position: absolute;
    padding: 2px;
    width: calc(100% - 4px);
    text-align: center;
    bottom: 0px;
    right:0;
    background-color: rgb(255, 0, 0);
    color: white;
    font-size: 12px;
    border-radius: 5px;
}
.worktime_holiday{
    background-color: rgb(255, 255, 195)!important;
}
.worktime_another_month{
    /* background-color: #FFD1DC; */
    background-color: #ddeeff;
}
.base_reception_selectArrow_wrap{
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    gap: 20px;
}
.base_reception_selectArrow_icon{
    fill: grey;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: 0.2s;
}
.base_reception_selectArrow_icon:hover{
    fill: var(--mainColor);
    transition: 0.2s;
}
.base_reception_selectArrow_main{
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.worktime_calendar_table{
    width: calc(100% - 0px);
    height: 100%;
    table-layout: fixed;
}
.worktime_calendar_th{
    border-bottom: 3px solid var(--mainColor);
    color: rgb(0, 0, 0);
    text-align: center;
    padding: 5px;
}
.worktime_weekday_sun{color: red;}
.worktime_weekday_sat{color: rgb(0,0,179);}
.worktime_calendar_td{
    position: relative;
    width: 14%;
    height: 70px;
    /* text-align: center; */
    vertical-align: top;
    word-break: break-all;
    font-size: 12px;
    border: 1px solid var(--outlineColor);
    border-radius: 5px;
}
.worktime_clickAvailable{
    cursor: pointer;
    transition: 0.2s;
}
.worktime_clickAvailable:hover{
    background-color: var(--bg_subColor);
    border: 1px solid var(--subColor);
    transition: 0.2s;
}
.worktime_calendar_date{
    font-family: nanumRound;
    font-size: 12px;
    position: relative;
    margin-left: 6px;
}
.worktime_calendar_date_icon{
    width: 33px;
    height: 33px;
}
.worktime_calendar_date_text{
    padding: 2px;
    width: calc(100% - 4px);
    display: flex;
    justify-content: center;
    border-radius: 5px;
    font-size: 12px;
    background-color: grey;
    color: white;
}
.worktime_calendar_weekday_sat{
    color: rgb(0, 0, 179);
}
.worktime_calendar_weekday_sun{
    color: red;
}
.worktime_calendar_weekday_holiday{
    color: red;
    background-color: rgb(255, 255, 0, 0.6);
    font-weight: 900;
}

.worktime_calendar_data{
    font-size: 10px;
    font-weight: 900;
    border-bottom: 3px solid yellow;
}
.worktime_calendar_data_count{
    font-size: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: red;
    color: white;
}
.base_common_tooltip_wrap{
    position: absolute;
    left: 0;
    top: 40px;
    right: 290px;
    background-color: rgb(48, 57, 89, 0.8);
    box-shadow: 5px 5px 5px 5px grey;
    padding: 5px 15px;
    border-radius: 10px;
    z-index: 10;
    width: 150px;

    display: flex;
    flex-direction: column;
    gap: 5px;
}
.base_common_tooltip_text{
    color: white;
}
.base_common_tooltip_close{
    position: absolute;
    top: -10px;
    right: -10px;
}
.base_common_tooltip_close_icon{
    fill: rgb(255, 0, 0, 0.5) !important;
    background-color: transparent !important;
    width: 20px;
    height: 20px;
    transition: 0.2s;
}
.base_common_tooltip_close_icon:hover{
    fill: yellow!important;
}

.reception_openInfo_table{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid var(--outlineColor);
}
.reception_openInfo_table_tr{
}
.reception_openInfo_table_th{
    padding: 5px;
    background-color: grey;
    color: white;
    border: 1px solid white;
    text-align: center;
}
.reception_openInfo_table_td{
    padding: 5px;
    text-align: center;
    border: 1px solid var(--outlineColor);

}
.ih_service_info_wrap{
    display: flex;
    flex-direction: column;
    gap: 120px;
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 80px);
    padding: 40px;
}
.ih_service_info_serviceName{
    font-size: 30px;
    font-weight: 900;
    text-align: center;
    border-bottom: 10px solid var(--subColor);
    /* padding: 30px; */
    margin: 30px 0 ;

}
.ih_service_info_paragraph{
    width: 100%;
}
.ih_service_info_title{
    display: inline;
    font-weight: 900;
    font-size: 20px;
    padding-bottom: 5px;
    border-bottom: 5px solid var(--mainColor);
}

.ih_service_info_title::before{
    content: "";
    display: inline-block;
    width: 8px;
    height: 7px;
    border: 7px solid var(--subColor);
    margin-right: 10px;
}

.ih_service_info_text{
   padding: 30px 0;
   font-size: 16px;
   line-height: 30px;
}
.ih_service_info_text_link{
    border-bottom: 1px solid blue;
    color: blue;
    cursor: pointer;
}
.ih_service_info_text_point{
    position: relative;
    color: red;
    font-size: 18px;
    font-weight: 900;
}
.ih_service_info_text_point_bg{
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 15px;
    background-color: rgb(37, 88, 180, 0.15);
}
.ih_service_info_itemBox{
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}
.ih_service_info_item{
    display: inline-block;
    padding: 3px 5px;
    border: 1px solid var(--outlineColor);
    border-radius: 10px;
    box-shadow: 2px 2px 2px grey;
}

.ih_service_info_subwrap{
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 30px 0;
}
.ih_service_info_sub_title{
    font-weight: 900;
    font-size: 16px;
}
.ih_service_info_sub_title::before{
    content: '✔';
    color: white;
    background-color: #2A58B4;
    padding: 1px 4px;
    border-radius: 20px;
    margin-right: 5px;
}
.ih_service_info_sub_text{
    font-size: 16px;
    line-height: 30px;
}



.homelogo_blank{
    height: 40px;
}


.base_common_sign_container{
    position: fixed;
    
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-color: rgb(0, 0, 0, 0.8);

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    z-index: 10;

}
.base_common_sign_title{
    font-size: 20px;
    color: yellow;
    color: white;
}
.base_common_sign_content{
    position: relative;
    width: 500px;
}
.base_common_sign_canvas,
.reception_base_common_sign_canvas{
    position: relative;
    width: 100%;
    height: 200px;
    border-radius: 20px;
    background-color: white;
    display: flex;
    flex-direction: column;
}
.base_common_sign_canvas_line_1,
.base_common_sign_canvas_line_2{
    position: absolute;
    height: 199px;
    border: 1px dotted var(--outlineColor);
    z-index: 7;
}
.base_common_sign_canvas_line_1{
    left: 166.6px;
}
.base_common_sign_canvas_line_2{
    right: 166.6px;
}
.reception_base_common_sign_canvas_line_1,
.reception_base_common_sign_canvas_line_2{
    position: absolute;
    height: 199px;
    border: 1px dotted var(--outlineColor);
    z-index: 7;
}
.reception_base_common_sign_canvas_line_1{
    left: 166.6px;
}
.reception_base_common_sign_canvas_line_2{
    right: 166.6px;
}
.base_common_sign_buttonWrap{
    width: 100%;
    display: flex;
    flex-direction: row;
}
.base_common_sign_btn{
    all: unset;
    width: 100%;
    background-color: var(--outlineColor);
    border-radius: 10px;
    height: 40px;
    font-size: 18px;
    margin: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.base_common_sign_btn_save{
    background-color: var(--subColor);
    color: white;
    border: 1px solid black;
    transition: 0.3s;
}
.base_common_sign_btn_save:hover{
    background-color: var(--mainColor);
    transition: 0.3s;
}
.base_common_sign_btn_clear{
    cursor: pointer;
    border: 1px solid black;
    transition: 0.3s;

}
.base_common_sign_btn_cancel{
    cursor: pointer;
    border: 1px solid black;
    transition: 0.3s;
}
.base_common_sign_btn_cancel:hover{
    background-color: rgb(82, 82, 82);
    transition: 0.3s;
}











@media (max-width: 900px){
    .homelogo_blank {
        height: 40%;
    }
    .footer_ih_topWrap{
        flex-direction: column;
        gap: 10px;
        justify-content: flex-end;
        align-items: flex-end;
    }
    .kakao_shareLink_wrap{
        width: 50px;
    }
    .nomublog_adv_item{
        font-size: 14px;
        /* font-weight: 400; */
        /* padding: 5px; */
    }

}

@media (max-width:1280px) {
    .base_reception_request_result_container {
        width: calc(90%);
    }

    .base_common_image_preview_wrap{
        height: auto;
        aspect-ratio: auto;
    }
    .base_common_imagesChangeBtn_right{
        
    }
    .pdfToImg_modalBox{
        width: 100%;
        min-width: auto;
    }


}

@media (max-width:900px) {
    /* .reception_home_container{
        width: calc(90% - 20px);
        padding: 10px;
    } */
}