/* /css/page_my_inquiry.css */

@charset "utf-8";

#boxMyInquiry{--inquiry-bg:var(--color-background);--inquiry-box:#fff;--inquiry-text:var(--color-dark);--inquiry-text-strong:var(--color-dark);--inquiry-text-muted:var(--color-gray);--inquiry-text-light:var(--color-placeholder);--inquiry-border:var(--color-surface);--inquiry-primary:var(--color-primary);--inquiry-primary-soft:var(--color-background-light);--inquiry-primary-dark:var(--color-primary-dark);--inquiry-radius-sm:.5rem;--inquiry-radius-md:.75rem;--inquiry-radius-lg:1rem;--inquiry-radius-xl:1.5rem;--inquiry-radius-pill:999px;--inquiry-shadow:0 .25rem 1rem rgba(15,23,42,.04);padding:1.25rem 0 2rem;background:var(--inquiry-bg);color:var(--inquiry-text);font-size:1rem;line-height:1.5;}
#boxMyInquiry.is-general,#boxMyInquiry.is-company{--inquiry-theme:var(--inquiry-primary);--inquiry-theme-soft:var(--inquiry-primary-soft);--inquiry-theme-dark:var(--inquiry-primary-dark);}
#boxMyInquiry *,#boxMyInquiry *::before,#boxMyInquiry *::after{box-sizing:border-box;}
#boxMyInquiry a{text-decoration:none;}
#boxMyInquiry button,#boxMyInquiry input,#boxMyInquiry textarea{font-family:inherit;}

#boxMyInquiry .inquiry-contain{width:100%;margin:0 auto;padding:0 1rem;}
#boxMyInquiry .inquiry-layout{display:flex;flex-direction:column;width:100%;}
#boxMyInquiry .inquiry-content{order:1;width:100%;min-width:0;}
#boxMyInquiry .inquiry-panel{margin:0;padding:1.25rem;border-radius:var(--inquiry-radius-lg);background:var(--inquiry-box);box-shadow:var(--inquiry-shadow);}
#boxMyInquiry .inquiry-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #ddd;}
#boxMyInquiry .inquiry-title{margin:0;color:var(--inquiry-text-strong);font-size:1.5rem;font-weight:500;}
#boxMyInquiry .inquiry-count{margin-left:.35rem;color:var(--inquiry-text-muted);font-size:1rem;font-weight:400;}
#boxMyInquiry .inquiry-count strong{color:var(--inquiry-theme-dark);font-weight:600;}

#boxMyInquiry .my-inquiry-tabs{display:flex;gap:.5rem;margin-bottom:1rem;}
#boxMyInquiry .my-inquiry-tabs a{display:flex;align-items:center;justify-content:center;gap:.375rem;height:2.75rem;padding:0 1.125rem;border:1px solid #d7dce2;border-radius:var(--inquiry-radius-sm);background:#fff;color:var(--inquiry-text-muted);font-size:var(--rf-font-md);font-weight:500;}
#boxMyInquiry .my-inquiry-tabs a strong{color:inherit;font-size:var(--rf-font-sm);font-weight:600;}
#boxMyInquiry .my-inquiry-tabs a.active{border-color:var(--inquiry-theme-dark);background:var(--inquiry-theme-dark);color:#fff;}

/* page_my_ad 검색폼 기준 */
#boxMyInquiry .my-inquiry-search{margin-bottom:2rem;}
#boxMyInquiry .my-inquiry-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;}
#boxMyInquiry .my-inquiry-search-row input{width:100%;min-width:0;height:2.75rem;padding:0 .875rem;border:1px solid #d7dce2;border-radius:var(--inquiry-radius-sm) 0 0 var(--inquiry-radius-sm);background:#fff;color:var(--inquiry-text-strong);font-size:var(--rf-font-md);font-weight:400;outline:none;}
#boxMyInquiry .my-inquiry-search-row input:focus{border-color:var(--inquiry-theme);box-shadow:0 0 0 .1875rem rgba(28,140,120,.08);}
#boxMyInquiry .my-inquiry-search-row button,#boxMyInquiry .my-inquiry-reset{display:flex;align-items:center;justify-content:center;height:2.75rem;padding:0 1.5rem;font-size:var(--rf-font-md);font-weight:500;white-space:nowrap;cursor:pointer;}
#boxMyInquiry .my-inquiry-search-row button{margin-left:-.5rem;border:1px solid var(--inquiry-theme);border-radius:0 var(--inquiry-radius-sm) var(--inquiry-radius-sm) 0;background:var(--inquiry-theme);color:#fff;}
#boxMyInquiry .my-inquiry-reset{border:1px solid #333;border-radius:var(--inquiry-radius-sm);background:#333;color:#fff;}

#boxMyInquiry .my-inquiry-list{display:flex;flex-direction:column;}
#boxMyInquiry .inquiry-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 7rem;align-items:stretch;gap:1rem;padding:1.5rem 0;}
#boxMyInquiry .inquiry-item:first-child{padding-top:0;}
#boxMyInquiry .inquiry-item:last-child{padding-bottom:0;}
#boxMyInquiry .inquiry-item + .inquiry-item{border-top:1px solid var(--inquiry-border);}
#boxMyInquiry .inquiry-card{position:relative;display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1.5rem;min-width:0;}
#boxMyInquiry .my-inquiry-toggle{position:absolute;inset:0;z-index:1;width:100%;padding:0;border:0;background:transparent;cursor:pointer;}
#boxMyInquiry .inquiry-thumb{width:9rem;height:7rem;border-radius:var(--inquiry-radius-md);background:#f1f3f5 no-repeat center center / cover;overflow:hidden;}
#boxMyInquiry .inquiry-info{min-width:0;padding:.125rem 0;}
#boxMyInquiry .my-inquiry-state{display:inline-flex;align-items:center;justify-content:center;min-height:1.5rem;margin-bottom:.375rem;padding:.2rem .5rem;border-radius:var(--inquiry-radius-pill);font-size:.72rem;font-weight:600;line-height:1.2;}
#boxMyInquiry .my-inquiry-state.wait{background:#f3f4f6;color:#6b7280;}
#boxMyInquiry .my-inquiry-state.done{background:var(--inquiry-theme-soft);color:var(--inquiry-theme-dark);}
#boxMyInquiry .my-inquiry-title{position:relative;z-index:0;overflow:hidden;margin-bottom:.25rem;color:var(--inquiry-text-strong);text-overflow:ellipsis;white-space:nowrap;}
#boxMyInquiry .my-inquiry-content{display:-webkit-box;overflow:hidden;color:var(--inquiry-text-muted);font-weight:400;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#boxMyInquiry .inquiry-item-side{position:relative;min-width:7rem;}
#boxMyInquiry .inquiry-delete{position:absolute;right:0;top:0;z-index:3;}
#boxMyInquiry .inquiry-delete .material-symbols-outlined{font-size:1.5rem;font-weight:300;line-height:1;}
#boxMyInquiry .inquiry-date{position:absolute;right:0;bottom:0;}

#boxMyInquiry .my-inquiry-detail{display:none;grid-column:1 / -1;margin-top:.25rem;padding:1.25rem;border-radius:var(--inquiry-radius-md);background:#f8fafc;}
#boxMyInquiry .inquiry-item.active .my-inquiry-detail{display:block;}
#boxMyInquiry .my-inquiry-box{padding:1rem 0;}
#boxMyInquiry .my-inquiry-box:first-child{padding-top:0;}
#boxMyInquiry .my-inquiry-box:last-child{padding-bottom:0;}
#boxMyInquiry .my-inquiry-box + .my-inquiry-box{border-top:1px solid var(--inquiry-border);}
#boxMyInquiry .my-inquiry-box h4{margin:0 0 .75rem;color:var(--inquiry-text-strong);font-size:var(--rf-font-md);font-weight:600;}
#boxMyInquiry .my-inquiry-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;}
#boxMyInquiry .my-inquiry-info dl{display:flex;gap:.625rem;margin:0;font-size:var(--rf-font-sm);}
#boxMyInquiry .my-inquiry-info dt{flex:0 0 4.375rem;color:var(--inquiry-text-muted);font-weight:400;}
#boxMyInquiry .my-inquiry-info dd{min-width:0;margin:0;color:var(--inquiry-text-strong);font-weight:400;}
#boxMyInquiry .my-inquiry-text{color:var(--inquiry-text-muted);font-size:var(--rf-font-md);font-weight:400;line-height:1.7;word-break:keep-all;}
#boxMyInquiry .my-inquiry-answer-form textarea{display:block;width:100%;min-height:8rem;padding:.875rem;border:1px solid #d7dce2;border-radius:var(--inquiry-radius-sm);background:#fff;color:var(--inquiry-text-strong);font-size:var(--rf-font-md);line-height:1.6;resize:vertical;outline:none;}
#boxMyInquiry .my-inquiry-answer-form textarea:focus{border-color:var(--inquiry-theme);box-shadow:0 0 0 .1875rem rgba(28,140,120,.08);}
#boxMyInquiry .my-inquiry-answer-actions{display:flex;justify-content:flex-end;margin-top:.75rem;}
#boxMyInquiry .my-inquiry-empty{display:flex;align-items:center;justify-content:center;min-height:12rem;padding:1rem;color:var(--inquiry-text-muted);font-size:var(--rf-font-md);text-align:center;}
#boxMyInquiry .my-inquiry-paging{margin-top:1.5rem;text-align:center;}

/* 기존 마이페이지 사이드 메뉴 */
#boxMyInquiry .my-side{display:block;order:2;margin-top:1rem;}
#boxMyInquiry .my-side-top,#boxMyInquiry .my-side-bottom{display:none;}
#boxMyInquiry .my-side-menu{display:grid;grid-template-columns:1fr;padding:1.25rem;border-radius:var(--inquiry-radius-xl);background:var(--inquiry-box);box-shadow:var(--inquiry-shadow);}
#boxMyInquiry .my-side-menu a{display:grid;grid-template-columns:2rem minmax(0,1fr) 1.25rem;align-items:center;gap:.75rem;min-height:3.75rem;color:var(--inquiry-text);font-size:1.05rem;font-weight:500;letter-spacing:-.04em;}
#boxMyInquiry .my-side-menu a::after{content:"chevron_right";display:block;color:var(--inquiry-text-light);font-family:"Material Symbols Outlined";font-size:1.5rem;font-weight:300;line-height:1;text-align:right;font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 40;}
#boxMyInquiry .my-side-menu a span{display:block;color:inherit;font-size:1.75rem;font-weight:300;line-height:1;}
#boxMyInquiry .my-side-menu a.active,#boxMyInquiry .my-side-menu a.active span,#boxMyInquiry .my-side-menu a.active::after{color:var(--inquiry-theme-dark);}

@media(min-width:769px){
	#boxMyInquiry{padding:2rem 0 3rem;background:#f8fafc;}
	#boxMyInquiry .inquiry-contain{padding:0 1.25rem;}
	#boxMyInquiry .inquiry-layout{display:grid;grid-template-columns:16.25rem minmax(0,1fr);gap:2rem;align-items:start;}
	#boxMyInquiry .inquiry-content{order:0;}
	#boxMyInquiry .inquiry-panel{padding:2.5rem;border:1px solid var(--inquiry-border);border-radius:var(--inquiry-radius-xl);}
	#boxMyInquiry .my-side{position:sticky;top:1.5rem;display:block;order:0;margin:0;border:1px solid var(--inquiry-border);border-radius:var(--inquiry-radius-xl);background:#fff;box-shadow:var(--inquiry-shadow);overflow:hidden;}
	#boxMyInquiry .my-side-top{display:block;padding:1.5rem 1.25rem;border-bottom:1px solid var(--inquiry-border);text-align:center;}
	#boxMyInquiry .my-avatar{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 auto .75rem;border-radius:50%;background:var(--inquiry-theme-soft);color:var(--inquiry-theme-dark);}
	#boxMyInquiry .my-avatar span{font-size:2rem;}
	#boxMyInquiry .my-name{margin:0 0 .5rem;color:var(--inquiry-text-strong);font-size:1.05rem;font-weight:500;text-align:center;letter-spacing:-.03em;}
	#boxMyInquiry .my-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:1rem;padding:.25rem;border-radius:var(--inquiry-radius-pill);background:#f8fafc;}
	#boxMyInquiry .my-mode-switch a{display:flex;align-items:center;justify-content:center;height:2rem;border-radius:var(--inquiry-radius-pill);color:var(--inquiry-text-muted);font-size:.82rem;font-weight:500;}
	#boxMyInquiry .my-mode-switch a.active{background:#fff;color:var(--inquiry-theme-dark);box-shadow:0 .125rem .5rem rgba(15,23,42,.08);}
	#boxMyInquiry .my-side-menu{display:block;padding:.75rem;border-radius:0;background:#fff;box-shadow:none;}
	#boxMyInquiry .my-side-menu a{display:flex;align-items:center;justify-content:flex-start;gap:.625rem;min-height:2.75rem;padding:0 .875rem;border-radius:var(--inquiry-radius-md);color:var(--inquiry-text-muted);font-size:.95rem;font-weight:500;letter-spacing:-.03em;}
	#boxMyInquiry .my-side-menu a::after{display:none;}
	#boxMyInquiry .my-side-menu a + a{margin-top:.25rem;}
	#boxMyInquiry .my-side-menu a span{flex:0 0 auto;font-size:1.25rem;}
	#boxMyInquiry .my-side-menu a:hover{background:#f8fafc;color:var(--inquiry-text);}
	#boxMyInquiry .my-side-menu a.active{background:var(--inquiry-theme-soft);color:var(--inquiry-theme-dark);}
	#boxMyInquiry .my-side-bottom{display:block;padding:1rem 1.25rem 1.25rem;border-top:1px solid var(--inquiry-border);}
	#boxMyInquiry .my-side-bottom a{display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.75rem;border:1px solid var(--inquiry-border);border-radius:var(--inquiry-radius-md);background:#fff;color:var(--inquiry-text-muted);font-size:.95rem;font-weight:500;}
}

@media(max-width:960px){
	#boxMyInquiry .my-side{display:none;}
	#boxMyInquiry .inquiry-layout{grid-template-columns:minmax(0,1fr);gap:0;}
}

@media(max-width:768px){
	#boxMyInquiry{padding:0;background:var(--inquiry-box);}
	#boxMyInquiry .inquiry-contain{padding:0;}
	#boxMyInquiry .inquiry-panel{padding:0;border-radius:0;box-shadow:none;}
	#boxMyInquiry .inquiry-head{display:none;}
	#boxMyInquiry .my-inquiry-tabs{margin:0;padding:1rem 1rem 0;}
	#boxMyInquiry .my-inquiry-tabs a{flex:1;padding:0 .625rem;}
	#boxMyInquiry .my-inquiry-search{margin:0;padding:1rem;border-bottom:.5rem solid var(--inquiry-bg);}
	#boxMyInquiry .my-inquiry-search-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;}
	#boxMyInquiry .my-inquiry-search-row input{flex:1 1 10rem;width:auto;border-radius:var(--inquiry-radius-pill) 0 0 var(--inquiry-radius-pill);}
	#boxMyInquiry .my-inquiry-search-row button{flex:0 0 auto;border-radius:0 var(--inquiry-radius-pill) var(--inquiry-radius-pill) 0;}
	#boxMyInquiry .my-inquiry-reset{flex:0 0 auto;border-radius:var(--inquiry-radius-pill);}
	#boxMyInquiry .inquiry-item{grid-template-columns:minmax(0,1fr);gap:0;padding:1rem;}
	#boxMyInquiry .inquiry-item:first-child{padding-top:1rem;}
	#boxMyInquiry .inquiry-item:last-child{padding-bottom:1rem;}
	#boxMyInquiry .inquiry-card{grid-template-columns:6.25rem minmax(0,1fr);gap:1rem;padding-right:2rem;}
	#boxMyInquiry .inquiry-thumb{width:6.25rem;height:6.25rem;border-radius:var(--inquiry-radius-sm);}
	#boxMyInquiry .inquiry-item-side{position:static;min-width:0;}
	#boxMyInquiry .inquiry-delete{right:1rem;top:.5rem;}
	#boxMyInquiry .inquiry-date{display:none;}
	#boxMyInquiry .my-inquiry-detail{margin-top:1rem;padding:1rem;}
	#boxMyInquiry .my-inquiry-info{grid-template-columns:1fr;}
	#boxMyInquiry .my-side{margin:0;}
}

@media(max-width:420px){
	#boxMyInquiry .my-inquiry-reset{width:100%;}
}