@charset "utf-8";
/* SIR 지운아빠 */
@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* ### 기본 스타일 커스터마이징 시작 ### */

/* 게시판 버튼 */
/* 목록 버튼 */

#bo_gall a.btn_b01 {}
#bo_gall a.btn_b01:focus, #bo_gall a.btn_b01:hover {}
#bo_gall a.btn_b02 {}
#bo_gall a.btn_b02:focus, #bo_gall a.btn_b02:hover {}
#bo_gall a.btn_admin {} /* 관리자 전용 버튼 */
#bo_gall a.btn_admin:focus, #bo_gall .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {}
#bo_w button.btn_submit {}
#bo_w fieldset .btn_submit {}
#bo_w .btn_cancel {}
#bo_w button.btn_cancel {}
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}
#bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
#bo_w button.btn_frmline {}

/* 기본 테이블 */
/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_info {}
#bo_w .frm_address {}
#bo_w .frm_file {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {}
#bo_w .tbl_frm01 textarea {}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

/* 필수입력 */
#bo_w .required, #bo_w textarea.required {}

#bo_w .cke_sc {}
#bo_w button.btn_cke_sc{}
#bo_w .cke_sc_def {}
#bo_w .cke_sc_def dl {}
#bo_w .cke_sc_def dl:after {}
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
#bo_w .cke_sc_def dt {}
#bo_w .cke_sc_def dd {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판 목록 */


.td_subject img {margin-left:3px}

/* 갤러리 목록 */
/*
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin:10px 0 0;padding:0;list-style:none;zoom:1}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_li {float:left;margin:0 10px 30px 0}

#bo_gall .gall_con {margin:0;padding:0;list-style:none}
#bo_gall .gall_con li {margin:0 0 4px}
#bo_gall .gall_con .gall_subject {display:inline-block;width:50px}
*/

#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin:10px 0 0;padding:0;list-style:none;zoom:1}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_li {float:left; margin:5px 0 5px 0; border-bottom:1px solid #e5e5e5;}  /* 목록사이 간격조절 */

#bo_gall .gall_con {float:left; margin:0;padding:0;list-style:none}
#bo_gall .gall_con li {margin:0 0 8px}
#bo_gall .gall_con .gall_subject {display:inline-block;width:50px}

#bo_gall .gall_con2 {float:left; margin:0;padding-left:13px; list-style:none; line-height:15px; width:590px;}
#bo_gall .gall_con2 li {margin:0 0 4px}
#bo_gall .gall_con2 .gall_subject {display:inline-block; padding-right:5px; color:#999;} /* 조회, 추천 글자 */ 
#bo_gall .gall_con2 .bo_num {color:#999; padding-right:12px;}  /* 일련번호 */
#bo_gall .gall_con2 .bo_gubun {color:#bbb; padding:3px;}  /* 분류,글쓴이,날짜... 구분(|) */
#bo_gall .gall_con2 .bo_content {color:#666;}             /* 내용 */

#bo_gall .gall_now .gall_text_href a {color:#ff3061}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_href strong {display:inline-block;background:#f7f7f7;text-align:center;line-height:4em} /* 공지 출력 */
#bo_gall .gall_href span {display:inline-block;background:#f7f7f7;text-align:center;line-height:7em; color:#777;}   /* no image 출력 */


#bo_gall .gall_text_href {margin:10px 0 !important}
#bo_gall .gall_text_href a {font-weight:bold}
#bo_gall .gall_text_href span {display:inline !important}
#bo_gall .gall_text_href img {margin:0 0 0 4px}

/* 게시판 목록 공통 */
.bo_fx {margin-bottom:5px;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;padding-top:5px}
/* .btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px} */
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
/* .btn_bo_adm input {padding:7px;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} */
.bo_notice td {background:#f7f7f2}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}

/* #bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} */

#bo_gall li.empty_list {padding:85px 0;text-align:center}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}

/* 게시판 읽기 */
#bo_v {border-top:1px solid #303030;}
#bo_v header {display:inline-block; width:calc(100% - 204px); vertical-align:middle;}

#bo_v_table {display:none; position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {padding:25px 20px ; font-weight: 400;font-size:24px; color:#333;}
#bo_v_title .cate-name {color:#5285cd;}

@media screen and (max-width: 768px) { 

	#bo_v header {	width:100%;}
	#bo_v_title {padding:20px 15px 0; font-size:20px;}


}
@media screen and (max-width: 480px) { 
	#bo_v_title {padding:15px 10px 0; font-size:18px; line-height: 1.3;}
	#bo_v2 .bo_v_title .cate_tit .bo_v_tit
	{
		font-size: 22px;
		width: 100%;
		text-align: justify;
		word-break: break-all;
	}
}

#bo_v_info {display:inline-block; padding:25px 20px 25px 0; width:200px; text-align:right; vertical-align:middle; }
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {position:relative; display:inline-block;padding:0 10px;font-weight:300; font-size:16px; line-height: 36px; color:#666;}
#bo_v_info strong:last-child:before {content:''; position: absolute; top:50%; left:0; margin-top: -6px;width:1px; height:12px; background: #e1e1e1;}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:300;}

@media screen and (max-width: 768px) { 
	#bo_v_info {padding:10px 15px; width:100%;}
}
@media screen and (max-width: 480px) { 
	#bo_v_info {padding:5px 10px;}
	#bo_v_info strong {font-size:14px;}
}

#bo_v_file {}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_top { margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top .bo_v_left li
{
	display: inline-block;
}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none; display: inline-block;}

#bo_v_bot {zoom:1; margin-top: 20px;}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}

#bo_v_atc {clear:both; padding:20px 105px; border-top:1px solid #e1e1e1; border-bottom:1px solid #303030; min-height:200px;height:auto !important;height:200px;font-weight: 400;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

@media screen and (max-width: 768px) { 
	#bo_v_atc {padding:15px;}	 
}
@media screen and (max-width: 480px) { 
	#bo_v_atc {padding:10px 0; font-size:14px;}	 
}

#bo_v_img {margin: 0 0 20px;width:100%;overflow:hidden;zoom:1; text-align: center;}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:10px;max-width:500px;height:auto; width: auto;}

@media screen and (max-width: 768px) { 
	#bo_v_img img
	{
		max-width: 100%;
	}
}
#bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {display:none; margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */
#bo_vc {margin:0 0 20px;padding:20px 20px 10px;border:1px solid #e5e8ec;background:#f5f8f9}
#bo_vc h2 {margin-bottom:10px}
#bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
#bo_vc header {position:relative;padding:15px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

/*글쓰기*/
#bo_w .write_div{margin:10px 0;position:relative}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input{float:left;width:33%}
#bo_w #wr_password{margin:0 0.5%  }
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}
#bo_w .bo_w_tit .frm_input{padding-right:120px;}
#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background: #eee;text-align:center;color:#888}
#bo_w .bo_w_link .frm_input{padding-left:50px}
#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
#bo_w .bo_w_flie .frm_file{padding-left:50px;}
#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select{border:1px solid #3497d9;height:40px;border-radius:3px}


/*성공사례 뷰 페이지 */
#bo_v2 {
	position:relative;
	padding:80px 0 140px;
}
#bo_v2:before {
	position:absolute; top:0; left:50%; z-index:-1;
	width:100vw; height:100%;
	margin-left:-50vw;
	background:#f7f7f7;
	content:'';
}
#bo_v2:after {
	display:block;
	clear:both;
	content:'';
}
#bo_v2 .bo_v2_info {
	float:left;
	width:calc(100% - 290px);
	padding:60px 50px 50px;
	background:#fff;
}
#bo_v2 .bo_v2_info .title {
	padding-bottom:40px;
	margin-bottom:50px;
	border-bottom:1px solid #000000;
	font-size:34px;
	font-weight:700;
}
#bo_v2 .bo_v2_info .sub-text + .sub-text {
	margin-top:60px;
}
#bo_v2 .bo_v2_info .sub-text .sub-title {
	padding-bottom:30px;
	text-align:center;
}
#bo_v2 .bo_v2_info .sub-text .sub-title span {
	display:block;
	color:#a48456;
	font-size:18px;
	font-weight:300;
}
#bo_v2 .bo_v2_info .sub-text .sub-title i {
	color:#d9d9d9;
	font-size:35px;
	font-weight:700;
	font-style:normal;
	line-height:1;
}
#bo_v2 .bo_v2_info .sub-text .sub-title strong {
	display:inline-block;
	position:relative; z-index:1;
	font-size:34px;
	font-weight:700;
	text-decoration:underline;
}
#bo_v2 .bo_v2_info .sub-text .sub-cnt {
	padding:40px;
	background:#f7f7f7;
	border:1px solid #e0e0e0;
	color:#4c4c4c;
	font-size:20px;
}
#bo_v2 .bo_v2_info #bo_v_atc2 {
	display:none;
}
#bo_v2 .bo_v2_online {
	float:right;
	padding-left:30px;
	width:290px;
}
#bo_v2 .bo_v2_online .bg {
	padding:30px;
	background:#fff;
}
#bo_v2 .bo_v2_online h3 {
	padding-bottom:5px !important;
	font-size:18px !important;
	font-weight:300 !important;
}
#bo_v2 .bo_v2_online .lawyer {
	margin-top:10px;
}
#bo_v2 .bo_v2_online .lawyer a {
	display:block;
	letter-spacing:-0.06rem;
}
#bo_v2 .bo_v2_online .lawyer a .img {
	display:inline-block;
	width:60px; height:60px;
	margin-right:10px;
	border-radius:50%;
	overflow:hidden;
	vertical-align:middle;
}
#bo_v2 .bo_v2_online .lawyer a .img img {
	width:100%;
}
#bo_v2 .bo_v2_online .lawyer a strong {
	font-size:22px;
	font-weight:600;
}
#bo_v2 .bo_v2_online .lawyer a strong i {
	font-size:18px;
	font-weight:300;
	font-style:normal;
}
#bo_v2 .bo_v2_online form {
	border:1px solid #e6e6e6;
	padding:20px 20px 30px;
}
@media screen and (max-width: 768px) { 
	#bo_v2 {
		padding:40px 0  70px;
	}
	#bo_v2 .bo_v2_info {
		padding:30px;
	}
	#bo_v2 .bo_v2_info .title {
		padding-bottom:20px;
		margin-bottom:25px;
		font-size:20px;
	}
	#bo_v2 .bo_v2_info .sub-text + .sub-text {
		margin-top:30px;
	}
	#bo_v2 .bo_v2_info .sub-text .sub-title {
		padding-bottom:15px;
	}
	#bo_v2 .bo_v2_info .sub-text .sub-title span {
		font-size:14px;
	}
	#bo_v2 .bo_v2_info .sub-text .sub-title strong {
		font-size:20px;
	}
	#bo_v2 .bo_v2_info .sub-text .sub-title i {
		font-size:20px;
	}
	#bo_v2 .bo_v2_info .sub-text .sub-cnt {
		padding:15px;
		font-size:14px;
	}
	#bo_v2 .bo_v2_online {
		width:100% !important;
		padding-left:0 !important;
		margin-top:15px;
	}
	#bo_v2 .bo_v2_online .bg {
		padding:20px;
	}
	#bo_v2 .bo_v2_online h3 {
		font-size:15px !important;
	}
	#bo_v2 .bo_v2_online .lawyer a .img {
		width:45px; height:45px;
	}
	#bo_v2 .bo_v2_online .lawyer a strong {
		font-size:18px;
	}
	#bo_v2 .bo_v2_online .lawyer a strong i {
		font-size:14px;
	}
}



#bo_cate_ul {
	display:grid;
	grid-template-columns: repeat(5,1fr);
	clear:both;
	margin-bottom:40px;
}
#bo_cate_ul li:first-child {
	display:none;
}
#bo_cate_ul li a {
	display:flex;
	align-items: center;
    justify-content: center;
	height:64px;
	border:1px solid #e5e5e5;
	background:#e5e5e5;
	color:#808080;
	font-size:22px;
	font-weight:600;
	cursor:pointer;
}
#bo_cate_ul li a#bo_cate_on {
	border-color:#b58e5c;
	background:#fff;
	color:#000;
}
@media screen and (max-width:1024px) {
	#bo_cate_ul li a {
		height:50px;
		font-size:18px
	}
}
@media screen and (max-width:768px) {
	#bo_cate_ul {
		margin-bottom:20px;
	}
	#bo_cate_ul li a {
		height:42px;
		font-size:15px
	}
}

.board-case-list {
	display:grid;
	grid-template-columns: repeat(3,1fr);
	gap:40px 45px;
}
.board-case-list li a {
	display:block;
	padding:0 30px;
	border:1px solid #e5e5e5;
}
.board-case-list li a .cate-name {
	text-align:center;
}
.board-case-list li a .cate-name span {
	display:inline-flex;
	align-items: center;
	height:40px;
	padding:0 20px;
	background:#a48456;
	color:#fff;
	font-size:22px;
	font-weight:700;
}
.board-case-list li a .subject {
	margin:30px 0;
	font-size:28px;
	font-weight:600;
	text-align:center;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height:78px;
}
.board-case-list li a .thumb {
	padding-top:27px;
	background:#e9e9e9;
	text-align:center;
}
.board-case-list li a .thumb img {
	max-width:100%;
}
.board-case-list li a .lawyer {
	padding:30px 0;
	margin-top:30px;
	border-top:1px solid rgba(0,0,0,.1);
}
.board-case-list li a .lawyer dt {
	padding-bottom:10px;
	font-size:22px;
	font-weight:600;
}
.board-case-list li a .lawyer dd {
	position:relative;
}
.board-case-list li a .lawyer dd::after {
	position:absolute; top:50%; right:0;
	width:20px; height:12px;
	margin-top:-6px;
	background:url('img/case_more.png') no-repeat center/cover;
	content:'';
}
.board-case-list li a .lawyer ul {
	display:flex;
	gap:15px;
	text-align:center;
}
.board-case-list li a .lawyer ul li .img {
	width:60px;
	height:60px;
	border-radius:50%;
	overflow:hidden;
}
.board-case-list li a .lawyer ul li .img img {
	width:100%;
}
.board-case-list li a .lawyer ul li .name {
	display:block;
	padding-top:5px;
	font-size:18px;
	font-weight:500;
}
.board-case-list li a:hover .cate-name span {
	background-image: -moz-linear-gradient( -3deg, rgb(250,199,107) 6%, rgb(254,234,163) 33%, rgb(214,157,75) 60%, rgb(193,134,52) 82%, rgb(254,213,131) 100%);
	background-image: -webkit-linear-gradient( -3deg, rgb(250,199,107) 6%, rgb(254,234,163) 33%, rgb(214,157,75) 60%, rgb(193,134,52) 82%, rgb(254,213,131) 100%);
	background-image: -ms-linear-gradient( -3deg, rgb(250,199,107) 6%, rgb(254,234,163) 33%, rgb(214,157,75) 60%, rgb(193,134,52) 82%, rgb(254,213,131) 100%);
	color:#000;
}
@media screen and (max-width:1024px) {
	.board-case-list {
		grid-template-columns: repeat(2,1fr);
		gap:40px 45px;
	}
	.board-case-list li a .cate-name span {
		font-size:20px;
	}
	.board-case-list li a .subject {
		font-size:22px;
		height:61px;
	}
	.board-case-list li a .lawyer dt {
		font-size:20px;
	}
	.board-case-list li a .lawyer ul li .name {
		font-size:16px;
	}
}
@media screen and (max-width:768px) {
	.board-case-list {
		grid-template-columns: repeat(1,1fr);
		gap:15px 0;
	}
	.board-case-list li a .cate-name span {
		font-size:16px;
		height:30px;
		padding:0 15px;
	}
	.board-case-list li a .subject {
		margin:15px 0;
		font-size:18px;
		height:50px;
	}
	.board-case-list li a .thumb {
		padding-top:22px;
	}
	.board-case-list li a .lawyer {
		margin-top:15px;
		padding:15px 0;
	}
	.board-case-list li a .lawyer dt {
		padding-bottom:5px;
		font-size:16px;
	}
	.board-case-list li a .lawyer dd::after {
		width:16px; height:10px;
	}
	.board-case-list li a .lawyer ul li {
		gap:0 10px;
	}
	.board-case-list li a .lawyer ul li .img {
		width:50px; height:50px;
	}
	.board-case-list li a .lawyer ul li .name {
		font-size:14px;
	}
}
/* NOW 성공사례 확장: 기존 목록, 오른쪽 담당변호사 CSS 보존 */
#bo_v2 .now-case-toc{margin:25px 0 38px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa;padding:28px}#bo_v2 .now-case-toc h3,.now-case-faq h3,.now-case-related h3{font-size:25px;margin:8px 0 22px;font-weight:700}#bo_v2 .now-case-toc ol{list-style:none;padding:0;margin:0}#bo_v2 .now-case-toc li+li{border-top:1px solid #e5e7eb}#bo_v2 .now-case-toc li a{display:flex;align-items:center;gap:16px;padding:13px 0;color:#202938;font-size:17px}#bo_v2 .now-case-toc li b{color:#a48456}#bo_v2 .now-case-toc li a span{margin-left:auto}
#bo_v2 .now-case-section{scroll-margin-top:125px}#bo_v2 .bo_v2_info .now-case-section .sub-title{text-align:left;display:flex;align-items:center;gap:12px;padding:0 0 15px;margin-bottom:18px;border-bottom:1px solid #e5e7eb}#bo_v2 .now-case-section .sub-title>span{display:none!important}#bo_v2 .now-case-section .sub-title i{font-size:20px;color:#a48456}#bo_v2 .now-case-section .sub-title strong{font-size:25px;text-decoration:none}#bo_v2 .now-case-section .sub-cnt{background:#fff;border:0;border-left:3px solid #e5e7eb;padding:10px 24px;line-height:1.85}#bo_v2 .now-case-section .sub-cnt img{max-width:100%;height:auto}
#bo_v2 .now-case-faq,#bo_v2 .now-case-related{margin-top:58px;border-top:2px solid #25334b;padding-top:30px}#bo_v2 .now-case-faq details{border-bottom:1px solid #e5e7eb;padding:18px 4px}#bo_v2 .now-case-faq summary{cursor:pointer;font-size:18px;font-weight:600;line-height:1.5}#bo_v2 .now-case-faq summary:before{content:'Q. ';color:#a48456}#bo_v2 .now-case-faq details p{margin:15px 0 0;line-height:1.8;color:#4b5563}#bo_v2 .now-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#bo_v2 .now-related-grid a{display:flex;flex-direction:column;min-height:140px;padding:20px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:10px;color:#25334b}#bo_v2 .now-related-grid a small{color:#a48456;margin-bottom:9px}#bo_v2 .now-related-grid a strong{line-height:1.45;overflow-wrap:anywhere}#bo_v2 .now-related-grid a em{font-size:12px;font-style:normal;margin-top:auto;padding-top:12px;color:#888}
.now-write-extra{border:1px solid #d8dde5;border-radius:10px;padding:26px;margin:32px 0}.now-write-extra h3{font-size:22px;font-weight:bold;margin:18px 0 10px}.now-write-extra>p{font-size:14px;color:#777;margin-bottom:15px}.now-faq-edit{padding:15px;border:1px solid #e2e5e8;margin-bottom:10px}.now-faq-edit label{display:block;margin-bottom:10px}.now-faq-edit input,.now-faq-edit textarea{display:block;width:100%;margin:5px 0;box-sizing:border-box}.now-faq-remove,.now-add-faq{padding:10px 15px;border:1px solid #bfc7d1;background:#fff;cursor:pointer}.now-related-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.now-related-inputs input{display:block;width:100%;margin-top:5px;box-sizing:border-box}

.now-anmok-consult .case-side-online form {padding:20px;}
.now-anmok-consult .case-side-online form > label:not(.agree) {display:block;margin:0 0 7px;color:#333;font-size:13px;font-weight:600;}
.now-anmok-consult .case-side-online input[type="text"],
.now-anmok-consult .case-side-online select {display:block;width:100%;height:44px;margin:0 0 15px;padding:0 12px;border:1px solid #d8dce1;border-radius:0;background:#fff;color:#333;font-size:13px;box-sizing:border-box;}
.now-anmok-consult .case-side-online .tel-info {margin:2px 0 14px;color:#777;font-size:12px;line-height:1.5;}
.now-anmok-consult .case-side-online .agree {display:flex;align-items:flex-start;gap:7px;color:#666;font-size:11px;line-height:1.45;cursor:pointer;}
.now-anmok-consult .case-side-online .agree input {flex:0 0 auto;margin-top:2px;}
.now-anmok-consult .case-side-online button {width:100%;height:48px;margin-top:18px;border:0;background:#162140;color:#fff;font-size:14px;font-weight:700;cursor:pointer;}
.now-anmok-consult .case-side-online button:hover {background:#253458;}


/* 안목 원본 FAQ/키워드 비주얼 규칙: 나우 영역에 독립적으로 적용 */
.now-case-ank .case-legal-faq {margin-top:70px;}
.now-case-ank .case-legal-faq > h2 {border-color:var(--case-green); color:var(--case-green);}
.now-case-ank .case-faq-row h3 span {color:var(--case-sand);}
.now-case-ank .case-legal-tags span {border-color:#31554d; border-radius:3px; background:var(--case-green); box-shadow:none;}
.now-case-ank .case-eyebrow {display:block; color:#73849b; font-size:16px; font-weight:700; letter-spacing:.14em;}
.now-case-ank .case-legal-faq { margin:64px auto 0;}
.now-case-ank .case-legal-faq > h2 {margin:4px 0 8px; padding-bottom:22px; border-bottom:1px solid #e8ecf1; color:#172438; font-size:30px; line-height:1.45; letter-spacing:-.04em;}
.now-case-ank .case-faq-row {padding:32px 0 36px; border-bottom:1px solid #eef1f4;}
.now-case-ank .case-faq-row:last-child {padding-bottom:8px; border-bottom:0;}
.now-case-ank .case-faq-row h3 {display:flex; align-items:flex-start; gap:12px; margin:0 0 9px; color:#172438; font-size:24px; line-height:1.6; word-break:keep-all; overflow-wrap:anywhere;}
.now-case-ank .case-faq-row h3 span {display:inline-flex; align-items:center; justify-content:center; flex:0 0 38px; height:38px; margin:2px 0 0; border-radius:50%; background:#eef2f7; color:#233b59; font-size:22px; font-weight:600; line-height:1;}
.now-case-ank .case-faq-row p {position:relative; margin:0; padding-left:44px; color:#526074; font-size:20px; line-height:1.85; white-space:normal; word-break:keep-all; overflow-wrap:anywhere;}
.now-case-ank .case-legal-tags {display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; padding-top:26px; }
.now-case-ank .case-legal-tags span {display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 18px; border:1px solid #2c435f; border-radius:24px; 
font-weight:500; letter-spacing:-.02em; text-align:center;
  background:#172b46; color:#fff; font-size:20px; line-height:1.5;}
.now-case-ank .case-legal-tags {
	display:grid;
	grid-template-columns:repeat(6,minmax(0,1fr));
	width:100%;
	gap:14px;
}
.now-case-ank .case-legal-tags span {
	width:100%;
	min-height:58px;
	padding:14px 18px;
	border-radius:12px;
	font-size:16px;
	text-align:center;
}

#bo_v2 .now-case-ank .case-legal-faq{border:0;padding:0;margin:64px 0 0}
#bo_v2 .now-case-ank .case-legal-faq .case-faq-row{border-top:0}
#bo_v2 .now-case-ank .case-legal-tags{margin:34px 0 0;padding:26px 0 0}
#bo_v2 .now-case-ank .case-legal-tags span{background:#172b46;color:#fff;border:1px solid #2c435f}
#bo_w .now-write-extra.case-extra-wrap{border:0;border-bottom:1px solid #e8ecf1;border-radius:0;padding:28px 0;margin:0}
#bo_w .now-write-extra .case-article-guide{margin:0 0 22px}
#bo_w .now-write-extra .case-article-guide b{display:block;font-size:21px;font-weight:700;color:#172438}
#bo_w .now-write-extra .case-article-guide p{margin:7px 0 0;color:#687589;font-size:14px}
#bo_w .now-write-extra .case-faq-item,#bo_w .now-write-extra .case-article-item{padding:20px;border:1px solid #e6eaf0;margin-bottom:12px;background:#fff}
#bo_w .now-write-extra .case-section-title-row,#bo_w .now-write-extra .case-article-row{display:flex;align-items:center;gap:14px;margin-bottom:12px}
#bo_w .now-write-extra .case-section-content-row{display:flex;gap:14px;align-items:flex-start}
#bo_w .now-write-extra label{min-width:72px;font-weight:600;color:#23334a}
#bo_w .now-write-extra input.frm_input,#bo_w .now-write-extra textarea.frm_input{flex:1;min-width:0;width:100%;box-sizing:border-box}
#bo_w .now-write-extra .case-tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#bo_w .now-write-extra .case-tag-list span{display:inline-flex;align-items:center;gap:10px;background:#172b46;border-radius:24px;color:#fff;padding:8px 13px;font-size:14px}
#bo_w .now-write-extra .case-tag-list button{background:none;border:0;color:#fff;cursor:pointer}
@media(max-width:680px){#bo_w .now-write-extra .case-section-title-row,#bo_w .now-write-extra .case-section-content-row,#bo_w .now-write-extra .case-article-row{flex-direction:column;align-items:stretch;gap:8px}.now-case-ank .case-faq-row h3{font-size:18px!important}.now-case-ank .case-faq-row p{font-size:15px!important;padding-left:36px!important}.now-case-ank .case-legal-tags span{font-size:14px!important}}

/* V4: 안목 상세 본문·목차 스타일, 나우 콘텐츠/필드 유지 */
#bo_v2.now-case-ank{--case-ink:#172b46;--case-sand:#d6c9a8;}
#bo_v2.now-case-ank .bo_v2_info{min-width:0;box-sizing:border-box;}
#bo_v2.now-case-ank .case-detail-head{border-bottom:1px solid #e6e6e6;padding:0 0 30px;margin-bottom:32px;}
#bo_v2.now-case-ank .case-detail-kicker{display:flex;gap:16px;color:#a5845c;letter-spacing:.08em;font-weight:700;font-size:13px;margin-bottom:15px;}
#bo_v2.now-case-ank .case-detail-head h2.subject{font-size:clamp(24px,2.3vw,36px);font-weight:800;line-height:1.45;color:var(--case-ink);word-break:keep-all;margin:0 0 18px;}
#bo_v2.now-case-ank .case-detail-meta{display:flex;gap:18px;flex-wrap:wrap;color:#777;font-size:14px;}
#bo_v2.now-case-ank .case-index-nav{display:flex;align-items:stretch;gap:36px;margin:25px 0 48px;padding:32px 35px;border-radius:4px;background:#faf9f5;}
#bo_v2.now-case-ank .case-index-head{flex:0 0 120px;padding:4px 28px 4px 0;border-right:1px solid #e3ded3;}
#bo_v2.now-case-ank .case-index-head .case-eyebrow{font-size:12px;font-weight:700;letter-spacing:.24em;color:#999;}
#bo_v2.now-case-ank .case-index-head h2{margin:5px 0;color:var(--case-ink);font-size:26px;font-weight:800;}
#bo_v2.now-case-ank .case-index-nav ol{flex:1;min-width:0;list-style:none;margin:0;padding:0;}
#bo_v2.now-case-ank .case-index-nav li{margin:0;padding:0;}
#bo_v2.now-case-ank .case-index-nav a{display:flex;gap:14px;align-items:center;padding:10px 2px;border-bottom:1px solid #ececec;color:var(--case-ink);text-decoration:none;}
#bo_v2.now-case-ank .case-index-nav li:last-child a{border-bottom:0;}
#bo_v2.now-case-ank .case-index-no{display:inline-flex;flex:0 0 32px;width:32px;height:32px;align-items:center;justify-content:center;border:1.5px solid var(--case-ink);border-radius:50%;font-size:13px;font-weight:700;}
#bo_v2.now-case-ank .case-index-body{min-width:0;display:flex;align-items:center;gap:10px;flex:1;}
#bo_v2.now-case-ank .case-index-title{font-size:17px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;}
#bo_v2.now-case-ank .case-index-arrow{margin-left:auto;opacity:0;transition:opacity .2s;}
#bo_v2.now-case-ank .case-index-nav a:hover .case-index-no{background:var(--case-ink);color:#fff;}
#bo_v2.now-case-ank .case-index-nav a:hover .case-index-arrow{opacity:1;}
#bo_v2.now-case-ank .case-content-group{margin:0 0 35px;}
#bo_v2.now-case-ank .case-article-sections{padding:42px;border:1px solid #f1f1f1;border-radius:10px;background:#fff;}
#bo_v2.now-case-ank .case-content-anchor{scroll-margin-top:120px;margin:0;padding:0;border:0;box-shadow:none;min-width:0;}
#bo_v2.now-case-ank .case-content-anchor+.case-content-anchor{margin-top:65px;}
#bo_v2.now-case-ank .case-content-anchor dt{display:block;padding:0 0 17px;margin:0 0 25px;border-bottom:1px solid #dedede;color:var(--case-ink);font-size:clamp(23px,2vw,30px);font-weight:800;line-height:1.45;}
#bo_v2.now-case-ank .case-content-anchor.summary{background:#faf9f5;padding:28px 30px;border:0;border-radius:4px;}
#bo_v2.now-case-ank .case-content-anchor dd{display:block;margin:0;padding:0;font-size:18px;color:#333;line-height:1.95;overflow-wrap:anywhere;word-break:break-word;}
#bo_v2.now-case-ank .case-content-anchor dd p{margin:0 0 14px;line-height:inherit;}
#bo_v2.now-case-ank .case-content-anchor dd img{max-width:100%;height:auto;}
/* V4: 상담은 안목 원본 case-side-online 양식, 나우 우측 담당변호사 바로 아래 */
#bo_v2.now-case-ank .bo_v2_online .now-anmok-consult{clear:none;max-width:none;width:100%;margin:24px 0 0;padding:0;}
#bo_v2.now-case-ank .bo_v2_online .now-anmok-consult .case-side-online{border:1px solid #e1e4e8;background:#fff;}
#bo_v2.now-case-ank .bo_v2_online .now-anmok-consult .case-side-online h2{margin:0;padding:20px 22px;border-bottom:2px solid #162140;color:#162140;font-size:20px;font-weight:700;line-height:1.4;}
#bo_v2.now-case-ank .bo_v2_online .now-anmok-consult input[type=date]{display:block;width:100%;height:44px;margin:0 0 15px;padding:0 12px;border:1px solid #d8dce1;border-radius:0;background:#fff;color:#333;font-size:13px;box-sizing:border-box;}
@media(max-width:1000px){#bo_v2.now-case-ank .case-index-nav{flex-direction:column;gap:15px;padding:25px;}#bo_v2.now-case-ank .case-index-head{flex:none;border-right:0;border-bottom:1px solid #e3ded3;padding:0 0 15px;}#bo_v2.now-case-ank .case-article-sections{padding:25px 20px;}#bo_v2.now-case-ank .case-content-anchor+.case-content-anchor{margin-top:42px;}}

@media(max-width:700px){#bo_v2.now-case-ank .bo_v2_online .now-anmok-consult{margin:20px 0 0;}}

/* 안목 원본 문장 규칙: 나우 영역에 맞게 선택자만 변경 */
.now-case-ank .case-article-sections .case-inline-size-20 {font-size:20px;}
.now-case-ank .case-article-sections .case-inline-size-22 {font-size:22px;}
.now-case-ank .case-article-sections .case-inline-size-24 {font-size:24px;}
.now-case-ank .case-article-sections .case-inline-bold {font-weight:700;}
.now-case-ank .case-article-sections .case-inline-underline {text-decoration:underline; text-underline-offset:4px;}
.now-case-ank .case-article-sections .case-inline-color-red {color:#d93025;}
.now-case-ank .case-article-sections .case-inline-color-blue {color:#1a4482;}
.now-case-ank .case-article-sections .case-inline-color-navy {color:#0f2346;}
.now-case-ank .case-article-sections .case-inline-color-gold {color:#b8872b;}
.now-case-ank .case-article-sections .case-inline-color-gray {color:#777;}
.now-case-ank .case-article-sections .case-inline-color-black {color:#111;}

.now-case-ank .case-article-sections .summary dd p.case-rule-size-20,
.now-case-ank .case-article-sections .sub-text dd p.case-rule-size-20 {font-size:20px;}
.now-case-ank .case-article-sections .summary dd p.case-rule-size-22,
.now-case-ank .case-article-sections .sub-text dd p.case-rule-size-22 {font-size:22px;}
.now-case-ank .case-article-sections .summary dd p.case-rule-size-24,
.now-case-ank .case-article-sections .sub-text dd p.case-rule-size-24 {font-size:24px;}

.now-case-ank .case-article-sections .summary dd p.case-rule-bold,
.now-case-ank .case-article-sections .sub-text dd p.case-rule-bold {font-weight:700;}
.now-case-ank .case-article-sections .summary dd p.case-rule-underline,
.now-case-ank .case-article-sections .sub-text dd p.case-rule-underline {text-decoration:underline; text-underline-offset:4px;}

.now-case-ank .case-article-sections .summary dd p.case-rule-color-red,
.now-case-ank .case-article-sections .sub-text dd p.case-rule-color-red {color:#d93025;}
.now-case-ank .case-article-sections .summary dd p.case-rule-color-blue,
.now-case-ank .case-article-sections .sub-text dd p.case-rule-color-blue {color:#1a4482;}
.now-case-ank .case-article-sections .summary dd p.case-rule-color-navy,
.now-case-ank .case-article-sections .sub-text dd p.case-rule-color-navy {color:#0f2346;}
.now-case-ank .case-article-sections .summary dd p.case-rule-color-gold,
.now-case-ank .case-article-sections .sub-text dd p.case-rule-color-gold {color:#b8872b;}
.now-case-ank .case-article-sections .summary dd p.case-rule-color-gray,
.now-case-ank .case-article-sections .sub-text dd p.case-rule-color-gray {color:#777;}
.now-case-ank .case-article-sections .summary dd p.case-rule-color-black,
.now-case-ank .case-article-sections .sub-text dd p.case-rule-color-black {color:#111;}



.now-case-ank .case-article-sections .case-table-box {margin:18px 0; padding:0 !important; list-style:none; color:inherit; font-size:inherit; line-height:inherit;}
.now-case-ank .case-article-sections .case-table-scroll {width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.now-case-ank .case-article-sections .case-content-table {width:100%; min-width:520px; border-collapse:collapse; table-layout:fixed; border-top:2px solid #111; background:#fff;}
.now-case-ank .case-article-sections .case-content-table th,
.now-case-ank .case-article-sections .case-content-table td {padding:14px 16px; border:1px solid #ddd; color:#333; font-size:18px; line-height:1.65; word-break:keep-all; overflow-wrap:break-word; vertical-align:top; text-align:left;}
.now-case-ank .case-article-sections .case-content-table th {background:#f7f8fa; color:#111; font-weight:700;}


/* 본문 INDEX */
.now-case-ank .case-article-sections .case-index-nav {
 display:flex;
 align-items:stretch;
 gap:40px;
 margin:48px 0 56px;
 padding:34px 40px;
 border-radius:4px;
 background:#faf9f5;
}
.now-case-ank .case-article-sections .case-index-head {flex:0 0 150px; padding:4px 40px 4px 0; margin:0; border-right:1px solid #e3ded3;}
.now-case-ank .case-article-sections .case-index-head .case-eyebrow {font-size:12px; font-weight:700; letter-spacing:.24em; color:#9a9a9a;}
.now-case-ank .case-article-sections .case-index-head h2 {margin:4px 0 0; color:var(--case-ink); font-size:26px; font-weight:800; line-height:1.3; letter-spacing:-.03em;}
.now-case-ank .case-article-sections .case-index-nav ol {flex:1; margin:0; padding:0; list-style:none; min-width:0;}
.now-case-ank .case-article-sections .case-index-nav li {margin:0; padding:0;}
.now-case-ank .case-article-sections .case-index-nav a {display:flex; align-items:center; gap:14px; padding:10px 2px; border-bottom:1px solid #ececec; color:var(--case-ink); text-decoration:none; transition:border-color .2s ease;}
.now-case-ank .case-article-sections .case-index-nav li:last-child a {border-bottom:0;}
.now-case-ank .case-article-sections .case-index-no {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border:1.5px solid var(--case-ink); border-radius:50%; box-sizing:border-box; color:var(--case-ink); background:transparent; font-family:'Montserrat', inherit; font-size:13px; font-weight:700; line-height:1; transition:background-color .2s ease, color .2s ease, border-color .2s ease;}
.now-case-ank .case-article-sections .case-index-body {position:relative; display:flex; align-items:center; gap:9px; flex:0 1 auto; min-width:0;}
.now-case-ank .case-article-sections .case-index-title {flex:0 1 auto; min-width:0; margin-left:0; font-size:19px; font-weight:600; line-height:1.5; word-break:keep-all; overflow-wrap:anywhere; transition:color .2s ease, margin-left .2s ease;}
.now-case-ank .case-article-sections .case-index-arrow {flex:0 0 auto; display:inline-flex; color:var(--case-ink); opacity:0; transition:opacity .2s ease, transform .2s ease;}
.now-case-ank .case-article-sections .case-index-arrow svg {display:block; width:16px; height:16px; stroke-width:2;}
.now-case-ank .case-article-sections .case-index-nav a:hover,
.now-case-ank .case-article-sections .case-index-nav a:focus-visible {border-bottom-color:#172b46;}
.now-case-ank .case-article-sections .case-index-nav a:hover .case-index-no,
.now-case-ank .case-article-sections .case-index-nav a:focus-visible .case-index-no {background:#172b46; border-color:#172b46; color:#fff;}
.now-case-ank .case-article-sections .case-index-nav a:hover .case-index-title,
.now-case-ank .case-article-sections .case-index-nav a:focus-visible .case-index-title {color:#172b46; margin-left:6px; font-weight:700;}
.now-case-ank .case-article-sections .case-index-nav a:hover .case-index-arrow,
.now-case-ank .case-article-sections .case-index-nav a:focus-visible .case-index-arrow {opacity:1; transform:translateX(3px);}
.now-case-ank .case-article-sections .case-index-nav a:focus-visible {outline:2px solid var(--case-sand); outline-offset:2px;}
@media screen and (max-width:900px) {
 .now-case-ank .case-article-sections .case-index-nav {flex-direction:column; gap:16px; padding:26px 24px;}
 .now-case-ank .case-article-sections .case-index-head {flex:none; padding:0 0 16px; border-right:0; border-bottom:1px solid #e3ded3;}
 .now-case-ank .case-article-sections .case-index-head h2 {font-size:22px;}
 .now-case-ank .case-article-sections .case-index-nav a {gap:10px; padding:9px 2px;}
 .now-case-ank .case-article-sections .case-index-no {width:26px; height:26px; font-size:11px;}
 .now-case-ank .case-article-sections .case-index-title {font-size:15px;}
}
@media (prefers-reduced-motion:reduce) {
 .now-case-ank .case-article-sections .case-index-no,
 .now-case-ank .case-article-sections .case-index-title,
 .now-case-ank .case-article-sections .case-index-arrow {transition:none;}
}
.now-case-ank .case-article-sections .case-content-anchor {
	scroll-margin-top:120px;
}

/* 기존 첫 문장 자동 아이콘은 끄고, [아이콘] 규칙이 있는 문장에만 노출 */
.now-case-ank .case-article-sections .sub-text dd p:first-child::before {content:none; display:none;}
.now-case-ank .case-article-sections .summary dd p.case-rule-icon::before,
.now-case-ank .case-article-sections .sub-text dd p.case-rule-icon::before {
	display:inline-block !important;
	width:26px;
	height:19px;
	margin-right:4px;
	background:url('/images/sub/case/text_icon.png') no-repeat center/cover;
	vertical-align:middle;
	content:'' !important;
}

@media screen and (max-width:768px) {
	.now-case-ank .case-article-sections .case-content-anchor {
		scroll-margin-top:90px;
	}

	.now-case-ank .case-article-sections .case-inline-size-20 {font-size:15px;}
	.now-case-ank .case-article-sections .case-inline-size-22 {font-size:16px;}
	.now-case-ank .case-article-sections .case-inline-size-24 {font-size:17px;}
	.now-case-ank .case-article-sections .summary dd p.case-rule-size-20,
	.now-case-ank .case-article-sections .sub-text dd p.case-rule-size-20 {font-size:15px;}
	.now-case-ank .case-article-sections .summary dd p.case-rule-size-22,
	.now-case-ank .case-article-sections .sub-text dd p.case-rule-size-22 {font-size:16px;}
	.now-case-ank .case-article-sections .summary dd p.case-rule-size-24,
	.now-case-ank .case-article-sections .sub-text dd p.case-rule-size-24 {font-size:17px;}

	.now-case-ank .case-article-sections .case-content-table {min-width:440px;}
	.now-case-ank .case-article-sections .case-content-table th,
	.now-case-ank .case-article-sections .case-content-table td {padding:10px 12px; font-size:14px; line-height:1.55;}

}

/* View element styles */
.board-case-view .case-view-hidden {display:none;}
.case-view-update-form {padding:0; margin:0;}
.case-index-option {padding:24px; margin-bottom:20px; border:1px solid #ddd; border-radius:8px; background:#fff;}
.case-index-option label {display:inline-flex; align-items:center; gap:8px; cursor:pointer;}
.case-index-option p {margin:10px 0 0; color:#777; font-size:14px; line-height:1.6;}
.frm_input.case-view-date-input {width:120px;}
.frm_input.case-view-hit-input {width:80px;}
th.case-view-update-submit {text-align:center;}

/* Present all article sections inside one shared card. */
.board-case-view .case-article-sections {
	padding:42px 42px 46px;
	border:1px solid #f1f1f1;
	border-radius:12px;
	background:#fff;
	box-shadow:0 5px 18px rgba(24,61,53,.025);
}
.now-case-ank .case-article-sections .case-article-sections > dl.case-content-anchor {
	margin:0;
	padding:0;
	border:0;
	border-radius:0;
	background:none;
	box-shadow:none;
}
.now-case-ank .case-article-sections .case-article-sections > .case-content-anchor + .case-content-anchor {margin-top:72px;}
.board-case-view .case-content-group,
.board-case-view .case-article-sections,
.board-case-view .case-content-anchor,
.board-case-view .case-content-anchor dd,
.board-case-view .case-content-anchor p {min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;}

@media screen and (max-width:768px) {
	.board-case-view .case-article-sections {padding:27px 22px 31px;border-radius:9px;}
	.now-case-ank .case-article-sections .case-article-sections > .case-content-anchor + .case-content-anchor {margin-top:44px;}
}
/* =========================================
   [블릿] 문장 규칙
   - 파란색 원형 불릿
   - 줄바꿈 시 두 번째 줄도 텍스트 시작점 정렬
========================================= */

.now-case-ank .case-article-sections .summary dd p.case-rule-bullet,
.now-case-ank .case-article-sections .sub-text dd p.case-rule-bullet {
	position:relative;
	padding-left:20px;
}

/* 파란색 원형점 */
.now-case-ank .case-article-sections .summary dd p.case-rule-bullet::before,
.now-case-ank .case-article-sections .sub-text dd p.case-rule-bullet::before {
	content:'';
	position:absolute;
	left:2px;
	top:0.95em;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#1a4482;
	transform:translateY(-50%);
}

/* 모바일 */
@media screen and (max-width:768px) {
	.now-case-ank .case-article-sections .summary dd p.case-rule-bullet,
	.now-case-ank .case-article-sections .sub-text dd p.case-rule-bullet {
		padding-left:17px;
	}

	.now-case-ank .case-article-sections .summary dd p.case-rule-bullet::before,
	.now-case-ank .case-article-sections .sub-text dd p.case-rule-bullet::before {
		left:1px;
		width:5px;
		height:5px;
	}
}

/* case3형 오른쪽 담당변호사/상담문의 사이드 영역 */
.board-case-shell,
.board-case-shell > .sub-conts-wrap {max-width:1520px !important; margin: 0 auto;}
.board-case-view > .grid {
	grid-template-columns:minmax(0, 1fr) 280px;
	gap:60px;
	max-width:1460px !important;
}
.board-case-view > .grid > .info-wrap {grid-column:1;min-width:0;}
.board-case-view > .grid > .case-side-quick {
	grid-column:2;
	grid-row:1;
	position:sticky;
	top:120px;
	align-self:start;
}
.case-side-quick > section {border:1px solid #e1e4e8;background:#fff;}
.case-side-quick > section + section {margin-top:24px;}
.case-side-quick h2 {margin:0;padding:20px 22px;border-bottom:2px solid #162140;color:#162140;font-size:20px;font-weight:700;line-height:1.4;}
.case-side-lawyers ul {margin:0;padding:0;list-style:none;}
.case-side-lawyers li + li {border-top:1px solid #eceef0;}
.case-side-lawyers li a {display:flex;align-items:center;gap:13px;padding:14px 16px;color:#25282b;}
.case-side-lawyers .photo {display:block;flex:0 0 52px;width:52px;height:52px;overflow:hidden;border-radius:50%;background:#eef0f2;}
.case-side-lawyers .photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:center top;}
.case-side-lawyers .name {min-width:0;font-size:13px;color:#777;}
.case-side-lawyers .name strong {display:block;overflow:hidden;color:#222;font-size:16px;font-weight:700;line-height:1.4;text-overflow:ellipsis;white-space:nowrap;}
.case-side-lawyers .name em {font-style:normal;}
.case-side-lawyers .empty {padding:25px 16px;color:#888;font-size:13px;text-align:center;}
.case-side-online form {padding:20px;}
.case-side-online form > label:not(.agree) {display:block;margin:0 0 7px;color:#333;font-size:13px;font-weight:600;}
.case-side-online input[type="text"],
.case-side-online select {display:block;width:100%;height:44px;margin:0 0 15px;padding:0 12px;border:1px solid #d8dce1;border-radius:0;background:#fff;color:#333;font-size:13px;box-sizing:border-box;}
.case-side-online .tel-info {margin:2px 0 14px;color:#777;font-size:12px;line-height:1.5;}
.case-side-online .agree {display:flex;align-items:flex-start;gap:7px;color:#666;font-size:11px;line-height:1.45;cursor:pointer;}
.case-side-online .agree input {flex:0 0 auto;margin-top:2px;}
.case-side-online button {width:100%;height:48px;margin-top:18px;border:0;background:#162140;color:#fff;font-size:14px;font-weight:700;cursor:pointer;}
.case-side-online button:hover {background:#253458;}

/* 작성페이지 담당 변호사 선택 */
#bo_w .case-lawyer-select {padding:24px;border:1px solid #dfe3e8;background:#f8f9fb;}
#bo_w .case-lawyer-select h3 {margin:0;color:#162140;font-size:20px;font-weight:700;line-height:1.4;}
#bo_w .case-lawyer-select > p {margin:7px 0 18px;color:#737980;font-size:13px;}
#bo_w .case-lawyer-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
#bo_w .case-lawyer-option {display:flex;align-items:center;gap:10px;min-height:62px;padding:12px 14px;border:1px solid #d9dde2;background:#fff;cursor:pointer;box-sizing:border-box;}
#bo_w .case-lawyer-option:has(input:checked) {border-color:#162140;box-shadow:inset 0 0 0 1px #162140;}
#bo_w .case-lawyer-option input {flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:#162140;}
#bo_w .case-lawyer-option span {display:block;min-width:0;}
#bo_w .case-lawyer-option strong {display:block;color:#222;font-size:15px;line-height:1.4;}
#bo_w .case-lawyer-option em {display:block;margin-top:3px;color:#777;font-size:12px;font-style:normal;line-height:1.35;}
#bo_w .case-lawyer-empty {grid-column:1/-1;padding:20px;color:#888;text-align:center;}

@media screen and (max-width:1200px) {
	.board-case-view > .grid {grid-template-columns:1fr;gap:38px;max-width:1200px !important;}
	.board-case-view > .grid > .info-wrap {grid-column:1;grid-row:1;}
	.board-case-view > .grid > .case-side-quick {display:grid;grid-template-columns:1fr 1fr;gap:20px;grid-column:1;grid-row:2;position:static;}
	.case-side-quick > section + section {margin-top:0;}
	#bo_w .case-lawyer-options {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media screen and (max-width:700px) {
	.board-case-view > .grid > .case-side-quick {display:block;}
	.case-side-quick > section + section {margin-top:18px;}
	#bo_w .case-lawyer-select {padding:18px 15px;}
	#bo_w .case-lawyer-options {grid-template-columns:1fr;}
}


/* 안목 글쓰기 규칙 안내 UI */
#bo_w .now-rule-guide {border:1px solid #ddd;padding:20px;background:#fafafa;margin:20px 0;}
#bo_w .now-rule-guide .case-rule-guide{margin-top:14px;padding:14px;border:1px dashed #ccc;background:#fff;}
#bo_w .now-rule-guide .case-rule-guide ul {margin:10px 0;padding-left:18px;}
#bo_w .now-rule-guide .case-rule-guide li{margin:4px 0;color:#555;font-size:13px;line-height:1.5;}
#bo_w .now-rule-guide .case-rule-guide code{display:inline-block;padding:2px 5px;background:#f1f3f5;color:#1a4482;font-size:12px;}
#bo_w .now-rule-guide .case-rule-sample{margin-top:10px;}
@media(max-width:768px){#bo_w .now-rule-guide{padding:14px;}}

/* V6: FAQ처럼 간결한 유사 성공사례 한줄 입력 */
#bo_w .now-related-lines{display:flex;flex-direction:column;gap:10px;margin-top:16px}
#bo_w .now-related-line{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px}
#bo_w .now-related-number{font-weight:700;color:#25334b;text-align:center}
#bo_w .now-related-line .frm_input{width:100%;min-width:0;margin:0;box-sizing:border-box}
#bo_w .now-tag-storage-status{font-size:13px;color:#a33;line-height:1.6}
@media(max-width:700px){#bo_w .now-related-line{grid-template-columns:24px minmax(0,1fr);gap:8px}#bo_w .now-related-line input:last-child{grid-column:2}}

/* V9: 해시태그 자동 너비, 한 줄 유지 및 가로 스크롤 */
#bo_v2.now-case-ank .case-legal-tags.now-case-tags {
  display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
  justify-content:flex-start !important; align-items:center !important;
  gap:10px !important; width:100% !important; max-width:100%;
  overflow-x:auto !important; overflow-y:hidden !important;
  padding:18px 0 14px !important; margin:28px 0 0 !important;
  grid-template-columns:none !important; -webkit-overflow-scrolling:touch;
}
#bo_v2.now-case-ank .case-legal-tags.now-case-tags > span {
  display:inline-flex !important; flex:0 0 auto !important;
  width:max-content !important; max-width:none !important; min-width:max-content !important;
  white-space:nowrap !important; overflow:visible !important; text-overflow:clip !important;
  padding:10px 18px !important; min-height:42px !important;
  font-size:16px !important; line-height:1.5 !important; border-radius:24px !important;
}
/* 유사 성공사례 제목과 링크가 긴 경우에도 카드 밖으로 넘치지 않도록 함 */
#bo_v2.now-case-ank .now-related-grid a{min-width:0;overflow-wrap:anywhere;word-break:keep-all}

/* V10: 유사 성공사례 - FAQ처럼 제목만 한 줄씩 표시 */
#bo_v2 .now-case-related .now-related-list{list-style:none;margin:0;padding:0;display:block}
#bo_v2 .now-case-related .now-related-list li{list-style:none;margin:0;padding:0;border-bottom:1px solid #e5e7eb}
#bo_v2 .now-case-related .now-related-list li:first-child{border-top:1px solid #e5e7eb}
#bo_v2 .now-case-related .now-related-list a{display:block;padding:18px 4px;color:#25334b;font-size:18px;font-weight:600;line-height:1.55;text-decoration:none;overflow-wrap:anywhere;word-break:keep-all;background:none;border:0;border-radius:0;min-height:0}
#bo_v2 .now-case-related .now-related-list a:hover,#bo_v2 .now-case-related .now-related-list a:focus{color:#a48456;text-decoration:underline}
@media(max-width:700px){#bo_v2 .now-case-related .now-related-list a{font-size:16px;padding:15px 4px}}

/* SEO heading aliases. Existing CSS above is preserved verbatim. */
#bo_v2.now-case-ank .now-seo-heading{margin:0;padding:0;font:inherit;color:inherit;}
#bo_v2.now-case-ank .now-seo-body{margin:0;padding:0;}
#bo_v2.now-case-ank .case-detail-head h1.subject{font-size:clamp(24px,2.3vw,36px);font-weight:800;line-height:1.45;color:var(--case-ink);word-break:keep-all;margin:0 0 18px;}
#bo_v2.now-case-ank .case-content-anchor .now-seo-heading{display:block;padding:0 0 17px;margin:0 0 25px;border-bottom:1px solid #dedede;color:var(--case-ink);font-size:clamp(23px,2vw,30px);font-weight:800;line-height:1.45;}
#bo_v2.now-case-ank .case-content-anchor .now-seo-body{display:block;margin:0;padding:0;font-size:18px;color:#333;line-height:1.95;overflow-wrap:anywhere;word-break:break-word;}
#bo_v2.now-case-ank .case-content-anchor .now-seo-body p{margin:0 0 14px;line-height:inherit;}
#bo_v2.now-case-ank .case-content-anchor .now-seo-body img{max-width:100%;height:auto;}
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-size-20,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-size-20{font-size:20px;}
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-size-22,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-size-22{font-size:22px;}
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-size-24,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-size-24{font-size:24px;}
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-bold,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-bold{font-weight:700;}
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-underline,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-underline{text-decoration:underline; text-underline-offset:4px;}
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-color-red,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-color-red{color:#d93025;}
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-color-blue,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-color-blue{color:#1a4482;}
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-color-navy,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-color-navy{color:#0f2346;}
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-color-gold,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-color-gold{color:#b8872b;}
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-color-gray,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-color-gray{color:#777;}
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-color-black,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-color-black{color:#111;}
.now-case-ank .case-article-sections .sub-text .now-seo-body p:first-child::before{content:none; display:none;}
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-icon::before,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-icon::before{
	display:inline-block !important;
	width:26px;
	height:19px;
	margin-right:4px;
	background:url("/images/sub/case/text_icon.png") no-repeat center/cover;
	vertical-align:middle;
	content:"" !important;
}
@media screen and (max-width:768px) {
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-size-20,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-size-20{font-size:15px;}
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-size-22,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-size-22{font-size:16px;}
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-size-24,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-size-24{font-size:17px;}
}
.now-case-ank .case-article-sections .case-article-sections > section.now-seo-section.case-content-anchor{
	margin:0;
	padding:0;
	border:0;
	border-radius:0;
	background:none;
	box-shadow:none;
}
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-bullet,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-bullet{
	position:relative;
	padding-left:20px;
}
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-bullet::before,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-bullet::before{
	content:"";
	position:absolute;
	left:2px;
	top:0.95em;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#1a4482;
	transform:translateY(-50%);
}
@media screen and (max-width:768px) {
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-bullet,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-bullet{
		padding-left:17px;
	}
.now-case-ank .case-article-sections .summary .now-seo-body p.case-rule-bullet::before,
.now-case-ank .case-article-sections .sub-text .now-seo-body p.case-rule-bullet::before{
		left:1px;
		width:5px;
		height:5px;
	}
}