@charset "utf-8";
/* Tarasoft 2021-08-12 PIS Tarasoft 2021-08-12 SJW Tarasoft 2021-08-12 IGJ */


/*폰트사이즈 최소 10px 부터 */


/* header */

header {
    position:relative;
    width:100%;
    margin: 0 auto;
    height:90px;
}

.vertical{
    display: flex;
    align-items: end;
    justify-content: center;
}

/* header .left {
    position:absolute;
    left:24px;
    top:20px;
    cursor:pointer;
} */

header .header_container {
    width: 100%;
    margin: 0 auto;
    height: 70px;
    max-width: 719px;
    text-align: center;
    display: grid;
    align-items: center;
    grid-template-columns: 60px auto 60px;
}

.header_container.center{
    margin: 0 auto;
}

.header_container .left{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%; height: 100%;
    max-width: 60px;
    max-height: 70px;
}
header .header_container .left img {
    width:48px;
    height:48px;
    cursor: pointer;
}

header .text_center {
    width:100%; height: 70px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%; height: 100%;
    max-width: 60px;
    max-height: 70px;
}

header .right img {
    width:48px;
    height:48px;
}


header .text_center span {
    font-size:2rem;
    /* line-height:90px; */
    color:#fff;
}

/*//header */


/* footer */
footer {width:100%; height: 170px; text-align: center; }
footer p{font-size: 1rem; color:#767DFF;vertical-align: middle;   font-family: "Poppins", sans-serif; font-weight: 600;}

@media screen and (max-width:773px){
    .header_box{
        width: calc(100% - 48px);
        max-width: 758px;
    }
    .vertical{
        width: calc(100% - 48px);
        max-width: 758px;
    }
}