@charset "UTF-8";

/* ---- lawyers ---- */

/* member_new.css kept the area badges on one line in a fixed-height box, so
   long names ("가상자산 (디지털자산)", "Cross-border · Dispute Resolution") were
   cut wherever the three-column grid got narrow. They wrap inside the badge;
   one-line names keep the old height. */
.sub.lawyer.detail .intro-field .badge-list li {
	height: auto;
	min-height: 44px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.sub.lawyer.detail .intro-field .badge-list li .ico-wrap > span {
	white-space: normal;
	text-align: center;
	line-height: 1.2;
	overflow-wrap: anywhere;
}
@media all and (max-width: 768px) {
	.sub.lawyer.detail .intro-field .badge-list li { min-height: 43px; }
}

/* One full-width card per row ran up to 728px wide photos just below the
   769px two-column layout; two columns start where a card stays as wide as
   at 769px. */
@media all and (min-width: 540px) and (max-width: 768px) {
	.sub.lawyer:not(.detail) .data-list.col-3 {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 32px 20px;
	}
	.sub.lawyer:not(.detail) .data-list.col-3 li { width: calc((100% - 20px) / 2); }
}

/* Below 360px the 40/60 label grid left a ~140px value column that split
   words on every line; the label goes above its list instead. */
@media all and (max-width: 359px) {
	.sub.lawyer.detail .article .section.info .info-footer .info-box { display: block; }
	.sub.lawyer.detail .article .section.info .info-footer .info-box .title + .info-list { margin-top: 10px; }
}

/* ---- practices ---- */

/* The three stat boxes share a 105px-high row on phones; at 360px and below
   "1,095 만 명" no longer fit and broke inside the number. Number and unit
   stay whole, the unit drops below the number, and the box grows instead of
   clipping. Rows that fit render as before. */
@media all and (max-width: 768px) {
	.sub.re-work.cryptos .section.fixer .sect-content .fixer-list li { display: flex; }
	.sub.re-work.cryptos .section.fixer .sect-content .fixer-list .fixer-boxed {
		display: flex;
		flex-direction: column;
		height: auto;
		min-height: 105px;
	}
	.sub.re-work.cryptos .section.fixer .sect-content .stat-card { flex: 1 0 auto; height: auto; }
	.sub.re-work.cryptos .section.fixer .sect-content .stat-val { flex-wrap: wrap; }
	.sub.re-work.cryptos .section.fixer .sect-content .stat-val :is(.number, .unit) { white-space: nowrap; }
}

/* The arrows sit 60px outside the slider, but between 1041px (where they
   appear) and 1259px the crypto page's side gutter is only 43-60px, so they
   were cut by the viewport edge. Here they keep to the gutter. */
@media all and (min-width: 1041px) and (max-width: 1259px) {
	.sub.work.re-work.cryptos .swiper-btns { left: -40px; width: calc(100% + 80px); }
}