.visual{ position:relative; width:100%; }
.visual img{ width:100%; }
.visual .visualTxt{ position:absolute; top:1rem; right:1rem; }
.visual .visualTxt p, .visual .visualTxt p strong{ color:#fff; }
.visual .visualTxt p{ text-align:right; font-size:16px; font-weight:400; padding:0.2rem 0; }
.visual .visualTxt p strong{ font-weight:600; font-size:18px; }

.bannerCard{ position:relative; padding:0 1.2rem; margin-top:-70px; z-index:11; }
.bannerCard .banCardWrap{ display:flex; background:#f5f5f5; border-radius:1rem; width:100%; padding:0 1rem; }
.bannerCard div .cardIconImg{ height:4rem; width:4rem; margin:auto; text-align:center; background-size:contain; background-repeat:no-repeat; }
.bannerCard div p{ margin-top:0.88rem; text-align:center; font-size:0.88rem; }
.bannerCard .visCardLeft{ background:#ea002c; padding:1.5rem 1rem; }
.bannerCard .visCardLeft p{ color:#fff }
.bannerCard .visCardRight{ padding:1.5rem 0 1.5rem 1rem; }
.bannerCard .visCardRight ul{ display:flex; flex-wrap:wrap; gap:1rem; }
.bannerCard .visCardRight ul li{ width:30%; }
.bannerCard .visCardLeft .cardIconImg{ background-image:url(../images/icon01.png); }
.bannerCard .visCardRight ul li:nth-child(1) .cardIconImg{ background-image:url(../images/icon02.png); }
.bannerCard .visCardRight ul li:nth-child(2) .cardIconImg{ background-image:url(../images/icon03.png); }
.bannerCard .visCardRight ul li:nth-child(3) .cardIconImg{ background-image:url(../images/icon04.png); }
.bannerCard .visCardRight ul li:nth-child(4) .cardIconImg{ background-image:url(../images/icon05.png); }
.bannerCard .visCardRight ul li:nth-child(5) .cardIconImg{ background-image:url(../images/icon06.png); }
.bannerCard .visCardRight ul li:nth-child(6) .cardIconImg{ background-image:url(../images/icon07.png); }

.mainCom{ margin-top:2rem; padding:0 1.2rem; }
.mainCom h2 { width:100%; font-size:1.3rem; font-weight:600; color:#000 }
.mainCom h2 span{ color:#ea002c; font-size:1.6rem; font-weight:600; }
.mainCom h2 a{ float:right; margin-right:0; margin-top:0.3rem; font-size:0.88rem;  }
.mainCom h2:after{ content:''; display:block; clear:both; }
.mainComCont{ margin-top:1rem; }

.mainCom .moreBtn{ width:1.35rem; margin-top:0.2rem; }
.mainCom .moreBtn img{ width:100%; }
.smallTit{ font-size:1rem; text-align:center; margin-top:0.8rem; }
.smallTit strong{ font-weight:600; }

.mainNotice .noticeCont{ border-top:4px solid #000; }
.mainNotice .noticeCont .noticeLst{ padding:0.7rem 0.5rem; border-bottom:1px solid #d7d7d7 }
.mainNotice .noticeCont .noticeLst h3, .mainNotice .noticeCont .noticeLst p{ padding-left:1rem; }
.mainNotice .noticeCont .noticeLst h3{ position:relative; font-size:1rem; font-weight:500 }
.mainNotice .noticeCont .noticeLst h3:after{ content:''; position:absolute; left:0; top:0.6rem; width:0.35rem; height:0.35rem; background:#ea002c; }
.mainNotice .noticeCont .noticeLst .data{ font-size:0.88rem; color:#777; margin-top:0.5rem; }

.mainNews{ position:relative; background:#f5f5f5; padding:1rem 1.2rem 1.8rem; }
.mainNews h2 span{ position:relative; }
.mainNews h2 span:after{ content:''; position:absolute; top:-1.3rem; left:0; width:100%; height:0.6rem; background:#ea002c }
.newsWrap{ display:flex; gap:1rem; }
.newsWrap .newsLst{ width:50%; border-radius:1rem; background:#fff; box-shadow:0 0.2rem 0.2rem rgba(0,0,0,.3) }
.newsWrap .newsLst img{ width:100%; }
.newsWrap .newsLst > p{ width:100%; padding:1rem; background:#777; border-radius:1rem 1rem 0 0; color:#fff; font-size:0.88rem; }
.newsWrap .newsLst .newsCont{ padding:1rem; }
.newsWrap .newsLst .newsCont p{ height:4rem; margin-bottom:1rem; }


.schedulBox{ margin-top:1.3rem; }
.schedulBox.swiper{ overflow:inherit }
.schedulBox .schLst{ border:0.1rem solid #ea002c; border-radius:1rem; box-shadow:0 0.3rem 0.3rem rgba(0,0,0,.3); }
.schedulBox .schLst .schTop{ background:#ea002c; padding:1.5rem 1.2rem; border-radius:1rem 1rem 0 0; }
.schedulBox .schLst .schTop p{ color:#fff; font-family:'Gmarket sans', sans-serif; }
.schedulBox .schLst .schTop p.schTopTxt{ font-size:0.8rem; }
.schedulBox .schLst .schTop p.schTopData{ font-size:1.2rem; font-weight:600 }
.schedulBox .schLst .schCont{ position:relative; padding:1.5rem 1.2rem; }
.schedulBox .schLst .schCont h3{ font-weight:600; font-size:1.3rem; color:#000; height:6rem; }
.schedulBox .schLst .schCont .schDataBox{ border-top:0.1rem solid #d7d7d7; padding-top:1rem; }
.schedulBox .schLst .schCont .schDataBox{ display:flex; }
.schedulBox .schLst .schCont .schDataBox .schDt{ width:12rem; }
.schedulBox .schLst .schCont .schDataBox .schBtn{ position:absolute; width:4.5rem; height:4.5rem; right:1.5rem; bottom:0.56rem; border-radius:100%; display:flex; align-items:center; justify-content: center; border:0.2rem solid #fff; box-shadow:0 0.1rem 0.2rem rgba(0,0,0,0.3); background:#333 }
.schedulBox .schLst .schCont .schDataBox .schBtn p{ color:#fff }
.schedulBox .schLst .schCont .schDataBox .schBtn.acceping{ background:#ea002c }
.schedulBox .schLst .schCont .schDataBox .schBtn.acceping p{ color:#fff; }
.schPrev{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:99; width:100%; box-sizing: border-box; }
.schPrev div{ background:#fff; border-radius:100%; width:2.5rem; height:2.5rem; border:0.15rem solid #ea002c }
.schPrev div { width:2.5rem; height:2.5rem; }
.swiper-button-next:after, .swiper-button-prev:after{  display:none; }
.schPrev div{ background-image: url(../images/next.png); width:3rem; height:3rem; background-color:#fff; background-repeat:no-repeat; background-size:cover; border-radius:100%; border:0.2rem solid #ea002c }
.schPrev .swiper-button-next.swiper-button-disabled, .schPrev .swiper-button-prev.swiper-button-disabled{ border:0.2rem solid #999; background:url(../images/next_dash.png); background-size:cover; background-repeat:no-repeat; }
.schPrev .swiper-button-prev, .schPrev .swiper-button-prev.swiper-button-disabled{ transform:rotate(-180deg) }

.bannerNot h2{ font-size:1.8rem; font-weight:600; color:#000; }
.bannerNot h2 span{ color:#ea002c; padding-right:0.2rem; }
.bannerNot p{ width:100%; padding:1rem 0; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; }

.bannerNot{ position:relative; max-width:1440px; margin: auto; padding-top:calc(450/140 * 2rem); background-size:100% 6rem; }
.bannerNot:before{ content:''; position:absolute; width:100%; height:6rem; background:url(../images/banner_M.png)no-repeat top; background-size:contain; left:0; top:0; }
.bnNotWrap{ display:flex; flex-direction: column; gap:1rem; }
.bnNotWrap > div{ width:100%; }

.higCont .higThumb{ position:relative; width:100%; height:0; padding-top:calc(1000/100 * 1.6rem); }
.higCont .higThumb iframe, .higCont .higThumb img{ position:absolute; top:0; left:0; width:100%; height:100%; }
.higCont .higThumb img{ object-fit: cover; }

.sponser{ position:relative; width:17rem !important; height:15rem; background:#fff; box-shadow:0.2rem 0 0.5rem rgba(0,0,0,.3); margin:-2.4rem auto 2rem; border-radius:0 0 2rem 2rem;  padding:6rem 1.2rem 1rem }
.sponser .sponserTit{ color:#fff; background:url(../images/sponTitle.png)no-repeat center; background-size:contain; position:absolute; width:11rem; height:5.5rem; top:-1.3rem; left:3rem; z-index:11; }
.sponser .sponserTit span{ position:absolute; left:1rem; bottom:1rem; color:#fff; font-size:1.8rem; font-weight:300 }
.sponser .sponserTit span i{ font-weight:600 }
.sponSwiper{ height:100%; }
.sponser .sponCont{ height:100%; }
.sponser .sponLst{ height:3.8rem; text-align:center; }
.sponser .sponLst img{ width:100%; height:100%; object-fit:contain; }

.sponser .sponSwiper{ margin-top:0; }
.sponser .swiper-pagination-bullets, .sponser .swiper-pagination-bullets.swiper-pagination-horizontal, .sponser .swiper-pagination-custom, .swiper-pagination-fraction{ position:absolute; bottom:0; }
.sponser .swiper-pagination-bullet{ border-radius:0; width:28%; height:0.2rem; }
.sponser .swiper-pagination-bullet-active{ background:#ea002c }

.infoServ{ max-width:1440px; margin:auto; background:url(../images/mainBan02_M.png)no-repeat; background-size:cover; padding:2rem 2rem 1.5rem; border-radius:1rem; }
.infoServ h2{ color:#fff; font-size:1.5rem; font-weight:600; text-align:center; }
.infoServ > p{ text-align:center; color:#fff; margin-top:0.8rem; font-size:1rem; }
.infoServ .infoServCont{ display:flex; gap:1rem; flex-direction: column; margin-top:1.5rem; }
.infoServ .infoServCont .infoServLst{ width:100%; background:#fff; padding:1rem 1rem; border-radius:0.5rem; }
.infoServ .infoServCont .infoServLst p{ position:relative; font-weight:600; padding-left:1rem; font-size:1rem; }
.infoServ .infoServCont .infoServLst p:after{ content:''; position:absolute; width:0.5rem; height:0.5rem; background:#ea002c; left:0; top:0.7rem; }
.infoServ .infoServCont .infoServLst p span{ padding-left:0.5rem; color:#666; font-size:0.8rem; }

.fenWrap{ padding:0; }
.fenWrap h2{ text-align:center; }
.fenIc{ vertical-align:middle; padding-left:1rem; }
.fencers{ position:relative; max-width:1440px;  margin:auto; background:url(../images/fencBan.png)no-repeat bottom; background-size:contain }
.fencers h2{ color:#000; font-weight:600; font-size:1.8rem; text-align:center; }
.fencersTab{ margin:auto; display:flex; flex-direction:column; align-items: center; margin:1.5rem 0; }
.fencersTab > ul{ border:1px solid #d7d7d7; width:15rem; display:flex; border-radius:5rem; justify-content:space-between; }
.fencersTab > ul > li{ padding:0.8rem 1.3rem; background:#fff; font-weight:600; border-radius:5rem; box-sizing: border-box; cursor:pointer; }
.fencersTab > ul > li:hover, .fencersTab > ul > li.active{ background:#ea002c; color:#fff; transition: .3s; }
.fenTabCont{ display:none;}
.fenTabCont.active{ display:block; }
.fencCont{ margin-top:3rem; width:100%; display:flex; gap:1rem; justify-content: center; }
.fencCom{ position:relative; display:flex; gap:1rem; background:#fff; padding: 2rem 1rem 1rem 2rem; border-radius:1rem; border:0.2rem solid #d7d7d7; box-shadow:0 0 0.4rem rgba(0,0,0,.3); }
.fencCom:after{ content:''; position:absolute; width:0.5rem; height:100%; background:#ea002c; left:0; top:0; border-radius:1rem 0 0 1rem; }
.fencCom .fenImg{ position:relative; width:6rem; height:6rem; border-radius:1rem; border:0.15rem solid #ea002c; }
.fencCom .fenImg:after{ content:''; position:absolute; top:-1.5rem; left:50%; transform:translateX(-50%); width:2rem; height:1.5rem; background:url(../images/fenWin.png)no-repeat; background-size:contain; }
.fencCom .fenImg img{ width:100%; height:100%; object-fit:cover; border-radius:1rem; }
.fencCom .fencInfo{ width:100%; }
.fencCom .fencInfo p{ color:#ea002c; font-weight:500; font-size:0.88rem; }
.fencCom .fencInfo h3{ position:relative; color:#000; font-size:1.6rem; font-weight:600; margin-top:0.4rem; z-index:9 }
.fencCom .fencInfo h3:after{ content:''; position:absolute; width:100%; height:1rem; background:#f5f5f5; left:0; bottom:0; z-index:-1 }
.fencCom .fencInfo ul { margin-top:1rem; }
.fencCom .fencInfo ul li{ margin:0.4rem 0; line-height:1.5 }
.fencCom .fencInfo ul li .fencDl{ width:6rem; display:inline-block; }

.bottomBaner{ background:url(../images/mainBotBan.png)no-repeat top center; width:100%; height:8rem; background-size:cover; padding:1rem; display:flex; flex-direction: column; align-items:center; justify-content: center; gap:0.5rem; }
.bottomBaner p, .bottomBaner p a { text-align:center; color:#fff; }
.bottomBaner a { font-size:1.5rem; font-weight:600 }


.fencWrap{ position:relative; max-width:1440px; margin: 2rem auto 0; }
.fencPlayer .slick-list{ display:flex; align-items:center; padding:1rem; height:28rem; }
.fencPlayer .slick-track{ display:flex; align-items:center; }
.fencPlayer .fenLst{ box-shadow:0 0 0.5rem rgba(0,0,0,.3); margin:0.5rem; border-radius:1rem; padding:1rem; display:flex !important; flex-direction:column; align-items:center; }
.fencPlayer .fenLst .fenProf{ width:5rem; height:5rem; border-radius:100%; margin:1.5rem 0; overflow:hidden; }
.fencPlayer .fenLst .fenProf img{ width:100%; height:100%; }

.fencPlayer .fenLst.slick-center{ width:23rem !important; height:26rem; text-align:center; background:url(../images/fenBg.png)no-repeat; background-size:cover; padding:0 1rem 1rem; }
.fencPlayer .fenLst.slick-center .fenTit{ padding:1rem 1.5rem; background:#000; border-radius:0 0 1rem 1rem; }
.fencPlayer .fenLst.slick-center .fenTit p{ color:#ffe8ab; font-size:0.8rem; margin-bottom:0.3rem; }
.fencPlayer .fenLst.slick-center .fenTit h3{ font-size:1.5rem; color:#fff; font-weight:600 }
.fencPlayer .fenLst.slick-center .fenProf{ width:8rem; height:8rem; }
.fencPlayer .fenLst.slick-center .fenUl ul{ text-align:left; }
.fencPlayer .fenLst.slick-center .fenUl ul li { padding:0.4rem 0; }
.fencPlayer .fenLst.slick-center .fenUl ul li span{ color:#fff; }
.fencPlayer .fenLst.slick-center .fenUl ul li span.fencDl{ width:8rem; display:inline-block; }
.fencPlayer .fenLst.slick-center .fenCent{ display:block; }
.fencPlayer .fenLst.slick-center .fenRow{ display:none; }
.fencPlayer .fenLst .fenCent{ display:none; }
.fencPlayer .fenLst .fenRow{ display:block; }
.fencPlayer .slick-dots{ width:83%; display:flex !important; bottom:0 }
.fencPlayer .slick-dots li{ width:100%; text-indent:-9999px; background:#d7d7d7; height:0.2rem; }
.fencPlayer .slick-dots li.slick-active{ background:#ea002c }
.fencPlayer .slick-dots li button{ width:100%; }
.fencPlayer .slick-arrow, .fencPlayer .slick-next:focus{ position:absolute; left:auto; top:auto; right:0; width:2rem; height:2rem; text-indent:-9999px; background-color:transparent; border-radius:100%; border:0.12rem solid #777; background:url(../images/next_dash.png) no-repeat; background-size:contain; }
.fencPlayer .slick-next:focus{ background:#fff url(../images/next_dash.png) no-repeat !important; background-size:contain }
.fencPlayer .slick-prev.slick-arrow, .fencPlayer .slick-prev:focus { right:5rem; bottom:-0.9rem; transform:rotate(-180deg) }
.fencPlayer .slick-next.slick-arrow { bottom:-1.8rem; }

.slick-dots li button:before{ opacity: 0 !important; }

.fencWrap .playBtn{ position:absolute; right:2.5rem; bottom:-0.5rem; width:2rem; height:2rem; display:flex; align-items:center; justify-content: center; }
.fencWrap .playBtn .btn_pause{ background:url(../images/play.png)no-repeat; text-indent:-9999px; width:1rem; height:1rem; outline: none; border:none; background-size:contain; }
.fencWrap .playBtn .btn_pause.on{ background: url(../images/play-button.png)no-repeat; background-size:contain }



@media(max-width:780px){

    .sponser{ width:14rem !important; height:13rem; padding-top:4.5rem; }
    .sponser .sponserTit{ width:9rem; height:4rem; top:-0.8rem; }
    .sponser .sponserTit span{ font-size:1.5rem; bottom:0.5rem; }

    .bannerNot{ padding-top:calc(310/140 * 2rem) }
    .bannerNot h2{ font-size:1.5rem; top:-1.5rem; }

    .fencersTab{ margin-bottom:0; }
    .fencers{ background:none; }
    .fencCont{ flex-direction: column; background:#f5f5f5; background-image:none; padding:2rem 1.2rem; margin-top:0; }

    .bottomBaner{ height:8rem; gap:0.5rem; }
    .infoServ h2{ font-size:1.3rem; }
    .bottomBaner a{ font-size:1.5rem; }
    
    .fencWrap{ width:100%; max-width:780px; }
    .playerInfo{ padding:0; }
    .playerInfo h2, .playerInfo h2{ padding:0 1.2rem; }
    .fencPlayer .fenLst .fenProf{ margin:0.5rem 0; }
    .fencPlayer .fenLst.slick-center{ min-width:19.5rem !important; height:21rem; }
    .fencPlayer .fenLst.slick-center .fenProf{ width:6rem; height:6rem; }
    .fencPlayer .fenLst.slick-center .fenTit{ padding:0.5rem 1rem; }
    .fencPlayer .fenLst.slick-center .fenTit p{ font-size:0.7rem; }
    .fencPlayer .fenLst.slick-center .fenTit h3{ font-size:1.2rem; }
    .fencPlayer .fenLst.slick-center .fenUl ul li{ padding:0.1rem 0; }
    .fencPlayer .fenLst.slick-center .fenUl ul li span{ font-size:0.88rem; }
    .fencPlayer .fenLst.slick-center .fenUl ul li span.fencDl{ width:6.8rem; }
    .fencPlayer .fenLst.slick-center .fenUl ul li span + span{ display:inline-block; width:calc(100% - 7.5rem); }
    .fencPlayer .slick-dots{ position:absolute; left:1.2rem; width:75%; bottom:0.3rem; }
    .fencPlayer .slick-arrow{  }
    .fencPlayer .slick-next.slick-arrow{ position:absolute; right:1.2rem; bottom:-1.5rem; }
    .fencPlayer .slick-prev.slick-arrow{ right:6rem; bottom:-0.6rem; }
    .fencWrap .playBtn{ bottom:-0.6rem; right:3.4rem; }
}

@media(max-width:480px){

    .infoServ{ padding:2rem 1rem 1.5rem }
    .infoServ > p{ font-size:0.88rem; }

    .fencCom{ height:18.5rem; }
    .fencCom .fencInfo p{ margin-top:1rem; }
    .fencCom .fencInfo ul{ position:absolute; margin-top:1rem; left:2rem; top:8rem }
    .fencCom .fencInfo ul li .fencDl{ width:7rem; }
    .fencCom .fencInfo ul li span{ font-size:0.88rem; }
    
    .fencWrap .playBtn{ right:3rem; }
    .fencPlayer .fenLst.slick-center{ width:17.5rem !important; }
    .fencPlayer .fenLst.slick-center .fenCent{ margin-top:1rem; }
    .fencPlayer .slick-prev.slick-arrow{ right:5.5rem; }
    .fencPlayer .slick-dots{ width:55%; bottom:0.4rem; }

}