@charset "utf-8";

@font-face {
    font-family: 'inter';
    src: url('../font/Inter-Regular.ttf') format('truetype');
}

/* Default */
html, body{padding:0; margin:0}
body, select, input, textarea {
	font-family: inter;
	color:#373737;
	font-size:14px;
}
/* input[type="text"], selectbox{
	height: 32px;
	padding:0px 5px;
	border:1px solid #ccc;
} */
ul, ol, li {
	list-style:none;
}
section, article, aside, hgroup, header, footer, nav, figure, figcaption, summary {
	display:block;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	table-layout:fixed;
}
caption {
	display:none;
}
textarea {
	resize:none;
}
hr {
	display:none;
}
legend {
	display:none;
}
em, i {
	font-style:normal;
}
button {
	cursor:pointer;
	border:none;
	background:none;
}
a {
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	text-decoration:underline;
	color:#666;
}
a:link, a:visited, a:active, a:hover {
	text-decoration:none;
	color:#000;
}
a.st01 {
	text-decoration: underline !important;
	cursor:pointer;
	color:#e45124;
}
a.st01:link, a.st01:visited, a.st01:active, a.st01:hover {
	text-decoration: underline;
}
.clearfix {
	clear:both;
}
.clearfix:after {
	content: ".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
.clear-both {
	clear: both;
}
.displayNone {
	display:none;
}
.clear {
	display: block; _display: inline-block;
}
.inp, textarea {
	-webkit-appearance: none;
	outline:0;
}
select {
	padding: 2px;
	border: 1px solid #ccc;
	border-image: none;
	vertical-align: middle;
	background:#fff;
	height: 34px;
	width: 280px;
}

.m1 {margin-top:1px;}
.m5 {margin-top:5px;}
.m10 {margin-top:10px;}
.m20 {margin-top:20px;}
.m30 {margin-top:30px;}
.m40 {margin-top:40px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.p5{padding-top:5px;}
.p20{padding-top:20px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr10 {padding-right:10px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.haze, caption {
	width:0;
	height:0;
	font-size:0;
	visibility: hidden;
	overflow:hidden;
	line-height:0;
	display:block;
	left: -2000px;
	position: fixed;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.fwb {
	font-weight:bold
}
.point {
	color:#fe9f61;
}
.cl_blue {
	color:#437ddf !important;
}
.cl_yell {
	color:#ffdf07 !important;
}
.cl_or {
	color:#e9a717 !important;	
}
.cl_rd {
	color:#fa0c0c !important;	
}
.sg {
	color:#f50023 !important;	
}
/* position */
.justify {
	text-align:justify;
}
.t_center {
	text-align:center;
}
.t_left {
	text-align:left;
}
.t_right {
	text-align:right;
}
.top {
	vertical-align:top;
}
.middle {
	vertical-align:middle;
}
.bottom {
	vertical-align:bottom;
}
.w_10 {
	width:50px;
}
/* 필수입력 */
.sys_dtbl .required {
	background-image:url(../images/ico/required.gif)!important;
	background-repeat:no-repeat!important;
	background-position:top left !important;
}

.loading{
	position:absolute; 
	z-index: 99999; 
	width:100%; 
	height :100%; 
	background-color:#ffffff; 
	opacity:0.5;
	background-image:url(../images/common/loading.gif)!important;
	background-repeat:no-repeat!important;
	background-position:center !important;
}

.cursor{cursor:pointer}
.dflex{display:flex}

/*date_picker*/
.chevron-left{background-image:url("../images/nemo/main/icon_chevron-left.svg"); width:20px; height:20px; background-repeat:no-repeat; float:right}
.chevron-right{background-image:url("../images/nemo/main/icon_chevron-right.svg"); width:20px; height:20px; background-repeat:no-repeat;}


/*button */
.btn_add{
	padding:5px 10px; 
}
.btn_updt{
	padding:5px 10px; 
}


/* .activeBtn{color:#fff; background-color:#1D70B6; border:1px solid #1D70B6} */





/*error_page*/
.error_wrap{display: flex;justify-content: center; align-items: center; min-height: 100vh;}
.error_cont{text-align:center}
.error_num{font-size:70px; font-weight:bold}
.error_msg{font-size:30px; font-weight:bold; margin-top:10px; margin-bottom:15px}
.error_msg_sub{font-size:18px;  margin-top:10px; margin-bottom:15px}

/* CSS for deleted media display */
.thumb-preview { width: 100%; height: 100%; object-fit: contain; border-radius: 0px;background-color: #000; }
.deleted-badge {
  position: absolute;
  top: 4px; left: 4px;
  background: rgba(255,0,0,0.85);
  color: #fff; font-size: 12px; padding: 2px 6px;
  border-radius: 3px;
}

/* Styling for deleted VOD items in mainMap.jsp */
.deleted-vod-item {
  opacity: 0.6; /* Dim the item */
  /* You can add more styles like text-decoration: line-through; if desired */
}

/* Ensure disabled checkboxes are visually distinct */
.deleted-vod-item .v_check[disabled] {
  cursor: not-allowed;
}

/* Styling for deleted LIVE items in mainMap.jsp */
.deleted-live-item {
  opacity: 0.6; /* Dim the item */
}

/* Ensure disabled checkboxes are visually distinct */
.deleted-live-item .c_check[disabled] {
  cursor: not-allowed;
}

/* Specific styling for deleted-badge in RecordList.jsp to render inline */
.record-list-deleted-badge {
  position: static !important; /* Override absolute positioning */
  display: inline-block; /* Ensure it behaves well with margin and padding */
  top: auto !important; /* Remove absolute positioning */
  left: auto !important; /* Remove absolute positioning */
}