@charset "UTF-8";

/* kendo chart tooltip 포인트점 삭제*/
/* .k-chart g:hover circle { */
/* 	opacity: 0; */
/* } */

.fot_pager ul li:nth-child(3) a {
    color: #223a4a;
    background-color: transparent;
    padding: 0px;
}

.gis .popup03 {
    width: 265px;
    height: 165px;
}

#tab01 {
    padding: 7px 50px;
}

#tab01 dd {
    justify-content: flex-start;
}

#tab01 .e-checkbox-label:nth-child(2) {
    min-width: 85px;
    margin-left: 5px;
}

#tab02 .e-checkbox-label:nth-child(3) {
/*     margin-right: 20px; */
    margin-right: 10px;
    max-width: 35px;
    color: #4761DE;
}

.shipImage {
    width: 100%;
    height: 100px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
}

.tidal_observatory {
    width: 100% !important;
}

.table_wrap {
    overflow-y: scroll;
    overflow-x: hidden;
}

.table_wrap::-webkit-scrollbar {
    width: 6px;
}

.table_wrap::-webkit-scrollbar-thumb {
    height: 17%;
    background-color: #223A4A;
    border-radius: 10px;
}

.table_wrap::-webkit-scrollbar-track {
    background-color: #fff;
}

.navigateAlarmTable img {
    cursor: pointer;
}


.gis .popup_cont table tr td:nth-child(2) {
    padding-left: 8px;
}

#draggable2 img {
    transform: rotate(270deg);
    width: 15px;
}

.weather_pointer {
    cursor: help;
}

#draggable10, #draggable10_1 {
    width: 230px;
    border-radius: 10px;
    border: 1px solid #D2D2D2;
    background-color: #fff;
    padding: 15px;
}

#draggable10_1 .pop_tbl10 tr td {
    padding: 6px 0;
}

.fot_cnt05 {
    width: calc(100% / 3.05);
}

.dangerSailingHistoryTable_wrap {
    width: calc(100% / 3.05);
}

.dangerSailingHistoryTable_wrap thead {
    background-color: #ffffff;
}

.dangerSailingHistoryTable td {
    width: 50%;
}

.dangerSailingHistoryTable_wrap {
    overflow-y: scroll;
    overflow-x: hidden;
}

.dangerSailingHistoryTable_wrap::-webkit-scrollbar {
    width: 6px;
}

.dangerSailingHistoryTable_wrap::-webkit-scrollbar-thumb {
    height: 17%;
    background-color: #223A4A;
    border-radius: 10px;
}

.dangerSailingHistoryTable_wrap::-webkit-scrollbar-track {
    background-color: #fff;
}

.gis .fot_tbl03 tr td:nth-child(1) {
    padding: 13px 20px;
}

.fot_cnt05 th {
    padding: 10px 15px;
}

.pop_close {
    top: 2px;
    right: -2px;
}

.tidal_pop_cont {
	display: flex;
    flex-direction: column;
    align-items: center;
}

.tidal_pop_cont p {
	color: #ffffff;
}

.trafficVolume-td-title {
	width: 5%;
	text-align: center;
}

.gis .pop05_btn ul li p {
    padding: 13px 30px;
    color: #fff;
    font-weight: 500;
    background-color: #4761DE;
    border-radius: 6px;
    cursor: pointer;
}

.fot_cnt05 table {
	text-align: center;
}

.fot_cnt07 table {
    text-align: center;
}

.fot_cnt08 table {
    text-align: center;
}

.fot_cnt09 table {
    text-align: center;
}

.gis .popup07 {
	width: 220px;
}

.btn_remove {
    width: 96px;
    height: 35px;
    float: right;
    display: block;
    margin-top: 10px;
    line-height: 37px;
    font-size: 15px;
    box-sizing: border-box;
    border: 1px solid black;
    border-radius: 6px;
    margin-left: 5px;
}

.leaflet-bottom.leaflet-right.slide-on {
	right: 550px;
    transition: .4s;
}

.gis .tab_fot.tab-right {
	padding: 0px 0px !important;
}

.footer_info_close_btn {
	cursor: pointer;
}

.tabcontent {
	height: 100%;
}

.tabcontent_fot {
	width: 100%;
	height: 100%;
	display: table;
}

.gis .popup03 {
	left: 260px;
}

.gis .pop05_btn ul li button {
	padding: 10px 15px;
}

.gis .popup05 {
	width: 280px;
}

.gis .popup05 .popup_cont ul {
	width: 250px;
}

#dangerSailingHistoryTable tbody {
	overflow-y: scroll;
}

.gis .fot_tbl01 tr td:nth-child(2n-1) {
    width: 60px;
}

.fot_cnt11 .g-ship {
    height: auto;
    table-layout: fixed;
}

#tab03 .tab03-a {
	display: flex; 
	justify-content: space-between;
	align-items: center;
	margin: 0px;
	cursor: default;
}

.tab03-a .tab03_button {
	display: flex;
	justify-content: center;
	align-items: center;
    width: 110px;
    height: 25px;
    border-radius: 6px;
    cursor: pointer;
}
.tab03_button.searchShip {
    background: #4761DE;
    color: white;
	
}
.tab03_button.resetShipSearchCondition {
	border: 1px solid black;
}

.gis .popup11 {
	width:130px;	
}

.fot_cnt10 .g-wether01 {
	height: min-content;
}

.tab_fot .shipInfo01 {
    width: 50%;	
}

.tab_fot .shipInfo01 th {
    width: 10%;
}

.tab_fot .shipInfo01 td {
    width: 20%;
}

.tab_fot .shipInfo02 {
    width: 50%;
}

.tab_fot .shipInfo02 th {
    width: 10%;
}

.tab_fot .shipInfo02 td {
    width: 20%;
}

#shipStaticInfoTable {
	height: 85%;
}

.tab_fot .girdInfo01 {
	width: 100%;
}

.tab_fot .girdInfo02 {
    width: 25%;
}

.tab_fot .girdInfo03 {
    width: 60%;
}

.tab_fot .girdInfo04 {
    width: 100%;
}

.tab_fot .chart_tit ul li:nth-child(2n-1) {
    font-size: 13px;
    padding-right: 5px;
}

[data-tab-name="trafficVolume"] tbody {
	cursor: pointer;
}

#receptionStatusGrid tbody {
    cursor: pointer;
}

.footer_data_board #footer_btn {
   background: url(../../images/gis/footer_btn_databoard_open4.png)
}
.pannel04 #right_btn_con {
   background: url(../../images/gis/footer_btn_databoard_open04.png)
}
.pannel04.slide-in4 #right_btn_con {
   background: url(../../images/gis/footer_btn_databoard_close04.png)
}

.girdInfo01 .chart_tit ul:first-child,
.girdInfo01 .chart_tit ul:nth-child(2),
.girdInfo01 .chart_tit ul:last-child {
	margin: 8px 10px;
}

.grid_level_tooltip {
    position: absolute;
    left: 113px;
    top: 504px;
    display: block;
    opacity: 1;
}

.grid_level_tooltip .tooltiptext {
    display: block;
    width: 220px;
    height: 115px;
    background-color: #FFF;
    color: #444;
    border-radius: 8px;
    border: 1px solid #DCE5EE;
    padding: 15px 13px;
    position: absolute;
    z-index: 1;
    box-shadow: 2px 2px 5px #38465d1f;
}

.grid_level_tooltip_title {
	font-weight: bold;
}

.chart_wrap {
	margin-left: -6px;
	width: 50%;
	display: flex;
	flex-direction: row;
}

.donut_wrap {
	width: min-content;
	margin-left: -5px;
	margin-right: -5px;
}

#tab01_fot{
	height: 245px;
}

.e-checkbox-label, .liveRadio label {
	padding-left: 0px;
	margin-left: 5px;
}

.liveRadio {
	display: flex;
	align-items: flex-start;
}

/*최근 3일 교통량*/
.column_wrap {
	width: 100%;
	padding: 5px;
	display: flex;
}

#Column_chart {
    width: 100%;
}

.legend_wrap {
	width: 100%;
	height: 150px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(4, 1fr);
	align-items: start; /* 범례 시작점 */
}

.legend_wrap .legend_cont {
	display: flex;
/* 	flex-wrap: wrap; */
/* 	flex-direction: row; */
/* 	align-items: center; */
	flex-direction: column;
	align-items: flex-start;
	font-size: 0.6rem;
	padding-bottom: 5px;
}

.gis .popup01 {
    width: 100px;
}

.tabnav_right {
    display: flex;
    padding: 11px 0px 7px 2px;
}

/*liveFerryOperGIS페이지 상태값*/
#state {
	width: 160px;
    inset: 50px auto auto 10px;
    height: 160px;
}

#state img {
    transform: rotate(270deg);
    width: 15px;
}

.scrn_tit_num .ferryImg {
    width: 15px;
    height: 15px;
    transform: rotate(-90deg);
    margin: 0 5px;
    display: inline;
}

/* reset.css */
* {
    line-height: 1;
}