/**************** 서브페이지 공통 *******************/

.wrap:after {
  content: "";
  display: block;
  clear: both;
}
.board .title_rview {
  display: block;
  width: 100%;
  clear: both;
  box-sizing: border-box;
}
.board .gallery_view_cont img {
  max-width: 100%;
}

/* 로딩중 */
#loading {
  text-align: center;
  display: none;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 4000;
  width: 100%;
  height: 100vh;
  position: fixed;
}
#loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/**************** 게시판 글 작성 페이지 *******************/

.board table.basic tbody.write div.item label.head {
  position: static !important;
}

.c_sub041 fieldset {
  border: 0;
}

.c_sub041 .write td {
  padding: 0 !important;
}
.board .write .item label {
  font-size: 14px !important;
}
.board .write caption {
  display: none;
}

.write div.item {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 5px 0;
  width: auto !important;
  padding: 10px !important;
}
.write input[type="text"],
.write input[type="password"] {
  width: auto !important;
  height: 24px;
}

/* 제목 */

.board .write input#Subject {
  max-width: 540px;
}

/* 작성자 */

.board .write input#memberNick {
  max-width: 100px;
}

/* 전화번호 */

.write .item:has(label[for="memberTel"]) {
  display: flex;
}
.board .write .item label[for="memberTel"] {
  width: 80px !important;
}
.board .write #memberTel1 {
  max-width: 50px;
}
.board .write #memberTel2 {
  max-width: 50px;
}
.board .write #memberTel3 {
  max-width: 50px;
}

/* 이메일 */

.board .write .item:has(label[for="memberEmail"]) {
  display: flex;
}
.board .write .item label[for="memberEmail"] {
  width: 80px !important;
}
.board .write #memberEmail1 {
  max-width: 75px;
}
.board .write #memberEmail2 {
  max-width: 75px;
}

/* 차량번호 */

.board .write input#tempData1 {
  max-width: 100px;
}

/* 내용 */

.board .write label[for="Content"] {
  grid-column: span 2;
  margin-bottom: 5px;
}
.board .write #cke_Content {
  grid-column: span 2;
}

/***** menu *****/
.c_sub_tab .tab_title div {
  list-style: none;
  padding: 10px 30px;
  cursor: pointer;
  text-align: center;
  line-height: 100%;
  font-size: 18px;
  border-radius: 20px;
  border-bottom: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
  background-color: transparent;
  transition: all 0.3s;
}

/***** 공통 상단 메뉴 s *****
/************ h_right gnb_wrap*************/
.gnb_wrap {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  margin-top: 22px;
  font-size: 0;
  vertical-align: top;
}
.gnb_wrap li {
  font-size: 16px;
}
.gnb_wrap > li {
  display: inline-block;
  vertical-align: top;
  padding: 10px 0;
  padding-left: 11px;
  font-size: 16px;
}
.gnb_wrap > li > a {
  display: block;
  position: relative;
  padding-right: 32px;
}
.gnb_wrap > li > a:before {
  background: #e5e5e5;
}
.gnb_wrap > li:first-child > a:before {
  display: block;
  content: "";
  position: absolute;
  top: 1px;
  left: -12px;
  width: 1px;
  height: 15px;
  background: #e5e5e5;
}
.gnb_wrap > li + li > a:before {
  display: block;
  content: "";
  position: absolute;
  top: 1px;
  left: -12px;
  width: 1px;
  height: 15px;
}
.gnb_wrap > li > a:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: 18px;
  top: 7px;
  width: 2px;
  height: 2px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.47);
  box-shadow: 4px 4px 0px rgb(0 0 0 / 47%), 2px 2px 0px rgb(0 0 0 / 47%), 6px 2px 0px rgb(0 0 0 / 47%), 8px 0px 0px rgb(0 0 0 / 47%);
  transition: all ease 0.2s;
}
.gnb_wrap > li ul {
  display: none;
  position: absolute;
  left: 0;
  top: 35px;
  text-align: left;
  padding: 15px 0 10px;
  width: 100%;
  white-space: normal;
  font-size: 0 !important;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 1px 2px rgb(0 0 0 / 40%);
  background: #fff;
}
.gnb_wrap > li ul li {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin: 10px 0 20px;
  width: calc((100% - 15px) / 4);
  padding-right: 5px;
}
.gnb_wrap > li ul li:nth-child(4n) {
  padding-right: 0;
}
.gnb_wrap > li ul li a {
  display: block;
  position: relative;
  padding-top: 65px;
  text-shadow: 0 0 3px rgb(0, 0, 0, 20%);
  font-weight: 400 !important;
}
.gnb_wrap > li ul li a:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url("/image/re/ci_251203.png");
  background-size: 550%;
  transition: all 0.3s;
}
.gnb_wrap > li ul li:hover a:before {
  opacity: 0.5;
}
/************ ci position *************/
/************ 공원시설 *************/
.gnb_wrap > li:nth-child(1) ul li:nth-child(1) a:before {
  background-position: -3px -13px;
}
.gnb_wrap > li:nth-child(1) ul li:nth-child(2) a:before {
  background-position: -114px -13px;
}
.gnb_wrap > li:nth-child(1) ul li:nth-child(3) a:before {
  background-position: -225px -13px;
}
.gnb_wrap > li:nth-child(1) ul li:nth-child(4) a:before {
  background-position: -336px -13px;
}
.gnb_wrap > li:nth-child(1) ul li:nth-child(5) a:before {
  background-position: -3px -98px;
}
.gnb_wrap > li:nth-child(1) ul li:nth-child(6) a:before {
  background-position: -114px -98px;
}
.gnb_wrap > li:nth-child(1) ul li:nth-child(7) a:before {
  background-position: -225px -98px;
}
.gnb_wrap > li:nth-child(1) ul li:nth-child(8) a:before {
  background-position: -341px -98px;
}
.gnb_wrap > li:nth-child(1) ul li:nth-child(9) a:before {
  background-position: -454px -13px;
}
/************ 교통시설 *************/
.gnb_wrap > li:nth-child(2) ul li:nth-child(1) a:before {
  background-position: -3px -183px;
}
.gnb_wrap > li:nth-child(2) ul li:nth-child(2) a:before {
  background-position: -114px -183px;
}
.gnb_wrap > li:nth-child(2) ul li:nth-child(3) a:before {
  background-position: -225px -183px;
}
.gnb_wrap > li:nth-child(2) ul li:nth-child(4) a:before {
  background-position: -225px -183px;
}
.gnb_wrap > li:nth-child(2) ul li:nth-child(5) a:before {
  background-position: -114px -268px;
}
.gnb_wrap > li:nth-child(2) ul li:nth-child(6) a:before {
  background-position: -114px -268px;
}
.gnb_wrap > li:nth-child(2) ul li:nth-child(7) a:before {
  background-position: -225px -268px;
}
.gnb_wrap > li:nth-child(2) ul li:nth-child(8) a:before {
  background-position: -336px -268px;
}
.gnb_wrap > li:nth-child(2) ul li:nth-child(9) a:before {
  background-position: -336px -268px;
}
.gnb_wrap > li:nth-child(2) ul li:nth-child(10) a:before {
  background-position: -336px -268px;
}
.gnb_wrap > li:nth-child(2) ul li:nth-child(11) a:before {
  background-position: -225px -353px;
}
/************ 상가시설 *************/
.gnb_wrap > li:nth-child(3) ul li:nth-child(1) a:before {
  background-position: -3px -438px;
}
.gnb_wrap > li:nth-child(3) ul li:nth-child(2) a:before {
  background-position: -114px -438px;
}
/************ 장사시설 *************/
.gnb_wrap > li:nth-child(4) ul li:nth-child(1) a:before {
  background-position: -3px -523px;
}
.gnb_wrap > li:nth-child(4) ul li:nth-child(2) a:before {
  background-position: -114px -523px;
}
/************ 체육시설 *************/
.gnb_wrap > li:nth-child(5) ul li:nth-child(1) a:before {
  background-position: -3px -608px;
}
.gnb_wrap > li:nth-child(5) ul li:nth-child(2) a:before {
  background-position: -114px -608px;
}
/***** 2023. 5. 1. 스포원 ****/
.gnb_wrap > li:nth-child(5) ul li:nth-child(1) a:before {
  background-position: -225px -608px;
}
.gnb_wrap > li:nth-child(5) ul li:nth-child(2) a:before {
  background-position: -3px -608px;
}
.gnb_wrap > li:nth-child(5) ul li:nth-child(3) a:before {
  background-position: -114px -608px;
}
/***** 2025. 8. 6. 사이클팀 ****/
.gnb_wrap > li:nth-child(5) ul li:nth-child(4) a:before {
  background-position: -336px -608px;
}
/************ 문화시설 *************/
.gnb_wrap > li:nth-child(6) ul li:nth-child(1) a:before {
  background-position: -3px -693px;
}
.gnb_wrap > li:nth-child(6) ul li:nth-child(2) a:before {
  background-position: -114px -701px;
}
.gnb_wrap > li:nth-child(6) ul li:nth-child(3) a:before {
  background-position: -220px -701px;
}
/************ 사회복지 *************/
.gnb_wrap > li:nth-child(7) ul li:nth-child(1) a:before {
  background-position: -3px -778px;
}

/************ gnb_left *************/
.gnb_left:after {
  content: "";
  display: block;
  clear: both;
}

/************ gnb_right *************/
.gnb_right {
}
.gnb_right .gnb_login {
  display: inline-block;
  margin-top: 10px;
}
.gnb_right .gnb_login > li {
  display: inline-block;
  margin-right: 14px;
}
.gnb_login > li > a:before {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 7px;
}
.gnb_right .top_search {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
  position: relative;
  width: 100%;
}
.gnb_right .top_search fieldset {
  border-radius: 50px;
  overflow: hidden;
}
.gnb_right .top_search .top_search_schbox input {
  border: 0;
  padding: 10px 0;
  background: transparent;
  width: 100%;
  text-indent: 20px;
}
.gnb_right .top_search .top_search_button .search_btn {
  display: none;
}
.gnb_right .top_search .top_search_button .search_btn_label:before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  font-weight: 900;
  font-size: 20px;
  cursor: pointer;
  padding: 0 10px;
  margin-top: 6px;
  position: absolute;
  right: 5px;
}

/****** 공통 상단 메뉴 e *******/