/************base***********/

@charset "utf-8";


/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-size:14px;line-height:1.25em}
body.s,.s input,.s textarea,.s select,.s button,.s table{font-family: "NanumGothic", "나눔고딕","NanumGothicWeb", "바른고딕", "Malgun Gothic", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }
body{position:relative;background-color:#fff;color:#666}
body.s{-webkit-text-size-adjust:none}
img,fieldset{border:0}
ul,ol{list-style:none}
table{border-collapse:collapse}
td{color:#777777; font-size:14px; font-family:"NanumGothic", "나눔고딕","NanumGothicWeb", "맑은고딕", "Malgun Gothic", Helvetica, Arial, Verdana, sans-serif; }
em,address{font-style:normal}
a{color:inherit;text-decoration:none}
.a a:visited,.a a:visited .tlst_d,.a a.slst_a:visited .slst_t,.a a:visited .rklst_h,.a a:visited .tlst3_h,.a a:visited .tlst_dw1,.a a:visited .slst_h,.a a:visited .slst_th_st,.a a:visited .sct_h,.a a:visited .tlst2_d,.a a:visited .tlst6_s,.a a:visited .slst3_t{color:#888}
.en{letter-spacing:0}
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }
/* Layout */
#ct{clear:both;width:100%}
.ct{background-color:#fff}

/* Font Size */
.header,.h,.toif,.tv,.tvlb,.fvsv,.app,.rlink,.tip,.fot{font-size:14px;line-height:17px}
.s3{font-size:15px}
.fzoom{font-size:16px}
.fzoom.s3{font-size:17px}
.fzoom2{font-size:18px}
.fzoom2.s3{font-size:19px}


a, a:link { color:#777; text-decoration:none; font-size:14px; font-family:"NanumGothic", "나눔고딕","NanumGothicWeb", "맑은고딕", "Malgun Gothic", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; line-height:13px } 
a:visited{ color:#777;text-decoration:none;font-size:14px;line-height:13px }
a:hover { color:#ed462b;text-decoration:none;font-size:14px;line-height:13px }
a:focus { color:#777;text-decoration:none;font-size:14px;line-height:13px }
a:active { color:#ed462b;text-decoration:none;font-size:14px;line-height:13px }
h1{font-size:15px;font-weight:bold; color:#666666}

#header{ vertical-align:top;width:100%}
#header img { vertical-align:top}
#header .topLine {width:100%; height:5px;background:#c43337}
.top_nav {background: url(/images/headTop_bg.gif) repeat-x left bottom ;width:100%;height:50px;margin:0;padding:0px}
#header .top_nav span {float:right;vertical-align:top;margin-top:5px; margin-right:8px}
.le{float:right ;margin-right:2px}
.tdBg {background: url(/images/td_bg.gif) repeat-x left bottom #f3f3f3; padding:6px 8px }
.tdBg_right {background: url(/images/td_bg.gif) repeat-x left bottom #f3f3f3; border-left:1px solid #dddddd}



.titleD {background: url(/images/icon_bullet.png) no-repeat 0 50%;padding-left:45px; text-align:left}
.titleF { text-align:left}
.titleG { text-align:right}

.qna_title {background:#f3f3f3;padding:5px 10px}
.qna_title span {color:#c43337}

.onair {padding-top:7px;text-align:center;min-height:25px;height:auto;vertical-align:middle; background-color:#d7d7d7} /*height:25px;*/
.notice {padding:3px 5px 6px 5px}
.notice li  {padding:5px 0}


.qt {}
/*.qt li {display:inline-block; padding:6px 2px;border:1px solid #d6d6d6; margin: 2px 2px;border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }*/
.qt li {display: inline-block;}
.qt li img {padding:6px 2px;border:1px solid #d6d6d6;margin: 2px 2px;border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px;}
#qtBox li img {}
.qtBg {background: url() repeat-x left top ;width:100%;height:165px;margin:0;padding-top:6px;}

#qtBox { width:100%;text-align:center; border:0px solid #333; }

@media screen and (min-width:500px) {
#qtBox { width:100%;text-align:center; border:0px solid #333; height:85px; }

#qtBox .qt li {display:inline}
#qtBox .qt li img {width:58px; padding:6px 1px;border:1px solid #d6d6d6;margin: 2px 1px;border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px;}
}



#more {background: url(/images/more_bg.gif) repeat-x left top ;width:100%;height:40px;}
.more30{cursor:pointer;vertical-align:middle}
.more30 p{width: 100%;height: 30px;border:0px solid #333;padding-top:12px}
.more30 p span {font-size: 10px; color: #c1953b; }

.line01 {background-color:#ffffff;width:1px}

.footerBg {background: url(/images/foot_bg.gif) repeat-x left bottom #c43337; height:38px;text-align:center;font-weight:bold;color:#eab8b9;width:50%}
.footerBg a:link { color:#FFFFFF; text-decoration:none; font-size:14px; font-family: "NanumGothic", "나눔고딕","NanumGothicWeb", "맑은고딕", "Malgun Gothic", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;line-height:13px } 
.footerBg a:visited{ color:#FFFFFF;text-decoration:none;font-size:14px;line-height:13px }
.footerBg a:hover { color:#FFFFFF;text-decoration:none;font-size:14px;line-height:13px }
.footerBg a:focus { color:#FFFFFF;text-decoration:none;font-size:14px;line-height:13px }
.footerBg a:active { color:#FFFFFF;text-decoration:none;font-size:14px;line-height:13px }


.footerBg_right {background: url(/images/foot_bg.gif) repeat-x left bottom #c43337; border-left:0px solid #a04244; height:38px;text-align:center;font-weight:bold;color:#eab8b9;width:50%}
.footerBg_right a:link { color:#FFFFFF; text-decoration:none; font-size:14px; font-family: "NanumGothic", "나눔고딕","NanumGothicWeb", "맑은고딕", "Malgun Gothic", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;line-height:13px } 
.footerBg_right a:visited { color:#FFFFFF;text-decoration:none;font-size:14px;line-height:13px }
.footerBg_right a:hover { color:#FFFFFF;text-decoration:none;font-size:14px;line-height:13px }
.footerBg_right a:focus { color:#FFFFFF;text-decoration:none;font-size:14px;line-height:13px }
.footerBg_right a:active { color:#FFFFFF;text-decoration:none;font-size:14px;line-height:13px }



.footerBg_bottom {height:50px; background-color:#ffffff; border:0px solid #cacaca;color:#595959; font-size:14px;text-align:center }
.footerBg_bottom a:link { color:#595959; text-decoration:none; font-size:14px; font-family: "NanumGothic", "나눔고딕","NanumGothicWeb", "맑은고딕", "Malgun Gothic", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; line-height:13px } 
.footerBg_bottom a:visited{ color:#595959;text-decoration:none;font-size:14px;line-height:13px }
.footerBg_bottom a:hover { color:#595959;text-decoration:none;font-size:14px;line-height:13px }
.footerBg_bottom a:focus { color:#595959;text-decoration:none;font-size:14px;line-height:13px }
.footerBg_bottom a:active { color:#595959;text-decoration:none;font-size:14px;line-height:13px }

.footerBg_bottom footer { font-size:11px;text-align:center }

.bibleArea {color:#666666;font-weight:normal}
.title_bg{height:37px;border-bottom:1.5px solid #D6D6D6;} /*background: url(/images/title_bg.jpg) repeat-x left bottom ;*/
.title h2{color:#000; font-size:20px;text-align:center ;font-weight:600;margin-top:3px; margin-right:50px;border:0px solid #333}

.mac_bg{height:37px;border-bottom:1.5px solid #D6D6D6; border-top:1px solid #E8E8E8;} /*background: url(/images/mac_bg.jpg) repeat-x left bottom ;*/
.mac {}
.mac ul{text-align: center; height:40px;width:100%}
.mac span {padding:0 2px; font-weight:bold;font-size:12px}
.rod {padding:6px 2px;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6; width:50%;text-align:center }

/**********************���̺� poll***********************/
.table_out {border:1px solid #e4e4e7;padding:0px;width:100%;background: url(/images/t_bottom.gif) repeat-x left bottom}

.table_A  {table-layout:auto;border-collapse:collapse;margin:0 auto;width:100%;background:#fafafb;border-top:1px solid #d3d3d3;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;border-bottom:0px solid #d3d3d3}
.table_A td {;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-bottom:0px solid #e4e4e7;padding:4px 4px 4px 8px;font-weight:bold; color:#666666}
.table_A td.td_left{text-align:left}


.bottom_bg01{margin-top:10px;padding-bottom:1px;background: url(/images/t_bottom.gif) repeat-x left bottom}
.table_B  {table-layout:auto;border-spacing:6px;border-collapse:collapse;margin:0 auto;width:100%;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;border-top:0px solid #d3d3d3;}
.table_B th{;text-align:center;padding:6px; height:31px;color:#666666;background: url(/images/td_blue.gif) repeat-x left top;font-size:14px;font-weight:bold}
.table_B td{border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;padding:3px;text-align:center;height:24px; font-family:나눔고딕, Arial, Verdana, sans-serif;color:#777; height:28px;}
.table_B td.td_left{text-align:left}
.table_B a:link td {color:#666}
.table_B a:hover.blue_link {color:#3470b5;border-bottom:1px solid #3470b5;}


.input01{height:20px;line-height:20px;border:1px solid #c0c0c0;font-size:14px;margin:0;padding:0}
.input02{height:22px;line-height:22px;border:1px solid #c0c0c0;font-size:14px;margin:0;padding:0}

.input_hc_select{height:19px;line-height:19px;border:1px solid #c0c0c0;font-size:14px;margin:0;padding:1px}

.qna {height:20px;line-height:20px;border-top:1px solid #dddddd;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;font-size:14px;margin:0;padding:0;background:#ffffff;width:97%}
td.qna01{font-weight:bold;text-align:right}

.hc_input01{border:1px solid #abadb3;font-size:14px;padding:1px; height:20px;line-height:20px;vertical-align:middle}
.hc_input02{border:1px solid #f9f9f9;font-size:14px;padding:6px;}

.apply {height:20px;line-height:20px;border-top:1px solid #dddddd;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;font-size:14px;margin:0;padding:0;background:#ffffff}
td.apply01{font-weight:normal;text-align:left}
.apply02 {text-align:center;color:#c43337;font-weight:600}
.apply_title {color:#000;font-weight:600;padding:10px;font-size:15px}
.apply_title_info {background:#f2f2f2;padding:2% 2% 2px 5%;color:#000;line-height:22px}
.apply_title_info  ul {margin:10px}
.apply_title_info > ul li { display:inline-block ;background:#c43337;border-radius:18px ;padding:2px 8px 0;font-size:11px;font-weight:600}

/* paginate */
.paginate{padding:10px 0;text-align:center}
.paginate a,.paginate strong{display:inline-block;position:relative;_width /**/:17px;margin-right:1px;padding:2px 4px 3px;border:1px solid #fff;color:#000;font-family:Verdana;font-size:11px;font-weight:bold;line-height:normal;text-decoration:none}
.paginate strong{border:1px solid #e9e9e9;color:#f23219 !important}
.paginate .pre{margin-right:6px;padding:5px 6px 2px 14px;_padding-bottom:1px;background:url(/images/bu_pg3_l_off.gif) no-repeat 6px 7px !important;letter-spacing:-1px}
.paginate .next{margin-left:4px;padding:5px 14px 2px 6px;_padding-bottom:1px;background:url(/images/bu_pg3_r_off.gif) no-repeat 62px 7px !important;letter-spacing:-1px}
.paginate a.pre{background:url(/images/bu_pg3_l_on.gif) no-repeat 6px 7px !important}
.paginate a.next{background:url(/images/bu_pg3_r_on.gif) no-repeat 30px 7px !important}
.paginate .pre,.paginate .next{display:inline-block;position:relative;top:0;_top:-2px;_width /**/:75px;border:1px solid #e9e9e9;color:#ccc;font-family:"NanumGothic", "나눔고딕","NanumGothicWeb", "맑은고딕", "Malgun Gothic", Helvetica, Arial, Verdana, sans-serif;font-size:11px;line-height:normal}
.paginate a.pre,.paginate a.next{color:#565656}
.paginate a:hover{border:1px solid #e9e9e9;background-color:#f7f7f7 !important}

/* //paginate*/
.bbs{padding:3px 0 8px 0;text-align:center}

.lst01{border:0px solid #f4f4f4;width:100% ;min-height:122px;height:auto;background: url(/images/li_bg.jpg) repeat-x left bottom #f4f4f4;display:inline-block;} /*height:122px;*/
.lst01:after{ overflow:hidden;clear:both;content:''}
.lst01 .thmb{float:left;width:83px;margin-right:20px;}
.lst01 .cont{width:100%;border:0px solid #333}
.lst01 .cont h1{font-size:14px;padding-bottom:5px}
.lst01 .cont h1 span{float:right}
.lst01 .cont h1 a{color:#333}
.lst01 li{padding-left:1px;line-height:14px}
.lst_thmb p{padding-bottom:5px;line-height:19px}
.lst_thmb p a{color:#333}

.wall_black {background: #353535; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 1px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 1px 1px 3px; box-shadow: rgba(0,0,0,0.3) 1px 1px 3px;margin:0 auto;  width:100%; text-align:center;}
.wall_black:nth-child(1n) { border: none; } /* reset border for smart browsers */
.wall_black { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }


/* detail */
#tbox .tbox_tit {background-color:#feecdc; padding:8px 0px 8px 12px;}
#tbox .tbox_img {padding:10px 10px;text-align:center;}

/* etc */
.im_c{text-align:center;padding:0 10px;}
.fx2{width:100%;}
.fx1{width:95%;padding:5px 5px;text-align:center;}

.mw2013 {position:absolute; top:270px; left:0px; width:100%; height:230px; z-index:30000000000; overflow:hidden}
.mw2013 .back { width:100%; margin:0 auto; height:205px; overflow:hidden}
.mw2013 h1{margin-bottom:5px;font-size:13px;color:#2c2c2c;letter-spacing:-1px;line-height:25px;text-align:center}
.mw2013 ol{text-align:left}
.mw2013 span {text-align:center;margin:0; padding-top:10px;padding-left:0; font-weight: bold; color:#e72e35}
.mw2013 .flexcroll{overflow:auto; width:98%; height:158px;background:#e2e2e2;-webkit-overflow-scrolling: touch; font-size:11px; text-align:left; padding:5px;}
.mw2013 .mwBox { position:relative; height:200px; background-color:#e2e2e2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }


/*button*/ 
#bt a.button 
{
   display :inline-block;
   border: 1px solid #005D92;
   background: #2599e2;
   background: -webkit-gradient(linear, left top, left bottom, from(#85C1E8), to(#3395CD));
   background: -webkit-linear-gradient(top, #85C1E8, #3395CD);
   background: -moz-linear-gradient(top, #85C1E8, #3395CD);
   background: -ms-linear-gradient(top, #85C1E8, #3395CD);
   background: -o-linear-gradient(top, #85C1E8, #3395CD);
   background-image: -ms-linear-gradient(top, #85C1E8 0%, #3395CD 100%);
   padding: 2px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   color: #FFFFFF;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   vertical-align: middle;
   }
#bt a:link.button {
   border: 1px solid #005D92;
   background: #2599e2;
   background: -webkit-gradient(linear, left top, left bottom, from(#6CB5E4), to(#007CC2));
   background: -webkit-linear-gradient(top, #6CB5E4, #007CC2);
   background: -moz-linear-gradient(top, #6CB5E4, #007CC2);
   background: -ms-linear-gradient(top, #6CB5E4, #007CC2);
   background: -o-linear-gradient(top, #6CB5E4, #007CC2);
   background-image: -ms-linear-gradient(top, #6CB5E4 0%, #007CC2 100%);
   color: #FFFFFF;
   text-decoration: none;
   }
#bt a:hover.button {
   border: 1px solid #005D92;
   background: #2599e2;
   background: -webkit-gradient(linear, left top, left bottom, from(#6CB5E4), to(#007CC2));
   background: -webkit-linear-gradient(top, #6CB5E4, #007CC2);
   background: -moz-linear-gradient(top, #6CB5E4, #007CC2);
   background: -ms-linear-gradient(top, #6CB5E4, #007CC2);
   background: -o-linear-gradient(top, #6CB5E4, #007CC2);
   background-image: -ms-linear-gradient(top, #6CB5E4 0%, #007CC2 100%);
   color: #FFFFFF;
   text-decoration: none;
   }
#bt a:active.button {
   border: 1px solid #005D92;
   background: #6CB5E4;
   background: -webkit-gradient(linear, left top, left bottom, from(#007CC2), to(#007CC2));
   background: -webkit-linear-gradient(top, #007CC2, #6CB5E4);
   background: -moz-linear-gradient(top, #007CC2, #6CB5E4);
   background: -ms-linear-gradient(top, #007CC2, #6CB5E4);
   background: -o-linear-gradient(top, #007CC2, #6CB5E4);
   background-image: -ms-linear-gradient(top, #007CC2 0%, #6CB5E4 100%);
   color: #FFFFFF;
   }
   


.AllBtn { width:100%;}
.AllBtn h1 { color:#c43337;margin:0; height:22px;padding-top:8px;padding-left:8px}

.AllBtn ul { clear:both; width:100%; }
.AllBtn ul:after { content:'.'; display:block; height:40px; clear:both; visibility:hidden; }
.AllBtn ul li { display:inline; float:left; position:relative; width:100%;height:36px;font-size:14px; margin-bottom:8px;padding-top:5px;padding-left:10px;
     background:#f5f5f5;
    -webkit-box-shadow:rgba(0,0,0,.15) 0 1px 1px;
    -moz-box-shadow:rgba(0,0,0,.15) 0 1px 1px;
    box-shadow:rgba(0,0,0,.15) 0 1px 1px;
    /*박스 쉐도우가 익스9에서 표시되게 하려면 첫줄 문서 타입에 <!DOCTYPE html>과 박스 쉐도우가 들어갈 CSS클래스에 보더 콜랩스를 추가해야된다 border-collapse:separate; */
    box-shadow:rgba(0,0,0,.15) 0 1px 3px \0/IE9; /* CSS 핵 \0/IE9; */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    _margin-left:expression(this.previousSibling==null?'0':'4px');}
	
.AllBtn ul li:first-child { margin-left:0;}
.AllBtn ul li a { display:block; cursor:pointer;height:36px;
	background:#f5f5f5;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(249,249,249,1)),color-stop(100%,rgba(240,240,240,1)));
	background:-webkit-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
	background:-moz-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
	background:-o-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
	background:-ms-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
	background:linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:inset 0 0px 1px rgba(255,255,255,.97);
	-moz-box-shadow:inset 0 0px 1px rgba(255,255,255,.97);
	box-shadow:inset 0 0px 1px rgba(255,255,255,.97);
 }
.AllBtn ul li a:nth-child(1n) { border-color:#f6f6f6;vertical-align:middle }
.AllBtn ul li a:hover {vertical-align:middle;}
.AllBtn ul li .curve-down { display:inline-block; _display:inline; _zoom:1; border:1px solid #e0e0e0; border-top-color:#efefef; border-bottom-color:#ccc; }
.AllBtn ul li .curve-down:nth-child(1n) { border:none;
    -webkit-border-radius:0% 0% 100% 100% / 0% 0% 8px 8px;
    -moz-border-radius:0% 0% 100% 100% / 0% 0% 8px 8px;
    border-radius:0% 0% 100% 100% / 0% 0% 8px 8px;
    -webkit-box-shadow:rgba(0,0,0,.30) 0 2px 3px;
    -moz-box-shadow:rgba(0,0,0,.30) 0 2px 3px;
    box-shadow:rgba(0,0,0,.30) 0 2px 3px;
}
.AllBtn ul li a img { display:block;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}

.btn_red {
    background: #ce2b28;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    border-radius: 5px;
    padding: 10px;
    font-weight: 600;
}


/*button*/
a.button {display: inline-block;background: #c83001;color: #FFFFFF; font-size: 13px; font-weight: 500; text-decoration: none; vertical-align: middle; padding: 4px 8px; border: #c83001 0px solid; border-radius: 40px }
a:link.button {background: #c83001;color: #FFFFFF;vertical-align:top}
a:hover.button {background: #b12a01; text-decoration: none;color: #FFFFFF;}
a:active.button {background: #c83001;color: #FFFFFF;}

/* 방송시간 */
.mt10 {margin-top: 10px}
.mt20 {margin-top: 20px !important}
#wrap{width:100%;margin:0;background-color:#fff;padding-bottom: 2%}
#wrap-inner {margin: 0 2%;overflow: hidden;position: relative;padding-top: 2%;}
.onair_visual_live {position: relative;width: 100%;height: 120px;overflow: hidden;margin: 0 auto;padding: 0;vertical-align: top;background: url('/images/photo-live.jpg') no-repeat 50% 50%;background-size: cover;}
#nowtimes{color:#CE2F3D}
.livecontainer {display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;width: 100%;}
.live {width: 100%;background-color: #fff;border-radius:3px;padding:5px  20px;padding-bottom:10px;margin-bottom:1%;margin-top:0}
.live h3 span{color:#CE2F3D;font-size:14px;font-weight:300}
.live_txt ol li {text-align:left;padding-bottom:5px;padding-top:5px;line-height:22px;font-size:15px;list-style-position:outside;}
.youtubeLiveImg{width:60%}

@media (min-width: 600px) {
.youtubeLiveImg {width: 60%}
/*.live{width: 32.6%;margin-top: 0;margin-bottom:1%;background-color: #fff;border-radius:3px;padding:5px  20px;padding-bottom:10px;margin-right:1%;}
.live:nth-of-type(3n) {margin-right:0;margin-left:0;width: 32.5%;margin-top:0;margin-bottom:1%;}
.live h3 span{color:#CE2F3D;font-size:14px;font-weight:300}
.live_txt ol li {text-align:left;padding-bottom:5px;padding-top:5px;line-height:22px;font-size:15px;list-style-position:outside;}*/
}

@media (min-width: 1024px) {
.youtubeLiveImg {width: 30%}
/*.live{width: 13.6%;margin-top: 0;background-color: #fff;border-radius:3px;padding:5px 6px;padding-bottom:10px;margin-right:1%;margin-bottom:0}
.live:nth-of-type(2n){width: 13.6%;margin-top:0;background: url('../images/m-bg.png');border-radius:3px;padding:5px 6px;padding-bottom:10px;margin-right:1%;margin-left:0;margin-bottom:0}
.live:nth-of-type(3n){width: 13.6%;margin-top:0;background: url('../images/m-bg.png');border-radius:3px;padding:5px 6px;padding-bottom:10px;margin-right:1%;margin-left:0;margin-bottom:0}
.live:nth-of-type(7n){width: 12.3%;margin-top:0;background: url('../images/m-bg.png');border-radius:3px;padding:5px 6px;padding-bottom:10px;margin-right:0;margin-left:0;margin-bottom:0;}
.live h3 span{color:#CE2F3D;font-size:14px;font-weight:300}
.live_txt ol li {text-align:left;padding-bottom:5px;padding-top:5px;line-height:22px;font-size:18px;list-style-position:outside;}*/
}
/* 방송시간 */


/* onAir */
.onair_time{padding-top:2%; padding-bottom:2%; text-align:center;overflow:hidden;width:100%;background:#dedede;font-size:15px;}
.live_txt {width:100%;}
.live_txt ol {list-style:decimal;margin-left:4%;margin-right:3%;padding:2%}
.live_txt ol li {text-align:left;padding-bottom:5px;padding-top:5px;line-height:22px;list-style-position:outside;}
.sermon_btn {padding:2%;text-align:center ;overflow:hidden;font-size:22px}
.sermon_btn img{margin:0 10px;width:26px;border:0px solid #333;}
.sermon_btn i img{width:15px;vertical-align:middle;margin-right:2px}
.sermon_btn  i{vertical-align:middle;margin:0 3px;padding:6px 12px 5px 2px;border-radius:25px;color:#134563;font-size:15px;background-color:#e1e1e1}

@media (min-width: 600px) {
 .onair_time{padding-top:2%; padding-bottom:2%;text-align:center;overflow:hidden;width:100%;background:#dedede;font-size:16px}
.sermon_btn {padding:2%;text-align:center ;overflow:hidden;width:100%;font-size:22px}
.live_txt ol li {text-align:left;padding-bottom:5px;padding-top:5px;line-height:24px;list-style-position:outside;font-size:16px;font-weight:normal}
.sermon_btn img{margin:0 10px;width:26px;border:0px solid #333;}
.sermon_btn i img{width:15px;vertical-align:middle;margin-right:2px}
.sermon_btn i{vertical-align:middle;margin:0 3px;padding:6px 12px 5px 2px;border-radius:25px;color:#134563;font-size:16px}
}

@media (min-width: 1024px) {
.onair_time{padding-top:2%; padding-bottom:2%;text-align:center;overflow:hidden;width:100%;background:#dedede;font-size:16px}
.sermon_btn {padding:2%;text-align:center ;overflow:hidden;width:100%;font-size:22px}
.live_txt ol li {text-align:left;padding-bottom:5px;padding-top:5px;line-height:24px;list-style-position:outside;font-size:18px}
.sermon_btn img{margin:0 10px;width:26px;border:0px solid #333;}
.sermon_btn i img{width:15px;vertical-align:middle;margin-right:2px}
.sermon_btn i{vertical-align:middle;margin:0 3px;padding:6px 12px 5px 2px;border-radius:25px;color:#134563;font-size:18px}
}