#hsHCC { display: block; width: 700px; float: none; clear: both; overflow: hidden; margin: 0 0 15px 45px; padding: 0 0 41px 0; background: url('//static.inven.co.kr/image_2011/hs/hcc/bg_bottom.jpg?v=2') left bottom no-repeat; } #hsHCCtop, #hsHCCmenu, #hsHCCcontent { display: block; width: 700px; clear: both; overflow: hidden; } #hsHCCtop { height: 486px; background: url('//static.inven.co.kr/image_2011/hs/hcc4/hcc4wrap_700x486_1b.jpg?v=20151218a') left top no-repeat; width: 700px; } #hsHCCmenu { height: 118px; background: url('//static.inven.co.kr/image_2011/hs/hcc/bg_menu.jpg?v=3') left top no-repeat; } #hsHCCcontent { background: url('//static.inven.co.kr/image_2011/hs/hcc/bg_content.jpg?=3') left top repeat-y; } #hsHCCmenu ul { display: block; width: 664px; height: 67px; margin: 23px 0 0 20px; clear: both; overflow: hidden; } #hsHCCmenu ul li { width: 166px; height: 67px; overflow: hidden; } #hsHCCmenu ul li a { float: left; width: 166px; height: 134px; overflow: hidden; text-indent: -1000em; background: url('//static.inven.co.kr/image_2011/hs/hcc/bttn_menu.jpg') 0 0 no-repeat; margin: 0 0; padding: 0 0; } #hsHCCmenu ul li.selected a, #hsHCCmenu ul li a:hover { margin-top: -67px; } #hsHCCmenu ul li.disabled a { margin-top: 0px !important; } #hsHCCmenu ul li.menu1 a { background-position: 0px 0px; } #hsHCCmenu ul li.menu2 a { background-position: -166px 0px; } #hsHCCmenu ul li.menu3 a { background-position: -332px 0px; } #hsHCCmenu ul li.menu4 a { background-position: -498px 0px; } #hsHCCcontent .hidden { display: none !important; } #hsHCCcontent div.contents { display: block; width: 638px; clear: both; overflow: hidden; margin: 2px 0 0 34px; } #hsHCCcontent div.contents div, #hsHCCcontent h1, #hsHCCcontent h2, #hsHCCcontent ul { display: block; float: none; clear: both; overflow: hidden; } #hsHCCcontent h2, #hsHCCcontent .center { text-align: center; } #hsHCCcontent h2 img, #hsHCCcontent .center .center { margin: 0 auto; text-align: left; } #hsHCCcontent img.content { width: 638px; } #hsHCCcontent h1 { width: 540px; _width: 612px; height: 58px; _height: 72px; background: transparent url('//static.inven.co.kr/image_2011/hs/hcc/titlebar.png') left top no-repeat; margin: 20px 0 8px 8px; padding: 14px 0 0 72px; } #hsHCCcontent h1.first { margin-top: 0; } #hsHCCcontent h1 img { height: 43px; border: 0; } #hsHCCcontent h1 div.teamTitle { display: block; background: url('//static.inven.co.kr/image_2011/hs/hcc/title_team.png') left 50% no-repeat; /*background: url('//static.inven.co.kr/image_2011/hs/hcc4/title_team_s4.png?v=20150909a') left 50% no-repeat;*/ width: 540px; height: 43px; overflow: hidden; } #hsHCCcontent h2 { margin-top: 12px; margin-bottom: 12px; } #hsHCCcontent h2 img { width: 350px; height: 38px; border: 0; } #hsHCCcontent div.tableWrap { width: 584px; border-top: 1px solid #352d23; margin-bottom: 13px; background: url('//static.inven.co.kr/image_2011/hs/hcc/table_header_bg.png') left top repeat-x; } #hsHCCcontent table { width: 584px; } #hsHCCcontent table col.reward1 { width: 133px; } #hsHCCcontent table col.reward2 { width: 312px; } #hsHCCcontent table col.reward3 { width: 139px; } #hsHCCcontent table col.company1 { width: 146px; } #hsHCCcontent table col.company2 { width: 438px; } #hsHCCcontent table col.score1 { width: 72px; } #hsHCCcontent table col.score2 { width: 213px; } #hsHCCcontent table col.score3, #hsHCCcontent table col.score4, #hsHCCcontent table col.score5, #hsHCCcontent table col.score6 { width: 75px; } #hsHCCcontent table col.schedule1 { width: 120px; } #hsHCCcontent table col.schedule2 { width: 75px; } #hsHCCcontent table col.schedule3, #hsHCCcontent table col.schedule5 { width: 160px; } #hsHCCcontent table col.schedule4 { width: 69px; } #hsHCCcontent table th, #hsHCCcontent table td { padding-top: 2px; text-align: center; } #hsHCCcontent table thead th { height: 35px; border-bottom: 1px solid #352d23; color: #f1efec; font-weight: bold; background: transparent url('//static.inven.co.kr/image_2011/hs/hcc/table_header_split.png') right center no-repeat; padding-right: 2px; } #hsHCCcontent table thead th.nobg { background: none; } #hsHCCcontent table thead th.first { border-left: 1px solid #352d23; } #hsHCCcontent table thead th.last { border-right: 1px solid #352d23; background-position: -35px 0; padding-right: 0; } #hsHCCcontent table tbody th, #hsHCCcontent table td { border-right: 1px solid #70675c; border-bottom: 1px solid #70675c; } #hsHCCcontent table tbody th { border-left: 1px solid #70675c; background-color: #bea98e; font-weight: bold; } #hsHCCcontent table td { height: 30px; background-color: #ebe7da; } #hsHCCcontent table td.first { border-left: 1px solid #70675c; } #hsHCCcontent table tbody th.red { color: #c90000; } #hsHCCcontent table tbody th.blue { color: #305ac4; } #hsHCCcontent table td.left { text-align: left; padding-left: 8px; padding-right: 8px; } #hsHCCcontent table td.right { text-align: right; padding-left: 8px; padding-right: 8px; } #hsHCCcontent table td.bold { font-weight: bold; } #hsHCCcontent table td.winner { background-color: #c8dee2; } #hsHCCcontent table tr.company td { height: 86px; padding-top: 0px; } #hsHCCcontent table tr.company td img { height: 52px; margin: 0 14px; } #teamList, #playerList, #playerList dt.teamInfo, #playerList dd.playerInfo { display: block; width: 599px; float: none; clear: both; overflow: hidden; } #teamList { width: 612px; height: 224px; margin-bottom: 10px !important; } #teamList li, #teamList li a { display: block; width: 153px; height: 112px; overflow: hidden; margin: 0 0; padding: 0 0; text-decoration: none; } #teamList li a { height: 512px; margin-top: -235px; } #teamList li a { background: url('//static.inven.co.kr/image_2011/hs/hcc/bttn_team_empty.jpg') -27px -28px no-repeat; } #teamList li a:hover, #teamList li a.selected { margin-top: 0px !important; } #teamList li.team-0 a { background-position: -27px -28px; } #teamList li.team-1 a { background-position: -180px -28px; } #teamList li.team-2 a { background-position: -333px -28px; } #teamList li.team-3 a { background-position: -486px -28px; } #teamList li.team-4 a { background-position: -27px -139px; } #teamList li.team-5 a { background-position: -180px -139px; } #teamList li.team-6 a { background-position: -333px -139px; } #teamList li.team-7 a { background-position: -486px -139px; } #playerList { padding-bottom: 12px; background: url('//static.inven.co.kr/image_2011/hs/hcc/bg_player_list_bottom.jpg') left bottom no-repeat; } #playerList dt.teamInfo dl, #playerList dd.playerInfo dl, #playerList dd.playerInfo ul, #playerList dd.playerInfo ul li { display: block; float: none; clear: both; overflow: hidden; } #playerList dt.teamInfo dl dt, #playerList dt.teamInfo dl dd, #playerList dd.playerInfo dl dt, #playerList dd.playerInfo dl dd { display: block; float: left; overflow: hidden; } #playerList dt.teamInfo { height: 192px; background: url('//static.inven.co.kr/image_2011/hs/hcc/bg_player_list_top.jpg') left top no-repeat; } #playerList dt.teamInfo .teamInfo { height: auto; background-image: none; } #playerList dt.teamInfo dl.teamInfo { margin: 39px 0 0 43px; } #playerList dt.teamInfo dt.teamInfo { width: 202px; height: 110px; margin-top: 10px; } #playerList dt.teamInfo dt.teamInfo img { width: 204px; height: 112px; margin: -1px 0 0 -1px; } #playerList dd.teamInfo { width: 319px; margin-left: 27px; color: #fff; } #playerList dd.teamInfo p { height: 25px; margin: 2px 0 0 27px; _margin-top: 3px; padding: 0; font-size: 18px; font-weight: bold; overflow: hidden; text-shadow: 0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000; filter: glow(color=#000000,strength=2); zoom: 1; } html.ie10 #playerList dd.teamInfo p { margin-top: 3px; } #playerList dd.teamInfo dl { line-height: 20px; margin-top: 8px; } #playerList dd.teamInfo dt { width: 101px; font-weight: bold; color: #eb8cff; text-indent: 17px; background: url('//static.inven.co.kr/image_2011/hs/hcc/bullet.gif') left 3px no-repeat; _background-position: left 2px; } html.ie10 #playerList dd.teamInfo dt { background-position: left 1px; } #playerList dd.teamInfo dd { width: 218px; } #playerList dd.teamInfo dd a { color: #fff; } #playerList dd.playerInfo { background: url('//static.inven.co.kr/image_2011/hs/hcc/bg_player_list_middle.jpg') left top repeat-y; padding-bottom: 10px; } #playerList dd.playerInfo div { width: 503px; _width: 545px; padding: 0 20px; margin: 0 0 -1px 26px; border: 1px solid #58477e; background-color: #32254d; background-color: rgba(44, 32, 69, 0.8); _background: transparent; _filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc2c2045,endColorstr=#cc2c2045); zoom: 1; } #playerList dd.playerInfo dl { width: 525px; border-top: 1px solid #58477e; padding: 21px 0 21px 0; margin-top: -1px; } #playerList dd.playerInfo dl dt { width: 146px; _width: 148px; height: 85px; _height: 87px; border: 1px solid #58477e; background-color: #000; } #playerList dd.playerInfo dl dt img { width: 146px; height: 85px; } #playerList dd.playerInfo dl dd { width: 368px; height: auto; margin-left: 0px; color: #c2becb; } #playerList dd.playerInfo ul li { line-height: 20px; } #playerList dd.playerInfo ul li.name { color: #e1dfe5; font-size: 16px; font-weight: bold; margin: 0 0 8px 0; _margin: 1px 0 10px 0; text-shadow: 0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000; filter: glow(color=#000000,strength=2); zoom: 1; } html.ie10 #playerList dd.playerInfo ul li.name { margin: 3px 0 10px 0; } #playerList dd.playerInfo ul li strong { letter-spacing: 0px; } #hsHCC.afterSeason3 #playerList dd.playerInfo div ul { width: 493px; _width: 503px; padding: 20px 5px 18px 5px; margin-top: -1px; border-top: 1px solid #58477e; } #hsHCC.afterSeason3 #playerList dd.playerInfo div ul li { width: 487px; line-height: 20px; color: #c2becb; background: transparent url('//static.inven.co.kr/image_2011/hs/hcc/bullet_player.gif') left 8px no-repeat; padding: 0 0 0 8px; margin: 0 0 0 6px; } #hsHCC.afterSeason3 #playerList dd.playerInfo div ul li.name, #hsHCC.afterSeason3 #playerList dd.playerInfo div ul li strong { color: #e1dfe5; letter-spacing: 0px; /*text-shadow: 0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000;*/ } #hsHCC.afterSeason3 #playerList dd.playerInfo div ul li.name { font-size: 15px; background-image: none; padding: 0 0; margin: 0 0 5px 0; } #matchTable { position: relative; width: 584px; height: 384px; background: url('//static.inven.co.kr/image_2011/hs/hcc/bg_matches.jpg') left top no-repeat; margin: 21px 0 13px 0; } #matchTable div.match { position: absolute; left: 0; top: 0; overflow: visible !important; } #matchTable div.match div { position: absolute; z-index: 4; width: 156px !important; height: 64px; background: url('//static.inven.co.kr/image_2011/hs/hcc/bttn_team_match.png?v=5') left top no-repeat; text-align: center; font-weight: bold; line-height: 65px; } #matchTable div.match div span { color: #444; } #matchTable div.match dl { position: absolute; z-index: 2; display: block; overflow: visible; width: 52px; } #matchTable div.match dl dt, #matchTable div.match dl dd { display: block; height: 100%; float: left; overflow: hidden; border-style: solid; border-color: #372a56; padding: 0 0; } #matchTable div.match dl dt { width: 24px; _width: 27px; border-right-width: 3px; } #matchTable div.match dl dd { width: 25px; } #matchTable div.match dl.winner { z-index: 3; } #matchTable div.match dl.winner dt, #matchTable div.match dl.winner dd { border-color: #009aff; } #matchTable div.match dl.team-1 dt, #matchTable div.match dl.team-2 dd, #matchTable div.match dl.team-3 dt, #matchTable div.match dl.team-4 dd { border-top-width: 3px; padding-bottom: 3px; } #matchTable div.match dl.team-1 dd, #matchTable div.match dl.team-2 dt, #matchTable div.match dl.team-3 dd, #matchTable div.match dl.team-4 dt { border-bottom-width: 3px; padding-top: 3px; } #matchTable div.semifinal div { left: 20px; } #matchTable div.semifinal div.team-1 { top: 81px; } #matchTable div.semifinal div.team-2 { top: 145px; } #matchTable div.semifinal div.team-3 { top: 227px; } #matchTable div.semifinal div.team-4 { top: 291px; } #matchTable div.semifinal dl { left: 170px; height: 29px; _height: 35px; } #matchTable div.semifinal dl.team-1 { top: 110px; } #matchTable div.semifinal dl.team-2 { top: 142px; } #matchTable div.semifinal dl.team-3 { top: 256px; } #matchTable div.semifinal dl.team-4 { top: 288px; } #matchTable div.final div { left: 214px; } #matchTable div.final div.team-1 { top: 113px; } #matchTable div.final div.team-2 { top: 259px; } #matchTable div.final dl { left: 363px; height: 70px; _height: 76px; } #matchTable div.final dl.team-1 { top: 142px; } #matchTable div.final dl.team-2 { top: 215px; } #matchTable div.result div { left: 408px; top: 186px; } #hsHCCcontent div.movieWrap { width: 575px; _width: 597px; height: 414px; _height: 436px; padding: 11px 11px; margin: 0 0 0 19px; background: url('//static.inven.co.kr/image_2011/hs/hcc/bg_movie_wrap.jpg') left top no-repeat; } #hsHCCcontent div#moviePlayer { width: 575px; } #moviePlayer { height: 323px; background-color: black; } #moviePlayer div { text-align: center; font-size: 14px; font-weight: bold; color: #fff; line-height: 330px; } #hsHCCcontent div#moviePlayerDetail { width: 545px; _width: 575px; height: 75px; _height: 91px; padding: 16px 15px 0 15px; } #moviePlayerDetail span { display: inline; float: left; color: #fff; } #moviePlayerDetail span.title { color: #df67ed; font-size: 14px; font-weight: bold; } #moviePlayerDetail span.date { float: right; } #moviePlayerDetail span.desc { margin-top: 12px; line-height: 17px; } #hsHCCcontent div.movieListWrap { margin-top: 5px; margin-left: 8px; margin-right: -8px; height: 444px; } #movieList li { display: block; overflow: hidden; float: left; width: 170px; height: 138px; margin: 0 19px 10px 18px; } #movieList li a { display: block; width: 170px; height: 100%; text-decoration: none; } #movieList li a * { cursor: pointer; text-decoration: none; } #movieList li a dl, #movieList li a dl dt, #movieList li a dl dd, #movieList li a strong, #movieList li a span { display: block; float: none; clear: both; overflow: hidden; margin: 0 0; padding: 0 0; } #movieList li a dl { width: 168px; _width: 170px; height: 94px; _height: 96px; border: 1px solid #302c24; background-color: #000; } #movieList li a dl dt, #movieList li a dl dt img, #movieList li a dl dd { width: 168px; height: 94px; border: 0; } #movieList li a dl dd { margin-top: -94px; opacity: 0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); } #movieList li a dl dd img { width: 62px; height: 63px; border: 0; margin: 15px 0 0 53px; } #movieList li a strong, #movieList li a span { width: 170px; height: 14px; margin-top: 6px; text-align: center; } #movieList li a:hover *, #movieList li a.selected * { color: #ff143d !important; border-color: #ff143d !important; } #movieList li a:hover dl dd { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } #movieListPaging { margin-top: 8px; margin-left: -2px; } #movieListPaging a { display: inline-block; margin: 0 4px; cursor: pointer; color: #ffffff; font-weight: bold; letter-spacing: -1px; text-indent: -2px; _text-indent: -0px; border: 1px solid #6a6051; background-color: #7f7666; text-align: center; overflow: hidden; width: 17px; _width: 19px; height: 17px; _height: 19px; line-height: 19px; text-decoration: none; } html.ie10 #movieListPaging a { line-height: 22px; } #movieListPaging a:hover, #movieListPaging a.selected { border-color: #8e4cdb; background-color: #6e33b2; } #movieListPaging a.selected { cursor: default; } #movieListPaging a.disabled { cursor: default; border-color: #6a6051 !important; background-color: #7f7666 !important; } #movieListPaging a.prev, #movieListPaging a.next { background-image: url('//static.inven.co.kr/image_2011/hs/hcc/bttn_arrow.gif'); background-repeat: no-repeat; background-position: 6px 4px; } #movieListPaging a.next { background-position: -16px 4px; } #hsHCC .pos-rel { display: block; position: relative; } #hsHCC .linkGroup { position: absolute; display: inline-block; *display: inline; zoom: 1; text-indent:-9999px; *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden; width: 100px; height: 50px; top: 0; left: 0; } #hsHCC .eventLink1 { top: 220px; left: 51px; width: 533px; height: 68px; } #hsHCC .streaming-table td.transparent { border: 0; background: transparent; } #hsHCC .streaming-table .tvmenu { margin-top: -2px; display: block; width: 584px; overflow: hidden; height: 84px; } #hsHCC .streaming-table .tvmenu li { float: left; display: block; height: 84px; } #hsHCC .streaming-table .tvmenu li a { display: inline-block; *display: inline; zoom: 1; text-indent:-9999px; *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden; background: url('//static.inven.co.kr/image_2011/hs/hcc4/tvmenu_584x172_1a.jpg?v=20150824a') no-repeat; height: 84px; } #hsHCC .streaming-table .tvmenu li.afreeca, #hsHCC .streaming-table .tvmenu li.afreeca a { width: 130px; } #hsHCC .streaming-table .tvmenu li.twitch, #hsHCC .streaming-table .tvmenu li.twitch a { width: 95px; } #hsHCC .streaming-table .tvmenu li.kakao, #hsHCC .streaming-table .tvmenu li.kakao a { width: 117px; } #hsHCC .streaming-table .tvmenu li.pandora, #hsHCC .streaming-table .tvmenu li.pandora a { width: 134px; } #hsHCC .streaming-table .tvmenu li.azubu, #hsHCC .streaming-table .tvmenu li.azubu a { width: 108px; } #hsHCC .streaming-table .tvmenu li.afreeca a { background-position: 0 0; } #hsHCC .streaming-table .tvmenu li.twitch a { background-position: -130px 0; } #hsHCC .streaming-table .tvmenu li.kakao a { background-position: -225px 0; } #hsHCC .streaming-table .tvmenu li.pandora a { background-position: -342px 0; } #hsHCC .streaming-table .tvmenu li.azubu a { background-position: -476px 0; } #hsHCC .streaming-table .tvmenu li.afreeca a:hover { background-position: 0 -85px; } #hsHCC .streaming-table .tvmenu li.twitch a:hover { background-position: -130px -85px; } #hsHCC .streaming-table .tvmenu li.kakao a:hover { background-position: -225px -85px; } #hsHCC .streaming-table .tvmenu li.pandora a:hover { background-position: -342px -85px; } #hsHCC .streaming-table .tvmenu li.azubu a:hover { background-position: -476px -85px; } /** * ADDED FOR HCC4 */ #hsHCC .hccTeamMenu { display: block; background: url('//static.inven.co.kr/image_2011/hs/hcc4/wrap_599x204_bg1a.png') no-repeat; _width: 599px; _height: 204px; width: 588px; height: 191px; overflow: hidden; margin: 0 auto 10px auto; padding-top: 13px; padding-left: 11px; } #hsHCC .hccTeamMenu li { float: left; display: block; position: relative; background: url('//static.inven.co.kr/image_2011/hs/hcc4/wrap_team_144x88_bg1a.png') no-repeat; width: 144px; height: 88px; } #hsHCC .hccTeamMenu li a { top: 16px; left: 16px; position: absolute; display: inline-block; *display: inline; zoom: 1; text-indent:-9999px; *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden; background: url('//static.inven.co.kr/image_2011/hs/hcc4/team_1559x288_menu1a.png') no-repeat; width: 113px; height: 56px; background-position: -23px -175px; } #hsHCC .hccTeamMenu li a.team1 { background-position: -23px -175px; } #hsHCC .hccTeamMenu li a.team2 { background-position: -146px -175px; } #hsHCC .hccTeamMenu li a.team3 { background-position: -270px -175px; } #hsHCC .hccTeamMenu li a.team4 { background-position: -393px -175px; } #hsHCC .hccTeamMenu li a.team5 { background-position: -516px -175px; } #hsHCC .hccTeamMenu li a.team6 { background-position: -640px -175px; } #hsHCC .hccTeamMenu li a.team7 { background-position: -763px -175px; } #hsHCC .hccTeamMenu li a.team8 { background-position: -886px -175px; }