@charset "utf-8";
/* SIR 지운아빠 */

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

/* 게시판 버튼 */
/* 목록 버튼 */
#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% - 230px); 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:#92775e;}
#bo_v_title .title { display:inline-block; margin-left:8px; font-weight:400; font-size:30px; color:#333; vertical-align:middle; }

@media screen and (max-width: 768px) { 
	#bo_v header {	width:100%;}
	#bo_v_title {padding:20px 15px 0; font-size:20px;}
}
.board-wrap{
  width:100% !important;
  max-width: 1200px;
}
.board-wrap > .sub-conts-wrap {max-width:1200px !important;}
.board-case-view {--case-ink:#171717; --case-green:#162140; --case-sand:#a28c72; --case-line:#f1f1f1; color:var(--case-ink);}
.board-case-view .grid {grid-template-columns:minmax(0, 1fr) 310px; gap:88px; align-items:start; max-width:1240px; margin:0 auto;}
.board-case-view .info-wrap {min-width:0;}
.board-case-view .case-detail-head {padding:64px 0 46px; border-top:1px solid #222; border-bottom:1px solid var(--case-line);}
.board-case-view .case-detail-kicker {display:flex; align-items:center; gap:12px; margin-bottom:25px;}
.board-case-view .case-detail-kicker span {color:var(--case-green); font-size:14px; font-weight:700; letter-spacing:.02em;}
.board-case-view .case-detail-kicker span + span {padding-left:12px; border-left:1px solid #c9c4bb; color:#9a938a; font-size:11px; letter-spacing:.16em;}
.board-case-view .info-wrap .subject {max-width:920px; margin:0; padding:0; background:none; color:#151515; font-family:inherit; font-size:48px; font-weight:700; line-height:1.35; letter-spacing:-.052em; word-break:keep-all;}
.board-case-view .case-detail-meta {display:flex; gap:20px; margin-top:30px; color:#8b8882; font-size:13px;}
.board-case-view .case-detail-meta span + span {position:relative; padding-left:20px;}
.board-case-view .case-detail-meta span + span::before {position:absolute; left:0; top:5px; width:1px; height:11px; background:#d2cec7; content:'';}
.board-case-view .info-wrap .bnr {position:relative; display:flex; align-items:flex-end; justify-content:flex-end; height:390px; margin:48px 0 74px; padding:38px; overflow:hidden; border-radius:2px; background:linear-gradient(120deg,rgba(13,38,33,.08),rgba(13,38,33,.52)),url('/images/sub/case/bnr.jpg') center/cover no-repeat;}
.board-case-view .info-wrap .bnr::after {position:absolute; inset:0; border:1px solid rgba(255,255,255,.28); content:''; pointer-events:none;}
.board-case-view .info-wrap .bnr span {position:relative; z-index:1; color:rgba(255,255,255,.86); font-family:serif; font-size:16px; line-height:1.35; letter-spacing:.16em; text-align:right;}
.board-case-view .info-wrap .summary,.board-case-view .info-wrap .sub-text {margin:0; padding:0; border:0; background:#fff;}
.board-case-view .info-wrap .summary {display:grid; grid-template-columns:190px minmax(0,1fr); gap:45px; margin-bottom:0; padding:0 0 58px; border-bottom:1px solid var(--case-line);}
.board-case-view .info-wrap .sub-text {display:grid; grid-template-columns:190px minmax(0,1fr); gap:45px; padding:58px 0; border-bottom:1px solid var(--case-line);}
.board-case-view .info-wrap .sub-text + .sub-text {margin-top:0;}
.board-case-view .info-wrap .summary dt,.board-case-view .info-wrap .sub-text dt {display:block; margin:0; padding:0; color:var(--case-green); font-size:22px; font-weight:700; line-height:1.45; letter-spacing:-.035em;}
.board-case-view .info-wrap .summary dt::before,.board-case-view .info-wrap .sub-text dt::before {display:block; width:24px; height:2px; margin:0 0 19px; background:var(--case-sand); content:'';}
.board-case-view .info-wrap .summary dd {padding:0; color:#494844; font-size:18px; line-height:1.95;}
.board-case-view .info-wrap .summary dd::after {display:none;}
.board-case-view .info-wrap .summary dd + dd {grid-column:2; margin-top:14px;}
.board-case-view .info-wrap .sub-text dd {padding:0; background:none; color:#494844;}
.board-case-view .info-wrap .sub-text dd p {font-size:18px; line-height:1.95; letter-spacing:-.018em;}
.board-case-view .info-wrap .sub-text dd p + p {margin-top:20px;}
.board-case-view .info-wrap .news-list {margin-top:58px; padding-top:0; border-top:0;}
.board-case-view .info-wrap .news-list dt {padding:0 0 20px; border-bottom:2px solid var(--case-green); color:var(--case-green); font-size:24px;}
.board-case-view .info-wrap .news-list dd a {height:auto; min-height:68px; padding:18px 22px; border-width:0 0 1px; color:#3d3c39;}
.board-case-view .info-wrap .news-list dd + dd {margin-top:0;}
.board-case-view .info-wrap .news-list dd a span {font-size:16px;}
.board-case-view .info-wrap .news-list dd a:hover {border-color:var(--case-green); color:var(--case-green); text-decoration:none;}
.board-case-view .member-wrap {position:sticky; top:130px; padding-top:64px;}
.board-case-view .member-eyebrow {display:block; margin-bottom:14px; color:#9b948a; font-size:11px; font-weight:700; letter-spacing:.16em;}
.board-case-view .member-wrap .img {height:330px; padding:24px 24px 0; border:0; background:#f0eee9;}
.board-case-view .member-wrap .img:empty {display:none;}
.board-case-view .member-wrap .img img {width:100%; height:100%; object-fit:contain; object-position:center bottom;}
.board-case-view .member-wrap .member {margin-top:0; border:1px solid #dfdcd5; border-top:3px solid var(--case-green);}
.board-case-view .member-wrap .member dt {padding:20px 22px 15px; color:#77736d; font-size:13px; font-weight:600;}
.board-case-view .member-wrap .member dd + dd {margin-top:0; border-top:1px solid #e5e2dd;}
.board-case-view .member-wrap .member dd a {height:76px; padding:0 18px; background:#fff;}
.board-case-view .member-wrap .member dd .photo {flex-basis:44px; height:44px; background:#eeeae4;}
.board-case-view .member-wrap .member dd .name {color:#30302e; font-size:14px;}
.board-case-view .member-wrap .member dd .name strong {display:block; color:var(--case-green); font-size:17px;}
.board-case-view .case-legal-faq {margin-top:70px;}
.board-case-view .case-legal-faq > h2 {border-color:var(--case-green); color:var(--case-green);}
.board-case-view .case-faq-row h3 span {color:var(--case-sand);}
.board-case-view .case-legal-tags span {border-color:#31554d; border-radius:3px; background:var(--case-green); box-shadow:none;}
.board-case-view .case-consult {width:100vw; max-width:none; margin:90px 0 0 calc(50% - 50vw); background-color:var(--case-green);}
.board-case-view .case-list-bottom a {border-radius:0; border-color:#aaa59c; color:#373633;}

@media screen and (max-width:1024px) {
	.board-case-view .grid {grid-template-columns:1fr; gap:55px;}
	.board-case-view .member-wrap {position:static; display:none;}
}
@media screen and (max-width:768px) {
	.board-case-view .case-detail-head {padding:38px 0 30px;}
	.board-case-view .info-wrap .subject {font-size:32px; line-height:1.4;}
	.board-case-view .info-wrap .bnr {height:230px; margin:30px 0 45px; padding:22px;}
	.board-case-view .info-wrap .summary,.board-case-view .info-wrap .sub-text {display:block; padding:34px 0;}
	.board-case-view .info-wrap .summary dt,.board-case-view .info-wrap .sub-text dt {margin-bottom:22px; font-size:21px;}
	.board-case-view .info-wrap .summary dd,.board-case-view .info-wrap .sub-text dd p {font-size:16px; line-height:1.85;}
	.board-case-view .info-wrap .summary dd + dd {margin-top:12px;}
	.board-case-view .case-consult {margin-top:55px;}
}
@media screen and (max-width: 480px) { 
	#bo_v_title {padding:8px 0 0; font-size:15px; line-height: 1.3;}
	#bo_v_title .title { display:inline-block; margin-left:8px; font-weight:400; font-size:19px; color:#333; vertical-align:middle; }

}

#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: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}
#bo_v_top li{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_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; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #303030; min-height: 200px; height: auto !important; height: 200px; font-weight: 400; text-align: left;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
.tbl_frm01 { display:none; }

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

#bo_v_img {margin:0 0 10px;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:20px;max-width:100%;height:auto}

#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}



.board-case-list {
	display:grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap:60px 30px;
}
.board-case-list li a {
	display:block;
}
.board-case-list li .img {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width:100%; height:380px;
	background:url('/images/main/case_list_bg.jpg') no-repeat center/cover;
}
.board-case-list li .img img {
	width:100%;
}
.board-case-list li .img p {
	padding:0 30px;
	margin-bottom:55px;
	color:#fff;
    font-family: 'GmarketSans';
	font-size:30px;
	font-weight:500;
	line-height:1.4;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.board-case-list li .info {
	padding:30px 20px 0;
}
.board-case-list li .info .subject {
	margin-bottom:15px;
	height:66px;
	font-size:22px;
	font-weight:600;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.board-case-list li .info .bo-content {
	margin-bottom:25px;
	color:#666;
	font-size:16px;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.board-case-list li .info .date {
	display:flex;
	align-items: center;
	gap:10px;
	color:#666;
	font-size:16px;
}
.board-case-list li .info .date::before {
	display:inline-block;
	width:8px; height:8px;
	border-radius:50%;
	background:#001037;
	content:'';
}
@media screen and (max-width: 1024px) {
	.board-case-list {
		display:grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap:45px 20px;
	} 
	.board-case-list li .img {
		height:46vw;
	}
	.board-case-list li .img p {
		font-size:20px;
	}
	.board-case-list li .info {
		padding:25px 15px 0;
	}
	.board-case-list li .info .subject {
		font-size:19px;
		height:57px;
	}
	.board-case-list li .info .bo-content {
		font-size:15px;
	}
	.board-case-list li .info .date {
		font-size:15px;
	}
}
@media screen and (max-width: 768px) { 
	.board-case-list {
		gap:25px 15px;
	} 
	.board-case-list li .img p {
		padding:0 15px;
		margin-bottom:30px;
		font-size:16px;
	}
	.board-case-list li .info {
		padding:15px 8px 0;
	}
	.board-case-list li .info .subject {
		margin-bottom:10px;
		font-size:16px;
		height:48px;
	}
	.board-case-list li .info .bo-content {
		margin-bottom:20px;
		font-size:13px;
	}
	.board-case-list li .info .date {
		flex-wrap: wrap;
		gap:0 6px;
		font-size:13px;
	}
	.board-case-list li .info .date::before {
		width:5px; height:5px;
	}
	.board-case-list li .info .date span {
		flex:1 1 100%;
		padding-left:10px;
	}
}




.board-view { 
	padding-top: 90px !important; 
}
.board-view-box { 
	display:table;
}
.board-view-conts { 
	display:table-cell;
	padding-right:45px;
	vertical-align:top;
    width: calc(1200px - 245px);
}
.board-view-outer { 
	display:table-cell;
	vertical-align:top;
	padding:40px 25px;
	width:275px;
	border-top:2px solid #005596;
	background: #f3f1f1;
}
.board-view-outer > h1 { 
	position:relative;
	display:block;
	margin-bottom: 20px;
	width:100%;
	font-weight: 400; font-size:20px;
	color:#005596;
}
.board-view-outer > h1 a { 
	position:absolute;
	top:50%; right:0;
	margin-top:-8px;
	width:16px; height:16px;	 
	font-size:0;
}
.board-view-outer > h1 a:before,
.board-view-outer > h1 a:after { 
	content:'';
	position:absolute; top:0; left:50%;
	margin-left:-2px;
	width:2px; height:100%;
	background:#005596;
}
.board-view-outer > h1 a:after { 
	transform:rotate(-90deg); 
}
.board-view-outer > h1 + p { 
	margin-bottom: 60px;
	font-weight: 300; font-size:16px;
	color:#111;
}
.board-view-outer > ul > li { 
	margin-bottom: 15px; 
}
.board-view-outer ul li a { 
	display:block; 
	font-size:0;
}
.board-view-outer ul li .img-wrap { 
	display:inline-block;
	width:91px;
	vertical-align:middle;
}
.board-view-outer ul li .img-wrap img { 
	width:100%; 
}
.board-view-outer ul li .text-wrap { 
	display:inline-block;
	padding-left: 14px;
	width:calc(100% - 91px);
	vertical-align:middle;
}
.board-view-outer ul li .text-wrap h1 { 
	margin-bottom: 13px;
	font-weight:300;
	font-size:14px;
	color:#666;
}
.board-view-outer ul li .text-wrap h1 strong { 
	display:block;
	font-weight:400; font-size:18px;
	color:#333;
}
.board-view-outer ul li .text-wrap li { 
	font-size:13px;
	font-weight:400; font-family: 'Montserrat';
	color:#333;
	letter-spacing:0;
}


.board-view-navi { 
	margin-top:70px ; 
	width:calc(100% - 320px);
	border:1px solid #aaa;
	border-width:1px 0;
}
.board-view-navi ul li { 
	padding:0 30px;
	border-bottom:1px solid #e1e1e1; 
	font-size:0;
}
.board-view-navi ul li:last-child { 
	border-bottom:0 none; 
}
.board-view-navi ul li > * { 
	display:inline-block;
	vertical-align:top;
	font-weight: 300; font-size:14px; line-height:50px;
	color:#333;
}
.board-view-navi ul .btn-next  > * { 
	color:#999;
}
.board-view-navi ul li .nb_tit { 
	position:relative;
	width:80px;
}
.board-view-navi ul li .nb_tit img { 
	position:absolute; top:50%; right:0;
	transform:translateY(-50%);
}
.board-view-navi ul li a { 
	overflow:hidden;
	padding-left: 40px;
	width:calc(100% - 160px);
	text-overflow:ellipsis;
	white-space:nowrap;
}
.board-view-navi ul li .nb_date { 
	width:80px;
	font-family: 'Montserrat';
	text-align:right;
	letter-spacing:0;
}
@media screen and (max-width: 480px) { 
	.board-view-box
	{
		display: block;
	}
	.board-view-conts
	{
		display: block;
		padding-right: 0;
		width: 100%;
	}
	.board-view-outer
	{
		display: block;
		width: 100%;
		padding:15px 15px;
	}
	.board-view-outer > h1 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.board-view-outer > h1 + p {
		margin-bottom: 22px;
	}
	.board-view-navi
	{
		width: 100%;
		margin-top:30px;
	}
}



.board-case-view .grid {
	display:grid;
	grid-template-columns:1fr 280px;
	gap:120px;
}
.board-case-view .info-wrap .subject {
	margin-bottom:40px;
	padding:21px 40px;
	background:#081d6c;
	color:#fff;
	font-size:32px;
	font-weight:700;
}
.board-case-view .info-wrap .bnr {
	height:400px;
	margin-bottom:50px;
	background:url('/images/sub/case/bnr.jpg') no-repeat center/cover;
}
.board-case-view .info-wrap .summary {
	margin-bottom:50px;
	border:1px solid #0044cf;
	border-width:1px 0;
	padding:38px 10px;
}
.board-case-view .info-wrap .summary dt {
	display:flex;
	align-items: center;
	gap:12px;
	padding-bottom:20px;
	color:#0044cf;
	font-size:26px;
	font-weight:700;
}
.board-case-view .info-wrap .summary dt::before {
	display:inline-block;
	width:42px; height:42px;
	background:url('/images/sub/case/summary_icon.png') no-repeat center/cover;
	content:'';
}
.board-case-view .info-wrap .summary dd {
	position:relative;
	padding-left:18px;
	color:#4c4c4c;
	font-size:18px;
}
.board-case-view .info-wrap .summary dd::after {
	position:absolute; top:10px; left:0;
	width:6px; height:6px;
	border-radius:50%;
	background:#0044cf;
	content:'';
}
.board-case-view .info-wrap .summary dd + dd {
	margin-top:12px;
}
.board-case-view .info-wrap .sub-text + .sub-text {
	margin-top:60px;
}
.board-case-view .info-wrap .sub-text dt {
	display:flex;
	gap:9px;
	margin-bottom:20px;
	font-size:28px;
	font-weight:700;
}
.board-case-view .info-wrap .sub-text dt::before {
	display:inline-block;
	width:12px; height:12px;
	margin-top:9px;
	background:#0044cf;
	content:'';
}
.board-case-view .info-wrap .sub-text dd {
	padding:40px;
	background:#f2f2f2;
}
.board-case-view .info-wrap .sub-text dd p {
	font-size:18px;
	line-height:1.6;
	word-break:keep-all;
}
.board-case-view .info-wrap .sub-text dd p:first-child::before {
	display:inline-block;
	width:26px; height:19px;
	margin-right:4px;
	background:url('/images/sub/case/text_icon.png') no-repeat center/cover;
	vertical-align:middle;
	content:'';
}
.board-case-view .info-wrap .sub-text dd p + p {
	margin-top:15px;
}
.board-case-view .info-wrap .news-list {
	margin-top:60px;
	padding-top:35px;
	border-top:1px solid #000;
}
.board-case-view .info-wrap .news-list dt {
	padding-bottom:25px;
	font-size:28px;
	font-weight:700;
}
.board-case-view .info-wrap .news-list dd + dd {
	margin-top:10px;
}
.board-case-view .info-wrap .news-list dd a {
	display:flex;
	align-items: center;
	justify-content: space-between;
	gap:15px;
	height:70px;
	padding:0 30px 0 40px;
	border:1px solid #e5e5e5;
}
.board-case-view .info-wrap .news-list dd a::after {
	display:inline-block;
	flex-basis:20px; height:20px;
	flex-shrink:0;
	background:url('/images/sub/case/news_arrow.png') no-repeat center/cover;
	content:'';
}
.board-case-view .info-wrap .news-list dd a span {
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break:break-all;
	font-size:20px;
}
.board-case-view .info-wrap .news-list dd a:hover {
	border-color:#0044cf;
	color:#0044cf;
	text-decoration:underline;
}
.board-case-view .info-wrap .news-list dd a:hover::after {
	background-image:url('/images/sub/case/news_arrow_on.png');
}

/* 법률자료 FAQ, 해시태그, 상담 영역 */
.board-case-view .case-eyebrow {display:block; color:#73849b; font-size:16px; font-weight:700; letter-spacing:.14em;}
.board-case-view .case-legal-faq { margin:64px auto 0;}
.board-case-view .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;}
.board-case-view .case-faq-row {padding:32px 0 36px; border-bottom:1px solid #eef1f4;}
.board-case-view .case-faq-row:last-child {padding-bottom:8px; border-bottom:0;}
.board-case-view .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;}
.board-case-view .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;}
.board-case-view .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;}
.board-case-view .case-legal-tags {display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; padding-top:26px; }
.board-case-view .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;}
.board-case-view .case-consult {position:relative; margin-top:70px; padding:70px 24px; overflow:hidden; background:#13243c url('/images/sub/bg_resources.png') center/cover no-repeat; text-align:center;}
.board-case-view .case-consult > div {position:relative; max-width:1040px; margin:auto;}
.board-case-view .case-consult .case-eyebrow {color:#9badc6;}
.board-case-view .case-consult h2 {margin:0 0 18px; color:#b4c7df; font-size:30px; line-height:1.5; letter-spacing:-.04em;}
.board-case-view .case-consult h2 strong {color:#fff; font-weight:600;}
.board-case-view .case-consult p {margin:0; color:#d1d9e4; font-size:16px; line-height:1.9; word-break:keep-all;}
.board-case-view .case-consult a {display:inline-flex; align-items:center; justify-content:center; gap:42px; min-width:240px; margin-top:30px; padding:16px 30px; border-radius:50px; background:#fff; color:#172b46; font-size:16px; font-weight:700; transition:.25s;}
.board-case-view .case-consult a:hover {transform:translateY(-2px); box-shadow:0 12px 30px rgba(0,0,0,.2);}
.board-case-view .case-consult a i {width:10px; height:10px; border-top:2px solid currentColor; border-right:2px solid currentColor; transform:rotate(45deg);}
.board-case-view .case-list-bottom {padding:40px 20px 12px; text-align:center;}
.board-case-view .case-list-bottom a {display:inline-flex; align-items:center; justify-content:center; min-width:220px; padding:14px 28px; border:1px solid #cbd5e1; border-radius:6px; color:#415a78; font-size:15px; font-weight:600; transition:.24s;}
.board-case-view .case-list-bottom a:hover {border-color:#172b46; background:#172b46; color:#fff;}

@media screen and (max-width:768px) {
	.board-case-view .case-legal-faq {margin-top:40px;}
	.board-case-view .case-legal-faq > h2 {font-size:24px;}
	.board-case-view .case-faq-row {padding:26px 0 30px;}
	.board-case-view .case-faq-row h3 {gap:10px; margin-bottom:8px; font-size:18px;}
	.board-case-view .case-faq-row h3 span {flex-basis:24px; height:24px; font-size:13px;}
	.board-case-view .case-faq-row p {padding-left:38px; font-size:15px;}
	.board-case-view .case-legal-tags {gap:8px;}
	.board-case-view .case-legal-tags span {min-height:40px; padding:8px 14px; font-size:13px;}
	.board-case-view .case-consult {margin-top:46px; padding:52px 20px;}
	.board-case-view .case-consult h2 {font-size:25px;}
	.board-case-view .case-consult h2 strong {display:block;}
	.board-case-view .case-consult p {font-size:14px;}
}
.board-case-view .member-wrap .img {
	overflow:hidden;
	height:280px;
	padding:30px 30px 0;
	border:1px solid #e0e0e0;
	background:#f0f0f0;
	text-align:center;
}
.board-case-view .member-wrap .img img {
	max-width:100%;
	height:auto;
}
.board-case-view .member-wrap .member {
	margin-top:30px;
}
.board-case-view .member-wrap .member dt {
	padding-bottom:15px;
	font-size:20px;
	font-weight:500;
}
.board-case-view .member-wrap .member dd + dd {
	margin-top:6px;
}
.board-case-view .member-wrap .member dd a {
	display:flex;
	align-items: center;
	gap:13px;
	height:72px;
	padding:0 20px;
	background:#242424;
}
.board-case-view .member-wrap .member dd .photo {
	overflow:hidden;
	flex-basis:48px;
	height:48px;
	border-radius:50%;
}
.board-case-view .member-wrap .member dd .photo img {
	width:100%;
}
.board-case-view .member-wrap .member dd .name {
	flex:1;
	color:#fff;
	font-size:20px;
}
.board-case-view .member-wrap .member dd .name strong {
	font-weight:600;
}
.board-case-view .msg-title {
	margin-bottom:50px;
	text-align:center;
}
.board-case-view .msg-title h3 {
	font-size:46px;
	font-weight:700;
}
.board-case-view .msg-title h3 span {
	color:#081d6c;
}
.board-case-view .msg-title p {
	padding-top:30px;
	font-size:26px;
	word-break:keep-all;
}
.board-case-view .service {
	position:relative;
	margin-top:120px;
	padding:100px 0 120px;
}
.board-case-view .service::before {
	position:absolute; top:0; left:50%; z-index:-1;
	width:100vw; height:2px;
	margin-left:-50vw;
	background:#e5e5e5;
	content:'';
}
.board-case-view .service::after {
	position:absolute; top:0; left:50%; z-index:-2;
	width:100vw; height:100%;
	margin-left:-50vw;
	background:url('/images/sub/case/service_bg.jpg') no-repeat center/cover;
	content:'';
}
.board-case-view .service .list {
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	gap:13px;
}
.board-case-view .service .list li {
	min-height:338px;
	padding:55px 15px 0;
	background:rgba(255,255,255,.7);
	text-align:center;
}
.board-case-view .service .list li h5 {
	color:#081d6c;
	font-size:16px;
}
.board-case-view .service .list li h5::before {
	display:block;
	width:55px; height:46px;
	margin:0 auto 12px;
	background:url('/images/sub/case/service_icon.png') no-repeat center/cover;
	content:'';
}
.board-case-view .service .list li h3 {
	padding-top:8px;
	font-size:24px;
	font-weight:600;
}
.board-case-view .service .list li p {
	padding-top:15px;
	color:#4c4c4c;
	font-size:18px;
}
.board-case-view .online {
	margin-top:100px;
}
.board-case-view .online .list {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:40px;
}
.board-case-view .online .list li a {
	display:block;
	padding:45px 55px 60px;
	background:no-repeat center/cover;
}
.board-case-view .online .list li.bg01 a {
	background-image:url('/images/sub/case/online_bg01.jpg');
}
.board-case-view .online .list li.bg02 a {
	background-image:url('/images/sub/case/online_bg02.jpg');
}
.board-case-view .online .list li h5 {
	padding-bottom:25px;
	color:#081d6c;
	font-size:32px;
	font-weight:700;
}
.board-case-view .online .list li p {
	padding-bottom:45px;
	font-size:18px;
}
.board-case-view .online .list li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    height: 50px;
    padding: 0 30px;
    border-radius: 50px;
    background: #081d6c;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
}
.board-case-view .online .list li span::after {
	display:inline-block;
	width:19px; height:16px;
	background:url('/images/sub/case/online_arrow.png') no-repeat center/cover;
	content:'';
}
.board-case-view .online .list li.bg02 h5 {
	color:#585346;
}
.board-case-view .online .list li.bg02 span {
	background:#4e493d;
}
@media screen and (max-width: 1024px) { 
	.board-case-view .grid {
		grid-template-columns: repeat(1, 1fr);
		gap:40px;
	}
	.board-case-view .service .list {
		grid-template-columns: repeat(2, 1fr);
	}
	.board-case-view .online .list {
		grid-template-columns: repeat(1, 1fr);
	}
}
@media screen and (max-width: 768px) { 
	.board-case-view .info-wrap .subject {
		margin-bottom:20px;
		padding:12px 20px;
		font-size:20px;
	}
	.board-case-view .info-wrap .bnr {
		height:200px;
		margin-bottom:30px;
	}
	.board-case-view .info-wrap .summary {
		margin-bottom:30px;
		padding:20px 8px;
	}
	.board-case-view .info-wrap .summary dt {
		gap:8px;
		font-size:18px;
	}
	.board-case-view .info-wrap .summary dt::before {
		width:24px; height:24px;
	}
	.board-case-view .info-wrap .summary dd {
		padding-left:12px;
		font-size:14px;
	}
	.board-case-view .info-wrap .summary dd::after {
		top:7px;
		width:5px; height:5px;
	}
	.board-case-view .info-wrap .summary dd + dd {
		margin-top:9px;
	}
	.board-case-view .info-wrap .sub-text + .sub-text {
		margin-top:30px;
	}
	.board-case-view .info-wrap .sub-text dt {
		margin-bottom:12px;
		font-size:20px;
	}
	.board-case-view .info-wrap .sub-text dt::before {
		margin-top:6px;
		width:8px; height:8px;
	}
	.board-case-view .info-wrap .sub-text dd {
		padding:20px;
	}
	.board-case-view .info-wrap .sub-text dd p {
		font-size:14px;
	}
	.board-case-view .info-wrap .sub-text dd p:first-child::before {
		width:18px;
		height:12px;
	}
	.board-case-view .info-wrap .sub-text dd p + p {
		margin-top:10px;
	}
	.board-case-view .info-wrap .news-list {
		margin-top:30px;
		padding-top:20px;
	}
	.board-case-view .info-wrap .news-list dt {
		padding-bottom:15px;
		font-size:20px;
	}
	.board-case-view .info-wrap .news-list dd + dd {
		margin-top:7px;
	}
	.board-case-view .info-wrap .news-list dd a {
		height:45px;
		padding:0 15px 0 20px;
	}
	.board-case-view .info-wrap .news-list dd a::after {
		flex-basis:12px; height:12px;
	}
	.board-case-view .info-wrap .news-list dd a span {
		font-size:13px;
	}
	.board-case-view .member-wrap .img {
		height:70vw;
		padding:20px 20px 0;
	}
	.board-case-view .member-wrap .member {
		margin-top:20px;
	}
	.board-case-view .member-wrap .member dt {
		font-size:18px;
	}
	.board-case-view .member-wrap .member dd a {
		gap:10px;
		height:60px;
	}
	.board-case-view .member-wrap .member dd .photo {
		flex-basis:36px; height:36px;
	}
	.board-case-view .member-wrap .member dd .name {
		font-size:16px;
	}
	.board-case-view .msg-title {
		margin-bottom:25px;
	}
	.board-case-view .msg-title h3 {
		font-size:24px;
	}
	.board-case-view .msg-title p {
		padding-top:15px;
		font-size:16px;
	}
	.board-case-view .service {
		margin-top:60px;
		padding:50px 0 60px;
	}
	.board-case-view .service .list {
		gap:10px;
	}
	.board-case-view .service .list li {
		min-height:auto;
		padding:25px 15px;
	}
	.board-case-view .service .list li h5 {
		font-size:12px;
	}
	.board-case-view .service .list li h5::before {
		width:30px; height:24px;
		margin-bottom:8px;
	}
	.board-case-view .service .list li h3 {
		padding-top:6px;
		font-size:18px;
	}
	.board-case-view .service .list li p {
		padding-top:10px;
		font-size:14px;
	}
	.board-case-view .service .list li p br {
		display:none;
	}
	.board-case-view .online {
		margin-top:50px;
	}
	.board-case-view .online .list {
		gap:20px;
	}
	.board-case-view .online .list li a {
		padding:25px 20px;
	}
	.board-case-view .online .list li h5 {
		padding-bottom:12px;
		font-size:20px;
	}
	.board-case-view .online .list li p {
		padding-bottom:22px;
		font-size:14px;
	}
	.board-case-view .online .list li span {
		gap: 8px;
		height: 35px;
		padding: 0 15px;
		font-size: 14px;
	}
	.board-case-view .online .list li span::after {
		width: 10px;
		height: 8px;
	}
}

/* Final cascade for redesigned legal-material view */
.board-case-view .grid {grid-template-columns:minmax(0,1fr) 310px; gap:88px; align-items:start; max-width:1240px; margin:0 auto;}
.board-case-view .info-wrap .subject {max-width:1200px !important; margin:0; padding:0; background:none; color:#151515; font-size:40px; line-height:1.35; letter-spacing:-.052em;}
.board-case-view .info-wrap .bnr {position:relative; display:flex; align-items:flex-end; justify-content:flex-end; height:390px; margin:48px 0 74px; padding:38px; background:linear-gradient(120deg,rgba(13,38,33,.08),rgba(13,38,33,.52)),url('/images/sub/case/bnr.jpg') center/cover no-repeat;}
.board-case-view .info-wrap .summary {display:grid; grid-template-columns:190px minmax(0,1fr); gap:45px; margin:0; padding:0 0 58px; border-width:0 0 1px; border-color:#dedbd5;}
.board-case-view .info-wrap .sub-text {display:grid; grid-template-columns:190px minmax(0,1fr); gap:45px; margin:0; padding:58px 0; border-bottom:1px solid #dedbd5;}
.board-case-view .info-wrap .sub-text + .sub-text {margin-top:0;}
.board-case-view .info-wrap .summary dt,.board-case-view .info-wrap .sub-text dt {display:block; margin:0; padding:0; color:#162140; font-size:22px; line-height:1.45;}
.board-case-view .info-wrap .summary dt::before,.board-case-view .info-wrap .sub-text dt::before {display:block; width:24px; height:2px; margin:0 0 19px; background:#a28c72;}
.board-case-view .info-wrap .summary dd {padding:0; color:#494844; font-size:18px; line-height:1.95;}
.board-case-view .info-wrap .summary dd::after {display:none;}
.board-case-view .info-wrap .summary dd + dd {grid-column:2; margin-top:14px;}
.board-case-view .info-wrap .sub-text dd {padding:0; background:none; color:#494844;}
.board-case-view .info-wrap .sub-text dd p {font-size:18px; line-height:1.95;}
.board-case-view .member-wrap .img {height:330px; padding:24px 24px 0; border:0; background:#f0eee9;}
.board-case-view .member-wrap .member {margin-top:0;}
.board-case-view .member-wrap .member dd a {height:76px; padding:0 18px; background:#fff;}
.board-case-view .member-wrap .member dd .name {color:#30302e; font-size:14px;}

@media screen and (max-width:1024px) {
	.board-case-view .grid {grid-template-columns:1fr; gap:55px;}
	.board-case-view .member-wrap {display:none;}
}
@media screen and (max-width:768px) {
	.board-case-view .info-wrap .subject {margin:0; padding:0; font-size:32px; line-height:1.4;}
	.board-case-view .info-wrap .bnr {height:230px; margin:30px 0 45px; padding:22px;}
	.board-case-view .info-wrap .summary,.board-case-view .info-wrap .sub-text {display:block; margin:0; padding:34px 0;}
	.board-case-view .info-wrap .summary dt,.board-case-view .info-wrap .sub-text dt {margin-bottom:22px; font-size:21px;}
	.board-case-view .info-wrap .summary dd,.board-case-view .info-wrap .sub-text dd p {font-size:16px; line-height:1.85;}
}

.board-case-view .case-consult {
	width:100vw;
	max-width:none;
	margin-right:0;
	margin-left:calc(50% - 50vw);
}

/* Related lawyers appear in the article flow; remove the legacy attachment sidebar. */
.board-case-view .grid {grid-template-columns:minmax(0,1fr); max-width:1200px !important;}
.board-case-view > .grid > .member-wrap {display:none;}
.board-case-view .case-related-lawyers {margin-top:72px; padding:38px 40px 40px; border:1px solid #e2dfd9; border-radius:10px; background:#faf9f7;}
.board-case-view .case-related-lawyers > h2 {margin:0 0 26px; color:#162140; font-size:27px; font-weight:700; line-height:1.45; letter-spacing:-.04em;}
.board-case-view .case-lawyer-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px;}
.board-case-view .case-lawyer-card {display:flex; align-items:center; gap:20px; min-width:0; padding:20px; border:1px solid #e2dfd9; border-radius:8px; background:#fff; color:#20211f; transition:border-color .22s,transform .22s,box-shadow .22s;}
.board-case-view .case-lawyer-card:hover {transform:translateY(-2px); border-color:#9eaa9f; box-shadow:0 10px 24px rgba(24,61,53,.08);}
.board-case-view .case-lawyer-photo {display:block; flex:0 0 100px; width:100px; height:120px; overflow:hidden; border-radius:6px; background:#e5e8e5;}
.board-case-view .case-lawyer-photo img {display:block; width:100%; height:100%; object-fit:cover; object-position:center top;}
.board-case-view .case-lawyer-copy {display:flex; flex-direction:column; align-items:flex-start; min-width:0;}
.board-case-view .case-lawyer-copy strong {color:#18251f; font-size:19px; font-weight:700; line-height:1.45; word-break:keep-all;}
.board-case-view .case-lawyer-copy > span {margin-top:7px; color:#77736d; font-size:14px; line-height:1.55;}
.board-case-view .case-lawyer-copy em {margin-top:18px; color:#162140; font-size:14px; font-style:normal; font-weight:700;}
.board-case-view .case-lawyer-copy em i {margin-left:3px; font-style:normal;}

@media screen and (max-width:768px) {
	.board-case-view .case-related-lawyers {margin-top:46px; padding:26px 20px 24px;}
	.board-case-view .case-related-lawyers > h2 {margin-bottom:20px; font-size:23px;}
	.board-case-view .case-lawyer-grid {grid-template-columns:1fr; gap:12px;}
	.board-case-view .case-lawyer-card {gap:16px; padding:16px;}
	.board-case-view .case-lawyer-photo {flex-basis:82px; width:82px; height:100px;}
	.board-case-view .case-lawyer-copy strong {font-size:17px;}
	.board-case-view .case-lawyer-copy em {margin-top:12px;}
}

.board-case-view .info-wrap .bnr.case-cover-image {
	display:block;
	height:auto;
	min-height:0;
	padding:0;
	background:none;
}
.board-case-view .info-wrap .bnr.case-cover-image::after {display:none;}
.board-case-view .info-wrap .bnr.case-cover-image img {
	display:block;
	width:100%;
	height:auto;
	max-height:620px;
	margin:0;
	object-fit:contain;
	object-position:center;
}

.board-case-view .case-legal-tags {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
	width:100%;
	gap:14px;
}
.board-case-view .case-legal-tags span {
	width:100%;
	min-height:58px;
	padding:14px 18px;
	border-radius:12px;
	font-size:16px;
	text-align:center;
}

/* Each editor line is rendered as a separate row; keep Enter spacing compact. */
.board-case-view .info-wrap .summary {
	column-gap:45px;
	row-gap:8px;
}
.board-case-view .info-wrap .summary dd + dd {
	margin-top:0;
}
.board-case-view .info-wrap .sub-text dd p {
	margin:0;
}
.board-case-view .info-wrap .sub-text dd p + p {
	margin-top:8px;
}

@media screen and (max-width:768px) {
	.board-case-view .info-wrap .bnr.case-cover-image {height:auto; padding:0;}
	.board-case-view .info-wrap .bnr.case-cover-image img {height:auto; max-height:420px;}
	.board-case-view .case-legal-tags {grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
	.board-case-view .case-legal-tags span {min-height:48px; padding:10px 8px; border-radius:8px; font-size:14px;}
	.board-case-view .case-legal-tags span:only-child {grid-column:1/-1;}
}

/* Legal materials list */
#bo_gall {width:100% !important; max-width:1200px; margin:0 auto;}
.case-list-search {margin:0 0 76px; padding:54px 60px 58px; border-top:3px solid #162140; background:#f4f3ef;}
.case-search-heading {text-align:center;}
.case-search-heading > span {display:block; margin-bottom:9px; color:#a28c72; font-size:11px; font-weight:700; letter-spacing:.18em;}
.case-search-heading h2 {position:static !important; width:auto !important; height:auto !important; margin:0 !important; overflow:visible !important; color:#162140; font-size:32px !important; font-weight:700; line-height:1.4 !important;}
.case-search-heading p {margin-top:8px; color:#77746e; font-size:15px;}
#bo_gall #bo_sch {max-width:820px; margin:30px auto 0; padding:0; border:0;}
#bo_gall #bo_sch legend {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
#bo_gall #bo_sch form {display:grid; grid-template-columns:145px minmax(0,1fr) 110px; min-height:68px; border:1px solid #d7d3cb; background:#fff; box-shadow:0 8px 24px rgba(24,61,53,.05);}
#bo_gall #bo_sch select,#bo_gall #bo_sch .sch_input,#bo_gall #bo_sch .sch_btn {width:100%; height:100%; margin:0; border:0; border-radius:0; background:#fff; font-family:inherit;}
#bo_gall #bo_sch select {padding:0 20px; border-right:1px solid #e3e0da; color:#4c4b47; font-size:14px;}
#bo_gall #bo_sch .sch_input {padding:0 24px; color:#222; font-size:17px; outline:none;}
#bo_gall #bo_sch .sch_input::placeholder {color:#aaa7a1;}
#bo_gall #bo_sch .sch_btn {display:flex; align-items:center; justify-content:center; gap:9px; background:#162140; color:#fff; font-size:15px; font-weight:700; cursor:pointer; transition:background-color .22s;}
#bo_gall #bo_sch .sch_btn:hover {background:#245648;}
.case-list-heading {display:flex; align-items:flex-end; justify-content:space-between; padding-bottom:22px; border-bottom:2px solid #162140;}
.case-list-heading h2 {position:static !important; width:auto !important; height:auto !important; margin:0 !important; overflow:visible !important; color:#162140; font-size:28px !important; line-height:1.4 !important;}
.case-list-heading span {color:#8c8983; font-size:14px;}
#bo_gall .board-case-list.case-resource-list {display:block; margin:0; padding:0; list-style:none;}
#bo_gall .case-resource-list {border:0 !important;}
#bo_gall .case-resource-list > li {position:relative; margin:0; border:0; border-bottom:1px solid #e3e0da; outline:0;}
#bo_gall .case-resource-list > li > a {display:grid; grid-template-columns:minmax(0,1fr) 120px 46px; align-items:center; gap:28px; min-height:112px; padding:25px 16px 25px 8px; border:0 !important; outline:0; box-shadow:none; color:#242522; transition:background-color .22s,padding .22s;}
#bo_gall .case-resource-list > li > a:hover {padding-left:22px; background:#faf9f6;}
#bo_gall .case-resource-list > li > a:focus {border:0 !important; outline:0;}
#bo_gall .case-resource-list > li > a:focus-visible {background:#faf9f6; box-shadow:inset 4px 0 0 #162140;}
#bo_gall .case-list-title {min-width:0; font-size:21px; font-weight:600; line-height:1.55; letter-spacing:-.03em; word-break:keep-all;}
#bo_gall .case-resource-list time {color:#918e88; font-size:14px; font-variant-numeric:tabular-nums; text-align:right;}
#bo_gall .case-list-arrow {position:relative; display:block; width:42px; height:42px; border:1px solid #d5d1c9; border-radius:50%; transition:border-color .22s,background-color .22s;}
#bo_gall .case-list-arrow::before {position:absolute; top:15px; left:14px; width:9px; height:9px; border-top:1px solid #162140; border-right:1px solid #162140; transform:rotate(45deg); content:'';}
#bo_gall .case-resource-list a:hover .case-list-arrow {border-color:#162140; background:#162140;}
#bo_gall .case-resource-list a:hover .case-list-arrow::before {border-color:#fff;}
#bo_gall .case-list-check {position:absolute; z-index:2; top:10px; left:-22px;}
#bo_gall .case-resource-list .no-data {padding:90px 20px; color:#898680; text-align:center;}
#bo_gall .bo_fx {margin-top:22px;}

@media screen and (max-width:768px) {
	.case-list-search {margin-bottom:48px; padding:36px 20px 38px;}
	.case-search-heading h2 {font-size:27px !important;}
	.case-search-heading p {font-size:14px;}
	#bo_gall #bo_sch form {grid-template-columns:100px minmax(0,1fr) 58px; min-height:58px;}
	#bo_gall #bo_sch select {padding:0 10px; font-size:13px;}
	#bo_gall #bo_sch .sch_input {padding:0 14px; font-size:15px;}
	#bo_gall #bo_sch .sch_btn span {display:none;}
	.case-list-heading h2 {font-size:24px !important;}
	#bo_gall .case-resource-list > li > a {grid-template-columns:minmax(0,1fr) 32px; gap:12px; min-height:96px; padding:20px 4px;}
	#bo_gall .case-resource-list > li > a:hover {padding-left:8px;}
	#bo_gall .case-list-title {font-size:17px; line-height:1.5;}
	#bo_gall .case-resource-list time {grid-column:1; grid-row:2; text-align:left; font-size:12px;}
	#bo_gall .case-list-arrow {grid-column:2; grid-row:1 / span 2; width:32px; height:32px;}
	#bo_gall .case-list-arrow::before {top:11px; left:10px; width:7px; height:7px;}
}

/* Long legal articles: stack each section title above its content. */
.board-case-view .info-wrap .summary,
.board-case-view .info-wrap .sub-text {
	display:block;
	margin:0;
	padding:58px 0 62px;
	border:0;
	border-bottom:1px solid #dedbd5;
	background:#fff;
}
.board-case-view .info-wrap .summary:first-of-type {padding-top:0;}
.board-case-view .info-wrap .summary dt,
.board-case-view .info-wrap .sub-text dt {
	dis:flex;
	align-items:center;
	gap:14px;
	margin:0 0 30px;
	padding:0 0 20px;
	border-bottom:2px solid #162140;
	color:#162140;
	font-size:27px;
	font-weight:700;
	line-height:1.45;
	letter-spacing:-.04em;
}
.board-case-view .info-wrap .summary dt::before,
.board-case-view .info-wrap .sub-text dt::before {
	display:block;
	flex:0 0 26px;
	width:26px;
	height:3px;
	margin:0;
	background:#a28c72;
	content:'';
}
.board-case-view .info-wrap .summary dd,
.board-case-view .info-wrap .sub-text dd {
	margin:0;
	padding:0 6px;
	background:none;
	color:#454b47;
	font-size:18px;
	font-weight:400;
	line-height:1.95;
	letter-spacing:-.015em;
}
.board-case-view .info-wrap .summary dd + dd {margin-top:10px;}
.board-case-view .info-wrap .sub-text dd p {margin:0;font-size:18px;line-height:1.95;}
.board-case-view .info-wrap .sub-text dd p + p {margin-top:10px;}

@media screen and (max-width:768px) {
	.board-case-view .info-wrap .summary,
	.board-case-view .info-wrap .sub-text {padding:38px 0 42px;}
	.board-case-view .info-wrap .summary:first-of-type {padding-top:0;}
	.board-case-view .info-wrap .summary dt,
	.board-case-view .info-wrap .sub-text dt {gap:10px;margin-bottom:22px;padding-bottom:15px;font-size:22px;}
	.board-case-view .info-wrap .summary dt::before,
	.board-case-view .info-wrap .sub-text dt::before {flex-basis:20px;width:20px;height:2px;}
	.board-case-view .info-wrap .summary dd,
	.board-case-view .info-wrap .sub-text dd,
	.board-case-view .info-wrap .sub-text dd p {padding-left:0;padding-right:0;font-size:16px;line-height:1.85;}
}

/* Editorial section treatment inspired by the reference case and FAQ pages. */
.board-case-view .info-wrap .summary,
.board-case-view .info-wrap .sub-text {
	padding:48px 0 52px;
	border-bottom:1px solid #e2e0db;
}
.board-case-view .info-wrap .summary:first-of-type {padding-top:10px;}
.board-case-view .info-wrap .summary dt,
.board-case-view .info-wrap .sub-text dt {
	display:block;
	margin:0 0 27px;
	padding:0;
	border:0;
	color:#162140;
	font-size:28px;
	font-weight:700;
	line-height:1.45;
	letter-spacing:-.045em;
}
.board-case-view .info-wrap .summary dt::before,
.board-case-view .info-wrap .sub-text dt::before {display:none;content:none;}
.board-case-view .info-wrap .summary dd,
.board-case-view .info-wrap .sub-text dd {
	padding:0;
	color:#4a514d;
	font-size:18px;
	line-height:1.95;
}
.board-case-view .info-wrap .summary dd + dd,
.board-case-view .info-wrap .sub-text dd p + p {margin-top:12px;}
.board-case-view .info-wrap .summary:last-of-type,
.board-case-view .info-wrap .sub-text:last-of-type {border-bottom-color:#cbc7bf;}

@media screen and (max-width:768px) {
	.board-case-view .info-wrap .summary,
	.board-case-view .info-wrap .sub-text {padding:34px 0 38px;}
	.board-case-view .info-wrap .summary:first-of-type {padding-top:4px;}
	.board-case-view .info-wrap .summary dt,
	.board-case-view .info-wrap .sub-text dt {margin-bottom:20px;padding:0;font-size:23px;}
	.board-case-view .info-wrap .summary dd,
	.board-case-view .info-wrap .sub-text dd,
	.board-case-view .info-wrap .sub-text dd p {font-size:16px;line-height:1.85;}
}

/* Card-style article sections */
.board-case-view .info-wrap .summary,
.board-case-view .info-wrap .sub-text {
	margin:0 0 24px;
	padding:42px 42px 46px;
	border:1px solid #f1f1f1;
	border-radius:12px;
	background:#fff;
	box-shadow:0 6px 22px rgba(24,61,53,.035);
}
.board-case-view .info-wrap .summary:first-of-type {padding-top:42px;}
.board-case-view .info-wrap .sub-text + .sub-text {margin-top:0;}
.board-case-view .info-wrap .summary:last-of-type,
.board-case-view .info-wrap .sub-text:last-of-type {border-bottom:1px solid #e3e4e1;}
.board-case-view .info-wrap .summary dt,
.board-case-view .info-wrap .sub-text dt {
	position:relative;
	margin:0 0 30px;
	padding:0 0 15px;
	border:0;
	border-bottom:2px solid #162140;
	color:#162140;
	font-size:28px;
	font-weight:700;
	line-height:1.45;
	letter-spacing:-.04em;
}
.board-case-view .info-wrap .summary dt::after,
.board-case-view .info-wrap .sub-text dt::after {
	position:absolute;
	bottom:-2px;
	left:0;
	width:34px;
	height:3px;
	content:'';
}
.board-case-view .info-wrap .summary dd,
.board-case-view .info-wrap .sub-text dd,
.board-case-view .info-wrap .sub-text dd p {
	color:#333b37;
	font-size:20px;
	line-height:1.95;
	letter-spacing:-.018em;
}
.board-case-view .info-wrap .summary dd + dd,
.board-case-view .info-wrap .sub-text dd p + p {margin-top:22px;}

@media screen and (max-width:768px) {
	.board-case-view .info-wrap .summary,
	.board-case-view .info-wrap .sub-text {margin-bottom:16px;padding:27px 22px 31px;border-radius:9px;}
	.board-case-view .info-wrap .summary:first-of-type {padding-top:27px;}
	.board-case-view .info-wrap .summary dt,
	.board-case-view .info-wrap .sub-text dt {margin-bottom:22px;padding-bottom:12px;font-size:22px;}
	.board-case-view .info-wrap .summary dd,
	.board-case-view .info-wrap .sub-text dd,
	.board-case-view .info-wrap .sub-text dd p {font-size:16px;line-height:1.85;}
	.board-case-view .info-wrap .summary dd + dd,
	.board-case-view .info-wrap .sub-text dd p + p {margin-top:16px;}
}

/* Gray background ends after the article sections. */
.board-case-view .case-content-group {
	margin-top:48px;
	margin-left:calc(50% - 50vw);
	width:100vw;
	box-sizing:border-box;
	padding:64px max(34px, calc((100vw - 1200px) / 2));
	background:#fafafa;
}
.board-case-view .case-cover-image + .case-content-group {margin-top:0;}
.board-case-view .case-content-group .summary,
.board-case-view .case-content-group .sub-text {box-shadow:0 5px 18px rgba(24,61,53,.025);}
.board-case-view .case-followup-group {
	margin-left:calc(50% - 50vw);
	width:100vw;
	box-sizing:border-box;
	padding:1px max(34px, calc((100vw - 1200px) / 2)) 64px;
	background:#fff;
}
.board-case-view .case-followup-group .case-legal-tags {margin-top:34px;padding:0; border-top:0;}
.board-case-view .case-followup-group .case-related-lawyers {
	margin-top:34px;
	border-color:#f1f1f1;
	background:#fff;
}

@media screen and (max-width:768px) {
	.board-case-view .case-content-group {margin-top:30px;padding:36px 20px;}
	.board-case-view .case-cover-image + .case-content-group {margin-top:0;}
	.board-case-view .case-followup-group {padding:1px 20px 36px;}
	.board-case-view .case-followup-group .case-legal-tags,
	.board-case-view .case-followup-group .case-related-lawyers {margin-top:22px;}
}

/* 성공사례 문장 규칙 스타일 */

.board-case-view .info-wrap .case-inline-size-20 {font-size:20px;}
.board-case-view .info-wrap .case-inline-size-22 {font-size:22px;}
.board-case-view .info-wrap .case-inline-size-24 {font-size:24px;}
.board-case-view .info-wrap .case-inline-bold {font-weight:700;}
.board-case-view .info-wrap .case-inline-underline {text-decoration:underline; text-underline-offset:4px;}
.board-case-view .info-wrap .case-inline-color-red {color:#d93025;}
.board-case-view .info-wrap .case-inline-color-blue {color:#1a4482;}
.board-case-view .info-wrap .case-inline-color-navy {color:#0f2346;}
.board-case-view .info-wrap .case-inline-color-gold {color:#b8872b;}
.board-case-view .info-wrap .case-inline-color-gray {color:#777;}
.board-case-view .info-wrap .case-inline-color-black {color:#111;}

.board-case-view .info-wrap .summary dd.case-rule-size-20,
.board-case-view .info-wrap .sub-text dd p.case-rule-size-20 {font-size:20px;}
.board-case-view .info-wrap .summary dd.case-rule-size-22,
.board-case-view .info-wrap .sub-text dd p.case-rule-size-22 {font-size:22px;}
.board-case-view .info-wrap .summary dd.case-rule-size-24,
.board-case-view .info-wrap .sub-text dd p.case-rule-size-24 {font-size:24px;}

.board-case-view .info-wrap .summary dd.case-rule-bold,
.board-case-view .info-wrap .sub-text dd p.case-rule-bold {font-weight:700;}
.board-case-view .info-wrap .summary dd.case-rule-underline,
.board-case-view .info-wrap .sub-text dd p.case-rule-underline {text-decoration:underline; text-underline-offset:4px;}

.board-case-view .info-wrap .summary dd.case-rule-color-red,
.board-case-view .info-wrap .sub-text dd p.case-rule-color-red {color:#d93025;}
.board-case-view .info-wrap .summary dd.case-rule-color-blue,
.board-case-view .info-wrap .sub-text dd p.case-rule-color-blue {color:#1a4482;}
.board-case-view .info-wrap .summary dd.case-rule-color-navy,
.board-case-view .info-wrap .sub-text dd p.case-rule-color-navy {color:#0f2346;}
.board-case-view .info-wrap .summary dd.case-rule-color-gold,
.board-case-view .info-wrap .sub-text dd p.case-rule-color-gold {color:#b8872b;}
.board-case-view .info-wrap .summary dd.case-rule-color-gray,
.board-case-view .info-wrap .sub-text dd p.case-rule-color-gray {color:#777;}
.board-case-view .info-wrap .summary dd.case-rule-color-black,
.board-case-view .info-wrap .sub-text dd p.case-rule-color-black {color:#111;}



.board-case-view .info-wrap .case-table-box {margin:18px 0; padding:0 !important; list-style:none; color:inherit; font-size:inherit; line-height:inherit;}
.board-case-view .info-wrap .case-table-scroll {width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.board-case-view .info-wrap .case-content-table {width:100%; min-width:520px; border-collapse:collapse; table-layout:fixed; border-top:2px solid #111; background:#fff;}
.board-case-view .info-wrap .case-content-table th,
.board-case-view .info-wrap .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;}
.board-case-view .info-wrap .case-content-table th {background:#f7f8fa; color:#111; font-weight:700;}


/* 본문 INDEX */
.board-case-view .info-wrap .case-index-nav {
 display:flex;
 align-items:stretch;
 gap:40px;
 margin:48px 0 56px;
 padding:34px 40px;
 border-radius:4px;
 background:#faf9f5;
}
.board-case-view .info-wrap .case-index-head {flex:0 0 150px; padding:4px 40px 4px 0; margin:0; border-right:1px solid #e3ded3;}
.board-case-view .info-wrap .case-index-head .case-eyebrow {font-size:12px; font-weight:700; letter-spacing:.24em; color:#9a9a9a;}
.board-case-view .info-wrap .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;}
.board-case-view .info-wrap .case-index-nav ol {flex:1; margin:0; padding:0; list-style:none; min-width:0;}
.board-case-view .info-wrap .case-index-nav li {margin:0; padding:0;}
.board-case-view .info-wrap .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;}
.board-case-view .info-wrap .case-index-nav li:last-child a {border-bottom:0;}
.board-case-view .info-wrap .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;}
.board-case-view .info-wrap .case-index-body {position:relative; display:flex; align-items:center; gap:9px; flex:0 1 auto; min-width:0;}
.board-case-view .info-wrap .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;}
.board-case-view .info-wrap .case-index-arrow {flex:0 0 auto; display:inline-flex; color:var(--case-ink); opacity:0; transition:opacity .2s ease, transform .2s ease;}
.board-case-view .info-wrap .case-index-arrow svg {display:block; width:16px; height:16px; stroke-width:2;}
.board-case-view .info-wrap .case-index-nav a:hover,
.board-case-view .info-wrap .case-index-nav a:focus-visible {border-bottom-color:#172b46;}
.board-case-view .info-wrap .case-index-nav a:hover .case-index-no,
.board-case-view .info-wrap .case-index-nav a:focus-visible .case-index-no {background:#172b46; border-color:#172b46; color:#fff;}
.board-case-view .info-wrap .case-index-nav a:hover .case-index-title,
.board-case-view .info-wrap .case-index-nav a:focus-visible .case-index-title {color:#172b46; margin-left:6px; font-weight:700;}
.board-case-view .info-wrap .case-index-nav a:hover .case-index-arrow,
.board-case-view .info-wrap .case-index-nav a:focus-visible .case-index-arrow {opacity:1; transform:translateX(3px);}
.board-case-view .info-wrap .case-index-nav a:focus-visible {outline:2px solid var(--case-sand); outline-offset:2px;}
@media screen and (max-width:900px) {
 .board-case-view .info-wrap .case-index-nav {flex-direction:column; gap:16px; padding:26px 24px;}
 .board-case-view .info-wrap .case-index-head {flex:none; padding:0 0 16px; border-right:0; border-bottom:1px solid #e3ded3;}
 .board-case-view .info-wrap .case-index-head h2 {font-size:22px;}
 .board-case-view .info-wrap .case-index-nav a {gap:10px; padding:9px 2px;}
 .board-case-view .info-wrap .case-index-no {width:26px; height:26px; font-size:11px;}
 .board-case-view .info-wrap .case-index-title {font-size:15px;}
}
@media (prefers-reduced-motion:reduce) {
 .board-case-view .info-wrap .case-index-no,
 .board-case-view .info-wrap .case-index-title,
 .board-case-view .info-wrap .case-index-arrow {transition:none;}
}
.board-case-view .info-wrap .case-content-anchor {
	scroll-margin-top:120px;
}

/* 기존 첫 문장 자동 아이콘은 끄고, [아이콘] 규칙이 있는 문장에만 노출 */
.board-case-view .info-wrap .sub-text dd p:first-child::before {content:none; display:none;}
.board-case-view .info-wrap .summary dd.case-rule-icon::before,
.board-case-view .info-wrap .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) {
	.board-case-view .info-wrap .case-content-anchor {
		scroll-margin-top:90px;
	}

	.board-case-view .info-wrap .case-inline-size-20 {font-size:15px;}
	.board-case-view .info-wrap .case-inline-size-22 {font-size:16px;}
	.board-case-view .info-wrap .case-inline-size-24 {font-size:17px;}
	.board-case-view .info-wrap .summary dd.case-rule-size-20,
	.board-case-view .info-wrap .sub-text dd p.case-rule-size-20 {font-size:15px;}
	.board-case-view .info-wrap .summary dd.case-rule-size-22,
	.board-case-view .info-wrap .sub-text dd p.case-rule-size-22 {font-size:16px;}
	.board-case-view .info-wrap .summary dd.case-rule-size-24,
	.board-case-view .info-wrap .sub-text dd p.case-rule-size-24 {font-size:17px;}

	.board-case-view .info-wrap .case-content-table {min-width:440px;}
	.board-case-view .info-wrap .case-content-table th,
	.board-case-view .info-wrap .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);
}
.board-case-view .info-wrap .case-article-sections > dl.case-content-anchor {
	margin:0;
	padding:0;
	border:0;
	border-radius:0;
	background:none;
	box-shadow:none;
}
.board-case-view .info-wrap .case-article-sections > .case-content-anchor + .case-content-anchor {margin-top:72px;}

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

.board-case-view .info-wrap .summary dd.case-rule-bullet,
.board-case-view .info-wrap .sub-text dd p.case-rule-bullet {
	position:relative;
	padding-left:20px;
}

/* 파란색 원형점 */
.board-case-view .info-wrap .summary dd.case-rule-bullet::before,
.board-case-view .info-wrap .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) {
	.board-case-view .info-wrap .summary dd.case-rule-bullet,
	.board-case-view .info-wrap .sub-text dd p.case-rule-bullet {
		padding-left:17px;
	}

	.board-case-view .info-wrap .summary dd.case-rule-bullet::before,
	.board-case-view .info-wrap .sub-text dd p.case-rule-bullet::before {
		left:1px;
		width:5px;
		height:5px;
	}
}