/* #header {position:absolute;} */


/*서브상단*/
.sub_visual{position:relative;max-width:2560px;margin:0 auto;height:400px;overflow:hidden;background-repeat:no-repeat;background-position:center top;}
.sub_visual.visual01{background-image:url(../img/sub_visual01.jpg)}
.sub_visual.visual02{background-image:url(../img/sub_visual02.jpg)}
.sub_visual.visual03{background-image:url(../img/sub_visual03.jpg)}
.sub_visual.visual04{background-image:url(../img/sub_visual04.jpg)}
.sub_visual.visual05{background-image:url(../img/sub_visual05.jpg)}
.sub_visual.visual06{background-image:url(../img/sub_visual06.jpg)}
.sub_visual.visual07{background-image:url(../img/sub_visual07.jpg)}



.sub_visual .title_warp { max-width:1240px; margin:0 auto; display:table;}
.sub_visual .title_warp {position: relative;   text-align:center; margin:200px auto; z-index:2}
.sub_visual .main_title h2{font-size:40px; font-weight:500; text-align:center; color:#353535; letter-spacing:-1px ; color:#fff;}
.sub_visual .main_title p {color:#fff; font-size:23px;}

.sub_visual h3,
.sub_visual .main_title{
	animation-duration: 0.7s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.3s; 
	-webkit-animation-delay: 0.3s;
	animation-name:visual-tit;
	 -webkit-animation-name:visual-tit;
}

.sub_visual .main_title {animation-delay: 0.6s; -webkit-animation-delay: 0.6s;} 

 
@keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
@-webkit-keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}

@keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}
@-webkit-keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}


#bo_v #bo_v_atc{
    min-height: auto !important; height:auto
}

 @media screen and (max-width: 980px) { 
    .sub_visual { height:250px; padding-top:40px;}
	.sub_visual .title_warp { width:100%; margin:90px auto;}
	.sub_visual .title_warp h2 {font-size:28px;}
 }
 @media screen and (max-width: 680px) { 
    .sub_visual { height:250px; padding-top:28px;}
   
 }

/*서브상단*/


.select-wrapper { background-color: #fff; border-bottom:1px solid #ddd; width:100%; height:55px;}

.select-nav {
  background-color: #fff;
  display: inline-block;
	max-width:1200px;
	margin:0 auto;
  border-bottom: 1px solid #ddd;

}

.select-nav:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.select-nav .select {
  float: left;
  width: 220px;
  height: 54px;
  position: relative;
  box-sizing: border-box;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  margin-left: -1px;
}

.select-nav .select:first-child { border:0}
.select-nav .select .down {
  position: absolute;
  width: 25px;
  height: 25px;
  display: inline-block;
  top: 15px;
  right: 10px;
  line-height: 25px;
  text-align: center;
  color: #333;
  font-size: 14px;
  transition: all 0.5s;
  cursor: pointer;
}
.select-nav .select.on .down {
  transform: rotate(180deg);
}

.select-nav .select.d1 {
  margin-left: 0;
}

.select-nav .select button {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 0;
  text-align: left;
  padding-left: 15px;
  outline: none;
  font-size:16px;
  color:#444;

}

.select-nav .select button .t1 { font-weight:500}
.select-nav .d3 button { font-weight:bold}



.select-nav .select > ul {
  display: none;
  position: absolute;
  top: 100%;
  left: -1px;
  width: 100%;
  background-color: #fff;
  border:1px solid #ddd;
  box-sizing: content-box;
}

.select-nav .select ul li {
  min-height: 50px;
  line-height: 50px;
  padding-left: 0;
  border-bottom: 1px solid #ddd;
  
}


.select-nav .select ul li a {
	color:#444;
	display:block;
	font-size:15px;
	padding-left:20px;
	line-height:50px;
}

.select-nav .select ul li a:hover {
	color:#000;
	background:#f0f0f0;
}


.select-nav .select ul ul {
  display:none;
}

.select-nav .select ul li li {
  border-top: 1px solid #ddd;
  border-bottom: 0;
  padding-left:10px;
  background-color: #f8f8f8;

}



.select-nav .select ul li:nth-last-child(1) {
  border-bottom: 0;
}
.select-nav-wrapper {
  position: relative;
  z-index:2;
  background-color:#fff;
  margin: 0 auto;
  height:55px;
  max-width:1200px;
  margin:0 auto;
	border-bottom:1px solid #ddd;
}
.select-nav-wrapper:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.select-nav-wrapper .home {
  width: 55px;
  height: 55px;
  text-align: center;
  font-size: 16px;
  display: inline-block;
  line-height: 55px;
  color:#fff;
  background:#505050;
  float: left;
}
.select-nav-wrapper .link {
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 30px;
  display: inline-block;
  line-height: 50px;
  float: right;
}
.d2 .t2 {display:none;}
@media screen and (max-width: 1120px) {
  #login-box {
    display:none;
  }
  #login-box2 {
    display:inline-block;
  }
}
@media screen and (max-width: 768px) {
  .select-nav-wrapper {margin:0; padding:0;}
  .select-nav-wrapper .home {
    display: none;
  }
  .select-nav-wrapper .link {
    display: none;
  }
  .select-nav .select.d3 {
    display: none;
  }
  .select-nav {
    width: 100%;
  }
  .select-nav .select {
    width: 45%;
	border-right: 0
  }
  .select-nav .select.d2 {width:55%;}

  .select-nav .select ul ul {
    display:block;
  }
  .d2 .t2 {display: inline;}
  .d2 .t2 .fa { color: #555; font-weight:bold;}
}


/*서브 제목*/
.container_wrap {padding-top:50px;}
.content_wrap { width:100%; }
.content_wrap .txtCon { clear:both;}
.content_wrap .txtCon .sub_title {margin:0 0 40px 0; text-align:left;}
.content_wrap .txtCon .sub_title h2 {font-size:34px; color:#353535; line-height:130%;margin-top: 50px;}
.content_wrap .txtCon .sub_title p {font-size: 18px; color:#444; font-weight:300; word-break:keep-all;}
.content_wrap .txtCon .content_area { width:100%;}

.content_wrap .txtboard { max-width:1200px; margin:0 auto; padding:0 20px 100px 20px; line-height:1.75; letter-spacing:-0.02em; clear:both}
.content_wrap .txtboard span {font-size:18px;}


.pd_bottom{padding-bottom:140px;}

@media screen and (max-width:640px) {
	.container_wrap {padding-top:40px;}
	.content_wrap .txtCon .sub_title {margin:0 0 30px 0;}
	.content_wrap .txtCon .sub_title h2 { font-size:28px}
	.pd_bottom{padding-bottom:80px;}
}
@media screen and (max-width:414px) {
    
}
/*서브 제목*/




/* 탭 */
.fade {
	  -webkit-transition: all .1s ease-in-out;
  	-moz-transition: all .1s ease-in-out;
  	-ms-transition: all .1s ease-in-out;
  	-o-transition: all .1s ease-in-out;
  	transition: all .1s ease-in-out;
}
.tab {display: inline-block;  border: solid 1px #ddd;  text-align:center;  margin-left:-1px;  padding:20px 0;}
.tab a {display:block}
.tab:hover {background: #4E4D7D;  border:1px solid #4E4D7D;  color:#fff;}
.tab.selected {background: #4E4D7D;  border:1px solid #4E4D7D;  color:#fff;  position: relative;}
.tab-container {display: none;  opacity: 0;} 
.tab-container.selected {  display: block;  opacity: 1;} 
.tab-header {margin-bottom:30px; display:flex;}
.tab-header.tab-two .tab {width:calc(100% / 2);}
.tab-header.tab-three .tab {width:calc(100% / 3);}
.tab-header.tab-six .tab {width:calc(100% / 6);}




.fix-nav {z-index: 9999;  position: fixed;  left: 0;  top: 0;  width:100%; background:#fff; } 
.fix-body {margin-top: 50px;}

@media (max-width: 640px){
    .tab {padding:15px 0}
    .tab-header.tab-six {flex-wrap: wrap}
    .tab-header.tab-six .tab {width:calc(100% / 3);}
    .tab-header.tab-six .tab:nth-child(n+4) {margin-top:-1px;}
}
/*성경문구*/
.bible_txt {background: #F7F8FB; border-radius: 10px; padding:20px 40px; margin-bottom:40px;}
.bible_txt p {padding:10px 10px 10px 50px; background: url('../page/img/icon_bible.png') left center no-repeat;}

/*공통*/
.m_view {display: none;}

.title_dot1 {font-size:1.33em; font-weight: 600; background: url('../page/img/title_dot1.png') left center no-repeat; padding-left:35px; margin-bottom:15px; color:#222;}
.title_dot1_s {font-size:1.11em; font-weight: 600; background: url('../page/img/title_dot1.png') left center no-repeat; padding-left:35px; margin-bottom:15px; color:#222;}
.title_dot2 {font-size:1.33em; font-weight: 600; background: url('../page/img/title_dot2.png') left center no-repeat; padding-left:35px; margin-bottom:15px; color: #222}
.title_dot2_s {font-size:1.11em; font-weight: 600; background: url('../page/img/title_dot2.png') left center no-repeat; padding-left:35px; margin-bottom:15px; color: #222}


/*.img_column .img {padding:20px 0 60px 0;}
.img_column .img2 {display: flex; justify-content: space-between;}
.img_column .img img {width:100%; max-width:100%;}
.img_column .img2 img {margin-right:1%; width:49%;}
.img_column .img2 img:nth-child(2){margin-right: 0}
*/

.img_column .img{ background-size: cover; border-radius: 10px; overflow: hidden; height:320px;}

@media (max-width: 992px) {
    .bible_txt {padding:20px; margin:0 20px 30px 20px;}
    /*.img_column .img {padding:20px 0 30px 0;}
    .img_column .img2 img {margin-right:10px;} */    
     
    .img_column .img{ height:180px;}
}

@media (max-width: 640px) {
    .m_view {display: block;}
    .bible_txt {margin:0 0 20px 0;}
}


/* 인사말 */

.mo_none{display: block;}
.mo_block{display: none;}

/* .greeting{position:relative; max-width:1200px;} */
.greeting{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction:row-reverse;
}
.greeting img{
    max-width: 100%;
}
.greeting > div{
    width: 50%;
}
.greeting > div.img_box{
  width: calc(50% - 50px);
}
.greeting .txt_box h4{
    font-size: 35px;
    font-weight: 300;
    line-height: 1.3;
    color: #434343;
    padding: 0 0 30px ;
    position: relative;
    margin-bottom: 85px;
    margin-top:-5px;
}
.greeting .txt_box h4 span{
    font-weight: 600;
    color: #252525;
}
.greeting .txt_box h4::after{
    position: absolute;
    content: '';
    width: 95px;
    height: 3px;
    background: #bf9472;
    bottom: 0;
    left: 0;
}
.greeting .txt_box .desc{
    font-size: 21px;
    font-weight: 400;
    line-height: 1.4;
    color: #323232;
    margin-bottom: 40px;
}
.greeting .txt_box .desc span{
    font-weight: 600;
    position: relative;
    z-index: 1;
    display: inline-block;
}/*
.greeting .txt_box .desc span::after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #bf9472;
    opacity: 0.5;
    z-index: -1;
   
}*/



@media (max-width: 1240px){
    .greeting .img_box{
        text-align: center;
    }
}
@media (max-width: 980px){
    .mo_none{display: none;}
    .mo_block{display: block;}
    .greeting{flex-direction:column-reverse;}

    .greeting .txt_box h4{
        font-size: 24px;
        margin-bottom: 50px;
    }
    .greeting .txt_box h4::after{
        width: 50px;
        height: 2px;
    }
    .greeting .txt_box .desc{
        font-size: 18px;
        margin-bottom: 40px;
    }
    .greeting > div{
      width: 100%;
    }
    .greeting > div.img_box{
      width: 100%;
      margin-bottom:20px;
    }
    .greeting > div.img_box img{
      width: 100%;
    }
}
/* 인사말 */

/* 업무분야 */
/* .work01 #tab-content > div {
    display: none;
} */
.work01 .work_img{max-width: 100%;}
.work01 .tab-menu{display: grid;grid-template-columns: repeat(7,1fr);gap: 2px;}
.work01 .tab-menu li a{display: inline-block; width: 100%; height: 100%; background: #6b6a93; padding: 8px 0; font-size: 21px; color: #fff; font-weight: 500; text-align: center; transition: 0.3s;}
.work01 .tab-menu li:hover a{opacity: 0.6;}

.work01 #tab-content h2{font-size: 40px;color: #252525;font-weight: 600;margin:50px 0 35px;}
.work01 #tab-content .work_tit{margin-top: 50px; display: flex; align-items: center; padding-bottom: 10px;}
.work01 #tab-content .work_tit.border{border-bottom: 1px solid #cfcfcf;}
.work01 #tab-content .work_tit .txt p{color: #424242; font-size: 25px; line-height: 1.4; font-weight: 300; margin-left: 16px;}
.work01 #tab-content .work_tit .txt p span{font-weight: 600;}
/*.work01 #tab-content .desc{font-size: 21px;color: #424242;line-height: 1.4;margin: 30px 0 0 40px;}*/
.work01 #tab-content .desc{font-size: 21px;color: #424242;line-height: 1.4;margin: 20px 0 0 40px;}
/*.work01 #tab-content ul{margin-left: 20px;}*/
.work01 #tab-content ul{margin-left: 42px;}
.work01 #tab-content ul li{position: relative;padding-left: 25px;font-size: 21px;color: #424242;}
.work01 #tab-content ul li::before{position: absolute;content: ''; width: 6px;height: 6px;background: #4a6283;border-radius: 50%;left: 0;top: 50%;transform: translateY(-50%);}

.work01 .more_btn{display: flex; align-items: center; justify-content: center; margin-top: 100px;}
.work01 .more_btn a{display: inline-block; background: #bf9472; width: 210px; text-align: center; padding: 17px 0; font-size: 20px; color: #fff;}


@media (max-width: 1240px){
    .work01 .tab-menu{
        grid-template-columns: repeat(4,1fr);
    }
}
@media (max-width: 980px){
    .work01 .tab-menu{
        grid-template-columns: repeat(2,1fr);
    }
    .work01 .tab-menu li a{
        font-size: 18px;
    }
    .work01 #tab-content h2{
        font-size: 25px;
        margin: 40px 0 20px;
    }
    .work01 #tab-content .work_tit .txt p{
        font-size: 20px;
        margin-left: 10px;
    }
    .work01 #tab-content .desc{
        font-size: 18px;
        margin: 20px 0 0 0;
    }
    .work01 #tab-content ul{
        margin-left: 10px;
    }
    .work01 #tab-content ul li{
        font-size: 18px;
        padding-left: 17px;
    }
    .work01 #tab-content .work_tit img{
        width: 17px;
    }
    .work01 .more_btn{
        margin-top: 50px;
    }
    .work01 .more_btn a{
        width: 180px;
        padding: 13px 0;
        font-size: 19px;
    }
}

/* 업무분야 */



/*연혁*/

.history_top {background: url(../page/img/history_top.jpg); background-size: cover; border-radius: 10px; padding:60px 10px; text-align: center; margin-bottom:60px;}
.history_top p {color: #fff; padding-top:30px; background: url(../page/img/history_mark.png) center top no-repeat;}

.timeline {width: 100%; max-width: 1200px;  position: relative; }
.timeline:before {content: ""; position: absolute; top: 0px; left: calc(50% + 15px); bottom: 0px; width: 1px; background: #4E4D7D;}
.timeline:after {content: ""; display: table; clear: both; }
.entry { clear: both; text-align: left; position: relative; overflow: hidden; margin-bottom:50px;}
.entry .left {margin-bottom: 0.5em; float: left; width: 50%; padding-right: 60px; text-align: right; position:  relative;}
.entry .left.title:before {content: ""; position: absolute; width: 20px;  height: 20px; border: 6px solid #4E4D7D; background-color: #fff;  border-radius: 100%; top: 5%; right: -25px; z-index: 99; margin-top:5px}
.entry .right.title:before {content: ""; position: absolute; width: 20px;  height: 20px; border: 6px solid #4E4D7D; background-color: #fff;  border-radius: 100%; left: 50%; margin-left:5px; z-index: 99; margin-top:20px;}
.entry .title h3 {margin: 0; font-size: 40px; color:#4E4D7D; }
.entry .title p {margin: 0; font-size: 100%; } 
.entry .title .img {border-radius:10px;}
.entry .title .img img {width:100%; max-width:100%;}
.entry .right { margin-bottom: 0.5em; float: right; width:50%; padding-left:100px; }
.entry .body p {line-height: 1.4em;}
.entry .body p:first-child {margin-top: 0; font-weight: 400; } 
.entry .body ul {color: #aaa; padding-left: 0; list-style-type: none;}
.entry .body dl {clear: both; width:100%; padding-bottom:10px; margin-top:10px;}
.entry .body dl dt {color:#353535; font-weight: bold;  font-size: 18px; float: left;}
.entry .body dl dd {margin-left:100px; padding-bottom:10px; color:#666;}
.entry .body dl dd::before {content: ''; position: absolute; width:4px; height:4px; background-color: #444; border-radius: 10px; margin-left:-10px; margin-top:8px; }

.entry .left.body dl dt {float:right}
.entry .left.body dl dd {margin:0 100px 0 0;}
.entry .left.body dl dd::before {right:150px;}

.history_area {position:relative; width:100%; }
.history_area::before {content: ''; position: absolute; width:600px; height:700px; background: url('../img/sub/img_history1.png') no-repeat; background-size: contain; float:left; left:5%; z-index:-1; top:30%;}
.history_area::after {content: ''; position: absolute; width:410px; height:550px; background: url('../img/sub/img_history2.png') no-repeat; background-size: contain; float:right; right:0; z-index:-1; top:60%;}


@media (max-width: 992px) {
	.timeline:before {left:20px;}
	.entry {margin-bottom:30px;}
	.entry .title h3 {font-size:30px;}
	.entry .left {float:inherit; width:100%; text-align: left; padding:0 0 0 50px;}
	.entry .right {float: inherit; width:100%; padding:0 0 0 50px;}
	.entry .left.title:before, .entry .right.title:before {left:10px;}
	.entry .left.body dl dt {color:#353535; font-weight: bold;  font-size: 18px; float: left;}
	.entry .left.body dl dd {margin:0 0 0 100px; padding-bottom:10px; color:#666;}
	.entry .left.body dl dd::before {content: ''; position: absolute; width:4px; height:4px; background-color: #666; border-radius: 5px; margin-left:-10px; margin-top:8px; left:150px}
	.history_area::before  {top:20%;}	
}

@media (max-width: 640px) {
    .history_top {margin-bottom:30px; padding:30px 0;}
    .history_top p {font-size:1.2em;}
	.entry .body dl dt, .entry .left.body dl dt {display:block; float:inherit; margin-bottom:5px;}
	.entry .body dl dd, .entry .left.body dl dd {margin-left:15px;}
	.entry .left.body dl dd::before {left:65px}
}

/*연혁*/



/*섬기는사람들*/
.people_con {margin-bottom:30px;}
.people_con ul { margin:0 -20px; display: flex; flex-wrap: wrap; }
.people_con ul.minister li .img {background:#F1DDC9}
.people_con ul.missionary li .img {background:#D4E2F0}
.people_con ul.elder li .img {background:#DBE5D2}
.people_con ul li {border:1px solid #ddd; width:calc(100% / 4 - 40px); margin:0 20px 30px 20px; float:left;}
.people_con ul li .img {  text-align: center}
.people_con ul li .img img {width:100%; max-width:100%; height:100%;max-height:100%;}
.people_con ul li .txt {padding:20px 10px 25px 10px; text-align: center; font-size:1.22em; font-weight: 700;}
.people_con ul li .txt span {font-size:16px; color: #4E4D7D; display:block; line-height: 1;}

@media (max-width: 992px) {
    .people_con {margin-bottom:20px;}
    .people_con ul { margin:0 -10px;}
    .people_con ul li { width:calc(100% / 2 - 20px); margin:0 10px 20px 10px; }
    .people_con ul li .img {height:}
}

/*섬기는사람들*/


/*예배시간*/

.worship_tbl {border-collapse: collapse; width:100%; border-top:2px solid #4E4D7D;}
.worship_tbl th, .worship_tbl td {padding:15px 5px; text-align: center;}
.worship_tbl th {background: #F7F8FB; border-right:1px solid #ddd;}
.worship_tbl td {border-right: 1px solid #ddd; line-height: 1.2}
.worship_tbl td:last-child {border-right: 0;}
.worship_tbl td a {border:1px solid #444; padding:5px 20px; border-radius: 30px;}
.worship_tbl td a:hover {background: #444; color:#fff;}
.worship_tbl tr {border-bottom:1px solid #ddd;}



.worship .img_column1 .img {background: url(../page/img/worship_img1.jpg) center top no-repeat;}


.worship .img_column2 .img1 {background: url(../page/img/worship_img2.jpg) left top no-repeat; width:100%;}
.worship .img_column2 .img2 {background: url(../page/img/worship_img3.jpg) left top no-repeat; width:100%;}



.w_popup {width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.75); z-index:99; }
.w_popup-inner { max-width:900px; width:90%; padding:10px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); box-shadow:0px 2px 6px rgba(0,0,0,1); border-radius:3px; background:#fff; }
.w_popup-inner h2 {margin-bottom:10px;}
.w_popup-inner p img {width:100%; max-width:900px;}
.w_popup-close { width:35px; height:35px; padding-top:7px; display:inline-block; position:absolute; top:0px; right:0px; transition:ease 0.25s all; -webkit-transform:translate(50%, -50%); transform:translate(50%, -50%); border-radius:1000px; background:rgba(0,0,0,0.8);
font-family:Arial, Sans-Serif; font-size:20px; text-align:center; line-height:100%;color:#fff;}
.w_popup-close:hover { -webkit-transform:translate(50%, -50%) rotate(180deg); transform:translate(50%, -50%) rotate(180deg); background:rgba(0,0,0,1); text-decoration:none; }


@media (max-width: 992px) {
    .worship_tbl span {padding-top:10px; display: block}
    .worship_tbl td a {padding:5px 10px;}
    .worship .img2 img {margin-right:10px;} 
   
}

/*예배시간*/


/*네비게이토*/

.sba_top {text-align: center; margin-bottom:60px;}
.sba_top p {color: #444; padding-top:30px; background: url(../page/img/history_mark_gray.png) center top no-repeat;}
.sba01_sec01 {background: url(../page/img/sba01_bg.jpg) center top no-repeat; background-size: cover; position: relative; padding:110px 10px; margin-bottom:80px;}
.sba01_sec01 .w1200 {position: relative;}
.sba01_sec01 .tit {position:absolute; left:0; top:-130px; width:150px; height:150px; border-radius: 10px; background: #C89EC4; text-align: center; line-height: 150px; color:#fff;}
.sba01_sec01 p { text-align: center; color: #fff;}

.sba01_sec02 {margin-bottom:80px;}
.sba01_sec02 ul {display: flex; flex-wrap: wrap; margin:0 -10px 40px -10px;}
.sba01_sec02 ul li {width:calc(100% / 4 - 20px); margin:10px; border:1px solid #ddd; border-radius: 10px; overflow:hidden; text-align: center}
.sba01_sec02 ul li h4 {background: #FFF8F3; border-bottom:1px solid #ddd; padding:10px 0; text-align: center}
.sba01_sec02 ul li h4 img {margin-right:7px;}
.sba01_sec02 ul li p {height:100px; display: flex; align-items: center; justify-content: center}

.sba01_sec02 .img_column2 .img1 {background: url(../page/img/ng_img02.png) left top no-repeat; width:100%;}
.sba01_sec02 .img_column2 .img2 {background: url(../page/img/ng_img03.png) left top no-repeat; width:100%;}


.line_inline {display: flex; align-items: baseline; margin-bottom:5px;}
.line_inline h4.title_dot2_s {font-size: 1.11em; width:140px; margin-bottom:5px;}
.line_inline span {font-size: 1.11em; color:#444; width:calc(100% - 140px)}

.cs_info {background: #fff; border:1px solid #ddd; display: flex; border-radius: 10px; padding:15px 25px; overflow: hidden; margin-top:50px}
.cs_info h5 {line-height: 58px; margin-right:150px;}
.cs_info h5 span {background: #4E4D7D; width:58px; height:58px; border-radius: 50%; text-align: center; line-height: 58px; display: block; float:left; margin-right:20px; box-shadow: 0 4px 4px rgba(78,77,125,0.2)}
.cs_info > ul > li {float: left; margin-right:50px; line-height: 58px;}
.cs_info > ul > li:last-child {margin-right:0;} 

@media (max-width: 992px) {
    .sba_top, .sba01_sec01,.sba01_sec02 {margin-bottom:40px;}
    .sba01_sec01 {padding:80px 0;}
    .sba01_sec01 .tit {position: relative; width:120px; height:40px; line-height: 1.2; border-radius: 30px;margin:0 auto; padding:10px 0; top:0; margin-bottom:20px;}
    .sba01_sec02 ul li {width:calc(100% / 2 - 20px);}
    .cs_info h5 {margin-right:30px}
}

@media (max-width: 640px) {
    .sba01_sec01 {padding:40px 0;}
    .line_inline {display: block;  margin-bottom:30px;}
    .cs_info {display: block; margin-top:30px;}
    .cs_info h5 {line-height: 40px; margin-bottom:10px;}
    .cs_info h5 span {width:40px; height:40px; line-height: 40px}
    .cs_info h5 img {width:20px;}
    .cs_info > ul > li {line-height: 30px; margin-right:20px;}
    .cs_info > ul > li img {display: none}
    
   
}

/*네비게이토*/


/*유치부소개*/
.ng01_top {display: flex; margin-bottom:80px;}
.ng01_top .img {background: url(../page/img/ng_img01.png) center center no-repeat; background-size: cover; width:50%;}
.ng01_top .con {background:#4E4D7D url(../page/img/ng01_bg.png) right top no-repeat; background-size: contain; color:#fff; padding:4.72em 0 3.89em 4.72em; width:50%;}
.ng01_top .con p {max-width:540px;}

.ng01_sec01 {margin-bottom:20px;}
.ng01_sec01 ul {display: flex; flex-wrap: wrap; margin:0 -10px;}
.ng01_sec01 ul li {width:calc(100% / 4 - 20px); margin:10px; border:1px solid #ddd; border-radius: 10px; overflow:hidden; text-align: center}
.ng01_sec01 ul li h4 {background: #F7F8FB; border-bottom:1px solid #ddd; padding:10px 0; text-align: center}
.ng01_sec01 ul li h4 img {margin-right:8px;}
.ng01_sec01 ul li p {height:80px; display: flex; align-items: center; justify-content: center}

.ng01_sec01 .img_column2 .img1 {background: url(../page/img/ng_img02.png) left top no-repeat; width:100%;}
.ng01_sec01 .img_column2 .img2 {background: url(../page/img/ng_img03.png) left top no-repeat; width:100%;}
.ng01_sec02 .img_column1 .img {background: url(../page/img/ng_img04.png) left top no-repeat; width:100%;}

.ng01_sec02 {background: #F7F8FB; padding-top:3.33em; overflow: hidden}
.ng01_sec02 > div > ul li {background: #fff; border:1px solid #ddd; padding:10px; border-radius: 10px; display: flex; align-items: center; width:100%; margin-bottom:10px;}
.ng01_sec02 > div > ul li span.tit {color: #4e4d7d; background:#f7f8fb; width:120px; text-align: center; border-radius: 8px; padding:10px 0; font-weight: 600}
.ng01_sec02 > div > ul li span.con {margin-left:20px; width:calc(100% - 140px);}

.link_btn { background: #4E4D7D;  margin:3.61em auto 4.17em auto; max-width:220px; border-radius: 50px; box-shadow: 0 10px 10px rgba(78,77,125,0.2); transition: all .3s ease;}
.link_btn a {display: block; color:#fff; text-align: center;   padding:20px 30px;}
.link_btn:hover {box-shadow: 0 0 0 rgba(78,77,125,0.1);}

@media (max-width: 992px) {
    .ng01_top {display: block;}
    .ng01_top .img {height:250px; width:100%;}
    .ng01_top .con {width:100%; padding:3em;}
    .ng01_top .con p {max-width: 100%;}
    
    .ng01_sec01 ul li {width:calc(100% / 2 - 20px);}

}
@media (max-width: 640px) {
    .ng01_top {margin-bottom:40px;}
    .ng01_top .con {padding:2em 1.8em;}
    .ng01_top .img {height:200px;}
}
/*유치부소개*/


/*새가족안내*/
.snch03_sec01 .box {background:#4E4D7D; border-radius: 10px; padding:40px 40px 30px 40px; margin-bottom:30px;}
.snch03_sec01 .box h5 {font-size:1.33em; font-weight: 700; color:#fff; margin-bottom:10px;}
.snch03_sec01 .box li {color:#fff; display: flex; align-items: center; margin-bottom:10px;}
.snch03_sec01 .box li span {width:30px; height:30px; line-height:30px; border-radius: 30px; font-weight: 600; background: #fff; color:#4e4d7d; display: block; text-align: center; margin-right:10px;}

.snch03_sec01 .list {display: flex; justify-content: space-between; align-items: center}
.snch03_sec01 .list .left {width:calc(100% - 340px);}
.snch03_sec01 .list .right {text-align: center; width:340px; text-align: center}
.snch03_sec01 .list li {background: #fff; border:1px solid #ddd; padding:10px; border-radius: 10px; display: flex; align-items: center; width:100%; margin-bottom:10px;}
.snch03_sec01 .list li span.tit {color: #4e4d7d; background:#f7f8fb; width:120px; text-align: center; border-radius: 8px; padding:10px 0; font-weight: 600}
.snch03_sec01 .list li span.con {margin-left:20px; width:calc(100% - 140px);}

.snch03_sec02 { margin:6em 0 4em 0; background: url(../page/img/snch03_bg.jpg) center top no-repeat; height:330px; padding-top:165px;}
.snch03_sec02 .box { background: #fff; padding-top:2.22em; text-align: center; font-size:1.11em; padding-bottom:2em;}
.snch03_sec02 .box h5 {font-size:1.22em; padding-bottom:1em;}

.snch03_sec03 {margin-bottom:4.44em;}
.snch03_sec03 > .line_block > ul {display: flex; margin:0 -10px;}
.snch03_sec03 > .line_block > ul > li {width:calc(50% / 2 - 20px); margin:10px; border:1px solid #ddd; border-radius: 10px; overflow:hidden; text-align: center;}
.snch03_sec03 > .line_block > ul > li h4 {background: #FFF8F3; border-bottom:1px solid #ddd; padding:10px 0; text-align: center}
.snch03_sec03 > .line_block > ul > li h4 img {margin-right:8px;}
.snch03_sec03 > .line_block > ul > li p {height:150px; display: flex; align-items: center; justify-content: center;}
.snch03_sec03 > .line_block > ul > li > div {display: flex; align-items: center; justify-content: center; height: 150px;}
.snch03_sec03 > .line_block > ul > li > div > ul > li {padding-left:15px; position: relative; text-align: left;}
.snch03_sec03 > .line_block > ul > li > div > ul > li::before {content: ''; position: absolute; width:5px; height:5px; top:0.56em; background: #4e4d7d; margin-left:-10px; border-radius: 10px }
.snch03_sec03 > .line_block > ul > li:last-child {width:50%;}
.snch03_sec03 > .line_block > ul > li:last-child  > ul > li {text-align: left; padding-left:50px;}

.snch03_sec04 .box {margin-bottom:2.78em; display: flex; background: #F9F9F9;}
.snch03_sec04 .box .img {height:390px;}
.snch03_sec04 .box .txt {background: #F9F9F9; max-width:540px; padding:60px;}
.snch03_sec04 .box1 .right, .snch03_sec04 .box2 .left {display: flex; align-items: center; justify-content: center;}
.snch03_sec04 .box .txt h5 {font-size:1.44em; padding-bottom:1em;}
.snch03_sec04 .box .txt ul li {position: relative; padding-left:15px; margin-bottom:20px; font-size:1.11em;}
.snch03_sec04 .box .txt ul li::before {content: ''; position: absolute; width:6px; height: 6px; background: #485C7A; border-radius: 10px; margin-left:-15px; margin-top:10px;}

.snch03_sec04 .box1 .left{width:55%;}
.snch03_sec04 .box1 .img {background: url(../page/img/snch03_img1.jpg) center top no-repeat; background-size: cover;}

.snch03_sec04 .box2 .right{width:55%;}
.snch03_sec04 .box2 .img {background: url(../page/img/snch03_img2.jpg) center top no-repeat; background-size: cover;}

@media (max-width: 992px) {
    .snch03_sec01 .box {padding:20px;}
    .snch03_sec01 .list .left {width:calc(100%);}
    .snch03_sec01 .list .right {display:none;}
    .snch03_sec02 {height:auto; margin:2.22em 0;}
    
    .snch03_sec03 > .line_block > ul {flex-wrap: wrap;}
    .snch03_sec03 > .line_block > ul > li {width:calc(100% / 2 - 20px);}
    .snch03_sec03 > .line_block > ul > li:last-child {width:100%;}
    
    .snch03_sec04 .box1 .left, .snch03_sec04 .box1 .right {width:50%;}
    .snch03_sec04 .box .txt {padding:30px;}    
}

@media (max-width: 640px) {
    .snch03_sec01 .box li {display: block; margin-bottom:15px;}
    .snch03_sec01 .box li span {width:20px; height:20px; line-height: 20px; margin-bottom:5px;}
    
    .snch03_sec01 .list li span.tit {width:90px;}
    .snch03_sec01 .list li span.con {width:calc(100% - 110px);}
    
    .snch03_sec03 > .line_block > ul > li p, .snch03_sec03 > .line_block > ul > li > div {height:100px;}

    
    .snch03_sec04 .box {display: block;}   
    .snch03_sec04 .box .left, .snch03_sec04 .box .right {width:100%;}
    .snch03_sec04 .box .txt {padding:20px;}
    .snch03_sec04 .box .txt h5 {padding-bottom:0.5em;}
    .snch03_sec04 .box .txt ul li {margin-bottom:5px;}
    .snch03_sec04 .box .img {height:200px;}
}


/*새각족안내*/


/*후원/선교안내*/
.snch05_top {display: table; width:100%; text-align: center; background: url(../page/img/snch05_bg.png) center top no-repeat; background-size: cover; height:250px; color:#fff; font-size:1.33em; margin-bottom:80px;}
.snch05_top p {display: table-cell; vertical-align: middle;}
.snch05_list ul {display: flex; flex-wrap: wrap; margin:0 -15px;}
.snch05_list ul li {width:calc(100% / 3 - 30px); margin:10px 15px;}
.snch05_list ul li .img {position:relative; overflow: hidden;}
.snch05_list ul li .img img {width:100%; max-width:100%;}
.snch05_list ul li .img span {position:absolute; background: rgba(0,0,0,0.5); color:#fff; width:100%; padding:10px 0; bottom:0; text-align: center;}
.snch05_list ul li .con {padding:20px 0;}
.snch05_list ul li .con span {padding-bottom:10px; font-size:16px; color:#CAA385; font-weight: bold;}
.snch05_list ul li .con h6 {font-size:1.11em;}

@media (max-width: 992px) {
    .snch05_top {height:auto; padding:2.22em 0; margin-bottom:2.22em;}
    .snch05_top p {font-size:0.85em; padding:0 20px;}
    
    .snch05_list ul {margin:-10px;}
    .snch05_list ul li {width:calc(100% / 3 - 20px); margin:10px;}
    .snch05_list ul li .con {padding:10px 0;}
}

@media (max-width: 640px) {
    .snch05_list ul li {width:calc(100% / 1 - 20px);}
}

/*후원/선교안내*/




/*이미지 공통*/
.img_column .img{ height:320px;}    
.img_column1 {margin:20px 0 50px 0;}
.img_column1 .img { background-size: cover !important; border-radius: 10px; overflow: hidden;}
.img_column2 {display: flex; margin:20px -10px 50px -10px;}
.img_column2 .img {width:calc(100% / 2 - 20px); margin:0 10px;}

@media (max-width: 992px) {
    .img_column .img{ height:200px;}    
}
@media (max-width: 640px) {
    .img_column2 {display: block; margin:20px 0 50px 0;}
    .img_column2 .img {margin:10px 0; width:100%;}
}