@charset "utf-8";

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

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

#boxMyRecent .recent-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin-bottom:1.5rem;}
#boxMyRecent .recent-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;min-width:0;}
#boxMyRecent .recent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1.75rem 1.25rem;}
#boxMyRecent .recent-item{position:relative;min-width:0;}
#boxMyRecent .recent-card{display:block;height:100%;min-width:0;color:inherit;}
#boxMyRecent .recent-thumb-wrap{position:relative;width:100%;height:0;padding-top:64%;border-radius:var(--recent-radius-md);background:#eef3f8;overflow:hidden;}
#boxMyRecent .recent-thumb{position:absolute;inset:0;width:100%;height:100%;background:#eef3f8 no-repeat center center / cover;transition:transform .2s ease;}
#boxMyRecent .recent-card:hover .recent-thumb{transform:scale(1.025);}
#boxMyRecent .recent-thumb-badge{position:absolute;left:.5rem;top:.5rem;z-index:1;display:inline-flex;align-items:center;overflow:hidden;max-width:calc(100% - 1rem);min-height:1.5rem;padding:.2rem .5rem;border-radius:var(--recent-radius-pill);color:#fff;font-size:.72rem;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;}
#boxMyRecent .recent-thumb-ribbon{position:absolute;left:0;bottom:0;z-index:1;overflow:hidden;max-width:100%;padding:.25rem .5rem;color:#fff;font-size:.72rem;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;}
#boxMyRecent .recent-info{min-width:0;padding-top:.75rem;}
#boxMyRecent .recent-price{overflow:hidden;margin-bottom:.35rem;color:var(--recent-text-strong);white-space:nowrap;}
#boxMyRecent .recent-name{overflow:hidden;margin-bottom:.2rem;color:var(--recent-text-strong);text-overflow:ellipsis;white-space:nowrap;}
#boxMyRecent .recent-address{overflow:hidden;margin-bottom:.5rem;color:var(--recent-text-muted);text-overflow:ellipsis;white-space:nowrap;}
#boxMyRecent .recent-date{margin-top:.625rem;}
#boxMyRecent .recent-delete{position:absolute;right:.5rem;top:.5rem;z-index:3;display:flex;align-items:center;justify-content:center;padding:0 0 .15rem;border-radius:50%;background:rgba(255,255,255,.94);line-height:0;box-shadow:0 .25rem .75rem rgba(15,23,42,.15);}
#boxMyRecent .recent-delete:hover{color:var(--color-required);}
#boxMyRecent .recent-empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;min-height:12rem;padding:1rem;color:var(--recent-text-muted);text-align:center;}
#boxMyRecent .recent-loader{display:none;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;margin-top:1rem;color:var(--recent-text-muted);font-size:var(--rf-font-sm);}
#boxMyRecent .recent-loader.is-active{display:flex;}
#boxMyRecent .recent-loader-icon{width:1rem;height:1rem;border:2px solid var(--recent-border);border-top-color:var(--recent-theme);border-radius:50%;animation:recentLoader .7s linear infinite;}
#boxMyRecent .recent-sentinel{width:100%;height:1px;}

@keyframes recentLoader{to{transform:rotate(360deg);}}

/* ±âÁ¸ ¸¶ÀÌÆäÀÌÁö »çÀÌµå ¸Þ´º */
#boxMyRecent .my-side{display:block;order:2;margin-top:1rem;}
#boxMyRecent .my-side-top,#boxMyRecent .my-side-bottom{display:none;}
#boxMyRecent .my-side-menu{display:grid;grid-template-columns:1fr;padding:1.25rem;border-radius:var(--recent-radius-xl);background:var(--recent-box);box-shadow:var(--recent-shadow);}
#boxMyRecent .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(--recent-text);font-size:1.05rem;font-weight:500;letter-spacing:-.04em;}
#boxMyRecent .my-side-menu a::after{content:"chevron_right";display:block;color:var(--recent-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;}
#boxMyRecent .my-side-menu a span{display:block;color:inherit;font-size:1.75rem;font-weight:300;line-height:1;}
#boxMyRecent .my-side-menu a.active,#boxMyRecent .my-side-menu a.active span,#boxMyRecent .my-side-menu a.active::after{color:var(--recent-theme-dark);}

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

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

@media(max-width:768px){
	#boxMyRecent{padding:0;background:var(--recent-box);}
	#boxMyRecent .recent-contain{padding:0;}
	#boxMyRecent .recent-panel{padding:1rem;border:0;border-radius:0;box-shadow:none;}
	#boxMyRecent .recent-head{display:none;}
	#boxMyRecent .recent-tools{grid-template-columns:minmax(0,1fr);margin-bottom:1rem;}
	#boxMyRecent .recent-search{grid-template-columns:minmax(0,1fr) auto;}
	#boxMyRecent #myRecentDeleteAll{width:100%;}
	#boxMyRecent .recent-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem .75rem;}
	#boxMyRecent .recent-card:hover .recent-thumb{transform:none;}
	#boxMyRecent .recent-info{padding-top:.625rem;}
	#boxMyRecent .recent-date{display:none;}
}