@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:16px;font-family:'Netmarble', dotum, sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Netmarble', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,div{display:block}
iframe{width: 100%;margin: 0;padding: 0;border: 0;}

table { 
    border-spacing: 0;
    border-collapse: collapse;
}

ul, dl,dt,dd, td {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Netmarble', dotum, sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Netmarble', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div{margin: 0;padding: 0}
main{display: block;margin: 0;padding: 0}

.dark{width: 100%;margin: auto;background-color: #2e2e2e;border: 1px solid #2e2e2e;color: #fff}
.flex{display: flex;flex-wrap: wrap;}


.flex iframe{width: 100%;aspect-ratio: 16/9}
.bar_title{padding: 0.325rem 0;border: 1px solid #2e2e2e;background: #2e2e2e;position: relative;border-bottom: 1px solid #999;}
.bar_title .bot_name{font-weight: bold;font-size: 1.25rem;margin-right: 0.25rem;margin-left: 0.695rem;color: #e49c12;}
.bar_title .onair_time{position: absolute;right: 10%;}
.bar_title .time{position: absolute;right:0.5rem}


.player_btn{width: 100%;margin-top: 0.425rem;box-shadow: 0px 0.625rem 0.625rem #000;padding-bottom: 0.425rem;margin-bottom: 0.425rem;}
.player_btn .onair_btn{position: relative;width: 100%;height: 1.93125rem;}
.player_btn .onair_btn .playIng{display: inline-block;position: absolute;bottom: 0;left: 0.425rem}
.player_btn .playIng img{height: 1.395rem}
.player_btn .onair_btn .muti{display: inline-block;position: absolute;right: 0.485rem}

#player{margin: 0;padding: 0;display: block;}

#video-wrap{width: 100%;aspect-ratio: 16 / 9;}
#video-wrap iframe{width: 100%;aspect-ratio: 16/9}


#video-wrap2{display: none;width:100%;}
#video-wrap2 .muti{width: calc(100%/2);border-right: 1px solid #999;border-left: 1px solid #999;}
#video-wrap2 .muti:nth-of-type(even){border-left: 0;}

#video-wrap3{display: none;width:100%;aspect-ratio: 16 / 9;}
#video-wrap3 .muti{width: calc(100%/2);border-right: 1px solid #999;border-left: 1px solid #999;}
#video-wrap3 .muti:nth-of-type(even){border-left: 0;}

#score_menu_wrap {height: 48px;overflow: hidden;background: #212529;;text-align: center;position: relative;z-index: 99999;padding: 0px 10px;box-shadow: 0px 10px 10px #000;border-radius: 10px;margin: 0 10px;}
#score_menu {width: 100%;max-width: 1040px !important;height: 70px;margin: 0 auto;overflow-x: auto;overflow-y: hidden;background: #212529;}
#score_menu ul {width: 100%;height: 50px;overflow: hidden;}
#score_menu ul li {float: left;width: 66px;height: 50px;}
#score_menu ul li a {display: block;width: 100%;height: 50px;background: URL(img/new_scoreGoNav81.png?v=3) no-repeat;background-size: 1108px auto;overflow: hidden;position: relative;z-index: 999;}

#score_menu ul li.all.on a {background-position: -4px top;margin-top: -2px;filter: invert(1);}
#score_menu ul li.all a {background-position: -4px bottom;}
#score_menu ul li.soccer.on a {background-position: -135px top;margin-top: -2px;filter: invert(1);}
#score_menu ul li.soccer a {background-position: -135px bottom;}
#score_menu ul li.baseball.on a {background-position: -198px top;margin-top: -2px;filter: invert(1);}
#score_menu ul li.baseball a {background-position: -198px bottom;}
#score_menu ul li.basket.on a {background-position: -263px top;margin-top: -2px;filter: invert(1);}
#score_menu ul li.basket a {background-position: -263px bottom;}
#score_menu ul li.volley.on a {background-position: -328px top; margin-top: -2px;filter: invert(1);}
#score_menu ul li.volley a {background-position: -328px bottom;}
#score_menu ul li.hockey.on a {background-position: -392px top; margin-top: -2px;filter: invert(1);}
#score_menu ul li.hockey a {background-position: -392px bottom;}
#score_menu ul li.tennis.on a {background-position: -457px top;margin-top: -2px;filter: invert(1);}
#score_menu ul li.tennis a {background-position: -457px bottom;}
#score_menu ul li.football.on a {background-position: -522px top;margin-top: -2px;filter: invert(1);}
#score_menu ul li.football a {background-position: -522px bottom;}
#score_menu ul li.starcraft.on a {background-position: -589px top;margin-top: -2px;filter: invert(1);}
#score_menu ul li.starcraft a {background-position: -589px bottom;}
#score_menu ul li.lol.on a {background-position: -652px top;margin-top: -2px;filter: invert(1);}
#score_menu ul li.lol a {background-position: -652px bottom;}
#score_menu ul li.tv.on a {background-position: -65px top;margin-top: -3px;filter: invert(1);}
#score_menu ul li.tv a {background-position: -65px bottom;}

.nList{width: 100%;display: block;margin: 0;padding: 0}
.nList .hot{color: #ff6d17;}
.nList img {border: none;}
.nList .section {margin: 0.625rem 0.625rem;background:#2a3c41;color: #fff;box-shadow: 0px 0.625rem 0.625rem #000;border-radius: 0.625rem;}
.nList .top {height: 2.313rem;font-size: 0.85rem;}
.nList .top .icon{width: 100%;position: relative;}
.nList .top .icon::after{clear: both;}
.nList .top .icon .legae{float: left;height: 2.313rem;line-height:40px;}
.nList .top .tit {float: left;padding-left: 15px;line-height: 2.313rem;margin-right: auto;}
.nList .top .tit.ic::after {float: left;content: "";margin: 10px 0px 0 0;width: 1.65rem;height: 1.65rem;background: url(img/new_scoreGoNav82.png?v=33) no-repeat;background-size: 600px auto;}
.nList .top .tit.soccer::after {background-position: -82px -34px;}
.nList .top .tit.baseball::after {background-position: -117px -34px;}
.nList .top .tit.basket::after {background-position: -152px -34px;}
.nList .top .tit.hockey::after {background-position: -222px -34px;}
.nList .top .tit.football::after {background-position: -292px -34px;}
.nList .top .tit.volley::after {background-position: -187px -34px;}
.nList .top .tit.lol::after {background-position: -362px -34px;}
.nList .top .tit.starcraft::after {background-position: -328px -34px;}
.nList .top .tit.hd::after {background-position: -45px -34px;}
.nList .top .tit.tennis::after {background-position: -256px -34px;}
.nList .top .tit.egame::after {background-position: -13px -34px;}

.nList .info{display: flex;height: 3.35rem;background: #4d4a4a;border-radius: 0px 0px 10px 10px;justify-content: space-between;}

.nList .info .thumb{padding: 0.725rem;width: 7rem;display: flex;align-items: center;}
.nList .info .thumb img{width: 100%;aspect-ratio: 16/9;border-radius: 0.325rem;}
.nList .info .left{width:4.25rem;display: flex;align-items: center;justify-content: center;}
.nList .info .left .dateTime{font-size: 0.75rem;}
.nList .info .left .date{display: block;width: 100%}
.nList .info .left .time{display: block;width: 100%}

.nList .info .center{width: 80%;display: flex;align-items: center;justify-content: center;}
.nList .info .center .name{}
.nList .info .center .home_name{width: 50%;text-align: right;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nList .info .center .home_name .title{font-size: 0.95rem;width: 100%;text-shadow: 0.1rem 0.1rem 0.1rem #000;}
.nList .info .center .away_name{width: 50%;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nList .info .center .away_name .title{font-size: 0.95rem;width: 100%;text-shadow: 0.1rem 0.1rem 0.1rem #000;}
.nList .info .center .vs{margin:0 0.75rem;font-weight: bold;color: red;}
.nList .info .center .vs .title{font-size: 0.75rem;text-shadow: 0.1rem 0.1rem 0.1rem #000;}

.nList .info .center .name .title{font-size: 0.95rem;}
.nList .hot .center .name .title{font-weight: bold;font-size: 0.95rem;}
.nList .info .right{width: 10%;display: flex;align-items: center;justify-content: center;padding: 0 0.25rem;}
.nList .info .right a img{width: 1.75rem;height: 1.75rem;box-shadow: 0.1rem 0.1rem 0.1rem #000;border-radius: 100%;}

@keyframes blink {
  0% {
    color: darkred;
  }
  50% {
    color: white;
  }
  100% {
    color: #ff6d17;
  }
}



@media (max-width:412px) {
  .bar_title{font-size: 0.725rem}
  #mplayer_title-1{width: 14rem;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;position: absolute;}
  .bar_title .bot_name{font-size: 0.725rem}
  .nList .info .center .home_name .title{font-size: 0.725rem;}
  .nList .info .center .away_name .title{font-size: 0.725rem;}
  .nList .info .center{overflow: hidden;}
  #scrollerFrame{overflow-x: scroll;}
  .nList .info .thumb{padding: 0.325rem;width: 6rem;}
}