@charset "utf-8";
@font-face {
    font-family: 'Galmuri9', sans-serif;
    src: @import url('https://cdn.jsdelivr.net/npm/galmuri@latest/dist/galmuri.css');
    font-weight: normal;
    font-style: normal;
}

div {font-family: 'Galmuri9', sans-serif; color:#FFFF0A; }
.bluebox { font-size:12px; background-color: rgba(0, 0, 208, 0.68); box-shadow: 10px 10px 5px rgb(0, 0, 0, 0.4);}
.bluebox_txt {padding:100px; text-align:left; color:#fff;}
.yellowtxt_strong {font-size:16px; font-weight:900;position: relative; width: 100%;max-width:100%; height: auto; padding:20px 0; overflow-x: hidden; overflow-y: hidden;}
.yellowtxt_strong  .track {position: absolute; white-space: nowrap;will-change: transform;animation: marquee 60s linear infinite; }

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (hover: hover) and (min-width: 700px){
.animated-title .content {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));}
    }
.yellowtxt{font-weight:400; margin-top:16px; margin-bottom:16px;}
.dotpic {margin:0; padding:0;}
.dotpic li{  display: inline-block;  list-style:none; margin:1px;}
.wht{color:#fff; font-size:10px;}
.sub2{margin-top:30px;}