@charset "utf-8";
/* CSS Document */
.mobile{display:none;}

body{position: fixed; width: 100%; height: 100%; min-width: 1200px; min-height: 750px; overflow: hidden;}

/*해더*/
header{width:100%; background:#fff; text-align:center; position:absolute; top:0; left:0;}
header h1{width:200px; display:inline-block; text-indent:-9999px; background:url(/img/logo.jpg) no-repeat center center; line-height:98px; height:98px;}
header h1 a{width:100%; height:100%; display:block;}
header nav{width:100%; border-top:1px solid #e2e2e2;  border-bottom:1px solid #e2e2e2; position:relative;}
header nav .nav01{display:inline-block; width:100%; max-width:1200px;}
header nav .nav01 li{float:left; width:20%; line-height:70px;}
header nav .nav01 li a{display:block; width:100%; font-size:20px; font-weight:700;}
header nav .nav02{ width:100%; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; position:absolute; left:0; top:70px; z-index:150; background:#fff; padding:0 0 50px 0; display:none;}
header nav .nav02 div{display:inline-block; width:100%; max-width:1200px;}
header nav .nav02 div ul{float:left; width:20%; line-height:45px;}
header nav .nav02 div ul li a{font-size:15px;}

#content{width:100%; text-align:center;}

/*팝업*/
.pop{position: absolute; top:0; left: 0; z-index: 2;}

/* 섹션 */
.section{width:100%; height:100%; position:absolute; top:0; left:0;}
.section01{top:0;}
.section02{background-color:#ebebec !important; }
.section03{}

/* 메인 슬라이드 */
.fp-slides{height:calc(100% - 170px) !important; position:absolute !important; bottom:0; top:170px;}
.fp-tableCell{height:100% !important;}
.slide .main_img01{background:url(/img/main_img01.jpg) center center no-repeat; text-align:center;}
.slide .main_img01 a{display:inline-block; width:calc(100% - 20px); max-width:1200px; text-align:left; padding:120px 0 0 20px;}
.slide .main_img02{background:url(/img/main_img02.jpg) center center no-repeat; text-align:center;}
.slide .main_img02 span{display:inline-block; width:calc(100% - 60px); max-width:1200px; text-align:left; padding:200px 0 0 60px;} 
#cont_wrap:after{content:""; display:block; clear:both;}

.slide{position:relative; width:100%; height:855px; margin-right:12px;  }
.slide_ul{display: block; width:100%; height:855px;}
.slide_ul>li{position:absolute; top:0px; left:0px; list-style:none;z-index:10; display: block; width:100%; height:100%;}
.slide_ul>li img{}
.show{display:block;}

.slide_btn{z-index:100; position:absolute; left:50%; bottom:55px; }
.slide_btn:after{content:''; display:block; clear:both;}
.slide_btn{*zoom:1;}
.slide_btn>li{float: left; margin:0 5px 5px 0;}
.slide_btn>li>a{display:block; width:15px; height:15px; background:#fff; text-indent: -999em; border-radius:15px;}
.slide_btn>li>a.active{background:#1471b8}


/* 부암교회 안내 */
.info{width:100%; background:#ebebec; text-align:center; padding-bottom:50px; height:100%;} 
.info h2{line-height:192px; width:100%; text-indent:-9999px; background:url(/img/info_tit.png) center center no-repeat;}
.info ul{display:inline-block; width:100%; max-width:1200px;}
.info ul li{float:left; height:230px; width:calc((100% - 10px) / 2);}
.info ul li.info01{background:url(/img/info01.jpg) center center no-repeat; margin:0 10px 10px 0;}
.info ul li.info02{background:url(/img/info02.jpg) center center no-repeat; margin-bottom:10px;}
.info ul li.info03{background:url(/img/info03.jpg) center center no-repeat; margin-right:10px;}
.info ul li.info04{background:url(/img/info04.jpg) center center no-repeat;}
.info ul li a{display:block; width:100%; height:100%;}

/* 부암교회 뉴스 */
.news{width:100%; max-width:1200px; margin:0 auto; height:calc(100% - 276px);}
.news h2{line-height:192px; width:100%; text-indent:-9999px; background:url(/img/news_tit.png) center center no-repeat;}
.news > div{width:48%; margin:0 1%; float:left;}
.news > div table.tit{border-bottom:1px solid #000; padding-bottom:18px; margin-bottom:20px;}
.news > div table.tit tr{}
.news > div table.tit tr td{background:none; text-align:left;}
.news > div table.tit tr td strong{font-size:30px; line-height:30px;}
.news > div table.tit tr td > a{float:right; line-height:15px; font-size:15px; margin-top:15px;}
.news > div table.txt tr td img{display:none;}
.news > div table.txt tr td a{width:100%; display:block; font-size:16px; line-height:35px;}
.news > div table.txt tr td a:hover{color:#1471b8;}

/* 풋터 */
footer{width:100%; text-align:center; padding: 65px 0 45px 0;;}
footer .Fmenu{width:100%; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; }
footer .Fmenu ul{width:100%; max-width:1200px; display:inline-block;}
footer .Fmenu ul li{float:left;}
footer .Fmenu ul li a{color:#333; line-height:54px; font-size:15px; margin-right:20px; font-weight:700;}
footer .Fmenu ul li.on a{color:#1471b8;}
footer .copy{width:100%; max-width:1200px; display:inline-block; padding:35px 0;}
footer .copy p{text-align:left; color:#666; font-size:15px; line-height:20px;}

/* 퀵메뉴 */
.quick_menu{position:fixed; right:30px; top:200px; width:130px; z-index:160; border:1px solid #cdcdcd; border-bottom:0;}
.quick_menu ul{width:130px;}
.quick_menu ul li{border-bottom:1px solid #cdcdcd;}
.quick_menu ul li a{width:130px; height:130px; display:block; text-indent:-9999px;}
.quick_menu ul li.quick01 a{background:#1471b8 url(/img/quick01.png) no-repeat center center;}
.quick_menu ul li.quick02 a{background:#fff url(/img/quick02.png) no-repeat center center;}
.quick_menu ul li.quick03 a{background:#fff url(/img/quick03.png) no-repeat center center;}
.quick_menu ul li.quick04 a{background:#fff url(/img/quick04.png) no-repeat center center;}

@media only screen and (max-width: 990px){
	.mobile{display:block;}
	#fullpage{display:none;}
	
	body{position:static;  overflow:auto !important; min-width:100% !important;}
	
	.mobile header{width:100%; position:static; display:block;}
	.mobile header h1{height:60px; width:100%; text-align:center; background-size:auto 65%;}
	.mobile header h1 a{width:100%; height:100%; }
	.mobile header nav{background:#282828; width:100%; border:0;}
	.mobile header nav ul li{width:25%;}
	.mobile header nav ul li a{color:#fff; line-height:60px; font-size:13px; font-weight:500;}
	.mobile header nav ul li.on a{background:#1471b8; color:#fff;}
	.mobile header nav .nav02{display:block; position:static; padding:0;}
	.mobile header nav .nav02 ul{width:100%; display:none;}
	.mobile header nav .nav02 ul li{float:left; width:20%;}
	.mobile header nav .nav02 ul li a{color:#333; line-height:50px;}
	
	.slide2{position:relative; width:100%; height:350px; margin-right:12px;}
	
	.slide2 .main_img01{background:url(/img/main_img01.jpg) center center no-repeat; text-align:center; background-size:auto 100%;}
	.slide2 .main_img01 a{display:inline-block; width:calc(100% - 30px); text-align:left; padding:30px 0 0 30px;}
	.slide2 .main_img02{background:url(/img/main_img02.jpg) center center no-repeat; text-align:center; background-size:auto 100%;}
	.slide2 .main_img02 span{display:inline-block; width:calc(100% - 20px); text-align:left; padding:105px 0 0 20px;} 
	.slide2 .main_img02 span img{width:40%;}
	#cont_wrap:after{content:""; display:block; clear:both;}
	
	.slide2_ul{display: block; width:100%; height:350px;}
	.slide2_ul>li{position:absolute; top:0px; left:0px; list-style:none;z-index:10; display: block; width:100%; height:100%;}
	.slide2_ul>li img{width:60%;}
	.show{display:block;}

	.slide2_btn{z-index:100; position:absolute; left:50%; bottom:20px; transform: translate(-50%, 0);}
	.slide2_btn:after{content:''; display:block; clear:both;}
	.slide2_btn{*zoom:1;}
	.slide2_btn>li{float: left; margin:0 5px 5px 0;}
	.slide2_btn>li>a{display:block; width:15px; height:15px; border-radius:30px; background:#fff; text-indent: -999em;}
	.slide2_btn>li>a.active{background:#1471b8}

	.info{margin-bottom:25px; padding-bottom:25px;}
	.info h2{display:none;}
	.info ul li{width:100%; margin:0 !important; background-size:100% auto !important;}
	
	.news{box-sizing: border-box; padding: 0 10px;}
	.news h2{display:none;}
	.news > div{width:100%; margin:0; margin-bottom:25px}
	.news > div table.tit{background:#1471b8; color:#fff; height:50px; line-height:50px; padding:0 10px; border:0; box-sizing:border-box; margin-bottom:0;} 
	.news > div table.tit tr td strong{font-size:15px; line-height:1;}
	.news > div table.tit tr td a{color:#fff; margin-top:0 !important; font-size:15px !important; line-height:1;}
	.news > div table.txt tr td a{line-height:40px; height:40px; font-size:15px; width:100%; overflow:hidden;}
	
	footer{padding:0; box-sizing:border-box;}
	footer .Fmenu{display:none;}
	footer .copy{background:#333; padding:35px 20px; box-sizing:border-box;}
	footer .copy p{width:100%;color:#fff; text-align:center; font-size:13px;}
	footer .copy p:last-child{margin-top:15px;}
	
	.quick_menu{display:none;}
	
	.M_quick_menu{width:100%;; z-index:160; border:1px solid #cdcdcd; border-bottom:0; padding:25px 0; background:#e6e6e6; border:1px solid #cdcdcd; border-left:0; box-sizing:border-box;}
	.M_quick_menu ul{width:100%;}
	.M_quick_menu ul li{border-bottom:1px solid #cdcdcd; width:calc((100% - 6px) / 4); height:120px; float:left; border-left:1px solid #cdcdcd;;}
	.M_quick_menu ul li a{width:100%; height:100%; display:block; text-indent:-9999px; background-size:75% !important;}
	.M_quick_menu ul li.quick01 a{background:#fff url(/img/M_quick01.png) no-repeat center center; }
	.M_quick_menu ul li.quick02 a{background:#fff url(/img/M_quick02.png) no-repeat center center;}
	.M_quick_menu ul li.quick03 a{background:#fff url(/img/M_quick03.png) no-repeat center center;}
	.M_quick_menu ul li.quick04 a{background:#fff url(/img/M_quick04.png) no-repeat center center;}
	
	.info ul li{height:130px; background-size:100% !important;}
	.info ul li.info01{}
}