@charset "utf-8";
/* CSS Document */

@media (max-width:800px) { /* 모바일용 */
.pc { display:none !important; }

.wrap { width:94%; }

/* header */
#w_header { height:64px; border-top:4px solid #1a2a42; transtion:0.3s; }
#w_header #w_top { display:none; }
#w_header.on { height:100%; }
#w_header h1 { padding:10px 0 0; }
#w_header h1 img { height:40px; width:auto; }
#w_header #w_gnb { position:static; width:94%; padding:0; margin:40px auto 0; }
#w_header #w_gnb > li { float:left; width:48.5%; margin-right:3%; text-align:left; margin-bottom:20px; padding-bottom:4px; }
#w_header #w_gnb > li:nth-child(2n) { margin-right: 0; }
#w_header #w_gnb > li:nth-child(1) > a { border-bottom:2px solid #2883ca; }
#w_header #w_gnb > li:nth-child(2) > a { border-bottom:2px solid #61be6d; }
#w_header #w_gnb > li:nth-child(3) > a { border-bottom:2px solid #fac615; }
#w_header #w_gnb > li:nth-child(4) > a { border-bottom:2px solid #9465b9; }
#w_header #w_gnb > li > a { font-size:20px; color:#333; border-right:none; width:auto; display: block; margin-bottom:6px; padding-bottom:8px;}
#w_header #w_gnb > li:nth-child(3) ~ li { border-bottom:none; }
#w_header #w_gnb > li:last-child a { border: none; }
#w_header #w_gnb ul { padding:0; display:block; }
#w_header #w_gnb ul li { line-height:40px; text-align:left;  }
#w_header #w_gnb ul li a { font-size:16px; color:#666 !important; }
#w_header #w_gnb ul li a:before { content:"- "; }
#w_header #w_gnb > li.last { width: 100%; }
#w_header #w_gnb > li.last ul { display:block !important; }
#w_header #w_gnb > li.last ul li { float:left; width:48.5%; margin-right:3%; background:#1a2a42; }
#w_header #w_gnb > li.last ul li:last-child { margin-right:0; }
#w_header #w_gnb > li.last ul li a { width:100%; line-height:44px; height:40px; text-align:center; background:#2e75b5; color:#fff !important; display:block; font-size:16px }
#w_header #w_gnb > li.last ul li a:before { content:none; }
#w_header #w_gnb > li.last ul li a i { display:none; }
#w_header #w_sch { display:none; }
#blank { height:64px; }
#nav_btn { position:absolute; right:0; top:12px; }
#nav_btn .line{  width: 40px; height: 2px; background-color: #333; display: block; margin: 8px auto; transition: all 0.3s ease-in-out;}
#nav_btn:hover{ cursor: pointer;}
#nav_btn.act .line:nth-child(2){ opacity: 0;}
#nav_btn.act .line:nth-child(1){ transform: translateY(10px) rotate(45deg);}
#nav_btn.act .line:nth-child(3){ transform: translateY(-10px) rotate(-45deg);}   

/* footer */
#w_footer #w_copy { height:auto; padding:10px; letter-spacing:0;  font:13px/1.4 ntl;  }
#w_footer address { padding:40px 0; color:#ccc; font-style:normal; /*background:url(../images/logo_gray.jpg) no-repeat right center;*/ font:12px ntr;}
#w_footer address span { display:block; margin-right:0; word-break:keep-all; margin-bottom:5px; }
#w_footer address span:last-child { margin-bottom:0; }
#w_footer img { position: absolute; right: 0; top: auto; bottom:44px; height:46px;}

/* index.php */
#w_main { height:200px !important; }
#w_main dt { font-size:36px; }
#w_main dd { font-size:16px; line-height:1.6; margin-top:20px;  }
#w_main .swiper-slide a { display: block; width: 100%; height: 100%; }
#w_main .swiper-pagination { bottom:20px; }

#w_sermon { height:auto; padding:20px 0; }
#w_sermon .wrap { top:0; background:#1a2a42; height:auto; }
#w_sermon ul li > div { float:none; width:auto; height:auto; }
#w_sermon ul li > div:first-child img { width:100%; height:auto; }
#w_sermon ul li > div:last-child { padding:20px; }
#w_sermon ul li > div:last-child a { font-size:20px; word-break:keep-all; }
#w_sermon ul li > div:last-child pre { font-size:16px; }
#w_sermon ul li > div:last-child .w_more { position:static; margin-left:auto; display:block; font-size:16px; }


#w_latest { background:none; }
#w_latest .wrap { width:100%; }
#w_latest article { float:none; width:auto; height:auto; padding:40px 3%; box-sizing:border-box; }
#w_latest article ul { padding-bottom:0; }
#w_latest .w_notice { padding-right:3%; background:#1a2a43;  }
#w_latest .w_family .w_fcap { position:absolute; width:100%; bottom:0; left:0; padding:12px 3%;  }
#w_latest .w_news { padding-left:3%; background:#0c8f97; }
#w_latest article .title { font-family: 'S-CoreDream-6Bold'; color:#fff; font-size:24px; }

#w_photo { background-size:cover; height:auto; padding-top:40px; }
#w_photo ul { margin-top:40px; }
#w_photo ul li { width:48%; margin-right:4%; margin-bottom:20px;  }
#w_photo ul li img { width:100%; height:auto; }
#w_photo ul li:nth-child(2n) { margin-right:0; }
#w_photo ul li:nth-child(2n+1) { clear:both; }


#w_sing article { float:none; }
#w_sing .w_icon { height:auto; width:auto; }
#w_sing .w_icon ul { width:auto; margin:0 auto; padding:40px 0;  }
#w_sing .w_icon ul li { padding:0; float:left; width:25%; }
#w_sing .w_icon ul li a { height:auto; padding:50px 0 0; font:14px/1.4 ntm; background-position:center top !important; background-size:40px !important; text-align:center;}
#w_sing .w_praise { width:108%; margin-left:-4%; height:auto; margin-top:0; background:url(/images/bg_praise.jpg) no-repeat center/cover; padding:40px 4%; text-align:center;}
#w_sing .w_praise > img { display:none; }
#w_sing .w_praise .title { position:static;  }
#w_sing .w_praise .n_song_wrap { position:static; width:100%; height:auto; margin-top:30px; }
#w_sing .w_praise .n_song_wrap img { width:100%; height:auto; }
#w_sing .w_praise .n_song_wrap .n_list_right { width:auto; }
#w_sing .w_praise .n_song_wrap .n_list_right .w_more { width:110px; }

    
/* sub layout */
.sv + nav ul { width:100%; }
.sv + nav ul li a { height:50px; font:14px 'S-CoreDream-6Bold'; color:#fff; display:flex; align-items: center; justify-content: center; padding:0; text-align: center;}
.w_cont { padding:60px 0; }
.w_cont .title { margin-bottom:60px; }
.w_cont .title h3 { font:28px 'S-CoreDream-6Bold'; }
.w_cont .title p { font-size:11px; }  

/* sub1_1 */    
#sm1 li:nth-child(1) { width:22%; }   
#sm1 li:nth-child(2) { width:22%; }   
#sm1 li:nth-child(3) { width:16%; }   
#sm1 li:nth-child(4) { width:16%; } 
#sm1 li:nth-child(5) { width:24%; } 
    
#sub1_1 .cont1 figure { float:none; margin-right:0; width:auto; margin-bottom:40px; }
#sub1_1 .cont1 figure img:first-child { width:100%; }
#sub1_1 .cont1 figure img:last-child { height:60px; }
#sub1_1 .cont1 p { float:none; width:auto; font:14px/1.6 ntr; }
#sub1_1 .cont1 p span { color:#104f80; display:block; font:24px/1.4 'S-CoreDream-6Bold'; margin-bottom:40px;  } 
#sub1_1 .cont1 p strong { font-weight:normal; color:#2883ca;}    
    
/* sub1_2 */
#sub1_2 .cont1 article { background:none; }
#sub1_2 .cont1 article dl { width:auto; padding-bottom:60px; }
#sub1_2 .cont1 article dl:first-child { padding-top:0px; }
    
#sub1_2 .cont1 article dl:nth-child(odd), #sub1_2 .cont1 article dl:nth-child(even) { margin-left:auto; padding-left:20px; }
#sub1_2 .cont1 article dl:nth-child(even) { text-align: left; padding-right:0; }
#sub1_2 .cont1 article dl dt { font:16px 'S-CoreDream-6Bold'; }
#sub1_2 .cont1 article dl dd { font:14px/1.4 ntr; }

#sub1_2 .cont1 article dl:nth-child(odd) dt:before { left:-20px; top:0px; width:20px; background: url(/images/year.png) no-repeat left center, none;}
#sub1_2 .cont1 article dl:nth-child(odd) dd, #sub1_2 .cont1 article dl:nth-child(even) dd { padding-left:44px; word-break: keep-all; }
#sub1_2 .cont1 article dl:nth-child(odd) dd:before { left:-18px; top:3px; width:20px; }
#sub1_2 .cont1 article dl:nth-child(even) dd { padding-right:0; }
#sub1_2 .cont1 article dl:nth-child(even) dd span { right:auto; left:0;  }
#sub1_2 .cont1 article dl:nth-child(even) dt:before { right:auto; left:-20px; top:0; width:20px;  background: url(/images/year.png) no-repeat left center, none; }
#sub1_2 .cont1 article dl:nth-child(even) dd:before { right:auto; left:-18px; top:3px; width:20px; background: url(/images/month.png) no-repeat left center;}
    
/* sub1_3 */
#sub1_3 .cont1 article { float:none; width:auto; margin:0 0 30px 0; }
#sub1_3 .cont1 article figure { float:left; margin-right: 10px;}
#sub1_3 .cont1 article figure img { width:80px; height:auto; }
#sub1_3 .cont1 article table { width:calc(100% - 90px); height:100px; }
#sub1_3 .cont1 article table th { width:80px; font:normal 13px ntr; }
#sub1_3 .cont1 article table td { padding-left:10px; font:13px ntr; }

#sub1_3 .cont2 { margin-top: 80px;}
#sub1_3 .cont2 h4 { width:44%; font:14px/40px nsm; }
#sub1_3 .cont2 h4:nth-child(2) { float:left; margin: 40px auto 40px 0;}
#sub1_3 .cont2 h4:nth-child(3) { float:right; margin:40px 0 40px auto;}
#sub1_3 .cont2 h4:nth-child(4) { margin:40px auto 0; clear:both; }
#sub1_3 .cont2 ul { margin-top: 40px; background:#fff; padding-bottom:0; }
#sub1_3 .cont2 ul li {  width:44%; margin-right:12%; font:14px/1.6 ntr; margin-bottom:40px; }
#sub1_3 .cont2 ul li:nth-child(2n) { margin-right: 0; }
#sub1_3 .cont2 ul li:last-child { margin-right: 0; }
#sub1_3 .cont2 ul li p { background: #2883ca; font:14px/40px ntm; color:#fff; margin-bottom: 10px; }
 
/* sub1_4 */
#sub1_4 .cont1 ul li { float:none; width:auto; margin:0 0 40px 0; }
#sub1_4 .cont1 ul li table th { font:14px ntr; }
#sub1_4 .cont1 ul li table td { font:14px ntr; }
#sub1_4 .cont2 > div { width:100% !important; height:300px; }
#sub1_4 .cont2 > div > div { height:300px !important; }
#sub1_4 .cont2 p { font:14px ntr; }
#sub1_4 .cont2 p span { width:70px; }
    
/* sub1_5 */
#sub1_5 .cont1 img { float:none; width: 60%; display: block; margin:0 auto; }
#sub1_5 .cont1 article { float:none; width: auto; margin-top: 40px;  }
#sub1_5 .cont1 article h4 { font-size: 20px; text-align: center;  }
#sub1_5 .cont1 article dl { margin-top: 20px; }
#sub1_5 .cont1 article dl dt { font-size: 16px; }
#sub1_5 .cont1 article dl dd, #sub1_5 .cont1 article dl dd a { font-size: 14px; }    

/* sub2 */    
#sm2 li { width:33.3333%; }
    
/* sub3 */    
#sm3 li { width:50%; }
    
/* sub4 */    
#sm4 li { width:50%; }


/* 회원가입 */
#mb_login { width:94%; }
#fregister .fregister_agree { position:static; }
#fregister, #fregisterform { padding-bottom:60px; }






}

@media (min-width:801px) { /* PC용 */
.mob { display:none !important; }
#w_header.on { height:330px; }
#w_gnb li > ul:before { content:""; width:0; height:4px; display:block; margin:-20px auto 20px; transition:0.3s;}
#w_gnb li:nth-child(1) > ul:before { background:#2883ca; }
#w_gnb li:nth-child(2) > ul:before { background:#61be6d; }
#w_gnb li:nth-child(3) > ul:before { background:#fac615; }
#w_gnb li:nth-child(4) > ul:before { background:#9465b9; }
#w_gnb li:hover > ul:before { width:60%; }
}