@font-face {
 font-family: 'SUITE-Regular';
 src: url(webfont/SUITE/SUITE-Regular.ttf) format('truetype');
}
@font-face {
 font-family: 'SUITE-ExtraBold.ttf';
 src: url(webfont/SUITE/SUITE-ExtraBold.ttf.ttf) format('truetype');
}
@font-face {
 font-family: 'SUITE-Bold.ttf';
 src: url(webfont/SUITE/SUITE-Bold.ttf.ttf) format('truetype');
}
@font-face {
 font-family: 'SUITE-Heavy.ttf';
 src: url(webfont/SUITE/SUITE-Heavy.ttf) format('truetype');
}
@font-face {
    font-family: 'SEBANG_Gothic_Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



body * { font-family:SUITE-Regular, sans-serif; letter-spacing : -0.2px;}
.t_white{color:#fff;}
.t_exsuite{font-family: 'SUITE-ExtraBold.ttf';}
.t_havy{font-family: 'SUITE-heavy.ttf';}
.t_sebang{font-family: 'SEBANG_Gothic_Bold';}






.banner_title_wrap {position: absolute;bottom: 21%;left: 0;display: flex;width: 100%;justify-content: space-evenly;flex-wrap: wrap;padding: 3rem 1rem;gap: 2rem;}
.vision_title_txt{color:#fff;}
.vision_cont_txt_box {text-align: right;color: #fff;line-height: 1.75;padding: 30px;background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(15px);}


/* 비전 */
.banner_box{clip-path: ellipse(100% 73% at 50% 20%);height: 42vw;position:relative;/* background-image:url(); */}
.banner_box2{clip-path: ellipse(100% 73% at 50% 20%);height: 42vw;position:relative;/* background-image:url(); */}
.video_filter{filter: brightness(70%);}
.banner_title_txt{position:absolute;bottom:22%;left:15%;color:#fff;}
.banner_title_txt .txt_2{margin-top:50px;}

.banner_title_txt2{position:absolute;bottom:50%;left:50%;transform:translate(-50%,20%);color:#fff;text-align:center;}
.banner_title_txt .txt_2{margin-top:35px;}

.banner_cont_txt {position: absolute;bottom: 22%;right: 15%;text-align: right;color: #fff;line-height: 1.75;padding: 30px;background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(15px);}

.vision_con_box{display:grid;grid-template-columns:6fr 7fr;}
.vision_img:has(img) {aspect-ratio:207/160;overflow: hidden;}
.vision_txt_box{position: relative;padding: 50px;background: #584240;color:#fff;top: 34%;left: 20%;}





/* 예배안내 */
.newc_wrap {position:relative;}
.newc_sub_title{position:absolute;top:-15%;left:0%;opacity:0.2;}
.newc_con_box{display:grid;grid-template-columns:1fr 1fr;align-items: center;gap:40px;}
.newchurch_img:has(img) {aspect-ratio:5/4;overflow: hidden;}
.newchurch_img2:has(img) {aspect-ratio:7/4;overflow: hidden;}
.newchurch_img img, .newchurch_img2 img{width:100%;object-fit: cover;}
.t_worship{width:100%;border:none;margin-top:30px;}
.t_worship td{padding:15px 0px;}


/* 섬기는사람들 */

.minister_con_wrapper{display:flex;gap:20px 80px;flex-wrap: wrap;}
.minister_con_wrapper2{display:grid;gap:40px 80px;grid-template-columns:1fr 1fr 1fr;}
.minister_con_wrapper>div{flex-shrink: 0;}
.minister_img2 img{aspect-ratio: 300 / 310;overflow: hidden;}
.minister_txt{margin-top:30px;text-align:center;}
.minister_txt2{margin-top:30px;}
.minister_txt .txt_2{margin-top:20px;}


/* 오시는길 */
.location_box2 #daumRoughmapContainer1734674023433{width:100% !important;}
.location_title{display: flex;align-items: center;justify-content: center;gap: 8px;flex-wrap: wrap;}
.way_list li::before{content:"- "}
.way_list{padding-left:13px;margin-top:20px;}
.way_list li{text-indent:-13px;}
.way_title{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;}
.subway_num_7{padding: 3px 10px;border-radius: 50%;background: #8c8621;color: #fff;font-weight: 600;}
.subway_num_1{padding: 3px 11px;border-radius: 50%;background: #83bae7;color: #fff;font-weight: 600;}



/* 교회연혁 */
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li>a:hover{ background:#ad7373;color:#fff;transition:0.2s all ;border-radius:8px; }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ background:#333; color: #fff;  border-radius:8px;}
.navpills2 .subnav li{ border:none;}
.navpills2 .subnav li>a{ color:#333;font-weight:600;font-size:24px; }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a{ color:#fff; }
.navpills2 .subnav li a{padding-right: 30px;padding-left: 30px;}

.t_history{width:100%;border:none;}
.t_history td{padding:15px 0px;}
.t_history td:first-child{font-weight:600;}

/* 담임목사님 */
#unit7806 .newc_sub_title { position: absolute; top: -15%;left: 0%; opacity: 0.2;}
.pastor_con_box {display: grid;grid-template-columns: 5fr 7fr;}
.pastor_img:has(img) {aspect-ratio: 4 / 5;overflow: hidden;margin-top: 10%;}
.pastor_txt_box { position: relative;padding: 5vw 4vw; background: #584240; color: #fff;top: 35%;right: 4%;}
.pastor_list{line-height:2;margin-top:30px;}
.pastor_list li {display: flex;gap: 10px;}

/* 마브스쿨 */
.dscipline_txt .txt_2{margin-top:30px;}
.dscipline_txt .txt_2  .wrap_box{display:grid;grid-template-columns:1fr 8fr;}
.dscipline_txt .txt_2  .wrap_box p:first-child{font-weight:600;}
.process_wrap {display: flex;flex-wrap: wrap;}


/* 여성교회 */
.mountainc_con_box{display:grid;grid-template-columns:3fr 2fr;align-items:center;gap:30px 80px;}
.mountain_img:has(img) {aspect-ratio:746/500;overflow: hidden;}
.maountain_txt .txt_2{margin-top:30px;}
.sns_icon{margin-top:100px;display:flex;gap:20px;}


/* 청년교회 */
.youth_minister_wrapper{display: grid;grid-template-columns: 1fr 1fr 1fr;gap:50px 20px;}
.nchurch_box{display: grid;grid-template-columns: 3fr 7fr;}
.t_nchurch{width:100%;border:none;}
.t_nchurch td:first-child{width:20%;}
.t_nchurch td{padding:10px 0px;}
.youth_minister_img {aspect-ratio: 5/4;background: #ddd;overflow: hidden;border-radius: 20px;}
.youth_minister_txt{margin-top:20px;}
.youth_minister_txt2{margin-top:20px;}
.youth_minister_txt .txt_2{margin-top:20px;}


.slidesub #unit9828 {border-radius: 20px;overflow: hidden;}
.slidesub #unit9828 img {aspect-ratio: 445/300;overflow: hidden;object-fit:cover;}


/* 신혼부부 */
.sub9924 .nchurch_box{margin-top:0px;}



/* 영아부 */
.valley_box {display: grid;grid-template-columns: 3fr 7fr;}
.t_vchurch{width:100%;border:none;}
.t_vchurch td:first-child{width:20%;}
.t_vchurch td{padding:10px 0px;}
.nxt_act_wrap{display:grid;grid-template-columns:1fr 1fr 1fr;gap: 30px;}
.nxt_wrapper{display: grid;grid-template-columns: 1fr 1fr;gap: 90px;}
.nxt_wrapper3{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 30px;}
.nxt_wrapper4{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 20px;}
.nxt_txt{margin-top:20px;}
.nxt_txt .txt_2{margin-top:10px;}
.nxt_minister_img{aspect-ratio:5/3; background:#ddd;}
.nxt_minister_img2{aspect-ratio:5/4; background:#ddd;}
.nxt_minister_img3{aspect-ratio:5/6; background:#ddd;}
.nxt_minister_box{padding:30px;background:#fbf3eb;height: 100%;}

/* 청소년부 */
.person_3row #component8195 {min-height: 25vw;}


/* 마브워십 */
.album_box_wrap {display: flex;justify-content: center;gap:50px;margin-top:50px;}
.album_box_wrap>div {text-align: center;height: 25vw;width: 45%;padding: 2vw;transition:0.3s;}
.album_box_wrap .box_01{background:#ddcbb7;}
.album_box_wrap .box_02{background:#56413f;}
p.album_img img{border-radius: 30px;overflow:hidden;transition:0.3s;}
.album_box_wrap>.box_01:hover{box-shadow:10px 10px 0px #56413f;transition:0.3s;}
.album_box_wrap>.box_02:hover{box-shadow:10px 10px 0px #ddcbb7;transition:0.3s;}
.album_box_wrap>div:hover .album_img>img{box-shadow:2px 2px 5px #333;transition:0.3s;}
.album_title {margin: 30px 0;}
.album_box_wrap .box_01 .album_title{color:#56413f;}
.album_box_wrap .box_01 .album_info, .album_box_wrap .box_01 .album_list{color:#333;}
.album_box_wrap .box_02 .album_title{color:#d5b18c;}
.album_box_wrap .box_02 .album_info, .album_box_wrap .box_02 .album_list{color:#fff;}
.Desc_txt{color:#56413f;}
.list_a:hover{text-decoration:none;}
.list_a:focus{text-decoration:none;}


/* 선교 */
.mission_con_box{display:grid;grid-template-columns:1fr 1fr;gap:30px 80px;}
.mission_con_box2{display:grid;grid-template-columns:1fr 1fr;gap:30px 80px;}
.mission_img:has(img) {aspect-ratio:4/3;overflow: hidden;}
.mission_txt .txt_2{margin-top:30px;}
.sns_icon{margin-top:100px;display:flex;gap:20px;}
.missionary_txt1{margin-top:20px;}

.mission_con_txt .txt_2{margin-top:50px;line-height:1.75;}
.mission_con_txt .txt_3{margin-top:50px;line-height:1.75;}
.mission_con_txt .txt_4{margin-top:50px;line-height:1.75;}
.mission_con_txt .txt_5{margin-top:50px;line-height:1.75;}
.mission_con_txt .txt_6{margin-top:50px;line-height:1.75;}

.mission_con_txt2{margin-top:60px;padding:30px;background:#d4af8b;}
.m_pray div{display:flex;gap:10px;}
.t_pray{margin-top:20px;border:none;width:100%;}
.t_pray td{padding:10px 0px;vertical-align:top;}

.pray_list{margin-top:30px;}

.t_mission_wrap{display:flex;    justify-content: center;}
.t_missionary{border:none;margin-top:20px;}
.t_missionary td{padding:0 20px;}
.t_missionary td:first-child{font-weight:600;border-right:1px solid #333;}





/* NGO */
.ngo_con_txt .txt_2{margin-top:50px;}
.ngo_con_txt .txt_3{margin-top:50px;}
.ngo_con_txt .txt_4{margin-top:50px;}
.ngo_img:has(img) {aspect-ratio:1/1;overflow: hidden;}

.ngo_con_box{display:grid;grid-template-columns:4fr 5fr;}
.ngo_img:has(img) {aspect-ratio:207/160;overflow: hidden;}
.ngo_txt_box{position: relative;padding: 50px;background: #fff;color:#716252;top: 15%;right: 10%;}
.sponsor_txt{margin-top:50px;overflow-y: scroll;verflow-x: hidden;height: 430px;color:#c5ab8e;padding:0 1vw;}
.sponsor_txt::-webkit-scrollbar {width: 10px;  /* 세로축 스크롤바 폭 너비 */}
.sponsor_txt::-webkit-scrollbar-thumb { background: #c1a68b; /* 스크롤바 막대 색상 *//* 스크롤바 막대 테두리 설정  */border-radius: 12px 12px 12px 12px;}
.sponsor_txt::-webkit-scrollbar-track {background: rgba(193,166,139, .5);  /*스크롤바 뒷 배경 색상*/border-radius: 12px 12px 12px 12px;}


.ngo_con_box{display:grid;grid-template-columns:3fr 2fr;align-items:center;gap:30px 80px;}
.ngo_img:has(img) {aspect-ratio:746/602;overflow: hidden;}
.ngo_txt .txt_2{margin-top:30px;}
.vision_txt{display:flex;gap:20px;}
.sns_icon{margin-top:100px;display:flex;gap:20px;}

.spon_box_wrap{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;}
.spon_box{padding:1.5vw;background:#fff;}

.ngo_wrap{margin-top:20px;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap:20px;}
.ngo_org_box{padding: 1.5vw;background: #fff;border-radius: 12px;}
.ngo_org_img {aspect-ratio: 5 / 4;background: #ddd;overflow: hidden;border-radius: 20px;}
.ngo_org_txt {margin-top: 20px;}

.ngo_project_txt .txt_1{margin-top:30px;}

.nchurch_box .txt_title{margin-bottom:30px;}
.spon_inquiry {margin-top:30px;color:#6f4c3e;}


/* 멍때림 */
.place_con_box{display:grid;grid-template-columns:3fr 2fr;align-items: center;gap:30px 80px;}
.place_img:has(img) {aspect-ratio:746/602;overflow: hidden;}
.place_txt .txt_2{margin-top:30px;}
.sns_icon{margin-top:100px;display:flex;gap:20px;}


.panel-group {margin-bottom: 20px;}
.panel_deco {border-bottom: 1px solid #584240; padding: 20px 0;}
.q_title {display: flex; justify-content: space-between;}
.button_a {color: #333;font-weight: 800;}
.button_a:hover{text-decoration:none;color:#584240;transition:0.2s;}
.faq_con1 .box_1{margin-bottom:50px;}
.panel-body{padding:30px 20px;}
.que{font-size:24px;color:#584240;}

/* 마브팀즈 */
#unit3800 .txt_1{text-align:center;}

.txt_1.more_txt {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.cultive_more{color:#fff;}
.cultive_more:hover{color:#fff;}
.cultive_more:focus{color:#fff;}
.more_box{background:#b7a991;transition:0.2s;}
.cultive_more:hover .more_box{background:#584240;transition:0.2s;}



@media (min-width: 1500px) {
.container{width:1370px;}
}

@media (min-width:993px) and (max-width:1199px) {
	.church_info_container .banner_box{height: 87vh;}
	.church_info_container .banner_box video {
    position: absolute;
    top: 45%;
    left: 50%;
    min-width: 100%;
    min-height: 110%;
    /* width: auto; */
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: -1;}
	.vision_cont_txt_box{text-align:center;}
	.banner_title_wrap {justify-content: center;}
}


@media (min-width:768px) and (max-width:992px) {
		.church_info_container .banner_box{height: 87vh;}
	.church_info_container .banner_box video {
    position: absolute;
    top: 45%;
    left: 50%;
    min-width: 100%;
    min-height: 110%;
    /* width: auto; */
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: -1;}
	.vision_cont_txt_box{text-align:center;}
	.banner_title_wrap {justify-content: center;}
}

@media (max-width:767px) {
.banner_box {clip-path: ellipse(120% 80% at 50% 20%);height: 35vh;}

.banner_box video {
    position: absolute;
    top: 45%;
    left: 50%;
    min-width: 100%;
    min-height: 160%;
    /* width: auto; */
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: -1;
	}
	.banner_title_wrap {justify-content: center;bottom: 10%;text-align:center;}
	.banner_title_txt{padding-bottom: 2rem;left: 8%;}
	.church_info_container .banner_box{height: 87vh;}
	.vision_cont_txt_box{text-align:center;}
	
	#component8797{display:block !important;}
}