@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");
html {
  font-size: 62.5%;
  height: 100%;
  width: 100%;
  -webkit-overflow-scrolling: auto;
}
body {
  position: relative;
  width: 100%;
  font-family: "Pretendard", "Noto Sans KR", sans-serif;
  color: #1a1a1a;
  font-weight: 300;
  letter-spacing: -0.06rem;
  -webkit-overflow-scrolling: auto;
}
p {
  font-size: 3.75vw;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: -0.75px;
  text-align: left;
  color: #000;
}

.sec_wrap {
  margin: 14.7vw 5vw;
}
.sec_wrap_02 {
  margin: 5vw;
}
.m_width_margin {
  margin: 0 5vw;
}

.bg_offwhite_sec {
  background-color: #f8f8f8;
  padding: 14.7vw 5vw;
}
.bg_offwhite {
  background-color: #f8f8f8;
}

.bg_wrap {
  background-size: cover;
  background-position: center;
}

.sec_tit {
  padding-bottom: 8.75vw;
  text-align: center;
}
.sec_tit h3 {
  font-size: 6.25vw;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -1.25px;
  padding-bottom: 5px;
  text-align: left;
}
.sec_tit p {
  font-weight: 300;
  color: #aeaeae;
  text-align: left;
}

.orange_txt {
  font-size: 3.25vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: -0.65px;
  text-align: left;
  color: #f79433;
}
h2.tit_st1 {
  font-size: 5vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -1px;
  text-align: left;
  color: #000;
}
p.gray_txt {
  font-weight: 300;
  color: #aeaeae;
}
p.sub_tit {
  font-weight: normal;
}
p.sub_tit02 {
  letter-spacing: -0.55px;
  font-weight: normal;
  line-height: 1.8;
}
p.content_txt {
}

/****** footer *****/

/* .footer_wrap {padding:50px 30px 120px 30px; border-top:solid 1px #dedede; position:relative; z-index:22; background:#fff} */
.footer_wrap {
  padding-bottom: 55px;
  border-top: solid 1px #dedede;
  position: relative;
  z-index: 22;
  background: #fff;
}
.f_logo {
  padding: 0 0 10px 0;
}
.f_logo img {
  width: 47.5vw;
}
.f_add {
  padding: 30px 0 20px 0;
  line-height: 1.5;
  color: #000;
} /*border-bottom:solid 1px #dedede;, 폰트줄임*/
.f_add span {
  color: #f79433;
}
.f_info {
  padding: 10px 0 10px 0;
  line-height: 1.5;
  color: #000;
} /*border-bottom:solid 1px #dedede;, 폰트줄임 font-weight:900;*/
.f_info span {
  font-weight: normal;
}
.f_menu {
  padding: 0 0 0 0;
}
.f_menu a {
  color: #000;
  font-weight: 600;
}
.f_sns {
  padding: 50px 0 0 0;
}
.f_sns img {
  height: 25px;
}
.f_fam {
  padding: 20px 0 0 0;
}
.f_fam select {
  padding: 0 5px 0 5px;
  background: #161f28;
  width: 60%;
  height: 30px;
  border: solid 1px rgba(255, 255, 255, 0.5);
  color: #000;
}
.f_copy {
  padding: 45px 0 0 0;
  color: #606468;
}

.footer_top {
  padding: 20px 15px;
  background-size: cover;
  height: 35vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer_top p {
  color: #fff;
}
.footer_top_01 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
p.footer_top_01_txt01 {
  font-size: 3.5vw;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.07;
  letter-spacing: -0.7px;
}
.footer_top_01_txt02 a {
  color: #fff;
  text-decoration: underline;
}
p.footer_top_02_txt01 {
  font-size: 2.5vw;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: -0.5px;
}

.footer_bottom {
  padding: 20px 15px;
  background-color: #161f28;
}
.footer_bottom p {
  color: #fff;
}
.footer_bottom_02 {
  /**width: 50%;**/
  margin-left: auto;
  padding: 30px 0 45px;
}
.footer_bottom_02 td {
  color: #fff;
  font-size: 3.25vw;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.69;
}

td.footer_2_td1 {
  width: 22vw;
}
.f_menu {
  padding-top: 8vw;
}
.f_menu ul {
  display: flex;
  color: #fff;
}
.f_menu ul a {
  color: #fff;
  font-size: 3.25vw;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: normal;
}

.footer_bottom_03 td {
  font-size: 3.5vw;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.7px;
  text-align: left;
  color: #fff;
}
p.f_copy {
  font-size: 2.75vw;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: left;
}

.h_btn {
  border-top: solid 1px #dedede;
  width: 100%;
  float: left;
}
.h_btn li {
  width: 25%;
  float: left;
}
.h_btn li img {
  width: 100%;
}
.f_btn__ {
  margin: 50px 0 0 0;
}
.f_btn__ li {
  width: 25%;
  float: left;
}
.f_btn__ li img {
  width: 100%;
}

.btn_a {
  width: 30vw;
  height: 8.75vw;
  line-height: 8.75vw;
  display: inline-block;
  border-radius: 10px;
  box-shadow: inset 0px 0px 0px 1px #fff;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  transition: border 0.25s, background 0.25s;
  overflow: hidden;
  text-align: center;
}

.btn_txt {
  font-family: Pretendard;
  font-size: 13px;
  font-weight: 200;
  line-height: 0.8.75vw;
  letter-spacing: -0.16px;
  text-align: center;
  color: #fff;
}
.btn_a:after {
  content: "";
  display: block;
  z-index: 0;
  position: absolute;
  top: -2px;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 105%;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.btn_a:hover {
  color: #333;
}
.btn_a:hover:after {
  z-index: -1;
  transform: scaleX(1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.btn_a:hover .btn_txt {
  color: #000;
}

.btn_a.bck_btn {
  box-shadow: inset 0px 0px 0px 1px #000;
  text-align: center;
}
.btn_a.bck_btn:after {
  background: #000;
}
.btn_a.bck_btn .btn_txt {
  color: #000;
}
.btn_a.bck_btn:hover .btn_txt {
  color: #fff;
}

/****** 상담신청 *****/
.w_counsel {
  position: fixed;
  bottom: -1000px;
  left: 0;
  width: 100vw;
  z-index: 9998;
}
.w_counsel_inner {
  background: #f79433;
}

.counsel_input {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 15px;
  height: 100%;
  justify-content: space-between;
}
.counsel_input .ff_input {
  border: none;
  border-bottom: solid 1px #fff;
  width: 32vw;
  background: none;
  font-size: 14px;
  color: #fff;
  height: 34px;
  margin-right: 10px;
  margin-bottom: 18px;
}
.counsel_input .label {
  position: relative;
  font-family: sans-serif;
  padding-left: 10px;
  font-size: 12px;
  user-select: none; /*margin: 0 30px 0 50px;*/
  line-height: 32px;
  height: 32px;
}
.counsel_input .checkbox {
  display: none;
}
.counsel_input .check-mark {
  width: 16px;
  height: 16px;
  background-color: #ffecda;
  position: absolute;
  left: 0;
  display: inline-block;
  top: 8px;
  border-radius: 50%;
  border: 1px solid #999999;
}
.counsel_input .label .checkbox:checked + .check-mark {
  background: #b55a00;
  transition: 0.1s;
}
@-webkit-keyframes btn_back_animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes btn_back_animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-o-keyframes btn_back_animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes btn_back_animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.f_btn {
  width: 22vw;
  height: 60px;
  line-height: 60px;
  border-radius: 5px;
  text-align: center;
  background: linear-gradient(-45deg, #f79433, #f76e44, #f18eaa, #5bc4bf);
  background-size: 400% 400%;
  animation: btn_back_animation 5s ease infinite;
  font-size: 12px;
  color: #060c16;
  display: inline-block;
  font-family: "Montserrat";
  font-weight: bold;
}
.counsel_input .ff_input.input_w_100 {
  width: 100%;
}
.counsel_input .ff_input.input_w_50 {
  width: 47%;
}
.counsel_input .ff_input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.f_btn_wrap {
  width: 100%;
  text-align: center;
  padding: 20px 0 30px;
}
.f_btn_wrap .f_btn {
  font-family: "Montserrat";
  font-size: 14px;
  width: 180px;
  height: 60px;
  color: #fff;
  background: #f79433;
  border-style: solid;
  border-color: #fff;
  border-width: 1px;
  border-radius: 150px/ 50px;
  font-weight: 300;
}
.counsel_tit {
  padding: 15px 15px 0;
  font-size: 20px;
  font-family: "Pretendard";
  font-weight: 300;
  color: #fff;
  letter-spacing: -0.4px;
}