/*--------------------------------------------------------------------------------------------*/
.li_center { text-align:center !important; } 
.li_right { text-align:right !important; } 
.li_left { text-align:left !important; } 

.font12 { font-size:12px; } 
.font13 { font-size:13px; } 
.font14 { font-size:14px; } 
.font15 { font-size:15px; } 

.input_all { width:100%; height:30px; text-align:left; border:1px solid #ccc; border-radius:3px; } 
.input_95 { width:95%; height:30px; text-align:left; border:1px solid #ccc; border-radius:3px; } 
.input_90 { width:90%; height:30px; text-align:left; border:1px solid #ccc; border-radius:3px; } 
.input_50 { width:50%; height:30px; text-align:left; border:1px solid #ccc; border-radius:3px; } 


/*--------------------------------------------------------------------------------------------*/


/* a1 */ 


/* 급여명세서 문자발송 시작 */
.capture_area2 { width:100%; max-width:450px; margin:0 auto;  background-color:#fff; text-align:center; } 

.capture_area1 { width:100%; max-width:450px; margin:0 auto;  background-color:#fff; text-align:center; } 
.capture_area1_title { width:100%; margin:0 auto; text-align:center;  }
.td_center { text-align:center; margin:0 auto; } 
.td_right { text-align:right; } 
.td_left { text-align:left; } 
.price { font-weight:bold; } 
.b_table0 { margin:0 auto;  } 
.b_table1 { margin:0 auto; border:1px solid #ededed; } 
.b_table1 > tbody > tr { height:25px !important; } 


/* 급여명세서 문자발송 끝  */





.div_left { float:left; display:inline-block; width:calc(30% - 10px); height:calc(100vh - 250px); overflow:auto; margin: 0 5px;  }
.div_right { float:left; display:inline-block; width:calc(70% - 10px); height:calc(100vh - 250px); overflow:auto; margin:0 5px; } 


@media all and (max-width:1400px) {

	.div_left { display:block; width:100%; height:400px !important;  }
	.div_right { display:block !important; width:100% !important; height:700px; margin-top:20px; } 

}


.search_area { display:flex; flex-direction:row; width:100%; max-width:500px; margin:0 auto; height:auto; text-align:center; font-size:1em; }

.search_area10 { display:block; width:100%; margin:0 auto; text-align:center; height:50px; margin:10px 0; border-bottom:1px solid #ededed; } 

.search_area11 { display:inline-block; width:80px; margin:0 auto; text-align:left; height:50px; } 
.search_area13 { display:inline-block; width:calc(100% - 130px); margin:0 auto; text-align:left; height:50px; } 
.search_area14 { display:inline-block; width:50px; margin:0 auto; text-align:left; height:50px; } 

.search_area10_4 > div { display:inline-block; width:190px; margin:0 auto; line-height:30px; padding-top:3px; text-align:center; } 

.input_search { width:120px; height:30px; } 

.submit_btn2 { width:calc(100% - 10px); height:calc(100% - 10px); margin:5px; border:1px solid #8C8C8C; background-color:#eaeaea; color:#000; border-radius:3px; text-align:center; font-size:16px; display:flex; justify-content: center; align-items: center; } 
.submit_btn3 { width:calc(100% - 10px); height:calc(100% - 10px); margin:5px; border:1px solid #8C8C8C; background-color:#eaeaea; color:#000; border-radius:3px; text-align:center; font-size:16px; display:flex; justify-content: center; align-items: center; } 


.main_area { width:100%; max-width:500px; height:100%; min-height:300px; margin:0 auto; padding:0; text-align:center; }
.gerae_list3 { width:100%; height:100%; margin:0 auto; text-align:left; } 

.gerae_list3 > table { width:100%; margin:0 auto; margin-top:5px; font-size:13px; border-spacing:1px; text-align:center; word-break:keep-all !important; table-layout: fixed; }
.gerae_list3 > table > thead > tr {	height:30px; }
.gerae_list3 > table > thead > tr > th { height:25px; padding:5px 5px; background-color:#eaeaea; border-radius:1px; font-weight:bold; border:1px solid #BDBDBD; }
.gerae_list3 > table > tbody > tr > td { height:20px; padding:5px 5px; border-radius:0px; font-weight:normal; border:1px solid #BDBDBD; }

.gerae_list3 > table > tbody > tr:nth-child(2n) { background-color: #bbdefb; }
.gerae_list3 > table > tbody > tr:nth-child(2n+1) { background-color: #e3f2fd; }


/* 클릭시 상세보여주기 레이어창 - 시작 */
.layer1 { display:none; position:fixed; top:0; left:0; right:0; z-index:1000; bottom:0; background-color:rgba(0, 0, 0, 0.6); justify-content : center; align-items : center; text-align:center; }
.layer1::after { content: ""; display:inline-block; vertical-align:middle; height:100vh; }
.layer_contents1 { position:relative; display:none; vertical-align:middle; width:320px; height:250px; background-color:#fff; border-radius:0.5rem; }

/* 클릭시 상세보여주기 레이어창 - 시작 */
.layer2 { display:none; position:fixed; top:0; left:0; right:0; z-index:1000; bottom:0; background-color:rgba(0, 0, 0, 0.6); justify-content : center; align-items : center; text-align:center; }
.layer2::after { content: ""; display:inline-block; vertical-align:middle; height:100vh; }
.layer_contents2 { position:relative; display:none; vertical-align:middle; width:300px; height:250px; background-color:#fff; border-radius:0.5rem; }


/* 클릭시 상세보여주기 레이어창 - 시작 */
.sign1 { display:none; position:fixed; top:0; left:0; right:0; z-index:1000; bottom:0; background-color:rgba(0, 0, 0, 0.6); justify-content : center; align-items : center; text-align:center; }
.sign1::after { content: ""; display:inline-block; vertical-align:middle; height:100vh; }
.layer_sign1 { position:relative; display:none; vertical-align:middle; width:100%; height:100%; background-color:#fff; border-radius:0.5rem; }

/* 클릭시 상세보여주기 레이어창 - 시작 */
.layer2 { display:none; position:fixed; top:0; left:0; right:0; z-index:1000; bottom:0; background-color:rgba(0, 0, 0, 0.6); justify-content : center; align-items : center; text-align:center; }
.layer2::after { content: ""; display:inline-block; vertical-align:middle; height:100vh; }
.layer_contents2 { position:relative; display:none; vertical-align:middle; width:300px; height:250px; background-color:#fff; border-radius:0.5rem; }



.layer_body1 { position:relative; width:100%; height:170px; color:black; }
.layer_body1 > table { width:100%; margin:0 auto; font-size:13px; border-spacing:1px; text-align:center; word-break:keep-all !important;  }
.layer_body1 > table > thead > tr {	 }
.layer_body1 > table > thead > tr > th { height:25px; padding:5px 5px; background-color:#eaeaea; border-radius:1px; font-weight:bold; border:1px solid #BDBDBD; }
.layer_body1 > table > tbody > tr > td { height:40px; padding:5px 5px; border-radius:0px; font-weight:normal; border:1px solid #BDBDBD; }

.layer_body2 { position:relative; width:100%; height:170px; color:black; }
.layer_body2 > table { width:100%; margin:0 auto; font-size:13px; border-spacing:1px; text-align:center; word-break:keep-all !important;  }
.layer_body2 > table > thead > tr {	 }
.layer_body2 > table > thead > tr > th { height:25px; padding:5px 5px; background-color:#eaeaea; border-radius:1px; font-weight:bold; border:1px solid #BDBDBD; }
.layer_body2 > table > tbody > tr > td { height:40px; padding:5px 5px; border-radius:0px; font-weight:normal; border:1px solid #BDBDBD; }

.layer_title { margin:0 auto; text-align:center; width:100%; height:70px; line-height:70px; font-size:1.5em; font-weight:bold; } 

.layer_text1 { margin:0 auto; text-align:center; width:100%; height:40px; line-height:40px; font-size:1.3em; font-weight:normal; } 

.layer_footer1 { display:block; position:relative; width:100%; height:70px; margin:0 auto; margin-top:5px; text-align:center; padding-top:2px; font-size:1.2em; } 

.layer_btn_save { margin:0 auto; margin-left:3px; margin-top:3px; font-size:18px; font-weight:bold; width:80px; height:35px; color:#fff; background-color:#6799FF; border:1px solid #5D5D5D; border-radius:5px; }  
.layer_btn_close { margin:0 auto; margin-left:3px; margin-top:3px; font-size:18px; font-weight:bold; width:80px; height:35px; background-color:#eaeaea; border:1px solid #5D5D5D; border-radius:5px; }  

.layer_btn_save2 { margin:0 auto; margin-left:3px; margin-top:3px; font-size:18px; font-weight:bold; width:50px; height:35px; color:#fff; background-color:#6799FF; border:1px solid #5D5D5D; border-radius:5px; }  
.layer_btn_close2 { margin:0 auto; margin-left:3px; margin-top:3px; font-size:18px; font-weight:bold; width:50px; height:35px; background-color:#eaeaea; border:1px solid #5D5D5D; border-radius:5px; }  
.layer_btn_del2 { margin:0 auto; margin-left:3px; margin-top:3px; font-size:18px; font-weight:bold; width:50px; height:35px; background-color:#eaeaea; border:1px solid #5D5D5D; border-radius:5px; }  

.gerae_detail { width:100%; margin:0 auto; text-align:center; padding:10px 0; border-top:2px solid #eaeaea; border-bottom:2px solid #eaeaea; } 
.gerae_detail > ul { width:100%; margin:0 auto; height:35px; } 
.gerae_detail > ul > li { display:inline-block; margin:0 auto; text-align:left;   } 

.gerae_detail > ul > li:first-child { width:calc(35% - 10px); text-align:right; padding-right:10px; } 
.gerae_detail > ul > li:last-child { width:calc(65% - 30px); padding-right:30px; } 

.code_input { border:1px solid #ccc; width:100%; } 	

.board_page_count { width:100%; height:50px; text-align:center; margin:20px 0;  border:1px solid blue; } 
.board_page_count > ul > li { display:inline-block; margin:0 auto; text-align:left;   } 

.board_page_1 { width:100%; height:35px; line-height:30px; font-size:1.3em; font-weight:bold; color:#4641D9; } 
.board_page_2 { width:100%; height:35px; line-height:30px; font-size:1.2em; font-weight:normal; } 




/* 법인정보 */
.search_area0 { display:block; width:100%; margin:0 auto; text-align:left; height:50px; margin:10px 0; border-bottom:1px solid #ededed; } 
.submit_btn0 { display:inline-block; width:80px; height:35px; margin:5px; border:1px solid #8C8C8C; background-color:#eaeaea; color:#000; border-radius:3px; text-align:center; font-size:16px; line-height:35px; } 
.submit_btn1 { display:inline-block; width:50px; height:30px; margin:5px; border:1px solid #8C8C8C; background-color:#eaeaea; color:#000; border-radius:3px; text-align:center; font-size:16px; line-height:30px; } 
.input_search1 { width:110px; height:30px; } 

.main_area1 { width:100%; height:100%; margin:0 auto; padding:0; text-align:left; border:1px solid red; overflow:auto; }
.main_area11 { float:left; display:inline-block; width:calc(100% - 260px); height:100%; margin:0 auto; text-align:center; overflow:auto; border:1px solid blue; }
.main_area12 { float:left; display:inline-block; width:250px; height:100%; margin:0 auto; padding:0; text-align:center; overflow:auto; border:1px solid black; }

.main_area12_1 { width:100%; border:1px solid blue; } 

.main_area12_11 { float:left; display:inline-block; margin-top:5px; } 
.main_area12_12 { display:block; margin-top:5px; width:100%; border:1px solid red; } 


.main_area12_2 { width:100%; border:1px solid red;  } 
.main_area12_2 > table { width:250px; margin:0 auto; margin-top:5px; font-size:13px; border-spacing:1px; text-align:center; word-break:keep-all !important;  }
.main_area12_2 > table > thead > tr {	height:50px; }
.main_area12_2 > table > thead > tr > th { height:45px; padding:5px 5px; background-color:#eaeaea; border-radius:1px; font-weight:bold; border:1px solid #BDBDBD; }
.main_area12_2 > table > tbody > tr > td { height:40px; padding:5px 5px; background-color:#fff; border-radius:0px; font-weight:normal; border:1px solid #BDBDBD; }
.main_area12_2 > table > tbody > tr:nth-child(2n) { background-color: #bbdefb; }
.main_area12_2 > table > tbody > tr:nth-child(2n+1) { background-color: #e3f2fd; }


.bubin_info { width:100%; height:100%; overflow:auto; }
.bubin_info > ul { width:100%; overflow:auto; } 
.bubin_info > ul > li { float:left; display:inline-block; height:50px; } 

.tbl_input11_1 { margin:0 auto; text-align:center; overflow-x:scroll; margin-bottom:30px; } 

.bubin_info { width:100%; margin:0 auto; margin-top:5px; font-size:13px; border-spacing:1px; text-align:center; word-break:keep-all !important;  }
.bubin_info > thead > tr {	height:50px; }
.bubin_info > thead > tr > th { height:45px; padding:5px 5px; background-color:#eaeaea; border-radius:1px; font-weight:bold; border:1px solid #BDBDBD; }
.bubin_info > tbody > tr > td { height:40px; padding:5px 5px; background-color:#fff; border-radius:0px; font-weight:normal; border:1px solid #BDBDBD; }
.bubin_info > tbody > tr:nth-child(2n) { background-color: #bbdefb; }
.bubin_info > tbody > tr:nth-child(2n+1) { background-color: #e3f2fd; }




.search_area { width:100%; border:1px solid red; } 
.list_area { width:100%; border:1px solid blue; } 

.list_area > table { width:100%; margin:0 auto; margin-top:5px; font-size:13px; border-spacing:1px; text-align:center; word-break:keep-all !important;  }
.list_area > table > thead > tr {	height:50px; }
.list_area > table > thead > tr > th { height:45px; padding:5px 5px; background-color:#eaeaea; border-radius:1px; font-weight:bold; border:1px solid #BDBDBD; }
.list_area > table > tbody > tr > td { height:40px; padding:5px 5px; background-color:#fff; border-radius:0px; font-weight:normal; border:1px solid #BDBDBD; }
.list_area > table > tbody > tr:nth-child(2n) { background-color: #bbdefb; }
.list_area > table > tbody > tr:nth-child(2n+1) { background-color: #e3f2fd; }

/*tab css*/
.tab{ float:left; width:100%;  overflow:auto; border:1px solid red; }
.tabnav{font-size:0; width:100%; border:1px solid #ddd;}
.tabnav li{display: inline-block;  height:46px; text-align:center; border-right:1px solid #ddd;}
.tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.tabnav li a.active:before{background:#7ea21e;}
.tabnav li a.active{border-bottom:1px solid #fff;}
.tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 30px; line-height:46px; text-decoration:none; font-size:16px;}
.tabnav li a:hover,
.tabnav li a.active{background:#fff; color:#7ea21e; }

.tabcontent{ width:100%; padding: 20px; height:calc(100% - 50px); border:1px solid #ddd; border-top:none;}
#tab01 { width:100%; height:100%; overflow:auto; display:flex; } 

#tab01 > div { width:100%; overflow:auto; border-top:1px solid #ccc; border-right:1px solid #ccc; } 
#tab01 > div > ul { width:100%; height:40px; line-height:35px; overflow:auto; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }

#tab01 > div > ul > li { float:left; display:inline-block; height:100%;  } 
#tab01 > div > ul > li:first-child { width:35%; background-color:#ededed; } 
#tab01 > div > ul > li:last-child { width:65%;  } 


.sub02_2_tbl { width:100%; margin:0 auto; margin-top:5px; font-size:13px; border-spacing:1px; text-align:center; word-break:keep-all !important;  }
.sub02_2_tbl > thead > tr > th { height:55px; padding:5px 5px; background-color:#eaeaea; border-radius:1px; font-weight:bold; font-size:15px; border:1px solid #BDBDBD; }
.sub02_2_tbl > tbody > tr > td { height:50px; padding:5px 5px; line-height:45px; background-color:#fff; border-radius:0px; font-weight:bold; font-size:15px; border:1px solid #BDBDBD; }


.tbl_result { width:100%; height:100%; overflow:auto; } 

.tbl_result > table { 
	border-collapse: collapse;
	width:100%;
}

.tbl_result > table { 
	border-collapse: collapse;
	width:100%;
	border:1px solid blue; 
}

.tbl_result >  table > tbody > tr > td { 
	text-align:center;
	padding:8px;
	white-space:nowrap;
	border:1px solid #ddd;
}

.tbl_result > table >  tbody > tr > th { 
	text-align:center;
	padding:8px;
	white-space:nowrap;
	border:1px solid #ddd;
}

.tbl_result > table > tbody > tr:nth-child(even) {background-color:#f4f4f4; } 


.result_box { height:calc(100% - 150px);   }
.result_box1 { height:calc(100% - 50px);   }




@media all and (max-width:800px) {

	.result_box { height:300px;   }
	.result_box1 { height:300px;   }

}