.breaking_alert { font-family: 'Roboto', sans-serif; width: 26.5%; min-height: 20%; position: fixed; left: auto; right: 0; bottom: 10px; z-index: -9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
    .breaking_alert *{margin:0px;}
    .breaking_alert a {
        text-decoration: none;
        color: #000;
    }
.breaking_alert .alert_noti { width: 46px; height: 46px; display: block; opacity: 0; border-radius: 50%; border: solid 2px #000; background: #ffe837 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjZweCIgaGVpZ2h0PSIxMTBweCIgdmlld0JveD0iMCAwIDY2IDExMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTIuMiAoNjcxNDUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmRvd25sb2FkICg0KTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJkb3dubG9hZC0oNCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuMDAwMDAwLCA0LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSI3Ij4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMiIgcG9pbnRzPSIyMCAwLjM3ODg2IDQ0IDAuMzc4ODYgMjkgMzUgNTMgMzUgMTcgODguNjE2OTEgMjUgNTIgMCA1MiI+PC9wb2x5Z29uPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); background-repeat: no-repeat; background-position: center center; background-size: 30% }
.breaking_alert .news_txt { width: 100%; background: #fff; border: solid 2px #ffe837; -webkit-box-shadow: 0 0 34px 0 rgba(0,0,0,.44); box-shadow: 0 0 34px 0 rgba(0,0,0,.44); position: absolute; right: 0; bottom: 0; left: auto; right: auto; margin: 0 auto; border-radius: 10px 0 0 10px; padding: 10px 15px; -webkit-transform: translateX(120%); transform: translateX(120%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.breaking_alert .close_alert { display: inline-block; float: right; width: 5px; height: 5px; position: absolute; top: 18px; right: 20px; padding: 5px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjIgKDY3MTQ1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5kb3dubG9hZCAoMSk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iZG93bmxvYWQtKDEpIiBmaWxsPSIjMDAwMDAwIj4KICAgICAgICAgICAgPHBhdGggZD0iTTIzLjE3ODA4LDE4LjU3NTM0IEMyMi44NDkzMiwxOC4yNDY1OCAyMi44NDkzMiwxNy43NTM0MiAyMy4xNzgwOCwxNy40MjQ2NiBMMzUuNTA2ODUsNS4wOTU4OSBDMzUuODM1NjIsNC43NjcxMiAzNiw0LjI3Mzk3IDM2LDMuOTQ1MjEgQzM2LDMuNjE2NDQgMzUuODM1NjIsMy4xMjMyOSAzNS41MDY4NSwyLjc5NDUyIEwzMy4yMDU0OCwwLjQ5MzE1IEMzMi44NzY3MSwwLjE2NDM4IDMyLjM4MzU2LDAgMzIuMDU0NzksMCBDMzEuNTYxNjQsMCAzMS4yMzI4OCwwLjE2NDM4IDMwLjkwNDExLDAuNDkzMTUgTDE4LjU3NTM0LDEyLjgyMTkyIEMxOC4yNDY1OCwxMy4xNTA2OCAxNy43NTM0MiwxMy4xNTA2OCAxNy40MjQ2NiwxMi44MjE5MiBMNS4wOTU4OSwwLjQ5MzE1IEM0Ljc2NzEyLDAuMTY0MzggNC4yNzM5NywwIDMuOTQ1MjEsMCBDMy42MTY0NCwwIDMuMTIzMjksMC4xNjQzOCAyLjc5NDUyLDAuNDkzMTUgTDAuNDkzMTUsMi43OTQ1MiBDMC4xNjQzOCwzLjEyMzI5IDAsMy42MTY0NCAwLDMuOTQ1MjEgQzAsNC4yNzM5NyAwLjE2NDM4LDQuNzY3MTIgMC40OTMxNSw1LjA5NTg5IEwxMi44MjE5MiwxNy40MjQ2NiBDMTMuMTUwNjgsMTcuNzUzNDIgMTMuMTUwNjgsMTguMjQ2NTggMTIuODIxOTIsMTguNTc1MzQgTDAuNDkzMTUsMzAuOTA0MTEgQzAuMTY0MzgsMzEuMjMyODggMCwzMS43MjYwMyAwLDMyLjA1NDc5IEMwLDMyLjM4MzU2IDAuMTY0MzgsMzIuODc2NzEgMC40OTMxNSwzMy4yMDU0OCBMMi43OTQ1MiwzNS41MDY4NSBDMy4xMjMyOSwzNS44MzU2MiAzLjYxNjQ0LDM2IDMuOTQ1MjEsMzYgQzQuMjczOTcsMzYgNC43NjcxMiwzNS44MzU2MiA1LjA5NTg5LDM1LjUwNjg1IEwxNy40MjQ2NiwyMy4xNzgwOCBDMTcuNzUzNDIsMjIuODQ5MzIgMTguMjQ2NTgsMjIuODQ5MzIgMTguNTc1MzQsMjMuMTc4MDggTDMwLjkwNDExLDM1LjUwNjg1IEMzMS4yMzI4OCwzNS44MzU2MiAzMS43MjYwMywzNiAzMi4wNTQ3OSwzNiBDMzIuMzgzNTYsMzYgMzIuODc2NzEsMzUuODM1NjIgMzMuMjA1NDgsMzUuNTA2ODUgTDM1LjUwNjg1LDMzLjIwNTQ4IEMzNS44MzU2MiwzMi44NzY3MSAzNiwzMi4zODM1NiAzNiwzMi4wNTQ3OSBDMzYsMzEuNzI2MDMgMzUuODM1NjIsMzEuMjMyODggMzUuNTA2ODUsMzAuOTA0MTEgTDIzLjE3ODA4LDE4LjU3NTM0IFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-repeat: no-repeat; background-size: 100%; background-position: center center; cursor: pointer }
    .breaking_alert .news_txt_ttl {
        width: 52%;
        background-color: #ffe837;
        border-radius: 6px;
        text-transform: uppercase;
        font-size: 18px;
        letter-spacing: .3px;
        font-weight: 900;
        position: relative;
        top: 3px;
        padding: 3px 0;
        -webkit-transform: translateX(120%);
        transform: translateX(120%);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
.breaking_alert .news_txt_ttl a { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; height: 24px; color: #000; line-height: 1.1; font-weight: 900 }
    .breaking_alert .news_txt_ttl a span {
        font-weight: 900;
        position: relative;
        top: 5px;
        opacity: 0;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
.breaking_alert .news_txt_desc { padding: 10px 5px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.breaking_alert .news_txt_desc .list-txt { width: 68%; padding-left: 2px; position: relative; top: 0; opacity: 0; color: #fff; font-size: 17px; font-weight: 400; line-height: 1.3; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.breaking_alert .news_txt_desc .list-txt a { color: #000 }
.breaking_alert .break-thumb { width: 150px; position: relative; overflow: hidden; font-size: 0; margin-left: 10px }
    .breaking_alert .break-thumb .img-gratio, .breaking_alert .break-thumb .list-img {
        width: 100%;
        height: 100%;
        display: block;
        font-size: 0;
        position: relative;
        overflow: hidden;
        border-radius: 3px;
    }
        .breaking_alert .break-thumb .img-gratio img, .breaking_alert .break-thumb .list-img {
            width: 100%;
            display: block
        }
.breaking_alert a.read_more { display: inline-block; margin: 10px 0 0 20px!important; background-color: #eee; color: #000; font-size: 14px; font-weight: 400; border-radius: 12px; margin-left: 0; padding: 5px 15px; line-height: 1; -webkit-transform: scale(.5, .5); transform: scale(.5, .5); opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.breaking_alert .news_txt_desc .list-img { opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.breaking_alert .news_txt_desc .list-txt a:first-child { padding-right: 5px }
.breaking_alert .marquee { overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative }
.breaking_alert .marquee-inner { display: block; width: 200%; position: absolute; margin: 0; padding: 0; line-height: 1.2; -webkit-animation: marquee 5s linear infinite; animation: marquee 5s linear infinite; -webkit-animation-delay: 6s; animation-delay: 6s }
.breaking_alert .marquee-inner span { display: inline-block; float: left; width: 50%; text-align: center; color: #000!important; line-height: 1 }
@-webkit-keyframes cirzoom {
0% {
-webkit-transform:scale(.5, .5);
transform:scale(.5, .5);
opacity:0
}
25% {
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
opacity:1
}
50% {
-webkit-transform:scale(.5, .5);
transform:scale(.5, .5);
opacity:0
}
75% {
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
opacity:1
}
100% {
-webkit-transform:scale(.5, .5);
transform:scale(.5, .5);
opacity:0
}
}
@keyframes cirzoom {
0% {
-webkit-transform:scale(.5, .5);
transform:scale(.5, .5);
opacity:0
}
25% {
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
opacity:1
}
50% {
-webkit-transform:scale(.5, .5);
transform:scale(.5, .5);
opacity:0
}
75% {
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
opacity:1
}
100% {
-webkit-transform:scale(.5, .5);
transform:scale(.5, .5);
opacity:0
}
}
@-webkit-keyframes slidelft {
0% {
-webkit-transform:translateX(120%);
transform:translateX(120%);
opacity:0
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}
}
@keyframes slidelft {
0% {
-webkit-transform:translateX(120%);
transform:translateX(120%);
opacity:0
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0);
opacity:1
}
}
@-webkit-keyframes slide_head {
0% {
-webkit-transform:translateX(120%);
transform:translateX(120%);
opacity:0
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
}
@keyframes slide_head {
0% {
-webkit-transform:translateX(120%);
transform:translateX(120%);
opacity:0
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0);
opacity:1
}
}
@-webkit-keyframes slidetup {
0% {
position:relative;
top:5px;
opacity:0
}
100% {
position:relative;
top:0;
opacity:1
}
}
@keyframes slidetup {
0% {
position:relative;
top:5px;
opacity:0
}
100% {
position:relative;
top:0;
opacity:1
}
}
@-webkit-keyframes opa {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes opa {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes zoomintop {
0% {
-webkit-transform:scale(.5, .5);
transform:scale(.5, .5);
opacity:0
}
50% {
-webkit-transform:scale(1.1, 1.1);
transform:scale(1.1, 1.1);
opacity:1
}
100% {
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
opacity:1
}
}
@keyframes zoomintop {
0% {
-webkit-transform:scale(.5, .5);
transform:scale(.5, .5);
opacity:0
}
50% {
-webkit-transform:scale(1.1, 1.1);
transform:scale(1.1, 1.1);
opacity:1
}
100% {
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
opacity:1
}
}
@-webkit-keyframes marquee {
0% {
left:0
}
100% {
left:-100%
}
}
@keyframes marquee {
0% {
left:0
}
100% {
left:-100%
}
}
 @-webkit-keyframes slideback {
 0% {
-webkit-transform:translateX(0%);
transform:translateX(0%);
opacity:1
}
 100% {
-webkit-transform:translateX(120%);
transform:translateX(120%);
opacity:0
}
}
 @keyframes slideback {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(120%);
        transform: translateX(120%);
        opacity: 0
    }
}
.breaking_alert.animated { z-index: 9999999999; }
.animated .alert_noti.on { -webkit-animation: cirzoom 1.5s forwards; animation: cirzoom 1.5s forwards; -webkit-animation-delay: .2s; animation-delay: .2s }
.animated .news_txt.on { -webkit-animation: slidelft .3s forwards cubic-bezier(.23, 1, .32, 1); animation: slidelft .3s forwards cubic-bezier(.23, 1, .32, 1); -webkit-animation-delay: 1.5s; animation-delay: 1.5s }
.animated .news_txt_ttl.on { -webkit-animation: slide_head .3s forwards cubic-bezier(.23, 1, .32, 1); animation: slide_head .3s forwards cubic-bezier(.23, 1, .32, 1); -webkit-animation-delay: 1.7s; animation-delay: 1.7s }
.animated .news_txt_ttl a span.on { -webkit-animation: slidetup .3s forwards cubic-bezier(.23, 1, .32, 1); animation: slidetup .3s forwards cubic-bezier(.23, 1, .32, 1); -webkit-animation-delay: 1.9s; animation-delay: 1.9s }
.animated .list-txt.on { -webkit-animation: slidetup .3s forwards cubic-bezier(.23, 1, .32, 1); animation: slidetup .3s forwards cubic-bezier(.23, 1, .32, 1); -webkit-animation-delay: 2s; animation-delay: 2s }
.animated .list-img.on { -webkit-animation: opa .3s forwards cubic-bezier(.23, 1, .32, 1); animation: opa .3s forwards cubic-bezier(.23, 1, .32, 1); -webkit-animation-delay: 2.1s; animation-delay: 2.1s }
.animated .read_more.on { -webkit-animation: zoomintop .3s forwards cubic-bezier(.23, 1, .32, 1); animation: zoomintop .3s forwards cubic-bezier(.23, 1, .32, 1); -webkit-animation-delay: 2.2s; animation-delay: 2.2s }
.animated .news_txt.off { -webkit-animation: slideback 0.8s forwards cubic-bezier(.23, 1, .32, 1); animation: slideback 0.8s forwards cubic-bezier(.23, 1, .32, 1); }