<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*==데스크==*/
@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:1000px) {

	.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 (max-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;}
}


/***************************/
/*main_content*/
@media screen and (max-width:1200px){
	.main_content {padding-top:540px;}
}
@media screen and (max-width:1000px){
	.main_content {padding-top:450px;}
}
@media screen and (max-width:767px){
	.main_content {padding-top:380px;}
}
@media screen and (max-width:720px){
	.main_content {padding-top:340px;}
}
@media screen and (max-width:640px){
	.main_content {padding-top:300px;}
}
@media screen and (max-width:580px){
	.main_content {padding-top:230px;}
}
@media screen and (max-width:520px){
	.main_content {padding-top:200px;}
}
@media screen and (max-width:440px){
	.main_content {padding-top:160px;}
}
@media screen and (max-width:360px){
	.main_content {padding-top:140px;}
}

/***************************/
@media screen and (max-width:1200px){
    .inner_header{width:100%;}
	.inner{width:96%;}
}
@media screen and (max-width:580px){
    .topsection{position:relative;text-align:center; padding-bottom:2px;}
	.logo{position:relative;text-align:center; top:15px;}

	article h2{font-size:27px;}
    article h3{font-size:16px;}
}

/*nav*/
@media screen and (max-width:1280px){
    .header_gnb{right:0; width:auto; top:30px;}
}
@media screen and (max-width:1024px){
		#w0rap{padding-top:0; }

    #header{position:relative;}
}

/*visual*/
@media screen and (max-width:1440px){
  .tit1{font-size:50px;}
  .txt1{margin-top:25px;}

  .tit1,
  .txt1{left:10%;}
}
@media screen and (max-width:800px){
  .tit1{top:24%; font-size:40px; }
	.txt1{font-size:120%; }
}
@media screen and (max-width:600px){
  .tit1{font-size:30px;}
  .txt1{margin-top:10px; font-size:17px; top:40%;}
  .visual .bx-wrapper .bx-pager{bottom:10px;}
}
@media screen and (max-width:480px){
 .tit1{font-size:22px; top:18%;}
 .txt1{font-size:15px; top:30%;}
}

/*section1*/
@media screen and (max-width:1200px){
  .section1{padding:106px 0; /*background-size:100% 100%;*/ background: url(/image/bg1_1.jpg) no-repeat center center; background-size:cover;}
}
@media screen and (max-width:1024px){
	.section1 .inner .mov,
    .section1 .inner .video_txt{display:block;}
    .section1 .inner .mov{width:90%; margin:0 auto 20px;}
    .section1 .inner .video_txt{width:100%;}
	.section1 .inner .video_txt  p a:nth-child(1) {margin-bottom:0;}
}
@media screen and (max-width:1000px){
  .section1 .inner .video_txt  h5{font-size:30px;}
}
@media screen and (max-width:916px){
	.section1 .inner .video_txt  p a:nth-child(1) {margin-bottom:15px;}
}
@media screen and (max-width:900px){
    .section1 .inner .video_txt h4{margin-bottom:10px;}
    .section1 .inner .video_txt h5{font-size:26px;}
}
@media screen and (max-width:560px){
	.section1 .inner .video_txt p a {padding:15px; width:90%; box-sizing:border-box; text-align:center;}

	.section1 .inner .video_txt .radio_btn {width:90%; text-align:center; padding:15px;}
	.section1 .inner .video_txt .rabtn_1 {padding:15px 0px 15px 30px; background: #b962b8 url(/image/radiobtn_1.png)no-repeat 15% center; box-sizing:border-box;}
	.section1 .inner .video_txt .rabtn_2 {padding:15px 0px 15px 30px; background: #b962b8 url(/image/radiobtn_2.png)no-repeat 15% center; box-sizing:border-box;}
	.section1 .inner .video_txt .rabtn_3 {padding: 23px 15px 23px 30px; background: #b962b8 url(/image/radiobtn_3.png)no-repeat 15% center; box-sizing:border-box;}
	.section1 .inner .video_txt .radio_btn a {padding:0;}
}
@media screen and (max-width:412px){
	.section1 .inner .video_txt  p a:nth-child(1) {margin-bottom:15px;}
}

/*section2*/
@media screen and (max-width:1200px){
	/*.section2 {top:-230px;}20.09.17추가*/
	.section2 .etc .etc_box div a &gt; span{opacity:0.4;}
}
@media screen and (max-width:1024px){
  .box.notice .notice_slider &gt; div p:first-child,
  .section2 .etc .etc_box div h3,
  .section2 .etc .etc_box div h3,
  .box.news &gt; div p:first-child{font-size:24px;}
  .section2 .etc .etc_box div a &gt; span img{width:80px;}
}
@media screen and (max-width:940px){
	.section2 {top:-80px;}
    .box.news ul li a {width:50%;}
}
@media screen and (max-width:800px){
  .section2{padding:80px 0; background-size:cover}
  .section2 .box.news2 {position: relative; left: 0; top: 0;}

  .section2 .box{display:block; height:auto;}
  .section2 .worshipinfo,
  .section2 .news,
  .section2 .etc{width:100%;}
  .section2 .news{margin:2% 0}

  .box.notice .notice_slider &gt; div{height:auto; min-height:200px;}
  .box.news &gt; div{height:auto;}
  .box.news &gt; div span{position:relative; margin-top:20px;}

  .section2 .etc{}
  .section2 .etc .etc_box{width:48.8%; display:inline-block;}
  .section2 .etc .etc_box:nth-child(1){margin-bottom:0; margin-right:2%; float:left;}
  .section2 .etc .etc_box div a &gt; span{opacity:1;}

}
@media screen and (max-width:700px){
	.section2 .etc .etc_box div a &gt; span{opacity:0.4;}
}
@media screen and (max-width:480px){
	.box.news ul li a {width:70%;}
	
	.section2 .etc .etc_box{width:100%;}
	.section2 .etc .etc_box:nth-child(1) {margin-bottom:2%; height:108px;}
	.section2 .etc .etc_box:nth-child(2) {margin-bottom:2%;}
	.section2 .etc .etc_box div a &gt; span{opacity:1; bottom:20%;}
}
@media screen and (max-width:420px){
  .section2 .etc .etc_box{height:180px;}
  .section2 .etc .etc_box div a &gt; span img{width:60px;}

  .box.notice .notice_slider &gt; div p:first-child,
  .section2 .etc .etc_box div h3,
  .section2 .etc .etc_box div h3,
  .box.news &gt; div p:first-child{font-size:22px;}

  .box.worshipinfo .infotable table td {font-size:14px; padding:10px 0; }
  .box.worshipinfo {background:#376d93 url("/image/worshipinfo_bg.png")no-repeat right bottom/250px;}
}
@media screen and (max-width:360px){
   .section2 .worshipinfo,
   .section2 .news,
   .section2 .etc{/*width:95%; margin:10px auto;*/}
   .section2 .etc .etc_box div a{font-size:14px;}
   /*.section2 .etc .etc_box div a &gt; span{display:none;}*/
}
@media screen and (max-width:320px){
   .section2 .etc .etc_box div a{padding:10px;}
}

@media screen and (max-width:360px){
   /*.album_slider div a{width:50%;}*/
}

/*section3*/
@media screen and (max-width:1200px){
   .section3 {top:-230px;}
   /*.album_slider div a img{height:230px;}*/
	
	.section3 .inner .sec3_video {display:block; width:80%; margin:0 auto;}

	.section3 .inner .sec3_slider1,
	.section3 .inner .sec3_slider2 { width:49%; }
	.section3 .inner .sec3_slider1,
	.section3 .inner .sec3_slider2 {margin-top:100px;}/**/
	
	.btn_wrap{text-align:center; margin-top:30px;}

}
@media screen and (max-width:940px){
   .section3 {top:-80px;}
   /*.album_slider div a img{height:160px;}*/
   .section3 .btn_list{margin-top:50px;}
}
@media screen and (max-width:820px){	
	.section3 .inner .sec3_video,
	.section3 .inner .sec3_slider1,
	.section3 .inner .sec3_slider2 { display:block; width:80%; margin:0 auto; margin-top:100px;}
	.section3 .inner .sec3_video {margin-top:30px;}
}
@media screen and (max-width:490px){	
	.section3 .inner .sec3_video,
	.section3 .inner .sec3_slider1,
	.section3 .inner .sec3_slider2 { width:90%; }
	
	#family_slider li {width:170px !important;}
	#album_slider li {width:170px !important;}
}
@media screen and (max-width:400px){		
	#family_slider li {width:160px !important;}
	#album_slider li {width:160px !important;}
}
@media screen and (max-width:350px){		
	#family_slider li {width:150px !important;}
	#album_slider li {width:150px !important;}
}
@media screen and (max-width:320px){		
	#family_slider li {width:140px !important;}
	#album_slider li {width:140px !important;}
}
/*@media screen and (max-width:500px){
	.section3 .inner .sec3_video,
	.section3 .inner .sec3_slider1,
	.section3 .inner .sec3_slider2 {display:block; width:100%; margin:0 auto;}
	.section3 .inner .sec3_slider2 {margin-top:100px;}
}
@media screen and (max-width:400px){
	.section3 .inner .sec3_video,
	.section3 .inner .sec3_slider1,
	.section3 .inner .sec3_slider2 {display:block; width:100%; margin:0 auto;}
}*/

/*section4*/
@media screen and (max-width:820px){
	.section4 ul {height:640px;}
	.section4 ul li {width:48%; } 
	.section4 ul li:nth-child(5) {width:98%;}
}

/*footer*/
@media screen and (max-width:1200px){
   footer {top:-230px;}

}
@media screen and (max-width:940px){
   footer {top:-100px;}
}</pre></body></html>