/* 공통 */
	.center_title{font-size:45pt; text-align:left; color:#242424; margin:200px 0 80px; font-weight:bold;}
	.contents_container{width:1100px; margin:150px auto 250px;}
	

	.swiper-container {
	  width: 100%;
	  height: 600px !important;
	  margin-left: auto;
	  margin-right: auto;
	}
	.swiper-slide {
	  background-size: cover;
	  background-position: center;
	  cursor: -webkit-grab; cursor: grab;
	}
	.gallery-top {
	  height: 80%;
	  width: 100%;
	}
	.gallery-thumbs,.gallery-thumbs2,.gallery-thumbs3,.gallery-thumbs4,.gallery-thumbs5 {
	  height: 20%;
	  box-sizing: border-box;
	  padding: 10px 0;
	}
	.gallery-thumbs .swiper-slide {
	  height: 100%;
	  opacity: 0.4;
	}
	.gallery-thumbs .swiper-slide-active {
	  opacity: 1;
	}
	
	
	

	
	
	
	
/* 지점 안내 START */
	/* centerList START */
	.centerList {width:1100px; margin:0 auto; padding:100px 0px 0px;text-align:center; overflow:hidden;}
	.centerList h3{font-size:30px; margin-bottom:30px; font-weight:400;}
	.centerList p{font-size:16px; color:#555; line-height:30px; font-weight:bold;}
	


/* subVisual START */
	.subVisual{width:1800px; height:250px; margin:70px auto 0px;}
	.subVisual.samsung{background:url("/assets/img/sub/center_title.jpg"); background-position:center; }
	.subTitle{position:relative; top:100px; width:900px; margin:0 auto; text-align:center; height:58%; overflow:hidden;}
	.subTitle h2{position:relative; font-size:38px; animation:subTitle 1s; animation-fill-mode: forwards; color:#fff; }
	.subTitle p{position:relative;top:26px; color:#eee; line-height:28px; font-size:16px; font-weight:400;}
	

	@keyframes subTitle{
		0%{top:-100px;}
		100%{top:0px;}
	}
	
	
	

	/* subNavi START */
	.subNavi {padding-top:40px; padding-right:185px;float:right;}
	.subNavi ul li{display:inline-block;padding:0 10px; color:#666;}
	.subNavi ul li:last-child{font-weight:bold; color:#333;}
	.subNavi ul li span{margin-left:25px;}


	/* 센터소개 사진 */
	.center_intro{margin:0 auto ; position:relative;}
	.center_intro .center_img_left h2{font-size:36pt; margin-bottom:25px;}
	.center_intro .center_img_left h5{font-size:14pt; color:#959595; font-weight:400; margin-bottom:100px;}
	


	/* 인테리어 */
	.interior{margin:0 auto; text-align:center;}	
	.slides{overflow:hidden;}
	.interior .zone{overflow:hidden; margin-bottom:8px;}
	.interior .zone li{letter-spacing:2px; font-weight:bold; float:left; border:1px solid #666; border-right:none; width:20%; height:50px; line-height:50px; /* background:linear-gradient(#003040, #002535); */ background:#fff; color:#444; cursor:pointer; transition:all 0.2s; font-size:10pt; }
	.interior .zone li.active{background:#000; color:#fff;}
	.interior .zone li:last-child{width:20%;border-right:1px solid #666;}
	
	.interior .centerWrap{ overflow:hidden; height:800px;}
	.z1,.z2{display:block; overflow:hidden;}
	.z1 #carousel .flex-viewport{width:1060px; margin:0 auto;}
	.z2 #min .flex-viewport{width:1060px; margin:0 auto;}
	

	/* 스탭 */
	.instructors {width:1100px;  margin:0 auto; text-align:center; height:700px; }	
	.instructors h5{margin-top:13px;}
	.instructors div{margin-bottom:15px; cursor:pointer; transition:all 0.3s;}
	.trainerInfo div i{color:#fff; font-size:20px; position:relative; top:4px;}
	.trainerInfo div span{padding-left:15px; color:#fff; font-size:14px;}

	/* 트레이너 */
	.trainerInfo {z-index:999;position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); overflow:hidden;}
	.trainerInfo .trainerWrap{transform:scale(0.8); transition:all 0.5s; position:relative; width:960px; margin:200px auto; background:#333; padding:15px 0px; border:1px solid #a0a0a0; border-radius:5px; overflow:hidden; }
	.trainerInfo .trainerWrap.on{transform:scale(1);}
	.trainerInfo .trainerWrap .trainerClose{position:absolute; right:10px; bottom:10px; background:#333; width:110px; color:#fff; font-size:18px; font-weight:500; cursor:pointer; z-index:1;}
	.trainerInfo .trainerWrap .trainerClose:hover{background:#444;}
	.trainerInfo .trainerWrap .infoTxt{padding:50px;}
	.trainerInfo .trainerWrap .infoTxt p{color:#fff;}



	/* 스케줄 */
	.schedule{text-align:center;}
	.schedule .kind_of_select{overflow:hidden; width:530px; margin:30px auto;}
	.schedule .kind_of_select div{padding:15px 15px; text-align:center; border:1px solid #000; font-weight:bold; letter-spacing:2px;}
	.schedule .kind_of_select div.active{background:#000; color:#fff;}
	.show_schedule div{display:none;}
	.show_schedule div.on{display:block;}

	.jamsil_pt_program img{width:90%; margin-bottom:40px;}
	.jamsil_pt_program p {line-height:24px;}

		

	/* 오시는길 */
	.directions{margin:0 auto; text-align:center; overflow:hidden;}
	.directions  h3{font-size:14px; color:#666; font-weight:400;}
	.directions  .mapIcon{display:inline-block; width:25px;height:50px;margin-right:50px;}
	
	.center_info {width:1100px; margin:20px auto 100px;}
	.center_info .center_wrap{border-top:2px solid #000; margin:0 15px; border-bottom:1px solid #000;}
	.center_info .center_wrap .center_address{padding-top:15px; padding-bottom:15px; font-size:15pt; font-weight:500;}
	.center_info .center_wrap .center_address span:last-child{color:#959595;font-weight:300;}
	.center_info .address_cof{padding-left:0px !important;}
	.center_info .center_wrap .center_call{padding-top:15px; padding-bottom:15px; font-size:15pt;}
	.center_info .center_wrap .center_call span:last-child{color:#959595;font-weight:300;}
	.center_info .center_wrap .center_p{padding-top:15px; padding-bottom:15px; font-size:15pt; font-weight:500; }
	.center_info .center_wrap .center_p p:last-child{color:#959595; font-weight:300; margin-left:112px;}
	.center_info .center_wrap .center_p p{ margin-bottom:0px;}
	





	/* quickmenu START */
	.quickMenu{z-index:1;position:fixed; right:0 !important; bottom:300px; display:none;}
	.quickMenu ul li{width:80px;height:80px;background:#333;text-align:center; color:#eee; line-height:80px;border-bottom:1px solid #666; cursor:pointer;} 
	/* quickmenu START 
	.quickMenu{position:fixed !important; left:0 !important; bottom:0px !important; height:55px;}
	.quickMenu ul li{float:left; width:20%;height:60px;background:#222;text-align:center; color:#ddd; line-height:60px;border-right:1px solid #333; cursor:pointer; font-size:14px;} 
	*/

/* Laptop */
@media screen and (max-width:1440px)
{
	.contents_container{width:75%; margin:150px auto 200px;}
	.swiper-container{height:575px !important;}
	.subVisual{width:94%; margin: 70px auto 0px;}
	
	/* instructors */
	.interior .zone{overflow:hidden; padding:0px; margin:0; margin-bottom:8px;}
	.interior .zone li{letter-spacing:2px; font-weight:bold; float:left; border:1px solid #666; border-right:none; width:20%; height:50px; line-height:50px; /* background:linear-gradient(#003040, #002535); */ background:#fff; color:#444; cursor:pointer; transition:all 0.2s; font-size:10pt; }
	.interior .zone li.active{background:#000; color:#fff;}
	.interior .zone li:last-child{width:20%;border-right:1px solid #666;}
	
	.center_info{width:100%;}
	
	.center_intro .center_img_left h2{font-size:32pt; line-height:55px;}
}

/* iPad */
@media screen and (max-width:1024px)
{
	.contents_container{width:80%; margin:150px auto 200px;}
	.swiper-container{height:385px !important;}
	/* centerList 지점별안내 START */
	.centerList {width:100%; margin:0 auto; padding:100px 0px 0px;text-align:center; overflow:hidden;}
	.centerList h3{font-size:28px; margin-bottom:30px; font-weight:400;}
	.centerList p{font-size:16px; color:#555; line-height:30px;}	
	
	.center_intro .center_img_left h2 {font-size:28pt; line-height:55px;}
	.center_intro .center_img_left h5 {line-height:28px;}
	
	.jamsil_pt_program h5{font-size:14pt !important;}
	
	
	

	/* subVisual START */

	
	.subTitle{position:relative; top:60px; width:70%; margin:0 auto; background:rgba(255,255,255,0.95); text-align:center; height:71%; overflow:none; }
	.subTitle h2{position:relative; font-size:30px; animation:subTitle 1.5s; animation-fill-mode: forwards; color:#444;}
	.subTitle p{position:relative;top:99px; text-align:center; color:#666; line-height:28px; font-size:16px; font-weight:300;}
	
	
	/* subNavi START */
	.subNavi {text-align:center; padding-top:40px; padding-right:0; float:none;}
	.subNavi ul li{display:inline-block;padding:0 10px;}
	.subNavi ul li:last-child{font-weight:bold;}
	.subNavi ul li span{margin-left:25px;}

	/* schedule START */
	.schedule{text-align:center;}
	.schedule h2{margin:90px 0;}
	
	

	/* instructors START */
	.instructors {width:100%; margin:0 auto; text-align:center; overflow:hidden;}
	.instructors h2{margin:90px 0;}
	.instructors h2::before{display:block;content:""; background:#222; width:20px; height:4px; margin:0px auto 30px; transform:rotate(-40deg);}
	.instructors div{margin-bottom:30px; cursor:pointer;}
	
	.interior .centerWrap{height:480px; overflow:hidden; padding:0;}
	.z1,.z2{display:block;}


	/* trainer START */
	.trainerInfo {overflow-y: auto;position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9);}
	.trainerInfo .trainerWrap{position:relative; width:100%; margin:55px auto;}
	.trainerInfo .trainerWrap .trainerClose{position:absolute; right:16px; top:10px; color:#fff; font-size:30px; font-weight:900; cursor:pointer;}
	.trainerInfo .trainerWrap .infoTxt{padding:50px;}
	.trainerInfo .trainerWrap .infoTxt p{color:#fff;}

	/* interior START */
	.interior{width:100%; margin:0 auto; text-align:center;}
	.interior h2{margin:90px 0;}

	/* directions START */
	.directions{text-align:center;}
	.directions h2{margin:85px 0;}
	.directions .wrap1100 h3{font-size:12px; color:#666; font-weight:400;}
	.directions .wrap1100 .mapIcon{display:inline-block; width:25px;height:50px;margin-right:0px;}
	.center_info {width:100%; margin:20px auto 100px;}


	/* operating START */
	.operating{text-align:center;}
	.operating h2{margin:90px 0;}
	.operating h2::before{display:block;content:""; background:#222; width:20px; height:4px; margin:0px auto 30px; transform:rotate(-40deg);}
	
	.operating .wrap1100 h3{font-size:14px;}
	.operating .timeWrap{width:330px; margin:0 auto;}

	/* quickmenu START */
	.quickMenu{position:fixed !important; left:0 !important; bottom:0px !important; height:55px;}
	.quickMenu ul li{float:left; width:20%;height:60px;background:#222;text-align:center; color:#ddd; line-height:60px;border-right:1px solid #333; cursor:pointer; font-size:14px;} 
}

	
	







/* 모바일 버전 */
@media screen and (max-width:640px){
	/* 필라테스바이제이 */
	.pilatesbyj_intxt{margin-top:100px !important;}
	.pilatesbyj_intxt h3{font-size:2.4rem !important; line-height:32px;}
	.pilatesbyj_intxt p {font-size:1.5rem !important; line-height:25px !important; margin-bottom:25px !important; margin-top:25px !important;}
	.jamsil_pt_program img{width:65%;}
	.s01{margin-top:50px !important;}
	.s01 .row{margin-left:0; margin-right:0;}
	.s01 .center_title {margin-top:90px !important; font-size:3.2rem; padding-left:15px; margin-bottom:20px !important}
	.s01 img{width:65% !important; margin-bottom:25px !important; margin-top:40px;}
	.s01 p {padding:0 15px;}
	.s01 p span{font-weight:500;}
	
	
	
	
	.subVisual.samsung{background-size:cover;}
	.contents_container{width:100%; margin-top:80px;}
	.swiper-container{height:185px !important;}
	.center_intro{width:100%; margin:0px auto; position:relative; padding:0 15px;}
	.center_intro .center_img_left{width:100%; height:auto;}
	
	.center_intro .center_img_left h2{font-size:19pt; margin-bottom:25px; line-height:37px;}
	.center_intro .center_img_left h5{font-size:12pt; line-height:26px; color:#959595; font-weight:400; margin-bottom:60px;}
	
	
	/* centerList 지점별안내 START */
	.centerList {width:100%; margin:0 auto; padding:100px 0px 0px;text-align:center; overflow:hidden;}
	.centerList h3{font-size:28px; margin-bottom:30px; font-weight:400;}
	.centerList p{font-size:16px; color:#555; line-height:30px;}	
	

	/* subVisual START */

	.subVisual {width:94%; height:220px; margin:0px auto 0px; background:url("/img/sub/academy-bg-long.jpg")no-repeat center; background-attachment:fixed; background-size:cover; }
	.subTitle{position:relative; top:60px; width:100%; margin:0 auto; text-align:center; height:71%; overflow:none; }
	.subTitle h2{position:relative; font-size:30px; animation:subTitle 1s; animation-fill-mode: forwards; color:#fff;}
	.subTitle p{position:relative;top:35px; text-align:center; color:#eee; line-height:28px; font-size:16px; font-weight:300;}
	
	
	/* subNavi START */
	.subNavi {text-align:center; padding-top:40px; padding-right:0; float:none;}
	.subNavi ul li{display:inline-block;padding:0 4px;}
	.subNavi ul li:last-child{font-weight:bold;}
	.subNavi ul li span{margin-left:9px;}
	
	
	
	
	



	/* interior START */
	.interior{width:100%; margin:0 auto; text-align:center;}
	.interior h2{margin:60px 0; text-align:center; font-size:26px;}	
	.interior .zone{overflow:hidden; margin:10px 15px;}
	.interior .zone li{float:left; width:33.3333%; height:40px; line-height:40px; color:#444; cursor:pointer; transition:all 0.2s; font-size:10px;}
/* 	#carousel ul li{width:130px !important;} */
	.interior .zone li:last-child{width:33.7%;}
	.interior .zone li:nth-child(1){border-right:none;}
	.interior .zone li:nth-child(2){border-right:none;}
	.interior .zone li:nth-child(3){border-right:1px solid #666;}
	.interior .zone li:nth-child(4){border-top:none; border-right:none;}
	.interior .zone li:nth-child(5){border-top:none;}
	.interior .centerWrap{height:242px; overflow:hidden; padding:0 15px;}
	.z1,.z2{display:block;}
	.z1 #carousel .flex-viewport{width:100%; margin:0 auto;}
	.z2 #min .flex-viewport{width:100%; margin:0 auto;}
	
	
	
	/* instructors START */
	.instructors {width:100%; margin:0 auto; text-align:center; overflow:hidden; height:auto;}
	.instructors h2{margin:85px 0 60px; text-align:center; font-size:26px;}	
	.instructors div{margin-bottom:30px; cursor:pointer;}
	.instructors h5{margin-top:10px;}
	

	/* schedule START */
	.schedule{width:100%; margin:0 auto; text-align:center; padding:0 10px;}
	.schedule h2{margin:60px 0; text-align:center; font-size:26px;}	
	
	.schedule .kind_of_select{overflow:hidden; width:100%; margin:30px auto; font-size:9pt;}
	.schedule .kind_of_select div{ font-size:12px;padding:15px 0px; text-align:center; border:1px solid #000; font-weight:bold;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.schedule .kind_of_select div.active{background:#000; color:#fff;}
	 


	/* directions START */
	.directions{width:100%; text-align:center;}
	.directions h2{margin:60px 0; text-align:center; font-size:26px;}	
	
	.directions .wrap1100 h3{font-size:12px; color:#666; font-weight:400;}
	.directions .wrap1100 .mapIcon{display:inline-block; width:25px;height:50px;margin-right:0px;}




	/* trainer START */
	.trainerInfo {overflow-y: auto;position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9); }
	.trainerInfo .trainerWrap{transform:scale(1); transition:all 0.5s; position:relative; width:100%; margin:55px auto;}
	.trainerInfo .trainerWrap .trainerClose{position:absolute; right:10px; bottom:7px; color:#fff; font-size:14px; font-weight:500; cursor:pointer; }
	.trainerInfo .trainerWrap .infoTxt{padding:25px;}
	.trainerInfo .trainerWrap .infoTxt p{color:#fff;}
	
	.center_info{width:100%;}
	.center_info .center_wrap .center_call span{font-size:16px;}
	.center_info .center_wrap .center_address span{font-size:16px;}
	.center_info .center_wrap .center_p span{font-size:16px;}

}


@media screen and (max-width:325px){

.interior .centerWrap{height:222px !important; overflow:hidden; padding:0 11px;}
.swiper-container{height:145px !important;}

}