#contents {float: left; width: 100%; padding-bottom: 50px;}

/* main_visual_slide */
.main_visualbox {float: left; width: 100%; height: 760px;}
.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {text-align: center; background: #fff; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
-ms-flex-align: center; /*-webkit-align-items: center; align-items: center;*/}
.slide_txtbox {width: 100%; left: 0;}
.slide_txtarea {margin: 0 auto;}
.swiper-slide .slide_titleword {font-family: "Noto Sans KR", sans-serif; font-size: 60px; color: #fff; font-weight: 800; line-height: 65px; text-align: center; padding: 0 10%; margin-top: 9rem; margin-bottom: 10px; -webkit-text-stroke: 2px #000; text-shadow: 10px 10px 20px rgba(0,0,0,0.8);}
.swiper-slide .slide_slogan {font-family: "Noto Sans KR", sans-serif; font-size: 32px; color: #fff; font-weight: 800; line-height: 40px; text-align: center; padding: 0 10%; -webkit-text-stroke: 1px #000; text-shadow: 5px 5px 10px rgba(0,0,0,0.6);}
.titlepoint {color: #ff7f00; font-weight: 700;}
.swiper-pagination-bullet {width: 18px !important; height: 18px !important; display: inline-block; border-radius: 100%; background: rgba(255,255,255,0.8) !important; border: 2px solid #fff; box-sizing:border-box;}
.swiper-pagination-white .swiper-pagination-bullet-active {background: #00a2e5 !important; border: none;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 5% !important;}

/* contents_quick_shortcut */
.quick_shortcut {position: absolute; width: 100%; font-family: "Noto Sans KR", sans-serif; margin-top: -120px; z-index: 10;}
.quick_shortcut_all {margin: 0 auto; width: 100%; max-width: 1200px;}
.quickbann_area1 {float: left; width: 25%; background-color: rgba(161,219,233,0.65);}
.quickbann_area2 {background-color: rgba(85,197,233,0.65);}
.quickbann_area3 {background-color: rgba(0,168,226,0.65);}
.quickbann_area4 {background-color: rgba(0,120,203,0.65);}
.quickbann_area1 ul {float: left; width: 100%; zoom: 1;}
.quickbann_area1 ul li {display: table; float: left; width: 100%;}
.quickbann_area1 ul li a {display: block; width: 100%; height: 120px; padding: 0 8.333333333333333%; box-sizing:border-box;}
.bann_txtall {float: left; margin-top: 37px;}
.bann_title {font-size: 2.2em; color: #fff; font-weight: 700; line-height: 22px; margin-bottom: 10px; text-shadow: 0 2px 2px rgba(0,0,0,0.2);}
.bann_s_txt {font-size: 1.4em; color: #fff; font-weight: 300; line-height: 14px; opacity: 0.8;}
.bann_arrow {float: right; margin-top: 35px;}
.bann_arrow img {width: 100%;}

/* contents_middle_contentsbox */
.middle_contentsbox {float: left; width: 100%; /* line-height: 0.5em; */ padding-top: 50px; padding-bottom: 50px; box-sizing:border-box; background: url(../img/wowweb/images/main_banner_bg.jpg) no-repeat center top; background-size: cover;}
.middle_contentsarea {margin: 0 auto; width: 100%; max-width: 1200px;}

.preach_area {float: left; width: 50%;}
.preach_info {float: left; float: left; width: 100%; height: 300px;}
.preach_info {display: block; width: 100%; font-family: "Noto Sans KR", sans-serif;}
.preach_info figure {float: left; width: 50%; height: 100%; margin: 0; padding: 0; overflow: hidden;}
.preach_thumb {width: 100%; height: 100%;}
.preach_info .preach_infotxt {float: left; width: 50%; height: 300px; font-family: "Noto Sans KR", sans-serif; text-align: center; padding: 5%; box-sizing:border-box; background-color: #fff;}
.preach_infotxt_title li:nth-child(1) {font-size: 28px; color: #393939; font-weight: 500; line-height: 28px;}
.preach_infotxt_title li:nth-child(2) {margin: 0 auto; width: 86%; font-size: 13px; color: #676767; font-weight: 300; line-height: 18px; margin-top: 10px;}
.preach_infotxt_content {float: left; width: 100%; margin-top: 20px;}
.preach_infotxt_content li:nth-child(1) {display: inline; font-size: 14px; color: #fff; font-weight: 300; line-height: 26px; padding: 1% 4%; background-color: #1f75c9;}
.preach_infotxt_content li:nth-child(3) {font-size: 14px; color: #656464; font-weight: 300; line-height: 14px; margin-top: 15px;}
.preach_infotxt_content li.worship_boxtit {background-color: #00a2e5;}
.preach_infotxt_content li.worship_data {font-size: 17px; color: #393939; font-weight: 500; line-height: 25px; margin-top: 10px;}

.preach_info .morebtn {position: relative; float: right; width: 50%; height: 40px; line-height: 40px; bottom: 40px;}
.preach_info .morebtn a {display: block; width: 100%; font-size: 14px; color: #fff; font-weight: 300; text-align: center; background-color: #1f75c9; transition: all 0.5s ease;}
.preach_info .morebtn a:hover {background-color: #0347a4;}
.preach_info .morebtn2 {position: relative; float: right; width: 50%; height: 40px; line-height: 40px; bottom: 40px;}
.preach_info .morebtn2 a {display: block; width: 100%; font-size: 14px; color: #fff; font-weight: 300; text-align: center; background-color: #00a2e5; transition: all 0.5s ease;}
.preach_info .morebtn2 a:hover {background-color: #07529b;}

/* preach cafe_ex css */
.board_output_20_tr td:nth-child(1) {display: none;}
.board_output_20_tr td:nth-child(2) {display: inline-block; width: 100%;}
.board_output_20_tr td:nth-child(2) a {display: block; width: 100%; font-size: 18px; color: #393939; font-weight: 500; letter-spacing: -0.5px; margin-top: 10px;}
.board_output_20_tr td:nth-child(2) a:hover {color: #00aeef; text-decoration: underline;}
.board_output_20_tr td:nth-child(3) {display: inline-block; width: 100%; font-size: 15px; color: #656464; font-weight: 400; line-height: 16px; margin-top: 12px;}
.board_output_20_tr td:nth-child(4) {display: inline-block; width: 100%; font-size: 14px; color: #656464; font-weight: 300; line-height: 14px; margin-top: 8px;}

/* contents_widget_board */
.widget_board {float: left; width: 50%;}
.inner_section {float: left; width: 100%; height: 190px; padding: 5%; background-color: #fff; box-sizing: border-box;}
.inner_section .tit_post {font-family: "Noto Sans KR", sans-serif; font-size: 24px; font-weight: 500; line-height: 24px; margin-bottom: 16px;}
.inner_section .tit_post .tit_post_txt {display: inline-block; margin-top: 3px;}
.inner_section .link_more {display: block; overflow: hidden; float: right; width: 27px; height: 27px;}
.inner_section .link_more img {vertical-align: top;}

.widget_board .list_post li {overflow: hidden; font-family: "Noto Sans KR", sans-serif; line-height: 24px;}
.widget_board .list_post li .tit_story {float: left; width: 70%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.widget_board .list_post li .tit_story a {font-size: 1.4em; color: #5a5a5a; font-weight: 400;}
.widget_board .list_post li .tit_story a:hover {color: #00a2e5; text-decoration: underline;}
.widget_board .list_post li .txt_time {float: left; width: 30%; font-size: 1.3em; color: #999; text-align: right;}

/* widget_board cafe_ex css */
.board_output_13_tr td:nth-child(1) {display: none;}
.board_output_13_tr td:nth-child(2) {display: inline-block; width: 80%;}
.board_output_13_tr td a {display: block; width: 100%; height: 30px; font-size: 14px; color: #5a5a5a; font-weight: 400; line-height: 24px;}
.board_output_13_tr td a:hover {color: #00a2e5; text-decoration: underline;}
.board_output_13_tr td:nth-child(3) {display: inline-block; width: 20%; font-size: 13px; color: #999; text-align: right;}

/* contents_bann_thumb */
.bann_thumb {position: relative; float: left; width: 25%; height: 190px;}
.bann_thumb a {display: inline-block; width: 100%; text-align: center;}
.bann_thumb a .thumb_img {background: #000;}
.bann_thumb a .thumb_img img {width: 100%; height: 190px; opacity: 1.0;}
.bann_thumb a:hover .thumb_img img {opacity: 0.4; display: block; transition: all 0.5s ease;}
.bann_thumb a .bann_infotxt {position: absolute; float: left; width: 100%; bottom: 37%; font-family: "Noto Sans KR", sans-serif; transition: all 0.5s ease;}
.bann_thumb a:hover .bann_infotxt {bottom: 22%;} 
.bann_infotxt h4 {font-size: 25px; color: #fff; font-weight: 700; line-height: 25px; margin-bottom: 20px;}
.bann_infotxt li:nth-child(2) {display: inline; width: 30%; font-size: 13px; color: #fff; font-weight: 300; padding: 1% 3%;}
.bann_infotxt li.explan1 {background-color: #7e1c35;}
.bann_infotxt li.explan2 {background-color: #c55901;}
.bann_infotxt li.explan3 {background-color: #108220;}
.bann_infotxt li.explan4 {background-color: #2571ae;}

/* contents_event_banner */
.event_banner {float: left; width: 50%; height: 190px;}
.event_bannerimg img {width: 100%; height: 190px;}

/* new family */
.newfamily_box {float: left; width: 100%; height: 380px; margin-top: 50px; background: url(../img/wowweb/images/newfamily_bg.jpg) no-repeat center top; background-size: cover;}
.newfamily_area {margin: 0 auto; width: 100%; max-width: 1200px;}
.newfamily_title {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; text-align: center;}
.newfamily_title li:nth-child(1) {font-size: 36px; color: #fff; font-weight: 700; line-height: 36px; margin-top: 80px; text-shadow: 0 2px 2px rgba(0,0,0,0.5);}
.newfamily_title li:nth-child(2) {font-size: 20px; color: #111111; font-weight: 500; line-height: 20px; margin-top: 10px;}
.newfamily_infotxt {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; text-align: center;}
.newfamily_infotxt li:nth-child(1) {font-size: 18px; color: #fff; font-weight: 400; line-height: 18px; margin-top: 20px; text-shadow: 0 3px 3px rgba(0,0,0,0.3);}
.newfamily_infotxt li:nth-child(2) {font-size: 18px; color: #fff; font-weight: 400; line-height: 18px; margin-top: 10px; text-shadow: 0 3px 3px rgba(0,0,0,0.3);}
.detail_viewbtn {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; margin-top: 40px;}
.detail_viewbtn li {margin: 0 auto; width: 165px;}
.detail_viewbtn li a {display: block; width: 100%; height: 48px; font-size: 15px; color: #fff; font-weight: 500; line-height: 48px; text-align: center; background: rgba(0,114,54,0.8); border: 1px solid #115b2a; transition: all 0.5s ease; box-sizing: border-box;}
.detail_viewbtn li a:hover {background: #0356a7; border: 1px solid #0356a7;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:359px) {

#contents {padding-bottom: 30px;}

/* main_visual_slide */
.main_visualbox {height: 360px;}
.swiper-slide .slide_titleword {font-size: 1.9em; line-height: 28px; padding: 0 5%; margin-top: 14%;}
.swiper-slide .slide_slogan {font-size: 1.3em; line-height: 18px; padding: 0 8%;}
.swiper-pagination-bullet {width: 13px !important; height: 13px !important;}
.swiper-button-next {display: none;}
.swiper-button-prev {display: none;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 5% !important;}

.middle_contentsbox {padding: 3% 3%; box-sizing:border-box;} /* ÄÁÅÙÃ÷ ÁÂ¿ì ¿©¹é°ª */
.preach_area {width: 100%;}
.preach_info {height: auto;}
.preach_info figure {width: 100%;}
.preach_thumb img {width: 100%; height: 260px;}
.preach_info .preach_infotxt {width: 100%; height: 100%; padding: 8% 5%}
.preach_infotxt_title li:nth-child(1) {font-size: 2.6em;}
.preach_infotxt_title li:nth-child(2) {width: 100%;}
.preach_infotxt_content li:nth-child(1) {padding: 2% 4%;}
.preach_infotxt_content li:nth-child(2) a {font-size: 1.8em; line-height: 24px; margin-top: 20px;}
.preach_infotxt_content li:nth-child(3) {font-size: 1.4em;}
.preach_info .morebtn {width: 100%; height: 50px; line-height: 50px; bottom: 0;}
.preach_info .morebtn a {font-size: 1.6em;}
.preach_info .morebtn2 {width: 100%; height: 50px; line-height: 50px; bottom: 0;}
.preach_info .morebtn2 a {font-size: 1.6em;}

.bann_thumb {width: 100%; height: auto;}
.bann_thumb a .thumb_img img {width: 100%; height: auto;}
.bann_thumb a .bann_infotxt {bottom: 38%;}
.bann_infotxt h4 {font-size: 2.4em; line-height: 30px;}
.bann_infotxt li:nth-child(2) {font-size: 1.6em;}

.widget_board {width: 100%;}
.inner_section {height: 100%;}
.widget_board .tit_post {font-size: 2.0em;}
.board_output_13_tr td a {font-size: 1.3em;}
.board_output_13_tr td:nth-child(3) {font-size: 1.2em;}

.event_banner {width: 100%; height: 100%; margin: 3% 0;}
.event_bannerimg img {height: 100%;}

.newfamily_box {height: 420px; margin-top: 30px;}
.newfamily_title li:nth-child(1) {font-size: 2.8em; margin-top: 60px;}
.newfamily_title li:nth-child(2) {font-size: 1.7em;}
.newfamily_infotxt li:nth-child(1) {display: inline-block; width: 90%; font-size: 1.5em; letter-spacing: -0.5px;}
.newfamily_infotxt li:nth-child(2) {display: inline-block; width: 88%; font-size: 1.5em; line-height: 24px; letter-spacing: -0.5px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:360px) and (max-width:719px) {

#contents {padding-bottom: 30px;}

/* main_visual_slide */
.main_visualbox {height: 360px;}
.swiper-slide .slide_titleword {font-size: 2.2em; line-height: 28px; padding: 0 5%; margin-top: 14%;}
.swiper-slide .slide_slogan {font-size: 1.3em; line-height: 18px; padding: 0 8%;}
.swiper-pagination-bullet {width: 13px !important; height: 13px !important;}
.swiper-button-next {display: none;}
.swiper-button-prev {display: none;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 5% !important;}

.middle_contentsbox {padding: 3% 3%; box-sizing:border-box;} /* ÄÁÅÙÃ÷ ÁÂ¿ì ¿©¹é°ª */
.preach_area {width: 100%;}
.preach_info {height: auto;}
.preach_info figure {width: 100%;}
.preach_thumb img {width: 100%; height: 320px;}
.preach_info .preach_infotxt {width: 100%; height: 100%; padding: 8% 5%}
.preach_infotxt_title li:nth-child(2) {width: 100%;}
.preach_infotxt_content li:nth-child(1) {padding: 2% 4%;}
.preach_infotxt_content li:nth-child(2) a {font-size: 2.0em; line-height: 26px; margin-top: 20px;}
.preach_infotxt_content li:nth-child(3) {font-size: 1.6em;}
.preach_info .morebtn {width: 100%; height: 50px; line-height: 50px; bottom: 0;}
.preach_info .morebtn a {font-size: 1.6em;}
.preach_info .morebtn2 {width: 100%; height: 50px; line-height: 50px; bottom: 0;}
.preach_info .morebtn2 a {font-size: 1.6em;}

.bann_thumb {width: 100%; height: auto;}
.bann_thumb a .thumb_img img {width: 100%; height: auto;}
.bann_infotxt h4 {font-size: 2.4em; line-height: 30px;}
.bann_infotxt li:nth-child(2) {font-size: 1.6em;}

.widget_board {width: 100%;}
.inner_section {height: 100%;}
.widget_board .tit_post {font-size: 2.0em;}

.event_banner {width: 100%; height: 100%; margin: 3% 0;}
.event_bannerimg img {height: 100%;}

.newfamily_box {height: 420px; margin-top: 30px;}
.newfamily_title li:nth-child(1) {font-size: 3.2em; margin-top: 70px;}
.newfamily_title li:nth-child(2) {font-size: 1.8em;}
.newfamily_infotxt li:nth-child(1) {display: inline-block; width: 90%; font-size: 1.5em; letter-spacing: -0.5px;}
.newfamily_infotxt li:nth-child(2) {display: inline-block; width: 88%; font-size: 1.5em; line-height: 24px; letter-spacing: -0.5px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:720px) and (max-width:767px) {

/* main_visual_slide */
.main_visualbox {height: 460px;}
.swiper-slide .slide_titleword {font-size: 3.5em; line-height: 50px; padding: 0 10%;}
.swiper-slide .slide_slogan {font-size: 1.8em; line-height: 28px; padding: 0 10%;}
.swiper-slide .slide_slogan br {display: none;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 5% !important;}

.middle_contentsbox {padding: 3% 3%; box-sizing:border-box;} /* ÄÁÅÙÃ÷ ÁÂ¿ì ¿©¹é°ª */
.preach_area {width: 100%;}
.preach_thumb img {width: 100%; height: 100%;}
.preach_infotxt_title li:nth-child(2) {width: 100%;}

.bann_thumb {width: 50%; height: auto;}
.bann_thumb a .thumb_img img {width: 100%; height: auto;}
.bann_infotxt h4 {font-size: 2.4em; line-height: 24px;}
.bann_infotxt li:nth-child(2) {font-size: 1.4em;}

.widget_board {width: 100%;}
.inner_section {height: 195px;}
.widget_board .tit_post {font-size: 2.5em;}

.event_banner {width: 100%; height: 100%;}
.event_bannerimg img {height: 100%;}

.newfamily_box {height: 420px;}
.newfamily_infotxt li:nth-child(1) {display: inline-block; width: 86%;}
.newfamily_infotxt li:nth-child(2) {display: inline-block; width: 86%; line-height: 26px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) and (max-width:1023px) {

/* main_visual_slide */
.main_visualbox {height: 500px;}
.swiper-slide .slide_titleword {font-size: 4.0em; line-height: 50px; padding: 0 10%;}
.swiper-slide .slide_slogan {font-size: 2.0em; line-height: 32px; padding: 0 10%;}
.swiper-slide .slide_slogan br {display: none;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 5% !important;}

.middle_contentsbox {padding: 3% 3%; box-sizing:border-box;} /* ÄÁÅÙÃ÷ ÁÂ¿ì ¿©¹é°ª */
.preach_area {width: 100%;}
.preach_thumb img {width: 100%; height: 100%;}
.preach_infotxt_title li:nth-child(2) {width: 100%;}

.bann_thumb {width: 50%; height: auto;}
.bann_thumb a .thumb_img img {width: 100%; height: auto;}
.bann_infotxt h4 {font-size: 2.8em; line-height: 28px;}
.bann_infotxt li:nth-child(2) {font-size: 1.5em;}

.widget_board {width: 100%;}
.inner_section {height: 200px;}
.widget_board .tit_post {font-size: 2.5em;}

.event_banner {width: 100%; height: 100%;}
.event_bannerimg img {height: auto;}

.newfamily_box {height: 420px;}
.newfamily_infotxt li:nth-child(1) {display: inline-block; width: 86%;}
.newfamily_infotxt li:nth-child(2) {display: inline-block; width: 86%; line-height: 26px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_pc 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1024px) and (max-width:1279px) {

/* main_visual_slide */
.swiper-slide .slide_slogan br {display: none;}
.bann_thumb {height: 190px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_pc 1280 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1280px) {

/* main_visual_slide */
.swiper-slide .slide_slogan br {display: none;}

}