/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
##Device = 랩탑, 데스크탑
##Screen = 1025px에서 1280px 사이
*/
@media (min-width: 1025px){
	/*애니메이션 */
	/*이미지,엘리먼트 마우스 오버 시 확대*/
	.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,.page1 .s_title{
	opacity: 0;
	-webkit-transition:opacity .3s;
	-webkit-transition-delay: .5s;
	-moz-transition:opacity .3s;
	-moz-transition-delay: .5s;
	-o-transition:opacity .3s;
	-o-transition-delay: .5s;
	transition: opacity .3s;
	transition-delay:1.1s;
	}
	.viewing-page-2 .page2 .s_title,.viewing-page-3 .page3 .s_title,.viewing-page-5 .page5 .s_title,.viewing-page-1 .page1 .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,.viewing-page-1 .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-1 #slide_mov_02>div{
	  transform: translate3d(0, 0, 0);
	}
	.viewing-page-2 #slide_mov_02>div{
	  transform: translate3d(0, 0, 0);
	}
	.viewing-page-2 #slide_mov_03>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,.viewing-page-1 .page2_arrow{
	  transform: translate3d(0, 0, 0);
	}
	
	


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

	.viewing-page-4 .page4 .s_title,.viewing-page-5 .page5_sub .s_title{
	opacity: 1;
	top:19%;
	}
	.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);
	}
	
	
	/********************************************************************교회소개*/
	/*서브 페이지 1*/
	.sub_01_welcome{position:absolute;left:50%;top:27%;width:1024px;margin-left:-512px;}
	.sub_01_welcome h1, .sub_01_welcome p{ color:#fff; }
	.sub_01_welcome>img{position:absolute;top:0;left: 0%;}
	.sub_01_welcome>.text_01{position:absolute;top:0;right:0%;width:65%;text-align:left;color:#ffffff;}
	.sub_01_welcome>.text_01>h1{font-size:30px;font-weight:500;margin-bottom:2%;}
	.sub_01_welcome>.text_01>p{font-size:15px;line-height:190%;}
	.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-right-radius:15%;}
	.sub_01_welcome>.text_01>dl:nth-of-type(1){margin-right:2%;}
	.sub_01_welcome>.text_01>dl dt{font-size:25px; color:#402721;}
	.sub_01_welcome>.text_01>dl dd{line-height:190%;}
	/*서브페이지 2*/
	.sub_02_title{position:absolute;left:50%;top:23%;width:70%; margin-left:-35%;text-align:center;}
	.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{position:absolute;left:50%;top:42%;width:1024px;height:auto;margin-left:-512px;color:#402721;text-align:center;}
	.sub_02_self .aside_01{position:relative;float:left;width:calc(100% / 3 - 5%);height:100%;color:#fff;margin-right:7%;}
	.sub_02_self .aside_01>img{-webkit-border-radius:10%;-moz-border-radius:10%;-ms-border-radius:10%;border-radius:10%;}
	.sub_02_self .aside_01:last-child{margin-right:0;}
	.sub_02_self .aside_01 .text_01{position:absolute;top:22%;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*/
	.sub_03_title{position:absolute;left:50%;top:13%;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_people{position:absolute;left:50%;top:23%;width:1024px;height:auto;margin-left:-512px;color:#402721;text-align:center;padding: 0 30px; text-align:center;}
	.sub_03_people>ul>li:last-child{margin-right:0;}
	.sub_03_people ul{ display:inline-block; margin:0 auto; }
	/* .sub_03_people ul:nth-child(2){ width:903px; }
	.sub_03_people ul:nth-child(3){ width:250px; } */
	.sub_03_people ul:after{ display:block; content:''; clear:both; }
	.sub_03_people li{float:left;margin-right:20px;margin-top:15px;}
	.sub_03_people li:last-child{margin-right:0;}
	.sub_03_people li>img{width:110px; -webkit-border-radius:3%;-moz-border-radius:3%;-ms-border-radius:3%;border-radius:3%; width: 110px; height: 144px; }
	.sub_03_people li>p{font-size:1.417em;color:#cccccc;margin-top:5%;}
	.sub_03_people li>h3{font-size:1.583em; line-height:18px; color:#ffffff;}
	/*서브페이지 4*/
	.sub_04_title{position:absolute;left:50%;top:20%;width:70%;height:100px;margin-left:-35%;color:#402721;text-align:left;}
	.sub_04_title .title_01{font-size:2.333em;}
	.sub_04_weekly{position:absolute;left:50%;top:27%;width:70%;height:auto;margin-left:-35%;color:#402721;text-align:center;}
	.sub_04_weekly .board_wrap{border:1px solid #ccc;}
	/*서브페이지 5*/
	.sub_05_title{position:absolute;left:50%;top:19%;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_map_wrap{ position:absolute;left:50%;top:30%; width:100%; max-width:1130px;height:100px; word-break:keep-all; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }
	.sub_06_title{ float:left; width:48%; color:#402721;text-align:left;}
	.sub_06_title .title_01{ margin-bottom:3%;  font-size:2.333em;}
	.sub_06_title .title_02,.sub_06_title .title_03,.title_04{font-size:1.667em; margin-top:1%;}
	.sub_06_title .title_02>span:nth-of-type(1),.sub_06_title .title_03>span:nth-of-type(1){display:block;width:100px;}
	.sub_06_title .title_04{ margin-top:3%; }
	.sub_06_map{height:auto; color:#402721;text-align:center;}
	.title_04{height:auto;text-align:left; }
	.title_04>span:nth-of-type(1){display:inline-block;width:100px; }
	.title_04 .green{color:#77b201;font-weight:400;}
	.title_04 .red{color:#ea4335;font-weight:400;}
	.sub_06_map{ float:right; width:50%; }
	.sub_06_map .new_map{ width:100% !important; }
	/*서브페이지 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:22%;left:50%;width:1024px;margin-left:-512px;}
	.page3 .sub_01_wrap{top:19%;}
	.page4 .sub_01_wrap{ top:25.5%; }
	.sub_01_wrap .sub_01_title{position:absolute;left:0;top:0;text-align:left;width:550px;}
	.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:0;font-size:1em; width:100%; }
	.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:238px; overflow-y:auto; padding-right:10px; }
	.page5 .sub_01_wrap .sub_01_title .text_3{ max-height:238px; overflow-y:auto; padding-right:10px; }
	.sub_01_wrap .sub_01_title .text_4{width:50%;padding:3%;font-size:1.333em;margin-top:15%;}
	.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;}


	/********************************************************************교제와나눔*/
	.sub_10_title{color:#402721;text-align:left;}
	.sub_10_title .title_01{font-size:2.333em;}
	.sub_04_border{position:absolute;left:50%;top:20%;width:1024px;margin-left:-512px;}
	.sub_04_border img{max-width:100%;}
	.board_wrap,.photo_board{}/*게시판,사진갤러리 들어가는 영역*/
	
}
@media (min-width: 767px) and (max-width: 1280px) {

	.page3 .sub_01_wrap .sub_01_title .text_3{ max-height:167px; overflow-y:auto; padding-right:10px; }
}

@media (min-width: 1025px) and ((max-width: 1280px) or (max-height: 840px)) {

	.sub_03_title{position:absolute;left:50%;top:12%;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_people{position:absolute;left:50%;top:20%;width:970px;height:auto;margin-left:-485px;color:#402721;text-align:center;padding: 0 30px; text-align:center;}
	.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{ clear:both; content:''; display:block; }
	/* .sub_03_people ul:nth-child(2){ width:903px; }
	.sub_03_people ul:nth-child(3){ width:250px; } */
	.sub_03_people ul:after{ display:block; content:''; clear:both; }
	.sub_03_people li{float:left;margin-right:15px;margin-top:5px;}
	.sub_03_people li:last-child{margin-right:0;}
	.sub_03_people li>img{width:90px; -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;margin-top:3%;}
	.sub_03_people li>h3{font-size:1.2em; line-height:16px; color:#ffffff;}
	
	.table_contents .table_time_01 { display: flex; justify-content: space-evenly; }
	.table_contents .table_time_01.space_box_01 { margin-top: 2%; }
	.time_aside_01 .title { height: 180px; line-height: 180px; }
	.time_aside_01 dl { height: 180px; line-height: 180px; padding:0; }
	.time_aside_01 dl > dd { height: 60px; line-height: 60px; }
	.time_aside_01 dl > dd.line2 { padding-top:0 !important; }
	.time_aside_01 dl > dd.two_line { padding-top:9px !important; }
	.time_aside_01 dl > dd.addP { line-height: 45px; }
	.time_aside_01 dl.row5 > dd { height: 36px; line-height: 36px; }
	
	.s_title { top: 135px; }
	.swiper-container { top: 200px; }
	.swiper-container2 { height: 480px; }
	
	.sub_01_wrap { top: 17%; }
	.sub_01_wrap .sub_01_title .text_3 { margin-top: 4%; }
	.sub_01_wrap .sub_01_title .text_4 { margin-top: 4%; }
}