#wrap {background: #0079BA; min-height: 100vh; display:flex; flex-flow:column; justify-content:center; align-items:center; }
#wrap > * {color:#fff; text-align: center;}
#wrap .txt_wrap {display:flex; height: 25rem;}
#wrap .txt_wrap img { height: 100%;}
#wrap .btn_wrap {display:flex; margin-top: 3rem;}
#wrap a {background: #fff; padding: 1rem 2rem; margin-right: 1rem; border-radius: 0.5rem; font-size: 1.8rem;font-weight:700;position: relative;align-items: center;justify-content: center; color:#004E91;}
#wrap a:last-child {margin-right: 0;}
#wrap a img {width:2rem; position:absolute; right:1rem}

/* circle */
#wrap .circle {margin-top: 3rem;transform: scale(.4);width: 7rem;height: 7rem;animation: load_circle 2s infinite cubic-bezier(0.68, -0.55, 0.265, 1.55);}
#wrap .circle span {background-color: #fff;border-radius: 100%;display: block;position: absolute; left: 50%;top: 50%;transform: translate(-50%, -50%);}
#wrap .circle .circle1 {height: .5rem;width: .5rem;transform: translate(calc(-50% - 2.5rem),calc(-50% - 2.5rem));}
#wrap .circle .circle2 {height: .7rem;width: .7rem;transform: translate(calc(-50% + 0rem),calc(-50% - 3.5rem));}
#wrap .circle .circle3 {height: 1rem;width: 1rem;transform: translate(calc(-50% + 2.5rem),calc(-50% - 2.5rem));}
#wrap .circle .circle4 {height: 1.3rem;width: 1.3rem;transform: translate(calc(-50% + 3.5rem),calc(-50% - 0rem));}
#wrap .circle .circle5 {height: 1.5rem;width: 1.5rem;transform: translate(calc(-50% + 2.5rem),calc(-50% + 2.5rem));}
@keyframes load_circle {
    from {transform: scale(.4) rotate(0);}
    to {transform: scale(.4) rotate(360deg);}
}