@CHARSET "UTF-8";
ul, li, ol{list-style: none}

/* inboound_write, history_write */
.col-md-6 {margin-top: 1em;}
.form-btn {margin: 1em 7.5px 0;}

/* inbound_view, history_view */
.inquiry_btn {border: none; background: #01B2D8; color: #fff; border-radius: .25rem;}
.table thead {text-align: center; background: #01B2D8; color: #fff;}
.table tbody {text-align: center}
.table td, .table th {border: none; border-bottom: 1px solid #f2f2f2;}
.table thead th {border: none;}
.table thead th:FIRST-CHILD {border-radius: .25rem 0 0 0;}
.table thead th:LAST-CHILD {border-radius: 0 .25rem 0 0;}
.modal-footer {border: none; padding: 0;}

/* employee_mngt */
/* .search_form {display: flex; justify-content: space-between;} */

/* contract_write 계약서 작성, list 계약서 */
.contract_btn {border: none; background: #01B2D8; color: #fff; border-radius: .25rem; margin: 0 7.5px; padding: .25rem; float: right;}
.check {border: none; background: #01B2D8; color: #fff; border-radius: .25rem; }
.cancel {border: 1px solid #6c757d; background: #fff; color: #6c757d; border-radius: .25rem;}

.btn_wrap {display: flex; align-items: center; justify-content: space-between;}
.btn_wrap p {margin: 0 .5rem 0 2rem;}
.btn_wrap button, input[type="button"] {margin: 0 .25rem;}
.btn_wrap .btn_left {display: flex; align-items: center;}
.btn_wrap .btn_right {display: flex; align-items: center;}

.format2 table {width: 100%; text-align: center; margin: 1rem 0;}
.format2 table th {background: #01B2D8; color: #fff; padding: 6px 0;}
.format2 table th:FIRST-CHILD {border-radius: .25rem 0 0 .25rem;}
.format2 table td {background: #f4f6f9;}
.format2 table td:LAST-CHILD {border-radius: 0 .25rem .25rem 0;}

.c_title {font-weight: 700; display: inline-block; margin-bottom: .5rem;}
.card-left {float: left; width: 40%; padding: 0 1.25rem;}
.card-left select {margin-right: 10px;}

.card-right input[type="text"] {width: 100%; border: 1px solid #c5c5c5; border-radius: .25rem; height: calc(2.25rem + 2px); padding: .375rem .75rem;}
.card-right input[type="date"] {border: 1px solid #c5c5c5; border-radius: .25rem; height: calc(2.25rem + 2px); padding: .375rem .75rem; vertical-align: middle; display: block;}
.card-right select {border: 1px solid #c5c5c5;  border-radius: .25rem;  height: calc(2.25rem + 2px); padding: .375rem .75rem; vertical-align: middle; display: block; margin-right: 10px;}
.card-right {float: right; width: 50%; padding: 0 1.25rem;}
.card-right table {border: 1px solid #c5c5c5;  border-collapse: collapse; border-spacing: 0; border-radius: .25rem;}
.card-right th {background: #e9ecef; border-bottom: 1px solid #c5c5c5; text-align: center; padding: 6px 0;}
.card-right tr {text-align: center; white-space: nowrap;}
.card-right ul {margin: 0; padding: 0;}
.card-right li {list-style: none; border: 1px solid #c5c5c5; border-radius: .25rem; line-height: 30px; margin: .25rem 0; width: 60%; padding: .375rem .75rem; display: inline-block;}
.card-right tbody .money{width:46%}

.card-bottom {clear: both;}
.card-bottom ul {padding: 1rem 0;}
.service ul {text-align: center;}
.service li {display: inline-block; list-style: none; width: 15%; box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2); margin:0 .25rem .5rem; vertical-align: top;}
.service li .tit_wrap {display: flex; background: #01B2D8; color: #fff; padding: .2rem; align-items: center; border-radius: .25rem .25rem 0 0; }
.service li .s_month, .s_focus{width: 100%;}
.service li span {width: 100%; display: block; padding: 10px 6px; text-align: center;}
.service li input[type="text"] {border: 1px solid #c5c5c5; border-radius: .25rem;  height: calc(2.25rem + 2px); padding: .375rem .75rem;}
.service select {border: 1px solid #c5c5c5;  border-radius: .25rem;  height: calc(2.25rem + 2px); padding: .375rem .75rem;}
textarea {border: 1px solid #c5c5c5;  border-radius: .25rem;  resize: none;}
.service .week_line {width: 100%; height: 232px; overflow-y: auto; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5;}

/* checkbox */
.service label {margin: 0;}
.service .s_month input[type="checkbox"] {display: none;}
.service .s_month input[type="checkbox"] + label::BEFORE {
	content:""; display: inline-block; width: 20px; height: 20px; background: transparent; border: 1px solid #fff;  border-radius: .25rem; vertical-align: middle; margin-right: .5rem;
}
.service .s_month input[type="checkbox"]:checked + label::BEFORE{
	content: ""; background: #fff url("../../dist/img/m_chk.png")no-repeat center; background-size: 12px;
}
.service .s_focus input[type="checkbox"] {display: none;}
.service .s_focus input[type="checkbox"] + label::BEFORE {
	content:""; display: inline-block; width: 20px; height: 20px; background: transparent; border: 1px solid #fff;  border-radius: .25rem; vertical-align: middle; margin-right: .5rem;
}
.service .s_focus input[type="checkbox"]:checked + label::BEFORE{
	content: ""; background: #fff url("../../dist/img/m_chk.png")no-repeat center; background-size: 12px;
}


.article_title{position: relative;}
.article_title .article_title_grid{position: absolute; display: inline-block; margin: 0px; right: 0px; display: flex}
.article_title .article_title_grid li{margin-right: 3px}
.article_title .article_title_grid li:last-child{margin-right: 0px}
#btnADD{border: 0px; box-shadow:none; background: #8e929b; padding: 6px 11px; color: #fff; font-size: .75rem}
#btnADD:hover{background-color: #70737a; color: #fff; font-size: .75rem; }
#btnDEL{border: 0px; box-shadow:none; background: #8e929b; padding: 6px 11px; color: #fff; font-size: .75rem}
#btnDEL:hover{background-color: #70737a; color: #fff; font-size: .75rem; }

.table td {
display: flex;
border-bottom: #f4f4f4;
padding: 0.3rem;
}
.entrTr th {
background-color: #f2f2f2;
padding: 0 0.3rem;
}
.table tr {
border-radius: 0.4rem !important;
-moz-border-radius: 0 0 0.4rem 0.4rem;
-ms-border-radius: 0 0 0.4rem 0.4rem;
-o-border-radius: 0 0 0.4rem 0.4rem;
-webkit-border-radius: 0 0 0.4rem 0.4rem;
}
.table .titleTh {
background-color: #8d98ae;
text-align: center !important;
border-radius: 0 0 0.4rem 0.4rem;
-moz-border-radius: 0 0 0.4rem 0.4rem;
-ms-border-radius: 0 0 0.4rem 0.4rem;
-o-border-radius: 0 0 0.4rem 0.4rem;
-webkit-border-radius: 0 0 0.4rem 0.4rem;
   }

.table .titleTh p {
margin: 0 auto;
width: 100px;
color: #fff;
}
#toggleBtn {
font-size: .9rem !important;
}

/*고객정보 미디어쿼리*/
@media (max-width: 575px) {
	.col-md-6 { 
	margin-top: 0px;
	}
	
	/*펼치기 버튼*/
	#testCustomerShow .table tr {
	display: grid
	}
	#testCustomerShow .table .entrTr th {
	display: block;
	text-align: left;
	}
	#testCustomerShow .table .titleTh {
	/* display: block; */
	padding: 0.3rem;
	}
	#testCustomerShow .table .titleTh > p {
	width: 99%;
	}
	#testCustomerShow .entrTr th {
	padding: 0.3rem 1rem;
	}

}

@media (min-width: 576px) and (max-width: 767px) {
	.col-md-6 { 
	margin-top: 0px;
	}
	/*펼치기 버튼*/
	#testCustomerShow .table tr {
	display: grid
	}
	#testCustomerShow .table .entrTr th {
	display: block;
	text-align: left;
	}
	#testCustomerShow .table .titleTh {
	/* display: block; */
	}
	#testCustomerShow .table .titleTh > p {
	width: 99%;
	}
	#testCustomerShow .entrTr th {
	padding: 0.3rem 1rem;
	}
}