/*==데스크==*/
@media screen and (max-width: 1200px) {
	
	/*
	.main_nav{margin:0 auto;max-width:58.750em;min-height:36px;position:relative;}
	*/
	/* nav */
	/*
	.nav{z-index:99;overflow:hidden;}
	.nav ul li:first-child a{background-color:#b93a36;color:#fff;}
	.nav ul li a{
		float:left;
		height:36px;
		line-height:38px;
		color:#747474;
		font-size:14px;
		font-weight:800;
		display:block;
		transition:background 0.3s, color 0.3s;
		-moz-transition:background 0.3s, color 0.3s;
		-webkit-transition:background 0.3s, color 0.3s;
		-o-transition:background 0.3s, color 0.3s;
		
	}
	.nav ul li a:hover{background-color:#92c1e8;color:#fff;}
	.nav ul li ul.menu_sub{display:none;}
	*/

	ul.main_vis_img li img{max-width:100%;}

	ul.quick_banner li{float:left;}
	ul.quick_banner li a img{width:100%;}
	.contaner{max-width:90%;}
}

/*==태블릿==*/
@media screen and (min-width: 768px) and (max-width: 1199px){
	
	ul.quick_banner li{float:left;}
	.contaner{max-width:97%;}
	#sermon{max-width:48%;margin-right:15px;}
	p.sermon_img{width:50%;float:left;}
	.sermon_list{width:48%;float:left;padding-left:0;}
	.sermon_list li{text-indent:15px;}
	.sermon_icon{margin:10px 0 0 20px;}
	#notice{max-width:48%;}
	.notice_list dl{float:left;width:50%;padding-left:10px;}
	.notice_list dl.no_img{width:100%;}
    .ch_album li{float:left;max-width:24%;margin:0 3px 0 3px;}
	.board{width:98%;margin-bottom:20px;}

}

/*==모바일(가로)==*/
@media screen and (max-width: 767px) {
	
	.header_gnb{display:none;}
	ul.header_item li{float:none;}
	ul.header_item li.item1{width:100%;}
	ul.header_item li.item2{width:100%;height:30px;margin:0;}
	ul.header_item li.item3{width:100%;height:30px;margin:0;}

	ul.favorite{float:left;padding-top:5px;}
	ul.favorite li{float:left;margin-left:10px;}

	ul.info_menu{float:left;padding:0;width:100%;}
	ul.info_menu li{float:left;padding-left:15px;background:url(/image/info_bar.gif) no-repeat 5px 3px;}
	ul.info_menu li.info_bar{background-image:none;}
	ul.info_menu li a{font-weight:bold;color:#c8d0e4;}
	ul.info_menu li a:hover{color:#fff;}


	ul.quick_banner{padding:0 15px 0 15px;}
	ul.quick_banner li{float:left;width:50%;}
	ul.quick_banner li a img{width:100%;}

	.contaner{max-width:95%;}
	#sermon{max-width:100%;}
	.sermon_list{width:48%;float:left;}
	.sermon_icon{float:left;margin:10px 0 0 20px;}
	#notice{max-width:100%;padding-left:0;margin-top:20px;}
	.notice_list dl{float:left;width:50%;padding-left:10px;}
	.notice_list dl.no_img{width:100%;}
	p.notice_img{margin-bottom:15px;}
	.ch_album li{float:left;width:47%;margin-bottom:15px;}
	.ch_album li a img{width:100%;}
	.sec1 article{overflow:hidden;float:none;width:100%;}
	.board{width:98%;margin-bottom:20px;}
	.board ul li{min-height:30px;}
	.board ul li span.board_date{display:block;width:100%;}
	
}

/*==모바일(세로)==*/
@media screen and (min-width: 320px) and (max-width: 640px){

	#sermon{max-width:100%;}
	.sermon_list{width:50%;padding-left:0;margin-top:15px;}
	.notice_list dl{width:100%;padding:0;}
	.notice_img{width:100%;}
	.notice_img img{width:100%;}
	p.sermon_img{width:100%;float:none;}
	p.sermon_img img{width:100%;}
	.sec2{width:100%;}
	.ch_album{width:100%;}
	.ch_album li{width:100%;float:none;}
	.ch_album li a img{max-width:100%;}
	.board ul li{min-height:30px;}
	.board ul li span.board_date{display:block;width:100%;}

	#in_footer address,.copy_logo{position:relative;color:#fff;}
   .copy_logo{margin-left:4%;}
    #in_footer address{margin:10% 0 0 5%;padding-right:20px;font-size:0.813em;}
}


/*공통*/
@media screen and (max-width:1024px){ 
    .inner{width:96%;}

	.nav .inner h1{display:none}
    #mobile_menu h1{display:block; padding-left:10px;}
	#slider{height:auto;}

	footer{text-align:center;}
}

/*life*/
@media screen and (max-width:1024px){ 
   .life{margin-top:30px;}
}
@media screen and (max-width:800px){ 
   .life ul li p{font-size:16px;}
   .life ul li p strong{font-size:18px; font-weight:400}
   .life ul li{width:32.2%;}
   .life ul li:nth-child(4n){margin-right:1.3%}
   .life ul li:nth-child(3n){margin-right:0}
}
@media screen and (max-width:480px){ 
   .life h2{font-size:24px; text-indent:5px;}
   .life ul{text-align:center;}
   .life ul li{float:none; display:inline-block; text-align:left; margin:1.5%;}
   .life ul li{width:46%;}
   .life ul li:nth-child(3n){margin-right:1.5%}
   .life ul li p{font-size:14px;}
   .life ul li p strong{font-size:16px;}
}

/*bbs_wrap*/
@media screen and (max-width:800px){ 
    .bbs_wrap .workship,
	.bbs_wrap .notice{float:none; width:100%; vertical-align:top; height:auto;}
	.bbs_wrap .notice{float:none; margin-top:20px;}
}
@media screen and (max-width:480px){ 
    .tabs li a{padding:0 10px;}
	.tab_content > ul li span{display:none;}
}
@media screen and (max-width:360px){ 
    .tabs li a{padding:0 8px;}
    .tabs li{font-size:16px;} 
}

/*etc*/
@media screen and (max-width:1024px){ 
    .etc .etcbox{width:31.8%; height:auto; padding:26px 15px 26px 15px;} 
	.etc .etcbox p{font-size:14px;}
	.etc .etcbox p br{display:none;}
	.etc .etcbox span img{width:50px;}
	.etc .etcbox span{right:15px; top:15%}
}
@media screen and (max-width:800px){
   .etc{text-align:center;} 
   .etc .etcbox{float:none; width:48%; margin:0 1%; display:inline-block; text-align:left;}
   .etc .etcbox:nth-child(2){margin:0 0px;}
   .etc .etcbox.banner{width:60%; margin-top:2%}
} 
@media screen and (max-width:480px){
   .etc .etcbox p br{display:block;}
   .etc .etcbox.banner{width:98%; margin:2% 0 0 0}
   .etc .etcbox h2{font-size:18px;}
} 
@media screen and (max-width:360px){
   .etc .etcbox span img{display:none;}
}