@charset "utf-8";

/* 폰트 */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
  font-family: "Headliner-No-45";
  src: url("fonts/Headliner-No-45.ttf.woff") format("woff"),
    url("fonts/Headliner-No-45.ttf.svg") format("svg"),
    url("fonts/Headliner-No-45.ttf.eot"),
    url("https://www.battlegroundsmobileindia.com/common/css/fonts/Headliner-No-45.eot?") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Agency FB MO";
  font-style: normal;
  font-weight: 700;
  src: local("Agency FB"), local("AgencyFB"),
    url("fonts/agency-fb.woff") format("woff"),
    url("fonts/agency-fb.ttf") format("truetype");
}

/* Common */
.resp.resp__mobile {
  display: none;
}
.clear_wrap:before,
.clear_wrap:after {
  content: " ";
  display: table;
}
.clear_wrap:after {
  clear: both;
}
.clear_wrap {
  *zoom: 1;
}
.clear_ine {
  clear: both;
}
.ani {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.appearance {
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.boxsizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contains {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
}

.page_list a,
.en {
  font-family: "Headliner-No-45";
  letter-spacing: 0;
}

#viewport {
  height: 100%;
}
html.gnb_active,
body.gnb_active {
  overflow-y: hidden;
}

.btns {
  padding: 10px;
  min-width: 120px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
}
.btns + .btns {
  margin-left: 4px;
}
.btn_share .btns + .btns {
  margin-left: 0;
}
.btns.btn_y {
  color: #333;
  background: #f2a900;
}
.btns.btn_g {
  color: #333;
  background: #e6e6e6;
}
.btns.btn_y2 {
  color: #fff;
  background: #f87002;
}
.btns.btn_b {
  color: #fff;
  background: #333;
}
.btns.btn_w {
  color: #333;
  background: #fff;
}
.btns.btn_wline {
  color: #fff;
  background: none;
  border: 1px solid #fff;
}
.btns.btn_yw {
  border: 2px solid #f2a900;
  color: #f2a900;
}
.btns.btn_yw + .btns {
  border: 2px solid #fff;
}
.btns.btn_yw + .btns.btn_y {
  border-color: #f2a900;
}
.btns.btn_bw {
  border: 2px solid #333;
  color: #333;
}

/* 선택박스 */
.category_wrap {
  margin: 0px auto 40px;
  text-align: center;
}
.category_wrap select {
  padding: 10px 30px 8px 10px;
  border: 1px solid #d5d5d5;
  background: url("../img/icon/select_arrow.png") no-repeat 95% 50%;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 220px;
  font-size: 20px;
  color: #666;
}
.category_wrap select::-ms-expand {
  display: none;
}
.category_wrap select option {
  font-size: 16px;
  color: #999;
}

.page_animate {
  -webkit-transform: translateY(200px);
  -moz-transform: translateY(200px);
  -ms-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-transition: transform 0.3s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: transform 0.3s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: transform 0.3s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: transform 0.3s cubic-bezier(0, 0, 0.58, 1);
  transition: transform 0.3s cubic-bezier(0, 0, 0.58, 1);
}
.page_animate.animate_delay {
  -webkit-transform: translateY(300px);
  -moz-transform: translateY(300px);
  -ms-transform: translateY(300px);
  transform: translateY(300px);
  -webkit-transition: transform 0.4s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: transform 0.4s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: transform 0.4s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: transform 0.4s cubic-bezier(0, 0, 0.58, 1);
  transition: transform 0.4s cubic-bezier(0, 0, 0.58, 1);
}
.page_animate.animate {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

/* 헤더 */
#header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 76px;
  z-index: 500;
}
#header .bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; /*background:url("../img/common/bg_header.png") repeat;*/
  background: #000;
  opacity: 1;
  z-index: 1;
}
#header.bg .bg {
  opacity: 1;
}
#header .contains {
  position: relative;
  z-index: 20;
  width: 100%;
  max-width: 100%;
}
#header .logo {
  position: absolute;
  left: 20px;
  top: 13px;
  z-index: 20;
}
#header .logo a,
#header .logo img {
  display: block;
  height: 50px;
}
#header .logo a + a {
  display: none;
}

#gnb {
  position: relative;
  text-align: center;
  padding-top: 23px;
}
#gnb ul.gnb_menu li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px; /*margin:0 15px*/
}
#gnb ul.gnb_menu a {
  display: block;
  padding: 0 10px 2px;
  line-height: 32px;
  font-size: 20px;
  letter-spacing: 0.5px; /*font-weight:700;*/
  color: rgba(255, 255, 255, 0.5); /*font-family: 'Open Sans', sans-serif*/
}
#gnb ul.gnb_menu a span {
  vertical-align: middle;
}

#gnb ul.gnb_menu a.gnb_link span {
  display: inline-block;
  position: relative;
  margin-right: 12px;
}
#gnb ul.gnb_menu a.gnb_link span::after {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  top: 7px;
  right: -18px;
  background: url(../img/common/link.png) center no-repeat;
  background-size: 12px 12px;
  opacity: 0.5;
}

#gnb ul.gnb_menu a span.ko {
  font-size: 16px;
  margin-top: -5px;
  display: block;
  letter-spacing: 0;
}
#gnb ul.gnb_menu a span + span {
  font-size: 0.75em;
  font-weight: bold;
  letter-spacing: -1.5px;
  margin-left: 4px;
}
#gnb ul.gnb_menu a span.icon {
  width: 31px;
  margin-right: 15px;
  margin-left: -25px;
  display: inline-block;
}
#gnb ul.gnb_menu a span.icon img {
  display: none;
}
#gnb.hide_m ul.gnb_menu a.active {
  color: #f2a900;
}
#gnb.hide_m ul.gnb_menu a:hover {
  color: #fff;
}
#gnb.hide_m ul.gnb_menu a.gnb_link:hover span::after {
  opacity: 1;
}
#gnb.hide_m ul.gnb_menu a.active span.icon img,
#gnb.hide_m ul.gnb_menu a:hover span.icon img {
  display: inline-block;
}
#gnb .mobile {
  display: none;
}
#header .btn {
  display: block;
  position: absolute;
  right: 18px;
  top: 18px;
  z-index: 40;
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
}
#header .btn .icon {
  display: block; /*width:25px*/ /*background: rgba(255,255,255,0.3)*/
  background: #f2a900;
  display: none;
}
#header .btn.btn_close .icon {
  background: none;
  width: 60px;
  display: block;
}

/*.bg #gnb ul.gnb_menu a{color:rgba(0,0,0,0.50);}*/
.bg #gnb.hide_m ul.gnb_menu a.active,
.bg #gnb.hide_m ul.gnb_menu a:hover {
  color: #f2a900;
}

#gnb ul {
  margin: 0 auto;
  vertical-align: middle;
  text-align: left;
}
#gnb ul:first-child {
  padding-left: 170px;
}
#gnb ul.gnb_menu {
  vertical-align: middle;
}

#gnb ul.gnb_sns {
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle;
}
#gnb ul.gnb_sns li {
  float: left;
  padding-top: 12px;
}
#gnb ul.gnb_sns a {
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
}
#gnb ul.gnb_sns a img {
  width: 100%;
}
#header img.on {
  display: none !important;
}
/*.bg#header img.nm {display:none!important}
.bg#header img.on {display:block!important}*/
#gnb ul.gnb_sns li + li {
  margin-left: 5px;
}
#gnb ul.gnb_sns a:hover img.nm {
  display: none !important;
}
#gnb ul.gnb_sns a:hover img.on {
  display: block !important;
}
#gnb ul.gnb_sns a.hide {
  display: none;
  margin-top: 5px;
}
#gnb ul.gnb_sns a.hide img {
  border-radius: 50%;
}
#gnb ul.gnb_sns li.share:hover a {
  opacity: 1;
  display: block;
}
#gnb ul.gnb_sns li.share:hover a.hide {
  display: block;
}
#gnb ul.gnb_sns li.odd {
  padding-top: 0;
  margin-left: 20px;
}
#gnb ul.gnb_sns li.odd a {
  width: auto;
  height: auto;
}
#gnb ul.gnb_sns li.odd + .odd {
  margin-left: 0;
  border-left: 1px solid #000;
}
#gnb ul.gnb_sns li.odd span {
  background: #eca800;
  color: #333;
  padding: 0 24px;
  height: 76px;
  font-weight: 700;
  line-height: 76px;
  font-size: 22px;
  cursor: pointer;
  display: block;
}
#gnb ul.gnb_sns li.odd span:hover {
  background: #d49700;
}
#gnb ul.gnb_sns li.odd.shop span {
  background: #3a3a39;
  color: #fff;
}
#gnb ul.gnb_sns li.odd + .odd span {
  background: #e2ad0d;
}
#gnb ul.gnb_sns li.odd + .odd span:hover {
  background: #cb9b0c;
}
#gnb ul.gnb_sns li.odd span + span,
.page_info #gnb ul.gnb_sns li.odd span {
  display: none;
}
.page_info #gnb ul.gnb_sns li.odd span + span {
  display: block;
}
#gnb ul.gnb_sns li.odd.search {
  margin-left: 0;
}
#gnb ul.gnb_sns li.odd.search span {
  background: #333;
  color: #fff;
}
#gnb ul.gnb_sns li.gnb_shop {
  margin-left: 0;
}
#gnb ul.gnb_sns li.gnb_shop a {
  padding: 0 13px;
  box-sizing: content-box;
}
/*#header.bg .logo img { display:none}
#header.bg #gnb ul.gnb_sns { right:20px;}*/

#header .logo img.logo_b,
#header.bg .logo img.logo_top {
  display: none;
}
#header.bg .logo img.logo_b {
  display: block; /* height: 55px*/
}

#gnb.show_m .gnb_menu ul {
  width: 100%; /*border:2px solid #606164; background:url(../img/common/bg_quickmenu.png) repeat; */
  text-align: center;
  margin: 0 auto;
  float: none;
  padding: 0;
  border-top: 1px solid #333;
}
#gnb.show_m .gnb_menu {
  padding: 60px 0 0;
}
/*#gnb.show_m .gnb_menu li:first-child {border-top:2px solid #fff}*/
#gnb.show_m .gnb_menu li {
  float: none;
  border-bottom: 1px solid #333;
  padding: 5px 0 2px;
  margin: 0 10px;
}
#gnb.show_m .gnb_menu li.gnb_sns {
  border: 0;
  padding: 20px 0 10px;
}
#gnb.show_m .gnb_menu li a {
  color: #fff;
  display: block;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
}
#gnb.show_m .gnb_menu li a.active {
  color: #f2a900;
}
#gnb.show_m .gnb_menu li a span {
  display: block;
}
#gnb.show_m .gnb_menu li a span.ko {
  font-size: 18px;
  font-weight: 700;
}
#gnb.show_m .gnb_menu li a span.eng {
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  opacity: 0.5;
}

#gnb.show_m .gnb_menu li a.gnb_link span {
  display: inline-block;
  position: relative;
}
#gnb.show_m .gnb_menu li a.gnb_link span::after {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  top: 4px;
  right: -18px;
  background: url(../img/common/link.png) center no-repeat;
  background-size: 12px 12px;
}

#gnb.show_m .gnb_info {
  color: #fff;
  width: 70%;
  margin: 15px auto 0;
}
#gnb.show_m .gnb_info .reservation {
  float: left;
}
#gnb.show_m .gnb_info p.eng {
  font-size: 22px;
  font-family: "Open Sans", sans-serif;
  opacity: 0.5;
}
#gnb.show_m .gnb_info p,
#gnb.show_m .gnb_info p a {
  color: #fff;
  text-align: left;
  font-size: 18px !important;
}
#gnb.show_m .gnb_menu ul.gnb_sns {
  border: 0;
  width: auto;
  float: none;
  padding: 0;
}
#gnb.show_m .gnb_menu ul.gnb_sns li {
  margin: 0;
  float: left;
}
#gnb.show_m .gnb_menu ul.gnb_sns li.line {
  width: 2px;
  height: 15px;
  background: #999;
  display: block;
  margin: 14px 0;
}
#gnb.show_m .gnb_menu ul.gnb_sns li a {
  width: 40px;
  height: 30px;
  margin: 0;
  background: none !important;
  text-align: center;
}
#gnb.show_m .gnb_menu ul.gnb_sns li a img {
  width: 20px;
}

.gnb_sns.show_m {
  position: fixed;
  top: 10px;
  right: 130px;
  z-index: 200;
}
.gnb_sns.show_m li {
  display: inline-block;
  vertical-align: middle;
}
.gnb_sns.show_m li img {
  width: 38px;
}
/* 에니메이션 */
#header,
#header .bg,
#gnb,
#gnb a,
.menu_list .bg_cover,
#quick_menu,
#quick_menu a,
.main_slide .btn_slide,
.main_slide2 .btn_slide,
.main_slide3 .btn_slide,
.btn_main_scroll,
#header .btn,
#btn_top,
.sub_shopinfo .box_wrap .img_wrap {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* 퀵메뉴 */

/*.quickmenu_wrap { position:fixed; top:50%; margin-top:-95px; right:0; width:78px; height:190px;overflow: hidden; z-index: 99}*/
.quickmenu_wrap {
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 67px;
  height: 22px;
  overflow: hidden;
  z-index: 99;
}
.quickmenu_wrap .quick_logo {
  background: #333;
  display: block;
  width: 100%;
  text-align: center;
  padding: 18px 0;
}
.quickmenu_wrap .quick_logo img {
  width: 50px;
}
.quickmenu_wrap ul li {
  width: 100%;
  text-align: center;
}
.quickmenu_wrap ul li a {
  background: url(https://www.battlegroundsmobileindia.com/common/img/common/quick_line_on.png) left top no-repeat;
}
.quickmenu_wrap ul li:last-child {
  background: url(https://www.battlegroundsmobileindia.com/common/img/common/quick_line_on.png) left bottom no-repeat;
}
.quickmenu_wrap ul li:last-child a {
  background: url(https://www.battlegroundsmobileindia.com/common/img/common/quick_line_on.png) left top no-repeat;
}
.quickmenu_wrap ul li a {
  font-size: 14px;
  padding: 10px 0;
  color: #f2a900;
  font-weight: 700;
  display: block;
  font-style: italic;
}
.quickmenu_wrap ul li:hover a,
.quickmenu_wrap ul li.active a {
  color: #f2a900;
}

.quickmenu_wrap ul li:hover a,
.quickmenu_wrap ul li.active a {
  background-image: url(https://www.battlegroundsmobileindia.com/common/img/common/quick_line_on.png);
}
.quickmenu_wrap ul li:hover + li a,
.quickmenu_wrap ul li.active + li a {
  background: url(https://www.battlegroundsmobileindia.com/common/img/common/quick_line_on.png) left top no-repeat;
}
.quickmenu_wrap ul li:last-child:hover,
.quickmenu_wrap ul li:last-child.active {
  background-image: url(https://www.battlegroundsmobileindia.com/common/img/common/quick_line_on.png);
}

.quickmenu_wrap ul li:hover span {
  color: #f2a900;
  display: block;
  text-shadow: 0 0 10px #f2a900;
}

.quickmenu_wrap ul li:first-child.active a {
  color: #f2a900;
}
.quickmenu_wrap ul li:first-child.active + li a,
.quickmenu_wrap ul li:first-child.active + li + li a {
  color: #999;
}
.quickmenu_wrap ul li:first-child.active + li + li,
.quickmenu_wrap ul li:first-child.active + li + li a {
  background-image: url(https://www.battlegroundsmobileindia.com/common/img/common/quick_line.png);
}

.quickmenu_wrap ul li:nth-child(2).active a {
  color: #f2a900;
}
.quickmenu_wrap ul.schedule_on li:first-child a,
.quickmenu_wrap ul li:nth-child(2).active + li a {
  color: #999;
}
.quickmenu_wrap ul.schedule_on li:first-child a,
.quickmenu_wrap ul li:nth-child(2).active + li {
  background-image: url(https://www.battlegroundsmobileindia.com/common/img/common/quick_line.png);
}

.quickmenu_wrap ul.prize_on li:first-child a,
.quickmenu_wrap ul.prize_on li:nth-child(2) a {
  color: #999;
}
.quickmenu_wrap ul.prize_on li:first-child a,
.quickmenu_wrap ul.prize_on li:nth-child(2) a {
  background-image: url(https://www.battlegroundsmobileindia.com/common/img/common/quick_line.png);
}

.quickmenu_wrap ul:hover li:not(:hover) a,
.quickmenu_wrap ul:hover li:not(:hover):last-child {
  background-image: url(https://www.battlegroundsmobileindia.com/common/img/common/quick_line.png) !important;
  color: #999 !important;
}

.quickmenu_wrap ul:hover li:first-child:hover + li:not(:hover):nth-child(2) a,
.quickmenu_wrap ul:hover li:nth-child(2):hover + li:not(:hover) a {
  background-image: url(https://www.battlegroundsmobileindia.com/common/img/common/quick_line_on.png) !important;
}

.quickmenu_wrap ul li:last-child:hover,
.quickmenu_wrap ul li:last-child:hover a,
.quickmenu_wrap ul li:first-child:hover a,
.quickmenu_wrap ul li:nth-child(2):hover a {
  background-image: url(https://www.battlegroundsmobileindia.com/common/img/common/quick_line_on.png) !important;
}

@keyframes animButtonSpan {
  0% {
    transform: translateX(0);
    opacity: 1;
  }

  33% {
    transform: translateX(20px);
    opacity: 0.5;
  }

  66% {
    transform: translateX(-20px);
    opacity: 0.5;
  }

  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

/*.quickmenu_wrap ul li a {			position: relative;
	z-index: 1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.quickmenu_wrap ul li a:after {
	content: "";
	width: 0%;
	height: 100%;
	top: 0;
	position: absolute;
	left: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	background: #f2a900;
}
.quickmenu_wrap ul li a:hover {
	color: #333;
}
.quickmenu_wrap ul li a:hover:after {
	width: 100%;
	z-index: -1;
}
*/

.quick_btn_box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
}
.quick_btn_box a {
  display: block;
  background: #3a3a39;
  text-align: center;
  padding: 15px 0 10px;
}
.quick_btn_box a img {
  width: 45%;
}

/* 푸터 */
#btn_top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 100;
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
}
#btn_top .icon {
  display: block;
}
#btn_top.active {
  filter: "";
  opacity: 1;
  visibility: visible;
}

#btn_top {
  position: fixed;
  right: 20px;
  bottom: 70px;
  text-indent: -9999px;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  background: #fff url(../img/btn/btn_top.png) center no-repeat;
  background-size: 50px auto;
  display: block;
  margin: 0;
}
/*#btn_top:hover { background-color:#f2a900}*/
/*#btn_top:hover { background:url(../img/btn/btn_top_on.png) no-repeat;}*/

#footer {
  position: relative;
  z-index: 50;
  background: #fff;
  border-top: 1px solid #d5d5d5;
  padding: 25px 0;
  clear: both;
}
#footer .footer_wrap {
  margin: 0 auto;
  overflow: hidden;
}
#footer .footer_text {
  position: relative;
  text-align: center;
}
#footer .footer_text {
  vertical-align: middle;
}
#footer .footer_text .logo {
  display: block;
  margin-bottom: 10px;
}
#footer .footer_text .logo img {
  opacity: 0.7;
}

#footer .footer_text .copyright {
  font-size: 15px;
  color: #999;
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  line-height: 18px;
  margin-bottom: 5px;
}
#footer .footer_text span {
  line-height: 16px;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  zoom: 1;
  letter-spacing: 0.5px;
}
#footer .footer_text .line {
  opacity: 0.5;
}
#footer .footer_partner {
  text-align: center;
}
#footer .footer_partner .tit {
  font-size: 18px;
  margin-right: 10px;
  vertical-align: middle;
  line-height: 50px;
  height: 50px;
}
#footer .footer_partner a {
  vertical-align: middle; /*line-height: 50px; height: 50px;*/
  width: 85px;
  display: inline-block;
}
#footer .footer_partner a img {
  width: 100%;
  height: 100%;
}
#footer .footer_partner a + a {
  margin-left: 10px;
}

#footer {
  border-top: 1px solid #2d2c2c;
  background-color: #000000;
  text-align: center;
}
#footer .footer_text .logo {
  display: block;
  margin: 0 auto;
}
#footer .footer_text .logo a {
  opacity: 1;
}
#footer .footer_text .logo img {
  opacity: 1;
  max-height: 20px;
}
#footer .footer_text .copyright {
  margin: 0 auto;
  padding: 7px 0;
}
#footer .footer_text a {
  color: #fff;
  font-size: 15px;
  letter-spacing: 0;
  position: relative;
  display: inline-block;
  opacity: 0.5;
}
#footer .footer_text a:hover {
  opacity: 1;
}
#footer .footer_text a + a {
  margin-left: 20px;
}
#footer .footer_text a + a::before {
  content: "";
  width: 1px;
  height: 14px;
  background: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: -10px;
  opacity: 0.7;
}
/*.quickmenu_wrap #btn_top {position:relative;right:auto;bottom:auto; text-indent:-9999px; width:67px; height:22px; background:url(../img/btn/btn_top.png) no-repeat; display:block; margin:0}
.quickmenu_wrap #btn_top:hover { background:url(../img/btn/btn_top_on.png) no-repeat;}*/

/* 메인 */
.main_slider .swiper-pagination-bullet-active {
  background: #fff;
  border-radius: 0;
  width: 25px;
  height: 2px;
}
.main {
  background: #000;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100vh;
}
.main iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 130%;
  margin-top: -5%;
  opacity: 0.6;
  z-index: 50;
}

.main .mobile_img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 50;
}

.main_slider .txt_wrap {
  margin-top: 0;
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.main_slider .txt_wrap .contains {
  display: table-cell;
  vertical-align: middle;
  max-width: inherit;
}

.main_slider .txt_wrap .img img {
  max-width: 65%;
}
.main_slider .txt_wrap .tit1 {
  font-size: 68px;
  letter-spacing: 1px;
  line-height: 1em;
  position: relative;
  color: #f2a900;
  margin-top: 50px;
}
.main_slider .txt_wrap .tit2 {
  font-size: 75px;
  font-weight: 700;
  line-height: 1em;
  position: relative;
  color: #fff;
  display: block;
}

.main {
  padding: 0;
  text-align: center;
  background: #000;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.main .text_wrap {
  position: relative;
  z-index: 20;
}

.main .btn_wrap {
  text-align: center;
  margin: 40px auto 0;
  display: block;
}
.main .btn_wrap a {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  background: #f2a900;
  padding: 15px 0;
  font-size: 0;
  font-weight: 700;
  position: relative;
  min-width: 120px;
  background: #3a3a39;
  min-width: 250px;
}
.main .btn_wrap a img {
  height: 34px;
}
.main .btn_wrap a.btn_url {
  margin-left: 4px;
  background: #eca800;
}
.main .btn_wrap span.txt {
  height: 34px;
  line-height: 35px;
  color: #333;
  font-weight: 700;
  font-size: 22px;
  display: inline-block;
  vertical-align: middle;
}
.main .btn_wrap span.ic {
  width: 14px;
  height: 13px;
  background: url(../img/icon/download.png) center no-repeat;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  position: relative;
}

.main .btn_wrap a {
  background: #eca800;
}
.main .btn_wrap a + a {
  background: #3a3a39;
  margin-left: 4px;
}
.main .btn_wrap a + a span.txt {
  color: #fff;
}

.main_panel {
  padding: 100px 0;
  background-color: #f9f9f9;
}
.main_panel .btn_wrap {
  margin: 0;
  text-align: center;
  clear: both;
  margin: 20px auto 0;
}
.main_panel .btn_wrap a {
  display: inline-block;
  color: #666;
  font-size: 20px;
  border: 2px solid #d5d5d5;
  min-width: 200px;
  height: 50px;
  line-height: 52px;
}

.main_panel .btn_wrap a.notice {
  background: #333;
  border-color: #333;
  color: #fff;
}

.main_panel .btn_wrap a.facebook {
  background: #4a61b1;
  border-color: #4a61b1;
  color: #fff;
}
.main_panel .btn_wrap a.facebook span {
  display: inline-block;
  position: relative;
  padding-right: 18px;
}
.main_panel .btn_wrap a.facebook span::after {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 0;
  background: url(../img/common/link.png) center no-repeat;
  background-size: 12px 12px;
}

.main_panel .sns_link {
  text-align: center;
  margin-top: 10px;
  margin-bottom: -20px;
}
.main_panel .sns_link li {
  display: inline-block;
  margin: 0 4px;
}
.main_panel .sns_link a {
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50px;
  background: #222;
}
.main_panel .sns_link a img {
  width: 100%;
}

.sub_panel {
  padding: 40px 0;
  background-color: #f9f9f9;
  min-height: calc(100vh - 470px);
}
.sub_panel.bg_g {
  background: #f4f4f4;
}

/* 메인 > news */
.main_panel.news_panel {
  background: url("../img/main/news_bg.jpg") center bottom no-repeat;
  background-size: cover;
}
.main_panel.news_panel.video_panel {
  background: url("../img/main/video_bg.jpg") center bottom no-repeat;
  background-size: cover;
}

.main_panel.news_panel.prevideo_panel {
  background: url("../img/main/videot_bg.jpg") center bottom no-repeat;
  background-size: cover;
}
.main_panel.news_panel.prevideo_panel .con_box {
  position: relative;
}

.main_panel.pre_panel {
  background: url("../img/main/item_bg.jpg") no-repeat center 50% / cover;
  padding-top: 120px;
  padding-bottom: 90px;
}
.main_panel.pre_panel .contains > .con_box {
  margin-top: -100px;
}

/* 연간 스케쥴 */
.year_schedule {
  text-align: center;
}
.year_schedule img {
  width: 100%;
  margin: 0 auto;
}

.year_schedule .schedule_box table {
  border-top: 2px solid #333;
  table-layout: fixed;
  border-bottom: 1px solid #d5d5d5;
}
.year_schedule .schedule_box table thead td {
  font-weight: 700;
  color: #333;
  font-size: 16px;
}
.year_schedule .schedule_box table td {
  width: 8%;
  border-bottom: 1px solid #d5d5d5;
  padding: 10px 0;
  text-align: center;
}

.year_schedule .schedule_box table td p {
  font-size: 15px;
  padding: 10px 0;
  width: 95%;
  height: 100%;
  text-align: center;
  color: #666;
  background: #f8f8f8;
  font-weight: 700;
}
.year_schedule .schedule_box table td p.now {
  background: #f2a900;
  color: #fff;
}
.year_schedule .schedule_box table td.fin {
  position: relative;
}
.year_schedule .schedule_box table td.fin p {
  padding: 40px 0;
}
/*.year_schedule .schedule_box table td.fin p {position: absolute; right:0; top:0; bottom:0px; background:#000; }
.year_schedule .schedule_box table td.fin p.hide_m span {background:#f8f8f8; height:100%; display:block;position: absolute; }*/

.year_schedule .table_desc {
  text-align: right;
  margin-top: 10px;
  font-size: 12px;
  color: #666;
}
.year_schedule .table_desc.w {
  color: #fff;
}

/* 메인 바로가기 링크 */
.main_link {
  width: 100%;
  margin: 0 auto;
  background: #f2a900 url("https://www.battlegroundsmobileindia.com/common/img/main/link_bg.jpg") bottom center no-repeat;
  background-size: auto 100%;
  display: block;
  padding: 28px 0 24px;
  display: none !important;
}
.main_link p {
  display: inline-block;
  vertical-align: middle;
  line-height: 1em;
}
.main_link p.tit {
  padding-left: 340px;
  font-size: 32px;
  color: #333;
  font-weight: 700;
}
.main_link p.line {
  width: 1px;
  height: 20px;
  background: #333;
  opacity: 0.7;
  margin: 0 10px;
  margin-top: -5px;
}
.main_link p.txt {
  font-size: 26px;
  color: #333; /*font-weight: 700;*/
  margin-top: -7px;
}
.main_link p.txt .en {
  font-size: 30px;
  margin-right: 4px;
}
.main_link p.icon {
  margin-left: 40px;
  margin-top: -4px;
}

/* 매인_히스토리 */
.main_history {
  background: #f2f2f2;
  overflow: hidden;
}
.main_history .pmsc_season {
  background: #f2a900;
  position: relative;
  overflow: hidden;
  display: block;
}
.main_history .pmsc_season .table_box {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.main_history .pmsc_season .table_box .table_cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%;
}
.main_history .pmsc_season .table_box .table_cell .tit {
  color: #fff;
  font-size: 40px;
  display: block;
  margin: 0 auto 10px;
  line-height: 1em;
}
.main_history .pmsc_season .table_box .table_cell .btn {
  display: inline-block;
  padding: 5px 15px;
  color: #fff;
  font-size: 18px;
  border: 1px solid #fff;
}
.main_history .pmsc_season .table_box .table_cell .btn:hover {
  background: #fff;
  color: #f2a900;
}

/* 서브_히스토리 */
.sub_history {
  position: relative;
  overflow: hidden; /*background:url(../img/history/bg.jpg) center no-repeat; background-size:cover*/
}
.sub_history .pmsc_season {
  background: #f2a900;
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.sub_history .pmsc_season .table_box {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sub_history .pmsc_season .table_box .table_cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%;
}
.sub_history .pmsc_season .table_box .table_cell .tit {
  color: #fff;
  font-size: 40px;
  display: block;
  margin: 0 auto 10px;
  line-height: 1em;
}
.sub_history .pmsc_season .table_box .table_cell .btn {
  display: inline-block;
  padding: 5px 15px;
  color: #fff;
  font-size: 18px;
  border: 1px solid #fff;
}
.sub_history .pmsc_season .table_box .table_cell .btn:hover {
  background: #fff;
  color: #f2a900;
}

.history_slide {
  position: relative;
  backgrond: #fff; /*box-shadow: 0px 0px 10px rgb(0,0,0,0.1);*/
  border: 1px solid #d5d5d5;
  border-top: 5px solid #f2a900;
  padding: 80px 20px 0; /*margin-bottom:40px*/
}
.history_slide .line {
  width: 1px;
  height: 98%;
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  background: #000;
  opacity: 0.1;
}
.history_slide .dot {
  width: 10px;
  height: 10px;
  display: block;
  background: #f2a900;
  margin: 0 auto 0;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 2%;
  margin-left: -5px;
}
.history_slide .table_box {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin-bottom: 40px;
}
.history_slide .table_box .table_cell {
  width: 50%;
  display: table-cell;
  vertical-align: top;
  text-align: right;
}
.history_slide .table_box .table_cell .text_box .title {
  font-size: 24px;
  color: #f2a900;
  margin-bottom: 10px;
  font-weight: 700;
}
.history_slide .table_box .table_cell .text_box .desc {
  font-size: 16px;
  color: #666;
}
/*.history_slide .table_box .table_cell .text_box.align_r {text-align:right; border-right:2px solid #f2a900;padding-right:20px;}*/

.history_slide .table_box .table_cell .text_box ul {
  display: inline-block;
  width: 65%;
  margin-top: 20px;
}
.history_slide .table_box .table_cell .text_box ul li {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.history_slide .table_box .table_cell .text_box ul li + li {
  margin-top: 5px;
}
.history_slide .table_box .table_cell .text_box ul li span {
  display: table-cell;
  color: #666;
  font-size: 16px;
  padding: 5px 10px;
  background: #eee;
  letter-spacing: -0.5px;
  word-break: break-all;
  vertical-align: middle;
}
.history_slide .table_box .table_cell .text_box ul li span:first-child {
  text-align: center;
  font-weight: 700;
  width: 40%;
  background: #d2d2d2;
}
.history_slide .table_box .table_cell .text_box ul li span:last-child {
  width: 60%;
  text-align: left;
  font-size: 14px;
}
.history_slide .table_box .table_cell .text_box ul li.winner span:first-child {
  color: #333;
  background: #f2a900;
}

.history_slide .table_box .table_cell .text_box.align_r {
  /*text-align:left;*/
  border-right: 2px solid #f2a900;
  padding-right: 40px;
  width: 75%;
  float: right;
}
.history_slide .table_box .table_cell .text_box.align_l {
  text-align: left;
  border-left: 2px solid #f2a900;
  padding-left: 40px;
}
.history_slide .table_box .table_cell a {
  margin-right: 40px;
  width: 75%;
}

.history_slide .table_box .table_cell + .table_cell {
  text-align: left;
}
.history_slide .table_box .table_cell + .table_cell a {
  margin-right: 0;
  margin-left: 40px;
}

.sub_history .slide-arr {
  position: relative;
  top: auto;
  width: 380px;
  background: url("https://www.battlegroundsmobileindia.com/common/img/history/top.png") center bottom no-repeat;
  margin: 0 auto;
  text-align: center;
  margin-bottom: -5px;
}
.sub_history .year {
  display: inline-block;
  vertical-align: middle;
  font-size: 40px;
  min-width: 60%;
  text-align: center;
  color: #333;
}
.sub_history .arr {
  position: relative;
  top: 4px;
  display: inline-block;
  vertical-align: middle;
}
/*.sub_history #prev{ left: auto; right:0; background-image: url(../slick/btn_next.png);  }
.sub_history #next{right:auto;left: 0; background-image: url(../slick/btn_prev.png);}*/
.sub_history #prev {
  left: 0;
}
.sub_history #next {
  right: 0;
}

/* 메인 > 페북 상단 */
.facebook_top {
  background: url("../img/main/sns_bg.jpg") left center no-repeat;
  background-size: cover;
  margin: 0 auto 20px;
}
.facebook_top a {
  display: block;
  padding: 20px 40px;
}
.facebook_top a .inner {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.facebook_top a .img {
  width: 90px;
}
.facebook_top a .img img {
  width: 70px;
  height: 70px;
  border-radius: 70px;
}
.facebook_top a .img,
.facebook_top a .profile {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  position: relative;
}
.facebook_top a .profile p {
  color: #fff;
  font-size: 30px;
}
.facebook_top a .profile p.tit {
  letter-spacing: 2px;
}
.facebook_top a .profile p.desc {
  opacity: 0.5;
  font-size: 20px;
}
.facebook_top a .profile::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 15%;
  margin-top: -6px;
  background: url("https://www.battlegroundsmobileindia.com/common/img/main/arrow.png") center no-repeat;
  width: 50px;
  height: 12px;
  background-size: 50px 12px;
}

/* 서브 공통 */
.sub_tit {
  text-align: center;
}
.sub_tit .top_tit {
  font-size: 36px;
  color: #333;
  font-weight: 700;
  letter-spacing: -2px;
  line-height: 1.2em;
}
.sub_tit .top_tit.en {
  font-size: 55px;
  color: #333 !important;
  font-weight: normal;
  letter-spacing: 0.5px;
}
.sub_tit .top_tit .en {
  font-size: 1.2em;
  font-weight: normal;
  margin-right: 4px;
}
.sub_tit .top_tit.en .line {
  font-family: "Teko", "Oswald", sans-serif;
}

.sub_tit .top_desc {
  font-size: 24px;
  color: #333;
  line-height: 1.2em;
}

.sub_tit p.w {
  color: #fff !important;
}

.sub_tit .txt {
  font-size: 16px;
  color: #666;
  line-height: 1.4em;
}
.sub_tit .top_tit + .txt {
  margin-top: 10px;
}

/* VIDEO */
.video_panel .sub_tit .top_tit.en {
  color: #fff !important;
  letter-spacing: 2px;
}
.video_panel {
  text-align: center;
}
.video_panel .news_slide .btn_menu {
  background: transparent;
}
.video_panel .news_slide .btn_menu .txt {
  background: #fff;
  display: block;
  margin-top: -10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.video_panel .swiper-container {
  margin-top: 20px;
}
.video_panel .swiper-container .news_slide .list_box {
  padding: 0;
  width: auto;
  display: block;
  text-align: left;
}

.video_panel .swiper-pagination {
  position: relative;
}
.video_panel .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
  margin: 0 2px;
}
.video_panel .swiper-pagination-bullet-active {
  background: #f2a900;
  width: 20px;
  border-radius: 15px;
}
.video_panel .swiper-button-prev {
  z-index: 500;
  left: 50%;
  margin-left: -600px;
  background: #fff url("../img/btn/popup_prev.png") center no-repeat;
  background-size: 10px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  color: transparent;
}
.video_panel .swiper-button-next {
  z-index: 500;
  right: 50%;
  margin-right: -600px;
  background: #fff url("../img/btn/popup_next.png") center no-repeat;
  background-size: 10px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  color: transparent;
}

.video_panel .my-button-disabled {
  display: none;
}

/* pre_panel */
.pre_panel .sub_tit .top_tit.en {
  letter-spacing: 2px;
  font-size: 80px;
  line-height: 1;
  text-shadow: 1px 1px 0 #000;
  color: #fac746 !important;
}
.pre_panel .sub_tit .top_desc {
  margin-top: 8px;
  color: #fffac1;
  font-size: 56px;
  font-family: "Agency FB";
  font-weight: 700;
  text-shadow: 1px 1px 0 #000;
}
.pre_panel .sub_tit .top_date {
  color: #000;
  font-size: 40px;
  font-weight: normal;
  margin-top: 5px;
}
.pre_panel .con_box img {
  display: block;
  margin: 0 auto;
}
.pre_panel .con_box img.show_m {
  width: 100%;
}

/* popup_trailer */
.popup_mask {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100;
  display: none;
}
.videowrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.popup_trailer {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: table;
  z-index: 900;
  display: none;
  overflow-y: auto;
}
.popup_trailer .video_box {
  width: 100%;
  display: table;
  height: 100%;
  position: relative;
  overflow-y: auto;
}
.popup_trailer .video_box .box {
  display: table-cell;
  vertical-align: middle;
  overflow-y: auto;
  padding: 50px 0;
}
.popup_trailer .video_box .box .popup_close {
  text-align: right;
  z-index: 999;
  position: relative;
}
.popup_trailer .video_box .box .popup_close a {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../img/btn/popup_close2.png) center no-repeat;
}
.popup_trailer .videowrapper {
  z-index: 999;
  display: none;
}
.popup_trailer .videowrapper.video_en {
  display: block;
  border: 3px solid #f89828;
}

.open_video {
  overflow: hidden;
}
.open_video .popup_trailer {
  display: block;
}
.open_video .popup_mask {
  display: block;
}

/* 서브 비쥬얼 */
.sub_visual {
  width: 100%;
  text-align: center;
  background: #000 url("../img/bbs/top_visual.jpg") 50% top no-repeat;
  background-size: cover;
  padding: 118px 0 0;
  margin-top: 76px;
  height: 300px;
  box-sizing: border-box;
}

.sub_visual .top_text .tit {
  margin-top: 0px;
  font-size: 60px;
  color: #333;
}
.sub_visual .top_text .desc {
  margin-top: 10px;
  color: #fff;
  font-size: 20px;
  opacity: 0.5;
}
.sub_visual .select_box {
  width: 300px;
  margin: 20px auto 0;
  position: relative;
  z-index: 300;
}
.sub_visual .select_box a {
  background: #000;
  color: #fff;
  padding: 10px;
  text-align: left;
  display: block;
  font-size: 16px;
  border: 1px solid #454545;
  cursor: pointer;
  position: relative;
}
.sub_visual .select_box a span.arrow {
  background: url("../img/icon/select_arrow2.png") right center no-repeat;
  display: block;
}
.sub_visual .select_box .select_list {
  display: none;
  position: absolute;
  top: 50px;
  width: 100%;
}
.sub_visual .select_box .select_list .en {
  background: none;
}
.sub_visual .select_box #btn_selectbox_close {
  display: none;
}
.sub_visual .select_box #btn_selectbox_close,
.sub_visual .select_box #btn_selectbox_open {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub_visual .select_box.active .select_list,
.sub_visual .select_box.active #btn_selectbox_close {
  display: block;
}
.sub_visual .select_box.active #btn_selectbox_open {
  display: none;
}

.sub_t {
  font-size: 22px;
  text-align: left;
  color: #333;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 2px solid #333;
  margin-bottom: 20px;
  position: relative;
}
.bd_none .sub_t {
  border: 0;
  margin: 0;
}

.sub_t select {
  position: absolute;
  right: 0;
  top: -2px;
  padding: 8px 25px 8px 10px;
  border: 1px solid #dedede;
  background: url("../img/icon/select_arrow.png") no-repeat 90% 50% #f8f8f8;
  min-height: 37px; /*ios대응*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.sub_t select::-ms-expand {
  display: none;
}

.noti {
  margin-top: 10px;
}
.noti ul li {
  color: #999;
  font-size: 14px;
  padding-left: 10px;
  background: url(../img/icon/dot.png) left 8px no-repeat;
}
.noti ul li b {
  color: #dd0003;
}
.noti ul li + li {
  margin-top: 5px;
}

.ch {
  position: absolute;
  left: -450px;
  bottom: 350px;
  z-index: 1;
}
.con_box {
  /*position:relative; */
  z-index: 50;
  margin-top: 40px;
}

.padding_wrap {
  padding: 120px 0;
}

.menu_tab {
  width: 100%;
  overflow: hidden;
  padding: 0px;
  margin: 45px 0 0px;
}
.menu_tab ul {
  padding: 0px;
  margin: 0px;
}
.menu_tab li {
  list-style: none;
  position: relative;
  display: inline-block;
  margin: 0 5px;
}
.menu_tab li a {
  display: block;
  text-align: center;
  width: 160px;
  height: 42px;
  color: #5c5c5c;
  background: #0a0a0a;
  font-size: 16px;
  line-height: 38px;
}
@media screen and (min-width: 1000px) {
  .menu_tab li a:hover {
    font-weight: 700;
    color: #252525;
    background: #fff;
  }
  #panels a {
    margin-left: -3px;
    margin-top: -3px;
  }
}
.menu_tab li.active a {
  font-weight: 700;
  color: #252525;
  background: #fff;
}

/* 서브탭 */
.con_tab {
  background: #161616;
  overflow: hidden;
}
.con_tab ul {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.con_tab ul li {
  width: 50%;
  display: table-cell;
  height: 60px;
  line-height: 60px;
}
.con_tab ul li a {
  width: 100%;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 20px;
}
.con_tab ul li a span {
  display: inline-block;
}
.con_tab ul li a .label {
  color: #f2a900;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.con_tab ul li a .text {
  margin-top: -3px;
}
.con_tab ul li a.active {
  background: #f2a900;
}
.con_tab ul li a.active span {
  color: #333 !important;
}

/* 대회 개요 */
.page_info .table_desc {
  text-align: right;
  margin-top: 10px;
  font-size: 12px;
  color: #666;
}
.page_info .table_desc.w {
  color: #fff;
}
.sub_overview {
  background: #1a1b1e url(https://www.battlegroundsmobileindia.com/common/img/info/overview_bg.jpg) bottom center no-repeat;
}
.sub_overview .con_box {
  padding-left: 55%;
  text-align: left;
}
.sub_overview .con_box .top_text .top {
  border-top: 1px solid #454545;
  border-bottom: 1px solid #454545;
  overflow: hidden;
  padding: 15px 0 20px;
  position: relative;
}
.sub_overview .con_box .top_text .top .tit {
  font-size: 35px;
  color: #fff;
  display: block;
  line-height: 1em;
  width: 90%;
  font-weight: 700;
}
.sub_overview .con_box .top_text .top .tit span {
  display: block;
}
.sub_overview .con_box .top_text .top .tit .desc {
  font-size: 16px;
  margin-top: 0;
  opacity: 1;
}
.sub_overview .con_box .top_text .top .tit .en + .ko {
  margin-top: 5px;
}
.sub_overview .con_box .top_text .top .tit .ko span {
  display: inline-block;
}
.sub_overview .con_box .top_text .top .tit .en {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: -4px;
}
.sub_overview .con_box .top_text .top .tit .ko .en {
  font-size: 1.4em;
  margin-right: 4px;
  vertical-align: middle;
}
/*.sub_overview .con_box .top_text .top .state { font-size:12px; color:#333; display:block; position:absolute; right:0; top:50%; margin-top:-10px; background:#f2a900; padding:2px 10px;}*/
.sub_overview .con_box .top_text .top .state {
  font-size: 12px;
  color: #333;
  background: #f2a900;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  width: 50px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  margin-top: -6px;
}
.sub_overview .con_box .top_text .desc {
  color: #fff;
  opacity: 0.6;
  font-size: 14px;
  line-height: 1.6em;
  margin-top: 20px;
  letter-spacing: -0.5px;
}
.sub_overview .con_box .descbox {
  margin-top: 20px;
}
.sub_overview .con_box .descbox .label {
  font-size: 18px;
  color: #f2a900;
  font-weight: 700;
}
.sub_overview .con_box .descbox .label.en {
  font-size: 24px;
  font-weight: normal;
}
.sub_overview .con_box .descbox .text {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  line-height: 1.4em;
  letter-spacing: -1px;
}
.sub_overview .con_box .descbox .text.end {
  font-size: 14px;
  font-weight: normal;
  opacity: 0.7;
  margin-bottom: -2px;
  letter-spacing: -0.5px;
}
.sub_overview .con_box .descbox .text .state {
  font-size: 0.7em;
}
.sub_overview .con_box .descbox .text.en {
  font-size: 34px;
  font-weight: normal;
}
.sub_overview .con_box .descbox .text .en {
  font-weight: normal;
  font-size: 34px;
}

/* 일정 및 참가신청 */
.sub_season {
  background: #0d0f12 url("https://www.battlegroundsmobileindia.com/common/img/info/participation_bg.jpg") center no-repeat;
  background-size: cover;
}
/*.sub_season img {width:100%}*/
.sub_season .btn_wrap {
  margin: 40px auto 0;
  text-align: center;
}

.participation_table .box_wrap {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.participation_table .box_wrap .box {
  width: 56%;
  display: table-cell;
  vertical-align: top;
}
.participation_table .box_wrap .box .season .tit {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  padding: 10px 0;
  background: #f2a900;
  text-align: center;
}
.participation_table .box_wrap .box .season .date_wrap {
  position: relative;
  background: #272728;
  padding: 20px;
}
.participation_table .box_wrap .box .season .date_wrap .line {
  display: block;
  position: absolute;
  background: #565656;
  height: 1px;
  top: 35px;
  left: 11%;
  width: 78%;
}
.participation_table .box_wrap .box .season .date_wrap ul {
  width: 100%;
  position: relative;
  display: table;
  table-layout: fixed;
}
.participation_table .box_wrap .box .season .date_wrap ul li {
  display: table-cell;
  width: 20%;
  text-align: center;
}
.participation_table .box_wrap .box .season .date_wrap ul .num span {
  font-size: 16px;
  font-weight: 700;
  color: #565656;
  width: 26px;
  height: 26px;
  line-height: 26px;
  color: #fff;
  text-align: center;
  background: #565656;
  margin: 0 auto;
  display: block;
}
.participation_table .box_wrap .box .season .date_wrap ul .date_tit {
  font-size: 16px;
  color: #fff;
  line-height: 1.3em;
  padding-top: 10px;
}
.participation_table .box_wrap .box .season .date_wrap ul .date {
  letter-spacing: -0.5px;
  margin-top: 5px;
  font-size: 14px;
  color: #fff;
  opacity: 0.5;
}

/*.participation_table .box_wrap .box2 {width:22%; display: table-cell; text-align: right; vertical-align: top}
.participation_table .box_wrap .box2 .box_in { text-align:center; background:#f2a900 url(../img/info/participation_bg1.jpg) center no-repeat; background-size:cover; width:95%; display:inline-block; padding:40px 0}
.participation_table .box_wrap .box2.fin .box_in {background:#f2a900 url(../img/info/participation_bg2.jpg) center no-repeat; background-size:cover; }*/

.participation_table .box_wrap .box2 {
  width: 22%;
  display: table-cell;
  vertical-align: top;
  text-align: center;
  background: #333 url(https://www.battlegroundsmobileindia.com/common/img/info/participation_bg1.jpg) center no-repeat;
  background-size: cover;
  padding: 50px 0;
  border-left: 10px solid #141519;
}
.participation_table .box_wrap .box2.fin {
  background: #f2a900 url(https://www.battlegroundsmobileindia.com/common/img/info/participation_bg2.jpg) center no-repeat;
  background-size: 95%;
}
/*.participation_table .box_wrap .box2 .box_in {width:95%; display:inline-block;text-align:center;  }*/
.participation_table .box_wrap .box2 .box_in .tit {
  font-size: 24px;
  color: #fff;
  font-weight: 700;
}
.participation_table .box_wrap .box2 .box_in .desc {
  font-size: 16px;
  color: #fff;
  margin: 10px auto;
}
.participation_table .box_wrap .box2 .box_in .date {
  font-size: 14px;
  color: #fff;
  letter-spacing: 0;
}

/* 생방송 */
.sub_live .live {
  /*border:5px solid #f2a900;*/
  margin-top: 30px;
}
.sub_live .videowrapper {
  position: relative;
  padding-bottom: 54.17%; /* 16:9 비율인 경우 */ /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
  padding-top: 25px;
  height: 0;
}
.sub_live .videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub_live .videowrapper a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.sub_live .videowrapper a img {
  width: 100%;
  height: 100%;
}

.sub_live .event_wrap {
  margin-top: 50px;
}
.sub_live .event_wrap .event_box {
  background: #f2a900;
  table-layout: fixed;
  position: relative;
  width: 100%;
  padding: 30px 0;
  overflow: hidden;
}
.sub_live .event_wrap .event_box .text_box {
  width: 95%;
  margin: 0 auto;
}
.sub_live .event_wrap .event_box .tit {
  font-size: 24px;
  color: #333;
  position: relative;
}
/*.sub_live .event_wrap .event_box .tit .en { font-size:36px; }*/
.sub_live .event_wrap .event_box .tit b {
  font-weight: 700;
}

.sub_live .event_wrap .event_box .txt {
  font-size: 16px;
  color: #333;
}
.sub_live .event_wrap .event_box .txt b {
  font-weight: 700;
}
.sub_live .event_wrap .event_box .desc_box {
  width: 95%;
  margin: 20px auto 0;
  background: url(https://www.battlegroundsmobileindia.com/common/img/live/noti.png) left center no-repeat;
}
.sub_live .event_wrap .event_box .desc {
  font-size: 12px;
  color: #333;
  padding-left: 35px;
  opacity: 0.6;
}
.sub_live .event_wrap .event_box .btn_wrap {
  position: absolute;
  top: 40px;
  right: 2.5%;
}
.sub_live .event_wrap .event_box .label {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  top: -15px;
  left: 40%;
}
.sub_live .event_wrap .event_box .label span {
  position: absolute;
  top: 0;
  left: 22px;
  height: 30px;
  line-height: 30px;
}
.sub_live .event_wrap .event_box .obj {
  position: absolute;
  right: 13%;
  top: 0;
  display: none;
}

/* 생중계 */
.link_wrap {
  display: block;
  width: 100%;
  overflow: hidden;
  margin-top: -20px;
}
.link_wrap a {
  margin-top: 10px;
  width: 33%;
  display: block;
  float: left;
  text-align: center;
  margin-right: 0.5%;
}
.link_wrap a:nth-child(3n) {
  margin-right: 0;
}
.link_wrap a span {
  display: block;
  width: 99.5%;
  padding: 20px 0;
  border: 1px solid #dedede;
}
.link_wrap a span img {
  max-width: 100%;
  margin-bottom: -4px;
}

/* 경기방식 */
.match_top {
  width: 100%;
  display: block;
  overflow: hidden;
}
.match_top .match_txt {
  float: left;
  width: 65%;
  vertical-align: top;
}
.match_top .match_txt ul li {
  color: #666;
  font-size: 16px;
  padding-left: 10px;
  background: url(../img/icon/dot.png) left 10px no-repeat;
}
.match_top .match_txt ul li + li {
  margin-top: 5px;
}
.match_top .match_txt .tip {
  color: #999;
  font-size: 14px;
  margin-top: 20px;
}
.match_top .match_txt .tip .label {
  padding: 5px 10px 3px;
  background: #f2a900;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  margin-right: 5px;
}
.match_top .video_wrap {
  width: 30%;
  float: right;
  text-align: right;
  vertical-align: top;
  font-size: 14px;
  color: #999;
  font-weight: 700;
}

.match_wrap {
  margin-top: 40px;
}
.match_wrap .table_box {
  width: 100%;
  display: table;
  table-layout: fixed;
  background: url(https://www.battlegroundsmobileindia.com/common/img/sub/match.png) no-repeat;
  height: 539px;
}
.match_wrap .table_box .table_cell {
  display: table-cell;
  vertical-align: top;
  position: relative;
  text-align: center;
}
.match_wrap .table_box .table_cell.match_box_01,
.match_wrap .table_box .table_cell.match_box_02 {
  width: 37%;
}
.match_wrap .table_box .table_cell.match_box_fin {
  width: 26%;
}

.match_wrap .table_box .table_cell .match_box .tit {
  color: #fff;
  font-size: 20px;
  padding: 22px 0 22px;
}

.match_wrap .table_box .table_cell .text {
  border: 3px solid #5a616d;
  color: #5a616d;
  padding: 6px 10px;
  font-size: 18px;
  width: 80%;
  background: #fff;
}
.match_wrap .table_box .table_cell .text2 {
  border: 3px solid #5a616d;
  color: #5a616d;
  padding: 5px 10px 10px;
  font-size: 20px;
  background: #fff;
}
.match_wrap .table_box .table_cell .text2 span {
  vertical-align: middle;
  line-height: 1em;
}
.match_wrap .table_box .table_cell .text2 .point {
  color: #f2a900;
  font-size: 25px;
  margin-left: 5px;
}

.match_wrap .table_box .table_cell.match_box_01 .match_con {
  width: 272px;
  margin: 0 auto;
  padding: 40px 0 0;
  font-weight: bold;
}
.match_wrap .table_box .table_cell.match_box_01 div,
.match_wrap .table_box .table_cell.match_box_01 p {
  margin: 0 auto;
  font-weight: bold;
}
.match_wrap .table_box .table_cell.match_box_01 .a_box {
  overflow: hidden;
}
.match_wrap .table_box .table_cell.match_box_01 .a_box p {
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 1.2em;
  padding: 10px 10px 13px;
  min-width: 108px;
  float: left;
  background: #5a616d;
}
.match_wrap .table_box .table_cell.match_box_01 .a_box p + p {
  float: right;
}
.match_wrap .table_box .table_cell.match_box_01 .a_box + .a_box {
  margin-top: 20px;
}
.match_wrap .table_box .table_cell.match_box_01 .a_box p span {
  display: block;
  margin: 0 auto;
}
.match_wrap .table_box .table_cell.match_box_01 .a_box p span:first-child {
  color: #f2a900;
}
.match_wrap .table_box .table_cell.match_box_01 .text {
  margin: 75px auto 35px;
}

.match_wrap .table_box .table_cell.match_box_02 .match_con {
  width: 272px;
  margin: 0 auto;
  padding: 40px 0 0;
}
.match_wrap .table_box .table_cell.match_box_02 div,
.match_wrap .table_box .table_cell.match_box_02 p {
  margin: 0 auto;
  font-weight: bold;
}
.match_wrap .table_box .table_cell.match_box_02 .text {
  margin: 60px auto 90px;
}
.match_wrap .table_box .table_cell.match_box_02 .a_box p {
  border: 3px solid #333;
  color: #333;
  padding: 10px 10px;
  font-size: 20px;
  width: 65%;
  font-weight: bold;
  background: #fff;
}
.match_wrap .table_box .table_cell.match_box_02 .a_box p + p {
  margin-top: 15px;
}
.match_wrap .table_box .table_cell.match_box_02 .a_box p span:first-child {
  color: #f2a900;
  margin-right: 5px;
}

.match_wrap .table_box .table_cell.match_box_fin .match_box {
  width: 100%;
  padding-top: 30px;
}
.match_wrap .table_box .table_cell.match_box_fin .tit {
  color: #f2a900;
  font-size: 28px;
  font-weight: 700;
  padding-bottom: 0;
}
.match_wrap .table_box .table_cell.match_box_fin .tit_2 {
  color: #fff;
  font-size: 20px;
}
.match_wrap .table_box .table_cell.match_box_fin .txt {
  color: #fff;
  font-size: 18px;
  opacity: 0.8;
  margin-top: 20px;
  padding-bottom: 60px;
}

.match_wrap img {
  max-width: 100%;
}
.match_wrap .noti {
  /*text-align:right;*/
  font-size: 15px;
  color: #999;
  margin-top: 5px;
}

.btn_arrow,
.battle_table table tbody td a.btn_odd {
  text-align: left !important;
  position: relative;
  padding-left: 5%;
  cursor: pointer;
}
.btn_arrow span {
  padding-left: 20px;
}
.battle_table table tbody td a.btn_odd span {
  padding: 0;
}
.btn_arrow .ico {
  position: absolute;
  display: block;
  top: 48%;
  right: 10px;
  width: 15px;
  height: 7px;
  padding: 0;
  background: url(../img/icon/select_arrow.png) no-repeat;
}

.btn_selectwrap {
  width: 100%;
  position: relative;
}
.btn_selectwrap .btn_selectlist {
  display: none;
}
.btn_box .btn_selectwrap a {
  border-color: #d5d5d5;
}
.btn_selectwrap.active .btn_arrow .ico {
  background: url(../img/icon/select_arrow_up.png) no-repeat;
}
.btn_selectwrap.active .btn_selectlist {
  display: block;
  background: #fff;
  border: 2px solid #f2a900;
  padding: 10px 0;
  position: absolute;
  top: 52px;
  left: 0;
  right: 0;
  text-align: left;
  z-index: 99;
  margin-top: -2px;
}
.btn_selectwrap.active .btn_selectlist a {
  display: block;
  color: #666;
  padding: 3px 10px;
}

.btn_box .btn_selectwrap.active .btn_selectlist {
  border: 0;
  padding: 0;
  position: relative;
  top: 0;
  left: auto;
}
.btn_box .btn_selectwrap.active .btn_selectlist a {
  padding: 20px 0;
  margin: 0 auto;
  text-align: left !important;
}
.btn_box .btn_selectwrap.active .btn_selectlist a span {
  padding-left: 20px;
}
.btn_box .btn_selectwrap.active .btn_selectlist a + a {
  margin-top: -2px;
}

/* 참가자격 */
.year_table table {
  background: #f5f5f5;
  table-layout: fixed;
} /* bg 95% */
.year_table table td {
  width: 33.3%;
  width: 33.3%;
  background: url(https://www.battlegroundsmobileindia.com/common/img/sub/table_line.png) center right no-repeat;
}
.year_table table td:last-child {
  background: none;
}
.year_table table td .year_box {
  padding: 30px;
  text-align: center;
  margin: 0 auto;
}
.year_table table td .year_box p {
  color: #333;
  font-size: 18px;
  line-height: 1.1em;
}
.year_table table td .year_box p span {
  font-size: 16px;
  color: #666;
}
.year_table table td .year_box p.date span {
  font-size: 18px;
  padding: 5px 0 10px;
  display: block;
}
.year_table table td .year_box p.obj span {
  font-size: 14px;
  vertical-align: top;
}
.year_table table td .year_box p.obj span + span {
  padding-left: 5px;
}
.year_table table td .year_box p.obj span.bold {
  font-weight: 700;
  color: #f2a900;
  font-size: 72px;
  line-height: 0.8em;
}

/* 상금 */
.won_top {
  width: 100%;
  text-align: center;
}
.won_top img {
  max-width: 100%;
  position: relative;
  z-index: 70;
}
.won_top p {
  color: #333;
  font-size: 22px;
}
.won_top p span {
  vertical-align: top;
  display: inline-block;
  font-weight: 700;
  line-height: 1em;
}
.won_top p span.won {
  font-size: 30px;
  line-height: 0.85em;
  font-weight: normal;
}

.won_box_wrap {
  width: 100%;
  text-align: center;
  margin: 0 auto 10px;
}
.won_box_wrap ul {
  overflow: hidden;
}
.won_box_wrap ul li {
  display: block;
  width: 24.5%;
  margin-left: 0.5%;
  float: left;
  vertical-align: middle;
  position: relative;
}
.won_box_wrap ul.won_top li:last-child {
  margin-left: 0;
  float: right;
}
.won_box_wrap ul.won_bot li {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.won_box_wrap ul li img {
  width: 100%;
}
.won_box_wrap ul li .won_txt {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  z-index: 90;
}
.won_box_wrap ul li .won_txt p {
  color: #666;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.3em;
}
.won_box_wrap ul li .won_txt p + p {
  min-height: 40px;
}
.won_box_wrap ul li .won_txt .won_tit {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #f2a900;
  letter-spacing: -1px;
}
.won_box_wrap ul + ul {
  margin-top: 5px;
}
.won_box_wrap ul li.txt_w .won_txt,
.won_box_wrap ul li.txt_w .won_txt p,
.won_box_wrap ul li.txt_w .won_txt p + p,
.won_box_wrap ul li.txt_w .won_txt .won_tit {
  color: #fff;
}

.won_box_wrap ul.won_bot li img {
  background: #f8f8f8;
}

.won_noti {
  clear: both;
  font-size: 14px;
  color: #999;
  padding-left: 0.5%;
  margin: 0 auto;
  line-height: 1.5em;
}

/* 이벤트 */
.page_event .table_desc {
  text-align: right;
  font-size: 12px;
  color: #666;
  margin-top: 10px;
  letter-spacing: -0.5px;
  width: 100%;
}
.page_event .table_desc.w {
  color: #fff;
}
.page_event .table_desc.point {
  color: #f27d00;
}
.page_event .table_desc p {
  background: url("../img/icon/star.png") left 7px no-repeat;
  padding-left: 10px;
}
.page_event .table_desc p + p {
  margin-top: 4px;
}

.page_event2 .table_desc {
  text-align: right;
  font-size: 12px;
  color: #666;
  margin-top: 10px;
  letter-spacing: -0.5px;
}
.page_event2 .table_desc.w {
  color: #fff;
}
.page_event2 .table_desc p {
  background: url("../img/icon/star.png") left 7px no-repeat;
  padding-left: 10px;
}
.page_event2 .table_desc p + p {
  margin-top: 4px;
}

.evnettop .text_wrap {
  width: 40%;
  padding-bottom: 50px;
}
.evnettop .text_wrap .label {
  font-size: 54px;
  color: #333;
  line-height: 0.5em;
}
.evnettop .text_wrap .label .line {
  display: inline-block;
  width: 50%;
  height: 1px;
  background: #333;
  vertical-align: bottom;
}
.evnettop .text_wrap .tit {
  font-size: 74px;
  color: #333;
  line-height: 1.1em;
  font-weight: 700;
  margin: 40px auto 20px;
  letter-spacing: -3px;
}
.evnettop .text_wrap .tit .en {
  display: block;
  font-size: 90px;
  margin-bottom: -8px;
  letter-spacing: 0;
}
.evnettop .text_wrap .tit .code {
  display: block;
}
.evnettop .text_wrap .tit .code span {
  display: inline-block; /*vertical-align: middle*/
}
.evnettop .text_wrap .tit .code > span:first-child {
  position: relative;
}
.evnettop .text_wrap .tit .line {
  background: #f6d282;
  background-position: left 50%;
  position: absolute;
  bottom: 0;
  height: 20px;
  width: 100%;
  left: 0;
}
.evnettop .text_wrap .tit .line + span {
  position: relative;
  z-index: 10;
}
.evnettop .text_wrap .desc {
  font-size: 22px;
  color: #333;
  font-weight: 700;
  opacity: 0.6;
  line-height: 1.4em;
}
.evnettop .text_wrap .btn_wrap {
  margin-top: 20px;
}

.evnettop {
  background: #fff;
  padding: 60px 0;
}
.evnettop .contains {
  background-image: none;
}
.evnettop .text_wrap .tit .line {
  background: #f2a900;
}

.sub_participate {
  background: #f2f2f2;
}
.sub_participate .step_list {
  margin-top: 20px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
.sub_participate .step_list li {
  display: table-cell;
  width: 30%;
  text-align: center;
  background: #fff;
  position: relative;
}
.sub_participate .step_list li .box {
  padding: 30px 10px;
}
.sub_participate .step_list li:nth-child(2) {
  width: 32%;
  border-left: 16px solid #f2f2f2;
  border-right: 16px solid #f2f2f2;
}
.sub_participate .step_list li .step {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  margin: 0 auto;
}
.sub_participate .step_list li .step span + span {
  padding-left: 5px;
  color: #f2a900;
}
.sub_participate .step_list li .tit {
  font-size: 16px;
  color: #666;
  line-height: 1.3em;
  margin-top: 5px;
}
.sub_participate .step_list li .arrow {
  position: absolute;
  display: block;
  top: 50%;
  right: -26px;
  margin-top: -20px;
  z-index: 100;
}
.sub_participate .step_list li img {
  max-width: 100%;
}
.sub_participate .btn_wrap {
  margin: 40px auto 0;
  text-align: center;
}

.sub_participate .gift_list {
  margin: 20px auto;
  width: 100%;
  display: table;
  table-layout: fixed;
}
.sub_participate .gift_list li {
  display: table-cell;
  width: 30%;
  text-align: center;
  background: #fff;
  position: relative;
}
.sub_participate .gift_list li .box {
  padding: 30px 10px;
}
.sub_participate .gift_list li .box p {
  font-size: 15px;
}
.sub_participate .gift_list li:nth-child(2) {
  width: 32%;
  border-left: 16px solid #f8f8f8;
  border-right: 16px solid #f8f8f8;
}
.sub_participate .gift_list li .gift_tit {
  background: #f2a900;
  color: #333;
  padding: 11px 0;
  font-size: 16px;
  font-weight: 700;
}
.sub_participate .gift_list li img {
  max-width: 85%;
}

.page_event .prediction_step ul li {
  width: 6%;
  background-image: url(https://www.battlegroundsmobileindia.com/common/img/event/plus.png);
  background-size: 18px;
}
.page_event2 .prediction_step ul li:nth-child(4),
.page_event .prediction_step ul li:nth-child(5),
.page_event .prediction_step ul li:first-child {
  background-image: none;
}
.page_event .prediction_step ul li:first-child {
  width: 8%;
}
.page_event .prediction_step ul li:nth-child(2) {
  padding-left: 1.5%;
}

.prediction_step ul li:last-child {
  background: none;
  width: 9%;
  padding: 0 10px 0 0;
}
.page_event2 .prediction_step ul li:last-child {
  width: 22%;
}
.prediction_step ul li:last-child .text {
  background: #f5ba33;
  padding: 10px 0;
}

ul.show_m,
.prediction_step {
  position: relative;
}
.event_btn {
  display: block;
  width: 20px;
  height: 20px;
  background: url(https://www.battlegroundsmobileindia.com/common/img/icon/q.png) center no-repeat;
  background-size: cover;
  position: absolute;
  top: 40px;
  right: 20px;
}
.event1_pop {
  display: none;
  position: absolute;
  top: 65px;
  right: 20px;
  z-index: 999;
  width: 50%;
}

.event_btn:hover + .event1_pop,
.event_btn.active + .event1_pop {
  display: block;
}

#event_mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  opacity: 0;
  z-index: 1;
}
#event_mask.active {
  display: block;
}
ul.show_m .event_btn {
  top: 20px;
  right: 8%;
}
ul.show_m .event1_pop {
  top: 20px;
  right: 8%;
  width: 84%;
  text-align: right;
}
ul.show_m .event1_pop img {
  width: 100%;
}
ul.show_m .event_close {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(https://www.battlegroundsmobileindia.com/common/img/icon/q_x.png) center no-repeat;
  background-size: cover;
}

.page_event .prediction_step ul li .icon_box img {
  width: auto;
  max-width: inherit;
  height: 30px;
}
.page_event .prediction_step ul li .icon_box,
.page_event .prediction_step ul li .icon_box + .text,
.page_event2 .prediction_step ul li:nth-child(2) .icon_box,
.page_event2 .prediction_step ul li:nth-child(2) .text,
.page_event2 .prediction_step ul li:nth-child(3) .icon_box,
.page_event2 .prediction_step ul li:nth-child(3) .text {
  padding-right: 20px;
}

.page_event .prediction_step ul li:nth-child(5) {
  padding: 0 1%;
}
.page_event .prediction_step ul li:nth-child(5) .icon_box,
.page_event .prediction_step ul li:nth-child(5) .icon_box + .text {
  padding-right: 0;
}

.page_event .match_tit {
  border-bottom: 2px solid #333;
}
.page_event .event1 {
  background: #f8f8f8;
}

/* 탭 */
.tab_menu {
  display: table;
  margin-bottom: -2px;
  width: 100%;
  table-layout: fixed;
}
.tab_menu.mg_none {
  margin-bottom: 0;
}
.tab_menu .tab {
  display: table-cell;
  position: relative;
  text-align: center;
  z-index: 10;
  background: #fff;
}
.tab_menu .tab:first-child span {
  margin-left: 0;
}
.tab_menu .tab span {
  display: block;
  margin-left: -1px;
  font-size: 16px;
  color: #777;
  border: 1px solid #d5d5d5;
  padding: 10px 0;
  font-weight: 700;
  background: #eeeeee;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tab_menu .tab span.hide_mobile {
  display: inline-block;
  border: 0;
  padding: 0;
}
.tab_menu .active {
  z-index: 20;
}
.tab_menu .active span {
  color: #333;
  border-color: #d5d5d5;
  border-bottom: 0;
  background: #fff;
}

.sub_prediction .tab_menu2 {
  position: relative;
  background: #fff;
  border: 1px solid #d5d5d5;
}
.sub_prediction .tab_menu2 .tab {
  display: block;
  text-align: center;
  padding: 20px 0; /*margin-bottom: -7px;*/
  position: relative;
  border-bottom: 2px solid #fff;
}
.sub_prediction .tab_menu2 .tab .tab_txt .tit {
  display: block;
  margin: 0 auto;
  font-size: 16px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 700;
}
.sub_prediction .tab_menu2 .tab .tab_txt .tit span {
  display: inline-block;
  vertical-align: middle;
}
.sub_prediction .tab_menu2 .tab .tab_txt .date {
  display: block;
  margin: 0 auto;
  font-size: 14px;
  color: #666;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-bottom: 5px;
  letter-spacing: 0;
}
.sub_prediction .tab_menu2 .tab .state {
  padding: 2px 0;
  width: 40px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  color: #333;
  border: 1px solid #d5d5d5;
  margin-left: 5px;
}
.sub_prediction .tab_menu2 .tab.ing .state {
  background: #f2a900;
  border-color: #f2a900;
}
.sub_prediction .tab_menu2 .tab.end .state {
  background: #ebebeb;
  border-color: #ebebeb;
}

.sub_prediction .tab_menu2 .tab.active {
  border-color: #333;
}
.sub_prediction .tab_menu2 .slick-slide {
  margin: 0;
}
.sub_prediction .tab_menu2 .tab .tab_txt {
  opacity: 0.5;
}
.sub_prediction .tab_menu2 .tab.ing .tab_txt {
  opacity: 1;
}

.match_tit {
  margin-top: 40px;
}
.match_tit .tit_box {
  position: relative;
  padding-bottom: 10px;
}
.match_tit .tit_box .tit {
  font-size: 24px;
  color: #333;
  font-weight: 700;
}
.match_tit .tit_box .date {
  font-size: 14px;
  color: #666;
  letter-spacing: -0.5px;
}
.match_tit .tit_box .date .btn_info {
  font-size: 14px;
  padding: 1px 0 2px 0;
  color: #333;
  border-bottom: 1px solid #333;
  opacity: 0.7;
  display: inline-block;
  margin-top: 0;
}
.match_tit .tit_box .date .btn_info span {
  display: inline-block;
}
.match_tit .tit_box .date .btn_info span.icon {
  margin-left: 4px;
}
.match_tit .tit_box .date .btn_info span.icon img {
  width: 10px;
}
.match_tit .tit_box .date .btn_info:hover {
  opacity: 1;
}

.match_tit .tit_box .date.point {
  color: #a80002;
}
.match_tit .pop_guide {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 100;
}
.match_tit .pop_guide .guide img {
  margin-top: 10px;
}

.sub_prediction .match_tab {
  margin: 10px auto;
}
.sub_prediction .match_tab ul {
  overflow: hidden;
  background: #333;
}
.sub_prediction .match_tab ul li {
  float: left;
  width: 16.6666%; /*border-top:2px solid #333;*/
}
.sub_prediction .match_tab ul li a {
  display: block;
  padding: 20px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0;
  background: #333;
  color: #fff;
  border-right: 1px solid #444;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sub_prediction .match_tab ul li:nth-child(6) a {
  border-right: 0;
}
.sub_prediction .match_tab ul li.active a {
  background: #f2a900;
  border-right-color: #f2a900;
}

.sub_prediction .match_box .match_tab_tit {
  width: 100%;
  text-align: center;
  font-size: 24px;
  color: #333;
  font-weight: 700;
}
.sub_prediction .match_box .match {
  padding: 30px 20px;
  background: #fff; /*box-shadow: 0px 0px 10px rgb(0,0,0,0.1);*/
  border: 1px solid #d5d5d5;
}
.sub_prediction .match_box .match ul {
  width: 100%;
  overflow: hidden;
}
.sub_prediction .match_box .match ul li {
  width: 25%;
  text-align: center;
  display: block;
  float: left;
}
.sub_prediction .match_box .match ul li a {
  display: block;
}
.sub_prediction .match_box .match ul li .team_box {
  position: relative;
}
.sub_prediction .match_box .match ul li .box {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.sub_prediction .match_box .match ul li .box.win {
  display: none;
}
.sub_prediction .match_box .match ul li .text_box {
  position: absolute;
  top: 18%;
  left: 25%;
  right: 0;
  width: 50%;
  height: 40%;
  display: table;
}

.sub_prediction .match_box .match ul li p.percent {
  font-size: 16px;
  color: #333;
  width: 85px;
  padding: 48px 5px 5px;
  margin: 0 auto;
  background: url(https://www.battlegroundsmobileindia.com/common/img/event/event2_percent.png) center no-repeat;
  background-size: auto 100%;
}
.sub_prediction .match_box .match ul li p.percent .count {
  font-size: 2em;
}
.sub_prediction .match_box .match ul li .text_box p.team {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  height: 70px;
  word-wrap: break-word;
  letter-spacing: -1px;
  height: 60px;
  display: table-cell;
  text-align: center;
  width: 65%;
  vertical-align: middle;
  line-height: 1.2em;
}
.sub_prediction .match_box .match ul li .text_box p.link {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  position: absolute;
  bototm: 0;
  height: 20%;
  bottom: -55%;
  left: 0;
  width: 65%;
  text-align: center;
}

.sub_prediction .match_box .match ul li.winner .box {
  display: none;
}
.sub_prediction .match_box .match ul li.winner .box.win {
  display: block;
}
.sub_prediction .match_box .match ul li.winner p.percent {
  background-image: url(https://www.battlegroundsmobileindia.com/common/img/event/event2_percent_on.png);
}

.sub_prediction .match_box .match ul li.percent_top p.percent {
  color: #f2a900;
}

.match_info {
  border: 1px solid #d5d5d5;
  background: #fff;
  padding: 10px 0;
  margin-top: 20px;
}
.match_info .table_box {
  width: 100%;
  table-layout: fixed;
  table-layout: fixed;
}
.match_info .table_box .table_cell {
  display: table-cell;
  padding: 0 20px;
  vertical-align: middle;
}
.match_info .table_box .table_cell + .table_cell {
  border-left: 1px solid #d5d5d5;
}
.match_info .table_box .label {
  text-align: center;
  width: 100px;
}
.match_info .table_box .label img {
  width: 24px;
}
.match_info .table_box .label p + p {
  font-size: 14px;
  color: #333;
  font-weight: 700;
}
.match_info .table_box ul li {
  position: relative;
  color: #666;
  font-size: 14px;
  padding-left: 10px;
  letter-spacing: -1px;
}
.match_info .table_box ul li::before {
  content: "*";
  display: block;
  color: #666;
  font-size: 14px;
  margin-right: 5px;
  position: absolute;
  top: 3px;
  left: 0;
}
.match_info .table_box ul li + li {
  margin-top: 4px;
}
.match_info .table_box ul li b {
  font-weight: 700;
}
.match_info .table_box ul li.bold,
.match_info .table_box ul li.bold::before {
  color: #333;
}
.match_info .table_box ul li.point,
.match_info .table_box ul li.point::before {
  color: #f27d00;
}

/* 버튼 
.btn_box {margin:40px auto 0;text-align: center}
.btn_box a { border:2px solid #f2a900; color:#f2a900; font-weight:700; text-align:center; padding:20px 0; width:20%; display:inline-block;vertical-align: middle;font-size:18px;}
.btn_box a + a { margin-left:0.5%}
.btn_box a.btn {border-color:#d5d5d5; color:#333}
.btn_box a.btn_y { background:#f2a900; color:#333}
.btn_box a.btn_y2 {background:#f29400; border-color: #f29400; color:#333}
.btn_box a.btn_y.btn_dis {background:#999; border-color: #999; opacity: 0.7; cursor: inherit}
*/
/* 영상 카테고리 영역 */
.bbs_tab {
  padding: 20px 0;
}
.bbs_tab a {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #d5d5d5;
  font-size: 13px;
  color: #666;
  font-weight: 700;
  padding: 5px 10px;
}
.bbs_tab a + a {
  margin-left: 5px;
}
.bbs_tab a span {
  display: block;
  width: 100%;
  height: 1005;
}
.bbs_tab a.active,
.bbs_tab a:hover {
  background: #666;
  border-color: #666;
  color: #fff;
}

/* 게시판 */

.news_area {
  position: relative; /*overflow:hidden*/
  width: 1210px;
  text-align: left;
}
.main_panel .news_area {
  text-align: center;
}
.news_area .slide_box {
  min-height: 290px; /*overflow:hidden*/
}
.main .news_area .contains {
  max-width: 1200px;
}
.news_slide .list_box {
  /*float:left;*/
  display: inline-block;
  padding: 0 10px;
  width: 33%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  vertical-align: top;
}
.news_slide .btn_menu {
  display: block;
  position: relative;
  height: 100%;
  overflow: hidden;
  background: #fff;
  padding-bottom: 10px;
}
.news_slide .btn_menu img {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}
.news_slide .btn_menu .cate {
  display: block;
  margin-top: 10px;
  font-size: 20px;
  color: #999;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.news_slide .btn_menu .title {
  display: block;
  margin-top: 5px;
  font-size: 22px;
  color: #333; /*text-overflow:ellipsis;white-space:nowrap;*/
  height: 60px;
  line-height: 1em;
  overflow: hidden;
  word-break: break-all;
}
.news_slide .btn_menu .desc {
  display: block;
  margin: 15px 0 10px;
  line-height: 1em;
  font-size: 18px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */
  white-space: normal;
  line-height: 1.6;
  max-height: 6.1em;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.news_slide .btn_menu .date {
  display: block;
  margin: 2px 0; /*width:100%;*/
  line-height: 1em;
  font-size: 20px;
  color: #999;
  letter-spacing: -0.5px;
  min-height: 15px;
}
.news_slide .btn_menu .date span {
  color: #f89828;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #ececec;
}
.news_slide .btn_menu .brand + .date {
  margin-top: 16px;
}
.news_slide .btn_menu .thum {
  display: block;
  background: #f2a900;
  position: relative;
  height: 210px;
}
.video_panel .news_slide .btn_menu .thum::after {
  content: "";
  display: block;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 30px;
  height: 30px;
  background: url(../img/icon/play.png) no-repeat;
}

.news_slide .btn_menu .cate,
.news_slide .btn_menu .title,
.news_slide .btn_menu .desc {
  padding-right: 20px;
  min-height: 24px;
}

.news_slide .btn_menu .cate,
.news_slide .btn_menu .title,
.news_slide .btn_menu .date,
.news_slide .btn_menu .desc {
  padding-left: 20px;
}

.news_slide .btn_menu .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.2em;
  height: 2.4em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
}

.news_slide .list_box {
  padding: 0 15px 5px 0;
  text-align: left;
}
.news_slide .list_box:nth-child(2),
.news_slide .list_box:nth-child(5),
.news_slide .list_box:nth-child(8),
.news_slide .list_box:nth-child(11) {
  padding-right: 5px;
  padding-left: 5px;
}
.news_slide .list_box:nth-child(3),
.news_slide .list_box:nth-child(6),
.news_slide .list_box:nth-child(9),
.news_slide .list_box:nth-child(12) {
  padding-right: 0;
  padding-left: 10px;
}

.news_slide .list_box.list_sns .btn_menu img {
  /*position: absolute;top: 0;*/
  height: auto;
}
.news_slide .list_box.list_sns .btn_menu .thum {
  /* height: 0;padding-top: 100%;*/
  overflow: hidden;
  height: auto;
}

/* 게시판view */
.notice_wrap {
  margin: 0 auto 60px;
  min-height: 400px;
}
.bbs_btn {
  text-align: center;
  margin: 0 auto 0;
  border-top: 1px solid #d5d5d5;
  padding-top: 20px;
}
.bbs_btn a {
  font-size: 20px;
  color: #666;
  background: #dfdfdf;
  height: 50px;
  line-height: 52px;
  display: inline-block;
  text-align: center;
  min-width: 80px;
}
table.bbs_view {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
}
table.bbs_view td {
  border-bottom: 1px solid #ccc;
  text-align: center;
  font-size: 20px;
  color: #666;
  padding: 20px 0;
}
table.bbs_view td img {
  max-width: 100%;
}
table.bbs_view td.date {
  text-align: right;
  padding-right: 16px;
}
table.bbs_view td.subject {
  text-align: left;
}
table.bbs_view td.subject .detail_header {
  padding: 15px 20px;
  font-weight: normal;
}
table.bbs_view td.subject .detail_header p {
  font-weight: normal;
}
table.bbs_view td.subject .detail_header p.hd_tit {
  color: #333;
  font-size: 26px;
}
table.bbs_view td.subject .detail_header p.hd_tit span {
  display: block;
  line-height: 1.2em;
}
table.bbs_view td.subject .detail_header p.hd_tit span.cate {
  font-size: 20px;
  color: #f2a900;
}

table.bbs_view td.subject .detail_header p .type {
  padding-right: 10px;
  margin-right: 15px;
  border-right: 1px solid #d9d9d9;
}
table.bbs_view td.subject a {
  color: #333;
}
table.bbs_view td.subject a:hover {
  color: #333;
  text-decoration: underline;
}
table.bbs_view td.subject p.date {
  /*display:none;*/
  color: #777;
  margin-top: 4px;
  clear: both;
}

table.bbs_view td.subject ul li {
  font-size: 14px;
  color: #666;
  float: left;
  padding: 10px;
}
table.bbs_view td.subject ul li:first-child {
  padding-left: 0;
}
table.bbs_view td.subject ul li.dot {
  padding: 10px 0;
}

table.bbs_view thead td {
  border-top: 2px solid #333;
  padding: 16px 0;
}
table.bbs_view tbody td {
  border-bottom: 0;
}
table.bbs_view tbody td.contents {
  text-align: left;
  padding: 32px;
  line-height: 24px;
  font-size: 16px;
  color: #666;
  word-break: break-word;
  overflow: hidden;
  overflow-x: auto;
}
table.bbs_view tbody td.contents #player {
  margin: 0 auto 30px;
  display: block;
}
table.bbs_view tbody td.contents p {
  word-break: break-word;
}
table.bbs_view tbody td.contents,
table.bbs_view tbody td.contents p,
table.bbs_view tbody td.contents span {
  font-family: "Teko", "Oswald", sans-serif !important;
  font-size: 18px !important;
  line-height: 1.5em !important;
}
table.bbs_view tbody td.contents b {
  font-weight: 700 !important;
}
table.bbs_view tbody td.contents img {
  max-width: 100%;
}

table.bbs_view tbody td.contents.btn_wrap {
  text-align: center;
}
table.bbs_view tbody td.contents .file_wrap {
  border-top: 1px dashed #d5d5d5;
  padding-top: 10px;
  font-size: 16px;
  margin-top: 40px;
}
table.bbs_view tbody td.contents .file_wrap a {
  color: #666;
}
table.bbs_view tbody td.contents .file_wrap a:hover {
  color: #333;
  text-decoration: underline;
}

table.bbs_view tfoot td {
  font-size: 18px;
  color: #666;
  text-align: left;
}
table.bbs_view tfoot td a {
  color: #333;
}
table.bbs_view tfoot td a .title {
  padding: 0 10px;
  width: 60%;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
}
table.bbs_view tfoot td a:hover .title {
  text-decoration: underline;
  font-weight: 800;
}
table.bbs_view tfoot td.prev {
  text-align: left;
}
table.bbs_view tfoot td.next {
  text-align: right;
}
table.bbs_view tfoot td.prev span.arrow {
  font-size: 16px;
  padding: 0 10px 0 32px;
  border-right: 1px solid #ccc;
  background: url(https://www.battlegroundsmobileindia.com/common/img/icon/arrow_prev.png) left center no-repeat;
}
table.bbs_view tfoot td.next span.arrow {
  font-size: 16px;
  padding: 0 32px 0 10px;
  border-left: 1px solid #ccc;
  background: url(https://www.battlegroundsmobileindia.com/common/img/icon/arrow_next.png) right center no-repeat;
}

/* 약관 */
.page_privacy .sub_visual {
  background: #f9f9f9;
  padding-bottom: 0;
}
.page_privacy .sub_visual .top_text .tit {
  line-height: 1em;
}
.page_privacy .sub_visual .top_text .desc {
  color: #999;
  opacity: 1;
}
.page_privacy .contents {
  border-top: 2px solid #333;
}
.page_privacy .bbs_privacy .privacy_tit {
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 800;
}
.page_privacy .bbs_privacy ul {
  padding-left: 20px; /* margin-top:10px*/
}
.page_privacy .bbs_privacy ul li {
  position: relative;
  padding-left: 10px;
}
.page_privacy .bbs_privacy ul li::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 5px;
  background: #333;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
}
.page_privacy .bbs_privacy ul li a {
  color: #f2a900;
  font-size: 18px;
}

/* 페이지 */
.page_list {
  padding-top: 40px;
  height: 30px;
  text-align: center;
  display: block;
  clear: both;
}
.news_area + .page_list {
  padding-top: 20px;
}
.page_list a {
  display: inline-block;
  width: 40px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: top;
  font-size: 20px;
  color: #777;
  *display: inline;
  zoom: 1;
}
.page_list .btn_page:hover,
.page_list .btn_page.active {
  color: #000; /*font-weight:800;*/
  text-decoration: underline;
}
.page_list .btn_first,
.page_list .btn_prev,
.page_list .btn_next,
.page_list .btn_last {
  margin: 0 1px;
  width: 30px;
}
.page_list a span {
  display: block;
  width: 30px;
  height: 30px;
  text-align: left;
  text-indent: -9999px;
}
.page_list .btn_prev {
  margin-right: 5px;
}
.page_list .btn_next {
  margin-left: 8px;
}
.page_list .btn_first span {
  background: #fff url("../img/icon/page_first.png") no-repeat center center;
  border: 1px solid #ececec;
}
.page_list .btn_prev span {
  background: #fff url("../img/icon/page_prev.png") no-repeat center center;
  border: 1px solid #ececec;
}
.page_list .btn_next span {
  background: #fff url("../img/icon/page_next.png") no-repeat center center;
  border: 1px solid #ececec;
}
.page_list .btn_last span {
  background: #fff url("../img/icon/page_last.png") no-repeat center center;
  border: 1px solid #ececec;
}
.page_list span:hover {
  border-color: #666;
}

#panels {
  padding-top: 45px;
}
#panels a {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  margin-top: 5px;
}
#panels a span {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../img/common/bg_quickmenu.png) repeat;
}
#panels a span img {
  position: absolute;
  top: 50%;
  margin-top: -27px;
  left: 50%;
  margin-left: -27px;
}
#panels a:hover span.btn_plus {
  display: block;
}
#panels .btn_wrap {
  clear: both;
  margin-top: 45px;
}
#panels .btn_wrap a {
  display: block;
}
#panels .btn_wrap span {
  display: none;
}

.bottomctn {
  width: 100%;
  padding: 50px 0;
  background: #e9eaee url("../img/main/app_bg.jpg") center no-repeat;
  background-size: cover;
  overflow-x: hidden;
  text-align: center;
}
.bottomctn .tit {
  color: #333;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.2em;
  margin: 12px auto;
}
.bottomctn .tablebox {
  width: 100%;
}
.bottomctn .tablebox .offset_wrapper {
  width: 100%;
  display: inline-block;
}
.bottomctn .tablebox .offset_wrap {
  display: block;
  min-width: 100%; /*margin: 0 -20px;*/
}
.bottomctn .tablebox div {
  font-size: 0;
  margin: 0 auto;
}
.bottomctn .tablebox div a {
  display: inline-block;
  background-color: #eca800;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: center;
  color: #666;
  font-size: 20px;
  width: 250px;
  height: 76px;
}
.bottomctn .tablebox div a + a {
  margin-left: 5px;
}
.bottomctn .tablebox div a img {
  height: 34px;
}
.bottomctn .tablebox div a span.txt {
  color: #333;
  font-size: 22px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
}
.bottomctn .tablebox div a span.ic {
  width: 14px;
  height: 13px;
  background: url(../img/icon/download.png) center no-repeat;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  position: relative;
}

.bottomctn .tablebox div a.google {
  margin-left: 10px;
  background: url("../img/btn/btn_googleplay_250.png") no-repeat 50% center /
    100%;
}
.bottomctn .tablebox div a.appstore {
  background: url("../img/btn/btn_appstore_250.png") no-repeat 50% center / 100%;
}

/* 팝업 */
#popup_mask {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  filter: alpha(opacity=85);
  opacity: 0.85;
  z-index: 500;
}
#popup_mask2 {
  display: none;
  z-index: 25;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  filter: alpha(opacity=85);
  opacity: 0;
  z-index: 30;
}
#popup_mask2.active {
  display: block;
}
.popup_wrap {
  display: none; /*position:fixed; width:760px; height:495px; top:50%; left:50%; margin-top:-247px; margin-left:-380px;*/
  z-index: 10000;
  text-align: center;
}
#popup_gala_reservation.popup_wrap,
#popup_pop_map.popup_wrap,
#popup_pop_reservation.popup_wrap {
  height: 520px;
  margin-top: -290px;
}
.popup_wrap .close {
  text-align: right;
  padding-bottom: 10px;
}
.popup_wrap .close a {
  cursor: pointer;
}

.popup_wrap .popup_img {
  width: 100%;
}
.popup_wrap .bbs_tit {
  width: 92%;
  padding: 8% 4% 3% 4%;
  display: block;
  color: #fff;
  position: absolute;
  left: 0px;
  bottom: 0px;
  font-size: 18px;
  background: url(../img/common/bg_popup.png) bottom center;
  background-size: cover;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}

.popup_wrap .in_popup {
  position: relative;
}

.pd_30 {
  padding-top: 30px;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.popup_wrap .bx-wrapper .bx-prev {
  left: 0px;
  background: url(../img/btn/popup_prev.png) no-repeat;
}
.popup_wrap .bx-wrapper .bx-next {
  right: 0px;
  background: url(../img/btn/popup_next.png) no-repeat;
}
.popup_wrap .bx-wrapper .bx-controls-direction a {
  position: absolute;
  bottom: 20px;
  outline: 0;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  z-index: 9999;
  background-color: #fff;
  text-align: center;
  background-size: 25%;
  background-position: center;
}
.popup_wrap .bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
.popup_wrap .bx-default-pager {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
}

.popup_wrap .txt_menu_wrap .bx-wrapper .bx-controls-direction a {
  bottom: -10px;
}
.popup_wrap .txt_menu_wrap .bx-default-pager {
  margin-top: 30px;
}

/* 팝업 */
.popup_wrap .popup_top_tit {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  overflow: hidden;
  font-size: 24px;
  font-weight: 700;
  text-align: left;
}
.popup_wrap .popup_normal {
  background: #fff;
  padding-bottom: 20px;
}
.popup_wrap .popup_normal .popup_con {
  height: 100%;
}
.popup_wrap .popup_hd {
  width: 100%;
  margin: 0 auto 10px;
  position: relative;
  padding: 20px 0;
  background: #f8f8f8;
}
.popup_wrap .popup_hd p {
  font-size: 14px;
  color: #666;
}
.popup_wrap .popup_hd p.red {
  font-weight: 700;
  color: #f2a900;
}
.popup_wrap .popup_hd p b {
  font-weight: 700;
  font-size: 30px;
  color: #333;
  display: inline-block;
  vertical-align: middle;
}
.popup_wrap .popup_hd p span {
  font-size: 30px;
  color: #333;
  display: inline-block;
  vertical-align: middle;
}
.popup_wrap .popup_hd a.btn_prev {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -15px;
}
.popup_wrap .popup_hd a.btn_next {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -15px;
}
.popup_wrap .popup_hd a img {
  max-width: 70%; /*opacity: 0.4*/
}
.popup_wrap .popup_hd a:hover img {
  opacity: 1;
}
.popup_wrap .popup_normal .popup_con {
  max-height: 440px;
}
.popup_wrap .popup_normal .popup_con {
  width: 95%;
  margin: 0 auto;
  overflow: auto;
  overflow-x: hidden; /*border-top:2px solid #333;*/
}
.popup_wrap .popup_normal .popup_con .text_wrap {
  padding-bottom: 20px;
  border-top: 2px solid #333;
}

.popup_wrap .popup_normal .popup_con .btn_box {
  margin-top: 0;
}
.popup_wrap .popup_normal .popup_con .btn_box a {
  width: 100%;
}

.popup_wrap .id_con {
  overflow: hidden;
  margin-top: 40px;
  padding-top: 20px;
  border-top: 2px solid #333;
}
.popup_wrap .id_con input {
  width: 74%;
  border: 0;
  background: #eceeef;
  padding: 0 2%;
  height: 40px;
  line-height: 40px;
  float: left;
}
.popup_wrap .id_con input + a {
  width: 20%;
  background: #f2a900;
  color: #333;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  float: right;
  font-size: 15px;
  font-weight: 700;
}

.popup_wrap .id_con input[type="number"]::-webkit-outer-spin-button,
.popup_wrap .id_con input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
} /* 파이어폭스에서의 초기화 방법 */
.popup_wrap .id_con input[type="number"] {
  -moz-appearance: textfield;
}

.popup_con .text_wrap.bd_none {
  border-top: 0;
}
.popup_con table td {
  vertical-align: top;
  color: #666;
  font-size: 16px;
  line-height: 1.6em;
  padding-top: 10px;
  word-break: break-all;
}
.popup_con table td div,
.popup_con table td p {
  word-break: break-all;
}
.popup_con table td p.desc {
  font-size: 14px;
}
.popup_con table td:first-child {
  border-right: 10px solid #fff;
  color: #333;
  font-size: 16px;
  font-weight: 700;
}
.popup_con table td select {
  width: 98%;
  border: 0;
  background: #eceeef;
  padding: 10px 2%;
}
.popup_con table td input {
  width: 94%;
  border: 0;
  background: #eceeef;
  padding: 10px 2%;
}
.popup_con table td input::-ms-input-placeholder {
  color: #000;
}
.popup_con table td input::-webkit-input-placeholder {
  color: #000;
}
.popup_con table td input::-moz-placeholder {
  color: #000;
}
.popup_con table td .phone_wrap {
  overflow: hidden;
}
.popup_con table td .phone_wrap input {
  width: 71%;
  vertical-align: middle;
  float: left;
  padding: 0 2%;
  height: 40px;
  line-height: 40px;
}
.popup_con table td .phone_wrap a {
  width: 23%;
  float: left;
  display: block;
  padding: 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #333;
  font-size: 14px;
  vertical-align: middle;
}
.popup_con table td .phone_wrap .noti {
  display: inline-block;
  clear: both;
  color: #f2a900;
  font-size: 12px;
  vertical-align: top;
  line-height: 1.3em;
  font-weight: 700;
}
.popup_con table td .phone_wrap .noti {
  font-size: 14px;
  font-weight: 700;
}
.popup_con table td .phone_wrap .noti.en {
  font-size: 18px;
  font-weight: normal;
}
.popup_con table td .name_wrap input {
  width: 20%;
  vertical-align: middle;
}
.popup_con table td .name_wrap input + input {
  margin-left: 0.3%;
}
/* 20191007 필드 추가로 넓이값 변경 */
.popup_con table td .name_wrap_form input {
  width: 15%;
  vertical-align: middle;
}
.popup_con table td .name_wrap_form select {
  width: 19%;
  border: 0;
  background: #eceeef;
  margin-left: 0.3%;
  padding: 10px 2%;
  vertical-align: middle;
}
/* 변경 끝 */
.popup_con table td .name_wrap_form input + input {
  margin-left: 0.3%;
}
.popup_con .agree_wrap {
  text-align: left;
  margin-bottom: 20px;
}
.popup_con .agree_wrap p.agree_tit {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 2px solid #333;
  padding-bottom: 10px;
}
.popup_con .agree_wrap pre {
  margin: 0;
  width: 96%;
  padding: 2%;
  background: #eceeef;
  height: 60px;
  overflow-y: auto;
  white-space: pre-wrap;
  font-size: 14px;
  line-height: 1.3em;
  font-family: "Teko", "Oswald", sans-serif;
  color: #666;
}
.popup_con .agree_wrap pre + p,
.popup_con .agree_wrap .noti + p {
  text-align: right;
  padding: 0;
  border: 0;
  margin-top: 5px;
  color: #666;
}
.popup_con .agree_wrap .noti + p input,
.popup_con .agree_wrap .noti + p span,
.popup_con .agree_wrap pre + p input,
.popup_con .agree_wrap pre + p span,
.popup_con .all_check input,
.popup_con .all_check span {
  /*display:inline-block;*/
  vertical-align: middle;
  margin-left: 5px;
  font-size: 14px;
  font-weight: normal;
  border-color: #d5d5d5;
}
.popup_con .agree_wrap .noti {
  margin: 0;
  width: 96%;
  padding: 2%;
  background: #eceeef;
  font-size: 14px;
  line-height: 1.3em;
  color: #666;
}
.popup_con .agree_wrap .noti p {
  position: relative;
  padding-left: 10px;
}
.popup_con .agree_wrap .noti p::before {
  content: "·";
  display: block;
  color: #666;
  font-size: 14px;
  margin-right: 5px;
  position: absolute;
  top: 0;
  left: 0;
}
.popup_con .agree_wrap .noti p + p {
  margin-top: 10px;
}
.popup_con .agree_wrap .noti p b {
  font-weight: 700;
}
.popup_con .all_check {
  margin: 0 auto 10px;
  text-align: center;
  color: #666;
}
.popup_con iframe {
  width: 100%;
  margin: 0 auto;
}
.popup_con .photo_wrap {
  display: block;
  overflow: hidden;
  padding-top: 20px;
  font-size: 16px;
}
.popup_con .photo_wrap .photo_box {
  float: left;
  width: 49%;
  vertical-align: top;
  margin-bottom: 20px;
  text-align: left;
}
.popup_con .photo_wrap .photo_box img {
  width: 100%;
}
.popup_con .photo_wrap .photo_box p {
  color: #666;
  font-size: 16px;
  line-height: 1.4em;
}
.popup_con .photo_wrap .photo_box p b {
  color: #333;
  font-weight: 700;
}
.popup_con .photo_wrap .photo_box:nth-child(3n) {
  clear: both;
}
.popup_con .photo_wrap .photo_box:nth-child(2n) {
  float: right;
}

.pop_guide {
  width: 100%;
  height: 30px;
  text-align: right;
  position: relative;
}
.pop_guide .btn_open {
  font-size: 16px;
  font-weight: 700;
  display: block;
  float: right;
  color: #333;
  padding-right: 22px;
  background: url(../img/icon/arrow_y.png) center right no-repeat; /*border-left:1px solid #999;*/
  padding-left: 10px;
  line-height: 1em;
}
.pop_guide .btn_link {
  font-size: 16px;
  font-weight: 700;
  display: block;
  float: right;
  color: #333;
  padding-right: 15px;
  line-height: 1em;
  background: url(../img/icon/link.png) center right no-repeat;
  margin-right: 10px;
}
.pop_guide .btn_link:hover {
  color: #f2a900;
  background: url(../img/icon/link_y.png) center right no-repeat;
}
.pop_guide .guide_btn_wrap {
  background: #f8f9fa;
  overflow: hidden;
}
.pop_guide .guide {
  display: none;
  position: absolute;
  top: 0;
  right: 0px;
}
.pop_guide .guide .guide_close {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1em; /*border-left:1px solid #999;*/
  padding-left: 10px;
  float: right;
  color: #f2a900;
  padding-right: 22px;
  background: url(../img/icon/arrow_up_y.png) center right no-repeat;
  margin-bottom: 6px;
}
.pop_guide .guide img {
  max-width: 100%;
  display: block;
  clear: both;
}

/*경기안내*/
#popup_match1 {
  margin-top: -347px;
}
#popup_match2 {
  margin-top: -347px;
}
#popup_point {
  margin-top: -300px;
}
/*#popup_odd { margin-top:-347px; }
#popup_odd .popup_hd p { font-size:16px;}
#popup_odd .popup_hd {position:relative}
#popup_odd #popup_close {position:absolute; top:20px; right:0}*/
#popup_match2.popup_wrap .popup_normal {
  background: #fff url(https://www.battlegroundsmobileindia.com/common/img/popup/bg.png) bottom center no-repeat;
  background-size: cover;
}

/* 포인트 */
#popup_point.popup_wrap .popup_con {
  padding: 0 30px 30px;
}
#popup_point.popup_wrap .popup_normal {
  padding-bottom: 20px;
}
#popup_point.popup_wrap .popup_con .point_tit {
  width: 100%;
  text-align: left;
  padding: 5px 0;
  font-size: 18px;
}
#popup_point.popup_wrap .popup_con .point_tit .en {
  font-size: 22px;
}
#popup_point.popup_wrap .popup_con .point_tit + .text_wrap table {
  border-top: 2px solid #333;
}
#popup_point.popup_wrap .popup_con .point_tit + .text_wrap table td {
  padding: 5px;
  text-align: center;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
#popup_point.popup_wrap
  .popup_con
  .point_tit
  + .text_wrap
  table
  td:first-child {
  border-right: 1px solid #dedede;
}
#popup_point.popup_wrap .popup_con .point_tit + .text_wrap table td:last-child {
  border-right: 0;
}
#popup_point.popup_wrap
  .popup_con
  .point_tit
  + .text_wrap
  table
  thead
  + tbody
  td {
  border-top: 0;
}
#popup_point.popup_wrap .popup_con .point_tit + .text_wrap table td.bg_g {
  background: #f8f8f8;
}
#popup_point.popup_wrap .popup_con .point_tit + .text_wrap table td.l {
  text-align: left;
}
#popup_point.popup_wrap .popup_con .point_tit + .text_wrap table td.bd {
  color: #333;
  font-size: 16px;
  font-weight: 700;
}

/* 영상 팝업 */
#popup_movie {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../img/common/bg_quickmenu.png) repeat;
  z-index: 1000;
}
#popup_movie .popup_area {
  position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  height: auto;
  background: #fff;
}
#popup_movie .popup_area .btn_close {
  display: block;
  position: absolute;
  right: -20px;
  top: -40px;
  width: 50px;
  height: 50px;
  z-index: 20;
}
#popup_movie .popup_area iframe {
  width: 100% !important;
  height: 100% !important;
}

.show_m {
  display: none !important;
}

#popup_gala_menu {
  background: url(https://www.battlegroundsmobileindia.com/common/img/common/bg_popup2.jpg) center 60px no-repeat;
}
#popup_gala_menu.popup_wrap .bx-wrapper .bx-controls-direction a {
  bottom: -40px;
}
#popup_gala_menu.popup_wrap .bx-default-pager {
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin: 0 auto;
  margin-left: -20px;
  clear: both;
}

#popup_pop_menu {
  background: url(https://www.battlegroundsmobileindia.com/common/img/common/bg_popup2.jpg) center 60px no-repeat;
}
#popup_pop_menu.popup_wrap .bx-wrapper .bx-controls-direction a {
  bottom: -40px;
}
#popup_pop_menu.popup_wrap .bx-default-pager {
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin: 0 auto;
  margin-left: -20px;
  clear: both;
}

#popup_pop_menu.popup_wrap .txt_menu .right_menu .right_en {
  margin-bottom: 5px;
}
#popup_pop_menu.popup_wrap .txt_menu .right_menu .right_ko2 {
  margin-bottom: 10px;
}

.error {
  text-align: center;
  padding-top: 50px;
}
.error p {
  font-size: 16px;
  color: #666;
}

/* 팝업수정 */
.popupbox {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  text-align: center;
}
.popupbox .popup_area {
  width: 100%;
  height: 100%;
  display: table;
  position: relative;
  z-index: 1;
}
.popupbox .popup_position {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.popupbox .popup_wrap {
  margin: 0 auto;
  display: inline-block;
  width: 65%;
  background-color: #fff;
}
.popupbox .popup_area.type2 .popup_wrap {
  width: 40%;
}

#vote_popup .popupbox .popup_area.type2 .popup_wrap {
  width: 400px;
}

.popupbox .popup_area.type_photo .popup_wrap {
  width: 400px;
}
.popupbox .popup_background {
  background-color: #000;
  opacity: 0.8;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.popupbox .popup_header {
  display: table;
  width: 100%;
  height: 65px;
}
.popupbox .popup_header .name {
  width: 100%;
  color: #333;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 0 0 0 25px;
  font-size: 20px;
  font-weight: 700;
}
.popupbox .popup_header .name img {
  height: 30px;
}
.popupbox .popup_header .name span {
  display: inline-block;
  vertical-align: top;
  line-height: 1.3em;
}
.popupbox .popup_header .name span + span {
  margin-left: 4px;
}
.popupbox .popup_header .button {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.popupbox .popup_header .button img {
  display: inline-block;
  padding: 0 15px;
  width: 20px;
}

.popup_header + .tit_box {
  clear: both;
  width: 100%;
  padding-top: 25px;
}
.popup_header + .tit_box .en {
  font-size: 24px;
  clear: both;
}
.popup_header + .tit_box .ko {
  font-size: 16px;
  clear: both;
  letter-spacing: -0.5px;
}
.popup_header + .tit_box .tit {
  font-size: 24px;
  font-weight: 700;
  line-height: 1em;
  position: relative;
  width: 80%; /*text-overflow: ellipsis;white-space: nowrap;overflow: hidden;*/
  margin: 0 auto;
  word-wrap: break-word;
}
.popup_header + .tit_box .txt {
  font-size: 14px;
  color: #666;
  margin-top: 10px;
  position: relative;
}
.popup_header + .tit_box .tit span {
  position: relative;
}
.popup_header + .tit_box .tit span.line {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 15px;
  background: #f2a900;
}
.popup_header + .tit_box .tit span.line + span {
  position: relative;
  word-break: break-all;
}
.popup_header + .tit_box img {
  max-width: 100%;
}

.popup_header + .tit_box .tit span.line {
  display: none !important;
}
.popupbox .popup_content {
  padding: 0 20px 20px;
  text-align: left;
  box-sizing: border-box;
  background-color: #fff;
  max-height: calc(90vh - 75px);
  overflow: auto;
}
.popupbox .popup_content img {
  width: 100%;
}

/* 참가 조회 */
.search_popup .popupbox .popup_area.type2 .popup_wrap {
  width: 700px;
}
.search_popup .popupbox .popup_area.type2 .popup_wrap .fin_box {
  padding: 0 30px 30px;
  margin-top: -30px;
}
.search_popup .popupbox .popup_area.type2 .popup_wrap .fin_box + .btn_box {
  margin: 0 auto 30px;
}
.search_popup .popupbox .popup_area.type2 .popup_wrap .fin_box img {
  max-width: 100%;
}
.search_popup .popupbox .popup_area.type2 .popup_wrap .fin_box .tit {
  font-size: 30px;
  color: #333;
  font-weight: 700;
  line-height: 1.2em;
}
.search_popup .popupbox .popup_area.type2 .popup_wrap .fin_box span.point {
  color: #f2a900;
}
.search_popup .popupbox .popup_area.type2 .popup_wrap .fin_box .txt {
  font-size: 14px;
  color: #666;
}
.search_popup .popupbox .popup_area.type2 .popup_wrap .fin_box .desc {
  font-size: 12px;
  color: #999;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d5d5d5;
}

.search_popup .popupbox .popup_area.type2 .popup_wrap .fin_link .noti {
  position: relative;
  color: #333;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -1px;
  display: block;
  text-align: left;
  margin: 0 0 10px;
}
.search_popup .popupbox .popup_area.type2 .popup_wrap .fin_link .noti span {
  color: #ffae00;
}
.search_popup
  .popupbox
  .popup_area.type2
  .popup_wrap
  .fin_link
  .match_info
  .table_box
  .table_cell {
  text-align: left;
}
.search_popup
  .popupbox
  .popup_area.type2
  .popup_wrap
  .fin_link
  .match_info
  .table_box
  .table_cell.label {
  text-align: center;
}

.search_popup .popupbox .popup_area.type2 .popup_wrap .fin_box .fin_table {
  margin: 20px auto 20px;
  text-align: left;
}
.search_popup
  .popupbox
  .popup_area.type2
  .popup_wrap
  .fin_box
  .fin_table
  .fin_table_tit {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 5px;
}
.search_popup
  .popupbox
  .popup_area.type2
  .popup_wrap
  .fin_box
  .fin_table
  table {
  width: 100%;
  table-layout: fixed;
  border-top: 2px solid #333;
}
.search_popup
  .popupbox
  .popup_area.type2
  .popup_wrap
  .fin_box
  .fin_table
  table
  th,
.search_popup
  .popupbox
  .popup_area.type2
  .popup_wrap
  .fin_box
  .fin_table
  table
  td {
  color: #666;
  font-size: 14px;
  border-bottom: 1px solid #d5d5d5;
  padding: 10px;
}
.search_popup
  .popupbox
  .popup_area.type2
  .popup_wrap
  .fin_box
  .fin_table
  table
  th {
  color: #333;
  font-weight: 700;
}

.search_popup .popup_header + .tit_box {
  padding: 0;
  margin-top: -40px;
}
.search_popup .popup_content {
  text-align: center;
  padding-top: 15px;
}
.search_popup .text_wrap table th {
  border-top: 2px solid #333;
  border-right: 5px solid #fff;
  padding: 10px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}
.search_popup .text_wrap table td {
  border-top: 0;
  padding: 10px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
.search_popup .text_wrap table td input {
  display: block;
  background: #f8f8f8;
  padding: 10px;
  border: 0;
  width: 96%;
}

/* 풀팝업 */
.full_popup {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  z-index: 9999999999;
  position: fixed;
  background: #fff;
  overflow: auto;
}
.full_popup .popup_normal {
  width: 800px;
  margin: 40px auto;
  position: relative;
}
.full_popup .full_hd {
  text-align: center;
}
.full_popup .full_hd .en {
  font-size: 24px;
}
.full_popup .full_hd .ko {
  font-size: 16px;
}
.full_popup .full_hd .tit {
  font-size: 35px;
  font-weight: 700;
  line-height: 1em;
  position: relative;
}
.full_popup .full_hd .tit span {
  position: relative;
}
.full_popup .full_hd .tit span.line {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 15px;
  background: #f2a900;
}
.full_popup .full_hd img {
  max-width: 100%;
}
.full_popup .full_hd .date_wrap {
  margin: 20px auto;
}
.full_popup .full_hd .date_wrap p {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1em;
}
.full_popup .full_hd .date_wrap .ko {
  color: #f2a900;
  font-weight: 700;
  margin-right: 5px;
}
.full_popup .full_hd .date_wrap .date {
  color: #333;
  letter-spacing: -0.5px;
}
.full_popup .full_hd .date_wrap p.line {
  width: 1px;
  height: 15px;
  background: #333;
  opacity: 0.3;
  margin: 0 20px;
}
.full_popup .step {
  margin: 40px auto;
  text-align: center;
  position: relative;
}
.full_popup .step .line {
  position: absolute;
  top: 13px;
  width: 70%;
  left: 15%;
  height: 1px;
  background: #f0f0f0;
}
.full_popup .step ul {
  position: relative;
}
.full_popup .step ul li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  min-width: 17%;
}
.full_popup .step ul li + li {
  margin-left: 15%;
}
.full_popup .step ul li .num {
  width: 26px;
  height: 26px;
  line-height: 26px;
  background: #999;
  color: #fff;
  margin: 0 auto 10px;
  font-size: 16px;
  font-weight: 700;
}
.full_popup .step ul li .txt {
  color: #999;
  font-size: 16px;
}
.full_popup .step ul li.on .num {
  background: #f2a900;
}
.full_popup .step ul li.on .txt {
  color: #333;
  font-weight: 700;
}
.full_popup .step img {
  max-width: 100%;
}
.full_popup #popup_close {
  position: absolute;
  top: -10px;
  right: 0;
}
.full_popup .logo {
  position: absolute;
  top: -20px;
  left: 0;
  height: 60px;
}
.full_popup .btn_box {
  margin: 40px auto 0;
  text-align: center;
}
.full_popup .popup_con .agree_wrap pre {
  height: 100px;
}

.full_popup .popup_con table td input {
  width: 96%;
}
.full_popup .popup_con table tr:first-child td {
  border-top: 2px solid #333;
}
.full_popup .popup_con table td:first-child {
  line-height: 50px;
  padding: 0;
}
.full_popup .popup_con table td .name_wrap_form {
  display: table;
  table-layout: fixed;
}
.full_popup .popup_con table td .name_wrap_form input {
  width: 15%; /*display:table-cell*/
}
.full_popup .popup_con table td .name_wrap_form select {
  width: 21.4%; /*display:table-cell*/
}
.full_popup .popup_con table td .name_wrap_form .email + select,
.full_popup
  .popup_con
  table
  td
  .name_wrap_form
  .email
  + select
  + input
  + select {
  margin-left: 0;
  width: 48%;
  float: left;
  clear: both;
}

.full_popup .popup_con table td .name_wrap_form .email + select + input,
.full_popup
  .popup_con
  table
  td
  .name_wrap_form
  .email
  + select
  + input
  + select
  + input {
  margin-left: 0;
  width: 47%;
  float: right;
}

.full_popup .popup_con table td .name_wrap_form .email + select,
.full_popup .popup_con table td .name_wrap_form .email + select + input {
  margin-bottom: 4px;
}

.full_popup
  .popup_con
  table
  td
  .name_wrap_form
  .email
  + select
  + input
  + select
  + input
  + input,
.full_popup .popup_con table td .name_wrap_form .team_phone {
  width: 96%;
  margin-top: 4px;
  margin-left: 0;
  clear: both;
}

.full_popup .popup_con table td .name_wrap_form .email {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 14px;
}
.full_popup .popup_con table td .name_wrap_form .email input.bot {
  width: 52%;
}
.full_popup .popup_con table td .phone_wrap input {
  width: 40%;
}
.full_popup .popup_con table td .phone_wrap a {
  width: auto;
  min-width: 100px;
  padding-left: 15px;
  padding-right: 15px;
}
.full_popup .popup_con table td .phone_wrap .noti {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.popup_con .fin_box {
  padding: 40px 0 0;
  text-align: center;
}
.popup_con .fin_box img {
  max-width: 100%;
}
.popup_con .fin_box .tit {
  font-size: 30px;
  color: #333;
  font-weight: 700;
  line-height: 1.2em;
}
.popup_con .fin_box span.point {
  color: #f2a900;
}
.popup_con .fin_box .txt {
  font-size: 14px;
  color: #666;
}
.popup_con .fin_box .desc {
  font-size: 12px;
  color: #999;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d5d5d5;
}

.popup_con .fin_link .noti {
  position: relative;
  color: #333;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -1px;
  display: block;
  text-align: left;
  margin: 0;
}
.popup_con .fin_link .noti span {
  color: #ffae00;
}
.popup_con
  .fin_link
  .match_info
  .table_box
  .table_cell
  + .table_cell
  + .table_cell {
  border: 0;
  text-align: right;
}

.popup_con .fin_box .fin_table {
  margin: 20px auto 20px;
  text-align: left;
}
.popup_con .fin_box .fin_table .fin_table_tit {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 5px;
}
.popup_con .fin_box .fin_table table {
  width: 100%;
  table-layout: fixed;
  border-top: 2px solid #333;
}
.popup_con .fin_box .fin_table table th,
.popup_con .fin_box .fin_table table td {
  color: #666;
  font-size: 14px;
  border-bottom: 1px solid #d5d5d5;
  padding: 10px;
}
.popup_con .fin_box .fin_table table th {
  color: #333;
  font-weight: 700;
}

.popup_wrap .popup_con .btn_box {
  text-align: center;
}
.popup_con .fin_box .btn_box {
  margin-top: 20px;
}

/* 하반기 */

.second .main_banner {
  background: none;
  padding: 70px 0 0;
}
.second .main_banner .obj {
  top: 0;
}
.second .main_banner .text_wrap .prize_box .box {
  text-align: left;
}
.second .main_banner .text_wrap .prize_box .box.total {
  background: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.second .main_banner .text_wrap .prize_box .box.total .prize {
  margin-left: -20px;
  line-height: 3em;
}
.second .main_banner .text_wrap .prize_box .box.total .money {
  color: #f2a900;
  font-size: 100px;
}
.second .main_banner .text_wrap .desc p + p {
  font-size: 16px;
}

.second .year_schedule .schedule_box table td:last-child p {
  background: none;
}

/* 하반기 > 대회안내 */
.page_info.second .sub_overview {
  background-image: url(https://www.battlegroundsmobileindia.com/common/img/second/overview_bg.jpg);
}
.page_info.second .sub_overview .con_box .descbox .text {
  font-size: 24px;
}

.page_info.second .participation_table .box_wrap .box {
  background: #272728;
}
.page_info.second .participation_table .box_wrap .box .season .tit {
  margin-bottom: 30px;
}

.page_info.second .participation_table .box_wrap .box2 {
  width: 35%;
}
.page_info.second .participation_table .box_wrap .box2.fin {
  background-image: url(https://www.battlegroundsmobileindia.com/common/img/second/participation_bg2.jpg);
  background-size: cover;
}
.page_info.second .participation_table .box_wrap .box2 .box_in {
  display: table;
  width: 90%;
  margin-left: 10%;
  table-layout: fixed;
}
.page_info.second .participation_table .box_wrap .box2 .box_in .logo,
.page_info.second .participation_table .box_wrap .box2 .box_in .box_cell {
  display: table-cell;
  vertical-align: middle;
}
.page_info.second .participation_table .box_wrap .box2 .box_in .box_cell {
  width: 60%;
}
.page_info.second .participation_table .box_wrap .box2 .box_in .tit,
.page_info.second .participation_table .box_wrap .box2 .box_in .desc,
.page_info.second .participation_table .box_wrap .box2 .box_in .date {
  color: #333;
}

.page_info.second .how_fin {
  position: relative;
}
.page_info.second .how_fin .table_box {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-top: 20px;
}
.page_info.second .how_fin .table_box .table_cell {
  width: 33%;
  text-align: center;
  vertical-align: top;
  background: #fff;
  display: table-cell;
}
.page_info.second .how_fin .table_box .table_cell.blank {
  width: 1%;
  background: none;
}
.page_info.second .how_fin .table_box .table_cell .top {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  padding: 10px 0;
  background: #f2a900;
  text-align: center;
}

.page_info.second .how_fin .table_box .table_cell .con .in {
  padding: 20px;
}
.page_info.second .how_fin .table_box .table_cell .con .box1 > p {
  border: 1px solid #f2a900;
  padding: 10px 0;
  background: #fff6e6;
  color: #333;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
.page_info.second .how_fin .table_box .table_cell .con .box1 .in_box {
  overflow: hidden;
  margin-top: 10px;
}
.page_info.second .how_fin .table_box .table_cell .con .box1 .in_box div {
}
.page_info.second .how_fin .table_box .table_cell .con .box1 .in_box div span {
  border: 1px solid #d5d5d5;
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
  color: #333;
  display: inline-block;
  width: 98%;
  line-height: 1.2em;
}
.page_info.second .how_fin .table_box .table_cell .con .box1 .in_box div.left {
  width: 50%;
  float: left;
  text-align: left;
}
.page_info.second
  .how_fin
  .table_box
  .table_cell
  .con
  .box1
  .in_box
  div.center {
  float: left;
  text-align: center;
}
.page_info.second .how_fin .table_box .table_cell .con .box1 .in_box div.right {
  width: 50%;
  float: right;
  text-align: right;
}

.page_info.second .how_fin .table_box .table_cell .con .box2 {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.page_info.second .how_fin .table_box .table_cell .con .box2 .day {
  display: table-cell;
  vertical-align: top;
  background: #f8f8f8;
  text-align: center;
  border: 2px solid #fff;
  width: 33%;
  padding: 10px 0;
}
.page_info.second .how_fin .table_box .table_cell .con .box2 .day p {
  color: #666;
  font-size: 14px;
}
.page_info.second
  .how_fin
  .table_box
  .table_cell
  .con
  .box2
  .day
  p:first-child {
  color: #f2a900;
  font-size: 16px;
  font-weight: 700;
}
.page_info.second .how_fin .table_box .table_cell .con .box2 .day p + p {
  margin-top: 5px;
}
.page_info.second .how_fin .table_box .table_cell .con .desc {
  text-align: right;
  display: block;
  position: relative;
  top: -30px;
  margin-bottom: -20px;
  color: #999;
  font-size: 12px;
}

.page_info.second .how_fin .table_box .table_cell .con .box3 {
  border: 1px solid #d5d5d5;
  padding: 10px 0;
  text-align: center;
  font-size: 16px;
  color: #333;
  display: inline-block;
  width: 100%;
}
.page_info.second .how_fin .table_box .table_cell .con .box4 {
  border: 1px solid #d5d5d5;
  padding: 10px 0 15px;
  text-align: center;
  font-size: 16px;
  color: #333;
  display: inline-block;
  width: 100%;
  background: #fff6e6;
}
.page_info.second .how_fin .table_box .table_cell .con .box4 span {
  display: inline-block;
  vertical-align: middle;
}
.page_info.second .how_fin .table_box .table_cell .con .box4 .point {
  font-weight: 700;
  color: #f2a900;
}

.page_info.second .how_fin .table_box .table_cell .con .arrow {
  width: 100%;
  margin-bottom: -4px;
}

.page_info.second .how_fin .table_box .table_cell.online2 .top {
  background: #9e312d;
  color: #fff;
}
.page_info.second
  .how_fin
  .table_box
  .table_cell.online2
  .con
  .box1
  .in_box
  div
  span {
  width: auto;
  display: block;
}
.page_info.second .how_fin .table_box .table_cell.online2 .con .box2 .day {
  padding: 49px 0;
}
.page_info.second .how_fin .table_box .table_cell.online2 .con .box1 > p,
.page_info.second .how_fin .table_box .table_cell.online2 .con .box4 {
  background: #f9eceb;
  border-color: #9e312d;
}
.page_info.second .how_fin .table_box .table_cell.online2 .con .box4 .point,
.page_info.second
  .how_fin
  .table_box
  .table_cell.online2
  .con
  .box2
  .day
  p:first-child {
  color: #9e312d;
}

.page_info.second .how_fin .table_box .table_cell.last .top {
  background: #262728;
  color: #fff;
}
.page_info.second
  .how_fin
  .table_box
  .table_cell.last
  .con
  .box1
  .in_box
  div.left {
  width: 33%;
}
.page_info.second
  .how_fin
  .table_box
  .table_cell.last
  .con
  .box1
  .in_box
  div.center {
  width: 33%;
  margin-left: 0.5%;
}
.page_info.second
  .how_fin
  .table_box
  .table_cell.last
  .con
  .box1
  .in_box
  div.right {
  width: 33%;
}
.page_info.second .how_fin .table_box .table_cell.last .con .box1 > p {
  background: #f5f5f5;
  border-color: #262728;
}
.page_info.second .how_fin .table_box .table_cell.last .con .box4 {
  background: url("https://www.battlegroundsmobileindia.com/common/img/second/info_last_bg.jpg") center no-repeat;
  background-size: cover;
  color: #fff;
}
.page_info.second .how_fin .table_box .table_cell.last .con .box4 p {
  background: url("https://www.battlegroundsmobileindia.com/common/img/second/info_logo.png") left center no-repeat;
  padding: 10px 0 10px 60px;
  text-align: left;
  display: inline-block;
  line-height: 1.3em;
}
.page_info.second .how_fin .table_box .table_cell.last .con .box2 .day {
  padding: 45px 0;
}
.page_info.second
  .how_fin
  .table_box
  .table_cell.last
  .con
  .box2
  .day
  p:first-child {
  color: #333;
}

.page_info.second .how_fin .next_arrow {
  position: absolute;
  width: 69px;
  height: 52px;
  top: 50%;
  left: 30%;
  margin-top: -15px;
  z-index: 10;
}
.page_info.second .how_fin .next_arrow.arrow2 {
  left: 64%;
}

.page_info.second .how_fin .next_arrow.show_m {
  position: relative;
  width: 47px;
  height: 74px;
  top: auto;
  left: auto;
  margin: -10% auto;
}
.page_info.second .how_fin .next_arrow.show_m.arrow2 {
  left: auto;
}

.page_info.second .how_fin .next_arrow.show_m + div {
  margin-top: -20px;
}

.page_info.second .battle_table table tr:nth-child(8) td,
.page_info.second .battle_table table tr:nth-child(9) td,
.page_info.second .battle_table table tr:nth-child(10) td,
.page_info.second .battle_table table tr:nth-child(11) td,
.page_info.second .battle_table table tr:nth-child(12) td,
.page_info.second .battle_table table tr:nth-child(13) td,
.page_info.second .battle_table table tr:nth-child(14) td,
.page_info.second .battle_table table tr:nth-child(15) td,
.page_info.second .battle_table table tr:nth-child(16) td,
.page_info.second .battle_table table tr:nth-child(17) td,
.page_info.second .battle_table table tr:nth-child(18) td {
  background: #fff;
}

.page_info.second .battle_table table tr:nth-child(10) td,
.page_info.second .battle_table table tr:nth-child(11) td {
  background: #fbf8ed;
}

.page_info.second .battle_table table th:first-child,
.page_info.second .battle_table table tr:first-child td:first-child,
.page_info.second .battle_table table colgroup col:first-child {
  display: none;
}

/* cookies_bar */
.floating_bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
}
.cookies_bar {
  background: #111;
  padding: 17px 0 11px 20px;
  position: relative;
  height: 24px;
  overflow: hidden;
}
.cookies_bar .txt {
  color: #fff;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.1em;
  max-width: 100%;
  word-break: break-all;
  position: relative;
  top: 3px;
}
.cookies_bar .btn_learn {
  color: #fff;
  text-decoration: underline;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  margin-left: 10px;
}
.cookies_bar .btn_cookies_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 64px;
  height: 100%;
  display: block;
  background: #eca800 url(../img/btn/header_close.png) center no-repeat;
  background-size: 40px;
}

#footer {
  padding-bottom: 70px;
}
.cookies_close #footer {
  padding-bottom: 20px;
}
.cookies_close .cookies_bar {
  overflow: hidden;
  padding: 0;
  display: none;
  opacity: 0;
  z-index: -1;
}

@media screen and (min-width: 2000px) {
  .main .video_wrap iframe {
    width: 920px;
    height: 600px;
  }
}

@media screen and (min-width: 1200px) {
  .popup_trailer .video_box .box .popup_close {
    position: absolute;
    top: 0;
    right: -45px;
  }

  .video_panel .swiper-container:after {
    content: "";
    display: block;
    position: absolute;
    background: url("../img/main/video_bg.jpg") left no-repeat;
    width: 20%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    opacity: 0.5;
  }
  .video_panel .swiper-container:before {
    content: "";
    display: block;
    position: absolute;
    background: url("../img/main/video_bg.jpg") right no-repeat;
    width: 20%;
    height: 100%;
    z-index: 100;
    top: 0;
    right: 0;
    opacity: 0.5;
  }
}
/* hover ************************************/
@media screen and (min-width: 900px) {
  .main_panel .btn_wrap a:hover {
    border-color: #333;
    color: #333;
  }
  .main_panel .btn_wrap a.notice:hover {
    background: #f2a900;
    border-color: #f2a900;
    color: #333;
  }
  .main_panel .btn_wrap a.facebook:hover {
    background: #f2a900;
    border-color: #f2a900;
    color: #333;
  }

  .news_slide .btn_menu:hover .img,
  .news_slide .btn_menu:hover .thum img:first-child {
    opacity: 0.5;
  }
  /*.bbs_video .news_slide .btn_menu:hover .thum img.play {display:block}*/
  .link_wrap a:hover span {
    border-color: #666;
  }

  .sub_visual .select_box > a:hover {
    border-color: #fff;
  }

  .con_tab ul li a:hover .text {
    color: #f2a900;
  }

  .main_history .pmsc_season:hover img {
    opacity: 0.2;
  }
  .main_history .pmsc_season:hover .table_box {
    display: table;
  }

  .sub_history .pmsc_season:hover img {
    opacity: 0.2;
  }
  .sub_history .pmsc_season:hover .table_box {
    display: table;
  }

  .sub_prediction .match_tab ul li a:hover {
    color: #f2a900;
  }
  .sub_prediction .match_tab ul li.active a:hover {
    color: #333;
  }

  .sub_prediction .match_box .match ul li a:hover .text_box p.link {
    color: #f2a900;
  }
  .sub_prediction .match_box .match ul li.winner a:hover .text_box p.link {
    color: #333;
  }

  .sub_visual .select_box.active .select_list a {
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  }
  .sub_visual .select_box.active .select_list a:after {
    content: "";
    width: 0%;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background: #f2a900;
  }
  .sub_visual .select_box.active .select_list a:hover {
    color: #333;
  }
  .sub_visual .select_box.active .select_list a:hover span {
    /*letter-spacing: 15px;*/
  }
  .sub_visual .select_box.active .select_list a:hover:after {
    width: 100%;
    z-index: -1;
  }

  #btn_top:hover,
  .main_panel .sns_link a:hover {
    background-color: #f2a900;
  }
}
/* //hover ************************************/

@media screen and (max-width: 1800px) {
  .sub_slide .right_text_wrap .box_wrap {
    padding-top: 80px;
  }
}

@media screen and (max-width: 1650px) {
  .sub_slide .right_text_wrap .box_wrap {
    width: 80%;
  }

  .sub_slide .sub_tit p.line {
    margin-top: 30px;
  }
  .sub_slide .sub_tit {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 1450px) {
  .sub_slide .right_text_wrap .box_wrap {
    padding-top: 40px;
  }

  /* VIDEO */
  .video_panel {
    padding-left: 4%;
    padding-right: 4%;
  }
  .video_panel .swiper-button-next,
  .video_panel .swiper-button-prev {
    display: none;
  }

  /* Header, GNB */
  #gnb ul.gnb_menu li {
    margin-right: 8px;
  }
  #gnb ul.gnb_sns li.odd span {
    font-size: 18px;
    padding: 0 18px;
  }
}

@media screen and (max-width: 1320px) {
  .news_area {
    width: 100%;
  }

  /* Header, GNB */
  #gnb ul.gnb_menu li {
    margin-right: 6px;
  }
  #gnb ul.gnb_sns li.odd span {
    font-size: 16px;
    padding: 0 16px;
  }
}

@media screen and (max-width: 1280px) {
  /* Header & Footer */
  #gnb ul.gnb_sns li:nth-child(1) {
    display: none;
  }
  #gnb ul.gnb_sns li:nth-child(2) {
    display: none;
  }
  #gnb ul.gnb_sns li:nth-child(3) {
    display: none;
  }
  #gnb ul.gnb_sns li:nth-child(4) {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  /* Header & Footer */
  #footer {
    /*margin-bottom: 60px;*/
    padding: 30px 0;
    padding-bottom: 80px;
  }

  /* 메인_상금 */
  .main_banner .obj img {
    width: 80%;
  }
  .main_banner .text_wrap {
    left: 0;
    text-align: center;
  }
  .main_banner .text_wrap .prize {
    font-size: 30px;
    margin: 0;
  }
  .main_banner .text_wrap .prize .money {
    font-size: 100px; /*display:block; margin:0 auto*/
  }
  .main_banner .text_wrap .desc .line {
    display: none;
  }

  /* 메인 바로가기 링크 */
  .main_link p.tit,
  .schedule_banner p {
    padding-left: 0;
  }

  .schedule_banner {
    text-align: center;
  }
  .schedule_banner p {
    font-size: 24px;
    line-height: 1.4em;
  }
  .schedule_banner p + p {
    margin-top: 5px;
    font-weight: normal;
    font-size: 15px;
  }

  /* 이벤트 */
  .match_tit .tit_box {
    text-align: center;
    padding: 0;
  }
  .match_tit .tit_box .tit {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -2px;
  }
  .match_tit .tit_box .date {
    font-size: 15px;
  }
  .match_tit .tit_box .date span {
    display: block;
    margin: 0 auto;
  }
  .match_tit .pop_guide {
    position: relative;
    bottom: auto;
    right: auto;
    margin: 0 auto;
    margin-top: 20px;
  }

  .sub_prediction .match_box .match {
    text-align: center;
    padding: 10px;
  }
  .sub_prediction .match_box .match ul li {
    width: 33.3%;
    padding-bottom: 15px;
  }

  /* popup_trailer */
  .popup_trailer .video_box .box .popup_close {
    top: -78px;
    right: 5%;
    position: absolute;
  }
  .popup_trailer .video_box .box {
    padding: 0;
  }
  .popup_trailer .contains {
    width: 100%;
    padding: 0;
  }
  .popup_trailer .videowrapper {
    padding-bottom: 0;
    padding-top: 0;
    height: 0;
    width: 90vw;
    height: 50.625vw;
    max-width: 160vh;
    max-height: 90vh;
    margin: 0 auto;
  }
  .popup_trailer .videowrapper iframe {
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
}

@media screen and (max-width: 1024px) {
  .resp.resp__mobile {
    display: inherit;
  }
  .main_history .contains {
    padding: 0;
  }

  .news_slide .btn_menu .thum {
    height: auto;
  }

  .hide_m {
    display: none !important;
  }
  .show_m {
    display: inline-block !important;
  }

  #quick_menu {
    bottom: 0;
    left: 0;
    right: 100%;
    width: 100%;
    height: 60px; /*overflow: hidden;*/
    box-shadow: 0px 0px 20px rgb(0, 0, 0, 0.4);
  }
  #quick_menu a {
    display: block;
    float: left;
    width: 50%;
    height: 60px;
    background: #fff;
    font-weight: 700;
    line-height: 60px;
    color: #f2a900;
    text-align: center;
    font-size: 18px;
    border-color: #dedede;
    margin: 0;
  }
  #quick_menu a.btn_odd {
    background: #f2a900;
    color: #333;
    border-color: #f2a900;
  }
  #quick_menu .btn_sns span.close {
    display: none;
  }
  #quick_menu .m_share_wrap {
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 50px;
    height: 130px;
    z-index: 9999;
  }
  #quick_menu .m_share_wrap .btn_sns {
    background: #3b5998;
    color: #fff;
    display: block;
    float: none;
    margin: 0;
  }
  #quick_menu .m_share_wrap .btn_sns.kakao {
    background: #381e1f;
    color: #fae100;
  }
  #quick_menu .btn_sns.on + .m_share_wrap {
    display: block;
  }
  #quick_menu .btn_sns.on span.normal {
    display: none;
  }
  #quick_menu .btn_sns.on span.close {
    display: block;
  }
  .main_slider .txt_wrap .contains {
    padding-bottom: 80px;
  }
  table.bbs_view tbody td.contents {
    padding: 20px 10px;
    font-size: 14px;
  }

  #header .btn_wrap {
    /*bottom:0; left:0; right:100%; */
    width: 100%;
    height: 60px;
    position: relative; /*overflow: hidden;*/
    box-shadow: 0px 0px 20px rgb(0, 0, 0, 0.4);
  }
  #header .btn_wrap a {
    display: block;
    float: left;
    width: 100%;
    height: 60px;
    background: #fff;
    font-weight: 700;
    line-height: 63px;
    color: #f2a900;
    text-align: center;
    font-size: 24px;
    border-color: #dedede;
    margin: 0;
    padding: 0;
  }
  #header .btn_wrap a.btn_odd {
    background: #eca800;
    color: #333;
    border-color: #f2a900;
  }
  #header .btn_wrap a.btn_odd span {
    display: inline-block;
    position: relative;
    padding-right: 10px;
  }
  #header .btn_wrap a.btn_odd span::after {
    content: "";
    width: 18px;
    height: 19px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: -14px;
    background: url(../img/common/download.png) center no-repeat;
    background-size: 14px auto;
  }
  #header .btn_wrap a.btn_odd:not(.even) {
    background: #e2ad0d;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  }
  #header .btn_wrap a.btn_odd.btn_shop {
    background: #3a3a39;
    color: #fff;
    border-color: #3a3a39;
  }
  #header .btn_wrap a.btn_odd.btn_shop span {
    padding-right: 0;
  }
  #header .btn_wrap a.btn_odd.btn_shop span::after {
    display: none;
  }

  #header .btn_wrap .btn_sns span.close {
    display: none;
  }
  #header .btn_wrap .m_share_wrap {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 60px;
    height: 130px;
    z-index: 9999;
  }
  #header .btn_wrap .m_share_wrap .btn_sns {
    background: #3b5998;
    color: #fff;
    display: block;
    float: none;
    margin: 0;
  }
  #header .btn_wrap .m_share_wrap .btn_sns.kakao {
    background: #381e1f;
    color: #fae100;
  }
  #header .btn_wrap .btn_sns.on + .m_share_wrap {
    display: block;
  }
  #header .btn_wrap .btn_sns.on span.normal {
    display: none;
  }
  #header .btn_wrap .btn_sns.on span.close {
    display: block;
  }

  /*.second #header .btn_wrap a {width:33%}
	.second #header .btn_wrap > a:first-child,
	.second #header .btn_wrap .btn_sns.on + .m_share_wrap a{width:34%}*/
  .second #header .btn_wrap a.btn_search {
    background: #333 !important;
    color: #fff !important;
  }

  .contains {
    padding: 0 5%;
  }

  .map_wrap .sub_box a .contains {
    padding: 0;
  }

  /*#header .bg{filter:alpha(opacity=0);opacity:0;visibility:hidden}*/

  #header {
    height: 60px;
  }
  #header .btn {
    top: 0;
    left: auto;
    right: 60px;
    position: fixed;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: url(../img/btn/header_menu.png) center no-repeat;
    background-size: 30px auto;
  }
  #header.bg .btn {
    background-color: #f2a900;
  }
  #header .logo {
    top: 10px;
    left: 12px;
  }
  #header .logo img {
    height: 42px;
  }
  #header .logo a + a {
    display: none;
  }
  #header .btn_menu {
    filter: "";
    opacity: 1;
    visibility: visible;
    background-color: #f2a900;
  }
  #header .gnb_shop {
    top: 8px;
    right: 9px;
  }
  #header .gnb_shop img {
    width: 42px;
  }
  #header .contains {
    padding: 0;
  }
  #gnb {
    float: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 0; /*height:100%;*/
    padding: 0;
    text-align: center;
    width: 100%; /*background:rgb(0,0,0,0.85);*/ /*background:url(../img/common/bg_quickmenu.png) repeat;*/
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 30;
    filter: alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
  }
  #gnb .gnb_menu {
    position: relative;
    top: 0;
    background: #000; /*-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%)*/
  }

  #gnb a {
    padding: 10px 0;
  }
  #header.active {
    z-index: 999;
  }
  #header.active #gnb {
    filter: "";
    opacity: 1;
    visibility: visible;
    height: 100%;
  }
  #header.active #gnb .logo {
    padding: 0;
  }

  #header.active .btn_menu {
    filter: alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
  }
  #header.active .btn_close {
    filter: "";
    opacity: 1;
    visibility: visible;
    background: #f2a900 url("../img/btn/popup_close.png") center no-repeat;
    background-size: 18px auto;
  }

  #header.active #gnb.show_m {
    display: block;
  }

  #header.bg .logo {
    top: 10px;
  }
  /*#header.bg .logo a { display:none}*/
  #header.bg .logo a + a {
    display: block;
  }
  #header.bg .logo img {
    display: inline-block;
  }

  #header.bg .logo img.logo_b {
    width: auto;
    height: 42px;
    display: inline-block;
  }
  #header .logo .en {
    display: none !important;
  }
  #header.bg .logo .en {
    display: inline-block !important;
    color: #fff;
    vertical-align: top;
    font-size: 24px;
    margin-left: 5px;
    padding-top: 5px;
  }

  #gnb ul.gnb_sns {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 0 0;
  }
  #gnb ul.gnb_sns li {
    display: inline-block;
    float: none;
  }
  #gnb ul.gnb_sns a {
    width: 40px;
    height: 20px;
  }
  #gnb ul.gnb_sns a img {
    width: 20px;
  }

  #footer {
    margin-top: -3px;
  }
  #footer .footer_text {
    padding-left: 0;
    text-align: center;
    height: auto;
  }
  #footer .footer_text div a {
    font-size: 14px;
    margin-left: 5px;
    padding-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
  }

  #footer .footer_text .copyright {
    margin-left: 0;
    height: auto;
  }
  #footer .footer_text p,
  #footer .footer_text div {
    font-size: 14px;
    color: #666;
  }
  #footer .footer_text div .line {
    display: none;
  }
  #footer .footer_text p br,
  #footer .footer_text p span {
    display: block;
  }

  /* cookies_bar */
  .cookies_bar {
    height: auto;
    padding-right: 100px;
    padding-top: 11px;
  }
  .cookies_bar .btn_cookies_close {
    background-size: 40px auto;
  }

  /* 메인 */
  /*.main { background:#25344d url(../img/main/bg_m.jpg) top center no-repeat; background-size: 100%; padding:35% 0 80px; }*/

  /*.main {background:#e6a722;}*/

  .main .logo img {
    max-width: 70%;
  }
  .main .text_wrap {
    position: absolute;
  }
  .main .text_wrap p.title {
    font-size: 30px;
  }
  .main .text_wrap p.txt {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .main .text_wrap .date_wrap {
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    padding: 5px 0 7px;
    width: 90%;
    margin: 20px auto;
  }
  .main .text_wrap p.date {
    margin: 0 auto;
    width: 100%;
  }
  .main .text_wrap .date_wrap p {
    font-size: 14px;
  }
  /*.main .text_wrap .date_wrap p.end { opacity:0.5}*/
  .main .text_wrap .date_wrap .ko + span {
    padding: 0;
  }
  /*.main .text_wrap .date_wrap .ko { font-size:16px;  }
	.main .text_wrap .date_wrap .en { font-size:21px;  }*/
  .main .btn_wrap {
    margin-top: 20px;
  }
  .btn_wrap a + .btn_share .btn_list {
    top: auto;
    bottom: 60px;
  }

  .full_popup .full_hd .date_wrap p.date {
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
  }
  .full_popup .full_hd .date_wrap .ko {
  }
  .full_popup .full_hd .date_wrap p .date {
    font-weight: 700;
  }
  .full_popup .full_hd .date_wrap .en {
    font-size: 21px;
  }

  .btns,
  .main .btn_wrap .btn,
  .btn_wrap .btn_share {
    min-width: 40%;
    padding: 10px 0;
  }
  .btn_share .btns,
  .main .btn_wrap .btn_share .btn {
    min-width: 100%;
  }

  .middle_menu .tit_wrap .mid_tit {
    font-size: 35px;
    margin-top: 40px;
  }
  .middle_menu .tit_wrap .top_eng {
    font-size: 28px;
  }
  .middle_menu .tit_wrap .eng {
    font-size: 70px;
    line-height: 80px;
  }
  .middle_menu .tit_wrap .txt {
    font-size: 15px;
  }
  .middle_menu .tit_wrap .date {
    font-size: 15px;
    margin-bottom: 40px;
  }

  .main_panel {
    padding: 45px 0;
  }
  .main_panel .btn_wrap {
    margin-top: 20px;
  }

  .main_link {
    background: #f2a900 url("https://www.battlegroundsmobileindia.com/common/img/main/link_bg_m.jpg") left center no-repeat; /**/
    background-size: cover;
    display: block;
    padding: 30px 0;
    position: relative;
    text-align: center;
  }
  .main_link p {
    display: block;
    text-align: center;
  }
  .main_link p.tit {
    font-size: 24px;
    padding-left: 0;
  }
  .main_link p.line {
    display: none;
  }
  .main_link p.txt {
    font-size: 15px;
    margin: 7px 0 0;
    padding-left: 0;
    font-weight: normal;
  }
  .main_link p.icon {
    margin: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px;
    width: 30px;
  }
  .main_link p.icon img {
    width: 100%;
  }

  /* 서브 */
  .sub_tit .top_tit.en,
  .sub_tit .top_tit {
    padding: 3px 5px 0;
    font-size: 40px;
  }
  /*.sub_tit .top_tit.en {font-size:22px}*/
  .sub_tit .mid_tit {
    font-size: 38px;
    margin-bottom: 0;
  }
  .sub_tit .txt {
    font-size: 15px;
  }

  /*.sub_panel {padding:60px 0;}*/

  .sub_visual {
    background: #000 url("../img_m/bbs/top_visual_m.jpg") center 46% no-repeat;
    background-size: cover;
    margin-top: 60px;
    height: 200px;
    padding-top: 68px;
  }

  .sub_visual .top_text .tit {
    margin-top: 0;
  }
  .sub_visual .top_text .desc {
    margin-top: 0;
    font-size: 16px;
  }
  .sub_visual .select_box {
    width: 60%;
  }
  .sub_visual .select_box a {
    padding: 5px 10px 7px;
  }
  .sub_visual .select_box .select_list {
    top: 38px;
  }

  /* 서브탭 */
  .con_tab {
    margin-bottom: -1px;
  }
  .con_tab .contains {
    padding: 0;
  }
  .con_tab ul li {
    height: auto;
    line-height: normal;
  }
  .con_tab ul li a {
    font-size: 16px;
    padding: 10px 0 15px;
  }
  .con_tab ul li a span {
    display: block;
    margin: 0 auto;
  }

  table.bbs_view td.subject {
    width: 100%;
    padding: 5px 0 0;
  }

  /* 메인_히스토리 */
  .main_history .history_box a {
    width: 48.5%;
    margin-bottom: 5px;
  }
  .main_history .history_box a + a {
    margin-left: 0;
  }
  .main_history .history_box a:nth-child(2n) {
    margin-left: 1%;
  }
  .main_history .history_box a:hover img {
    opacity: 1;
  }
  .main_history .history_box a:hover .table_box {
    display: none;
  }

  .match_info .table_box .table_cell {
    padding: 0 10px;
  }
  .match_info .table_box .label {
    width: 20%;
    display: none;
  }
  .match_info .table_box .table_cell + .table_cell {
    border: 0;
  }

  /* 대회안내 */
  /*.battle_table table {table-layout:fixed}*/
  .battle_table table td {
    padding: 5px !important;
    line-height: 1.2em;
  }
  .battle_table table tbody td a.btn_odd {
    width: 80px;
  }
  .battle_table table tbody td ul {
    padding: 0;
    width: 80px;
    margin: 0 auto;
  }
  .battle_table table tbody td ul li {
    line-height: normal;
    padding: 0;
    width: 100%;
  }
  .battle_table table tbody td ul li + li {
    border: 0;
    margin-top: 4px;
    margin-left: 0;
  }
  .battle_table table td.l + td {
    border-right: 0;
  }
  .battle_table table tbody td:last-child ul li + li {
    text-align: center;
  }
  .battle_table table tbody td ul li a {
    text-decoration: none;
    border: 1px solid #d5d5d5;
    display: block;
    text-align: center;
    padding: 5px 0;
    width: 100%;
    line-height: 1.2em;
    color: #333 !important;
    word-break: keep-all;
  }

  .battle_table table tbody td.l ul {
    margin: 0;
    margin-top: 5px;
    width: 170px;
    display: block !important;
  }
  .battle_table table tbody td.l ul li {
    width: 80px;
  }

  /*.battle_table table tbody td.date { color:#999; }*/
  .battle_table div.show_m {
    display: block !important;
    margin-top: 20px;
  }
  .battle_table div.show_m table {
    width: 100%;
  }
  .battle_table td.date {
    width: 60px;
  }
  .battle_table div.show_m table td.l ul {
    margin-top: 0;
  }
  /*.battle_table div.show_m table td:last-child { width:190px}*/
  .battle_table div.show_m table td:last-child ul {
    margin: 0 auto;
  }

  /*생중계*/
  .link_wrap a span {
    width: 96%;
    padding: 10px 0;
  }

  /* 참가자격 */
  .year_table table {
    padding: 20px 0;
  }
  .year_table table td {
    display: block;
    width: 100%;
    background-image: none;
  }
  .year_table table td .year_box {
    /*text-align: left;*/
    padding: 40px 0;
    width: 90%;
  }
  .year_table table td + td .year_box {
    background: none;
    border-top: 1px dashed #d5d5d5;
  }
  .match_wrap .noti {
    text-align: left;
    font-size: 14px;
  }

  /* 상금 */
  .won_top {
    margin-top: 0;
  }
  .won_top p {
    font-size: 18px;
  }
  .won_box_wrap ul {
    overflow: hidden;
  }
  .won_box_wrap ul li {
    float: left;
    width: 50%;
    margin-left: 0 !important;
  }
  .won_box_wrap ul li:nth-child(3),
  .won_box_wrap ul li:nth-child(4) {
    margin-top: 5px;
  }
  /*
	.won_box_wrap ul li:nth-child(3) {margin-left:0!important}*/
  .won_box_wrap ul li img {
    width: 96%;
    margin: 0 auto; /* padding-bottom: 30px;background: #f9f9f9*/
  }

  .won_box_wrap ul.won_top li:first-child img {
    padding-bottom: 30px;
    background: #f2a900;
  }
  .won_box_wrap ul.won_top li:nth-child(2) img {
    padding-bottom: 30px;
    background: #5a616d;
  }
  /*.won_box_wrap ul li:last-child img { background:#f2a900}*/
  .won_box_wrap ul li .won_txt {
    bottom: 30px;
  }
  .won_box_wrap ul li .won_txt .won_tit {
    font-size: 20px;
  }
  .won_box_wrap ul li .won_txt p,
  .sub_how .how_table .day_wrap table th {
    font-size: 15px;
  }

  .btn_box a {
    width: 31%;
    padding: 15px 0;
    line-height: 1.3em;
    font-size: 16px;
  }

  .won_box_wrap ul.won_bot li {
    display: block;
    background: #f8f8f8;
    width: 98%;
    margin: 5px auto 3px !important;
    overflow: hidden;
  }
  .won_box_wrap ul.won_bot li img {
    width: 43%;
    position: absolute;
    top: 4%;
    left: -5%;
  }
  .won_box_wrap ul.won_bot li:nth-child(2) img {
    left: 0;
    height: 90%;
    top: 12%;
    width: auto;
  }
  .won_box_wrap ul.won_bot li:last-child img {
    top: 1.5%;
  }
  .won_box_wrap ul.won_bot li .won_txt p + p {
    min-height: inherit;
  }
  .won_box_wrap ul.won_bot li .won_txt {
    width: 65%;
    position: relative;
    text-align: left;
    left: auto;
    bottom: auto;
    padding: 50px 0;
    padding-left: 35%;
  }

  #gallery .btn_box a {
    width: 50%;
  }
  #gallery .btn_box a br {
    display: none !important;
  }

  /* 대회 개요 */
  .sub_overview {
    background-image: url(https://www.battlegroundsmobileindia.com/common/img/info/overview_bg_m.jpg);
    background-size: 100% auto;
  }
  .sub_overview .con_box {
    padding-left: 0; /*text-align:center*/
  }
  .sub_overview .con_box .top_text .top {
    padding: 10px 0;
  }
  .sub_overview .con_box .top_text .top .tit {
    font-size: 24px;
  }
  .sub_overview .con_box .top_text .top .tit .ko .en {
    font-size: 33px;
  }

  .sub_overview .con_box .top_text .top .tit .ko {
    margin-top: 5px;
  }
  /*.sub_overview .con_box .descbox .text { font-size:18px;}*/
  .sub_overview .con_box .descbox .text.end {
    font-size: 16px;
  }
  .sub_overview .con_box .descbox .text.en,
  .sub_overview .con_box .descbox .text .en {
    font-size: 28px;
  }

  .sub_overview .con_box .descbox .text .state {
    display: block;
    margin: -3px 0 0;
  }

  .sub_overview .con_box .top_text .top .tit .en {
    font-size: 22px;
  }
  .sub_overview .con_box .top_text .desc {
    font-size: 15px;
  }
  /*.sub_overview .con_box .top_text .top .tit {display:block; width:100%;  }
	.sub_overview .con_box .top_text .top .state {  position:relative; right:auto; top:auto; margin:0 auto;display:inline-block;}*/

  /* 참가 자격 */
  .sub_eligibility .eligibility_box ul li {
    display: block;
    width: 100%;
    float: left;
    margin-top: 10px;
  }
  .sub_eligibility .eligibility_box ul li + li {
    border: 0;
  }
  .sub_eligibility .eligibility_box ul li:nth-child(2n) {
    float: right;
  }
  .sub_eligibility .eligibility_box ul li:nth-child(3) {
    clear: both;
  }
  .sub_eligibility .eligibility_box ul li:nth-child(5) {
    clear: both;
  }
  .sub_eligibility .eligibility_box ul li .top {
    font-size: 16px;
    padding: 5px 0 8px;
  }
  .sub_eligibility .eligibility_box ul li .top span.ko,
  .sub_eligibility .eligibility_box ul li .top span {
    margin: 0;
    font-size: 16px;
    letter-spacing: -0.5px;
  }
  .sub_eligibility .eligibility_box ul li .desc {
    /*! min-height:95px; */
    background: #f9f9f9;
    font-size: 15px;
  }

  /* 대회안내_ 상세일정 배너 */
  .schedule_banner {
    padding: 30px 0;
    background: #070b07 url("https://www.battlegroundsmobileindia.com/common/img/info/soon_bg_m.jpg") center no-repeat;
    background-size: cover;
  }

  /* 일정 및 참가신청 */
  .participation_table .box_wrap {
    overflow-x: hidden;
  }
  .participation_table .box_wrap .box .season .date_wrap .line {
    top: 20%;
  }

  .participation_table .box_wrap .box {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  .participation_table .box_wrap .box + .box {
    margin-top: 10px;
    border: 0;
  }
  .participation_table .box_wrap .box2 {
    width: 49%;
    display: block;
    margin-top: 10px;
    border: 0;
    float: left;
  }
  .participation_table .box_wrap .box2 + .box2 {
    float: right;
  }

  .participation_table .box_wrap .box .season .tit,
  .participation_table .box_wrap .box2 .box_in .tit {
    font-size: 16px;
  }
  .participation_table .box_wrap .box .season .tit {
    padding: 5px 0 8px;
    margin-bottom: 0;
  }
  .participation_table .box_wrap .box .season .date_wrap ul .date_tit,
  .participation_table .box_wrap .box2 .box_in .desc {
    font-size: 13px;
  }

  .participation_table .box_wrap .box .season .date_wrap {
    padding: 20px 0;
  }

  .participation_table .box_wrap .box .season .date_wrap ul .date {
    font-size: 12px;
    letter-spacing: -0.5px;
  }
  .participation_table .box_wrap .box2 .box_in .date {
    font-size: 13px;
  }

  .participation_table .box_wrap .box .season .date_wrap ul .num span {
    font-size: 13px;
    width: 22px;
    height: 22px;
    line-height: 24px;
  }

  .participation_table .box_wrap .box2 {
    padding: 30px 0;
  }
  .participation_table .box_wrap .box2 .box_in .logo img {
    width: 70%;
    margin: 0 auto 20px;
    display: block;
  }

  /* 생방송 */
  .sub_live .event_wrap .event_box {
    text-align: center;
  }
  .sub_live .event_wrap .event_box .text_box {
    width: 90%;
  }
  .sub_live .event_wrap .event_box .tit {
    font-size: 24px;
    color: #333;
    text-align: center;
  }
  .sub_live .event_wrap .event_box .tit .en {
    font-size: 22px;
    font-weight: normal;
    display: block;
    margin: 0 auto;
    line-height: normal;
  }
  .sub_live .event_wrap .event_box .tit .ko {
    font-weight: 700;
    margin-top: -2px;
    margin-bottom: 10px;
  }
  .sub_live .event_wrap .event_box .tit span + span {
    margin: 0 auto;
    display: block;
  }
  .sub_live .event_wrap .event_box .txt {
    font-size: 15px;
  }
  .sub_live .event_wrap .event_box .desc_box {
    background: none;
    margin-top: 15px;
  }
  .sub_live .event_wrap .event_box .desc {
    font-size: 15px;
    padding: 0;
  }
  .sub_live .event_wrap .event_box .btn_wrap {
    position: relative;
    top: auto;
    right: auto;
    margin: 20px auto 0;
    text-align: center;
  }

  .sub_live .event_wrap .event_box .tit p {
    line-height: 1.2em;
    margin-bottom: 5px;
    font-weight: 700;
  }
  .sub_live .event_wrap .event_box .tit b {
    font-size: 15px;
    letter-spacing: -0.5px;
  }
  .sub_live .event_wrap .event_box .label {
    font-size: 15px;
    top: -15px;
    left: auto;
    right: -20px;
  }
  .sub_live .event_wrap .event_box .label span {
    top: 0px;
    left: 22px;
  }
  .sub_live .event_wrap .event_box .obj {
    display: none;
  }

  /* 이벤트 */
  .evnettop .text_wrap {
    width: 100%;
    text-align: center;
  }
  .evnettop .contains {
    background-image: none;
  }
  .evnettop .obj {
    margin: 0 auto;
    text-align: center;
  }
  .evnettop .obj img {
    max-width: 90%;
    margin: 0 auto;
  }
  .evnettop .text_wrap .label {
    font-size: 22px;
  }
  .evnettop .text_wrap .tit {
    font-size: 30px;
    margin-top: 15px;
  }
  .evnettop .text_wrap .tit .en {
    font-size: 40px;
  }
  .evnettop .text_wrap .label .line {
    display: none;
  }
  .evnettop .text_wrap .tit .code,
  .evnettop .text_wrap .tit .code + span {
    display: inline-block;
    vertical-align: middle;
  }
  .evnettop .text_wrap .desc {
    font-size: 15px;
    font-weight: normal;
  }

  .sub_participate .step_list li,
  .sub_participate .step_list li:nth-child(2) {
    display: block;
    width: 100%;
    border: 0;
    text-align: left;
  }
  .sub_participate .step_list li + li {
    margin-top: 15px;
  }
  .sub_participate .step_list li .box {
    padding: 30px 10px;
  }
  .sub_participate .step_list li .step {
    font-size: 18px;
    padding-left: 40%;
  }
  .sub_participate .step_list li .tit {
    font-size: 16px;
    padding-left: 40%;
    line-height: 1.4em;
  }
  .sub_participate .step_list li .arrow {
    position: absolute;
    display: block;
    top: auto;
    bottom: -25px;
    right: 50%;
    margin-top: 0;
    margin-right: -20px;
  }
  .sub_participate .step_list li .arrow img {
    transform: rotate(90deg);
    width: 30px;
  }
  .sub_participate .step_list li .img {
    display: none;
  }
  .sub_participate .btn_wrap .btns {
    padding-left: 2%;
    padding-right: 2%;
  }

  .sub_participate .step_list li {
    background: #fff url(https://www.battlegroundsmobileindia.com/common/img/event/event1_step1.png) left center no-repeat;
    background-size: 40%;
  }
  .sub_participate .step_list li:nth-child(2) {
    background: #fff url(https://www.battlegroundsmobileindia.com/common/img/event/event1_step2.png) left center no-repeat;
    background-size: 40%;
  }
  .sub_participate .step_list li:nth-child(3) {
    background: #fff url(https://www.battlegroundsmobileindia.com/common/img/event/event1_step3.png) left center no-repeat;
    background-size: 40%;
  }

  .page_event .table_desc,
  .page_event2 .table_desc {
    font-size: 14px;
  }

  .sub_gift .gift_list ul li + li,
  .sub_gift .gift_list ul li {
    width: 49%;
    margin: 0 0 10px;
  }
  .sub_gift .gift_list ul li:nth-child(2n) {
    float: right;
  }

  .sub_gift .gift_list ul li .gift_con {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    border: 1px solid #333;
    padding: 0 10px 20px;
  }
  .sub_gift .gift_list ul li .gift_con .label {
    font-size: 22px;
  }
  .sub_gift .gift_list ul li .gift_con .tit {
    font-size: 22px;
    font-weight: 700;
    line-height: 1em;
  }

  /* 사전참가 */
  .battle_table table td {
    font-size: 15px;
  }

  .event_box {
    margin-top: -35px;
  }
  .event_box ul.event_list li.event_tit {
    background: none;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    color: #777;
    font-size: 16px;
    padding: 0;
    line-height: 24px;
    float: none;
    width: 100%;
  }
  .event_box ul.event_list li.event_tit + li.event_tit {
    margin: 0;
  }
  .event_box ul.event_list li.event_tit .bd_wrap {
    border: 0;
    padding: 0;
  }
  .event_box ul.event_list li.event_tit a.show_m {
    color: #333;
    padding: 15px 0;
    display: block !important;
  }
  .event_box ul.event_list li.event_tit a span {
    vertical-align: middle;
    display: inline-block;
  }
  .event_box ul.event_list li.event_tit a span.subject {
    width: 98%;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-align: left;
  }
  .event_box ul.event_list li.event_tit a span.arrow {
    color: #ccc;
    font-size: 10px;
    position: absolute;
    right: 15px;
  }
  .event_box ul.event_list li.event_tit a.active .arrow {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    color: #fff;
  }
  .event_box ul.event_list li.event_tit .event_con {
    display: none;
    padding: 20px 0;
    border-top: 1px solid #ccc;
    background: url(https://www.battlegroundsmobileindia.com/common/img/event/event_bg_m.png) center repeat;
  }
  .event_box ul.event_list li.event_tit .event_con p {
    color: #fff;
    font-size: 20px;
  }
  .event_box ul.event_list li.event_tit .event_con p.gift {
    margin: 10px auto;
    text-align: center;
  }
  .event_box ul.event_list li.event_tit .btn_box {
    position: relative;
    margin: 0 auto;
  }
  .event_box ul.event_list li.event_tit .btn_box a {
    background: #f2a900;
    width: 31%;
    margin: 0 auto;
  }

  /* 승부예측 참여 방법 */
  .prediction_step ul {
    width: 100%;
    display: table;
    table-layout: fixed;
  }
  .prediction_step {
    padding: 20px 0;
  }
  .prediction_step ul li {
    width: 33%;
    display: table-cell;
    margin: 0;
    background-size: 20px auto;
    vertical-align: top;
  }
  .prediction_step ul li .text {
    padding-right: 10px;
  }
  .prediction_step ul li:last-child {
    padding: 0;
  }
  .prediction_step ul li .step {
    /*font-size:22px;line-height: 1em*/
  }
  .prediction_step ul li .desc {
    font-size: 15px;
    line-height: 1.4em;
  }

  .page_event .match_tit {
    padding-bottom: 10px;
  }
  .page_event .match_tit .tit_box {
    text-align: left;
  }

  .coin_box .con_box {
    margin-top: 10px;
  }

  .page_event .prediction_step ul {
    text-align: center;
  }
  .page_event .prediction_step ul li {
    width: 52%;
    padding: 10px 0 !important;
    display: inline-block;
  }
  .page_event .prediction_step ul li:nth-child(3),
  .page_event .prediction_step ul li:nth-child(5),
  .page_event .prediction_step ul li:nth-child(7) {
    background: none;
    width: 46%;
  }
  .page_event .prediction_step ul li:first-child,
  .page_event .prediction_step ul li:last-child,
  .page_event2 .prediction_step ul li:first-child,
  .page_event2 .prediction_step ul li:last-child {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  .page_event.second .prediction_step ul li:last-child {
    width: 46%;
    padding: 10px 0 !important;
    display: inline-block;
  }
  .page_event.second .prediction_step ul li:last-child .text {
    padding: 0 5px 0 0;
    position: relative;
  }
  .page_event.second .prediction_step ul.last li:last-child {
    width: 90%;
    display: block;
    margin: 0 auto;
  }
  .page_event.second .event_btn {
    top: 20px;
    right: 10px;
  }
  .page_event.second .event1_pop {
    top: 55px;
    right: 0;
    width: 100%;
  }
  .page_event.second .event1_pop img {
    width: 100%;
  }

  .page_event2 .prediction_step ul + ul {
    margin-top: 10px;
  }
  .page_event .prediction_step .tit p {
    border: 0;
  }
  .page_event .prediction_step ul li .line {
    display: block;
    margin: 20px auto 0;
    width: 15%;
    height: 1px;
    background: #b8850f;
  }
  .page_event .prediction_step ul li .icon_box,
  .page_event .prediction_step ul li .icon_box + .text {
    padding-right: 5px;
  }
  .page_event .prediction_step ul + ul {
    margin-top: 10px;
  }

  .coin_box .event_list li {
    width: 100%;
    display: block;
  }
  .coin_box .event_list li + li {
    border: 0;
    margin-top: 10px;
  }
  .coin_box .event_list li:nth-child(2) {
    min-height: inherit;
    padding: 30px 0 0;
  }
  .coin_box .event_list li .top {
    min-height: inherit;
    padding: 30px 0;
  }
  .coin_box .event_list li .desc {
    margin-top: 0;
  }
  .coin_box .event_list li img {
    max-width: 85%;
  }
  .coin_box .event_list li .desc p + p {
    margin: 0;
  }

  .coin_box.item .con_box {
    margin-top: 0;
  }
  .coin_box.item .event_list li {
    width: 49%;
    float: left;
    margin-top: 10px;
  }
  .coin_box.item .event_list li:nth-child(2) {
    padding: 30px 0;
  }
  .coin_box.item .event_list li + li {
    border: 0;
  }
  .coin_box.item .event_list li:nth-child(2),
  .coin_box.item .event_list li:last-child {
    float: right;
  }

  #popup_movie .popup_area {
    left: 20px;
    right: 20px;
    margin-left: 0 !important;
  }
  /*#quick_menu { display:none}*/

  .middle_menu a {
    margin: 10px 20px;
  }

  .popup_wrap {
    margin-left: 0 !important;
    width: 100% !important;
    left: 0 !important;
  }
  .popupbox {
    background: #fff;
  }
  #popup_point .popupbox {
    background: none;
  }

  .match_popup .popupbox .popup_header {
    position: fixed;
    top: 0;
  }

  #popup_match1.popup_wrap,
  #popup_match2.popup_wrap {
    margin-top: 0 !important;
    margin-left: 0 !important;
    width: 90% !important;
    margin: 0 auto !important;
    top: 50px !important;
    height: 100% !important;
    bottom: 0;
    left: 5% !important;
  }

  .popup_wrap .popup_hd p b,
  .popup_wrap .popup_hd p span {
    font-size: 24px;
    display: block;
    line-height: 1.3em;
  }
  .popup_wrap .popup_normal .popup_con {
    height: auto;
    width: 90%;
    max-height: none;
  }
  .popup_wrap .popup_hd p + p {
    margin-top: 5px;
  }

  .popup_wrap .popup_normal {
    height: 80%;
    overflow-y: auto;
    padding-bottom: 0;
  }

  #popup_point.popup_wrap .popup_con .point_tit {
    /* width:90%;*/
    margin: 0 auto;
  }
  .popup_wrap .popup_normal .popup_con table {
    /*border-top:2px solid #333; width:90%;*/
    margin: 0 auto;
  }
  .popup_wrap .popup_normal .popup_con table td {
    display: block;
    padding: 2px 0 0;
  }
  .popup_wrap .popup_normal .popup_con table td:first-child {
    padding-top: 10px;
  }
  .popup_wrap .popup_normal .popup_con table tr:first-child td {
    border: 0;
  }
  .popup_wrap .popup_normal .popup_con .agree_wrap {
    margin: 0 auto;
  }

  .popup_wrap .popup_normal .popup_con table td .phone_wrap input {
    width: 61%;
  }
  .popup_wrap .popup_normal .popup_con table td .phone_wrap a {
    width: 33%;
  }

  #popup_point.popup_wrap .popup_con .point_tit {
    font-size: 16px;
    line-height: 1.3em;
  }
  #popup_point.popup_wrap .popup_con .text_wrap + .point_tit {
    margin-top: 40px;
  }
  #popup_point.popup_wrap .popup_con table td {
    display: table-cell;
    font-size: 14px;
    line-height: 1.3em;
    vertical-align: middle;
  }
  #popup_point.popup_wrap .popup_con table td.en {
    font-size: 20px;
  }
  #popup_point.popup_wrap .popup_con table td.en:first-child {
    font-weight: normal;
  }

  #popup_match1.popup_wrap .popup_normal .popup_con table tr td:last-child {
    padding-top: 0;
  }

  .popup_wrap .popup_normal .popup_con .photo_wrap {
    font-size: 20px;
  }
  .popup_wrap .popup_normal .popup_con .photo_wrap .photo_box {
    width: 100%;
    float: left;
  }
  .popup_wrap .popup_normal .popup_con .photo_wrap .photo_box + .photo_box {
    margin: 20px 0 0;
  }

  .popup_wrap .popup_normal .popup_con .btn_box {
    margin: 20px auto;
  }

  .popup_wrap .close a img {
    width: 30px;
  }

  .popup_con .match_info .table_box .table_cell + .table_cell {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .popup_con .fin_link .noti {
    text-align: center;
  }
  .popup_con .fin_link .btns {
    padding: 10px;
    margin-top: 10px;
  }

  #panels {
    overflow: hidden;
  }
  #panels .btn_wrap a {
    display: block;
    width: 100%;
    margin-top: 20px;
    clear: both;
    line-height: 45px;
    height: 50px;
  }
  #panels .btn_wrap a span {
    display: block !important;
    text-align: center;
    border: 1px solid #464646;
    background: #2f2f2f;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
    color: #929292;
  }

  .news_slide .list_box {
    width: 100%;
    margin-bottom: 10px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .news_slide .list_box:first-child .btn_menu,
  .news_slide .list_box:nth-child(2n + 1) .btn_menu,
  .news_slide .list_box:nth-child(2n) .btn_menu {
    padding: 0;
  }

  .pop_guide .btn_open {
    margin-right: 0px;
  }
  .pop_guide .guide {
    right: 0px;
  }

  .pop_guide .guide .guide_close,
  .pop_guide .btn_open {
    border: 0;
  }

  .match_wrap {
    margin-top: 20px;
  }
  .match_wrap .show_m.match_tit {
    width: 100%;
    background: #5a616d;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    display: block !important;
    padding: 20px 0;
    margin: 0 auto;
  }

  .match_wrap .table_box .table_cell.match_box_01 .match_box .tit,
  .match_wrap .table_box .table_cell.match_box_02 .match_box .tit {
    width: 100%;
    background: #5a616d;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    display: block !important;
    padding: 15px 0;
    margin: 0 auto;
  }
  .match_wrap .table_box .table_cell.match_box_02 .match_box .tit {
    background: #333;
  }
  .match_wrap .table_box {
    background: #f9f9f9;
  }
  .match_wrap .table_box .table_cell {
    display: block;
    clear: both;
    width: 100% !important;
  }

  .match_wrap .table_box .table_cell .match_box {
    width: 100%;
  }
  .match_wrap .table_box .table_cell p.bd {
    width: 40%;
    margin: 5px auto;
  }
  .match_wrap .table_box .table_cell p.line2.show_m {
    display: block !important;
    margin: 0 auto;
  }

  .match_wrap .table_box .show_m {
    display: block !important;
  }
  .match_wrap .table_box .table_cell .arrow {
    width: 100%;
  }

  .match_wrap .table_box .table_cell .text {
    width: 70%;
  }
  .match_wrap .table_box .table_cell .text2 {
    width: 80%;
  }

  .match_wrap .table_box .table_cell .text,
  .match_wrap .table_box .table_cell .text2,
  .match_wrap .table_box .table_cell .text2 .point,
  .match_wrap .table_box .table_cell.match_box_01 .a_box p,
  .match_wrap .table_box .table_cell.match_box_02 .a_box p {
    font-size: 16px;
  }

  .match_wrap .table_box .table_cell.match_box_01 .match_con {
    width: 100%;
    padding-bottom: 60px;
  }
  .match_wrap .table_box .table_cell.match_box_01 .text {
    margin: -4px auto;
  }
  .match_wrap .table_box .table_cell.match_box_01 .text + .arrow {
    margin-bottom: -4px;
  }
  .match_wrap .table_box .table_cell.match_box_01 .a_box {
    margin: 0;
    display: inline-block;
  }
  .match_wrap .table_box .table_cell.match_box_01 .a_box + .a_box {
    margin-top: 0;
    margin-left: 3px;
  }
  .match_wrap .table_box .table_cell.match_box_01 .a_box p,
  .match_wrap .table_box .table_cell.match_box_01 .a_box p + p {
    display: inline-block;
    float: none;
    min-width: inherit; /*! width:23% */
    padding: 10px 7% 13px;
  }
  .match_wrap .table_box .table_cell.match_box_01 .a_box p + p {
    margin-left: 4px;
  }

  .match_wrap .table_box .table_cell.match_box_02 .match_con {
    width: 100%;
  }
  .match_wrap .table_box .table_cell.match_box_02 .text {
    margin: -4px auto;
  }
  .match_wrap .table_box .table_cell.match_box_02 .a_box {
    margin-top: -4px;
  }
  .match_wrap .table_box .table_cell.match_box_02 .a_box p {
    width: 30%;
    padding: 5px 0;
    display: inline-block;
  }
  .match_wrap .table_box .table_cell.match_box_02 .a_box p + p {
    margin-left: 10px;
    margin-top: 0;
  }

  .match_wrap .table_box .table_cell.match_box_fin {
    clear: both;
    position: relative;
    margin-top: 0;
    background: #000;
    overflow: hidden;
  }
  .match_wrap .table_box .table_cell.match_box_fin img {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
  }
  .match_wrap .table_box .table_cell.match_box_fin .fin_txt {
    padding-left: 33%;
    position: relative;
  }
  .match_wrap .table_box .table_cell.match_box_fin .tit {
    padding-top: 0;
  }

  .gal_wrap {
    background-image: url("https://www.battlegroundsmobileindia.com/common/img/sub/sub2_bg_m.jpg");
    background-size: 100%;
  }

  #popup_match2.popup_wrap .popup_normal {
    background: #fff;
  }

  .bottomctn .tablebox div {
    border-spacing: 10px 0;
    min-width: 100%;
  }
  .bottomctn .tablebox div a {
    padding: 0;
    width: 45%;
    height: 50px;
    line-height: 50px;
    min-width: 0;
  }
  .bottomctn .tablebox div a.google {
    width: 150px;
    height: 44px;
    line-height: 42px;
    margin-left: 8px;
    background: url("../img/btn/btn_googleplay_150.png") no-repeat 50% center /
      100%;
  }
  .bottomctn .tablebox div a.appstore {
    width: 150px;
    height: 44px;
    line-height: 42px;
    background: url("../img/btn/btn_appstore_150.png") no-repeat 50% center /
      100%;
  }
  .bottomctn .tit {
    line-height: 0.9em;
    color: #333;
  }

  /* 풀팝업 */
  .full_popup .popup_normal {
    width: 90%;
  }
  .full_popup .full_hd {
    padding-top: 20px;
  }
  .full_popup .full_hd .date_wrap p {
    line-height: 1.5em;
  }
  .full_popup .full_hd .en {
    font-size: 22px;
  }
  .full_popup .full_hd .tit {
    font-size: 30px;
  }

  .full_popup .step ul {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .full_popup .step ul li {
    display: table-cell;
    min-width: inherit;
    width: 33%;
  }
  .full_popup .step ul li + li {
    margin-left: 0;
  }
  .full_popup .step ul li .num {
    margin: 0 auto;
    width: 20px;
    height: 20px;
    font-size: 13px;
    line-height: 18px;
  }
  .full_popup .step ul li .txt {
    font-size: 15px;
  }

  /* 서브 히스토리 */
  .sub_history .contains {
    padding: 0;
  }
  .sub_history .slide-arr {
    width: 80%;
  }
  .sub_history .year {
    min-width: auto;
    padding: 0 10%;
  }

  /* 하반기 */
  .page_info.second .sub_overview {
    background-image: url(https://www.battlegroundsmobileindia.com/common/img/second/overview_bg_m.jpg);
  }
  .page_info.second .participation_table .box_wrap .box2.fin {
    width: 100%;
  }
  .page_info.second .how_fin .table_box .table_cell {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  .page_info.second .how_fin .table_box .table_cell.blank {
    display: none;
  }

  .full_popup .popup_con table td .name_wrap_form .email input.bot {
    width: 30%;
  }

  .main_panel .btn_wrap a,
  .bbs_btn a {
    width: 45%;
    border-color: #999;
  }

  /* VIDEO */
  .video_panel {
    padding: 45px 5%;
    overflow: hidden;
  }
  .video_panel .swiper-container {
    margin-right: -50vw;
  }

  /* pre */
  .main_panel.pre_panel {
    padding-top: 60px;
    padding-bottom: 36px;
  }
  .main_panel.pre_panel .contains {
    padding: 0;
  }
  .main_panel.pre_panel .contains > .con_box {
    margin-top: 0;
  }
  .pre_panel .sub_tit .top_tit.en {
    font-size: 44px;
    line-height: 0.9em;
    margin-bottom: 8px;
  }
  .pre_panel .sub_tit .top_desc {
    font-size: 28px;
    line-height: 1.09em;
  }
  .pre_panel .sub_tit .top_date {
    font-size: 22px;
  }
}

@media screen and (max-width: 800px) {
  .contains {
    padding: 0 18px;
  }

  /*.main {padding-bottom: 56.25%;    height: auto;}	*/
  .main iframe {
    height: 100%;
    margin: 0;
  }
  .con_box {
    margin-top: 20px;
  }

  .main_panel .sns_link {
    margin-bottom: 0;
  }

  .main .btn_wrap a {
    width: 42%;
    min-width: inherit;
  }
  .main .btn_wrap a span {
    display: block;
  }

  .bottomctn .tablebox div a img,
  .main .btn_wrap a img {
    height: 24px;
  }

  .main .btn_wrap span.txt,
  .bottomctn .tablebox div a span.txt {
    font-size: 20px;
  }
  .bottomctn .tablebox div a span.txt {
    position: relative;
    top: 2px;
  }
  .main .btn_wrap span.ic,
  .bottomctn .tablebox div a span.ic {
    top: -1px;
  }

  .main_slider .txt_wrap .tit1 {
    font-size: 38px;
    margin-top: 35px;
  }
  .main_slider .txt_wrap .tit2 {
    font-size: 30px;
  }

  .sub_t {
    font-size: 24px;
    margin-top: 20px;
  }

  .sub_prediction .tab_menu2 .tab.active {
    border: 0;
  }
  .sub_prediction .tab_menu2 .tab {
    padding: 20px 0 0;
  }
  .sub_prediction .tab_menu2 #prev {
    left: 00px;
    top: 0;
    /* background: #f00; */
    height: 100%;
    bottom: 0;
    width: 50px;
    text-align: center;
    background-position: center;
  }
  .sub_prediction .tab_menu2 #next {
    right: 00px;
    top: 0;
    /* background: #f00; */
    height: 100%;
    bottom: 0;
    width: 50px;
    text-align: center;
    background-position: center;
  }

  .sub_prediction .match_box .match ul li {
    width: 33%;
    padding-bottom: 15px;
  }
  .sub_prediction .match_box .match ul li .box {
    width: 90%;
  }

  .sub_prediction .match_box .match ul li .text_box {
    top: 16%;
    height: 80%;
    display: block;
  }

  .sub_prediction .match_box .match ul li p.percent {
    width: 30%;
    padding: 33px 10px 7px;
    margin-bottom: -3px;
    font-size: 14px;
    background-size: auto 76%;
  }
  .sub_prediction .match_box .match ul li .text_box p.team {
    height: 30px;
    font-size: 13px;
    line-height: 1.1em;
    overflow: hidden;
    font-weight: normal;
  }

  .sub_prediction .match_box .match ul li .text_box p.team .teamtable {
    display: table;
    width: 100%;
    height: 100%;
  }
  .sub_prediction .match_box .match ul li .text_box p.team .teamtablecell {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
  }

  .sub_prediction .match_box .match ul li .text_box p.team {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
  }

  .sub_prediction .match_box .match_tab_tit {
    font-size: 20px;
    margin-top: 10px;
  }
  .sub_prediction .match_box .match ul li .text_box p.link {
    font-size: 10px;
    font-weight: normal;
    bottom: 0;
    height: 32%;
  }
  .sub_prediction .match_box .match ul li p.percent .count {
    font-size: 1.5em;
  }

  .sub_prediction .match_tab {
    margin-top: 0;
  }
  .sub_prediction .match_tab ul {
    text-align: center;
  }
  .sub_prediction .match_tab ul li {
    margin: 0;
    width: 50%;
    display: block;
    float: left;
  }
  .sub_prediction .match_tab ul li:nth-child(2n) {
    float: right;
  }
  .sub_prediction .match_tab ul li a {
    padding: 10px 0;
    border-bottom: 1px solid #444;
  }
  .sub_prediction .match_tab ul li:last-child a,
  .sub_prediction .match_tab ul li:nth-last-child(2 + odd) a {
    border-bottom: 0;
  }
  .sub_prediction .match_tab ul li.active a {
    border-color: #f2a900;
  }

  .padding_wrap {
    padding: 65px 0;
  }

  #gallery .sub_t {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 10px;
  }
  #gallery .sub_t span {
    display: none;
  }
  #gallery .sub_t select {
    position: relative;
    margin: 0 auto;
    left: auto;
    right: auto;
  }

  #popup_movie .popup_area .btn_close {
    top: -40px;
    width: 30px;
    height: 30px;
  }
  #popup_movie .popup_area .btn_close img {
    width: 30px;
  }

  #header.active #gnb.show_m .gnb_menu ul.gnb_sns {
    display: none;
  }

  #footer .footer_partner {
    background: #fff;
    padding: 20px 0 10px;
    margin-top: 20px;
    overflow: hidden;
  }
  #footer .footer_partner a {
    height: auto;
    padding: 5px 10px;
    width: 24%;
  }
  #footer .footer_partner a + a {
    margin: 0;
  }

  /*#footer .footer_text .logo img{width: 50px}*/
  #footer .footer_text .copyright {
    padding-left: 10px;
    font-size: 13px;
    line-height: 16px;
  }
  s #popup_gal img.show_m {
    width: 100%;
  }

  .popup_wrap .popup_txt {
    position: relative;
    bottom: 4px;
  }
  .popup_wrap .popup_txt .tit {
    font-size: 24px;
  }
  .popup_wrap .popup_txt .tit.tel_tit {
    font-size: 22px;
  }
  .popup_wrap .popup_txt .txt {
    font-size: 13px;
    line-height: 18px;
  }
  .popup_wrap .popup_txt .tel {
    font-size: 24px;
  }

  .popup_wrap .txt_menu .left_menu {
    width: 20%;
  }
  .popup_wrap .txt_menu .left_menu .left_01,
  .popup_wrap .txt_menu .right_menu .right_en2 {
    font-size: 13px;
  }
  .popup_wrap .txt_menu .left_menu .left_01 br {
    display: none;
  }
  .popup_wrap .txt_menu .left_menu .left_02 {
    font-size: 20px;
    margin-bottom: 0;
  }

  .sub_slide .sub_tit p.line {
    margin-top: 40px;
  }
  .sub_slide .sub_tit {
    margin-bottom: 40px;
  }

  .news_slide .btn_menu .cate,
  .news_slide .btn_menu .title,
  .news_slide .btn_menu .date,
  .news_slide .btn_menu .desc {
    padding-left: 15px;
    padding-right: 10px;
  }
  /*.news_slide .btn_menu .cate{ font-size:15px; font-weight: normal}	*/
  .news_slide .btn_menu .date {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .news_slide .btn_menu .title {
    margin-top: 5px;
    line-height: 1em; /* height: auto; */
  }

  .sub_news .news_slide {
    padding-bottom: 50px;
  }

  .sub .news_slide .list_box,
  .sub .news_slide .list_box:nth-child(2),
  .sub .news_slide .list_box:nth-child(5),
  .sub .news_slide .list_box:nth-child(8),
  .sub .news_slide .list_box:nth-child(3),
  .sub .news_slide .list_box:nth-child(6),
  .sub .news_slide .list_box:nth-child(9) {
    padding: 0;
  }

  .notice_wrap + .btn_box a {
    width: 50%;
  }

  .ch_table .ch_box {
    display: block;
    overflow: hidden;
  }
  .ch_table .ch_box a {
    display: block;
    width: 50%;
    float: left;
    margin-bottom: -5px;
  }

  .event_box ul.event_list li.event_tit a span.subject {
    width: 96%;
    font-size: 18px;
  }
  .event_box ul.event_list li.event_tit .event_con p {
    font-size: 16px;
  }

  .match_wrap .table_box .table_cell.match_box_fin .match_box {
    padding: 30px 0;
  }
  .match_wrap .table_box .table_cell.match_box_fin .txt {
    padding: 0;
  }
  .match_wrap .table_box .table_cell.match_box_fin img {
    max-width: 50%;
    bottom: 0;
    top: 0;
    left: 0;
  }

  .popup_wrap .popup_normal .popup_con iframe {
    height: 200px;
  }
  .popup_wrap .popup_normal .popup_con .agree_wrap pre {
    color: #333;
  }

  .quickmenu_wrap {
    right: 18px;
    bottom: 15px;
  }

  .error img {
    width: 60px;
  }

  /* 넓이값 변경 */
  .popup_con table td .name_wrap_form input {
    width: 27.8% !important;
  }
  .popup_con table td .name_wrap_form #tim0_id,
  .popup_con table td .name_wrap_form #tim1_id,
  .popup_con table td .name_wrap_form #tim2_id,
  .popup_con table td .name_wrap_form #tim3_id {
    margin-left: 0 !important;
    width: 46% !important;
    margin-top: 5px !important;
  }
  .popup_con table td .name_wrap_form select {
    width: 47.5% !important;
    margin-top: 4px;
    padding: 0 2%;
    border-radius: 0;
    height: 39px;
    line-height: 39px;
  }

  .popup_con .fin_box .tit,
  .search_popup .popupbox .popup_area.type2 .popup_wrap .fin_box .tit {
    font-size: 20px;
  }
  .search_popup .popupbox .popup_area.type2 .popup_wrap .fin_box {
    margin-top: 0;
  }

  .search_popup .popupbox .popup_area.type2 .popup_wrap .fin_link .noti,
  .search_popup
    .popupbox
    .popup_area.type2
    .popup_wrap
    .fin_link
    .match_info
    .table_box
    .table_cell {
    text-align: center;
  }
  .search_popup .popupbox .popup_area.type2 .popup_wrap .fin_link .btns {
    padding: 10px;
    margin: 0 auto;
  }

  .full_popup .popup_con table td .name_wrap_form .email + select,
  .full_popup
    .popup_con
    table
    td
    .name_wrap_form
    .email
    + select
    + input
    + select {
    width: 48% !important;
    margin-bottom: 0;
    margin-top: 4px;
  }

  .full_popup .popup_con table td .name_wrap_form .email + select + input,
  .full_popup
    .popup_con
    table
    td
    .name_wrap_form
    .email
    + select
    + input
    + select
    + input {
    width: 47% !important;
    margin-bottom: 0;
    margin-top: 4px;
  }

  .full_popup
    .popup_con
    table
    td
    .name_wrap_form
    .email
    + select
    + input
    + select
    + input
    + input,
  .full_popup .popup_con table td .name_wrap_form .team_phone {
    width: 96% !important;
  }

  .full_popup .popup_con table td .name_wrap_form .input {
    width: 27% !important;
  }
  .full_popup .popup_con table td .name_wrap_form .email select {
    margin-left: 0 !important;
    margin-top: 0;
    width: 27.8% !important;
  }

  .full_popup .logo {
    top: -25px;
    height: 45px;
  }
  .full_popup #popup_close {
    top: -20px;
  }
  .full_popup .popup_con table td {
  }
  .full_popup .popup_con table td:first-child {
    padding-top: 15px;
    line-height: normal;
  }
  .full_popup .popup_con table td .name_wrap_form input + input {
    margin-left: 1.7%;
  }
  .full_popup .popup_con table td .name_wrap_form select {
    margin-left: 1.9%;
  }

  .full_popup .popup_con table td .phone_wrap a {
    padding: 0;
  }

  /* 서브 히스토리 */
  .sub_history .slide-arr {
    width: 80%;
    background-size: 100% auto;
  }
  .sub_history .slide-arr .year {
    padding-top: 15px;
    padding-bottom: 5px;
    font-size: 24px;
  }
  .sub_history .slide-arr #prev,
  .sub_history .slide-arr #next {
    margin: 5px 0 0;
    background-position: center;
    width: 30%;
  }

  .history_slide {
    padding-top: 40px;
  }
  .history_slide .table_box .table_cell .text_box.align_r,
  .history_slide .table_box .table_cell a {
    width: 90%;
  }
  .history_slide .table_box .table_cell .text_box .title {
    font-size: 18px;
  }
  .history_slide .table_box .table_cell .text_box .desc {
    font-size: 15px;
    color: #999;
    line-height: 1.3em;
    word-break: break-all;
  }
  .history_slide .table_box .table_cell .text_box ul {
    width: 100%;
  }
  .history_slide .table_box .table_cell .text_box ul li span {
    font-size: 13px !important;
    line-height: 1.3em;
  }
  .history_slide .table_box .table_cell .text_box ul li span:first-child {
    padding: 5px 0;
  }

  .history_slide .table_box .table_cell .text_box.align_r,
  .history_slide .table_box .table_cell .text_box.align_l {
    border: 0;
  }

  .history_slide .table_box .table_cell .text_box.align_l {
    padding-left: 20px;
  }
  .history_slide .table_box .table_cell .text_box.align_r {
    padding-right: 20px;
  }
  .history_slide .table_box .table_cell a {
    margin-right: 20px;
  }
  .history_slide .table_box .table_cell + .table_cell a {
    margin-left: 20px;
  }

  .history_slide .table_box:nth-child(2) .table_cell,
  .history_slide .table_box:nth-child(4) .table_cell {
    float: right;
  }
  .history_slide .table_box .table_cell .text_box.align_r {
    text-align: left;
    padding-right: 0;
    padding-left: 20px;
  }
  .history_slide .table_box .table_cell + .table_cell a {
    margin-left: 0;
    margin-right: 20px;
  }

  .history_slide .dot {
    margin-bottom: 0;
  }

  /* 경기방식 */
  .how_table .title_wrap .title {
    font-weight: 700;
    letter-spacing: -2px;
  }
  .how_table .title_wrap .desc {
    font-size: 15px;
    width: 80%;
    margin: 0 auto;
    word-break: keep-all;
  }
  .sub_how .how_table .day_wrap .day .day_tit span {
    padding-left: 0;
    font-size: 15px;
    padding: 5px 0 0;
    display: block;
  }
  .sub_how .how_table .day_wrap .day ul li {
    border: 0;
    border-left: 5px solid #fff;
  }
  .sub_how .how_table .day_wrap .day ul li span {
    font-size: 15px;
    font-weight: normal;
  }

  .year_schedule .schedule_box table td p {
    font-size: 14px;
  }
  .year_schedule .schedule_box table td.fin p {
    padding: 55px 0 0;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 0;
    height: auto;
  }

  .year_schedule .table_desc {
    font-size: 14px;
  }
  .year_schedule .schedule_box table thead td {
    padding: 5px 0;
    font-size: 13px;
    letter-spacing: -0.5px;
  }

  /* 메인 > 페북 상단 */
  .facebook_top {
    background: url("../img/main/sns_bg_m.jpg") center right no-repeat;
    background-size: cover;
  }

  .facebook_top a .profile::after {
    display: none;
  }
}

@media screen and (max-width: 781px) {
  /* popup */
  .popup_window .box .inner {
    width: 90%;
  }
  .popup_trailer .video_box .box .popup_close a {
    width: 30px;
    height: 30px;
    background-size: cover;
  }
}

@media screen and (max-width: 640px) {
  .sub_num {
    margin-left: -40px;
  }
  .sub_num img {
    width: 80px;
  }

  /*#header.bg .bg{filter:"";visibility:visible;background:#fff}*/

  .middle_menu .tit_wrap .mid_tit {
    font-size: 25px;
    margin-bottom: 0px;
  }
  .middle_menu .tit_wrap .top_eng {
    font-size: 20px;
  }
  .middle_menu .tit_wrap .eng {
    font-size: 48px;
    line-height: 43px;
    margin-bottom: 20px;
    letter-spacing: -3px;
  }
  .middle_menu .tit_wrap .txt {
    font-size: 15px;
    padding: 0 45px 0;
    margin-bottom: 0;
  }
  .middle_menu .tit_wrap .date {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .gal_tit .mid_tit {
    font-size: 25px;
    margin-bottom: 0px;
  }
  .gal_tit .txt {
    font-size: 15px;
    margin-bottom: 0;
    padding: 0 40px 0;
    margin-top: 10px;
  }
  .menu_tab {
    margin-top: 20px;
  }

  .map_wrap .event_tit {
    margin-bottom: 25px;
  }

  .event_tit .event_top {
    font-size: 18px;
    width: 170px;
    margin-bottom: 10px;
  }
  .event_tit .event_tit {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 0;
  }
  .event_tit .event_tit span.big {
    font-size: 36px;
    letter-spacing: -2px;
  }
  .event_tit .txt {
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 0px;
    padding: 0 20px 20px;
    margin-top: 10px;
  }
  .event_tit .date_wrap span {
    font-size: 13px;
    margin-right: 5px;
    padding: 0;
  }
  .event_tit .date_wrap span.date_lavel {
    padding-bottom: 5px;
  }

  .main_slide .btn_slide,
  .main_slide2 .btn_slide,
  .main_slide3 .btn_slide {
    overflow: hidden;
    visibility: hidden;
  }

  .pd_30 {
    padding-top: 0;
  }
  .popup_wrap .txt_menu_wrap {
    top: 20px;
  }
  .popup_wrap .txt_menu {
    padding: 20px;
  }
  .popup_wrap .txt_menu .left_menu {
    padding: 15px 2%;
    float: none;
    width: 96%;
  }
  .popup_wrap .txt_menu .right_menu {
    padding: 15px 2% 0;
    float: none;
    width: 96%;
  }
  .popup_wrap .popup_icon {
    display: none;
  }

  .popup_wrap .txt_menu_wrap .bx-default-pager {
    margin-top: 18%;
  }

  .sub_tit .mid_tit.eng + .mid_tit {
    font-size: 16px;
  }

  .sub_slide .right_text_wrap .box_wrap {
    padding-top: 40px;
  }
}

@media screen and (max-width: 600px) {
  .popup_trailer .video_box .box .popup_close {
    position: relative;
    top: -10px;
    right: 5%;
  }
}

@media screen and (max-width: 480px) {
  .sub_eligibility .eligibility_box ul li .desc .sm {
    font-size: 13px;
  }
}
@media screen and (max-width: 360px) {
  .middle_menu .tit_wrap .mid_tit {
    margin-top: 0;
  }

  .gal_tit .mid_tit {
    margin-top: 0;
  }

  .event_tit .mid_tit {
    margin-top: 0;
  }

  .sub_num {
    display: none;
  }

  .battle_table td.date {
    width: 40px;
  }

  .main_banner .text_wrap .prize_box .detail {
    margin-bottom: 5px;
  }
  .main_banner .text_wrap .prize_box .box.global {
    width: 100%;
    float: none;
    margin-bottom: 5px;
  }
  .main_banner .text_wrap .prize_box .box.korea {
    width: 100%;
    float: none;
  }

  .main_banner .text_wrap .prize_box .box.total .prize {
    font-size: 15px;
    line-height: normal;
    margin-top: -10px;
  }
  .main_banner .text_wrap .prize_box .box.total .money {
    font-size: 28px;
  }
  .main_banner .text_wrap .prize_box .box.total .ko {
    font-size: 12px;
  }

  .sub_eligibility .eligibility_box ul li,
  .sub_eligibility .eligibility_box ul li:nth-child(2n) {
    width: 100%;
    float: none;
  }

  .sub_eligibility .eligibility_box ul li .desc {
    min-height: inherit;
  }
  .sub_eligibility .eligibility_box ul li:nth-child(3) .desc p {
    padding-top: 0;
  }

  .sub_prediction .match_box .match ul li {
    width: 50%;
  }

  .sub_prediction .match_box .match ul li .text_box {
    top: 22%;
  }
  .sub_prediction .match_box .match ul li .text_box p.team {
    height: 24px;
    font-size: 10.5px;
    letter-spacing: 0;
  }
  .sub_prediction .match_box .match ul li .text_box p.link {
    height: 40%;
  }
  .sub_prediction .match_box .match ul li p.percent {
    width: 40%;
  }
}

a.bg_cover {
  cursor: default !important;
}
#gnb.show_m .gnb_menu li.gnb_sns.sns_mobile a {
  display: inline-block; /*width:50px; height:50px; */
  padding: 0;
  margin: 0 6px;
  text-align: center;
  line-height: 30px;
}
/*#gnb.show_m .gnb_menu li.gnb_sns.sns_mobile a:hover { background:#fff}*/
.gnb_sns.sns_mobile li {
  display: inline-block;
  float: none;
}
/*#gnb.show_m .gnb_menu li.gnb_sns.sns_mobile a { padding:8px 5px 3px; }*/
#gnb.show_m .gnb_menu li.gnb_sns.sns_mobile a img {
  width: 85%;
  opacity: 0.8; /*margin-top:15px */
}
#header.active .gnb_sns.sns_mobile {
  display: block !important;
  z-index: 9999999999;
}

.overhide {
  overflow: hidden;
}
.overhide #header {
  z-index: 1 !important;
}

/* Page, Redeem */
:root {
  --redeemBg: url("../img/redeem/bg_redeem.jpg");
  --redeemBgMobile: url("../img/redeem/mobile/bg_redeem.jpg");
  --redeemBtnColor: #eca800;
  --redeemErrorColor: #ef3241;
}

.redeem * {
  box-sizing: border-box;
}
.redeem .cookies_bar {
  box-sizing: content-box;
}
.redeem input:focus {
  outline: initial;
}
.redeem > #footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}
.redeem__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--redeemBg) 50% center / cover;
}
.redeem__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 76px 0 176px;
}
/* Fixed for cookie height */
.cookies_close .redeem__container {
  padding-bottom: 124px;
}
.redeem__scrollbar {
  height: 100%;
  overflow-y: auto;
  padding: 20px 24px 64px;
  display: flex;
  flex-direction: column;
  margin: auto;
}
.redeem__wrap {
  position: relative;
  max-width: 100%;
  width: 550px;
  margin: auto;
  padding: 52px 40px 40px;
  background-color: #fff;
}
.redeem__wrap #errCommon {
  position: absolute;
  bottom: -86px;
  left: 0;
  width: 100%;
  background: rgba(255, 0, 30, 0.6);
  height: 40px;
  text-align: center;
  line-height: 40px;
  padding-top: 2px;
  opacity: 0;
  transition: opacity 0.2s;
}
.redeem__wrap #errCommon[data-is-error="1"] {
  opacity: 1;
}
.redeem__wrap #errCommon .redeem__form-item__error {
  display: inline;
  color: #fff;
  font-size: 16px;
  position: static;
}
.redeem__title {
  font-family: Teko;
  color: #333;
  font-size: 50px;
  line-height: 1.12;
  margin-bottom: 24px;
}
.redeem__title h3 {
  font-weight: 700;
}
.redeem__title h3 small {
  display: block;
  font-weight: normal;
  font-size: 24px;
}

.redeem__form {
}
.redeem__form-item {
  font-size: 20px;
  margin-bottom: 36px;
  position: relative;
}

/* Error */
.redeem__form-item[data-is-error="1"] .redeem__form-item__error {
  display: block;
  text-transform: uppercase;
}
.redeem__form-item[data-is-error="1"] .redeem__form-item__input {
  border-color: var(--redeemErrorColor);
}
.redeem__form-item[data-is-error="1"] .redeem__form-item__input::placeholder {
  color: var(--redeemErrorColor);
}
.redeem__form-item.verification .flex {
  display: flex;
  align-items: center;
}
.redeem__form-item.verification .flex.flex-wrap {
}
.redeem__form-item.verification .flex.flex-nowrap {
  flex-wrap: nowrap;
}
.redeem__form-item.verification .flex img {
  display: block;
}
.redeem__form-item.verification .flex .code_text {
  margin: 0 16px;
}
.redeem__form-item.verification .flex .icon_break {
  display: inline-block;
  width: 22px;
  height: 25px;
  text-indent: -9999px;
  background: url("../img/icon/icon_refresh_22.png") no-repeat center 50% /
    contain;
}
.redeem__form-item.verification .redeem__form-item__input {
  min-width: 108px;
  width: 264px;
  max-width: 64%;
}
.redeem__form-item__title {
  font-size: 22px;
  margin-bottom: 2px;
}
.redeem__form-item.char-id h4 .icon-question--circle {
  content: url("../img/icon/icon_question_22.png");
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  margin: -4px 0 0 8px;
  cursor: pointer;
}
.redeem__form-item__input {
  border: 1px solid #dddddd;
  height: 56px;
  border-radius: 0;
  padding: 22px 20px 18px;
  width: 100%;
  font-size: 16px;
}
.redeem__form-item__error {
  display: none;
  font-size: 16px;
  line-height: 1;
  color: var(--redeemErrorColor);
  position: absolute;
  bottom: -22px;
  left: 0;
}
.redeem__form-item__input::placeholder {
  color: #ccc;
}
.btn.btn-redeem__confirm,
.btn.btn-redeem__submit {
  margin-top: 36px;
  background: var(--redeemBtnColor);
  width: 100%;
  border: 1px solid var(--redeemBtnColor);
  font-size: 22px;
  font-weight: 700;
  padding: 22px 20px 18px;
  line-height: 18px;
}
.btn.btn-redeem__submit.disabled {
  filter: brightness(0.77);
  pointer-events: none;
}

/* Modal */
.modal {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal.hidden {
  display: none;
}
.modal__container {
  opacity: 0;
  pointer-events: none;
  transition: 0.4s opacity;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal.fade-in .modal__container {
  opacity: 1;
  pointer-events: auto;
}
.modal__scrollbar {
  height: auto;
  overflow-y: auto;
  padding: 40px 20px;
}
.modal__wrap {
  max-width: 100%;
  width: 550px;
  background-color: #fff;
  border: 1px solid #000;
  margin: 0 auto;
}
.modal__header {
  position: relative;
  height: 80px;
  padding: 2px 30px 0;
  line-height: 80px;
  border-bottom: 1px solid #eeeeee;
}
.modal__header .icon-modal-close {
  background: url("../img/icon/icon_close_16.png") no-repeat center 50%;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 26px;
  right: 24px;
  cursor: pointer;
}
.modal__header h4 {
  font-size: 28px;
}
.modal__body {
  padding: 24px 29px;
}

@media screen and (max-width: 1024px) {
  .redeem__form-item.verification .redeem__form-item__input {
    width: 100%;
    max-width: none;
  }
}

@media screen and (max-width: 768px) {
  .btn.btn-redeem__confirm,
  .btn.btn-redeem__submit {
    margin-top: 12px;
    padding-top: 13px;
    padding-bottom: 9px;
    font-size: 16px;
    line-height: 16px;
  }
  .redeem > #footer {
    position: relative;
  }
  .redeem__bg {
    background: #000 var(--redeemBgMobile) no-repeat 50% 0 / 100% auto;
  }
  .redeem__container {
    position: relative;
    min-height: calc(100% - 186px);
    height: auto;
    padding-top: 108px;
    padding-bottom: 60px;
  }
  .redeem__wrap {
    letter-spacing: 0.02em;
    padding: 30px 20px 20px;
  }
  .redeem__wrap #errCommon {
    height: 30px;
    line-height: 30px;
    bottom: -72px;
  }
  .redeem__title {
    font-size: 32px;
  }
  .redeem__title h3 small {
    font-size: 18px;
  }
  .redeem__form-item__title {
    font-size: 16px;
  }
  .redeem__form-item__input {
    font-size: 14px;
    height: 40px;
    padding: 12px 12px 10px;
  }
  .redeem__form-item.verification .flex .code_text {
    margin: 0 4px;
  }
  .redeem__form-item.verification .flex .code_text img {
    width: auto;
    height: 40px;
  }
  .redeem__form-item.verification .flex .icon_break {
    min-width: 18px;
    width: 18px;
    height: 18px;
    background-image: url("../img/icon/mobile/icon_refresh_18.png");
  }
  .redeem__form-item__error {
    font-size: 14px;
  }
  .redeem__form-item.char-id h4::after {
    content: "";
    width: 15px;
    height: 15px;
    margin-top: -2px;
    margin-left: 6px;
    background: url("../img/icon/mobile/icon_question_15.png") no-repeat 0 0 /
      contain;
  }

  /* Modal */
  .modal__header {
    height: 46px;
    line-height: 46px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .modal__header .icon-modal-close {
    top: 15px;
    right: 15px;
  }
  .modal__header h4 {
    font-size: 21px;
  }
  .modal__body {
    padding: 15px 20px 20px;
  }
}

@media screen and (max-width: 416px) {
  .gnb_sns.show_m .gnb_sns-facebook {
    display: none;
  }
}

@media screen and (max-width: 388px) {
  .gnb_sns.show_m li img {
    width: 36px;
    margin-left: -8px;
  }
  .redeem__form-item.verification .flex {
    flex-wrap: wrap;
  }
  .redeem__form-item.verification .flex.flex-nowrap {
    margin-top: 6px;
  }
  .redeem__form-item.verification .flex .code_text {
    margin-left: 0;
  }
  .redeem__form-item.verification + .btn-redeem__submit {
    margin-top: 6px;
  }
}