@charset "UTF-8";
@import url(./reset.css);
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard-dynamic-subset.css");
@import url(./erpCss.css);
@font-face {
  font-family: "Paperlogy";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}
:root {
  --primary: #1F79FF;
  --num-4: 4px;
  --Border-8: 8px;
}

html {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, HelveticaNeue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
  letter-spacing: -0.025em;
}

button {
  font-family: inherit;
  letter-spacing: -0.025em;
  cursor: pointer;
}

Select {
  font-family: inherit; /* 폰트 상속 */
  background: url(../img/btn-drop-arrow.svg) no-repeat 98% 50%;
  /* 네이티브 화살표를 커스텀 화살표로 대체 */
  -webkit-appearance: none;
  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}

Select::-ms-expand {
  display: none; /* 화살표 없애기 for IE10, 11*/
}

.ridge,
a {
  text-decoration: none;
  cursor: pointer;
}

input {
  outline: none;
}

.infoToolTip {
  position: relative;
  width: 12px;
  height: 12px;
}
.infoToolTip:hover .infoMsg {
  display: -webkit-box;
}
.infoToolTip.inline {
  display: inline-block;
}
.infoToolTip.inline .infoMark {
  margin-top: 2px;
  margin-left: 5px;
}

.infoMark {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  background: url(../img/ic_infoMark.svg) center no-repeat;
}

.infoBx {
  position: absolute;
  top: 20px;
  left: -9px;
  z-index: 1;
}
.infoBx .infoMsg {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  display: none;
  width: max-content;
  max-width: 320px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: var(--num-4, 4px);
  background: var(--greyScale-grey7, #30343A);
  color: var(--greyScale-white, #FFF);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
}
.infoBx .infoMsg::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 10px;
  width: 12px;
  height: 12px;
  background: var(--greyScale-grey7, #30343A);
  display: block;
  border-radius: 2px;
  transform: rotate(45deg);
}

.pagination {
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  overflow: hidden;
}

.page-link {
  box-shadow: none;
  border: 0;
  background-color: transparent;
  color: var(--greyScale-grey4, #8B909D);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.14px;
  border-radius: var(--num-4, 4px);
}

.page-item .page-link:hover {
  background-color: var(--bgNormal);
  text-decoration: none;
  color: inherit;
}
.page-item.active .page-link {
  background: var(--blueTone-primary, #1F79FF);
  color: #fff;
}
.page-item:first-child .page-link {
  text-indent: -9999px;
  background: url(../img/ic_pagination_arr.svg) center no-repeat;
}
.page-item:last-child .page-link {
  transform: rotate(180deg);
  text-indent: -9999px;
  background: url(../img/ic_pagination_arr.svg) center no-repeat;
}

.inner, .inner-full {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.inner-full {
  max-width: none;
}

h2 {
  display: block;
  color: #222;
  font-family: Pretendard;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 48px */
  letter-spacing: -0.64px;
  margin-bottom: 52px;
}
@media screen and (max-width: 768px) {
  h2 h2 {
    font-size: 24px;
  }
}

.sectionTit .round {
  display: inline-block;
  color: var(--primary, #1F79FF);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
  border-radius: 40px;
  border: 1px solid var(--primary, #1F79FF);
  padding: 5px 10px;
  margin-bottom: 12px;
}
.sectionTit h2 {
  margin-bottom: 19px;
}
@media screen and (max-width: 768px) {
  .sectionTit h2 {
    font-size: 24px;
  }
}

.gnb {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 48px;
  height: 80px;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
}
.gnb ul {
  display: flex;
  align-items: center;
}
.gnb ul a {
  color: #ADB4BC;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  padding: 10px 0;
}
.gnb .menu {
  gap: 36px;
}
.gnb .menu .ac {
  color: #222222;
}
.gnb .right {
  gap: 16px;
}
.gnb .right .login {
  color: #222222;
}
.gnb .right .signup {
  background-color: var(--primary);
  color: #fff;
  padding: 10px 16px;
  border-radius: 100px;
  height: 44px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
}
.gnb .hambur {
  display: none;
}
@media screen and (min-width: 1201px) {
  .gnb .mobileMenu {
    display: none !important;
  }
}
@media screen and (max-width: 1200px) {
  .gnb {
    padding: 0 24px;
  }
  .gnb .pannel {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    width: 80vw;
    height: -webkit-fill-available;
    height: 100vh;
    max-width: 400px;
    display: flex;
    align-items: flex-start;
    padding: 66px 36px;
    flex-direction: column;
    gap: 40px;
  }
  .gnb .hambur {
    display: block;
  }
  .gnb .menu, .gnb .right {
    display: none;
  }
  .gnb .mobileMenu {
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .gnb .mobileMenu .menu,
  .gnb .mobileMenu .right {
    display: flex;
  }
  .gnb .mobileMenu {
    display: none;
  }
  .gnb .mobileMenu.ac {
    display: block;
    z-index: 12;
  }
  .gnb .mobileMenu .bamburClose {
    position: absolute;
    top: 22px;
    right: 24px;
  }
  .gnb .mobileMenu .menu {
    flex-direction: column;
    align-items: flex-start;
  }
}

.section--visual {
  height: 735px;
  max-height: 100vw;
  min-height: 700px;
  width: 100%;
  background: #091D24;
}
.section--visual .inner, .section--visual .inner-full {
  position: relative;
  transform: translateY(80px);
  z-index: 1;
  height: 100%;
}
.section--visual .charactor {
  width: 228px;
  aspect-ratio: 1/1;
  object-fit: contain;
  position: absolute;
  top: 34%;
  left: -40px;
  z-index: -1;
}
.section--visual .imgWrap {
  overflow: hidden;
}
.section--visual .visual {
  width: 100%;
  max-width: 996px;
  margin: 0 auto;
  display: block;
}
.section--visual .pannel {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #fff;
  display: flex;
}
.section--visual .pannel .nav-item {
  flex: 1 0 0;
  list-style: none;
}
.section--visual .pannel .item {
  padding: 40px 40px 34px;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
}
.section--visual .pannel .item .tit {
  color: #222;
  font-family: Pretendard;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 31.5px */
  letter-spacing: -0.42px;
  margin-bottom: 5px;
}
.section--visual .pannel .item .desc {
  color: rgba(34, 34, 34, 0.4);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  margin-bottom: 20px;
}
.section--visual .pannel .item .linkArr {
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  display: inline-flex;
  padding: var(--Border-8, 8px) 14px var(--Border-8, 8px) 18px;
  align-items: center;
  gap: var(--num-4, 4px);
  border-radius: 40px;
  background: var(--gridHover, #F6F7F9);
}
.section--visual .pannel .item.active {
  background: linear-gradient(180deg, #1F79FF 0%, #1E42FE 100%);
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
}
.section--visual .pannel .item.active .tit {
  color: #FFF;
}
.section--visual .pannel .item.active .desc {
  color: rgba(255, 255, 255, 0.7);
}
.section--visual .pannel .item.active .linkArr {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.section--visual .pannel .item.active .linkArr path {
  stroke: #fff;
}
@media screen and (max-width: 769px) {
  .section--visual {
    height: 112vw;
    min-height: fit-content;
    min-height: 600px;
    max-height: fit-content;
  }
  .section--visual .visual {
    margin-left: 6%;
  }
  .section--visual .charactor {
    width: 20%;
    top: 23%;
    left: -15px;
  }
  .section--visual .pannel {
    flex-direction: column;
  }
  .section--visual .pannel .item {
    padding: 20px 20px 24px;
  }
  .section--visual .pannel .item .tit {
    font-size: 16px;
  }
  .section--visual .pannel .item .desc {
    font-size: 14px;
  }
}

.section--work {
  text-align: center;
  padding: 190px 0 140px;
}
.section--work .inner, .section--work .inner-full {
  padding: 0 20px;
}
.section--work .desc {
  color: #B5BAC1;
  text-align: center;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
  letter-spacing: -0.36px;
  margin-top: 20px;
  margin-bottom: 40px;
}
.section--work img {
  width: 100%;
  max-width: 396px;
  margin: 0 auto;
}
.section--work .cateWrap {
  margin-top: 36px;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  position: relative;
}
.section--work .cateWrap .cate {
  border-radius: 120px;
  background: #F4F6F9;
  display: flex;
  padding: 16px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #969EA9;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  border: 1px solid transparent;
  transition: 0.2s;
}
.section--work .cateWrap .cate:hover {
  color: #222;
  background-color: #e5e9f1;
}
.section--work .cateWrap .guide {
  position: absolute;
  text-align: left;
  top: 130%;
  left: 50%;
  transform: translateX(-50%);
  width: 320px;
  display: none;
  justify-content: center;
  align-items: center;
  padding: 10px;
  gap: 10px;
  border-radius: var(--num-4, 4px);
  background: #222;
  opacity: 0.9;
  color: #FFF;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
}
.section--work .cateWrap .cate:hover .guide {
  display: flex;
}
.section--work .update {
  color: #848991;
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
  margin-top: 10px;
}
.section--work .countWork {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  border-radius: 14px;
  border: 1px solid #CED1D6;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 586px;
  margin: 0 auto;
  gap: 8px;
}
.section--work .countWork .year,
.section--work .countWork .month {
  min-width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 0 0;
}
.section--work .countWork .year .flex,
.section--work .countWork .month .flex {
  display: flex;
  align-items: center;
  gap: 8px;
}
.section--work .countWork .year .value,
.section--work .countWork .month .value {
  color: #222;
  text-align: center;
  font-family: Pretendard;
  font-size: 42px;
  font-style: normal;
  font-weight: 900;
  line-height: 150%; /* 63px */
  letter-spacing: -0.84px;
}
.section--work .countWork .year span,
.section--work .countWork .month span {
  color: #222;
  text-align: center;
  font-family: Pretendard;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 31.5px */
  letter-spacing: -0.42px;
}
.section--work .countWork .year .label,
.section--work .countWork .month .label {
  color: #222;
  text-align: center;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 27px */
  letter-spacing: -0.36px;
}

.section--partner {
  background: #F4F4F5;
  padding: 135px 0 120px;
  overflow: hidden;
}
.section--partner .inner, .section--partner .inner-full {
  text-align: center;
  padding: 0 20px;
}
.section--partner .partner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin: 0 auto;
  margin-bottom: 150px;
  width: 80%;
}
.section--partner .partner .item {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 188px;
  min-width: 130px;
  aspect-ratio: 188/115;
  border-radius: 20px;
}
.section--partner .partner .item img {
  width: 80%;
}
.section--partner .teamWrap {
  position: relative;
  max-width: 10002px;
}
.section--partner .teamWrap .slick-track {
  padding-bottom: 14px;
}
.section--partner .teamWrap .slick-slide {
  margin: 0 10px;
}
.section--partner .teamWrap .slick-prev {
  left: -130px;
  left: -80px;
  left: -5%;
  width: 80px;
  height: 80px;
  aspect-ratio: 1/1;
  background: url(../img/ic_gallary_slick_arr.svg) center no-repeat;
  text-indent: -9999px;
}
.section--partner .teamWrap .slick-next {
  right: -130px;
  right: -80px;
  right: -5%;
  width: 80px;
  height: 80px;
  aspect-ratio: 1/1;
  background: url(../img/ic_gallary_slick_arr_r.svg) center no-repeat;
  text-indent: -9999px;
}
.section--partner .team {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
  width: 100%;
}
.section--partner .team .item .profile {
  max-width: 218px;
  min-width: 130px;
  width: 20vw;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 13%;
}
.section--partner .team .item .profile img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.section--partner .team .item .group {
  color: #1F79FF;
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
}
.section--partner .team .item .name {
  color: #222;
  text-align: center;
  font-family: Pretendard;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 31.5px */
  letter-spacing: -0.42px;
}
@media screen and (max-width: 768px) {
  .section--partner .partner {
    width: 100%;
    gap: 10px;
  }
  .section--partner .partner .item {
    width: calc((100% - 20px) / 3);
  }
}
@media screen and (max-width: 525px) {
  .section--partner .partner .item {
    width: calc((100% - 10px) / 2);
  }
}

.section--price {
  padding-top: 142px;
  padding-bottom: 135px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section--price {
    padding: 120px 0;
  }
}
.section--price .inner, .section--price .inner-full {
  max-width: 1240px;
  padding: 0 20px;
}
.section--price .desc {
  color: #B5BAC1;
  text-align: center;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
  letter-spacing: -0.36px;
}
.section--price .summary {
  display: flex;
  gap: 30px;
  border-radius: 14px;
  border: 1px solid #CED1D6;
  text-align: left;
  padding: 30px;
  margin-top: 40px;
}
.section--price .summary .left {
  flex: 0 0 240px;
}
.section--price .summary .linkArr {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  color: var(--primary, #1F79FF);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
.section--price .summary #costMap .modal-body {
  padding: 0;
  position: relative;
}
.section--price .summary #costMap .modal-body .btn-close {
  position: absolute;
  top: 20px;
  left: 20px;
}
.section--price .summary #costMap .modal-body img {
  width: 100%;
}
.section--price .summary h3 {
  color: #222;
  font-family: Pretendard;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: -0.36px;
}
.section--price .summary p {
  color: #8292A9;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 18px */
  letter-spacing: -0.24px;
}
.section--price .summary .list {
  display: block;
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
.section--price .summary .list + .list {
  margin-top: 4px;
}
.section--price .priceSample {
  width: 100%;
  margin-bottom: 40px;
}
.section--price .blackBtn {
  display: inline-flex;
  min-width: 196px;
  width: auto;
  height: 68px;
  padding: 10px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 100px;
  background: #222;
  color: #FFF;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
@media screen and (max-width: 768px) {
  .section--price .summary {
    padding: 20px;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
  }
  .section--price .summary .left {
    flex-basis: auto;
  }
  .section--price .summary .list {
    font-size: 14px;
  }
}
.section--price .priceTable .priceGroup {
  margin-top: 80px;
  text-align: left;
}
.section--price .priceTable .priceGroup .nav {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow: auto;
}
.section--price .priceTable .priceGroup .nav h3 {
  opacity: 0.3;
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
  color: #222;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  letter-spacing: -0.4px;
  background-color: transparent;
}
.section--price .priceTable .priceGroup .nav h3.active {
  opacity: 1;
}
.section--price .priceTable .priceGroup .nav .nav-item {
  flex: 0 0 auto;
  white-space: nowrap;
}
.section--price .priceTable .priceGroup .tableWrap {
  width: 100%;
  color: #636972;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
.section--price .priceTable .priceGroup .tit {
  padding: 10px;
  text-align: left;
  flex: 0 0 auto;
  width: 214px;
}
.section--price .priceTable .priceGroup .description {
  padding: 10px;
  text-align: left;
  flex: 1 0 0;
}
.section--price .priceTable .priceGroup .price {
  width: 100px;
  flex: 0 0 auto;
  padding: 10px;
  text-align: right;
}
.section--price .priceTable .priceGroup .tableHead {
  display: flex;
  background: #F4F6F9;
  color: #222;
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
.section--price .priceTable .priceGroup .tableRow {
  display: flex;
  border-bottom: 1px solid #D7D9DD;
}
.section--price .priceTable .priceGroup .tableRow .normal {
  display: block;
}
.section--price .priceTable .priceGroup .tableRow .point1 {
  color: #1F79FF;
  display: block;
}
.section--price .priceTable .priceGroup .tableRow .point2 {
  color: #1FC795;
  display: block;
}
@media screen and (max-width: 768px) {
  .section--price .priceTable .priceGroup h3 {
    padding-left: 0;
    margin-bottom: 0;
  }
  .section--price .priceTable .priceGroup .tableWrap {
    border-top: 1px solid #222;
  }
  .section--price .priceTable .priceGroup .tableHead {
    display: none;
  }
  .section--price .priceTable .priceGroup .tableRow {
    flex-wrap: wrap;
    padding: 10px 0;
  }
  .section--price .priceTable .priceGroup .tableRow .description,
  .section--price .priceTable .priceGroup .tableRow .tit,
  .section--price .priceTable .priceGroup .tableRow .price {
    flex: 1 0 100%;
    text-align: left;
    padding: 0;
  }
  .section--price .priceTable .priceGroup .tableRow .tit {
    font-size: 16px;
    font-weight: 600;
    color: #222;
  }
  .section--price .priceTable .priceGroup .tableRow .price {
    font-weight: 700;
    margin-top: 4px;
  }
}

.section--service {
  text-align: center;
  margin-bottom: 150px;
  margin-bottom: 200px;
}
.section--service .sectionTit {
  padding: 0 20px;
}
.section--service .tabWrap {
  margin-top: 60px;
  gap: 46px;
}
.section--service .tabWrap .tab-content {
  flex: 1 0 0;
}
.section--service .tabWrap .tab-content img {
  width: 100%;
}
.section--service .tabWrap .tab-content .tab-pane {
  position: relative;
}
.section--service .tabWrap .tab-content .tab-pane .mesg {
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 123px;
  padding: 20px 30px;
  background: rgba(34, 34, 34, 0.8);
  backdrop-filter: blur(4px);
}
.section--service .tabWrap .tab-content .tab-pane .mesg .tit {
  color: #FFF;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: -0.36px;
  margin-bottom: 4px;
}
.section--service .tabWrap .tab-content .tab-pane .mesg .desc {
  color: #B5BAC1;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
.section--service .nav {
  gap: 8px;
}
.section--service .nav-link {
  width: 152px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 50px;
  padding: 12px 16px;
  gap: 8px;
  box-sizing: border-box;
  color: #4E505D;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 13px */
  letter-spacing: -0.39px;
  text-align: left;
  box-sizing: border-box;
  border: 1px solid #222;
  border-radius: 4px;
}
.section--service .nav-link.active {
  color: var(--greyScale-grey6, #434850);
}
.section--service .nav-link.active .pageName {
  color: #1F79FF;
  color: #fff;
}
.section--service .nav-link.active:nth-child(1) i {
  background: url(../img/ic_dashboard_w.svg);
}
.section--service .nav-link.active:nth-child(2) i {
  background: url(../img/ic_community_w.svg);
}
.section--service .nav-link.active:nth-child(3) i {
  background: url(../img/ic_schedule_w.svg);
}
.section--service .nav-link.active:nth-child(4) i {
  background: url(../img/ic_construction_w.svg);
}
.section--service .nav-link.active:nth-child(5) i {
  background: url(../img/ic_invoice_w.svg);
}
.section--service .nav-link.active:nth-child(6) i {
  background: url(../img/ic_payment_w.svg);
}
.section--service .nav-link.active:nth-child(7) i {
  background: url(../img/ic_employee_w.svg);
}
.section--service .nav-link.active:nth-child(8) i {
  background: url(../img/ic_pricing_w.svg);
}
.section--service .nav-link.active:nth-child(9) i {
  background: url(../img/ic_documents_w.svg);
}
.section--service .nav-link.active:nth-child(10) i {
  background: url(../img/ic_setting_w.svg);
}
.section--service .nav-link.active:nth-child(11) i {
  background: url(../img/ic_info_w.svg);
}
.section--service .nav-link i {
  width: 20px;
  height: 20px;
}
.section--service .nav-link .pageName {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.section--service .nav-link:nth-child(1) i {
  background: url(../img/ic_dashboard_df.svg);
}
.section--service .nav-link:nth-child(2) i {
  background: url(../img/ic_community_df.svg);
}
.section--service .nav-link:nth-child(3) i {
  background: url(../img/ic_schedule_df.svg);
}
.section--service .nav-link:nth-child(4) i {
  background: url(../img/ic_construction_df.svg);
}
.section--service .nav-link:nth-child(5) i {
  background: url(../img/ic_invoice_df.svg);
}
.section--service .nav-link:nth-child(6) i {
  background: url(../img/ic_payment_df.svg);
}
.section--service .nav-link:nth-child(7) i {
  background: url(../img/ic_employee_df.svg);
}
.section--service .nav-link:nth-child(8) i {
  background: url(../img/ic_pricing_df.svg);
}
.section--service .nav-link:nth-child(9) i {
  background: url(../img/ic_documents_df.svg);
}
.section--service .nav-link:nth-child(10) i {
  background: url(../img/ic_setting_df.svg);
}
.section--service .nav-link:nth-child(11) i {
  background: url(../img/ic_info_df.svg);
}
@media screen and (max-width: 1200px) {
  .section--service .tabWrap {
    flex-direction: column;
  }
  .section--service .nav {
    flex-direction: row !important;
    justify-content: center;
    margin: 0 auto;
  }
  .section--service .nav .nav-link {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .section--service .tabWrap {
    gap: 20px;
  }
  .section--service .tabWrap .tab-content .tab-pane .mesg {
    padding: 20px;
    bottom: unset;
    top: 90%;
    margin: 0 8px;
    border-radius: 8px;
    width: calc(100% - 16px);
  }
  .section--service .tabWrap .tab-content .tab-pane .mesg .tit {
    font-size: 16px;
  }
  .section--service .tabWrap .tab-content .tab-pane .mesg .desc {
    font-size: 14px;
  }
  .section--service .nav {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: auto;
    width: 100%;
  }
  .section--service .nav .nav-link {
    flex: 0 0 auto;
    width: auto;
  }
}

.section--flow {
  text-align: center;
  min-height: 775px;
  background: url(../img/bg_service_flow.jpg) center/cover no-repeat;
  margin-bottom: 267px;
}
.section--flow .inner, .section--flow .inner-full {
  transform: translateY(100px);
}
.section--flow .round {
  border-color: #FFF72C;
  color: #FFF72C;
}
.section--flow h2 {
  color: #fff;
  margin-bottom: 70px;
  word-break: keep-all;
}
.section--flow .nav {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  row-gap: 10px;
}
.section--flow .nav-link {
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(12px);
  aspect-ratio: 1/1;
  width: 152px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: 0.2s;
}
.section--flow .nav-link:hover {
  background: #2074FF;
}
.section--flow .nav-link.active {
  background: #2074FF;
}
.section--flow .nav-link .step {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  flex: 0 0 0;
  text-transform: uppercase;
}
.section--flow .nav-link .tit {
  flex: 0 0 48px;
  color: #FFF;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: keep-all;
}
.section--flow .tab-content {
  width: 100%;
  height: 420px;
  display: flex;
  background: #FFF;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}
.section--flow .tab-content::after {
  content: "";
  width: 115px;
  aspect-ratio: 1/1;
  background: url(../img/img_charactor_2.png) center/contain no-repeat;
  position: absolute;
  top: -69px;
  left: 58%;
}
.section--flow .tab-content .tab-pane {
  width: 100%;
  overflow: hidden;
}
.section--flow .tab-content .conWrap {
  display: flex;
  height: 100%;
}
.section--flow .tab-content .imgWrap {
  flex: 2 0 0;
  position: relative;
  overflow: hidden;
}
.section--flow .tab-content .imgWrap img {
  width: 800px;
  position: absolute;
  top: 0;
  left: 0;
}
.section--flow .tab-content .textWrap {
  position: relative;
  flex: 1 0 0;
  background: #FFF;
  box-shadow: 0px 0px 54px 0px rgba(221, 221, 221, 0.5);
  display: flex;
  align-items: center;
  text-align: left;
}
.section--flow .tab-content .textWrap .step {
  position: absolute;
  top: 40px;
  left: 40px;
  color: #2074FF;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
}
.section--flow .tab-content .textWrap .desc {
  padding: 40px;
  color: #2F343A;
  font-family: Pretendard;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 28.5px */
  letter-spacing: -0.38px;
}
.section--flow .tab-content .textWrap .desc .grey {
  color: #B4C2D2;
}
@media screen and (max-width: 1200px) {
  .section--flow .nav {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .section--flow {
    padding-top: 80px;
    min-height: max-content;
    height: auto;
    margin-bottom: 160px;
  }
  .section--flow .inner, .section--flow .inner-full {
    transform: none;
  }
  .section--flow .sectionTit {
    padding: 0 20px;
  }
  .section--flow .nav {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    overflow: auto;
    gap: 20px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.12);
  }
  .section--flow .nav svg {
    flex: 0 0 auto;
    opacity: 0.8;
  }
  .section--flow .nav-link {
    width: auto;
    background-color: transparent !important;
    backdrop-filter: none;
    aspect-ratio: unset;
    border-radius: 0;
    gap: 0;
    border-bottom: 4px solid transparent;
    align-items: flex-start;
    padding: 0;
  }
  .section--flow .nav-link.active .tit {
    color: rgb(255, 255, 255);
  }
  .section--flow .nav-link.active .step {
    color: rgb(255, 255, 255);
  }
  .section--flow .nav-link .step {
    font-size: 13px;
    font-weight: 500;
  }
  .section--flow .nav-link .tit {
    text-align: left;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.3);
  }
  .section--flow .tab-content {
    height: auto;
    position: relative;
  }
  .section--flow .tab-content .conWrap {
    display: block;
  }
  .section--flow .tab-content .imgWrap {
    display: block;
  }
  .section--flow .tab-content .imgWrap img {
    position: static;
    display: block;
    width: 100%;
  }
  .section--flow .tab-content .textWrap {
    padding: 20px;
    min-height: 150px;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
  .section--flow .tab-content .textWrap .step {
    position: static;
  }
  .section--flow .tab-content .textWrap .desc {
    font-size: 16px;
    font-weight: 600;
    padding: 0;
  }
  .section--flow .tab-content::after {
    width: 115px;
    top: unset;
    left: unset;
    right: 0;
    bottom: -70px;
  }
}

.section--interview {
  text-align: center;
  margin-bottom: 240px;
}
.section--interview .inner, .section--interview .inner-full {
  max-width: 960px;
  padding: 0 20px;
}
.section--interview .interview {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  gap: 6%;
}
.section--interview .interview .item {
  flex: 1 0 45%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 80px;
}
.section--interview .interview .item .top {
  color: var(--Labels-Primary, #000);
  font-family: Pretendard;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 26px */
}
.section--interview .interview .item .mesg {
  color: var(--Labels-Primary, #000);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
}
.section--interview .interview .item .name {
  color: #999;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
}
.section--interview .interview .item:nth-child(2n) {
  transform: translateY(60px);
}
@media screen and (max-width: 768px) {
  .section--interview .interview {
    margin-top: 0;
  }
}

.module--cta {
  height: 310px;
  background: rgba(0, 0, 0, 0.2) url(../img/bg_cta.jpg) center/cover no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.module--cta h3 {
  color: #FFF;
  text-align: center;
  text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.25);
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
  letter-spacing: -0.48px;
}
.module--cta .linkWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}
.module--cta .linkWrap a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 64px;
  border-radius: 40px;
  padding: 0 20px;
  background-color: #fff;
  color: #222;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}

footer {
  padding: 80px 20px;
  background-color: #fff;
  background-color: #F6F7F8;
  border-top: 1px solid #DEE2E6;
}
footer .inner, footer .inner-full {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
footer .info {
  max-width: 600px;
}
footer .info .menu {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .info .menu a {
  color: #9D9FA2;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
footer .info .bottom {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
footer .info .etc {
  display: flex;
  gap: 10px;
  align-items: center;
}
footer .info .etc .divider {
  width: 1px;
  height: 10px;
  background: #D9D9D9;
}
footer .info .etc a {
  color: #9D9FA2;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
}
footer .info address {
  color: #9D9FA2;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 18px */
  letter-spacing: -0.24px;
}
footer .info .copyright {
  color: #9D9FA2;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 18px */
  letter-spacing: -0.24px;
}
@media screen and (max-width: 768px) {
  footer {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  footer .inner, footer .inner-full {
    flex-wrap: wrap;
  }
  footer .info {
    max-width: fit-content;
  }
  footer .info .menu {
    margin-bottom: 40px;
  }
  footer .info .menu a {
    font-size: 14px;
  }
}

.section--subVisual {
  height: 370px;
  width: 100%;
  background: url(../img/bg_sub_construct.jpg) center/cover no-repeat;
  padding-top: 184px;
}
.section--subVisual .inner, .section--subVisual .inner-full {
  max-width: 1240px;
  padding: 0 20px;
}
.section--subVisual .sub {
  color: #1F79FF;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: -0.36px;
  margin-bottom: 5px;
}
.section--subVisual h2 {
  color: #FFF;
  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.45);
  font-family: Pretendard;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 48px */
  letter-spacing: -0.64px;
  word-break: keep-all;
}
.section--subVisual.price {
  background-image: url(../img/bg_sub_price.jpg);
}

.dropdown .dropdown-toggle {
  min-width: 80px;
  text-align: left;
  height: 36px;
  color: var(--greyScale-grey6, #434850);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
  border: 0;
  background-color: transparent;
  position: relative;
  padding-left: 0;
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.dropdown .dropdown-toggle::after {
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(../img/ic_dropdown_arr.svg) center no-repeat;
  border: 0;
  margin: 0;
}
.dropdown .dropdown-item:hover {
  text-decoration: none;
}
.dropdown .dropdown-item.active, .dropdown .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  background: var(--blueTone-primary, #1F79FF);
  text-decoration: none;
}

.searchModule {
  border-radius: var(--Border-8, 8px);
  border: 1px solid var(--outline, #E7E5ED);
  background: var(--bgWhite, #FFF);
  padding: 8px;
  /* boxshadow */
  box-shadow: 0px 4px 32px 0px rgba(171, 163, 194, 0.2);
  padding: 20px;
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 100px;
  margin: 20px 0;
}
.searchModule .item {
  flex: 0 0 auto;
  padding-right: 24px;
  margin-right: 25px;
  position: relative;
}
.searchModule .item::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: block;
  width: 1px;
  height: 49px;
  background: var(--outline, var(--outline, #E7E5ED));
}
.searchModule .item:last-of-type {
  padding-right: 0;
}
.searchModule .item:last-of-type::after {
  display: none;
}
.searchModule .item.widthVariable {
  flex: 1 0 auto;
  flex: 1 0 0;
}
.searchModule .item .label {
  color: var(--greyScale-grey5, #686E7A);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 18px */
  letter-spacing: -0.24px;
  margin-bottom: 6px;
}
.searchModule .item .calendar {
  color: var(--greyScale-grey6, #434850);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
  border: 0;
  height: 36px;
  padding: 0;
  padding-right: 30px;
  background: url(../img/ic_search_cal.svg) right center no-repeat;
}
.searchModule .input {
  height: 34px;
  border: 0;
  padding: 0;
  background-color: transparent;
  color: var(--greyScale-grey6, #434850);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
}
.searchModule .input::placeholder {
  color: var(--greyScale-grey3, #BDC1CC);
}
.searchModule .btn-border {
  width: 100%;
  height: 56px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  font-size: 16px;
  font-weight: bold;
  padding: 12px;
  transition: 0.2s;
  background-color: transparent;
  color: var(--blueTone-primary, #1F79FF);
  border: 1px solid var(--blueTone-primary, #1F79FF);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
.searchModule .btn-border:hover {
  opacity: 0.8;
}
.searchModule .btn-border {
  width: 78px;
  height: 52px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.searchModule .dropdown-menu {
  border-radius: 4px;
  background: #fff;
  padding: 0 !important;
  border: 0;
  box-shadow: 0 0 0 1px var(--outline);
  min-width: 92px;
  width: auto;
  box-shadow: 0px 4px 32px 0px rgba(171, 163, 194, 0.2);
  padding: 4px 0;
}
.searchModule .dropdown-menu .dropdown-item {
  text-decoration: none;
  color: #A2A7B3;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 19.5px */
  letter-spacing: -0.26px;
  padding: 8px 20px;
}
.searchModule .dropdown-menu .dropdown-item:active {
  background-color: inherit;
}
.searchModule .dropdown-menu .dropdown-item:hover {
  background: #F6F7F9;
}
.searchModule .dropdown-menu li + li::before {
  content: "";
  display: block;
  width: calc(100% - 40px);
  margin-left: 16px;
  border-top: 1px solid var(--outline, #E7E5ED);
}
.searchModule .dropdown-menu .red {
  color: var(--status-red, #E63939);
}
.searchModule .dropdown-menu .dropdown-item {
  color: var(--greyScale-grey6, #434850);
  font-weight: 600;
  padding: 4px 16px;
}
.searchModule .dropdown-menu li + li::before {
  display: none;
}
@media screen and (max-width: 425px) {
  .searchModule {
    padding-right: 20px;
    padding-bottom: 76px;
    box-shadow: none;
  }
  .searchModule .item {
    margin-right: 0;
    flex: 0 0 auto;
  }
  .searchModule .item #example_type,
  .searchModule .item [type=hidden],
  .searchModule .item [name=_token] {
    display: none !important;
  }
  .searchModule .item.widthVariable {
    flex: 1 0 0 !important;
  }
  .searchModule .item::after {
    display: none;
  }
  .searchModule .btn-border {
    bottom: 0;
    width: calc(100% - 40px);
    top: unset;
    height: 38px;
  }
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.gallery .noData {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.gallery .item {
  width: calc((100% - 78px) / 4);
  border-radius: 20px;
  border: 1px solid var(--outline, #E7E5ED);
  background: var(--bgNormal, #F5F5F7);
  box-shadow: 0px 4px 32px 0px var(--boxShadow, rgba(171, 163, 194, 0.2));
  overflow: hidden;
  transition: 0.5s ease-out;
  cursor: pointer;
}
.gallery .item:hover {
  box-shadow: 0px 4px 32px 0px rgba(26, 64, 121, 0.3);
}
.gallery .item:hover img {
  transform: scale(1.07);
}
.gallery .item .imgWrap {
  width: 100%;
  aspect-ratio: 280/180;
  display: block;
  overflow: hidden;
}
.gallery .item .imgWrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: 0.5s ease-out;
}
.gallery .item .info {
  padding: 16px 24px;
}
.gallery .item .info .tit {
  color: var(--greyScale-grey8, #23262A);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: -0.36px;
  margin-bottom: 4px;
}
.gallery .item .info .cate {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  gap: 8px;
  margin-bottom: 12px;
}
.gallery .item .info .cate .span {
  display: flex;
  flex: 0 0 auto;
  padding: 2px 4px 0;
  height: 24px;
  border-radius: 2px;
  border: 1px solid var(--blueTone-primary, #1F79FF);
  color: var(--blueTone-primary, #1F79FF);
  text-align: center;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px; /* 138.462% */
  letter-spacing: -0.26px;
}
.gallery .item .info .between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gallery .item .info .key {
  color: var(--greyScale-grey6, #434850);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
}
.gallery .item .info .value {
  color: var(--greyScale-grey4, #8B909D);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 157.143% */
}
.gallery .item .info .value.blue {
  color: var(--blueTone-primary, #1F79FF);
}
@media screen and (max-width: 768px) {
  .gallery {
    gap: 14px;
  }
  .gallery .item {
    transition: none;
    width: calc((100% - 14px) / 2);
  }
}
@media screen and (max-width: 425px) {
  .gallery .item {
    transition: none;
    width: 100%;
    box-shadow: none !important;
  }
}

.section--construct-list {
  margin-top: -50px;
  margin-bottom: 80px;
}
.section--construct-list .inner, .section--construct-list .inner-full {
  padding: 0 20px;
  max-width: 1240px;
}

.thumbCover {
  width: 100%;
  display: flex;
  gap: 8px;
  aspect-ratio: 1200/380;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  margin-bottom: 63px;
}
.thumbCover img {
  object-fit: cover;
}
.thumbCover .before {
  flex: 1 0 0;
  height: 100%;
}
.thumbCover .before img {
  width: 100%;
  height: 100%;
}
.thumbCover .after {
  flex: 1 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.thumbCover .after img {
  width: calc((100% - 8px) / 2);
  height: calc((100% - 8px) / 2);
}
.thumbCover .text {
  position: absolute;
  bottom: 30px;
  opacity: 0.7;
  background: var(--greyScale-grey8, #23262A);
  color: var(--greyScale-white, #FFF);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
  padding: 7px 12px;
}
.thumbCover .text.left {
  left: 30px;
}
.thumbCover .text.right {
  right: 30px;
}
@media screen and (max-width: 768px) {
  .thumbCover {
    aspect-ratio: unset;
  }
  .thumbCover .after {
    display: none;
  }
  .thumbCover .text.right {
    display: none;
  }
}

.community {
  margin-bottom: 100px;
  padding-top: 157px;
}
.community .inner, .community .inner-full {
  display: flex;
  gap: 40px;
  padding: 0 20px;
  max-width: 1240px;
}
.community .inner .bodyCon, .community .inner-full .bodyCon {
  flex: 1 0 0;
}
.community .inner.sticky, .community .sticky.inner-full {
  display: block;
  position: relative;
  min-height: 1px;
}
.community .inner.sticky .bodyCon, .community .sticky.inner-full .bodyCon {
  padding-right: 360px;
}
.community .inner.sticky .absol, .community .sticky.inner-full .absol {
  position: absolute;
  top: 0;
  right: 20px;
  height: 100%;
}
.community .inner.sticky .sideCon, .community .sticky.inner-full .sideCon {
  position: sticky;
  top: 90px;
}
.community .inner-full {
  flex-direction: column;
  max-width: 1800px;
  padding: 0 60px;
}
.community .pageIntro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.community .pageIntro h2 {
  color: var(--greyScale-grey8, #23262A);
  font-family: Pretendard;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 54px */
  letter-spacing: -0.72px;
  margin: 0;
}
.community .pageIntro .back {
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 20.8px */
  letter-spacing: -0.32px;
  border-radius: 40px;
  border: 1px solid #222;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.community .pageDate {
  color: var(--greyScale-grey4, #8B909D);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 20.8px */
  letter-spacing: -0.32px;
}
@media screen and (max-width: 1200px) {
  .community .inner-full {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .community {
    padding-top: 120px;
  }
  .community .pageIntro {
    flex-direction: column-reverse;
    gap: 8px;
    align-items: flex-start;
  }
  .community .pageIntro h2 {
    font-size: 24px;
  }
  .community .pageIntro .back {
    font-size: 14px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .community .inner.sticky .bodyCon, .community .sticky.inner-full .bodyCon {
    padding-right: 0;
  }
  .community .inner.sticky .absol, .community .sticky.inner-full .absol {
    position: static;
  }
}

.sideCon {
  flex: 0 0 auto;
  width: 200px;
}
.sideCon .teamCardWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.sideCon .teamCard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc((100% - 32px) / 3);
  padding: 14px 20px;
  gap: 10px;
  box-sizing: border-box;
  border-radius: 8px;
  background: var(--bgNormal, #F5F5F7);
  position: relative;
}
.sideCon .teamCard h4 {
  color: var(--greyScale-grey7, #30343A);
  text-align: center;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px; /* 138.462% */
  letter-spacing: -0.26px;
}
.sideCon .teamCard .profileWrap {
  padding-left: 34px;
  position: relative;
}
.sideCon .teamCard .profile {
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid var(--greyScale-grey2, #CFD4D9);
  background-color: var(--greyScale-white, #fff);
  overflow: hidden;
}
.sideCon .teamCard .profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: var(--greyScale-grey1, #DEE3E9);
}
.sideCon .teamCard .tel {
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  width: 32px;
  height: 32px;
  background: url(../img/ic_tel_blue.svg) center no-repeat;
  text-indent: -9999px;
}
.sideCon .teamCard .name {
  color: var(--greyScale-grey8, #23262A);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.32px;
  margin-bottom: 4px;
}
.sideCon .teamCard .desc {
  color: var(--greyScale-grey4, #8B909D);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.sideCon .teamCardWrap {
  flex-direction: column;
}
.sideCon .teamCard {
  width: 100%;
}
.sideCon .sideConTit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.sideCon .sideConTit h4 {
  color: var(--greyScale-grey8, #23262A);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
  letter-spacing: -0.36px;
}
.sideCon .sideConTit button {
  height: 27px;
}
.sideCon hr {
  width: 100%;
  height: 1px;
  border: 0;
  background: var(--greyScale-grey2, #CFD4D9);
  margin: 20px 0;
}
.sideCon .priceList {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--greyScale-grey2, #CFD4D9);
  margin-bottom: 10px;
}
.sideCon .priceList .price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sideCon .priceList .price .key {
  color: var(--greyScale-grey4, #8B909D);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.26px;
}
.sideCon .priceList .price .value {
  color: var(--blueTone-blue6, #70A8F7);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.26px;
}
.sideCon .total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.sideCon .total .key {
  color: var(--greyScale-grey8, #23262A);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
  letter-spacing: -0.36px;
}
.sideCon .total .value {
  color: var(--greyScale-black, #181B20);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.36px;
}
.sideCon .link {
  color: var(--blueTone-primary, #1F79FF);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.26px;
  position: relative;
  padding-right: 16px;
  background: url(../img/ic_link_arr.svg) right center no-repeat;
}
@media screen and (max-width: 768px) {
  .sideCon {
    max-width: 425px;
    width: 100% !important;
    margin: 0 auto;
    margin-top: 80px;
  }
}

.constructInfo {
  border-radius: var(--Border-8, 8px);
  border: 1px solid var(--outline, #E7E5ED);
  background: var(--bgWhite, #FFF);
  padding: 8px;
  /* boxshadow */
  box-shadow: 0px 4px 32px 0px rgba(171, 163, 194, 0.2);
  display: flex;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  margin: 24px 0;
}
.constructInfo h4 {
  color: var(--greyScale-grey8, #23262A);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
  letter-spacing: -0.36px;
}
.constructInfo .infoSection {
  display: flex;
  gap: 20px;
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid var(--greyScale-grey2, #CFD4D9);
}
.constructInfo .th {
  color: var(--greyScale-grey5, #686E7A);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  display: flex;
  align-items: center;
  align-self: flex-start;
  gap: 20px;
  max-width: 280px;
  width: auto;
  flex: 2 0 0;
}
.constructInfo .th button {
  height: 28px;
}
.constructInfo .td {
  flex: 5 0 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.constructInfo .td .cate {
  display: flex;
  gap: 10px;
  flex: 0 0 auto;
}
.constructInfo .td .checkList {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: var(--greyScale-grey5, #686E7A);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 19.5px */
  letter-spacing: -0.26px;
}
.constructInfo .td p {
  color: var(--greyScale-grey4, #8B909D);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
}
.constructInfo .td span {
  display: flex;
  padding: 7px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: var(--num-4, 4px);
  background: var(--bgNormal, #F5F5F7);
}
.constructInfo .profileWrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.constructInfo .profileWrap .profile {
  width: 28px;
  height: 28px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid var(--greyScale-grey2, #CFD4D9);
  background: var(--greyScale-grey1, #DEE3E9) url(../img/ic_profile_df.svg) center no-repeat;
}
.constructInfo .profileWrap .profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.constructInfo .rowsList {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-right: 20px;
  gap: 10px;
}
.constructInfo .rowsList .name {
  display: flex;
  width: 120px;
  padding: 7px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: var(--num-4, 4px);
  background: var(--bgNormal, #F5F5F7);
  color: var(--greyScale-grey5, #686E7A);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 19.5px */
  letter-spacing: -0.26px;
}
.constructInfo .rowsList .more {
  justify-self: flex-end;
  text-indent: -9999px;
  width: 20px;
  aspect-ratio: 1/1;
  background: url(../img/ic_grid_more.svg) center no-repeat;
  cursor: pointer;
}
.constructInfo .rowsList .price {
  color: var(--greyScale-grey6, #434850);
  text-align: right;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  flex: 0 0 140px;
}
.constructInfo .rowsList .date {
  flex: 1 0 0;
  color: var(--greyScale-grey4, #8B909D);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
}
@media screen and (max-width: 425px) {
  .constructInfo {
    padding: 20px;
  }
  .constructInfo .infoSection {
    flex-direction: column;
  }
}

.chargeDetail .dualTray {
  display: flex;
  gap: 20px;
}
.chargeDetail .leftTray {
  flex: 1 0 720px;
  align-self: flex-start;
}
.chargeDetail .rightTray {
  flex: 1 0 470px;
  align-self: flex-start;
}
.chargeDetail .resultCost {
  margin-top: 10px;
  margin-bottom: -30px;
  margin-left: -30px;
  margin-right: -30px;
  width: calc(100% + 30px + 30px);
  display: flex;
  padding: 20px 30px;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  border-top: 1px solid var(--outline, var(--outline, #E7E5ED));
  background: var(--greyScale-grey7, #30343A);
  color: var(--greyScale-white, #FFF);
  text-align: right;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
  letter-spacing: -0.32px;
}
.chargeDetail .resultCost .sub {
  color: var(--blueTone-blue3, #B6D3F9);
  text-align: right;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
  letter-spacing: -0.32px;
}
.chargeDetail .resultCost .flexWrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  color: var(--greyScale-white, #FFF);
  text-align: center;
  font-family: Pretendard;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 21px */
  letter-spacing: -0.42px;
}
.chargeDetail .eachCostWrap {
  width: 100%;
}
.chargeDetail .eachCost {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  align-self: stretch;
  border-radius: 12px;
  background: var(--bgNormal, #F5F5F7);
}
.chargeDetail .eachCost .flexWrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.chargeDetail .eachCost .key {
  color: var(--greyScale-grey5, #686E7A);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 20.8px */
  letter-spacing: -0.32px;
}
.chargeDetail .eachCost .value {
  color: var(--greyScale-grey4, #8B909D);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 18.2px */
  letter-spacing: -0.28px;
}
.chargeDetail .eachCost .cost {
  color: var(--blueTone-primary, #1F79FF);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.36px;
}
.chargeDetail .eachCost + .eachCost {
  margin-top: 10px;
}
.chargeDetail .tray {
  border-radius: var(--Border-8, 8px);
  border: 1px solid var(--outline, #E7E5ED);
  background: var(--bgWhite, #FFF);
  padding: 8px;
  /* boxshadow */
  box-shadow: 0px 4px 32px 0px rgba(171, 163, 194, 0.2);
  display: flex;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  overflow: hidden;
}
.chargeDetail .tray.vertical {
  flex-direction: column;
}
.chargeDetail .tray.noTray {
  background: transparent;
  box-shadow: none;
  border: 0;
  padding: 0;
}
.chargeDetail .tray.noTray h2 {
  color: var(--greyScale-grey8, #23262A);
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  letter-spacing: -0.4px;
  margin-bottom: 6px;
}
.chargeDetail .tray.noTray p {
  color: var(--greyScale-grey4, #8B909D);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%; /* 20.8px */
  letter-spacing: -0.32px;
  margin-bottom: 20px;
}
.chargeDetail .tray.noTray h3 {
  color: var(--greyScale-grey8, #23262A);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
  letter-spacing: -0.36px;
}
.chargeDetail .tray.noTray .resultCost {
  margin: 0;
  margin-top: -10px;
  width: 100%;
  border-radius: 12px;
}
.chargeDetail .tray .photoWrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  gap: 40px;
  border-top: 1px solid var(--greyScale-grey1, #DEE3E9);
  padding-top: 10px;
}
.chargeDetail .tray .photoWrap.vertical {
  flex-direction: column;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--greyScale-grey1, #DEE3E9);
}
.chargeDetail .tray .photoWrap .constructImg {
  padding: 0;
  border: 0;
  background-color: transparent;
  box-shadow: none;
  flex: 1 0 0;
}
.chargeDetail .tray .photoWrap .constructImg .imgWrap {
  min-height: 68px;
}
.chargeDetail .tray .tab-contrastCon {
  width: 100%;
}
.chargeDetail .tray .footerWrap {
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid var(--greyScale-grey2, #CFD4D9);
  color: var(--greyScale-grey7, #30343A);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.36px;
}
.chargeDetail .tray .footerWrap .total {
  color: var(--blueTone-primary, #1F79FF);
}
.chargeDetail .tray .contrastCon {
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid var(--greyScale-grey2, #CFD4D9);
  display: flex;
  gap: 20px;
}
.chargeDetail .tray .contrastCon + .contrastCon {
  margin-top: 20px;
}
.chargeDetail .tray .contrastCon.vertical {
  flex-direction: column;
}
.chargeDetail .tray .contrastCon.vertical .tit {
  flex: 0 0 auto;
}
.chargeDetail .tray .contrastCon .tit {
  flex: 0 0 280px;
  display: flex;
  gap: 20px;
  color: var(--greyScale-grey5, #686E7A);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
.chargeDetail .tray .contrastCon .tit .btn-border-sm {
  height: 27px;
}
.chargeDetail .tray .contrastCon .itemList {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
}
.chargeDetail .tray .contrastCon .itemList .item {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 1 0 0;
  padding-right: 20px;
  flex-wrap: wrap;
}
.chargeDetail .tray .contrastCon .itemList .item .name {
  display: flex;
  flex: 0 0 200px;
  flex: 1 0 0;
  padding: 7px 20px;
  box-sizing: border-box;
  align-items: center;
  gap: 5px;
  border-radius: var(--num-4, 4px);
  background: var(--bgNormal, #F5F5F7);
  color: var(--greyScale-grey5, #686E7A);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 19.5px */
  letter-spacing: -0.26px;
  position: relative;
  margin: 6px 0;
}
.chargeDetail .tray .contrastCon .itemList .item .statusBadge {
  position: absolute;
  right: -3px;
  top: -4.5px;
  background: var(--greyScale-grey6, #434850);
  display: flex;
  padding: 0px var(--num-4, 4px);
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--greyScale-white, #FFF);
  font-family: Pretendard;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 15px */
  letter-spacing: -0.2px;
}
.chargeDetail .tray .contrastCon .itemList .item .price {
  flex: 0 0 160px;
  flex: 1 0 0;
  width: 160px;
  color: var(--greyScale-grey6, #434850);
  text-align: right;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
.chargeDetail .tray .contrastCon .itemList .item .price .newValue,
.chargeDetail .tray .contrastCon .itemList .item .price .value {
  color: var(--greyScale-grey6, #434850);
  text-align: right;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
.chargeDetail .tray .contrastCon .itemList .item .note {
  flex: 1 0 0;
  color: var(--greyScale-grey4, #8B909D);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
}
.chargeDetail .tray .contrastCon .itemList .item .note .newValue,
.chargeDetail .tray .contrastCon .itemList .item .note .value {
  color: var(--greyScale-grey4, #8B909D);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
}
.chargeDetail .tray .contrastCon .itemList .item .moreBtn {
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  background: transparent url(../img/ic_grid_more.svg) center no-repeat;
  border: 0;
  border-radius: 50%;
}
.chargeDetail .tray .contrastCon .itemList .item .dropdown-menu {
  border-radius: 4px;
  background: #fff;
  padding: 0 !important;
  border: 0;
  box-shadow: 0 0 0 1px var(--outline);
  min-width: 92px;
  width: auto;
  box-shadow: 0px 4px 32px 0px var(--boxShadow);
  padding: 8px 0;
}
.chargeDetail .tray .contrastCon .itemList .item .dropdown-menu .dropdown-item {
  text-decoration: none;
  color: #A2A7B3;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 19.5px */
  letter-spacing: -0.26px;
  padding: 8px 20px;
}
.chargeDetail .tray .contrastCon .itemList .item .dropdown-menu .dropdown-item:active {
  background-color: inherit;
}
.chargeDetail .tray .contrastCon .itemList .item .dropdown-menu .dropdown-item:hover {
  background: #F6F7F9;
}
.chargeDetail .tray .contrastCon .itemList .item .dropdown-menu li + li::before {
  content: "";
  display: block;
  width: calc(100% - 40px);
  margin-left: 16px;
  border-top: 1px solid var(--outline, #E7E5ED);
}
.chargeDetail .tray .contrastCon .itemList .item .dropdown-menu .red {
  color: var(--status-red, #E63939);
}
.chargeDetail .tray .contrastCon .itemList .item .dropdown-menu .dropdown-item {
  color: var(--greyScale-grey6, #434850);
  font-weight: 600;
  padding: 8px 16px;
}
.chargeDetail .tray .contrastCon .itemList .item .dropdown-menu .red {
  color: var(--status-red, #E63939);
}
.chargeDetail .tray .contrastCon .itemList .item .dropdown-menu .primary {
  color: var(--blueTone-primary, #1F79FF);
}
.chargeDetail .tray .contrastCon .itemList .item.edit .price .value {
  color: var(--greyScale-grey3, #BDC1CC);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
  text-decoration: line-through;
}
.chargeDetail .tray .contrastCon .itemList .item.edit .note .value {
  color: var(--greyScale-grey3, #BDC1CC);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 18px */
  letter-spacing: -0.24px;
  text-decoration: line-through;
}
.chargeDetail .tray .contrastCon .itemList .item.edit .statusBadge {
  background: var(--greyScale-grey6, #434850);
}
.chargeDetail .tray .contrastCon .itemList .item.delete .statusBadge {
  background: var(--status-red, #E63939);
}
.chargeDetail .tray .contrastCon .itemList .item.delete .note .value,
.chargeDetail .tray .contrastCon .itemList .item.delete .price .value {
  color: var(--greyScale-grey3, #BDC1CC);
  text-decoration: line-through;
}
.chargeDetail .tray .contrastCon .itemList .item.append .statusBadge {
  background: var(--blueTone-blue6, #70A8F7);
}
@media screen and (max-width: 768px) {
  .chargeDetail .tray .contrastCon .itemList .item {
    padding-right: 0;
    gap: 0;
    background-color: var(--bgNormal, #F5F5F7);
    padding: 4px 0;
    border-radius: 8px;
  }
  .chargeDetail .tray .contrastCon .itemList .item + .item {
    margin-top: 8px;
  }
  .chargeDetail .tray .contrastCon .itemList .item .name {
    flex-basis: 100%;
    padding: 7px 10px;
    margin: 0;
  }
  .chargeDetail .tray .contrastCon .itemList .item .note,
  .chargeDetail .tray .contrastCon .itemList .item .price {
    flex: 0 0 auto;
    width: auto;
    padding: 7px 10px;
  }
}
@media screen and (max-width: 425px) {
  .chargeDetail .tray {
    padding: 20px;
  }
}

.tab3 {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  border: 0;
  border-radius: 0;
}
.tab3 .nav-link {
  color: var(--greyScale-grey3, #BDC1CC);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
  letter-spacing: -0.36px;
  border: 0;
  padding: 0;
}
.tab3 .nav-link.active {
  color: var(--greyScale-grey8, #23262A);
  background-color: transparent;
}

.section--otherConstruct {
  padding: 80px 0 146px;
  background: #F6F7F8;
  overflow: hidden;
}
.section--otherConstruct .inner, .section--otherConstruct .inner-full {
  max-width: 1240px;
  padding: 0 20px;
}
.section--otherConstruct h2 {
  color: var(--Labels-Primary, #000);
  font-family: Pretendard;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 48px */
  letter-spacing: -0.64px;
  margin-bottom: 46px;
}
.section--otherConstruct .gallery {
  margin: 0;
}
.section--otherConstruct .gallery .item {
  box-shadow: none;
  box-shadow: 0px 4px 10px 0px rgba(171, 163, 194, 0.2);
}
.section--otherConstruct .slick-track {
  padding-bottom: 14px;
}
.section--otherConstruct .slick-slide {
  margin: 0 10px;
}
.section--otherConstruct .slick-prev {
  left: -130px;
  width: 80px;
  height: 80px;
  aspect-ratio: 1/1;
  background: url(../img/ic_gallary_slick_arr.svg) center no-repeat;
  text-indent: -9999px;
}
.section--otherConstruct .slick-next {
  right: -130px;
  width: 80px;
  height: 80px;
  aspect-ratio: 1/1;
  background: url(../img/ic_gallary_slick_arr_r.svg) center no-repeat;
  text-indent: -9999px;
}

.imgSlideModal {
  padding: 30px;
}

.modal2 .modal-content {
  padding: 30px;
}

#costMap .modal-dialog {
  height: 86vh;
}
#costMap .modal-dialog .modal-content {
  background: #F0F7FD;
}

@keyframes loading {
  0% {
    background-color: rgba(0, 0, 0, 0.01);
  }
  70% {
    background-color: rgba(0, 0, 0, 0.05);
  }
  100% {
    background-color: rgba(0, 0, 0, 0.01);
  }
}
.imgSlideModal .loadingBx {
  transition: 0.3s;
  animation-duration: 1.2s;
  animation-name: loading;
  animation-iteration-count: infinite;
}
.imgSlideModal .slick-list {
  height: 100%;
}
.imgSlideModal .single-item {
  opacity: 0;
  transition: 0.3s;
}
.imgSlideModal .single-item .imgWrap {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  max-width: 720px;
  max-height: 420px;
}
.imgSlideModal .single-item .imgWrap img {
  opacity: 0;
  transition: 0.3s;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.imgSlideModal.show .loadingBx:has(.slick-initialized) {
  animation: none;
}
.imgSlideModal.show .single-item.slick-initialized {
  opacity: 1;
}
.imgSlideModal.show .single-item.slick-initialized .imgWrap img {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .imgSlideModal {
    padding: 10px;
  }
  .imgSlideModal .modal-content {
    padding: 20px;
    padding-bottom: 20px !important;
  }
  .imgSlideModal .loadingBx {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
  }
}

.quickNav {
  position: fixed;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 10;
}
.quickNav svg {
  display: inline-block;
  width: 24px;
}
.quickNav .quickBtn {
  width: 55px;
  border-radius: 55px;
  background-color: #292929;
  padding: 10px 0;
}
.quickNav .quickBtn .erp {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  color: #FFF;
  text-align: center;
  font-family: Pretendard;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 13px */
  letter-spacing: -0.2px;
}
.quickNav .quickBtn .insta {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
}
.quickNav .quickBtn .blog {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
}
.quickNav .goTop {
  display: block;
  margin-top: 10px;
  width: 55px;
  height: 55px;
}
.quickNav .goTop svg {
  width: 100%;
}
@media screen and (max-width: 1360px) {
  .quickNav {
    display: none;
  }
}

.selfEstimate .gridTit {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 0;
  gap: 4px;
}
.selfEstimate .gridTit select {
  background: url(../img/ic_select2_arr.svg) right 10px center no-repeat;
  padding-right: 34px;
}
.selfEstimate .gridTit .flex {
  display: flex;
  gap: 4px;
}
.selfEstimate .gridTit input,
.selfEstimate .gridTit select,
.selfEstimate .gridTit button {
  max-width: 360px;
  height: 36px;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
  width: auto;
  flex: 0 0 auto;
  white-space: nowrap;
}

.selfEstimate .estimateBox .tray {
  height: 800px;
}
.selfEstimate .estimateBox .estimateItemWrap .estimateItem > div:nth-child(3) {
  flex: 0 0 30px;
}
.selfEstimate .estimateBox .estimateItemWrap .estimateItem .rowPlus {
  display: flex;
  align-items: center;
}
.selfEstimate .estimateBox .estimateItemWrap .estimateItem .rowPlus button {
  border: 0;
  background-color: transparent;
  padding: 0;
}

.section--estimate {
  padding-top: 160px;
  margin-bottom: 80px;
}
.section--estimate .inner, .section--estimate .inner-full {
  padding: 0 10px;
}
.section--estimate .topWrap {
  text-align: center;
}
.section--estimate .topWrap h3 {
  word-break: keep-all;
  margin-bottom: 15px;
}
.section--estimate .topWrap .linkArr.round {
  border-radius: 40px;
  background: #E9F2FE;
  display: inline-flex;
  padding: 13px 20px;
  align-items: center;
  gap: 7px;
  color: #1F79FF;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  margin-bottom: 20px;
}
.section--estimate .estimateBox .nextCard {
  margin-top: 26px;
  border-radius: 12px;
  background: var(--bgNormal, #F5F5F7);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  gap: 20px;
  color: var(--greyScale-grey5, #686E7A);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
  letter-spacing: -0.54px;
}
.section--estimate .estimateBox .nextCard .linkArr {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #1F79FF;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
.section--estimate .estimateBox .right .detailList {
  display: none;
}
@media screen and (max-width: 1024px) {
  .section--estimate .estimateBox .left {
    min-height: 762px;
  }
  .section--estimate .estimateBox .left .tray {
    flex-direction: column;
    height: auto;
    box-shadow: none;
  }
  .section--estimate .estimateBox .left .tray .cate {
    flex: 0 0 auto;
    border: 0;
  }
  .section--estimate .estimateBox .left .tray .cate .nav {
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    background-color: #fff;
    z-index: 2;
    flex-wrap: nowrap;
  }
  .section--estimate .estimateBox .left .tray .cate .nav .nav-item {
    flex: 0 0 auto;
  }
  .section--estimate .estimateBox .left .tray .gridTh {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .section--estimate .topWrap {
    text-align: left;
  }
  .section--estimate .topWrap h3 {
    text-align: left;
    padding: 0 20px;
  }
  .section--estimate .topWrap .linkArr {
    margin-left: 20px;
  }
  .section--estimate .inner, .section--estimate .inner-full {
    padding: 0;
  }
  .section--estimate .gridTit {
    padding: 0 20px;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
  }
  .section--estimate .gridTit .flex {
    width: 100%;
  }
  .section--estimate .gridTit #estimate_name {
    max-width: 50%;
    flex: 0 0 auto;
    width: 200px;
    white-space: normal;
  }
  .section--estimate .gridTit button {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .section--estimate .estimateBox .left {
    padding: 0 10px;
    padding-right: 0;
    padding-bottom: 30px;
  }
  .section--estimate .estimateBox .left .tray {
    box-shadow: none;
  }
  .section--estimate .estimateBox .left .estimateItemWrap .estimateItem {
    flex-wrap: wrap;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    gap: 8px;
  }
  .section--estimate .estimateBox .left .estimateItemWrap .estimateItem .text {
    flex: 1 0 100%;
  }
  .section--estimate .estimateBox .left .estimateItemWrap .estimateItem .inputWrap {
    flex: 0 0 50%;
  }
  .section--estimate .estimateBox .left .estimateItemWrap .estimateItem .rowPlus {
    flex: 0 0 auto;
    gap: 4px;
  }
  .section--estimate .estimateBox .left .estimateItemWrap .estimateItem .rowPlus::after {
    content: "추가";
    color: var(--primary);
  }
  .section--estimate .estimateBox .right {
    padding: 10px;
    background: rgba(245, 245, 247, 0.3);
    backdrop-filter: blur(10px);
    position: fixed;
    position: sticky;
    left: 0;
    width: 100%;
    top: unset;
    bottom: 0;
    height: auto;
    padding-top: 0;
    border-top: 0.5px solid var(--greyScale-grey1);
  }
  .section--estimate .estimateBox .right .detailList {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
  }
  .section--estimate .estimateBox .right .detailList svg {
    width: 21px;
    height: 21px;
  }
  .section--estimate .estimateBox .right .detailList path {
    stroke: #23262A;
  }
  .section--estimate .estimateBox .right .detailList svg {
    transform: rotate(-90deg);
  }
  .section--estimate .estimateBox .right .insert .caption {
    flex: 1 0 0;
  }
  .section--estimate .estimateBox .right .insert input {
    flex: 0 0 90px;
    text-align: right;
    padding-left: 10px;
  }
  .section--estimate .estimateBox .right .top,
  .section--estimate .estimateBox .right .resultList {
    display: none;
  }
  .section--estimate .estimateBox .right .resultList {
    height: 300px;
  }
  .section--estimate .estimateBox .right .nextCard {
    display: none;
  }
  .section--estimate .estimateBox .right.ac {
    z-index: 11;
  }
  .section--estimate .estimateBox .right.ac .top,
  .section--estimate .estimateBox .right.ac .resultList {
    display: block;
  }
  .section--estimate .estimateBox .right.ac .detailList svg {
    transform: rotate(90deg);
  }
  .section--estimate .estimateBox .right .total {
    padding: 8px 0;
    gap: 6px;
  }
  .section--estimate .estimateBox .right .total .totalList .key,
  .section--estimate .estimateBox .right .total .totalList .value {
    font-size: 12px;
    font-weight: 500;
  }
  .section--estimate .estimateBox .right .total .totalResult .value {
    font-size: 16px;
  }
}

.section--site {
  padding-top: 200px;
  padding-bottom: 100px;
}
.section--site .inner, .section--site .inner-full {
  padding: 0 20px;
}
.section--site h2 {
  text-align: center;
  color: #222;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.48px;
}
.section--site h2 bold {
  font-weight: 700;
}
.section--site .step {
  margin: 0 auto;
  margin-bottom: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 340px;
}
.section--site .step .item {
  height: 42px;
  border-radius: 50px;
  background: #E3E6E9;
  color: #222;
  text-align: center;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 18px */
  letter-spacing: -0.36px;
  min-width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section--site .step .item.active {
  background: #1F79FF;
  color: #fff;
}
.section--site .step .first {
  transform: translateX(7px);
  font-size: 16px;
  font-weight: 400;
  padding: 0 20px;
}
.section--site .formWrap {
  margin: 0 auto;
  min-height: 400px;
}
.section--site .formWrap .divider {
  width: 100%;
  height: 1px;
  background-color: var(--outline, #E7E5ED);
  margin-top: 40px;
  margin-bottom: 40px;
}
.section--site .formWrap .tray {
  border-radius: 20px;
  background: #FFF;
  /* boxshadow */
  box-shadow: 0px 4px 32px 0px var(--boxShadow, rgba(171, 163, 194, 0.2));
  display: flex;
  width: 100%;
  padding: 30px 40px;
  gap: 20px;
}
.section--site .formWrap .tray .column {
  flex: 1 0 0;
}
.section--site .formWrap .tray .column .tit {
  text-align: left;
  padding: 5px 0;
  color: var(--greyScale-grey5, #686E7A);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 19.5px */
  letter-spacing: -0.26px;
}
.section--site .formWrap .tray .column .checkboxWrap {
  border-top: 1px solid var(--greyScale-grey1, #DEE3E9);
  padding: 10px 0;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.section--site label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--greyScale-grey5, #686E7A);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.4px;
}
.section--site label input[type=checkbox] {
  display: none;
}
.section--site label .checkbox {
  width: 16px;
  height: 16px;
  background: url(../img/ic_checkbox_off.svg) center no-repeat;
}
.section--site label input[type=checkbox]:checked + .checkbox {
  background: url(../img/ic_checkbox_ac.svg) center no-repeat;
}
.section--site .agree {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  border-top: 1px solid #C9CCD0;
  border-bottom: 1px solid #C9CCD0;
}
.section--site .agree .link {
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  text-decoration-line: underline;
}
.section--site .agree label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.4px;
}
.section--site .agree label input[type=checkbox] {
  display: none;
}
.section--site .agree .checkbox {
  width: 24px;
  height: 24px;
  background: url(../img/ic_checkbox3_off.svg) center no-repeat;
}
.section--site .agree input[type=checkbox]:checked + .checkbox {
  background: url(../img/ic_checkbox3_ac.svg) center no-repeat;
}
.section--site .previewImg {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  gap: 4px;
}
.section--site .previewImg .imgWrap {
  position: relative;
  width: 72px;
  aspect-ratio: 1/1;
  border-radius: 10px;
  overflow: hidden;
}
.section--site .previewImg .imgWrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section--site .previewImg .imgWrap .removeImg {
  position: absolute;
  top: 3px;
  right: 3px;
}
.section--site .imgAttach {
  display: inline-flex;
  width: auto;
  height: 52px;
  padding: 0px 16px;
  align-items: center;
  gap: 10px;
  border-radius: var(--num-4, 4px);
  border: 1px solid #E3E6E9;
  background: #E3E6E9;
  color: #222;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
}
.section--site .imgAttach input {
  display: none;
}
.section--site h4 {
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.section--site select.input {
  background: #fff url(../img/ic_select2_arr.svg) right 10px center no-repeat;
}
.section--site .flex {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.section--site .flex input {
  margin-top: 0;
}
.section--site .input {
  border-radius: var(--num-4, 4px);
  border: 1px solid #F4F4F4;
  background: #FFF;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
  height: 52px;
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
.section--site .input::placeholder {
  color: #999;
}
.section--site .input.search {
  position: relative;
}
.section--site .input.search input {
  border: 0;
  height: 100%;
  width: 100%;
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  background-color: #fff;
}
.section--site .input.search input::placeholder {
  color: #999;
}
.section--site .input.search .calIcon {
  position: absolute;
  right: 6px;
  top: 2px;
  padding: 10px;
  background-color: #fff;
  pointer-events: none;
}
.section--site .btnWrap::after {
  content: "";
  display: block;
  clear: both;
}
.section--site .nextBtn {
  cursor: pointer;
  float: right;
  margin-left: auto;
  margin-top: 20px;
  height: 60px;
  padding: 10px 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: #222;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .section--site .formWrap .tray {
    flex-direction: column;
  }
  .section--site .flex {
    display: block;
  }
}

.gotoLogin .modal-content {
  border-radius: 0;
  padding: 40px 16px 16px;
}
.gotoLogin .modal-footer,
.gotoLogin .modal-body,
.gotoLogin .modal-header {
  border: 0;
  padding: 0;
}
.gotoLogin .modal-header {
  color: #222;
  text-align: center;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
  letter-spacing: -0.48px;
  align-items: center;
  justify-content: center;
}
.gotoLogin .modal-body {
  padding-top: 10px;
  color: #7C8187;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  align-items: center;
  justify-content: center;
}
.gotoLogin .modal-footer {
  margin-top: 40px;
}
.gotoLogin .modal-footer.between {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.gotoLogin .confirmBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ECD146;
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  border-radius: 0;
  height: 52px;
  padding: 0 10px;
  width: 100%;
  border: 0;
}
.gotoLogin .cancelBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #999;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  border-radius: 0;
  height: 52px;
  padding: 0 10px;
  width: 100%;
  border: 0;
}

.section--careerTop {
  padding-top: 140px;
  padding-bottom: 40px;
  background: #F6F7F8;
}
.section--careerTop .inner, .section--careerTop .inner-full {
  max-width: 1240px;
  padding: 0 20px;
}
.section--careerTop .nav-tabs {
  border: 0;
  gap: 22px;
}
.section--careerTop .nav-tabs .nav-link {
  border: 0;
  background-color: transparent;
  color: #1E1E1E;
  font-family: Pretendard;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 63px */
  opacity: 0.3;
  padding: 0;
}
.section--careerTop .nav-tabs .nav-link.active {
  opacity: 1;
}

.section--career {
  padding-bottom: 160px;
}
.section--career .inner, .section--career .inner-full {
  max-width: 1240px;
  padding: 0 20px;
}
.section--career .dualWrap {
  padding-top: 20px;
  position: relative;
  display: flex;
  gap: 60px;
}
.section--career .dualWrap .left {
  flex: 2 1 0;
}
.section--career .dualWrap .left h3 {
  margin-top: 60px;
}
.section--career .dualWrap .left .point {
  color: var(--primary, #1F79FF);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
  margin-bottom: 16px;
}
.section--career .dualWrap .left .feature {
  margin-top: 16px;
  border: 1px solid #CED1D6;
  display: flex;
  padding: 16px 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Border-8, 8px);
  align-self: stretch;
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
.section--career .dualWrap .left .feature em {
  color: var(--greyScale-grey4, #8B909D);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
}
.section--career .dualWrap .left .feature ul {
  list-style: none;
  counter-reset: list-number;
  /*list-number의 번호 초기화*/
}
.section--career .dualWrap .left .feature ul li {
  list-style: none;
  counter-increment: list-number;
  /*li선택자의 counter-increment명을 'list-number'라고 명명*/
  /*list-number를 count하여 가상선택자before의 content로 담아준다.*/
}
.section--career .dualWrap .left .feature ul li::before {
  display: none;
}
.section--career .dualWrap .left .feature ul li:after {
  content: counter(list-number);
  font: inherit;
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
}
.section--career .dualWrap .right {
  flex: 1 1 0;
}
.section--career .dualWrap .right .formWrap {
  position: sticky;
  top: 80px;
  right: 0;
}
.section--career .dualWrap .right .formWrap h2 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #CED1D6;
}
.section--career .dualWrap .right .inputWrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.section--career .dualWrap .right .inputWrap h4 {
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
.section--career .dualWrap .right .inputWrap .input {
  border-radius: var(--num-4, 4px);
  border: 1px solid #F4F4F4;
  background: #FFF;
  height: 52px;
  padding: 0px 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  color: #222;
}
.section--career .dualWrap .right .inputWrap .input::placeholder {
  color: #999;
}
.section--career .dualWrap .right .inputWrap + .inputWrap {
  margin-top: 20px;
}
.section--career .dualWrap .right .inputWrap .radio {
  display: flex;
  gap: 8px;
}
.section--career .dualWrap .right .inputWrap .radio input {
  display: none;
}
.section--career .dualWrap .right .inputWrap .radio label {
  display: flex;
  flex-direction: column;
  height: 52px;
  padding: 0px 16px;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex: 1 0 0;
  border-radius: var(--num-4, 4px);
  border: 1px solid #222;
  background: #FFF;
  text-align: center;
}
.section--career .dualWrap .right .inputWrap .radio label em {
  font-size: 12px;
}
.section--career .dualWrap .right .inputWrap .radio label:has(input:checked) {
  background: var(--primary, #1F79FF);
  color: #FFF;
}
.section--career .dualWrap .right .inputWrap .radio label:has(input:checked) em {
  color: #fff;
}
.section--career .dualWrap .right .inputWrap .file {
  position: relative;
  display: flex;
  align-items: center;
  height: 52px;
  margin-bottom: 10px;
}
.section--career .dualWrap .right .inputWrap .file input {
  margin-left: 56px;
}
.section--career .dualWrap .right .inputWrap .file .fileBtn {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  height: 52px;
  padding: 0px 16px;
  align-items: center;
  gap: 10px;
  border-radius: var(--num-4, 4px);
  border: 1px solid #E3E6E9;
  background: #E3E6E9;
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
@media screen and (max-width: 1024px) {
  .section--career .dualWrap {
    flex-direction: column;
  }
  .section--career .dualWrap .flow {
    gap: 4px;
  }
  .section--career .dualWrap .flow svg {
    width: 16px;
    height: 16px;
  }
  .section--career .dualWrap .flow .item {
    padding: 4px;
    height: 60px;
    min-width: 60px;
  }
  .section--career .dualWrap .flow .item .group {
    font-size: 14px;
  }
  .section--career .dualWrap .flow .item .desc {
    font-size: 12px;
  }
  .section--career .dualWrap .left .feature {
    padding: 10px;
  }
  .section--career .dualWrap .right .inputWrap .radio {
    gap: 4px;
  }
  .section--career .dualWrap .right .inputWrap .radio label {
    height: 48px;
    padding: 0px 4px;
    font-size: 13px;
  }
  .section--career .dualWrap .right .inputWrap .radio label em {
    font-size: 11px;
  }
  .section--career .dualWrap .right .inputWrap .radio label:has(input:checked) {
    background: var(--primary, #1F79FF);
    color: #FFF;
  }
  .section--career .dualWrap .right .inputWrap .file {
    height: 48px;
  }
  .section--career .dualWrap .right .inputWrap .file input {
    margin-left: 41px;
    font-size: 12px;
  }
  .section--career .dualWrap .right .inputWrap .file .fileBtn {
    font-size: 14px;
    height: 48px;
    padding: 0 8px;
  }
}
.section--career .summary {
  background: #F6F7F8;
  padding-bottom: 30px;
  margin-top: -1px;
}
.section--career .summary .inner, .section--career .summary .inner-full {
  display: flex;
  gap: 20px;
}
.section--career .summary .inner .card, .section--career .summary .inner-full .card {
  border-radius: 14px;
  border: 1px solid #CED1D6;
  background: #FFF;
  display: flex;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
}
.section--career .summary .inner .card .flex, .section--career .summary .inner-full .card .flex {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 1024px) {
  .section--career .summary .inner, .section--career .summary .inner-full {
    flex-direction: column;
  }
  .section--career .summary .inner .card, .section--career .summary .inner-full .card {
    padding: 20px;
    gap: 8px;
  }
}
.section--career h2 {
  margin: 0;
  color: #222;
  font-family: Pretendard;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 42px */
  letter-spacing: -0.56px;
}
.section--career h3 {
  color: #222;
  font-family: Pretendard;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 31.5px */
  letter-spacing: -0.42px;
  margin-bottom: 16px;
}
.section--career .rBadge {
  color: var(--primary, #1F79FF);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
  border-radius: 40px;
  background: rgba(31, 121, 255, 0.1);
  display: flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.section--career p {
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
.section--career em {
  color: var(--greyScale-grey4, #8B909D);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
}
.section--career li {
  position: relative;
  padding-left: 15px;
}
.section--career li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #222;
  position: absolute;
  top: 10px;
  left: 6px;
}
.section--career .flow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.section--career .flow .item {
  height: 80px;
  border-radius: var(--Border-8, 8px);
  border: 1px solid #CED1D6;
  display: flex;
  padding: 16px;
  min-width: 80px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--num-4, 4px);
  text-align: center;
}
.section--career .flow .item .group {
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
}
.section--career .flow .item .desc {
  color: var(--greyScale-grey4, #8B909D);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
}
.section--career .faq {
  margin-top: 16px;
  border-bottom: 1px solid #CED1D6;
}
.section--career .faq .accordion-item {
  border: 0;
  border-radius: 0;
  border-top: 1px solid #CED1D6;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 0;
  margin: 0;
}
.section--career .faq .accordion-button {
  background-color: transparent;
  padding: 0;
  box-shadow: none;
}
.section--career .faq .accordion-button p {
  font-weight: bold;
}
.section--career .faq .accordion-body {
  padding: 0;
}
.section--career .agree {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  border-top: 1px solid #C9CCD0;
  border-bottom: 1px solid #C9CCD0;
}
.section--career .agree .link {
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  text-decoration-line: underline;
}
.section--career .agree label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.4px;
}
.section--career .agree label input[type=checkbox] {
  display: none;
}
.section--career .agree .checkbox {
  width: 24px;
  height: 24px;
  background: url(../img/ic_checkbox3_off.svg) center no-repeat;
}
.section--career .agree input[type=checkbox]:checked + .checkbox {
  background: url(../img/ic_checkbox3_ac.svg) center no-repeat;
}
.section--career .submit {
  display: flex;
  width: 100%;
  height: 60px;
  padding: 10px 20px;
  margin-top: 20px;
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  background: #222;
  color: #FFF;
  text-align: center;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: -0.36px;
}

.section--aboutCover {
  padding: 190px 0 130px;
  background-color: #F6F7F8;
  text-align: center;
}
.section--aboutCover .inner, .section--aboutCover .inner-full {
  max-width: 1240px;
  padding: 0 20px;
}
.section--aboutCover h1 {
  color: #969EA9;
  text-align: center;
  font-family: Pretendard;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 45px */
  letter-spacing: -0.6px;
  margin-bottom: 26px;
}
.section--aboutCover svg {
  margin-bottom: 90px;
  max-width: 80vw;
}
.section--aboutCover .cover {
  max-width: 980px;
  width: 70vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  margin: 0 auto;
}
.section--aboutCover .cover p {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  text-align: left;
  color: #222;
  font-family: Pretendard;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 48px */
  letter-spacing: -0.64px;
}
.section--aboutCover .cover .imgWrap {
  position: relative;
  height: 50vw;
  max-height: 668px;
  aspect-ratio: 575/688;
}
.section--aboutCover .cover .imgWrap img {
  height: 100%;
}
.section--aboutCover .cover .imgWrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(246, 247, 248, 0) 49.91%, #F6F7F8 100%);
}
@media screen and (max-width: 1024px) {
  .section--aboutCover .cover {
    max-width: 100%;
    width: 90vw;
  }
  .section--aboutCover .cover p {
    font-size: 3vw;
  }
}
@media screen and (max-width: 768px) {
  .section--aboutCover {
    padding: 160px 0 130px;
  }
  .section--aboutCover h1 {
    margin-bottom: 0;
  }
  .section--aboutCover svg {
    margin-bottom: 8%;
  }
  .section--aboutCover .cover {
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
    margin: 0;
  }
  .section--aboutCover .cover p {
    position: static;
    transform: unset;
    margin-bottom: 40px;
    font-size: 18px;
  }
  .section--aboutCover .cover .imgWrap {
    width: 100%;
    aspect-ratio: unset;
  }
  .section--aboutCover .cover .imgWrap img {
    width: 100%;
    object-fit: cover;
  }
  .section--aboutCover .cover .imgWrap::before {
    display: none;
  }
}

.Paperlogy {
  color: #1E1E1E;
  font-family: Paperlogy;
  font-family: "Paperlogy-8ExtraBold";
  font-size: 42px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%; /* 63px */
}

.section--owner {
  padding: 120px 0;
}
.section--owner .inner, .section--owner .inner-full {
  max-width: 1240px;
  padding: 0 20px;
}
.section--owner h2 {
  margin-bottom: 45px;
}
.section--owner .flex {
  display: flex;
  align-items: stretch;
  gap: 2%;
}
.section--owner .flex .item {
  flex: 1 0 0;
  border: 1px solid var(--outline, #E7E5ED);
  background: var(--bgWhite, #FFF);
  /* boxshadow */
  box-shadow: 0px 4px 32px 0px var(--boxShadow, rgba(171, 163, 194, 0.2));
}
.section--owner .flex .item .imgWrap {
  aspect-ratio: 388/294;
  width: 100%;
}
.section--owner .flex .item .imgWrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section--owner .flex .item .conBody {
  padding: 10%;
}
.section--owner .flex .item .conBody .name {
  color: #222;
  font-family: Pretendard;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 48px */
  letter-spacing: -0.64px;
}
.section--owner .flex .item .conBody .position {
  color: #1F79FF;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.32px;
  margin-bottom: 20px;
}
.section--owner .flex .item .conBody .list {
  color: #222;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: -0.28px;
}
@media screen and (max-width: 768px) {
  .section--owner .flex {
    flex-wrap: wrap;
  }
  .section--owner .flex .item {
    width: 49%;
    flex: 0 0 auto;
    margin-bottom: 2%;
  }
  .section--owner .flex .item .conBody {
    padding: 8%;
  }
  .section--owner .flex .item .conBody .name {
    font-size: 21px;
    line-height: 1.2;
  }
}

.section--vision {
  padding: 240px 0;
  background: url(../img/bg_vision.png) center/cover no-repeat;
}
.section--vision .inner, .section--vision .inner-full {
  max-width: 1240px;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  align-items: center;
}
.section--vision .inner h2, .section--vision .inner-full h2 {
  color: #fff;
  margin: 0;
}
.section--vision .inner h3, .section--vision .inner-full h3 {
  color: #FFF;
  text-align: center;
  font-family: Pretendard;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 48px */
  letter-spacing: -0.64px;
}
.section--vision .inner h4, .section--vision .inner-full h4 {
  color: #FFF;
  text-align: center;
  font-family: Pretendard;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 31.5px */
  letter-spacing: -0.42px;
}
@media screen and (max-width: 768px) {
  .section--vision {
    padding: 160px 0;
  }
  .section--vision .inner h3, .section--vision .inner-full h3 {
    font-size: 21px;
  }
  .section--vision .inner h4, .section--vision .inner-full h4 {
    font-size: 16px;
  }
}

.section--certification {
  padding: 140px 0;
}
.section--certification .inner, .section--certification .inner-full {
  max-width: 1240px;
  padding: 0 20px;
}
.section--certification .flex {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
.section--certification .flex .item {
  margin-bottom: 2%;
  flex: 0 0 auto;
  width: 32%;
  border: 1px solid var(--outline, #E7E5ED);
  background: var(--bgWhite, #FFF);
  /* boxshadow */
  box-shadow: 0px 4px 32px 0px var(--boxShadow, rgba(171, 163, 194, 0.2));
}
.section--certification .flex .item .imgWrap {
  aspect-ratio: 210/297;
  width: 100%;
}
.section--certification .flex .item .imgWrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.97);
}
.section--certification .flex .item .conBody {
  padding: 10%;
}
.section--certification .flex .item .conBody .name {
  color: #222;
  font-family: Pretendard;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 31.5px */
  letter-spacing: -0.42px;
}
@media screen and (max-width: 768px) {
  .section--certification .flex .item {
    width: 49%;
  }
  .section--certification .flex .item .conBody {
    padding: 8%;
  }
  .section--certification .flex .item .conBody .name {
    font-size: 16px;
    line-height: 1.2;
  }
}

.section--history {
  padding: 90px 0 0;
  background-color: #F6F7F8;
  text-align: center;
}
.section--history .inner, .section--history .inner-full {
  max-width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}
.section--history .conWrap {
  margin-left: 50%;
  border-left: 2px solid #E7E7E7;
  padding-top: 100px;
  padding-bottom: 100px;
}
.section--history .conWrap .itemWrap {
  position: relative;
  margin-bottom: 60px;
}
.section--history .conWrap .itemWrap svg {
  position: absolute;
  top: 46px;
  left: 0;
  transform: translateX(-50%);
}
.section--history .conWrap .item {
  padding: 0 53px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  transform: translateX(-100%);
}
.section--history .conWrap .year {
  color: #222;
  font-family: Pretendard;
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 108px */
  letter-spacing: -1.44px;
}
.section--history .conWrap .listWrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.section--history .conWrap .list {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-end;
}
.section--history .conWrap .month {
  color: #1F79FF;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.48px;
  flex: 0 0 auto;
}
.section--history .conWrap .desc {
  color: #999;
  text-align: right;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.48px;
}
.section--history .conWrap .itemWrap:nth-child(2n) .item {
  transform: translateX(0);
  align-items: flex-start;
}
.section--history .conWrap .itemWrap:nth-child(2n) .list {
  justify-content: flex-start;
}
.section--history .conWrap .itemWrap:nth-child(2n) .desc {
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .section--history {
    text-align: left;
  }
  .section--history .conWrap {
    margin-left: 20px;
  }
  .section--history .conWrap .year {
    font-size: 52px;
  }
  .section--history .conWrap .itemWrap svg {
    top: 30px;
  }
  .section--history .conWrap .itemWrap .item {
    transform: translateX(0);
    align-items: flex-start;
    padding: 0;
    padding-left: 30px;
  }
  .section--history .conWrap .itemWrap .list {
    justify-content: flex-start;
  }
  .section--history .conWrap .itemWrap .desc {
    text-align: left;
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .section--history .conWrap .year {
    font-size: 38px;
  }
  .section--history .conWrap .itemWrap svg {
    top: 21px;
  }
}

@media screen and (max-width: 768px) {
  .schedule .choiceDay {
    padding: 0;
    font-size: 20px;
  }
  .schedule .tray .top {
    padding: 8px 16px;
    font-size: 18px;
  }
  .schedule .calendarTop {
    padding: 0 15px;
  }
  .schedule .calendarTop .commandCal {
    gap: 8px;
  }
  .schedule .calendarTop .commandCal .month {
    font-size: 20px;
  }
  .schedule .scheduleCalendar {
    box-shadow: none;
    border: none;
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
  }
  .schedule .calendarBody .calRow {
    padding: 8px 4px;
  }
  .schedule .calendarBody .calRow .day {
    padding: 4px 3px;
  }
  .schedule .calendarBody .calRow .day .status {
    gap: 2px;
  }
  .schedule .calendarBody .calRow .day .status .item {
    font-size: 10px;
    border: 0;
    border-radius: 4px;
  }
  .schedule .calendarBody .calRow .day .status .item.ac {
    color: #fff;
    background-color: var(--blueTone-primary);
  }
  .schedule .calendarBody .calRow .day .date {
    font-size: 11px;
    margin-bottom: 6px;
  }
  .schedule .calendarBody .calRow .day .reserveTime {
    font-size: 12px;
  }
  .schedule .calendarBody .calRow .day .reserve,
  .schedule .calendarBody .calRow .day .confirm {
    font-size: 10px;
    padding: 1px 4px;
  }
  .schedule .calendarBody .calRow .day .reserve::before,
  .schedule .calendarBody .calRow .day .confirm::before {
    font-size: 10px;
  }
}
.section--video .inner, .section--video .inner-full {
  max-width: 1420px;
  padding-top: 160px;
  padding-bottom: 80px;
}
.section--video iframe {
  width: 100%;
  aspect-ratio: 1280/720;
  display: block;
}
@media screen and (max-width: 1200px) {
  .section--video .inner, .section--video .inner-full {
    padding-top: 80px;
    padding-bottom: 0;
  }
}/*# sourceMappingURL=styles.css.map */