|
|
@@ -0,0 +1,4253 @@
|
|
|
+@charset "utf-8";
|
|
|
+/* CSS 초기화*/
|
|
|
+
|
|
|
+html {
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+* {
|
|
|
+ margin: 0px;
|
|
|
+ padding: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+.headMenu ul .toggleBtn {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+.headMenu ul .toggleBtn div {
|
|
|
+ padding: 10px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ gap: 5px;
|
|
|
+ font-family: 맑은고딕;
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+.headMenu ul .toggleBtn a.on, .headMenu ul .toggleBtn a:hover{
|
|
|
+ filter: brightness(1.1) !important;
|
|
|
+ color: white;
|
|
|
+ background-color: #404040;
|
|
|
+}
|
|
|
+
|
|
|
+.headMenu ul .toggleBtn i {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ background-color: #565454;
|
|
|
+ border-radius: 50%;
|
|
|
+ width: 35px;
|
|
|
+ height: 35px;
|
|
|
+}
|
|
|
+body, html {
|
|
|
+ font-size: 10pt;
|
|
|
+ font-family: '돋움', dotum, '굴림', Gulim, Tahoma, serif, sans-serif;
|
|
|
+ color: #515151;
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ /*min-width: 640px;*/
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+body {
|
|
|
+ background-color: #212121;
|
|
|
+}
|
|
|
+
|
|
|
+a {
|
|
|
+ text-decoration: none;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+img, fieldset {
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+
|
|
|
+input, textarea {
|
|
|
+ vertical-align: middle;
|
|
|
+ text-indent: 7px;
|
|
|
+ font-size: 12px;
|
|
|
+ font-family: '돋움', dotum, '굴림', Gulim, Tahoma, serif, sans-serif;
|
|
|
+ color: #515151;
|
|
|
+}
|
|
|
+
|
|
|
+/* input[type="text"] {
|
|
|
+ height: 23px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: 1px solid #cccccc;
|
|
|
+} */
|
|
|
+textarea {
|
|
|
+ padding: 5px;
|
|
|
+ text-indent: 0;
|
|
|
+}
|
|
|
+
|
|
|
+table {
|
|
|
+ border-collapse: collapse;
|
|
|
+ border-spacing: 0;
|
|
|
+}
|
|
|
+
|
|
|
+table#cvibBottomBodyTable {
|
|
|
+ border-collapse: separate;
|
|
|
+}
|
|
|
+
|
|
|
+img {
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+table caption {
|
|
|
+ visibility: hidden;
|
|
|
+ height: 0;
|
|
|
+}
|
|
|
+
|
|
|
+ul, ol, li, label {
|
|
|
+ list-style: none;
|
|
|
+}
|
|
|
+
|
|
|
+label {
|
|
|
+ /* visibility: hidden;
|
|
|
+ text-indent: -99999em; */
|
|
|
+}
|
|
|
+
|
|
|
+button {
|
|
|
+ border: 0;
|
|
|
+ background: transparent;
|
|
|
+ cursor: pointer;
|
|
|
+ overflow: visible;
|
|
|
+}
|
|
|
+
|
|
|
+table {
|
|
|
+ width: 400px;
|
|
|
+ border-collapse: collapse;
|
|
|
+ margin: auto;
|
|
|
+ /*background: #fff;*/
|
|
|
+}
|
|
|
+
|
|
|
+#mapWrapper {
|
|
|
+ width: calc(100% - 287px);
|
|
|
+ height: calc(100% - 230px);
|
|
|
+ /* border-right: 1px solid #bbb;
|
|
|
+ border-top: 1px solid #bbb;
|
|
|
+ border-left: 1px solid #bbb; */
|
|
|
+ border: 1px solid #595959;
|
|
|
+ margin: 5px 0 0 287px;
|
|
|
+}
|
|
|
+
|
|
|
+.detailMap {
|
|
|
+ width: auto;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.map {
|
|
|
+ /* height: calc(75% - 10px);
|
|
|
+ border: 1px solid #bbb;
|
|
|
+ margin: 5px; */
|
|
|
+ width: auto;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.map2 {
|
|
|
+ margin: 5px 5px 0 0;
|
|
|
+ width: calc(60% - 310px);
|
|
|
+ /* height: 70%; */
|
|
|
+ height: calc(75% - 10px);
|
|
|
+ /* float: left; */
|
|
|
+ border: 1px solid gray;
|
|
|
+ z-index: 10
|
|
|
+}
|
|
|
+
|
|
|
+#rvWrapper {
|
|
|
+ position: absolute;
|
|
|
+ top: 0px;
|
|
|
+ right: 0px;
|
|
|
+ width: 40%;
|
|
|
+ /*height: 70%;*/
|
|
|
+ height: calc(75% - 10px);
|
|
|
+ float: left;
|
|
|
+ display: none;
|
|
|
+ border: 1px solid #bbb;
|
|
|
+ margin-right: 5px
|
|
|
+}
|
|
|
+
|
|
|
+.roadview {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.popMap {
|
|
|
+ position: absolute;
|
|
|
+ width: 908px;
|
|
|
+ height: 250px;
|
|
|
+ border: 1px solid #bbb;
|
|
|
+ margin: 5px;
|
|
|
+ z-index: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.cvibMap {
|
|
|
+ position: relative;
|
|
|
+ width: 908px;
|
|
|
+ /* width: 908px; */
|
|
|
+ /*height: 300px;*/
|
|
|
+ height: 450px;
|
|
|
+ border: 1px solid #bbb;
|
|
|
+ margin: 5px;
|
|
|
+ z-index: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.cvibMapAndInfo {
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ /* width: 908px; */
|
|
|
+ /*height: 300px;*/
|
|
|
+ height: 290px;
|
|
|
+ padding: 0 5px;
|
|
|
+ z-index: 1;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.crossLoadMap {
|
|
|
+ width: 40%;
|
|
|
+ height: 100%;
|
|
|
+ border: 1px solid #595959;
|
|
|
+ float: left;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.crossLoadInfo {
|
|
|
+ width: 58.9%;
|
|
|
+ height:450px;
|
|
|
+ border: 1px solid #595959;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.mapCover {
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ height: 250px;
|
|
|
+ margin: 5px;
|
|
|
+ z-index: 100;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomInfoTop th,
|
|
|
+.bottomInfoTop td,
|
|
|
+.bottomInfoBody th,
|
|
|
+.bottomInfoBody td {
|
|
|
+ font-size: 11px;
|
|
|
+}
|
|
|
+.bottomInfoBody table thead {
|
|
|
+ display: table-header-group;
|
|
|
+ position: sticky;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+}
|
|
|
+/*인풋박스 ie8 추가 핵*/
|
|
|
+/*#obeKeyword {
|
|
|
+ border: 3px solid #b0b0b0;
|
|
|
+ width: 140px;
|
|
|
+ height: 29px;
|
|
|
+ margin-left: -30px;
|
|
|
+ width: 140px \0/IE8+9;
|
|
|
+ height: 29px \0/IE8+9;
|
|
|
+ padding-top: 2px \0/IE8+9;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+#input1 {
|
|
|
+ color: #333;
|
|
|
+ background:#f5f5f5 url("/imgase/icon_select_20110225.gif")right: 8px no-repeat;
|
|
|
+ text-decoration: none;
|
|
|
+ height: 29px;
|
|
|
+ width: 150px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #bobobo;
|
|
|
+ width: 150px \0/IE8+9;
|
|
|
+ height: 29px \0/IE8+9;
|
|
|
+ padding-top: -10px \0/IE8+9;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ padding-bottom: 3px \0/IE8+9;
|
|
|
+ ;
|
|
|
+}
|
|
|
+#input2 {
|
|
|
+ color: #333;
|
|
|
+ text-decoration: none;
|
|
|
+ height: 29px;
|
|
|
+ width: 150px;
|
|
|
+ text-align: center;
|
|
|
+ background:#f5f5f5 url("/imgase/icon_select_20110225.gif")right: 8px no-repeat;
|
|
|
+ border: 1px solid #bobobo;
|
|
|
+ width: 150px \0/IE8+9;
|
|
|
+ height: 29px \0/IE8+9;
|
|
|
+ padding-top: -10px \0/IE8+9;
|
|
|
+ padding-bottom: 3px \0/IE8+9;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ ;
|
|
|
+}
|
|
|
+#input3 {
|
|
|
+ color: #333;
|
|
|
+ text-decoration: none;
|
|
|
+ height: 29px;
|
|
|
+ width: 150px;
|
|
|
+ text-align: center;
|
|
|
+ background:#f5f5f5 url("/imgase/icon_select_20110225.gif")right: 8px no-repeat;
|
|
|
+ border: 1px solid #bobobo;
|
|
|
+ width: 150px \0/IE8+9;
|
|
|
+ height: 29px \0/IE8+9;
|
|
|
+ padding-bottom: 3px \0/IE8+9;
|
|
|
+ padding-top: -10px \0/IE8+9;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ ;
|
|
|
+}*/
|
|
|
+
|
|
|
+/* float 해제 */
|
|
|
+.f-clear:after {
|
|
|
+ content: ".";
|
|
|
+ display: block;
|
|
|
+ clear: both;
|
|
|
+ height: 0;
|
|
|
+ visibility: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.f-clear {
|
|
|
+ display: inline-block;
|
|
|
+ height: 1%;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+/*인풋박스 ie8 추가 핵*/
|
|
|
+.sang {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.header {
|
|
|
+ overflow: hidden;
|
|
|
+ height: 80px;
|
|
|
+ background: #2f2f2f;
|
|
|
+}
|
|
|
+
|
|
|
+.header > h1 {
|
|
|
+ overflow: hidden;
|
|
|
+ float: left;
|
|
|
+ margin: 0 42px 0 12px;
|
|
|
+}
|
|
|
+
|
|
|
+.header > .i_p00 {
|
|
|
+ float: left;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.header > .i_p00 > li {
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.header > .i_p01 {
|
|
|
+ float: right;
|
|
|
+ margin-right: 15px;
|
|
|
+ margin-top: 25px;
|
|
|
+}
|
|
|
+
|
|
|
+.header > .i_p01 > li {
|
|
|
+ float: left;
|
|
|
+ margin-right: 7px;
|
|
|
+}
|
|
|
+
|
|
|
+/* .hline{background:#0090fa; height:3px; width:100%; cursor:pointer;} */
|
|
|
+.hline {
|
|
|
+ background: #838285;
|
|
|
+ height: 2px;
|
|
|
+ width: 100%;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.obd {
|
|
|
+ float: left;
|
|
|
+ width: 310px;
|
|
|
+}
|
|
|
+
|
|
|
+.obd2 {
|
|
|
+ float: left;
|
|
|
+ width: 100px;
|
|
|
+ height: 29px;
|
|
|
+ border: 1px solid #2f2f2f;
|
|
|
+}
|
|
|
+
|
|
|
+/* #2f2f2f */
|
|
|
+.obd3 {
|
|
|
+ float: left;
|
|
|
+ width: 20px;
|
|
|
+ height: 29px;
|
|
|
+ border: 1px solid #2f2f2f;
|
|
|
+}
|
|
|
+
|
|
|
+.obd > li {
|
|
|
+ float: left;
|
|
|
+ margin-right: 9px;
|
|
|
+}
|
|
|
+
|
|
|
+.container {
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100% - 66px);
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.foot {
|
|
|
+ width: 100%;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0px;
|
|
|
+ z-index: 1000;
|
|
|
+ height: 30px;
|
|
|
+ background: #29292a;
|
|
|
+ color: #ffffff;
|
|
|
+ padding: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.foot > ul {
|
|
|
+ height: 25px;
|
|
|
+ padding-left: 10px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.foot > ul > li {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 20px;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.foot > ul > li > span {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 20px;
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.foot > ul > li > span > a {
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.footbtn {
|
|
|
+ position: absolute;
|
|
|
+ left: 45%;
|
|
|
+ bottom: 0;
|
|
|
+ cursor: pointer;
|
|
|
+ z-index: 1000;
|
|
|
+ top: -25px;
|
|
|
+}
|
|
|
+
|
|
|
+.footbtn2 {
|
|
|
+ position: absolute;
|
|
|
+ left: 45%;
|
|
|
+ bottom: 0;
|
|
|
+ cursor: pointer;
|
|
|
+ z-index: 1000;
|
|
|
+
|
|
|
+}
|
|
|
+.error-box {
|
|
|
+ position: fixed;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #eeeeee;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 99999;
|
|
|
+ display: none;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ background-color: rgba(0, 0, 0, 0.4);
|
|
|
+}
|
|
|
+.error-content {
|
|
|
+ width: 1200px;
|
|
|
+ height: 814px;
|
|
|
+ border: 1px solid #424242;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.error-content .modal-title-box {
|
|
|
+ height: 30px;
|
|
|
+ background-color: #212121;
|
|
|
+}
|
|
|
+.error-content .button {
|
|
|
+ margin-left: auto;
|
|
|
+ border: 1px solid #848484;
|
|
|
+ gap: 5px;
|
|
|
+}
|
|
|
+.error-content input[type="date"] {
|
|
|
+ width: 120px;
|
|
|
+}
|
|
|
+/*.error-content input[type="date"]::-webkit-calendar-picker-indicator {*/
|
|
|
+/* filter: invert(1); !* 흰색 아이콘 *!*/
|
|
|
+/*}*/
|
|
|
+.error-content table {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+.error-content table.on {
|
|
|
+ display: table;
|
|
|
+}
|
|
|
+.table-box {
|
|
|
+ background-color: #2c2c2c;
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100% - 110px);
|
|
|
+ box-sizing: border-box;
|
|
|
+ overflow: auto;
|
|
|
+ padding: 5px;
|
|
|
+}
|
|
|
+.table-box > div:nth-child(1) {
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100% - 40px);
|
|
|
+ overflow: auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: 1px solid #424242;
|
|
|
+}
|
|
|
+
|
|
|
+.table-box table thead {
|
|
|
+ position : sticky;
|
|
|
+ top: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.search-box {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ gap: 5px;
|
|
|
+ height: 50px;
|
|
|
+ background-color: #2c2c2c;
|
|
|
+ color: white;
|
|
|
+ border-bottom: 1px solid #424242;
|
|
|
+}
|
|
|
+#region_cd {
|
|
|
+ width: 150px;
|
|
|
+}
|
|
|
+
|
|
|
+#int_no {
|
|
|
+ width: 220px;
|
|
|
+}
|
|
|
+
|
|
|
+.table-content table tr:hover:not(.empty-box) {
|
|
|
+ background-color: #596f8f !important;
|
|
|
+}
|
|
|
+
|
|
|
+.table-content table tr:hover:not(.empty-box) td {
|
|
|
+ color: white;
|
|
|
+}
|
|
|
+
|
|
|
+.search-box input,
|
|
|
+.search-box select {
|
|
|
+ background-color: #2a2a2a;
|
|
|
+ padding: 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: 1px solid #575757;
|
|
|
+ color: #e9e9e9;
|
|
|
+ height: 100%;
|
|
|
+ color-scheme : dark;
|
|
|
+}
|
|
|
+
|
|
|
+.mapToggle {
|
|
|
+ z-index: 100;
|
|
|
+ height: 24px;
|
|
|
+ width: 430px;
|
|
|
+ position: absolute;
|
|
|
+ left: 40px;
|
|
|
+ top: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.roadview2 {
|
|
|
+ z-index: 20;
|
|
|
+ height: 24px;
|
|
|
+ width: 70px;
|
|
|
+ position: absolute;
|
|
|
+ left: 20px;
|
|
|
+ top: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.arrow_ims {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ text-align: center;
|
|
|
+ width: 410px;
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.arrow_sig {
|
|
|
+ text-align: center;
|
|
|
+ width: 400px;
|
|
|
+ position: relative;
|
|
|
+ /* top:61px; */
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.pop_box {
|
|
|
+ border: 2px solid #4b9fbf;
|
|
|
+ padding: 1px;
|
|
|
+ background: #ffffff;
|
|
|
+ width: 410px;
|
|
|
+ over-flow: hidden;
|
|
|
+ position: relative;
|
|
|
+ padding-bottom: 5px;
|
|
|
+ z-index: 20
|
|
|
+}
|
|
|
+
|
|
|
+.pop_box2 {
|
|
|
+ padding: 1px;
|
|
|
+ background: #3a4049;
|
|
|
+ width: 350px;
|
|
|
+ height: 250px;
|
|
|
+ over-flow: hidden;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+/* .sigPop_box {
|
|
|
+ border: 2px solid #4b9fbf;
|
|
|
+ padding: 5px;
|
|
|
+ background: #ffffff;
|
|
|
+ width: 250px !important;
|
|
|
+} */
|
|
|
+
|
|
|
+.sigPop_box {
|
|
|
+ border: 2px solid #4b9fbf;
|
|
|
+ padding: 5px;
|
|
|
+ background: #ffffff;
|
|
|
+ width: 400px !important;
|
|
|
+ height: 360px !important;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.pop_ims_image {
|
|
|
+ margin: 3px;
|
|
|
+ width: 310px;
|
|
|
+ height: 230px;
|
|
|
+}
|
|
|
+
|
|
|
+caption {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.pop_table {
|
|
|
+ width: 100% !important
|
|
|
+}
|
|
|
+
|
|
|
+.pop_table tr td {
|
|
|
+ height: 30px;
|
|
|
+ font-size: 13px !important
|
|
|
+}
|
|
|
+
|
|
|
+.pop_table thead tr th {
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.pop_table tr td span {
|
|
|
+ font-weight: bold;
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.pop_table tr th {
|
|
|
+ height: 26px;
|
|
|
+ border-bottom: 2px solid #4b9fbf;
|
|
|
+ padding: 5px;
|
|
|
+ text-align: left;
|
|
|
+ color: #2c2c2c;
|
|
|
+ font-size: 13px !important
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.pop_table tbody tr td {
|
|
|
+ height: 20px;
|
|
|
+ border-bottom: 2px solid #4b9fbf;
|
|
|
+ padding: 5px;
|
|
|
+ text-align: left;
|
|
|
+ color: #2c2c2c;
|
|
|
+ font-size: 14px;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.pop_table tfoot tr td {
|
|
|
+ padding: 5px;
|
|
|
+ color: #2c2c2c;
|
|
|
+ height: 20px;
|
|
|
+ text-align: left
|
|
|
+}
|
|
|
+
|
|
|
+/* .pop_table tfoot tr td span{margin-left:5px;} */
|
|
|
+.pop_table tr th img {
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+/*동영상 추가 css */
|
|
|
+
|
|
|
+.pop_table2 {
|
|
|
+ width: 330px;
|
|
|
+}
|
|
|
+
|
|
|
+.pop_table2 tr td {
|
|
|
+ background: #3a4049;
|
|
|
+ padding-top: 2px;
|
|
|
+ width: 300px;
|
|
|
+ height: 240px;
|
|
|
+ text-align: center;
|
|
|
+ solid: #d3d3d3;
|
|
|
+}
|
|
|
+
|
|
|
+.pop_table2 tr td span {
|
|
|
+ font-weight: bold;
|
|
|
+ text-align: center;
|
|
|
+ padding-left: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.pop_table2 tr th {
|
|
|
+ height: 16px;
|
|
|
+ background: #3a4049;
|
|
|
+
|
|
|
+ padding-top: 4px;
|
|
|
+ text-align: left;
|
|
|
+ color: #ffffff;
|
|
|
+ padding-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.pop_table2 tr th img {
|
|
|
+ margin-right: 10px;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.pop_table2 tr th span {
|
|
|
+ float: right;
|
|
|
+ margin-right: -5px;
|
|
|
+}
|
|
|
+
|
|
|
+.pop_table2 tfoot tr td {
|
|
|
+ height: 2px;
|
|
|
+ background: #3a4049;
|
|
|
+}
|
|
|
+
|
|
|
+.tooltip_close {
|
|
|
+ height: 21px;
|
|
|
+ position: absolute;
|
|
|
+ top: -2px;
|
|
|
+ right: 0px
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+#menu_wrap .option button {
|
|
|
+ margin-left: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+html input[type=button], input[type=email], input[type=password], input[type=reset], input[type=search], input[type=submit], input[type=tel], input[type=text] {
|
|
|
+ -webkit-appearance: none;
|
|
|
+ border-radius: 0
|
|
|
+}
|
|
|
+
|
|
|
+body, button, input, select, td, textarea, th {
|
|
|
+ /*line-height: 1.6;*/
|
|
|
+ /*height: 20px;*/
|
|
|
+}
|
|
|
+
|
|
|
+#menu_wrap {
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ top: 30px;
|
|
|
+ left: 30px;
|
|
|
+ bottom: 0;
|
|
|
+ width: 260px;
|
|
|
+ /*border: 1px solid #4b9fbf;*/
|
|
|
+ margin: 10px 0 30px 10px;
|
|
|
+ padding: 5px;
|
|
|
+ z-index: 1000000;
|
|
|
+ font-size: 12px;
|
|
|
+ height: 550px;
|
|
|
+ min-height: 150px;
|
|
|
+ overflow: auto;
|
|
|
+ border-radius: 10px;
|
|
|
+ /*filter: alpha(Opacity:100, Finishopacity: 85, style: 2);*/
|
|
|
+ border: 0px;
|
|
|
+ background: rgba(255, 255, 255, 0.7);
|
|
|
+}
|
|
|
+.option input {
|
|
|
+ line-height: 1.6;
|
|
|
+ height: 20px;
|
|
|
+}
|
|
|
+.option button{
|
|
|
+ margin-left: 5px;
|
|
|
+ border: 1px solid #1e65c5;
|
|
|
+ background-color: #1e65c5;
|
|
|
+ color: white;
|
|
|
+ font-weight: bold;
|
|
|
+ cursor: pointer;
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 4px;
|
|
|
+}
|
|
|
+#menu_wrap .option{
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.map_wrap, .map_wrap * {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ font-family: "Malgun Gothic", dotum, "돋움", sans-serif;
|
|
|
+}
|
|
|
+
|
|
|
+#menu_wrap .option p {
|
|
|
+ margin: 10px 0;
|
|
|
+}
|
|
|
+
|
|
|
+#placesList .item {
|
|
|
+ border-bottom: 1px solid #888;
|
|
|
+ overflow: hidden;
|
|
|
+ consor: pointer;
|
|
|
+ min-height: 65px;
|
|
|
+}
|
|
|
+
|
|
|
+#placesList li {
|
|
|
+ list-style: none;
|
|
|
+}
|
|
|
+
|
|
|
+#placesList .item .marker_1 {
|
|
|
+ background-position: 0 -10px;
|
|
|
+}
|
|
|
+
|
|
|
+#placesList .item .markerbg {
|
|
|
+ float: left;
|
|
|
+ position: absolute;
|
|
|
+ width: 36px;
|
|
|
+ height: 55px;
|
|
|
+ margin: 10px 0 0 10px;
|
|
|
+ background: url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/marker_number_blue.png) no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+#placesList .item {
|
|
|
+ position: relative;
|
|
|
+ border-bottom: 1px solid #888;
|
|
|
+ overflow: hidden;
|
|
|
+ cursor: pointer;
|
|
|
+ min-height: 65px;
|
|
|
+}
|
|
|
+
|
|
|
+#placesList .item .info {
|
|
|
+ padding: 10px 0 10px 25px;
|
|
|
+}
|
|
|
+
|
|
|
+#placesList .item h5, #placesList .item .info {
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+}
|
|
|
+
|
|
|
+#placesList .item span {
|
|
|
+ display: block;
|
|
|
+ margin-top: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+#placesList .info .gray {
|
|
|
+ color: #8a8a8a;
|
|
|
+}
|
|
|
+
|
|
|
+#placesList .info .jibun {
|
|
|
+ padding-left: 26px;
|
|
|
+ background: url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/places_jibun.png) no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+#placesList .info .tel {
|
|
|
+ color: #009900;
|
|
|
+}
|
|
|
+
|
|
|
+dl, li, menu, ol, ul {
|
|
|
+ list-style: none;
|
|
|
+}
|
|
|
+
|
|
|
+#menu_wrap hr {
|
|
|
+ display: block;
|
|
|
+ height: 1px;
|
|
|
+ border: 0;
|
|
|
+ border-top: 2px solid #5F5F5F;
|
|
|
+ margin: 3px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.bg_white {
|
|
|
+ background: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+h5 {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+#placesList .item .marker_2 {
|
|
|
+ background-position: 0 -46px;
|
|
|
+}
|
|
|
+
|
|
|
+#placesList .item .marker_3 {
|
|
|
+ background-position: 0 -92px;
|
|
|
+}
|
|
|
+
|
|
|
+#placesList .item .marker_4 {
|
|
|
+ background-position: 0 -138px;
|
|
|
+}
|
|
|
+
|
|
|
+#placesList .item .marker_5 {
|
|
|
+ background-position: 0 -185px;
|
|
|
+}
|
|
|
+
|
|
|
+#pagination {
|
|
|
+ margin: 10px auto;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+#pagination .on {
|
|
|
+ font-weight: bold;
|
|
|
+ cusor: default;
|
|
|
+ color: #777;
|
|
|
+}
|
|
|
+
|
|
|
+#pagination a {
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 10px;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.tooltip_close2 {
|
|
|
+ height: 21px;
|
|
|
+ position: absolute;
|
|
|
+ top: 10px;
|
|
|
+ right: 10px
|
|
|
+}
|
|
|
+
|
|
|
+.searchBtn {
|
|
|
+ border: 1px solid #5f5f5f;
|
|
|
+ font-size: 12px;
|
|
|
+ padding: 0 2px;
|
|
|
+ background: #ccc;
|
|
|
+ gap: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.footerSpan {
|
|
|
+ color: rgb(255, 255, 255);
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.dot {
|
|
|
+ overflow: hidden;
|
|
|
+ float: left;
|
|
|
+ width: 12px;
|
|
|
+ height: 12px;
|
|
|
+ background: url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/mini_circle.png');
|
|
|
+}
|
|
|
+
|
|
|
+.dotOverlay {
|
|
|
+ position: relative;
|
|
|
+ bottom: 10px;
|
|
|
+ border-radius: 6px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-bottom: 2px solid #ddd;
|
|
|
+ float: left;
|
|
|
+ font-size: 12px;
|
|
|
+ padding: 5px;
|
|
|
+ background: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.dotOverlay:nth-of-type(n) {
|
|
|
+ border: 0;
|
|
|
+ box-shadow: 0px 1px 2px #888;
|
|
|
+}
|
|
|
+
|
|
|
+.number {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #ee6152;
|
|
|
+}
|
|
|
+
|
|
|
+.dotOverlay:after {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ margin-left: -6px;
|
|
|
+ left: 50%;
|
|
|
+ bottom: -8px;
|
|
|
+ width: 11px;
|
|
|
+ height: 8px;
|
|
|
+ background: url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white_small.png')
|
|
|
+}
|
|
|
+
|
|
|
+.distanceInfo {
|
|
|
+ position: relative;
|
|
|
+ top: 5px;
|
|
|
+ left: 5px;
|
|
|
+ list-style: none;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.distanceInfo .label {
|
|
|
+ display: inline-block;
|
|
|
+ width: 50px;
|
|
|
+}
|
|
|
+
|
|
|
+.distanceInfo:after {
|
|
|
+ content: none;
|
|
|
+}
|
|
|
+
|
|
|
+.info {
|
|
|
+ position: relative;
|
|
|
+ top: 5px;
|
|
|
+ left: 5px;
|
|
|
+ border-radius: 6px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-bottom: 2px solid #ddd;
|
|
|
+ font-size: 12px;
|
|
|
+ padding: 5px;
|
|
|
+ background: #fff;
|
|
|
+ list-style: none;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.info:nth-of-type(n) {
|
|
|
+ border: 0;
|
|
|
+ box-shadow: 0px 1px 2px #888;
|
|
|
+}
|
|
|
+
|
|
|
+.info .label {
|
|
|
+ display: inline-block;
|
|
|
+ width: 50px;
|
|
|
+}
|
|
|
+
|
|
|
+.areaNumber {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #00a0e9;
|
|
|
+}
|
|
|
+
|
|
|
+.textInfo {
|
|
|
+ position: relative;
|
|
|
+ top: 5px;
|
|
|
+ left: 5px;
|
|
|
+ border-radius: 6px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-bottom: 2px solid #ddd;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #000000;
|
|
|
+ font-size: 12px;
|
|
|
+ padding: 5px;
|
|
|
+ background: #cccccc;
|
|
|
+ list-style: none;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.textInfo:nth-of-type(n) {
|
|
|
+ border: 0;
|
|
|
+ box-shadow: 0px 1px 2px #888;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+div.stateBox {
|
|
|
+ visibility: hidden;
|
|
|
+ z-index: 1000;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 65px;
|
|
|
+ right: 5px;
|
|
|
+ z-index: 3;
|
|
|
+ background: url('images/bg_traffic02.png') no-repeat left 0;
|
|
|
+ width: 281px;
|
|
|
+ height: 50px;
|
|
|
+ padding: 5px 9px 0 10px;
|
|
|
+ overflow: visible;
|
|
|
+}
|
|
|
+
|
|
|
+ul.stateInfo {
|
|
|
+ overflow: hidden;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ position: relative;
|
|
|
+ margin-top: -3px;
|
|
|
+}
|
|
|
+
|
|
|
+ul.stateInfo li {
|
|
|
+ color: #fff;
|
|
|
+ float: left;
|
|
|
+ font-size: 11px;
|
|
|
+}
|
|
|
+
|
|
|
+ul.stateInfo li.fir {
|
|
|
+ width: 265px;
|
|
|
+}
|
|
|
+
|
|
|
+ul.stateInfo li.re {
|
|
|
+ padding-right: 10px;
|
|
|
+ margin-right: 6px;
|
|
|
+ background: url('images/bg_traffic_lpop02.gif') no-repeat right 0;
|
|
|
+}
|
|
|
+
|
|
|
+ul.stateInfo li.re img {
|
|
|
+ margin-right: 1px;
|
|
|
+}
|
|
|
+
|
|
|
+ul.stateInfo li a {
|
|
|
+ font-size: 11px;
|
|
|
+ color: #7884a7;
|
|
|
+}
|
|
|
+
|
|
|
+ul.stateLine {
|
|
|
+ overflow: hidden;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ background: url('images/bg_traffic_details.gif') no-repeat left 0;
|
|
|
+ margin: 5px 0 5px 0;
|
|
|
+}
|
|
|
+
|
|
|
+ul.stateLine li {
|
|
|
+ font-size: 11px;
|
|
|
+ float: left;
|
|
|
+ margin-top: 9px;
|
|
|
+}
|
|
|
+
|
|
|
+ul.stateLine li a {
|
|
|
+ font-size: 11px;
|
|
|
+ margin-right: 57px;
|
|
|
+}
|
|
|
+
|
|
|
+ul.stateLine li.m01 a {
|
|
|
+ color: #66a726;
|
|
|
+}
|
|
|
+
|
|
|
+ul.stateLine li.m02 a {
|
|
|
+ color: #ffba00;
|
|
|
+}
|
|
|
+
|
|
|
+ul.stateLine li.m03 a {
|
|
|
+ color: #d21400;
|
|
|
+}
|
|
|
+
|
|
|
+ul.stateLine li.m04 a {
|
|
|
+ color: #cecece;
|
|
|
+ margin-right: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+ul.stateComment {
|
|
|
+ clear: both;
|
|
|
+}
|
|
|
+
|
|
|
+ul.stateComment li {
|
|
|
+ color: #667091;
|
|
|
+ font-size: 11px;
|
|
|
+ word-spacing: -1px;
|
|
|
+ letter-spacing: -1px;
|
|
|
+ background: url('images/ico_sblue.png') no-repeat 0 4px;
|
|
|
+ padding-left: 8px;
|
|
|
+ line-height: 16px;
|
|
|
+ overflow: visible;
|
|
|
+}
|
|
|
+
|
|
|
+div.trafficPop {
|
|
|
+ padding-bottom: 10px;
|
|
|
+ z-index: 500;
|
|
|
+ overflow: visible;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 32px;
|
|
|
+ z-index: 3;
|
|
|
+}
|
|
|
+
|
|
|
+div.trafficGoods {
|
|
|
+ right: 220px;
|
|
|
+}
|
|
|
+
|
|
|
+div.trafficNormal {
|
|
|
+ right: 130px;
|
|
|
+}
|
|
|
+
|
|
|
+div.trafficBad {
|
|
|
+ right: 50px;
|
|
|
+}
|
|
|
+
|
|
|
+div.trafficPop p {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -8px;
|
|
|
+}
|
|
|
+
|
|
|
+.trafficPop {
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+
|
|
|
+.trafficPop ul {
|
|
|
+ padding: 8px 10px;
|
|
|
+ border: 1px solid #111114;
|
|
|
+}
|
|
|
+
|
|
|
+.trafficPop li {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0 0 0 58px;
|
|
|
+ height: 15px;
|
|
|
+ white-space: nowrap;
|
|
|
+ position: relative;
|
|
|
+ width: 62px;
|
|
|
+}
|
|
|
+
|
|
|
+.trafficPop strong {
|
|
|
+ left: 0;
|
|
|
+ font-weight: normal;
|
|
|
+ position: absolute;
|
|
|
+ color: #000;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.trafficPop span {
|
|
|
+ font-weight: normal;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+div.trafficGoods ul {
|
|
|
+ background: #4c9800;
|
|
|
+ border: 1px solid #111114;
|
|
|
+}
|
|
|
+
|
|
|
+div.trafficNormal ul {
|
|
|
+ background: #fab700;
|
|
|
+ border: 1px solid #111114;
|
|
|
+}
|
|
|
+
|
|
|
+div.trafficBad ul {
|
|
|
+ background: #c41301;
|
|
|
+ border: 1px solid #111114;
|
|
|
+}
|
|
|
+
|
|
|
+/*
|
|
|
+
|
|
|
+div.popState dl.construction {margin-right:6px; background:#fff;}
|
|
|
+div.popState dl.construction {min-width:219px;_width:219px; background:url('images/btn_repair.png') no-repeat 1px 30px;}
|
|
|
+div.popState dl.construction dt {position:relative;font-size:12px; font-weight:bold; color:#607cd4; padding-bottom:7px; margin-bottom:7px;border-bottom:1px solid #e5e5e5;}
|
|
|
+div.popState dl.construction dd {white-space:nowrap; line-height:12px; color:#505050; font-size:11px; margin-bottom:4px; padding-left:40px;}
|
|
|
+div.popState dl.construction dd.nm {font-weight:bold; margin-bottom:5px; padding-top:4px; text-overflow:ellipsis; overflow:hidden;}
|
|
|
+div.popState dl.accident {margin-right:6px; background:#fff;}
|
|
|
+div.popState dl.accident {min-width:219px;_width:219px; background:url('images/btn_accident.png') no-repeat 1px 30px;}
|
|
|
+div.popState dl.accident dt {position:relative;font-size:12px; font-weight:bold; color:#607cd4; padding-bottom:7px; margin-bottom:7px;border-bottom:1px solid #e5e5e5;}
|
|
|
+div.popState dl.accident dd {white-space:nowrap; line-height:12px; color:#505050; font-size:11px; margin-bottom:4px; padding-left:40px;}
|
|
|
+div.popState dl.accident dd.nm {font-weight:bold; margin-bottom:5px; padding-top:4px; text-overflow:ellipsis; overflow:hidden;}
|
|
|
+div.popState dl.event {margin-right:6px; background:#fff;}
|
|
|
+div.popState dl.event {min-width:219px;_width:219px; background:url('images/btn_event.png') no-repeat 1px 30px;}
|
|
|
+div.popState dl.event dt {position:relative;font-size:12px; font-weight:bold; color:#607cd4; padding-bottom:7px; margin-bottom:7px;border-bottom:1px solid #e5e5e5;}
|
|
|
+div.popState dl.event dd {white-space:nowrap; line-height:12px; color:#505050; font-size:11px; margin-bottom:4px; padding-left:40px;}
|
|
|
+div.popState dl.event dd.nm {font-weight:bold; margin-bottom:5px; padding-top:4px; text-overflow:ellipsis; overflow:hidden;}
|
|
|
+div.popState dl.trouble {margin-right:6px; background:#fff;}
|
|
|
+div.popState dl.trouble {min-width:219px;_width:219px; background:url('images/btn_trouble.png') no-repeat 1px 30px;}
|
|
|
+div.popState dl.trouble dt {position:relative;font-size:12px; font-weight:bold; color:#607cd4; padding-bottom:7px; margin-bottom:7px;border-bottom:1px solid #e5e5e5;}
|
|
|
+div.popState dl.trouble dd {white-space:nowrap; line-height:12px; color:#505050; font-size:11px; margin-bottom:4px; padding-left:40px;}
|
|
|
+div.popState dl.trouble dd.nm {font-weight:bold; margin-bottom:5px; padding-top:4px; text-overflow:ellipsis; overflow:hidden;}
|
|
|
+div.popState dl.alert {margin-right:6px; background:#fff;}
|
|
|
+div.popState dl.alert {min-width:219px;_width:219px; background:url('images/btn_alert.gif') no-repeat 1px 30px;}
|
|
|
+div.popState dl.alert dt {position:relative;font-size:12px; font-weight:bold; color:#607cd4; padding-bottom:7px; margin-bottom:7px;border-bottom:1px solid #e5e5e5;}
|
|
|
+div.popState dl.alert dd {white-space:nowrap; line-height:12px; color:#505050; font-size:11px; margin-bottom:4px; padding-left:40px;}
|
|
|
+div.popState dl.alert dd.nm {font-weight:bold; margin-bottom:5px; padding-top:4px; text-overflow:ellipsis; overflow:hidden;}
|
|
|
+div.popState dl.death {margin-right:6px; background:#fff;}
|
|
|
+div.popState dl.death {min-width:219px;_width:219px; background:url('images/btn_deathaccident.png') no-repeat 1px 30px;}
|
|
|
+div.popState dl.death dt {position:relative;font-size:12px; font-weight:bold; color:#607cd4; padding-bottom:7px; margin-bottom:7px;border-bottom:1px solid #e5e5e5;}
|
|
|
+div.popState dl.death dd {white-space:nowrap; line-height:12px; color:#505050; font-size:11px; margin-bottom:4px; padding-left:40px;}
|
|
|
+div.popState dl.death dd.nm {font-weight:bold; margin-bottom:5px; padding-top:4px;}
|
|
|
+div.popState dl.death dd strong.rred {color:#bc1200; text-align:right;}
|
|
|
+div.popState dl.death dd strong.lblue {color:#607cd4;}
|
|
|
+div.popState dl.death dd strong.rblue {color:#607cd4; text-align:right;}
|
|
|
+div.popState dl.jaywork {margin-right:6px; background:#fff;}
|
|
|
+div.popState dl.jaywork {min-width:219px;_width:219px; background:url('images/btn_jayworking.png') no-repeat 1px 30px;}
|
|
|
+div.popState dl.jaywork dt {position:relative;font-size:12px; font-weight:bold; color:#607cd4; padding-bottom:7px; margin-bottom:7px;border-bottom:1px solid #e5e5e5;}
|
|
|
+div.popState dl.jaywork dd {white-space:nowrap; line-height:12px; color:#505050; font-size:11px; margin-bottom:4px; padding-left:40px;}
|
|
|
+div.popState dl.jaywork dd.nm {font-weight:bold; margin-bottom:5px; padding-top:4px;}
|
|
|
+div.popState dl.jaywork dd strong.rred {color:#bc1200; text-align:right;}
|
|
|
+div.popState dl.jaywork dd strong.lblue {color:#607cd4;}
|
|
|
+div.popState dl.jaywork dd strong.rblue {color:#607cd4; text-align:right;}
|
|
|
+*/
|
|
|
+.headMenu{width:100%;height:61px;background-color : #000000; display: flex; align-items: center; }
|
|
|
+.headMenu h1{float:left;width:329px; margin-top: -5px; margin-left: 5px;}
|
|
|
+.headMenu ul li {
|
|
|
+ float: left
|
|
|
+}
|
|
|
+
|
|
|
+.headMenu span {
|
|
|
+ position: absolute;
|
|
|
+ right: 20px;
|
|
|
+ line-height: 61px
|
|
|
+}
|
|
|
+
|
|
|
+.bumImage {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 10px;
|
|
|
+ right: 10px;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border: 1px solid #bbbbbb;
|
|
|
+ z-index: 20;
|
|
|
+ overflow: hidden
|
|
|
+}
|
|
|
+
|
|
|
+.iframeTreeList {
|
|
|
+ float: left;
|
|
|
+ width: 280px;
|
|
|
+ height: 100%;
|
|
|
+ margin-left: 5px;
|
|
|
+ overflow: hidden;
|
|
|
+ border: 0;
|
|
|
+ z-index: 50
|
|
|
+}
|
|
|
+
|
|
|
+.iframeBottomList {
|
|
|
+ margin-left: 2px;
|
|
|
+ width: calc(100% - 287px);
|
|
|
+ height: 222px;
|
|
|
+ overflow: hidden;
|
|
|
+ border: 0;
|
|
|
+ border-bottom: 1px solid #595959;
|
|
|
+ border-left: 1px solid #595959;
|
|
|
+ z-index: 50;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu {
|
|
|
+ height: calc(100% - 8px);
|
|
|
+ background-color: #fff;
|
|
|
+ border: 1px solid #595959;
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu h1 {
|
|
|
+ padding: 10px;
|
|
|
+ border-bottom: 1px solid #d8d8d8
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .tabs {
|
|
|
+ height: 30px;
|
|
|
+ border-bottom: 2px solid #595959;
|
|
|
+ background-color: #000000;
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .tabs li {
|
|
|
+ float: left;
|
|
|
+ height: 100%;
|
|
|
+ padding: 0 10px;
|
|
|
+ border-right: 1px solid #595959;
|
|
|
+ color: #b2b2b2;
|
|
|
+ cursor: pointer;
|
|
|
+ border-bottom: 2px solid #595959;
|
|
|
+}
|
|
|
+.leftMenu .tabs li.on {
|
|
|
+ border-bottom: 2px solid #3396ff;
|
|
|
+}
|
|
|
+.leftMenu .tabs li > div img{
|
|
|
+ margin-bottom: 3px;
|
|
|
+}
|
|
|
+.leftMenu .tabs li > div {
|
|
|
+ display: flex;
|
|
|
+ gap: 5px;
|
|
|
+ align-items: center;
|
|
|
+ height: 100%;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+/* 트리리스트 */
|
|
|
+
|
|
|
+/* .leftMenu .iframeTreeList{width:95%;height:calc(100% - 45px);overflow:auto;padding:5px} */
|
|
|
+.leftMenu .historyBox {
|
|
|
+ width: 100%;
|
|
|
+ height: 175px;
|
|
|
+ border-bottom: 1px solid #595959;
|
|
|
+ background-color: #2c2c2c;
|
|
|
+ flex-direction: column;
|
|
|
+ display: none;
|
|
|
+ gap: 5px;
|
|
|
+}
|
|
|
+.leftMenu .evp-cur {
|
|
|
+ width: 100%;
|
|
|
+ height: 160px;
|
|
|
+ display: none;
|
|
|
+ background-color: #212121;
|
|
|
+ border-bottom: 1px solid #595959;
|
|
|
+}
|
|
|
+#evp-cur-list {
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100% - 25px);
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+#evp-cur-list table {
|
|
|
+ width: 100%;
|
|
|
+ border-collapse: separate;
|
|
|
+ border-spacing: 0;
|
|
|
+}
|
|
|
+#evp-cur-list table thead{
|
|
|
+ position: sticky;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+}
|
|
|
+#historyList table tbody td,
|
|
|
+#evp-cur-list table tbody td {
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
+ color: #b2b2b2;
|
|
|
+ cursor: pointer;
|
|
|
+ height: 22px;
|
|
|
+ line-height: 22px;
|
|
|
+ padding: 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ word-break: break-all;
|
|
|
+}
|
|
|
+
|
|
|
+#historyList table tbody tr:nth-child(even) td,
|
|
|
+#evp-cur-list table tbody tr:nth-child(even) td {
|
|
|
+ background-color: #3c3c3c;
|
|
|
+}
|
|
|
+#historyList table tbody tr:nth-child(odd) td,
|
|
|
+#evp-cur-list table tbody tr:nth-child(odd) td {
|
|
|
+ background-color:#292828;
|
|
|
+}
|
|
|
+.leftMenu .title {
|
|
|
+ height: 25px;
|
|
|
+ /*background-color: #3c3c3c;*/
|
|
|
+ background-color: #0065d1;
|
|
|
+ /*color: #b2b2b2;*/
|
|
|
+ color: white;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding-left: 10px;
|
|
|
+ border-bottom: 1px solid #595959;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+.leftMenu .historyBox > div:nth-child(2) {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ /*align-items: center;*/
|
|
|
+ gap: 5px;
|
|
|
+ padding: 0 10px;
|
|
|
+}
|
|
|
+select#region {
|
|
|
+ width: 223px;
|
|
|
+ height: 29px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding : 0 10px;
|
|
|
+}
|
|
|
+.leftMenu .historyBox > div > div > div:nth-child(1){
|
|
|
+ color: #b2b2b2;
|
|
|
+ width: 27px;
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .historyBox > div > div {
|
|
|
+ display: flex;
|
|
|
+ gap: 5px;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.leftMenu .searchBox {
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+ border-bottom: 1px solid #595959;
|
|
|
+ display: flex;
|
|
|
+ gap: 12px;
|
|
|
+ /*justify-content: center;*/
|
|
|
+ align-items: center;
|
|
|
+ background-color: black;
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .searchBox .search-button {
|
|
|
+ padding: 4px;
|
|
|
+ border: 1px solid #eeeeee;
|
|
|
+ background-color: #3396ff;
|
|
|
+ color: white;
|
|
|
+ width: 50px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ border-radius: 5px;
|
|
|
+ font-weight: bold;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .searchBox .search-button:hover{
|
|
|
+ filter: brightness(1.1);
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .searchBox input {
|
|
|
+ width: 228px;
|
|
|
+ padding: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu #intTree {
|
|
|
+ /*height: calc(100% - 70px);*/
|
|
|
+ /*overflow: auto;*/
|
|
|
+ /*padding: 5px*/
|
|
|
+ height : calc(100% - 32px);
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu #historyList {
|
|
|
+ display: none;
|
|
|
+ height: calc(100% - 407px);
|
|
|
+ overflow: auto;
|
|
|
+ background-color: #212121;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
+ border-bottom: 1px solid #595959;
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu #evp-cur-list table thead th,
|
|
|
+.leftMenu #evp-cur-list table tbody,
|
|
|
+.leftMenu #evp-cur-list table tr td,
|
|
|
+.leftMenu #historyList table thead th,
|
|
|
+.leftMenu #historyList table tbody,
|
|
|
+.leftMenu #historyList table tr td{
|
|
|
+ border-bottom: 1px solid #595959;
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu #evp-cur-list table tbody tr.on td,
|
|
|
+.leftMenu #historyList table tbody tr.on td{
|
|
|
+ background-color: #3396FF;
|
|
|
+ color : #eeeeee;
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu #historyList table {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.leftMenu #historyList thead th,
|
|
|
+.leftMenu #evp-cur-list thead th {
|
|
|
+ background-color: #212121;
|
|
|
+ color: #b2b2b2;
|
|
|
+ line-height: 1.6;
|
|
|
+ height: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu #evp-cur-list .empty-evp {
|
|
|
+ height: 112px;
|
|
|
+ background-color: #2c2c2c;
|
|
|
+ text-align: center;
|
|
|
+ color: #b2b2b2;
|
|
|
+ cursor: default;
|
|
|
+}
|
|
|
+.leftMenu #historyList .empty-history {
|
|
|
+ height: calc(100% - 21.3px);
|
|
|
+ background-color: #2c2c2c;
|
|
|
+ text-align: center;
|
|
|
+ color: #b2b2b2;
|
|
|
+ cursor: default;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu #historyList thead th:not(:last-child),
|
|
|
+.leftMenu #evp-cur-list thead th:not(:last-child),
|
|
|
+.leftMenu #historyList tbody td:not(:last-child),
|
|
|
+.leftMenu #evp-cur-list tbody td:not(:last-child) {
|
|
|
+ border-right: 1px solid #595959;
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intSearchMenu {
|
|
|
+ height: 70px;
|
|
|
+ padding: 10px 0 0 20px;
|
|
|
+ border-bottom: 1px solid #595959
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intSearchMenu label {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #2d2d2d;
|
|
|
+ display: inline-block;
|
|
|
+ width: 55px;
|
|
|
+ padding-left: 15px;
|
|
|
+ background: url(images/bul_blue.gif) no-repeat 0 center;
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intSearchMenu #sidoSearch {
|
|
|
+ width: 105px;
|
|
|
+ height: 25px
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intSearchMenu .intSearchDiv {
|
|
|
+ font-size: 100%;
|
|
|
+ font-family: inherit;
|
|
|
+ vertical-align: baseline;
|
|
|
+ padding-top: 10px
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intSearchMenu .intSearchBox {
|
|
|
+ width: 100px;
|
|
|
+ height: 21px
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intSearchMenu .intSearchBtn {
|
|
|
+ color: #fff;
|
|
|
+ /*border-color: #1a55a1 #114e8f #074577 #104d8d;*/
|
|
|
+ /*background-color: #1e65c4;*/
|
|
|
+ background: -webkit-gradient(linear, left top, left bottom, from(#1e65c4), to(#1e5bad));
|
|
|
+ padding: 5px 20px 3px 14px;
|
|
|
+ border: 1px solid #cecdcd;
|
|
|
+ display: inline-block;
|
|
|
+ cursor: pointer;
|
|
|
+ font-weight: bold;
|
|
|
+ border-radius: 2px !important;
|
|
|
+ vertical-align: middle;
|
|
|
+ font-size: 11px;
|
|
|
+ line-height: normal;
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intSearchMenu .intGroupSearchDiv {
|
|
|
+ font-size: 100%;
|
|
|
+ font-family: inherit;
|
|
|
+ vertical-align: baseline;
|
|
|
+ padding-top: 10px
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intSearchMenu .intGroupSearchDiv .intGroupSearchBox {
|
|
|
+ width: 105px;
|
|
|
+ height: 25px
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intList {
|
|
|
+ height: 82%
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intList .intListMenu {
|
|
|
+ border-top: 2px solid #595959;
|
|
|
+ border-bottom: 1px solid #595959;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #2d2d2d;
|
|
|
+ height: 30px;
|
|
|
+ vertical-align: middle;
|
|
|
+ padding: 10px 10px 0px 10px;
|
|
|
+ background: #fafafa;
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intList .intListMenu .intListMenu1 {
|
|
|
+ display: inline-block;
|
|
|
+ width: 130px
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intList .intListMenu .intListMenu2 {
|
|
|
+ display: inline-block;
|
|
|
+ width: 70px
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intList .intListMenu .intListMenu3 {
|
|
|
+ display: inline-block;
|
|
|
+ width: 70px
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intList .intListCon {
|
|
|
+ padding: 10px;
|
|
|
+ height: 100%;
|
|
|
+ overflow-y: auto
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intList .result_title {
|
|
|
+ border-bottom: 1px solid #BBBBBB;
|
|
|
+ padding: 15px 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intList .result_title .regionTitle {
|
|
|
+ background: url(/images/bul_arrow.gif) no-repeat scroll 0 center rgba(0, 0, 0, 0);
|
|
|
+ padding-left: 10px;
|
|
|
+ float: right
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intList .result_title .clear {
|
|
|
+ clear: both;
|
|
|
+ font-size: 0;
|
|
|
+ height: 0
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intList .intListCon .intListUl li:first-child {
|
|
|
+ padding-top: 0
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intList .intListCon .intListUl li {
|
|
|
+ line-height: 140%;
|
|
|
+ border-bottom: 1px solid #bababa;
|
|
|
+ padding: 10px 0;
|
|
|
+ cursor: pointer;
|
|
|
+ display: block
|
|
|
+}
|
|
|
+
|
|
|
+.leftMenu .intList .intListCon .intListUl li:hover {
|
|
|
+ color: #1e5bae;
|
|
|
+}
|
|
|
+
|
|
|
+.sigInfoBox {
|
|
|
+ z-index: 1000;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 5px;
|
|
|
+ right: 5px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.wideMap {
|
|
|
+ position: absolute;
|
|
|
+ /*top: 40%;*/
|
|
|
+ top : 0;
|
|
|
+ left: 0;
|
|
|
+ /*top: 10px;*/
|
|
|
+ /*left: -8px;*/
|
|
|
+ cursor: pointer;
|
|
|
+ z-index: 10;
|
|
|
+ rotate: 180deg;
|
|
|
+ background-image: url(/images/chevron-right.png);
|
|
|
+ width: 20px;
|
|
|
+ height: 30px;
|
|
|
+ background-color: #2c2c2c;
|
|
|
+ border-top: 1px solid #595959;
|
|
|
+ border-left: 1px solid #595959;
|
|
|
+ border-bottom: 1px solid #595959;
|
|
|
+ background-position: center;
|
|
|
+ border-radius: 5px 0 0 5px;
|
|
|
+}
|
|
|
+.wideMap.on {
|
|
|
+ rotate: 0deg;
|
|
|
+ border-left: 0;
|
|
|
+ border-right: 1px solid #595959;
|
|
|
+ border-radius: 0 5px 5px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.upDownMap {
|
|
|
+ position: absolute;
|
|
|
+ right: 2px;
|
|
|
+ bottom: 0;
|
|
|
+ cursor: pointer;
|
|
|
+ z-index: 10;
|
|
|
+ rotate: 0deg;
|
|
|
+ background-image: url('/images/chevron-down.png');
|
|
|
+ width: 30px;
|
|
|
+ height: 20px;
|
|
|
+ background-color: #2c2c2c;
|
|
|
+ border-top: 1px solid #595959;
|
|
|
+ border-left: 1px solid #595959;
|
|
|
+ border-right: 1px solid #595959;
|
|
|
+ background-position: center;
|
|
|
+ border-radius: 5px 5px 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.upDownMap.on {
|
|
|
+ rotate: 180deg;
|
|
|
+ border-bottom: 1px solid #595959;
|
|
|
+ border-top: 0;
|
|
|
+ border-radius: 0 0 5px 5px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.bottomMenu {
|
|
|
+ height: 99%;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 0
|
|
|
+}
|
|
|
+
|
|
|
+.bottomMenu .networkType a:nth-child(2) {
|
|
|
+ position: relative;
|
|
|
+ left: -4px
|
|
|
+}
|
|
|
+
|
|
|
+.bottomMenu .bottomHead {
|
|
|
+ overflow-y: scroll;
|
|
|
+ /*scrollbar-arrow-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-track-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-face-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-shadow-color: #f0f0f0*/
|
|
|
+}
|
|
|
+
|
|
|
+/*.bottomMenu .bottomHead::-webkit-scrollbar {*/
|
|
|
+/* background-color: #f0f0f0*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+.bottomMenu .bottomHead table {
|
|
|
+ width: 100%;
|
|
|
+ border-collapse: separate;
|
|
|
+ border-spacing: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomMenu .bottomHead table thead,
|
|
|
+.bottomMenu .bottomBody table thead {
|
|
|
+ background-color: #595959;
|
|
|
+ position: sticky;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomMenu .bottomBody table th,
|
|
|
+.bottomMenu .bottomHead table th {
|
|
|
+ height: 20px;
|
|
|
+ padding: 5px;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #cccccc;
|
|
|
+ background-color: #000;
|
|
|
+ line-height: 20px;
|
|
|
+ border-bottom: 1px solid #595959;
|
|
|
+ border-right: 1px solid #595959;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomMenu .bottomBody {
|
|
|
+ max-height: 100%;
|
|
|
+ /*overflow-y: scroll*/
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomMenu .bottomBody table {
|
|
|
+ width: 100%;
|
|
|
+ min-width: 1500px;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomMenu .bottomBody table tbody {
|
|
|
+ background-color: #fff
|
|
|
+}
|
|
|
+
|
|
|
+.bottomMenu .bottomBody table td {
|
|
|
+ padding: 5px;
|
|
|
+ text-align: center;
|
|
|
+ /*color: #515151;*/
|
|
|
+ /*border-bottom: 1px solid #bababa;*/
|
|
|
+ /*border-right: 1px solid #bababa;*/
|
|
|
+ color: #cccccc;
|
|
|
+ border-bottom: 1px solid #424242;
|
|
|
+ border-right: 1px solid #424242;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomMenu .bottomBody table a {
|
|
|
+ /*display: inline-block;*/
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ color: #b2b2b2;
|
|
|
+}
|
|
|
+
|
|
|
+.leftPopMenu {
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ width: 225px;
|
|
|
+ height: 802px;
|
|
|
+ float: left;
|
|
|
+ background-color: #fff;
|
|
|
+ margin: 5px
|
|
|
+}
|
|
|
+
|
|
|
+.leftPopMenu .intResrvPlan {
|
|
|
+ height: 300px;
|
|
|
+ border: 1px solid #595959
|
|
|
+}
|
|
|
+
|
|
|
+.leftPopMenu .intResrvPlan p, .leftPopMenu .holydayPlan p, .bottomPopMenu P {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #2d2d2d;
|
|
|
+ display: inline-block;
|
|
|
+ width: 110px;
|
|
|
+ padding-left: 15px;
|
|
|
+ margin: 10px;
|
|
|
+ background: url(/images/bul_table.gif) no-repeat 5px
|
|
|
+}
|
|
|
+
|
|
|
+.leftPopMenu .intResrvPlan .intResrvPlanCon {
|
|
|
+ width: auto;
|
|
|
+ height: 257px;
|
|
|
+ margin-left: 2px;
|
|
|
+ overflow: hidden
|
|
|
+}
|
|
|
+
|
|
|
+.leftPopMenu .intResrvPlan .intResrvPlanCon .intResrvPlanHead {
|
|
|
+ overflow-y: scroll;
|
|
|
+ /*scrollbar-arrow-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-track-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-face-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-shadow-color: #f0f0f0*/
|
|
|
+}
|
|
|
+
|
|
|
+/*.leftPopMenu .intResrvPlan .intResrvPlanCon .intResrvPlanHead::-webkit-scrollbar {*/
|
|
|
+/* background-color: #f0f0f0*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+.leftPopMenu .intResrvPlan .intResrvPlanCon .intResrvPlanBody {
|
|
|
+ max-height: 215px;
|
|
|
+ overflow-y: scroll
|
|
|
+}
|
|
|
+
|
|
|
+.leftPopMenu .intResrvPlan table, .holydayPlan table {
|
|
|
+ width: 100%;
|
|
|
+ border-collapse: collapse;
|
|
|
+}
|
|
|
+
|
|
|
+.leftPopMenu .intResrvPlan table thead, .holydayPlan table thead {
|
|
|
+ background-color: #f4f4f4
|
|
|
+}
|
|
|
+
|
|
|
+.leftPopMenu .intResrvPlan table th, .holydayPlan table th {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #2d2d2d
|
|
|
+}
|
|
|
+
|
|
|
+.leftPopMenu .intResrvPlan table td, .holydayPlan table td {
|
|
|
+ padding: 3px
|
|
|
+}
|
|
|
+
|
|
|
+.leftPopMenu .holydayPlan table th {
|
|
|
+ padding: 6px
|
|
|
+}
|
|
|
+
|
|
|
+.leftPopMenu .intResrvPlan table th, .intResrvPlan table td, .holydayPlan table th, .holydayPlan table td {
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #bababa
|
|
|
+}
|
|
|
+
|
|
|
+.intResrvPlan table tr:nth-child(1) td {
|
|
|
+ text-align: center;
|
|
|
+ border-top: 0
|
|
|
+}
|
|
|
+
|
|
|
+.holydayPlan table tr:nth-child(1) td {
|
|
|
+ text-align: center;
|
|
|
+ border-top: 0
|
|
|
+}
|
|
|
+
|
|
|
+.leftPopMenu .holydayPlan {
|
|
|
+ height: 488px;
|
|
|
+ margin-top: 5px;
|
|
|
+ border: 1px solid #595959
|
|
|
+}
|
|
|
+
|
|
|
+.leftPopMenu .holydayPlan .holydayPlanCon {
|
|
|
+ width: auto;
|
|
|
+ height: 446px;
|
|
|
+ margin-left: 2px;
|
|
|
+ overflow: hidden
|
|
|
+}
|
|
|
+
|
|
|
+.leftPopMenu .holydayPlan .holydayPlanCon .holydayPlanHead {
|
|
|
+ overflow-y: scroll;
|
|
|
+ /*scrollbar-arrow-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-track-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-face-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-shadow-color: #f0f0f0*/
|
|
|
+}
|
|
|
+
|
|
|
+/*.leftPopMenu .holydayPlan .holydayPlanCon .holydayPlanHead::-webkit-scrollbar {*/
|
|
|
+/* background-color: #f0f0f0*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+.leftPopMenu .holydayPlan .holydayPlanCon .holydayPlanBody {
|
|
|
+ max-height: 410px;
|
|
|
+ overflow-y: scroll
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu {
|
|
|
+ position: absolute;
|
|
|
+ top: 295px;
|
|
|
+ height: 538px;
|
|
|
+ border: 1px solid #595959;
|
|
|
+ margin-left: 5px;
|
|
|
+ margin-top: 2px;
|
|
|
+ width: 908px
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .dayPlan {
|
|
|
+ display: none;
|
|
|
+ height: 380px
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .dayPlan form {
|
|
|
+ display: inline-block
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .dayPlan form input[type="button"] {
|
|
|
+ background: #96a2b2 !important;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ width: 100px;
|
|
|
+ text-align: center;
|
|
|
+ padding: 0px;
|
|
|
+ height: 25px;
|
|
|
+ line-height: 25px;
|
|
|
+ cursor: pointer
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .dayPlan span {
|
|
|
+ padding-left: 400px
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .dayPlan span label {
|
|
|
+ font-weight: 600
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .dayPlan span select {
|
|
|
+ width: 40px
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .dayPlanCon {
|
|
|
+ width: auto;
|
|
|
+ height: 89%;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 0 2px;
|
|
|
+ border-bottom: 1px solid #bababa
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .dayPlanCon .dayPlanHead {
|
|
|
+ overflow-y: scroll;
|
|
|
+ /*scrollbar-arrow-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-track-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-face-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-shadow-color: #f0f0f0*/
|
|
|
+}
|
|
|
+
|
|
|
+/*.bottomPopMenu .dayPlanCon .dayPlanHead::-webkit-scrollbar {*/
|
|
|
+/* background-color: #f0f0f0*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+.bottomPopMenu .dayPlanCon .dayPlanBody {
|
|
|
+ max-height: 255px;
|
|
|
+ overflow-y: scroll
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .dayPlanCon table {
|
|
|
+ table-layout: fixed
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .dayPlanCon table th, .bottomPopMenu .weekPlanCon table th {
|
|
|
+ padding: 6px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #bababa
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .weekPlanCon table td {
|
|
|
+ padding: 6px;
|
|
|
+ text-align: center;
|
|
|
+ border-left: 1px solid #bababa;
|
|
|
+ border-top: 1px solid #bababa
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .dayPlanCon table td {
|
|
|
+ padding: 5px 0;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #bababa
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .dayPlanCon table tr:nth-child(1) td {
|
|
|
+ border-top: 0
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .dayPlanCon table, .bottomPopMenu .weekPlanCon table {
|
|
|
+ width: 100%;
|
|
|
+ border-collapse: collapse;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .dayPlanCon table thead, .bottomPopMenu .weekPlanCon table thead {
|
|
|
+ width: 100%;
|
|
|
+ background-color: #f4f4f4
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .dayPlanCon table th, .bottomPopMenu .weekPlanCon table th {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #2d2d2d;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .dayPlanCon table td, .bottomPopMenu .weekPlanCon table td {
|
|
|
+ color: #515151
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .weekPlan {
|
|
|
+ display: none;
|
|
|
+ height: 110px
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .weekPlanCon {
|
|
|
+ width: auto;
|
|
|
+ overflow-y: auto;
|
|
|
+ margin: 2px 2px
|
|
|
+}
|
|
|
+
|
|
|
+/* 페이즈정보 팡벙 */
|
|
|
+.phaseInfoTop {
|
|
|
+ width: 910px;
|
|
|
+ margin: 5px 5px 0 5px
|
|
|
+}
|
|
|
+
|
|
|
+.phaseInfoTop .tabs {
|
|
|
+ height: 30px
|
|
|
+}
|
|
|
+
|
|
|
+.phaseInfoTop .tabs li {
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.phaseInfoTop .tabs li:nth-child(1) {
|
|
|
+ border-top: 1px solid #bbbbbb;
|
|
|
+ border-left: 1px solid #bbbbbb
|
|
|
+}
|
|
|
+
|
|
|
+.phaseInfoTop .tabs li:nth-child(2) {
|
|
|
+ border-top: 1px solid #bbbbbb
|
|
|
+}
|
|
|
+
|
|
|
+.phaseInfoTop .tabs li:nth-child(3) {
|
|
|
+ border-top: 1px solid #bbbbbb
|
|
|
+}
|
|
|
+
|
|
|
+.phaseInfoTop .tabs li:nth-child(4) {
|
|
|
+ border-top: 1px solid #bbbbbb
|
|
|
+}
|
|
|
+
|
|
|
+.phaseInfoTop .tabs .regionIntNm {
|
|
|
+ line-height: 30px;
|
|
|
+ width: 280px;
|
|
|
+ text-align: center;
|
|
|
+ padding-left: 55px;
|
|
|
+ font-size: 15px;
|
|
|
+ color: #b2b2b2;
|
|
|
+}
|
|
|
+
|
|
|
+#regionIntNm {
|
|
|
+ color: #b2b2b2;
|
|
|
+}
|
|
|
+
|
|
|
+.phaseInfoTop .tabs .simulation {
|
|
|
+ width: 140px;
|
|
|
+ font-size: 15px;
|
|
|
+ line-height: 30px;
|
|
|
+ color: red;
|
|
|
+ text-align: center;
|
|
|
+ padding-left: 50px
|
|
|
+}
|
|
|
+
|
|
|
+.phaseInfoTop .tabs > li:hover .subMenu {
|
|
|
+ display: block
|
|
|
+}
|
|
|
+
|
|
|
+.phaseInfoTop .tabs > li .subMenu {
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ top: 427px;
|
|
|
+ left: 5px;
|
|
|
+ width: 120px;
|
|
|
+ background-color: #122f64;
|
|
|
+ z-index: 10
|
|
|
+}
|
|
|
+
|
|
|
+.phaseInfoTop .tabs > li .subMenu li {
|
|
|
+ width: 121px;
|
|
|
+ margin-right: 40px;
|
|
|
+ font-size: 13px;
|
|
|
+ line-height: 34px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.phaseInfoTop .tabs > li .subMenu li:nth-child(1) {
|
|
|
+ border-bottom: 1px solid #bababa
|
|
|
+}
|
|
|
+
|
|
|
+.phaseInfoTop .tabs > li .subMenu li a {
|
|
|
+ display: inline-block;
|
|
|
+ color: #adbedf;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.bottomPopMenu .bottomRight {
|
|
|
+ width: auto;
|
|
|
+ height: 133px;
|
|
|
+ padding: 5px
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .bottomRight table {
|
|
|
+ width: 100%
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .bottomRight table thead {
|
|
|
+ width: 880px;
|
|
|
+ background-color: #f4f4f4
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .bottomRight table tbody {
|
|
|
+ padding-top: 10px
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .bottomRight table th, .bottomPopMenu .bottomRight table td {
|
|
|
+ padding: 5px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #bababa
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .bottomRight table th {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #2d2d2d;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .bottomRight table td {
|
|
|
+ color: #515151
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .phaseInfo {
|
|
|
+ width: auto;
|
|
|
+ height: 386px;
|
|
|
+ padding: 5px
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .phaseInfo .pMapNo select {
|
|
|
+ width: 40px
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .phaseInfoCon, .linkInfoCon {
|
|
|
+ width: auto;
|
|
|
+ height: 303px
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .phaseInfoCon table, .linkInfoCon table {
|
|
|
+ width: 100%;
|
|
|
+ border-collapse: collapse;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .phaseInfoCon table thead, .linkInfoCon table thead {
|
|
|
+ width: 100%;
|
|
|
+ background-color: #f4f4f4
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .phaseInfoCon table th, .bottomPopMenu .phaseInfoCon table td {
|
|
|
+ padding: 6px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #bababa;
|
|
|
+ width: 9.1%
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .phaseInfoCon table #updatePhaseInfoList1 td {
|
|
|
+ border-bottom: 0
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .phaseInfoCon table th, .linkInfoCon table th {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #2d2d2d;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .phaseInfoCon table td {
|
|
|
+ color: #515151;
|
|
|
+ height: 90px
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .phaseInfoCon table .aProgress td {
|
|
|
+ height: auto
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .phaseInfoCon table .bProgress td {
|
|
|
+ height: auto
|
|
|
+}
|
|
|
+
|
|
|
+.bottomPopMenu .phaseInfoCon input {
|
|
|
+ width: 50px;
|
|
|
+ margin: 0 18px;
|
|
|
+ line-height: 15px;
|
|
|
+ text-align: center;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.signalMapDiv {
|
|
|
+ height: 798px;
|
|
|
+ margin: 5px;
|
|
|
+ border: 1px solid #595959
|
|
|
+}
|
|
|
+
|
|
|
+.signalMapDiv .signalMapNo ul li {
|
|
|
+ padding: 10px;
|
|
|
+ font-family: '맑은고딕'
|
|
|
+}
|
|
|
+
|
|
|
+.signalMapDiv .signalMapNo ul li:nth-child(1) {
|
|
|
+ float: left;
|
|
|
+ width: 150px;
|
|
|
+ font-weight: 600;
|
|
|
+ margin-left: 450px
|
|
|
+}
|
|
|
+
|
|
|
+.signalMapDiv .signalMapNo ul li:nth-child(2) {
|
|
|
+ float: left;
|
|
|
+ width: 150px;
|
|
|
+ font-weight: 600
|
|
|
+}
|
|
|
+
|
|
|
+.signalMapDiv .signalMapNo ul li:nth-child(3) {
|
|
|
+ margin-left: 793px;
|
|
|
+ width: 150px;
|
|
|
+ font-weight: 600
|
|
|
+}
|
|
|
+
|
|
|
+/* .signalMapDiv .signalMapNo ul li:nth-child(3) select{text-align:right;margin:10px 20px;font-weight:600} */
|
|
|
+.signalMapDiv .signalMapCon {
|
|
|
+ height: 755px;
|
|
|
+ overflow-y: scroll
|
|
|
+}
|
|
|
+
|
|
|
+.signalMapDiv table {
|
|
|
+ width: 99%
|
|
|
+}
|
|
|
+
|
|
|
+.signalMapDiv table thead td {
|
|
|
+ line-height: 30px;
|
|
|
+ background-color: #aaaaaa;
|
|
|
+ color: #000000;
|
|
|
+ font-weight: 600;
|
|
|
+ border-top: 2px solid #000000;
|
|
|
+ border-bottom: 2px solid #000000
|
|
|
+}
|
|
|
+
|
|
|
+.signalMapDiv table tbody td:nth-child(1) {
|
|
|
+ background-color: #aaaaaa;
|
|
|
+ color: #000000;
|
|
|
+ font-weight: 600
|
|
|
+}
|
|
|
+
|
|
|
+.signalMapDiv table tbody tr:nth-child(32), .signalMapDiv table tbody tr:nth-child(64) td {
|
|
|
+ border-bottom: 2px solid #000000
|
|
|
+}
|
|
|
+
|
|
|
+.signalMapDiv table td {
|
|
|
+ width: 20px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #000000;
|
|
|
+ font-family: '맑은고딕'
|
|
|
+}
|
|
|
+
|
|
|
+/* .signalMapDiv table tr td.eopClass{background-color:#FF5A5A !important;color:#ffffff !important} */
|
|
|
+.signalMapDiv table tr td.eopClass {
|
|
|
+ background-color: red;
|
|
|
+ color: #ffffff
|
|
|
+}
|
|
|
+
|
|
|
+.signalMapDiv table tr td.codeG1 {
|
|
|
+ background-color: green;
|
|
|
+ color: #ffffff
|
|
|
+}
|
|
|
+
|
|
|
+.signalMapDiv table tr td.codeR1 {
|
|
|
+ background-color: red;
|
|
|
+ color: #ffffff
|
|
|
+}
|
|
|
+
|
|
|
+.signalMapDiv table tr td.codeY1 {
|
|
|
+ background-color: yellow;
|
|
|
+ color: #000000
|
|
|
+}
|
|
|
+
|
|
|
+/* .linkInfoCon table th, .linkInfoCon table td{padding:6px;text-align:center;border:1px solid #bababa;width:10%}
|
|
|
+.linkInfoCon table td{color:#515151;height:40px}
|
|
|
+.linkInfoCon table tr:first-child td:nth-child(n+3){cursor:pointer}
|
|
|
+.linkInfoCon table tr:first-child td:nth-child(n+3):hover{color:#0076c8}
|
|
|
+.linkInfoCon table tr:nth-child(2) td:nth-child(n+2){cursor:pointer}
|
|
|
+.linkInfoCon table tr:nth-child(2) td:nth-child(n+2):hover{color:#0076c8} */
|
|
|
+
|
|
|
+.sigCustom {
|
|
|
+ position: relative;
|
|
|
+ bottom: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.sigCustom * {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
+
|
|
|
+.sigCustom .left {
|
|
|
+ background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;
|
|
|
+ display: inline-block;
|
|
|
+ height: 24px;
|
|
|
+ overflow: hidden;
|
|
|
+ vertical-align: top;
|
|
|
+ width: 7px;
|
|
|
+}
|
|
|
+
|
|
|
+.sigCustom .center {
|
|
|
+ background: url(http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;
|
|
|
+ display: inline-block;
|
|
|
+ height: 24px;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.sigCustom .right {
|
|
|
+ background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0 no-repeat;
|
|
|
+ display: inline-block;
|
|
|
+ height: 24px;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+/*.sigCustom1 {*/
|
|
|
+/* position: relative;*/
|
|
|
+/* bottom: 100px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom1 * {*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* vertical-align: top;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom1 .left {*/
|
|
|
+/* background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* height: 24px;*/
|
|
|
+/* overflow: hidden;*/
|
|
|
+/* vertical-align: top;*/
|
|
|
+/* width: 7px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom1 .center {*/
|
|
|
+/* background: url(http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* height: 24px;*/
|
|
|
+/* font-size: 12px;*/
|
|
|
+/* line-height: 24px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom1 .right {*/
|
|
|
+/* background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0 no-repeat;*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* height: 24px;*/
|
|
|
+/* overflow: hidden;*/
|
|
|
+/* width: 6px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom2 {*/
|
|
|
+/* position: relative;*/
|
|
|
+/* bottom: 60px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom2 * {*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* vertical-align: top;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom2 .left {*/
|
|
|
+/* background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* height: 24px;*/
|
|
|
+/* overflow: hidden;*/
|
|
|
+/* vertical-align: top;*/
|
|
|
+/* width: 7px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom2 .center {*/
|
|
|
+/* background: url(http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* height: 24px;*/
|
|
|
+/* font-size: 12px;*/
|
|
|
+/* line-height: 24px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom2 .right {*/
|
|
|
+/* background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0 no-repeat;*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* height: 24px;*/
|
|
|
+/* overflow: hidden;*/
|
|
|
+/* width: 6px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom3 {*/
|
|
|
+/* position: relative;*/
|
|
|
+/* bottom: 40px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom3 * {*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* vertical-align: top;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom3 .left {*/
|
|
|
+/* background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* height: 24px;*/
|
|
|
+/* overflow: hidden;*/
|
|
|
+/* vertical-align: top;*/
|
|
|
+/* width: 7px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom3 .center {*/
|
|
|
+/* background: url(http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* height: 24px;*/
|
|
|
+/* font-size: 12px;*/
|
|
|
+/* line-height: 24px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom3 .right {*/
|
|
|
+/* background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0 no-repeat;*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* height: 24px;*/
|
|
|
+/* overflow: hidden;*/
|
|
|
+/* width: 6px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom4 {*/
|
|
|
+/* position: relative;*/
|
|
|
+/* bottom: 30px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom4 * {*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* vertical-align: top;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom4 .left {*/
|
|
|
+/* background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* height: 24px;*/
|
|
|
+/* overflow: hidden;*/
|
|
|
+/* vertical-align: top;*/
|
|
|
+/* width: 7px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom4 .center {*/
|
|
|
+/* background: url(http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* height: 24px;*/
|
|
|
+/* font-size: 12px;*/
|
|
|
+/* line-height: 24px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom4 .right {*/
|
|
|
+/* background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0 no-repeat;*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* height: 24px;*/
|
|
|
+/* overflow: hidden;*/
|
|
|
+/* width: 6px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom5 {*/
|
|
|
+/* position: relative;*/
|
|
|
+/* bottom: 25px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom5 * {*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* vertical-align: top;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom5 .left {*/
|
|
|
+/* background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* height: 24px;*/
|
|
|
+/* overflow: hidden;*/
|
|
|
+/* vertical-align: top;*/
|
|
|
+/* width: 7px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom5 .center {*/
|
|
|
+/* background: url(http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* height: 24px;*/
|
|
|
+/* font-size: 12px;*/
|
|
|
+/* line-height: 24px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.sigCustom5 .right {*/
|
|
|
+/* background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0 no-repeat;*/
|
|
|
+/* display: inline-block;*/
|
|
|
+/* height: 24px;*/
|
|
|
+/* overflow: hidden;*/
|
|
|
+/* width: 6px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+.pMapNo {
|
|
|
+ padding-left: 650px
|
|
|
+}
|
|
|
+
|
|
|
+#customClose {
|
|
|
+ width: 10px;
|
|
|
+ padding-left: 10px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+#customClose > a {
|
|
|
+ color: black;
|
|
|
+}
|
|
|
+
|
|
|
+.footer {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0px;
|
|
|
+ width: 100%;
|
|
|
+ height: 2%;
|
|
|
+ border-top: 1px solid #a9a9a9;
|
|
|
+ background: #f4f4f4;
|
|
|
+ z-index: 10
|
|
|
+}
|
|
|
+
|
|
|
+/* 신호센터 페이지 */
|
|
|
+.centerContainer {
|
|
|
+ width: 908px;
|
|
|
+ height: 100%;
|
|
|
+ overflow-y: auto
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer .listCon, .centerContainer .updateCon, .centerContainer .insertCon {
|
|
|
+ margin: 5px;
|
|
|
+ border: 1px solid #595959
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer p {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #2d2d2d;
|
|
|
+ display: inline-block;
|
|
|
+ width: 110px;
|
|
|
+ padding-left: 15px;
|
|
|
+ margin: 10px;
|
|
|
+ background: url(/images/bul_table.gif) no-repeat 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer .listCon table, .updateCon table, .insertCon table {
|
|
|
+ width: 99%;
|
|
|
+ border-collapse: collapse;
|
|
|
+ border-spacing: 0px;
|
|
|
+ margin: 5px
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer .listCon table thead, .updateCon table thead, .insertCon table thead {
|
|
|
+ background-color: #dfe8ef
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer .listCon table thead th, .updateCon table thead th, .insertCon table thead th {
|
|
|
+ padding: 5px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #bababa;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #2d2d2d;
|
|
|
+ background: url(/images/table_bg.png) repeat-x;
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer .listCon table tbody td, .updateCon table tbody td, .insertCon table tbody td {
|
|
|
+ padding: 5px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #bababa;
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer .listCon .insertCenter {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ margin: 10px auto
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer .listCon .insertCenter input {
|
|
|
+ width: 200px
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer .updateCon {
|
|
|
+ display: none
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer .updateCon table tbody input, .centerContainer .updateCon table tbody select {
|
|
|
+ width: 100%;
|
|
|
+ padding-left: 0px !important;
|
|
|
+ height: 21px
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer .updateCon .updateCenter {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ margin: 10px auto
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer .updateCon .updateCenter input {
|
|
|
+ width: 200px
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer .updateCon table tbody select {
|
|
|
+ height: 21px
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer .insertCon {
|
|
|
+ display: none
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer .insertCon table tbody input, .centerContainer .insertCon table tbody select {
|
|
|
+ width: 100%;
|
|
|
+ padding-left: 0px !important;
|
|
|
+ height: 21px
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer .insertCon .insertCenter {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ margin: 10px auto
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer .insertCon .insertCenter input {
|
|
|
+ width: 200px
|
|
|
+}
|
|
|
+
|
|
|
+.centerContainer img {
|
|
|
+ cursor: pointer
|
|
|
+}
|
|
|
+
|
|
|
+/* 이벤트이력관리 페이지 */
|
|
|
+.eventContainer {
|
|
|
+ width: 908px;
|
|
|
+ height: 100%
|
|
|
+}
|
|
|
+
|
|
|
+.eventContainer .listCon {
|
|
|
+ height: 98.5%;
|
|
|
+ margin: 5px;
|
|
|
+ border: 1px solid #595959
|
|
|
+}
|
|
|
+
|
|
|
+.eventContainer p {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #2d2d2d;
|
|
|
+ display: inline-block;
|
|
|
+ width: 110px;
|
|
|
+ padding-left: 15px;
|
|
|
+ margin: 10px;
|
|
|
+ background: url(/images/bul_table.gif) no-repeat 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.eventContainer .listCon #eventListCnt {
|
|
|
+ position: absolute;
|
|
|
+ top: 100px;
|
|
|
+ right: 40px
|
|
|
+}
|
|
|
+
|
|
|
+.eventContainer .listCon .eventListTable {
|
|
|
+ width: auto;
|
|
|
+ height: 720px;
|
|
|
+ overflow: hidden
|
|
|
+}
|
|
|
+
|
|
|
+.eventContainer .listCon .eventListTable .eventListHead {
|
|
|
+ overflow-y: scroll;
|
|
|
+ /*scrollbar-arrow-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-track-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-face-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-shadow-color: #f0f0f0*/
|
|
|
+}
|
|
|
+
|
|
|
+/*.eventContainer .listCon .eventListTable .eventListHead::-webkit-scrollbar {*/
|
|
|
+/* background-color: #f0f0f0*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+.eventContainer .listCon .eventListTable .eventListBody {
|
|
|
+ max-height: 680px;
|
|
|
+ overflow-y: scroll
|
|
|
+}
|
|
|
+
|
|
|
+.eventContainer .listCon table {
|
|
|
+ width: 99%;
|
|
|
+ border-spacing: 0px;
|
|
|
+ margin: 0 5px;
|
|
|
+ border: 1px solid #595959
|
|
|
+}
|
|
|
+
|
|
|
+.eventContainer .listCon table thead {
|
|
|
+ background-color: #dfe8ef
|
|
|
+}
|
|
|
+
|
|
|
+.eventContainer .listCon table thead th {
|
|
|
+ padding: 5px;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #2d2d2d;
|
|
|
+ background: url(/images/table_bg.png) repeat-x;
|
|
|
+ border: 1px solid #595959
|
|
|
+}
|
|
|
+
|
|
|
+.eventContainer .listCon table tbody td {
|
|
|
+ padding: 5px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #bababa;
|
|
|
+}
|
|
|
+
|
|
|
+.eventContainer .listCon .collctDtime, .eventContainer .listCon .searchType {
|
|
|
+ margin: 10px
|
|
|
+}
|
|
|
+
|
|
|
+.eventContainer .listCon .collctDtime {
|
|
|
+ padding-left: 15px
|
|
|
+}
|
|
|
+
|
|
|
+.eventContainer .listCon .searchType {
|
|
|
+ padding-left: 27px
|
|
|
+}
|
|
|
+
|
|
|
+.eventContainer .listCon input, .eventContainer .listCon select {
|
|
|
+ height: 20px
|
|
|
+}
|
|
|
+
|
|
|
+.eventContainer .listCon .collctDtime input {
|
|
|
+ width: 90px !important
|
|
|
+}
|
|
|
+
|
|
|
+.eventContainer .listCon img {
|
|
|
+ cursor: pointer
|
|
|
+}
|
|
|
+
|
|
|
+/* 이벤트이력관리 팝업 페이지 */
|
|
|
+.eventHist p {
|
|
|
+ font-weight: bold;
|
|
|
+ color: #2d2d2d;
|
|
|
+ display: inline-block;
|
|
|
+ width: 110px;
|
|
|
+ padding-left: 15px;
|
|
|
+ margin: 10px;
|
|
|
+ background: url(/images/bul_table.gif) no-repeat 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.eventHist .eventPopListTable {
|
|
|
+ width: auto;
|
|
|
+ height: 455px;
|
|
|
+ overflow: hidden
|
|
|
+}
|
|
|
+
|
|
|
+.eventHist .eventPopListTable .eventPopListHead {
|
|
|
+ overflow-y: scroll;
|
|
|
+ /*scrollbar-arrow-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-track-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-face-color: #f0f0f0;*/
|
|
|
+ /*scrollbar-shadow-color: #f0f0f0*/
|
|
|
+}
|
|
|
+
|
|
|
+/*.eventHist .eventPopListTable .eventPopListHead::-webkit-scrollbar {*/
|
|
|
+/* background-color: #f0f0f0*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+.eventHist .eventPopListTable .eventPopListBody {
|
|
|
+ max-height: 400px;
|
|
|
+ overflow-y: scroll
|
|
|
+}
|
|
|
+
|
|
|
+.eventHist .eventPopListTable #eventPopListCnt {
|
|
|
+ margin-left: 800px
|
|
|
+}
|
|
|
+
|
|
|
+.eventHist .eventPopListTable table {
|
|
|
+ width: 99%;
|
|
|
+ border-collapse: collapse;
|
|
|
+ border-spacing: 0px
|
|
|
+}
|
|
|
+
|
|
|
+.eventHist .eventPopListTable table thead {
|
|
|
+ background-color: #dfe8ef
|
|
|
+}
|
|
|
+
|
|
|
+.eventHist .eventPopListTable table thead th {
|
|
|
+ padding: 5px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #bababa;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #2d2d2d;
|
|
|
+ background: url("/images/table_bg.png") repeat-x;
|
|
|
+}
|
|
|
+
|
|
|
+.eventHist .eventPopListTable table tbody td {
|
|
|
+ padding: 5px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #bababa;
|
|
|
+}
|
|
|
+
|
|
|
+.eventHist .collctDtime, .eventHist .searchType {
|
|
|
+ margin: 10px
|
|
|
+}
|
|
|
+
|
|
|
+.eventHist .collctDtime {
|
|
|
+ padding-left: 15px
|
|
|
+}
|
|
|
+
|
|
|
+.eventHist input, .eventHist select {
|
|
|
+ height: 20px
|
|
|
+}
|
|
|
+
|
|
|
+.eventHist .collctDtime input {
|
|
|
+ width: 90px !important
|
|
|
+}
|
|
|
+
|
|
|
+.eventHist .collctDtime img {
|
|
|
+ cursor: pointer
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.loading {
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ top: 55px;
|
|
|
+ left: 300px
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/* 20180517 수정 */
|
|
|
+
|
|
|
+input[type="number"]::-webkit-outer-spin-button,
|
|
|
+input[type="number"]::-webkit-inner-spin-button {
|
|
|
+ opacity: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updateSigHeader {
|
|
|
+ display: inline-block
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updateSigHeader ul li {
|
|
|
+ float: left;
|
|
|
+ padding: 10px 0 0 10px;
|
|
|
+ font-size: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updateSigHeader ul li a {
|
|
|
+ border: 1px solid #888888;
|
|
|
+ padding: 5px
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updateSigSub {
|
|
|
+ padding: 10px 0 0 130px
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updatePhase {
|
|
|
+ display: none;
|
|
|
+ position: relative;
|
|
|
+ top: -5px
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updatePhase .updateMapNo {
|
|
|
+ display: inline-block;
|
|
|
+ margin: 5px;
|
|
|
+ position: relative;
|
|
|
+ left: 810px
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .phaseInfoCon {
|
|
|
+ padding: 0 5px
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .phaseInfoCon table td span {
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .phaseInfoCon table .aStrtLinkId td {
|
|
|
+ height: 0 !important
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .phaseInfoCon table .aEndLinkId td {
|
|
|
+ height: 0 !important
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .phaseInfoCon table .bStrtLinkId td {
|
|
|
+ height: 0 !important
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .phaseInfoCon table .bEndLinkId td {
|
|
|
+ height: 0 !important
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .phaseInfoCon table .aPUpdate td {
|
|
|
+ height: 15px !important
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .phaseInfoCon table .bPUpdate td {
|
|
|
+ height: 15px !important
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .linkInfoCon {
|
|
|
+ display: none;
|
|
|
+ padding: 0 5px
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updatePhaseDiv {
|
|
|
+ display: block;
|
|
|
+ height: 105px;
|
|
|
+ margin: 10px 5px 0 5px;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border: 1px solid #bababa;
|
|
|
+ z-index: 10
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updatePhaseDiv h4 {
|
|
|
+ padding: 10px;
|
|
|
+ text-align: left
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updatePhaseDiv ul li {
|
|
|
+ padding-left: 5px;
|
|
|
+ float: left
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updatePhaseDiv ul li .updateDeg {
|
|
|
+ padding-left: 30px
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updatePhaseDiv ul li input[type=number] {
|
|
|
+ width: 50px
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updatePhaseDiv ul li input[type=text] {
|
|
|
+ width: 80px
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updatePhaseDiv ul li input[type=button] {
|
|
|
+ width: 70px;
|
|
|
+ cursor: pointer
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updatePhaseDiv ul li.phaseResetBt {
|
|
|
+ padding-left: 30px
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updatePhaseDiv ul li.phaseSaveBt {
|
|
|
+ padding-left: 10px
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updatePhaseDiv .linkMessage {
|
|
|
+ position: absolute;
|
|
|
+ top: 80px;
|
|
|
+ left: 160px
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updateAPhaseBack {
|
|
|
+ position: absolute;
|
|
|
+ width: 800px;
|
|
|
+ height: 100px;
|
|
|
+ z-index: 20;
|
|
|
+ left: 105px;
|
|
|
+ top: 170px
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updateAPhaseBack ul li {
|
|
|
+ float: left;
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ background-color: #ffffff;
|
|
|
+ opacity: 0;
|
|
|
+ cursor: pointer
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updateBPhaseBack {
|
|
|
+ position: absolute;
|
|
|
+ width: 800px;
|
|
|
+ height: 100px;
|
|
|
+ z-index: 20;
|
|
|
+ left: 105px;
|
|
|
+ top: 273px
|
|
|
+}
|
|
|
+
|
|
|
+.updateSigInfoDiv .updateBPhaseBack ul li {
|
|
|
+ float: left;
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ background-color: #ffffff;
|
|
|
+ opacity: 0;
|
|
|
+ cursor: pointer
|
|
|
+}
|
|
|
+
|
|
|
+.signalMapDiv {
|
|
|
+ display: none
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/* 정보관리 */
|
|
|
+/*.addSigContainer h4{padding:7px}
|
|
|
+.addSigContainer .updateSigTab{display:none;width:100%;height:25px}
|
|
|
+
|
|
|
+.addSigContainer .sigMove{margin:5px;padding:5px;background:#2276cc; height:45px;}
|
|
|
+.addSigContainer .sigMove ul { margin-top:10px; color:#fff; padding:0 5px 0 5px;}
|
|
|
+.addSigContainer .sigMove ul li select {height:30px;}
|
|
|
+.addSigContainer .sigMove .regionList{float:left}
|
|
|
+.addSigContainer .sigMove .intList{margin-left:120px}
|
|
|
+.addSigContainer .sigMove #centerList{width:70px}
|
|
|
+.addSigContainer .sigMove #intList{width:250px}
|
|
|
+.addSigContainer .sigMove label{font-weight:600}
|
|
|
+
|
|
|
+.addSigContainer .updateSigTab ul li{float:left;padding:0 0 0 10px;font-size:15px;}
|
|
|
+.addSigContainer .updateSigTab ul li a{border:1px solid #888888;padding:5px}
|
|
|
+.addSigContainer .addSigMap{height:350px;margin:5px;border:1px solid #bababa}
|
|
|
+.addSigContainer .addSigBottom{height:416px;margin:5px;border:1px solid #bababa}
|
|
|
+.addSigContainer .addSigBottom .addsig_bottom_btns{display:none;margin-top:5px};*/
|
|
|
+
|
|
|
+/* 정보관리 교차로관리 */
|
|
|
+.addSigBottom h4 {
|
|
|
+ font-size: 12px;
|
|
|
+ background: #CCC;
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv h3 {
|
|
|
+ color: #06F;
|
|
|
+ font-size: 13px;
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv {
|
|
|
+ margin: 10px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li {
|
|
|
+ line-height: 38px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(1) select {
|
|
|
+ margin-left: 12px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(2) select {
|
|
|
+ width: 80px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(2) {
|
|
|
+ position: relative;
|
|
|
+ left: 20px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(3) {
|
|
|
+ position: relative;
|
|
|
+ left: 260px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(4) {
|
|
|
+ position: relative;
|
|
|
+ left: 277px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(4) strong {
|
|
|
+ margin-left: 10px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(5) input {
|
|
|
+ margin-left: 12px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(6) select {
|
|
|
+ width: 40px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(7) select {
|
|
|
+ width: 40px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(8) input {
|
|
|
+ margin-left: 11px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(9) {
|
|
|
+ float: left
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(9) input {
|
|
|
+ margin-left: 23px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li:nth-child(10) {
|
|
|
+ margin-left: 240px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li input[type=text] {
|
|
|
+ width: 150px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li input[type=checkbox] {
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ margin: 15px 5px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li input[type=number] {
|
|
|
+ width: 150px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .addSigDiv ul li input[type=button] {
|
|
|
+ float: left;
|
|
|
+ width: 150px;
|
|
|
+ height: 30px;
|
|
|
+ text-align: center;
|
|
|
+ cursor: pointer
|
|
|
+}
|
|
|
+
|
|
|
+/* 정보관리 상단 메뉴 */
|
|
|
+.addSigContainer .addSigBottom .sigMoveDiv h3 {
|
|
|
+ color: blue
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .sigMoveDiv {
|
|
|
+ margin: 10px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .sigMoveDiv ul li:nth-child(1) input {
|
|
|
+ margin-left: 13px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .sigMoveDiv ul li:nth-child(2) {
|
|
|
+ float: left
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .sigMoveDiv ul li:nth-child(3) {
|
|
|
+ margin-left: 260px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .sigMoveDiv ul li:nth-child(4) input {
|
|
|
+ margin-left: 13px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .sigMoveDiv ul li:nth-child(5) input {
|
|
|
+ margin-left: 13px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .sigMoveDiv ul li:nth-child(6) input {
|
|
|
+ margin-left: 26px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .sigMoveDiv ul li:nth-child(7) input {
|
|
|
+ margin-left: 26px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .sigMoveDiv ul li:nth-child(8) input {
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .sigMoveDiv ul li {
|
|
|
+ line-height: 38px;
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .sigMoveDiv ul li input[type=text] {
|
|
|
+ width: 150px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .sigMoveDiv ul li input[type=checkbox] {
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ margin: 15px 5px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .sigMoveDiv ul li input[type=number] {
|
|
|
+ width: 150px
|
|
|
+}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .sigMoveDiv ul li input[type=button] {
|
|
|
+ width: 150px;
|
|
|
+ height: 30px;
|
|
|
+ text-align: center;
|
|
|
+ cursor: pointer
|
|
|
+}
|
|
|
+
|
|
|
+/* 정보관리 현시관리,링크관리 */
|
|
|
+/* .addSigContainer .addSigBottom .updatePhaseAdd{display:none;position:relative;}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv{display:block;height:65px;margin:5px;background-color:#ffffff;border:1px solid #bababa;z-index:10}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv h4{padding:10px 10px 5px 10px;text-align:left}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv h3{margin:10px 10px 5px 5px}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv ul li{padding-left:5px;float:left}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv label{background:none}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv ul li .updateDeg{padding-left:30px}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv ul li input[type=number]{width:50px}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv ul li input[type=text]{width:80px}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv ul li input[type=button]{width:70px;height:25px;cursor:pointer;background:#96a2b2 !important; color:#fff; font-weight:bold;line-height:25px}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv ul li.phaseResetBt{padding-left:30px}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv ul li.phaseSaveBt{padding-left:10px}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .updatePhaseDiv .linkMessage{position:absolute;top:37px;left:260px}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon{width:auto;height:100%;padding:5px}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon{width:auto;height:100%;padding:0 5px}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon table, .addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon table{width:100%;border-collapse:collapse;}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon table thead, .addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon table thead{width:100%;background-color:#f4f4f4}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon table th, .addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon table td{padding:6px;text-align:center;border:1px solid #bababa;width:9.1%}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon table th, .addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon table td{padding:6px;text-align:center;border:1px solid #bababa;width:10%}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon table th, .addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon table th{font-weight: bold;color: #2d2d2d;}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon table td{color:#515151;height:90px}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .linkInfoCon table td{color:#515151;height:40px}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon table .aProgress td{height:auto}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon table .bProgress td{height:auto}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .phaseInfoCon input{width: 50px;margin: 0 18px;line-height: 15px;text-align: center;cursor: pointer;}
|
|
|
+
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .updateMapNo{display:inline-block;margin:5px;position:relative;left:775px}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .updateMapNo #updateMapNo{width:45px}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .updateAPhaseBack{position:absolute;width:785px;height:100px;z-index:20;left:105px;top:142px}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .updateBPhaseBack{position:absolute;width:800px;height:100px;z-index:20;left:105px;top:245px}
|
|
|
+.addSigContainer .addSigBottom .updatePhaseAdd .updateAPhaseBack ul li,.updatePhaseAdd .updateBPhaseBack ul li{float:left;width:98.1px;height:100px;cursor:pointer}
|
|
|
+
|
|
|
+정보관리 업로드
|
|
|
+.addSigContainer .addSigBottom .uploadDiv{display:none}
|
|
|
+.addSigContainer .addSigBottom .uploadDiv h4{display:block !important}
|
|
|
+.addSigContainer .addSigBottom .uploadDiv ul li{padding:10px}
|
|
|
+.addSigContainer .addSigBottom .uploadDiv ul li select{height:27px;overflow:hidden}
|
|
|
+.addSigContainer .addSigBottom .uploadDiv ul li input[type="file"]{display: inline-block;padding: .2em .75em;font-size: inherit;font-family: inherit;line-height: normal;
|
|
|
+vertical-align: middle;background-color: #f5f5f5;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;
|
|
|
+border-radius: .25em;-webkit-appearance: none; 네이티브 외형 감추기
|
|
|
+-moz-appearance: none;appearance: none;}
|
|
|
+.addSigContainer .addSigBottom .uploadDiv ul li input[type="button"]{width:100px;height:30px;cursor:pointer}
|
|
|
+.addSigContainer .addSigBottom .uploadDiv ul li label{display: inline-block;padding: .5em;color: #000000;font-size: inherit;line-height: normal;background-color: #fdfdfd;
|
|
|
+cursor: pointer;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: .25em;width:100px;text-align:center} */
|
|
|
+
|
|
|
+/* 엑셀업로드 iframe */
|
|
|
+.excelUpload {
|
|
|
+ width: 878px
|
|
|
+}
|
|
|
+
|
|
|
+.extractTodExcelDiv h4 {
|
|
|
+ display: block !important;
|
|
|
+ padding: 10px;
|
|
|
+ font-size: 14px;
|
|
|
+ background: #CCC;
|
|
|
+}
|
|
|
+
|
|
|
+.extractTodExcelDiv {
|
|
|
+ height: 100%
|
|
|
+}
|
|
|
+
|
|
|
+.extractTodExcelDiv ul li {
|
|
|
+ padding: 10px
|
|
|
+}
|
|
|
+
|
|
|
+.extractTodExcelDiv ul li:nth-child(2) {
|
|
|
+ float: left
|
|
|
+}
|
|
|
+
|
|
|
+.extractTodExcelDiv ul li label {
|
|
|
+ display: inline-block;
|
|
|
+ padding: .5em;
|
|
|
+ color: #000000;
|
|
|
+ font-size: inherit;
|
|
|
+ line-height: normal;
|
|
|
+ background-color: #fdfdfd;
|
|
|
+ cursor: pointer;
|
|
|
+ border: 1px solid #ebebeb;
|
|
|
+ border-bottom-color: #e2e2e2;
|
|
|
+ border-radius: .25em;
|
|
|
+ width: 100px;
|
|
|
+ text-align: center
|
|
|
+}
|
|
|
+
|
|
|
+.extractTodExcelDiv ul li input[type="button"] {
|
|
|
+ width: 100px;
|
|
|
+ height: 30px;
|
|
|
+ cursor: pointer
|
|
|
+}
|
|
|
+
|
|
|
+.extractTodExcelDiv ul li select {
|
|
|
+ height: 27px;
|
|
|
+ overflow: hidden
|
|
|
+}
|
|
|
+
|
|
|
+.showLoading {
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ top: 73px;
|
|
|
+ left: 310px;
|
|
|
+ z-index: 20
|
|
|
+}
|
|
|
+
|
|
|
+.dataLoading {
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ top: 200px;
|
|
|
+ left: 300px;
|
|
|
+ z-index: 20
|
|
|
+}
|
|
|
+
|
|
|
+.excelDataLoading {
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ top: 60px;
|
|
|
+ left: 270px;
|
|
|
+ opacity: 0.7;
|
|
|
+ z-index: 20
|
|
|
+}
|
|
|
+
|
|
|
+.imgDataLoading {
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ top: 200px;
|
|
|
+ left: 270px;
|
|
|
+ opacity: 0.7;
|
|
|
+ z-index: 20
|
|
|
+}
|
|
|
+
|
|
|
+/*.headMenu ul .toggleBtn {*/
|
|
|
+/* border-right: 1px solid #bbbbbb*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.headMenu ul .toggleBtn:nth-child(1) {*/
|
|
|
+/* border-left: 1px solid #bbbbbb*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+.sigPop_box .pop_table_phase {
|
|
|
+ margin: 5px 0
|
|
|
+}
|
|
|
+
|
|
|
+.sigPop_box .pop_table_phase tr td:nth-child(1) {
|
|
|
+ width: 10%;
|
|
|
+ padding: 5px
|
|
|
+}
|
|
|
+
|
|
|
+.sigPop_box .pop_table_phase tr td {
|
|
|
+ width: 15%;
|
|
|
+ padding: 5px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #bbb;
|
|
|
+ font-size: 11px
|
|
|
+}
|
|
|
+
|
|
|
+.sigPop_box .pop_table_phase tr:nth-child(2) {
|
|
|
+ height: 80px
|
|
|
+}
|
|
|
+
|
|
|
+.sigPop_box .pop_table_phase tr:nth-child(4) {
|
|
|
+ height: 80px
|
|
|
+}
|
|
|
+
|
|
|
+.treeLoading {
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ top: 80px;
|
|
|
+ left: 45%
|
|
|
+}
|
|
|
+.history-loading{
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100% - 21.3px);
|
|
|
+ display: none;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+/* 로드뷰 아이콘 */
|
|
|
+
|
|
|
+#roadviewClose {
|
|
|
+ position: absolute;
|
|
|
+ padding: 4px;
|
|
|
+ top: 5px;
|
|
|
+ left: 5px;
|
|
|
+ cursor: pointer;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 1px solid #c8c8c8;
|
|
|
+ box-shadow: 0px 1px #888;
|
|
|
+ z-index: 10
|
|
|
+}
|
|
|
+
|
|
|
+#roadviewClose .img {
|
|
|
+ display: block;
|
|
|
+ background: url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/rv_close.png) no-repeat;
|
|
|
+ width: 14px;
|
|
|
+ height: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.board-write {
|
|
|
+ width: 100%;
|
|
|
+ border-top: 2px solid #005ead;
|
|
|
+ border-bottom: 2px solid #005ead;
|
|
|
+}
|
|
|
+
|
|
|
+.board-write th {
|
|
|
+ background: #CCC;
|
|
|
+ border-bottom: 1px solid #595959;
|
|
|
+}
|
|
|
+
|
|
|
+.board-write td {
|
|
|
+ padding: 10px;
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+}
|
|
|
+
|
|
|
+.board-write td #addIntLcType, .board-write td #addIntLampType, .board-write td #addIntMainphase {
|
|
|
+ width: 100px
|
|
|
+}
|
|
|
+
|
|
|
+.btn-tinted-03 {
|
|
|
+ background: #96a2b2 !important;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.btn-inline a {
|
|
|
+ display: inline-block;
|
|
|
+ height: 28px;
|
|
|
+ line-height: 28px;
|
|
|
+ padding: 0 20px;
|
|
|
+ background: #333;
|
|
|
+ color: #fff;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+/* 페이즈정보 팡벙 */
|
|
|
+.cvibInfoTop {
|
|
|
+ width: 100%;
|
|
|
+ padding: 5px 5px 0 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.cvibInfoTop .tabs {
|
|
|
+ height: 30px;
|
|
|
+ position: relative;
|
|
|
+ z-index: 50;
|
|
|
+}
|
|
|
+
|
|
|
+.cvibInfoTop .tabs li {
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.cvibInfoTop .tabs li:nth-child(1) {
|
|
|
+ border-top: 1px solid #bbbbbb;
|
|
|
+ border-left: 1px solid #bbbbbb
|
|
|
+}
|
|
|
+
|
|
|
+.cvibInfoTop .tabs li:nth-child(2) {
|
|
|
+ border-top: 1px solid #bbbbbb
|
|
|
+}
|
|
|
+
|
|
|
+.cvibInfoTop .tabs .regionIntNm {
|
|
|
+ line-height: 30px;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 15px
|
|
|
+}
|
|
|
+
|
|
|
+.error-box table tr:nth-child(odd),
|
|
|
+#evpBottomInfo > tr:nth-child(odd),
|
|
|
+#cvibBottomInfo > tr:nth-child(odd) {
|
|
|
+ background-color: #2A2A2A;
|
|
|
+}
|
|
|
+
|
|
|
+.error-box table tr:nth-child(even),
|
|
|
+#evpBottomInfo > tr:nth-child(even),
|
|
|
+#cvibBottomInfo > tr:nth-child(even) {
|
|
|
+ background-color: #1E1E1E;
|
|
|
+}
|
|
|
+
|
|
|
+#evpBottomInfo > tr {
|
|
|
+ box-sizing: border-box;
|
|
|
+ height: 32px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.bottomMenu .bottomBody table tr.on td {
|
|
|
+ color: #eeeeee;
|
|
|
+}
|
|
|
+#evpBottomInfo > tr.on {
|
|
|
+ background-color: #3396FF;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomInfo {
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ float: left;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+.error-box table {
|
|
|
+ width: 100%;
|
|
|
+ border-collapse: separate;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomInfo table {
|
|
|
+ width: 100%;
|
|
|
+ border-collapse: collapse
|
|
|
+}
|
|
|
+
|
|
|
+.error-box table th {
|
|
|
+ background-color: #121212;
|
|
|
+}
|
|
|
+.bottomInfo table thead {
|
|
|
+ background-color: #292828;
|
|
|
+}
|
|
|
+#bottomInfoBottom tr,
|
|
|
+#bottomInfoTop tr td{
|
|
|
+ background-color: #3c3c3c;
|
|
|
+}
|
|
|
+
|
|
|
+/*.error-box table tbody tr:last-child td{*/
|
|
|
+/* border-bottom: 0;*/
|
|
|
+/*}*/
|
|
|
+/*.error-box table th:first-child {*/
|
|
|
+/* border-left: 1px solid #595959;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.error-box table th {*/
|
|
|
+/* border-top: 1px solid #595959;*/
|
|
|
+/*}*/
|
|
|
+.error-box table td,
|
|
|
+.error-box table th {
|
|
|
+ border-right: 1px solid #424242;
|
|
|
+ border-bottom: 1px solid #424242;
|
|
|
+ line-height: 30px;
|
|
|
+ text-align: center;
|
|
|
+ color: #b2b2b2;
|
|
|
+ padding: 0 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+.error-box table td:nth-child(1):not(tr.empty-box td:nth-child(1)),
|
|
|
+.error-box table td:nth-child(2) {
|
|
|
+ text-align: left;
|
|
|
+}
|
|
|
+
|
|
|
+.error-box .pagination {
|
|
|
+ display: none;
|
|
|
+ gap: 8px;
|
|
|
+ background-color: #1E1E1E;
|
|
|
+ padding: 5px;
|
|
|
+ border-radius: 8px;
|
|
|
+ height: 40px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.pagination.on {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.error-box .pagination button.unactive{
|
|
|
+ cursor: default;
|
|
|
+ opacity: 0.5;
|
|
|
+}
|
|
|
+.error-box .pagination button.prev {
|
|
|
+ margin-right : auto;
|
|
|
+}
|
|
|
+.error-box .pagination button.next {
|
|
|
+ margin-left : auto;
|
|
|
+}
|
|
|
+.error-box .pagination button.prev,
|
|
|
+.error-box .pagination button.next {
|
|
|
+ font-size: 24px;
|
|
|
+}
|
|
|
+.error-box .pagination button {
|
|
|
+ background: transparent;
|
|
|
+ color: #ccc;
|
|
|
+ border: none;
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ border-radius: 6px;
|
|
|
+ cursor: pointer;
|
|
|
+ transition: background 0.2s;
|
|
|
+}
|
|
|
+.error-box .pagination button:not(.active):not(.unactive):hover {
|
|
|
+ background: #333;
|
|
|
+}
|
|
|
+.error-box .pagination .active {
|
|
|
+ background: #596f8f;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomInfo table tr th, .bottomInfo table tr td {
|
|
|
+ border: 1px solid #595959;
|
|
|
+ line-height: 30px;
|
|
|
+ text-align: center;
|
|
|
+ color: #b2b2b2
|
|
|
+}
|
|
|
+.error-box .showLoading {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ display: none;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ background-color: rgba(0, 0, 0, 0.3);
|
|
|
+}
|
|
|
+
|
|
|
+.error-box table th,
|
|
|
+.bottomInfo table tr th {
|
|
|
+ font-weight: bold
|
|
|
+}
|
|
|
+
|
|
|
+.bottomInfo .bottomInfoTop {
|
|
|
+ /*margin: 5px*/
|
|
|
+ padding: 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomInfo .bottomInfoBottom {
|
|
|
+ /*margin: 5px*/
|
|
|
+ padding: 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomInfo .bottomInfoBottom .bottomInfoHead {
|
|
|
+ overflow-y: scroll;
|
|
|
+ /*scrollbar-arrow-color: #eee;*/
|
|
|
+ /*scrollbar-base-color: #eee;*/
|
|
|
+ /*scrollbar-3dLight-Color: #eee;*/
|
|
|
+ /*scrollbar-Face-Color: #eee;*/
|
|
|
+ /*scrollbar-Track-Color: #eee;*/
|
|
|
+}
|
|
|
+
|
|
|
+/*.bottomInfo .bottomInfoBottom .bottomInfoHead::-webkit-scrollbar {*/
|
|
|
+/* width: 17px;*/
|
|
|
+/* background-color: #eee;*/
|
|
|
+/* border-top: 1px solid #595959;*/
|
|
|
+/* border-right: 1px solid #595959;*/
|
|
|
+/* border-bottom: 1px solid #595959;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+.bottomInfo .bottomInfoBottom .bottomInfoBody {
|
|
|
+ /*max-height: 439px;*/
|
|
|
+ overflow: auto;
|
|
|
+ height: 138px;
|
|
|
+ border-bottom: 1px solid #595959
|
|
|
+}
|
|
|
+.bottomInfo .bottomInfoBottom .bottomInfoBody table{
|
|
|
+ border-collapse: separate;
|
|
|
+ border-spacing: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomInfo .bottomInfoBottom .bottomInfoBody thead {
|
|
|
+ position: sticky;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+}
|
|
|
+
|
|
|
+/*.bottomInfo .bottomInfoBottom .bottomInfoBody {*/
|
|
|
+/* max-height: 370px;*/
|
|
|
+/* overflow-y: scroll;*/
|
|
|
+/* border-bottom: 1px solid #595959*/
|
|
|
+/*}*/
|
|
|
+/*.leftMenu #intTree::-webkit-scrollbar,*/
|
|
|
+/*.bottomMenu .bottomBody::-webkit-scrollbar,*/
|
|
|
+/*#historyList::-webkit-scrollbar,*/
|
|
|
+/*.bottomInfo .bottomInfoBottom .bottomInfoBody::-webkit-scrollbar {*/
|
|
|
+/* width: 10px;*/
|
|
|
+/* height: 10px;*/
|
|
|
+/* border-right: 1px solid #595959;*/
|
|
|
+/* background-color: #eee;*/
|
|
|
+/* border-radius: 5px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+/*.leftMenu #intTree::-webkit-scrollbar-thumb,*/
|
|
|
+/*.bottomMenu .bottomBody::-webkit-scrollbar-thumb,*/
|
|
|
+/*#historyList::-webkit-scrollbar-thumb,*/
|
|
|
+/*.bottomInfo .bottomInfoBottom .bottomInfoBody::-webkit-scrollbar-thumb {*/
|
|
|
+/* background-color: #595959;*/
|
|
|
+/* border-radius: 5px;*/
|
|
|
+/*}*/
|
|
|
+
|
|
|
+.bottomInfo .bottomInfoBottom .bottomInfoBody table tbody tr:nth-child(1) td {
|
|
|
+ border-top: 0
|
|
|
+}
|
|
|
+
|
|
|
+.bottomInfo .bottomInfoBottom .bottomInfoBody .cvibLightsBack_1 {
|
|
|
+ background-color: #ff0000;
|
|
|
+ color: white;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomInfo .bottomInfoBottom .bottomInfoBody .cvibLightsBack_2 {
|
|
|
+ background-color: #ffff00;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomInfo .bottomInfoBottom .bottomInfoBody .cvibLightsBack_3 {
|
|
|
+ background-color: #008000;
|
|
|
+ color: white;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomInfo .bottomEvent {
|
|
|
+ display: none;
|
|
|
+ margin: 10px
|
|
|
+}
|
|
|
+
|
|
|
+.bottomInfo .bottomEvent .collctDtime img {
|
|
|
+ cursor: pointer
|
|
|
+}
|
|
|
+
|
|
|
+.bottomInfo .bottomEvent .eventPopListTable {
|
|
|
+ margin-top: 10px
|
|
|
+}
|
|
|
+
|
|
|
+.bottomInfo .bottomEvent .cvibLoading {
|
|
|
+ display: none;
|
|
|
+ margin: 0 auto
|
|
|
+}
|
|
|
+
|
|
|
+.coordBox {
|
|
|
+ /*background-color: white;*/
|
|
|
+ /*gap: 10px;*/
|
|
|
+ /*width: 470px;*/
|
|
|
+ /*height: 40px;*/
|
|
|
+ /*display: none;*/
|
|
|
+ /*align-items: center;*/
|
|
|
+ /*justify-content: center;*/
|
|
|
+ /*position: absolute;*/
|
|
|
+ /*z-index: 2;*/
|
|
|
+ /*left: 115px;*/
|
|
|
+ /*top: 28px;*/
|
|
|
+ /*border: 1px solid #c9c9c9;*/
|
|
|
+ background-color: #2c2c2c;
|
|
|
+ gap: 10px;
|
|
|
+ width: 340px;
|
|
|
+ height: 40px;
|
|
|
+ display: none;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ position: absolute;
|
|
|
+ z-index: 2;
|
|
|
+ left: 115px;
|
|
|
+ top: 28px;
|
|
|
+ border: 1px solid #595959;
|
|
|
+ color: #cccccc;
|
|
|
+}
|
|
|
+
|
|
|
+#lctn_x_coord, #lctn_y_coord {
|
|
|
+ font-family: 'Gulim', '굴림', sans-serif;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #dddddd;
|
|
|
+ padding-left: 3px;
|
|
|
+ border: 1px solid #595959;
|
|
|
+ background-color: #313131;
|
|
|
+}
|
|
|
+
|
|
|
+.coordBox.on {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.coord-unit {
|
|
|
+ display: flex;
|
|
|
+ gap: 5px;
|
|
|
+ align-items: center;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+.coord-unit input {
|
|
|
+ padding: 3px 5px;
|
|
|
+ font-weight: bold;
|
|
|
+ /*width : 110px;*/
|
|
|
+ width: 180px;
|
|
|
+ font-family: 'Gulim', '굴림', sans-serif;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #dddddd;
|
|
|
+ /*padding-left: 3px;*/
|
|
|
+ border: 1px solid #595959;
|
|
|
+ background-color: #313131;
|
|
|
+}
|
|
|
+
|
|
|
+.coord-btn {
|
|
|
+ border: 1px solid #1e65c5;
|
|
|
+ background-color: #1e65c5;
|
|
|
+ color: white;
|
|
|
+ font-weight: bold;
|
|
|
+ cursor: pointer;
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 3px 18px;
|
|
|
+}
|
|
|
+
|
|
|
+.coord-btn:hover {
|
|
|
+ filter:brightness(1.1);
|
|
|
+}
|
|
|
+
|
|
|
+@media (max-width: 1000px) {
|
|
|
+ .crossLoadMap {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ border: 1px solid #595959;
|
|
|
+ float: left;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .crossLoadInfo {
|
|
|
+ width: 100%;
|
|
|
+ height: 149px;
|
|
|
+ border: 1px solid #595959;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.play-box {
|
|
|
+ width: 100%;
|
|
|
+ height: 38px;
|
|
|
+ background-color: #212121;
|
|
|
+}
|
|
|
+#pause.on,
|
|
|
+#stop.on,
|
|
|
+#play.on {
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.play-box > div {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ padding: 5px 20px;
|
|
|
+ color: #595959;
|
|
|
+ gap: 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+#map img{
|
|
|
+ /*filter: brightness(0.6) invert(0.8) contrast(2) hue-rotate(180deg) saturate(0) brightness(0.7);*/
|
|
|
+ filter: brightness(0.6) invert(0.8) contrast(2) hue-rotate(180deg) saturate(0) brightness(0.7);
|
|
|
+}
|
|
|
+
|
|
|
+#start_time, #end_time,
|
|
|
+#start, #end {
|
|
|
+ width: 105px;
|
|
|
+ height: 25px;
|
|
|
+}
|
|
|
+
|
|
|
+.history-btn {
|
|
|
+ padding: 4px;
|
|
|
+ border: 1px solid #5f5f5f;
|
|
|
+ background-color: #444444;
|
|
|
+ color: #dddddd;
|
|
|
+ width: 50px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ border-radius: 5px;
|
|
|
+ font-weight: bold;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-right: 20px;
|
|
|
+ margin-left: auto;
|
|
|
+}
|
|
|
+.evp_legend {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ right: 34px;
|
|
|
+ z-index: 20;
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+#map > div:nth-child(8),
|
|
|
+ /*.coordBox,*/
|
|
|
+#map .mapToggle img,
|
|
|
+img[src="images/tab01_on.png"],
|
|
|
+img[src="images/tab01_off.png"],
|
|
|
+img[src="images/tab02_on.png"],
|
|
|
+img[src="images/tab02_off.png"],
|
|
|
+img[src="images/logout.png"]{
|
|
|
+ filter: brightness(0.6) invert(1) contrast(3) hue-rotate(180deg) saturate(0.3) brightness(0.7);
|
|
|
+}
|
|
|
+#map .mapToggle img.road_on {
|
|
|
+ filter: brightness(0.6) invert(1) contrast(4) hue-rotate(180deg) saturate(0.3) brightness(1.1);
|
|
|
+}
|
|
|
+#map .wideMap img,
|
|
|
+#map .upDownMap img,
|
|
|
+#map img[src="/images/evp_arr.svg"],#map img[src="images/TrafficLight25.png"],
|
|
|
+#map img[src="/images/evp_legend.png"],
|
|
|
+#map img[src="/images/car.svg"],
|
|
|
+#map img[src="images/sig1.png"],
|
|
|
+#map img[src="images/sig2.png"],
|
|
|
+#map img[src="images/sig3.png"],
|
|
|
+#map img[src="images/sig4.png"],
|
|
|
+#map img[src="images/sig5.png"],
|
|
|
+#map img[src="images/sig6.png"],
|
|
|
+#map img[src="/images/CvibLight_0_0.gif"],
|
|
|
+#map img[src="/images/CvibLight_0_9.gif"],
|
|
|
+#map img[src="/images/CvibLight_1_1.gif"],
|
|
|
+#map img[src="/images/CvibLight_1_2.gif"],
|
|
|
+#map img[src="/images/CvibLight_1_3.gif"],
|
|
|
+#map img[src="/images/CvibLight_1_6.gif"],
|
|
|
+#map img[src="/images/CvibLight_1_9.gif"],
|
|
|
+#map img[src="/images/CvibLight_2_1.gif"],
|
|
|
+#map img[src="/images/CvibLight_2_2.gif"],
|
|
|
+#map img[src="/images/CvibLight_2_3.gif"],
|
|
|
+#map img[src="/images/CvibLight_2_9.gif"],
|
|
|
+#map img[src="/images/CvibLight_3_1.gif"],
|
|
|
+#map img[src="/images/CvibLight_3_2.gif"],
|
|
|
+#map img[src="/images/CvibLight_3_3.gif"],
|
|
|
+#map img[src="/images/CvibLight_3_9.gif"],
|
|
|
+#map img[src="/images/CvibLight_5_0.gif"],
|
|
|
+#map img[src="/images/CvibLight_5_9.gif"],
|
|
|
+#map img[src="/images/CvibLight_9_1.gif"],
|
|
|
+#map img[src="/images/CvibLight_9_2.gif"],
|
|
|
+#map img[src="/images/CvibLight_9_3.gif"],
|
|
|
+#map img[src="/images/CvibLight_9_4.gif"],
|
|
|
+#map img[src="/images/car.gif"],
|
|
|
+#map img[src="/images/car2.gif"],
|
|
|
+#map img[src="http://t1.kakaocdn.net/localimg/localimages/07/mapapidoc/roadview_wk.png"],
|
|
|
+#map img[src="images/goglemarker.png"],
|
|
|
+#map img[src="http://t1.daumcdn.net/mapjsapi/images/2x/marker.png"]
|
|
|
+ /*#map .mapToggle img,*/
|
|
|
+ /*#map img[src="images/arrow_left.png"],*/
|
|
|
+ /*#map img[src="images/arrow_down.png"]*/
|
|
|
+{
|
|
|
+ filter: none !important;
|
|
|
+}
|
|
|
+.info-window-content {
|
|
|
+ padding: 5px 24px 5px 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 152px;
|
|
|
+ height: 25px;
|
|
|
+ background-color: rgb(85 85 85);
|
|
|
+ color: #cccccc;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+}
|
|
|
+.jstree-children > li:nth-child(odd) > div{
|
|
|
+ background-color: #292828;
|
|
|
+}
|
|
|
+
|
|
|
+.jstree-children > li:nth-child(even) > div{
|
|
|
+ background-color: #3c3c3c;
|
|
|
+}
|
|
|
+
|
|
|
+.jstree-node{
|
|
|
+ color: #b2b2b2;
|
|
|
+}
|
|
|
+
|
|
|
+#intTree{
|
|
|
+ background-color: #212121;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.node-folder ~ label::before{
|
|
|
+ background-image: url('/images/chevron-down.png');
|
|
|
+ background-size: 20px 20px;
|
|
|
+ content: "";
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+}
|
|
|
+.node-li, .node-group {
|
|
|
+ list-style: none;
|
|
|
+}
|
|
|
+
|
|
|
+.node-group > .node-li:nth-child(even) {
|
|
|
+ background-color: #2A2A2A;
|
|
|
+}
|
|
|
+.node-group > .node-li:nth-child(odd) {
|
|
|
+ background-color: #1E1E1E;
|
|
|
+}
|
|
|
+.node-group .node-li > div {
|
|
|
+ gap: 5px;
|
|
|
+}
|
|
|
+.node-li > div:hover {
|
|
|
+ background: #2c3e49; /* 다크 모드에 어울리는 짙은 회색 */
|
|
|
+ border-radius: 5px; /* 부드러운 모서리 */
|
|
|
+}
|
|
|
+
|
|
|
+.node-li > div {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ padding: 5px;
|
|
|
+ user-select: none;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.node-li {
|
|
|
+ /* padding: 5px; */
|
|
|
+ font-size: 12px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.node-li.off {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+.node-group > .node-li.on {
|
|
|
+ background-color: #2c3e49;
|
|
|
+}
|
|
|
+.node-group > .node-li > div {
|
|
|
+ padding-left: 30px;
|
|
|
+}
|
|
|
+.node-li label {
|
|
|
+ user-select: none;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.node_state {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+.node-group {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.node_state + div > div:nth-child(1) {
|
|
|
+ background-image: url('/images/chevron-right.png');
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ background-size: 20px 20px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.node_state:checked + div > div:nth-child(1){
|
|
|
+ background-image: url('/images/chevron-down.png');
|
|
|
+ /* width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ background-size: 20px 20px; */
|
|
|
+}
|
|
|
+.node_state:checked ~ .node-group{
|
|
|
+ display: list-item;
|
|
|
+}
|
|
|
+
|
|
|
+.tree-container {
|
|
|
+ background-color: #2c2c2c;
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ color: #ccc;
|
|
|
+ border-bottom: 1px solid #595959;
|
|
|
+}
|
|
|
+
|
|
|
+.tree-root {
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100% - 40px);
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+.tree-search {
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 5px;
|
|
|
+ gap: 5px;
|
|
|
+ border-bottom: 1px solid #595959;
|
|
|
+}
|
|
|
+
|
|
|
+.error-content .button,
|
|
|
+.tree-search > .searchBtn {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ width: 70px;
|
|
|
+ height: 100%;
|
|
|
+ border-radius: 5px;
|
|
|
+ background-color: #444444;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #dddddd;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+.tree-search > .searchBtn:hover {
|
|
|
+ filter: brightness(1.1);
|
|
|
+}
|
|
|
+#region,
|
|
|
+#start,
|
|
|
+#start_time,
|
|
|
+#end,
|
|
|
+#end_time {
|
|
|
+ background-color: #2a2a2a;
|
|
|
+ color: #e9e9e9;
|
|
|
+ border: 1px solid #444;
|
|
|
+ color-scheme: dark;
|
|
|
+}
|
|
|
+.tree-search > input {
|
|
|
+ /* background-color: #363636; */
|
|
|
+ background-color: #2a2a2a;
|
|
|
+ padding: 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: calc(100% - 75px);
|
|
|
+ border: 1px solid #595959;
|
|
|
+ color: #e9e9e9;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+.tree-search > input::placeholder {
|
|
|
+ color: #96908b;
|
|
|
+}
|
|
|
+
|
|
|
+#region:focus,
|
|
|
+#start:focus,
|
|
|
+#start_time:focus,
|
|
|
+#end:focus,
|
|
|
+#end_time:focus,
|
|
|
+.tree-search > input:focus{
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+.comm1 {
|
|
|
+ width: 12px; /* 원 크기 */
|
|
|
+ height: 12px;
|
|
|
+ background: radial-gradient(circle at top left, #66FF66, #1B5E20);
|
|
|
+ border-radius: 50%;
|
|
|
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5), /* 외부 그림자 */
|
|
|
+ inset -2px -2px 4px rgba(0, 0, 0, 0.4), /* 내부 어두운 그림자 */
|
|
|
+ inset 2px 2px 3px rgba(102, 255, 102, 0.6); /* 내부 광택 효과 */
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.comm0 {
|
|
|
+ width: 12px; /* 원 크기 */
|
|
|
+ height: 12px;
|
|
|
+ background: radial-gradient(circle at top left, #ff6b6b, #8b0000);
|
|
|
+ border-radius: 50%;
|
|
|
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5), /* 외부 그림자 */
|
|
|
+ inset -2px -2px 4px rgba(0, 0, 0, 0.4), /* 내부 어두운 그림자 */
|
|
|
+ inset 2px 2px 3px rgba(255, 100, 100, 0.6); /* 내부 광택 효과 */
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+.comm2 {
|
|
|
+ width: 12px; /* 원 크기 */
|
|
|
+ height: 12px;
|
|
|
+ background: radial-gradient(circle at top left, #FFD700, #B8860B); /* 골드 → 딥 옐로우 */
|
|
|
+ border-radius: 50%;
|
|
|
+ box-shadow:
|
|
|
+ 2px 2px 5px rgba(0, 0, 0, 0.5), /* 외부 그림자 */
|
|
|
+ inset -2px -2px 4px rgba(0, 0, 0, 0.4), /* 내부 어두운 그림자 */
|
|
|
+ inset 2px 2px 3px rgba(255, 215, 100, 0.6); /* 내부 광택 효과 */
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+.comm3 {
|
|
|
+ width: 12px; /* 원 크기 */
|
|
|
+ height: 12px;
|
|
|
+ background: radial-gradient(circle at top left, #B0B0B0, #505050); /* 밝은 회색 → 어두운 회색 */
|
|
|
+ border-radius: 50%;
|
|
|
+ box-shadow:
|
|
|
+ 2px 2px 5px rgba(0, 0, 0, 0.5), /* 외부 그림자 */
|
|
|
+ inset -2px -2px 4px rgba(0, 0, 0, 0.4), /* 내부 어두운 그림자 */
|
|
|
+ inset 2px 2px 3px rgba(200, 200, 200, 0.6); /* 내부 광택 효과 */
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+/* 전체 스크롤바 스타일 */
|
|
|
+::-webkit-scrollbar {
|
|
|
+ width: 8px; /* 스크롤바 두께 */
|
|
|
+ height: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 스크롤바 트랙 (배경) */
|
|
|
+::-webkit-scrollbar-track {
|
|
|
+ background: #1e1e1e; /* 다크 모드에 어울리는 어두운 배경 */
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 스크롤바 핸들 (움직이는 부분) */
|
|
|
+::-webkit-scrollbar-thumb {
|
|
|
+ background: #555; /* 중간 회색 */
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 스크롤바 핸들 호버 효과 */
|
|
|
+::-webkit-scrollbar-thumb:hover {
|
|
|
+ background: #777; /* 더 밝은 회색 */
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.modal-box {
|
|
|
+ width: 710px;
|
|
|
+ height: 610px;
|
|
|
+ position: absolute;
|
|
|
+ display: none;
|
|
|
+ bottom: 0;
|
|
|
+ right: 0;
|
|
|
+ z-index: 999999;
|
|
|
+ background-color: #212121;
|
|
|
+ border: 1px solid #595959;
|
|
|
+ box-shadow: 2px 2px 5px 2px black;
|
|
|
+}
|
|
|
+
|
|
|
+.modal-container {
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100% - 25px);
|
|
|
+}
|
|
|
+.modal-title-box > div:nth-child(1) {
|
|
|
+ font-size: 13px;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.modal-title-box {
|
|
|
+ height: 25px;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ box-sizing: border-box;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 0 10px;
|
|
|
+ border-bottom: 1px solid #424242;
|
|
|
+ align-items: center;
|
|
|
+ color: #cccccc;
|
|
|
+ background-color: #2c2c2c;
|
|
|
+}
|
|
|
+
|
|
|
+.modal-close {
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ border: 1px solid #5f5f5f;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ cursor: pointer;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); /* 음영 추가 */
|
|
|
+ user-select: none;
|
|
|
+ background-color: #444444;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.modal-close:hover{
|
|
|
+ filter: brightness(1.6);
|
|
|
+}
|
|
|
+
|
|
|
+#iframeModal {
|
|
|
+ border-color: #444444;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-width: 1px;
|
|
|
+}
|
|
|
+
|
|
|
+.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl{
|
|
|
+ filter: brightness(4.0);
|
|
|
+}
|
|
|
+
|
|
|
+.empty-box:not(.error-content .empty-box) {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ color: #dddddd;
|
|
|
+}
|
|
|
+
|
|
|
+.error-content .empty-box > td {
|
|
|
+ text-align: center;
|
|
|
+ height: 400px;
|
|
|
+ user-select: none;
|
|
|
+}
|
junggilpark
