.weather_content_wrap header {
  background: #fff;
  padding: 0px 20px;
  border-bottom: 1px solid #eee;
}
.weather_content_wrap header .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  width: 100%;
}
.weather_content_wrap header .wrap .header_left {
  width: 200px;
}
.weather_content_wrap header .wrap .header_left .header_logo h2 {
  font-weight: 800;
  font-size: 20px;
}
.weather_content_wrap header .wrap .header_center ul.nav_info {
  display: flex;
  align-items: center;
  justify-self: center;
  gap: 16px;
}
.weather_content_wrap header .wrap .header_center ul.nav_info li {
  font-weight: 600;
  font-size: 20px;
}
.weather_content_wrap header .wrap .header_center ul.nav_info li.on button {
  color: #000;
}
.weather_content_wrap header .wrap .header_center ul.nav_info li button {
  color: rgba(51, 51, 51, 0.4);
  font-size: 20px;
  font-weight: 600;
}
.weather_content_wrap header .wrap .header_right {
  width: 200px;
}

.weather_content_wrap {
  background-color:#F9F9F9;
  height:100%;
}
.weather_content_wrap .content {
  top: 72px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 0px 20px;
  position: absolute;
  max-height: 1000px;
  overflow-y: scroll;
  background-color:#F9F9F9;
}
.weather_content_wrap .content .wrap {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 20px;
}
.weather_content_wrap .content .wrap .content_box_wrap {
  display: flex;
  gap: 20px;
}
.weather_content_wrap .content .wrap .content_box_wrap:nth-child(n+2) {
  margin-top: 23px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box {
  box-sizing: border-box;
  border-radius: 10px;
  padding: 24px 28px;
  box-sizing: border-box;
  position: relative;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box.white {
  border: 1px solid #EEE;
  background: #FFF;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box.white2 {
  border: 1px solid #EEE;
  background: #FFF;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .box_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 27px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .box_head .box_tit {
  display: flex;
  align-items: center;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .box_head .box_tit h5 {
  font-size: 22px;
  font-weight: 700;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .box_head .box_tit ul.report_list {
  margin-left: 20px;
  display: flex;
  gap: 6px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .box_head .box_tit ul.report_list li.none a {
  border-radius: 6px;
  border: 1px solid #DDD;
  background: #FFF;
  color: #666666;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .box_head .box_tit ul.report_list li a {
  border-radius: 6px;
  background: #4565B9;
  border: 1px solid #4565B9;
  color: #fff;
  display: flex;
  align-items: center;
  height: 27px;
  padding: 0 10px;
  font-size: 15px;
  box-sizing: border-box;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .box_head .box_tit ul.report_list li a i {
  margin-right: 6px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .box_head ul.tab_btn_list {
  display: flex;
  align-items: center;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .box_head ul.tab_btn_list li {
  display: flex;
  align-items: center;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .box_head ul.tab_btn_list li::after {
  content: "";
  width: 1px;
  height: 20px;
  background: #ddd;
  display: inline-block;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .box_head ul.tab_btn_list li.on button {
  background: #303F5E;
  color: #fff;
  font-weight: 700;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .box_head ul.tab_btn_list li button {
  width: 115px;
  height: 48px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 500;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .box_head .more_btn a {
  color: #666666;
  font-size: 14px;
}

.weather_content_wrap .content .wrap .content_box_wrap .content_box .table {
  margin-top: 17px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .table table tr:last-child {
  border-bottom: none;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .table table tr th {
  background: #F8F8F8;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .table table tr td .title {
  display: flex;
  align-items: center;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .table table tr td .title::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #C2C2C2;
  margin-right: 10px;
  flex: none;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .table table tr td .title span.mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 999px;
  background: #FFF;
  font-size: 14px;
  font-weight: 700;
  margin-right: 14px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .table table tr td .title span.mark.type1 {
  border: 1px solid #0083CD;
  color: #0083CD;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .table table tr td .title span.mark.type2 {
  border: 1px solid #FF8329;
  color: #FF8329;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .table table tr td small {
  color: #999999;
  font-size: 15px;
}

.weather_content_wrap .content .wrap .content_box_wrap .content_box .in_box_flex {
  display: flex;
  gap: 20px;
  margin-top: 30px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .in_box_flex .in_box:nth-child(n+2) {
  margin-top: 0px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .in_box:nth-child(n+2) {
  margin-top: 20px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .in_box .box_head {
  min-height: 18px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .in_box .box_head .box_tit h5 {
  font-size: 18px;
}

.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info {
  border-radius: 10px;
  background: linear-gradient(102deg, #4F7FFA 17.75%, #4975E4 84.8%);
  padding: 12px;
  box-sizing: border-box;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  gap: 27px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_top .info_left .search {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #4565B9;
  padding: 7px 10px;
  box-sizing: border-box;
  width: 160px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_top .info_left .search input {
  border: none;
  background: transparent;
  width: 100%;
  color: #fff;
  font-size: 16px;
  margin-right: 10px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_top .info_left .search button {
  opacity: 0.5;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_top .info_right small {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}

.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle {
  display: flex;
  justify-content: space-between;
  color: #fff;
  gap: 27px;
  margin-top: 6px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_left {
  display: flex;
  align-items: center;
  gap: 20px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_left .left_img {
  padding-left: 28px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_left .left_img img {
  width: 100px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_left .left_txt h4 {
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_left .left_txt .now_temp {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_left .left_txt .now_temp p {
  flex: none;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_left .left_txt .now_temp button {
  margin-left: 2px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_right {
  width: 184px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_right .right_txt {
  display: flex;
  justify-content: space-between;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_right .right_txt h4 {
  font-size: 50px;
  font-weight: 500;
  line-height: 1;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_right .right_txt .now_temp {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_right .right_txt .now_temp p {
  flex: none;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_right .right_txt .now_temp button {
  margin-left: 2px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_right .search {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #4565B9;
  padding: 7px 10px;
  box-sizing: border-box;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_right .search input {
  border: none;
  background: transparent;
  width: 100%;
  color: #fff;
  font-size: 16px;
  margin-right: 10px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_right .search button {
  opacity: 0.5;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_right ul.fine_dust {
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_right ul.fine_dust li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_right ul.fine_dust li h5 {
  font-size: 14px;
  width: 57px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_right ul.fine_dust li p {
  width: 50px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
  font-weight: 600;
  font-size: 13px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_right ul.fine_dust li p.good {
  color: #4C7AEE;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_right ul.fine_dust li p.bad {
  color: #FF9E29;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_right ul.fine_dust li small {
  width: 70px;
  display: flex;
  margin-left: 16px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_middle .info_right ul.fine_dust li small i {
  margin-right: 4px;
}

.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_bottom {
  margin-top: 14px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_bottom ul.tomorrow_weather {
  border-radius: 12px;
  background: rgba(47, 87, 188, 0.4);
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  padding: 15.28px 0;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_bottom ul.tomorrow_weather li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  width: 100%;
  padding: 0 20px;
  height: 62px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_bottom ul.tomorrow_weather li:nth-child(n+2) {
  border-left: 1px solid rgba(251, 251, 251, 0.2);
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_bottom ul.tomorrow_weather li .date h5 {
  font-size: 14px;
  font-weight: 400;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_bottom ul.tomorrow_weather li .date p {
  font-size: 14px;
  font-weight: 700;
  margin-top: 4px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_bottom ul.tomorrow_weather li .tempo {
  display: flex;
  align-items: center;
  gap: 4px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_bottom ul.tomorrow_weather li .tempo .img img {
  width: 36px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_info .info_bottom ul.tomorrow_weather li .tempo h4 {
  font-size: 20px;
  font-weight: 700;
}

.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_index {
  border-radius: 12px;
  background: #FFF;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.08);
  padding: 17px 24px;
  box-sizing: border-box;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_index ul.tab_list {
  display: flex;
  align-items: center;
  gap: 8px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_index ul.tab_list li.on button {
  color: #000;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_index ul.tab_list li button {
  font-size: 18px;
  color: rgba(51, 51, 51, 0.2);
  font-weight: 700;
}

.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_index .tab_con {
  display: none;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_index .tab_con.on {
  display: block;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_index .tab_con ul.weather_index_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_index .tab_con ul.weather_index_list li {
  text-align: center;
  width: 100%;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_index .tab_con ul.weather_index_list li:nth-child(n+2) {
  border-left: 1px solid #EEE;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_index .tab_con ul.weather_index_list li h5 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_index .tab_con ul.weather_index_list li h5.high {
  color: #EA2626;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_index .tab_con ul.weather_index_list li h5.low {
  color: #FF9E29;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_index .tab_con ul.weather_index_list li h5.average {
  color: #06B39E;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_index .tab_con ul.weather_index_list li h5 i {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .weather_index .tab_con ul.weather_index_list li p {
  margin-top: 11px;
  font-size: 13px;
  font-weight: 500;
  color: #666;
}

.weather_content_wrap .content .wrap .content_box_wrap .content_box .current_weather {
  margin-top: 40px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .statistics_grahp {
  margin-top: 40px;
}

.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather {
  border-radius: 10px;
  border: 1px solid #E9ECEF;
  background: #F9F9F9;
  padding: 30px;
  box-sizing: border-box;
  min-height: 421px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map {
  width: 319px;
  height: 323px;
  position: relative;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40px;
  padding: 4px 0px;
  box-sizing: border-box;
  gap: 2px;
  border-radius: 4px;
  background: #6F7889;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-align: center;
  position: absolute;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather.skyblue {
  background: #2870F1;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather.blue {
  background: #355389;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather.w1 {
  top: 21px;
  left: 84px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather.w2 {
  top: 13px;
  left: 134px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather.w3 {
  top: 29px;
  left: 184px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather.w4 {
  top: 39px;
  left: 264px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather.w5 {
  top: 91px;
  left: 83px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather.w6 {
  top: 85px;
  left: 139px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather.w7 {
  top: 115px;
  left: 192px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather.w8 {
  top: 185px;
  left: 94px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather.w9 {
  top: 148px;
  left: 139px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather.w10 {
  top: 175px;
  left: 219px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather.w11 {
  top: 250px;
  left: 37px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather h5 {
  font-size: 10px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather p {
  font-size: 10px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather i {
  margin-top: 2px;
  margin-bottom: 2px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .national_weather .map .map_weather i img {
  height: 16px;
}

.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather {
  border-radius: 10px;
  border: 1px solid #E9ECEF;
  padding: 20px;
  box-sizing: border-box;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather ul.weather_info_list {
  display: flex;
  text-align: center;
  margin-top: 16px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather ul.weather_info_list li {
  width: 100%;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather ul.weather_info_list li > h5 {
  font-size: 15px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather ul.weather_info_list li > h5 span {
  font-weight: 700;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather ul.weather_info_list li > p {
  color: #bbb;
  font-weight: 700;
  margin-top: 20px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather ul.weather_info_list li > p span:nth-child(1) {
  color: #4b76e7;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather ul.weather_info_list li > p span:nth-child(2) {
  color: #df5c67;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather ul.weather_info_list li:nth-child(n+2) {
  border-left: 1px solid #E9ECEF;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather ul.weather_info_list li .weather_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather ul.weather_info_list li .weather_wrap .weather .img {
  width: 57px;
  margin: 0 auto;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather ul.weather_info_list li .weather_wrap .weather .img img {
  height: 36px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather ul.weather_info_list li .weather_wrap .weather p {
  margin-top: 8px;
  font-size: 12px;
  color: #999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 {
  border-radius: 10px;
  border: 1px solid #E9ECEF;
  margin-top: 15px;
  padding: 20px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 ul.weather_info_list {
  display: flex;
  text-align: center;
  margin-top: 16px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 ul.weather_info_list li {
  width: 100%;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 ul.weather_info_list li > h5 {
  font-size: 15px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 ul.weather_info_list li > h5 span {
  font-weight: 700;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 ul.weather_info_list li h4 {
  color: #bbb;
  font-weight: 700;
  margin-top: 20px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 ul.weather_info_list li h4 span:nth-child(1) {
  color: #4b76e7;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 ul.weather_info_list li h4 span:nth-child(2) {
  color: #df5c67;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 ul.weather_info_list li:nth-child(n+2) {
  border-left: 1px solid #E9ECEF;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 ul.weather_info_list li .weather_double {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 ul.weather_info_list li .weather_double .weather_double_wrap {
  width: 100%;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 ul.weather_info_list li .weather_double .weather_double_wrap:nth-child(n+2) {
  border-left: 1px solid #E9ECEF;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 ul.weather_info_list li .weather_double .weather_double_wrap:nth-child(n+2) .weather_wrap .weather .img img {
  height: 52px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 ul.weather_info_list li .weather_double .weather_double_wrap:nth-child(n+2) .weather_wrap .weather p {
  font-size: 14px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 ul.weather_info_list li .weather_double .weather_double_wrap .weather_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 ul.weather_info_list li .weather_double .weather_double_wrap .weather_wrap .weather .img {
  width: 57px;
  margin: 0 auto;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 ul.weather_info_list li .weather_double .weather_double_wrap .weather_wrap .weather .img img {
  height: 36px;
}
.weather_content_wrap .content .wrap .content_box_wrap .content_box .seoul_weather2 ul.weather_info_list li .weather_double .weather_double_wrap .weather_wrap .weather p {
  margin-top: 8px;
  font-size: 12px;
  color: #999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.weather_content_wrap .content .wrap .data_info .info_txt {
  margin-bottom: 30px;
}
.weather_content_wrap .content .wrap .data_info .info_txt h5 {
  font-size: 24px;
  font-weight: 700;
}
.weather_content_wrap .content .wrap .data_info .info_txt p {
  margin-top: 17px;
  font-size: 15px;
}

.weather_content_wrap .content .wrap .data_info .seoul_map {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
  box-sizing: border-box;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img {
  position: relative;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .core_img {
  padding-bottom: 0px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .core_img > img {
  width: 853px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .legend_color {
  position: absolute;
  top: 0;
  z-index: 2;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .legend_color > img {
  position: absolute;
  display: none;
  width: 620px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .legend_color > img.on {
  display: block;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble {
  height: 25px;
  text-align: center;
  padding: 0 6px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  padding-top: 4px;
  box-sizing: border-box;
  position: absolute;
  transform: scale(0.9);
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble::before {
  content: "";
  display: inline-block;
  background: url(../images/bubble_tail.png);
  width: 5px;
  height: 7px;
  position: absolute;
  bottom: -5.5px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble p {
  font-weight: 600;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble p span:nth-child(1) {
  color: #C2002F;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble p span:nth-child(2) {
  color: #233688;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble p span:nth-child(n+2) {
  margin-left: 10px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.red {
  border: 1px solid #C2002F;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.red p {
  color: #C2002F;
  font-weight: 700;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble1 {
  top: 146px;
  left: 511px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble2 {
  top: 142px;
  left: 396px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble3 {
  top: 67px;
  left: 380px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble4 {
  top: 20px;
  left: 417px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble5 {
  top: 76px;
  left: 492px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble6 {
  top: 182px;
  left: 445px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble7 {
  top: 173px;
  left: 341px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble8 {
  top: 101px;
  left: 265px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble9 {
  top: 173px;
  left: 267px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble10 {
  top: 386px;
  left: 213px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble11 {
  top: 233px;
  left: 589px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble12 {
  top: 306px;
  left: 527px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble13 {
  top: 338px;
  left: 453px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble14 {
  top: 366px;
  left: 383px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble15 {
  top: 380px;
  left: 285px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble16 {
  top: 311px;
  left: 283px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble17 {
  top: 287px;
  left: 220px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble18 {
  top: 328px;
  left: 135px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble19 {
  top: 281px;
  left: 140px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble20 {
  top: 205px;
  left: 96px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble21 {
  top: 215px;
  left: 231px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble22 {
  top: 215px;
  left: 371px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble23 {
  top: 263px;
  left: 334px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble24 {
  top: 230px;
  left: 426px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap .info_bubble.bubble25 {
  top: 234px;
  left: 497px;
}

.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble {
  min-width: 52px;
  text-align: center;
  background: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  box-sizing: border-box;
  position: absolute;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble h5 {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  font-weight: 800;
  font-size: 15px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble p {
  font-weight: 600;
  padding: 1px 7px;
  font-size: 15px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble p:nth-child(3) {
  color: #233688;
  background: #EFF7FF;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble p:last-child {
  border-radius: 0 0 4px 4px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.red {
  border: 1px solid #C2002F;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.red p {
  color: #C2002F;
  font-weight: 700;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble1 {
  top: 23px;
  left: 491px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble2 {
  top: 32px;
  left: 414px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble3 {
  top: 87px;
  left: 476px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble4 {
  top: 150px;
  left: 507px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble5 {
  top: 186px;
  left: 437px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble6 {
  top: 266px;
  left: 495px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble7 {
  top: 257px;
  left: 411px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble8 {
  top: 312px;
  left: 375px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble9 {
  top: 103px;
  left: 370px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble10 {
  top: 164px;
  left: 350px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble11 {
  top: 233px;
  left: 284px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble12 {
  top: 209px;
  left: 207px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble13 {
  top: 277px;
  left: 183px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble14 {
  top: 343px;
  left: 172px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble15 {
  top: 406px;
  left: 145px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble16 {
  top: 387px;
  left: 245px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble17 {
  top: 467px;
  left: 243px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble18 {
  top: 334px;
  left: 315px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble19 {
  top: 418px;
  left: 320px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble20 {
  top: 366px;
  left: 389px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble21 {
  top: 423px;
  left: 414px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble22 {
  top: 353px;
  left: 471px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble23 {
  top: 380px;
  left: 546px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble24 {
  top: 450px;
  left: 576px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble25 {
  top: 325px;
  left: 578px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_bubble_wrap2 .info_bubble.bubble26 {
  top: 262px;
  left: 591px;
}

.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water {
  text-align: center;
  border-radius: 4px;
  box-sizing: border-box;
  position: absolute;
  transform: scale(0.9);
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water p {
  display: flex;
  align-items: center;
  color: #4D7BF2;
  font-size: 13px;
  text-align: center;
  justify-content: center;
  width: 70px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water p::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url("../images/i_water.svg");
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water1 {
  top: 261px;
  left: 627px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water2 {
  top: 255px;
  left: 475px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water3 {
  top: 156px;
  left: 457px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water4 {
  top: 91px;
  left: 502px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water5 {
  top: 126px;
  left: 591px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water6 {
  top: 300px;
  left: 541px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water7 {
  top: 268px;
  left: 384px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water8 {
  top: 200px;
  left: 302px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water9 {
  top: 302px;
  left: 314px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water10 {
  top: 575px;
  left: 235px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water11 {
  top: 375px;
  left: 728px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water12 {
  top: 471px;
  left: 658px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water13 {
  top: 509px;
  left: 551px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water14 {
  top: 539px;
  left: 461px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water15 {
  top: 564px;
  left: 330px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water16 {
  top: 475px;
  left: 331px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water17 {
  top: 441px;
  left: 245px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water18 {
  top: 489px;
  left: 141px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water19 {
  top: 432px;
  left: 141px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water20 {
  top: 330px;
  left: 81px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water21 {
  top: 343px;
  left: 259px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water22 {
  top: 345px;
  left: 417px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water23 {
  top: 406px;
  left: 394px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water24 {
  top: 370px;
  left: 515px;
}
.weather_content_wrap .content .wrap .data_info .seoul_map .map_img .info_water_wrap .info_water.water25 {
  top: 370px;
  left: 607px;
}

.weather_content_wrap .content .wrap .data_info ul.tab_list {
  display: flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid #DEE4EF;
  background: #FFF;
  margin-bottom: 30px;
}
.weather_content_wrap .content .wrap .data_info ul.tab_list li {
  width: 100%;
  border-radius: 999px;
}
.weather_content_wrap .content .wrap .data_info ul.tab_list li.on {
  background: #3B6EF2;
}
.weather_content_wrap .content .wrap .data_info ul.tab_list li.on button {
  color: #fff;
}
.weather_content_wrap .content .wrap .data_info ul.tab_list li button {
  width: 100%;
  height: 48px;
  font-size: 16px;
  border-radius: 999px;
  font-weight: 700;
}
.weather_content_wrap .content .wrap .data_info .tab_con {
  display: none;
}
.weather_content_wrap .content .wrap .data_info .tab_con.on {
  display: block;
}
.weather_content_wrap .content .wrap .data_info .table p {
  text-align: right;
  margin-bottom: 14px;
}

/*# sourceMappingURL=weather_content.css.map */