@charset "utf-8";

.left_position_here {position:fixed; left:20px; top:30%; z-index:10;}
.left_position_here .position_list {display:block; line-height:35px; margin:15px 0px; transition: all 0.2s;}
.left_position_here .position_list span {display:inline-block; width:15px; height:15px; border:1px #a9a9a9 solid;  border-radius:15px; margin-right:5px; transition: all 0.2s; vertical-align:middle;}
.left_position_here .position_list.on span {background:#274a3e; }
.left_position_here .position_list strong {display:none; transition: all 0.2s;}
.left_position_here .position_list.on span {display:none;}
.left_position_here .position_list.on strong {display:inline-block; border:1px #fff solid; padding:0 20px; border-radius:35px; color:#fff; font-size:16px;}
.left_position_here .position_list.on .m2 strong,
.left_position_here .position_list.on .m3 strong,
.left_position_here .position_list.on .m4 strong,
.left_position_here .position_list.on .m5 strong {border:1px #136833 solid;  color:#136833;  }





/*메인비주얼*/
.main_visiaul_wrap {text-align:center; position:relative;   min-width:1200px; overflow:hidden;  z-index:1; }
.main_visiaul_wrap ul { z-index:0; overflow:hidden; }
.main_visiaul_wrap ul li { width:100%;  background-repeat:no-repeat; background-position:center top;  background-color:#000;   /*height:60vh;*/ height:700px;   background-size:120% 120%; transition:background-size 10s linear}
.main_visiaul_wrap ul li.cycle-slide-active{ ;background-size:100% 100%; }


.main_visiaul_wrap .main_pager {position:absolute; left:0px; bottom:20px;  z-index:99999999 !important; width:100%; text-align:center;}
.main_visiaul_wrap .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:13px; height:13px; margin:0 4px; border-radius:13px; background:#fff; }
.main_visiaul_wrap .main_pager .cycle-pager-active{background:#053863;}


.main_visiaul_wrap .photo {position:relative; z-index:0; }
.main_visiaul_wrap .bg {position:absolute; z-index:1; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.main_visiaul_wrap .text {position:absolute; left:0px; top:220px; z-index:2;  color:#fff; text-align:center;    width:100%;}

.main_visiaul_wrap .text .t1 { font-size:25px; ;line-height:30px;}
.main_visiaul_wrap .text .t2 {margin-top:10px; font-size:60px;  line-height:70px; font-weight:bold;  letter-spacing:-3px;}
.main_visiaul_wrap .text .t3 {margin-top:30px; font-size:18px;   }





.main_visiaul_wrap .down_arrow {position:absolute; bottom:60px; width:100%; z-index:99999;  text-align:center; font-size:60px; color:rgba(255,255,255,0.5);animation-duration: 0.3s;	animation-iteration-count: infinite;	animation-direction: alternate;}
.main_visiaul_wrap .down_arrow a{color:rgba(255,255,255,0.3);}
.main_visiaul_wrap .down_arrow a:hover{color:rgba(255,255,255,1);}
.main_visiaul_wrap .down_arrow {animation-name:down_arrow; animation-delay: 0.1s;}
@keyframes down_arrow{from{bottom:60px;}to{bottom:50px;}}





/*교계활동*/
.main_gallery_wrap {background:url(../images/main/main_gallery_bg.png) right bottom no-repeat;; margin:50px 0px 60px; }
.main_gallery_wrap .title {text-align:left; position:relative;}
.main_gallery_wrap .title .t1{font-size:38px; line-height:50px;  font-weight:bold;   color:#000; letter-spacing:-2px;}
.main_gallery_wrap .title .t1 div { font-weight:900; color:#136833;}
.main_gallery_wrap .title .t2{font-size:18px;  line-height:22px;  margin-top:10px; color:#666;}

.main_gallery_wrap .title .t3 {position:absolute; right:0px; top:60px; }
.main_gallery_wrap .title .t3 a{display:inline-block; border:1px #000 solid; color:#000; font-size:17px; padding:0 30px; line-height:44px;}



.main_gallery_wrap .main_gallery_area_box {margin-top:60px; margin-left:10%;}

.main_gallery_wrap .list_wrap  {width:100%; z-index:1; position:relative; }
.main_gallery_wrap .list_wrap .swiper-slide{text-align: center; justify-content: center; align-items: center;}

.main_gallery_wrap .list_wrap .swiper-slide .pic {overflow:hidden; border-radius:10px;}
.main_gallery_wrap .list_wrap .swiper-slide .pic img {width:100%; vertical-align:middle;}
.main_gallery_wrap .list_wrap .swiper-slide .text {font-size:17px; color:#000; margin-top:20px;}


.main_gallery_wrap .btn_box {margin-top:60px; text-align:center; }
.main_gallery_wrap .btn_box .btn_box_wrap{display:inline-block; padding:10px 20px; background:#f8f8f8; border-radius:30px;}
.main_gallery_wrap .btn_box span {vertical-align:middle; display:inline-block;}
.main_gallery_wrap .btn_box .move .feather {width:22px; height:22px; vertical-align:middle; color:#000; position:relative; top:-1px;}
.main_gallery_wrap .btn_box strong {vertical-align:middle;  display:inline-block; padding:0 20px; font-size:15px; color:#000;  font-weight:bold; letter-spacing:1px;}
.main_gallery_wrap .btn_box strong .mb_current_etc{color:#136833;}







/*뉴스*/

/*메인박스*/
.main_middle_wrap { margin-top:0px; margin-bottom:80px; position:relative; min-height:290px; }

.main_notice_box {margin-right:40%; border:1px #ddd solid; padding:50px; border-radius:30px; }
.main_notice_box .cate {overflow:hidden;}
.main_notice_box .cate li {float:left; line-height:50px; position:relative; margin-right:5px; }
.main_notice_box .cate li a {display:block; color:#000; font-size:17px; background:#fafafb;  text-align:center; padding:0 30px;   border-radius:40px;}
.main_notice_box .cate li a.on {display:block; color:#000; font-size:17px; font-weight:bold; background:#136833;    color:#fff;}

.main_notice_box .main_news_box { display:none;  margin-top:10px;}
.main_notice_box .main_news_box:first-child {display:block;}

.main_notice_box .main_news_box .notice_box  {position:relative;}
.main_notice_box .main_news_box .notice_box .icon {position:absolute; left:0px; top:25px; display:block; }
.main_notice_box .main_news_box .notice_box .icon span {display:inline-block; width:65px; height:65px; border-radius:65px; text-align:center;  border:1px #ddd solid; }
.main_notice_box .main_news_box .notice_box .icon span .lord-icon{ width:45px; height:45px;  top:8px; }


.main_notice_box .main_news_box .notice_box ul {padding-top:10px; position:relative;}
.main_notice_box .main_news_box .notice_box ul li{position:relative; background:url(../images/main/notice_dot.jpg) left 50% no-repeat; padding-left:10px;  line-height:30px;}
.main_notice_box .main_news_box .notice_box ul li a{display:inline-block; width:70%; color:#222;}
.main_notice_box .main_news_box .notice_box ul li .text .t1 {font-size:18px;}
.main_notice_box .main_news_box .notice_box ul li .date {floaT:right; font-size:16px; color:#777;}
.main_notice_box .main_news_box .notice_box ul li .text .t2 {display:none; }

.main_notice_box .main_news_box .notice_box ul li .icon {display:none;}

.main_notice_box .main_news_box .notice_box ul li.first_li {padding-left:90px;  background:none; margin-bottom:25px; border-bottom:1px #ddd solid; padding-bottom:25px; position:relative;}

.main_notice_box .main_news_box .notice_box ul li.first_li a {display:block; width:100%;}
.main_notice_box .main_news_box .notice_box ul li.first_li .text { margin-top:20px; padding-right:10px;}
.main_notice_box .main_news_box .notice_box ul li.first_li .text .t1{padding-left:0px; background:none; color:#222222; font-weight:bold; font-size:22px;  letter-spacing:-2px;}
.main_notice_box .main_news_box .notice_box ul li.first_li .text .t2{display:block; font-size:18px; color:#555555; line-height:20px; height:20px; margin-top:5px; letter-spacing:-1px;   margin-bottom:5px;  }
.main_notice_box .main_news_box .notice_box ul li.first_li .date {float:none; position:absolute; right:0px; top:0px; }
.main_notice_box .main_news_box .notice_box ul li a:hover .text .t1{color:#136833; }
.main_notice_box .main_news_box .notice_box ul li a:hover .text .t2{color:#999; }

/*회비안내*/
.main_membership {  position:absolute; right:0px; top:0px; width:38%;  }
.main_membership .box{  border-radius:20px; padding:50px; min-height:300px; background:#fff9f1 url(../images/main/main_quick_banner_icon01_new.png) 95% bottom no-repeat;}
.main_membership .box .t1{font-size:22px; padding-top:60px; letter-spacing:-2px; font-weight:bold; color:#000;}
.main_membership .box .t2{font-size:16px;  margin-top:20px; line-height:22px; color:#66;}
.main_membership .box .t3 {margin-top:30px;}
.main_membership .box .t3 a{  border-radius:5px; padding:0 15px; line-height:40px; color:#000; border:1px #333 solid; display:inline-block;}
.main_membership .box .t3 a:last-child{margin-left:5px;}






/*그리스도의신문*/

.main_coc_webzine {margin:0px 0px 0px;}
.main_coc_webzine .bg {background:#fff;  }
.main_coc_webzine .bg img {vertical-align:middle; width:100%;}
.main_coc_webzine .bg.bottom_bg {display:none;}

.main_coc_webzine_box {background:#f8f8f8 url(../images/main/main_coc_webzine_box_bg_bottom.png) center bottom no-repeat; background-size:100%;  padding-bottom:60px;}
.main_coc_webzine_box .title {text-align:left; position:relative; top:0px; padding-top:90px;}
.main_coc_webzine_box .title .t1{font-size:38px; line-height:50px;  font-weight:bold;   color:#000; letter-spacing:-2px;}
.main_coc_webzine_box .title .t1 span { font-weight:900; color:#136833;}
.main_coc_webzine_box .title .t2{font-size:18px;  line-height:22px;  margin-top:10px; color:#666;}
.main_coc_webzine_box .title .t3 {position:absolute; right:0px; top:150px; }
.main_coc_webzine_box .title .t3 a{display:inline-block; border:1px #000 solid; color:#000; font-size:17px; padding:0 30px; line-height:44px;}

.main_coc_webzine_box .list_box {margin-top:40px; padding-bottom:80px;}
.main_coc_webzine_box ul {padding:30px 0px;}
.main_coc_webzine_box ul li {margin-right:20px; display:inline-block;  vertical-align:middle; width:400px;   background:#fff;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border-radius:20px;}
.main_coc_webzine_box ul li .box {padding:30px; position:relative; white-space: normal;}
.main_coc_webzine_box ul li .box .pic {text-align:center; position:relative; overflow:hidden; margin-top:0px;border:1px #ddd solid;  transition: all 0.4s; border-radius:5px;}
.main_coc_webzine_box ul li .box .pic img {vertical-align:middle;width:100%;}
.main_coc_webzine_box ul li .box .pic .line{position:absolute; left:1%; bottom:-3px; width:98%; height:3px; background:#f2f2f2;border:1px #ddd solid; }


.main_coc_webzine_box ul li .box .t1 {font-size:18px;  letter-spacing:-1px; color:#000; font-weight:600; text-align:center; margin-top:15PX;}
.main_coc_webzine_box ul li .box .btn {text-align:center; margin-top:10px;}
.main_coc_webzine_box ul li .box .btn a {display:inline-block; line-height:40px;  transition: all 0.4s;border:1px #ddd solid; color:#333; border-radius:5px; padding:0 20px;}
.main_coc_webzine_box ul li:hover .box .btn a {border-color:#136833; color:#136833;}
.main_coc_webzine_box ul li:hover .box .pic {border-color:#136833;}


.main_coc_webzine_box .slider_btns {position:absolute;  top:30%;}
.main_coc_webzine_box .slider_btns a {display:inline-block; width:40px; height:40px; line-height:40px; border-radius:40px; text-align:center;  border:1px #ededed solid; background:#fff;    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.main_coc_webzine_box .slider_btns.left {left:-25px;}
.main_coc_webzine_box .slider_btns.right {right:-25px; }






@media all and (max-width:1024px) {




.left_position_here {display:none;}

/*메인비주얼*/
.main_visiaul_wrap {  min-width:auto;}

.main_visiaul_wrap ul li { width:100%; height:300px;   background-size:150% 150%; transition:background-size 10s linear}
.main_visiaul_wrap ul li.cycle-slide-active{ ;background-size:100% 100%; }

.main_visiaul_wrap .bg { background:rgba(0,0,0,0.2);}
.main_visiaul_wrap .text { top:80px;  }

.main_visiaul_wrap .text .t1 { font-size:18px; ;line-height:30px;}
.main_visiaul_wrap .text .t2 {margin-top:0px; font-size:30px;  line-height:40px;  letter-spacing:-2px;}
.main_visiaul_wrap .text .t3 {margin-top:20px; font-size:16px;   }

.main_visiaul_wrap .down_arrow {display:none;}










.main_gallery_wrap { margin:0px; padding:80px 15px 0px;}

.main_gallery_wrap .title .t1{font-size:27px; line-height:35px;   }
.main_gallery_wrap .title .t2{font-size:16px;  line-height:22px;  margin-top:10px; }
.main_gallery_wrap .title .t3{position:relative; right:0px; top:0px; margin-top:30px;}
.main_gallery_wrap .title .t3 a{ font-size:16px; padding:0 15px; line-height:40px;}


.main_gallery_wrap .main_gallery_area_box {margin-top:50px; margin-left:0%;}
.main_gallery_wrap .list_wrap .swiper-slide .text {font-size:16px;  margin-top:10px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}

.main_gallery_wrap .btn_box {margin-top:40px; text-align:center; }





/*메인박스*/
.main_middle_wrap { margin:40px 0px 0px; padding:0 15px; position:relative; min-height:auto; }

.main_notice_box {margin-right:0;   padding:30px; border-radius:10px; }

.main_notice_box .cate li {line-height:40px;  margin-right:5px; }
.main_notice_box .cate li a { font-size:15px;  padding:0 15px;   border-radius:40px;}
.main_notice_box .cate li a.on {font-size:15px; }



.main_notice_box .main_news_box .notice_box .icon { top:35px; }

.main_notice_box .main_news_box .notice_box ul {padding-top:10px; position:relative;}
.main_notice_box .main_news_box .notice_box ul li{position:relative; background:url(../images/main/notice_dot.jpg) left 9px no-repeat; padding-left:10px;  line-height:25px;}

.main_notice_box .main_news_box .notice_box ul li .text .t1 {font-size:15px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.main_notice_box .main_news_box .notice_box ul li .date {font-size:13px;  }
.main_notice_box .main_news_box .notice_box ul li .text .t2 {display:none;  overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}



.main_notice_box .main_news_box .notice_box ul li.first_li .text { margin-top:20px; padding-right:0px;}
.main_notice_box .main_news_box .notice_box ul li.first_li .text .t1{ font-size:18px;  letter-spacing:-1px;}
.main_notice_box .main_news_box .notice_box ul li.first_li .text .t2{font-size:15px;line-height:20px; height:20px; margin-top:0px;   margin-bottom:0px;  }
.main_notice_box .main_news_box .notice_box ul li.first_li .date { position:relative; margin-top:0px; font-size:13px;}



/*회비안내*/
.main_membership {  position:relative; right:0px; top:0px; width:auto;margin-top:10px;  }
.main_membership .box{  border-radius:20px; padding:30px 30px 120px;; min-height:auto;  background-position:95% bottom;background-size:120px;}
.main_membership .box .t1{font-size:22px; padding-top:0px;}
.main_membership .box .t2{font-size:16px; }






/*그리스도의신문*/

.main_coc_webzine {margin:60px 0px 0px;}


.main_coc_webzine_box {padding:0 15px;   padding-bottom:60px;}

.main_coc_webzine_box .title .t1{font-size:27px; line-height:35px; }

.main_coc_webzine_box .title .t2{font-size:16px; }
.main_coc_webzine_box .title .t3 {position:relative; right:0px; top:0px; margin-top:30px;}
.main_coc_webzine_box .title .t3 a{ font-size:16px; padding:0 15px; line-height:40px;}

.main_coc_webzine_box .list_box {padding-bottom:60px;}

.main_coc_webzine_box ul li {margin-right:10px; width:250px;   border-radius:10px;}

.main_coc_webzine_box .slider_btns.left {left:0px;}
.main_coc_webzine_box .slider_btns.right {right:0px; }






}



@media all and (min-width:1025px) and (max-width:1440px) {





.main_news_wrap .title .t1 {font-size:35px;}
.main_news_wrap ul.cate li a {padding:0 30px;}


.main_news_wrap .main_news_box ul li {width:350px !important;}
.main_news_wrap .main_news_box ul li .info .t2 {height:44px; line-height:22px; overflow:hidden;}


.main_gallery_wrap ul li .text {font-size:16px;   margin-top:10px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}





/*메인박스*/
.main_middle_wrap { min-height:auto; }

.main_notice_box {margin-right:0; ; }



/*회비안내*/
.main_membership {  position:relative; width:auto;margin:0px;  }
.main_membership .box{ border:1px #ddd solid; border-top:0px;}




.main_coc_webzine_box ul li {width:350px}


}