/***************Header**************/
#vod_wrap{position:relative; width:100%; background:url(../img/head/vod_bg.png) no-repeat; background-size:cover; overflow:hidden; height:731px;}
#vod_wrap .vod_cont {position:relative; width:100%; height:100%;}
#vod_wrap .vod_cont .vod_tit{position:absolute; display:block; top:0; left:0; right:0; bottom:0; margin:160px auto;}
#vod_wrap .vod_cont video {overflow:hidden; position:absolute; top:0; left:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index : -1;}

#sub_bg_wrap{position:relative; width:100%; background:url(../img/head/sub_bg.jpg) center center no-repeat; background-size:cover; overflow:hidden; height:417px;}
#sub_bg_wrap .sub_bg_cont {width:100%; height:100%;  position:relative;}
#sub_bg_wrap .sub_bg_cont .sub_bg_tit{position:absolute; top:160px; left:50%; margin-left:-450px;}

#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: 99;}
#menu_wrap{position:relative; width:100%; margin:0 auto; z-index:10;}
.mobile_dsp {display:none;}

#tnb_wrap{position:relative; width:100%; background:#282828; z-index:999;}
#tnb{width:100%; max-width:1020px; margin:0 auto;}
#tnb li{float:left; list-style:none;}
#tnb li:first-of-type {width:80px; height:25px; background:#2786de;}
#tnb li:nth-of-type(2) {margin-left:630px;}
#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;}

/*상단광고알림판*/
.main_visual {position:relative; width:100%; height:0; padding-bottom:37.5%; z-index:9;}
.main_visual_cont {position:absolute; top:0; left:0; width:100%; height:100%;}

#gnb_bg {width:100%; height:300px;}
#gnb_bg > hr {position:absolute; width:100%; top:80px; 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:1px;}
header #gnb_wrap h1 a {display:block;}
header #gnb_wrap nav {float:right;}
header #gnb_wrap nav > ul{width: 750px;height:58px; margin-top:19px; box-sizing:border-box;}
header #gnb_wrap nav > ul > li{height:50px; float:left; padding:0 28px; line-height:18px; text-align:center;}
header #gnb_wrap nav > ul > li > a > span {font-size:14px;}
header #gnb_wrap nav > ul > li > a{font-weight:bold; font-size:18px; color:#fff; text-shadow:1px 1px 8px #333;}
header #gnb_wrap nav > ul > li > a:hover{color:#5adaff;}

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

#gnb_wrap .sub_info {float:left; width:270px; padding:30px 20px 0; color:#888; line-height:1; text-align:left;}
#gnb_wrap .sub_info h3 {font-size:25px;}
#gnb_wrap .sub_info h3 span {font-size:15px; margin-left:10px;}
#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:5px 0; line-height:1; text-align:left;}
#gnb_wrap .sub_menu .sub_ul > li > a {font-size:14px; color:#888;}
#gnb_wrap .sub_menu .sub_ul > li > a:hover {color:#5adaff;}
#gnb_wrap .sub_img {float:right; margin-top:30px;}

/*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;}
/*subpage content*/

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

/* sub page content*/
#cont{position:relative; width:100%; max-width:1020px; margin:0 auto; }

/* article common */
.contents 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; padding:39px 0;}
#art_02 .art_wrap {padding:35px 0;}
#art_02 .sermon_desc {float:left; 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;}
.subject_link {color:#fff;}
.subject_link:hover {border-bottom:1px solid #fff;}
#art_02 .sermon_desc .actionBtn1 {
	 overflow:hidden;
	 position:relative;
	 display:inline-block;
	 width:140px;
	 height:38px;
	 margin-top:30px;
	 margin-right:5px;
	 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 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 .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: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;}


/****Section_Article03****/
#art_03 {padding:40px 0;}
#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:16.6666666%; 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:0; left:0; text-align:center; transition:opacity 1s; 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{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;}
.footer_address {margin-top:5px;}
/* mobile */

@media all and (max-width:1020px) {
	#hd_wrap {height:55px;}
	.mobile_dsp {display:block;}
	
	#vod_wrap {position:relative; width:100%; height:0; overflow:hidden; padding-bottom:56.26%}
	#vod_wrap .vod_cont {position:absolute; width:100%; height:100%;}
	#vod_wrap .vod_cont .vod_tit{top:0; left:0; width:50%; height:auto; margin:18% 25% 0 25%;}
	#vod_wrap .vod_cont video {width:100%; height:100%;}

	#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:-35%;}

	#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;left:10px; width:200px;}
	#hd_wrap #logo_mobi + hr {position:relative;  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:200px;}
	#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:1000;}
	#mobi_menu_wrap .login_wrap {position:relative; display:inline-block; width:100%; padding:12px;}
	#mobi_menu_wrap .login_wrap a.btn_login {display: inline-block; width:50px; 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:65px; 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:25px; 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****/
	article#art_02 {padding:0; }
	#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%; height:auto;}

	/****Section_Article03****/
	#art_03 .gal_wrap > a .gal_tit{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:736px){
   
	#sub_bg_wrap .sub_bg_cont .sub_bg_tit {top:50%; left:50%; width:50%; height:auto; margin-left:-35%;}
	/****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****/
	article#art_02 {padding:0; }
	#art_02 .sermon_desc > h2 {font-size:25px;}
	#art_02 .sermon_desc > p {font-size:12px;}
	#art_02 .sermon_desc > p > strong {font-size:20px;}
	
	/****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:nth-of-type(4) {display:none;}
	#art_03 .gal_wrap:first-child {display:none;} 
	#art_03 .gal_wrap:last-child {display:none; padding:0;} 
	/****footer****/
	.footer_wrap .foot_left {padding:7px 2px;}
	.footer_wrap .foot_left > p {font-weight:bold; font-size:10px; line-height:22px;}
	.footer_wrap .foot_left > p .span_block {display:block;}
}
@media all and (max-width:430px) {
	#art_03 .gal_wrap > a .gal_tit > p {font-size:10px;}
}

.tmp_lef {display:none; position:absolute; top:0; right:0;}