@charset "utf-8";

/**************
세무조사 페이지 : Start
*************/
#tax_audit { padding-bottom:0; }
/* ===== Hero: 세무조사/형사리스크 ===== */
#tax_audit .tax-hero {
  background:#fff;
}

#tax_audit .tax-hero-head { text-align:center; }

/* 상단 작은 카피 */

#tax_audit .tax-hero__eyebrow{
  font-size:clamp(13px, 1.4vw, 28px);
  line-height:1.6;
  letter-spacing:-0.02em;
  text-align:center;
}

/* 큰 인용 헤드라인 */
#tax_audit .tax-hero__headline{
  font-weight:700;
  font-size:clamp(22px, 3.2vw, 45px);
  line-height:1.35;
  letter-spacing:-0.02em;
  margin:0 0 clamp(35px, 3vw, 100px);
  color:#1a1f27;
}

/* 파란 굵은 서브헤드 + 형광펜 효과 */
#tax_audit .tax-hero__sub{
  margin:0 0 clamp(28px, 4vw, 40px);
  font-size:clamp(22px, 3.2vw, 45px);
  line-height:1.45;
  color:#173e96;
  font-weight:400;
  letter-spacing:-0.02em;
}
#tax_audit .tax-hero__sub strong{ font-weight:800; }

#tax_audit .tax-hero__sub .mark{
  position:relative;
  font-weight:900;
  color:#173e96;
  z-index:0;
}
#tax_audit .tax-hero__sub .mark::after{
  content:"";
  position:absolute;
  left:-0.08em; right:-0.08em; bottom:0.08em;
  height:0.5em;
  background:#ededed;
  z-index:-1;
  border-radius:3px;
}
#tax_audit .tax-hero__sub .mark--thick::after{
  height:0.6em;
  background:#ededed;
}

/* 설명 박스 */
#tax_audit .tax-hero__note{
  margin:clamp(18px, 2.2vw, 24px) auto 0;
  border:2px solid #0f2f73;
  border-radius:12px;
  padding:clamp(16px, 3.2vw, 24px) clamp(16px, 3.2vw, 28px);
  max-width:750px;
}
#tax_audit .tax-hero__note p{
  margin:0;
  font-size:clamp(16px, 1.6vw, 25px);
  line-height:1.5;
  font-weight:700;
  color:#173e96;
}
#tax_audit .tax-hero__note p + p{ margin-top:1.275em; }

/* 반응형: 좁은 화면에서 간격 조정 */
@media (max-width:640px){
  #tax_audit .tax-hero__sub{ line-height:1.5; }
  #tax_audit .tax-hero__note{ border-width:1.5px; border-radius:10px; }
}


/* ===== 프로필 히어로 ===== */
/* 공통 히어로 기본값 */
#tax_audit .profile-hero{
  position:relative;
  color:#d7e8f5;
  overflow:hidden;
  padding:0;
}

/* LEFT 타입 : 인물 우측, 배경 #1 */
#tax_audit .profile-hero.left{
  background:#0a2a48 url('../img/work_page/33/law_bg1.jpg')
              center right / cover no-repeat;
}

/* RIGHT 타입 : 인물 좌측, 배경 #2 */
#tax_audit .profile-hero.right{
  background:#0a2a48 url('../img/work_page/33/law_bg2.jpg')
              center left / cover no-repeat;
}

/* 공통 인너 레이아웃 */
#tax_audit .profile-hero__inner{
  position:relative;
  margin:0 auto;
  padding:clamp(40px,6vw,50px) 0 0;
  display:flex;
  align-items:center;
}

/* RIGHT 타입에서는 인물 ↔ 텍스트 순서 뒤집기 */
#tax_audit .profile-hero.right .profile-hero__inner{
  flex-direction:row-reverse;
}

/* 텍스트 영역 */
#tax_audit .profile-hero__copy{
  flex:1 1 auto;
  min-width:0;
  padding-right:clamp(12px, 3vw, 40px);
}

/* RIGHT 타입에서는 여백 방향 반대로 */
#tax_audit .profile-hero.right .profile-hero__copy{
  padding-left:0;                        /* 왼쪽 여백 제거 */
  padding-right:0;  /* 오른쪽 여백 넉넉히 */
  margin-left:auto;                      /* 오른쪽으로 밀기 */
  max-width:700px;                       /* 너무 넓게 퍼지지 않도록 (원하면 조절) */
}

#tax_audit .profile-hero__headline{
  margin:0 0 clamp(14px,1.8vw,18px);
  font-size:clamp(22px, 3vw, 32px);
  line-height:1.5;
  font-weight:800;
  letter-spacing:-0.02em;
}

#tax_audit .profile-hero__bullets{
  margin:0 0 clamp(18px, 3vw, 28px);
  padding:0;
  list-style:none;
  font-size:clamp(15px, 1.6vw, 22px);
  line-height:1.5;
}
#tax_audit .profile-hero__bullets li + li{
  margin-top:.1em;
}

/* 이름 라인 */
#tax_audit .profile-hero__name{
  margin:clamp(10px,1.6vw,16px) 0 0;
  font-size:clamp(18px,2vw,22px);
}
#tax_audit .profile-hero__name strong{
  margin-right:.4em;
  font-size:clamp(32px, 4vw, 44px);
  font-weight:900;
  line-height:1;
}

/* ===== 텍스트 공통 그라디언트 ===== */


/* ===== 기본(LEFT)용 그라디언트 그대로 유지 ===== */
#tax_audit .profile-hero__headline,
#tax_audit .profile-hero__bullets li,
#tax_audit .profile-hero__name,
#tax_audit .profile-hero.left .profile-hero__name strong{
  background: linear-gradient(90deg, #72d1fb 0%, #92c3f6 30%, #5feacd 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ===== RIGHT 타입용 그라디언트 오버라이드 ===== */
#tax_audit .profile-hero.right .profile-hero__headline,
#tax_audit .profile-hero.right .profile-hero__bullets li,
#tax_audit .profile-hero.right .profile-hero__name {
  background: linear-gradient(90deg, #377eb0 0%, #2eb65c 50%, #1f3b96 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* 인물 이미지 공통 */
#tax_audit .profile-hero__figure{
  position:relative;
  flex:0 0 auto;
  width:min(320px, 28vw);      /* 원본 320px, 화면 좁으면 축소 */
  aspect-ratio:320 / 489;      /* 비율 유지 */
}
#tax_audit .profile-hero__figure img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 16px 32px rgba(0,0,0,.3));
}

/* 반응형: 모바일에서는 세로 스택 */
@media (max-width:980px){
  #tax_audit .profile-hero__inner{
    flex-direction:column;
    align-items:flex-start;
    min-height:auto;
  }
  #tax_audit .profile-hero.right .profile-hero__inner{
    flex-direction:column; /* right라도 모바일에선 위아래 배치 */
  }
  #tax_audit .profile-hero__copy{
    padding-right:0;
    padding-left:clamp(20px, 5vw, 28px);
  }
  #tax_audit .profile-hero__figure{
    margin:20px auto 0;
    width:min(320px, 60vw);
  }
}


/* ================= 조세사건 인트로 & WHY 섹션 ================= */

#tax_audit .tax-why{
  background:#fff;
  color:#111;
  padding-bottom:60px;
  padding-top:0;
}

/* 상단 딥블루 → 화이트 그라디언트 영역 */
#tax_audit .tax-why__intro{
  background:linear-gradient(180deg, #0a2050 0%, #273a65 80%, #ffffff 100%);
  padding:80px 16px 160px;
}

#tax_audit .tax-why__intro-inner{
  margin:0 auto;
}

/* 메인 타이틀 */
#tax_audit .tax-why__intro-title{
  margin:0 0 18px;
  font-size:clamp(28px, 3vw, 52px);
  line-height:1.5;
  font-weight:800;
  letter-spacing:-0.02em;
  color:#ffffff;
  background:linear-gradient(90deg, #46b3ff 0%, #41c9cb 50%, #36d6a7 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}



/* 설명 문단 */
#tax_audit .tax-why__intro-sub{
  margin:0 0 30px;
  font-size:clamp(14px, 1.6vw, 22px);
  line-height:1.5;
  color:#e9f3ff;
}

#tax_audit .tax-why__intro-body{
  margin:0;
  font-size:clamp(14px, 1.6vw, 22px);
  line-height:1.5;
  color:#f2f6ff;
}

/* WHY 헤드라인 부분 */
#tax_audit .tax-why__body{
  margin:0 auto;
  padding:100px 0 0;
  position:relative;
}

/* 망치 배경은 필요 시 변경 */
#tax_audit .tax-why__head{
  text-align:center;
  margin-bottom:40px;
  position:relative;
}
#tax_audit .tax-why__head::after{
  content:"";
  position:absolute;
  right:0;
  top:10px;
  width:220px;
  height:220px;
  background:url('../img/work_page/33/why_bg_gavel.png') no-repeat center / contain;
  opacity:0.06;
  pointer-events:none;
}

#tax_audit .tax-why__why{
  margin:0 0 6px;
  font-size:clamp(25px, 3vw, 42px);
  letter-spacing:0.3em;
  color:#4068ce;
}

#tax_audit .tax-why__question{
  margin:0 0 100px;
  font-size:clamp(28px, 3vw, 52px);
  font-weight:700;
  letter-spacing:-0.02em;
  color:#222;
}

/* 카드 리스트 */
#tax_audit .tax-why__list{
  display:flex;
  flex-direction:column;
  gap:40px;
}

/* 개별 카드 */
#tax_audit .tax-why__item{
  display:flex;
  align-items:stretch;
  gap:24px;
}

#tax_audit .tax-why__thumb{
  flex:0 0 375px;           /* 750의 절반 폭 정도로 잡은 것, 필요하면 400~420px로 조절 가능 */
  max-width:375px;
  aspect-ratio:3 / 2;       /* 750 x 500 비율 유지 */
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 12px 25px rgba(0,0,0,0.15);
}

#tax_audit .tax-why__thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}


#tax_audit .tax-why__text{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* 카드 제목(파란 계열) */
#tax_audit .tax-why__item-title{
  margin:0 0 10px;
  font-size:clamp(25px, 2vw, 38px);
  font-weight:700;
  color:#0d4fb8;
}

/* 카드 설명 */
#tax_audit .tax-why__item-desc{
  margin:0;
  font-size:clamp(16px, 1.5vw, 22px);
  line-height:1.5;
  color:#444;
}

/* ---------- 반응형 ---------- */
@media (max-width:1024px){
  #tax_audit .tax-why__head::after{
    display:none; /* 태블릿↓에서는 배경 망치 숨김 */
  }
}

@media (max-width:768px){
	#tax_audit .tax-why__question{
	  margin:0 0 50px;
	}
	
  #tax_audit .tax-why__intro{
    padding:32px 16px 100px;
  }

  #tax_audit .tax-why__item{
    flex-direction:column;
    align-items:flex-start;
  }

  #tax_audit .tax-why__thumb{
    width:100%;
    max-width:none;
  }
  
}


/* ===== 실제 감액 및 무혐의 사례 배너 ===== */

#tax_audit .case-banner{
  background:#0a2a48 url('../img/work_page/33/law_bg1.jpg') center right / cover no-repeat;
  color:#fff;
  padding:80px 0 48px;
}

#tax_audit .case-banner__inner{
  max-width:750px;      
  margin:0 auto;
  text-align:center;
}

/* ========== 상단 타이틀 ========== */
#tax_audit .case-banner__title{
  margin:0 0 80px;
  font-size:clamp(33px, 4.8vw, 45px); 
  line-height:1.4;
  font-weight:800;
  letter-spacing:-0.02em;
  font-style: italic;
}

/* ========== 개별 사례 공통 래퍼 ========== */
#tax_audit .case-row{
  margin-bottom:80px;
}

/* ========== 첫 줄 조합 (태그 + → + 설명) ========== */
#tax_audit .case-row__line{
  margin:0 0 14px;
  font-size:clamp(22px, 2.7vw, 27px);
  line-height:1.7;
  display:flex;
  flex-wrap:wrap;
  align-items:center;  
  justify-content:center;
  gap:10px;
}

/* 태그 색상 그라디언트 */
#tax_audit .case-row__tag{
  background:linear-gradient(90deg, #5bade6 0%, #36c0ce 50%, #4ee28e 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:700;
}

/* 화살표 */
#tax_audit .case-row__arrow{
  font-size:1.2em;
  padding:0 2px;
  position:relative;
  top:1px;     
}

/* 오른쪽 일반 설명 */
#tax_audit .case-row__text{
  color:#f5f8ff;
}

/* ========== 결과 텍스트 (빨간 밑줄 포함) ========== */
#tax_audit .case-row__result{
  position:relative;
  display:inline-block;
  margin:4px 0 0;
  padding:6px 10px 0;
  font-size:clamp(33px, 4.2vw, 42px);
  font-weight:800;
  letter-spacing:-0.03em;
  z-index:0;   /* ← 추가: 스택 컨텍스트 생성 */
}

#tax_audit .case-row__result::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0px;
  height:16px;
  background:#961717;
  border-radius:2px;
  z-index:-1;  /* 부모 안에서만 뒤로 깔림 */
}


/* 큰 강조 버전 */
#tax_audit .case-row__result--big{
  font-size:clamp(30px, 4.8vw, 48px);  /* 더 크게 강조 */
}

/* ========== 하단 주석 ========== */
#tax_audit .case-banner__note{
  margin:12px 0 0;
  font-size:14px;
  text-align:right;
  color:#d5e3ff;
}

/* ========== 반응형 ========== */
@media (max-width:480px){
	#tax_audit .case-banner__title{ margin-bottom:40px; }
	
  #tax_audit .case-banner{
    padding:32px 14px 40px;
  }
  #tax_audit .case-row{
    margin-bottom:36px;
  }
  
  #tax_audit .case-banner__note{ text-align:center; }
}


/* ================= 세무조사 및 조세형사 대응 절차 ================= */

#tax_audit .tax-process{
  background:#ffffff;
  padding:80px 16px 60px;
}

#tax_audit .tax-process__inner{
  max-width:720px;      
  margin:0 auto;
}

/* 상단 타이틀 영역 */
#tax_audit .tax-process__head{
  text-align:center;
  margin-bottom:80px;
  position:relative;
  padding-top:10px;
}

/*
#tax_audit .tax-process__head::after{
  content:"";
  position:absolute;
  right:0;
  top:-10px;
  width:220px;
  height:220px;
  background:url('../img/work_page/33/process_gavel.png') no-repeat center/contain;
  opacity:0.07;
  pointer-events:none;
}
*/

#tax_audit .tax-process__label{
  margin:0 0 6px;
  font-size:clamp(25px, 3vw, 42px);
  letter-spacing:0.3em;
  color:#3962c8;
}

#tax_audit .tax-process__title{
  margin:0;
  font-size:clamp(28px, 3vw, 52px);
  font-weight:800;
  letter-spacing:-0.02em;
  color:#1662c4;
}

/* 제목 중 초록 그라디언트 부분 */
#tax_audit .tax-process__title-em{
  margin-left:6px;
  background:linear-gradient(90deg, #2078b5 0%, #2facb5 50%, #36d6a7 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* 단계 리스트 */
#tax_audit .tax-process__steps{
  list-style:none;
  margin:0 0 40px;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:22px;
}

/* 개별 단계 */
#tax_audit .tax-process__step{
  display:flex;
  align-items:center;
  gap:16px;
}

/* 번호 아이콘 (네모+라운드) */
#tax_audit .tax-process__step-icon{
  flex:0 0 70px;
  width:70px;
  height:60px;
  border-radius:12px;
  background:#1150b8;
  display:block;              /* 가운데 정렬 안 써도 되게 변경 */
  position:relative;          /* ▼ 숫자 절대 위치의 기준점 */
  box-shadow:0 4px 10px rgba(0,0,0,0.15);
  overflow:hidden;
}

#tax_audit .tax-process__step-icon span{
  position:absolute;
  right:6px;                  /* 우측 여백 */
  bottom:-5px;                 /* 하단 여백 */
  font-size:62px;
  font-weight:800;
  color:#ffffff;
  line-height:1;
}


/* 단계 텍스트 */
#tax_audit .tax-process__step-text{
  margin:0;
  font-size:clamp(18px, 1.7vw, 35px);
  line-height:1.5;
  font-weight:500;
  color:#173e96;
}

/* 4번 단계 보조 괄호 텍스트 */
#tax_audit .tax-process__step-sub{
	position:relative;
  font-size:0.95em;
  color:#173e96;
  z-index:1;
}

#tax_audit .tax-process__step-sub::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0px;
  height:16px;
  background:#f0f0f0;
  border-radius:2px;
  z-index:-1;  /* 부모 안에서만 뒤로 깔림 */
}

/* 하단 강조 문구 영역 */
#tax_audit .tax-process__bottom{
	position:relative;
  margin-top:80px;
  padding:18px 10px 20px;
  background:#f9f9f9;
  border-radius:10px;
  text-align:center;
  z-index:1;
}


#tax_audit .tax-process__quote{
  margin:0 0 6px;
  font-size:clamp(15px, 1.8vw, 25px);
  font-weight:700;
  
  
  background:linear-gradient(90deg, #00c0fa 0%, #00aaf7 50%, #1267eb 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
#tax_audit .tax-process__bottom-sub{
  margin:0;
  font-size:clamp(14px, 1.8vw, 22px);
  
  
  background:linear-gradient(90deg, #00c0fa 0%, #00aaf7 50%, #1267eb 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* 로고 영역 (600x135) */
#tax_audit .tax-process__logo{
  margin-top:50px;
  text-align:center;
}
#tax_audit .tax-process__logo img{
  display:inline-block;
  max-width:300px;
  height:auto;
}

/* --------- 반응형 --------- */
@media (max-width:768px){
  #tax_audit .tax-process__head::after{
    display:none; /* 모바일에서는 망치 배경 제거 */
  }
  #tax_audit .tax-process__step{
    align-items:flex-start;
  }
  
  #tax_audit .tax-process__step-icon{
	  flex:0 0 40px;
	  width:40px;
	  height:30px;
	  border-radius:8px;
	}

	#tax_audit .tax-process__step-icon span{
	  position:absolute;
	  right:6px;                  /* 우측 여백 */
	  bottom:-2px;                 /* 하단 여백 */
	  font-size:28px;
	}

}

@media (max-width:480px){

  #tax_audit .tax-process{
    padding:32px 14px 50px;
  }
  #tax_audit .tax-process__bottom{
    margin-top:30px;
  }
}


/**************
세무조사 페이지 : End
*************/