@charset "utf-8";
html {height:100%;}
body {background:#fff;height:100%;}
div,span,a{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box; }
.hide{display:none !important;}
.blind{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden} /*영역 설명*/
/*모바일 숨기기*/
.m_header{display:none;}
.mob_slide_contents{display:none;}
/*헤더 CSS*/
.header{position:fixed;z-index:1;left:50%;margin-left:-565px;height:80px;width:1130px;}
.bgColor_view{position:absolute;left:50%;margin-left:-565px;height:80px;width:1130px;top:-80px;background:rgba(0,0,0,0.6);border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.bgColor_view_sub{position:absolute;left:50%;margin-left:-565px;height:80px;width:1130px;top:-80px;background:rgba(0,0,0,0.6);border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.logo{position:absolute;top:30px;left:53px;width:204px;height:35px;}
#gnb{position:absolute;top:40px;left:425px;width:auto;margin:0 auto;}
#gnb li{position:relative;float:left;margin-right:50px;width:100px;height:40px;text-align:center;}
#gnb li:last-child{margin-right:0;}
#gnb li a{font-size:17px; color:#fff;}
#gnb li dd a{font-size:14px; color:#333;}
#gnb li dd a:hover{color:#2dad4d;font-weight:600;}
.s_menu{display:none;position:absolute;width:136px;height:auto;padding:20px 0;background:rgba(255,255,255,1);margin-left:-17px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-align:center;font-weight:400;}
.s_menu dd{position:relative; margin-top:20px; font-size:14px;}
.s_menu dd:first-child{margin-top:0;}
.s_menu dd:after{content:'';position:absolute;left:18px;bottom:-10px;width:100px;height:1px;border-bottom:1px solid #e8e8e8;}
.s_menu dd:last-child:after{content:''; border-bottom:0;}
/*메인 본문 CSS*/
#page1_video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;}
/*.main .page1{width:100%; height:100%; background:url('/theme/eb4_basic/image/main/bg_01.jpg') no-repeat center !important; background-size:cover !important;}*/
.main .page1{width:100%; height:100%; background-size: cover !important; background-color: black; background-size:cover !important; background: black !important;}
.main .page2{width:100%; height:100%; background:url('/theme/eb4_basic/image/main/bg_02.png') no-repeat center; background-size:cover;}
.main .page3{width:100%; height:100%; background:url('/theme/eb4_basic/image/main/bg_03.png') no-repeat center; background-size:cover;}
.main .page5{width:100%; height:100%; background:url('/theme/eb4_basic/image/main/bg_05.png') no-repeat center; background-size:cover;}
.main .page5{width:100%; height:100%; background:url('/theme/eb4_basic/image/main/bg_05.png') no-repeat center; background-size:cover;}
.main .p-sub_02_01{width:100%; height:100%; background:url('/theme/eb4_basic/image/main/bg_02.png') no-repeat center !important; background-size:cover !important;}
.main .p-sub_02_02{width:100%; height:100%; background:url('/theme/eb4_basic/image/main/bg_03.png') no-repeat center !important; background-size:cover !important;}

.s_logo{position:absolute;top:0;left:50%;margin-left:-102px;width:204px;height:35px;background:url('/theme/eb4_basic/image/logo.png')no-repeat;}
.wrapper {height:100% !important;height:100%;margin:0 auto;overflow:hidden;}
.main {float:left;width:100%;margin:0 auto;}
.main section{position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box; margin:0 auto; text-align:center;}
.nav_icon{position:absolute;bottom:104px;left:50%;margin-left:-413px;}
.nav_icon span{position:relative;float:left;border:5px solid rgba(255,255,255,0.7);width:176px;height:176px;-webkit-border-radius:176px !important;-moz-border-radius:176px !important;border-radius:176px !important;margin-right:36px;color:#ffffff;}
.nav_icon span:last-child{margin-right:0;}
.nav_icon span .t_text{font-size:23px; padding-top:48px;font-weight:600;}
.nav_icon span .icon{position:absolute;bottom:28px;left:50%;margin-left:-21px;width:42px;height:42px;}
.nav_icon span .laus_1{background:url('/theme/eb4_basic/image/main/icon_01.png') no-repeat; background-size:100%; }
.nav_icon span .laus_2{background:url('/theme/eb4_basic/image/main/icon_02.png') no-repeat; background-size:100%; }
.nav_icon span .laus_3{background:url('/theme/eb4_basic/image/main/icon_03.png') no-repeat; background-size:100%; }
.nav_icon span .laus_4{background:url('/theme/eb4_basic/image/main/icon_04.png') no-repeat; background-size:100%; }
.s_title{ z-index:2; position:absolute;top:200px;width:100%;height:100px; left:0; text-align:center; }
.s_title p{margin-top:40px;color:#b9b9b9;font-size:25px;}
.page5_sub .s_title p,.main .page4 p{color:#ffffff; font-size:17px;}
.list_01{margin-top:85px;}
.list_01 span{display:block;float:left; width:274px; height:348px;}
.list_01 span:last-child{margin-right:0;}
.list_01 .thum{width:100%; }
.list_01 .thum a{ display:block; background:#fff; min-height:237.233px; }
.list_01 .thum a img{ width:100%; height:auto; }
.list_01 .text_box{width:100%; background:rgba(0,0,0,0.5);text-align:left;padding:12px 19px 16px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box; }
.list_01 .text_box .small{margin-top:3px;font-size:16px;color:#ddd;line-height:21px;}
.list_01 .text_box .small br{ display:none; }
.list_01 .text_box .big{font-size:24px;color:#ffffff;font-weight:bold;}
.table_contents{position:absolute;top:34%;left:50%;width:1130px;height:30px;margin-left:-570px;}
.table_contents .table_time_01{overflow:hidden;}
.table_contents .table_time_01 > span{float:left;width:517px; }
.table_contents .table_time_01 > span:last-child{ float:right;}
.time_aside_01{color:#fff;font-size:17px;}
.time_aside_01 .title{float:left;width:130px;height:221px;line-height:221px;font-size:20px;font-weight:600;background:#489e61;}
.time_aside_01 dl{float:left;height:221px;padding:8px 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box; }
.time_aside_01 dl.con_01{background:#3f4641;width:139px;}
.time_aside_01 dl.con_02,.time_aside_01 dl.con_03{background:#ffffff;color:#3f3f3f;width:124px;}
.time_aside_01 dl > dd{position:relative;line-height:68px;font-weight:500;}
.time_aside_01 dl > dd > p{position:absolute;top:17px;left:39px;color:#2dad4d;font-size:15px;font-weight:300;}
.main .page4 .time_aside_01 dl > dd > p{position:absolute;top:17px;left:39px;color:#2dad4d;font-size:15px;font-weight:300;}
.time_aside_01 dl > dd > .day_two{font-size:15px;line-height:21px;}
.time_aside_01 dl > dd.two_line{padding-top:18px;}
.time_aside_01 dl > dd:after{content:'';position:absolute;left:18px;bottom:0;width:100px;height:1px;border-bottom:1px solid #ccc;}
.time_aside_01 dl.con_01 > dd:after{content:''; border-bottom:0;}
.time_aside_01 dl > dd:last-child:after{content:'';border-bottom:0;}
.four_line dl > dd{line-height:41px;}
.space_box_01{margin-top:6%;}
.photo_contents{position:absolute;top:350px;left:50%;width:1140px;height:30px;margin-left:-570px;}
.photo_contents > span{float:left;width:249px;height:331px;margin-right:48px;}
.photo_contents > span:last-child{margin-right:0;}
.photo_side_01{position:relative; cursor:pointer;}
.hover_text{position:absolute;top:0;left:0;display:table;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.hover_text>p{display:table-cell;width:100%;color:#ffffff;vertical-align:middle;font-size:20px;}
/*스와이프 CSS*/
.swiper-wrapper{height:100%;}
.swiper-container{position:absolute;width:100%; max-width:1130px;height:470px;top:270px;left:50%;-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.swiper-container2{ height:520px; }
.swiper-slide{text-align: center;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide > span{ margin-top:85px; max-width:267.5px; }
.swiper-button-next,.swiper-button-prev{top:70px;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:auto;right:90px;}
.page2_progresbar{bottom:0;}
:root{--swiper-theme-color:#ffffff}
/*서브 - 교회소개*/
.main_sub_01 {float:left;width:100%;margin:0 auto;}
.main_sub_01 section{position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box; margin:0 auto; text-align:center;}
.main_sub_01 .page1{width:100%;height:100%;background:url('/theme/eb4_basic/image/sub/bg_01.png') no-repeat center !important;background-size:cover !important;}
/*.main_sub_01 .page2{width:100%; height:100%; background:#ece9de}*/
.main_sub_01 .page3{width:100%;height:100%;background:url('/theme/eb4_basic/image/main/bg_02.png') no-repeat center;background-size:cover;}
.main_sub_01 .page4{width:100%;height:100%;background:#ffffff}
/*.main_sub_01 .page5_sub{width:100%; height:100%; background:url('/theme/eb4_basic/image/main/bg_04.png') no-repeat center; background-size:cover;}*/
.main_sub_01 .page6{width:100%;height:100%;background:#ffffff}
.main_sub_01 .page7{width:100%;height:100%;background:#ffffff}

/*서브 - 교회학교*/
.main_sub_02 {float:left;width:100%;margin:0 auto;}
.main_sub_02 section{position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box; margin:0 auto; text-align:center;}
.main_sub_02 .page1{width:100%;height:100%;background:url('/theme/eb4_basic/image/sub/sub_bg_01.png') no-repeat center !important; background-size:cover !important;}
.main_sub_02 .page2{width:100%;height:100%;background:url('/theme/eb4_basic/image/sub/sub_bg_02.png') no-repeat center; background-size:cover;}
.main_sub_02 .page3{width:100%;height:100%;background:url('/theme/eb4_basic/image/sub/sub_bg_03.png') no-repeat center; background-size:cover;}
.main_sub_02 .page4{width:100%;height:100%;background:url('/theme/eb4_basic/image/sub/sub_bg_04.png') no-repeat center; background-size:cover;}
.main_sub_02 .page5{width:100%;height:100%;background:url('/theme/eb4_basic/image/sub/sub_bg_05.jpg') no-repeat center; background-size:cover;}
/*서브 - 교제와나눔*/
.main_sub_03 {float:left;width:100%;margin:0 auto;}
.main_sub_03 section{position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box; margin:0 auto; text-align:center;}
.main_sub_03 .page1{width:100%;height:100%;background:transparent;}
.main_sub_03 .page2{width:100%;height:100%;background:transparent;}
.main_sub_03 .page3{width:100%;height:100%;background:transparent;}
/*서브 - 상단 GNB BG 고정*/
.viewing-page-1 .header .bgColor_view_sub,
.viewing-page-2 .header .bgColor_view_sub,
.viewing-page-3 .header .bgColor_view_sub,
.viewing-page-4 .header .bgColor_view_sub,
.viewing-page-5 .header .bgColor_view_sub,
.viewing-page-6 .header .bgColor_view_sub,
.viewing-page-7 .header .bgColor_view_sub{top:0px !important;}

.main .p-sub_02_01{width:100%; height:100%; background:url('/theme/eb4_basic/image/main/bg_02.png') no-repeat center !important; background-size:cover !important;}

.table_basic_wrap{ overflow:hidden; }
.table_basic_wrap .table_basic:first-child{ margin-left:0; }
.table_basic{ float:left; width:48%; margin-left:4%; }
.table_basic th, .table_basic td{ height:36px; padding:0 5px; border:1px solid #ddd; color:#222; font-family:400; font-size:15px; text-align:center; }
.table_basic th{ background:#f1f1f1; font-weight:600; color:#333; }
.table_basic thead th{ background:#434343; color:#fff; border-color:#fff; border-width:1px; }

.aside_01 img{ width:auto; max-width:100%; }
.title_new{ position:relative; font-size:3em;color:#ffffff; letter-spacing:-1px; }
.title_new:after{ display:block; content:''; margin:18px auto 0; width:42px; height:3px; background:#fff; }
.title_new a{ display:inline-block; color:#fff; }
.title_new a:hover{ color:#fff; }
.small.content{ height:42px; overflow:hidden; }

@media (max-width:999px) {
.title_new{ font-size:2.5em; }
.Main .title_new:after{ margin-top:15px; width:30px; height:2px; }
}

@media (max-width:600px) {
.title_new{ font-size:2em; }
.title_new2{ font-size:1.5em; }
.title_new:after{ display:none; }
.list_01 .text_box .big{ font-size:18px; }

.list_01 .text_box .small{ font-size:16px; line-height:20px; margin-top:2px; }
}