@charset "UTF-8";
/*admin form custom*/
.layout-panel-east { left:802px !important; }
#toolbar {margin-bottom:10px}
@media (max-width: 768px) {
.panel datagrid panel-htop { width:100px; }
}
.form-group {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.form-group label {
    width: 20%;
    margin-right: 10px;
}
.form-group input, 
.form-group select,
.form-group textarea {
    width: 80%;
}
.form-group.with-button {
    align-items: center;
}
.form-group.with-button input {
    width: 55%;
}
.form-group.with-button a {
    width: 25%;
    margin-left: 10px;
    height:35px;
    text-align: center;
}
#searchForm {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 55%;
}
#searchForm label {
    margin-top:2%;
    align-items: center;
}
#searchForm .form-control, #searchForm .datepicker {
    width: 130px; /* 줄어든 너비 */
}
.form-control{
	width:70%;
}

/*테이블*/

tbody tr td:last-child {
  text-align: left; !important
}

.tabletitle{
	font-size:1.5em;
	font-weight:bold; 
	text-decoration:underline; 
	margin-bottom:10px;
	color:black;
}
.tableinput{
	border-radius: 0px;
    box-shadow: none;
    border-color: #e7e7e7;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #ced4da;
    width:100%
}


/* Layout */
.subContent			{ position:relative; }
.totalContent		{ margin-bottom:30px; border-bottom:1px solid #f1f1f1; background:#fbfbfb}
.totalContent>div	{ width:96%; margin:0 auto; padding:30px 0 25px }


/* Table */
table.table			{ width:96%; margin:15px auto; font-size:13px; border-top:2px solid #083b7d }
table.table thead th	{ padding:10px; color:#083b7d; font-weight:500; line-height:12px; text-align:center; border-right:1px solid #ededed; background:#ebf4ff}
table.table thead th a		{ color:#000}
table.table thead th a span{ font-size:8px; font-family:"돋움",Dotum }
table.table thead tr>th:last-child,
table.table tbody tr>td:last-child	{ border-right:0 }
table.table tfoot td	{ background:#fafafa}
table.table tbody th,
table.table td		{ padding:10px; color:#656565; text-align:left; line-height:130%; border-right:1px solid #ededed; border-bottom:1px solid #d9d9d9}
table.sms_table tbody th,
table.sms_table td      { padding:5px 10px}
table.table tbody th	{ font-weight:500; }
.subContent table.table td div{ display:block; }
table.table td div{ *display:inline; zoom:1;}
table.table td div>span	{ display:inline-block; *display:inline; zoom:1; text-align:left}
table.table td>span{ width:auto; text-align:center; color:#0052b9}
table.table td span.alert { display:block; text-align:left;}
table.table td a	{ color:#0052b9; font-weight:500;}
table.table td strong	{ font-weight:500;}
table.table th *,
table.table td *	{ vertical-align:middle }
table.table td input[type="text"], table.table td input[type="number"],table.table td input[type="tel"],
table.table td select	{ height:32px !important; padding:0 5px; font-size:1em; border:1px solid rgba(0,0,0,0.3); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
table.table td dl	{ margin:8px 0}
table.table td dt	{ font-size:1em }
table.table td dd	{ margin:0; color:#656565; font-weight:500; font-size:1em }
table.table img        { max-width:200px; max-height:90px;}
table.table td .btn		{ min-width:40px; padding:.2em 0; text-align:center;}
table.table td input[type='tel']		{ width:6.5em}
table.table td:last-child .btn:nth-child(3)		{ margin-top:1px; width:85px; max-width:100%}
#content table .btn.radius									{ margin:1px 0; padding:.1em .5em; border-radius:1em}
table.table input[type="checkbox"]	{ margin:0}
table.table .cont						{ overflow:hidden; width:100%; max-width:650px; margin:0; text-overflow:ellipsis; white-space:nowrap;}

/* No Table Thead */
table.table01		{ width:96%; margin:15px auto; }
table.table01 thead th{ background:#ebf4ff}
table.table01 th	{ min-height:30px; padding:5px 1em; color:#083b7d; font-size:14.5px; font-weight:500; text-align:left; background:#f4f7fb; border-bottom:1px solid #bacde4; }
table.table01 th span	{ display:block}
table.table01 thead th *{ vertical-align:middle}
table.table01 thead th a{ color:#000 }
table.table01 thead th a span{ display:inline; font-size:8px; font-family:"돋움",Dotum }
table.table01 td	{ padding:.6em; color:#656565; font-size:13px; line-height:130%; border-bottom:1px solid #ededed; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
table.table01 td+th { border-left:1px solid #d5d5d5}
.adminUserBtn{ display:inline-block; height:30px; padding:0 15px; line-height:28px; border:1px solid #adadad; border-radius:5px; color:#252525; margin-left:3px; box-sizing:border-box; }
.adminBtn{ color: #0052b9; background: #fff; border: 1px solid #0052b9;border-radius: 5px;font-size: 14px;width: 105px;height: 31px;}
.adminDeleteBtn{ color: #fff; background: #FF0000; border: 1px solid #FF0000;border-radius: 5px;font-size: 14px;width: 105px;height: 31px;}
.adminShBtn{ color: #fff; background: #0a0d24; border: 1px solid #0a0d24;border-radius: 5px;font-size: 14px;width: 105px;height: 31px;}
.adminListBtn{ color: #fff; background: #0052b9; border: 1px solid #0052b9;border-radius: 5px;font-size: 14px;width: 105px;height: 31px;}
table.table01 td * { *display:inline; zoom: 1; vertical-align: middle; }
table.table01 td input[type="text"], table.table01 td input[type="number"],
table.table01 td select	{ height:32px !important; padding:0 5px; font-size:13px; border:1px solid rgba(0,0,0,0.3); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
table.table01 td i{ font-style:normal; font-weight:500;color:#aaa; padding:0 5px}
table.table01 td label + label { margin-left:.5em}
table.table01 .total		{ margin:3px 0 0 0; }
table.tableCenter th,
table.tableCenter td		{ padding:5px; text-align:center}
.table_tit + table.table01 { margin-top:0}
table.table01 .tagify--outside .tagify__input	{ min-width:12em; height:32px; margin:0; padding:.5em}
table.table td .tit		{ font-size:1.1em;}
table .inline_img		{ max-width:75px; max-height:56.25px; display:inline-block;}
table.table01 #attachments>li					{ display:block; }
table.table01 #attachments>li	+ li			{ margin-top:5px; padding-top:5px; border-top:1px solid #ededed; }
table.table01 .bg_grey							{ color:#000; background:#f9f9f9}
table.table01 .bg_grey strong					{ font-weight:500; vertical-align:baseline}
table.table01 .subject								{ padding:.6em; font-size:1.18em; font-weight:700; text-align:center; border-top:1px solid #bacde4;}
table.table01 .cancle_list							{ margin:0; padding-left:0;}	
table.table01 .cancle_list li						{ display:block; }
table.table01 .cancle_list li + li					{ margin-top:5px; padding-top:3px; border-top:1px solid #ededed}
table.table01 .cancle_list li p					{ margin:0;}
table.table01 .cancle_list li p strong			{ font-weight:500; vertical-align:baseline}
table.table01 .btn_symp							{ float:right; display:inline-block; margin-top:5px; padding:2px .5em; color:#ff860a; vertical-align:middle; border:1px solid; border-radius:1em; }

.keyword								{ margin:2px 0; padding:.2em .5em; background:#f0f0f0 !important; border-radius:1em; }
.keyword,												
.keyword	>*							{ display:inline-block; }
.keyword	 .btn						{ width:auto; padding:0 .5em; background:none; border-radius:1em }
.keyword	 .btn.del					{ position:relative; width:16px; height:16px; margin-left:3px; background:#999; border-radius:50%}
.keyword	 .btn.del::before,
.keyword	 .btn.del::after			{ position:absolute; top:2.3px; left:7px; width:1px; height:10px; background:#fff; content:"" } 	
.keyword	 .btn.del::before		{ transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); }
.keyword	 .btn.del::after			{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); }


/* No Table Thead 01 */
table.table02		{ width:96%; margin:15px auto; }
table.table02 th	{ padding:5px 5% 5px 0; color:#083b7d; font-size:14.5px; font-weight:500; line-height:40px; vertical-align:top }
table.table02 tbody td	{ height:40px; padding:4px 0; color:#656565; font-size:13px; line-height:130%; letter-spacing:-0.05em; text-align:left}
table.table02 tbody td label	{ font-size:13px; color:#383838; font-weight:500; }
table.table02 td input.inputText[type="text"]	{ height:30px; }
table.table02 td input.inputText[type="text"],
table.table02 td textarea{ box-sizing:border-box; width:100%; border:1px solid #d7d7d7}
table.table02 td *{ display:inline-block; *display:inline; zoom:1; margin:1px 0; vertical-align:middle }
.table td:first-child,
.table th:first-child,
.table td:nth-child(3),
.table th:nth-child(3) {
    text-align: left;
    background-color:#F4F7FB;
    font-weight: 500;
    color:#262626;
}
h3.table_tit {
    width: 96%;
    margin: 1em auto 0;
    padding-bottom: .5em;
    color: #083b7d;
    border-bottom: 1px solid #000;
    font-size: 20px;
    font-weight: 700;
}
p{
	margin-bottom:0rem; !important
}