.login-userinfo .currency-info .pointcss { color: #2aa4dd; border: 1px #2aa4dd solid; }
.login-userinfo .pointcss { color: #2aa4dd; }

.bbl-wrap-vs { margin: 0 5px 0; background: #333; border: 1px #282828 solid; border-radius: 5px; position: relative; width: 100%; height: 100%; }
.bbl-wrap-vs .odds-div { display: flex; justify-content: center; align-items: center; height: 100%; text-align: center; color: #faab00; font-size: 14px; }

.top-main-menu .menu-button .alrt2 { background: #ff4e4e; color: #fff; border-radius: 50%; position: absolute; top: 7px; right: 18px; padding: 1px 8px; display: none; }
.sl-menu .sl-button .alrt2 { background: #ff4e4e; color: #fff; border-radius: 50%; position: absolute; top: -5px; right: -5px; padding: 1px 7px; display: none; }

.tui-sl .tui-button .alrt1 { background: #ff4e4e; color: #fff; border-radius: 50%; position: absolute; top: -5px; right: -5px; padding: 1px 7px; display: none; }

.rst-list .my-bbl-on { background: #28221a; color: #faa432; border: 1px #8f5e1e solid; }

.cont-button-position2 { display: block; margin: 20px 0; text-align: right; }
.cont-button2 { display: inline-block; padding: 12px 0; width: 40px; border-radius: 10px; text-align: center; cursor: pointer; background: #faa432; border: 1px #242424 solid; color: #28221a; font-size: 14px; margin: 0 2px 0; }
.cont-button2:hover { background: #8f5e1e; }

.video-area {
    position: relative;
    padding: 10px 0;
    margin: 0;
    color: #fff;
    text-align: center;
    width: 100%;
  }

.bl-item .item-data .date-type { display: inline-block; text-align: left; color: #2dd689; font-size: 12px; padding-left: 15px; line-height: 1.2; position: relative; top: 6px; vertical-align: top; letter-spacing: -0.07em; text-decoration: underline; }

.figure-item .figure-img img { width: 94%; border-radius: 15px; border: 1px #222 solid; max-height: 150px; }

.popup { padding:0; z-index:9999; background:linear-gradient(#222 0%, #111 100%); color:#eee; box-shadow:rgba(0, 0, 0, 0.8) 0 10px 20px; border:1px #222 solid; width:400px; position:absolute; top:10%; right:20%; }
.popup h1 { position:relative; padding:10px; font-size:12px; font-weight:400; line-height:20px; background:#111; color:#eee; }
.popup .topline { position:relative; bottom:0; margin:0 10px 0; height:50px; }
.popup .topline h2 { position:relative; float:right; line-height:50px; color:#eee; font-size:12px; font-weight:400; }
.popup .topline .closebox { position:relative; float:right; margin:18px 10px; }
.popup .topline .check { position:relative; float:right; margin:18px 5px 0 0; }

.responsive-formdiv { display: block; margin: 50px 10px 0; }

.formdivname { display: block; padding: 15px; color: #ffa200; font-size: 18px; text-align: left; }

.responsive-formdiv input { border: 1px #333 solid; width: 100%; height: 34px; border-radius: 6px; text-indent: 10px; font-size: 12px; color: #fff; background: #151515; }
.responsive-formdiv input:focus { outline: none; }
.responsive-formdiv select { border: 1px #333 solid; width: 100%; height: 36px; border-radius: 6px; text-indent: 10px; font-size: 12px; color: #fff; background: #151515; }
.responsive-formdiv select:focus { outline: none; }


.formdiv-wrap { display: inline-flex; flex-wrap: wrap; margin: 5px 0 0; font-size: 12px; color: #fff; }
.formdiv-wrap .input-box { flex: auto; flex-basis: auto; align-items: center; display: flex; word-break: break-all; margin: 0 2px 0; min-width: 105px; position: relative; }
.formdiv-wrap .input-box input[type=checkbox] { width: inherit; height: inherit; margin: 0 5px 0 0; }

.formdiv-wrap .input-box .namelabel { position: absolute; top: -10px; left: 10px; background: #151515; padding: 2px; color: #fff; font-size: 12px; }

.basic-btn1 { width: 100%; min-width: 60px; padding: 10px 0; border-radius: 5px; background: #1bb394; text-align: center; color: #fff; font-size: 12px; cursor: pointer; }
.basic-btn2 { width: 100%; min-width: 60px; padding: 10px 0; border-radius: 5px; background: #444; text-align: center; color: #999; font-size: 12px; cursor: pointer; }

.ptrcont-wrap { display: block; margin: 5px 0 0; }

.prtcont-thead { display: flex; flex-wrap: wrap; border-bottom: 1px #333 solid; border-left: 1px #333 solid; border-top: 1px #333 solid; }
.prtcont-thead .thead-div { flex: 5%; align-items: center; justify-content: center; text-align: center; display: flex; word-break: break-all; background: #222; color: #999; height: 30px; border-bottom: 1px #333 solid; border-right: 1px #333 solid; }

.prtcont-tbody { display: flex; flex-wrap: wrap; border-bottom: 1px #222 solid; border-left: 1px #222 solid; }
.prtcont-tbody .tbody-div { flex: 5%; align-items: center; justify-content: center; display: flex; word-break: break-all; background: #151515; color: #fff; height: 30px; border-bottom: 1px #222 solid; border-right: 1px #222 solid; }
.prtcont-tbody .tbody-div a { color: #2DA7FF; }
.prtcont-tbody .down-arrow { width: 10px; height: 10px; background: url("../images/down.jpg") center center no-repeat; background-size: 100%; display: inline-block; margin: 0 0 0 5px; }
.prtcont-tbody .up-arrow { width: 10px; height: 10px; background: url("../images/up.jpg") center center no-repeat; background-size: 100%; display: inline-block; margin: 0 0 0 5px; }

.tdy-clr-bl { color: #2DA7FF; }
.tdy-clr-rd { color: #ff0000; }

.sub-userinfo { border-radius: 10px; margin: 10px; background: #222; border: 1px #252525 solid; padding: 15px; }
.sub-userinfo .subuiname { font-size: 20px; font-weight: bold; color: #ffa200; text-align: left; display: block; padding-left: 10px; }
.sub-userinfo .tabarea { display: block; margin: 20px 0 0; height: 50px; }
.sub-userinfo .tabarea .tabareabutton { width: 120px; text-align: center; line-height: 50px; height: 50px; color: #999; font-size: 14px; cursor: pointer; float: left; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.sub-userinfo .tabarea .tabareabutton:hover { color: #fff; }
.sub-userinfo .tabarea .on { background: #292929; color: #fff; }

.sub-userinfo .cont-contents { position: relative; padding: 10px 10px 20px; background: #292929; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; }

.ccui-cont { display: block; margin: 10px 0 0; border: 1px #444 solid; border-radius: 4px; background: #333; }
.ccui-cont .ccuicontname { display: block; padding: 10px; font-size: 14px; color: #ffa200; text-align: left; border-bottom: 1px #444 solid; }

.ccui-cont .ccui-tbody { display: flex; flex-wrap: wrap; border-bottom: 1px #333 solid; border-left: 1px #333 solid; border-top: 1px #444 solid; }
.ccui-cont .ccui-tbody .ccui-div { flex: auto; align-items: center; display: flex; word-break: break-all; height: 50px; border-right: 1px #444 solid; color: #fff; padding-left: 100px; position: relative; }
.ccui-cont .ccui-tbody .ccui-div cc { position: absolute; color: #999; left: 5px; top: 0; width: 90px; height: 50px; text-align: left; align-items: center; display: flex; word-break: break-all; }

.ccui-cont .ccui-tbody .ccui-div input { border: 1px #444 solid; width: auto; height: 34px; border-radius: 6px; text-indent: 10px; font-size: 12px; color: #fff; background: #252525; }
.ccui-cont .ccui-tbody .ccui-div input:focus { outline: none; }
.ccui-cont .ccui-tbody .ccui-div select { border: 1px #444 solid; width: auto; height: 36px; border-radius: 6px; text-indent: 10px; font-size: 12px; color: #fff; background: #252525; }
.ccui-cont .ccui-tbody .ccui-div select:focus { outline: none; }

.cc-buttonarea { display: block; margin: 6px 0 0; }
.cc-buttonarea .agrbutton { display: block; padding: 15px 0; text-align: center; background: #444; border-radius: 5px; cursor: pointer; color: #fff; font-size: 15px; }
.cc-buttonarea .agrbutton:hover { background: #666; }

.subsubtabarea { display: block; margin: 20px 0 5px; height: 50px; border-bottom: 1px #333 solid; }
.subsubtabarea .tabareabutton { width: 120px; text-align: center; line-height: 50px; height: 50px; color: #999; font-size: 14px; cursor: pointer; float: left; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom: 0; margin: 0 2px 0 0; }
.subsubtabarea .tabareabutton:hover { color: #fff; border: 1px #333 solid; border-bottom: 1px #151515 solid; background: #151515; }
.subsubtabarea .on { color: #fff; border: 1px #333 solid; border-bottom: 1px #151515 solid; background: #151515; }

.menu-bnr .cmm { background-image: url("../images/cmmbg.png"); background-position: center center; background-repeat: no-repeat; cursor: pointer; }
.menu-bnr .cmm .cmm-img { text-align: center; padding: 35px 30px 0; display: block; }
.menu-bnr .cmm .cmm-img img { width: 100%; transition: all 300ms ease-in-out; }
.menu-bnr .cmm:hover .cmm-img img { width: 102%; }

.tooltip {
  position: relative;
  display: block;
}

.tooltip .tooltiptext {
  visibility: hidden;       /* 이벤트가 없으면 툴팁 영역을 숨김 */
  width: 400px;             /* 툴팁 영역의 넓이를 설정 */
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  position: absolute;       /* 절대 위치를 사용 */
  z-index: 99999;
}

.tooltip:hover .tooltiptext {
  visibility: visible;      /* hover 이벤트 발생시 영역을 보여줌 */
}

.tooltip .tooltip-bottom {
  width: 400px;
  top: 100%;
  left: 50%;
  margin-left: -60px;
}


.tooltip .tooltip-bottom::after {
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent black transparent;
}

.tooltip td {
  padding: 0px;
}

.game-searching-box { display: block; margin: 5px 0 0; background: #000; border: 1px #222 solid; border-radius: 10px; height: 50px; padding: 0 10px; position: relative; }
.game-searching-box input { width: 100%; height: 50px; background: #transparent; color: #fff; font-size: 14px; color: #fff; }
.game-searching-box .search-button-type { width: 38px; height: 38px; border-radius: 10px; background: #ccc; position: absolute; top: 5px; right: 5px; }
.game-searching-box .search-button-type img { width: 20px; height: 20px; opacity: 0.5; }

.rstlist-div { display: inline-block; padding: 3px 4px 2px; border-radius: 6px; border: 1px #fff solid; color: #fff; font-size: 11px; letter-spacing: -0.1em; }
.rl-ww { color: aqua; border: 1px aqua solid; }
.rl-dd { color: darkseagreen; border: 1px darkseagreen solid; }
.rl-ff { color: red; border: 1px red solid; }
.rl-rr { color: mediumpurple; border: 1px mediumpurple solid; }
.rl-gg { color: gray; border: 1px gray solid; }