body { margin:0px; padding:0px; position:relative; }
body * { font-family:'NanumSquare'; letter-spacing:-0.3px; }
img{ max-width: 100%; }
.d1 { position:relative; width: 100%; display: inline-block; }

.d1 > img { width:100%;  }

.d2 { text-align:center; width:300px; background:#594053; padding:50px 0px; margin:0 auto 50px; }
.p1 { color:#fff; font-size:36px; font-weight:700; margin-top:20px; }
.d3 {padding:15px; border:1px solid #ddd; margin-top:30px; }

.row { text-align:center; }
.row p.name { font-size:22px; margin-top:20px; font-weight:600; }
.row img { margin-bottom:10px; max-width:100%; }
.desc { font-size:18px; color:#777; }
.email { font-size:16px; color:#aaa; }
.d4 ul li { width:10%; border:1px solid #ddd; padding:10px 0px; text-align:center; }
.table1 th.manager { background:#b36828; font-size:20px;}

.d3 table td { vertical-align:middle!important; text-align:center; max-width:385px; }
.d3 table .manager { background: #cab57e; font-size: 20px; color:#fff; text-align:center; }
.d3 table tr:nth-child(1) { background:#b38b26; color:#fff; font-size:17px; text-align:center; }

.d3 table tr { font-size:16px; }
.d3-back {     background: #f5f5f5;
  font-weight: 600; text-align:center; }

@media (min-width: 1200px) { .container { width: 1200px!important; } }

input[type="password"] { font-family: auto; }

#login-hello { font-size:21px; line-height:35px; font-weight:bold; }

.mm-panels > .mm-panel > ul > li > a { font-size:18px !important; }
.mm-menu.mm-offcanvas { z-index:2 !important; }
.mm-panels > .mm-panel > ul > li.my-menu-login a { display:inline-block !important; font-size:17px!important; border:0px!important; box-shadow:none !important;  color:#aaa !important; padding:0px 10px!important; }
.mm-panels > .mm-panel > ul > li.my-menu-login a:hover { color:#fff !important; }
.mm-panels > .mm-panel > ul > li.my-menu-login { padding:10px; background:#2e2e2e; }
.mm-panels > .mm-panel > ul > li.my-menu-login > div { padding:0px; text-align:right;}
.mm-panels > .mm-panel > ul > li.my-menu-login div { display:block !important;  }
.mm-panels > .mm-panel > ul > li.my-menu-login:hover { background:#2e2e2e !important; }
.mm-opened > a { color:#fff !important; }
.mm-vertical > .mma1 { color:#fff; }
.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { padding-top:0px !important; }
.mm-menu .mm-listview>li a { box-shadow: inset 0 1px rgba(255,255,255,.1); }
.mm-next:before { border-left-width:0px !important; }
.mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after { border-color:#fff !important;  }
.mm-menu .mm-listview>li a[name='selected'] { color:#cab57e !important; font-size:17px; }
#mm-1 > ul > li { cursor:pointer; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background:#fff!important; }
.cNav { position:absolute; top:0px; }
.cNav.fa-angle-left { left:-40px; font-size:40px; color:#777; cursor:pointer; }
.cNav.fa-angle-right { right:-40px; font-size:40px; color:#777; cursor:pointer; }
.cTableWrap { overflow-x:hidden; margin:30px  auto 30px;  }
.cTable { table-layout:fixed; transition:all ease 0.3s; display:none; margin:0 auto; }
.cTable td { font-size:18px; text-align:center; padding:10px 0px; border:1px solid #ddd; transition:all ease 0.3s; }
.cTable td a { color:#555; text-decoration:none; }
.thumb_image{ width:100%!important; }
.main_slide01 { position:relative; }
.swiper-container { width: 100%; }
.swiper-slide img { width:100% !important; }
.swiper-slide {
        font-size: 18px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}

.chan-ul { margin:30px 0; }
.chan-ul li.on {
    color: #fff;
    background: #cab57e;
}
.chan-ul li.on a { color:#fff; }
.chan-ul li:hover a {
    color: #cab57e;
    transition: all ease 0.3s;
}
.chan-ul li a { vertical-align:middle; color:#555; text-decoration:none; }
.chan-ul li { list-style:none; float:left; width:20%; text-align:center; font-size: 18px;
    padding: 10px 0px;
    border: 1px solid #ddd;
    transition: all ease 0.3s; border-box:box-sizing; }

.imgbar_center_text a {
	display: inline-block;
	padding: 10px 70px;
	color: #fff;
	font-size: 22px;
	border: 5px solid #fff;
	text-decoration: none;
	overflow: hidden;
	vertical-align: middle;
	background: transparent;
	overflow: hidden;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	position: relative;
	z-index: 10;
	border: 4px solid #fff; 
	font-weight:100;
	margin-top:15px; 
	border-radius:15px; 
}

.imgbar_center_text a:hover {
  color: #fff;
}

.imgbar_center_text a:hover:before {
  -webkit-transform: translateX(0) skewX(-17.62deg);
  -ms-transform: translateX(0) skewX(-17.62deg);
  transform: translateX(0) skewX(-17.62deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.imgbar_center_text a:before {
  z-index: -1;
  content: "";
  display: block;
  background: #cab57e;
  width: 120%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateX(-101%) skewX(-17.62deg);
  -ms-transform: translateX(-101%) skewX(-17.62deg);
  transform: translateX(-101%) skewX(-17.62deg);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.chan-man-ul { text-align:center; margin-top:30px; }
.chan-man-ul li { display:inline-block!important; padding:0 15px!important; }
.chan-man-ul p { margin:10px 0; }
.chan-dot { margin-right:10px; width:20px; }
.chan-man { position:absolute; top:-10px; right:0; }
.chan-man p { margin:10px 0; }
#chan-detail > div > div > div {margin:20px 0; position:relative; }
#chan-detail h3 { margin:0; font-size:25px; font-weight:bold; position:relative; overflow:hidden; } 
#chan-detail h3 span {overflow:hidden; z-index:2; background-color:#fff;  padding: 0 20px 0 0;}
#chan-detail h3:after { content: ""; position: absolute; top: 50%; left: 0; right: 0; border-top: solid 1px #cab57e; z-index: -1; }
#chan-detail .chan-cont { margin:15px 0 0; padding:0 30px; position:relative; }
#chan-detail .chan-cont p { font-size:17px; line-height:30px;}
#chan-detail .chan-cont h4 { font-size:20px; font-weight:normal; line-height:40px; }
#chan-detail .chan-cont ul { padding:0; }
#chan-detail .chan-cont li { font-size:19px; padding:5px 0; list-style:none;}
#chan-detail .chan-cont li img { margin-right:5px; }
#chan-detail .chan-cont .link { color:#000; text-decoration:none; padding:10px 15px; font-size:20px; background-color:#0859a0; border-radius:10px; margin:5px 0 0; color:#fff; display:inline-block; }
#chan-detail .chan-cont .link:hover { background-color:#A85D23; transition:0.2s all;}
.chan-ul2 li { width:50%; float:left; }

.user_color { color : #cab57e; }
.user_bgcolor { background:#cab57e !important; } 
.user_bordercolor { border-color:#cab57e; }
.main_section1 .col-xs-12 div:hover { border-bottom-color:#cab57e; }
.week_info table:hover, .thumb_box:hover, .widget_normal:hover { border-bottom-color:#cab57e; }
.thumb_image { width:100%; }
.ms2_nav li.active { background:#cab57e; }
.depth2 li a:hover { background:#cab57e;  }
.swiper-pagination-widget .swiper-pagination-bullet-active { background:#cab57e; color:#fff !important; }
.board .btn { color: #fff; }
.pagination a.active,.pagination a:active, .pagination a:focus { text-decoration:none; background-color: #cab57e; color:#fff; }
.pagination a:hover { color:#cab57e; }
.apply-submit { background-color: #cab57e !important; } 
.bd_rd_prev:hover *, .bd_rd_next:hover * { color: #cab57e; }
.gallery_content_box:hover { border-bottom:5px solid #cab57e; }
#bus .t1, #bus .xs-t1-info { border-top:3px solid #cab57e; }
#bus2 { border:3px dotted #cab57e; }
.VivaTimeline dl dd .circ { background-color:#cab57e; }
.cTable td:hover { border-bottom:3px solid #cab57e; }
.cTable td:hover a { color:#cab57e;  }
.xm .nav li.active { background:transparent; }
.nav li.active { background: #cab57e; }
#main-menu > li > a:hover { border-top:4px solid #cab57e!important; }
.d4 ul li.active { background: #cab57e; }
.d4 ul li:hover { color: #cab57e; border-bottom:3px solid  #cab57e;}
.VivaTimeline dl dt { background: #cab57e; }
.main_apply_button span:hover { background: #cab57e; }
#totop div {  background: #cab57e; }
#mm-1 > ul > li:hover > a.mma1 { color: #ffe193 !important; }
.td1 ul li.active, .td2 ul li.active, .td3 ul li.active { color:#cab57e;  }
.d5 ul li a { border-color:#cab57e; }
.plan { color:#cab57e; }
.month_info { border-top:3px solid #cab57e; border-bottom:1px solid #cab57e; }
.month_info tr th { background:#cab57e; color:#fff; }
.new_icon { color:#cab57e; }
.cTable td.on { color:#fff; background:#cab57e; }
.cTable td.on a { color:#fff; }
.blist td a.active { color:#cab57e; }
#rev_slider_1059_1_wrapper video { width:auto !important; height:100% !important; top:0px !important; left:50% !important; }
.slidemark { max-width:60% !important; height:auto !important; margin:0 auto !important; display:block; }
.main_slide01 { visibility:visible !important; overflow:inherit !important; }
.uranus { visibility:visible !important; opacity: 1 !important; }
#video_area { width:960px; height:540px; border:1px solid #ddd; background:rgba(0,0,0,0.6); text-align:center; margin:0 auto; position:relative;}
.mvw { padding:0px; } 
svg { width:100%; height:100% !important; }
.p1 a { color:#868684; text-decoration:none !important; }
.sermon_list_u1 li { color:#868684; }
.sermon_list_u1 li span.user_bgcolor { color:#fff !important; }
.sermon_list_u1 { position:absolute; bottom:50px;  width:100%; }
.sermon_list_u12 { bottom:0!important; position:relative!important; }

#mainbxslider li p { margin:0px; }
.header { position:fixed; top:0px; width:100%; z-index:400; padding:30px 0px; text-align:center; transition:.4s all; }   
.scrollHeader { padding:15px 0px; text-align:center; background:#fff; }
.scrollHeader #main-menu > li > a { color:#000; font-size:20px; text-decoration:none; font-weight:500; font-family:'NanumSquare';  padding:15px 0px 10px 0px !important; border-top:4px solid transparent;} 
.scrollHeader .hamburger-inner, .scrollHeader .hamburger-inner::before, .scrollHeader .hamburger-inner::after { background:#000!important; }
#main-menu { list-style:none; padding:0px; margin:0px; display:inline-block; position:relative; right:-90px; }
#main-menu > li { padding:0 15px; display:inline-block;  }
#main-menu > li > a { color:#fff; font-size:20px; text-decoration:none; font-weight:500; font-family:'NanumSquare';  padding:10px 0px 0px 0px !important; border-top: 4px solid transparent; }
.indicator { color:#fff; font-size:90px;  position: absolute; top: 50%; z-index: 10; cursor: pointer; margin-top:-60px; }
.rightIndicator { right:50px; }
.leftIndicator { left:50px; }

.p-table td { word-break: keep-all; }

.main-div{ background-image:url('/layouts/chonhodong_newLayout/images/2.sermon_bg.jpg'); background-size: 2100px 1000px; background-repeat: no-repeat; background-attachment: fixed; }
.main_slide01 .bottom { position:absolute; bottom:-71px; z-index:1; }
.main_slide01 .bottom table { width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0px;}
.main_slide01 .bottom img { margin-right:10px; }
.main_slide01 .bottom table td {  font-size:22px; padding:20px 0; text-align:center; background:#cab57e; color:#fff; border-right:1px solid white;}
.main_slide01 .bottom table td:hover { background:#dcb140; transition:.3s all; }

.main_slide01 #mainbxslider li div { background-size: cover !important; background-position: center !important; }

.main_section1 { padding:50px 0; text-align:center; }
.main_section1 .col-xs-12 > div { border:1px solid #ddd; border-bottom:5px solid #ddd; transition:all ease 0.3s; box-shadow: 0 4px 36px rgba(29,30,31,.1); background:#fff; }
.main_section1 .col-xs-12 img { width:100%; }
.main_section1 .col-xs-12 .p1 { text-align:center; font-weight:600; font-size:20px; margin-top:15px; }
.main_section1 .col-xs-12 .p2 { color:#868684; font-size:17px; text-align:center; font-weight:bold; }
.widgetTableA td.title a { color:#868684 !important; }
.main_section1 .col-xs-12 .p3 { text-align:center; margin-top:20px; margin-bottom:20px; }
.main_section1 .col-xs-12 .p3 span { padding:8px 30px; color:#fff; font-size:18px;  border-radius:4px; display:inline-block; position:relative; left:0;  }
.main_section1 .col-xs-12 .p3 span a { text-decoration:none; color:#fff; }
.main_section1 .col-xs-12 div table { width:90%; margin:10px auto; }
.main_section1 .col-xs-12 div table td { font-size:17px; color:#616161; padding:9px 12px; border-bottom:1px solid #ddd; line-height:inherit; }
.main_section1 .col-xs-12 div table tr:last-child td { border-bottom:0px; }

.main_section3 > h3 { margin:0 0 40px; font-size:30px; font-weight:bold; position:relative; overflow:hidden; } 
.main_section3 > h3 span {overflow:hidden; z-index:2; background-color:#fff;  padding: 15px 25px;}
.main_section3 > h3:after { content: ""; position: absolute; top: 50%; left: 0; right: 0; border-top: solid 1px #cab57e; z-index: -1; }

.video_left_img { margin-top:80px; }

.widget_normal {    border: 1px solid #ddd;
    border-bottom: 5px solid #ddd;
    transition: all ease 0.3s; background:#fff;
    box-shadow: 0 -2px 16px rgba(29,30,31,.1); }
.widget_normal table { width:90%; margin:27px auto; }
.widget_normal table td { font-size:17px; color:#616161; padding:10px; border-bottom:1px solid #ddd; line-height:inherit; }
.widget_normal table tr:last-child td { border-bottom:0px; }

.main_slide02 { position:relative; height:780px; }
.main_slide02 .container { position:absolute; top:50px; text-align:center; left: 50%; margin-left: -585px; }

.main_slide02 .p1 { color:#fff; font-size:28px; font-family:'NanumSquare'; margin-top:20px; }
.sermon_list_u1 { margin:0px; padding:0px; list-style:none; text-align:center; }
.sermon_list_u1 li { color:#fff; font-family:'NanumSquare'; margin-right:0px; display:inline-block; vertical-align:top; cursor:pointer; transition:all ease 0.2s;  }
.sermon_list_u1 li span { font-size:22px;  padding:5px 10px; border-radius:4px; transition:all ease 0.2s;  display:inline-block; }
.sermon_list_u1 li a { color:#fff; text-decoration:none !important; }
.sermon_list_u1 li:last-child { margin-right:0px; }
#main_slide02_img { transition:all ease 0.2s; max-width:100%; }

.tinted-bg-blur {
    z-index: -2;
    opacity: 0;
    position: absolute;
    height: auto;
    display: block;
    top: 0;
    max-height: none;
    /* Add this CSS to remove transparent border around the image */
}
.main_section4 { border-top:1px solid #ddd; padding:35px 0px; }


/*메인동영상이미지컨트롤*/
.main_section1_div { position:relative; }
.dy_play_img { position:absolute; top: 40%; left:0; width:100%; }
.dy_play_img img { margin:0 25px; cursor:pointer; }


/*동영상 및 텍스트 start*/
.main_section2_div{display:inline-block;}
.main_section2_div #sermon-content a { font-size:28px; text-decoration:none; color:#cab57e !important;; }
.main_section2_div #sermon-content a span { color:#868684; font-size:20px; display:inline-block; margin:10px 0;} 
.main_section2_div #sermon-content a strong { font-size:20px; font-weight:bold; font-weight:normal; color:#868684; }
.main_section2 { position:relative; }
.span_right_img{ float:right; }
.text_right_content{ margin-top:30px; }
.span_left_date{ font-size:20px; color:#969696;}
.span_center_title{ width:100%; font-size:35px; color:#555555; margin-bottom:30px; font-weight:600;}
.span_center_speaker{ font-size:20px; margin:0px; color:#808080; font-weight:700;}
.span_center_bible{ font-size:20px; margin:0px; color:#808080; font-weight:700;}
.margin_bottom{ margin-bottom:30px; }
.text_center_ellipsis{
	display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	margin-top:20px;
}
margin_bottom > a:link{ text-decoration:none; }
/*동영상 및 텍스트 end*/


#subtop_ver2 { height:515px; }
#subtop_ver3 {     background-size: cover !important; background-position: center !important; }

#mm-1 > ul > li .mma1 { color:#fff!important; }

/*이미지 위에 글씨 start*/
	.imgbar_main { position:relative; text-align:center; }
	.imgbar_center_text { 
	  font-size: 22px;
    color: white; 
    left:0;
    top: 23%;
    position: absolute;	
    width:100%;
	}
	.imgbar_center_text p:nth-child(1){ font-size:40px; }
	.imgbar_center_text p:nth-child(1) > span{ font-weight:700; }
/*이미지 위에 글씨 end*/

.ms2_nav_wrap { width:981px; margin:35px auto; position:relative; overflow-x:hidden; }
.ms2_nav { list-style:none; margin:0px; padding:0px; white-space:normal; width:100%; transition:all ease 0.3s; }
.ms2_nav li {  border:1px solid #ddd; border-left:0px; float:left; text-align:center; font-size:18px; padding:10px 0px; }
.ms2_nav li.active { color:#fff; font-weight:600; }
.ms2_nav li:first-child { border-left:1px solid #ddd; }

.main_section3 { /*width:980px;*/ margin:25px auto; }
.main_section3 .row { display:flex; margin-top:15px; margin-bottom:15px;  }
.thumb_box { border-bottom:5px solid #ddd;  transition:all ease 0.3s; border-left:1px solid #ddd; border-right:1px solid #ddd;  }
.thumb_box img { max-width:100%; }
.thumb_text { padding:15px;   }
.t_title { font-size:20px; font-weight:600; }
.t_desc { font-size:18px; color:#868484; height:85px; }

#prev, #next { font-size:30px; color:#a9a6a4; }
#prev { position:absolute; top:40px; left:55px; cursor:pointer; }
#next { position:absolute; top:40px; right:55px; cursor:pointer; }


#sitemap { text-align:center; list-style:none; padding:0px; margin:0px; }
#sitemap > li { display:inline-block; vertical-align:top; text-align:left; width:17%; }
#sitemap > li:last-child { width:inherit; }
#sitemap > li > ul { list-style:none; padding:0px; margin:0px; margin-top:5px; }
#sitemap > li > a { color:#000; font-size:18px; font-weight:600; }
#sitemap > li > a:hover { text-decoration:none; color:#cab57e!important; transition:.3s all; }
#sitemap > li > ul > li { padding:3px 0px; }
#sitemap > li > ul > li > a { color:#868684; font-size:17px; }
#sitemap > li > ul > li > a:hover { text-decoration:none; color:#cab57e!important; transition:.3s all; }

.footer { background:#373737; padding:50px 0px; }

.f1 { overflow:hidden; margin-bottom:15px; }
.member_menu { color:#fff; margin-top:10px; }
.member_menu span { padding-left:30px; font-size:16px; }
.member_menu span a { color:#78b9ff; text-decoration:none; }
.f2_title { color:#ffe193; font-size:17px; }
.f2_box  {  padding-top:30px; }
.f2_text { color:#c0c0c0; font-size:17px; line-height:35px; margin:0; }
.f2_box a { color:#c0c0c0; font-size:17px; text-decoration:none; }

#totop { position:fixed; bottom:0px; right:0px; text-align:right;  padding-right:20px; display:none; z-index:9999; }
#totop div { padding:10px 20px; display:inline-block; border-top-left-radius:4px; border-top-right-radius:4px; cursor:pointer; }
#totop div i { color:#fff; font-size:16px; }

.copyright { background:#2e2e2e; }
.copyright p { margin:0 auto; text-align:left; font-size:17px; color:#fff; padding:20px 0px; }


.sub-arrow { display:none; }  

.sm-simple ul { background:none; z-index:999;  }

.depth2  { padding:10px !important;  border-radius:4px; left:50% !important; top:45px !important; border:1px solid #ddd; z-index:9999; }
.depth2 li {  border-top:0px !important; }
.depth2 > li { width:200px; border-bottom:1px solid #dfdfdf; }
.depth2 > li:last-child { border:0px; }
.depth2 li a { color:#777 !important; font-family: 'NanumSquare'; font-size:17px !important; font-weight:500; padding:12px 15px !important; }
.depth2 li a:hover { color:#fff !important; transition: all ease 0.3s; font-family: 'NanumSquare'; font-weight:500; padding:12px 15px !important; }
.depth2 li:hover span i { color:#fff !important; }
.depth2:before {
    content:'';
    display: block;
    border-color: transparent transparent rgb(255, 255, 255) transparent;
    border-style: solid;
    border-width: 10px;
    /* The border on the drop down box  */
    position: absolute;
    top: -20px;
    left: 45%;
    margin-left: -10px;
}

.join-desc { font-size:20px; line-height:30px; text-align:center; border: 3px solid #cab57e !important; padding:15px 0; border-radius:15px; margin-bottom:30px; }

.depth3 {  padding:5px !important;  border-radius:4px;  border:1px solid #ddd; padding-left:30px;}
.depth3 li a { font-size:18px !important; padding:9px 10px !important; }
.depth3 li a:hover { font-size:18px  !important;  padding:9px 10px !important;  }
.depth2 li .ng { margin:0px; }
.depth2 li .ng a { font-size:16px !important; padding:8px 0px 5px !important; }

.hamburger { color:#fff; font-size:24px; position:absolute; right:0px; top:11px; cursor:pointer !important; }
.header .container { position:relative; }

#my-menu{ background:#373737; max-width:240px; }
.subtop { position:relative; overflow:hidden; height:320px; visibility:hidden;  background-repeat:no-repeat!important;  }
.subtop_title { text-align:center; color:#fff; font-size:38px; position:absolute; top:45%; width:100%; }

.submenu { border-bottom:1px solid #ddd; }
.submenu table td { padding:13px 20px; font-size:18px; border-left: 1px solid #ddd; color:#868684;  }
.submenu table td:last-child { border-right:1px solid #ddd; }

.content { padding-top:50px; padding-bottom:50px; }

.sub_title { text-align:center;  }


.sub_content_title { font-size:36px; font-weight:600; margin-top:30px; text-align:center; padding-bottom:20px;  }
.sub_content_title, .sub_content_title a { color:#333; text-decoration:none; }

.td1, .td2 { position:relative; cursor:pointer; }
.td1 ul, .td2 ul { z-index:1000; position:absolute; top:0px; padding:0px; margin:0px; list-style:none;     top: 53px; left: -1px; display:none; }
.td1 ul li, .td2 ul li { background:#fff; padding:10px 20px; border:1px solid #ddd;  width:220px; border-top:0px; font-size:18px; }
.td1 ul li a, .td2 ul li a { color:#000; text-decoration:none; }


.td3 { position:relative; cursor:pointer; }
.td3 ul { z-index:1000; position:absolute; top:0px; padding:0px; margin:0px; list-style:none;     top: 53px; left: -1px; display:none; }
.td3 ul li { background:#fff; padding:10px 20px; border:1px solid #ddd;  width:180px; border-top:0px; font-size:18px; }
.td3 ul li a { color:#000; text-decoration:none; }


.widgetContainer { margin: 0 -15px; }
.thumb_box { margin-bottom:40px; background:#fff;     box-shadow: 0 -2px 16px rgba(29,30,31,.1); }

.pager img { cursor:pointer; }

.sermon_indicator { position:absolute; top:40%; color:#fff;  cursor:pointer; }
.sermon_prev { left:370px; }
.sermon_next { right:370px; }

.depth2 > li { position:relative; }
.caret-down { position:absolute; right:3px; top:8px;  }

.blist_select { width:100%;  padding:5px; font-size:16px; background:#fff; }
.blist_error { text-align:center; font-size:18px; font-weight:600; margin-top:60px; margin-bottom:60px; }
.mejs__container { margin-top:52.125% !important; }
.mm-vertical li .online { color:#fff; } 
.mm-vertical li:hover .online { color:#34b4c7 !important; }
#subbg { position:absolute; left:50%; top:0px; /*width:100%;*/ }
#board_setting { position: absolute;
    bottom: 10px;
    right: 10px;
    width: 25px;  }
    
    


.sns ul { list-style:none; margin:20px auto; overflow:hidden; text-align:center; }
.sns ul li { display:inline-block;   padding:0px 5px;}
.sns ul li a img { width:40px; height:40px; }

#pyo { width:100%; height:100%;  background:RGBA(25,68,92, 0.1); position:absolute; top:0px; left:0px; z-index:3; padding-top:8%; }
#pyo p, #pyo p b { color:#fff; font-size:50px; text-align:center; font-family:'nanumsquare' !important;     opacity: 0.5;  }
#mainbxslider li { max-height:520px; }

.d4 ul { list-style:none; padding:0; margin:0; text-align:center; font-size: 0; }
.d4 ul li { color:#7c8187; font-size:18px; cursor:pointer; display:inline-block; padding:10px 45px; border: 1px solid #ddd; border-right:0px;  transition:all ease 0.3s; }
.d4 ul li:last-child { border-right:1px solid #ddd;; }
.d4 ul li a { color:#000; font-size:18px; color:#777; text-decoration:none; }

.d4 ul li:hover { padding-bottom:7px; }
.d4 ul li.active, .d4 ul li.active:hover, .d4 ul li.active a { color:#fff; }

.sermon-btn { color:#fff; cursor:pointer; font-size:100px; position:relative; margin-top:-50px; display:inline-block; margin-left:30px; margin-right:30px; max-width:90px; }
.wmv_play { color:#fff; cursor:pointer; font-size:100px; position:relative; top:50%; margin-top:-50px; display:block; }

.slash { margin:5px -60px; }

.video_control { position:absolute;  position: absolute; bottom: 110px; z-index:120;  text-align:right;  width:100%;  padding-right:5%; }
.video_control i { font-size:24px; color:#fff; margin-right:8px; cursor:pointer; }

.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { padding-top:0px !important; }
.mm-menu .mm-listview>li a { box-shadow: inset 0 1px rgba(255,255,255,.1); }
.mm-next:before { border-left-width:0px !important; }
.mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after { border-color:#fff !important;  }



.sermon_thumb { height:87px; position:relative; margin-right:10px;  }
#video_area { background-size:100% 100% !important; }
#video_area video { position:absolute; top:0px; left:0px; z-index:100; }

.x input[type=text] { height:inherit !important; }

.sermon_date { font-size:15px; color:#777; margin-left:18px; }

.main_apply_button { text-align:center; position: absolute;
    width: 100%;
    bottom: 25%; }
.main_apply_button span { transition:all ease 0.3s; cursor:pointer; font-weight:600; font-size:20px; color:#fff; padding:10px 30px; border:2px solid #fff; border-radius:20px; background:rgba(255,255,255,0.2); }

.bx-wrapper .bx-controls-direction a { margin-top:-35px !important; }

.play-btn-wrap { text-align:center; position:absolute; top:50%; left:0px; width:100%; margin-top:-35px; }
.play-btn-wrap img { margin:0 auto; cursor:pointer; }

.play-btn { position:relative !important; width:70px !important; height:inherit !important; top:inherit !important; left:inherit!important; margin-left: inherit !important; margin:0 auto !important; }

.video-btn { display:none; cursor:pointer; width:50px; }
#subtop_ver2 { height:515px; }
#subtop_ver3 { background-size: cover !important; background-position: center !important; }
.mm-listview li a:hover { color:#fff !important; }
.thumb_sns_area { overflow:hidden; cursor:pointer; text-align:right; }
.icon_share { float:right; }
.sns_icons { display:none; height:28px !important; }
.sns_icons img { width:28px !important;  height:28px !important; }   
#logo { position:absolute; top:0; left:0; }

.message_box { position:absolute; width:100%; top:55%; left:0px; }
.message_box p { text-align:center; color:#fff; font-size:38px; line-height:130%; }
.message_box p:nth-child(2), .message_box p:nth-child(3) { font-size:26px; }
.message_box p.subtop_button { margin-top:20px;  margin-bottom:0px; position:relative; }

.caption-first, .caption-second, .caption-third { color:#fff; }
.caption-btn a { color:#fff; text-decoration:none; }
.caption-btn a span { padding:11px 36px; border: 1px solid rgba(255,255,255,0.7); border-radius: 40px; transition:all ease 0.3s; }
.caption-btn a span:hover { background:rgba(255,255,255,0.3);  transition:all ease 0.3s;  }

.sermon_list_u1 li.deactive { color:#aaa; cursor:default; }

.main_d4 { margin-top:30px; }

.d5 { text-align:right; }
.d5 ul { list-style:none; }
.d5 ul li { font-size:20px; display:inline-block; padding:0px 15px; }
.d5 ul li a { text-decoration:none; color:#848486; border-bottom:3px solid #000; padding-bottom:5px; }


.cNav { position:absolute; top:0px; }
.cNav.fa-angle-left { left:-40px; font-size:40px; color:#777; cursor:pointer; display:none; }
.cNav.fa-angle-right { right:-40px; font-size:40px; color:#777; cursor:pointer; display:none; }
.cTableWrap { overflow-x:hidden; margin:30px  auto 30px;  }
.cTable { table-layout:fixed; transition:all ease 0.3s; display:none; margin:0 auto; }
.cTable td { font-size:18px; text-align:center; padding:10px 0px; border:1px solid #ddd; transition:all ease 0.3s; }
.cTable td a { color:#555; text-decoration:none; }

.mainC i { top:15px !important; }

.new_counter {
    border-radius: 50%;
    behavior: url(/layouts/erum/pie/PIE.htc); /* remove if you don't care about IE8 */

    width: 25px;
    height: 25px;
    padding: 2px 2px;

    background: #f15544;
    color: #fff;
    text-align: center;
	font-weight:600;
    font-size: 15px;
    display:inline-block;
    position: relative;
    top: -20px;
    left: -5px;
}

.subtop_button { position:absolute; bottom:20%; width:100%; text-align:center; }
.subtop_button a { color:#fff; text-decoration:none; }
.subtop_button a span { font-size:22px; padding:11px 36px; border: 1px solid rgba(255,255,255,0.7); border-radius: 40px; transition:all ease 0.3s; }
.subtop_button a span:hover { background:rgba(255,255,255,0.3);  transition:all ease 0.3s;  }

.mm-listview { font-size:16px !important; }

#mainYoutubeIcon { max-width: 45px;
    position: relative;
    top: -2px; }

.main-video-wrapper { position: absolute;
top: 0;
left: 0;
z-index: 0;
min-height: 100%;
min-width: 100%;
-webkit-transform-style: preserve-3d; }

.ms1_box { position: relative; overflow:hidden; }
.ms1_box:before {
    content: "";
    display: block;
    padding-top: 60%; /* 1:1 비율 */
}
.ms1_box .cont {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; 
}
.ms1_box .cont img { height:100%; }
.mainC { padding-top:30px; }

.main-context { position:absolute; width:100%;  top:50%;; left:0px;  text-align:center; }
.main-context p { color:#fff; }
.main-context p:first-child { font-size:38px; margin-bottom:30px; line-height:180%; }
.main-context p:nth-child(2) { font-size:26px; }
.main-context p:last-child { margin-bottom:0px; }
/*
.main-context p.mp2 { font-size:24px; margin-top:50px !important;  }
*/
.main-context p.subtop_button { position:relative !important; margin-top:30px !important; }


.main-row-box1 { padding:0 5px; }
.main-row-box1 > div { height:365px; }
.main-row-box1 .xe-widget-wrapper { overflow:inherit !important; }
.nw_nav { background:#F7F7F8; }
.nw_nav { width:100% !important; table-layout:fixed; margin:0px auto !important; }
.nw_nav td { font-size:16px !important; border:1px solid #ececec !important; padding:10px 0px !important; text-align:center; color:#aaa !important; cursor:pointer; }
.nw_nav td:first-child { border-left:0px; }
.nw_nav td:last-child { border-right:0px; }
.nw_nav td.on { font-weight:600; background:#fff; }
.nw_box { display:none; margin-top:-7px; }


.main_section1_padding { padding-bottom:50px; }

#bible_list_wrap { border:1px solid #F2F2F2; padding:30px; max-width:950px; margin:30px auto; }
.blist_title { font-size:20px; font-weight:600; }
.blist { width:100%; }
.blist td { width:20%; font-size:16px; padding:5px 0px; }
.blist td a { color:#555; }
.blist td a.active { font-weight:600; }

.blist_select { width:100%;  padding:5px; font-size:16px; background:#fff; }
.blist_error { text-align:center; font-size:18px; font-weight:600; margin-top:60px; margin-bottom:60px; }
.mejs__container { margin-top:52.125% !important; }
.mm-vertical li .online { color:#fff; } 
.mm-vertical li:hover .online { color:#34b4c7 !important; }
#subbg { position:absolute; left:50%; top:0px; width:100%; }

.main-bg-gray { background:#f8f8fa; }

#sermon_content_wrapper { border-bottom:1px solid #ddd; padding:30px 0px 30px; background:#F9F9F9; }
#sermon_content p { font-size:20px; line-height:170%; }


#historyNew .history-tab { padding:0; }
#historyNew .history-tab a { color:#333; text-decoration:none; }
#historyNew .history-tab li { float:left; width:20%; font-size:17px; padding:15px 0;  color:#333; cursor:pointer; border:1px solid #f2f2f2; box-sizing:border-box; list-style:none; text-align:center; margin-bottom:50px; }
#historyNew .history-tab li:hover { background:#cab57e; transition:0.3s all; }
#historyNew .history-tab li:hover a { color:#fff; }
#historyNew .history-tab .active { background:#cab57e; }
#historyNew .history-tab .active a { color:#fff; }

#gyoNew ul { padding:0; margin:20px 0 40px; overflow:hidden; }
#gyoNew ul li { list-style:none; float:left; width:20%; text-align:center; font-size:17px; border-top:1px solid #ddd;  border-right:1px solid #ddd; padding:10px 0; cursor:pointer; }
#gyoNew ul li:hover { background:#ce9a6f; color:#fff; transition:.2s all; }
#gyoNew li.on { background:#ce9a6f; color:#fff; }
#gyoNew ul > li:nth-child(1), #gyoNew ul > li:nth-child(6) { border-left:1px solid #ddd; }
#gyoNew ul > li:nth-child(6), #gyoNew ul > li:nth-child(7), #gyoNew ul > li:nth-child(8), #gyoNew ul > li:nth-child(9), #gyoNew ul > li:nth-child(10) { border-bottom:1px solid #ddd; }

/*쩡의 추가*/
.content .cont  {font-size: 15px; color: #333;}
.content .cont  h2{color: #344ebc; margin-bottom: 30px;}
.content .cont  h4{font-weight: 600;}
/*.content .cont  ul{padding-left: 10px;}*/
.content .cont  .row{padding-bottom: 20px;}
.content .cont  table{font-size: 15px; color: #333;}
.content .cont  table th{font-size: 18px; color: #333;}

.main_slide02 .widgetContainer { margin:0; }
.main_slide02 { margin-top:75px; }
.main_slide02 .container { position:absolute; top:50px; text-align:center; left: 50%; }
.main_slide02 .p1 { color: #fff;
    font-size: 28px;
    font-family: 'NanumSquare';
    margin:0;
    position: absolute;
    bottom: 115px;
    z-index: 3;
    text-align: center;
    width: 100%; }


.next-link a { padding:10px 15px; display:inline-block; font-size:18px;  color:#30b80f; font-weight:bold; text-decoration:none; }
.next-link a img { margin-right:5px; }
.next-link2 a { color:#5BACEF; }
.next-link3 a { color:#3A579C; }
.next-link4 a { color:#EC335C; }

#next-sermon-wrap iframe { width:100%!important; height:200px; }


.pp2{margin: 10px auto;
    font-size: 22px;
    position: relative;
    z-index: 2;
    text-align: center;
}
.pp2:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: solid 1px #aaa;
    z-index: -1;
}
.pp2 span{
    background: #fff;
    font-weight: 600;
    color: #333;
    font-size: 22px;
    text-align: center;
    margin: 0;
    padding: 5px 13px;
   
    display: inline-block;



}


.yang-box { margin-bottom:30px; }


/* next-sermon */

#next-sermon-wrap { padding:40px 0  20px; }
#next-sermon-wrap h5 { font-size: 22px;
    position: relative;
    z-index: 2;
    text-align: center;
    margin-bottom:20px; 
}
#next-sermon-wrap h5 span {
    background: #fff;
    font-weight: 600;
    color: #333;
    font-size: 20px;
    text-align: center;
    margin: 0;
    padding: 5px 13px;
    width: 225px;
    display: inline-block;
}
#next-sermon-wrap h5:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: solid 1px #cab57e;
    z-index: -1;
}
.next-sermon { margin-bottom:20px; text-align:center; }
#next-sermon-wrap a {     padding: 8px 30px;
    color: #fff;
    font-size: 18px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    left: 0;
    background:#cab57e !important;
    text-decoration:none; 
    margin-top:70px; 
    
  }

#cNav_Wrap2 li.on { color: #fff; background: #cab57e;}
#cNav_Wrap2 li.on a{ color:#fff; }
#cNav_Wrap2 li:hover { border-bottom: 3px solid #cab57e; }
#cNav_Wrap2 { padding:0; text-align:center; margin-bottom:30px; }
#cNav_Wrap2 a { color:#333; text-decoration:none; }
#cNav_Wrap2 >li:first-child {     border-left: 1px solid #ddd;}
#cNav_Wrap2 li { list-style:none; display:inline-block; width:210px; font-size: 18px; text-align: center; padding: 10px 0px; border-right: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; transition: all ease 0.3s; }

#main-gyo { margin:30px 0 0;}
#main-gyo p { font-size:21px; margin:0; }
#main-gyo a { color:#333; text-decoration:none;}
#main-gyo p span { display: inline-block; color: #fff; background: #cab57e !important; padding: 3px 10px; border-radius: 5px; margin-right: 15px; }
#main-gyo h5 { font-size: 22px;
    position: relative;
    z-index: 2;
    text-align: center;
    margin-bottom:20px; 
    display: inline-block;
    width: 510px;    
}
#main-gyo h5 span {
	
    background: #f8f8fa;
    font-weight: 600;
    color: #333;
    font-size: 20px;
    text-align: center;
    margin: 0;
    padding: 5px 13px;
    width: 200px;
    display: inline-block;
}
#main-gyo h5:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: solid 1px #cab57e;
    z-index: -1;
}


@media(max-width:992px)
{
	#video_area { width:100%; height:420px;  }
}
@media(max-width:767px)
{

		.tp-bullets {     transform: matrix(1, 0, 0, 1, -70, -30) !important; }

    .nav li { padding:10px 5px; }
    .d2{padding:10px; width:auto; max-width:50%; }
    .d2 > img {width:45px;}
    .p1 { font-size:19px; }
    .row p { font-size:14px; }
    .d3 { padding:0px; }
    .table1 td { font-size:12px; padding:5px 3px; }
    
    .table1 tr:not(.xs) td:first-child, .table1 th:first-child { white-space:nowrap; }
    .table1 td:last-child, .table1 th:last-child { display:none !important; }
    .table1 th { padding:5px 0px; font-size:12px; }
    .table1 tr.xs td {display:table-cell !important; text-align:center; padding:5px 3px !important; }
    
    .d4 ul li { padding: 8px 13px; font-size:16px; }
    .row p.name { font-size:18px; }
    
    .table1 td, .table1 th { font-size:16px; }
    .table1 td.gray { white-space:nowrap; }
    
    .d4 ul li { width:33%; border:1px solid #ddd; }
    .d3 table .manager { font-size:17px!important;     transform: skew(-0.05deg); }
    .d3 table tr { font-size:15px!important;     transform: skew(-0.05deg); }

	.sermon-btn { margin-top:18.125%; }
	#video_area { width:100%; height:auto; padding-bottom: 18.125%;   padding-top:0px;/* 16:9 */ display:none; }
    #video_area iframe {     width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;}
    .sermon_list_u1 { position:relative !important; bottom:10px; padding:0px 30px; } 
	 
}

    .thumb_box { position:relative; }
    .thumb_text { /*height:145px;*/ position:relative; }
    .list_date 
    {
      	font-size: 14px;
    position: absolute;
    bottom: 10px;
    left: 15px;
    color:#868684;
      	}
   	.main_order { position:absolute; top:10px; right:10px; }

@media(max-width:992px)
{   
	#app_nav { display:none; transform: translate3d(0px,0px,0px) !important; position:fixed; height:50px; z-index:999999; background:#fefefe; width:100%; bottom:0px; left:0px; border-top:1px solid #eaeaea; }
	#app_nav table { height:100%;  }
	#app_nav td { text-align:center; vertical-align:middle; font-size:24px; color:#34b4c7; line-height:100%;  }
	#app_nav td img { width:25px; }
}

@media (max-width:768px){
	.video_left_img{padding-left:0px!important; padding-right:0px!important;}
	.text_right_content{ width:100%;}
}

@media(max-width:1903px)
{
	/*#mainbxslider { display:flex; }*/ 
    .bx-wrapper img { max-width:inherit !important; }
    #mainbxslider li { overflow:hidden; display:none; }
    #mainbxslider li img { /*height:100%; width:177% !important; margin-left:-37%;*/  height:100%; left: 50%; position: relative; }
    
}
@media(max-width:1200px)
{
	#main-menu > li {  margin-right:20px; }
	#mainbxslider li video { margin-top:0px; }
	.main_section1 .col-xs-12 div table td { font-size:16px; padding:8px 12px; }
	.main_slide02 .container { margin-left:-600px; }
	#logo { left:15px; }
	.hamburger { right:15px; }
	.main-bg-gray .row { margin:0; }
	.sermon_list_u1 { bottom:30px !important; }
	.t_title { font-size:16px; }
	.t_desc { font-size:18px; }
	.main-row-box1 { padding:15px; }
	.ms1_box:before { padding-top:43%; }
	#subbg { height:120%; width:inherit !important; }
}

@media(max-width:992px)
{
	.logo { width:160px; }
	#main-menu { margin-top:-3px; right:40px; }
	#main-menu > li { padding:0px 5px !important; }
	#main-menu > li > a { font-size:18px; }
	#main-menu > li { margin-right:10px; }
	.glyphicon-search { top:5px; right:10px; }
	
	.depth2 li a, .depth2 li a:hover { font-size:14px !important; }
	.main_section4 .container { width:100%; }
	#sitemap > li > a { font-size:16px; }
	#sitemap > li > ul > li > a { font-size:14px; }
	.main_slide02 .container { margin-left:-375px; }
	.main_slide02 .sermon_list_u1 { position:relative; }
	.sermon_list_u1 { margin-top:65px; }
	.sermon_list_u1 li {  margin:5px auto;  }
	.sermon_list_u1 li span { font-size:17px; }
	.main-row-box1 { margin-top:15px; }
	.main_slide01 .bottom table td { font-size:16px; padding:8px 15px;}
	.hamburger { top:8px; right:15px; }
	.main-row-box1 { padding-left: 5px; padding-right: 5px; }
	.ms1_box:before { padding-top:50%; }
	
	.main_slide02 { display:inline-block; width:100%; height:inherit;  }
	.main_slide02 .p1 { width:100%; bottom:65px; }
	.main_slide02 .container { position:relative; left:0px; margin-left:0px; top:0px; padding:15px 30px; width:100%; }
}

@media(max-width:767px)
{

	#gyoNew ul li { font-size:14px; width:33.333%; transform: skew(-0.05deg); }
	#gyoNew ul > li:nth-child(1), #gyoNew ul > li:nth-child(6) { border-left:none; }
	#gyoNew ul > li:nth-child(1), #gyoNew ul > li:nth-child(4) , #gyoNew ul > li:nth-child(7) , #gyoNew ul > li:nth-child(10) { border-left:1px solid #ddd; }
	#gyoNew ul > li:nth-child(6), #gyoNew ul > li:nth-child(7), #gyoNew ul > li:nth-child(8), #gyoNew ul > li:nth-child(9), #gyoNew ul > li:nth-child(10) { border-bottom:none; }
	#gyoNew ul > li:nth-child(8), #gyoNew ul > li:nth-child(9), #gyoNew ul > li:nth-child(10) { border-bottom:1px solid #ddd; }
	#gyoNew ul { margin:0 0 20px; }	
	.history-tab { overflow:hidden; margin-bottom:30px; }
	#historyNew .history-tab li { width:50%; margin:0; font-size:15px;  }
	#historyNew .history-tab a { transform: skew(-0.05deg); font-weight:bold; }
	.join-desc { font-size:17px; padding:15px; } 
	#main-gyo h5 { width:100%; }
	#main-gyo h5 span {
    background: #f8f8fa;
    font-weight: 600;
    color: #333;
    font-size: 17px;
    text-align: center;
    margin: 0;
    padding: 5px 13px;
    width: 140px;
    display: inline-block;
}
#main-gyo p { font-size:17px; line-height:25px;     text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    width: 100%; }
.main_section1 { padding:20px 0 30px; }
#main-gyo p span { margin-bottom:10px; margin-right:0; }
	#video_area_cont h3 { display:none!important; }
	#video_area_cont h2 {     font-size: 25px!important; margin:0!important; }
	#video_area_cont { top:50px!important; }
	
	#video_area_wrap2 { width:100%!important; border: 5px solid #ddd!important;}
	#video_area_wrap { width:100%!important; border: 5px solid #e3cf9b!important;}
	
	
	.main_slide02 { margin-top:0; }
	#cNav_Wrap2 li { width:25%; float:left; }
	#cNav_Wrap2 { overflow:hidden; }
	#cNav_Wrap2 li { font-size:14px; overflow:hidden; }
	
	
	.sil-ban1 { font-size:20px!important; margin-top:40px!Important; }
	.sil-ban2 { margin-top:20px!important; }
	#chon-sil #main7 { height:auto!important; overflow:hidden; padding:30px 0!important; background-size: auto 100%!important; }
	#chon-sil #main7 > div > div:first-child { font-size:23px!important; text-align:center!important;margin-bottom:15px!important; }
	#chon-sil #main7 div { position:relative!important; float:none!important; width:100%!important; top:0!important; left:0!important;     transform: none!important; }
	#chon-sil #main7 > div { padding:0 15px; }
	#sil2 img { max-width:100px; margin:0 5px; }
	.sil-bottom { font-size:20px!important; padding-top:25px!important; }
	#chon-sil .table-bordered td { font-size:15px!important; }
	.sil-ban4 div { font-size:16px!important; margin:0!important; width:100%!important; height:auto!important; }
	.sil-ban4 div div img { width:100%; margin:15px 0; height:auto!important; }
	.sil-ban5 { font-size:16px!important; }
	.sil-ban6 { overflow:hidden; padding-bottom:30px!important;  }
	.sil-ban6 div { width:100%!important; margin:0!important; text-align:center; margin:10px 0!important; }
	.sil-ban7 { margin:0 0 15px!important; font-size:15px!important; }
	.sil8 > div { padding:30px 15px!important; height:auto!important; overflow:hidden; }
	.sil8 > div div { width:100%!important; text-align:center; font-size:16px!important; }
	
	.board > .container > .row > .col-sm-7 { padding:0!important; }
	.board > .container > .row > .col-sm-5 { padding:0!important; margin-top:15px; }
	.pi p { font-size:17px!important; line-height:150%!important; }
	.p-table td { font-size: 14px!important; min-width: 80px!important; padding: 5px 0!important; transform: skew(-0.05deg)!important; }
	.wp1 { font-size:19px!important; }
	.p0 { font-size:17px!important; }
	.p-ul { font-size:15px!important; padding:0!important; }
	.board_list td { font-size:16px!important; }
	.main-bg-gray { padding:0 15px; }
	.main_section2_div #sermon-content a { font-size:20px; }
	.main_section2_div #sermon-content a span { font-size:17px; }
	.main_section2_div #sermon-content a strong { font-size:17px; }
	#logo { left:15px; top:5px; }
	#my-menu { max-width:220px; }
	.mainC { padding-top:0px; }
	.hamburger { right:10px; top:6px; }
	.content-wrapper { padding:0px; }
	.header { padding:10px 0px; height:55px; }
	.subtop_title { top:45%; font-size:26px; }
	.glyphicon-search { top:3px; right:10px; }
	.submenu table td {font-size:15px; padding:10px 5px; }
	.submenu table td:first-child {display:none; }
	.sub_content_title { font-size:22px; padding-bottom:0px; }
	.content { padding-top:30px; }
	.submenu .container { padding:0px; }
	.dy_play_img img { max-width:50px; }
	#filter { height:100%; }
	.td1 ul { top:46px; }
	.td2 ul { top:42px; }
	.td2 ul li { padding:8px 10px; font-size:18px; color:#868684; }
	
	.td3 ul { top:42px; }
	
	.footer { padding:20px 0; }
	.f1 div { float:none !important; }
	.member_menu span  { padding:0px; padding-right:5px; font-size:16px; }
	.member_menu span:last-child { padding:0px; }
	#chan-detail > .container { padding:0; }
	.f2_box { padding:5px 0;}
	.f2_text { font-size:16px; line-height:170%; }
	#chan-detail h3 { font-size:19px; }
	#chan-detail .chan-cont { padding:0; }
	#chan-detail .chan-cont h4 { font-size:17px; }
	#chan-detail .chan-cont ul { overflow:hidden; }
	#chan-detail .chan-cont li { width:100%; font-size:17px; }
	.chan-man { position:relative; top:0;}
	
	.td2 ul li { padding:5px 10px; font-size:15px; width:170px; }
	.td3 ul li { padding:5px 10px; font-size:15px; width:150px; }
	.main_slide01 .bottom {  }
	.indicator { font-size:30px; display:none;}
	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets 
	{ bottom:10px; right:10px; }
	
	.main_section1 .col-xs-12 div { margin-bottom:15px; }
	.main-row-box1 > div { height:inherit; }
	.chan-ul { overflow:hidden; padding:0; }
	.chan-ul li { width:50%; font-size:17px; }
	
	
	.main_slide02 { display:inline-block; width:100%; height:inherit;  }
	
	.thumb_box { margin-bottom:15px; }
	.main_section3 { width:100%; padding-left:0px; padding-right:0px; margin-bottom:0px; }
	.main_section3 .row { display:block; }
	
	.ms2_nav_wrap { width:100%; margin:15px auto; }
	.ms2_nav li { font-size:14px; }
	#next, #prev { font-size:20px; right:5px; }
	.thumb_image { width:100%; }
	.main_section4 { display:none; }
	
	#pyo {display:none; }
	
	#mainbxslider li video  { margin-top:0px; }
	
	.main_slide02 .container { position:relative; left:0px; margin-left:0px; top:0px; padding:15px; }
	
	.sermon-btn { width:15%; margin-left:10px; margin-right:10px; }
	
	.wmv_play { position:absolute; top: 50%; margin-top: -71px; display: block; left: 50%; margin-left: -39px;  }
	
	.main_section1 .col-xs-12 div table td { font-size:16px; padding:8px 15px; }
	.main_section1 .col-xs-12 div { margin-bottom:0px; }
	.main-row-box1:first-child { margin-top:15px !important; }
	.main-row-box1 { padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:15px; }
	
	.widget_normal table td { font-size:16px; padding:8px 10px; }
	.widget_normal { margin-top:15px; }
	
    /*.wt:nth-child(2) { display:none; }*/
    
    .mm-listview a { font-size:16px; }
    
    .slash { margin:15px -20px; }
    .slash img { width:30px; }
    .bx-viewport { height:auto !important; }
    #mainbxslider { display:flex; } 
    .bx-wrapper img { max-width:inherit !important; }
    #mainbxslider li { overflow:hidden;  }
    #mainbxslider li img { /*height:100%; width:177% !important; margin-left:-37%;*/  height:100%; left: 50%; position: absolute; }
    .thumb_text { height:inherit !important; }
    .member_menu { margin-top:0px; padding:15px; text-align:right; }
    .member_menu span a {font-size:16px; }
    .subtop { height:200px;  }
    .sermon_thumb { height:55px; }
    .f1 img { width:160px; }
    .main_slide02 .p1 { font-size:17px; bottom: 0; position:relative;  }
    #video_area_wrap h1 { margin-top:30px; }
    
    .sermon_list_u1 { margin-top:50px; }
    
    .week_info { padding:15px; background:#f8f8fa;  }
    .week_info table {  transition:all ease 0.3s;   box-shadow: 0 4px 36px rgba(29,30,31,.1); width:100%; border-spacing: 15px 0px; border-collapse: inherit; background: #fff; padding:0px 0px 15px;  border:1px solid #ddd; border-bottom: 5px solid #ddd; }
    .week_info table td { text-align:left; font-size:18px; padding:12px 10px; border-bottom:1px solid #ddd; color:#000; background:#fff; border-right:0px; }
   
   #video_area_wrap h1 { font-size:22px!important; }
    
    .wi_title { color:#868684; font-size:16px; }
	
	.bx-wrapper .bx-pager { bottom:20px !important; }
	.sermon_list_u1 li { display:block; }
	.video_control { bottom:30px; }
	
	#subtop_ver2 { height:300px; }
	.video-btn { width:30px; }
	
	*::-webkit-media-controls-panel {
	  display: none!important;
	  -webkit-appearance: none;
	}
	
	/* Old shadow dom for play button */
	
	*::--webkit-media-controls-play-button {
	  display: none!important;
	  -webkit-appearance: none;
	}
	
	/* New shadow dom for play button */
	
	/* This one works */
	
	*::-webkit-media-controls-start-playback-button {
	  display: none!important;
	  -webkit-appearance: none;
	}
	.cTable td { font-size:14px; padding:10px 5px; }
	.message_box p { font-size:22px; }
	.message_box p:nth-child(2), .message_box p:nth-child(3) { font-size:19px; }
	
	.yang-box { padding:30px 15px!important; margin:0 15px; }
	.yang-box p { font-size:17px!important; }
	
	.message_box p.subtop_button  { bottom:0px; }
	
	#mm-0 {overflow:hidden; }
	
	.cTableWrap  { width:100%; }
	.cTable td {   overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
	.cNav { top:12px; }
	.cNav.fa-angle-left { left:0px; font-size:22px; color:#777; cursor:pointer; }
	.cNav.fa-angle-right { right:0px; font-size:22px; color:#777; cursor:pointer; }
	
	.main_section3 .t_desc { overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
word-wrap:break-word; line-height: 1.4em;
height: 4.2em; }
	#sermonlist { padding:0px; }
	.widgetTableA td.title { white-space:nowrap !important; }
	
	.footer-nav { padding:15px; }
	.navbar-header { border-bottom:1px solid #eaeaea; }
	.navbar-header:last-child { border:0px; }
	.footer-nav nav { width:100%; background:#f9f9f9; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; margin-bottom:0px;}
	.footer-nav nav div > p { border-radius:0px; background:#fff; float:none; padding:10px 14px; font-size:18px; margin:0px; color:#555; font-weight:600; transition:all ease 0.3s; }
	.footer-nav nav div > p.collapsed { background:none; }
	.footer-nav nav div > p i { float:right; color:#333; position:relative; top:6px; font-size:12px; }
	.footer-nav nav div > p.collapsed i { color:#dadada; } 
	.footer-nav nav div:last-child > p { border:0px; }
	.footer-nav nav div div { background:#fff; padding:10px 15px; }
	.footer-nav nav div ul { list-style:none; padding:0px; margin:0px; }
	.footer-nav nav div ul li { padding:3px 0px; }
	.footer-nav nav div ul li a { color:#555; font-size:17px; text-decoration:none; }
	
	.subtop_button { bottom:20px;  }
	.subtop_button a { color:#fff; text-decoration:none; }
	.subtop_button a span { font-size:18px; padding:10px 20px; border: 1px solid rgba(255,255,255,0.7); border-radius: 39px; transition:all ease 0.3s; }
	.main-video-wrapper { width:100%; height:100%; }
	
	.main-context p:first-child { font-size:26px; }
	.main-context p:nth-child(2) { font-size:19px; }
	.main-context p.subtop_button { position:relative !important; bottom:0px; margin-top:20px !important; }
	.main-context p.subtop_button a span { font-size:14px; padding:8px 15px; }
	
	.bx-wrapper .bx-prev { left:10px !important; }
	.bx-wrapper .bx-next { right:10px !important; }
	.bx-wrapper .bx-controls-direction a { font-size:30px !important; margin-top:-20px !important; }
	
	.main_section1 .col-xs-12 .p1 { font-size:18px; margin-top:20px; }
	.main_section1 .col-xs-12 .p2 { font-size:17px; }
	.main_section1 .col-xs-12 .p3 span { font-size:17px; }
	.t_title { font-size:17px; }
	new_counter { display:none; }
	.copyright p { padding:20px 15px; }
	.message_box p:nth-child(1) { margin-bottom:10px; }
	.message_box p:nth-child(2), .message_box p:nth-child(3) { font-size:19px; padding:0px 10px; line-height:120%; }
	#main_logo { height:initial !important; }
	
	#vol-link { padding:0px 15px; }
	.mainC i { top:42px !important; }
	
	.main_section1 .row { margin-left:-5px; margin-right:-5px; }
	#bible_list_wrap { width:90%; }
	#subbg { width:inherit; height:100%; }
	.video_left_img { margin-top:0;}
	
	.next-link a { font-size:15px; padding:7px 10px;}
	#next-sermon-wrap h5 span { font-size:18px; }
	#next-sermon-wrap a { margin-top:0; font-size:17px; }
	
	.mobile-youtube a { text-decoration:none; color:#333; font-size:17px; }
	.mobile-youtube a img { margin-right:5px; }
	.mobile-youtube { margin-top:20px; }
	#mainYoutubeIcon { max-width:35px; }
	.t_desc { font-size:17px; }
}

@media(min-width:993px) and (max-width:1199px) {
	.people-content { padding:0 40px!important; }
	.scrollHeader #logo { top:5px; }
	#main-menu > li { margin:0; }
	#main-menu > li { padding:0 10px; }
	.scrollHeader #main-menu > li > a { padding: 14px 0px 10px 0px !important; }
	.main_slide02 .container {
    margin-left: -485px;!important;
}


#video_area { width:890px!important; }
.main-row-box1 > div { height:390px; }


}


@media(min-width:768px) and (max-width:992px) {
	.t_title a {     text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
  width: 145px; display:inline-block;     vertical-align: middle; }
	.t_desc { font-size:15px; }
	#gyoNew ul li { font-size:15px; }
	#gyoNew ul { margin:0 0 20px; }
	.sil-ban1 { font-size:20px!important; margin-top:40px!Important; }
	.sil-ban2 { margin-top:20px!important; }
	#chon-sil #main7 { height:auto!important; overflow:hidden; padding:30px 0!important; background-size: auto 100%!important; }
	#chon-sil #main7 > div > div:first-child { font-size:23px!important; text-align:center!important;margin-bottom:15px!important; }
	#chon-sil #main7 div { position:relative!important; float:none!important; width:100%!important; top:0!important; left:0!important;     transform: none!important; }
	#chon-sil #main7 > div { padding:0 15px; }
	#sil2 img { max-width:100px; margin:0 5px; }
	.sil-bottom { font-size:20px!important; padding-top:25px!important; }
	#chon-sil .table-bordered td { font-size:15px!important; }
	.sil-ban4 div { font-size:16px!important; margin:0!important; width:100%!important; height:auto!important; }
	.sil-ban4 div div img { width:100%; margin:15px 0; height:auto!important; }
	.sil-ban5 { font-size:16px!important; }
	.sil-ban6 { overflow:hidden; padding-bottom:30px!important;  }
	.sil-ban6 div { width:100%!important; margin:0!important; text-align:center; margin:10px 0!important; }
	.sil-ban7 { margin:0 0 15px!important; font-size:15px!important; }
	.sil8 > div { padding:30px 15px!important; height:auto!important; overflow:hidden; }
	.sil8 > div div { width:100%!important; text-align:center; font-size:16px!important; }	
	
	.join-desc { font-size:17px; }
	#main-gyo { margin:30px 0; }
	#cNav_Wrap2 { overflow:hidden; }
	#cNav_Wrap2 li { width:25%!important; float:left; }
	
	.main_slide02 {height:545px!important; }
	#video_area_cont { left:0; }
	#video_area_cont h2 { font-size:50px!important; }
	.sermon-btn { top:85%!important; }
	.hamburger { top:4px; }
	.scrollHeader { height:60px; }
	.video_left_img { margin-top:30px; }
	.main_slide01 .bottom { bottom:-43px; }
	#main-menu { display:none!important; }
	.main_section1_padding { padding:0 15px; }
	.main_section3 .thumb_image { height:160px; }
	#logo { left:15px; }
	.people-content { padding:0 40px!important; }
	.ball { width:150px!important; height:150px!important; }
	.chan-ul { overflow:hidden; padding:0;  }
	.chan-ul li { font-size:16px!important; }
	.mainC { width:100%!important; }
	#chan-detail > .container { width:100%; }
	#chan-detail .chan-cont { padding:0 15px; }
	#chan-detail .chan-cont li { font-size:17px; }
	#chan-detail .chan-cont h4 { font-size:17px; }
	#chan-detail h3 { font-size:20px; }
	.chan-man { position:relative; top:0; margin-top:30px; }
	.board > .container { width:100%!important; }
	.p1 { font-size:18px!important; }
	.p2 { font-size:14px!important; }
	.p-ul { font-size:16px!important; padding:0!important; }
	.p0 { font-size:17px!important; }
	.pi p { font-size:18px!important; line-height:140%!important; }
	.p-table td { font-size:15px!important; }
	#next-sermon-wrap h5 span { font-size:18px; }
	#video_area_wrap2 { width:100%; }
	#video_area_wrap { width:100%; }
	#video_area_wrap h1 { font-size:60px!important; }
	.sermon-btn { max-width:70px!important;}
	
}