@charset "euc-kr";
/* =====================================================================
   °Ô½ÃÆÇ °øÅë ½ºÅ¸ÀÏ (board/webBoard/* ¸ðµç ½ºÅ² °ø¿ë) - 2026 ¸®´º¾ó
   ===================================================================== */
.bbs{width:100%; max-width:100%; text-align:left; font-size:15px; color:var(--pv-text,#24222b);}
.bbs a{color:inherit;}
.bbs img{vertical-align:middle;}
.bbs .bold{font-weight:700;}
.bbs .copy-redf{color:var(--pv-pink,#d6628f); font-weight:700;}
.bbs .copy-grey9{color:#9b98a3;}
.bbs-blank{display:none;}

/* ¹öÆ° */
.bbs-btn{display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:84px; height:44px; padding:0 20px; border-radius:10px; border:1px solid var(--pv-line,#e6e3ea); background:#fff; color:var(--pv-text,#24222b)!important; font-size:15px; font-weight:700; cursor:pointer; white-space:nowrap; transition:.15s; font-family:inherit; text-decoration:none;}
.bbs-btn:hover{border-color:var(--pv-purple,#8b4a9c); color:var(--pv-purple,#8b4a9c)!important;}
.bbs-btn--primary{background:var(--pv-purple,#8b4a9c); border-color:var(--pv-purple,#8b4a9c); color:#fff!important;}
.bbs-btn--primary:hover{background:var(--pv-purple-d,#6c3580); color:#fff!important;}
.bbs-btn--sm{min-width:0; height:34px; padding:0 13px; font-size:13.5px; border-radius:8px;}
.bbs-btn--danger:hover{border-color:#d64545; color:#d64545!important;}
.bbs-actions{display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; margin:24px 0;}
.bbs-actions--left{justify-content:flex-start;}
.bbs-actions--center{justify-content:center;}
.bbs-actions--between{justify-content:space-between;}

/* ÀÔ·Â */
.bbs-input,.bbs-select,.bbs-textarea,.bbs input[type=text],.bbs input[type=password],.bbs input:not([type]),.bbs select,.bbs textarea{height:46px; padding:0 14px; border:1px solid var(--pv-line,#e6e3ea); border-radius:10px; background:#fff; font:inherit; font-size:15px; color:var(--pv-text,#24222b); max-width:100%;}
.bbs textarea,.bbs-textarea{height:auto; min-height:140px; padding:12px 14px; line-height:1.6; width:100%; resize:vertical;}
.bbs input[type=file]{font:inherit; font-size:14px; max-width:100%;}
.bbs input:focus,.bbs select:focus,.bbs textarea:focus{outline:0; border-color:var(--pv-purple,#8b4a9c); box-shadow:0 0 0 3px rgba(139,74,156,.12);}
.bbs input[type=checkbox],.bbs input[type=radio]{accent-color:var(--pv-purple,#8b4a9c); width:18px; height:18px; vertical-align:middle;}

/* »ó´Ü »óÅÂ(ºÐ·ù/·Î±×ÀÎ) */
.bbs-status{display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:16px;}
.bbs-status form{margin:0;}
.bbs-status__user{display:flex; gap:6px; margin-left:auto;}

/* °øÁö */
.bbs-notice{border:1px solid var(--pv-line,#e6e3ea); border-radius:14px; background:var(--pv-purple-l,#f4ecf7); padding:6px 20px; margin-bottom:18px;}
.bbs-notice__item{display:flex; gap:12px; align-items:center; padding:12px 0; border-bottom:1px dashed #dcc9e2;}
.bbs-notice__item:last-child{border-bottom:0;}
.bbs-notice__badge{flex:0 0 auto; padding:2px 10px; border-radius:20px; background:var(--pv-purple,#8b4a9c); color:#fff; font-size:12.5px; font-weight:700;}
.bbs-notice__date{flex:0 0 auto; color:var(--pv-text3,#8c8995); font-size:13.5px;}
.bbs-notice__title{flex:1; font-weight:700; min-width:0;}
.bbs-notice__body{background:#fff; border-radius:10px; padding:20px; margin:4px 0 12px;}

/* ¸ñ·Ï */
.bbs-list{list-style:none; margin:0; padding:0; border-top:2px solid var(--pv-text,#24222b);}
.bbs-item{display:flex; align-items:center; gap:16px; padding:18px 12px; border-bottom:1px solid var(--pv-line,#e6e3ea); transition:background .15s;}
.bbs-item:hover{background:#faf8fc;}
.bbs-item.is-selected{background:var(--pv-purple-l,#f4ecf7);}
.bbs-item__check{flex:0 0 30px; text-align:center;}
.bbs-item__no{flex:0 0 56px; text-align:center; color:var(--pv-text3,#8c8995); font-size:14px;}
.bbs-item__cate{flex:0 0 auto; padding:2px 10px; border-radius:20px; background:var(--pv-blue-l,#eaf5fb); color:#2a7fab; font-size:13px; font-weight:700;}
.bbs-item__main{flex:1; min-width:0;}
.bbs-item__title{font-size:16.5px; font-weight:700; line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs-item__title a:hover{color:var(--pv-purple,#8b4a9c);}
.bbs-item__title img{max-height:16px; margin-left:2px;}
.bbs-item__meta{margin-top:3px; font-size:13.5px; color:var(--pv-text3,#8c8995);}
.bbs-item__meta span + span::before{content:"¡¤"; margin:0 6px; color:#c9c5cf;}
.bbs-item__date{flex:0 0 auto; font-size:14px; color:var(--pv-text3,#8c8995);}
.bbs-item__state{flex:0 0 72px; text-align:center;}
.bbs-item__vote{flex:0 0 44px; text-align:center; font-weight:700;}
.bbs-empty{padding:70px 20px; text-align:center; color:var(--pv-text3,#8c8995); border-bottom:1px solid var(--pv-line,#e6e3ea);}
.bbs-badge{display:inline-block; padding:3px 10px; border-radius:20px; font-size:12.5px; font-weight:700; white-space:nowrap;}
.bbs-badge--done{background:#e3f4ec; color:#23875a;}
.bbs-badge--wait{background:#f1f0f3; color:#8c8995;}

/* °¶·¯¸®Çü ¸ñ·Ï (Photo_text) */
.bbs-gallery{list-style:none; margin:0; padding:20px 0 0; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; border-top:2px solid var(--pv-text,#24222b);}
.bbs-gallery__item{border:1px solid var(--pv-line,#e6e3ea); border-radius:14px; overflow:hidden; background:#fff; transition:.2s;}
.bbs-gallery__item:hover{box-shadow:0 10px 26px rgba(60,30,80,.1);}
.bbs-gallery__thumb{aspect-ratio:4/3; background:#f4f3f6; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.bbs-gallery__thumb img{width:100%; height:100%; object-fit:cover;}
.bbs-gallery__body{padding:14px 16px;}

.bbs-gallery__thumb > a{display:flex; width:100%; height:100%; align-items:center; justify-content:center; color:#9b98a3;}
.bbs-gallery__body .bbs-item__title{margin:0 0 6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.bbs-field__help{list-style:none; padding:0; margin:8px 0 0;}

/* ÆäÀÌ¡ */
.bbs-paging{display:flex; justify-content:center; align-items:center; gap:4px; flex-wrap:wrap; margin:30px 0 10px;}
.bbs-paging a,.bbs-paging span{display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:38px; padding:0 8px; border-radius:10px; font-size:14.5px; color:var(--pv-text2,#5d5a66);}
.bbs-paging a:hover{background:var(--pv-purple-l,#f4ecf7); color:var(--pv-purple,#8b4a9c);}
.bbs-paging .is-current{background:var(--pv-purple,#8b4a9c); color:#fff; font-weight:800;}
.bbs-paging .is-disabled{color:#cfccd5;}

/* °Ë»ö */
.bbs-search{display:flex; justify-content:center; align-items:center; gap:8px; flex-wrap:wrap; margin:20px auto 0; padding:20px; border-radius:14px; background:var(--pv-bg,#f7f6f9);}
.bbs-search form{display:contents;}
.bbs-chip{display:inline-flex; align-items:center; height:38px; padding:0 14px; border-radius:30px; border:1px solid var(--pv-purple,#8b4a9c); background:var(--pv-purple,#8b4a9c); color:#fff!important; font-size:14px; font-weight:700; cursor:pointer;}
.bbs-chip img{display:none;}
.bbs-chip:has(img[src$="_off.gif"]){background:#fff; color:var(--pv-text2,#5d5a66)!important; border-color:var(--pv-line,#e6e3ea);}
.bbs-search__field{display:flex; gap:6px; flex-wrap:wrap; justify-content:center;}
.bbs-search__field input{width:240px;}

/* ±Û º¸±â */
.bbs-view{border-top:2px solid var(--pv-text,#24222b);}
.bbs-view__head{display:flex; flex-direction:column; padding:26px 8px 20px; border-bottom:1px solid var(--pv-line,#e6e3ea);}
.bbs-view__no{order:1;} .bbs-view__title{order:2;} .bbs-view__meta{order:3;} .bbs-view__tools{order:4;}
.bbs-view__writer{order:-1;}
.bbs-view__no{font-size:13.5px; color:var(--pv-text3,#8c8995);}
.bbs-view__title{margin:6px 0 12px; font-size:clamp(20px,2.4vw,26px); font-weight:800; line-height:1.4; word-break:break-all;}
.bbs-view__meta{display:flex; flex-wrap:wrap; gap:4px 16px; font-size:14px; color:var(--pv-text3,#8c8995);}
.bbs-view__meta b{font-weight:600; color:var(--pv-text2,#5d5a66); margin-left:4px;}
.bbs-view__tools{display:flex; gap:6px; justify-content:flex-end; margin-top:-30px;}
.bbs-view__body{padding:34px 8px 40px; min-height:160px; font-size:16px; line-height:1.85; word-break:break-all;}
.bbs-view__body img{max-width:100%!important; height:auto!important;}
.bbs-view__extra{padding:14px 16px; border-radius:10px; background:var(--pv-bg,#f7f6f9); margin-bottom:12px; font-size:14px;}
.bbs-view__extra a{color:#2a7fab;}
.bbs-view__extra img{max-height:18px;}

/* ÀÌÀü/´ÙÀ½, °ü·Ã±Û */
.bbs-sublist{list-style:none; margin:24px 0 0; padding:0; border-top:1px solid var(--pv-line,#e6e3ea);}
.bbs-sublist li{display:flex; gap:14px; align-items:center; padding:14px 8px; border-bottom:1px solid var(--pv-line,#e6e3ea); font-size:14.5px;}
.bbs-sublist li.is-selected{background:var(--pv-purple-l,#f4ecf7);}
.bbs-sublist__label{flex:0 0 56px; font-weight:700; color:var(--pv-text3,#8c8995);}
.bbs-sublist__title{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs-sublist__meta{flex:0 0 auto; color:var(--pv-text3,#8c8995); font-size:13.5px;}

/* ´äº¯(¸Þ¸ð) */
.bbs-comments{margin-top:36px;}
.bbs-comments__title{font-size:18px; font-weight:800; margin-bottom:14px; display:flex; align-items:center; gap:8px;}
.bbs-comments__title::before{content:""; width:5px; height:18px; border-radius:3px; background:var(--pv-purple,#8b4a9c);}
.bbs-comment{padding:20px 22px; border-radius:14px; background:var(--pv-bg,#f7f6f9); margin-bottom:12px; border-left:4px solid var(--pv-purple,#8b4a9c);}
.bbs-comment__head{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:10px;}
.bbs-comment__name{font-weight:800;}
.bbs-comment__date{font-size:13px; color:var(--pv-text3,#8c8995);}
.bbs-comment__tools{margin-left:auto; display:flex; gap:6px;}
.bbs-comment__body{line-height:1.8; word-break:break-all;}
.bbs-comment-form{margin-top:16px; padding:20px; border:1px solid var(--pv-line,#e6e3ea); border-radius:14px;}
.bbs-comment-form__guest{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:10px;}
.bbs-comment-form__guest input{width:180px;}

/* ±Û¾²±â */
.bbs-form{border-top:2px solid var(--pv-text,#24222b); padding-top:10px;}
.bbs-field{display:grid; grid-template-columns:160px 1fr; gap:14px; align-items:center; padding:16px 4px; border-bottom:1px solid var(--pv-line,#e6e3ea);}
.bbs-field--top{align-items:start;}
.bbs-field__label{font-weight:700; font-size:15px;}
.bbs-field__label em{font-style:normal; color:var(--pv-pink,#d6628f); margin-left:2px;}
.bbs-field__ctrl{min-width:0;}
.bbs-field__ctrl input[name=subject]{width:100%;}
.bbs-field__help{margin-top:6px; font-size:13px; color:var(--pv-text3,#8c8995);}
.bbs-field__inline{display:flex; flex-wrap:wrap; gap:10px; align-items:center;}
.bbs-field--editor{grid-template-columns:1fr;}
.bbs-file-row{margin-bottom:8px;}
.bbs-file-row:last-child{margin-bottom:0;}

/* °³ÀÎÁ¤º¸ µ¿ÀÇ */
.bbs-agree{margin-bottom:24px; padding:22px; border-radius:14px; background:var(--pv-bg,#f7f6f9);}
.bbs-agree__title{font-weight:800; font-size:16px; margin-bottom:10px;}
.bbs-agree textarea{min-height:170px; font-size:13px; color:var(--pv-text2,#5d5a66); background:#fff;}
.bbs-agree__q{display:flex; flex-wrap:wrap; gap:8px 18px; align-items:center; margin-top:12px; font-weight:700;}
.bbs-agree__q label{display:inline-flex; gap:6px; align-items:center; font-weight:600; cursor:pointer;}

/* ºñ¹Ð¹øÈ£ È®ÀÎ */
.bbs-pwd{max-width:460px; margin:20px auto; padding:44px 36px; border:1px solid var(--pv-line,#e6e3ea); border-radius:18px; text-align:center; box-shadow:0 10px 30px rgba(60,30,80,.06);}
.bbs-pwd__ico{width:56px; height:56px; margin:0 auto 16px; border-radius:50%; background:var(--pv-purple-l,#f4ecf7); color:var(--pv-purple,#8b4a9c); display:flex; align-items:center; justify-content:center; font-size:24px;}
.bbs-pwd p{color:var(--pv-text2,#5d5a66); line-height:1.7;}
.bbs-pwd input[type=password]{width:100%; margin-top:20px; text-align:center;}
.bbs-pwd .bbs-actions{justify-content:center; margin-bottom:0;}

/* ¹Ì¸®º¸±â(preview) Æ˾÷ µî ±¸Çü Å×À̺í ÃÖ¼Ò Á¤¸® */
.bbs table{border-collapse:collapse;}

@media (max-width:768px){
	.bbs{font-size:14.5px;}
	.bbs-item{flex-wrap:wrap; gap:4px 10px; padding:16px 4px;}
	.bbs-item__no,.bbs-item__check{display:none;}
	.bbs-item__main{flex:1 1 100%; order:-1;}
	.bbs-item__title{white-space:normal; font-size:15.5px;}
	.bbs-item__date{font-size:13px;}
	.bbs-item__state{flex:0 0 auto; margin-left:auto;}
	.bbs-gallery{grid-template-columns:repeat(2,1fr); gap:12px;}
	.bbs-field{grid-template-columns:1fr; gap:8px; padding:14px 0;}
	.bbs-view__tools{margin-top:14px; justify-content:flex-start;}
	.bbs-search__field{width:100%;}
	.bbs-search__field input{flex:1; width:auto; min-width:0;}
	.bbs-actions{justify-content:stretch;}
	.bbs-actions .bbs-btn{flex:1;}
	.bbs-pwd{padding:32px 20px;}
	.bbs-notice__item{flex-wrap:wrap;}
	.bbs-notice__title{flex:1 1 100%;}
}