@charset 'utf-8';
.hsLayout{ width: 100%; }
#hs_champion .detail span{ font-family: "Noto Sans KR", "Noto Sans", sans-serif; }
#hs_champion img{ box-sizing: border-box;}
#hs_champion {display: inline-block; float: none; width: 100%; margin: 0 auto; text-align: left;}
#hs_champion .nav {    display: block;    width: 100%;    position: absolute;   top: 42px;   left: 0; z-index: 1; }
#hs_champion .nav .nav_list {display: block; float: none; width: 1160px; height: 116px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/headmenu_off.png?v=2') no-repeat 0 0 ;margin: 0px auto;}
#hs_champion .nav .nav_list:after {content: ''; display: block; clear: both;}
#hs_champion .nav .nav_list li {float: left;}
#hs_champion .nav .nav_list li a {display: inline-block; width: 173px; height: 57px; margin-top: 58px; text-indent: -9999;}
#hs_champion .nav .nav_list li a:hover {background: url('//static.inven.co.kr/image_2011/hs/event/htck/headmenu_on.png?v=2') 0px -58px no-repeat;}
#hs_champion .nav .nav_list li .nav_1,
#hs_champion .nav .nav_list li .nav_1{ width: 284px; background-position: 0px -58px;}
#hs_champion .nav .nav_list li .nav_2,
#hs_champion .nav .nav_list li .nav_2:hover {background-position: -284px -58px;}
#hs_champion .nav .nav_list li .nav_3,
#hs_champion .nav .nav_list li .nav_3:hover {background-position: -457px -58px;}
#hs_champion .nav .nav_list li .nav_4,
#hs_champion .nav .nav_list li .nav_4:hover {background-position: -630px -58px; width: 179px;}
#hs_champion .nav .nav_list li .nav_5,
#hs_champion .nav .nav_list li .nav_5:hover {background-position: -809px -58px; width: 176px;}
#hs_champion .nav .nav_list li .nav_6,
#hs_champion .nav .nav_list li .nav_6:hover {background-position: -985px -58px; width: 174px; }

#hs_champion .detail {display: block; position: relative; width: 100%;}
#hs_champion .eventWrap1 { min-width: 1160px; height: 462px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/detail_02.jpg') no-repeat center top;}
#hs_champion .eventWrap2 { min-width: 1160px;height: 880px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/detail_03.jpg') no-repeat center top;}
#hs_champion .eventWrap3 { min-width: 1160px;height: 861px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/detail_04.jpg') no-repeat center top;}
#hs_champion .eventWrap4 { min-width: 1160px;height: 1522px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/detail_05.jpg') no-repeat center top;}
#hs_champion .eventWrap5 { min-width: 1160px;height: 610px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/detail_06.jpg?v=1') no-repeat center top;}
#hs_champion .eventWrap6 { min-width: 1160px;height: 933px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/detail_07.jpg') no-repeat center top;}

#hs_champion .video{ display: block; float: none; left: 106px; top :0px; width: 766px; height: 480px; margin: 20px auto 0; }
#hs_champion .link_apply{ display: block; position: relative;  width: 410px; height: 107px; margin: 80px auto 0; text-align: center; line-height: 149px; font-weight: bold; color: yellow;
font-family: "Noto Sans KR", "Noto Sans", sans-serif; text-decoration: none; }

#hs_champion .link{     display: block; float: none;  top: 0px; width: 1170px; position: relative; height: 138px; margin: 29px auto;}
#hs_champion .link2{     display: block; float: none;  top: 466px; width: 1170px; position: relative; height: 138px; margin: 29px auto;}
#hs_champion .link_01 {display: block; position: absolute; width: 368px; height: 137px; margin: 0 auto; text-indent: -10000px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/btn2_off.png?v=2') no-repeat -2px 1px; }
#hs_champion .link_02 {display: block; position: absolute; left: 398px; width: 368px; height: 137px; margin: 0 auto; text-indent: -10000px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/btn2_off.png?v=2') no-repeat -400px 1px; }
#hs_champion .link_03 {display: block; position: absolute; left: 795px; width: 368px; height: 137px; margin: 0 auto; text-indent: -10000px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/btn2_off.png?v=2') no-repeat -796px 1px; }
#hs_champion .link_04 {display: block; position: absolute; left: 740px; width: 341px; height: 64px; margin: 0 auto; text-indent: -10000px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/btn_off.png?v=2') no-repeat -1px -2px; }
#hs_champion .link_05 {display: block; position: absolute; left: 740px; top : 76px; width: 341px; height: 64px; margin: 0 auto; font-weight: bold; color: white; text-indent: 194px; line-height: 65px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/btn_off.png?v=2') no-repeat -1px -78px;
font-family: "Noto Sans KR", "Noto Sans", sans-serif; text-decoration: none; }

#hs_champion a.link_01:hover {background: url('//static.inven.co.kr/image_2011/hs/event/htck/btn2_on.png?v=2') no-repeat -2px 1px; }
#hs_champion a.link_02:hover {background: url('//static.inven.co.kr/image_2011/hs/event/htck/btn2_on.png?v=2') no-repeat -400px 1px; }
#hs_champion a.link_03:hover {background: url('//static.inven.co.kr/image_2011/hs/event/htck/btn2_on.png?v=2') no-repeat -796px 1px; }
#hs_champion a.link_04:hover{ background: url('//static.inven.co.kr/image_2011/hs/event/htck/btn_on.png?v=2') no-repeat -1px -2px; }
#hs_champion a.link_05:hover{ background: url('//static.inven.co.kr/image_2011/hs/event/htck/btn_on.png?v=2') no-repeat -1px -78px; }

/*team */

#hs_champion.team .eventWrap1 { min-width: 1160px; margin-top: 31px; height: 458px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/team_detail_02.jpg?v=2') no-repeat center top;}
#hs_champion.team .eventWrap2 { min-width: 1160px;height: 635px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/team_detail_03.jpg?v=2') no-repeat center top;}
#hs_champion.team .eventWrap3 { min-width: 1160px;height: 1040px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/team_detail_04.jpg?v=8') no-repeat center top;}
#hs_champion.team .link2{ display: block; float: none; top: 186px; width: 1170px; position: relative; height: 111px; margin: 29px auto;}
#hs_champion.team .link_05{    display: block; position: absolute; left: 377px; top: 0px; width: 415px; height: 113px; margin: 0 auto; font-weight: bold; color: white; text-indent: 194px; line-height: 65px; background: none; text-indent: -10000em;}
#hs_champion.team a.link_05:hover{ background: none; }

#hs_champion.team .tab_link{ display: block; float: none;  position: relative; top: 185px; width: 1160px;height: 57px; margin: 29px auto; }
#hs_champion.team .tab_link ul li a{ display: block; width: 288px; height: 57px; background: url('//static.inven.co.kr/image_2011/hs/event/common/bg_tab_off.png') no-repeat -1px 0px; font-family: "Noto Sans KR", "Noto Sans", sans-serif; text-decoration: none; font-weight: bold; line-height: 57px; font-size: 14pt; color: white; text-align: center;}
#hs_champion.team .tab_link ul li a:hover,
#hs_champion.team .tab_link ul li a.act{ background: url('//static.inven.co.kr/image_2011/hs/event/common/bg_tab_on.png') no-repeat -1px 0px; }
#hs_champion.team .tab_link ul li:nth-of-type(2) a{ background-position: -289px 0px; width: 289px;}
#hs_champion.team .tab_link ul li:nth-of-type(3) a{ background-position: -578px 0px; width: 289px; }
#hs_champion.team .tab_link ul li:nth-of-type(4) a{ background-position: -867px; width: 293px; }
#hs_champion.team .tab_link ul li:nth-of-type(2) a:hover, #hs_champion.team .tab_link ul li:nth-of-type(2) a.act{ background-position: -289px 0px;}
#hs_champion.team .tab_link ul li:nth-of-type(3) a:hover, #hs_champion.team .tab_link ul li:nth-of-type(3) a.act{ background-position: -578px 0px;}
#hs_champion.team .tab_link ul li:nth-of-type(4) a:hover, #hs_champion.team .tab_link ul li:nth-of-type(4) a.act{ background-position: -867px 0px;}
#hs_champion.team .match{ display: none; float: none;  position: relative; width: 1160px;  margin: 29px auto; }
#hs_champion.team .match.act{ display: block; }
#matchA , #matchB, #matchC{ top: 157px; height: 331px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/match_a.png') no-repeat 0px 0px; }
#matchC {background: url('//static.inven.co.kr/image_2011/hs/event/htck/match_c.png') no-repeat 0px 0px; }
#hs_champion.team .match ul{ position: relative; width: 236px; height: 100px; }
#hs_champion.team .match ul.match_0{  top: 26px; left: 30px; }
#hs_champion.team .match ul.match_1{  top: 154px; left: -207px; }
#hs_champion.team .match ul.match_2{  top: 86px; left: -154px; }
#hs_champion.team .match ul.match_3{  top: 214px; left: -390px; }
#hs_champion.team .match ul.match_4{  top: 114px; left: 605px; }
#hs_champion.team .match ul.match_5{  top: -14px; left: 657px; }
#hs_champion.team .match ul.match_6{  top: 115px; left: 421px; }
#hs_champion.team .match ul li{ width: 100%; font-family: "Noto Sans KR", "Noto Sans", sans-serif; font-weight: bold; line-height: 30px;}
#hs_champion.team .match ul li.matchname{ text-align: center; line-height: 39px;  font-size: 12pt; color: white; }
#hs_champion.team .match ul li span{ display: inline-block; font-size: 11pt; }
#hs_champion.team .match ul li span.teamname{ width: 205px; text-align: center; }
#hs_champion.team .match ul li span.score{ width: 28px; text-align: center; }
#hs_champion.team .match ul.match_5 li span.teamname,
#hs_champion.team .match ul.match_6 li span.teamname{ width: 100%; }
#hs_champion.team #matchC ul{ width: 320px;  }
#hs_champion.team #matchC ul.match_0{  top: 51px; left: 30px; }
#hs_champion.team #matchC ul.match_1{ top: 179px; left: -289px;}
#hs_champion.team #matchC ul.match_2{ top: 115px; left: -221px;}
#hs_champion.team #matchC ul.match_3{ top: 15px; left: 810px;}
#hs_champion.team #matchC ul li span.teamname{ width: 290px; }
#hs_champion.team #matchC ul.match_3 li span.teamname{ width: 100%; line-height: 60px; }

#hs_champion.team .teamlogo{ display: block; float: none;  position: relative; top: 159px; width: 1160px;height: 124px; margin: 16px auto; }
#hs_champion.team .teamlogo li img{ width: 123px; height: 123px; box-sizing: border-box; border: 1px solid #b79762; background-color: #b79762; cursor: pointer; }
#hs_champion.team .teamlogo li{ margin-left: 19px; }
#hs_champion.team .teamlogo li.act img{ border: 1px solid #d10000; }
#hs_champion.team .teaminfo{ display: none; float: none; position: relative; top: 178px; width: 1160px; height: 341px; margin: 0px auto; }
#hs_champion.team .teaminfo.act{ display: block; }
#hs_champion.team .teaminfo .teamname{ display: block; width: 100%; height: 49px; font-weight: bold; color: white; font-size: 14pt; line-height: 48px; text-align: center;}
#hs_champion.team .teaminfo li { width: 230px; height: 290px; padding: 1px; }
#hs_champion.team .teaminfo li img{ width: 230px; height: 230px; }
#hs_champion.team .teaminfo li.teamlogo_big img{ width: 100%; height: 100%; }
#hs_champion.team .teaminfo li span.name{    display: block;width: 100%;height: 60px;text-align: center;line-height: 60px;font-size: 14pt;font-weight: bold; }

/*replay */

#hs_champion.replay .eventWrap1 { min-width: 1160px; margin-top: 31px; height: 461px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/replay_detail_02.jpg') no-repeat center top;}
#hs_champion.replay .eventWrap2 { min-width: 1160px;height: 739px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/replay_detail_03.jpg') no-repeat center top;}
#hs_champion.replay .eventWrap3 { min-width: 1160px;height: 618px; background: url('//static.inven.co.kr/image_2011/hs/event/htck/replay_detail_04.jpg') no-repeat center top;}
#hs_champion.replay .video{ display: block; float: none;  position: relative; top: 159px; width: 1160px;height: 124px; margin: 16px auto; }
/*#hs_champion.replay .video{ display: block; float: none; position: relative; top: 159px;  width: 766px; height: 485px; margin: 200px auto 0; }*/
#hs_champion.replay .movie{ display: block; float: none; position: relative; top: 182px; width: 1160px; height: 483px; margin: 19px auto;}
#hs_champion.replay .movie iframe{ display: block; position: absolute; top: 0; left: 163px;  width: 882px; }
#hs_champion.replay .replay{ display: block; float: none; position: relative; top: 0px; width: 1160px; height: 310px; margin: 0px auto;}
#hs_champion.replay .replay ul{ display : none; margin: 0px 142px; width: 905px; height: 310px; overflow: hidden; padding: 10px 10px 10px 14px;}
#hs_champion.replay .replay ul.act { display: block; }
#hs_champion.replay .replay ul li{ width: 216px; margin-left: 18px; overflow: hidden; height: 142px; cursor:pointer; }
#hs_champion.replay .replay ul li img{ width: 216px; height: 113px; }
#hs_champion.replay .replay ul li span.title{  display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; font-weight: bold; font-size: 10pt; color: white;}


#hs_champion.replay .replay ul li:nth-of-type(1) { width: 438px; height: 296px; margin-left: 0px;}
#hs_champion.replay .replay ul li:nth-of-type(1) img{ width: 438px; height: 256px;}
#hs_champion.replay .replay ul li:nth-of-type(1) span.title{  display: block; width: 100%; height: 39px; line-height: 39px; text-align: center; font-weight: bold; font-size: 11pt; color: white;}
#hs_champion.replay .replay ul li:nth-of-type(3) ,#hs_champion.replay .replay ul li:nth-of-type(5) {  margin-left: 11px;}
#hs_champion.replay .replay ul li:nth-of-type(4) , #hs_champion.replay .replay ul li:nth-of-type(5) { margin-top: 10px; }

#hs_champion.replay .paging{ display: block; float: none; position: relative; top: 0px; width: 1160px; height: 55px; margin: 0px auto;}
#hs_champion.replay .paging{ display: block; text-align: center;font-family: gulim, 굴림, Helvetica; color: #dcbc87; letter-spacing: -1px; }
#hs_champion.replay .paging span,
#hs_champion.replay .paging a{ position: relative; top : -4px; font-family: gulim, 굴림, Helvetica; color: white; width: 21px; height: 21px; display: inline-block; background-color: #94733e; line-height: 23px; font-weight: bold; margin: 0px 2px; }

#hs_champion.replay .paging span.prevtext{ background: url('//static.inven.co.kr/image_2011/hs/event/htck/prev_a.jpg') no-repeat -2px 4px; text-indent: -10000em;}
#hs_champion.replay .paging span.nexttext { background: url('//static.inven.co.kr/image_2011/hs/event/htck/next_a.jpg') no-repeat -2px 4px; text-indent: -10000em;}
#hs_champion.replay .paging span.currentpg{ color: black; }

#hs_champion.replay .paging a.selected{ background-color: red; }
#hs_champion.replay .paging a.paging-side{ width: 36px;}