@charset "UTF-8";
.inflate_icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(1,0,0,1,-1503.27,-161.136)'%3E%3Cpath d='M1506.91,171.779L1521.62,186.492L1535.64,172.478' style='fill:none;stroke:white;stroke-width:2px;'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}

.g_arrow_icon {
  display: inline-block;
  width: 102px;
  height: 546px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='102' height='543' viewBox='0 0 102 543' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M89.3936 0.439339C89.9793 -0.146446 90.9289 -0.146447 91.5146 0.439339L101.061 9.98524C101.646 10.571 101.646 11.5206 101.061 12.1063L91.5146 21.6522C90.9289 22.2379 89.9793 22.2379 89.3936 21.6522C88.8078 21.0665 88.8078 20.1169 89.3936 19.5311L96.3789 12.5458H3V269.546H96.3789L89.3936 262.56C88.8078 261.975 88.8078 261.025 89.3936 260.439C89.9793 259.854 90.9289 259.854 91.5146 260.439L101.061 269.985C101.646 270.571 101.646 271.521 101.061 272.106L91.5146 281.652C90.9289 282.238 89.9793 282.238 89.3936 281.652C88.8078 281.066 88.8078 280.117 89.3936 279.531L96.3789 272.546H3V529.546H96.3789L89.3936 522.56C88.8078 521.975 88.8078 521.025 89.3936 520.439C89.9793 519.854 90.9289 519.854 91.5146 520.439L101.061 529.985C101.646 530.571 101.646 531.521 101.061 532.106L91.5146 541.652C90.9289 542.238 89.9793 542.238 89.3936 541.652C88.8078 541.066 88.8078 540.117 89.3936 539.531L96.3789 532.546H0V9.54578H96.3789L89.3936 2.56043C88.8078 1.97467 88.8078 1.02513 89.3936 0.439339Z' fill='black'/%3E%3C/svg%3E") no-repeat center center;
}

.arrow_icon {
  display: inline-block;
  width: 100px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='22' viewBox='0 0 100 22' fill='none'%3E%3Cpath d='M88.0726 0.437518C88.6497 -0.145839 89.5852 -0.14584 90.1623 0.437518L99.5672 9.94385C100.144 10.5272 100.144 11.4728 99.5672 12.0562L90.1623 21.5625C89.5852 22.1458 88.6497 22.1458 88.0726 21.5625C87.4954 20.9791 87.4954 20.0335 88.0726 19.4502L94.9547 12.4938H0V9.50622H94.9547L88.0726 2.54982C87.4954 1.96646 87.4954 1.02088 88.0726 0.437518Z' fill='black'/%3E%3C/svg%3E") no-repeat center center;
}

.left_btn_icon {
  display: inline-block;
  width: 10px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='20' viewBox='0 0 10 20' fill='none'%3E%3Cpath d='M10 1.32069L2.33323 10L10 18.6793L8.83339 20L0 10L8.83339 0L10 1.32069Z' fill='white'/%3E%3C/svg%3E") no-repeat center center;
}

.right_btn_icon {
  display: inline-block;
  width: 10px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='20' viewBox='0 0 10 20' fill='none'%3E%3Cpath d='M-1.15458e-07 18.6793L7.66677 10L-1.633e-06 1.32069L1.16661 7.72239e-07L10 10L1.16661 20L-1.15458e-07 18.6793Z' fill='white'/%3E%3C/svg%3E") no-repeat center center;
}

.bottom_btn_icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 8L11.2526 16.1592C11.6504 16.6067 12.3496 16.6067 12.7474 16.1592L20 8' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center;
}

.play_btn_icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle opacity='0.3' cx='12' cy='12' r='12' fill='black'/%3E%3Cpath d='M17 12L9.5 16.3301L9.5 7.66987L17 12Z' fill='white'/%3E%3C/svg%3E") no-repeat center center;
}

.stop_btn_icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle opacity='0.3' cx='12' cy='12' r='12' fill='black'/%3E%3Crect x='9' y='7' width='2' height='10' fill='white'/%3E%3Crect x='13' y='7' width='2' height='10' fill='white'/%3E%3C/svg%3E") no-repeat center center;
}

@font-face {
  font-family: NBG;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/NanumBarunGothicLight.otf") format("opentype");
}
@font-face {
  font-family: NBG;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/NanumBarunGothic.otf") format("opentype");
}
@font-face {
  font-family: NBG;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/NanumBarunGothicBold.otf") format("opentype");
}
@font-face {
  font-family: NBG;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/NanumBarunGothicBold.otf") format("opentype");
}
@font-face {
  font-family: Metropolis;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/metropolis-latin-700-normal.woff") format("opentype");
}
/* 공통 클래스 */
* {
  margin: 0;
  padding: 0;
  font-family: NBG;
}

body {
  color: #fff;
}

li {
  list-style: none;
}

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

.row_c {
  max-width: 1400px;
  margin: 0 auto;
}

img {
  vertical-align: top;
  display: inline-flex;
}

/* header/////////// */
.header_wrap {
  background: #000;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
.header_wrap header {
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.header_wrap header .logo {
  display: inline-flex;
  align-items: center;
}
.header_wrap header nav .main_nav {
  display: flex;
  gap: 60px;
  align-items: center;
}
.header_wrap header nav .main_nav li {
  position: relative;
}
.header_wrap header nav .main_nav li a {
  display: flex;
  align-items: center;
  height: 84px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  transition: 0.3s ease-out;
}
.header_wrap header nav .main_nav li a:hover, .header_wrap header nav .main_nav li a.active {
  color: #0082ff;
}
.header_wrap header nav .main_nav li a:hover::after, .header_wrap header nav .main_nav li a.active::after {
  opacity: 1;
}
.header_wrap header nav .main_nav li a::after {
  content: "";
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #0082ff;
  width: 8px;
  height: 8px;
  display: block;
  transition: 0.3s ease-out;
  opacity: 0;
}
.header_wrap header nav .main_nav li a.login {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  border: 1px solid #fff;
  border-radius: 16px;
  height: 30px;
  line-height: 30px;
  padding: 0px 20px;
}
.header_wrap header nav .main_nav li a.login:hover {
  background-color: #0082ff;
  border-color: #0082ff;
  color: #fff;
}
.header_wrap header nav .main_nav li a.login::after {
  display: none;
}
.header_wrap header .no_nav_toggle,
.header_wrap header .m_nav {
  display: none;
}

.f_wrap {
  width: 100%;
  background: #333;
  padding: 40px 0 37px 0;
}
.f_wrap footer {
  display: flex;
  align-items: center;
  gap: 52px;
  padding: 0 20px;
}
.f_wrap footer .no_footer_wrap .no_footer_info {
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
}
.f_wrap footer .no_footer_wrap .no_footer_info span {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.02em;
}
.f_wrap footer .no_footer_wrap .no_footer_info p {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.f_wrap footer .no_footer_wrap .no_footer_info p span {
  display: inline-flex;
}
.f_wrap footer .no_footer_wrap .no_footer_info p span.none::before {
  display: none;
}
.f_wrap footer .no_footer_wrap .no_footer_info p span.div-char {
  display: inline-flex;
  flex: 0 0 1px;
  height: 16px;
  background-color: #fff;
}

.top_btn {
  position: fixed;
  bottom: 60px;
  right: 92px;
  background: #333;
  border: 1px solid #fff;
  z-index: 100;
}
.top_btn a {
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
}

/* media /////////////////////////////// */
/* 1200~1600 */
.m_nav_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9998;
  display: none;
}

.m_nav {
  position: fixed;
  background: #333;
  width: 280px;
  height: 100%;
  right: -280px;
  top: 0;
  z-index: 9999;
}
.m_nav .m_gnb {
  padding-top: 100px;
}
.m_nav .m_gnb li {
  border-top: 1px solid #fff;
}
.m_nav .m_gnb li a {
  display: block;
  font-family: NBG;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  padding: 20px 15px;
  font-size: 14px;
  box-sizing: border-box;
}
.m_nav .call_box {
  margin: 0 auto;
  width: 250px;
  display: flex;
  padding: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #0082ff;
  align-self: stretch;
  box-sizing: border-box;
}
.m_nav .f_wrap footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  gap: 20px !important;
  padding: 0 12px;
}
.m_nav .f_wrap footer .no_footer_wrap .no_footer_info p {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.m_nav .f_wrap footer .no_footer_wrap .no_footer_info p span::before {
  display: none !important;
}

.top_btn {
  position: fixed;
  bottom: 50px;
  right: 60px;
  background: #333;
  border: 1px solid #fff;
  z-index: 100;
}

/* footer */
@media screen and (max-width: 768px) {
  .header_wrap header {
    box-sizing: border-box;
  }
  .header_wrap header .no_nav_toggle {
    margin-right: -24px;
  }
  .header_wrap header .no_nav_toggle,
  .header_wrap header .m_nav {
    display: block;
  }
  .header_wrap header nav .main_nav {
    display: none;
  }
  .no_nav_toggle {
    display: block;
    width: 44px;
    height: 44px;
    border: 0;
    padding: 10px;
    position: relative;
    cursor: pointer;
    right: 18px;
  }
  .no_nav_toggle.active span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg);
    padding: 10px;
  }
  .no_nav_toggle.active span:nth-child(2) {
    opacity: 0;
    transform: translate(-50%, -50%) scaleX(0.6);
  }
  .no_nav_toggle.active span:nth-child(3) {
    transform: translate(-50%, -50%) rotate(-45deg);
    padding: 10px;
  }
  .no_nav_toggle span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 26px;
    height: 3px;
    background: #fff;
    border-radius: 999px;
    transform: translate(-50%, -50%);
    transition: transform 0.25s ease, opacity 0.2s ease;
    z-index: 10000;
    background-clip: content-box;
  }
  .no_nav_toggle span:nth-child(1) {
    transform: translate(-50%, -11px);
  }
  .no_nav_toggle span:nth-child(2) {
    transform: translate(-50%, -50%);
  }
  .no_nav_toggle span:nth-child(3) {
    transform: translate(-50%, 8px);
  }
  .header_wrap header {
    display: inline-flex;
    width: 100%;
  }
  .f_wrap {
    padding-bottom: 200px;
  }
  .f_wrap footer {
    flex-direction: column;
    gap: 42px;
  }
  .f_wrap footer .no_footer_wrap .no_footer_info {
    word-break: keep-all;
  }
  .f_wrap footer .no_footer_wrap .no_footer_info p span {
    line-height: 1.6;
  }
  .f_wrap footer .no_footer_wrap .no_footer_info span::before {
    left: 0px;
  }
  .f_wrap footer .no_footer_wrap .no_footer_info p {
    gap: 12px;
  }
  .f_wrap footer .no_footer_wrap .no_footer_info p span.div-char {
    flex: 0;
    margin-bottom: 2px;
  }
  .f_wrap footer .no_footer_wrap .no_footer_info p span.div-char:nth-child(6) {
    flex: 0 0 39px;
    background-color: transparent;
  }
  .company .data_wrap .map-container {
    width: 100% !important;
  }
  .company .data_wrap img,
  .company .data_wrap iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 332/221 !important;
  }
  .slide_wrap {
    height: calc(100dvh - 84px);
  }
}
body {
  width: 100%;
  overflow-x: hidden;
}

/* 컨텐츠 */
.custom {
  width: 100%;
  top: 50px;
  background: url(../img/custom-consulting/bg.png) center/100% no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.custom .custom_inner {
  padding: 172px 20px 150px;
}
.custom .custom_inner h2 {
  font-family: Metropolis;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.44px;
}
.custom .custom_inner .sub_title {
  font-family: NBG;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.72px;
}
.custom .custom_inner .r_line {
  width: 20px;
  height: 1px;
  background: #fff;
  margin: 22px 0 54px;
}
.custom {
  /* 탭타이틀 */
}
.custom .tab_title {
  display: flex;
  gap: 40px;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 50px;
}
.custom .tab_title > div {
  cursor: pointer;
  line-height: 1;
  padding: 10px 0;
  position: relative;
}
.custom .tab_title > div.active {
  font-weight: 600;
}
.custom .tab_title > div.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #fff;
}
.custom .tab_con_wrap > .tab_contents {
  display: none;
  flex-direction: column;
  gap: 48px;
}
.custom .tab_con_wrap > .tab_contents:first-child {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.custom .tab_con_wrap > .tab_contents .text_wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.custom .tab_con_wrap > .tab_contents .text_wrap .faq_item .faq_q {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  width: 100%;
  padding: 12px 8px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  background: transparent;
}
.custom .tab_con_wrap > .tab_contents .text_wrap .faq_item .faq_q .q_wrap {
  display: flex;
  gap: 20px;
}
.custom .tab_con_wrap > .tab_contents .text_wrap .faq_item .faq_q .bottom_btn_icon {
  transition: 0.3s;
}
.custom .tab_con_wrap > .tab_contents .text_wrap .faq_item .faq_a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding: 32px 44px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  background: rgba(255, 255, 255, 0.3);
  display: none;
}
.custom .tab_con_wrap > .tab_contents .text_wrap .faq_item .faq_a .bold {
  margin-bottom: 20px;
  font-size: 18px;
}
.custom .tab_con_wrap > .tab_contents .text_wrap .faq_item .faq_a .f_txt {
  font-size: 16px;
}
.custom .tab_con_wrap > .tab_contents .text_wrap .faq_item.active .bottom_btn_icon {
  transform: rotate(-180deg);
}
.custom .tab_con_wrap > .tab_contents .text_wrap .t_title {
  color: #FFF;
  font-family: NBG;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  /* 140% */
}
.custom .tab_con_wrap > .tab_contents .text_wrap .t_con p {
  color: #FFF;
  font-family: NBG;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  /* 175% */
  font-family: NBG;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
}
.custom .tab_con_wrap > .tab_contents .text_wrap .t_con p span {
  display: block;
}
.custom .tab_con_wrap > .tab_contents .text_wrap .t_con p span strong {
  font-weight: 600;
}
.custom .tab_con_wrap > .tab_contents .text_wrap .t_con p.circle {
  padding-left: 12px;
}
.custom .tab_con_wrap > .tab_contents .text_wrap .t_con p.circle::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
}
.custom .tab_con_wrap > .tab_contents .l_space {
  margin-bottom: 15px;
}

/* media /////////////////////////////*/
@media screen and (min-width: 2160px) and (max-width: 3840px) {
  .custom {
    height: calc(100vh - 141px);
  }
}
@media screen and (max-width: 1600px) {
  .custom .custom_inner {
    padding: 172px 70px 58px;
  }
}
/* 1200~1600 */
@media screen and (max-width: 1024px) {
  .custom .custom_inner h2 {
    font-size: 44px;
  }
  .custom .custom_inner .sub_title {
    font-style: 22px;
  }
}
@media screen and (max-width: 768px) {
  .custom .custom_inner h2 {
    margin-bottom: 10px;
  }
  .custom .custom_inner {
    padding-top: 172px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .custom .tab_title {
    font-size: 20px;
  }
  .custom .tab_title div {
    word-break: keep-all;
    line-height: 1.2;
  }
  .custom .tab_con_wrap > .tab_contents .text_wrap .t_con {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .custom .tab_con_wrap > .tab_contents .text_wrap .t_con p {
    word-break: keep-all;
  }
  .custom .tab_con_wrap > .tab_contents .text_wrap .t_con p span {
    display: inline;
  }
}/*# sourceMappingURL=custom-consulting.css.map */