main {width:100%;height:100%;}

/* MAIN - 메인배너 */
section.main_banner {position:relative;}
section.main_banner .main_img_box img {height:75vh;object-fit:cover;}
section.main_banner .main_txt_box {position:absolute;left:50%;top:calc(50% - 5rem);transform:translate(-50%,-50%);z-index: 100;max-width:var(--max-width);width:100%;margin:0 auto;;}
section.main_banner .main_txt_box h3 {font-size:3.6rem;line-height:4.2rem;color:var(--font-white);font-weight:700;letter-spacing: -0.0375rem;}
section.main_banner .main_txt_box p {font-size:2rem;line-height:4.2rem;color:var(--font-white);font-weight:400;letter-spacing: -0.0375rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    section.main_banner .main_img_box img {height:80vh;object-position: -140rem 0;}
    section.main_banner .main_txt_box {padding:0 var(--side-padding);top:calc(50% - 17rem);}
    section.main_banner .main_txt_box h3 {font-size:4rem;margin-bottom:1rem;}
    section.main_banner .main_txt_box p {font-size:2.6rem;}
}

/* MAIN - 메인배너 스와이퍼 */
.mainSwiper .swiper-option {position:absolute;left:50%;top:calc(50% + 3rem);transform:translate(-50%,-50%);z-index: 100;max-width:var(--max-width);width:100%;margin:0 auto;display: flex;align-items: center;gap:3rem;}

.mainSwiper .swiper-pagination,
.mainSwiper .swiper-pagination-bullet {position:unset;width:1.2rem;height:1.2rem;margin:0;transform: scale(1);text-align: left;transform:unset;display:flex;}
.mainSwiper .swiper-pagination-bullet {background:rgba(255,255,255,.4);opacity:1;}
.mainSwiper .swiper-pagination-bullet-active {background:var(--white);opacity:1;width:3.8rem;border-radius:5rem;}
.mainSwiper .swiper-horizontal>.swiper-pagination-bullets,
.mainSwiper .swiper-pagination-horizontal.swiper-pagination-bullets {width:auto;}

.mainSwiper .swiper-navigation {display:flex;gap:1rem;}
.mainSwiper .swiper-button-next,
.mainSwiper .swiper-button-prev {position:unset;border-radius: 50%;background-color: rgba(0, 0, 0, .5);margin:0;color:var(--white);width:3rem;height:3rem;margin:0;}
.mainSwiper .swiper-button-next:hover,
.mainSwiper .swiper-button-prev:hover {background-color: rgba(0, 0, 0, .8);}
.swiper-horizontal .swiper-button-next, .swiper-horizontal .swiper-button-prev {margin:0 !important;}
.mainSwiper .swiper-button-next svg,
.mainSwiper .swiper-button-prev svg {fill:none;stroke:var(--white);stroke-width: 2px;width:.5rem;height:1rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .mainSwiper .swiper-option {top:calc(50% + -8rem);left:var(--side-padding);transform:translate(0,0);}

    .mainSwiper .swiper-pagination,
    .mainSwiper .swiper-pagination-bullet {width:1.6rem;height:1.6rem;}
    .mainSwiper .swiper-pagination-bullet-active {width:5rem;}
    .mainSwiper .swiper-navigation {display:none;}
}


/* MAIN - 메인 스폰서 리스트 */
.main_sponsor {position:absolute;top:2.2rem;left:50%;transform:translate(-50%, 0);z-index:300;background:rgba(255,255,255,.3);border-radius:50px;padding:1.7rem 4rem;}
.main_sponsor .sponsor_wrapper {display:flex;justify-content: space-between;gap:3rem;align-items: center;}
.main_sponsor .sponsor_wrapper > li {width:auto;display:inline-block;}
.main_sponsor .sponsor_wrapper img {height:auto;}
.main_sponsor .sponsor_wrapper img.sponsor_img_1 {width:9.6rem;}
.main_sponsor .sponsor_wrapper img.sponsor_img_2 {width:4.2rem;}
.main_sponsor .sponsor_wrapper img.sponsor_img_3 {width:2.8rem;}
.main_sponsor .sponsor_wrapper img.sponsor_img_4 {width:6.2rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .main_sponsor {height: 10.2rem;width: 49.4rem;display: flex;align-items: center;justify-content: center;top:2.4rem;}
    .main_sponsor .sponsor_wrapper {gap:2.4rem;}
    .main_sponsor .sponsor_wrapper img.sponsor_img_1 {width:12.9rem;}
    .main_sponsor .sponsor_wrapper img.sponsor_img_2 {width:5.63rem;}
    .main_sponsor .sponsor_wrapper img.sponsor_img_3 {width:3.8rem;}
    .main_sponsor .sponsor_wrapper img.sponsor_img_4 {width:8.32rem;}
}


/* MAIN - 메인 경기 리스트 */
.main_match_box {position:absolute;bottom:0;left:0;right:0;z-index:300;width:100%;}
.main_match_box .match_wrapper {background: rgba(0,0,0,.5);padding:1.9rem 0 2.4rem 0;}
.main_match_box .match_wrapper .match_title_box {display:flex;justify-content: space-between;margin-bottom:1.1rem;padding-right:5rem;padding-left:var(--side-padding);align-items: center;}
.main_match_box .match_wrapper .match_title_box p {color:var(--font-white);font-weight: 700;font-size: 1.8rem;}
.main_match_box .match_wrapper .match_item_wrap {padding:1.8rem 1.7rem;background:var(--white);border-radius:.8rem;border:.3rem solid var(--white);}
.main_match_box .match_wrapper .match_item_wrap:hover {border:.3rem solid var(--main-blue-3);}
.main_match_box .match_wrapper .match_item_wrap .match_item_title {display:flex;justify-content: space-between;align-items: center;}
.main_match_box .match_wrapper .match_item_wrap .match_item_title .match_cate > div {display:none;font-weight: 700;line-height: 2.6rem;font-size:1.5rem;color:var(--main-blue-1);border-radius:50px;background:var(--background-grey);padding:0 .8rem;height:2.6rem;}
.main_match_box .match_wrapper .match_item_wrap .match_item_title .match_cate > div.active {display:flex;gap:.2rem;align-items: center;}
.main_match_box .match_wrapper .match_item_wrap .match_item_title .match_cate > div.baseball {color:var(--main-blue-1);}
.main_match_box .match_wrapper .match_item_wrap .match_item_title .match_cate > div.baseball_5 {color:var(--point-orange);}
.main_match_box .match_wrapper .match_item_wrap .match_item_title .match_cate > div.softball {color:#FF4E6A;}
.main_match_box .match_wrapper .match_item_wrap .match_item_title .match_cate > div  > span {display:inline;}
.main_match_box .match_wrapper .match_item_wrap .match_item_title .match_cate > div .icon {}
.main_match_box .match_wrapper .match_item_wrap .match_item_title .match_cate > div .icon img {width:1.8rem;height:auto;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .main_match_box .match_wrapper {padding:2.2rem 0 3.4rem var(--side-padding);}
    .main_match_box .match_wrapper .match_title_box {margin-bottom:1.4rem;padding-left:0;}
    .main_match_box .match_wrapper .match_title_box p {font-size:3rem;line-height:4rem;}
    .main_match_box .match_wrapper .match_title_box svg {width:auto;height:2.5rem;}
    .main_match_box .match_wrapper .match_item_wrap {padding:3rem;}
    .main_match_box .match_wrapper .match_item_wrap .match_item_title .match_cate > div {font-size: 3rem;line-height: 5.2rem;padding:0 2.6rem;height:5.2rem;}
    .main_match_box .match_wrapper .match_item_wrap .match_item_title > span {font-size: 2.4rem;line-height: 2.4rem;padding:1.1rem 3.8rem;}
    .main_match_box .match_wrapper .match_item_wrap .match_item_title .match_cate > div.active {gap:.6rem;}
    .main_match_box .match_wrapper .match_item_wrap .match_item_title .match_cate > div .icon img {width:3rem;height:auto;}
}

.main_match_box .match_item_wrap .match_item_title .match_update {display:flex;align-items: center;gap:.4rem;}
.main_match_box .match_item_wrap .match_item_title .match_update > span {display:none;background:var(--btncolor-3);color:var(--font-white);text-align: center;font-size:1.2rem;line-height:2.6rem;border-radius:5rem;padding:0 1.2rem;height:2.6rem;}
.main_match_box .match_item_wrap .match_item_title .match_update > span.active {display:block;}
.main_match_box .match_item_wrap .match_item_title .match_update > span.match_end {}
.main_match_box .match_item_wrap .match_item_title .match_update > span.match_live {border:1px solid var(--btncolor-5);background:var(--white);color:var(--btncolor-5);line-height:2.3rem;}
.main_match_box .match_item_wrap .match_item_title .match_update > span.match_live > span {width:.6rem;height:.6rem;background:var(--btncolor-5);border-radius:50%;display:inline-block;margin-right:.4rem;margin-bottom: .1rem;}
.main_match_box .match_item_wrap .match_item_title .match_update > span.match_ing {background:var(--btncolor-1);color:var(--font-white);}
.main_match_box .match_item_wrap .match_item_title .match_update > span.match_plan {background:var(--btncolor-2);}
.main_match_box .match_item_wrap .match_item_title .match_update > span.match_cancle {background:var(--btncolor-4);}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .main_match_box .match_item_wrap .match_item_title .match_update {gap:1rem;}
    .main_match_box .match_item_wrap .match_item_title .match_update > span {font-weight: 400;font-size: 2.6rem;line-height: 5.2rem;text-align: center;padding:0 2.8rem;height:5.2rem;}
    .main_match_box .match_item_wrap .match_item_title .match_update > span.match_live {border:2px solid var(--btncolor-5);line-height: 4.3rem;}
    .main_match_box .match_item_wrap .match_item_title .match_update > span.match_live > span {width:1rem;height:1rem;margin-bottom: .4rem;}
}
@media (min-width:390px) and (max-width:719px) { /* IP 12 PRO,  */
    .main_match_box .match_wrapper .match_item_wrap .match_item_title .match_cate > div {padding:0 2rem;}
    .main_match_box .match_item_wrap .match_item_title .match_update > span {padding:0 1.7rem;}
}

.main_match_box .match_wrapper .match_item_wrap .match_item_info {margin:.8rem 0 1.3rem;}
.main_match_box .match_wrapper .match_item_wrap .match_item_info p {font-size: 1.5rem;line-height: 2rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main_match_box .match_wrapper .match_item_wrap .match_item_info span {font-size: 1.5rem;line-height: 2rem;display:inline-block;}
.main_match_box .match_wrapper .match_item_wrap .match_item_info span.info_type {color:var(--medium-grey);margin-right:.6rem;}
.main_match_box .match_wrapper .match_item_wrap .match_item_info span.info_time {color:var(--main-blue-1);margin-right:.6rem;}
.main_match_box .match_wrapper .match_item_wrap .match_item_info span.info_inning {color:var(--btncolor-5);}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .main_match_box .match_wrapper .match_item_wrap .match_item_info {margin:1.8rem 0 1.5rem;}
    .main_match_box .match_wrapper .match_item_wrap .match_item_info p {font-size: 3rem;line-height: 4rem;}
    .main_match_box .match_wrapper .match_item_wrap .match_item_info span {font-size: 3rem;line-height: 4rem;}
}
.main_match_box .match_wrapper .match_item_wrap .match_team_list > li {display:flex;align-items: center;justify-content: space-between;margin-bottom:1rem;gap:1rem;position:relative;}
.main_match_box .match_wrapper .match_item_wrap .match_team_list > li .team_logo_img {width:3.4rem;height:3.4rem;border-radius:.5rem;padding:.3rem;}
.main_match_box .match_wrapper .match_item_wrap .match_team_list > li p {font-weight: 700;font-size: 1.5rem;line-height: 2.4rem;width:10%;text-align: right;}
.main_match_box .match_wrapper .match_item_wrap .match_team_list .match_team_name {display:flex;align-items: center;gap:1.2rem;width:90%;}
.main_match_box .match_wrapper .match_item_wrap .match_team_list .match_team_name p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 3.2rem);text-align: left;}
.main_match_box .match_wrapper .match_item_wrap .match_team_list > li .hover_bubble {display:none;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .main_match_box .match_wrapper .match_item_wrap .match_team_list li .team_logo_img {width:6.8rem;height:6.8rem;}
    .main_match_box .match_wrapper .match_item_wrap .match_team_list li p {font-size: 3rem;line-height: 4rem;}
}
@media screen and (min-width: 1024px) { /* PC */
    .main_match_box .match_wrapper .match_item_wrap .match_team_list > li .hover_bubble {position: relative;background: var(--sub-color-blue);border-radius: 2.5rem;padding:.5rem 2rem;font-size:1.3rem;line-height:2.4rem;color:#444;}
    .main_match_box .match_wrapper .match_item_wrap .match_team_list > li .hover_bubble::after {content: "";position: absolute;bottom: 0;left: 3rem;width: 0;height: 0;border: 1rem solid transparent;border-top-color: var(--sub-color-blue);border-bottom: 0;margin-bottom: -1rem;}
    .main_match_box .match_wrapper .match_item_wrap .match_team_list > li:hover .hover_bubble {display:block;position:absolute;z-index:3;bottom:3rem;left:3rem;}
}

/* MAIN - 메인 경기 리스트 - matchSwiper */
.matchSwiper {overflow: hidden;padding-left:var(--side-padding);}
/* .matchSwiper .swiper-wrapper {gap:1.4rem;} */
.matchSwiper .swiper-button-next,
.matchSwiper .swiper-button-prev {border-radius: 50%;background-color: rgba(0, 0, 0, .5);margin:0;color:var(--white);width:3rem;height:3rem;margin:0;top:50%;transform:translate(0, -50%);}
.matchSwiper .swiper-button-next:hover,
.matchSwiper .swiper-button-prev:hover {background-color: rgba(0, 0, 0, .8);}
.matchSwiper.swiper-horizontal .swiper-button-next,
.matchSwiper.swiper-horizontal .swiper-button-prev {margin:0 !important;}
.matchSwiper.swiper-horizontal .swiper-button-next {right:3rem !important;}
.matchSwiper.swiper-horizontal .swiper-button-prev {left:2.5rem !important;}
.matchSwiper .swiper-button-next svg,
.matchSwiper .swiper-button-prev svg {fill:none;stroke:var(--white);stroke-width: 2px;width:.5rem;height:1rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .matchSwiper {overflow: hidden;padding-left:0;}
    /* .matchSwiper .swiper-wrapper {gap:2rem;} */
    .matchSwiper .swiper-navigation {display:none;}
}


/* MAIN - 메인보드 공통 */
section.main_board {background-color:var(--background-grey);padding:7.6rem var(--side-padding);}
section.main_board .main_board_wrapper {max-width:var(--max-width);margin:0 auto;}
section.main_board .main_board_box {display:grid;grid-template-columns: repeat(3, minmax(100px, 1fr));gap:3rem;margin-bottom:3rem;}
section.main_board .main_board_box > div {border-radius:8px;}
section.main_board .main_board_tab {display:none;overflow:auto;}
section.main_board .main_board_tab::-webkit-scrollbar {display:none;}
section.main_board .main_board_mtitle {padding:1.8rem 2rem;display:flex;justify-content: space-between;align-items: center;border-top-left-radius: 8px;border-top-right-radius: 8px;}
section.main_board .main_board_mtitle h4 {font-weight: 700;font-size: 2rem;line-height:2rem;vertical-align: middle;color:var(--font-white);display:flex;gap:.8rem;align-items: center;}
section.main_board .main_board_content {background:var(--white);border-radius:0 0 8px 8px;}
section.main_board .main_board_content ul li {padding:1.4rem 2rem;border-bottom:1px solid var(--linegrey);}
section.main_board .main_board_content ul li:hover {background:var(--sub-color-blue);}
section.main_board .main_board_content ul li > a {display:block;}
section.main_board .main_board_content ul li:last-child {border-bottom:0;}
section.main_board .main_board_content ul li .mboard_stitle {display:block;font-weight: 400;font-size: 1.5rem;line-height:1.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
section.main_board .main_board_content ul li .mboard_stitle:hover {font-weight:700;}
section.main_board .main_board_content ul li .mboard_date {display:inline-block;font-weight: 400;font-size: 1.5rem;line-height:1.8rem;color:var(--medium-grey)}
section.main_board .main_board_content ul li.new_update > a {display:flex;font-size: 1.5rem;line-height:1.8rem;}
section.main_board .main_board_content ul li.new_update > a::after {content:'NEW';display:inline-block;margin-left: .5rem;color:var(--main-blue-1);font-size: 1.5rem;line-height:1.8rem;}
section.main_board .main_board_content ul li.new_update .mboard_stitle {display:inline;width:auto;}

@media screen and (max-width:1023px) { /* Mobile, Tablet */
    section.main_board {padding: 7.6rem var(--side-padding);}
    section.main_board .main_board_box {grid-template-columns: repeat(1, minmax(100px, 1fr));}
    section.main_board .main_board_box article[class^="main_board_"] {display: none;}
    section.main_board .main_board_box article[value="notice"] {display: block; /* 처음엔 공지사항만 보이게 */}
    section.main_board .main_board_mtitle {display:none;}
    section.main_board .main_board_tab {display:flex;justify-content: space-between;align-items: center;}
    section.main_board .main_board_tab svg {width:auto;height:2rem;stroke:var(--medium-grey);}
    section.main_board .main_board_tab svg path {stroke:var(--medium-grey);}
    section.main_board .main_board_tab ul {display:flex;gap:1rem;align-items: center;padding-right:3rem;}
    section.main_board .main_board_tab ul li {text-align: center;display:block;padding:1.8rem 3.2rem;border-radius:5rem;background:var(--btncolor-2);color:var(--white);font-size:2.8rem;line-height:3rem;display:flex;gap:.8rem;align-items: center;}
    section.main_board .main_board_tab ul li.active {background:var(--main-blue-1);}
    section.main_board .main_board_tab ul li span.icon {display:block;width:2.8rem;height:2.8rem;}
    section.main_board .main_board_content {border-radius:8px;padding:1.8rem 3rem;}
    section.main_board .main_board_content ul li {padding:2.2rem 0;}
    section.main_board .main_board_content ul li .mboard_stitle {font-size:3rem;line-height:3.6rem;}
    section.main_board .main_board_content ul li .mboard_date {font-size:3rem;line-height:3.6rem;margin-top:.4rem;}
    section.main_board .main_board_content ul li .new_update {margin-left: 1rem;}
    section.main_board .main_board_content ul li.new_update > a::after {font-size: 3rem;line-height:3.6rem;margin-left:.8rem;}
}

/* MAIN - 메인보드 공지사항 */
section.main_board .main_board_notice {}
section.main_board .main_board_notice .mbn_mtitle {background-color:var(--main-blue-1);}

/* MAIN - 메인보드 보도자료 */
section.main_board .main_board_press {}
section.main_board .main_board_press .mbp_mtitle {background-color:var(--main-blue-2);}

/* MAIN - 메인보드 입찰공고 */
section.main_board .main_board_invit {}
section.main_board .main_board_invit .mbi_mtitle {background-color:var(--main-blue-3);}

/* MAIN - 메인보드 영상 및 이미지 */
section.main_board .main_board_media {display:flex;gap:1.1rem;}
section.main_board .main_board_video {width:100%;flex:1.5;}
section.main_board .main_board_img {display:grid;grid-template-columns: repeat(2, minmax(100px, 1fr));gap:1rem;width:100%;flex:1;}
section.main_board .main_board_img > div {position:relative;}
section.main_board .main_board_img > div:hover::after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid var(--main-blue-2);}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    section.main_board .main_board_media {display:block;}
    section.main_board .main_board_img {margin-top:2rem;}
    section.main_board .main_board_video iframe {height:39rem;}
}

/* MAIN - 메인클립 */
section.main_clip {background-image: url("/assets/img/background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;padding:8.5rem var(--side-padding);}
section.main_clip .shortsSwiper {overflow: hidden;padding:0 1.5rem;}
section.main_clip .main_clip_wrapper {max-width:var(--max-width);margin:0 auto;display:flex;gap:1rem;justify-content: space-between;align-items: flex-start;}
section.main_clip .main_clip_title {width:20%;}
section.main_clip .main_clip_title h3 {font-weight: 700;font-size: 3rem;;line-height: 3.8rem;color:var(--font-white);margin-bottom:1.3rem;}
section.main_clip .main_clip_title .go_short_btn {padding:1.2rem 1.9rem;font-weight: 400;font-size: 1.5rem;text-align: center;color:var(--font-white);border-radius:5rem;border:1px solid var(--white);display:inline-block;}
section.main_clip .main_clip_title .go_short_btn:hover {background:var(--white);color:var(--main-blue-1);}
section.main_clip .main_clip_shorts {width:80%;}
section.main_clip .main_clip_shorts article {line-height:100%;}
section.main_clip .main_clip_shorts article figure {position:relative;width:100%;height:100%;display:inline-block;}
section.main_clip .main_clip_shorts article figure video {width:100%;height:100%;display:inline-block;object-fit: cover;}
section.main_clip .main_clip_shorts article figure:hover::after {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:calc(100% + 2px);height:100%;border:3px solid var(--main-blue-2);}
section.main_clip .main_clip_shorts .main_shorts_txt {margin-top:1rem;}
section.main_clip .main_clip_shorts .main_shorts_txt p {font-weight: 400;font-size: 1.5rem;line-height: 2rem;color:var(--font-white);}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    section.main_clip {padding: 10rem 0 10rem var(--side-padding);position:relative;height:120rem;background-image: url("/assets/img/clip-back.jpg");}
    section.main_clip .shortsSwiper {padding:0;}
    section.main_clip .main_clip_wrapper {display:block;}
    section.main_clip .main_clip_title {width:100%;}
    section.main_clip .main_clip_shorts {width:100%;}
    section.main_clip .main_clip_title .go_short_btn {position:absolute;bottom:5.6rem;left:50%;transform:translate(-50%, 0);font-size:3rem;line-height:3rem;padding:2.4rem 4rem;border:2px solid var(--white);white-space: nowrap;}
    section.main_clip .main_clip_title h3 {font-size:4.2rem;line-height:5rem;margin-bottom:4.2rem;}
    section.main_clip .main_clip_shorts .main_shorts_txt {display:none;}
}
@media screen and (max-width:420px) { /* Mobile */
    section.main_clip .main_clip_title .go_short_btn {padding:2.5rem 4rem;bottom:11.6rem;}
}


/* MAIN - 메인클립 shortsSwiper */
.shortsSwiper .swiper-button-next,
.shortsSwiper .swiper-button-prev {border-radius: 50%;background-color: rgba(0, 0, 0, .5);margin:0;color:var(--white);width:3rem;height:3rem;margin:0;}
.shortsSwiper.swiper-horizontal .swiper-button-next,
.shortsSwiper.swiper-horizontal .swiper-button-prev {margin:0 !important;top: calc(50% - 3.5rem);}
.shortsSwiper.swiper-horizontal .swiper-button-next {right:0;}
.shortsSwiper.swiper-horizontal .swiper-button-prev {left:0;}
.shortsSwiper .swiper-button-next svg,
.shortsSwiper .swiper-button-prev svg {fill:none;stroke:var(--white);stroke-width: 2px;width:.5rem;height:1rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .shortsSwiper.swiper-horizontal .swiper-button-next,
    .shortsSwiper.swiper-horizontal .swiper-button-prev {display:none;}
}


/* MAIN - 메인인스타 */
section.main_insta {background-color:var(--background-grey);padding:10rem var(--side-padding) ;}
section.main_insta .main_insta_wrapper {max-width:var(--max-width);margin:0 auto;overflow:hidden;}
section.main_insta .main_insta_title {display:flex;justify-content: space-between;align-items: center;margin-bottom:1.3rem;}
section.main_insta .main_insta_title h3 {font-weight: 700;font-size: 3rem;line-height: 5.2rem;}
section.main_insta .main_insta_content {display:grid;grid-template-columns: repeat(5, minmax(100px, 1fr));gap:2rem;}
section.main_insta .main_insta_content > div {position:relative;display:block;}
section.main_insta .main_insta_content > div:hover::after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid var(--main-blue-2);}
@media screen and (min-width: 1024px) { /* PC */
    section.main_insta .main_insta_content > div {width:100% !important;}
}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    section.main_insta {padding:10rem 0 10rem var(--side-padding);}
    section.main_insta .main_insta_content {display:flex;}
    section.main_insta .main_insta_title {margin-bottom:3.8rem;}
    section.main_insta .main_insta_title h3 {font-size:4.2rem;line-height:5rem;}
    section.main_insta .main_insta_title > a.insta_arrow {display:none;}
}


/* MAIN - 메인랭크 공통 */
section.main_lank {padding:10rem var(--side-padding);}
section.main_lank .main_lank_wrapper {max-width:var(--max-width);margin:0 auto;}
section.main_lank .main_lank_title h3 {font-weight: 700;font-size: 3rem;line-height: 5.2rem;margin-bottom:1.3rem;}
section.main_lank .main_lank_cont {background: var(--background-grey);padding:7rem 5rem;border-radius:0 1.6rem 1.6rem 1.6rem;}
section.main_lank .main_lank_cont .title {margin-bottom:2rem;}
section.main_lank .main_lank_cont .title h4 {font-weight: 700;font-size: 1.8rem;}

/* MAIN - 메인랭크 팀승률 TOP10 */
section.main_lank .main_lank_cont .lank_winper {margin-bottom:3rem;}
section.main_lank .main_lank_cont .lank_winper .title {display:flex;justify-content: space-between;align-items: flex-end;}
section.main_lank .main_lank_cont .lank_winper .title .update_txt {font-weight: 400;font-size: 1.3rem;line-height: 1.6rem;text-align: right;color:#444;}
section.main_lank .lank_table {background: var(--white);border-radius:16px;padding:.6rem 2rem;}
section.main_lank .lank_table table { width: 100%; border-collapse: collapse; table-layout: fixed;}
section.main_lank .lank_table th,
section.main_lank .lank_table td { padding: .5rem .4rem; text-align: center; font-size:1.5rem;}
section.main_lank .lank_table tr { background: var(--white); }
section.main_lank .lank_table th {padding: .5rem .4rem 1rem .4rem;}
section.main_lank .lank_table thead th {font-weight: bold;}
section.main_lank .lank_table thead th:first-child {position: sticky; left: 0; z-index: 3;background:inherit;}
section.main_lank .lank_table thead th:nth-child(2) {position: sticky; left: 6.5rem; z-index: 3;background:inherit;}
section.main_lank .lank_table tbody tr {background: var(--background-grey);}
section.main_lank .lank_table tbody tr:nth-child(even) {background: var(--white);}
section.main_lank .lank_table tbody tr:first-child {background: #FFEFF0;}
section.main_lank .lank_table tbody tr.first td:first-child {padding:0 .4rem;position:relative;}
section.main_lank .lank_table tbody tr.first td:first-child svg {width:2rem;height:auto;}
section.main_lank .lank_table tbody tr.first td:first-child .number_one {color:var(--font-white);position:absolute;top:.3rem;left: 50%;display: block;transform: translate(-50%, 0px);}
section.main_lank .lank_table tbody td.teamname {font-weight:700;}
section.main_lank .lank_table tbody td.teamname {display:flex;gap:1.6rem;align-items: center;}
section.main_lank .lank_table tbody td.win {color:var(--main-blue-1);}
section.main_lank .lank_table tbody td:first-child {position: sticky; left: 0; z-index: 3;background:inherit;}
section.main_lank .lank_table tbody td:nth-child(2) {position: sticky; left: 6.5rem; z-index: 3;text-align: left;background:inherit;padding: .5rem 1rem .5rem 3.5rem;}

section.main_lank .main_lank_box article {display: none;}
section.main_lank article[value="univer"] {display: block;}

section.main_lank .lank_table::-webkit-scrollbar {height:6px;background:#ddd;border-radius:5rem;}
section.main_lank .lank_table::-webkit-scrollbar-thumb {height:6px;background:#a4a4a4;border-radius:5rem;}
section.main_lank .lank_table::-webkit-scrollbar-track {height:6px;background:#ddd;border-radius:5rem;}

@media screen and (max-width:1023px) { /* Mobile, Tablet */
    section.main_lank {padding:10rem var(--side-padding);}
    section.main_lank .main_lank_tab {overflow:hidden;}
    section.main_lank .main_lank_title h3 {font-size:4.2rem;line-height:5rem;margin-bottom:3.2rem;}
    section.main_lank .main_lank_cont {padding:2.4rem 0;background:var(--white);}
    section.main_lank .main_lank_cont .title {margin-bottom:6.3rem;padding-right:3rem;}
    section.main_lank .main_lank_cont .title h4 {font-size:3.6rem;line-height:3.8rem;}
    section.main_lank .main_lank_cont .lank_winper {background: var(--background-grey);padding:4rem 0 2rem var(--side-padding);border-radius: 16px;}
    section.main_lank .main_lank_cont .lank_winper .title .update_txt {font-size:2.3rem;line-height:3rem;color:#9E9E9E;}
    section.main_lank .lank_table {overflow-x: scroll;padding:0;background:var(--background-grey);padding-bottom:2rem;}
    section.main_lank .lank_table table { table-layout:unset}
    section.main_lank .lank_table tr {background:var(--background-grey);}
    section.main_lank .lank_table thead th {font-weight:400;color:#444;}
    section.main_lank .lank_table th,
    section.main_lank .lank_table td {font-size:2.8rem;line-height:7.4rem;padding: 0 1.2rem;}
    section.main_lank .lank_table thead th:nth-child(2) {left: 7.43rem;}
    section.main_lank .lank_table tbody td:nth-child(2) {left: 7.43rem;text-align: left;padding: 0 1rem 0 0;}
    section.main_lank .main_lank_cont .lank_empty {background: var(--background-grey);padding: 4rem var(--side-padding);border-radius: 1.6rem;}
    section.main_lank .main_lank_cont .lank_empty p {font-size:1.8rem;font-size: 2.6rem;line-height: 7.4rem;}
    section.main_lank .lank_table tbody tr.first td:first-child {position:sticky;padding:0 1.2rem;}
    section.main_lank .lank_table tbody tr.first td:first-child svg {display:none;}
    section.main_lank .lank_table tbody tr.first td:first-child .number_one {color:var(--font-black);position:unset;transform: unset;}

    section.main_lank .lank_table tbody td.teamname .teammark {width:4.4rem;height:auto;display:inline-block;}
}

.lank_table .col_1 {width:7.5rem;}
.lank_table .col_2 {width:18rem;}
.lank_table .col_3 {width:auto;}
.lank_table .col_4 {width:auto;}
.lank_table .col_5 {width:auto;}
.lank_table .col_6 {width:auto;}
.lank_table .col_7 {width:auto;}
.lank_table .col_8 {width:auto;}
.lank_table .col_9 {width:auto;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .lank_table .col_1 {width:7rem;}
    .lank_table .col_2 {width:24rem;}
    .lank_table .col_3 {width:auto;}
    .lank_table .col_4 {width:auto;}
    .lank_table .col_5 {width:auto;}
    .lank_table .col_6 {width:auto;}
    .lank_table .col_7 {width:auto;}
    .lank_table .col_8 {width:auto;}
    .lank_table .col_9 {width:auto;}
}


/* MAIN - 메인랭크 개인 타자, 투수 BEST 공통 탭*/
.arrow-tabs {display: flex;text-align: center;overflow-x:auto;}
.arrow-tabs::-webkit-scrollbar {display:none;}
.arrow-tabs li {position: relative;display: flex;align-items: center;justify-content: center;margin-right: -1.1rem;transition: 0.2s ease;padding: 0 3rem;background: #BBD3FF;font-size: 1.5rem;width:13.3rem;height: 4rem;color: var(--font-white);cursor: pointer;clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 0 100%, 13px 50%);line-height: 4rem;}
.arrow-tabs li:first-child {clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 0 100%, 0 0);}
.arrow-tabs li.active {background: var(--main-blue-1);}
.arrow-tabs li:hover {color:var(--main-blue-1);}
.arrow-tabs li.active:hover {color:var(--font-white);}
/* .arrow-tabs li:hover:not(.active) {background: var(--btncolor-2);} */
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .arrow-tabs {gap:1.5rem;}
    .arrow-tabs li {margin:0;}
    .arrow-tabs li:first-child {clip-path:none;}
    .arrow-tabs li {font-weight: 400;font-size: 2.8rem;line-height: 3rem;padding:0 4rem;clip-path:none;border-radius:5rem;height:7rem;line-height: 7rem;width:auto;}
}


/* MAIN - 메인랭크 개인 타자, 투수 BEST 공통*/
section.main_lank .main_lank_cont .lank_flex {display:flex;gap:7rem;justify-content: space-between;}
section.main_lank .main_lank_cont .lank_flex > div {flex:1;}
section.main_lank .main_lank_cont .lank_flex > div ul {display:grid;grid-template-columns: repeat(4, minmax(100px, 1fr));gap:1rem;}
section.main_lank .main_lank_cont .lank_flex > div ul li {background:var(--white);border-radius:16px;text-align: center;padding:2.9rem 0 1.4rem 0;position:relative;}
section.main_lank .main_lank_cont .lank_flex > div ul li .profile {position:relative;display: inline-block;}
section.main_lank .main_lank_cont .lank_flex > div ul li .profile > img {width:7.2rem;height:7.2rem;margin:0 auto 1.1rem;}
section.main_lank .main_lank_cont .lank_flex > div ul li .profile .profile_mark {position:absolute;bottom:1rem;right:0;width:2.8rem;height:2.8rem;}
section.main_lank .main_lank_cont .lank_flex > div ul li p {font-weight: 700;font-size: 1.5rem;;line-height: 1.6rem;;text-align: center;margin-bottom: .4rem;}
section.main_lank .main_lank_cont .lank_flex > div ul li span {font-weight: 400;font-size: 1.3rem;;line-height: 1.6rem;display:block;}
section.main_lank .main_lank_cont .lank_flex > div ul li span.winper {font-weight: 400;font-size: 1.5rem;line-height: 2rem;text-align: center;color:var(--main-blue-1);margin-top: .3rem;}
section.main_lank .main_lank_cont .lank_flex > div ul li span.badge {position:absolute;top:-1rem;left:50%;transform:translate(-50%, 0);width:8rem;height:2.6rem;}
section.main_lank .main_lank_cont .lank_flex > div ul li:nth-child(even) span.badge svg {fill:var(--sub-color-mint);}
section.main_lank .main_lank_cont .lank_flex > div ul li span.badge svg {width:100%;fill:var(--sub-color-blue);}
section.main_lank .main_lank_cont .lank_flex > div ul li span.badge > span {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
section.main_lank .main_lank_cont .lank_flex > div .sub_desc {font-weight: 400;font-size: 1.3rem;line-height: 2.1rem;text-align: right;display:block;color:#444;margin-top:.7rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    section.main_lank .main_lank_cont .lank_flex {display:block;background: var(--background-grey);padding:4rem var(--side-padding);border-radius:16px;}
    section.main_lank .main_lank_cont .lank_flex > div.lank_pitcher {margin-bottom:3.5rem;}
    section.main_lank .main_lank_cont .lank_flex > div ul {grid-template-columns: repeat(2, minmax(100px, 1fr));gap:7.3rem 2rem;}
    section.main_lank .main_lank_cont .lank_flex > div ul li {padding:6.5rem 0 3.9rem;}
    section.main_lank .main_lank_cont .lank_flex > div ul li img {width:17.2rem;height:auto;margin:0 auto 2.8rem;}
    section.main_lank .main_lank_cont .lank_flex > div ul li .profile > img {width:17.2rem;height:17.2rem;}
    section.main_lank .main_lank_cont .lank_flex > div ul li .profile .profile_mark {width:6.2rem;height:6.2rem;}
    section.main_lank .main_lank_cont .lank_flex > div ul li p {font-size:3.6rem;line-height:3.8rem;}
    section.main_lank .main_lank_cont .lank_flex > div ul li span {font-size:2.8rem;line-height:3.8rem;}
    section.main_lank .main_lank_cont .lank_flex > div ul li span.winper {font-size:3.6rem;line-height:3.8rem;}
    section.main_lank .main_lank_cont .lank_flex > div ul li span.badge {width: 19.2rem;height: 6.4rem;top:-3rem;}
    section.main_lank .main_lank_cont .lank_flex > div .sub_desc {font-size:2.3rem;line-height:3rem;color:var(--font-grey);margin-top:1.2rem;}
}


/* MAIN - 메인랭크 개인 투수 BEST */
section.main_lank .main_lank_cont .lank_flex > div.lank_hitter ul li:nth-child(even) span.badge svg {fill:var(--sub-color-orange);}
section.main_lank .main_lank_cont .lank_flex > div.lank_hitter ul li span.badge svg {width:100%;fill:var(--sub-color-pink);}


/* MAIN - KBSA 교육 */
section.main_edu {background-color:var(--background-grey);padding:10rem var(--side-padding) ;}
section.main_edu .main_edu_wrapper {max-width:var(--max-width);margin:0 auto;overflow:hidden;}
section.main_edu .main_edu_title {display:flex;justify-content: space-between;align-items: center;margin-bottom:1.3rem;}
section.main_edu .main_edu_title h3 {font-weight: 700;font-size: 3rem;}
section.main_edu .main_edu_video {display:grid;grid-template-columns: repeat(3, minmax(100px, 1fr));gap:2.1rem;}
section.main_edu .main_edu_video .main_edu_txt {margin-top:.5rem;}
section.main_edu .main_edu_video .main_edu_txt p {font-size:1.5rem;line-height:2rem;}
section.main_edu .main_edu_video > article > figure {position: relative;width: 100%;line-height:100%}
section.main_edu .main_edu_video > article > figure:hover::after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid var(--main-blue-2);}
section.main_edu .main_edu_video > article > figure video {width: 100%;object-fit: cover;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    section.main_edu .main_edu_title {margin-bottom:3.8rem;}
    section.main_edu .main_edu_title h3 {font-size: 4.2rem;line-height:5rem;}
    section.main_edu .main_edu_title > a.edu_arrow {display:none;}
    section.main_edu .main_edu_title svg {width:1.5rem;height:auto;vertical-align: middle;}
    section.main_edu .main_edu_video {grid-template-columns: repeat(1, minmax(100px, 1fr));gap:4.8rem;}
    section.main_edu .main_edu_video .main_edu_txt p {font-size:3rem;line-height:4.2rem;}
}