@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: 31px;   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/common/headmenu_off.png') 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: -9999px; overflow: hidden;}
#hs_champion .nav .nav_list li a:hover {background: url('//static.inven.co.kr/image_2011/hs/event/common/headmenu_on.png') 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 .title01{ display: block; float: none;  position: relative; top: 462px; width: 1160px;height: 143px; margin: 16px auto; }
#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/htck2/detail_02.jpg') no-repeat center top;}
#hs_champion .eventWrap2 { min-width: 1160px;height: 884px; background: url('//static.inven.co.kr/image_2011/hs/event/htck2/detail_03.jpg') no-repeat center top;}
#hs_champion .eventWrap3 { min-width: 1160px;height: 1026px; background: url('//static.inven.co.kr/image_2011/hs/event/htck2/detail_04.jpg') no-repeat center top;}
#hs_champion .eventWrap4 { min-width: 1160px;height: 1502px; background: url('//static.inven.co.kr/image_2011/hs/event/htck2/detail_05.jpg') no-repeat center top;}
#hs_champion .eventWrap5 { min-width: 1160px;height: 641px; background: url('//static.inven.co.kr/image_2011/hs/event/htck2/detail_06.jpg') no-repeat center top;}
#hs_champion .eventWrap6 { min-width: 1160px;height: 853px; background: url('//static.inven.co.kr/image_2011/hs/event/htck2/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: 432px; 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/common/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/common/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/common/btn2_off.png?v=2') no-repeat -796px 1px; }
#hs_champion .link_04 {display: block; position: absolute; left: 741px; width: 341px; height: 64px; margin: 0 auto; text-indent: -10000px; background: url('//static.inven.co.kr/image_2011/hs/event/common/btn_off.png?v=2') no-repeat -1px -2px; }
#hs_champion .link_05 {display: block; position: absolute; left: 741px; 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/common/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/common/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/common/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/common/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/common/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/common/btn_on.png?v=2') no-repeat -1px -78px; }


/*team */

#hs_champion.team .eventWrap1 { min-width: 1160px; margin-top: 31px; height: 735px; background: url('//static.inven.co.kr/image_2011/hs/event/htck2/team_detail_01.jpg?v=4') no-repeat center top;}
#hs_champion.team .eventWrap2 { min-width: 1160px; height: 876px; background: url('//static.inven.co.kr/image_2011/hs/event/htck2/team_detail_02.jpg?v=4') no-repeat center top;}
#hs_champion.team .eventWrap3 { min-width: 1160px; height: 850px; background: url('//static.inven.co.kr/image_2011/hs/event/htck2/team_detail_03.jpg?v=4') no-repeat center top;}
#hs_champion.team .eventWrap4 { min-width: 1160px; height: 339px; background: url('//static.inven.co.kr/image_2011/hs/event/htck2/team_detail_04.jpg?v=4') no-repeat center top;}
#hs_champion.team .link2{ display: block; float: none; top: -44px; 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; background: url('//static.inven.co.kr/image_2011/hs/event/common/btn_replay.png') no-repeat center top;}
#hs_champion.team a.link_05:hover{ background: url('//static.inven.co.kr/image_2011/hs/event/common/btn_replay.png') no-repeat center top; }

#hs_champion.team .title01{ display: block; float: none;  position: relative; top: 505px; width: 1160px;height: 143px; margin: 16px auto; }
#hs_champion.team .title02{ display: block; float: none;  position: relative; top: -65px; width: 1160px;height: 143px; margin: 16px auto; }
#hs_champion.team .tab_link{ display: block; float: none;  position: relative; top: -86px; 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{     border: 1px solid #ba986c;
 box-sizing: border-box;
 background-color: rgba(191, 140, 74, 0.36);
 border-top: none;
}
#hs_champion.team .match.act{ display: block; }
#matchA , #matchB, #matchC{ top: -115px; 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: -65px; width: 1160px;height: 124px; margin: 0px auto; padding: 16px 0px; border: 1px solid #ba986c; background-color: rgba(191, 140, 74, 0.36);}
#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: -65px; width: 1160px; height: 341px; margin: 28px auto; border: 1px solid #ba986c; background-color: rgba(191, 140, 74, 0.36); }
#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; background: #94733e;}
#hs_champion.team .teaminfo li { width: 232px; height: 290px; padding: 1px;border-right: 1px solid #ba986c;  box-sizing: border-box; }
#hs_champion.team .teaminfo li:last-child{ border: none;}
#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; border-top: 1px solid #ba986c; background: #c3a26d; }

#hs_champion.team .league{ display: block; float: none; position: relative; width: 1160px; height: 436px; margin: 0px auto; border: 1px solid #ba986c; top: -115px; background: rgba(191, 140, 74, 0.36);}

/*replay */

#hs_champion.replay .eventWrap1 { min-width: 1160px; margin-top: 31px; height: 706px; background: url('//static.inven.co.kr/image_2011/hs/event/htck2/replay_detail_02.jpg?v=3') no-repeat center top;}
#hs_champion.replay .eventWrap2 { min-width: 1160px;height: 1112px; background: url('//static.inven.co.kr/image_2011/hs/event/htck2/replay_detail_03.jpg?v=3') 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 .title01 img{ display: block; position: absolute; left: 136px; }
#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: -93px; width: 1160px; height: 520px; margin: 19px auto;}
#hs_champion.replay .movie{ background: url('//static.inven.co.kr/image_2011/hs/event/common/bg_movie.png') no-repeat 142px top;}
#hs_champion.replay .movie iframe{ display: block; position: absolute; top: 17px; left: 160px; width: 892px; height: 488px;}
#hs_champion.replay .replay{ display: block; float: none; position: relative; top: -64px; 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: -64px; 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; padding-left: 50px; }
#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;}


/*경기 기록실 */

#hsLeagueInfo { width:722px; }
#hsLeagueInfo a:hover { text-decoration:none }
#hsLeagueInfo .wrap { width: 1160px;}
#hsLeagueInfo .wrap .top { position:relative;width:100%;height:110px; overflow:hidden; margin-bottom: 10px; }
#hsLeagueInfo .wrap .top .arrow {width:35px;height:100px; line-height:100px;box-sizing:border-box; border: 1px solid #b89863; position:absolute; top:10px; background-color:#b89863;color:#784f0c;font-size:16px;font-weight:bold;text-align:center;cursor:pointer;}
#hsLeagueInfo .wrap .top .arrow.left { left:9px;}
#hsLeagueInfo .wrap .top .arrow.right { right:9px;}
#hsLeagueInfo .wrap .top .round { width:1068px; margin:0px 46px; height:100%;font-family:NanumGotic,sans-serif}
#hsLeagueInfo .wrap .top .round li { width:259px;height:100px;display:inline-block;margin-left:7px;margin-top:10px;background-color:#b89863;  box-sizing:border-box;cursor:pointer;float:left; border: 1px solid #94733e;}
#hsLeagueInfo .wrap .top .round li.hidden { display:none}
#hsLeagueInfo .wrap .top .round li.act { border:1px solid #d10000;}
#hsLeagueInfo .wrap .top .round li .sub_title { width: 100%; height:48px; background-color:#94733e;color:#ffffff;line-height:48px;text-align:center;font-weight:bold; font-family: "Noto Sans KR", "Noto Sans", sans-serif; font-size: 12pt;}
#hsLeagueInfo .wrap .top .round li .score { width: 100%; height:52px; line-height:52px;text-align:center}
#hsLeagueInfo .wrap .top .round li .score span { font-size:15px;letter-spacing:-1px}
#hsLeagueInfo .wrap .top .round li .score .home { float:left;margin-left:5px;}
#hsLeagueInfo .wrap .top .round li .score .away { float:right;margin-right:5px;}
#hsLeagueInfo .wrap .top .round li .score .vs { font-weight:bold;color:#323232}
#hsLeagueInfo .wrap .bottom {font-family:NanumGotic,sans-serif;overflow:hidden; }
#hsLeagueInfo .wrap .bottom .tab { overflow:hidden;padding:0px 0px 0px 9px;}
#hsLeagueInfo .wrap .bottom .tab li { background:url("//static.inven.co.kr/image_2011/hs/event/common/league_tab_off.png"); width:183px;height:57px;display:inline-block; color:#ffffff; line-height:57px; text-align:center; font-size:15pt;font-weight:bold;cursor:pointer;margin-right:7px; float:left; }
#hsLeagueInfo .wrap .bottom .tab li.act { background: url(//static.inven.co.kr/image_2011/hs/event/common/league_tab_on.png); }
#hsLeagueInfo .wrap .bottom .list { overflow:hidden; padding: 0px 10px;   margin: 0px 10px; background: #b89863; width: 1120px; height: 250px;}
#hsLeagueInfo .wrap .bottom .list li { text-align:center;padding:13px 0px;border-bottom:1px solid #e8d3a6;color:#000000; width: 100%; }
#hsLeagueInfo .wrap .bottom .list li:last-child { border:none;}
#hsLeagueInfo .wrap .bottom .list li a { float:left;display:inline-block; width:115px;height:20px; color:#e8d5aa; background-color:#725938;border-radius:6px; text-align:center;line-height:20px;letter-spacing:-1px; margin-top: 1px;}
#hsLeagueInfo .wrap .bottom .list li a:nth-child(even) { float:right; }

.wrap .bottom .list li .jobicon { display: inline-block;width: 20px;height: 21px;background-position: left 21px;background-repeat: no-repeat;background-image: url(//static.inven.co.kr/image_2011/hs/dataninfo/card/icon_classes.png);vertical-align:-5px;margin-right:10px;}
.wrap .bottom .list li .jobicon:nth-child(even) { margin-right:0px;margin-left:10px;}
#hsLeagueInfo .bottom .list span.class-10 { background-position: left 0; }
#hsLeagueInfo .bottom .list span.class-7 { background-position: left -21px; }
#hsLeagueInfo .bottom .list span.class-6 { background-position: left -42px; }
#hsLeagueInfo .bottom .list span.class-4 { background-position: left -63px; }
#hsLeagueInfo .bottom .list span.class-9 { background-position: left -84px; }
#hsLeagueInfo .bottom .list span.class-3 { background-position: left -105px; }
#hsLeagueInfo .bottom .list span.class-2 { background-position: left -126px; }
#hsLeagueInfo .bottom .list span.class-8 { background-position: left -147px; }
#hsLeagueInfo .bottom .list span.class-5 { background-position: left -168px; }
#hsLeagueInfo .bottom .list span.class-1 { background-position: left -189px; }
#hsLeagueInfo .bottom .list span.texticon { width:20px;height:20px;display:inline-block;border:1px solid #444444;background-color:#2657d6;line-height:20px; color:white; margin-right:19px;}
#hsLeagueInfo .bottom .list span.texticon:nth-child(even) { margin-left:19px; margin-right:0px;}
#hsLeagueInfo .bottom .list span.texticon.loss  {background-color:#f3495c }
#hsLeagueInfo .bottom .list .nick { display:inline-block;width:143px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#000000 }