@charset "utf-8";

.board-notice	{ width: 264px; padding: 10px; margin: 0 auto; text-align: center; box-sizing: border-box; }

.bo_fx {position:relative;padding:20px 0;}
.bo_fx .chk_all{ position:absolute;left:5px;top:20px;}

@media all and (max-width: 640px) {
#bo_v_con * {max-width:100%;}

	.bo_fx	{
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 20px 10px !important;
	}
	.bo_fx a	{
		display: block;
		width: 100%;
	}
}

.board-write	{  padding: 0 10px; }
.board-write h3	{font-size: 26px;text-align: center;padding: 30px 0 20px;} 
.board-write .write-notice	{padding: 10px;font-size: 11px;}
.board-write > dl {position:relative;}
.board-write > dl > dt { width:70px;position:absolute;line-height:32px;text-align:center; }
.board-write > dl > dd { width:100%;margin-left:0;padding-left:80px;box-sizing:border-box;line-height:32px;}
.board-write input.frm_input.full	{ width: 100%; display:block;margin:1px 0;}

#bo_v_bot	{ padding: 20px 0; overflow: hidden; }
.bo_v_nb	{ float: left; }
.bo_v_com	{ float: right; }

.board-comment-list			{ position: relative; }
.board-comment-list .co-line	{
	display: block;
	position: relative;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
	border: none;
}
.board-comment-list .item	{position: relative; margin-top: 10px; padding: 15px; border: 2px solid var(--border-color); color: rgb(2, 7, 21);}
.board-comment-list .item:has(.review_spoiler) {min-height: 150px;}

.co-info {
	display: block;
	text-align: right;
	padding-top: 15px;
	font-size: 11px;
	opacity: .7;
}
.co-info span	{ display: inline-block; opacity: .8; }
.co-info span + span:before	{
	content: "";
	display: inline-block;
	width: 1px;
	height: 8px;
	vertical-align: middle;
	margin: 0 10px;
}

.board-comment-list .item.reply	{ border-left: 5px solid rgba(255, 255, 255, .1); }
.board-comment-list .item.reply .co-name	{
	background: none;
}


.board-comment-list + .board-comment-write	{
	margin-top: 20px;
}
.board-comment-write {display: none;}
.board-comment-form	{margin-top: 10px; position: relative;padding-right: 80px;}
.board-comment-form #wr_content {border: 2px solid var(--border-color); border-right: 0;}
.board-comment-form .btn_confirm	{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 29px;
	width: 80px;
    height: 100%;
}
.board-comment-form .btn_confirm .ui-btn	{width: 100%;height: 100%;}
.board-comment-form p	{margin: 0;padding: 5px 10px;}
.board-comment-form textarea	{ display: block; min-height: 100px; resize: none; border: none; overflow: hidden; }
.board-comment-form dl {display: flex; gap: 5px; margin: 5px 0;}
.board-comment-form dt {width: 80px;}
.board-comment-form dd {margin: 0; width: calc(100% - 85px);}

@media all and (max-width: 640px) {
	.board-comment-list .item	{ padding: 0; }
	.board-comment-list .co-name	{ position: relative; width: auto; padding: 5px 10px; }
	.board-comment-list .co-content	{ padding: 10px; word-break:break-all;}

}

.review_thumb {position: relative; overflow: hidden; height: 230px; border: 2px solid var(--border-color); clip-path: polygon(0% 0%, calc(100% - 30px) 0%, 100% 30px, 100% 100%, 0% 100%);}
.review_thumb:after {content: ''; position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: var(--border-color);}
.review_thumb .red {position: absolute; top: 5px; left: 5px; color: #fff; padding: 2px 5px; background:#eb2929; z-index: 5;}
.review_thumb img {width: 100%; height: 100%; object-fit: cover;}

.review_info {width: 100%; padding: 10px; background: #dbdad9; z-index: 10;}
.review_info .w_box {margin-bottom: 5px; width: 7px; height: 7px; background: #fff;}


/* list 스타일 */
#navi_category { text-align: center; padding: 20px 0; }
#navi_category li { display: inline-block; padding: 0 20px; }

.review-list {display: flex; flex-wrap: wrap; gap: 30px; padding: 0 20px; letter-spacing: -0.03em; color: var(--border-color)}
.review-list * {box-sizing: border-box;}
.review-list > li {width: calc(20% - 120px/5);}
.review-list > li.is_blur .review_thumb img {filter: blur(10px);}
.review-list a {color: var(--border-color)}
.review-list .review_title {display: flex; gap: 5px; margin-top: 10px; height: 36px; font-size: 14px;}
.review-list .review_title strong {margin-right: 3px; font-size: 1.2em;}
.review-list .review_title span {overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.review-list .review_star {display: flex; justify-content: space-between; margin-top: 5px; padding: 5px 0 3px; border-top: 2px solid var(--border-color); border-bottom: 2px dashed var(--border-color);}
.star {appearance: none;padding: 1px; line-height: 1; -webkit-text-stroke: 2px var(--border-color);color: transparent;font-size: 30px;}

/* 별점체크 */
.review_star[data-rating="1"] .star:nth-child(1),
.review_star[data-rating="1.5"] .star:nth-child(1),
.review_star[data-rating="2"] .star:nth-child(-n+2),
.review_star[data-rating="2.5"] .star:nth-child(-n+2),
.review_star[data-rating="3"] .star:nth-child(-n+3),
.review_star[data-rating="3.5"] .star:nth-child(-n+3),
.review_star[data-rating="4"] .star:nth-child(-n+4),
.review_star[data-rating="4.5"] .star:nth-child(-n+4),
.review_star[data-rating="5"] .star {background:#ffe877; background-clip: text;}

.review_star[data-rating="0.5"] .star:nth-child(1),
.review_star[data-rating="1.5"] .star:nth-child(2),
.review_star[data-rating="2.5"] .star:nth-child(3),
.review_star[data-rating="3.5"] .star:nth-child(4),
.review_star[data-rating="4.5"] .star:nth-child(5) {background: linear-gradient(90deg, #ffe877 50%, #fff 51%, #fff); background-clip: text;}

/* 해시태그 */
.review_tag {position: relative; margin-top: 5px;}
html .review-list .link_hash_tag,
html .review-view .link_hash_tag {display: inline-block; padding: 1px 5px 2px 0;}
html .review-list .link_hash_tag:before,
html .review-view .link_hash_tag:before {border-width: 8px 6px;}


.review-list .review_info {position: absolute; top: 0; left: 0; opacity: 0;}
.review-list > li:hover .review_info {opacity: 1; color: rgb(2, 7, 21);}


/* view */
.review-view {display: flex; gap: 10px;}
.review-view * {box-sizing: border-box;}
.review-view .review_left {width: 250px;}
.review-view .review_right {width: calc(100% - 260px);}
.review-view .review_right.full {margin-top: 30px; width: 100%;}
.review-view .review_thumb {height: 360px; clip-path: polygon(0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 0% 100%);}
.review-view .review_thumb:after {width: 50px; height: 50px;}
.review-view .review_tag {padding: 10px 0; border-bottom: 2px dashed var(--border-color);}
.review-view .review_info {margin-top: 10px; color: rgb(2, 7, 21);}

.review-view .review_icon {margin-bottom: 5px; width: 30px; border-radius: 5px; background: #dbdad9}
.review-view .review_comment {position: relative; padding: 15px; border: 2px solid var(--border-color); min-height: 200px; font-size: 12px; line-height: 1.5;}
.review-view .review_comment:before {content: ''; position: absolute; bottom: 100%; right: -2px; width: 100px; height: 30px; background: var(--border-color); clip-path: polygon(30px 0, 0 0, 100% 0, 100% 100%, 0% 100%);}
.review-view .review_comment .content {border-top: 2px solid var(--border-color); padding-top: 10px; color: rgb(2, 7, 21);}
.review-view .review_comment .textggu--etc1 {line-height: 1;}
.review-view .review_comment .textggu--etc5 {vertical-align: bottom;}

.review_spoiler {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #dbdad9; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 20px; z-index: 10;}
.review_spoiler img {width: 50px;}
.review_spoiler .spoiler_open {margin-top:10px; padding: 5px 15px; border: none; background: var(--button-color); color: var(--button-text); border-radius: 50px; font-size: 14px;}

.div_img {display: flex;width:100%;gap:2px; margin-bottom: 5px;}
.img_divider {height:500px;overflow:hidden;}
.div_img.img_divider > div {width: 50%;}
.img_divider .divider_flex .img {margin: 2px 0; height:50%; position:relative;}
.img_divider .divider_flex .img img{top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}



@media (max-width:920px) {
    .review-list > li {width: calc(25% - 90px/4);}
}

@media (max-width:768px) {
    .review-list > li {width: calc(33.33% - 60px/3);}
    .review-view {flex-wrap: wrap;}
    .review-view .review_right {width: 100%;}
}

@media (max-width:580px) {
    .review_thumb {height: 58vw;}
    .review-list {gap: 20px; padding: 0;}
    .review-list > li {width: calc(50% - 10px);}
}

.w_textggu {position: absolute; top: 15px; right: 15px; z-index: 1;}

.notice-list {padding: 20px;}
.notice-list li {margin-bottom: 5px;}
.notice-list li:last-child {margin-bottom: 0;}
.notice-list a {display: block; color: inherit; padding: 5px; background: #fff; border: 2px solid var(--border-color);}
.notice-list .label {display: inline-block; margin-right: 5px; padding: 3px 10px; background:var(--button-color); color: #fff;}