.show_m, .show_im{display:none!important;}
.hide_m{display:block!important;}
.hide_im, .hide_m_or{display:inline-block!important;}

.main_tit{margin-bottom:10px;}
	.main_top{position:relative;}	
		.main_top{background:#0176e6 ; background-image: url(../images/bg_01_01.png),  url(../images/bg_01_02.png), url(../images/bg_01_03.png),  url(../images/bg_01_03.png), url(../images/bg_01.PNG) ; 
		background-size:auto, auto, auto, auto, cover; background-position:100% 100%, 10% -30%, 10% 41%, 85% 20%, 0 0; background-repeat:no-repeat;}
		
		/*배경 이미지*/
		.baobj{position:absolute;}
		.baobj.circle_01{top:-30px; right:150px; background-color: rgba( 255, 255, 255, 0.1 ); width:220px; height:220px; border-radius:50%;}
		.baobj.circle_02{background-color: rgba( 255, 255, 255, 0.1 );}
		.baobj_cir_dot{width:270px; bottom:-30px; left:100px;}
		.baobj_cir_dot_sml{ width:180px; top:200px; right:400px}
		.baobj_star{bottom:60px; left:1000px;}
		.baobj_star_sml{top:150px; left:300px; width:30px; transform:rotate(40deg)}
		.baobj_star_pin{top:120px; right:700px;}
		.baobj_star_pin_1{bottom:300px; left:100px;}
		.baobj_star_r{right:100px; top:400px}
		.baobj_cir_grid{width:300px; top:200px; left:500px;}
		.space_icon_pin{width:80px; top:220px; right:620px}
		.space_icon_gre{width:50px; bottom:280px; left:200px; }
	
		.text_label{width:410px; height:120px; background:url(../images/text_label_bg.png); overflow:hidden; transform:rotate(-10deg); position:absolute; bottom:105px; right:263px;}	
				.text_label a{display:inline-block; width:100%; height:100%; color:#fff;}
				.text_label h2{font-size:32px;}
				.text_label h2 object{position:relative;     top: 9px;    left: -5px;}
				.text_label p{margin-top:20px; margin-bottom:-5px;}
		
	.main_top_area{ padding-top:180px; color:#fff; margin:0 auto;width:1210px; text-align:center;}
		.main_top_area h1{text-align:left;}
		.kid{position:relative; height:560px; margin-top:50px;}
			.kid_list{position:absolute;}
				.kid_01{ top:0; left:0;  height:389px; width:347px;}
				.kid_01 .eye	{top: 95px;    position: absolute;    left: 105px; animation: blink-1 0.7s 2s 2 both;}
				.kid_area{position:relative;}
				.kid_po{position:absolute; top:0; left:0; } 
				.kid_arm{position:absolute; top:112px; left:12px; animation:hand 0.7s linear infinite alternate;}				
				.kid_02{ left:300px; top:70px; }
				.kid_03{left:530px;width:316px; height:395px; top:-20px;}
					.kid_03 .kid_arm{left:200px;}	
					.kid_03 .eye	{top: 91px;    position: absolute;    left: 149px; animation: blink-1 0.7s 10s 2 both;}
				.kid_04{ left:726px; top:170px; }
				.kid_05{left:930px;width:290px; height:397px; top:-8px;}
				.kid_05 .kid_arm{top:0;}		
	
	.introtxt{padding:8vh 0;background:#3297ff;color:#fff;}
	.introtxt .stt{margin-top:1.5vh;padding:0 6vw;text-align:left;}
	.introtxt .stt p{line-height:1.5;color:#fff;margin-top:0;}


	.intro{background:#058dff url(../images/bg_02.PNG); background-size:cover; color:#fff;}
			.intro .intro_area{position:relative; top:10px; left:0; height:450px;}
				.intro .intro_area ul{display:inline-block;}
				.intro .intro_area ul li{text-align:right; position:absolute;}
				.intro .intro_area ul li div{float:left; margin-right:6px;}
				.intro .intro_area ul li p{margin-top:15px;}
				.intro .intro_area ul li:nth-child(1){top:20px; left:0;}
				.intro .intro_area ul li:nth-child(2){bottom:10px; left:30px;}
				.intro .intro_area ul li:nth-child(2) div{margin-top:-20px;}
				.intro .intro_area ul li:nth-child(3){text-align:left; bottom: 24px; right:-7px;}
				.intro .intro_area ul li:nth-child(3) div{float:right; margin-left: 10px; margin-top:-13px;}
				.intro .intro_area ul li:nth-child(4){text-align:left; bottom: 245px; right:0;}
				.intro .intro_area ul li:nth-child(4) div{float: right; margin-right:0px; margin-top:-20px;}
				.intro .intro_area ul li:nth-child(4) img {margin-right:9px;}
			.intro .intro_kid{position:absolute;top:180px; left:37%;    transform:translateX(-50%);}
			.intro p{margin-top:60px;}
	
	.view{ background:#058dff url(../images/bg_05.png); background-size:cover; color:#fff; position:relative;}
		.view_name_02{position:absolute; top:100px; left:50%; transform: translateX(-50%);z-index:999}
		.slick-active{ /*height:496px; background:#fff;*/ color:#000; opacity:0.5; }		
		.slick-active.slick-center{ opacity:1; /* transform: scale(1.08);*/}
		.viewsilder_list{margin-top:50px; }
		.viewsilder_list, .silder_list li{position:relative;}		
		.silder_list, .silder_list li{height:550px;}
		.silder_list li .view_name{ width: 176px; height:262px; position:absolute;bottom:20px; left:-50px;  background:url('../images/view_name_01.png');z-index:40;}
		.silder_list li .view_name{display:none;}
		/*.silder_list li .slick-center .view_name{display:inline-block;  transform: scale(1);}*/
		.slick-active.slick-center .view_name{display:inline-block;  transform: scale(1);}
 
		.silder_list .slick-center .view_name .view_name_box{background:#eb3b42; padding:20px; display:inline-block; position:absolute; bottom:59px;left:-16px; width:215px; color:#fff;}
		.silder_list li img.hand{width:30px; position:absolute; top:140px;}
		.silder_list li img.hand.left_h{left:-25px;}
		.silder_list li img.hand.right_h{right:-35px;}
		.slick-prev, .slick-next{width:74px; height:74px;}
		.slick-next {right:27px;}
		.slick-prev{left:8px;z-index:2;}
		.slick-prev:before{content:''; background: url(../images/prev.png) no-repeat 0px 0px; width:74px; height:74px; display:inline-block;}
		.slick-next:before{content:''; background: url(../images/next.png) no-repeat 0px 0px; width:74px; height:74px; display:inline-block;}
		.slick-prev:before, .slick-next:before{opacity:1;}
		.slick-next:hover:before{background-position:0 -84px}
		
	.silder_list .paper {

  padding: 2%;
  position: relative;
  text-align: center;
}


	/*.silder_list .slick-center .paper {
		  -moz-transform: scale(1.08);
		  -ms-transform: scale(1.08);
		  -o-transform: scale(1.08);
		  -webkit-transform: scale(1.08);
		  color: #e67e22;
		  opacity: 1;
		  transform: scale(1.08);
		}*/
		.silder_list .paper {

		  transition: all 300ms ease;
		}


	
	.guide{background: #0c3272 url(../images/bg_03.PNG); background-size:cover;color:#fff; }
		.guide_area{background:url(../images/guide_line.png)repeat-x 0 50%;  margin-top:40px}
		.guide ul{display:inline-block; }
		.guide ul li{ position:relative; float:left; text-align:center; margin:0 auto;width:225px; height:225px; margin-left:-7px; margin-top:50px;}
		.subguide{background:#fff;padding:7vh 0;}

		.guide ul li .pluse { margin:0 auto; width: 170px; height: 170px; background: #0083ff url(../images/moon_dec.png)no-repeat 30% 10%; text-align: center; position:absolute; top:50%; left:50%;transform: translate(-50%, -50%);
		border-radius: 100%;  color: #fff; display:table; }	
		.guide ul li .pluse h4{display:table-cell; vertical-align:middle;word-break:keep-all;}
		.guide ul li  .moon_dec{width: 225px; height: 225px; opacity:0.4; background: #0083ff ; border-radius:100%; position:absolute;}
		
		.guide ul li:nth-child(2){margin-top:-20px;}
		.guide ul li:nth-child(2), .guide ul li:nth-child(2) .moon_dec{width:300px; height:300px;}
		.guide ul li:nth-child(2) .pluse, .guide ul li:nth-child(2) .moon_dec{background: #f6ba0f; }
		
		.guide ul li:nth-child(3), .guide ul li:nth-child(3) .moon_dec{width:210px; height:210px}
		.guide ul li:nth-child(3) .pluse, .guide ul li:nth-child(3) .moon_dec{background: #eb3b42 url(../images/moon_dec_02.png) no-repeat 30% 10%;  }
		
		.guide ul li:nth-child(4){margin-top:10px;}
		.guide ul li:nth-child(4), .guide ul li:nth-child(4) .moon_dec{width:270px; height:270px;}		
		.guide ul li:nth-child(4) .pluse, .guide ul li:nth-child(4) .moon_dec{background: #af17e7; }
		
		.guide ul li:nth-child(5) .pluse, .guide ul li:nth-child(5) .moon_dec{background: #23b014 url(../images/moon_dec.png)no-repeat 80% 80%;}
		
		.spacecraft_01{width:55px; top:108px; left:10%; transform: rotate(40deg);}
		.alien{width:70px;right:19%; top:16px;}
		
		.guide ul li:nth-child(1) img{position:absolute; top:0; left:0;}
		.guide p{margin-top:50px;}		
		
	.price{background:#058dff url(../images/bg_04.PNG); color:#fff; position:relative;}
		.price_list{ margin-left:-20px; display:inline-block;}
		.price_list li{float:left; margin-left:20px; background:#fff; width:285px; border-radius:10px; overflow:hidden;}
		.price_list li h3{ background:#0069cd;width:100%; padding:3vh;}
		.price_list li h5{color:#000;  padding:2vh; border-bottom:1px solid #e5e5e5;}
	
		.price .btn{font-size:24px;color:#fff;display:inline-block;padding:25px 90px;background:#058dff;border-radius:50px;}
	.price_cover{background-color: rgba( 0, 0, 0, 0.7 ); width:100%; height:100%; position:absolute; top:0; left:0; }
		.price_cover img{margin-top:200px}
	/*서비스 이용하기*/
	.kid_info{}
		.kid_info_left{float:left;}
		.kid_info select{margin-right:10px;}
		.kid_info select, .kid_info p{float:left;}
		/*.kid_info .text_ok{float:right;}*/
		
	.kid_info_table{}
		.kid_info_table th:nth-child(1){width:43px}
		.kid_info_table th:nth-child(2){width:57px}
		.kid_info_table th:nth-child(3){width:400px}
		table.basic.kid_info_table th:nth-child(4){width:165px;}
		.kid_info_table th:nth-child(5){width:135px;}
		.kid_info_table td.kid_info_name {color:#cccccc;}
		.kid_info_table td.kid_info_name p{display:inline-block; margin:0 2px; color:#333;}
		
		.kid_info_table td p.birthdaycake_area{margin-left:10px;}
		.kid_info_table td p.birthdaycake_area object{position:relative; top:1px; margin-right:3px;}		
		table.basic.kid_info_table .sub_btn_con{padding:5px 20px; font-size:0.889rem; border-radius:5px}		
		
	.kid_info_reg{}
		.kid_info_reg th:nth-child(1){width:57px}
		.kid_info_reg th:nth-child(2), .kid_info_reg th:nth-child(3){width:200px}
		.kid_info_reg th:nth-child(5){width:250px;}
		.kid_info_reg th:nth-child(7){width:43px;}
			
	.register{margin-bottom:20px;}	
		.register dl{margin:0; padding:0;border-style:solid;border-width:1px 0; border-color:#e8e8eb ; width:599px; margin-bottom:-1px ; display:table; float:left; }
	/*	.register dl, .register dt, .register dd{display:inline-block;}*/
		.register dt, .register dd{display:table-cell; vertical-align:middle;}
		.register dt{
			border-right:1px solid #e8e8eb; width:203px; background:#f9f9fa;
			min-width: 190px;
		}
		.register dd{width:397px;  text-align:left;padding:20px;}
		.register dd input{width:95%; padding-left:10px;}
		.register .wid_100 dd{width:997px;}
		.register .wid_100 dd input{width:98%; }
	.no_input_popup{width:400px;}	
	
	.excel_box{text-align:left;}
	.excel_box p{margin-left:10px}	
	
	.choice_btn{width:45px; height:45px; border: 1px solid #e8e8eb; border-radius:5px 0 0 5px; background:#fff;}
		.choice_btn_r{ border-radius:0 5px 5px 0; border-left:0;margin-left:-4px;}
		.choice_btn:hover{background:#fafafa;}
		.choice_btn.active{background:#182952; color:#fff;}
	
	.kid_info_reg td input{text-align:center;}
	.kid_info_reg td:last-child{border-left:0;}
	.kid_info_reg td:nth-child(6), .kid_info_reg th:nth-child(6){border-right:0;}
	.kid_info_reg td .close_design{position:static;}	
	.kid_plus_area{
    position:relative; margin-top:30px;
  }
	.kid_plus{position:absolute; top:-20px; left:0;  font-size:1rem; color:#027be7;  margin:13px 0; }	
	.kid_plus img{margin-right:5px; position:relative; top:-1px; }
	
	/*템플릿 예시 팝업*/
	.excel_popup{padding:5vh 2vw;}
		.upload_area{margin:20px 0;}
		.upload_area p, .upload_box, .upload_area button{float:left;}
		.excel_popup_save{border-radius:5px; height:45px; font-size:0.889rem; margin:0 ;margin-right:5px; padding:0 20px;}
		.popup_box .explain_box p{margin-bottom:5px;}
		.excel_popup li{position:relative;}
		.excel_popup li a{display:inline-block; width:100%; height:100%;}
		.excel_popup li a .hover_cover{width:100%;height:100%; position:absolute; top:0; left:0; background:url(../images/hover_cover_w.png);  display:none;}
		.excel_popup li a:hover  .hover_cover{display:inline-block;}
		.excel_popup li .check_a{width:40px; colo:#fff;}
		.hover_cover_icon{width:70px; height:70px; border-radius:50%; background:#000; top:45%; position:absolute; left:50%; transform: translate(-50%, -50%);}
		.hover_cover_icon object{ top:50%; position:absolute; left:50%; transform: translate(-50%, -50%);}
		.hover_cover_icon .check_a{ top:50%; position:absolute; left:50%; transform: translate(-50%, -50%);}
		
	.kids_view{width:100%;border-bottom:1px solid #e8e8eb; }
		.kids_view dl{width:100%; }
		.kids_view dt, .kids_view dd{float:left; border-right: 1px solid #e8e8eb; border-top:1px solid #e8e8eb; background: #f9f9fa; padding:15px 0px; height:56px; overflow:hidden;}	
		.kids_view dd{background:#fff}
		.kids_view dt:nth-child(1), .kids_view dd:nth-child(1){width:43px; }
		.kids_view dt:nth-child(2), .kids_view dd:nth-child(2){width:57px;}
		.kids_view dt:nth-child(3), .kids_view dd:nth-child(3){width:360px;}
		.kids_view dt:nth-child(4), .kids_view dd:nth-child(4){width:165px;}

.kids_view dt:nth-child(5), .kids_view dd:nth-child(5){width:125px;}

		.kids_view dt:nth-child(6), .kids_view dd:nth-child(6){width:65px;}
		.kids_view dt:nth-child(7), .kids_view dd:nth-child(7){width:105px;}
		.kids_view dt:nth-child(8), .kids_view dt:nth-child(9), .kids_view dd:nth-child(8), .kids_view dd:nth-child(9){width:137px;}
		.kids_view dt:last-child, .kids_view dd:last-child{border-right:0;}
		
		.kids_view dd p{display:inline-block;}
		.kids_view dd p:before{content:''; background:url(../images/kids_view_line.png);  width:9px; height:15px; display:inline-block; margin:0 6px;}
		.kids_view dd p:nth-child(1):before{display:none;}
		.kids_view dd.kid_info_name{color: #cccccc;}
		.kids_view dd.kid_info_name p{color:#000;}
		.kids_view dd:nth-child(8) object{display:none;}
	
		
		.kids_view .sub_btn_con {padding: 5px 20px; font-size: 0.889rem; border-radius: 5px;}	
		.register dl.no_info_area{width:100%; text-align:center;}
		.kids_view dl.no_info_area dd, .register .no_info_area dd{width:100%; padding: 40px 0; height:auto; text-align:center;}
		.m_text_dd{display:none;}
		
		.kids_view_form dl{position:relative;}
		.kids_view_form dt:nth-child(1), .kids_view_form dd:nth-child(1){width:57px;}
		.kids_view_form dd:nth-child(1)	{ line-height:76px; padding:0;}
		.kids_view_form dt:nth-child(2), .kids_view_form dd:nth-child(2), 
		.kids_view_form dt:nth-child(3), .kids_view_form dd:nth-child(3){width:190px;}
		.kids_view_form dt:nth-child(5), .kids_view_form dd:nth-child(5){width:165px;}
		.kids_view_form dt:nth-child(6), .kids_view_form dd:nth-child(6){width:235px;}
		.kids_view_form dt:nth-child(7), .kids_view_form dd:nth-child(7){width:165px; border-right:0; }

		/*반 이름 없을 시*/
		.kids_view_form.kids_view_form_nameno dt:nth-child(2), .kids_view_form.kids_view_form_nameno dd:nth-child(2){display:none;}
		.kids_view_form.kids_view_form_nameno dt:nth-child(3), .kids_view_form.kids_view_form_nameno dd:nth-child(3){width:200px;}
		.kids_view_form.kids_view_form_nameno dt:nth-child(4), .kids_view_form.kids_view_form_nameno dd:nth-child(4){width:200px;}
		.kids_view_form.kids_view_form_nameno dt:nth-child(5), .kids_view_form.kids_view_form_nameno dd:nth-child(5){width:230px;}
		.kids_view_form.kids_view_form_nameno dt:nth-child(7), .kids_view_form.kids_view_form_nameno dd:nth-child(7){width:195px;}
		.kids_view_form.kids_view_form_nameno dt:nth-child(8), .kids_view_form.kids_view_form_nameno dd:nth-child(8){width:83px;}

/*컬럼 템플릿을 이 이름으로 한 것이 있어 그 부분 제외함*/
		.template:not(.p_col) { padding: 8px 20px !important; text-align-last:center;border:1px solid #d9d9d9; border-radius:5px; font-size:0.9rem; display:inline-block;}
		.template:not(.p_col):hover{background:#f7f7f7;}
		.kids_view_form dt:nth-child(8), .kids_view_form dd:nth-child(8){width:33px; }
		.kids_view_form dd:nth-child(8) .close_design{top: 21px;}
		
		.kids_view_form dd{height:76px; padding:15px 10px;}
		.kids_view_form span{display:none;}
		
		.kids_view_form input::placeholder, .register_from input::placeholder{color:#fff;}
		

	/*jy_211208_달력*/	
.ui-datepicker {    width: 16em;    padding:  0;    display: none;}
.ui-widget {     font-family:'NotoSans', sans-serif; font-size: 1em;}
.ui-widget.ui-widget-content{border:1px solid #182952; overflow:hidden;}
.ui-widget-header{border:0px; }
.ui-datepicker .ui-datepicker-header{padding: 0.4em 0; background:#182952;}
.ui-datepicker .ui-datepicker-title select{color:#fff;border:0px solid #d9d9d9;background: url(//kidkids.net/new/210815_KTAP/images/select_arr_wh.png) 90% 55% no-repeat; 
height:35px;margin:0 0.1em;  font-size:1em; padding:0;min-width:auto;padding-left:5px; cursor:pointer;   font-family:'Roboto', sans-serif; font-weight:bold; }
.ui-datepicker .ui-datepicker-title select:focus{outline: none;}
.ui-datepicker .ui-datepicker-title option{color:#000;}
.ui-datepicker table{    font-size: .75em;}
.ui-datepicker td{padding:0; box-sizing: border-box;border-collapse:collapse; border:1px solid #e5e5e5; text-align:center;  font-family:'Roboto', sans-serif; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button{border:0; background:#fff;}
.ui-datepicker td span, .ui-datepicker td a{text-align:center;}
.ui-datepicker th{font-weight:400; padding: 0.5em 0.3em;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {    width: 30%;}
.ui-datepicker td span, .ui-datepicker td a{padding: 0.3em 0;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {     font-family:'NotoSans', sans-serif;   font-size: 0.8em;}
.ui-widget-content {border: 0px solid #dddddd;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {    border: 1px solid #007fff;background: #007fff;}
.ui-priority-primary, .ui-widget-content .ui-priority-primary{font-weight:normal;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {    border: 1px solid #182952;background: #f9f9fa;}
.ui-datepicker .ui-datepicker-buttonpane, .ui-datepicker .ui-datepicker-buttonpane button{margin:0;}
.ui-widget-header .ui-datepicker-prev  .ui-icon{background: url(//kidkids.net/new/210815_KTAP/images/select_arr_left_new.png) no-repeat; margin-top:0;left:0; margin-left:0; top:0px; margin-top:0;}
.ui-widget-header .ui-datepicker-next  .ui-icon{background: url(//kidkids.net/new/210815_KTAP/images/select_arr_right_new.png) no-repeat; margin-top:0;left:0; margin-left:0; top:0px; margin-top:0;}



.ui-datepicker-prev:hover{background: url(//kidkids.net/new/210815_KTAP/images/select_arr_left_new.png) no-repeat; border:0;}
.ui-datepicker-next:hover{background: url(//kidkids.net/new/210815_KTAP/images/select_arr_right_new.png) no-repeat; border:0;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {cursor:pointer;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {    position: absolute;    top: 15px;    width: 10px;    height: 16px; }
.ui-datepicker .ui-datepicker-prev{left:13px;}
.ui-datepicker .ui-datepicker-next {right:13px;}
.ui-datepicker .ui-datepicker-next-hover{right:13px;}
.ui-widget-header .ui-icon{width: 10px;    height: 16px; }


/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0px;
}
		
.sel_templ ul, .sample_templ ul{display:flex}
.sel_templ li, .sample_templ li{margin:10px; margin-bottom:0;}
.sel_templ  .popup_box p, .sample_templ .popup_box p{margin-bottom:0; margin-top:5px;}
@media screen and (max-width: 1024px){
	
}

@media screen and (max-width: 768px){
	.subguide{background: #0c3272 url(../images/bg_03.PNG);  background-size: cover;}

}

@media screen and (max-width: 320px){
	
}

.kid_info div.show_status {
	float: right;
}