/******** common ********/
.wrap {font-family: 'SCDream', sans-serif; width: 100%; font-size: 1.8rem; color: #333; overflow-x: hidden;}
.wrap .pc_area {display: block;}
.wrap .mobi_area {display: none;}
.cont_size {max-width: 1200px; width: 100%; margin: 0 auto;}
.b_flex {display: flex; justify-content: space-between;}
.c_flex {display: flex; justify-content: center;}
@media screen and (max-width:1020px) {
	.wrap .pc_area {display: none;}
	.wrap .mobi_area {display: block;}
}

@media screen and (max-width:768px) {
	.wrap {font-size: 1.6rem;}
}
/*** header ***/
.header {width: 100%;}
.header_cont {}
.header_cont.cont01 {background-color: #012E4A;}
.header_cont.cont01 > .menu_user_area {display: flex; justify-content: space-between;}
.header_cont.cont02 {height: 90px; background: #012E4A;}
.header_cont.cont02 > .cont_size { display: flex; align-items: center; justify-content: space-between;}
.header .logo {width: 25%;}
.header .logo .logo_img{max-width: 250px;}

@media screen and (max-width:1020px) {
	.header_cont.cont02 {padding: 10px 0; height: auto;}
	.header_cont.cont02 > .cont_size {position: relative;}
	.header .logo .logo_img {max-width: 200px; padding-left: 10px;}
}

@media screen and (max-width:500px) {
	.header .logo .logo_img {max-width: 180px;}
}

/* user menu */
.menu_user {display: flex; padding: 1em 0; font-size: 1.5rem; color: #ddd;}
.menu_user > li {margin: 0 0.7em; transition: all 0.2s;}
.menu_user > li:last-child {margin-right: 0;}
.menu_user > li:hover {color: #fff; font-weight: bold;}
.menu_user .icon {padding-right: 3px;}

@media screen and (max-width:1020px) {
	.menu_user {padding: 10px;}
	.menu_user > li {margin: 0;}
	.menu_user:first-child > li:nth-child(2) {margin-right: 10px;}
}

/* top menu */
.menu_top {width: 75%;}
.menu_top_fst {display: flex; text-align: center; justify-content: flex-end;}
.menu_top_fst > li {position: relative; padding: 0 20px;}
.menu_top_fst > li:last-child {padding-right: 0;}
.menu_top_fst > li > .link {display: block; padding: 37px 0; color: #eee; font-size:2rem; white-space: nowrap;}
.menu_top_scd {display: none; position: absolute; top: 90px; left: 50%; width: 180px; transform: translateX(-50%); background-color: rgba(27,27,27,0.8); box-sizing: border-box; font-size: 1.5rem; z-index: 99999999;}
.menu_top_scd > li {text-align: center; box-sizing: border-box; line-height: 1.7;}
.menu_top_scd > li > .link {display: block; padding: 0.5em 0.5em; color: #fff; font-size:1.6rem; word-break: keep-all;}
.menu_top_scd > li:hover > .link {background: #CFECFF; color:#333;}

/* top menu mobile */
.menu_btn_sand {position: absolute; top: 0; right: 10px; width: 30px; height: 25px; padding: 0; border: 0; background: none; opacity: 0.8;}
.menu_btn_sand:hover {opacity: 0.9;}
.menu_btn_sand > .line {width: 100%; height: 3px; background-color: #fff;}
.menu_btn_sand > .line:nth-child(1) {position: absolute; top: 0; left: 0;}
.menu_btn_sand > .line:nth-child(2) {position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.menu_btn_sand > .line:nth-child(3) {position: absolute; bottom: 0; left: 0;}

.menu_top_mobi {overflow-y: auto; position: fixed; top: 0; right: -400px; width: 300px; background-color: #001f33; box-shadow: -2px -2px 5px rgba(0,0,0,0.8); transition: right 0.3s; z-index: 9999999;}
.menu_top_mobi.show {right: 0px;}
.menu_top_mobi_fst {padding: 1em;}
.menu_top_mobi_fst > li {}
.menu_top_mobi_fst > li > .txt {position: relative; padding: 0.7em 0; font-size: 2.4rem; color: #FFF; border-bottom: 1px solid #777; cursor: pointer;}
.menu_top_mobi_fst > li > .txt .icon_arw {position: absolute; top: 50%; right: 6%; transform: translateY(-50%); font-size: 1.4rem; opacity: 0.3;}
.menu_top_mobi_fst > li > .txt .icon_arw.active {transform: translateY(-50%) rotate(180deg); opacity: 1;}
.menu_top_mobi_fst > li:hover > .txt {color: #fff;}
.menu_top_mobi_scd {display: none; padding-top: 0.7em;}
.menu_top_mobi_scd > li {}
.menu_top_mobi_scd > li > .link {position: relative; display: block; padding: 0.3em 0px 0.3em 15px; color: rgba(255,255,255,0.5); font-size:2rem;}
.menu_top_mobi_scd > li > .link:hover {color: rgba(255,255,255,1);}

.menu_user_mobi {display: flex; align-items: center; padding: 10px 0 color: #666; border-bottom: 1px solid #333;}
.menu_user_mobi > li {flex: 1 1 30%; text-align: center;}
.menu_user_mobi > li:last-of-type {flex: 0 0 50px;}
.menu_user_mobi > li > .link {display: block; padding: 0.7em 0; color: #b1b1b1; font-size: 1.5rem;}
.menu_user_mobi > li:hover > .link {color: #fff;}
.menu_user_mobi_btn_cls {width: 100%; border: 0; background: none; color: #555; font-size: 1.5rem;}
.menu_user_mobi_btn_cls:hover {color: #fff;}


/*** main ***/
.main {background-color: #abbfc6;}
.main:not(.sub) {position:relative; /*height:1200px; max-height:1000px;*/}
.main_btn {display: block; border: 3px solid #012e4a; border-radius: 20px; padding: 10px; width: 160px; height: 40px;
color: #012e4a; text-align: center; margin-left: 20px; transition: 0.3s; box-sizing: border-box;}

@media screen and (max-width:1500px) {
  .main:not(.sub) {position:static; height:auto; max-height:none;}
}

@media screen and (max-width: 768px) {
	.main_btn {width: 140px;}
}	

@media screen and (max-width: 500px) {
	.main_btn {width: auto;}
}	
/* banner */
.banner_area {position: relative; width: 1200px; height: 0; padding-bottom: 600px; margin: 0 auto; z-index: 9999;}
.banner_cont {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.banner_area .bm_swiper_img {object-fit: contain;}

.banner_area .bm_swiper_area .bm_swiper_cont .swiper-pagination {bottom: 30px;}

@media screen and (max-width:1600px) {
  .banner_area .bm_swiper_area .bm_swiper_cont .swiper-pagination {bottom:30px;}
}
@media screen and (max-width:1500px) {
  .banner_area .bm_swiper_area .bm_swiper_cont .swiper-pagination {bottom:25px;}
}
@media screen and (max-width:1200px) {
	.banner_area {width: 100%; padding-bottom: 66.66%;}
}

/* quick menu */
.quick_area {width: 100%; background: #fff;}
.quick_list {display: flex; justify-content: center; align-items: center; padding: 15px 0;}
.quick_list> li > .link {background: #012e4a;color: #fff; margin: 0 20px;}
.quick_list> li > .link:hover {background: #fff; color: #012e4a;}

@media screen and (max-width: 768px) {
	.quick_area {padding: 0 10px; box-sizing: border-box;}
	.quick_list {padding: 10px 0;}
}

@media screen and (max-width: 500px) {
	.quick_list> li > .link {width: 110px;}
}

/* sermon */
.sermon_area {padding: 60px 0;}
.tit_area .tit {font-size: 3.6rem; color: #012e4a;}
.tit .eng {display: block; font-size: 2.2rem; font-weight: normal; margin-bottom: 10px;}
.sermon_area .main_btn:hover {background: #012e4a; color: #fff;}
.sermon_list {margin-top: 40px;}
.sermon_list > li{width: 49.5%;}
.sermon_list li .sermon_vod {overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.sermon_list li .sermon_vod img {position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%); transition: 0.3s;}
.sermon_list li .sermon_vod:hover img {width: 105%; height: 105%;}
.sermon_right {flex-wrap: wrap;}
.sermon_right > li {width: 49%; margin-bottom: 8px;}

@media screen and (max-width: 1020px) {
	.sermon_area {padding: 50px 20px;}
}

@media screen and (max-width: 768px) {
	.sermon_area {padding: 40px 10px;}
	.tit_area .tit {font-size: 3rem;}
	.tit .eng {display: block; font-size: 1.8rem; margin-bottom: 5px;}
	.sermon_list {flex-wrap: wrap; margin-top: 20px;}
	.sermon_list > li{width: 100%; margin-bottom: 8px;}
	.sermon_list > li:last-child {margin-bottom: 0;}
	.sermon_right > li:nth-child(3), .sermon_right > li:nth-child(4){margin-bottom: 0;}
}

/* worship */
.worship_area {padding: 60px 0; background: #fff;}
.worship_btn_list .main_btn {cursor: pointer;}
.worship_btn_list .main_btn:hover {background: #012e4a; color: #fff;}
.worship_btn_list .main_btn.active{background: #e6f6f9;}
.worship_btn_list .main_btn.active:hover {color: #012e4a;}
.worship_cont .wrsp_tbl{display: none; width: 100%; margin-top: 40px; border-top: 2px solid #9eaeb1;}
.worship_cont .wrsp_tbl.active {display: table;}

.worship_cont .wrsp_tbl tr th, .worship_cont .wrsp_tbl tr td {padding: 11px 0; text-align: center; border: 1px solid #d8e8eb; line-height: 1.2;}
.worship_cont .wrsp_tbl tr th {background: #e6f6f9;}
.worship_cont .wrsp_tbl thead th:first-child, .worship_cont .wrsp_tbl tbody th:first-child {border-left: none;}
.worship_cont .wrsp_tbl thead th:last-child, .worship_cont .wrsp_tbl tbody td:last-child {border-right: none;}

.worship_cont .wrsp_tbl tbody tr:nth-of-type(even) td {background: rgba(230, 246, 249, 0.5);}

.worship_cont .wrsp_tbl tr th, .worship_cont .wrsp_tbl tr td {border: 1px solid #dae2e9;}
.worship_cont .wrsp_tbl.tbl02 tr th {background: #e8f0f7;}
.worship_cont .wrsp_tbl.tbl02 tbody tr:nth-of-type(even) td {background: rgba(232, 240, 247, 0.5);}

.worship_cont .wrsp_tbl tr th, .worship_cont .wrsp_tbl tr td {border: 1px solid #bbccea;}
.worship_cont .wrsp_tbl.tbl03 tr th {background: #c9daf8;}
.worship_cont .wrsp_tbl.tbl03 tbody tr:nth-of-type(even) td {background: rgba(201, 218, 248, 0.5);}

@media screen and (max-width: 1020px) {
	.worship_area {padding: 50px 20px;}
}

@media screen and (max-width: 768px) {
	.worship_area {padding: 40px 10px;}
	.worship_area .tit_area {display: block;}
	.worship_area .tit_area .tit {margin-bottom: 20px;}
	.worship_btn_list .main_btn {width: 32%; margin-left: 0; white-space: nowrap;}
	.worship_cont .wrsp_tbl {margin-top: 20px;}
}

/* news */
.news_area {padding: 60px 0; background: #1474a0; color: #fff;}
.news_area .tit {color: #fff;}
.news_list > div {width: 48%;}
.news_list > div > ul {margin-top: 30px; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
.news_list > div > ul > li{padding: 20px 10px; border-bottom: 1px solid #fff;}
.news_list > div > ul > li .sbj {overflow: hidden; width: 70%; white-space: nowrap; text-overflow: ellipsis;}
.news_list > div > ul > li .date {width: 27%; text-align: right;}

@media screen and (max-width: 1020px) {
	.news_area {padding: 50px 20px;}
}

@media screen and (max-width: 768px) {
	.news_area {padding: 40px 10px;}
	.news_list {display: block;}
	.news_list > div {width: 100%;}
	.news_list .news_left {margin-bottom: 40px;}
	.news_list > div > ul {margin-top: 20px;}
}

/* gallery */
.gall_area {padding: 60px 0;}
.gall_list {margin-top: 30px;}
.gall_list > li {width:24.5%;}
.gall_list > li .link {position: relative; overflow: hidden; display: block; width: 100%; height: 0; padding-bottom: 100%;}
.gall_list > li .gall_list_info {display: flex; flex-direction: column; justify-content: flex-end; position: absolute; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 8%; box-sizing: border-box; background-color: rgba(0,0,0,0.7); color: #fff; line-height: 1.3; font-size: 1.3rem; z-index: 99; opacity: 0; transition: opacity 0.2s;}
.gall_list > li:hover .gall_list_info {opacity: 1;}
.gall_list > li .gall_list_info .gall_list_info_sbj {}
.gall_list > li .gall_list_info .gall_list_info_date {}
.gall_list > li .thumbnail {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform 0.2s; z-index: 9;}
.gall_list > li .thumbnail .centered {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.gall_list > li .thumbnail .centered .gall_list_img {display: block; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%); object-fit: cover;}

@media screen and (max-width: 1020px) {
	.gall_area {padding: 50px 20px;}
}

@media screen and (max-width: 768px) {
	.gall_area {padding: 40px 10px;}
	.gall_list {flex-wrap: wrap; margin-top: 20px;}
	.gall_list > li {width: 49%; margin-bottom: 10px;}
}


/*** 관리자배너 ***/
#banner-box {padding: 5px 0;}

/*** footer ***/
.footer {width: 100%; background-color: #012E4A;}
.footer_cont {display: flex; justify-content: space-between; padding: 2em 0;}
.footer_cont_info {}
.footer_cont_noti {}
.footer_cont_noti .bott_info_link {display: inline-block; margin-left: 10px; padding: 5px 10px; border: 1px solid #eee; border-radius: 3px;}
.footer_cont .copy_txt {color: #eee; line-height: 1.5; font-size: 1.5rem;}
.footer_cont .copy_txt a {color: #eee;}
.footer_cont .copy_txt a:hover {color: #fff;}

@media screen and (max-width:768px) {
	.footer_cont {padding:10px;}
	.footer .footer_cont_info {width:100%;}
	.footer .footer_cont_info .bott_info_link {display: none;}
	.footer .footer_cont_noti.m_none {display: none;}
	.footer .copy_txt {text-align: center; font-size: 1.2rem;}
	
}

/*** sub page ***/

#solution_title_comm {
	font-family: 'SCDream';
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 80px;
	font-size: 3rem;
	color: #333;
	font-weight: 600;
	line-height:90px;
}
/* main */
.main.sub {padding:0px 0; background-color: #fff;}
.main.sub .main_cont {display: flex; max-width: 1200px; min-height: 600px; margin: 0 auto;}
.top_include_area{flex: 1;}
.main_contents {flex: 5; max-width: 980px; padding-left: 40px; box-sizing: border-box;}

.sub_top {overflow:hidden; position:relative; width:100%; height:0; margin-bottom:20px; padding-bottom: 11.45%; font-family:'Jalnan',sans-serif;}
.sub_top_img {width: 100%;}
.sub_top_tit {position:absolute; top:50%; left:50%; display:block; transform:translate(-50%,-50%); font-size:4rem; font-weight:600; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,1), 1px 1px 2px rgba(0,0,0,1);}
.sub_top_tit:before {content:''; position:absolute; bottom:-5px; left:50%; display:block; width:calc(100% + 15px); height:2px; background:#fff; transform:translateX(-50%); box-shadow:1px 1px 2px rgba(0,0,0,0.8);}
.sub_top_tit:after {content:''; position:absolute; bottom:-8px; right:-15px; display:block; width:8px; height:8px; background:#fff; transform:rotate(45deg); box-shadow:1px 1px 2px rgba(0,0,0,0.8);}

@media screen and (max-width:1020px){
  .main_contents {max-width: 1020px;}
  .main.sub .main_cont {display:block; padding:0 10px; box-sizing:border-box;}
  .sub_top {padding-bottom: 21.45%;}
}

/* left menu */
.menu_left {flex: 0 0 190px;}
.menu_left_tit {padding: 3em 0; background:url('../img/main/sub_left_bg.jpg'); background-size: cover; text-align: center; color: #fff; font-weight: 600; font-size: 2.3rem;}
.menu_left_tit_eng {display:block; margin-top: 10px; color:#878787; font-weight: 400; font-size:1.4rem;}
.menu_left_scd {border: 1px solid #ddd;}
.menu_left_scd > li {border-bottom: 1px solid #ddd;}
.menu_left_scd > li > .link {position: relative; display: block; padding: 0.9em 1em; font-size: 1.5rem; color: #555; font-weight: 500; word-break: keep-all;}
.menu_left_scd > li:hover > .link {background-color: #4888B0; color: #fff;}
.menu_left_scd > li.active > .link {background-color: #4888B0; color: #fff;}
.menu_left_scd > li > .link:before {content: ''; position: absolute; top: 50%; right: 1em; display: block; width: 0; height: 0; color: #fff; text-align: center; border-top: 5px solid transparent; border-left: 10px solid #fff; border-bottom: 5px solid transparent; transform: translateY(-50%);}

@media screen and (max-width:1020px){
  .menu_left {display:none;}
  .main_contents {flex-basis:100%; padding-left:0;}
}

/* 반응형 클래스 */
.uotc_100 {width:100% !important;}
.s_board_100 {width:100% !important;}
.media_board_100 {width:100% !important;}
.history_100 {width:100% !important;}
.steward_100 {width:100% !important;}
.member_100 {width:100% !important;}
.yearend_100 {width:100% !important;}
.worship_100 {width:100% !important;}
.weekly_100 {width:100% !important;}
.shichal_100 {width:100% !important;}
.work_100 {width:100% !important;}
.table_100 {width:100% !important;}

/* sub page */
.sub198_list_txt .txt {word-break: keep-all;}
.sub_organ_txt {word-break: keep-all;}
.sub_direc_list .txt {word-break: keep-all;}