/*
 * [[ SuperRace - USER WEB ]]
 * 2017-03-21 오후17:35:46 
 * 큐브에이 & 이창호
 * goldlch@cubea.co.kr
*/

@charset "utf-8";

/* LIVE */
.live_movie .ui_tab{margin-bottom:28px}
.live_movie .ui_tab-sub ul li a{min-width:84px}

/* 실시간 경기 기록 */
.video_box{padding:15px 0;border-top:1px solid #ef151e;background:url("../img/bg_live.jpg") no-repeat 0 0;background-size:100% 100%}
.video_box:after{content:"";clear:both;display:block}

.video_box .v_view{float:left;padding:8px 10px 10px 0;height:460px;border-right:1px solid #3e3f4f}
.video_box .v_view em.on{margin-left:20px;padding:0 4px;font-size:13px;color:#fff;background-color:#c81730;font-weight:300}
.video_box .v_view p{float:right;margin:0 0 16px}
.video_box .v_view p a{position:relative;padding-right:16px;color:#007fff;font-size:13px;line-height:1em}
.video_box .v_view p a:after{position:absolute;top:11px;right:2px;content:"";clear:both;display:block;width:10px;height:5px;background:url("../img/sch_aroow_blue.png") no-repeat center}
.video_box .v_view .f_wrap{position:relative;clear:both;margin-bottom:22px;width:660px;height:370px;background-color:#000}
.video_box .v_view .f_wrap iframe{width:100%;height:100%}
.video_box .v_view .f_wrap img{position:absolute;top:0;left:0}
.video_box .v_view span.txt{float:left;padding-left:26px}
.video_box .v_view em.ch{float:right;font-size:13px;color:#666}

.video_box.live .v_view{float:none;padding:8px 0 10px 0;height:557px;border-right:none}
.video_box.live .v_view em.on{margin-left:20px;padding:0 4px;font-size:13px;color:#fff;background-color:#c81730;font-weight:300}
.video_box.live .v_view p{float:right;margin:0 0 16px}
.video_box.live .v_view p button,
.video_box.live .v_view p a{position:relative;margin-right:15px;padding-right:16px;color:#007fff;font-size:13px;line-height:1em}
.video_box.live .v_view p button:after,
.video_box.live .v_view p a:after{position:absolute;top:11px;right:2px;content:"";clear:both;display:block;width:10px;height:5px;background:url("../img/sch_aroow_blue.png") no-repeat center}
.video_box.live .v_view p button{height:20px;color:#fff}
.video_box.live .v_view p button:after{background-image:url("../img/sch_aroow.png")}
.video_box.live .v_view .f_wrap{position:relative;clear:both;margin-bottom:22px;height:550px;width:auto;background-color:#000}
.video_box.live .v_view .f_wrap iframe{width:100%;height:100%}
.video_box.live .v_view .f_wrap img{position:absolute;top:0;left:0;width:100%;height:100%}
.video_box.live .v_view span.txt{float:left;padding-left:26px}
.video_box.live .v_view em.ch{float:right;margin-right:20px;font-size:13px;color:#666}

.video_box .v_list{position:relative;float:left;padding:14px 0 0 8px;width:302px}
.video_box .v_list em.ti{margin-bottom:21px;display:block;font-size:13px;color:#fff;line-height:1em}
.video_box .v_list span.sc{position:absolute;top:5px;right:6px}
.video_box .v_list span.sc button{position:relative;font-size:13px;color:#fff;padding:5px 22px 5px 12px;line-height:1em}
.video_box .v_list span.sc button:after{position:absolute;top:13px;right:7px;content:"";clear:both;display:block;width:10px;height:5px;background:url("../img/sch_aroow.png") no-repeat center}
.video_box .v_list dl{width:294px;background-color:#040a18;border-bottom:1px solid #333440}
.video_box .v_list dl dt{width:210px;display:inline-block;font-size:13px;text-indent:10px}
.video_box .v_list dl dd{display:inline-block;font-size:13px}
.video_box .v_list .t_none{padding-top:60px}
.video_box .v_list .t_none p{color:#666;font-size:15px;line-height:1.4em;text-align:center}
.t_scroll{overflow-y:scroll;margin-right:-6px;padding-right:6px;height:407px;
	scrollbar-face-color:#b3a36b; 
	scrollbar-track-color:#333333;
	scrollbar-arrow-color:#333333;
}
.t_scroll::-webkit-scrollbar{width:8px;height:8px;border:3px solid #fff}
.t_scroll::-webkit-scrollbar-track{background:#333333}
.t_scroll::-webkit-scrollbar-thumb{height:8px;width:8px;background-color:#b3a36b}
.v_list ul{padding-left:10px}
.v_list ul li{padding:15px 0;border-bottom:1px solid #333440}
.v_list ul li:last-child{border-bottom:0}
.v_list ul li > em{font-size:16px;color:#e31b23;padding:0 14px;display:inline-block;vertical-align:middle}
.v_list ul li span{display:inline-block;vertical-align:middle;line-height:1.2em}
.v_list ul li span.t_name{width:160px;font-size:15px}
.v_list ul li span.t_name em{font-size:13px;color:#666}
.v_list ul li span.time{font-size:13px}

.count_box > strong{display:block;font-size:24px;color:#d40000;font-weight:500;text-align:center;padding:50px 0 35px;border-top:1px solid #e8e8e8}
.count_box .se_line{margin:0 auto 40px;text-align:center}
.count_box .se_line .round-c{display:inline-block;margin-right:16px;padding:12px 18px 12px 10px;font-size:24px;border-bottom:1px solid #fff;line-height:26px;border-bottom:1px solid #fff;text-align:center;width:104px}
.count_box .se_line .sod_select .sod_label{width:240px}
.count_box .count_desc{position:relative;padding-bottom:10px}
.count_box .count_desc em{font-size:15px;color:#666}
.count_box .count_desc em:after{content:"";clear:both;display:block}
.count_box .count_desc em span{float:left}
.count_box .count_desc em span.r{float:right;font-size:16px}
.count_box .count_desc p{position:absolute;top:-50px;right:0;margin:0}
.count_box .count_desc p a{font-size:15px;padding-right:20px}
.count_box .count_desc p a:after{position:absolute;top:11px;right:0;content:"";clear:both;display:block;width:15px;height:8px;background:url("../img/sch_aroow2.png") no-repeat center;background-size:15px 8px}

.live_movie .select_result .rank_table td{padding-left:40px;text-align:left}
.live_movie .select_result .rank_table td.eng{padding-left:0;text-align:center}
.live_movie .select_result .rank_table .rank_no td{padding:190px 0;color:#666;font-size:15px;line-height:1.4em;text-align:center}

/* 경기 스케줄 팝업 */
.multi_popup.schedule_pop{top:280px}
.multi_popup.schedule_pop strong{display:block;padding:30px 0;text-align:center;font-weight:100;background-color:#122c51;font-family:'Myriad Pro';font-size:30px;color:#fff}
.multi_popup.schedule_pop .time_box .ui_tab-sub{margin-bottom:0;padding-bottom:10px;background-color:#122c51}
.multi_popup.schedule_pop .time_box .tab_conts table{border-color:#415674}
.multi_popup.schedule_pop .time_box .tab_conts table thead tr{border-bottom:1px solid #415674}
.multi_popup.schedule_pop > button.c{right:116px;top:90px}
.multi_popup.schedule_pop .time_box .tab_conts table tbody td:first-child{padding-right:24px;text-align:center;text-indent:86px}
.multi_popup.schedule_pop .time_box .tab_conts table tbody td em{margin:-10px 0 -10px -94px}
.multi_popup.schedule_pop .time_box .tab_conts.sunday table tbody td:first-child{padding-left:0}

/* MOVIE */
.mov_wrap .v_list{padding:0 0 0 10px;text-align:right}
.mov_wrap .v_list .m_top{display:block;vertical-align:top}
.mov_wrap .v_list .sod_select .sod_option{padding:8px 0 8px 5px;font-size:15px;text-align:left}
.mov_wrap .v_list .sod_select .sod_label{padding:0 24px 0px 0;font-size:15px}
.mov_wrap .v_list .m_top .sod_select{width:100%;height:26px;border-bottom:none}
.mov_wrap .v_list .m_top .sod_select:after{top:64%;right:6px;background-size:9px}
.mov_wrap .v_list ul{padding-left:0}
.mov_wrap .v_list ul li{padding:8px 0 6px}
.mov_wrap .v_list ul li span{display:inline-block;vertical-align:top;text-align:left;font-size:15px;font-weight:300}
.m_mid.t_scroll{margin-top:18px;height:420px}
.m_mid ul li button{display:block;width:100%}
.m_mid ul li button:after{content:"";display:block;clear:both}
.m_mid ul li button em{float:left;position:relative;display:block;margin-right:10px;width:120px;height:90px;background-color:#000;overflow:hidden}
.m_mid ul li button em img{width:100%;display:block;opacity:0.5}
.m_mid ul li button span{float:left;width:150px;height:90px;font-weight:400;overflow:hidden}
.m_mid ul li.on{}
.m_mid ul li.on em:after{content:"";display:block;position:absolute;left:0;top:0;width:116px;height:86px;border:2px solid #ef151e;background:url("../img/ico_play.png") center center no-repeat;z-index:2}
.m_mid ul li.on em img{opacity:0.3}

.recom_v .se_year{margin:80px 0 20px;padding-left:40px}
.recom_v .se_year .sod_select{width:90px;border-bottom:none}
.recom_v .se_year .sod_select:after{top:60%;right:6px;background-size:9px}
.recom_v .se_year .sod_select .sod_option{padding:8px 0 8px 16px;font-size:15px;text-align:left}
.recom_v .se_year .sod_select .sod_label{padding:0 24px 0px 0;font-size:15px}

.r_thumbnail{position:relative;padding-left:40px;border-bottom:1px solid #3e3f4f}
.r_thumbnail p{margin:26px 0 10px;font-size:15px;font-weight:400}
.r_thumbnail p em{font-size:13px;color:#666}
.r_thumbnail .slick-slider .slick-arrow{position:absolute;top:36%;width:30px;height:30px;text-indent:-99999em;overflow:hidden;background-repeat:no-repeat;background-position:center center}
.r_thumbnail .slick-slider .slick-arrow.slick-prev{left:0;background-image:url("../img/thum_p.jpg")}
.r_thumbnail .slick-slider .slick-arrow.slick-next{right:0;background-image:url("../img/thum_n.jpg")}
.r_thumbnail .link{width:920px;padding-bottom:20px;overflow:hidden}
.r_thumbnail .link ul{width:9000px}
.r_thumbnail .link ul:after{content:"";clear:both;display:block}
.r_thumbnail .link li{float:left;margin-right:13px;width:173px}
.r_thumbnail .link li a{display:block}
.r_thumbnail .link li a img{display:block;width:100%;height:auto}
.r_thumbnail .link li span{display:block;height:40px;text-align:left;color:#666;padding-top:6px;line-height:1.3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden}

.live_racer-wrap{margin-top:50px;padding-bottom:50px;position:relative;z-index:1;height:230px;overflow:hidden}
.live_racer-wrap .wrap_top{position:relative;width:760px;margin:0 auto 16px}
.live_racer-wrap .wrap_top strong{display:block;line-height:38px;font-size:18px;font-weight:700}
.live_racer-wrap .wrap_top a{display:block;background-color:#DE2930;width:140px;text-align:center;position:absolute;right:18px;top:0;line-height:38px}
.live_racer-wrap .item_slide{position:relative;width:760px;margin:0 auto;white-space:nowrap}
.live_racer-wrap .item_slide:after{content:'';display:block;clear:both;font-size:0;line-height:0;letter-spacing:0;overflow:hidden}
.live_racer-wrap .item_slide .trm_item{float:none;display:inline-block;vertical-align:top;margin-bottom:0;margin-right:18px;width:170px}
.live_racer-wrap .item_slide .trm_item .trm_conts{padding:0;width:100%;cursor:pointer;border:1px solid #545454;box-sizing:border-box}
.live_racer-wrap .item_slide .trm_item .trm_conts:before{display:none}
.live_racer-wrap .item_slide .trm_item .top_title{position:static;text-align:left;font-weight:500;padding-top:12px;padding-left:12px}
.live_racer-wrap .item_slide .trm_item .top_title span{display:block;font-size:14px;line-height:1em;padding-bottom:2px}
.live_racer-wrap .item_slide .trm_item .line_num{position:absolute;left:12px;bottom:10px}
.live_racer-wrap .item_slide .trm_item .line_num em{width:16px;height:30px;background-size:16px auto}
.live_racer-wrap .item_slide .trm_item .img{position:relative;width:100%;height:100px;overflow:hidden}
.live_racer-wrap .item_slide .trm_item .img img{position:absolute;right:10px;top:0;display:block;width:120px;height:auto}
.live_racer-wrap .item_slide .slick-list{width:100%;overflow:hidden;margin:0 auto}
.live_racer-wrap .item_slide .slick-arrow{position:absolute;top:50%;width:42px;height:42px;margin-top:-38px;background-repeat:no-repeat;background-position:0 0;text-indent:-99999em;overflow:hidden}
.live_racer-wrap .item_slide .slick-prev{left:-82px;background-image:url('../img/each_prev.gif')}
.live_racer-wrap .item_slide .slick-next{right:-64px;background-image:url('../img/each_next.gif')}
.live_racer-wrap .item_slide .slick-dots{width:100%;margin-top:0;padding-top:20px}

.live_racer-wrap .item_slide .trm_item .trm_conts.on{border-width:3px;border-color:#14214e}
.live_racer-wrap .item_slide .trm_item .trm_conts.on .img img{right:8px}
.live_racer-wrap .item_slide .trm_item .trm_conts.on .line_num{left:10px}
.live_racer-wrap .item_slide .trm_item .trm_conts.on .top_title{padding-top:10px;padding-left:10px}

.live_data{padding:30px 0}
.live_data a{display:block;margin-bottom:10px;font-size:18px;font-weight:700}
.live_data a span{color:#d40000}