@charset "UTF-8";

:root {
	--flex-column-marginleft: 20px;
}


/* 개발용 */
.is_dev_office_box { border: 1px solid red; display: inline-flex; }
.is_dev_office_box button, .is_dev_office_box a[role=button] { margin: 2px 5px !important; }


td.bg_2220 {}
td.bg_2230 { color: #0047ff; }


/* 공통 */
.ellipsis_1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ellipsis_1_webkit { word-break: keep-all; text-overflow: ellipsis; white-space: normal; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.ellipsis_2 { word-break: keep-all; text-overflow: ellipsis; white-space: normal; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ellipsis_3 { word-break: keep-all; text-overflow: ellipsis; white-space: normal; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.ellipsis_4 { word-break: keep-all; text-overflow: ellipsis; white-space: normal; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.ellipsis_5 { word-break: keep-all; text-overflow: ellipsis; white-space: normal; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }


/* bootstrap */
.navbar-nav {}
.navbar-nav .nav-item { margin-left: 0; }
.navbar-nav .nav-item:first-child { margin-left: 0; }

.input-group-text { background-color: #d0d0d0; }
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link { color: #00f564; }
.form-control:focus { box-shadow: 0 0 0 0.07rem rgba(13, 110, 253, .25); }
.form-control.static { /*color: #6f6f6f;*/ font-weight: 400; background-color: #e9ecef; /*#e9ecef*/ }
.form-control[readonly] { background-color: #e9ecef; }

.modal-header { padding: 5px 15px; }

.form-check-inline.custom_normal { text-align: center; margin: 0; }
.form-check-inline.custom_normal > .form-check-input { width: 1.1rem; height: 1.1rem; padding-top: 0; }
.form-check-inline.custom_middle { text-align: center; margin: 0; }
.form-check-inline.custom_middle > .form-check-input { width: 1.3rem; height: 1.3rem; padding-top: 0; }
.form-check-inline.custom_big { text-align: center; margin: 0; }
.form-check-inline.custom_big > .form-check-input { width: 1.5rem; height: 1.5rem; padding-top: 0; }

.sticky-top { top: 66px; z-index: 1010; }


/* 기본 */
html { }
body { font-size: 15px; }
body.default_wrapper {}
body.default_wrapper #pageWrapper { min-width: 1600px; max-width: 1600px; margin: 56px auto 0;}
body.default_wrapper #pageWrapper #contentWrapper { }

.navbar > .container-fluid { padding: 0 30px; min-width: 1400px; max-width: 1600px; }

table thead tr td { text-align: center; }


/* bootstrap-select */
.input-group-sm .bootstrap-select .selectpicker+button { border-top-left-radius: 0; border-bottom-left-radius: 0; font-size: .875rem; padding: 4px 12px; min-width: 180px; }
.selectpicker_option_img { width: 15px; height: 15px; vertical-align: middle; margin-top: -3px; margin-right: 5px; }


/* SweetAlert2 */
body.swal2-height-auto { height: inherit !important; }
.swal2-actions > button.swal2-default-outline { padding: 7px 20px; }

/* 공통 배경색 지정 */
html, .nis_main { background-color: #fff; /*#f8f9fa;*/ }


/* 사이드바 */
.nis_sidebar { padding: 50px 0; width: 200px; }
.nis_sidebar .site_name { font-size: 20px; font-weight: bold; text-align: center; }
.nis_sidebar .menu_list { margin-top: 40px; }
.nis_sidebar .menu_list ul { list-style: none; margin: 0; padding: 0; }
.nis_sidebar .menu_list ul > li { float: none; position: relative; margin-bottom: 10px; }
.nis_sidebar .menu_list ul > li > a { color: #4e4e4e; text-decoration: none; font-size: 16px; line-height: 50px; margin-left: 20px; }
.nis_sidebar .menu_list ul > li > a > .bi  { color: #9f9f9f; }
.nis_sidebar .menu_list ul > li.active {}
.nis_sidebar .menu_list ul > li.active:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: #313fbe; }
.nis_sidebar .menu_list ul > li.active > a { color: #313fbe; font-weight: bold; }
.nis_sidebar .menu_list ul > li.active > a > .bi { color: #313fbe; }


/* 상단 네비게이션 */
.nis_nav {}


/* 메인 영역 */
/*.nis_main { background-color: #f8f8f8; padding: 0 30px 100px 30px; }*/
.nis_main { padding: 10px 15px 50px 15px; }
.nis_main.popup { padding: 10px; }

.nis_main .action_btn1 { padding: 2px 5px !important; font-size: 12px !important; }
.nis_main .input-group-text { min-width: 80px; justify-content: center; }
.input-group-text+.textonly {border: 1px solid #ced4da; border-radius: .25rem; padding-left: 7px; line-height: 30px; background: #dfdfdf; }
/*.nis_main .column2 { margin-left: -30px; }*/
/*.nis_main .column2 > div { margin-left: 30px; width: 50%; }*/
/*.nis_main .column3 { margin-left: -30px; }*/
/*.nis_main .column3 > div { margin-left: 30px; width: calc(100% / 3); }*/
/*.nis_main .column4 { margin-left: -30px; }*/
/*.nis_main .column4 > div { margin-left: 30px; width: 25%; }*/


.column2 > div { margin-right: var(--flex-column-marginleft); width: calc((100% - var(--flex-column-marginleft)) / 2); font-size: 0; }
.column2 > div:last-child { margin-right: 0 }
.column3 > div { margin-right: var(--flex-column-marginleft); width: calc((100% - (var(--flex-column-marginleft) * 2)) / 3); font-size: 0; }
.column3 > div:last-child { margin-right: 0 }
.column4 > div { margin-right: var(--flex-column-marginleft); width: calc((100% - (var(--flex-column-marginleft) * 3)) / 4); font-size: 0; }
.column4 > div:last-child { margin-right: 0 }
.column5 > div { margin-right: var(--flex-column-marginleft); width: calc((100% - (var(--flex-column-marginleft) * 4)) / 5); font-size: 0; }
.column5 > div:last-child { margin-right: 0 }
.column6 > div { margin-right: var(--flex-column-marginleft); width: calc((100% - (var(--flex-column-marginleft) * 5)) / 6); font-size: 0; }
.column6 > div:last-child { margin-right: 0 }
.column7 > div { margin-right: var(--flex-column-marginleft); width: calc((100% - (var(--flex-column-marginleft) * 6)) / 7); font-size: 0; }
.column7 > div:last-child { margin-right: 0 }
.column8 > div { margin-right: var(--flex-column-marginleft); width: calc((100% - (var(--flex-column-marginleft) * 7)) / 8); font-size: 0; }
.column8 > div:last-child { margin-right: 0 }
.column9 > div { margin-right: var(--flex-column-marginleft); width: calc((100% - (var(--flex-column-marginleft) * 8)) / 9); font-size: 0; }
.column9 > div:last-child { margin-right: 0 }
.column10 > div { margin-right: var(--flex-column-marginleft); width: calc((100% - (var(--flex-column-marginleft) * 9)) / 10); font-size: 0; }
.column10 > div:last-child { margin-right: 0 }

.column3 > .merged2 { flex: 2; /*min-width: calc((100% / 3) * 2);*/ }

.column4 > .merged2 { flex: 2; /*min-width: 50%;*/ }
.column4 > .merged3 { flex: 3; /*min-width: 75%;*/ }
.column5 > .merged2 { flex: 2; /*min-width: 40%;*/ }
.column5 > .merged3 { flex: 3; /*min-width: 60%;*/ }
.column5 > .merged4 { flex: 4; /*min-width: 80%;*/ }
.column6 > .merged2 { flex: 2; /*min-width: calc((100% / 6) * 2);*/ }
.column6 > .merged3 { flex: 3; /*min-width: calc((100% / 6) * 3);*/ }
.column6 > .merged4 { flex: 4; /*min-width: calc((100% / 6) * 4);*/ }
.column6 > .merged5 { flex: 5; /*min-width: calc((100% / 6) * 5);*/ }
.column7 > .merged2 { flex: 2; /*min-width: calc((100% / 7) * 2);*/ }
.column7 > .merged3 { flex: 3; /*min-width: calc((100% / 7) * 3);*/ }
.column7 > .merged4 { flex: 4; /*min-width: calc((100% / 7) * 4);*/ }
.column7 > .merged5 { flex: 5; /*min-width: calc((100% / 7) * 5);*/ }
.column7 > .merged6 { flex: 6; /*min-width: calc((100% / 7) * 6);*/ }
.column8 > .merged2 { flex: 2; /*min-width: calc((100% / 8) * 2);*/ }
.column8 > .merged3 { flex: 3; /*min-width: calc((100% / 8) * 3);*/ }
.column8 > .merged4 { flex: 4; /*min-width: calc((100% / 8) * 4);*/ }
.column8 > .merged5 { flex: 5; /*min-width: calc((100% / 8) * 5);*/ }
.column8 > .merged6 { flex: 6; /*min-width: calc((100% / 8) * 6);*/ }
.column8 > .merged7 { flex: 7; /*min-width: calc((100% / 8) * 7);*/ }
.column9 > .merged2 { flex: 2; /*min-width: calc((100% / 9) * 2);*/ }
.column9 > .merged3 { flex: 3; /*min-width: calc((100% / 9) * 3);*/ }
.column9 > .merged4 { flex: 4; /*min-width: calc((100% / 9) * 4);*/ }
.column9 > .merged5 { flex: 5; /*min-width: calc((100% / 9) * 5);*/ }
.column9 > .merged6 { flex: 6; /*min-width: calc((100% / 9) * 6);*/ }
.column9 > .merged7 { flex: 7; /*min-width: calc((100% / 9) * 7);*/ }
.column9 > .merged8 { flex: 8; /*min-width: calc((100% / 9) * 8);*/ }
.column10 > .merged2 { flex: 2; /*min-width: calc((100% / 10) * 2);*/ }
.column10 > .merged3 { flex: 3; /*min-width: calc((100% / 10) * 3);*/ }
.column10 > .merged4 { flex: 4; /*min-width: calc((100% / 10) * 4);*/ }
.column10 > .merged5 { flex: 5; /*min-width: calc((100% / 10) * 5);*/ }
.column10 > .merged6 { flex: 6; /*min-width: calc((100% / 10) * 6);*/ }
.column10 > .merged7 { flex: 7; /*min-width: calc((100% / 10) * 7);*/ }
.column10 > .merged8 { flex: 8; /*min-width: calc((100% / 10) * 8);*/ }
.column10 > .merged9 { flex: 9; /*min-width: calc((100% / 10) * 9);*/ }

.column2.ml10 { margin-left: -10px; }
.column2.ml10 > div { margin-left: 10px; width: 50%; }
.column2.ml20 { margin-left: -20px; }
.column2.ml20 > div { margin-left: 20px; width: 50%; }

.needs-validation .column2 > div { font-size: .875em; }
.needs-validation .input-group-text { min-width: 120px; }

.nis_main .nis_section_search { margin-top: 40px; }
.nis_main .nis_section_title { font-size: 20px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #c0c0c0; }

.nis_main .nis_section_tools { margin-top: 40px; }
.nis_main .nis_section_tools.card_border { margin: 0; border: 1px solid #c0c0c0; padding: 10px; border-radius: 5px; background: #f0f0f0; }
.nis_main .nis_section_tools .input_label { width: 100px; font-weight: 600; font-size: 14px; color: #3b3b3b; }
.nis_main .nis_section_tools .input_tool { /*width: calc(100% - 100px);*/ display: inline-block; }
.nis_main .nis_section_tools input[type='date'] { max-width: 150px; display: inline-block; }

.nis_main .nis_section_modify {}
.nis_main .nis_section_modify .input_label { width: 100px; }
.nis_main .nis_section_modify .input_tool { display: inline-block; /*width: calc(100% - 100px); padding-right: 50px;*/ }

.nis_main .nis_section_list { margin-top: 20px; }
.nis_main .nis_section_list table.list_wrap {}
.nis_main .nis_section_list table.list_wrap thead { }
.nis_main .nis_section_list table.list_wrap thead tr { }
.nis_main .nis_section_list table.list_wrap thead tr th { text-align: center; font-size: 14px; }
/*.nis_main .nis_section_list table.list_wrap thead tr th:first-child { text-align: left; }*/
.nis_main .nis_section_list table.list_wrap tbody { }
.nis_main .nis_section_list table.list_wrap tbody tr { }
.nis_main .nis_section_list table.list_wrap tbody tr.active { background-color: #b7dfff; } { }
.nis_main .nis_section_list table.list_wrap tbody tr.active2 { background-color: #bcffb7; } { }
.nis_main .nis_section_list table.list_wrap tbody tr td { text-align: center; font-size: 14px; line-height: 26px; }


/* 뉴스 레이아웃 */
.card_border { margin: 0; border: 1px solid #c0c0c0; padding: 10px; border-radius: 5px; background: #f0f0f0; }

tr.news_locked { background: #262788; cursor: auto !important; }
tr.news_locked > td { color: #fff; }
tr.news_locked:hover > td { color: #fff; }

td.S0010 { font-weight: bold; } /*저장*/
td.S0110 { color: #ff2121; font-weight: bold; } /*송고*/
td.S0130 { color: #dd56ff; font-weight: bold; } /*반려*/
td.S0900 { color: #2d6eff; } /*출고*/


/* 큐시트 레이아웃 */
.source_news_list {}
.source_news_list > div:nth-child(1) { width: 100px; }
.source_news_list > div:nth-child(3) { width: 100px; }
.source_news_list > div:nth-child(4) { width: 100px; }
.source_news_list > div:nth-child(5) { width: 100px; }
.source_news_list > div:nth-child(6) { width: 100px; }

.cuesheet_list {}
.cuesheet_list div:nth-child(1) { width: 100px; }
.cuesheet_list div:nth-child(3) { width: 100px; }
.cuesheet_list div:nth-child(4) { width: 100px; }
.cuesheet_list div:nth-child(5) { width: 100px; }
.cuesheet_list div:nth-child(6) { width: 100px; }
.cuesheet_list div:nth-child(7) { width: 100px; }
.cuesheet_list div:nth-child(8) { width: 100px; }

img.csi_audio_dve_icon { width: 18px; height: 18px; margin-right: 1px; vertical-align: middle; margin-top: -2px; }
img.csi_audio_dve_icon:last-child { margin-right: 0; }
.csi_media_report { color: red !important; }


/* 프롬프트 레이아웃 */
.nis_prompt_list {}
.nis_prompt_list .prompt_list_wrap { /*width: 100%;*/ margin-right: 20px;}
.nis_prompt_list .prompt_ment_wrap { /*border: 1px solid #e0e0e0;*/ }
.nis_prompt_list .prompt_ment_wrap .prompt_ment_header { }
.nis_prompt_list .prompt_ment_wrap .prompt_ment_body { width: 100%; position: relative; /*padding-bottom: 50%; height: 0;*/ }
.nis_prompt_list .prompt_ment_wrap .prompt_ment_body textarea { background-color: transparent; /*width: 100%; height: 100%;*/ /*position: absolute; left: 0;*/ }
.nis_prompt_list .prompt_ment_wrap .prompt_ment_bottom { width: 100%; position: relative; /*padding-bottom: 50%; height: 0;*/ }
.nis_prompt_list .prompt_ment_wrap .prompt_ment_bottom textarea { width: 100%; height: 100%; /*position: absolute; left: 0;*/ }


/* 팝업 레이아웃 */
body.popup_wrapper {}
body.popup_wrapper #pageWrapper { min-width: 1900px; }
body.popup_wrapper #pageWrapper #contentWrapper { }



.empty_list { padding-top: 200px; padding-bottom: 200px; text-align: center;font-size: 20px; font-weight: normal; }















.textarea_style1 {
	width: 100%;
	height: 400px;
	padding: 10px;
	line-height: 20px; /* Adjust line height according to your needs */
	font-size: 14px;
	/*background-image: linear-gradient(to bottom, transparent 90%, #ddd 90%);*/
	/*background-size: 100% 100px; !* 100px corresponds to 5 lines if line-height is 20px *!*/
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	/*font-family: Arial, sans-serif;*/
}

.styled-textarea2 {
	width: 100%;
	height: 400px;
	padding: 10px;
	line-height: 20px; /* Adjust line height according to your needs */
	font-size: 14px;
	/*background-image: linear-gradient(to bottom, transparent 90%, #ddd 90%);*/
	/*background-size: 100% 100px; !* 100px corresponds to 5 lines if line-height is 20px *!*/
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	/*font-family: Arial, sans-serif;*/
}



















.textarea-container {
	position: relative;
	width: 100%;
	height: 300px;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
.styled-textarea {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px; /* Basic padding for the textarea */
	line-height: 20px;
	font-size: 14px;
	border: none;
	box-sizing: border-box;
	font-family: Arial, sans-serif;
	background: none;
	z-index: 1;
	resize: none;
	overflow: auto;
}
.textarea-lines {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 0;
}