/*animation*/
/*star bg*/
.bg_star {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden ;z-index: 100;}
.star {position: absolute;top: 110%;border-radius: 50%;}

/*heart bg*/
.bg_heart {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden ;z-index: 100;}
.heart {position: absolute;top: -50%;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-m-transform: rotate(-45deg);transform: rotate(-45deg) }
.heart:before {position: absolute;top: -50%;left: 0;display: block;content: "";width: 100%;height: 100%;background: inherit;border-radius: 100%;}
.heart:after {position: absolute;top: 0;right: -50%;display: block;content: "";width: 100%;height: 100%;background: inherit;border-radius: 100%;}

/*money bg*/
.bg_money {position: absolute;top: 0;left: -15%;width: 130%;height: 100%;overflow: hidden ;z-index: 100;z-index: 1}
.money {position: absolute; top: 110%; border-radius: 50%;}
.money:nth-child(1n){ background: url("../img/sec11/money01.png") no-repeat center / 100% auto}
.money:nth-child(2n){ background: url("../img/sec11/money02.png") no-repeat center / 100% auto}
.money:nth-child(3n){ background: url("../img/sec11/money03.png") no-repeat center / 100% auto}
.money:nth-child(4n){ background: url("../img/sec11/money04.png") no-repeat center / 100% auto}

/*bg_ani_red*/
.bg_ani_red{
    background-color: #000;
    animation-name: bg_red;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
/*color txt yello*/
.txt_yellow,
.bg_ani_red .color{
    color: #ffaa00;
    animation-name: txt_yellow;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.txt_orange{
    color: #ffe200;
    animation-name: txt_orange;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

/*bg_ani_red*/
.opacity_gif{
    opacity: 1;
    animation-name: opacity_gif;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
}

/*shine*/
.shine{
    text-shadow:1px 1px 30px #fff600;
    animation-name: shine;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

/*shine box*/
.shine_box{
    box-shadow:1px 1px 30px #fff600;
    animation-name: shine_box;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

/*scale_blink*/
.scale_blink{
    transform: scale(1);
    animation-name: scale_blink;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

/*fire_ani*/
.fire_ani{
    left: 50.5%;
    top: -10px;
    transform: scale(1) rotate(0.5deg) translateX(-50%);
    animation-name: fire_ani;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
.fire_ani_right{
    right: 20px;
    top: -10px;
    transform: scale(1) rotate(1deg);
    animation-name: fire_ani_right;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.fire_ani_left{
    left: 20px;
    top: -10px;
    transform: scale(1) rotate(1deg);
    animation-name: fire_ani_right;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

/* neon_effect */
.neon_effect_y{animation: neon_effect_y 1.5s ease infinite;}
@keyframes neon_effect_y {
    0%,
    100% {text-shadow:0 0 2px rgba(188,149,29,0.4),0 0 4px rgba(188,149,29,0.4),0 0 8px rgba(188,149,29,0.4),0 0 16px rgba(188,149,29,0.4),0 0 32px rgba(188,149,29,0.4),0 0 40px rgba(188,149,29,0.4),0 0 60px rgba(188,149,29,0.4),0 0 80px rgba(188,149,29,0.4);}
    50% {text-shadow:0 0 1px rgba(188,149,29,0.4),0 0 2px rgba(188,149,29,0.4),0 0 3px rgba(188,149,29,0.4),0 0 4px rgba(188,149,29,0.4),0 0 5px rgba(188,149,29,0.4),0 0 6px rgba(188,149,29,0.4),0 0 8px rgba(188,149,29,0.4),0 0 10px rgba(188,149,29,0.4);}
}

.neon_effect_r{animation: neon_effect_r 1.5s ease infinite;}
@keyframes neon_effect_r {
    0%,
    100% {text-shadow:0 0 1px rgba(176,22,19,0.2),0 0 2px rgba(176,22,19,0.2),0 0 4px rgba(176,22,19,0.2),0 0 8px rgba(176,22,19,0.2),0 0 16px rgba(176,22,19,0.2),0 0 25px rgba(176,22,19,0.2),0 0 40px rgba(176,22,19,0.2),0 0 50px rgba(176,22,19,0.2);}
    50% {text-shadow:0 0 1px rgba(176,22,19,0.2),0 0 2px rgba(176,22,19,0.2),0 0 3px rgba(176,22,19,0.2),0 0 4px rgba(176,22,19,0.2),0 0 5px rgba(176,22,19,0.2),0 0 6px rgba(176,22,19,0.2),0 0 8px rgba(176,22,19,0.2),0 0 10px rgba(176,22,19,0.2);}
}

/*key frame*/
@-webkit-keyframes star {0%{top:00%}}
@-moz-keyframes star {0%{top:00%}}
@-ms-keyframes star {0%{top:00%}}
@keyframes star {0%{top:00%}}

@-webkit-keyframes love {  0%{top:110%}}
@-moz-keyframes love {  0%{top:110%}}
@-ms-keyframes love {  0%{top:110%}}
@keyframes love {  0%{top:110%}}

@-webkit-keyframes bg_red {0%{background:#b11515}49.5%{background:#b11515}50%{background:#000}100%{background:#000}}
@-moz-keyframes bg_red {0%{background:#b11515}49.5%{background:#b11515}50%{background:#000}100%{background:#000}}
@-ms-keyframes bg_red {0%{background:#b11515}49.5%{background:#b11515}50%{background:#000}100%{background:#000}}
@keyframes bg_red {0%{background:#b11515}49.5%{background:#b11515}50%{background:#000}100%{background:#000}}

@-webkit-keyframes txt_orange {0%{color:#ffaa00}49.5%{color:#ffaa00}50%{color:#ffe200}100%{color:#ffe200}}
@-moz-keyframes txt_orange {0%{color:#ffaa00}49.5%{color:#ffaa00}50%{color:#ffe200}100%{color:#ffe200}}
@-ms-keyframes txt_orange {0%{color:#ffaa00}49.5%{color:#ffaa00}50%{color:#ffe200}100%{color:#ffe200}}
@keyframes txt_orange {0%{color:#ffaa00}49.5%{color:#ffaa00}50%{color:#ffe200}100%{color:#ffe200}}

@-webkit-keyframes txt_yellow {0%{color:#ffaa00}49.5%{color:#ffaa00}50%{color:#fff}100%{color:#fff}}
@-moz-keyframes txt_yellow {0%{color:#ffaa00}49.5%{color:#ffaa00}50%{color:#fff}100%{color:#fff}}
@-ms-keyframes txt_yellow {0%{color:#ffaa00}49.5%{color:#ffaa00}50%{color:#fff}100%{color:#fff}}
@keyframes txt_yellow {0%{color:#ffaa00}49.5%{color:#ffaa00}50%{color:#fff}100%{color:#fff}}

@-webkit-keyframes opacity_gif {0%{opacity: 0}49.5%{opacity: 0}50%{opacity:1}100%{opacity:1}}
@-moz-keyframes opacity_gif {0%{opacity: 0}49.5%{opacity: 0}50%{opacity:1}100%{opacity:1}}
@-ms-keyframes opacity_gif {0%{opacity: 0}49.5%{opacity: 0}50%{opacity:1}100%{opacity:1}}
@keyframes opacity_gif {0%{opacity: 0}49.5%{opacity: 0}50%{opacity:1}100%{opacity:1}}

@-webkit-keyframes shine {50%{text-shadow: none} 100%{text-shadow:1px 1px 30px #fff600}}
@-moz-keyframes shine {50%{text-shadow: none} 100%{text-shadow:1px 1px 30px #fff600}}
@-ms-keyframes shine {50%{text-shadow: none} 100%{text-shadow:1px 1px 30px #fff600}}
@keyframes shine {50%{text-shadow: none} 100%{text-shadow:1px 1px 30px #fff600}}

@-webkit-keyframes shine_box {50%{box-shadow: none} 100%{box-shadow:1px 1px 30px #fff600}}
@-moz-keyframes shine_box {50%{box-shadow: none} 100%{box-shadow:1px 1px 30px #fff600}}
@-ms-keyframes shine_box {50%{box-shadow: none} 100%{box-shadow:1px 1px 30px #fff600}}
@keyframes shine_box {50%{box-shadow: none} 100%{box-shadow:1px 1px 30px #fff600}}

@-webkit-keyframes scale_blink {50%{transform: scale(1.05)} 100%{transform: scale(1)}}
@-moz-keyframes scale_blink {50%{transform: scale(1.05)} 100%{transform: scale(1)}}
@-ms-keyframes scale_blink {50%{transform: scale(1.05)} 100%{transform: scale(1)}}
@keyframes scale_blink {50%{transform: scale(1.05)} 100%{transform: scale(1)}}

@-webkit-keyframes fire_ani {50%{transform: scale(1.05) rotate(-0.5deg) translateX(-50%); left: 49.5%; top: 10px} 100%{transform: scale(1) rotate(0.5deg) translateX(-50%); left: 50.5%; top: -10px}}
@-moz-keyframes fire_ani {50%{transform: scale(1.05) rotate(-0.5deg) translateX(-50%); left: 49.5%; top: 10px} 100%{transform: scale(1) rotate(0.5deg) translateX(-50%); left: 50.5%; top: -10px}}
@-ms-keyframes fire_ani {50%{transform: scale(1.05) rotate(-0.5deg) translateX(-50%); left: 49.5%; top: 10px} 100%{transform: scale(1) rotate(0.5deg) translateX(-50%); left: 50.5%; top: -10px}}
@keyframes fire_ani {50%{transform: scale(1.05) rotate(-0.5deg) translateX(-50%); left: 49.5%; top: 10px} 100%{transform: scale(1) rotate(0.5deg) translateX(-50%); left: 50.5%; top: -10px}}

@-webkit-keyframes fire_ani_right {50%{transform: scale(1.05) rotate(-1deg); right: -20px; top: 10px} 100%{transform: scale(1) rotate(1deg); right: 20px; top: -10px}}
@-moz-keyframes fire_ani_right {50%{transform: scale(1.05) rotate(-1deg); right: -20px; top: 10px} 100%{transform: scale(1) rotate(1deg); right: 20px; top: -10px}}
@-ms-keyframes fire_ani_right {50%{transform: scale(1.05) rotate(-1deg); right: -20px; top: 10px} 100%{transform: scale(1) rotate(1deg); right: 20px; top: -10px}}
@keyframes fire_ani_right {50%{transform: scale(1.05) rotate(-1deg); right: -20px; top: 10px} 100%{transform: scale(1) rotate(1deg); right: 20px; top: -10px}}

@-webkit-keyframes fire_ani_left {50%{transform: scale(1.05) rotate(-1deg); left: -20px; top: 10px}  100%{transform: scale(1) rotate(1deg); left: 20px; top: -10px}}
@-moz-keyframes fire_ani_left {50%{transform: scale(1.05) rotate(-1deg); left: -20px; top: 10px}  100%{transform: scale(1) rotate(1deg); left: 20px; top: -10px}}
@-ms-keyframes fire_ani_left {50%{transform: scale(1.05) rotate(-1deg); left: -20px; top: 10px}  100%{transform: scale(1) rotate(1deg); left: 20px; top: -10px}}
@keyframes fire_ani_left{50%{transform: scale(1.05) rotate(-1deg); left: -20px; top: 10px}  100%{transform: scale(1) rotate(1deg); left: 20px; top: -10px}}

@keyframes review_scroll01{0%{top: 0;} 50%{top: -1047px} 100%{top: 0;}}
@keyframes review_scroll02{0%{top: 0;} 50%{top: -3148px} 100%{top: 0;}}
@keyframes review_scroll03{0%{top: 0;} 50%{top: -1826px} 100%{top: 0;}}
@keyframes review_scroll04{0%{top: 0;} 50%{top: -561px} 100%{top: 0;}}

@keyframes btn-anim1 {
    0% {
        left: -100%;
    }
    50%,100% {
        left: 100%;
    }
}
@keyframes btn-anim2 {
    0% {
        top: -100%;
    }
    50%,100% {
        top: 100%;
    }
}
@keyframes btn-anim3 {
    0% {
        right: -100%;
    }
    50%,100% {
        right: 100%;
    }
}
@keyframes btn-anim4 {
    0% {
        bottom: -100%;
    }
    50%,100% {
        bottom: 100%;
    }
}
@keyframes moveAroundCircle {
    0% {
        transform: translate(-50%, -50%) rotate(0deg) translate(125%) rotate(0deg); /* 초기 위치 */
    }
    25% {
        transform: translate(-50%, -50%) rotate(90deg) translate(125%) rotate(-90deg); /* 90도 위치 */
    }
    50% {
        transform: translate(-50%, -50%) rotate(180deg) translate(125%) rotate(-180deg); /* 180도 위치 */
    }
    75% {
        transform: translate(-50%, -50%) rotate(270deg) translate(125%) rotate(-270deg); /* 270도 위치 */
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg) translate(125%) rotate(-360deg); /* 한 바퀴 */
    }
}

[data-animation="line-draw"] {
    transform: scaleX(0);
    transform-origin: left center;
}

[data-animation="line-draw"].line-draw {
    animation: lineDrawKey 0.8s cubic-bezier(.77,0,.18,1) forwards;
}

@keyframes lineDrawKey {
    0%   { transform: scaleX(0);}
    100% { transform: scaleX(1);}
}

@keyframes neon-glow {
    0%, 100% {
        filter: drop-shadow(0 0 2px #ffd800) drop-shadow(0 0 4px #ffd800);
    }
    50% {
        filter: drop-shadow(0 0 6px #ffd800) drop-shadow(0 0 12px #ffd800);
    }
}
.glow-effect {
    animation: neon-glow 5s infinite alternate;
}