@keyframes slidein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.home .home-chart {
/*   height: 834px; */
	height:100%;
  width:100%;
  background: url(../../../images/badabom/main/bg_t2.png) no-repeat 50% 0;
  position: relative; }

.home .wave {
  background: url(../../../images/badabom/main/wave.png) repeat-x;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 14px;
  animation: MainWave 60s infinite linear; }

@keyframes MainWave {
  0% {
    background-position-x: 0; }
  100% {
    background-position-x: 1920px; } }

.home .home-search {
  margin: 0 auto;
  width: 1280px;
  padding-top: 30px; }

.home .home-search select {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  border: 0;
  width: 266px;
  height: 50px;
  background: #fff url(../../../images/badabom/main/arw.png) right 30px center no-repeat;
  color: #666666;
  padding-left: 10px;
  border-radius: 20px;
  font-size: 18px;
  margin-right: 5px; }

.home .home-search button {
  width: 110px;
  height: 50px;
  border-radius: 25px;
  color: #fff;
  background-color: #1a8dcc; }

.home .home-graph {
  margin: 0 auto;
  width: 1280px;
  padding-top: 25px;
  height: 200px;
  position: relative; }

.home .home-graph .graph-content {
  display: none; }

.home .home-graph .graph-content.on {
  display: flex;
  animation-duration: 1.2s;
  animation-name: slidein; }

.home .home-graph .graph-content > div {
  position: relative;
  width: 33.33%;
  text-align: center; }

.home .home-graph .graph-content > div:nth-child(1) {
  transform: translateY(30px); }

.home .home-graph .graph-content > div:nth-child(3) {
  transform: translateY(30px); }

.home .home-graph .chart {
  margin: 0 auto;
  width: 180px;
  height: 80px;
  background: url("../../images/badabom/main/chart.png") no-repeat 50% 0;
  position: relative;
  z-index: 3; }

.home .home-graph .chart-name {
  display: inline-block;
  height: 25px;
  line-height: 23px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid #1c9cc2;
  border-radius: 15px;
  padding-left: 30px;
  padding-right: 30px; }

.home .home-graph .img {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2; }

.home .layer-panel {
  margin: 0 auto;
  margin-top: 130px;
  position: relative;
  min-height: 430px;
  width: 1280px; }

.home .switch-control {
  z-index: 10;
  position: absolute;
  bottom: 70px;
  left: 0;
  display: flex; }

.home .switch-control label {
  display: inline-block;
  vertical-align: middle;
  color: #64738b;
  font-size: 15px;
  padding-left: 15px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-position: 0 6px; }

.home .switch-control a {
  display: inline-block;
  width: 40px;
  height: 24px;
  border-radius: 20px;
  background-color: #c9ced7;
  position: relative;
  transition: all 0.25s;
  margin-left: 5px;
  vertical-align: middle; }

.home .switch-control a:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  background-color: #fff;
  transition: all 0.25s; }

.home .switch-control input {
  position: absolute;
  left: -99999em; }

.home .switch-control input:checked + a {
  background-color: #0076c0; }

.home .switch-control input:checked + a:before {
  left: calc(100% - 21px); }

.home .switch-control-flag label {
  background-image: url(../../../images/badabom/main/icon-switch-flag.png); }

.home .switch-control-data {
  margin-left: 20px; }

.home .switch-control-data label {
  background-image: url(../../../images/badabom/main/icon-switch-data.png); }

.home .deco {
  position: absolute; }

.home .deco.-ship {
  left: 50%;
  top: 50%; }

.home .deco.-person {
  left: 0;
  bottom: 150px; }

.home .deco.-lighthouse {
  left: 379px;
  bottom: 85px; }

.home .data-list-txt {
  position: absolute;
  bottom: 43px;
  left: 16px; }

.home .data-wrapper {
  width: 100%;
  z-index: 2;
  position: relative;
  visibility: hidden;
  opacity: 0; }

.home .data-wrapper.on {
  visibility: visible;
  opacity: 1; }

.home .data-wrapper.on .btn-sort {
  animation-name: dataShow;
  animation-duration: 1s;
  animation-delay: 0s; }

.home .data-wrapper.on .btn-sort.active {
  z-index: 2; }

.home .data-wrapper.on .data-container {
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-delay: 0s; }

.home .data-wrapper.off {
  opacity: 0;
  visibility: hidden; 
  display: none;
  }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes dataShow {
  0% {
    transform: translateY(100px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

.home .grid-comm {
  position: absolute; }

.home .grid-left {
  width: 430px;
  left: 0;
  top: 0; }

.home .grid-center {
  width: 430px;
  left: 430px;
  top: 0; }

.home .grid-right {
  width: 430px;
  left: 860px;
  top: 0; }

.home .grid-container {
  position: relative;
  width: 100%;
  height: 100%; }

.home #fir .grid-left .btn-sort:nth-child(1) {
  left: -50px;
  top: 20px; }

.home #fir .grid-left .btn-sort:nth-child(2) {
  left: 42px;
  top: -15px; }

.home #fir .grid-left .btn-sort:nth-child(3) {
  left: 136px;
  top: -45px; }

.home #fir .grid-left .btn-sort:nth-child(4) {
  left: 232px;
  top: -67px; }

.home #fir .grid-left .btn-sort:nth-child(5) {
  left: 327px;
  top: -83px; }

.home #fir .grid-center .btn-sort:nth-child(1) {
  left: 0;
  top: -95px; }

.home #fir .grid-center .btn-sort:nth-child(2) {
  left: 90px;
  top: -97px; }

.home #fir .grid-center .btn-sort:nth-child(3) {
  left: 170px;
  top: -99px; }

.home #fir .grid-center .btn-sort:nth-child(4) {
  left: 260px;
  top: -97px; }

.home #fir .grid-center .btn-sort:nth-child(5) {
  left: 350px;
  top: -93px; }

.home #fir .grid-right .btn-sort:nth-child(1) {
  left: 20px;
  top: -82px; }

.home #fir .grid-right .btn-sort:nth-child(2) {
  left: 115px;
  top: -64px; }

.home #fir .grid-right .btn-sort:nth-child(3) {
  left: 210px;
  top: -42px; }

.home #fir .grid-right .btn-sort:nth-child(4) {
  left: 307px;
  top: -15px; }

.home #sec .grid-left .btn-sort:nth-child(1) {
  left: 20px;
  top: -8px; }

.home #sec .grid-left .btn-sort:nth-child(2) {
  left: 115px;
  top: -40px; }

.home #sec .grid-left .btn-sort:nth-child(3) {
  left: 210px;
  top: -63px; }

.home #sec .grid-left .btn-sort:nth-child(4) {
  left: 310px;
  top: -80px; }

.home #sec .grid-center .btn-sort:nth-child(1) {
  left: 80px;
  top: -95px; }

.home #sec .grid-center .btn-sort:nth-child(2) {
  left: 180px;
  top: -95px; }

.home #sec .grid-center .btn-sort:nth-child(3) {
  left: 280px;
  top: -95px; }

.home #sec .grid-right .btn-sort:nth-child(1) {
  left: 20px;
  top: -80px; }

.home #sec .grid-right .btn-sort:nth-child(2) {
  left: 120px;
  top: -65px; }

.home #sec .grid-right .btn-sort:nth-child(3) {
  left: 220px;
  top: -40px; }

.home #sec .grid-right .btn-sort:nth-child(4) {
  left: 320px;
  top: -8px; }

.home #th .grid-left .btn-sort:nth-child(1) {
  left: 20px;
  top: -8px; }

.home #th .grid-left .btn-sort:nth-child(2) {
  left: 115px;
  top: -40px; }

.home #th .grid-left .btn-sort:nth-child(3) {
  left: 210px;
  top: -63px; }

.home #th .grid-left .btn-sort:nth-child(4) {
  left: 310px;
  top: -80px; }

.home #th .grid-center .btn-sort:nth-child(1) {
  left: 0;
  top: -95px; }

.home #th .grid-center .btn-sort:nth-child(2) {
  left: 90px;
  top: -97px; }

.home #th .grid-center .btn-sort:nth-child(3) {
  left: 170px;
  top: -99px; }

.home #th .grid-center .btn-sort:nth-child(4) {
  left: 260px;
  top: -97px; }

.home #th .grid-center .btn-sort:nth-child(5) {
  left: 350px;
  top: -93px; }

.home .btn-sort-group {
  position: relative;
  z-index: 2; }

.home .btn-sort {
  width: 93px;
  height: 93px;
  position: absolute;
  border-radius: 50%;
  box-shadow: -5px -10px 5px rgba(0, 0, 0, 0.1) inset;
  transition: all 0.25s;
  transform: scale(1);
  line-height: 1.1;
  padding-left: 0;
  padding-right: 0; }

.home .btn-sort span {
  color: #fff;
  font-weight: 400;
  font-size: 15px; }

.home .btn-sort[data-backgroundcolor="blue"] {
  background-color: #2884bd; }

.home .btn-sort[data-backgroundcolor="sky"] {
  background-color: #1996b3; }

.home .btn-sort[data-backgroundcolor="yellow"] {
  background-color: #a58b14; }

.home .btn-sort[data-backgroundcolor="orange"] {
  background-color: #cc7032; }

.home .btn-sort[data-backgroundcolor="purple"] {
  background-color: #945cc9; }

.home .btn-sort.active {
  transform: scale(1.32); }

.home .data-container {
  position: relative;
  width: 100%;
  height: 100%; }

.home .data-group {
  position: absolute; }

.home .data-group > div {
  position: relative; }

.home .data-group:hover .pin.on + .flag {
  opacity: 1;
  visibility: visible; }

.home .data-group[data-size="2"] .pin {
  transform: scale(1.4); }

.home .data-group[data-size="3"] .pin {
  transform: scale(1.6); }

.home .data-group[data-size="4"] .pin {
  transform: scale(1.8); }

.home .data-group[data-size="4"] .pin.on + .flag {
  opacity: 1 !important;
  visibility: visible !important; }

.home .data-group[data-size="5"] .pin {
  transform: scale(2); }

.home .data-group[data-size="5"] .pin.on + .flag {
  opacity: 1 !important;
  visibility: visible !important; }

.home .data-group .pin {
  transition: all 0.25s;
  opacity: 0;
  visibility: hidden;
  display: block;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  background-color: rgba(255, 255, 255, 0.5); }

.home .data-group .pin.on {
  opacity: 1;
  visibility: visible; }

.home .data-group .pin.off {
  opacity: 0;
  visibility: hidden; }

.home .data-group .pin[data-color="blue"] {
  background-color: #2884bd; }

.home .data-group .pin[data-color="sky"] {
  background-color: #3dbedc; }

.home .data-group .pin[data-color="yellow"] {
  background-color: #ccb030; }

.home .data-group .pin[data-color="orange"] {
  background-color: #cc7032; }

.home .data-group .pin[data-color="purple"] {
  background-color: #945cc9; }

.home .data-group .flag {
  transform: translateY(-100%);
  top: 0;
  z-index: 10;
  margin-left: 3px;
  position: absolute;
  height: 45px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../../../images/badabom/main/flag-line.png);
  padding-right: 25px;
  padding-left: 3px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s;
  background-size: 3px auto; }

.home .data-group .flag.on {
  opacity: 1;
  visibility: visible; }

.home .data-group .flag:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 27px;
  width: 25px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../../images/badabom/main/flag-line3.png);
  background-size: 8px 20px; }

.home .data-group .flag div {
  display: inline-block;
  max-width: 200px;
  padding-left: 5px;
  padding-right: 5px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
  height: 20px;
  background-repeat: repeat-x;
  background-position: 0 0;
  background-image: url(../../../images/badabom/main/flag-line2.png);
  font-size: 11px;
  transition: all 0.25s;
  background-size: auto 20px; }

.home .data-group .flag:hover div {
  max-width: inherit; }

.home .data-group .flag[data-color="blue"] {
  background-image: url(../../../images/badabom/main/flag-line-blue.png); }

.home .data-group .flag[data-color="blue"]:after {
  background-image: url(../../../images/badabom/main/flag-line3-blue.png); }

.home .data-group .flag[data-color="blue"] div {
  color: #fff;
  background-image: url(../../../images/badabom/main/flag-line2-blue.png); }

.home .data-group .flag[data-color="sky"] {
  background-image: url(../../../images/badabom/main/flag-line-sky.png); }

.home .data-group .flag[data-color="sky"]:after {
  background-image: url(../../../images/badabom/main/flag-line3-sky.png); }

.home .data-group .flag[data-color="sky"] div {
  color: #fff;
  background-image: url(../../../images/badabom/main/flag-line2-sky.png); }

.home .data-group .flag[data-color="orange"] {
  background-image: url(../../../images/badabom/main/flag-line-orange.png); }

.home .data-group .flag[data-color="orange"]:after {
  background-image: url(../../../images/badabom/main/flag-line3-orange.png); }

.home .data-group .flag[data-color="orange"] div {
  color: #fff;
  background-image: url(../../../images/badabom/main/flag-line2-orange.png); }

.home .data-group .flag[data-color="yellow"] {
  background-image: url(../../../images/badabom/main/flag-line-yellow.png); }

.home .data-group .flag[data-color="yellow"]:after {
  background-image: url(../../../images/badabom/main/flag-line3-yellow.png); }

.home .data-group .flag[data-color="yellow"] div {
  color: #fff;
  background-image: url(../../../images/badabom/main/flag-line2-yellow.png); }

.home .data-group .flag[data-color="purple"] {
  background-image: url(../../../images/badabom/main/flag-line-purple.png); }

.home .data-group .flag[data-color="purple"]:after {
  background-image: url(../../../images/badabom/main/flag-line3-purple.png); }

.home .data-group .flag[data-color="purple"] div {
  color: #fff;
  background-image: url(../../../images/badabom/main/flag-line2-purple.png); }

.home .btn-group {
  text-align: center; }

.home .btn-group button {
  display: inline-block;
  margin: 0 5px;
  padding: 7px 25px;
  border: 1px solid #ddd;
  background-color: #0076c0;
  color: #fff; }

.home .label-title {
  position: absolute;
  top: 308px;
  left: 311px;
  text-align: center;
  width: 657px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(70px);
  transition: all 1s; }

.home .data-wrapper.on .label-title {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px); }

.home .checked .data-group .flag {
  opacity: 0;
  visibility: hidden; }

.home .checked .data-group .pin.on + .flag.on {
  opacity: 1;
  visibility: visible; }

@keyframes ship2 {
  0% {
    transform: translate3d(0px, 0px, 1px);
    opacity: 1; }
  100% {
    transform: translate3d(300px, 0px, 1px);
    opacity: 0; } }

.-ship2 {
  animation-duration: 30s;
  animation-name: ship2;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  bottom: 30px;
  left: 50%;
  margin-left: -150px; }

@keyframes ship {
  0% {
    transform: translate3d(0px, -100px, 135px) rotate(0);
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(-200px, 100px, 135px) rotate(0deg); } }

.-ship {
  animation-duration: 50s;
  animation-name: ship;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  top: 100px !important; }

@keyframes person {
  0% {
    transform: translate3d(0px, 0px, 1px);
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translate3d(200px, 100px, 135px); } }

.-person {
  animation-duration: 30s;
  animation-name: person;
  animation-iteration-count: infinite;
  animation-fill-mode: both; }

@keyframes thermometer {
  0% {
    transform: translateY(0px); }
  50% {
    transform: translateY(15px); }
  100% {
    transform: translateY(0px); } }

.-thermometer {
  position: absolute;
  left: 500px;
  top: 50px;
  animation-duration: 20s;
  animation-name: thermometer;
  animation-iteration-count: infinite;
  animation-fill-mode: both; }

.home-latest {
  position: relative;
  width: 1280px;
  margin: 0 auto;
  margin-top: 70px;
  overflow: hidden;
  background-color: #fafafa; }

.home-latest .left {
  float: left;
  width: calc(100% - 320px);
  border: 1px solid #eee;
  border-right: 0;
  height: 530px; }

.home-latest .right {
  float: left;
  width: 320px; }

.latest-tab-menu {
  overflow: hidden;
  background-color: #eeeeee; }

.latest-tab-menu a {
  display: block;
  float: left;
  width: 195px;
  text-align: center;
  height: 70px;
  line-height: 70px;
  background-color: #eeeeee;
  transition: all 0.25s;
  font-size: 20px; }

.latest-tab-menu a.active {
  background-color: #fafafa; }

.latest-tab-content {
  padding: 0 40px; }

.latest-list {
  padding: 40px 0; }

.latest-list + .latest-list {
  border-top: 1px solid #eee; }

.latest-list .box {
  overflow: hidden;
  position: relative;
  height: 80px;
  padding-left: 125px; }

.latest-list .box .cate {
  position: absolute;
  left: 0;
  top: 0;
  width: 105px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0076c0;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  text-align: center; }

.latest-list .box .subject a {
  color: #000;
  font-size: 18px; }

.latest-list .box .date {
  position: absolute;
  right: 0;
  top: 0; }

.latest-list .box .cnt {
  padding-top: 10px;
  font-size: 16px;
  color: #666666; }

/*
.home .data-group .pin {
	width: 0;
	height: 0;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	border-bottom: 5px solid pink;
}
.home .data-group .pin:after {
	width: 0;
	height: 0;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	border-top: 5px solid pink;
	position: absolute;
	content: "";
	top: 30px;
	left: -50px;
}
*/
.btn-panel {
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  top: 100px;
  width: 80px;
  height: 150px;
  transition: all 0.35s;
  display: block; }

.btn-panel-prev {
  left: -130px;
  background-image: url("../../../images/badabom/main/data-arw-prev.png"); }

.btn-panel-prev:hover {
  background-image: url("../../../images/badabom/main/data-arw-prev-hover.png"); }

.btn-panel-next {
  right: -130px;
  background-image: url("../../../images/badabom/main/data-arw-next.png"); }

.btn-panel-next:hover {
  background-image: url("../../../images/badabom/main/data-arw-next-hover.png"); }
.pdf-download{position: absolute;right: 0;bottom: 5%;}
/*# sourceMappingURL=../maps/pages/home.css.map */