@font-face {
  font-family: "Inter";
  font-style: normal;
	font-weight: normal;
  src: url('../font/Inter-VariableFont.ttf');
}
#tv_chart_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10; /* Make sure it stays above the chart */
  background: transparent;
  display: none;
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.header_right_box .thumb{
  position: relative;
}
.notice_num {
  position: absolute;
  top: -5px;
  right: 0px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  line-height: 12px;
  text-align: center;
  background-color: #B90000;
  color: #FFFFFF;
  font-size: 8px;
  font-weight: 500;
}

.cus_bg_red {
  background: #ff6838;
}

.cus_bg_green {
  background: #58bd7d;
}

.cus_text_white {
  color: white;
}

.hidden{
  display: none !important;
}

/* wrapper */

.wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 640px) {
  .wrapper {
      max-width:640px
  }
}

@media (min-width: 768px) {
  .wrapper {
      max-width:768px
  }
}

@media (min-width: 1024px) {
  .wrapper {
      max-width:1024px
  }
}

@media (min-width: 1280px) {
  .wrapper {
      max-width:1280px
  }
}

@media (min-width: 1536px) {
  .wrapper {
      max-width:1536px
  }
  .betlist_search_date {
    border: 1px solid #50aa00 !important;
    margin-left: 5px;
    border-radius: 2px !important;
    padding: 5px;
    color: black;
    font-size: 13px !important;
    height: 40px !important;
    font-weight: bold;
  }

  .betlist_search_btn{
    width: 52px;
    float: right;
    display: flex;
  }
  .betlist_search_btn {
    height: 40px !important;
    align-items: center;
    margin: auto;
    justify-content: center;
    margin-left: 10px;
  }
  #container .search_tab .sort_wrap .btn {width:100px; height:40px; line-height:40px; margin-left:6px; }
}

/* footer */

footer {
  border-top: 1px solid #E4E5E5;
  padding: 0;
}

footer .grid_box{
  display: grid;
  grid-template-columns: 1fr 1fr;
}

footer .footer_1 {
  padding: 60px 0;
}

footer .footer_1 p{
  max-width: 400px;
  line-height: 22px;
}

footer .footer_1 img{
  width: 160px;
  height: auto;
  margin-bottom: 20px;
}

footer .footer_2 {
  display: grid;
  grid-template-columns: 1fr 1fr ;
  gap: 20px;
}

footer .footer_2 .footer_item{
  border-left: 1px solid #D1D7D8;
  padding: 60px 0 60px 100px;
}

footer .footer_2 .footer_title{
  font-size: 19px;
  font-weight: 700;
  line-height: 32px;
}

footer .footer_2 .footer_sub{
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

footer .footer_2 .footer_sub.bold{
  font-weight: 600;
}

footer .footer_2 img{
  max-width: 220px;
}

/* New design css */

.mobile_show {
  display: none;
}

.pc_show {
  display: block;
}

/* modal */
.modal .modal-content{
  border: 0;
  background-color: #F5F5F5;
}

.modal .modal-content.modal_login{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 700px;
  height: 440px;
  background-image: url(../img/common/modal_login_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.modal .modal-content.modal_signin{
  width: 880px;
  height: auto;
  margin: 5% auto;
  padding: 60px 50px 80px 50px;
}

.modal .modal-content.modal_signin .users_wrap{
  width: 100%;
}

.modal .modal_signin .step01{
  padding-right: 0;
  padding-left: 0;
}

.modal .modal_signin input{
  height: 48px;
  border: 1px solid #C6C9D3;
  background: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 20px;
}

.modal .modal_signin input::placeholder{
  color:#CBCBCC;
  font-size: 16px;
  font-weight: 400;
}

.modal .modal_signin input:focus{
  border: 1px solid 1px solid #00B4AB;
}

.modal .modal_signin .signin_title{
  font-size: 32px;
  line-height: 32px;
  color: #1A2640;
  margin-bottom: 10px;
}

.modal .modal_signin .join_wrap .tit{
  font-size: 14px;
  font-weight: 700;
  color: #1A2640;
}

.modal .modal_signin .join_wrap .input_box{
  position: relative;
}

.modal .modal_signin .join_wrap .input_box .overlap_btn{
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00B4AB;
  color: #ffffff;
}

.modal .modal_signin .join_wrap > ul > li {
  padding-bottom: 20px;
  margin-bottom: 10px;
  position: relative
}

.modal .modal_signin .join_wrap .login_alert {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.modal .modal_signin .login_wrap .join_area .tit .desc {
  font-size: 14px;
  font-weight: 700;
  color: #777E90;
}

.modal .modal_signin .login_wrap .login_alert {
  text-align: left;
}

.modal .modal-content.modal_signin .tel_select{
  height: 48px;
  width: 120px;
  border: 0;
  border-radius: 32px
}

.modal .modal-content.modal_signin .tel_select{
  height: 48px;
  width: 120px;
  border: 0;
  border: 1px solid #C6C9D3;
}

.modal .modal-content.modal_signin .select_box{
  display: flex;
}

.modal .modal-content.modal_signin .prev_btn{
  background-color:#C6C7CD;
  height: 48px;
}

.modal .modal-content.modal_signin .prev_btn span{
  color: #525050;
  font-size: 16px;
  font-weight: 700;
}

.modal .modal-content.modal_signin .n_btn{
  background-color: #00B4AB;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  height: 48px;
}

.modal .modal-content.modal_login .login_title{
  font-size: 32px;
  color: #1A2640;
}

.modal .modal-content.modal_login .item_box{
  text-align: left;
  margin-top: 20px;
}

.modal .modal-content.modal_login .item_box input{
  width: 392px;
  height: 48px;
  padding: 0 15px;
  border: 1px solid #C6C9D3;
}

.modal .modal-content.modal_login .item_box button{
  width: 392px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin-top: 50px;
  background-color: #00B4AB;
}

.modal .modal-content.modal_login .item_box input:focus {
  border: 1px solid #00B4AB;
}

.modal .modal-content.modal_login .input_title{
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

/* header */

header {
  z-index: 100;
  border: 0;
  background: transparent;
}

header .header_box {
  padding: 10px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E6E8EC;
  background-color: #ffffff;
  position: relative;
  transition: 0.5s;
}

header .header_box .logo .logo_show_on_top{
  display: none;
}

header .header_before_login, header .header_after_login {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.home header .header_box.inner{
  background-color: transparent;
  border: 0;
}

.home header .header_box.inner .logo .logo_show_on_top{
  display: block;
}

.home header .header_box.inner .logo .logo_show_when_scroll{
  display: none;
}

header .header_box.inner:hover {
  background-color: white;
}

header .header_box.inner:hover .dropbtn, header .header_box.inner:hover .header_right_box p, header .header_box.inner:hover .header_right button{
  color: #1A2640 !important;
}

header .header_box.inner:hover .logo .logo_show_on_top{
  display: none;
}

header .header_box.inner:hover .logo .logo_show_when_scroll{
  display: block;
}

header .header_box.inner:hover .header_right .login_btn {
  border: 1px solid #696C6F80;
}

.header_left {
  display: flex;
  align-items: center;
}

header button,
header span {
  font-size: 12px;
  font-weight: 700;
}

header .lnb_open img {
  width: 24px;
  height: 24px;
}

.header_left .message_icon {
  width: 24px;
  height: 24px;
  margin: 24px;
}

header .logo img{
  width: 122px;
  height: 40px;
}

header .header_right {
  display: flex;
}

header .header_right_box {
  display: flex;
  align-items: center;
}

.header_right_box .flag{
  width: 20px;
  height: 20px;
  margin: 0 10px;
}

.header_right_box .partner{
  width: 25px;
  height: 25px;
  margin: 0 10px;
}

.header_right .avatar{
  width: 22px;
  height: 22px;
  margin-left: 15px;
  border-radius: 50%;
}

header .header_right button {
  color: #525050;
  padding: 12px 30px;
}

header .header_right .login_btn {
  border: 1px solid #696C6F80;
}

.home header .inner .header_right button {
  color: #ffffff;
}

.home header .inner .header_right .login_btn {
  border: 1px solid #ffffff;
}

header .header_right{
  display: flex;
  align-items: center;
}

header .header_right .num{
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.home header .inner .header_right_box p{
  color: #ffffff;
}

header .header_right_box p{
  font-weight: 700;
  font-size: 14px;
}

header .header_right .num img{
  margin: 0 5px 0 15px;
}

header .header_right .charge img{
  width: 24px;
  height: 24px;
}

header .header_menu{
  margin-left: 20px;
}

header .dropbtn {
  color: #1A2640;
  padding: 16px;
  font-size: 13px;
  border: none;
}

.home header .header_box.inner .dropbtn {
  color: #ffffff;
}

header .dropbtn.avatar {
  padding: 0px!important;
}

header a.dropbtn {
  display:inline-block;
}

header .dropdown {
  display: inline-block;
}

header .dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  z-index: 1;
  overflow: hidden;
  padding: 0;
  border-bottom: 1px solid #E4E5E5;
}

header .dropdown-content .list-coin a{
  display: flex;
  align-items: flex-start;
  color: #313134;
  border-bottom: 0;
  padding: 10px;
}
header .dropdown-content .list-coin a p:last-child {
  color: #777E90;
  font-weight: 500;
  font-size: 13px;
}

header .dropdown-content .list-coin a img{
  margin-right: 14px;
}

header .dropdown.log_out_button {
  position: relative;
}

header .dropdown-content.log_out{
  right: 0px;
  min-width: 100px;
  padding: 0;
  background-color: #F5F5F5;
}

header .dropdown-content a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  padding: 12px;
  text-decoration: none;
  font-size: 14px;
  border-bottom: 0;
}

header .dropdown .dropdown_icon {
  transition: 0.3s;
  margin-left: 4px;
}
header .dropdown:hover .dropbtn {
  color: #00B4AB;
}

header .dropdown-content a:hover {background-color: rgba(255, 239, 235, 1);}

header .dropdown:hover .dropdown-content {display: block; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
}

header .dropdown:hover .dropdown_icon{
  transform: rotate(180deg);
  color: #00B4AB;
}
header .dropdown:hover .dropdown-content.dropdown_coin {
  border-radius: 3px;
  background-color: #ffffff;
  padding: 14px 10px;
}
header .dropdown:hover .dropdown-content .list-coin {
  width: 400px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
header .dropdown-content.dropdown_coin h3 {
  padding: 12px 14px;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  color: #777E90;
}
header .dropdown-content .list-coin a img {
  width: 22px;
  height: 22px;
}
header .dropdown-content .icon_sub_menu {
  margin-right: 8px;
}

@media (min-width: 1536px) {
  .wrapper.list_item_charge {
    width: 270px;
    display: flex;
    justify-content: space-between;
  }
  .wrapper.list_page_customer {
    width: 390px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0 20px;
  }
  .wrapper.list_page_customer a {
    min-width: 114px;
  }
  header .dropdown:hover .dropdown-content .list-coin {
    width: 486px;
  }
  header .dropdown:hover .dropdown-content.dropdown_coin {
    padding: 10px;
  }
  header .dropdown-content.dropdown_coin h3 {
    padding: 12px 18px;
    font-size: 16px;
  }
  header .dropdown-content .list-coin a {
    padding: 12px 18px 0;
  }
}

.lnb {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  position: fixed;
  top: 67px;
  right: -100%;
  bottom: 0;
  width: 100%;
  z-index: 1100;
  background-color: #F5F5F5;
  padding: 30px 0;
  overflow-y: auto;
}

.lnb .info_wrap{
  text-align: center;
  background-image: url(../img/common/info_wrap_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.lnb .info_wrap img{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid #6BB1F0;
}

.lnb .nick-name-mb {
  margin-bottom: 20px;
  margin-top: 10px;
  font-size: 18px;
  color: #0B8BEE;
  font-weight: 700;
}

.lnb .lnb_logout{
  color: #313134;
  padding: 15px 10px;
  background-color: #E7E8EC;
  font-size: 14px;
  display: inline-block;
  margin-top: 20px;
  text-align: center;
}

.lnb .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lnb .top .nav_close {
  width: 20px;
  height: 20px;
  background: url(../img/common/nav_m_close.png) no-repeat left top;
  background-size: cover;
}

.lnb .lnb_list{
  display: flex;
  flex-direction: column;
}

.lnb .lnb_list .dropdown {
  position: relative;
  display: inline-block;
  margin-left: 35%;
  width: 170px;
  margin-bottom: 25px;
}

.lnb .lnb_list .dropdown_mb{
  width: 100%;
}

.lnb .lnb_list .dropbtn {
  font-size: 18px;
  color: #313134;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 15px 15px 15px 10px;
  background-color: #fff;
  border-radius: 3px;
}

.lnb .lnb_list .dropdown-content {
  display: none;
  margin-top: 10px;
}

.lnb .lnb_list .dropdown-content a {
  color: #444C62;
  font-size: 24px;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  width: 200px;
}

.lnb .lnb_list .dropdown-content a:hover {color: #00A6EF; font-weight: 700;}

.lnb .lnb_list .dropdown:hover .dropdown-content {display: flex;}

.lnb .lnb_list .dropdown:hover .dropbtn {opacity: 0.8}


/* Notification */

.top-notification-wrap {
  overflow: hidden;
  width: 100%;
  height: 36px;
  background-color: #00B4AB;
}

.top-notification-wrap .scroll-text {
  display: flex;
  gap: 100px;
  align-items: center;
  height: 100%;
  padding-left: 20px;
}

.top-notification-wrap .scroll-text .item {
  display: flex;
  align-items: center;
}

.top-notification-wrap .scroll-text .item span {
  font-size: 14px;
  color: #F6F0EB;
  white-space: nowrap;
}

.top-notification-wrap .scroll-text {
  /* animation properties */
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);

  -moz-animation: my-animation 50s linear infinite;
  -webkit-animation: my-animation 50s linear infinite;
  animation: my-animation 50s linear infinite;
}

/* for Firefox */
@-moz-keyframes my-animation {
  from {
    -moz-transform: translateX(100%);
  }

  to {
    -moz-transform: translateX(-100%);
  }
}

/* for Chrome */
@-webkit-keyframes my-animation {
  from {
    -webkit-transform: translateX(100%);
  }

  to {
    -webkit-transform: translateX(-100%);
  }
}

@keyframes my-animation {
  from {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  to {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}


/* main-page */
/* main-page */

#container.main_container {
  margin-top: 75px;
}

#container .main_visual .main_visual_banner img {
  width: 100%;
  height: auto;
}

#container .main_visual .main_visual_banner .sub_banner {
  position: absolute;
  top: -10px;
  left: -10px;
}

#container .main_visual .main_visual_group_bt button {
  font-size: 16px;
  font-weight: 600;
  width: 175px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00B4AB;
  color: #fff;
  border-radius: 32px;
}

#container .main_visual .main_visual_group_bt input {
  width: 100%;
  max-width: 350px;
  height: 50px;
  font-size: 14px;
  border-radius: 6px;
  margin-top: 40px;
}

#container .main_visual .main_visual_group_bt button:hover {
  opacity: 0.8;
}

#container .main_visual .visual_item .main_screen_shot {
  max-width: 300px;
}

#container .main_visual .visual_item .sponso {
  max-width: 400px;
  margin-top: 50px;
}
#container .main_visual .main_title.anime.animated {
  clip-path: inset(0);
}
#container .main_visual .main_title {
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  color: #3B3F47;
  margin: 0;
  text-align: start;
  clip-path: inset(0 100% 0 0);
  transition: 2s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
}
#container .main_visual .main_title

#container .main_visual .main_content {
  font-size: 17px;
  line-height: 24px;
  margin: 20px 0;
  color: #ffffff;
  font-weight: 700;
}

#container .main_visual .main_social {
  width: 194px;
  height: 32px;
}

#container .main_content_wrap .main_secsion {
  /*width: calc(100% - 3rem);*/
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#container .main_visual .main_visual_group_bt {
  display: none;
}

.main_visual .main_visual_inner .visual_item {
  padding: 130px 0;
}
.main_visual .main_visual_inner .visual_item .txt_desp {
  text-align: left;
}

/* section group  */

#container .main_content_wrap .session_title {
  font-size: 64px;
  font-weight: 700;
  color: #313134;
  line-height: 71px;
}

#container .main_content_wrap .session_sub_title {
  font-size: 20px;
  font-weight: 500;
  color: #4d4d52;
  line-height: 26px;
  text-align: left;
}

/* section 2 */

#container .main_content_wrap .session_2 {
  padding: 60px 0 0 0;
  background-image: url("../img/main/session_2_bg.png");
  background-size: contain;
  background-position-x: center;
  background-repeat: no-repeat;
}

#container .main_content_wrap .session_2 .text-group {
  text-align: center;
}

#container .main_content_wrap .session_2 .session_sub_title {
  text-align: center;
  margin: 30px 0 40px 0;
}

#container .main_content_wrap .session_2 img {
  width: 100%;
}

#container .main_content_wrap .background-group {
  padding: 60px 0 0 0;
  background-image: url("../img/main/session_group_bg.png");
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}

/* section 3 */
#container .main_content_wrap .session_3 .session_title {
  text-align: left;
}

#container .main_content_wrap .session_3 .session_list {
  display: grid;
  grid-template-columns: 3fr 2fr;
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

#container .main_content_wrap .session_3 .list_item video {
  width: 100%;
  height: auto;
}

#container .main_content_wrap .session_3 .list_item:nth-child(2) {
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: -50px;
}

#container .main_content_wrap .session_3 .button-group {
  box-shadow: 0px 0px 16.2px 0px rgba(0, 180, 171, 1);
  border: 2px solid rgba(0, 180, 171, 1);
  border-radius: 62px;
  width: 500px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 5px;
  margin: 40px 0;
  background-color: #fff;
}

#container .main_content_wrap .session_3 .button-group button {
  color: #00B4AB;
  font-size: 32px;
  font-weight: 600;
  line-height: 45px;
  padding: 10px 0;
  display: flex;
  justify-content: center;
}

#container .main_content_wrap .session_3 .button-group button.active {
  background-color: #6C4EA0;
  border-radius: 53px;
  color: #fff;
}

#container .main_content_wrap .session_3 .screen_list_img {
  padding: 180px;
}

#container .main_content_wrap .session_3 .screen_list_img img {
  width: 100%;
  display: none;
}

#container .main_content_wrap .session_3 .screen_list_img img.active {
  display: block;
}

/* section 4 */

#container .main_content_wrap .session_4 {
  padding: 40px 0;
}

#container .main_content_wrap .session_4 .text-group {
  text-align: center;
  padding: 0 80px;
}

#container .main_content_wrap .session_4 .session_sub_title {
  margin: 30px 0 40px 0;
  text-align: center;
}

#container .main_content_wrap .session_4 .video-box {
  display: flex;
  justify-content: center;
}

#container .main_content_wrap .session_4 .video-box img {
  width: 100%;
  max-width: 500px;
}

/* section 5 */

#container .main_content_wrap .session_5 {
  padding: 60px 40px;
  margin-top: 20px;
}
#container .main_content_wrap .session_5 .text-group {
  text-align: left;
}

#container .main_content_wrap .session_5 .title_group {
  display: flex;
  align-items: center;
}

#container .main_content_wrap .session_5 .title_group img {
  width: 400px;
  margin-left: 80px;
}

#container .main_content_wrap .session_5 .session_sub_title {
  margin: 30px 0 40px 0;
}

#container .main_content_wrap .session_5 .find_out {
  padding: 15px 50px;
  color: #fff;
  font-size: 32px;
  line-height: 45px;
  background-color: #777e90;
  border-radius: 53px;
  display: inline-block;
}

#container .main_content_wrap .session_5 .list_video {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin-top: 50px;
}

#container .main_content_wrap .session_5 .list_video .video-content {
  width: 100%;
}

/* section 6 */

#container .main_content_wrap .session_6 {
  margin-top: 20px;
  padding-bottom: 200px;
}

#container .main_content_wrap .session_6 .session_title {
  text-align: center;
  margin-bottom: 40px;
}

#container .main_content_wrap .session_6 .question_button {
  padding: 30px 0 40px 0;
  width: 100%;
  text-align: start;
}

#container .main_content_wrap .session_6 .question_button p {
  font-size: 32px;
}

#container .main_content_wrap .session_6 .question-item {
  border-bottom: 1px solid #000;
  text-align: start;
}

#container .main_content_wrap .session_6 .answer {
  color: #8b8b8b;
  margin-bottom: 15px;
}

#container .main_content_wrap .session_6 .answer p {
  color: #8b8b8b;
}

#container .main_content_wrap .session_6 .answer .dot {
  background-color: #bdbdbd;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 10px;
}

#container .main_content_wrap .session_6 .answer .out_standing {
  color: #000;
  font-weight: 600;
}

#container .main_content_wrap .session_6 .answer .item {
  display: flex;
  align-items: center;
}

/* session 7 */

#container .main_content_wrap .session_7 {
  padding: 60px 0;
}

#container .main_content_wrap .session_7 .session_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

#container .main_content_wrap .session_7 .session_list .list_item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#container .main_content_wrap .session_7 .session_list .list_item_title {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 25px;
}

/* sub page */

#container{
  background-color: #f5f5f5;
}

.home #container {
  background-color: transparent;
}

#container .content_wrap {
  margin-top: 50px;
  min-height: calc(100vh - 400px);
}


#container .game_wrap .game_box {
  padding: 40px 20px 20px;
}

#container .betting_area {
  overflow: hidden;
}

#container .betting_area .betting_area_bot {
  padding: 20px 0 30px 0;
}

#container .betting_area p {
  font-size: 14px;
}

#container .betting_area .betting_area_top p {
  color: #777e90;
  font-weight: 700;
  line-height: 16px;
}

#container .betting_area .betting_area_top .txt_blue {
  background-color: #4DAAA3;
  color: white;
}

#container .betting_area .betting_area_top .txt_red {
  background-color: #FF5E5E;
  color: white;
}

#container .betting_area .betting_area_mid p {
  font-weight: 400;
  color: #23262f;
}

#container .result_area .result_tit {
  background-color:#E7E8EC;
}

.table_type01 {
  overflow: hidden;
}

#container .betting_history .betting_history_wrap .betting_history_tit p {
  color: #777E90;
  font-weight: 700;
}

#container .betting_area p {
  border-radius: 24px;
  margin: 0 5px;
}

#container .betting_area .betting_area_top {
  padding-right: 30px;
  padding-left: 30px;
  background-color: #E7E8EC;
}

#container .result_area .result_con p:nth-child(1) {
  width: 140px;
}

#container .result_area .result_con p:nth-child(2){
  width: 140px;
}

#container .search_tab .sort_wrap .btn {
  border-radius: 3px;
}

#container .search_tab ul li a {
  line-height: 30px;
}

#container .search_tab .betlist_search{
  margin-left: 10px;
}

#container .search_tab .betlist_search .betlist_search_btn, #container .m_betlist_search .betlist_search_btn{
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
}

#container .search_tab .betlist_search .betlist_search_date{
  border: 1px solid #4DAAA3;
}

#container .search_tab .betlist_search .betlist_search_btn {
  background-color: #D6D9E4 !important;
}

#container .message_list > ul > li .tit .lv img{
  max-width: 80px !important;
}

#container .message_list > ul > li .message_toggle{
  top: 50%;
  transform: translateY(-50%);
}

#container .board_list {
  background-color: #fff;
}

#container .board_list .board_list_con ul li{
  border-bottom: 1px solid #d1d7d82e;
}

#container .board_list .board_list_con ul li img{
  max-width: 80px;
}

#container .board_list .board_list_con ul li p:nth-child(3){
  text-align: center;
}

#container .money_wrap .btn_wrap {
  justify-content: end;
}

#container .money_wrap .table_type02 table tr td {color: #6F7275;
  font-weight: 500;}

.table_type02 table tr td:first-child {
  padding-left: 40px;
}
#container .premium_wrap {
  margin-top: 10px;
}

#container .premium_wrap table tr th{
  padding: 35px 10px;
}

#container .premium_wrap table tr td {
  text-wrap: nowrap;
  padding: 35px 10px;
  font-size: 14px;
} 

#container .premium_wrap table tr td span {
  font-weight: 500;
}

#container .premium_wrap table tr td .name{
  margin-left: 5px;
}

#container .premium_wrap table tr td .danger_color{
  color: #D10000;
}

#container .premium_wrap table tr td .success_color{
  color: #4DAAA3;
}


#container .premium_wrap .table_type02 table tr th:first-child {text-align: end;}

#container .premium_wrap .table_type02 table tr th {color: #525050}

#container .game_wrap .game_top .title .round{
  font-size: 24px;
}

#container .game_wrap .game_top .title{
  font-size: 24px;
}

#container .game_wrap .game_top .time_wrap .time {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}


#container .game_wrap .game_top .desc{
  padding-top: 15px;
  font-size: 14px;
  line-height: 24px;
}

#container .game_wrap .game_top .sound_btn{
  margin: 10px 0 0 30px;
}

@media screen and (min-width: 1536px) {
  header .dropbtn, header .header_right_box p {
    font-size: 14px;
}
  #container .message_list > ul > li .tit .txt {font-size:16px; font-weight: 600; margin: 10px 0 0 30px; }
  #container .message_list > ul > li .con .title {
    line-height: 20px;
    margin-top: 10px;
  }
  #container .message_list > ul > li .con .date {
    margin-bottom: 0;
    line-height: 28px;
  }
  #container .message_list > ul > li {
    margin-top: 20px;
  }
  #container .message_list > ul > li .tit .lv img{
    max-width: 115px !important;
  }
  #container .message_list > ul > li .message_toggle {width:20px; height:10px;}
  .trade_coin_page #container .list_coin_wrap .search button {
    width: 80px;
  }
  .trade_coin_page #container table tr th {
    font-size: 16px;
  }
  #container input[type="text"], #container input[type="password"], #container input[type="number"] {
    height: 46px;
  }
  .table_type01 table tr th.th_bg span {
    height: 46px;
    line-height: 46px;
  }
  #container .game_wrap .game_top .sound_btn {margin: 10px 0 0 30px; }
  /* common */
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea {
    font-size: 14px;
    line-height: 22px;
  }

  #container .content_wrap {
    width: 1440px;
  }

  table tr th,
  table tr td {
    font-size: 16px;
    height: 55px;
  }

  #container input[type="text"], #container input[type="password"], #container input[type="number"]{
    font-size: 16px;
    color: #1B1D24;
    font-weight: 500;
    border: 1px solid #E6E8EC;
  }
  #container table tr td input.num {
    width: 266px;
    height: 46px;
    border-radius: 6px;
  }
  table tr td .refresh_btn {
    width: 22px;
    height: 22px;
    border: 0;
    margin: 0 0 0 12px;
  }
  #container input[type="text"]::placeholder {
    color: #1B1D24;
  }

  .btn{
    font-size: 16px;
    width: 152px;
    height: 45px;
    line-height: 45px;
  }

  table tr td .desc, table tr td .date{
    font-size: 14px;
  }

  #container .content h3{
    font-size: 16px;
  }

  .txt_blue, .txt_red{
    height: 32px;
  }

  /* header */

  header .dropbtn, 
  header .header_right_box p
  {
    font-size: 14px;
  }

  /* banner */

  #container .main_visual .main_title {
    font-size: 64px;
    line-height: 78px;
  }

  #container .main_visual .main_content {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 30px;
  }

  /* content */

  #container .result_area .result_tit,
  #container .money_wrap .caution_wrap h3,
  #container .money_wrap .table_wrap h3,
  #container .message_list > ul > li .con .title,
  #container .message_list > ul > li .con .date,
  #container .board_list .board_list_top span,
  #container .board_list .board_list_con ul li p,
  .modal .modal_signin .join_wrap .tit,
  .users_wrap .login_wrap .overlap_btn,
  .modal .modal-content.modal_signin .n_btn,
  .users_wrap .login_wrap .prev_btn,
  #container .premium_wrap table tr th
  {
    font-size: 16px;
  }
  #container .betting_area .betting_area_bot div p,
  #container .betting_area p,
  #container .money_wrap .caution_wrap ul li,
  #container .search_tab ul li a,
  #container .betting_history .betting_history_wrap p span,
  #container .betting_history .betting_history_wrap p,
  #container .customer_list > ul > li .tit .name,
  #container .customer_list > ul > li .question .txt,
  #container .customer_list > ul > li .con .date,
  #container .customer_list > ul > li .con .title,
  #container .customer_list > ul > li .con .txt p,
  #container .customer_list > ul > li .answer .txt,
  .modal .modal-content.modal_login .input_title,
  .modal .modal-content.modal_login .item_box button,
  .modal .modal_signin .login_wrap .join_area .tit .desc{
    font-size: 14px;
    line-height: 22px;
  }

  #container .main_content_wrap .session_2 .session_list .list_item_title{
    font-size: 24px;
  }

  #container .betting_area .betting_area_top p:nth-child(1),
  #container .betting_area .betting_area_top p:nth-child(2){
    font-size: 14px;
  }

  #container .game_wrap .game_top .title .round{
    font-size: 20px;
  }

  #container .game_wrap .game_top .title{
    font-size: 24px;
  }


  #container .game_wrap .game_top .desc{
    padding-top: 15px;
    font-size: 14px;
    line-height: 24px;
  }

  #container .game_wrap .game_top .time_wrap .time{
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
  }

  #container .betting_area .betting_area_mid p:nth-child(2) img{
    height: 20px;
  }

  #container .money_wrap .caution_wrap ul li{
    margin-bottom: 12px;
  }
  #container .money_wrap .caution_wrap ul li:last-child {
    margin-bottom: 0;
  }

  #container .betting_history .betting_history_wrap .betting_history_con p{
    padding: 0 10px;
  }

  #container .betting_history .betting_history_wrap .betting_history_con .bet_sell,
  #container .betting_history .betting_history_wrap .betting_history_con .bet_buy{
    padding: 2px 10px;
  }

  #container .betting_history .betting_history_wrap .betting_history_con p{
    line-height: 48px;
  }

  #container .betting_history .betting_history_wrap .rst{
    display: flex;
    align-items: center;
  }

  #container .search_tab .betlist_search .betlist_search_btn{
    background-color: #D6D9E4 !important;
    height: 40px;
  }

  #container .search_tab ul li a{
    padding: 9px 12px;
  }
  .notice_ico {
    width: 52px;
    height: 20px;
  }
  .event_ico {
    width: 52px;
    height: 20px;
  }
  #container .board_list .board_list_con ul li img {
    max-width: 100px;
  }

  /* footer */

  footer .footer_2 .footer_title{
    font-size: 18px;
    line-height: 32px;
  }

  footer .footer_2 .footer_sub{
    font-size: 16px;
  }
}

@media screen and (max-width: 1279px) {
  #tv_chart_overlay {
    display: block;
  }

  .mobile_show {
    display: block;
  }
  
  .pc_show {
    display: none;
  }

  .modal .modal-content{
    width: calc(100% - 20px)!important;
    margin: 15% auto !important;
  }

  .modal .modal-content.modal_signin{
    padding: 40px 20px;
  }

  .modal .modal-content.modal_signin .join_wrap{
    margin-bottom: 40px;
  }

  .modal .modal-content.modal_signin .signin_title, .modal .modal-content.modal_login .login_title{
    font-size: 20px;
    line-height: 32px;
  }

  .modal .modal-content.modal_signin .login_alert{
    position: relative;
    font-size: 12px; 
  }

  .modal .modal_signin .join_wrap > ul > li {
    padding-bottom: 0px;
    margin-bottom: 15px;
  }

  .modal .modal_signin .login_wrap .join_area .tit .desc{
    width: 100%;
    margin-left: 0px;
  }

  .modal .modal-content.modal_login .item_box input,  .modal .modal-content.modal_login .item_box button{
    width: 300px;
  }

  header .header_box {
    height: 55px;
    padding: 10px;
  }

  header .wrapper-header{}

  header .logo {
    padding-bottom: 0px;
  }

  header .logo img{
    width: 122px;
    height: auto;
  }

  header .logo_mini img {
    width: 25px;
    height: auto;
  }

  .home header .header_box.inner{
    border-bottom: 1px solid #E6E8EC;
    background-color: #ffffff;
  }
  
  .home header .header_box.inner .logo .logo_show_on_top{
    display: none;
  }
  
  .home header .header_box.inner .logo .logo_show_when_scroll{
    display: block;
  }

  .home header .inner .header_right button {
    color: #525050;
  }

  .home header .inner .header_right .login_btn {
    border: 1px solid #696C6F80;
  }

  .home header .inner .header_right_box p {
    color: #525050;
  }

  .lnb .logo img{
    width: 120px;
    height: auto;
  }

  header .header_menu{display: none}

  header .dropdown-content a {
    padding: 12px 16px;
  }

  .header_right .avatar{
    width: 20px;
    height: 20px;
  }

  .header_right_box .flag {
    width: 18px;
    height: 18px;
    margin: 0;
}
  
  header .header_right button{
    padding: 5px 15px;
  }

  header .header_right .num{
    margin-right: 5px;
  }
  
  header .header_right .num p{
    font-weight: 700;
    font-size: 14px;
  }
  
  header .header_right .num img{
    margin-right: 5px;
    width: 18px;
    height: 18px;
  }
  
  header .header_right .charge img{
    width: 15px;
    height: 15px;
  }

  .lnb {
    padding: 20px;
  }

  .lnb .lnb_list .dropdown_mb {
    margin-bottom: 8px;
  }

  .lnb .lnb_list .dropdown_mb .dropbtn {
    font-size: 16px;
    font-weight: 600;
  }

  .lnb .lnb_list .dropdown-content_mb {
    display: none;
  }

  .lnb .lnb_list .dropdown_mb .dropdown-content_mb.active{
    display: block;
  }

  .lnb .lnb_list .dropdown-content_mb a{
    font-size: 12px;
    padding: 10px;
    font-weight: 500;
    display: block;    
  }

  .lnb .lnb_list .dropdown-content_mb a{
    display: flex;
    align-items: center;
    background-color: #E7E8EC;
    border-bottom: 1px solid #F9F9F9;
  }

  .lnb .lnb_list .dropdown-content_mb .list-coin a img{
    margin-right: 10px;
    width: 24px;
    height: 24px;
  }

  .lnb .lnb_list .dropdown-content_mb .list-coin a .name{
    font-weight: 700;
  }

  .lnb .lnb_list .dropdown {
    margin-left: 0;
  }

  .lnb .lnb_list .dropdown-content_mb img{
    margin-top: 0;
    margin-right: 10px;
  }

  header .header_right button.lnb_open {
    padding-right: 0;
  }

  header .header_right button.lnb_open .unShow {
    display: none;
  }

  header .header_right button.lnb_open.active .unShow {
    display: block;
  }

  header .header_right button.lnb_open.active .show {
    display: none;
  }

  #container .main_visual .main_visual_inner {
    margin: 0;
    padding: 80px 20px;
    background-image: none;
  }

  #container.main_container {
    margin-top: 55px;
  }

  #container .main_visual .main_visual_inner {
    margin: 0;
    padding: 50px 20px 40px;
  }

  .main_visual .main_visual_inner .visual_item {
    padding-top: 0;
    padding-bottom: 0;
    flex-direction: column;
  }

  #container .main_visual .main_visual_group_bt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  #container .main_visual .main_visual_group_bt button {
    font-size: 16px;
    margin: 30px 0 40px;
  }

  #container .main_visual .main_title {
    font-size: 35px;
    font-weight: 500;
    line-height: 48px;
    text-align: center;
  }

  #container .main_visual .main_content {
    font-size: 14px;
    line-height: 20px;
    margin: 10px;
    text-align: center;
  }
  #container .main_content_wrap .session_3 .session_title {
    text-align: center;
  }
  footer .grid_box{
    display: grid;
    grid-template-columns: 1fr;
    padding: 40px 0 80px 0;
  }

  footer .footer_1 p{  
    max-width: 600px;
  }

  footer .footer_2{
    grid-template-columns: 1fr;
  }

  footer .footer_2 .footer_item{
    border: 0;
    padding: 0px;
  }

  footer .footer_1, footer .footer_2{
    padding: 20px;
  }

  footer .footer_2 .footer_title {
    margin-bottom: 10px;
  }


  #container .main_content_wrap .main_secsion {
    width: 100%;
  }

  /* session 1 */

  /* session 2 */

  #container .main_content_wrap .session_2 {
    padding: 60px 20px 0;
    background-image: none;
  }

  #container .main_content_wrap .session_2 .session_sub_title {
    margin: 20px 0 30px 0;
  }

  #container .main_content_wrap .background-group{
    background-image: none;
  }



  /* session 3 */

  #container .main_content_wrap .session_3 .session_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #container .main_content_wrap .session_3 {
    padding: 0 20px;
  }

  #container .main_content_wrap .session_3 .list_item:nth-child(2){
    padding-top: 30px;
    padding-bottom: 30px;
    order: -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 0;
  }

  #container .main_content_wrap .session_3 .button-group{
    width: 350px;
  }

  #container .main_content_wrap .session_3 .button-group button {
    font-size: 24px;
  }

  #container .main_content_wrap .session_3 .session_sub_title {
    text-align: center;
    letter-spacing: 0.3px;
  }

  #container .main_content_wrap .session_3 .screen_list_img{
    background-image: none;
    padding: 20px;
  }

  /* session_4 */

  #container .main_content_wrap .session_4 {
    padding: 60px 20px;
  }

  #container .main_content_wrap .session_4 .text-group {
    text-align: center;
    padding: 0;
  }

  /* session_5 */

  #container .main_content_wrap .session_5 .text-group{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #container .main_content_wrap .session_5 {
    padding: 40px 20px;
    margin-top: 0;
}

  #container .main_content_wrap .session_5 .session_sub_title {
    text-align: center;
    margin: 20px 0 30px 0;
  }

  #container .main_content_wrap .session_5 .text-group img{
    width: 200px;
    height: auto;
  }

  #container .main_content_wrap .session_5 .find_out {
    font-size: 18px;
    padding: 5px 50px;
    margin-bottom: 30px;
  }
  #container .main_content_wrap .session_5 .session_group_title > div:nth-child(2) {
    display: flex;
    justify-content: center;
  }
  #container .search_tab ul li a {
    width: auto;
    border-radius: 20px;
  }

  #container .main_content_wrap .session_5 .list_video{
    grid-template-columns: 1fr;
  }

  /* session_6 */

  #container .main_content_wrap .session_6 .session_list{
    grid-template-columns: 1fr;
  }

  #container .main_content_wrap .session_5 .list_video {
    grid-template-columns: 1fr;
  }

  /* session_6 */

  #container .main_content_wrap .session_6{
    padding: 10px 20px 50px 20px;
  }

  #container .main_content_wrap .session_6 .session_title{
    margin-bottom: 20px;
  }

  #container .main_content_wrap .session_6 .question_button p {
    font-size: 16px;
  }

  #container .main_content_wrap .session_6 .question_button {
    padding: 20px 0 25px 0;
  }

  /* sub page */
  #container .betting_area .betting_area_top {
    padding-right: 15px;
    padding-left: 15px;
  }

  #container .message_list > ul > li .tit .lv img {
    max-width: 60px !important;
  }

  #container .premium_wrap {
    margin-top: 30px;
  }

  #container .premium_wrap table tr td .name{
    margin-left: 0px;
  }

  #container .premium_wrap table tr td span {
    font-size: 12px;
  }
  #container .premium_wrap table tr td .name {display: none};

  #container .premium_wrap .table_type02 table tr th {font-size: 12px; text-wrap: nowrap; line-height: 24px;;}

  #container .premium_wrap .table_type02 table tr td img {max-width: 20px;}

  #container .premium_wrap .table_type02 table tr th svg {display: none}

  #container .premium_wrap .table_type02 table tr td .premium_star { display: none}

  #container .premium_wrap .table_type02 table tr th .title_mobile_none {display: none}

  #container .premium_wrap .table_type02 table tr .upbit_icon{
    display: inline-block;
    height: 15px;
    width: auto;
  }

  #container .premium_wrap .table_type02 table tr .hashdex_icon{
    display: inline-block;
    height: 22px;
    width: auto;
  }

  #container .premium_wrap .table_type02 table tr td, #container .premium_wrap .table_type02 table tr th {padding: 20px 3px}
  .table_type02 table tr td:first-child {
    padding-left: 20px;
  }
  #container .m_betlist_search .betlist_search_btn {
    width: 105px;
    float: right;
    background-color: #D6D9E4 !important;
  }
  #container .message_list > ul > li .con .title {
    font-size: 14px;
  }
}

@media screen and (max-width: 860px) {
  .main_visual {
    padding: 0;
  }

  #container .main_content_wrap .session_title{
    font-size: 32px;
    line-height: 40px;
  }

  #container .main_content_wrap .session_sub_title{
    font-size: 16px;
    line-height: 20px;
  }

  #container .main_content_wrap .session_3 .button-group button {
    font-size: 18px;
    padding: 0;
  }
}

@media screen and (max-width: 400px) {
  #container .premium_wrap table tr td span {
    font-size: 12px;
  }

  #container .premium_wrap .table_type02 table tr th {font-size: 12px;}
}
.trade_coin_page #container .section_two_wrap .ab_loading img,
.trade_coin_page #container .section_two_wrap .tran_loading img{
  width: 100px;
  height: auto
}


/**/