@charset "utf-8";
#middle{padding:0;z-index: 100}
#middle strong,
#middle em{font-weight: normal;text-decoration: none;font-style: normal}

#middle .historyContent{margin: 0 auto;text-align: center;width: 100%;overflow:hidden;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/bg_content.png)}
#middle .historyContent.target180 {background:#000 url('https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/bg_20171.jpg') center 1050px no-repeat; }
#middle .historyContent.target180 .btnHome{display: none;}
#middle .historyContent.target210 {background:#000 url('https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/bg_20171.jpg') center 1050px no-repeat; }
#middle .historyContent.target210 .btnHome{display: none;}
#middle .historyContent .headingArea{position: relative;padding-top: 70px;height: 1050px;box-sizing: border-box;overflow:hidden;}
#middle .historyContent .contentArea{width: 1200px;margin: 0 auto;text-align: center;}

#middle .historyContent .headingArea .container{position: relative;width: 750px;height: 750px;margin:0 auto;margin-top:100px;z-index: 10}
#middle .historyContent .headingArea .lineCont{position: absolute;width: 750px;height: 750px;margin:0 auto;transform-origin: center center}
#middle .historyContent .headingArea .ballCont{position: absolute;top:0;left:0;width: 750px;height: 750px;margin:0 auto;z-index: 10}

#middle .historyContent .headingArea .btnHome{position: absolute;top: 500px;left: 50%;margin-left:-99px;width: 189px;height: 48px;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/btn_home.png) 0 0 no-repeat;z-index: 10}
#middle .historyContent .headingArea .btnHome:hover{background-position: 0 -48px;}

#middle .historyContent .headingArea .titCont{width: 600px;height: 400px;position: absolute;top:50%;left:50%;margin-left: -300px;margin-top: -200px;text-align: center;}
#middle .historyContent .headingArea .titCont .tit{opacity:0;transition: none;transform:scale(0.9);position: absolute;top:0;left:0;text-align: center;width: 600px;left:50%;margin-left: -300px;}
#middle .historyContent .headingArea .titCont .tit img{}
#middle .historyContent.target0 .headingArea .titCont .t1{margin-top: 10px;opacity: 1;transform:scale(1);transition: all 0.6s ease;}
#middle .historyContent.target30 .headingArea .titCont .t2{margin-top: 5px;opacity: 1;transform:scale(1);transition: all 0.6s ease;}
#middle .historyContent.target60 .headingArea .titCont .t3{opacity: 1;transform:scale(1);transition: all 0.6s ease;}
#middle .historyContent.target90 .headingArea .titCont .t4{opacity: 1;transform:scale(1);transition: all 0.6s ease;}
#middle .historyContent.target120 .headingArea .titCont .t5{margin-top: -50px;opacity: 1;transform:scale(1);transition: all 0.6s ease;}
#middle .historyContent.target150 .headingArea .titCont .t6{margin-top: -50px;opacity: 1;transform:scale(1);transition: all 0.6s ease;}
#middle .historyContent.target180 .headingArea .titCont .t7{margin-top: -50px;opacity: 1;transform:scale(1);transition: all 0.6s ease;}
#middle .historyContent.target210 .headingArea .titCont .t8{margin-top: -50px;opacity: 1;transform:scale(1);transition: all 0.6s ease;}

#middle .historyContent .headingArea .textCont .menu a{display: block;text-indent: -9999px}
#middle .historyContent .headingArea .textCont .menu a span{transition: all 0.2s ease;position: absolute;top:0;left:0;}

#middle .historyContent .headingArea .textCont .m1{position: absolute;top:340px;left:-150px;width: 116px;height: 59px;z-index: 20}
#middle .historyContent .headingArea .textCont .m1 a,
#middle .historyContent .headingArea .textCont .m1 a span{display: block;width: 116px;height: 59px;overflow: hidden;}
#middle .historyContent .headingArea .textCont .m1 .on{display:block;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m1.png) 0 0 no-repeat;opacity: 1}
#middle .historyContent .headingArea .textCont .m1 .off{opacity: 0;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m1_over.png) 0 0 no-repeat;}
#middle .historyContent.target0 .headingArea .textCont .menu.m1 .on{opacity:0;}
#middle .historyContent.target0 .headingArea .textCont .menu.m1 .off{opacity:1;}

#middle .historyContent .headingArea .textCont .m2{position: absolute;top:150px;left:-110px;width: 128px;height: 58px;z-index: 20}
#middle .historyContent .headingArea .textCont .m2 a,
#middle .historyContent .headingArea .textCont .m2 a span{display: block;width: 128px;height: 58px;overflow: hidden;}
#middle .historyContent .headingArea .textCont .m2 .on{display:block;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m2.png) 0 0 no-repeat;opacity: 1}
#middle .historyContent .headingArea .textCont .m2 .off{opacity: 0;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m2_over.png) 0 0 no-repeat;}
#middle .historyContent.target30 .headingArea .textCont .menu.m2 .on{opacity:0;}
#middle .historyContent.target30 .headingArea .textCont .menu.m2 .off{opacity:1;}

#middle .historyContent .headingArea .textCont .m3{position: absolute;top:-30px;left:100px;width: 128px;height: 58px;z-index: 20}
#middle .historyContent .headingArea .textCont .m3 a,
#middle .historyContent .headingArea .textCont .m3 a span{display: block;width: 128px;height: 58px;overflow: hidden;}
#middle .historyContent .headingArea .textCont .m3 .on{display:block;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m3.png) 0 0 no-repeat;opacity: 1}
#middle .historyContent .headingArea .textCont .m3 .off{opacity: 0;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m3_over.png) 0 0 no-repeat;}
#middle .historyContent.target60 .headingArea .textCont .menu.m3 .on{opacity:0;}
#middle .historyContent.target60 .headingArea .textCont .menu.m3 .off{opacity:1;}

#middle .historyContent .headingArea .textCont .m4{position: absolute;top:-90px;left:320px;width: 128px;height: 58px;z-index: 20}
#middle .historyContent .headingArea .textCont .m4 a,
#middle .historyContent .headingArea .textCont .m4 a span{display: block;width: 128px;height: 58px;overflow: hidden;}
#middle .historyContent .headingArea .textCont .m4 .on{display:block;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m4.png) 0 0 no-repeat;opacity: 1}
#middle .historyContent .headingArea .textCont .m4 .off{opacity: 0;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m4_over.png) 0 0 no-repeat;}
#middle .historyContent.target90 .headingArea .textCont .menu.m4 .on{opacity:0;}
#middle .historyContent.target90 .headingArea .textCont .menu.m4 .off{opacity:1;}

#middle .historyContent .headingArea .textCont .m5{position: absolute;top:-30px;left:550px;width: 128px;height: 58px;z-index: 20}
#middle .historyContent .headingArea .textCont .m5 a,
#middle .historyContent .headingArea .textCont .m5 a span{display: block;width: 128px;height: 58px;overflow: hidden;}
#middle .historyContent .headingArea .textCont .m5 .on{display:block;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m5.png) 0 0 no-repeat;opacity: 1}
#middle .historyContent .headingArea .textCont .m5 .off{opacity: 0;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m5_over.png) 0 0 no-repeat;}
#middle .historyContent.target120 .headingArea .textCont .menu.m5 .on{opacity:0;}
#middle .historyContent.target120 .headingArea .textCont .menu.m5 .off{opacity:1;}

#middle .historyContent .headingArea .textCont .m6{position: absolute;top:150px;left:720px;width: 128px;height: 58px;z-index: 20}
#middle .historyContent .headingArea .textCont .m6 a,
#middle .historyContent .headingArea .textCont .m6 a span{display: block;width: 128px;height: 58px;overflow: hidden;}
#middle .historyContent .headingArea .textCont .m6 .on{display:block;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m6.png) 0 0 no-repeat;opacity: 1}
#middle .historyContent .headingArea .textCont .m6 .off{opacity: 0;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m6_over.png) 0 0 no-repeat;}
#middle .historyContent.target150 .headingArea .textCont .menu.m6 .on{opacity:0;}
#middle .historyContent.target150 .headingArea .textCont .menu.m6 .off{opacity:1;}

#middle .historyContent .headingArea .textCont .m7{position: absolute;top:340px;left:770px;width: 128px;height: 58px;z-index: 20}
#middle .historyContent .headingArea .textCont .m7 a,
#middle .historyContent .headingArea .textCont .m7 a span{display: block;width: 128px;height: 58px;overflow: hidden;}
#middle .historyContent .headingArea .textCont .m7 .on{display:block;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m7.png) 0 0 no-repeat;opacity: 1}
#middle .historyContent .headingArea .textCont .m7 .off{opacity: 0;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m7_over.png) 0 0 no-repeat;}
#middle .historyContent.target180 .headingArea .textCont .menu.m7 .on{opacity:0;}
#middle .historyContent.target180 .headingArea .textCont .menu.m7 .off{opacity:1;}


#middle .historyContent .headingArea .textCont .m8{position: absolute;top:552px;left:725px;width: 128px;height: 58px;z-index: 20}
#middle .historyContent .headingArea .textCont .m8 a,
#middle .historyContent .headingArea .textCont .m8 a span{display: block;width: 128px;height: 58px;overflow: hidden;}
#middle .historyContent .headingArea .textCont .m8 .on{display:block;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/20172/m8.png) 0 0 no-repeat;opacity: 1}
#middle .historyContent .headingArea .textCont .m8 .off{opacity: 0;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/20172/m8_over.png) 0 0 no-repeat;}
#middle .historyContent.target210 .headingArea .textCont .menu.m8 .on{opacity:0;}
#middle .historyContent.target210 .headingArea .textCont .menu.m8 .off{opacity:1;}

#middle .historyContent .headingArea .lineCont .element{width:1px;height:13px;background:#fff;position:absolute;}
#middle .historyContent .headingArea .lineCont .elementBig{width:2px;height:25px;background:#fff;position:absolute;}

#middle .historyContent .headingArea .ballCont .ball{position: absolute;top:350px;left:-25px;width: 50px;height: 50px;background-color: red;border-radius: 50px;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/ball.png) center center no-repeat;}

#middle .historyContent .headingArea .backCont{width: 2000px;height: 1050px;position: absolute;top:0;left:50%;margin-left: -1000px;text-align: center;}
#middle .historyContent .headingArea .backCont .dimmed{position: absolute;top:0;left:0;width: 100%;height: 1050px;background: #000;opacity: 0.6;z-index: 1}
#middle .historyContent .headingArea .backCont .back{opacity:0;transform:scale(0.8);position: absolute;top:0;left:0;width: 2000px;height: 1050px;}
#middle .historyContent .headingArea .backCont .back video{width: 100%;}
#middle .historyContent.load .headingArea .backCont .back{transition: all 0.5s ease;}
#middle .historyContent.target0 .headingArea .backCont .b1{opacity: 1;transform:scale(1);transition: all 0.5s ease;}
#middle .historyContent.target30 .headingArea .backCont .b2{opacity: 1;transform:scale(1);transition: all 0.5s ease;}
#middle .historyContent.target60 .headingArea .backCont .b3{opacity: 1;transform:scale(1);transition: all 0.5s ease;}
#middle .historyContent.target90 .headingArea .backCont .b4{opacity: 1;transform:scale(1);transition: all 0.5s ease;}
#middle .historyContent.target120 .headingArea .backCont .b5{opacity: 1;transform:scale(1);transition: all 0.5s ease;}
#middle .historyContent.target150 .headingArea .backCont .b6{opacity: 1;transform:scale(1);transition: all 0.5s ease;}
#middle .historyContent.target180 .headingArea .backCont .b7{opacity: 1;transform:scale(1);transition: all 0.5s ease;}
#middle .historyContent.target210 .headingArea .backCont .b8{opacity: 1;transform:scale(1);transition: all 0.5s ease;}

#middle .historyContent .pointer{position: absolute;bottom:200px;left:50%;margin-left:-18px;z-index: 10;width: 32px;height: 82px;}

.ie8 #middle .historyContent .headingArea .backCont .dimmed{display: none}
.ie8 #middle .historyContent .headingArea .titCont .tit{filter:alpha(opacity=0);opacity: 0;transition: none;transform:scale(0.9);position: absolute;top:0;left:0;text-align: center;width: 600px;left:50%;margin-left: -300px;}
.ie8 #middle .historyContent.target0 .headingArea .titCont .t1{filter:alpha(opacity=100);opacity: 1;transform:scale(1);transition: all 0.6s ease;}
.ie8 #middle .historyContent.target30 .headingArea .titCont .t2{filter:alpha(opacity=100);opacity: 1;transform:scale(1);transition: all 0.6s ease;}
.ie8 #middle .historyContent.target60 .headingArea .titCont .t3{filter:alpha(opacity=100);opacity: 1;transform:scale(1);transition: all 0.6s ease;}
.ie8 #middle .historyContent.target90 .headingArea .titCont .t4{filter:alpha(opacity=100);opacity: 1;transform:scale(1);transition: all 0.6s ease;}
.ie8 #middle .historyContent.target120 .headingArea .titCont .t5{filter:alpha(opacity=100);opacity: 1;transform:scale(1);transition: all 0.6s ease;}
.ie8 #middle .historyContent.target150 .headingArea .titCont .t6{filter:alpha(opacity=100);opacity: 1;transform:scale(1);transition: all 0.6s ease;}
.ie8 #middle .historyContent.target180 .headingArea .titCont .t7{filter:alpha(opacity=100);opacity: 1;transform:scale(1);transition: all 0.6s ease;}
.ie8 #middle .historyContent.target210 .headingArea .titCont .t8{filter:alpha(opacity=100);opacity: 1;transform:scale(1);transition: all 0.6s ease;}

.ie8 #middle .historyContent .headingArea .textCont .m1 .on{display:block;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m1.png) 0 0 no-repeat;filter:alpha(opacity=50);opacity: 1}
.ie8 #middle .historyContent .headingArea .textCont .m1 .off{filter:alpha(opacity=0);opacity: 0;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m1_over.png) 0 0 no-repeat;}
.ie8 #middle .historyContent.target0 .headingArea .textCont .menu.m1 .on{filter:alpha(opacity=0);opacity:0;}
.ie8 #middle .historyContent.target0 .headingArea .textCont .menu.m1 .off{filter:alpha(opacity=100);opacity:1;}
.ie8 #middle .historyContent .headingArea .textCont .m2 .on{display:block;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m2.png) 0 0 no-repeat;filter:alpha(opacity=100);opacity: 1}
.ie8 #middle .historyContent .headingArea .textCont .m2 .off{filter:alpha(opacity=0);opacity: 0;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m2_over.png) 0 0 no-repeat;}
.ie8 #middle .historyContent.target30 .headingArea .textCont .menu.m2 .on{filter:alpha(opacity=50);opacity:0;}
.ie8 #middle .historyContent.target30 .headingArea .textCont .menu.m2 .off{filter:alpha(opacity=100);opacity:1;}
.ie8 #middle .historyContent .headingArea .textCont .m3 .on{display:block;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m3.png) 0 0 no-repeat;filter:alpha(opacity=100);opacity: 1}
.ie8 #middle .historyContent .headingArea .textCont .m3 .off{filter:alpha(opacity=0);opacity: 0;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m3_over.png) 0 0 no-repeat;}
.ie8 #middle .historyContent.target60 .headingArea .textCont .menu.m3 .on{filter:alpha(opacity=50);opacity:0;}
.ie8 #middle .historyContent.target60 .headingArea .textCont .menu.m3 .off{filter:alpha(opacity=100);opacity:1;}
.ie8 #middle .historyContent .headingArea .textCont .m4 .on{display:block;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m4.png) 0 0 no-repeat;filter:alpha(opacity=100);opacity: 1}
.ie8 #middle .historyContent .headingArea .textCont .m4 .off{filter:alpha(opacity=0);opacity: 0;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m4_over.png) 0 0 no-repeat;}
.ie8 #middle .historyContent.target90 .headingArea .textCont .menu.m4 .on{filter:alpha(opacity=50);opacity:0;}
.ie8 #middle .historyContent.target90 .headingArea .textCont .menu.m4 .off{filter:alpha(opacity=100);opacity:1;}
.ie8 #middle .historyContent .headingArea .textCont .m5 .on{display:block;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m5.png) 0 0 no-repeat;filter:alpha(opacity=100);opacity: 1}
.ie8 #middle .historyContent .headingArea .textCont .m5 .off{filter:alpha(opacity=0);opacity: 0;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m5_over.png) 0 0 no-repeat;}
.ie8 #middle .historyContent.target120 .headingArea .textCont .menu.m5 .on{filter:alpha(opacity=50);opacity:0;}
.ie8 #middle .historyContent.target120 .headingArea .textCont .menu.m5 .off{filter:alpha(opacity=100);opacity:1;}
.ie8 #middle .historyContent .headingArea .textCont .m6 .on{display:block;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m6.png) 0 0 no-repeat;filter:alpha(opacity=100);opacity: 1}
.ie8 #middle .historyContent .headingArea .textCont .m6 .off{filter:alpha(opacity=0);opacity: 0;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m6_over.png) 0 0 no-repeat;}
.ie8 #middle .historyContent.target150 .headingArea .textCont .menu.m6 .on{filter:alpha(opacity=50);opacity:0;}
.ie8 #middle .historyContent.target150 .headingArea .textCont .menu.m6 .off{filter:alpha(opacity=100);opacity:1;}

.ie8 #middle .historyContent .headingArea .textCont .m7 .on{display:block;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m7.png) 0 0 no-repeat;filter:alpha(opacity=100);opacity: 1}
.ie8 #middle .historyContent .headingArea .textCont .m7 .off{filter:alpha(opacity=0);opacity: 0;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m7_over.png) 0 0 no-repeat;}
.ie8 #middle .historyContent.target180 .headingArea .textCont .menu.m7 .on{filter:alpha(opacity=50);opacity:0;}
.ie8 #middle .historyContent.target180 .headingArea .textCont .menu.m7 .off{filter:alpha(opacity=100);opacity:1;}

.ie8 #middle .historyContent .headingArea .textCont .m8 .on{display:block;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m8.png) 0 0 no-repeat;filter:alpha(opacity=100);opacity: 1}
.ie8 #middle .historyContent .headingArea .textCont .m8 .off{filter:alpha(opacity=0);opacity: 0;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/m8_over.png) 0 0 no-repeat;}
.ie8 #middle .historyContent.target210 .headingArea .textCont .menu.m8 .on{filter:alpha(opacity=50);opacity:0;}
.ie8 #middle .historyContent.target210 .headingArea .textCont .menu.m8 .off{filter:alpha(opacity=100);opacity:1;}


.ie8 #middle .historyContent .headingArea .backCont .back{filter:alpha(opacity=0);opacity:0;transform:scale(0.8);position: absolute;top:0;left:0;width: 2000px;height: 1050px;}
.ie8 #middle .historyContent.target0 .headingArea .backCont .b1{filter:alpha(opacity=100);opacity: 1;transform:scale(1);transition: all 0.5s ease;}
.ie8 #middle .historyContent.target30 .headingArea .backCont .b2{filter:alpha(opacity=100);opacity: 1;transform:scale(1);transition: all 0.5s ease;}
.ie8 #middle .historyContent.target60 .headingArea .backCont .b3{filter:alpha(opacity=100);opacity: 1;transform:scale(1);transition: all 0.5s ease;}
.ie8 #middle .historyContent.target90 .headingArea .backCont .b4{filter:alpha(opacity=100);opacity: 1;transform:scale(1);transition: all 0.5s ease;}
.ie8 #middle .historyContent.target120 .headingArea .backCont .b5{filter:alpha(opacity=100);opacity: 1;transform:scale(1);transition: all 0.5s ease;}
.ie8 #middle .historyContent.target150 .headingArea .backCont .b6{filter:alpha(opacity=100);opacity: 1;transform:scale(1);transition: all 0.5s ease;}
.ie8 #middle .historyContent.target180 .headingArea .backCont .b7{filter:alpha(opacity=100);opacity: 1;transform:scale(1);transition: all 0.5s ease;}
.ie8 #middle .historyContent.target210 .headingArea .backCont .b8{filter:alpha(opacity=100);opacity: 1;transform:scale(1);transition: all 0.5s ease;}

#middle .historyContent .contentArea .season{display: none;position: relative;z-index: 1}
#middle .historyContent .contentArea .season .box{position: relative;z-index: 1}
#middle .historyContent .contentArea .season .btnMovie{position: absolute;top:0;left:0;width: 658px;height: 369px;z-index:1;background:url("https://ssl.nexon.com/s2/game/fo3/obt/temp/transparent.png") left top repeat;}
#middle .historyContent .contentArea .season .play{z-index:1}
#middle .historyContent .contentArea .season .play iframe{position: absolute;top:0;left:0;width: 658px;height: 369px;z-index:1}
#middle .historyContent .contentArea #season150{display: block;padding-bottom: 100px;}
#middle .historyContent .contentArea #season180{display: block;padding-bottom: 200px;}
#middle .historyContent .contentArea #season210{display: block;padding-bottom: 200px;}

#middle .historyContent .contentArea .season20171 .btnMovie{position: absolute;top:0;left:0;width: 600px;height: 333px;z-index:1;background:url("https://ssl.nexon.com/s2/game/fo3/obt/temp/transparent.png") left top repeat;}
#middle .historyContent .contentArea .season20171 .play{z-index:1}
#middle .historyContent .contentArea .season20171 .play iframe{position: absolute;top:0;left:0;width: 600px;height: 333px;z-index:1}


.sideNav{position: fixed;top:0;right:0;width:100px;height: 100%;z-index: 10}
.sideNav:after{content: " ";position: absolute;top: 0;bottom: 0;width: 1px;height: 100%;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/line.png);right: 32px;}
.sideNav ul{overflow:hidden;text-align: center;width: 67px;position:absolute; top:50%;right:0;z-index: 10;-ms-transform:translateY(-50%);transform:translateY(-50%);}
.ie8 .sideNav ul{margin-top: -279px;}
.sideNav .nav{margin-bottom:50px;margin-bottom: 5vh;}
.ch-daum .sideNav .nav{margin-bottom:50px;}
.sideNav .nav a{display: inline-block;width: 45px;height: 26px;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/20172/sp_side.png) -11px 0 no-repeat;}
.sideNav .nav0 a{background-position: -11px 0 }
.sideNav .nav0.active a,
.sideNav .nav0 a:hover{background-position: -152px 0 }
.sideNav .nav30 a{background-position: -11px -80px }
.sideNav .nav30.active a,
.sideNav .nav30 a:hover{background-position: -152px -80px }
.sideNav .nav60 a{background-position: -11px -157px }
.sideNav .nav60.active a,
.sideNav .nav60 a:hover{background-position: -152px -157px }
.sideNav .nav90 a{background-position: -11px -251px }
.sideNav .nav90.active a,
.sideNav .nav90 a:hover{background-position: -152px -251px }
.sideNav .nav120 a{background-position: -11px -345px }
.sideNav .nav120.active a,
.sideNav .nav120 a:hover{background-position: -152px -345px }
.sideNav .nav150 a{background-position: -11px -439px }
.sideNav .nav150.active a,
.sideNav .nav150 a:hover{background-position: -152px -439px }
.sideNav .nav180 a{background-position: -11px -534px }
.sideNav .nav180.active a,
.sideNav .nav180 a:hover{background-position: -152px -534px }
.sideNav .nav210 a{background-position: -11px -636px }
.sideNav .nav210.active a,
.sideNav .nav210 a:hover{background-position: -152px -636px }
.sideNav .navTop a{background-position: 0px -715px;width: 67px;height: 67px;}
.sideNav .navTop.active a,
.sideNav .navTop a:hover{background-position: -141px -715px;width: 67px;height: 67px;}
.sideNav .navTop{margin-bottom: 0;}

.season .btnTotal{display: inline-block;margin-top: 140px;width: 406px;height: 69px;background: url(https://ssl.nexon.com/s2/game/fo3/2015/event/pc/160128_championship2016/history/btn_more.png) 0 0 no-repeat;margin-bottom: 160px}
.season .btnTotal:hover{background-position: 0 -69px;}

#season0 .box1{display: block;margin-top: 108px;margin-left: 128px;}
#season0 .box2{display: block;margin-top: 134px;margin-left: 170px;}
#season0 .box3{display: block;margin-top: 134px;margin-left: 0px;}
#season0 .box4{display: block;margin-top: 142px;margin-left: 130px;}
#season0 .box5{display: block;margin-top: 126px;margin-left: 0px;}
#season0 .box6{display: block;margin-top: 97px;margin-left: 56px;}
#season0 .box2 .play{position: absolute;top:0;left:14px;width: 658px;height: 369px;}
#season0 .box3 .play{position: absolute;top:0;left:64px;width: 658px;height: 369px;}
#season0 .box4 .play{position: absolute;top:0;left:413px;width: 658px;height: 369px;}
#season0 .box5 .play{position: absolute;top:0;left:32px;width: 658px;height: 369px;}
#season0 .box6 .play{position: absolute;top:0;left:490px;width: 658px;height: 369px;}
#season0 .line{background: #3b3b3b;width: 2px;position: absolute;top:500px;left:50%;height: 2983px;}
#season30 .box1{display: block;margin-top: 110px;margin-left: 128px;}
#season30 .box2{display: block;margin-top: 134px;margin-left: 170px;}
#season30 .box3{display: block;margin-top: 134px;margin-left: 0px;}
#season30 .box4{display: block;margin-top: 142px;margin-left: 130px;}
#season30 .box5{display: block;margin-top: 126px;margin-left: 0px;}
#season30 .box6{display: block;margin-top: 97px;margin-left: 56px;}
#season30 .box2 .play{position: absolute;top:0;left:24px;width: 658px;height: 369px;}
#season30 .box3 .play{position: absolute;top:0;left:98px;width: 658px;height: 369px;}
#season30 .box4 .play{position: absolute;top:0;left:406px;width: 658px;height: 369px;}
#season30 .box5 .play{position: absolute;top:0;left:39px;width: 658px;height: 369px;}
#season30 .box6 .play{position: absolute;top:0;left:429px;width: 658px;height: 369px;}
#season30 .line{background: #3b3b3b;width: 2px;position: absolute;top:500px;left:50%;height: 2983px;}
#season60 .box1{display: block;margin-top: 110px;margin-left: 128px;}
#season60 .box2{display: block;margin-top: 134px;margin-left: 170px;}
#season60 .box3{display: block;margin-top: 134px;margin-left: 0px;}
#season60 .box4{display: block;margin-top: 142px;margin-left: 130px;}
#season60 .box5{display: block;margin-top: 126px;margin-left: 0px;}
#season60 .box6{display: block;margin-top: 97px;margin-left: 56px;}
#season60 .box2 .play{position: absolute;top:0;left:12px;width: 658px;height: 369px;}
#season60 .box3 .play{position: absolute;top:0;left:97px;width: 658px;height: 369px;}
#season60 .box4 .play{position: absolute;top:0;left:406px;width: 658px;height: 369px;}
#season60 .box5 .play{position: absolute;top:0;left:46px;width: 658px;height: 369px;}
#season60 .box6 .play{position: absolute;top:0;left:463px;width: 658px;height: 369px;}
#season60 .line{background: #3b3b3b;width: 2px;position: absolute;top:500px;left:50%;height: 2983px;}
#season90 .box1{display: block;margin-top: 110px;margin-left: 128px;}
#season90 .box2{display: block;margin-top: 134px;margin-left: 170px;}
#season90 .box3{display: block;margin-top: 134px;margin-left: 0px;}
#season90 .box4{display: block;margin-top: 142px;margin-left: 130px;}
#season90 .box5{display: block;margin-top: 126px;margin-left: 0px;}
#season90 .box6{display: block;margin-top: 97px;margin-left: 56px;}
#season90 .box2 .play{position: absolute;top:0;left:4px;width: 658px;height: 369px;}
#season90 .box3 .play{position: absolute;top:0;left:84px;width: 658px;height: 369px;}
#season90 .box4 .play{position: absolute;top:0;left:406px;width: 658px;height: 369px;}
#season90 .box5 .play{position: absolute;top:0;left:63px;width: 658px;height: 369px;}
#season90 .box6 .play{position: absolute;top:0;left:461px;width: 658px;height: 369px;}
#season90 .line{background: #3b3b3b;width: 2px;position: absolute;top:500px;left:50%;height: 2983px;}
#season120 .box1{display: block;margin-top: 110px;margin-left: 128px;}
#season120 .box2{display: block;margin-top: 134px;margin-left: 170px;}
#season120 .box3{display: block;margin-top: 134px;margin-left: 0px;}
#season120 .box4{display: block;margin-top: 142px;margin-left: 130px;}
#season120 .box5{display: block;margin-top: 126px;margin-left: 0px;}
#season120 .box6{display: block;margin-top: 97px;margin-left: 56px;}
#season120 .box2 .play{position: absolute;top:0;left:4px;width: 658px;height: 369px;}
#season120 .box3 .play{position: absolute;top:0;left:100px;width: 658px;height: 369px;}
#season120 .box4 .play{position: absolute;top:0;left:385px;width: 658px;height: 369px;}
#season120 .box5 .play{position: absolute;top:0;left:30px;width: 658px;height: 369px;}
#season120 .box6 .play{position: absolute;top:0;left:461px;width: 658px;height: 369px;}
#season120 .line{background: #3b3b3b;width: 2px;position: absolute;top:500px;left:50%;height: 2983px;}
#season150 .box1{display: block;margin-top: 110px;margin-left: 0;}
#season150 .box2{display: block;margin-top: 134px;margin-left: 170px;}
#season150 .box3{display: block;margin-top: 134px;margin-left: 0px;}
#season150 .box4{display: block;margin-top: 142px;margin-left: 130px;}
#season150 .box5{display: block;margin-top: 126px;margin-left: 0px;}
#season150 .box6{display: block;margin-top: 97px;margin-left: 56px;}
#season150 .box2 .play{position: absolute;top:0;left:4px;width: 658px;height: 369px;}
#season150 .box3 .play{position: absolute;top:0;left:88px;width: 658px;height: 369px;}
#season150 .box4 .play{position: absolute;top:0;left:517px;width: 658px;height: 369px;}
#season150 .box5 .play{position: absolute;top:0;left:41px;width: 658px;height: 369px;}
#season150 .box6 .play{position: absolute;top:0;left:461px;width: 658px;height: 369px;}
#season150 .line{background: #3b3b3b;width: 2px;position: absolute;top:500px;left:50%;height: 3027px;}

/*#season180 .box1{display: block;margin-top: 110px;margin-left: 0;}
#season180 .box2{display: block;margin-top: 134px;margin-left: 170px;}
#season180 .box3{display: block;margin-top: 134px;margin-left: 0px;}
#season180 .box4{display: block;margin-top: 142px;margin-left: 130px;}
#season180 .box5{display: block;margin-top: 126px;margin-left: 0px;}
#season180 .box6{display: block;margin-top: 97px;margin-left: 56px;}*/
#middle .historyContent .contentArea  #season180{padding-top: 100px;}
#middle .historyContent .contentArea  #season180 .box2{position: absolute;top:852px;left: 600px;width: 600px;height: 333px;}
#middle .historyContent .contentArea  #season180 .box3{position: absolute;top:1185px;left:600px;width: 600px;height: 333px;}
#middle .historyContent .contentArea  #season180 .box4{position: absolute;top:1518px;left:600px;width: 600px;height: 333px;}
#middle .historyContent .contentArea  #season180 .box5{position: absolute;top:1851px;left:600px;width: 600px;height: 333px;}
#middle .historyContent .contentArea  #season180 .box6{position: absolute;top:2184px;left:600px;width: 600px;height: 333px;}

#middle .historyContent .contentArea  #season210{padding-top: 100px;}
#middle .historyContent .contentArea  #season210 .box2{position: absolute;top:852px;left: 600px;width: 600px;height: 333px;}
#middle .historyContent .contentArea  #season210 .box3{position: absolute;top:1185px;left:600px;width: 600px;height: 333px;}
#middle .historyContent .contentArea  #season210 .box4{position: absolute;top:1518px;left:600px;width: 600px;height: 333px;}
#middle .historyContent .contentArea  #season210 .box5{position: absolute;top:1851px;left:600px;width: 600px;height: 333px;}
#middle .historyContent .contentArea  #season210 .box6{position: absolute;top:2184px;left:600px;width: 600px;height: 333px;}


.history .btnTop{display: none;}
.history #wrapper{min-width: 1200px;}
.history #wrapper #navigation {min-width:1310px;}
.history #footer{min-width:1200px;}