@charset "utf-8";
/* CSS Document */
@media (max-width: 3436px){	
	.mo_vision {display:none}
}






@media (max-width: 1920px){
	.popup .pop_size .pop_wrap .pop .pop_info.max{max-height: 700px;}	


}

@media (max-width: 1500px){
	.popup .pop_size .pop_wrap .pop .pop_info.max{max-height: 450px;}

	
}

@media (max-width: 1200px){
	.popup .pop_size .pop_wrap .pop .pop_info.max{max-height: 380px;}
	
}


@media (max-height: 600px){
.popup .pop_size .pop_wrap .pop .pop_info.max{padding-bottom: 30%;}
	

}


@media (max-width: 1920px){
	#header .all_menu a{display:block;}
	#header .all_menu a.mo{display:none;}    
    .swiper-wrapper{height:auto}

	
}
@media (max-width: 1300px){
	#sub.school .txt_wrap .box_wrap ul li{padding:15px 10px}

	
}
@media (max-width: 1200px){
	#header .gnb{max-width:640px}
	#sub.school .bg_wrap ul li .tbc{padding:0 20px; box-sizing:border-box;}
	/*#sub.school .bg_wrap ul li .tbc{padding:0 20px; box-sizing:border-box;}*/
	#sub.school .bg_wrap ul li p{font-size:15px;word-break:keep-all;}
	#sub.school .txt_wrap .box_wrap div.tb{float:none; margin:0 auto}
	#sub.school .txt_wrap .box_wrap ul{float:none; width:100%;margin-top:20px;}
	#sub.pray_info .info_wrap ul li .tbc{padding:0 10px; box-sizing:border-box}
	#sub.pray_info .info_wrap ul li p{word-break:keep-all}
	#sub.pray_info .info_wrap ul li p em.mbr{display:none}
	#sub.pray_info .tb_wrap p.nor{word-break:keep-all;}
#sub.card .ul_wrap ul {width:100%; margin-left:0;}
	#sub.card .ul_wrap ul li{width:100%; margin-left:0;float:none;margin-top:20px}
	#sub.card .ul_wrap ul li.last{width:100%; float:none}
	#sub.intercession .img_wrap .wrap div{padding-left:20px}
	#sub.intercession .img_wrap .wrap div > p{font-size:22px}
	#sub.intercession .bg_wrap{margin-top:0;}
	#sub.intercession .img_wrap{padding:20px}
	#sub.intercession .bg_wrap .size{padding:40px 20px}
	#sub.intercession .bg_wrap p em.mbr{display:none}
	
	
}

@media (max-width: 1100px){
	#sub.intercession .img_wrap .wrap p.img{float:none; margin:0 auto}
	#sub.intercession .img_wrap .wrap div{width:100%; float:none;text-align:center; padding-top:30px;padding-left:0;}
	#sub.intercession .img_wrap .wrap div > p{text-align:center; }
	#sub.school .table_wrap .tb_wrap tbody th .smtxt {font-size: 13px;}

	

}
@media (max-width: 1024px){
#header .gnb{display:none;}
#header .all_menu a.mo{display:block}
#header .all_menu a.pc{display:none}
#sub.pray_info .info_wrap ul li {height:240px;width:100%; border-left:0;border-top:1px solid rgba(68,68,68,.1);float:none;}
#sub.pray_info .info_wrap ul li:first-child{border-top:0;}
#sub.pray_info .info_wrap ul li .tbc i img{max-height:76px}

	
}


@media (max-width: 960px){
	#sub_tit p{padding-bottom:15px}
#sub.school .bg_wrap ul li{width:98%;margin-top:20px;height:210px}

#sub.h_program .p_wrap ul{width:100%; float:none}
#sub.h_program .p_wrap ul.last{padding-left:0; border:0}
	#sub.h_program .p_wrap ul.last li:first-child{margin-top:10px}
#sub.pray_intro .tit_wrap p{font-size:28px; line-height:32px}

	
}

@media (max-width: 880px){
#main .top_menu ul {width: 101%;margin-left: -1%; margin-top:-5%}
#main .top_menu ul li{width:24%;margin-left: 1%; margin-top:5%}
#main .top_menu ul li a .txt i img{max-height: 70px;}
    #main .top_menu ul li a .txt p{font-size: 20px;}
#footer ul li{width:188px; }
#footer ul li.info{width:calc(100% - 218px)}
#footer ul li.copy{width:100%;float:none; margin-top:15px; padding-top:15px; box-sizing:border-box; border-top:1px solid #333333;}
#footer ul li.copy p{text-align:center;}
#footer .size{padding:30px 20px}
#sub.school .tit_wrap p{font-size:24px; line-height:28px;}
#sub.h_program .tit_wrap p{font-size:24px; line-height:28px;}

#sub.school .tit_wrap span{font-size:18px}
	.popup .pop_info .tb_wrap tbody td .check ul li p{width:100%; margin-top:10px;padding-left:16px; box-sizing:border-box;}

.popup .pop_info .tb_wrap tbody td p.tri input{width:calc(33.333% - 12px)}
#sub.school .table_wrap .tb_wrap tbody th .smtxt {font-size: 11px;}
	#sub.school .table_wrap .tb_wrap tbody th .smtxt em.mbr2 {display: block;}


}


@media (max-width: 768px){	
    #main{height: auto;}
.size{padding:0 20px;}
	#header .all_menu a{display:none}
	#header .all_menu a.mo{display:block}
    #main .intro .top_slide .slogan .tbc{padding-bottom: 0;}
	#main .intro .top_slide .slogan .tbc img{max-width:90%}
	#main .intro .top_slide .swiper-button-next{right:0}
	#main .intro .top_slide .swiper-button-prev{left:0;}
	#main .intro .top_slide{height:450px}
	#main .intro .top_slide .size_wrap .size{}
	#main .top_menu{margin-top:-110px;}
	#main .top_menu ul li{width:48%}
	#main .top_menu ul li a .img img{display:none}
	#main .top_menu ul li a .img img.mo{display:block}
	#main .top_menu ul li{background-image:url('/img/main_box_mo.png')   ; background-size: cover}
	#main .top_menu ul li:hover{background-image:url('/img/main_box_mo.png')}
	#main .intro .top_slide .swiper-pagination{bottom:30%}

	#sub.intro .p_wrap ul li em{vertical-align:top;}
	#sub.intro .p_wrap ul li span{word-break:keep-all;}
	#sub.intro .pic_wrap ul li{padding:0 10px; box-sizing:border-box;}

	#sub.school .tit_wrap span em.mbr2{display:block;}
	
	#sub.h_program .table_wrap .tb_wrap tbody th{font-size:16px; padding:15px}
	#sub.h_program .table_wrap .tb_wrap tbody td{font-size:14px; padding:15px}
	#sub.h_program .table_wrap .tb_wrap tbody td span{font-size:16px; }
	#sub.h_program .table_wrap .tb_wrap tbody td b{font-size:16px; word-break:keep-all}
	#sub.h_program .table_wrap .tb_wrap tbody .last td b{font-size:18px}
    
	#sub.school .table_wrap .tb_wrap tbody th{font-size:16px; padding:15px}
	#sub.school .table_wrap .tb_wrap tbody td{font-size:14px; padding:15px 1%}
	#sub.school .table_wrap .tb_wrap tbody td span{font-size:16px; }
	#sub.school .table_wrap .tb_wrap tbody td b{font-size:16px; word-break:keep-all}
	#sub.school .table_wrap .tb_wrap tbody .last td b{font-size:18px}

#sub.pray_info .p_wrap ul{padding:20px}
#sub.pray_info .p_wrap ul li em{width:100%; display:block}
#sub.pray_info .p_wrap ul li span{width:100%; display:block;margin-top:10px}
#sub.card .ul_wrap ul li p{padding:0 15px;word-break:keep-all;font-size:15px; line-height:20px}
#sub.card .ul_wrap ul li.last p em.mbr{display:none}
#sub.card .ul_wrap ul li.last{height:340px}
#sub.card .ul_wrap ul li.last .tb{height:132px}

.bbs .list tbody td{border:0 !important}
.bbs .list tbody td.no_data{display:block !important}
	/*.popup .pop_size .pop_wrap .pop .pop_info.max{max-height:560px;padding:20px}*/
	.popup .pop_size .pop_wrap .pop .pop_info.max{max-height:380px;padding:20px}
	.popup .pop_info .tb_wrap tbody td p.tri input:first-child{margin-top:0;}
	.popup .pop_info .tb_wrap tbody td p.tri input{width:100%;margin:0;max-width:100%;margin-top:10px}
	.popup .pop_info .tb_wrap tbody td p input{width:100%;margin-left:0;max-width:100%;}

	.popup .pop_info .tb_wrap tbody td .check ul li span{width:100%; }
	
	.pm_txt{height: 100px; overflow: scroll;}

	.pc_img{display:none;}
	.mo_vision {display:block}
	
	}

@media (max-width: 640px){	
p.title{font-size:26px;}
#header .all_menu{height:60px; line-height:60px}
#header .all_menu a{height:60px;background-size:24px}
	#header .size{height:60px;}
#header .logo{margin-top:-32px}
#header .logo a{line-height:60px}
#header a img{max-width:70%}
#main{margin-top:60px}
#sub{margin-top:60px;}
#sub .sub_visual .tb{height:140px;}
#sub .sub_visual .tb .tbc p{font-size:30px;}
#sub .sub_visual .tb2 .tbc p{font-size:30px;}
#sub .sub_visual .tb3 .tbc p{font-size:30px;}

#sub.intro .pic_wrap ul li span{margin-top:10px; font-size:18px;line-height:22px;}
#sub.intro .pic_wrap ul li em{font-size:14px;}
#sub.school .bg_wrap ul{margin-top:20px;}
#sub.school .txt_wrap .box_wrap div.tb{height:300px;width:100%; max-width:100%;background-size:cover;border-top-left-radius:15px;border-bottom-right-radius:15px;}
#sub.school .txt_wrap .box_wrap div.tb p{font-size:20px; line-height:24px;}
/*size*/
#sub.school .bg_wrap .size{padding:30px 20px;}
#sub.school .txt_wrap .size{padding:30px 20px;}
#sub.pray_intro .bg_wrap .size{padding:30px 20px 50px;}
#sub.rally .bg_wrap .size{padding:30px 20px;}

#sub.pray_intro .tit_wrap p{font-size:22px; line-height:26px}
#sub.pray_intro .tit_wrap span{padding-top:30px}
#sub.pray_intro .tit_wrap span:before{top:15px}
#sub.pray_intro .tit_wrap .size .tb{background-size:contain;height:200px}
#sub.pray_info .info_wrap ul li b{font-size:17px}
#sub.pray_info .info_wrap ul li span{font-size:15px; line-height:27px;height:27px}
#sub.pray_info .info_wrap ul li span em{font-size:16px}
#sub.pray_info .tb_wrap thead th{font-size:16px;padding:10px}
#sub.pray_info .tb_wrap tbody th{font-size:16px;padding:10px}
#sub.pray_info .tb_wrap tbody td p{font-size:15px}
#sub.intercession .img_wrap .wrap div > p{font-size:18px;}
#sub.intercession .img_wrap .wrap p.img{width:100%}
#sub.intercession .tb_wrap thead th{padding:10px;font-size:16px;}
#sub.intercession .tb_wrap tbody td{padding:10px;font-size:16px;}

#sub.intercession .p_wrap .wrap{padding:20px}
#sub.intercession .p_wrap ul li em{display:block;width:100%}
#sub.intercession .p_wrap ul li span{margin-top:10px;display:block;width:100%}
#sub.rally .p_wrap ul li em{display:block;width:100%}
#sub.rally .p_wrap ul li span{margin-top:10px;display:block;width:100%; font-size: 14px;}
#sub.intercession .p_wrap p.nor2{padding-left:0;}
#sub.intercession .tb_wrap table{display:block}
/*#sub.intercession .tb_wrap table{display:none}*/
#sub.intercession .tb_wrap table.mo{display:table;margin-top:10px;}
#sub.intercession .p_wrap p.nor em.mbr2{display:block}
    .popup .pop_size .pop_wrap .pop .pop_info.max{max-height:360px;padding:20px}

	.pc_img{display:none;}
	.mo_vision{display:block}



@media (max-width: 600px){
	#footer ul li img {max-width:60%;}
	#footer ul li{width:30%; }
	/*#footer ul li img {max-width:30%}
	#footer ul li{width:30%; }*/
	#footer ul li.info{width:calc(70% - 20px);margin-left:20px}
	#sub.card .box_wrap ul li em{vertical-align:top;font-size:20px}
	#sub.card .box_wrap ul li span{}
	#sub.card .ul_wrap ul li.last .bg p{font-size:15px;line-height:18px}

/*추가*/
#sub.intercession .tb_wrap table{display:block;width:100%}
	#sub.intercession .tb_wrap thead th{padding:10px;font-size:14px;}
	#sub.intercession .tb_wrap tbody td{padding:10px;font-size:14px;}

	.pc_img {display:none}
	.mo_vision {display:block}


}
@media (max-width: 560px){
	#main .intro .top_slide{height:400px}
	
	#sub .con_wrap{padding:40px 0 60px}
	#main .top_menu ul{width:103%; margin-left:-3%}
	#main .top_menu ul li {width:47%; margin-left:3%}
	#main .top_menu ul li a .txt p{font-size:20px}
	#main .top_menu ul li a .txt i img{max-width:75px}
	#main .top_menu ul li:first-child a .txt i img{max-width:60px}
	#footer ul li.info p em{font-size:14px;width:16px;text-align:left}
	#footer ul li.info p span{font-size:14px;width:calc(100% - 16px);text-align:left}
#footer ul li.copy p{font-size:14px}
#main .top_menu{margin-top:-84px;}
#main .intro .top_slide .swiper-pagination{bottom:20%}
#sub.intro .p_wrap ul{padding:20px 25px;}
#sub.intro .p_wrap ul li{margin-top:15px;}
	#sub.intro .p_wrap ul li em{display:block;width:100%;font-size:16px;}
	#sub.intro .p_wrap ul li span{display:block;width:100%;margin-top:4px;font-size:14px;}
#sub.school .tit_wrap p{font-size:18px; line-height:22px;}
#sub.h_program .tit_wrap p{font-size:18px; line-height:22px;}
#sub.school .tit_wrap span:before{top:10px;}
#sub.school .tit_wrap span{padding-top:30px;font-size:15px;}
#sub.school .bg_wrap ul li .tbc img{max-width:90px}
#sub.school p.nor{font-size:15px}
#sub.school b.nor{font-size:17px; line-height:20px}
#sub.h_program .table_wrap .tb_wrap table colgroup{display:none}
#sub.h_program .table_wrap .tb_wrap tbody th{width:22%;text-align:center;padding:10px }
#sub.h_program .table_wrap .tb_wrap tbody th em{display:block;}
#sub.h_program .table_wrap .tb_wrap tbody td{width:39%;word-break:keep-all}
.srch{background-size:contain}
#sub.pray_intro p.nor{font-size:14px;}
#sub.pray_intro b.nor{font-size:18px; line-height:22px;}
#sub .dep2 ul li a{font-size: 16px;  height: 45px;   line-height: 45px;}
#sub .dep3 ul li a{font-size: 16px;  height: 45px;   line-height: 45px;}
#sub.intercession .img_wrap .wrap div > p{font-size:16px;}
#sub.rally .p_wrap{margin-top:30px}


/**/
	#sub.intercession .tb_wrap table{display:block}
	#sub.intercession .tb_wrap thead th{padding:10px;font-size:13px;}
	#sub.intercession .tb_wrap tbody td{padding:10px;font-size:13px;}

	.pc_img {display:none}
	.mo_vision {display:block}

.popup .pop_info .tb_wrap table colgroup{display:none}
.popup .pop_info .tb_wrap table tbody th{display:block; float:left; width:100%; padding:10px; padding-bottom:0;}
.popup .pop_info .tb_wrap table tbody td{display:block; float:left; width:100%; border-top:0;padding:10px ; padding-top:5px;}
 .popup .pop_info .tb_wrap table tbody tr{ width: 100%;    float: left;    display: block;}
 .popup .pop_info .tb_wrap tbody td .check{margin:10px 0;}
.popup .pop_info .txt_wrap p em.mbr{display:none;}
.btn_wrap{width:calc(100% + 10px);margin-left:-10px;}
.btn_wrap a.submit{margin-left:10px;width:calc(50% - 10px);}
.btn_wrap a.retype{width:calc(50% - 10px);}
.popup .pop_size .pop_wrap .pop_top p{height:54px; line-height:54px;font-size:24px;}
}
.popup .pop_size .pop_wrap .pop_top p.modify{height:84px; line-height:34px;font-size:24px; padding-top:10px;}
}
@media (max-width: 480px){
.m_menu_all .all_top a.logo{left:25px;}
.m_menu_all .all_top a.mo_close{right:25px;}

.m_menu_all .m_depth1 > li > a{height:40px;line-height:40px; font-size:15px;}
.m_menu_all .m_depth2 > li > a{font-size:14px;height:36px;line-height:36px; }
.m_menu_all .mo_tel a{font-size:16px;}
#main .intro .top_slide .swiper-button-prev{width:50px; height:50px}
#main .intro .top_slide .swiper-button-next{width:50px; height:50px}
#footer .size{padding:20px;}
#footer ul li{text-align:center;width:100%}
#footer ul li.info p{display:inline-block;width:100%;}
#footer ul li.info p span{width:auto}
#footer ul li.info{;width:100%;margin-top:10px;margin-left:0;}
#sub.intro .p_wrap{margin-top:30px;}
#sub.school .txt_wrap .box_wrap div.tb{height:260px}
#sub.school .txt_wrap .box_wrap div.tb p{font-size:17px; line-height:20px;}
#sub.school .txt_wrap .box_wrap ul li em{font-size:18px; width:30px;}
#sub.school .txt_wrap .box_wrap ul li span{font-size:14px;display:block;width:100%;margin-top:5px;}
#sub.school p.nor em.mbr{display:none}
#sub.pray_intro .tit_wrap p{font-size:18px; line-height:22px}

#sub.pray_info .bg_wrap .wrap.last > div a{font-size:18px;}
#sub.pray_info .bg_wrap .wrap.last{padding-bottom:50px}
#sub.card .ul_wrap ul li.last{overflow:hidden}
#sub.card .ul_wrap ul li.last .bg{padding:8px 15px; height:100%}
#sub.card .ul_wrap ul li.last .bg em.left{font-size:16px;width:100%; display:block;}
#sub.card .ul_wrap ul li.last .bg p{font-size:15px;padding-left:0; border-left:0; margin-top:5px;display:block;width:100%;}
#sub.card .ul_wrap ul li.last{height:380px}
#sub.card .ul_wrap ul li.last .tb{height:178px}
#sub.rally .bg_wrap p{font-size:14px}
.btn_wrap a.pray{font-size: 20px  ; height: 55px;    line-height: 55px;max-width:220px}
.popup .pop_info .txt_wrap p{font-size:14px; line-height:18px;margin-top:8px;}
.popup .pop_info .tb_wrap tbody .date td p span{margin-left:10px}
.popup .pop_info .tb_wrap tbody td p input.ipt2{max-width:70px;}
.popup .pop_info .tb_wrap tbody td p input.ipts{max-width:40px;}
.popup .pop_info .tb_wrap tbody .date td p span em{font-size:14px;}

.btn_wrap a.submit{    height: 35px;    line-height: 35px;    font-size: 16px;}
.btn_wrap a.retype{    height: 35px;    line-height: 35px;    font-size: 16px;}
#sub .dep2 .size{padding:0;}
#sub.pastor .list_wrap ul li div b{font-size:18px}
#sub.pastor .list_wrap ul li div .p_wrap p{font-size:14px;}
    .popup .pop_size .pop_wrap .pop .pop_info.max{max-height:260px;padding:20px}

	.pc_img {display:none}
	.mo_vision {display:block}


/*추가*/
	#sub.intercession .tb_wrap table{display:block}
	#sub.intercession .tb_wrap thead th{padding:10px;font-size:14px;}
	#sub.intercession .tb_wrap tbody td{padding:10px;font-size:14px;}



}	

@media (max-width: 415px){
#main .intro .top_slide{height:350px}

#main .top_menu ul li a .txt p{font-size:17px}
#main .top_menu ul li a .txt span{font-size:13px;}
#main .top_menu ul li a .txt i img{max-width:60px}
#main .top_menu ul li:first-child a .txt i img{max-width:45px}
#sub.school .tit_wrap p{font-size:16px;line-height:20px;}
#sub.h_program .tit_wrap p{font-size:16px;line-height:20px;}
#sub.school .tit_wrap span{font-size:15px;}

#sub.intro .pic_wrap ul li span{font-size:16px;}
#sub.pray_info .bg_wrap .wrap.last > div a{font-size:15px;height:50px; line-height:50px}
#sub .dep2 ul li a{font-size:14px;}
#sub .dep3 ul li a{font-size:11px;}
.btn_wrap a.pray{font-size:18px;     height: 45px;    line-height: 45px;}

/*추가*/
	#sub.intercession .tb_wrap table{display:block}
	#sub.intercession .tb_wrap thead th{padding:10px;font-size:14px;}
	#sub.intercession .tb_wrap tbody td{padding:10px;font-size:14px;}


}
@media (max-width: 380px){
    
/*추가*/
	#sub.intercession .tb_wrap table{display:block}
	#sub.intercession .tb_wrap thead th{padding:10px;font-size:14px;}
	#sub.intercession .tb_wrap tbody td{padding:10px;font-size:14px;}

}

@media (max-width: 360px){
    .popup .pop_size .pop_wrap .pop .pop_info.max{max-height:160px;padding:20px}

	
}