/**
	board skin css
*/

.board .table{border-top: 2px solid #000;border-bottom: 1px solid #ccc;}
.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; padding:20px 0;}
.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 .recommand{text-align:center;margin-bottom:20px;}
.board .recommand a:hover{background:#348fe2; color:#fff; text-decoration:none;}
.board .recommand .good{background:#e9e9e9; width:50px; height:50px; display:inline-block; border-radius:50px; padding:8px; margin:0 10px;}
.board .recommand .bad{background:#e9e9e9; width:50px; height:50px; display:inline-block; border-radius:50px;padding:6px; margin:0 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;}

/*gallery*/
.board_form_box {overflow:hidden; margin-bottom:10px;}
.board_form_box .array_area {float:left; margin: 10px 0;}
.board_form_box .array_area select {height:38px; width:110px; border:1px solid #ddd; border-radius:4px; outline:none; color:#333; padding:0 10px; background:#fff;}
.board_form_box .search_area {overflow:hidden;  float:right;}
.board_form_box .searchbox {background:#fff; overflow:hidden; width:210px; border:1px solid #ddd; border-radius:4px; display:block;}
.board_form_box .searchbox span {float:left;}
.board_form_box .searchbox span input[type=text] {border:none; background:none; width:130px; padding:0 16px; height:36px; outline:none; border-radius:0; font-size:13px; font-weight:300;}
.board_form_box .searchbox span button {border:none; border-radius:0; background:none; color:#888; width:40px; padding:0 20px; height:36px; font-size:15px; font-weight:300}

.warranty_area {overflow:hidden;}
.warranty_area ul {
display: grid;
grid-template-columns: repeat(4, 1fr); /* 항상 4칸 유지 */
gap: 16px; /* 항목 간 간격 */
list-style: none;
padding: 0;
margin: 0 auto; /* 중앙 정렬 */
max-width: 900px; /* 최대 너비 제한 */
box-sizing: border-box;
}
.warranty_area li {
position: relative;
box-sizing: border-box;
border: 1px solid #ccc;
padding: 8px;
background: #f9f9f9;
text-align: center;
/* width: 213px;  */
min-height: 150px; /* 일관된 높이 설정 */
background:#fff; border:1px solid #eee; box-shadow: 2px 2px 6px 0 rgb(0 0 0 / 10%); margin-bottom:20px; border-radius:11px;}
.warranty_area li.end {position:absolute; bottom:0; left:0; width:100%; display:none;}
.warranty_area li input[type=checkbox] {position:absolute; top:10px; left:10px; z-index:2; width:20px; height:20px;}
.warranty_area li .top_area {margin-top:8px; height:30px; line-height:30px; border-top:1px solid #ff9000; border-bottom:1px solid #ff9000; color:#333; font-size:15px; padding:0 20px; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap; }
.warranty_area li .top_area span {color:#ff9000; margin-right:5px;}
.warranty_area li .conts_area {
display: flex;
flex-direction: column;
align-items: center;
padding:10px; overflow:hidden;}

.warranty_area li .conts_area .thum_img {position:relative;}
.warranty_area li .conts_area .thum_img .point_icon {position:absolute; top:-10px; right:-6px;}
.warranty_area li .conts_area .thum_img .point_icon img {width:80px;}
.warranty_area li .conts_area .thum_img .imgs {width: 100%; height: 100%;}
.warranty_area li .conts_area .thum_img .tit {display:none;}
.warranty_area li .conts_area .thum_img .sub {display:none;}
.warranty_area li .conts_area .box {width:100%; margin:5px 0 10px;}
.warranty_area li .conts_area .box table {width:100%;  border-collapse: collapse; /* 보더 겹침 방지 */}
.warranty_area li .conts_area .box table td {padding: 2px; width:50%; border: 1px solid #dbdbdb; /* 얇은 보더 */}
.warranty_area li .conts_area .box table td:nth-child(1){background:#333a40; color:#fff}
.warranty_area li .conts_area .box table tr:nth-child(2) td:nth-child(2){color:#ab3e3b;}
.warranty_area li.display_admin {background:#ddd;}
.link_btn {width:100%;}
.link_btn1{    padding: 2px 0;
	border: 1px solid #dbdbdb;
	width: calc(50% - 10px);
	display: inline-block;
	border-radius: 5px;
	color: #3a3a3c;
}
.link_btn2{    padding: 2px 0;
	border: 1px solid #b03c3f;
	width: calc(50% - 10px);
	display: inline-block;
	border-radius: 5px;
	color: #ab3e3b;
}

.gallery_list {overflow:hidden; margin:20px 0;}
.gallery_list li {float:left; width:33%; box-sizing:border-box; position:relative; padding:0 4px; margin-bottom:10px;}
.gallery_list li:last-child {border-bottom:0;}
.gallery_list li input[type=checkbox] {position:absolute; top:10px; left:10px; z-index:2; width:20px; height:20px;}
.gallery_list li .box { position:relative; overflow:visible; }
.gallery_list li .box .event_banner {position:absolute; top:0; left:0;  }
.gallery_list li .box .event_banner img {width:80px; height:80px; }
.gallery_list li .box .new_banner {position:absolute; top:0; left:0; display:none;}
.gallery_list li:nth-child(2) .box .new_banner {display:block;}
.gallery_list li .best {position:absolute; top:0; right:0;}
.gallery_list li .imgs {text-align:center; overflow:hidden; border-radius:2px; background:#fff;}
/*** .gallery_list li .imgs img {width:100%; height:100%;} ****/
.gallery_list li .txt {overflow:hidden;}
.gallery_list li .txt .tit {font-size:15px; font-weight:700; text-align:center; margin:5px 0; letter-spacing:-1px; color:#333; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gallery_list li .txt h2 {font-size:15px; font-weight:700; text-align:center; margin:5px 0; letter-spacing:-1px; color:#333; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gallery_list li .txt h3 {font-size:15px; font-weight:700; text-align:center; margin:5px 0; letter-spacing:-1px; color:#333; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gallery_list li .txt .sub {text-align:center; color:#666; margin-bottom:5px;  height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gallery_list li .txt .data {overflow:hidden; text-align:center;}
.gallery_list li .txt .data dl {display:inline-block;width:100%;}
.gallery_list li .txt .data dd {float:left; margin-right:20px; letter-spacing:-1px;}
.gallery_list li .txt .data dd:nth-child(3n-2) {margin-left:4px;}
.gallery_list li .txt .data dd:nth-child(3n-1) {max-width:80px; height:22px; overflow:hidden;}
.gallery_list li .txt .data dd:nth-child(3n) {float:right;margin-right:4px;}
.gallery_list li .txt .data dd .icon {color:#999; font-size:14px; font-weight:bold;}
.gallery_list li .txt .data dd .con {color:#999; font-size:14px; margin-left:5px;}
.gallery_list li:hover .box .txt .tit {color:#ff7916}
.gallery_list li:hover .txt .data dd .icon i {color:#ff7916}
.gallery_list li:hover .txt .data dd .con {color:#ff7916}
.gallery_list li:hover .reply_latest {display:block;}
.gallery_list.warranty_list li {width:293px; padding:0; margin-left:1px;}
.gallery_list.warranty_list li:first-child {margin-left:0;}
.gallery_list.warranty_list li:nth-child(5) {margin-left:0;}
.gallery_list.warranty_list li .imgs img {width:293px; height:200px;}
.upper_link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.mukti {position:absolute; top:10px; right:10px; background:rgba(0,0,0,0.6); z-index:1; border-radius:2px; padding:4px 14px; color:#eee; border:1px solid #666; }
.video_reservation {position:absolute; padding:4px 10px; top:10px; right:10px; background:rgba(0,0,0,0.8); color:#fff; border-radius:2px; border:1px solid #666}
.write_btn {width:160px; height:36px; line-height:36px; text-align:center; background:#db2020; color:#fff; display:block; border-radius:2px;}
.reply_ok {position:absolute; bottom:35px; left:10px; padding:6px 10px; background:rgba(0,0,0,0.7);  border-radius:2px; color:#fff; z-index:2; border:1px solid #666; font-size:11px; letter-spacing:-1px;}
.reply_count {position:absolute; bottom:62px; left:10px; padding:6px 10px; background:rgba(0,0,0,0.7);  border-radius:2px; color:#fff; z-index:2; border:1px solid #666; font-size:11px; letter-spacing:-1px;}
.reply_latest {display:none; overflow:hidden; position:absolute; top:12px; left:50%; z-index:1; background:#111; color:#eee; line-height:20px; font-size:14px;padding:14px 30px; border:1px solid #eee; border-radius:10px;}
.full_gallery_list .reply_latest {top:18px; left:25%;}
.notice_list td:hover .reply_latest {display:block; top:0; left:0; position:relative;}

.reply_latest span {float:left; margin-left:10px; font-size:13px;}
.reply_latest span:first-child {margin-left:0;}
.number_count {position:absolute;  top:38px; left:8px; z-index:2; width:90px; }
.number_count input[type=number] {text-align:right;width:80px; height:30px; color:#000; font-size:13px; padding:0 10px; border:1px solid #000; font-weight:bold; border-radius:4px;}
.admin_state {position:fixed; top:400px; left:10%;}
.release_date {position:absolute;  top:114px; left:8px; z-index:2; width:90px; }
.release_date input[type=text] {text-align:left;width:100px; height:30px; color:#000; font-size:11px; padding:0 3px; border:1px solid #000; font-weight:bold; border-radius:4px;}



/*post*/
#post-content {
	text-align: center;
}
.title_box {
	display: flex;
    justify-content: center; /* 가로 방향 가운데 정렬 */
    align-items: center;    /* 세로 방향 가운데 정렬 */
	margin-bottom: 40px;
}
.title_box div {
	display: inline-block;
}
.title_box div img {
	width:330px;
}
.title_box div:nth-child(2) {
	margin: 15px 20px;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	overflow: hidden;
}
.title_box div table {
	width: 100%;
	border-collapse: collapse;
}
.title_box div table td {
	padding: 2px;
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
}
.title_box div table td:nth-child(1) {
	background: #333a40;
	width: 105px;
	text-align: center;
	padding: 3px 0;
	color: #fff;
	border-right: 1px solid #dbdbdb;
}
.title_box div table td:nth-child(2) {
	text-align: left;
	width: 260px;
	padding:3px 20px;
}

.title_box div table tr:nth-child(1) td {
	border-top: none;
}
.title_box div table tr:nth-child(7) td {
	border-bottom: none;
}

@media (max-width: 769px) {
	.gallery_list li .txt h3 {
		font-size: 13px;
	}
	.gallery_list li .txt .data dd .con {
		font-size: 12px;
	}
	.gallery_list li {
		width: 100%;
	}
	.title_box {
		display: inherit;
	}
	.board_form_box .searchbox span input[type=text] {
		font-size: 12px;
	}
}