.color3 {color:#25265e}
.color1 {color:#6C39FF}
.color5 {color:#F80000}



.inputBox_color1 {color:#E7E7E7}



.color2 {color:#fe6a48}

.color4 {color:#4e4e4e}


.pCursor{
    cursor: pointer;
}
.fix_width { min-width:380px; max-width:410px; margin:0 auto; }
.fix_height { min-height:510px; margin:0 auto; }

.fix_modal_width { max-width:380px; margin:0 auto; }

html, body {
    max-width: 100%;
    overflow-x: hidden !important;
}
body {
    font-family: 'NanumSquareAc', sans-serif;
    background:#FFFFFF;
    background-size: cover;
    opacity: 0;
    transition: opacity .65s .15s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
body.reveal {
    opacity: 1;
    overflow-y: auto
}

body.hidden {
    opacity: 0
}

input:checked + svg {
    display: block;
}

.not_scroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}
.not_scroll .cont {
    position: relative;
    top: 0;
}


select {
    -webkit-appearance:none; /* for chrome */
    -moz-appearance:none; /*for firefox*/
    appearance:none;
}
select::-ms-expand{
    display:none;/*for IE10,11*/
}
select {
    background:url('/public/img/delivery/ledger-search-arrow.svg') no-repeat 97% 50%/15px auto;
}

.btn_modal{
    background-color: #6739FF;
    width: 320px;
    height: 46px;
}


.loader {
    border-top-color: #7447f7;
    -webkit-animation: spinner 1.5s linear infinite;
    animation: spinner 1.5s linear infinite;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}