@charset "utf-8";

 /* 스케줄 */
#bo_list .popup_layer {position:absolute; display:none; width:200px; border:solid 1px #a2a2a2; background-color:#fdfac2; padding:5px; z-index:2;}
#today_schedule {text-align:left;margin-top:2em}
#today_schedule h3 {width:200px;padding:0.5em 0;border:1px solid #68a268;border-radius:2em;color:#000000;font-size:1em;text-align:center;background-color:#defade;font-weight:normal;}
#today_schedule div {margin:1em}

/* 게시판 목록 공통 */
.bo_fx {margin-bottom:5px;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;padding-top:5px}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px;margin-bottom:3px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:8px;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#f5f6fa}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}

.bo_current {color:#e8180c}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

#bo_list{width:100%;overflow:auto;}
.viewDay{padding:2px 2px 2px 10px;background:#999;text-align:Center; font-size:14px;font-weight:bold;color:#000;border-radius:5px;}
.viewDay b{display:block;padding:20px; text-align:center;border-radius:3px;background:#fff;}
.viewDay strong{display:block; font-size:20px; margin-bottom:15px;}
.viewDay strong:after{content:'';display:block; width:30px; height:1px; background:#000; margin:15px auto 0;}

.cke_sc,
.btn_cke_sc{display:none !important;}

/* 달력 꾸밈 */
.calTop{margin:0 auto;width:100%; padding:20px 0;text-align:center;vertical-align:middle;}
.calTop a{display:inline-block;font-size:22px;font-weight:bold;padding:15px; color:RGBA(0,0,0,0.3);
		-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;
	}
.calTop a:hover{color:#000;}
.calTop a.todaygo{color:#000;}

.calList{background:#fff; border-top:2px solid #e6e6e6;width:100%; table-layout: fixed;}
.calList th{width:14%;overflow:hidden; border:1px solid #e6e6e6;border-left:0px;background:#f8f8f8;padding:15px 0;}
.calList td{width:14% !important;overflow:hidden; border:1px solid #e6e6e6;border-top:0px;border-left:0px;padding-bottom:5px;white-space: nowrap;}

.calList tr th:first-child,
.calList tr td:first-child
.calList tr th:last-child,
.calList tr td:last-child{width:15%;}
	.calList tr th:last-child,
	.calList tr td:last-child{border-right:0px;}


.writeCalColor{height:auto; margin:8px 0;}
.writeCalColor label{display:inline-block;position:relative; cursor:pointer; margin:8px;}
.writeCalColor label i{display:block;width:30px; height:30px;border-radius:3px;border:1px solid RGBA(0,0,0,0.3);}
.writeCalColor label input{display:block;width:20px; height:20px;position:absolute; left:-7px;top:-7px;border-radius:50%;border:1px solid #fff;}

	.calA{display:block;font-size:12px;overflow:hidden;border-radius:4px;background:#999;color:#fff;padding:2px 5px; text-align:left;margin-bottom:3px;clear:both;
		-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;
		}
	

.reservationInfo{padding:10px 0;}
.reservationInfo span{display:inline-block; padding:3px; color:#666; font-size:13px;}
.reservationInfo span i{display:inline-block; width:13px; height:13px; border-radius:50%; vertical-align:middle;}
.reservationIcon{display:inline-block; padding:2px 5px; color:#fff; background:#999; border-radius:3px;}

	.reservation01{background:#388e3c;}
	.reservation02{background:#FF5252;}
	.reservation03{background:#b9b9b9;}
	.reservation04{background:#651FFF;}


	.colorBgNone{}
	.colorBg01{background:#999999 !important;}
	.colorBg02{background:#575efd !important;}
	.colorBg03{background:#8e24aa !important;}
	.colorBg04{background:#8b3dff !important;}
	.colorBg05{background:#d269e6 !important;}
	.colorBg06{background:#ff339c !important;}
	.colorBg07{background:#ff5154 !important;}
	.colorBg08{background:#ff9900 !important;}
	.colorBg09{background:#21a663 !important;}
	.colorBg10{background:#000000 !important;}
	
	a:hover.calA{background:#000 !important;}
	
	.writeCalColor .colorBgNone{width:auto;}
	.writeCalColor .colorBgNone:after{content:'선택없음'; line-height:30px; padding:0 8px; color:#999; font-style:normal;}
	
	.writeCalColor .reservation01,
	.writeCalColor .reservation02,
	.writeCalColor .reservation03,
	.writeCalColor .reservation04,
	.writeCalColor .reservation05{width:auto;}
	.writeCalColor .reservation01:after,
	.writeCalColor .reservation02:after,
	.writeCalColor .reservation03:after,
	.writeCalColor .reservation04:after,
	.writeCalColor .reservation05:after{width:auto; line-height:30px; padding:0 8px; color:#fff; font-style:normal;}
	
	.writeCalColor .reservation01:after{content:'예약가능';}
	.writeCalColor .reservation02:after{content:'예약마감';}
	.writeCalColor .reservation03:after{content:'대기예약';}
	.writeCalColor .reservation04:after{content:'출발확정';}
	.writeCalColor .reservation05:after{content:'';}

.calBottomTxt{padding:10px 0; color:#999; font-size:12px;}



/* 글 작성 별도 스타일 */
.write_divCate{}
.write_divCate label{display:inline-block;position:relative; cursor:pointer; padding:8px 16px; background:#eef7ff; color:RGBA(0,0,0,0.5); font-size:14px; margin:6px 3px 3px 0; border-radius:5px; border:1px solid #dde9f3;}
.write_divCate label input{margin-right:3px;}
.write_divCate label input[type="radio"]:checked + span {font-weight:bold; color:#000;}
.write_divCate label:hover{border:1px solid #9dadbc;}


.has-tooltip {
	cursor: pointer;
	position: relative;
}
.tooltip {
	position: absolute;
	background-color: #333;
	color: white;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 14px;
	white-space: nowrap;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-5px);
	transition: all 0.3s ease;
	pointer-events: none;
}
.tooltip::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 5px solid transparent;
	border-top-color: #333;
}
.tooltip.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.demo-container {
	margin: 20px 0;
	padding: 20px;
	background: white;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

@media all and (min-width: 600px)
{
	.calA{text-overflow:ellipsis;white-space:nowrap;}

}
@media all and (max-width: 600px)
{
	.calList{border-left:0px;border-right:0px;}
	.calA{overflow:auto;font-size:11px;letter-spacing:-0.05em;font-weight:normal;}
	.calList tr th:last-child,
	.calList tr td:last-child{border-right:0px;}
	.calList tr td{height:60px;}
	
	.reservationInfo{text-align:center;}

}

/* 웹진 목록 */
#bo_list {position:relative}
#bo_list:after {display:block; visibility:hidden; clear:both; content:""}
#bo_list table td{position:relative}

.cal_Lat {position:relative;margin-bottom:20px;overflow:hidden;text-align:left;padding:0; margin-top:20px; border:1px dashed #efefef; border-radius:10px;}
.cal_Lat .webzLatTit {display:block;}
.cal_Lat .webzLatTit a{color:#000;display:block;position:relative; margin:0 auto; padding:20px;font-size:16px; text-align:center; background:#eef7ff;}
.cal_Lat .webzLatTit a u{display:block;width:50px;height:5px;background:#ddd;}

.cal_Lat ul{padding:0px;margin:0;text-align:left;list-style:none;}
.cal_Lat li {list-style:none;margin:0px;padding:0px;border-bottom:1px dotted #ddd;}
.cal_Lat li a {display:block;font-size:13px;color:#666; padding:15px 20px;position:relative;overflow:hidden;
	-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;
	}
.cal_Lat li a:hover{color:#000; background:#fcf9f5;}

.cal_Lat li a i.webzLatThumb{float:left;margin:0 10px 0 0;overflow:hidden;border-radius:50%;background-size:auto 200%;background-position:center center;}
.cal_Lat li a i.webzLatThumb img{display:block;}
.cal_Lat li a b{display:block;margin-bottom:10px; font-size:14px;color:#000;}
.cal_Lat li a em{display:block; font-style:normal; font-size:12px;color:#666;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.2em; height: 2.4em;}

.cal_Lat li a b i,
.cal_Lat li a b span{display:inline-block;vertical-align:middle;}

.cal_Lat li a span{font-size:11px;}
.cal_Lat li .fa-heart{color:#ff0000;}
.cal_Lat li .fa-lock{display: inline-block;font-size:11px;line-height: 14px;width: 16px;color: #999;background: #efefef;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #ddd}
.cal_Lat li .new_icon{display:inline-block;font-size:11px;width: 16px;line-height:16px;color:#fff;background:#ff6600;text-align:center;border-radius: 50%;}
.cal_Lat li .hot_icon{display:inline-block;font-size:11px;width: 16px;line-height:16px ;color:#fff;background:#e52955;text-align:center;border-radius: 50%;}
.cal_Lat li .fa-caret-right{color:#bbb}
.cal_Lat .lt_date{display:block;color:#999;height:20px;line-height:20px;font-size:10px;font-family:verdana;}

.cal_Lat  .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
.cal_Lat  .empty_li:before{background:none;padding:0}
.cal_Lat .lt_cmt{display:inline-block;background:#333;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;}

.cal_Lat .lt_more {clear:both;font-size:12px;font-weight:bold;display:inline-block; padding:10px 30px;color:#ddd;border-radius:50px;text-align:center; margin:20px auto 0;background:#333;border:2px solid #fff;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.cal_Lat .lt_more:hover{color:#fff;border:2px solid #333;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

.cal_Lat .youtubeImbBlank{filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}

@media all and (max-width:650px)
{
	.cal_Lat {padding:0px;}
	.cal_Lat .webzLatTit a{padding:15px;font-size:16px;}
	.cal_Lat li a {font-size:12px;}
	.cal_Lat .lt_more{font-size:11px;letter-spacing:-0.05em;padding:10px 15px;}
	.cal_Lat li a i.webzLatThumb{width:60px;height:60px;}
	.cal_Lat li a em{ }

}