@charset "utf-8";

/*.stockrace2.fixed-header {position:fixed !important;top:100px;background: #f6f6f6;z-index: 2;}*/
.stockrace2.fixed-header {position:relative;background: #f6f6f6;z-index: 2;}
.stockrace2.fixed-header.active {position: fixed;top:100px;width:100%;}
.stockrace2.fixed-header ul {width: 100%;/* margin: 7vw 0; */}
.stockrace2.fixed-header ul li {position:relative;float:left;width:20%;color:#797979;font-size:3.6vw;font-weight: 400;text-align: center;margin: 5.7vw 0;cursor: pointer;}
.stockrace2.fixed-header ul li.active {color:#272727;font-weight: 700;}
.stockrace2.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;}

.stockrace2.section1 {background: url(../images/section1-bg.jpg?v=2) repeat-x;background-size: contain;}
.stockrace2.section1 .btn-1{top: 77%;left: 6.4%;width: 87.6%;height: 8.7%;}
.stockrace2.section1 .btn-2{top: 87.6%;left: 6.4%;width: 87.6%;height: 8.9%;}
.stockrace2.section1 .floating-banner{position:absolute;top: 1.8%;right: 0.5%;width: 25%;}
.stockrace2.section3 .targetAt{position: absolute;top: 3.6%;left: 11.4%;width: 77%;font-size: 4.7vw;font-weight: 600;color:#e82e33;text-align: center;}
.stockrace2.section3 .targetAt .end-text {color:#272727;}
.stockrace2.section3 .memberCount{position: absolute;top: 5.5%;left: 26%;width: 46%;font-size: 4.7vw;font-weight: 600;color:#e82e33;text-align: center;}
.stockrace2.section3 .gift-cnt{position: absolute;top: 8%;left: 7%;width: 35%;font-size: 3.9vw;font-weight: 500;color:#e82e33;text-align: center;}
.stockrace2.section3 .gift-cnt-1{top: 20.4%;left: 7%;width: 86%;}
.stockrace2.section3 .gift-cnt-2{top: 35.6%;left: 10.5%;}
.stockrace2.section3 .gift-cnt-3{top: 35.6%;left: 54.6%;}
.stockrace2.section3 .gift-cnt-4{top: 50.7%;left: 10.5%;}
.stockrace2.section3 .gift-cnt-5{top: 50.7%;left: 54.6%;}
.stockrace2.section3 .gift-cnt-6{top: 65.9%;left: 10.5%;}
.stockrace2.section3 .gift-cnt-7{top: 65.9%;left: 54.6%;}
.stockrace2.section3 .gift-cnt-8{top: 81.4%;left: 10.5%;}
.stockrace2.section3 .gift-cnt-9{top: 81.4%;left: 54.6%;}
.stockrace2.section3 .gift-cnt-10{top: 96.9%;left: 10.5%;}
.stockrace2.section3 .gift-cnt-11{top: 96.9%;left: 54.6%;}

@media screen and (min-width: 720px) {
    /* vx -> px 변환 : 1vw * 7.1666666667 = 7.1666666667px */

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

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