/*-----------------------------------------
# 이혼소송 소송 절차
-------------------------------------------*/
.subWrap.divor{
	/* overflow:hidden; */
}
.detailTopWrap{
	position:relative;
	width:100%;
	padding:4rem 0 0 0;
}
.detailTopSideBox {
    margin: 0 auto;
    position: relative;
    max-width: 164rem;
    padding: 0 2rem;
}

.detailTopWrap .subBreInner{
	padding:0 0 8rem 0;
	position:relative;
	z-index:5;
}

.divorTop{
	position:relative;
	width:100%;
}
.detailTopWrap:after {
    z-index: 1;
    content: '';
    position: absolute;
    right: 0;
    top: -11rem;
    height: calc(100% - -11rem);
    width: 50%;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
	/* -webkit-mask-image: linear-gradient(0deg, #000 55%, rgba(0, 0, 0, 0.10) 95%, rgba(0, 0, 0, 0.00) 100%); */
	
	-webkit-mask-image: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.90) 25%, rgba(255, 255, 255, 0.00) 90%);
}

.detailTopWrap.divorce-proceedings:after{
	background-image: url(/public/img/detailpage/divorce-proceedings-bg.webp);
}

.divorTitleInner{
	position:relative;
	width:100%;
	z-index:5;
}
.divorTitle {
    display: flex;
    padding: 3rem 0 0 0;
    position: relative;
    width: 50%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.divorTitle.divor{
	gap:3rem;
	padding: 3rem 0 10rem 0;
}
.divorTitle:before{
	content:'';
	position:absolute;
	left:-3rem;
	top:-1rem;
	height: 6.4rem;
    width: 8.9rem;
    display: inline-block;
    background-image: url(/public/img/detailpage/bigdda.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.divorTitle dt{
	display:inline-block;
	width: 1px;
	height: 3.6rem;
	flex-shrink: 0;
	background: #000;
}
.divorTitle p{
	margin:0;
	text-align:left;
	color: #000;
	font-family: MaruBuri;
	font-size: 4.4rem;
	font-style: normal;
	font-weight: 300;
	line-height: 6.2rem;
}
.divorTitle h1{
	margin:0;
	text-align:left;
	color: #000;
	font-family: MaruBuri;
	font-size: 4.4rem;
	font-style: normal;
	font-weight: 300;
	line-height: 6.2rem;
}
.divorTitle dl{
	margin:0;
	text-align:left;
	color: #555;
	font-family: pretendard-400;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.4rem;
}
.dirMoImg{display:none;}


.detailNavWrap{
	overflow: hidden;
	position:relative;
	width:100%;
}
.detailNavSideBox{
	margin: 0 auto;
    position: relative;
    max-width: 164rem;
    padding: 0 2rem;
}
.detailNav{
	position:relative;
	width:100%;
	height:7.8rem;
	border-radius: 8px 0 0 8px;
	background: #F6F2ED;
	backdrop-filter: blur(5px);
}
.detailNav:after {
    content: '';
    background: #F6F2ED;
	backdrop-filter: blur(5px);
    position: absolute;
	border-radius: 8px 0 0 8px;
    left: 0rem;
    top: 0;
    width: 2000%;
    height: 100%;
    z-index: 3;
}
.swiper.detailNavBtn{
	height:100%;
	position:relative;
	z-index:10;
	padding:0 8rem;
}
.swiper.detailNavBtn .swiper-slide{width:auto;}

/* .swiper.detailNavBtn .swiper-button-prev, */
/* .swiper.detailNavBtn .swiper-button-next{display:none;} */
.detailNavBtn .swiper-button-prev.swiper-button-disabled {
	display:none;
	opacity: 0;
}
.detailNavBtn .swiper-button-next.swiper-button-disabled {
	display:none;
	opacity: 0;
}

.denaBtn{
	position:relative;
	height:100%;
}
.denaBtn a {
	opacity: 0.6;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    color: #000;
    text-align: center;
    font-family: pretendard-400;
    font-size: 1.9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.6rem;
    align-items: center;
    justify-content: center;
}
.denaBtn a.on{
	opacity:1;
	font-weight: 700;
	font-family: pretendard-700;
	color: #142952;
}
.denaBtn a.on:before{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background: #142952;
}



.soprWrap{
	position:relative;
	width:100%;
	padding:8rem 0 12rem 0;
}
.soprSideBox {
    margin: 0 auto;
    position: relative;
    max-width: 164rem;
    padding: 0 2rem;
}
.soprTitle h1{
	text-align:left;
	margin:0;
	color: #000;
	font-family: pretendard-500;
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 4rem;
}


.soStepWrap{
	position:relative;
	width:100%;
}
.soStepBox{
	position:relative;
	width:100%;
	/* padding: 0 0 11rem 0; */
}

.btnlist {
    top: -5.7rem;
    right: 0;
    position: absolute;
    display: flex;
    gap: 4px;
}
.btnlist .perv {
	opacity: .35;
	cursor:pointer;
    margin: 0;
    position: relative;
    width: 5.7rem;
    height: 5.7rem;
    border-radius: 4px;
    border: 1px solid #000;
	
background-image: url(/public/img/main/sl_prev.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.6rem;
}
.btnlist .perv.on{
	opacity:1;
}
/* .btnlist .perv:hover{ */
	/* opacity:1; */
/* } */

.btnlist .next {
	opacity: .35;
		cursor:pointer;
    margin: 0;
    position: relative;
    width: 5.7rem;
    height: 5.7rem;
    border-radius: 4px;
    border: 1px solid #000;
	
	background-image: url(/public/img/main/sl_next.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.6rem;
}
.btnlist .next.on{
	opacity:1;
}
/* .btnlist .next:hover{ */
	/* opacity:1; */
/* } */

.soStepInner {
    padding: 6rem 0 0 0;
    width: 100%;
    position: relative;
    display: flex;
    overflow: hidden;
	align-items: flex-start;
}

.soStep {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}
.soStep:nth-child(1):before{
	z-index:3;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:2.7rem;
	height:2px;
	background:#fff;
}

.ssTitle{
	position:relative;
}
.ssTitle:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:300%;
	height:2px;
	background:#E8E8E8;
}
.ssTitle h2 {
	position:relative;
    display: inline-block;
    padding: 2.8rem 0 0 0;
    text-align: left;
    color: #999;
    font-family: pretendard-500;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.2rem;
}
.ssTitle h2:before{
	z-index: 3;
	content:'';
	position:absolute;
	left:50%;
	transform: translateX(-50%);
	top:-0.3rem;
	width: 0.8rem;
	height: 0.8rem;
	border-radius:50%;
	background: #999;
}
.soCont{
	display:none;
	position:relative;
}
.soCont img{
	position:relative;
	margin:1.6rem 0;
	border-radius: 0.6rem;
	max-width:24rem;
}
.socontText {
	position:relative;
}
.socontText h3{
	padding:0 0 0 1.2rem;
	position:relative;
	width:100%;
	color: #000;
	text-align:left;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.8rem;
}
.socontText h3:before{
	z-index: 2;
	content:'';
	position:absolute;
	left:0;
	top:1.2rem;
	width:0.4rem;
	height:0.4rem;
	border-radius:50%;
	background:#E6C27C;
}

.soStep:last-child .socontText{
	width:160%;
}

.soStep.on {
    max-width: max-content;
    width: auto;
    align-items: baseline;
    flex: auto;
    display: block;
}
.soStep.on .ssTitle h2{
	color: #997B41;
	font-family: pretendard-600;
	font-weight: 600;
}
.soStep.on .ssTitle h2:before{
	top: -1.4rem;
    width: 3rem;
    height: 3rem;
	background-image: url(/public/img/detailpage/step_on.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.soStep.on .ssTitle:after {
    z-index: 2;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2.7rem;
    height: 2px;
    background: #E6C27C;
}
.soStep.on .soCont{
	display:block;
}


.soStep.end .ssTitle:before{
	background: #E6C27C;
}
.soStep.end .ssTitle h2{
	color: #000;
	font-family: pretendard-600;
	font-weight: 600;
}
.soStep.end .ssTitle h2:before{
	top: -1.4rem;
    width: 3rem;
    height: 3rem;
	background-image: url(/public/img/detailpage/end_on.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (max-width:1700px) {
	.divorTitle:before {
		left: -1rem;
		top: 0rem;
		height: 5.4rem;
		width: 7.9rem;
	}
}
@media (max-width:1600px) {
	.detailTopWrap .subBreInner {
		padding: 0 0 6rem 0;
	}
	.divorTitle.divor {
		gap: 2.4rem;
		padding: 3rem 0 8rem 0;
	}
	.divorTitle p {
		font-size: 4rem;
		line-height: 6rem;
	}
	.divorTitle h1 {
		font-size: 4rem;
		line-height: 6rem;
	}
	
	
	.detailNav {
		height: 6.8rem;
		border-radius: 8px 0 0 8px;
	}
	.detailNavSideBox {
		padding: 0 0 0 2rem;
	}
	.detailNav:after{content:none;}
	.swiper.detailNavBtn {
		padding: 0 4rem;
	}
}
@media (max-width:1300px) {
	.divorTitle.divor {
		gap: 2rem;
		padding: 3rem 0 8rem 0;
	}
	.divorTitle p {
		font-size: 3.6rem;
		line-height: 5.6rem;
	}
	.divorTitle h1{
		font-size: 3.6rem;
		line-height: 5.6rem;
	}
	.divorTitle dl {
		font-size: 1.8rem;
		line-height: 3.2rem;
	}
}
@media (max-width:991px) {
	.detailTopWrap .subBreInner {
		padding: 0 0 4rem 0;
	}
	.divorTitle.divor {
		width: 100%;
		gap: 2rem;
		padding: 1rem 0 6rem 0;
	}
	.divorTitle:before {
		left: -1rem;
		top: -0.8rem;
		height: 4rem;
		width: 6rem;
	}
	.divorTitle dt {
		height: 3rem;
	}
	.divorTitle p {
		font-size: 3rem;
		line-height: 4.8rem;
	}
	.divorTitle h1 {
		font-size: 3rem;
		line-height: 4.8rem;
	}
	.divorTitle dl {
		font-size: 1.7rem;
		line-height: 3rem;
	}
	
	
	.detailTopWrap:after {
		top: -11rem;
		height: calc(80% - 0rem);
		width: 46%;
		-webkit-mask-image: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.90) 25%, rgba(255, 255, 255, 0.00) 90%);
	}
	
	
	.detailNav {
		height: 6rem;
		border-radius: 6px 0 0 6px;
	}
	.swiper.detailNavBtn {
		padding: 0 2rem;
	}
	.denaBtn a {
		font-size: 1.7rem;
	}
	
	
	
	
	.soprWrap {
		padding: 6rem 0 10rem 0;
	}
	.ssTitle h2 {
		padding: 2.2rem 0 0 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	.soprTitle h1 {
		font-size: 2.4rem;
		line-height: 3.6rem;
	}
	.ssTitle h2 {
		padding: 2rem 0 0 0;
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
}
@media (max-width:767px) {
	.detailTopWrap {
		padding: 1rem 0 0 0;
	}
	.detailTopWrap .subBreInner {
		padding: 0 0 3rem 0;
	}
	
	
	.divorTitle.divor {
		width: 100%;
		gap: 1.6rem;
		padding: 0rem 0 0rem 0;
	}
	.divorTitle:before {
		left: -1rem;
		top: -1rem;
		height: 2rem;
		width: 2.8rem;
	}
	.divorTitle p {
		font-size: 2rem;
		line-height: 3rem;
	}
	.divorTitle h1 {
		font-size: 2rem;
		line-height: 3rem;
	}
	.divorTitle dt {
		width: 2rem;
		height: 1px;
	}
	.divorTitle dl {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.divorTitle dl br{display:none;}
	
	.detailTopWrap:after{content:none;}
	.dirMoImg {
		margin: -10rem 0 0 0;
		display: block;
	}
	.dirMoImg img{
		-webkit-mask-image: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.90) 25%, rgba(255, 255, 255, 0.00) 78%);
	}
	
	
	.detailNavSideBox {
		padding: 0;
	}
	.detailNav {
		height: 5.6rem;
		border-radius:0;
	}
	.swiper.detailNavBtn {
		padding: 0 2rem;
	}
	.denaBtn a {
		font-size: 1.4rem;
	}
	

	.detailNavBtn .swiper-button-prev {
		left: 0.6rem;
		right: inherit;
		padding: 0;
		margin: 0;
		bottom: inherit;
		top: 0.6rem;
		z-index: 5;
		width: 4.4rem;
		height: 4.4rem;
		border-radius: 5px;
		border: 1px solid rgba(0, 0, 0, 0.08);
		background: rgba(255, 255, 255, 0.80);
		backdrop-filter: blur(2.5px);
		background-image: url(../img/sub/nav_prev.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 14px;
	}
	.detailNavBtn .swiper-button-prev:after{
		content:none;
	}
	.detailNavBtn .swiper-button-next {
		left: inherit;
		right: 0.6rem;
		padding: 0;
		margin: 0;
		bottom: inherit;
		top: 0.6rem;
		z-index: 12;
		width: 4.4rem;
		height: 4.4rem;
		border-radius: 5px;
		border: 1px solid rgba(0, 0, 0, 0.08);
		background: rgba(255, 255, 255, 0.80);
		backdrop-filter: blur(2.5px);
		-webkit-backdrop-filter: blur(4px);
		background-image: url(../img/sub/nav_next.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 14px;
	}
	.detailNavBtn .swiper-button-next:after{
		content:none;
	}
	
	
	
	
	.soprWrap {
		padding: 3rem 0 6rem 0;
	}
	.soprTitle h1 {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.soprTitle h1 br{display:none;}
	.btnlist {
		z-index: 5;
		margin: 0;
		top: 2rem;
		right: 0;
		position: sticky;
		display: flex;
		gap: 4px;
		justify-content: flex-end;
	}
	.btnlist .perv {
		background-color:#fff;
		position: relative;
		transform: rotate(-270deg);
		width: 4.5rem;
		height: 4.5rem;
		border-radius: 4px;
		background-size: 1.3rem;
	}
	.btnlist .next {
		background-color:#fff;
		transform: rotate(90deg);
		position: relative;
		width: 4.5rem;
		height: 4.5rem;
		border-radius: 4px;
		background-size: 1.3rem;
	}
	
	
	.soStepInner {
		margin: -4rem 0 0 0;
		padding: 0;
		align-items: flex-start;
		flex-direction: column;
	}
	.soStep {
		width: 100%;
		padding: 0 0 0 3.4rem;
		flex: 1 0 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		position: relative;
	}
	.soStep:nth-child(1):before {
		top: 0;
		left: 9px;
		width: 2px;
		height: 26px;
	}
	.soStep.on {
		max-width: 100%;
		flex: inherit;
		width: 100%;
	}
	.soStep.on .ssTitle:after {
		top: -4px;
		left: -25px;
		width: 2px;
		height: 30px;
	}
	.soCont img {
		position: relative;
		margin: 0.8rem 0;
		border-radius: 0.4rem;
	}
	.socontText h3 {
		padding: 0 0 0 1.1rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.socontText h3:before {
		top: 0.85rem;
		width: 0.3rem;
		height: 0.3rem;
	}
	
	
	.ssTitle:before {
		left: -2.5rem;
		width: 2px;
		height: 1000%;
	}
	.ssTitle h2 {
		padding: 2rem 0 0 0;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.ssTitle h2:before {
		left: -24px;
		top: 30px;
		width: 0.6rem;
		height: 0.6rem;
	}
	.soStep.on .ssTitle h2:before {
		top: 24px;
		width: 20px;
		height: 20px;
	}
	.soStep.end .ssTitle h2:before {
		top: 24px;
		width: 20px;
		height: 20px;
	}
}

@media (max-width:420px) {
	.soCont img {
		max-width: 100%;
		width: 100%;
	}
}

/*-----------------------------------------
# 이혼소송 가압류
-------------------------------------------*/
.detailTopWrap.ancillary-attachment:after{
	background-image: url(/public/img/detailpage/ancillary-attachment-bg.webp);
}
.detailTopWrap.responding-to-an-adultery-lawsuit:after{
	background-image: url(/public/img/detailpage/responding-to-an-adultery-lawsuit-bg.webp);
}
.detailTopWrap.child-custody:after{
	background-image: url(/public/img/detailpage/child-custody-bg.webp);
}
.detailTopWrap.common-law-marriage-relationship:after{
	background-image: url(/public/img/detailpage/common-law-marriage-relationship-bg.webp);
}
.detailTopWrap.international-divorce:after{
	background-image: url(/public/img/detailpage/international-divorce-bg.webp);
}
.detailTopWrap.criminal-charges:after{
	background-image: url(/public/img/detailpage/criminal-charges-bg.webp);
}

.divorInfoWrap{
	position:relative;
	width:100%;
	padding:8rem 0 12rem 0;
}
.divorInfoSideBox{
	margin: 0 auto;
    position: relative;
    max-width: 164rem;
    padding: 0 2rem;
}
.diInfoInner{
	position:relative;
	width:100%;
}
.diInfo{
	position:relative;
	width:100%;
	display:flex;
	border-bottom:1px solid #eee;
	padding:0 0 6rem 0;
	margin:0 0 6rem 0;
}
.diInfo:last-child{
	border-bottom:none;
	padding:0;
	margin:0;
}
.diIle{
	position:relative;
	width:50%;
}
.diIri{
	position:relative;
	width:50%;
}
.diM_title{
	margin:0;
	text-align:left;
	color: #000;
	font-family: pretendard-500;
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 4rem;
}
.diM_sub{
	margin:2rem 0 0 0;
	text-align:left;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.9rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.5rem;
}
.diM_sub:nth-child(1){
	margin:0;
}
.diM_sub span{
	font-family: pretendard-700;
	font-weight: 700;
}

@media (max-width:1600px) {
	.divorInfoWrap {
		padding: 8rem 0 10rem 0;
	}
}
@media (max-width:991px) {
	.divorInfoWrap {
		padding: 6rem 0 10rem 0;
	}
	.diInfo {
		gap:3rem;
		padding: 0 0 4rem 0;
		margin: 0 0 4rem 0;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.diIle, .diIri {
		position: relative;
		width: 100%;
	}
	.diM_title {
		font-size: 2.4rem;
		line-height: 3.6rem;
	}
}
@media (max-width:767px) {
	.divorInfoWrap {
		padding: 3rem 0 6rem 0;
	}
	.diInfo {
		gap:2rem;
		padding: 0 0 3rem 0;
		margin: 0 0 3rem 0;
	}
	.diM_title {
		font-size: 1.8rem;
		line-height: 2.8rem;
	}
	.diM_title br{display:none;}
	.diM_sub br{display:none;}
	.diM_sub{
		margin:1rem 0 0 0;
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
}


/*-----------------------------------------
# 재산분할
-------------------------------------------*/
.property .diM_sub {
    margin: 3rem 0 0 0;
}
.property .diM_sub:nth-child(1) {
    margin: 0;
}

.detailTopWrap.property:after {
    height: calc(100% - -34rem);
}


.detailTopWrap.division-of-marital-property:after{
	background-image: url(/public/img/detailpage/division-of-marital-property-bg.webp);
}
.detailTopWrap.damages-for-emotional-distress:after{
	background-image: url(/public/img/detailpage/damages-for-emotional-distress-bg.webp);
}
.detailTopWrap.separate-property:after{
	background-image: url(/public/img/detailpage/separate-property-bg.webp);
}
.detailTopWrap.inherited-property:after{
	background-image: url(/public/img/detailpage/inherited-property-bg.webp);
}

@media (max-width:1600px) {
	.detailTopWrap.property:after {
		height: calc(100% - -25rem);
	}
	.diIri.property {
		width: 100%;
	}
}
@media (max-width:991px) {
	.detailTopWrap.property:after {
		height: calc(100% - -20rem);
	}
}

@media (max-width:767px) {
	.property .diM_sub {
		margin: 2rem 0 0 0;
	}
}


/*-----------------------------------------
# 상속소송
-------------------------------------------*/
.detailTopWrap.qualified-acceptance-or-renunciation-of-inheritance:after{
	background-image: url(/public/img/detailpage/qualified-acceptance-or-renunciation-of-inheritance-bg.webp);
}

.qualified-acceptance-or-renunciation-of-inheritance .sub_bred b {
    line-height: 1.4rem;
}

.detailTopWrap.contribution-claim:after{
	background-image: url(/public/img/detailpage/contribution-claim-bg.webp);
}
.detailTopWrap.legitime:after{
	background-image: url(/public/img/detailpage/legitime-bg.webp);
}
.detailTopWrap.inheritance-recovery-claim:after{
	background-image: url(/public/img/detailpage/inheritance-recovery-claim-bg.webp);
}
.detailTopWrap.last-will-and-testament:after{
	background-image: url(/public/img/detailpage/last-will-and-testament-bg.webp);
}
@media (max-width:1600px) {
	.detailTopWrap.property.inheritance:after {
		height: calc(100% - -11rem);
	}
}