:root {

    /* common color */
    --color-white: #fff;
    --color-black: #000;

    /* primary color */
    --color-0C6EAC: #0C6EAC;

    /* secondary color */
    --color-00A550: #00A550;
    --color-0F8944: #0F8944;

    /* palette color */
    --color-FF6E6E: #FF6E6E;
    --color-36AC37: #36AC37;


    /* gradient color */
    --color-gr100: linear-gradient(180deg, #FFFFFF 0%, #A2DBFF 100%);


    /* ------------------------------------------------------------------------------- */

    
    /* padding */
    --padding: 0 4.4rem;

}

.blue {
    color: var(--color-0C6EAC);
}
.green {
    color: var(--color-00A550);
}
.green-2 {
    color: var(--color-0F8944);
}
.c392020 {color: #392020!important}
.bg-FF6E6E {
    background-color: var(--color-FF6E6E);
}
.bg-36AC37 {
    background-color: var(--color-36AC37);
}
.bg-FEE500 {background: #FEE500;}

.p-bf {
    position: relative;
    padding-left: 1.2rem;
    letter-spacing: -0.03em;
    line-height: 1.4;
}
.p-bf::before {
    position: absolute;
    content: '-';
    left: 0;
}

.wrap {
    max-width: 980px;
    margin: 0 auto;
}


.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

i {
    display: block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 1200px) {


}

@media (max-width: 767px) {

    :root {
        /* padding */
        --padding: 0 2rem;
    }

}


/* 애니메이션 */
@keyframes bounce1 {
        50% {
        transform: translate(0, 0%);
    }
}

@keyframes moving1 {
    0% {
        opacity: 0;
        transform: translate(-20px,-20px);
    }
    100% {
        opacity: 1;
        transform: translate(0,0);
    }
}
.moving1 {
    -webkit-animation-name: moving1;
    animation-name: moving1;
  }

@keyframes add-round {
	0% {
        transform: scale(0.5);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 0.4;
    }
}
.add-round {
    animation: add-round 0.5s 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) alternate infinite;
}
@keyframes fade1 {
	0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}