@charset "utf-8";

/* 게시판 쓰기 */
/* #char_count_desc {display:block;margin:0 0 0.3125rem;padding:0}
#char_count_wrap {margin:0.3125rem 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {
  display:none;
  z-index:10;
  position:absolute !important;
  top:2.125rem;
  right:0;
  width:21.875rem;
  height:auto !important;
  height:11.25rem;
  max-height:11.25rem;
  border:1px solid #565656;
  background:#fff;
  -webkit-box-shadow: 0.125rem 0.125rem 0.1875rem 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0.125rem 0.125rem 0.1875rem 0 rgba(0,0,0,0.2);
  box-shadow: 0.125rem 0.125rem 0.1875rem 0 rgba(0,0,0,0.2);
}
#autosave_pop:before{
  content: "";
  position: absolute;
  top: -0.5rem;
  right: 2.8125rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.375rem 0.5rem 0.375rem;
  border-color: transparent transparent #000 transparent;
}
#autosave_pop:after{
  content: "";
  position: absolute;
  top: -0.4375rem;
  right: 2.8125rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.375rem 0.5rem 0.375rem;
  border-color: transparent transparent #fff transparent;
}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:625rem !important}
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {
  padding:0.9375rem;
  border-top:1px solid #e9e9e9;
  list-style:none;
  overflow-y:scroll;
  height:8.125rem;
  border-bottom:1px solid #e8e8e8
}
#autosave_pop li {
  padding:0.5rem 0.3125rem;
  border-bottom:1px solid #fff;
  background:#eee;
  zoom:1
}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {
  cursor:pointer;
  width:100%;
  height:1.875rem;
  background:none;
  color:#888;
  font-weight:bold;
  font-size:0.92em
}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{
  background:url(./img/close_btn.png) no-repeat 50% 50%;
  text-indent:-999px;
  overflow:hidden;
  height:1.25rem;
  width:1.25rem;
} */

/****** list ******/
/* .gallery_list_wrap {margin: 2.5rem 0;}
.gallery_list_wrap ul {display: flex; align-items: center; flex-wrap: wrap; margin: -1.5625rem -0.625rem;}
.gallery_list_wrap .list_item {
  width: 25%;
  height: auto;
  padding: 1.5625rem 0.625rem;
  cursor: pointer;
  position:relative;
}
.gallery_list_wrap .list_item .dpp_pci_chk {position: absolute; top: 2.03125rem; left: 1.25rem;}
.gallery_list_wrap .list_item .img_item {
  position: relative;
  width: 100%;
  height: 26.5625rem;
  border: 1px solid #E7E7E7;
  overflow:hidden;
}
.gallery_list_wrap .list_item .img_item::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  transition:all 0.5s;
}
.gallery_list_wrap .list_item:hover .img_item::before {opacity: 1;}
.gallery_list_wrap .list_item .img_item::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 3.125rem;
  height: 3.125rem;
  background: #fff url("/theme/basic/img/gall_hover.png") center no-repeat;
  background-size: 1.3125rem;
  z-index: 2;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.5s all;
  opacity: 0;
}
.gallery_list_wrap .list_item:hover .img_item::after {opacity:1;}
.gallery_list_wrap .list_item .img_item .ov_txt{display: none;}
.gallery_list_wrap .list_item:hover .img_item .ov_txt{opacity: 1;}
.gallery_list_wrap .list_item .img_item img {width: 100%; height: 100%; object-fit: cover;}
.gallery_list_wrap .list_item p {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 1.25rem;
} */

/* pagination */
/* #board_gallery_content .pagination {
  padding-top: 2.0625rem;
  display: flex; align-items: center; justify-content: center;
}
#board_gallery_content .pagination li {
  width: 3.125rem; height: 3.125rem; margin: 0 0.625rem;
}
#board_gallery_content .pagination li a {
  font-size: 1.5625rem;
  font-weight: 500;
  color: #868686;
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%;
}
#board_gallery_content .pagination li.active a {
  background: #000;
  color: #fff;
  font-weight: 700;
  border-radius: 100%;
} */

/* popup */
.popup_wrap {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10000;
}
.popup_wrap .popup_cont {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: auto; height: auto;
}
.popup_wrap .popup_cont .close_btn {
  display: flex; justify-content: flex-end;
  margin-bottom: 0.9375rem;
}
.popup_wrap .popup_cont .close_btn img {width: 1.1875rem; cursor: pointer;}
.popup_wrap .popup_cont .cont {
  width: 37.5rem;
  aspect-ratio: 10/13;
  overflow-y: scroll;
}
.popup_wrap .popup_cont .cont p{width:100%; height:100%;}
.popup_wrap .popup_cont .cont::-webkit-scrollbar{display:none;}
.popup_wrap .popup_cont .cont img {
  width: 100%; height: 100%; object-fit: cover;
}

/* 모바일 */
@media screen and (max-width:1024px) {

  /* .gallery_list_wrap ul {margin: -0.75rem -0.3125rem;}
  .gallery_list_wrap .list_item {width: 50%; padding: 0.75rem 0.3125rem;}
  .gallery_list_wrap .list_item p {margin-top: 1.1875rem; font-size: 0.875rem;}

  .page_navigation {margin: 1.5rem 0;}
  #board_gallery_content .pagination li {width: 0.9375rem; height: 0.9375rem; margin: 0 0.0625rem;}
  #board_gallery_content .pagination li a {font-size: 0.5625rem;} */

  .popup_wrap .popup_cont {
    width: 100%;
    height: 28.3125rem;
    padding: 0 0.75rem;
    top: 50%;
  }
  .popup_wrap .popup_cont .close_btn img {width: 1.125rem;}
  .popup_wrap .popup_cont .cont {width: 100%; margin: 0 auto;}
  /* .gallery_list_wrap .list_item .img_item {height: 13.0625rem;} */
}