.section {width: 1130px; margin: 0 auto; padding: 100px 0;}
.tbl_filter {position: relative; margin: 12px 0;} 
.tbl_filter .filter_top {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.tbl_filter .input_box {display: flex; align-items: center; gap: 10px;}
.tbl_filter .input_item {display: flex; gap: 6px;}
.tbl_filter .input{border: 1px solid #d4d4cd; font-size: 14px; color: #454545; height: 30px; margin: 0; padding: 0 5px;}
.tbl_filter .input.datepicker{ width: 110px; background: #fff url(../img/ic_calender.png) no-repeat 90% center; color: #454545; cursor: pointer;padding-left: 5px;}
.tbl_filter .select{ width: 110px; border: 1px solid #d4d4cd; font-size: 14px; color: #454545; height: 30px; margin: 0; padding: 0 5px; cursor: pointer;}
.tbl_filter .total {font-size: 16px; font-weight: 500;}
.tbl_filter .total .red {color: red;}
.tbl_filter .sch_btn { display: inline-flex; align-items: center; justify-content: center; width: 100px;  height: 30px;  line-height: 100%; background: #6db900;  font-size: 14px ;  text-align: center;  color: #fff;  cursor: pointer; border: none;  border-radius: 5px;}
.tbl_filter .filter_btn {display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 14px;}
.tbl_filter .btn { height: 30px; border: 1px solid #e8e8e8; border-radius: 5px;  color: #252d3a; padding: 0 15px; display: flex; align-items: center; justify-content: center; gap: 5px; font-size: 16px; line-height: 1;}
.tbl_filter .excel_btn .icon{background: url(../img/ic_down.png) no-repeat center/contain; width: 14px; aspect-ratio: 1/1;}

.tbl_filter .input#busSch { width: 100px;}
.tbl_filter .input#prdSch { width: 300px;}
.tbl_filter .input#managerSch { width: 110px;}
.tbl_filter .input#prdSch2 { width: 250px;}

.srch_item { padding: 15px 20px;  border: 1px solid #ccc; border-radius: 5px; background: #fefefe; }
.resv_status { padding-bottom: 10px;  }
.resv_status ul { display: flex; justify-content: left; align-items: center; gap: 0px;  }
.resv_status ul li.first { width: 100px; font-weight: 600; font-size: 15px; }
.resv_status ul li { min-width: 100px; }	
.srch_form { background: #f9f9f9; margin: 10px 0px; padding: 15px 15px; border-radius: 5px; border: 1px solid #e1e1e1; position: relative; }
.srch_form ul { display: flex; justify-content: left; align-items: center; gap: 5px; padding: 10px 0px;}
.srch_form ul li { position: relative; }

.tbl_top ul  { display: flex; justify-content: left; align-items: center; }
.tbl_top ul li { width: 50%; }
.deldel{ width:220px; border:1px solid #cccccc; padding:5px 10px; position:absolute; margin-right:0px; margin-top:5px; top: 40px; right: 130; display:none; background:#FFFFFF; z-index: 9;}	/*삭제버튼*/
.srch_form ul li .icon { position: absolute; top: 10px; right: 10px; }

.status_check { cursor: pointer; }

/*
.tbl_wrap {position: relative; padding-bottom: 10px;} 
.tbl_wrap::-webkit-scrollbar{ width: 4px; height: 4px;  } 
.tbl_wrap::-webkit-scrollbar-thumb{background: #222;cursor: pointer; } 
.tbl_wrap::-webkit-scrollbar-track{background: #ccc; } 
.tbl_wrap .tbl{width: 100%; border-collapse: collapse;  text-align: center;font-size: 14px;}
.tbl_wrap .tbl thead tr th{height: 40px;border: 1px solid #fff; font-weight: 400; color: #000; min-width: 100px;background: #DFE2E7;}
.tbl_wrap .tbl thead tr th:last-child {border-right: 0;}
.tbl_wrap .tbl thead tr td { height: 40px; border: 1px solid #e2e2e2; color: #000;  min-width: 100px;}
.tbl_wrap .tbl thead tr td:last-child{border-right: 0;}
.tbl_wrap .tbl thead tr th.th_region {border-right: 0px;}
.tbl_wrap .tbl thead tr th.th_region + th {border-left: 0px;}
.tbl_wrap .tbl tbody tr{ border: 1px solid #e2e2e2;}
.tbl_wrap .tbl tbody tr th{height: 40px;border: 1px solid #ccc; font-weight: 400; color: #000; min-width: 100px;background: #f0f3f8;}
.tbl_wrap .tbl tbody tr td{ height: 40px; border: 1px solid #e2e2e2; padding: 5px; min-width: 100px;}
.tbl_wrap .tbl tbody tr td.td_region {border-right: 0px;}
.tbl_wrap .tbl tbody tr td.td_region + td {border-left: 0px;}
.tbl_wrap .tbl tbody tr td.hide {border-color: #fff;background: #fff;}
.tbl_wrap .tbl tbody tr td.padding {padding: 10px;}

.tbl_wrap .tbl tfoot tr{ border: 1px solid #e2e2e2;}
.tbl_wrap .tbl tfoot tr th{height: 40px;border: 1px solid #ccc; font-weight: 400; color: #000; min-width: 100px;background: #f0f3f8;}
.tbl_wrap .tbl tfoot tr td{ height: 40px; border: 1px solid #e2e2e2; padding: 5px;}
.tbl_wrap .tbl tfoot tr td.td_region {border-right: 0px;}
.tbl_wrap .tbl tfoot tr td.td_region + td {border-left: 0px;}
.tbl_wrap .tbl tfoot tr td.hide {border-color: #fff;background: #fff;}
.tbl_wrap .tbl tfoot tr td.padding {padding: 10px;}

.tbl_wrap .tbl .td_chk {min-width: 50px;}
.tbl_wrap .tbl .td_num {min-width: 50px;}
.tbl_wrap .tbl .td_price {text-align: right; padding: 0 10px;}
.tbl_wrap .tbl .td_nowrap1 {min-width: 160px;}
.tbl_wrap .tbl .td_region1 {min-width: 140px;}
.tbl_wrap .tbl .input{width: 100%; border: 1px solid #d4d4cd; font-size: 14px; color: #454545; height: 30px; margin: 0; padding: 0 5px;}
.tbl_wrap .tbl .input.datepicker{ width: 110px; background: #fff url(../img/ic_calender.png) no-repeat 90% center; color: #454545; cursor: pointer;padding-left: 5px;}
.tbl_wrap .tbl .check{position: relative; appearance: none; background: #fff; border: 1px solid #c9c9c9; height: 16px; width: 16px; border-radius: 3px; margin: 0 auto;  padding: 0; cursor: pointer;}
.tbl_wrap .tbl .check:checked:after {content: ""; display: block;  width: 8px;  height: 8px; background: #666; position: absolute;  top: 50%; left: 50%; transform: translate(-50%,-50%);}
.tbl_wrap .tbl .input_phone { min-width: 100px;}
.tbl_wrap .tbl .input_price {text-align: right;}
.tbl_wrap .tbl .select{ width: 100%; border: 1px solid #d4d4cd; font-size: 14px; color: #454545; height: 30px; margin: 0; padding: 0 5px; cursor: pointer;}
*/
/* 팝업창에서의 테이블 css */
.tbl_wrap .pop_tbl{width: 100%; border-collapse: collapse; border: 1px solid #e2e2e2;  text-align: center;font-size: 14px;}
.tbl_wrap .pop_tbl thead tr th{height: 40px;border: 1px solid #fff; font-weight: 400; color: #000; background: #DFE2E7;}
.tbl_wrap .pop_tbl thead tr th:last-child {border-right: 0;}
.tbl_wrap .pop_tbl thead tr td { height: 40px; border: 1px solid #e2e2e2; color: #000; }
.tbl_wrap .pop_tbl thead tr td:last-child{border-right: 0;}
.tbl_wrap .pop_tbl thead tr th.th_region {border-right: 0px;}
.tbl_wrap .pop_tbl thead tr th.th_region + th {border-left: 0px;}
.tbl_wrap .pop_tbl tbody tr{ border: 1px solid #e2e2e2;}
.tbl_wrap .pop_tbl tbody tr th{height: 40px;border: 1px solid #fff; font-weight: 400; color: #000; background: #DFE2E7;}
.tbl_wrap .pop_tbl tbody tr td{ height: 40px; border: 1px solid #e2e2e2; padding: 5px;}

.tbl_wrap .pop_tbl tbody tr td.td_region {border-right: 0px;}


.tbl_wrap .pop_tbl tbody tr td.td_region + td {border-left: 0px;}.
.tbl_wrap .pop_tbl tbody tr td.hide {border-color: #fff;background: #fff;}
.tbl_wrap .pop_tbl tbody tr td.padding {padding: 10px;}

.bottom_box { padding: 10px 0px; }
.bottom_box ul { display: flex; justify-content: left; align-items: center; }
.bottom_box ul li { width: 50%; }
.bottom_box ul li:last-child { text-align: right; }
.bottom_box .reg_btn { border: none; text-align: center; width: 140px; padding: 5px; background: #5fabbc; color: #fff; border-radius: 5px; font-size: 14px; font-weight: 400; cursor:pointer; }


.pop_div { padding: 10px; background: #fff; box-sizing: border-box; }
.pop_div .pop_box { width: 760px; height: 35px; line-height: 35px; background: #8DC63F; color: #fff; padding: 0px 10px; box-sizing: border-box; }
.pop_div table { clear:both; width: 760px; border-collapse: collapse; }
.pop_div .pop_box table tbody tr td { padding: 10px; border: 1px solid #e2e2e2; vertical-align: top; }
.pop_div  .subject { width:360px; height:30px; line-height:30px; color:#000; padding-bottom:5px; text-align:left; }
.pop_div .subject span { color:#8DC63F; }
.pop_div .sub_tbl { width:100%; border-collapse:collapse; border:1px solid #e2e2e2;}
.pop_div .sub_tbl tr td.s_title { width:15%; height:30px; background:#F5F5F7; padding-left:10px; }
.pop_div .sub_tbl tr td.s_box { width:35%; padding:5px 10px; }
.pop_div .ins { width:90%; height:30px; border:1px solid #e2e2e2; padding-left:5px; }
.submit_btn { width:132px; height:34px; background:#252d3a; color:#fff; font-size:14px; margin:15px auto 0; text-align:center; border-radius:5px; border:1px solid #d4d4cd; cursor:pointer; }
.s_btn01 { background: #5fabbc; color: #fff; border-radius: 5px; border: none; min-width: 50px; height: 30px; cursor: pointer; }
.s_btn02 { background: #bf5ed1; color: #fff; border-radius: 5px; border: none; min-width: 50px; height: 30px;  cursor: pointer;}
.s_btn03 { background: #252d3a; color: #fff; border-radius: 5px; border: 1px solid #ccc; min-width: 50px; height: 30px;  cursor: pointer; }
.s_btn04 { background: #e1e1e1; color: #000; border-radius: 5px; border: 1px solid #ccc; min-width: 50px; height: 30px;  cursor: pointer; }
.s_btn05 { background: #ffff00; color: #000; border-radius: 5px; border: 1px solid #ccc !important; min-width: 50px;  height: 30px;  cursor: pointer; }
.s_btn06 { min-width: 60px; height: 30px; background:#252d3a; color:#fff; font-size:14px; text-align:center; border-radius:5px; border:1px solid #d4d4cd; cursor:pointer; }

.btn_black { min-width: 100px; height:35px; background:#252d3a; color:#fff; font-size:14px; text-align:center; border-radius:5px; border:1px solid #d4d4cd; cursor:pointer; }
.btn_red { background: #FF0000; color: #fff; border-radius: 5px; border: 1px solid #ccc; min-width: 50px; min-height: 35px;  cursor: pointer; }
.btn_green	{ min-width: 60px; height: 35px; background: #6db900; color: #fff; font-size:14px; text-align:center; border-radius:5px; border:1px solid #d4d4cd; cursor:pointer; }
.btn_default	{ min-width: 60px; height: 35px; background: #fff; color: #111; font-size:14px; text-align:center; border-radius:5px; border:1px solid #d4d4cd; cursor:pointer; }
.btn_blue		{ min-width: 60px; height: 35px; background: #00008B; color: #fff; font-size:14px; text-align:center; border-radius:5px; border:1px solid #d4d4cd; cursor:pointer; } 
.dis { background: #e1e1e1; color: #999; }
.red { color: #ff0000; }
.center { text-align: center !important; }
.left	{ text-align: left !important; padding-left: 10px !important; padding-right: 10px !important;}
.right	{ text-align: right !important; }
.cond { padding-left: 5px; font-weight: 400; }
/*
.select_box	{  border: 1px solid #999; width: auto;  text-align: left; height: 35px; border-radius: 5px;}	
*/
.inp_box		{  border: 1px solid #999;  min-width: 50px;  text-align: left; height: 35px; border-radius: 5px; }

/*  단체예약 견적서 페이지 공통 */
.est_div { padding: 0px 20px 10px 20px; }
.est_div .est_title_div { font-size: 16px; font-weight: 500; position: relative; padding: 10px 0px; position: relative; }
.est_div .est_title_div .est_regist_link { position: absolute; top: -10px; right: 0px; }


/* .sub_wrap { width: calc(100% - 80px); padding: 20px; margin: 0 auto; font-size: 14px; min-width: 1500px; font-weight: 500;} */
.sub_wrap .summary { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 15px 0px; margin: 40px 0px 20px 0px;  position: relative;}
.sub_wrap .summary ul { display: flex; justify-content: left; align-items: center; gap: 10px; }
.sub_wrap .summary ul li { font-weight: 500; }	
.sub_wrap .summary ul li.bar { 
	display: inline-block;
	line-height: 40px;
	width: 1px;
	height: 12px;
	background: #ddd;
	float: left;		
}
.sub_wrap .summary ul li:last-child { font-weight: 400; }	

.form_box { margin: 20px 0px; font-weight: 400;}
.form_box table { border-collapse: collapse; width: 100%;  font-size: 14px; 	 }
.form_box table thead tr th { font-weight: 600; color: #001d3a; padding: 12px 5px; background: #f8f8f8; border: 1px solid #dcdcdc; }	
.form_box table thead tr.top th { background: #f9f9f9; font-weight: 600; text-align: left; }
.form_box table tbody tr th { font-weight: 600; color: #001d3a; padding: 12px 5px; background: #f8f8f8; border: 1px solid #dcdcdc; position: relative; }
.form_box table tbody tr td { line-height: 1.4; font-weight: 500; color: #001d3a; vertical-align: middle; border: 1px solid #dcdcdc; padding : 15px 0px; text-align: center; vertical-align: middle; position: relative; }

.form_box .form_top input[type="text"], 
.form_box table tbody tr td input[type="text"], 
.form_box table tbody tr td input[type="date"],
.form_box table tbody tr td input[type="time"]
{ height: 30px; border: 1px solid #dcdcdc; border-radius: 2px; }	

.form_box .form_top { padding-bottom: 20px; }
.form_box .form_top button, 
.form_box table tbody tr th button,
.form_box table tbody tr td button
{ border-radius: 5px; padding: 5px 20px; border: none; }	
.form_box table tbody tr td .btn_black { background: #000; color: #fff; }
.form_box table tbody tr td div { padding: 1px 0px; }	
.form_box table tbody tr td select { max-width: 100%; height: 30px; border: 1px solid #dcdcdc; border-radius: 3px; }	
.form_box table tbody tr td textarea { width:  98%; height: 80px; border: 1px solid #dcdcdc; border-radius: 3px; }
.dis { background: #eee; }
.red { color: #ff0000 !important; }
.form_box .txt_box { padding: 10px; font-weight: 500; }
.btn_red { background: #ff0000; color: #fff; }
.btn_black { background: #000; color: #fff; }
.form_box .list_box td { text-align: center; padding: 5px 0px;}
.form_box .form_top ul  { display: flex; justify-content: right; align-items: center; gap: 10px; }
.form_box label { color: #000 !important; opacity: 1 !important; }
.form_box .btn_box ul { display: flex; justify-content: left; align-items: center; }
.form_box .btn_box ul li { width: 33%; }

.tbl_list { margin: 20px 0px; font-weight: 400;}
.tbl_list table { border-collapse: collapse; width: 100%;  font-size: 14px; 	 }
.tbl_list table thead tr th { font-weight: 600; color: #001d3a; padding: 5px 5px; background: #f8f8f8; border: 1px solid #dcdcdc; }	
.tbl_list table thead tr.top th { background: #f9f9f9; font-weight: 600; text-align: left; }
.tbl_list table tbody tr th { font-weight: 600; color: #001d3a; padding: 5px 5px; background: #f8f8f8; border: 1px solid #dcdcdc; position: relative; }
.tbl_list table tbody tr td { line-height: 1.4; font-weight: 500; color: #001d3a; vertical-align: middle; border: 1px solid #dcdcdc; padding : 5px 0px; text-align: center; vertical-align: middle; position: relative; }

/*
.form_box { margin: 20px 0px; }
.form_box table { border-collapse: collapse; width: 100%;  font-size: 14px; 	 }
.form_box table thead tr th { font-weight: 600; color: #001d3a; padding: 12px 5px; background: #f8f8f8; border: 1px solid #dcdcdc; }	
.form_box table thead tr.top th { background: #f9f9f9; font-weight: 600; text-align: left; }
.form_box table tbody tr th { font-weight: 600; color: #001d3a; padding: 12px 5px; background: #f8f8f8; border: 1px solid #dcdcdc; }
.form_box table tbody tr td { line-height: 1.4; font-weight: 500; color: #001d3a; vertical-align: middle; border: 1px solid #dcdcdc; padding : 10px; }

.form_box .form_top input[type="text"], 
.form_box table tbody tr td input[type="text"], 
.form_box table tbody tr td input[type="date"],
.form_box table tbody tr td input[type="time"]
{ height: 30px; border: 1px solid #dcdcdc; border-radius: 2px; }	

.form_box .form_top { padding-bottom: 20px; }
.form_box .form_top button, 
.form_box table tbody tr td button
{ border-radius: 5px; padding: 5px 20px; border: none; }	
.form_box table tbody tr td .btn_black { background: #000; color: #fff; }
.form_box table tbody tr td div { padding: 5px 0px; }	
.form_box table tbody tr td select { width: 92%; height: 30px; border: 1px solid #dcdcdc; border-radius: 3px; }	
.form_box table tbody tr td textarea { width:  98%; height: 80px; border: 1px solid #dcdcdc; border-radius: 3px; }
.dis { background: #eee; }
*/

.y_btn01 { width:80px; height:26px; line-height:26px; background:#056e99; color:#fff; border-radius:5px; font-size:12px; padding: 0px 0px !important;}	/* 확정 */
.y_btn02 { width:80px; height:26px; line-height:26px; background:#008000; color:#fff; border-radius:5px; font-size:12px; padding: 0px 0px !important;}		/* 출발확정 */
.y_btn03 { width:80px; height:26px; line-height:26px; background: #ffffff;	border: 1px solid #999 !important;  color:#454545; border-radius:5px; font-size:12px; padding: 0px 0px !important;}		/* 정상 */
.y_btn04 { width:80px; height:26px; line-height:26px; background:#3f57c6; color:#fff; border-radius:5px; font-size:12px;  padding: 0px 0px !important;  }					/* 예약신청 */
.y_btn05 { width:80px; height:26px; line-height:26px; background:#ff0000; color:#fff; border-radius:5px; font-size:12px; padding: 0px 0px !important;}					/* 예약취소 / 취소신청 */
.y_btn06 { width:80px; height:26px; line-height:26px; background:#666; color:#fff; border-radius:5px; font-size:12px; padding: 0px 0px !important;}					/* 투어취소 */
.y_btn07 { width:80px; height:26px; line-height:26px; background:#454545; color:#fff; border-radius:5px; font-size:12px; padding: 0px 0px !important; }				/*  투어완료 */

.btn_01 { border: 1px solid #ccc; background: #d38f0c; color: #fff; cursor: pointer;}
.btn_02 { border: 1px solid #111; background: #a54600; color: #fff; cursor: pointer;}
.add_btn { border: none; text-align: center; width: 90px; height: 35px;  padding: 5px 0; background: #5fabbc;  color: #fff;  border-radius: 5px; font-size: 14px; font-weight: 400; cursor: pointer; }

/* 팝업창 추가 css */
.sub_pop_form table tr th { background: #444 !important; color: #fff !important; }
.sub_pop_form table tr td { background: #fff;  font-weight: 400 !important;}
.sub_pop_div .srch_form { background: #fff !important; }
/*
.sub_title { background: #8DC63F; color: #fff; font-weight: 600;  padding: 10px; position: relative;}
*/

.full_box { width: 98%; }
/*
.btnBox { padding: 20px 0px; }
*/
.btn_bottom { padding: 3rem; }
.btnBox ul { display: flex; justify-content: flex-start; align-items: center; }
.btnBox ul li { width: 50%; }

.off { display: none; }
input[type="date"]:required:invalid::before {
  content: attr(placeholder);
  color: #999;
}
input[type="date"]:focus::before {
  content: "";
}
.point { color:#0a89e6; }

/* 상품관리  css */
.tour_form .s_title { padding: 10px 0px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; font-weight: 500;}
.tour_form .sub_top { padding: 10px; background: #f9f9f9; border: 1px solid #e1e1e1; margin-bottom: 5px; font-weight: 500;  }
.tour_form table tbody tr td { text-align: left !important; padding: 5px 20px !important;  }
.cate_list { padding: 10px 0px !important; /* display: flex; justify-content: flex-start; flex-direction: row; align-items: center; gap: 5px; margin: 0; padding: 0; flex-wrap: wrap; */ }
.cate_list div { margin: 0; padding: 0; }
.cate_list ul { display: flex; justify-content: flex-start; margin: 0; padding: 0; }
.cate_list ul li { padding: 5px 10px; text-align: left; border-bottom: 1px solid #e1e1e1; width: 300px;}
.cate_list ul li:last-child { width: 250px; }	
.cate_list ul li span { padding-right: 10px;  }
.cate_list ul li dl { display: flex; justify-content: left; align-items: center; gap: 0px; margin: 0; padding: 0; }
.cate_list ul li dl dd { min-width: 100px; height: 35px; margin: 0; padding: 0; border-bottom: 1px solid #e1e1e1; }
.pickup_box li { padding: 5px 0px; position: relative;}
.pickup_box li .pickup_list { position: absolute; top: 40px; left: 55px; border: 1px solid #ccc; border-radius: 5px; background: #fff; width: 368px; z-index: 9; padding: 5px !important; display: none;}	
.pickup_div ul li { border-bottom: 1px solid #ccc; cursor: pointer; background: #f9f9f9; padding: 5px;}
.price_list { padding: 10px !important; }
.price_list table tbody tr th { background: #fff !important; }
.main_area li { padding: 5px 0px; }
.product_num { width: 250px; }
.jijache { display: flex; justify-content: left; flex-wrap: wrap; align-items: center; gap: 10px 0px;}
.jijache li { width: 150px; }
.save_btn { padding-left: 20px; }

.sub_pop_box {
	position: fixed;
	top: 0px;
	left: 0px;
	background: url('/niabbs5/images/layer_bg.png');
	background-size: 100% 100%;
	background-position: center center;
	height: 100%;
	width: 100%;
	text-align: center;
	display: none;
	z-index: 100;

}
.pop_box {
	position: fixed;
	top: 0px;
	left: 0px;
	background: url('/niabbs5/images/layer_bg.png');
	background-size: 100% 100%;
	background-position: center center;
	height: 100%;
	width: 100%;
	text-align: center;
	display: none;
	z-index: 99;

}
.pop_div {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	min-width : 100px;
	min-height: 100px;
	z-index: 100;
	display: none;
	background: #fff;
	border-radius: 5px;
}
	
.pop_inc {
	background: #fff;
	min-width : 100px;
	max-height: 800px;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 auto;
	z-index: 100;
	border-radius: 3px;
}
.pop_close::after {
	content: "X";
	background: #bbb;
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	position: absolute;
	top: -10px;
	right: -10px;
	padding: 5px 10px;
	border: 1px solid #bbb;
	border-radius: 50%;
	cursor: pointer;

}


.input-check {
    display: inline-block;
    position: relative;
    min-width: 18px;
    width: auto;
    min-height: 25px;
    line-height: 1;
    font-size: 0;
    vertical-align: middle;
}
/*
.input-check + .input-check {
	margin-bottom: 10px;
}
*/
.input-check > label {
    line-height: 1;
	cursor: pointer;
}
.input-check > label.inp {
    display: block;
    font-size: 0;
}
.input-check > label > span {
/*    display: block; */
    padding-left: 10px;
	padding-right: 15px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
    color: #001D3A;
}
.input-check > label > span.col-1 {
    color: #BBB;
}
.input-check > label > input[type="checkbox"] + i {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: #FFF;
    background-image: url('/niabbs5/img/icon-check.svg');
    background-repeat: no-repeat;
    background-size: 8px 6px;
    background-position: center;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
}
.input-check > label > input[type="checkbox"]:checked + i {
    background-color: #004E9B;
    background-image: url('/niabbs5/img/icon-check-active.svg');
    border-color: #004E9B;
}
.input-check > label.inp > input[type="checkbox"] {
    width: 40px;
}
.input-check > label.inp > span > em {
    float: left;
    display: block;
    margin-right: 10px;
    line-height: 40px;
    font-style: normal;
}
.input-check > label.inp > span > em.location {
    width: calc(100% - 80px);
    margin-right: 0;
}
.input-check > label.inp > span > em.location:before {
    content: "(위치 :";
    float: left;
    display: block;
    margin-right: 10px;
}
.input-check > label.inp > span > em.location:after {
    content: ")";
    float: left;
    display: block;
    margin-left: 10px;
}
.input-check > label.inp > span > em.location input {
    float: left;
    width: calc(100% - 72px);
}
.input-check > label.inp > span > em.change {
    width: calc(100% - 80px);
    margin-right: 0;
}
.input-check > label.inp > span > em.change:before {
    content: "(교체할 부분 :";
    float: left;
    display: block;
    margin-right: 10px;
}
.input-check > label.inp > span > em.change:after {
    content: ")";
    float: left;
    display: block;
    margin-left: 10px;
}
.input-check > label.inp > span > em.change input {
    float: left;
    width: calc(100% - 115px);
}
.input-check > label.inp > span > em.quantity {
    width: calc(100% - 80px);
    margin-right: 0;
}
.input-check > label.inp > span > em.quantity:before {
    content: "(수량 :";
    float: left;
    display: block;
    margin-right: 10px;
}
.input-check > label.inp > span > em.quantity:after {
    content: "개)";
    float: left;
    display: block;
    margin-left: 10px;
}
.input-check > label.inp > span > em.quantity input {
    float: left;
    max-width: 80px;
    text-align: center;
}
.input-check > label.inp > span > em.repair {
    width: calc(100% - 80px);
    margin-right: 0;
}
.input-check > label.inp > span > em.repair:before {
    content: "(수선할 부분 :";
    float: left;
    display: block;
    margin-right: 10px;
}
.input-check > label.inp > span > em.repair:after {
    content: ")";
    float: left;
    display: block;
    margin-left: 10px;
}
.input-check > label.inp > span > em.repair input {
    float: left;
    width: calc(100% - 115px);
}
.input-check > label.inp > span > em.check {
    margin-right: 0;
}
.input-check > label.inp > span > em.check:before {
    content: "(";
    display: inline-block;
    margin-right: 10px;
}
.input-check > label.inp > span > em.check:after {
    content: ")";
    display: inline-block;
    margin-left: 10px;
}
.input-check > label.inp > span > em.reason {
    width: calc(100% - 80px);
    margin-right: 0;
}
.input-check > label.inp > span > em.reason:before {
    content: "(이유 :";
    float: left;
    display: block;
    margin-right: 10px;
}
.input-check > label.inp > span > em.reason:after {
    content: ")";
    float: left;
    display: block;
    margin-left: 10px;
}
.input-check > label.inp > span > em.reason input {
    float: left;
    display: block;
    width: calc(100% - 105px);
}
.input-check > label.inp > span > input {
    float: left;
    width: auto;
    max-width: 70%;
}
.input-check > label.inp > span .input-check {
    margin-right: 10px;
}
.input-check > label.inp > span .input-check:last-of-type {
    margin-right: 0;
}
.input-check > label.inp input[type="checkbox"] + i {
    top: 11px;
}
.input-check > label > input[type="radio"] + i {
    position: absolute;
    top: -1px;
    left: 0px;
    width: 18px;
    height: 18px;
    background-color: #FFF;
    border: 1px solid #DCDCDC;
    border-radius: 50%;
}
.input-check > label > input[type="radio"] + i:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: #DCDCDC;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.input-check > label > input[type="radio"]:checked + i:before {
    background-color: #004E9B;
}
.pagination { padding: 20px 0px; }
.pagination ul { display: flex; justify-content: center; align-items: center; gap: 10px; }

.sub_b_prev2{width:30px; height:30px; border:1px solid #b2b2b2; float:left; background:url(/niabbs5/images/icon/start_icon_03.png) no-repeat center; vertical-align:middle; cursor:pointer; border-radius:100%; margin-right: 5px; cursor: pointer;}
.sub_b_prev1{width:30px; height:30px; border:1px solid #b2b2b2; float:left; background:url(/niabbs5/images/icon/start_icon_05.png) no-repeat center; border-radius:100%; margin-right:35px; cursor:pointer;}
.sujja{width:30px; height:30px; font-weight:500; border:0px solid #b2b2b2;  float:left; color:#555; font-size:14px; text-align:center; line-height:30px; border-radius:100%; margin-right:5px; vertical-align:middle; cursor:pointer;}
.sub_b_next1{width:30px; height:30px; border:1px solid #b2b2b2; float:left; background:url(/niabbs5/images/icon/start_icon_07.png) no-repeat center; border-radius:100%; vertical-align:middle; margin-left:15px; cursor:pointer;}
.sub_b_next2{width:30px; height:30px; border:1px solid #b2b2b2; border-left:0; float:left; background:url(/niabbs5/images/icon/start_icon_09.png) no-repeat center; border-radius:100%; vertical-align:middle; margin-left:5px; cursor:pointer;}
.pagination .on { background: #ef7898; color: #fff; border: 0; }

.rotate-img { transform: rotate(180deg); filter: grayscale(100%); }

.pop_view { width: 1200px; }
.sub_pop { 
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	min-width : 100px;
	height: 800px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 100;
	display: none;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #ccc; 
	background: #f9f9f9;
}

	.datepicker { background: #fff url(/niabbs5/img/common/ic-calendar.gif) no-repeat 90% center; cursor: pointer; }
.check_pass { width:150px; height:30px; padding-left:5px; font-size:13px; border:1px solid #cccccc; float:left; }
.select_del_btn { padding:0 5px;color:#fff; background:#f16854; border-radius:0; height:30px; line-height:30px; margin-left:5px; display:block; border:1px solid #f16854; cursor:pointer; float:left; }

.pos_right	 { position: absolute; right: 0; top: 50%;  transform: translate(0%, -50%); }

.cancle_td { background: #eeeeee; position: relative; }
.cancle_line { background: #eeeeee; position: relative; }
.cancle_line::after { content: ''; position: absolute; left: 0; right: 0; top: 50%;  height: 0.01rem; background: #ff0000;  transform: translateY(-50%); }

.input_file { opacity: 0; }
.fileBox { position: absolute; top: 50%; transform: translateY(-50%);  }