/* CSS Document */

/* 설교동영상 */

#broadcast {width:100%; padding:15px; background:#ebebeb; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

#broadcast h1 {margin-bottom:10px;}

.broad_content {width:100%; padding:10px; background:#f8f8f8; overflow:hidden; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.onair_movie {width:48%; float:left; margin-bottom:20px; margin-right:4%;}
.embed_container {position:relative; padding-bottom:75%; height:0; overflow:hidden; max-width:100%;}
.embed_container iframe,.embed_container object,.embed_container embed,.embed_container video {position:absolute; top:0; left:0; width:100%; height:100%;}

.onair_info {width:48%; float:left; margin-bottom:20px;}
.onair_info > dl {margin-bottom:5px;}
.onair_info > dl dt {width:100%; display:block; margin-bottom:5px; font-family:"dotum"; font-weight:bold; font-size:12px; line-height:15px; padding:6px 0 2px; color:#fff; text-align:center; background:url(/on-air/image/bg_onair_tit.gif) left top repeat-x;}
.onair_info > dl dd {font-family:"dotum"; font-size:12px; line-height:20px; padding-left:14px; background:url(/on-air/image/list_blit3.gif) 4px 6px no-repeat;}
/*.onair_info > dl dd span {display:inline-block;}*/
.sermon_mtit {color:#096996;}
.sermon_textarea {width:100%;}

.onair_latest {clear:both; width:100%;}
.onair_latest > h2 {font-family:"dotum"; font-weight:bold; font-size:12px; line-height:15px; color:#fff; text-align:center; padding:6px 0 2px; margin-bottom:5px; background:url(/on-air/image/bg_onair_tit.gif) left top repeat-x;}
.onair_list > li {display:block; padding:5px 0; border-bottom:1px dotted #ccc;}
.onair_list > li:last-child {border-bottom:none;}
.slist_table li {font-family:"dotum"; line-height:20px; padding-left:14px; background:url(/on-air/image/list_blit3.gif) 4px 6px no-repeat;}
.slist_tit {color:#096996;}


/* 설교동영상 프리미엄 */

#onair_pre {width:816px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.onair_pre_logo {width:100%; height:80px; border-bottom:1px solid #969797; background:url(/on-air/image/bg_pre_mtit.gif) repeat-x;}
.pre_movie_tit {display:inline-block; font-size:16px; line-height:40px; color:#fff; padding:0 30px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; float:left; border:1px solid #808080; margin:20px 0 0 20px; background:#202020; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.onair_pre_logo > img {float:right; margin-right:10px;}

.onair_pre_content {width:100%; overflow:hidden;}
.pre_latest {width:485px; float:left; border-right:1px solid #969797;}
.pre_movie {width:100%;background:#000000;}
.pre_mbox {position:relative; padding-bottom:75%; height:0; overflow:hidden; max-width:100%}
.pre_mbox iframe,.pre_mbox object,.pre_mbox embed,.pre_mbox video {position:absolute; top:0; left:0; width:100%; height:100%;}

.pre_sermon {width:100%;}
.pre_sermon > h2 {font-size:16px; line-height:40px; text-align:center; color:#fff; border-bottom:1px solid #969797; background:#3f464e;}
.pre_sermon_latest {width:100%; padding:10px; background:#6b7076; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.latest_view {width:100%; height:170px; padding:15px; background:url(/on-air/image/bg_latest_view.gif) repeat; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.latest_view dl dt {font-size:14px; line-height:20px; color:#202020; margin-bottom:10px;}
.latest_view dl dd {font-family:"dotum"; font-size:12px; line-height:18px; color:#202020;}
.latest_view > p {height:40px; font-family:"dotum"; font-size:12px; line-height:20px; color:#202020; padding:5px 0; white-space:nowrap; overflow:hidden; text}

.pre_slist {width:330px; float:left; padding:10px; background:url(/on-air/image/bg_slist.gif) repeat; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pre_slist_menu {width:100%; height:30px; padding:5px 0; position:relative;}
#popup_menu {position:absolute; right:0; top:0;}

.pre_slist_latest {border:1px solid #d7d8d9;}
.pre_slist_latest li {display:block; width:100%; padding:8px 5px; border-bottom:1px dotted #d7d8d9; cursor:pointer; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pre_slist_latest li:last-child {border-bottom:none;}
.pre_slist_latest li > img {float:left;}
.plist_info {margin:0 0 0 92px;}
.plist_info dt {font-family:"dotum"; font-size:12px; line-height:16px; font-weight:bold; color:#fff; margin-bottom:4px;}
.plist_info dd {font-family:"dotum"; font-size:12px; line-height:16px; color:#eaeaea;}



@media screen and (max-width: 414px) {
	
	.onair_movie,.onair_info {width:100%; float:none;}	
	.onair_movie {margin-right:0;}
	
	#onair_pre {width:100%;}
	.pre_movie_tit {display:none;}
	.pre_latest {width:100%; float:none; border-right:none; border-bottom:1px solid #969797;}
	.pre_slist {width:100%; float:none;}
}

@media screen and (max-width: 320px) {
	#broadcast {min-width:320px;}
	#onair_pre {min-width:320px;}	
}