/*
=========================================================================================================================
MOBILE
=========================================================================================================================
*/

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}


.show-mobile {
    display: none !important;
}


@media all and (max-width: 1023px) {
    .show-mobile {
        display: block !important;
    }
    .hide-mobile {
        display: none !important;
    }

    input.show-mobile,
    .sub-navi-item.show-mobile {
        display: inline-block !important;
    }

    .placeholder-mobile input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #aaaaaa;
        opacity: 1; /* Firefox */
    }
    .placeholder-mobile input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #aaaaaa;
    }
    .placeholder-mobile input::-ms-input-placeholder { /* Microsoft Edge */
        color: #aaaaaa;
    }

    .content-white-box.content-white-box-center.login {
        max-width: 90%;
        left: 5%;
        top: calc(50% - 170px);
    }
}





/*
=========================================================================================================================
MOBILE 320
=========================================================================================================================
*/

@media all and (max-width: 320px) {
    .header .navi-item {
        padding: 13px 17px;
    }
}