@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
/* Noto Serif KR — BookkMyungjo 폴백용 (Google Fonts 안정 CDN) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700;900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@font-face {font-family: 'GmarketSans';src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight: 500;font-style: normal;
}
@font-face {font-family: 'NotoSerifKR'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff'); font-weight: 500; font-style: normal;}

/* ─── 부크크 명조 (Bookk Myungjo) — Figma 디자인의 메인 타이틀 폰트 ───
   폰트 파일을 theme/basic/img/fonts/ 폴더에 업로드 시 자동 사용.
   파일명: Bookk-Myungjo-Bd.woff2 (또는 .woff / .ttf)
   파일이 없으면 'Noto Serif KR' Bold 가 폴백됨 (CSS font-family 체인에서). */
@font-face {
  font-family: 'BookkMyungjo';
  src: url('../img/fonts/Bookk-Myungjo-Bd.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'BookkMyungjo';
  src: url('../img/fonts/Bookk-Myungjo-Lt.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

/* 초기화 */
html {overflow-y:scroll;}
body {margin:0;padding:0;font-size:0.75em;font-family:'Pretendard Variable', serif, sans-serif;background:#fff;letter-spacing:-0.05em;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard Variable', serif, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Pretendard Variable', serif, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard Variable', serif, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {min-width:1200px}

#hd_pop,
#hd_wrapper,
#tnb,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {max-width:1200px;width: 100%;}

/*251001 팝업 수정*/
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

@media (max-width:768px) {
	.hd_pops {
		top: 10px !important;
		left: 10px !important;
		right: 10px !important;
		width: fit-content;
	}
	.hd_pops_con {
	width: 100% !important;
		height: auto !important;
	}
	.hd_pops_con > * {
		font-size: 0;
	}
}
/*//251001 팝업 수정*/

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .cert_btn {margin-bottom:30px;text-align:center}
.new_win .btn_close {padding:0 20px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-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)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {display:flex !important; justify-content:center !important; padding-top:68px !important;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}
/* 페이징 반응형 */
@media (max-width:768px) {
	.pg_wrap {padding-top:10.2857vw !important;}
}
/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}


/* code&thing */

/* header */
#header {position:fixed;top:0;left:0;z-index:999;display:flex;align-items:center;height:149px;background-color:transparent; transition: background-color 0.2s;}
#header.scroll {background-color:#fff;}
#header.scroll .phone_ask_box .icon_box .icon_call_b {display:block;}
#header.scroll .logo_box > a .logo_pc_b {display:block;}
#header.scroll .phone_ask_box .icon_box .icon_call_w {display:none;}
#header.scroll .logo_box > a .logo_pc_w {display:none;}
#header.scroll .gnb > li > a {color:#1e1e1e;}
#header.scroll .phone_ask_box {color:#1e1e1e; border:2px solid #1e1e1e;}
#header.scroll .btn_ham .btn_ham_b {display: block;}
#header.scroll .btn_ham .btn_ham_w {display: none;}
#header .header_sub_bg {width:100%;height:240px;background-color:#11122a;position:absolute;top:100%;transform-origin:top;transform:scaleY(0);transition:0.2s;}
#header:hover .header_sub_bg {transform:scaleY(1);}
#header .inner_1580 {max-width:1580px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
#header .logo_box > a {display:block;height:41px;}
#header .logo_box > a .logo_pc_b {display:none;}
#header .logo_box > a > img {height:100%;}
#header .gnb {display:flex;justify-content:space-between;align-items:center;}
#header .gnb > li { position:relative;}
#header .gnb > li > a {display:flex;align-items:center;justify-content:center;width:158px;height:149px;font-size:21px;font-weight:600;letter-spacing:-0.06em;color:#fff;transition:0.2s;position:relative;}
#header .gnb > li > a:hover {font-weight: 700;}
#header .gnb > li > a:after {content:'';width:0; height:7px; background-color:#a8a8a8;position:absolute;bottom:0; left:50%;transform:translateX(-50%);transition:0.2s;}
#header .gnb > li > a:hover:after { width:100%; }
#header .gnb > li .gnb_sub {width:100%;position:absolute;top: 100%;left:50%;transform:translateX(-50%)scaleY(0);transform-origin:top;opacity:0;transition:0.2s;z-index:1;}
#header .gnb > li .gnb_sub > li > a {display:flex;align-items:center;justify-content:center;height:80px;font-size: 21px;font-weight: 600;letter-spacing:-0.06em;color:#fff; transition: opacity 0.2s;}
#header .gnb > li .gnb_sub > li > a:hover {opacity:0.5;}
/* 호버된 항목만 서브 열기 (이전엔 #header:hover 로 모든 서브가 열렸음) */
#header .gnb > li:hover .gnb_sub {transform: translateX(-50%) scaleY(1); opacity: 1;}
#header .phone_ask_box {display:flex;align-items:center;font-size:21px;font-weight:600;color:#fff;letter-spacing:-0.06em;padding:12px 10px;border:2px solid #fff;border-radius:1000px;}
#header .phone_ask_box .icon_box {height:18px;margin-right:6px;display:flex;align-items:center;}
#header .phone_ask_box .icon_box > img {height:100%;}
#header .phone_ask_box .icon_box .icon_call_b {display:none;}
#header .btn_ham {display: none;}
#header .btn_ham .btn_ham_b {display:none;}
@media (max-width: 1580px) {
	#header .inner_1580 {padding:0 32px;}
}
@media (max-width: 1500px) {
	#header .inner_1580 {padding:0 32px;}
	#header .gnb > li > a {width: 138px;}
}
@media (max-width: 1400px) {
	#header .logo_box > a {height: 32px;}
	#header .gnb > li > a {width: 118px;font-size: 19px;}
	#header .phone_ask_box {font-size: 19px;}
}
@media (max-width: 1220px) {
	#header .gnb {margin-left:auto;}
}
@media (max-width: 1200px) {
	#header .header_sub_bg {display:none;}
  #header .gnb {display:none; }
	#header .phone_ask_box {display:none;}
  #header .btn_ham {display: block;}
}
@media (max-width: 768px) {
	#header .inner_1580 {padding: 0 5.8571vw;}
	#header .logo_box > a {height:5.8571vw;}
	#header {height:14.2857vw;}
}
/* @media (max-width: 580px) {
	#header {height:100px;}
	#header .logo_box > a {height: 32px;}
	#header .inner_1580 {padding:0 16px;}
} */
.mobile_menu { position: fixed; top: 0; right: 0; width: 59.5714vw; height: 100%; background: rgba(0, 0, 0, 0.95); z-index: 1000; transform: translateX(100%); transition: 0.2s; }
.mobile_menu.active { transform: translate(0); }
.mobile_menu .inner_mobile { padding: 4.8571vw 5.8571vw; height: 100%; overflow-y: auto; }
.mobile_menu .mobile_top {display: flex; flex-direction:column; align-items:center; }
.mobile_menu .mobile_top .logo_mobile {margin-top: 1vw;}
.mobile_menu .mobile_top .logo_mobile > a { display: block; height:4.5714vw;}
.mobile_menu .mobile_top .logo_mobile > a > img { height: 100%;}
.mobile_top .btn_ham_close {margin-left:auto;}
#header .btn_ham, .mobile_menu .mobile_top .btn_ham_close { height: 4.1428vw; }
#header .btn_ham > img, .mobile_menu .mobile_top .btn_ham_close > img { height: 100%;}
.mobile_menu .mobile_gnb {margin-top: 7.7142vw;}
.mobile_menu .mobile_gnb > li {font-size:3.7142vw; font-weight: 500; letter-spacing:-0.02em; color:#fff; border-bottom:1px solid #a8a8a8;}
.mobile_menu .mobile_gnb > li .mobile_gnb_main {margin-bottom:4vw;}
.mobile_menu .mobile_gnb > li + li {margin-top: 4vw;}
.mobile_menu .mobile_gnb > li > a { display: block; font-size: 2.5714vw; color: #fff; padding: 16px 32px;}
.mobile_menu .mobile_gnb > li .mobile_sub_wrap { display: none; padding:2.1428vw 0; border-top:1px solid #a8a8a8; margin-top:3.8571vw;}
.mobile_menu .mobile_gnb > li .mobile_sub {background-color: #3d3d3d;}
.mobile_menu .mobile_gnb > li .mobile_sub li a { display: block; font-size:3vw; color:#fff; font-weight: 500;line-height:6.2857vw; letter-spacing:-0.02em;padding-left:12px}
@media (min-width:769px) and (max-width:1200px) {
#header {height:100px;}
#header .btn_ham, .mobile_menu .mobile_top .btn_ham_close {height: 21px;}
.mobile_menu {width:40%;}
.mobile_menu .inner_mobile {padding: 34px 32px;}
.mobile_menu .mobile_gnb {margin-top: 64px;}
.mobile_menu .mobile_top .logo_mobile > a {height: 32px;}
.mobile_menu .mobile_gnb > li + li {margin-top: 21px;}
.mobile_menu .mobile_gnb > li .mobile_gnb_main {font-size: 24px; margin-bottom:21px;}
.mobile_menu .mobile_gnb > li .mobile_sub_wrap {padding:21px 0; margin-top:21px;}
.mobile_menu .mobile_gnb > li .mobile_sub li a {font-size: 21px; line-height:3;}
}

/* bk_tab_black */												  
.bk_tab_menu_list_black {display:flex;justify-content:center;align-items:center;margin-top: 70px;}
.bk_tab_menu_list_black > li {min-width:160px;height:42px;margin-left: -1px;background-color:#fff;display:flex;justify-content:center;align-items:center;border:1px solid #d8d8d8;font-size: 19px;font-weight: 500;color:#151516;letter-spacing:-0.02em;cursor:pointer;}
.bk_tab_menu_list_black > li.active {background-color:#151516;border:1px solid #151516;color:#fff;}
.bk_tab_menu_list_black > li > a {color: inherit; display:flex; align-items:center; justify-content:center; height: 100%; width:100%;}
.bk_tab_menu_list_black > li > a#bo_cate_on {background-color:#151516;border:1px solid #151516;color:#fff;}
.bk_tab_cont_list_black {width:100%; margin-top: 65px; display:flex; flex-direction:column;}		
.bk_tab_cont_list_black > li {width:100%; padding: 30px 32px; display:none;}
.bk_tab_cont_list_black > li .bk_tab_item_list_black {display:flex;flex-wrap:wrap; margin: -30px -16px 0;}
.bk_tab_cont_list_black > li .bk_tab_item_list_black > li {width: 20%; margin-top:30px; padding:0 8px;}
.bk_tab_cont_list_black > li .bk_tab_item_list_black > li > a {width:100%;height:75px;background-color:#fff;display:flex;justify-content:center;align-items:center;padding: 0 6px;text-align:center;border-radius:10px;border:1px solid #d8d8d8;font-size: 21px;font-weight: 500;line-height:19px;color:#888888;transition:0.2s; word-break:keep-all;line-height:1.4;}
.bk_tab_cont_list_black > li .bk_tab_item_list_black > li > a:hover {background-color:#151516;border:1px solid #151516;color:#fff}
.bk_tab_cont_list_black > li.active {display:block;}

/* bk_tab_black 반응형 */
@media (max-width:768px) {
.bk_tab_menu_list_black > li {min-width:30.8571vw; height:8.2857vw; font-size: 3vw;}
.bk_tab_menu_list_black {margin-top: 9.1428vw !important;}
.bk_tab_cont_list_black > li {padding:4.2857vw 4.5714vw;}
.bk_tab_cont_list_black > li .bk_tab_item_list_black > li > a {padding: 0 2.2857vw; font-size: 3.1428vw; font-weight:500; line-height:1.4; height:10.7142vw; border-radius:1.4285vw;}
}

/* main_common */
#main {overflow-x: hidden;}
.section_6_btn.swiper-button-prev,.section_6_btn.swiper-button-next {position: static;margin:0;}
.swiper-button-prev:after, .swiper-button-next:after {display: none;}
#main .inner_1270 {max-width:1270px;width:100%;margin:0 auto;}
#main .inner_1300 {max-width:1300px;width:100%;margin:0 auto;}
#main .inner_1440 {max-width:1440px;width:100%;margin:0 auto;}
#main .inner_1460 {max-width:1460px;width:100%;margin:0 auto;}
#main .inner_1600 {max-width:1600px;width:100%;margin:0 auto;}

/* main_common 반응형 */
@media (max-width:1660px) {
	#main .inner_1600 {padding: 0 32px;}
	#main .inner_1440 {padding: 0 32px;}
}
@media (max-width:1440px) {
	#main .inner_1440 {padding: 0 32px;}
}
@media (max-width:1300px) {
	#main .inner_1300 {padding: 0 32px;}
}
@media (max-width:1270px) {
	#main .inner_1270 {padding: 0 32px;}
}
@media (max-width:768px) {
	#main .inner_1270, #main .inner_1300, #main .inner_1440, #main .inner_1460, #main .inner_1600 {padding:0 32px;}
}
/* @media (max-width:580px) {
	#main .inner_1270, #main .inner_1300, #main .inner_1440, #main .inner_1460, #main .inner_1600 {padding:0 16px;}
}
 */
/* main_section_1 */
#main #section_1 {background-image:url('/theme/basic/img/main_hero_section_bg_2.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;padding:180px 0 80px;}
#main #section_1 .section_1_cont_wrap {display:flex;justify-content:space-between;align-items:center;}
#main #section_1 .cont_left .cont_left_title {font-size: 67px;color:#fff;line-height:76px;letter-spacing:-0.02em;word-break:keep-all;}
#main #section_1 .cont_left .cont_left_title .big_w {font-weight: 600;}
#main #section_1 .cont_left .cont_left_desc {font-size: 27px;line-height:40px;color:#fff;margin-top: 43px;word-break:keep-all;}
#main #section_1 .cont_left .cont_left_info_list {margin-top: 58px;display:flex;gap:14px;}
#main #section_1 .cont_left .cont_left_info_list > li {width:198px;padding:0 36px 41px;display:flex;flex-direction:column;align-items:flex-start;border:2px solid #fff;}
#main #section_1 .cont_left .cont_left_info_list > li .info_list_title {font-size: 21px;color:#fff;letter-spacing:-0.02em;line-height:84px;}
#main #section_1 .cont_left .cont_left_info_list > li .info_list_desc {font-size: 14px;color:#fff;letter-spacing:-0.02em;line-height:21px;}
#main #section_1 .cont_right {display:flex;flex-direction:column;}
#main #section_1 .cont_right .center_list {display:flex;flex-direction:column;align-items:flex-start;}
#main #section_1 .cont_right .center_list > li {width: 343px;}
#main #section_1 .cont_right .center_list > li > a .center_box {padding:40px;position:relative;}
#main #section_1 .cont_right .center_list > li > a .center_box .icon_box {height: 22px;position:absolute;top:28px;right:28px;}
#main #section_1 .cont_right .center_list > li > a .center_box .icon_box > img {height:100%;}
#main #section_1 .cont_right .center_list > li > a .center_box .center_title {font-size: 26px;font-weight: 700;color:#fff;line-height:28px;letter-spacing:-0.02em;}
#main #section_1 .cont_right .center_list > li > a .center_box .center_desc {font-size: 14px;color:#fff;line-height:18px;letter-spacing:-0.02em;margin-top: 25px;word-break:keep-all;}
#main #section_1 .cont_right .center_list > li > a .center_box .center_goto {width:fit-content;padding:0 22px;border: 1px solid #fff;border-radius:100px;font-size: 13px;line-height:20px;color:#fff;letter-spacing:-0.02em;margin-top: 23px;}
#main #section_1 .cont_right .center_list > li > a .center_detective {background-color: #282c2f;}
#main #section_1 .cont_right .center_list > li > a .center_divorce {background-color: #282c2f; border-top:1px solid #555; border-bottom: 1px solid #555;}
#main #section_1 .cont_right .center_list > li > a .center_civil {background-color: #282c2f;}

/* main_section_1 반응형 */
@media (max-width:1200px){
	#main #section_1 .section_1_cont_wrap {flex-direction: column;}
	#main #section_1 .cont_right {width:100%;}
	#main #section_1 .cont_left {width: 100%;}
	#main #section_1 .cont_left .cont_left_info_list {width:100%; margin-bottom:58px;}
	#main #section_1 .cont_left .cont_left_info_list > li {width:calc((100% - 32px) / 3);}
	#main #section_1 .cont_right .center_list > li {width:100%;}
}
@media (max-width:768px) {
	#main .inner_1600 {padding: 0;}
	#main #section_1 {background-image:none;padding:0;}
	#main #section_1 .section_1_cont_wrap {padding:0;}
	#main #section_1 .cont_left {display:flex; flex-direction:column; justify-content:flex-end; height:100vh; padding:28.5714vw 6.4285vw 120px; background-image:url('/theme/basic/img/main_hero_section_bg_mo_2.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover;}
	#main #section_1 .cont_left .cont_left_title {font-size: 9vw; line-height:11.2857vw; letter-spacing:-0.05em;}
	#main #section_1 .cont_left .cont_left_desc {font-size: 4vw; line-height:7.1428vw; margin-top: 5.7142vw;}
	#main #section_1 .cont_left .cont_left_info_list {display: none;}
	#main #section_1 .cont_right {display:none;}
	#main #section_1 .cont_right .center_list > li > a .center_box {padding:7.1428vw 6.4285vw;}
	#main #section_1 .cont_right .center_list > li > a .center_box .icon_box {height: 3.8571vw;position:absolute;top:6.5714vw;right:6.5714vw;}
	#main #section_1 .cont_right .center_list > li > a .center_box .center_title {font-size: 4.4285vw;}
	#main #section_1 .cont_right .center_list > li > a .center_box .center_desc {font-size: 3.2857vw;color:#fff;margin-top: 3.1428vw;line-height:4vw;}
	#main #section_1 .cont_right .center_list > li > a .center_box .center_desc > br {display: none;}
	#main #section_1 .cont_right .center_list > li > a .center_box .center_goto {padding:1vw 4.2857vw;font-size: 2.4285vw;line-height:3.5714vw;}
	#main #section_1 .cont_right .center_list > li > a .center_divorce {border:none;}
}
@media (max-width:580px) {
	#main #section_1 .cont_left {padding:28.5714vw 6.4285vw 240px;}
}
/* @media (max-width:630px) {
	#main #section_1 .cont_left .cont_left_title {font-size: 57px;}
	#main #section_1 .cont_left .cont_left_desc {font-size: 27px;}
} */
/* @media (max-width:580px) {
	#main #section_1 .cont_left {padding:60px 16px;}
	#main #section_1 .cont_left .cont_left_title {font-size: 38px;line-height:1.4;}
	#main #section_1 .cont_left .cont_left_desc {font-size: 21px;line-height:1.4;}
	#main #section_1 .cont_right .center_list > li > a .center_box {padding:32px 16px;}
	#main #section_1 .cont_right .center_list > li > a .center_box .center_title {font-size: 21px;}
	#main #section_1 .cont_right .center_list > li > a .center_box .center_desc {font-size: 16px;line-height:1.4;}
	#main #section_1 .cont_right .center_list > li > a .center_box .center_goto {font-size: 14px;}
	#main #section_1 .cont_right .center_list > li > a .center_box .icon_box {height:18px;top:32px;right:16px;}
} */

/* main_section_2 */
#main #section_2 {padding: 106px 0;}
#main #section_2 .inner_1300 {display:flex;flex-direction:column;align-items:center;}
#main #section_2 .section_2_badge {font-family:'GmarketSans',serif;font-size: 16px;color:#555555;letter-spacing:-0.02em;}
#main #section_2 .section_2_title {font-size: 32px;font-weight: 500;color:#151516;letter-spacing:-0.02em;margin-top: 20px;}
#main #section_2 .bk_tab_menu_list_black {margin-top:43px;}
#main #section_2 .bk_tab_cont_list_black {background-color:#f7f7f7;border:1px solid #d8d8d8; margin-top:25px;}									  

/* main_section_2 반응형 */
@media (max-width:1200px) {
	#main #section_2 .bk_tab_cont_list_black > li .bk_tab_item_list_black > li {width:25%;}
}
@media (max-width:768px) {
	#main #section_2 {padding: 14.2857vw 0 13.1428vw;}
	#main #section_2 .inner_1300 {padding:0 10.5714vw;}
	#main #section_2 .section_2_badge {font-size: 2.5714vw;}
	#main #section_2 .section_2_title {font-size:6vw; margin-top: 4vw;}
	#main #section_2 .bk_tab_cont_list_black > li .bk_tab_item_list_black {margin: -2.2857vw -2.2857vw 0;}
	#main #section_2 .bk_tab_cont_list_black > li .bk_tab_item_list_black > li {width:50%; margin-top:2.2857vw; padding:0 1.1428vw;}
}
/* @media (max-width:580px) {
	#main #section_2 .section_2_title {font-size: 36px;}
	#main #section_2 .bk_tab_menu_list_black > li {min-width:96px;}
	#main #section_2 .bk_tab_cont_list_black {padding: 32px 16px;}
	#main #section_2 .bk_tab_cont_list_black > li .bk_tab_item_list_black > li {width: calc((100% - 16px) / 2);}
	#main #section_2 .bk_tab_cont_list_black > li .bk_tab_item_list_black > li > a {height: 52px;padding-left:0;justify-content:center;font-size: 18px;}
} */

/* main_section_3 */
#main #section_3 {background-color:#f3f3f3;}
#main #section_3 .section_3_badge {font-family:'GmarketSans',serif;font-size: 16px;color:#555555;letter-spacing:-0.02em;text-align: center;}
#main #section_3 .section_3_title {font-size: 32px;font-weight: 600;color:#000;line-height:36px;margin-top: 18px;text-align: center;}
#main #section_3 .section_3_tab_menu_list {display:flex;margin-top: 43px;justify-content:center;}
#main #section_3 .section_3_tab_menu_list > li {min-width:200px;height:53px; margin-left: -1px; background-color:#fff;display:flex;justify-content:center;align-items:center;line-height:30px;border:1px solid #c7c7c7;font-size: 19px;font-weight: 600;color:#4c4b4b;cursor:pointer;}
#main #section_3 .section_3_tab_menu_list > li.active {font-weight: 800;color:#d77400;}
#main #section_3 .section_3_wrap {position: relative;width: 100%;margin-top: 25px;}
#main #section_3 .section_3_swp {width: 100%;margin-top: 25px;position:static;}
#main #section_3 .section_3_swp .swiper-slide > a {padding:49px;background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition: background-color 0.3s;}
#main #section_3 .section_3_swp .swiper-slide:hover > a {background-color:#282c2f;}
#main #section_3 .section_3_swp .swiper-slide > a .swp_title {font-size: 25px;font-weight: 600;line-height:32px;color:#4c4b4b; transition: 0.3s;}
#main #section_3 .section_3_swp .swiper-slide > a .swp_desc {font-size: 20px;line-height:32px;letter-spacing:-0.06em;color:#444;word-break:keep-all;margin-top: 25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; transition: 0.3s;}
#main #section_3 .section_3_swp .swiper-slide > a .swp_info {font-size: 14px;line-height:21px;color:#4c4b4b;margin-top: 25px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; transition: 0.3s;}
#main #section_3 .section_3_swp .swiper-slide:hover > a .swp_title,
#main #section_3 .section_3_swp .swiper-slide:hover > a .swp_desc,
#main #section_3 .section_3_swp .swiper-slide:hover > a .swp_info {color:#fff;}
#main #section_3 .section_3_swp .swiper-slide > a .swp_result {width:100%; font-size: 15px;font-weight: 600;line-height:25px;color:#aeaeae;border-collapse: collapse;margin-top: 22px;}
#main #section_3 .section_3_swp .swiper-slide > a .swp_result > thead > tr > th {background-color: #282c2f;width: 155px;height: 50px;border:1px solid #aeaeae;text-align:center;}
#main #section_3 .section_3_swp .swiper-slide > a .swp_result td {width: 140px;height: 45px;border:1px solid #aeaeae;text-align:center; color:#4c4b4b;}
#main #section_3 .section_3_swp .swiper-slide > a .swp_result > tbody > tr {background:#fff;}
#main #section_3 .section_3_swp .swiper-slide > a .swp_result > tbody > tr .j_result {color: #f4720a;}
#main #section_3 .section_3_swp .swiper-slide > a .btn_more {display:inline-block; font-family:'GmarketSans',serif;font-size: 16px;line-height:32px;letter-spacing:-0.02em;color:#fff;padding:0 12px;border-radius:100px;background-color:#c3842a;margin-top: 34px;}
#main #section_3 .section_3_swp_btn {position:absolute;top:66%;transform:translateY(-50%);z-index:10;height: 49px;}
#main #section_3 .section_3_swp_btn > img {height:100%;}
#main #section_3 .section_3_detective_btn_prev,#main #section_3 .section_3_divorce_btn_prev,#main #section_3 .section_3_civil_btn_prev {left: -58px;}
#main #section_3 .section_3_detective_btn_next,#main #section_3 .section_3_divorce_btn_next,#main #section_3 .section_3_civil_btn_next {right: -58px;}
#main #section_3 .section_3_swp {display:none;}
#main #section_3 .section_3_swp.active {display:block;}

/* main_section_3 반응형 */
@media (max-width:1440px) {
#main #section_3 .section_3_detective_btn_prev, #main #section_3 .section_3_divorce_btn_prev, #main #section_3 .section_3_civil_btn_prev {left:28px;}
#main #section_3 .section_3_detective_btn_next, #main #section_3 .section_3_divorce_btn_next, #main #section_3 .section_3_civil_btn_next {right:28px;}
}
@media (max-width:1200px) {
	#main #section_3 .section_3_swp_btn {display: none !important;}
}
@media (max-width:768px) {
	#main #section_3 {padding:13.1428vw 0}
	#main #section_3 .inner_1270 {padding:0;}
	#main #section_3 .section_3_badge {font-size:2.5714vw;}
	#main #section_3 .section_3_title {font-size:6vw; margin-top: 4vw;}
	#main #section_3 .section_3_tab_menu_list {width:100%;margin-left:1px; margin-top: 9.1428vw;}
	#main #section_3 .section_3_tab_menu_list > li {min-width:30.8571vw; height:8.2857vw; font-size: 3vw;}
	#main #section_3 .section_3_swp {padding-left:16px; margin-top: 6.7142vw;}
	#main #section_3 .section_3_swp .swiper-slide > a {padding: 8vw 6vw 5.4285vw;}
	#main #section_3 .section_3_swp .swiper-slide > a .swp_title {font-size: 4.5714vw; line-height:1;}
	#main #section_3 .section_3_swp .swiper-slide > a .swp_desc {font-size: 3.5714vw; margin-top: 3.7142vw; line-height:5.8571vw;}
	#main #section_3 .section_3_swp .swiper-slide > a .swp_info {font-size: 2.7142vw; margin-top: 3.4285vw; line-height:3.8571vw;}
	#main #section_3 .section_3_swp .swiper-slide > a .swp_result > thead > tr > th {width:22.1428vw; height:7.1428vw;}
	#main #section_3 .section_3_swp .swiper-slide > a .swp_result td {width:22.1428vw; height:7.1428vw;}
	#main #section_3 .section_3_swp .swiper-slide > a .swp_result {font-size: 2.8571vw;}
	#main #section_3 .section_3_swp .swiper-slide > a .btn_more {height:4.2857vw; font-size: 2.5714vw; padding:0 1.7142vw; line-height:4.5714vw; margin-top: 5.1428vw;}
}
/* @media (max-width:580px) {
	#main #section_3 .section_3_title {font-size: 28px;}
	#main #section_3 .section_3_tab_menu_list > li {font-size: 18px;}
	#main #section_3 .section_3_swp {padding:0;}
	#main #section_3 .section_3_swp .swiper-slide {padding: 16px;}
	#main #section_3 .section_3_swp .swiper-slide .swp_title {font-size: 28px;}
	#main #section_3 .section_3_swp .swiper-slide .swp_desc {font-size: 21px; margin-top: 32px;}
	#main #section_3 .section_3_swp .swiper-slide .swp_info {font-size: 16px;margin-top: 16px;}
	#main #section_3 .section_3_swp .swiper-slide .swp_result {font-size: 18px;margin-top: 32px;}
	#main #section_3 .section_3_swp .swiper-slide .btn_more {font-size: 16px;margin-top: 32px;}
} */

/* section_4 */
#section_4 {width:100%; padding:250px 0 226px; background-image:url('../img/section_4_bg.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover;}
#section_4 .inner_1260 {max-width:1260px; width:100%; margin:0 auto;} 
#section_4 .title_box .title {font-size:42px; color:#40342f; font-weight:700; letter-spacing:-0.05em; text-align:center;}
#section_4 .title_box .title .point {color:#836448;}
#section_4 .title_box .info {font-size:38px; color:#40342f; font-weight:400; letter-spacing:-0.05em; margin-top:8px; text-align:center;}
#section_4 .lawyer_list_wrap {width:100%; display:flex; justify-content:space-between; margin-top:140px;}
#section_4 .lawyer_list {width:calc((100% - 26px)/2);} 
#section_4 .lawyer_list > li .lawyer_info_box .top_cont {height:300px; background-color:#212020; position:relative; border-top:5px solid #b4997d;}
#section_4 .lawyer_list > li .lawyer_info_box .top_cont .badge {display:block; font-size:16px; color:#848484; font-weight:300; letter-spacing:0.6em; padding:26px 0 0 50px;}
#section_4 .lawyer_list > li .lawyer_info_box .top_cont .name_box {width:200px; height:130px; background-color:#b4997d; display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; left:50px; bottom:0;}
#section_4 .lawyer_list > li .lawyer_info_box .top_cont .name_box .title {font-size:33px; color:#fff; font-weight:700; letter-spacing:-0.02em;}
#section_4 .lawyer_list > li .lawyer_info_box .top_cont .name_box .info {font-size:21px; color:#fff; font-weight:700; letter-spacing:-0.02em;}
#section_4 .lawyer_list > li .lawyer_info_box .top_cont .pic_box {position:absolute; right:6px; bottom:0;}
#section_4 .lawyer_list > li .lawyer_info_box .top_cont .pic_box > img {display:block; height:390px; object-fit:cover;}
#section_4 .lawyer_list > li .lawyer_info_box .bot_cont {display:flex; justify-content:space-between; gap:32px; align-items:flex-start; padding:42px 46px;}
#section_4 .lawyer_list > li .lawyer_info_box .bot_cont .history_list {width:50%;}
#section_4 .lawyer_list > li .lawyer_info_box .bot_cont .history_list > li {font-size:18px; color:#40342f; font-weight:400; letter-spacing:-0.05em; position:relative; line-height:1.4; word-break:keep-all;}
#section_4 .lawyer_list > li .lawyer_info_box .bot_cont .history_list > li:after {content:""; width:6px; height:6px; border-radius:10px; background-color:#6f5c49; position:absolute; top:7px; left:-12px;}
#section_4 .lawyer_list > li .lawyer_info_box .bot_cont .history_list > li + li {margin-top:21px;}
@media(max-width:1304px) {
	#section_4 .inner_1260 {padding:0 32px;}
	#section_4 .lawyer_list > li .lawyer_info_box .top_cont .badge {font-size:14px; letter-spacing:0.5em; padding:12px 0 0 21px;}
	#section_4 .lawyer_list > li .lawyer_info_box .top_cont .name_box {left:21px;}
}
@media(max-width:1200px){
	#section_4 .lawyer_list > li .lawyer_info_box .top_cont {height:260px;}
	#section_4 .lawyer_list > li .lawyer_info_box .top_cont .pic_box > img {height:300px;}
	#section_4 .lawyer_list > li .lawyer_info_box .bot_cont .history_list > li .br_pc {display:none;}
}
@media(max-width:1024px){
	#section_4 .lawyer_list > li .lawyer_info_box .bot_cont {gap:12px; padding:21px 23px;}
	#section_4 .lawyer_list > li .lawyer_info_box .bot_cont .history_list > li {font-size:16px;}
	#section_4 .lawyer_list > li .lawyer_info_box .bot_cont .history_list > li + li {margin-top:18px;}
	#section_4 .lawyer_list > li .lawyer_info_box .bot_cont .history_list > li:after {width:3px; height:3px; top:6px; left:-6px;}
	#section_4 .lawyer_list_wrap {flex-direction:column;}
	#section_4 .lawyer_list {width:100%;}
}
@media(max-width:768px){
#section_4 .inner_1260 {padding:0 6px;}
#section_4 {padding:50px 0; background-image:url('../img/section_4_bg_mo.jpg');}
#section_4 .title_box .title {font-size:24px;}
#section_4 .title_box .info {font-size:18px;}
#section_4 .lawyer_list_wrap {gap:75px; margin-top:70px;}
#section_4 .lawyer_list > li .lawyer_info_box .top_cont .badge {font-size:12px; letter-spacing:0.3em;}
#section_4 .lawyer_list > li .lawyer_info_box .top_cont {height:180px;}
#section_4 .lawyer_list > li .lawyer_info_box .top_cont .pic_box > img {height:220px;}
#section_4 .lawyer_list > li .lawyer_info_box .top_cont .name_box {width:130px; height:80px;}
#section_4 .lawyer_list > li .lawyer_info_box .top_cont .name_box .title {font-size:21px;}
#section_4 .lawyer_list > li .lawyer_info_box .top_cont .name_box .info {font-size:12px; margin-top:6px;}
#section_4 .lawyer_list > li .lawyer_info_box .bot_cont {padding: 20px 16px;}
#section_4 .lawyer_list > li .lawyer_info_box .bot_cont .history_list > li {font-size:12px;}
#section_4 .lawyer_list > li .lawyer_info_box .bot_cont .history_list > li + li {margin-top:8px;}
}

/* main_section_4(삭제) */
/*
#main #section_4 {padding: 160px 0;}
#main #section_4 .cont_wrap {width:100%;display:flex;justify-content:space-between;align-items:center;}
#main #section_4 .text_box {font-family:'GmarketSans',serif;display:flex;flex-direction:column;align-items:flex-start;}
#main #section_4 .text_box .section_4_title {font-size: 71px;font-weight: 700;line-height:92px;letter-spacing:-0.02em;}
#main #section_4 .text_box .section_4_title .impact {color:#e46600;}
#main #section_4 .text_box .section_4_desc {font-size: 26px;line-height:39px;color:#1b1b1b;margin-top: 58px;word-break:keep-all;}
#main #section_4 .lawyer_list {display:flex;justify-content:center;align-items:flex-start;gap:34px;}
#main #section_4 .lawyer_list > li > a {display:flex;flex-direction:column;align-items:flex-start;}
#main #section_4 .lawyer_list > li > a .img_box {width:462px;position:relative;}
#main #section_4 .lawyer_list > li > a .img_box .lawyer {height: 361px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
#main #section_4 .lawyer_list > li > a .img_box .section_4_bg {width: 100%;height:302px;background-image:url('../img/section_4_bg.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;transition:0.2s;}
#main #section_4 .lawyer_list > li > a:hover .img_box .section_4_bg {background-image:url('../img/section_4_bg_hover.jpg')}
#main #section_4 .lawyer_list > li > a .info_box {width:100%;display:flex;justify-content:space-between;align-items:center;padding:38px 5px;}
#main #section_4 .lawyer_list > li > a .info_box .info_name_wrap {display:flex;justify-content:center;align-items:center;}
#main #section_4 .lawyer_list > li > a .info_badge {font-size: 21px;line-height:29px;color:#1b1b1b;}
#main #section_4 .lawyer_list > li > a .info_name {font-size: 29px;font-weight: 600;line-height:29px;color:#1b1b1b;margin-left:16px;}
#main #section_4 .lawyer_list > li > a .btn_more {font-family:'GmarketSans',serif;font-weight: 700;font-size: 11px;line-height:17px;color:#1b1b1b;transition:0.2s;display:flex;align-items:center;}
#main #section_4 .lawyer_list > li > a:hover .btn_more {color:#e46600;}
#main #section_4 .lawyer_list > li > a .btn_more .icon_box {width:20px;height: 13px;background-image: url('../img/icon_more_arrow.png');background-repeat: no-repeat;background-size: contain;background-position: center;transform: translateY(-3px);margin-left: 5px;transition:0.2s;}
#main #section_4 .lawyer_list > li > a .btn_more .icon_box > img {height: 100%;}
#main #section_4 .lawyer_list > li > a:hover .btn_more .icon_box {background-image: url('../img/icon_more_arrow_hover.png');}
*/

/* main_section_4 반응형(삭제) */
/*
@media (max-width:1460px) {
	#main #section_4 .inner_1460 {padding:0 56px;}
	#main #section_4 .lawyer_list > li > a .img_box {width: 417px;}
}
@media (max-width:1420px) {
	#main #section_4 .lawyer_list {gap:14px;}
}
@media (max-width:1400px) {
	#main #section_4 .lawyer_list > li > a .img_box {width: 372px;}
}
@media (max-width:1300px) {
	#main #section_4 .lawyer_list > li > a .img_box {width: 327px;}	
}
@media (max-width:1200px) {
	#main #section_4 .cont_wrap {flex-direction:column;align-items:flex-start;}
	#main #section_4 .text_box .section_4_title {font-size: 55px;}
	#main #section_4 .text_box .section_4_title > br {display: none;}
	#main #section_4 .text_box .section_4_desc {margin-top: 0;}
	#main #section_4 .text_box .section_4_desc > br {display: none;}
	#main #section_4 .lawyer_list {width:100%;margin-top: 99px;}
	#main #section_4 .lawyer_list > li {width:50%;}
	#main #section_4 .lawyer_list > li > a .img_box {width: 100%;}
}
@media (max-width:768px) {
	#main #section_4 {padding:17.1428vw 0 14.2857vw;}
	#main #section_4 .inner_1460 {padding:0 8.7142vw;}
	#main #section_4 .text_box .section_4_title {font-size:8.7142vw; line-height:1;}
	#main #section_4 .text_box .section_4_desc {font-size:4.1428vw;}
	#main #section_4 .lawyer_list {flex-direction:column; margin-top:16.1428vw; gap:18.5714vw;}
	#main #section_4 .lawyer_list > li {width:100%;}
	#main #section_4 .lawyer_list > li > a .img_box .lawyer {height: 58.8571vw;}
	#main #section_4 .lawyer_list > li > a .img_box .section_4_bg {height:47.8571vw;}
	#main #section_4 .lawyer_list > li > a .info_box {padding: 4.8571vw 0;}
	#main #section_4 .lawyer_list > li > a .info_badge {font-size: 3.2857vw;}
	#main #section_4 .lawyer_list > li > a .info_name {font-size: 4.4285vw;}
	#main #section_4 .lawyer_list > li > a .btn_more {font-size: 2vw;}
}
*/
/* @media (max-width:580px) {
	#main #section_4 .inner_1460 {padding: 0 16px;}
	#main #section_4 .text_box .section_4_title {font-size: 36px;}
	#main #section_4 .text_box .section_4_desc {font-size: 22px;}
	#main #section_4 .lawyer_list > li > a .info_box {padding:16px 5px;}
	#main #section_4 .lawyer_list > li > a .info_badge {font-size: 21px;}
	#main #section_4 .lawyer_list > li > a .info_name {font-size: 24px;}
	#main #section_4 .lawyer_list > li > a .btn_more {font-size: 12px;}
	#main #section_4 .lawyer_list > li > a .btn_more .icon_box {height: 10px;}
} */

/* main_section_5 */
#main #section_5 {padding: 250px 0 207px;background-image: url('../img/section_5_bg_pc.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;}
#main #section_5 .section_5_badge {font-family:'GmarketSans',serif;font-size: 16px;color:#555555;letter-spacing:-0.02em;text-align: center;}
#main #section_5 .section_5_title {font-size: 32px;font-weight: 500;color:#151516;letter-spacing:-0.025em;margin-top: 18px;text-align: center;word-break:keep-all;}
#main #section_5 .section_5_title .big_w {font-weight: 700;}
#main #section_5 .section_5_title > br {display:none;}
#main #section_5 .bk_tab_menu_list_black {margin-top: 43px;}
#main #section_5 .bk_tab_cont_list_black {flex-direction:column;align-items:center;margin-top:0;}
#main #section_5 .bk_tab_cont_list_black > li .img_table_pc {width:100%;height:auto;}
#main #section_5 .bk_tab_cont_list_black > li .img_table_mo {width:100%;height:auto;display:none;}
#main #section_5 .bk_tab_cont_list_black > li {display: none;}
#main #section_5 .bk_tab_cont_list_black > li.active {display: block;}

/* main_section_5 반응형 */
@media (max-width:1200px) {
	#main #section_5 {padding: 90px 0 62px;background-image: url('../img/section_5_bg_mo.jpg');}
	#main #section_5 .bk_tab_cont_list_black > li .img_table_pc {display: none;}
	#main #section_5 .bk_tab_cont_list_black > li .img_table_mo {display: block;}
}
@media (max-width:768px) {
	#main #section_5 {padding:13.5714vw 0 8vw;}
	#main #section_5 .inner_1440 {padding: 0 5.8571vw;}
	#main #section_5 .section_5_badge {font-size:2.5714vw;}
	#main #section_5 .section_5_title {font-size:6.1428vw; margin-top:2.8571vw;}
	#main #section_5 .section_5_title > br {display:block;}
	#main #section_5 .bk_tab_menu_list_black {margin-top: 6vw;}
	#main #section_5 .bk_tab_cont_list_black {margin-top: 4.4285vw; padding:0;}

}
/* @media (max-width:580px) {
	#main #section_5 .bk_tab_menu_list_black > li {min-width:96px;}
	#main #section_5 .section_5_title {font-size: 28px;}
} */

/* main_section_6 */
#main #section_6 {padding: 250px 0 79px;background-image: url('../img/section_6_bg.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;}
#main #section_6 .cont_wrap {width:100%;display:flex;justify-content:space-between;align-items:flex-start;position:relative;}
#main #section_6 .section_6_title_box .section_6_badge {font-family:'GmarketSans',serif;font-size: 23px;line-height:90px;color:#b3b3b3;font-weight: 500;letter-spacing:-0.02em;}
#main #section_6 .section_6_title_box .section_6_title {font-size: 56px;font-weight: 500;color:#fff;line-height:69px;letter-spacing:-0.025em;word-break:keep-all;}
#main #section_6 .section_6_title_box .section_6_title .impact {color:#e46600;}
#main #section_6 .section_6_title_box .section_6_info {font-size: 23px;color:#fff;line-height:36px;margin-top: 38px;word-break:keep-all;}
#main #section_6 .section_6_swp {width: 756px;height:522px;position:static;margin:0;}
#main #section_6 .section_6_swp > ul > li {height: 162px;background-color:#fff;padding:29px 45px;display:flex;justify-content:center; align-items:center; transition: background-color 0.2s;}
#main #section_6 .section_6_swp > ul > li > a {display:block; width:100%;}
#main #section_6 .section_6_swp > ul > li > a .question_wrap,
#main #section_6 .section_6_swp > ul > li > a .answer_wrap {height:50%;display:flex;align-items:center;gap:6px;}
#main #section_6 .section_6_swp > ul > li > a .question_wrap {padding-bottom:12px;border-bottom:1px solid rgba(0, 0, 0, 0.2);transition: 0.2s;}
#main #section_6 .section_6_swp > ul > li > a .question {font-size: 21px;color:#0e0e0e;letter-spacing:-0.025em;transition: 0.2s;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#main #section_6 .section_6_swp > ul > li > a .answer {padding-top:12px; font-size: 15px;font-weight: 500;color:#0e0e0e;line-height:23px;letter-spacing:-0.025em;word-break:keep-all;transition: 0.2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#main #section_6 .section_6_swp > ul > li > a > div .badge {font-size: 35px;font-weight: 500;color:#e46600;line-height:43px;letter-spacing:-0.025em;}
#main #section_6 .section_6_swp > ul > li:hover {background-color:#e46600;}
#main #section_6 .section_6_swp > ul > li:hover > a > div .badge {color:#fff;}
#main #section_6 .section_6_swp > ul > li:hover > a .question {color:#fff;}
#main #section_6 .section_6_swp > ul > li:hover > a .answer {color:#fff;}
#main #section_6 .section_6_swp > ul > li:hover > a .question_wrap {border-bottom:1px solid rgba(255, 255, 255, 0.2);}
#main #section_6 .section_6_swp .section_6_btn_wrap {display:flex;flex-direction:row;gap:29px;align-items:center;position:absolute;left:0;bottom:0;}
#main #section_6 .section_6_swp .section_6_btn {width:85px;height: 85px;border-radius:1000px;background-color:#b3b3b3;transition:0.2s;}
#main #section_6 .section_6_swp .section_6_btn > img {height:25px;}
#main #section_6 .section_6_swp .section_6_btn:hover {background-color:#e46600;}

/* main_section_6 반응형 */
@media (max-width:1440px) {
	#main #section_6 .cont_wrap {gap:28px;}
	#main #section_6 .section_6_title_box {width: 53%;}
}
@media (max-width:1200px) {
	#main #section_6 .cont_wrap {flex-direction: column;}
	#main #section_6 .section_6_swp {width: 100%;}
	#main #section_6 .section_6_title_box {width: 100%;}
	#main #section_6 .section_6_title_box .section_6_title > br {display: none;}
	#main #section_6 .section_6_title_box .section_6_info > br {display: none;}
	#main #section_6 .section_6_swp .section_6_btn_wrap {bottom:-96px;left:50%;transform:translate(-50%, 50%);}
}
@media (max-width:768px) {
	#main #section_6 {padding:16.2857vw 0 23.5714vw;}
	#main #section_6 .cont_wrap {width:100%; display:flex; justify-content:space-between; align-items:flex-start; gap:0; position:relative;}
	#main #section_6 .section_6_title_box .section_6_badge {font-size: 3.4285vw; line-height:1;}
	#main #section_6 .section_6_title_box .section_6_title {font-size: 8.5714vw; line-height:10.5714vw; margin-top:4vw;}
	#main #section_6 .section_6_title_box .section_6_title .impact {font-size: 10.2857vw;}
	#main #section_6 .section_6_title_box .section_6_info {font-size:3.5714vw ;line-height:1; margin-top:2.8571vw;}
	#main #section_6 .section_6_swp {height:86.8571vw; margin-top: 11.4285vw;}
	#main #section_6 .section_6_swp > ul > li {padding:0 5.1428vw; height:27.7142vw; justify-content:center;}
	#main #section_6 .section_6_swp > ul > li > a > div .badge {font-size:5.5714vw;}
	#main #section_6 .section_6_swp > ul > li > a .question_wrap {padding-bottom:0;}
	#main #section_6 .section_6_swp > ul > li > a .question_wrap,
	#main #section_6 .section_6_swp > ul > li > a .answer_wrap {height:40%;}
	#main #section_6 .section_6_swp > ul > li > a .question {font-size:3.4285vw; line-height:1.4;}
	#main #section_6 .section_6_swp > ul > li > a .answer {font-size:2.4285vw ;line-height:3.8571vw;}
	#main #section_6 .section_6_swp .section_6_btn {width:7.4285vw; height:7.4285vw;}
	#main #section_6 .section_6_swp .section_6_btn > img {height:2.2857vw;}
	#main #section_6 .section_6_swp .section_6_btn_wrap {gap:5.2857vw; bottom: -7.5714vw;}
}
/* @media (max-width:580px) {
	#main #section_6 .inner_1440 {padding: 0 16px;}
	#main #section_6 .section_6_title_box .section_6_badge {font-size: 18px;line-height:1.4;}
	#main #section_6 .section_6_title_box .section_6_title {font-size: 28px;line-height:1.4;margin-top: 16px;}
	#main #section_6 .section_6_title_box .section_6_title > br {display: block;}
	#main #section_6 .section_6_title_box .section_6_info {font-size: 18px;line-height:1.4;margin-top: 16px;}
	#main #section_6 .section_6_title_box .section_6_info > br {display: block;}
	#main #section_6 .section_6_swp {margin-top:64px;}
	#main #section_6 .section_6_swp > ul > li {padding:0 16px;}
	#main #section_6 .section_6_swp > ul > li > div .badge {font-size: 28px;}
	#main #section_6 .section_6_swp > ul > li .question {font-size: 18px;}
	#main #section_6 .section_6_swp > ul > li .answer {font-size: 15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
} */

/* main_section_7 */
#main #section_7 {padding: 300px 0 121px;}
#main #section_7 .cont_wrap {width:100%;display:flex;justify-content:space-between;align-items:center;}
#main #section_7 .section_7_text_box {width:20%;}
#main #section_7 .section_7_text_box .section_7_title {font-size: 38px;color:#282828;font-weight: 700;letter-spacing:-0.025em;}
#main #section_7 .section_7_text_box .section_7_desc {font-size: 24px;font-weight: 500;color:#151516;line-height:38px;margin-top: 18px;word-break:keep-all;}
#main #section_7 .section_7_text_box .section_7_btn_more > a {display:inline-flex;gap:8px; align-items:center; width:fit-content;font-size: 25px;font-weight: 500;color:#fff;letter-spacing:-0.025em;padding:5px 40px;background-color:#282828;border-radius:1000px;margin-top: 120px;}
#main #section_7 .section_7_text_box .section_7_btn_more > a .plus {font-size: 25px; transform:translateY(-1px);}
#main #section_7 .section_7_swp_wrap {width:64%;position:relative;}
#main #section_7 .section_7_swp {width:100%;position:static;overflow:hidden;}
#main #section_7 .section_7_swp > ul > li {border: 1px solid #a7a7a7;border-radius:10px;overflow:hidden;}
#main #section_7 .section_7_swp > ul > li > a .youtube_box {width:100%;position:relative;padding-top:56%;}
#main #section_7 .section_7_swp > ul > li > a .youtube_box img {width:100%;height:100%;position:absolute;top:0;left:0; object-fit:cover;}
#main #section_7 .section_7_swp > ul > li > a .youtube_title {display:block;width:100%;font-size: 18px;font-weight: 500;color:#000;background-color:#fff;padding:26px;border-top: 1px solid #a7a7a7;}
#main #section_7 .section_7_swp > ul > li > a .youtube_title > p {line-height:26px;word-break:keep-all;display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; max-height:54px;}
#main #section_7 .section_7_swp .section_7_btn_wrap {display: flex;justify-content:space-between;position:absolute;width:100%;top:40%;transform:translateY(-50%);}
#main #section_7 .section_7_swp .section_7_btn {width: 63px;height: 63px;border-radius:100px;background-color:#ededed;transition:0.2s;}
#main #section_7 .section_7_swp .section_7_btn:hover {background-color:#e46600;}
#main #section_7 .section_7_swp .section_7_btn > img {height:20px;}
#main #section_7 .section_7_swp .section_7_btn_prev {left: -93px;}
#main #section_7 .section_7_swp .section_7_btn_next {right: -93px;}

/* main_section_7 반응형 */
@media (max-width: 1650px) {
	#main #section_7 .section_7_swp .section_7_btn_prev {left: 16px;}
	#main #section_7 .section_7_swp .section_7_btn_next {right: 16px;}
	#main #section_7 .section_7_swp .section_7_btn_wrap {z-index:1;}
}
@media (max-width: 1440px) {
	#main #section_7 .section_7_text_box {width: 30%;}
	#main #section_7 .section_7_text_box .section_7_btn_more {margin-top: 0;}
	#main #section_7 .section_7_swp_wrap {flex:1;}
	#main #section_7 .section_7_text_box .section_7_desc > br {display:none;}
}
@media (max-width: 1200px) {
	#main #section_7 .cont_wrap {flex-direction:column;}
	#main #section_7 .section_7_text_box {width: 100%;}
	#main #section_7 .section_7_swp_wrap {width: 100%; margin-top: 60px;}
	#main #section_7 .section_7_text_box .section_7_btn_more > a {margin-top: 38px;}
}
@media (max-width: 768px) {
	#main #section_7 {padding: 14.2857vw 0;}
	#main #section_7 .inner_1440 {padding: 0;padding-left:9vw;}
	#main #section_7 .section_7_text_box .section_7_title {font-size: 5.4285vw;}
	#main #section_7 .section_7_text_box .section_7_desc {font-size: 3.4285vw; line-height:1; margin-top:3.2857vw;}
	#main #section_7 .section_7_text_box .section_7_btn_more > a {font-size: 3.5714vw; margin-top:5.4285vw; padding:1.1428vw 5.4285vw; line-height:1;}
	#main #section_7 .section_7_swp_wrap {margin-top:8.7142vw;}
	#main #section_7 .section_7_swp > ul > li > a .youtube_title {font-size:3.4285vw ;padding:3.7142vw 3.1428vw;}
	#main #section_7 .section_7_swp > ul > li > a .youtube_title > p {line-height:3.7142vw;}
	#main #section_7 .section_7_swp .section_7_btn_wrap {display: none;}
}
/* @media (max-width: 580px) {
	#main #section_7 .inner_1440 {padding: 0 16px;}
	#main #section_7 .section_7_text_box .section_7_title {font-size: 28px;line-height:1.4;}
	#main #section_7 .section_7_text_box .section_7_desc {font-size: 21px;margin-top: 16px;line-height:1.4;}
	#main #section_7 .section_7_text_box .section_7_btn_more {font-size: 18px;margin-top: 16px;}
	#main #section_7 .section_7_swp_wrap {margin-top: 32px;}
} */

/* main_section_8 */
#main #section_8 {padding: 250px 0 87px;background-color:#e6e6e6;}
#main #section_8 .cont_wrap {width:100%;display:flex;justify-content:space-between;align-items:center;}
#main #section_8 .section_8_text_box {width:20%;}
#main #section_8 .section_8_text_box .section_8_title {font-size: 38px;color:#282828;font-weight: 700;letter-spacing:-0.025em;}
#main #section_8 .section_8_text_box .section_8_desc {font-size: 24px;font-weight: 500;color:#151516;line-height:38px;margin-top: 18px;word-break:keep-all;}
#main #section_8 .section_8_text_box .section_8_btn_more > a {display:inline-flex;gap:8px; align-items:center; width:fit-content;font-size: 25px;font-weight: 500;color:#fff;letter-spacing:-0.025em;padding:5px 40px;background-color:#282828;border-radius:1000px;margin-top: 78px;}
#main #section_8 .section_8_text_box .section_8_btn_more > a .plus {font-size: 25px; transform:translateY(-1px);}
#main #section_8 .section_8_swp_wrap {width:64%;position:relative;}
#main #section_8 .section_8_swp {width:100%;position:static;}
#main #section_8 .section_8_swp > ul > li > a {border-radius:10px;display:block;height:100%;border: 1px solid #a7a7a7;border-radius:10px;overflow:hidden;}
#main #section_8 .section_8_swp > ul > li > a .section_8_swp_bg {border-radius:10px;text-align:center;word-break:keep-all;padding:0 32px;width:100%;height: 100%;font-size: 21px;font-weight: 500;line-height:46px;background-color:rgba(0,0,0,0.7);position:absolute;top:0;left:0;color:#fff;display:flex;justify-content:center;align-items:center;transition:0.2s;opacity:0;visibility:hidden;}
#main #section_8 .section_8_swp > ul > li:hover > a .section_8_swp_bg {opacity:1;visibility: visible;}
#main #section_8 .section_8_swp > ul > li > a > img {width:100%;height:100%;object-fit:cover;}
#main #section_8 .section_8_swp .section_8_btn_wrap {display: flex;justify-content:space-between;position:absolute;width:100%;top:50%;transform:translateY(-50%);}
#main #section_8 .section_8_swp .section_8_btn {width: 63px;height: 63px;border-radius:100px;background-color:#fff;transition:0.2s;}
#main #section_8 .section_8_swp .section_8_btn:hover {background-color:#e46600;}
#main #section_8 .section_8_swp .section_8_btn > img {height:20px;}
#main #section_8 .section_8_swp .section_8_btn_prev {left: -93px;}
#main #section_8 .section_8_swp .section_8_btn_next {right: -93px;}

/* main_section_8 반응형 */
@media (max-width: 1650px) {
	#main #section_8 .section_8_swp .section_8_btn_prev {left: 16px;}
	#main #section_8 .section_8_swp .section_8_btn_next {right: 16px;}
	#main #section_8 .section_8_swp .section_8_btn_wrap {z-index:1;}
}
@media (max-width: 1440px) {
	#main #section_8 .section_8_text_box {width: 30%;}
	#main #section_8 .section_8_swp_wrap {flex:1;}
		#main #section_8 .section_8_text_box .section_8_btn_more {margin-top: 0;}
	#main #section_8 .section_8_text_box .section_8_desc > br {display:none;}
}
@media (max-width: 1200px) {
	#main #section_8 .cont_wrap {flex-direction:column;}
	#main #section_8 .section_8_text_box {width: 100%;}
	#main #section_8 .section_8_text_box .section_8_btn_more > a {margin-top: 38px;}
	#main #section_8 .section_8_swp_wrap {width:100%; margin-top: 60px;}
}
@media (max-width: 768px) {
	#main #section_8 {padding: 14.2857vw 0;}
	#main #section_8 .inner_1440 {padding: 0; padding-left:10.5714vw;}
	#main #section_8 .inner_1440 {padding: 0;padding-left:9vw;}
	#main #section_8 .section_8_text_box .section_8_title {font-size: 5.4285vw;}
	#main #section_8 .section_8_text_box .section_8_desc {font-size: 3.4285vw; line-height:1; margin-top:3.2857vw;}
	#main #section_8 .section_8_text_box .section_8_btn_more > a {font-size: 3.5714vw; margin-top:5.4285vw; padding:1.1428vw 5.4285vw; line-height:1;}
	#main #section_8 .section_8_swp_wrap {margin-top:8.7142vw;}
	#main #section_8 .section_8_swp > ul > li > a .section_8_swp_bg {font-size:4.1428vw; line-height:6.5714vw;}
	#main #section_8 .section_8_swp .section_8_btn_wrap {display: none;}
}
/* @media (max-width: 580px) {
	#main #section_8 .inner_1440 {padding: 0 16px;}
	#main #section_8 .section_8_text_box .section_8_title {font-size: 28px;line-height:1.4;}
	#main #section_8 .section_8_text_box .section_8_desc {font-size: 21px;margin-top: 16px;line-height:1.4;}
	#main #section_8 .section_8_text_box .section_8_btn_more {font-size: 18px;margin-top: 16px;}
	#main #section_8 .section_8_swp_wrap {margin-top: 32px;}
} */

/* main_section_9 */
#main #section_9 {padding: 240px 0 230px;background-image: url('../img/section_9_bg.png');background-repeat:no-repeat;background-position:center;background-size:cover;}
#main #section_9 .section_9_wrap {position:relative;}
#main #section_9 .section_9_title_box {display: flex;align-items:center;gap:8px;}
#main #section_9 .section_9_title_box .section_9_title {font-family:'GmarketSans',serif;font-size: 27px;font-weight: 700;color:#181818;line-height:26px;}
#main #section_9 .section_9_title_box .section_9_badge {font-family:'GmarketSans',serif;font-size: 27px;font-weight: 500;color:#181818;line-height:26px;}
#main #section_9 .section_9_swp {margin-top: 54px;position:static;}
#main #section_9 .section_9_swp .swiper-slide {height:333px;}
#main #section_9 .section_9_swp .swiper-slide > img {width:100%;height: 100%;object-fit:cover;}
#main #section_9 .section_9_swp .section_9_btn_wrap {display: flex;justify-content:space-between;position:absolute;width:100%;top:60%;transform:translateY(-50%);}
#main #section_9 .section_9_swp .section_9_btn {height:54px;}
#main #section_9 .section_9_swp .section_9_btn > img {height:100%;}
#main #section_9 .section_9_swp .section_9_btn_prev {left: -81px;}
#main #section_9 .section_9_swp .section_9_btn_next {right: -81px;}

/* main_section_9 반응형 */
@media (max-width:1620px) {
	#main #section_9 .section_9_swp .section_9_btn_wrap {z-index:2;}
	#main #section_9 .section_9_swp .section_9_btn_prev {left: 21px;}
	#main #section_9 .section_9_swp .section_9_btn_next {right: 21px;}
}
@media (max-width:768px) {
	#main #section_9 {padding: 18.8571vw 0 16.5714vw;}
	#main #section_9 .inner_1440 {padding:0 10.5714vw;}
	#main #section_9 .section_9_title_box .section_9_title {font-size:3.8571vw; line-height:1;}
	#main #section_9 .section_9_title_box .section_9_badge {font-size:3.8571vw; line-height:1;}
	#main #section_9 .section_9_swp {margin-top:7.1428vw;}
	#main #section_9 .section_9_swp .swiper-slide {height:52.5714vw;}
	#main #section_9 .section_9_swp .section_9_btn {height:6.2857vw;}
	#main #section_9 .section_9_swp .section_9_btn_prev {left: -9.1428vw;}
	#main #section_9 .section_9_swp .section_9_btn_next {right: -9.1428vw;}
}
/* @media (max-width:580px) {
	#main #section_9 .inner_1440 {padding: 0 16px;}
	#main #section_9 .section_9_swp .section_9_btn_wrap {display: none;}
} */

/* main_section_10 */
#main #section_10 {padding: 180px 0 120px;}
#main #section_10 .cont_wrap {display:flex;justify-content:center;align-items:center;gap:86px;}
#main #section_10 .section_10_map_box {width:56%;padding-top:30%;position:relative;}
#main #section_10 .section_10_map_box #map {width:100%;height:100%;position:absolute;top:0;left:0;}
#main #section_10 .section_10_map_box iframe {width:100%;height:100%;position:absolute;top:0;left:0;}
#main #section_10 .section_10_text_box {display:flex;flex-direction:column;}
#main #section_10 .section_10_text_box .section_10_badge {font-family:'NotoSerifKR',serif;font-size: 33px;color:#263528;line-height:59px;}
#main #section_10 .section_10_text_box .section_10_address {font-size: 22px;color:#2a362b;line-height:42px;margin-top: 21px;word-break:keep-all;}
#main #section_10 .section_10_text_box .section_10_info_box {margin-top: 38px;}
#main #section_10 .section_10_text_box .section_10_info_title {font-size: 26px;font-weight: 700;color:#472b01;line-height:40px;}
#main #section_10 .section_10_text_box .section_10_info_desc {font-size: 19px;color:#415644;line-height:35px;margin-top: 21px;}
#main #section_10 .section_10_text_box .section_10_info_desc > li + li {margin-top: 16px;}
#main #section_10 .section_10_text_box .section_10_info_desc .section_10_info_desc_list_title {min-width:82px;font-weight: 700;display:inline-block;}

/* main_section_10 반응형 */
@media (max-width:1200px) {
	#main #section_10 .cont_wrap {flex-direction: column;}
	#main #section_10 .section_10_map_box {width: 100%;padding-top:50%;}
	#main #section_10 .section_10_text_box {width: 100%;}
}
@media (max-width:768px) {
	#main #section_10 {padding: 12.8571vw 0 21.7142vw;}
	#main #section_10 .inner_1440 {padding: 0 7vw;}
	#main #section_10 .cont_wrap {gap:0;}
	#main #section_10 .section_10_map_box {padding-top:65%;}
	#main #section_10 .section_10_text_box {margin-top:8.5714vw;}
	#main #section_10 .section_10_text_box .section_10_info_box {margin-top:4.8571vw;}
	#main #section_10 .section_10_text_box .section_10_info_desc {font-size:3.1428vw; line-height:1; margin-top:2.7142vw;}
	#main #section_10 .section_10_text_box .section_10_badge {font-size:4.7142vw; line-height:1;}
	#main #section_10 .section_10_text_box .section_10_address {font-size:3.1428vw; line-height:1; margin-top:3vw;}
	#main #section_10 .section_10_text_box .section_10_info_box {margin-top:5.4285vw;}
	#main #section_10 .section_10_text_box .section_10_info_title {font-size:3.7142vw; line-height:1;}
	#main #section_10 .section_10_text_box .section_10_info_desc {font-size:2.8571vw; line-height:1; margin-top:3vw;}
	#main #section_10 .section_10_text_box .section_10_info_desc > li + li {margin-top:2.2857vw;}
	#main #section_10 .section_10_text_box .section_10_info_desc .section_10_info_desc_list_title {min-width:11.7142vw;}
}
/* @media (max-width:580px) {
	#main #section_10 .inner_1440 {padding: 0 16px;}
	#main #section_10 .cont_wrap {gap:32px;}
	#main #section_10 .section_10_text_box .section_10_badge font-size: 18px;}
	#main #section_10 .section_10_text_box .section_10_address {font-size: 21px;}
	#main #section_10 .section_10_text_box .section_10_info_box {margin-top: 16px;}
	#main #section_10 .section_10_text_box .section_10_info_title {font-size: 21px;}
	#main #section_10 .section_10_text_box .section_10_info_desc {font-size: 18px;}
	#main #section_10 .section_10_text_box .section_10_info_desc > li + li {margin-top: 8px;}
} */


/* sub_head */
.sub_section .sub_section_cont_top {height:750px;display:flex;align-items:flex-end;}
.sub_section .inner_sub_head {max-width:1240px;width:100%;margin:0 auto;}
.sub_section .sub_head_cont_wrap {display:flex;flex-direction:column;align-items:center;padding-top:240px;}
.sub_section .sub_text_box {text-align:center;}
.sub_section .sub_text_box .sub_badge {font-family:'Montserrat', serif;font-size:19px;font-weight:500;color:#c4a667;letter-spacing:0.1em;}
.sub_section .sub_text_box .sub_title {font-size:76px;font-weight:700;color:#fff;margin-top:36px;letter-spacing:-0.02em;}
.sub_section .sub_text_box .sub_desc {font-size:27px;font-weight:600;color:#fff;margin-top:80px;line-height:39px;word-break:keep-all;}
.sub_section .nav_list {display:flex;justify-content:center;align-items:center;margin-top: 142px;}
.sub_section .nav_list > li {background-color:#fff;border-right:1px solid #c0c0c0;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;position:relative;cursor:pointer;}
.sub_section .nav_list > li:last-child {border-right:none;}
.sub_section .nav_list > li > a {display:flex;justify-content:center;align-items:center;height:88px;font-size:27px;font-weight:500;color:#7f7f7f;padding: 0 32px;}
.sub_section .nav_list > .nav_1 > a {min-width:298px;justify-content:space-between; white-space:nowrap;}
.sub_section .nav_list > .nav_2 > a {min-width:288px;justify-content:space-between; white-space:nowrap;}
.sub_section .nav_list > li > a .img_box {width:22px;margin-left:10px;}
.sub_section .nav_list > li > a .img_box > img {width:100%;}
.sub_section .nav_list > li > a .call {font-size:27px;font-weight:500;}
.sub_section .nav_list > li > a .call_num {font-size:36px;font-weight:600;padding-left:38px;}
.sub_section .nav_list .nav_home > a {padding:0;width:88px;}
.sub_section .nav_list .nav_home > a > img {height:31px;}
.sub_section .nav_list .nav_call {background-color:#2f2f2f;border:1px solid #3b3831;} 
.sub_section .nav_list .nav_call > a {min-width:558px;color:#fff;}
.sub_section .nav_list > li .nav_sub_list {z-index:999; width:100%;display:flex;flex-direction:column;align-items:flex-start;position:absolute;top:100%;left:0;border-top:1px solid #e46600;transform-origin:top;transform:scaleY(0);transition:0.2s;box-shadow:0 1px 1px rgba(0, 0, 0, 0.4);}
.sub_section .nav_list > li.active .nav_sub_list {transform:scaleY(1);}
.sub_section .nav_list > li .nav_sub_list > li {width:100%;transition:0.2s;background-color:#fff;}
.sub_section .nav_list > li .nav_sub_list > li:hover {background-color:#e46600;}
.sub_section .nav_list > li .nav_sub_list > li:hover > a {color:#fff;}
.sub_section .nav_list > li .nav_sub_list > li > a {padding:0 32px;font-size: 18px;font-weight:500;height:58px;display:flex;align-items:center;color:#7f7f7f;}
.sub_section .nav_list > li .nav_sub_list > li.active {background-color:#e46600;}
.sub_section .nav_list > li .nav_sub_list > li.active > a {color:#fff;}
.sub_section .sub_section_cont_bot {margin-top:124px;display:flex;flex-direction:column;align-items:center;}
.sub_section .sub_section_cont_bot .sub_logo_box {height:42px;}
.sub_section .sub_section_cont_bot .sub_logo_box > img {height:100%;}
.sub_section .sub_section_cont_bot .sub_info {margin-top:38px;font-size:46px;font-weight:500;color:#151516;letter-spacing:-0.02em;}

/* sub_head 반응형 */
@media (max-width: 1370px){
	.sub_section .inner_sub_head {padding: 0 16px;}
	.sub_section .nav_list .nav_call > a {min-width: 440px;}
	.sub_section .nav_list > li > a {font-size: 23px; padding:0 16px;}
}
@media (max-width: 1200px){
	.sub_section .nav_list .nav_call {display: none;}
}
@media (max-width:768px) {
	.sub_section .sub_head_cont_wrap {padding-top:20.2857vw;}
	.sub_section .sub_section_cont_top {width: 100%; aspect-ratio: 700 / 510; height: auto;}
	.sub_section .sub_text_box .sub_badge {font-size:2.7142vw; line-height:1;}
	.sub_section .sub_text_box .sub_title {font-size:7.8571vw; margin-top:4.5714vw; line-height:1;}
	.sub_section .sub_text_box .sub_desc {font-size:3.1428vw; margin-top:10.8571vw; line-height:4.4285vw;}
	.sub_section .nav_list {margin-top:10.2857vw;}
	.sub_section .nav_list > li > a {padding:0 3.5714vw;}
	.sub_section .nav_list > .nav_1 > a {min-width:29.1428vw;font-size:2.7142vw;}
	.sub_section .nav_list > .nav_2 > a {min-width:28vw; font-size:2.7142vw;}
	.sub_section .nav_list > li .nav_sub_list > li > a {height:8.5714vw; font-size:2.7142vw; padding:0 3.5714vw;}
	.sub_section .nav_list .nav_home > a {width:9.2857vw;}
	.sub_section .nav_list .nav_home > a > img {height:2.7142vw;}
	.sub_section .nav_list > li > a {height:8.5714vw; font-size:2.5714vw;}
	.sub_section .nav_list > li > a .img_box {width:2.2857vw; height:1.2857vw;display:flex;justify-content:center;align-items:center; margin-left:1.4285vw;}
	.sub_section .nav_list > li > a .img_box > img {width:100%; height:100%;}
	.sub_section .sub_section_cont_bot {margin-top:11vw;}
	.sub_section .sub_section_cont_bot .sub_logo_box {height:4.2856vw;}
	.sub_section .sub_section_cont_bot .sub_info {margin-top:4vw;font-size:6vw;}
}
/* @media (max-width:650px) {
	.sub_section .sub_text_box .sub_title {margin-top:32px;}
	.sub_section .sub_text_box .sub_desc {margin-top:40px;}
	.sub_section .nav_list {margin-top: 60px;}
}
@media (max-width:580px) {
	.sub_section .sub_text_box .sub_badge {font-size:18px;padding-top:64px;}
	.sub_section .sub_text_box .sub_title {font-size:52px;margin-top:32px;}
	.sub_section .sub_text_box .sub_desc {font-size:16px;margin-top:32px;}
	.sub_section .nav_list {margin-top: 64px;padding:0 16px;}
	.sub_section .nav_list > .nav_1 > a {min-width:180px;}
	.sub_section .nav_list > .nav_2 > a {min-width:160px;}
	.sub_section .nav_list > li .nav_sub_list > li > a {font-size: 14px;}
	.sub_section .nav_list .nav_home > a {width:60px;}
	.sub_section .nav_list .nav_home > a > img {height:16px;}
	.sub_section .nav_list > li > a {height:60px;font-size:16px;padding: 0 16px;}
	.sub_section .nav_list > li > a .img_box {margin-left:12px;}
	.sub_section .nav_list > li > a .img_box > img {width:12px;}
	.sub_section .sub_section_cont_bot {margin-top:64px;}
	.sub_section .sub_section_cont_bot .sub_logo_box {height:32px;}
	.sub_section .sub_section_cont_bot .sub_info {margin-top:28px;font-size:34px;}
}
@media (max-width:480px) {
	.sub_section .nav_list > .nav_1 > a {min-width:170px;}
	.sub_section .nav_list > .nav_2 > a {min-width:140px;}
	.sub_section .nav_list > li > a {height:60px;font-size:16px;}
	.sub_section .nav_list > li .nav_sub_list > li > a {font-size: 14px;padding:0 16px;}
	.sub_section .nav_list {padding:0 16px;}
}
@media (max-width:420px) {
	.sub_section .nav_list > li > a {height:60px;font-size:14px;padding:0 12px;}
	.sub_section .nav_list > li .nav_sub_list > li > a {font-size: 14px;padding:0 12px;}
	.sub_section .nav_list {padding:0 12px;}
}
@media (max-width:380px) {
	.sub_section .nav_list > .nav_1 > a {min-width:150px;}
	.sub_section .nav_list > .nav_2 > a {min-width:130px;}
	.sub_section .sub_text_box .sub_desc {white-space:nowrap;}
} */

/* sub_common */
.inner {max-width:1466px;width:100%;margin:0 auto;}
@media (max-width:1466px) {
	.inner {padding: 0 16px;}
}
@media (max-width:768px) {
	.inner {padding: 0 3.4285vw;}
}

/* sub_intro */
#sub_intro {margin:106px 0;}
#sub_intro .cont_wrap {padding:80px 120px 210px;background-color:#f5f5f5;border:1px solid #c0c0c0;display:flex;justify-content:center;align-items:center}
#sub_intro .text_wrap {display:flex;flex-direction:column;align-items:flex-start;position:relative;}
#sub_intro .sub_intro_text_wrap_badge {font-size: 32px;font-weight: 500;color:#151516;line-height:48px;letter-spacing:-0.025em;}
#sub_intro .sub_intro_text_wrap_title {font-size: 32px;font-weight: 500;color:#151516;line-height:48px;letter-spacing:-0.025em;white-space:nowrap;word-break:keep-all;}
#sub_intro .sub_intro_text_wrap_title .impact {font-size: 35px;font-weight: 600;color:#db7d19;line-height:48px;letter-spacing:-0.025em;}
#sub_intro .sub_intro_text_wrap_desc {font-size: 17px;font-weight: 500;color:#151516;line-height:41px;margin-top:68px;word-break:keep-all;}
#sub_intro .sub_intro_text_wrap_desc .br_mo {display:none;}
#sub_intro .sub_intro_text_wrap_sign_box {display:flex;align-items:flex-start;position:absolute;top:calc(100% + 64px);right:0;}
#sub_intro .sub_intro_text_wrap_sign_box .sign_box_name {font-size: 20px;font-weight: 500; color:#151516;}
#sub_intro .sub_intro_text_wrap_sign_box .sign_box_sign_img_box {height:110px;}
#sub_intro .sub_intro_text_wrap_sign_box .sign_box_sign_img_box > img {height:100%;}
#sub_intro .pic_wrap {height: 816px;}
#sub_intro .pic_wrap > img {height: auto;}
#sub_intro .pic_wrap_mo {display: none;}

/* sub_intro 반응형 */
@media (max-width: 1480px) {
	#sub_intro .text_wrap {align-items:flex-start;margin-top: 68px;}
}
@media (max-width: 1200px) {
#sub_intro .cont_wrap {flex-direction: column-reverse;align-items:flex-start;padding:80px 32px 210px;}
#sub_intro .text_wrap {width: 100%;}
#sub_intro .pic_wrap {height: 510px;}
#sub_intro .pic_wrap > img {height: 100%;object-fit:cover;}
}
@media (max-width:768px) {
	#sub_intro {margin-top: 10vw;}
	#sub_intro .cont_wrap {padding:11.1428vw 4.7142vw 28vw; flex-direction:column-reverse; transform:translateY(-1px);}
	#sub_intro .text_wrap {margin-top:0;}
	#sub_intro .sub_intro_text_wrap_badge {font-size:4.4285vw; line-height:6.5714vw;}
	#sub_intro .sub_intro_text_wrap_title {font-size:4.4285vw; line-height:6.5714vw; white-space:wrap;}
	#sub_intro .sub_intro_text_wrap_title .impact {font-size:4.8571vw; color:#db7d19;line-height:6.5714vw;}
	#sub_intro .sub_intro_text_wrap_desc {font-size:2.7142vw ;line-height:5.7142vw; margin-top:8.5714vw; letter-spacing:-0.075em;}
	#sub_intro .sub_intro_text_wrap_desc .br_pc {display:none;}
	#sub_intro .sub_intro_text_wrap_desc .br_mo {display:block;}
	#sub_intro .pic_wrap {display: none;}
	#sub_intro .sub_intro_text_wrap_sign_box {width:100%; left:50%; top:calc(100% + 8.5714vw); transform:translateX(-50%); display:flex; justify-content:center;}
	#sub_intro .sub_intro_text_wrap_sign_box .sign_box_name {font-size:2.7142vw;}
	#sub_intro .sub_intro_text_wrap_sign_box .sign_box_sign_img_box {height: 13.7142vw;}
	#sub_intro .pic_wrap_mo {display: block; width:100%; height:auto;border:1px solid #c0c0c0;}
	#sub_intro .pic_wrap_mo > img {width:100%;height:auto;}
}
/* @media (max-width:654px) {
	#sub_intro .cont_wrap {padding:0 16px 200px;}
	#sub_intro .text_wrap {margin-top: 40px;}
	#sub_intro .sub_intro_text_wrap_badge {font-size: 26px;}
	#sub_intro .sub_intro_text_wrap_title {font-size: 26px;}
	#sub_intro .sub_intro_text_wrap_title .impact {font-size: 30px;}
	#sub_intro .sub_intro_text_wrap_desc {font-size: 18px;margin-top: 32px;}
	#sub_intro .sub_intro_text_wrap_sign_box .sign_box_name {font-size: 18px;}
	#sub_intro .sub_intro_text_wrap_sign_box .sign_box_name {font-size: 18px;}
	#sub_intro .sub_intro_text_wrap_sign_box .sign_box_sign_img_box {height: 80px;}
}
@media (max-width:580px) {
	#sub_intro .cont_wrap {padding:0 16px 200px;}
	#sub_intro .text_wrap {margin-top: 32px;}
	#sub_intro .sub_intro_text_wrap_badge {font-size: 24px;}
	#sub_intro .sub_intro_text_wrap_title {font-size: 24px;}
	#sub_intro .sub_intro_text_wrap_title .impact {font-size: 28px;}
	#sub_intro .sub_intro_text_wrap_desc {font-size: 16px; margin-top: 16px;}
	#sub_intro .sub_intro_text_wrap_sign_box .sign_box_name {font-size: 16px;}
}
@media (max-width:430px){
	#sub_intro .sub_intro_text_wrap_badge {font-size: 21px;}
	#sub_intro .sub_intro_text_wrap_title {font-size: 21px;}
	#sub_intro .sub_intro_text_wrap_title .impact {font-size: 23px;}
	#sub_intro .sub_intro_text_wrap_sign_box {left:0;}
	#sub_intro .sub_intro_text_wrap_sign_box .sign_box_sign_img_box {position: absolute; right: 0; top:30px;}
} */

/* sub_history */
#sub_history .sub_history_list {display:flex;flex-direction:column;align-items: stretch;padding: 0 48px;background-color:#f5f5f5;border:1px solid #c0c0c0;margin:95px 0 165px;}
#sub_history .sub_history_list > li .cont_wrap {width: 100%;display:flex;justify-content: flex-start;align-items:center;padding:56px 66px;border-bottom:1px solid #c0c0c0;}
#sub_history .sub_history_list > li .cont_wrap_mo {display:flex;align-items:center;}
#sub_history .sub_history_list > li:last-child .cont_wrap {border-bottom:none;}
#sub_history .sub_history_list > li .img_box {height:180px;}
#sub_history .sub_history_list > li .img_box > img {height:100%;}
#sub_history .sub_history_list > li .year_wrap {display:flex;flex-direction:column;align-items:flex-start;}
#sub_history .sub_history_list > li .year {font-size: 80px;font-weight: 600;color:#545454;letter-spacing:-0.025em;padding:0 82px;}
#sub_history .sub_history_list > li .info_title_mo {display:none;}
#sub_history .sub_history_list > li .info_box {display:flex;flex-direction:column;align-items:flex-start;}
#sub_history .sub_history_list > li .info_box .info_title {font-size: 37px;font-weight: 600;color:#545454;letter-spacing:-0.025em;}
#sub_history .sub_history_list > li .info_box .info_list {display:flex;flex-direction:column;align-items:flex-start;margin-top: 30px;}
#sub_history .sub_history_list > li .info_box .info_list > li {display:flex;justify-content:flex-start;font-size: 24px;font-weight: 500;word-break:keep-all;text-align:left;}
#sub_history .sub_history_list > li .info_box .info_list > li .impact {width:146px;color:#db7d19;}
#sub_history .sub_history_list > li .info_box .info_list > li + li {margin-top: 22px;}

/* sub_history 반응형 */
@media (max-width: 1470px) {
	#sub_history .sub_history_list > li .cont_wrap {padding: 56px 0;}
	#sub_history .sub_history_list > li .year {font-size: 74px;}
	#sub_history .sub_history_list > li .info_box .info_list > li {font-size: 21px;}
}
@media (max-width: 1300px){
	#sub_history .sub_history_list > li .year {padding: 0 64px;}
}
@media (max-width: 1270px){
	#sub_history .sub_history_list {padding: 0 32px;}
	#sub_history .sub_history_list > li .info_box .info_title {font-size: 32px;}
	#sub_history .sub_history_list > li .info_box .info_list > li {font-size: 20px;}
	#sub_history .sub_history_list > li .info_box .info_list > li .impact {width:120px;}
}
@media (max-width: 1200px) {
	#sub_history .sub_history_list {width:100%;align-items:center;}
	#sub_history .sub_history_list > li .cont_wrap {flex-direction:column;padding:48px 64px;align-items:flex-start;}
	#sub_history .sub_history_list > li .year_wrap {padding-left:32px;}
	#sub_history .sub_history_list > li .year {padding:0;}
	#sub_history .sub_history_list > li .info_title_mo {display:block;font-size: 28px;font-weight: 600;color:#545454;letter-spacing:-0.025em;margin-top:20px;}
	#sub_history .sub_history_list > li .info_box .info_title {display:none;}
}
@media (max-width:768px) {
	#sub_history .sub_history_list {margin-top: 56px;}
	#sub_history .sub_history_list {padding:6.8571vw 5vw;}
	#sub_history .sub_history_list > li .img_box {height: 24.8571vw;}
	#sub_history .sub_history_list > li {width:100%;}
	#sub_history .sub_history_list > li + li {margin-top:6.4285vw;}
	#sub_history .sub_history_list > li .cont_wrap {width:100%;padding:0;}
	#sub_history .sub_history_list > li .year_wrap {padding-left:4vw;}
	#sub_history .sub_history_list > li .year {font-size: 9.5714vw; line-height:16vw;}
	#sub_history .sub_history_list > li .info_box {width:100%; margin-top:5.7142vw;}
	#sub_history .sub_history_list > li .info_box .info_list {margin-top:0; margin-bottom:6.5714vw;}
	#sub_history .sub_history_list > li .info_box .info_list > li {font-size:2.8571vw; line-height:6.2857vw;}
	#sub_history .sub_history_list > li .info_box .info_list > li .impact {width:22.8571vw;}
	#sub_history .sub_history_list > li .info_box .info_list > li + li {margin-top: 3.7142vw;}
	#sub_history .sub_history_list > li .info_title_mo {font-size: 4vw; margin-top:0; line-height:5.2142vw;}
}
/* @media (max-width:630px) {
	#sub_history .sub_history_list > li .img_box {height:160px;}
	#sub_history .sub_history_list > li .year {font-size: 62px;}
	#sub_history .sub_history_list > li .info_title_mo {font-size: 26px;}
}
@media (max-width:580px) {
	#sub_history .sub_history_list > li .cont_wrap_mo {flex-direction:column;align-items:flex-start;}
	#sub_history .sub_history_list > li .img_box {width: 100%;height:auto;}
	#sub_history .sub_history_list > li .img_box > img {width: 100%;height:auto;}
	#sub_history .sub_history_list > li .year_wrap {padding: 0;margin-top: 16px;}
	#sub_history .sub_history_list > li .year {font-size: 32px;}
	#sub_history .sub_history_list > li .info_title_mo {font-size: 21px;margin-top: 16px;}
	#sub_history .sub_history_list > li .info_title_mo > br {display: none;}
	#sub_history .sub_history_list > li .info_box .info_list {margin-top: 16px;}
	#sub_history .sub_history_list > li .info_box .info_list > li {font-size: 16px;flex-direction:column;}
	#sub_history .sub_history_list > li .info_box .info_list > li .impact {margin-bottom:8px;}
} */

/* sub_ask */
#sub_ask {margin: 86px 0 112px;}
#sub_ask .sub_ask_list {display: flex; flex-direction: column; gap: 36px;}
#sub_ask .sub_ask_list > li .cont_wrap {width: 100%; display: flex; align-items: center;}
#sub_ask .sub_ask_list > li .img_box {width: 50%; height: 318px;}
#sub_ask .sub_ask_list > li .img_box > img {width: 100%; height: 100%; object-fit: cover;}
#sub_ask .sub_ask_list > li a.text_box {width: 50%; height: 318px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; transition: 0.2s; background-color: #f4f5f7; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7;}
#sub_ask .sub_ask_list > li a.text_box .obje {height: 30px; position: absolute; top: 26px; right: 26px;}
#sub_ask .sub_ask_list > li a.text_box .obje > img {height: 100%;}
#sub_ask .sub_ask_list > li a.text_box .sub_ask_title {font-size: 30px; font-weight: 700; color: #000; letter-spacing: -0.02em; transition: 0.2s;}
#sub_ask .sub_ask_list > li a.text_box .sub_ask_desc {word-break: keep-all; margin-top: 24px; font-size: 20px; font-weight: 500; color: #000; line-height: 31px; letter-spacing: -0.02em; text-align: center; transition: 0.2s;}
#sub_ask .sub_ask_list > li a.text_box .sub_ask_btn {margin-top: 28px; font-size: 23px; font-weight: 500; color: #000; letter-spacing: -0.02em; width: 368px; height: 65px; display: flex; justify-content: center; align-items: center; background-color: #dadada;}
#sub_ask .sub_ask_list > li a.text_box:hover {background-color: #282c2f; border-top: 1px solid #282c2f; border-bottom: 1px solid #282c2f; border-right: 1px solid #282c2f;}
#sub_ask .sub_ask_list > li a.text_box:hover .sub_ask_title,
#sub_ask .sub_ask_list > li a.text_box:hover .sub_ask_desc {color: #fff;}

/* sub_ask 반응형 */
@media (max-width: 1200px) {
  #sub_ask .sub_ask_list > li a.text_box .sub_ask_title {font-size: 26px;}
  #sub_ask .sub_ask_list > li a.text_box .sub_ask_desc {font-size: 17px;}
  #sub_ask .sub_ask_list > li a.text_box .sub_ask_btn {font-size: 20px; width: 328px;}
}
@media (max-width: 768px) {
  #sub_ask {margin: 8.5714vw 0 7.4285vw;}
  #sub_ask .sub_ask_list {padding: 0 16px; gap: 6.5714vw;}
  #sub_ask .sub_ask_list > li .cont_wrap {flex-direction: column;}
  #sub_ask .sub_ask_list > li .img_box {width: 100%; height: 43vw;}
  #sub_ask .sub_ask_list > li a.text_box {width: 100%; height: auto; padding: 6.5714vw 0; border-left: 1px solid #c7c7c7; border-top: none;}
  #sub_ask .sub_ask_list > li a.text_box:hover {border-left: 1px solid #282c2f;}
  #sub_ask .sub_ask_list > li a.text_box .obje {height: 5.1428vw; top: 4.2857vw; right: 4.2857vw;}
  #sub_ask .sub_ask_list > li a.text_box .sub_ask_title {font-size: 4vw;}
  #sub_ask .sub_ask_list > li a.text_box .sub_ask_desc {font-size: 2.8571vw; margin-top: 3.4285vw; line-height: 4.4285vw;}
  #sub_ask .sub_ask_list > li a.text_box .sub_ask_btn {font-size: 3.1428vw; width: 50.2857vw; height: 8.8571vw; margin-top: 2.5714vw;}
}
/* @media (max-width:580px) {
	#sub_ask .sub_ask_list {padding: 0;}
	#sub_ask .sub_ask_list > li > a .text_box .obje {top:16px;right:16px;}
	#sub_ask .sub_ask_list > li > a .text_box .sub_ask_title {font-size: 24px;}
	#sub_ask .sub_ask_list > li > a .text_box .sub_ask_desc {font-size: 16px;padding:0 8px;}
	#sub_ask .sub_ask_list > li > a .text_box .sub_ask_btn {font-size: 18px;width:248px;}
} */

/* sub_partner */
#sub_partner {margin:112px 0 86px;}
#sub_partner .sub_partner_list {display:flex;flex-direction:column;}
#sub_partner .sub_partner_list > li .cont_wrap {display:flex;flex-direction:row;justify-content:center;align-items:center;gap:98px;padding:112px 130px;border-bottom:1px solid #aeaeae;width:100%;}
#sub_partner .sub_partner_list > li:nth-child(2n) .cont_wrap {flex-direction:row-reverse;}
#sub_partner .sub_partner_list .sub_partner_list_first_list .cont_wrap {padding-top:0;}
#sub_partner .sub_partner_list > li .img_box {height:595px}
#sub_partner .sub_partner_list > li .img_box > img {height: 100%;}
#sub_partner .sub_partner_list > li .img_box .img_mo {display: none;}
#sub_partner .sub_partner_list > li .text_box {display:flex;flex-direction:column;align-items:flex-start;gap:86px;flex:1;}
#sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box {display:flex;flex-direction:column;align-items:flex-start;gap:24px;}
#sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box .sub_partner_text_badge {font-family:'Montserrat',serif;font-size: 19px;font-weight: 500;color:#c4a667;line-height:39px;letter-spacing:0.1em;}
#sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box .sub_partner_text_title {font-size: 40px;font-weight: 500;color:#151516;letter-spacing:-0.02em;}
#sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box .sub_partner_text_title .big_w {font-size: 46px;margin-left:14px;}
#sub_partner .sub_partner_list > li .text_box .career_list {display:flex;flex-direction:column;align-items:flex-start;}
#sub_partner .sub_partner_list > li .text_box .career_list > li {font-size: 19px;font-weight: 500;line-height:37px;color:#151516;letter-spacing:-0.02em;position:relative;padding-left:16px;word-break:keep-all;}
#sub_partner .sub_partner_list > li .text_box .career_list > li:after {content:'';width:6px;height:6px;border-radius:100%;background-color:#ff7e00;position:absolute;top: 1em;left:0;transform:translateY(-50%);}

/* sub_partner 반응형 */
@media (max-width: 1466px) {
  #sub_partner .sub_partner_list > li .cont_wrap {padding: 100px 80px; gap: 80px;}
  #sub_partner .sub_partner_list > li .text_box {gap: 70px;}
  #sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box {gap: 20px;}
  #sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box .sub_partner_text_badge {font-size: 18px; line-height: 32px;}
  #sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box .sub_partner_text_title {font-size: 36px;}
  #sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box .sub_partner_text_title .big_w {font-size: 42px; margin-left: 12px;}
  #sub_partner .sub_partner_list > li .text_box .career_list > li {font-size: 18px; line-height: 34px; padding-left: 14px;}
  #sub_partner .sub_partner_list > li .text_box .career_list > li::after {width: 6px; height: 6px;}
}
@media (max-width: 1200px) {
  #sub_partner .sub_partner_list > li .cont_wrap {padding: 80px 60px;gap: 60px;}
  #sub_partner .sub_partner_list > li .img_box {height: 450px;}
  #sub_partner .sub_partner_list > li .text_box {gap: 60px;}
  #sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box {gap: 18px;}
  #sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box .sub_partner_text_badge {font-size: 17px;line-height: 30px;}
  #sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box .sub_partner_text_title {font-size: 32px;}
  #sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box .sub_partner_text_title .big_w {font-size: 38px;}
  #sub_partner .sub_partner_list > li .text_box .career_list > li {font-size: 17px;line-height: 30px;}
}
@media (max-width: 930px) {
  #sub_partner .sub_partner_list > li .cont_wrap {padding: 60px 30px; gap: 40px;}
  #sub_partner .sub_partner_list > li .text_box {gap: 24px;}
	#sub_partner .sub_partner_list > li .img_box {height: 348px;}
  #sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box {gap: 12px;}
  #sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box .sub_partner_text_badge {font-size: 15px; line-height: 26px;}
  #sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box .sub_partner_text_title {font-size: 24px;}
  #sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box .sub_partner_text_title .big_w {font-size: 28px; margin-left: 8px;}
  #sub_partner .sub_partner_list > li .text_box .career_list > li {font-size: 15px; line-height: 28px; padding-left: 14px;}
  #sub_partner .sub_partner_list > li .text_box .career_list > li::after {width: 5px; height: 5px; top: 0.85em; transform: translateY(-50%);}
}
@media (max-width: 768px) {
	#sub_partner {padding:8.7142vw 0 7.8571vw; margin:0;}
	#sub_partner .sub_partner_list > li .cont_wrap {flex-direction:column;align-items:flex-start;padding:0 6.2857vw; gap:0;}
	#sub_partner .sub_partner_list > li + li {padding-top:7.7142vw;}
	#sub_partner .sub_partner_list > li .text_box {gap:0; padding:10.2857vw 0 7.8571vw;}
	#sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box {gap:0;}
	#sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box .sub_partner_text_badge {font-size: 2.7142vw; line-height:1;}
	#sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box .sub_partner_text_title {font-size: 5.7142vw; margin-top:4.2857vw;line-height:1;}
	#sub_partner .sub_partner_list > li .text_box .sub_partner_text_title_box .sub_partner_text_title .big_w {z-index: 6.5714vw;}
	#sub_partner .sub_partner_list > li .text_box .career_list {margin-top:7.4285vw;}
	#sub_partner .sub_partner_list > li .text_box .career_list > li {font-size: 2.7142vw; line-height:5.2857vw;}
	#sub_partner .sub_partner_list > li .text_box .career_list > li::after {top:1em;}
	#sub_partner .sub_partner_list > li .text_box .career_list > li + li {margin-top: 1.5714vw;}
	#sub_partner .sub_partner_list > li:nth-child(2n) .cont_wrap {flex-direction:column;}
	#sub_partner .sub_partner_list > li .img_box .img_pc {display:none;}
	#sub_partner .sub_partner_list > li .img_box {width:100%; height:45.8571vw;}
	#sub_partner .sub_partner_list > li .img_box .img_mo {display:block; width:100%; height:100%; object-fit:cover;}
}
/* @media (max-width: 580px) {
	#sub_partner .sub_partner_list > li .cont_wrap {flex-direction:column;align-items:flex-start;padding:32px 16px;}
} */

/* sub_map */
#sub_map {margin:100px 0 170px;}
#sub_map .map_box {position:relative;padding-top:38%;}
#sub_map .map_box #map {width:100%;height:100%;position:absolute;top:0;left:0;}
#sub_map .map_box iframe {width:100%;height:100%;position:absolute;top:0;left:0;}
#sub_map .sub_map_cont_wrap {max-width:1400px;width:100%;margin:0 auto;padding:74px 0;display:flex;justify-content:space-between;align-items:flex-start;}
#sub_map .cont_left {width:48%;display:flex;flex-direction:column;align-items:flex-start;}
#sub_map .cont_left .cont_title {font-size: 31px;font-weight: 500;color:#000;line-height:26px;letter-spacing:-0.04em;}
#sub_map .cont_left .address_box{width:100%;padding:36px;background-color:#f4f6f8;margin-top: 48px;}
#sub_map .cont_left .address_box .address {font-size: 14px;color:#999;letter-spacing:-0.02em;}
#sub_map .cont_left .address_box .address .impact {font-weight: 700;}
#sub_map .cont_left .address_box .address_new {font-size: 20px;font-weight: 500;color:#707070;line-height:26px;letter-spacing:-0.04em;margin-top: 26px;}
#sub_map .cont_left .contact_list {margin-top: 48px;}
#sub_map .cont_left .contact_list > li {display:flex;align-items:center;font-size: 15px;font-weight: 500;color:#515151;letter-spacing:-0.02em;}
#sub_map .cont_left .contact_list > li + li {margin-top: 14px;}
#sub_map .cont_left .contact_list > li .icon_box {width:36px;height:36px;border-radius:100%;background-color:#f4f6f8;display:flex;justify-content:center;align-items:center;}
#sub_map .cont_left .contact_list > li .icon_box > img {height:17px;}
#sub_map .cont_left .contact_list > li .icon_name {width:78px;font-weight:700;margin-left:8px;}
#sub_map .cont_right {width: 48%;}
#sub_map .cont_right .cont_title {font-size: 31px;font-weight: 500;color:#000;line-height:26px;letter-spacing:-0.04em;}
#sub_map .cont_right .type_list {margin-top: 70px;}
#sub_map .cont_right .type_list > li {padding:18px 0;width: 100%;}
#sub_map .cont_right .type_list > li .type_title {font-size: 17px;font-weight:700;color:#121212;letter-spacing:-0.025em;}
#sub_map .cont_right .type_list > li .traffic_list {display:flex; align-items:center; margin-top:18px; font-size: 16px; color:#515151; font-weight:500; letter-spacing:-0.02em;}
#sub_map .cont_right .type_list > li .metro_list > li {display:flex;align-items:center;margin-right:14px;}
#sub_map .cont_right .type_list > li .metro_list > li .line {margin-right:5px;font-size: 12px;font-weight: 500;color:#fff;width: 16px;height: 16px;border-radius:100%;background-color:#00a513;display:flex;justify-content:center;align-items:center;}
#sub_map .cont_right .type_list > li .stop_list {display:flex;justify-content:flex-start;gap:16px;align-items:center;flex-wrap:wrap;}
#sub_map .cont_right .type_list > li .stop_list > li {display:flex; align-items:center;}
#sub_map .cont_right .type_list > li .stop_list > li .stop {margin-right:6px; display:block; width:15px; height:15px; border-radius:100px; border:1px solid #707070;font-size: 12px;display:flex;justify-content:center;align-items:center;}
#sub_map .cont_right .type_list > li .bus_list {display:flex;flex-direction:column;align-items:flex-start;gap:6px;}
#sub_map .cont_right .type_list > li .bus_list > li {display:flex;align-items:flex-start;}
#sub_map .cont_right .type_list > li .bus_list > li .bus_type {margin-right:6px; font-size:11px; min-width:25px; border-radius:2px; display:flex;justify-content:center;align-items:center;color:#fff;}
#sub_map .cont_right .type_list > li .bus_list > li .bar {color:#c0c0c0;}
#sub_map .cont_right .type_list > li .bus_list > li .type_blue {background-color:#00aeab; border:1px solid #00928f;} 
#sub_map .cont_right .type_list > li .bus_list > li .type_red {background-color:#f66c53; border:1px solid #d54d35;}
#sub_map .cont_right .type_list > li + li {border-top: 1px solid #c0c0c0;}

/* sub_map 반응형 */
@media (max-width: 1100px) {
  #sub_map .sub_map_cont_wrap {padding: 60px 0;}
  #sub_map .cont_left .cont_title, #sub_map .cont_right .cont_title {font-size: 26px;}
  #sub_map .cont_left .address_box {padding: 32px; gap: 18px; margin-top: 36px;}
  #sub_map .cont_left .address_box .address {font-size: 13px;}
  #sub_map .cont_left .address_box .address_new {font-size: 16px;}
  #sub_map .cont_left .contact_list > li {font-size: 13px; gap: 8px;}
  #sub_map .cont_left .contact_list > li .icon_box {width: 30px; height: 30px;}
  #sub_map .cont_left .contact_list > li .icon_box img {height: 15px;}
  #sub_map .cont_left .contact_list > li .icon_name {font-size: 13px; width: 60px;}
  #sub_map .cont_right .type_list {margin-top: 40px;}
  #sub_map .cont_right .type_list > li {padding: 12px 0;}
  #sub_map .cont_right .type_list > li .type_title {font-size: 15px;}
  #sub_map .cont_right .type_list > li .metro_list > li,
  #sub_map .cont_right .type_list > li .stop_list > li,
  #sub_map .cont_right .type_list > li .bus_list > li {font-size: 13px;}
	#sub_map .cont_right .type_list > li .metro_list > li .line {width:2.5714vw; height:2.5714vw; font-size:2.5714vw;}
	#sub_map .cont_right .type_list > li .stop_list > li .stop {width:2.5714vw; height:2.5714vw; font-size:2vw;}
}
@media (max-width: 768px) {
	#sub_map {margin:7.1428vw 0 11.1428vw;}
	#sub_map .sub_map_cont_wrap {flex-direction:column; gap:11.1428vw;}
	#sub_map .map_box {padding-top:80%;}
	#sub_map .cont_left,#sub_map .cont_right {width:100%;}
	#sub_map .cont_left .cont_title, #sub_map .cont_right .cont_title {font-size:4.7142vw;}
  #sub_map .cont_left .address_box {padding:3.4285vw; gap:2.2857vw; margin-top:8vw;}
  #sub_map .cont_left .address_box .address {font-size:3vw;}
  #sub_map .cont_left .address_box .address_new {font-size:3.7142vw;}
	#sub_map .cont_left .contact_list {margin-top:7vw;}
  #sub_map .cont_left .contact_list > li {font-size:3.2857vw;}
  #sub_map .cont_left .contact_list > li .icon_box {width:6.8571vw; height:6.8571vw;}
  #sub_map .cont_left .contact_list > li .icon_box img {height:3.1428vw;}
  #sub_map .cont_left .contact_list > li .icon_name {width:14.8571vw;}
  #sub_map .cont_right .type_list {margin-top:3.4285vw;}
	#sub_map .cont_right .type_list > li {padding: 5.5714vw 0;}
  #sub_map .cont_right .type_list > li .type_title {font-size:3.1428vw;}
  #sub_map .cont_right .type_list > li .metro_list > li,
  #sub_map .cont_right .type_list > li .stop_list > li,
  #sub_map .cont_right .type_list > li .bus_list > li {font-size:2.8571vw; margin-right: 2vw;}
	#sub_map .cont_right .type_list > li .stop_list {gap:0;}
	#sub_map .cont_right .type_list > li .stop_list > li {line-height:4.8571vw; display:flex;}
	#sub_map .cont_right .type_list > li .bus_list > li {display:flex; align-items:flex-start;}
	#sub_map .cont_right .type_list > li .bus_list > li .bus_type {line-height:1.4; font-size:2.5714vw;}
}
/* @media (max-width: 580px) {
  #sub_map {margin: 32px 0;}
  #sub_map .sub_map_cont_wrap {gap: 50px;}
  #sub_map .map_box {padding-top: 70%;}
  #sub_map .cont_left .cont_title, #sub_map .cont_right .cont_title {font-size: 20px;}
  #sub_map .cont_left .address_box {padding: 20px; gap: 14px; margin-top: 24px;}
  #sub_map .cont_left .address_box .address {font-size: 12px;}
  #sub_map .cont_left .address_box .address_new {font-size: 14px;}
  #sub_map .cont_left .contact_list > li {font-size: 11px;}
  #sub_map .cont_left .contact_list > li .icon_box {width: 26px; height: 26px;}
  #sub_map .cont_left .contact_list > li .icon_box img {height: 13px;}
  #sub_map .cont_left .contact_list > li .icon_name {font-size: 11px; width: 54px;}
  #sub_map .cont_right .type_list {margin-top: 20px;}
  #sub_map .cont_right .type_list > li .type_title {font-size: 13px;}
  #sub_map .cont_right .type_list > li .metro_list > li,
  #sub_map .cont_right .type_list > li .stop_list > li,
  #sub_map .cont_right .type_list > li .bus_list > li {font-size: 11px;}
  #sub_map .cont_right .type_list > li .bus_list > li .bus_type {width: 16px; height: 12px; font-size: 9px;}
} */

/* footer */
#footer {padding: 126px 0 110px; background-color:#1c1c1c; margin-top:100px;}
#footer .inner_1320 {max-width:1320px; width:100%; margin:0 auto;}
#footer .cont_wrap {display:flex; justify-content:space-between;}
#footer .info_wrap {font-size:18px; font-weight:500; color:#fff;}
#footer .top_cont {display:flex; align-items:flex-end; gap:38px; letter-spacing:-0.025em; line-height:1;}
#footer .top_cont .logo_footer {height:33px;}
#footer .top_cont .logo_footer > img {height:100%;}
#footer .top_cont > a {font-size:18px; font-weight:500; color:#fff;}
#footer .top_cont .policy {cursor:pointer;}
#footer .mid_cont {width:80%; display:flex; flex-wrap:wrap; margin-top: 36px; letter-spacing:-0.025em; word-break:keep-all;}
#footer .mid_cont > span {line-height:35px;}
#footer .mid_cont .light {font-weight:300;}
#footer .mid_cont .bar {padding: 0 8px;}
#footer .mid_cont .bar_pc {display:none;}
#footer .bot_cont {margin-top:26px; word-break:keep-all;}
#footer .copy {color:#858585; margin-top:36px;}
#footer .sns_list {display:flex; gap:28px;}
#footer .sns_list > li > a {width:62px; height:62px; border:1px solid #fff; display:flex; justify-content:center; align-items:center; cursor:pointer;}
#footer .sns_list > li > a > img {object-fit:contain;}
/* footer 반응형 */
@media (max-width:1320px) {
#footer .inner_1320 {padding: 0 32px;}
#footer .mid_cont .bar_pc {display:block;}
#footer .mid_cont .bar_tablet {display:none;}
}
@media (max-width:1097px) {
#footer .mid_cont {width:77%;}
#footer .mid_cont .bar_tablet {display:block;}
#footer .mid_cont .bar_tablet_2 {display:none;}
}
@media (max-width:990px) {
#footer .mid_cont {width:88%;}
#footer .mid_cont .bar_tablet_3 {display:none;}
}
@media (max-width:768px) {
	#footer {padding: 10.2857vw 0 26vw; margin-top:10vw;}
	#footer .inner_1320 {padding:0 6.2857vw;}
	#footer .top_cont {flex-wrap:wrap; gap:0;}
	#footer .top_cont > a {font-size:2.5714vw;}
	#footer .top_cont > a + a { margin-left:5.4285vw;}
	#footer .top_cont .logo_footer {width:100%; margin-bottom:4vw;}
	#footer .info_wrap {font-size:2.5714vw;}
	#footer .top_cont .logo_footer {height:6.1428vw;}
	#footer .mid_cont {width:100%; font-size:2.1428vw; margin-top:5.7142vw;}
	#footer .mid_cont > span {line-height:3.8571vw}
	#footer .mid_cont .bar {padding: 0 1.1428vw;}
	#footer .copy {font-size:2.1428vw; margin-top:7.2857vw;}
	#footer .sns_list {display:none;}
	#footer .mid_cont .bar_tablet_2 {display:block;}
	#footer .mid_cont .bar_tablet_3 {display:block;}
	#footer .mid_cont .bar_mobile {display:none;}
}

/* modal */
#modal_policy {display: none; position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
#modal_policy .modal_cont_wrap {width:340px; height:500px; background-color:#F4F6F8; padding:32px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#modal_policy .modal_top_cont {font-size:21px; padding-bottom:16px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #a8a8a8;}
#modal_policy .modal_top_cont .modal_close_btn {height:21px; cursor:pointer;}
#modal_policy .modal_top_cont .modal_close_btn > img {display: block;height:100%;}
#modal_policy .modal_mid_cont {font-size: 16px;background-color:#fff; margin-top:32px; padding:16px; max-height:290px; overflow-y:auto; line-height:1.4;}
#modal_policy .modal_mid_cont .bold {font-weight: 600;}
#modal_policy .modal_btn_cancle {font-size:16px; width:100%; background-color:#fff; padding:12px 0; text-align:center; border:1px solid #a8a8a8; margin-top:16px; cursor:pointer;}

/* 스크롤바 커스텀 */
#modal_policy .modal_mid_cont::-webkit-scrollbar {width: 8px;}
#modal_policy .modal_mid_cont::-webkit-scrollbar-thumb {background-color: #BA9656;}
#modal_policy .modal_mid_cont::-webkit-scrollbar-track {background-color: #EBECED;}

/* 전화 바로걸기 버튼 */
#cnt_float {display:none;}
@media (max-width:768px) {
	#cnt_float {display:block; overflow:hidden; position:fixed; right:18px; bottom:100px; z-index:9999;}
	#cnt_float > a {display:block;}
	#cnt_float > a > img {width:74px; height:74px; object-fit:cover;}
}

/* 퀵메뉴 */
#cnt_quick {display:none;}
@media (max-width:768px) {
	#cnt_quick {box-shadow:0 0 30px rgba(0, 0, 0, 0.4); width:100%; background-color:#f3f3f3; border-radius:30px 30px 0 0 ; display:block; position:fixed; left:0; right:0; bottom:0; z-index:9999; padding:0 6.2857vw;}	
	#cnt_quick .quick_wrap > ul {display:flex; justify-content:space-between; align-items:center; padding:12px 10px; position:relative;}
	#cnt_quick .quick_wrap > ul .trans {display:flex; width:50px; height:50px; border-radius:100px; border:4px solid #fff; background-color:#8E693D; background: linear-gradient(120deg,rgba(142, 105, 61, 1) 0%, rgba(219, 180, 136, 1) 50%); position:absolute; top:-10px; transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);}	
	#cnt_quick .quick_wrap > ul > li > a {display:block;}
	#cnt_quick .quick_wrap > ul > li > a .icon_box {position:relative; height:32px;}
	#cnt_quick .quick_wrap > ul > li > a .icon_box > img {display:block; height:21px; position:absolute; top:0; left:50%; transform:translateX(-50%); transition: 0.3s ease; filter:invert(0.8);}
	#cnt_quick .quick_wrap > ul > li.on > a .icon_box > img {top:-10px; transform:translateX(-50%) scale(1.1); filter:invert(0);}
	#cnt_quick .quick_wrap > ul > li > a .menu_title {font-size:13px; font-weight:500; color:#2b2b2b; padding-top:12px; transition: color 0.3s ease;}
	#cnt_quick .quick_wrap > ul > li.on > a .menu_title {color:#8e693d;}
}

/* ============================================== */
/* 2026 리뉴얼 추가 - 전역 변수 & 폰트 스타일 가이드 */
/* ============================================== */
:root {
	--clr-active: #FFF;
	--clr-inactive: #AAA9A9;
	--clr-gold: #c3842a;
	--font-pretendard: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
	/* 부크크 명조 → 사용자가 파일 안 올렸을 시 Noto Serif KR(700) 자연 폴백 */
	--font-bukku: 'BookkMyungjo', 'Noto Serif KR', 'NotoSerifKR', serif;

	/* ─── 반응형 폰트 스케일 ───
	   Figma 기준 1920px. 1280px 이하에서 약 70% 까지 축소되도록 clamp().
	   2.92vw 는 1920에서 56px 근사값 (56/1920 = 2.92%).
	   각 변수는 (최소값, 1920기준 vw, 최대값=Figma값) */
	--fs-h1:    clamp(38px, 2.92vw, 56px);    /* 56px 기준 — 메인 타이틀 (Bookk Myungjo) */
	--fs-h2:    clamp(34px, 2.50vw, 48px);    /* 48px 기준 — 섹션 헤딩 */
	--fs-h3:    clamp(24px, 1.67vw, 32px);    /* 32px 기준 — 카드 라벨/이름 */
	--fs-h4:    clamp(20px, 1.40vw, 27px);    /* 27px 기준 — 카드 제목(승소사례) */
	--fs-body:  clamp(18px, 1.25vw, 24px);    /* 24px 기준 — 부제 */
	--fs-stat:  clamp(34px, 2.50vw, 48px);    /* 48px 기준 — 데이터 큰 숫자 */
	--fs-tab:   clamp(15px, 0.99vw, 19px);    /* 19px 기준 — 탭/버튼 텍스트 */
	--fs-emo:   clamp(16px, 1.09vw, 21px);    /* 21px 기준 — 감성 카피 */
	--fs-base:  clamp(14px, 0.83vw, 16px);    /* 16px 기준 — 본문 */
	--fs-small: clamp(11px, 0.625vw, 12px);   /* 12px 기준 — 캡션/카피라이트 */

	/* ─── 콘텐츠 정렬 ───
	   - 박스 = max-width 까지 가운데 정렬 (margin: 0 auto)
	   - narrow 화면에서만 양 끝 최소 padding 으로 화면 가장자리와 떨어뜨림
	   - 우측 검은바(100px) 침범 방지: max-width 가 검은바와 안 겹침 */
	--bk-pad-min: clamp(20px, 2.08vw, 40px);   /* 최소 양 끝 여백 */
	--bk-pad-l:   clamp(40px, 18.75vw, 360px); /* (Section 2 lw-inner 등 절대위치용) */
}

/* 섹션 콘텐츠 통일 — 가운데 정렬 + 최소 양 끝 패딩 (Section 7 은 별도)
   max-width 는 각 섹션이 자기 Figma 값으로 따로 지정 */
.bk-section .fm-center,
.bk-section .st-inner,
.bk-section .pr-inner,
.bk-section .sc-inner,
.bk-section .fq-inner {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

/* 각 섹션별 Figma 박스 너비 */
.bk-section .st-inner  { max-width: 1200px; }   /* 데이터 (Figma) */
.bk-section .pr-inner  { max-width: 830px;  }   /* 업무분야 (Figma) */
.bk-section .sc-inner  { max-width: 1305px; }   /* 승소사례 (Figma) */
.bk-section .fq-inner  { max-width: 1207px; }   /* FAQ (Figma) */

/* Section 7 (미디어센터) — 별도 처리:
   ▣ 좌측 360 정렬 (가운데 X) + 우측 검은바 직전까지 콘텐츠 사용
   ▣ 슬라이더 화살표는 absolute floating */
.bk-section .md-inner {
	width: 100%;
	max-width: none;
	margin: 0;
	padding-left: var(--bk-pad-l);
	padding-right: 100px;          /* 우측 검은바 폭만 빼기 */
	box-sizing: border-box;
}

/* 콘텐츠 박스 정렬 — flex 부모의 가운데 정렬 무력화하고 좌측 정렬로 통일 */
.section-stats,
.section-practice,
.section-success,
.section-media,
.section-faq {
	align-items: stretch;
	justify-content: center;
}

/* 부크크명조 Bold (700 전용) - 특정 영역에만 수동 적용 */
.font-bukku { font-family: var(--font-bukku); font-weight: 700; }

/* 타이틀 스타일 */
.ft-h1-visual  { font-size: 56px; font-weight: 700; letter-spacing: 0.04em; line-height: 1.4; }
.ft-h2-title   { font-size: 48px; font-weight: 700; line-height: 1.4; }
.ft-h3-title   { font-size: 48px; font-weight: 400; line-height: 1.4; }
.ft-h4-title   { font-size: 32px; font-weight: 700; line-height: 1.4; }
.ft-h5-title   { font-size: 24px; font-weight: 700; line-height: 1.4; }

/* 본문 스타일 */
.ft-body-24    { font-size: 24px; font-weight: 400; line-height: 1.4; }
.ft-body-16    { font-size: 16px; font-weight: 400; line-height: 1.4; }

/* 예외 스타일 (01_홈, 03_전문성 섹션 전용) */
.ft-brand-badge    { font-size: 12px; font-weight: 400; letter-spacing: 0.8em; line-height: 1.4; }
.ft-emotional      { font-size: 21px; font-weight: 300; letter-spacing: 0.4em; line-height: 1.4; }
.ft-emotional-bold { font-size: 21px; font-weight: 500; letter-spacing: 0.4em; line-height: 1.4; }

/* ============================================== */
/* 2026 리뉴얼 추가 - 좌측 섹션 인디케이터 (PC 전용) */
/* ============================================== */
#side_nav { display: none; }

@media (min-width: 1201px) {
	/* Figma 01_메인 사이드 인디케이터: (40, 299) 130×456, 8개 22h, 62px 간격
	   → 좌측 40px, 수직 중앙 (Figma 의 vertical center ≈ 527 ≈ 50%) */
	#side_nav {
		display: block;
		position: fixed;
		left: 40px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 100;
	}
	#side_nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 40px;                                 /* 62 - 22 = 40 */
	}
	#side_nav li {
		display: flex;
		align-items: center;
		gap: 18px;
		cursor: pointer;
		color: #AAA9A9;                            /* 비활성 텍스트 */
		font-family: var(--font-pretendard);
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;                         /* Figma: 22.4 ≈ 22 */
		letter-spacing: 0;                         /* Figma: 0 */
		transition: color 0.4s ease;
		user-select: none;
		height: 22px;
	}
	#side_nav li.active,
	#side_nav li:hover {
		color: #FFFFFF;                            /* 활성 텍스트 */
	}
	/* 도트: 외곽 13×13 링 + 내부 6×6 채움 (활성=white, 비활성=#AAA9A9) */
	#side_nav li .dot {
		width: 13px;
		height: 13px;
		border-radius: 50%;
		border: 1px solid #AAA9A9;
		position: relative;
		flex-shrink: 0;
		background: transparent;
		transition: border-color 0.4s ease;
	}
	#side_nav li .dot::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: #AAA9A9;
		transition: background 0.4s ease;
	}
	#side_nav li.active .dot,
	#side_nav li:hover .dot {
		border-color: #FFFFFF;
	}
	#side_nav li.active .dot::after,
	#side_nav li:hover .dot::after {
		background: #FFFFFF;
	}
	/* 아직 섹션이 존재하지 않아 매핑 실패한 항목 */
	#side_nav li.is-disabled {
		opacity: 0.35;
		cursor: default;
		pointer-events: none;
	}
}

/* ============================================== */
/* 2026 리뉴얼 - Liquid Glass 헤더 (플로팅 캡슐)     */
/* 디자인 스펙: BK 디자이너 Figma — Property=navi   */
/*  · 1200x80, top:20, radius:100, bg rgba(0,0,0,0.004) */
/*  · 내부 row 1100x40, space-between, gap:80         */
/*  · 메뉴 Pretendard 16/400 #FFF, caret 8px         */
/*  · 전화상담 140x40 골드 #B89557 솔리드 20/600 #FFF  */
/* ============================================== */
@media (min-width: 1201px) {
	/* 헤더 — 화면에서 떠있는 캡슐 (피그마 1200x80) */
	/* ★ 유리 느낌의 핵심: border 를 단색이 아닌 "그라디언트 보더" 로 그린다.
	   transparent border + background-clip 분리로 가장자리 모서리에만 화이트 하이라이트. */
	/* Figma 매칭: 배경 색상 없이 backdrop-filter blur 만 + 그라디언트 보더
	   (스크롤 여부와 관계없이 동일 스타일) */
/* ========== [레퍼런스 변수 이식] ========== */
:root {
  --lg-bg-color: rgba(255, 255, 255, 0.05); /* 유리의 투명한 흰색 배경 */
  --lg-highlight: rgba(255, 255, 255, 0.35); /* 빛 반사 하이라이트 */
  --lg-text: #ffffff;                       /* 기본 텍스트 색상 */
  --lg-hover-glow: rgba(255, 255, 255, 0.05); /* 호버 시 발광 효과 */
}

/* ========== [헤더 메인 틀] 포지션/크기 유지 + 레퍼런스 스타일 ========== */
#header.liquid-glass,
#header.liquid-glass.scroll {
    /* [유지] 사용자님의 기존 포지션 및 크기 */
    position: fixed;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    height: 80px;
    padding: 0 20px;
    border-radius: 100px; /* 라운드 수치는 사용자님 것 유지 */
    overflow: visible;   /* 하위 메뉴 보존 */
    
    /* [변경] 레퍼런스 스타일 이식 */
    z-index: 9999;
    background: transparent; /* 배경은 이제 내부 레이어에서 처리 */
    border: none;            /* 기존 테두리 제거 */
    
    /* 레퍼런스의 텍스트 스타일 및 트랜지션 */
    font-weight: 600;
    color: var(--lg-text);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
    
}

/* ========== [레퍼런스 이식] 유리 배경 레이어 (왜곡 효과 처리) ========== */
.glass-bg-container {
    position: absolute;
    inset: 0;
    border-radius: inherit; /* 부모의 100px 라운드 상속 */
    overflow: hidden;      /* 배경 왜곡만 헤더 영역 안으로 가둠 */
    z-index: -1;           /* 내용물 뒤로 배치 */
    pointer-events: none;  /* 클릭 방해 금지 */
}

.glass-filter {
    position: absolute;
    inset: 0;
    /* 레퍼런스의 isolation 및 필터 적용 */
    isolation: isolate;
    filter: url(#lg-dist); /* SVG 왜곡 필터 */
    
    /* 사용자님 기존의 강한 블러(28px) 대신 레퍼런스 느낌의 은은한 블러 적용 */
    -webkit-backdrop-filter: blur(5px) saturate(130%);
    backdrop-filter: blur(5px) saturate(130%);
}

.glass-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: var(--lg-bg-color); /* 레퍼런스의 반투명 흰색 배경 */
}

.glass-specular {
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: inherit;
    /* 레퍼런스의 정교한 안쪽 하이라이트 (3D 느낌) */
    box-shadow: inset 1px 1px 0 var(--lg-highlight),
                inset 0 0 5px var(--lg-highlight);
}

/* ========== [레퍼런스 이식] 내용물 레이아웃 및 텍스트 스타일 ========== */
.glass-content-wrapper {
    position: relative;
    z-index: 3; /* 배경 레이어 위로 배치 */
    width: 100%;
    height: 100%;
    
    /* 레퍼런스의 콘텐츠 스타일 및 패딩 적용 */
    display: flex;
    align-items: center;
    /* 사용자님의 height가 80px로 고정되어 있으므로 패딩은 상하 대칭으로 미세 조절 */
    padding: 0.5rem 2rem; 
}

/* 내부 정렬을 위한 클래스 (기존 정렬 방식 유지 또는 레퍼런스식 Gap 적용) */
.inner_1580 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* 레퍼런스의 gap 개념 적용 */
    gap: 20px; 
}

/* GNB 메뉴 텍스트 색상을 레퍼런스 변수로 통일 */
.gnb > li > a {
    color: var(--lg-text) !important;
}

/* 전화상담 박스 등도 레퍼런스 느낌으로 미세 조정 */
.phone_ask_box {
    color: var(--lg-text);
}

	/* 내부 컨텐트 래퍼 - 헤더 캡슐 전체 높이로 확장 (자식 li 가 헤더 풀하이트를 차지하도록) */
	#header.liquid-glass .glass-content {
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
	}

	/* 내부 row — 피그마 Frame 3: 1100x40, space-between, gap 80, padding 22 30 */
	#header.liquid-glass .inner_1580 {
		max-width: none;
		height: 100%;
		padding: 0 30px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		gap: 116px;
	}

	/* 풀-와이드 배경 제거 (캡슐에 맞지 않음) */
	#header.liquid-glass .header_sub_bg { display: none; }

	/* 로고 — 피그마 153x30 화이트 */
	#header.liquid-glass .logo_box > a { height: 30px; display: block; }
	#header.liquid-glass .logo_box > a > img { height: 100%; width: auto; }
	#header.liquid-glass .logo_box > a .logo_pc_w { display: block; }
	#header.liquid-glass .logo_box > a .logo_pc_b { display: none; }
	#header.liquid-glass.scroll .logo_box > a .logo_pc_w { display: block; }
	#header.liquid-glass.scroll .logo_box > a .logo_pc_b { display: none; }

	/* 메뉴 ul — 피그마 Frame 1: gap 45, height 22 */
	#header.liquid-glass .gnb {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 45px;
		height: 100%;
	}

	/* 메뉴 a — 피그마: Pretendard 16/400 #FFF, line-height 140% */
	#header.liquid-glass .gnb > li { position: relative; height: 100%; display: flex; align-items: center; }
	#header.liquid-glass .gnb > li > a {
		display: inline-flex;
		align-items: center;
		width: auto;
		height: 100%;
		padding: 0;
		font-family: 'Pretendard', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: -0.01em;
		color: #FFFFFF;
		transition: color .25s ease;
		white-space: nowrap;
	}
	#header.liquid-glass .gnb > li > a:hover { color: #FFFFFF; font-weight: 500; }

	/* hover 시 텍스트 하단 골드 라인 — text-decoration 으로 글자 폭에만 자동 정렬 */
	#header.liquid-glass .gnb > li > a {
		text-decoration-line: underline;
		text-decoration-color: transparent;
		text-decoration-thickness: 2px;
		text-underline-offset: 8px;
		text-decoration-skip-ink: none;
		transition: color .25s ease, text-decoration-color .25s ease;
	}
	#header.liquid-glass .gnb > li:hover > a {
		text-decoration-color: #D4AF6A;
	}
	/* 기존 ::after 골드 라인 무력화 (혹시 남아있을 경우 대비) */
	#header.liquid-glass .gnb > li > a::after { display: none; }

	/* 드롭다운 서브 — 리퀴드글라스 헤더바 하단에 직각 박스로 부착 */
	#header.liquid-glass .gnb > li .gnb_sub {
		top: 100%;
		margin-top: 0; /* li 가 헤더 풀하이트를 차지하므로 top:100% 가 곧 헤더 캡슐 하단 */
		width: max-content;
		padding: 0;
		border-radius: 0;
		background: rgba(46, 23, 0, 0.5); /* #2E1700 50% */
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		border: none;
		box-shadow: none;
	}
	#header.liquid-glass .gnb > li .gnb_sub > li + li {
		border-top: 1px solid rgba(255, 255, 255, 0.18);
	}
	#header.liquid-glass .gnb > li .gnb_sub > li > a {
		height: 56px;
		font-family: 'Pretendard', sans-serif;
		font-size: 14px;
		font-weight: 400;
		letter-spacing: -0.01em;
		color: #FFFFFF;
		padding: 0 11px;
		justify-content: center;
		text-align: center;
		white-space: nowrap;
	}
	#header.liquid-glass .gnb > li .gnb_sub > li > a:hover {
		opacity: 1;
		color: var(--clr-gold);
		background: rgba(0, 0, 0, 0.12);
	}
	/* 호버된 li 만 서브 노출 (이전 #header:hover 로 모두 열리던 문제 해결) */
	#header.liquid-glass .gnb > li .gnb_sub {
		transform: translateX(-50%) scaleY(0);
		transform-origin: top;
		opacity: 0;
		transition: transform .25s ease, opacity .25s ease;
	}
	#header.liquid-glass .gnb > li:hover .gnb_sub {
		transform: translateX(-50%) scaleY(1);
		opacity: 1;
	}

	/* 전화상담 버튼 — 피그마: 140x40, 골드 #B89557 솔리드, radius 50, font 20/600 #FFF */
	#header.liquid-glass .phone_ask_box {
		display: inline-flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 8px;
		width: 140px;
		height: 40px;
		padding: 4px 12px;
		background: #B89557;
		border: none;
		border-radius: 50px;
		font-family: 'Pretendard', sans-serif;
		font-size: 20px;
		font-weight: 600;
		line-height: 24px;
		color: #FFFFFF;
		letter-spacing: -0.01em;
		transition: background .25s ease, box-shadow .25s ease, transform .15s ease;
		cursor: pointer;
	}
	#header.liquid-glass .phone_ask_box:hover {
		background: #c9a467;
		box-shadow: 0 8px 24px rgba(184, 149, 87, 0.45);
	}
	#header.liquid-glass .phone_ask_box:active { transform: translateY(1px); }
	#header.liquid-glass .phone_ask_box .icon_box {
		width: 24px;
		height: 24px;
		margin: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	#header.liquid-glass .phone_ask_box .icon_box > img { height: 100%; width: auto; }
	/* 항상 화이트 아이콘 (스크롤/일반 모두) */
	#header.liquid-glass .phone_ask_box .icon_call_w,
	#header.liquid-glass.scroll .phone_ask_box .icon_call_w { display: block; }
	#header.liquid-glass .phone_ask_box .icon_call_b,
	#header.liquid-glass.scroll .phone_ask_box .icon_call_b { display: none; }

	/* 스크롤 상태에서도 골드 솔리드 유지 */
	#header.liquid-glass.scroll .phone_ask_box {
		background: #B89557;
		color: #FFFFFF;
		border: none;
	}
}

/* backdrop-filter 미지원 브라우저 폴백 */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	#header.liquid-glass { background: rgba(12, 10, 8, 0.92); }
}


/* ============================================================
 * 2026 리뉴얼 - 메인페이지 8섹션 골격
 * ============================================================ */

/* 메인 컨테이너
   ⚠ overflow: hidden 으로 두면 #main 이 자체 scroll container 가 되어
      자식 .bk-section 의 scroll-snap-align 이 html 까지 못 올라가서 스냅이 무효화됨.
      따라서 가로 클리핑만 유지하고 세로는 visible 로 둔다. */
#main { background: #0d0a08; color: #fff; overflow-x: clip; overflow-y: visible; }

/* ─────────────────────────────────────────
 *  메인페이지 한정 — 섹션 풀페이지 스냅 스크롤
 *  핵심:
 *    1) snap-type 은 실제 스크롤 컨테이너인 html 에만 부여
 *       (body 에 동시 부여하면 일부 브라우저 충돌)
 *    2) html 의 기본 overflow-y:scroll 은 그대로 유지
 *    3) 섹션 높이를 100vh 로 고정 (min-height 만으론 mandatory 가 흔들림)
 * ───────────────────────────────────────── */
html.is-main-snap {
	scroll-snap-type: y mandatory;
	scroll-padding-top: 0;
	scroll-behavior: smooth;
	overscroll-behavior-y: none;
}
/* body 에는 snap-type 을 걸지 않는다 — overflow 흐름만 정리 */
body.is-main-snap {
	margin: 0;
}

/* 공통 섹션 베이스 */
.bk-section {
	position: relative;
	width: 100%;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 120px 0;
	overflow: hidden;
	color: #fff;
	/* 섹션 단위 스냅 정렬 */
	scroll-snap-align: start;
	scroll-snap-stop: always;
}
/* 메인스냅 모드에선 섹션 높이를 viewport 에 강제 정렬 */
body.is-main-snap .bk-section {
	height: 100vh;
	min-height: 100vh;
	padding-top: 0;
	padding-bottom: 0;
}

/* 푸터도 스냅 타깃으로 등록 — 안 그러면 mandatory 스냅이 푸터 진입을 차단함 */
body.is-main-snap #footer {
	scroll-snap-align: start;
	scroll-snap-stop: always;
}
.bk-section .gold { color: var(--clr-gold); }

/* ─────────────────────────────────────────
 *  섹션 진입 애니메이션 (IntersectionObserver 트리거)
 *  JS 가 각 섹션 직계 자식에 .anim 클래스를 자동 부여하고,
 *  뷰포트 진입 시 부모 섹션에 .is-in-view 가 토글됨
 * ───────────────────────────────────────── */
.bk-section .anim {
	opacity: 0;
	transform: translateY(48px);
	transition:
		opacity .95s cubic-bezier(.22,.61,.36,1),
		transform 1.05s cubic-bezier(.22,.61,.36,1);
	transition-delay: var(--anim-d, 0s);
	will-change: opacity, transform;
}
.bk-section.is-in-view .anim {
	opacity: 1;
	transform: translateY(0) translateX(0);
}
.bk-section .anim.anim-fade { transform: none; }
.bk-section .anim.anim-left { transform: translate3d(-56px, 0, 0); }
.bk-section .anim.anim-right { transform: translate3d(56px, 0, 0); }
.bk-section .anim.anim-zoom { transform: scale(.92); }
.bk-section.is-in-view .anim.anim-zoom { transform: scale(1); }

/* 배경 영상/이미지 등은 absolute 로 깔리는 경우가 있어 자동태깅에서 제외 */
.bk-section > video,
.bk-section > .bk-bg,
.bk-section > .sec-bg { opacity: 1 !important; transform: none !important; }

/* prefers-reduced-motion 존중 */
@media (prefers-reduced-motion: reduce) {
	.bk-section .anim { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* ─────────────────────────────────────────
 *  우측 사이드 — 형사/가사/민사 바로가기
 * ───────────────────────────────────────── */
#side_links { display: none; }
@media (min-width: 1201px) {
	/* Figma 01_메인 우측 네비게이션:
	   100×1053 풀하이트 검은 바 + 내부에 형사/가사/민사 + Top 버튼.
	   콘텐츠는 바 하단부에 위치 (Figma: y=617~1023, 약 58.6%~97% 영역). */
	#side_links {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		gap: 35px;
		position: fixed;
		right: 0;
		top: 0;
		bottom: 0;
		width: 5dvw;
		padding: 0 0 30px;
		background: #000000;
		z-index: 100;
		transition: opacity .3s ease, transform .3s ease;
	}
	/* 푸터 진입 시 우측 검은바 숨김 */
	body.footer-in-view #side_links {
		opacity: 0;
		transform: translateX(100%);
		pointer-events: none;
	}

	/* 3개 분야 링크 */
	#side_links .link_item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		width: 44px;
		gap: 4px;
		color: #FFFFFF;
		text-decoration: none;
		transition: opacity .25s ease, transform .2s ease;
		opacity: 0.92;
		background: none;
		border: none;
		padding: 0;
	}
	#side_links .link_item:hover { opacity: 1; transform: translateY(-2px); }
	#side_links .link_item .ico {
		display: inline-flex; align-items: center; justify-content: center;
		height: 28px;
	}
	#side_links .link_item .txt {
		font-family: var(--font-pretendard);
		font-size: 12px; font-weight: 400; line-height: 15px;
		color: #FFFFFF; text-align: center;
		margin-top: 4px;
	}

	/* 최하단 Top 버튼 — 다른 항목과 살짝 더 띄움 */
	#side_links .link_top {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 44px;
		gap: 4px;
		margin-top: 73px;
		background: transparent;
		border: none;
		color: #FFFFFF;
		cursor: pointer;
		padding: 0;
		transition: opacity .25s ease, transform .2s ease;
		opacity: 0.92;
	}
	#side_links .link_top:hover { opacity: 1; transform: translateY(-2px); }
	#side_links .link_top .ico {
		display: inline-flex; align-items: center; justify-content: center;
		height: 17px;
	}
	#side_links .link_top .txt {
		font-family: var(--font-pretendard);
		font-size: 12px; font-weight: 400; line-height: 15px;
		color: #FFFFFF; text-align: center;
	}
}

/* ─────────────────────────────────────────
 *  SECTION 1 — 히어로  (Figma 01_메인, bg 제외)
 *
 *  배경은 인라인 style 의 background-image (= $bk_section_bg) 가 담당.
 *  사용자가 직접 hero.mp4 업로드 시에만 영상이 그 위에 덮힘.
 *  오버레이/그라디언트 없음 — 배경 그대로 노출.
 * ───────────────────────────────────────── */
.section-hero {
	min-height: 100vh;
	background-color: #0d0a08;       /* 배경 미설정 시 폴백 */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 0;
}

/* 영상 (선택, hero.mp4 업로드 시) */
.section-hero .hero-video {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	object-fit: cover;
	z-index: 1;
}
.section-hero .hero-video-cover {
	position: absolute;
	inset: 0;
	z-index: 2;
	overflow: hidden;
	opacity: 1;
	transition: opacity .85s ease, visibility .85s ease;
	pointer-events: none;
}
.section-hero .hero-video-cover::before {
	content: "";
	position: absolute;
	inset: -4%;
	background: url('../img/main/hero_logo_watermark.png') center / cover no-repeat;
	transform: scale(1.04);
	animation: heroCoverDrift 5.8s cubic-bezier(.22,.61,.36,1) forwards;
}
.section-hero.is-video-ready .hero-video-cover {
	opacity: 0;
	visibility: hidden;
}

.section-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background:
		radial-gradient(
			ellipse 72% 32% at 50% 50%,
			rgba(0, 0, 0, 0.18) 0%,
			rgba(0, 0, 0, 0.11) 36%,
			rgba(0, 0, 0, 0.05) 62%,
			rgba(0, 0, 0, 0) 88%
		);
	pointer-events: none;
}

@keyframes heroCoverDrift {
	0% { transform: scale(1.04) translate3d(0, 0, 0); filter: brightness(.96); }
	58% { transform: scale(1.095) translate3d(-.6%, -.5%, 0); filter: brightness(1.03); }
	100% { transform: scale(1.12) translate3d(-1%, -.8%, 0); filter: brightness(1.06); }
}

/* 타이틀 블록 (Figma "타이틀" 그룹, 493×180 @ 정중앙) */
.section-hero .hero-inner {
	position: relative; z-index: 3;
	max-width: 90vw;
	padding: 0;
	text-align: center;
	margin-top: 20.5vh;     /* 1053 기준 437 / 1053 ≈ 41.5% */
	color: #FFFFFF;
	text-shadow:
		0 2px 8px rgba(0, 0, 0, 0.72),
		0 10px 30px rgba(0, 0, 0, 0.58),
		0 18px 54px rgba(0, 0, 0, 0.36);
}

/* 1) 배지 — Pretendard 12px, ls 9.6 (= 0.8em) */
.section-hero .hero-tagline {
	font-family: 'Pretendard', sans-serif;
	font-size: var(--fs-small);
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.8em;
	color: #FFFFFF;
	margin: 0 0 46px;
	padding-left: 0.8em;     /* letter-spacing 보정 → 시각적 가운데 */
}

/* 2) 감성 카피 — Pretendard 21px, ls 8.4 (= 0.4em) */
.section-hero .hero-emotional {
	font-family: 'Pretendard', sans-serif;
	font-size: var(--fs-emo);
	font-weight: 300;
	line-height: 1.4;
	letter-spacing: 0.4em;
	color: rgba(255, 255, 255, 0.95);
	margin: 0 0 10px;
	padding-left: 0.4em;
}

/* 3) 메인 타이틀 — Bookk Myungjo 700, 56px, ls 2.24 (= 0.04em) */
.section-hero .hero-title {
	font-family: var(--font-bukku);
	font-size: var(--fs-h1);
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	margin: 0;
	-webkit-text-stroke: 0.35px rgba(0, 0, 0, 0.28);
}

/* 하단 중앙 스크롤 인디케이터 (Figma 의 "스크롤", (930,980) 61×43) */
.section-hero .hero-scroll-hint {
	position: absolute; bottom: 40px; left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	display: flex; flex-direction: column; align-items: center;
	gap: 8px;
}
.section-hero .hsh-arrows path {
	animation: scrollChev 1.6s ease-in-out infinite;
}
.section-hero .hsh-arrows path:nth-child(1) { animation-delay: 0s; }
.section-hero .hsh-arrows path:nth-child(2) { animation-delay: 0.15s; }
.section-hero .hsh-arrows path:nth-child(3) { animation-delay: 0.3s; }
.section-hero .hsh-text {
	font-family: 'Pretendard', sans-serif;
	font-size: var(--fs-small);
	font-weight: 400;
	line-height: 15px;
	color: #AAA9A9;
}
@keyframes scrollChev {
	0%, 100% { opacity: 0.30; transform: translateY(0); }
	50%      { opacity: 1.00; transform: translateY(2px); }
}
@keyframes scrollHint {
	0% { transform: translateY(0); opacity: 1; }
	100% { transform: translateY(16px); opacity: 0; }
}

/* ─────────────────────────────────────────
 *  SECTION 2 — 변호사 소개  (Figma 02_변호사소개)
 *
 *  배경 : 변호사별 lawyer_bg_*.jpg (사진 + 배경 일체형)
 *  레이아웃 : 좌측 (360, 360) 텍스트 / 우측 (1600, 726) 다음 화살표
 *  오버레이 없음 (사용자 요청)
 * ───────────────────────────────────────── */
.section-lawyers {
	background-color: #1a120c;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
}
.section-lawyers .lw-bg-stage {
	position: absolute; inset: 0; z-index: 0;
}
.section-lawyers .lw-bg {
	position: absolute; inset: 0;
	background-size: cover; background-position: center;
	opacity: 0;
	transition: opacity .9s cubic-bezier(.22,.61,.36,1),
	            transform 1.6s cubic-bezier(.22,.61,.36,1);
	transform: scale(1.04);
	will-change: opacity, transform;
}
.section-lawyers .lw-bg.is-active {
	opacity: 1;
	transform: scale(1);
}

/* 좌측 텍스트 블록 (Figma Frame 130 @ (360, 360) 559×316)
   반응형: 좁은 뷰포트에서도 우측 여백 유지 */
.section-lawyers .lw-inner {
	position: absolute;
	top: 34.2vh;
	left: clamp(40px, 18.75vw, 360px);
	max-width: calc(100vw - 220px);
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 0;
}

/* 1) 타이틀 — Pretendard 700, 48px */
.section-lawyers .lw-title {
	font-family: var(--font-pretendard);
	font-size: var(--fs-h2);
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
	color: #FFFFFF;
	margin: 0 0 50px;
	word-break: keep-all;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.4);
}

.section-lawyers .lw-title-regular {
	font-weight: 400;
}

/* 2) 이름 + 직함 행 (Figma Frame 129 @ y=184) */
.section-lawyers .lw-name-row {
	display: flex;
	align-items: center;
	gap: 5px;
	margin: 0 0 50px;
	height: 45px;
}
.section-lawyers .lw-logo {
	display: inline-flex;
	align-items: center; justify-content: center;
	width: 44px; height: 42px;
	margin-right: 10px;
	flex-shrink: 0;
}
.section-lawyers .lw-name {
	font-family: var(--font-pretendard);
	font-size: var(--fs-h3);
	font-weight: 600;
	line-height: 45px;
	color: #FFFFFF;
	letter-spacing: 0;
}
/* 이름 글자 사이 간격 (Figma "백 홍 기" 처럼 띄움) */
.section-lawyers .lw-name .js-lw-name {
	letter-spacing: 0.3em;
}
.section-lawyers .lw-suffix {
	font-family: var(--font-pretendard);
	font-size: var(--fs-h3);
	font-weight: 600;
	line-height: 45px;
	color: #FFFFFF;
	letter-spacing: 0;
}
.section-lawyers .lw-role {
	font-family: var(--font-pretendard);
	font-size: var(--fs-body);
	font-weight: 400;
	line-height: 34px;
	color: #FFFFFF;
	letter-spacing: 0;
	margin-left: 18px;
}

/* 3) "더 알아보기" 버튼 (Figma 127×37) */
.section-lawyers .lw-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 140px;
	height: 37px;
	padding: 0 16px;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 100px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: var(--font-pretendard);
	font-size: var(--fs-base);
	font-weight: 400;
	line-height: 22px;
	background: transparent;
	transition: background .2s ease, border-color .2s ease, gap .2s ease;
	align-self: flex-start;
}
.section-lawyers .lw-more:hover {
	background: rgba(255, 255, 255, 0.12);
	border-color: #FFFFFF;
	gap: 16px;
}
.section-lawyers .lw-more-arrow { flex-shrink: 0; }

/* 우측 다음 변호사 더블 chevron (Figma (1600, 726) 65×63)
   반응형: 우측 100px 검은 바 피해서 안쪽에 배치 */
.section-lawyers .lw-next-chevron {
	position: absolute;
	right: clamp(120px, 16.67vw, 220px);
	top: 68.9vh;
	width: clamp(44px, 3.39vw, 65px);
	height: clamp(43px, 3.28vw, 63px);
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	z-index: 3;
	opacity: 0.85;
	transition: opacity .25s ease, transform .2s ease;
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));
}
.section-lawyers .lw-next-chevron img { width: 100%; height: 100%; }
.section-lawyers .lw-next-chevron:hover {
	opacity: 1;
	transform: translateX(4px);
}
.section-lawyers .lw-next-chevron:active { transform: translateX(4px) scale(0.95); }
.section-lawyers .lw-next-chevron.is-hinting {
	animation: lwNextHint .78s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes lwNextHint {
	0%, 100% { transform: translateX(0); }
	18% { transform: translateX(-6px); }
	38% { transform: translateX(10px); }
	58% { transform: translateX(-4px); }
	78% { transform: translateX(6px); }
}

/* ─────────────────────────────────────────
 *  SECTION 3 — 법조가문
 * ───────────────────────────────────────── */
/* ─────────────────────────────────────────
 *  SECTION 3 — 법조가문 (Figma 03_법조가문)
 *  레이아웃 (1920×1053):
 *    상단 0~320 : 마키 슬라이드 (4장 가로, 좌→우 흐름)
 *    중앙 468~585 : 타이틀 (1041×117, 가운데)
 *    하단 733~1053 : 마키 슬라이드 (반대 방향)
 *  cell : 500×320 (Figma)
 * ───────────────────────────────────────── */
.section-family {
	background-color: #0d0a08;
	background-size: cover;
	background-position: center;
	flex-direction: column;
	justify-content: space-between;
	padding: 0;
	gap: 0;
}
.section-family .fm-marquee {
	width: 100%;
	overflow: hidden;
	height: 30.4vh;             /* 320/1053 */
	flex-shrink: 0;
}
.section-family .fm-track {
	display: flex;
	gap: 30px;
	height: 100%;
	animation: fmScroll 60s linear infinite;
	width: max-content;
}
.section-family .fm-track-reverse {
	animation: fmScrollReverse 60s linear infinite;
}
.section-family .fm-cell {
	flex: 0 0 auto;
	width: 500px;                /* Figma: 500 */
	height: 100%;
	border-radius: 0;            /* Figma: r=0 (모서리 직각) */
	overflow: hidden;
	background: #1a120c;
}
.section-family .fm-cell img { width: 100%; height: 100%; object-fit: cover; }
@keyframes fmScroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}
@keyframes fmScrollReverse {
	0% { transform: translateX(-50%); }
	100% { transform: translateX(0); }
}

/* 중앙 타이틀 블록 (Figma 의 "타이틀" 1041×117 @ (441, 468)) */
.section-family .fm-center {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 10px;
	/* padding/width 는 통일 룰에서 자동 적용됨 */
}

/* 부제 — Pretendard 300, 21px, ls 8.4 (= 0.4em) */
.section-family .fm-names {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-pretendard);
	font-size: var(--fs-emo);
	font-weight: 300;
	line-height: 1.4;
	letter-spacing: 0.4em;
	color: #FFFFFF;
	padding-left: 0.4em;
	margin: 0;
}
.section-family .fm-name,
.section-family .fm-sep {
	display: inline-block;
}
.section-family .fm-name {
	transform: translateY(10px);
	opacity: 0;
	filter: blur(6px);
}
.section-family .fm-sep {
	color: rgba(212, 175, 106, 0.82);
	opacity: 0;
	transform: scale(0.6);
}
.section-family .fm-family-name {
	display: inline-block;
	color: inherit;
	transform: translateY(0) scale(1);
}
.section-family.is-in-view .fm-name {
	animation: fmNameReveal .9s cubic-bezier(.16,1,.3,1) both;
}
.section-family.is-in-view .fm-name:nth-child(1) { animation-delay: .16s; }
.section-family.is-in-view .fm-name:nth-child(3) { animation-delay: .32s; }
.section-family.is-in-view .fm-name:nth-child(5) { animation-delay: .48s; }
.section-family.is-in-view .fm-sep {
	animation: fmSepReveal .6s ease-out both;
}
.section-family.is-in-view .fm-sep:nth-child(2) { animation-delay: .26s; }
.section-family.is-in-view .fm-sep:nth-child(4) { animation-delay: .42s; }
.section-family.is-in-view .fm-family-name {
	animation: fmFamilyNameMark 1.12s cubic-bezier(.16,1,.3,1) both;
}
.section-family.is-in-view .fm-name:nth-child(1) .fm-family-name { animation-delay: .88s; }
.section-family.is-in-view .fm-name:nth-child(3) .fm-family-name { animation-delay: 1.1s; }
.section-family.is-in-view .fm-name:nth-child(5) .fm-family-name { animation-delay: 1.32s; }
@keyframes fmNameReveal {
	0% { opacity: 0; transform: translateY(10px); filter: blur(6px); }
	100% { opacity: 1; transform: translateY(0); filter: blur(0); }
}
@keyframes fmSepReveal {
	0% { opacity: 0; transform: scale(0.6); }
	100% { opacity: 1; transform: scale(1); }
}
@keyframes fmFamilyNameMark {
	0% { color: #FFFFFF; text-shadow: none; transform: translateY(0) scale(1); }
	42% {
		color: #F3D99E;
		text-shadow:
			0 0 10px rgba(212, 175, 106, 0.48),
			0 0 24px rgba(212, 175, 106, 0.24);
		transform: translateY(-1px) scale(1.08);
	}
	100% {
		color: #D4AF6A;
		text-shadow: 0 0 14px rgba(212, 175, 106, 0.28);
		transform: translateY(0) scale(1);
	}
}
@media (prefers-reduced-motion: reduce) {
	.section-family .fm-name,
	.section-family .fm-sep,
	.section-family .fm-family-name {
		animation: none !important;
		transform: none !important;
		filter: none !important;
		opacity: 1 !important;
	}
	.section-family .fm-family-name { color: #D4AF6A; }
}

/* 메인 타이틀 — Bookk Myungjo 700, 56px, ls 2.24 (= 0.04em) */
.section-family .fm-title {
	font-family: var(--font-bukku);
	font-size: var(--fs-h1);
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	margin: 0;
	word-break: keep-all;
}

/* ─────────────────────────────────────────
 *  SECTION 4 — 실적 카운트업
 * ───────────────────────────────────────── */
/* ─────────────────────────────────────────
 *  SECTION 4 — 데이터/실적  (Figma 04_데이터)
 *  콘텐츠 박스 (360, 250) 1200×577 — 상단 헤딩 + 2×2 카드
 * ───────────────────────────────────────── */
.section-stats {
	background-color: #0a0806;
	background-size: cover;
	background-position: center;
	flex-direction: column;
	justify-content: center;
}
.section-stats .st-inner {
	position: relative; z-index: 2;
	/* width/max-width/margin/padding 는 통일 룰에서 적용 */
}

/* 상단 헤딩 (Figma Text Container @ x=410, 380×115) — 가운데 정렬 */
.section-stats .st-head {
	text-align: center;
	margin-bottom: 100px;     /* 215 - 115 = 100 */
}
.section-stats .st-title {
	font-family: var(--font-pretendard);
	font-size: var(--fs-h2);
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
	color: #D4AF6A;            /* Figma 골드 */
	margin: 0 0 14px;
}
.section-stats .st-sub {
	font-family: var(--font-pretendard);
	font-size: var(--fs-body);
	font-weight: 400;
	line-height: 1.4;
	color: #FFFFFF;
	margin: 0;
	letter-spacing: 1%;
}

/* 카드 그리드 (Figma Sub Container 1200×362 — 2×2, gap 100/80) */
.section-stats .st-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 58px 100px;          /* row col */
	list-style: none;
	padding: 0; margin: 0;
}
/* 카드 (Figma 550×141, 보더/배경 없음) */
.section-stats .st-card {
	padding: 0;
	background: transparent;
  border-left: 1px solid #D4AF6A;
	border-radius: 0;
	min-height: 141px;
}

/* 카드 상단 행: 왼쪽 큰 숫자 + 오른쪽 라벨 */
.section-stats .st-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 67px;
	padding: 0 30px;
	margin-bottom: 26px;
}
.section-stats .st-numwrap {
	display: flex;
	align-items: baseline;
	gap: 4px;
}
.section-stats .st-num {
	position: relative;
	display: inline-block;
	transform-origin: center 58%;
	font-family: var(--font-pretendard);
	font-size: var(--fs-stat);
	font-weight: 700;
	line-height: 1.4;
	color: #FFFFFF;
	letter-spacing: 0;
}
.section-stats .st-num.is-counting {
	animation: countCharge 1.6s ease-in-out infinite alternate;
}
.section-stats .st-num.is-count-impact {
	animation: countImpact .92s cubic-bezier(.16,1,.3,1);
}
.section-stats .st-num.is-count-impact-small {
	animation: countImpactSmall 1.05s cubic-bezier(.16,1,.3,1);
}
.section-stats .st-unit {
	font-size: var(--fs-stat);
	font-weight: 700;
	color: #FFFFFF;
}

@keyframes countCharge {
	0% {
		transform: scale(1);
		text-shadow: 0 0 0 rgba(212,175,106,0);
	}
	100% {
		transform: scale(1.012);
		text-shadow: 0 0 14px rgba(212,175,106,.24), 0 0 36px rgba(184,149,87,.12);
	}
}

@keyframes countImpact {
	0% {
		transform: scale(1.025);
		filter: brightness(1);
		text-shadow: 0 0 20px rgba(212,175,106,.35);
	}
	28% {
		transform: scale(1.18);
		filter: brightness(1.22);
		text-shadow: 0 0 12px rgba(255,255,255,.5), 0 0 38px rgba(212,175,106,.76), 0 0 96px rgba(184,149,87,.36);
	}
	58% {
		transform: scale(1.065);
		filter: brightness(1.08);
		text-shadow: 0 0 32px rgba(212,175,106,.48), 0 0 110px rgba(184,149,87,.2);
	}
	100% {
		transform: scale(1);
		filter: brightness(1);
		text-shadow: none;
	}
}

@keyframes countImpactSmall {
	0% {
		transform: scale(1.025);
		filter: brightness(1);
		text-shadow: 0 0 20px rgba(212,175,106,.35);
	}
	22% {
		transform: scale(1.26);
		filter: brightness(1.32);
		text-shadow: 0 0 14px rgba(255,255,255,.62), 0 0 44px rgba(212,175,106,.88), 0 0 120px rgba(184,149,87,.48);
	}
	42% {
		transform: scale(1.08);
		filter: brightness(1.14);
		text-shadow: 0 0 38px rgba(212,175,106,.62), 0 0 130px rgba(184,149,87,.28);
	}
	100% {
		transform: scale(1);
		filter: brightness(1);
		text-shadow: none;
	}
}
.section-stats .st-label {
	position: relative;
	font-family: var(--font-pretendard);
	font-size: clamp(19px, 1.15vw, 22px);
	font-weight: 600;
	line-height: 1.45;
	color: #D4AF6A;
	text-align: right;
	filter: brightness(1.12);
	text-shadow: 0 0 14px rgba(212,175,106,.34);
	animation: statLabelGlow 3.8s ease-in-out infinite;
	flex-shrink: 0;
	max-width: 230px;
	word-break: keep-all;
}
@keyframes statLabelGlow {
	0%, 100% {
		filter: brightness(1.08);
		text-shadow: 0 0 10px rgba(212,175,106,.26);
	}
	50% {
		filter: brightness(1.18);
		text-shadow: 0 0 18px rgba(212,175,106,.42);
	}
}

/* 카드 하단 설명 (2줄) */
.section-stats .st-desc {
	margin: 0;
	padding: 0 30px;
	font-family: var(--font-pretendard);
	font-size: clamp(17px, 0.99vw, 19px);
	font-weight: 300;
	line-height: 1.62;
	color: #AAA9A9;
	letter-spacing: 0;
	word-break: keep-all;
}
.section-stats .st-desc-top {
	font-weight: 400;
	color: rgba(255, 255, 255, 0.86);
}
.section-stats .st-desc-body { color: #C2C0BD; }

/* ─────────────────────────────────────────
 *  SECTION 5 — 업무분야 (3카드)
 * ───────────────────────────────────────── */
/* ─────────────────────────────────────────
 *  SECTION 5 — 업무분야  (Figma 05_업무분야)
 *  콘텐츠 박스 (545, 250) 830×596 — 가운데
 *  카드 257×395, 3개 가로 gap 30
 *  호버 시 분야별 시그니처 컬러 배경 + 흰 텍스트
 * ───────────────────────────────────────── */
.section-practice {
	background-color: #14100c;
	background-size: cover;
	background-position: center;
	flex-direction: column;
	justify-content: center;
}
.section-practice .pr-inner {
	/* width/max-width/margin/padding 는 통일 룰에서 적용 */
}

/* 상단 헤딩 (Figma 타이틀 725×121) */
.section-practice .pr-head {
	text-align: center;
	margin-bottom: 80px;             /* 201 - 121 = 80 */
}
.section-practice .pr-title {
	font-family: var(--font-pretendard);
	font-size: var(--fs-h2);
	font-weight: 700;
	line-height: 1.4;
	color: #FFFFFF;
	margin: 0 0 20px;
	letter-spacing: 0;
}
.section-practice .pr-sub {
	font-family: var(--font-pretendard);
	font-size: var(--fs-body);
	font-weight: 400;
	line-height: 1.4;
	color: #FFFFFF;
	margin: 0;
	letter-spacing: 1%;
}

/* 카드 그리드 (Figma 컨텐츠 830×395 — 3카드, 257w, 30 gap) */
.section-practice .pr-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	list-style: none;
	padding: 0; margin: 0;
}
.section-practice .pr-card {
	position: relative;
	width: 100%;
	aspect-ratio: 257 / 395;
	border-radius: 0;
	overflow: hidden;
	--pr-hover-bg: #B89557;
}
.section-practice .pr-card.pr-criminal { --pr-hover-bg: #172341; }
.section-practice .pr-card.pr-divorce  { --pr-hover-bg: #604B42; }
.section-practice .pr-card.pr-civil    { --pr-hover-bg: #105050; }
.section-practice .pr-card .pr-link {
	display: block;
	width: 100%; height: 100%;
	color: #FFFFFF;
	text-decoration: none;
}

/* 배경 이미지 (사용자 업로드) */
.section-practice .pr-thumb {
	position: absolute; inset: 0;
	background-size: cover; background-position: center;
	transition: transform .6s ease;
	z-index: 0;
}
.section-practice .pr-card:hover .pr-thumb { transform: scale(1.06); }

/* 색 오버레이 (이미지 톤 통일) — 카드별로 다른 색 */
.section-practice .pr-tint {
	position: absolute; inset: 0;
	z-index: 1;
	transition: opacity .35s ease;
}
.section-practice .pr-card:hover .pr-tint { opacity: 0; }

/* 분야별 호버 레이어 */
.section-practice .pr-card::after {
	content: '';
	position: absolute; inset: 0;
	background: var(--pr-hover-bg);
	z-index: 2;
	opacity: 0;
	transition: opacity .35s ease;
}
.section-practice .pr-card:hover::after { opacity: 1; }

/* 기본 라벨 (가운데 위치) */
.section-practice .pr-label-default {
	position: absolute; inset: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity .35s ease;
}
.section-practice .pr-card:hover .pr-label-default { opacity: 0; }
.section-practice .pr-name {
	font-family: var(--font-pretendard);
	font-size: var(--fs-h3);
	font-weight: 700;
	line-height: 1.4;
	color: #D4AF6A;             /* Figma 골드 라벨 */
	letter-spacing: 0;
	text-align: center;
}

/* 호버 라벨 + 마우스 커서 아이콘 */
.section-practice .pr-label-hover {
	position: absolute; inset: 0;
	z-index: 4;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	opacity: 0;
	transition: opacity .35s ease;
	padding: 0 20px;
}
.section-practice .pr-card:hover .pr-label-hover { opacity: 1; }
.section-practice .pr-go-name {
	font-family: var(--font-pretendard);
	font-size: var(--fs-h3);
	font-weight: 700;
	line-height: 1.4;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 0;
}
.section-practice .pr-cursor {
	margin-top: 6px;
	filter: drop-shadow(0 1px 2px rgba(0,0,0,0.18));
}

/* ─────────────────────────────────────────
 *  SECTION 6 — 우수승소사례 (탭+슬라이더)
 * ───────────────────────────────────────── */
/* ─────────────────────────────────────────
 *  SECTION 6 — 우수승소사례  (Figma 06_승소사례)
 *  콘텐츠 박스 (374, 250) 1172×774 — 가운데
 *  탭 3개 (267×51) → 카드 슬라이더 (2장 보임, 각 578×371) → 더 보기
 * ───────────────────────────────────────── */
.section-success {
	background-color: #0d0a08;
	background-size: cover;
	background-position: center;
	flex-direction: column;
	justify-content: center;
}
.section-success::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: rgba(5, 4, 3, 0.18);
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s ease;
}
.section-success.is-card-hovering::after {
	opacity: 1;
}
.section-success .sc-inner {
	position: relative; z-index: 2;
	/* width/max-width/margin/padding 는 통일 룰에서 적용 */
}

/* 헤딩 */
.section-success .sc-head {
	text-align: center;
	margin-bottom: 50px;
}
.section-success .sc-title {
	font-family: var(--font-pretendard);
	font-size: var(--fs-h2);
	font-weight: 700;
	line-height: 1.4;
	color: #FFFFFF;
	margin: 0 0 20px;
}
.section-success .sc-sub {
	font-family: var(--font-pretendard);
	font-size: var(--fs-body);
	font-weight: 400;
	line-height: 1.4;
	color: #FFFFFF;
	margin: 0;
}

/* 탭 (Figma: 267×51 r=8, gap 28) */
.section-success .sc-tabs {
	display: flex;
	justify-content: center;
	gap: 28px;
	list-style: none;
	padding: 0;
	margin: 0 0 35px;
}
.section-success .sc-tab {
	width: 267px;
	height: 51px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/* Figma: 비활성 탭은 rgba(255,255,255, 0.15) — 어두운 배경 위 반투명 흰 칩 */
	background: rgba(255, 255, 255, 0.15);
	color: #FFFFFF;
	border: none;
	border-radius: 8px;
	font-family: var(--font-pretendard);
	font-size: var(--fs-tab);
	font-weight: 700;
	letter-spacing: 0;
	cursor: pointer;
	transition: background .25s ease, color .25s ease;
}
.section-success .sc-tab:hover { background: rgba(255, 255, 255, 0.25); }
.section-success .sc-tab.is-active {
	color: #FFFFFF;
}
/* 활성 탭 색 — 카테고리별 */
.section-success .sc-tab.is-active[data-tab="criminal"] { background: #172341; }
.section-success .sc-tab.is-active[data-tab="divorce"]  { background: #604B42; }
.section-success .sc-tab.is-active[data-tab="civil"]    { background: #105050; }

/* 패널 (탭별 카드 슬라이더) */
.section-success .sc-pane {
	display: none;
	position: relative;
	padding: 0 50px;       /* 좌우 화살표용 여백 */
}
.section-success .sc-pane.is-active { display: block; }

/* 좌/우 원형 화살표 (Figma: 30×30) */
.section-success .sc-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	border: none;
	background: transparent;
	cursor: pointer;
	z-index: 5;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform .2s ease, opacity .25s ease;
	opacity: 0.85;
}
.section-success .sc-arrow:hover { opacity: 1; }
.section-success .sc-prev { left: 0; }
.section-success .sc-next { right: 0; }
.section-success .sc-prev:hover { transform: translateY(-50%) translateX(-3px); }
.section-success .sc-next:hover { transform: translateY(-50%) translateX(3px); }

/* 카드 (Figma: 578×371 r=20) */
.section-success .sc-card {
	position: relative;
	display: grid;
	grid-template-columns: 50% 50%;
	width: 100%;
	height: 371px;
	padding: 0;
	background: #FFFFFF;
	color: #1A1A1A;
	border-radius: 20px;
	overflow: hidden;
	text-decoration: none;
	transition: box-shadow .3s ease;
	box-shadow: 0 8px 24px -10px rgba(0, 0, 0, 0.25);
}
.section-success .sc-card:hover {
	box-shadow: 0 26px 64px -18px rgba(0, 0, 0, 0.46);
}
.section-success .sc-card.is-hovered {
	z-index: 3;
	box-shadow: 0 26px 64px -18px rgba(0, 0, 0, 0.46);
}
.section-success.is-card-hovering .sc-head,
.section-success.is-card-hovering .sc-tabs,
.section-success.is-card-hovering .sc-more-wrap,
.section-success.is-card-hovering .sc-arrow,
.section-success.is-card-hovering .sc-card:not(.is-hovered) {
	opacity: 0.76;
	filter: saturate(0.88) brightness(0.88);
	transition: opacity .3s ease, filter .3s ease;
}
.section-success .sc-card-empty { cursor: default; }

.section-success .sc-doc {
	height: 371px;
	padding: 34px 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #D7DAE0;
	box-sizing: border-box;
	border-radius: 20px 0 0 20px;
	overflow: hidden;
}
.section-success .sc-doc img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	background: #fff;
	border-radius: 12px;
	box-shadow:
		0 6px 18px rgba(0, 0, 0, 0.10),
		0 1px 3px rgba(0, 0, 0, 0.08);
}
.section-success .sc-doc span {
	color: #5E5E5E;
	font-size: 16px;
}
.section-success .sc-copy {
	height: 371px;
	padding: 28px 30px 24px;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

/* 결과 칩 (Figma "승소사례" 인스턴스, 좌상단) */
.section-success .sc-tag {
	display: inline-block;
	align-self: flex-start;
	min-width: 124px;
	padding: 4px 18px;
	margin-bottom: 18px;
	font-family: var(--font-pretendard);
	font-size: var(--fs-tab);
	font-weight: 600;
	line-height: 27px;
	color: #FFFFFF;
	border-radius: 13px;
	letter-spacing: 0;
	text-align: center;
	box-sizing: border-box;
}
.section-success .sc-tag-navy  { background: #172341; }
.section-success .sc-tag-brown { background: #604B42; }
.section-success .sc-tag-green { background: #105050; }

.section-success .sc-rule {
	display: block;
	width: 48px;
	height: 3px;
	margin: 0 0 20px;
	background: #1A1A1A;
}

/* 제목 (Figma: Pretendard 700, 27px, #1A1A1A) */
.section-success .sc-name {
	font-family: var(--font-pretendard);
	font-size: var(--fs-h4);
	font-weight: 700;
	line-height: 1.4;
	color: #1A1A1A;
	margin: 0 0 14px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 본문 (Figma: 16px) */
.section-success .sc-excerpt {
	font-family: var(--font-pretendard);
	font-size: var(--fs-base);
	font-weight: 400;
	line-height: 1.6;
	color: #1A1A1A;
	margin: 0 0 auto;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	flex-grow: 1;
}

/* 하단 푸터 (변호사명) */
.section-success .sc-foot {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	margin-top: 16px;
	padding-top: 0;
	border-top: 0;
	width: 100%;
}
.section-success .sc-by {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	font-family: var(--font-pretendard);
	font-size: clamp(16px, 0.94vw, 18px);
	line-height: 1.25;
	color: #AAA9A9;
	letter-spacing: 0;
	white-space: nowrap;
}
.section-success .lawyer-avatar-stack {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}
.section-success .lawyer-avatar-stack img {
	position: relative;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
	border: 1px solid #fff;
	box-sizing: border-box;
}
.section-success .lawyer-avatar-stack img:first-child {
	z-index: 2;
}
.section-success .lawyer-avatar-stack img + img {
	margin-left: -12px;
	z-index: 1;
}
/* 더 보기 버튼 (Figma 634×51 r=100) — 흰 pill */
.section-success .sc-more-wrap {
	text-align: center;
	margin-top: 45px;
}
.section-success .sc-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 634px;
	max-width: 80vw;
	height: 51px;
	padding: 0 24px;
	/* Figma: rgba(255,255,255, 0.15) — 흰 15% 투명 배경 */
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid #fff;
	border-radius: 100px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: var(--font-pretendard);
	font-size: var(--fs-tab);
	font-weight: 700;
	letter-spacing: 0;
	transition: background .25s ease, gap .2s ease;
}
.section-success .sc-more:hover {
	background: rgba(255, 255, 255, 0.25);
	gap: 18px;
}

@media (min-width: 769px) {
	.section-success .sc-swp,
	.section-success .sc-swp .swiper-wrapper,
	.section-success .sc-swp .swiper-slide,
	.section-success .sc-card,
	.section-success .sc-doc,
	.section-success .sc-copy {
		height: clamp(230px, calc(100vh - 478px), 371px);
	}
	.section-success .sc-doc {
		padding: clamp(16px, 3.9vh, 34px);
	}
	.section-success .sc-copy {
		padding-top: clamp(16px, 3.2vh, 28px);
		padding-bottom: clamp(14px, 2.7vh, 24px);
	}
}

@media (min-width: 769px) and (max-width: 1700px) {
	.section-success .sc-swp,
	.section-success .sc-swp .swiper-wrapper,
	.section-success .sc-swp .swiper-slide,
	.section-success .sc-card,
	.section-success .sc-doc,
	.section-success .sc-copy {
		height: 310px;
	}
	.section-success .sc-excerpt {
		-webkit-line-clamp: 3;
	}
}

@media (min-width: 769px) and (max-height: 820px) {
	.section-success .sc-head {
		margin-bottom: 42px;
	}
	.section-success .sc-tabs {
		margin-bottom: 30px;
	}
	.section-success .sc-more-wrap {
		margin-top: 36px;
	}
	.section-success .sc-excerpt {
		-webkit-line-clamp: 3;
	}
}

/* ─────────────────────────────────────────
 *  SECTION 7 — 미디어센터
 * ───────────────────────────────────────── */
/* ─────────────────────────────────────────
 *  SECTION 7 — 미디어센터  (Figma 07_미디어)
 *  좌측 텍스트 (253w) + 우측 슬라이더 (1120w) 좌우 배치 × 2 row
 *  유튜브 row : 카드 348×196 (16:9)
 *  언론보도 row : 카드 347×332 (정사각형 가까움)
 * ───────────────────────────────────────── */
.section-media {
	background-color: #14100c;
	background-size: cover;
	background-position: center;
	flex-direction: column;
	justify-content: center;
	gap: 100px;            /* 유튜브 row → 언론보도 row 간 간격 (Figma: 600-(300+196) = 104) */
}
.section-media .md-inner {
	display: flex;
	flex-direction: column;
	gap: 100px;
	/* width/max-width/margin/padding 는 통일 룰에서 적용 */
}

/* 한 row : 좌측 텍스트 + 우측 슬라이더 */
.section-media .md-row {
	display: flex;
	align-items: center;
	gap: 3dvw;             /* Figma: 319-253-... 적절 */
}

/* 좌측 텍스트 (Figma 253w) */
.section-media .md-text {
	width: 15dvw;
	flex-shrink: 0;
}
.section-media .md-block-title {
	display: inline-flex;
	align-items: center;
	gap: 15px;
	font-family: var(--font-pretendard);
	font-size: var(--fs-h2);
	font-weight: 700;
	line-height: 1.4;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0 0 20px;
	transition: gap .2s ease;
}
.section-media .md-block-title:hover { gap: 22px; }
.section-media .md-title-arrow { flex-shrink: 0; }
.section-media .md-block-sub {
	font-family: var(--font-pretendard);
	font-size: var(--fs-body);
	font-weight: 400;
	line-height: 1.4;
	color: #FFFFFF;
	margin: 0;
}

/* 슬라이더 — 좌측 prev 화살표용 여백 + 우측 카드 풀 사용
   (좌측 화살표: 카드 바깥쪽, 우측 화살표: 마지막 카드 위에 floating) */
.section-media .md-slider {
	flex: 1;
	position: relative;
	min-width: 0;
	padding-left: 50px;       /* prev 화살표(30) + 카드 사이 간격(20) */
	padding-right: 0;
}


/* 좌/우 원형 화살표 (Figma 30×30) — 카드들 위에 floating */
.section-media .md-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px; height: 30px;
	background: transparent;
	border: none;
	cursor: pointer;
	z-index: 5;
	padding: 0;
	transition: opacity .25s ease, transform .2s ease;
	opacity: 0.9;
	filter: drop-shadow(0 2px 6px rgba(0,0,0,0.5));
}
.section-media .md-arrow:hover { opacity: 1; }

/* prev = 카드들 좌측 바깥 (padding-left:50 안쪽 영역) — 그림자 없음 */
.section-media .md-prev {
	left: 0;
	filter: none;
}
/* next = 마지막 카드 우상단에 floating — 그림자 있음 */
.section-media .md-next { right: 16px; }

.section-media .md-prev:hover { transform: translateY(-50%) translateX(-3px); }
.section-media .md-next:hover { transform: translateY(-50%) translateX(3px); }
.section-media .md-arrow.swiper-button-disabled { opacity: 0.3; cursor: not-allowed; }

/* 유튜브 카드 (Figma 348×196 썸네일만) */
.section-media .md-yt-card {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	border-radius: 0;
	overflow: hidden;
	transition: transform .3s ease;
}
.section-media .md-yt-card:hover { transform: translateY(-4px); }
.section-media .md-yt-thumb {
	position: relative;
	width: 100%;
	aspect-ratio: 348 / 196;
	background: #0d0a08;
	overflow: hidden;
	border-radius: 4px;
}
.section-media .md-yt-thumb img {
	width: 100%; height: 100%; object-fit: cover;
}
.section-media .md-yt-play {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	display: flex; align-items: center; justify-content: center;
	transition: transform .25s ease;
	pointer-events: none;
}
.section-media .md-yt-card:hover .md-yt-play { transform: translate(-50%, -50%) scale(1.1); }

/* 언론보도 카드 (Figma 347×332) */
.section-media .md-news-card {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: #FFFFFF;
	border-radius: 0;
	overflow: hidden;
	transition: transform .3s ease;
	background: #1a120c;
}
.section-media .md-news-card:hover { transform: translateY(-4px); }
.section-media .md-news-thumb {
	width: 100%;
	height: 196px;
	flex-shrink: 0;
	background: #0d0a08;
	overflow: hidden;
}
.section-media .md-news-thumb img { width: 100%; height: 100%; object-fit: cover; }
.section-media .md-news-title {
	font-family: var(--font-pretendard);
	font-size: var(--fs-base);
	font-weight: 500;
	line-height: 67px;
	height: 67px;
	padding: 0 20px;
	color: #FFFFFF;
	margin: 0;
	box-sizing: border-box;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.md-news-title {
	background-color: #0F2A44;
}

/* ─────────────────────────────────────────
 *  SECTION 8 — 자주 묻는 질문
 * ───────────────────────────────────────── */
/* ─────────────────────────────────────────
 *  SECTION 8 — FAQ  (Figma 08_자주하는질문)
 *  콘텐츠 박스 (357, 250) 1207×716 — 가운데
 *  헤딩 + FAQ 2×3 그리드 (각 589×92 r=16) + More 버튼
 * ───────────────────────────────────────── */
.section-faq {
	background-color: #0d0a08;
	background-size: cover;
	background-position: center;
	flex-direction: column;
	justify-content: center;
}
.section-faq .fq-inner {
	position: relative; z-index: 2;
	min-height: 724px;
	/* width/max-width/margin/padding 는 통일 룰에서 적용 */
}

/* 헤딩 (Figma 906×125) */
.section-faq .fq-head {
	text-align: center;
	margin-bottom: 50px;        /* 175 - 125 = 50 */
}
.section-faq .fq-title {
	font-family: var(--font-pretendard);
	font-size: var(--fs-h2);
	font-weight: 700;
	line-height: 1.4;
	color: #FFFFFF;
	margin: 0 0 20px;
}
.section-faq .fq-sub {
	font-family: var(--font-pretendard);
	font-size: var(--fs-body);
	font-weight: 400;
	line-height: 1.4;
	color: #FFFFFF;
	margin: 0;
}

/* FAQ 그리드 (Figma 1203×438, 2 column gap 25, row gap 20) */
.section-faq .fq-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 25px;
	row-gap: 20px;
	list-style: none;
	padding: 0;
	margin: 0;
	align-items: start;
}

/* FAQ 아이템 (Figma 589×92 r=16, 흰배경) */
.section-faq .fq-item {
	background: #FFFFFF;
	border-radius: 16px;
	overflow: hidden;
	transition: box-shadow .3s ease;
}
.section-faq .fq-item.is-open {
	box-shadow: 0 12px 32px -10px rgba(0, 0, 0, 0.25);
}

/* 질문 버튼 — 92px 고정 높이 */
.section-faq .fq-q {
	display: flex;
	align-items: center;
	gap: 18px;
	width: 100%;
	height: 92px;
	padding: 0 28px;
	background: transparent;
	border: none;
	text-align: left;
	cursor: pointer;
	font-family: inherit;
}
.section-faq .fq-q-icon {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.section-faq .fq-q-icon img {
	width: 28px;
	height: 28px;
	object-fit: contain;
}
.section-faq .fq-q-text {
	flex: 1;
	font-family: var(--font-pretendard);
	font-size: var(--fs-base);
	font-weight: 600;
	color: #1A1A1A;
	line-height: 1.5;
}
.section-faq .fq-q-toggle {
	position: relative;
	width: 32px;
	height: 32px;
	/* Figma 정확값: rgba(196,180,164, 0.20) — 골드톤 20% */
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .25s ease, transform .35s ease;
	flex-shrink: 0;
}
.section-faq .fq-q-toggle img {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	transition: opacity .2s ease;
}
.section-faq .fq-toggle-open { opacity: 0; }
.section-faq .fq-item.is-open .fq-q-toggle {
	transform: rotate(180deg);
}
.section-faq .fq-item.is-open .fq-toggle-closed { opacity: 0; }
.section-faq .fq-item.is-open .fq-toggle-open { opacity: 1; }

/* 답변 영역 — 펼침 */
.section-faq .fq-a {
	max-height: 0;
	overflow: hidden;
	padding: 0 28px 0 74px;
	font-family: var(--font-pretendard);
	font-size: 15px;
	line-height: 1.7;
	color: #555555;
	transition: max-height .4s ease, padding .4s ease;
}
.section-faq .fq-item.is-open .fq-a {
	max-height: 280px;
	padding: 0 28px 24px 74px;
}

/* More 버튼 (Figma 283×51 r=100, 흰 pill) */
.section-faq .fq-more-wrap {
	text-align: center;
	margin-top: 40px;
}
.section-faq .fq-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 283px;
	max-width: 80vw;
	height: 51px;
	/* Figma: rgba(255,255,255, 0.15) — 흰 15% 투명 배경 */
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid #FFF;
	border-radius: 100px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: var(--font-pretendard);
	font-size: var(--fs-tab);
	font-weight: 700;
	letter-spacing: 0;
	transition: background .25s ease, gap .2s ease;
}
.section-faq .fq-more:hover {
	background: rgba(255, 255, 255, 0.25);
	gap: 14px;
}

/* ─────────────────────────────────────────
 *  FOOTER  (Figma 09_footer 1920×400, bg #1A1A1A)
 *  좌측 : 로고 + 링크 + 회사정보 + 카피라이트
 *  우측 상단 : 대표전화 / 우측 하단 : 유튜브 + 블로그
 * ───────────────────────────────────────── */
#footer.bk-footer {
	width: 100%;
	background: #1A1A1A;
	padding: 0;
	margin: 0;
	min-height: 400px;
	color: #FFFFFF;
}
#footer.bk-footer .ft-inner {
	width: 100%;
	max-width: 1200px;          /* 푸터 콘텐츠 박스 가운데 정렬 */
	margin: 0 auto;
	padding: 95px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 60px;
	box-sizing: border-box;
}

/* 좌측 */
#footer.bk-footer .ft-left {
	flex: 1;
	min-width: 0;
}
#footer.bk-footer .ft-logo {
	display: inline-block;
	margin-bottom: 50px;
}
#footer.bk-footer .ft-logo img {
	height: 35px;
	width: auto;
}

/* 4 링크 행 */
#footer.bk-footer .ft-nav-row {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	margin-bottom: 14px;
}
#footer.bk-footer .ft-nav-row a {
	font-family: var(--font-pretendard);
	font-size: var(--fs-base);
	font-weight: 700;
	color: #AAA9A9;
	text-decoration: none;
	letter-spacing: 0;
	transition: color .2s ease;
}
#footer.bk-footer .ft-nav-row a:hover { color: #FFFFFF; }
#footer.bk-footer .ft-policy a { color: #FFFFFF; }
#footer.bk-footer .ft-resp {
	font-family: var(--font-pretendard);
	font-size: var(--fs-base);
	font-weight: 700;
	color: #AAA9A9;
}
#footer.bk-footer .ft-divider {
	color: #555;
	font-size: 14px;
	user-select: none;
}

/* 회사 정보 */
#footer.bk-footer .ft-info {
	font-family: var(--font-pretendard);
	font-size: var(--fs-base);
	font-weight: 600;
	line-height: 1.5;
	color: #FFFFFF;
	margin: 0 0 50px;
}

/* 카피라이트 */
#footer.bk-footer .ft-copy {
	font-family: var(--font-pretendard);
	font-size: var(--fs-small);
	font-weight: 400;
	line-height: 1.4;
	color: #AAA9A9;
	margin: 0;
}

/* 우측 */
#footer.bk-footer .ft-right {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 50px;
	min-width: 333px;
}

/* 대표전화 */
#footer.bk-footer .ft-tel {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	color: #FFFFFF;
	text-decoration: none;
	transition: opacity .2s ease;
}
#footer.bk-footer .ft-tel:hover { opacity: 0.8; }
#footer.bk-footer .ft-tel-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--font-pretendard);
	font-size: var(--fs-base);
	font-weight: 400;
	line-height: 1.4;
	color: #FFFFFF;
}
#footer.bk-footer .ft-tel-num {
	font-family: var(--font-pretendard);
	font-size: var(--fs-h3);
	font-weight: 700;
	line-height: 1.4;
	color: #FFFFFF;
	letter-spacing: 0;
}

/* SNS 아이콘 (유튜브 + 블로그) */
#footer.bk-footer .ft-social {
	display: flex;
	gap: 23px;
}
#footer.bk-footer .ft-soc {
	display: inline-flex;
	width: 55px; height: 55px;
	transition: transform .2s ease, opacity .2s ease;
}
#footer.bk-footer .ft-soc:hover { transform: translateY(-2px); }

/* 메인 페이지 (스냅 모드)에서도 푸터가 한 화면처럼 진입되도록 */
body.is-main-snap #footer.bk-footer {
	min-height: 400px;
}


/* ─────────────────────────────────────────
 *  반응형 (모바일/태블릿)
 * ───────────────────────────────────────── */
@media (max-width: 1200px) {
	.bk-section { padding: 80px 24px; min-height: auto; }
	.section-hero .hero-title { font-size: var(--fs-h1); }
	.section-hero .hero-subtitle { font-size: 28px; }
	.section-lawyers .lw-inner { flex-direction: column; gap: 40px; }
	.section-lawyers .lw-title { font-size: 36px; }
	.section-lawyers .lw-right { width: 100%; height: 480px; }
	.section-family .fm-cell { width: 240px; height: 160px; }
	.section-family .fm-title { font-size: 36px; }
	.section-stats .st-title,
	.section-practice .pr-title,
	.section-success .sc-title,
	.section-media .md-title,
	.section-faq .fq-title { font-size: 36px; }
	.section-stats .st-list { grid-template-columns: repeat(2, 1fr); }
	.section-stats .st-num { font-size: var(--fs-h2); }
	.section-practice .pr-list { grid-template-columns: 1fr; }
	.section-faq .fq-list { grid-template-columns: 1fr; }
	.section-faq .fq-item.is-open { grid-column: auto; }
}
@media (max-width: 640px) {
	.section-stats .st-list { grid-template-columns: 1fr; }
	.section-success .sc-tabs { flex-wrap: wrap; }
	.section-success .sc-tab { padding: 10px 22px; font-size: 13px; }
}