@font-face {
 font-family: 'NotoSansKR-Regular'; 
 src: url(webfont/NotoSansKR/NotoSansKR-Regular.otf) format('opentype');
 src: url(webfont/NotoSansKR/NotoSans-Regular.woff) format('woff');
}
@font-face {
 font-family: 'NotoSansKR-Black'; 
 src: url(webfont/NotoSansKR/NotoSansKR-Black_0.otf) format('opentype');
 src: url(webfont/NotoSansKR/NotoSans-Black.woff) format('woff');
}

.f_noto_blak{font-family: 'NotoSansKR-Black';}
.page-content{line-height:1.75;padding-bottom: 120px;font-family: 'NotoSansKR-Regular'; }
.t_white{color:#fff;}

.padding-set-4{padding:4vw 0;}
.padding-set-6{padding:6vw 0;}
.padding-set-8{padding:8vw 0;}

.padding-top-4{padding-top:4vw;}
.padding-bottom-4{padding-bottom:4vw;}


/* 인터넷 역사관 */
.sub-12 .navpills2 .nav-pills>li>a {border-radius: 0;color: #333;border-right: 1px solid #333;font-size:1.1rem;font-weight:600;}
.sub-12 .navpills2 .subnav li a {padding-right: 1.5vw;padding-left: 1.5vw;padding-bottom: 0px;padding-top: 0px;}
.sub-12 .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {color: #baa28e;background-color: #ffffff;}
.history_line {border-bottom: 1px solid #cdc5bd;padding: 30px 0px;}
.history_txt_wrap{display:grid;grid-template-columns:3fr 13fr;gap:20px;}
.history_txt_wrap p:nth-child(2){opacity:0.8;}

/* 담임목사님인사말 */
.greeting_wrap {display: grid;grid-template-columns: 4fr 5fr;gap: 8rem;}
.resume_list p::before{content:"·"; font-weight:600;}
.greeting_box p:nth-child(2){margin-bottom:30px;}
.greeting_txt{line-height:2;}
.greeting_txt p:not(p:last-child){margin-bottom:30px;}
.greeting_txt p:last-child{text-align:right;}
.resume_list{margin-top:30px;}
.resume_wrap{    display: flex;align-items: center;flex-wrap: wrap;}
.pastor_img{margin:40px 0px;}

/* 섬기는 분들 */
.person_4row {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 4vw;}
.person_4row2 {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap: 4vw;}
.people_txt p:nth-child(2){opacity:0.8;}
.sub-14 .nav-tabs {border-bottom: 1px solid #ffffff;    display: flex;justify-content: flex-end;}
.sub-14 .nav-tabs>li>a {margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;color: #333;border-radius: 4px 4px 0 0;font-weight:600;font-size:1.5rem;}
.sub-14 .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #baa28e;cursor: default;background-color: #fff;border-bottom: 3px solid #baa28e;    border-bottom-color: #baa28e;border-top: transparent;border-left: transparent;border-right: transparent;}
.sub-14 .nav-tabs>li>a:hover {border-color: transparent;color: #baa28e;}

/* 예배시간 안내 */
.worship_wrap {display: grid;grid-template-columns: 4fr 5fr;gap: 4vw;}
.worship_wrap2 {display: grid;grid-template-columns: 5fr 4fr;gap: 4vw;}
.worship_img img{aspect-ratio: 9 / 10;}
.t_worsthip{width:100%;border:none;text-align:center;}
.t_worsthip td{border-bottom:1px solid #333;padding:15px 10px;}
.t_worsthip tr:first-child{border-top:3px solid #baa28e;border-bottom:3px solid #baa28e;font-weight:600;color:#333;}
.t_worsthip td:nth-child(1){width:33%;}
.t_worsthip td:nth-child(1){width:33%;}
.t_worsthip td:nth-child(1){width:33%;}

/* 온라인 헌금안내 */
.offering_wrap{display:flex;justify-content: center;margin-top:50px;}
.offering_txt{text-align:center;padding:2vw;background:rgba(0, 0, 0, 0.5);color: #fff;width:50%;backdrop-filter: blur(8px);}
.offering_info p:nth-child(1){margin-bottom:20px;}
.offering_info_box{padding:2vw;background: #baa28e;color: #fff;}

/* 버스시간표 */
.sub-18 .navpills2 .nav-pills>li>a {border-radius: 0;color: #333;border-right: 1px solid #333;font-size:1.1rem;font-weight:600;}
.sub-18 .navpills2 .subnav li a {padding-right: 1.5vw;padding-left: 1.5vw;padding-bottom: 0px;padding-top: 0px;}
.sub-18 .navpills2 .subnav .line_none>a {border-right: none !important;}
.sub-18 .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {color: #baa28e;background-color: #ffffff;}
.bus_box_txt{margin-bottom:30px;}
.bus_box_txt p:not(p:first-child){opacity:0.8;}
.bus_box_txt p{margin:5px 0;}
.t_bus{width:100%;border:none;text-align:center;}
.t_bus td{border-bottom:1px solid #333;padding:10px 0px;}
.t_width6_2_2 td:first-child{width:60%;}
.t_width6_2_2 td:nth-child(2){width:20%;}
.t_width6_2_2 td:nth-child(3){width:20%;}
.t_width7_3 td:first-child{width:70%;}
.t_width7_3 td:nth-child(2){width:30%;}
.t_bus tr:not(.t_bus  tr:first-child){opacity:0.7;}
.t_bus tr:first-child{background:#333;color:#fff;}
.bus_wrap {display: grid;grid-template-columns: 1fr 1fr;gap: 6vw;}

/* 찾아오시는 길 */
#unit9813 #daumRoughmapContainer1759212865899 {width:100% !important;}
.sub-18 .cont{display:none;}

/* 돌봄교실 */
.nxt_top_wrap{display:flex;gap:20px;justify-content: center;}
.nxt_goal_box_wrap {padding: 4vw;display: grid;grid-template-columns: 1fr 1fr;gap: 3vw;}
.nxt_goal_box_txt{display:flex;gap:5px;}
.action_list p{display:flex;gap:5px;opacity:0.85;}
.action_box_wrap {display: flex;flex-wrap: wrap;}
.action_box{height:100%;background:#ddd;padding:35px;}
.bg_1{background:#baa28e;color:#fff;}
.bg_2{background:#e0e0e0;}
.bg_3{background:#ede1d9;}
.bg_4{background:#ede9dd;}


/* 양육 */
.edu_box {aspect-ratio: 3 / 2;padding: 30px;color: #fff;}
.edu_box_txt{margin-top:20px;}
.edu_box_txt p:nth-child(2){opacity:0.85;display:flex;gap:5px;}
.education_wrap {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 3vw;}

/* 단계별훈련 */
.training_box_wrap {   display: flex;flex-wrap: wrap;justify-content: center;}
.tt_title {padding: 5px 4%;border-radius: 60px;border: 3px solid #fff;}
.t_cont_box {padding: 30px;background: #ddd;border-radius: 20px;}
#unit7944, .t_cont_box {height:100%;}
table.t_training {width: 100%;border:none;}
.t_training td{padding:10px 5px;}
.t_training td:first-child {width: 25%;}
.t_training td:nth-child(2) {width: 75%;}

.box_1  {background:#fff2cd;}
.box_2  {background:#d5eac7;}
.box_3  {background:#e2eff7;}

.tt_1{color:#9c4c00;}
.tt_1 td:first-child{color:#9c4c00;font-weight:600;opacity:0.6;}
.tt_2{color:#004c00;}
.tt_2 td:first-child{color:#004c00;font-weight:600;opacity:0.6;}
.tt_3{color:#1a334f;}
.tt_3 td:first-child{color:#1a334f;font-weight:600;opacity:0.6;}

.tt_1 td:not(.tt_1 tr:last-child>td){border-bottom:1px solid #d8b5ad;}
.tt_2 td:not(.tt_2 tr:last-child>td){border-bottom:1px solid #aed6af;}
.tt_3 td:not(.tt_3 tr:last-child>td){border-bottom:1px solid #aebad3;}

/* 상시훈련 */
.box_m_1  {background:#f9f5e5;}
.box_m_2  {background:#fff2cd;}
.box_m_3  {background:#d5eac7;}
.box_m_4  {background:#e2eff7;}
.box_m_5  {background:#abbfe1;}

.tt_m_1{color:#c97652;}
.tt_m_1 td:first-child{color:#c97652;font-weight:600;opacity:0.6;}
.tt_m_2{color:#9c4c00;}
.tt_m_2 td:first-child{color:#9c4c00;font-weight:600;opacity:0.6;}
.tt_m_3{color:#004c00;}
.tt_m_3 td:first-child{color:#004c00;font-weight:600;opacity:0.6;}
.tt_m_4{color:#39416d;}
.tt_m_4 td:first-child{color:#39416d;font-weight:600;opacity:0.6;}
.tt_m_5{color:#253174;}
.tt_m_5 td:first-child{color:#253174;font-weight:600;opacity:0.6;}

.tt_m_1 td:not(.tt_m_1 tr:last-child>td){border-bottom:1px solid #d8b5ad;}
.tt_m_2 td:not(.tt_m_2 tr:last-child>td){border-bottom:1px solid #cfb3a5;}
.tt_m_3 td:not(.tt_m_3 tr:last-child>td){border-bottom:1px solid #82c7a4;}
.tt_m_4 td:not(.tt_m_4 tr:last-child>td){border-bottom:1px solid #aebad3;}
.tt_m_5 td:not(.tt_m_5 tr:last-child>td){border-bottom:1px solid #7d93bf;}




/* 선교활동 */
.mission_wrap{display:flex; gap:0px 20px;flex-wrap: wrap;}
.mission_title2{margin-top:50px;}







 
 
@media(max-width:1450px) {
	.greeting_wrap {      gap: 3rem;}
	.offering_info_box { padding:1rem 10px; }    
	
}
@media(max-width:1199px) {
	.greeting_wrap {     grid-template-columns: 1fr; }
	
	.offering_info_box { font-size: 0.8rem; } 
	.offering_txt {     min-width: 35rem;}
	
	.bus_wrap {    gap:3vw ; } 
	.bus_wrap td {     font-size:0.9rem}
	
	.training_box_wrap >div {    width: 50%; margin: 5px 0 !important;} 
    
}
@media(max-width:991px) {
    .history_line { padding: 1rem 0px;}
	
	.t_worsthip td {
		border-bottom: 1px solid #333;
		padding: 0.5rem 5px;
		font-size: 0.8rem;
	}
	
	.bus_wrap {     grid-template-columns: 1fr  ; gap:4rem ; }
	

}  
@media (max-width:767px) {
	/* 역사 */
	.sub-12 .navpills2 .subnav li a {
    margin-bottom: 20px;padding-right: 2.5vw;padding-left: 2.5vw;
	}
	.history_txt_wrap {grid-template-columns: 5fr 13fr;gap: 15px;}
	/* 담임목사님인사말 */
   .greeting_wrap {
    grid-template-columns: 1fr;
    gap: 4rem;}
   /* 섬기는사람들 */
   .person_4row{grid-template-columns: 1fr 1fr;}
   .person_4row2 {      grid-template-columns: 1fr 1fr 1fr;  }
   
   /* 예배시간안내 */
   .worship_wrap, .worship_wrap2{grid-template-columns: 1fr;}
	#unit1811{order:2;}
	#unit3865{order:1;}
	
	.t_worsthip td { 		font-size: 1rem;	}
	
   /* 다음세대 */
   .nxt_goal_box_wrap{grid-template-columns: 1fr;}
   
   
   
   .offering_txt {     min-width: 90vw;}
   
   .training_box_wrap >div {
        width: 100%;
        padding: 15px !important;
        margin: 0px 15px !important;
    }
   
   
}

@media(max-width:440px) { 
	.history_line { padding: 0rem 0px;} 
	.history_txt_wrap .font-l{font-size:1rem;}
	
	.sub-18 .font-xl {    font-size: 1.0rem;}
	
	.sub-18 .navpills2 .nav-pills>li>a {     font-size: 0.9rem;}
	
	.action_box{ padding:15px;}
	
	.nxt_top_wrap { 
		gap: 0;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	
	.nxt_top_wrap >p:nth-of-type(2){display:none;}
	
	
	.training_box_wrap >div { 
        padding: 10px 15px  !important;
        margin: 0px 0 !important;
    }
	
}