@media (max-width:1730px){
	.instrumnet .in{padding: 0 .938rem}
	.ins_ani{margin: 0;}
	.ins_ani.top > .big{width: 30%}
	.ins_ani .c{width: 38%;margin: 0 1%;}
	.ins_ani .c .item{width: 35%}
	.ins_ani .c .wide,.ins_ani .c .big{width: 63%}
	.ins_ani .item{margin: 0;}
	
	.ins_ani > li img{    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    max-width: 300%;
    position: absolute; height: auto}
    .ins_ani .i2_2{margin-left: 2%;}
    .ins_ani .i2_3{margin-top: 2%;}
    .ins_ani .i2_4{margin: 2% 0 0 2%;}
    .ins_ani.bot{margin-left: -1%;}
    .ins_ani.bot .item{width: 15%;margin: 1% 0 0 1%;}
    .ins_ani.bot .item.wide{width: 25%}
    .btn_ani1 .txt{font-size: 1.067rem;}
    .btn_ani1 .txt strong{font-size: 30px;}
    
    .bbs-view .cont iframe{width: 100% !important; height: 50vw}
}
@media (max-width:1630px){
	.intro_center .bot .r{padding-left: 1.5em;}
	.intro_center .big .block-pc{display: inline;}
	.intro_center .txt .t br{display: none;}
	.bbs-center .r,.bbs-center .l{padding: 30px}
	.bbs-center .steps{left: 30px;margin-left: -3%}
	#logo,#location > .l{left:.938rem}
	#gnb,#location .sch,#footer .sns_w{right:.938rem}
}
@media (max-width:1530px){
	#header{padding-left: 300px;}
	#gnb > li{margin-left:20px;}
	.tit-st2 br{display: none;}
	
	#lnb_m{padding: 30px}
	#lnb_m > li > a{font-size: 1.7em;}
	.allmenu .top{padding: 27px .938rem}
	.allmenu .ab{right: .938rem}
	.allmenu .ab button{margin-left: 30px;}
	#lnb_m > li{padding-left: 215px;}
	
	#lnb{padding: 0}
	
	.certification_new .c2 .w{display: flex}
	.certification_new .c3 .slick-prev{left: -.938rem}
	.certification_new .c3 .slick-next{right: -.938rem}
	.certification_new .c3 .slick-arrow{width: 3.5rem; height: 3.5rem; margin-top: -1.8rem;}
	.img_grade dl{padding: 50px 1rem}
	.c_mid.img_jxc .grade{width: 13em;
    padding: 1.5em;}
    .c_mid.img_jxc .grade .rel{    width: 8em;
    height: 13em;
    background-size: 100%;}
    .c_mid.img_jxc .grade .ab{height: 100%;padding-top: 1.5em;}
    .c_mid.img_jxc .grade .no{font-size: 3.5em;}
    .c_mid dd:first-child{margin-top: 0;}
    .t_info p .block-pc{display: inline;}
    .c_mid.img_jxc .hide{font-size: 11px; bottom:31px}
}
@media (max-width:1450px){
	.inner,.inner_1040{padding-left: 1rem;padding-right: 1rem;}
	
	.greeting .g1 .l .txt_box{padding: 30px}
	.greeting .g1 .r{padding: 0 30px}
	#gnb_c{right: .938rem}
	#top_nav_c > ul > li:nth-child(3){margin-right: 330px;}
	.center_loc .top .group_w{width: 870px}
	.bbs-center .steps{left: 1.5%;width: 100%; padding: 0}
    .bbs-center .r, .bbs-center .l{padding: 15px}
	.bbs-center .l .txt{font-size: 2.3em;    padding: 8% 0 30px 30%;
    background-size: 30%;}
    .bbs-center .steps{    display: flex;
    flex-wrap: wrap;}
    .piano_com .p_t{height: 500px}
    .piano_com .p_t .txt_w{padding: 2.5em 0 0 2.5em;}
    .piano_com .p_b .txt_w{padding: 2.5em 2.5em 0 0;}
    .tit-piano .block-pc{display: inline;}
    .piano_s_w .s_w .slick-prev{left: .938rem}
    .piano_s_w .s_w .slick-next{right: .938rem}
    
    .course_info .ci_txt{width: 35%; position: relative; width: 35%}
    .course_info .s_w .item{height: 100%; background-size:cover}
    .course_info .s_w{width: 63.5%;margin-left: 1.5%;}
    .cc_w{padding-left: 0;     display: flex;}
    .course_info .s_w .s,.course_info .s_w .s div{height: 100% !important}
    .c_mid .block-pc{display: inline;}
    .c_mid .inner{    background-position: .938rem top;}
    .c-st3 > li{margin-bottom: 8.7%;}
    .c-st3 .t br{display: none;}
    .c-st3 .txt .block-pc{display: inline;}
    #pop_area{padding: 15px 0 15px}
    
    .btn-next_w:after{clear: both;display: block;content: ''}
    .btn-next{float: right; margin-top:3em;position: static;}
    .btn-next_w.rel{margin-top: 0;}
}
@media (max-width:1300px){
	
}
@media (max-width:1280px){
	.f40{font-size: 2.3rem;}
	.ww_w .area_w,.ww_w .map{float:none}
	/* .ww_w .area_w{text-align: center;} */
	.ww_w .map{margin: 1.5em auto 0;}
	/* .ww_w .area_w .sect{float: none; display: inline-block; text-align: left;} */
	/* .ww_w .area_w .sect{width: 49%;margin-left: 0;float: right;}
	.ww_w .area_w .sect:first-child{float: left;} */
	
	/* .ww_w .area_w .sect{display: inline;float: none;
    margin-left: 0;}
	.ww_w .area_w .sect li{display: inline-block;;margin: 0 2% 2% 0;}
	
	.ww_w .area_w{float: none;}
	.ww_w .map{float: none;margin: 1.5em auto 0 auto;} */
	.certification .top .big{font-size: 2.3em;}
	
	.t_info .img{max-width:80%}
	.c_t_t .tit-c_new{width: 380px}
	
	.certification_new .c3 .txt .l{float: none; margin-bottom: 1.3em;}
	.certification_new .c3 .txt .l br{display: none;}
	.certification_new .c3 .txt .r{float: none;}
	.certification_new .c3 .s_w{margin-bottom: 2.3em;}
	
	.certification_new .c5{background-size: cover; min-height: auto; padding: 70px 0 100px 0;text-shadow: 1px 1px 1px rgba(0,0,0,.5);}
	.certification_new .c6 .img{margin-top: -5%;}
	.certification_new .c8 .txt .block-pc{display: inline;}
	#top_nav_c > ul > li:nth-child(3){margin-right: 24%;}
	#top_nav_c > ul > li{margin: 0 3.5%;}
	.center_loc .top .tit,.center_loc .top .group_w{float: none;}
	.center_loc .top .group_w{width: 100%;margin-top: 3em;}
	.course_sch .top_old .w a{padding: 30px 10px}
    .intro_center_new .slick-arrow{width: 3em;height: 3em;margin-top: -1.5em;}
    .intro_center_new .slick-prev{left: -.7rem}
    .intro_center_new .slick-next{right: -.7rem}
	
}
@media (max-width:1180px){
    html{font-size: 15px}
	#header{padding-left: 250px;}
    #top_nav > ul > li{margin-left: 50px;}
    .c-st1 .steps > li:before{display: none;}
    
    .view_thumb .prev{left: 0}
    .view_thumb .next{right: 0}
    .view_thumb .slick-arrow{width: 40px}
    .view_thumb{padding: 0 50px}
}
@media (max-width:1024px){
	.tablet{display: block;}
	#header{height: 6.3rem}
	#top_nav{display: none;}
    #location{height: 45px}
    #location > .l{position: static;width: 100%}
    #location .home,#location .sch a{display: none;}
    #location > .l > li{background: none;width: 50%;padding-left:0;float: left;margin: 0;min-width: auto;}
    #location > .l > li > a{padding-left:.938rem}
    #location > .l > li > a:after{right: .938rem}
    #location > .l .depth{left: 0}
    #location > .l > li > a, #location > .l > li > span, #location .sch a{height: 45px;line-height: 45px;}
    #location > .l .depth{top:45px}
    #location > .l .depth a{padding: 5px .938rem}
    /* #logo{margin-top: -1.67rem;} */
    .tit-member .logo{width: 10.188rem;height: 3.5rem;background-size:100%}
    .tit-member .logo{width: 8.750rem;height: 3.750rem;background-size:100%}
    
    #gnb{margin-top: -1.5rem;}
    #btn-menu,#gnb .etc{display: none;}
    #btn-menu_m{width: 3rem;height: 3rem;display: block;}
	.allmenu_m{position: fixed;
	    left: -100%;
	    width: 100%;
	    height: 100%;
	    background: #fff;
	    z-index: 151;padding: 0 0 15px 30px;top:0;overflow-y: auto;
	}
	.allmenu_m .top{font-size: 1.25em;font-weight: 900; position: relative;color: #999;    height: 6.3rem;
    line-height: 6.3rem; margin-bottom: 1rem;}
	.allmenu_m .top button{background: #4b1e78 url('../img/common/btn-close_m.png') center center no-repeat; width: 3rem;height: 3rem;border-radius: 3px;white-space: nowrap;overflow: hidden;text-indent: -999px;display: block; position: absolute;right: .938rem; top:50%;margin-top: -1.5rem;;position: absolute;}
	.allmenu_m .top .etc li:first-child{font-size: 1.3em; color: #000;margin-right: 1em;}
	.allmenu_m .top .etc li{display: inline-block;}
	.allmenu_m .top:after{position: absolute;left: 0;bottom: 0; width: 100%;height: .5em; border-radius:30px 0 0 30px;content: ''; background: #452b75}
	#lnb_m2{color: #000}
	#lnb_m2 a{display: block;}
	#lnb_m2 > li{border-bottom: 1px solid #ddd; padding: 1em 0;}
	#lnb_m2 > li > a{font-size: 1.5em; position: relative;}
	#lnb_m2 > li > a > span{position: relative;}
	#lnb_m2 > li.active > a{font-weight: 900;color:##452b75}
	#lnb_m2 > li.active > a span:before{position: absolute;left: -30px;top:0;width: 15px;height: 100%;content: '';background: #452b75}
	#lnb_m2 > li > a:after{position: absolute;right:1.5rem;background: url('../img/common/depth_m.png') center center no-repeat; width: 1.5rem;height: 100%; background-size:100%; content: ''}
	#lnb_m2 > li.active > a:after{background-image: url('../img/common/depth_m_on.png');}
	#lnb_m2 .depth{padding-top: 1.5em;}
	#lnb_m2 .depth > li > a{font-size:1.3em}
	#lnb_m2 .depth > li{margin-top: 1em;}
	#lnb_m2 .depth > li:first-child{margin-top: 0;}
	#lnb_m2 .depth > li.active > a{font-weight: 900;}
	#lnb_m2 .depth2{padding: 1em;color: #666}
	#lnb_m2 .depth2 li{margin-top: 1em;}
	#lnb_m2 .depth2 li:first-child{margin-top: 0;}
	#lnb_m2 .depth,#lnb_m2 .depth2{display: none;}

    #gnb .etc{margin-right: 1em;}
    #sub_page,.t_i1{padding-top: 50px;}
    .intro_t .txt{padding: 0 2.5em 2.5em}
    .intro_t .bg{font-size: 2.5em;    background-size: 1.8em;    padding-top: 1.8em;}
    .intro .com{padding: 50px 0}
    .intro .tit-st2{padding: 0 .938rem}
    .intro .bg_middle{padding-bottom: 13rem !important;}
    
    .member_com{padding:50px 1rem;}
    .intro_h .s_w{padding: 3.125em 1rem 0}
    .intro_sheet .sheet{margin-left: -13%;}
    
    .foot_notice .t{    line-height: 1.3em;
    padding-top: .63em; width: 6.7em}
    .foot_notice{padding-left: 6.7em;}
    .foot_notice .t br{display: block;}
    
    
    /* 폰트 사이즈 */
	.f24{font-size: 24px;font-size: 1.300rem;}
	.f26{font-size: 26px;font-size: 1.425rem;}
	.f28{font-size: 28px;font-size: 1.550rem;}
	.f30{font-size: 30px !important;font-size: 1.675rem  !important;}
	.f38{font-size: 38px;font-size: 1.8rem;}
	.f40{font-size: 2rem;}
	.f50{font-size: 2.5rem;}
	#sub_c .tit-st1{font-size: 2.4rem;
    margin-bottom: 1em;}
	.certification .top .half > li{margin-bottom: 3em;}
	.certification .elect .tit{height: 540px;    background-size: cover;}
	.certification .elect .box{padding: 3em}
	.certification .elect .box a{padding: 15px 2.7em 15px 3em;}
	.certification .elect .box .no{    left: .8em;
    top: 15px;}
    .certification .elect .box a:after{right: 1em}
    .certification .elect .box .cont{padding: 1.5em}
    .c_grade{padding: 3em 0}
    .t_info{margin: 0 0 8% -2%;    display: flex;}
    .t_info .sect{margin-left: 2%; width: 31.333333333%;background: #fff;border-radius:5px;position: relative;}
    .t_i2 .t_info .sect{background: #f8f8f8}
    .t_i2 .t_info .sect .cont{background: none}
    .t_info .img{    position: absolute;
    left: 10%;
    width: 80%;
    margin: 0;
    bottom: -8%;}
    .t_info .cont{height: auto;    padding: 0;}
    .t_info .sect{    padding: 2.5em 1em 18%;}
    .certification .tit-c strong{margin: 0 0 .5em 0;}
    .certification .foot{padding: 3em 0}
    
    .tabs-st1{margin-bottom: 3rem;}
    .tabs-st1 li{margin: 0 0.3em;}
    .tit-tc .t{margin-bottom: .5em;}
    .circle-st1.f30{font-size: 1.5em !important;}
    .circle-st1 > li{height: 150px}
    .t_i4 .steps .s2{margin:  0 3.5em;}
    .bbs-faq .q .num{left: 1em}
    .bbs-faq .q{padding-left: 5em;}
    .bbs-faq .a:before{left: .5em}
    .bbs-faq .a{padding: 1.3em 1.3em 1.5em 5.7em}
 	
 	.tbl-st2 th, .tbl-st2 td{padding: 1rem 5px}
 	.tbl-st2 .center{width: auto} 
    .tbl-st2 .state{    width: auto;}
    .tbl-st2 .date.long{width: auto}
    .greeting .g1 .half > div{display: block;width: 100%}
    .greeting .g1 .r{    padding: 1.7rem 1rem;}
    .greeting .g1 .r br{display: none;}
    .greeting .g1 .r .t{font-size: 2.3rem; margin-bottom: .5em;}
    .greeting .g2{padding: 1.8rem 0 5rem 0}
    
    #footer .bot{padding: 30px 0}
    #footer .add{margin-top: 2.7em;}
    #footer .sns_w{position: static; margin-top: 2.7em;}
    #footer .family_site{float: right;}
    #footer .logo{    margin-right: 50px;}
    #footer .link > a{	width: 124px;}
    
    .inquiry_school .box{    padding: 24% 30px 50px;
    background-size: 100%;}
    .inquiry_school .steps{display: flex;flex-wrap:wrap; margin: 30px 0;}
    .inquiry_school .steps li{    padding: 1em;
    height: auto;}
    .inquiry_school .steps .t{font-size: 1.3em;}
    .inquiry_school .btn-half_w{margin: 3.3em auto 0;}
    .inquiry_school .box .in{padding: 30px 30px 50px}
    .inquiry_school .btn_w{margin-top: 30px;}
    
    .faq-cate{    display: flex; font-size: 1em;    flex-wrap: wrap;}
    
    .certification_new .top .steps{display: flex;flex-wrap:wrap}
    .certification_new .top .item{padding: 0}
    .certification_new .top .in{padding: 1rem}
    .certification_new .top .txt_w{font-size: .938em;height: 5em}
    .certification_new .top .txt strong{font-size: 1.4em;}
    .c_t_t,.c_t_t > *{display: block;}
    .c_t_t .tit-c_new{width: 100%}
    .tit-c_new{margin-bottom: 1.7rem !important;font-size: 2.4em;}
    .certification_new .no{font-size: 1.125rem;}
    .tit-c_new .t{margin-top: .5em;}
    .c_total .edu,.allmenu_bg .c_total .edu{    margin: 2.4em 0 2.4em -1%;}
    .c_total .edu > li{width: 24%;margin-left: 1%;}
    
    .certification_new .c2 .w{display: block;}
    .certification_new .c2 .l,.certification_new .c2 .r{float: none;}
    .certification_new .c2 .r{max-width:100% !important;margin-top: 1em;}
    .certification_new .c2 .txt{text-align: center;}
    .certification_new .c2 .r img{display: block;margin: 0 auto;}
	.certification_new .c4 .imgs{margin-top: 3em;}
	.certification_new .c4 .imgs > li{width: 33.3333333333%;margin-bottom: 1px;}
	.certification_new .c4 .imgs img{width: 100%;display: block;}
	.certification_new .c7 .txt{text-align: center;}
	.certification_new .c7 .txt img{position: static;max-width:100%;margin: 0 auto 3em;}
	.certification_new .c7 .imgs{margin: 3.5em 0;}
	.certification_new .c8 .l,.certification_new .c8 .r{float: none;max-width:100%}
	.certification_new .c8 .txt{text-align: center;}
	.certification_new .c8 .r img{display: block; margin: 1.5em auto 0;}
	
	.form_top .tbl-st3{overflow-x:auto}
	
	.search_center .area{height: 50em}
	
	.course_g .half_w > li{width: 100%;float: none !important;}
	.course_g .r{margin-top: 5em;}
	.course_g .half_w:before{transform: rotate(90deg);    width: 3em;
    height: 3em;
    margin-top: -1.5em;}
    #top_nav_c{display: none;}
    #header_c > .inner{height: 5.3rem; padding: 0 5em}
    #header_c #logo_c{width: auto;
    height: auto;
    margin: 0;
    transform: translate(-50%,-50%)}
    #btn-menu_c{display: block;}
    #footer_c .top{display: block;}
    #footer_c .top > *{display: block; float:none !important; text-align: center;}
    
    .intro_center .big{margin: 1.5em 0 1em 0}
    .intro_center .bot .big{margin-top: 0;}
    #location_c .l > li:first-child{display: none;}
    #location_c .l > li{width: 100%;margin-left: 0;padding-left: 0;background: none}
    #location_c .inner{padding: 0}
    #location_c .l > li > a:after{right: .938rem;}
    .bbs-center .half_w{display: block;}
    .bbs-center .r, .bbs-center .l{float:none; width: 100%}
    .bbs-center .steps{position: relative;bottom: auto; margin-top: 1rem;}
    .course_sch .top_old .w .f18{font-size: 1rem;}
    .course_sch .top_old .w br{display: none;}
    
	.piano_com .p_t{height: auto}
	.tit-piano{font-size: 2.5em;}
	.piano_com .p_t .txt_w{padding: 0 0 0 2em;}
	.piano_com .p_b .txt_w{padding: 0 2em 0 0 ;}
    .course_detail{font-size: .8em;}
    .course_detail dt{font-size: 14px;}
    .course_detail .small{font-size: 13px;}
    .tit-mid .small{display: block;margin: 10px 0 0;}
    .cc_w{display: block;}
    .course_info{    padding: 30px 0 60px 0;}
    .course_info .ci_txt{padding: 30px 1rem 1rem}
    .course_info .ci_txt,.course_info .s_w{float: none;display: block; width: 100%}
    .course_info .s_w{margin: .938rem 0 0;}
    .course_info .s_w .item{height: 48vw}
    .c_btns strong{background-size: 1.5em;padding-left: 1.8em;}
    .ci_txt .t strong{font-size: 2.3em;}
    .ci_txt .small{margin: 1.5em 0;}
    .course_info .prev{left: -.938rem}
    .course_info .next{right: -.938rem}
    .c_mid dd.f18{font-size: 1rem;}
    .c_mid .inner{    background-size: 8em;    padding-left: 10.8em;}
    .course_tabs{padding-top: 10em;}
    .course_tabs .tit{margin-bottom: 2rem;}
    .c-st1 > li > strong{    width: 1.5em;
    text-align: left;
    line-height: 1;}
    .course_tabs .tab_cont .rel{padding-bottom: 3.3em;}
    .c-st2 > li{    background-size: 4em;
    background-position: left 1.8em;
    padding: 1.5em 0 1.5em 6em;}
    .c-st3{margin-bottom: 0;}
    .c-st3 > li{width: 48%}
    .c-st3 .t{font-size: 1.5em;}
    .c_apple .c-st3:before{
    width: 8em;
    height: 14.7em;
    right: 0;
    bottom: 3em;}
    .instrumnet .in{max-width:800px}
    .ins_ani.top > .big{width: 100%}
    .ins_ani .c{width: 100%;margin: 1% 0;}
    .ins_ani .c .item{width: 36%}
    .ins_ani .c .wide, .ins_ani .c .big {
    width: 63%;}
    .ins_ani .i2_2,.ins_ani .i2_4{margin-left: 1%;}
    .ins_ani .i2_3,.ins_ani .i2_4{margin-top: 1%;}
    .ins_ani .item{height: auto; padding-bottom: 50%;}
    .ins_ani .long{padding-bottom: 100%; height: auto}
    .ins_ani.bot .item.i4{width: 33%}
    .ins_ani.bot .item.i5{width: 65%}
    .ins_ani.bot .item.i6,.ins_ani.bot .item.i7{width: 49%}
    .ins_ani.bot .item.i8{width: 99%}
    .pop-i{padding: 1.5rem}
    .pop-i .tit .t{font-size: 2em;}
    .allmenu_bg{padding: 15px 0}
    .pop-i .c_btns a{width: 100px;height: 40px;line-height: 40px;}
    .bbs-event .cont{padding: 30px}
    .bbs-list.thumb .cont{padding: 1em}
    
    .prev_next dl{padding-left: 10em;}
    .prev_next dt{width: 10em}
    .prev_next dd{margin-left: 5px;}
    .tit-bbs .t{font-size: 3em;}
    .course_g .foot{padding: 1.5em 0}
    .pop-i .tbl dt{width: 7em; padding: 0 10px}
    .pop-i .tbl dd{padding: 1em 10px}
    .junior_group{display: block;}
    .junior_group > *{width: 100%;padding: 3em 1em}
    .j_brain{margin: 3em 0 3.3em 0;}
    .c-st3.steps li{padding: 1.5rem}
    .jmc .c-st2 .i1 {background-position: left top}
    .c-st2 > li .t{font-size: 1.8em;}
    .tit-none{margin-bottom: 1.5em;}
    .go_top{right: 10px;bottom: 10px}
    
    .intro_h .item .img{margin-bottom: 1em;}
    .intro_h .item .img.li2{margin-left: 0;}
    .intro_h .item .img.li2 > li{float: none; width: 100%;margin-left: 0;}
    .intro_h .item .img img{width: 100%}
    .pop_sc .pd{padding: 1.5em}
    .pop_sc .tit-pop{padding: 1em 1.5em;height: auto}
    .pop_sc .tit-pop .big{font-size: 1.875rem;}
    .tel-st1{font-size: 1.25rem;}
    .tel-st1 span{padding-left: 2em;    background-size: 1.500em;}
    
	.bbs-gallery .top{padding-left: 5em;}
	.bbs-gallery .sort{    font-size: 13px;}
	
	.sch-center{padding: 3em 2.3em;}
	.sch-center .cont .r .map{height: 30vw}
	
    .intro_center_new .info > div{padding: 1.5em;}
    .intro_center_new .l{padding: 0;margin-bottom: 3em;}
    .intro_center_new .l, .intro_center_new .r{float: none; width: 100%}
    .intro_center_new .slick-arrow{width: 4em;height: 4em;margin-top: -2em;}
    .intro_center_new .count{right: 1rem;bottom:1em}
    .intro_center_new .etc{padding: 1em}
    .intro_center_new .txt{padding-right: 0;}
    .view_thumb .cont_v{padding: 1em}
    
    .pop-i .tit .c_btns{position: static; margin-top: 1.3em;}
    .apply_box .type_1 th, .apply_box .type_1 td{display: block;}
    .apply_box .type_1 th{display: block;width: 100%;border-bottom: 0}
    .apply_box .type_1 td{padding-top: 0 !important;}
    .apply_box .add li{    float: none;
    width: 100% !important;}
    .apply_box .add .rel{margin-bottom: 10px;}
    .apply_box .type_1 input, .apply_box .type_1 input select{max-width:100% !important}
    .career_date > li > *{display: block;}
    .career_date .datepick_w{margin-bottom: 10px;}
    .career_date .datepick_w{width: 47.5%;float: left;}
    .career_date .date span{float: left; text-align: center; width: 5%}
    .career_date input[type="text"]{max-width:100% !important; width: 100%}
    .career_date > li > input{margin: 5px 0 0 0 !important}
    
    .ui-datepicker .ui-datepicker-title{font-size: 13px !important;}
    
    .bbs-write .form .group > *{padding: 0 1em}
    .bbs-write .form .t{width: 5em}
    
    
    
    
    
    
    
    
    .btn_bot a{display: block;width: 100%;margin: 5px 0 0 0;}
}
@media (max-width:800px){
	.intro_sheet .sheet{margin-left: -6.3rem;}
	.intro_sheet .sheet ul{width: 63rem;height: 15rem; background-size: auto 100%}
	.intro_sheet .sheet li{font-size: 1.25rem; width: 4em;height: 4em;padding-top: 2em;background-position: center 10px}
	
	.certification .top .big br{display: none;}
	
	.tabs-st2 a{height: 4em}
	.tabs-st2 a{padding: 5px 10px}
	.faq-cate > li{width: 33.333333333333%;}
	.certification_new .top .item{width: 33.333333333333%;}
	.certification_new .top .item.no5:before{border-left: 1px dashed #ccc;}
	.certification_new .top .item.no4:before,.certification_new .top .item.no7:before{border:0}
	
	.certification_new .c7 .imgs > li{width: 50%;margin-bottom: 1px;}
	
	.certification_new .c8 .bot{margin-top: 3em;}
	.certification_new .c8 .concert{padding-left: 1.5em;}
	#footer_c{text-align: center; padding: 1.3em 0}
	.family_site_c{max-width: 367px;
    margin: 1.5em auto;}
	.intro_center .r,.intro_center .l{float: none; width: 100%}
	.intro_center .bot{margin-top: 5em;}
	.intro_center .bot .l{position: static;}
	.intro_center .top .l,.intro_center .bot .r{padding: 0 !important}
	.intro_center .bot .big{margin-top: 3.3rem;}
	
    .intro_center .top .big{padding-top: 1.3em;}
    .piano_com .p_t{
    padding: 89% 0 0 0;
    background-size: 100%;}
    .piano_com .p_t .txt_w,.piano_com .p_b .txt_w{padding: 0;}
    .piano_com .p_b{    background-size: 100%;
    padding: 55% 0 0 0;margin-top: 3.5em;}
    .circle-st1 .yellow{line-height: 1.5;}
    .piano_tbl_w .course_detail{padding: 15px 10px}
    .course_detail{display: block;text-align: left;}
    .course_detail > dl > dt,.course_detail > dl > dd{display: table-cell;vertical-align: text-top;}
    .course_detail > dl{width: 100%;display: table; margin-top: 1em; padding-top: 1em;; border-top: 1px dashed #ddd;}
    .course_detail > dl:first-child{margin-top: 0; padding-top: 0; border-top: 0;}
    .course_detail > dl:before{display: none;}
    .course_detail > dl > dt{    background-position: left center;
    padding: 0 0 0 2.4em;
    background-size: 1.8em;
    line-height: 1.8em; width: 8em;margin-bottom: 0;}
    .piano_s_w .in{margin: 0 10px;}
    .c_piano .piano_com .p_b{padding-top: 50%;}
    .ci_txt .t > *{display: inline-block !important;}
    .ci_txt .t span{margin-left: .5em;}
    
    .c-st1 > li{padding: 3em 0}
    .course_detail.item4 > dl{width: 100%}
    
    .bbs_800{max-width:800px;margin: 0 auto;}
    .bbs-list > ul > li{    width: 48%;}
    #pop_area .close{margin-left: 1em;}
    .bbs-gallery{    max-width: 800px;
    margin: 0 auto;}
    .bbs-gallery > ul > li{width: 48%}
    
	.sch-center .cont .l,.sch-center .cont .r{float: none;width: 100%}
	.sch-center .cont .r{margin-top: 3em;}
	.sch-center .cont .tit{margin-bottom: 2em;}
	.sch-center .cont dl{margin-top: 1.7em;}
	.sch-center .cont .btns{margin-top: 3em;}
	.sch-center .cont .r .map{height: auto;padding-bottom: 47%;}
	
    .bbs-event .t{margin-bottom: 1em; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; height: auto}
    .bbs-event .img{width: 40% !important; padding-bottom: 21%;}
    .bbs-event .cont{width: 60% !important; padding: 1.5em}
    .bbs-event .label{    width: 50px;
    height: 20px;
    line-height: 20px;
    margin-bottom: .5em;}
    

}
@media (max-width:640px){
    /* 폰트 크기 */
	.tit-st1{font-size: 2.8rem;}
	.tit-st1:after{height: 1.5rem}
    .tit-st5{font-size: 2.3rem; margin-bottom: 1.5em;}
    .tit-st6{font-size: 1.5rem;}
    
	.f24{font-size: 24px;font-size: 1.100rem;}
	.f28{font-size: 28px;font-size: 1.350rem;}
	.f30{font-size: 30px !important;font-size: 1.475rem  !important;}
	.f38{font-size: 38px;font-size: 1.975rem;}
	.f40{font-size: 40px;font-size: 2.100rem;}
	.f50{font-size: 2.5rem;}
	
	.f46{font-size: 2.4rem;}
	
    html{font-size: 14px}
    .block-pc{display: inline;}
	.pc{display: none;}
    .tit-small{margin-bottom: .7em}
    .intro_t .txt{padding: 0}
    .intro_t .group{margin-top: 3em;}
    .intro_t .group:first-child{margin-top: 0;}
    .intro_t .group > *{float: none;width: 100%}
    .member_com{padding:1rem 1rem 3rem;}
    .member_copy{margin-top: 1.5rem;}
    .mypage_form{padding: 30px 1em}
    .member_com .box,.member_login .box{padding: 1em 1em 30px}
    .agree_box{height: 100px;padding: 10px}
    .tit-member{margin-bottom: 2em;}
    .tit-member .logo{position: static;margin-bottom: 1.8em;}
    .tit-member .tit2{clear: both;font-size: 1.5em;}
    .tit-st1{margin-bottom: 1em; margin-bottom: .8em;padding-bottom: .8em;}
    .intro_h .year{margin-bottom: .8em;}
    /* .ww_w .area_w .sect{display: flex; flex-wrap:wrap}
    .ww_w .area_w .sect li{width: 48%;
    margin: 0 2% 2% 0;} */
    .ww_w{margin-top:2.7em;}
    
    #footer .top{padding: 1rem 0}
    .foot_notice{padding-right: 5.714em;}
    .foot_notice button{width: 2.857em;}
    .foot_notice .slick-next{right: -5.714em}
    .foot_notice .slick-prev{right: -2.857em}
    .foot_notice .fs a{padding: 0 10px 0 15px}
    .certification .top .half{margin: 0;}
    .certification .top .half > li{float: none;width: 100%;margin-left: 0;}
    .certification .top .c2{margin-top: 0;}
    
    .certification .elect,.c_grade .tit{padding-bottom: 3em;}
    .certification .elect .tit{padding-top: 30px;
    height: 500px;}
    .certification .elect .box{padding: 8%}
    .certification .elect .box .t{margin-bottom: .7em;}
    .certification .elect .box .toggle{font-size: 1.15em;}
    .c_grade .txt br{display: none;}
    br.x{display: none;}
    .t_info{margin: 0 0 5em 0;display: block;}
    .t_info .sect{float: none; width: 100%;margin: 1em 0 0 0;width: 100%;padding-bottom: 14em;margin-top: 5em;}
    .t_info .sect:first-child{margin-top: 0;}
    .t_info .img{width: 20em;left: 50%;margin-left: -10em;z-index: 1}
    
    .tit-tc .t br{display: none;}
    .tit-tc .t{font-size: 2em;}
    .teacher_intro .tit-tc.dot .t br{display: block;}
    .tit-tc.dot .t strong:before{top:-3px}
    br.mmm{display: block;}
    .circle-st1.f30{font-size: 1.3em !important;text-align: center;}
    .circle-st1 > li{display: block; width: 100%; float: none; height: auto; padding: 1em}
    .circle-st1 .bg-purple{margin: 0;}
    .circle-st1 .yellow{margin: 50px 0 0 0;}
    .circle-st1 .in{display: block;}
    
    .t_i4 .steps:before{top:40px}
    .t_i1{    padding-bottom: 230px;
    background-size: auto 330px;}
    .t_i4 .steps .icon{max-width:80px; margin: 0 auto 20px;}
    .t_i4 .steps .s2{margin:  0 1em;}
    
    .bbs-faq .q{padding: 1em 3em 1em 3.5em;}
    .bbs-faq .q .num{    left: .5em;
    top: 1em;}
    .bbs-faq .q:after{right: 1em}
    .bbs-faq .a{padding: 1em 1em 1em 4em}
    .bbs-faq .a:before{    left: .5em;
    width: 30px;
    height: 30px;
    line-height: 30px;}
    
    .paging_w{margin-top: 2.3em;}
    .btn_w-st1, .btn-half_w{margin-top: 3.3em;}
    #sub_page, .t_i1, .greeting .g1, .sub_pt{padding-top: 3.3em;}
    .sub_com{padding-bottom: 5em}
    #sub_c{padding: 3.3em 0 5em 0}
    .intro_center_new .top{padding-top: 3.3em;}
    .greeting .g2 .half li{width: 100%;float: none;}
    .greeting .g2 .half li:first-child{float: none;}
    .greeting .g2 .r{padding-top: 1.87em;}
    
    .greeting .g1 .l .txt_box{padding: 5%}
    .greeting .g1 .l .txt_box .t{font-size: 1.5rem !important;margin-bottom: .5em;}
    #footer{text-align: center;}
    #footer .logo{margin: 0 0 2em 0;float: none;}
    #footer .logo img{display: block; margin: 0 auto;}
    #footer .link{margin-left: -2%;}
    #footer .link > a{    width: 31.33333333333%;
    margin: 0 0 0 2% !important;line-height: 3em;}
    #footer .sns_w .btn{text-align: center;}
    #footer .family_site{float: none;margin-top: 2.7em;;height: 3.5em}
    #footer .family_site select{width: 100%; height: 100%; padding: 0 1.5em}
    .inquiry_school .box{    padding: 24% 15px 15px;}
    .inquiry_school .box .in{padding: 30px 15px}
    .inquiry_school .big br{display: none;}
    .inquiry_school .steps{margin: 15px 0;}
    .inquiry_school .steps li{width: 50%;}
    .btn-half_w .l{width: 100%; float: none; max-width:100%}
    .btn-half_w .r{width: 100%; float: none; margin-top:1%; max-width:100%}
    .tit-login{background-size: 5em;     padding-left: 7em;
    text-align: left; line-height: 1.35;}
    .box .link_home{position: static;
    margin-bottom: 15px;}
    .tit-login .tit{margin: 10px 0;}
    .member_login .form input{padding: 0 1em}
    .login_sns .clearfix > div{float: none;width: 100%;    height: 40px;
    line-height: 40px;}
    .login_sns .clearfix > div:first-child{float: none;margin-bottom: 7px;}
    .form-st1 > li,.mypage_form .form-st1 > li{margin-top: 1em;}
    .form-st1 select, .form-st1 input[type="text"], .form-st1 input[type="password"],.form-st1 .rel button{height: 3.3rem}
    .radio-st1 > li label{height: 3.3rem; line-height: 3.3rem;}
    .birth_a .age span,.form-email .dash{line-height: 3.3rem;}
    .form-st1 .t{margin-bottom: 7px;}
    .form-st1 .rel{padding-right: 6.8em;}
    .form-st1 .rel button{width: 6.3em}
    
    .bbs-sch_w .bbs-sch{float: none; width: 100%; height: 3.3em; padding-left: 8.5em;}
    .bbs-sch select{position: absolute;left: 0;top:0; width: 8em;padding-left: 10px;}
    .bbs-sch input{padding: 0 3em 0 10px; width: 100%;}
    .bbs-sch button,.faq-sch .sch button{width: 3em; background-size: 1.5em;}
    
    .tabs-st2{margin-bottom: 3em;}
    .bbs-sch_w{margin-bottom: 1em;}
    .bbs-list_normal{font-size: .938rem;}
    .bbs-list_normal .sort_w{display: none;}
    .bbs-list_normal .sort{width: auto; padding: 3px}
    .bbs-list_normal td{padding: 1em 10px}
    
    .faq-sch{padding: 5%}
    .faq-cate > li{    background-size: 50%;
    background-position: center 20%;}
    .faq-cate a{padding: 50% 10px 15px;}
    .faq-sch .sch{padding-left: 0; width: 100%}
    .faq-sch label{position:absolute;left:-300px;width:0;height:0;margin:0;padding:0;background:none;line-height:0;overflow: hidden}
    .faq-sch input{height: 3.8em;padding-right: 3em;}
    .datepick_w button img{width: 2em}
    .ck_w li{margin-left: 1em;}
	.certification_new .top .item{width: 50%;}
	.c_t_t .txt .f20{display: block;margin-bottom: 1em;}
	.c_t_t .txt br{display: none;}
	.c_total .edu > li{width: 49%;margin-bottom: 1%;}
	
	.certification_new .c2 .txt{text-align: left;}
	.certification_new .c6 .img{margin-top: 1.5em;}
	.certification_new .c7 .txt{text-align: left;}
	.certification_new .c8 .txt{text-align: left;}
	.certification_new .c8{padding-bottom: 0;}
	.certification_new .top .item.no3:before,.certification_new .top .item.no5:before{border:0}
	.certification_new .top .item.no4:before{border-left:1px dashed #ccc}
	
	.form_top .tbl-st3{white-space: nowrap;}
	.member_com .box.border{padding: 30px 1em}
	.inquiry .ck-st2{width: 33.333333333%}
	.form-st1 .add li{margin-top: 5px;}
	.search_center .area{height: 30em}
	.search_center .input input,.search_center .select select{padding-left: 10px;}
	.tbl-st3{font-size: .938rem; overflow-x:auto}
	.tbl-st3 th{padding:1em 5px}
	.tbl-st3.nowrap th{white-space: nowrap;}
	.apply_top{margin-bottom: 2em;}
	.apply_top li label{line-height: 3.3rem;}
	.apply_top li{padding-left: 3.3em;}
	.join_form .ck-st2_w li{margin-left: 1.3em;}
	.ck_w li{margin-left: 1.3em;}
	.find_ok .ok{font-size: 2.4em;}
	#gnb_c > li{margin-left: 10px;}
	#footer_c .link a{margin: 0 5px;}
	.family_site_c label{position:absolute;left:-300px;width:0;height:0;margin:0;padding:0;background:none;line-height:0;overflow: hidden}
	.family_site_c select{width: 100%}
	
	.bbs-center .steps li{    width: 30.333333333%;    height: auto; padding: 10px}
	.bbs-center .steps li:after{    right: -8%;}
	.bbs-center .steps li.s3:after,.bbs-center .steps li.s9:after{display: none;}
	.bbs-center .r, .bbs-center .l{padding: .938rem}
	.bbs-center .l .txt{font-size: 2em;}
	.bbs-center .l .txt br{display: none;}
	.teacher_intro .com{padding: 3.8rem 0}
	.course_sch .course_s{padding: 0 0 3.5em 0}
	.c_more_w{position: static;}
	.course_sch #m2 .s_w .in{padding-bottom: 0;}
	.course_sch .top_old .w ul{    display: flex;
    flex-wrap: wrap;}
	.course_sch .top_old .w li{width: 49%;margin-bottom: 1%;}
	.course_sch .top_old .w a{height: auto; padding-bottom: 10.5em}
	.course_sch .top_old li:after{bottom: 0}
	.course_sch .top_old li:after{width: 12.5em;height: 9.688em}
	.tbl-st3 td{padding: 10px}
	.piano_tbl_w .group{margin-top: 3.3em;}
	
    .piano_s_w{margin-bottom: 50px;}
    .piano_s_w .s_w .slick-prev{left: 0}
    .piano_s_w .s_w .slick-next{right: 0}
    .piano_s_w .in{margin: 0 5px;}
    .c_mid{padding: 3em .938rem 1.5em;}
    .c_mid .inner{    background-position: right bottom; padding: 0 0 8.7em 0;}
    .c-st3 > li{width: 98%;margin-bottom: 15%;}
    .c-st4 .img{display: none;}
    .c-st4 .txt_box{width: 100%}
    .c-st4 .txt_box:before{left: 15px}
    .c-st4 .item{padding: 5%}
    .course_tabs {padding-top: 7em;}
    .c-st1 > li{padding: 1.5em 0}
    .c_mid .half dl{    float: none;
    width: 97%;
    margin: 3% 0 0 3%;}
    .c_mid .half dl:first-child{margin-top: 0;}
    .bbs-list_w .tabs-st2 li{border-bottom: 1px solid #d0d0d0;margin-top: -1px;}
    .bbs-list_w .tabs-st2.li8 li{width: 25%}
    .bbs-list_w .tabs-st2.li5 li{width: 20%}
    .bbs-list_w .tabs-st2 .active:after{bottom: 0; border-bottom: 2px solid #000;}
    .tit-st1 .t,.tit-st1 .tt{background-size:1em}
    .bbs-list_w .tabs-st2 a{padding: 5px; word-break: break-word;line-height: 1.35;}
    .bbs-list.thumb .date{margin-top: 3em;}
    .bbs-list .sort span{font-size: 11px;}
    .bbs-list .label .g{padding-left: 5px;}
    .paging_w li{margin: 0 2px;}
    
    .bbs-reply .write{padding: 3%}
    .bbs-reply .write .bg{padding-right: 0;}
    .bbs-reply .write .bg button{position: static;margin-top: 10px;width: 100%;height: 3em}
    
    .prev_next{line-height: 3.3em;}
    .prev_next dl{padding-left: 6.7em;margin-top: 3px;}
    .prev_next dt{width: 6.7em}
    .prev_next dt span{padding-left: 1.3em;}
    .prev_next dd{margin-left: 3px; padding: 0 1em}
    .bbs-sort_new{padding-right: 6em;}
    .bbs-sort_new .dash{line-height: 3.3rem;}
    .bbs-sort_new .btn{height: 3.3rem}
    .tc_img img{width: 100%;float: none;}
    .course_g .half_w > li{padding: 1.5em 1em}
    .course_g .tit{font-size: 1.700em;}
    .course_g .foot{margin-top: 4em;}
    .course_g .foot .ico{background-size: 1.8em;
    padding-left: 2.8em;}
    .c-st1 .steps{margin-bottom: -3%;}
    .c-st1 .steps > li{width: 48%;margin-bottom: 3%;}
    .j_brain{    background-size: 15%; font-size: 1rem; display: flex}
    .j_brain strong{margin-bottom: 10px;}
    .j_brain > li{padding: 5%; width: 40%;height: auto}
    .j_brain > .r{margin-left: 20%;}
    .j_brain p br{display: none;}
    .j_benefit li{padding: 1em}
    .j_benefit ul:after{background: none}
    .j_benefit li:nth-child(3),.j_benefit li:nth-child(4){border-top: 1px solid #c5c5c5;}
    .junior_group .yellow .half{margin-top: 1.8em;}
    .junior_group .yellow .half li{padding: 1.5em 10px}
    .c_mid.img_jxc .inner{padding-bottom: 0;}
    .img_grade dl{padding: 5% 1rem}
    .c_mid.img_jxc .grade{width: auto; position: absolute;right: 0;bottom:0;border:0;font-size: .93em;}
    .c_mid.img_jxc .img_grade{padding-bottom: 13em;}
    .bbs-list2 th{font-size: 1em;}
    .bbs-list2 th,.bbs-list2 td{padding: 10px 5px}
    #pop_area .bot{margin-top: 1.5em;}
    .c-st3.steps li.next:after, .c-st3.steps li.bot:after{width: 1em;right: -1em}
    .c-st3.steps li.bot:after{top:53%}
    .pop_sc .half{display: block;    border-radius: 15px;
    overflow: hidden;}
    .pop_sc .half > li{width: 100%}
    #footer_c .add br{display: none;}
    #footer_c .add .tel{display: block;margin:1em 0}
    
    .bbs-gallery .item{padding-bottom: 50px;}
    .bbs-gallery .more-st1{height: 35px;line-height: 35px;}
	.bbs-gallery > ul > li{margin-bottom: 33px;}
	.bbs-gallery > ul > li:last-child{display: none;}
	.bbs-gallery .top{padding: 0}
	.bbs-gallery .sort{position: relative;display: block;padding: 0;margin-bottom: .5em;}
	.bbs-gallery .sort:after{display: none;}
	.bbs-gallery .date{width: 3.5em}
	
	.sch-center{position: relative;    padding: 1.5em;}
	.sch-center .select_w{position: relative;left: 0;top:-2.7em;height: 3.3em}
	.sch-center .select_w select{height: 100%;    width: 39%;
    margin: 0; padding: 0 1.5em 0 10px}
    .sch-center .select_w select:last-child{float: right;width: 60%}
    
    .c_apple .c-st3{padding-bottom: 11.3em;}
    .c_apple .c-st3:before{bottom: 0}
    .certification_new .top .txt br{display: none;}
    .intro_center_new .count{font-size: 13px;
    padding: 5px 1em;}
    .intro_center_new .top{padding-bottom: 5em;}
    .intro_center_new .bot{padding-top: 5em;}
    #community-tab.faq-cate > li{    background-size: 35%;}
    #community-tab.faq-cate a{padding-bottom: 10px; padding-top: 50%;}
    .pop-share .cont{padding: 5%}
    .pop-share .sns_w button{line-height: 3em;    background-size: 3em;    padding-left: 4em;}
    .bbs-event .item{margin-bottom: 1.8em;}
    
    .view_thumb{padding: 0 3em}
    .view_thumb .slick-arrow{    width: 2.4em;}
    .view_thumb .t{height: 2.35em}
    
    .course_sch #m2 .line{margin-bottom: 3em;}
    .c_mid.img_jxc .hide{bottom: 2.3em;
    font-size: .7em;}
    
    .bbs-br span{display: block;}
    
    .swipe{overflow-x: auto;}
    .swipe table{width: 40em}
    .apply_box .swipe table{width: 47em}
    
    .block-m{display: block;}
    
    .ins_ani > li img{max-width:100%}
    
    .tit-sc .tit_w .txt{text-align: left;}
    .bbs-event .item > a{display: block;}
    .bbs-event .img{width: 100% !important; padding-bottom: 54%;}
    .bbs-event .cont{width: 100%}
    #logo{left: 5px}
    
    .intro_center_new .big{margin-bottom: 0;}
    .intro_center_new .etc{position: static;background: #000}
    .intro_center_new .bot .small_w{margin-top: 1.5em;}
    
    .tit-sub br{display:none;}
    
    .dl-st1{display:block;}
    /* .dl-st1 .dl-list dl{display:table; width:100% !important; border-width:0 0 1px;}
    .dl-st1 .dl-list dl::after{content:''; display:block; clear:both;}
    .dl-st1 .dl-list dt,
    .dl-st1 .dl-list dd{display:table-cell; vertical-align:middle;}
    .dl-st1 .dl-list dt{width:30%; border-bottom:0; border-right:1px solid #e3e3e3;}
    .dl-st1 .dl-list dd{width:70%;} */
    .dl-st1 .dl-list dt, .dl-st1 .dl-list dd{padding: 10px}
    .dl-st1 .dl-list dt,.dl-st1 .dl-list dd{display: block; width: 100%}
    .apply_box{padding: 5%}
    .bbs-write .form .group > *{padding: 0}
    .bbs-write input[type="file"]{width: 100%}
}
@media (max-width:480px){
	.certification .elect .tit-c br{display: none;}
	.certification .elect .tit{height: 470px}
	
	.t_i1{padding-bottom: 47%;
    background-size: 130% auto;}
    .t_i4 .steps .detail{max-width:10em}
    .inquiry .ck-st2{width: 50%}
    
    .bbs-sort_new{padding-right: 0;}
    .bbs-sort_new .btn{position: static;width: 100%;margin-top:1em; height: 3rem}
    .c-st3.steps li.bot:after{top:51%}
.ww_w .area_w{font-size: 11px;}
.ww_w .area_w .sect{    margin-left: 30px;
    max-width: 47%;}
	
}
@media (max-width:380px){
html{font-size: 13px;}
.steps-st1{max-width:270px}
.t_i4 .steps .s2{margin:0 .5em;}
.greeting .g1 .l{padding-bottom: 24%;}
.bbs-center .steps li:after{    width: 5px;    background-size: 100%;}
}
@media (max-width:320px){
html{font-size: 12px;}
}