@charset "utf-8";

.mb0{margin-bottom:0px !important;}

/*상단박스*/
.uit{overflow:hidden;position:relative;width:100%;  }
.uit{position:relative;margin-bottom:0px;background:#dfdfdf;overflow:hidden;margin-top:0px;}
.uit:before{content:"";position:absolute;top:0;left:0;width:100%;height:30px;background:#60bb46;}
.uit:after{content:"";position:absolute;top:0;left:0;width:50%;height:30px;background:#00a2e5;}

.uit .inner{position:relative;z-index:1;margin:3px; width:1194px; padding:15px 30px 15px 30px;background-color:#fff;border-bottom:1px solid #c2cbe5;}
.uit .inner .box1 {display:flex; justify-content: flex-start; align-items: flex-start; gap:0 40px; }
.uit .inner .box1 { font-size:20px; color:#000; font-weight:normal; letter-spacing:0; line-height:32px;}
.uit .inner .box1 .tit { padding-top:10px;font-size:17px; color:#444; font-weight:normal; letter-spacing:0;  line-height:1.8;}
.uit .inner .box1 li { display:inline-block; padding:0 0px;  line-height:16px; font-size:16px; font-weight:normal; color:#666; letter-spacing:0; }
.uit .inner .box1 li:last-child { border-right:0 }
.uit .inner .box1 .tit span.pc_cut{display:block;}

.b_org{font-weight:500; color:#ef5f4b;}
.b_blue{font-weight:500; color:#429cc0;}
.b_green{font-weight:500; color:#0ba167;}



/* 오시는 길*/
.map_wrapper{clear:both; margin-top:0px; animation: ani_3 0.8s 0.5s; animation-fill-mode: both;}
.map{height: 500px;    border-radius: 0 0 45px 0; border:1px solid #ddd;}

dl.map_txt{display:flex; margin:0px 0 60px 0px; padding:0;}
dl.map_txt dt{width:14%; color:#000; font-size:20px; line-height:2.2; font-weight:700;}
dl.map_txt dd{width:86%; }
dl.map_txt dd li{font-size:17px; line-height:2.2;  display:inline; width:100%; float:left; font-weight:400; }
dl.map_txt dd li strong{font-size:17px; color:#4B4B4B; display:inline-block; font-weight:500; min-width:70px;}
dl.map_txt dd li.map{padding-top:40px;}
dl.map_txt dd li em{ color:#4B4B4B; font-weight:400; }
dl.map_txt dd li.m_add_ico{padding-left:35px; background:url('../img/s_img/m_add_ico.png') no-repeat 0 50%;}
dl.map_txt dd li.m_tel_ico{padding-left:35px; background:url('../img/s_img/m_tel_ico.png') no-repeat 0 50%;}
.root_daum_roughmap{background:#00a2e5 !important;border-radius: 0;}


/* 비전 및 가치 */

.one_wrap {position: relative; display: flex; align-items: center; justify-content: center; animation: ani_3 0.9s 0.1s; animation-fill-mode: both;}
.one_wrap .line_box {width: 100%; height: 1px;  position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: flex; }
.one_wrap .line {width: 50%; height: 1px; background-color: #00a2e5; position: relative}
.one_wrap .line:before {position: absolute; content: ""; right: 0; top: -3px; width: 100%; height: 10px; background-color: #fff; transition: all 1s}
.one_wrap .line:last-child:before {transition-delay: .5s}
.one_wrap .line_box.active .line:first-child:before {width: 0}
.one_wrap .line_box.active .line:last-child:before {width: 0}
.one_wrap .cir {width:300px; padding-top: 300px; background-color: #1947ba; border-radius: 50%; position: relative; color: #fff}
.one_wrap .cir .one_text {position: absolute;width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 0 20px; font-size: var( --cont_sub_tit); text-align: center}
.one_wrap .left {display: flex; align-items: center}



.one_box {position: relative;margin:0 auto;display: flex;justify-content: center; width:100%; top: 0; position: relative; flex-shrink: 0; gap:20px;}
.one_box > li {width:300px; padding-top: 300px;position: relative; text-align: center; margin-left: -4px; }
.one_box > li .one_text {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 5; width: calc(100% - 0px); padding: 0 20px; background-color: #fff}
.one_box > li .one_text .tit {  display: block; white-space: nowrap; }
.one_box > li .one_text .tit img{margin-top:-4px;width:100%; max-width:300px;}



.one_box .circle-box {width:100%;height:100%;top: 0;left: 0;margin: auto;z-index:10;position: absolute;display: flex;justify-content: center;align-itmems:center;border-radius: 50%; flex-direction: column;;z-index: 11;}
.one_box .circle-wrapper {width: calc(50% - 4px);height: calc(100% - 4px);position: absolute;top: 0;overflow: hidden;display:block;}
.one_box .circle-wrapper-right {right: 4px;}
.one_box .circle-wrapper-left {left: 4px;}
.one_box .reverse .circle-box {top:-4px;transform: scale(-1, -1);}

.one_box li:nth-child(1) .circle-box .circle-right {border-top: 2px solid #00a2e5;border-right: 2px solid #00a2e5;right: 2px;animation: circleRight 1s linear forwards; animation-delay: 0s;}
.one_box li:nth-child(1) .circle-box .circle-left {border-bottom: 2px solid #00a2e5;border-left: 2px solid #00a2e5;left: 2px;animation: circleLeft 1s linear forwards; animation-delay: 0s;}
.one_box li:nth-child(2).reverse .circle-box .circle-right {border-top: 2px solid #60bb46;border-right: 2px solid #60bb46;right: 2px;animation: circleRight 1s linear forwards; animation-delay: 0s;}
.one_box li:nth-child(2).reverse .circle-box .circle-left {border-bottom: 2px solid #60bb46;border-left: 2px solid #60bb46;left: 2px;animation: circleLeft 1s linear forwards; animation-delay: 0s;}
.one_box li:nth-child(3) .circle-box .circle-right {border-top: 2px solid #f4741f;border-right: 2px solid #f4741f;right: 2px;animation: circleRight 1s linear forwards; animation-delay: 0s;}
.one_box li:nth-child(3) .circle-box .circle-left {border-bottom: 2px solid #f4741f;border-left: 2px solid #f4741f;left: 2px;animation: circleLeft 1s linear forwards; animation-delay: 0s;}

.one_box .circle-whole {width: 200%;height: 100%;border: 2px solid transparent;border-radius: 50%;position: absolute;top: 0;transform: rotate(-135deg);display:block;}

.text_tit {position: relative;margin:0 auto;display: flex;justify-content: center; width:100%; top: 0; position: relative; flex-shrink: 0;}
.text_tit > li {width:300px; padding-top:40px;position: relative; text-align: center; margin-left: -4px; font-size:22px; }
.text_tit > li.tit_blue{color:#00a2e5}
.text_tit > li.tit_green{color:#60bb46;}
.text_tit > li.tit_org{color:#f4741f;}



@keyframes circleRight {
    0% {transform: rotate(-135deg);}
    50%, 100% {transform: rotate(45deg);}
}

@keyframes circleLeft {
    0%, 50% {transform: rotate(-135deg);}
    100% {transform: rotate(45deg);}
}


dl.info03_tit{margin:120px 0 0px -4px;}
dl.info03_tit dt{margin-bottom:30px; font-size:22px; color:#333; font-weight:600; line-height:1.6; text-align:center;}
dl.info03_tit dd{font-size:17px; font-weight:400; line-height:1.6; text-align:center;}
dl.info03_tit dd span.pc_cut{display:block;}

dl.info03_tit dt span{padding:0 5px; background:url(../img/s_img/tit_bgline.png) repeat-x 0 bottom;}



/* 예배시간 */

.worshiptime h3 {font-size:28px; padding:10px 0;color: #303058;}
.worshiptime article {margin-top:40px}
.worship-time-list {width: 100%;table-layout: fixed;margin: 0 auto;text-align: center;border-top: 2px solid #00A2E5;border-bottom: 2px solid #dadee7;}
.worship-regular  {margin-top:0}
.worship-regular col.tbl-1st {border-right: 1px solid #dadee7;}
.worship-regular col.tbl-2nd {width:20%;}
.worship-regular col.tbl-3rd {width:20%}


.worship-time-list thead tr {color: #171746;text-align: center;}
.worship-time-list th {padding: 10px; font-size:17px; font-weight:500; background: #e9edf5;border-right: 1px solid #dadee7;border-bottom: 1px solid #dadee7;}
.worship-time-list th.lastcell, .worship-time-list td.lastcell {border-right:0}
.worship-time-list tr.tbl-sub-th th {background: #f3f3f3;font-size: 18px;color:#303058;}
.worship-time-list tr.tbl-sub-th th a {background: #f3f3f3;font-size: 18px;color:#303058;} /*추가*/
.worship-time-list td {font-size:17px; padding: 10px;border-right: 1px solid #dadee7;border-bottom: 1px solid #dadee7;}
.worship-time-list td.worship-tit {font-size: 17px;vertical-align:middle;}
.worship-time-list td.worship-tit a {font-size: 17px;vertical-align:middle;}/*추가*/
.worship-time-list td.tbl-4th  {text-align:center;border-right:0}
.worship-time-list td.tbl-4th span {color:#ff5252;}
.worshiptime .remark {font-size:15px; text-align:right; color:#ff5252; padding-top:5px}




/*새신자 교육*/
.mission01_wrap{animation: ani_3 0.8s 0.5s; animation-fill-mode: both;}
.mission02_wrap{animation: ani_3 0.8s 0.5s; animation-fill-mode: both;}
dl.edu01_list{margin-left:15px;}
dl.edu01_list dt{margin-top:20px; color:#00a2e5; padding-left:15px; font-weight:500;  background: url(../img/s_img/ico_bul04.png) no-repeat left 10px;}
dl.edu01_list dd{margin-top:10px; line-height:1.6; font-weight:400;padding-left: 15px; }

/*새신자 교육*/
ul.edu01_list{margin-left:15px;}
ul.edu01_list li{margin-top:20px; padding-left:15px;  font-weight:400;  background: url(../img/s_img/ico_bul04.png) no-repeat left 8px;}
ul.edu01_list li.non{background:none; margin-left:20px;}

ul.edu01_list_bar{margin-left:15px;}
ul.edu01_list_bar li{margin-top:0px; padding-left:15px;  font-weight:400;  background: url(../img/s_img/ico_bul04.png) no-repeat left 8px;}
ul.edu01_list_bar li.non{background:none; margin-left:0px;}




.mb40{margin-bottom:40px;}
.mt80{margin-top:80px !important;}
.mb100{margin-bottom:100px !important;}


.item_box{margin:40px 0 100px 0;display:grid; gap:40px; grid-template-columns:340px auto; padding-left:30px;}
.item_box ul.edu01_list_02{}
.item_box ul.edu01_list_02 li{margin-bottom:20px; padding-left:13px;  font-weight:400;  background: url(../img/s_img/ico_bul04.png) no-repeat left 10px;}
.item_box span {overflow:hidden; width:340px;}
.item_box span img{width:340px; transition: transform ease-in-out 0.5s;}
.item_box span:hover img {transform: scale(1.05); }


.fix_box_edu01{clear:both;width: 100%;height:300px;margin:0px 0;}
.fix_box_edu01{background: url(/file/img/s_img/edu01_img_new_upscaled.jpeg) no-repeat center center; background-size:100%; background-attachment: fixed;}




/*제자 훈련*/
.fix_box_edu02{clear:both;width: 100%;height:300px;margin:0px 0;}
.fix_box_edu02{background: url(/file/img/s_img/edu02_img_new_upscaled.jpeg) no-repeat center top; background-size:100%; background-attachment: fixed;}




/*교회소개*/


dl.info01_tit{margin:0px 0 80px 0px; /*animation: ani_3 0.8s 0.5s;   animation-fill-mode: both; */text-align:center;}
dl.info01_tit dt{margin-bottom:30px; font-size:22px; color:#333; font-weight:500; line-height:1.6; text-align:center;}
dl.info01_tit dd{font-size:17px; font-weight:400; line-height:1.6; text-align:center;}
dl.info01_tit dt em.pc_cut{display:block; font-weight:500;}
dl.info01_tit dd em.pc_cut{display:block; font-weight:400;}

dl.info01_tit dt span{padding:0 5px; background:url(../img/s_img/tit_bgline.png) repeat-x 0 bottom;}


/*이미지 목록*/
.info01_list{margin-top:40px; display:flex; gap:40px; justify-content: space-between;}
.info01_list dt{ overflow: hidden;}
.info01_list dt img{width:100%; max-width:380px; margin:0 auto; 
  transition: transform ease-in-out 0.5s; }
.info01_list dt:hover img { transform: scale(1.05);  }
.info01_list dd{text-align:center; margin-top:20px;}
.info01_list dl{width:33%;}




/*사역자소개*/

ul.info02_list { display: flex;  justify-content: center;   align-items: flex-start; gap:0 80px; margin-bottom:120px; animation: ani_3 0.8s 0.5s; animation-fill-mode: both;}
ul.info02_list li.txt dl{margin-top:20px;}
ul.info02_list li.txt dt{font-size:24px; line-height:1.6; color:#00A2E5;font-weight:500;}
ul.info02_list li.txt dt span.pc_cut{display:block;}
ul.info02_list li.txt dd{margin-top:40px;font-size:17px; line-height:1.6; } 
ul.info02_list li.txt dd.sign{font-weight:500; text-align:right;}
ul.info02_list li.txt dd.sign strong{font-weight:600; font-size:20px; padding-left:10px;}


ul.info02_list li.img{text-align:left; line-height:633px; width:50%;vertical-align:middle;}

ul.info02_list li.img img{text-align:left; width:100%; max-width:500px; border-radius:25px;vertical-align:top; padding-top:0px; transform: scale(1); border-radius:10px;  } 

ul.info02_list li.img .img_ov{background:#00a2e5; max-width:500px;}
ul.info02_list li.img a{background:#00a2e5; max-width:500px;  border:1px solid #ddd;display: inline-block;  margin-top:0px;   overflow:hidden; display:flex; position:relative; border-radius:10px;   }
ul.info02_list li.img a:hover{box-shadow:5px 5px 20px rgba(0,0,0,0.1);}
ul.info02_list li.img a:hover img{border-radius:0;  border-radius:55px 10px 55px 10px;  transform:translateY(0px); }


.ban04-img>li>a{
    overflow:hidden; display:flex; position:relative; width:500px; height:633px; padding:0px; border-radius:10px 10px 30px 10px; 
    -webkit-transition:box-shadow 0.3s linear; transition:box-shadow 0.3s linear;}
.ban04-img>li>a::before,
.ban04-img>li>a::after{
    content:""; display:block; position:absolute; right:0; bottom:0; z-index:0; width:100%; height:100%; border-radius:10px 10px 30px 10px; background-color:#fff;
    -webkit-transition:all 0.3s linear; transition:all 0.3s linear; }
.ban04-img>li>a::before{width:calc(100% - 20px); height:calc(100% - 20px);}
.ban04-img>li>a::after{  z-index:1;  -webkit-transition:border-radius 0.3s linear; transition:border-radius 0.3s linear;background:url(../img/s_img/info02_img01.jpg) no-repeat 0 0;}
.ban04-img>li>a>.in{display:flex; flex-direction:column; position:relative; z-index:10; width:100%; }
.ban04-img>li>a>.in>span{margin-top:auto; font-size:18px; color:#54555A;}

.ban04-img>li>a:hover{  -webkit-box-shadow: 0px 20px 32px rgba(0, 0, 0, 0);  box-shadow: 0px 20px 32px rgba(0, 0, 0, 0);}
.ban04-img>li>a:hover::before{background-color:rgba(134, 142, 150, 1);  }
.ban04-img>li>a:hover::after{border-radius:10px 10px 120px 10px; background:url(../img/s_img/info02_img01.jpg) no-repeat 0 0;	}
.ban04-img>li>a:hover::after > .in{background-image:none;}

.ban04-img>li[data-type*="img"]>a:hover::before{background-color:rgba(0, 162, 229, -18);}



/*섬기는 분들*/
ul.info02_box { width:100%;  margin-left: 0px;  display: flex; flex-wrap: wrap; gap:40px 40px;    justify-content: flex-start;}
ul.info02_box li {position: relative; width: 31%; height: 200px;  margin: 0px;  border-radius: 0px; border: 1px solid #E6E6E6;}
ul.info02_box li:before { content: ""; position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border-radius: 0px;
  border: 1px solid #E6E6E6;}
 ul.info02_box li span { position: relative;  overflow: hidden;  position: relative;  display: inline-block;
  width: 100%;  height: 100%;  padding: 30px 20px 0 30px;  background-color: #fff;  background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#f2f2f2));
  background: linear-gradient(to bottom right, #fff, #f2f2f2); border-radius: 0px;}
ul.info02_box li span:before, ul.info02_box li span:after {  opacity: 0;  z-index: 2;  content: "";  position: absolute;  bottom: -40px;  right: -20px; width: 180px; height: 160px;
  background-repeat: no-repeat;  background-size: 180px;  background-position: center;}
ul.info02_box li span:before {  -webkit-transform: scale(4); transform: scale(4);}
ul.info02_box li span:after {  -webkit-transform: translateY(50px);transform: translateY(50px);  -webkit-transition: 0.4s;
  transition: 0.4s;}
ul.info02_box li span .bg { z-index: 1;  opacity: 0;  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  -webkit-transition: 0s;
  transition: 0s;  -webkit-transition-property: opacity;  transition-property: opacity;}

ul.info02_box li span .title { z-index: 3;  letter-spacing: -1px;  position: relative;  display: block;  margin-bottom: 12px;  font-size: 20px;
  font-weight: bold;}
ul.info02_box li span .text {display:block; z-index: 3;  position: relative;  font-size: 16px;  color: #555;}
ul.info02_box li span .text strong{font-weight:500;}
ul.info02_box li span .text strong.ls{letter-spacing:-0.05em;}

ul.info02_box li span .info02ico {  position: absolute;  bottom: 40px;  right: 40px;}


ul.info02_box li:hover:before { display: none;}
ul.info02_box li:hover > span { -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
ul.info02_box li:hover > span:before { opacity: 1; -webkit-transform: scale(1);     transform: scale(1); -webkit-transition: 0.4s cubic-bezier(0.4, 0.05, 0.57, 0.88);
  transition: 0.4s cubic-bezier(0.4, 0.05, 0.57, 0.88);}
ul.info02_box li:hover > span:after { opacity: 1;  -webkit-transform: translateY(0); transform: translateY(0);}
ul.info02_box li:hover > span .bg { opacity: 1;}
ul.info02_box li:hover > span .info02ico {  opacity: 0;}
ul.info02_box li.member01 > span:before { background-image: url("../img/s_img/bg_hart.png");}
ul.info02_box li.member01 > span:after { background-image: url("../img/s_img/info02_img_no01.png");}
ul.info02_box li.member01 > span .bg { background: -webkit-gradient(linear, left top, right bottom, from(#f1f9fb), to(#a6d1d9));
  background: linear-gradient(to bottom right, #f1f9fb, #a6d1d9);}



ul.normal_txt{margin:20px 0 40px 0;}
ul.normal_txt li{font-size:16px; line-height:1.6;}




/*순예배*/

.worship_list{ display:grid;flex-wrap: wrap; gap:120px 40px;grid-template-columns: 1fr 1fr;}
.worship_list li{display:flex;gap:40px; align-items: center; padding-left:100px; }
.worship_list li.no01{background:url(../img/s_img/no01.jpg) no-repeat 0 0;}
.worship_list li.no02{background:url(../img/s_img/no02.jpg) no-repeat 0 0;}
.worship_list li.no03{background:url(../img/s_img/no03.jpg) no-repeat 0 0;}
.worship_list li.no04{background:url(../img/s_img/no04.jpg) no-repeat 0 0;}
.worship_list li.no05{background:url(../img/s_img/no05.jpg) no-repeat 0 0;}
.worship_list li.no06{background:url(../img/s_img/no06.jpg) no-repeat 0 0;}
.worship_list li.no07{background:url(../img/s_img/no07.jpg) no-repeat 0 0;}

.worship_list li dt{font-size:18px; font-weight:600; margin-bottom:10px;}
.worship_list li dd strong{font-weight:500;}
.worship_list li dd{padding-left:12px; line-height:1.8; background:url(../img/s_img/dot_gray.png) no-repeat 0 49%;font-size:16px; font-weight:300;}





dl.worship02_tit{margin:0px 0 100px 0px; /*animation: ani_3 0.8s 0.5s; animation-fill-mode: both;*/}
dl.worship02_tit dt{margin-bottom:0px; font-size:22px; color:#333; font-weight:400; line-height:1.6; text-align:center;}
dl.worship02_tit dd{font-size:22px; font-weight:400; line-height:1.6; text-align:center;}
dl.worship02_tit dt em.pc_cut{display:block; font-weight:400;}
dl.worship02_tit dd em.pc_cut{display:block; font-weight:400;}
dl.worship02_tit dd em{font-weight:400;}
dl.worship02_tit dt span{font-weight:500; padding:0 5px; background:url(../img/s_img/tit_bgline.png) repeat-x 0 bottom;}
dl.worship02_tit dd strong{display:inline-block; font-weight:400; padding-bottom:10px;}



dl.worship02_tit02{height:156px; margin:0px 0 120px 0px; padding:30px; background:#f9f9f9 url(../img/s_img/worship_topbg.png) no-repeat right 0;}
dl.worship02_tit02 dt{margin-bottom:15px; font-size:20px; color:#333; font-weight:500; line-height:1.6; text-align:center;}
dl.worship02_tit02 dd{font-size:17px; font-weight:400; line-height:1.6; text-align:center;}





/* 선교 */

.mission02_list{margin:40px 0 60px 0; padding-left:30px; display:flex; gap:40px; justify-content: flex-start;}
.mission02_list dt{ overflow: hidden;}
.mission02_list dt img{width:100%; max-width:380px; margin:0 auto; transition: transform ease-in-out 0.5s; }
.mission02_list dt:hover img { transform: scale(1.05);}
.mission02_list dd{text-align:center; margin-top:20px; font-size:16px; font-weight:500;}
.mission02_list dl{width:33%; max-width: 380px;}
.mission02_list dd.non{display:none;}





.mission03_wrap{animation: ani_3 0.8s 0.5s; animation-fill-mode: both;}



.scroll-content { 
  position: relative;
  transform: translateY(100px); 
  opacity: 0;
}


.scroll-content.scroll_ani {
  transform: translateY(0);
  transition: 1s cubic-beziesr(0.65, 0, 0.35, 1); 
  opacity: 1;
}




p.w100p{width:100%; }

p.w100p img{width:100%; margin:40px auto; }

p.w100p img.pc{display:block;}
p.w100p img.mobile{display:none;}






@media (max-width: 1199px) {





/*상단박스*/
.uit{overflow:hidden;position:relative;width:100%;  }
.uit{position:relative;margin-bottom:0px;background:none;overflow:hidden;margin-top:0px; border-top:3px solid #60bb46; border-left:3px solid #dfdfdf; border-right:3px solid #dfdfdf;border-bottom:3px solid #dfdfdf;}
.uit:before{content:"";position:absolute;top:0;left:0;width:100%;height:30px;background:none;}
.uit:after{content:"";position:absolute;top:0;left:0;width:20%;height:30px; background:none}
.uit .inner{position:relative;z-index:1;margin:3px; width:100%; padding:15px 30px;background-color:#fff;border-bottom:none;}
.uit .inner .box1 .tit { padding-top:0; font-size:16px; line-height:1.6; color:#000; font-weight:normal; letter-spacing:0;}
.uit .inner .box1 p.img img{width:100px;}
.uit .inner .box1 { display: flex; justify-content: flex-start; align-items: center;  gap: 0 40px;}
 

/* 회사소개 - 오시는 길 */


dl.map_txt{display:flex; margin:0px 0 60px 0px; padding:0;}
dl.map_txt dt{width:12%; font-size:18px; }
dl.map_txt dd{width:88%; }
dl.map_txt dd li{font-size:16px;  line-height:2.4;  }
dl.map_txt dd li strong{font-size:16px;display:inline-block; min-width:70px;}
dl.map_txt dd li.map{padding-top:40px;}
dl.map_txt dd li.m_add_ico{padding-left:35px; background:url('../img/s_img/m_add_ico.png') no-repeat 0 50%;}
dl.map_txt dd li.m_tel_ico{padding-left:35px; background:url('../img/s_img/m_tel_ico.png') no-repeat 0 50%;}




/*교회소개*/


dl.info01_tit{margin:0px 0 80px 0px;}
dl.info01_tit dt{margin-bottom:30px; font-size:20px; line-height:1.6; }
dl.info01_tit dd{font-size:16px; padding:0 20px; line-height:1.6; }
dl.info01_tit dt em.pc_cut{display:block; }
dl.info01_tit dd em.pc_cut{display:inline;}

dl.info01_tit dt span{padding:0 5px; background:url(../img/s_img/tit_bgline.png) repeat-x 0 bottom; }




/*사역자소개*/

ul.info02_list { display: flex;  justify-content: center;   align-items: flex-start; gap:0 40px;}
ul.info02_list li.txt dl{margin-top:20px;}
ul.info02_list li.txt dt{font-size:20px; line-height:1.6; color:#00A2E5;font-weight:500;}
ul.info02_list li.txt dt span.pc_cut{display:block;}
ul.info02_list li.txt dd{margin-top:40px;font-size:16px; line-height:1.6; } 
ul.info02_list li.txt dd.sign{font-weight:500; text-align:right;}
ul.info02_list li.txt dd.sign strong{font-weight:600; font-size:20px; padding-left:10px;}


ul.info02_list li.img{text-align:left; line-height:600px; width:50%;vertical-align:middle;}

ul.info02_list li.img img{text-align:left; width:100%; max-width:500px; border-radius:25px;vertical-align:top; padding-top:0px; transform: scale(1); border-radius:8px;  } 

ul.info02_list li.img .img_ov{background:#00a2e5; max-width:500px;}
ul.info02_list li.img a{border-radius:8px;background:#00a2e5; max-width:500px;  display: inline-block;  margin-top:0px;   overflow:hidden; display:flex; position:relative; border-radius:8px;   }
ul.info02_list li.img a:hover{box-shadow:5px 5px 20px rgba(0,0,0,0.1);}
ul.info02_list li.img a:hover img{border-radius:0;  border-radius:55px 8px 55px 8px;  transform:translateY(0px); }


.ban04-img>li>a{
    overflow:hidden; display:flex; position:relative; width:500px; height:600px; padding:0px; border-radius:8px;
    -webkit-transition:box-shadow 0.3s linear; transition:box-shadow 0.3s linear;}
.ban04-img>li>a::before,
.ban04-img>li>a::after{
    content:""; display:block; position:absolute; right:0; bottom:0; z-index:0; width:100%; height:100%; border-radius:8px 8px 30px 8px; background-color:#fff;
    -webkit-transition:all 0.3s linear; transition:all 0.3s linear; }
.ban04-img>li>a::before{width:calc(100% - 20px); height:calc(100% - 20px);}
.ban04-img>li>a::after{  z-index:1;  -webkit-transition:border-radius 0.3s linear; transition:border-radius 0.3s linear;background:url(../img/s_img/info02_img01.jpg) no-repeat 0 0;}
.ban04-img>li>a>.in{display:flex; flex-direction:column; position:relative; z-index:10; width:100%;}
.ban04-img>li>a>.in>span{margin-top:auto; font-size:18px; color:#54555A;}

.ban04-img>li>a:hover{  -webkit-box-shadow: 0px 20px 32px rgba(0, 0, 0, 0);  box-shadow: 0px 20px 32px rgba(0, 0, 0, 0);}
.ban04-img>li>a:hover::before{background-color:rgba(134, 142, 150, 1); }
.ban04-img>li>a:hover::after{border-radius:8px 8px 120px 8px; background:url(../img/s_img/info02_img01.jpg) no-repeat 0 0; 	}
.ban04-img>li>a:hover::after > .in{background-image:none;}

.ban04-img>li[data-type*="img"]>a:hover::before{background-color:rgba(0, 162, 229, -18);}





/* 비전 및 가치 */

.one_wrap .cir {width:260px; padding-top:260px;}
.one_box > li {width:260px; padding-top:260px;}
.one_box > li .one_text .tit img{max-width:260px;}
.text_tit > li {width:260px; padding-top:30px; font-size:22px; }
dl.info03_tit {  margin: 100px 0 0px -4px;}


/*섬기는 분들 */
ul.info02_box li span { padding:30px; }
ul.info02_list { margin-bottom: 100px;}
ul.info02_box {  gap:20px;    justify-content: flex-start;}


/* 예배시간 */
.worship-time-list td.worship-tit {font-size: 16px}
.worship-time-list td.worship-tit a {font-size: 16px}/*추가*/
.worship-regular .p-sign {display:block}
.worship-family col.tbl-1st {width:20%;}
.worship-family col.tbl-2nd {width:15%;}
.worship-family col.tbl-3rd {width:20%;}
.worship-family col.tbl-5th {width:25%}

.worship-global col.tbl-1st {width:20%;}
.worship-global col.tbl-2nd {width:16%;}
.worship-global col.tbl-3rd {width:20%;}
.worship-global col.tbl-4th {width:25%}


/*새신자 교육*/
.fix_box_edu01{clear:both;width: 100%;height:260px;margin:0px 0;}
.fix_box_edu01{background-size:100%; background-attachment: scroll;}




/*제자 훈련*/
.fix_box_edu02{clear:both;width: 100%;height:260px;margin:0px 0;}
.fix_box_edu02{background: url(/file/img/s_img/edu02_img_new_m.jpg) no-repeat center center; background-size:100%; background-attachment: scroll;}




/*순예배*/

.worship_list{display:grid;flex-wrap: wrap; gap:100px 20px;grid-template-columns: 1fr 1fr;}
.worship_list li{display:flex;gap:20px; align-items: flex-start;; padding-left:70px; }

.worship_list li img{width:100%; max-width:180px;}

.worship_list li.no01{background:url(../img/s_img/no01.jpg) no-repeat 0 0; background-size:60px; }
.worship_list li.no02{background:url(../img/s_img/no02.jpg) no-repeat 0 0; background-size:60px; }
.worship_list li.no03{background:url(../img/s_img/no03.jpg) no-repeat 0 0; background-size:60px; }
.worship_list li.no04{background:url(../img/s_img/no04.jpg) no-repeat 0 0; background-size:60px; }
.worship_list li.no05{background:url(../img/s_img/no05.jpg) no-repeat 0 0; background-size:60px; }
.worship_list li.no06{background:url(../img/s_img/no06.jpg) no-repeat 0 0; background-size:60px; }

.worship_list li dt{font-size:17px;  margin-bottom:8px;}
.worship_list li dd{padding-left:12px; line-height:1.6; background:url(../img/s_img/dot_gray.png) no-repeat 0 49%;font-size:15px; font-weight:300;}



dl.worship02_tit{margin:0px 0 60px 0px;}
dl.worship02_tit dt{margin-bottom:0px; font-size:18px; line-height:1.6; }
dl.worship02_tit dd{font-size:18px; line-height:1.6;}

dl.worship02_tit dt span{padding:0 5px; background:url(../img/s_img/tit_bgline.png) repeat-x 0 bottom;}
dl.worship02_tit dd strong{display:inline-block; padding-bottom:10px;}


dl.worship02_tit02{height:140px; margin:0px 0 100px 0px; padding:20px; background:#f9f9f9 url(../img/s_img/worship_topbg.png) no-repeat right center;}
dl.worship02_tit02 dt{margin-bottom:15px; font-size:18px; line-height:1.6;}
dl.worship02_tit02 dd{font-size:16px; line-height:1.6; }




/*비전및가치*/

.one_box li:nth-child(2).reverse .circle-box .circle-left { left: 0; }
.one_box .circle-wrapper-left { left: 0;}

.one_box .circle-wrapper { width: calc(50% - 0px); height: calc(100% - 0px); position: absolute;
  top: 0; right:0px;}

.one_box li:nth-child(2).reverse .circle-box .circle-left { left: 0;}

.one_box .circle-whole { width: 200%;  height: 100%; border: 2px solid transparent;  border-radius: 50%;
  position: absolute; top: 0; transform: rotate(-135deg); display: block;}


.one_wrap { width:820px; margin: 0 auto;}

.one_box li:nth-child(1) .circle-box .circle-right { right: 0px; animation: circleRight 1s linear forwards;
  animation-delay: 0s;}

.one_box li:nth-child(3) .circle-box .circle-left { left: 0px;}
.one_box > li { width: 260px; height:260px; padding-top: 260px; margin: 0 auto;}
.one_box .reverse .circle-box { top: 0px; }
.one_box li:nth-child(1) .circle-box .circle-left { left: 0px;}
.one_box li:nth-child(2).reverse .circle-box .circle-right { right: 0px;}
.one_box > li .one_text .tit img {margin-top: 0px; width:240px; margin:0 auto;}
.one_box > li .one_text { padding: 0;}
.one_box .circle-box { width:260px; height:260px; top:0; left:0; margin:0 auto;}
.one_box { margin: 0 auto; justify-content: center;  top: 0;  gap: 20px;}



}/* 1199px End*/


@media (max-width: 991px) {
  .uit .inner .box1 p.img img {
    width: 100px;}
  .uit .inner .box1 .tit { font-size:16px;}
  .uit .inner .box1 .tit span.pc_cut{display:inline;}
  .uit .inner .box1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 40px;}


  /* 회사소개 - 오시는 길 */

  dl.map_txt{display:flex; margin:0px 0 40px 0px; padding:0;}
  dl.map_txt dt{width:20%; font-size:16px; }
  dl.map_txt dd{width:80%; }
  dl.map_txt dd li{font-size:15px;  line-height:2.4;  }
  dl.map_txt dd li strong{display:inline-block; min-width:70px;}
  dl.map_txt dd li.map{padding-top:40px;}
  dl.map_txt dd li.m_add_ico{padding-left:35px; background:url('../img/s_img/m_add_ico.png') no-repeat 0 50%;}
  dl.map_txt dd li.m_tel_ico{padding-left:35px; background:url('../img/s_img/m_tel_ico.png') no-repeat 0 50%;}



/*교회소개*/


dl.info01_tit{margin:0px 0 60px 0px;}
dl.info01_tit dt{margin-bottom:30px; font-size:17px; line-height:1.6; }
dl.info01_tit dd{font-size:15px; padding:0 20px; line-height:1.5; }
dl.info01_tit dt em.pc_cut{display:inline; }
dl.info01_tit dd em.pc_cut{display:inline;}
dl.info01_tit dt em.mid_cut{display:block;}
dl.info01_tit dt span{padding:0 5px; background:url(../img/s_img/tit_bgline_m.png) repeat-x 0 bottom; }
.info01_list dd {margin-top: 15px;}



/*사역자소개*/
ul.info02_box li.member01 > span:before {
  background-image: url(../img/s_img/bg_hart.png);
  background-size: 100%;}
ul.info02_box li {
  position: relative;
  width: 31%;
  height: 180px;
  margin: 0px;
  border-radius: 0px;
  border: 1px solid #E6E6E6;}



ul.info02_list { display:block;  justify-content: center;  flex-wrap: wrap; align-items: flex-start; gap:0 0px;}
ul.info02_list li.txt dl{margin-top:60px;}
ul.info02_list li.txt dt{text-align:center; font-size:17px; line-height:1.6; color:#00A2E5;font-weight:500;}
ul.info02_list li.txt dt span.pc_cut{display:inline;}
ul.info02_list li.txt dd{text-align:center; margin-top:20px;font-size:15px; line-height:1.5; } 
ul.info02_list li.txt dd.sign{ text-align:center; margin-top:40px;}
ul.info02_list li.txt dd.sign strong{font-size:18px; padding-left:10px;}
dl.info01_tit dt em.mid_cut{dislay:block; font-weight:500;}
ul.info02_list li.txt dd span.mid_cut{display:block;}


ul.info02_list li.img{text-align:center; line-height:480px; width:100%;max-width:400px;vertical-align:middle; margin:0 auto;}

ul.info02_list li.img img{text-align:left; width:100%; max-width:400px; border-radius:25px;vertical-align:top; padding-top:0px; transform: scale(1); border-radius:8px;  } 

ul.info02_list li.img .img_ov{background:#00a2e5; max-width:400px;}
ul.info02_list li.img a{border-radius:8px;background:#00a2e5; max-width:400px;  display: inline-block;  margin-top:0px;   overflow:hidden; display:flex; position:relative; border-radius:8px;   }
ul.info02_list li.img a:hover{box-shadow:5px 5px 20px rgba(0,0,0,0.1);}
ul.info02_list li.img a:hover img{border-radius:0;  border-radius:55px 8px 55px 8px;  transform:translateY(0px); }


.ban04-img>li>a{
    overflow:hidden; display:flex; position:relative;width:400px; height:480px; padding:0px; border-radius:8px;
    -webkit-transition:box-shadow 0.3s linear; transition:box-shadow 0.3s linear;}
.ban04-img>li>a::before,
.ban04-img>li>a::after{
    content:""; display:block; position:absolute; right:0; bottom:0; z-index:0; width:100%; height:100%; border-radius:8px 8px 30px 8px; background-color:#fff;
    -webkit-transition:all 0.3s linear; transition:all 0.3s linear; }
.ban04-img>li>a::before{width:calc(100% - 20px); height:calc(100% - 20px);}
.ban04-img>li>a::after{  z-index:1;  -webkit-transition:border-radius 0.3s linear; transition:border-radius 0.3s linear;background:url(../img/s_img/info02_img01.jpg) no-repeat 0 0; background-size:100%;}
.ban04-img>li>a>.in{display:flex; flex-direction:column; position:relative; z-index:10; width:100%;}
.ban04-img>li>a>.in>span{margin-top:auto; font-size:18px; color:#54555A;}

.ban04-img>li>a:hover{  -webkit-box-shadow: 0px 20px 32px rgba(0, 0, 0, 0);  box-shadow: 0px 20px 32px rgba(0, 0, 0, 0);}
.ban04-img>li>a:hover::before{background-color:rgba(134, 142, 150, 1); }
.ban04-img>li>a:hover::after{border-radius:8px 8px 120px 8px; background:url(../img/s_img/info02_img01.jpg) no-repeat 0 0; background-size:100%;}
.ban04-img>li>a:hover::after > .in{background-image:none;}

.ban04-img>li[data-type*="img"]>a:hover::before{background-color:rgba(0, 162, 229, -18);}





/* 비전 및 가치 */


.one_wrap .cir {width:200px; padding-top:200px; }
.one_box > li {width:200px; padding-top:200px;}
.one_box > li .one_text .tit img{ max-width:200px;}
.text_tit > li {width:200px; padding-top:20px; font-size:18px; }

dl.info03_tit {  margin: 80px 0 0px -4px;}

dl.info03_tit dd span.pc_cut { display: inline;}
dl.info03_tit dd span.mid_cut { display: block;}

dl.info03_tit dt{margin-bottom:30px; font-size:17px;  line-height:1.6; text-align:center;}
dl.info03_tit dd{font-size:15px; line-height:1.5; text-align:center;}

/* 새신자교육*/
dl.edu01_list dt { margin-top: 20px; padding-left: 15px; background: url(../img/s_img/ico_bul04.png) no-repeat left 9px;}

dl.edu01_list dt{font-size:15px;}
dl.edu01_list dd{font-size:15px;}
ul.edu01_list li {font-size:15px;}

.fix_box_edu01{clear:both;width: 100%;height:230px;margin:0px 0;}
.fix_box_edu01{ background-size:100%; background-attachment: scroll;}




/*제자 훈련*/
.fix_box_edu02{clear:both;width: 100%;height:230px;margin:0px 0;}
.fix_box_edu02{ background-size:100%; background-attachment: scroll;}




/*섬기는 분들 */
ul.info02_box li span { padding:30px; }
ul.info02_box li span .title { margin-bottom: 16px;  font-size: 18px;}

/*섬기는 분들*/
ul.info02_box {  width: 100%;  margin-left: 0px;  display: flex;  flex-wrap: wrap;  gap: 0px;  justify-content: space-between;}
ul.info02_box li {position: relative; width:48%; height:180px;  margin: 0px;  border-radius: 0px; border: 1px solid #E6E6E6;}
ul.info02_box li { margin-bottom: 20px;}
ul.info02_box li span .text { font-size: 16px;}
.mt80 { margin-top: 60px !important;}
ul.info02_list { margin-bottom: 60px;}

/* 예배시간 */
.worship-time-list th {font-size: 17px;}
.worship-time-list td {font-size: 15px;}



/*순예배*/

.worship_list{display:grid;flex-wrap: wrap; gap:80px 20px;grid-template-columns: 1fr;}
.worship_list li{display:flex;gap:20px; align-items: flex-start;; padding-left:70px; }

.worship_list li img{width:100%; max-width:180px;}

.worship_list li.no01{background:url(../img/s_img/no01.jpg) no-repeat 0 0; background-size:60px; }
.worship_list li.no02{background:url(../img/s_img/no02.jpg) no-repeat 0 0; background-size:60px; }
.worship_list li.no03{background:url(../img/s_img/no03.jpg) no-repeat 0 0; background-size:60px; }
.worship_list li.no04{background:url(../img/s_img/no04.jpg) no-repeat 0 0; background-size:60px; }
.worship_list li.no05{background:url(../img/s_img/no05.jpg) no-repeat 0 0; background-size:60px; }
.worship_list li.no06{background:url(../img/s_img/no06.jpg) no-repeat 0 0; background-size:60px; }

.worship_list li dt{font-size:17px;  margin-bottom:8px;}
.worship_list li dd{padding-left:12px; line-height:1.6; background:url(../img/s_img/dot_gray.png) no-repeat 0 49%;font-size:15px; font-weight:300;}



dl.worship02_tit{margin:0px 0 60px 0px;}
dl.worship02_tit dt{margin-bottom:0px; font-size:16px; line-height:1.6; }
dl.worship02_tit dd{font-size:16px; line-height:1.6;}
dl.worship02_tit dd em.mid_cut{display:block;}
dl.worship02_tit dt span{padding:0 5px; background:url(../img/s_img/tit_bgline.png) repeat-x 0 bottom;}
dl.worship02_tit dd strong{display:inline-block; padding-bottom:10px;}


dl.worship02_tit02{height:140px; margin:0px 0 100px 0px; padding:20px; background:#f9f9f9 url(../img/s_img/worship_topbg.png) no-repeat right center;}
dl.worship02_tit02 dt{margin-bottom:15px; font-size:16px; line-height:1.6;}
dl.worship02_tit02 dd{font-size:15px; line-height:1.6; }




/*국내선교*/

.item_box{margin:40px 0 60px 0;display:grid; gap:20px; grid-template-columns:300px auto; padding-left:30px;}
.item_box ul.edu01_list_02{}
.item_box ul.edu01_list_02 li{font-size:15px; margin-bottom:20px; padding-left:13px;  font-weight:400;  background: url(../img/s_img/ico_bul04.png) no-repeat left 10px;}
.item_box span {overflow:hidden; width:300px;}
.item_box span img{width:300px; transition: transform ease-in-out 0.5s;}
.item_box span:hover img {transform: scale(1.05); }





ul.edu01_list_bar{margin-left:15px;}
ul.edu01_list_bar li{margin-top:0px; padding-left:15px; font-size:15px; background: url(../img/s_img/ico_bul04.png) no-repeat left 8px;}
ul.edu01_list_bar li.non{background:none; margin-left:0px;}


.mission02_list dd {margin-top: 15px;}





/*비전및가치*/

.one_box li:nth-child(2).reverse .circle-box .circle-left { left: 0; }
.one_box .circle-wrapper-left { left: 0;}

.one_box .circle-wrapper { width: calc(50% - 0px); height: calc(100% - 0px); position: absolute;
  top: 0; right:0px;}

.one_box li:nth-child(2).reverse .circle-box .circle-left { left: 0;}

.one_box .circle-whole { width: 200%;  height: 100%; border: 2px solid transparent;  border-radius: 50%;
  position: absolute; top: 0; transform: rotate(-135deg); display: block;}


.one_wrap { width:720px; margin: 0 auto;}

.one_box li:nth-child(1) .circle-box .circle-right { right: 0px; animation: circleRight 1s linear forwards;
  animation-delay: 0s;}

.one_box li:nth-child(3) .circle-box .circle-left { left: 0px;}
.one_box > li { width: 220px; height:220px; padding-top: 220px; margin: 0 auto;}
.one_box .reverse .circle-box { top: 0px; }
.one_box li:nth-child(1) .circle-box .circle-left { left: 0px;}
.one_box li:nth-child(2).reverse .circle-box .circle-right { right: 0px;}
.one_box > li .one_text .tit img {margin-top: 0px; width:200px; margin:0 auto;}
.one_box > li .one_text { padding: 0;}
.one_box .circle-box { width:220px; height:220px; top:0; left:0; margin:0 auto;}
.one_box { margin: 0 auto; justify-content: center;  top: 0;  gap: 10px;}
.text_tit { position: relative; margin: 0 auto; display: flex;  justify-content: center;
  width: 100%;  width: 720px;  top: 0;  position: relative;  flex-shrink: 0;  gap: 20px;
}
.text_tit > li {
  width: 220px;
  padding-top: 20px;
  font-size: 18px;
}

.one_box > li .one_text .tit img {
  max-width: 200px;
}

p.w100p img.pc{display:none;}
p.w100p img.mobile{display:block;}


}/* 991px End*/




@media (max-width: 768px) {

/*상단 박스*/
.uit .inner .box1 { display: flex; justify-content: flex-start;  align-items: center;  gap: 0 0px;}
.uit .inner{ padding:20px;}
.uit .inner p.img img{display:none;}
.uit .inner .box1 .tit { font-size:15px; line-height:1.5;}



/* 오시는 길*/

  .map{height: 260px;  }


  dl.map_txt{display:flex; flex-wrap: wrap; margin:0px 0 40px 0px; padding:0;}
  dl.map_txt dt{width:100%; font-size:16px; margin-bottom:20px; }
  dl.map_txt dd{width:100%; }
  dl.map_txt dd li{font-size:14px;  line-height:1.8; display:flex; }
  dl.map_txt dd li strong{display:inline-block; min-width:50px; font-size:14px;}
  dl.map_txt dd li.map{padding-top:40px;}
  dl.map_txt dd li.m_add_ico{padding-left:25px; background:url('../img/s_img/m_add_ico.png') no-repeat 0 4px; background-size:18px;}
  dl.map_txt dd li.m_tel_ico{padding-left:25px; background:url('../img/s_img/m_tel_ico.png') no-repeat 0 4px; background-size:18px;}
  dl.map_txt dd li em.m_cut{display:block;}



/*교회소개*/

dl.info01_tit{margin:0px 0 40px 0px;}
dl.info01_tit dt{margin-bottom:30px; font-size:15px; line-height:1.6; letter-spacing:-0.075em;}
dl.info01_tit dt em.pc_cut{display:inline; }
dl.info01_tit dd {font-size: 14px;padding: 0 15px;line-height: 1.5; text-align:justify;}


dl.info03_tit dt{margin-bottom:30px; font-size:15px;  line-height:1.6; text-align:center;}
dl.info03_tit dd{font-size:14px; letter-spacing:-0.05em; line-height:1.5; text-align:justify;}
dl.info03_tit dd span.pc_cut {display: inline;}
dl.info03_tit dd span.mid_cut {  display: inline;}
.root_daum_roughmap .wrap_map { position: relative; height: 300px !important;}



/* 비전 및 가치 */

.one_wrap {width:300px; margin:0 auto; position: relative; display: flex; align-items: center; justify-content: center}
.one_wrap .line_box {width: 100%; height: 1px;  position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: flex; }
.one_wrap .line {width: 50%; height: 1px; background-color: #00a2e5; position: relative}
.one_wrap .line:before {position: absolute; content: ""; right: 0; top: -3px; width: 100%; height: 10px; background-color: #fff; transition: all 1s}
.one_wrap .line:last-child:before {transition-delay: .5s}
.one_wrap .line_box.active .line:first-child:before {width: 0}
.one_wrap .line_box.active .line:last-child:before {width: 0}
.one_wrap .cir {width:100px; padding-top:100px; background-color: #1947ba; border-radius: 50%; position: relative; color: #fff}
.one_wrap .cir .one_text {position: absolute;width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 0 10px; font-size: var( --cont_sub_tit); text-align: center}
.one_wrap .left {display: flex; align-items: center}

.one_box {position: relative;margin:0 auto;display: flex;justify-content: center; width:100%; top: 0; position: relative; flex-shrink: 0; gap:0;}
.one_box > li {width:100px; padding-top:100px;position: relative; text-align: center; margin-left: -4px; }
.one_box > li .one_text {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 5; width: calc(100% - 0px); padding: 0 10px; background-color: #fff}
.one_box > li .one_text .tit img{margin-top:-4px;width:100%; max-width:100px;}


.one_box .circle-whole {width: 200%;height: 100%;border: 2px solid transparent;border-radius: 50%;position: absolute;top: 0;transform: rotate(-135deg);display:block;}


.text_tit {position: relative;margin:0 auto;display: flex;justify-content: center; width:100%; top: 0; position: relative; flex-shrink: 0;}
.text_tit > li {width:100px; padding-top:15px;position: relative; text-align: center; margin-left: -4px; font-size:14px; }
.text_tit > li strong{display:block;}
dl.info03_tit {margin:50px 0 0px 0px;}
dl.info03_tit dt span { padding: 0 5px;  background: url(../img/s_img/tit_bgline_m.png) repeat-x 0 bottom;}
dl.info03_tit dt em.m_cut{display:block;}




/*사역자소개*/

ul.info02_list { display: flex;  justify-content: center;  flex-wrap: wrap; align-items: flex-start; gap:0 20px;   }
ul.info02_list li.txt dl{margin-top:60px;}
ul.info02_list li.txt dt{font-size:15px; line-height:1.6;}
ul.info02_list li.txt dt span.pc_cut{display:inline;}
ul.info02_list li.txt dt span.m_cut{display:block;}
ul.info02_list li.txt dd span.mid_cut {display: inline;}
ul.info02_list li.txt dd{margin-top:20px; font-size:14px; line-height:1.5;text-align:justify; } 
ul.info02_list li.txt dd.sign{ text-align:center;}
ul.info02_list li.txt dd.sign strong{font-size:16px; padding-left:5px;}


ul.info02_list li.img{text-align:left; line-height:432px; width:100%;max-width:360px;vertical-align:middle;}

ul.info02_list li.img img{text-align:left; width:100%; max-width:400px; border-radius:25px;vertical-align:top; padding-top:0px; transform: scale(1); border-radius:8px;  } 

ul.info02_list li.img .img_ov{background:#00a2e5; max-width:400px;}
ul.info02_list li.img a{border-radius:8px;max-width:400px;  display: inline-block;  margin-top:0px;   overflow:hidden; display:flex; position:relative; border-radius:8px;   }
ul.info02_list li.img a:hover{box-shadow:5px 5px 20px rgba(0,0,0,0.1);}
ul.info02_list li.img a:hover img{border-radius:0;  border-radius:55px 8px 55px 8px;  transform:translateY(0px); }


.ban04-img>li>a{
    overflow:hidden; display:flex; position:relative;width:100%;max-width:400px; height:480px; padding:0px; border-radius:8px;
    -webkit-transition:box-shadow 0.3s linear; transition:box-shadow 0.3s linear;}
.ban04-img>li>a::before,
.ban04-img>li>a::after{
    content:""; display:block; position:absolute; right:0; bottom:0; z-index:0; width:100%; height:100%; border-radius:8px 8px 30px 8px; background-color:#fff;
    -webkit-transition:all 0.3s linear; transition:all 0.3s linear; }
.ban04-img>li>a::before{width:calc(100% - 20px); height:calc(100% - 20px);}
.ban04-img>li>a::after{  z-index:1;  -webkit-transition:border-radius 0.3s linear; transition:border-radius 0.3s linear;background:url(../img/s_img/info02_img01.jpg) no-repeat center 0; background-size:400px;}
.ban04-img>li>a>.in{display:flex; flex-direction:column; position:relative; z-index:10; width:100%;}
.ban04-img>li>a>.in>span{margin-top:auto; font-size:18px; color:#54555A;}

.ban04-img>li>a:hover{  -webkit-box-shadow: 0px 20px 32px rgba(0, 0, 0, 0);  box-shadow: 0px 20px 32px rgba(0, 0, 0, 0);}
.ban04-img>li>a:hover::before{background-color:rgba(134, 142, 150, 1); }
.ban04-img>li>a:hover::after{border-radius:8px 8px 120px 8px; background:url(../img/s_img/info02_img01.jpg) no-repeat center 0; background-size:400px;	}
.ban04-img>li>a:hover::after > .in{background-image:none;}

.ban04-img>li[data-type*="img"]>a:hover::before{background-color:rgba(0, 162, 229, -18);}




/*섬기는 분들*/
ul.info02_box {  width:96%;  margin:0 auto; display: flex;  flex-wrap: wrap;  gap: 0px;  justify-content: space-between;}
ul.info02_box li {position: relative; width:100%; height:160px;  margin: 0px;  border-radius: 0px; border: 1px solid #E6E6E6;}

ul.info02_box li span { padding:20px 20px 18px 20px; }
ul.info02_box li span .title { margin-bottom: 16px; font-size:16px;}

ul.info02_box li.member01 > span:before { background-image: url("../img/s_img/bg_hart_m.png");background-size:80%; }
ul.info02_box li.member01 > span:after { background-image: url("../img/s_img/info02_img_no01_m.png"); background-size:70px; }
ul.info02_box li { margin-bottom: 20px;}
ul.info02_box li span .text { font-size: 14px;}
ul.info02_box li span:before, ul.info02_box li span:after {
  bottom: -65px;
  right: -20px;
}

ul.info02_list { margin-bottom: 60px;}

.mt80 { margin-top: 40px !important;}

/* 예배시간 */
.worshiptime h3 {width: 100%; padding-left:10px;font-size:23px; }
.worship-school .p-sign, .worship-family .p-sign, .worship-global .p-sign {display:block}
.worshiptime .remark {width: 100%; text-align:center; }
.worship-time-list {width: 100%;}
.worship-regular col.tbl-1st {width: 23%;}
.worship-regular col.tbl-2nd {width: 23%;}
.worship-regular col.tbl-3rd {width: 23%;}
.worship-regular col.tbl-4th {width: 15%;}
.worship-regular col.tbl-5th {width: 19%;}
.worship-school col.tbl-1st {width: 20%;}
.worship-school col.tbl-2nd {width: 17%;}
.worship-school col.tbl-3rd {width: 17%;}
.worship-school col.tbl-4th {width: 20%;}
.worship-time-list th {padding: 6px 2px; font-size: 14px;}
.worship-time-list td {padding: 6px 2px; font-size: 14px;}
.worship-time-list td a {padding: 10px 5px; font-size: 14px;}/*추가*/
.worship-time-list td.worship-tit {font-size: 14px}
.worship-time-list td.worship-tit a {font-size: 14px}/*추가*/
/*.worship-time-list td.sunday {border-right:0}*/
.worship-time-list tr.tbl-sub-th th {font-size: 16px;}
.worship-time-list tr.tbl-sub-th th a {font-size: 16px;} /*추가*/
.worship-global col.tbl-2nd {width:18%;}
.worship-global col.tbl-4th {width:22%}


/*새신자 교육*/
.fix_box_edu01{clear:both;width: 100%;height:200px;margin:0px 0;}
.fix_box_edu01{background-size:100%; background-attachment: scroll;}




/*제자 훈련*/
.fix_box_edu02{clear:both;width: 100%;height:200px;margin:0px 0;}
.fix_box_edu02{background-size:100%; background-attachment: scroll;}





/*순예배*/

.worship_list{display:grid;flex-wrap: wrap;  margin:0 auto; gap:40px 0px;grid-template-columns: 1fr;}
.worship_list li{display:flex;gap:18px; align-items: flex-start;; padding-left:0px; }

.worship_list li img{width:100%; max-width:160px;}

.worship_list li.no01{background:none; background-size:0px; }
.worship_list li.no02{background:none; background-size:0px; }
.worship_list li.no03{background:none; background-size:0px;  }
.worship_list li.no04{background:none; background-size:0px;  }
.worship_list li.no05{background:none; background-size:0px;  }
.worship_list li.no06{background:none; background-size:0px;  }

.worship_list li dt{font-size:16px;  margin-bottom:7px;}
.worship_list li dd{padding-left:10px; line-height:1.5; background:url(../img/s_img/dot_gray_m.png) no-repeat 0 49%;font-size:14px; }


dl.worship02_tit{margin:0px 0 40px 0px;}
dl.worship02_tit dt{margin-bottom:0px; font-size:15px; line-height:1.5; letter-spacing:-0.05em; }
dl.worship02_tit dd{font-size:15px; line-height:1.5;  letter-spacing:-0.05em;}
dl.worship02_tit dd em.pc_cut{display:inline;}


dl.worship02_tit dt span{padding:0 2px; background:url(../img/s_img/tit_bgline.png) repeat-x 0 bottom;}
dl.worship02_tit dd strong{display:inline-block; padding-bottom:10px;}
dl.worship02_tit dd em.m_cut{display:block;}
dl.worship02_tit dt em.m_cut{display:block;}
dl.worship02_tit02{height:auto; margin:0px 0 60px 0px; padding:20px; background:#f9f9f9 url(../img/s_img/worship_topbg_m.png) no-repeat right bottom;}
dl.worship02_tit02 dt{margin-bottom:15px; font-size:15px; line-height:1.5;}
dl.worship02_tit02 dd{font-size:14px; line-height:1.5; }
dl.worship02_tit02 dd em.m_cut{display:block;}



/*국내선교*/


.item_box{margin:20px 0 60px 0;display:block; text-align:center; gap:0px; grid-template-columns:auto; padding-left:0px;}
.item_box ul.edu01_list_02{}
.item_box ul.edu01_list_02 li{text-align:left; font-size:14px; margin-bottom:20px; padding-left:10px;   background: url(../img/s_img/ico_bul04.png) no-repeat left 7px;}
.item_box span {overflow:hidden; width:340px;}
.item_box span img{margin:0 auto 30px auto; width:100%; max-width:340px; transition: transform ease-in-out 0.5s;}
.item_box span:hover img {transform: scale(1.05); }







ul.edu01_list_bar{margin-left:15px;}
ul.edu01_list_bar li{margin-top:0px; padding-left:0px; font-size:14px; background: url(../img/s_img/ico_bul04.png) no-repeat left 6px;}
ul.edu01_list_bar li.non{background:none; margin-left:0px;}



/*이미지 목록*/
.info01_list dl { width: 100%; margin-bottom:30px;}
.info01_list{margin-top:20px; display:block; gap:0px; justify-content: space-between;}
.info01_list dt img{width:100%; max-width:340px; margin:0 auto; }
.info01_list dd{text-align:center; margin-top:10px; font-size:14px;}
.info01_list dt {text-align: center;}
.info01_list dl.non{margin-bottom:0;}

/* 선교 */

.mission02_list{padding-left:0; margin-top:20px; display:block; gap:0px; justify-content: flex-start;}
.mission02_list dt img{width:100%; max-width:340px; margin:0 auto; }
.mission02_list dd{text-align:center; margin-top:10px; font-size:14px;}

/*해외선교 - 선교*/
.mission02_list dl { width: 100%;  max-width: 340px; margin:0 auto 40px auto;}
.mission02_list dt { text-align: center;}


/*비전및가치*/

.one_box li:nth-child(2).reverse .circle-box .circle-left { left: 0; }
.one_box .circle-wrapper-left { left: 0;}

.one_box .circle-wrapper { width: calc(50% - 0px); height: calc(100% - 0px); position: absolute;
  top: 0; right:0px;}

.one_box li:nth-child(2).reverse .circle-box .circle-left { left: 0;}

.one_box .circle-whole { width: 200%;  height: 100%; border: 2px solid transparent;  border-radius: 50%;
  position: absolute; top: 0; transform: rotate(-135deg); display: block;}


.one_wrap { width: 320px; margin: 0 auto;}

.one_box li:nth-child(1) .circle-box .circle-right { right: 0px; animation: circleRight 1s linear forwards;
  animation-delay: 0s;}

.one_box li:nth-child(3) .circle-box .circle-left { left: 0px;}
.one_box > li { width: 100px; height:100px; padding-top: 100px; margin: 0 auto;}
.one_box .reverse .circle-box { top: 0px; }
.one_box li:nth-child(1) .circle-box .circle-left { left: 0px;}
.one_box li:nth-child(2).reverse .circle-box .circle-right { right: 0px;}
.one_box > li .one_text .tit img {margin-top: 0px; width: 80px; margin:0 auto;}
.one_box > li .one_text { padding: 0;}
.one_box .circle-box { width:100px; height:100px; top:0; left:0; margin:0 auto;}
.one_box { margin: 0 auto; justify-content: center; width: 320px;  top: 0;  gap: 10px;}



dl.edu01_list dt {  margin-top: 20px; font-size:14px;
  padding-left:10px; background: url(../img/s_img/ico_bul04.png) no-repeat left 7px;}
dl.edu01_list dd{font-size:14px;}
ul.edu01_list li {font-size:14px; padding-left: 10px;
  background: url(../img/s_img/ico_bul04.png) no-repeat left 8px; }

.mb100 { margin-bottom:60px !important;}



}/* 768px End*/