* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  font-weight: 400;
  color: #121212;
  overflow-x: hidden;
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  word-break: break-all;
  word-break: keep-all;
  white-space: normal;
}

a {
  text-decoration: none;
  color: #121212;
}

button {
  border: 0;
  outline: 0;
}

ul,
li {
  list-style: none;
}

img {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

p {
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

/* <!-- css에서 작성하는 경우 --> */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable-dynamic-subset.css");

/* ===============================
   HEADER 기본
================================ */
.header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #fff;
  border-bottom: 1px solid #eee;
  padding: 0 20px 0 0;
}

.header .wrapper {
  display: flex;
  align-items: center;
  max-width: 100%;
  height: 100px;
  position: relative;
}

/* 로고 */
.header .logo {
  width: 144px;
}

/* ===============================
   PC 메뉴
================================ */
.menu_wrap {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 32px;
}

.header .gnb ul {
  display: flex;
  align-items: center;
  gap: 0 40px;
}
.header .gnb li:hover a {
  color: #08D1D9;
}
.header .gnb li a {
  display: flex;
  align-items: center;
  height: 100px;
  font-size: 17px;
  font-weight: 600;
  transition: all .2s;
}

.header .btn_wrap>* {
  height: 40px;
  font-size: 17px;
  font-weight: 600;
  gap: 6px;
}

/* 버튼 */
.btn_wrap {
  display: flex;
  gap: 8px;
}

.h_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 10px;
  height: 56px;
  font-size: 20px;
  font-weight: 700;
  border-radius: 100px;
  padding: 0 20px;
  transition: all .2s;
}

.btn_primary {
  background: #08D1D9;
  color: #fff;
}

.btn_gray {
  background: #EEEEEE;
}

.btn_gray:hover {
  background: #dddddd;
}

/* 햄버거 버튼 (PC 숨김) */
.menu_open {
  display: none;
  background: none;
  border: none;
  margin-left: auto;
}

.menu_head {
  display: none;
}

/*================= 콘텐츠=================== */
.container {
  width: 100%;
  overflow: hidden;
}

.wrapper {
  width: 100%;
  max-width: 1440px;
  padding: 0 20px;
  margin: 0 auto;
}

.sec {
  position: relative;
  overflow: hidden;
  /* padding: 120px 0; */
}

.title_box {
  text-align: center;
  color: #333333;
  margin-bottom: 90px;
}

.title_box .sub {
  font-size: 24px;
  font-weight: 500;
  display: block;
  margin-bottom: 16px;
}

.title_box h2 {
  font-size: 54px;
  font-weight: 700;
  line-height: 1.3;
}

.only_pc {
  display: block;
}

.only_mb {
  display: none;
}

/* sec_01--------- */
.service_intro {
  background: url(./img/sv_intro_bg.png) no-repeat center top / 100%;
  /* padding-top: 180px; */
}

.service_intro .sec_01 .wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 100px;
}

/* 텍스트 영역 */
/* .sec_01 .txt_wrap {
  width: 55%;
} */

.service_intro .sec_01 .txt_wrap h1 {
  font-size: 74px;
  line-height: 1.4;
  padding-top: 130px;
}

.skyblue {
  color: #08D1D9;
}

.gra_01 {
  background: linear-gradient(120deg, #08D1D9, #5D5DFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.leak .sec_01 .img_wrap {
  width: 40%;
  max-width: 800px;
  padding-top: 200px;
}


/* 시간 가이드 (sec.time_guide)--------- */
.time_guide {
  margin: 140px 0;
  text-align: center;
}

/* 상단 타이틀 */
.time_guide .tit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 20px;
  font-size: 64px;
  font-weight: 700;
}

.navy {
  color: #5D5DFF;
}

/* 시간 표시 영역 */
.time_guide .cont {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 200px;
  font-weight: 700;
}

.time_guide .cont .small {
  font-size: .24em;
}

.time_guide .cont .num {
  display: inline-block;
  width: 1.3em;
  color: #5D5DFF;
  font-style: italic;
}

/* 시계 이미지 */
.time_guide .cont>img {
  width: .5em;
  margin-left: .1em;
}

/* sec_04---------- */
.leak .sec_04 {
  background: #E0F1F8;
  padding: 150px 0;
}

.sec_04 .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 90px;
}

/* 좌측 이미지 */
.leak .sec_04 .img_wrap {
  width: 285px;
}

.sec_04 .img_wrap img {
  width: 100%;
  max-width: 520px;
}

/* 우측 텍스트 박스 */
.leak .sec_04 .title_box .sub {
  margin-bottom: 8px;
}

.title_box .sub {
  font-size: 24px;
  font-weight: 500;
  display: block;
  margin-bottom: 16px;
}

.title_box h2 {
  font-size: 54px;
  font-weight: 700;
  line-height: 1.3;
}

.leak .sec_04 .title_box h2 {
  font-weight: 600;
}

.leak .sec_04 .img_wrap {
  width: 285px;
}

.leak .sec_04 .title_box .gra_01 {
  display: inline-block;
  font-size: 80px;
  font-weight: 600;
  margin-top: 10px;
}

/* 전화번호 */
.sec_04 .title_box strong {
  display: block;
  margin-top: 28px;
  font-size: 44px;
  font-weight: 900;
  letter-spacing: 0.02em;
}

/* sec.sec_05--------- */
.leak .sec_05 {
  background: url(./img/leak_13.jpg) no-repeat center / cover;
  padding: 150px 0;
}

.leak .sec_05 .title_box {
  margin: 0 auto;
  color: #fff;
  text-align: center;
}

/* 상단 서브 문구 */
.leak .sec_05 .title_box .sub {
  font-weight: 400;
  font-size: 45px;
}

.leak .sec_05 .title_box h2 {
  font-size: 64px;
}


/* sec.sec_06--------- */
.leak .sec_06 {
  background: #F6F6F6;
  padding: 150px 0;
  text-align: center;
  font-size: 45px;
}


/* 상단 메인 이미지 */
.leak .sec_06 .wrapper>img {
  display: block;
  width: 70%;
  max-width: 683px;
  margin: 0 auto;
}

/* 큰 문구 1 */
.leak .sec_06 .p1 {
  margin: 180px 0 32px;
}

.leak .sec_06 p.big {
  font-size: 1.2em;
  font-weight: 600;
}

/* 중간 이미지 2개 */
.leak .sec_06 .img_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 40px;
  margin-top: 120px;
}

.leak .sec_06 .img_wrap img {
  border-radius: 40px;
}

/* 큰 문구 2 */
.leak .sec_06 .p2 {
  margin-top: 80px;
}

/* sec sec_07--------- */
.leak .sec_07,
.leak .sec_13 {
  text-align: center;
  padding: 150px 0;
  font-size: 50px;
}

/* 상단 강조 영역 */
.leak .sec_07 .top,
.leak .sec_13 .top {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.leak .sec_07 img {
  width: 122px;
}

.leak .sec_07 .top .gra_01,
.leak .sec_13 .top .gra_01 {
  font-size: 100px;
  font-weight: 700;
}

.leak .sec_07 .top p,
.leak .sec_13 .top p {
  margin-top: 28px;
}


/* 중간 풀 이미지 */
.leak .sec_07 .img_wrap {
  width: 100%;
  margin-top: 90px;
  position: relative;
}

.leak .sec_07 .img_wrap::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(8, 209, 217, 0) 30%, rgba(8, 209, 217, .6));
  position: absolute;
  top: 0;
  left: 0;
}

.leak .sec_07 .img_wrap img {
  width: 100%;
}

/* 하단 설명 문구 */
.leak .sec_07 .p2 {
  margin-top: 90px;
}

.leak .sec_07 .p2 strong {
  font-size: 1.2em;
  font-weight: 600;
}

.gra_02 {
  background: linear-gradient(120deg, #5D5DFF, #08D1D9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* sec sec_08--------- */
.leak .sec_08 {
  background: url(./img/leak_19.jpg) no-repeat center / cover;
  padding: 60px 0;
}

.sec_08 .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 90px;
}

/* 좌측 이미지 */
.leak .sec_08 .img_wrap {
  max-width: 600px;
}

/* 우측 텍스트 */
.leak .sec_08 .txt_wrap .tit {
  background: linear-gradient(to right, #E3C18D, #AE7943);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 80px;
  font-weight: 700;
}

.leak .sec_08 .txt_wrap p {
  font-size: 60px;
  font-weight: 500;
  color: #ECB371;
  margin-top: 24px;
}

.leak .sec_08 .txt_wrap img {
  margin-top: 30px;
  width: 50%;
  display: block;
}

/* sec sec_09--------- */
.leak .sec_09 {
  padding: 150px 0;
  background: rgba(238, 254, 255, .5);
  text-align: center;
  font-size: 65px;
}

/* 상단 문구 */
.leak .sec_09 .top {
  line-height: 1.4;
}

.darknavy {
  color: #4453D8;
}

.leak .sec_09 .top .sub {
  font-size: .7em;
  display: block;
}

.leak .sec_09 .top .tit {
  display: block;
  font-weight: 600;
}

.sec_09 .top .darknavy {
  color: #4453D8;
}

/* 3단 프로세스 */
.leak .sec_09 .list {
  display: flex;
  align-items: center;
  gap: 0 40px;
  margin-top: 100px;
}

.leak .sec_09 .list .item {
  flex: 1;
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 20px 20px 55px rgba(0, 0, 0, .08);
}

/* 이미지 위 텍스트 */
.leak .sec_09 .list .item span {
  display: block;
  padding: 24px 20px 40px;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
}

/* 화살표 */
.sec_09 .list .arrow {
  width: 48px;
}

/* 하단 강조 문구 */
.leak .sec_09 .btm {
  margin-top: 90px;
}

.leak .sec_09 .btm .small {
  font-size: .76em;
}

.sec_09 p.btm strong {
  font-weight: 700;
  font-size: 1.2em;
}

.leak .sec_09 .btm .gra_01 {
  font-weight: 600;
}

/* sec sec_10--------- */
.leak .sec_10 {
  background: url(./img/leak_27.png) no-repeat center / cover;
  padding: 150px 0;
  color: #fff;
  text-align: center;
}

/* 상단 서브 */
.leak .sec_10 .sub {
  display: block;
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 18px;
}

/* 핵심 메시지 */
.leak .sec_10 .gra_01 {
  font-size: 128px;
  font-weight: 700;
}

/* 설명 문구 */
.leak .sec_10 p {
  font-size: 48px;
  margin-top: 28px;
}

.sec_10 p strong {
  font-weight: 800;
}

/* sec sec_11--------- */
.leak .sec_11 {
  padding: 70px 0;
}

.leak .sec_11 .wrapper {
  max-width: 1230px;
}

/* 타이틀 영역 */
.title_box {
  text-align: center;
  color: #333333;
}

.leak .sec_11 .title_box {
  margin-bottom: 170px;
}

.leak .sec_11 .title_box .sub {
  font-size: 48px;
  margin-bottom: 28px;
}

.leak .sec_11 .title_box h2 {
  font-size: 70px;
}

/* 카드 리스트 */
.sec_11 .list {
  display: flex;
  justify-content: center;
  gap: 40px;
}

.leak .sec_11 .list .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-shadow: 27px 20px 55px rgba(0, 0, 0, .08);
  border-radius: 30px;
  background: #9BF3F7;
  padding: 0 20px 50px;
}

.leak .sec_11 .list .item:nth-child(2) {
  background: #ABFFC0;
}

.leak .sec_11 .list .item:nth-child(3) {
  background: #BCBCFF;
}

/* 아이콘 */
.leak .sec_11 .list .item .img {
  display: block;
  width: 70%;
  max-width: 250px;
  margin: -130px auto 0;
}

/* 카드 텍스트 */
.leak .sec_11 .list .item .txt_wrap {
  margin-top: 30px;
}

.leak .sec_11 .list .item .txt_wrap .tit {
  font-size: 50px;
  font-weight: 600;
}

.leak .sec_11 .list .item .txt_wrap p {
  font-size: 24px;
  margin-top: 18px;
}

/* sec sec_12--------- */
.leak .sec_12 {
  background: #E4E7FF;
  font-size: 50px;
}

.sec_12 .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  text-align: left;
}

.leak .sec_12 .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 50px;
  padding: 150px 0;
}

/* 아이콘 이미지 */
.sec_12 img {
  width: 390px;
  flex-shrink: 0;
}

/* 텍스트 영역 */
.leak .sec_12 .sub {
  font-size: 50px;
}

.leak .sec_12 strong {
  font-size: 1.2em;
  display: block;
  font-weight: 600;
  margin-top: 15px;
}

.darknavy {
  color: #4453D8;
}

/* sec sec_13--------- */
.leak .sec_13 {
  background: url(./img/leak_32.png) no-repeat center bottom / cover;
}

/* 상단 강조 */


.sec_13 .top img {
  width: 90px;
  margin: 0 auto 18px;
}

/* 3단 카드 */
.leak .sec_13 .list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 80px;
  margin-top: 100px;
}

.leak .sec_13 .list .item {
  flex: 1;
}

/* 아이콘 */
.leak .sec_13 .list img {
  width: 80%;
  max-width: 320px;
  box-shadow: 0 0 30px rgba(0, 0, 0, .1);
  border-radius: 200px;
  margin: 0 auto;
}

/* 카드 텍스트 */
.leak .sec_13 .list .txt_wrap {
  margin-top: 60px;
}

.leak .sec_13 .list .txt_wrap .tit {
  display: block;
  font-size: 35px;
  font-weight: 600;
}

.leak .sec_13 .list .txt_wrap p {
  font-size: 24px;
  margin-top: 20px;
}

/* sec sec_03--------- */
.leak .sec_03 {
  padding-top: 150px;
}

.service_intro .sec_03 {
  padding-bottom: 150px;
}

/* 이미지 강조 */
.leak .sec_03 .img_wrap {
  max-width: 1040px;
}

.service_intro .sec_03 .img_wrap {
  /* max-width: 900px; */
  margin: 0 auto;
}


/* sec sv_care--------- */
.sv_care {
  padding: 150px 0;
  position: relative;
}

.sv_care .wrapper {
  max-width: 1920px;
  padding: 0;
}

/* 배경 에셋 */
.leak .sv_care .bg {
  width: 34vw;
  max-width: 590px;
}

.sv_care .bg {
  width: 32vw;
  max-width: 455px;
  position: absolute;
  top: 12%;
  right: 10%;
  z-index: -1;
}

/* 컨텐츠 영역 */
.sv_care .wrapper {
  position: relative;
  z-index: 1;
}

/* 카드 리스트 */
.sv_care .list {
  display: flex;
  align-items: flex-start;
  gap: 0 70px;
}

/* 카드 이미지 */
.sv_care .list .item_01 .img_wrap img {
  border-radius: 0 300px 300px 0;
}

.sv_care .list .item_02 .img_wrap img {
  border-radius: 200px 0 0 0;
}

.sv_care .list .item_02 {
  margin-top: 200px;
}

/* 카드 텍스트 */
.sv_care .list .item_01 .txt_wrap {
  max-width: 560px;
  padding-left: 20px;
  margin-left: auto;
}

.sv_care .list .item .txt_wrap {
  margin-top: 50px;
}

.sv_care .list .item .txt_wrap span {
  font-size: 40px;
  font-weight: 700;
}

.sv_care .list .item .txt_wrap p {
  font-size: 20px;
  margin-top: 24px;
  line-height: 1.6;
  color: #5A5A5A;
}

.sv_care .list .item_02 .txt_wrap {
  padding-right: 20px;
  max-width: 550px;
}

/* sec rocket_banner_02--------- */
.leak .rocket_banner_02 .banner {
  background-image: url(./img/leak_07.jpg);
}

.rocket_banner_02 .banner {
  background: no-repeat center / cover;
}

.rocket_banner_02 .banner .wrapper {
  max-width: 1450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
  height: 600px;
  background: no-repeat center / cover;
  color: #fff;
  font-weight: 700;
  font-size: 48px;
  text-align: center;
}

/* 하단 2단 메시지 */
.rocket_banner_02 .banner .bottom {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.3em;
}

.rocket_banner_02 .banner .bottom p {
  line-height: 1.4;
}

.rocket_banner_02 .banner .bottom p .wide {
  letter-spacing: .5em;
}

/* sec rocket_banner_01--------- */
.rocket_banner_01 {
  text-align: center;
  padding: 150px 0;
}

/* 타이틀 영역 */
.gra_03 {
  background: linear-gradient(120deg, #09D0D9, #1DA4D9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 강조 키워드 */
.rocket_banner_01 .title_box .big {
  font-size: 1.5em;
  color: #1DA4D9;
  margin-left: .1em;
}

/* 하단 문구 */
.rocket_banner_01 .txt_wrap {
  padding-top: 100px;
}

.rocket_banner_01 .p2 {
  display: inline;
  font-size: 64px;
  font-weight: 700;
}

/* rocket_service--------- */
.rocket_service {
  position: relative;
}

/* 배경 에셋 */
.bg_asset {
  width: 78vw;
  max-width: 1488px;
  position: absolute;
  left: -17vw;
  top: 0;
  z-index: -2;
}

/* 
.rocket_service .bg_asset img {
  width: 520px;
} */

/* 컨텐츠 래퍼 */
.rocket_service .wrapper {
  max-width: 1540px;
}

/* 타이틀 */
.rocket_service .tit_wrap {
  text-align: center;
}

.rocket_service .tit_wrap .sub {
  display: block;
  font-size: 20px;
  font-weight: 500;
  color: #7B7B7B;
}

.rocket_service .tit_wrap .tit {
  display: block;
  font-size: 64px;
  font-weight: 700;
  color: #333333;
  margin-top: 10px;
}

/* 서비스 리스트 */
.rocket_service .list {
  display: flex;
  gap: 0 30px;
  margin-top: 180px;
  position: relative;
  padding-bottom: 50px;
}

.rocket_service .list::before {
  content: 'different';
  font-size: 8.4vw;
  font-weight: 800;
  background: linear-gradient(120deg, #5D5DFF, #08D1D9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  opacity: .5;
  position: absolute;
  top: 0;
  left: -1%;
  transform: translateY(-78%);
  z-index: -1;
  font-family: 'Montserrat', sans-serif;
}

/* 아이템 */
.rocket_service .list .item {
  flex: 1;
  background: var(--white);
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 10px 14px 14px rgba(0, 0, 0, .06);
  border: solid 1px #E8E8E8;
}

/* 제목 */
.rocket_service .list .item .tit {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 70px;
  background: #4949FF;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}

/* 아이콘 */
.rocket_service .list .item .icon {
  padding: 50px 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

.rocket_service .list .item .icon img {
  max-width: 100px;
}

/* sec rocket_process--------- */
.rocket_process {
  padding: 150px 0 50px;
  position: relative;
}

.bg_asset {
  width: 78vw;
  max-width: 1488px;
  position: absolute;
  left: -17vw;
  top: 0;
  z-index: -2;
}

.rocket_process .bg_asset {
  display: none;
}

.rocket_process .wrapper {
  max-width: 1440px;
}

/* 타이틀 */
.rocket_process .title_box .sub {
  display: inline-block;
  font-size: 32px;
  font-weight: 800;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}

/* 프로세스 리스트 */
.rocket_process .list {
  display: flex;
  gap: 30px;
  margin-top: 80px;
}

/* 단계 카드 */
.rocket_process .list .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 6px 33px #C9DAE8;
  padding: 40px;
}

/* 원형 아이콘 */
.rocket_process .process_item .icon {
  width: 120px;
  height: 120px;
  margin: 0 auto 26px;
  border-radius: 50%;
  background: #f4f6fa;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rocket_process .process_item .icon img {
  max-width: 56px;
}

.rocket_process .list .item .num {
  font-size: 16px;
  color: #4381F3;
  display: block;
}

/* 단계 제목 */
.rocket_process .list .item .tit {
  display: block;
  font-size: 24px;
  font-weight: 700;
  margin: 10px 0 6px;
}

/* 설명 */
.rocket_process .list .item p {
  font-size: 14px;
}

.rocket_process .list .item .img_wrap {
  width: 100px;
  margin-left: auto;
  margin-top: 10px;
}


/* sec rocket_exist--------- */
.rocket_exist {
  padding: 150px 0;
}

.rocket_exist .wrapper {
  max-width: 1440px;
}

.rocket_exist .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-top: 80px;
}

/* 카드 */
.rocket_exist .list .item {
  display: flex;
  align-items: center;
  gap: 24px;
  background: var(--white);
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 6px 33px #C9DAE8;
}

/* 카드 이미지*/
.rocket_exist .list .item .img_wrap {
  width: 90px;
}

/* 카드 텍스트*/
.rocket_exist .list .item .txt_wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.rocket_exist .list .item .txt_wrap .gra_02 {
  font-size: 24px;
}

.rocket_exist .list .item .txt_wrap p {
  font-size: 14px;
  margin-top: 10px;
}

/* sec equipment_info--------- */
.equipment_info {
  padding-bottom: 150px;
  position: relative;
}

.bg_asset {
  width: 78vw;
  max-width: 1488px;
  position: absolute;
  left: -17vw;
  top: 0;
  z-index: -2;
}

.equipment_info .wrapper {
  max-width: 1410px;
}

/* 장비 리스트 */
.equipment_info .img_wrap {
  display: flex;
  align-items: center;
  gap: 30px;
}


/* sec sludge_status--------- */
.sludge_status {
  background: url(./img/intro_05_bg.jpg) no-repeat center / cover;
  padding: 150px 0;
}

.sludge_status .wrapper {
  max-width: 920px;
}

.sludge_status .title_box h2 {
  color: #fff;
}

/* rocket_banner_03--------- */
.rocket_banner_03 {
  position: relative;
  overflow: hidden;
}

/* 내부 정렬 */
.rocket_banner_03 .wrapper {
  max-width: 1960px;
}

/* 상단 서브 문구 */
.rocket_banner_03 .txt_wrap {
  text-align: left;
  line-height: 1.4;
  position: absolute;
  top: 14%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 30px;
}

.rocket_banner_03 .txt_wrap .sub {
  display: block;
}

/* 메인 타이틀 */
.rocket_banner_03 .txt_wrap .tit {
  display: block;
  font-size: 60px;
  font-weight: 700;
  margin-top: -20px;
}

/* 강조 문구 */
.rocket_banner_03 .txt_wrap .tit .gra_02 {
  display: inline-block;
  font-size: 2em;
  vertical-align: middle;
  margin-right: .1em;
}

/* 설명 텍스트 */
.rocket_banner_03 .txt_wrap .tit .small {
  display: block;
  font-size: 44px;
  margin-top: -1em;
}

.rocket_banner_03 .txt_wrap .p2 {
  margin-top: 30px;
}

.rocket_banner_03 .txt_wrap .num {
  font-size: 90px;
  font-weight: 700;
  display: inline-block;
}

/* sec rocket_map--------- */
.rocket_map {
  position: relative;
  padding: 150px 0;
}

.rocket_map .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

/* 타이틀 */
.rocket_map .title_box>span {
  display: block;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 18px;
}

.rocket_map .title_box h2 {
  font-size: 70px !important;
}

/* 지도 영역 */
.rocket_map .map {
  width: 42%;
  max-width: 600px;
  position: relative;
}

.rocket_map .map .car {
  width: 116px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  animation: car 6s infinite linear;
}

/* sec form_banner--------- */
.form_banner {
  padding: 100px 0;
}

.form_banner .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1400px;
}

/* 좌측 텍스트 */
.form_banner .txt_wrap .tit {
  display: block;
  font-size: 64px;
  font-weight: 700;
}

.form_banner .txt_wrap p {
  font-size: 24px;
  margin-top: 36px;
}

/* 우측 폼 */
.form_banner .form {
  flex: 455px 0 0;
  border: solid 1px #DEDEDE;
  border-radius: 20px;
  padding: 60px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, .12);
}

.form>* {
  width: 100%;
}

/* 입력 요소 */
.form .input_box input {
  width: 100%;
  height: 56px;
  background: #F7F8F9;
  border: solid 1px #E1E1E1;
  border-radius: 8px;
  font-size: 16px;
  padding: 0 18px;
  transition: all .2s;
}

.form .input_box input:focus {
  border-color: var(--black);
}

.form .input_box+.input_box {
  margin-top: 14px;
}

/* 체크박스 */
.form .chk_box {
  margin-top: 16px;
  position: relative;
}

.form .chk_box input {
  /* display: none; */
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.form .chk_box label {
  display: flex;
  align-items: center;
  gap: 0 8px;
  font-size: 16px;
  padding-left: 32px;
  position: relative;
  cursor: pointer;
}

.form .chk_box label::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url(./img/check.svg) no-repeat center / 100%;
  position: absolute;
  top: -2px;
  left: 0;
}

.form .chk_box input:checked+label::before {
  background-image: url(./img/check_01.svg);
}

.form .chk_box label button {
  font-size: 1em;
  background-color: #fff;
}

/* 버튼 */
.btn_gra {
  background: linear-gradient(to right, #5070F9, #15BFDF);
  color: #fff;
}

.form .btn_gra {
  width: 100%;
  border-radius: 6px;
  font-size: 16px;
  margin-top: 20px;
}

.form_banner .form .btn_gra {
  margin-top: 34px;
}

/* footer--------- */
.footer {
  border-top: solid 1px #D9D9D9;
  padding: 80px 0 130px;
  font-size: 16px;
}

.footer .wrapper {
  display: flex;
  align-items: flex-start;
  gap: 0 68px;
  max-width: 1580px;
}

/* 로고 */
.footer .logo {
  width: 145px;
}


/* 회사 정보 */
.footer .info>div {
  display: flex;
  align-items: center;
}

.footer .info>div+div {
  margin-top: 18px;
}

.footer .info span {
  display: flex;
  align-items: center;
}

.footer .info strong {
  margin-right: 10px;
}

.footer .info .term_open {
  font-size: 1em;
}

.footer .info>div>span+* {
  position: relative;
}

/* 카피라이트 */
.footer .copyright {
  color: #959595;
  font-size: 12px;
  font-weight: 500;
}

/* 좌측 floating */
.footer .floating {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 28px;
  position: fixed;
  bottom: 140px;
  right: 40px;
  z-index: 11;
}

.footer .floating .kakao {
  width: 170px;
  background: #FFE100;
  border-radius: 10px;
  padding: 20px;
  transition: all .2s;
}

/* 아이콘 */
.footer .floating .kakao img {
  width: 26px;
}

/* 텍스트 */
.footer .floating .kakao p {
  font-size: 14px;
  font-weight: 500;
  margin: 16px 0;
}

/* 카카오상담하기 버튼 */
.footer .floating .kakao .btn_go {
  display: inline-flex;
  align-items: center;
  gap: 0 6px;
  height: 30px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background: #000;
  border-radius: 50px;
  padding: 0 12px;
}

/* 카카오 강조 */
.floating .float_kakao {
  background: #ffe812;
  color: #3a1d1d;
}

/* TOP 버튼 */
.floating .float_top {
  background: #ffffff;
  color: #111;
}

.floating .float_top img {
  width: 18px;
}

/* fixed_banner--------- */
.fixed_banner {
  width: 100%;
  position: fixed;
  bottom: 30px;
  left: 0;
  z-index: 10;
  padding: 0 20px;
}


/* 노출 상태 */
.fixed_banner.show {
  transform: translateY(0);
}

/* 공통 */
.fixed_banner .inner {
  display: flex;
  align-items: center;
  gap: 0 16px;
  max-width: 1400px;
  background: rgba(0, 0, 0, .8);
  border-radius: 70px;
  padding: 17px 20px;
  color: #fff;
  margin: 0 auto;
}

/* ================= PC ================= */

.fixed_banner .only_pc {
  justify-content: space-between;
}

/* 로고 */
.fixed_banner .logo {
  width: 90px;
}

/* 전화번호 */
.fixed_banner .num {
  font-size: 32px;
  font-weight: 700;
  animation: color 2s infinite linear alternate;
}

/* 타이틀 */
.fixed_banner .tit {
  font-size: 18px;
  font-weight: 700;
  animation: color 2s infinite linear alternate;
}

@keyframes color {
  0% {
    color: #fff;
  }

  100% {
    color: #09D1D9;
  }
}

/* 설명 */
.fixed_banner p {
  font-size: 18px;
  font-weight: 600;
  background: linear-gradient(120deg, #09D0D9, #5070F9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 카카오 버튼 */
.fixed_banner .kakao_go {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-left: auto;
  height: 40px;
  font-size: 15px;
  font-weight: 700;
  background: #FFE100;
  border-radius: 50px;
  padding: 0 20px;
}

.fixed_banner .kakao_go img {
  width: 30px;
}

.fixed_banner .only_mb {
  display: none;
}

/* ================= review ================= */
.inner.wrapper {
  padding: 150px 0;
}

.reviewWrap .container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* PC 기본 */
  gap: 20px;
  padding: 0 20px;
}

.reviewWrap .container .item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  background: #fff;
  overflow: hidden;

  /* ⭐ 모든 아이템 높이 통일 */
  aspect-ratio: 1 / 1.15;
}

.reviewWrap .container .item .imgWrap {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.reviewWrap .container .item .textWrap {
  /* flex: 1; */
  padding: 16px 0 8px;
  display: flex;
}

.reviewWrap .container .item .textWrap p {
  font-size: 18px;
  font-weight: 600;

  /* ⭐ 줄 제한 */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 페이지 내비게이션 */
.pg_wrap {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.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,
.pg_current {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  font-size: 15px;
}

.pg_page:hover {
  background-color: #fafafa;
}

.pg_current {
  background: #08D1D9;
  color: #fff;
  font-weight: 700;
}

.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_end {
  text-indent: -999px;
  overflow: hidden;
  background: url(./img/btn_end.gif) no-repeat 50% 50% #eee;
  padding: 0;
  border: 1px solid #eee;
}

.pg_start:hover,
.pg_end:hover {
  background-color: #fafafa;
}

/* 페이지 내비게이션 */
/* ===============================
   Search Layout
================================ */
.searchWrap {
  display: flex;
  gap: 12px;
  align-items: center;
  max-width: 500px;
  margin: 40px auto 0;
}

.selectBox {
  position: relative;
}

.selectBtn {
  width: 250px;
  height: 40px;
  border: 1px solid #d0d3db;
  border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  padding: 0 14px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  flex: 1;
}

.selectBtn .arrow {
  width: 6px;
  height: 6px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(45deg);
  transition: transform .2s;
}

/* 열렸을 때 */
.selectBox.active .arrow {
  transform: rotate(-135deg);
}

.selectList {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #d0d7e2;
  overflow: hidden;
  display: none;
  z-index: 10;
}

.selectBox.active .selectList {
  display: block;
}

.selectList li {
  padding: 12px 14px;
  cursor: pointer;
  font-size: 14px;
}

.selectList li:hover {
  background: #f3f6fb;
}

.inputBox {
  flex: 1;
  display: flex;
  align-items: center;
  border: 1px solid #d0d3db;
  border-radius: 2px;
  height: 40px;
  padding: 0 14px;
}

.inputBox input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 14px;
}


@media (max-width: 1599px) {
  .rocket_banner_03 .img_wrap {
    width: 1800px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .rocket_banner_03 .txt_wrap {
    width: 100%;
  }
}

@media (max-width: 1299px) {
  .fixed_banner p {
    display: none;
  }

  .fixed_banner .tit br {
    display: none;
  }
}

@media (max-width: 1024px) {

  /* 헤더 */
  .header {
    order: 1;
    height: 60px;
  }

  .header .wrapper {
    height: 60px;
    padding: 0 0 0 0;
  }

  .header .logo {
    width: 92px;
  }

  /* 햄버거 버튼 */
  .menu_open {
    display: block;
    margin-left: auto;
  }

  .menu_close {
    background-color: #fff;
  }

  /* ===============================
     모바일 메뉴 패널
  ================================ */
  .menu_wrap {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100dvh;
    background: #fff;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 0 16px 36px;
    transition: right 0.35s ease;
  }

  .menu_wrap.active {
    right: 0;
  }

  /* ===============================
     menu_head (모바일에서만)
  ================================ */
  .menu_head {
    display: none;
    height: 56px;
    align-items: center;
    justify-content: space-between;
    border-bottom: none;
    margin-bottom: 16px;
  }

  .menu_wrap.active .menu_head {
    display: flex;
  }

  /* ===============================
     GNB
  ================================ */
  .gnb {
    order: 2;
    width: 100%;
    margin-top: 30px;
    padding: 0 0 0 20px;
  }

  .header .gnb ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .header .gnb li a {
    display: block;
    height: auto;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    border-bottom: none;
    color: #222;
  }

  /* ===============================
     하단 버튼 영역 (중요)
  ================================ */
  .btn_wrap {
    order: 1;
    margin-top: 80px;

    /* 🔥 핵심 */
    padding: 0 0 0 20px;
    border-top: none;
    display: flex;
    gap: 10px;
  }

  .h_btn {
    justify-content: center;
    height: 48px;
    font-size: 16px;
  }

  /*===== service_intro ========  */
  .service_intro {
    padding-top: 0px;
  }

  .service_intro .sec_01 .txt_wrap h1 {
    font-size: 50px;
  }

  /*===== time_guide ========  */
  .time_guide {
    margin: 100px 0;
  }

  .time_guide .tit svg {
    width: 44px;
    height: 44px;
  }

  .time_guide .tit {
    gap: 10px;
    font-size: 40px;
  }

  .time_guide .cont {
    font-size: 120px;
  }

  /*===== sec_04 ========  */
  .leak .sec_04 {
    padding: 100px 0;
  }

  .leak .sec_04 .img_wrap {
    width: 200px;
  }

  .title_box .sub {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .title_box h2 {
    font-size: 40px;
  }

  .leak .sec_04 .title_box .gra_01 {
    font-size: 54px;
  }

  .leak .sec_04 .title_box {
    margin: 0;
  }

  /*===== sec_05 ========  */
  .title_box .sub {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .title_box h2 {
    font-size: 40px;
  }

  .leak .sec_05 .title_box .sub {
    font-size: 30px;
  }

  .leak .sec_05 .title_box h2 {
    font-size: 45px;
  }

  .leak .sec_05 {
    padding: 120px 0;
  }

  /*===== sec_06 ========  */
  .leak .sec_06 {
    font-size: 30px;
    padding: 120px 0;
  }

  .leak .sec_06 .wrapper>img {
    max-width: 480px;
  }

  .leak .sec_06 .p1 {
    margin: 100px 0 30px;
  }

  .leak .sec_06 .img_wrap {
    margin-top: 80px;
  }

  .leak .sec_06 .p2 {
    margin-top: 55px;
  }

  /*===== sec_07,sec_13 ========  */
  .leak .sec_07,
  .leak .sec_13 {
    padding: 120px 0;
    font-size: 30px;
  }

  .leak .sec_07 .top>img,
  .leak .sec_13 .top>img {
    width: 80px;
  }

  .leak .sec_07 .top .gra_01,
  .leak .sec_13 .top .gra_01 {
    font-size: 60px;
    margin-top: 10px;
  }

  .leak .sec_07 .top p,
  .leak .sec_13 .top p {
    margin-top: 28px;
  }

  .leak .sec_07 .img_wrap {
    margin-top: 50px;
  }


  /*===== sec_07 ========  */
  .leak .sec_07 .p2 {
    margin-top: 60px;
  }

  /*===== sec_08 ========  */
  .leak .sec_08 .img_wrap {
    max-width: 300px;
  }

  .leak .sec_08 .txt_wrap .tit {
    font-size: 54px;
  }

  .leak .sec_08 .txt_wrap p {
    font-size: 38px;
    margin-top: 15px;
  }

  .leak .sec_08 .txt_wrap img {
    width: 200px;
    margin-top: 20px;
  }

  /*===== sec_09 ========  */
  .leak .sec_09 {
    font-size: 44px;
    padding: 120px 0;
  }

  .leak .sec_09 .list {
    margin-top: 70px;
    gap: 20px;
  }

  .leak .sec_09 .list .item span {
    font-size: 22px;
    padding: 30px 20px;
  }

  /*===== sec_10 ========  */
  .leak .sec_10 {
    padding: 120px 0;
  }

  .leak .sec_10 .sub {
    font-size: 38px;
    margin-bottom: 12px;
  }

  .leak .sec_10 .gra_01 {
    font-size: 70px;
  }

  .leak .sec_10 p {
    font-size: 30px;
    margin-top: 20px;
  }

  /*===== sec_11 ========  */
  .leak .sec_11 {
    padding: 120px 0;
  }

  .leak .sec_11 .title_box {
    margin-bottom: 100px;
  }

  .leak .sec_11 .title_box .sub {
    font-size: 32px;
    margin-bottom: 20px;
  }

  .leak .sec_11 .title_box h2 {
    font-size: 46px;
  }

  .leak .sec_11 .list {
    gap: 0 30px;
  }

  .leak .sec_11 .list .item .img {
    width: 60%;
    margin-top: -80px;
  }

  .leak .sec_11 .list .item .txt_wrap .tit {
    font-size: 32px;
  }

  .leak .sec_11 .list .item .txt_wrap p {
    font-size: 18px;
    margin-top: 14px;
  }

  /*===== sec_12 ========  */
  .leak .sec_12 {
    font-size: 35px;
  }

  .leak .sec_12 .wrapper {
    padding: 120px 0;
  }

  .leak .sec_12 .wrapper>img {
    width: 250px;
  }

  .leak .sec_12 .sub {
    font-size: 35px;
  }

  /*===== sec_13 ========  */
  .leak .sec_13 .list {
    gap: 40px;
    margin-top: 70px;
  }

  .leak .sec_13 .list .txt_wrap .tit {
    font-size: 26px;
  }

  .leak .sec_13 .list .txt_wrap p {
    font-size: 18px;
    margin-top: 14px;
  }

  /*===== sec_03 ========  */
  .leak .sec_03 {
    padding: 120px 0;
  }

  .title_box {
    margin-bottom: 50px;
  }

  /*===== sv_care ========  */
  .sv_care {
    padding: 120px 0;
  }

  .sv_care .list .item .txt_wrap {
    margin-top: 40px;
  }

  .sv_care .list .item .txt_wrap span {
    font-size: 32px;
  }

  .sv_care .list .item .txt_wrap p {
    font-size: 18px;
    margin-top: 20px;
  }

  .sv_care .list .item_02 .img_wrap img {
    border-radius: 100px 0 0 0;
  }

  /*===== rocket_banner_02 ========  */
  .rocket_banner_02 .banner .wrapper {
    height: 500px;
    font-size: 36px;
  }

  .rocket_banner_02 .banner .bottom {
    font-size: 1.2em;
  }

  /*===== rocket_banner_01 ========  */
  .rocket_banner_01 {
    padding: 120px 0;
  }

  .rocket_banner_01 .p2 {
    font-size: 40px;
  }

  .rocket_banner_01 .txt_wrap {
    padding-top: 70px;
  }

  /*===== rocket_service ========  */
  .rocket_service .tit_wrap .tit {
    font-size: 44px;
  }

  .rocket_service .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 140px;
  }

  .rocket_service .list .item .tit {
    height: 50px;
    font-size: 20px;
  }

  .rocket_service .list .item .icon {
    padding: 30px 0;
  }

  /*===== rocket_process ========  */
  .rocket_process {
    padding: 120px 0 50px;
  }

  .rocket_process .list {
    gap: 20px;
    margin-top: 50px;
  }

  .rocket_process .list .item {
    padding: 30px;
  }

  .rocket_process .list .item .tit {
    font-size: 20px;
  }

  .rocket_process .list .item p {
    font-size: 13px;
  }

  .rocket_process .list .item .img_wrap {
    width: 70px;
  }

  /*===== rocket_exist ========  */
  .rocket_exist .list {
    gap: 20px;
    margin-top: 50px;
  }

  .rocket_exist .list .item .txt_wrap .gra_02 {
    font-size: 20px;
  }

  .rocket_exist .list .item .txt_wrap p {
    font-size: 13px;
  }

  .rocket_exist .list .item .img_wrap {
    width: 70px;
  }

  .rocket_exist .list .item {
    padding: 30px;
  }

  /*===== equipment_info ========  */
  .equipment_info {
    padding-bottom: 120px;
  }

  /*===== sludge_statu ========  */
  .sludge_status {
    padding: 120px 0;
  }

  /*===== rocket_banner_03 ========  */
  .rocket_banner_03 .img_wrap {
    width: 140%;
  }

  .rocket_banner_03 .txt_wrap {
    font-size: 20px;
  }

  .rocket_banner_03 .txt_wrap .tit {
    font-size: 42px;
  }

  .rocket_banner_03 .txt_wrap .tit .small {
    font-size: 30px;
  }

  .rocket_banner_03 .txt_wrap .p2 {
    margin-top: 22px;
  }

  .rocket_banner_03 .txt_wrap .num {
    font-size: 52px;
  }

  /*===== rocket_map ========  */
  .rocket_map {
    padding: 120px 0;
  }

  .rocket_map .title_box>span {
    font-size: 15px;
  }

  .rocket_map .title_box h2 {
    font-size: 42px !important;
  }

  .rocket_map .title_box {
    width: 50%;
    margin: 0;
  }

  /*===== form_banner ========  */
  .form_banner .txt_wrap .tit {
    font-size: 44px;
  }

  .form_banner .txt_wrap p {
    font-size: 18px;
    margin-top: 24px;
  }

  .form_banner .form {
    flex-basis: 360px;
    padding: 40px;
  }

  /*===== fixed_banner ========  */
  .fixed_banner p {
    display: none;
  }
}

@media (max-width: 1023px) {

  /* 1023px 이하 → 3 x 4 */
  .reviewWrap .container {
    grid-template-columns: repeat(3, 1fr);
  }
      .rocket_process .list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
      .rocket_exist .list {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ================= Mobile ================= */
@media (max-width: 767px) {
    .only_pc {
    display: none;
  }
.fixed_banner .only_pc {
  display: none;
}
.fixed_banner .only_mb {
  display: flex;
}
  .only_mb {
    display: block;
  }
  /*===== service_intro ========  */
  .service_intro {
    background-position: top 300px right 15%;
    background-size: 150%;
  }

  .service_intro .sec_01 .wrapper {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  .service_intro .sec_01 .txt_wrap h1 {
    font-size: 26px;
    padding: 0;
    text-align: left;
  }

  /*===== leak .sec_01 ========  */
  .leak .sec_01 .img_wrap {
    padding-top: 50px;
    max-width: 240px;
    width: auto;
  }

  /*===== time_guide ========  */
  .time_guide {
    margin: 60px 0;
  }
      .time_guide .tit {
        gap: 4px;
        font-size: 16px;
    }
    .time_guide .tit svg {
        width: 18px;
        height: 18px;
    }
        .time_guide .cont {
        font-size: 48px;
        margin-top: 5px;
    }
    /*===== leak .sec_04 ========  */
    .leak .sec_04 {
        padding: 40px 0;
    }
        .leak .sec_04 .img_wrap {
        width: 120px;
        margin: 12px auto;
    }
        .title_box .sub {
        font-size: 16px;
        margin-bottom: 8px;
    }
        .title_box h2 {
        font-size: 24px;
    }
        .leak .sec_04 .title_box .gra_01 {
        font-size: 28px;
        }
     /*===== leak .sec_05 ========  */
    .leak .sec_05 {
    padding: 90px 0;
}
    .leak .sec_05 .title_box .sub {
        font-size: 18px;
    }
    .leak .sec_05 .title_box h2 {
        font-size: 25px;
    }
    /*===== leak .sec_06 ========  */
        .leak .sec_06 {
        font-size: 16px;
        padding: 90px 0;
    }
    .leak .sec_06 .wrapper {
    max-width: 1320px;
}
    .leak .sec_06 .wrapper > img {
        max-width: 300px;
    }
        .leak .sec_06 .p1 {
        margin: 30px 0 26px;
    }
        .leak .sec_06 .p2 {
        margin-top: 30px;
        font-size: 1em !important;
    }
        .leak .sec_06 .img_wrap {
        margin-top: 38px;
        gap: 12px;
    }
    .leak .sec_06 .p2 {
        margin-top: 30px;
        font-size: 1em !important;
    }
    /*===== leak .sec_07, leak .sec_13 ========  */
    .leak .sec_07, .leak .sec_13 {
    padding: 90px 0;
    font-size: 15px;
}
    .leak .sec_07 .top .gra_01,
    .leak .sec_13 .top .gra_01 {
        font-size: 28px;
    }
    .leak .sec_07 .top > img,
    .leak .sec_13 .top > img {
        width: 40px;
    }
        .leak .sec_07 .top p,
        .leak .sec_13 .top p {
        margin-top: 15px;
        font-size: 20px;
    }
    /*===== leak .sec_07 ========  */
    .leak .sec_07 .p2 {
        margin-top: 40px;
    }
    /*===== leak .sec_08 ========  */
    .leak .sec_08 {
        background-image: url(./img/leak_19_mb.jpg);
    }
        .leak .sec_08 .wrapper {
        flex-direction: column;
        text-align: center;
        gap: 0;
    }
        .leak .sec_08 .img_wrap {
        max-width: 200px;
        transform: translateX(-3%);
    }
        .leak .sec_08 .txt_wrap .tit {
        font-size: 28px;
    }
        .leak .sec_08 .txt_wrap p {
        font-size: 18px;
        margin-top: 6px;
    }
    .leak .sec_08 .txt_wrap img {
        width: 90px;
        margin: 10px auto 0;
    }
     /*===== leak .sec_09 ========  */
        .leak .sec_09 {
        font-size: 24px;
        padding: 90px 0;
    }
        .leak .sec_09 .list {
        flex-direction: column;
        gap: 24px;
        max-width: 240px;
        margin: 35px auto 0;
    }
        .leak .sec_09 .list .arrow {
        transform: rotate(90deg);
        width: 30px;
    }
    /*===== leak .sec_10 ========  */
        .leak .sec_10 {
        padding: 90px 0;
    }
        .leak .sec_10 .sub {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .leak .sec_10 .gra_01 {
        font-size: 28px;
    }
        .leak .sec_10 p {
        font-size: 15px;
        margin-top: 13px;
    }
    
    /*===== leak .sec_11 ========  */
    .leak .sec_11 {
    padding: 90px 0;
}
    .leak .sec_11 .title_box {
        margin-bottom: 24px;
    }
        .leak .sec_11 .title_box .sub {
        font-size: 16px;
        margin-bottom: 10px;
    }
        .leak .sec_11 .title_box h2 {
        font-size: 24px;
    }
        .leak .sec_11 .list {
        flex-direction: column;
        gap: 10px;
        max-width: 340px;
        margin: 0 auto;
    }
        .leak .sec_11 .list .item {
        flex-direction: row;
        gap: 30px;
        align-items: center;
        padding: 20px 40px;
    }
    .leak .sec_11 .list .item:not(:last-child) .img {
        margin-top: -10px;
    }
    .leak .sec_11 .list .item .img {
        width: 84px;
        margin: 0;
    }
        .leak .sec_11 .list .item .txt_wrap {
        flex: 1;
        margin: 0;
    }
        .leak .sec_11 .list .item .txt_wrap .tit {
        font-size: 20px;
    }
        .leak .sec_11 .list .item .txt_wrap p {
        font-size: 14px;
        margin-top: 10px;
    }
    /*===== leak .sec_12 ========  */
        .leak .sec_12 {
        font-size: 20px;
        padding: 90px 0;
    }
    .leak .sec_12 .sub {
      font-size: 20px;
    }
        .leak .sec_12 {
        font-size: 20px;
    }
    .leak .sec_12 .wrapper {
        flex-direction: column;
        gap: 6px;
        text-align: center;
        padding: 0;
    }
        .leak .sec_12 .wrapper > img {
        width: 120px;
    }
        .leak .sec_12 strong {
        margin-top: 6px;
        font-size: 28px;
    }
     /*===== leak .sec_13 ========  */
    .leak .sec_07, .leak .sec_13 {
        font-size: 15px;
        padding: 90px 0;
    }
      .leak .sec_13 .list {
        flex-direction: column;
        gap: 20px;
        margin: 35px auto 0;
        max-width: 340px;
    }
        .leak .sec_13 .list .item {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 25px;
    }
        .leak .sec_13 .list img {
        width: 100px;
            margin: inherit;
    }
        .leak .sec_13 .list .txt_wrap {
        margin: 0;
        text-align: left;
    }
    .leak .sec_13 .list .txt_wrap .tit {
        font-size: 18px;
    }
        .leak .sec_13 .list .txt_wrap p {
        font-size: 14px;
        margin-top: 10px;
    }
        .title_box {
        margin-bottom: 50px;
    }
     /*===== sv_care ========  */
    .sv_care {
    padding: 120px 0 ;
}
    .title_box h2 {
        font-size: 24px;
    }
    .sv_care .list {
        flex-direction: column;
        gap: 50px;
    }
        .sv_care .list .item_01 .img_wrap {
        padding-right: 40px;
    }
    .sv_care .list .item .txt_wrap {
        max-width: 500px;
        margin-top: 30px;
        padding: 0 20px;
        margin: 30px auto 0;
        text-align: center;
    }
        .sv_care .list .item .txt_wrap span {
        font-size: 26px;
    }
        .sv_care .list .item .txt_wrap p {
        font-size: 16px;
        margin-top: 16px;
    }
     .sv_care .list .item_02 {
      margin-top: 0;
     }
        .sv_care .list .item_02 .img_wrap {
        padding-left: 40px;
    }
    .sv_care .list .item_01 .img_wrap img {
    border-radius: 0 300px 300px 0;
}
        .sv_care .list .item_02 .img_wrap img {
        border-radius: 50px 0 0 0;
    }
        .service_intro:not(.toilet) .sv_care .bg {
        display: none;
    }
    /*=====rocket_banner_02 ========  */
        .rocket_banner_02 .banner .wrapper {
        height: auto;
        padding: 100px 20px;
        font-size: 24px;
        gap: 45px 0;
    }
        .rocket_banner_02 .banner .bottom {
        flex-direction: column;
        gap: 45px 0;
    }
    .rocket_banner_01 {
    padding: 90px 0;
  }
      .rocket_banner_01 .p2 {
        font-size: 20px;
    }
        .rocket_service .tit_wrap .sub {
        font-size: 13px;
    }
        .rocket_service .tit_wrap .tit {
        font-size: 24px;
    }
     /*=====rocket_service ========  */
        .bg_asset {
        width: 120vw;
    }
        .rocket_service .tit_wrap {
        text-align: center;
    }
    .rocket_service .list::before {
        font-size: 15vw;
        left: -8%;
        top: -5%;
    }
        .rocket_service .list {
        gap: 12px;
        margin-top: 100px;
    }
        .rocket_service .list .item {
        border-radius: 10px;
    }
        .rocket_service .list .item .tit {
        font-size: 13px;
        height: 40px;
    }
        .rocket_service .list .item .icon img {
        max-width: 50px;
    }
    /*=====rocket_process ========  */
        .rocket_process {
        padding: 0;
        overflow: visible;
    }
        .rocket_process .list {
        margin-top: 30px;
    }
        .rocket_process .list .item {
        padding: 20px;
    }
    .rocket_process .list .item .num {
        font-size: 13px;
    }
    .rocket_process .list .item .tit {
        font-size: 17px;
        margin: 8px 0 4px;
    }
    .rocket_process .list .item p {
        font-size: 13px;
    }
        .rocket_process .list .item .img_wrap {
        width: 50px;
        margin-top: 30px;
    }
    /*=====rocket_exis ========  */
    .title_box {
        margin-bottom: 30px;
    }
        .rocket_exist .list {
        gap: 12px;
        margin-top: 30px;
    }
        .rocket_exist .list .item {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        text-align: center;
        padding: 24px 14px;
    }
        .rocket_exist .list .item .img_wrap {
        width: 50px;
    }
    .rocket_exist .list .item .txt_wrap .gra_02 {
        font-size: 17px;
    }
        .bg_asset {
        width: 120vw;
    }
    /*=====sludge_status ========  */
        .sludge_status {
        padding: 50px 0;
    }
     /*=====rocket_banner_03 ========  */
        .rocket_banner_03 .img_wrap {
        width: 228%;
        margin-left: -50%;
        position: initial;
        transform: none;
    }
        .rocket_banner_03 .txt_wrap .sub {
        margin-bottom: 14px;
    }
        .rocket_banner_03 .txt_wrap .tit {
        font-size: 24px;
    }
        .rocket_banner_03 .txt_wrap .tit .small {
        font-size: 16px;
    }
        .rocket_banner_03 .txt_wrap .num {
        font-size: 28px;
        margin-top: 8px;
    }
     /*=====rocket_map ========  */
        .rocket_map {
        padding: 30px 0;
    }
        .rocket_map .wrapper {
        flex-direction: column;
        gap: 30px 0;
    }
        .rocket_map .title_box {
        width: 100%;
    }
        .rocket_map .title_box > span {
        font-size: 13px;
        margin-bottom: 10px;
    }
        .rocket_map .title_box h2 {
        font-size: 24px !important;
    }
        .rocket_map .map {
        width: 100%;
        max-width: 380px;
    }
    /*=====.form_banne ========  */
        .form_banner {
        padding: 80px 0;
    }
    .form_banner .wrapper {
        flex-direction: column;
        gap: 40px;
    }
    .form_banner .txt_wrap {
        text-align: center;
    }
        .form_banner .txt_wrap .tit {
        font-size: 24px;
    }
    .form_banner .txt_wrap p {
        font-size: 13px;
        margin-top: 12px;
    }
        .form_banner .form {
        flex: auto;
        max-width: 340px;
        width: 100%;
        padding: 40px 20px;
        border-radius: 10px;
    }
    /*=====footer ========  */
        .footer {
        padding: 34px 0 90px;
        font-size: 14px;
    }
        .footer .wrapper {
        flex-direction: column;
        gap: 40px;
    }
        .footer .info > div {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px 0;
    }
        .footer .info > div + div {
        margin-top: 8px;
    }
    .footer .info .term_open {background-color: #fff;}
    /*=====fixed_banner ========  */
        .fixed_banner .num {
        font-size: 22px;
    }
        .fixed_banner .inner {
        justify-content: center;
        padding: 10px 20px;
    }
        .fixed_banner .tit {
        font-size: 16px;
    }
    /*=====floating ========  */
        .footer .floating {
        right: 20px;
        bottom: 88px;
    }
        .footer .floating .kakao {
        width: 120px;
        padding: 10px;
        border-radius: 10px;
    }
    .footer .floating .kakao p {
        font-size: 12px;
        margin: 8px 0;
    }
    .footer .floating .kakao .btn_go {
        font-size: 12px;
        height: 22px;
        padding: 0 8px;
    }
        .footer .floating .kakao .btn_go svg {
        width: 12px;
    }
}