@charset "UTF-8";

section{overflow:hidden; position:relative;}
section .main_title{color:#000; font-size:40px; font-weight:700;}

.visual{height:830px;}
.visual .visual_list{position:absolute; top:0; left:0; right:0; height:100%;}
.visual .visual_item{height:100%;}
.visual .visual_item .visual_img{height:100%;}
.visual .visual_item .visual_img img{width:100%; height:100%; object-fit:cover;}
.visual .wrap{z-index:10; height:100%; padding-top:307px;}
.visual .visual_text{color:#fff;}
.visual .visual_text div{font-size:83px; font-weight:600;}
.visual .visual_text p{margin-top:34px; font-size:24px; font-weight:600; line-height:1.5; letter-spacing:-0.05em; word-break:keep-all;}
.visual .visual_control{display:flex; margin-top:72px; gap:9px; align-items:center;}
.visual .visual_control .swiper-pagination-bullet{opacity:1; overflow:hidden; position:relative; width:7px; height:7px; border-radius:4px; background:#fff; transition:.5s ease;}
.visual .visual_control .swiper-pagination-bullet-active{width:64px; height:5px; background-color:rgba(255,255,255,0.25);}
.visual .visual_control .swiper-pagination-bullet::after{position:absolute; top:0; left:0; width:0; height:100%; background:#fff; content:'';}
.visual .visual_control .swiper-pagination-bullet.progress::after{animation:dotProgress 5s linear forwards;}
.visual .visual_float{display:flex; position:absolute; right:30px; bottom:103px; gap:33px; align-items:center;}
.visual .visual_float .float_scroll{position:relative;}
.visual .visual_float .float_scroll > img{width:145px; animation:rotate360 12s linear infinite;}
.visual .visual_float .float_scroll div{display:flex; position:absolute; top:0; left:0; right:0; bottom:0; width:34px; height:66px; margin:auto; border:1px solid #fff; border-radius:17px; align-items:center; justify-content:center;}
.visual .visual_float .float_scroll div img{opacity:0.6; width:13px; animation:arrowFloat 1.6s ease-in-out infinite; transform:translateY(-5px);}
.visual .visual_float .float_sns{display:flex; flex-direction:column; gap:10px;}
.visual .visual_float .float_sns a{width:45px;}
@keyframes dotProgress{
    from{width:0;}
    to{width:100%;}
}
@keyframes rotate360{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}
@keyframes arrowFloat{
    0%{opacity:0.6; transform:translateY(-5px);}
    50%{opacity:1; transform:translateY(5px);}
    100%{opacity:0.6; transform:translateY(-5px);}
}

.shortcut{padding-top:80px;}
.shortcut .shortcut_list{display:flex; gap:42px;}
.shortcut .shortcut_list li{flex:1 0 0;}
.shortcut .shortcut_list li a{display:flex; overflow:hidden; position:relative; height:243px; border-radius:10px; background-color:#f4f6f8; color:#262626; font-size:27px; font-weight:700; transition:.25s ease-in-out; align-items:center; justify-content:center; flex-direction:column; gap:10px;}
.shortcut .shortcut_list li a:before,
.shortcut .shortcut_list li a:after{content:'';}
.shortcut .shortcut_list li a:before{display:flex; z-index:1; width:116px; height:116px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:cover; background-color:#fff; align-items:center; justify-content:center;}
.shortcut .shortcut_list li:nth-child(1) a:before{background-image:url(../images/main/shortcut_icon_01.png);}
.shortcut .shortcut_list li:nth-child(2) a:before{z-index:1; background-image:url(../images/main/shortcut_icon_02.png);}
.shortcut .shortcut_list li:nth-child(3) a:before{background-image:url(../images/main/shortcut_icon_03.png);}
.shortcut .shortcut_list li:nth-child(4) a:before{background-image:url(../images/main/shortcut_icon_04.png);}
.shortcut .shortcut_list li:nth-child(5) a:before{background-image:url(../images/main/shortcut_icon_05.png);}
.shortcut .shortcut_list li a:after{opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to bottom, #de2f54, #094fc3); transition:.25s ease-in-out;}
.shortcut .shortcut_list li a span{z-index:1;}

.news{margin-top:86px;}
.news .news_head{display:flex; justify-content:space-between; align-items:end;}
.news .news_head .news_title_box p{margin-top:18px; color:#555; font-size:20px; font-weight:500;}
.news .news_head .news_tab_box{display:flex; margin-bottom:-10px; gap:36px; align-items:center;}
.news .news_head .news_tab_box .news_tab{display:flex; gap:20px;}
.news .news_head .news_tab_box .news_tab li button{position:relative; height:48px; color:#7b7b7b; font-size:23px; font-weight:700; transition:.25s ease-in-out;}
.news .news_head .news_tab_box .news_tab li button:before{position:absolute; left:50%; bottom:0; width:0; height:3px; background-color:#7b7b7b; content:''; transform:translateX(-50%); transition:.25s ease-in-out;}
.news .news_head .news_tab_box .news_tab li.active button{color:#03091e;}
.news .news_head .news_tab_box .news_tab li.active button:before{width:100%; background-color:#03091e;}
.news .news_head .news_tab_box .news_more{display:flex; width:140px; height:60px; border-radius:30px; background-color:#004098; color:#fff; font-size:20px; font-weight:600; align-items:center; justify-content:center; gap:13px;}
.news .news_head .news_tab_box .news_more:after{width:16px; height:16px; background:url(../images/main/news_more.png) no-repeat center / cover; content:'';}
.news .news_list{display:flex; margin-top:47px; flex-wrap:wrap; gap:27px;}
.news .news_item{display:none; width:calc(calc(100% - 81px) / 4);}
.news .news_item.active{display:block;}
.news .news_item a{display:flex; overflow:hidden; position:relative; padding:33px 37px 46px; border-radius:20px; background-repeat:no-repeat; background-position:right bottom; background-size:190px; background-color:#f3f9ff; flex-direction:column; align-items:start; gap:20px;/* transition:.25s ease-in-out;*/}
.news .news_item a .news_type{padding:0 11px; border-radius:15px; background-color:#a6c6e7; color:#fff; font-size:14px; font-weight:600; line-height:30px;}
.news .news_item a .news_date{color:#738aa1; font-size:18px; font-weight:500;}
.news .news_item a .news_title{display:-webkit-box; overflow:hidden; height:60px; color:#061033; font-size:24px; font-weight:700; text-overflow:ellipsis; line-height:30px; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news .news_item a .news_icon{display:flex; position:absolute; top:35px; right:37px; font-size:0; gap:7px;}
.news .news_item a .news_icon span{display:block; width:27px; height:27px; background-repeat:no-repeat; background-size:cover;}
.news .news_item a .news_icon .icon_new{background-image:url(../images/main/news_new.png);}
.news .news_item a .news_icon .icon_more{background-image:url(../images/main/news_item_more.png);}

.calendar{margin-top:135px;}
.calendar .wrap{display:flex; height:700px;}
.calendar .calendar_head{display:flex; width:235px; padding-bottom:47px; border-radius:0 0 0 60px; background-image:linear-gradient(to bottom, #d63f46, #1f63d0); flex-shrink:0; align-items:center; justify-content:center; flex-direction:column; gap:43px;}
.calendar .calendar_head .main_title{color:#fff;}
.calendar .calendar_head .calendar_more{display:flex; width:130px; height:40px; border:1px solid rgba(255,255,255,0.3); border-radius:20px; color:#fff; font-size:16px; align-items:center; justify-content:center; gap:8px;}
.calendar .calendar_head .calendar_more:after{width:12px; height:12px; background:url(../images/main/calendar_more.png) no-repeat center / cover; content:'';}
.calendar .calendar_iframe{border-top:2px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; flex:1 0 0;}
.calendar .calendar_iframe iframe{width:100%; height:100%;}

.schedule{margin-top:132px; padding-bottom:137px;}
.schedule .schedule_head{display:flex; align-items:center; justify-content:space-between;}
.schedule .schedule_head .schedule_more{display:flex; width:140px; height:60px; border:1px solid #d5d5d5; border-radius:30px; color:#3a3a3a; font-size:20px; font-weight:600; align-items:center; justify-content:center; gap:13px;}
.schedule .schedule_head .schedule_more:after{width:16px; height:16px; background:url(../images/main/schedule_more.png) no-repeat center / cover; content:'';}
.schedule .schedule_wrap{display:flex; margin-top:35px;}
.schedule .schedule_wrap .schedule_tab{display:flex; width:317px; padding:5px 0 0 10px; flex-shrink:0; flex-direction:column; gap:15px;}
.schedule .schedule_wrap .schedule_tab li button{position:relative; color:#707070; font-size:24px; font-weight:600; line-height:54px; transition:.25s ease-in-out; letter-spacing:-0.075em;}
.schedule .schedule_wrap .schedule_tab li button:after{opacity:0; position:absolute; top:0; right:0; bottom:0; width:10px; height:10px; margin:auto 0; border-radius:50%; background-color:#707070; content:''; transform:scale(0); transition:.25s .15s ease-in-out;}
.schedule .schedule_wrap .schedule_tab li.active button{color:#e6424a; font-size:36px; font-weight:700;}
.schedule .schedule_wrap .schedule_tab li.active button:after{opacity:1; right:-26px; background-color:#e6424a; transform:scale(1);}
.schedule .schedule_wrap .schedule_list{display:flex; width:calc(100% - 317px); flex:1 0 0; flex-direction:column; gap:30px;}
.schedule .schedule_wrap .schedule_item{display:none; padding:36px 32px 36px 54px; border-radius:20px; background-color:#fff; box-shadow:0 0 27.8px 4.2px rgba(0, 0, 0, 0.07); gap:30px; align-items:center;}
.schedule .schedule_wrap .schedule_item.active{display:flex;}
.schedule .schedule_wrap .schedule_item .schedule_type{display:flex; width:140px; height:60px; border:3px solid #e6424a; border-radius:30px; color:#e6424a; font-size:20px; font-weight:700; align-items:center; justify-content:center; flex-shrink:0;}
.schedule .schedule_wrap .schedule_item .schedule_text{display:flex; width:calc(100% - 342px); flex-direction:column; gap:16px;}
.schedule .schedule_wrap .schedule_item .schedule_text .schedule_title{overflow:hidden; width:100%; color:#222; font-size:26px; font-weight:700; text-overflow:ellipsis; white-space:nowrap;}
.schedule .schedule_wrap .schedule_item .schedule_text .schedule_info{display:flex; gap:36px;}
.schedule .schedule_wrap .schedule_item .schedule_text .schedule_info li{display:flex; color:#555; font-size:18px; font-weight:500; gap:7px; word-break:keep-all;}
.schedule .schedule_wrap .schedule_item .schedule_text .schedule_info li span{color:#222; font-weight:700; flex-shrink:0;}
.schedule .schedule_wrap .schedule_item .schedule_more{display:flex; width:142px; height:60px; border:1px solid #757575; border-radius:9px; background-color:#f6f6f6; color:#505050; font-size:18px; font-weight:600; flex-shrink:0; align-items:center; justify-content:center;}

.gallery{padding:89px 0 124px; background-color:#f4f7ff;}
.gallery .gallery_head{display:flex; align-items:end; justify-content:space-between; gap:18px;}
.gallery .gallery_head .gallery_control{display:flex; margin-left:auto; align-items:center; gap:10px;}
.gallery .gallery_head .gallery_control button{width:40px; height:40px; background-repeat:no-repeat; background-position:center; background-size:22px; font-size:0;}
.gallery .gallery_head .gallery_control .gallery_prev{background-image:url(../images/main/slide_prev.png);}
.gallery .gallery_head .gallery_control .gallery_next{background-image:url(../images/main/slide_next.png);}
.gallery .gallery_head .gallery_control span{display:block; width:1px; height:19px; background-color:#cfd6e7;}
.gallery .gallery_head .gallery_more{display:flex; width:90px; height:40px; border-radius:20px; background-color:#d9e1f5; color:#3a3a3a; font-size:16px; align-items:center; justify-content:center; gap:6px;}
.gallery .gallery_head .gallery_more:after{width:12px; height:12px; background:url(../images/main/gallery_more.png) no-repeat center / cover; content:'';}
.gallery .gallery_list{margin-top:30px;}
.gallery .gallery_item{width:330px;}
.gallery .gallery_item a{overflow:hidden; position:relative; width:100%; height:330px; border-radius:12px; background-color:#000; transition:.25s ease-in-out;}
.gallery .gallery_item a .gallery_img{width:100%; height:100%; transition:.25s ease-in-out; object-fit:cover;}
.gallery .gallery_item a .gallery_title{display:flex; opacity:0; position:absolute; left:29px; right:29px; bottom:36px; color:#fff; font-size:28px; font-weight:700; transition:.25s ease-in-out; word-break:keep-all; flex-direction:column; gap:20px;}
.gallery .gallery_item a .gallery_title:after{width:27px; height:27px; background:url(../images/main/gallery_item_more.png) no-repeat center / cover; content:'';}

.charge{margin-top:104px; padding-bottom:175px;}
.charge .main_title{text-align:center;}
.charge .charge_box{margin-top:44px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.charge .charge_box .charge_list{display:flex; padding:36px 0 34px 0;}
.charge .charge_box .charge_item{position:relative; padding:0 30px; flex:1 0 0;}
.charge .charge_box .charge_item + .charge_item{border-left:1px solid #ccc;}
.charge .charge_box .charge_item + .charge_item:before{content:'';}
.charge .charge_box .charge_item .charge_title{display:flex; margin-left:-7px; color:#393939; font-size:28px; font-weight:700; align-items:center;}
.charge .charge_box .charge_item .charge_title img{width:42px; margin-right:5px;}
.charge .charge_box .charge_item .charge_title span{color:#0075e1;}
.charge .charge_box .charge_item ul{margin-top:19px; border-top:1px solid #ebedf1;}
.charge .charge_box .charge_item ul li{display:flex; padding:7px 0; border-bottom:1px solid #ebedf1; align-items:center; gap:16px;}
.charge .charge_box .charge_item ul li div{display:flex; width:100px; height:44px; border-radius:8px; background-color:#f3f9ff; color:#3d4e64; font-size:16px; font-weight:600; align-items:center; justify-content:center; flex-shrink:0;}
.charge .charge_box .charge_item ul li p{color:#585858; font-size:16px; font-weight:500;}
.charge .charge_box .charge_item ul li p span{display:inline-block; margin:-3px 5px; padding:0 7px; border:1px solid #757575; border-radius:3px; line-height:24px; vertical-align:middle;}
.charge .charge_box .charge_item .charge_btn{display:flex; width:114px; height:50px; margin:17px auto 0; border-radius:25px; background-color:#005da3; color:#fff; font-size:18px; font-weight:600; align-items:center; justify-content:center;}
.charge .charge_box .charge_warning{display:flex; height:50px; background-color:#f9f9f9; align-items:center; justify-content:center;}
.charge .charge_box .charge_warning p{display:flex; color:#086dcd; font-size:17px; font-weight:500; text-align:left; align-items:center; justify-content:center; gap:7px; word-break:keep-all;}
.charge .charge_box .charge_warning p:before{display:block; width:20px; height:20px; background:url(../images/main/warning_icon_blue.png) no-repeat center / cover; content:''; flex-shrink:0;}
.charge .charge_wrap{display:flex; padding-top:7px; gap:70px;}

.charge .charge_box.n2{width:50%;}
.charge .charge_box.n2 .charge_item .charge_title span{color:#5063ef;}
.charge .charge_box.n2 .charge_item ul li div{background-color:#eef0fd;}
.charge .charge_box.n2 .charge_item .charge_btn{background-color:#4958ca;}
.charge .charge_box.n2 .charge_warning p{color:#4958ca;}
.charge .charge_box.n2 .charge_warning p:before{background-image:url(../images/main/warning_icon_purple.png);}

.charge .charge_box.n3{width:calc(50% - 70px);}
.charge .charge_box.n3 .charge_item .charge_title span{color:#0d7767;}
.charge .charge_box.n3 .charge_item ul li div{background-color:#effcf8;}
.charge .charge_box.n3 .charge_item .charge_btn{background-color:#333;}
.charge .charge_box.n3 .charge_warning p{color:#333;}
.charge .charge_box.n3 .charge_warning p:before{background-image:url(../images/main/warning_icon.png);}

.sponsor{padding:17px 0; border-top:1px solid #dde3e8;}
.sponsor .wrap{display:flex; align-items:center; justify-content:center; gap:50px;}
.sponsor .sponsor_title{color:#000; font-size:23.5px; font-weight:700; flex-shrink:0;}
.sponsor .sponsor_list{display:flex; gap:30px; align-items:center; flex-wrap:wrap;}

@media (min-width:1001px){
    .shortcut .shortcut_list li a:hover{color:#fff; transform:translateY(-33px);}
    .shortcut .shortcut_list li a:hover:after{opacity:1;}

    .news .news_item a:hover{background-image:url(../images/main/news_bg.png); background-color:#1f63d0;}
    .news .news_item a:hover .news_date{color:#fff;}
    .news .news_item a:hover .news_title{color:#fff;}
    .news .news_item a:hover .news_icon .icon_new{background-image:url(../images/main/news_new_on.png);}
    .news .news_item a:hover .news_icon .icon_more{background-image:url(../images/main/news_item_more_on.png);}

    .gallery .gallery_item a:hover{transform:translateY(-20px);}
    .gallery .gallery_item a:hover .gallery_img{opacity:0.3;}
    .gallery .gallery_item a:hover .gallery_title{opacity:1;}
}
@media (max-width:1640px){
    .schedule .schedule_wrap .schedule_tab{width:250px;}
    .schedule .schedule_wrap .schedule_list{width:calc(100% - 250px);}
    .sponsor .wrap{gap:20px;}
    .sponsor .sponsor_list{gap:20px;}
}
@media (max-width:1400px){
    .visual{height:calc(100vh - 110px);}
    .visual .wrap{padding-top:210px;}
    .visual .visual_text div{font-size:60px;}
    .visual .visual_text p{font-size:18px;}
    .visual .visual_float{bottom:30px;}

    .shortcut .shortcut_list{gap:20px;}
    .shortcut .shortcut_list li a{font-size:20px;}
    .shortcut .shortcut_list li a:before{width:100px; height:100px;}

    .news .news_list{gap:20px;}
    .news .news_item{width:calc(50% - 10px);}

    .schedule .schedule_wrap .schedule_item{padding:20px; gap:20px;}
    .schedule .schedule_wrap .schedule_item .schedule_type{width:120px; height:40px; border-width:2px; font-size:16px;}
    .schedule .schedule_wrap .schedule_item .schedule_text{width:calc(100% - 260px);}
    .schedule .schedule_wrap .schedule_item .schedule_text .schedule_title{font-size:20px;}
    .schedule .schedule_wrap .schedule_item .schedule_text .schedule_info{flex-direction:column; gap:10px;}
    .schedule .schedule_wrap .schedule_item .schedule_text .schedule_info li{font-size:16px;}
    .schedule .schedule_wrap .schedule_item .schedule_more{width:100px; height:40px; font-size:16px;}

    .charge .charge_wrap{padding-top:0; flex-direction:column; gap:0;}
    .charge .charge_wrap .charge_box{width:100%;}

    .charge .charge_box.n1 .charge_list{flex-wrap:wrap; gap:40px 0;}
    .charge .charge_box.n1 .charge_item{width:50%; flex:none;}
    .charge .charge_box.n1 .charge_item:nth-child(3){border-left:0;}
    .charge .charge_box.n1 .charge_item:nth-child(3):before,
    .charge .charge_box.n1 .charge_item:nth-child(4):before{position:absolute; top:-20px; left:0; right:0; height:1px; border-top:1px dashed #ddd; content:'';}

    .sponsor .sponsor_list{justify-content:center;}
    .sponsor .sponsor_list li img{height:42px;}
}
@media (max-width:1000px){
    section .main_title{font-size:20px;}
    section .main_title br{display:none;}

    .visual{height:calc(100vh - 60px);}
    .visual .wrap{padding-top:0;}
    .visual .visual_text{position:absolute; left:18px; right:18px; bottom:130px;}
    .visual .visual_text div{font-size:34px;}
    .visual .visual_text p{margin-top:12px; font-size:15px;}
    .visual .visual_control{position:absolute; left:18px; bottom:98px; margin-top:0;}
    .visual .visual_float{left:18px; right:18px; bottom:18px; gap:0;}
    .visual .visual_float .float_scroll{position:absolute; right:0; bottom:0;}
    .visual .visual_float .float_scroll > img{width:113px;}
    .visual .visual_float .float_scroll div{width:24px; height:50px;}
    .visual .visual_float .float_scroll div img{width:9px;}
    .visual .visual_float .float_sns{gap:4px; flex-direction:row;}
    .visual .visual_float .float_sns a{width:35px;}
    .visual .visual_float .float_sns a img{}

    .shortcut{padding-top:50px;}
    .shortcut .shortcut_list{gap:10px;}
    .shortcut .shortcut_list li a{height:140px; font-size:14px;}
    .shortcut .shortcut_list li a:before{width:60px; height:60px;}

    .news{margin-top:50px;}
    .news .news_head .news_title_box p{margin-top:10px; font-size:14px;}
    .news .news_head .news_tab_box{gap:12px;}
    .news .news_head .news_tab_box .news_tab{gap:12px;}
    .news .news_head .news_tab_box .news_tab li button{height:40px; font-size:14px;}
    .news .news_head .news_tab_box .news_tab li button:before{bottom:6px; height:2px;}
    .news .news_head .news_tab_box .news_more{width:80px; height:40px; font-size:14px; gap:6px;}
    .news .news_head .news_tab_box .news_more:after{width:11px; height:11px;}
    .news .news_list{margin-top:20px; gap:10px;}
    .news .news_item{width:calc(50% - 5px);}
    .news .news_item a{padding:18px; border-radius:10px; gap:12px;}
    .news .news_item a .news_type{padding:0 8px; font-size:12px; line-height:24px;}
    .news .news_item a .news_date{font-size:14px;}
    .news .news_item a .news_title{height:48px; font-size:16px; line-height:24px;}
    .news .news_item a .news_icon{top:18px; right:18px; gap:4px;}
    .news .news_item a .news_icon span{width:20px; height:20px;}

    .calendar{margin-top:50px;}
    .calendar .wrap{height:auto; flex-direction:column;}
    .calendar .calendar_head{width:100%; padding:10px 18px; border-radius:10px 10px 0 0; background-image:linear-gradient(to right, #d63f46, #1f63d0); flex-direction:row; justify-content:space-between;}
    .calendar .calendar_head .calendar_more{width:80px; font-size:14px; gap:6px;}
    .calendar .calendar_head .calendar_more:after{width:9px; height:9px;}
    .calendar .calendar_iframe iframe{height:400px;}

    .schedule{margin-top:50px; padding-bottom:50px;}
    .schedule .schedule_head .schedule_more{width:80px; height:40px; font-size:14px; gap:6px;}
    .schedule .schedule_head .schedule_more:after{width:11px; height:11px;}
    .schedule .schedule_wrap{margin-top:20px;}
    .schedule .schedule_wrap .schedule_tab{width:120px; padding:8px 0 0 0;}
    .schedule .schedule_wrap .schedule_tab li button{font-size:16px; line-height:22px;}
    .schedule .schedule_wrap .schedule_tab li button:after{width:6px; height:6px;}
    .schedule .schedule_wrap .schedule_tab li.active button{font-size:18px;}
    .schedule .schedule_wrap .schedule_tab li.active button:after{right:-14px;}
    .schedule .schedule_wrap .schedule_list{width:calc(100% - 120px); gap:10px;}
    .schedule .schedule_wrap .schedule_item{position:relative; padding:18px; border-radius:10px; flex-direction:column; align-items:start; gap:14px;}
    .schedule .schedule_wrap .schedule_item .schedule_type{width:96px; height:28px; font-size:14px;}
    .schedule .schedule_wrap .schedule_item .schedule_text{width:100%; gap:12px;}
    .schedule .schedule_wrap .schedule_item .schedule_text .schedule_title{font-size:16px;}
    .schedule .schedule_wrap .schedule_item .schedule_text .schedule_info{gap:4px;}
    .schedule .schedule_wrap .schedule_item .schedule_text .schedule_info li{font-size:14px;}
    .schedule .schedule_wrap .schedule_item .schedule_text .schedule_info li span{}
    .schedule .schedule_wrap .schedule_item .schedule_more{position:absolute; top:18px; right:18px; width:82px; height:28px; border-radius:6px; font-size:14px;}

    .gallery{padding:50px 0;}
    .gallery .gallery_head{align-items:center; gap:10px;}
    .gallery .gallery_head .gallery_control button{width:30px; height:30px; background-size:16px;}
    .gallery .gallery_head .gallery_more{width:80px; font-size:14px;}
    .gallery .gallery_head .gallery_more:after{width:9px; height:9px;}
    .gallery .gallery_list{margin-top:20px;}
    .gallery .gallery_item{width:200px;}
    .gallery .gallery_item a{height:200px; border-radius:8px;}
    .gallery .gallery_item a .gallery_title{opacity:1; left:0; right:0; bottom:0; padding:18px; background-image:linear-gradient(to bottom, transparent, #000); font-size:14px; line-height:1.4; gap:6px;}
    .gallery .gallery_item a .gallery_title:after{width:20px; height:20px;}

    .charge{margin-top:50px; padding-bottom:50px;}
    .charge .charge_box{margin-top:20px;}
    .charge .charge_box .charge_list{padding:20px 0;}
    .charge .charge_box .charge_item{padding:0 18px;}
    .charge .charge_box .charge_item .charge_title{font-size:18px;}
    .charge .charge_box .charge_item .charge_title img{width:28px; margin-right:3px;}
    .charge .charge_box .charge_item ul{margin-top:10px;}
    .charge .charge_box .charge_item ul li{padding:6px 0; gap:8px;}
    .charge .charge_box .charge_item ul li div{width:72px; height:30px; font-size:14px;}
    .charge .charge_box .charge_item ul li p{font-size:14px;}
    .charge .charge_box .charge_item ul li p span{margin-top:1px; margin-bottom:1px; padding:0 4px; font-size:13px; line-height:18px;}
    .charge .charge_box .charge_item .charge_btn{width:80px; height:32px; margin-top:10px; font-size:14px;}
    .charge .charge_box .charge_warning{height:40px;}
    .charge .charge_box .charge_warning p{font-size:14px; gap:4px;}
    .charge .charge_box .charge_warning p:before{width:14px; height:14px;}

    .sponsor .wrap{flex-direction:column; gap:10px;}
    .sponsor .sponsor_title{font-size:20px;}
    .sponsor .sponsor_list{gap:8px 12px;}
}
@media (max-width:640px){
    .visual{height:450px;}

    .shortcut .shortcut_list{flex-wrap:wrap;}
    .shortcut .shortcut_list li{width:calc(33.33% - 7px); flex:auto;}
    .shortcut .shortcut_list li a{height:110px; gap:8px;}
    .shortcut .shortcut_list li a:before{width:50px; height:50px;}

    .news .news_head{flex-direction:column; align-items:start; gap:10px;}
    .news .news_head .news_tab_box{width:100%; justify-content:space-between;}
    .news .news_item{width:100%;}
    .news .news_item a{gap:8px;}
    .news .news_item a .news_title{height:42px; font-size:15px; line-height:21px;}

    .schedule .schedule_wrap{margin-top:10px; flex-direction:column; gap:20px;}
    .schedule .schedule_wrap .schedule_tab{width:100%; flex-direction:row;}
    .schedule .schedule_wrap .schedule_tab li button:after{top:auto; left:50%; right:auto; bottom:-2px; width:0; height:2px; border-radius:0; transform:translateX(-50%) !important; transform:none;}
    .schedule .schedule_wrap .schedule_tab li.active button{font-size:16px;}
    .schedule .schedule_wrap .schedule_tab li.active button:after{right:auto; width:100%;}
    .schedule .schedule_wrap .schedule_list{width:100%;}

    .charge .charge_box .charge_list{gap:0 !important; flex-direction:column;}
    .charge .charge_box .charge_item{width:100% !important;}
    .charge .charge_box .charge_item + .charge_item{margin-top:12px; padding-top:12px; border-top:1px dashed #ddd; border-left:0;}
    .charge .charge_box.n1 .charge_item:nth-child(3):before, .charge .charge_box.n1 .charge_item:nth-child(4):before{display:none;}
}