@charset "utf-8";
@media screen and (max-width:1199px) {
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 479px) {
}


/* toast and loading */ 
div.loadimgWrap {display:none;position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: 10000;background-color: #fff;opacity: 0.5;} 
img.loadimg{display:none;width:60px;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%,-50%);} 
.lsh-toast{ 
	display:none;z-index:10000; width:200px;height:20px;height:auto;position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%,-50%); 
	background-color: rgba(56, 56, 56, .9);color: #F0F0F0;padding:10px;text-align:center;border-radius: 2px; 
	-webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);-moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1); 
} 

/* Semantic 정의 */
.ellipsis {display: block;width: 100%;overflow: hidden;position: relative;line-height: 1.2em;max-height: 1.2em;text-align: justify;margin-right: -1em;padding-right: 1em;word-break: break-all;}
.ellipsis:before {content: '...';position: absolute;right: 0;bottom: 0;}
.ellipsis:after {content: '';position: absolute;right: 0;width: 1em;height: 1em;margin-top: 0.2em;background: white;}
.ellipsis2 {display: block;width: 100%;overflow: hidden;position: relative;line-height: 1.2em;max-height: 1.2em;margin-right: -1em;padding-right: 1em;word-break: break-all;}
.ellipsis2:before {content: '';position: absolute;right: 0;bottom: 0;}
.ellipsis2:after {content: '';position: absolute;right: 0;width: 1em;height: 1em;margin-top: 0.2em;background: white;}

.ta-left {text-align:left;}
.ta-right {text-align:right;} 
.ta-center {text-align:center;}
.tbl_head01 tbody td.ta-left {text-align:left;}
.tbl_head01 tbody td.ta-right {text-align:right;} 
.tbl_head01 tbody td.ta-center {text-align:center;}
.abs-mid{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%,-50%);}

.img-responsive{display:inline-block; max-width: 100%;height: auto;
.responsive-video {
  width: 100%;       /* 가로 폭을 부모 요소에 맞춤 */
  height: auto;      /* 높이를 자동으로 조절 */
  aspect-ratio: 16 / 9; /* 16:9 화면 비율 유지 */
}
/* Modal */
.modal {text-align: center;padding: 0!important;}
.modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}
.modal-content{border-radius:0px;background-color: #f7f7f7;padding-left: 40px;padding-right: 40px;}
.modal-header {border:none;padding: 15px 0 8px;outline: none !important;}
.modal-title{margin-top: 20px;margin-bottom:20px;font-size: 20px;font-weight: bolder;letter-spacing: -1px;}
.modal-header .title-list-wrap{padding: 10px;border: 1px solid #e4e4e4;background: #fff;}
.modal-header .title-list-ul{margin: 0;padding: 0;list-style: none;}
.modal-header .title-list-li{clear:both;padding: 3px 0;}
.modal-header .title-list-li .title-subj{float:left;}
.modal-header .title-list-li .title-cont{float:left;padding-left: 40px;color: #000;font-weight: bolder;}
.modal-body{padding:10px;border:1px solid #e4e4e4;background:#fff;}
.modal-cont{}
.modal-footer{border:none;}

.empty_table{height: 150px;text-align: center;line-height:150px;}
.table > tbody > tr > td.empty_table{height: 150px;text-align: center;line-height:150px;}
/* ================ jhj 끝 ==================*/
@media (min-width: 768px){
	.modal-dialog {width: 700px;}
}
@media (min-width: 800px) {
	.modal-dialog {width: 770px;}
}
@media (max-width:767px){
	.modal-content{padding-left: 25px;padding-right: 25px;}
	.modal-title{font-size:16px;}
}

@media (max-width: 640px) {
	.modal-content{padding-left: 15px;padding-right: 15px;}
	.modal-title{font-size:12px;}
	.modal-header .title-list-wrap{padding: 5px;}
	.modal-header .title-list-ul{font-size:11px;}
	.modal-header .title-list-li{clear:none;float:left;width:50%;padding:0;}
	.modal-header .title-list-li .title-cont{padding-left:10px;}
}

@media (max-width: 550px) {
}
@media (max-width: 479px) {
}