/*COMMON*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-size: 12px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #117ef9;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #004ab9;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}

.wrb { word-wrap: break-word }

*,ol,ul{margin: 0; padding: 0;}
a{color: #000;}
em{font-style: normal !important;}
li{list-style:none;}
html {height: 100%; -ms-overflow-style: scrollbar;}
body {font-family: Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움","Helvetica Neue", Helvetica, Arial, sans-serif; min-width: 1600px;}
label {font-weight: normal;}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="month"],
input[type="number"],
input[type="time"],
select {line-height:34px; box-sizing:border-box; height: 34px; border: 1px solid #dbdbdb; padding:0 5px;}
.black {color:#000000 !important}
.red {color:#f70000 !important}
.fbold {font-weight:bold !important}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
	margin: 0;
}
input[type='number'] {
	-moz-appearance: textfield;
}


input[type="label"] {line-height:34px; box-sizing:border-box; height: 34px; border: 1px solid #dbdbdb; padding:0 5px; background:#dcdcdc;}

input[type="text"]:read-only {background-color: #eeeeee;}
textarea {line-height:20px; border: 1px solid #dbdbdb; padding: 5px;}

.blueBg  {background-color: #008cba !important; color:#fff !important} 
.greenBg  {background-color: #4cb04e !important; color:#fff !important} 
.grayBg  {background-color: #e7e7e7 !important; color:#000 !important} 
.redBg  {background-color: #f44236 !important; color:#fff !important} 
.blackBg {background-color: #555 !important; color:#fff !important} 

.displaynone {display:none !important;}
.empty {line-height:100px; text-align:center;}

.mgb10 {margin-bottom:10px;}
.mgb30 {margin-bottom:30px;}
.mgt10 {margin-top:10px;}
.mgt30 {margin-top:30px;}
.mg0 {margin:0 !important}

/* 방향 설정 */
.left {text-align: left !important;}
.right {text-align: right ;}
.right5p {text-align: right; padding-right:5px !important; }
.center {text-align: center;}
.vtop {vertical-align: top !important;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}


/* 넓이 */
.width102p {width: 102% !important;}
.width100p {width: 100% !important;}
.width98p {width: 98% !important;}
.width90p {width: 90% !important;}
.width80p {width: 80% !important;}
.width75p {width: 75% !important;}
.width74p {width: 74% !important;}
.width70p {width: 70% !important;}
.width62p {width: 62% !important;}
.width60p {width: 60% !important;}
.width57p {width: 57% !important;}
.width55p {width: 55% !important;}
.width50p {width: 50% !important;}
.width49p {width: 49% !important;}
.width40p {width: 40% !important;}
.width30p {width: 30% !important;}
.width27p {width: 27% !important;}
.width20p {width: 20% !important;}
.width18p {width: 18% !important;}
.width15p {width: 15% !important;}
.width12p {width: 12% !important;}
.width11p {width: 11% !important;}
.width10p {width: 10% !important;}
.width9p {width: 9% !important;}
.width8p {width: 8% !important;}
.width7p {width: 7% !important;}
.width6p {width: 6% !important;}
.width5p {width: 5% !important;}
.width3p {width: 3% !important;}
.width2p {width: 2% !important;}
.width-4xs {width: 30px !important;}
.width-3xs {width: 60px !important;}
.width-2xs {width: 70px !important;}
.width-xs {width: 100px !important;}
.width-sm {width: 130px !important;}
.width-md {width: 150px !important;}
.width-lg {width: 200px !important;}
.width-xl {width: 250px !important;}
.width-2xl {width: 400px !important;}
.width-3xl {width: 600px !important;}
.width50 {width: 50px !important;}
.width70 {width: 70px !important;}
.width80 {width: 80px !important;}
.width145 {width: 145px !important;}
.width180 {width: 180px !important;}
.width300 {width: 300px !important;}
.width400 {width: 400px !important;}
.width500 {width: 500px !important;}



#js-calendar {height:calc(100vh - 240px); border-bottom: 1px solid #dbdbdb;}
#js-calendar.fc-theme-standard .fc-toolbar-title {display: inline-flex; vertical-align: middle;}
#js-calendar.fc-theme-standard .fc-list {border:none;}
#js-calendar.fc-theme-standard .fc-header-toolbar {padding:15px; margin:0;}
#js-calendar.fc-theme-standard .fc-scrollgrid {border:none;}
#js-calendar.fc-theme-standard .fc-daygrid-event {font-size:13px;}
#js-calendar.fc-theme-standard .fc-dayGridMonth-view th,
#js-calendar.fc-theme-standard .fc-dayGridMonth-view td {border:none; border-right: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb;}
#js-calendar.fc-theme-standard th {border-top:1px solid #dbdbdb; background:#f1f2f3;}
#js-calendar.fc-theme-standard th:last-child {border-right:none;}
#js-calendar.fc-theme-standard td:last-child {border-right:none; border-bottom:none;}


.ui-widget-content {background:none; border:none;}

#container-wrap {padding: 0; font-size:12px}
/*#container-wrap {padding: 0; min-width: 1920px; font-size:12px}*/
#content-wrap {width: 100%; height: auto; background-color: #fff;}
#content-wrap #hideLeftBtn {position: absolute; font-weight: 700; font-size: 15px; color: #FFF; left: 130px; width: 20px; height: 24px; line-height: 24px; z-index:100; cursor: pointer; text-align: center;}
#content-wrap #showLeftBtn {position: absolute; height: 100%; font-weight: 700; font-size: 15px; color: #FFF; left: 0px; width: 10px; z-index:100; cursor: pointer; background: #51afec; display: none;}

/*네비게이션*/
#headMenu {display:none;}
#topMenu {background:#eeeeee; line-height:40px; height:40px; border-bottom: 1px solid #dbdbdb; position:relative; }
/* 내 수정 파일 아님 #topMenu {background:#eeeeee; line-height:40px; height:40px; border-bottom: 1px solid #dbdbdb; position:relative; min-width: 1920px; }*/
#topMenu .searchMenu {float:left;}
#topMenu .searchMenu input {background:none; border:none; height:40px; line-height:40px; color:#b1b1b1; outline:none; font-size:12px; width:150px; padding: 0 5px; margin:0}
#topMenu .siteMap {float:left; border-radius:12px; height:22px; line-height:22px; background:#51afec; color:#fff; border:none; padding:0 10px; font-size:11px; font-weight:bold; margin-top:9px;}
#topMenu .link {margin-left:10px; display:inline-block;  }
/* #topMenu .link.logout {position:absolute;top: 7px;right: 270px;}
#topMenu .link.logout i {display:none; } */
#topMenu .link.gotop {}

#topMenu .quickMenu { display: flex; align-items: center; padding: 0 10px; height: 40px; }

/* #topMenu .centerMenu {position:absolute; top:0; left:30%;transform: translateX(-30%); } */
#topMenu .centerMenu {position:absolute; top:0; left: 270px; }
#topMenu .centerMenu a {display:inline-block; margin-right:16px; padding-left:24px; background:url(../img/icon_earth.png)no-repeat center left/18px 18px; font-size:12px; color:#000;  }
#topMenu .centerMenu a:last-child {margin-right:0}
/* #topMenu .rightMenu {position:absolute; top:0px; right:0px; display:flex;align-items: center; background:#e0e0e0 } */
#topMenu .rightMenu {
   display: flex;
  align-items: center;
  flex-wrap: nowrap; /* 줄 바꿈 방지 */
  height: 40px;
  background: #e0e0e0;
  position: absolute;
  top: 0;
  right: 0;
  white-space: nowrap;
  width: auto; /* 너비 자동 조절 */
  min-width: 200px;
}
#topMenu .rightMenu a { display:flex;align-items: center; line-height:1.3; padding:4px 10px; height:40px; box-sizing:border-box;  border-right:1px solid #ccc; text-align:center; font-size:12px }
#topMenu .rightMenu > a.link.logout {
  flex: 0 0 auto; /* 줄어들거나 늘어나지 않고, 기본 크기 유지 */
  
  align-items: center;  /* 세로 중앙 정렬 */
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  white-space: nowrap;
  padding: 0 10px;
  cursor: pointer;
  border: 1px solid #ccc;
}
#topMenu .rightMenu a:last-child {border:none;padding-right:16px}
#topMenu .rightMenu > * {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
#navMenu {background:#f6f7f5; display: flex; align-items: center; width:100%}
#navMenu ul.topMenu {list-style:none; margin:0; font-size:0}
#navMenu ul.topMenu li {display:inline-block;line-height:25px;padding:5px 0 0px;border-right:1px solid #dbdbdb;position:relative;width:85px;box-sizing: border-box;text-align: center;}
#navMenu ul.topMenu li:last-child {border-right:none}
/* #navMenu ul.topMenu li:after {content:""; display:none; width:12.5px; height:12.5px; background:url(../img/icn_arrow_down_bu.png)no-repeat center; position:absolute; bottom:4px; left:calc(50% - 6.25px)  } */
#navMenu ul.topMenu li a {color:#000; font-weight:500;}
#navMenu ul.topMenu li.active {background:#51afec}
#navMenu ul.topMenu li.active a {font-weight:600; color:#fff}
#navMenu ul.topMenu li.active:after, #navMenu ul.topMenu li:hover:after {display:block; }
#navMenu ul.topMenu li span {display:block; font-size:12px  }
#navMenu ul.topMenu li .icon {width:28px; height:28px; margin:0 auto;}
#navMenu ul.topMenu li .icon img {width:100%}
#navMenu .logoBox {width:160px; height:58px; border-right:1px solid #dbdbdb;padding:0 16px}
#navMenu .logoBox .logo {display: flex;align-items: center;padding-top: 12px;height: 48px;}
#navMenu .logoBox .logo img {max-height: 44px; max-width:100%; }
#navMenu .logoBox .link {margin-top:3px; }


#subNavMenu {background:#51afec; padding:0 10px; position:relative; min-height:33px; height:auto; overflow:hidden;border-bottom:1px solid #ddd;box-shadow: inset 0px 4px 8px 0px rgb(4 0 0 / 17%); }
#subNavMenu ul {list-style:none; margin:0; position:absolute; top:0; left:0; width:100%; height:100% }
#subNavMenu ul li {display:inline-block; line-height:33px; padding:0 10px;}
#subNavMenu ul li a {color:#fff;}
#subNavMenu .subNavMenuList.active {display:block;}

#leftMenu {background: #fff; margin-left: 0px !important; position: absolute; height: calc(100% - 131px);  width:160px; box-sizing:border-box; border-right:1px solid #dbdbdb; }
#leftMenu:before {content:"메뉴"; display:block; color:#fff; background:#51afec; font-size:14px; font-weight:bold;  padding:0 5px; line-height:28px;}
#leftMenu ul {list-style:none; margin:0;}
#leftMenu ul .menu-title { display: block; color: #fff; background: #51afec; font-size: 12px; font-weight: bold; padding: 0 5px; line-height: 28px; cursor: pointer;}
#leftMenu ul > li { box-sizing:border-box;} 
#leftMenu ul li > a {padding:0 5px; line-height:30px; color:#000;  box-sizing:border-box; display: block; background:url(../img/icn_folder.png)no-repeat left 16px center/20px 20px;
  font-size: 9pt;
  letter-spacing : -0.3px;
  word-spacing: -0.3px;
}
#leftMenu ul li.active {}
#leftMenu ul li.active > a {font-weight:900; }

#leftMenu ul li dl {margin:0;}
#leftMenu ul li dl dd {margin:0; padding:0 16px 0 16px; box-sizing:border-box;}
#leftMenu ul li dl dd a {line-height:32px; padding-left:25px; font-size:13px; color:#000; /* background:url(../img/icn_file.png)no-repeat left center/16px 16px; */}
#leftMenu ul li dl dd.active { background-color:#5a8bb6}
#leftMenu ul li dl dd.active a {color:#fff; font-weight:600;}

/*검색*/
.searchFrom {display:block; position:relative; border-top:1px solid #dbdbdb; background:#f6f7f5;}
.searchFrom .searchOption {background:#fff; border-top:1px solid #dbdbdb; padding:5px 20px;}
.searchFrom .table {padding:5px 0}
.searchFrom td .lb {display:inline-block; margin-right:12px}
.searchFrom td .searchCon {display:inline-block; vertical-align:middle; margin-right:24px; }
.searchFrom td .searchCon:last-child {margin-right:0}

#content {margin-left:160px; position:relative; padding:0 0 0;}
#content .topTitle {width: 100%; line-height:30px; display: inline-block; position: relative; z-index: 1000; background: #fff; border-bottom: 1px solid #dbdbdb; left: 0;}
#content .topTitle .wrapper {max-width:100%; position:relative;}
#content .topTitle .bookmark {color:#000; float:left; width:28px; height:28px; text-align:center; border-right:1px solid #dbdbdb;}
#content .topTitle .link_search {display:none;}
#content .topTitle .link_search:after {content:"검색창 열기"; display:inline-block; font-size: 12px; }
#content .topTitle .link_search.active:after {content:"검색창 닫기"; display:inline-block; font-size: 12px; }
#content .topTitle h2 {margin:0; font-size:14px; padding-left:42px; line-height:28px;}

#content .subTitle {position:relative; line-height:30px; height:30px; margin-bottom:10px;}
#content .subTitle h3 {font-size:14px;} 
#content .subTitle .buttonWrap {position:absolute; top:0; right:0;}
#content .pageOption {width: 100%; display: inline-block; background:#fff; padding:10px 0;}

#content > .row-fluid {padding: 10px 10px;}

#rowWrap .box-content {margin-bottom:10px;}
#rowWrap .box-content:last-child {margin-bottom:0;}


.wrapper.narrow {width:1000px;}
/*버튼*/
.btn {cursor:pointer; display:inline-block; line-height:28px; border:1px solid #dbdbdb; height:30px; box-sizing:border-box; font-size:12px; padding:0 16px; border-radius:4px; color:#000; }
.link {cursor:pointer; display:inline-block; line-height:24px; border:1px solid #dbdbdb; height:26px; box-sizing:border-box; font-size:12px; padding:0 10px; border-radius:4px; color:#000}
.link_write {background:#075e98; color:#fff; border:1px solid #003e67;}
.link_search {background:#075e98; color:#fff; border:1px solid #003e67;}
.link_submit {background:#075e98; color:#fff; border:1px solid #003e67;}
.link_delete {background:#cd0a0a; color:#fff; border:1px solid #990000;}
.link_revise {background:#003e67; color:#fff; border:1px solid #021b57;}
.link_modify {background:#f57f17; color:#fff; border:1px solid #bb4d00;}
.link_date { min-width:45px; padding:0 4px !important; }

.link_date_group { display: inline-block; border:1px solid #dbdbdb; margin-left: 4px; border-radius: 4px;}
.link_date_group .link_date { min-width:40px; border-radius:0; border:0; border-right:1px solid #dbdbdb; padding:0 5px !important; margin-left:0px;}
.link_date_group .link_date:nth-last-child(1) { border-right:0px }

.form-inline .form-control {display: inline-block; width: auto; vertical-align: middle; }

.table table td button, .table table td input[type=file]::file-selector-button {margin-left:4px; cursor:pointer; display:inline-block; line-height:28px; border:1px solid #dbdbdb; height:30px; box-sizing:border-box; font-size:12px; padding:0 16px; border-radius:4px;}
.table table td input[type=file]::file-selector-button {margin-left:0}



/*테이블 타입01*/
.table-type01 table {table-layout: fixed; width:100%; border-spacing:0; border:0; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-bottom:15px; position:relative; position: relative; border-collapse: collapse; }
.table-type01 table th {border-top:1px solid #9aaeb7; border-left:1px solid #dbdbdb; padding:5px 5px; background:#f6f7f5; height:42px; position: sticky; top: -1px;}
.table-type01 table td {border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; padding:5px 5px;}
.table-type01 table td.center {text-align:center;font-size: 12px;}
.table-type01 table td.bg {background:#e2f0d97d}

/*테이블 타입06 테이블 크기 auto*/
.table-type06 table {table-layout: auto; width:100%; border-spacing:0; border:0; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-bottom:15px; position:relative; position: relative; border-collapse: collapse; }
.table-type06 table th {border-top:1px solid #9aaeb7; border-left:1px solid #dbdbdb; padding:5px 5px; background:#f6f7f5; height:42px; position: sticky; top: -1px;}
.table-type06 table td {border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; padding:5px 5px;}
.table-type06 table td.center {text-align:center;font-size: 12px;}
.table-type06 table td.bg {background:#e2f0d97d}

/*테이블 타입05 - 틀고정모드 추가 3줄까지 가능 - 왼쪽 상단 모서리용은 따로 겹치지 않도록 처리함*/
.table-type05 table {table-layout: fixed; width:100%; border-spacing:0; border:0; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-bottom:15px; position:relative; position: relative; border-collapse: separate;border-spacing: 0; }
.table-type05 table th {border-top:1px solid #9aaeb7; border-left:1px solid #dbdbdb; padding:5px 5px; background:#f6f7f5; height:42px; top: -1px;}
.table-type05 table th.sticky_head_one {position:sticky;top:-1px;z-index:1;}    /*상단 1번행 고정*/
.table-type05 table th.sticky_head_two {position:sticky;top:41px;z-index:1;}    /*상단 2번행 고정*/
.table-type05 table th.sticky_head_three {position:sticky;top:83px;z-index:1;}    /*상단 2번행 고정*/
.table-type05 table th.sticky_head_one_conner {position:sticky;top:-1px;left:-1px;z-index:99;}   /*왼쪽 상단고정 1번행*/
.table-type05 table th.sticky_head_two_conner {position:sticky;top:41px;left:-1px;z-index:99;}   /*왼쪽 상단고정 2번행*/
.table-type05 table th.sticky_head_three_conner {position:sticky;top:83px;left:-1px;z-index:99;}   /*왼쪽 상단고정 2번행*/
.table-type05 table th.sticky_row_one {position:sticky;left:-1px;}    /*왼쪽 1열 고정*/
.table-type05 table td {border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; padding:5px 5px;}
.table-type05 table td.center {text-align:center;font-size: 12px;}
.table-type05 table td.bg {background:#e2f0d97d}

/*테이블 타입04*/
.table-type04 table {table-layout: fixed; width:100%; border-spacing:0; border:0; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-bottom:15px;}
.table-type04 table th {border-top:1px solid #9aaeb7; border-left:1px solid #dbdbdb; padding:5px 5px; background:#f6f7f5; height:42px; }
.table-type04 table td {border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; padding:2px 5px;}
.table-type04 table td.center {text-align:center;font-size: 12px;}
.table-type04 table td.bg {background:#e2f0d97d}
.table-type04 table input {padding:0;}
.table-type04 table .a_c {
    text-align: center !important;
}
.table-type04 table .a_r {
    text-align: right !important;
	padding-right:5px;
}
.table-type04 table input:read-only {background:#f9f9f9;}
/*테이블 타입02*/
.table-type02 table {table-layout: fixed; width:100%; border-spacing:0; border:0;}
.table-type02 table th, .table-type02 table td {padding:2.5px 5px;}
.table-type02 table th {color:#888; font-weight:400; text-align:left; padding-left:20px;}
.table-type02 table td.center {text-align:center;}

/*테이블 타입03*/
.table-type03 table {table-layout: fixed; width:100%; border-spacing:0; border:0; border-top:1px solid #9aaeb7;}
.table-type03 table th {border-bottom:1px solid #dbdbdb; padding:5px 2px; background:#f6f7f5;}
.table-type03 table td {border-bottom:1px solid #dbdbdb; padding:5px 5px; line-height:20px;}
.table-type03 table td.center {text-align:center;}

.table-responsive {overflow-x: auto; min-height: 0.01%;}

.table-top-btn-group {float:left; line-height: 34px;}
.table-right {margin:10px 20px 15px}

.has_in_table .table {margin:0; }
.has_in_table .tdpd0 {padding:0}
.has_in_table .tdpd0 td {border:none; border-right:1px solid #dbdbdb; padding:0; height:45px }
.has_in_table .tdpd0 td:last-child {border:none; }
.has_in_table .in_table {border:none; }


.login-box {position: absolute;height:auto;width: 420px;background: #fff;  border-radius:10px; border: 1px solid #dbdbdb;top: calc(50% - 169px);left: calc(50% - 210px); box-sizing:border-box;padding: 57px 32px 32px;}
.login-box h2 {font-size:16px;font-weight:bold;margin-bottom:24px;position:relative;}
.login-box h2 span { text-align:center;  }
.login-box h2 img {max-height:73px; max-width:100%;}
.login-box h2 span {display:block; }
.login-box h2 span.logo_txt { margin-top:16px; color:#075e98;font-size: 16px;}
.login-box h2 span.logo_txt .name {font-size:16px;font-weight:bold; color:#000}
.login-box fieldset {border:none; }
.login-box .input-prepend {margin-bottom:16px}
.login-box input {width:100%; box-sizing:border-box; padding:0 16px }
.login-box .btn {width:100%; height:34px; border:1px solid #075e98; border-radius:0;  background:#075e98; color:#fff; }

.form-inline label {display:inline-block;  margin-right:24px; cursor: pointer;}
.form-inline label:last-child {margin-right:0}
.checker { display:inline-block;  }
.checker span { display:inline-block;}
.checker span input[type="checkbox"] {display:inline-block; margin-right:4px; vertical-align:middle; }
.radio { display:inline-block;  }
.radio span { display:inline-block;}
.radio span input[type="radio"] {display:inline-block; margin-right:4px; vertical-align:middle; }

.pagination-centered {margin:0px auto; text-align:center; }
.pagination li {display:inline-block; vertical-align:top;  margin-right:10px;}
.pagination li:last-child {margin-right:0; }
.pagination li a {display:inline-block;  text-align:center; color:#666; font-size:14px }
.pagination li.active a {color:#000; font-weight:bold; }


input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.borT {border-top:1px solid #dbdbdb !important;}
.borTN {border-top:none !important}


.mypage_box {position:absolute; top: 55px;right: 16px; z-index:9999}
.mypage_inner {position:relative;padding: 10px;}
.mypage_inner .mypage_btn {background: transparent; border: none; cursor:pointer }
.mypage_inner .mypage_list {display:none;position: absolute;right: 0;top: 56px;width: 120px;background: #ffff;border: 1px solid #e0e0e0; padding:15px 10px 10px; border-radius:10px}
.mypage_inner .mypage_list li {border-bottom:1px solid #e0e0e0}
.mypage_inner .mypage_list li span {display:block; padding:0 0px 10px; font-weight:bold; }
.mypage_inner .mypage_list li a {display:block; padding:10px 0px; }
.mypage_inner .mypage_list li:last-child {border-bottom:0}
.mypage_inner:hover .mypage_list {display:block; }

.popup_box { display:none; position:fixed;  top:0; height:0; width:100%; height:100%;  z-index:999999}
.popup_inner { position:absolute;  top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background:#fff; border-radius:10px; border: 1px solid #e0e0e0; }
.popup_con {position:relative; padding:62px 32px 32px}
.popup_closed {position:absolute; top:26px; right:32px; width:17px; background: transparent; border: none; cursor:pointer }
.popup_closed img { width:17px}
.popup_txt {font-size:16px; text-align:center;  }
.popup_btn {margin-top:24px; text-align:center; }
.popup_textarea {margin-top:24px; }
.popup_textarea textarea  {border:1px solid #e0e0e0; width:100%; height:120px; padding:10px; }
.popup_btn .btn {height:35px; line-height:35px; padding:0 20px; margin-right:10px; }
.popup_btn .btn:last-child {margin-right:0}

/* .infoMenu {display:none;position: absolute;top:0;right: 320px;display: flex;align-items: flex-start;}  */
.infoMenu {
  display: flex;
  align-items: center;
}
/* .infoMenuCon {position: relative;margin-right:16px;} */
.infoMenuCon {
  max-width: 200px; /* 적당한 너비 제한 */
  flex-shrink: 0;   /* 크기 줄어드는 거 방지 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* .infoMenuCon button {border:none; background:transparent; cursor:pointer; padding-left:16px; position:relative; font-size:12px; } */
.infoMenuCon button {
  border: none;
  background: transparent;
  cursor: pointer;
  padding-left: 30px;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  align-items: center,

}
.infoMenuCon button .icon {
  position: absolute;
  top: 50%;
  left: 6px;
  width: 18px;
  height: 18px;
  background: url(../img/icon_mypage.png) no-repeat center/contain;
  transform: translateY(-50%);
}
.admin-label {
  display: inline-flex;
  align-items: center;
  height: 40px;
  font-size: 12px;
  margin-left: 10px;
  white-space: nowrap;
}

.infoMenuCon button:after {content:""; display:inline-block; position:absolute; top:calc(50% - 5px); left:0; width:10px; height:10px; border-radius:100%; background:#000; }
.infoMenuCon .infoMenuConList {display:none; position: absolute;right: calc(81% - 110px);top: 40px;width: 200px; height:500px; overflow-y:scroll;background: #ffff;border: 1px solid #e0e0e0;padding:15px 10px 10px;border-radius:10px;z-index: 10000;text-align: left;}
.infoMenuCon .infoMenuConList li {line-height:32px}
.infoMenuCon .infoMenuConList li.conTt {text-align:center; line-height:1.3; margin-bottom:16px }
.infoMenuCon .infoMenuConList li.conTt span {display:inline-block; border-bottom:1px solid #000; padding-bottom:2px; }
.infoMenuCon .infoMenuConList li span {display:inline-block; padding:0 0px 10px; font-weight:bold; }
.infoMenuCon .infoMenuConList li .lb {width: 46px;}
.infoMenuCon .infoMenuConList li .txt {width: calc(100% - 53px);}
.infoMenuCon .infoMenuConList li a {display:block; padding:10px 0px; }
.infoMenuCon .infoMenuConList li:last-child {border-bottom:0}
.infoMenuCon:hover .infoMenuConList {display:block; }
.infoMenuCon.infoMypage button {padding-left: 24px; height:40px; }
.infoMenuCon.infoMypage button:after {background: url(../img/icon_mypage.png)no-repeat center/18px auto;height:40px;width: 25px;top: 0;}
.infoMenuCon.infoMypage li {border-bottom:1px solid #e0e0e0}
.infoMenuCon.infoMypage li:last-child {border-bottom:0}
.infoMenuCon.infoMypage li span {display:inline-block; padding:0 0px 10px; font-weight:bold; }
.infoMenuCon.infoMypage li a {display: flex; align-items: center;padding: 0 10px;}
.infoMenuCon.infoMypage li .num {height:16px;padding: 0px 5px;min-width: 18px;line-height: 16px;background:#51afec;display: inline-block;text-align: center;margin-left:6px;box-sizing: border-box;border-radius: 100%;}

.infoMenuCon.infoMypage li .calendar {width:24px; height:24px; line-height:20px; padding:0; background:#51afec;display: inline-block;text-align: center;margin-right:10px;box-sizing: border-box;border-radius: 100%;}
.infoMenuCon.infoMypage li .calendar img {width:10px;}

.infoMenuCon .infoMenuConList li.empty_box {text-align:center;display: block;line-height: 1.5;margin-top: 26px;}
.infoMenuCon .infoMenuConList li.empty_box p {word-wrap:break-word; word-break:keep-all;}
.infoMenuCon .infoMenuConList li.empty_box .btn {padding:0; margin-top:64px; padding:0 }

.infoMenuCon.infoMypage.has_alert button:after {background-image: url(../img/icon_mypage_on.png)}
.infoMenuCon.infoMypage.has_alert button {color:#f70000}


.table.ul_table {border:none; }
.table.ul_table td {padding:0}
.table.ul_table ul {display:table;padding:0;border-spacing: 0;border-collapse: collapse;empty-cells: show;}
.table.ul_table li {display:table-cell;box-sizing:border-box;text-align:center;vertical-align: top;border-right: 1px solid #ddd;border-spacing: 0;border-collapse: collapse;border-bottom: 1px solid #ddd;}
.table.ul_table li input {width:100%}
.table.ul_table h2 {height:45px; line-height:45px;   padding:0 10px; background:#f6f7f5; font-size:12px; border-bottom:1px solid #ddd}
.table.ul_table span {display:block; padding:10px}

.gaugeBox {padding-top:32px; }
.gaugeChart { position:relative; display:inline-block; width:calc(20% - 40px); height:230px; margin-right:40px; margin-bottom:60px; box-sizing:border-box; padding-top:20px; }		
.gaugeChart:nth-child(5n) {margin-right:0}
.gaugeChart .lb {font-size: 20px; display:block; font-weight: 600; width: 100%; text-align: center;  position: absolute; left: 0; top:20px; }
.gaugeChart .num {font-size: 20px; display:block; font-weight: bold;  width: 100%; text-align: center;  position: absolute; left: 0;  bottom:40px; }
.gaugeChart.no_signal:after {content:"수신없음";display: flex;width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;font-size: 20px;color: #fff; font-weight: bold;justify-content: center;align-items: center;}
.gaugeChart .subTxt {text-align:center; font-size:14px; margin-top: -10px; }

.sb-h-table {width:calc(50% - 15px); margin-right:24px; margin-top:32px; }
.sb-h-table h3 {margin-bottom:16px}
.sb-h-table:nth-child(2n) {margin-right:0}


.fc .fc-daygrid-day.fc-day-today {position:relative; }
.fc .fc-daygrid-day.fc-day-today:after {content:"TODAY"; display:inline-block; position:absolute; left:10px; bottom:10px; font-size:10px; border-radius:30px; padding:4px 10px; background:#ddd; font-weight: bold; }

.popup_title {margin-bottom:20px; }
.popup_wrap { width:100%; box-sizing:border-box; padding:20px 10px; }

.filebox label {
    display: inline-block;
    padding: 8px;
    text-align: center;
    width: 80px;
    color: #fff;
    /* align-content: center; */
    vertical-align: middle;
    background-color: #087cca;
    cursor: pointer;
    height: 32px;
    border-radius: 10px;
}

.filebox .upload{
    width: 400px;
}

@media screen and (max-width:1665px){
  /* #topMenu .centerMenu {position: static;transform: translateX(0);float: left;margin-left: 16px;} */
  #topMenu .centerMenu {transform: translateX(0);left: 270px;}
}

#loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5c5656;
  opacity: 0.5;
  z-index: 9999;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

.loader {
    width: 100px;
    height: 100px;
    border: 15px solid #FFF;
    border-bottom-color: #608aad;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.no-scroll {
  overflow: hidden !important
}

@keyframes rotation {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
} 

.stooltip {
  position: relative;
  display: inline-block;
}

.stooltip .stooltiptext {
  visibility: hidden;
  width: 500px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  opacity: 0.6;
  padding: 5px 0;

  position: absolute;
  z-index: 100;
  top: -5px; 
  left: 105%;
}

.stooltip:hover .stooltiptext {
  visibility: visible;
}

/* 일요일 날짜 빨간색 */
.fc-day-sun a {
  color: red;
  font-weight: bold;
  text-decoration: none;
}

/* 토요일 날짜 파란색 */
.fc-day-sat a {
  color: blue;
  font-weight: bold;
  text-decoration: none;
}

#pageMoveWrap {
  position: fixed;
  bottom: 20px;
  right: 10px;
  display: none;
}

#pageMoveWrap div {
  cursor: pointer;
  width: 30px;
  padding: 0;
  margin: 0;
  font-size: 30px;
  line-height: 30px;
  color: #888888;
  opacity: 0.5;
}

#pageMoveWrap div:hover {
  color: #000000;
}

#printColumnSet {
    display: none;
    position: absolute;
    text-align: left;
    padding: 10px;
    z-index:999999;
    width: 200px;
    bottom: 0px;
    background: #fff;
    border: 5px solid #e9e9e9;
    border-radius: 10px;
}

#printColumnSet li{
    list-style: none;
    height: 18px;
}

#printColumnSet li:hover {
    cursor: pointer;
    background-color: '#e9e9e9';
}

#printColumnSet button {
    border:0px;
    border-radius:10px;
    padding:3px 0px;
    background:#eb4034;
    color:white;
    font-weight:bold;
    width:100%;
    cursor:pointer;
    display: block;
}

#printColumnSet .itemBoxHighlight {
    border: solid 1px #ddd;
}

.autocomplete-fixedHeight {
    color:red;
    font-size: 12px !important;
    max-height: 300px;
    margin-bottom: 10px;
    overflow-x: hidden;
  	overflow-y: auto;
}

#movePanel {
    position: absolute;
    width: 120px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    padding: 4px 0 4px 5px;
    font-size: 8pt;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
#movePanel li {
    cursor: pointer;
}
#movePanel li:hover {
    color: blue;
}

	.app-content {
		box-sizing: border-box;
	}

	.topTitle {
		width:100%;
		display: inline-block;
	}

	.leftTitle {
		float:left;
	}

	.rightTitle {
		float:right;
	}

	.btn_green {
		color:#FFF;
		background-color:#0B610B;
		border-color:#0B610B;
	}

	.btn_gray {
		color:#FFF;
		background-color:#2E2E2E;
		border-color:#2E2E2E;
	}

	.btn_blue {
		color:#FFF;
		background-color:#08088A;
		border-color:#08088A;
	}



	.width-50 {
		width:50px !important;
	}
	.width-60 {
		width:60px !important;
	}
	.width-70 {
		width:70px !important;
	}
	.width-80 {
		width:80px !important;
	}
	.width-100 {
		width:100px !important;
	}
	.width-150 {
		width:150px !important;
	}