@charset "utf-8";

/*.battle.fixed-header {position:fixed !important;top:100px;background: #f6f6f6;z-index: 2;}*/
.battle.fixed-header {position:relative;background: #f6f6f6;z-index: 2;}
.battle.fixed-header.active {position: fixed;top:100px;width:100%;}
.battle.fixed-header ul {width: 100%;/* margin: 7vw 0; */}
.battle.fixed-header ul li {position:relative;float:left;width:20%;color:#797979;font-size:3.1vw;font-weight: 400;text-align: center;margin: 5.7vw 0;cursor: pointer;}
.battle.fixed-header ul li.active {color:#272727;font-weight: 700;}
.battle.fixed-header ul li.active:after {content:"";position: absolute;left:50%;transform:translateX(-50%);bottom: -4.3vw;width: 2.4vw;height: 2vw;display: block;background: url(../images/active_arrow_icon.png?v=2) no-repeat;background-size: contain;}

.battle.section1 {background: url(../images/section1-bg.jpg?v=2) repeat-x;background-size: contain;}
.battle.section1 .btn-1{top: 41.8%;left: 6.3%;width: 87.6%;height: 5%;}
.battle.section1 .btn-2{top: 87.6%;left: 6.4%;width: 87.6%;height: 8.9%;}
.battle.section2 {background-color: #f6f6f6;}
.battle.section3 {background-color: #f6f6f6;}
.battle.section4 {background-color: #f6f6f6;}
.battle.section5 {background-color: #f6f6f6;}
@media screen and (min-width: 720px) {
    /* vx -> px 변환 : 1vw * 7.1666666667 = 7.1666666667px */

    .battle.fixed-header ul li {font-size:22px;margin: 41px 0;}
    .battle.fixed-header ul li.active:after {bottom: -31px;width: 17px;height: 14px;}

    .battle.section3 .targetAt{font-size: 34px;}
    .battle.section3 .memberCount{font-size: 34px;}
    .battle.section3 .gift-cnt{font-size: 28px;}
}