@font-face {
    font-family: 'SBAggroB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.f_agrro{ font-family: 'SBAggroB';}
.f_preextra{font-family: 'PRETENDARD-EXTRABOLD';}
.page-content{line-height:1.75;padding-bottom: 120px;}
.t_white{color:#fff;}



/* 환영하고 축복합니다 */
.greeting_box p:not(p:first-child){margin-top:25px;}
.profile_list li::before{content:"· ";font-weight:600;}
.pastor2_img img{border-radius:30px;}

/* 교회비전 */
.vision_title_box {position:relative;}
.vision_title{margin-top:-20%;line-height:1.2;z-index:2;}
.vision_wrap {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 40px;}
.kg_vision_box {aspect-ratio:1/1;padding: 40px;background: #fbeef4;border-radius: 30px;transition:0.2s all;}
.kg_vision_box p:first-child{margin-bottom:40px;}
.kg_vision_box p:nth-child(2){opacity:0.8;}
.kg_vision_box:hover{background: #3a4270;color:#fbeef4;transition:0.2s all;}
.vision_process_wrap{margin:30px 0 50px 0;display:flex;gap:10px;align-items: center;justify-content: space-evenly;}
.v_box{padding:10px 30px;width:150px;height:150px;background:#3a4270;color:#fbeef4;border-radius:50%;position:relative;}
.v_box span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}


/* 교회연혁 */
.place_wrap {display:grid;grid-template-columns:1fr 1fr;gap:100px;}
.history_place_wrap{display:grid;grid-template-columns:9fr 1fr 9fr;align-items: center;gap:20px;margin-top:30px;}
.place_img>img{aspect-ratio:4/3;border-radius:30px;overflow: hidden;}
.movement_history {display: grid;grid-template-columns: 3fr 9fr;gap: 120px;align-items: center;padding:1vw 8vw;}
.movement_line{width:2px;height:90px;margin:0 auto;background:#92aeed;}

.nav-tabs {border-bottom: none;display: flex;justify-content: center;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #3a4270;cursor: default;background-color: #fff;border: 1px solid transparent;border-bottom: 3px solid #3a4270;}
.navtabs .subnav li a {padding-right: 10px;padding-left: 10px;margin: 0 15px;color:#333;font-family: 'PRETENDARD-EXTRABOLD';font-size:1.3rem;}

.nav-tabs>li>a:hover {border: 1px solid transparent;border-bottom: 3px solid #3a4270;transition:0.2s;}

.t_history{width:100%;margin-top:50px;}
.t_history td{padding:10px;border-bottom:1px solid #ddd;}
.t_history td:first-child{width:5%;font-weight:600;color:#3a4270;}
.t_history td:nth-child(2){width:10%;}
.t_history td:nth-child(3){opacity:0.8;}

/* 예배안내 */

.t_worship {width:100%;text-align:center;}
.t_worship td{padding:20px;}
.t_worship td:first-child{width:25%;}
.t_worship td:nth-child(2){width:25%;}
.t_worship td:nth-child(3){width:50%;}

.t_worship2 {width:100%;text-align:center;}
.t_worship2 td{padding:20px;}
.t_worship2 td:first-child{width:50%;}
.t_worship2 td:nth-child(2){width:50%;}

.t_worship3 {width:100%;text-align:center;}
.t_worship3 td{padding:20px;}
.t_worship3 td:first-child{width:5%;}
.t_worship3 td:nth-child(2){width:18%;}
.t_worship3 td:nth-child(3){width:33%;}
.t_worship3 td:nth-child(4){width:33%;}


/* 섬기는 사람들 */
.person_wrap {display: flex;align-items: center;gap: 1vw;}
.person_txt p:nth-child(2){opacity:0.8;}


/* 오시는길 */
.location_txt{padding:0 2vw;}
.way_txt p{display:flex;gap:10px;}
.location_txt>p:first-child{margin-bottom:50px;border-bottom:3px solid #333;}



/* 예배와말씀 */
.worship_wrap {display: grid;grid-template-columns: 3fr 2fr;gap: 8vw;}
.worship_txt p:first-child{margin-bottom:50px;}
.worship_title{position:relative;font-weight:600;color:#3a4270;}
.worship_title::before {content: "";position: absolute;width: 10px;height: 10px;background: #bee1ff;border-radius: 50%;top: 0%;left: -10%;}
.worship_img_wrap{display:grid;grid-template-columns:1fr 1fr;gap:30px;}



/* 교육과양육 */
.nurture_wrap {display: grid;grid-template-columns: 1fr 1fr;gap: 8vw;}
.nurture_top_align .nurture_wrap{align-items: center;}
.nurture_top_txt p:first-child{margin-bottom:30px;}
.nurture_txt_box{margin-top:50px;padding:30px;background:#3a4270;color:#fff;border-radius:20px;}
.manage_txt{margin-bottom:60px;}
.manage_txt>p:first-child{margin-bottom:20px;}
.manage_title{border-bottom:1px solid #333;padding-bottom:5px;}
.etc_box{padding:30px 50px;background:#fbeef4;border-radius:30px;text-align:center;}

.welcome_week_box_wrap{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 30px;position: relative;}
.line_1::before {content: " ";width: 100%;height: 1px;background: #96bfe2;position: absolute;top: 50%;z-index: -2;}
.line_2::before {content: " ";width: 100%;height: 1px;background: #96bfe2;position: absolute;top: 50%;z-index: -2;}
.welcome_week_box {background: #fbeef4; padding: 30px;border-radius:15px;transition:0.2s all;}
.welcome_week_box:hover{background:#3a4270;color:#fff;transition:0.2s all;}



/* 교회학교 */
.nxt_info{margin-top:50px;}
.nxt_info div{display:flex;gap:10px;}
.nxt_info div p:first-child{font-weight:600;}
.nxt_top_title{box-shadow: inset 0 -40px 0 rgba(221,242,255,0.5); }

.nxt_wrap{display: grid;grid-template-columns:3fr 8fr;gap: 10vw;}
.nxt_img {aspect-ratio:5/2;border-radius: 20px;overflow: hidden;}
.nxt_img img{object-fit:cover;}


.nxt_sum{padding: 7px 30px;border-radius: 60px;background: rgba(255, 255, 255, 1);
margin-bottom: 20px;display: grid;grid-template-columns: 4fr 1fr 19fr;gap:5px;}
.nxt_sum p{margin:0;}
.nxt_sum p:first-child{text-align:right;}
.nxt_sum p:nth-child(2){margin:0 auto;}

/* 전도와선교 */
.d_mission_wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;}
.domestic_box{background:#fbeef4;border-radius:30px;padding:80px 50px;}
.domestic_box2{height:100%;background:#fbeef4;border-radius:30px;padding:50px;}

.o_mission_wrap1{display:grid;grid-template-columns:1fr 1fr;gap:60px;}
.o_mission_wrap1> .o_mission_box1{height:100%;background:#333;border-radius:30px;padding:50px;}
.con_box{padding:50px;background:#333;border-radius:30px;}

.o_mission_wrap2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:60px;}
.o_mission_wrap2> .o_mission_box1{height:100%;background:#333;border-radius:30px;padding:50px;}

.mission_circle {position:relative;margin:0 auto;width:640px;height:640px;border-radius:50%;background-image:url("http://data.dimode.co.kr/UserData/kwangjin/files/48/514/NVnsoITrj4TsmYDshKDqtZBfYmdfMS5qcGdkaW1vZGVfNzE0NzgxMl9lbmMc.jpg");background-size:cover;text-align:center;background-position:left center;}
.mission_circle_txt{position:absolute;top:16%;width:100%;padding:30px;}


.mission_box_wrap {display: flex;flex-wrap: wrap;justify-content: center;}
.overmission_box{width:400px;height:400px;border-radius:50%;position:relative;margin-bottom:30px;}
.box_1, .box_2, .box_3, .box_7{background-image:url("http://data.dimode.co.kr/UserData/kwangjin/files/49/506/NVnsoITrj4TsmYDshKDqtZBfYmdfMi5qcGdkaW1vZGVfMzEzOTk4MF9lbmMc.jpg");}
.box_4, .box_5, .box_6{background-image:url("http://data.dimode.co.kr/UserData/kwangjin/files/49/506/NVnsoITrj4TsmYDshKDqtZBfYmdfMy5qcGdkaW1vZGVfMzAwNzYwNV9lbmMc.jpg");}
.overmission_txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;padding:30px;}
.overmission_txt p{line-height:1.2;}





/* 사역과섬김 */

.seminar_wrap {display: grid;grid-template-columns: 4fr 8fr;gap: 5rem;}
.seminar_wrap2 {display: grid;grid-template-columns: 8fr 4fr;gap: 5rem;}


.org_box_margin{margin-bottom:50px;}
.ministry_list{display:flex;gap:10px;}
.t_ministry_box{padding:30px;background:#fbeef4;margin:30px 0px;}
.t_ministry{width:100%;border:none;}
.t_ministry td{padding:20px;}
.t_ministry td:nth-child(1){width:30%;color:#3a4270;}
.t_ministry td:nth-child(2){border-left:1px solid #333;}
.mini_title{position:relative;}
.mini_title::before{content:"";width:6px;height:6px;background:#96bfe2;position:absolute;top:50%;left:-20%;}
.mini_title2{position:relative;}
.mini_title2::before{content:" - ";}
.serve_title{box-shadow: inset 0 -14px 0 #bfedfd; }

.choir_wrap{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3vw;}
.choir_title{border-bottom:2px solid #96bfe2;padding-bottom:7px;}

.target_box{display:flex;gap:30px;}
.awana_num{color:#96bfe2;}
.awana_serve{margin-top:30px;}
.awana_werve_box {padding:50px;border-radius:30px;text-align:center;}
.awana_serve_box_wrap {display: flex;justify-content: center;flex-wrap: wrap;gap: 5vw;}
.awana_act_info{padding:0 2vw;}

.people_box {display: flex;justify-content: center;margin-top: 30px;}
.t_people{width:80%;border:none;}
.t_people td{padding:3px;}
.t_people td:first-child{width:50%;text-align:right;font-weight:600;}
.t_people td:nth-child(2){width:50%;text-align:left;}



/* 온라인헌금 */
.online_offering_wrap {display:flex;gap:7vw;justify-content: center;flex-wrap: wrap;}
.online_img{margin:0 auto;}
.offering_title{border-bottom:3px solid #96bfe2;padding-bottom:5px;}
.online_box {padding:40px;background:#77a5ed;color:#fff;border-radius:30px;}


.m_offering_wrap {display:grid;grid-template-columns:1fr 1fr 1fr;gap:2vw;}
.m_offering_box{padding:2vw;border-radius:30px;background:#fbeef4;transition:0.2s all;}
.m_offering_box:hover {background:#3a4270;transition:0.2s all;}
.m_offering_button{color:#3a4270;transition:0.2s all;}
.m_offering_button:hover{text-decoration:none;}
.m_offering_box:hover .m_offering_button{color:#fbeef4;transition:0.2s all;}



/* 섬기는기관 */
.organi_wrap{display: grid;grid-template-columns: 5fr 2fr;justify-content: space-between;gap:4vw;}
.vision_box{padding:30px;background:#3a4270;color:#fff;border-radius:30px;}
.og_cont_txt{padding:0 3vw;}
.og_cont_txt p:not(p:last-child){margin-bottom:30px;}
.org_contact_box{margin-top:50px;padding:30px;background:#fbeef4;color:#333;border-radius:30px;}

.og_cont_txt2{padding:0 3vw;}

.site_a{display:inlnie-block;padding:14px 20px;background:#3a4270;color:#fbeef4;transition:0.2s all;font-weight:600;border-radius:15px;}
.site_a:hover{background:#fff;color:#3a4270;text-decoration:none;transition:0.2s all;}

.og_cont_txt3{padding:0 3vw;display:flex;gap:10px;margin-bottom:20px;}
.og_cont_txt3 p:nth-child(2){opacity:0.8;}

/* 기도사역 */
.prayslider_box {
    padding: 3rem 20rem;
}




@media (max-width: 767px) {
	
	.worship_wrap{grid-template-columns:1fr;}
	.nurture_wrap{grid-template-columns:1fr;}
	.d_mission_wrap{grid-template-columns:1fr;}
	.welcome_week_box_wrap{grid-template-columns:1fr;}
	.choir_wrap{grid-template-columns:1fr;}
	.overmission_box {width: 250px;height: 250px;}
	
	.seminar_wrap {grid-template-columns: 1fr;gap: 2rem;}
	.seminar_wrap2 {grid-template-columns: 1fr;gap: 2rem;}
	.order_xs_1{order:1;}
	.order_xs_2{order:2;}
}

.movement_history {
    display: grid;
    grid-template-columns: 3fr 9fr;
    gap: 120px;
    align-items: center;
    padding: 1vw 8vw;
}


@media (max-width: 576px) {
    .sub-17 .movement_history {
        display: grid;
        grid-template-columns: 3fr 9fr;
        gap: 0px;
        align-items: center;
        padding: 1vw 8vw;
    }
    .sub-18 .place_wrap {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .sub-18 #component5627 {
        padding: 10px 0px 10px !important;
    }
        .sub-18 #component5627 .font-3xl {
            font-size: 1.25rem;
        }
    .sub-48 #component3735 {
        padding: 0px 0px !important;
    }
    /*
    .sub-48 .mission_circle {
        width: 290px;
        height: 450px;
    }
    .sub-48 .mission_circle_txt {
        top: 0%;
        padding: 19px;
    }*/

}