[v-cloak] {
    display: none;
}

.header {
    height: 65px;
    background: #073978;
    color: aliceblue;
}
.header h2 {
    font-weight: bold;
    font-size: 1.5rem;
    margin-left: 1.5rem;
}
.header > .field {
    position: relative;
    top: 17px;
}
.header .logout {
    margin-left: auto;
    font-weight: bold;
	background: url('/img/yg/icon_logout.png');
    background-repeat: no-repeat;
    background-size: auto;
    width: 45px;
    height: 33px;
}


.card-change {
    position: absolute;
    top: 20vh;
    width: 100vw;
    height: 50vh;
    background: aliceblue;
}
section h3 {
    text-align: left;
    font-weight: bold;
    padding: 0.4rem;
}

section h4 {
    text-align: left;
    font-weight: bold;
    padding: 0.1rem;
    margin-bottom: .6rem;
}
.button {
    font-weight: bold;
}
.field:not(:last-child) {
    margin-bottom: 1rem;
}
.field .field {
    margin-bottom: 0rem;
}
.modal .modal-card-body {
    background-color: #f5f5f5;
}
.modal .modal-card-head {
    border: 0px
}
.modal .modal-card-foot {
    border: 0px
}

.input {
    height: 2.5rem;
    font-size: .8rem;
}
.button {
    height: 2.5rem;
}
section footer .button {
    flex: auto;
    margin: 0 3px 0 3px;
}
.h-blue {
    background-color: #073978 !important;
    color: #fff !important;
    margin-left: .5rem;
}
.h-gray {
    background-color: #959595;
    color: #fff;
}
header {
    padding: .5rem;
    border-bottom: 1px solid #dedede;
    display: flex;
}
header h3 {
    text-align: center;
}
header .back {
    background-image: url('/img/yg/icon_back.png');
    background-size: 60%;
    background-position-y: center;
    background-repeat: no-repeat;
    display: -webkit-box;
    width: 40px;
    height: 2.5rem;
}
.body {
    padding: 1.5rem;
}
h4::before {
    content: '';
    width: 12px;
    height: 12px;
    background-image: url('/img/yg/icon_01.png');
    background-size: contain;
    display: inline-block;
    margin-right: 6px;
}
.h-select {
    width: 8em;
}

.tui-grid-cell-head {
    line-height: 2.5em;
}