@charset "utf-8";

.sign-author .sign-photo { width:160px; padding-right:15px; }
.sign-author .sign-photo-icon i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.sign-author .sign-photo-icon img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.sign-author .post-list ul { list-style:none; padding:0px; margin:-2px 0px; line-height:22px; }
.sign-author .post-list ul li { padding:0px; margin:0px; }
@media all and (max-width:767px) {
	.responsive .sign-author .post-list { margin-top:10px; padding-top:15px; border-top:1px solid #ddd; }
}
@media all and (max-width:480px) {
	.responsive .sign-author .sign-photo { float:none; width:100%; padding-right:0px; }
}
.cursor-default {
	cursor: default !important;
}
:root{
	--line:#e5e7eb; --muted:#6b7280; --text:#111827;
	--badge:#b51d1d; --chip:#16a34a; --progress:#2f7ecb; --progress-bg:#e8f0fb;
	--red:#e84a4a; --green:#2e8b57; --gray:#cfd4d9; --orange:#ee9213;--blue:#3164e4;
}

.name-card{
	max-width:780px;
	margin:5px auto;
	background:#fff;
	border:1px solid var(--line);
	box-shadow:0 2px 6px rgba(0,0,0,.05)
}

.name-card .main{display:grid;grid-template-columns:1fr 300px;gap:5px;padding:16px}

/* LEFT */
.name-card .left{
	position:relative;
}

.name-sun {background:#009be8 !important;}
.name-card .badge{
	position:absolute;
	background:var(--badge); color:#fff;
	border-radius:8px; padding:10px 12px;
	min-width:55px; text-align:center; line-height:1.1;
	font-weight:800; font-size:14px
}
.name-card .info-row{display:grid;grid-template-columns:209px 1fr;gap:14px;align-items:center;padding-top:10px}
.name-card .title{margin: 0 0 0 55px;font-size:40px;font-weight:900;line-height: 1.2 !important; padding: 5px 0 10px 10px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.name-card .thumb{width:209px;height:112px;border:1px solid var(--line);border-radius:4px;}
.name-card .addr{font-size:14px;color:var(--muted);margin:0 0 5px}
.name-card .phones{font-size:22px;font-weight:700;line-height:1.1}
.name-card .phones span{display:block}

/* RIGHT */
.name-card .right{padding:2px}

/* 하단 버튼 */
.name-card .actions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-top:1px solid var(--line);padding:14px 16px 16px}
.name-card .nbtn{height:40px;border:0;border-radius:22px;font-size: 20px;font-weight:bold;letter-spacing:-.2px;color:#fff;text-align:center;line-height:40px;text-decoration:none}
.name-card .nbtn.red{background:var(--red)}
.name-card .nbtn.green{background:var(--green)}
.name-card .nbtn.orange{background:var(--orange)}
.name-card .nbtn.blue{background:var(--blue)}
.name-card .nbtn.gray{background:var(--gray);color:#222}

/* 반응형 */
@media (max-width:900px){
	.name-card .nbtn{font-size:14px}
	.name-card .main{grid-template-columns:1fr}
	.name-card .info-row{grid-template-columns:1fr}
	.name-card .thumb{width:100%;height:180px}
	.name-card .title{font-size:38px}
	.name-card .ellipsis {
		max-width: 85vw;
	}
}
@media (max-width:560px){
	.name-card .actions{grid-template-columns:repeat(2,1fr)}
	.name-card .phones{font-size:20px}
	.name-card .info-row{margin-top: 10px}
	.name-card .badge{min-width:56px;padding:8px 10px;font-size:13px}
	.name-card .title{font-size:32px}
}

/* 360~500px */
@media (max-width:500px) and (min-width:361px) {
	.name-card .title { font-size: 29px; }
}

/* 360px 이하 */
@media (max-width:360px) {
	.name-card .title { font-size: 26px; }
}