@charset "utf-8";
body{background:#ebecee;}
#contents h2{clear:both; font-weight:bold; font-size:116%; padding:0 0 5px 0;}
#wrap{position:relative; overflow:hidden; width:1000px; margin:0 auto; background:#ebecee;}
#head{position:relative; overflow:hidden; padding:0 20px;background:#2f56b4;}
.assembly{background:#00b3a6;}
.record{background:#e735b7;}
#head h1{float:left; width:100%; margin:0 auto; text-align:center; font-weight:bold; font-size:175%; line-height:60px; color:#fff; letter-spacing:-1px;}
#head h1 span{display:inline-block; padding:0 15px 0 0; vertical-align:middle; font:bold 140% arial; }
#head .right{position:absolute; top:17px; right:24px;}
#head .right li{float:left; padding-left:10px;}
#head .right li.size{padding-top:5px;}
#head .right li.size a{border-radius:3px;padding:3px;font-size:.9em;font-weight:bold;color:#00aed2;background:#fff}
#head .logo{position:absolute; top:10px; left:24px; font-size:175%; line-height:100%; letter-spacing:-1px;}
#head .logo a {display:block; width:200px; text-decoration:none;}
#head .logo a * {float:left}
#head .logo a img{vertical-align:top; width:200px; margin:0 0.4em 0 0;}
#head .logo a div {width:75%;}
#head .logo a strong{width:100%; margin:0.1em 0 0.2em 0; text-shadow:0 0 1px #fff; line-height:105%;}
#head .logo a span{padding:0 0 0 0.3em; font-size:41%; line-height:100%; color:#5e5e5e;}

#contents{overflow:hidden; padding:30px 0;}
#contents .left{float:left; width:654px;}
#contents .right{float:right; width:300px; padding:10px; background:#fff;}
#contents .bottom{clear:both; width:100%; padding:10px 0 0 0;}

#vodplayer{width:654px; height:382px; margin:0 0 11px 0; padding:8px; background:#fff; border:1px solid #d1d3d6;}
#vodplayer #mediaplayer{width:654px; height:382px; background:url(/assembly/images/vodpopup/player_bg.jpg) no-repeat #000;}
#vodplayer #mediaplayer_wrapper{height:382px;}
#vodplayer .logo{overflow:hidden; width:100%; padding:17px 0 0 0;}
#vodplayer .logo em{float:left;}
#vodplayer .logo .faq{float:right; padding:14px 0 0 0;}

#member{position:relative;z-index:2;}
#member .speaker{display:none; overflow:hidden; padding:5px; border:1px solid #d1d3d6; background:#fff; height:100px;font-weight:bold; font-size:105%;}
#member .speaker.on{display:block;}
#member .info{display:inline-block;}
#member .info dt{display:inline-block;}
#member .info dt.picture {overflow:hidden}
#member .info dt img{width:81px;}
#member .info dd{display:inline-block; width:190px; padding:5px 0 0 5px;vertical-align:top;}
#member .info dd ul li{padding:0 0 4px 8px; background:url(/assembly/images/common/bullet/bul_dotGray.gif) no-repeat 0 6px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#member .info dd ul li.end{margin-top:3px; background:none;}
#member .info dd ul li.end a{display:inline-block; margin:0 1px; padding:5px 10px; font-weight:normal; font-size:90%; color:#fff; background:#0095b2;}

#vod_agenda{margin-top:17px;}
#vod_agenda ul{position:relative; overflow-y:scroll; height:204px; margin:0;padding:0;list-style:none;list-style-type:none;}
#vod_agenda ul li{overflow:hidden; width:270px; margin:0; border:1px solid #fff;border-radius:3px;padding:3px; font-size:13px;line-height:1.3em}
#vod_agenda ul li span{display:inline-block; vertical-align:top;}
#vod_agenda ul li.on {border:1px solid #00aed2;}
#vod_agenda ul li.on a{font-weight:bold;color:#00aed2;}
#vod_agenda ul li.on span.runtime{font-weight:bold;color:#00aed2;}
#vod_agenda ul li span.type{margin-right:3px;border:1px solid #999;border-radius:3px;padding:2px;width:40px;font-size:11px;font-weight:bold;line-height:1.1em;color:#fff;text-align:center;background:#e9e9e9;}
#vod_agenda ul li span.type.R{color:#666}
#vod_agenda ul li span.type.A{border-color:#a60;background-color:#fa3;}
#vod_agenda ul li span.type.P{border-color:#195;background-color:#2c6;}
#vod_agenda ul li span.type.E{border-color:#660;background-color:#bc0;}
#vod_agenda ul li span.type.N{background-color:#666;}
#vod_agenda ul li span.type.M{border-color:#146;background-color:#05a;}
#vod_agenda ul li span.type.Q{border-color:#816;background-color:#c9f;}
#vod_agenda ul li span.type.S{border-color:#068;background-color:#2bf;letter-spacing:-1px;}
#vod_agenda ul li span.type.O{border-color:#a40;background-color:#f60;}
#vod_agenda ul li span.type.Z{border-color:#a40;background-color:#483D8B;}
#vod_agenda ul li span.agenda{padding:0 0 0 7px;width:210px;}
#vod_agenda ul li span.runtime{float:right; color:#8b8b8b; font-size:90%;}

#vod_minutes{clear:both; position:relative; overflow:hidden; width:978px; padding:10px; background:#fff;}
#vod_minutes .title{position:relative; overflow:hidden;}
#vod_minutes .title h2{float:left;}
#vod_minutes .title .opt{float:right;}
#vod_minutes .title .opt li{float:left; padding:3px 15px; line-height:24px;}
#vod_minutes .title .opt li.first{background:url(/assembly/images/vodpopup/vod_line.gif) right center no-repeat;}
#vod_minutes .title .opt li.first a{font-weight:bold;}
#vod_minutes .title .opt li.facebook,
#vod_minutes .title .opt li.twitter{padding-left:0; padding-right:0;}
#vod_minutes .title .opt li.print{padding-left:5px; padding-right:0;}
#vod_minutes .title .opt li.print a{padding:4px 5px 6px 25px; color:#fff; background:url(/assembly/images/vodpopup/vod_print.png) 5px center no-repeat #000;}
#vod_minutes ul{margin:0;padding:0;list-style:none;list-style-type:none;}

#vod_minutes #assembly{position:relative; overflow-y:scroll; height:360px; background:#fff;}
#vod_minutes #assembly .none{padding-top:15%; text-align:center;}
#vod_minutes #assembly li.timeblock {margin:0 0 10px;border:1px solid #fff;border-radius:3px;padding:0px;list-style:none;list-style-type:none;}
#vod_minutes #assembly li.timeblock:hover {cursor:pointer;}
#vod_minutes #assembly li.timeblock.on {border-color:#2f56b4;color:#2f56b4;}
#vod_minutes #assembly li.timeblock.on:hover {cursor:default;}
#vod_minutes #assembly li.timeblock .speech {margin:0 0 15px;}
#vod_minutes #assembly li.timeblock .speech .speaker {display:inline-block;border:1px solid #999;border-left-width:3px;border-radius:3px;padding:3px;font-weight:bold;background:#fff}
#vod_minutes #assembly li.timeblock .speech:first-child .speaker {border-color:#2f56b4;border-radius:20px 3px 3px 20px;color:#000}
#vod_minutes #assembly li.timeblock.on .speech .speaker {border:1px solid #2f56b4;border-radius:0 3px 3px 0;color:#fff;background:#2f56b4}
#vod_minutes #assembly li.timeblock .speech .lines {margin:10px;}
#vod_minutes #assembly li.timeblock .speech .lines p {line-height:1.5em}

#vod_minutes #assembly li.timeblock .speecno {margin:0 0 15px;}
#vod_minutes #assembly li.timeblock .speechno .speaker {display:inline-block;border:1px solid #999;border-left-width:3px;border-radius:3px;padding:3px;font-weight:bold;background:#fff}
#vod_minutes #assembly li.timeblock .speechno:first-child .speaker {border-color:#2f56b4;border-radius:20px 3px 3px 20px;color:#000}
#vod_minutes #assembly li.timeblock .speechno .lines {margin:10px;}
#vod_minutes #assembly li.timeblock .speechno .lines p {line-height:1.5em}
#vod_minutes #assembly li.timeblock .speechno:first-child .speaker,
#vod_minutes #assembly li.timeblock .speechno .speaker{border:1px solid #666;border-radius:3px;color:#333;}

/* 생방송 */
.live #vodplayer{margin:0 auto;}
.live .comment { margin: 20px auto 0; width: 940px; }
.live .comment_tit { border: 1px solid #d1d3d6; border-bottom: 0; padding: 8px !important; background: #e5e5e5; }
.live .comment_con { border: 1px solid #d1d3d6; padding: 8px; background: #fff; max-height: 150px; overflow-y: auto; }

/* 2018-05-29 */
body {min-width:320px;}
#head.headSection {padding:15px 20px;}
#head.headSection .vodTitle {font-size: 1.35em; font-weight: 400; line-height: 140%;}
#contents.cntSection {padding:20px 0; min-width:320px;}
#wrap.wrapSection {width: 100%;}
/* #vodplayer.vodSection {height: 375px;box-sizing:border-box;padding:8px;} */
#vodplayer.vodSection {box-sizing:border-box;padding:8px;}
#vodplayer.vodSection #mediaplayer {width: 100%; height: 100%; background-size:contain;}
#vodplayer.vodSection .video-js.vjs-16-9,
#vodplayer.vodSection .video-js.vjs-4-3,
#vodplayer.vodSection .video-js.vjs-fluid {width: 100%; height: 100%; padding-top: 0;}
#vodplayer.vodSection .video-js .vjs-tech {position: static;}

/*영상사이즈변경*/
#vodplayer.vodSection  {width:940px; height:612px; } /*1 -> 2 넓이값에 맞춰 2숫자변경*/

/**
1024미만
**/
@media screen and (max-width:940px) { /*2*/
	h2{margin:10px; margin-bottom:0;}

	#head .logo,
	#head .right{position:static; width:100%; text-align:center;}
	#head .logo img{height:35px;}
	#head h1{float:none;}

	#wrap{width:100%;}

	#contents{width:100%;}
	#contents .left{width:100%;}
	#contents .right{clear:both; float:left; width:100%; padding:0;}

	#member .speaker{padding-bottom:15px; border:0; border-bottom:1px solid #bbb;}

	#vodplayer{width:98%; height:187px;}
	#vodplayer #mediaplayer{position:relative; overflow:hidden; margin:0 auto; width:90%; height:187px; background:url(/assembly/images/vodpopup/player_bg_s.jpg) no-repeat center center #444;}

	#vod_agenda{padding-bottom:15px; border:0; border-bottom:1px solid #bbb;}
	#vod_agenda ul{overflow:auto; height:auto;}
	#vod_agenda ul li{width:98%;}
	#vod_agenda ul li span.agenda{width:87%;}

	#vod_minutes{width:98%;}
	#vod_minutes #assembly{position:relative; overflow:auto; height:auto;}

	/* 2018-05-29 */
	#head.headSection .vodTitle {font-size: 1.2em;}
	.video-js {width: 100%;}
	#vodplayer.vodSection {height:auto; width: 100%;}
	#vodplayer.vodSection .video-js.vjs-16-9, #vodplayer.vodSection .video-js.vjs-4-3, #vodplayer.vodSection .video-js.vjs-fluid {position:relative; padding-top:56.5%;}
	#vodplayer.vodSection .video-js .vjs-tech {position: absolute;}

	.live .comment { width: 100%; }
	.live .comment_tit { margin: 10px 0 0; }

}