#hd{border-bottom:1px solid #eee}
#container_wr {
    padding: 100px 0 100px 0;
    font-size: 18px;
    line-height: 2;
}
.p_slogan{ font-size:35px; line-height:1.5; margin:0 0 50px 0; text-align:center}
.p_slogan p{ font-weight:300; font-size:28px; color:#666; word-break:keep-all}
.wrap_sub{max-width:100% !important}
.wrap_sub h3{ font-size:28px; font-weight:900; text-align:center}
.wrap_sub .vis{ padding:100px 0; margin:0 0 100px 0; background:linear-gradient(90deg, #000, #fff); color:#fff}
.gnb_2dul{ box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2); border-radius:10px 10px 10px 10px; transition:all 0.5s}

/*인사말*/
.wrap_m0101{text-align:center}
.wrap_m0101 .vis{background:url(/img/bg1.png) 50% 50% no-repeat; background-size:cover}
.wrap_m0105 .vis{background:url(/img/bg0105.png) 50% 50% no-repeat; background-size:cover}
.wrap_m0101 .bg_footer{background:url(/img/bg_footer.png) 50% 50% no-repeat; background-size:cover;
    color: white;
    margin: 100px 0 -120px 0;
    padding: 100px 0;}

/*설립목적 및 조직도*/
dl, dt, dd{padding:0; margin:0}
.wrap_org{width:1400px; min-height:783px; position:relative; display:flex; justify-content:center; flex-wrap:wrap; box-sizing:border-box; margin:0 auto; z-index:1}
.wrap_org .wrap_part{width:100%}
.wrap_org .wrap_dl{ display:flex; text-align:center; justify-content:space-between; width:100%}
.wrap_org .wrap_dl dl{ width:calc(14% - 16px); text-align:center; position:relative; margin:70px 0 0 0}
.wrap_org .wrap_dl dl:after{ position:absolute; height:200px; width:1px; content:''; background:#666; bottom:0; left:50%; }
.wrap_org .wrap_dl .part_c:after{height:600px}
.wrap_org .wrap_dl dl:before{ position:absolute; height:1px; width:calc(100% + 30px); content:''; background:#666; top:-53px; left:0; }
.wrap_org .wrap_dl .part_s:before{ left:50%}
.wrap_org .wrap_dl .part_e:before{ right:50%; left:auto}
.wrap_org .wrap_dl dl dt{border:1px solid #222328; color:#fff; background:#222328; line-height:3}
.wrap_org .wrap_dl dl dd{border:1px solid #222328; height:70px; padding:10px; margin:5px 0 0 0; background:#fff}
.wrap_org .wrap_dl dl dd span{width:100%; display:block; text-align:left; position:relative; padding:0 0 0 10px}
.wrap_org .wrap_dl dl dd span:before{ content:''; width:4px; height:4px; border-radius:100%; background:#222328; position:absolute; left:0; top:8px}
.wrap_org .wrap_part{width:100%; margin:0 auto}
.wrap_org .wrap_part span{ color:#fff; background:#ff5a25; font-weight:600; padding:20px 30px; display:inline-block; border-radius:50px 0; min-width:220px; text-align:center; position:relative}
.wrap_org .type1 span{border:1px solid #fff; box-shadow:10px 10px 20px 0px rgb(0 0 0 / 30%); display:block; margin:0 auto; text-align:center; width:27%; font-size:22px; border-radius:50px 0; background:#e23937}
.wrap_org .level2, .wrap_org .level4{text-align:right}
.wrap_org .level2, .wrap_org .level3, .wrap_org .level4{position:relative; margin:-101px 0 0 0}
.wrap_org .level3{margin:-191px 0 0 0; display:flex; justify-content:space-between; text-align:center}
.wrap_org .level3:before{content:''; position:absolute; width:50%; height:1px; background:#666; left:0; top:50%; ; display:none}
.wrap_org .level4{margin:83px 0 0 0}
.wrap_org .level4 span{width:25%}
.wrap_org ul{display:flex; justify-content:center; margin:50px auto}
.wrap_org ul li{margin:0 10px; position:relative}
.wrap_org .ul_level4 li span{ border-radius:50px 0; background:#999; min-width:170px}
.wrap_org .ul_level4 .li_left span:before, .wrap_org .ul_level5 .li_left span:before{content:''; position:absolute; width:calc(100% + 20px); height:1px; background:#ccc; left:50%; top:-25px; }
.wrap_org .ul_level5 .li_left span:before{content:''; position:absolute; width:100%; height:1px; background:#ccc; left:50% !important; top:-25px; }
.wrap_org .ul_level4 .li_right span:before, .wrap_org .ul_level5 .li_right span:before{content:''; position:absolute; width:100%; height:1px; background:#ccc; right:50%; top:-25px; ; left:auto}
.wrap_org .ul_level5 li span{ border-radius:50px 0; border:1px solid #ff5a25; background:#fff; color:#ff5a25; min-width:150px}
.wrap_org .level2 span{margin:0 25% 0 0; background:#fff; color:#e23937; border:1px solid #e23937; position:relative}
.wrap_org .level2:before{content:''; position:absolute; width:25%; height:1px; background:#ccc; left:50%; top:33px; }
.wrap_org .level3 div{position:relative}
.wrap_org .level3 div:before{content:''; position:absolute; width:50%; height:1px; background:#ccc; right:0; top:33px; }
.wrap_org .level3 div:last-child:before{content:''; position:absolute; width:50%; height:1px; background:#ccc; left:0; top:33px; }
.wrap_org .ul_level4 .li_center span:before{content:''; position:absolute; width:calc(100% + 20px); height:1px; background:#ccc; left:0; top:-25px; }
.wrap_org ul li span:after{ content:''; position:absolute; width:1px; height:25px; background:#ccc; top:-25px; left:50%; z-index:-1}
.wrap_org .level3 div:first-child ul li .gray_span:after{ height:calc(117px); }
.wrap_org .orang_span:after{ content:''; position:absolute; width:1px; height:25px; background:#ccc; bottom:-25px; left:50%}
.wrap_org .red_span:after{ content:''; position:absolute; width:1px; height:177px; background:#ccc; bottom:-177px; left:50%}
.org{ width:1352px; height:727px; background:url(/img/org.gif) no-repeat; margin:0 auto}
.org{display:none}
.wrap_org2{font-size:18px; text-align:center; width:1352px; position:relative; margin:0 auto}
.wrap_org2 .wrap_level1{ background:url('/img/bg_level1.png') 50% 50% no-repeat; padding:55px; background-size:auto 100%}
.wrap_org2 .level1{ color:#fff; background: linear-gradient(360deg, #002870, #0062fa); display:block; width:193px; height:193px; border-radius:100%; display:flex; justify-content:center; align-items:center; font-size:23px; font-weight:600; margin:0 auto; position:relative; z-index:2}
.wrap_org2 .wrap_level1:after{ content:''; position:absolute; left:50%; background:#ccc; width:1px; height:469px; z-index:1; top:55px}
.wrap_org2 .level4{ color:#224683; border:1px solid #224683; box-shadow:10px 10px 15px rgba(0,0,0,0.1); margin:0 0.8%; background:#fff}
.wrap_org2 .level5{ color:#fff; background:#343434; margin:0 0.8%}
.wrap_org2 .level2, .wrap_org2 .wrap_level3, .wrap_org2 .wrap_level4, .wrap_org2 .wrap_wrap_level5{margin:64px 0 0 0;}
.wrap_org2 .level2, .wrap_org2 .wrap_level4, .wrap_org2 .wrap_level5{  display:flex; align-items:center; justify-content:center}
.wrap_org2 .level2, .wrap_org2 .level3, .wrap_org2 .level4, .wrap_org2 .level5{ width:18.4%; height:60px; display:flex; align-items:center; justify-content:center; }
.wrap_org2 .level3, .wrap_org2 .level4, .wrap_org2 .level5{position:relative}
.wrap_org2 .level4{width:158px; position:relative}
.wrap_org2 .wrap_level4{justify-content:right}
.wrap_org2 .wrap_level5{justify-content:left; flex-wrap:wrap}
.wrap_org2 .ul_level3{display:flex}
.wrap_org2 .ul_level3 li{width:50%}
.wrap_org2 .level3{display:block; margin:0 auto}
.wrap_org2 .wrap_level3{justify-content:space-between; display:flex; flex-wrap:wrap; align-content:start}
.wrap_org2 .wrap_level4, .wrap_org2 .wrap_level5{width:100%; position:relative}
.wrap_org2 .wrap_level4{justify-content:space-between;}
.wrap_org2 .wrap_level5{justify-content:center}
.wrap_org2 .level3{ color:#fff; background:#002870; width:28%; display:flex; align-items:center; justify-content:center; position:relative}
.wrap_org2 .level2{ color:#0062fa; border:1px solid #0062fa; display:block; box-shadow:10px 10px 15px rgba(0,0,0,0.1); width:18%; display:flex; align-items:center; justify-content:center; margin:0 auto; margin-top:64px; margin-left:59%}
.wrap_org2 .level2:after{ content:''; position:absolute; left:50%; background:#ccc; width:9%; height:1px; z-index:-1; top:50%; margin-top:-5px}
.wrap_org2 .level3:after{ content:''; position:absolute; left:50%; background:#ccc; width:200%; height:1px; z-index:-1; top:50%}
.wrap_org2 .level3:before{ content:''; position:absolute; left:50%; background:#ccc; width:1px; height:32px; z-index:-1; bottom:-32px}
.wrap_org2 .level4:after, .wrap_org2 .level5:after{content:'';position:absolute;left:50%;background:#ccc;width:1px;height: 49px;z-index:-1;top:-32px}
.wrap_org2 li:nth-child(1) .level4:after{ height:126px}
.wrap_org2 li:nth-child(2) .level3:after{ right:50%; left:auto}
.wrap_org2 .wrap_wrap_level5{ display:flex; width:100%; justify-content:space-between; position:relative }
.wrap_org2 .level5{ width:31.4%}
.wrap_org2 li:nth-child(1) .level4:before{content:''; position:absolute; left:50%; background:#ccc; width:110%; height:1px; z-index:-1; top:-33px}
.wrap_org2 li:nth-child(1) .level44:before{content:''; position:absolute; left:auto; background:#ccc; width:110%; height:1px; z-index:-1; top:-33px; right:50%; margin-right:-1px}
.wrap_org2 .wrap_wrap_level5:after{content:''; position:absolute; left:16.1%; background:#ccc; width:67.8%; height:1px; z-index:-1; top:-33px}
.wrap_org2 li:nth-child(2) .wrap_level4:after{content:''; position:absolute; left:0.8%; background:#ccc; width:calc(100% - 162px - 0.8%); height:1px; z-index:-1; top:-33px; margin-left:79px}
.wrap_org2{ width:1000px; position:relative}
.wrap_org2 .level1{width:170px; height:170px; border:0; background-color: #fff;
   
    border-radius: 50%;
    background:#ff6666; color:#fff; box-shadow:10px 10px 15px rgba(0,0,0,0.1)}
.wrap_level2{display:flex; justify-content:space-between; max-width:600px; margin:0 auto; position:relative}	
.wrap_org2 .level2{margin-left:0; margin-top:0; margin:0 0 0 0; border-radius:30px; width:35%; border:0; background:#999; color:#fff}
.wrap_org2 .level2:last-child{background:#ffba6c; color:#fff; font-weight:600}
.wrap_org2 .level2:last-child:after{    content: '';
    position: absolute;
    left: 0.8%;
    background: #ccc;
    width: calc(36.3%);
    height: 1px;
    z-index: -1;
    top: 50%;
    margin-left: 79px;}
.wrap_org2 .level2:after{width:40%; left:30%; top:auto; margin-top:0; bottom:26px}
.wrap_org2 .ul_level3{justify-content:space-between; max-width:1000px; margin:0 auto}
.wrap_org2 .level3{width:100%; border-radius:30px; background:linear-gradient(to right, #9e2630 0%, #e9424d 33.33%,   #9e2630 100%)}
.wrap_org2 .ul_level3 li{width:30%}
.wrap_org2 .level4 {
    color: #333;
    border: 1px solid #333;
    box-shadow: 10px 10px 15px rgba(0,0,0,0.1);
    margin: 0 0.8%;
    background: #fff;width:100%; margin:0 0 10px 0; border-radius:10px; line-height:1.2
}
.wrap_wrap_level4{width:100%; box-shadow:none}
.wrap_org2 .wrap_level1:after{
    content: '';
    position: absolute;
    left: 50%;
    background: #ccc;
    width: 1px;
    height: 350px;
    z-index: -1;
    top: 55px;
}
.wrap_org2 .wrap_level4{margin:30px 0 0 0}
.wrap_org2 li:nth-child(1) .level4:after{height:50px}
.wrap_org2 .level3:after{width:100%}
.wrap_org2 li:nth-child(2) .level3:after{left:50%; right:auto}
.wrap_org2 li:nth-child(1) .level4:before{display:none}
.wrap_org2 .level3:after{content: '';
    position: absolute;
    left: 0;
    background: #ccc;
    width: 150%;
    height: 1px;
    z-index: -1;
    top: 50%; display:block}
.wrap_org2 .ul_level3 li:last-child .level3:after{ display:none}
.wrap_org2 .level2{background:#333}	
.li_left{ left:50px; height:60px; display: flex;
    align-items: center;
    justify-content: center; box-shadow:10px 10px 15px rgba(0,0,0,0.1); border-radius:30px; width:210px; color:#fff; background:#feb7bf; top:57px}
.li_right{ right:0; width:30%; background:#b7b5fe; border-radius:20px; color:#fff; padding:30px; top:0; box-shadow:10px 10px 15px rgba(0,0,0,0.1)}
.li_right dt{margin:0 0 10px 0}
.li_left, .li_right{ position:absolute; color:#fff; font-weight:600}
.wrap_org2 li:nth-child(2) .wrap_level4:after {
    content: '';
    position: absolute;
    left: 0.8%;
    background: #ccc;
    width: calc(233.5%);
    height: 1px;
    z-index: -1;
    top: -48px;
    margin-left: -67%;
}
.wrap_org2 .level4:after, .wrap_org2 .level5:after{top:-49px; height:49px}
.wrap_org_mem{padding:100px 0; background:url(/img/bg_footer2.png) 50% 50% no-repeat; color:#fff; margin:100px 0 -120px 0; background-size:cover}
.wrap_org_mem dl{max-width:1000px; margin:0 auto; display:flex}
.wrap_org_mem dl dt{width:20%; text-align:left}
.wrap_org_mem dl dd{width:80%; text-align:left}
.m0102 .vis{text-align:center;     background: url(/img/bg2.png) 50% 50% no-repeat;
    color: #fff;
    background-size: cover;}
.sub_vis{    height: 300px;
    background: url(/img/vis2.jpg) 50% 55% no-repeat;
    background-size: cover; overflow:hidden;width: calc(100% - 100px);
    margin: 0 auto;
    border-radius: 50px;
    margin-top: 50px; }
.sub_vis h2{width:100%; height:100%; display:flex; justify-content:center; align-items:center; font-size:40px; background:rgba(0,0,0,.3); color:#fff}	
.sub_vis h2 span{background: url(/img/icon_church.png) 50% 0 no-repeat;
    padding: 90px 0 0 0; text-align:center}
	.sub_vis h2 span p{font-size:18px; text-align:center; margin:10px 0 0 0}
/*주요연혁*/
.wrap_m0103 table{width:60%; margin:0 auto; margin-bottom:50px; border-bottom:1px solid #ddd; padding:50px 0}
.wrap_m0103 th, .wrap_m0103 td{text-align:left; vertical-align:text-top}
.wrap_m0103 th{width:150px}
.wrap_m0103 h3{text-align:center}
.wrap_m0103 h3 span{font-weight:300; color:#ff6666; font-size:24px}

/*사랑샘 침례교회*/
.wrap_m0201 .vis{padding:200px 0; margin:0 0 -120px 0; background: url(/img/bg0201.png) 50% 50% no-repeat; background-size:cover }
.wrap_m0202 .vis{margin:0 0 -120px 0; background: url(/img/bg0202.png) 50% 50% no-repeat; background-size:cover }
.wrap_m0301 .vis{margin:0 0 0 0; background: url(/img/bg0301.png) 50% 50% no-repeat; background-size:cover }

/*사랑샘 침례교회 > 함께 섬기는 분*/
.vis .ul_m0202{display:flex; justify-content:center; gap:20px; height:489px; align-content:center; flex-wrap:wrap}
.vis .ul_m0202 li{border:1px solid rgba(256,256,256,.5); padding:20px; border-radius:20px; background:rgba(0,0,0,.3); width:45%}

/*사랑샘 훈련원*/
.wrap_m0107 td{ text-align:center;}
.wrap_m0107 td p{ word-break:keep-all}
.t_time{border-collapse:collapse}
.t_time td, .t_time th{ border:1px solid #ddd; padding:10px; text-align:center; vertical-align:middle}
.t_time th{text-align:center; background:#ff6666; color:#fff}

/*후원*/
.wrap_m0401{margin:0 auto; max-width:1400px !important}
.wrap_m0401 td{text-align:center}
.ul_m0401{display:flex; justify-content:space-between; gap:40px}
.ul_m0401 li{width:33.33%; border:1px solid #ddd; padding:50px; border-radius:50px 0; box-shadow:10px 10px 15px rgba(0,0,0,0.1); background:#f9f9f9}
.wrap_m0401 table{border-bottom:0; width:100%; margin-bottom:0}
@media(max-width:1550px){
.wrap_m0101 .vis {
    background: url(/img/bg1.png) right 50% no-repeat;
    background-size: cover;
}
.wrap_m0105 .vis {
    background: url(/img/bg0105.png) 50% 50% no-repeat;
    background-size: cover;
}		
	}
@media(max-width:1200px){

/*후원*/
.ul_m0401{flex-wrap:wrap}	
.ul_m0401 li{width:100%}
	}
@media(max-width:1023px){
.wrap_org_mem{padding:100px 50px}
.wrap_org2{width:100%}	
	}	
@media(max-width:1000px){
.wrap_org2{width:100%; padding:0 36px}
    .wrap_m0105 .vis {
        background: url(/img/bg0105.png) 85% 50% no-repeat;
        background-size: cover;
    }	
.wrap_m0103 table{width:100%}	
.wrap_m0105 .vis{padding:100px 36px}
	}
@media(max-width:768px){
.wrap_m0101 .bg_footer {
    background: url(/img/bg_footer.png) 0 50% no-repeat;
    background-size: cover;
    color: white;
    margin: 100px 0 0 0;
    padding: 100px 0;
}	
	}
@media(max-width:540px){
.wrap_sub h3{font-size:16px}
.wrap_m0103 table, .sub_vis h2 span p, .wrap_m0103 h3 span{font-size:14px}
.sub_vis h2{font-size:20px}	
.sub_vis h2 span p{word-break:keep-all}
.wrap_m0103{padding:0 36px}
.wrap_m0103 th{width:100px}
.wrap_m0104 h3{width:100%}
.vis .ul_m0202{ height:auto}
.sub_vis, .register{width:calc(100% - 72px)}
.ul_m0401 li{padding:20px 5px}
#bo_btn_top, .tbl_head01, #bo_gall .ul_m0202{padding:0 36px}
#bo_gall .ul_m0202{width:100%; box-sizing:border-box}
#bo_gall .ul_m0202 li{width:calc(100% - 36px)}
#fregister_private table{table-layout:fixed; font-size:14px}
#fregister_chkall{font-size:14px}
	}		
@media(max-width:420px){
#container_wr{padding:50px 0 50px 0}
.p_slogan{font-size:18px; margin:0 0 30px 0}	
.wrap_sub .vis{padding:50px 36px; margin:0 0 30px 0; font-size:14px}
.wrap_m0201 .vis, .wrap_m0202 .vis{ margin:0 0 -70px 0}
.wrap_m0101 .vis{background:url(/img/bg1.png) right 50% no-repeat; background-size:cover; padding:50px 36px; line-height:1.2; font-size:14px}
#container{padding:0 0}
p{padding:0 36px}
.wrap_org_mem{padding:50px 36px; margin:50px 0 -70px 0; font-size:14px}
.wrap_org_mem dl dt{width:30%}
.wrap_org_mem dd{width:70%}
.wrap_org2 .level1{width:120px; height:120px; font-size:18px}
.wrap_org2 .level4, .wrap_org2 .level2, .li_left{font-size:12px}
.li_right{right:36px; font-size:12px; top:150px; padding:20px}
.wrap_org2 .level2, .li_left{padding:20px}
.li_left{top:150px; left:36px; width:100px}
.wrap_m0103 table{width:100%; padding:10px 0; font-size:14px}
.wrap_m0304 th{ width:auto}
.t_time td, .t_time th{word-break:break-all}
.t_time th:first-child{word-break:keep-all}
.wrap_m0701 table{ margin-bottom:30px; padding:30px 0}
.wrap_sub h3{line-height:1.5}
.wrap_m0104 h3{width:100%; font-size:16px}
.p_slogan p{font-size:14px; padding:0 0}
.wrap_m0103 table ul{padding:0 36px}
.wrap_m0203 table, .wrap_m0301 table{margin:0 36px; width:calc(100% - 72px); margin-bottom:10px}
.wrap_m0304 table, .wrap_m0302 table, .wrap_m0303 table, .wrap_m0401 table{margin-bottom:10px}
.wrap_m0203 table th, .wrap_m0302 table th, .wrap_m0303 table th, .wrap_m0304 table th{width:100px}
.wrap_m0303 table ul{padding:0 0}
.wrap_m0105 p, .wrap_m0105 table ul, .wrap_m0204 p, .wrap_m0204 table ul{padding:0 0}
	}