@charset "utf-8";

/* 초기화 
.dark html, h1, h2, h3, h4, h5, h6, form, fieldset, img {color:#b2b2b2; margin:0;padding:0;border:0} */

.dark {background-color: #313131;}
/* .dark #hd { background: #414040} */
.dark .placeholdersjs {color: #aaa !important}
.dark #popular li a {color: #8d8c8c;}
.dark #hd_qnb li a {display: inline-block;color:#919191}
.dark #gnb {position:relative;background: #212020}
.dark .gnb_1da {
  display: block;
  font-weight: bold;
  padding: 0 15px;
  color: #a0a0a0;
  text-decoration: none;
}
.dark .gnb_2da {
  display: block;
  padding: 0 10px;
  line-height: 40px;
  background: #a0a0a0;    /* #e6e6e6 |  */
  text-align: left;
  text-decoration: none;
}
.dark #gnb .gnb_menu_btn {background:#0d1950;color:rgb(223, 217, 217);}
.dark #wrapper {
  background: #313030;
}
.dark #container {
  position: relative;
  float: left;
  min-height: 500px;
  height: auto !important;
  margin: 20px 0;
  height: 500px;
  font-size: 1em;
  color: white;
  width: 930px;
  zoom: 1;
  background: #303030;
}
/* 상단 최신글 */
.dark .pic_li_lt {
  position: relative;
  width: 33.3333%;
  float: left;
  padding: 0 10px;
  background: #3a3a3a;
}
.dark .pic_li_lt .lat_title a {
  color: #c0c0c0;
}
.dark .pic_li_lt .empty_li {
  line-height: 145px;
  color: #c0c0c0;
  text-align: center;
  padding: 0;
}
/* 최신글 밑줄 */
.dark .pic_li_lt li {
  border-bottom: 1px solid #555c5e;
  margin-bottom: 10px;
}
/* 상단 최신글 제목 */
.dark a {
  color: #d1d1d1;
  text-decoration: none;
}
/* 상단 글쓴이/날짜 */
.dark .lt_nick {
  color: #d1d1d1;
}
.dark .lt_date {
  color: #c1c1c1;
}
.dark .sv_member {
  color: #d3d3d3;
}
.dark .lt_info .lt_data {
  color: #d8d8d8;
}
.dark .pic_lt {
  position: relative;
  margin-bottom: 20px;
  background: #3a3a3a;
}
/* 갤러리 최신글 */
.dark .pic_lt {
  position: relative;
  margin-bottom: 20px;
  background: #3a3a3a;
}
.dark .pic_lt .lat_title a {
  color: #c0c0c0;
}
/* 제일 아래 최신글 */
.dark .lat {
  position: relative;
  margin-bottom: 20px;
  background: #3a3a3a;
}
.dark .lat li {
  border-bottom: 1px solid #555c5e;
}
.dark .lat .lat_title a {
  color: #c0c0c0;
}

.dark #container_title span {
  color: #c0c0c0;
}
.dark .btn_bo_user > li {
  background: #313131;
}
.dark .tbl_wrap table {
  background: #d0d0c0;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  background: #313030;
}
.dark .tbl_head01 thead th {
  border-bottom: 1px solid #ececec;
  color: #212020;
}
.dark .tbl_head01 tbody tr:hover td {background:#3a3a3a}
.dark .tbl_head01 tbody .even {background:#5a5a5a}
.dark .tbl_head01 td {color:#666;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;}
.dark .tbl_head01 tr th {color:#d0d0c0}
.dark .tbl_head02 thead th {
  border-bottom: 1px solid #ececec;
  color: #414040;
}
.dark a {
  color: #e6e6e6;  /* #76768f | #ff3746 | #3a8afd  */
}

.dark .lt_img {
  position:relative;
}

.dark .lt_img:before {
  content:"";
  position: absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background: rgba(0,0,0,0.5);
  /* z-index:999; */
}
.dark #gnb_all {background:#515050; color: #d0d0c0}
.dark #gnb_all .gnb_al_li li a {color:#d0d0c0}
.dark #gnb #gnb_1dul {font-size:1.083em;padding:0;border-bottom:1px solid #e0e2e5; zoom:1; background-color: rgba(19, 32, 57, 0.5);} /* rgba(186, 187, 189, 0.5) -> rgba(19, 32, 57, 0.5);  */

.dark #bo_list_total{background-color:rgb(0 0 0 / 8%); padding:12px 0; border-radius:0; font-size:14px; line-height:1;}  

/* 게시판 읽기 */
.dark #bo_v {margin-bottom:20px;background:#393939;box-sizing:border-box}
.dark #bo_v_title .bo_v_tit {display:block;color:#b2b2b2;font-size:1.7em;margin:5px 0 0;word-break:break-all}  /* ### font-size:2em; >> 1.7em  ### */

/* 게시판 댓글 */
.dark .cmt_btn b {font-size:1.2em;color:#676e70}
.dark .cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#212020;font-weight:bold;margin:30px 0 0px;padding:0 0 15px}

/* 첨부파일 & 링크 */
.dark #bo_v_file h2, #bo_v_link h2{position:static; padding:10px 10px 8px; background:#393939; font-size:14px; overflow:inherit; line-height:1.5;}

/* 댓글인풋 */
.dark #fviewcomment{padding:24px 24px 16px; background-color:#212020;}

/* 화면 상단 이동 */
.dark #go-top { display: none;position: fixed;right: 140px;Top: 400px;outline: 0;border: 0;background: transparent;cursor: pointer;z-index: 9999;color: #fff;font-size:1em;}

/* dark mode togle icon */
.dark .iconbox {position:relative; top: -170px; left: -20px; width: 40px; height: 40px; border-radius: 70%; overflow: hidden; background: #393939; z-index:100;}

/* dark mode url icon ### 2022.11.17 수정 ### */
.dark .urlbox {position:relative; top:-90px; left: -1px; width: 150px; height: 40px;  overflow: hidden; background: #313030; z-index:100;}

/* 갤러리 심플 전체 선택 */
.dark #gall_allchk{height:30px; margin-bottom:10px; line-height:30px; border-top:0px solid #eef1f5; border-bottom:0px solid #eef1f5; background:#393939; -webkit-transition:background .3s; transition:background .3s;}

/* 갤러리 목록 문자 색상  */
.dark #bo_gall .bo_tit {display:block;line-height:30px;font-weight:bold;color:#b2b2b2;font-size:1.2em}

/* 첨부파일 & 링크 hover */
.dark #bo_v_file li:hover, #bo_v_link li:hover{color:#b2b2b2; border-color:#b2b2b2;}
.dark #bo_v_file li:hover i, #bo_v_link li:hover i{color:#b2b2b2;}
.dark #bo_v_file li:hover .bo_v_file_cnt, #bo_v_link li:hover .bo_v_link_cnt{color:#b2b2b2;}
.dark #bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active, 
.dark #bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active{color:#b2b2b2;}

/* 자동로그인 */
.dark #ol_auto label {color:#b2b2b2;vertical-align:baseline}

/* 사용자 정보 */
.dark #ol_after_hd strong {color:#b2b2b2;display:block;margin:5px 0 10px}

.dark .ol h2 { color: #c0c0c0;}  /* c0c0c0 */

/* 사이드뷰 */
.dark .pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}

/* 게시판용 버튼 */
.dark .btn_b01:hover, .dark .btn_b01:hover {color:#f7e725}