@charset "utf-8";

.sec{position: relative;width: 100%;color: var(--white-100);padding:8rem 0;}
.sec + .sec {padding-top:0;}
.r-btn,a.r-btn{width: 16rem;padding: 1rem 2rem;border-radius: 3rem;box-sizing: border-box;}
.r-btn span{position: relative;color: var(--white-100);}
.r-btn span::after{content: "";display:inline-block;width: 1.5rem;height: 1.5rem;margin-left: 0.4rem;background: url(../../image/zeusfc/zeus_icon_wrap.png) -150px 0;vertical-align: middle;}

/* ==비주얼== */
.visual{/* height: 90vh; */ height:940px; background: url(../../image/zeusfc/main/v_01.png) no-repeat;background-size: cover;}
.visual .inner{position: relative;height: inherit;padding:5rem;}
.visual .plan-pre{position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 60rem;padding: 4.5rem 2.5rem;color: var(--white-100);text-align: center;border-radius: 0.8rem;box-sizing: border-box;}
.visual .plan-pre .match_list::-webkit-scrollbar{width: 1rem;padding: 0.3rem;}
.visual .plan-pre .match_list::-webkit-scrollbar-thumb{background-color: var(--black-50);border-radius: 30rem;background-clip:padding-box;border: 3px solid transparent;}
.visual .plan-pre .match_list::-webkit-scrollbar-track{background-color: transparent;}
.visual .plan-pre .match_list .per-name {overflow:hidden; display:-webkit-box; width:10rem; padding:0; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical}
.plan-pre .title{font-size: var(--title-sm);font-weight: 600;}
.plan-pre .item{padding: 2rem 0;border-bottom: var(--border-gray);}
.plan-pre .item:last-child{border: 0;}
.visual .per-img{width: 10rem;height: 10rem;border-radius: 50%;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden;aspect-ratio:1;}
.visual .match-per{font-size:var(--body-xlg);}
.visual .per-l, .visual .per-r{justify-content: space-between;gap: 2rem;}
.plan-pre .match_list{border-top:0px}
/* ==뉴스== */
.news-bnr{width: 100%;padding: 1.5rem 0;background-color: var(--white-100);}
.news-bnr .inner{display: flex;align-items: center;}
.news-bnr .title{position: relative;;font-size: var(--title-sm);font-weight: 500;}
.news-bnr .title::before{content: "";display: inline-block;width: 20px;height: 20px;padding-left:1.2rem ;background: url(../../image/zeusfc/zeus_icon_wrap.png) -90px 0 no-repeat;}
.news-cont{width: calc(100% - 13rem);margin-left:3rem;overflow: hidden;}
.news-cont .item {padding: 1rem 0;;}
.news-cont .item a{display: flex;justify-content: space-between;}
.news-cont .item .desc{width: calc(100% - 10rem);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/* ==콘텐츠== */
.cont-wrap{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 3.2rem;}
.mma-wrap {position:absolute; top:2.5rem; left:0; display:flex; justify-content:center; align-items:center; gap:1.5rem; width:35rem; height:8rem; padding:1rem; font-weight:500; color:#fff !important; border-radius:0.8rem; background:var(--bb-gradient); box-sizing:border-box;}
.mma-wrap img {max-height:90%;}

/* ==대진사진 슬라이드== */
.match-slide {position:absolute;left:0;top:12rem;width:35rem;}
.match-slide .slide-cont {overflow:hidden; border-radius:0.8rem;}
.match-slide .match-img {width:35rem;height:44rem;background-size:cover; background-repeat:no-repeat; background-position:center top;}
.match-slide .control {display:flex;justify-content:flex-end;margin-top:2rem;}

/* 모집공고 슬라이드  */
.recru-slide{position:absolute;left:0;;bottom:5rem;width:35rem;color:var(--white-100);}
.recru-slide .control{display:flex;justify-content:flex-end;margin-top:2rem;}
.cont-title{position:relative;height:8.5rem;margin-bottom:2rem;font-size:var(--title-sm);line-height:2.8rem;box-sizing:border-box;z-index:2;}
.cont-title::after{content:"";position:absolute;top:0;right:0;width:13rem;height:13rem;background:url(../../image/zeusfc/main/recru_wrap.png) no-repeat;}
.audition-recru .cont-title{padding-top:0.5rem;font-family: 'Yeongwol';font-size:var(--title-xlg);}
.audition-recru .cont-title b{font-weight:400;}
.audition-recru .cont-title span{font-family: 'SCDream';font-size:var(--body-xsm);letter-spacing:0.3rem;font-weight:300;}
.audition-recru .cont-title::after{background-position:0 0;}
.partner-recru .cont-title{font-family: 'Gmarket';transform: rotate(-0.1deg);}
.partner-recru .cont-title::after{background-position:0 -130px;}
/* 이벤트 슬라이드 */
.evnet-slide{position: relative;width:40rem;height:47.5rem;border-radius: 1.4rem;overflow: hidden;box-sizing: border-box;/*400*415(8:8.3*/}
.evnet-slide .slide-cont{position: relative;width: 100%/* 40rem */;height:40rem;overflow: hidden;aspect-ratio:8/8.3;object-fit: cover;}
.evnet-slide .slide-item, .evnet-slide .slide-item a{display:flex;width: 100%;height: auto;justify-content:center;align-items:center;}
.evnet-slide .slide-cont img{width: 100%;height:auto;;max-height: 100%;object-fit: cover;}
.slide-cont img{width: 100%;height: 100%;object-fit: cover;}
/* 컨트롤 */
.evnet-slide .control{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 7.5rem;padding: 3rem;font-weight: 500;background-color: var(--primary);box-sizing: border-box;}
.tb_wrap{display: flex;align-items: center;}
.total span{display: inline-block;padding: 0 1rem; vertical-align: middle;box-sizing: border-box;}
.control .current{color: var(--point);}
.control .count{color: var(--white-100);}
.control .line{display: inline-block;width: 1.5rem;height: 1px;background-color: var(--white-100);vertical-align: middle;}
.tb_wrap button{width: 0.8em;height: 2.1rem;padding: 0 1.2rem;background: url(../../image/zeusfc/zeus_icon_wrap.png) -90px -30px no-repeat;vertical-align: middle;}
.control .prev{background-position:-90px -30px;}
.control .stop{background-position:-120px -30px;}
.control .play{background-position:-120px -60px;display: none;}
.control .next{background-position:-150px -30px;}
/*선수*/
.fighter{position: relative;display: flex;flex: 1;justify-content: space-between;flex-direction: column;width: 38rem;height: 47.5rem;padding: 4rem;border-radius: 1.4rem;background-color: var(--primary);box-sizing: border-box;}
.fighter::before{content: "";position: absolute;bottom:0;right:-24px ;width: 258px;height: 398px;background: url(../../image/zeusfc/main/fighter-01.png)no-repeat;}
.fighter h2{font-size: var(--title-lg);font-family: 'Gmarket';font-weight: 500;}
/* 유튜브 */
.video iframe{ width:100%;height:315px;border:0;}
/*바로가기 링크*/
.link-wrap{display: flex;justify-content: space-between;flex-direction: column;gap: 2rem;width: calc(100% - 85rem);}
.q-link{display: flex;align-items: center; width: 100%;padding: 2rem;background-color: var(--primary);border-radius: 1.4rem;box-sizing: border-box;}
.q-link a{flex: 1;position: relative;;padding-top: 6rem;text-align: center;font-size: var(--body-xlg);font-weight: 600;border-right: var(--border-primary);transition: color 0.3s ease-in-out;}
.q-link a:last-child{border: 0;}
.q-link a:hover,.q-link a:active,.q-link a:focus{color: var(--point);} 
.q-link a::before{content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 5.4rem;height: 5.1rem;background: url(../../image/zeusfc/zeus_icon_wrap.png) 0 -242px no-repeat;}
.q-link .gym::before{background-position: -60px -242px;}
/*콘텐츠 탭*/
.contents .sns{display: flex;justify-content: space-between;gap: 3.2rem;height: 39rem;margin-top: 5rem;}
.contents .sns-content{display: none;width: calc(100% - 23.2rem);}
.contents .sns-content.on{display: flex;}
.contents .news, .contents .thumb-list{margin: 0;}
.contents .thumb-list .article{padding: 2rem 0 0 0;}
.contents .thumb-list .thumbnail{height: 100%;}
.contents .thumb-list .thumbnail{height: 24rem;}
.sns-tab{position: relative;display: flex;flex-direction: column;width: 20rem;}
.sns-tab button.sns-tab-list{padding: 1.4rem 0;font-size: var(--title-xsm);font-weight: 500;color: var(--gray-30);border-bottom-right-radius: 3rem;border-top-right-radius: 3rem;cursor: pointer;transition: all 0.3s ease-in-out;box-sizing: border-box;}
.sns-tab button.on:not(.plus-wrap){width: 100%;;padding: 1.2rem 0 1.2rem 3.2rem;color: var(--white-100);font-weight:600;background-color: var(--point);}
.sns-tab button:not(.plus-wrap)::after{content: "";display: inline-block;width: 1.5rem;height: 1.5rem;margin-left: 0.4rem;background: url(../../image/zeusfc/zeus_icon_wrap.png) 0 -30px no-repeat;vertical-align: middle;}
.sns-tab button.insta::after{background-position: 0 -30px;}
.sns-tab button.news::after{background-position: -30px -30px;}
.sns-tab button.ytb::after{background-position: -60px -30px;}
.sns-tab button.insta.on::after{background-position: 0 -60px;}
.sns-tab button.news.on::after{background-position: -30px -60px;}
.sns-tab button.ytb.on::after{background-position: -60px -60px;}
.plus-wrap{position: absolute;bottom: 0;left: 0;width: 100%;}
.plus-btn{display: flex;justify-content: center;align-items: center;width: 100%;padding: 1rem;border: var(--border-gray);box-sizing: border-box;}
.plus-btn::before{content: "";display: block;width: 18px;height: 18px;background: url(../../image/zeusfc/zeus_icon_wrap.png) -240px -30px no-repeat;}
/* ==퀵배너== */
.gr-banner-wrap{display: flex;justify-content: space-between;gap: 4rem;}
.gr-banner{position: relative;display: flex;justify-content: space-between;flex-direction: column;flex:1;height: 34rem;padding: 4.6rem 6rem;;border-radius: 1.8rem;background-image: var(--bb-gradient);overflow: hidden;box-sizing: border-box;}
.title-wrap{position: relative;z-index: 1;}
.gr-banner .title{font-size: var(--title-xlg);font-weight: 600;}
.gr-banner .title::before{content: "";display: block;width: 12.4rem;height: 2.6rem;margin-bottom:1rem;background: url(../../image/zeusfc/zeus_logo.svg) no-repeat; opacity:0.5;}
.gr-banner.regi::before{content: "";position: absolute;bottom: -60px;right: -15px;width: 294px;height: 340px;background: url(../../image/zeusfc/main/fighter-02.png)no-repeat;}
.gr-banner.shop::before{content: "";position: absolute;bottom: 0;right: -15px;width: 301px;height: 173px;background: url(../../image/zeusfc/main/goods.png)no-repeat;}
/* ==스폰서 배너== */
.s-bnr{height:10rem ;background-color: var(--white-100);}
.s-bnr .inner{width: 100%;height: inherit;overflow: hidden;}
.Sbnr-list{display: flex;align-items: center;gap: 10rem;width: max-content;height: 100%;animation: scroll 40s linear infinite;}
.Sbnr-list>div{width:18rem;height:3.2rem;}
.Sbnr-list>div img{display:block;height: 3.2rem;margin:0 auto;object-fit:contain;}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* 모바일 */
@media screen and (max-width:1400px){
    .visual{background-position: center;}
    .visual .plan-pre {left:2.5rem; top:2.5rem; transform:translateY(0); width: calc(100% - 5rem);}
    .visual .plan-pre .match_list .per-name {width:100%; -webkit-line-clamp:1;}
    .visual .match-slide + .plan-pre {left:auto; right:2.5rem; width:calc(100% - 43rem);}
    .visual .match_list .match-per .per-l, .visual .match_list .match-per .per-r {width:40%;}
    .visual .per-img{width: 5rem;height: 5rem;margin: 0;}
    .mma-wrap {left:2.5rem;}
    .match-slide {left:2.5rem;}
    .recru-slide {left:2.5rem; bottom:2.5rem;}
    
    .link-wrap{width: 100%;}
    .link-wrap div{width: 100%;height: 100%;}
}
@media screen and (max-width:1000px){
    .contents .thumb-list{grid-template-columns:repeat(1,1fr)}
    .gr-banner-wrap{flex-direction: column;}
    .gr-banner{flex: auto;}
    .evnet-slide{width: 100%;}
    .link-wrap{width: 50%;}
    
    .visual .match-slide + .plan-pre {transform:translateY(0);width: calc(100% - 43rem);padding:1.5rem;}
    .plan-pre .match_list .per-name{padding:0 1rem;}
    .visual .plan-pre .match_list{width:100%;height:37rem;overflow:auto;}

    .contents .sns {flex-direction: column; gap: 2rem;height: auto;}
    .sns-tab{flex-direction: row;align-items: center;gap: 1rem;width: 100%;}
    .sns-tab button.on:not(.plus-wrap){width: auto;border-radius: 3rem;padding: 1.4rem;}
    .plus-wrap{position: relative;width: 4rem;height: 4rem;}
    .contents .sns .sns-content {width: 100%; }
    .contents .sns .sns-tab {overflow-x: auto; white-space: nowrap;}
    .plus-wrap{margin-left: auto;}
}
@media screen and (max-width:800px){
	.visual {height:auto;}
	.visual .plan-pre {position:relative; top:auto; left:auto; right:auto; bottom:auto; width:100%; margin:0 auto 3rem auto;}
	.visual .match-slide + .plan-pre {position:relative; top:auto; left:auto; right:auto; bottom:auto; width:100%; margin:3rem auto;}
	.visual .plan-pre .match_list {height:19rem;}
	.mma-wrap {position:relative; top:auto; left:auto; margin:0 auto 15px auto; width:100%; max-width:35rem;}
	.match-slide, .recru-slide {position:relative; top:auto; left:auto; right:auto; bottom:auto; width:100%; margin:0 auto; transform:translate(0);}
	.match-slide {width:35rem;}
}
@media screen and (max-width:500px){
	.visual .inner {padding:3rem;}
	.match-slide {width:100%; max-width:35rem;}
	.match-slide .match-img {height:40rem; width:100%;}
	.partner-recru .cont-title::after {top:80px;}
	.news-bnr .title{font-size:0;}
	.news-cont{width:calc(100% - 1rem);margin-left:0;}
    .link-wrap{flex-direction: column;}
    .link-wrap{width: 100%;}
    .gr-banner,.fighter{padding: 3rem;}
    .gr-banner .title,.fighter h2{font-size: var(--title-lg);}
    .thumb-list .subject{font-size: var(--body-lg);}
}