.header {
    width: 100%;
    height: 89px;
    background-color: #101630;
}
.item_frame_first {
    width: 130px;
    height: 89px;
    position: absolute;
    left: 8px;
    top: 0px;
}
.headerItem_path {
    fill: white;
    position: absolute;
    left: 0px;
    top: 0px;
    pointer-events: none;
}
.headerItem_img {
    position: absolute;
    left: 28px;
    top: 8px;
    height: 72px;
    width: 72px;
    border-radius: 100%;
    border: solid 2px #101630;
    -webkit-clip-path: circle(50% at 50% 50%);
}
.gray {
    opacity: 0.4;
}
.item_frame_second {
    width: 132px;
    height: 89px;
    position: absolute;
    pointer-events: none;
    left: 140px;
    top: 0px;
}
.item_frame_second.move {
    -webkit-animation-name: headerMove;
}
.header_cnt {
    width: 30px;
    height: 20px;
    border-radius: 10px;
    background-color: #1e2440;
    position: absolute;
    left: 211px;
    top: 62px;
}

.header_cnt center {
    color: #ffffff;
}
