/* 쪽별 지문 파일 css · 91 종결사례(틀 v3 · 세 층 ㉢ · 서신 #129 R3 ⓑ ㉢ · HT-111 · 원천 = 그 쪽만 부르던 css · 쪽 안 차례 보존 · 글자 그대로) */
/* ===== 원천: <link> css/caselist.css ===== */
.ast-container{
	width:100%!important;
	max-width:100%!important;
	padding:0rem!important;
}



/*================== :::::::::::::: 종결사례 상단 비주얼 영역 START ~ :::::::::::::: ==================*/
.subvtopBox{
	position:relative;
	width:100%;
	background:#585e67;
	
	background-image: url(/img/board/consult_top_bg.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.casetopbg{
	background-image: url(/img/board/casetopbg.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 767px){
	.casetopbg{
		background-image: url(/img/board/casetopbg_mo.webp);
	}
}



.subvtopSideBox {
	position:relative;
    height: 100%;
    width: 100%;
    display: flex;
    margin: 0 auto;
    max-width: 95rem;
    padding: 18.125rem 1.25rem 6.25rem 1.25rem;
    align-items: flex-end;
    justify-content: flex-start;
}

.subvtBead {
    display: flex;
    align-items: center;
    justify-content: flex-start;
	margin-bottom:3.13rem;
}
.boa_homeicon{
	margin-right:0.88rem;
}
.boa_homeicon img{
	height:2.375rem;
}

.boa_arrowicon {
    display: flex;
    margin: 0rem 0.63rem;
}
.boa_arrowicon img{
	height:0.5rem;
}
.subvtBead span{
	color: #FFF;
font-size: 1.0625rem;
	font-weight: 400;
font-family: 'Pretendard';
line-height: 1.875rem; /* 176.471% */
}
.subvtBead span.last{
		font-weight: 600;
font-family: 'Pretendard-SemiBold';
}

.suth1{
	display:block;
	margin-bottom:1.25rem;
}
.suth1 h1{
	padding:0;
	margin:0;
	color: #FFF;
font-size: 3.625rem;
font-family: 'Pretendard-SemiBold';
	font-weight: 600;
line-height: 4rem; /* 110.345% */
letter-spacing: -0.0725rem;
}
.suth2{
	display:block;
}
.suth2 h2{
	padding:0;
	margin:0;
color: #FFF;
font-size: 1.25rem;
font-weight: 400;
font-family: 'Pretendard';
line-height: 2.25rem; /* 180% */
letter-spacing: -0.025rem;
}

.sutrighttext {
    bottom: 0rem;
    position: absolute;
    right: 6.25rem;
    color: #FFF;
    text-align: right;
    font-family: Cormorant;
    font-size: 10rem;
    font-style: normal;
    font-weight: 300;
    line-height: 11.25rem;
    letter-spacing: -0.2rem;
}


.wjcontbox{
	width:40rem;
	position:absolute;
	right:3.75rem;
	top:9rem;
	border-radius: 0.375rem;
	background: #FFF;
	padding:2.5rem;
}
.wjcontInner{
	position:relative;
}
.wjconticon{
	position:absolute;
	right:0rem;
	top:0rem;
}
.wjctitle{
	color: #000;
font-family: 'Pretendard-Bold';
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.4375rem;
	display:block;
	margin-bottom:1.25rem;
}
.wjcsubt{
	display:block;
	margin:0.38rem 0 0 0;
	color: #000;
	font-family: 'Pretendard';
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.625rem;
}
.wjcsubt span{
	font-weight: 700;
}
.wjcsubbt{
	border-top:1px solid #eee;
	padding:1.62rem 0 0 0;
	margin:1.62rem 0 0 0;
	display:block;
	color: #000;
	font-family: 'Pretendard';
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.625rem; 
}

@media (max-width: 1024px){
	.subvtopSideBox {
		padding: 10rem 1.25rem 4.25rem 1.25rem;
	}
	
	.wjcontbox{
		display:none;
	}
}
@media (max-width: 767px){
	.subvtopSideBox {
		padding: 11.12rem 1.25rem 4.38rem 1.25rem;
	}
	
	.subvtBead {
		margin-bottom: 1.88rem;
	}
	.boa_homeicon {
		margin-right: 0.63rem;
	}
	.boa_homeicon img {
		height: 30px;
	}
	.subvtBead span {
		font-size: 0.8125rem;
		line-height: 1.875rem;
	}
	.boa_arrowicon {
		margin: 0rem 0.5rem;
	}
	
	.suth1 {
		margin-bottom: 0.75rem;
	}
	.suth1 h1 {
		font-size: 1.875rem;
		line-height: 2.5rem;
		letter-spacing: -0.0375rem;
	}
	.suth2 h2 {
		font-size: 0.875rem;
		line-height: 1.25rem;
		letter-spacing: -0.0175rem;
	}
}
/*================== :::::::::::::: 종결사례 상단 비주얼 영역 end ~ :::::::::::::: ==================*/

/*================== :::::::::::::: 종결사례 리스트 START ~ :::::::::::::: ==================*/
.caseWrap{
	position:relative;
	width:100%;
	padding:6.25rem 0rem 8.75rem 0rem;
	background:#fff;
}
.caseSidebox{
	margin:0 auto;
	max-width:95rem;
	padding:0 1.25rem;
}


.cateseaWrap{
	display:flex;
}
.caCatebox{
	display:flex;
	position:relative;
}
.caCate{
	margin-right:0.75rem;
	display:inline-block;
	position:relative;
}
.onCa a{
	background: #D9B65C!important;
	border: 1px solid #D9B65C!important;
	color: #FFF!important;
font-family: 'Pretendard-SemiBold';
	font-weight: 600;
}
.caCate a{
	background:#fff;
	display:flex;
	border-radius: 0.25rem;
	border: 1px solid #EEE;
	padding: 1.0625rem 2rem;
	color: #111;
font-family: 'Pretendard-Medium';
	font-weight: 500;
	font-size: 1.125rem;
	font-style: normal;
	line-height: 1.625rem;
	letter-spacing: -0.0225rem;
}


.caseSeabox{
	display:flex;
}
.caseSea{
	position:relative;
}
.caseSea input{
	border:1px solid #F8F8F8;
	width:19.4375rem;
	height:3.875rem;
	border-radius: 0.25rem;
background: #F8F8F8;
color: #111;
font-family: 'Pretendard';
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.625rem;
letter-spacing: -0.0225rem;

display: flex;
padding: 1.0625rem 1.25rem 1.0625rem 3.495rem;
align-items: flex-start;
}
.caseSea input:hover{
	background: #F8F8F8;
}
.caseSea input:focus{
	border:1px solid #eee;
}
.caseSea input::placeholder{
color: #111;
font-family: 'Pretendard';
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.625rem;
letter-spacing: -0.0225rem;
opacity: 0.5;
}
.caseSea button {
    top: 1.16rem;
    box-shadow: inherit;
    border: none;
    border-radius: 0;
    background: inherit;
    margin: 0;
    padding: 0;
    content: '';
    width: 1.625rem;
    height: 1.625rem;
    position: absolute;
    left: 1.25rem;
    background-image: url(/img/common/cateseaicon.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.noseainfo {
    line-height: 1.8rem;
    color: #111;
    font-size: 1.2rem;
    padding: 5rem 0rem 0rem;
    display: block;
    text-align: center;
font-family: 'Pretendard-SemiBold';
font-weight: 600;
}


.calistBox{
	width:100%;
	position:relative;
	margin-top:3.75rem;
}
.catop{
	width:100%;
	display:flex;
	border-bottom:1px solid #111;
}
.catItem{
	display:block;
	text-align:center;
	color: #111;
	font-size: 1.125rem;
font-family: 'Pretendard-Medium';
font-weight: 500;
	line-height: 1.375rem;
	letter-spacing: -0.0225rem;
	padding: 1.5rem 0.2rem;
}

.ct01{width:5rem;}
.ct02{width:10rem;}
.ct03{width:12.5rem;}
.ct04{width:11.25rem;}
.ct05{width:7.5rem;}
.ct06{width:7.5rem;}
.ct07{width:38.75rem;}



.camid{
	position:relative;
	width:100%;
	display:flex;
	border-bottom: 1px solid rgba(17, 17, 17, 0.10);
}

.cm01{width:5rem;}
.cm02{width:10rem;}
.cm03{width:12.5rem;}
.cm04{width:11.25rem;}
.cm05{width:7.5rem;}
.cm06{width:7.5rem;}
.cm07{width:38.75rem;}

.camem{
font-family: 'Pretendard';
font-weight: 400;
	position:relative;
}
.camem span{
	display:none;
}

.cm01{
	display: flex;
    padding: 1.5rem 0.2rem;
    text-align: center;
    color: #111;
	font-family: 'Pretendard';
	font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: -0.02rem;
    align-items: center;
    justify-content: center;
}

.cm02{
	padding: 1.25rem 1.88rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.camImg{
	position:relative;
}
.camImg figure{
	border-radius: 0.1875rem;
	width:6.25rem;
	height:8.875rem;
	position:relative;
	border: 1px solid rgba(0, 0, 0, 0.10);
}
.camoreicon{
	padding:0.62rem;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	border-radius: 0.1875rem;
	background: rgba(17, 17, 17, 0.70);
	backdrop-filter: blur(2px);
	    cursor: pointer;
}
.camoreicon img{
	height:1.25rem;
}

.cm03 {
    display: flex;
    padding: 1.25rem 1.88rem;
    align-items: center;
    justify-content: flex-start;
}
.cm03 h2 {
    margin: 0;
    padding: 0;
    font-weight: 400;
font-family: 'Pretendard';
    text-align: left;
    color: #111;
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: -0.02rem;
}

.cm04 {
    display: flex;
    padding: 1.5rem 0.2rem;
    align-items: center;
    justify-content: center;
}
.cm04 h3 {
    border-radius: 0.1875rem;
    border: 2px solid #FF6737;
    padding: 0.25rem 0.75rem;
    display: inline-block;
    margin: 0;
    font-weight: 700;
font-family: 'Pretendard-Bold';
    text-align: center;
    color: #FF6737;
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: -0.02rem;
}

.cm05 {
    display: flex;
    padding: 1.5rem 0.2rem;
    text-align: center;
    color: #111;
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: -0.02rem;
    align-items: center;
    justify-content: center;
}
.cm06 {
    display: flex;
    padding: 1.5rem 0.2rem;
    align-items: center;
    justify-content: center;
}
.cm06 h3{
	margin: 0;
    padding: 0;
    font-weight: 400;
font-family: 'Pretendard';
	text-align: center;
    color: #111;
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: -0.02rem;
}
.cm07 {
    display: flex;
    padding: 1.5rem 8.76em 1.5rem 1.88rem;
    align-items: center;
    justify-content: flex-start;
}
.cm07 h3{
	margin: 0;
    padding: 0;
    font-weight: 400;
font-family: 'Pretendard';
	text-align: left;
    color: #111;
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: -0.02rem;
}

.comblogbtnBox {
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    right: 0rem;
    padding: 0rem 1.88rem;
}
.comblogbtn{
	position:relative;
}
.clbmar{
	margin-bottom:0.38rem;
}
/* .comblogbtn a{ */
	/* width:5rem; */
	/* display: flex; */
	/* padding: 0.5rem 0.5rem; */
	/* justify-content: center; */
	/* align-items: center; */
	/* border-radius: 0.25rem; */
	/* background: rgba(0, 0, 0, 0.80); */
	/* backdrop-filter: blur(5px); */
	/* color: #FFF; */
	/* font-size: 1rem; */
	/* font-family: 'Pretendard-SemiBold'; */
	/* font-weight: 600; */
	/* line-height: 1.625rem; */
	/* letter-spacing: -0.02rem; */
/* } */
.detailBtn a {
	border: 1px solid #D9B65C!important;
    background: #D9B65C!important;
    color: #fff!important;
}
.comblogbtn a{
	width:5rem;
	display: flex;
	padding: 0.375rem 0.5rem;
	justify-content: center;
	align-items: center;
	border-radius: 0.25rem;
	background: #fff;
	backdrop-filter: blur(5px);
	color: #111;
	font-size: 1rem;
	font-family: 'Pretendard-SemiBold';
	font-weight: 600;
	line-height: 1.625rem;
	letter-spacing: -0.02rem;
	border: 1px solid #111;
}


#myModal {
	display:none;
	background: rgba(0, 0, 0, 0.80);
	backdrop-filter: blur(5px);
	
    z-index: 200;
    position: fixed;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
}

.mymodalwrap_leever {
    text-align: center;
    transform: translateY(-50%);
    /* left: 50%; */
    display: block;
    position: fixed;
    top: 50%;
    left: 0rem;
    width: 100%;
}

.mymodalwrap {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.mymodalimgbox {
    position: relative;
    padding: 3rem;
    display: inline-block;
}
.mymodalimgbox img {
    height: 50rem;
    max-width: 100%;
}

.modalclose {
    cursor: pointer;
    right: 0rem;
    top: 2.5rem;
    position: absolute;
    width: 2.25rem;
    height: 2.25rem;
    /* background: #fff; */
    background-image: url(/img/board/casepop_close.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.125rem;
}


@media (max-width: 1024px){
	.caseWrap {
		padding: 5.25rem 0rem 5.25rem 0rem;
	}
}
@media (max-width: 1024px){
	
	.catop{
		display:none;
	}
	
	.camid {
		margin-bottom: 1.88rem;
		    padding: 2.495rem 0rem 1.88rem 5rem;
		display: block;
		border-bottom: 1px solid rgba(17, 17, 17, 0.10);
	}
	.cm02{width:10rem;}
	.cm03{width:100%;}
	.cm04{width:100%;}
	.cm05{width:100%;}
	.cm06{width:100%;}
	.cm07{width:100%;}
	.camem span {
		left: 0rem;
		position: absolute;
		margin-right: 0;
		width: auto;
		display: inline-block;
		color: #111;
font-family: 'Pretendard-SemiBold';
		text-align: left;
		font-size: 0.8125rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.125rem;
		letter-spacing: -0.0325rem;
	}
	
	.cm01{
		display:none;
	}
	.cm02 {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 0rem;
		top: 0rem;
		left: 0rem;
		position: absolute;
		width: 4rem;
	}
	.camImg figure{
		border-radius: 0.1875rem;
		/* width: 100%; */
		/* height: 100%; */
		width: 100%;
		height: auto;
		position: relative;
		border: 1px solid rgba(0, 0, 0, 0.10);
	}
	.camoreicon {
		display: flex;
		margin-top: 0.62rem;
		width: 100%;
		padding: 0.62rem;
		position: relative;
		top: inherit;
		left: inherit;
		-webkit-transform: inherit;
		transform: inherit;
		border-radius: 0.1875rem;
		background: rgba(17, 17, 17, 0.70);
		backdrop-filter: blur(2px);
		align-items: center;
		justify-content: center;
	}
	.camoreicon img {
		height: 0.875rem;
	}
	
	.cm04 {
		width: auto;
		left: 5rem;
		top: 0rem;
		position: absolute;
		display: inline-block;
		padding: 0;
		align-items: center;
		justify-content: flex-start;
	}
	.cm04 h3{
		border-radius: 0.1875rem;
		padding: 0.188rem 0.5rem;
font-family: 'Pretendard-SemiBold';
		font-weight: 600;
		border-radius: 0.1875rem;
		background: #fff;
		font-size: 0.8125rem;
		line-height: 1.25rem;
		letter-spacing: -0.01625rem;
	}
	
	
	
	
	
	.cm03 {
		display: flex;
		padding: 0.62rem 0rem;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.cm03 h2 {
		min-height:1.125rem;
		font-size: 0.8125rem;
		line-height: 1.125rem;
		letter-spacing: -0.0325rem;
	}
	.cm05 {
		display: flex;
		padding: 0.62rem 0rem;
		text-align: center;
		color: #111;
		font-size: 0.8125rem;
		line-height: 1.125rem;
		letter-spacing: -0.0325rem;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.cm06 {
		display: flex;
		padding: 0.62rem 0rem;
		text-align: center;
		color: #111;
		font-size: 0.8125rem;
		line-height: 1.125rem;
		letter-spacing: -0.0325rem;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.cm06 h3{
		min-height:1.125rem;
		font-size: 0.8125rem;
		line-height: 1.125rem;
		letter-spacing: -0.0325rem;
	}
	.cm07 {
		display: flex;
		padding: 0.62rem 0rem;
		align-items: flex-start;
		justify-content: flex-start;
		border-bottom:none!important;
	}
	.cm07 h3 {
		min-height: 2.25rem;
		text-align: left;
		color: #111;
		font-size: 0.8125rem;
		line-height: 1.125rem;
		letter-spacing: -0.0325rem;
	}
	
	
	.mocusbox {
		position:relative;
		padding-left: 2.937rem;
		border-bottom: 1px solid #eee;
	}
	
	
	.clbmar{
		margin-bottom:0rem;
		margin-right:0.31rem;
	}
	.comblogbtnBox {
		top: inherit;
		transform: inherit;
		display: flex;
		width: 100%;
		position: relative;
		right: 0rem;
		padding: 0rem 0rem;
	}
	.comblogbtn{
		width:50%;
	}
	.comblogbtn a {
		width: 100%;
		display: flex;
		    padding: 0.563rem 0.5rem;
		border-radius: 0.25rem;
		font-size: 0.875rem;
		line-height: 1rem;
		letter-spacing: -0.035rem;
	}
}

@media (max-width: 767px){
	.caseWrap {
		top: -1.25rem;
		border-radius: 1.25rem 1.25rem 0rem 0rem;
		padding: 1.88rem 0rem 3.75rem 0rem;
	}
	
	.cateseaWrap {
		display: block;
	}
	.caCate {
		margin-right: 0.31rem;
	}
	.caCate a {
		background: #fff;
		display: flex;
		border-radius: 0.25rem;
		border: 1px solid #EEE;
		padding: 0.81rem 1.12rem;
		color: #111;
		
		font-size: 1rem;
		font-style: normal;
		line-height: 1.5rem;
		letter-spacing: -0.02rem;
	}
	.caseSeabox {
		margin-top: 0.56rem;
	}
	.caseSeabox form{
		width:100%;
	}
	.caseSea input {
		width: 100%;
		height: 3.125rem;
		border-radius: 0.25rem;
		font-size: 1rem;
		line-height: 1.5rem;
		letter-spacing: -0.02rem;
		padding: 0.81rem 1rem 0.81rem 3.38rem;
	}
	.caseSea input::placeholder{
		font-size: 1rem;
		line-height: 1.5rem;
		letter-spacing: -0.02rem;
	}
	.caseSea button {
		top: 0.8rem;
		border-radius: 0;
		width: 1.5rem;
		height: 1.5rem;
		left: 1rem;
		background-image: url(/img/common/cateseaicon.png);
	}
	
	.calistBox {
		margin-top: 2.5rem;
	}
	
	
	.mymodalimgbox img {
		height: 40rem;
		max-width: 100%;
	}
}
@media (max-width: 650px){
	.mymodalimgbox {
		position: relative;
		padding: 1.25rem;
		display: inline-block;
	}
	.modalclose {
		transform: translateX(-50%);
		right: inherit;
		top: -2.25rem;
		position: absolute;
		width: 2.25rem;
		height: 2.25rem;
		left: 50%;
	}
	.mymodalimgbox img {
		height:auto;
		max-width: 100%;
	}
}

/*================== :::::::::::::: 종결사례 리스트 end ~ :::::::::::::: ==================*/


/*================== :::::::::::::: 종결사례 리스트 페이징 START ~ :::::::::::::: ==================*/
.pagination{
	margin-top:3.75rem;
}
.pcPagi{display:block;}
.MOPagi{display:none;}

.adm_paging_box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.adm_paging_box .flex_box{
	display:flex;
}
.adm_paging_number_box{
	display:flex;
}
.adm_paging_number_box ul{
	display:flex;
	margin:0;
	padding:0;
}
.adm_paging_number_box ul li.on_adm_paging{
	background: #2F2C2C!important;
	border: 1px solid #2F2C2C!important;
	color:#fff!important;
}
.adm_paging_number_box ul li:hover{
	border: 1px solid #2F2C2C;
	background: #FFF;
}
.adm_paging_number_box ul li {
    display: flex;
    cursor: pointer;
    list-style: none;
    border-radius: 0.25rem;
    background: #F3F3F3;
	border: 1px solid #F3F3F3;
    width: 3.125rem;
    height: 3.125rem;
    margin: 0 0.125rem;
    color: #2F2C2C;
    font-family: 프리텐다드500, sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375rem;
    align-items: center;
    justify-content: center;
}

.flex_box .amprev_page {
    position: relative;
    cursor: pointer;
    padding: 0.812rem 1.125rem 0.812rem 2.375rem;
    border-radius: 0.25rem;
    border: 1px solid #DDD;
    color: #2F2C2C;
    font-family: 'Pretendard';
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375rem;
}
.flex_box .amprev_page:before {
    transform: translateY(-50%);
    top: 50%;
    left: 1rem;
    content: '';
    position: absolute;
    width: 14px;
    height: 12px;
    background-image: url(/img/board/boa_pag_arrow_prev.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.flex_box .amnext_page {
    position: relative;
    cursor: pointer;
    padding: 0.812rem 2.375rem 0.812rem 1.125rem;
    border-radius: 0.25rem;
    border: 1px solid #DDD;
    color: #2F2C2C;
    font-family: 'Pretendard';
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375rem;
}
.flex_box .amnext_page:before {
    transform: translateY(-50%);
    top: 50%;
    right: 1rem;
    content: '';
    position: absolute;
    width: 14px;
    height: 12px;
    background-image: url(/img/board/boa_pag_arrow_next.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
@media (max-width: 767px){
	.pcPagi{display:none;}
	.MOPagi{display:block;}
	
	.pagination {
		margin-top: 2.5rem;
	}
	
	.adm_paging_number_box ul li {
		border-radius: 0.25rem;
		width: 2.5rem;
		height: 2.5rem;
		margin: 0 0.125rem;
		font-size: 0.875rem;
		line-height: 1.375rem;
	}
	
	.flex_box .amprev_page span{
		display:none;
	}
	.flex_box .amprev_page{
		padding:0;
		width:2.5rem;
		height:2.5rem;
	}
	.flex_box .amprev_page:before {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 10px;
		height: 10px;
		background-image: url(/img/board/boa_pag_arrow_prev_mo.png.png);
	}
	
	
	.flex_box .amnext_page span{
		display:none;
	}
	.flex_box .amnext_page{
		padding:0;
		width:2.5rem;
		height:2.5rem;
	}
	.flex_box .amnext_page:before {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 10px;
		height: 10px;
		background-image: url(/img/board/boa_pag_arrow_next_mo.png.png);
	}
}

/*================== :::::::::::::: 종결사례 리스트 페이징 end ~ :::::::::::::: ==================*/
/* ===== 원천: 쪽 안 <style> ===== */
html{margin-top:0!important}body{margin:0}@media (max-width:1600px) and (min-width:992px){html{font-size:85%!important}}@media (max-width:991px){html{font-size:85%!important}}@media (max-width:767px){html{font-size:100%!important}}
/* ===== 원천: 쪽 안 <style id=lshSubV2Css> ===== */
/* [서브3p v2 · 서신 #62 §1·§2 → 서브4p #64 §0 폭 1140/760 적용] E 도입부(딥 컬러밴드) + 연도 스티키 서브바 + 폭 그리드 — 서브템플릿 v1.2 컴포넌트. 신규 규칙 = rem 단위만. */
.lsh-deepband{background:#1f2b52;padding:3.4rem 1.25rem 3rem}
.lsh-deepband .dbin{max-width:71.25rem;margin:0 auto}/* [#64 §0] 1140 */
.lsh-deepband .db-eyebrow{margin:0 0 0.6rem;color:#D9B65C;font-family:Outfit,'Pretendard',sans-serif;font-weight:600;font-size:1.125rem;letter-spacing:.14em;text-transform:uppercase}
.lsh-deepband h1{margin:0;color:#fff;font-family:'Pretendard-SemiBold';font-weight:600;font-size:2.5rem;line-height:1.35;word-break:keep-all}
.lsh-deepband .db-lead{margin:0.9rem 0 0;color:#E8E2D4;font-family:'Pretendard';font-size:1.125rem;line-height:1.8;word-break:keep-all}
.lsh-deepband .db-links{display:flex;flex-wrap:wrap;gap:0.62rem;margin-top:1.4rem}
.lsh-deepband .db-links a{display:inline-block;border:1px solid rgba(217,182,92,.55);color:#D9B65C;font-size:0.875rem;font-weight:700;padding:0.62rem 1rem;text-decoration:none;background:rgba(255,255,255,.03)}
.lsh-deepband .db-links a:hover{border-color:#D9B65C;background:rgba(217,182,92,.12)}
@media(max-width:767px){.lsh-deepband{padding:2.3rem 1rem 2rem}.lsh-deepband h1{font-size:1.625rem}.lsh-deepband .db-lead{font-size:0.9375rem}.lsh-deepband .db-eyebrow{font-size:0.9375rem}}
/* 연도 스티키 서브바 — 흰 배경·텍스트 링크·현재 골드 하이라이트 */
.lsh-ynav{position:sticky;top:var(--lshNavH,0px);z-index:900;background:#fff;border-bottom:1px solid #EEE;padding:0 1.25rem}
.lsh-ynav .yin{max-width:71.25rem;margin:0 auto;/* [#64 §0] 1140 */display:flex;gap:1.7rem;overflow-x:auto;scrollbar-width:none}
.lsh-ynav .yin::-webkit-scrollbar{display:none}
.lsh-ynav a{display:inline-block;padding:0.9rem 0 0.75rem;color:#555;font-family:Outfit,'Pretendard',sans-serif;font-weight:600;font-size:1rem;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.lsh-ynav a.on{color:#D9B65C;border-bottom-color:#D9B65C}
.lsh-ynav a:hover{color:#D9B65C}
/* [#64 §0·§4 폭 그리드 개정] 리스트(카드 원장) = 레이아웃 최대폭 71.25rem(1140px) — 카드 디자인 현행 유지(재디자인 아님), 텍스트(간단해설)만 47.5rem(760px) 리딩 */
div.lsh-cwrap{max-width:71.25rem;margin:0 auto;padding:1.6rem 1.25rem 4.4rem} /* 본문(body) 원장 CSS(.lsh-cwrap 1180px)보다 후행 로드가 아니므로 요소+클래스 특이도로 우선 */
#lshGrid .cnote{max-width:none} /* [#66 §2-2] 3열 복원으로 해설 컬럼 자체가 1.15fr(<760px) — 별도 리딩 캡 불필요(구 #64 47.5rem 캡 해제·감독자 적용 확정) */
#lshGrid .ysep{scroll-margin-top:calc(var(--lshNavH,0px) + 3.4rem)}
/* ===== 원천: 쪽 안 <style id=lshChromeAdjustCss> ===== */
/* [서신 #67 §3] 확정 크롬 이식 부속 조정 — 고정 헤더(64px) 겹침 방지: 첫 딥밴드 상단 여백(목업값 PC 5.6rem/모바일 4.6rem) · 모바일 하단바 클리어(~118px). 크롬 본체 = twinsrule-css-v2 verbatim(무변형). */
.lsh-deepband{padding-top:5.6rem}
@media(max-width:960px){ .lsh-deepband{padding-top:4.6rem} body{padding-bottom:118px} }
/* ===== 원천: 쪽 안 <style> ===== */
.lsh-cwrap{max-width:1180px;margin:0 auto;padding:26px 20px 70px}
.lsh-warn{background:#fff6e6;border:1px solid #e6c477;border-radius:10px;padding:16px 20px;margin:0 0 24px;color:#7a5a10;font-size:14px;line-height:1.6}
.lsh-warn b{color:#a1730d}
.lsh-cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.lsh-ccard{border:1px solid #e6e2da;border-radius:10px;padding:18px;background:#fff}
.lsh-ctop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}
.lsh-crime{font-size:16px;font-weight:700;color:#1a1a1a}
.lsh-disp{font-size:13px;font-weight:700;color:#fff;background:#2f6f4f;border-radius:20px;padding:4px 12px;white-space:nowrap}
.lsh-meta{font-size:12px;color:#777;margin-bottom:10px}
.lsh-ph{font-size:12.5px;color:#999;background:#f7f6f3;border:1px dashed #ddd;border-radius:6px;padding:9px 11px;margin-bottom:12px;line-height:1.5}
.lsh-clinks{display:flex;gap:8px}
.lsh-clinks a{flex:1;text-align:center;font-size:12.5px;text-decoration:none;padding:8px 6px;border-radius:6px;font-weight:600}
.lsh-l-ch{background:#f0ece2;color:#7a5a2a}
.lsh-l-hs{background:#eef3f0;color:#2f6f4f}
.lsh-clinks a.dis{opacity:.4;pointer-events:none}
.lsh-more-wrap{text-align:center;margin-top:26px;margin-bottom:110px}
.lsh-more{font-size:14px;font-weight:700;color:#7a5a2a;background:#f0ece2;border:1px solid #e0d8c8;border-radius:8px;padding:12px 28px;cursor:pointer;font-family:inherit}
.lsh-more:hover{background:#e8e0d0}
.lsh-more span{font-weight:500;color:#9a7b4f}
/* ===== 원천: 쪽 안 <style id=lshLedgerCss> ===== */
/* [v39] 종결사례 가로 1행 리스트형 — 92 종결사례 원장(.lrow/.disp/.lst/.ldt/.ly/.lact/.ysep) 시각 문법 준용(서신 #51). #lshGrid 스코프로 임포트 WP CSS와 격리. */
.lcount{font-size:13px;color:#5c6572;margin:0 0 10px}
#lshGrid{--nv:#1f2b52;--nv2:#233249;--bl:#3a68ad;--ink:#20262e;--sub:#5c6572;--pen:#9aa3b0;--ln:#e4e8ee;--or:#ff6737;--gd:#b99150;--bg2:#f4f5f7;background:#fff;border:1px solid var(--ln);border-radius:14px;overflow:hidden}
#lshGrid .ysep{padding:10px 18px;font-size:13px;font-weight:900;color:var(--gd);background:#fbfaf7;border-bottom:1px solid var(--ln);letter-spacing:.04em}
/* [#62 §2 → #64 §0 개정] 원장 = 1140 레이아웃 폭 · 카드 = 현행 스택 레이아웃 공통 적용(재디자인 아님 — v39 레이아웃 그대로) · 간단해설 텍스트 = 760 리딩 */
#lshGrid .lrow{display:grid;grid-template-columns:104px minmax(0,1.5fr) minmax(0,1.15fr);gap:18px;padding:16px 18px;border-bottom:1px solid var(--ln);align-items:start}@media(max-width:760px){#lshGrid .lrow{grid-template-columns:96px 1fr;grid-template-areas:"doc body" "note note";gap:10px 12px;padding:14px}#lshGrid .doc{grid-area:doc;width:96px}#lshGrid .lbody{grid-area:body}#lshGrid .lnote{grid-area:note}#lshGrid .lact{flex-direction:row;flex-wrap:wrap}#lshGrid .lact a{flex:1 1 45%}}
#lshGrid .lrow:last-child{border-bottom:0}
#lshGrid .doc{width:104px}
#lshGrid .doc img{width:100%;height:auto;display:block;border:1px solid var(--ln);border-radius:6px;background:var(--bg2)}
#lshGrid .lbody{min-width:0}
#lshGrid .jm{font-size:15px;font-weight:800;color:var(--nv);line-height:1.4;margin:0 0 9px;word-break:keep-all}
#lshGrid .rmeta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 11px}
#lshGrid .lst{font-size:12px;font-weight:800;color:var(--nv2)}
#lshGrid .disp{font-size:12.5px;font-weight:800;color:#fff;border:none;border-radius:4px;padding:4px 11px;white-space:nowrap;background:var(--or)}
#lshGrid .ldt{font-size:12px;color:var(--sub)}
#lshGrid .ly{font-size:12.9px;color:#3b4653}
#lshGrid .ly ol{list-style:none;margin:0;padding:0}
#lshGrid .ly li{margin:3px 0;line-height:1.58}
#lshGrid .lnote{min-width:0;display:flex;flex-direction:column;gap:11px}
#lshGrid .cnote{font-size:13px;color:#4b5563;line-height:1.72;word-break:keep-all;margin:0}
#lshGrid .lact{display:flex;flex-direction:column;gap:6px}
#lshGrid .lact a{flex:1 1 45%;font-size:12px;font-weight:700;text-align:center;border-radius:6px;padding:7px 8px;border:1px solid var(--ln);color:#3d4757;background:#fff;line-height:1.3;text-decoration:none}
#lshGrid .lact a.blog{border-color:#bfe3cd;color:#0a8f43;background:#f4fbf7}
#lshGrid .lact a.blog b{display:inline-block;width:14px;height:14px;line-height:14px;border-radius:3px;background:#03c75a;color:#fff;font-size:10px;font-weight:900;text-align:center;margin-right:5px}
#lshGrid .lact a.hae{background:var(--bl);border-color:var(--bl);color:#fff}
#lshGrid .lrow.lshHid{display:none}
/* ===== 원천: 쪽 안 <style id=kit131Cno> ===== */
#lshGrid .lrow{grid-template-areas:"cno jm note" "doc rmeta note" "doc ly note";grid-template-rows:auto auto 1fr;row-gap:0}
#lshGrid .lbody{display:contents}
#lshGrid .jm{grid-area:jm;margin:0 0 9px}
#lshGrid .rmeta{grid-area:rmeta}
#lshGrid .ly{grid-area:ly}
#lshGrid .lnote{grid-area:note}
#lshGrid .doc{grid-area:doc;align-self:start}
#lshGrid .cno{grid-area:cno;align-self:start;justify-self:start;width:104px;height:21px;line-height:21px;box-sizing:border-box;text-align:center;border-radius:4px;color:#fff;font-family:'PcfPretendard','Pretendard',sans-serif;font-size:12px;font-weight:800;letter-spacing:.05em;text-shadow:0 -1px 0 rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.25),0 1px 2px rgba(15,25,45,.28);background:linear-gradient(#2c3a68,#1b2548);border:1px solid #121a33}
@media(max-width:760px){#lshGrid .lrow{grid-template-areas:"cno jm" "doc rmeta" "doc ly" "note note";grid-template-rows:auto auto auto auto;row-gap:0;column-gap:12px}#lshGrid .cno{width:104px}#lshGrid .lnote{margin-top:11px}}
/* ===== 원천: 쪽 안 <style id=kit131CnoFix> ===== */
#lshGrid .jm,#lshGrid .rmeta,#lshGrid .ly{min-width:0}
/* ===== 원천: 쪽 안 <style id=kit131Lbx> ===== */
#lshGrid .doc{cursor:zoom-in;position:relative}#lshGrid .doc:after{content:"🔍";position:absolute;right:4px;bottom:4px;font-size:12px;background:rgba(35,50,73,.65);color:#fff;border-radius:4px;padding:1px 5px}#lshGrid .doc.nz{cursor:default}#lshGrid .doc.nz:after{content:none}.lightbox{position:fixed;inset:0;background:rgba(10,14,20,.82);z-index:1000;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox img{max-width:92vw;max-height:92vh;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
