@charset "utf-8";
/* CSS Document */
@font-face { font-family: 'HealthsetBambooStd'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.0/HealthsetBambooStd.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }



* { margin:0; padding:0; }
li { list-style: none; }
a { text-decoration: none !important;}
img { border: none; vertical-align: top;}

html.fix { overflow:hidden; }
html, body { height:100%; }
html { overflow-x: hidden; }
body { font-size:14px; font-family: "맑은 고딕"; background:none; }
.wrap { width:1200px; margin:0 auto; position:relative; }
.flex { display:flex; justify-content:center; align-items:center; }
ul:after, .wrap:after { content:""; clear: both; display: block; }
.dn { display:none !important; }

/* header */
#w_header { background:#fff; position:fixed; width:100%; z-index:9; border-bottom:1px solid #ddd; height:140px; overflow: hidden; transition:0.3s; }
#w_header #w_top { height:40px; background: #1a2a42; }
#w_header #w_top #w_tnb li { float:right; margin:0 20px; }
#w_header #w_top #w_tnb li a { line-height:40px; color:#fff; font-family: ntr;  }
#w_header #w_top #w_tnb li a b { font-weight:normal; }
#w_header h1 { padding:21px 0 21px; }
#w_header #w_gnb { position:absolute; left:280px; top:42px;}
#w_header #w_gnb > li { float:left; text-align:center; }
#w_header #w_gnb > li > a { font-family: 'S-CoreDream-6Bold'; font-size:18px; color:#333; border-right:1px solid #ddd; width:160px; display: inline-block; box-sizing: border-box;   }
#w_header #w_gnb > li:nth-last-child(2) a { border: none; }
#w_header #w_gnb ul { padding-top:40px;}
#w_header #w_gnb ul li { line-height:30px; text-align:center;  }
#w_header #w_gnb ul li a { font-family: 'S-CoreDream-3Light'; font-weight: bold;  font-size:16px; color:#999; }
#w_header #w_sch { position:absolute; right:0; top:35px; border:1px solid #ddd; padding:4px 8px 8px;  }
#w_header #w_sch input, button { border:none; background:transparent; }
#blank { height:140px; }
.fa-user-circle:before, .fa-sign-out:before, .fa-gear:before, .fa-cog:before, .fa-sign-in:before, .fa-user-plus:before { content:""; }

/* footer */
#w_footer { background:#737270;  }
#w_footer #w_copy { background:#4d4947; height:40px; text-align:center; color:#fff; letter-spacing:1px;  font:14px/40px ntl;  }
#w_footer #w_copy span { color:#fe9e09; }
#w_footer address { padding:40px 0; color:#ccc; font-style:normal; /*background:url(../images/logo_gray.jpg) no-repeat right center;*/ font:14px ntr; position: relative; }
#w_footer address span { margin-right:30px;  }
#w_footer address a { color:#ccc; }
#w_footer img { position: absolute; right: 0; top: 38px; height:46px;}



/* index.php */
#w_main { position:relative; overflow:hidden; height: 720px;}
#w_main .flex { flex-direction: column; text-align: center; }
#w_main .flex img { width: 100%; height: 100%; object-fit: cover; }
#w_main dt { font-family: 'HealthsetBambooStd'; font-size:100px; color:#fff; }
#w_main dd { color:#fff; font-family: ntr; font-size:20px; line-height:36px; margin-top:80px;  }
#w_main .swiper-pagination { bottom:40px; }
#w_main .swiper-pagination span { width:14px; height:14px; }
#w_main .swiper-button-next, #w_main .swiper-button-prev { }

#w_sermon { padding:100px 0 200px; background:url("/images/bg_sermon.jpg"); }
#w_sermon .wrap { background:#1a2a42; height:340px; box-shadow: 4px 4px 10px rgba(0,0,0,0.3); z-index:5; }

#w_latest { background:url("../images/bg_latest.jpg") repeat-y center; }
#w_latest article { float:left; width:400px; height:240px; box-sizing: border-box; padding:40px 0; }
#w_latest article ul li a { width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
#w_latest .w_notice { padding-right:40px; }
#w_latest .w_family { background:#fff; padding:0; overflow:hidden;}
#w_latest .w_family .w_fcap strong { width:calc(100% - 120px); display: inline-block; white-space: normal;  }
#w_latest .w_family .w_fcap span { width:110px; }
#w_latest .w_news { padding-left:40px; }
#w_latest article .title { font-family: 'S-CoreDream-6Bold'; color:#fff; font-size:24px; }


#w_photo { background:url(/images/bg_album.jpg) no-repeat center bottom; height:540px; padding-top:80px; box-sizing: border-box; }
#w_photo .title {font-family: 'S-CoreDream-6Bold'; font-size:24px; text-align:center; }
#w_photo .title a {color:#1a2a42; }
#w_photo ul li .w_caption { padding:20px; }

#w_sing { background:#3f68b8; }
#w_sing article { float:left; }
#w_sing .w_icon { height:470px; width:305px; }
#w_sing .w_icon ul { width:170px; margin:0 auto; padding-top:55px;  }
#w_sing .w_icon ul li { padding:20px 0; }
#w_sing .w_icon ul li a {height:50px; padding-left:70px; line-height:50px; box-sizing: border-box; display: block; color:#fff; font-family: ntr; font-size:16px;  }
#w_sing .w_icon ul li:nth-child(1) a { background:url("../images/icon05.png") no-repeat left center; }
#w_sing .w_icon ul li:nth-child(2) a { background:url("../images/icon01.png") no-repeat left center; }
#w_sing .w_icon ul li:nth-child(3) a { background:url("../images/icon02.png") no-repeat left center; }
#w_sing .w_icon ul li:nth-child(4) a { background:url("../images/icon04.png") no-repeat left center; }
#w_sing .w_praise { width:895px; height:540px; margin-top:-70px; position:relative; }
#w_sing .w_praise .title { position:absolute; left:100px; top:80px; color:#fff; font-family: 'S-CoreDream-6Bold'; font-size:24px;}
#w_sing .w_praise .n_song_wrap { position:absolute; left:100px; top:140px; }



/* sub layout */
.sv .wrap { height:160px; }
.sv h2 { font-family: 'S-CoreDream-6Bold'; font-size:32px; color:#fff; position:absolute; left:0; bottom:20px;  }
.sv h2:before { content:""; display:block; width:40px; height:2px; background:#fff; margin-bottom:10px; }
.sv + nav ul li { float:left;  }
.sv + nav ul li a { height:60px; font:18px/60px 'S-CoreDream-6Bold'; color:#fff; display:block; padding:0 30px;}
.w_cont { padding:80px 0; }
.w_cont .title { text-align:center; margin-bottom:80px;  }
.w_cont .title h3 { font:38px 'S-CoreDream-6Bold'; color:#333; }
.w_cont .title h3:after { content:""; display:block; width:60px; border-top:1px solid #666; margin:20px auto; }
.w_cont .title p { color:#999; }

/* sub1_1 */
#sub1 { background:url(/images/bg_sub1.jpg) no-repeat center/cover; }
#sm1 { background:#2883ca; }
#sm1 li a.select { background:#104f80; }

#sub1_1 .cont1 figure { float:left; margin-right:60px; text-align:right; width:400px;  }
#sub1_1 .cont1 p { float:left; width:740px; font:16px/1.6 ntr; color:#666; word-break:keep-all; }
#sub1_1 .cont1 p span { color:#104f80; display:block; font:28px/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:url(/images/bg_history.png) repeat-y center; }
#sub1_2 .cont1 article dl { width:50%; padding-bottom:100px; box-sizing: border-box;  }
#sub1_2 .cont1 article dl:first-child { padding-top:100px; }
#sub1_2 .cont1 article dl:nth-child(odd) { margin-left:auto; padding-left:50px; }
#sub1_2 .cont1 article dl:nth-child(even) { text-align: right;padding-right:50px; }
#sub1_2 .cont1 article dl dt { font:20px 'S-CoreDream-6Bold'; color:#104f80; position:relative;}
#sub1_2 .cont1 article dl dd { font:16px/1.4 ntr; color:#666; margin-top: 10px; position:relative; }
#sub1_2 .cont1 article dl dd span { position:absolute; color:#2883ca; }
#sub1_2 .cont1 article dl:nth-child(odd) dt:before { content:""; position:absolute; left:-56px; top:7px; width:40px; height:15px; background: url(/images/year.png) no-repeat left center, url(/images/bg_history.png) repeat-x center; }
#sub1_2 .cont1 article dl:nth-child(odd) dd { padding-left:60px; }
#sub1_2 .cont1 article dl:nth-child(odd) dd span { left:0; }
#sub1_2 .cont1 article dl:nth-child(odd) dd:before { content:""; position:absolute; left:-54px; top:5px; width:40px; height:15px; background: url(/images/month.png) no-repeat left center; }
#sub1_2 .cont1 article dl:nth-child(even) dd { padding-right:60px; }
#sub1_2 .cont1 article dl:nth-child(even) dd span { right:0; }
#sub1_2 .cont1 article dl:nth-child(even) dt:before { content:""; position:absolute; right:-57px; top:7px; width:40px; height:15px; background: url(/images/year.png) no-repeat right center, url(/images/bg_history.png) repeat-x center; }
#sub1_2 .cont1 article dl:nth-child(even) dd:before { content:""; position:absolute; right:-86px; top:5px; width:40px; height:15px; background: url(/images/month.png) no-repeat left center; }

/* sub1_3 */
#sub1_3 .cont1 article { float:left; width:550px; margin:0 100px 60px 0; }
#sub1_3 .cont1:after, #sub1_3 .cont1 article:after { content:""; clear:both; display: block; }
#sub1_3 .cont1 article:nth-child(2n) { margin-right: 0; }
#sub1_3 .cont1 article figure { float:left; margin-right: 20px;}
#sub1_3 .cont1 article figure img { width: 120px; height: 150px; object-fit: cover; }
#sub1_3 .cont1 article table { width:410px; float:left; border-collapse: collapse; height:150px; border-top:2px solid #104f80;}
#sub1_3 .cont1 article table th { background: #fafafa; border:1px solid #ddd; width:120px; border-left:none; font:normal 16px ntr; color:#2883ca; }
#sub1_3 .cont1 article table td { border:1px solid #ddd; padding-left:20px; border-right:none; font:16px ntr; color:#666; }
#sub1_3 .cont1 article table td a { color:#666; }
#sub1_3 .cont2 { margin-top: 100px;}
#sub1_3 .cont2 h4 { width:200px; height:40px; background: #104f80; color:#fff; font:16px/40px nsr; text-align: center; position: relative;  }
#sub1_3 .cont2 h4:first-child { margin:0 auto; }
#sub1_3 .cont2 h4:nth-child(2) { float:left; margin: 60px auto 60px 200px;}
#sub1_3 .cont2 h4:nth-child(3) { float:right; margin:60px 200px 60px auto;}
#sub1_3 .cont2 h4:nth-child(4) { margin:60px auto 0; clear:both; }
#sub1_3 .cont2 h4:first-child:before { content:""; width:1px; height:300px; background: #ddd; position: absolute; left:50%; top:0; z-index:-1;}
#sub1_3 .cont2 h4:nth-child(2):after { content:""; width:600px; height:1px; background: #ddd; position: absolute; left:100px; top:20px; z-index:-1;} 
#sub1_3 .cont2 ul { margin-top: 60px; border:1px solid #ddd; padding:40px; }
#sub1_3 .cont2 ul li { float:left; width:153px; margin-right:40px; text-align: center; line-height:1.6; font:14px/24px ntr; color:#666; }
#sub1_3 .cont2 ul li:last-child { margin-right: 0; }
#sub1_3 .cont2 ul li p { background: #2883ca; font:16px/40px ntr; color:#fff; margin-bottom: 10px; }

/* sub1_4 */
#sub1_4 .cont1 ul li { float:left; width:580px; margin:0 40px 40px 0; }
#sub1_4 .cont1 ul li:nth-child(2n) { margin-right: 0; }
#sub1_4 .cont1 ul li:nth-child(2n+1) { clear:both; }
#sub1_4 .cont1 ul li table { width:100%; border-collapse: collapse; border-top:2px solid #104f80; }
#sub1_4 .cont1 ul li table th, #sub1_4 .cont1 ul li table td { border:1px solid #ddd; padding:8px 0; text-align: center; }
#sub1_4 .cont1 ul li table th:first-child, #sub1_4 .cont1 ul li table td:first-child { border-left:none; }
#sub1_4 .cont1 ul li table th:last-child, #sub1_4 .cont1 ul li table td:last-child { border-right:none; }
#sub1_4 .cont1 ul li table th { background: #fafafa; font:16px ntr; color:#104f80; }
#sub1_4 .cont1 ul li table td { font:16px ntr; color:#666;  }
#sub1_4 .cont2 { padding-top: 100px; }
#sub1_4 .cont2 p { margin-top: 10px; font:16px ntr; color:#666; }
#sub1_4 .cont2 p:first-of-type { margin-top: 20px; }
#sub1_4 .cont2 p a { color:#666; }
#sub1_4 .cont2 p span { display: inline-block; width:90px; font-family: ntm; color:#333; }


/* sub1_5 */
#sub1_5 .cont1 img { float:left; }
#sub1_5 .cont1 article { float:right; width: 800px; }
#sub1_5 .cont1 article h4 { font: 22px 'S-CoreDream-6Bold'; color:#104f80; }
#sub1_5 .cont1 article dl { margin-top: 23px; margin-bottom: 10px; }
#sub1_5 .cont1 article dl dt { font: 18px 'S-CoreDream-6Bold'; color:#2883ca; }
#sub1_5 .cont1 article dl dd, #sub1_5 .cont1 article dl dd a { font: 16px/1.6 'ntr'; color:#666; }

/* sub2 */
#sub2 { background:url(/images/bg_sub2.jpg) no-repeat center/cover; }
#sm2 { background:#13bd9d; }
#sm2 li a.select { background:#0ea186; }

/* sub3 */
#sub3 { background:url(/images/bg_sub3.jpg) no-repeat center/cover; }
#sm3 { background:#fac615; }
#sm3 li a.select { background:#f39d0a; }
#container_title { display: none; }
#bo_list_total { display: none; }

/* sub3 */
#sub4 { background:url(/images/bg_sub4.jpg) no-repeat center/cover; }
#sm4 { background:#9c58b7; }
#sm4 li a.select { background:#8f42af; }

#bo_list a.btn_b02 { background:#999 !important;}
#bo_gall a.btn_b02 { background:#999; padding:7px 10px; }
#bo_gall a.btn_admin { padding:7px 10px; }

/* 회원가입 */
#fregister, #fregisterform { padding-bottom:60px; width:1200px; margin:100px auto; }