@charset "utf-8";

@media (max-width: 1920px){}

@media (max-width: 1700px){
	/* 탑버튼 */
	.top_move {right: 40px;}
}

@media (max-width: 1400px){
	.size {padding: 0 20px;}
	.main .cont2 .size {padding: 164px 20px;}
	.sub .sub_tit {padding: 70px 20px 40px;}
	

	/* 메인 - 비주얼 */
	.main .visual .visual_prev {left: 0;}
	.main .visual .visual_next {right: 0;}
	.main .visual .visual_slide {height: 680px;}
	.main .visual .txt {margin-top: -47px; margin-left: -465px;}
	.main .visual .txt > span {font-size: 30px;}
	.main .visual .txt b {font-size: 45px;}
	.main .visual .txt a {width: 180px;}

	/* 메인 - 콘텐츠1 */
	.main .cont1 .intro {width: calc(100% - 340px);}
	.main .cont1 .info {padding-right: 40px;}
	.main .cont1 .intro > p {margin-left: -340px;}
	.main .cont1 .time {max-width: 340px;}
}

@media (max-width: 1350px){}

@media (max-width: 1250px){
	/* 메인 - 비주얼 */
	.main .visual .txt {margin-left: -370px;}

	/* 메인 - 콘텐츠3 */
	.main .cont3 .notice {margin-left: -470px;}

	/* 탑버튼 */
	.top_move {right: 20px;}

	

	/* 헤더 */
	.header .top {height: 100px; line-height: 95px; padding: 0;}
	.header .gnb {display: none;}
	.header .top .login {display: none;}
	.header .top .menu_btn {display: block;}
	.header .top .tel {left: 20px;}
	.header .top .tel.st2 .right i {margin-top: 37px;}

	.header .top .Head_Login{display: none;}
	.subWrap .sub_visual{ height: 100px;}
}

@media (max-width: 1100px){
	
}

@media (max-width: 1024px){
	/* 메인 - 비주얼 */
	.main .visual .visual_slide .bg1 {background-position: 60% 50%;}
	.main .visual .visual_slide .bg2 {background-position: 50% 50%;}
	.main .visual .visual_slide .bg3 {background-position: 60% 50%;}



	/* 탑버튼 */
	.top_move a {width: 60px; height: 60px; padding: 9px 0;}
	.top_move a span {font-size: 12px;}

	/* 메인 - 콘텐츠1 */
	.main .cont1 {padding: 20px 0;}
	.main .cont1 .intro {float: none; width: 100%; padding-bottom: 30px;}
	.main .cont1 .intro > p {width: 50%; position: static; margin: 0; padding-left: 30px; text-align: right; box-sizing: border-box;}
	.main .cont1 .intro > p .pc_img {display: none;}
	.main .cont1 .intro > p .m_img {display: inline-block; width: 100%;}
	.main .cont1 .info {width: 50%; padding: 0; padding-top: 10%; padding-left: 10%;}
	.main .cont1 .info p {font-size: 45px; margin-top: 15px;}
	.main .cont1 .time {float: none; width: 100%; max-width: none;}

	/* 서브 - 타이틀 */
	.sub .sub_tit {padding: 50px 20px 20px;}
	.sub .sub_tit h3 {padding-bottom: 20px; font-size: 26px; }
		
	/* 서브 - 공통 클래스 */
	.sub .guide > span {font-size: 18px;}

}

@media (max-width: 960px){
	/* 메인 - 비주얼 */
	.main .visual .swiper-pagination {bottom: 25px;}
	.main .visual .visual_next {display: none;}
	.main .visual .visual_prev {display: none;}
	.main .visual .txt {margin-top: 20px;}
	.main .visual .txt > span {margin-top: 10px; font-size: 26px;}
	.main .visual .txt a {width: 150px; height: 45px; line-height: 45px;}
	.main .visual .txt img {margin-top: 19px;}

	/* 메인 - 콘텐츠2 */
	.main .cont2 {height: auto;}
	.main .cont2 .size {padding: 45px 20px;}
	.main .cont2 ul.left {max-width: 790px; margin: 0 17%;}
	.main .cont2 ul {text-align: center; margin-top: -3%;}
	.main .cont2 ul li {width: 30.33333%; margin-top: 3%;}
	.main .cont2 ul li.pic {float: none;}

	/* 메인 - 콘텐츠3 */
	.main .cont3 .notice {position: static; padding: 50px 35px; width: 100%; max-width: none; margin: 0;}
	.main .cont3 .notice .top {text-align: center;}
	.main .cont3 .notice .top b {float: none;}
	.main .cont3 #map {height: 400px;}

	/* 서브 - 비주얼 */
	.sub .sub_visual {display: none;}
	.sub .m_visual {display: block;}
	/* .sub .top_visual .tb {height: 300px;} */
	.sub .top_visual .main_txt span {font-size: 13px;}
	.sub .top_visual .main_txt > h2 {margin-top: 15px; font-size: 34px;}
	.sub .top_visual .main_txt .navi {margin-top: 25px;}

	/* 서브 - 비주얼 */
	.sub .top_visual .main_txt .navi {display: none;}
	.sub .top_visual .main_txt {display: block; height: auto; margin-top: 135px;}

	
}

@media (max-width: 820px){ 
	/* 메인 - 비주얼 */
	.main .visual .txt {margin-left: -300px;}

	/* 도수운동치료 */
	.sub .exercise .cont3 {padding: 80px 0 100px;}
	.sub .e_list {margin: 40px auto 0;}
	.sub .e_list ul {width: 100%; max-width: 300px; margin-top: -3%; margin-left: 0; margin: 0 auto;}
	.sub .e_list ul li {float: none; width: 100%; margin-left: 0; margin-top: 3%; padding: 0 7%;}
	.sub .e_list ul li b {font-size: 18px;}
	.sub .e_list ul li span {font-size: 16px;}
	.sub .e_list ul li span em.dpb {display: inline;}
	.sub .e_list ul li.li2 span {padding-top: 0;}

}

@media (max-width: 768px){
	/* 메인 - 비주얼 */
	.main .visual .visual_slide .bg1 {background-position: 70% 50%;}
	.main .visual .visual_slide .bg2 {background-position: 54% 50%;}
	.main .visual .visual_slide .bg3 {background-position: 70% 50%;}

	/* 헤더 */
	.header .top {height: 70px; line-height: 70px;}
	.header .top h1.logo {line-height: 65px;}
	.header .top h1.logo img {display: inline-block; height: 40px;margin-top:10px;}
	.header .top .menu_btn a {width: 45px; height: 45px; line-height: 45px;}
	.header .top .menu_btn a img {display: inline-block; width: 20px;}

	.header .top .tel.st2 {max-width: 200px;}
	.header .top .tel.st2 .left {width: 43px;}
	.header .top .tel.st2 .left img {display: inline-block; width: 43px;}
	.header .top .tel.st2 .right {width: calc(100% - 53px);}
	.header .top .tel.st2 .right i {margin-top: 26px; font-size: 19px; text-align: left;}



	/* 헤더 - 모바일 메뉴 */
	.mo_menu .top {height: 70px; line-height: 70px;}
	.mo_menu .top h2 {line-height: 65px;}
	.mo_menu .top h2 img {display: inline-block; height: 40px;margin-top:5px;}
	.mo_menu .top .close_btn a {width: 45px; height: 45px; line-height: 50px;}
	.mo_menu .top .close_btn a img {display: inline-block; width: 20px;}
	.mo_menu .mo_gnb {padding: 0 20px; margin-top: 10px;}
	.mo_menu .mo_gnb > ul > li > a {height: 50px; line-height: 50px; font-size: 16px;}
	.mo_menu .mo_gnb > ul > li > a::after {margin-top: -15px; width: 30px; height: 30px; background-size: 30px 30px;}
	.mo_menu .mo_gnb > ul > li > a.on::after {margin-top: -15px; width: 30px; height: 30px; background-size: 30px 30px;}
	.mo_menu .mo_gnb > ul ul {padding: 15px 0 5px;}
	.mo_menu .mo_gnb > ul ul li a {padding: 0 15px; height: 45px; line-height: 45px; font-size: 15px;}
	
	.mo_menu .btm {margin-top: 30px;}
	.mo_menu .btm .tel {max-width: 200px;}
	.mo_menu .btm .tel .left {width: 43px;}
	.mo_menu .btm .tel .left img {display: inline-block; width: 43px;}
	.mo_menu .btm .tel .right {width: calc(100% - 53px);}
	.mo_menu .btm .tel .right i {margin-top: 9px; font-size: 24px; text-align: left;}

	/* 풋터 */
	#footer {padding: 60px 0; height: auto;}
	#footer img {display: inline-block; height: 38px;}
	#footer .info p {font-size: 14px; line-height: 1.8;}


	/* 서브 - 비주얼 */
	.sub .top_visual .tb {height: 280px;}
	.sub .top_visual .main_txt {display: block; height: auto; margin-top: 85px;}
	.sub .top_visual .main_txt span {font-size: 12px;}
	.sub .top_visual .main_txt > h2 {margin-top: 10px; font-size: 30px;}
	.sub_tab .sub_depth > a {height: 50px; line-height: 50px; font-size: 16px;}
	.sub_tab .sub_depth > a:after {margin-top: -3px; background-size: 13px 7px;}
	.sub_tab .sub_depth > a.on:after {background-size: 13px 7px;}
	.sub_tab .sub_depth > ul > li > a {height: 50px; line-height: 50px; font-size: 16px;}
	
	/* 서브 - 공통 클래스 */
	.section {padding-bottom: 80px;}
	.sub .guide {margin-top: 60px;}



}

@media (max-width: 660px){
	/* 메인 - 비주얼 */
	.main .visual .visual_slide {height: 620px;}
	.main .visual .txt {width: auto; margin-left: -220px;}
	.main .visual .txt > span {font-size: 20px; letter-spacing: -1px;}
	.main .visual .txt b {font-size: 40px;}
	.main .visual .txt a {width: 130px; padding: 0 15px;}

	/* 서브 - 비주얼 */
	.sub .top_visual .tb {height: 280px;}
	.sub .top_visual .main_txt span {font-size: 10px;}

	/* 서브 - 공통 클래스 */
	.sub .guide > span {padding: 15px 20px; min-width: auto; font-size: 16px;}

}

@media (max-width: 640px){
	/* 헤더 */
	.header .top .tel.st2 .right i {display: none;}


	/* 탑버튼 */
	.top_move a {width: 54px; height: 54px; padding: 5px 0;}

	/* 메인 - 콘텐츠1 */
	.main .cont1 {padding: 30px 0;}
	.main .cont1 .intro {padding-bottom: 40px;}
	.main .cont1 .intro > p {padding: 0;}
	.main .cont1 .info {padding-top: 8%; padding-left: 5%;}
	.main .cont1 .info i {display: block; font-size: 10px; line-height: 1.3;}
	.main .cont1 .info p {margin-top: 10px; font-size: 35px;}
	.main .cont1 .info p span {font-size: 14px; margin-left: 5px;}
	.main .cont1 .info ul {margin-top: 15px;}
	.main .cont1 .info ul li {font-size: 14px; line-height: 1.5;}

	/* 메인 - 콘텐츠2 */
	.main .cont2 ul.left {margin: 0 13%;}
	.main .cont2 ul li {height: 170px;}
	.main .cont2 ul li img {display: inline-block; height: 60px;}
	.main .cont2 ul li span {margin-top: 20px; font-size: 16px;}
	
	/* 메인 - 콘텐츠3 */
	.main .cont3 .notice {padding: 40px 30px;}
	.main .cont3 .notice .top b {font-size: 28px; line-height: 40px;}
	.main .cont3 .notice ul li a {font-size: 14px;}
	.main .cont3 #map {height: 360px;}

	
	/* 서브 - 공통 클래스 */
	.sub .sub_tit {padding: 30px 20px 20px;}
	.sub .sub_tit h3 {font-size: 20px;}

	
}


@media (max-width: 540px){
	/* 메인 - 콘텐츠1 */
	.main .cont1 .time {padding: 40px 0 20px; font-size: 13px;}
	.main .cont1 .time img {display: inline-block; height: 50px;}
	.main .cont1 .time ul {margin: 15px auto 0;}
	.main .cont1 .time ul li span {font-weight: 400;}
	.main .cont1 .time ul li em {font-size: 16px;}
	.main .cont1 .time ul li.pic em {font-size: 14px;}
	.tel.st1 .num {margin-top: 10px;}
	.tel .num i {font-size: 18px;}

	
}

@media (max-width: 490px){
	/* 메인 - 비주얼 */
	.main .visual .visual_slide .bg1 {background-position: 70% 50%;}
	.main .visual .visual_slide .bg2 {background-position: 54% 50%;}
	.main .visual .visual_slide .bg3 {background-position: 75% 50%;}
	.main .visual .txt {margin-left: -160px;}

	/* 메인 - 콘텐츠1 */
	.main .cont1 .intro > p {width: 45%;}
	.main .cont1 .info {width: 55%;}
	.main .cont1 .info i {font-size: 8px;}
	.main .cont1 .info p {font-size: 28px;}
	.main .cont1 .info p span {font-size: 12px;}
	.main .cont1 .info ul li {font-size: 13px;}

	/* 메인 - 콘텐츠2 */
	.main .cont2 ul li {height: 140px; border: 3px solid #6f6e6c;}
	.main .cont2 ul li img {height: 50px;}
	.main .cont2 ul li span {font-size: 14px;}

	/* 서브 - 비주얼 */
	.sub .top_visual .tb {height: 220px;}
	.sub .top_visual .main_txt {margin-top: 55px;}
	.sub .top_visual .main_txt > h2 {margin-top: 5px; font-size: 26px;}

}

@media (max-width: 360px){}