@charset "utf-8";
.navigation::before{
  display: none;
}
.sub01 .main_menu::after{
  display: block;
}
.esports_wrap .sub_margin{
  margin: 6.5rem 0 0;
}
.Stadium_board h2 {
  font-family: var(--font-Style-num);
  font-size: var(--txt-50-size);
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}
.Stadium_row01 h2 {
  color: #99acb4;
}
.Stadium_row02 h2 {
  color: #8d8779;
}
.Stadium_row01 .h2_wrap,
.Stadium_row02 .h2_wrap {
  width: 50%;
}
.Stadium_row02 .h2_wrap {
  float: right;
}
.Stadium_row02 h2 b {
  color: #464646;
}
.Stadium_row02 h2 strong {
  float: right;
}
.Stadium_board h2 span {
  font-weight: 300;
}
.body__padding_l {
  padding-left: 26%;
}
.body__padding_r {
  padding-right: 26%;
}
.Stadium_img img{
  width: 100.5%;
}
.Stadium_board .txt_con .body__padding_l h3,
.Stadium_board .txt_con .body__padding_l p{
  padding-left: 10px;
}
.Stadium_row01 ul li,
.Stadium_row02 ul li {
  width: 50%;
}
.Stadium_row01_con01 {
  margin-bottom: 6.563em;
}
.Stadium_row01_con01 .img_con {
  overflow: hidden;
}
.Stadium_row01 .Stadium_row01_con01 li {
  float: left;
}
.Stadium_row02 .Stadium_row01_con02 li {
  float: right;
}
.Stadium_row01_con01 .body__padding_l {
  background: #1e1a7f;
}
.Stadium_row01_con02 .body__padding_r {
  background: #8d8779;
}
.Stadium_row01_con01 .txt_con,
.Stadium_row01_con02 .txt_con {
  position: relative;
  margin-top: 4rem;
}
.Stadium_row01_con01 .txt_con {
  padding: 4rem 0 4rem 3rem;
}
.Stadium_row01_con02 .txt_con {
  padding: 3rem 3rem 3rem 0;
}
.Stadium_board .img_con,
.Stadium_board .txt_con,
.Stadium_row01_con01 .body__padding_l,
.Stadium_row01_con02 .body__padding_r{
transition: all 0.5s;
}
.Stadium_row01_con01 .body__padding_r::before,
.Stadium_row01_con02 .body__padding_l::before {
  position: absolute;
  top: 0;
  content: "";
  display: block;
  width: 140%;
  height: 100%;
  padding: 3rem;
  z-index: -1;
}
.Stadium_row01_con01 .body__padding_r::before {
  left: -3rem;
  border: 1px solid #1e1a7f;
}
.Stadium_row01_con02 .body__padding_l::before {
  right: -3rem;
  border: 1px solid #8d8779;
}

.Stadium_row01 h3,
.Stadium_row02 h3 {
  font-size: var(--txt-36-size);
  font-weight: 600;
  color: #fff;
}
.Stadium_row01_con01 .txt01,
.Stadium_row01_con02 .txt01 {
  margin: 2rem 0;
}
.Stadium_row01_con02 .txt_con p,
.Stadium_row01_con01 .txt_con p {
  font-size: var(--txt-18-size);
  font-weight: 300;
  line-height: 2rem;
  letter-spacing: 0.02rem;
}
.Stadium_row01_con01 .txt02{
  margin:0 0 2rem;
}
/* 오시는길 */
.map_view_wrap{
  background-color: #050419;
}
#map_view{
  height: 600px;
}
.map_info{
  padding:1.563rem var(--txt-60-size);
}
.map_title{
  border-bottom: 1px solid var(--line-color);
  margin-bottom: var(--txt-60-size);
  padding-bottom: var(--txt-60-size);
}
.map_title h2{
  font-size: var(--txt-36-size);
  color:var(--text-color);
  font-weight: 300;
  line-height: 3rem;
}
.map_title h2 span{
  display: block;
}
.map_title h2 strong{
  color:var(--main_color);
}
.map_title p{
  margin:30px 0;
  font-size: var(--txt-27-size);
}
.map_more_info p,
.map_more_info h4{
 color:#fff ;
 font-size: var(--txt-24-size);
 margin:20px 0;
 line-height: 2.2rem;
 display: flex;
}
.map_more_info p{
  align-items: top;
 }
.map_more_info h4{
  align-items: center;
 }
.map_more_info p{
  font-weight: 400;
}
.map_more_info i{
 margin-right: 20px;
}
/* 드림 e스포츠 챌린지 */
.m04_row01,
.m03_row01{
  border-bottom:1px solid var(--line-color);
  display: flex;
  align-items: center;
  height: 440px;
}
.m03_row01{
  background: url(../images/sub01_m03_img01.jpg) no-repeat top right;
}
.m04_row01{
  background: url(../images/sub01_m04_img01.jpg) no-repeat top right;
}
.m04_row01_img_m,
.m03_row01_img_m{
  opacity: 0;
}
.m04_row01_txt,
.m03_row01_txt{
  padding-left: 7.625rem;
}
.sub01_m04_slider button,
.sub01_m03_slider button{
  top: 50%;
}
.m03_row01_txt h3,
.sub01_m03 h3{
  font-size:var(--txt-36-size);
  color:var(--text-color);
  font-weight: 500;
  margin-bottom: 2.5rem;
}
.m04_row01 p,
.m04_slider_txt p,
.m03_slider_txt p,
.m03_row01 p{
  font-size: var(--txt-18-size);
  color:var(--text-color);
}
.m04_row01 p:nth-of-type(3),
.m04_slider_txt p:nth-of-type(2),
.m03_slider_txt p:nth-of-type(2),
.m03_row01 p:nth-of-type(2){
  margin:1.2rem 0;
}
.m04_row01 p:nth-of-type(2){
  max-width: 550px;
}
.m03_row01 p span{
  color:var(--main_color);
}
.sub01_m04_slider,
.sub01_m03_slider{
  padding:0 7.625rem;
}
.sub01_m04_slider li,
.sub01_m03_slider li{
 padding:4.188rem 10rem 4.188rem 6rem;
 border: 1px solid var(--line-color);
}
.m04_slider_img, .m04_slider_txt,
.m03_slider_img, .m03_slider_txt{
  float: left;
}
.m04_slider_img,
.m03_slider_img{
  width:40%;
}
.m04_slider_img img,
.m03_slider_img img{
  margin:0 auto;
}
.m04_slider_txt,
.m03_slider_txt{
  position:relative;
  width:60%;
  min-height: 329px;
}
.m04_slider_txt_in,
.m03_slider_txt_in{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
}
.m04_slider_txt h3 b,
.m04_slider_txt h3 strong,
.m03_slider_txt h3 b,
.m03_slider_txt h3 strong {
  font-weight: 500;
}
.m04_slider_txt h3 span b,
.m04_slider_txt h3 span,
.m03_slider_txt h3 span b,
.m03_slider_txt h3 span{
  font-family: var(--font-Style-num);
  font-weight: 300;
  text-transform: uppercase;
}
.m03_slider_txt h3 b{
  color:var(--main_color);
}
.m04_slider_txt p span,
.m03_slider_txt p span{
  text-decoration: underline;
  text-underline-position: under;
}
.sub01_m04_slider .slick-prev,
.sub01_m03_slider .slick-prev {
  left: 10%;
  transform: translate(0, -50%);
}
.sub01_m04_slider .slick-next,
.sub01_m03_slider .slick-next {
  right: 10%;
  transform: translate(0, -50%);
}
/* 아카데미 */
.m04_slider_txt_in h3 b{
  color:#5edad5;
}
/* 시설안내 */
.m02_row01 {
  border-bottom: 0;
    margin-bottom: 0;
}
.m02_row02{
  font-size: 0;
  text-align: center;
  border-bottom: 1px solid var(--line-color);
}
.m02_row03{
  margin: 7.813em 0 0;
}
.tab_menu{
  display: inline-block;
}
.tab_menu span{
  display: inline-block;
  font-size: var(--txt-18-size);
  color:#8f8f8f;
  padding:0.675rem 6rem;
}
.tab_menu li{
cursor: pointer;
float: left;
border:1px solid var(--line-color);
border-bottom:1px solid transparent;
}
.tab_menu li:nth-of-type(2){
  border-left:1px solid transparent;
  border-right:1px solid transparent;
}
.tab_menu li.on{
  background-color: var(--down-blue);
  border:0;
  border: 1px solid var(--down-blue);
}
.tab_menu li.on span{
  color:#fff;
}
.tabcon_pc {
  position: relative;
  margin: 0 7.625rem;
  max-width: 1470px;
}
.tabcon_pc img{
  max-width: 100%;
}
.m02_row03 .vw{
  position: absolute;
  width:60px;
  height: 60px;
}
.m02_row03 .vw button{
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  border-radius: 50%;
  background-color: var(--main_color);
  text-align: center;
}
.m02_row03 .vw button i{
  font-size:var(--txt-20-size);
  color:#fff;
}
.tabcon_pc .vw1_01{
  bottom: 81.5%;
  left: 12.5%;
}
.tabcon_pc .vw1_02{
  bottom: 81.5%;
  left: 21%;
}
.tabcon_pc .vw1_03{
  bottom: -1%;
  left: 12.5%;
}
.tabcon_pc .vw1_04{
  bottom: -1%;
  left: 21%;
}
.tabcon_pc .vw1_05{
  bottom: 73%;
  right: 26%;
}
.tabcon_pc .vw_center{
  bottom: 37%;
  left: 41%;
}
.tabcon_pc .vw2_01{
  bottom: 58%;
  right: 35%;
}
.tabcon_pc .vw2_02{
  bottom: 25%;
  right: 35%;
}
.tabcon_pc .vw2_03{
  bottom: 35%;
  right: 20%;
}
.tabcon_pc .vw3_01{
  bottom: 81.5%;
  left: 13%;
}
.tabcon_pc .vw3_02{
  bottom: 81.5%;
  left: 22.5%;
}
.tabcon_pc .vw3_03{
  bottom: 6%;
  left: 17%;
}
.tabcon_pc .vw3_04{
  bottom: 74%;
  right: 24.5%;
}
.tabcon_pc .vw3_05{
  bottom: 35%;
  right: 24.5%;
}
.tabcon_pc .vw3_06{
  bottom: 1%;
  right: 32%;
}
#tabcon01.none,#tabcon02.none, #tabcon03.none{
  display: none;
}
.tabcon_pc .vw button:hover{
  transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}
.tabcon_m{
  display: none;
}
.tabcon_m img{
 max-width: 100%;
}
/* 시설안내 팝업 */
.pop_slide_wrap{
  display: none;
  padding-top: 50px;
}
.pop_slide_wrap.on{
  display: block;
}
.popup_title__line{
  display: flex;
    justify-content: space-between;
    width: 50%;
    padding: 1em 0;
    color: var(--text-color);
    margin:0 auto;
}
.pop_slide_wrap ul{
  width:50%;
  height: 600px;
  background-color: var(--text-color);
}
.popup_title__line i {
  font-size: var(--txt-30-size);
  cursor: pointer;
}
.f_slide_img{
  position: relative;
    width: 65%;
    padding-top: 35%;
    overflow: hidden;
    background-color: var(--black02-color);
    border-radius: 0.25rem;
    border: 1px solid rgba(68, 68, 68, 0.2);
}
.f_slide_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.facility_silde {
  position:relative;
}
.facility_silde_wrap .swiper-slide{
  display: flex;
  justify-content: center;
}
.facility_silde_wrap .swiper-button-next{
  right: 20%;
}
.facility_silde_wrap .swiper-button-prev{
  left: 20%;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
bottom: -50px;
}
.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background:#ccc;
}
.swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff;
}
/* 시설안내 모바일 */
.tabcon_m p{
  font-size: var(--txt-14-size);
  padding:0.616rem 0;
}
.tabcon_m li{
  display: flex;
    justify-content: space-between;
    align-items: center;
  padding: 0.875rem;
  color:var(--text-color);
  border-top: 1px solid var(--line-color);
}
.tabcon_m li:last-child{
  border-bottom: 1px solid var(--line-color);
}
.tabcon_m li:hover{
  background-color: #1b1b1b;
}
.tabcon_m li span{
  display: inline-block;
}
.tabcon_m li span> i{
  margin-right: 10px;
}