html,
body {
  position: relative
}

body {
  padding: 0;
  margin: 0;
  color: #000;
}

img {
  vertical-align: top
}

#wrap {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden
}

#header {
  background: #303031;
  overflow: hidden;
  position: relative;
  z-index: 10
}

#header span {
  float: left
}

.min {
  font-size: 0
}

.main-cates {
  margin: 0;
  padding: 0;
  list-style: none
}

.main-cates li {
  float: left;
  width: 50%
}

.foot-btns {
  margin: 0;
  padding: 0;
  list-style: none
}

.foot-btns li {
  float: left
}

.foot-btns li.r {
  width: 32.5%
}

.foot-btns li.k {
  width: 35%
}

.foot-btns li.c {
  width: 32.5%
}

#main-menu-wrap {
  position: relative
}

#main-menu {
  position: absolute;
  width: 120px;
  min-height: 810px;
  background: url(/images/menu-bg.png) repeat-y left top;
  background-size: 120px 100%;
  z-index: 3;
  left: -120px;
  overflow: hidden
}

#main-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 5;
  position: relative;
}

#main-menu-btn li a {
  background-size: 84px;
  display: block;
  width: 100%;
  height: 41px
}

.main-menu1 {
  background: url(/skin/images/menu-text-skin.png) no-repeat 50% 0
}

.main-menu2 {
  background: url(/skin/images/menu-text-skin.png) no-repeat 50% -41px
}

.main-menu3 {
  background: url(/skin/images/menu-text-skin.png) no-repeat 50% -82px
}

.main-menu4 {
  background: url(/skin/images/menu-text-skin.png) no-repeat 50% -123px
}

.main-menu5 {
  background: url(/skin/images/menu-text-skin.png) no-repeat 50% -164px
}

.main-menu6 {
  background: url(/skin/images/menu-text-skin.png) no-repeat 50% -205px
}

.main-menu7 {
  background: url(/skin/images/menu-text-skin.png) no-repeat 50% -246px
}

.main-menu-tel {
  background: url(/skin/images/menu-text-skin.png) no-repeat 50% -492px;
  height: 80px !important
}

.main-menu-kakao {
  background: url(/skin/images/menu-text-skin.png) no-repeat 50% -572px;
  height: 110px !important
}

#main-menu-sub-wrap {
  position: absolute;
  background: #4f4d4e;
  width: 280px;
  height: 810px;
  overflow: hidden;
  z-index: 2;
  left: -280px
}

.main-menu-sub {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 160px
}

.main-menu-sub li {
  border-bottom: 1px solid #5c5b5c
}

.main-menu-sub li a {
  display: block;
  padding: 10px 0;
  color: #999;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0
}

.main-menu-sub-wrap {
  width: 2100px;
  position: absolute;
  padding-left: 120px
}

.main-menu-over {
  background: url(/images/menu-over.png) no-repeat 0 50%;
  background-size: 125px 44px;
  width: 125px;
  height: 41px;
  position: absolute;
  left: 0;
  top: -100px;
  z-index: 4
}

#contents-wrap {
  min-height: 500px
}

.tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
}

.tab-g2 {
  grid-template-columns: repeat(2, 1fr);
}

.tab-g4 {
  grid-template-columns: repeat(3, 1fr);
}

.tabs li {
  position: relative;
  border-bottom: 1px solid #606060;
  border-right: 1px solid #606060;
  box-sizing: border-box;
}

.tabs li a {
  display: block;
  width: 100%;
  line-height: 20px;
  /* height: 100%; */
  background: #323030;
  color: #999;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: -1px;
}

.tabs li a.on {
  background: #891915;
  color: #fff
}

.tabs li a.on_b {
  background: #b9871c;
  color: #fff
}



/* notice & counsle 부분 */
#pages {
  padding: 20px 0 30px;
  text-align: center
}

#pages a {
  display: inline-block;
  padding: 5px 12px;
  text-decoration: none;
  color: #333;
  margin: 0 2px;
  text-align: center;
}

#pages a.on {
  color: #fff;
  background: #790000;
}

.list-wrap {
  background: #f7f7f7;
  padding: 5px;
}

.list-ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.list-ul li {
  border: 1px solid #dedfde;
  background: #fff;
  margin-bottom: 5px
}

.list-ul li a {
  display: block;
  padding: 10px;
  text-decoration: none;
}

.subject {
  letter-spacing: -1px;
  color: #333;
  font-size: 18px;
  font-weight: normal
}

.winfo {
  clear: both;
  overflow: hidden;
  padding-top: 3px
}

.name {
  letter-spacing: -1px;
  color: #999;
  font-size: 14px;
  font-weight: normal;
  float: left
}

.date {
  letter-spacing: -1px;
  color: #999;
  font-size: 14px;
  font-weight: normal;
  float: right
}

.icon-notice {
  background: #e4af00;
  color: #000;
  font-size: 12px;
  padding: 3px 10px 2px;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px
}

.list-notice-bg {
  background: #fcfcf9
}

.reply-done {
  background: #eee;
  color: #000;
  font-size: 12px;
  padding: 3px 10px 2px;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px
}

.reply-ready {
  background: #f26722;
  color: #fff;
  font-size: 12px;
  padding: 3px 10px 2px;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px
}

.view-wrap {
  background: #f7f7f7;
  padding: 5px
}

.prog-view {
  border: 1px solid #dedfde;
  background: #fff;
  padding: 10px
}

.view-subject {
  margin: 0;
  padding: 0;
  letter-spacing: -1px;
  color: #333;
  font-size: 18px;
  font-weight: normal
}

.view-info {
  border-bottom: 1px solid #2f2f2f;
  padding-bottom: 10px
}

.view-content {
  margin: 0;
  padding: 10px 0;
  line-height: 1.7
}

.btn-wrap {
  text-align: center;
  padding: 30px 0 40px
}

.btn-normal {
  background: #333;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 20px;
  text-decoration: none;
  letter-spacing: -1px;
  display: inline-block;
  border: none;
  -webkit-appearance: none;
  border-radius: 0
}

.input-wrap {
  border-bottom: 1px solid #dedfde
}

.input {
  border: none;
  font-size: 14px;
  margin: 0;
  padding: 10px 0;
  width: 100%;
  -webkit-appearance: none;
  border-radius: 0
}

.input-select {
  border: none;
  font-size: 14px;
  margin: 0;
  padding: 10px 0;
  width: 100%;
  -webkit-appearance: none;
  border-radius: 0;
  text-align: center
}

.priv-title {
  font-size: 15px;
  letter-spacing: -1px;
  padding: 10px 0 10px 0
}

.priv-content {
  overflow-y: scroll;
  height: 100px;
  font-size: 11px;
  letter-spacing: -1px;
  padding: 5px;
  border: 1px solid #eee;
  background: #f7f7f7;
  color: #666
}

.re-cont {
  background: #f7f7f7;
  border: 1px solid #eee;
  padding: 10px;
  margin-top: 30px
}

.re-cont span,
.re-cont p {
  background: #f7f7f7 !important;
}

.add-subject {
  padding: 0 0 10px;
  margin: 0;
  border-bottom: 2px solid #ddd;
  letter-spacing: -1px
}


/*달력*/
.reserv-wrap {
  background: #e5e5e5;
}

.reserv-wrap a {
  text-decoration: none;
  color: black;
}

#cal-year {
  text-align: center;
  font-size: 24px;
  padding: 20px 0 10px;
}

#cal-year span {
  display: inline-block;
  margin: 10px 20px
}

#cal-year a {
  text-decoration: none;
  color: black;
}

.cal-year-btn {
  text-decoration: none;
  background: #fff;
  border: 1px solid #dedfde;
  border-radius: 4px;
  color: #333;
  display: inline-block;
  font-size: 12px;
  padding: 8px 12px;
  vertical-align: 5px
}

.cal-wrap {
  border: 1px solid #dedfde;
  background: #fff;
  padding: 10px
}

#cal-table {
  table-layout: fixed
}

#cal-table th {
  font-size: 14px;
  padding: 10px 0;
  border-bottom: 2px solid #eee
}

#cal-table td {
  text-align: center;
  padding: 10px 0
}

#cal-table td a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  font-size: 13px
}

.today {
  background: #333;
  color: yellow
}

.today a#today {
  background: #333;
  color: yellow
}

.sun {
  color: #e28d8d
}

.sat {
  color: #8dbde2
}

.red {
  color: #a93030;
  background: #fbdfdf
}

.nor {
  background: #f1f1f1;
  color: #333
}

.im {
  background: #dfeef9
}

.cal-use {
  text-align: center;
  padding: 20px 0;
  font-size: 14px;
  letter-spacing: -1px
}

.cal-use-s {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #96c0e0;
  margin-right: 5px;
  vertical-align: top
}

.cal-sub-title {
  font-size: 16px;
  text-align: center;
  letter-spacing: -1px;
  border-bottom: 1px solid #eee;
  padding: 12px 0 18px
}

.cal-timetable {
  padding: 0;
  margin: 14px 0 20px;
  list-style: none;
  overflow: hidden;
}

.cal-timetable li {
  float: left;
  width: 50%
}

.cal-timetable li a {
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  margin: 2px
}

.cal-timetable li a.use {
  color: #333;
  background: #dfeef9
}

.cal-timetable li a.cant {
  color: silver;
  background: #f8f8f8
}

#post th {
  width: 25%;
  font-size: 13px;
}

#post td {
  font-size: 12px;
  letter-spacing: -1.5px;
  border-bottom: 1px solid #ccc
}

/* 내부 둘러보기 */
.inner {
  list-style: none;
  padding: 0;
  margin: 0
}

.inner li {
  float: left;
  position: relative;
  border-bottom: 1px solid #606060;
  border-right: 1px solid #606060;
  box-sizing: border-box
}

.inner li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #999;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: -1px
}

.inner_view {
  width: 25%
}

/* 지도 세팅 */
.map_tabs {
  list-style: none;
  padding: 0;
  margin: 0
}

.map_tabs li {
  float: left;
  position: relative;
  border-bottom: 1px solid #606060;
  border: 1px solid #999;
  box-sizing: border-box;
}

.map_tabs li a.on {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: -1px;
  padding: 15px 0;
  background: #3d588f
}

.map_tabs li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #999;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: -1px;
  padding: 15px 0;
}

.tab_map {
  width: 25%
}