@media screen and (max-width:1600px) {
    .vote_team .item {align-items: flex-start;}
    .vote_team .item .img_box {width: 200px;}
}

@media screen and (max-width:1280px) {
    .vote_list .item .info .name {font-size: 0.875rem;}
    .vote_list .item .info .history {font-size: 0.69rem;}
    
    .vote_team {gap: 10px;}
    .vote_team .item {width: calc(50% - 5px); gap: 20px;}
    .vote_team .item .info {gap:5px 20px;}
    .vote_team .item .info .box {width: max-content}
    .vote_team .item.dct .info .box:nth-of-type(2) {order: 2;}
    .vote_team .item.dct .info .box:nth-of-type(3) {order: 3; margin-top: 0;}
    .vote_team .item.dct .info .box:nth-of-type(4) {order: 4;}
}

@media screen and (max-width:1199px) {
    #footer .host {flex-direction: column; gap: 20px;}
    #footer .host .naeyong img {height: 40px;}
    #footer .box{flex-direction: column;position: relative;padding-bottom: 20px;}
    #footer .gubun{margin-top: 0; margin-bottom: 15px;}
    #footer .box::after{content: ''; background-color: #FFC85E;width: 100%; height: 1px;position: absolute; bottom: 0;}
    #footer .box:last-child:after{display: none;}

    .vote_list {flex-wrap: wrap; gap:40px 10px;}
    .vote_list .item {width: calc(33.333% - 6.666px);}
    


    .bgMain .bgTxt .track:nth-child(odd) { animation: bgMainTxtOdd 70s linear infinite;}
    .bgMain .bgTxt .track:nth-child(even) { animation: bgMainTxtEven 70s linear infinite;}
    
}

@media screen and (max-width:899px) {

    /* 줄바꿈 */
    .brPc {display: none;}
    .brM {display: block;}

    .top_s .inner {padding: 80px 0;}
    .top_s .tit_box .txt {font-size: 1rem;}
    .top_s .tit_box .txt .cmnt {font-size: 0.875rem;}
    .top_s .btn_box {margin-top:50px;}
    .top_s .btn_box a {font-size: 1rem; height: 60px;}

    .vote_tit {font-size: 2rem; padding:0 0 40px;}
    /* .vote_tit:before {width: 40px; height: 40px;} */
    .vote_tit .small {font-size: 1.5rem;}

    .vote_list .item .voteBtn {font-size: 0.75rem; padding: 5px;}


    .vote_team .item .img_box {width: 120px;}
    .vote_team .item .title .teamName {font-size: 1.25rem;}
    .vote_team .item .info .game {font-size: 0.875rem;}
    .vote_team .item .info .player {font-size: 0.84rem;}
    .vote_team .item .voteBtn {font-size: 0.875rem; height: auto; padding: 10px; margin-top: 20px;}

    .rec_s .sec_tit .big {font-size: 1.75rem;}
    .rec_s .sec_tit .small {font-size: 1rem;}

    .bgMain .bgTxt .track:nth-child(odd) { animation: bgMainTxtOdd 40s linear infinite;}
    .bgMain .bgTxt .track:nth-child(even) { animation: bgMainTxtEven 40s linear infinite;}

    .vote_moment li {flex-direction: column; padding: 70px 0;}
    .vote_moment .video_box {flex-basis: auto; width: 100%; margin-right: 0; margin-bottom: 30px;}
    .vote_moment .shorts-container {padding-bottom: 100%;}
    .vote_moment .txt_box {width: 100%;}
    .vote_moment .voteBtn {margin-top: 40px;}
}

@media screen and (max-width:599px) {
    #footer .host {gap: 20px; margin-bottom: 40px;}
    #footer .host .gubun {font-size: 0.875rem;}
    #footer .host .naeyong img { height: 28px;}
    #footer .name {font-size: 1.125rem;}
    #footer .info p {font-size: 0.875rem; margin:3px 0;}
    #footer .copy {margin-top: 10px; font-size: 0.75rem;}

    #topLogo {padding-bottom: 50px;}
    #topLogo .logo {width: 80px;}

    .bgMain .bgStar {background-size: 120% auto;}

    .top_s .btn_box a {font-size: 0.875rem; height: 60px;}

    .vote_tit {font-size: 1.75rem;}

    .vote_list .item {width: calc(50% - 5px);}
    .vote_list .item .info .history {font-size: 0.625rem;}

    .vote_team .item {flex-direction: column; gap: 20px; padding: 20px 0; background: none; }
    .vote_team .item .info .box {width: 100%;}
    .vote_team .item .txt_box {flex: 1 0 0;}
    .vote_team .item .title .teamName {font-size: 1rem;}
    .vote_team .item .info {align-content: flex-start; flex: 1 0 0;}
    .vote_team .item .info .game {font-size: 0.75rem;}
    .vote_team .item .info .type {font-size: 0.75rem;}
    .vote_team .item .info .player {font-size: 0.75rem;}
    .vote_team .item .img_box {width: 100%;}
    .vote_team .item .voteBtn {max-width: 100%;}

    .rec_s .sec_tit .big {font-size: 1.5rem;}
    .rec_s .sec_tit .date {font-size: 1.25rem;}
    .rec_s .sec_tit .venun {font-size: 1rem; margin-top: 5px;}
    .rec_s .sec_tit .venun span {display: block;}
    .rec_s .sec_tit .descrip {font-size: 0.875rem;}
    .rec_s .btn_box a {max-width: unset;}

    .rec_wrap .bgMain .bgStar.left {top: -10%;}
    .rec_wrap .bgMain .bgStar.right {bottom: -5%;}

    .bgMain .bgTxt .track:nth-child(odd) { animation: bgMainTxtOdd 15s linear infinite;}
    .bgMain .bgTxt .track:nth-child(even) { animation: bgMainTxtEven 15s linear infinite;}

    .vote_moment .txt_box .title {font-size: 1.5rem;}
    .vote_moment .txt_box .text {font-size: 1rem;}
    .vote_moment .voteBtn {max-width: 100%;}

    .form_box .label.wm100 p {width: 100%;}
    .form_box li {font-size: 0.875rem;}
    .form_box li.w50 {width: 100%;}

}
.text_box{font-size: 0.75rem;}