@charset "utf-8";a.productanim{color:#fff;font-family:Verdana, sans-serif;font-weight:400;text-decoration:none;transition:all 0.4s linear;}
a.productanim:hover{color:#fff;opacity:0.5;}
#animated_div{top:60%;left:0px;margin-left:-30px;width:170px;min-width:170px;height:50px;background-color:rgb(231,65,0);opacity:0.5;color:#fff;text-align:center;position:fixed;font-weight:bold;font-size:15px;padding:10px;animation-name:animated_div;animation-duration:7s;animation-delay:0s;-webkit-animation-name:animated_div;-webkit-animation-duration:7s;-webkit-animation-delay:0s;border:5px solid #fff;border-radius:7px;-webkit-border-radius:7px;-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);opacity:0.5;transform:rotate(-10deg);display:block;backface-visibility:hidden;cursor:pointer;transition:width 1s, rotate 1s;box-shadow:0 0 10px rgba(0,0,0,.6);z-index:799999;}
#animated_div:hover{left:0px;margin-left:-30px;width:200px;transform:rotate(0deg);-webkit-transform:rotate(0deg);background-color:rgb(231,65,0);opacity:1.0;cursor:pointer;}
@keyframes animated_div{0%{transform:rotate(0deg);left:0px;}
25%{transform:rotate(20deg);left:50px;}
50%{transform:rotate(0deg);left:60%;}
55%{transform:rotate(0deg);left:60%;}
60%{transform:rotate(0deg);left:60%;background-color:rgb(247,70,0);opacity:1;}
100%{transform:rotate(-380deg);left:50px;}
}
@-webkit-keyframes animated_div{0%{-webkit-transform:rotate(0deg);left:0px;}
25%{-webkit-transform:rotate(20deg);left:50px;}
50%{-webkit-transform:rotate(0deg);left:60%;}
55%{-webkit-transform:rotate(0deg);left:60%;}
60%{-webkit-transform:rotate(0deg);left:60%;background-color:rgb(247,70,0);opacity:1;}
100%{-webkit-transform:rotate(-380deg);left:50px;}
}
@-moz-keyframes animated_div{0%{-moz-transform:rotate(0deg);left:0px;}
25%{-moz-transform:rotate(20deg);left:50px;}
50%{-moz-transform:rotate(0deg);left:60%;}
55%{-moz-transform:rotate(0deg);left:60%;}
60%{-moz-transform:rotate(0deg);left:60%;background-color:rgb(198,255,0);opacity:1;}
100%{-moz-transform:rotate(-380deg);left:50px;}
}
@-o-keyframes animated_div{0%{transform:rotate(0deg);left:0px;}
25%{transform:rotate(20deg);left:50px;}
50%{transform:rotate(0deg);left:60%;}
55%{transform:rotate(0deg);left:60%;}
60%{transform:rotate(0deg);left:60%;background-color:rgb(198,255,0);opacity:1;}
100%{transform:rotate(-380deg);left:50px;}
}
div.popup_div{margin:auto;margin-top:-350px;width:250px;background-color:rgb(231,65,0);opacity:1.0;color:#fff;text-align:center;position:fixed;padding:15px;border:7px solid #fff;border-radius:7px;-webkit-border-radius:7px;box-shadow:0 0 10px rgba(0,0,0,0.6);position:relative;animation-name:popup_div;animation-duration:10s;animation-delay:0s;-webkit-animation-name:popup_div;-webkit-animation-duration:10s;-webkit-animation-delay:0s;z-index:99999;}
div.popuptext{color:#fff;text-align:center;font-family: 나눔고딕,'Nanum Gothic', 굴림, sans-serif;font-weight:600;font-size:13px;text-shadow:0px 0px 0 rgba(255,255,255,1.0);text-decoration:none;}
@keyframes popup_div{0%{background-color:red;top:-170px;}
25%{background-color:#926025;top:500px;}
50%{background-color:#a24b4b;top:500px;}
75%{background-color:#7f3fa4;top:500px;}
100%{background-color:red;top:-170px;}
}
@-webkit-keyframes popup_div{0%{background-color:red;top:-170px;}
25%{background-color:#926025;top:500px;}
50%{background-color:#a24b4b;top:500px;}
75%{background-color:#7f3fa4;top:500px;}
100%{background-color:red;top:-170px;}
}
@-moz-keyframes popup_div{0%{background-color:red;top:-170px;}
25%{background-color:#926025;top:500px;}
50%{background-color:#a24b4b;top:500px;}
75%{background-color:#7f3fa4;top:500px;}
100%{background-color:red;top:-170px;}
}
@-o-keyframes popup_div{0%{background-color:red;top:-170px;}
25%{background-color:#926025;top:500px;}
50%{background-color:#a24b4b;top:500px;}
75%{background-color:#7f3fa4;top:500px;}
100%{background-color:red;top:-170px;}
}