@charset "utf-8";

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/NanumGothic-Regular.eot);
  src: url(/assets/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/NanumGothic-Regular.woff2) format('woff2'), url(/assets/fonts/NanumGothic-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/NanumGothic-Bold.eot);
  src: url(/assets/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/NanumGothic-Bold.woff2) format('woff2'), url(/assets/fonts/NanumGothic-Bold.woff) format('woff');
}

body { margin:0; padding:0; font-family:'Nanum Gothic',Verdana; font-size:12px !important; color:#666666; overflow-x:hidden; background-color:#fff !important; }
img { border:none; vertical-align:top; }
select { font-family:'Nanum Gothic',Verdana; font-size:12px !important; color:#666666; background:#ffffff; border:1px solid #cfcfcf; vertical-align:middle; padding:2px 4px 2px 8px !important; height:26px; background-position:right 4px center !important; }
textarea { font-family:'Nanum Gothic',Verdana; font-size:12px !important; color:#666666; background:#ffffff; border:1px solid #cfcfcf; vertical-align:middle; resize:none; }
input { font-family:'Nanum Gothic',Verdana; font-size:12px !important; color:#666666; background:#ffffff; border:1px solid #cfcfcf; vertical-align:middle; margin:0; padding-top:0; padding-bottom:0; }
input[type=text], input[type=password] { height:26px; line-height:26px; font-family:'Nanum Gothic',Verdana; font-size:12px !important; padding-top:0; padding-bottom:0; }
input[type=file] { height:20px; line-height:20px; }
input[type=button], button[type=button] { font-family:'Nanum Gothic',Verdana !important; }
button[type=button], button[type=button]:focus { outline:0; outline:none; outline-style:none; }
ul, li { margin:0; padding:0; list-style:none; }

a { color: #333; text-decoration:none; }
a:link    { color:#333; text-decoration:none; }
a:visited { color:#333; text-decoration:none; }
a:hover   { color:#333; text-decoration:none; }
a:active  { color:#333; text-decoration:none; }

.font-dotum { font-family:dotum,Verdana !important; }
.font-nanum { font-family:'Nanum Gothic',Verdana !important; }
.font-nanum-coding { font-family:'Nanum Gothic Coding',Verdana !important; }
.font-nanum-myeongjo * { font-family: 'Nanum Myeongjo', serif; }

.align-top { vertical-align:top !important; }
.align-middle { vertical-align:middle !important; }

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

.text-blue { color:#337AB7; }
.text-green { color:#5CB85C; }
.text-sky { color:#5BC0DE; }
.text-orange { color:#f0ad4e; }
.text-red { color:#D9534F; }

.fs-11 { font-size:11px !important; }
.bold { font-weight:bold !important; }
.normal { font-weight:normal !important; }

/* 상단 메뉴 */
.top-menu { display:flex; justify-content:space-between; background:#6c757d; font-size:18px; padding:12px 24px; }
.top-menu .buttons button { color:#fff; border:none !important; }

/* 페이지 제목 */
.page-header { margin:24px 0 16px 0; font-family:'Nanum Gothic',Verdana; }
.page-header span { font-size:20px; font-weight:bold; color:#777; margin-left:8px; }

/**
 * 각 메뉴 제목
 */
.menu-subtitle { background-image:url('/manager/assets/images/img_subtitle.gif'); background-repeat:no-repeat; background-position:center left; padding-left:15px; font-size:16px; font-weight:bold; }

/**
 * 검색
 */
.search { width:100%; display:inline-block; background:#f9f9f9; border:1px solid #e1e1e1; vertical-align:middle; margin-bottom:10px; padding:6px 10px 6px 10px; font-family:'Nanum Gothic',Verdana; color:#666666; }
.search select { padding:4px 1px; }

/**
 * Bootstrap
 */
.input-group-addon { height:26px; padding-top:0px; padding-bottom:0px; }
.container-fluid { padding-left:0 !important; padding-right:0 !important; }
.btn.btn-xs { font-size:12px; padding:2px 8px !important; }

/**
 * 그리드
 */
.grid-container { width:100%; margin-top:4px; margin-bottom:10px; overflow-x:hidden; }
.grid-container table { width:100%; font-family:'Nanum Gothic','dotum',Verdana; font-size:12px; }

/* jqgrid */
.ui-jqgrid tr.jqgrow td { height:26px; padding:0; vertical-align:middle; }
.ui-jqgrid .ui-jqgrid-view input, .ui-jqgrid .ui-jqgrid-view select, .ui-jqgrid .ui-jqgrid-view textarea, .ui-jqgrid .ui-jqgrid-view button { font-family:'Nanum Gothic','dotum',Verdana; font-size:13px; }
.ui-jqgrid .ui-jqgrid-view input, .ui-jqgrid .ui-jqgrid-view select { height:24px; line-height:24px; outline:none !important; }
.ui-th-column-header { text-align:center; }
.th.ui-th-column div { white-space:normal !important; height:auto !important; padding:2px; }
.ui-jqgrid .ui-jqgrid-htable thead th { border-bottom:1px solid #c5dbec; }
.ui-jqgrid .ui-jqgrid-htable thead tr:first-child th { border-bottom:none; }
.ui-jqgrid .ui-jqgrid-pager { z-index:99; }
.ui-jqgrid .ui-jqgrid-pager .ui-pg-table td, .ui-pg-selbox { font-family:'Nanum Gothic','dotum',Verdana !important; }
.grid-bootstrap-ui .ui-jqgrid .ui-jqgrid-htable thead th, .grid-bootstrap-ui .ui-th-column, .grid-bootstrap-ui .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { border-bottom:1px solid #ddd; }

.ui-jqgrid .ui-jqgrid-htable thead tr th { height:24px; }
.ui-jqgrid tr.jqgroup, .ui-jqgrid tr.jqgrow { height:28px !important; }
.ui-jqgrid tr.jqgroup td, .ui-jqgrid tr.jqgrow td, .ui-jqgrid-btable td, .ui-jqgrid tr.footrow td { font-family:'Nanum Gothic','dotum',Verdana !important; font-size:12px !important; }
.ui-jqgrid tr.footrow td { padding:0; }

.ui-jqgrid .ui-jqgrid-titlebar { min-height:26px; }
.ui-jqgrid .ui-jqgrid-ftable { margin-bottom:18px; }
.ui-jqgrid tr.footrow td { height:26px; border-bottom:1px solid #a6c9e2; background-color: #eaf5fe; /* #e7f2fb; */ }
.jqgrid-summary { background-color: #fefeed; }
.ui-th-div { margin-top:0px; padding-top:0px; padding-bottom:0px; }
.ui-jqgrid td { font-family:'Gulimche' !important; font-size:12px !important; color:#333 !important; vertical-align:middle !important; }

/**
 * jQuery UI Spinner
 */
.ui-spinner-input { margin:0; color:#666666; padding-left:12px; padding-right:26px; text-align:right; }
.ui-spinner-up { border-bottom:1px solid #cfcfcf; }
form .ui-widget.ui-widget-content { border:1px solid #cfcfcf; }
form .ui-spinner-button { border:1px solid #cfcfcf; background-color:#f5f5f5; }
.ui-datepicker { z-index:9999999999 !important; }

/**
 * Dialog
 */
.dialog-form { font-family:'Nanum Gothic','dotum',Verdana; font-size:12px; color:#404040; border-top:0px solid #b2b2b2; border-bottom:0px solid #b2b2b2; }
.dialog-form table tr td { padding:3px 10px 3px 10px; }
.dialog-form label { font-weight:normal; }
.dialog-form-button { text-align:center; }
.dialog-form-button button { font-family:'Nanum Gothic',Verdana; font-size:18px; padding-left:25px; padding-right:25px; }
.dialog-form-button button:not(:first-child) { margin-left:8px; }

.ui-dialog .ui-dialog-content { overflow:auto; padding-top:0; padding-bottom:0; }
.ui-dialog .ui-dialog-titlebar { border:1px solid #404040; background:#404040; font-family:'Nanum Gothic',Verdana; font-size:18px; font-weight:normal; color:#fff; vertical-align:middle; padding:5px 0 5px 8px; }
.ui-dialog .ui-dialog-title { padding-left:4px; }
.ui-icon-closethick { border:none; border-radius:4px; background:#fff url('../images/btn_close.png') no-repeat center !important; }
.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover { border:none; border-radius:4px; background:#fff url('../images/btn_close.png') no-repeat center !important; }

.ui-dialog-buttonpane { text-align:center !important; }
.ui-dialog-buttonpane button { font-family:'Nanum Gothic',Verdana; font-size:18px; padding-left:25px; padding-right:25px; }
.ui-dialog-buttonpane button:not(:first-child) { margin-left:8px; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { text-align:center; float:none !important; }
.dialog-form table th { line-height:1.3; border-bottom:0px solid #b2b2b2; background-color:#f9f9f9; color:#393c43; font-size:12px; }
.dialog-form table td { min-height:28px; line-height:130%; border-bottom:0px solid #e5e5e5; vertical-align:middle; font-size:12px; }
.dialog-form table td input[type=text], .dialog-form table td input[type=password] { font-family:'Nanum Gothic',Verdana !important; font-size:12px !important; height:28px !important; }
.dialog-form table td select { font-family:'Nanum Gothic',Verdana !important; font-size:12px !important; height:28px !important; }

/**
 * 웹하드관리 메뉴
 */
.nav { --bs-nav-link-padding-x:1.5rem !important; }
#list_sites li a { height:40px; font-size:13px; color:#666; }
#list_sites li a.nav-link.active { font-size:14px; color:#555; font-weight:bold; background:#dee2e6 !important; border-bottom:1px solid #dee2e6; }
#list_sites li a:hover { color:#333; }

#submenu li a { width:150px; text-align:center; color:#666; font-size:13px; }
#submenu li a.active { background:#fcd7a1; color:#555; font-weight:bold; }
#submenu li a:hover:not(.active)  { background-color:#ffeece; color:#333; }
#submenu { border-bottom:1px solid #ddd; }

/* 웹하드 등록 - Color Picker */
.sp-colorize { width:26px !important; }

/* 웹하드 등록 - 강조문구 스타일 */
#frm_site_regist #btn_bold.active,
#frm_site_regist #btn_underline.active,
#frm_site_regist #btn_italic.active { border-color:#555; }

#frm_site_regist #btn_bold:hover:not(.active),
#frm_site_regist #btn_underline:hover:not(.active),
#frm_site_regist #btn_italic:hover:not(.active) { background-color:#aaa; }

/* 통계관리 - 로그사이트 탭 */
.log-sites li a { font-size:12px; color:#666; border-radius:0; border-top-left-radius:4px !important; border-top-right-radius:4px !important; padding:5px 30px !important; }
.log-sites li a.nav-link.active { color:#333; font-weight:normal; background:#EAF5FE !important; border:1px solid #C5DBEC; border-bottom:1px solid #dee2e6; }
.log-sites li a:hover { color:#333; }

/* 오류 메시지 */
.modal-message { display:none; position:fixed; z-index: 99999; padding-top:120px; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4); }
.modal-message .modal-content { position:relative; background-color:#fefefe; margin:auto; border:1px solid #888; border-radius:8px; padding:24px 40px 20px 40px; max-width:300px; }
.modal-message .modal-content p { color:#333; font-size:13px; line-height:160%; }
.modal-message .close { background-color:#333; border-radius:50%; color:#eee; position:absolute; top:-7px; right:-7px; width:28px; height:28px; font-size:24px; font-weight:bold; line-height:26px; text-align:center; }
.modal-message .close:hover, .modal-message .close:focus { background-color:#111; text-decoration:none; cursor:pointer; }