.wait_confirm{
    text-align: center;
    color: #de6800;
    font-size: 1.5em;
    font-weight: bold;
    margin: 10px 0;	
}
.title_color input{
	height:18px;
	width:80px;
	margin-left:5px;
}
.jPicker{
	position:absolute;
}
.write_option{
	margin-top:10px;
}
.write_option input, label{
	vertical-align:middle;
}
.write_option input:nth-child(2){
	margin-left:40px;
}
input#is_notice{
	margin-left:10px;
}
.bt_in_ar{
	text-align:right;	
}
.button_insert{
    width: 100px;
    height: 30px;
    font-size: 1.1em;	
}
em{
	color:#dc0000;
}
div.pagination{
	display:flex!important;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:4px;
	clear:both;
	text-align:center;
	padding-top:10px;
}
div.pagination a,
div.pagination strong{
	text-decoration:none;
	color:#767676;
	background-color:#f6f6f6;
	border-radius:2px;
	padding:0 8px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:28px;
	height:28px;
	line-height:1;
	box-sizing:border-box;
}
div.pagination strong{
	color:#fff;
	background-color:#5091de;
	font-weight:bold;
}
.list_footer{
	position:relative;
	margin:15px 0;
}
.list_footer select{
	height:25px;
	min-width:60px;
	border:1px solid #ccc;
}
.list_footer input[type=search]{
	height:25px;
	color:#767676;
	border:1px solid #ccc;
}
form.imagecon_search{
	float:left;
}
.btn_sm{
	text-decoration:none!important;
	display:inline-block;
	padding:0 12px!important;
	margin:0;
	font-family:inherit;
	font-size:12px;
	line-height:24px!important;
	height:25px!important;
	text-align:center;
	vertical-align:top;
	cursor:pointer;
	overflow:visible;
	background-color:#e8e8e8;
	background-image:none;
	border:0;
	border-radius:2px;
	text-shadow:none;
	color:#000;
	box-shadow:none;
	border:1px solid #d4d4d4;
}
.btn_sm:hover{
	color:#fff;background-color:#5091de;
}
.l_title a{
	text-decoration:none;
	color:#000;
}

.author a{
	font-size:12px;
}

.date{
	color:#444;
}
.content_rb{
	min-height:150px;
	padding:10px 5px;
}
.read_footer{
	border-top:1px solid #dedede;
	border-bottom:1px solid #CCC;
	margin-bottom:30px;
}
.btarea_rf{
	margin:10px 0 10px 0;
	text-align:right;
}
.content_data{
	background:#f8f8f8;
	border-top:2px solid #666;
	padding:15px 20px;
	color:#666;
}
.content_message{
	text-align:center;
	border-top:2px solid #666;
}
.content_message h1{
	font-size:15px;
}
h3.title{
	color:black;
}

.meta{
	height:35px;
	border-bottom:1px solid #dedede;
}
.meta_left{
	float:left;
	line-height:35px;
}
.meta_left a{
	color:#444;
	text-decoration:none;
	margin-left:5px;
}
.meta_right{
	float:right;
	line-height:35px;
	margin-right:5px;
}

.meta_right span{
	margin:0 3px;
}

.bt_vote{
	text-align:center;
	margin-bottom:25px;
}
.bt_vote div{
	display:inline-block;
	background-color:#fff;
	margin: 0 5px;
	width:75px;
	height:35px;
	font-size:14px;
	font-weight:400;
	line-height:35px;
	border:1px solid #ccc;
	border-radius:5px;
	cursor:pointer;
	outline:none;
}
#vote_up span:first-child{
	color:red;
}
#vote_down span:first-child{
	color:blue;
}

.bt_purchase{
	text-align:center;
	margin-bottom:25px;
}
.bt_purchase input{
	background-color:#fff;
	padding:6px 20px;
	font-size:14px;
	font-weight:400;
	line-height:1.5;
	border:1px solid #ccc;
	border-radius:5px;
	cursor:pointer;
	outline:none;
}

.bt_select_confirm{
	text-align:center;
	margin-bottom:25px;
}
.bt_select_confirm div{
	display:inline-block;
	background-color:#fff;
	margin: 0 5px;
	width:75px;
	height:35px;
	font-size:14px;
	font-weight:400;
	line-height:35px;
	border:1px solid #ccc;
	border-radius:5px;
}
#approve span{
	color:blue;
}
#deny span{
	color:red;
}
.content_period{
	border-bottom:1px solid #dedede;
}
.content_period_t{
	margin:10px auto;
	text-align:center;
	padding:5px 0;
	width:300px;
	height:135px;
}
.content_period_t th{
	text-align:center;
	background:#f0f0ff;
	border:1px solid #ccc;
}
.content_period_t td{
	background:#f0f0ff;
	border:1px solid #ccc;
}

.bt_stop_sell{
	text-align:center;
	margin-bottom:25px;
}
.bt_stop_sell div{
	display:inline-block;
	background-color:#fff;
	margin: 0 5px;
	width:95px;
	height:35px;
	font-size:14px;
	font-weight:400;
	line-height:35px;
	border:1px solid #ccc;
	border-radius:5px;
	outline:none;
	cursor: pointer;
}
.shortname_info_bt{
	position:relative;
	width: 105px;
	height: 30px;
	border: 1px solid rgb(204, 204, 204);
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	margin: 5px;
	font-size: 13px;
	outline:none;
	float:right;
}
.shortname_info_box{
	position: absolute;
	border: 1px solid #ccc;
	border-radius: 5px;
	top: 35px;
	right:0;
	font-size: 13px;
	background: #fff;
}
.read_files {
	padding:10px 0 10px 0;
	border-bottom:1px solid #dedede;
}
.read_files img{
	width:100px;
	height:100px!important;
	border:1px solid #DDD;
}
.read_files_in{
	text-align:center;
	display:inline-block;
	vertical-align:top;
	margin:0 0.5%;
}
.read_files_in div{
	width:100%;
	margin:5px auto;
	text-align:center;
}
.read_files_in textarea{
	width:98%;
	height:46px;
	border:1px solid #aaa;
}
.read_files_in input{
	width:100%;
	margin:2px 0;
}
.read_files_short_name{
	width:100px;
	border:1px solid #dedede;
}
.title_rh{
	overflow: hidden;
	margin:10px 0 0 0;
	width:100%;
	height:40px;
	line-height:40px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background:#FCFCFC;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.title_rh a{
	font-size:14px;
	text-decoration:none;
	color:#444;
	font-weight:400;
	margin-left:5px;
}
.shortname{
	border:1px solid #dedede;
	width:100%!important;
	height:52px;
	text-align:left!important;
}
#shortname_info{
	height:45px;
}

.list_header_bt{
	float:right;
	position:relative;
}
.list_header_bt a{
	margin:5px 0;
}
.list_header_bt span{
	margin:5px 0;
}
#change_align_pop{
	position:absolute;
	background:white;
	margin-top:1px;
	right:0;
	min-width:70px;
}
#change_align_pop a{
	display:block;
	width:100%;
	white-space:nowrap;
}
.cover-image-h{
}
.cover-image-b{
}
.cover-image-b span img{
	border:1px solid #DDD;
	vertical-align:middle;
}
tr.notice{
	height:30px;
}
.head_t{
	margin-left:20px;
	color:#555;
	font-size:16px;
	font-weight:bold;
}

.list_content table{
	margin-top:10px;
	border:0;
	border-top:1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8;
	color:#4a4a4a;
}
.list_content thead th{
	text-align:center;
	font-size:13px;
	border:0;
	border-bottom:1px solid #DBDBDB;
	padding:14px 0 15px;
	height:14px;
	white-space:nowrap;
}
.list_content .l_title{
	width:400px;
	text-align:left;
	padding-left:5px;
}
.list_content tbody td{
	font-weight:unset;
	font-size:13px;
	border:0;
	border-bottom:1px solid #DBDBDB;
	white-space:nowrap;
	text-align:center;
}
.list_content tbody tr:last-child td{
	border-bottom:0;
}
.list_content .member-b{
	text-decoration:none;
	color:#4a4a4a
}
td#no{
	text-align:center;
}
div#title_t{
	width:400px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
div#title_b{
	width:100%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.list_header{
	position:relative;
	height:22px;
	margin-top:10px!important;
}
.rhombus {
	display:inline-block;
	top: -5px;
	left: 17px;
	position: relative;
	border: 8px solid transparent;
	border-bottom-color: #5ca6ff;
}
.rhombus:after {
	top: 8px;
	left: -8px;
	position: absolute;
	border: 8px solid transparent;
	border-top-color: #5ca6ff;
	content: '';
}
.btnarea{
	float:right;
	top:0;
}
.imagecon-image{
	display: inline-block;
}
.imagecon-image div img{
	border:1px solid #DDD;
	width:100%;
	height:100%;
}
.imagecon-image div.delete_bt{
	float:right;
	margin-left: 5px;
}
.imagecon-image div.delete_bt input{
	width:60px;
	margin-bottom:5px;
}
.imagecon-image .image{
	float:left;
}
.file_size{
	text-align:center;
}
.upload_imgs_info{
	margin:10px 1px 0 2px;
	padding:5px;
	border:1px solid #ccc;
}
.upload_imgs_info div{
	margin:3px 0;
}
.upload_files_size_info{
	margin:10px 1px 0 2px;
	padding:5px;
	border:1px solid #ccc;	
}
.upload_files_size_info div{
	margin:3px 0;
}
.uploaded_file_size{
	margin:5px 0 5px 15px!important;
}
.point_info{
	margin:10px 1px 0 2px;
	padding:5px;
	border:1px solid #ccc;	
}
.title{
	height:22px;
	line-height:22px;
	width:calc(100% - 8px);
	margin:5px 2px;
	border:1px solid #ccc;
}
.title_delete{
	height:22px;
	line-height:22px;
	color:black;
	width:calc(100% - 8px);
	margin:5px 2px;
}
.editor{
	margin-top: 10px;
	margin-left: 2px;
}
.upload_files{
	margin-top: 10px;
	width:100%
}
.upload_files td{
	border:1px solid #DDD;
	padding:5px;
	width:100%;
}
.upload_files th{
	border:1px solid #DDD;
	padding:5px;
	min-width:90px;
}
#imagecon_file{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
}
div.notice-wrap{
	display:inline-block;
	vertical-align:middle;
	text-overflow:ellipsis;
	white-space:nowrap;	
	overflow:hidden;
	width:400px;
}

@media (max-width: 768px) {
	.list_content th{
		display:none;
	}
	td#writer,
	td#date,
	td#voted_count,
	td#blamed_count,
	td#purchase_count,
	td#popular{
		display:none;
	}
	td#cover{
		text-align:center;
	}
	td#title{
		text-align:left;
		line-height:2;
	}
	/* .list_content .l_title{ */
		/* width:auto; */
	/* } */
	span#display_align{
		margin-right:10px;
	}
	#change_align_pop{
		margin-right:10px;
	}
	.btnarea{
		margin:0 10px 5px 0;
	}
	tr.notice > td#cover{
		display:none;
	}
}

@media (max-width: 850px) {
	td#no,th#no{
		display:none;
	}
}

/* ========================================
   다크모드 스타일 (otocin 레이아웃 호환)
   ======================================== */
.dark .wait_confirm {
	color: #f59e0b;
}

.dark em {
	color: #ef4444;
}

/* 페이지네이션 */
.dark div.pagination a,
.dark div.pagination strong {
	color: #94a3b8;
	background-color: #334155;
}

.dark div.pagination a:hover {
	background-color: #475569;
	color: #f1f5f9;
}

.dark div.pagination strong {
	color: #fff;
	background-color: #3b82f6;
}

/* 검색 폼 */
.dark .list_footer select {
	background-color: #1e293b;
	border-color: #475569;
	color: #f1f5f9;
}

.dark .list_footer input[type=search] {
	background-color: #1e293b;
	border-color: #475569;
	color: #f1f5f9;
}

/* 버튼 스타일 */
.dark .btn_sm {
	background-color: #334155;
	border-color: #475569;
	color: #e2e8f0;
}

.dark .btn_sm:hover {
	background-color: #3b82f6;
	color: #fff;
}

/* 링크 스타일 */
.dark .l_title a,
.dark td#title a {
	color: #f1f5f9;
}

.dark .l_title a:hover,
.dark td#title a:hover {
	color: #60a5fa;
}

/* 상태별 링크 색상 (인라인 스타일 덮어쓰기) */
.dark td#title a[style*="color:#007eff"] {
	color: #60a5fa !important;
}

.dark td#title a[style*="color:red"] {
	color: #f87171 !important;
}

.dark td#title a[style*="color:blue"] {
	color: #60a5fa !important;
}

/* 헤더 */
.dark .head_t {
	color: #e2e8f0;
}

.dark .rhombus {
	border-bottom-color: #3b82f6;
}

.dark .rhombus:after {
	border-top-color: #3b82f6;
}

/* 테이블 스타일 */
.dark .list_content table {
	border-top-color: #475569;
	border-bottom-color: #475569;
	color: #e2e8f0;
}

.dark .list_content thead th {
	border-bottom-color: #475569;
	background-color: #1e293b;
	color: #e2e8f0;
}

.dark .list_content tbody td {
	border-bottom-color: #475569;
	color: #e2e8f0;
}

.dark .list_content .member-b {
	color: #94a3b8;
}

.dark .list_content .member-b:hover {
	color: #60a5fa;
}

/* 공지/리스트 행 배경 */
.dark tr.notice,
.dark tr.list-data[style*="background:#f9f9f9"] {
	background-color: #1e293b !important;
}

/* 날짜 */
.dark .date {
	color: #94a3b8;
}

/* 읽기 페이지 */
.dark .content_rb {
	color: #e2e8f0;
}

.dark .read_footer {
	border-top-color: #475569;
	border-bottom-color: #475569;
}

/* imagecon-btn 기본 스타일 */
.imagecon-btn {
	background-color: #e8e8e8;
	border: 1px solid #d4d4d4;
	color: #333;
	text-decoration: none;
	padding: 6px 12px;
	border-radius: 4px;
	display: inline-block;
	margin-left: 4px;
	font-size: 13px;
}

.imagecon-btn:hover {
	background-color: #5091de;
	border-color: #5091de;
	color: #fff;
}

.imagecon-btn i {
	margin-right: 4px;
}

/* imagecon-btn 다크모드 */
.dark .imagecon-btn {
	background-color: #334155;
	border-color: #475569;
	color: #e2e8f0;
}

.dark .imagecon-btn:hover {
	background-color: #3b82f6;
	border-color: #3b82f6;
	color: #fff;
}

.dark .content_data {
	background: #1e293b;
	border-top-color: #475569;
	color: #e2e8f0;
}

.dark .content_message {
	border-top-color: #475569;
	color: #e2e8f0;
}

.dark h3.title {
	color: #f1f5f9;
}

.dark .meta {
	border-bottom-color: #475569;
}

.dark .meta_left a {
	color: #94a3b8;
}

.dark .meta_left a:hover {
	color: #60a5fa;
}

/* 투표 버튼 */
.dark .bt_vote div {
	background-color: #1e293b;
	border-color: #475569;
	color: #e2e8f0;
}

.dark .bt_vote div:hover {
	background-color: #334155;
}

/* 구매 버튼 */
.dark .bt_purchase input {
	background-color: #1e293b;
	border-color: #475569;
	color: #e2e8f0;
}

.dark .bt_purchase input:hover {
	background-color: #334155;
}

/* 승인 버튼 */
.dark .bt_select_confirm div {
	background-color: #1e293b;
	border-color: #475569;
}

/* 기간 표시 */
.dark .content_period {
	border-bottom-color: #475569;
}

.dark .content_period_t th {
	background: #1e293b;
	border-color: #475569;
	color: #e2e8f0;
}

.dark .content_period_t td {
	background: #1e293b;
	border-color: #475569;
	color: #e2e8f0;
}

/* 판매 중지 버튼 */
.dark .bt_stop_sell div {
	background-color: #1e293b;
	border-color: #475569;
	color: #e2e8f0;
}

.dark .bt_stop_sell div:hover {
	background-color: #334155;
}

/* 단축이름 정보 */
.dark .shortname_info_bt {
	border-color: #475569;
	background-color: #1e293b;
	color: #e2e8f0;
}

.dark .shortname_info_box {
	border-color: #475569;
	background: #1e293b;
	color: #e2e8f0;
}

/* 파일 영역 */
.dark .read_files {
	border-bottom-color: #475569;
}

.dark .read_files img {
	border-color: #475569;
}

.dark .read_files_in textarea {
	background-color: #1e293b;
	border-color: #475569;
	color: #f1f5f9;
}

.dark .read_files_short_name {
	border-color: #475569;
}

/* 타이틀 헤더 */
.dark .title_rh {
	border-top-color: #475569;
	border-bottom-color: #475569;
	background: #1e293b;
}

.dark .title_rh a {
	color: #94a3b8;
}

.dark .title_rh a:hover {
	color: #60a5fa;
}

/* 단축이름 */
.dark .shortname {
	border-color: #475569;
	color: #e2e8f0;
}

/* 정렬 팝업 */
.dark #change_align_pop {
	background: #1e293b;
	border: 1px solid #475569;
}

/* 커버 이미지 */
.dark .cover-image-b span img {
	border-color: #475569;
}

/* 이미지콘 이미지 */
.dark .imagecon-image div img {
	border-color: #475569;
}

/* 업로드 정보 */
.dark .upload_imgs_info {
	border-color: #475569;
	background-color: #1e293b;
	color: #e2e8f0;
}

.dark .upload_files_size_info {
	border-color: #475569;
	background-color: #1e293b;
	color: #e2e8f0;
}

.dark .point_info {
	border-color: #475569;
	background-color: #1e293b;
	color: #e2e8f0;
}

/* 제목 입력 */
.dark .title {
	border-color: #475569;
	background-color: #1e293b;
	color: #f1f5f9;
}

.dark .title_delete {
	color: #f1f5f9;
}

/* 업로드 파일 테이블 */
.dark .upload_files td {
	border-color: #475569;
	background-color: #1e293b;
	color: #e2e8f0;
}

.dark .upload_files th {
	border-color: #475569;
	background-color: #334155;
	color: #e2e8f0;
}

/* 공지 래퍼 */
.dark div.notice-wrap a {
	color: #e2e8f0;
}

/* 데이터 없음 메시지 */
.dark .list_content tbody tr td[colspan] {
	color: #94a3b8;
}