@charset "utf-8";

/* css styles for chosun.com main live streaming 20180725 edu */

#sec_live {}
#sec_live.vis {}
section.art_list#sec_live .sec_inner { margin-top: 10px; padding: 20px 0; box-sizing: border-box; background: #132050 url('http://image.chosun.com/main/spe/cs_top_live_edu_2018_bg.jpg') no-repeat right top }
section.art_list#sec_live .sec_inner .btn_layer_close { display: none }
section.art_list#sec_live .sec_inner { height: 230px; max-height: 230px; transition: ease all 0.4s }
section.art_list#sec_live.vis .sec_inner { height: 560px; max-height: 600px; padding: 17px 0 20px; box-sizing: border-box; transition: ease all 0.4s }

#sec_live_mov_id iframe { width: 340px; height: 190px; box-sizing: border-box; border: solid 0px #222; transition: ease all 0.4s }
.larger_box { display: block; position: absolute; left: 450px; top: 20px; bottom: auto; transition: ease all 0.4s }
dl.news_item.video { position: relative; margin-top: 0 }
dl.news_item.video dd.thumb { width: 340px; height: 190px; transition: ease all 0.4s }
dl.news_item.video dd.title { display: inline }

#sec_live dl.news_item.video dt { position: absolute; top: 0; left: 360px; font-size: 34px; font-weight: bold; letter-spacing: -0.075em }
#sec_live dl.news_item.video dt > span.desc { display: block; padding-top: 2px; font-size: 14px; font-weight: normal; color: #fff; letter-spacing: -0.05em; opacity: 0.5 }
#sec_live dl.news_item.video dt > br { display: inline }
#sec_live dl.news_item.video dt > span.live_badge { display: block; padding: 8px 0 2px; line-height: 21px }
#sec_live dl.news_item.video dt > span.live_badge:before { content: 'LIVE'; display: inline-block; height: 21px; margin-right: 5px; padding: 0 10px; background: #fe2717; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 15px; line-height: 21px; letter-spacing: 0; font-weight: bold; color: #fff; vertical-align: 6px; border-radius: 10px }


#sec_live.vis dl.news_item.video dt { position: static; display: block; height: 48px; padding-bottom: 10px; font-size: 34px; font-weight: bold; color: #fff; letter-spacing: -0.075em }
#sec_live.vis dl.news_item.video dt > span.live_badge:after { display: none }
#sec_live.vis dl.news_item.video dt > span.desc { display: inline; vertical-align: top }
#sec_live.vis dl.news_item.video dt > br { display: none }
#sec_live.vis dl.news_item.video dt > span.live_badge { display: inline-block }

dl.news_item.video dd.desc { display: none }
dl.news_item.video dd.rel { margin-top: 11px; font-size: 15px }
dl.news_item.video dd.rel.over { visibility: hidden; opacity: 0; transition: ease all 0.5s }
dl.news_item.video dd.rel a { color: #fff}
dl.news_item.video dd.rel a:before { content: ' '; display: inline-block; width: 7px; height: 7px; margin-right: 6px; border: solid 2px #c5c5c5; border-top: 0; border-right: 0; box-sizing: border-box;}
#sec_live.vis #sec_live_mov_id { float: left; width: 825px; height: 464px; margin-right: 0; transition: ease all 0.4s }
#sec_live.vis #sec_live_mov_id iframe { width: 825px; height: 464px; transition: ease all 0.4s }
.live_video_box { padding-left: 186px; transition: ease all 0.4s }
#sec_live.vis .live_video_box { padding-left: 20px }
#sec_live.vis dl.news_item.video dd.rel.over { visibility: visible; opacity: 1 }
#sec_live.vis .larger_box { display: block; position: absolute; left: 710px; top: auto; bottom: 35px }

#sec_live .chat { display: none }
#sec_live.vis .chat { float: left; display: block; width: 330px; height: 464px;}

.sec_live_btns { position: absolute; top: 22px; right: 20px }
.sec_live_btns a { display: inline-block; width: 94px; height: 29px; background: url('http://image.chosun.com/main/spe/cs_top_live_edu_2018_ico.png') no-repeat; font-size: 0; vertical-align: top }
.sec_live_btns a.btn_larger { background-position: -200px 0px }
.sec_live_btns a.btn_smaller { background-position: 0px 0px }
.sec_live_btns a.btn_close { background-position: -100px 0px; width: 74px }

.sec_live_btns a.btn_larger:hover { background-position: -200px -50px }
.sec_live_btns a.btn_smaller:hover { background-position: 0px -50px }
.sec_live_btns a.btn_close:hover { background-position: -100px -50px }

section.art_list#sec_live .sec_inner .btn_layer_close {width:20px; height:20px;top:20px; right:20px; background-position:-336px -372px;}
a.btn_view_larger{position:static; bottom:20px; right:20px; font-size:12px;  }
a.btn_view_larger span {position:relative; display:inline-block; color:#868b96}
a.btn_view_larger span:before{content:""; display:inline-block; margin:1px 5px 0 0; width:14px; height:13px; background:url(http://image.chosun.com/main/201803//icon_common.png) no-repeat -216px -34px; vertical-align: top}

#sec_live.clo dl.news_item.video dd.thumb { width:0; height: 0 }
#sec_live.clo dl.news_item.video dt { position: static; font-size: 24px }
#sec_live.clo .chat { width:0; height: 0 }
#sec_live.clo dl.news_item.video dt > span.live_badge { display: inline-block }
#sec_live.clo dl.news_item.video dt > br { display: none }
section.art_list#sec_live.clo .sec_inner { height: 75px; padding-top: 15px }
#sec_live.clo .live_video_box { padding-left: 20px }
#sec_live.clo dl.news_item.video dt > span.desc { display: inline-block; margin-left: 5px; vertical-align: 2px }
#sec_live.clo {}
#sec_live.clo dl.news_item.video dt > span.live_badge:before { vertical-align: 3px }

.sec_live_btns a.btn_larger { display: inline-block}
.sec_live_btns a.btn_smaller { display: none }
.sec_live_btns a.btn_close { display: inline-block}

#sec_live.vis .sec_live_btns a.btn_larger { display: none }
#sec_live.vis .sec_live_btns a.btn_smaller { display: inline-block}
#sec_live.vis .sec_live_btns a.btn_close { display: inline-block}

#sec_live.clo .sec_live_btns a.btn_larger { display: inline-block}
#sec_live.clo .sec_live_btns a.btn_smaller { display: none }
#sec_live.clo .sec_live_btns a.btn_close { display: none }

#sec_live dl.news_item dd.thumb > a { display:  block; width: 100%; height: 100% }
#sec_live dl.news_item dd.thumb > a > #mediaplayer { width: 100%!important; height: 100%!important }

.sec_live_banner { width: 100% }
.sec_live_banner .sec_inner { position: relative; width: 1196px; height: 75px; margin: 20px auto 10px; padding: 20px 0; padding-top: 15px; box-sizing: border-box; background: #373d4a url('http://image.chosun.com/main/spe/cs_top_live_zzoda_2018_bg.jpg') no-repeat center top; }
.sec_live_banner .live_video_box { padding-left: 20px }
.sec_live_banner dl.news_item { position: relative; margin-top: 0; letter-spacing: -0.075em }
.sec_live_banner dl.news_item dt { display: inline-block; padding-bottom: 4px; font-size: 24px; line-height: 1.6; font-weight: bold; color: #fff; }
.sec_live_banner dl.news_item dt > span.live_badge { display: inline-block; height: 23px; margin-right: 5px; padding: 0 10px; background: #fe2717; font-family: '맑은 고딕', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 15px; line-height: 21px; letter-spacing: 0; font-weight: bold; color: #fff; vertical-align: 3px; border-radius: 10px; }
.sec_live_banner dl.news_item dt > span.desc { display: inline-block; margin-left: 5px; padding-top: 2px; font-size: 14px; font-weight: normal; color: #fff; letter-spacing: -0.05em; opacity: 0.5; vertical-align: 2px }

/* end */