/**
	board skin css
*/

.board .table{border-top: 2px solid #000;border-bottom: 1px solid #ccc; margin-top:20px;}
.board .table dd {vertical-align:middle;}
.border_button{overflow:hidden;}
.board .comment-count a{color:#348fe2;padding-left:10px;}
.board .info{overflow:hidden;}
.board .info li{float:left; padding-right:20px;}
.board .contents-view{margin-bottom:10px; clear:both;}
.board .contents-view-img img { display:block; max-width:100%; margin:0 auto 15px; border:0; height:auto; }
#post-content {word-wrap: break-word;}
#post-content img {max-width:100%;}

.board .fa-user{color:#626262;}
.board .fa-comments{color:#626262;}
.board .fa-eye{color:#626262;}
.board .fa-thumbs-up{color:#626262;}
.board .fa-thumbs-down{color:#626262;}
.board .fa-clock-o{color:#626262;}
.board .fa-reply{color:#626262;}
.board .gallery .thumbnail{margin-bottom:10px;}

.board .like {padding-top:20px;}
.board .like a{text-decoration:none;}
.board .time{font-size:12px; padding-left:10px;}
.board .tags a{font-size:12px; padding-left:5px;}
.board .reply{float:right; font-size:12px;}
.board .reply a{padding-left:5px;}
.board .ip{font-size:12px; padding-left:10px;}
.board .tags li{float:left; padding-right:10px;}
.board .sns_button div {float:left; padding-right:5px;}
.board .btn-point-info {padding-top:8px;color:#BBB;}

.board .view_full_image {cursor:pointer;}
.board .btn-admin-manage-layer { display:none;border:1px solid #ddd;position:absolute;background-color:#fff;z-index:99999; }
.board .btn-admin-manage-layer div.item { height:23px;border-bottom:1px solid #ddd; cursor:pointer;padding-left:2px;padding-right:10px; }
.board .btn-admin-manage-layer div.item { font:normal 11px 'dotum';line-height:23px; }
.board .btn-admin-manage-layer div.item i { width:20px;text-align:center; }

.board .autowrap { margin:0 auto 15px; }
.board .autosize { position:relative; height: 0; padding-bottom: 56.25%; overflow: hidden; margin:0; }
.board .autosize iframe, .autosize object, .autosize embed { position: absolute; top: 0; left: 0; width: 100%; height:100%; }

.board .passcord { text-align: center;margin:10px auto 0 auto;}
.board .passcord li{display:inline-block;margin-right:20px;vertical-align:middle;}

.board .copy_post_url {cursor:pointer;}

.lucky {font-size:11px;}
.lucky .luckypoint{color:#E71A41;}

.gallery-box {float:left;}
.chk_comment_all_wrapper {padding:10px;}
.comment_write_box_inner { padding:20px;}
.comment_write_button_area {margin-top:20px;overflow:hidden;}

.board .url-qrcode {position:relative;cursor:pointer;}
.board .url-qrcode i {margin:3px 0 0 5px;}
#qrcode-content {display:none;position:absolute;background-color:#FFF;border:2px solid #DDD;padding:10px;width:240px;}
#qrcode-content .qrcode_code {border:5px solid #479BE3;float:left;}
#qrcode-content .qrcode_code img {width:100px;height:100px;}
#qrcode-content .qrcode_info {float:left;margin:0 0 0 10px;width:90px;font-size:12px;line-height:18px;color:#555;}



.mobile {display:none;}
.event_order_list p.title {margin-bottom:10px}
.event_order_list li {margin-bottom: 7px;}
.event_order_list li .box {border-radius: 10px;}
.event_order_list li .box.top {background:#d7d7d7; border: 1px solid #b9b9b9;}

/* 250204 */
.btn-event{
	background: #ff7916 !important;
	border: 1px solid #ff7916 !important;
	color: #fff !important;
	border-radius: 20px;
	padding: 8px 25px;
}
.btn-event-list{
	background: #9d9d9d !important;
	border: 1px solid #9d9d9d !important;
	color: #fff !important;
	border-radius: 20px;
	padding: 8px 25px;
}
.btn-event-more {
	background: #ff7916 !important;
	border: 1px solid #ff7916 !important;
	color: #fff !important;
	border-radius: 20px;
	padding: 3px 20px;
	position: absolute;
	top: 8.5px;
	right: 8.5px;
}
.event_hr {    
	margin-top: 10px;
	margin-bottom: 15px;
	border-top: 2px solid #000;
}
.event_order_list li .box_top {
	height: initial;
	padding: 12px 12px;
	border-radius: 10px;
}
.board_form_box .array_area {
	float: initial;
}
/* 250204 */

@media (max-width: 768px) {
	.pc {display:none}
	.mobile {display:block}
	.event_order_list li .box_top {
		height: auto;
	}
}

.progress-text {
  font-size: 14px;
  font-weight: bold;
  animation: colorShift 0.7s linear infinite;
}

@keyframes colorShift {
  0%   { color: #ff6b00; }   /* 오렌지 */
  25%  { color: #ffc107; }   /* 노랑 */
  50%  { color: #00c851; }   /* 초록 */
  75%  { color: #33b5e5; }   /* 블루 */
  100% { color: #383838; }   /* 그레이 */
}