/* 
Project : 
Author  : 
Date    : 2021 - 09
*/



/* Common */
html, body {    font-family: 'NotoSans', sans-serif; font-size:18px;-webkit-font-smoothing: antialiased;background: #fff;line-height:1.4; margin:0;}
img{border:0;margin:0;padding:0;max-width:100%;}
a{margin:0;padding:0;}
a[name]{height:0;}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
	vertical-align: middle;max-width: 100%
}
a {text-decoration:none; color: black; }

.fleft{float:left;}
.fright{float:right;}
.alternative{z-index: -1;width: 0;height: 0;overflow: hidden;visibility: hidden;}
.txtleft{text-align:left !important;}
.txtcenter{text-align:center !important;}
.txtright{text-align:right !important;}
.txtbold{font-weight:bold !important;}
.prelative{position:relative;}
.pabsolute{position:absolute !important;}
.line_height{ line-height:0px;}
.verttop{ vertical-align:top;}
.vertbottom{ vertical-align:bottom;}

/*margin*/
.martop_10{margin-top:10px;}
.martop_20{margin-top:20px;}

/*font_color*/
.color_main_b{ color:#027be7!important;}
.color_main_red{color:#eb3b42!important;}
.color_main_grey{color: #656566!important;}
.color_main_grey_sub{color: #979799!important;}
.color_main_green{color: #14a45c!important;}


/*font*/
h1{font-size:3rem;letter-spacing:-2px;  font-weight:600;}/*54px*/
h2{font-size:40px;letter-spacing:-2px; }
h3{font-size: 1.488rem; font-weight:400; }/*27px*/
h4{font-size: 1.3rem; font-weight:400; line-height:1.2;}
h5{font-size:1.125rem; font-weight:400; }/*20px*/
p{ font-weight:400;}/*18*/
.font_sml{font-size:16px}
.arial_font{font-family:'Arial'; }

/**/
.show_m{display:none!important;}
.hide_m{display:block!important;}
.hide_im{display:inline-block!important;}

/*문단 나누기*/
.m_line_block{display:block;}
.m_block_veiw{display:inline-block;}

/*배경 칼라*/
.bg_blue{background:#027be7!important; color:#fff!important;}
	.bg_blue:hover:not(.no_hover){background:#0173d8!important;}
.bg_green{background:#14a45c!important; color:#fff!important;}
	.bg_green:hover:not(.no_hover){background:#0a8d4b!important;}
.bg_b_gray{background:#182952!important; color:#fff!important;}
	.bg_b_gray:hover:not(.no_hover){background:#0f1f44!important;}
.bg_b_yell{background:#ffb400!important;}


/*사이즈*/
.wid_100{width:100%!important;}	
	
/*인풋박스*/
input[type='text'], input[type='email']{ border:1px solid #e8e8eb;font-size:18px;  height:45px; padding:0; }	
input[type='checkbox']{width:23px; height:23px; border:1px solid #d9d9d9; border-radius:0;/* position:relative; top:5px;*/ margin-right:5px;}
input, textarea{font-family: 'NotoSans', sans-serif;}
input:focus, textarea:focus{outline:none;}

/*셀렉트박스*/
.select{ width:203px; height: 45px;  line-height: 45px;  font-size: 17px;  vertical-align: middle;  border-color: #d9d9d9;  margin-right: 3px;}
	select {font-family: 'NotoSans', sans-serif;	
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
	  text-align: left;
	  padding: 0 0 0 5px;
	  min-width: 80px;
	  -webkit-appearance: none;
		 -moz-appearance: none;
			  appearance: none;
	  background-position: right center;  padding: 0 25px 0 10px;  background: url('//www.kidkids.net/my/childwatch/images/select_arr.png') 90% 50%; background-repeat:no-repeat;}
	  
/**버튼 타입*/
button{background:none; border:0;  font-family: 'NotoSans', sans-serif; font-size:1rem;}	  
/* Layout */
.container{position:relative;width:1200px;margin:0 auto;text-align:center;}
.container-fluid{position:relative;width:100%;margin:0 auto; text-align:center;}
.section{padding:15vh 0;}
	.k_tap{width:9vw; font-family:Arial-Black, Arial; font-weight:800; }
	.k_tap_logo{width:124px;}
	
/*설명문구*/	
	.ext_area{margin-top:10px;}
		.ext{position:relative;margin-left:20px;margin-bottom:4px}
		.ext::before{ content: "※"; position: absolute; left:-20px;}
		
#wrap{position:relative;width:100%;margin:0 auto; text-align:center; min-width:1200px; }

	/*헤더*/	
	header{ font-size:1.125rem; background:none; width:100%; min-width: 1200px; top:0; left:0; z-index:40;   position: fixed;	/*overflow: hidden;*/  transition: all 0.2s ease-in-out;  height:88px;   line-height:85px;background: url(../images/bg_01.PNG) 0 0 no-repeat;background-size: cover;border-bottom:1px solid #4e99eb;}
		header a{color:#fff;}	
		header .gnb_frm{position:relative;width:1200px; margin:0 auto; height:88px; /*transition: 0.8s ease;*/}
		header a.logo{float:left; display:inline-block; width:124px; background:url(../images//top_logo_w.svg) no-repeat ; height:47px; margin-top:20px;}
		header .gnb{float:right;}
		header .gnb li{position:relative;float:left; padding-left: 10vw;}
		header .gnb_frm.on {    background-color: #fff;    transition: 0.2s ease; }		
		
		/* gnb 220224 수정 */
		header{height:auto;padding:1vh 0;}
		header .gnb_frm{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:auto;}
		header .logoarea{text-align:left;}
		header .logoarea .logo_stxt{font-size:13px;font-weight:300;color:#fff;line-height:1;}
		header a.logo{float:inherit;margin-top:0;}
		header .gnb{float:inherit;}
		
		
		
	header.on, .sub_header{background: #fff; color:#000; height:60px; line-height:60px;	}
		header.on a, .sub_header a {color:#000; font-size:1rem}
		header.on a.logo, .sub_header a.logo{ background:url(../images//top_logo_c.svg) no-repeat  ; width:100px; margin-top:15px}
		header.on .gnb li a:hover, .sub_header .gnb li a:hover, .sub_header .gnb li a.active{ color:#027be7;}

		header .gnb .innerList{position:absolute;top:85px;right:0;background:#fff;width: 180px;border:2px solid #027be7;line-height:1.2;}
		header .gnb .innerList li{padding:0;float: inherit;}
		header .gnb .innerList a{display:block;color:#000;font-size: 18px;padding:0.8vh 0;}
		header .gnb .innerList li a:hover{color:#027be7;}
		header .gnb .innerList.purchase{
			display: none;
		}
    header .gnb .innerList.purchase ul {
			display: none;
      max-height: 140px;
			transition: max-height 0.25s ease-in;
    }
	/*테이블-공용*/
	table.basic{width:100%;}	
	table.basic th{font-size:1.056rem; background:#f9f9fa;}
	table.basic th, table.basic td{border-style:solid;border-width:1px; border-color:#e8e8eb ;  padding:15px 10px; font-weight:500;letter-spacing:-0.5px;vertical-align:middle;}
	table.basic th:first-child, table.basic th:last-child, table.basic td:first-child, table.basic td:last-child {border-width:1px 0px;}
	table.basic td{font-weight:400; color:#333;}	
	table.basic .no_info_area{padding:40px 0; border-bottom:0;}
	table.basic input[type='text']{width:95%;}
	
	table.basic.institute th:first-child, table.basic th:nth-child(4){width:203px;}
	table.basic.institute th:nth-child(2){width:130px;}
	table.basic.institute th:nth-child(3){width:230px;}	
	
	dl input[type='text']{width:95%; text-align:center;}
	
	/*버튼*/
	.sub_btn{padding:23px 100px; display:inline-block;border-radius:500px;margin:10px 0;font-size:1.111rem;}
	.sub_btn_two{padding:15px 80px; }
	.sub_btn_two_big {    padding: 15px 30px; float:right; margin-left:5px; margin-top:0;}
	.sub_btn_squ{border-radius:5px;}
	.sub_btn_top{width:203px; padding:13px 0; font-size:1rem;}

	/*컨텐츠 내 버튼*/
	.sub_btn_con{padding:8px 30px; color:#979799; background:#e7e8ea;font-size:1rem; font-weight:300; margin:0 2px}
	.sub_btn_con:hover, .sub_btn_con_ok{background:#182952;color:#fff;}
	.sub_btn_con_ok{padding:8px 50px;}	
	.sub_con_icon{width:15px}
	
	/*설명박스-공용*/
	.explain_box{background:#eafcea;padding:3vh 1.5vw 2.7vh;color:#656566; text-align:left; margin-bottom:20px;}
	.explain_box p{margin-bottom:5px;}
	.explain_box .explain_tit{ background: linear-gradient(to top, #affaaf 50%, transparent 50%); display:inline-block;}
	.sub_right_text{float:right; margin-top:-30px; color:#656566;}
	
	/*달력 입력*/
	.calendar_area{border: 1px solid #e8e8eb;    height: 45px; display:inline-block;width:190px; text-align:left; margin:0 5px;}
	table.basic .calendar_area input[type='text']{border:0; height:38px; margin-top:2px;margin:2px 3px 0 5px;width:145px; text-align:center;}
	.calendar_area .input_icon{position:relative; top:5px; text-align:left; cursor:pointer;}
	
	/*팝업*/
	.popup_box{ background:#fff;margin:0 auto; text-align:center;position:relative;padding:7vh 0;border:1px solid #e8e8eb; box-shadow: 0 1px 20px 1px rgb(0 0 0 / 7%);}
		.close_design{background:url(../images/x.svg) ; background-size: 35px 35px; width:35px; height:35px;position:absolute; top:10px; right:10px;display:inline-block;}
		.popup_box p{margin-bottom:20px;}
		.popup_box a.sub_btn_con{padding-left:40px; padding-right:40px;}		
		
	/*모달 팝업*/
	.popup-wrap{  background-color:rgba(0,0,0,.3);  justify-content:center;  align-items:center;  position:fixed;  top:0;  left:0;  right:0;  bottom:0;  display:none;  padding:15px; z-index:999;}
	
	
	/**/
	/*서브 -공용*/
	.sub_header{height:80px; line-height:80px;}
    .sub_header a.logo, .sub_header.on a.logo{margin-top: 23px;}
	.sub_header.on {height:80px; line-height:80px; /*border-bottom:1px solid #e8e8eb; */box-shadow: 0 1px 4px 1px rgb(0 0 0 / 7%);}
	.sub_top_block{margin-top:78px;}
	.sub_top_ban{height:250px;background:#016fe2; color:#fff; background:url(../images/sub_top_ban_blue.png);  overflow:hidden;}
	.sub_top_ban .container{height:100%;}
	.sub_top_ban .tit{width:40%; margin-top:63px}
	.sub_top_ban .tit, .sub_top_ban img{position:absolute;}
	.sub_top_ban img{right:0; bottom:0;}
	
	.sub_section{margin:13vh 0;}
	.sub_tit{margin-bottom:10px;}
	.sub_tit_font{font-size:1.944rem; font-weight:500;     text-align: left;}/*35px*/	
	
	/* subgnb 220224 수정 */
	.sub_header{line-height:inherit;padding: 14px 0;} /* subgnb  ahj height:auto 제거*/
	.sub_header .logoarea .logo_stxt{color:#000;margin-top: 4px;}
	.sub_header a.logo, .sub_header.on a.logo{margin:0;height: 28px;}
	.sub_header .gnb .innerList{top:52px;}

	.register.basic_table{}	
		.register.basic_table dl{width:auto;text-align:center;}
		.register.basic_table dt, .register.basic_table dd{width:auto;}
		
	/*파일첨부*/
	input.upload_text {	float:left;	padding-left:10px; color:#999; width:320px;}
	div.upload-btn_wrap input.input_file {	position:absolute;	top:0;	right:0;	cursor:pointer;	opacity:0;	filter:alpha(opacity=0);	-ms-filter:"alpha(opacity=0)";	-moz-opacity:0;}
	div.upload-btn_wrap {/*버튼테두리 감싼 div*/	overflow:hidden;	position:relative;	float:left;	width:100px;/*width, height 값은 button(찾아보기)값과 같아야함 */	height:45px;	}
	div.upload-btn_wrap button {/*버튼 div*/	width:100px;	height:45px;	font-weight:bold;	background:#182952;		color:#fff; font-size:1rem; font-weight:500;}
	
			
	/*footer*/
	.footer{
		background:#141414; padding:5vh 0;color:#8c8c8c;
	}
		.footer object{ width:120px;}