@charset "utf-8";
@media (max-width:1450px){
	.inner{padding-left: .938rem; padding-right: .938rem;}
	#header #sns{left: .938rem}
	#gnb{right: .938rem}
	#location> ul{padding-left: 0; padding-right: 0;}
	#sub_visual .bg{padding: 100px 0 130px}
	.sch-st1.perform .in .select{width: 51.5%}
	.sch-st1.perform .in .period{width: 47.5%; margin-right: 0;}
	.sch-st1.perform .sch{width: 100%; margin-top: 1%;}
	.bbs-perform{    display: flex;
    flex-wrap: wrap;}
    .bbs-perform .detail{    margin: .7em 0 1.5em 0;}
    
    .bbs-perform_view > li{padding: 1.5em}
    .art_page .top .nav{padding: 0 10px}
    .art_page .top .nav .pencil a{line-height: 63px; padding-left: 1em;}
    .art_page .top .nav .pencil a:after{    width: 50px;
    height: 50px;
    margin-top: -25px; right: 10px}
    .art_page .top .nav > li{padding: 20px 5px}
    .art_page .top .nav a{line-height: 1.35; background-size: 1.3em; padding-right: 2em;}
    
    br.m{display: none;}
    .art_rainbow{    background-size: 70%;
    padding-bottom: 30%; background-position: bottom center}
    .art_com .top:after{left: 2%; top:6.7%}
    .art_com .top{margin-bottom: 4em;}
    .ci .top .box li{    margin: 0 2.5%;
    max-width: 40%;}
    .o1 > li{width: 10em}
    
    /* .location_page .map{padding-bottom: 40%;} */
    #footer .mark-acc,#footer .top .r{right: .938rem}
    .step_rent .steps{
    	display:flex;
    	flex-wrap:wrap;
    	justify-content:center;
    }
    .step_rent .steps > li{
		width:260px;
    	margin:0 0 20px 20px;
    }
    .step_rent .steps > li:before{display:none;}
    .step_rent .steps > li .no{width:85px;}
}
@media (max-width:1024px){
    html{font-size: 15px}
    .tablet{display: block !important}
    .pc_only,.depth_bg{display: none !important}
    #gnb,#header #sns,#top_nav,#location> ul > .home{display: none;}
    #header{height: 5em; padding-top: 0;}
    #header > .inner{height: 100%; padding: 0}
    #logo{width: 17em;transform: translate(-50%, -50%); /*  height: 3em; */ position: absolute; left: 50%; top:50%; margin: 0;}
    #btn-menu{    width: 3.5em;
    height: 3.5em;
    margin-top: -1.725em;background-size: 50%;}
	
	.bbs-perform .detail > li{width: 100%}
    
    .sch-st1 li{width: 30.3333333333%}
    .sch-st1 li.mid{    width: 36.333333%;}
    .sch-st1 li.long{width: 99%; margin-top: 10px;}
    #location{position: relative;}
    #location> ul{border-radius:0}
    #location> ul > li{width: 50%;background: none; min-width: 1px; padding: 0}
    #location> ul > li:nth-child(4){width: 100%;    border-top: 1px solid rgba(255,255,255,.3);}
   	#location .rel .in > a{height: 3.5em}
   	#location .in{padding: 0 10px}
   	#location> ul > li .depth a{padding: 10px 0}
   	#location> ul .rel .in > a{padding-right: 3em;}
   	#location> ul .rel .in > a:after{width: 1.5em; height: 1.5em; margin-top: -0.725em;}
   	#location> ul > li .depth{padding: 50px 10px 5px}
   	
   	
	.sch-st1.perform .in .select{width: 100%}
	.sch-st1.perform .in .period{width: 100%; margin: 1% 0 0;}
	
	#sub_visual .bg{padding: 5em 0 3.5em;}
	#sub_visual .sub-t{font-size: 2.7em;}
	
	.datepick_w button{background-size: 1.3em;}
	.bbs-perform .btns .btn{line-height: 3em;}
	.bbs-perform .btns .btn{width: 100%;margin: 0 0 .3em}
	.bbs-perform .btns .dday{margin-left:0; display: block; text-align: right;}
	
	.form-st1.small .t{width: 70px}
	.bbs-perform_view .form-st1.small .t{font-size: 1em; padding: 1em 0}
	.form-st1.small .cont{padding: 1em}
	
	.bbs-perform_view_w .tit{margin-bottom: .7em; font-size: 2em;}
	.bbs-perform_view_w .tit .share{position: static; text-align: right; margin-top: 1em;}
	.bbs-perform_view_w .tit .label{margin: 0 0 .3em; display: block; width: 4em; padding: 5px 0; text-align: center;}
	.label_e{height: auto;line-height: 1.35; width: 4em; border-radius:0; margin: 0 auto 10px !important; text-align: center; display: block; padding: 5px 0}
	.bbs-perform_view .thumb{width: 100%}
	
	.guro_info > li{max-width:100%; width: 100%; float: none !important;}
	.guro_info > li.r{margin-top: 1.5em;}
	.guro_info > li img{display: block;margin: 0 auto;}
	
	.sch-st1 .in{height: auto}
	.sch-st1 .in select,.sch-st1 .in .sch,.sch-st1 .period input{height: 3em}
	.sch-st1 .period .dash{line-height: 3em;}
	.calender_new_w .sch-st1 .in select{margin: 0;}
	
	.calender_new_w .sch-st1 .sch{display: block;width: 100%; margin-top: 1%; float: left;}
	.calender_new_w .sch-st1 .in select{float: left;}
	.calender_new_w .sch-st1 .in select.small{width: 39%;}
	.calender_new_w .sch-st1 .in select.mid{width: 60%; margin-left: 1%;}
	
	.sch-st1 .half > li.l{float: none; width: 100%}
	.sch-st1 .half > li.r{float: none; width: 100%;margin: 1% 0 0;}
	
	.cal_t .date{    font-size: 2.4em;
    margin: 0 .5em;}
    .tbl-cal th{padding-bottom: 10px;}
    .tbl-cal td{padding: 10px}
    .tbl-cal .label{    font-size: 11px;
    padding: 3px; display: block;    width: 35px;
    text-align: center;}
    .tbl-cal .cont{font-size: 13px; margin-top: 10px;}
    .tbl-cal li{margin-top: 7px;}
    .tbl-cal .txt{    max-height: 2em; white-space: normal}
    
    .edu_w .group{margin-top: 3em;}
    .art_page .top .in{display: block;}
    .art_page .top .in > *{float:none; width: 100% !important}
    .art_page .top .img,.art_page .top .img .bg{padding-bottom: 40%;}
    .art_page .top .img.s_w{padding-bottom: 0;}
    .art_page .top .nav{margin: 1em 0 0;}
    .art_page .top .nav .pencil a{line-height: 3em;}
    .art_page .top .nav .pencil a:after{width: 2.3em; height: 2.3em; margin-top: -1.15em;}
    .art_page .top .nav > li{padding: 1rem 5px}
    
    .tit-st1{display: block;}
    .tit-st1 > *{display: block; width: 100% !important}
    .tit-st1 .txt{margin-top: .7rem;}
    .art_page .top .in{margin-bottom: 3.5em;}
    .art_page .group{margin-top: 4em;}
    
    .art3{padding-top: 1.8em;}
    .bbs-catuion{padding: 1.8em 1.8em 1.8em 0}
    .art3 .caution,.bbs-catuion .caution{width: 150px}
    .art3 .ico,.bbs-catuion .caution .ico{    width: 100px;
    height: 100px;
    line-height: 100px;font-size: 5em;}
    .box_com .in > *{display: block;}
    .box_com .ico-tel{margin: 1em 0 0;}
    
    .sindorim_w .bot{margin-top: 4em; padding-right: 0;}
    .sindorim_w .bot .logo{    position: static;
    width: 100%;
    padding: 5% !important; margin-top: 3em;}
    .sindorim_w .tbl-st2 .t{width: 4.7em; padding: 10px 0}
    .tbl-st2 .t,.tbl-st2 .cont{padding: 10px}
    .sindorim_w.c .imgs > li{width: 48%}
    .sindorim_w .imgs .txt{bottom: 10px}
    
/*     .sindorim959 .art1 .imgmap{display: block;}
    .sindorim959 .art1 .imgmap >*{width: 100%;} */
    
    .greeting .tit{font-size: 2.15rem;}
    .greeting .img{float: none; width: 100%; margin-top: 3.15em;}
    .greeting .cont{float: none; width: 100%}
    
    .intro_guro .half_w:before{display: none;}
    .intro_guro .half_w > li{float: none; width: 100%}
    .intro_guro .half_w .l{text-align: center;}
    .intro_guro .half_w .circle_w{display: inline-block;margin-top: 0;}
    .intro_guro .half_w .r{margin-top: 3em;}
    .intro_guro .half_w .r2{padding: 1.5em 0; margin: 1.5em 0;}
    .intro_guro .half_w .t{margin-bottom: 1em;}
    .intro_guro .half_w .ico{background-size:1.5em !important; background-position:left center !important; padding-left: 2em;}
    .vision_w{padding: 5em 0; margin: 5em 0;}
    .vision_w .big{font-size: 3em;}
    .vision_w .mid{margin: 1.5em 0;}
    .vision > li{height: auto; padding: 1em}
    .vision .t{font-size: 1.67em;    background-size: 1.67em;
    padding-top: 1.67em;
    margin-bottom: 1em;}
    
    .form-st1 .add_txt{display: block;margin: 5px 0 0;}
    .form-st1 .mid,.form-st1 .small,.form-st1 .period,.bbs-write .file-st1{max-width: 100%;display: block;}
.file-st1{padding-left: 6.7em;}
.file-st1 label{width: 6.7em}
.bbs-write .append .sect{position: relative;padding-right: 2.7em;}
.bbs-write .btn-ar{    position: absolute;
    right: 0;
    top: .8em;}
    .box_com.ico{padding: 20px 30px}
    .box_com .link{display: block; width: 10em; margin:0 auto;}
    .tbl-st3 .item{padding-left: 7rem}
    .tbl-st3 .half .item{width: 100%;float: none;}
    .tbl-st3 .half:before{background: none}
    .tbl-st3 .t,.tbl-st3 .cont{padding: 10px}
    .tbl-st3 .t{width: 7rem}
    .bbs-list th{padding: 1em 10px}
    .bbs-list td{padding: 1em 10px}
    .btn-st3{padding: 10px}
    .tit-big{font-size: 1.5em;}
    .edu4 > li{padding: 1.5em 5em 0 0;
    background-size: 3em;
    background-position: right 1.5em;}
	.sch-st1 .sch{padding-right: 3em;}
	.sch-st1 .in .btn{width: 3em}
	.art_group .top > ul > li{width: 48%; margin-bottom: 2%;    padding: 1em 1em 1.5em;}
	.art_group .top .t{margin-bottom:1em}
	
	.art_history_w{    padding: 4em 0;
    margin-top: 4em;}
    .art_history_w .tit strong{    font-size: 3em;
    margin: 0 1em;}
    .tit-st3{font-size: 3em;}
    .tit-st3 .btn-more{margin: 1em 0 0; font-size: 1rem;
    display: block;
    width: 8.7em;
    text-align: center;
    padding: 10px -0;}
    .art_txt .txt{    padding-left: 1.7rem;}
    .art_txt .big{margin-bottom: 1.3rem;}
    .art_txt,.art_slide{margin-bottom: 4em;}
    .art_com .imgs{margin-top: 4em;}
    .bbs-intro > li{width: 48%}
    
    .art_slide .big_w,.art_slide .thumb{float: none; width: 100%}
    .art_slide .thumb{margin: 30px -5px 0;}
    .art_slide .thumb .in{margin: 0 5px; padding-bottom: 63%;}
    
    .bbs-view .tit_w .t{font-size: 2.4em; margin-bottom: .67em;}
    .bbs-view .tit_w .etc span{margin-left: .7em; padding-left: .7em;}
    .bbs-view .tit_w{padding-bottom: 2.4em;}
    .bbs-view .cont_w{padding: 1.5em 0}
    
    .bbs-list2 > ul > li{width: 48%}
    .bbs-list2.thumb .cont{padding: 1em}
    
    .bbs-list td.tit span{display: block; margin: 0 0 3px 0 !important; width: 4.7em !important;}
    .cont-st1 .t{width:10em}
    .service_page .top{    padding: 8.7em 0 0;
    text-align: center; margin-bottom: 3em; background-position: center top; background-size:10em}
    .service_page .top .bul-mark,.ico-tel-st1{display: inline-block;}
    .cont-st1{padding: 3em 0}
    .alliance .info{margin-left: -2%;    display: flex;    flex-wrap: wrap;}
    .alliance .info:after{display: block;content: ''; display: block;}
    .alliance .info .in{display: block; text-align: left;}
    .alliance .info .in > *{display: block; width: 100% !important; margin-top: 10px;}
    .alliance .info .tit{padding: 0; text-align: center;}
    .alliance .info .logo{margin-top: 0;}
    .alliance .info .logo img{margin: 0;}
    .alliance .info .sect{    float: left;
    width: 31.3333333333%;
    margin: 0 0 0 2%; padding: 1em}
    .ci .top .box,.ci .box.c2{padding: 5%}
    
    .ci .mid > li,.ci .mid > li > *{display: block;}
    .ci .mid > li{margin-top: 2em; padding-top: 2em;}
    .ci .mid .t{width: 100%;margin-bottom:1.3em;}
    
    .ci .mid > li{margin-bottom: 1.5em;}
    
    .ci .box.c2 li{width: 100%; margin: 1em 0 0;}
    .ci .box.c2 li:first-child{margin-top: 0;}
    .o1{display: block;}
    .o1 > li{    width: 27%;     margin: 0 3%;}
    .o1 .st2{height: 3.5em}
    .o2 > li{border-radius:10px}
    .organ_top .ceo{width: 18em; padding: .7em 0; max-width:100%}
    .organ .state{    position: static;
    margin: 0 auto 1.5em;
    display: block;
    text-align: center;
    width: 20em;}
    .rule_page_new{padding: 3em}
    .tit-st4{margin-bottom: 1.3em;}
    
    .loc_way .bus, .loc_group#tab3 .g2{padding: 3.5em 0; margin: 3.5em 0;}
    .location_page .map{    padding: 0;}
    .location_page .map iframe{    position: relative;
    height: 67vw;}
    /* .location_page .box_w{    position: relative;
    bottom: auto;
    margin-top: -7em;} */
    .location_page .box{padding: 1.5em; width: 100%}
    .location_page .box .tit{font-size: 2.4em;}
    #footer{padding: 2.4em 0; text-align: center;}
    #footer .copy{padding-left: 0;}
    #footer .mark-acc{position: static; margin-top: 1.5em;}
    #footer .mark-acc img{display: block;margin: 0 auto;}
    #footer .top .l{    overflow: auto;
    white-space: nowrap;}
    #footer .top .inner{padding-right: .938rem; height: auto}
    #footer .top .r{position: static;display: inline-block;}
    #footer .top .r > li{height: 3.5em}
    #footer .txt{    margin-top: .7em;
    font-size: .938em;}
    #footer .art{margin-bottom: 1.8em;}
    .reservation_info .group{    padding-top: 4em;
    margin-top: 4em;}
    .reservation_info .r2 > ul > li{width: 48%; margin-bottom: 2%;}
    .reservation_info .r3 dl{    background-size: 3em;    background-position: left top; padding-left: 4.7em;}
    
    .login_w .tit-login{    font-size: 2.4em;
    margin-bottom: 1.18em;}
    .tit-member .t{font-size: 2.4em;}
    .find_id_pw > li{width: 48.5%}
    .find_id_pw .form li{margin-top: 10px;}
    .find_id_pw input[type="text"]{height: 4em; padding: 0 10px}
    
    .member-steps > ol > li{    width: 15.666667%;
    margin-left: 1%;}
    .identity .bot{padding: 3em 1.5em}
    .identity .bot .bg{    text-align: center;
    padding: 5.18em 0 0;
    background-position: top center;
    background-size: 4em;}
    .identity .bot .btn-st1{position: static; margin:3em auto 0; display: block;}
    .join_form .mail-st1{display: block;}
    .join_ok{font-size: 2.4em;}
    
    .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}
    .bbs-reply textarea{font-size: 13px;}
    .etiq .item{padding: 2.4em 0;}
    .art_slide .btn.prev{left: -.7em}
    .art_slide .btn.next{right: -.7em}
    .art_slide .btn{top: 30%;}
    .bbs-intro_new .name{padding: 5px;right: auto; top:auto; left: 5px; bottom: 5px}
    
	.step_rent .steps2 .item .l{width:200px;}
	
	.p-info{display: block;}
	.p-info .i-img{display: block; margin: 0 auto 1.5em;}
	.p-info .i-img img{display: block;margin: 0 auto;}
	.paymnt > div{display: block;}
	.paymnt > div img{display: block;margin: 0 auto;}
	.paymnt > div > div{text-align: center; margin: 1.3em auto 0;}
	.paymnt > div > div:first-child{margin-top: 0;}
	
	.box_com .rent .ico-tel{margin-top: 0;}
	
	.art_txt .big{font-size: 1.5rem;}
	
	.art_seoul{background-size: 18em;     padding-bottom: 1.8em;
    margin-bottom: 30px;}
	.art_txt .n-pd{padding-right: 0;}
	
	.art_com h3.tit-st3{font-size: 2.8rem; margin-bottom: 1.3rem;}
	
	.add-seoul .tit{margin-bottom: 1.125rem;}
	.art_seoul_area .origin{background-size:15rem; padding: 0 0 5.5rem;}
	.art_seoul_area .add-seoul{padding-right: 0; font-size: 1.125rem; margin-top: -35px;}
	
	.tbl-half_w > *{width: 100%; margin-top: 30px;}
	.tbl-half_w > *:first-child{margin-top: 0;}
}
@media (max-width:720px){
    html{font-size: 14px}
	.pc{display: none !important}
	.mobile{display: block !important}
	br.m{display: none;}
	
	.sch-st1 .in{height: 3em}
	.sch-st1.perform .period .dash{line-height: 3em;}
	.datepick_w{padding-right: 2.4em;}
    .sch-st1 button{width: 2.4em}
    .sch-st1 .in input,.sch-st1 .in select{padding-left: 10px;}
    .sch-st1{padding: 3%}
    .bbs-sch_w{margin-bottom: 1em}
    #sub_page{padding-top: 3em; padding-bottom: 4.7em;}
    
    .paging_w li, .paginate a{margin: 0 .5em}
    .paginate .prev{margin-right: 1em;}
    .paginate .next{margin-left: 1em;}
    
.form-st2 input[type="text"]{height: 3.5em}

.form-st1 .t{width: 100%; padding: 0;}
.form-st1 .cont{height: auto; padding: 10px 0 0}

    .form-st1 select, .form-st1 input[type="text"], .form-st1 input[type="password"],.form-st1 .rel button,.file-st1 label input{height: 3.3rem}
    .form-st1 select, .form-st1 input[type="text"], .form-st1 input[type="password"]{padding: 0 10px}
    .form-st1 textarea{padding: 10px}
    .radio-st1 > li label,.form-st1 .file-st1 label{height: 3.3rem; line-height: 3.3rem;}
    .birth_a .age span,.form-email .dash{line-height: 3.3rem;}
    .form-st1 .item > *{display: block;}
    .form-st1 .rel{padding-right: 6.8em;}
    .form-st1 .rel button{width: 6.3em}
    .bbs-perform_view .form-st1.small .t,.form-st1 .t{width: 100%; padding: 0;}
.form-st1.small .cont,.form-st1 .cont{height: auto; padding: 10px 0 0}
.form-st1 .item{height: auto !important}
    
    .form-st1 .item{display: block;padding: 1em 0}
    .add-st1 .a1 button{width: 5em;    word-break: keep-all;}
    
    .form-st1 textarea{height: 8.7em}
    
    .btns-st1_w .btn-st1,.bbs-program_view .btn .btn-st1{margin-top: 10px;}
    .btn-st1{width: 100%;display: block;}
    .bbs-program_view .box{padding: 5%}
    .bbs-program_view .box .bul-dot2 > li{padding-left: 6.7em;}
    .agree_box{height: 14em; padding: 1em}
    .join_agree .group{margin-top: 4em;}
    
    .form-st1 .small,.form-st1 .mid{max-width: 100%}
    .rel.datepick{padding-right: 3em;}
    .rel.datepick button{width: 3em}
    .bbs-perform_view:before{background: none}
    .bbs-perform{margin-left: 0;}
    .bbs-perform > li{width: 100%;margin-left: 0; padding: 1em; display: block;}
    .bbs-perform > li .label{    line-height: 1.8em;
    width: 3.3em;
    font-size: 13px;}
    .bbs-perform_view_w .tit .share button{width: .87em}
    .bbs-perform_view > li{width: 100% !important; float: none}
    .cal_t{margin-bottom: 1.5em;}
    .tbl-cal td{padding: 5px}
    
    .tit-st1{font-size: 1.5em;}
    .tit-st2{font-size: 2rem;}
    .art1 ul{padding-top:0}
    .art1 li,.art1.li4 li{width: 50% !important; margin-top: 2.3em;}
    .art1 li:nth-child(3):before,.art1 li:nth-child(5):before{border:0}
    .art1 .ico{margin: 1em 0 1.5em;}
    
    .otbl_w{overflow-x: auto;}
    .otbl_w th{white-space: nowrap;}
    .otbl_w.ow_1 .tbl-st1{min-width:40em}
    
    .tbl-st1 th, .tbl-st1 td{padding: 10px 5px}
    
    .art3,.bbs-catuion{display: block;}
    .art3 > *,.bbs-catuion > *{display: block; width: 100% !important}
    .art3 .caution,.bbs-catuion .caution{margin-bottom: 1.5em;}
    .art3 .ico,.bbs-catuion .caution .ico{display: block;margin: 0 auto;     width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    font-size: 3em;}
    .bbs-catuion{padding: 1.5em}
    .tabs-st2{font-size: 1.3em;}
    .tabs-st2 .active a{border-bottom-width: 2px;}
    .box_com{padding: 1em}
    .seat .box_com{margin-top: 6.7em;}
    
    .sindorim_w .ex > li{padding: 5px}
    .sindorim_w .imgs > li{width: 48%}
    
	.sindorim959 .img_w{margin: 0 -5px -10px;}
	.sindorim959 .img_w .item{width: calc(50% - 10px);margin: 0 5px 10px;}
    
    .intro_history:before{left: 1.3rem}
    .intro_history .ab{    position: relative;
    margin: 0;
    background: #fff;
    display: block;    left: 0; padding-bottom: .3em;}
    .intro_history .t{margin: 0;    display: block;
    height: auto;
    width: 11em;
    text-align: center;
    border-radius: 100px;}
    .intro_history .t .in{display: block; padding: .5em 0}
    .intro_history .t br{display: none;}
    .intro_history ol{padding-left: 1.3rem !important;}
    .intro_history .item{float: none !important; margin-top: 3em !important; width: 100% !important; padding: 0 0 0 3em !important}
    .intro_history .left{text-align: left;}
    .intro_history .left .month{left: 0; right: auto}
    .intro_history .left .sect{padding-right: 0;}
    
    .intro_history .sect{padding-left: 2.4em !important;}

.intro_history .item:after{width: 14px; height: 14px}    
.intro_history .right:before{left: -3px;}
.intro_history .right:after,.intro_history .left:after{    left: -7px;
    top: 10px;}

.intro_history .left .year:before{right: auto; left: 0}
.intro_history .left:before{right: auto; left: -3px}
.intro_history .left:after{right: auto}

.intro_history .year:before{width: 1em !important}
.intro_history .year{margin-bottom: .35em;}
.tel-st1{margin-left: -1%;}
.box_com .write{    background-size: 3em;
    padding: 4em 0 0;
    display: block; text-align: right;}
    .box_com .link{margin: 1.5em auto 0;}
    .tbl-ow.edu_3 table{min-width: 48em;}
    
    .edu4{margin-left: 0;}
    .edu4 > li{float: none; width: 100%; margin:1.5em 0 0;}
    .edu4 > li:first-child{margin-top: 0;}
    .edu4 .t{margin-bottom: .7em;}
    
    .tbl-st2 .item{display: block;}
    .tbl-st2 .item > *{display: block;}
    .tbl-st2 .t{width: 100% !important; padding: 10px; text-align: left;}
    .tbl-st2 .t br{display: none;}
    .tbl-st2 .cont{border:0; border-top: 1px dotted #ccc; padding: 1em 10px}
    .tbl-st2 .cont.bt{border-top: 0;}
    .art_history_w .tit button{    width: 30px;
    height: 30px;}
    .art_history .s_w{padding: 0 1em}
    .tabs-art li{padding-left: 1em; margin-left: 1em;}
    .art_h_w .date{width: auto}
    .art_h_w .item{padding-left: 6.7em;}
    
    .bbs-sch_w .bbs-sch{height: 3.5em;float: none; width: 100%; position: relative; padding-left: 7.5em;}
    .bbs-sch select{padding-left: 10px; width: 7em; position: absolute;left: 0;top:0;}
    .bbs-sch input{ padding-right: 3em; padding-left: 10px; width: 100%}
    .bbs-sch button{width: 3em}
    
    .bbs-sch.float select{width: 30%}
    .bbs-sch.float input{width: 68%;float: right;}
    
    .tabs-st4{margin-bottom: 2.4em;}
    .btns-st1_w{margin-top: 2.7em;}
    .prev_next{line-height: 3.3em; margin-top: 4em;}
    .prev_next dl{padding-left: 5em;margin-top: 3px;}
    .prev_next dt{width: 5em}
    .prev_next dt span{padding-left: 1.3em;}
    .prev_next dd{margin-left: 3px; padding: 0 1em}
    .cont-st1{display: block;}
    .cont-st1 > *{display: block;}
    .cont-st1 .t{width: 100%; margin-bottom: 1.7em;}
    .ico-tel-st1{    background-size: 1.3em;
    padding-left: 1.67em;}
    .box_com{margin-top: 3em;}
    .alliance .info .sect{    float: none;
    width: 98%; margin-top: 2%;}
    .alliance .info .tit{text-align: left;}
    .vision > li{width: 48%;margin-top: 2%;}
    .intro_guro .half_w .circle_w{    margin-bottom: 3em;
    font-size: .8em;}
    .intro_guro .half_w .circle_w > li{    width: 7em;
    height: 7em;
    line-height: 7em;}
    .ci .top .box li{max-width: 100%; margin-top: 1em;}
    .ci .top .box li:first-child{margin-top: 0;}
    .ci .top .download_w li{margin-left: 1.5em; padding-left: 1.5em;}
    .ci .top .download_w a{    padding-right: 2.3em;
    background-size: 1.3em;}
    .rule_page_new{padding: 8%}
    .rule_page_new .mid{margin-bottom: 4em;}
    .ethics_page .item .l{width: 6.7em}
    .ethics_page .circle{    width: 5em;
    height: 5em;
    line-height: 5em;}
    .ethics_page .circle .in{font-size: 1.3em;}
    .rule_rel .cont > *{vertical-align: top;}
    .rule_rel .cont .l{    width: 8em;
    padding-right: 2em;}
    .rule_rel .down{    display: block;
    margin: 5px 0;
    width: 8em;
    text-align: center;}
    .rule_rel .group{padding: 3.5em 0}
    .location_page .link li{    margin-left: 1.5em;
    padding-left: 1.5em;}
    .location_page .link a{padding-right: 1.87em;}
    .loc_ex{margin-top: 5em;}
    .loc_group#tab2 .top{    background-size: 5em;
    padding-left: 6.7em;}
    .loc_group#tab2 .group{margin-top: 3.5em;}
    .loc_group#tab3 .top{margin-bottom: 4em;}
    .loc_group#tab3 .t{    background-size: 2em;}
    .tabs-st2 li{font-size: 1.125rem;}
    #footer .top .r > li{height: 3em}
    #footer .top select{width: 14em}
    #footer .top .r button{width: 4em}
    .reservation_info .r2 > ul > li{padding: 1em}
    .reservation_info .r2 .sect{margin-top: 2em;}
    .reservation_info .r3 .box{padding: 5%}
    .reservation_info .r3 li{float: none; width: 100%; margin-top: 1.5em;}
    .reservation_info .r3 li:first-child{margin-top: 0;}
    .login_w .tit-login br{display: none;}
    
    .login_sns .clearfix{margin-left: 0;}
    .login_sns .clearfix > *{float: none; width: 100%; margin: 10px 0 0;}
    .login_sns .clearfix > *,.login_sns .clearfix .naver > a, .login_sns .clearfix .facebook, .login_sns .clearfix .kakao button{ height: 3.5em;
    line-height: 3.5em;}
    .login_sns .clearfix > *:first-child{margin-top: 0;}
    
    .find_id_pw{}
    .find_id_pw > li{width: 100%; float: none}
    .find_id_pw .r{margin-top: 3em;}
    .find_id_pw .tit-member{margin-bottom: 2.3em;}
    .member-steps .ico{    width: 5em;
    height: 5em;}
    .member-steps .ico img{    max-width: 67%;}
    .member-steps > ol > li{    width: 32.3333333333333%;
    margin-left: 1%; margin-bottom: 1.5em;}
    .member-steps:before{border: none}
    .member-steps{margin-bottom: 3em;}
    .member_com .w{padding-top: 3em;}
    
    .join_box{display: block;}
    .join_box li{    height: auto !important;
    padding:2.4em !important; width: 100% !important; float: none !important; margin-top: 1em;}
    .join_box li:first-child{margin-top: 0;}
    .join_box.type .in{    background-size: 5em;
    padding-top: 6.7em;}
    .join_box .btn_w{margin-top: 3em;}
    
    .btn-st1{height: 3.5em;}
    a.btn-st1{line-height: 3.5em;}
    .btn-sns_w > *{line-height: 3.5em;}
    
    .tit-member{margin-bottom: 3em;}
    .join_box.sort .btn-st1{max-width:100%}
    .join_ok{font-size: 1.8em;
    padding: 3rem 1rem;}
    .replay_l{margin-top: 1.8em;}
    .replay_l > li{padding: 1.35em 0}
    .etiq .item .ico{width: 5rem}
    .etiq .item .ico img{margin: 0; max-width:97%}
    
    .bbs-intro .name{padding: 5px}
    .intro_c_w .group{margin-top: 3em;}

	.step_rent .steps{margin-left:-10px;}
    .step_rent .steps .txt{font-size:1em;}
    .step_rent .steps > li{
    	width:220px;
    	margin:0 0 10px 10px;
    }
    .step_rent .steps > li .no{width:75px;}
    .step_rent .steps > li .no strong{font-size:20px;}
    .step_rent .steps > li .in{padding-left:75px;}
    .step_rent .steps2 .item{padding:30px 10px;}
    .step_rent .steps2 .item > *{display:block;}
    .step_rent .steps2 .item > .l{width:100%;}
    .step_rent .steps2 .item > .r{margin-top:15px;}
    .bul-dot > li, .bul-dot > dd{margin-top:0.75em;}
    
    .edu_w .imgs{margin: 0;}
    .edu_w .imgs > li{width: 100%; margin: 10px 0 0;}
    .edu_w .imgs > li:first-child{margin-top: 0;}
    .notice_program .box{padding: 5%}
    .notice_program .dev > li{width: 100%;float: none}
    .notice_program .dev > li:first-child{margin-bottom: 30px; float:none}
    
    .box_com .rent li{display: block; margin-right: 0;}
    .box_com .rent li:before{background: none}
    
    .art_seoul_area{margin-bottom: 35px;}
    
    .imgs_border .imgs{padding: 14px}
    
    .art-gs_img{margin: 0 0 -5px -5px;}
    .art-gs_img > li{width:calc(50% - 5px); margin: 0 0 5px 5px;}
    
    .bbs-intro_new .sect{margin-top: 40px;}
    
    .ci .desc-box .desc{flex-direction: column; padding: 30px;}
    .ci .desc-box .desc p{margin-right: 0; margin-bottom: 10px;}
}
@media (max-width:500px){
 	.tbl-cal_w{overflow-x: auto;}
	.tbl-cal_w table{width:55em}
	.tbl-cal td{height:155px;}
	.tbl-cal .txt{max-height:none;}
	.sch-st1.biz .select{width: 100%;float: none;}
	.sch-st1.biz .period{width: 100%;float: none; margin-top: 1%;}
	.sch-st1.biz .select select{    background-position: 97% center;}
	.art_history_w .tit strong{font-size: 2.3em;    margin: 0 0.67em;}

	.step_rent .steps{margin-left:-5px;}
	.step_rent .steps > li{
		width:171px;
		margin:0 0 5px 5px;
	}
	.step_rent .steps > li .no{width:55px;}
	.step_rent .steps > li .no strong{font-size:18px;}
	.step_rent .steps > li .in{
		width:60px;
		padding-left:55px;
	}
	.step_rent .steps .txt{
		font-size:0.925em;
		letter-spacing:-0.08em;
	}
	
	.ovx-a{overflow-x: auto;}
	.ovx-a .tbl-st1{min-width: 31.250rem}
	
	.art_seoul_area .origin{background-size: 50%;  padding-bottom: 15%;}
	.art_seoul_area .add-seoul{margin-top: -1.3rem;}
	
	
	
}
@media (max-width:420px){
	.cal_t .date{font-size: 2em; margin: 0 .35em;}
	.cal_t .today{width: 40px}
    .bbs-intro_new .name{font-size: 11px;}
}
@media (max-width:380px){
	.location_page .link li{font-size: 1rem;}
}
@media (max-width:320px){
	html{font-size: 13px;}
}




@media (max-width: 1450px) {
	.ssl-mark { right: 16px; }
}
@media (max-width: 1024px) {
	.ssl-mark { display: none; }
}