	.m_kid, .guide .guide_area span.no{display:none;}
	
@media screen and (max-width: 1024px){
	header .gnb_frm, .main_top_area, #wrap{width:100% !important; min-width:100%;}
	header{ min-width:100%;}
	.container{width:85% !important;}
}

@media screen and (max-width: 768px){	
.sub_section {    margin: 6vh 0;}

input[type='text'], input[type='email']{font-size:15px;}
 h1{font-size:1.9rem;}
 h2{font-size:22px ; font-weight:500;}
 h3{font-size:1.4rem; font-weight:500;}
 
 	.hide_m{display:none!important;}
	.show_m{display:block!important;}
	.hide_im{display:none!important;}
	.show_im{display:inline-block!important;}
	
	.section { padding: 9vh 0;}
	
	.arrow_icon{width:25px; height:25px; position:relative; top:5px;}
	
	
	/*헤더*/
	header{ line-height:normal;   height:auto;  font-size: 1.05rem;}
	header .gnb_frm{background:#fff; /*height:auto;*/height: 90px; border-bottom: 1px solid #d4d4d4; box-shadow: 0 1px 4px 1px rgb(0 0 0 / 7%)}
	header a.logo, header .gnb{float:none}
	header a.logo{margin-top:12px;}
	header .gnb{border-top:1px solid #e5e5e5; padding:8px 0;}
	header a.logo, header.on a.logo, .sub_header a.logo{width:70px; height:25px; background:url(../images//top_logo_c.svg) no-repeat  ;}
	header a{color:#000;}
	
	header .gnb .innerList{top:4vh;}
	header .gnb .innerList li{width:100%;}
	
	
	
	.sub_header a.logo, .sub_header.on a.logo{display:block;}
	header.on, .sub_header{height:auto; line-height:normal;}
	header .gnb{display:block;}
	header .gnb li{padding:0; width:33.333%;}
	
		header.on a, .sub_header a {color:#000; font-size:1.05rem}
		header.on a.logo, .sub_header a.logo{ background:url(../images//top_logo_c.svg) no-repeat  ; width:70px; height:25px;  margin-top:12px;}
		header.on .gnb li a:hover, .sub_header .gnb li a:hover, .sub_header .gnb li a.active{ color:#027be7;}
	
	/* gnb 220224 수정 */
	header{padding:0;}
	header .gnb_frm{height: auto;flex-direction: column; justify-content: space-around;   align-items: stretch;flex-wrap: nowrap;padding:1vh 0 0;}
	header .logoarea{text-align:center;margin-bottom: 1.4vh;}
	header .logoarea .logo_stxt{color:#000;}
	header.on, .sub_header{padding:0;}
	.sub_header .logoarea .logo_stxt{margin-top:-3px;}
	.sub_top_block{margin-top: 111px;}
	
	
	html, body { font-size:14px; }
	 /* body{ overflow-x: hidden;}*/
	.baobj {display:none;}
	.k_tap{width:84px;  text-align: center;    margin: 0 auto;}
	
	/**/
	.main_top{background:#0176e6 url(../images/bg_01.PNG) no-repeat;}
	.main_top_area{padding-top:22vh; 	padding-bottom:9vh;}
	.main_top_area h1{text-align:center;}
	
	/* 220225 소개부분 추가 */
	.introtxt{padding:5vh 0;background:#3297ff;}
	.introtxt .stt{padding:0;word-break:keep-all;font-size: 13px;}
	
	
	/*소개*/
	.text_label, .intro .intro_area{position:static; height:auto;}
	.intro{background:#fff; color:#000;}
	.intro .intro_area ul li{background:#fff;  width:100%; border-radius:5px; display:block; padding:20px; margin:10px 0; color:#fff;}
	.intro .intro_area ul li div h3{line-height:1.2;}
	.intro .intro_area ul li:nth-child(1){background:#058dff url(../images/smile.svg) no-repeat 93% 15%; background-size:35px 35px;}
	.intro .intro_area ul li:nth-child(2){background:#f6ba0f url(../images/edit.svg) no-repeat 93% 15%; background-size:35px 35px;}
	.intro .intro_area ul li:nth-child(3){background:#23b014 url(../images/trending-up.svg) no-repeat 93% 15%; background-size:35px 35px;}
	.intro .intro_area ul li:nth-child(4){background:#ef5f90 url(../images/play.svg) no-repeat 93% 15%; background-size:35px 35px;}
	.intro .intro_area ul li p{margin-top:5px;}
	.intro .intro_area ul, .guide ul{display:block;}
	.intro .intro_area ul li, .intro .intro_area ul li:nth-child(3){position:static; text-align:left;}
	.intro .intro_area ul li img{display:none;}
	.intro .intro_area ul li div, .intro .intro_area ul li:nth-child(3) div, .intro .intro_area ul li:nth-child(2) div{float:none!important; margin:0!important;}
	.intro p{margin-top:10px;}
	
	/*이용안내*/	
	.guide_area {width:85%; margin:0 auto;background:none;}
	.guide ul li, .guide ul li .pluse{width:100%!important; height:auto!important; margin:0!important; position:static!important; float:none;     border-radius:0;}
	.guide ul li .moon_dec{display:none;}
	.guide ul li .pluse{padding:10px; transform: none; }
	.pluse_1, .pluse_2, .pluse_3, .pluse_4, .pluse_5, .slide-in-right{animation:none;}
	.guide ul li:nth-child(1) img{    width: 109px; top:-27px; left:-10px}	
	.guide ul li .pluse{padding:5px 0; border-radius:10px; width:100%!important;}
	.guide p { margin-top: 0px;}
	.guide ul li:nth-child(1) .pluse, .guide ul li:nth-child(2) .pluse, .guide ul li:nth-child(3) .pluse, .guide ul li:nth-child(4) .pluse, .guide ul li:nth-child(5) .pluse{background:none;}
	.guide ul li{background:#fff; margin:7px 0!important; border-radius:5px; color:#000; padding:8px ;}
	.guide ul li .pluse{color:#000;}
	.guide ul li .pluse h4{text-align:left;}
	.guide ul li .pluse h4 span.m_line_block{display:inline-block;}		
	.guide .guide_area span.no{background:#027be7; color:#fff; display:inline-block; text-align:center;border-radius:50%; width:7vw;height:7vw;	line-height:7vw; 
	margin-right:4px; font-size:1.1rem;position:relative; top:0px; font-weight:bold;}
	
	.guide ul li:nth-child(1){position:relative!important; text-align:left;}
	.guide ul li:nth-child(1) img{left:auto; display:none;}
	/*.guide ul li:nth-child(1) h4:not(.noapply), .guide ul li:nth-child(1) h4 .m_line_block:not(.noapply){
		text-decoration:line-through; text-decoration-color: red;}*/
	.guide ul li:nth-child(1) h4 .free_tect{text-decoration:none; margin-left:5px; color:red;}
	
	.view_name_02, .silder_list li img.hand{display:none;}
	.silder_list li .view_name, .silder_list .slick-center .view_name .view_name_box{width:90%; height:auto; position: static;}
	
	.silder_list .slick-center .view_name .view_name_box{padding:10px}
	.silder_list, .silder_list li{height:auto;}
	.slick-initialized .slick-slide {    display: block;    transform: scale(.88);}	.slick-active.slick-center {    opacity: 1;    transform: scale(1);}
	.silder_list li .view_name {bottom:0;    left: 14px; position:absolute;}
	
	/*미리보기*/
	.viewsilder_list{margin:0;}
	.silder_list li .view_name{background:none;}
	
	.view .container{width:100%!important;}
	
	
	.kid, .intro_kid {display:none;}
	
	header.on .gnb_frm{display:block;}
	.m_kid{display:block; margin-bottom:10vh;}
	.m_kid_img{width:95%;}
	.m_kid .k_tap{width:55%;margin:10px auto 30px;}
	
	.text_label{transform: none; width:100%; margin:0 auto;  position:absolute; bottom:0; left:50%;transform: translateX(-50%); }
		.text_label a{display:inline-block; width:100%; height:100%;  padding:25px 0; color:#fff;}
		.text_label p{margin:0; display:none;}
	
	.view{background-position:50% 50%;}
		.silder_list .paper{padding:0;}

	/*.price_cover{display:none;}*/
	
	/*비용*/
	.price_list{margin-left:0;}
	.price_list li{width:45%; margin-left:0;     margin: 5px;    width: calc(50% - 10px);}
	.price_list li h3{    padding: 2vh;}
	
	/*푸터*/
	.footer object {    width: 60px; opacity:.7;}
	

	/*서브*/
	.sub h2{font-size:1.65rem; letter-spacing:-1px; font-weight:600;}
	.sub_top_ban{height:auto; padding:30px 0;}
	.sub_top_ban .tit{width:100%; margin:0;}
	.sub_top_ban .sss{display:none;}
	.sub_top_ban .tit, .sub_top_ban img{ position: static;}
	
	.sub_tit_font{font-size:1.4rem;}
	
	/*테이블*/
	table.basic.institute th:first-child, table.basic th:nth-child(1), table.basic.institute th:nth-child(2), table.basic.institute th:nth-child(3), table.basic.institute th:nth-child(4),
	table.basic.institute th:nth-child(5){width:auto;}

	table.basic.institute td, table.basic.institute th{display:block;}
	
	
	/*기관정보*/
	.register{font-size:15px; margin-bottom:10px;}
	.register dl{float:none;width:100%; height:auto;/*background: #f9f9fa; */}
	/*.register dt{width:26%; line-height:normal;     padding: 12px 10px; height:100%;border:0; text-align:left; color:#666;}*/
	.register dt, .register dd{
		display:table-cell; vertical-align:top; padding:13px;
		min-width: unset;
	}
	.register dt{padding-right:0; padding-left:0;}
	.register dd, .register .wid_100 dd{width:70%; overflow:hidden; background:#fff; line-height:normal;     /*padding: 12px 10px;*/}	
	.sub_btn{padding: 16px 0; width:80%;       font-size: 1.2rem;}
	
	/*아동정보*/
	.kidinarea .sub_tit_font{border-bottom:0; padding-bottom:0px;}
	.sub_right_text{}
	.explain_box {  padding: 20px;}
	.kid_info{}
	.kid_info_left{float:none;}	
	.kid_info .text_ok { position:relative;/*top:13px;*/   }

	.calendar_area{width:43%; margin-top:10px;}
	table.basic .calendar_area input[type='text']{width:100%; width:68%;}
	.input_icon{width:20px; height:20px;}
	.select.m_class_choice{width:56%}
	
	table.basic.institute td .sub_btn_con{width:23%; font-size:1.2rem; padding:7px 0;}
	table.basic.institute td .sub_btn_con.sub_btn_con_ok{width:92%; margin-top:10px; border-radius:3px; padding:12px 0;}
	table.basic.institute th.mob_style{border:0;text-align:left; padding:12px;}
	table.basic th, table.basic td.mob_style{border:0; padding:10px 0; }
	table.basic.mob_style{border:1px solid #e8e8eb;}
	
	.kid_info_table th:nth-child(2), .kid_info_table td:nth-child(2){display:none;}
	.kid_info_table th:nth-child(3), .kid_info_table th:nth-child(3){width:100%; display:block;}
	table.basic.kid_info_table th:nth-child(1), table.basic.kid_info_table th:nth-child(2), table.basic.kid_info_table th:nth-child(3),
	table.basic.kid_info_table th:nth-child(4), table.basic.kid_info_table th:nth-child(5), table.basic.kid_info_table th:nth-child(6){width:auto;}
	
	.kids_view{font-size:15px; border-bottom:0;}
		.kids_view dl{width:100%;display:block;border:1px solid #e8e8eb; text-align:left;margin-bottom:15px;}
		.kids_view dt{float:left;}
		.kids_view dt, .kids_view dd{width:auto!important; border:0;padding:3px 15px; height:auto;}
		.kids_view dt, .kids_view dl.tit_dl{display:none;}
		.kids_view dd:nth-child(2), .kids_view dt:nth-child(2){display:none;}
			.kids_view dd:nth-child(4){padding-top:12px;}
		.kids_view dd:nth-child(4), .kids_view dd:nth-child(5), .kids_view dd:nth-child(6),
		.kids_view dd:nth-child(8), .kids_view dd:nth-child(9){width:100%!important; }
		.kids_view dd:nth-child(7){float:right;}
		.kids_view span.m_text_dd{color:#999; font-size:12px; margin-right:5px; display:inline-block;}
		
		.kids_view dd p:before{margin:0 3px;position:relative;top:2px;}
		.kids_view .sub_con_icon{position:relative;top:2px;}
		.kids_view .sub_btn_con{width:100%; text-align:center; padding:12px 0px; margin:0; font-size:1rem;}
		.kids_view dd:nth-child(9) object{display:inline-block;margin-right:5px; position:relative; top:3px;}
		.kids_view dd:nth-child(9){padding-bottom:15px;}
		.kids_view dd:nth-child(1), .kids_view dd:nth-child(3){background:#f9f9fa; padding:13px; height:70px;}
		.kids_view dd:nth-child(1){width:15%!important; padding:13px 0 0 10px;}
		.kids_view dd:nth-child(3){width:85%!important; padding-left:3px; padding-top:15px;}	
		.kids_view dd:nth-child(8){padding-top:7px;padding-bottom:7px;}
		.kids_view dd:nth-child(7){font-weight:bold;}
		.kids_view .kid_info_name p.color_main_b{display:block;}
		.kids_view dd p:nth-child(1):before, .kids_view dd p:nth-child(2):before{display:none;}
		.kids_view .no_info_area{border-left:0; border-right:0;}
		.kids_view .no_info_area dd:nth-child(1){width:100%!important; background:#fff; text-align:center;}
		
		
		.kid_plus_area{margin-top:0;}
		.sub_btn.sub_btn_two{    width: calc(50% - 10px); font-size:1.1rem; padding:12px 0; border-radius: 5px; text-align: center;}
		.sub_btn_two_big{float:none; margin-top:10px}
		.kid_plus{position: static; margin:0; width:100%; text-align:left;}
		
		/*입력*/
		.register_from{}
		.register_from dl{border:0; margin-bottom:5px;}
		.register_from dt{display:none;}
		.register_from dd{width:100%; display:block}
		.register_from dt{background:#fff; border:0; text-align:left; padding-bottom:5px;}
		.register_from dd{padding:0;}
		.register_from dd, .register_from .wid_100 dd, .register_from dd input, .register_from .wid_100 dd input{width:100%;}
		
		.kids_view_form input::placeholder, .register_from input::placeholder{color:#999; }
		.kids_view_form dl input[type='text'], .register_from dl input[type='text']{text-align:left; padding-left:10px;     height: 48px;}
		
		.excel_box{display:none;}
		
		.kids_view_form{} 
		.kids_view_form dl{padding:3px 10px;background: #f9f9fa}		
		.kids_view_form dd:nth-child(1) {   line-height: normal; height:auto; display:none;}
		.kids_view_form dd:nth-child(2), .kids_view_form dd:nth-child(5), .kids_view_form dd:nth-child(6){ display:block;width:100%!important;}
		.kids_view_form dd:nth-child(3){padding: 0; height:auto;  width: calc(100% - 200px)!important; float:left; padding-top:10px;}
		.kids_view_form dd:nth-child(4){float:left;width:41%!important; padding:0; padding-left:5px; padding-top:12px;}
		.kids_view_form span{padding:10px 0 5px; display:block;}
		.kids_view_form dl input[type='text']{width:100%;}
		.kids_view_form dd:nth-child(4){width:auto!important}
.kids_view_form dd:nth-child(8) .close_design{top:9px;}

		.kids_view_form dd{padding:7px 0; text-align:left; float:none; background:none;}		
		.kids_view_form dd:nth-child(6){padding-top:2px;}
		.kids_view_form dd:nth-child(7){padding:0;}
		.kids_view_form dd:nth-child(7) .close_design{top:7px; right:7px; background-size:25px 25px; width:25px; height:25px;}
		.kids_view_form dd:nth-child(2){padding-bottom:10px;}
		/*.kids_view_form dd:nth-child(2) input[type='text']{background:none; border:0; border-bottom:1px solid #e8e8eb;}*/
		.kids_view_form dl dd:nth-child(2) input[type='text']{width:70%;}
		.kids_view_form dl dd:nth-child(2) span.class_name{display:inline-block;padding:0;}
		

		.text_label h2{font-size:25px;}
		.text_label h2 object {  position: relative;  top: 3px;  left: -2px;}
		
	.moble{}
	/*설명문구*/
	.ext{margin-left: 14px}
		.ext::before{ left:-16px;}
	
	.select{width:40%;font-size:15px;}
	
	/*비용*/
	.price_list li h3, .price_list li h5{padding:1.2vh;}
	.price_cover_area{background:#fff; padding:30px; color:#000; width:89%; margin:0 auto; margin-top:25vh;}
	.price_cover_area h4{margin-top:5px; margin-bottom:10px; font-size:15px;}
	.price_cover_area .sub_btn{padding:15px 0; width:100%; margin:0; font-size:16px;}

	.kidinarea .explain_box button.kid_plus_desc {
		width: 90px;
		font-size: 0.7rem;
		padding: 3px 0px;
		font-weight: 400;
	}
}

@media screen and (max-width:480px){
	header .gnb .innerList{width: 35vw;top:5.5vh}
	header .gnb .innerList a{font-size:15px;}
/*결재내역은 모바일에서 숨김*/
  header .gnb .innerList li.purchase_list{display: none;}

  .price .btn{width:80%;padding:2.2vh 0;font-size:1.2rem;}
	.kid_info .recent_add{
		width: 100%;
	}
	.kid_info div.show_status {
		float: left;
	}
	
	
	header .logoarea .logo_stxt{font-size:11px;}
	
	
}

@media screen and (max-width: 320px){
	
html, body {   font-size:12px;}
.k_tap{width:75px; position:relative; top:1px;}

.kids_view, .register{font-size:14px;}
.sub_btn {font-size: 1.15rem;}

header .gnb .innerList{width:45vw;}
header .gnb .innerList a{font-size:13px;}
/*결재내역은 모바일에서 숨김*/
  header .gnb .innerList li.purchase_list{display: none;}
}