/* html{overflow-y: scroll;} */
/* #wrap{overflow: hidden;} */
#main{
    word-break:keep-all;
    height: 100%;
}

#mTop{padding-top: 93px;}
#m2,#m3{margin-top: 90px}
#services{margin-top: 80px;}
#mPartner{padding: 80px 0}
#mBot > .inner{padding-top: 113px; padding-bottom: 173px}

/* 리뉴얼 */
html.lenis {
    height: auto;
}
.lenis.lenis-smooth {
    scroll-behavior: auto;
}

#wrap {
    overflow-x: hidden;
}    
#mainVisual .visual {
    /* min-height: 893px; */
    min-height: 1048px; 
    position: relative;
}
#mainVisual .item{position: relative;}
#mainVisual .bg{position: absolute;left: 0;top: 0;width: 100%; height: 100%;background: url('') center center no-repeat; background-size: cover}

#mainVisual .s{position: absolute}

/* 리뉴얼 */
/* #mainVisual .s,#mainVisual .s > *,#mainVisual .s > * > *,#mainVisual .s .item{height: 100%; width: 100%} */
#mainVisual .s,
#mainVisual .s .item{
    height: 100%; 
    width: 100%
}
/* #mainVisual .inner { height: 750px; }  */
#mainVisual .inner [class*=inner_] { display: none; }

#mainVisual .txt-area{position: relative; color: #fff; text-align: center; font-size: 1.5rem; line-height: 1.6; letter-spacing: 0;}
#mainVisual .txt-area img{display: block; margin: 0 auto;}
#mainVisual .txt-area .small{font-size: 1.25rem;}
#mainVisual .txt-area .mg{margin: 40px 0 45px;}
#mainVisual .txt-area .sm { margin: 20px 0; }

/* 리뉴얼 */
#mainVisual .visual > .inner{
    min-height: 812px;
    position: relative;
    padding: 183px 0 0
}

#mainVisual .controls{width: 45px; height: 45px; border-radius: 50%; border:3px solid rgba(255,255,255,.3); display: flex; position: relative; /* background: url('/static/sports/img/main/stop.png') center center no-repeat; */ transition: all ease-in-out .05s; align-items:center; justify-content:center}
#mainVisual .controls.play{background-image: url('/static/sports/img/main/play.png'); background-position: 55%}
#mainVisual .progress{position: absolute; left: -3px;top:-3px; width: 45px; height: 45px; transform: rotate(-90deg); }
#mainVisual .progress{fill: none; stroke: #fff;  stroke-width: 3; stroke-linecap: round;}
#mainVisual .controls .icon{display: block; }

#mainVisual .icon{border: 0; background: transparent; width: 0; height: 12px; border-color: transparent transparent transparent #fff; transition: .3s border ease; margin-left: 1px;}
#mainVisual .stop .icon{border-style: double; border-width: 0px 0 0px 10px;}
#mainVisual .play .icon{border-style: solid;  border-width: 6px 0 6px 10px; margin-left: 3px;}

/* 리뉴얼 */
#mainVisual .etc{
    position: absolute; 
    left: 0; 
    bottom: -19px;
    display: flex;
    align-items:center; 
    gap: 10px; 
    color: #fff; 
    z-index: 100;
}
.sources-inner {
    width: 1400px;
    min-height: 810px;
    margin: 0 auto;
    position: relative;
}
.sources {
    font-size: 17px;
    color: #fff;
    position: absolute;
    bottom: 0; 
    left: 240px;
    z-index: 100;
}
#mainVisual .slick-arrow{width: 18px; height: 13px; background: url('/static/sports/svg/ico-arrow.svg') center center no-repeat; opacity:.5; transition:all ease .3s}
#mainVisual .prev{transform:rotate(180deg)}
#mainVisual .slick-arrow:hover,#mainVisual .slick-arrow:focus{opacity:1}
#mainVisual .status_w{font-size: 13px; display: flex; gap:5px}


.scroll-down{position: absolute; right: 0; top:50%; transform:translateY(-50%); color: #fff; height: 455px; display: flex; align-items: center; z-index: 10;}
.scroll-down:before,.scroll-down:after{position: absolute; left: 50%; width: 1px ; height: 94px; background: #fff; content: ''}
.scroll-down:before{top:0}
.scroll-down:after{bottom: 0}
.scroll-down .txt{letter-spacing: 0;    transform: rotate(-90deg); font-size: 15px; position: relative; margin-top: -47px;}
.scroll-down .txt:after{width: 21px; height: 31px; content: ''; display: block; background: url('/static/sports/img/main/scroll-down.png') center center no-repeat; background-size:100%; transform:translateY(-50%) rotate(90deg); left: -47px; top:50%; position: absolute;}
.scroll-down .txt:before{width: 33px; height: 11px; background: url('/static/sports/svg/more.svg') center center no-repeat; content: ''; display: block;    position: absolute;  right: 0; bottom: -14px; transform: rotate(180deg);}

#mainVisual .quick-toggle{transform: translateY(-50%);}


.stickyWrap { position: relative; margin-top: -34px; }
.stickyWrap.sticky { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 102; }
.stickyWrap.sticky.abs { display: none; } 

/*
.stickyWrap > .wrap { position: absolute; display: flex; width: 100%; }
.stickyWrap .quickWrap { align-self: flex-end; position: sticky; bottom: 0; width: 100%; }
*/

.tit-main{font-size: 1.875rem; font-weight: 700; color: var(--black3); display: flex; justify-content:space-between; align-items:end; margin-bottom: 30px; line-height: 1.15;}
.tit-main h2{font-weight: 700;}
.more-st1{ display: flex; align-items: center; gap: 10px; font-size: 1rem; font-weight: 700; color: var(--black3); }
.more-st1:after { content: ''; display: block; width: 36px; border: 1px solid #cecece; border-radius: 3px; background: #fff url(../svg/ico-plus-2.svg) no-repeat center; background-size: 14px; aspect-ratio: 1; transform: translateY(-1px); box-sizing: border-box; }
.tit-main .ms-controls{margin-top: 0;}

.tit-main.j-start{gap:40px}

#m1{display: flex; justify-content:space-between}
#m1 .l{width:28%; max-width:350px}
#m1 .r{ position: relative; width:62.5%; max-width:786px; }

#m1 .r .more-st1 { position: absolute; top: 66px; right: 0; }
#m1 .r .more-st1:after { width: 46px; }

.main-nb a:hover .img img,.main-nb a:focus .img img{transform:scale(1.05,1.05)}
.main-nb a:hover .cont,.main-nb a:focus .cont{text-decoration: underline;}

.main-nb .img img{transition: all ease .3s}
.main-nb .img{position: relative; border-radius: 3px; overflow: hidden;}
.main-nb .cont{margin-top: 20px; font-size: 1.25rem; font-weight: 700; color: var(--black3); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ms-controls{display: flex; align-items:center; gap:15px; color: var(--black3); margin-top: 25px; font-size: 1.125rem; font-weight: 400;}
#m1 .l .ms-controls { margin-top: 30px; }
#m1 .l .slick-slide a { position: relative; display: block; outline: none; }
#m1 .l .slick-slide a:focus:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px dashed #0088ff; box-sizing: border-box; }  
.ms-btns{display: flex; height: 35px; border-radius:5px; }
.ms-btns button{width: 35px; position: relative;border:1px solid var(--ccc); background: #fff}
.ms-btns .prev{margin-right: -1px; border-radius:5px 0 0 5px}
.ms-btns .next{border-radius:0 5px 5px 0}

.ms-btns button:before{position: absolute; left: 50%; top:50%; width: 8.5px; height: 8.5px; content: ''; display: block; border-top: 2px solid var(--black3); border-left: 2px solid var(--black3);}
.ms-btns .prev:before{transform:rotate(-45deg); margin: -4.5px 0 0 -2px;}
.ms-btns .next:before{transform:rotate(135deg); margin: -4.5px 0 0 -8px;}

/* 리뉴얼 */
.tabs-main {
    display: flex; 
    gap:5px; 
    margin-bottom: 30px;
}
.tabs-main > li {
    border:1px solid #bebebe;
    border-radius: 3px;
}
.tabs-main >li.active {
    background: var(--black3);
    border-color:transparent
}
.tabs-main > li > a{
    display: flex;
    width: 96px;
    height: 40px;
    align-items:center;
    justify-content:center;
    color: var(--black3); 
    font-weight: 700; 
    font-size: 1.125rem; 
}
.tabs-main >li.active > a {
    color: #fff;
}    

.main-news{color: var(--black3)}
.main-news .notice{border-top: 2px solid var(--ddd); border-bottom: 2px solid var(--ddd); padding: 25px 30px; display: flex; gap:20px; align-items:center; line-height: 1.25rem; background: #F4F8FC; }
.main-news .notice .date{border:1px solid #bbb; border-radius: 3px; width: 95px; height: 95px; display: flex; flex-flow:column; gap:10px; align-items:center; justify-content:center; flex-shrink:0; background: #fff; }
.main-news .notice .day{font-size: 34px; font-weight: 700;}
.main-news .notice .t{ display: -webkit-box; padding-top: 2px; max-height: 56px; line-height: 28px; word-break: break-all; overflow: hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.main-news .notice .ico-new{position: relative; top:-1px}
.main-news .notice .cont{ flex:1; }
.main-news .notice .cont a { display: block; } 
.main-news .label{line-height: 1.15; color: #12396D; display: block; margin-bottom: 8px; font-weight: 700; font-size: 1.25rem; }
.main-news .t{font-size: 1.25rem; font-weight: 700}

.main-news a:hover .t,.main-news a:focus .t{text-decoration: underline}

.main-news .s_w{padding: 35px 0; border-bottom: 2px solid var(--ddd); overflow: hidden;}
.bbs-cont{margin: 0 -30px}
.bbs-cont li{padding: 0 30px}
.bbs-cont li a { position: relative; display: block; outline: none; }
.bbs-cont li a:focus:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px dashed #0088ff; box-sizing: border-box; }
.bbs-cont .t{display: block; height: 2.8em; overflow: hidden;}
.bbs-cont .c{margin: 15px 0 35px; font-size: 1.125rem; height: 2.8em; overflow: hidden;}
.bbs-cont .etc{letter-spacing: 0;}

#m2 .bbs-cont li{padding: 0}

#m3, .m2_c{display: flex;justify-content:space-between}

.main-cal{display: flex; color: var(--black3); align-items:center; gap:30px}
.main-cal .date{border:1px solid #bbb; width: 94px; height: 91px; display: flex; flex-flow:column; gap:5px; align-items:center; justify-content:center; flex-shrink:0; background:#F2F4F9; font-weight: 700; color: var(--black3); line-height: 1}
.main-cal .month{font-size: 34px; font-weight: 700;}

.m-cal_w{flex:1; display: flex; }
.main-cal .btn{display: block;white-space:  nowrap; overflow: hidden; text-indent: -999px; position: relative; width: 30px}
.main-cal .btn:before{position: absolute; left: 50%; top:50%; width: 9px; height: 9px; border-top: 2px solid var(--black3); border-left: 2px solid var(--black3); content: ''; display: block;}
.main-cal .prev:before{transform:rotate(-45deg) translateY(-50%)}
.main-cal .next:before{transform:rotate(135deg) translateY(-50%); margin: -4px 0 0 -11px;}


.m-cal_s{flex:1; display: flex; justify-content:center; font-size: 1.125rem; text-align: center; padding: 0 20px}
.m-cal_s > li{flex:1}
.main-cal .kor{display: block;}
.main-cal .day{background: linear-gradient(300deg, #F2F4F9 0%, #fff 100%); border:1px solid var(--bbb); border-radius:50%; width: 45px; height: 45px; border-radius:50%; display: block; font-weight: 700; margin: 10px auto 0; position: relative;}

.main-cal .active .day:before{position: absolute; left: 50%; top:100%; width: 2px; height: 40px; background: var(--blue); content: ''}

.main-cal .today .day{background: var(--blue); border:0; color: #fff}
.main-cal .today .day:after{width: 48px; height: 27px; border-radius:100px; background: var(--eme); color: #fff; content: ''; display: block; content: '오늘'; position: absolute; bottom:-32px; transform:translateX(-50%); color: #fff; left: 50%; font-size: 1rem; font-weight: 400; display: flex; align-items:center; justify-content:center; z-index: 1}

.major-det{margin-top: 33px; border:2px solid var(--blue); display: flex; align-items:center; height: 69px; padding: 24px 50px; line-height: 1.15; font-size: 1.125rem; justify-content:space-between; gap:10px; line-height: 1; align-items:center; position: relative;}
.major-det .e{font-weight: 700;}
.major-det .t{flex:1; white-space: nowrap; overflow: hidden; text-overflow:ellipsis}
.major-det .more{background: linear-gradient(300deg, #F2F4F9 0%, #fff 100%); border:1px solid var(--bbb); border-radius:100px; font-size: 1.5rem; padding: 0 15px; display: flex; height: 39px; align-items:center; font-weight: 700;}
.major-det a:hover,.major-det a:focus{text-decoration: underline;}

.main-banner{display: flex; height: 100%; font-size: 1.25rem; font-weight: 700; color: #fff; line-height: 1; letter-spacing: 0;}
.main-banner > *{width: 50%}
.main-banner a{display: flex; flex-flow:column; padding: 35px 30px; gap:25px}
.main-banner .col{display: flex; flex-flow:column}
.main-banner .col > *{flex:1}
.main-banner .b1{background: var(--navy) url('/static/sports/img/main/bg1.png') right calc(100% - 15px) no-repeat}
.main-banner .b2{background: var(--green)}
.main-banner .b3{color: var(--black3); background: #fff; border:1px solid var(--ddd)}
.main-banner .b3 .more-st2{filter:invert(1)}

#m3 .l{width: 71.5%; max-width:896px; position: relative;}
#m3 .r{width: 19.5%; max-width:244px; padding-top: 23px;}

.main-photo .top{display: flex; justify-content:space-between; align-items:end; margin-bottom: 14px; gap:10px}
.main-photo .top .t{line-height: 1; font-size: 1.25rem;}
.main-photo .s{margin-left: -20px; display: flex; flex-wrap:wrap}
.main-photo .s > li {width: calc(25% - 20px); margin-left: 20px;}
.main-photo .s a { position: relative; display: block; }
.main-photo .s a:focus { outline: 2px dashed #0088ff; }
.main-photo .no{margin-top: 1.125rem; line-height: 1;}

.main-sports1 .img,.main-photo .s .img{ border-radius: 3px; }
.main-photo .s .img,.main-sports1 .img{overflow: hidden;}
.main-photo .s .img img,.main-sports1 .img img{transition:all ease .3s}
.main-photo .s a:hover .img img, .main-photo .s a:focus .img img,
.main-sports1 a:hover .img img, .main-sports1 a:focus .img img{transform:scale(1.04,1.04)}

#m3 .r a { display: block; }
#m3 .r a:focus { outline: 2px dashed #0088ff; }
.main-sports1 .logo img{display: block; margin: 0 auto;}
/* .main-sports1 .vol{margin: 24px 0 16px; text-align: center; color: var(--black3); font-size: 1.25rem; font-weight: 700; line-height: 1;} */

#services{padding: 80px 0; background: #F2F6F7; border-top: 1px solid var(--ccc); border-bottom: 1px solid var(--ccc); font-size: 1.125rem; font-weight: 500; text-align: center; line-height: 1.3;}
#services .s_w{margin: 0 -8px; overflow: hidden;}
#services .s .slick-list { padding-top: 1px; }
#services .s a { position: relative; transition: .3s; margin: 0 8px; display: block; outline: none; }
#services .s a:focus:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px dashed #0088ff; box-sizing: border-box; z-index: 1; }
#services .s .img{position: relative;border-radius: 30px; border: 1px solid #E8E9EB; background: linear-gradient(145deg, #f2f4f9 0%, #f2f4f9 20%, #ffffff 100%); box-shadow: 5px 6px 9px #CAD2E3; max-width:87%; width: 130px; padding-bottom: 76.65%; margin: 0 auto 25px; transition: .3s ease all; }
#services .s .img:before { content: ''; position: absolute; top: -1px; left: -16px; width: 100%; height: 100%; background: #fff; border-radius: 30px; filter: blur(10px); box-sizing: border-box; z-index: -1; }
#services .s a img{width: 130px; max-width:67%; max-height:67%; object-fit: scale-down;  display: block; position: absolute; left: 0; right: 0; bottom: 0; top:0; margin: auto; position: absolute;}
#services .s a img.hover { display: none; }
#services .s a:hover{color: #2960C1;}
#services .s a:hover .img{border-color: #2960C1;}
#services .s a:hover .img img { display: none; } 
#services .s a:hover .img img.hover { display: block; }


#mBannerZone{padding: 80px 0 0;}
#mBannerZone .tit-main { margin-bottom: 25px; }
#mBannerZone .popupWrap { position: relative; margin: 0 -8px 90px; }
#mBannerZone .popup_slide .slick-slide { margin: 0 8px; }
#mBannerZone .popup_slide a { position: relative; display: block; border: 1px solid #BEBEBE; border-radius: 5px; /* aspect-ratio: 302 / 353; */ outline: none; overflow: hidden; }
#mBannerZone .popup_slide a:focus:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px dashed #0088ff; box-sizing: border-box; z-index: 1; }
#mBannerZone .popup_slide a img { width: 100%; height: 100%; object-fit: cover; object-position: center; aspect-ratio: 302 / 353; }
#mBannerZone .s_w { position: relative; margin: 0 -10px; }
#mBannerZone .s a { position: relative; display: block; margin: 0 10px; outline: none; }
#mBannerZone .s a:focus:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px dashed #0088ff; box-sizing: border-box; z-index: 1; }
#mBannerZone .s a > img{border-radius:10px}

#mBannerZone .ms-controls { position: absolute; top: -60px; right: 8px; margin-top: 0; } 


.more-st2{display: block;width: 33px; height: 9px; background: url('/static/sports/svg/more.svg') right bottom no-repeat; white-space: nowrap; overflow: hidden; text-indent: -999px}
/* #mPartner .tit{font-size: 1.875rem; font-weight: 900; line-height: 1; position: relative; padding-bottom: 30px; margin-bottom: 30px;;}
#mPartner .tit:after{content: ''; width: 100%; height: 10px; background: linear-gradient(90deg, #12396D 0%, transparent 100%); position: absolute; left: 0; bottom: 0;} */


/* main-renewal */
#mPartner .group {
    display: flex;
    justify-content: space-between;
}
#mPartner .tit {
    font-size: 1.875rem;
    font-weight: 800; 
    color: var(--black3);
    line-height: 1.07;
}
#mPartner .div{
    display: flex; 
    flex-wrap:wrap; 
    width: 70%;
    margin: 0 0 -12px -12px
}

#mPartner .green:after{background: linear-gradient(90deg, #068081 0%, transparent 100%)}
#mPartner .green2:after{background: linear-gradient(90deg, #3E9E5F 0%, transparent 100%)}
#mPartner .black:after{background: linear-gradient(90deg, var(--black3) 0%, transparent 100%)}
#mPartner .group:not(:first-child){margin-top: 80px;} 

#mPartner .div > li{border:1px solid var(--bbb); border-radius:5px; width: calc(20% - 12px); margin: 0 0 12px 12px; transition: .3s;}
#mPartner .div > li:hover{border-color: #3D3D3D;}
#mPartner .div a{padding-bottom: 30%; position: relative; display: block;}
#mPartner .div img{position: absolute;left: 0; top:0;right: 0; bottom: 0; margin: auto; max-width:80%; max-height: 80%}

#mBot{background: url('/static/sports/img/main/main-bot.jpeg') center center no-repeat; background-size:cover; color: #fff}
#mBot > .inner{display: flex; justify-content:space-between; gap:30px}

#mBot .r{width: 770px}
#mBot .l{display: flex; flex-flow:column; gap:30px; justify-content:space-between}
#mBot .l .txt{font-size: 36px; font-weight: 900; margin-bottom: 20px; line-height: 1.15; letter-spacing: 0;}
#mBot .l .logo img{filter:brightness(0) invert(1); width:230px}
#mBot .l .btns{font-size: 1.25rem; font-weight: 700;}
#mBot .l .btns a{display: flex; max-width:216px; height: 55px; border-radius:100px; border:1px solid #fff; padding: 0 25px; align-items:center; justify-content:space-between; gap:10px; text-align:left; line-height: 1.18;}
#mBot .l .btns a:after{width: 31px; height: 24px; background: url('/static/sports/svg/more2.svg') center center no-repeat; content: ''; display: block; margin-right: -5px;}
#mBot .l .btns a:not(:first-child){margin-top: 10px;}
#mBot .r .box{border-radius:10px;  position: relative;}
#mBot .r .box:before{position: absolute; left: 0; top:0; width:100%; height: 100%; content: ''; border-radius:10px; background: #0F1F70; filter:opacity(.7);   backdrop-filter: blur(5px); }
#mBot .r{display: flex; gap:10px; font-size: 1.25rem; flex-wrap:wrap}
#mBot .r > *{width: calc(38.333% - 20px/3)}
#mBot .r > .box{padding: 35px 10px 35px 35px; min-height: 384px}
#mBot .r .col{display: flex; flex-flow:column; gap:12px; width: calc( 23.333% - 20px/3)}
#mBot .r .col .box{flex:1; background: none}
#mBot .r .col .box:before{background: #0F1F70; backdrop-filter: blur(5px);}
#mBot .r .t{font-size: 1.5rem; display: block; margin-bottom: 25px; line-height: 1; font-weight: 700; position: relative; z-index: 1}
#mBot .r .depth{line-height: 1.15; letter-spacing: -0.04em;}
#mBot .r .depth > li{position: relative; padding-left: 13px;}
#mBot .r .depth > li:before{content: ''; position: absolute; left: 0; top:.5em; width: 4px; height: 4px; border-radius:50%; background: #fff; display: block;} 
#mBot .r .depth > li:not(:first-child){margin-top: 20px;}
#mBot .r .depth a:hover,#mBot .r .depth a:focus{text-decoration: underline;}
#mBot .r .col .box img { width: 45px; }
#mBot .r .col a {display: flex; flex-flow:column;align-items:center; justify-content:center; height: 100%; gap:5px; position: relative;z-index: 1}
#mBot .r .col .box:nth-of-type(1) a img { width: 50px; }

#relSite{line-height: 1; padding: 30px 0; font-size: 1.25rem; font-weight: 700; position: relative;}
#relSite:before{position: absolute; left: 0; top:0; width: 100%; height: 100%; background: #30406B; filter:opacity(0.75) brightness(0.8); content: ''; backdrop-filter: blur(5px);}
#relSite .inner{width: 100%; display: block; position: relative; padding: 0 140px 0 120px; z-index: 1}
#relSite .t{color: #F2E30A; position: absolute; left: 0 ;top:50%; transform:translateY(-50%)}
#relSite .s_w{flex:1; letter-spacing: 0}
#relSite .s a{display: block; margin-right: 20px; padding-left: 13px; position: relative; margin-top: 5px; margin-bottom: 5px;}
#relSite .s a:before{content: ''; position: absolute; left: 0; top:.5em; width: 4px; height: 4px; border-radius:50%; background: #fff; display: block;}
#relSite .etc{position: absolute; right: 0; top:50%; transform:translateY(-50%); display: flex; align-items:center; gap:15px}
#relSite .etc .slick-arrow{width: 24px; height:25px; background: url('/static/sports/svg/f-arrow.svg') center center no-repeat}
#relSite .etc .controls{width: 25px; height: 25px; background: #fff; border-radius:50%;}
#relSite .etc .prev{transform:rotate(180deg)}

#relSite .icon{border: 0; background: transparent; width: 0; height: 11px; border-color: transparent transparent transparent var(--black3); transition: .3s border ease; display: block;margin: 0 auto; line-height: 1.15;}
#relSite .stop .icon{border-style: double; border-width: 0px 0 0px 9px;}
#relSite .play .icon{border-style: solid;  border-width: 5.5px 0 5.5px 9px}

#m2 .l{max-width: 479px;  width: 38%; display: flex; flex-flow:column;    justify-content: center;}
#m2 .r{ position: relative; padding: 30px; border: 1px solid var(--ddd); border-left-width: 0; flex:1; width:52%}
#m2 .bbs-cont{margin: 0;}
#m2 .bbs-cont a{display: block}
  
#m2 .bbs-cont .slick-slide > li:not(:last-child){padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--ccc);}
#m2 .bbs-cont .t{ height: auto; font-size: 1.25rem; margin-bottom: 10px; white-space: nowrap; overflow: hidden;     text-overflow: ellipsis;}
#m2 .bbs-cont .etc .date{margin-right: 25px;}

#m2 .l .ms-btns { height: 46px; }
#m2 .l .ms-btns button { width: 46px; }
#m2 .r .status_w { color: #949494; }
#m2 .r .status_w span { color: #333; font-weight: 700; }
#m2 .r .ms-controls { position: absolute; top: 30px; right: 30px; margin-top: 0; }
#m2 .r .ms-btns { height: 46px; }
#m2 .r .ms-btns button { width: 46px; } 
#m2 .r .slick-arrow.slick-hidden { display: block; } 

#m2 .ms-btns button{text-indent: -99999px; font-size: 0; overflow: hidden;}
.sec_cal {width: 100%; border: 1px solid var(--ddd); padding: 35px; padding-top: 30px; background-color: #F7F7F7;} 
.sec_cal .cal_nav { display: flex; align-items: center; justify-content: space-between; flex-wrap:wrap}
/*
.sec_cal .year_w .year{font-size: 1.0625rem; }
.sec_cal .year_w select{background-color: unset; padding-left: 0; font-weight: 500; border-width: 0; font-size: 1.25rem; height: auto; background-position-x:right; padding-right: 18px;}
*/
.sec_cal .year_w .years { padding-left: 12px; padding-right: 35px; height: 46px; font-size: 1.25rem; color: #333; font-weight: 700; border: 1px solid #C1C1C1; border-radius: 5px; background-position-x: calc(100% - 12px); }
.sec_cal .cal_nav .month{ line-height: 1; font-size: 2.375rem; font-weight: 700; }
 
.sec_cal .cal_wrap{ position: relative; margin: 0 auto; width: calc(100% + 16px);   border-spacing: 8px; border-collapse: separate; margin: 40px -8px 0;} 
.sec_cal .cal_wrap .days { margin-bottom: 15px;}
.sec_cal .cal_wrap::after { top: 368px; } 
.sec_cal .cal_wrap .day {text-align: center; border: 1px solid #E8E8E8; background-color: #fff; height: 51.3px;}
.sec_cal .cal_wrap .day button{display: block; width: 100%; height: 100%;}
.current.today { background: #EBF3F6  !important; border: 2px solid #224B9E !important; font-weight: 500; color: #224B9E !important;} 
.sec_cal .cal_wrap .dates, .sec_cal .cal_wrap .days{} 
.sec_cal .cal_wrap .days th, .sec_cal .cal_wrap .day{ font-size: 1.125rem;}
.sec_cal .cal_wrap .days th{text-align: center; color: var(--black7); width: calc(100%/7);}
/* .sec_cal .cal_wrap .day:nth-child(7n -1) { color: #3c6ffa; } 
.sec_cal .cal_wrap .day:nth-child(7n) { color: #ed2a61; }  */
.sec_cal .cal_wrap .day.disable { color: #6A6D77; background-color: #E8E8E8;}


#m3 .more-st1 { position: absolute; top: 0; right: 0; }

/* 2503 추가 */
#mainVisual .swiper-slide {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
} 
#mainVisual .swiper-slide .text {
    height: auto;
    position: absolute;
    bottom: 109px;
    left: 0;
    text-align: center;
    font-family: 'JSArirangPPURI';
    font-size: 64px;
    font-weight: normal;
    color:#fff;
}
#mainVisual .swiper-slide .txt-area {
    height: auto;
    position: absolute;
    bottom: 128px;
    left: 0;
}
#mainVisual .swiper-slide .txt-area p {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.45);
    font-family: Pretendard;
    text-align: center;
    color: #fff;
}
#mainVisual .swiper-slide .txt-area .txt01 {
    margin-bottom: 65px;
    font-family: 'JSArirangPPURI';
    font-size: 42px;
    font-weight: normal;
}
#mainVisual .swiper-slide .txt-area .txt01 span {
    font-size: 80px;
    font-weight: normal;
}   
#mainVisual .swiper-slide .txt-area .txt02 {
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: normal;
}
#mainVisual .swiper-slide .txt-area .txt03 {
    font-size: 35px;
    font-weight: 800;
}
/* 리뉴얼 */
/* #mainVisual .swiper-button-prev,
#mainVisual .swiper-button-next {
    width: 18px;
    height: 13px;
    margin: 0;
    position: static;
}
#mainVisual .swiper-button-prev {
    transform:rotate(180deg);
}
#mainVisual .swiper-button-prev::after,
#mainVisual .swiper-button-next::after {
    display: block;
    content: '';
    width: 18px;
    height: 13px;
    background: url('/static/sports/svg/ico-arrow_black.svg') center center no-repeat;
    opacity:.5;
    transition:all ease .3s;
    font-size: 0;
} */
#mainVisual .swiper-button-prev,
#mainVisual .swiper-button-next {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px);
    border: 2px solid #fff;
    position: static;
}
#mainVisual .swiper-button-next {
    transform:rotate(180deg);
}
#mainVisual .swiper-button-prev::after,
#mainVisual .swiper-button-next::after {
    display: block;
    content: '';
    width: 10px;
    height: 17px;
    background: url('/static/sports/img/main/ico-arrow_left_white.svg') center center no-repeat;
    transition:all ease .3s;
    font-size: 0;
    opacity:1;
}  
#mainVisual .swiper-button-prev:hover::after,
#mainVisual .swiper-button-next:hover::after,
#mainVisual .swiper-button-prev:focus::after,
#mainVisual .swiper-button-next:focus::after {
    opacity:1
}
.autoplay-progress {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 3px solid rgba(000, 000, 000, .3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #fff;
    transition: all ease-in-out .05s;
    position: relative;
    z-index: 10;
}
.autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 10;
    width: 48px;
    height: 48px;
    stroke-width: 4px;
    /* stroke: #ffffff; */
    stroke: #3d3d3d; 
    fill: none;
    stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
}
#mainVisual .custom-fraction {
    display: flex;
    gap:5px;
    font-size: 13px;
    color:#fff;
    position: relative;
    z-index: 10;
}
/* 리뉴얼 */
#mainVisual .swiper-pagination {
    width: auto;
    height: 48px;
    display: flex;
    gap: 9px;
    font-size: 21px;
    color:#fff; 
    position: static;
}
#mainVisual .custom-fraction span {
    color:#fff;
}
#mainVisual .swiper-pagination .swiper-pagination-total {
    font-weight: bold;    
}

#mainVisual .btn-wrapper {
    position: absolute;
    top: 13px;
    left: 57px;
    z-index: 50;
}
#mainVisual .auto-stop {
    width: 8px;
    height: 12px;
    background: url('/static/sports/img/main/btn_stopSlide_black.svg') 0 0 no-repeat;  
}
#mainVisual .auto-start {
    display: none;
    width: 12px;
    height: 14px;
    background: url('/static/sports/img/main/btn_startSlide_black.svg') 0 0 no-repeat;  
}
.mobView {
    display: none;
}
#mainVisual .s .item01 { 
    background-image: url('/static/sports/img/main/mainView08.png')
}

#mainVisual .s .item02 {
    background-image: url('/static/sports/img/main/mainView09.png')
}
#mainVisual .s .item03 {
    background-image: url('/static/sports/img/main/mainView10.png?v=1')
}
/* #mainVisual .s .item04 {
    background-image: url('/static/sports/img/main/mainView11.png')
}  */
#mainVisual .s .item04 {
    background-image: url('/static/sports/img/main/mainView12.png')
} 
#mainVisual .s .item05 {
    background-image: url('/static/sports/img/main/mainView13.png')
} 
#mainVisual .s .item06 {
    background-image: url('/static/sports/img/main/mainView14.png')
} 

#mainVisual .s .item02 .txtArea { 
    height: auto;
    max-width: 1260px;
    margin: 193px auto 0;
}
#mainVisual .s .item02 .txtArea .txt01 { margin-bottom: 60px; font-family: S-CoreDream-6Bold; font-size: 60px; font-weight: bold; line-height: 1.42; letter-spacing: -0.6px; text-align: left; color: #3d3d3d; } 
#mainVisual .s .item02 .txtArea .txt02 { margin-bottom: 5px; font-family: Pretendard; font-size: 22px; line-height: 1.18; color: #000; }
#mainVisual .s .item02 .txtArea .txt03 { font-family: Pretendard; font-size: 35px; font-weight: 800; line-height: 1.17; color: #000; }
#mainVisual .s .item02 .txtArea .txt01 .color01 { color:#07a2a4 }
#mainVisual .s .item02 .txtArea .txt01 .color02 { color:#0c73b1; }

.catchphrase {
    position: absolute;
    top: 174px;
    right: 112px;
    z-index: 100;
}
.catchphrase p {
    text-align: right;
    font-family: Paperlogy;
    color: #000;
}
.catchphrase .txt01 {
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 500;
} 
.catchphrase .txt02 {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.6;
}
.catchphrase .txt02 strong {
    display: inline-block;
    font-family: Paperlogy;
    font-weight: 800;
    font-size:48px;
    position: relative;
}
.bottom {
    display: flex;
    align-items: center;
    justify-content: right;
    gap: 0 27px;
    margin-top: 35px;
}
.catchphrase .bottom .d-day {
    background: linear-gradient(
    180deg,
    #e1ae57 0%,
    #c9b37e 35%,
    #7fcfcf 65%,
    #55cbf5 100%
  );
    color: transparent;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 72px;
    font-weight: 900;
    letter-spacing: -2px;
    font-family: 'Pretendard', sans-serif;
}
.d-day-wrap {
    position: relative;
    display: inline-block;
    font-family: 'Pretendard', sans-serif;
    font-size: 72px;
    font-weight: 900;
    letter-spacing: -2px;
}

/* 흰색 테두리 레이어 */
.stroke {
  position: absolute;
  inset: 0;
  color: transparent;
  text-shadow:
    -1px -1px 0 #fff,
     0   -1px 0 #fff,
     1px -1px 0 #fff,
    -1px  0   0 #fff,
     1px  0   0 #fff,
    -1px  1px 0 #fff,
    0  1px 0 #fff,
    1px  1px 0 #fff;
}

/* 그라데이션 텍스트 */
.fill {
  position: relative;
  background: linear-gradient(
    180deg,
    #e1ae57 0%,
    #c9b37e 35%,
    #7fcfcf 65%,
    #55cbf5 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.catchphrase a {
    display: flex;
    width: 210px;
    height: 45px;
    background-color: #1F5FB2;
    color: #ffff;
    border-radius: 30px;
    align-items: center;
    justify-content: center;
    margin: 17px 0 0 auto;
    font-size: 20px;
    font-weight: 700;    
}

.mob-view {
    display: none;
}

/* 리뉴얼 */
.flex {
    display:flex
}
#header.main-header {
    position: absolute;
    width: 100%;
    background-color: transparent;
    z-index: 100;
}
#header.main-header.opend {
    background-color: #fff;
}
.main-header #topNav {
    border-bottom: 0;
}
.main-header .main-inner {
    display: flex;
    width: 1400px;
    margin: 0 auto;
    padding: 45px 0 0 0;
}
.main-header .main-inner #logo {
    width: 199px;
    height: 66px;
    margin: 0;
    background:url(/static/sports/img/main/white_logo.png) no-repeat 0 0;
}
.main-header.opend .main-inner #logo {
    background-image: url(/static/sports/svg/logo_2.svg);
}    
.main-header .main-inner #logo a {
    display:block;
    width:100%;
    height:100%;
}
.main-header .main-inner .gnb {
    margin: 0 140px 0 167px;
    padding: 12px 0 0 0;
}
.main-header .gnb > ul {
    display: flex;
    gap: 40px;
}
.main-header .gnb > ul > li > a {
    font-size: 20px;
    font-weight: bold;    
    color: #fff;
}
.main-header.opend .gnb > ul > li > a {
    color:#3d3d3d;
}
.gnb .depth {
    display: none;
    position: absolute; 
    left: 0; 
    top:0;
    width: 100%;
    top: 135px;
    z-index: 1;
    background: linear-gradient(90deg, #f7f7f7 40%, #fff 40%); 
    border-top: 1px solid var(--ccc); 
    line-height: 1.18; 
    word-break:keep-all
}
.gnb .depth .inner{
    width: 100%;
    position: relative; 
    background: #fff; 
    display: flex;
}
.gnb .tit{
    position: relative;
    padding: 60px 0 0 0;
    background: #f7f7f7;
    width:250px;
    word-break:keep-all;
    flex-shrink:0
}
.gnb .tit:after{background: url('/static/sports/img/common/depth.png') center bottom no-repeat; width: 240px; height: 143px; content: ''; right: 20px; bottom: 0; position: absolute; background-size:100%; max-width:100%}
.gnb .tit dt{font-size: 30px; font-weight: 700; line-height: 1.15; display: block;}
.gnb .tit dd{font-size: 1rem; color: var(--black5); margin-top: 20px; letter-spacing: 0;}
.gnb > ul > li > .depth .depth2 {
    padding: 40px 0 10px 40px; 
    display: flex; 
    flex-wrap:wrap; 
    margin: 0 0 0 -30px; 
    min-height: 350px;
    flex:1
}
.gnb .depth2 > li{width: calc(25% - 30px); margin: 0 0 30px 30px;}
.gnb .depth2 > li > a{display: flex; height: 60px; align-items:center; justify-content:space-between; gap:15px; text-align: left; border:1px solid var(--ccc); border-radius:5px; font-size: 1.125rem; font-weight: 700; color: var(--black3); padding: 10px 20px}
.gnb .depth2 > li:hover > a,#lnb .depth2 > li > a:focus{background: linear-gradient(to right, #11396d 0%, #077f81 100%); color: #fff; border: 0; }
.gnb .depth3{margin-top: 15px; color: var(--black5); padding-left: 10px;}
.gnb .depth3 > li:not(:first-child){margin-top: 8px;}
.gnb .depth3 a{position: relative; padding-left: 13px; display: block;}
.gnb .depth3 a:before{position: absolute; left: 0; top:.5em; width: 5px; height: 5px; background: #999; content: '';}
.gnb .depth3 a{position: relative;}
.gnb .depth3 a:hover:before,#lnb .depth3 a:focus:before{background-color: #068081}
.gnb .depth3 a:hover,#lnb .depth3 a:focus{color: #068081}

.gnb > ul > li.opend > a > span,
.gnb > ul > li > .active{
    color: #1961bf;
}
.main-header .common-menu {
    display: flex;
    justify-content: space-between;    
    gap: 5px;
    padding: 12px 0 0 0;
}
.main-header .common-menu li a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 58px;
    height: 26px;
    border-radius: 13px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.main-header.opend  .common-menu li a {
    color: #3d3d3d;
}
.main-header .common-menu li a:hover,
.main-header .common-menu li.active a {
    background-color: #fff;      
    color: #1b242d;
}
.main-header.opend .common-menu li a:hover,
.main-header.opend .common-menu li.active a {
    background-color: #1b242d;  
    color: #fff;
}    
#header.main-header .etc {
    gap: 0;
    height: 50px;
    margin: 0 0 0 auto;
}
#header.main-header .btn-sch {
    background-image: url(/static/sports/img/main/white_shg.png);
}
#header.main-header.opend  .btn-sch {
    background-image: url(/static/sports/svg/ico-sch.svg);
}    
#header.main-header .etc .btn-sch.close {
    background: none
}
.main-header .etc .btn-sch::before,
.main-header .etc .btn-sch::after{
    width: 3px;
    height: 126%;
    content: '';
    position: absolute;
    left: 50%;
    background-color: #3d3d3d; 
    top:-13%;
    margin-left: -1px;
    opacity:0;
    transition:all ease .3s
}
.main-header .etc .btn-sch::before{
    transform:rotate(-45deg)
}
.main-header .etc .btn-sch::after{
    transform:rotate(45deg)
}
.main-header .etc .btn-sch.close::before,
.main-header .etc .btn-sch.close:after{
    opacity:1
}
.main-header .etc .lang a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 26px;
    margin: 0 27px 0 26px;
    border-radius: 4px;
    background-color: #fff;
    font-size: 14px;
    font-weight: bold;    
    color: #1b242d;
}
.main-header.opend .etc .lang a {
    background-color: #1b242d;
    color: #fff;
}    
.main-header .etc .btn-menu span {
    background-color: #fff;
}
.main-header .etc .btn-menu.pc.close span {
    background-color: #3d3d3d;    
}
.main-header.opend .etc .btn-menu span {
    background-color: #3d3d3d;
}
#header.main-header .header-sch .in .btn-sch {
    background: url(/static/sports/svg/ico-sch.svg) center center no-repeat;
}
#header.main-header .header-sch .in .btn-sch::before,
#header.main-header .header-sch .in .btn-sch::after {
    display: none;
}

#main .inner {
    width:1400px;
    max-width: 1400px;
    position: relative;
}
#mainVisual .s .item p {
    text-shadow: 5px 5px 3px rgba(0, 0, 0, 0.32);
    color: #fff;
    transform:translateX(0);
    opacity:0;
}
#mainVisual .s .swiper-slide video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#mainVisual .s .item .txt01 {
    margin: 0 0 20px 0;
    font-size: 45px;
    font-weight: 800;
}
#mainVisual .s .item .txt02 {
    margin: 0 0 20px 0;
    font-size: 66px;
    font-weight: 900;
    line-height: 1.09;
}
#mainVisual .s .item .txt03 {
    font-size: 34px;
    font-weight: bold;
    line-height: 1.24;
}  
#mainVisual .wheel-scroll {
    display: none;
    position: absolute;
   /* bottom: -128px; */
    bottom: -281px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}
#mainVisual .inner {
    display: flex;
    justify-content: space-between;
    z-index: 50;
}
#mainVisual .s .item .inner {
    flex-direction: column;
    justify-content: normal;
    padding: 370px 0 0 0;
}
#mainVisual .inner .left-area .search-area {
    width: 300px;
    margin: 0 0 43px 0;
    position: relative;
}
#mainVisual .inner .left-area .search-area input {
    width: 100%;
    height: 50px;
    padding: 8px 8px 8px 23px;
    border-radius: 25px;
    border: solid 3px #1961bf;
    background-color: #f9f9f9;
    font-size: 18px;
    font-weight: bold;
    color: #1961bf;
}
#mainVisual .inner .left-area .search-area input::placeholder {
    font-size: 18px;
    font-weight: bold;
    color: #1961bf;
}
#mainVisual .inner .left-area .search-area button {
    display: block;
    position: absolute;
    top: 8px;
    right: 11px;
}
#mainVisual .inner .left-area .txt01 {
    margin: 0 0 6px 0;
}
#mainVisual .inner .left-area .txt02 {
    margin: 0 0 40px 0;
    font-size: 32px;
    font-weight: bold;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.39);
    line-height: 1.16;
    color: #fff;
}
#mainVisual .inner .left-area .sports-infor-num {
    display:flex;
    gap: 12px;
}
#mainVisual .inner .left-area .sports-infor-num li {
    width: 162px;
    height: 188px;
    padding: 111px 15px 20px;
    border-radius: 9px;
    /* -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px); */
    backdrop-filter: blur(10px);
    /* background-color: rgba(249, 249, 249, 0.15); */
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-position: center 27px;
    background-repeat: no-repeat;
    box-sizing: border-box;
}
#mainVisual .inner .left-area .sports-infor-num li:nth-child(1) {
    background-image: url('/static/sports/img/main/img_sports_infor_num01.png');
}
#mainVisual .inner .left-area .sports-infor-num li:nth-child(2) {
    background-image: url('/static/sports/img/main/img_sports_infor_num02.png');
}
#mainVisual .inner .left-area .sports-infor-num li:nth-child(3) {
    background-image: url('/static/sports/img/main/img_sports_infor_num03.png');
}
#mainVisual .inner .left-area .sports-infor-num li strong {
    display: block;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.54);
    font-size: 25px;
    font-weight: bold;
    color: #fff;
}
#mainVisual .inner .left-area .sports-infor-num li span {
    display: block;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.78);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.17;
    letter-spacing: -0.54px;
    color: #fff;
}    
#mainVisual .inner .right-area {
    display: flex;
    flex-direction: column;
    align-items: end;
    position: relative;
}
#mainVisual .right-area .contest-logo {
    width: 108px;
}
#mainVisual .right-area .contest-logo > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#mainVisual .inner .right-area .direct-link {
    display: block;
    width: 125px;
    height: 35px;
    margin: 0 0 30px 0;
    padding: 5px 23px 6px 20.5px;
    border-radius: 23px;
    background-color: #fff;
    font-size: 18px;
    font-weight: bold;
    color: #000b19;
    position: relative;
}
#mainVisual .inner .right-area .direct-link::after {
    content: '';
    width: 15px;
    height: 12px;
    background: url(/static/sports/img/main/img_go.svg) no-repeat 0 0;
    position: absolute;
    top: 12px;
    right: 22px;
}
#mainVisual .inner .right-area p,
#mainVisual .inner .right-area dl {
    color: #fff;    
}
#mainVisual .inner .right-area .txt01 {
    margin: 25px 0 10px 0;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.34);
    font-size: 33px;
    font-weight: 800;
    line-height: 1.15;
    text-align: right;
}
#mainVisual .inner .right-area .period {
    margin: 0 0 27px 0;
    padding: 0 0 15px 0;
    position:relative;
}
#mainVisual .inner .right-area .period span {
    text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.34);
    font-size: 29px;
    font-weight: 800;
    text-align: right;
    color: #fff;    
}
#mainVisual .inner .right-area .period strong {
    display: block;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.34);    
    text-align: right;
    font-size: 45px;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
}
#mainVisual .inner .right-area .period::after {
    display: block;
    content: '';
    width: 50px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom:0;
    right: 0;
}
.current-situation {
    display: flex;
    gap: 30px;
}
#mainVisual .inner .right-area dl dt,
#mainVisual .inner .right-area dl dd {
    text-align: right;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.34);
    font-weight: bold;
}
#mainVisual .inner .right-area dl dt {
    height: 56px;
    font-size: 22px;
    line-height: 1.27;
}
#mainVisual .inner .right-area dl dd {
    font-family: Paperlogy-7;
    font-size: 38px;
    line-height: 1.63;
}
#mainVisual .inner .right-area dl dd.hw {
    font-size: 34px;
    line-height: 1.85;
}
.scroll-animate {
    opacity:0;
}

.section02 .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 898px;
    padding: 98px 0 90px 0;
    box-sizing: border-box;
}
.section02 p {
    margin-bottom: 28px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.18;
    color: #3d3d3d;
}
.section02 p.show {
    opacity:1;
    animation: rubberBand 1s;
}
.detailed-items-field {
    display: flex;
    width: 100%;
    height: 276px; 
    gap:19px;
}
.detailed-items-field > li {
    position: relative;
    flex: 1;
    height: 100%;
    background-repeat: no-repeat; 
    background-position: 0 0; 
    background-size: cover; 
    border-radius: 20px;
    overflow: hidden
}
.detailed-items-field > li:nth-child(1) {
    background-image: url('/static/sports/img/main/img_field01.png');
}
.detailed-items-field > li:nth-child(2) {
    background-image: url('/static/sports/img/main/img_field02.png');
}
.detailed-items-field > li:nth-child(3) {
    background-image: url('/static/sports/img/main/img_field03.png');
}
.detailed-items-field > li:nth-child(4) {
    background-image: url('/static/sports/img/main/img_field04.png');
}
.detailed-items-field > li > .block { 
    height: 100%;
    overflow: hidden; 
    padding: 40px 0 32px;
    position: relative; 
    background-repeat: no-repeat; 
    background-position: center 100px; 
}
.detailed-items-field > li:nth-child(1) .block {
    background-image: url('/static/sports/img/main/img_field_icon01.png');
}
.detailed-items-field > li:nth-child(2) .block {
    background-image: url('/static/sports/img/main/img_field_icon02.png');
}
.detailed-items-field > li:nth-child(3) .block {
    background-image: url('/static/sports/img/main/img_field_icon03.png');
}
.detailed-items-field > li:nth-child(4) .block {
    background-image: url('/static/sports/img/main/img_field_icon04.png');
}
.detailed-items-field > li .block h4 {
    margin-bottom: 18px;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    font-size: 23px;
    font-weight: 800;    
    color: #fff; 
}
.detailed-items-field li .block .link-cont {
    display: none;
    width: 360px;
    box-sizing: border-box;
    position: absolute;
    left: 198px;
}
.detailed-items-field > li .block .link-cont > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 0;
} 
.detailed-items-field li .block .link-cont > ul > .flex-basis {
    flex-basis: 100%;
}
.detailed-items-field > li.active {
    flex: 2.39;  
}
.detailed-items-field > li.active .block {
    background-position-x: 58px;
}
.detailed-items-field > li.active .block .link-cont  {
    display: block;
}
.detailed-items-field > li.active .block h4 {
    text-align: left;
    padding: 0 0 0 198px;
}

/* @media (hover: hover) and (pointer: fine) {
    .detailed-items-field > li:hover {
        flex: 2.39;  
    }
    .detailed-items-field > li:nth-child(1):hover .block {
        background-position-x: 58px;
    }
    .detailed-items-field > li:nth-child(2):hover .block {
        background-position-x: 55px;
    }
    .detailed-items-field > li:nth-child(3):hover .block {
        background-position-x: 63px;
    }
    .detailed-items-field > li:nth-child(4):hover .block {
        background-position-x: 56px;
    }
    .detailed-items-field > li:hover .block h4 {
        text-align: left;
        padding: 0 0 0 198px;
    }
    .detailed-items-field li:hover .block .link-cont {
        display:block;
    }
}     */
.detailed-items-field li .block .link-cont > ul > li {
    width: 50%;
}
.detailed-items-field li .block .link-cont > ul > li > a {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    font-size: 21px;
    font-weight: bold;   
    color: #fff; 
}
.more-st3 {
    display: block;
    padding: 10px 0 0 63px;
    font-size: 1.125rem;
    font-weight: bold;    
    color: #3d3d3d;
    position: relative;
}
.more-st3::before  {
    content: '';
    display: block;
    width: 45px;
    height: 45px;
    border: solid 1px #707070;
    background: #fff url('/static/sports/img/main/img_more.svg') no-repeat center;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.section03 {
    width: 100%;
    height: 562px;
    background: url('/static/sports/img/main/bg_sports_Information.png') no-repeat center;
    background-size: cover;
}
.section03 .inner {
    padding: 84px 0 117px;
}
.section03 .inner h3 {
    display: flex;
    justify-content: center;
    margin-bottom: 97px;
    text-align: center;
    font-size: 37px;
    font-weight: 800;   
    color: #fff; 
}
.section03 .inner h3 span {
    display: block;
    margin: 0 0 0 29px;
    padding: 0 0 0 23px;
    text-align: left;
    font-size: 25px;
    font-weight: normal;
    position: relative;
}
.section03 .inner h3 span::before {
    content: '';
    width: 1px;
    height: 53px;
    background-color: #fff;
    position: absolute;
    top: 8px;
    left: 0;
}
.section03 .inner .sports-infor-num {
    display: flex;
    justify-content: center;
}
.section03 .inner .sports-infor-num li {
    margin: 0 73px 0 0;
    padding: 0 73px 0 0;
    position: relative;
}
.section03 .inner .sports-infor-num li::after {
    content: '';
    width: 1px;
    height: 67px;
    background-color: #fff;
    position: absolute;
    top: 18px;
    right: 0;
}
.section03 .inner .sports-infor-num li:last-child {
    border-right: 0;
    margin: 0;
    padding: 0;
}
.section03 .inner .sports-infor-num li:last-child::after {
    display: none;
}    
.section03 .inner .sports-infor-num strong {
    display: block;
    font-size: 47px;
    font-weight: bold;
    color: #fff;
}
.section03 .inner .sports-infor-num span {
    display: block;
    text-align: center;
    font-size: 23px;
    font-weight: normal;
    line-height: 1.22;
    color: #fff;
}
.section04 {
    min-height: 630px;
    background-color: #fff;
    padding: 80px 0 0 0;
    box-sizing: border-box;
}
.section04 .top-area {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    position: relative;
}
.section04 .top-area::after {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #3d3d3d;
    position: absolute;
    top: 72px;
    left: 0;
} 
.section04 .top-area .flex {
    position: absolute;
}
.section04 .top-area h3 {
    font-size: 37px;
    font-weight: 800;    
    color: #3d3d3d;
    line-height:1.1;
}
.section04 .top-area select {
    width: 139px;
    height: 40px;
    margin: 0 0 0 30px;
    padding: 7px 16px 8px 15px;
    border-radius: 3px;
    border: solid 1px #bebebe;
    background-color: #fff;    
    font-size: 1.125rem;
    font-weight: bold;
    color: #3d3d3d;
}
.section04 .top-area .tabs-main {
    width: 100%;
    justify-content: center;
}
.tournament-schedule-area {
    display: none;
    position:absolute;
    left: 0;
}
.tournament-schedule-area.on{
    display: block
}
.tournament-schedule-list {
    transform: translateX(100vw);
}
.tournament-schedule-list .slick-list {
    min-height: 323px;
}
.tournament-schedule-list li a {
    display: block;
    width: 330px;
    margin: 0 26px 0 0;
    padding: 30px 20px;
    border-radius: 20px;
    border: solid 1px #bebebe;
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
}
.tournament-schedule-list li a:hover, 
.tournament-schedule-list li.active a {
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px #0f3380;
    background-color: #f3f7ff;    
}
#tournament-schedule-international li a,
#tournament-schedule-etc li a {
    cursor:default;
    box-shadow:none; 
    border: solid 1px #bebebe;
    background-color: #fff;
    background-color: #ffff;    
}
.tournament-schedule-list li a .icon-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 98px;
    margin: 0 120px 20px 0;
    border-radius: 15px;
    border: solid 1px #bebebe;
    background-color: #f9f9f9;    
}
.tournament-schedule-list li a h4 {
    height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;    
    line-height: 1.23;
    color: #3d3d3d;
}
.tournament-schedule-list li a p {
    font-size: 19px;  
    font-weight: normal;
    color: #3d3d3d;
}
.tournament-schedule-list li a p.place {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tournament-schedule-list li a .d-day {
    display: flex;
    flex-direction: column;
    align-items: end;
    position: absolute;
    top: 30px;
    right: 20px;
    color: #3d3d3d;
}
.tournament-schedule-list li a .d-day span {
    display: block;
    font-size: 19px;
    font-weight: bold;
}
.tournament-schedule-list li a .d-day strong {
    display: block;
    font-size: 36px;
    font-weight: 900;
}
.tournament-schedule-list li a .sports-event {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 35px;
    border-radius: 18px;
    background-color: #19ac2d;
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 19px;
    font-weight: bold;
    color: #fff;
    z-index: 10;
}       
.tournament-schedule-list .no-schedule {
    width: 1400px;
    text-align: center;
    font-size: 35px;
    font-weight: 800;
    padding: 105px 0 0 0;
}
.pager-wrap {
    display: flex;
    justify-content: center;
    width: 1400px;
}
.pager-wrap a,
.pager-wrap span {
    display: block;
    font-size: 16px;    
    color: #3d3d3d;
    text-indent: 0;
    position: relative;
}
.pager-wrap .prev {
    padding: 0 0 0 25px;
}
.pager-wrap .prev::before {
    content: '';
    width: 15px;
    height: 14px;
    background: url('/static/sports/img/main/img_prev.svg') no-repeat 0 0;
    position: absolute;
    top: 3px;
    left: 0;
}
.pager-wrap .next {
    padding: 0 25px 0 0;
}
.pager-wrap .next::after {
    content: '';
    width: 15px;
    height: 14px;
    background: url('/static/sports/img/main/img_next.svg') no-repeat 0 0;
    position: absolute;
    top: 3px;
    right: 0;
}
.pager-wrap span {
    margin: 0 15px 0 17px;
}
/*.pager-wrap03 {
    display:none;
}*/
.tournament-schedule-area .more-st3 {
    position: absolute; 
    top: -126px;
    left: 1288px;
}
.section05 {
    width: 100%;
    height: 890px;
    background-color: #f8f8f5;
}
#main .section05 .inner {
    height: 100%;
    padding: 107px 0 98px;
    box-sizing: border-box;
}
#main .section05 .inner h3 {
    margin-bottom: 10px;
    text-align: center;
    font-size: 2.438rem;
    font-weight: 800;   
    color: #3d3d3d; 
}
#main .section05 .inner p.ta-c {
    margin-bottom: 45px;
    font-size: 29px;
    font-weight: normal;
    color: #3d3d3d;
}
.section05 .sports-service-slider {
    perspective: 1000px;
}
.section05 .sports-service-slider .swiper-slide {
    height: 448px;  
    border-radius: 20px;
    border: solid 1px #3d3d3d;
    background-color: #f4f7f8;
}
.service-slider.swiper-slide-active {
    width: 330px !important;
}
.sports-service-slider .swiper-slide.swiper-slide-active {
    opacity: 0.53;
    background-color: #000; 
}
.section05 .sports-service-slider .swiper-slide .service-slide-content {
    padding: 66px 63px 54px;
}
.section05 .sports-service-slider .swiper-slide .service-slide-content h4 {
    text-align: center;
    font-size: 29px;
    font-weight: bold;    
    color: #3d3d3d;
}
.section05 .sports-service-slider .swiper-slide .service-slide-content p {
    text-align: center;
    font-size: 24px;
    font-weight: normal;   
    color: #fff;
}
.section05 .sports-service-slider .swiper-slide .service-slide-content .more-btn {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;    
    color: #3d3d3d;
}
.section05 .wheel-scroll {
    position: absolute;
    bottom: 79px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}
.service-wrapper {
    width: 100%;
    height: 459px;
    display: flex;
    align-items: center;
    justify-content: center; 
    perspective: 1000px;
    overflow: hidden;
}
.service-wrapper .slider {
    position: relative;
    width: 1000px;
    height: 400px;
    transform-style: preserve-3d;
}
.service-wrapper .card {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 193px;
    height: 261px;
    margin: -134px 0 0 -98px; 
    border-radius: 20px;
    border: solid 1px #3d3d3d;
    background-color: #f4f7f8;
    cursor: pointer;
}   
.service-wrapper .card.is-front {
    border: 0;    
}
.service-wrapper .card::before {
    content: '';
    display: none;
    width: 100%;
    height: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    position:absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in;
}
.service-wrapper .card.is-front::before {
    display: block;    
}    
.service-wrapper .service-card01::before {
    background-image: url('/static/sports/img/main/img_service01.png');
}    
.service-wrapper .service-card02::before {
    background-image: url('/static/sports/img/main/img_service02.png');
}    
.service-wrapper .service-card03::before {
    background-image: url('/static/sports/img/main/img_service03.png');
}    
.service-wrapper .service-card04::before {
    background-image: url('/static/sports/img/main/img_service04.png');
}    
.service-wrapper .service-card05::before {
    background-image: url('/static/sports/img/main/img_service05.png');
}    
.service-wrapper .service-card06::before {
    background-image: url('/static/sports/img/main/img_service06.png');
}    
.service-wrapper .service-card07::before {
    background-image: url('/static/sports/img/main/img_service07.png');
}    
.service-wrapper .service-card08::before {
    background-image: url('/static/sports/img/main/img_service08.png');
}    
.service-wrapper .service-card09::before {
    background-image: url('/static/sports/img/main/img_service09.png');
}    
.service-wrapper .card .service-slide-content {
    width: 100%;
    height: 100%;
    padding: 33px 0 0 0;
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 63px;
    position: relative;
    box-sizing: border-box;
    z-index: 10;
}
.service-wrapper .service-card01 .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service01.png');
    background-position-y: 67px;
}
.service-wrapper .service-card02 .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service02.png');
    background-position-y: 71px;
}
.service-wrapper .service-card03 .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service03.png');
    background-position-y: 67px;
    background-size: 60px;
}
.service-wrapper .service-card04 .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service04.png');
    background-position-y: 67px;
}
.service-wrapper .service-card05 .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service05.png');
    background-position-y: 67px;
}
.service-wrapper .service-card06 .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service06.png');
    background-position-y: 67px;
}
.service-wrapper .service-card07 .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service07.png');
    background-position-y: 67px;
}
.service-wrapper .service-card08 .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service08.png');
    background-position-y: 67px;
}
.service-wrapper .service-card09 .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service09.png');
    background-position-y: 67px;
}
.service-wrapper .service-card01.is-front .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service_white01.png');
}
.service-wrapper .service-card02.is-front .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service_white02.png');
}
.service-wrapper .service-card03.is-front .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service_white03.png');
}
.service-wrapper .service-card04.is-front .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service_white04.png');
}
.service-wrapper .service-card05.is-front .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service_white05.png');
}
.service-wrapper .service-card06.is-front .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service_white06.png');
}
.service-wrapper .service-card07.is-front .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service_white07.png');
}
.service-wrapper .service-card08.is-front .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service_white08.png');
}
.service-wrapper .service-card09.is-front .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service_white09.png');
}
.service-wrapper .service-card10.is-front .service-slide-content {
    background-image: url('/static/sports/img/main/icon_service_white10.png');
} 
.service-wrapper .card .service-slide-content h4 {
    margin-bottom: 80px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #3d3d3d;
}
.service-wrapper .card .service-slide-content p {
    display: none;
    font-size: 14px;
    line-height: 1.21;
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.94);
}
.service-wrapper .card .service-slide-content .more-btn {
    display: block;
    width: 69px;
    padding: 0 0 0 29px;
    font-size: 13px;
    font-weight: bold;
    color: #3d3d3d;
    background: url('/static/sports/img/main/bg_more_black.svg') no-repeat 0 0;
    position: absolute;
    bottom: 26px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}
.service-wrapper .card.is-front .service-slide-content h4,
.service-wrapper .card.is-front .service-slide-content .more-btn  {
    color: #fff;
}
.service-wrapper .card.is-front .service-slide-content h4 {
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.79);    
}
.service-wrapper .card.is-front .service-slide-content .more-btn  {
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.72);
    background-image: url('/static/sports/img/main/bg_more_white.svg');
}
.service-wrapper .card.is-front .service-slide-content p {
    display: block;    
}

/* KSOC SNS */
.section06 .inner {
    /*padding: 60px 0px 60px;*/
}
.section06 .inner h3 {
    margin: 0 0 45px 0;
    font-size: 31px;
    font-weight: 800;
    color: #3d3d3d;
    background: url('../img/main/sns_insta.png') no-repeat 184px 6px; 
    background-size: 30px auto;
    position:relative
}
.section06 .inner h3::after {
    content: '';
    width: 960px;
    height: 1px;
    background-color: #5d5d5d;
    position: absolute;
    top: 22px;
    left: 238px;
}
.section06 .ksoc-sns {
    margin-bottom: 40px;
    position:relative;
}
.section06 .ksoc-sns ul li a {
    display: block;
    width: 317px;
}
@media (hover: hover) and (pointer: fine) {
    .section06 .ksoc-sns ul li a:hover figure img {
        transform: scale(1.04, 1.04);
        transition: all ease .3s;
    }
}    
.section06 .ksoc-sns ul li figure .jackin-box {
    width:313px;
    height: 403px;
}
.section06 .ksoc-sns ul li figure .jackin-box.show {
    opacity: 1;
    animation: jackInTheBox 1s;
}
.section06 .ksoc-sns ul li figcaption {
    margin: 20px 0 18px;    
    font-size: 22px;
    font-weight: bold;
    line-height: 1.23;
    color: #3d3d3d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.section06 .ksoc-sns ul li p {
    font-size: 19px;
    font-weight: normal;    
    color: #3d3d3d;
}
.section06 .ksoc-sns .ms-controls {
    position: absolute;
    top: -78px;
    right: 31px;
}
.section06 .bottom-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* margin: 0 0 72px 0; */
    padding: 25px 0 18px 0;
    border-bottom: 1px solid #888;
    position: relative;
}
.section06 .bottom-area::before {
    content: '';
    width: 208px;
    height: 166px;
    background: url('/static/sports/img/main/img_photo_publication01.png') no-repeat 0 0;
    position: absolute;
    top: 10px;
    left: 167px;
}
.section06 .bottom-area::after {
    content: '';    
    width: 185px;
    height: 175px;
    background: url('/static/sports/img/main/img_photo_publication02.png') no-repeat 0 0;
    position: absolute;
    top: 0;
    right: 250px;
}
.section06 .bottom-area p {
    margin: 0 0 20px 0;
    text-align: center;
    font-size: 22px;
    font-weight: bold;    
    color: #3d3d3d;
}
.section06 .bottom-area .sns-icon {
    display: flex;
    align-items: center;
    gap: 19px;
}
.photo-publication {
    overflow: hidden;
}
.photo-publication h3 {
    margin: 0 0 45px 0;
    font-size: 37px;
    font-weight: 800;
    color: #3d3d3d;
}
.photo-publication .flex {
    justify-content: space-between;
}
.photo-publication .flex .big-photo {
    width: 678px;
    height: 472px;
    transform: translateX(-100vw);
}
.photo-publication .flex .big-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.photo-publication .photoBank {
    width: 319px;
    padding:39px 0 0 0;
    transform: translateX(-100vw);
}
.photo-publication .photoBank dl {
    margin: 0 0 15px 0;
    color: #3d3d3d;
}
.photo-publication .photoBank dl dt {
    font-size: 19px;
    font-weight: normal;    
}
.photo-publication .photoBank dl dd {
    font-size: 28px;
    font-weight: bold;    
    line-height: 1.18;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.photo-publication .photoBank p {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 19px;
    font-weight: normal;    
    color: #3d3d3d;
}
.photo-publication .photoBank p+p {
    margin-top: 5px;
}
.photo-publication .photoBank .img {
    width: 319px;
    height: 222px;
    margin-top: 44px;
}
.photo-publication .photoBank .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.photo-publication .main-sports1 .logo {
    margin-bottom: 20px;
}
.photo-publication .main-sports1 .vol {
    margin-top: 15px;
    font-size: 19px;
    font-weight: normal;
    text-align: center;
    color: #fff;
}
.main-sports1 {
    width: 317px;
    height: 472px;
    padding: 23.2px 26px 16px 27px;
    background-color: #072676;
    box-sizing: border-box;
    transform: translateX(100vw);
}
.main-sports1 .img {
    width: 265px;
    height: 355px;    
}
.main-sports1 .img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 대한체육회 Nesw */
.section07 .inner {
    padding: 109px 0 0 0;
    border-top: 1px solid #888;
}
.section07 .inner h3 {
    margin-right: 48px;
    font-size: 2.313rem;
    font-weight: 800;
    line-height: 1;
}
.section07 .bbs-cont {
    display:flex;
    flex-wrap: wrap;
    padding: 45px 0;
    margin: 0;
    border-top: 3px solid #3d3d3d;
    border-bottom: 3px solid #d8d8d8;
}
.section07 .bbs-cont li {
    width: 50%;
    padding: 30px 0 0 0;
    border-top: 3px solid  #efefef;
}
.section07 .bbs-cont li:nth-child(-n+2) {
    padding: 0 0 30px 0;
    border-top: 0;
}
.section07 .bbs-cont li:nth-child(odd) {
    padding-right: 85px;    
}
.section07 .bbs-cont li:nth-child(even) {
    padding-left: 74px;    
}
.section07 .bbs-cont li.show {
    opacity: 1;
    animation: flipInX 1s;
}
.section07 .bbs-cont li .label {
    display: block;
    margin-bottom: 8px;
    font-size: 1.125rem;
    font-weight: bold;
    color: #3f5bb7;
}
.section07 .bbs-cont li .t {
    display: block;   
    margin-bottom: 8px; 
    font-size: 24px;
    font-weight: bold;
    line-height: 1.38;
    color: #3d3d3d;
}
.section07 .bbs-cont li .date {
    font-size: 19px;
    color: #3d3d3d;
}
.section07 .tab-cont .more-st3 {
    position: absolute;
    top: 109px;
    right: 0;
    z-index: 5;
}

/* 배너존 */
.section08 .inner h3 {
    margin-bottom: 27px;
    font-size: 37px;
    font-weight: 800;
    color: #3d3d3d;
}
.section08 .banner-zone ul {
    margin: 0 -10px;
}
.section08 .banner-zone .banner-item {
    margin: 0 10px;
} 
.section08 .banner-zone ul li a {
    display: block;
    width: 100%;
    height: 440px;    
    border: solid 1px #c9c9c9;
}
.section08 .banner-zone ul li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section08 .banner-zone .ms-controls {
    position: absolute;
    top: -72px;
    right: 0;
    margin: 0;
}
.service-slider-wrapper {
    display: none;
}

/* responsive */
@media (max-width:1550px)  {
    #quickMenu {
        display: none;
    }    
}

@media (max-width:1420px){
    .main-header .main-inner {
        width: 100%;
        padding: 45px 20px 0;
    }
    .main-header .main-inner .gnb {
        width: 536px;
        margin: 0 auto;
    }
    #mainVisual .visual > .inner {
        padding: 165px 20px 0;
    }
    #main .inner {
        width: 100%;       
        padding: 0 20px;
    }
    #mBot > .inner {
        padding: 113px 1rem 173px;   
    }
    #relSite .inner {
        padding: 0 140px 0 120px;  
    }
    .sources-inner {
        width: 100%;
        padding: 0 20px;
    }
    .sources {
        right: 20px;
    }
    .section06 .inner {
        padding: 88px 20px 75px;
    }
    #mainVisual .etc {
        left: 20px;
    }
    .section06 {
        padding: 50px 0;
    }
    .section06 .inner h3::after {
        width: 75.8%;
    }
    .photo-publication .flex .big-photo {
        width: 480px;
    }
    .tournament-schedule-area {
        left: 20px;
    }
    .tournament-schedule-area .more-st3 {
        left: 1250px;
    }
    #main .section07 .inner {
        padding-top: 50px;
    }
    .section07 .tab-cont .more-st3 {
        top: 43px;
        right: 20px;
    }
    .section02 .inner {
        min-height: 828px;
    }
}    
@media (max-width:1390px){
    .tournament-schedule-area .more-st3 {
        /* left: 969px; */
    }
}    
@media (max-width:1367px){
    .tournament-schedule-area .more-st3 {
        left: 1211px;
    }
}    

@media (max-width:1365px){
    .tournament-schedule-area .more-st3 {
        left: 969px;
    }
}    

@media (max-width:1300px){
    .quickWrap.inner { padding: 0; } 
    
    /* #mainVisual .etc{left: 1rem} */
    #mainVisual .inner{padding-left: 0; padding-right: 0;}
    
    .sec_cal,#m2 .r{padding: 20px}
    .sec_cal .cal_wrap .day{height: 3.75vw}
    #relSite{padding-left: 1rem; padding-right: 1rem;}
    #services .s .img{padding-bottom: 85.51%;}
    
    #m1 .r .more-st1 { top: -3px; }
    #m1 .r .more-st1:after { width: 36px; } 
    
    
    #m2 .l { justify-content: flex-start; } 
    #m2 .r .ms-controls { top: 20px; right: 20px; }
    
    #m2 .bbs-cont .slick-slide > li:not(:last-child) { margin-bottom: 16px; padding-bottom: 16px; }
    #m2 .bbs-cont .t { font-size: 1.12rem; } 
    
    /* 26년 리뉴얼 */
    .section02 .inner {
        min-height: 780px;
    }
    .section06 .ksoc-sns ul li a {
        width: 92%;
    }
    .section06 .ksoc-sns ul li figure .jackin-box {
        width: 100%;
    }
    .section06 .bottom-area::before {
        left: 85px;
    }
    .section06 .bottom-area::after {
        right: 120px;
    }

    .section07 {
        padding: 50px 0;
    }
    #main .section07 .inner {
        padding-top: 30px;
    }
    .section07 .tab-cont .more-st3 {
        top: 27px;
    }
    .detailed-items-field li .block .link-cont {
        left: 170px;
    }
    .detailed-items-field li .block .link-cont > ul > li > a {
        font-size: 18px;
    }
}

@media (max-width:1250px){
    .main-header .main-inner {
        justify-content: space-between;
    }
    .main-header .main-inner #logo {
        width: 170px;
        height: auto;
        background-size: cover;
    }
    .main-header .main-inner .gnb {
        width: auto;
    }
    .main-header .gnb > ul {
        gap: 30px;
    }
    .main-header .etc .lang a {
        margin: 0 15px 0 14px;    
    }
    .section02 .inner {
        min-height: 953px;
    }
    .detailed-items-field {
        flex-wrap: wrap;
        height: 225px;
        gap: 20px;
    }
    .detailed-items-field > li {
        width: 48.9%;
        flex: none;    
    }
    .detailed-items-field > li > .block {
        padding: 20px;
    }
    .detailed-items-field li .block .link-cont {
        display: block;
        width: 100%;
        position: static;
    }
    .detailed-items-field > li:nth-child(1) .block,
    .detailed-items-field > li:nth-child(2) .block,
    .detailed-items-field > li:nth-child(3) .block,
    .detailed-items-field > li:nth-child(4) .block {
        background-image: none;
    }
    .section05 .wheel-scroll {
        display:none;
    }
    .tournament-schedule-area .more-st3 {
        left: 1053px;
    }
    .section08 .banner-zone ul li a {
        height: 383px;
    }
    .section08 .banner-zone ul li a img {
        object-fit: fill;
    }
}    

@media (max-width:1209px){
    .tournament-schedule-area .more-st3 {
        left: 969px;
    }
}    


@media (max-width:1180px){
    .tournament-schedule-area .more-st3 {
        left: 1025px;
    }
}    
@media (max-width:1175px){
    .tournament-schedule-area .more-st3 {
        left: 830px;
    }
}
@media (max-width:1170px){
    .main-header .gnb > ul > li > a {
        font-size: 18px;
    }
}    
@media (max-width:1160px){
    .photo-publication .flex {
        gap: 10px;
    }
}
@media (max-width:1135px){ 
    .section06 .bottom-area::before {
        left: 0;
    }
    .section06 .bottom-area::after {
        right: 0px;
    }
}    

@media (max-width:1120px){
    /* .tournament-schedule-area .more-st3 {
        left: 764px;
    } */
}    

@media (max-width:1095px){
    .section07 .flex {
        padding-bottom: 50px;
    }
    .section07 .tab-cont .more-st3 {
        top: 88px;
    }
}
@media (max-width:1056px){
    .main-header .gnb > ul {
        gap: 25px;
    }
    .main-header .common-menu li a {
        min-width: 53px;    
        font-size: 15px;
    }
}    

@media (max-width:1024px) {
    .stickyWrap,
    .stickyWrap.sticky,
    .stickyWrap.sticky.abs { position: static; margin-top: 0; }   
    
    .quickBot { display: none; }
    
    .tabs-main a{width:80px; height: 40px}
    .main-news .notice { padding: 20px 24px; }
    .main-news .notice .date{width: 70px; height: 70px; padding-top: 8px;}
    .main-news .notice .day{font-size: 1.875rem;}
    
    
    #m1 .r .tabs-main { flex-wrap: wrap; margin-bottom: 20px; }
    #m1 .r .tabs-main li { flex: 1 30%; }
    #m1 .r .tabs-main a { width: 100%; height: 36px; }
    
    .sec_cal .cal_wrap{margin-top: 32px;}
    .sec_cal .cal_nav .month{margin: 0; font-size: 1.75rem; }
    .sec_cal .cal_nav .year_w{align-items:center; gap:10px}
    .sec_cal .year_w .years { height: 42px; font-size: 1rem; }
    .sec_cal .cal_wrap .days th, .sec_cal .cal_wrap .day{font-size: 1rem;}
    
    #m2 .l .ms-btns { height: 42px; }
    #m2 .l .ms-btns button { width: 42px; }
    #m2 .r .ms-btns { height: 42px; }
    #m2 .r .ms-btns button { width: 42px; }
    
    #m2 .bbs-cont .slick-slide > li:not(:last-child) { margin-bottom: 12px; padding-bottom: 12px; } 
    #m2 .bbs-cont .t { margin-bottom: 4px; }
    
    #relSite{padding: 20px 1rem}
    
    #mBot{text-align: center;}
    #mBot > .inner{padding: 80px 1rem; flex-flow:column; gap:50px}
    #mBot .l .btns{display: flex; gap:18px; justify-content:center}
    #mBot .l .btns a:not(:first-child){margin-top: 0;}
    #mBot .r{width:100%}
    #mBot .r > .box{text-align: left;}
    
    #services{padding: 50px 0}
    #services .s .img{border-radius:18px}

    #mainVisual .s .item01 { 
        background-image: url('/static/sports/img/main/m_mainView08.png')
    }
    #mainVisual .s .item02 { 
        background-image: url('/static/sports/img/main/m_mainView09.png')
    }
    #mainVisual .s .item06 {
        background-image: url('/static/sports/img/main/m_mainView14.png');    
        background-size: cover;
        background-repeat: 0 center;
    } 
    #mainVisual .s .item02 .txtArea { 
        max-width: 100%;
        margin: 76px 0 0 0;
    }
    #mainVisual .s .item02 .txtArea .txt01 { 
        margin-bottom: 25px;
        font-size: 30px;
        line-height: 1.3;
        letter-spacing: -0.3px;
        text-align: center;
    } 
    #mainVisual .s .item02 .txtArea .txt02 { 
        font-size: 14px;
        line-height: 1.14;
        text-align: center;
    }
    #mainVisual .s .item02 .txtArea .txt03 { 
        font-size: 20px;
        line-height: 1.2;
        text-align: center;
    }
    .autoplay-progress {
        border: 3px solid rgba(255, 255, 255, .3);
    }
    .autoplay-progress svg {
        stroke: #ffffff; 
    }
    #mainVisual .auto-stop {
        background-image: url('/static/sports/img/main/btn_stopSlide.svg');  
    }
    #mainVisual .auto-start {
        background-image: url('/static/sports/img/main/btn_startSlide.svg');  
    }
    /* #mainVisual .swiper-button-prev::after,
    #mainVisual .swiper-button-next::after {
        background-image: url('/static/sports/svg/ico-arrow.svg');
    } */
    #mainVisual .swiper-pagination {
        display: none;
        color:#fff;
    }

    .pc-view {
        display: none;
    }
    .mob-view {
        display: block;
    }
    
    /* 26 리뉴얼 */
    .main-header .main-inner {
        padding:20px;
    }
    .main-header .main-inner #logo {
        width: 190px;
        height: 66px;
        background-size: contain;
    }
    .main-header .main-inner .gnb,
    .main-header .main-inner .common-menu,
    .main-header .main-inner .etc .lang a {
        display: none;
    }
    #header.main-header .etc {
        height: auto;
        gap: 12px;
    }
    .main-header .btn-menu.pc {
        display: none;
    }
    .main-header .btn-menu.tablet {
        display: block;
    }
    #mMenu {
        z-index: 150;
    }    
    .menu-m {
        height: calc(100vh - 105px);
    }

    /* 메인 본문 */
    #mainVisual .visual {
        min-height: auto;
    }
    #mainVisual .inner .right-area .txt01 {
        margin: 15px 0 10px 0;
        font-size: 30px;
    }
    #mainVisual .inner .right-area .period {
        margin: 0 0 20px 0;
        padding: 0 0 10px 0;
    }
    #mainVisual .inner .right-area .period span {
        font-size: 25px;
    }
    #mainVisual .inner .right-area .period strong {
        font-size: 35px;
    }
    #mainVisual .inner .right-area dl dd {
        font-size: 30px;    
    }
    #mainVisual .inner .right-area dl dd.hw {
        font-size: 26px;
        line-height: 1.9;
    }
    #mainVisual .inner .left-area .txt02 {
        font-size: 30px;
    }
    #mainVisual .inner .left-area .sports-infor-num li {
        width: 150px;
        height: 175px;
        padding: 105px 10px 20px;
    }
    #mainVisual .inner .left-area .sports-infor-num li strong {
        font-size: 20px;
    }
    .section02 .inner {
        min-height: 845px;
    }
    .scroll-animate {
        opacity: 1 !important;
        transform: translate(0px, 0px) !important;
    }
    .section04 .top-area .flex {
        position: static;
    }
    .section04 .top-area .tabs-main {
        justify-content: left;
        margin-left: 50px;
    }
    .section05 {
        height: auto;
    }
    #main .section05 .inner {
        padding: 45px 20px 95px;
    }
    .section06 .inner h3 {
        margin: 0 0 70px 0;
    }
    .section06 .bottom-area::before,
    .section06 .bottom-area::after {
        display: none;
    }
    .tournament-schedule-list {
        transform: translateX(0);
    }
    .pager-wrap {
        width: 1024px;    
    }
    .section08 .banner-zone .ms-controls {
        top: 0;
        right: 20px;
    }
    .photo-publication .flex .big-photo,
    .photo-publication .photoBank,
    .main-sports1 {
        transform: translateX(0);    
    }
    #mPartner .group {
        flex-direction: column;     
    }
    #mPartner .div {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .service-slider-wrapper {
        display: block;
    }
    .service-slider-wrapper {
        width: 100%;
        height: 310px;
        position: relative;
    }    
    .service-slider {
        margin: 0 -10px;
    }
    .service-item {
        width: 100%;
        height: 305px;
        border-radius: 20px;
        background-color: #f4f7f8;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 10px;
        position: relative;
    }
    .service-item.service-card01 {
        background-image: url(/static/sports/img/main/img_service01.png);
    }
    .service-item.service-card02 {
        background-image: url(/static/sports/img/main/img_service02.png);
    }
    .service-item.service-card03 {
        background-image: url(/static/sports/img/main/img_service03.png);
    }
    .service-item.service-card04 {
        background-image: url(/static/sports/img/main/img_service04.png);
    }
    .service-item.service-card05 {
        background-image: url(/static/sports/img/main/img_service05.png);
    }
    .service-item.service-card06 {
        background-image: url(/static/sports/img/main/img_service06.png);
    }
    .service-item.service-card07 {
        background-image: url(/static/sports/img/main/img_service07.png);
    }
    .service-item.service-card08 {
        background-image: url(/static/sports/img/main/img_service08.png);
    }
    .service-item .service-slide-content {
        width: 100%;
        height: 100%;
        padding: 33px 0 0 0;
        background-repeat: no-repeat;
        background-position-x: center;
        background-size: 63px;
        position: relative;
        box-sizing: border-box;
        z-index: 10;
    }
    .service-item .service-slide-content h4 {
        margin-bottom: 95px;
        text-align: center;
        font-size: 23px;    
        color: #fff;
    }
    .service-item .service-slide-content p {
        font-size: 18px;
        line-height: 1.21;
        text-align: center;
        color: #fff;
        text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.94);    
    }
    .service-item .service-slide-content .more-btn {
        text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.72);
        background: url(/static/sports/img/main/bg_more_white.svg) no-repeat 0 3px;
        display: block;
        width: 69px;
        padding: 0 0 0 29px;
        font-size: 15px;
        color:#fff;
        font-weight: bold;
        position: absolute;
        bottom: 26px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 100;
    }
    .service-slider-wrapper .service-card01 .service-slide-content {
        background-position-y: 84px;    
        background-image: url(/static/sports/img/main/icon_service_white01.png);
    }
    .service-slider-wrapper .service-card02 .service-slide-content {
        background-position-y: 96px;
        background-image: url(/static/sports/img/main/icon_service_white02.png);
    }
    .service-slider-wrapper .service-card03 .service-slide-content {
        background-position-y: 78px;
        background-image: url(/static/sports/img/main/icon_service_white03.png);
    }
    .service-slider-wrapper .service-card04 .service-slide-content {
        background-position-y: 82px;
        background-size: 70px;
        background-image: url(/static/sports/img/main/icon_service_white04.png);
    }
    .service-slider-wrapper .service-card05 .service-slide-content {
        background-position-y: 84px;
        background-image: url(/static/sports/img/main/icon_service_white05.png);
    }
    .service-slider-wrapper .service-card06 .service-slide-content {
        background-position-y: 75px;
        background-image: url(/static/sports/img/main/icon_service_white06.png);
    }
    .service-slider-wrapper .service-card08 .service-slide-content {
        background-position-y: 77px;
        background-image: url(/static/sports/img/main/icon_service_white08.png);
    }
    .service-slider-wrapper .ms-controls {
        justify-content: center;
    }

    .photo-publication .flex {
        flex-wrap: wrap;
    }
    .photo-publication .flex .big-photo {
        width: 100%;
        flex-basis: 100%;
        margin: 0 0 15px 0;
    }
    .photo-publication .photoBank,
    .main-sports1 {
        width: 49%;
    }
    .main-sports1 .img {
        width: 100%;
    }
    .tournament-schedule-area .more-st3 {
        left: 869px;
    } 
}
@media (max-width:1023px) {
    .tournament-schedule-area .more-st3 {
        left: 764px;
    } 
}
@media (max-width: 955px){
    .detailed-items-field {
        gap: 15px;
    }
}
@media (max-width: 900px){
    .tournament-schedule-area .more-st3 {
        left: 706px;
    }
}
@media (max-width:835px){
    #mainVisual .visual > .inner {
        flex-direction: column;
        padding: 130px 20px 30px;
    }     
    #mainVisual .inner .left-area {
        display: block;
        width: 100%;
    }
    #mainVisual .inner .left-area .txt01 {
        text-align: center;
    }
    #mainVisual .inner .left-area .txt02 {
        text-align: center;   
    }
    #mainVisual .inner .left-area .sports-infor-num {
        justify-content: center;
    }
    #mainVisual .inner .right-area {
        width: 100%;
        margin-top: 100px;
        padding: 0 25px 0 0;
        align-items: center; 
        position: relative;
    }
    #mainVisual .inner .right-area .period {
        display: flex;
        margin: 0 0 25px 0;
        padding: 0;
        text-align: right;
    }
    #mainVisual .inner .right-area .period::after {
        display: none;
    }
    #mainVisual .inner .right-area .period strong {
        width: 55px;
        font-size: 23px;
        margin-left: 30px;
        padding: 20px 5px; 
        position: relative;
    }
    #mainVisual .inner .right-area .period strong::before,
    #mainVisual .inner .right-area .period strong::after {
        display: block;
        content: '';
        width: 55px;
        height: 1px;
        position: absolute;
        left: 0;
        background-color: #fff;
    }
    #mainVisual .inner .right-area .period strong::before {
        top: 5px;
    }
    #mainVisual .inner .right-area .period strong::after {
        bottom: 8px;
    }
    #mainVisual .inner .right-area .txt01 {
        margin: 15px 0;
    }
    #mainVisual .visual,
    #mainVisual .m-visual {
        min-height: auto;  
    }
    #mainVisual .wheel-scroll {
        display: none;
    }
    #mainVisual .inner .right-area .direct-link {
        display: block;
        width: 95px;
        height: 25px;
        margin: 0 0 25px 135px;    
        padding: 4px 13px 5px;
        font-size: 14px;
        position: static;
    }
    #mainVisual .inner .right-area .direct-link::after {
        display: inline-block;
        position: static;
        margin: -4px 0 0 5px;
        vertical-align: middle;
    }
    .current-situation {
        gap: 85px
    }
    .section02 .inner {
        min-height: 754px;
    }
    .detailed-items-field {
        gap: 2%;
        opacity:1 !important
    }
    .detailed-items-field > li {
        width: 49%
    }
    .section04 .top-area .flex {
        position: static;
    }
    .detailed-items-field li .block .link-cont > ul > li > a {
        font-size: 18px;
    }
    .pager-wrap {
        width: 834px;
    }
    .section07 .flex {
        flex-direction: column;
        padding-bottom: 0;
    } 
    .section07 .inner h3 {
        margin: 0 0 20px 0;
        font-size: 25px;
    }
    .section07 .tab-cont .more-st3 {
        top: 70px;
        right: 20px;
    }
    .tournament-schedule-area .more-st3 {
        left: 684px;
    }
    #mainVisual .inner .left-area .sports-infor-num {
        display: none;
    }
    
    .section08 .banner-zone ul li a {
        height: 485px;
    }
    .section08 .banner-zone .ms-controls {
        margin-top: 20px;
        position: static;
        justify-content: center;
    }
}    

@media (max-width:800px){
    .section04 .top-area .tabs-main {
        margin-left: 35px;
    }    
    .tournament-schedule-area .more-st3 {
        left: 670px;
    }
    .section07 .tab-cont .more-st3 {
        font-size: 16px;
    }
    .section07 .tab-cont .more-st3::before {
        width: 35px;
        height: 35px;    
    }
    .more-st3 {
        padding: 10px 0 0 46px;    
    }   
    .more-st3::before {
        width: 35px;
        height: 35px;       
    } 
    .tournament-schedule-area .more-st3 {
        top: -120px;
    }
}    
@media (max-width:768px){
    .tournament-schedule-area .more-st3 {
        left: 780px;
    }
}

@media (max-width:768px){
    .m2_c{flex-flow:column}
    #m2 .l,#m2 .r{width:100%; max-width:none}
    #m2 .r{border-top: 0; border-left: 1px solid var(--ddd);}
    
    .main-photo .s{margin: 0 0 -15px -15px;}
    .main-photo .s > li{width:calc(50% - 15px); margin: 0 0 15px 15px;}
    .main-photo img{width:100%}
    
    #m3 .l{width:59%}
    #m3 .r{width:33%; padding-top: 0;}
    .main-photo .no{margin-top: 1em;}
    #relSite .t,#relSite .etc{transform:none; top:0}
    #relSite .inner{padding: 40px 0 0}
    #relSite .s a{margin-right: 10px; padding-left: 13px;}
    
    #mPartner .div > li{width:calc(33.333% - 12px)}
    
    #mBot .r > .box{width:calc(50% - 5px); min-height: auto; padding: 25px 10px 25px 25px}
    #mBot .r .col{width:100%; flex-flow:row}
    #mBot .r .col a{padding: 25px 0}
    
    #mPartner{padding-top: 50px;}
    #mPartner .group:not(:first-child){margin-top: 50px;}
    
    .ms-btns{height: 30px}
    .ms-btns button{width:30px}
    .ms-btns button:before{width:7px; height: 7px}
    
    #m2, #m3{margin-top: 75px;}
    #mTop{padding-top: 75px;}
    #mPartner .div a{padding-bottom: 40%;}
    
    #mBannerZone .s_w{margin: 0 -5px;}
    #mBannerZone .s a{margin: 0 5px;}
    
    .main-news .notice{padding: 16px; }
    .main-news .s_w{padding: 25px 0}
    .bbs-cont{margin: 0 -15px;}
    .bbs-cont li{padding: 0 15px}
    
    #mainModalPopup .top{margin-bottom: 15px;}
    #mainModalPopup .top .flex{flex-flow:column; gap:10px; align-items:baseline}
    #mainModalPopup .top .flex > span{padding-left: 0; margin-left: 0;}
    #mainModalPopup .top .flex > span:before{display: none;}
    /* #mainModalPopup{padding: 18px 15px} */
    
    /* 리뉴얼 */
    .main-header .main-inner #logo {
        width: 126px;
        height: 38px;
        background:url(/static/sports/img/main/m_white_logo.png) no-repeat 0 0;
    }
    #mainVisual .visual > .inner,
    #mainVisual .m-visual > .inner {
        min-height: auto;
        padding: 90px 20px 50px;
    }
    #mainVisual .swiper-slide .text {
        bottom: 310px;
        text-shadow: 0 3px 6px rgba(0, 0, 0, 0.77);
    }
    #mainVisual .swiper-slide .text > img {
        width: 70%;
    }   
    #mainVisual .btn-wrapper {
        top: 14px;
    }   
    #mainVisual .swiper-slide .txt-area {
        bottom: 184px;
    }
    #mainVisual .swiper-slide .txt-area .txt01 {
        margin-bottom: 30px;
        font-size: 29px;
        text-shadow: 0 3px 6px rgba(0, 0, 0, 0.77);
    }
    #mainVisual .swiper-slide .txt-area .txt01 span {
        font-size: 53px;
        line-height: 58px;
    }   
    #mainVisual .swiper-slide .txt-area .txt02 {
        font-size: 18px;
    }
    #mainVisual .swiper-slide .txt-area .txt03 {
        font-size: 30px;
    }
    .mobView {
        display: block;
    }
    
    #mainVisual .s .item .inner {
        padding: 130px 0 0 0;    
        align-items: center;
    }
    #mainVisual .s .item p {
        opacity: 1;    
    }
    #mainVisual .s .item .txt01 {
        font-size: 20px;
    }
    #mainVisual .s .item .txt02 {
        font-size: 29px;
    }
    #mainVisual .s .item .txt03 {
        font-size: 16px;    
    }
    #mainVisual .inner .left-area .txt01 {
        width: 238px;
        margin:0 auto 13px;
    }
    #mainVisual .inner .left-area .txt01 > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    #mainVisual .etc {
        justify-content: center;
        width: 100%;
        left: 0;
        bottom: -31px;
    }
    #mainVisual .swiper-button-prev,
    #mainVisual .swiper-button-next {
        width: 30px;
        height: 30px;
    }
    #mainVisual .swiper-pagination {
        height: 40px;
        font-size: 14px;
    }
    .section02 {
        min-height: 620px;
        padding: 30px 0;
    }
    .section02 p.show {
        display: none;
        animation: none;
    }
    .detailed-items-field {
        height: auto;
        margin-top: 20px;
        flex-direction: column;
        gap: 20px;
    } 
    .detailed-items-field > li .block h4 {
        margin-bottom: 15px;
        font-size: 20px;
    }
    .detailed-items-field li .block .link-cont > ul > li > a {
        font-size: 16px;
    }
    .section04 {
        min-height: auto;
        padding: 30px 0;
    }
    .section04 .top-area {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 30px;
    }
    .section04 .top-area h3 {
        font-size: 25px;
    }
    .section04 .top-area .flex {
        align-items: center;
        position:static;
    }
    .section04 .top-area .tabs-main {
        justify-content: left;
        margin: 20px 0 0 0;
        padding: 0 0 70px 0;
    }
    .section04 .top-area .tabs-main > li {
        width: 100%;
    }
    .section04 .top-area .tabs-main > li > a {
        width: 100%;
    }
    .section04 .top-area::after {
        position: static;
        width: 100%;
    }
    .tournament-schedule-area {
        position: static;   
        transform: translate(0px);
    }
    .tournament-schedule-list {
        margin: 0 -10px 30px;
    }
    .tournament-schedule-list .slick-slide {
        margin: 0 10px;
    }
    .tournament-schedule-list li a {
        width: 100%;    
    }
    .tournament-schedule-list li a h4 {
        font-size: 18px;
    }
    .pager-wrap {
        width: 100%;
    }
    .section05 {
        padding:30px 0 75px;
    }
    #main .section05 .inner {
        width: 100%;
        padding: 0 20px;  
    }
    #main .section05 .inner h3 {
        font-size: 25px;
    }
    #main .section05 .inner p.ta-c {
        margin-bottom: 25px;
        font-size: 16px;
    }
   
    /* .service-wrapper .slider {
        width: 100%;
        height: 100%;
        transform-style:unset;
    }
    .service-wrapper .card {
        display: none;
        width: 230px;
        height: 295px;     
        margin: -260px 0 0 -108px;
    }
    .service-wrapper .card.is-front {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        top:0;
        left: 0;
        border: 0;
    }
    .service-wrapper .card .service-slide-content h4 {
        margin-bottom: 95px;
        font-size: 23px;    
    }
    .service-wrapper .card .service-slide-content p {
        font-size: 18px;       
    }
    .service-wrapper .card .service-slide-content .more-btn {
        font-size: 15px;
    }
    .service-wrapper .service-card01 .service-slide-content {
        background-position-y: 84px;    
    }
    .service-wrapper .service-card02 .service-slide-content {
        background-position-y: 96px;
    }
    .service-wrapper .service-card03 .service-slide-content {
        background-position-y: 78px;
    }
    .service-wrapper .service-card04 .service-slide-content {
        background-position-y: 82px;
        background-size: 70px;
    }
    .service-wrapper .service-card05 .service-slide-content {
        background-position-y: 84px;
    }
    .service-wrapper .service-card06 .service-slide-content {
        background-position-y: 75px;
    }
    .service-wrapper .service-card08 .service-slide-content {
        background-position-y: 77px;
    } */
    .section06 {
        padding: 30px 0;
    }
    .section06 .inner h3 {
        height: 40px;
        margin-bottom: 25px;
        font-size: 25px;
        background-position: 100% 0;
    }
    .section06 .inner h3::after {
        display: none;
    }
    .section06 .ksoc-sns {
        width: 100%;
        margin-bottom: 30px;
    }
    .section06 .ksoc-sns ul {
        margin: 0 -10px;
    }
    .section06 .ksoc-sns ul li {
        margin: 0 10px;
    }
    .section06 .ksoc-sns ul li a {
        width: 100%;
    }
    .section06 .ksoc-sns ul li figure .jackin-box.show {
        animation: none;
    }
    .section06 .ksoc-sns ul li  figure > img {
        width: 100%;
    }
    .section06 .ksoc-sns ul li figure .jackin-box {
        width: 100%;
        height: 468px;
    }
    .section06 .ksoc-sns ul li figcaption {
        font-size: 18px;
    }
    .section06 .ksoc-sns ul li p {
        font-size: 16px;    
    }
    .section06 .ksoc-sns .ms-controls {
        width: 100%;
        margin-top: 20px;
        position: static;
        justify-content: center;
    }
    .section06 .bottom-area {
        margin: 0 0 30px 0;
        padding: 0 0 20px 0;
    }
  
    .section06 .bottom-area p {
        font-size: 18px;    
    }
    .photo-publication h3 {
        margin: 0 0 25px 0;
        font-size: 25px;
    }
    .photo-publication .top-area::before,
    .photo-publication .top-area::after {
        display: none;
    }
    .photo-publication .flex {
        flex-direction: column;
    }
    .photo-publication .flex .big-photo {
        width: 100%;
        height: auto;
    }
    .photo-publication .photoBank {
        width: 100%;
        padding: 20px 0;
    }
    .photo-publication .photoBank dl dt,
    .photo-publication .photoBank p {
        font-size: 16px;
    }
    .photo-publication .photoBank dl dd {
        font-size: 22px;
    }
    .photo-publication .photoBank .img {
        display: none;
        width: 100%;
        height: auto;
    }
    .main-sports1 {
        width: 100%;
        height: auto;
        padding: 23px 20px 16px;
    }
    .main-sports1 .img {
        width: 100%;
        height: auto;
    }
    .photo-publication .photoBank .img > img,
    .main-sports1 .img > img {
        width:100%;
    }
    .section07 {
        padding: 30px 0;
    }
    .section07 .bbs-cont li.show {
        animation: none;
    }
    .section07 .inner .tabs-main {
        flex-wrap: wrap;
        padding: 0 0 45px 0;
    }
    .section07 .inner .tabs-main > li {
        width: 32%;
    }
    .section07 .inner .tabs-main > li > a {
        width: 100%;
    }
    .section07 .tab-cont .more-st3 {
        top: 190px;
        right: 20px;   
        padding: 10px 0 0 45px; 
    }
    .section07 .bbs-cont {
        padding: 40px 0;    
    }
    .section07 .bbs-cont li:nth-child(2n+1) {
        padding-right: 10px;
    }
    .section07 .bbs-cont li:nth-child(2n) {
        padding-left: 10px;
    }
    .section07 .bbs-cont li .t {
        font-size: 16px;    
    }
    .section08 {
        padding: 30px 0;
    }
    .section08 .inner h3 {
        font-size: 25px;
    }
    .section08 .banner-zone {
        margin: 0 -10px;
    }
    .section08 .banner-zone .slick-slide {
        margin: 0 10px;
    }
    .section08 .banner-zone ul li a {
        width: 100%;
        height: 467px;
    }
    .detailed-items-field > li {
        width: 100%;
    }
    .banner-zone {
        opacity: 1 !important;    
    }
    .more-st3 {
        padding: 10px 0 0 47px;
        font-size: 16px;
    }
    .more-st3::before {
        width: 35px;
        height: 35px;
    }
    .tournament-schedule-area .more-st3 {
        top: -85px;
        left: auto;
        right: 0;
    }
   
}

@media (max-width: 720px) {
    #mainVisual .inner .right-area .contest-logo {
        right: 225px;    
    }

}    

@media (max-width: 600px) {
    .more-st1:after { width: 32px; }
    
    #m2 .l .ms-btns { height: 40px; }
    #m2 .l .ms-btns button { width: 40px; }
    #m2 .r .ms-btns { height: 30px; }
    #m2 .r .ms-btns button { width: 30px; }
    
    #m2 .r .ms-controls { position: static; margin-top: 24px; }
    #m2 .r .status_w { order: 1; }
    
    .sec_cal .year_w .years { height: 40px; }
}
@media (max-width:485px){
    
    #m1{flex-flow:column;gap:75px}
    #m1 .l,#m1 .r{width:100%; max-width:none}
    .main-nb .img img{width:100%}
    #m1 .l .ms-controls { margin-top: 25px; }
    
    .sec_cal .cal_wrap .day{height: 9.5vw}

    .catchphrase {
        top: 35px;
    }
    #mainVisual .inner .left-area .search-area {
        width: 100%;
        margin: 0 0 25px 0;    
    }
    #mainVisual .inner .left-area .search-area input {
        height: 40px;
        padding: 10px 45px 8px 19px;
        border-width: 2px;
        font-size: 17px;
    }
    #mainVisual .inner .left-area .search-area button {
        width: 27px;
        height: 27px;
        top: 6px;
    }
    #mainVisual .inner .left-area .txt02 {
        margin: 0 0 25px 0;
        text-align: center;
        line-height: 1.05;
        font-size: 20px;
    }
    #mainVisual .inner .left-area .sports-infor-num {
        display: none;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    #mainVisual .inner .left-area .sports-infor-num li {
        width: 50%;
        height: auto;
        padding: 86px 10px 17px;
        border:0;
        border-radius: 0;
        backdrop-filter: blur(0);
        background-color: transparent;
        background-position: center 20px;
    }
    #mainVisual .inner .left-area .sports-infor-num li:nth-child(1) {
        background-size: 57px 52px;
    }    
    #mainVisual .inner .left-area .sports-infor-num li:nth-child(2) {
        background-size: 70px 55px;    
    }
    #mainVisual .inner .left-area .sports-infor-num li strong {
        font-size: 20px;
    }
    #mainVisual .inner .left-area .sports-infor-num li span {
        font-size: 16px;
        line-height: 1.19;
    }
    #mainVisual .inner .right-area {
        margin-top: 190px;
        padding: 0;
    }
    #mainVisual .inner .right-area .contest-logo {
        width: 66px;     
        position: absolute;
        top: -4px;
        right: 69px;
    }
    #mainVisual .inner .right-area .contest-logo > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #mainVisual .inner .right-area p {
        text-align: center;
        border-bottom: 1px solid #fff;
        margin: 15px 0 20px 0;
        padding: 0 0 17px 0;
        font-size: 18px;    
    }
    #mainVisual .inner .right-area .txt01 {
        margin: 0 67px 10px 0;
        padding: 0;
        border-bottom: 0;
        font-size: 18px;   
        line-height: 1.17;  
    }
    #mainVisual .inner .right-area .period {
        display: flex;
        margin: 0 0 25px 0;
        padding: 0;   
        text-align: right;
    }
    #mainVisual .inner .right-area .period::after {
        display: none;
    }
    #mainVisual .inner .right-area .period span {
        width: 160px;
        line-height: 1.17;
        font-size: 23px;
    }
    #mainVisual .inner .right-area .period strong {
        width: 55px;
        font-size: 23px;
        margin-left: 30px;
        padding: 12px 5px 0;
        position: relative;
    }
    #mainVisual .inner .right-area .period strong::before,
    #mainVisual .inner .right-area .period strong::after {
        display: block;
        content: '';
        width: 55px;
        height: 1px;
        position: absolute;
        left: 0;
        background-color: #fff;
    }
    #mainVisual .inner .right-area .period strong::before {
        top: 5px;
    }
    #mainVisual .inner .right-area .period strong::after {
        bottom: 8px;
    }
    #mainVisual .inner .right-area .current-situation {
        display: flex;
        justify-content: space-between;
        gap: 45px;
    }
    #mainVisual .inner .right-area dl + dl {
        margin: 0;
    }
    #mainVisual .inner .right-area dl dt {
        font-size: 16px;
        line-height: 1.19;
        text-align: center;
    }
    #mainVisual .inner .right-area dl dd {
        font-size: 22px;
        text-align: center;
    }
    #mainVisual .inner .right-area dl dd.hw {
        font-size: 19px;
        line-height: 1.8;
    }
    #mainVisual .inner .right-area .direct-link {
        margin: 0 0 25px -15px;
    }
    .section04 .top-area::after {
        width: 100%;
    }
}

@media (max-width:415px){
    #mainVisual .inner .right-area .contest-logo {
        right: 58px;
    } 
    .section08 .banner-zone ul li a {
        height: 544px;
    }
}    
@media (max-width:400px){
    #mainVisual .inner .right-area .contest-logo {
        right: 51px;
    } 
}    

@media (max-width:395px){
    #mainVisual .inner .right-area .contest-logo {
        right: 47px;
    } 
    .section08 .banner-zone ul li a {
        height: 508px;
    }
}    

@media (max-width:380px){
    #mBot .r > .box{width:100%}
    /* #mainVisual .swiper-slide .txt-area .txt01 span {
        font-size: 30px;
    } */
    #mainVisual .inner .right-area .contest-logo {
        right: 39px;
    } 
}
@media (max-width:365px){
    #mainVisual .inner .right-area .contest-logo {
        right: 34px;
    } 
    .section08 .banner-zone ul li a {
        height: 469px;
    }
}    