@charset "UTF-8";
@import url(/layouts/routes/css/form.css);
html, body { padding: 0; margin: 0; font-size: 12px; }

#wrap { width: 100%; }

body { -webkit-touch-callout: none !important; }

a { -webkit-user-select: none !important; }

A:link { color: black; text-decoration: none; }

A:visited { color: black; text-decoration: none; }

A:active { color: black; text-decoration: none; }

A:hover { color: #444444; text-decoration: underline; }

/* Site Layout - Header */
header { width: 100%; min-width: 1024px; z-index: 1000; }

header .logout { position: absolute; width: 260px; top: 0; right: 0; color: #bbb; text-align: right; }

header .logout a, header .logout a:hover { text-decoration: none; font-size: 8pt; color: #999; }

header .setup { position: relative; background: #6e6e6e; width: 100%; height: 30px; overflow: hidden; color: #FFF; z-index: 100; text-align: right; }

header .setup .title { position: absolute; top: 5px; left: 10px; font-size: 12pt; font-weight: bold; }

header .setup ul { list-style: none; margin: 5px 5px 0 0; padding: 0; }

header .setup > ul:after { content: ""; display: block; clear: both; }

header .setup > ul > li { display: inline; padding: 0 3px; }

header .setup a, header .setup a:hover { text-decoration: none; font-size: 8pt; color: #FFF; }

header .setup .user-info { font-weight: bold; cursor: pointer; color: #f7dc6f; }

nav { font-style: normal; margin-top: 0; width: 100%; box-sizing: border-box; transition: 0s; z-index: 100; background: #424242; }
nav ul { padding: 0; margin: 0; }
nav ul li { display: inline-block; }
nav ul li.home-link a { text-decoration: none; color: rgba(255, 255, 255, 0.7); text-align: center; font-size: 20px; display: inline-block; width: 45px; height: 50px; background: rgba(0, 0, 0, 0.3); line-height: 50px; }
nav ul li a { outline: 0; }
nav ul li a.active_page { color: orangered !important; }
nav ul li a.main-links { cursor: pointer; color: rgba(255, 255, 255, 0.7); display: inline-block; padding: 6px; font-weight: bold; text-decoration: none; }
nav ul li a.main-links:hover { color: #fff; }

.language { position: absolute; top: 18px; right: 19px; z-index: 100; }

.language strong { display: inline-block; height: 15px; font: .75em/15px Tahoma; margin-right: 3px; vertical-align: top; color: #000; }

.language .toggle { background: none; border: 0; cursor: pointer; vertical-align: top; padding: 0; height: 15px; }

.language ul { position: absolute; top: 20px; right: 0; display: none; border: 1px solid #b23628; background: #de4332; margin: 0; padding: 0; }

.language li { list-style: none; }

.language li button { display: block; width: 80px; padding: 3px 8px; font-size: 10pt; color: #fff; background: none; border: 0; text-align: left; white-space: nowrap; cursor: pointer; }

/* Site Layout - Content Body */
.body { position: relative; display: block; min-height: 500px; z-index: 1; padding-bottom: 30px; border-bottom: 1px solid #ddd; zoom: 1; }

.body:after { content: ""; display: block; clear: both; }

.content { width: 100%; }

.content:after { display: block; content: ""; clear: both; }

.content .page_title { padding: 4px 6px 4px 5px; text-align: left; font-size: 11pt; border: 1px solid #E3E3E2; border-bottom: 2px solid #636362; font-weight: bold; background-color: #F9F8F5; color: #5E6266; margin-bottom: 10px; }

.content .page_title > i { color: orange; font-size: 15pt; }

/* Site Layout - Footer */
footer { border-top: 3px solid #f4f4f4; padding: 1em 0; clear: both; width: 100%; background: #000; color: #FFF; text-align: center; }

footer p { text-align: center; margin: 0; }

footer a { color: #999; font-size: .9em; text-decoration: none; }

textarea#content { margin: 10px 10px 15px 10px; }

table.dataTable tbody td { text-align: center; padding: 5px 10px !important; }
table.dataTable td + td { border-left: 1px #CCCCCC dotted; }
table.dataTable th + th { border-left: 1px #CCCCCC dotted; }
table.dataTable .in_line { padding: 2px 0; margin: 2px; font-size: 9pt; font-family: "tahoma"; }
table.dataTable .in_line + .in_line { border-top: #c0c0c0 1px dotted; }

.edit-info { width: 100%; }
.edit-info .info-h_bar { border-top: #e0e0e0 1px solid; margin-top: 15px; padding-top: 5px; }
.edit-info .caption { border-top: 1px solid #DDD; border-bottom: 3px solid #DDD; margin: 10px 0px 20px 0; font-size: 24px; padding: 5px 6px 4px 10px; font-weight: bold; text-align: left; color: #000; }
.edit-info .caption-small { font-size: 10pt; font-weight: normal; color: blue; margin-left: 20px; }
.edit-info a { color: #555555; text-decoration: none; }
.edit-info a:hover { color: #F90; }
.edit-info ul { margin: 0; padding: 0; list-style: none; }
.edit-info ul li { display: flex; margin: 5px 0; border-bottom: #e0e0e0 1px solid; padding-bottom: 5px; }
.edit-info ul li .edit-info-subject, .edit-info ul li > h4 { width: 120px; text-align: center; display: inline-block; font-weight: bold; color: #555555; vertical-align: top; padding: 0; margin: 0; }
.edit-info ul li .edit-info-content, .edit-info ul li > div { display: inline-block; border-left: #e0e0e0 1px dotted; padding-left: 10px; width: calc(100% - 130px); }

/*badge style*/
.badge { display: inline-block; background: #fa927f; background-image: linear-gradient(to bottom, #fa927f, #fc0d0d); border-radius: 8px; color: #ffffff; border: solid #e81010 1px; }
.badge:before { content: ''; padding-left: 7px; }
.badge:after { content: ''; padding-right: 7px; }

/* list table sort order */
.order { cursor: pointer; color: #7f0079; }

.order:after { display: inline-block; content: "↕"; color: #95a4bc; margin-left: 5px; cursor: pointer; }

.order.asc_on:after { display: inline-block; content: "▲"; color: #95a4bc; margin-left: 5px; cursor: pointer; }

.order.desc_on:after { display: inline-block; content: "▼"; color: #95a4bc; margin-left: 5px; cursor: pointer; }

/* Waiting for server response */
.wfsr { z-index: 2147483646; display: none; position: fixed; left: 0; top: 0; right: 0; margin: 0; padding: 20px 0 0 0; border-bottom: 1px solid #ccc; text-align: center; font: bold 16px/60px "Helvetica Neue", Helvetica, Arial, 돋움, Dotum, sans-serif; color: #fff; opacity: .8; filter: alpha(opacity=80); box-shadow: 0 0 5px #000; background: #333 url(data:image/gif;base64,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) no-repeat center 15px; }

.user_menu { cursor: pointer; }

.userinfo-menu { z-index: 1000; position: absolute; background-color: #e0e0e0; border: 1px solid black; padding: 2px; }
.userinfo-menu a { text-decoration: none; color: #000; }
.userinfo-menu ul { list-style: none; padding: 0; margin: 0; }
.userinfo-menu ul li { margin: 3px 10px; padding: 3px 0; cursor: pointer; }
.userinfo-menu ul li + li { border-top: 1px dotted #222; margin-bottom: 3px; }

.mid_manual { text-decoration: none; color: green; cursor: pointer; }

.Url-Modify { color: darkblue !important; }

*[data-drj-modify] { cursor: pointer; color: black; }
*[data-drj-modify]:hover { color: blue; }

*[data-drj-view] { cursor: pointer; color: black; }
*[data-drj-view]:hover { color: green; }

.sort-table td:first-child { position: relative; padding-right: 20px; text-align: center; }
.sort-table td:first-child:after { font-family: 'Font Awesome\ 5 Free'; position: absolute; content: "\f0dc"; font-size: 16px; height: 20px; width: 20px; top: 5px; right: 0; font-weight: 600; color: #0000cc; }

.list-top-wrap { box-sizing: border-box; margin: 20px 0; border: 1px solid #c0c0c0; border-radius: 10px 10px 0 0; padding: 10px; background: #fcfcfc; display: flex; }
.list-top-wrap .btn-wrap { margin-left: auto; }

.list-bottom-wrap { box-sizing: border-box; margin: 0 0 20px 0; border: 1px solid #c0c0c0; border-radius: 0 0 10px 10px; padding: 10px; background: #fcfcfc; display: flex; }
.list-bottom-wrap .btn-wrap { margin-left: auto; }

.left { text-align: left !important; }

.center { text-align: center !important; }

.right { text-align: right !important; }

.alert { color: red; }

em { color: red; font-style: normal; font-weight: bold; }

.list_tools table tr td { width: auto !important; padding: 0 5px; }

.list_tools table tr td:nth-child(2) { font-weight: bold; }

.select_all_checkbox { cursor: pointer; }

.number_text { text-align: right; }

.radio_between input { margin-right: 5px; }
.radio_between + .radio_between { margin-left: 20px; }

.checkbox_between input { margin-right: 5px; }
.checkbox_between + .checkbox_between { margin-left: 20px; }

#wrap .daum_layer { display: block; background: #FFF; border: 1px solid; width: 560px; height: 570px; margin: 5px 0; position: absolute; padding: 16px 10px 10px 10px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2147483646; }