@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");

table {
  border-collapse: collapse;
  width: 100%;
}

a {
  text-decoration: none;
  cursor: pointer;
}

ul,
ol {
  list-style: none;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #808080;
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #808080;
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #808080;
}

input::placeholder,
select::placeholder,
textarea::placeholder {
  color: #808080;
}

button {
  cursor: pointer;
  border: none;
}

button:focus {
  outline: none;
}

.flex-center {
  justify-content: center !important;
}

.main_list_100 {
  width: 100%
}

.main_list_50 {
  width: calc(100% / 2 - 4px)
}

.hide {
  opacity: 0
}

.noncolor {
  background: rgba(0, 0, 0, .9) !important;
  color: #fff !important
}

.noncolor>font,
.p,
.span {
  background: rgba(0, 0, 0, .9) !important;
  color: #fff !important
}

/*scroll design*/
body::-webkit-scrollbar {
  width: 10px;
}

.pg_nav::-webkit-scrollbar {
  height: 10px
}

body::-webkit-scrollbar-thumb,
.pg_nav::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

body::-webkit-scrollbar-track,
.pg_nav::-webkit-scrollbar-track {
  background-color: grey;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white;
}

/*header_wrapper*/
header .header_wrapper.header_top {
  display: flex;
  justify-content: center;
}

header .header_wrapper .logo_wrapper {
  display: block;
  width: 200px;
  position: relative
}

header .header_wrapper.header_top .inner>div:nth-of-type(1) {
  width: 470px
}

header .header_wrapper.header_top .inner>div:nth-of-type(2) {
  width: 470px
}

header .header_wrapper.header_top .inner {
  width: var(--site-width);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

header .header_wrapper.header_top .inner.site1>a,
header .header_wrapper.header_top .inner.site4>a {
  order: 1
}

header .header_wrapper.header_top .inner.site1>div:nth-of-type(1),
header .header_wrapper.header_top .inner.site4>div:nth-of-type(1) {
  order: 2
}

header .header_wrapper.header_top .inner.site1>div:nth-of-type(2),
header .header_wrapper.header_top .inner.site4>div:nth-of-type(2) {
  order: 3;
  text-align: right;
}

header .header_wrapper.header_top .inner.site1.mid>a,
header .header_wrapper.header_top .inner.site4.mid>a {
  order: 2
}

header .header_wrapper.header_top .inner.site1.mid>div:nth-of-type(1),
header .header_wrapper.header_top .inner.site4.mid>div:nth-of-type(1) {
  order: 1
}

header .header_wrapper.header_top .inner.site1.mid>div:nth-of-type(2),
header .header_wrapper.header_top .inner.site4.mid>div:nth-of-type(2) {
  order: 3;
  text-align: right;
  display: block
}

header .header_wrapper.header_top .inner.site1.left>a,
header .header_wrapper.header_top .inner.site4.left>a {
  order: 1
}

header .header_wrapper.header_top .inner.site1.left>div:nth-of-type(1),
header .header_wrapper.header_top .inner.site4.left>div:nth-of-type(1) {
  order: 2
}

header .header_wrapper.header_top .inner.site1.left>div:nth-of-type(2),
header .header_wrapper.header_top .inner.site4.left>div:nth-of-type(2) {
  order: 3;
  text-align: right;
}

header .header_wrapper.header_top .inner.site1.right>a,
header .header_wrapper.header_top .inner.site4.right>a {
  order: 3
}

header .header_wrapper.header_top .inner.site1.right>div:nth-of-type(1),
header .header_wrapper.header_top .inner.site4.right>div:nth-of-type(1) {
  order: 1
}

header .header_wrapper.header_top .inner.site1.right>div:nth-of-type(2),
header .header_wrapper.header_top .inner.site4.right>div:nth-of-type(2) {
  order: 2
}

header .header_wrapper.header_top .inner.site2>a {
  order: 1
}

header .header_wrapper.header_top .inner.site2>div:nth-of-type(1) {
  order: 2
}

header .header_wrapper.header_top .inner.site2>div:nth-of-type(2) {
  order: 3;
  text-align: right;
}

header .header_wrapper.header_top .inner.site2>a {
  padding: 0;
  position: absolute
}

header .header_wrapper.header_top .inner.site3>a {
  order: 2;
}

header .header_wrapper.header_top .inner.site3>div:nth-of-type(1) {
  order: 1
}

header .header_wrapper.header_top .inner.site3>div:nth-of-type(2) {
  order: 3;
  text-align: right;
  display: block
}

header .header_wrapper.header_top .inner.site3 {
  justify-content: space-around;
}

header .header_wrapper.header_top ._left {}

header .header_wrapper.header_top ._right {}

header .header_wrapper.header_top ._right ._right_btns .btn {
  width: 90px;
  display: flex;
  padding: 2.5px;
  color: #fff;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  border-radius: 8px;
}

header .header_wrapper.header_top ._right ._right_btns .btn._logout {
  background: #5d2e2e;
}

header .pc_gnb ul li .sub {
  top: 48px;
}

header .header_wrapper .mobile_btn {
  display: none
}

header .header_wrapper.header_bottom .inner {
  width: 100%;
  margin: 0 auto
}

header .pc_gnb ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: bold;
  color: #ffbf00;
}

header .pc_gnb ul li a:hover {
  color: #c1ad8b;
}

header .pc_gnb ul li a img {
  width: 30px;
  margin: 0 50px
}

header .header_wrapper.header_bottom {
  padding: 5px 0
}

header .header_wrapper.header_top .inner .logo_wrapper {
  width: 100%;
  max-width: 290px;
  height: unset;
}

header .header_wrapper .logo_wrapper>img {
  width: 100%
}

header .header_wrapper .sub {
  display: none;
  position: absolute;
  top: 40px;
  left: 50%;
  width: 130px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 99;
}

header .header_wrapper .sub li a {
  display: block;
  color: #FFFFFF;
  border-top: 1px dotted #fff;
  font-size: 13px;
  padding: 6px 10px;
  letter-spacing: -0.2px;
  box-shadow: 3px 3px 5px rgb(95 95 95 / 50%);
  text-align: center;
}

header .header_wrapper.header_bottom .inner.site3 nav.pc_gnb {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

header .header_wrapper.header_bottom .inner.site3 nav.pc_gnb>ul {
  width: calc(100% / 2.6)
}

header .header_wrapper.header_bottom .inner.site3 nav.pc_gnb>ul>li {
  position: relative;
  padding: 3px 0;
}

header .header_wrapper.header_bottom .inner.site3 nav.pc_gnb>ul:nth-child(1)>li {
  width: calc(100% / 6)
}

header .header_wrapper.header_bottom .inner.site3 nav.pc_gnb>ul:nth-child(2)>li {
  width: calc(100% / 5)
}

header .header_wrapper.header_bottom .inner nav {
  margin: 0 auto;
  width: 100%;
}

header .header_wrapper.header_bottom .inner nav.pc_gnb>ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

header .header_wrapper.header_bottom .inner nav>ul>li:nth-of-type(2) .sub {
  align-items: center;
  justify-content: space-between;
  width: 214px;
}

header .header_wrapper.header_bottom .inner nav>ul>li:nth-of-type(2) .sub li {
  width: calc(100%/2);
}

header .header_wrapper.header_bottom .inner nav>ul>li:nth-of-type(2):hover .sub {
  display: flex;
  flex-wrap: wrap;
}

header .header_wrapper.header_bottom .inner nav>ul>li {
  position: relative;
  padding: 3px 0;
}

header .header_wrapper.header_bottom .inner ul>li:hover .sub {
  display: block;
}

header .header_wrapper.header_bottom .inner nav>ul>li>a {
  margin: 10px 0 0 0;
}

header .header_wrapper.header_bottom .inner nav>ul>li>a::before,
header .header_wrapper.header_bottom .inner nav>ul>li>a::after {
  display: none
}

/*header .header_wrapper.header_bottom .inner nav > ul > li > a:hover {font-weight: bold;background: #fdd343;border-radius: 5px;color: #464646}*/

/*footer*/
footer .inner {
  width: var(--site-width);
  margin: 0 auto
}

footer .inner>div {
  text-align: center
}

footer .inner>div img {
  margin: 0 auto;
  filter: grayscale(1);
  width: 100%;
  max-width: 200px
}

footer .inner.footermid>div {
  text-align: center
}

footer .inner.footerleft {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

footer .inner.footerleft>div:first-child {
  width: 20%
}

footer .inner.footerleft>div:last-child {
  width: 80%
}

footer .inner.footerright {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

footer .inner.footerright>div:first-child {
  width: 20%;
  order: 2
}

footer .inner.footerright>div:last-child {
  width: 80%;
  order: 1
}

/*container*/
.container {
  width: var(--site-width);
  margin-top: 129px;
  position: relative
}

.container .contents {
  width: 100%;
  padding: 0px;
  min-height: 800px;
}

.container .side {
  width: 300px;
}

.container .side {
  position: absolute !important;
}

.container .side.side_bann {
  right: calc(100% + 5px);
}

.container .side#batting_cart {
  left: calc(100% + 5px);
}

.container .contents .list_detail .detail_tit {
  height: 42px;
  overflow: hidden;
  margin: 5px 0;
  position: relative;
  text-align: left;
}

.container .contents .list_detail .detail_tit p {
  font-weight: 900;
  color: transparent;
  -webkit-background-clip: text;
  padding-left: 148px;
  height: 100%;
  font-size: 21px;
}

.container .contents .list_detail .detail_tit p:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 20px solid transparent;
  border-top: 20px solid transparent;
  border-right: 20px solid transparent;
  position: absolute;
  display: block;
  left: 128px;
  top: 0;
}

.container .contents .list_detail .detail_tit p {
  padding-left: 148px
}

.container .contents .list_detail .detail_tit:after {
  content: "";
  background-size: 20px 20px;
  background-position: 50px;
  position: absolute;
  left: 0;
  top: 0;
  width: 128px;
  display: block;
  height: 100%;
}

.container .contents .list_detail .detail_tit p:after {
  content: "";
  width: 91px;
  height: 100%;
  position: absolute;
  display: block;
  color: #000;
  font-weight: 700;
  right: 0;
  padding-left: 16px;
  line-height: 39px;
  font-size: 16px;
  top: 0;
  animation: blink .5s .1s infinite;
}

.container .contents .list_detail .detail_tit:before {
  content: "";
  position: absolute;
  min-width: 70px;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 8;
  left: -100%;
  overflow: hidden;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .5)50%, rgba(255, 255, 255, 0)100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .5)50%, rgba(255, 255, 255, 0)100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .5)50%, rgba(255, 255, 255, 0)100%);
  -webkit-transform: skewX(-25deg);
  -moz-transform: skewX(-25deg);
  animation: circle 1s .5s infinite;
}

.container .contents .pg_nav {
  width: 100%;
  overflow-x: auto;
}

.container .contents .pg_nav ul li {
  min-width: 160px;
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
}

/*main_bg_wrap*/
.main_bg_wrap {
  position: relative;
  margin: 0 auto;
  min-height: auto;
}

.bg_wrap {
  min-height: 782px;
}

.main_bg_wrap .main_inner.width_all {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important
}

.main_bg_wrap .main_inner .slick-slide img {
  width: 100% !important
}

.main_bg_wrap>.noti .main_inner {
  border: 1px solid;
  padding: 5px 0;
}

.main_bg_wrap>.noti .main_inner>div:first-child {
  width: 10%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-around;
}

.main_bg_wrap>.noti .main_inner>div:last-child {
  width: 90%;
}

.main_bg_wrap .main_inner .bottom_banner {
  width: var(--site-width)
}

.main_bg_wrap .main_inner .bottom_banner img,
.main_bg_wrap .main_inner .banner-carousel,
.main_bg_wrap .main_inner .banner-panel,
.main_bg_wrap .main_inner .banner-carousel img {
  width: 100%
}

.main_bg_wrap .nav_pop {
  z-index: 9;
  position: absolute;
  width: 300px;
}

#batting_cart .main_bg_wrap .nav_pop {
  width: 100%
}

.main_bg_wrap .left_nav_pop {
  top: 0;
  left: 0;
}

.bg_wrap>.container>.contents>.list_detail .info {
  width: 100%
}

.bg_wrap>.container>.contents>.list_section tr>td img {
  display: none !important
}

/*left_nav_pop*/
.left_nav_pop .side_nav_section {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0;
  gap: 5px;
  justify-content: start;
}

.left_nav_pop .side_nav_section>a {
  width: calc(100% / 3 - 4px);
  padding: 5px 0;
  text-align: center
}

.left_nav_pop .side_nav_section>a>p,
.side_nav_section>a {
  color: #fff
}

.left_nav_pop .side_nav_section>a.gray_item {
  padding: 5px 0;
}

.left_nav_pop .left_list>li {
  margin-bottom: 5px;
  padding: 3px 0px;
  height: 38px;
}

.left_nav_pop .left_list>li>a {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.left_nav_pop .left_list>li>a>.img {
  flex-grow: 1
}

.left_nav_pop .left_list>li>a>.img>img {
  margin: 0 auto
}

.left_nav_pop .left_list>li>a>.team {
  flex-grow: 5
}

.left_nav_pop .left_list>li>a>.team>p {
  text-align: center;
  color: #fff;
}

.left_nav_pop .left_logo_box {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0;
  gap: 5px;
  justify-content: start;
}

.left_nav_pop .left_logo_box>a {
  width: calc(100% / 3 - 5px);
}

.left_nav_pop .left_logo_box>a {
  width: calc(100% / 3 - 5px);
  height: 50px;
  padding: 8px;
}

.left_nav_pop .left_logo_box>a>div {
  height: 100%;
  width: 100%
}

.left_nav_pop .left_logo_box>a img {
  width: 100%;
}

.main_bg_wrap .right_nav_pop {
  top: 0;
  right: 0;
}

.right_nav_pop .side_tit {
  margin-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 10px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.right_nav_pop .side_tit>p {
  color: #fff
}

.right_nav_pop .section.info .wrapper input {
  width: 100%;
  font-size: 14px;
  box-shadow: 0px 2px 3px #00000078;
  color: #fff;
  margin-bottom: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 10px 7px 30px;
  border: 1px solid;
  border-radius: 2px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.right_nav_pop .section.info .wrapper {
  position: relative;
}

.right_nav_pop .section.info .wrapper .icon_wrapper {
  position: absolute;
  width: 10px;
  top: 15px;
  left: 10px;
}

.right_nav_pop .section.info button.btn,
.left_nav_pop .section.info button.btn {
  color: #fff;
}

.right_nav_pop .section.info .btn,
.left_nav_pop .section.info .btn {
  width: calc(100% / 2 - 4px);
  display: inline-block;
  background: #ddd;
  font-size: 12px;
  text-align: center;
  padding: 12px;
  color: #000;
  margin-top: 5px;
  color: #fff;
}

.right_nav_pop ._right_btns,
.left_nav_pop ._right_btns {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: space-between;
}

.right_nav_pop ._right_btns>a,
.left_nav_pop ._right_btns>a {
  width: calc(100% / 3 - 5px)
}

.right_section {
  padding: 5px;
}

.right_section .chrome {
  position: relative;
  margin-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  border: 1px solid;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.right_section .chrome .img_wrapper {
  position: absolute;
  top: 9px;
  left: 26px;
  width: 31px;
}

.right_section .chrome p {
  padding-left: 77px;
  text-align: inherit;
  color: #ddd;
  font-weight: bold;
}

.right_section>a>img {
  width: 100%
}

.cart_list li {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
  filter: drop-shadow(2px 4px 6px black);
  background: rgba(50, 50, 50, .5);
  margin: 5px 0;
  border-radius: 11px;
}

.cart_list li>div {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

/*section*/
.section.info {
  width: 100%;
  border: 1px solid;
  border-radius: 6px;
  padding: 5px;
  margin-top: 10px
}

.section.info>div {
  padding: 5px;
  margin-bottom: 5px;
  border-radius: 6px;
}

.section.info>div:last-child {
  margin-bottom: 0px;
}

.section.info .one_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  color: #fff
}

.section.info .one_list ._money {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

.section.info .one_list ._money img {
  width: 25px;
  height: 25px
}

.section.info .msm_box {
  width: calc(100% / 2 - 10px);
  text-align: center;
}

.section.info .msm_box {
  cursor: pointer;
  border-radius: 5px;
  padding: 5px
}

/*_left*/
header .header_wrapper .inner ._left {
  width: 500px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px
}

header .header_wrapper .inner ._left img {
  width: 22px;
}

header .header_wrapper .inner ._left>p,
header .header_wrapper .inner ._left>div {
  width: calc(100% / 3 - 6px)
}

header .header_wrapper .inner ._left .msm_box {
  display: flex;
  font-size: 12px;
  align-items: center;
  justify-content: flex-start;
  color: #F6F6F6;
  font-weight: 500;
}

header .header_wrapper .inner ._left .refresh_btn {
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 8px;
}

header .header_wrapper .inner ._left .refresh_btn span {
  margin-bottom: 3px;
  margin-left: 3px;
}

header .header_wrapper .inner ._left ._money {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

header .header_wrapper .inner ._left ._money span {
  color: #ffd32d;
  margin: 0 3px;
}

.left_section {
  width: 100%;
  border: 1px solid #494A54;
  border-radius: 6px;
  padding: 5px;
}

.left_section .side_tit {
  margin-bottom: 6px;
  box-shadow: 0px 2px 3px #00000078;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 10px;
  border: 1px solid;
  border-radius: 6px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.left_section .side_list.no_time li img {
  margin-left: 0;
}

.left_section .side_list li img {
  width: 17px;
  margin: 0 10px;
}

.left_section .side_tit .img_wrapper {
  margin-right: 7px;
}

.left_section .side_tit p {
  font-size: 13px;
  font-family: 'S-CoreDream-6Bold';
  color: #FFFFFF;
}

.left_section .side_tit p .point_c {
  color: #1EFFF7;
}

.left_section .side_list li {
  font-size: 14px;
  box-shadow: 0px 2px 3px #00000078;
  margin-bottom: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 10px;
  background: #2B2B2B;
  border: 1px solid #404044;
  border-radius: 2px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.left_section .side_list li:hover {
  background: #505050;
}

.left_section .side_list li .score {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-radius: 2px;
  color: #404040;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 40px;
  padding: 2px 0;
  background: #000000;
}

.left_section .side_list li .score.active {
  color: #FFFFFF;
}

.left_section .side_list li .team p {
  font-family: 'S-CoreDream-6Bold';
  color: #FFFFFF;
}

/*_right*/
header .header_wrapper .inner ._right {
  width: 500px;
}

header .header_wrapper .inner ._right .after_login {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

header .header_wrapper .inner ._right ._right_btns {
  display: flex;
  flex-flow: column;
}

header .header_wrapper .inner ._right ._right_btns ._btn_top,
header .header_wrapper .inner ._right ._right_btns ._btn_bottom {
  display: flex;
  margin: 5px 0;
  justify-content: flex-end;
}

header .header_wrapper .inner ._right .chrome {
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

header .header_wrapper .inner ._right .chrome p {
  width: 80%
}

/*board_cs */
.board_cs .event .noti_box .noti_tit {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #fff;
  justify-content: flex-start;
}

/*.noti_tit:before {content: "";position: absolute;left: 0;bottom: 0;height: 1px;width: 100%;background-color: #f8d670;box-shadow: 0px 0px 9px rgb(163 141 21 / 72%);}*/
/*basic-effect*/
.tran {
  transition: all 1s ease;
}

.more {
  border: 1px solid #fff;
  padding: 5px;
  text-align: center;
}

/*game_ban_btn*/
.game_ban_btn .inner a {
  position: relative;
  overflow: hidden
}

.game_ban_btn .inner a .txt_wrapper {
  display: block;
  bottom: -113px;
  position: absolute;
  background: rgba(0, 0, 0, .5);
  width: 100%;
}

.wrapper_box .game_top.game_wrapper .txt_wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, .5);
  color: #fff
}

.wrapper_box .game_top.game_wrapper>a {
  overflow: hidden;
  margin: 10px;
}

.wrapper_box .game_top.game_wrapper>a>img {
  width: 170px;
  height: 150px;
}

.wrapper_box .game_top.game_wrapper.gameani1>a:hover .txt_wrapper {
  top: 0;
}

.wrapper_box .game_top.game_wrapper>a:hover .game_logo {
  opacity: 0
}

.wrapper_box .game_top.game_wrapper .game_logo {
  position: absolute;
  top: 10%;
  left: 8%;
  font-size: 23px;
  font-weight: bold
}

.wrapper_box .game_top.game_wrapper .txt_wrapper h3 {
  font-size: 26px;
  text-align: center;
  padding-top: 0;
  margin: 0px 30px;
}

.wrapper_box .game_top.game_wrapper .txt_wrapper p {
  font-size: 20px;
  text-align: center;
  margin: 0px 30px;
}

.wrapper_box .game_top.game_wrapper .txt_wrapper div {
  width: 50%;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
}

.wrapper_box .game_top.game_wrapper.gameani2:hover a {
  transform: scale(0.9) rotate3d(1, 1, 1, 17deg);
}

.wrapper_box .game_top.game_wrapper.gameani2:hover a>img {
  transform: scale(0.9) rotate3d(1, 1, 1, 17deg);
  filter: brightness(0.5);
}

.wrapper_box .game_top.game_wrapper.gameani2>a:hover {
  transform: scale(1.1);
}

.wrapper_box .game_top.game_wrapper.gameani2>a:hover>img {
  transform: scale(1.05);
  filter: brightness(1);
}

.wrapper_box .game_top.game_wrapper.gameani2>a .txt_wrapper {
  top: 0;
  opacity: 0;
  color: #000
}

.wrapper_box .game_top.game_wrapper.gameani2>a:hover .txt_wrapper {
  top: 0;
  opacity: 1
}

.game_ban_btn .inner.all a .btn {
  position: absolute;
  bottom: 12px;
  right: 17px;
  width: 105px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background: #111;
  border: 1px solid #c1ad8b;
  color: #c1ad8b;
  font-size: 12px;
  font-weight: 600;
}

.game_ban_btn .inner.all a p {
  text-align: center
}

.game_ban_btn .inner.all a {
  /*3개 = width: 450px;height: 320px;*/
  width: 620px;
  height: 370px;
  margin: 0px 5px;
  text-align: center;
}

.game_ban_btn .inner.all a.sports {
  display: inline-block;
  transition: all .5s;
  cursor: pointer;
  padding: 6px 20px;
  position: relative;
  font-weight: 700;
  background: url('/Assets/v6/new_image/main_game_banner/pia/pia_sports2.jpg?v=4') no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 208px;
}

.game_ban_btn .inner.all a.hoca {
  display: inline-block;
  transition: all .5s;
  cursor: pointer;
  padding: 6px 20px;
  position: relative;
  font-weight: 700;
  background: url('/Assets/v6/new_image/main_game_banner/pia/pia_hotel.jpg?v=1') no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 208px;
}

.game_ban_btn .inner.all a.live {
  display: inline-block;
  transition: all .5s;
  cursor: pointer;
  padding: 6px 20px;
  position: relative;
  font-weight: 700;
  background: url('/Assets/v6/new_image/main_game_banner/pia/pia_live.jpg?v=1') no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 208px;
}

.game_ban_btn .inner.all a.slot {
  display: inline-block;
  transition: all .5s;
  cursor: pointer;
  padding: 6px 20px;
  position: relative;
  font-weight: 700;
  background: url('/Assets/v6/new_image/main_game_banner/pia/pia_slot.jpg?v=2') no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 208px;
}

.game_ban_btn .inner.all a.mini {
  display: inline-block;
  transition: all .5s;
  cursor: pointer;
  padding: 6px 20px;
  position: relative;
  font-weight: 700;
  background: url('/Assets/v6/new_image/main_game_banner/pia/pia_mini.jpg?v=2') no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 208px;
}

.game_ban_btn .inner.all a.reel {
  display: inline-block;
  transition: all .5s;
  cursor: pointer;
  padding: 6px 20px;
  position: relative;
  font-weight: 700;
  background: url('/Assets/v6/new_image/main_game_banner/pia/pia_reel2.jpg?v=2') no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 208px;
}

.game_ban_btn .inner.all a .btn:hover {
  background: #c1ad8b;
  color: #000;
  z-index: 9
}

.game_ban_btn .inner.all a span {
  font-size: 18px;
  font-weight: 600;
  position: relative;
}

.game_ban_btn .inner.all a span.pc {
  font-size: 14px;
  color: #999999;
  margin-left: 10px
}

.game_ban_btn .inner.all a:before {
  content: ' ';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.game_ban_btn .inner.all a:hover {
  background-size: 120%;
  font-size: 20px;
  padding: 100px 0;
  display: inline-flex;
  flex-flow: column;
  align-items: center;
}

.game_ban_btn .inner.all a:hover:before {
  background: rgb(0 0 0 / 60%);
  backdrop-filter: blur(5px);
}

/*jackpot*/
span#jackpot,
span.currency {
  font-size: 88px;
  line-height: 47px;
}

.jackpot,
.jackpot>.event {
  height: auto;
}

.pay.inner>.event .jackpot_section .item.text {
  flex-wrap: wrap;
  width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.pay.inner>.event .jackpot_section .item.img {
  width: 100%;
}

.pay.inner>.event .jackpot_section .item .jackpot {
  display: flex;
}

.pay.inner>.event .jackpot_section .item .jackpot span.won {
  display: inline-block;
  height: 89px;
  width: 98px;
  vertical-align: bottom;
  text-align: center;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  margin: 0 10px 0 0;
}

.pay.inner>.event .jackpot_section .item .jackpot .jackpot-odometer {
  width: 540px;
  position: relative;
  height: 88px;
  display: flex;
  overflow-y: hidden;
  top: 22px;
  left: -58px;
}

.pay.inner>.event .jackpot_section .item .jackpot .jackpot-odometer img {
  height: calc(95px * 15) !important;
  width: 45px
}

.pay.inner.jackpot,
.pay.inner.jackpot>.event {
  padding: 0
}

.jackpot_section .jackpot {
  position: absolute;
  bottom: 30px;
  width: 100%;
  justify-content: flex-end;
}

.jackpot_section>img {
  width: 100%
}

.all_cara {
  position: absolute;
  top: 0
}

/*main height interval*/
.noti,
.main,
.game_ban_btn,
.board_cs,
.bottom_banner,
.sub_banner,
.jackpot {
  padding-top: var(--site-gap)
}

.game_ban_btn .inner {
  flex-wrap: wrap;
  gap: 10px;
}

.game_ban_btn .inner img {
  width: 100%
}

.top_banner_1 {
  width: calc(100% / 1 - 10px);
  max-width: calc(100% / 1 - 10px);
}

.top_banner_2 {
  width: calc(100% / 2 - 5px);
  max-width: calc(100% / 2 - 5px);
}

.top_banner_3 {
  width: calc(100% / 3 - 10px);
  max-width: calc(100% / 3 - 10px);
}

.top_banner_4 {
  width: calc(1200px / 4);
  height: 200px;
  display: inline-block;
  transition: all .5s;
  cursor: pointer;
  padding: 6px 20px;
  position: relative;
  font-weight: 700;
}

.top_banner_5 {
  width: calc(100% / 5 - 10px);
  max-width: calc(100% / 5 - 10px);
}

.top_banner_6 {
  width: calc(100% / 6 - 10px);
  max-width: calc(100% / 6 - 10px);
}

.bottom_banner_1 {
  width: calc(100% / 1 - 0px);
  max-width: calc(100% / 1 - 0px);
}

.bottom_banner_2 {
  width: calc(100% / 2 - 5px);
  max-width: calc(100% / 2 - 5px);
}

.bottom_banner_3 {
  width: calc(100% / 3 - 10px);
  max-width: calc(100% / 3 - 10px);
}

.bottom_banner_4 {
  width: calc(100% / 4 - 9px);
  max-width: calc(100% / 4 - 9px);
}

.bottom_banner_5 {
  width: calc(100% / 5 - 10px);
  max-width: calc(100% / 5 - 10px);
}

.bottom_banner_6 {
  width: calc(100% / 6 - 10px);
  max-width: calc(100% / 6 - 10px);
}

.banner_section.width_all {
  width: 100%;
  max-width: 100%
}

.bottom_section>.inner .bottom_banner img {
  margin-top: var(--site-gap);
}

/*.pay*/
.pay.inner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: inherit;
  justify-content: space-between;
}

.pay.inner.jackpot {
  margin-top: var(--site-gap)
}

.pay.inner.bottom {
  padding-top: var(--site-gap)
}

.pay.inner.bottom>div {
  width: 49.5%;
}

.pay.inner>.cs:hover {
  background: #fdd343;
  color: #000;
}

.pay.inner>.event.w100,
.pay.inner>.cs.w100 {
  width: 100%;
  position: relative;
}

.pay.inner>.event {
  overflow: hidden;
}

.pay.inner>.event,
.pay.inner>.cs {
  width: 32.8%;
  -webkit-transition: background .5s, color .5s;
  transition: background .5s, color .5s
}

.event .noti_box ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 5px;
  border-bottom: 1px solid #303030;
  font-size: 14px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: -0.3px;
  cursor: pointer;
}

.event .noti_box ul li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.event .noti_box ul li a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  max-width: 70%;
  color: #FFFFFF;
}

.event .noti_box ul li p {
  color: #fff;
  width: 25%;
  text-align: center;
}

/*.pay.inner>.event .jackpot_section .item .jackpot span.won{display:none}*/
.pay.inner>.event,
.pay.inner>.cs {
  width: calc(100% / 3 - 5px);
  background-size: 100%;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  padding: 18px 24px;
  box-sizing: border-box;
  margin: 0 !important;
  border: none;
}

.pay.inner {
  gap: 7px;
}

.event.board .noti_box ul li a,
.event.board .noti_box ul li p {
  font-weight: 900;
}

.event.board .noti_box ul li {
  margin: 5px 0;
  position: relative;
}

.event.board .noti_box ul li a:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  border-right: 13px solid transparent;
  position: absolute;
  display: block;
  left: 18px
}

.event.board .noti_box ul li a {
  padding-left: 16px
}

.event.board .noti_box ul li:after {
  content: "";
  background-size: 20px 20px;
  background-position: -2px;
  position: absolute;
  left: 0;
  width: 18px;
  display: block;
  height: 100%;
}

.event.money .noti_box ul li p {
  color: #fff;
  width: 25%;
  text-align: center;
  margin: 3px 0;
  font-weight: 700;
}

.event.money .noti_box ul li {
  border-bottom: 0
}

.event.board .noti_box ul li a:after {
  content: "바로가기";
  width: 91px;
  height: 100%;
  position: absolute;
  display: block;
  background: #f3bc2a;
  color: #000;
  font-weight: 700;
  right: 0;
  padding-left: 16px;
  line-height: 18px;
  font-size: 15px;
  top: 0;
  animation: blink .5s .1s infinite;
}

.event.board .noti_box ul li:before {
  content: "";
  position: absolute;
  min-width: 70px;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 8;
  left: -100%;
  overflow: hidden;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .5)50%, rgba(255, 255, 255, 0)100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .5)50%, rgba(255, 255, 255, 0)100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .5)50%, rgba(255, 255, 255, 0)100%);
  -webkit-transform: skewX(-25deg);
  -moz-transform: skewX(-25deg);
  animation: circle 1s .5s infinite;
}

.event.sns {
  position: relative
}

.event.sns .noti_box .items1 {
  width: 146px;
  position: absolute;
  top: 159px;
  left: 33px;
  text-align: center;
  font-size: 16px;
  color: #333;
  font-size: 28px;
}

.event.sns .noti_box .items2 {
  width: 146px;
  position: absolute;
  top: 159px;
  right: 33px;
  text-align: center;
  font-size: 16px;
  color: #333;
  font-size: 28px;
}

/*noti_box*/
.event .noti_box ul li {
  display: flex;
  padding: 0;
  width: 100%;
}

.noti_tit>img {
  flex-grow: 1
}

.noti_tit>h3 {
  flex-grow: 50
}

.noti_tit>a {
  flex-grow: 1
}

.noti_box {
  overflow: hidden;
  flex-wrap: wrap;
  display: flex;
}

#_clock .noti_box .noti_tit {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.noti_box ul {
  width: 100%;
  overflow: hidden;
}

.num.bg_p {
  text-align: center
}

/*game_section*/
.game_section .inner .wrapper_box .game_wrapper .game .img_wrapper {
  height: 100%
}

.game_section .inner .wrapper_box .game_wrapper .game {
  position: relative;
}

.game_section .inner .wrapper_box .game_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.game_section .inner .wrapper_box .game_wrapper.hoca {
  gap: 5px
}

.game_section .inner .wrapper_box .game_wrapper.hoca .game {
  max-width: calc(100% / 3 - 5px);
  height: auto;
}

/*minipop*/
.minipop {
  position: absolute;
  left: calc(100% + 5px);
  width: 300px;
}

.minipop .time_wrapper>p {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.minipop .cart_open {
  text-align: center;
  cursor: pointer
}

.minipop .time_wrapper>p #_clock {
  width: 50%;
  text-align: center;
  font-size: 16px;
}

.minipop .time_wrapper {
  flex-wrap: wrap;
  gap: 0;
  padding: 5px;
}

.minipop .time_wrapper>div {
  width: 100%;
  margin: 0;
  font-size: 15px;
  height: 30px;
}

.minipop .time_wrapper>div p {
  font-size: 15px;
  height: 30px;
  argin-bottom: 0px;
  margin-left: 0px;
  width: 80%;
  text-align: center;
  margin: 0 auto
}

.minipop .time_wrapper>div.pick {
  order: 2;
  padding: 0 12px;
  display: flex
}

.minipop #bet_info {
  width: 80%;
}

.minipop #bet_info font {
  vertical-align: middle;
}

.minipop .betting_card {
  flex-wrap: wrap;
  padding: 5px;
}

.minipop .betting_card tbody {
  flex-wrap: wrap;
}

.minipop .betting_card tbody .input_wrapper {
  width: 100%;
  position: relative;
}

.minipop .betting_card tbody td {
  width: 70%;
  height: 35px;
  line-height: 35px;
}

.minipop .betting_card tbody th {
  width: 30%;
}

.minipop table {
  border-collapse: inherit;
}

.minipop .betting_card tbody .input_wrapper>p {
  transform: translateY(14%);
  margin-left: 10px;
  color: #000;
  position: absolute;
}

.minipop .betting_card tbody .input_wrapper>input {
  padding: 4px 29px 5px 7px;
}

.minipop .btn_wrapper {
  width: 100%;
  flex-wrap: wrap;
  padding: 5px;
}

.minipop .btn_wrapper>div {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  gap: 0;
  margin-top: 0;
}

.minipop .btn_wrapper .mon_btn {
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  height: auto;
  gap: 5px;
  padding-bottom: 5px;
}

.minipop .btn_wrapper .mon_btn button {
  width: calc(100% / 3 - 4px);
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 13.5px 0;
  margin-bottom: 0;
  margin-right: 0;
}

.minipop .btn_wrapper .mon_btn2 {
  width: 100% !important;
  padding-bottom: 5px
}

.minipop .btn_wrapper .mon_btn2 button {
  width: 49%;
  max-width: 49%;
  margin-bottom: 0;
}

.minipop .bottom_wrap button {
  width: 100%;
  max-width: 100%;
  height: 60px;
  border-radius: 15px;
  margin-top: 0;
  letter-spacing: -0.13px;
  padding: inherit;
  font-size: 30px;
  font-weight: bold;
  text-shadow: 0px 2px 3px #00000059;
  transform: inherit;
}

.minipop .num.bg_p,
#bettingMoney {
  text-align: right;
  width: 100% !important;
  height: 35px;
  line-height: 35px;
  border: 1px solid #444444;
  background: #171717;
  font-size: 14px;
  vertical-align: middle;
  padding: 0 20px;
  color: #fff;
  transition: 0.5s;
}

.minipop .mon_btn>div {
  width: 100%
}

.minipop .bottom_wrap._2>button {
  width: calc(100% / 2)
}

.minipop p.num {
  font-size: 16px
}

.game_tit_section {
  width: var(--site-width);
  margin: 0 auto;
  border-radius: 10px 10px 0 0;
  padding-bottom: var(--site-gap)
}

.game_tit_section .txt_wrapper {
  text-align: center;
}

.game_tit_section .txt_wrapper p {
  font-size: 25px
}

.game_tit_section .txt_wrapper h3 {
  font-size: 20px
}

.game_section .container.bet {
  padding: var(--site-gap);
  border-radius: 0 0 10px 10px
}

.game_section .game_wrapper {
  gap: var(--site-gap)
}


.game_section .game_wrapper a img {
  width: 100%
}

/*game_nav*/
.game_nav {
  display: flex;
  justify-content: space-between;
  background: #000 !important;
  padding: 10px;
}

.game_nav ul:nth-child(1) {
  display: flex;
  align-items: center;
}

.game_nav ul:nth-child(2) {
  justify-content: flex-end;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.game_nav ul:nth-child(2) li {
  background: #2b2b2b;
  border: 2px solid #3f404b;
}

.game_nav ul:nth-child(2) li .game_nav ul:nth-child(2) li.active,
.game_nav ul li {
  min-width: 110px;
  height: 60px;
  text-align: center;
  border-radius: 10px;
  margin-right: 5px;
  color: #fff;
}

.game_nav ul li a {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  padding: 10px 0;
}

.game_nav.today {
  margin: 5px;
  padding: 5px 20px;
}

.game_nav.today ul:nth-child(2) {
  width: calc(100% - 150px);
  overflow-x: auto;
  justify-content: flex-start;
}

.game_nav.today ul:nth-child(2) li {
  border: 0;
  background: none;
  display: flex;
  flex-flow: column;
  min-width: unset;
  margin: 5px;
  font-size: 14px;
  min-width: 55px;
  align-items: center;
  cursor: pointer;
}

.game_nav.today ul:nth-child(2) li img {
  width: 22px;
  margin-bottom: 5px;
}

.game_nav.today ul:nth-child(2) li span:nth-child(1) {}

.game_nav.today ul:nth-child(2) li span:nth-child(2),
.game_nav.today ul:nth-child(2) li span:nth-child(3) {
  margin-top: -5px;
  display: block;
  font-size: 14px;
}

.status_draw,
.bet_status4 {
  color: #ebcb2d
}

.status_win,
.bet_status2 {
  color: #6cddff
}

.status_loss,
.bet_status3 {
  color: #ff2929
}

.game_section .inner .wrapper_box .game_wrapper.inplay .game .txt_wrapper {
  display: block
}

.game_section .inner .wrapper_box .game_wrapper.inplay .game .txt_wrapper .btn {
  margin: 0 auto
}

.game_wrapper.inplay .txt_wrapper>p,
.game_wrapper.inplay .txt_wrapper>h3 {
  display: block;
  text-align: center
}

.page_tit {
  width: var(--site-width);
  margin: 0 auto;
  display: none
}

.alertable-message {
  color: #000
}

.betting_place {
  overflow: hidden;
  position: relative;
}

.cartfixd {
  color: #fff;
  font-weight: bold
}

.cartfixd #scroll_follow {
  zoom: 1.5;
  vertical-align: sub;
  margin: 0 4px;
}

body .bt-table h4 {
  font-size: 16px;
  text-align: center;
  padding: var(--site-gap)
}

body .bt-table table {
  font-size: 16px;
  text-align: center;
  padding: var(--site-gap)
}

body .bt-table .paging span,
body .bt-table .paging a {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border: 1px solid #fff;
}

.date {
  color: #ddd;
}

.more:hover {
  background: #fdd343;
  color: #000;
}

.bet_menu {
  display: -webkit-box;
  display: -ms-flexbox;
}

.login_box {
  position: absolute;
  right: 10px;
  top: 32px;
  z-index: 999999;
}

.logo-login {
  width: 117px;
}

.main_navigation {
  right: 292px;
}

.main_navigation.login {
  right: 0px;
  width: 1117px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.user-info01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 43px;
  height: 100%;
  align-items: center;
}

.user-info01 .mb_point strong {
  color: #e9b424;
}

.user-info01 .mb_mileage {
  color: #e9b424;
}

.container-top {
  height: auto
}

.user-info-arr1.login {
  height: 35px;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  border-bottom: solid 1px #333;
  background: #000;
  box-sizing: border-box;
}

/*.betting*/
.betting .btn_wrapper {
  margin: 10px 0
}

.betting .wrapper {
  display: flex;
  gap: 5px;
}

.betting .wrapper.big>div {
  width: calc(100% / 5 - 4px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center
}

.betting .wrapper .img_wrapper img {
  width: 30px;
  height: 30px
}

.betting .wrapper .league_tit,
.betting .wrapper>p {
  font-size: 18px
}

#bet_list_area table td {
  height: 50px
}

#bet_list_area table td>div {
  height: 100% !important
}

.betting .list1 td {
  height: 50px
}

.betting .list1 td>div {
  height: 100% !important
}

.betting .list1 td>div>p {
  text-align: center;
  font-size: 16px
}

.betting .list2 td {
  height: 50px
}

.betting .list2 td>div {
  height: 100% !important;
  align-items: center;
  justify-content: center !important;
}

.betting .list2 .bonus div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center
}

.betting .list2 .bonus div p:first-child {
  width: 80%
}

.betting .list2 .bonus div p:last-child {
  width: 20%
}

.betting .list2 .bonus div p,
.betting .list2 .bonus div p font {
  font-size: 16px;
  text-align: center
}

.betting .list2.bonus2 .bonus div {
  width: calc(100% / 2 - 4px)
}

.betting .list2.bonus3 .bonus div {
  width: calc(100% / 3 - 4px)
}

.betting .list2.bonus4 .bonus div {
  width: calc(100% / 4 - 4px)
}

.betting .list2.bonus5 .bonus div {
  width: calc(100% / 5 - 4px)
}

.betting .list2.bonus6 .bonus div {
  width: calc(100% / 6 - 4px)
}

.betting .list2.bonus7 .bonus div {
  width: calc(100% / 7 - 4px)
}

.betting .list2 .wrapper.between .num.red {
  width: 45px;
  text-align: center
}

.betting .list2 .wrapper_ {}

.betting .wrapper.between .num.red {
  position: relative
}

.betting .wrapper.between .num.red>img {
  position: absolute;
  top: 0;
  width: 15px;
  height: 15px;
}

.betting .list01 .wrapper.between .num.red>img {
  left: -25px
}

.betting .list02 .wrapper.between .num.red>img {
  right: -25px
}

.time_wrapper>div {
  width: calc(100% / 3) !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around
}

.container .contents .betting from {
  overflow: hidden
}

.container .contents .betting .divid>div {
  font-size: 16px;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.betting>ul table tr:first-child {
  background: #000
}

.betting>ul table tr:first-child>th {
  padding: 5px 0;
}

.betting>ul table tr:first-child>th>div {
  justify-content: center;
  align-items: center;
}

.betting>ul table tr td>.wrapper {
  justify-content: center !important;
  align-items: center;
}

.betting>ul table tr td>.wrapper>div,
.betting>ul table tr td>.wrapper {
  height: 50px !important;
  font-size: 12px
}

.betting>ul table tr td>.wrapper>div p,
.betting>ul table tr td>.wrapper p {
  font-size: 12px
}

.betting_card tbody {
  justify-content: space-around !important;
}

/*bg_wrap*/
.bg_wrap {
  overflow: hidden
}

.bg_wrap .betting.result td>div {
  width: 100% !important;
  align-items: center;
  justify-content: center !important;
}

.bg_wrap .betting.result td>div.wrapper.between {
  justify-content: space-between !important;
}

.bg_wrap .container .contents.money_app table .wrapper {
  padding: 5px
}

td.none {
  padding: 15px;
  text-align: center
}

.bg_wrap .container .contents table .wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  justify-content: flex-start;
  height: auto
}

.bg_wrap .container .contents table .wrapper .input_wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 5px
}

.bg_wrap .container .contents table .wrapper .input_wrapper .won {
  font-size: 22px
}

.bg_wrap .container .contents table .wrapper input.val_fix,
.bg_wrap .container .contents table .wrapper .input_wrapper input,
.bg_wrap .container .contents table .wrapper input {
  width: 30%
}

.bg_wrap .container .contents table .g_box {
  background: #2c2c2c
}

.bg_wrap .container .contents table .g_box div {
  padding: 5px
}

.bg_wrap .container.bet .contents.money_app table .wrapper>p {
  width: 95%;
  text-align: center;
  font-size: 22px
}

.bg_wrap .container .contents .betting table td>div {
  height: auto
}

.bg_wrap .container .contents .list_box table th {
  padding: 10px 0
}

.bg_wrap .container.bet .contents.money_app>form>table {
  margin: var(--site-gap) 0;
}

.bg_wrap .container.bet .contents.money_app>form>table th {
  font-size: 22px
}

.bg_wrap .container .contents .info {
  display: flex;
  width: 60%;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
  height: auto
}

.bg_wrap .container .contents .checks {
  text-align: center
}

.bg_wrap .container .contents .info p {
  font-size: 26px
}

.bg_wrap .container .contents .info ul>li {
  font-size: 18px
}

/*borderlist*/
.bg_wrap>.container>.contents>.list_section tr {
  border-top: 1px solid #f3bc2a;
  border-bottom: 1px solid #f3bc2a;
  margin: 5px 0;
  position: relative;
}

.bg_wrap>.container>.contents>.list_section tr>td {
  height: 40px
}

.bg_wrap>.container>.contents>.list_section tr .tdline {
  opacity: 0;
  height: 10px
}

.bg_wrap>.container>.contents>.list_section tr>td:first-child,
.bg_wrap>.container>.contents>.list_section tr>td:last-child {
  background: #f3bc2a;
  background-size: 20px 20px;
  background-position: -2px;
  position: relative;
}

.bg_wrap>.container>.contents>.list_section tr>td:first-child>p {
  text-align: center;
  font-size: 22px;
  color: #000;
  font-weight: bold;
}

.bg_wrap>.container>.contents>.list_section tr>td:last-child>p {
  animation: blink .5s .1s infinite;
  text-align: center;
  font-size: 22px;
  color: #000;
  font-weight: bold;
}

.bg_wrap>.container>.contents>.list_section tr>td:first-child:after {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 19px solid transparent;
  border-top: 20px solid transparent;
  border-left: 13px solid #f3bc2a;
  border-right: 13px solid transparent;
  position: absolute;
  display: block;
  right: -26px;
  top: 0px;
}

.bg_wrap>.container>.contents>.list_section tr>td:nth-child(2) {
  padding-left: 24px;
}

.bg_wrap>.container>.contents>.list_section table tr th {
  padding: 10px 0;
  font-size: 16px
}

.bg_wrap>.container>.contents>.list_detail .info {
  display: flex;
  flex-wrap: wrap;
  padding: 11px 0;
  font-size: 20px;
  background: #000;
}

.bg_wrap>.container>.contents>.list_detail .info>div {
  width: calc(100% / 2);
  display: flex;
  flex-wrap: wrap;
}

.bg_wrap>.container>.contents>.list_detail .info>div>p {
  width: calc(100% / 2);
  display: flex;
  flex-wrap: wrap;
}

.bg_wrap>.container>.contents>.list_detail .btn_wrapper {
  text-align: center
}
}

/*bootstrap text banner*/
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out;
  transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block;
}

.banner-carousel .text-container {
  text-align: left;
  position: relative;
  z-index: 1;
  padding: 22px 0 35px;
  animation: bannerText 5s ease 1 forwards;
}

.banner-carousel .text-container h1 {
  color: #e91e63;
  font-size: 40px;
  font-family: SCDream9;
  background-size: 100% 100%;
  position: relative;
}

.banner-carousel .text-container * {
  margin: 0 0 .75%;
  text-shadow: 0 2px 1px #000;
}

.banner-carousel .text-container h6 {
  color: #ebb40d;
  font-family: SCDream8;
  margin: 0 0 .25%;
}

.banner-carousel .text-container.mid h1 {
  text-align: center
}

.banner-carousel .text-container.mid * {
  text-align: center
}

.banner-carousel .text-container.mid h6 {
  text-align: center
}

.banner-carousel .text-container.left h1 {
  text-align: left
}

.banner-carousel .text-container.left * {
  text-align: left
}

.banner-carousel .text-container.left h6 {
  text-align: left
}

.banner-carousel .text-container.right h1 {
  text-align: right
}

.banner-carousel .text-container.right * {
  text-align: right
}

.banner-carousel .text-container.right h6 {
  text-align: right
}

.banner-carousel .carousel-indicators {
  margin: 0;
  bottom: 0;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 0 4px;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-inner {
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
}

.banner-carousel {
  z-index: 2;
}

.carousel {
  position: relative;
}

.banner-panel {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}

.text-container h1 span {
  font-size: 60px
}

.text-container h6 {
  font-size: 40px
}

.text-container h6 span {
  font-size: 40px
}

.text-container h5 {}

.text-container h5 button {
  font-size: 60px
}

.tran.login_ani {
  animation: login_ani 1s ease-out 1 forwards;
  opacity: 0;
  top: -100px
}

.page_section .banner_section {
  width: var(--site-width);
  margin: 0 auto
}

.page_section .time_wrapper {
  width: var(--site-width);
  margin: 0 auto
}

.page_section .th_table {
  width: var(--site-width);
  margin: 0 auto
}

.page_section #chulsuk_calendar {
  width: var(--site-width) !important;
  max-width: var(--site-width) !important;
}

#bet_list_area table .sportslist2 {
  height: auto !important
}

.main_game .sports_list3>div {
  padding: 0 5px
}

.main_game .sports_list4>div {
  padding: 0 5px
}

.main_game .sports_list5>div {
  padding: 0 5px
}

.contents.mypage table th,
.contents.mypage table td {
  padding: 5px
}

.list_box td {
  text-align: center;
  padding: 5px
}

.red_time {
  line-height: 50px
}

.red_time.last_div {
  font-size: 16px;
  text-align: cneter;
  line-height: 50px
}

._hide {
  display: none
}

/*pagination*/
.pagination ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center !important;
}

.pagination ul li {
  width: 40px;
  height: 40px
}

/*btn*/
.btnbtn {
  width: 140px;
  height: 45px;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: 500;
  color: #000;
  background-color: #fff;
  border: none;
  border-radius: 45px;
  cursor: pointer;
  outline: none;
  text-align: center
}

.btnbtn a {
  color: #000;
}

.btnbtn:hover {
  color: #fff;
  transform: translateY(-7px);
}

.btnbtn.btnsize1 {
  width: 60px;
  height: 30px;
  line-height: 30px
}

.btnbtn.btnsize1:hover {
  color: #fff;
  transform: translateY(-1px);
}

.mobile {
  display: none
}

.join_popup_bg .join_wrapper form .wrapper input,
.join_popup_bg .join_wrapper form select {
  font-size: 14px;
  vertical-align: middle;
  padding: 0 20px;
  color: #fff;
  transition: 0.5s;
}

.join_popup_bg .join_wrapper form select {
  width: 100%
}


.pg_tit {
  display: none
}

.list_detail .detail.comment p {
  padding: 5px;
  text-align: center;
}

.list_detail .btn_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.list_detail.write input,
.list_detail.write textarea {
  width: 100%
}

.list_detail.write td {
  padding: 6px;
}

textarea#content {
  height: 500px;
  border: 1px solid #444444;
  background: #171717;
  font-size: 14px;
  vertical-align: middle;
  padding: 0 20px;
  color: #fff;
  transition: 0.5s;
}

.btnbtn>a {
  width: 100%;
  height: 100%;
  line-height: 45px;
  display: block
}

.id.info_inner p {
  align-items: center;
}

.list_detail .detail.comment p {
  font-size: 18px;
}

.id.info_inner img {
  width: 30px;
  height: 30px
}

.all_list {
  width: 100% !important
}