@charset 'UTF-8';

/********** font **********/
@import url(font.css);
@import url(slick.css);
@import url(common_result.css);

/********** gate **********/
.gate-cont {
  margin-top: -140px;
}
.gate-cont .inner {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 100px;
}
.gateList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 50px 50px 0;
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
}
.gateList li {
  margin: 0 38px 45px 0;
}
.gateList li a {
  display: block;
  width: 152px;
  height: 186px;
  padding: 139px 0 26px;
  border-radius: 10px;
  border: solid 1px #bfbfbf;
  background-color: #f2f2f2;
  background-repeat: no-repeat;
  background-position: center 46px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #3d3d3d;
  transition: all 0.3s;
}
.gateList li:hover a,
.gateList li.active a {
  background-color: #43459a;
  color: #fff;
}
.gateList li a.event01 {
  background-image: url("../img/icon_sports01.svg");
}
.gateList li:hover a.event01,
.gateList li.active a.event01 {
  background-image: url("../img/icon_sports01_on.svg");
}
.gateList li a.event02 {
  background-image: url("../img/icon_sports02.svg");
}
.gateList li:hover a.event02,
.gateList li.active a.event02 {
  background-image: url("../img/icon_sports02_on.svg");
}
.gateList li a.event03 {
  background-image: url("../img/icon_sports03.svg");
}
.gateList li:hover a.event03,
.gateList li.active a.event03 {
  background-image: url("../img/icon_sports03_on.svg");
}
.gateList li a.event04 {
  background-image: url("../img/icon_sports04.svg");
}
.gateList li:hover a.event04,
.gateList li.active a.event04 {
  background-image: url("../img/icon_sports04_on.svg");
}
.gateList li a.event05 {
  background-image: url("../img/icon_sports05.svg");
}
.gateList li:hover a.event05,
.gateList li.active a.event05 {
  background-image: url("../img/icon_sports05_on.svg");
}
.gateList li a.event06 {
  background-image: url("../img/icon_sports06.svg");
}
.gateList li:hover a.event06,
.gateList li.active a.event06 {
  background-image: url("../img/icon_sports06_on.svg");
}
.gateList li a.event07 {
  background-image: url("../img/icon_sports07.svg");
}
.gateList li:hover a.event07,
.gateList li.active a.event07 {
  background-image: url("../img/icon_sports07_on.svg");
}
.gateList li a.event08 {
  background-image: url("../img/icon_sports08.svg");
}
.gateList li:hover a.event08,
.gateList li.active a.event08 {
  background-image: url("../img/icon_sports08_on.svg");
}
.gateList li a.event09 {
  background-image: url("../img/icon_sports09.svg");
}
.gateList li:hover a.event09,
.gateList li.active a.event09 {
  background-image: url("../img/icon_sports09_on.svg");
}
.gateList li a.event10 {
  background-image: url("../img/icon_sports10.svg");
}
.gateList li:hover a.event10,
.gateList li.active a.event10 {
  background-image: url("../img/icon_sports10_on.svg");
}
.gateList li a.event11 {
  background-image: url("../img/icon_sports11.svg");
}
.gateList li:hover a.event11,
.gateList li.active a.event11 {
  background-image: url("../img/icon_sports11_on.svg");
}
.gateList li a.event12 {
  background-image: url("../img/icon_sports12.svg");
}
.gateList li:hover a.event12,
.gateList li.active a.event12 {
  background-image: url("../img/icon_sports12_on.svg");
}
.gateList li a.event13 {
  background-image: url("../img/icon_sports13.svg");
}
.gateList li:hover a.event13,
.gateList li.active a.event13 {
  background-image: url("../img/icon_sports13_on.svg");
}
.gateList li a.event14 {
  background-image: url("../img/icon_sports14.svg");
}
.gateList li:hover a.event14,
.gateList li.active a.event14 {
  background-image: url("../img/icon_sports14_on.svg");
}
.gateList li a.event15 {
  background-image: url("../img/icon_sports15.svg");
}
.gateList li:hover a.event15,
.gateList li.active a.event15 {
  background-image: url("../img/icon_sports15_on.svg");
}
.gateList li a.event16 {
  background-image: url("../img/icon_sports16.svg");
}
.gateList li:hover a.event16,
.gateList li.active a.event16 {
  background-image: url("../img/icon_sports16_on.svg");
}
.gateList li a.event17 {
  background-image: url("../img/icon_sports17.svg");
}
.gateList li:hover a.event17,
.gateList li.active a.event17 {
  background-image: url("../img/icon_sports17_on.svg");
}
.gateList li a.event18 {
  background-image: url("../img/icon_sports18.svg");
}
.gateList li:hover a.event18,
.gateList li.active a.event18 {
  background-image: url("../img/icon_sports18_on.svg");
}
.gateList li a.event19 {
  background-image: url("../img/icon_sports19.svg");
}
.gateList li:hover a.event19,
.gateList li.active a.event19 {
  background-image: url("../img/icon_sports19_on.svg");
}
.gateList li a.event20 {
  background-image: url("../img/icon_sports20.svg");
}
.gateList li:hover a.event20,
.gateList li.active a.event20 {
  background-image: url("../img/icon_sports20_on.svg");
}
.gateList li a.event21 {
  background-image: url("../img/icon_sports21.svg");
}
.gateList li:hover a.event21,
.gateList li.active a.event21 {
  background-image: url("../img/icon_sports21_on.svg");
}
.gateList li a.event22 {
  background-image: url("../img/icon_sports22.svg");
}
.gateList li:hover a.event22,
.gateList li.active a.event22 {
  background-image: url("../img/icon_sports22_on.svg");
}
.gateList li a.event23 {
  background-image: url("../img/icon_sports23.svg");
}
.gateList li:hover a.event23,
.gateList li.active a.event23 {
  background-image: url("../img/icon_sports23_on.svg");
}
.gateList li a.event24 {
  background-image: url("../img/icon_sports24.svg");
}
.gateList li:hover a.event24,
.gateList li.active a.event24 {
  background-image: url("../img/icon_sports24_on.svg");
}
.gateList li a.event25 {
  background-image: url("../img/icon_sports25.svg");
}
.gateList li:hover a.event25,
.gateList li.active a.event25 {
  background-image: url("../img/icon_sports25_on.svg");
}

@media (max-width: 768px) {
  .gate-cont {
    margin-top: -105px;
  }
  .gate-cont .inner {
    width: 100%;
    padding: 0 30px 50px 28px;
  }
  .gateList {
    padding: 25px 20px 0;
    justify-content: flex-start;
  }
  .gateList li {
    margin: 0 15px 15px 0;
  }
  .gateList li:nth-child(3n) {
    margin-right: 0;
  }
  .gateList li a {
    width: 95px;
    height: 115px;
    padding: 80px 0 15px;
    background-position: center 17px;
    font-size: 15px;
  }
  /*  농구 */
  .gateList li a.event01 {
    background-size: 43px 46px;
    background-position-y: 22px;
  }
  /*  레슬링 */
  .gateList li a.event02 {
    background-size: 52px 38px;
    background-position-y: 29px;
  }
  /*  루지 */
  .gateList li a.event03 {
    background-size: 48px 35px;
    background-position-y: 32px;
  }
  /*  바이애슬론 */
  .gateList li a.event04 {
    background-size: 43px 47px;
    background-position-y: 20px;
  }
  /*  배구 */
  .gateList li a.event05 {
    background-size: 26px 47px;
    background-position-y: 20px;
  }
  /*  배드민턴 */
  .gateList li a.event06 {
    background-size: 32px 52px;
    background-position-y: 16px;
  }
  /*  복싱 */
  .gateList li a.event07 {
    background-size: 34px 40px;
    background-position: 34px 28px;
  }
  /*  빙상 */
  .gateList li a.event08 {
    background-size: 31px 50px;
    background-position: 36px 18px;
  }
  /*  사격 */
  .gateList li a.event09 {
    background-size: 33px 43px;
    background-position: 36px 25px;
  }
  /*  수영 */
  .gateList li a.event10 {
    background-size: 54px 27px;
    background-position: 23px 41px;
  }
  /*  스키 */
  .gateList li a.event11 {
    background-size: 35px 40px;
    background-position-y: 27px;
  }
  /*  아이스하키 */
  .gateList li a.event12 {
    background-size: 49px 41px;
    background-position-y: 27px;
  }
  /*  양궁 */
  .gateList li a.event13 {
    background-size: 40px 54px;
    background-position: 29px 14px;
  }
  /*  역도 */
  .gateList li a.event14 {
    background-size: 28px 48px;
    background-position-y: 19px;
  }
  /*  유도 */
  .gateList li a.event15 {
    background-size: 56px 45px;
    background-position: 23px 23px;
  }
  /*  육상 */
  .gateList li a.event16 {
    background-size: 44px 34px;
    background-position: 26px 33px;
  }
  /*  조정 */
  .gateList li a.event17 {
    background-size: 55px 32px;
    background-position: 20px 36px;
  }
  /*  체조 */
  .gateList li a.event18 {
    background-size: 38px 51px;
    background-position: 32px 17px;
  }
  /*  카누 */
  .gateList li a.event19 {
    background-size: 37px 51px;
    background-position: 29px 17px;
  }
  /*  컬링 */
  .gateList li a.event20 {
    background-size: 50px 35px;
    background-position: 24px 34px;
  }
  /*  탁구 */
  .gateList li a.event21 {
    background-size: 41px 39px;
    background-position: 24px 29px;
  }
  /*  태권도 */
  .gateList li a.event22 {
    background-size: 38px 47px;
    background-position: 29px 21px;
  }
  /*  펜싱 */
  .gateList li a.event23 {
    background-size: 59px 36px;
    background-position: 15px 31px;
  }
  /*  하키 */
  .gateList li a.event24 {
    background-size: 53px 42px;
    background-position: 21px 26px;
  }
  /*  핸드볼 */
  .gateList li a.event25 {
    background-size: 51px 52px;
    background-position: 22px 16px;
  }
}
@media (max-width: 415px) {
  .gateList li {
    margin: 0 14px 15px 0;
  }
}

@media (max-width: 375px) {
  .gate-cont .inner {
    padding: 0 20px 50px;
  }
  .gateList {
    padding: 25px 18px 0;
  }
  .gateList li {
    margin: 0 10px 10px 0;
  }
  .gateList li a {
    width: 93px;
  }
}

@media (max-width: 360px) {
  .gateList {
    padding: 25px 10px 0;
  }
}

/********** MAIN **********/
.mainBanner {
	height: 500px;
	position: relative;
}
.mainBanner .assocition {
	height: 300px;
	position: absolute;
	top: 0;
	left: -31px;
	writing-mode: vertical-rl;
	font-size: 15px;
	font-weight: 500;
}
.mainSliderWrap {
	width:1550px;
	position: absolute;
	top:0;
	left: 0;
}
.mainSlider {
  height: 500px;
  overflow: hidden;
}
.mainSlider .slick-slide {
  height: 500px;
  padding: 104px 0 0 103px;
  background-repeat: no-repeat;
  background-position: 0 0;
  box-sizing: border-box;
}
.mainSlider li h3 {
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.27;
  color: #fff;
}
.mainSlider li p {
  margin-bottom: 58px;
  font-size: 23px;
  font-weight: normal;
  line-height: 1.48;
  color: #fff;
}
.mainSlider li .sign {
  display: block;
  width: 87px;
  height: 27px;
  line-height: 26px;
  margin: 0 0 20px 0;
  padding: 0 4px 0 11px;
  border-radius: 56px;
  background-color: #3fa6c9;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.mainSlider .slick-dots {
  position: absolute;
  top: 342px;
  left: 103px;
}
.mainSlider .slick-dots li {
  display: inline-block;
  margin-right: 8px;
}
.mainSlider .slick-dots li button {
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #fff;
  text-indent: 100%;
  overflow: hidden;
  color: transparent;
  cursor: pointer;
}
.mainSlider .slick-dots li.slick-active button {
  width: 40px;
  height: 9px;
  border-radius: 5px;
  background-color: #fff;
}
.mainBanner .controls-auto {
  position: absolute;
  bottom: 134px;
  left: 186px;
}
.mainBanner .controls-auto .slide-stop {
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 5px;
  outline: 0;
  text-indent: -9999px;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background: url(../img/btn_stopSlide.svg) 0 0 no-repeat;
  cursor: pointer;
}
.mainBanner .controls-auto .slide-start {
  display: inline-block;
  width: 23px;
  height: 23px;
  outline: 0;
  text-indent: -9999px;
  border: 0;
  border-radius: 0;
  background: url(../img/btn_startSlide.svg) 0 0 no-repeat;
  cursor: pointer;
}
.titleArea {
  width: 309px;
  background-repeat: no-repeat;
  position: relative;
}
.titleArea h4 {
  margin-bottom: 5px;
  padding-top: 15px;
  font-size: 22px;
  font-weight: bold;
  position: relative;
}
.titleArea h4::before {
  content: "";
  width: 26px;
  height: 5px;
  background-color: #3d3d3d;
  position: absolute;
  top: 0;
  left: 0;
}
.titleArea .txt {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: normal;
}
.titleArea .moreBtn {
  width: 70px;
  height: 29px;
  margin: 0 0 25px 0;
  padding: 3px 0 4px;
  border-radius: 18px;
  text-align: center;
  border: solid 1px #b6b6b6;
  background-color: #fff;
  font-size: 15px;
}
[class*="main-section"] {
  display: flex;
  padding: 70px 0;
  position: relative;
}
.main-section01 {
  border-bottom: 1px solid #e1e1e1;
}
.main-section01 .titleArea {
  background-image: url("../img/icon_main01.png");
  background-position: 0 140px;
}
.tournament-list li {
  display: flex;
  margin-bottom: 25px;
  position: relative;
}
.tournament-list li:last-child {
  margin-bottom: 0;
}
.tournament-list li p {
  width: 400px;
  margin-right: 35px;
}
.tournament-list li p span {
  display: block;
}
.tournament-list li p .contest {
  margin-bottom: 5px;
  font-size: 17px;
  font-weight: 500;
}
.tournament-list li p .date-place {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.56;
}
.tournament-list li .state {
  width: 97px;
  height: 48px;
  padding: 11px 0 14px;
  text-align: center;
  border-radius: 3px;
  border: solid 1px #b6b6b6;
  background-color: #fff;
  font-size: 17px;
}
.main-section02 {
  border-bottom: 1px solid #e1e1e1;
}
.main-section02 .titleArea {
  padding-bottom: 72px;
  background-image: url("../img/icon_main02.png");
  background-position: 0 140px;
}
.main-section02 .joinBtn {
  width: 120px;
  height: 48px;
  padding: 11px 14px 14px 5px;
  border-radius: 3px;
  border: solid 1px #b6b6b6;
  background-color: #fff;
  font-size: 17px;
  position: relative;
}
.main-section02 .joinBtn::after {
  content: "";
  width: 8px;
  height: 12px;
  background: url("../img/bg_leftArrow.png") no-repeat 0 0;
  position: absolute;
  top: 18px;
  right: 14px;
}
.main-section03 {
  border-bottom: 1px solid #e1e1e1;
}
.main-section03 .titleArea {
  padding-bottom: 72px;
  background-image: url("../img/icon_main03.png");
  background-position: 0 140px;
}
.main-section03 .movieList ul {
  display: flex;
  justify-content: space-between;
}
.main-section03 .movieList ul li {
  width: 272px;
  margin-right: 38px;
}
.main-section03 .movieList ul li .movie-img {
  margin-bottom: 15px;
}
.main-section03 .movieList ul li h5 {
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: 500;
}
.main-section03 .movieList ul li p {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.94;
}
.main-section04 {
  border-bottom: 1px solid #e1e1e1;
}
.main-section04 .titleArea {
  padding-bottom: 65px;
  background-image: url("../img/icon_main04.png");
  background-position: 0 165px;
}
.main-section04 .score-cont {
  width: 890px;
  height: 308px;
}
.score-cont .scoreSlider li {
  height: 308px;
  padding: 40px 45px;
  background: url("../img/bg_score.png") no-repeat 0 0;
  box-sizing: border-box;
}
.scoreSlider li h5 {
  margin-bottom: 5px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
.scoreSlider li p {
  margin-bottom: 40px;
  font-size: 24px;
  color: #fff;
}
.scoreSlider li .live-score {
  display: flex;
  align-items: center;
}
.scoreSlider li .live-score span {
  display: block;
  width: 252px;
  height: 77px;
  padding: 20px 0 24px;
  text-align: center;
  border-radius: 39px;
  border: solid 2px #fff;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
.scoreSlider li .live-score span.versus {
  width: 90px;
  height: 82px;
  margin: 0 70px;
  padding: 0;
  border: 0 none;
  font-size: 0;
}
.arrow {
  width: 29px;
  height: 29px;
  position: absolute;
  bottom: 0;
}
.prev {
  background: url("../img/btn_prev.png") no-repeat 0 0;
  left: -309px;
}
.next {
  background: url("../img/btn_next.png") no-repeat 0 0;
  left: -278px;
}
.main-section05 {
  display: block;
  padding: 70px 0 257px;
  border-bottom: 1px solid #e1e1e1;
  background: url("../img/bg_main01.png") no-repeat 295px 70px;
  position: relative;
}
.main-section05 .titleArea {
  padding: 30px 28px 0 0;
}
.view-more {
  display: block;
  width: 200px;
  height: 48px;
  margin: 30px 0 0 0;
  padding: 11px 25px 14px 18px;
  border-radius: 3px;
  border: solid 1px #b6b6b6;
  background-color: #fff;
  font-size: 17px;
  color: #3d3d3d;
}
.main-section06 .titleArea h4 {
  margin-bottom: 100px;
}
.main-section06 .titleArea p {
  font-size: 16px;
  font-weight: normal;
}
.main-section06 .titleArea .organization {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
}
.main-section06 .titleArea .txt01 {
  margin-bottom: 40px;
  line-height: 1.63;
}
.main-section06 .titleArea .txt02 {
  margin-bottom: 15px;
}
.main-section06 .titleArea .txt03 {
  margin-bottom: 84px;
}
.main-section06 .titleArea .snsList {
  display: flex;
}
.main-section06 .titleArea .snsList li {
  margin-right: 20px;
}
.main-section06 .map {
  width: 890px;
  height: 478px;
}

/*  responsive */
@media(max-width:1917px) {
	.mainSliderWrap {
		width:1530px;
	}
}
@media(max-width:1878px) {
	.mainSliderWrap {
		width:1490px;
	}
}
@media(max-width:1798px) {
	.mainSliderWrap {
		width:1450px;
	}
}
@media(max-width:1718px) {
	.mainSliderWrap {
		width:1430px;
	}
}
@media(max-width:1685px) {
	.mainSliderWrap {
		width:1400px;
	}
}
@media(max-width:1618px) {
	.mainSliderWrap {
		width:1350px;
	}
}
@media(max-width:1540px) {
	.mainSliderWrap {
		width:1300px;
	}
}
@media(max-width:1418px) {
	.mainSliderWrap {
		width:1280px;
	}
}
@media(max-width:1380px) {
	.mainSliderWrap {
		width:1230px;
	}
}
@media(max-width:1280px) {
	.mainSliderWrap {
		width:100%;
	}
}
 @media(max-width:1200px) {
	.mainSliderWrap {
		width:100%;
	}
}
@media (max-width: 768px) {
	.main {
		background-color: #f2f2f2;
	 }
	.mainBanner {
    	height: 364px;
    	margin-left: 0;
	}
  .mainSlider {
    height: 364px;
  }
  .mainSlider .slick-slide {
    width: 100%;
    height: 364px;
    padding: 110px 20px 95px;
    background-position: center;
    background-size: cover;
  }
  .mainSlider li h3 {
    margin-bottom: 10px;
    font-size: 21px;
    line-height: 1.38;
  }
  .mainSlider li p {
    font-size: 17px;
    line-height: 1.41;
  }
  .mainSlider .slick-dots {
    top: 305px;
    left: 20px;
  }
  .mainBanner .controls-auto {
    bottom: 35px;
    left: 104px;
  }

  [class*="main-section"] {
    display: block;
    margin-bottom: 8px;
    padding: 50px 20px;
    border-top: 1px solid #b6b6b6;
    background-color: #fff;
    border-bottom-color: #b6b6b6;
  }
  [class*="main-section"]:last-child {
    margin-bottom: 0;
  }
  .titleArea {
    width: 100%;
  }
  .titleArea h4 {
    font-size: 20px;
  }
  .titleArea .txt {
    font-size: 15px;
  }
  .titleArea .moreBtn {
    position: absolute;
    top: 14px;
    right: 0;
  }
  .main-section01 {
    border-top: 0 none;
  }
  .main-section01 .titleArea {
    padding-bottom: 103px;
    background-position: 0 82px;
  }
  .tournament-list li {
    display: block;
    margin-bottom: 40px;
  }
  .tournament-list li p {
    width: 100%;
    margin-right: 0;
  }
  .tournament-list li p .contest {
    font-size: 16px;
  }
  .tournament-list li .state {
    display: block;
    width: 80px;
    height: 30px;
    margin-top: 10px;
    padding: 3px 0 5px;
    font-size: 16px;
  }
  .main-section02 .titleArea {
    padding-bottom: 103px;
    background-position: 0 82px;
  }
  .main-section02 .joinBtn {
    display: block;
    width: 100%;
    height: 45px;
    margin-top: 10px;
    padding: 9px 0 11px;
    text-align: center;
  }
  .main-section02 .joinBtn::after {
    top: 16px;
    right: auto;
    left: 60%;
  }
  .main-section03 {
    padding: 50px 0;
  }
  .main-section03 .titleArea {
    padding: 0 20px 103px;
    background-position: 20px 82px;
  }
  .main-section03 .titleArea .moreBtn {
    right: 20px;
  }
  .main-section03 .movieList {
    padding-left: 20px;
    overflow-x: scroll;
  }
  .main-section03 .movieList ul {
    width: 226%;
  }
  .main-section03 .movieList ul li {
    margin-right: 25px;
  }
  .main-section03 .movieList ul li:last-child {
    margin-right: 0;
  }
  .main-section03 .movieList ul li h5 {
    font-size: 16px;
  }
  .main-section03 .movieList ul li p {
    line-height: 1.56;
  }
  .main-section04 {
    padding: 50px 0 0;
  }
  .main-section04 .titleArea {
    padding: 0 20px 103px;
    background-position: 20px 104px;
  }
  .main-section04 .titleArea .moreBtn {
    right: 20px;
  }
  .main-section04 .score-cont {
    width: 100%;
    height: auto;
  }
  .score-cont .scoreSlider li {
    height: 518px;
    padding: 47px 20px 50px;
    background-size: cover;
  }
  .scoreSlider li h5 {
    font-size: 21px;
    text-align: center;
  }
  .scoreSlider li p {
    font-size: 18px;
    text-align: center;
  }
  .scoreSlider li .live-score {
    display: block;
  }
  .scoreSlider li .live-score span {
    height: 70px;
    margin: 0 auto 27px;
    padding: 19px 0 23px;
    font-size: 21px;
    font-weight: bold;
  }
  .scoreSlider li .live-score span.versus {
    margin: 0 auto 40px;
  }
  .arrow {
    bottom: 185px;
    z-index: 100;
  }
  .prev {
    left: 20px;
  }
  .next {
    left: auto;
    right: 20px;
  }
  .main-section05 {
    background-position: 20px 176px;
    background-size: 375px auto;
  }
  .main-section05 .titleArea {
    padding: 0;
  }
  .view-more {
    width: 100%;
    height: 45px;
    margin: 270px 0 0 0;
    padding: 10px 0 12px;
    text-align: center;
  }
  .main-section06 {
    padding: 50px 0 0;
    overflow: hidden;
  }
  .main-section06 .titleArea {
    padding: 0 20px;
  }
  .main-section06 .titleArea h4 {
    margin-bottom: 30px;
  }
  .main-section06 .titleArea p {
    font-size: 15px;
  }
  .main-section06 .titleArea .txt01 {
    margin-bottom: 10px;
  }
  .main-section06 .titleArea .txt02,
  .main-section06 .titleArea .txt03 {
    display: inline-block;
    margin-bottom: 30px;
  }
  .main-section06 .titleArea .txt03 {
    display: block;
  }
  .main-section06 .titleArea .snsList {
    margin-bottom: 35px;
  }
  .main-section06 .map {
    width: 100%;
    height: 316px;
  }
}

/********** subPage **********/
.content {
  position: relative;
}
.content h4 {
  font-size: 20px;
  font-weight: 500;
}
.contTop {
  margin-bottom: 50px;
  overflow: hidden;
}
.subBanner {
  width: 100%;
  height: 250px;
  margin-bottom: 25px;
  background: #000 url("../img/bg_subBanner.png") repeat-x center center;
}
.subBanner .inner {
  padding: 105px 0 90px 0;
}
.subBanner .inner h3 {
  padding-top: 20px;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  position: relative;
}
.subBanner .inner h3::before {
  content: "";
  width: 35px;
  height: 7px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-19px);
}
.sub-section {
  margin-bottom: 50px;
  position: relative;
}
.content .sub-section:last-child {
  margin-bottom: 0;
}
.subTitArea {
  margin: 0 0 15px 0;
  position: relative;
}
/* .subTitArea h4 {
	padding-top: 10px;
}	 */
.subTitArea .btns {
  position: absolute;
  top: -6px;
  right: 0;
}
.subTitArea .btns.mob-btns01 {
  display:block;
}

/*  search */
[class*="searchBox"] {
  display: flex;
  width: 100%;
  border-radius: 3px;
  border: solid 1px #bfbfbf;
  background-color: #f6f6f4;
  position: relative;
}
[class*="searchBox"] label {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
}
[class*="searchBox"] .searchBtn {
  display: inline-block;
  width: 97px;
  text-align: center;
  border-radius: 3px;
  background-color: #3fa6c9;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
}
.searchBox01 {
  height: 165px;
  padding: 25px 25px 25px 173px;
  background: #f6f6f4 url("../img/bg_searchBox.png") no-repeat 25px 25px;
}
.searchBox01 ul {
  display: flex;
  flex-wrap: wrap;
  width: 883px;
  padding: 11px 0 0 0;
}
.searchBox01 ul li:nth-child(2n) {
  margin-left: 45px;
}
.searchBox01 ul li label {
  width: 79px;
}
.searchBox01 div:first-child {
  margin-right: 45px;
}
.searchBox01 div span {
  display: block;
  margin-top: 12px;
}
.searchBox01 span label {
  width: 79px;
}
.searchBox01 select {
  min-width: 295px;
}
.searchBox01 input.useDatepicker {
  width: 183px;
}
.searchBox01 .searchBtn {
  display: inline-block;
  width: 97px;
  height: 92px;
  margin: 10px 0 0 20px;
  padding: 35px 0;
  text-align: center;
}
.searchBox02 {
  height: 80px;
  padding: 20px;
}
.searchBox02 span {
  display: block;
  margin-right: 50px;
}
.searchBox02 span:last-child {
  margin-right: 0;
}
.searchBox02 span label {
  margin-right: 15px;
}
.searchBox02 select {
  min-width: 215px;
}
.searchBox02 input.useDatepicker {
  width: 215px;
}
.searchBox02 .searchBtn {
  height: 40px;
  padding: 7px 0 10px;
  position: absolute;
  top: 20px;
  right: 20px;
}

/* 09_대회경기영상조회 */
.total-sum {
  display: flex;
  margin: 8px 0 20px 0;
  font-size: 17px;
  line-height: 1.47;
  color: #3d3d3d;
}
.total-sum .total-posts {
  display: block;
  margin-right: 8px;
  padding-right: 10px;
  position: relative;
}
.total-sum .total-posts::after {
  content: "";
  width: 1px;
  height: 15px;
  background-color: #3d3d3d;
  position: absolute;
  top: 5px;
  right: 0;
}
.search-result {
  padding: 20px 0;
  border-top: 2px solid #707070;
  border-bottom: 1px solid #707070;
}
.search-result .movieList {
  display: flex;
  flex-wrap: wrap;
}
.search-result .movieList li {
  width: 285px;
  margin: 50px 20px 0 0;
}
.search-result .movieList li:nth-child(-n + 4) {
  margin-top: 0;
}
.search-result .movieList li:nth-child(4n) {
  margin-right: 0;
}
.search-result .movieList li .movie-img {
  width: 285px;
  height: 170px;
  position: relative;
}
.search-result .movieList li .movie-img > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.search-result .movieList li h5 {
  margin: 20px 0 10px 0;
  font-size: 17px;
  font-weight: 500;
}
.search-result .movieList p {
  font-size: 16px;
  line-height: 1.56;
}

/*  table */
[class*="boardTable"] {
  width: 100%;
  overflow-x: auto;
}
[class*="boardTable"] + [class*="boardTable"] {
  margin-top: 50px;
}
[class*="boardTable"] table {
  border-top: 2px solid #707070;
  border-bottom: 1px solid #707070;
}
[class*="boardTable"] table tr th {
  height: 50px;
  background-color: #f2f2f2;
  border: 1px solid #bfbfbf;
  font-size: 16px;
  font-weight: 500;
  color: #3d3d3d;
  vertical-align: middle;
  position: relative;
}
[class*="boardTable"] table tr td {
  border: 1px solid #bfbfbf;
  font-size: 16px;
  font-weight: normal;
  color: #3d3d3d;
  vertical-align: middle;
  position: relative;
}
[class*=boardTable] table th:first-child,
[class*=boardTable] table td:first-child {
	border-left: 0;
}
[class*=boardTable] table th:last-child,
[class*=boardTable] table td:last-child {
	border-right: 0;
}
.boardTable01 table tr th {
  padding: 9px 0 11px;
}
.boardTable01 table tr th.bgNone {
  background-color: #fff;
  border-bottom: 2px solid #707070;
}
.boardTable01 table tr th:first-child {
  border-left: 0 none;
}
.boardTable01 table tr th.brNone,
.boardTable01 table tr th:last-child {
  border-right: 0 none;
}
.boardTable01 table tbody tr:last-child th,
.boardTable01 table tbody tr:last-child td {
  border-bottom: 0;
}
.boardTable01 table tr td {
  padding: 10px 5px 9px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.boardTable01 table tr.no-infor {
  height:150px;
  line-height: 110px;
}
.boardTable01 table tr.no-infor td {
  text-align: center;
} 
.boardTable01 .tbl-tal td,
.boardTable01 .search-result-table td {
  text-align: left;
  padding-left: 15px;
}
.boardTable01 .tbl-tal td.tac,
.boardTable01 .search-result-table td.tac {
  text-align: center;
  padding-left: 0;
}
.boardTable01 tbody tr:hover td,
.boardTable03 tbody tr:hover td {
  background-color: #eff6f6;
  transition: 0.5s;
}
.boardTable01 table tr td.tal {
  padding-left: 20px;
}
.boardTable01 table tr td.tar {
  text-align: right;
  padding-right: 25px;
}
.boardTable01 table tr td.fwm {
  font-weight: 500;
}
.boardTable01 table tr td.bg01 {
  background-color: #f2f2f2;
}
.boardTable01 table tr td.bg02 {
  background-color: #fbf9f4;
}
.boardTable01 table tr td.bg03 {
  background-color: #ffe5d9;
}
.boardTable01 table tr td.bg04 {
  background-color: #e5f4ff;
}
.boardTable01 table tr td.superiority {
  font-weight: bold;
  color: #2185bf;
  background-color: #eff6f6;
}
.boardTable01 table tbody tr td:last-child {
  border-right: none;
}
.boardTable01 table tbody td.brNone {
  border-right: 0 none;
}
.boardTable01 table tbody tr td.brline {
  border-right: 1px solid #bfbfbf;
}
.boardTable01 table tbody td.bbNone {
  border-bottom: 0 none;
}
.boardTable01 table tbody tr td .vs {
  display: inline-block;
  margin: 0 22px 0 20px;
}
.boardTable01 table tbody tr td .teamL {
  display: inline-block;
  width: 240px;
  text-align: right;
}
.boardTable01 table tbody tr td .teamR {
  display: inline-block;
  width: 240px;
  text-align: left;
}
.boardTable01 table tbody tr td .win {
  color: #2185bf;
  font-weight: 500;
}
.boardTable02 table tr th {
  height: 50px;
  padding: 0 20px;
  text-align: left;
  border-top: 0 none;
}
.boardTable02 table tr td {
  text-align: left;
  padding: 13px 20px 12px;
}
.boardTable02 table tr:last-child th,
.boardTable02 table tr:last-child td {
  border-bottom: 0;
}
.boardTable02 table tr td:last-child {
  border-right: 0;
}
.boardTable03 + .boardTable03 {
  margin-top: 40px;
}
.boardTable03 table {
  border-bottom: 2px solid #707070;
}
.boardTable03 + .boardTable03 table {
  border-top: 0 none;
}
.boardTable03 table tbody th {
  height: 40px;
  padding: 0 20px;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  background-color: #fff;
  border-right: 0 none;
  border-bottom: 2px solid #707070;
  vertical-align: middle;
}
.boardTable03 table tbody td {
  padding: 7px 20px 8px;
  text-align: center;
}
.boardTable01 + .subTitArea {
  margin-top: 50px;
}

/* 반응형 스크립트 table */
.tablesaw {
  width: 100%;
  max-width: 100%;
  empty-cells: show;
  border: 0;
  padding: 0;
}
.tablesaw * {
  box-sizing: border-box;
}
.boardTable01 .tablesaw thead th {
  text-align: center;
}
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none;
}
@media only all {
  /* Show the table cells as a block level element */

  .tablesaw-stack {
    clear: both;
  }
  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block;
  }
  .tablesaw-stack tr {
    clear: both;
    display: table-row;
  }

  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: inline-block;
    width: 29%;
    font-weight: 500;
  }
  .tablesaw-cell-label {
    display: block;
  }
  /* Avoid double strokes when stacked */

  .tablesaw-stack tbody th.group {
    margin-top: -1px;
  }

  /* Avoid double strokes when stacked */

  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important;
  }
}

@media (max-width: 1025px) {
  .boardTable01 .tablesaw-stack {
    border-bottom: 0;
  }
  .tablesaw-stack colgroup {
    display: none;
  }
  .boardTable01 .tablesaw-stack tbody {
    display: block;
    padding-top: 20px;
  }
  .boardTable01 .tablesaw-stack tbody tr {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 2px;
    border: solid 1px #ccc;
    background-color: #fff;
    overflow: hidden;
  }
  .boardTable01 .tablesaw-stack tbody tr:last-child {
    margin-bottom: 0;
  }
  .boardTable01 .tablesaw-stack thead td,
  .boardTable01 .tablesaw-stack thead th {
    display: none;
  }
  .boardTable01 .tablesaw-stack tbody td,
  .boardTable01 .tablesaw-stack tbody th {
    display: block;
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;
    border: 0; 
  }
  .boardTable01 .tablesaw-stack tbody td:last-child {
    margin-bottom: 0;
  }
  .boardTable01 .tablesaw-stack tr td.tar {
    padding-right: 0;
    text-align: left;
  }
  .boardTable01
    .tablesaw-stack
    tbody
    tr
    td:last-child
    > .tablesaw-cell-content
    > .button-inner {
    width: 100%;
    height: 40px;
  }
  .tablesaw-cell-label {
    vertical-align: top;
  }
  .tablesaw-cell-content {
    display: inline-block;
    max-width: 70%;
    padding: 0 0 0 15px;
  }
  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,
  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none;
  }
}

/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 40em) {
  .tablesaw-stack tr {
    display: table-row;
  }
  /* Show the table header rows */
  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0;
  }

  /* Hide the labels in each cell */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important;
  }
}

@media only all {
  /* Unchecked manually: Always hide */

  .tablesaw-swipe th.tablesaw-swipe-cellhidden,
  .tablesaw-swipe td.tablesaw-swipe-cellhidden {
    display: none;
  }
}

.tablesaw-overflow {
  position: relative;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* More in skin.css */
}

.tablesaw-overflow > .tablesaw {
  margin-top: 2px;
  /* sortable focus rings are clipped */
}

/* Hide all prioritized columns by default */

@media only all {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6,
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5,
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4,
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3,
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2,
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1,
  .tablesaw-columntoggle th.tablesaw-priority-0,
  .tablesaw-columntoggle td.tablesaw-priority-0 {
    display: none;
  }
}
/* Show priority 1 at 320px (20em x 16px) */

@media (min-width: 20em) {
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: table-cell;
  }
}

/* Show priority 2 at 480px (30em x 16px) */

@media (min-width: 30em) {
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2 {
    display: table-cell;
  }
}

/* Show priority 3 at 640px (40em x 16px) */

@media (min-width: 40em) {
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3 {
    display: table-cell;
  }

  .tablesaw-columntoggle tbody td {
    line-height: 2;
  }
}

/* Show priority 4 at 800px (50em x 16px) */

@media (min-width: 50em) {
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4 {
    display: table-cell;
  }
}

/* Show priority 5 at 960px (60em x 16px) */

@media (min-width: 60em) {
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5 {
    display: table-cell;
  }
}

/* Show priority 6 at 1,120px (70em x 16px) */

@media (min-width: 70em) {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6 {
    display: table-cell;
  }
}

@media only all {
  /* Unchecked manually: Always hide */

  .tablesaw-columntoggle th.tablesaw-toggle-cellhidden,
  .tablesaw-columntoggle td.tablesaw-toggle-cellhidden {
    display: none;
  }

  /* Checked manually: Always show */

  .tablesaw-columntoggle th.tablesaw-toggle-cellvisible,
  .tablesaw-columntoggle td.tablesaw-toggle-cellvisible {
    display: table-cell;
  }
}
.tablesaw-sortable-head {
  position: relative;
  vertical-align: top;
}

/* Override */

.tablesaw .tablesaw-sortable-head {
  padding: 0;
}

.tablesaw-sortable-btn {
  min-width: 100%;
  color: inherit;
  background: transparent;
  border: 0;
  text-align: inherit;
  font: inherit;
  text-transform: inherit;
}

.tablesaw-sortable-arrow:after {
  display: inline-block;
  width: 10px;
  height: 14px;
  content: " ";
  margin-left: 0.3125em;
}

.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after,
.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
  content: "\0020";
}

.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after {
  content: "\2191";
}

.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
  content: "\2193";
}

.tablesaw-advance {
  float: right;
}

/*  box */
[class*="boxType"] {
  display: flex;
  border-top: 2px solid #707070;
  border-bottom: 1px solid #707070;
}
.boxType01 {
  height: 203px;
}
.boxType01 .teamName {
  display: flex;
  width: 466px;
  padding: 91px 0 95px;
  text-align: center;
  justify-content: center;
  align-items: center;
}
[class*="boxType"] .teamName a {
  font-size: 16px;
  font-weight: bold;
}
[class*="boxType"] .teamName.win {
  background-color: #eff6f6;
}
[class*="boxType"] .teamName.win a {
  color: #2185bf;
}
.boxType01 .boardTable01 {
  width: 267px;
  margin-top: -1px;
}
[class*="boxType"] .boardTable01 table {
  border: 0 none;
  border-right: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
}
.boxType01 .boardTable01 table tr td {
  padding: 13px 0 13px;
  text-align: center;
}
.boxType02 .teamName {
  width: 441px;
  height: 444px;
  padding: 210px 0;
  text-align: center;
}
.boxType02.height01 .teamName {
  height: 350px;
  padding: 178px 0;
}
.boxType02 .boardTable01 {
  width: 317px;
  margin-top: -1px;
  border-bottom: 1px solid #bfbfbf;
}
.boxType02 .boardTable01 + .boardTable01 {
  border-bottom: 0 none;
}

.bulTxt01 {
  margin-top: 10px;
  padding-left: 23px;
  font-size: 16px;
  position: relative;
}
.bulTxt01::before {
  content: "";
  width: 17px;
  height: 16px;
  background: url("../img/img_bul01.svg") no-repeat 0 0;
  position: absolute;
  top: 4px;
  left: 0;
}
.tournament-players {
  display: flex;
  justify-content: space-between;
}
.tournament-players .box {
  width: 590px;
  height: 636px;
  padding-top: 32px;
  border-radius: 3px;
  border: solid 1px #bfbfbf;
  background-color: #fff;
  box-sizing: border-box;
}
.tournament-players .box h5 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.tournament-players .box .boardTable01 {
  height: 555px;
  overflow-y: auto;
}
.tournament-players .box .boardTable01 table {
  border-top: 1px solid #bfbfbf;
  border-bottom: 0 none;
}
.tournament-players .box .boardTable01 table tr td {
  text-align: center;
  padding: 9px 0;
}
.inquiry-box {
  padding: 98px 0 150px;
  text-align: center;
  border-top: 2px solid #707070;
  border-bottom: 1px solid #707070;
}
.inquiry-box p {
  margin-top: 35px;
  font-size: 16px;
}

/*  tab */
.tabMenu {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.tabMenu li {
  margin-left: 10px;
}
.tabMenu li:first-child {
  margin-left: 0;
}
.tabMenu li a {
  display: block;
  width: 393px;
  height: 50px;
  padding: 13px 0 15px;
  text-align: center;
  border: solid 1px #bfbfbf;
  background-color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.tabMenu li.active a {
  border: solid 1px #2185bf;
  background-color: #eff6f6;
  color: #2185bf;
}
.tabMenu.col05 li a {
  width: 232px;
}

/* 03_토너먼트 상세결과 */
.btns.mob-btns01,
.tournament-details .btns.mob-btns01 {
  display: none;
}

/* 13_역대전적조회 */
.historical-record .graphBox {
  width: 550px;
  height: 400px;
  margin: 0 20px 0 0;
  padding: 10px 39px 10px 38px;
  border-radius: 3px;
  border: solid 1px #bfbfbf;
  background-color: #fff;
}
.historical-record .graphBox h5 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.historical-record .graphBox p {
  margin-bottom: 40px;
  text-align: center;
  font-size: 14px;
}
#matchChart {
  width: 274px !important;
  height: 274px !important;
  margin: 0 auto;
}
.historical-record .boardTable02 {
  width: 630px;
}

/*  21_개인종합포인트_골키퍼포인트 순위 */
.goalkeeper-point-ranking .bulTxt01 {
  margin-bottom: 40px;
}
.abbreviation-explanation {
  padding: 14px 0 16px 20px;
  border-top: 2px solid #707070;
  border-bottom: 1px solid #707070;
}
.abbreviation-explanation ul {
  display: flex;
  flex-wrap: wrap;
}
.abbreviation-explanation ul li {
  width: 228px;
  margin: 0 65px 15px 0;
  font-size: 16px;
}
.abbreviation-explanation ul li:nth-child(n + 9) {
  margin-bottom: 0;
}

/*  22_개인종합포인트_팀별개인종합포인트 */
.team-point-ranking .bulTxt01 {
  margin-bottom: 50px;
}

/* 27_토너먼트결과_typeD */
.tournament-results-typeD .statistic-player + .statistic-player {
  margin-top: 50px;
}
.tournament-results-typeD .statistic-player h5 {
  height: 50px;
  line-height: 49px;
  text-align: center;
  border-top: 2px solid #707070;
  font-size: 16px;
  font-weight: 500;
}
.tournament-results-typeD
  .statistic-player
  [class*="boardTable"]
  + [class*="boardTable"] {
  margin-top: 40px;
}

/*  29_토너먼트 대진표 */
.matchesArea + .matchesArea {
  margin-top: 50px;
}
.matchesArea .top {
  padding: 14px 20px 16px;
  border-top: 2px solid #707070;
  border-bottom: 2px solid #707070;
  font-size: 16px;
  font-weight: 500;
}
.matchesArea .matches-list {
  display: flex;
  padding: 30px 0;
  border-bottom: 1px solid #707070;
}
.matches-list ul {
  position: relative;
}
.matches-list ul li {
  width: 350px;
  height: 50px;
  padding: 13px 15px 15px 20px;
  border: solid 1px #bfbfbf;
  background-color: #fff;
  font-size: 16px;
  font-weight: 500;
  color: #3d3d3d;
  position: relative;
}
.matches-list ul li.type {
  border: solid 1px #2185bf;
  background-color: #eff6f6;
  color: #2185bf;
}
.matches-list ul li + li {
  margin-top: 20px;
}
.matches-list .left-matches {
  width: 528px;
}
.matches-list .left-matches::before {
  content: "";
  width: 1px;
  height: 71px;
  background-color: #bfbfbf;
  position: absolute;
  top: 26px;
  right: 103px;
}
.matches-list .left-matches::after {
  content: "";
  width: 103px;
  height: 1px;
  background-color: #bfbfbf;
  position: absolute;
  top: 60px;
  right: 0;
}
.matches-list .left-matches li {
  text-align: right;
}
.matches-list .left-matches li::after {
  content: "";
  width: 75px;
  height: 1px;
  background-color: #bfbfbf;
  position: absolute;
  top: 25px;
  right: -76px;
}
.matches-list .right-matches {
  width: 527px;
  padding: 35px 0 0 177px;
  box-sizing: border-box;
}
.matches-list .right-matches li {
  text-align: left;
}
.matches-list .right-matches::after {
  content: "";
  width: 177px;
  height: 1px;
  background-color: #bfbfbf;
  position: absolute;
  top: 60px;
  left: 0;
}
.central-board {
  width: 145px;
  height: 122px;
  padding: 13px 40px 15px 39px;
  border: solid 1px #bfbfbf;
  background-color: #fbf9f4;
}
.central-board p {
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.25;
  color: #3d3d3d;
}
.central-board .score {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  color: #2185bf;
}

.chart {
  padding: 20px 0 0 0;
  border-top: 1px solid #bebebe;
}
.chart p {
  margin-bottom: 5px;
  font-size: 16px;
  overflow: hidden;
}
.chart p span {
  display: block;
  float: left;
}
.chart p strong {
  display: block;
  float: right;
  font-family: Roboto;
  font-size: 17px;
  font-weight: 500;
}
[class*="tabType"] {
  display: flex;
}
.tabType01 {
  margin-bottom: 20px;
}
.tabType01 li + li {
  margin-left: 10px;
}
.tabType01 li a {
  display: block;
  width: 172px;
  height: 45px;
  line-height: 43px;
  text-align: center;
  border-radius: 5px;
  border: solid 1px #b1b1b1;
  background-color: #fff;
  font-size: 17px;
  font-weight: 500;
}
.tabType01 li.active a {
  background-color: #3d3d3d;
  color: #fff;
}

/* 레이어 팝업 **/
.modalPop {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(4, 4, 4, 0.47);
  z-index: 500;
}
.modalPop .mediamodal {
  width: 354px;
  min-height: 390px;
  border-radius: 3px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -179px 0 0 -176px;
  padding: 40px 15px 25px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #131313;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 800;
}
.modalPop .mediamodal h4 {
  margin: 10px 0 5px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
}
.modalPop .mediamodal h4 span {
  display: block;
  font-size: 15px;
  font-weight: 400;
}
.modalPop .mediamodal p {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
}
.modalPop .mediamodal .closeBtn {
  position: absolute;
  top: 11px;
  right: 15px;
  background: transparent;
  cursor: pointer;
}

.modalPop [class*=modalLayer] .modalCont {
  padding: 20px 20px 30px;
}

.modalPop .modalLayer-s {
  width: 500px;
}

.modalPop [class*=modalLayer] {
  min-height:300px;
  border-radius: 10px;
  background: #fff;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.16);
  box-sizing:border-box;
  overflow: hidden;
  z-index:500;
}
.modalPop [class*=modalLayer] .modalCont h4 {
  margin-bottom: 20px;
  padding-left: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #3d3d3d;
  position: relative;
}
.modalPop [class*=modalLayer] .modalCont h4::before {
  content: '';
  width: 3px;
  height: 22px;
  background-color: #3498db;
  position: absolute;
  top:4px;
  left: 0;
}

[class*=modalPopBtn]{
  display: inline-block;
  height:30px;
  line-height: 30px;
  padding:0 10px;
  text-align: center;
  font-size:14px;
  font-weight:500;
  border-radius: 3px;
  background-color:#384e7e;
  color:#fff;
}
[class*=modalPopBtn]+[class*=modalPopBtn]{
  margin-left: 3px;
}

.modalPop [class*=modalLayer] .modalClose {
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top:27px;
  right: 20px;
  background: url('../img/closePop.png') center center no-repeat;
  transition: transform 0.4s ease-in-out;
  font-size: 0;
  cursor: pointer;
}
.modalPop [class*=modalLayer] .modalClose:hover {
  transform-origin: center;
  transform: rotate( 90deg );
}
.modalPop [class*=modalLayer] .cancelBtn{
  float: left;
  width: 115px;
  padding: 9px 41px 10px 42px;
  background-color: #bebebe;
}

.apply-list {
  border:1px solid #ddd;
  border-radius: 5px;
}
.apply-list li {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 20px;
}
.apply-list li+li {
   border-top:1px solid #ddd;
}
.apply-list li label {
    font-size: 15px;
    color:#3d3d3d;
}


/*  responsity */
@media (max-width: 1200px) {
  .contTop {
    margin-bottom: 30px;
    padding: 0 20px;
  }
  .sub-section {
    padding: 0 20px;
  }
  .searchBox01 {
    height: auto;
    padding: 25px;
    background: none;
  }
  .searchBox01 ul {
    width: 89%;
  }
  .tournament-players {
    display: block;
  }
  .tournament-players .box {
    width: 100%;
    height: auto;
    padding-top: 15px;
    border: 0 none;
    border-top: 2px solid #707070;
    border-radius: 0;
  }
  .tournament-players .box + .box {
    margin-top: 20px;
  }
  .tournament-players .box h5 {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .tournament-players .box .boardTable01 {
    height: 430px;
  }
  /* .tournament-players .box + .box .boardTable01 {
		height: 425px;	
	}	 */
  .tournament-players .box .boardTable01 table {
    width: 100%;
  }
  .tournament-players .box .boardTable01 table tr:nth-child(n + 10) {
    display: none;
  }

  /* tab */
  .tabMenu {
    justify-content: flex-start;
    margin: 0 20px 20px;
  }
  .tabMenu li {
    width: 34%;
    margin-left: 5px;
  }
  .tabMenu li a {
    width: 100%;
    padding: 13px 0 15px;
    text-align: center;
    font-weight: 400;
  }

  .billboard {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
  }
  .billboard::after {
    content: "";
    width: 36px;
    height: 36px;
    background: url("../img/img_billboard.png") no-repeat 0 0;
    position: absolute;
    top: 17px;
    left: 50%;
    transform: translateX(-18px);
  }
  .billboard > table td {
    /* height: 85px; */
    padding: 20px 15px;
    text-align: center;
    border: solid 1px #bfbfbf;
    border-right: 0 none;
    background-color: #fff;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
  }
  .billboard > table td.win {
    border: solid 1px #2185bf;
    background-color: #eff6f6;
    color: #2185bf;
  }
}

@media (max-width: 1090px) {
  [class*="searchBox"] {
    display: block;
  }
  .searchBox01 {
    padding: 20px;
    background-image: none;
    background-color: #f6f6f4;
  }
  .searchBox01 ul {
    display: block;
    width: 100%;
    padding: 0;
  }
  .searchBox01 ul li:nth-child(2n) {
    margin-left: 0;
  }
  .searchBox01 ul li + li {
    margin-top: 20px;
  }
  .searchBox01 label {
    display: block;
    margin-bottom: 5px;
  }
  .searchBox01 select,
  .searchBox01 input[type="text"] {
    width: 100%;
  }
  .searchBox01 input[type="text"].useDatepicker {
    width: 160px;
  }
  .searchBox01 .inp-width02 {
    width: 100% !important;
  }
  .searchBox01 .searchBtn {
    width: 100%;
    height: 50px;
    margin: 20px 0 0 0;
    padding: 13px 0 15px;
    line-height: 1.47;
  }
  .searchBox02 {
    height: auto;
  }
  .searchBox02 span {
    margin: 0 0 20px 0;
  }
  .searchBox02 span label {
    display: block;
    margin: 0 0 5px 0;
    font-size: 15px;
  }
  .searchBox02 select {
    width: 100%;
  }
  .searchBox02 input.useDatepicker {
    width: 100%;
  }
  .searchBox02 .searchBtn {
    width: 100%;
    height: 50px;
    padding: 13px 0 14px;
    position: static;
  }
}

@media (max-width: 1025px) {
  .subBanner {
    height: 150px;
  }
  .subBanner .inner {
    padding: 57px 0 48px;
  }
  .subBanner .inner h3 {
    font-size: 23px;
  }
  .group-name {
    display: none;
  }
  .subTitArea {
    padding: 0 20px;
  }
  .subTitArea h4 {
    padding-top: 0;
    font-size: 21px;
    font-weight: bold;
  }
  .subTitArea .btns.mob-btns01 {
    width: 90.3%;
    margin-top: 0;
    top: -29px;
    right: auto;
    left: 20px;
  }
  .subTitArea .btns.mob-btns01.col02 .button {
    width: 48%;
  }
  .subTitArea .btns.mob-btns01.col03 .button {
    width: 32%;
    padding: 9px 0 7px;
  }
  .subTitArea .btns.mob-btns01.col03 .button + .button {
    margin-left: 4px;
  }
  .subTitArea .btns.mob-btns01.col04 .button {
    width: 48.5%;
    margin: 0 0 10px 8px;
  }
  .subTitArea .btns.mob-btns01.col04 .button:nth-child(odd) {
    margin-left: 0;
  }
  .subTitArea .btns.mob-btns02 {
    position: static;
  }
  .subTitArea h4.pt50 {
    padding-top: 50px;
  }
  .subTitArea h4.pt105 {
    padding-top: 105px;
  }
  .sub-section .subTitArea {
    padding: 0;
  }
  .sub-section .subTitArea .btns.mob-btns01 {
    width: 100%;
    left: 0;
  }
  .total-sum {
    font-size: 16px;
  }
  .boardTable01 {
    width: 95%;
    margin-left: 20px;
  }
  .sub-section .boardTable01 {
    width: 100%;
    margin-left: 0;
  }
  .boardTable01 + .boardTable01 {
    margin-top: 20px;
  }
  .boardTable01 table,
  .boardTable03 table {
    width: 285%;
  }
  .sub-section .boardTable01 table {
    width: 100%;
  }
  .boardTable01 table.search-result-table td .button-inner {
    width: 100%;
    height: 40px;
    line-height: 37px;
  }
  .boardTable01 .table-action {
    width: 100%;
    border: 0 none;
  }
  .boardTable01 .table-action thead {
    display: none;
  }
  .boxType01 .boardTable01 {
    width: 100%;
  }
  .boxType01 .boardTable01 table {
    width: 100%;
    border: 0 none;
  }
  .table-action tbody,
  .table-action tbody tr,
  .table-action tbody tr td {
    display: block;
  }
  .table-action tbody tr {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ccc;
  }
  .table-action tbody tr td {
    margin-bottom: 10px;
    padding: 0;
    border-bottom: 0 none;
    border-right: 0 none;
    overflow: hidden;
  }
  .table-action tbody tr td:last-child {
    margin-bottom: 0;
  }
  .table-action tbody tr td em {
    display: block;
    float: left;
    width: 19.2%;
    text-align: left;
    font-weight: 500;
  }
  .table-action tbody tr td span {
    display: block;
    float: left;
    width: 80%;
    padding-left: 15px;
    text-align: left;
  }

  [class*="boardTable"] .mob-table {
    background-color: #f2f2f2;
  }
  .mob-table {
    display: block;
  }
  .mob-table colgroup {
    display: none;
  }
  .mob-table tbody {
    display: block;
  }
  .mob-table tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
  .mob-table tbody tr th {
    display: flex;
    align-items: center;
    width: 31%;
    height: 65px;
    min-height: 40px;
    padding: 0 10px;
    text-align: left;
    border-left:0 none;
  }
  .mob-table tbody tr th.mobH01,
  .mob-table tbody tr td.mobH01 {
    height: 65px;
  }
  .mob-table tbody tr td {
    display: flex;
    align-items: center;
    width: 69%;
    height: 65px;
    min-height: 40px;
    padding: 0 10px;
    border: 0 none;
    border-bottom:1px solid #bfbfbf;
    background-color: #fff;
  }
  .boardTable02 .mob-table tr:last-child th,
  .boardTable02 .mob-table tr:last-child td {
    border-bottom: 1px solid#bfbfbf;
  }
  .bulTxt01 {
    margin-left: 20px;
  }
  .sub-section .bulTxt01 {
    margin-left: 0;
  }
  .inquiry-box {
    margin: 0 20px;
    padding: 60px 0 65px;
  }
  .inquiry-box p {
    margin-top: 20px;
    text-align: center;
  }
  .tabMenu.col05 {
    flex-wrap: wrap;
  }
  .tabMenu.col05 li:first-child {
    width: 100%;
    margin-bottom: 10px;
  }
  .tabMenu.col05 li:nth-child(2) {
    margin-left: 0;
  }
  .tabMenu.col05 li {
    width: 23.9%;
  }
  .tabMenu.col05 li a {
    width: 100%;
  }

  /* 종목_Sub */
  .event-sub .table-action td .button-inner {
    width: 100%;
  }
  .event-sub
    .boardTable01
    .tablesaw-stack
    tbody
    tr
    td:last-child
    > .tablesaw-cell-label {
    display: none;
  }
  .event-sub
    .boardTable01
    .tablesaw-stack
    tbody
    tr
    td:last-child
    > .tablesaw-cell-content {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .event-sub .tablesaw-stack td .tablesaw-cell-label {
    width: 19%;
  }
  .event-sub .tablesaw-cell-content {
    max-width: 80%;
  }

  /*  대회상세정보 */
  /* .competition-details .boardTable01 .tablesaw-stack tbody tr td:last-child > .tablesaw-cell-label {
		display: none;
	} 
	.competition-details .boardTable01 .tablesaw-stack tbody tr td:last-child > .tablesaw-cell-content {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
	*/
  .btns.mob-btns01 {
    display: block;
    margin-top: 1.25rem;
  }
  /* 03_토너먼트 상세결과 */
  .tournament-details .btns.mob-btns01 {
    display: block;
    margin-top: 0.9375rem;
  }
  .tournament-details .btns.mob-btns01.col02 .button {
    width: 48%;
  }

  /* 04_상대전적조회 */
  .relative-record-inquiry .btns.mob-btns01 .button {
    width: 100%;
  }

  /* 09_대회경기영상조회 */
  .search-result .movieList {
    display: block;
  }
  .search-result .movieList li {
    width: 100%;
    margin: 20px 0;
  }
  .search-result .movieList li .movie-img {
    width: 100%;
    height: 223px;
  }
  .search-result .movieList li h5 {
    margin: 10px 0;
    font-size: 16px;
  }
  .search-result .movieList p {
    font-size: 15px;
    line-height: 1.67;
  }

  /* 10_통합검색결과 */
  .integrated-search-results {
    padding-bottom: 40px;
  }
  .integrated-search-results
    .tablesaw-stack
    tbody
    td:last-child
    > .tablesaw-cell-label {
    display: none;
  }
  .integrated-search-results
    .tablesaw-stack
    tbody
    td:last-child
    > .tablesaw-cell-content {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .integrated-search-results .search-result {
    padding: 20px 0 0 0;
    border-bottom: 0 none;
  }

  /* 13.역대전적조회 */
  .historical-record .graphBox {
    width: 100%;
    height: 311px;
    margin: 0 0 10px 0;
    padding: 10px 50px 15px;
  }
  .historical-record .boardTable02 {
    width: 100%;
  }

  /* 14. 기록경기일정조회 */
  .record-match-schedule-inquiry
    .tablesaw-stack
    tbody
    td:nth-child(6)
    > .tablesaw-cell-label,
  [class*="record-match-schedule"]
    .tablesaw-stack
    tbody
    td:last-child
    > .tablesaw-cell-label {
    display: none;
  }
  .record-match-schedule-inquiry
    .tablesaw-stack
    tbody
    td:nth-child(6)
    > .tablesaw-cell-content,
  [class*="record-match-schedule"]
    .tablesaw-stack
    tbody
    td:last-child
    > .tablesaw-cell-content {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  [class*="record-match-schedule"] .tablesaw-stack tbody td .button-inner {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  [class*="record-match-schedule"]
    .tablesaw-stack
    tbody
    td
    .button-inner
    .mobView {
    margin-right: 5px;
  }

  /* 18.토너먼트결과_typeA-단체전 */
  [class*="tournament-results-type"] .subTitArea .btns.mob-btns01 {
    top: 653px;
  }
  [class*="tournament-results-type"] .boardTable01 + .boardTable01 {
    margin-top: 0;
  }
  [class*="tournament-results-type"] .boardTable01 + .boardTable01 > table {
    border-top: 0 none;
  }

  /* 19.토너먼트결과_typeB-아이스하키 */
  .tournament-results-typeB .subTitArea .btns.mob-btns01 {
    top: 636px;
  }

  /* 20~22 포인트순위 */
  [class*="point-ranking"] .tabMenu li a {
    height: 60px;
    padding: 8px 0 9px;
    border-radius: 3px;
    font-weight: 500;
  }
  .abbreviation-explanation {
    padding: 20px 0;
  }
  .abbreviation-explanation ul {
    display: block;
  }
  .abbreviation-explanation ul li {
    margin: 0 0 15px 0;
  }
  .abbreviation-explanation ul li:nth-child(9) {
    margin-bottom: 15px;
  }

  /* 24,25 기록경기일정_typeB */
  .box-list {
    padding-top: 20px;
    border-top: 2px solid #707070;
  }
  .box-list ul {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 2px;
    border: solid 1px #ccc;
    background-color: #fff;
  }
  .box-list ul li {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
  }
  .box-list ul li strong {
    width: 30%;
    font-size: 16px;
    font-weight: 500;
    color: #3d3d3d;
  }
  .box-list ul li span {
    width: 70%;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #3d3d3d;
  }
  .box-list ul li:last-child {
    display: block;
  }
  .box-list ul li:last-child .button {
    display: block;
    width: 100%;
  }
  .box-list ul li:last-child .button + .button {
    margin: 5px 0 0 0;
  }

  .record-match-typeB-2 .box-list ul li strong {
    width: 36%;
  }
  .record-match-typeB-2 .box-list ul li span {
    width: 64%;
  }

  /* 27_토너먼트결과_typeD */
  .tournament-results-typeD .subTitArea .btns.mob-btns01 {
    top: 553px;
  }
  .tournament-results-typeD .statistic-player + .statistic-player {
    margin-top: 25px;
  }
  .tournament-results-typeD .statistic-player h5 {
    height: 45px;
    line-height: 44px;
    margin: 0 20px;
  }
  .tournament-results-typeD
    .statistic-player
    [class*="boardTable"]
    + [class*="boardTable"] {
    margin-top: 10px;
  }
}

@media (max-width: 415px) {
  .search-result .movieList li .movie-img {
    width: 374px;
  }

  /* 13_역대전적조회 */
  .historical-record .graphBox p {
    margin-bottom: 30px;
  }
  #matchChart {
    width: 200px !important;
    height: 200px !important;
  }

  /* 29_토너먼트대진표 */
  .matchesArea {
    width: 95%;
    margin-left: 20px;
    overflow-x: auto;
  }
  .matches-table-cont {
    width: 157%;
  }
  .matches-table-cont .matches-list ul li {
    width: 155px;
  }
  .matches-table-cont .matches-list .left-matches {
    width: 333px;
  }
  .matches-table-cont .matches-list .left-matches::before {
    right: 46px;
  }
  .matches-table-cont .matches-list .left-matches li::after {
    width: 39px;
    right: -39px;
  }
  .matches-table-cont .matches-list .left-matches::after {
    width: 46px;
  }
  .matches-table-cont .central-board {
    padding: 13px 20px 15px 20px;
  }
  .matches-table-cont .matches-list .right-matches {
    width: 332px;
  }
  .matches-table-cont .matches-list .right-matches {
    padding: 35px 0 0 85px;
  }
  .matches-table-cont .matches-list .right-matches::after {
    width: 85px;
  }
}

@media (max-width: 390px) {
  .searchBox01 {
    padding: 20px 15px;
  }
  .sub-section {
    padding: 0 15px;
  }
  .searchBox01 input[type="text"].useDatepicker {
    width: 48.5%;
  }
  .boardTable01 .tablesaw-stack tbody tr {
    padding: 20px 15px;
  }
}

@media (max-width: 380px) {
  .searchBox01 {
    padding: 10px;
  }
  .searchBox01 input[type="text"].useDatepicker {
    width: 151px;
  }
  .subTitArea .btns.mob-btns01 {
    width: 89.3%;
  }
  .subTitArea .btns.mob-btns01.col03 .button {
    width: 31.7%;
  }
  .subTitArea .btns.mob-btns01.col04 .button {
    margin: 0 0 10px 6px;
  }
  .boardTable01 table.search-result-table tr {
    padding: 10px;
  }
  .boardTable01 table.search-result-table em {
    width: 19%;
  }
  .boardTable01 .tablesaw-stack tbody tr {
    padding: 20px 10px;
  }
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    width: 26%;
  }
  .tablesaw-cell-content {
    max-width: 73%;
    padding-left: 5px;
  }
  .mob-table tbody tr th {
    width: 32%;
    font-size: 15px;
  }
  .mob-table tbody tr td {
    width: 68%;
    font-size: 15px;
  }
  .table-action tbody tr td em {
    width: 19.5%;
  }
  .tabMenu.col05 li {
    width: 23.8%;
  }
  .bulTxt01 {
    font-size: 15px;
  }
  .billboard::after {
    width: 30px;
    height: 30px;
    background-size: contain;
  }
  .billboard > table td {
    font-size: 15px;
  }

  /* 09_대회경기영상조회 */
  .search-result .movieList li .movie-img {
    width: 100%;
  }
  /* 27_토너먼트결과_typeD */
  .tournament-results-typeD .statistic-player h5 {
    margin: 0 10px;
  }
  /* 29_토너먼트대진표 */
  .matches-table-cont {
    width: 173%;
  }
}

@media (max-width: 360px) {
  .contTop {
    margin-bottom: 15px;
    padding: 0 10px;
  }
  .sub-section,
  .subTitArea {
    padding: 0 10px;
  }
  .subTitArea .btns.mob-btns01 {
    width: 94.5%;
    left: 10px;
  }
  .boardTable01 {
    width: 97%;
    margin-left: 10px;
  }
  .table-action tbody tr {
    padding: 10px;
  }
  .bulTxt01 {
    margin-left: 10px;
    font-size: 14px;
  }
  .inquiry-box {
    margin: 0 10px;
  }
  .tabMenu {
    margin: 0 10px 20px;
  }
  /* 29_토너먼트대진표 */
  .matches-table-cont {
    width: 181%;
  }
}

/*  240802 마우스오버시 손가락 start */
.tournament-list li .state {
  width: 97px;
  height: 48px;
  padding: 11px 0 14px;
  text-align: center;
  border-radius: 3px;
  border: solid 1px #b6b6b6;
  background-color: #fff;
  font-size: 17px;
  cursor: pointer;
}
/* 240802 마우스오버시 손가락 end */

/* 240802 전전분석 안보이게 start */
.main-section05 {
  display: none;
  padding: 70px 0 257px;
  border-bottom:1px solid #e1e1e1;
  background: url('../img/bg_main01.png') no-repeat 295px 70px;
  position: relative;
}
/* 240802 전전분석 안보이게 end */

/* 240802 경기영상 안내문 start */
.subTitArea h4 .references {
  font-size: 15px;
  font-weight: 500;
  color:#3fa6c9;   
}
/* 240802 경기영상 안내문 end */