.civil-field-detail,.civil-field-detail *{box-sizing:border-box}.civil-field-detail.lawyer_detail_mobile{display:block}.civil-field-detail{background:#fff;color:#1a1a1a;font-family:Pretendard,"Noto Sans KR",sans-serif}.civil-field-detail h1,.civil-field-detail h2,.civil-field-detail p,.civil-field-detail ol{margin:0}.civil-field-detail__tabs{display:grid}.civil-field-detail__tab{display:flex;align-items:center;justify-content:center;border:1px solid #94969d;color:#1a1a1a;text-decoration:none}.civil-field-detail__tab.is-active{background:#005352;color:#fff;font-weight:600}.civil-field-detail__body{background:#f7f7f7}.civil-field-detail__intro{border-left-style:solid;border-left-color:#005352}.civil-field-detail__intro h1{color:#005352;font-weight:500}.civil-field-detail__section h2{background:#005352;color:#fff;font-weight:600}.civil-field-detail__list{border:1px solid #94969d;list-style:none;counter-reset:field-item}.civil-field-detail__list li{counter-increment:field-item}.civil-field-detail__list strong:before{content:"⓪";font-size:.92em;margin-right:.25em}.civil-field-detail__list li:nth-child(1) strong:before{content:"①"}.civil-field-detail__list li:nth-child(2) strong:before{content:"②"}.civil-field-detail__list li:nth-child(3) strong:before{content:"③"}.civil-field-detail__list li:nth-child(4) strong:before{content:"④"}.civil-field-detail__list li:nth-child(5) strong:before{content:"⑤"}.civil-field-detail__list strong{display:block}.civil-field-detail__reason p+p{margin-top:1.45em}.civil-field-detail__success h2{display:flex;align-items:center}.civil-field-detail__success h2 img{object-fit:contain}.civil-field-detail__success-list{overflow:hidden}.civil-field-detail__success-list .lawyer_renewal__success-track{display:flex;width:max-content}.civil-field-detail__more{display:flex;align-items:center;justify-content:center;margin-left:auto;border:1px solid #94969d;border-radius:999px;color:#1a1a1a;text-decoration:none}
.civil-field-detail__source{display:none!important}.civil-field-detail__dynamic[hidden]{display:none!important}.civil-field-detail__dynamic-content{width:100%}.civil-field-detail__dynamic-content img{max-width:100%;height:auto}
@media (min-width:1025px){
.civil-field-detail{padding-top:calc(100 / 1920 * var(--bk-subpage-pc-vw,100vw))}.civil-field-detail__tabs{grid-template-columns:repeat(4,1fr);gap:calc(25 / 1920 * var(--bk-subpage-pc-vw,100vw)) calc(30 / 1920 * var(--bk-subpage-pc-vw,100vw));width:calc(1400 / 1920 * var(--bk-subpage-pc-vw,100vw));margin:0 auto calc(100 / 1920 * var(--bk-subpage-pc-vw,100vw))}.civil-field-detail__tab{height:calc(72.25 / 1920 * var(--bk-subpage-pc-vw,100vw));border-radius:calc(10 / 1920 * var(--bk-subpage-pc-vw,100vw));font-size:calc(24 / 1920 * var(--bk-subpage-pc-vw,100vw));line-height:1.4}.civil-field-detail__body{display:flex;flex-direction:column;gap:calc(100 / 1920 * var(--bk-subpage-pc-vw,100vw));padding:calc(80 / 1920 * var(--bk-subpage-pc-vw,100vw)) 0 calc(100 / 1920 * var(--bk-subpage-pc-vw,100vw))}.civil-field-detail__body>*{width:calc(1400 / 1920 * var(--bk-subpage-pc-vw,100vw));margin:0 auto}.civil-field-detail__intro{display:flex;flex-direction:column;gap:calc(40 / 1920 * var(--bk-subpage-pc-vw,100vw));min-height:calc(367 / 1920 * var(--bk-subpage-pc-vw,100vw));padding:calc(5 / 1920 * var(--bk-subpage-pc-vw,100vw)) 0 calc(10 / 1920 * var(--bk-subpage-pc-vw,100vw)) calc(45 / 1920 * var(--bk-subpage-pc-vw,100vw));border-left-width:calc(8 / 1920 * var(--bk-subpage-pc-vw,100vw))}.civil-field-detail__intro h1{font-size:calc(48 / 1920 * var(--bk-subpage-pc-vw,100vw));line-height:1.4}.civil-field-detail__intro p,.civil-field-detail__reason p,.civil-field-detail__lead,.civil-field-detail__closing{font-size:calc(24 / 1920 * var(--bk-subpage-pc-vw,100vw));line-height:1.45}.civil-field-detail__intro p+p{margin-top:calc(35 / 1920 * var(--bk-subpage-pc-vw,100vw))}.civil-field-detail__section{display:flex;flex-direction:column;gap:calc(40 / 1920 * var(--bk-subpage-pc-vw,100vw))}.civil-field-detail__section h2{height:calc(69 / 1920 * var(--bk-subpage-pc-vw,100vw));padding:calc(15 / 1920 * var(--bk-subpage-pc-vw,100vw)) calc(20 / 1920 * var(--bk-subpage-pc-vw,100vw));font-size:calc(28 / 1920 * var(--bk-subpage-pc-vw,100vw));line-height:1.4}.civil-field-detail__list{display:flex;flex-direction:column;gap:calc(40 / 1920 * var(--bk-subpage-pc-vw,100vw));padding:calc(30 / 1920 * var(--bk-subpage-pc-vw,100vw)) calc(25 / 1920 * var(--bk-subpage-pc-vw,100vw));border-radius:calc(20 / 1920 * var(--bk-subpage-pc-vw,100vw))}.civil-field-detail__list strong{font-size:calc(24 / 1920 * var(--bk-subpage-pc-vw,100vw));line-height:1.4}.civil-field-detail__list p{margin-top:calc(10 / 1920 * var(--bk-subpage-pc-vw,100vw));padding-left:calc(30 / 1920 * var(--bk-subpage-pc-vw,100vw));font-size:calc(20 / 1920 * var(--bk-subpage-pc-vw,100vw));line-height:1.45}.civil-field-detail__closing{margin-top:calc(5 / 1920 * var(--bk-subpage-pc-vw,100vw))!important}.civil-field-detail__success{padding:calc(80 / 1920 * var(--bk-subpage-pc-vw,100vw)) calc(260 / 1920 * var(--bk-subpage-pc-vw,100vw)) calc(100 / 1920 * var(--bk-subpage-pc-vw,100vw))}.civil-field-detail__success h2{gap:calc(15 / 1920 * var(--bk-subpage-pc-vw,100vw));font-size:calc(38 / 1920 * var(--bk-subpage-pc-vw,100vw));font-weight:500}.civil-field-detail__success h2 img{width:calc(51 / 1920 * var(--bk-subpage-pc-vw,100vw));height:calc(51 / 1920 * var(--bk-subpage-pc-vw,100vw))}.civil-field-detail__success-list{margin-top:calc(40 / 1920 * var(--bk-subpage-pc-vw,100vw))}.civil-field-detail__success-list .lawyer_renewal__success-track{gap:calc(20 / 1920 * var(--bk-subpage-pc-vw,100vw))}.civil-field-detail__success-list .lawyer_renewal__case{width:calc(350 / 1920 * var(--bk-subpage-pc-vw,100vw));height:calc(447 / 1920 * var(--bk-subpage-pc-vw,100vw))}.civil-field-detail__more{width:calc(316 / 1920 * var(--bk-subpage-pc-vw,100vw));height:calc(49 / 1920 * var(--bk-subpage-pc-vw,100vw));margin-top:calc(60 / 1920 * var(--bk-subpage-pc-vw,100vw));font-size:calc(20 / 1920 * var(--bk-subpage-pc-vw,100vw))}}
@media (max-width:1024px){
.civil-field-detail{overflow:hidden;padding:calc(40 / 390 * 100vw) 0 calc(60 / 390 * 100vw)}.civil-field-detail__tabs{grid-template-columns:repeat(2,calc(170 / 390 * 100vw));gap:calc(18 / 390 * 100vw) calc(10 / 390 * 100vw);width:calc(350 / 390 * 100vw);margin:0 auto calc(60 / 390 * 100vw)}.civil-field-detail__tab{height:calc(49 / 390 * 100vw);border-width:.3px;border-radius:calc(5 / 390 * 100vw);font-size:calc(16 / 390 * 100vw);line-height:1.2;white-space:nowrap}.civil-field-detail__body{display:flex;flex-direction:column;gap:calc(40 / 390 * 100vw);padding:calc(40 / 390 * 100vw) calc(12 / 390 * 100vw) calc(40 / 390 * 100vw)}.civil-field-detail__intro{border:0}.civil-field-detail__intro h1{font-size:calc(24 / 390 * 100vw);line-height:1.4}.civil-field-detail__intro div{margin-top:calc(20 / 390 * 100vw)}.civil-field-detail__intro p,.civil-field-detail__reason p,.civil-field-detail__lead,.civil-field-detail__closing{font-size:calc(14 / 390 * 100vw);line-height:1.45}.civil-field-detail__intro p+p{margin-top:calc(20 / 390 * 100vw)}.civil-field-detail__section{display:flex;flex-direction:column;gap:calc(20 / 390 * 100vw)}.civil-field-detail__section h2{min-height:calc(47 / 390 * 100vw);padding:calc(12 / 390 * 100vw);font-size:calc(20 / 390 * 100vw);line-height:1.2}.civil-field-detail__list{display:flex;flex-direction:column;gap:calc(20 / 390 * 100vw);padding:calc(20 / 390 * 100vw) calc(10 / 390 * 100vw);border-radius:calc(15 / 390 * 100vw)}.civil-field-detail__list strong{font-size:calc(16 / 390 * 100vw);line-height:1.25}.civil-field-detail__list p{margin-top:calc(8 / 390 * 100vw);padding-left:calc(22 / 390 * 100vw);font-size:calc(14 / 390 * 100vw);line-height:1.45}.civil-field-detail__closing br{display:none}.civil-field-detail__success{padding-top:calc(60 / 390 * 100vw)}.civil-field-detail__success h2{gap:calc(8 / 390 * 100vw);padding:0 calc(12 / 390 * 100vw);font-size:calc(22 / 390 * 100vw);font-weight:500}.civil-field-detail__success h2 img{width:calc(24 / 390 * 100vw);height:calc(24 / 390 * 100vw)}.civil-field-detail__success-list{width:100%;margin-top:calc(20 / 390 * 100vw);padding-left:calc(12 / 390 * 100vw);overflow-x:auto;scrollbar-width:none}.civil-field-detail__success-list::-webkit-scrollbar{display:none}.civil-field-detail__success-list .lawyer_renewal__success-track{gap:calc(10 / 390 * 100vw)}.civil-field-detail__success-list .lawyer_renewal__case{width:calc(162 / 390 * 100vw);height:calc(390 / 390 * 100vw)}.civil-field-detail__more{display:none}}

.civil-field-detail__section-copy{display:flex;flex-direction:column;gap:1.45em}.civil-field-detail__success{--bk-subpage-pc-vw:100vw}.civil-field-detail__success-list{overflow-x:clip;overflow-y:visible}.civil-field-detail__success-list .lawyer_renewal__case{flex-shrink:0}
@media (min-width:1025px){.civil-field-detail__success .lawyer_renewal__success-row{display:grid;width:calc(1692 / 1920 * var(--bk-subpage-pc-vw,100vw));height:calc(475.61 / 1920 * var(--bk-subpage-pc-vw,100vw));grid-template-columns:calc(70 / 1920 * var(--bk-subpage-pc-vw,100vw)) calc(1472 / 1920 * var(--bk-subpage-pc-vw,100vw)) calc(70 / 1920 * var(--bk-subpage-pc-vw,100vw));gap:calc(40 / 1920 * var(--bk-subpage-pc-vw,100vw));margin-left:calc(-146 / 1920 * var(--bk-subpage-pc-vw,100vw));padding:0}.civil-field-detail__success .lawyer_renewal__arrow{width:calc(70 / 1920 * var(--bk-subpage-pc-vw,100vw));height:calc(46 / 1920 * var(--bk-subpage-pc-vw,100vw))}.civil-field-detail__success .lawyer_renewal__success-list{width:calc(1472 / 1920 * var(--bk-subpage-pc-vw,100vw))}.civil-field-detail__success-list .lawyer_renewal__case{width:calc(350 / 1920 * var(--bk-subpage-pc-vw,100vw));height:calc(447 / 1920 * var(--bk-subpage-pc-vw,100vw));flex-basis:calc(350 / 1920 * var(--bk-subpage-pc-vw,100vw))}}
@media (max-width:1024px){.civil-field-detail__success .lawyer_renewal__success-row{position:relative;display:block;width:calc(350 / 390 * 100vw);height:calc(389.67 / 390 * 100vw);margin:calc(20 / 390 * 100vw) auto 0!important;padding:0}.civil-field-detail__success .lawyer_renewal__success-list{width:calc(506 / 390 * 100vw);margin:0;padding:0;overflow:visible}.civil-field-detail__success-list .lawyer_renewal__case{width:calc(162 / 390 * 100vw);height:calc(389.67 / 390 * 100vw);flex-basis:calc(162 / 390 * 100vw)}.civil-field-detail__success .lawyer_renewal__arrow{position:absolute;z-index:2;top:calc(181.2 / 390 * 100vw);width:calc(40 / 390 * 100vw);height:calc(26.29 / 390 * 100vw);overflow:hidden;border-radius:calc(10.2857 / 390 * 100vw)!important;background:rgba(26,26,26,.2)}.civil-field-detail__success .lawyer_renewal__arrow img{display:none!important}.civil-field-detail__success .lawyer_renewal__arrow:before{display:block;width:calc(4.61 / 390 * 100vw);height:calc(8.45 / 390 * 100vw);box-sizing:border-box;border-top:calc(1.25 / 390 * 100vw) solid #fff;border-right:calc(1.25 / 390 * 100vw) solid #fff;content:""}.civil-field-detail__success .lawyer_renewal__arrow.is-prev{left:calc(-10 / 390 * 100vw)}.civil-field-detail__success .lawyer_renewal__arrow.is-prev:before{transform:rotate(-135deg)}.civil-field-detail__success .lawyer_renewal__arrow.is-next{right:calc(-10 / 390 * 100vw)}.civil-field-detail__success .lawyer_renewal__arrow.is-next:before{transform:rotate(45deg)}}

/* 업무분야 본문과 승소사례 최종 Figma 규격 */
.civil-field-detail__list li:nth-child(1) strong:before{content:"⓵"}.civil-field-detail__list li:nth-child(2) strong:before{content:"⓶"}.civil-field-detail__list li:nth-child(3) strong:before{content:"⓷"}.civil-field-detail__list li:nth-child(4) strong:before{content:"⓸"}.civil-field-detail__list li:nth-child(5) strong:before{content:"⓹"}
.civil-field-detail__section-copy,.civil-field-detail__section-copy p,.civil-field-detail__closing,.civil-field-detail__closing p{font-size:calc(24 / 1920 * var(--bk-subpage-pc-vw,100vw));line-height:1.45}
.civil-field-detail__success .lawyer_renewal__success-row:before,.civil-field-detail__success .lawyer_renewal__success-row:after{display:none!important;content:none!important}

@media (min-width:1025px){
	.civil-field-detail__list{width:calc(1400 / 1920 * var(--bk-subpage-pc-vw,100vw));padding:calc(30 / 1920 * var(--bk-subpage-pc-vw,100vw)) calc(15 / 1920 * var(--bk-subpage-pc-vw,100vw))!important}
	.civil-field-detail__list li{padding:0 calc(10 / 1920 * var(--bk-subpage-pc-vw,100vw))}
	.civil-field-detail__list p{padding-left:calc(31 / 1920 * var(--bk-subpage-pc-vw,100vw))}
	.civil-field-detail__dynamic-content{display:flex;flex-direction:column;gap:calc(100 / 1920 * var(--bk-subpage-pc-vw,100vw))}
	.civil-field-detail__dynamic-content>*{width:calc(1400 / 1920 * var(--bk-subpage-pc-vw,100vw));margin:0 auto}
	.civil-field-detail__success{padding-right:0;padding-left:0}
	.civil-field-detail__success>h2{width:100%;height:calc(53 / 1920 * 100vw);padding:0 calc(260 / 1920 * 100vw)}
	.civil-field-detail__success .lawyer_renewal__success-row{width:calc(1620 / 1920 * 100vw);height:calc(475.61 / 1920 * 100vw);grid-template-columns:calc(70 / 1920 * 100vw) calc(1400 / 1920 * 100vw) calc(70 / 1920 * 100vw);gap:calc(40 / 1920 * 100vw);margin:calc(40 / 1920 * 100vw) auto 0}
	.civil-field-detail__success .lawyer_renewal__success-list{width:calc(1400 / 1920 * 100vw)}
	.civil-field-detail__success .lawyer_renewal__success-list{margin-top:0}
	.civil-field-detail__success-list .lawyer_renewal__success-track{gap:calc(30.666667 / 1920 * 100vw)}
	.civil-field-detail__success-list .lawyer_renewal__case{width:calc(327 / 1920 * 100vw);height:calc(475.61 / 1920 * 100vw);min-height:calc(475.61 / 1920 * 100vw);max-height:calc(475.61 / 1920 * 100vw);flex-basis:calc(327 / 1920 * 100vw);gap:calc(15 / 1920 * 100vw);padding:calc(11.6078 / 1920 * 100vw);border-width:calc(.406274 / 1920 * 100vw)!important;border-radius:calc(9.28627 / 1920 * 100vw)!important}
	.civil-field-detail__success-list .lawyer_renewal__case-media{width:calc(303.78 / 1920 * 100vw);height:calc(238.83 / 1920 * 100vw);gap:calc(16.91 / 1920 * 100vw)}
	.civil-field-detail__success-list .lawyer_renewal__case-meta{width:calc(303.78 / 1920 * 100vw);height:calc(41.91 / 1920 * 100vw);align-items:center}
	.civil-field-detail__success-list .lawyer_renewal__case-meta>span{height:calc(41.91 / 1920 * 100vw);padding:calc(8.45714 / 1920 * 100vw) calc(11.6078 / 1920 * 100vw);border-radius:calc(5.07429 / 1920 * 100vw);font-size:calc(18 / 1920 * 100vw);font-weight:600}
	.civil-field-detail__success-list .lawyer_renewal__case time{height:calc(15 / 1920 * 100vw);font-size:calc(12 / 1920 * 100vw)}
	.civil-field-detail__success-list .lawyer_renewal__case-image{width:calc(303.78 / 1920 * 100vw);height:calc(180 / 1920 * 100vw);border-radius:calc(5.80392 / 1920 * 100vw)}
	.civil-field-detail__success-list .lawyer_renewal__case-image strong{top:50%;right:auto;left:50%;width:calc(200 / 1920 * 100vw);height:calc(53 / 1920 * 100vw);padding:0 calc(10.4471 / 1920 * 100vw);font-size:calc(38 / 1920 * 100vw);transform:translate(-50%,-50%)}
	.civil-field-detail__success-list .lawyer_renewal__case-body{width:calc(303.78 / 1920 * 100vw);height:calc(146.06 / 1920 * 100vw);min-height:calc(146.06 / 1920 * 100vw);max-height:calc(146.06 / 1920 * 100vw);gap:calc(13.53 / 1920 * 100vw)}
	.civil-field-detail__success-list .lawyer_renewal__case-body h4{height:calc(76 / 1920 * 100vw);min-height:calc(76 / 1920 * 100vw);max-height:calc(76 / 1920 * 100vw);padding:calc(10 / 1920 * 100vw) 0;font-size:calc(20 / 1920 * 100vw);line-height:1.4}
	.civil-field-detail__success-list .lawyer_renewal__case-body p{width:calc(303.78 / 1920 * 100vw);height:calc(43 / 1920 * 100vw);min-height:calc(43 / 1920 * 100vw);max-height:calc(43 / 1920 * 100vw);font-size:calc(14 / 1920 * 100vw);line-height:1.4;-webkit-line-clamp:2!important}
	.civil-field-detail__success-list .lawyer_renewal__case-lawyer{width:calc(303.78 / 1920 * 100vw);height:calc(37.5 / 1920 * 100vw);gap:calc(9 / 1920 * 100vw)}
	.civil-field-detail__success-list .lawyer_renewal__case-lawyer-avatars img{width:calc(37.5 / 1920 * 100vw);height:calc(37.5 / 1920 * 100vw);flex-basis:calc(37.5 / 1920 * 100vw)}
	.civil-field-detail__success-list .lawyer_renewal__case-lawyer b{font-size:calc(18 / 1920 * 100vw);font-weight:500}
	.civil-field-detail__more{margin-right:calc(260 / 1920 * 100vw)}
}

.civil-field-detail__success-list .lawyer_renewal__case-image strong {
	width:calc(220 / 1920 * 100vw) !important;
	height:calc(72 / 1920 * 100vw) !important;
	font-size:calc(30 / 1920 * 100vw) !important;
	line-height:1.1 !important;
	white-space:normal !important;
}

@media (max-width:1024px) {
	.civil-field-detail__success-list .lawyer_renewal__case-image strong {
		width:calc(103.63 / 390 * 100vw) !important;
		height:calc(56 / 390 * 100vw) !important;
		font-size:calc(20 / 390 * 100vw) !important;
		line-height:1.1 !important;
	}
}

@media (max-width:1024px){
	.civil-field-detail__section-copy,.civil-field-detail__section-copy p,.civil-field-detail__closing,.civil-field-detail__closing p{font-size:calc(14 / 390 * 100vw);line-height:1.45}
	.civil-field-detail__list{width:calc(350 / 390 * 100vw);margin-right:auto!important;margin-left:auto!important;padding:calc(20 / 390 * 100vw) calc(15 / 390 * 100vw) calc(20 / 390 * 100vw) calc(10 / 390 * 100vw)!important}
	.civil-field-detail__list li{position:relative;padding:0 calc(5 / 390 * 100vw)}
	.civil-field-detail__list strong{padding-left:calc(21 / 390 * 100vw);line-height:calc(19 / 390 * 100vw)}
	.civil-field-detail__list strong:before{position:absolute;top:0;left:calc(5 / 390 * 100vw);width:calc(16 / 390 * 100vw);margin:0;font-size:calc(16 / 390 * 100vw);line-height:calc(19 / 390 * 100vw)}
	.civil-field-detail__list p{margin-top:calc(5 / 390 * 100vw);padding-left:calc(21 / 390 * 100vw);line-height:1.4}
	.civil-field-detail__dynamic-content{display:flex;flex-direction:column;gap:calc(40 / 390 * 100vw)}
	.civil-field-detail__dynamic-content>*{width:100%;margin:0 auto}
	.civil-field-detail__success{display:flex;width:100%;height:auto!important;min-height:calc(559.67 / 390 * 100vw);padding-top:calc(40 / 390 * 100vw);padding-bottom:calc(60 / 390 * 100vw);padding-left:calc(20 / 390 * 100vw);flex-direction:column;gap:calc(15 / 390 * 100vw)}
	.civil-field-detail__success>h2{width:calc(159 / 390 * 100vw);height:calc(35 / 390 * 100vw);gap:calc(8 / 390 * 100vw);padding:0;font-size:calc(20 / 390 * 100vw);font-weight:600;line-height:calc(23 / 390 * 100vw)}
	.civil-field-detail__success>h2 img{width:calc(35 / 390 * 100vw);height:calc(35 / 390 * 100vw)}
	.civil-field-detail__success .lawyer_renewal__success-row{margin:0!important}
	.civil-field-detail__success-list .lawyer_renewal__case-body p{display:-webkit-box!important;height:calc(33.6 / 390 * 100vw)!important;min-height:calc(33.6 / 390 * 100vw)!important;max-height:calc(33.6 / 390 * 100vw)!important;overflow:hidden!important;line-height:calc(16.8 / 390 * 100vw)!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
}