@media (max-width:1710px){
	.h_center {width: 95%;}
	.h_center nav {padding-left: 0;}

}

@media (max-width:1348px){

	.visual .mainSlide .v_center {width: 95%;}
	.center {width: 95%;}

	.cont01 .introduceWrap {display: block;}
	.cont01 .introduceWrap .studioTit {margin: 0 auto;}
	.cont01 .introduceWrap .studioDetail {margin-top: 50px;}
	.cont01 .introduceWrap .studioDetail p {text-align: center;}

	.cont02 .imgWrap {width: 49%;}
	.cont02 .imgWrap img {width: 100%;}

	.txtBx {padding: 46px 52px 0; width: 55%; height: 466px; bottom: 80px;}
	.txtBx .carousel_tit {font-size: 33px; margin-bottom: 25px;}
	.txtBx p {margin-bottom: 30px; font-size: 16px; line-height: 25px;}
	.txtBx p br {display: none;}
	.carouselWrap .slick-next, .carouselWrap .slick-prev {top: 69% !important;}
	.pagingInfo {bottom: 160px;}

	.f_center {width: 95%;}

}

@media (max-width:1280px){ 

	.sub_visual {height: 200px;}
	.sub_img {height: 200px;}
	.visualText p {top: 40%; font-size: 28px;}

	.subCont {width: 98%;}
	.sidemenu {display: none;}
	.content_box {width: 100%;max-width:870px;margin:0 auto; float: none;padding:0 30px}
}


@media (max-width:1095px){ 
	.h_center nav {display: none;}

	.m-btn {display:block;}

	.m-btn {position: absolute; top: 26px; right: 10px; width: 32px; height: 32px; font-size: 0; background-color: transparent; border:none; cursor:pointer; z-index:55;}
	.m-btn .bar_top,
	.m-btn .bar_mid,
	.m-btn .bar_bot {display: block; position: absolute; right: 0; width: 32px; height: 4px; border-radius:4px; background-color: #ffcc00; transform-origin: top right;  transition:all .3s ease-in-out;}
	.m-btn .bar_top {top: 4px;}
	.m-btn .bar_mid {top: 50%; transform: translate(0, -50%);}
	.m-btn .bar_bot {bottom: 4px; width:20px;}

	.header.openFull .m-btn  .bar_bot {opacity:0;}
	.header.openFull .m-btn  .bar_top {top: 4px; left: -7px; width: 33px; transform: rotate(-45deg); background-color:#ffcc00;}
	.header.openFull .m-btn  .bar_mid {top:28px; left: -5px; width: 33px; transform: rotate(45deg); background-color:#ffcc00;}



	.m-navWrap {display:block; position:fixed; right:0; top:0; width:0; overflow:hidden; height: 100%; z-index:30;}
	
	.m-navWrap .bBg {display:none; background-color: rgba(0,0,0,0.3); width: 100%; height: 100%; position:absolute; z-index: 30; }
	
	.m-navWrap .m-navbox {position: absolute;  right: -100%; top:0; padding-top: 80px; width: 80%; height: 100%; background-color: #fff; z-index: 31; transition:all 0.5s;}
   	.m-navWrap .m-navbox.on {right: 0;}

	.m-navWrap .m-navbox .mn-top {position: relative; height: 80px; background: #5880ac;}
	.m-navWrap .m-navbox .mn-top .m-util-wrap {position:absolute; left: 50px; top:50%; transform:translateY(-50%);}
	.m-navWrap .m-navbox .mn-top .m-util-wrap li {float:left;}
	.m-navWrap .m-navbox .mn-top .m-util-wrap li:first-child::after {content:""; display:inline-block; margin:0 15px; width: 2px; height: 12px; background-color:#fff;}
	.m-navWrap .m-navbox .mn-top .m-util-wrap li a {color:#fff; transform:skew(-0.03deg);}

    .m-navWrap .m-navbox .m-nav > li {position: relative;}
	.m-navWrap .m-navbox .m-nav > li:nth-child(1) > a {border-top: 1px solid #e1e1e1;}
    .m-navWrap .m-navbox .m-nav > li > a {display: block; height: 50px; line-height: 50px; color: #383c46; border-bottom: 1px solid #e1e1e1; text-indent: 50px; text-align:left; font-size:1rem; font-weight: 600; transform:skew(-0.03deg);}
    .m-navWrap .m-navbox .m-nav > li .lnr {display: none; position: absolute; top: 19px; right: 20px; font-size: 15px; color: #000;}
    .m-navWrap .m-navbox .m-nav > li .lnr-chevron-down {display: block;}
    .m-navWrap .m-navbox .m-nav > li.on .lnr-chevron-down {display: none;}
    .m-navWrap .m-navbox .m-nav > li.on .lnr-chevron-up {display: block;}

    .m-navWrap .m-navbox .m-nav .m-depth2 {display: none; background-color: #f5f5f5;}

	.m-navWrap .m-navbox .m-nav .m-depth2 > li:last-child {border-bottom:none;}
    .m-navWrap .m-navbox .m-nav .m-depth2 > li > a {display: block; height: 40px; line-height: 40px; font-size: 14px; text-indent: 50px; text-align:left; color: #383c46; transform:skew(-0.03deg);}

	.visual .mainSlide .textbox p {font-size: 65px; line-height: 80px;}
	.visual .slick-prev {left: 45% !important;}
	.visual .slick-next {right: 45% !important;}

	.txtBx {padding: 46px 52px 0; height: 466px; bottom: 80px;}
	.txtBx .carousel_tit {font-size: 33px; margin-bottom: 25px;}
	.txtBx p {margin-bottom: 30px; font-size: 16px; line-height: 25px;}
	.txtBx p br {display: none;}
	.carouselWrap .slick-next, .carouselWrap .slick-prev {top: 69% !important;}
	.pagingInfo {bottom: 160px;}

	.infoWrap {display: block;}
	.infoWrap_left {width: 100%;}
	.infoWrap_right {margin-top: 50px;}


}

@media (max-width:835px){ 
	.cont01 {padding: 70px 0;}
	.cont01 .introduceWrap .studioTit p {font-size: 36px;}
	.cont01 .introduceWrap .studioDetail p br {display: none;}
	.cont01 .introduceWrap .studioTit {width: 275px; height: 55px;}
	.cont01 .introduceWrap .studioTit .yellowCir {bottom: -13px; width: 50px; height: 50px;}
	.cont01 .introduceWrap .studioDetail p {font-size: 16px; line-height: 26px;}

	.sub_tit {display: block;}
	.sub_tit h3 {font-size: 28px;}
	.cont02 .sub_tit .viewmore {float:right; margin-top: 30px; margin-bottom: 30px;}
	.cont03 .sub_tit .viewmore {float: right; margin-top: 30px; margin-bottom: 30px;}


	.carouselWrap {margin-top: 95px;}
	.cont02 .carouselBx {height: 700px !important;}
	.cont02 .imgWrap {position: static; width: 100%; margin: 0 auto;}
	.txtBx {
		width: 95%; 
		height: auto;
		bottom: 30px; 
		background-color: rgb(255,255,255,0.9); 
		right: 50%; 
		transform: translateX(50%); 
		padding: 22px 16px 33px;
	}
	.txtBx .carousel_tit {font-size: 24px; margin-bottom: 25px;}
	.txtBx p {font-size: 14px; line-height: 25px; margin-bottom: 15px;}
	.txtBx .carousel_tit span {font-size: 17px;}
	.carouselWrap .slick-next, .carouselWrap .slick-prev {top: 90% !important;}
	.carouselWrap .slick-prev {left: 44% !important;}
	.carouselWrap .slick-next {right: 44% !important;}
	.pagingInfo {bottom: 44px; right: 16%;}

	.cont03 {padding: 73px 0 70px 0;}
	.cont03 .noticeWrap .row {width: 100%; box-sizing: border-box;}
	.cont03 .noticeWrap .row .row_date {width: 16%; margin-right: 4%;}
	.cont03 .noticeWrap .row .row_detail {padding-top: 10px; width: 80%; box-sizing: border-box;}
	.cont03 .noticeWrap .row .row_date .greenNum {font-size: 35px; margin-bottom: 8px;}
	.cont03 .noticeWrap .row .row_date .grayNum {font-size: 16px;}

	.cont03 .noticeWrap .row .row_detail .detailTit {
		margin-bottom: 15px;
		font-size: 18px;
	}
	.cont03 .noticeWrap .row .row_detail .detail_sub {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 14px; 
		line-height: 23px;

	}

	.cont04 h3 {font-size: 36px; text-align: center;}
	.cont04 .phoneWrap {display: block; margin-top: 50px; text-align: center;}
	.cont04 .phoneWrap .phonBx_big {margin-right: 0; font-size: 28px;}
	.cont04 .phoneWrap .phoneBx {font-size: 22px; top: 13px;}
	.cont04 .requestWrap {display: block; margin-top: 80px;}
	.cont04 .requestWrap p {margin-right: 0; text-align: center; font-size: 18px;}
	.cont04 .onlineRequest {margin: 35px auto; width: 105px;}

	.floating_quick {width: 90px; height: 90px; font-size: 14px;}

	footer {padding: 50px 0;}
	.infoWrap_right {width: 100%; display: block;}
	.infoWrap_right .telBox {width: 100%;}
	.infoWrap_right .telBox:nth-child(2) {margin-top: 30px; padding-left: 0;}
	
	.content_box {width: 100%; float: none;padding:0 10px}
	.school_title_list ul li{width:47% !important;}

	.sub01_title {font-size: 20px;}
	.sub_title_img {font-size: 28px !important;}
	.sub_tit_banner {display: block; position: relative; padding: 20px;}
	.bnr_img_bg {display:none;}
	.sub_tit_banner .sub_tit_txtBox h3 {font-size: 20px;}
	.sub_tit_banner .sub_tit_txtBox .sub_tit_detail {line-height: 24px; font-size: 14px;}
	.sub_tit_banner .sub_tit_txtBox .gotoRequest .gotoBtn {margin: 10px 0; display: block; text-align: center;}
	.busiBox_wrap .busiBox {width: 100%;}
	.busiBox_wrap .busi_img {order:1;}
	.busiBox_wrap .busi_txt {margin-top: 30px; order:2;}
	.busiBox_wrap .busi_txt h3 {font-size: 22px;}
	.busiBox_wrap .busi_txt h3 br {display: none;}
	.busiBox_wrap .busi_txt ul li {font-size: 14px;}

}


@media (max-width:450px){ 

	header .h_center .logo img {height: 20px;}

	.visual .mainSlide {height: 590px;}
	.visual .mainSlide .textbox p {font-size: 38px; line-height: 48px;}
	.visual .slick-next, .visual .slick-prev {top: 510px !important;}
	.visual .slick-prev {left: 42% !important;}
	.visual .slick-next {right: 42% !important;}

	.cont02 .carouselBx {height: 590px !important;}

	.txtBx {bottom: 8px;}
	.carouselWrap .slick-next, .carouselWrap .slick-prev {top: 95% !important;}
	.pagingInfo {bottom: 9px;}

	.cont02 .carouselBx.slick-active .txtBx {right: 50%; bottom:8px;}

	.cont04 {height: 323px; padding: 30px 0;}
	.cont04 h3 {font-size: 30px; margin-bottom: 15px;}
	.cont04 .phoneWrap {margin-top: 35px;}
	.cont04 .phoneWrap .phonBx_big {font-size: 24px;}
	.cont04 .phoneWrap .phoneBx {font-size: 20px;}
	.cont04 .phoneWrap .phoneBx span {font-size: 22px;}
	.cont04 .requestWrap {margin-top: 46px;}
	.cont04 .requestWrap p {font-size: 16px;}
	.cont04 .onlineRequest {margin: 25px auto;}

	.infoWrap_left p  {font-size: 15px;}
	.infoWrap_right .telBox p {font-size: 15px;}
	.copyright p {display: inline-block; font-size: 15px;}
	
	.content_box {width: 100%; float: none;padding:0 10px}
}