@charset "UTF-8";
@import "/fonts/fonts.css";


/* 아이콘 **********************************************************************/
.icon, .icon_w {
   display: inline-block;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   opacity: 0.9;
   margin-top: var(--px08);
}
.icon_w {
   filter: invert(100%);
   opacity: 1.0;
}


.icon, .icon_w {
   width: 1.3rem;
   height: 1.3rem;
}
.icon_w:hover {opacity: 1.5;}


.icon-home {background-image: url('/images/icons/home.svg');margin-right: 10px;}
.icon-trash { background-image: url('/images/icons/trash.svg'); }
.icon-search { background-image: url('/images/icons/search.svg'); }
.icon-cross { background-image: url('/images/icons/cross.svg'); }
.icon-settings { background-image: url('/images/icons/settings.svg'); }
.icon-user {background-image: url('/images/icons/user.svg');margin-left: 6px;}
.icon-angle-left { background-image: url('/images/icons/angle-left.svg'); }

.icon-parking { background-image: url('/images/icons/parking.svg'); }
.icon-benefit-porcent { background-image: url('/images/icons/benefit-porcent.svg'); }
.icon-coins { background-image: url('/images/icons/coins.svg'); }
.icon-eye { background-image: url('/images/icons/eye.svg'); }
.icon-eye-crossed { background-image: url('/images/icons/eye-crossed.svg'); }
.icon-list-check { background-image: url('/images/icons/list-check.svg'); }
.icon-payroll-calendar { background-image: url('/images/icons/payroll-calendar.svg'); }
.icon-car-home { background-image: url('/images/icons/garage-car.svg'); }

.icon-star-line { background-image: url('/images/icons/star-line.svg'); }
.icon-star-all { background-image: url('/images/icons/star-all.svg'); }
.star .icon-star-line,
.star .icon-star-all {
   margin: 0;
   cursor: pointer;
}

/* HEADER 공통
========================================================================== */

#header {
    top: 11px;
    right: 0;
    left: 0;
    z-index: 999;
    height: 5.25rem;
    display: flex;
    flex-direction: column;
    padding: 0 1.05rem;
    margin: 0;
    align-items: center;
    justify-content: center;
    background-color: #0c2b99;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    border-bottom: 1px solid #8a8a8a1a;
 }
 
 #header .top_menu {
   width: 100%;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 }


 #header div > div.right {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;  
 }

 #header .foot_menu {
   width: 80%;
 }

 #header .foot_menu input{
   height: var(--px45);
   border-radius: 20px;
 }

 #header .foot_menu input:focus{
   outline: none;
 }