/* 게시판 목록 */
@charset "utf-8";

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
   position: relative;
   min-height: 1px;
   padding-right: 10px;
   padding-left: 10px;
}

.col-xs-15 {
   width: 20%;
   float: left;
}

.review-wrap .row > div {
   text-align: left;
}

/* ============================================================================== */
.review-wrap .thumbnail .caption {
   /* padding: 25px 20px 10px 20px; */
   /* color: #000; */
   padding: 0;
   /* border: 1px #d9d9d9 solid; */
   /* background: linear-gradient(0deg, rgba(224, 224, 224, 0.3), transparent); */
   margin-top: -1px;
   text-align: left;
}

.review-wrap .thumbnail .caption .ca_name {
   position: absolute;
   top: 4px;
   right: -6px;
}

.review-wrap .thumbnail .caption .subject {
   transition: all 0.3s;
   letter-spacing: -0.05em;
   font-size: 17px;
   padding: 4px 6px;
   max-width: 100%;
}
.review-wrap .thumbnail .caption .subject h5 {
   color: #222;
   display: block; /* or inline-block */
   white-space: nowrap; /* 줄바꿈 금지 */
   overflow: hidden; /* 넘치는 텍스트 숨김 */
   text-overflow: ellipsis; /* ... 표시 */
   height: 18px;
}

#gall_allchk {
   text-align: left;
}

.review-wrap .thumbnail .caption .wr_2 {
   font-size: 1.2rem;
   padding: 2px 4px 2px 6px;
   text-transform: uppercase;
   white-space: nowrap;
   overflow: hidden;
   /* max-width: 100px; */
   height: 22px;
   /* width: 70px; */
}

.review-wrap .thumbnail .caption .wr_3 {
   padding: 2px 4px;
   position: absolute;
   left: 14px;
   top: 14px;
   color: yellow;
   font-weight: bolder;
   /* background: rgba(224, 224, 224, 0.2); */
   animation: blink22 0.5s infinite alternate;
   font-size: 26px;
   transform: rotate(-15deg);
   text-shadow:
      1px 0px 2px black,
      0px 1px 2px black,
      -1px 0px 2px black,
      0px -1px 2px black,
      1px 1px 2px black,
      -1px -1px 2px black,
      1px -1px 2px black,
      -1px 1px 2px black;
}
@-webkit-keyframes blink22 {
   0% {
      opacity: 1;
   }
   80% {
      opacity: 1;
   }
   100% {
      opacity: 0.7;
   }
}

@-moz-keyframes blink22 {
   0% {
      opacity: 1;
   }
   80% {
      opacity: 1;
   }
   100% {
      opacity: 0.7;
   }
}

@keyframes blink22 {
   0% {
      opacity: 1;
   }
   80% {
      opacity: 1;
   }
   100% {
      opacity: 0.7;
   }
}

.review-wrap .thumbnail .caption .wr_4 {
   /* background: rgba(173, 33, 33, 0.9); */
   /* border-radius: 2px; */
   /* float: right; */
   padding: 2px 4px;
   /* line-height: 28px; */
   position: absolute;
   right: 0;
   bottom: 0;
   color: #b90000;
   font-weight: 500;
   /* background: rgba(224, 224, 224, 0.2); */
   padding-left: 10px;
   background-color: #fff;
}

/* .review-wrap .thumbnail .caption .subject a,
.review-wrap .thumbnail .caption .wr_2 span,
.review-wrap .thumbnail .caption .wr_4 span {
   color: #fff;
} */
section.spac-table .table_wrap .table {
   opacity: 1;
}

/* ============================================================================== */
.review-wrap .thumbnail .caption h3 {
   font-size: 14px;
   line-height: 22px;
   /* font-weight: 900; */
   margin: 0;
   /* text-align: center;*/
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.review-wrap .thumbnail .caption .data_hit_wrap {
   margin-top: 15px;
}

.review-wrap .thumbnail .caption .data_hit_wrap .date {
   font-size: 14px;
   font-family: "Ubuntu", sans-serif;
}

.review-wrap .thumbnail .caption .data_hit_wrap .hit {
   font-size: 14px;
   font-size: 14px;
   font-family: "Ubuntu", sans-serif;
   text-align: right;
}

.review-wrap .thumbnail .caption .data_hit_wrap i {
   font-weight: 100;
}

.review-wrap .thumbnail {
   padding: 0;
   background-color: #fff;
   margin: 0;
   transition: 0.3s;
   border-radius: 0;
   border: 0;
   box-shadow: none;
   border: 1px solid #d9d9d9;
   min-height: 210px;
}

/* .review-wrap .thumbnail:hover .caption,
.review-wrap .thumbnail:hover .image_wrap {
   border: 1px solid green;
} */

.review-wrap .thumbnail:hover {
   border: 1px solid green;
}

.review-wrap .thumbnail img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.review-wrap .thumbnail:hover img {
   transform: translate(-50%, -50%) scale(1.05);
}

.thumbnail a > img {
   transition: all 0.2s;
   font-size: 20px;
   color: #ccc;
   position: relative;
}

.thumbnail .no_image {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: rgba(198, 198, 198, 0.5);
   font-size: 18px;
   font-weight: bold;
   width: 100%;
   text-align: center;
}

/* .review-wrap .thumbnail .image_wrap {
   position: relative;
   overflow: hidden;
   border: 1px solid #d9d9d9;
   height: 185px;
   display: flex;
   justify-content: center;
   align-items: center;
} */
.review-wrap .thumbnail .image_wrap {
   position: relative;
   overflow: hidden;
   border-bottom: 1px solid #d9d9d9;
   height: 185px;
   display: -webkit-box;
   /* display: -ms-flexbox; */
   /* display: flex; */
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.review-wrap .thumbnail p {
   padding-top: 10px;
   padding-bottom: 0;
   margin-bottom: 0;
   font-size: 13px;
}

/* 리스트 */
.tbl_wrap .table {
   border-top: 2px #3f3f3f solid;
}

.tbl_head01 .table th {
   background-color: #fff;
   line-height: 28px;
   border: 0;
}

.tbl_head01 .table td {
   padding-top: 15px;
   padding-bottom: 15px;
   border-bottom: 1px #e2e2e2 solid;
}

#bo_list .tbl_head01 a {
   font-size: 15px;
   text-decoration: none;
}

#bo_list .tbl_head01 a:hover {
   color: #000;
}

.tbl_head01 .table td.td_num {
   padding-left: 40px;
   padding-right: 40px;
}

.navbar-form {
   margin-right: -25px;
   text-align: center;
   margin: 0 auto;
}

/* 쓰기  */
.tbl_wrap th {
   background-color: #f6f6f6;
}

#bo_w #wr_2,
#bo_w #wr_4 {
   margin-left: 1%;
}

/* 읽기 */
article#bo_v header #bo_v_title {
   border-top: 2px #000 solid;
   padding: 10px 0;
   font-size: 1.2em;
}

.wzd_board_header {
   border-top: 2px #000 solid;
   border-bottom: 1px #eee solid;
}

.wzd_board_header h1 {
   font-size: 16px;
   font-weight: 600;
   padding-bottom: 12px;
   padding-left: 30px;
}

#bo_v_con {
   padding: 30px;
   padding-left: 0;
   padding-right: 0;
}

#bo_v_bot {
   border-top: 1px #eee solid;
   padding-top: 15px;
}

/* 버튼 */
.btn {
   font-size: 12px !important;
}

a.btn-info {
   color: #fff;
   font-weight: 600;
}

/* 게시판 목록 마감 */
/* 게시판 뷰 페이지 */
#bo_v_title .bo_v_tit {
   border-top: 2px #000 solid;
   border-bottom: 1px #e0e0e0 solid;
   background-color: #fcfcfc;
   display: block;
   font-size: 19px;
   font-weight: 900;
   padding-left: 20px;
   margin: 5px 0 0;
   padding-top: 22px;
   padding-bottom: 22px;
   word-break: break-all;
}

#bo_v_info .profile_info .pf_img img {
   border-radius: 50%;
   width: 42px;
   height: 42px;
   margin-right: 10px;
}

#bo_v_info .profile_info {
   margin: 10px 0 10px;
   display: inline-block;
   float: left;
   padding-left: 20px;
}

#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {
   font-weight: bold;
}

#bo_v_sns {
   padding: 0;
   list-style: none;
   zoom: 1;
   float: right;
   display: inline-block;
}

#bo_v_sns:after {
   display: block;
   visibility: hidden;
   clear: both;
   content: "";
}

#bo_v_sns li {
   float: left;
   width: 35px;
   margin-right: 3px;
   text-align: left;
}

#bo_v_sns li a {
   height: 35px;
   line-height: 35px;
   text-align: center;
   border-radius: 3em;
   color: #fff;
   font-size: 0.95em;
   padding-left: 6px;
}

#bo_v_sns li img {
   vertical-align: middle;
   margin-right: 5px;
}

#bo_v_sns li .sns_f {
   display: block;
   background: #3b5997;
}

#bo_v_sns li .sns_t {
   display: block;
   background: #09aeee;
}

#bo_v_sns li .sns_g {
   display: block;
   background: #ea4026;
}

#bo_v_sns li .sns_k {
   display: block;
   background: #fbe300;
}

#bo_v_sns li span {
   display: none;
}

/* 검색 ============================================= */
#bo_gall {
   text-align: center;
}

.bo_sch_wrap2 {
   position: relative;
   display: inline-block;
   margin: auto;
   width: 50%;
   min-width: 380px;
}

.bo_sch2 {
   background: #fff;
   border-radius: 5px;
   -webkit-box-shadow: 1px 1px 18px rgb(0 0 0 / 20%);
   -moz-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2);
   box-shadow: 1px 1px 18px rgb(0 0 0 / 20%);
   background: #fff;
   border-radius: 0;
   background-color: #37406b;
   /* display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center; */
}

.bo_sch2 h3 {
   padding: 0 20px;
   border-bottom: 0;
   font-size: 16px;
   display: inline-block;
   margin: 0;
   line-height: 55px;
   font-weight: 600;
   color: #e9ebfa;
}

.bo_sch2 h3:before {
   white-space: nowrap;
   font-family: FontAwesome;
   content: "\f002 ";
}

.bo_sch2 form {
   padding: 6px;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   font-size: 14px;
}

.bo_sch2 .sch_bar {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   border-radius: 0;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   /* background-color: #F5F5F5; */
   width: 100%;
}

.bo_sch2 .sch_input {
   height: 40px;
   border: 0;
   padding: 0 12px;
   font-size: 14px;
   width: 70%;
}

.bo_sch2 select {
   border: 0;
   height: 40px;
   width: 120px;
   padding-left: 10px;
   border-left: 1px solid #d0d3db;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

.bo_sch2 .sch_btn {
   height: 38px;
   color: #bbbbbb;
   border: 0;
   width: 44px;
   font-size: 15px;
   background-color: #37406b;
   margin-left: 6px;
}