@charset "utf-8";

/* container , lnb  200831수정*/
.header {
  box-shadow: none;
}
.containerArea {
  max-width: 1200px;
  margin: 0 auto;
  width: auto;
}
.container {
  position: relative;
  *zoom: 1; /*min-height:920px;*/
  padding-bottom: 100px;
}
.container:after {
  content: "";
  display: block;
  clear: both;
}
.contents {
  max-width: 1200px;
  margin: 0 auto;
}

.clearfix:before {
  clear: both;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.hide,
.hidden {
  position: absolute;
  left: -300px;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  background: none;
  line-height: 0;
  overflow: hidden;
}
input[type="text"],
input[type="password"] {
  border: 1px solid #ccc;
  height: 34px;
  line-height: 34px;
  font-size: 0.875rem;
  color: #666;
  padding-left: 12px;
  font-family: "Noto Sans KR", sans-serif;
  float: left;
}
select {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
}
img {
  max-width: 100%;
}

.tal {
  text-align: left !important;
}
.tac {
  text-align: center !important;
}

.swipe_txt {
  margin: 10px 0;
  font-weight: 300;
  color: #666;
  display: none;
}
.pB2 {
  padding-bottom: 2.625em;
}

p.txt b {
  font-weight: 500;
  color: #259e50;
}

/*location*/
#depth_w {
  height: 62px;
  border: 1px solid #ddd;
  border-width: 1px 0;
  font-size: 14px;
  position: relative;
}
#depth_w > .inner {
  max-width: 1200px;
  margin: 0 auto;
  width: auto;
}
#depth_w .dep {
  float: left;
}
#depth_w .dep:after {
  content: "";
  display: block;
  clear: both;
}
#depth_w .dep > li {
  float: left;
  min-width: 218px;
  border-right: 1px solid #ddd;
  padding: 0 0;
}
#depth_w .dep > .home > span,
#depth_w .rel > a {
  display: table;
  height: 60px;
  width: 100%;
}
#depth_w .rel > a > span,
#depth_w .location > .home > span > span {
  display: table-cell;
  vertical-align: middle;
  z-index: -1;
}
#depth_w .dep > .home {
  min-width: auto;
  width: 60px;
  width: 60px;
  background: #444 url(../images/sub/home.png) no-repeat
    center;
  text-align: center;
  text-indent: -9999px;
}
#depth_w .dep > li .rel {
  position: relative;
}
#depth_w .dep > li .rel > a {
  font-size: 1.125em;
  background: url(../images/sub/loc_arrow.png) 93% center
    no-repeat;
  position: relative;
  z-index: 1;
  padding: 0 20px;
  padding-right: 2.5em;
}
#depth_w .dep > li .depth {
  position: absolute;
  left: 0;
  top: 60px;
  padding: 20px 0 0;
  line-height: 1.15;
  border: 1px solid #444;
  width: 100%;
  display: none;
  z-index: 150;
  background: #ffffff;
}
#depth_w .dep > li .depth > li {
  padding-top: 1em;
  background: #fff;
}
#depth_w .dep > li .depth > li:first-child {
  padding-top: 0;
}
#depth_w .dep > li .depth > li:last-child {
  padding-bottom: 20px;
}
#depth_w .dep > li .depth a {
  padding: 0 20px;
}
#depth_w .dep > li .depth .active {
  color: #0e0e71;
  font-weight: 500;
}

#depth_w .subsns {
  padding: 18px 0;
  height: 100%;
}

/*페이지타이틀*/
.page_title {
  padding: 3.75em 0 2.375em;
  text-align: center;
  height: auto;
  float: none;
  margin-top: 0;
}
.page_title h2 {
  font-weight: 600;
  color: #222;
  font-size: 2.375rem;
  height: auto;
  line-height: 1.1;
  margin-top: 0;
  float: none;
}
.page_title p {
  font-size: 1.125rem;
  color: #666;
  font-weight: lighter;
}
.tit-st1 {
  position: relative;
  color: #222;
  font-size: 1.5rem;
  font-weight: 600;
  padding-left: 12px;
}
.tit-st1:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  width: 3px;
  height: 20px;
  background: #269e50;
  border-radius: 50px;
}
.tit-st2 {
  position: relative;
  color: #222;
  font-size: 1.25rem;
  font-weight: 600;
  padding-left: 12px;
  margin: 40px 0 18px;
}
.tit-st2:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background: #269e50;
  border-radius: 100%;
}
.tit-st3 {
  color: #222;
  font-size: 1.25rem;
  font-weight: 600;
}
.tit-st4 {
  position: relative;
  color: #222;
  font-size: 1.125rem;
  font-weight: 600;
  padding-left: 12px;
  margin: 30px 0 18px;
}
.tit-st4:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background: #269e50;
  border-radius: 100%;
}
p.txt {
  color: #666;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
}

/*컨텐츠페이지 tabmenu*/
.tab_meun li {
  position: relative;
  float: left;
  width: 25%;
  background: #f5f5f5;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.tab_meun li:first-child {
  border-left: 1px solid #ddd;
}
.tab_meun.li2 li {
  width: 50%;
}
.tab_meun.li3 li {
  width: 33.333%;
}
.tab_meun.li5 li {
  width: 20%;
}
.tab_meun.li6 li {
  width: 16.666%;
}
.tab_meun li.active {
  border-bottom-color: #fff;
  border-top-color: #fff;
}
.tab_meun li.active:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #269e50;
}
/* .tab_meun li:after{content: '';position: absolute;left: -1px;top: 0;right: 0;bottom: -1px;border: 1px solid #ddd;border-bottom-color: #ddd;} */
.tab_meun li a {
  display: block;
  padding: 15px 0;
  color: #888;
  font-size: 1.125rem;
  font-weight: 400;
}
.tab_meun li.active {
  background: #fff;
}
.tab_meun li.active a {
  color: #269e50;
  font-weight: 600;
}

.tab_meun li a br {
  display: none;
}

/* .tab_meun li.active::before{border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom-color: #fff;} */
.citytab {
  position: relative;
  float: left;
  width: 33.333%;
  background: #f5f5f5;
  text-align: center;
  cursor: pointer;
  height: auto;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.citytab:first-child {
  border-left: 1px solid #ddd;
}
.citytab.on {
  border-bottom-color: #fff;
  border-top-color: #fff;
  background: #fff;
}
.citytab.on:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #269e50;
}
.citytab a {
  display: block;
  padding: 15px 0;
  color: #888;
  font-size: 1.125rem;
  font-weight: 400;
}
.citytab.on a {
  color: #269e50;
  font-weight: 600;
}

/*테이블*/
.park_tb {
  margin-top: 29px;
}
.park_tb table {
  border-top: 2px solid #269e50;
  font-size: 0.938rem;
  border-left: 1px solid #cdcdcd;
}
.park_tb table thead tr th {
  text-align: center;
  border-bottom: 1px solid #cdcdcd;
  padding: 14px 0;
  border-right: 1px solid #cdcdcd;
  background: #f7f7f7;
}
.park_tb table tbody tr th,
.park_tb table tbody tr td {
  text-align: center;
  border-bottom: 1px solid #cdcdcd;
  padding: 14px 10px;
  border-right: 1px solid #cdcdcd;
}
.park_tb table tbody tr th {
  color: #333;
  background: #f7f7f7;
}
.park_tb table tbody tr td {
  color: #666;
  font-weight: 300;
}
.park_tb table tbody tr.bggray td {
  background: #f7f7f7;
}
.park_tb table tbody tr td.parkname {
  color: #222;
  font-weight: 500;
}
.park_tb table tbody tr td.bggray {
  background: #f7f7f7;
}
.park_tb table tbody tr td strong {
  color: #333;
}
.park_tb table tbody tr td a.Linkbtn {
  display: block;
  color: #269e50;
  text-decoration: underline;
  font-weight: 400;
}
.park_tb .tb_txt {
  color: #333;
  font-size: 1rem;
  padding-bottom: 12px;
}
/*게시판*/
.default_tb {
  margin-top: 1.25em;
}
.default_tb table {
  border-top: 2px solid #46474c;
  font-size: 1rem;
  border-bottom: 1px solid #46474c;
}
.default_tb table thead tr th {
  padding: 12px 0;
  color: #333;
  font-weight: 500;
  background: #fafafa;
  border-bottom: 1px solid #46474c;
}
.default_tb table tbody tr td {
  padding: 12px 0;
  text-align: center;
  color: #666;
  font-size: 0.938rem;
}
.default_tb table tbody tr:not(:first-child) td {
  border-top: 1px solid #dadade;
}
.default_tb .t_left {
  text-align: left;
}
.default_tb .subject {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.category {
  width: 35px;
  height: 20px;
  color: #fff;
  background: #44b30c;
  border-radius: 10px;
  padding: 2px 4px;
  font-size: 0.875em;
  margin-right: 10px;
  box-sizing: border-box;
  text-align: center;
}

/*pager*/
.pagination li.first span,
.pagination li.prev span,
.pagination li.next span,
.pagination li.end span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.pagination {
  margin-top: 30px;
}
.pagination ul {
  text-align: center;
}
.pagination li {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.938rem;
  width: 29px;
  height: 29px;
  line-height: 29px;
}
.pagination li a {
  display: block;
}
.pagination li.i {
  border: 1px solid #ddd;
  margin-left: -4px;
}
.pagination li.active {
  background: #269e50;
  color: #fff;
}
.pagination li.first > *:before,
.pagination li.prev > *:before,
.pagination li.next > *:before,
.pagination li.end > *:before {
  content: "";
  display: inline-block;
  width: 27px;
  height: 27px;
  background: #fff url("../images/sub/icon_pagination.png")
    no-repeat 0 center;
  background-size: auto 100%;
}
.pagination li.first > *:before {
  background-position: 0px center;
}
.pagination li.prev > *:before {
  background-position: -30px center;
}
.pagination li.next > *:before {
  background-position: -60px center;
}
.pagination li.end > *:before {
  background-position: -90px center;
}

.requestBtn {
  display: block;
  text-align: center;
  border-radius: 5px;
  font-size: 0.938rem;
  font-weight: 500;
  height: 2.188em;
  width: 125px;
  line-height: 2.18;
  background: #259e50;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
}

/*검색*/
.bbs_txt {
  color: #777;
  font-size: 0.875rem;
  padding-right: 20px;
}
.bbs-sch_w {
  padding: 28px 0;
  text-align: center;
  background: #fafafa;
  border: 1px solid #ccc;
  margin-bottom: 30px;
}
.bbs-sch_w > * {
  display: inline-block;
  vertical-align: middle;
}
.bbs-sch_w ul li {
  float: left;
  position: relative;
}
.bbs-sch_w ul li:first-child {
  margin-right: 20px;
}
.bbs-sch_w ul li:first-child:after {
  content: "~";
  position: absolute;
  right: -1em;
  top: 6px;
  color: #777;
}
.bbs-sch_w ul > * {
  float: left;
}
.bbs-sch_w ul li input {
  color: #666;
  font-size: 0.875rem;
  letter-spacing: 0;
  font-weight: 300;
  width: 132px;
  height: 34px;
  background: #fff url("../images/egovframework/calendar.png")
    no-repeat right 10px center;
}
.botSearchBtn {
  width: 100px;
  height: 34px;
  background: #259e50;
  color: #fff;
  font-size: 1rem;
  margin-left: 8px;
}
.botSearchArea > * {
  float: left;
}
.botSearchArea select {
  font-size: 0.875rem;
  height: 34px;
  width: 111px;
  padding-left: 10px;
  color: #666;
  margin-right: 5px;
  background: url(/resource/www/images/sub/selecticon.png) #fff
    no-repeat right 10px top 14px;
  border-radius: 0; /* 아이폰 사파리 */
  -webkit-appearance: none; /* chrome*/
  -moz-appearance: none; /* firefox*/
  appearance: none;
}
.botSearchArea .botSearchIpt {
  width: 270px;
  padding-left: 10px;
}
.botSearchArea select.w120 {
  width: 120px;
}

/*viewpage*/
.default_view .top {
  border-top: 2px solid #999;
  border-bottom: 2px solid #999;
}
.default_view .top > div:not(:last-child) {
  border-bottom: 1px solid #dadade;
}
.default_view .top .t p {
  font-size: 1.125rem;
  color: #222;
}
.default_view .top .date:after {
  content: "";
  display: block;
  clear: both;
}
.default_view .top .date ul {
  float: left;
}
.default_view .top .date li {
  float: left;
  padding-right: 2.688em;
  font-size: 1.154em;
  color: #666;
  font-weight: 300;
}
.default_view .top .date li a {
  padding-left: 1.225em;
  background: url(/resource/www/images/sub/file.png) no-repeat left
    center;
  font-weight: 300;
  color: #666;
  vertical-align: middle;
}
.default_view .top .date li strong {
  font-weight: 300;
  color: #666;
}
.default_view .top .date .inf {
  float: right;
}
.default_view .cont {
  width: 100%;
  padding: 50px;
  min-height: 350px;
  border-bottom: 2px solid #999;
}
.default_view .cont .thumb_slider_top .item .img {
  margin-bottom: 20px;
  text-align: center;
}
.default_view .cont .thumb_slider_top .item .img img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  display: inline;
}
.default_view .cont .thumb_slider_thumbWrap .item .img {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 49.265%;
}
.default_view .cont .thumb_slider_thumbWrap .item .img img {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.thumb_slider_top .item .img a {
  display: inline-block;
}

.default_view .btn-list_w {
  margin: 30px 0;
}
.default_view .btn-list_w .parkbtn {
  width: 125px;
}

.default_view .file-a2 {
  padding-left: 20px;
  line-height: 20px;
  background: url(/resource/www/images/sub/file.png) no-repeat left
    center;
  vertical-align: middle;
}
.default_view .top dl {
  display: table;
  table-layout: fixed;
}
.default_view .top dl dt {
  height: 100%;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 600;
  background: #f5f5f5;
}
.default_view .top dl dd {
  padding: 5px 10px;
  font-size: 13px;
}
.default_view .top dl > * {
  display: table-cell;
  vertical-align: middle;
}
.default_view .top dl dt {
  width: 30%;
  text-align: center;
}
.default_view .top .t dl {
  width: 100%;
}
.default_view .top .t dt {
  width: 15%;
}
.default_view .top .date dl {
  float: left;
  width: 50%;
  border-bottom: 1px solid #dcdcdc;
}
.default_view .top .date dl.no-bdt {
  border-bottom: 0;
}
.default_view .top .date dl.wide-vb {
  width: 100%;
}
.default_view .top .date dl.wide-vb dt {
  width: 15%;
}

.default_view .top.bottom {
  border-top: 0;
}

.pagination_view {
  border-top: 1px solid #dadade;
}
.pagination_view ul li {
  border-bottom: 1px solid #dedede;
  font-size: 1rem;
}
.pagination_view ul li a {
  display: block;
  text-align: center;
  padding: 1em 0;
}
.pagination_view ul li a:after {
  content: "";
  display: block;
  clear: both;
}
.pagination_view ul li a > * {
  float: left;
}
.pagination_view ul li a .condition {
  color: #333;
  width: 100px;
  position: relative;
  font-weight: 500;
}
.pagination_view ul li a .condition:after {
  content: "";
  position: absolute;
  top: calc(50% - 6px);
  right: 0;
  width: 1px;
  height: 16px;
  background: #dadade;
}
.pagination_view ul li a .tit {
  width: calc(100% - 100px);
  text-align: left;
  padding-left: 30px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  visibility: visible;
  color: #666;
  font-weight: 300;
}

.thumbVisual .thumb_slider .thumb_slider_top {
  position: relative;
}
.thumbVisual
  .thumb_slider
  .thumb_slider_thumbWrap
  .thumb_slider_thumb
  .item
  .img
  img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
}
.slick-slide img {
  width: 100%;
}
.thumbVisual .thumb_slider .thumb_slider_thumbWrap {
  position: relative;
  overflow: hidden;
  background: #f5f5f5;
  padding: 2.692em 8.385em;
}
.thumbVisual
  .thumb_slider
  .thumb_slider_thumbWrap
  .thumb_slider_thumb
  .slick-list {
  margin: 0 -5px;
}
.thumbVisual
  .thumb_slider
  .thumb_slider_thumbWrap
  .thumb_slider_thumb
  .slick-slide {
  margin: 0 5px 0;
}
.thumbVisual
  .thumb_slider
  .thumb_slider_thumbWrap
  .thumb_slider_thumb
  .slick-slide.slick-current
  .img:before {
  display: none;
}
.thumbVisual
  .thumb_slider
  .thumb_slider_thumbWrap
  .thumb_slider_thumb
  .item
  .img {
  display: block;
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 49.265%;
}
.thumbVisual
  .thumb_slider
  .thumb_slider_thumbWrap
  .thumb_slider_thumb
  .item
  .img:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(1, 1, 1, 0.3);
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}
.thumbVisual
  .thumb_slider
  .thumb_slider_thumbWrap
  .thumb_slider_thumb
  .item
  .img
  img {
  width: 100%;
}
.thumbVisual .thumb_slider .thumb_slider_thumbWrap .arrows > * {
  position: absolute;
  border: 1px solid #9a9a9a;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  width: 3.462em;
  height: 45px;
  text-indent: -9999px;
}
.thumbVisual .thumb_slider .thumb_slider_thumbWrap .arrows .left_arrow {
  left: 30px;
  background: url("/resource/www/images/sub/view_prev.png") no-repeat
    center center;
}
.thumbVisual .thumb_slider .thumb_slider_thumbWrap .arrows .right_arrow {
  right: 30px;
  background: url("/resource/www/images/sub/view_next.png") no-repeat
    center center;
}

.pB2 {
  padding-bottom: 2.625em;
}
.pT2 {
  padding-top: 1.576em;
}
.mT1 {
  margin-top: 1.077em;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 2px 0 0 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.group_com {
  padding-top: 2.625em;
  min-height: 300px;
}
@media screen and (max-width: 768px) {
  .group_com {
    min-height: 0;
  }
}

.list li {
  position: relative;
  font-weight: 300;
  padding-left: 8px;
  color: #666;
  font-size: 1rem;
}
.list li:before {
  content: "-";
  position: absolute;
  left: 0;
}
.pc_guide ul {
  margin-left: -4.5em;
}
.pc_guide li {
  position: relative;
  float: left;
  width: 20.35%;
  margin-left: 4.5em;
  text-align: center;
  border: 1px solid #ddd;
  height: 262px;
  border-radius: 15px;
  padding: 24px 0;
}
.pc_guide li:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  right: -38px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 15px;
  height: 18px;
  background: url("/resource/www/images/sub/steparrow.png") no-repeat
    center center;
}
.pc_guide li h4 {
  color: #259e50;
  font-weight: 600;
  font-size: 1rem;
}
.pc_guide li .ptc_txt1 {
  font-size: 1.125rem;
  color: #333;
  font-weight: 500;
}
.pc_guide li .ptc_txt2 {
  font-size: 1rem;
  color: #666;
  font-weight: 300;
}
.pc_guide li .imgstyle {
  width: 126px;
  height: 126px;
  background-color: #f7f7f7;
  border-radius: 50%;
  margin: 12px auto 0;
  background-position: center center;
  background-repeat: no-repeat;
}
.pc_guide li .imgstyle.icon1 {
  background-image: url("/resource/www/images/sub/pc_guide01.png");
}
.pc_guide li .imgstyle.icon2 {
  background-image: url("/resource/www/images/sub/pc_guide02.png");
}
.pc_guide li .imgstyle.icon3 {
  background-image: url("/resource/www/images/sub/pc_guide03.png");
}
.pc_guide li .imgstyle.icon4 {
  background-image: url("/resource/www/images/sub/pc_guide04.png");
}
.thum_img {
  margin-top: 29px;
  margin-left: -2.125em;
}
.thum_img li {
  float: left;
  width: 25%;
  padding-left: 2.125em;
}
.thum_img li .img {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 63%;
}
.thum_img li .img img {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.thum_img li p {
  text-align: center;
  color: #666;
  font-weight: 300;
  font-size: 1rem;
  padding-top: 10px;
  padding-bottom: 20px;
}
.thum_img.li5 li {
  width: 20%;
}

.numList p.txt {
  font-size: 1.125rem;
  font-weight: 300;
}
.smalltxt {
  font-size: 1rem;
  color: #666;
  font-weight: 300;
  padding-top: 25px;
}
.smallTXT {
  font-size: 0.875rem;
  color: #777;
  font-weight: 300;
  text-align: right;
  padding-bottom: 10px;
  letter-spacing: 0;
}

/*야생생물*/
.bor_gray {
  border: 1px solid #cfcfcf;
  padding: 3.846em;
  text-align: center;
}
.rescue p {
  color: #666;
  font-size: 1.231em;
  font-weight: 300;
}
.rescue:after {
  content: "";
  display: block;
  clear: both;
}
.rescue .img {
  float: left;
  width: 420px;
}
.rescue .img p {
  text-align: center;
  margin-top: 8px;
}
.rescue .txt {
  float: left;
  width: calc(100% - 420px);
}
.rescue .txt p:not(:last-child) {
  margin-bottom: 2.308em;
}
.infocon {
  padding-top: 2.462em;
}
.infocon h5 {
  color: #269e50;
  font-weight: 600;
  font-size: 1.231em;
}
.infocon ul {
  padding-top: 1.692em;
}
.infocon ul li {
  position: relative;
  float: left;
  width: 50%;
  padding-left: 6.375em;
  margin-bottom: 1.875em;
  min-height: 80px;
}
.infocon ul li:before {
  content: "";
  background-size: cover;
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.infocon ul li strong {
  color: #269e50;
  font-size: 1.231em;
}
.infocon ul li p {
  color: #666;
  font-size: 1.385em;
}
.infocon ul li.i1:before {
  background-image: url(/resource/www/images/sub/wildicon1.png);
}
.infocon ul li.i2:before {
  background-image: url(/resource/www/images/sub/wildicon2.png);
}
.infocon ul li.i3:before {
  background-image: url(/resource/www/images/sub/wildicon3.png);
}
.infocon ul li.i4:before {
  background-image: url(/resource/www/images/sub/wildicon4.png);
}
.infocon .tra_cont {
  margin-top: 0.846em;
  margin-left: 1.538em;
}

/*padding, margin*/
.titmb {
  margin-bottom: 25px;
}
.parmt {
  margin-top: 25px;
}
.pdnone {
  padding-top: 0;
}

/*e-book*/
.bbs_ebook ul {
  margin-left: -3.125em;
}
/*.bbs_ebook li{position: relative;float:left;width: 14.440%;margin-left: 2.125em;border:1px solid #ccc;margin-bottom:30px;}*/
.bbs_ebook li {
  position: relative;
  float: left;
  width: 21.72%;
  margin-left: 3.125em;
  border: 1px solid #ccc;
  margin-bottom: 40px;
}
.bbs_ebook li a {
  display: block;
}
.bbs_ebook li .img {
  position: relative;
  padding-bottom: 133%;
  overflow: hidden;
  background: #fff;
}
.bbs_ebook li .img img {
  position: absolute; /*left: 0;top: 0;right: 0;bottom: 0;*/
  width: 100%;
  display: block;
  margin: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}
.bbs_ebook li:hover {
  border: 1px solid #269e50;
}
.bbs_ebook li .txt {
  position: relative;
  padding: 15px;
}
.bbs_ebook li .txt p {
  color: #212121;
  font-size: 1.125rem;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bbs_ebook li .txt a {
  float: right;
  content: "";
  position: absolute;
  top: 23px;
  right: 18px;
  width: 16px;
  height: 16px;
  background: url(../images/sub/leafletdw.png);
  z-index: 1;
}
.bbs_ebook li:hover .txt p {
  color: #269e50;
}
.bbs_ebook li:hover .txt a {
  background: url(../images/sub/leafletdw_on.png);
}

.bbs_ebook.leaflet ul {
  margin-left: -2.125em;
}
.bbs_ebook.leaflet li {
  position: relative;
  float: left;
  width: 14.415%;
  margin-left: 2.125em;
  border: 1px solid #ccc;
  margin-bottom: 30px;
}

/*사진bbs*/
.bbs_list ul {
  margin-left: -2%;
}
.bbs_list li {
  float: left;
  width: 23%;
  margin: 0 0 2% 2%;
  border: 1px solid #ddd;
  position: relative;
  border-radius: 10px;
  transition: all 0.5s;
}
.bbs_list li a {
  display: block;
}
.bbs_list li .img {
  position: relative;
  padding-bottom: 64%;
  overflow: hidden;
  background: #fff;
  border-radius: 10px 10px 0 0;
}
.bbs_list li .img img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: block;
  margin: auto;
  height: 100%;
}
.bbs_list li .cont {
  position: relative;
  padding: 1.75em 1.313em;
}
.bbs_list li .cont .t {
  color: #212121;
  font-size: 1.125rem;
  padding-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  visibility: visible;
}
.bbs_list li .cont .inTxt {
  color: #666;
  font-size: 0.938rem;
}
.bbs_list li .cont .inTxt span {
  position: relative;
  padding-right: 20px;
}
.bbs_list li .cont .inTxt span:not(:last-child):after {
  content: "";
  position: absolute;
  background: #8f8f8f;
  width: 2px;
  height: 14px;
  top: calc(50% - 7px);
  right: 8px;
}
.bbs_list li:hover {
  border: 1px solid #259e50;
}
.bbs_list li:hover .cont .t {
  color: #259e50;
  text-decoration: underline;
}

.bbs_list li .cont .t_line2 {
  color: #212121;
  font-size: 1.125rem;
  margin-bottom: 10px;
  height: 3em;
  overflow: hidden;
}

.photoBox {
  margin-top: 40px;
  background: #f7f7f7;
  padding: 30px;
}
.photoBox li {
  float: left;
  width: 32%;
}
.photoBox li:not(:last-child) {
  margin-right: 1.731em;
}
.photoBox li .img {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 65.521%;
}
.photoBox li .img img {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 8px;
}
.photoBox p {
  text-align: center;
  padding-top: 18px;
  color: #666;
  font-size: 1rem;
}
.methods {
  padding-left: 100px;
  padding-bottom: 25px;
}
.methods h4 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #259e50;
  padding-bottom: 17px;
}
.methods.mth1 {
  background: url("/resource/www/images/sub/tree_icon1.png") no-repeat
    left top;
}
.methods.mth2 {
  background: url("/resource/www/images/sub/tree_icon2.png") no-repeat
    left top;
}
.methods.mth3 {
  background: url("/resource/www/images/sub/tree_icon3.png") no-repeat
    left top;
}

/*조직안내*/
.table {
  display: table;
  width: 100%;
  height: 100%;
}
.vertical {
  display: table-cell;
  vertical-align: middle;
}
.org {
  text-align: center;
  position: relative;
}
.org .org_top {
  position: relative;
}
.org .org_top:before {
  position: absolute;
  top: 143px;
  left: 49%;
  width: 1px;
  height: 35%;
  background: #ddd;
  content: "";
}
/*.org .org_top .st1{position: relative;display: block;font-size:1.375rem;color:#fff;width: 225px;height: 219px;line-height: 10.55;margin: 0 auto;background: url(/resource/www/images/sub/st1bg.png)no-repeat center center}*/
.org .org_top .st1 {
  position: relative;
  display: block;
  font-size: 1.375rem;
  color: #fff;
  width: 213px;
  height: 219px; /*line-height: 6.1em;*/
  margin: 0 auto; /*background: url(/resource/www/images/sub/st1.png)no-repeat left top*/
}
.org .org_top .st1:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(/resource/www/images/sub/st1bg.png) no-repeat center
    center;
  width: 213px;
  height: 219px; /*background:#269e50;width: 6.250em;height: 6.250em;*/
}
.org .org_top .st1 span {
  /*margin-right: 20px;*/
  z-index: 100;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  padding: 12px 10px 0 0;
  transform: translateY(-50%);
}
.org .org_top .st1.line2 span {
  _top: 85px;
}
.org .org_top .st1 a {
  color: #fff;
  position: relative;
  display: table-cell;
  width: 213px;
  height: 219px;
  vertical-align: middle;
  padding: 12px 15px 0 0;
  z-index: 99;
}
.org_bot {
  width: 100%;
  margin-top: 50px;
  position: relative;
}
.org_bot:before {
  content: "";
  position: absolute;
  left: 9%;
  top: 0;
  width: 80%;
  height: 1px;
  background: #ddd;
}
.org_bot.org4:before {
  content: "";
  position: absolute;
  left: 9%;
  top: 0;
  width: 80%;
  height: 1px;
  background: #ddd;
}
.org_bot > .com {
  float: left;
  width: 18%;
  margin: 0 0 0 2%;
  position: relative;
  padding-top: 30px;
}
.org_bot > .com:first-child {
  margin-left: 0;
}
.org_bot > .com:before {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 84%;
  content: "";
  background: #ddd;
}
.org_bot > .com .st2 {
  width: 100%;
  height: 3.125em;
  font-size: 1rem;
  font-weight: 400;
  background: #269e50;
  border: 3px solid #269e50;
  display: block;
  position: relative;
  color: #fff;
  margin-bottom: 1em;
  line-height: 1.35;
  text-align: center;
}
.org_bot > .com .st2:before {
  width: 7px;
  height: 7px;
  background: #269e50;
  border: 3px solid #fff;
  position: absolute;
  left: 50%;
  top: -10px;
  content: "";
  left: 50%;
  margin-left: -6px;
  border-radius: 50%;
}
.org_bot > .com .st2 a {
  color: #fff;
}
/* .org_bot.org4  > .com{width: 23.5%;} */
.org_bot.org4 > .com {
  width: 18%;
}
.org_bot .box {
  position: relative;
  background: #fff;
}
.org_bot .box li {
  border: 1px solid #ddd;
  margin-top: 8px;
}
.org_bot .box li a {
  display: block;
  padding: 6px 5px;
  font-size: 1.231em;
}
.map_c .map_info {
  position: relative;
  border: 1px solid #dedede;
  border-top: transparent; /* border-right:transparent; */
  padding: 1.265em 1.875em;
}
.map_c .map_info ul li {
  float: left;
  width: 50%;
  color: #333;
  font-size: 1rem;
  box-sizing: border-box;
  padding-left: 60px;
  position: relative;
}
.map_c .map_info ul li span {
  display: inline-block;
}
.map_c .map_info ul li span.left-spacing {
  padding-left: 73px;
}
.map_c .map_info ul.third li {
  margin-bottom: 15px;
}
.map_c .map_info ul.third li:last-child {
  margin-bottom: 0px;
  width: 100%;
}
.map_c .map {
  width: 100%;
  height: 380px;
  box-sizing: border-box;
  border: 1px solid #dedede;
}
.map_c .map_info strong {
  position: absolute;
  padding-right: 0;
  left: 0;
  top: 0;
  display: inline-block;
}
.map_c .map_info strong:after {
  content: "";
  position: absolute;
  background: #dedede;
  width: 1px;
  height: 10px;
  top: calc(50% - 5px);
  right: -10px;
}
.map_c .map_info .btn_direct {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  height: 100%;
  background: #777 url(/resource/www/images/sub/direc.png) no-repeat
    left 15px center;
  width: 110px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  line-height: 3.3;
  box-sizing: border-box;
  padding-left: 20px;
  z-index: 1;
  font-size: 1rem;
}
/*서울의생태*/
.paragraph p.txt {
  letter-spacing: -0.045em;
}
.paragraph p.txt:not(:last-child) {
  padding-bottom: 20px;
}
.ecology .img {
  padding-bottom: 1.75em;
}
.ecology .img img {
  border: 1px solid #dedede;
}
.parkbtn {
  display: block;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  background: #259e50;
  width: 195px;
  margin: 0 auto;
  padding: 11.5px 0;
  line-height: 1.56;
  font-size: 0.938rem;
}

/*달력*/
div.calendarCtrl > b {
  font-size: 1.75rem;
  color: #212121;
}
.calendarWrap {
  border-top: 2px solid #269e50;
}
.calendarWrap table thead th {
  background-color: #fafafa;
  color: #222;
  font-size: 0.938rem;
}
.calendarWrap table tbody tr td:first-child {
  border-left: 0;
}
.calendarWrap table tbody tr td:last-child {
  border-right: 0;
}
div.calendarCtrl > a {
  border: 1px solid #ebebeb;
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
div.calendarCtrl > a.prev {
  background: url(/resource/www/images/sub/cal_prev.png) no-repeat
    center center;
}
div.calendarCtrl > a.next {
  background: url(/resource/www/images/sub/cal_next.png) no-repeat
    center center;
}
div.calendarCtrl > a:hover {
  border: 1px solid #acacac;
}
div.calendarCtrl > a.prev:hover {
  background: #acacac url(/resource/www/images/sub/cal_prev_on.png)
    no-repeat center center;
}
div.calendarCtrl > a.next:hover {
  background: #acacac url(/resource/www/images/sub/cal_next_on.png)
    no-repeat center center;
}

/* 공원자료실(사진) */
.photo-detail {
  position: relative;
  text-align: right;
  margin-top: 25px;
}
.photo-detail > * {
  display: inline-block;
  float: none;
  vertical-align: middle;
}
.photo-detail p {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 14px;
  text-align: left;
  color: #e40000;
  transform: translateY(-50%);
}
.photo-detail .photo-download {
}
.photo-detail .photo-download li {
  float: none;
}
.photo-detail .photo-download li .btn {
  height: 31px;
}
.photo-detail .ccl-w {
  margin-left: 4px;
  padding-top: 0;
}

/*지도로검색*/
.map_wrap {
  background: #f5f5f5;
  padding: 5em 3.438em;
}
.map_wrap .in > * {
  float: left;
}
.map_wrap .in .main_map {
  width: 50%;
}
.map_wrap .in .main_map .web_map ul {
  position: relative;
  height: 439px;
  background-repeat: no-repeat;
  background-position: left top;
}
.map_wrap .in .main_map .web_map ul li {
  position: absolute;
}
.map_wrap .in .main_map .web_map ul li a {
  display: block;
  color: #666;
  font-weight: 300;
}
.map_wrap .in .main_map .mobile_map {
  display: none;
}
.map_wrap .in .main_info .OpenLayer {
  display: none;
}
.map_wrap .in .main_info {
  width: 45%;
  background: #fff;
  height: 400px;
  overflow-y: scroll;
  padding: 2.308em;
  margin-left: 4em;
}
.map_wrap .in .main_info h4 {
  font-size: 2.308em;
  font-weight: 600;
  color: #333;
  padding-bottom: 25px;
}
.map_wrap .in .main_info .info_parkm {
  position: relative;
  padding-left: 7px;
  margin-bottom: 5px;
}
.map_wrap .in .main_info .info_parkm:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #20a45e;
  left: 0;
}
.map_wrap .in .main_info .info_parkm > * {
  display: inline-block;
  vertical-align: middle;
}
.info_parkm .parkname {
  width: 74%;
  color: #333;
  font-size: 1.231em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.info_parkm .letbtn {
  display: inline-block;
  vertical-align: top;
  width: 71px;
  height: 24px;
  line-height: 24px;
  background-color: #878787;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 0.813rem;
  padding-right: 15px;
  background-image: url(/resource/www/images/sub/map_lplet.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.info_parkm .letbtn:hover {
  background-image: url(/resource/www/images/sub/map_lplet_on.png);
  background-color: #fff;
  border: 1px solid #1ea548;
  color: #259e50;
}
.info_parkm .number {
  position: relative;
  font-size: 1.231em;
  color: #333;
  padding-left: 2em;
}
.info_parkm .number:before {
  content: "";
  position: absolute;
  left: 4px;
  background: url(/resource/www/images/sub/numimg.png) no-repeat center;
  width: 25px;
  height: 25px;
}
.map_wrap .in .main_info .info_parkm > .left {
  display: inline-flex;
  width: 62%;
}

/* 통합검색 */
.search-tab {
  display: flex;
  width: 100%;
}
.search-tab li {
  flex: 1;
  width: 14%;
}

.map_wrap .in .main_map .web_map ul.bg_map_01 {
  background-image: url(/resource/www/images/sub/map01.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_02 {
  background-image: url(/resource/www/images/sub/map02.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_03 {
  background-image: url(/resource/www/images/sub/map03.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_04 {
  background-image: url(/resource/www/images/sub/map04.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_05 {
  background-image: url(/resource/www/images/sub/map05.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_06 {
  background-image: url(/resource/www/images/sub/map06.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_07 {
  background-image: url(/resource/www/images/sub/map07.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_08 {
  background-image: url(/resource/www/images/sub/map08.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_09 {
  background-image: url(/resource/www/images/sub/map09.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_10 {
  background-image: url(/resource/www/images/sub/map10.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_11 {
  background-image: url(/resource/www/images/sub/map11.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_12 {
  background-image: url(/resource/www/images/sub/map12.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_13 {
  background-image: url(/resource/www/images/sub/map13.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_14 {
  background-image: url(/resource/www/images/sub/map14.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_15 {
  background-image: url(/resource/www/images/sub/map15.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_16 {
  background-image: url(/resource/www/images/sub/map16.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_17 {
  background-image: url(/resource/www/images/sub/map17.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_18 {
  background-image: url(/resource/www/images/sub/map18.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_19 {
  background-image: url(/resource/www/images/sub/map19.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_20 {
  background-image: url(/resource/www/images/sub/map20.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_21 {
  background-image: url(/resource/www/images/sub/map21.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_22 {
  background-image: url(/resource/www/images/sub/map22.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_23 {
  background-image: url(/resource/www/images/sub/map23.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_24 {
  background-image: url(/resource/www/images/sub/map24.png);
}
.map_wrap .in .main_map .web_map ul.bg_map_25 {
  background-image: url(/resource/www/images/sub/map25.png);
}
.map_wrap .in .main_map .web_map ul li.map01 {
  left: 350px;
  top: 310px;
}
.map_wrap .in .main_map .web_map ul li.map02 {
  left: 442px;
  top: 220px;
}
.map_wrap .in .main_map .web_map ul li.map03 {
  left: 280px;
  top: 85px;
}
.map_wrap .in .main_map .web_map ul li.map04 {
  left: 55px;
  top: 203px;
}
.map_wrap .in .main_map .web_map ul li.map05 {
  left: 207px;
  top: 340px;
}
.map_wrap .in .main_map .web_map ul li.map06 {
  left: 370px;
  top: 222px;
}
.map_wrap .in .main_map .web_map ul li.map07 {
  left: 90px;
  top: 300px;
}
.map_wrap .in .main_map .web_map ul li.map08 {
  left: 148px;
  top: 340px;
}
.map_wrap .in .main_map .web_map ul li.map09 {
  left: 361px;
  top: 95px;
}
.map_wrap .in .main_map .web_map ul li.map10 {
  left: 309px;
  top: 45px;
}
.map_wrap .in .main_map .web_map ul li.map11 {
  left: 325px;
  top: 170px;
}
.map_wrap .in .main_map .web_map ul li.map12 {
  left: 210px;
  top: 285px;
}
.map_wrap .in .main_map .web_map ul li.map13 {
  left: 160px;
  top: 205px;
}
.map_wrap .in .main_map .web_map ul li.map14 {
  left: 184px;
  top: 180px;
}
.map_wrap .in .main_map .web_map ul li.map15 {
  left: 285px;
  top: 320px;
}
.map_wrap .in .main_map .web_map ul li.map16 {
  left: 315px;
  top: 215px;
}
.map_wrap .in .main_map .web_map ul li.map17 {
  left: 290px;
  top: 144px;
}
.map_wrap .in .main_map .web_map ul li.map18 {
  left: 405px;
  top: 280px;
}
.map_wrap .in .main_map .web_map ul li.map19 {
  left: 95px;
  top: 265px;
}
.map_wrap .in .main_map .web_map ul li.map20 {
  left: 155px;
  top: 260px;
}
.map_wrap .in .main_map .web_map ul li.map21 {
  left: 245px;
  top: 240px;
}
.map_wrap .in .main_map .web_map ul li.map22 {
  left: 185px;
  top: 115px;
}
.map_wrap .in .main_map .web_map ul li.map23 {
  left: 243px;
  top: 167px;
}
.map_wrap .in .main_map .web_map ul li.map24 {
  left: 270px;
  top: 203px;
}
.map_wrap .in .main_map .web_map ul li.map25 {
  left: 380px;
  top: 150px;
}
.map_wrap .in .main_map .web_map ul.bg_map_01 li.map01 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_02 li.map02 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_03 li.map03 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_04 li.map04 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_05 li.map05 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_06 li.map06 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_07 li.map07 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_08 li.map08 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_09 li.map09 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_10 li.map10 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_11 li.map11 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_12 li.map12 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_13 li.map13 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_14 li.map14 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_15 li.map15 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_16 li.map16 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_17 li.map17 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_18 li.map18 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_19 li.map19 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_20 li.map20 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_21 li.map21 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_22 li.map22 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_23 li.map23 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_24 li.map24 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .web_map ul.bg_map_25 li.map25 a {
  color: #fff;
  font-weight: bold;
}
.map_wrap .in .main_map .sel_map {
  display: none;
}

/*맞춤형 검색*/
.adjust {
  background: #f5f5f5;
  padding: 3.125em 2.5em;
  margin-bottom: 3.875em;
  height: 515px;
}
.adjust .adj_search > * {
  float: left;
  border: 1px solid #ccc;
}
.adjust .adj1 {
  width: 55.268%;
  margin-right: 1.25em;
}
.adjust .adj2 {
  width: 42.945%;
}
.adj_box .topTxt {
  background: #259e50;
  color: #fff;
  text-align: center;
  padding: 0.938em 0;
}
.adj_box .topTxt h4 {
  font-weight: 600;
  font-size: 1.25rem;
}
.adj_box .contBox {
  padding: 1.25em 2.5em;
  background: #fff;
  height: 290px;
  overflow-y: scroll;
}
.adj_box .contBox li {
  float: left;
  text-align: center;
  border-radius: 5px;
}
.adj_box .contBox li a {
  display: block;
  font-size: 1.231em;
}
.adj_box .contBox.area li {
  width: 22.985%;
  height: 40px;
  line-height: 38px;
  background: #eee;
  margin: 0 0.313em 0.313em 0.313em;
}
.adj_box .contBox.area li a {
  display: block;
  font-weight: 300;
  color: #333;
  font-size: 1.231em;
}
.adj_box .contBox.area li:hover {
  border: 1px solid #269e50;
  background: #fff;
}
.adj_box .contBox.area li:hover a {
  color: #269e50;
}
/** 2020.10.16 added Bilguun(team2) **/
.adj_box .contBox.area li.on {
  border: 1px solid #269e50;
  background: #fff;
}
.adj_box .contBox.area li.on a {
  color: #269e50;
}

.adj_box .contBox.facilities li {
  width: 17%;
  margin: 0 0.625em 0.625em 0.625em;
}
.adj_box .contBox.facilities li .img {
  width: 100%;
  height: 84px;
  background-color: #eee;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center center;
}
.adj_box .contBox.facilities li p {
  padding-top: 0.625em;
}
.adj_box .contBox.facilities li:hover .img {
  border: 1px solid #269e50;
}
.adj_box .contBox.facilities li .img.fac1 {
  background-image: url(/resource/www/images/sub/volleyball.png);
}
.adj_box .contBox.facilities li .img.fac2 {
  background-image: url(/resource/www/images/sub/basketb.png);
}
.adj_box .contBox.facilities li .img.fac3 {
  background-image: url(/resource/www/images/sub/baseball.png);
}
.adj_box .contBox.facilities li .img.fac4 {
  background-image: url(/resource/www/images/sub/soccer.png);
}
.adj_box .contBox.facilities li .img.fac5 {
  background-image: url(/resource/www/images/sub/tennis.png);
}
.adj_box .contBox.facilities li .img.fac6 {
  background-image: url(/resource/www/images/sub/archery.png);
}
.adj_box .contBox.facilities li .img.fac7 {
  background-image: url(/resource/www/images/sub/football.png);
}
.adj_box .contBox.facilities li .img.fac8 {
  background-image: url(/resource/www/images/sub/badminton.png);
}
.adj_box .contBox.facilities li .img.fac9 {
  background-image: url(/resource/www/images/sub/gateball.png);
}
.adj_box .contBox.facilities li .img.fac10 {
  background-image: url(/resource/www/images/sub/etcfacility.png);
}
.adj_box .contBox.facilities li .img.fac11 {
  background-image: url(/resource/www/images/sub/restarea.png);
}
.adj_box .contBox.facilities li .img.fac12 {
  background-image: url(/resource/www/images/sub/parking.png);
}
.adj_box .contBox.facilities li .img.fac13 {
  background-image: url(/resource/www/images/sub/camping.png);
}
.adj_box .contBox.facilities li .img.fac14 {
  background-image: url(/resource/www/images/sub/cooking.png);
}
.adj_box .contBox.facilities li .img.fac15 {
  background-image: url(/resource/www/images/sub/water.png);
}
.adj_box .contBox.facilities li:hover .img.fac1 {
  background-image: url(/resource/www/images/sub/volleyball_on.png);
}
.adj_box .contBox.facilities li:hover .img.fac2 {
  background-image: url(/resource/www/images/sub/basketb_on.png);
}
.adj_box .contBox.facilities li:hover .img.fac3 {
  background-image: url(/resource/www/images/sub/baseball_on.png);
}
.adj_box .contBox.facilities li:hover .img.fac4 {
  background-image: url(/resource/www/images/sub/soccer_on.png);
}
.adj_box .contBox.facilities li:hover .img.fac5 {
  background-image: url(/resource/www/images/sub/tennis_on.png);
}
.adj_box .contBox.facilities li:hover .img.fac6 {
  background-image: url(/resource/www/images/sub/archery_on.png);
}
.adj_box .contBox.facilities li:hover .img.fac7 {
  background-image: url(/resource/www/images/sub/football_on.png);
}
.adj_box .contBox.facilities li:hover .img.fac8 {
  background-image: url(/resource/www/images/sub/badminton_on.png);
}
.adj_box .contBox.facilities li:hover .img.fac9 {
  background-image: url(/resource/www/images/sub/gateball_on.png);
}
.adj_box .contBox.facilities li:hover .img.fac10 {
  background-image: url(/resource/www/images/sub/etcfacility_on.png);
}
.adj_box .contBox.facilities li:hover .img.fac11 {
  background-image: url(/resource/www/images/sub/restarea_on.png);
}
.adj_box .contBox.facilities li:hover .img.fac12 {
  background-image: url(/resource/www/images/sub/parking_on.png);
}
.adj_box .contBox.facilities li:hover .img.fac13 {
  background-image: url(/resource/www/images/sub/camping_on.png);
}
.adj_box .contBox.facilities li:hover .img.fac14 {
  background-image: url(/resource/www/images/sub/cooking_on.png);
}
.adj_box .contBox.facilities li:hover .img.fac15 {
  background-image: url(/resource/www/images/sub/water_on.png);
}
.adj_box .contBox.facilities li a:focus .img.fac1 {
  background-image: url(/resource/www/images/sub/volleyball_on.png);
}
.adj_box .contBox.facilities li a:focus .img.fac2 {
  background-image: url(/resource/www/images/sub/basketb_on.png);
}
.adj_box .contBox.facilities li a:focus .img.fac3 {
  background-image: url(/resource/www/images/sub/baseball_on.png);
}
.adj_box .contBox.facilities li a:focus .img.fac4 {
  background-image: url(/resource/www/images/sub/soccer_on.png);
}
.adj_box .contBox.facilities li a:focus .img.fac5 {
  background-image: url(/resource/www/images/sub/tennis_on.png);
}
.adj_box .contBox.facilities li a:focus .img.fac6 {
  background-image: url(/resource/www/images/sub/archery_on.png);
}
.adj_box .contBox.facilities li a:focus .img.fac7 {
  background-image: url(/resource/www/images/sub/football_on.png);
}
.adj_box .contBox.facilities li a:focus .img.fac8 {
  background-image: url(/resource/www/images/sub/badminton_on.png);
}
.adj_box .contBox.facilities li a:focus .img.fac9 {
  background-image: url(/resource/www/images/sub/gateball_on.png);
}
.adj_box .contBox.facilities li a:focus .img.fac10 {
  background-image: url(/resource/www/images/sub/etcfacility_on.png);
}
.adj_box .contBox.facilities li a:focus .img.fac11 {
  background-image: url(/resource/www/images/sub/restarea_on.png);
}
.adj_box .contBox.facilities li a:focus .img.fac12 {
  background-image: url(/resource/www/images/sub/parking_on.png);
}
.adj_box .contBox.facilities li a:focus .img.fac13 {
  background-image: url(/resource/www/images/sub/camping_on.png);
}
.adj_box .contBox.facilities li a:focus .img.fac14 {
  background-image: url(/resource/www/images/sub/cooking_on.png);
}
.adj_box .contBox.facilities li a:focus .img.fac15 {
  background-image: url(/resource/www/images/sub/water_on.png);
}
/** 2020.10.16 added Bilguun(team2) **/
.adj_box .contBox.facilities li.on .img {
  border: 1px solid #269e50;
}
.adj_box .contBox.facilities li.on .img.fac1 {
  background-image: url(/resource/www/images/sub/volleyball_on.png);
}
.adj_box .contBox.facilities li.on .img.fac2 {
  background-image: url(/resource/www/images/sub/basketb_on.png);
}
.adj_box .contBox.facilities li.on .img.fac3 {
  background-image: url(/resource/www/images/sub/baseball_on.png);
}
.adj_box .contBox.facilities li.on .img.fac4 {
  background-image: url(/resource/www/images/sub/soccer_on.png);
}
.adj_box .contBox.facilities li.on .img.fac5 {
  background-image: url(/resource/www/images/sub/tennis_on.png);
}
.adj_box .contBox.facilities li.on .img.fac6 {
  background-image: url(/resource/www/images/sub/archery_on.png);
}
.adj_box .contBox.facilities li.on .img.fac7 {
  background-image: url(/resource/www/images/sub/football_on.png);
}
.adj_box .contBox.facilities li.on .img.fac8 {
  background-image: url(/resource/www/images/sub/badminton_on.png);
}
.adj_box .contBox.facilities li.on .img.fac9 {
  background-image: url(/resource/www/images/sub/gateball_on.png);
}
.adj_box .contBox.facilities li.on .img.fac10 {
  background-image: url(/resource/www/images/sub/etcfacility_on.png);
}
.adj_box .contBox.facilities li.on .img.fac11 {
  background-image: url(/resource/www/images/sub/restarea_on.png);
}
.adj_box .contBox.facilities li.on .img.fac12 {
  background-image: url(/resource/www/images/sub/parking_on.png);
}
.adj_box .contBox.facilities li.on .img.fac13 {
  background-image: url(/resource/www/images/sub/camping_on.png);
}
.adj_box .contBox.facilities li.on .img.fac14 {
  background-image: url(/resource/www/images/sub/cooking_on.png);
}
.adj_box .contBox.facilities li.on .img.fac15 {
  background-image: url(/resource/www/images/sub/water_on.png);
}

.adjust .serchBox {
  padding-top: 20px;
}
.adjust .serchBox input[type="text"] {
  width: 828px;
  color: #aaa;
  height: 43px;
  font-size: 1rem;
}
.adjust .serchBox button {
  width: 138px;
  height: 43px;
  font-size: 1rem;
}
.adjust .serchBox .adj_bg {
  margin: 0 0.75em;
  background: #259e50;
  color: #fff;
}
.adjust .serchBox .adj_bor {
  background: #fff;
  border: 1px solid #ccc;
  color: #666;
}
.parklist li .img_wrap a:focus {
  border: 1px solid red !important;
}
.tab_meun li a:focus {
  border: 1px solid red !important;
}
.botSearchArea #searchTp:focus {
  border: 1px solid red !important;
}
.botSearchArea #searchWd:focus {
  border: 1px solid red !important;
}
.botSearchArea .botSearchBtn:focus {
  border: 1px solid red !important;
}

.parklist li {
  padding: 40px 0;
  border-top: 1px solid #ccc;
}
.parklist li > * {
  float: left;
}
.parklist li .img_wrap {
  width: 307px;
  margin-right: 50px;
}
.parklist li .img_wrap a {
  display: block;
}
.parklist li .img_wrap img {
  border-radius: 7px;
}
.parklist li .img_wrap .img {
  position: relative;
  overflow: hidden;
  height: 0;
  width: 100%;
  padding-bottom: 65.567%;
  border-top-right-radius: 5px;
  background: #000;
  border-radius: 7px;
}
.parklist li .img_wrap .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.parklist li .mopark_cont {
  width: calc(100% - 357px);
  position: relative;
}
.parklist li .mopark_cont h3 {
  font-weight: 600;
  font-size: 1.5rem;
  color: #222;
  margin-bottom: 20px;
}
.parklist li .mopark_cont .info_txt {
  margin: 2.308em 0 1.692em;
  position: relative;
  width: calc(100% - 130px);
}
.parklist li .mopark_cont .info_txt .txt {
  position: relative;
  font-size: 1rem;
}
.parklist li .mopark_cont .info_txt strong {
  font-size: 15px;
  color: #333;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
}
.parklist li .mopark_cont .info_txt p {
  padding-left: 80px;
  color: #666;
  font-weight: 300;
}
.parklist li .mopark_cont .mopark_btn {
  padding: 3.215em 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.parklist li .mopark_cont .mopark_btn a {
  width: 125px;
  font-size: 0.938rem;
  display: block;
  text-align: center;
  border-radius: 5px;
  box-sizing: border-box;
  height: 36px;
}
.parklist li .mopark_cont .mopark_btn a:first-child {
  margin-bottom: 13px;
}
.bor_btn {
  border: 1px solid #1ea548;
  color: #1ea548;
  background: url(../images/egovframework/pk_Listbtn.png) no-repeat
    right 28px center;
  padding: 6px 20px 6px 0;
}
.bg_btn {
  background: #259e50;
  color: #fff;
  padding: 6px 0;
}
.loc_btn {
  display: inline-block;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 1rem;
  color: #666;
  height: 27px;
  box-sizing: border-box;
  width: 93px;
  background: url(../images/egovframework/loc.png) no-repeat right
    10px center;
  padding-right: 15px;
}

/*온라인전시회*/
.header_w.on {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.inner {
  position: relative;
  margin: 0 auto;
  width: 1100px;
}
.header_w .h_area {
  background: #007553;
  height: 60px;
}
.header_w .h_area .inner {
  height: 100%;
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
}
.header_w h1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 12.538em;
  height: 100%;
  display: block;
  white-space: nowrap;
  text-indent: -9999px;
  background: url(/images/egovframework/com/exhibition/logo_wh.png) center
    center no-repeat;
  background-size: 100%;
  font-size: 1em;
}
.header_w h1 a {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
}
.header_w .menu {
  float: right;
}
.header_w .menu li {
  position: relative;
  float: left;
  font-size: 1.538em;
}
.header_w .menu li a {
  color: #fff;
  display: block;
  line-height: 60px;
  padding: 0 35px;
  position: relative;
}
.header_w .menu li:not(:last-child) a:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 5px;
  display: block;
  border-radius: 50%;
  background: #fff;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.container_wr {
  position: relative;
  margin-bottom: 100px;
}
.content {
  padding-top: 28px;
}
.exhibit {
  padding-top: 6.923em;
}
.intro {
  padding-top: 30px;
}
.intro > * {
  float: left;
}
.intro .img {
  width: 51%;
}
.intro .img a {
  display: block;
}
.intro .img > .img1 {
  margin-bottom: 11px;
}
.intro .txt {
  width: 49%;
  padding-left: 3.846em;
}
.intro .txt h4 {
  font-size: 1.538em;
  font-weight: 600;
  color: #333;
  padding-bottom: 20px;
}
.intro .txt p {
  font-size: 1.258em;
  color: #666;
  font-weight: 300;
}
.intro .txt p.small_txt {
  font-size: 1.231em;
}
.bot_txt {
  padding-top: 1.923em;
}
.bot_txt p.s_txt1 {
  font-size: 1.3em;
  font-weight: 500;
}
.bot_txt p.s_txt2 {
  font-size: 1.154em;
  font-weight: 300;
}
.exibinfo {
  padding-top: 40px;
}
.exibinfo h4 {
  color: #333;
  font-weight: 600;
  font-size: 1.385em;
  padding-bottom: 8px;
}
.exibinfo .people > li {
  position: relative;
  font-size: 1.258em;
  padding-left: 11px;
  color: #666;
}
.exibinfo .people > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background: #269e50;
  border-radius: 50px;
}
.exibinfo .people > li.children:before {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 4px;
  height: 4px;
  background: #269e50;
  border-radius: 100%;
}
.exibinfo .people > li.children span {
  position: absolute;
  top: 0;
  left: 11px;
}
.exibinfo .people > li.children ul li {
  letter-spacing: -0.035em;
}

.picture {
  margin-top: 50px;
}
.picture ul {
}
.picture ul::after {
  content: "";
  display: block;
  clear: both;
}
.picture ul li {
  float: left;
  position: relative;
  margin: 0 4% 2% 0;
  transition: all 1s;
  width: 0;
  height: 0;
  max-width: 0;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}
.picture ul li:nth-child(3n) {
  margin-right: 0;
}
.picture ul li.on {
  width: auto;
  height: auto;
  max-width: 2000px;
  max-height: 2000px;
  opacity: 1;
}

@keyframes picture {
  0% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

.picture .img {
  box-shadow: 7px 7px 12px 0px rgba(0, 0, 0, 0.2);
}
.picture .txt {
  text-align: center;
  margin-top: 20px;
  font-size: 1.231em;
}
.picture .txt strong {
  font-weight: bold;
  color: #007553;
}
.picture .txt span {
  color: #666;
}

.btn {
  padding-top: 20px;
}
.btn .moreBtn {
  display: inline-block;
  width: 9.8115em;
  height: 2.846em;
  border: 1px solid #007553;
  color: #007553;
  line-height: 2.7;
  font-size: 1.231em;
}
.exhibit .tabmenu {
  float: right;
}
.exhibit .tabmenu:after {
  content: "";
  display: block;
  clear: both;
}
.exhibit .tabmenu li {
  float: left;
  margin-right: 1.5em;
  font-size: 1.231em;
}
.exhibit .tabmenu li a {
  position: relative;
  display: block;
}
.exhibit .tabmenu li.active a {
  color: #007553;
  font-weight: 600;
  padding-bottom: 5px;
}
.exhibit .tabmenu li.active a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #007553;
}

/*온라인 전시회 popup*/
.layerwrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
}
.pop-layer {
  text-align: center;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: 780px;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 3.75em 6.25em;
  border: 1px solid #cbcbcb;
}
.pop-layer__wrap {
  height: 600px;
  overflow-y: scroll;
}
.pop-layer__slider {
  overflow: hidden;
  width: 100%;
}
.pop-layer__slider .slick-slide {
  float: left;
}
.pop-layer__slider .slick-slide img {
}
.pop_move {
  background-size: 10px auto;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  font-size: 0;
  width: 62px;
  height: 62px;
  border: 1px solid #fff;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.pop_move.prev {
  background-image: url("../images/egovframework/exhibition/popprev.png");
  left: -102px;
}
.pop_move.next {
  background-image: url("../images/egovframework/exhibition/popnext.png");
  right: -102px;
}
.pop_close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.info {
  max-width: 480px;
  margin: 0 auto;
  text-align: left;
}
.info .txt {
  font-size: 1.125em;
  color: #666;
  padding-bottom: 1.5em;
}
.info .txt strong {
  color: #007553;
}
.info .popcont {
  color: #666;
  font-weight: 400;
}
.info .popcont h4 {
  color: #333;
  font-size: 1.125em;
  font-weight: 600;
  padding-bottom: 0.938em;
}
.info .popcont p {
  text-align: justify;
}

#footer {
  position: relative;
  background: #2e2f31;
  font-size: 14px;
}
#footer:before {
  content: "";
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #585858;
}
#footer .f_wrap {
  padding: 100px 0 40px 0;
  background: url(/images/egovframework/com/template/f_logo.png) no-repeat 0
    22px;
}
#footer .f_wrap .f_n_info_ul {
  position: absolute;
  top: 40px;
  left: 250px;
}
#footer .f_wrap .f_n_info_ul li {
  float: left;
  position: relative;
  padding-right: 40px;
}
#footer .f_wrap .f_n_info_ul li:after {
  content: "";
  position: absolute;
  background: #58595a;
  width: 1px;
  height: 10px;
  top: calc(50% - 5px);
  right: 19.5px;
}
#footer .f_wrap .f_n_info_ul li:last-child:after {
  display: none;
}
#footer .f_wrap .f_n_info_ul li a {
  display: block;
  color: #fff;
}
#footer .f_wrap .f_n_info_ul li.yellow a {
  color: #fbc204;
}
.footer_lang {
  position: absolute;
  top: 30px;
  right: 0;
}
.footer_lang .language {
  position: relative;
  line-height: 2.5;
  display: block;
  color: #fff;
  background: #393a3b;
  padding: 0 16px;
  width: 170px;
  height: 38px;
}
.footer_lang .language:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 8px;
  top: 14px;
  right: 14px;
  display: block;
  background: url(/images/egovframework/com/template/f_lang.png) no-repeat
    center center;
}
.footer_lang .langList {
  padding: 8px 10px;
  display: none;
  position: absolute;
  bottom: 38px;
  right: 0;
  width: 202px;
  background: #393a3b;
  box-sizing: border-box;
  z-index: 2;
}
.footer_lang .langList li a {
  display: inline-block;
  width: 100%;
  padding: 2px 0;
  color: #fff;
}
.footer_lang .f_Close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: auto;
  height: auto;
  background: transparent;
}
.footer_lang .f_Close:before {
  content: "";
  display: block;
  width: 35px;
  height: 34px;
  background: url(/images/egovframework/com/template/f_close.png) no-repeat
    center center;
}
#footer .f_n_copy > * {
  float: left;
  color: #fff;
}
#footer .info {
  margin-top: 30px;
}
#footer .info .adress {
  font-weight: 300;
}
#footer .info .adress span {
  position: relative;
  padding-right: 30px;
}
#footer .info .adress span:after {
  content: "";
  position: absolute;
  background: #58595a;
  width: 1px;
  height: 10px;
  top: calc(50% - 5px);
  right: 14.5px;
}
#footer .info .adress span.last {
  padding-right: 10px;
}
#footer .info .adress span.last:after {
  display: none;
}
#footer .mark {
  float: right;
  margin-top: 20px;
}
#footer .mark li {
  display: inline-block;
  margin-left: 15px;
}
.copyright {
  color: #828283;
  margin-top: 10px;
}
.park_num {
  background: #0e0e0f;
  color: #fff;
  padding: 6px;
  border-radius: 5px;
}

/*한강생태지도*/
.riverimg {
  position: relative;
  width: 100%;
  height: 400px;
  background: url(/images/egovframework/com/hriver/main_visual1.jpg) 50% bottom
    no-repeat;
  background-size: cover;
}
.riverimg > h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -56px 0 0 -155px;
}
.riverimg > h2 > img {
  width: 310px;
  height: 112px;
}
#main_content {
}
.main_lst {
  overflow: hidden;
  width: 100%;
  margin-top: 10px;
}
.main_lst li {
  float: left;
  width: 50%;
  margin-bottom: 8px;
  text-align: center;
}
.main_lst li a {
  overflow: hidden;
  position: relative;
  display: block;
  height: 138px;
  border: 2px solid #1690d3;
  background-color: #fff;
  border-radius: 10px;
}
.main_lst li .main_lst_ico {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.main_lst_tit {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 32px;
  line-height: 34px;
  border-top: 1px solid #1690d3;
  background: url(/images/egovframework/com/hriver/blt_arrow1.png) right 50%
    no-repeat;
  background-color: #00aeef;
  color: #fff;
  border-radius: 0 0 6px 6px;
}
.main_lst_tit em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  padding: 0 20px 0 18px;
  letter-spacing: -0.05em;
}
.main_lst li.l_mar a {
  margin-right: 4px;
}
.main_lst li.r_mar a {
  margin-left: 4px;
}

.main_lst li.m1 .main_lst_ico {
  margin: -42px 0 0 -28px;
}
.main_lst li.m1 .main_lst_ico img {
  width: 55px;
  height: 55px;
}

.main_lst li.m2 .main_lst_ico {
  margin: -42px 0 0 -27px;
}
.main_lst li.m2 .main_lst_ico img {
  width: 54px;
  height: 52px;
}

#riverheader {
  position: relative;
  height: 40px;
  background: #1890db; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(
    left,
    #40c2fa,
    #1890db
  ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(
    right,
    #40c2fa,
    #1890db
  ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(
    right,
    #40c2fa,
    #1890db
  ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #40c2fa, #1890db); /* Standard syntax */
  text-align: center;
}
#riverheader .header_menu {
  position: absolute;
  top: 0;
  left: 0;
}
#riverheader .header_menu img {
  width: 40px;
  height: 40px;
}
#riverheader .h_tit {
  font-size: 19px;
  line-height: 40px;
}
#riverheader .h_tit a {
  display: inline-block;
  color: #ffffff;
}

#map_menu {
  overflow: hidden;
  top: 40px;
  z-index: 990;
  top: 0;
  left: 0;
  width: 100%;
}
/* #map_menu.fix{overflow:hidden;position:fixed;z-index:990;top:0;left:0;} */

.info_txt {
  margin-left: 30px;
  margin-bottom: 80px;
  line-height: 1.6;
}
.info_txt a {
}

/* 맵 메뉴 */
.map_menu_cont .link {
  display: block;
  height: 40px;
  padding: 0 25px;
  border-bottom: 1px solid #d5d5d5;
  background: url(/images/egovframework/com/hriver/map_shortcut_ico.png) right
    50% no-repeat;
  background-color: #fff;
  font-size: 14px;
  line-height: 40px;
  color: #333333;
}
.map_menu_cont .link.on {
  display: block;
  height: 40px;
  padding: 0 25px;
  border-bottom: 1px solid #d5d5d5;
  background: url(/images/egovframework/com/hriver/map_shortcut_ico_on.png)
    right 50% no-repeat;
  background-color: #fff;
  font-size: 14px;
  line-height: 40px;
  color: #333333;
}

.map_menu_lst {
  overflow: hidden;
  position: relative;
  padding: 10px 25px 5px;
  background-color: #f4f4f4;
  border-bottom: 1px solid #bcbcbc;
}
.map_menu_lst.fix {
  overflow: hidden;
  position: fixed;
  z-index: 990;
  top: 0;
  left: 0;
}

.map_menu_lst li {
  float: left;
  margin-bottom: 5px;
}
.map_menu_lst li a {
  display: inline-block;
  height: 30px;
  margin-right: 5px;
  padding: 0 15px;
  border: 3px solid #d2d2d2;
  background-color: #ffffff;
  color: #767676;
  line-height: 30px;
}
.map_menu_lst li.on a {
  border: 3px solid #1890db;
  color: #333333;
}

/* 맵 컨텐츠 */
.river_map .cont {
  margin: 75px 0;
  border-top: 1px solid #c7c7c7;
}
.river_map .cont:first-child {
  border-top: 0;
  margin-top: 0;
}

/*검색페이지*/
.schtit {
  margin-top: 2em;
  position: relative;
}
.schTitle {
  color: #222;
  font-size: 1.5rem;
  font-weight: 600;
}
.moreBtn {
  color: #777;
  font-size: 1em;
  position: absolute;
  right: 0;
  top: 4px;
}
.schli {
  border-top: 2px solid #46474c;
}
.ovh .btn {
  padding-top: 0;
}
.parks-program {
}
.parks-program li {
}
.parks-program li > .d-ib {
  display: inline-block;
  vertical-align: top;
}
.parks-program li > div.d-ib {
  margin-left: 30px;
}

/* 저작자 표시 */
.ccl-w {
  text-align: right;
  padding-top: 25px;
}

/* 한강생태지도 */
.hriver-layout {
  padding-top: 70px;
}

/* 협약신청 */
.carepark-tab {
  display: flex;
  margin-bottom: 30px;
}
.carepark-tab li {
  width: 25%;
}

/* 20230511 유실물안내 */
.lostTitle {
  display: inline-block;
  border: 2px solid #469311;
  padding: 20px 30px;
  font-size: 2rem;
  position: relative;
}
.lostSubTit {
  font-size: 1.125rem;
  padding: 30px 70px;
  border: 1px solid #41719c;
  border-radius: 20px;
  margin-top: 35px;
  text-align: left;
}
.lostTitle::before {
  content: "";
  display: block;
  width: 2px;
  height: 35px;
  background-color: #41719c;
  position: absolute;
  left: 15%;
  bottom: -37px;
}
.lostTitle::after {
  content: "";
  display: block;
  width: 2px;
  height: 35px;
  background-color: #41719c;
  position: absolute;
  right: 15%;
  bottom: -37px;
}

.tit-st5 {
  position: relative;
  color: #222;
  font-size: 1.5rem;
  font-weight: 600;
  padding-left: 12px;
}
.tit-st5:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  width: 3px;
  height: 20px;
  background: #41719c;
  border-radius: 50px;
}
.tit-link {
  margin-top: 20px;
}

.link_box {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.link_box > a {
  display: inline-block;
  width: 290px;
  padding: 10px;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center;
  background-color: #8faadc;
  color: #fff;
  border: 1px solid #41719c;
  margin-right: 15px;
}
.link_box > a:hover {
  background-color: #41719c;
}
.notic p {
  font-size: 1rem;
  font-weight: 500;
  color: #ff0000;
}

.lost_tb {
  margin-top: 29px;
  display: flex;
}
.lost_tb table {
  border-top: 2px solid #41719c;
  font-size: 0.938rem;
  border-left: 1px solid #cdcdcd;
}
.lost_tb table thead tr th {
  text-align: center;
  border-bottom: 1px solid #cdcdcd;
  padding: 14px 10px;
  border-right: 1px solid #cdcdcd;
  background: #dfe6f7;
}
.lost_tb table tbody tr td {
  text-align: left;
  border-bottom: 1px solid #cdcdcd;
  padding: 14px 10px;
  border-right: 1px solid #cdcdcd;
  height: 72px;
}
.lost_tb table tbody tr th {
  color: #333;
  background: #f7f7f7;
}
.lost_tb table tbody tr td {
  color: #666;
  font-weight: 300;
}
.lost_tb table.lost_tb2 {
  border-left: 2px solid #333;
}

.default_view pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

/*반응형*/

@media screen and (max-width: 1200px) {
  .containerArea {
    padding: 0 1em;
  }

  #depth_w .dep {
    float: none;
  }
  #depth_w .subsns {
    float: none;
    position: absolute;
    right: 0;
    z-index: 1;
  }

  /*검색*/
  .adjust {
    height: auto;
  }
  .adjust .adj1 {
    width: 55%;
    margin-right: 1.25em;
  }
  .adjust .serchBox input[type="text"] {
    width: 76.5%;
  }
  .adjust .serchBox button {
    width: 10.5%;
  }
  .adj_box .contBox.facilities li {
    width: 16%;
  }
  .adj_box .contBox.area li {
    width: 22%;
  }

  /* 통합검색 */
  .search-tab {
    flex-wrap: wrap;
  }
  .search-tab li {
    display: flex;
    align-items: center;
    flex: 1;
    width: auto;
    min-width: 25%;
    height: 45px;
    word-break: keep-all;
  }
  .search-tab li:nth-child(5) {
    border-left: 1px solid #ddd;
  }
  .search-tab li:nth-child(n + 5) {
    border-top: 0;
  }
  .search-tab li a {
    display: block;
    width: 100%;
    padding: 0;
  }

  /*소개*/
  .pc_guide li {
    width: 19%;
  }
  .photoBox li {
    width: 31%;
  }

  /*e-book*/
  .bbs_ebook ul {
    margin-left: -3%;
  }
  .bbs_ebook.leaflet ul {
    margin-left: -3%;
  }
  .bbs_ebook li {
    width: 22%;
    margin-left: 3%;
    margin-bottom: 3%;
  }
  .bbs_ebook.leaflet li {
    width: 22%;
    margin-left: 3%;
    margin-bottom: 3%;
  }

  /*전시회*/
  .inner {
    width: 100%;
    box-sizing: border-box;
    padding: 0 1em;
  }
  .centermain img {
    width: 100%;
  }

  /*지도로 검색*/
  .map_wrap .in .main_map .web_map {
    display: none;
  }
  .map_wrap .in .main_map .mobile_map {
    display: block;
    width: 320px;
    margin: 0 auto 50px;
  }
  .map_wrap .in .main_map .mobile_map ul {
    position: relative;
    height: 270px;
    background-size: cover;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_01 {
    background-image: url(/resource/www/images/sub/m_map01.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_02 {
    background-image: url(/resource/www/images/sub/m_map02.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_03 {
    background-image: url(/resource/www/images/sub/m_map03.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_04 {
    background-image: url(/resource/www/images/sub/m_map04.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_05 {
    background-image: url(/resource/www/images/sub/m_map05.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_06 {
    background-image: url(/resource/www/images/sub/m_map06.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_07 {
    background-image: url(/resource/www/images/sub/m_map07.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_08 {
    background-image: url(/resource/www/images/sub/m_map08.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_09 {
    background-image: url(/resource/www/images/sub/m_map09.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_10 {
    background-image: url(/resource/www/images/sub/m_map10.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_11 {
    background-image: url(/resource/www/images/sub/m_map11.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_12 {
    background-image: url(/resource/www/images/sub/m_map12.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_13 {
    background-image: url(/resource/www/images/sub/m_map13.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_14 {
    background-image: url(/resource/www/images/sub/m_map14.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_15 {
    background-image: url(/resource/www/images/sub/m_map15.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_16 {
    background-image: url(/resource/www/images/sub/m_map16.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_17 {
    background-image: url(/resource/www/images/sub/m_map17.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_18 {
    background-image: url(/resource/www/images/sub/m_map18.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_19 {
    background-image: url(/resource/www/images/sub/m_map19.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_20 {
    background-image: url(/resource/www/images/sub/m_map20.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_21 {
    background-image: url(/resource/www/images/sub/m_map21.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_22 {
    background-image: url(/resource/www/images/sub/m_map22.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_23 {
    background-image: url(/resource/www/images/sub/m_map23.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_24 {
    background-image: url(/resource/www/images/sub/m_map24.png);
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_25 {
    background-image: url(/resource/www/images/sub/m_map25.png);
  }
  .map_wrap .in .main_map .mobile_map ul > li {
    position: absolute;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map01 {
    left: 210px;
    top: 185px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map02 {
    left: 275px;
    top: 127px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map03 {
    left: 175px;
    top: 50px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map04 {
    left: 35px;
    top: 120px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map05 {
    left: 127px;
    top: 208px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map06 {
    left: 228px;
    top: 130px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map07 {
    left: 45px;
    top: 184px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map08 {
    left: 92px;
    top: 215px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map09 {
    left: 225px;
    top: 45px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map10 {
    left: 189px;
    top: 28px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map11 {
    left: 200px;
    top: 100px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map12 {
    left: 130px;
    top: 174px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map13 {
    left: 95px;
    top: 122px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map14 {
    left: 110px;
    top: 103px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map15 {
    left: 178px;
    top: 200px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map16 {
    left: 195px;
    top: 127px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map17 {
    left: 175px;
    top: 83px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map18 {
    left: 250px;
    top: 175px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map19 {
    left: 55px;
    top: 158px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map20 {
    left: 95px;
    top: 155px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map21 {
    left: 153px;
    top: 147px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map22 {
    left: 113px;
    top: 62px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map23 {
    left: 150px;
    top: 97px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map24 {
    left: 165px;
    top: 120px;
  }
  .map_wrap .in .main_map .mobile_map ul > li.m_map25 {
    left: 235px;
    top: 90px;
  }
  .map_wrap .in .main_map .mobile_map ul li a {
    color: #666;
    font-weight: 300;
    display: inline-block;
    font-size: 10px;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_01 li.m_map01 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_02 li.m_map02 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_03 li.m_map03 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_04 li.m_map04 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_05 li.m_map05 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_06 li.m_map06 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_07 li.m_map07 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_08 li.m_map08 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_09 li.m_map09 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_10 li.m_map10 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_11 li.m_map11 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_12 li.m_map12 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_13 li.m_map13 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_14 li.m_map14 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_15 li.m_map15 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_16 li.m_map16 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_17 li.m_map17 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_18 li.m_map18 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_19 li.m_map19 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_20 li.m_map20 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_21 li.m_map21 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_22 li.m_map22 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_23 li.m_map23 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_24 li.m_map24 a {
    color: #fff;
    font-weight: bold;
  }
  .map_wrap .in .main_map .mobile_map ul.bg_map_25 li.m_map25 a {
    color: #fff;
    font-weight: bold;
  }

  .map_wrap .in .main_info {
    width: calc(100% - 595px);
  }
  .map_wrap .in .main_map .sel_map {
    display: block;
    margin-bottom: 2em;
  }
  .map_wrap .in .main_map .sel_map select {
    width: 100%;
  }

  /* 통합검색 공원프로그램 */
  .parks-program {
  }
  .parks-program li > .d-ib {
    width: 100%;
  }
  .parks-program li > a.d-ib {
    text-align: center;
    margin-bottom: 15px;
    background: #eee !important;
  }
  .parks-program li > div.d-ib {
    width: 100%;
    margin-left: 0;
  }
  .parks-program .starTit > li:first-child {
    width: 100%;
  }
}

@media screen and (max-width: 1101px) {
  .adjust .adj1 {
    margin-right: 1.25em;
  }
}

@media screen and (max-width: 1024px) {
  /* 탭 */
  .tab_meun.li6 li {
    width: 33.333%;
    margin-bottom: -1px;
  }
  .tab_meun.li6 li:nth-child(4) {
    border-left: 1px solid #ddd;
  }
  .tab_meun li {
    height: 80px;
  }
  .tab_meun li a {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tab_meun li a br {
    display: none;
  }
  .tab-scroll {
    width: 100%;
    overflow-x: auto;
  }
  .tab-scroll .tab_meun {
    display: flex;
    flex-wrap: nowrap;
    width: 200%;
    font-size: 1em;
    white-space: nowrap;
  }
  .tab-scroll .tab_meun li {
    flex: 1;
    width: auto;
  }

  .bbs_list li {
    width: 48%;
  }
  .bbs_list li .cont {
    padding: 0.933rem;
  }
  .bbs_list li .cont .t {
    max-height: 3em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  /*지도로 검색*/
  .map_wrap {
    height: auto;
    padding: 2em 1em;
  }
  .map_wrap .in > * {
    float: none;
  }
  .map_wrap .in .main_map {
    width: 100%;
  }

  .map_wrap .in .main_info {
    width: 100%;
    margin-left: 0;
  }

  /*온라인전시회*/
  .picture ul li {
    width: 32% !important;
    margin: 0 2% 2% 0;
  }
  .pop-layer {
    width: 60%;
  }
  .info {
    max-width: 100%;
  }

  /* 공원자료실 사진 보기 */
  .photo-detail p {
    position: static;
    top: 0;
    width: 100%;
    margin-bottom: 10px;
    transform: none;
  }

  /*location*/
  #depth_w > .inner {
    padding: 0;
  }
  #depth_w .dep > .home {
    display: none;
  }
  #depth_w .dep > li {
    padding-left: 0;
    padding-right: 0;
    width: 50%;
    min-width: 0;
  }
  #depth_w .dep > li .rel > a {
    padding: 0 10px;
    height: 3.7rem;
  }
  #depth_w .dep > li .depth {
    padding-top: 1.59rem;
    top: 43px;
  }
  #depth_w .dep > li .depth a {
    padding: 0 10px;
  }

  /* 20230511 유실물 */
  .lost_tb {
    flex-wrap: wrap;
  }
  .lost_tb table.lost_tb2 {
    border-top: 0px;
    border-left: 1px solid #cdcdcd;
  }
  .lost_tb table.lost_tb2 thead {
    display: none;
  }
  .lost_tb table.lost_tb2 tbody tr:last-child {
    display: none;
  }
}

@media screen and (max-width: 972px) {
  /*소개*/
  .pc_guide li {
    width: 18%;
  }

  /*전시회*/
  .intro > * {
    float: none;
  }
  .intro .img {
    width: 100%;
  }
  .intro .img img {
    width: 100%;
  }
  .intro .txt {
    width: 100%;
    padding-left: 0;
    padding-top: 2em;
  }
}

@media screen and (max-width: 928px) {
  /*소개*/
  .pc_guide li {
    width: 17%;
  }
}

@media screen and (max-width: 860px) {
  #depth_w {
    height: 45px;
  }
  #depth_w .dep > li .rel > a {
    height: 2.7rem;
  }

  .page_title h2 {
    font-size: 1.9rem;
  }

  .tab_meun li a {
    padding: 10px 0;
  }

  .adjust {
    padding: 1.5em;
  }
  .adjust .adj1 {
    width: 48.75%;
  }
  .adjust .adj2 {
    width: 48.75%;
  }
  .adjust .serchBox .adj_bg {
    margin: 0 0.7em;
  }
  .adjust .serchBox input[type="text"] {
    width: calc(100% - 207px);
  }
  .adjust .serchBox button {
    width: 90px;
  }

  /* 공원행사달력 */
  div.calendarCtrl > b {
    font-size: 1.5rem;
  }
  div.calendarCtrl > a {
    width: 40px;
    height: 40px;
  }
}

@media screen and (max-width: 768px) {
  /*table 모바일*/
  .swipe_m {
    overflow-x: scroll;
  }
  .swipe_m table {
    min-width: 920px;
  }
  .swipe_m .swipe_txt {
    display: block;
  }

  .adj_box .contBox.facilities li {
    margin: 0 0.625em 0.625em 0.625em;
  }
  .adj_box .contBox {
    height: 200px;
  }
  .adjust .adj1 {
    width: 100%;
    margin-bottom: 2.5em;
    margin-right: 0;
  }
  .adjust .adj2 {
    width: 100%;
  }

  /*소개*/
  .thum_img li {
    width: 50%;
    padding-left: 1.5em;
    padding-bottom: 1.5em;
  }
  .pc_guide li {
    width: 42%;
  }
  .pc_guide li:nth-child(1),
  .pc_guide li:nth-child(2) {
    margin-bottom: 4.5em;
  }
  .pc_guide li:nth-child(2):after {
    width: 15px;
    height: 13px;
    background: url(/resource/www/images/sub/stepbottom.png) no-repeat
      center center;
    top: unset;
    right: unset;
    bottom: -44px;
  }
  .pc_guide li:nth-child(3):after {
    background: url(/resource/www/images/sub/stepleft.png) no-repeat
      center center;
  }
  .photoBox li {
    width: 100%;
    margin-right: 0;
  }
  .photoBox li:not(:last-child) {
    margin-bottom: 1em;
  }

  /*서울의생태*/
  .thum_img.li5 li {
    width: 50%;
    padding-left: 1.5em;
    padding-bottom: 1.5em;
  }
  .thum_img.li5 li:last-child {
    padding-bottom: 0;
  }
  .rescue .img {
    float: none;
    width: 100%;
  }
  .rescue .img img {
    width: 100%;
  }
  .rescue .txt {
    float: none;
    width: 100%;
    padding-top: 1em;
  }

  /*협약신청*/
  .requestBtn {
    position: static;
  }

  /*활동*/
  .smallTXT {
    text-align: left;
  }
  .bbs-sch_w .bbs_txt {
    display: block;
    padding-right: 0;
    padding-bottom: 1em;
  }

  /*e-book*/
  .bbs_ebook li {
    width: 47%;
  }
  .bbs_ebook.leaflet li {
    width: 47%;
  }
  .bbs_ebook li .txt {
    padding: 1em;
  }
  .bbs_ebook li .txt p {
    font-size: 1em;
    padding-right: 2em;
  }
  .bbs_ebook li .txt a {
    top: 15px;
  }

  .calendarWrap table tbody tr td .day {
    background: #fafafa;
    color: #222;
  }
  .calendarWrap table tbody tr td.sun .day {
    color: #fa6400;
  }
  .calendarWrap table tbody tr td.sat .day {
    color: #4084d2;
  }
  .calendarWrap table tbody tr td:first-child {
    border-left: 1px solid #dedede;
  }
  .calendarWrap table tbody tr td:last-child {
    border-right: 1px solid #dedede;
  }

  /*맞춤형검색*/
  .parklist li:last-child {
    border-bottom: 1px solid #ccc;
  }
  .parklist li > * {
    float: none;
  }
  .parklist li .img_wrap {
    width: 100%;
    text-align: center;
    margin-right: 0;
  }
  .parklist li .mopark_cont {
    width: 100%;
  }

  /*온라인전시회*/
  .pop-layer {
    padding: 3em 2em;
    top: 10px;
    right: 10px;
    width: 8%;
  }

  /*상세페이지*/
  .default_view .cont {
    padding: 2em;
  }
  .default_view .cont > * {
    width: 100% !important;
  }

  /* 20230511 유실물 */
  .link_box {
    flex-wrap: wrap;
  }
  .notic {
    margin-top: 10px;
  }

  .tab_meun li a br {
    display: block;
  }
}

@media screen and (max-width: 720px) {
  .pc_guide li {
    width: 41%;
  }

  /* 20230511 유실물 */
  .lostSubTit {
    font-size: 1.025rem;
    padding: 20px 30px;
  }
}

@media screen and (max-width: 640px) {
  .adjust .serchBox input[type="text"] {
    width: calc(100% - 165px);
  }
  .adjust .serchBox button {
    width: 70px;
  }
  .adj_box .contBox.facilities li {
    width: 21%;
  }

  .default_tb.news-list .tb_title {
    width: 70%;
    padding: 10px;
  }

  .pc_guide li {
    width: 40%;
  }
  /*location*/
  #depth_w {
    font-size: 13px;
  }
  #depth_w .dep1 > li .depth {
    padding-top: 2.9rem;
  }

  /*게시판 검색*/
  .bbs-sch_w {
    padding: 1.25em;
    text-align: left;
  }
  .botSearchArea {
    width: 100%;
    margin-top: 0.5em;
  }
  .botSearchArea .botSearchSelector.sel {
    width: 49.35%;
  }
  .botSearchArea .botSearchSelector.sel:last-child {
    margin-right: 0;
  }
  .botSearchArea select.w120 {
    width: 90px;
  }
  .botSearchArea select.bbssel {
    width: 90px;
  }
  .botSearchArea .botSearchIpt {
    width: calc(100% - 203px);
  }
  .bbs-sch_w ul {
    display: block;
    margin-top: 0.5em;
  }
  .bbs-sch_w ul li {
    width: 48.9%;
  }
  .bbs-sch_w ul li input {
    width: 100%;
  }
  .bbs-sch_w ul li:first-child {
    margin-right: 10px;
  }
  .bbs-sch_w ul li:first-child:after {
    right: -9px;
  }
  .bbs-search {
    margin: 0.5em 0 0;
  }
  .botSearchArea select.searchsel {
    width: 132px;
  }
  .botSearchArea .botSearchIpt.search-word {
    width: calc(100% - 140px);
  }
  .botSearchArea .botSearchIpt.schdefault {
    width: calc(100% - 95px);
  }
  .botSearchBtn {
    margin-left: 0;
    width: 100%;
    margin-top: 0.5em;
  }

  .botSearchArea select.w120.mow {
    margin-right: 0;
    margin-bottom: 5px;
    width: 100%;
  }
  .botSearchArea .botSearchIpt.search-word.mow {
    width: calc(100% - 60px);
  }
  .botSearchArea .botSearchBtn.mow {
    display: inline-block;
    width: 60px;
    margin-top: 0;
  }

  /*조직도*/
  .citytab a {
    font-size: 1em;
  }
  .org_bot {
    margin-top: 3%;
  }
  .org .org_top .st1 {
    background-size: 80% auto;
  }
  .org_bot > .com {
    padding-top: 1.5em;
  }
  .org_bot > .com .st2 {
    font-size: 0.755rem;
  }
  .map_c .map_info ul li {
    width: 100%;
  }
  .map_c .map_info strong {
    padding-right: 0;
  }
  .map_c .map_info strong:after {
    display: none;
  }
  .map_c .map_info ul li {
    padding-bottom: 1em;
  }
  .map_c .map_info ul li span {
    display: block;
  }
  .map_c .map_info ul li:first-child {
    padding-top: 2em;
  }
  .map_c .map_info ul li:last-child {
    padding-bottom: 0;
  }
  .map_c .map_info ul li:first-child strong {
    top: 2em;
  }
  .map_c .map_info .btn_direct {
    right: 14px;
    background: #777 url(/resource/www/images/sub/direc.png) no-repeat
      left 10px center;
    line-height: 1.45;
    padding: 0.5em 0.5em 0.5em 1.8em;
    height: auto;
    width: 100px;
    top: 15px;
  }
  .org .org_top .st1 {
    font-size: 1.25rem;
  }
  .org .org_top .st1:after {
    background-size: 80% auto;
  }
  .org_bot .box li a {
    font-size: 1em;
    letter-spacing: -0.03em;
  }

  /*맞춤형검색*/
  .parklist li .mopark_cont .info_txt {
    width: 100%;
  }
  .parklist li .mopark_cont h3 {
    text-align: center;
  }
  .parklist li .mopark_cont .mopark_btn {
    position: static;
    transform: none;
    padding: 0;
    text-align: center;
  }
  .parklist li .mopark_cont .mopark_btn a {
    display: inline-block;
    vertical-align: top;
  }
  .parklist li .mopark_cont .mopark_btn a:first-child {
    margin-bottom: 0;
    margin-right: 5px;
  }

  /*전시회*/
  .exhibit {
    padding-top: 3.5em;
  }
  .picture ul li {
    width: 46%;
  }
  .pop_move {
    border: 0;
  }
  .pop_move.prev {
    left: -60px;
  }
  .pop_move.next {
    right: -60px;
  }

  /*지도로 검색*/
  .map_wrap .in .main_map .mobile_map {
    display: none;
  }
  .map_wrap .in .main_info {
    padding: 1.5em;
  }

  .infocon ul li {
    float: none;
    width: 100%;
  }

  .park_tb table tbody tr th {
    font-size: 0.875em;
  }
  .park_tb table tbody tr td {
    font-size: 0.875em;
  }

  .footer_btn .footer_select select {
    width: 9rem;
  }

  /*table*/
  .default_tb.bbs-list colgroup {
    display: none;
  }
  .default_tb table .tb_area {
    width: 15%;
  }
  .default_tb table .tb_place {
    width: 20%;
  }
  .default_tb table .tb_num {
    width: 20%;
  }
  .default_tb table .tb_divide {
    width: 30%;
  }
  .default_tb table .tb_title {
    width: auto;
    padding: 0 10px;
  }
  .default_tb table .tb_term {
    width: 30%;
  }
  .default_tb table .tb_part {
    width: 20%;
  }
  .default_tb table .tb_drafter {
    width: 30%;
  }
  .default_tb table .tb_object {
    width: 30%;
  }
  .default_tb table .tb_hide {
    display: none;
  }
  .default_tb table .mobile_sj {
    white-space: normal;
  }

  .default_view .top .date li {
    width: 50%;
    padding-right: 0;
    line-height: 1.7;
  }

  .data-list table {
    table-layout: auto;
  }
  .data-list table thead tr th,
  .data-list table tbody tr td {
    font-size: 14px;
  }
  .data-list table td:nth-child(1) {
    width: 10%;
  }
  .data-list table td:nth-child(2) {
    width: 50%;
    padding: 10px;
  }
  .data-list table td:nth-child(3) {
    width: 20%;
  }
  .data-list table td:nth-child(4) {
    width: 15%;
  }
  .data-list .subject {
    white-space: normal;
    padding: 10px;
  }

  .default_view .top .date dl {
    width: 100%;
  }
  .default_view .top dl dt {
    width: 23%;
  }
  .default_view .top .t dl {
    width: 100%;
  }
  .default_view .top .t dt {
    width: 23%;
  }
  .default_view .top .date dl.full dt {
    width: 23%;
  }
  .default_view .top .date dl.wide-vb dt {
    width: 23%;
  }
}

/*2022-12-22*/
/* 공원소식 > 새소식 table*/
.__se_tbl_ext thead > tr > th {
  border: 1px solid #000;
  padding: 2px 6px;
  line-height: 25px;
  font-size: 17px;
  background: #f2f2f2;
  font-weight: 400;
}
.__se_tbl_ext thead > tr > th:nth-child(3) {
  border-right: 2px double #000;
}

.__se_tbl_ext tbody tr td {
  border: 1px solid #000;
  padding: 2px 0;
  line-height: 30px;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
}
.__se_tbl_ext tbody > tr > td:nth-child(3) {
  border-right: 2px double #000;
}
.__se_tbl_ext tbody tr td p {
  line-height: 16px;
}

/* //2022-12-22*/

@media screen and (max-width: 590px) {
  .date_str {
    display: block;
  }
}

@media screen and (max-width: 570px) {
  .pc_guide li {
    width: 39%;
  }
}

@media screen and (max-width: 555px) {
  /*맞춤형검색*/
  .adj_box .contBox {
    padding: 1.25em;
  }
  .adj_box .contBox.facilities li {
    width: 29%;
  }
}

@media screen and (max-width: 515px) {
  .pc_guide li {
    width: 38%;
  }
}

@media screen and (max-width: 500px) {
  .adjust .serchBox input[type="text"] {
    width: calc(100% - 149px);
  }
  .adjust .serchBox button {
    width: 65px;
  }
  .adjust .serchBox .adj_bg {
    margin: 0 0.5em;
  }

  /*소개*/
  .thum_img li p {
    font-size: 1.135em;
    letter-spacing: -0.03em;
  }
  .pc_guide ul {
    margin-left: -2.5em;
  }
  .pc_guide li {
    margin-left: 2.5em;
    width: 42%;
  }
  .pc_guide li:after {
    display: none;
  }
  .pc_guide li:nth-child(1),
  .pc_guide li:nth-child(2) {
    margin-bottom: 2.5em;
  }

  /*협약신청*/
  .requestBtn {
    margin-left: auto;
    margin-right: auto;
  }

  /*활동*/
  .bbs-sch_w {
    padding: 1.25em;
    text-align: left;
  }
  .bbs-sch_w ul li {
    width: 47.5%;
  }
  .bbs-sch_w ul li input {
    width: 99.5%;
  }
  .bbs-sch_w ul {
    width: 100%;
  }
  .bbs-sch_w .bbs_txt {
    text-align: center;
  }
  .botSearchBtn {
    width: 100%;
    margin-left: 0;
    margin-top: 0.5em;
  }

  /*게시판 검색*/

  .botSearchArea .botSearchIpt {
    width: calc(100% - 95px);
  }
  .botSearchArea .botSearchSelector.sel {
    width: 49%;
  }
  .bbs-sch_w ul.cont li {
    width: 48.5%;
  }

  /*맞춤형검색*/
  .adj_box .contBox.area li {
    width: 31%;
  }

  .org .org_top .st1:after {
    background-size: 70% auto;
  }

  .map_wrap .in .main_info h4 {
    font-size: 1.9em;
    padding-bottom: 15px;
  }
  .map_wrap .in .main_info .info_parkm {
    display: flex;
    margin-bottom: 10px;
  }
  .map_wrap .in .main_info .info_parkm > * {
    width: 50%;
  }
  .map_wrap .in .main_info .info_parkm > .left {
    width: 65%;
  }
  .info_parkm .parkname {
    width: 100%;
    font-size: 1.13em;
  }
  .info_parkm .letbtn {
    width: 25px;
    text-indent: -9999px;
    background-position: center;
    padding-right: 0;
  }
  .info_parkm .number {
    font-size: 1.13em;
    letter-spacing: -0.05em;
    padding-left: 1.5em;
  }
  .info_parkm .number:before {
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background-size: 100%;
  }

  .tab_meun li a {
    font-size: 1em;
  }

  .mopark_cont .info_txt p a {
    display: block;
    margin-left: 0;
    margin: 0.8em 0 0.5em;
  }

  .default_view .top .date li {
    width: 100%;
  }
}
@media screen and (max-width: 489px) {
  /*맞춤형검색*/
  .adj_box .contBox.facilities li {
    width: 28.5%;
  }

  /* 20230511 유실물 */
  .tit-link {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .link_box {
    margin-top: 5px;
  }
  .notic p {
    font-size: 0.95rem;
  }
}

@media screen and (max-width: 475px) {
  .bbs-sch_w ul li {
    width: 47.4%;
  }
  .botSearchArea select.searchsel {
    width: 90px;
  }
  .botSearchArea .botSearchIpt.search-word {
    width: calc(100% - 95px);
  }
}

@media screen and (max-width: 461px) {
  /*맞춤형검색*/
  .adj_box .contBox.facilities li {
    width: 28%;
  }
  .adj_box .contBox.area li {
    width: 30%;
  }
}

@media screen and (max-width: 458px) {
  .bbs-sch_w ul li {
    width: 47.3%;
  }
}

@media screen and (max-width: 455px) {
  /*소개*/
  .thum_img li {
    height: 210px;
  }
}

@media screen and (max-width: 443px) {
  .bbs-sch_w ul li {
    width: 47.2%;
  }
}

@media screen and (max-width: 430px) {
  .bbs-sch_w ul li {
    width: 47%;
  }
}

@media screen and (max-width: 416px) {
  /*맞춤형검색*/
  .adj_box .contBox.facilities li {
    width: 27%;
  }
}

@media screen and (max-width: 411px) {
  .pc_guide ul {
    margin-left: 0;
  }
  .pc_guide li {
    margin-left: 0;
    width: 100%;
  }
  .pc_guide li:nth-child(3) {
    margin-bottom: 2.5em;
  }
}

@media screen and (max-width: 404px) {
  .bbs-sch_w ul.cont li {
    width: 48.3%;
  }
}

@media screen and (max-width: 430px) {
  .bbs-sch_w ul li {
    width: 46.95%;
  }

  /* 20230511 유실물 */
  .notic p {
    font-size: 0.85rem;
    letter-spacing: -0.02px;
  }
}

@media screen and (max-width: 400px) {
  .adjust .serchBox input[type="text"] {
    width: 100%;
    margin-bottom: 0.5em;
  }
  .adjust .serchBox button {
    width: 49.5%;
  }
  .adjust .serchBox .adj_bg {
    margin: 0;
  }

  /*소개*/
  .thum_img li {
    height: 195px;
  }
  /*활동*/
}

@media screen and (max-width: 399px) {
  .bbs-sch_w ul li {
    width: 46.9%;
  }
}

@media screen and (max-width: 394px) {
  .bbs-sch_w ul li {
    width: 46.8%;
  }
}

@media screen and (max-width: 383px) {
  .bbs-sch_w ul li {
    width: 46.5%;
  }
}

@media screen and (max-width: 375px) {
  /*소개*/
  .thum_img li {
    height: 180px;
  }
}

@media screen and (max-width: 366px) {
  /*맞춤형검색*/
  .adj_box .contBox.facilities li .img {
    background-size: 65% auto;
  }
  .adj_box .contBox.facilities li {
    width: 26%;
  }
}

@media screen and (max-width: 364px) {
  .bbs-sch_w ul.cont li {
    width: 48%;
  }
}

@media screen and (max-width: 353px) {
  /*맞춤형검색*/
  .adj_box .contBox.area li {
    width: 29%;
  }
}

@media screen and (max-width: 356px) {
  .bbs-sch_w ul li {
    width: 46%;
  }
}

@media screen and (max-width: 350px) {
  .tab_meun li a {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 330px) {
  /*맞춤형검색*/
  .adj_box .contBox.facilities li {
    width: 25%;
  }
}

/*0620s*/
.listG-tb {
  border-top: 2px solid #000000;
  padding-top: 20px;
  margin-top: 15px;
}
.listG-tb.s1 .lineG {
  padding-left: 0;
  height: 173px;
}
.listG-tb.s1 .listG-text .titG {
  height: 35px;
  width: 100%;
}
.listG-tb .lineG {
  height: 267px;
  margin-bottom: 40px;
  position: relative;
}
.listG-tb .lineG2 {
  height: 220px;
  margin-bottom: 40px;
  position: relative;
}
.listG-tb .lineG.heiAuto {
  height: auto;
  padding: 10px 0;
}
.listG-tb .lineG:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #dedede;
  display: block;
  position: absolute;
  left: 0;
  bottom: -20px;
}
.listG-tb .listG-img {
  display: inline-block;
}
.listG-tb .listG-img img {
  border: 1px solid #cccccc;
  border-radius: 10px;
}
.listG-tb .listG-text {
  position: relative;
  height: 100%;
  margin-left: 25px;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 430px);
}
.listG-tb .listG-text .tagG .tagP1 {
  background: #dbefff;
  display: inline-block;
  margin: 2px 3px;
  padding: 3px 5px 4px 10px;
  border-radius: 4px;
  vertical-align: top;
}
.listG-tb .listG-text .tagG .tagP1 span {
  color: #666666;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  padding: 0 7px;
}
.listG-tb .listG-text .tagG .tagP1 span:before {
  content: "";
  width: 1px;
  height: 14px;
  background: #cccccc;
  display: block;
  position: absolute;
  right: -2px;
  top: 6px;
}
.listG-tb .listG-text .tagG .tagP1 span:last-child:before {
  content: "";
  display: none;
}
.listG-tb .listG-text .tagG .tagP2 {
  background: #333d7f;
  color: #ffffff;
  display: inline-block;
  margin: 2px 3px;
  font-size: 15px;
  line-height: 24px;
  border-radius: 1000px;
  padding: 3px 15px;
  vertical-align: top;
}
.listG-tb .listG-text .tagG .tagP3 {
  background: #259e4f;
  color: #ffffff;
  display: inline-block;
  margin: 2px 3px;
  font-size: 15px;
  line-height: 24px;
  border-radius: 1000px;
  padding: 3px 15px;
  vertical-align: top;
}
.listG-tb .listG-text .titG {
  color: #333333;
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  margin-top: 18px;
  display: inline-block;
  height: 33px;
  overflow: hidden;
  word-break: keep-all;
}
.listG-tb .listG-text .addDate {
  color: #555;
}
.listG-tb .listG-text .titG-txt span {
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  display: block;
  height: 50px;
  overflow: hidden;
}
.listG-tb .listG-text .infG {
  position: absolute;
  left: 0;
  bottom: 0px;
}
.listG-tb .listG-text .infG .line {
  margin-top: 0px;
}
.listG-tb .listG-text .infG .line span {
  color: #006bc6;
  font-size: 16px;
  line-height: 28px; /*width: 180px;*/
  display: inline-block;
  padding-left: 37px;
  font-weight: 500;
}
.listG-tb .listG-text .infG .line u {
  color: #444444;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}
.listG-tb .listG-text .infG .line span > p {
  color: #444444;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  display: inline;
}
.listG-tb .listG-text .infG .line span.bg1 {
  background: url(./program/icoT1.jpg) no-repeat left
    2px;
}
.listG-tb .listG-text .infG .line span.bg2 {
  background: url(./program/icoT2.jpg) no-repeat left
    2px;
}
.listG-tb .listG-text .infG .line span.bg3 {
  background: url(./program/icoT3.png) no-repeat left
    2px;
}
.listG-tb .listG-text .infG .line span.bgNo {
  padding-left: 0;
  width: auto;
  margin-right: 10px;
}

.listG-tb .listG-text .infT span {
  font-size: 17px;
  line-height: 25px;
  color: #cccccc;
  display: block;
  margin-bottom: 15px;
}
.listG-tb .listG-text .infT p {
  font-size: 18px;
  line-height: 26px;
  word-break: keep-all;
}

.listG-tb .listG-p1 a {
  font-size: 20px;
  line-height: 27px;
  display: block;
  margin-bottom: 7px;
  height: 30px;
  overflow: hidden;
}
.listG-tb .listG-p1 span {
  font-size: 17px;
  line-height: 25px;
  color: #cccccc;
  display: block;
  margin-bottom: 15px;
}
.listG-tb .listG-p1 p {
  font-size: 19px;
  line-height: 29px;
  display: block;
}

@media screen and (max-width: 1024px) {
  .listG-tb .lineG {
    padding-left: 0;
    height: auto;
  }
  .listG-tb .listG-img {
    position: static;
    display: block;
    margin-bottom: 20px;
  }
  .listG-tb .listG-text {
    margin-left: 0;
    width: 100%;
  }
  .listG-tb .listG-text .infG {
    position: static;
    margin-top: 10px;
  }
  .listG-tb .listG-text .titG {
    height: auto;
    font-size: 19px;
    line-height: 26px;
  }
  .listG-tb.s1 .listG-text .titG {
    height: auto;
  }
  .listG-tb.s1 .lineG {
    height: auto;
  }
}
@media screen and (max-width: 500px) {
  .listG-tb .listG-img img {
    width: 100%;
  }
  .listG-tb .listG-text .infG .line u {
    display: block;
    margin-bottom: 10px; /* margin-left: 37px; */
  }
  .listG-tb .listG-text .tagG .tagP1 {
    display: block;
    text-align: center;
  }
  .listG-tb .listG-text .tagG .tagP2 {
    display: block;
    text-align: center;
    margin-top: 4px;
  }
  .listG-tb .listG-text .tagG .tagP3 {
    display: block;
    text-align: center;
    margin-top: 4px;
  }
}
/*0620e*/

/* 250220 일시적 장소 사용안내 */
.new-page-cont .tit-top {
  position: relative;
  color: #269e50;
  font-size: 1.7rem;
  font-weight: 600;
  padding: 30px 0;
}
.new-page-cont .tit-top2 {
  position: relative;
  color: #222;
  font-size: 1.2rem;
  font-weight: 600;
  padding-top: 20px;
}

.new-page-cont .tit-st4 {
  margin: 15px 0;
  font-weight: 400;
}
.new-page-cont .tit-st4 + .tit-st1 {
  margin-top: 40px;
}
.new-page-cont .park_tb + .tit-st1 {
  margin-top: 35px;
}
.new-page-cont .tit-st4 + .tit-st4 {
  margin-top: 0px;
}
.new-page-cont .tip {
  font-size: 1rem;
  margin-top: 10px;
}
.new-page-cont .tip + .tip {
  margin-top: 5px;
}
.new-page-cont .tip + .tit-st1 {
  margin-top: 40px;
}
.new-page-cont .tit-depth {
  font-size: 1.125rem;
  margin: 30px 0 10px;
}
.new-page-cont .tit-depth.bullet_type01 {
  position: relative;
  padding-left: 18px;
  margin-top: 10px;
}
.new-page-cont .tit-depth.bullet_type01::before {
  /*content: "▶";*/
  content: "–";
  position: absolute;
  left: 2px;
  top: 5px;
  font-size: 0.7rem;
}
.new-page-cont .tit-top2 + .park_tb {
  margin-top: 10px;
}

.step_list_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: space-between;
  margin-top: 20px;
}
.step_list_wrap > div {
  font-size: 1.125rem;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 10px;
  background-color: #ecf4eb;
  color: #487f4d;
  flex: 1 1 0;
}
.step_list_wrap > div::before {
  content: "";
  width: 10px;
  height: 10px;
  background: url("../../images/bull_step_arrow.png") center no-repeat;
  background-size: 20px auto;
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
}
.step_list_wrap > div:first-child:before {
  display: none;
}

.new-page-cont .tit-depth + .tit-st1 {
  padding-top: 30px;
}
.new-page-cont .tit-depth + .tit-st1:before {
  top: 34px;
}

.new-page-cont .tit-st1 {
  line-height: 26px;
}
.new-page-cont .tit-st1:before {
  top: 4px;
}
.new-page-cont .tit-st4 {
  line-height: 22px;
}
.new-page-cont .tit-st4:before {
  top: 10px;
  transform: none;
}

.new-page-cont .text-box-type01 {
  text-align: center;
  margin: 15px 0 22px;
  padding: 20px 20px;
  border: 2px solid #999;
}
.new-page-cont .text-box-type01 dt {
  color: #000;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.new-page-cont .text-box-type01 dd {
  color: #333;
  font-size: 1.125rem;
}
.new-page-cont .text-box-type01 dd + dd {
  margin-top: 5px;
}

@media screen and (max-width: 500px) {
  .new-page-cont .tab_meun.li5 li {
    width: 33.3%;
  }

  .new-page-cont .park_tb {
    margin-top: 20px;
  }
  /*
	.new-page-cont .park_tb {margin-top:20px;overflow:hidden;overflow-x: auto;}
	.new-page-cont .park_tb::-webkit-scrollbar {height: 5px;  }
	.new-page-cont .park_tb::-webkit-scrollbar-thumb {background-color:#333;}
	.new-page-cont .park_tb::-webkit-scrollbar-track {background-color:#e2e2e2;}
	.new-page-cont .park_tb table {min-width:800px;}
	*/
  .new-page-cont .tit-top {
    padding: 10px 0;
    font-size: 1.2rem;
  }
  .new-page-cont .tit-st1 {
    font-size: 1.2rem;
  }
  .new-page-cont .park_tb + .tit-st1 {
    margin-top: 20px;
  }
  .new-page-cont .tit-st4 + .tit-st1 {
    margin-top: 30px;
  }
  .new-page-cont .tit-st4 {
    font-size: 0.9rem;
    margin: 10px 0;
  }

  .new-page-cont .tit-depth {
    font-size: 0.9rem;
    margin: 5px 0;
  }
  .new-page-cont .tit-depth.bullet_type01 {
    padding-left: 14px;
  }
  .new-page-cont .tit-depth.bullet_type01::before {
    font-size: 0.6rem;
    top: 4px;
  }
  .new-page-cont .tip {
    font-size: 0.9rem;
    margin-top: 6px;
  }
  .new-page-cont .tip + .tip {
    margin-top: 3px;
  }
  .new-page-cont .text-box-type01 dt {
    font-size: 1.125rem;
  }
  .new-page-cont .text-box-type01 dd {
    font-size: 0.9rem;
  }
  .new-page-cont .text-box-type01 dd strong {
    display: block;
  }

  .step_list_wrap {
    display: block;
  }
  .step_list_wrap > div {
    margin-top: 20px;
    font-size: 0.9rem;
  }
  .step_list_wrap > div br {
    display: none;
  }
  .step_list_wrap > div::before {
    left: 50%;
    top: -15px;
    transform: translateX(-50%) rotate(90deg);
  }
}

.map_wrap_area {
  margin: 20px 0;
  text-align: center;
}
.top_space {
  margin-top: 20px;
}

.flex_list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.flex_list li {
  width: calc(25% - 15px);
  border: 1px solid #ddd;
  position: relative;
  border-radius: 10px;
  transition: all 0.5s;
}
.flex_list li a {
  display: block;
}
.flex_list li .img {
  position: relative;
  padding-bottom: 64%;
  overflow: hidden;
  background: #fff;
  border-radius: 10px 10px 0 0;
}
.flex_list li .img img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: block;
  margin: auto;
  height: 100%;
}
.flex_list li .cont {
  position: relative;
  padding: 1.75em 1.313em;
}
.flex_list li .cont .tit_area {
  color: #212121;
  font-size: 1.125rem;
  padding-bottom: 10px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  visibility: visible;
}
.flex_list li .cont .t_ex {
  font-size: 14px;
}
.flex_list li .cont .inTxt span {
  position: relative;
  padding-right: 20px;
}
.flex_list li .cont .inTxt span:not(:last-child):after {
  content: "";
  position: absolute;
  background: #8f8f8f;
  width: 2px;
  height: 14px;
  top: calc(50% - 7px);
  right: 8px;
}
.flex_list li:hover {
  border: 1px solid #259e50;
}

.tb_wrap_scroll_ex {
  display: none;
}
.tb_txt_area {
  color: #333;
  font-size: 1rem;
  padding-top: 30px;
  font-weight: 600;
}

.img_pop_wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #2c2c2c;
  display: none;
  z-index: 999;
}
.img_pop_wrap > div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img_pop_wrap img {
  width: 100%;
  height: auto;
  max-width: 600px;
}

.btn_area {
  text-align: center;
}
.btn_area .btn_view {
  width: 473px;
  height: 82px;
  display: inline-block;
  background: url("../images/content/btn_202505.png") no-repeat center;
  background-size: cover;
  margin-bottom: 38px;
}

.btn_both_wrap {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.btn_both_type {
  display: inline-block;
  background: #008e4c;
  color: #fff;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 600;
  border-radius: 15px;
}
.btn_both_type span {
  min-height: 68px;
  padding: 10px 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn_both_type span::after {
  display: block;
  margin-left: 22px;
  min-width: 40px;
  height: 7px;
  background: url("https://parks.seoul.go.kr//images/sub1_parkBtn1.png")
    no-repeat right top;
  content: "";
}
.btn_both_type2 {
  margin-left: 10px;
  display: inline-block;
  background: #25795f;
  color: #fff;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 600;
  border-radius: 15px;
}
.btn_both_type2 span {
  min-height: 68px;
  padding: 10px 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn_both_type2 span::after {
  display: block;
  margin-left: 22px;
  min-width: 20px;
  height: 14px;
  background: url("https://parks.seoul.go.kr/images/egovframework/com/template/down_btn.png")
    no-repeat right top;
  content: "";
}

@media screen and (max-width: 768px) {
  .tb_wrap_scroll {
    overflow: hidden;
    overflow-x: auto;
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-align: right;
  }
  .tb_wrap_scroll .park_tb table {
    min-width: 1200px;
  }
  .tb_wrap_scroll .park_tb table.small_tb {
    min-width: 768px;
  }
  .tb_wrap_scroll_ex {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
  }
  .tb_wrap_scroll_ex + .tb_wrap_scroll .park_tb {
    margin-top: 10px;
  }
  .tb_txt_area + .tb_wrap_scroll .park_tb {
    margin-top: 10px;
  }
  .btn_both_wrap {
    flex-direction: column;
  }
  .btn_both_type span {
    padding: 10px 25px;
    font-size: 17px;
    min-height: 58px;
  }
  .btn_both_type2 span {
    padding: 10px 25px;
    font-size: 17px;
    min-height: 58px;
  }
}

@media screen and (max-width: 500px) {
  .flex_list ul {
    gap: 10px;
  }
  .flex_list li {
    width: calc(50% - 5px);
  }
  .flex_list li .cont {
    padding: 10px;
  }
  .flex_list li .cont .tit_area {
    font-size: 13px;
  }
  .flex_list li .cont .t_ex {
    font-size: 12px;
  }
  .thum_img li {
    height: auto;
  }
  .thum_img li p {
    padding-bottom: 0;
  }
  .photoBox p {
    padding-top: 5px;
  }
  .btn_area .btn_view {
    width: 280px;
    height: 74px;
    display: inline-block;
    background: url("/images/btn_202505_m.png") no-repeat center;
    background-size: cover;
  }

  .btn_both_type2 {
    margin-left: 0;
  }
  .btn_both_type span {
    padding: 8px 15px;
    font-size: 17px;
  }
  .btn_both_type2 span {
    padding: 8px 15px;
    font-size: 17px;
  }
  .btn_both_type span::after {
    margin-left: 12px;
    min-width: 24px;
  }
  .btn_both_type2 span {
    font-size: 17px;
  }
  .btn_both_type2 span::after {
    margin-left: 5px;
    min-width: 14px;
  }
}