@charset "utf-8";
@import url(set.css);
@import url(noto.css);

body{color: #000;-webkit-overflow-scrolling: auto; }
.mb20 { margin-bottom: 20px; }
.mt20 { margin-top: 20px; }
.m-l-10{margin-left: 10px; margin-top: 5px;}
.common_padding { padding: 30px 20px; background: #fff; margin-bottom: 20px; margin-left: 0; margin-right: 0; box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02) }
.real-time { text-align: center; }
.real-time p { font-size: 1.18rem; margin-bottom: 10px; }
.real-time a { font-size: 1rem; font-weight: 500; }
.activity-status { padding: 30px 20px; background: #fff; box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02) }
.table_center { text-align: center; }
.table_center th { text-align: center; }
.table_center tr th { border-right: 1px solid #E3E5E6; font-weight: 500;background: #f1f7f9; }
.table_center tr td { border-right: 1px solid #E3E5E6; }
.table_center tr td:last-child,
.table_center tr th:last-child { border-right: none; }
.br1 { border-right: 1px solid #E3E5E6; }
.table_title { width: 30%; }
.button_wrap { display: flex; padding-right: 20px; justify-content: flex-end; margin-top: 10px; }
.button_wrap2 { justify-content: flex-start; }
a.delete { background: #d03e3e; vertical-align: middle; display: inline-block; padding: 6px 12px; }
a.delete i { vertical-align: 2px; }
.portlet-title { line-height: 38px;  text-align:left;font-weight: 500; margin-bottom: 20px; font-size: 1.125rem; color: #000;}
.portlet-title i { vertical-align: top; margin-right: 6px; }
.user_page{background: #3faede;}
.user_page:hover a{background: #3faede !important}
.user_page a{color: #fff !important; text-align: center;}
.fz15{font-size: 15px !important;}
.fz14{font-size: 14px !important;}
/*공통*/
.txc *{text-align:center;}
.table a {  color: #000; }
.table a:hover{color: #3fadde;}
.table a.none_deco { text-decoration: none }
.table a.btn{ text-decoration: none;}
.table > tbody > tr > .vertical-middle { vertical-align: middle }
.mr5 { margin-right: 5px; }
.filebox { margin-bottom: 5px; }
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.filebox label { display: inline-block; padding: .5em .75em; color: #999; font: inherit; line-height: normal; vertical-align: middle; background-color: #fff; cursor: pointer; border: 1px solid #eee; }
.filebox .upload-name { color: #000; display: inline-block; padding: .5em .75em; /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #fafafa; border: 1px solid #eee;    /* 네이티브 외형 감추기 */ appearance: none;  width: 90%;}
.upload-display { height: 300px; }
.upload-display div { height: 100%; }
.upload-display img { max-height: 100%; max-width: 100%; }
.view h3 { font-size: 1.25rem; }
.td_width_20 { width: 20%; }
.select_box { margin-bottom: 30px; }
.input-group.fl{float: left;}
.input-group-addon:last-child{height: 34px; padding: 0; line-height: 29px;}
.input-group-addon { width: 30px; padding: 8px; }
.select_box .span_style1 { text-align: center; margin-top: 9px; }
.clearfix { clear: both }
.dib { display: inline-block; }
.table-striped tbody tr td { vertical-align: middle }
.ml0_mr0 { margin-left: 0; margin-right: 0; }
.modal-body{width: 100%;}
.inquiry_view tr th:first-child { width: 20%; }
.text-align-right { text-align: right; }
.md-content h3 { text-align: left; color: #333; font-size: 1.125rem; padding-left: 40px; }
.md_cancle h4 { padding: 10px 0; }
.md_cancle label { padding: 10px 0; }
.md_cancle textarea { margin-top: 10px; }
.modal-dialog{max-width:60%;width:100%;height: 100vh;margin: 0 auto;display: flex;align-items: center;}
.md-content{width: 100%;}
/* .md-content > .row{max-height: 600px;overflow-y: auto;} */
.txl td,
.txl{ text-align: left; }
.txr{text-align: right}
.note-editor{min-width:500px;}
.control_p{height: 34px; padding: 6px 12px 6px 0; font-size: 0.875rem; line-height: 1.4;}
.flex_right{display: flex;justify-content: flex-end; padding: 10px 0;}
.flex_wrap{display: flex;justify-content: center; padding: 10px 0;}
.flex_left{display: flex;justify-content: flex-start; padding: 10px 0 !important; align-items: center;}
.flex_left select{margin-right: 5px;}
.point_td{font-weight: 500;color: #333;}
.point_td span{font-size: 1.25rem;color: red;}
.point_td2,
.point_td2 span{color: red;}
.table-bordered th{font-weight: 500; background: #f1f7f9;text-align: center;vertical-align: middle !important;}
.tdTAC td{text-align:center;}
.TAC{text-align:center;}
.flex_left li{display: flex; align-items: center; margin-right: 10px;}
.txc{text-align: center;}
.close_btn{width: 40px;height: 40px;display: block;background: #333;text-align: center;line-height: 34px;float: right;position: relative;right: -40px;opacity: 1;color: #fff;}
.close_btn:hover{color: #fff;}
.cr-styled input[type="radio"]:checked + i::before{position: relative; left: -0.5px;}
.note-editable ol li{list-style: decimal;}
.note-editable ul li{list-style: disc;}
.note-editor .note-editable{padding: 20px;}
.textarea_style{width: 100%; border:1px solid #ddd; height:100px;}
.attend table{table-layout: fixed;width: 100%;}
.form-group .flex_left{padding: 0 !important;}
.sms_text{position: relative;}
.sms_text label{position: absolute; right: 18px; bottom: 15px;}
.justify-content-end{display: flex;align-items: flex-start;justify-content: flex-end;flex-wrap:wrap; -webkit-flex-wrap: wrap; -ms-flex-flow: row wrap;}
/* .md-content > div{max-height:675px;} */
.table-responsive{-webkit-overflow-scrolling: touch;}
::-webkit-scrollbar {-webkit-appearance: none;width: 7px; height: 7px;}
::-webkit-scrollbar-thumb {border-radius: 7px;background-color: #d6d6d6;-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); display: block;}
::-webkit-scrollbar-track {border-radius: 7px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);}

/* 2021-12-04 add */
.detailBtn{
	width: 100%;
	height: 40px;
	margin: 15px 0px;
	padding: 0 10px 0 50px;
	background: #f5f5f5;
	border: 1px solid #ddd;
	position:relative;
	line-height:40px;
}
.detailBtn .plusBtn,
.detailBtn .minusBtn{
	position:absolute;
	width: 30px;
	height: 30px;
	border: 1px solid #ddd;
	background: #fff;
	left:10px;
	top:4px;
	cursor: pointer;
}
.detailBtn .plusBtn div,
.detailBtn .minusBtn div{
	width: 16px;
	height: 3px;
	background: #999;
	position:absolute;
	left:50%; top:50%;
	transform: translate(-50%,-50%);
}
.detailBtn .plusBtn div:last-child{
	transform: translate(-50%,-50%) rotate(90deg);
}
.subDetail{
	width:98%;
	margin-left: 2%;
}

/* 2021-12-08 add */
.table .form-group {
    margin-bottom: 0;
}
/* 2021-12-16 add */
.table-search{
	margin-bottom:10px;
}
.table-search th{
	text-align: center;
	background: #f1f7f9;
	border-top: 1px solid #E3E5E6;
	border-bottom: 1px solid #E3E5E6;
	border-right: 1px solid #E3E5E6;
}
.table-search td{
	border-top: 1px solid #E3E5E6;
	border-bottom: 1px solid #E3E5E6;
}
/* 2021-12-29 add */
.comments{
	border-top: 2px solid #0099dc;
}
.comments ul li{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #ddd;
	padding:20px;
}
.comments ul li .comments_cont{
	width: 80%;
}
.comments ul li .comments_cont p{
	display: inline-block;
	margin-top: 20px !important;
	color: #333;
}
.comments ul li .comments_cont h4{
	display: inline-block;
	margin-right: 20px;
	color: #666;
	border-right: 1px solid #dbdbdb;
	padding-right: 20px;
}
.comments ul li .comments_cont .id_date p{
	color: #666;
	margin-top: 0 !important;
}
.comments ul li .comments_btn{
	width: 20%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.comments ul li .comments_btn button{
	width: 50%;
	box-sizing: border-box;
	border: 1px solid #888;
	padding: 8px 0;
	background: #fff;
	color: #888;
}
.comment_write{
	padding: 20px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	display: flex;
	justify-content: space-between;
}
.comment_write textarea{
	width: 100%;
	height:80px;
	border: 1px solid #ddd;
}
.comment_write button{
	border: 0 none;
	padding: 10px 0;
	text-align: center;
	width: 15%;
	background: #888;
	color: #fff;
	height: 80px;
}

/* 2021-12-30 add */
.sms_text{
	width:100%;
	border:1px solid #888;
	border-radius: 10px;
	padding: 30px 10px 20px 10px;
	background:#bbb;
}
.sms_text input{
	border:1px solid #888;
}
.smsPhone{
	padding: 10px;
	border:1px solid #888;
}
.sms_emo{
	width:300px;
	height:200px;
	padding:10px;
	background: #eee;
}
.sms_emo ul{padding:10px !important;}
.sms_emo li{
	cursor: pointer;
    font-size: 12px;
    list-style: none;
    width: 20px;
    height: 20px;
    color:#222;
    float:left;
}

/* 2022-01-12 add */
.sms_text label span.sms{
	width:34px;height:24px;
	background:#0099dc;
	color:#fff;
	font-size:14px;
	border-radius: 5px;
	display:inline-block;
	margin-left: 10px;
	line-height:24px;
	text-align: center;
}
.sms_text label span.lms{
	width:34px;height:24px;
	background:#cb2a2a;
	color:#fff;
	font-size:14px;
	border-radius: 5px;
	display:inline-block;
	margin-left: 10px;
	line-height:24px;
	text-align: center;
}

span.attend{color:#0099dc;font-size:15px;}
span.absent{color:#cb2a2a;font-size:15px;}
span.stop{color:#ebc142;font-size:15px;}

/* 2022-01-14 add */
.atted_table:after{content:''; display:block; clear:both;}
.real-time a{color: #0099dc;}
.real-time a:hover{color: #222;}
/* 2022-01-20 add */
.tem.txc td{text-align:center;}
.tem.txc td input{text-align: left;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
table.with-site-table tr td{
	border-top: 1px solid #eee !important;
	text-align:center;
}
table.with-site-table tr:first-child td{
	border-top: 0 none !important;
}
/* 2022-01-22 add */
.note-editable p{font: inherit;}

/* 2022-02-25 add */
.txl span a{display:block; text-align: center;}

@media(max-width:1400px){
	html, body{font-size: 90%;}
	.button_wrap{padding-right: 0;}
	.modal-dialog{max-width:90%; }
	.md-content > div{padding: 10px 15px 20px;}
	.md-content h3{padding-left: 10px;}
	.close_btn{right: 0; width: 30px; height: 30px; line-height: 27px;}
	.md-content{max-height: 90%; overflow-y: auto}
}