/***************Header**************/
#vod_wrap{position:relative; overflow:hidden; width:100%; padding-bottom:41.66%;}
#vod_wrap .vod_cont {position:absolute; display:block; width:100%; height:100%;}
#vod_wrap .vod_cont .vod_tit{position:absolute; display:block; width:46%; top:0; left:0; right:0; bottom:0; margin:165px auto;}
#vod_wrap .vod_cont video {overflow:hidden; position:absolute; top:0px; left:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index : -1;}
#vod_wrap .vod_cont > img {width: 100%; height:100%;}

#sub_bg_wrap{position:relative; width:100%; background:url("../img/head/sub_bg.jpg") center center no-repeat; background-size:cover; overflow:hidden; height:400px;}
#sub_bg_wrap .sub_bg_cont {position:relative; width:100%; height:100%; /*background:url("../img/head/vod_bg.png") center center no-repeat; background-size:cover;*/z-index:1;}
#sub_bg_wrap .sub_bg_cont .sub_bg_tit{position:absolute; top:190px; left:50%; margin-left:-363px;}
#sub_bg_wrap article {position:absolute; top:0; width:100%;}
#sub_bg_wrap article img {width:100%;}

#main_bg{width:100%; height:731px; position:absolute; left:0; top:0; background:url("../img/head/main_img.jpg") no-repeat; background-size:cover; z-index:-1;}
#hd_wrap{width:100%; position:absolute; top:0; left:0; z-index: 9999;}
#menu_wrap{position:relative; width:100%; margin:0 auto; z-index:10;}
.mobile_dsp {display:none;}

#tnb_wrap{width:100%; background:#282828;}
#tnb{width:100%; max-width:1020px; margin:0 auto;}
#tnb li{float:left; list-style:none;}
#tnb li:first-of-type {width:85px; height:25px; background:#2786de;}
#tnb li.login {margin-left:735px;}
#tnb li.logout_admin {background:none;}
#tnb li a{display:block; padding:7px 14px; font-size:11px; color:#fff;}
#tnb li a:hover{background:#505050;}

#gnb_bg {width:100%; height:0px; background-color:rgba(20,20,20,0.9);}
#gnb_bg > hr {position:absolute; width:100%; top:90px; opacity:0.5;}
header #gnb_wrap {position:relative; width:100%; max-width:1020px; height:100%; margin:0 auto;}
header #gnb_wrap h1 {float:left; margin-top:10px;}
header #gnb_wrap h1 a {display:block;}
header #gnb_wrap nav {float:right; width: calc(100% - 200px);}
header #gnb_wrap nav > ul{height:80px;}
header #gnb_wrap nav > ul > li{float:left; padding:0 15px; line-height:80px;}
header #gnb_wrap nav > ul > li > a{display:block; width:100%; font-weight:bold; font-size:18px; color:#fff; text-shadow:1px 1px 8px #333; text-align:center; letter-spacing:-1px;}
header #gnb_wrap nav > ul > li > a:hover{color:#5adaff;}

#sub_menu1{width:1020px; height:220px; position:absolute; top:80px; left:0px; display:none; }
#sub_menu2{width:1020px; height:220px; position:absolute; top:80px; left:0px; display:none; }
#sub_menu3{width:1020px; height:220px; position:absolute; top:80px; left:0px; display:none; }
#sub_menu4{width:1020px; height:220px; position:absolute; top:80px; left:0px; display:none; }
#sub_menu5{width:1020px; height:220px; position:absolute; top:80px; left:0px; display:none; }
#sub_menu6{width:1020px; height:220px; position:absolute; top:80px; left:0px; display:none; }

header #gnb_wrap nav > ul > li:hover #sub_menu1{display:block;}
header #gnb_wrap nav > ul > li:hover #sub_menu2{display:block;}
header #gnb_wrap nav > ul > li:hover #sub_menu3{display:block;}
header #gnb_wrap nav > ul > li:hover #sub_menu4{display:block;}
header #gnb_wrap nav > ul > li:hover #sub_menu5{display:block;}
header #gnb_wrap nav > ul > li:hover #sub_menu6{display:block;}
header #gnb_wrap nav > ul > li:hover #sub_menu7{display:block;}

#gnb_wrap .sub_info {float:left; width:270px; padding:30px 20px 0; color:#888; line-height:1;}
#gnb_wrap .sub_info h3 {font-size:25px;}
#gnb_wrap .sub_info p {padding:20px 0; font-size:13px; line-height:20px;}
#gnb_wrap .sub_menu {float:left;}
#gnb_wrap .sub_menu .sub_ul {float:left; width:200px; margin-top:30px; padding-left:30px; border-left:1px solid #333;}
#gnb_wrap .sub_menu .sub_ul > li{padding:8px 0; line-height:1;}
#gnb_wrap .sub_menu .sub_ul > li > a {font-size:16px; color:#989898;}
#gnb_wrap .sub_menu .sub_ul > li > a:hover {color:#5adaff;}
#gnb_wrap .sub_img {float:right; margin-top:30px;}
#gnb_wrap .sub_img > img {width:auto; height:auto;}

/*subpage content*/
.uotc_100 {width:100% !important;}
.s_board_100 {width:100% !important;}
.media_board_100 {width:100% !important;}
.history_100 {width:100% !important;}
.steward_100 {width:100% !important;}
.member_100 {width:100% !important;}
.yearend_100 {width:100% !important;}
.worship_100 {width:100% !important;}
.weekly_100 {width:100% !important;}
.shichal_100 {width:100% !important;}
.work_100 {width:100% !important;}
/*subpage content*/

/***************Section**************/
section.contents{position:relative; margin-top:0;}

/* sub page content*/
#cont{position:relative; width:100%; max-width:1020px; min-height:500px; margin:0 auto; padding:10px 0;}
#cont .left_wrap {display:none; top:0; right:0;}

/* article common */
article{position:relative; width:100%;}
article .art_wrap {width:1020px; margin:0 auto;}

/****Section_Article01****/
#art_01 #quick_menu{width:100%; position:relative; overflow:hidden; padding-top:35px; padding-bottom:35px;}
#art_01 #quick_menu > div{width:25%; float:left; text-align:center;}
#art_01 #quick_menu > div > a {display:block;}
#art_01 #quick_menu .quick_img:hover {opacity: 0.7;}
#art_01 #quick_menu .quick_img {transition: 0.3s;}
#art_01 #quick_menu .q01 {height:200px; background:url("../img/body/quick_01.jpg") center center no-repeat;}
#art_01 #quick_menu .q02 {height:200px; background:url("../img/body/quick_02.jpg") center center no-repeat;}
#art_01 #quick_menu .q03 {height:200px; background:url("../img/body/quick_03.jpg") center center no-repeat;}
#art_01 #quick_menu .q04 {height:200px; background:url("../img/body/quick_04.jpg") center center no-repeat;}
#art_01 #quick_menu .quick_img > a {display:block; width:100%; height:100%;}
#art_01 #quick_menu .quick_img .quick_cont {width:100%; padding:95px 0 0 40px; text-align:left;}
#art_01 #quick_menu .quick_img .hr {width:40px; height:3px; background:#fff;}
#art_01 #quick_menu .quick_img h4 {padding:15px 0; font-size:22px; color:#fff; text-shadow:1px 1px 7px #555;}
#art_01 #quick_menu .quick_img p {color:#fff; text-shadow:1px 1px 7px #555;}



/****Section_Article02****/
article#art_02 {background:url("../img/body/sermon_bg.jpg") center center no-repeat; background-size:cover;}
#art_02 .art_wrap {padding:35px 0;}
#art_02 .sermon_desc {float:left; color:#fff;} 
#art_02 .sermon_desc a {color:#fff;} 
#art_02 .sermon_desc .hr {width:50px; height:4px; background:#92c9ff;}
#art_02 .sermon_desc > h2 {padding:20px 0;font-size:50px;}
#art_02 .sermon_desc > h2 > span {font-size:14px;}
#art_02 .sermon_desc > p {padding:3px 0;}
#art_02 .sermon_desc > p > strong {display:block; font-size:30px; margin:30px 0 20px;}
#art_02 .sermon_desc > p.sermon_about img{vertical-align:middle; margin-right:5px;}

#art_02 .sermon_desc .actionBtn1 {
	 overflow:hidden;
	 position:relative;
	 display:block;
	 width:140px;
	 height:38px;
	 margin-top:30px;
	 line-height:37px;
	 border:1px solid #fff;
	 color:#fff;
	 text-align:center;
	 text-decoration:none;
	 text-transform:uppercase;
	 font-size:14px;
}
#art_02 .sermon_desc .actionBtn1.moreBtn {
	margin-top:0;
	border:none;
	text-transform: none;
	text-align:left;
	font-size:18px;
}
#art_02 .sermon_desc .actionBtn1.moreBtn i {
	font-size:18px;
	vertical-align:middle;
}
#art_02 .sermon_desc .actionBtn1 span {
	 position:relative;
	 transition:color .25s ease-out;
	 -webkit-transition:color .5s ease-out;
	 -moz-transition:color .5s ease-out;
}
#art_02 .sermon_desc .actionBtn1:hover span {
	 color:#19568f;
}
#art_02 .sermon_desc .actionBtn1.moreBtn:hover span {
	 color:#fff;
	 font-weight:bold;
}
#art_02 .sermon_desc .actionBtn1 .hover {
	position:absolute;
	 top:0;
	 left:0;
	 display:block;
	 width:100%;
	 height:100%;
	 background:#fff;
	 border:1px solid transparent;
	transform:scale(1,0);
	 -webkit-transform:scale(1,0);
	 -moz-transform:scale(1,0);
	 -ms-transform:scale(1,0);
	 transform-origin:center top;
	 -webkit-transform-origin:center top;
	 -moz-transform-origin:center top;
	 -ms-transform-origin:center top;
	transition:all .2s ease-out;
	 -webkit-transition:all .2s ease-out;
	 -moz-transition:all .2s ease-out;
}
#art_02 .sermon_desc .actionBtn1.moreBtn .hover {
	 background:transparent;
	 border:1px solid transparent;
}
#art_02 .sermon_desc .actionBtn1:hover .hover {
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
}

#art_02 .sermon_img_wrap {float:right;}
#art_02 .sermon_desc .out_url {display:none;} /*¿ÜºÎurl »ç¿ë ¾ÈÇÒ°æ¿ì »èÁ¦*/


/****Section_Article03****/
#art_03 .art_wrap{position:relative; width:100%; height:0; overflow:hidden; padding-bottom: 13%;}  
#art_03 .art_wrap .respon_wrap {position:absolute; top:0; left:0; width:100%; height:100%;}
#art_03 .gal_wrap{float:left; width:20%; height:100%; text-align:center;}

#art_03 .gal_wrap > a {position:relative; overflow:hidden; display:block; height:100%;}
#art_03 .gal_wrap > a img{display:block; width:100%; height:100%;}
#art_03 .gal_wrap > a .gal_tit{position:absolute; width:100%; bottom:-20px; left:0; text-align:center; transition:all 0.4s; opacity:0;}
#art_03 .gal_wrap > a .gal_tit > p {width:100%; padding:11px 0; background-color:rgba(0,0,0,0.6); color:#fff;}

#art_03 .gal_wrap:hover > a .gal_tit{bottom:0; opacity:1;}
/***************Footer**************/
#footer{width:100%; background:#333333;}
.footer_wrap {width:100%; max-width:1020px; margin:0 auto; color:#727272;}
.footer_wrap .foot_left {float:left; padding:25px 0;}
.footer_wrap .foot_left > p {font-weight:bold; font-size:13px; line-height:22px;}
.footer_wrap .foot_left > p .span_strong {font-size:20px;}
.footer_wrap .foot_right {float:right; padding:25px 0;}
.footer_wrap .foot_right > p{line-height:25px; font-weight:bold; font-size:13px;}
.footer_wrap .foot_right > p > img{vertical-align:middle; margin-right:5px;}


/* mobile */

@media all and (max-width:1020px) {
	#hd_wrap {height:50px;  background: #000;}
	.mobile_dsp {display:block;}
	
	#vod_wrap {margin-top:50px;}
	#vod_wrap .vod_cont {position:absolute; width:100%; height:100%;}
	#vod_wrap .vod_cont .vod_tit{top:0; left:0; width:80%; height:auto; margin:18% 10% 0 10%;}
	#vod_wrap .vod_cont video {width:100%; height:100%; top:0;}

	#sub_bg_wrap {height:0; overflow:hidden; padding-bottom:35%}
	#sub_bg_wrap .sub_bg_cont {position:absolute;}
	#sub_bg_wrap .sub_bg_cont .sub_bg_tit {top:40%; left:50%; width:50%; height:auto; margin-left:-25%;}
	#sub_bg_wrap article {top:30px;}

	#menu_active_bg {position:fixed; display:none; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:100;}
	#menu_wrap {display:none;}
	#hd_wrap #logo_mobi {position:relative; top:-10px; left:10px; width:200px; margin:11px 0;}
	#hd_wrap #logo_mobi + hr {position:relative; top:-18px; margin:0; padding:0; color:#ccc; background-color:#ccc; border:none; opacity:0.5;}
	#hd_wrap #logo_mobi > a {display:block;}
	#hd_wrap #logo_mobi img {width:150px;}
	#hd_wrap .btn_menu_sand {position:absolute; top:0; right:0; padding:6px;}
	#hd_wrap .btn_menu_sand a{display:block;}
	#hd_wrap .btn_menu_sand .bar {display:block; width:30px; height:2px; background:#fff; margin:8px;}

	#mobi_menu_wrap {position:fixed; top:0; right:-70%; overflow-x:hidden; overflow-y:scroll; width:70%; height:100%; background:#333; z-index:99999;}
	#mobi_menu_wrap .login_wrap {position:relative; display:inline-block; width:100%; padding:12px; box-sizing:border-box;}
	#mobi_menu_wrap .login_wrap a.btn_login {display:inline-block; width:60px; padding:5px 4px; font-size:12px; border:1px solid #fff; text-align:center; color:#fff;}
	#mobi_menu_wrap .login_wrap a.btn_admin_m {display:inline-block; width:80px; padding:5px 4px; font-size:12px; border:1px solid #fff; text-align:center; color:#fff;}
	#mobi_menu_wrap .login_wrap a.btn_menu_close {position:absolute; top:8px; right:10px; width:30px; height:30px;}
	#mobi_menu_wrap .login_wrap a.btn_menu_close .cross1 {position:absolute; top:15px; left:0px; display:block; width:30px; height:2px; background:#fff; transform:rotate(45deg);}
	#mobi_menu_wrap .login_wrap a.btn_menu_close .cross2 {position:absolute; top:15px; left:0px; display:block; width:30px; height:2px; background:#fff; transform:rotate(-45deg);}

	#mobi_nav_wrap {width:100%;}
	#mobi_nav_wrap nav > ul > li {background:#484848; border-bottom:1px solid #3e3e3e;}
	#mobi_nav_wrap nav > ul > li .arrow {float:right; color:#222;}
	#mobi_nav_wrap nav > ul > li .arrow.gnb_on {transform:rotate(90deg);}
	#mobi_nav_wrap nav > ul > li > a {display:block; padding:13px; color:#fff; font-weight:bold;}
	#mobi_nav_wrap nav > ul > li .sub_menu {display:none;}
	#mobi_nav_wrap nav > ul > li .sub_menu > ul > li { background:#3e3e3e;}
	#mobi_nav_wrap nav > ul > li .sub_menu > ul > li:first-of-type {padding-top:5px;}
	#mobi_nav_wrap nav > ul > li .sub_menu > ul > li:last-of-type {padding-bottom:5px;}
	#mobi_nav_wrap nav > ul > li .sub_menu > ul > li > a {display:block; padding:5px 20px; font-size:13px; color:#fff;}
	
	/* article common */
	article .art_wrap {width:100%;}

	/****Section_Article01****/
	#art_01 #quick_menu > div{width:23%; margin:0 1%; float:left; text-align:center;}
	#art_01 #quick_menu .quick_img {position:relative;}
	#art_01 #quick_menu .quick_img .quick_cont {position:absolute; padding:0; bottom:12%; left:10%;}

	/****Section_Article02****/
	#art_02 .art_wrap {padding:6% 6%;}
	#art_02 .sermon_desc {float:none;} 
	#art_02 .sermon_desc > p > strong {margin:0 0 10px;}
	#art_02 .sermon_desc > p.sermon_about {display:none;}
	#art_02 .sermon_desc > p:nth-of-type(2){display:block;}
	#art_02 .sermon_desc > p:nth-of-type(2) img {display:none;}
	/*#art_02 .sermon_desc .actionBtn1 {display:none;}*/
	#art_02 .sermon_img_wrap {float:none; width:70%; margin:30px auto 0;}
	#art_02 .sermon_img_wrap img {width:100% !important; height:auto !important;}

	/****Section_Article03****/
	#art_03 .gal_wrap > a .gal_tit{bottom:0; opacity:1;}
	#art_03 .gal_wrap > a .gal_tit > p {font-size:13px;}


	/***************Footer**************/
	.footer_wrap {width:100%; text-align:center;}
	.footer_wrap .foot_left {float:none;}
	.footer_wrap .foot_left > p .span_strong {display:none;}
	.footer_wrap .foot_right {float:none; display:none;}

}
@media all and (max-width:768px){
	#sub_bg_wrap .sub_bg_cont .sub_bg_tit {top:50%; left:50%; width:70%; height:auto; margin-left:-35%;}
	#gnb_wrap .sub_menu .sub_ul > li.m_menu_none {display:none;}
	/****Section_Article01****/
	#art_01 .art_wrap {height:0; padding-bottom:80%;}
	#art_01 #quick_menu {position:absolute; top:0; left:0; width:100%; height:100%;}
	#art_01 #quick_menu > div {width:45%;}
	#art_01 #quick_menu .q01 {position:absolute; top:3%; left:2.6%; height:45%; background-size:cover;}
	#art_01 #quick_menu .q02 {position:absolute; top:3%; right:2.6%; height:45%; background-size:cover;}
	#art_01 #quick_menu .q03 {position:absolute; bottom:3%; left:2.6%; height:45%; background-size:cover;}
	#art_01 #quick_menu .q04 {position:absolute; bottom:3%; right:2.6%; height:45%; background-size:cover;}
	#art_01 #quick_menu .quick_img > a {font-size:14px;}
	#art_01 #quick_menu .quick_img .quick_cont {position:absolute; padding:0; bottom:12%; left:10%;}
	
	/****Section_Article02****/
	#art_02 .sermon_desc > h2 {font-size:30px;}
	#art_02 .sermon_desc > p {font-size:12px;}
	#art_02 .sermon_desc > p > strong {font-size:22px;}
	
	/****Section_Article03****/
	#art_03 .art_wrap {padding-bottom:22%}
	#art_03 .gal_wrap {width:33.333333%}
	#art_03 .gal_wrap > a .gal_tit > p {padding:3% 0; font-size:13px;}
	#art_03 .gal_wrap > li + li + li + li{display:none;}
	
	/****footer****/
	.footer_wrap .foot_left {padding:7px 2px;}
	.footer_wrap .foot_left > p {font-weight:bold; font-size:10px; line-height:17px;}
	.footer_wrap .foot_left > p .span_block {display:block;}
}
@media all and (max-width:530px) {
	#art_03 .gal_wrap > a .gal_tit > p {font-size:10px;}
}

/* ÆäÀÌÁö ¾÷ ´Ù¿î ¹öÆ° */
.page_scroll_wrap {position:absolute; right:-20px;}
.page_scroll {position:fixed; bottom:300px;}
.page_scroll > a {display:block; margin:3px 0; padding:12px; font-size:20px; border:1px solid #ccc; background-color:rgba(255,255,255,0.5); }
.page_scroll .btn_page_up {padding-bottom:5px; border-top-right-radius: 6px; border-top-left-radius: 6px;}
.page_scroll .btn_page_down {padding-top:5px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;}

/* ¼­ºêÆäÀÌÁö ½ºÅ©·Ñ½Ã gnb °íÁ¤ */
#hd_wrap.scroll_fixed {position:fixed; z-index:999999; min-width:100%; max-width:none; width:auto;}
#hd_wrap.scroll_fixed .gnb_bg_black {position:absolute; top:0; left:0; width:100%; height:55px; margin-top:25px; background-color:rgba(0,0,0,0.7);}
#hd_wrap.scroll_fixed #gnb_wrap h1 {width:15%; margin-top:0;}
#hd_wrap.scroll_fixed #gnb_wrap h1 a img {width:100%;}
#hd_wrap.scroll_fixed #gnb_wrap nav > ul > li {line-height:50px; padding:0 30px;}
#hd_wrap.scroll_fixed #gnb_wrap nav > ul > li > a {font-size:15px;}
#hd_wrap.scroll_fixed #gnb_bg > hr {display:none;}
#hd_wrap.scroll_fixed .sub_menu_wrap {top:40px;}
#hd_wrap.scroll_fixed .sub_menu .sub_ul > li {padding:6px 0;}
#hd_wrap.scroll_fixed .sub_hd_wrap {top:50px;}
@media all and (max-width:1020px) {
	#hd_wrap.scroll_fixed {background-color:rgba(0,0,0,0.7);}
	.page_scroll_wrap {right:50px;}
	.page_scroll {bottom:75px; opacity:0.6;}
}

/* ¿µ»ó Æ˾÷ Àç»ý ¿µ¿ª */
.vod_popup_area {display:none; position:fixed; bottom:0; right:0; width:100%; height:100%; z-index:9999999;}
.btn_vod_popup_cls {position:absolute; top:-40px; right:0; width:50px; height:35px; padding:7px; background-color:rgba(0,0,0,0.6); border-radius:5px; box-sizing:border-box; font-size:18px; font-weight:bold; color:#fff;  text-align:center; cursor:pointer; line-height:1;box-shadow:1px 1px 1px rgba(255,255,255,0.2);}
.btn_vod_popup_mini {position:absolute; top:-40px; right:110px; width:50px; height:35px; padding:7px; background-color:rgba(0,0,0,0.6); border-radius:5px; box-sizing:border-box; text-align:center;cursor:pointer; box-shadow:1px 1px 1px rgba(255,255,255,0.2);}
.btn_vod_popup_mini .icon {display:inline-block; height:100%;}
.btn_vod_popup_max {position:absolute; top:-40px; right:55px; width:50px; height:35px; padding:7px; background-color:rgba(0,0,0,0.6); border-radius:5px; box-sizing:border-box; text-align:center;cursor:pointer; box-shadow:1px 1px 1px rgba(255,255,255,0.2);}
.btn_vod_popup_max .icon {display:inline-block; height:100%;}
.vod_popup_wrap {position:absolute; bottom:50%; right:50%; width:1025px; height:554px; transform:translate(50%,50%);}
.vod_popup_area.mini {width:384px; height:207px; bottom:30px; right:30px;}
.vod_popup_area.mini .vod_popup_bg {display:none;}
.vod_popup_area.mini .vod_popup_wrap {width:100%; height:100%;}
.vod_popup_area.max {}
.vod_popup_area.max .vod_popup_bg {}
.vod_popup_area.max .vod_popup_wrap {margin:0; width:100%; height:93%;}
.vod_popup_ifr {width:100%; height:100%;}
.vod_popup_video {width:100%; height:100%;}
.vod_popup_audio {width:100%; position:relative;}
.vod_popup_bg {width:100%; height:100%; background-color:rgba(0,0,0,0.85);}
@media screen and (max-width:1200px){
	.vod_popup_area.mini {width:200px; height:108px; bottom:10px; right:10px;}
	.vod_popup_wrap {width:100%; margin:0; height:0; padding-bottom:54.05%;}
	.vod_popup_ifr {position:absolute; top:0; left:0;}
	.vod_popup_video {position:absolute; top:0; left:0;}
	.vod_popup_audio {position:absolute; top:0; left:0;}
}