@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');   
@font-face{font-family: digital; src:url(/css/fonts/digital.ttf) format("truetype");font-weight:400;font-style:normal}


    body {background: #000; font-family: 'Nanum Gothic', sans-serif;}
    body.noscroll {overflow: hidden;}

    
    /* header */
    .header {height: 45px; border-bottom: 1px solid #222; position: fixed; width: 100%; background: rgba(0,0,0,0.75); z-index: 100; top: 0; overflow: hidden;}
    .header.active {overflow: inherit;}
    
    .header .menu_btn {cursor: pointer; position: absolute; top: 8px; left: 8px;}
    .header .menu_btn .bar1, 
    .header .menu_btn .bar2, 
    .header .menu_btn .bar3 {width: 25px; height: 3px; background-color: #fff; margin: 5px 0; transition: 0.4s; box-shadow: 0 0 5px #000;}
    .header .menu_btn.active .bar1 {-webkit-transform: rotate(-45deg) translate(-3px, 3px); transform: rotate(-45deg) translate(-7px, 7px); width: 30px;}
    .header .menu_btn.active .bar2 {opacity: 0;}    
    .header .menu_btn.active .bar3 {-webkit-transform: rotate(45deg) translate(-3px, -3px); transform: rotate(45deg) translate(-4px, -5px); width: 30px;}

    .header .logo {width: 300px; height: 200px; position: relative; margin: 0 auto; cursor: pointer; transform: scale(.5); top: -77px; transition: .3s}

    .header.active .logo {transform: scale(.75); top: -65px; transition: .3s}

    .header .logo:before {background: url(/img/logo_pre.png) no-repeat; position: absolute; content: ""; width: 100%; height: 100%; z-index: -1;}
    .header .logo:after {background: url(/img/logo.png) no-repeat; position: absolute; content: ""; width: 100%; height: 100%; z-index: 5; animation: ani_logo 3s steps(90) infinite;}
    

    .el_main {background: url(/img/el_main.png) no-repeat;}
    .icon_search {width: 36px; height: 36px; background-position: 0 -130px; position: absolute; right: 4px; top: 5px; transform: scale(.9); cursor: pointer;}

    .main_hero {height: 270px; overflow: hidden; position: relative;}
    .main_hero .video_wrap {position: relative; z-index: -1; width: 100%;}
    .main_hero video {width: 100%; opacity: 0.75;}
    .main_hero .wheel {
        width: 400px;
        height: 200px;
        position: absolute;
        z-index: -1;
        left: calc(50% - 200px);
        top: 0;
    }
    .main_hero .wheel:after {background-image: url(/img/wheel_pre.png); width: 100%; height: 100%; position: absolute; content: ""; z-index: -1;background-size: cover;}
    .main_hero .wheel:before {background-image: url(/img/wheel.png); width: 100%; height: 100%; position: absolute; content: ""; z-index: 1; animation: ani_wheel 8s steps(90) infinite;background-size: cover;}

    @keyframes ani_wheel{
        from{background-position-y:0px;}
        to{background-position-y:-72000px;}
    }


    .main_hero .wheel_24 {
        width: 700px;
        height: 700px;
        position: absolute;
        left: calc(50% - 350px);
        z-index: 1;
        display: flex;
        justify-content: center;
        top: -210px;
        transform: scale(.45);
    }

    .main_hero .wheel_24 .wheel_outer {
        width: 700px;
        height: 700px;
        background: url('/img/wheel/wheel0.png') no-repeat;
        position: absolute;
        z-index: 2;
        animation: play-outer 5s linear infinite;
    }


    @keyframes play-outer {
        0%  {background: url('/img/wheel/wheel0.png') no-repeat;}        
        10% {background: url('/img/wheel/wheel1.png') no-repeat;}
        20% {background: url('/img/wheel/wheel2.png') no-repeat;}
        30% {background: url('/img/wheel/wheel1.png') no-repeat;}
        40% {background: url('/img/wheel/wheel2.png') no-repeat;}
        50% {background: url('/img/wheel/wheel1.png') no-repeat;}
        60% {background: url('/img/wheel/wheel2.png') no-repeat;}
        70% {background: url('/img/wheel/wheel1.png') no-repeat;}
        78% {background: url('/img/wheel/wheel2.png') no-repeat;}
        79% {background: url('/img/wheel/wheel0.png') no-repeat;}
        82% {background: url('/img/wheel/wheel3.png') no-repeat;}
        85% {background: url('/img/wheel/wheel3.png') no-repeat;}
        89% {background: url('/img/wheel/wheel0.png') no-repeat;}
        92% {background: url('/img/wheel/wheel3.png') no-repeat;}
        95% {background: url('/img/wheel/wheel3.png') no-repeat;}
        100% {background: url('/img/wheel/wheel0.png') no-repeat;}

    }


    .main_hero .wheel_24 .wheel_inner {
        width: 700px;
        height: 700px;
        background: url('/img/wheel/inner1.png') no-repeat;
        position: absolute;
        z-index: 1;
        animation: play-inner 5s linear infinite;
    }

    @keyframes play-inner {
        0%  {background: url('/img/wheel/inner1.png') no-repeat; transform: rotate(0deg);}
        25% {background: url('/img/wheel/inner2.png') no-repeat;}
        50%{background: url('/img/wheel/inner3.png') no-repeat; transform: rotate(360deg);}
        75%{background: url('/img/wheel/inner4.png') no-repeat;}
        100%{background: url('/img/wheel/inner1.png') no-repeat; transform: rotate(720deg);}
    }

    .main_hero .wheel_24 .wheel_card {
        width: 420px;
        height: 294px;
        background: url('/img/wheel/wheel_card.png') no-repeat;
        background-size: cover;
        position: absolute;
        bottom: 6px;
        z-index: 3;
    }

    .tabs_center {display: none;}








    .header_sub {position: fixed; color: #fff; top: 25px; width: 100%; font-size: 11px; line-height: 20px; background: rgba(22,22,22,0.75); opacity: 0; transition: all .3s ease; z-index: 9;}
    .header_sub li {width: 33.3%; float: left; box-sizing: border-box; position: relative; text-align: center; border-right: 1px solid #333}
    .header_sub li:last-child {border-right: none;}

    .header_sub .money_btn {padding: 7px 0 7px 23px; font-weight: bold; font-size: 15px;}
    .header_sub .money_btn:before {content: ''; position: absolute; width: 15px; height: 15px; margin: 2px 0px 0 -18px;}
    .header_sub .money_btn.in:before {background: url('/img/icon/money_btn_in.png') no-repeat; background-size: cover; }
    .header_sub .money_btn.out:before {background: url('/img/icon/money_btn_out.png') no-repeat; background-size: cover; }
    .header_sub .money_btn.event:before {background: url('/img/icon/money_btn_event.png') no-repeat; background-size: cover; }
    
    .header_sub.active {opacity: 1; top: 45px; transition: all .3s ease;}


    /* main_hero */
    .main_hero .tabs_center {width: 400px; height: 98px; background: url(/img/tabs_center.png) no-repeat; background-size: cover; color: #dbc24f; animation: ani_tabs_centerM 1s steps(3) infinite; position: absolute; top: 180px; transform: scale(.7); left: calc(50% - 200px);}
    
    .main_hero .tabs_center marquee {width: 368px; height: 67px; margin: 15px 16px; line-height: 67px; font-family: digital;}
    .main_hero .tabs_center marquee span {margin-left: 50px;}
    .main_hero .tabs_center marquee .en {font-family: digital; font-size: 40px;}
    .main_hero .tabs_center marquee .ko {font-family: 'Nanum Gothic', sans-serif; font-size: 27px;}

    @keyframes ani_tabs_centerM{
        from{background-position-y:0px;}
        to{background-position-y:-294px;}
    }

    /* main_game */
    .main_game {position: relative; text-align: center;}

    .game_category {border: 1px solid #353f50; color: #dbc24f; font-size: 13px; font-weight: bold; padding: 10px 40px 10px 25px; border-radius: 15px; position: relative; margin: 5px; display: inline-block; vertical-align: top; cursor: pointer;}
    /* .game_category:before {content: ""; position: absolute; width: 15px; height: 15px; background: url(/img/icon/category.svg) no-repeat; background-size: cover; left: 10px;} */
    .game_category:after {content: "▼"; position: absolute; right: 10px;}
    .game_category.active:after {content: "▲";}

    
    .game_provider {outline: none; background: none; border: 1px solid #353f50; color: #dbc24f; font-size: 13px; font-weight: bold; padding: 8px 10px; border-radius: 15px; position: relative; margin: 5px 10px; text-align: center; float: right;}
    .game_provider option {color: #dbc24f; background: #000; text-transform: uppercase}

    .game_category_sub {position: absolute; background: #222; width: 75%; max-width: 300px; left: 12.5%; padding: 0px; transition: .3s; display: none; z-index: -1;}
    .game_category_sub.active {display: block; z-index: 11;}

    .game_category_sub li {height: 50px; color: #fff; text-align: left; padding-left: 45px; position: relative; float: left; line-height: 50px; font-size: 13px; width: 50%; box-sizing: border-box;}
    .game_category_sub li:before {position: absolute; width: 30px; height: 30px; background-size: cover !important; content: ""; left: 10px; top: 10px;}
    .game_category_sub li.new:before {background: url(/img/icon/new.svg) no-repeat; }
    .game_category_sub li.rec:before {background: url(/img/icon/sort_icon_rec.png) no-repeat; }
    .game_category_sub li.pop:before {background: url(/img/icon/sort_icon_pop.png) no-repeat; }
    .game_category_sub li.live:before {background: url(/img/icon/sort_icon_live.png) no-repeat; height: 33px;}
    .game_category_sub li.slot:before {background: url(/img/icon/sort_icon_slot.png) no-repeat; }
    .game_category_sub li.fav:before {background: url(/img/icon/sort_icon_fav.png) no-repeat; }
    .game_category_sub li:hover {background: #555; cursor: pointer;}



    .game_category_sub li.allbet:before     {background: url(/img/provider/allbet.png) no-repeat;}
    .game_category_sub li.aristocrat:before {background: url(/img/provider/aristocrat.png) no-repeat;}
    .game_category_sub li.asia:before       {background: url(/img/provider/asia.png) no-repeat;}
    .game_category_sub li.bbin:before       {background: url(/img/provider/bbin.png) no-repeat;}
    .game_category_sub li.bgaming:before    {background: url(/img/provider/bgaming.png) no-repeat;}
    .game_category_sub li.booongo:before    {background: url(/img/provider/booongo.png) no-repeat;}
    .game_category_sub li.CQ9:before        {background: url(/img/provider/CQ9.png) no-repeat;}
    .game_category_sub li.dreamtech:before  {background: url(/img/provider/dreamtech.png) no-repeat;}
    .game_category_sub li.evolution:before  {background: url(/img/provider/evolution.png) no-repeat;}
    .game_category_sub li.evoplay:before    {background: url(/img/provider/evoplay.png) no-repeat;}
    .game_category_sub li.gameart:before    {background: url(/img/provider/gameart.png) no-repeat;}
    .game_category_sub li.gameplay:before   {background: url(/img/provider/gameplay.png) no-repeat;}
    .game_category_sub li.genesis:before    {background: url(/img/provider/genesis.png) no-repeat;}
    .game_category_sub li.habanero:before   {background: url(/img/provider/habanero.png) no-repeat;}
    .game_category_sub li.isoftbet:before   {background: url(/img/provider/isoftbet.png) no-repeat;}
    .game_category_sub li.lotus:before      {background: url(/img/provider/lotus.png) no-repeat;}
    .game_category_sub li.micro:before      {background: url(/img/provider/micro.png) no-repeat;}
    .game_category_sub li.oriental:before   {background: url(/img/provider/oriental.png) no-repeat;}
    .game_category_sub li.pgsoft:before     {background: url(/img/provider/pgsoft.png) no-repeat;}
    .game_category_sub li.playngo:before    {background: url(/img/provider/playngo.png) no-repeat;}
    .game_category_sub li.playson:before    {background: url(/img/provider/playson.png) no-repeat;}
    .game_category_sub li.playstar:before   {background: url(/img/provider/playstar.png) no-repeat;}
    .game_category_sub li.playtech:before   {background: url(/img/provider/playtech.png) no-repeat;}
    .game_category_sub li.pragmatic:before  {background: url(/img/provider/pragmatic.png) no-repeat;}
    .game_category_sub li.rtg:before        {background: url(/img/provider/rtg.png) no-repeat;}
    .game_category_sub li.taishan:before    {background: url(/img/provider/taishan.png) no-repeat;}
    .game_category_sub li.tpg:before        {background: url(/img/provider/tpg.png) no-repeat;}
    .game_category_sub li.ttg:before        {background: url(/img/provider/ttg.png) no-repeat;}
    .game_category_sub li.vivo:before       {background: url(/img/provider/vivo.png) no-repeat;}
    .game_category_sub li.wm:before         {background: url(/img/provider/wm.png) no-repeat;}
    .game_category_sub li.betsoft:before    {background: url(/img/provider/betsoft.png) no-repeat;}
    .game_category_sub li.stargames:before  {background: url(/img/provider/stargames.png) no-repeat;}
    .game_category_sub li.sexy:before       {background: url(/img/provider/sexy.png) no-repeat;}
    .game_category_sub li.theshow:before    {background: url(/img/provider/theshow.png) no-repeat;}
    .game_category_sub li.nolimit:before    {background: url(/img/provider/nolimit.png) no-repeat;}
    .game_category_sub li.relax:before      {background: url(/img/provider/relax.png) no-repeat;}
    .game_category_sub li.yggdrasil:before  {background: url(/img/provider/yggdrasil.png) no-repeat;}
	.game_category_sub li.OCTOPLAY:before	{background: url(/img/provider/octoplay.png) no-repeat;}
	.game_category_sub li.SLOTMILL:before	{background: url(/img/provider/slotmill.png) no-repeat;}
	.game_category_sub li.NOVOMATIC:before	{background: url(/img/provider/novomatic.png) no-repeat;}
	.game_category_sub li.HACKSAW:before	{background: url(/img/provider/hacksaw.png) no-repeat;}
	.game_category_sub li.HACKSAW_GAMING:before	{background: url(/img/provider/hacksaw.png) no-repeat;}







    .game_list .title {height: 50px;}
    .game_list .title .wrap_text {height: 50px; color: #fff; text-align: left; padding-left: 35px; position: relative; float: left; left: 5px;}
    .game_list .title .wrap_text:before {position: absolute; width: 30px; height: 30px; background-size: cover !important; content: ""; left: 0; top: 5px;}
    .game_list .new .title .wrap_text:before {background: url(/img/icon/new.svg) no-repeat; }
    .game_list .rec .title .wrap_text:before {background: url(/img/icon/sort_icon_rec.png) no-repeat; }
    .game_list .pop .title .wrap_text:before {background: url(/img/icon/sort_icon_pop.png) no-repeat; }
    .game_list .live .title .wrap_text:before {background: url(/img/icon/sort_icon_live.png) no-repeat; height: 33px;}
    .game_list .slot .title .wrap_text:before {background: url(/img/icon/sort_icon_slot.png) no-repeat; }
    .game_list .fav .title .wrap_text:before {background: url(/img/icon/sort_icon_fav.png) no-repeat; }


    .game_list .title .wrap_text dt {font-size: 13px; font-weight: bold; padding-top: 8px;}
    .game_list .title .wrap_text dd {font-size: 9px; padding-top: 3px;}

    .game_list .allbet .title .wrap_text:before     {background: url(/img/provider/allbet.png) no-repeat;}
    .game_list .aristocrat .title .wrap_text:before {background: url(/img/provider/aristocrat.png) no-repeat;}
    .game_list .asia .title .wrap_text:before       {background: url(/img/provider/asia.png) no-repeat;}
    .game_list .bbin .title .wrap_text:before       {background: url(/img/provider/bbin.png) no-repeat;}
    .game_list .bgaming .title .wrap_text:before    {background: url(/img/provider/bgaming.png) no-repeat;}
    .game_list .booongo .title .wrap_text:before    {background: url(/img/provider/booongo.png) no-repeat;}
    .game_list .CQ9 .title .wrap_text:before        {background: url(/img/provider/CQ9.png) no-repeat;}
    .game_list .dreamtech .title .wrap_text:before  {background: url(/img/provider/dreamtech.png) no-repeat;}
    .game_list .evolution .title .wrap_text:before  {background: url(/img/provider/evolution.png) no-repeat;}
    .game_list .evoplay .title .wrap_text:before    {background: url(/img/provider/evoplay.png) no-repeat;}
    .game_list .gameart .title .wrap_text:before    {background: url(/img/provider/gameart.png) no-repeat;}
    .game_list .gameplay .title .wrap_text:before   {background: url(/img/provider/gameplay.png) no-repeat;}
    .game_list .genesis .title .wrap_text:before    {background: url(/img/provider/genesis.png) no-repeat;}
    .game_list .habanero .title .wrap_text:before   {background: url(/img/provider/habanero.png) no-repeat;}
    .game_list .isoftbet .title .wrap_text:before   {background: url(/img/provider/isoftbet.png) no-repeat;}
    .game_list .lotus .title .wrap_text:before      {background: url(/img/provider/lotus.png) no-repeat;}
    .game_list .micro .title .wrap_text:before      {background: url(/img/provider/micro.png) no-repeat;}
    .game_list .oriental .title .wrap_text:before   {background: url(/img/provider/oriental.png) no-repeat;}
    .game_list .pgsoft .title .wrap_text:before     {background: url(/img/provider/pgsoft.png) no-repeat;}
    .game_list .playngo .title .wrap_text:before    {background: url(/img/provider/playngo.png) no-repeat;}
    .game_list .playson .title .wrap_text:before    {background: url(/img/provider/playson.png) no-repeat;}
    .game_list .playstar .title .wrap_text:before   {background: url(/img/provider/playstar.png) no-repeat;}
    .game_list .playtech .title .wrap_text:before   {background: url(/img/provider/playtech.png) no-repeat;}
    .game_list .pragmatic .title .wrap_text:before  {background: url(/img/provider/pragmatic.png) no-repeat;}
    .game_list .rtg .title .wrap_text:before        {background: url(/img/provider/rtg.png) no-repeat;}
    .game_list .taishan .title .wrap_text:before    {background: url(/img/provider/taishan.png) no-repeat;}
    .game_list .tpg .title .wrap_text:before        {background: url(/img/provider/tpg.png) no-repeat;}
    .game_list .ttg .title .wrap_text:before        {background: url(/img/provider/ttg.png) no-repeat;}
    .game_list .vivo .title .wrap_text:before       {background: url(/img/provider/vivo.png) no-repeat;}
    .game_list .wm .title .wrap_text:before         {background: url(/img/provider/wm.png) no-repeat;}
    .game_list .betsoft .title .wrap_text:before    {background: url(/img/provider/betsoft.png) no-repeat;}
    .game_list .stargames .title .wrap_text:before  {background: url(/img/provider/stargames.png) no-repeat;}
    .game_list .theshow .title .wrap_text:before    {background: url(/img/provider/theshow.png) no-repeat;}
    .game_list .nolimit .title .wrap_text:before    {background: url(/img/provider/nolimit.png) no-repeat;}
    .game_list .relax .title .wrap_text:before    {background: url(/img/provider/relax.png) no-repeat;}
    .game_list .yggdrasil .title .wrap_text:before    {background: url(/img/provider/yggdrasil.png) no-repeat;}



    .game_list .title .wrap_controls {float: right; position: relative; right: 5px; top: 7px;}
    .game_list .title .wrap_controls div {display: inline-block; vertical-align: top; background: #373737; border-radius: 5px; font-size: 11px; cursor: pointer; color: #fff;}
    .game_list .title .wrap_controls div.all {padding: 10px 15px; }
    .game_list .title .wrap_controls div a { color: #fff; font-weight: bold; padding: 10px 15px; display: block;}
    .game_list .title .wrap_controls div a.disabled { color: #999;}


    
    .game_list section {margin-top: 20px;}
    .game_list ul li {display: inline-block; vertical-align: top; background: #1c1d27; width: 125px; border-radius: 10px; margin: 0 4px 10px 0}
    .game_list ul span#load_cont_area li {margin: 0 7px 10px 7px}
    .game_list ul li img {width: 100%; border-radius: 10px; }
    .game_list ul li .text {padding: 10px 0; text-align: center;}
    .game_list ul li .text b {display: block; font-size: 11px; color: #7a7b91; padding-bottom: 3px;}
    .game_list ul li .text span {font-size: 13px;color: #fff;}
    .game_list ul li .text span.provider {position: absolute; text-shadow: 1px 1px 1px #000; left: 5px; top: 5px; font-size: 11px;}



    .main_game .game_list ul li .favBtn {position: absolute; width: 40px; height: 40px; background: url('/img/icon/sort_icon_fav_off.png') no-repeat; background-size: cover; top: 3px; right: 3px; z-index: 500;}
    .main_game .game_list ul li[fav="0"] .favBtn {background: url('/img/icon/sort_icon_fav_off.png') no-repeat; background-size: cover;}
    .main_game .game_list ul li[fav="1"] .favBtn,
    .main_game .game_list ul li .favBtn:hover {background: url('/img/icon/sort_icon_fav.png') no-repeat; cursor: pointer; background-size: cover;}
    




    .game_list ul li .favBtn {position: absolute; width: 40px; height: 40px; background: url('/img/icon/sort_icon_fav_off.png') no-repeat; background-size: cover; top: 3px; right: 3px; z-index: 10;}
    .game_list ul li[fav="0"] .favBtn {background: url('/img/icon/sort_icon_fav_off.png') no-repeat; background-size: cover;}
    .game_list ul li[fav="1"] .favBtn,
    .game_list ul li .favBtn:hover {background: url('/img/icon/sort_icon_fav.png') no-repeat; cursor: pointer; background-size: cover;}
    
    .game_list .game_list_sub section {background: none;}
    .game_list .game_list_sub .load_cont {text-align: center;}
    .game_list .game_list_sub .load_cont li {position: relative;}
    .game_list .game_list_sub .load_cont .more_btn {width: 50%; background: #dbc24f; color: #000; font-weight: bold; text-align: center; line-height: 50px; font-size: 15px; margin: 1em auto; cursor: pointer; border-radius: 5px;}


/* gamehover effect */
    .game-outer {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .game,
    .game-inner {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        
        -webkit-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }


    .game-inner {
        text-align: center;
        z-index: 9;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.8);
        opacity: 0;
        transition: opacity .3s;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-items: center;
        align-items: center;
        padding: 5% 0 4%
    }

    .game-inner .frow {
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-grow: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        width: 100%;
        height: 70%;
        
        -webkit-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }




    .game .play {
        width: 70%;
        position: relative;
        margin: 0 auto;
    }

    .game .play:before {
        content: '';
        display: block;
        padding-top: 100%
    }

    .game .play * {
        -moz-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        will-change: transform
    }

    .game .play .play-symbol {
        position: absolute;
        left: 38.8888888889%;
        top: 38.8888888889%;
        right: 38.8888888889%;
        bottom: 38.8888888889%
    }

    .game .play .play-circle {
        position: absolute;
        left: 13.3333333333%;
        top: 13.3333333333%;
        right: 13.3333333333%;
        bottom: 13.3333333333%
    }

    .game .play .play-dashes {
        position: absolute;
        left: 3.3333333333%;
        top: 3.3333333333%;
        right: 3.3333333333%;
        bottom: 3.3333333333%
    }

    .game .play .play-dial {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0
    }

    .game .play .play-pentagon {
        position: absolute;
        left: 3.3333333333%;
        top: 3.3333333333%;
        right: 3.3333333333%;
        bottom: 3.3333333333%
    }

    .game:hover .game-inner{
        opacity: 1
    }


    .game:hover .game-inner .play-symbol {
        background-image: url(/img/btn/play-symbol.svg);
        background-position-x: 100%;
        -webkit-animation: play-symbol 1.2s linear 1;
        -moz-animation: play-symbol 1.2s linear 1;
        -o-animation: play-symbol 1.2s linear 1;
        animation: play-symbol 1.2s linear 1;
        opacity: 1
    }

    .game:hover .game-inner .play-circle {
        background-image: url(/img/btn/play-circle.svg);
        -webkit-animation: play-circle 1.2s linear 1;
        -moz-animation: play-circle 1.2s linear 1;
        -o-animation: play-circle 1.2s linear 1;
        animation: play-circle 1.2s linear 1
    }

    .game:hover .game-inner .play-dashes {
        background-image: url(/img/btn/play-dashes.svg);
        -o-transform: scale(1) rotate(-245deg);
        -moz-transform: scale(1) rotate(-245deg);
        -webkit-transform: scale(1) rotate(-245deg);
        transform: scale(1) rotate(-245deg);
        -webkit-animation: play-dashes 1.2s linear 1;
        -moz-animation: play-dashes 1.2s linear 1;
        -o-animation: play-dashes 1.2s linear 1;
        animation: play-dashes 1.2s linear 1
    }

    .game:hover .game-inner .play-dial {
        background-image: url(/img/btn/play-dial.svg);
        -webkit-animation: play-dial 1.2s linear 1;
        -moz-animation: play-dial 1.2s linear 1;
        -o-animation: play-dial 1.2s linear 1;
        animation: play-dial 1.2s linear 1
    }

    .game:hover .game-inner .play-pentagon {
        background-image: url(/img/btn/play-pentagon.svg);
        -webkit-animation: play-pentagon 0.3s linear 1;
        -moz-animation: play-pentagon 0.3s linear 1;
        -o-animation: play-pentagon 0.3s linear 1;
        animation: play-pentagon 0.3s linear 1;
        opacity: 0
    }
    




    /*      footer     */
    .footer {margin-top: 20px;}
    
    .footer .promo_wrap {background: #242424;}
    .footer .promo {margin: 0 10px; padding: 10px 0;}
    .footer .promo .title {height: 50px;}
    .footer .promo .title .wrap_text {height: 50px; color: #fff; text-align: left; padding-left: 35px; position: relative; float: left; left: 0px;}
    .footer .promo .title .wrap_text:before {position: absolute; width: 30px; height: 30px; background-size: cover !important; content: ""; left: 0; top: 5px; background: url(/img/icon/gift.svg) no-repeat; }
    .footer .promo .title .wrap_text dt {font-size: 13px; font-weight: bold; padding-top: 8px;}
    .footer .promo .title .wrap_text dd {font-size: 9px; padding-top: 3px;}

    .footer .promo .title .wrap_controls div {display: inline-block; vertical-align: top; background: #373737; border-radius: 5px; font-size: 13px; cursor: pointer; color: #fff;}
    .footer .promo .title .wrap_controls {float: right; position: relative; right: 10px; top: 7px;}
    .footer .promo .title .wrap_controls div.all {padding: 10px 15px; }
    .footer .promo .title .wrap_controls div a { color: #fff; font-weight: bold; padding: 10px 15px; display: block;}
    .footer .promo .title .wrap_controls div a.disabled { color: #999;}

    .footer .promo ul li img {border-radius: 20px; width: 100%;}

    
    .footer .winner {margin: 0 auto; padding: 20px 0 30px 0;}
    .footer .winner .title {height: 50px;}
    .footer .winner .title .wrap_text {height: 50px; color: #fff; text-align: left; padding-left: 35px; position: relative; float: left; left: 5px;}
    .footer .winner .title .wrap_text:before {position: absolute; width: 30px; height: 30px; background-size: cover !important; content: ""; left: 0; top: 5px; background: url(/img/icon/winner.svg) no-repeat; }
    .footer .winner.award .title .wrap_text:before {background: url(/img/icon/award.svg) no-repeat; }
    .footer .winner .title .wrap_text dt {font-size: 13px; font-weight: bold; padding-top: 8px;}
    .footer .winner .title .wrap_text dd {font-size: 9px; padding-top: 3px;}

    .footer .winner .title .wrap_controls div {display: inline-block; vertical-align: top; background: #373737; border-radius: 5px; font-size: 13px; cursor: pointer; color: #fff;}
    .footer .winner .title .wrap_controls {float: right; position: relative; right: 10px; top: 7px;}
    .footer .winner .title .wrap_controls div.all {padding: 10px 15px; }
    .footer .winner .title .wrap_controls div a { color: #fff; font-weight: bold; padding: 10px 15px; display: block;}
    .footer .winner .title .wrap_controls div a.disabled { color: #999;}

    #winner_list_m li {display: inline-block; vertical-align: top;}
    #winner_list_m li .img,
    #winner_list_m li .cont {display: inline-block; vertical-align: top; height: 50px;}
    #winner_list_m li .img {border-radius: 5px; overflow: hidden;}
    #winner_list_m li .img img {height: 100%;}
    
    #winner_list_m li .cont {width: calc(100% - 60px);}
    #winner_list_m li .cont dd {font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;}
    #winner_list_m li .cont dd:nth-child(1) {color: #999;}
    #winner_list_m li .cont dd:nth-child(2) {color: #ff7200; font-size: 15px; font-family: digital;}
    #winner_list_m li .cont dd:nth-child(2):before {content: "￦"; position: relative; font-size: 11px;}
    #winner_list_m li .cont dd:nth-child(3) {color: #fff; text-align: right;}

    #winner_list_m2 li {display: inline-block; vertical-align: top;}
    #winner_list_m2 li .img,
    #winner_list_m2 li .cont {display: inline-block; vertical-align: top; height: 50px;}
    #winner_list_m2 li .img {border-radius: 5px; overflow: hidden;}
    #winner_list_m2 li .img img {height: 100%;}
    
    #winner_list_m2 li .cont {width: calc(100% - 60px);}
    #winner_list_m2 li .cont dd {font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;}
    #winner_list_m2 li .cont dd:nth-child(1) {color: #999;}
    #winner_list_m2 li .cont dd:nth-child(2) {color: #ff7200; font-size: 15px; font-family: digital;}
    #winner_list_m2 li .cont dd:nth-child(2):before {content: "￦"; position: relative; font-size: 11px;}
    #winner_list_m2 li .cont dd:nth-child(3) {color: #fff; text-align: right;}

    
    .footer .copy {margin: 5px 0; border-top: 1px solid #373737; padding-top: 20px;}
    .footer .copy div {display: inline-block; vertical-align: middle; color: #ccc; text-align: center; width: 100%;}
    .footer .copy div:nth-child(2) {font-size: 11px; line-height: 20px; text-align: left;}
    
    .footer .copy div img {height: 30px;}
    




    /* nav */
    .nav_cont {position: fixed; width: 85%; height: calc(100% - 46px); top: 46px; background: rgba(22,22,22,.95); z-index: 20; overflow: auto; max-width: 500px; left: -500px; transition: .3s;}
    .nav_cont.active {left: 0; transition: .3s}

    .login_wrap {padding: 20px 10px; text-align: center; border-bottom: 1px solid #555}
    .login_wrap input {border: 2px solid #fff; background: none; padding: 10px 20px; color: #fff; border-radius: 10px; font-size: 15px; width: 45%; font-weight: bold; box-sizing: border-box; margin: 0 1%; cursor: pointer;}
    .login_wrap input.btn_login,
    .login_wrap input.btn_mypage {box-shadow: 0px 0px 10px #e7ae41, #e7ae41 0px 0px 10px inset; text-shadow: 0px 0px 10px #e7ae41;}
    .login_wrap input.btn_sign {box-shadow: 0px 0px 10px #686cfa, #686cfa 0px 0px 10px inset; text-shadow: 0px 0px 10px #686cfa;}
    .login_wrap input.btn_logout {box-shadow: 0px 0px 10px #d03767, #d03767 0px 0px 10px inset; text-shadow: 0px 0px 10px #d03767;}

    .login_text {color: #fff; text-align: center; padding: 20px 0 20px 20px;}
    .login_text b {display: block; line-height: 30px; font-size: 15px; position: relative;}
    .login_text span {position: relative;}
    .login_text span:before  {content: ""; width: 17px; height: 30px; position: absolute; top: -9px; left: -20px; display: inline-block; }
    .login_text span.pawn:before {background: url(/img/event_info/icon_vip_pawn.png) no-repeat; background-size: cover;}
    .login_text span.rook:before {background: url(/img/event_info/icon_vip_rook.png) no-repeat; background-size: cover;}
    .login_text span.knight:before {background: url(/img/event_info/icon_vip_knight.png) no-repeat; background-size: cover;}
    .login_text span.bishop:before {background: url(/img/event_info/icon_vip_bishop.png) no-repeat; background-size: cover;}
    .login_text span.queen:before {background: url(/img/event_info/icon_vip_queen.png) no-repeat; background-size: cover;}
    .login_text span.king:before {background: url(/img/event_info/icon_vip_king.png) no-repeat; background-size: cover;}

    .login_text .icon {width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin: 0 2px; position: relative; cursor: pointer;}
    .login_text .icon.mail {background: url('/img/icon/mail.svg') no-repeat; background-size: cover;}
    .login_text .icon.coupon {background: url('/img/icon/coupon.svg') no-repeat; background-size: cover;}
    .login_text .icon.vpoint {background: url('/img/icon/vpoint.svg') no-repeat; background-size: cover;}
    .login_text .icon.wheel {background: url('/img/icon/wheel.svg') no-repeat; background-size: cover;}
    .login_text .icon div {width: 17px; height: 17px; background: red; position: absolute; font-size: 11px; border-radius: 50%; line-height: 17px; text-align: center; right: -3px; top: -3px;}
    .login_text font {font-family: digital; font-size: 30px; font-weight: normal; color: #dbc24f; position: relative; cursor: pointer; margin: 5px 0; display: block; height: 30px;}
    .login_text font:before {content: "보유머니"; position: absolute; font-size: 11px; color: #fff; width: 22px; height: 22px; line-height: 1em; margin-left: -35px; top: 0px; background: #333; padding: 3px; border: 1px solid #555; border-radius: 3px; transition: all .3s ease; z-index: 10000;}
    .login_text font:hover:before {content: "새로고침"; color: #dbc24f;transition: all .3s ease;}
    .login_text font.point:before,
    .login_text font.point:hover:before {content: "포인트";}

    /* .login_text font.funmoney:before {content: "체험머니";} */
    .login_text font.funmoney:before {content: "보유머니";}
    .login_text .tooltip {font-size: 11px; padding: .5em 0; animation: blink_tooltip_m 3s infinite;}
    
    @keyframes blink_tooltip_m{
        0%{opacity: 0;}
        30%{opacity: 1;}
        100%{opacity: 1;}
    }

    .nav_cont ul {height: 350px;}
    .nav_cont li {height: 50px; color: #fff; text-align: left; padding-left: 45px; position: relative; float: left; line-height: 50px; font-size: 13px; width: 50%; box-sizing: border-box;}
    .nav_cont li:before {position: absolute; width: 30px; height: 30px; background-size: cover !important; content: ""; left: 10px; top: 10px;}
    .nav_cont li.new:before {background: url(/img/icon/new.svg) no-repeat; }
    .nav_cont li.rec:before {background: url(/img/icon/sort_icon_rec.png) no-repeat; }
    .nav_cont li.pop:before {background: url(/img/icon/sort_icon_pop.png) no-repeat; }
    .nav_cont li.live:before {background: url(/img/icon/sort_icon_live.png) no-repeat; height: 33px;}
    .nav_cont li.slot:before {background: url(/img/icon/sort_icon_slot.png) no-repeat; }
    .nav_cont li.fav:before {background: url(/img/icon/sort_icon_fav.png) no-repeat; }

    .nav_cont li:hover {background: rgba(255,255,255,0.2); cursor: pointer;}

    .nav_cont li.in:before {background: url(/img/icon/money_btn_in.png) no-repeat;}
    .nav_cont li.out:before {background: url(/img/icon/money_btn_out.png) no-repeat;}
    .nav_cont li.event:before {background: url(/img/icon/money_btn_event.png) no-repeat;}
    .nav_cont li.notice:before {background: url(/img/icon/notice.svg) no-repeat; }
    .nav_cont li.terms:before {background: url(/img/icon/terms.svg) no-repeat; }
    .nav_cont li.event_info:before {background: url(/img/icon/gift.svg) no-repeat; }
    .nav_cont li.vip:before {background: url(/img/icon/winner.svg) no-repeat; }

    .nav_cont li.clear {width: 100%; border-bottom: 1px solid #555; height: 0;}
    .nav_cont li.sm_icon {padding-left: 45px;}
    .nav_cont li.sm_icon:before {width: 20px; height: 20px; left: 15px; top: 15px;}
    .nav_cont .call_num {color: #fff; font-size: 11px; text-align: center; margin: 50px 0 30px 0; display: block;}
    .nav_cont .call_num span {font-size: 30px; font-family: digital; color: #dbc24f; display: block; padding: 3px 0;}

    
    .bot_box {position: fixed; height: 45px; bottom: -45px; z-index: 11; width: 100%; text-align: center; transition: .3s; }
    .bot_box.active {bottom: 0; transition: .3s;}
    .bot_box input {border: 2px solid #fff; background: rgba(0,0,0,0.7); padding: 7px 0; color: #fff; border-radius: 10px; font-size: 15px; width: 45%; font-weight: bold; box-sizing: border-box; margin: 7px 1% 0 1%; cursor: pointer;}
    .bot_box input.btn_login,
    .bot_box input.btn_mypage {box-shadow: 0px 0px 10px #e7ae41, #e7ae41 0px 0px 10px inset; text-shadow: 0px 0px 10px #e7ae41;}
    .bot_box input.btn_sign {box-shadow: 0px 0px 10px #686cfa, #686cfa 0px 0px 10px inset; text-shadow: 0px 0px 10px #686cfa;}
    .bot_box input.btn_logout {box-shadow: 0px 0px 10px #d03767, #d03767 0px 0px 10px inset; text-shadow: 0px 0px 10px #d03767;}

	/* -- 슬롯게임 제공업체 버튼, 확장 부분 ----------------------------------------------------------------------------- */
	.provider_slot_list_wrap								{position: relative;}
	.provider_slot_list_wrap .provider_slot_list			{position: absolute; top: 28px; left: 125px;}
	.provider_slot_list_wrap .provider_slot_all				{position: relative; width: 75px; padding:8px; color:#b7966d; background-color: #111111; font-size:13px !important; border-radius: 5px;}
	.provider_slot_list_wrap .provider_slot_all:hover		{background-color: #333333; cursor:pointer;}
	
	.provider_slot_list_wrap .provider_hidden				{position: relative; z-index: 50; display:none;}
	.provider_slot_list_wrap .provider_slot_list_de			{position: absolute; top:75px; left:20px; width: calc(100vw - 60px); max-width: 1215px; padding:10px; background-color:#111111; border-radius: 15px; z-index:50; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; box-shadow: 1px 1px 10px 0px #6e6161}
	.provider_slot_list_wrap .provider_slot_item			{position: relative; padding: 8px 5px 10px 35px; background-color: #111111; color: #eeeeee; border-radius: 5px; font-size: 14px; text-align: left;}
	.provider_slot_list_wrap .provider_slot_item:hover		{background-color: #000000; color:#ffffff; cursor:pointer;}
	.provider_slot_list_wrap .item_img						{position: absolute; left: 6px; top: 3px; width: 25px; height: 25px; background-size: cover !important;}
	
	.provider_img.allbet		{background: url(/img/provider/allbet.png) no-repeat;}
	.provider_img.aristocrat	{background: url(/img/provider/aristocrat.png) no-repeat;}
	.provider_img.asia			{background: url(/img/provider/asia.png) no-repeat;}
	.provider_img.bbin			{background: url(/img/provider/bbin.png) no-repeat;}
	.provider_img.bgaming		{background: url(/img/provider/bgaming.png) no-repeat;}
	.provider_img.booongo		{background: url(/img/provider/booongo.png) no-repeat;}
	.provider_img.CQ9			{background: url(/img/provider/CQ9.png) no-repeat;}
	.provider_img.dreamtech		{background: url(/img/provider/dreamtech.png) no-repeat;}
	.provider_img.evolution		{background: url(/img/provider/evolution.png) no-repeat;}
	.provider_img.evoplay		{background: url(/img/provider/evoplay.png) no-repeat;}
	.provider_img.gameart		{background: url(/img/provider/gameart.png) no-repeat;}
	.provider_img.gameplay		{background: url(/img/provider/gameplay.png) no-repeat;}
	.provider_img.genesis		{background: url(/img/provider/genesis.png) no-repeat;}
	.provider_img.habanero		{background: url(/img/provider/habanero.png) no-repeat;}
	.provider_img.isoftbet		{background: url(/img/provider/isoftbet.png) no-repeat;}
	.provider_img.lotus			{background: url(/img/provider/lotus.png) no-repeat;}
	.provider_img.micro			{background: url(/img/provider/micro.png) no-repeat;}
	.provider_img.oriental		{background: url(/img/provider/oriental.png) no-repeat;}
	.provider_img.pgsoft		{background: url(/img/provider/pgsoft.png) no-repeat;}
	.provider_img.playngo		{background: url(/img/provider/playngo.png) no-repeat;}
	.provider_img.playson		{background: url(/img/provider/playson.png) no-repeat;}
	.provider_img.playstar		{background: url(/img/provider/playstar.png) no-repeat;}
	.provider_img.playtech		{background: url(/img/provider/playtech.png) no-repeat;}
	.provider_img.pragmatic		{background: url(/img/provider/pragmatic.png) no-repeat;}
	.provider_img.rtg			{background: url(/img/provider/rtg.png) no-repeat;}
	.provider_img.taisan		{background: url(/img/provider/taishan.png) no-repeat;}
	.provider_img.taishan		{background: url(/img/provider/taishan.png) no-repeat;}
	.provider_img.taishan_new	{background: url(/img/provider/taishan.png) no-repeat;}
	.provider_img.tpg			{background: url(/img/provider/tpg.png) no-repeat;}
	.provider_img.ttg			{background: url(/img/provider/ttg.png) no-repeat;}
	.provider_img.vivo			{background: url(/img/provider/vivo.png) no-repeat;}
	.provider_img.wm			{background: url(/img/provider/wm.png) no-repeat;}
	.provider_img.stargames		{background: url(/img/provider/stargames.png) no-repeat;}
	.provider_img.betsoft		{background: url(/img/provider/betsoft.png) no-repeat;}
	.provider_img.sexy			{background: url(/img/provider/sexy.png) no-repeat;}
	.provider_img.theshow		{background: url(/img/provider/theshow.png) no-repeat;}
	.provider_img.nolimit		{background: url(/img/provider/nolimit.png) no-repeat;}
	.provider_img.relax			{background: url(/img/provider/relax.png) no-repeat;}
	.provider_img.yggdrasil		{background: url(/img/provider/yggdrasil.png) no-repeat;}
	.provider_img.dream			{background: url(/img/provider/dream.png) no-repeat;}
	.provider_img.OCTOPLAY		{background: url(/img/provider/octoplay.png) no-repeat;}
	.provider_img.SLOTMILL		{background: url(/img/provider/slotmill.png) no-repeat;}
	.provider_img.NOVOMATIC		{background: url(/img/provider/novomatic.png) no-repeat;}
	.provider_img.HACKSAW		{background: url(/img/provider/hacksaw.png) no-repeat;}
	.provider_img.HACKSAW_GAMING{background: url(/img/provider/hacksaw.png) no-repeat;}
	.provider_img.MANAPLAY		{background: url(/img/provider/mannaplay.png) no-repeat;}
	.provider_img.SKYWIND		{background: url(/img/provider/skywind.png) no-repeat;}
	.provider_img.ASPECT		{background: url(/img/provider/aspect.png) no-repeat;}
	.provider_img.SPADE			{background: url(/img/provider/spade.png) no-repeat;}
	/* -- 슬롯게임 제공업체 버튼, 확장 부분 ----------------------------------------------------------------------------- */
    
    /* popup */
    .popup {background: rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; z-index: -1; opacity: 0; transition: all .3s ease; top: 0;}
    .popup.active {z-index: 101; opacity: 1; transition: all .3s ease;}
    .popup .cp_box {background: rgba(255,255,255,0.5); position: relative; box-shadow: 1px 1px 20px 5px #000; border-radius: 0px; text-align: center;
    background: linear-gradient(45deg, rgba(0,255,0,0.3), rgba(255,0,0,0.5), rgba(0,0,255,0.3), rgba(0,255,0,0.3), rgba(255,0,0,0.5), rgba(0,0,255,0.3));
    background-size: 600% 600%; animation: input_wrap_anim 10s ease infinite; width: 100%; top: -270px; transition: all .3s ease; height: 270px;}
    .popup.active .cp_box {top: calc(50% - 135px); transition: all .3s ease;}

        /* 로그인 */
        .popup .cp_box .logo {
            width: 300px;
            height: 200px;
            background-image : url(/img/logo.png);
            animation: ani_logo 3s steps(90) infinite;
            transform: scale(1);
            position: relative;
            top: -15px;
            margin: 0 auto;
        }
        .popup .cp_box .login_wrap {margin-top: -85px; position: relative; z-index: 100; border: none;}
        .popup .cp_box .userpw,
        .popup .cp_box .userid {width: 48%; margin: 0 auto; height: 45px; margin-bottom: 10px; border: 1px solid #555; background: rgba(0,0,0,0.5);}
		 .popup .cp_box .login_wrap .auto_login	{position:relative; color:#FFF; font-size:12px; margin-bottom: 10px;; text-align:left;}
		 .popup .cp_box .login_wrap input[type='checkbox']	{width:20px;}
		
		
        .closeBtn {position: absolute; top: 5px; right: 5px; background: url(/img/icon/close.svg); width: 20px; height: 20px; background-size: cover; text-indent: -9999px; cursor: pointer; transition: all .3s ease; z-index: 100;}
        .closeBtn:hover {transition: all .3s ease; transform: rotate(180deg);}

        @keyframes input_wrap_anim {
            0%{background-position:0% 50%}
            50%{background-position:100% 50%}
            100%{background-position:0% 50%}
        }



        /* 긴급공지 */
        .warning_wrap {width: 100%; height: 100%; background: #fff;}
        .warning_head {background: #000; color: #fff; line-height: 50px; font-size: 20px; font-weight: bold; position: relative; }
        .warning_head:before {position: absolute; content: "▼"; height: 20px; width: 20px; font-size: 30px; color: #000; bottom: 5px; left: 50px;}
        .warning_head img {height: 30px; position: relative; top: 8px; right: 8px;}
        .warning_title {height: 45px; border-bottom: 1px solid #ccc; display: flex; align-items: center; padding: 3px 10px; line-height: 1.5em; text-align: left; word-break: break-all; overflow: auto; }
        .warning_cont {text-align: left; padding: 10px; word-break: break-all; overflow: auto; height: 148px; line-height: 1.2em;}
        .warning_wrap .todayclose {position: absolute; color: #fff; z-index: 10; font-size: 10px; top: 5px; left: 5px; cursor: pointer;}


            
        /* 게임검색 */
        .popup .cp_box[name='search'] {height: 400px; top: 50px; background: rgba(0,0,0,.3);}

        .search_box_title {position: relative; width: 80%; margin: 0 auto;}
        .search_box_title input {width: calc(100% - 20px); height: 50px; background: #000; border-radius: 5px; padding: 0 10px; color: #fff; border: 1px solid #555; margin: 30px auto; }
        .search_box_title .icon_search {margin: 0; display: inline-block; right: 7px; top: 38px; cursor: pointer;}

        .search_box_cont {overflow: auto; height: 288px;}
        .search_box_cont li {width: 45%; display: inline-block; text-align: left; margin-bottom: 20px;}
        .search_box_cont li:hover div {color: #dbc24f; cursor: pointer;}
        .search_box_cont li img {height: 75px;}
        .search_box_cont li div {height: 75px; display: inline-block; vertical-align: top; color: #fff; word-break: break-all; width: calc(100% - 80px); padding-left: 5px;}
        .search_box_cont li div b {display: block; text-transform: uppercase; font-size: 11px; margin-bottom: 5px;}
        .search_box_cont li div span {font-size: 15px;}




	/* 데이빗 추가, 로딩부분.. */
	.b-loading-aj-bg		{ position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; background-color: rgba(0, 0, 0, 0.5); color:#CCC; font-weight:bold; z-index:999999; display:;}
	.b-loading-aj-bg2		{ position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; background-color: rgba(255, 255, 255, 0.5); color:#000; font-weight:bold; z-index:999999; display:;}

	.b-loading-img			{ margin:23% auto 0px auto; width:100px; height:100px; background:url('/img/loader.svg') no-repeat; background-size: 100px 100px; opacity: 1;}
	.b-loading-img2			{ margin:23% auto 0px auto; width:100px; height:100px; background:url('/img/loader2.svg') no-repeat; background-size: 100px 100px; opacity: 1;}
	.b-loading-img3			{ margin:23% auto 0px auto; width:100px; height:100px; background:url('/img/loader3.svg') no-repeat; background-size: 100px 100px; opacity: 1;}
	
	
	.blinking{
		animation:blinkingText 1.2s infinite;
	}
	@keyframes blinkingText{
		0%{     color: #FFF;    }
		49%{    color: #FFF; }
		60%{    color: transparent; }
		99%{    color:transparent;  }
		100%{   color: #FFF;    }
	}
	.blinking2{
		animation:blinkingText2 1s step-start infinite;
	}
	@keyframes blinkingText2{
		50%{ opacity: 0;}
	}
	
	.mobile_row		{color:#FFF;}
	
	.small_link_btn			{position:relative; display:inline-block; padding:5px 5px !important;; border-radius:5px; background-color:#c4782d; color:#FFFFFF; border:0px; font-size:11px; cursor:pointer;}