@charset "utf-8";
.legal-column { margin:0 auto; }
.legal-column__categories ul, .legal-column__actions { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 35px; padding:0; list-style:none; }
.legal-column__categories ul { justify-content:center; align-items:center; gap:0; }
.legal-column__actions a, .legal-column__write, .legal-column__actions button { display:inline-block; padding:12px 20px; border:1px solid #d9d9d9; background:#fff; color:#222; font-size:14px; }
.legal-column__search { border:0; padding:0; }
.legal-column__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:45px 25px; margin:0; padding:0; list-style:none; }.legal-column__grid a { color:#222; text-decoration:none; }.legal-column__image { display:block; aspect-ratio:16 / 9; overflow:hidden; background:#f3f3f3; }.legal-column__image img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }.legal-column__grid a:hover img { transform:scale(1.04); }.legal-column__image-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; background:linear-gradient(135deg,#17233f,#314d7f); color:#fff; text-align:center; }.legal-column__image-placeholder strong { font-size:20px; font-weight:600; letter-spacing:.08em; }.legal-column__image-placeholder em { margin-top:10px; color:rgba(255,255,255,.72); font-size:13px; font-style:normal; }.legal-column__meta { display:block; padding-top:18px; }.legal-column__meta em,.legal-column__category { display:block; color:#9a7c54; font-size:13px; font-style:normal; }.legal-column__meta strong { display:block; margin:8px 0; font-size:20px; line-height:1.45; }.legal-column__meta span { display:block; color:#777; line-height:1.65; }.legal-column__meta time,#bo_v time { display:block; margin-top:14px; color:#999; font-size:13px; }.legal-column__empty { grid-column:1 / -1; padding:70px 0; text-align:center; }.legal-column__bottom { margin-top:50px; text-align:right; }.legal-column__bottom .pg { float:left; }
.legal-column--youtube .legal-column__grid { display:flex; align-items:flex-start; gap:25px; }.legal-column--youtube .legal-column__masonry-column { flex:1 1 0; min-width:0; margin:0; padding:0; list-style:none; }.legal-column--youtube .legal-column__masonry-column > li { margin:0 0 45px; }.legal-column--youtube .legal-column__grid > .legal-column__empty { flex:0 0 100%; }.legal-column--youtube .legal-column__item--short .legal-column__image { aspect-ratio:9 / 16; }
.legal-column--view #bo_v { border-top:2px solid #182a4a; }.legal-column--view .legal-column__article-head { padding:42px 50px 36px; border-bottom:1px solid #e3e6eb; }.legal-column--view h1 { margin:9px 0 0; color:#17233f; font-size:34px; font-weight:600; line-height:1.35; }.legal-column--view #bo_v_atc { min-height:300px; padding:55px 50px; border-bottom:1px solid #e3e6eb; color:#333; font-size:17px; line-height:1.9; }.legal-column--view #bo_v_img { margin-bottom:30px; }.legal-column--view #bo_v_img img,.legal-column--view #bo_v_con img { max-width:100%; height:auto; }.legal-column__article-foot { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:30px; }.legal-column__list-link,.legal-column__article-foot .legal-column__actions a { display:inline-flex; align-items:center; justify-content:center; min-width:92px; min-height:46px; padding:0 18px; border:1px solid #cfd5de; background:#fff; color:#26344d; font-size:15px; text-decoration:none; }.legal-column__article-foot .legal-column__actions { display:flex; flex-wrap:wrap; gap:8px; margin:0; }.legal-column__article-foot .legal-column__actions .legal-column__write { border-color:#182a4a; background:#182a4a; color:#fff; }.legal-column__article-foot .legal-column__actions .legal-column__delete { border-color:#7f8999; color:#586274; }.legal-column__video-link a { display:inline-block; margin-top:25px; padding:13px 20px; background:#e62117; color:#fff; text-decoration:none; }
.legal-column--view .legal-column__video-link { display:none !important; }
.legal-column__video { position:relative; aspect-ratio:16 / 9; margin:0 0 30px; background:#000; }.legal-column__video iframe { position:absolute; width:100%; height:100%; border:0; }
.legal-column__video--short { max-width:420px; aspect-ratio:9 / 16; margin-right:auto; margin-left:auto; }
.legal-column--write form { max-width:900px; }.legal-column--write form > p { margin:0; padding:18px 0; border-bottom:1px solid #e5e5e5; }.legal-column--write label { display:block; margin-bottom:9px; font-weight:600; }.legal-column--write input,.legal-column--write select { box-sizing:border-box; width:100%; min-height:45px; border:1px solid #ddd; padding:0 12px; }.legal-column--write .legal-column__actions { justify-content:flex-end; border:0; }.legal-column--write .legal-column__actions button { border:1px solid #222; background:#222; color:#fff; cursor:pointer; }
@media (max-width:767px) { .legal-column__grid { grid-template-columns:1fr; gap:30px; }.legal-column__search form { display:flex; gap:5px; }.legal-column__search select { flex:0 0 110px; min-width:110px; }.legal-column__search .sch_input { flex:1 1 auto; min-width:0; }.legal-column__search .sch_btn { flex:0 0 68px; }.legal-column--youtube .legal-column__grid { gap:14px; }.legal-column--youtube .legal-column__masonry-column > li { margin-bottom:30px; }.legal-column--youtube .legal-column__meta { padding-top:12px; }.legal-column--youtube .legal-column__meta strong { margin:6px 0; font-size:17px; line-height:1.4; }.legal-column--youtube .legal-column__meta span { font-size:14px; line-height:1.55; }.legal-column--youtube .legal-column__meta time { margin-top:10px; font-size:12px; }.legal-column--view .legal-column__article-head,.legal-column--view #bo_v_atc { padding:30px 20px; }.legal-column--view h1 { font-size:24px; }.legal-column__article-foot { align-items:stretch; flex-direction:column; }.legal-column__article-foot .legal-column__actions { display:grid; grid-template-columns:repeat(3,1fr); }.legal-column__list-link,.legal-column__article-foot .legal-column__actions a { width:100%; min-width:0; }.legal-column__bottom .pg { float:none; margin-bottom:20px; } }