/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
##Device = 데스크탑
##Screen = 768px 에서 1024px 해상도 데스크탑
*/
@media (min-width: 769px) and (max-width: 1024px) {
	/*예베시간*/
	.table_contents{position:absolute;top:32%;left:50%;width:830px;height:30px;margin-left:-415px;}
	.table_contents .table_time_01{overflow:hidden;}
	.table_contents .table_time_01 > span{float:left;width:auto;margin-right:0;}
	.table_contents .table_time_01 > span:last-child{margin-right:0;}
	.time_aside_01{color:#fff;font-size:17px;}
	.time_aside_01 .title{float:left;width:110px;height:180px;line-height:185px;font-size:20px;font-weight:600;background:#489e61;}
	.time_aside_01 dl{float:left;height:180px;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:100px;}
	.time_aside_01 dl.con_02,.time_aside_01 dl.con_03{background:#ffffff;color:#3f3f3f;width:100px;}
	.time_aside_01 dl > dd{position:relative;line-height:55px;font-weight:500;}
	.time_aside_01 dl > dd > p{position:absolute;top:17px;left:30px;color:#2dad4d;font-size:12px;font-weight:300;}
	.time_aside_01 dl > dd > .day_two{font-size:13px;line-height:21px;}
	.time_aside_01 dl > dd.two_line{padding-top:10px;}
	.time_aside_01 dl > dd:after{content:'';position:absolute;left:12px;bottom:0;width:77px;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;}
	.sub_05_title{ }
.main .page4 .time_aside_01 dl > dd > p{left:27px;}
	/*스와이프 CSS*/
	.swiper-wrapper{height:100%;}
	.swiper-container{ padding:0 15px; }
	.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-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}
	/*모바일 메뉴바*/
	.mob_slide_contents{position:absolute;top:0;right:0;width:100%;height:100%;display:block;}
	.m_gnb{position:absolute;top:0;right:-75%;width:75%;height:100%;background:#ffffff;z-index:10;border-left:1px solid #ccc;}
	.m_gnb_h{width:100%;height:6em;border-bottom:1px solid #ccc;padding:0.9em;}
	.gnb_t>p:nth-of-type(1){font-size:1.750em;color:#402721;}
	.gnb_t>p:nth-of-type(2){font-size:1.167em;color:#a69e97;}
	.close_b{position:absolute;right:1.8em;top:2em;}
	.close_b>img{width:22px;}
	.m_gnb>ul>li{width:100%;}
	.m_gnb>ul>li.open_bg{background:#f2f2f2;}/*오픈 시 클래스*/
	.m_gnb>ul>li>span{display:inline-block;width:100%;font-size:1.500em;color:#402721;line-height:2.7em;border-bottom:1px solid #d9d9d9;padding-left:2em;}
	.m_gnb>ul>li>a>span{display:inline-block;width:100%;font-size:1.500em;color:#402721;line-height:2.7em;border-bottom:1px solid #d9d9d9;padding-left:2em;}
	.m_gnb>ul>li>.m_gnb_s{}
	.m_gnb>ul>li>.m_gnb_s>li{line-height:3.5em;border-bottom:1px solid #d9d9d9;padding-left:4em;}
	.m_gnb>ul>li>.m_gnb_s>li>a{font-size:1.333em;color:#402721;font-weight:400;display:inline-block;width:100%;}
	.m_gnb_b>span{position:relative;}
	.m_gnb_b>span>img{position:absolute;top:15px;left:9px;}
	.m_gnb_b>a>span{position:relative;}
	.m_gnb_b>a>span>img{position:absolute;top:15px;left:9px;}
	#page1_video{display:none;}
	/*애니메이션 */
	/*이미지,엘리먼트 마우스 오버 시 확대*/
	.nav_icon>span,.photo_01,.photo_03{overflow:hidden; cursor:pointer;}
	.photo_01 img,.photo_03 img{
	  -webkit-transform:scale(1); /*  크롬 */
	  -moz-transform:scale(1); /* FireFox */
	  -o-transform:scale(1); /* Opera */
	  transform:scale(1);
	  -o-transition: transform .35s;
	  -moz-transition: transform .35s;
	  -webkit-transition: transform .35s;
	  transition: transform .35s;
	}
	.photo_01 img:hover,.photo_03 img:hover{
	  width:278px; height:248px;
	  -webkit-transform:scale(1.05); /*  크롬 */
	  -moz-transform:scale(1.05); /* FireFox */
	  -o-transform:scale(1.05); /* Opera */
	  transform:scale(1.05);
	  -o-transition: transform .35s;
	  -moz-transition: transform .35s;
	  -webkit-transition: transform .35s;
	  transition: transform .35s;
	}

	.nav_icon .box_1,.nav_icon .box_2,.nav_icon .box_3,.nav_icon .box_4{
	  -webkit-transform:scale(1); /*  크롬 */
	  -moz-transform:scale(1); /* FireFox */
	  -o-transform:scale(1); /* Opera */
	  transform:scale(1);
	  -o-transition: transform .1s;
	  -moz-transition: transform .1s;
	  -webkit-transition: transform .1s;
	  transition: transform .1s;
	}
	.nav_icon .box_1:hover,.nav_icon .box_2:hover,.nav_icon .box_3:hover,.nav_icon .box_4:hover{
	  
	  -webkit-transform:scale(1.1); /*  크롬 */
	  -moz-transform:scale(1.1); /* FireFox */
	  -o-transform:scale(1.1); /* Opera */
	  transform:scale(1.1);
	  -o-transition: transform .2s;
	  -moz-transition: transform .2s;
	  -webkit-transition: transform .2s;
	  transition: transform .2s;
	  border:10px solid #ffffff;
	  background:#7fa053;
	}

	.photo_side_01>img{
	  -webkit-transform:scale(1); /*  크롬 */
	  -moz-transform:scale(1); /* FireFox */
	  -o-transform:scale(1); /* Opera */
	  transform:scale(1);
	  -o-transition: transform .1s;
	  -moz-transition: transform .1s;
	  -webkit-transition: transform .1s;
	  transition: transform .1s;
	}
	.photo_sideview{  
	  -webkit-transform:scale(1.05); /*  크롬 */
	  -moz-transform:scale(1.05); /* FireFox */
	  -o-transform:scale(1.05); /* Opera */
	  transform:scale(1.05);
	  -o-transition: transform .2s;
	  -moz-transition: transform .2s;
	  -webkit-transition: transform .2s;
	  transition: transform .2s;
	}


	/*이미지 마우스 오버 시 확대*/
	section {
	  opacity: 1;
	}
	.loaded section {
	  opacity: 1;
	}
	/******************************************** 1페이지 애니메이션*/
	.nav_icon > span.box_1{
	  transition: transform .6s .9s;
	  transform:translate3d(0, 250%, 0);
	}
	.nav_icon > span.box_2{
	  transition: transform .7s .9s;
	  transform:translate3d(0, 250%, 0);
	}
	.nav_icon > span.box_3{
	  transition: transform .8s .9s;
	  transform:translate3d(0, 250%, 0);
	}
	.nav_icon > span.box_4{
	  transition: transform .9s .9s;
	  transform:translate3d(0, 250%, 0);
	}

	.viewing-page-1 .nav_icon > span{
	  transform: translate3d(0, 0, 0);
	}
	

	/******************************************** 2페이지,3페이지,5페이지 애니메이션*/
	.page2 .s_title,.page3 .s_title,.page5 .s_title{
	opacity: 0;
	-webkit-transition:opacity .7s;
	-webkit-transition-delay:1s;
	-moz-transition:opacity .7s;
	-moz-transition-delay:1s;
	-o-transition:opacity .7s;
	-o-transition-delay:1s;
	transition: opacity .7s;
	transition-delay:2s;
	}
	.viewing-page-2 .page2 .s_title,.viewing-page-3 .page3 .s_title,.viewing-page-5 .page5 .s_title{
	opacity: 1;
	}

	.page2_slidebar{
	opacity: 0;
	-webkit-transition:opacity .7s;
	-webkit-transition-delay:3s;
	-moz-transition:opacity .7s;
	-moz-transition-delay:3s;
	-o-transition:opacity .7s;
	-o-transition-delay:3s;
	transition: opacity .7s;
	transition-delay:3s;
	}
	.viewing-page-2 .page2_slidebar,.viewing-page-3 .page2_slidebar,.viewing-page-5 .page2_slidebar{
	opacity: 1;
	}
	
	/*2페이지 슬라이드*/
	#slide_mov_02>div:nth-of-type(1){
	  transition: transform .6s .8s;
	  transform:translate3d(0, -400%, 0);
	}
	#slide_mov_02>div:nth-of-type(2){
	  transition: transform .7s .8s;
	  transform:translate3d(0, -400%, 0);
	}
	#slide_mov_02>div:nth-of-type(3){
	  transition: transform .8s .8s;
	  transform:translate3d(0, -400%, 0);
	}
	#slide_mov_02>div:nth-of-type(4){
	  transition: transform .9s .8s;
	  transform:translate3d(0, -400%, 0);
	}
	
	/*3페이지 슬라이드*/
	#slide_mov_03>div:nth-of-type(1){
	  transition: transform .6s .8s;
	  transform:translate3d(0, -400%, 0);
	}
	#slide_mov_03>div:nth-of-type(2){
	  transition: transform .7s .8s;
	  transform:translate3d(0, -400%, 0);
	}
	#slide_mov_03>div:nth-of-type(3){
	  transition: transform .8s .8s;
	  transform:translate3d(0, -400%, 0);
	}
	#slide_mov_03>div:nth-of-type(4){
	  transition: transform .9s .8s;
	  transform:translate3d(0, -400%, 0);
	}

	/*5페이지 슬라이드*/
	#slide_mov_05>div:nth-of-type(1){
	  transition: transform .6s .8s;
	  transform:translate3d(0, -400%, 0);
	}
	#slide_mov_05>div:nth-of-type(2){
	  transition: transform .7s .8s;
	  transform:translate3d(0, -400%, 0);
	}
	#slide_mov_05>div:nth-of-type(3){
	  transition: transform .8s .8s;
	  transform:translate3d(0, -400%, 0);
	}
	#slide_mov_05>div:nth-of-type(4){
	  transition: transform .9s .8s;
	  transform:translate3d(0, -400%, 0);
	}


	.viewing-page-2 #slide_mov_02>div{
	  transform: translate3d(0, 0, 0);
	}
	.viewing-page-3 #slide_mov_03>div{
	  transform: translate3d(0, 0, 0);
	}
	.viewing-page-5 #slide_mov_05>div{
	  transform: translate3d(0, 0, 0);
	}



	.page2_arrow{
	  transition: transform .6s .8s;
	  transform:translate3d(0, -400%, 0);
	}
	.viewing-page-2 .page2_arrow,.viewing-page-3 .page2_arrow,.viewing-page-5 .page2_arrow{
	  transform: translate3d(0, 0, 0);
	}
	
	


	/******************************************** 4페이지 애니메이션*/
	.page4 .s_title,.page5_sub .s_title{
	opacity: 0;
	-webkit-transition:opacity .7s;
	-webkit-transition-delay:1s;
	-moz-transition:opacity .7s;
	-moz-transition-delay:1s;
	-o-transition:opacity .7s;
	-o-transition-delay:1s;
	transition: opacity .7s;
	transition-delay:2s;
	}

	.viewing-page-4 .page4 .s_title,.viewing-page-5 .page5_sub .s_title{
	opacity: 1;
	}
	.table_time_01>span.box_01{
	  transition: transform .8s .15s;
	  transform:translate3d(-260%, 0, 0);
	}
	.table_time_01>span.box_02{
	  transition: transform .8s .17s;
	  transform:translate3d(0, -260%, 0);
	}
	.table_time_01>span.box_03{
	  transition: transform .8s .19s;
	  transform:translate3d(0, 300%, 0);
	}
	.table_time_01>span.box_04{
	  transition: transform .8s .21s;
	  transform:translate3d(300%, 0, 0);
	}
	.viewing-page-4 .table_time_01>span,.viewing-page-5 .table_time_01>span{
	  transform: translate3d(0, 0, 0);
	}
	
	/*해더*/
	.header{display:none;}
	.m_header{position:fixed;width:100%;height:5em;z-index:9;background:#ffffff;display:block;}
	.m_header .logo{position:absolute;top:18px;left:20px;width:150px;height:26px;}
	.m_header .logo>img{width:135px;}
	.btn_mob_menu{position:absolute;top:1.8em;right:1.8em;display:block;}
	.btn_mob_menu>img{width:22px;}
	/********************************************************************교회소개*/
	.main{ }
	/*서브 페이지 1*/
	.sub_01_welcome{position:absolute;left:50%;top:27%;width:900px;margin-left:-450px;}
	.sub_01_welcome>img{position:absolute;top:0;left: 0%;}
	.sub_01_welcome>.text_01{position:absolute;top:0;right:0%;width:68%;text-align:left;color:#ffffff;}
	.sub_01_welcome>.text_01>h1{font-size:30px;font-weight:500;margin-bottom:2%; color:#fff;}
	.sub_01_welcome>.text_01>p{font-size:15px;line-height:190%; color:#fff;}
	.sub_01_welcome>.text_01>dl{float:left;margin-top:5%;padding:3%;background:rgba(255,255,255,0.3);border-top-right-radius:15%;border-bottom-left-radius:15%;}
	.sub_01_welcome>.text_01>dl:nth-of-type(1){margin-right:1%;}
	.sub_01_welcome>.text_01>dl dt{font-size:25px; color:#402721;}
	.sub_01_welcome>.text_01>dl dd{line-height:190%; color:#fff;}
	.sub_01_welcome>.text_01>dl dd p{ color:#fff; }
	/*서브페이지 2*/
	.sub_02_intro{position:absolute;left:50%;top:25%;width:900px;margin-left:-450px;}
	.sub_02_title{}
	.sub_02_title .title_01{font-size:2.333em;color:#ffffff;}
	.sub_02_title .title_02{font-size:1.417em;color:#ffffff;}
	.sub_02_self{color:#402721;text-align:center;margin-top:5%;}
	.sub_02_self .aside_01{position:relative;float:left;width:calc(100% / 3 - 2%);height:100%;color:#fff;margin-right:3%;}
	.sub_02_self .aside_01>img{-webkit-border-radius:10%;-moz-border-radius:10%;-ms-border-radius:10%;border-radius:10%;max-width:100%;}
	.sub_02_self .aside_01:last-child{margin-right:0;}
	.sub_02_self .aside_01 .text_01{position:absolute;top:20%;left:50%;width:80%;height:auto;margin-left:-40%;}
	.sub_02_self .aside_01 .title{font-size:2em; padding-bottom:5%;}
	.sub_02_self .aside_01 .text_01 .title:first-child{ padding-bottom:8%; margin-bottom:8%; border-bottom:1px solid rgba(255,255,255,0.5); }
	.sub_02_self .aside_01 .word{font-size:1.583em;}
	.sub_02_self .aside_01 .word>p{line-height:180%;padding-top:4%; color:#fff;}
	/*서브페이지 3*/
	.wrap_sub_03_pepple{position:absolute;left:50%;top: 13%;width:900px;height:100px;margin-left:-450px;color:#ffffff;text-align: center;}
	.sub_03_title{position:absolute;left:50%;top:-11%;width:70%;height:100px;margin-left:-35%;color:#ffffff;text-align: center;}
	.sub_03_title .title_01{font-size:2.333em;}
	.sub_03_title .title_02{font-size:1.417em;}
	.sub_03_title .title_new:after{ display:none; }
	.sub_03_people{position:absolute;left:50%;top:37%;width:816px;height:auto;margin-left:-408px;color:#402721;text-align:center;padding:0 15px;}
	.sub_03_people>ul>li:last-child{margin-right:0;}
	.sub_03_people ul{ display:inline-block; margin:0 auto; }
	.sub_03_people ul:after{ display:block; content:''; clear:both; }
	.sub_03_people li{float:left;margin-right:10px;margin-top:5px;}
	.sub_03_people li:last-child{margin-right:0;}
	.sub_03_people li>img{width:80px; -webkit-border-radius:3%;-moz-border-radius:3%;-ms-border-radius:3%;border-radius:3%;}
	.sub_03_people li>p{font-size:1.1em;color:#cccccc; line-height:18px; margin-top:5%;letter-spacing:-1px;}
	.sub_03_people li>h3{font-size:1.2em;color:#ffffff; }
	/*서브페이지 4*/
	.main_sub_03 .sub_board,.main_sub_03 .photo_board{position:absolute;top:25%;width:100%;}
	.main_sub_03 .sub_board img{max-width:100%;}
	.sub_04_title{position:absolute;top:15%;color:#402721;text-align:left;padding-left:5%;}
	.sub_04_title .title_01{font-size:2.333em;}
	.sub_04_weekly{position:absolute;left:50%;top:30%;width:70%;height:auto;margin-left:-35%;color:#402721;text-align:center;}
	.sub_04_weekly img{max-width:100%;}
	/*서브페이지 5*/
	.sub_05_title{position:absolute;left:50%;top:15%;width:70%;height:100px;margin-left:-35%;color:#402721;text-align:center;}
	.sub_05_title>p{font-size:1.4em;margin-top:45px;color:#ffffff;}
	/**/
	/*서브페이지 6*/
	.sub_06_title{position:absolute;left:50%;top:17%;width:70%;height:100px;margin-left:-35%;color:#402721; text-align:left;}
	.sub_06_title .title_01{font-size:2.333em;}
	.sub_06_title .title_02,.sub_06_title .title_03,.sub_06_title .title_04{font-size:1.4em; margin-top:0;}
	.sub_06_title .title_02>span:nth-of-type(1),.sub_06_title .title_03>span:nth-of-type(1){display:inline-block;width:100px;}
	.sub_06_title .title_04{ margin-top:0; position:relative; left:auto; top:auto; width:100%; margin-left:0; }
	.sub_06_map{position:absolute;left:50%;top:40%;width:70%; height:auto;margin-left:-35%;color:#402721; text-align:center;}
	.sub_06_map > div{ width:100% !important;}
	.title_04{position:absolute;left:50%;top:36%;width:70%;height:auto;margin-left:-35%;text-align:left;}
	.title_04>span:nth-of-type(1){display:inline-block;width:100px;margin-top:2%;}
	.title_04 .green{color:#77b201;font-weight:400;}
	.title_04 .red{color:#ea4335;font-weight:400;}
	/*서브페이지 7*/
	.sub_07_title{position:absolute;left:50%;top:20%;width:100%; max-width:1130px; padding:0 15px;-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); color:#402721;text-align:left;}
	.sub_07_title .title_01{font-size:2.333em;}
	.sub_07_bus{position:absolute;left:50%;top:32%;width:100%; max-width:1130px;padding:0 15px;height:auto;-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); color:#402721;text-align:center;}
	

	/********************************************************************교회학교*/
	.f_color_cf{color:#cfcfcf;}/*회색*/
	.f_color_ff{color:#ffffff;}/*흰색*/
	.f_color_ff>p{color:#ffffff !important;}/*흰색*/
	.f_color_23{color:#71b232;}/*유치부 초록색*/
    .f_color_71{color:#23b0f1;}/*유초등 파란색*/
    .f_color_e9{color:#e9cf67;}/*청소년부 파란색*/
    .f_color_54{color:#54ffed;}/*청년부 파란색*/
    .f_color_db{color:#f78320;}/*장애인부 보라색*/
    .bg_color_71{background-color:#71b232;}/*유치부 초록색*/
    .bg_color_23{background-color:#23b0f1;}/*유초등 파란색*/
    .bg_color_e9{background-color:#e9cf67;}/*청소년부 파란색*/
    .bg_color_54{background-color:#54ffed;}/*청년부 파란색*/
    .bg_color_db{background-color:#f78320;}/*장애인부 보라색*/
    .b_color_71{border:1px solid #71b232;}/*유치부 초록색*/
    .b_color_23{border:1px solid #23b0f1;}/*유초등 파란색*/
    .b_color_e9{border:1px solid #e9cf67;}/*청소년부 파란색*/
    .b_color_54{border:1px solid #54ffed;}/*유초등 파란색*/
    .b_color_db{border:1px solid #f78320;}/*장애인부 보라색*/
	/*유치부, 유초등부*/
	.sub_01_wrap{position:absolute;top:28%;left:50%;width:900px;margin-left:-450px;}
	.page3 .sub_01_wrap{top:19%;}
	.sub_01_wrap .sub_01_title{position:absolute;left:0;top:0;text-align:left;width:480px;}
	.sub_01_wrap .sub_01_title .text_1{}
	.sub_01_wrap .sub_01_title .text_1>span{position:relative;display:inline-block;width:145px;letter-spacing:-1px;height:43px;margin:10px 0 0 20px;font-size:2em;text-align:center;line-height:43px;-webkit-border-radius:43px;-moz-border-radius:43px;-ms-border-radius:43px;border-radius:43px;}
	.sub_01_wrap .sub_01_title .text_1>span>p{position:absolute;top:-38px;left:9px;font-size:0.9em;}
	.sub_01_wrap .sub_01_title .text_2{font-size:2em;margin-top:3%;}
	.sub_01_wrap .sub_01_title .text_3{font-size:1.417em;margin-top:10%;line-height:190%;}
	.page4 .sub_01_wrap .sub_01_title .text_3{ max-height:209px; overflow-y:auto; padding-right:10px; }
	.page5 .sub_01_wrap .sub_01_title .text_3{ max-height:209px; overflow-y:auto; padding-right:10px; }
	.sub_01_wrap .sub_01_title .text_4{width:50%;padding:3%;font-size:1.333em;margin-top:5%;}
	.sub_01_wrap .sub_01_title .text_4>p{}
	.sub_01_wrap .sub_01_title .text_4>p:nth-of-type(1)>b{margin-left:10px;}
	.sub_01_wrap .sub_01_title .text_4>p:nth-of-type(2)>b{margin-left:38px;}
	.sub_01_wrap .sub_01_img{position:absolute;right:0;top:0;}

}