@charset "utf-8";

@media (min-width:767px) {
	.pc-none {display: none !important;}
}
@media (max-width:767px) {
	.mobile-none {display: none !important;}
}

.box-style {
  padding: 10px;
  border-radius: 10px;
  box-shadow: 2px 3px 6px 0px rgb(0 0 0 / 13%);
  -webkit-box-shadow: 2px 3px 6px 0px rgb(0 0 0 / 13%);
  -moz-box-shadow: 2px 3px 6px 0px rgb(0 0 0 / 13%);
}

.pn-box-style {
  border-radius: 10px;
  box-shadow: 2px 3px 6px 0px rgb(0 0 0 / 13%);
  -webkit-box-shadow: 2px 3px 6px 0px rgb(0 0 0 / 13%);
  -moz-box-shadow: 2px 3px 6px 0px rgb(0 0 0 / 13%);
}

#bo_v_infomation .v-info-box { font-size: 15px;}
#bo_v_infomation #bo_v_img img {margin: 0;}

#bo_v_infomation .v-info-top-title {background: #fff; display: flex; justify-content: space-between; align-items: center; margin-top: 1rem;}
#bo_v_infomation .v-info-top-title span,#bo_v_infomation .v-info-top-title button {width: 49.5%; border: 2px solid #333; border-radius: 10px; padding: 10px; background: #fff; font-weight: bold;}
#bo_v_infomation .v-info-top-title img {width: 30px;}

#bo_v_infomation .v-info-txt table {
  width: 100%;
  border-radius: 10px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0; box-shadow: 2px 5px 8px #9b9b9b59;
  -webkit-box-shadow:2px 5px 8px #9b9b9b59;
  -moz-box-shadow:2px 5px 8px #9b9b9b59;
}
#bo_v_infomation .v-info-txt .mobile-none th {background: #333; color: #fff; width: 120px; border-bottom: 1px solid #818181; text-align: center;}
#bo_v_infomation .v-info-txt .mobile-none td {border: 1px solid #ddd; border-bottom:0;}
#bo_v_infomation .v-info-txt .mobile-none tr:first-child th:nth-child(1) {border-radius: 10px 0 0 0;}
#bo_v_infomation .v-info-txt .mobile-none tr:first-child td:nth-child(4) {border-radius: 0 10px 0 0;}

#bo_v_infomation .v-info-txt .mobile-none tr:last-child th:nth-child(1) {border-radius: 0 0 0 10px;}
#bo_v_infomation .v-info-txt .mobile-none tr:last-child td:nth-child(4) {border-radius: 0 0 10px 0;}
#bo_v_infomation .v-info-txt .mobile-none tr:last-child td {border-bottom: 1px solid #ddd;}

.basic_table {
	width: 100%;
  border-radius: 10px;
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
	box-shadow: 2px 5px 8px #9b9b9b59;
  -webkit-box-shadow:2px 5px 8px #9b9b9b59;
  -moz-box-shadow:2px 5px 8px #9b9b9b59;
}
.basic_table th {background: #333; color: #fff; width: 120px; border-bottom: 1px solid #818181; text-align: center;}
.basic_table td {border: 1px solid #ddd; border-bottom:0; border-left: 0;}
.basic_table tr:first-child th:first-child {border-radius: 10px 0 0 0;}
.basic_table tr:first-child th:last-child {border-radius: 0 10px 0 0;}
.basic_table tr:first-child td:last-child {border-radius: 0 10px 0 0;}
.basic_table tr:last-child td {border-bottom: 1px solid #ddd;}
.basic_table tr:last-child th:first-child {border-radius: 0 0 0 10px;}
.basic_table tr:last-child td:first-child {border-radius: 0 0 0 10px;}
.basic_table tr:last-child td:last-child {border-radius: 0 0 10px 0;}
.basic_btn{display:inline-block;border: 2px solid #333; margin-bottom: 10px; padding: 5px 10px; text-align:center;; border-radius: 5px;}

.sub_table td, .sub_table th {text-align: center; width: auto !important;}
.sub_table td {border-left: 0; border-right:0; border-bottom: 0;}

.extimer {padding: 5px; text-align: center; font-weight: bold;}
#countdown {color: #ff0000;}

#bo_v_infomation .v-info-txt .pc-none th {background: #333; color: #fff; width: 100px; border-bottom: 1px solid #818181; text-align: center;}
#bo_v_infomation .v-info-txt .pc-none td {border: 1px solid #ddd; border-bottom:0;}
#bo_v_infomation .v-info-txt .pc-none tr:first-child th:nth-child(1) {border-radius: 10px 0 0 0;}
#bo_v_infomation .v-info-txt .pc-none tr:first-child td:nth-child(2) {border-radius: 0 10px 0 0;}

#bo_v_infomation .v-info-txt .pc-none tr:last-child th:nth-child(1) {border-radius: 0 0 0 10px;}
#bo_v_infomation .v-info-txt .pc-none tr:last-child td:nth-child(2) {border-radius: 0 0 10px 0;}
#bo_v_infomation .v-info-txt .pc-none tr:last-child td {border-bottom: 1px solid #ddd;}

#bo_v_infomation .v-info-txt td a i {font-size: 14px; margin-left: 3px;}
#bo_v_infomation .v-info-event {font-size: 14px;}
#bo_v_infomation .v-info-sites-cate span {background: #e1e1e1; color: #6b6b6b; padding: 3px 8px; border-radius: 5px; font-size: 14px;}
#bo_v_infomation .v-info-ex-img img {width: 25px; position: relative; top: -2px;}

#bo_v_con .bo_v_con_info_txt {margin-top: 1rem;}
#bo_v_con .bo_v_con_info_txt span {background: #fff; color: #333; font-weight: bold; font-size: 16px; padding: 7px 20px; border-radius: 10px; margin-left: 10px;}
#bo_v_con .bvc_info_txt2 {margin-top: 4rem;}
#bo_v_con .bvc_info_txt2 span {border-radius: 10px 10px 0 0;}
#bo_v_con .bo_v_con_info_txt p {background: #333; color: #fff; margin-top: -15px; margin-bottom: 2rem; padding: 22px 10px 10px 10px; border-radius: 10px;}
#bo_v_con .bvc_info_txt p {background: #efefef; color: #333; margin-top: -5px; padding: 10px;}
#bo_v_con .bo_v_con_info_txt p a {padding: 6px 13px 6px 9px; background: #ffcaca; color: #f75555; border-radius: 5px; font-size: 15px; font-weight: bold; position: relative; left: 15px;}
#bo_v_con .bo_v_con_info_txt p a img {width: 20px; position: relative; top: -1px;}
#bo_v_con .bo_v_con_info_txt p a:hover {background: #ff5959; color: #fff;}
#bo_v_con .bo_v_con_info_txt hr {display: block; height: 5px; background: #e7110a; margin-top: -4px; margin-bottom: 2rem;}

.list_col {margin-bottom: 1rem;}
.list_col .list_col_setup {background: #fff;}
.list_title_custom {border-radius: 3px; margin-bottom: 5px; overflow: hidden;}
.list_title_custom div,
.list_fast_menu div {text-align: center; font-weight: bold; width: 100%;}
.list_title_custom div { padding: 2px 0; background: #333; color: #fff;}
.list_title_custom div:first-child {border-radius: 3px ; position: relative;}

.list_exex_box>div {flex: 0 0 49%; text-align: center; font-size: 13px;}

.list_title_custom div img {width: 15px; position: absolute; top: 4px;}

.list_fast_menu {display: flex; justify-content: space-between;}
.list_fast_menu div {border: 2px solid #333; margin-bottom: 0; padding: 6px 0; width: 49%; border-radius: 3px; line-height: 1; font-size: 13px;}
.list_fast_menu div a {display: block;}

#bo_v .v-info-box{display:block;}
#bo_v .v-info-logoimg{width:48%;float:left;}
#bo_v .v-info-txt{width:48%;float:right;}
#bo_v .v-info-logoimg img{width:100%; border-radius: 10px !important;}
#bo_v .v-info-box:after{display:block;visibility:hidden;clear:both;content:"";}

#date_filter_form #select_date{	outline: 0; border: 0; background: unset; font-weight: bold;}
#date_filter_form #gift_prev,
#date_filter_form #gift_today {
	width: 31px;
	height: 30px;
	border-radius: 50rem;
	outline: 0;
	border: 0;
	background: #fff;
	font-size: 10px;
	box-shadow: 0 1px 8px #0000002e;
	-webkit-box-shadow: 0 1px 8px #0000002e;
	-moz-box-shadow: 0 1px 8px #0000002e;

}

@media all and (max-width:1100px) {
  #bo_v_infomation .v-info-box, #bo_v_infomation .v-info-event, #bo_v_infomation .v-info-sites-cate span, #bo_v_infomation .v-info-txt td button { font-size: 12px;}
  #bo_v_infomation #bo_v_img img {width: 100%; height: auto; max-width: 360px;}
  #bo_v_infomation .v-info-ex-img img,#bo_v_infomation .v-info-top-title img {width: 21px; top: -1px;}
  #bo_v_con .bo_v_con_info_txt span {font-size: 16px;}
}


@media all and (max-width:991px) {
 #bo_v  .v-info-logoimg{width:100%;}
 #bo_v  .v-info-txt{width:100%;}
}

@media (max-width:767px) {
  #bo_v_btn_wrap {flex-wrap: wrap;}
  #bo_v_btn_wrap #bo_v_btn {width: 100%;}
  #bo_v_con .bo_v_con_info_txt p a {display: block; width: 50%; text-align: center; margin: 0 auto; margin-top: 0.5rem; position: unset;}

	#bo_v_infomation .v-info-txt {margin-top: 1rem;}

	.basic_table th {width: 70px;}
	.basic_table {font-size: 12px;}
	.basic_table .bnumth {width: 70px; text-align: center;}

	.sub_table td,th {padding: 5px;}
}

@media (max-width:576px) {
  .list_col .list_col_setup {font-size: 13px;}
  .list_title_custom {margin-bottom: 3px;}
	.list_fast_menu {flex-direction: column;}
  .list_title_custom div {width: 100%;}
  .list_fast_menu div {width: 100%; padding: 5px 0; margin-bottom: 0; margin-top: 2px;}
}

/* 모바일 목록 */
@media all and (max-width:767px) {
	.responsive #bo_list .float-left.float-md-none {
		margin-right:0.75rem;
	}
	.responsive #bo_list .na-title {
		margin-bottom:0.14rem;
	}
}

/* gallery */
#bo_gallery .chk-box {
	position:absolute;
	bottom:5px;
	right:10px;
	z-index:2;
}
#bo_gallery .wr-now {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.75);
	z-index:1;
}

/* 게시판 읽기 */
#bo_v_title {
	font-size:23px;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:-1px;
}
#bo_v_con {
	min-height:200px;
	word-break:break-all;
	overflow:hidden
}
@media all and (max-width:575px) {
	.responsive #bo_v_title {
		font-size:20px;
		line-height:1.5;
	}
	.responsive #bo_v_con {
		min-height:140px;
	}
}

#bo_v_con img {
	max-width:100%;
	height:auto
}
#bo_v_img {
	width:100%;
	text-align:center;
	overflow:hidden;
	zoom:1;
}
#bo_v_img:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:"";
}
#bo_v_img a.view_image {

}
#bo_v_img img {
	margin-bottom:1.0rem;
}

/* 게시판 읽기 : SNS 공유 */
#bo_v_sns_icon {
	margin:-5px auto;
}
#bo_v_sns_icon img {
	width:40px;
	border-radius:50%;
	margin:5px;
}

/* 게시판 댓글 : 내용 */
.cmt-reply {
	top:0;
	left:-16px;
}
.by-writer {
	background:#fbefef !important;
	border-top:1px solid #f6cece !important;
}
.cmt-content {
	word-break:break-all;
	overflow:hidden
}
.cmt-content img {
	max-width:100%;
	height:auto
}

/* 게시판 댓글 : 대댓글, 수정, 삭제 */
.cmt-btn ul {
	list-style: none;
	margin: 0;
}
.cmt-btn ul > li {
	float: left;
	font-size:12px;
	padding: 0 10px;
}
.cmt-btn ul > li::before {
	float: left;
	color:#ccc;
	content: "|";
	margin-left:-12px;
}
.cmt-btn ul > li:last-child {
	padding-right:0;
}
.cmt-btn ul > li:first-child::before,
.cmt-btn ul > li.no-bar::before {
	content: "";
	margin-left:0;
}
.cmt-btn ul > li > a {
	float:left;
	color:#888;
	white-space:nowrap;
}

/* 게시판 댓글 : 쓰기폼 */
#fviewcomment #wr_content {
	resize:none;
}
@media all and (max-width:575px) {
	.responsive .cmt-box {
		border-right:0 !important;
	}
	.responsive #bo_vc_w .cmt-box {
		border-left:0 !important;
		border-radius:0 !important;
	}
	.responsive #bo_vc_login {
		border-left:0 !important;
		border-right:0 !important;
		border-radius:0 !important;
	}
}

/* 게시판 댓글 : SNS 등록 */
#bo_vc_opt ol {
	margin:0;
	padding:0;
	list-style:none;
	zoom:1;
	background:#ccc;
	border-radius:3px;
}
#bo_vc_opt ol:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:"";
}
#bo_vc_opt ol li {
	float:left;
	margin:0;
}
#bo_vc_send_sns ul {
	margin:0;
	padding:0;
	list-style:none;
	zoom:1;
}
#bo_vc_send_sns ul:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:"";
}
#bo_vc_send_sns ul li {
	float:left;
	margin:0 1.0rem 0 0;
}
#bo_vc_send_sns input {
	margin:0 0 0 0.5rem;
}

/* 게시판 쓰기 */
#bo_w .list-group-item {
	padding-left:0;
	padding-right:0;
	border-left:0;
	border-right:0;
}
#bo_w #wr_content {
	margin-bottom:1.0rem !important;
}
@media all and (max-width:575px) {
	#bo_w .list-group-item {
		padding-left:1.0rem;
		padding-right:1.0rem;
	}
	.responsive #bo_w #wr_content {
		max-height:160px !important;
	}
}