@charset "utf-8";

/*
 * File Name : Layout.css
 */


/********************************************************
 
 *  Common
 
 ********************************************************/

body {width:100%;min-width:1350px;height:100%;background:#232633; font-size:14px;line-height:1.4;font-family:'Roboto','Pretendard','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;font-weight:400;color: #adb0be;}
#wrap {width:100%;padding:65px 0 0;}

.max_w {position: relative;max-width:1350px; margin: 0 auto;}
.pdd {padding:0 30px;}

/*-----------------------------------------------------------------------------
 *  Header
 *----------------------------------------------------------------------------*/

#header {position: fixed;width: 100%;top: 0;left: 0;min-width:1400px; z-index: 10;}


/* Header Top */

.hdr_top {height: 50px; background:#1d1e27;}
.hdr_top .max_w {height: 100%;}
.logo {position: absolute; left: 0; top:15px}
.logo a {display: block;}
.logo a img {display: block;}
.hdr_top_rb {position:absolute;top:50%;right:0;transform: translateY(-50%);}
.hdr_top_rb * {display: inline-block;vertical-align: middle;}
.dnw_btns {padding-right:25px;border-right:1px solid #404255;}
.dnw_btns li {margin-left: 30px;}
.dnw_btns li a {display: block;color:#f6c132; font-size: 14px;}
.dnw_btns li a img {width:15px; height: 15px; margin-right: 5px;margin-top: -2px;}

.brd_btns {padding-right:20px;}
.brd_btns li {margin-left: 30px;margin-left: 20px;}
.brd_btns li a {display: block; color:#9ba4c0; font-size: 14px;}
.brd_btns li a:hover {color: #fff;}

/* 20220814 수정 */
.util_btns {margin-left: 20px}
.util_btns a {display: inline-block; font-size: 13px; color: #7381a7;height: 28px;line-height:28px; padding:0 15px; border:1px solid #7381a7; border-radius: 4px;margin-left: 2px;}
.util_btns a:hover {color: #fff; border-color: #fff;}


/* Gnb */

.gnb_wrap {border-top: 1px solid #38415b;
background: #1f2230; /* Old browsers */
background: -moz-linear-gradient(top,  #1f2230 0%, #191922 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1f2230 0%,#191922 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1f2230 0%,#191922 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2230', endColorstr='#191922',GradientType=0 ); /* IE6-9 */

}
.gnb_wrap {position: relative;}
#gnb {height:50px;}
#gnb .gnb_menu {display:flex;align-items: center;}
#gnb .gnb_menu li {position: relative;padding: 0 30px;line-height: 20px;}
#gnb .gnb_menu li + li:before {content: "";display:block; position: absolute; left: 0; top:50%; transform: translateY(-50%); width: 1px; height: 16px; background: #363a4f;}

#gnb .gnb_menu li a {position: relative;display: block;height: 100%;line-height:50px;  font-size: 16px; color: #b2b7cb;font-weight: 500;}
#gnb .gnb_menu li.active a:after,
#gnb .gnb_menu li a:hover:after {content: ""; display: block;width: 100%; height: 2px; background:#ffd202;position: absolute; bottom: 0;}
#gnb .gnb_menu li.active a,
#gnb .gnb_menu li a:hover {color:#fff;}

/* Time */

.time {position: absolute;right:0; top: 50%; transform: translateY(-50%);}
.time span {font-size: 14px;font-weight:500;}
.time span:before {content: ""; display:inline-block; vertical-align: middle; width: 16px; height: 16px; background:url("/assets/images/common/icon_time.svg") no-repeat center center;margin-right: 5px;}

@media screen and (max-width:1360px){
  #header {position: absolute;}
  
  .time {right:20px;}
}


/*-----------------------------------------------------------------------------
 *  Container
 *----------------------------------------------------------------------------*/

#container .max_w {position: relative;padding: 0 180px;}

/* Left Side */
#container #left_cont {position: fixed; left:calc(50% - 700px);width: 280px; height: calc(100vh - 115px); padding-right:5px; padding-bottom:10px;z-index: 1; overflow:hidden; overflow-y: auto;}
#left_cont .left_top {}
#left_cont .left_top ul {display: flex;justify-content: space-between;padding: 0;border: none;}
#left_cont .left_top ul li {width: 100%; height: 40px;background:#181a24;border:1px solid #181a24; text-align: center;margin:0;border-radius: 4px;transition: border-color 0.3s ease;}
#left_cont .left_top ul li + li {margin-left: 2px;}
#left_cont .left_top ul li:hover {border-color: #ecba32;}
#left_cont .left_top ul li a {display: block; line-height:40px;}
#left_cont .left_top ul li a img {display: inline-block; vertical-align: middle;margin: -3px 5px 0 0}
#left_cont .left_q_btns {padding-top:4px; }
#left_cont .left_q_btns ul {display: flex;flex-wrap: wrap;margin:0 -2px;}
#left_cont .left_q_btns ul li {width:calc(33.3333% - 4px);margin:2px;background:#f6c132;border-radius: 4px;transition: background-color 0.3s ease;}
#left_cont .left_q_btns ul li:hover {background:#00d8ff}
#left_cont .left_q_btns ul li a {display: block;line-height: 40px; text-align:center;color: #000;font-weight: 600;}
#left_cont .left_search {margin:2px 0 5px;border-radius: 4px; overflow: hidden;}
#left_cont .left_search .search_wrap {position: relative;padding-right:45px;height: 45px;background:#181a24;}
#left_cont .left_search .search_wrap input[type=text] {width: 100%; height: 45px;padding: 10px; font-size: 15px; color:#fff; background:none;border: none;}
#left_cont .left_search .search_wrap button {position: absolute; right: 0; top: 0; display: block;  text-indent: -9999px; width: 45px;height: 100%;background:url("/assets/images/common/icon_search.svg") no-repeat center center;background-size: 14px auto;}

@media screen and (max-width:1410px){
  #container #left_cont {position: absolute;left: 5px;}
}

/* Pre Match */
.left_match_list {}
.list_type_match h2 {font-size: 16px; color: #fff; font-weight: 600;line-height: 40px;border:1px solid #4f556f;border-radius: 4px;padding: 0 20px;
background: #24242f; /* Old browsers */
background: -moz-linear-gradient(top,  #24242f 0%, #1b1a22 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #24242f 0%,#1b1a22 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #24242f 0%,#1b1a22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24242f', endColorstr='#1b1a22',GradientType=0 ); /* IE6-9 */
}
.list_type_match h2 * {display: inline-block;vertical-align: middle; }
.list_type_match h2 img {width: 16px; height: 16px; margin-right: 10px;}
.list_type_match .list_acdn {}
.list_type_match .list_acdn > ul {}
.list_type_match .list_acdn > ul > li {margin:2px 0;}
.list_type_match .list_acdn > ul > li > a {position: relative;display: block; background:#343848;border: 1px solid #343848; border-top-color:#5f657e; border-radius: 4px;padding: 0 20px;line-height: 40px;color: #fff;font-size: 15px; font-weight: 500;}
.list_type_match .list_acdn > ul > li > a.active {border-color:  #f6c132;}
.list_type_match .list_acdn > ul > li > a:hover {background:#2e3243;}
.list_type_match .list_acdn > ul > li > a span.icon_cir {display: inline-block; vertical-align: middle; width: 24px; height: 24px; border-radius: 50%;margin-right: 10px;overflow: hidden;}
.list_type_match .list_acdn > ul > li > a span.icon_cir img {display: block;}
.list_type_match .list_acdn > ul > li > a em {position: absolute; right: 20px; top:50%; transform: translateY(-50%);font-size: 13px;}
.list_type_match .list_acdn > ul > li > .list_sub > ul > li {margin:2px 0;}
.list_type_match .list_acdn > ul > li > .list_sub > ul > li > a {position: relative;display: block; background:#40455c;line-height:40px; color: #fff;border-radius: 4px;padding: 0 20px 0 45px;font-weight: 500; }
.list_type_match .list_acdn > ul > li > .list_sub > ul > li > a:hover {background:#393e53;}
.list_type_match .list_acdn > ul > li > .list_sub > ul > li > a:before {content: ""; display: block; position: absolute; left:30px; width: 1px; height: 100%;background:#222;}
.list_type_match .list_acdn > ul > li > .list_sub > ul > li > a:after {content: ""; display: block; position: absolute; left: 30px; top:50%; transform: translateY(-50%);border-left: 6px solid #222;border-top:6px solid transparent;border-bottom:6px solid transparent;}
.list_type_match .list_acdn > ul > li > .list_sub > ul > li > a span.icon_flag {display: inline-block; vertical-align: middle; width:20px; height:12px; border-radius:2px;margin-right: 10px;overflow: hidden;}
.list_type_match .list_acdn > ul > li > .list_sub > ul > li > a span.icon_flag img {display: block;}
.list_type_match .list_acdn > ul > li > .list_sub > ul > li em.amt {display: inline-block;position: absolute; right: 20px; top:50%; transform: translateY(-50%);font-size:11px;line-height: 20px;width:40px;text-align: center;border-radius: 4px;background:#292d3c;}
.list_type_match .list_acdn > ul > li > .list_sub > ul > li ul li {margin:2px 0;}
.list_type_match .list_acdn > ul > li > .list_sub > ul > li ul li a {position: relative;display: block; background:#616575; color:#fff; font-weight: 500;line-height: 38px;border-radius: 4px; padding: 0 20px 0 30px;}
.list_type_match .list_acdn > ul > li > .list_sub > ul > li ul li a:hover {background:#565a69;}
.list_type_match .list_acdn > ul > li > .list_sub > ul > li ul li a span.icon_arr {display: inline-block; vertical-align: middle; width:14px; height:14px; margin-right: 5px;margin-top: -3px;}
.list_type_match .list_acdn > ul > li > .list_sub > ul > li ul li a span.icon_arr img {display: block;}


/* Popular Game */
.left_ppl_game {margin-top: 4px;}
.list_type_game {background:#2d3140; border-radius: 4px;}
.list_type_game h2 {font-size: 16px; font-weight: 500; color: #fff;padding: 0 20px;line-height:34px;}
.list_type_game h2 * {display: inline-block; vertical-align: middle;}
.list_type_game h2 > img {width: 16px; height: 16px;margin-right: 10px;}
.list_type_game > ul {padding: 5px;}
.list_type_game > ul > li {margin:1px 0;background:#161820;border-radius: 4px;}
.list_type_game > ul > li > a {display: block; padding:10px  20px;}
.list_type_game > ul > li > a * {display: inline-block; vertical-align: middle;}
.list_type_game > ul > li > a:hover {background:#101117;}
.list_type_game > ul > li > a em.gm_time {color: #fff;font-size: 13px;margin-right: 15px;}
.list_type_game > ul > li > a span.gm_icon {width: 24px; height: 24px;margin-right: 15px;}
.list_type_game > ul > li > a  p {}
.list_type_game > ul > li > a p > span {display: block;color: #f6c132;}

/* Popular League */
.left_ppl_league {margin-top: 4px;}
.list_type_league {background:#2d3140; border-radius: 4px;}
.list_type_league h2 {font-size: 16px; font-weight: 500; color: #fff;padding: 0 20px;line-height: 34px;}
.list_type_league h2 * {display: inline-block; vertical-align: middle;}
.list_type_league h2 > img {width: 16px; height: 16px;margin-right: 10px;}
.list_type_league > ul {padding: 5px;}
.list_type_league > ul > li {margin:1px 0;background:#161820;border-radius: 4px;}
.list_type_league > ul > li > a {display: block; padding:10px  20px;}
.list_type_league > ul > li > a * {display: inline-block; vertical-align: middle;}
.list_type_league > ul > li > a:hover {background:#101117}
.list_type_league > ul > li > a span.lg_name {font-size: 13px;color: #f6c132;}
span.icon_flag {display: inline-block; vertical-align: middle;width: 20px;height:14px;border-radius: 2px;overflow: hidden;margin-right:5px;}
span.icon_flag img {display: block !important;}
span.gm_icon {display: inline-block; vertical-align: middle;width: 24px; height: 24px;margin-right: 15px;}
span.gm_icon img {display: block;}

/* Right Side */
#container #right_cont {position: fixed; right: calc(50% - 700px); top:110px;width: 280px;height: calc(100vh - 115px); padding-left: 5px; padding-bottom:10px; z-index: 1; overflow:hidden; overflow-y: auto;}

/* Member Info */
.right_top {}
.mbr_wrap {border-radius: 4px;border:1px solid #4f556f;overflow: hidden;}
.mbr_wrap .mbr_info {position: relative;background: #2d3140; padding:15px 20px 15px 95px;}
.mbr_wrap .mbr_info span.mbr_level {position: absolute; left: 20px; top: 18px; display: block; width:60px;height:58px; background:url("/assets/images/common/bg_level.png") no-repeat center center; text-align: center;font-size: 26px; font-weight: 600; color: #fbcb30;padding-top:15px;background-size: cover;}
.mbr_wrap .mbr_info .mbr_name {font-size: 15px; color: #afb7d4;margin-bottom: 5px;}
.mbr_wrap .mbr_info .mbr_name .icon_mbr {border-radius: 50%;display: inline-block; vertical-align: middle; width:26px; height: 26px;margin-right: 10px;overflow: hidden;}
.mbr_wrap .mbr_info .mbr_name strong {font-weight: 500; color:#fbcb30;}
.mbr_wrap .mbr_info .mbr_hold {font-size: 0;}
.mbr_wrap .mbr_info .mbr_hold dt {display: inline-block; vertical-align: middle;font-size: 12px;width:50%;color: #fff;}
.mbr_wrap .mbr_info .mbr_hold dt span.icon_dt {display: inline-block; vertical-align: middle; width: 14px; height: 14px;margin-right: 5px;}
.mbr_wrap .mbr_info .mbr_hold dt a.btn_tsf {display: inline-block; vertical-align: middle; margin-left: 10px; width: 12px; height: 12px;}
.mbr_wrap .mbr_info .mbr_hold dd {display: inline-block; vertical-align: middle;font-size: 12px;width:50%;text-align: right;}
.mbr_wrap .mbr_info .mbr_hold dd strong {display: inline-block; vertical-align: middle; margin-right: 2px; font-size: 13px; font-weight: 500; color: #d9fe0f;}
.mbr_wrap .dnw_btns {display: flex;justify-content: space-between;padding: 0;border-top: 1px solid #3b3f53;}
.mbr_wrap .dnw_btns li {width: 25%; margin: 0;}
.mbr_wrap .dnw_btns li a {font-size:14px;text-align: center;line-height:40px;background:#232633;}
.mbr_wrap .dnw_btns li a:hover {background:#1e212c;}
.mbr_wrap .dnw_btns li + li a {border-left: 1px solid #3b3f53;}
.mbr_wrap .dnw_btns li a img {display: inline-block; vertical-align: middle;margin-top: -2px;}

@media screen and (max-width:1410px){
  #container #right_cont {position: absolute;right: auto;left:1118px;top:0}
}


/* Betting Cart */
.left_bet_cart {margin-top: 4px;}
.left_bet_cart .bet_cart {background:#2d3140;border-radius: 4px;border:1px solid #4f556f;}
.left_bet_cart .bet_cart h2 {position:relative;font-size: 16px;font-weight: 500;color: #fff;padding: 0 20px;line-height:34px;}
.left_bet_cart .bet_cart h2 * {display: inline-block;vertical-align: middle;}
.left_bet_cart .bet_cart h2 > img {width:16px;height: 16px;margin-right: 5px;}
.left_bet_cart .bet_cart h2 a.btn_del_all {position: absolute; right: 20px; top:0;color: #ff7e0b; font-size: 13px;}
.left_bet_cart .bet_cart h2 a.btn_del_all img {width: 14px; height: 14px;margin-right: 5px;margin-top: -2px;}
.left_bet_cart .bet_cont {padding: 2px;}
.left_bet_cart .bet_cont .bet_box {background:#363b4b;border-radius: 4px;}
.left_bet_cart .bet_cont .bet_box p.empty {font-size: 13px; color: #ddd;text-align: center;padding: 15px 5px;}
.left_bet_cart .bet_cont .bet_box p.empty > img {display: inline-block;vertical-align: middle;width: 15px; height: 15px; margin-right: 5px}

.left_bet_form {margin-top: 4px;}
.left_bet_form .bet_input {border-radius: 4px;padding:10px 20px;border:1px solid #4f556f;overflow: hidden;
background: #24242f; /* Old browsers */
background: -moz-linear-gradient(top,  #24242f 0%, #1a1a22 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #24242f 0%,#1a1a22 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #24242f 0%,#1a1a22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24242f', endColorstr='#1a1a22',GradientType=0 ); /* IE6-9 */
}
.left_bet_form .bet_input h3 {float: left; font-size: 15px; color:#f6c132; font-weight:500;margin-top: 2px;}
.left_bet_form .bet_input button {display: inline-block;vertical-align: middle;width:12px; height: 12px;margin:2px 10px 0;}
.left_bet_form .bet_input .input_box {float: right;font-size: 13px;}
.left_bet_form .bet_input .input_box input[type=text] {display: inline-block; vertical-align: middle; width: 150px;margin-right: 5px;text-align: right;background:#3e4356;border:none;border-bottom:1px solid #f6c132;color: #fff;font-size: 14px; font-weight:500;padding:2px 10px;border-radius: 2px;}

.bet_btns {display: flex;justify-content: space-between;border-radius: 5px;margin-top: 4px; overflow: hidden;
background: #3b4f83; /* Old browsers */
background: -moz-linear-gradient(top,  #3b4f83 0%, #304267 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3b4f83 0%,#304267 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3b4f83 0%,#304267 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b4f83', endColorstr='#304267',GradientType=0 ); /* IE6-9 */
}
.bet_btns button {flex: 1 0 0; text-align: center;height: 36px;border-left: 1px solid #29324c;font-size: 13px;color:#fff;}
.bet_btns button:hover {
background: #374979; /* Old browsers */
background: -moz-linear-gradient(top,  #374979 0%, #2b3b5c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #374979 0%,#2b3b5c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #374979 0%,#2b3b5c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#374979', endColorstr='#2b3b5c',GradientType=0 ); /* IE6-9 */
}

.left_bet_list {margin-top: 4px;}
.bet_list {}
.bet_list ul {font-size: 0;}
.bet_list ul li {background:#343848; border-radius: 4px; border-top:1px solid #5f657e;line-height:30px;margin:2px 0;padding: 0 15px;}
.bet_list ul li strong {display: inline-block; vertical-align: middle;color:#fff;font-weight: 400;width:48%;font-size: 14px;}
.bet_list ul li strong.yellow {color:#f6c132;}
.bet_list ul li p {display: inline-block; vertical-align: middle;color:#eee;font-size: 13px;text-align: right;width:50%}
.bet_list ul li p em {display: inline-block;margin-right: 2px; color:#f6c132;font-size:14px;}

.bet_ctrl_btns {display: flex;justify-content: space-between;margin:4px -1px 0;}
.bet_ctrl_btns button {flex:1 0 0;margin:0 1px;border-radius: 4px;border-top:1px solid rgba(255,255,255,0.3);font-size: 16px; font-weight:500;text-align: center;height: 45px;color: #fff;}
.bet_ctrl_btns button.orange {
background: #f36111; /* Old browsers */
background: -moz-linear-gradient(top,  #f36111 0%, #de5509 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f36111 0%,#de5509 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f36111 0%,#de5509 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f36111', endColorstr='#de5509',GradientType=0 ); /* IE6-9 */
}
.bet_ctrl_btns button.blue {
background: #1787f0; /* Old browsers */
background: -moz-linear-gradient(top,  #1787f0 0%, #1275d2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1787f0 0%,#1275d2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1787f0 0%,#1275d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1787f0', endColorstr='#1275d2',GradientType=0 ); /* IE6-9 */
}
.bet_ctrl_btns button img {display: inline-block;vertical-align: middle;width:18px;height: 18px;margin-right:8px;}

/* Banners */
.banners {margin-top: 4px;}
.banners > div {border-radius: 4px;height:70px;padding: 0 20px; margin:2px 0;color: #000;}
.banners > div > a {position: relative;height: 100%; padding-left: 50px;display: flex;align-items: center;}
.banners > div span.icon {display: inline-block; width:34px; height: 32px;position: absolute; left:0;top:50%;transform: translateY(-50%);}
.banners > div .ban_cont {font-size: 12px;color:#000;}
.banners > div .ban_cont strong {display: block; font-size: 15px; line-height:16px; font-weight: 600; color: #000;}
.banners > div .ban_cont em {display: block;color:#000; font-weight: 600;line-height:14px;}
.banners > div .ban_cont p {font-size: 13px; color:#000;}
.banners .ban_kakao {background: #ffe227;}
.banners .ban_telegram {background: #22beff;}


/*-----------------------------------------------------------------------------
 *  Footer
 *----------------------------------------------------------------------------*/

#footer {text-align: center;margin-top:4px;padding-bottom:10px;}
.footer_inner {padding:20px;background:#2d3140;border-radius: 4px;overflow: hidden;}
.footer_ban{margin: 20px 0;}
.footer_ban > p {margin: 20px 0;}
.copyright {font-size:13px; color: #9094a8;line-height: 1.6;}


/********************************************************
 
 *  Main
 
 ********************************************************/

#container #main {padding:0 5px;}

/*-----------------------------------------------------------------------------
 *  Visual
 *----------------------------------------------------------------------------*/

.visual {border-radius: 4px; overflow: hidden;}
.visual .visual_wrap {position: relative;height:340px;}
.visual .visual_wrap .visual_slogan {position: absolute;left:50px; top: 50%; transform: translateY(-50%);}


/*-----------------------------------------------------------------------------
 *  Quick Buttons
 *----------------------------------------------------------------------------*/

.qk_btns {margin-top: 4px;}
.qk_btns ul {display: flex;justify-content: space-between;margin:0 -2px; overflow: hidden;}
.qk_btns ul li {flex: 1 0 0; margin:0 2px;height:200px;}
.qk_btns ul li a {position: relative;display: block; height: 100%;border:1px solid #4f556f; border-radius: 4px;padding:20px 20px 0;
background: #1c2030; /* Old browsers */
background: -moz-linear-gradient(top,  #1c2030 0%, #0a0c12 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1c2030 0%,#0a0c12 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1c2030 0%,#0a0c12 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c2030', endColorstr='#0a0c12',GradientType=0 ); /* IE6-9 */
}
.qk_btns ul li:hover a {border-color:#f6c132}
.qk_btns ul li a strong {font-size: 20px; color:#f6c132; font-weight: 500;}
.qk_btns ul li a em {display: block;font-size: 16px; color: #fff; font-weight: 400;}
.qk_btns ul li a span.btn_view {position: absolute; left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);opacity: 0; z-index:5; transition: 0.3s ease}
.qk_btns ul li:hover a span.btn_view {opacity: 1;}
.qk_btns ul li a span.btn_view i {position: absolute; left: 50%; top:50%;display: block;width:50px; height: 50px; border-radius: 50%; border:1px solid #666; text-indent: -9999px; transform: translate(-50%,-50%);background:rgba(0,0,0,0.7) url("/assets/images/common/icon_arrow.svg") no-repeat center center;background-size: 30px auto;}
.qk_btns ul li a span.qk_img {position: absolute; left:0;bottom: 0;}
.qk_btns ul li a span.qk_img img {display: block;}


/*-----------------------------------------------------------------------------
 *  Boards
 *----------------------------------------------------------------------------*/

.rct_brds {display: flex; justify-content: space-between;margin:4px -2px 0;background:#181a24;}
.rct_brds .rct_brd {flex:1 0 0;margin:0 2px;border:1px solid #5f657e;border-radius: 4px; overflow: hidden;}
.rct_brds .rct_brd h2 {position: relative;font-size: 15px;color: #fff; font-weight: 500;line-height: 40px;padding: 0 15px;
background: #22242b; /* Old browsers */
background: -moz-linear-gradient(top,  #22242b 0%, #121316 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #22242b 0%,#121316 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #22242b 0%,#121316 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22242b', endColorstr='#121316',GradientType=0 ); /* IE6-9 */
}
.rct_brds .rct_brd h2 a {position: absolute; right: 15px;top:0;font-size: 13px;color:#fff;display: inline-block; padding-right:20px;background:url("/assets/images/common/icon_more.svg") no-repeat right center;background-size: 12px auto;font-weight: 300;}
.rct_brds .rct_brd ul {padding:5px 0;}
.rct_brds .rct_brd .event ul {padding:5px 4px;}
.rct_brds .rct_brd .event ul li {margin:1px 0;}
.rct_brds .rct_brd ul li a {display: block; padding:5px 15px;font-size: 13px; color:#ccc;}
.rct_brds .rct_brd .event ul li a {background:#373a4b;}
.rct_brds .rct_brd ul li a:hover {color: #fff;}
.rct_brds .rct_brd ul li a:before {content: ""; display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 50%; background:#f6c132;margin-right: 8px; margin-top: -2px;}
.rct_brds .rct_brd .event ul li a span.cate_name {display: inline-block; vertical-align: middle; margin-right: 5px; font-size: 12px; font-weight:400; color:#f6c132; }


/********************************************************
 
 *  Sub
 
 ********************************************************/


/*-----------------------------------------------------------------------------
 *  Sub Content
 *----------------------------------------------------------------------------*/

.cont_box {background:#2d3140;border-radius: 4px;}

/********************************************************
 
 *  Title Set
 
 ********************************************************/

.pg_tit {font-size: 16px; color:#fff; font-weight: 600;padding: 10px;}


/********************************************************
 
 *  Table Set
 
 ********************************************************/

.tb_type1 {border-spacing:1px;border-collapse: separate;}
.tb_type1 thead {}
.tb_type1 tr {}
.tb_type1 tr th {padding: 10px;background:#232633;border-radius: 4px;border-top:1px solid #49506b;color:#ccc; font-weight: 500;}
.tb_type1 tr td {padding: 10px;background:#363b4d;border-radius: 4px;font-size: 14px;}

td.center {text-align: center;}
td.right {text-align: right;}

/* 20221014 추가 */
.tb_type2 {border-top:1px solid #49506b;border-spacing:1px;border-collapse: separate;}
.tb_type2 tr {}
.tb_type2 tr th {padding: 10px 15px;border-radius: 4px;background:#363b4d;color:#ccc; font-weight: 500;text-align: left;}
.tb_type2 tr td {padding: 10px 15px;border-radius: 4px;background:#363b4d;font-size: 14px;}
/**/

.amount_btnss {display: flex;justify-content: space-between;}
.amount_btnss a {display: inline-block;height: 26px;line-height: 25px;font-size: 12px;text-align: center;padding: 0 10px;border: 1px solid #6b7494; color:#fff;}
.amount_btnss a:hover {color:#fff; border-color: #6b7494;}


/********************************************************
 
 *  Paging
 
 ********************************************************/

.paging {text-align: center;background:#343848;border-radius: 4px;padding:20px 0}
.paging > div,
.paging > ol,
.paging > ol li {display: inline-block;height: 100%;vertical-align: middle;margin:0 1px;}
.paging > ol {margin:0 2px;}
.paging > div > a,
.paging > ol li > a {border: 1px solid #888;border-radius:2px; width:26px;height:26px;box-sizing: border-box;}
.paging > div > a {display:inline-block;text-indent:-9999px;vertical-align: middle;width:18px;}
.paging > ol li > a {display:block;font-size:11px;line-height: 26px; color:#ccc;}
.paging > ol li > a:hover,
.paging > div > a:hover {border-color:#fff;}
.paging > ol li.current > a {background:#fff;color:#000;font-weight: 700;border-color:#fff;cursor: default;}
.paging .btn_first {background: url("/assets/images/common/icon_arr_first.svg") no-repeat center center;border: none;background-size: auto 10px;}
.paging .btn_prev {background: url("/assets/images/common/icon_arr_prev.svg") no-repeat center center;border: none;background-size: auto 10px;}
.paging .btn_next {background: url("/assets/images/common/icon_arr_next.svg") no-repeat center center;border: none;background-size: auto 10px;}
.paging .btn_last {background: url("/assets/images/common/icon_arr_last.svg") no-repeat center center;border: none;background-size: auto 10px;}


/********************************************************
 
 *  Button Set
 
 ********************************************************/

.btn_set {padding:15px;background:#343848;border-radius: 4px;text-align: right;margin: 5px 0;}
.btn_set > a {display: inline-block; vertical-align: middle; padding: 0 15px; line-height: 30px; text-align: center; border:1px solid #adb0be;border-radius: 4px; color: #adb0be;font-weight: 500;}
.btn_set > a:hover {border-color: #fff; color: #fff;}
.btn_set > a.yellow {background:#f6c132; color:#000;border-color: #f6c132;}



/********************************************************
 
 *  Tabs
 
 ********************************************************/

.sub_tabs {}
.sub_tabs .tabs_head {display: flex; flex-direction: row;justify-content: space-between;border-bottom: 1px solid #3d4254;border-top: 1px solid #3d4254;}
.sub_tabs .tabs_head > div {width: 100%;}
.sub_tabs .tabs_head > div + div {border-left: 1px solid #3d4254;}
.sub_tabs .tabs_head > div.tab {position: relative;text-align: center;padding:10px;font-size: 15px; font-weight: 500;}
.sub_tabs .tabs_head > div.tab:after {content: ""; display: block; position: absolute; left: 50%;transform: translateX(-50%);bottom: 0; width: 0; height: 2px; background:#f6c132;text-align: center;transition: width 0.1s ease;}
.sub_tabs .tabs_head > div.tabs_head_active {color:#fff;background:#282b38;}
.sub_tabs .tabs_head > div.tabs_head_active:after {width: 100%;}
.sub_tabs .tabs_content {padding:10px 5px;}
.sub_tabs .tabs_content .tabs_item {}
.sub_tabs .tabs_content .tabs_content_active {}


/********************************************************
 
 *  Accordian
 
 ********************************************************/

.acdn_dep1,
.acdn_dep2 {display: none;}


/********************************************************
 
 *  Login
 
 ********************************************************/

.login_wrap {position: fixed; width: 100%; height:100vh;background:url("/assets/images/login/bg1.jpg") no-repeat center center;background-size: cover;}
.login_wrap > div > div {position:absolute;width: 360px; top:50%;left: 50%; transform:translate(-50%,-50%);border:1px solid rgba(246,193,50,0.5);border-radius: 10px;padding: 50px;background:rgba(0,0,0,0.5);box-shadow: 0 0 30px rgba(0,0,0,0.2);}
.login_cont {}
.login_cont h2 {margin-bottom:20px;text-align: center;}
.login_cont h2 span {display:block;color:#0bc2f7;}
/*20201224 수정*/
.login_cont input[type=text],
.login_cont input[type=password] {width:100%;height:48px;line-height: 48px;border: none; outline:none;padding:0 20px 0 35px;font-size:16px;font-weight: 600; color:#000;border-radius:4px;margin-bottom:10px;transition: border 0.3s ease;}
/**/
.login_cont input::-webkit-input-placeholder {font-size:14px;color:#888;}
.login_cont input::-moz-placeholder {font-size:14px;color:#888;}
.login_cont input::-ms-input-placeholder {font-size:14px;color:#888;}
.login_cont input::placeholder {font-size:14px;color:#888;}

.login_id input {background:rgba(255,255,255,0.9) url("/assets/images/login/icon_id.png") no-repeat 15px center;background-size: 14px auto;}
.login_pswd input {background:rgba(255,255,255,0.9) url("/assets/images/login/icon_pswd.png") no-repeat 15px center;background-size: 12px auto;}
.login_cont input:focus {background-color:#fff;}
.login_cont button {width:100%;height:50px;border-radius:4px;font-size:18px;color:#000;background:#f6c132;outline:none;font-weight:600;margin-top:5px;}
.login_cont button:hover {background:#e4af1f;}
.login_auto_save {margin:5px 0 20px;text-align: left;}
.join_box {float: right;margin-top: 3px;}
.join_box a {display: block; line-height: 26px; padding: 0 15px; border:1px solid #bbb; border-radius: 4px; font-size: 14px; color:#bbb;font-weight: 500;}
.join_box a:hover {border-color:#fff;color:#fff;}


.table_wrap {height:100%;}
.table_wrap table {background:#f0f0f0;text-align:center;border:1px solid #000;height:100%;}
.table_wrap table th, 
.table_wrap table td {width:5.88%;font-weight:500;font-size:11px;border:1px solid #69625c;}
.table_wrap table th {color:#bcb2ab;background:#232633;border-top:none;font-size:11px;}
.table_wrap table th:first-child {border-left:none;}
.table_wrap table th:last-child {border-right:none;}
.table_wrap table td {color:#000;font-weight:bold;font-size:11px;}
.table_wrap table td:first-child {color:#bcb2ab;background:#232633;font-weight:400;border-left:none;}
.table_wrap table td:last-child {border-right:none;}
.table_wrap table td.numb {color:#fff;background:#232633;font-weight:400;}
.table_wrap table td.numb_blue {color:#0000ff;}
.table_wrap table td.numb_red {color:#ff0000;}
.table_wrap table tr:last-child td {border-bottom:none;}


.table_wrapc {height:100%;}
.table_wrapc table {background:#f0f0f0;text-align:center;border:1px solid #000;height:100%;}
.table_wrapc table th, 
.table_wrapc table td {width:5.2%;font-weight:500;font-size:11px;border:1px solid #69625c;}
.table_wrapc table th {color:#bcb2ab;background:#4a4643;border-top:none;font-size:11px;}
.table_wrapc table th:first-child {border-left:none;}
.table_wrapc table th:last-child {border-right:none;}
.table_wrapc table td {color:#000;font-weight:bold;font-size:11px;}
.table_wrapc table td:first-child {color:#bcb2ab;background:#4a4643;font-weight:400;border-left:none;}
.table_wrapc table td:last-child {border-right:none;}
.table_wrapc table td.numb {color:#fff;background:#4a4643;font-weight:400;}
.table_wrapc table td.numb_yellow {color:#ffc106;}
.table_wrapc table td.numb_blue {color:#0000ff;}
.table_wrapc table td.numb_red {color:#ff0000;}
.table_wrapc table tr:last-child td {border-bottom:none;}

.betting_info {height:342px;border:1px solid #a79686;background:#e8ded5;box-sizing:border-box;}
.betting_info ul {display:table;width:100%;height:32px;background:#b9b6b3;font-size:0;line-height:0;}
.betting_info ul li {display:table-cell;width:auto;font-size:12px;color:#000;font-weight:500;line-height:39px;text-align:center;border-right:1px solid #a79686;box-sizing:border-box;}
.betting_info ul li:last-child {border-right:none;}

.betting_info {height:342px;border:1px solid #a79686;background:#e8ded5;box-sizing:border-box;}
.betting_info ul li {float:left;width:10%;font-weight:bold;color:#555555;font-size:12px;line-height:35px;text-align:center;border-right:1px solid #445a85;border-top:1px solid #3f547d;box-sizing:border-box;}
.betting_info ul li:last-child {border-right:none;}
.betting_info ul li:nth-child(4),.betting_info ul li:nth-child(5),.betting_info ul li:nth-child(6) {width:6%;}
.betting_info ul li:nth-child(7),.betting_info ul li:nth-child(8),.betting_info ul li:nth-child(9) {width:14%;}

.btnsmall {background:#e13922;color:#fff;width:35px;height:20px;font-size:10px;border:0px;border-radius:2px;}
.btnmid_y {background:#ffcc00;color:#000;width:80px;height:32px;font-size:12px;border:0px;border-radius:3px;}
.btnmid_r {background:#e13922;color:#fff;width:80px;height:32px;font-size:12px;border:0px;border-radius:3px;}
.btnmid_g {background:#0033ff;color:#fff;width:80px;height:32px;font-size:12px;border:0px;border-radius:3px;}
.btnmid_s {background:#00c9d0;color:#fff;width:80px;height:30px;font-size:14px;font-weight:bold;border:0px;border-radius:3px;cursor:pointer;}
.btnmid_b {background:#9f948f;color:#fff;width:80px;height:30px;font-size:14px;font-weight:bold;border:0px;border-radius:3px;cursor:pointer;}

.btnmid_no {background:#555555;color:#fff;width:28px;height:27px;font-size:14px;cursor:pointer;font-weight:bold;border:0px;border-radius:3px;}
.btnmid_s1 {background:#669900;color:#fff;width:28px;height:27px;font-size:14px;cursor:pointer;font-weight:bold;border:0px;border-radius:3px;}
.btnmid_s2 {background:#9966ff;color:#fff;width:28px;height:27px;font-size:14px;cursor:pointer;font-weight:bold;border:0px;border-radius:3px;}
.btnmid_s3 {background:#cc9900;color:#fff;width:28px;height:27px;font-size:14px;cursor:pointer;font-weight:bold;border:0px;border-radius:3px;}
.btnmid_disabled {background:#aaa;color:#fff;width:28px;height:27px;font-size:14px;cursor:pointer;font-weight:bold;border:0px;border-radius:3px;}
.btnmid_cancel {background:#aaa;color:#fff;width:28px;height:27px;font-size:14px;cursor:pointer;font-weight:bold;border:0px;border-radius:3px;}
.btnmid_s .sel01 {background-color:#669900;}

.btnsmall_1 {background:#cc99ff;color:#000;width:41px;height:23px;font-size:12px;font-weight:bold;border:0px;border-radius:3px;}
.btnsmall_2 {background:#9999ff;color:#000;width:41px;height:23px;font-size:12px;font-weight:bold;border:0px;border-radius:3px;}
.btnsmall_3 {background:#99ffcc;color:#000;width:41px;height:23px;font-size:12px;font-weight:bold;border:0px;border-radius:3px;}

.icon_buy { background:url(/assets/images/buy_icon.png) no-repeat 21px center; }
.icon_money { background:url(/assets/images/money_icon3.png) no-repeat 21px center; }
.icon_amount { background:url(/assets/images/amount_icon.png) no-repeat 21px center; }
.icon_refresh { background:url(/assets/images/refresh.png) no-repeat 21px center; }
.icon_area { background:url(/assets/images/area_icon.png) no-repeat 21px center; }
.icon_time { background:url(/assets/images/time_icon.png) no-repeat 21px center; }

.btnmid_buy {background:#ab1814;color:#fff;width:80px;height:32px;font-size:12px;border:0px;border-radius:3px;}
.btnmid_refresh {background:#999900;color:#fff;width:80px;height:32px;font-size:12px;border:0px;border-radius:3px;}


.betting_info {height:342px;border:1px solid #a79686;background:#e8ded5;box-sizing:border-box;}
.betting_info ul {display:table;width:100%;height:32px;background:#b9b6b3;font-size:0;line-height:0;}
.betting_info ul li {display:table-cell;width:auto;font-size:12px;color:#000;font-weight:500;line-height:39px;text-align:center;border-right:1px solid #a79686;box-sizing:border-box;}
.betting_info ul li:last-child {border-right:none;}

.betting_info {height:342px;border:1px solid #a79686;background:#e8ded5;box-sizing:border-box;}
.betting_info ul li {float:left;width:10%;font-weight:bold;color:#555555;font-size:12px;line-height:35px;text-align:center;border-right:1px solid #445a85;border-top:1px solid #3f547d;box-sizing:border-box;}
.betting_info ul li:last-child {border-right:none;}
.betting_info ul li:nth-child(4),.betting_info ul li:nth-child(5),.betting_info ul li:nth-child(6) {width:6%;}
.betting_info ul li:nth-child(7),.betting_info ul li:nth-child(8),.betting_info ul li:nth-child(9) {width:14%;}

.data_table2_1 {position:relative; text-align:center;z-index:1000;}
.data_table2_1 h2 {position:absolute; left:0px;  text-align:center; width:100%; height:112px; background:#111; color:#fff; line-height:120px; font-size:20px;}

/********************************************************
 
 *  Button Set
 
 ********************************************************/

.btn_set {padding:15px;background:#343848;border-radius: 4px;text-align: right;margin: 5px 0;}
.btn_set > a {display: inline-block; vertical-align: middle; padding: 0 15px; line-height: 30px; text-align: center; border:1px solid #adb0be;border-radius: 4px; color: #adb0be;font-weight: 500;}
.btn_set > a:hover {border-color: #fff; color: #fff;}
.btn_set > a.yellow {background:#f6c132; color:#000;border-color: #f6c132;}

.btn_set1 {border-radius: 4px;text-align: right;margin: 5px 0;}
.btn_set1 > a {display: inline-block; vertical-align: middle; padding: 0 15px; line-height: 30px; text-align: center; border:1px solid #adb0be;border-radius: 4px; color: #adb0be;font-weight: 500;}
.btn_set1 > a:hover {border-color: #fff; color: #fff;}
.btn_set1 > a.yellow {background:#f6c132; color:#000;border-color: #f6c132;}


/* Modal Window */
.modalMask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); z-index: 102; visibility: hidden; opacity: 0; transition: 0.5s; }
.modalWrap {left: 0;top: 0;width: 100%;height: 100%;position: absolute;display: flex;align-items: center;justify-content: center;pointer-events: none;}
.modalCtnr { position: fixed; top: 50%; left: 50%;display: flex;justify-content: space-between;align-items: stretch;flex-direction: column;border: 0.125em solid transparent;width:100%;height:auto;border-radius: 10px;pointer-events: all;max-height:none;max-width:1000px;border-color: transparent;box-shadow: 0 0.4em 0.4em -0.2em rgba(0, 0, 0, 0.2), 0 0.5em 0.7em 0.1em rgba(0, 0, 0, 0.14), 0 0.2em 0.9em 0.2em rgba(0, 0, 0, 0.12);transform: translate(-50%, -50%) scale(1.2,1.2); z-index: 2000; visibility: hidden; opacity: 0; transition: opacity 0.2s ease-out;overflow:hidden;overflow-y:auto;}
.active { visibility: visible; opacity: 1; transition: opacity .2s; }
.active + .modalWrap .modalCtnr { visibility: visible; opacity: 1; transform: translate(-50%, -50%) scale(1,1); }
.modalHead {position: relative;width: 100%;height:25px;display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;}
.modal_head {position: fixed;width: 100%;z-index: 5}
.modalHead h2 {padding-left: 1em;padding-right: 1em;white-space: nowrap;overflow: hidden;flex-grow: 1;font-size: 120%;text-overflow: ellipsis;}
.btnArea {flex-shrink: 0;flex-grow: 0;width: 2em;height: 2em;box-sizing: border-box;position: relative;justify-content: center;left: 0;top: 0;display: flex;align-items: center;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;margin-left: 0.6em;margin-right: 0.6em;vertical-align: middle;}
.btnArea a.content-button-close {font-size: 2em;background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxkZWZzPjxzeW1ib2wgaWQ9ImEiIGRhdGEtbmFtZT0iY2xvc2VfaWNvbiIgdmlld0JveD0iMCAwIDE1LjQxIDE1LjQxIj48cGF0aCBkYXRhLW5hbWU9ImNsb3NlIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS40MSAxLjQxTDE0IDAgNy43MSA2LjI5IDEuNDEgMCAwIDEuNDEgNi4yOSA3LjcxIDAgMTQgMS40MSAxNS40MSA3LjcxIDkuMTIgMTQgMTUuNDEgMTUuNDEgMTQgOS4xMiA3LjcxIDE1LjQxIDEuNDF6Ii8+PC9zeW1ib2w+PC9kZWZzPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBIMzJWMzJIMHoiIGRhdGEtbmFtZT0iTGF5ZXIgMSIvPjx1c2Ugd2lkdGg9IjE1LjQxIiBoZWlnaHQ9IjE1LjQxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjI5IDguMjkpIiB4bGluazpocmVmPSIjYSIvPjwvc3ZnPg==);left: 0;top: 0;width: 100%;height: 100%;font-family: 'Icons';font-weight: normal;font-style: normal;line-height: 1;letter-spacing: normal;text-transform: none;white-space: nowrap;word-wrap: normal;direction: ltr;-webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;font-feature-settings: 'liga';position: absolute;display: flex;align-items: center;justify-content: center;background-repeat: no-repeat;background-size: contain;background-position: 50% 50%;}
.modal_close {position: absolute;right: 20px;top: 20px;display: inline-block;width: 20px;height: 20px;cursor: pointer;background: url(/assets/images/common/icon_close.svg) no-repeat center center;background-size: 18px auto;text-indent: -9999px;z-index: 1000}
.modalCont {position: relative;flex-grow: 1;height: 100%;overflow: hidden;}
.modalCont h2 {font-size: 18px;font-weight: 500;padding: 20px 30px 20px;background: #f4f3ff;color: #4f38f4;border-radius: 6px 6px 0 0;}
#modalCont {overflow: hidden;}
#modalCont h2 {position: fixed;width: 100%; font-size: 18px;font-weight: 500;padding: 20px 25px 20px;background: #f4f3ff;border-radius: 6px 6px 0 0;}
#modalCont h3 {margin-bottom: 20px;font-size: 16px;color: #000;font-weight: 500;}
#modalCont h4 {margin-bottom: 15px;font-size: 15px;color: #222;margin-top:30px;font-weight: 500;}
#modalCont .winCont {padding:25px;height: calc(100% - 65px);margin-top: 65px; overflow: hidden; overflow-y: auto;}
#modalCont .winCont h3 {margin-bottom: 20px;font-size: 16px;color: #000;font-weight: 500;}
#modalCont .winContTop {position: relative;}
#modalCont .winCont .btn_search {position: absolute;right: 20px;bottom: 15px;}
.modalCont .modal_close {position: absolute;right: 20px;top: 20px;display: inline-block;width: 20px;height: 20px;cursor: pointer;background: url(/assets/images/common/iocn_close.svg) no-repeat center center;background-size: 18px auto;text-indent: -9999px;}

.modal-right {  padding-right: 0!important; }
.fade {  -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.modal {  position: fixed;  top: 0; left: 0;  z-index: 1060; display: none;  width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0;}
.modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; }
.modal-right .modal-dialog {  margin: 0 auto;  margin-right: 0;  margin-top: 0; margin-bottom: 0; height: 100%; max-width: 330px;}
.modal-dialog-scrollable.full {   max-height: 100%!important;}
.modal.fade .modal-dialog {  -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out;  transition: transform 0.3s ease-out;  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px);}
.modal.show .modal-dialog {  -webkit-transform: none; transform: none;}
.modal-right.modal.fade .modal-dialog {   transform: translate(25%,0); }
.modal-right.modal.show .modal-dialog {   transform: translate(0,0);}
.modal-right .modal-content {  min-height: 100%;  border: initial;  border-radius: initial;  border-top-left-radius: var(--border-radius-lg); border-bottom-left-radius: var(--border-radius-lg);}
.modal-content {  position: relative; display: -webkit-box;  display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box;  border: 1px solid rgba(0,0,0,0.2);  border-radius: .3rem;  outline: 0; }
.modal-header {  display: -webkit-box;  display: -ms-flexbox;  display: flex; -ms-flex-negative: 0;  flex-shrink: 0; -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  padding: 1rem 1rem;  border-bottom: 1px solid #dee2e6;  border-top-left-radius: calc(.3rem - 1px);  border-top-right-radius: calc(.3rem - 1px); }
.modal-body {   position: relative;  -webkit-box-flex: 1;  -ms-flex: 1 1 auto;  flex: 1 1 auto;  padding: 1rem; }
.dropdown-menu {  display: none;  position: absolute;  z-index: 1000;  min-width: 10rem;  padding: .5rem 0;  margin: .125rem 0 0;  border-width: 1px;  border-style: solid; text-align: left;  list-style: none;  white-space: normal;  animation-duration: .3s;  animation-fill-mode: both;  float: left;  top: 100%;  left: 0;  border-radius: .35rem; }

.cntpopup{color: #fff; background:#2b2b2b; position: absolute; top: 150px; border: 2px solid #ccc;  border-radius: 3px;color:#fff;}
.bettingball{width:100px;}

.alarm {
    position: absolute;
    top: -3px;
    right: 10px;
    transform: translateX(100%);
    width: 20px;
    height: 20px;
    background: url(/assets/images/common/alarm.png) no-repeat center;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-weight: 500;
}