@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);





* {margin:0px; padding:0px; box-sizing: border-box;}


html, body {height:100%;background:#f1f2f7;min-width:1280px;}
ul li {list-style:none;}
a, a:link { color:#000;text-decoration:none;  }
a:visited { color:#000;text-decoration:none;  }
a:hover, a:active {color:#000;text-decoration:none; }


body{font-family: 'Noto Sans KR', sans-serif;font-weight:400;font-size:13px;}

.w60 {width:60px;}
.w100 {width:100px;}
.w180 {width:180px;}


.top {width:100%; height:30px;  margin:0 auto; font-family:'Tahoma,굴림'; font-size:16px; background:#2b70b7;}
.top_title {color:white; padding-left:20px; line-height:30px;}

.nav {width:126px; border:2px solid #c8d0d9; padding:10px; color:#374273; margin-top:20px; font-size:14px; float:left;}
.nav p {margin-bottom:10px; cursor:pointer;}
.nav p:last-child{margin-bottom:0px;}

.sub_page {float:left; margin:20px 0 0 20px; width:834px; font-size:12px; padding:10px;}
.sub_content {margin-top:20px;}

.clear {clear:both;}


/* top */
.xtop {background:white;border-bottom:1px solid #f1f2f7;position:fixed;left:0px;right:0px;z-index:1000;min-height:60px;}



 
/* ==========================================================
   왼쪽 사이드 바 — type2 디자인 톤 (Modern Minimal)
   ========================================================== */
.sidebar {
  width:220px;
  position:fixed;
  left:0;
  top:60px;
  bottom:0;
  background:#ffffff;
  border-right:1px solid #ececec;
  overflow-y:auto;
  overflow-x:hidden;
  z-index:90;
  font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;
  box-shadow:1px 0 2px rgba(13,61,52,.03);
}
.sidebarListBox {
  margin-top:0;
  padding:18px 14px 28px;
}
.sidebar .sb-section { margin-bottom:18px; }
.sidebar .sb-section:last-child { margin-bottom:0; }
.sidebar .sb-label {
  font-size:11px;
  font-weight:700;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:#8a9994;
  padding:8px 12px 6px;
  line-height:1.3;
}
.sidebarListBox ul { margin:0; padding:0; list-style:none; }
.sidebarListBox ul li {
  position:relative;
  width:auto;
  height:auto;
  line-height:normal;
  margin-bottom:2px;
  padding:0;
  background:transparent;
  border-radius:8px;
  transition:background-color .15s, color .15s;
}
.sidebarListBox ul li a {
  display:block;
  padding:10px 14px 10px 22px;
  font-size:14px;
  font-weight:500;
  color:#0d3d34;
  border-radius:8px;
  text-decoration:none;
}
.sidebarListBox ul li::before {
  content:'';
  position:absolute;
  left:8px;
  top:50%;
  width:3px;
  height:0;
  background:#1f7a5f;
  border-radius:2px;
  transform:translateY(-50%);
  transition:height .18s cubic-bezier(.4,0,.2,1);
  pointer-events:none;
}
.sidebarListBox ul li:hover {
  background:rgba(31,122,95,.06);
  cursor:pointer;
}
.sidebarListBox ul li:hover a { color:#1f7a5f; }
.sidebarListBox ul li:hover::before { height:16px; }
.sidebarListBox ul li.on {
  background:rgba(31,122,95,.10);
}
.sidebarListBox ul li.on a {
  color:#0d3d34;
  font-weight:700;
}
.sidebarListBox ul li.on::before { height:18px; }


/* 내용 — 사이드바가 노출된 페이지에서만 left.html 이 .content 마진을 부여 */
.content {height:100%;display:block;position:relative;}
.wrapper {display:inline-block;margin-top:60px;padding:20px;width:100%;}

/* 참여마을 리스트 */
.wrapper .title {height:44px;line-height:44px;font-weight:700;font-size:16px;background:white;border-bottom:1px solid #eff2f7;padding-left:20px;}
.list_table {border-collapse:collapse;background:white;width:100%;word-break:break-all;}
.list_table thead th {border-bottom: 2px solid #ddd;height:40px;text-align:left;padding-left:10px;}
.list_table thead th .chkAll {border:1px solid red;}
.list_table tbody tr:hover {background:#f5f5f5;}
.list_table tbody tr td {border-top:1px solid #ddd;height:40px;text-align:left;padding-left:10px;}


/* 참여마을 등록 */
.write_table {border-collapse:collapse;background:white;width:100%;}
.write_table tr td {border-top:1px solid #ddd;height:60px;text-align:left;padding:0px 20px;position:relative;}
.writeBtnBox {position:relative;height:30px;width:100%;margin:20px 0px;}

 


/* 입력박스 */
.input01 {box-shadow:none;color:#c2c2c2;display:block;width:100%;height: 40px;padding: 4px 10px;font-size: 14px;color: #555;background: #fff;border: 1px solid #ccc;border-radius: 4px;}
.input02 {box-shadow:none;color:#c2c2c2;display:block;width:160px;height: 40px;padding: 4px 10px;font-size: 20px;color: #555;background: #fff;border: 1px solid #ccc;border-radius: 4px;text-align:center;}



/* 버튼 */
.btnBox {display:block;text-align:left;}
.btn {background:#bec3c7;color:#fff;cursor:pointer;display:inline-block;padding:8px 16px;font-size:15px;font-family:'ngb';}
.btn:hover {color:#333;background:#b0b5b9;}

.btn_red {background:#ec6459;}
.btn_red:hover {color:white;background:#c9302c;} 

.btn_blue {background:#41cac0;}
.btn_blue:hover {color:white;background:#39b2a9;} 

.btn_green {background:#6dbb4a;}
.btn_green:hover {color:white;background:#449d44;} 


.btn_yellow {background:#f1c500;}
.btn_yellow:hover {color:white;background:#e4ba00;}

.btn_purple {background:#c9abc3;}
.btn_purple:hover {color:white;background:#864d7f;}
 


/* 페이징 */
.pagingBox {text-align:center;margin-top:20px;}
.pagination {display: inline-block;padding-left: 0;border-radius: 4px;font-family:'open_sansregular';} 
.pagination li {display: inline;}
.pagination li a {cursor:pointer;}
.pagination li a, .pagination li span {position: relative;float: left;padding: 4px 10px;margin-left:0px;line-height: 1.42857143;color:#bfbfbf;text-decoration: none;background-color: #fff;border: 1px solid #ddd;font-size: 13px;}
.pagination li a:hover {border:1px solid #5993de;}
.pagination li a.on {background:#5993de;color:white;border: 1px solid #5993de;}