/*============================
	header
============================*/
.flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
}

.hd__inner {
    margin: 0 auto;
    position: relative;
}


.hd__logo {
    width: 100%;
    max-width: 146px;
    position: relative;
    z-index: 999;
    margin-right: 2%;
    margin-left: 0.8%;
}

.g-nav__li {
    font-size: 0.9rem;
    margin-right: 15%;
    margin-top: 5px;
    white-space: nowrap;
    font-weight: 600;

}

.g-nav__li .arw {
    color: #e70012;
    margin-right: 5px;
    font-size: 0.7rem;
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px;
}

@media screen and (max-width:767px) {

    .hd__flex {
        display: flex;
    }

    .hd__logo {
        max-width: 110px;
    margin-left: 2%;
    }

    .g-nav {
        display: flex;
    }

    .g-nav__li {
        font-size: 0.6rem;
        margin-right: 10px;

    }

    .g-nav__li .arw {
        margin-right: 2px;
        font-size: 0.5rem;
    }
}