/* 사무실소개 */
.company_cont {}
	.company_cont .top {position:relative;}
	.company_cont .top .tit_area {text-align:right; position:absolute; right:0; top:58px;}
	.company_cont .top .img_area {display:flex; align-items:flex-end; justify-content:space-between;}
	.company_cont .top .img_area dl:first-of-type {margin-bottom: 130px; padding-right: 230px;}
	.company_cont .top .img_area dl:last-of-type {margin-top:330px;}
	.company_cont .top .img_area dl dt.mo {display:none;}
	.company_cont .top .img_area dl dd {position:relative; padding-top:30px; box-sizing:border-box;}
	.company_cont .top .img_area dl dd .num {position:absolute; right:0; top:-25px;}
	.company_cont .top .img_area dl dd p.fs24 {margin-bottom:6px;}
	
	.company_cont .bottom {display:flex; margin-top:170px;}
	.company_cont .bottom dl {margin-right:30px; width:calc((100% - 90px ) / 4); background:url('/about/img/company_bg.jpg'); background-repeat:no-repeat; background-size:cover; box-sizing:border-box; padding:40px; display:flex; flex-direction:column;}
	.company_cont .bottom dl:nth-of-type(even) {background:url('/about/img/company_bg2.jpg'); background-repeat:no-repeat; background-size:cover; box-sizing:border-box; }
	.company_cont .bottom dl:last-of-type {margin-right:0; }
	.company_cont .bottom dl dd {text-align:right; padding-top:22px;}
	.company_cont .bottom dl dd img {max-width:100%; height:auto; width:85px;}
/* 사무실소개 */


/* 변호사소개 */
.lawyer_cont {}
	.lawyer_cont .basicCont {background:var(--white); position:relative; margin-top:-240px; z-index:1;}
	.lawyer_cont .basicCont .list {}
	.lawyer_cont .basicCont .list dl {padding:60px 70px 70px; display:flex; box-sizing:border-box; padding-right:0; border:1px solid var(--border); border-bottom:0;}
	.lawyer_cont .basicCont .list dl:nth-of-type(even) {background:var(--grayBg05); }
	.lawyer_cont .basicCont .list dl dt {width:280px}
	.lawyer_cont .basicCont .list dl dt h4 {color:var(--black); margin-bottom:20px;}
	.lawyer_cont .basicCont .list dl dt img {max-width:100%; height:auto; width:50px; }
	.lawyer_cont .basicCont .list dl dd {width:calc(100% - 280px);}
	.lawyer_cont .basicCont .list dl dd {}
	.lawyer_cont .basicCont .list dl dd p {margin:30px 0 6px; font-weight:700;}
	.lawyer_cont .basicCont .list dl dd p:first-of-type {margin-top:0;}
	.lawyer_cont .basicCont .list dl.one {}
	.lawyer_cont .basicCont .list dl.one dd ul {width:100%; display:flex; flex-wrap:wrap;}
	.lawyer_cont .basicCont .list dl.one dd ul li {width:33.333%; box-sizing:border-box; padding-right:10px;}
	.lawyer_cont .basicCont .list dl.two {}
	.lawyer_cont .basicCont .list dl.three {}
	.lawyer_cont .basicCont .list dl.four {}
	.lawyer_cont .basicCont .list dl.five {border-bottom:1px solid var(--border)}
/* 변호사소개 */


/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){




}

/*******************************************************************************
    @media 1300px
*******************************************************************************/
@media all and (max-width:1300px){
/* 사무실소개 */
	.company_cont .top .tit_area {text-align:right; position:absolute; right:0; top:40px;}
	.company_cont .top .img_area dl:first-of-type {margin-bottom: 50px; padding-right: 100px;}
	.company_cont .top .img_area dl:last-of-type {margin-top:250px;}
	.company_cont .top .img_area dl dd {padding-top:30px; ;}
	.company_cont .top .img_area dl dd .num {top:-25px;}
	
	.company_cont .bottom {margin-top:120px;}
	.company_cont .bottom dl {margin-right:30px; width:calc((100% - 90px ) / 4); padding:30px; }
	.company_cont .bottom dl dd {padding-top:22px;}
	.company_cont .bottom dl dd img {width:80px;}.
/* 사무실소개 */


/* 변호사소개 */
.lawyer_cont {}
	.lawyer_cont .basicCont {margin-top:-240px; }
	.lawyer_cont .basicCont .list dl {padding:55px 60px 60px;}
	.lawyer_cont .basicCont .list dl dt {width:220px}
	.lawyer_cont .basicCont .list dl dt h4 {margin-bottom:20px;}
	.lawyer_cont .basicCont .list dl dt img {width:50px; }
	.lawyer_cont .basicCont .list dl dd {width:calc(100% - 220px);}
	.lawyer_cont .basicCont .list dl dd p {margin:30px 0 6px;}
	.lawyer_cont .basicCont .list dl.one dd ul li {width:50%;}
/* 변호사소개 */
}



/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){
/* 사무실소개 */
	.company_cont .top .tit_area {text-align:right; position:absolute; right:0; top:30px;}
	.company_cont .top .img_area dl:first-of-type {margin-bottom: 0; padding-right: 40px;}
	.company_cont .top .img_area dl:last-of-type {margin-top:120px;}
	.company_cont .top .img_area dl dd {padding-top:20px; ;}
	.company_cont .top .img_area dl dd .fs18 br {display:none;}
	.company_cont .top .img_area dl dd .num {top:-20px;}
	.company_cont .top .img_area dl dd p.fs24 {margin-bottom:4px;}
	
	.company_cont .bottom {margin-top:90px; flex-wrap:wrap;}
	.company_cont .bottom dl {margin-right:20px; margin-bottom:20px; width:calc((100% - 20px ) / 2); padding:20px; }
	.company_cont .bottom dl:nth-of-type(2) {margin-right:0;}
	.company_cont .bottom dl:nth-of-type(3) {margin-bottom:0;}
	.company_cont .bottom dl:nth-of-type(4) {margin-bottom:0;}
	.company_cont .bottom dl dd {padding-top:16px;}
	.company_cont .bottom dl dd img {width:65px;}
/* 사무실소개 */


/* 변호사소개 */
.lawyer_cont {}
	.lawyer_cont .basicCont {margin-top:-240px; }
	.lawyer_cont .basicCont .list dl {padding:50px;}
	.lawyer_cont .basicCont .list dl dt {width:150px}
	.lawyer_cont .basicCont .list dl dt h4 {margin-bottom:15px;}
	.lawyer_cont .basicCont .list dl dt img {width:40px; }
	.lawyer_cont .basicCont .list dl dd {width:calc(100% - 150px);}
	.lawyer_cont .basicCont .list dl dd p {margin:20px 0 4px;}
	.lawyer_cont .basicCont .list dl.one dd ul li {width:50%;}
/* 변호사소개 */



}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/* 사무실소개 */
	.company_cont .top .tit_area {text-align:center; position:unset; margin-bottom:30px;}
	.company_cont .top .img_area {flex-direction:column;}
	.company_cont .top .img_area dl:first-of-type {margin-bottom: 20px; padding-right: 0;}
	.company_cont .top .img_area dl:last-of-type {margin-top:0;}
	.company_cont .top .img_area dl {width: 100%;}
	.company_cont .top .img_area dl dt.pc {display: none;}
	.company_cont .top .img_area dl dt.mo {display:block;}
	.company_cont .top .img_area dl dt img {width:100%}
	.company_cont .top .img_area dl dd {padding-top:15px;}
	.company_cont .top .img_area dl dd .fs18 br {display:none;}
	.company_cont .top .img_area dl dd .num {top:-15px;}
	.company_cont .top .img_area dl dd p.fs24 {margin-bottom:3px;}
	
	.company_cont .bottom {margin-top:45px; flex-wrap:wrap;}
	.company_cont .bottom dl {margin-right:10px; margin-bottom:10px; width:calc((100% - 10px ) / 2); padding:15px; }
	.company_cont .bottom dl:nth-of-type(2) {margin-right:0;}
	.company_cont .bottom dl:nth-of-type(3) {margin-bottom:0;}
	.company_cont .bottom dl:nth-of-type(4) {margin-bottom:0;}
	.company_cont .bottom dl dd {padding-top:12px;}
	.company_cont .bottom dl dd img {width:50px;}
/* 사무실소개 */

/* 변호사소개 */
.lawyer_cont {}
	.lawyer_cont .basicCont {margin-top:-120px; }
	.lawyer_cont .basicCont .list dl {padding:25px; flex-wrap:wrap;}
	.lawyer_cont .basicCont .list dl dt {width:100%; display:flex; flex-wrap:wrap; align-items:center; gap:0 8px; margin:0 0 15px;}
	.lawyer_cont .basicCont .list dl dt h4 {margin-bottom:0; order:2;}
	.lawyer_cont .basicCont .list dl dt img {width:22px; order:1;}
	.lawyer_cont .basicCont .list dl dd {width:100%;}
	.lawyer_cont .basicCont .list dl dd p {margin:12px 0 4px;}
	.lawyer_cont .basicCont .list dl.one dd ul li {width:100%;}
/* 변호사소개 */



}
/*******************************************************************************
    @media ~480px             
*******************************************************************************/
@media all and (max-width:480px){
/* 사무실소개 */
.company_cont .bottom dl {margin-right:0; margin-bottom:10px; width:100%; padding:15px; }
	.company_cont .bottom dl:nth-of-type(3) {margin-bottom:10px;}
/* 사무실소개 */


/* 변호사소개 */
/* .lawyer_cont {}
	.lawyer_cont .basicCont {margin-top:-120px; }
	.lawyer_cont .basicCont .list dl {padding:15px 20px; flex-wrap:wrap;}
	.lawyer_cont .basicCont .list dl dt {width:100px; margin-bottom:20px;}
	.lawyer_cont .basicCont .list dl dt h4 {margin-bottom:12px;}
	.lawyer_cont .basicCont .list dl dt img {width:30px; }
	.lawyer_cont .basicCont .list dl dd {width:100%;}
	.lawyer_cont .basicCont .list dl dd p {margin:10px 0 4px;} */
/* 변호사소개 */


}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){




}

/* ============================================
   /en 전용: 변호사 소개 섹션 제목 줄바꿈/넘침 개선 (반응형 포함)
   ============================================ */

/* flex 컨테이너 축소 허용 */
html[lang="en"] .lawyer_cont .list dl,
html[lang="en"] .lawyer_cont .list dl dt,
html[lang="en"] .lawyer_cont .list dl dd {
  min-width: 0; /* flex item shrink 허용 */
}

/* h4 텍스트 자동 줄바꿈 및 크기 반응형 */
html[lang="en"] .lawyer_cont .list dl dt h4 {
  display: block;
  white-space: normal;        /* nowrap 강제 해제 */
  word-break: normal;         /* 영어 단어 단위로 개행 */
  overflow-wrap: anywhere;    /* 너무 길면 줄바꿈 */
  hyphens: auto;              /* 하이픈 분리 허용 */
  text-wrap: balance;         /* 브라우저 지원 시 균형 잡힌 줄바꿈 */
  line-height: 1.2;
  letter-spacing: 0.005em;
  word-spacing: 0.02em;

  /* 인라인 font-size 덮기 (clamp으로 반응형) */
  font-size: clamp(1.05rem, 0.7rem + 0.9vw, 1.4rem) !important;
  font-weight: 700;
}

/* 작은 해상도(모바일)에서는 더 작게, 폭 초과 방지 */
@media (max-width: 680px) {
  html[lang="en"] .lawyer_cont .list dl dt h4 {
    font-size: clamp(1rem, 0.6rem + 1vw, 1.2rem) !important;
    line-height: 1.25;
    text-align: left;
  }
}

/* /en: 변호사 섹션 h4 잘림 방지 + 반응형 */
html[lang="en"] .lawyer_cont .list dl,
html[lang="en"] .lawyer_cont .list dl dt,
html[lang="en"] .lawyer_cont .list dl dd { min-width: 0; }

html[lang="en"] .lawyer_cont .list dl dt h4 {
  /* 글자 단위 강제개행 금지 + 단어/기호 기준 개행 */
  white-space: normal;
  word-break: normal !important;
  overflow-wrap: break-word !important; /* anywhere 금지 */
  hyphens: auto;
  text-wrap: balance; /* 지원 브라우저에서 줄 균형 */

  line-height: 1.2;
  letter-spacing: 0.005em;
  word-spacing: 0.02em;

  /* 인라인 font-size 덮기: 폭에 맞춰 유연하게 */
  font-size: clamp(1.05rem, 0.7rem + 0.9vw, 1.4rem) !important;
  font-weight: 700;
}

/* 모바일에서 한 단계 더 안전하게 */
@media (max-width: 680px) {
  html[lang="en"] .lawyer_cont .list dl dt h4 {
    font-size: clamp(1rem, 0.6rem + 1vw, 1.2rem) !important;
    line-height: 1.25;
  }
}

/* =========================================================
   /en 전용: subtop .tit_area 정렬 복구 + 영문 타이포 유지
   - 헤드라인/설명문을 다시 중앙 정렬로
   - 단어 단위 개행/자간 보정은 유지
   - 기존 좌측정렬 규칙을 안전하게 무력화( !important )
   ========================================================= */
/* html[lang="en"] .subtop .tit_area {
  text-align: center !important; /* ← 전체 컨테이너 중앙 정렬 복구 */
} */


.text-white {
  color: var(--white);
}
.text-center {
  text-align: center !important;
} 
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}

/* 헤드라인/소제목: 중앙 정렬 + 균형 줄바꿈 + 미세 자간 */
html[lang="en"] .subtop .tit_area :is(h1, h2, h3, h4, .fs60, .fs30) {
  text-align: center !important;
  text-wrap: balance;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: auto;
  line-height: 1.35;          /* 타이틀은 약간 타이트하게 */
  letter-spacing: 0.005em;
  word-spacing: 0.02em;
}

/* 설명문/스팬/링크: 중앙 정렬 + 영문 개행 원칙 */
html[lang="en"] .subtop .tit_area :is(p, span, a, small) {
  text-align: center !important;   /* ← 좌정렬로 보이던 현상 해소 */
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: auto;
  line-height: 1.55;               /* 본문 계열은 조금 더 여유 */
  letter-spacing: 0.004em;
  word-spacing: 0.02em;
}

/* .white 클래스는 색만 유지 (정렬은 상위에서 처리) */
html[lang="en"] .subtop .tit_area .white {
  color: var(--white);
}

/* 임의 <br>로 인한 이상한 줄바꿈을 강제로 숨기지 않음(히어로에서는 디자인상 줄바꿈 허용) */
/* 과거에 p br을 display:none 했었다면, 여기서는 복구한다 */
html[lang="en"] .subtop .tit_area p br {
  display: inline !important;
}

/* 모바일 미세 조정 */
@media (max-width: 680px) {
  html[lang="en"] .subtop .tit_area :is(h1, h2, h3, h4, .fs60, .fs30) {
    line-height: 1.3;
    letter-spacing: 0.004em;
    word-spacing: 0.018em;
  }
  html[lang="en"] .subtop .tit_area :is(p, span, a, small) {
    line-height: 1.5;
    letter-spacing: 0.0035em;
    word-spacing: 0.018em;
  }
}