/* CSS Document */
@import url("pomation.css");
@import url("livePlayer.css");
.head .header{ }
.contain .container{ }
.contain .container .contents{ }


.contents{}
.contents .headTit{ display:none; overflow:hidden; min-height:65px; margin-bottom:10px; margin-top:20px;}
.contents .headTit .tit{ color:#333333; font-size:40px; line-height:1; font-weight:bold; float:left;}


.hTit{ min-height:35px; margin-top:25px;}
.hTit>.tit{ font-size:26px; color:#333; float:left;}
.hTit>.info{ float:right;}

.sTit{ min-height:22px; margin-top:20px; margin-bottom:10px;}
.sTit>.tit{ float:left; font-size:15px; padding-top:3px; font-weight:bold; color:#333333; line-height:1.2;}
.sTit>.info{ float:right; margin-left:10px;}

.betGudIco .ball,
.betGudIco .point,
.betGudIco .cash,
.betGudIco .match,
.betGudIco .prev,
.betGudIco .elive,
.betGudIco .high,
.betGudIco .reply,
.betGudIco .sms{ display:none;}

.liveDate{ margin-bottom:15px;}


.liveTopBox{ position:relative; padding-left:192px;}
.liveTopBox .datePanel{ position:absolute; left:0px; top:0px; width:188px; height:88px; background: #f9f9f9; border: #e5e5e5 solid 1px; border-radius:3px;}
.liveTopBox .datePanel .date{ margin:10px 15px 14px 15px; text-align:center; position:relative;}
.liveTopBox .datePanel.highlight .date{ margin-top:30px;}
.liveTopBox .datePanel .date .bt{ position:absolute; top:6px; z-index:10; background:url(/Img/common/btnLiveDate.png) no-repeat; width:18px; height:18px; display:inline-block; vertical-align:middle; line-height:100px; overflow:hidden;}
.liveTopBox .datePanel .date .bt.prev{ left:0px;}
.liveTopBox .datePanel .date .bt.next{right:0px; background-position:right 0}
.liveTopBox .datePanel .date .day{ color:#666666; font-size:20px; border:none; padding:0; margin:0; text-align:center; height:26px; width:110px; background-color:transparent;}
.liveTopBox .datePanel .selMov{ margin:0px 15px 0;}
.liveTopBox .datePanel .selMov div.selector{ width:150px !important;}
.liveTopBox .datePanel .selMov div.selector span{ width:125px !important;}
.liveTopBox .gamePanel{ position:relative; border:#dbdbdb solid 1px; width:666px; height:88px; border-radius:3px; overflow:hidden;}
.liveTopBox .gamePanel .bt{ width:19px; height:88px; z-index:10; position:absolute; top:0px; background:url(/Img/common/btnGameSch.png) no-repeat #fafafa; text-indent:-999px; overflow:hidden;}
.liveTopBox .gamePanel .bt.disabled{ background-color:#ffffff; opacity:.3; cursor:default;}
.liveTopBox .gamePanel .bt.prev{ left:0px; border-right:#dbdbdb solid 1px; background-position:5px center;}
.liveTopBox .gamePanel .bt.next{right:0px; border-left:#dbdbdb solid 1px; background-position:-14px center;}
.liveTopBox .gamePanel .list{ margin-left:19px; border-left:#dbdbdb solid 1px; overflow:hidden;}
.liveTopBox .gamePanel .list>li{ float:left; border-right:#dbdbdb solid 1px; width:208px; height:88px;}
.liveTopBox .gamePanel .list>li .box{ padding:4px 4px 4px 4px ; display:block;}
.liveTopBox .gamePanel .list>li .box:hover{ background-color:#fafafa}
.liveTopBox .gamePanel .list>li .box .time{ height:24px; background:#eeeeee; border:#d3d3d3 solid 1px; border-radius:2px; position:relative;}
.liveTopBox .gamePanel .list>li .box .time .ico{ position:absolute; left:3px; top:3px; height:16px; width:52px; line-height:14px; display:inline-block; vertical-align:middle; text-align:center; color:#6c809d; background:#fcfcfc; border:#eee solid 1px; border-radius:2px;}
.liveTopBox .gamePanel .list>li .box .time .t{ font-size:14px; line-height:21px; color:#6c809d; text-align:right; padding-left:60px; padding-right:4px; display:block;}
.liveTopBox .gamePanel .list>li .box .time .t .m{display:inline-block; vertical-align:middle; padding-right:3px;}
.liveTopBox .gamePanel .list>li .box .game{ position:relative; height:55px;}
.liveTopBox .gamePanel .list>li .box .game .team{ width:70px; height:55px; position:absolute; top:0px;}
.liveTopBox .gamePanel .list>li .box .game .team .emb{ width:30px; height:30px; display:block; margin:5px auto 0 auto;}
.liveTopBox .gamePanel .list>li .box .game .team .name{ display:block; text-align:center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.liveTopBox .gamePanel .list>li .box .game .vs{ display:block; margin:0 70px; text-align:center;}
.liveTopBox .gamePanel .list>li .box .game .vs .p{ padding-top:15px; font-size:14px;}
.liveTopBox .gamePanel .list>li .box .game .vs .tm{}
.liveTopBox .gamePanel .list>li .box .game .team.home{ left:0px;}

.liveTopBox .gamePanel .list>li .box .game .team.away{ right:0px;}
.liveTopBox .gamePanel .list>li .box .icoSet{ text-align:center;}
.liveTopBox .gamePanel .list>li.noGame .msg{ color:#777777; font-size:14px; padding:32px 0 0 0 ; text-align:center;}

.teamInfoTop{ border:#888888 solid 1px; padding:36px; margin-top:15px; position:relative; min-height:111px;}
.teamInfoTop .team{ position:absolute; top:28px; width:150px;}
.teamInfoTop .team.home{ left:20px;}
.teamInfoTop .team.away{ right:20px;}
.teamInfoTop .team .emb{ width:100px; height:100px; display:block; margin:auto;}
.teamInfoTop .team .name{ text-align:center; color:#25793b; font-size:14px; font-weight:bold;}
.teamInfoTop .infoBox{ border:#e7e7e7 solid 1px; margin:0 150px; text-align:center;}
.teamInfoTop .infoBox .hd{ border-bottom:#e7e7e7 solid 1px; height:38px; line-height:36px;}
.teamInfoTop .infoBox .hd .leage{ height:20px; line-height:18px; color:#FFF; padding:0 10px; background:#333333; border-radius:10px; display:inline-block; vertical-align:middle; white-space:nowrap; }
.teamInfoTop .infoBox .hd .date{ height:20px; line-height:18px; font-size:13px; font-weight:bold; margin-left:10px; display:inline-block; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:300px;}
.teamInfoTop .infoBox .cd{ height:69px; line-height:65px;}
.teamInfoTop .infoBox .cd strong{ font-size:54px; color:#333; font-weight:normal; display:inline-block; vertical-align:middle;}
.teamInfoTop .infoBox .cd em{ font-size:33px; line-height:50px; color:#666; display:inline-block; vertical-align:middle; width:120px; }

.playerWrap{ margin-top:15px; position:relative; min-height:438px;}

.playerSet{ position:relative; background:url(/Img/common/player.jpg) no-repeat center center #000; width:600px; height:438px; float:left;}
.playerSet .msg{ color:#FFF; text-align:center; top:50%; margin-top:80px; font-size:14px; width:100%; position:absolute;}
.playerSet .msg a{ color:#FFF; text-decoration:underline;}
.playerWrap .gameComent { margin-left:610px;}

div.ifrJwplayer{ width:600px; height:438px; margin:0; padding:0px;}

iframe.ifrJwplayer{ width:600px; height:438px; margin:0; padding:0px;}

iframe.ifrGameCmt{ float:right; width:250px; height:438px;}
iframe.ifrHighlight{ float:right; width:250px; height:438px;}

body.ifrGameCmt{}
body.ifrGameCmt .uiComment{ margin-top:0px;}


/* CSB */
.playerWrap.csb.wide{ transition:all .3s ease .0s}
.playerWrap.csb.wide .playerSet{ float:none; width:860px; height:584px;}
.playerWrap.csb.wide .playerSet iframe{ width:860px; height:584px; float:none;}
.playerWrap.csb.wide iframe.ifrGameCmt,
.playerWrap.csb.wide iframe.ifrHighlight{ width:860px; float:none; margin-top:20px; transition:all .3s ease .0s}


/* JW */
.playerWrap.jw.wide{ transition:all .3s ease .0s}
.playerWrap.jw.wide .playerSet{ float:none; width:860px; height:584px;}
.playerWrap.jw.wide .playerSet div.ifrJwplayer{ width:860px; height:584px; float:none;}
.playerWrap.jw.wide .playerSet div.ifrJwplayer .jwplayer{}
.playerWrap.jw.wide #spoJwplayer_wrapper #spoJwplayer{ height:584px !important}
.playerWrap.jw.wide iframe.ifrGameCmt,
.playerWrap.jw.wide iframe.ifrHighlight{ width:860px; height:440px; float:none; margin-top:20px; transition:all .3s ease .0s}

/* 디바 */
.playerWrap.diva .playerSet{ height:468px;}
.playerWrap.diva{ min-height:468px;}
.playerWrap.diva.wide{ transition:all .3s ease .0s}
.playerWrap.diva.wide .playerSet{ float:none; width:860px; height:614px;}
.playerWrap.diva.wide .playerSet object{height:614px !important;}
.playerWrap.diva.wide iframe.ifrHighlight{ width:860px; float:none; margin-top:20px; transition:all .3s ease .0s}
.playerWrap.diva.wide iframe.wide.ifrHighlight{ height:328px;}

.playerWrap.diva.wide iframe.ifrGameCmt{ width:860px; float:none; margin-top:20px; transition:all .3s ease .0s}
.playerWrap.diva.wide iframe.wide.ifrGameCmt{ height:438px;}


/* CSB */
.playerWrap.csb{ min-height:438px;}
.playerWrap.csb .playerSet iframe{ width:600px; height:438px;}


body.ifrPlayer{ overflow:hidden; background-color:#000}
body.ifrPlayer .mov{}
body.ifrPlayer .mov.csb{}
body.ifrPlayer .mov.csb{ text-align:center; }
body.ifrPlayer .mov.csb iframe{}

body.ifrPlayer .oldBrowser{ position:absolute; box-sizing:border-box; z-index:40; background:none; top:50%; padding:10px 100px; margin:-60px 0 0 0; font-size:14px; border-top:none;}




.gameComent .scrollBox{margin-top:10px;/* border:#ecf0f3 solid 1px;*/ max-height:328px; overflow:hidden; padding:0px 0 0px 0;}
.gameComent .scrollBox .mCSB_vertical.mCSB_inside>.mCSB_container{ margin-right:0px;}
.gameComent .scrollBox .mCSB_scrollTools .mCSB_draggerRail{ display:none;}

.gameComent .uiComment>.ht{}
.gameComent .uiComment .comtWrite .inputForm{}
.gameComent .uiComment .comtWrite .inputForm .text textarea{}
.gameComent .uiComment .comtWrite .inputForm .btnWrite{}
.gameComent .uiComment .comtList{ margin-top:0px;}
.gameComent .uiComment .comtList>li>.box .memo{ margin:0px 6px 0 56px;}
.gameComent .uiComment .comtList>li>.box .name{}
.gameComent .uiComment .comtList>li>.box .lvImg{}
.gameComent .uiComment .comtList>li>.box .lvImg .img{}
.gameComent .uiComment .comtList>li>.box .info{ }
.gameComent .uiComment .comtList>li>.box .info .date{}
.gameComent .paging{ padding-bottom:15px; padding-top:10px;}


.teamPlayer{ margin-top:30px;}
.teamPlayer ul.uiColum{ margin-top:0px;}
.teamPlayer .team{}
.teamPlayer .team .ht{margin-bottom:-10px;}
.teamPlayer .team .ht .emb{ width:40px; height:40px;}
.teamPlayer .team .ht .name{ color:#333; font-size:14px; font-weight:bold;}
.teamPlayer .team table.player{ margin-top:15px;}
.teamPlayer .team table.player td{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.teamPlayer .team table.player .in{ text-align:left; padding-left:15px;}
.teamPlayer .team table.player .chg{ font-weight:bold;}
.teamPlayer .team table.player .chg em{ font-size:14px; font-weight:bold; margin:0 10px;}
.teamPlayer .team table.player .chg em.o{ color:#2565d0}
.teamPlayer .team table.player .out{ text-align:right; padding-right:15px;}





/* 하이라이트 */
.gameHighlight{}
.gameHighlight .scrollBox{ max-height:367px; overflow:hidden;}
.gameHighlight .scrollBox .mCSB_vertical.mCSB_inside>.mCSB_container{ margin-right:0px;}
.gameHighlight .scrollBox .mCSB_scrollTools .mCSB_draggerRail{ display:none;}
.gameHighlight .ht{ color:#333333; font-size:14px; font-weight:bold; padding:0 0 5px 0;}
.gameHighlight .list{ border-bottom:#ecf0f3 solid 1px;}
.gameHighlight .list>li{ padding:7px 0; border-top:#ecf0f3 solid 1px;}
.gameHighlight .list>li .box{ position:relative;}
.gameHighlight .list>li .box .thumb{ width:72px; height:45px; position:absolute; left:0px; top:0px;}
.gameHighlight .list>li .box .thumb .img{ width:72px; height:45px;}
.gameHighlight .list>li .box .thumb .time{ height:16px; line-height:14px; border-radius:3px 0 0 0; padding:0 5px; position:absolute; right:0px; bottom:0; background:url(/Img/common/transBg70.png); color:#FFF; font-size:10px;}
.gameHighlight .list>li .box .desc{ margin-left:80px; min-height:45px;}
.gameHighlight .list>li .box .desc .txt{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.gameHighlight .list>li .box .desc .info{ font-size:11px; margin-top:4px;}
.gameHighlight .list>li .box .desc .info .date{}
.gameHighlight .list>li .box .desc .info .hit{}
.gameHighlight .paging{ padding:14px 0 0 0;}

body.wide .gameHighlight{ }
body.wide .gameHighlight .list{margin-left:-1%; overflow:hidden;}
body.wide .gameHighlight .list>li{ width:49%; margin-left:1%; float:left;}
body.wide .gameHighlight .scrollBox{/* height:247px;*/}


.highlightWrap{ overflow:hidden; position:relative; min-height:820px; margin-top:20px;}
iframe.ifrLastHigh{ width:600px; height:800px; float:left; width:600px;}
.ifrLastHigh .lastPan{}
.ifrLastHigh .lastPan .ht{ color:#333; font-size:14px; font-weight:bold;}
.ifrLastHigh .lastPan .list{ margin-left:-6px; margin-top:-4px;}
.ifrLastHigh .lastPan .list li{}
.ifrLastHigh .lastPan .list li .box{}
.ifrLastHigh .lastPan .list li .box .thumb{ display:block; width:100%; height:110px; position:relative;}
.ifrLastHigh .lastPan .list li .box .thumb img{ width:100%; height:110px;}
.ifrLastHigh .lastPan .list li .box .time{ height:20px; line-height:18px;font-size:12px; border-radius:3px 0 0 0; padding:0 5px; position:absolute; right:0px; bottom:0; background:url(/Img/common/transBg70.png); color:#FFF; }
.ifrLastHigh .lastPan .list li .box .game{ position:relative; height:56px; border:#e0e0e0 solid 1px; border-top:none;}
.ifrLastHigh .lastPan .list li .box .team{ position:absolute; top:5px; height:56px; width:80px; text-align:center;}
.ifrLastHigh .lastPan .list li .box .team.home{ left:0px;}
.ifrLastHigh .lastPan .list li .box .team.away{ right:0px;}
.ifrLastHigh .lastPan .list li .box .team .emb{ display:block; margin:auto; width:30px; height:30px;}
.ifrLastHigh .lastPan .list li .box .team .name{ display:block; color:#333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ifrLastHigh .lastPan .list li .box .vs{ margin:0 70px; text-align:center; font-size:16px; color:#555; font-weight:bold; padding-top:15px;}
.ifrLastHigh .lastPan .list li .box .desc{ padding:5px 1px 5px 5px; border:#e0e0e0 solid 1px; border-top:none;}
.ifrLastHigh .lastPan .list li .box .desc .txt{ height:40px; overflow:hidden;}
.ifrLastHigh .lastPan .list li .box .desc .info{ font-size:11px; text-align:right; padding:0 5px 0 0;}
.highlightWrap .bestPan{float:right; width:250px;}
.highlightWrap .bestPan .ht{ color:#333; font-size:14px; font-weight:bold;}

.highlightWrap .bestPan .list{ border-bottom:#ecf0f3 solid 1px; margin-top:6px;}
.highlightWrap .bestPan .list>li{ padding:13px 0; border-top:#ecf0f3 solid 1px;}
.highlightWrap .bestPan .list>li .box{ position:relative;}
.highlightWrap .bestPan .list>li .box .thumb{ width:72px; height:45px; position:absolute; left:0px; top:0px;}
.highlightWrap .bestPan .list>li .box .thumb .img{ width:72px; height:45px;}
.highlightWrap .bestPan .list>li .box .thumb .time{ height:16px; line-height:14px; border-radius:3px 0 0 0; padding:0 5px; position:absolute; right:0px; bottom:0; background:url(/Img/common/transBg70.png); color:#FFF; font-size:10px;}
.highlightWrap .bestPan .list>li .box .desc{ margin-left:80px; min-height:45px;}
.highlightWrap .bestPan .list>li .box .desc .txt{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.highlightWrap .bestPan .list>li .box .desc .info{ font-size:11px; margin-top:4px;}
.highlightWrap .bestPan .list>li .box .desc .info .date{}
.highlightWrap .bestPan .list>li .box .desc .info .hit{}




.guideBj{ position:relative;}
.guideBj img.guide{}
.guideBj .btn{ display:block; width:210px; height:280px; position:absolute; top:480px; z-index:10; background:url(/Img/common/blank.png); text-indent:-9999px; overflow:hidden;}
.guideBj .btn1{ left:100px;}
.guideBj .btn2{ left:320px;}
.guideBj .btn3{ left:550px;}

.wellBj{ border:1px solid #e3e3e3; border-radius:0px; background:#ffffff; position:relative; margin:auto;  padding-bottom:20px; min-height:1072px;}
.wellBj .logo{ background:url(/Img/common/logo.gif) no-repeat; width:180px; height:75px; margin:auto; margin-top:200px; text-indent:-9999px; overflow:hidden;}
.wellBj .mtc{ font-size:30px; text-align:center; color:#bb7815; margin-top:40px; margin-bottom:20px;}
.wellBj .code{ font-size:100px; text-align:center; color:#bb7815; line-height:100px;}
.wellBj .msg{ font-size:14px; line-height:200%; text-align:center; padding:20px 0;}
.wellBj .msg .link{ color:#18408F; text-decoration:underline;}
.wellBj .msg .t{ display:block; border:#eee solid 1px; margin:0 40px; padding:10px 10px 10px 120px; margin-bottom:10px; font-weight:bold; text-align:left;}
.wellBj .btn{ text-align:center; margin-top:20px;}