@charset "UTF-8";

.ready{background: #fff; padding: 120px 0 120px 0; text-align: center; color: #888; font-size: 2.0rem; border: 1px solid #e1e1e1;}

.index{padding-top: 120px; padding-bottom: 10px;}
.index .width5{display: flex; gap: 30px 2%;}
.index .main2Swiper{width: 70%; border-radius: 50px; overflow: hidden; background: url("../img/main-back.png")no-repeat; background-size: cover; background-position: center;}
.index .main2_content{width: 30%;}
.index .main2Swiper .main2-prev{position: absolute; top: 60%; z-index: 9; cursor: pointer; left: 8%;}
.index .main2Swiper .main2-next{position: absolute; top: 60%; z-index: 9; cursor: pointer; left: 14%;}
.index .swiper-slide{position: relative;}
.index .swiper-slide .player{height: 100%; display: flex; flex-direction: column; justify-content: center; padding-left: 8%; padding-bottom: 140px;}
.index .swiper-slide .player h2{font-size: 2.2rem; font-weight: bold; color: #fff; padding: 12px 0px; border-radius: 26px; background: #000; display: flex; align-items: center; width: 150px; text-align: center; justify-content: center; text-transform: uppercase;}
.index .swiper-slide .player .num_wrap{display: flex; align-items: center; gap: 0px 10px;}
.index .swiper-slide .player .num_wrap span{color: #fff; font-size: 11rem; font-family: 'Myriad Pro', sans-serif; min-width: 110px; white-space: nowrap; text-transform: uppercase; text-align: center;;}
.index .swiper-slide .player .num_wrap h3{font-size: 5.8rem; color: #fff; font-weight: 900;}
.index .swiper-slide .player .num_wrap h4{font-size: 3.0rem; font-weight: 600; color: rgba(255,255,255,0.4); text-transform: uppercase;}
.index .swiper-slide .po_num{position: absolute; right: 10px; bottom: 10px;  font-family: 'BeTrueToYourSchool'; color: rgba(0,0,0,0.1); z-index: 9; font-size: 19vw; line-height: 69%;}

.index .mp1{background-image: url('../img/mp1.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .mp2{background-image: url('../img/mp2.png'); background-repeat: no-repeat; background-position: 50% bottom;}
.index .mp3{background-image: url('../img/mp3.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .mp4{background-image: url('../img/mp4.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .mp5{background-image: url('../img/mp5.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .mp6{background-image: url('../img/mp6.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .mp7{background-image: url('../img/mp7.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .mp8{background-image: url('../img/mp8.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .mp9{background-image: url('../img/mp9.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .mp10{background-image: url('../img/mp10.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .mp11{background-image: url('../img/mp11.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .mp12{background-image: url('../img/mp12.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .mp13{background-image: url('../img/mp13.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .mp14{background-image: url('../img/mp14.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .mp18{background-image: url('../img/mp18.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .mp19{background-image: url('../img/mp19.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .mp20{background-image: url('../img/mp20.png'); background-repeat: no-repeat; background-position: 60% bottom;}
/* 2026-27 시즌 메인 슬라이드 (slide{N}.png, N = 선수 목록 번호) */
.index .sp1{background-image: url('../img/slide1.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .sp3{background-image: url('../img/slide3.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .sp5{background-image: url('../img/slide5.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .sp7{background-image: url('../img/slide7.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .sp9{background-image: url('../img/slide9.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .sp12{background-image: url('../img/slide12.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .sp13{background-image: url('../img/slide13.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .sp14{background-image: url('../img/slide14.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .sp15{background-image: url('../img/slide15.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .sp16{background-image: url('../img/slide16.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .sp20{background-image: url('../img/slide20.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .sp21{background-image: url('../img/slide21.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .sp22{background-image: url('../img/slide22.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .sp23{background-image: url('../img/slide23.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .sp24{background-image: url('../img/slide24.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .sp25{background-image: url('../img/slide25.png'); background-repeat: no-repeat; background-position: 60% bottom;}
.index .sp26{background-image: url('../img/slide26.png'); background-repeat: no-repeat; background-position: 60% bottom;}

.index .con1 .latest{border-radius: 40px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.index .con1 .latest .top{background: #26344a; display: flex; align-items: center; justify-content: space-between; padding: 18px 30px;}
.pic_tv li .last_title{display: none;}
.index .con1 .latest .top a{font-weight: 300; color: #fff; font-size: 1.2rem;}
.index .con2{border-radius: 40px; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 25px 30px; margin-top: 20px;}
.index .con2 .la_top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.index .con2 .la_top h4{text-transform: uppercase; font-size: 1.8rem; font-weight: 800; color: #e40e2d;}
.index .con2 .la_top a{background: #26344a; padding: 3px 10px; font-size: 1.2rem; color: #fff; border-radius: 30px;}
.index .con2 .latest2{overflow: hidden; position: relative; padding-bottom: 20px; border-bottom: 1px solid #e8e8e8; margin-bottom: 20px;}
.index .pic_notice li{padding: 0px;}
.index .pic_lt_block li .last_title{display: none;}
.index .pic_lt_block .lt_info2{display: none;}
.index .con2 .latest3 .not_btn{display: none;}

.index_api{ background: #fff !important; padding: 70px 0;}

.theme_visual{position: relative;}
.swiper_visual .width{height: 100%; display: flex; align-items: center;}
.swiper_visual .palyer{width: 58%; height: 110%; display: flex; align-items: center; padding-bottom: 25%; padding-left: 10px;}
.swiper_visual .paly_num h6{font-size: 2.2rem; background: var(--color); padding: 10px 0px; border-radius: 25px; display: inline-block; color: #fff; font-weight: bold;  width: 150px; text-align: center;}
.swiper_visual .paly_num .num{display: flex; align-items: center; gap: 0px 15px;}
.swiper_visual .paly_num .num h5{min-width: 150px; font-size: 12rem; font-family: 'Jersey M54', sans-serif; color: #fff; text-align: center;}
.swiper_visual .paly_num .num h2{font-size: 5.8rem; font-weight: 900; color: #fff;}
.swiper_visual .paly_num .num h3{font-size: 3.0rem; font-weight: 600; color: rgba(255,255,255,0.4); text-transform: uppercase;}
.swiper_btn{height: auto !important; z-index: 11; padding-left: 45px; gap: 0px 40px; bottom: 55%;}
.swiper_visual .mp1{background-image: url('../img/mp1.png'); background-repeat: no-repeat; background-position: right bottom;}
/*.swiper_visual .mp2{background-image: url('../img/mp2.png'); background-repeat: no-repeat; background-position: right bottom;}*/
.swiper_visual .mp3{background-image: url('../img/mp3.png'); background-repeat: no-repeat; background-position: right bottom;}
/*.swiper_visual .mp4{background-image: url('../img/mp4.png'); background-repeat: no-repeat; background-position: right bottom;}*/
.swiper_visual .mp5{background-image: url('../img/mp5.png'); background-repeat: no-repeat; background-position: right bottom;}
/*.swiper_visual .mp6{background-image: url('../img/mp6.png'); background-repeat: no-repeat; background-position: right bottom;}*/
.swiper_visual .mp7{background-image: url('../img/mp7.png'); background-repeat: no-repeat; background-position: right bottom;}
.swiper_visual .mp8{background-image: url('../img/mp8.png'); background-repeat: no-repeat; background-position: right bottom;}
.swiper_visual .mp9{background-image: url('../img/mp9.png'); background-repeat: no-repeat; background-position: right bottom;}
.swiper_visual .mp10{background-image: url('../img/mp10.png'); background-repeat: no-repeat; background-position: right bottom;}
.swiper_visual .mp11{background-image: url('../img/mp11.png'); background-repeat: no-repeat; background-position: right bottom;}
.swiper_visual .mp12{background-image: url('../img/mp12.png'); background-repeat: no-repeat; background-position: right bottom;}
.swiper_visual .mp13{background-image: url('../img/mp13.png'); background-repeat: no-repeat; background-position: right bottom;}
.swiper_visual .mp14{background-image: url('../img/mp14.png'); background-repeat: no-repeat; background-position: right bottom;}
.swiper_visual .mp15{background-image: url('../img/mp15.png'); background-repeat: no-repeat; background-position: right bottom;}
.swiper_visual .mp16{background-image: url('../img/mp16.png'); background-repeat: no-repeat; background-position: right bottom;}
.swiper_visual .mp17{background-image: url('../img/mp17.png'); background-repeat: no-repeat; background-position: right bottom;}


.main_sum{position: absolute; height: 100%; align-items: center; left: 0; right: 0; margin: 0px auto; justify-content: flex-end; top: 0;display: flex;}
.main_sum .sum_wrap{width: 29%; position: relative; z-index: 15;}
.main_sum .sum1{background: #181818; border-radius: 21px; overflow: hidden; margin-bottom: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.38);}
.main_sum .sum1 .pic_tv li .last_title{display: none;}
.pic_tv li img{width: 100%;}
.pic_tv li .new_icon{display: none;}
.main_sum .sum1 .top{padding: 13px 22px;}
.pic_tv li span{position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #ff0000; font-size: 5.0rem; top: 0; left: 0;}
.main_sum .sum2{padding: 25px 5px; display: flex; align-items: center; justify-content: center; gap: 0px 3%; background: url('../img/bg1.png') no-repeat; background-position: center; background-size: cover; border-radius: 21px; box-shadow: 0px 0px 10px rgba(0,0,0,0.38); margin-bottom: 10px;}
.main_sum .sum2 h2{color: #fff; font-size: 2.2rem; font-weight: 500;}
.main_sum .sum2 h2 b{color: #fff; }
.main_sum .sum3 .tabnav{display: flex; gap: 0px 1%;}
.main_sum .sum3 .tabnav a{background: #fff; border-radius: 20px 20px 0px 0px; padding: 8px 0px; width: 120px; text-align: center; font-size: 1.8rem; font-weight: 800; color: #262626; display: inline-block;}
.main_sum .sum3 .tabnav a.active{color: var(--color);}
#tab01 .lt_content p{color: #6f6f6f; font-weight: 400; line-height: 140%;}
#tab01{border-radius: 0px 21px 21px 21px; overflow: hidden; max-height: 230px; min-height: 230px; background: #fff}
#tab01 .latest{border-radius: 0px 21px 21px 21px; }
#tab02{border-radius: 0px 21px 21px 21px; overflow: hidden; max-height: 230px;min-height: 230px; position:relative;}
#tab02 .latest{border-radius: 0px 21px 21px 21px; }

.main_api{background: #000;}
.main_api .width2{border-radius: 15px; background: #fff; padding: 10px;  position: relative; z-index: 12; position: relative;}
.main_api .mapiSwiper{max-width: 1600px; margin: 0 auto;}
.main_api .mapiSwiper .swiper-slide{padding: 0px 5px; }
/* .main_api .mapiSwiper .swiper-slide-active{border-right: 1px solid #d9d9d9;} */
/* .main_api .mapiSwiper .swiper-slide-next{border-right: 1px solid #d9d9d9;} */
.main_api .mapiSwiper .swiper-slide img{width: 100%;}
.main_api .api_btn{display: none;}
.main_api .api-prev{position: absolute; top: 20%; font-family: 'SUIT-Thin'; color: #a8a8a8; font-size: 5.0rem; left: 15px; cursor: pointer; z-index: 10;}
.main_api .api-next{position: absolute; top: 20%; font-family:  'SUIT-Thin'; color: #a8a8a8; font-size: 5.0rem; right: 15px; cursor: pointer; z-index: 10;}
.main_api h2{text-align: center; font-size: 3.0rem; padding: 40px 0px; font-weight: 500;}

#ft{background: #f1f2f3; padding: 45px 0px 45px 0px; position: relative;z-index: 99;}
#ft .footer{display: flex; gap: 15px 3%; flex-direction: column; align-items: flex-start;}
#ft .ft_top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
#ft button {border: none; background: none; position: fixed; bottom: 40px; right: 20px; z-index: 55; width: 55px; height: 55px; background: #000; border-radius: 50%}
#ft button span{color: #fff;  font-family: 'SUIT-SemiBold'; font-size: 1.6rem; flex-direction: column; display: flex;}
#ft .foot_info2{display: flex; gap: 0px 3%; flex-wrap: wrap; width: 100%;}
#ft .foot_info3{justify-content: flex-end; width: 100%; display: flex;}
#ft .foot_info p{font-size: 1.5rem; color: #757575;}
#ft .foot_info a{font-size: 1.5rem; color: #757575;}
#ft .foot_info span{font-size: 1.5rem; color: #4e4e4e;}
#ft .copyright{margin-top: 10px; text-align: right;}
#ft .copyright span{font-size: 1.6rem; color: #4e4e4e;}
#ft .ft_link{display: flex; justify-content: flex-start; gap: 0px 1.5%; margin-top: 10px; display: none;}
#ft .ft_link a{font-weight: 500; color: #a8a8a8;}
#ft .ft_link a:first-child{color: #d80010;}
#ft .foot_logo img{width: 250px}

.sub_nav_wrap{border-bottom: 1px solid #e3e3e3;}
.sub_nav_wrap ul{display: flex;}
.sub_nav_wrap ul a{height: 70px; padding: 0px 30px; line-height: 70px; color: #494949; font-size: 2.0rem; display: inline-block;}
.sub_nav_wrap ul a.subon{border-bottom: 5px solid var(--color); font-weight: bold;}

.page1{background: url('../img/bg2.png') no-repeat; background-position: center bottom; background-size: cover;}
.title{font-size: 4.4rem; font-weight: 600; line-height: 130%; margin-bottom: 0px;}
.page1 .box_wrap{display: flex;gap: 30px 0px; justify-content: space-between; align-items: center; margin-bottom: 100px;}
.page1 .box_wrap .img{width: 44%;}
.page1 .box_wrap .img img{width: 100%;}
.page1 .box_wrap .text{width: 50%;}
.page1 .box_wrap .text .top{display: flex; align-items: flex-end; gap: 0px 3%; margin-bottom: 32px;}
.page1 .box_wrap .text .top img{filter: drop-shadow(-3px 0px 7px rgba(0,0,0,0.35)); }
.page1 .box_wrap .text .top h3{font-size: 2.5rem; color: #bc0000; font-weight: 800;}
.page1 .box_wrap .text p{font-size: 1.9rem; line-height: 145%;}
.page1 .name{display: flex; justify-content: flex-end; align-items: center; gap: 0px 2%;}
.page1 .name h4{font-size: 2.0rem; letter-spacing: 0.06em;}
.page1 .name h3{font-size: 2.0rem;}
.page1 .name h3 b{font-size: 3.2rem;}

.page2 .box_wrap{display: flex; gap: 50px 2.5%; margin-bottom: 100px;}
.page2 .box_wrap .box{width: 50%;}
.page2 .box_wrap .img{border: 1px solid #999; display: block; border-radius: 14px; overflow: hidden;}
.page2 .box_wrap span img{width: 100%;}
.page2 .box_wrap .ci_btn{margin-top: 45px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 2%; }
.page2 .box_wrap .ci_btn a{width: 31%; max-width: 200px; min-width: 140px; height: 50px; border: 1px solid #b6b6b6; border-radius: 11px; text-align: center; line-height: 50px; font-size: 1.7rem; color: #494949; text-transform: uppercase;}
.page2 .box_wrap .ci_btn a img{margin-left: 12px;}
.page2 .box h3{font-size: 2.8rem; padding-left: 15px; display: flex; align-items: center; margin-bottom: 30px;}
.page2 .box h3 span{width: 7px; height: 30px;display: inline-block; background: linear-gradient(354deg, rgba(214,34,40,1) 0%, rgba(80,32,34,1) 100%); margin-right: 15px;}
.page2 .box2 .uni_wrap{border: 1px solid #999; display: flex; border-radius: 14px; overflow: hidden; padding: 40px 50px 30px 50px; justify-content: space-between; gap: 0px 5%;}
.page2 .box2 .uni_wrap .uni{width: 50%; text-align: center;}
.page2 .box2 .uni_wrap .uni img{width: 100%;}
.page2 .box2 .uni_wrap .uni p{font-size: 2.0rem; font-weight: 600; color: #494949; margin-top: 20px;}

.page3{padding-top: 120px;}
.page3 .img img{width: 100%;}
.page3 .his_wrap{max-width: 1000px; margin: 0 auto; padding-top: 220px; position: relative; padding-bottom: 120px;}
.page3 .his_wrap .line{position: absolute; left: 0; right: 0; margin: 0 auto; width: 1px; height: 100%; background:  linear-gradient(to bottom, #d62328 600px, #c1c1c1 1500px); display: block; top: 0; z-index: 0;}
.page3 .his_wrap .box_wrap{display: flex; margin-bottom: 120px;}
.page3 .his_wrap .box_wrap .year{width: 50%; text-align: center;}
.page3 .his_wrap .box_wrap .year h2{ font-weight: 900; font-size: 4.2rem;}
.page3 .his_wrap .box_wrap .text{width: 50%;}
.page3 .his_wrap .box_wrap .text h6{font-size: 1.8rem; font-weight: 800; color: #d62328; margin-bottom: 5px}
.page3 .his_wrap .box_wrap .text h3{font-size: 3.0rem; font-weight: 600; margin-bottom: 20px;}
.page3 .his_wrap .box_wrap .text li{font-size: 1.8rem; line-height: 140%;}
.page3 .his_wrap .box_wrap .text li span{font-size: 1.8rem; margin-right: 8px;}
.page3 .his_wrap .box_wrap .text .box{position: relative; padding-left: 70px; margin-bottom: 90px;}
.page3 .his_wrap .box_wrap .text .box::before{content: ''; width: 24px; height: 24px; border-radius: 50%; border: 7px solid #333; position: absolute; left: -12px; z-index: 11; background: #fff; top: 5px;}
.page3 .his_wrap .box_wrap.la{margin-bottom: 0px;}
.page3 .his_wrap .box_wrap .text .box.la{margin-bottom: 0px;}

.page4 .top{display: flex; align-items: center; gap: 25px 0px; justify-content: space-between; margin-bottom: 120px;}
.page4 .top .img{width: 40%; text-align: center;}
.page4 .top .img img{width: 90%;}
.page4 .top .text{width: 50%; background: url('../img/bg3.png')no-repeat; background-position: center; height: 390px;}
.page4 .top .text h3{font-size: 2.4rem; font-weight: 800; color: #de252b; text-transform: uppercase; margin-bottom: 5px;}
.page4 .top .text h2{font-size: 2.2rem; color: #6e6e6e; letter-spacing: 0.05em; text-transform: uppercase; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ededed;}
.page4 .top .text h2 b{font-size: 6.5rem; margin-right: 25px;}
.page4 .top .text p{font-size: 2.2rem; font-weight: 500; color: #6e6e6e;}
.page4 .box_wrap{display: flex;}
.page4 .box_wrap .box{width: 33.3333%; padding: 0px 40px 90px 40px; border-left: 1px solid #eaeaea; text-align: center;}
.page4 .box_wrap .box:first-child{border-left: 0px;}
.page4 .box_wrap .box img{width: 100%;}
.page4 .box_wrap .box h2{ margin-top: 60px; font-size: 3.0rem;}
.page4 .box_wrap .box p{ margin-top: 4px; font-size: 2.2rem; color: #6e6e6e; letter-spacing: 0.05em; text-transform: uppercase; font-weight: 300;}

.page5 .box_wrap{display: flex; flex-wrap: wrap;}
.page5 .box_wrap .people{width: 33.3333%; border-right: 1px solid #e7e7e7; padding-bottom: 90px;}
.page5 .box_wrap .people:nth-child(3n){border-right: 0px;}
.page5 .box_wrap .people:nth-child(13){padding-bottom: 0px;}
.page5 .box_wrap .people:nth-child(14){padding-bottom: 0px;}
.page5 .box_wrap .people:nth-child(15){padding-bottom: 0px;}
.page5 .box_wrap .people .img{position: relative;}
.page5 .box_wrap .people .img img{width: 100%; transition: 0.4s all;}
.page5 .box_wrap .people .img span{position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; top: 0; left: 0; opacity: 0; transition: 0.4s all;}
.page5 .box_wrap .people .img span a{width: 220px; height: 55px; background: #d92226; text-align: center; line-height: 55px; color: #fff; font-size: 1.8rem; font-weight: 500; border-radius: 30px;}
.page5 .box_wrap .people:hover .img img{filter: blur(3px);}
.page5 .box_wrap .people:hover .img span{opacity: 1;}
.page5 .box_wrap .people .text{display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.page5 .box_wrap .people .text h2{font-family: 'Jersey M54', sans-serif; color: #363636; font-size: 7.5rem; ; margin-right: 10px; padding: 0px 15px;}
.page5 .box_wrap .people .text h3{font-weight: 500; font-size: 3.0rem; letter-spacing: 0.1em;}
.page5 .box_wrap .people .text p{font-size: 2.2rem; color: #6e6e6e; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase;}

.page6 .box_wrap{display: flex; align-items: center; justify-content: space-between;}
.page6 .box_wrap .img{width: 48%;}
.page6 .box_wrap .img img{width: 100%;}
.page6 .detail{width: 46%;}
.page6 .detail .top{display: flex; align-items: center; margin-bottom: 60px;}
.page6 .detail .top h2{font-family: 'Jersey M54', sans-serif; font-size: 11.0rem; min-width: 130px;}
.page6 .detail .top h3{font-size: 4.2rem; font-weight: bold;}
.page6 .detail .top h4{font-size: 2.8rem; color: #c2c2c2; letter-spacing: 0.05em; text-transform: uppercase;}
.page6 .detail ul li{display: flex; margin-top: 22px;}
.page6 .detail ul li h3{font-size: 2.4rem; font-weight: 600; min-width: 130px;}
.page6 .detail ul li p{font-size: 2.4rem; color: #494949;}
.c-container{width: 100%; margin-top: 10px;}
.album-cover{display: none;}
.music-player {   display: flex;  flex-flow: column wrap;  justify-content: center;   background: white;  text-align: center;  width: 80%;  max-width: 500px; }
.music-player__title {margin: 0 0 0.1em 0; display: none;}
.music-player__author {margin: 0 0 0.5em 0; display: none;}
.music-bar {background: #efefef;stroke-width: 1;height: 8px;width: 100%;}
.music-bar:hover {cursor: pointer;}
.music-bar .length {width: 0%;background: var(--color);height: 100%;transition: width linear 200ms;}
.music-time {display: flex;flex-flow: row wrap;margin-top: 10px;}
.music-time__current{font-size: 1.6rem !important;font-weight: bold;}
.music-time__last {margin-left: auto;font-size: 1.6rem !important;font-weight: bold;}
.music-order {display: flex;flex-flow: row wrap;display: none;}
.music-order__shuffle, .music-order__loop {width: 1.2em;height: 1.2em;opacity: 0.2;margin: 0.3em 0;}
.music-order__shuffle.is-loop, .music-order__loop.is-loop {opacity: 1 !important;}
.music-order__shuffle.is-loop-one, .music-order__loop.is-loop-one {opacity: 1 !important;}
.music-order__shuffle {margin-left: auto;}
.music-control {display: flex;flex-flow: row wrap;justify-content: center;align-items: center;height: 2em;}
.music-control__play img {width: 30px;height: 30px;margin: 0 1em;}
.music-control__backward, .music-control__forward {width: 1.5em;height: 1.5em;}

.page7 .box_wrap{display: flex; gap: 25px 0px; justify-content: space-between; align-items: center; margin-bottom: 140px;}
.page7 .box_wrap:last-child{margin-bottom: 0px;}
.page7 .box_wrap .img{width: 45%;}
.page7 .box_wrap .img img{width: 100%;}
.page7 .box_wrap .text{width: 46%;}
.page7 .text .top h2{font-size: 2.4rem; color: #de252b; font-weight: 800; margin-bottom: 10px;}
.page7 .text .top h3{font-size: 2.2rem; color: #6e6e6e; font-weight: 300; padding-bottom: 20px; border-bottom: 1px solid #ededed; margin-bottom: 27px;}
.page7 .text .top h3 b{font-size: 6.5rem; font-weight: bold; margin-right: 15px;}
/* 영문명 추가: 구분선을 h3에서 p로 이동 */
.page7 .text .top h3{border-bottom: 0; padding-bottom: 6px; margin-bottom: 0;}
.page7 .text .top p{font-size: 2.0rem; font-weight: 300; color: #8a8a8a; letter-spacing: 0.1em; text-transform: uppercase; padding-bottom: 20px; border-bottom: 1px solid #ededed; margin-bottom: 27px;}
.page7 .text ul li{display: flex; margin-top: 20px;}
.page7 .text ul li h3{font-size: 2.0rem; font-weight: 600; min-width: 110px; line-height: 150%;}
.page7 .text ul li p{font-size: 2.0rem; color: #494949; line-height: 150%;}

.page8 .box_wrap{display: flex; flex-wrap: wrap;}
.page8 .box{width: 33.3333%; border-right: 1px solid #e7e7e7; padding-bottom: 90px; text-align: center;}
.page8 .box img{width: 100%;}
.page8 .box:nth-child(3n){ border-right: none;}

.page8 .box h2{margin-top: 25px; font-size: 3.0rem; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 10px;}
.page8 .box p{font-size: 2.0rem; font-weight: 300; color: #8a8a8a; letter-spacing: 0.1em; text-transform: uppercase;}
.page8 .box span{display: block; margin-top: 30px; font-size: 1.8rem; font-weight: 700; color: #de252b; letter-spacing: 0.05em; line-height: 100%;}
.page8 .box span + h2{margin-top: 8px; margin-bottom: 6px;}

.page9 .box_wrap{display: flex; flex-wrap: wrap;}
.page9 .box{width: 33.3333%; border-right: 1px solid #e7e7e7; padding-bottom: 90px; text-align: center;}
.page9 .box img{width: 100%;}
.page9 .box:nth-child(3n){ border-right: none;}

.page9 .box h2{margin-top: 25px; font-size: 3.0rem; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 10px;}
.page9 .box p{font-size: 2.2rem; font-weight: 300; color: #6e6e6e; letter-spacing: 0.05em;}

.sort_wrap {text-align:right;position:relative;z-index:9;}
.btn_sort {font-size:15px;color:#363636;font-weight:500;}
.sort_view {display:inline-block;position:absolute;top:45px;left:0px;display:none;border:1px solid #e1e1e1;background:#fff;width:182px; display: none; border-radius: 0px; overflow: hidden;}
.sort_view > a {display:block;text-align:center;font-size:14px;color:#565656;font-weight:400;padding:8px 10px;transition:all .3s ease; -webkit-transition:all .3s ease;}
.sort_view > a.on, .sort_view > a:hover {background:rgba(0,0,0,0.05);}
.btn_fiter {display:none;}
.page9 .year_wrap{display: flex; justify-content: center; align-items: center; gap: 0px 3%; margin-bottom: 45px;}
.page9 .year_wrap button{border: none; background: none; font-size: 2.6rem; font-family: 'SUIT-Medium';color: #d5d5d5;}
.page9 .year_wrap button:first-child{color: #d62228;}
.page9 .year_wrap .btn_sort{font-size: 2.8rem; font-weight: 800;}
.page9 .year_wrap .btn_sort i{margin-left: 10px;}
.page9 table{width: 100%; border-top: 2px solid #d5d5d5;}
.page9 table th{border-bottom: 2px solid #d5d5d5 ; font-weight: 500; font-size: 2.0rem; color: #494949; padding: 15px 10px;}
.page9 table td{border-bottom: 1px solid #d5d5d5 ; font-weight: 700; font-size: 2.0rem; color: #494949; padding: 10px ; text-align: center;}
.page9 table td:nth-child(2){text-align: left;}
.page9 table .point td{background: #f5f5f5;}
.page9 table td img{margin-right: 10px;}

.page10 .year_wrap{display: flex; justify-content: center; align-items: center; gap: 0px 3%; margin-bottom: 45px;}
.page10 .year_wrap button{border: none; background: none; font-size: 2.6rem; font-family: 'SUIT-Medium';color: #d5d5d5;}
.page10 .year_wrap button:first-child{color: #d62228;}
.page10 .year_wrap .btn_sort{font-size: 2.8rem; font-weight: 800;}
.page10 .year_wrap .btn_sort i{margin-left: 10px;}
.page10 table{border-top: 2px solid #d62228; width: 100%;}
.page10 table th{ padding: 15px 0px; font-size: 1.8rem; font-weight: 500; color: #494949; border-bottom: 2px solid #d5d5d5; width: 8%;}
.page10 table th:nth-child(7){color: #9f2b2f;}
.page10 table td{text-align: center; font-size: 1.8rem; color: #494949; padding: 20px 0px; border-bottom: 1px solid #d5d5d5;}
.page10 table td:nth-child(7){background: #fdf4f4;}

.pop_wrap .pop-inner{padding: 0px;}
.pop_wrap .pop-inner h3{font-size: 20px; color: #fff; background: #d62228; padding: 15px 0px; text-align: center; font-weight: bold;}
.pop_wrap .pop-text img{width: 100%;}
.pop_wrap .pop-text {text-align: center; padding-bottom: 30px;}
.pop_wrap .pop-text h6{font-size: 1.6rem; font-weight: 500; margin-bottom: 10px; text-align: left;}
.pop_wrap .pop-text p{font-size: 16px; color: #666; line-height: 150%; padding: 0px 20px;}
.pop_wrap .pop-text .score{width: 80%; display: block; text-align: center; margin: 0 auto; margin-top: 10px; margin-bottom: 20px;}
.pop_wrap .pop-text{padding: 30px;}
.pop_wrap .pop-close{width: 115px; height: 38px; border-radius: 30px; background: #d62228; text-align: center; line-height: 38px; margin: 0 auto; margin-top: 20px; color: #fff; font-weight: 500; cursor: pointer;}

.page11 .title{font-size: 4.4rem; margin-bottom: 60px;}
.page11 .day_wrap{display: flex; gap: 10px 1.5%; margin-bottom: 100px;}
.page11 .day_wrap .box{width: 33.3333%;}
.page11 .day_wrap .box img{width: 100%;}
.page11 .day_wrap .box{border: 1px solid #d5d5d5; border-radius: 20px;}
.page11 .day_wrap .box h2{background: var(--color); clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%); width: 70%; margin: 0 auto; color: #fff; font-size: 2.0rem; font-weight: bold;  text-align: center; padding: 13px 0px;}
.page11 .day_wrap .box .record{display: flex; align-items: center; justify-content: space-between; padding: 40px 10px;}
.page11 .day_wrap .box .rec_logo{width: 30%; text-align: center;}
.page11 .day_wrap .box .rec_logo p{font-size: 2.0rem; font-weight: 700; color: #494949;}
.page11 .day_wrap .box .board_wrap{text-align: center}
.page11 .day_wrap .box .board_wrap h3{ border-radius: 4px; color: #fff; font-size: 2.2rem; font-weight: 800; width: 32px; height: 32px; text-align: center; line-height: 32px; margin: 0 auto 15px auto;}
.page11 .day_wrap .box .board_wrap .lose{background: #494949; }
.page11 .day_wrap .box .board_wrap .win{background: var(--color); }
.page11 .day_wrap .box .board_wrap .score{display: flex; align-items: center; gap: 0px 4px; font-size: 4.0rem; color: #111; font-weight: 800;}
.page11 .day_wrap .box .board_wrap .score h4{font-weight: 800;}
.page11 .year_wrap{display: flex; justify-content: center; align-items: center; gap: 0px 3%; margin-bottom: 45px;}
.page11 .year_wrap button{border: none; background: none; font-size: 2.6rem; font-family: 'SUIT-Medium';color: #d5d5d5;}
.page11 .year_wrap button:first-child{color: #d62228;}
.page11 .year_wrap .btn_sort{font-size: 2.8rem; font-weight: 800;}
.page11 .year_wrap .btn_sort i{margin-left: 10px;}
.page11 table{width: 100%; border-top: 2px solid #d5d5d5;}
.page11 table th{border-bottom: 2px solid #d5d5d5 ; font-weight: 500; font-size: 2.0rem; color: #494949; padding: 15px 10px;}
.page11 table td{border-bottom: 1px solid #d5d5d5 ; font-weight: 500; font-size: 2.0rem; color: #494949; padding: 10px ; text-align: center;}
.page11 table .score_wrap{display: flex; justify-content: center; gap: 0px 25px; align-items: center;}
.page11 table .score_wrap img{height: 64px;}
.page11 table .score_wrap .score{display: flex; align-items: center; gap: 0px 25px;}
.page11 table .score_wrap .score h2{font-size: 2.8rem; font-weight: 800; color: #494949; min-width: 45px; text-align: center;}
.page11 table .score_wrap .score p{border-radius: 4px; color: #fff; font-size: 2.2rem; font-weight: 800; width: 32px; height: 32px; text-align: center; line-height: 32px; margin: 0 auto 0px auto;}
.page11 table .score_wrap .score p.win{background: var(--color); }
.page11 table .score_wrap .score p.lose{background: #494949; }

.page12 .box_wrap .img{border: none;}
.page12 .box h3{font-weight: 600; font-size: 2.4rem;}
.page12 .map_wrap{margin-bottom: 55px; border-radius: 14px; overflow: hidden;}
.page12 .map_wrap .root_daum_roughmap{width: 100% !important;}
.root_daum_roughmap .wrap_controllers{display: none;}
.page12 .map_info{display: flex;}
.page12 .map_info .info{width: 33.3333%; border-right: 1px solid #d7d7d7; text-align: center;}
.page12 .map_info .info:last-child{border-right: none;}
.page12 .map_info .info h2{font-size: 2.4rem; font-weight: 600; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; gap: 0px 8px;}
.page12 .map_info .info p{font-size: 1.8rem; color: #494949; line-height: 140%;}

.season{padding: 80px 0px; border: 1px solid #d7d7d7; text-align: center; width: 100%;}
.season p{font-size: 2.4rem; font-weight: 600;}

.schedule_select{position:absolute;top:0px;left:0px;}
.schedule_select select{width:130px;padding:5px;}
@media (max-width: 1024px) {
	.schedule_select{top:unset;bottom:-40px;}
}


@media all and (min-height: 1200px){
    .main_sum .sum_wrap{width: 25%;}
	.swiper_visual .palyer{height: 130%;}
}

@media all and (max-width: 1500px){
  .pic_lt_block .lt_info2{padding: 10px 0 27px 20px;}
}

@media all and (max-width: 1400px){
   .swiper_visual .palyer{height: 100%;}
    #header .head_menu .logo img{width: 220px;}
    #header .head_menu .main_menu .dept1{width: 120px;}
    #header .head_sns a img{width: 40px;}
}
@media all and (max-width: 1360px){
  /*.pic_notice .lt_info2{padding: 60px 0 0px 0px}*/
}
@media all and (max-width: 1200px){
    .swiper_visual .palyer{height: 100%;}
    .Hfull .swiper_visual{height: 885px;}
    /*.Hfull{height: initial;}*/
    .swiper_visual .palyer{background-position: right bottom; background-size: 100%; width: 70%;}
    .page1 .box_wrap{flex-direction: column; align-items: flex-start;}
    .page1 .box_wrap .text{width: 100%;}
}
@media all and (max-width: 1024px){
    .Hfull{height: initial;}
    .swiper_visual .palyer{height: 100%;}
    .swiper_visual .palyer{height: 100%;}
    .swiper_visual .paly_num h6{padding: 7px; width: 100px; font-size: 2.0rem;}
    .swiper_visual .paly_num .num h5{min-width: 130px; font-size: 10.0rem;}
    .swiper_visual .paly_num .num h2{font-size: 4.8rem;}
    .swiper_visual .paly_num .num h3{font-size: 2.0rem;}
    .swiper_btn{bottom: 45%;}
    .main_api .width2{margin-top: 0px; }
    .main_api{padding: 40px 0px;}
    .swiper_visual .palyer{width: 100%; background-size:  700px;}
    .main_sum{position: initial; background: #f6f6f6; width: 100% !important; padding: 50px 4%; justify-content: center;}
    .main_sum .sum_wrap{width: 70%;}
    #tab02{max-height: initial; min-height: initial}
    #tab01{max-height: initial; min-height: initial}
      /*.pic_notice .lt_info2{padding-top: 47px}*/
      .pic_lt_block li .lt_img img, .pic_lt_block li .lt_img video{width: 100%}
    .sub_visual .sub_top_text h3{font-size: 4.0rem;}
    .sub_visual .sub_top_text p{font-size: 1.8rem;}
    .sub_nav_wrap ul a{height: 55px; line-height: 55px; font-size: 1.6rem; padding: 0px 20px;}
    .title{font-size: 3.6rem; margin-bottom: 80px;}
    .page3 .his_wrap .box_wrap .year h2{font-size: 3.4rem;}
    .page3 .his_wrap .box_wrap .text h3{font-size: 2.4rem;}
    .page3 .his_wrap .box_wrap{margin-bottom: 30px;}
    .page3 .his_wrap .line{background: linear-gradient(to bottom, #d62328 199px, #c1c1c1 500px);}
    .page3 .his_wrap .box_wrap .text .box{font-size: 2.0rem;}
    .page4 .top .text h2 b{font-size: 5.0rem;}
    .page4 .top .text h2{font-size: 2.0rem; padding-bottom: 20px; margin-bottom: 20px;}
    .page4 .top .text p{font-size: 2.0rem;}
    .page4 .top .text{background-size: contain;}
    .page5 .box_wrap .people .text h2{font-size: 6.0rem;}
    .page5 .box_wrap .people .text h3{font-size: 2.6rem;}
    .page5 .box_wrap .people .text p{font-size: 2.0rem;}
    .page5 .box_wrap .people{width: 50%;}
    .page5 .box_wrap .people:nth-child(2n){border-right: 0px;}
    .page5 .box_wrap .people:nth-child(3n){border-right: 1px solid #e7e7e7;}
    .page5 .box_wrap .people .img span a{width: 180px; height: 50px; line-height: 50px;}
    .page7 .text .top h2{font-size: 2.0rem;}
    .page7 .text .top h3{font-size: 2.0rem;}
    .page7 .text .top h3 b{font-size: 5.0rem;}
    .page7 .text ul li h3{font-size: 1.8rem; min-width: 80px;}
    .page7 .text ul li p{font-size: 1.8rem;}
    .page7 .text ul li{margin-top: 15px;}
    .page8 .box{width: 50%;}
    .page8 .box:nth-child(2n){border: none;}
    .page8 .box:nth-child(3n){border-right: 1px solid #e7e7e7;}
    .page8 .box:last-child{border-right: none;}
    .page9 table th{font-size: 1.8rem;}
    .page9 table td{font-size: 1.8rem;}
	
}
@media all and (max-width: 900px){
    .swiper_visual .palyer{height: 100%;}
    .page6 .detail .top h2{font-size: 8.0rem; min-width: 100px;}
    .page6 .detail .top h3{font-size: 3.6rem;}
    .page6 .detail .top h4{font-size: 2.2rem;}
    .page6 .detail ul li h3{font-size: 2.0rem; min-width: 100px;}
    .page6 .detail ul li p{font-size: 2.0rem;}
    .page6 .detail .top{margin-bottom: 35px;}
    .page6 .detail ul li{margin-top: 17px;}
}
@media all and (max-width: 850px){
    .swiper_visual .palyer{height: 100%;}
    .page2 .box h3{font-size: 2.4rem;}
    .page2 .box2 .uni_wrap .uni p{font-size: 1.8rem;}
    .page2 .box_wrap .ci_btn{margin-top: 30px;}
    .page2 .box_wrap{flex-direction: column; gap: 100px 0px;}
    .page2 .box_wrap .box{width: 100%;}
    .page2 .box2 .uni_wrap{flex-direction: column; gap: 70px 0px;}
    .page2 .box2 .uni_wrap .uni{width: 100%;}
    .page3 .his_wrap{padding-top: 120px;}
    .page4 .top{flex-direction: column;}
    .page4 .top .img{width: 80%; margin-bottom: 20px;}
    .page4 .top .text{width: 80%;}
    .page4 .box_wrap .box h2{font-size: 2.6rem; margin-top: 35px;}
    .page4 .box_wrap .box p{font-size: 2.0rem;}
    .page4 .box_wrap{flex-direction: column; align-items: center;}
    .page4 .box_wrap .box{width: 80%; border-left: 0px; border-bottom: 1px solid #eaeaea; padding-bottom: 50px; margin-bottom: 50px;}
    .page4 .box_wrap .box:last-child{border-bottom: 0px;}
    .page7 .box_wrap{flex-direction: column;}
    .page7 .box_wrap .img{width: 90%;}
    .page7 .box_wrap .text{width: 90%;}
    .page7 .text .top h3 b{font-size: 4.0rem;}
    .page10 .scroll{overflow-x: scroll;}
    .page10 table{width: 850px;}
    .page11 .day_wrap{flex-wrap: wrap; gap: 15px 2%;}
    .page11 .day_wrap .box{width: 49%;}
    .page11 .title{font-size: 4.5rem;}
}
@media all and (max-width: 768px){
.swiper_visual .palyer{height: 100%;}
    .Hfull .swiper_visual{height: 550px;}
    .swiper_visual .palyer{background-size: 80%;}
    .swiper_btn img{width: 36px;}
    .swiper_visual .paly_num .num h5{min-width: initial; font-size: 8.0rem;}
    .swiper_btn{bottom: 10%;}
    .swiper_visual .paly_num .num{flex-direction: column; align-items: flex-start;}
    .swiper_visual .paly_num .num h2{font-size: 3.6rem;}
    #ft .foot_info{flex-direction: column; align-items: flex-start;}
    #ft .foot_logo img{width: 200px;}
    #ft .copyright{text-align: left; margin-bottom: 20px;}
    .page1 .box_wrap .img{width: 100%;}
    .title{font-size: 3.2rem;}
    .page1 .box_wrap .text .top img{width: 100px;}
    .page1 .box_wrap .text .top h3{font-size: 2.0rem; letter-spacing: -0.06em;}
    .page1 .box_wrap .text p{font-size: 1.6rem;}
    .page1 .box_wrap .text p br{display: none;}
    .page1 .box_wrap{margin-bottom: 60px;}
    .page1 .name h4{font-size: 1.8rem;}
    .page1 .name h3 b{font-size: 2.4rem;}
    .page1 .name img{width: 70px;}
    .page3 .his_wrap .line{display: none;}
    .page3 .his_wrap .box_wrap{flex-direction: column;}
    .page3 .his_wrap .box_wrap .year{width: 100%; text-align: left;}
    .page3 .his_wrap .box_wrap .text .box{padding-left: 30px; margin-top: 20px;}
    .page3 .his_wrap .box_wrap .text .box::before{width: 15px; height: 15px; border: 4px solid var(--color); left: 0; top: 3px;}
    .page3 .his_wrap .box_wrap .text{width: 100%;}
    .page3 .his_wrap .box_wrap .text .box{margin-bottom: 60px;}
    .page4 .top .text h2 b{font-size: 4.0rem; margin-right: 15px;}
    .page4 .top .text{width: 100%; height: 220px;}
    .page4 .top .img{width: 90%;}
    .page4 .top .img img{width: 100%;}
    .page4 .box_wrap .box{width: 90%; padding: 0px 0px; padding-bottom: 50px;}
    .page6 .box_wrap{flex-direction: column;}
    .page6 .box_wrap .img{width: 90%;}
    .page6 .detail{width: 90%; margin-top: 20px;}
    .page7 .box_wrap .text{width: 100%;}
    .page8 .box h2{font-size: 2.6rem;}
    .page8 .box p{font-size: 2.0rem;}
    .page9 .scroll{overflow-x: scroll;}
    .page9 table{width: 750px;}
    .page11 .scroll{overflow-x: scroll;}
    .page11 table{width: 700px;}
    .page12 .map_info{flex-direction: column;}
    .page12 .map_info .info{padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #d7d7d7; border-right: 0px; width: 100%;}
    .page12 .map_info .info:last-child{border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px;}
    .page7 .text ul li h3{font-size: 1.6rem; min-width: 70px;}
    .page7 .text ul li p{font-size: 1.6rem; letter-spacing: -0.04em;}
    .sub_nav_wrap .width{width: 100% !important;}
    .sub_nav_wrap ul a{font-size: 1.45rem; letter-spacing: -0.05em;}
    #ft .footer{flex-direction: column;}
    #ft .foot_info{margin-top: 0px}
    #ft .ft_top{margin-bottom: 0px}


    /*.lt_content p{-webkit-line-clamp:4; min-height: 78.8px; margin-top: 12px}*/


    #tab01{min-height: 270px; max-height: 270px}
    #tab02{min-height: 270px; max-height: 270px}


    /*.pic_notice .lt_info2{padding-top: 54px}*/
    /*.pic_lt_block li .lt_img img, .pic_lt_block li .lt_img video{width: initial; height: 275px}*/

    
    .main_api .api_btn{display: block;}
    .main_api .mapiSwiper .swiper-slide img{display: block; width: 55%; margin: 0 auto; text-align: center;}
}
@media all and (max-width: 650px){
    .main_sum .sum_wrap{width: 100%;}
    .page5 .box_wrap .people{width: 90%;}
    .page5 .box_wrap{justify-content: center;}
    .page5 .box_wrap .people{border:none;}
    .page5 .box_wrap .people:nth-child(2n){border:none}
    .page5 .box_wrap .people:nth-child(3n){border:none}
    .page5 .box_wrap .people:nth-child(13){padding-bottom: 90px;}
    .page5 .box_wrap .people:nth-child(14){padding-bottom: 90px;}
    .page8 .box{width: 90%; border-right: none;}
    .page8 .box:nth-child(2n){border: none;}
    .page8 .box:nth-child(3n){border: none;}
    .page8 .box_wrap{justify-content: center;}
    .page8 .box:nth-child(5){padding-bottom: 90px;}
    .page11 .day_wrap .box{width: 100%;}
}
@media all and (max-width: 550px){
    .swiper_visual .palyer{background-size: 100%; padding-left: 15px;}
    .swiper_btn{padding-left: 0px;}
}

@media all and (max-width: 1600px){
    .index .swiper-slide{background-size: contain;}
}
@media all and (max-width: 1400px){
    .not_btn{padding-bottom: 20px;}
}
@media all and (max-width: 1200px){
    .index .width5{flex-direction: column;}
    .index .main2Swiper{width: 100%; height: 570px;}
    .index .main2_content{width: 100%; display: flex; gap: 20px 4%;}
    .index .main2_content .con1{width: 50%;}
    .index .main2_content .con2{width: 50%; margin-top: 0px;}
    .pic_lt_block li .lt_img img, .pic_lt_block li .lt_img video{width: 100% !important;}
}
@media all and (max-width: 1024px){
    .index{padding-top: 80px;}
    .index .swiper-slide .player{padding-left: 4%; padding-top: 50px; padding-bottom: 0px; justify-content: initial;}
    .index .swiper-slide .player h2{width: 110px; font-size: 1.8rem; padding: 10px 0;}
    .index .swiper-slide .player .num_wrap span{font-size: 7.0rem; min-width: 80px; margin-top: 10px;}
    .index .swiper-slide .player .num_wrap h3{font-size: 3.0rem;}
    .index .swiper-slide .player .num_wrap h4{font-size: 2.0rem;}
    .index .main2Swiper .main2-prev img{width: 35px;}
    .index .main2Swiper .main2-next img{width: 35px;}
}
@media all and (max-width: 850px){
    .index .main2Swiper .main2-prev{left: 4%; top: initial; bottom: 2%;}
    .index .main2Swiper .main2-next{left: 18%; top: initial; bottom: 2%;}
}
@media all and (max-width: 768px){
    .index .main2_content{flex-direction: column;}
    .index .main2_content .con1{width: 100%;}
    .index .main2_content .con2{width: 100%;}
    .main_api .api-next{font-size: 3.2rem; top: 13%;}
    .main_api .api-prev{font-size: 3.2rem; top: 13%;}
    .index .con1 .latest .top img{width: 170px;}

}