#contents {float: left; width: 100%; background-color: #f6f6f6; padding-top: 150px; padding-bottom: 65px; background: url("../img/wowweb/images/main_back_img.jpg") no-repeat center top; background-size: cover;}

/* contents_main_contents */
.main_contents_box {float: left; width: 100%;}
.main_contents_area {margin: 0 auto; width: 100%; max-width: 1200px;}
.left_contents_box {float: left; width: 76.66666666666667%; /* 920px */}
.right_contents_box {float: right; width: 20.83333333333333%; /* 250px */}

/* maincon_box1 */
.maincon_box1 {float: left; width: 100%;}

/* contents_preach */
.preach_con {position: relative; float: right; width: 54.34782608695652%; /* 500px */ height: 490px; background: url("../img/wowweb/images/preach_bg.jpg") no-repeat center top; background-size: 100% 100%;}
.preach_txtcon {position: absolute; float: left; bottom: 0; width: 100%; height: auto; font-family: "Noto Sans KR", sans-serif; padding: 6%; box-sizing:border-box; margin-top: 261px; background: rgba(0,0,0,0.55);}
.preach_txtcon h4 {float: left; position: relative; width: 100%;}
.preach_txtcon h4 a {display: block; width: 100%; font-size: 22px; color: #fff; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.preach_txtcon h4 a:hover {color: #89b2fb; text-decoration: underline;}
.preach_txtcon .bodymatter {float: left; width: 100%; font-size: 16px; color: #fff; font-weight: 400; line-height: 16px; margin-top: 15px;}
.preach_txtcon .bodydate {float: left; width: 100%; font-size: 16px; color: #fff; font-weight: 300; line-height: 16px; margin-top: 10px;}

/* cafe24_preach */
.preach_cafe24 {float: left; width: 100% !important;}
.preach_cafe24 .board_output {background: rgba(255,255,255,0);}
.board_output_21_tr {float: left; width: 100% !important;}
.board_output_21_tr td {display: block; width: 100% !important; text-align: left;}
.board_output_21_tr td:first-child {display: none;}
.board_output_21_tr td:nth-child(2) {display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board_output_21_tr td:nth-child(2) a {display: block; width: 100%; font-size: 22px; color: #fff; font-weight: 400; line-height: 22px;}
.board_output_21_tr td:nth-child(2) a:hover {color: #89b2fb; text-decoration: underline;}
.board_output_21_tr td:nth-child(3) {display: inline-block; font-size: 16px; color: #fff; font-weight: 400; line-height: 16px; margin-top: 20px;}
.board_output_21_tr td:nth-child(4) {display: inline-block; font-size: 16px; color: #fff; font-weight: 400; line-height: 16px; margin-top: 10px;}

/* contents_board_conarea */
.board_conarea {float: left; width: 45.65217391304348%; /* 420px */}
.inner_section {float: left; width: 100%; height: 225px; padding: 7.142857142857143%; background-color: #4475cb; box-sizing:border-box;}
.inner_section2 {float: left; height: 265px; background-color: #082559;}

/* contents_title_common */
.tit_post {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 22px; color: #fff; font-weight: 500; line-height: 22px; margin-bottom: 18px;}
.tit_post2 {margin-bottom: 10px;}
.tit_post3 {padding: 6%; padding-bottom: 0; box-sizing:border-box;}

.tit_titletxt {float: left; margin-top: 5px;}
.morebox {float: right;}
.morebox a {display: block; width: 31px; height: 31px; padding: 8px; box-sizing:border-box; border: 1px solid #8dafeb;}
.morebox2 a {border: 1px solid #fff;}
.morebox a:hover {border: 1px solid #fff;}
.morebox a:hover span.ico_more span {background-color: #fff;}
.morebox a:hover span.ico_more:after {background-color: #fff;}

.link_more {display: block; overflow: hidden; width: 13px; height: 13px;}
.link_more span {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.link_more span.ico_more {display: block; position: relative; top: 0; left: 6.5px; width: 1px; height: 13px; text-indent: -9999px;}
.link_more:hover .ico_more {-webkit-transform: rotate(180deg); -moz-transfrom: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.link_more span.ico_more span {display: block; position: absolute; left: 0; width: 1px; height: 7px; background-color: #8dafeb;}
.link_more span.ico_more span.bar_1 {top: 0;}
.link_more span.ico_more span.bar_2 {bottom: 0;}
.link_more span.ico_more:after {display: block; position: absolute; top: 6.2px; left: -6.5px; width: 13px; height: 1px; background-color: #8dafeb; content: ""; box-sizing:border-box;}
.link_more2 span.ico_more span {background-color: #fff;}
.link_more2 span.ico_more:after {background-color: #fff;}

/* more arrow_Rollover_effect */
.link_more:hover .bar_1 {
  -webkit-transform: translateX(-5px) translateY(1px) rotate(45deg);
  -moz-transfrom: translateX(-5px) translateY(1px) rotate(45deg);
  -ms-transform: translateX(-5px) translateY(1px) rotate(45deg);
  transform: translateX(-5px) translateY(1px) rotate(45deg);
}
.link_more:hover .bar_2 {
  -webkit-transform: translateX(-5px) translateY(-1px) rotate(-45deg);
  -moz-transfrom: translateX(-5px) translateY(-1px) rotate(-45deg);
  -ms-transform: translateX(-5px) translateY(-1px) rotate(-45deg);
  transform: translateX(-5px) translateY(-1px) rotate(-45deg);
}

.list_post {float: left; width: 100%; height: auto; position: relative;}
.list_post li {height: auto; position: relative; overflow: hidden;}
.list_post li a {display: block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #aecafc; font-weight: 300; line-height: 30px;}
.list_post li a:hover span.title {color: #fff; text-decoration: underline;}
.list_post li a span.title {width: 99%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left;}
.list_post2 li {/* height: 43px; border-bottom: 1px solid #2c4b83; */ box-sizing:border-box;}
.list_post2 li:last-child {border-bottom: 0;}
.list_post2 li a {color: #7d98c9; line-height: 43px;}

/* cafe24_board_common */
.board_output_27_tr {height: 43px; line-height: 43px; border-bottom: 1px solid #2c4b83;}
.board_output_27_tr a:hover {color: #fff; text-decoration: underline;}
.board_output_27_tr td:first-child {display: none;}
.board_output_27_tr td.bd_out1 {float: left; width: 100%; display: block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.board_output_27_tr:last-child {border-bottom: 0;}

.board_output_14_tr {height: 30px; line-height: 30px;}
.board_output_14_tr a:hover {color: #fff; text-decoration: underline;}
.board_output_14_tr td:first-child {display: none;}
.board_output_14_tr td.bd_out1 {float: left; width: 100%; display: block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

/* maincon_box2 */
.maincon_box2 {float: left; width: 100%; height: 260px;}
.eventzone {float: right; width: 54.34782608695652%; /* 500px */}

/* eventzone_slide */
.eventzone_slidearea {float: left; width: 100%;}
.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.eventzone_title {position: absolute; float: left; width: 100%; height: 65px; padding-left: 28px; box-sizing:border-box; background-color: #fff; z-index: 10;}
.eventzone_title h5 {display: block; float: left; font-family: "Noto Sans KR", sans-serif; font-size: 22px; color: #2b2b2b; font-weight: 500; line-height: 65px;}
.swiper-slide {width: 100% !important; height: 195px !important; margin-top: 65px; 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;}
.swiper-slide a {display: block; width: 100%; height: 100%;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url(../img/wowweb/images/btn_arrow_prev.png) !important; right: 126px !important; left: auto !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url(../img/wowweb/images/btn_arrow_next.png) !important; right: 94px !important; left: auto;}
.swiper-button-prev, .swiper-button-next {top: 16px !important; width: 31px !important; height: 31px !important; margin-top: 0 !important; z-index: 1000; cursor: pointer; background-color: #fff; border: 1px solid #c5c5c5; opacity: 1.0; -moz-background-size: 31px 31px !important; -webkit-background-size: 31px 31px !important; background-size: 31px 31px !important; transition: all 0.3s ease;}
.swiper-button-prev:hover, .swiper-button-next:hover {background-color: #f1efef;}
.swiper-button-play {position: absolute; top: 16px; width: 31px; height: 31px; right: 30px; left: auto; background-image: url(../img/wowweb/images/btn_arrow_play.png) !important; background-color: #fff; border: 1px solid #c5c5c5; z-index: 10; cursor: pointer; transition: all 0.3s ease;}
.swiper-button-play:hover {background-color: #f1efef;}
.swiper-button-pause {position: absolute; top: 16px; width: 31px; height: 31px; right: 62px; left: auto; background-image: url(../img/wowweb/images/btn_arrow_stop.png) !important; background-color: #fff; border: 1px solid #c5c5c5; z-index: 10; cursor: pointer; transition: all 0.3s ease;}
.swiper-button-pause:hover {background-color: #f1efef;}
.swiper-pagination {display: none;}

/* shourt_icobtn */
.shourt_icobtn {float: left; width: 45.65217391304348%; /* 420px */ height: 260px;}
.shourt_icobtn ul {float: left; width: 100%;}
.shourt_icobtn ul li {float: left; width: 50%; font-family: "Noto Sans KR", sans-serif; font-size: 18px; font-weight: 400;}
.shourt_icobtn ul li a {display: block; width: 100%; height: 260px; text-align: center; padding: 20% 0 20%; box-sizing: border-box;}
.shourt_icobtn ul li:nth-child(1) a {color: #7ca0dd; background-color: #fff;}
.shourt_icobtn ul li:nth-child(2) a {color: #fff; background-color: #8eade2;}
.shourt_icobtn ul li span {display: inline-block; width: 100%;}
.shourt_icobtn ul li span.shico {margin-bottom: 20px;}

.maincon_aside {float: left; width: 100%; /* 250px */}
.aside_toptitle {float: left; width: 100%; height: 195px;}
.aside_toptitle img {width: 100%;}

.aside_link {float: left; width: 100%; height: 295px; padding: 8% /* 20px */; box-sizing: border-box; background: #084c97 url(../img/wowweb/images/aside_link_bg.jpg) no-repeat center top; background-size: cover;}
.linkcon_tit {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; margin-bottom: 15px;}
.linkcon_tit li:nth-child(1) {font-size: 22px; color: #fff; font-weight: 400; line-height: 22px; margin-bottom: 10px;}
.linkcon_tit li:nth-child(2) {font-size: 13px; color: #fff; font-weight: 300; line-height: 13px;}

.linkcon_menu {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; border-top: 1px solid #84a4c8; border-left: 1px solid #84a4c8; box-sizing: border-box;}
.linkcon_menu li {float: left; width: 50%; height: 38px; border-bottom: 1px solid #84a4c8; border-right: 1px solid #84a4c8; box-sizing: border-box;}
.linkcon_menu li a {display: block; width: 100%; font-size: 13px; color: #fff; font-weight: 300; line-height: 38px; text-align: center; transition: all 0.5s ease;}
.linkcon_menu li a:hover {background-color: rgba(0,255,255,0.3);}

.aside_banner {float: left; width: 100%;}
.bann_thumb {position: relative; float: left; width: 100%; height: 130px;}
.bann_thumb a {display: inline-block; width: 100%; text-align: left; background-color: #000;}
.bann_thumb a .thumb_img {float: left; width: 100%; height: 100%; min-height: 130px; background: url(../img/wowweb/images/worship_bg.jpg) no-repeat center top; background-size: cover; opacity: 1.0; transition: all 0.5s ease;}
.bann_thumb a .thumb_img2 {background: url(../img/wowweb/images/location_bg.jpg) no-repeat center top; background-size: cover;}
.bann_thumb a:hover .thumb_img {display: block; opacity: 0.4;}

.bann_thumb a .bann_infotxt {position: absolute; float: left; width: 100%; top: 0; font-family: "Noto Sans KR", sans-serif; padding: 20px; box-sizing: border-box; transition: all 0.5s ease;}
.bann_infotxt h4 {font-size: 22px; color: #fff; font-weight: 700; line-height: 28px; margin-bottom: 5px; margin-top: 20px;}
.bann_infotxt li:nth-child(2) {display: inline-block; width: 100%; font-size: 13px; color: #fff; font-weight: 300; line-height: 16px;}
.bann_thumb a .more_arrow {display: inline-block; float: right; width: 6%; margin-top: -35px; box-sizing: border-box; transition: all 0.5s ease;}
.bann_thumb a .more_arrow img {width: 100%;}
.bann_thumb a:hover .more_arrow {margin-right: 10px;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:359px) {

#contents {padding-top: 98px; padding-bottom: 2.777777777777778%;}
.main_contents_area {padding: 0 3%; box-sizing: border-box;}

.left_contents_box {width: 100%;}
.preach_con {width: 100%; height: 380px; margin-bottom: 3%;}
.preach_txtcon h4 a {font-size: 19px;}
.preach_txtcon .bodymatter {font-size: 14px;}
.preach_txtcon .bodydate {font-size: 14px;}

.board_output_20_tr td:nth-child(2) a {font-size: 18px;}

.board_conarea {width: 100%; margin-bottom: 3%;}
.inner_section {height: auto;}

.maincon_box2 {height: auto; margin-bottom: 3%;}
.eventzone {width: 100%; margin-bottom: 3%;}
.eventzone_title {padding-left: 20px;}

.swiper-slide {height: 120px !important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {right: 116px !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 84px !important;}
.swiper-button-play {right: 20px;}
.swiper-button-pause {right: 52px;}

.shourt_icobtn {width: 100%; height: auto;}
.shourt_icobtn ul li {font-size: 15px;}
.shourt_icobtn ul li a {height: auto;}
.shourt_icobtn ul li span.shico {margin-bottom: 10px;}
.shico img {width: 48%;}

.right_contents_box {width: 100%;}
.aside_toptitle {display: none;}
.aside_link {height: auto; padding: 6%;}
.linkcon_menu li a {font-size: 15px;}

.bann_thumb {height: 135px;}
.bann_thumb a .thumb_img {min-height: 135px; background: url(../img/wowweb/images/worship_bg.jpg) no-repeat center -20px; background-size: cover;}
.bann_thumb a .thumb_img2 {background: url(../img/wowweb/images/location_bg.jpg) no-repeat center -20px; background-size: cover;}
.bann_thumb a .bann_infotxt {padding: 6%;}
.bann_infotxt h4 {font-size: 22px; margin-top: 20px; margin-bottom: 10px;}
.bann_infotxt li:nth-child(2) {font-size: 18px;}
.bann_thumb a .more_arrow {width: 4%; margin-top: -40px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:360px) and (max-width:719px) {

#contents {padding-top: 98px; padding-bottom: 2.777777777777778%;}
.main_contents_area {padding: 0 3%; box-sizing: border-box;}

.left_contents_box {width: 100%;}
.preach_con {width: 100%; height: 380px; margin-bottom: 3%;}
.preach_txtcon h4 a {font-size: 19px;}
.preach_txtcon .bodymatter {font-size: 14px;}
.preach_txtcon .bodydate {font-size: 14px;}

/* cafe24_preach */
.board_output_21_tr td:nth-child(2) a {font-size: 20px;}
.board_output_21_tr td:nth-child(3) {font-size: 14px;}
.board_output_21_tr td:nth-child(4) {font-size: 14px; margin-top: 5px;}

.board_conarea {width: 100%; margin-bottom: 3%;}
.inner_section {height: auto;}

.maincon_box2 {height: auto; margin-bottom: 3%;}
.eventzone {width: 100%; margin-bottom: 3%;}
.eventzone_title {padding-left: 20px;}

.swiper-slide {height: 150px !important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {right: 116px !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 84px !important;}
.swiper-button-play {right: 20px;}
.swiper-button-pause {right: 52px;}

.shourt_icobtn {width: 100%; height: auto;}
.shourt_icobtn ul li a {height: auto;}
.shourt_icobtn ul li span.shico {margin-bottom: 10px;}
.shico img {width: 54%;}

.right_contents_box {width: 100%;}
.aside_toptitle {display: none;}
.aside_link {height: auto; padding: 6%;}
.linkcon_menu li a {font-size: 15px;}

.bann_thumb {height: 140px;}
.bann_thumb a .thumb_img {min-height: 140px; background: url(../img/wowweb/images/worship_bg.jpg) no-repeat center -20px; background-size: cover;}
.bann_thumb a .thumb_img2 {background: url(../img/wowweb/images/location_bg.jpg) no-repeat center -20px; background-size: cover;}
.bann_thumb a .bann_infotxt {padding: 6%;}
.bann_infotxt h4 {font-size: 22px; margin-top: 20px; margin-bottom: 10px;}
.bann_infotxt li:nth-child(2) {font-size: 18px;}
.bann_thumb a .more_arrow {width: 4%; margin-top: -40px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:720px) and (max-width:767px) {

#contents {padding-top: 110px; padding-bottom: 2.777777777777778%;}
.main_contents_area {padding: 0 3%; box-sizing: border-box;}
.left_contents_box {width: 100%;}

.preach_txtcon h4 a {font-size: 20px;}
.board_output_14_tr td.bd_out1 {width: 100%;}
.board_output_13_tr td.bd_out1 {width: 100%;}

.shourt_icobtn ul li a {height: 240px;}

.eventzone_title {padding-left: 22px;}
.swiper-slide {height: 175px !important;}
.swiper-button-play {right: 20px;}
.swiper-button-pause {right: 52px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 84px !important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {right: 116px !important;}

.right_contents_box {width: 100%;}
.aside_toptitle {display: none;}
.aside_link {float: left; width: 65%; height: 260px; padding: 3%;}
.linkcon_menu li {width: 33.33%;}
.aside_banner {float: left; width: 35%;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) and (max-width:1023px) {

#contents {padding-top: 110px; padding-bottom: 2.777777777777778%;}
.main_contents_area {padding: 0 3%; box-sizing: border-box;}
.left_contents_box {width: 100%;}

.preach_txtcon h4 a {font-size: 20px;}
.board_output_14_tr td.bd_out1 {width: 100%;}
.board_output_13_tr td.bd_out1 {width: 100%;}

.shourt_icobtn ul li a {height: 240px;}

.eventzone_title {padding-left: 22px;}
.swiper-slide {height: 175px !important;}
.swiper-button-play {right: 20px;}
.swiper-button-pause {right: 52px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 84px !important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {right: 116px !important;}

.right_contents_box {width: 100%;}
.aside_toptitle {display: none;}
.aside_link {float: left; width: 65%; height: 260px; padding: 3%;}
.linkcon_menu li {width: 33.33%;}
.aside_banner {float: left; width: 35%;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_pc 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1024px) and (max-width:1279px) {

#slide_container a img {width: 100%; max-width: 444px;}

.maincon_box2 {height: auto;}
.swiper-slide {height: 173px !important;}

.aside_toptitle img {height: 100%;}
.shourt_icobtn ul li a {height: 238px; padding: 17% 0 0;}
.bann_thumb {height: 119px;}
.bann_thumb a .thumb_img {min-height: 119px;}
.bann_infotxt h4 {margin-top: 15px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_pc 1280,1919 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1280px) and (max-width:1919px) {

.maincon_box1 {width: 920px;}
.preach_con {width: 500px;}
.board_conarea {width: 420px;}
.shourt_icobtn {width: 420px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_pc 1920 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1920px) {

.maincon_box1 {width: 920px;}
.preach_con {width: 500px;}
.board_conarea {width: 420px;}
.shourt_icobtn {width: 420px;}

}