@charset "UTF-8";
/* 폰트 사이즈 변환 */
/* 공통 컬러 */
/* 폰트 굵기 */
/* 말줄임표 */
@-webkit-keyframes height {
  0% {
    height: 0;
    opacity: 1;
  }
  100% {
    height: 16rem;
    opacity: 1;
  }
}
@-moz-keyframes height {
  0% {
    height: 0;
    opacity: 1;
  }
  100% {
    height: 16rem;
    opacity: 1;
  }
}
@-o-keyframes height {
  0% {
    height: 0;
    opacity: 1;
  }
  100% {
    height: 16rem;
    opacity: 1;
  }
}
@keyframes height {
  0% {
    height: 0;
    opacity: 1;
  }
  100% {
    height: 16rem;
    opacity: 1;
  }
}
@-webkit-keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
    transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@-moz-keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -moz-transform: translateZ(-700px);
    transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@-o-keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
    -moz-transform: translateZ(-700px);
    transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale() rotate(270deg);
    transform: scale() rotate(270deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(270deg);
    transform: scale(1) rotate(270deg);
  }
}
@-moz-keyframes scale-up-center {
  0% {
    -moz-transform: scale() rotate(270deg);
    transform: scale() rotate(270deg);
  }
  100% {
    -moz-transform: scale(1) rotate(270deg);
    transform: scale(1) rotate(270deg);
  }
}
@-o-keyframes scale-up-center {
  0% {
    -o-transform: scale() rotate(270deg);
    transform: scale() rotate(270deg);
  }
  100% {
    -o-transform: scale(1) rotate(270deg);
    transform: scale(1) rotate(270deg);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale() rotate(270deg);
    -moz-transform: scale() rotate(270deg);
    -o-transform: scale() rotate(270deg);
    transform: scale() rotate(270deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(270deg);
    -moz-transform: scale(1) rotate(270deg);
    -o-transform: scale(1) rotate(270deg);
    transform: scale(1) rotate(270deg);
  }
}
@-webkit-keyframes spinCircle {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinCircle {
  from {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinCircle {
  from {
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinCircle {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  80% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
  90% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}
@-moz-keyframes shake-vertical {
  0%,
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -moz-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  20%,
  40%,
  60% {
    -moz-transform: translateY(4px);
    transform: translateY(4px);
  }
  80% {
    -moz-transform: translateY(3px);
    transform: translateY(3px);
  }
  90% {
    -moz-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}
@-o-keyframes shake-vertical {
  0%,
  100% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  20%,
  40%,
  60% {
    -o-transform: translateY(4px);
    transform: translateY(4px);
  }
  80% {
    -o-transform: translateY(3px);
    transform: translateY(3px);
  }
  90% {
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}
@keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
  }
  80% {
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
  }
  90% {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}
@-webkit-keyframes anim {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
  }
}
@-moz-keyframes anim {
  0% {
    opacity: 0;
    -moz-transform: translateX(-300px);
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  66% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(300px);
    transform: translateX(300px);
  }
}
@-o-keyframes anim {
  0% {
    opacity: 0;
    -o-transform: translateX(-300px);
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  66% {
    opacity: 1;
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(300px);
    transform: translateX(300px);
  }
}
@keyframes anim {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -o-transform: translateX(300px);
    transform: translateX(300px);
  }
}
@-webkit-keyframes progressbar {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes progressbar {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes progressbar {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes progressbar {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes height {
  0% {
    height: 0;
    opacity: 1;
  }
  100% {
    height: 16rem;
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
    -moz-transform: translateZ(-700px);
    transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale() rotate(270deg);
    -moz-transform: scale() rotate(270deg);
    -o-transform: scale() rotate(270deg);
    transform: scale() rotate(270deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(270deg);
    -moz-transform: scale(1) rotate(270deg);
    -o-transform: scale(1) rotate(270deg);
    transform: scale(1) rotate(270deg);
  }
}
@keyframes spinCircle {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
  }
  80% {
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
  }
  90% {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}
@keyframes anim {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -o-transform: translateX(300px);
    transform: translateX(300px);
  }
}
@keyframes progressbar {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes height {
  0% {
    height: 0;
    opacity: 1;
  }
  100% {
    height: 16rem;
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
    -moz-transform: translateZ(-700px);
    transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale() rotate(270deg);
    -moz-transform: scale() rotate(270deg);
    -o-transform: scale() rotate(270deg);
    transform: scale() rotate(270deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(270deg);
    -moz-transform: scale(1) rotate(270deg);
    -o-transform: scale(1) rotate(270deg);
    transform: scale(1) rotate(270deg);
  }
}
@keyframes spinCircle {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
  }
  80% {
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
  }
  90% {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}
@keyframes anim {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -o-transform: translateX(300px);
    transform: translateX(300px);
  }
}
@keyframes progressbar {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
/* common form style */
/* input */
.form-text-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.form-text-wrap label {
  font-size: 0;
  line-height: 0;
}
.form-text-wrap input[type="text"],
.form-text-wrap input[type="password"] {
  font-size: 1.4rem;
  font-weight: 400;
  color: #999;
  height: 4.8rem;
  padding: 0 4.4rem 0 1.6rem;
  border: 0.1rem solid #ddd;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  border-radius: 0.8rem;
  background-color: #fff;
  width: 100%;
}
.form-text-wrap input[type="text"]:hover,
.form-text-wrap input[type="password"]:hover {
  border-color: #444;
}
.form-text-wrap input[type="text"]:focus,
.form-text-wrap input[type="password"]:focus {
  border-color: #f78523;
  -webkit-box-shadow: 0 0 0.1rem 0.3rem rgba(59, 153, 252, 0.7);
  -moz-box-shadow: 0 0 0.1rem 0.3rem rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0.1rem 0.3rem rgba(59, 153, 252, 0.7);
  -moz-box-shadow: 0 0 0 0.3rem -moz-mac-focusring;
  box-shadow: 0 0 0 0.3rem -moz-mac-focusring;
  color: #222;
  outline: none;
}
.form-text-wrap input[type="text"]:disabled,
.form-text-wrap input[type="password"]:disabled {
  background-color: #f7f6f7;
}
.form-text-wrap.complete input[type="text"],
.form-text-wrap.complete input[type="password"] {
  color: #222;
}
.form-text-wrap input[type="password"] {
  padding-right: 8.4rem;
}
.form-text-wrap .btns-wrap {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.form-text-wrap .btns-wrap button {
  font-size: 0;
  line-height: 0;
  width: 2.4rem;
  height: 2.4rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
}
.form-text-wrap .btns-wrap button + button {
  margin-left: 1.2rem;
}
.form-text-wrap .btns-wrap button.del-btn {
  background-image: url("/assets/images/icons/icon-form-delete.png");
}
.form-text-wrap .btns-wrap button.view-btn {
  background-image: url("/assets/images/icons/icon-form-blind.png");
}

/* seclect box */
.form-select-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form-select-wrap label {
  font-size: 0;
  line-height: 0;
}
.form-select-wrap select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 1.4rem;
  font-weight: 400;
  color: #999;
  width: 100%;
  height: 4.8rem;
  margin: 0;
  padding: 0 4.4rem 0 1.6rem;
  border: 0.1rem solid #ddd;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  border-radius: 0.8rem;
  -webkit-box-shadow: 0 0.1rem 0 0.1rem rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 0.1rem 0 0.1rem rgba(0, 0, 0, 0.04);
  box-shadow: 0 0.1rem 0 0.1rem rgba(0, 0, 0, 0.04);
  background: #fff url("/assets/images/icons/close-btn.png") no-repeat right
    center;
  -moz-background-size: 1.6rem 1.6rem;
  background-size: 1.6rem 1.6rem;
}
.form-select-wrap select:hover {
  border-color: #444;
}
.form-select-wrap select:focus {
  border-color: #f78523;
  -webkit-box-shadow: 0 0 0.1rem 0.3rem rgba(59, 153, 252, 0.7);
  -moz-box-shadow: 0 0 0.1rem 0.3rem rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0.1rem 0.3rem rgba(59, 153, 252, 0.7);
  -moz-box-shadow: 0 0 0 0.3rem -moz-mac-focusring;
  box-shadow: 0 0 0 0.3rem -moz-mac-focusring;
  color: #222;
  outline: none;
}
.form-select-wrap select:disabled {
  opacity: 0.5;
}

/* textarea */
.form-textarea-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.form-textarea-wrap textarea {
  width: 100%;
  min-height: 16rem;
  padding: 1.5rem 1.6rem;
  border: 0.1rem solid #ddd;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  border-radius: 0.8rem;
}
.form-textarea-wrap label {
  font-size: 0;
  line-height: 0;
}

/* 첨부파일 */
.form-file-wrap input[type="file"] {
  clip: rect(0 0 0 0);
  color: transparent;
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-indent: -999.9rem;
  width: 0;
  z-index: -1;
}
.form-file-wrap label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 4.8rem;
  font-size: 1.4rem;
  color: #83604b;
  border: 0.1rem solid #83604b;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  border-radius: 0.8rem;
}
.form-file-wrap .load-file-list {
  margin-top: 0.8rem;
}

/* common message style */
.form-message-wrap {
  margin-top: 0.8rem;
  font-size: 1.2rem;
  color: #999;
}

/* common button style */
.btn-type-base {
  font-size: 1.4rem;
  color: #83604b;
  width: 100%;
  height: 4.8rem;
  padding: 0 2rem;
  border: 0.1rem solid #83604b;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  border-radius: 0.8rem;
  background-color: #fff;
}
.btn-type-base:disabled {
  color: #999;
  border-color: #f7f6f7;
  background-color: #f7f6f7;
}
.btn-type-base.width-type {
  width: auto;
}
.btn-type-base.small-type {
  width: auto;
  height: 3.3rem;
  padding: 0 0.8rem;
}

.btn-type-bg {
  font-size: 1.4rem;
  color: #fff;
  width: 100%;
  height: 4.8rem;
  padding: 0 2rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  border-radius: 0.8rem;
  background-color: #82604b;
}
.btn-type-bg:disabled {
  color: #999;
  background-color: #f7f6f7;
}
.btn-type-bg.width-type {
  width: auto;
}
.btn-type-bg.small-type {
  width: auto;
  height: 3.3rem;
  padding: 0 0.8rem;
}

.btn-type-shadow {
  font-size: 1.4rem;
  color: #fff;
  width: 100%;
  height: 4.8rem;
  padding: 0 2rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  border-radius: 0.8rem;
  background-color: #ed7c1b;
  -webkit-box-shadow: 0 4px 16px 0 rgba(237, 124, 27, 0.4);
  -moz-box-shadow: 0 4px 16px 0 rgba(237, 124, 27, 0.4);
  box-shadow: 0 4px 16px 0 rgba(237, 124, 27, 0.4);
}
.btn-type-shadow:disabled {
  color: #999;
  background-color: #f7f6f7;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-type-shadow.width-type {
  width: auto;
}
.btn-type-shadow.small-type {
  width: auto;
  height: 3.3rem;
  padding: 0 0.8rem;
}

.buttons-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.2rem;
}
.buttons-wrap.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

html,
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

html {
  background: #fff;
  color: #222;
  font-family: "Pretendard", -apple-system, blinkmacsystemfont, "Segoe UI",
    roboto, helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 2.6666666667vmin !important;
  font-weight: 500;
  letter-spacing: -0.05rem;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-size: 1.4rem;
  line-height: 1.3;
}

* {
  font: inherit;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-break: keep-all;
}

*:active,
*:focus,
*:focus:active {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div,
span,
strong,
em,
p,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
td,
abbr,
acronym,
address,
big,
cite,
code,
ins,
small,
sub,
sup {
  padding: 0;
  margin: 0;
  font-size: inherit;
  color: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ol,
ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
th,
td {
  font-weight: normal;
  font-size: 100%;
}

form,
fieldset {
  border: 0;
}

q:before,
q:after {
  content: "";
}

abbr,
acronym {
  border: 0;
}

abbr,
address,
big,
cite,
code,
ins,
small,
sub,
sup,
em {
  font-weight: normal;
  font-style: normal;
}

sup,
sub {
  color: inherit;
}

blockquote,
q {
  quotes: none;
}

caption {
  display: none;
}

a {
  text-decoration: none;
  cursor: pointer;
}

img,
input,
select {
  vertical-align: middle;
  outline: none;
}

input {
  vertical-align: middle;
  outline: none;
}

select {
  font-size: 1.4rem;
  border: 0.1rem solid #ddd;
  background: #fff;
}

button,
textarea {
  outline: none;
}

button {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

textarea {
  resize: none;
}

input,
select {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

strong {
  font-weight: bold;
}

/*ios*/
input,
textarea,
[contenteditable] {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@font-face {
  font-family: Pretendard;
  src: url("/assets/fonts/pretendard/Pretendard-ExtraLight.woff") format("woff");
  font-weight: 200;
}
@font-face {
  font-family: Pretendard;
  src: url("/assets/fonts/pretendard/Pretendard-Light.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: Pretendard;
  src: url("/assets/fonts/pretendard/Pretendard-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: Pretendard;
  src: url("/assets/fonts/pretendard/Pretendard-Medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: Pretendard;
  src: url("/assets/fonts/pretendard/Pretendard-Bold.woff") format("woff");
  font-weight: 700;
}
@font-face {
  font-family: Objectivity;
  src: url("/assets/fonts/objectivity/Objectivity-Bold.woff") format("woff");
  font-weight: 700;
}
body {
  font-family: "Pretendard" !important;
}

[class*="-page"] > .title-wrap {
  padding: 0 2rem 3rem;
  line-height: 1;
}
[class*="-page"] > .title-wrap .sub-txt {
  font-size: 1.4rem;
  font-weight: 700;
  color: #83604b;
}
[class*="-page"] > .title-wrap h3 {
  margin-top: 0.8rem;
  font-size: 2.4rem;
}
[class*="-page"] > .title-wrap h3 strong {
  font-weight: 700;
}

/* 공통 헤더 */
#header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 50;
}
#header header {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.8rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 1rem 0 2rem;
}
#header h1 {
  width: 14.2rem;
  height: 2.4rem;
}
#header h1 img {
  width: 100%;
}
#header .aside-wrap .aside-header h1 {
  width: auto;
  height: auto;
}
#header .aside-menu-open {
  background: url("/assets/images/icons/header-hambuger.png") no-repeat 0 0;
  -moz-background-size: 100%;
  background-size: 100%;
  height: 4rem;
  width: 4rem;
}
#header .aside-menu-open span {
  font-size: 0;
  line-height: 0;
}

/* */
#wrap {
  padding-top: 3.2rem;
}

/* 공통 풋터 */
#footer footer {
  background-color: #000;
  padding: 4rem 2rem 6rem;
}
#footer .footer-util-menu ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.2rem;
}
#footer .footer-util-menu ul li a,
#footer .footer-util-menu ul li button {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
}
#footer .footer-logo {
  margin-top: 3rem;
}
#footer .footer-logo span {
  font-family: "Objectivity";
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0.1rem;
}
#footer .footer-logo span:first-child {
  color: #444;
}
#footer .footer-logo span:last-child {
  color: #fff;
}
#footer .footer-company-infos {
  color: #999;
  font-size: 1.2rem;
  margin-top: 1.5rem;
}
#footer .footer-company-infos span {
  display: inline-block;
  margin-top: 0.5rem;
  vertical-align: middle;
}
#footer .footer-company-infos span.adress {
  display: block;
}
#footer .footer-company-infos span.customer-tel {
  display: block;
}
#footer .copyright {
  color: #666;
  font-size: 1.2rem;
  margin-top: 1.1rem;
}
#footer .flex-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#footer .flex-section.is-between {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#footer .footer-sns-wrap {
  margin-top: 4rem;
}
#footer .footer-sns-wrap ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8rem;
}
#footer .footer-sns-wrap ul li a {
  background-position: 0 0;
  background-repeat: no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  height: 2.4rem;
  width: 2.4rem;
}
#footer .footer-sns-wrap ul li a span {
  font-size: 0;
  line-height: 0;
}
#footer .footer-sns-wrap ul li a.facebook {
  background-image: url("/assets/images/icons/sns-facebook.png");
}
#footer .footer-sns-wrap ul li a.blog {
  background-image: url("/assets/images/icons/sns-blog.png");
}
#footer .footer-sns-wrap ul li a.youtube {
  background-image: url("/assets/images/icons/sns-youtube.png");
}
#footer .footer-sns-wrap ul li a.instargram {
  background-image: url("/assets/images/icons/sns-instargram.png");
}
#footer .family-site-wrap {
  margin-top: 4rem;
}
#footer .family-site-wrap .select-box {
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #444;
  height: 4rem;
  position: relative;
  width: 16.6rem;
  cursor: pointer;
}
#footer .family-site-wrap .select-box::after {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  content: "+";
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 100%;
  font-weight: bold;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2rem;
}
#footer .family-site-wrap .select-box.active .option-list {
  max-height: 500px;
}
#footer .family-site-wrap .select-box .label {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  border: 0 none;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  height: inherit;
  outline: 0 none;
  padding-left: 15px;
  width: inherit;
  cursor: pointer;
}
#footer .family-site-wrap .select-box .option-list {
  position: absolute;
  top: 4.2rem;
  left: 0;
  width: 100%;
  background-color: #000;
  color: #fff;
  list-style-type: none;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
#footer .family-site-wrap .select-box .option-list.bottom {
  bottom: 4.2rem;
  top: auto;
}
#footer .family-site-wrap .select-box .option-item {
  border: 0.1rem solid #444;
  padding: 8px 15px 8px;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  -moz-transition: 0.1s;
  transition: 0.1s;
}
#footer .family-site-wrap .select-box .option-item:hover {
  background: #f78523;
}
#footer .family-site-wrap .select-box .option-item:first-child {
  -webkit-border-radius: 0.8rem 0.8rem 0 0;
  -moz-border-radius: 0.8rem 0.8rem 0 0;
  border-radius: 0.8rem 0.8rem 0 0;
}
#footer .family-site-wrap .select-box .option-item:last-child {
  -webkit-border-radius: 0 0 0.8rem 0.8rem;
  -moz-border-radius: 0 0 0.8rem 0.8rem;
  border-radius: 0 0 0.8rem 0.8rem;
}
#footer .certification-wrap {
  margin-top: 1.2rem;
}
#footer .certification-wrap ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.2rem;
}
#footer .certification-wrap ul li {
  width: 6rem;
  height: 6rem;
}
#footer .certification-wrap ul li img {
  width: 100%;
}

/* 전체메뉴 */
.aside-wrap {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  color: #000;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease,
    -moz-transform 0.3s ease, -o-transform 0.3s ease;
  z-index: 999;
}
.aside-wrap .aside-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 1.4rem 2rem;
  width: 100%;
}
.aside-wrap .aside-header h1 {
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
}
.aside-wrap .aside-header h1 a {
  display: block;
}
.aside-wrap .aside-header .tooltip-wrap {
  background-color: #f78523;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  border-radius: 0.8rem;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
  color: #fff;
  left: 1.6rem;
  padding: 1.2rem 1.2rem;
  position: absolute;
  top: 4.8rem;
}
.aside-wrap .aside-header .tooltip-wrap:before {
  content: "";
  display: inline-block;
  border: 2rem solid transparent;
  border-bottom-color: #f78523;
  position: absolute;
  left: 1.6rem;
  top: -2.8rem;
}
.aside-wrap .aside-header .tooltip-wrap p {
  font-size: 1.2rem;
}
.aside-wrap .aside-header .menu-close-btn {
  font-size: 0;
  line-height: 0;
  background: url("/assets/images/icons/close-btn.png") no-repeat 0 0;
  -moz-background-size: 100%;
  background-size: 100%;
  position: absolute;
  right: 1rem;
  top: 0.4rem;
  width: 4rem;
  height: 4rem;
}
.aside-wrap .aside-contents {
  padding-top: 8rem;
  padding-bottom: 9rem;
  width: 100%;
  overflow-y: auto;
}
.aside-wrap .aside-contents .aside-menu {
  padding: 0 2rem 0 4rem;
}
.aside-wrap .aside-contents .aside-menu li a {
  color: #222;
  display: block;
  font-size: 2.4rem;
  padding: 2rem 0;
}
.aside-wrap .aside-contents .aside-menu li a.on {
  font-weight: 700;
}
.aside-wrap .aside-contents .util-menu {
  margin-top: 2rem;
  padding: 0 2rem 0 4rem;
}
.aside-wrap .aside-contents .util-menu li a {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f75c23),
    color-stop(112%, #ed7c1b)
  );
  background: -webkit-linear-gradient(top, #f75c23, #ed7c1b 112%);
  background: -moz-linear-gradient(top, #f75c23, #ed7c1b 112%);
  background: -o-linear-gradient(top, #f75c23, #ed7c1b 112%);
  background: linear-gradient(to bottom, #f75c23, #ed7c1b 112%);
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  border-radius: 0.8rem;
  color: #fff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 2rem;
  font-weight: 700;
  height: 4.8rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 2rem;
}
.aside-wrap .aside-contents .jump-menu {
  margin-top: 2rem;
  padding: 0 2rem 0 4rem;
}
.aside-wrap .aside-contents .jump-menu li a {
  color: #ed7c1b;
  font-size: 2.4rem;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2rem 0;
}
.aside-wrap .aside-contents .jump-menu li a:after {
  content: "";
  background: url("/assets/images/icons/icon-link.png") no-repeat 0 0;
  -moz-background-size: 100%;
  background-size: 100%;
  display: inline-block;
  height: 2.8rem;
  width: 2.8rem;
  margin-left: 1.2rem;
}

.aside-wrap.active {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.aside-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 998;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.1s ease;
  -o-transition: opacity 0.1s ease;
  -moz-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

.aside-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

/* popup common css */
.popup-full-wrap {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  z-index: 100;
}
.popup-full-wrap.active {
  display: block;
}
.popup-full-wrap .popup-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 4.8rem;
  padding: 0 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}
.popup-full-wrap .popup-header h1 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #222;
}
.popup-full-wrap .popup-header .popup-close-btn {
  font-size: 0;
  line-height: 0;
  background: url("/assets/images/icons/close-btn.png") no-repeat 0 0;
  -moz-background-size: 100%;
  background-size: 100%;
  position: absolute;
  right: 1rem;
  top: 0.4rem;
  width: 4rem;
  height: 4rem;
}
.popup-full-wrap .popup-contents {
  margin-top: 1.2rem;
  padding: 0 2rem 10rem;
  font-size: 1.4rem;
  color: #222;
}
.popup-full-wrap .popup-contents.scroll {
  height: 100%;
  overflow-y: auto;
}

.scroll-container {
  position: fixed;
  right: 2rem;
  bottom: 5%;
  z-index: 10;
}
.scroll-container .scroll-top-button {
  width: 4rem;
  height: 4rem;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  -webkit-box-shadow: 0 0.4rem 2rem 0 rgba(131, 96, 75, 0.3);
  -moz-box-shadow: 0 0.4rem 2rem 0 rgba(131, 96, 75, 0.3);
  box-shadow: 0 0.4rem 2rem 0 rgba(131, 96, 75, 0.3);
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
  line-height: 1.25;
  color: #f78523;
  margin: 0 auto;
  color: #83604b;
}
.scroll-container .popup-btn {
  width: 4.8rem;
  padding: 0.7rem;
  -webkit-border-radius: 2.4rem 2.4rem 0.6rem 0.6rem;
  -moz-border-radius: 2.4rem 2.4rem 0.6rem 0.6rem;
  border-radius: 2.4rem 2.4rem 0.6rem 0.6rem;
  margin-bottom: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 2rem 0 rgba(247, 94, 35, 0.45);
  -moz-box-shadow: 0 0.4rem 2rem 0 rgba(247, 94, 35, 0.45);
  box-shadow: 0 0.4rem 2rem 0 rgba(247, 94, 35, 0.45);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f75c23),
    to(#ed7c1b)
  );
  background-image: -webkit-linear-gradient(top, #f75c23, #ed7c1b);
  background-image: -moz-linear-gradient(top, #f75c23, #ed7c1b);
  background-image: -o-linear-gradient(top, #f75c23, #ed7c1b);
  background-image: linear-gradient(to bottom, #f75c23, #ed7c1b);
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.scroll-container .popup-btn .icon {
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  font-size: 1.1rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-bottom: 0.4rem;
  background: #fff url("/assets/images/icons/play-icon.png") no-repeat center
    center/100%;
}
.scroll-container .popup-btn .text {
  opacity: 1;
  visibility: visible;
  font-size: 1.1rem;
  color: #fff;
  line-height: 1.2;
  display: block;
  letter-spacing: -0.05rem;
}
.scroll-container .popup-btn.close-btn {
  height: 4.8rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.scroll-container .popup-btn.close-btn .icon {
  background: transparent url("/assets/images/icons/close-icon.png") no-repeat
    center center/1.6rem 1.7rem;
}
.scroll-container .popup-btn.close-btn .text {
  opacity: 0;
  visibility: hidden;
}

.service-popup {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 12rem;
  right: 0;
  width: 33.5rem;
  padding: 2.4rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  border-radius: 2.4rem;
  -webkit-box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.service-popup.active {
  opacity: 1;
  visibility: visible;
}
.service-popup .pop-title {
  font-size: 1.8rem;
  color: #222;
  font-weight: 700;
  margin-bottom: 2rem;
}
.service-popup .video-wrap {
  width: 100%;
  height: 16rem;
}
.service-popup .video-wrap video {
  width: 100%;
}
.service-popup .faq-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  color: #83604b;
  font-weight: 700;
  margin: 2rem 0 0;
}
.service-popup .faq-link::after {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url("/assets/images/icons/link-icon.png") no-repeat center
    center/100%;
  margin-left: 1.2rem;
}
.service-popup .info-wrap {
  border-top: 0.1rem solid #eee;
  padding-top: 2rem;
  margin-top: 2rem;
}
.service-popup .info-wrap .text {
  font-size: 1.1rem;
  color: #666;
}
.service-popup .info-wrap .tel {
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  padding: 1.2rem 0 0.4rem;
  letter-spacing: -0.05rem;
}
.service-popup .info-wrap .mail {
  font-size: 1.4rem;
  color: #f78523;
  text-decoration: underline;
  font-weight: 700;
}

.scroll-container {
  position: fixed;
  right: 2rem;
  bottom: 5%;
  z-index: 10;
}
.scroll-container .scroll-top-button {
  width: 4rem;
  height: 4rem;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  -webkit-box-shadow: 0 0.4rem 2rem 0 rgba(131, 96, 75, 0.3);
  -moz-box-shadow: 0 0.4rem 2rem 0 rgba(131, 96, 75, 0.3);
  box-shadow: 0 0.4rem 2rem 0 rgba(131, 96, 75, 0.3);
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
  line-height: 1.25;
  color: #f78523;
  margin: 0 auto;
  color: #83604b;
}
.scroll-container .popup-btn {
  width: 4.8rem;
  padding: 0.7rem;
  -webkit-border-radius: 2.4rem 2.4rem 0.6rem 0.6rem;
  -moz-border-radius: 2.4rem 2.4rem 0.6rem 0.6rem;
  border-radius: 2.4rem 2.4rem 0.6rem 0.6rem;
  margin-bottom: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 2rem 0 rgba(247, 94, 35, 0.45);
  -moz-box-shadow: 0 0.4rem 2rem 0 rgba(247, 94, 35, 0.45);
  box-shadow: 0 0.4rem 2rem 0 rgba(247, 94, 35, 0.45);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f75c23),
    to(#ed7c1b)
  );
  background-image: -webkit-linear-gradient(top, #f75c23, #ed7c1b);
  background-image: -moz-linear-gradient(top, #f75c23, #ed7c1b);
  background-image: -o-linear-gradient(top, #f75c23, #ed7c1b);
  background-image: linear-gradient(to bottom, #f75c23, #ed7c1b);
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.scroll-container .popup-btn .icon {
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  font-size: 1.1rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-bottom: 0.4rem;
  background: #fff url("/assets/images/icons/play-icon.png") no-repeat center
    center/100%;
}
.scroll-container .popup-btn .text {
  opacity: 1;
  visibility: visible;
  font-size: 1.1rem;
  color: #fff;
  line-height: 1.2;
  display: block;
  letter-spacing: -0.05rem;
}
.scroll-container .popup-btn.close-btn {
  height: 4.8rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.scroll-container .popup-btn.close-btn .icon {
  background: transparent url("/assets/images/icons/close-icon.png") no-repeat
    center center/1.6rem 1.7rem;
}
.scroll-container .popup-btn.close-btn .text {
  opacity: 0;
  visibility: hidden;
}

.service-popup {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 12rem;
  right: 0;
  width: 33.5rem;
  padding: 2.4rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  border-radius: 2.4rem;
  -webkit-box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.service-popup.active {
  opacity: 1;
  visibility: visible;
}
.service-popup .pop-title {
  font-size: 1.8rem;
  color: #222;
  font-weight: 700;
  margin-bottom: 2rem;
}
.service-popup .video-wrap {
  width: 100%;
  height: 16rem;
}
.service-popup .video-wrap video {
  width: 100%;
}
.service-popup .faq-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  color: #83604b;
  font-weight: 700;
  margin: 2rem 0 0;
}
.service-popup .faq-link::after {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url("/assets/images/icons/link-icon.png") no-repeat center
    center/100%;
  margin-left: 1.2rem;
}
.service-popup .info-wrap {
  border-top: 0.1rem solid #eee;
  padding-top: 2rem;
  margin-top: 2rem;
}
.service-popup .info-wrap .text {
  font-size: 1.1rem;
  color: #666;
}
.service-popup .info-wrap .tel {
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  padding: 1.2rem 0 0.4rem;
  letter-spacing: -0.05rem;
}
.service-popup .info-wrap .mail {
  font-size: 1.4rem;
  color: #f78523;
  text-decoration: underline;
  font-weight: 700;
}

/* cording guide */
.code-preview-wrap {
  margin: 0.8rem 0 0 0;
}
.code-preview-wrap .code-preview-box {
  max-height: 10rem;
  padding: 0 1.2rem;
  overflow: auto;
  border: 0.1rem solid #ccc;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 5px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 5px 1px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 5px 1px;
  background-color: rgba(0, 0, 0, 0.05);
}

/* */
.cording-rules-wrap {
  padding: 0 2rem 6rem;
}
.cording-rules-wrap h1 {
  font-size: 2rem;
  font-weight: bold;
}
.cording-rules-wrap .rules-section-wrap {
  margin-top: 2.6rem;
}
.cording-rules-wrap .rules-section-wrap h2 {
  font-size: 1.8rem;
  font-weight: bold;
}
.cording-rules-wrap .rules-section-wrap ul li {
  margin-top: 1.2rem;
}
.cording-rules-wrap .rules-section-wrap ul li h3 {
  font-size: 1.6rem;
  font-weight: bold;
}
.cording-rules-wrap .rules-section-wrap ul li p {
  position: relative;
  margin-top: 0.6rem;
  padding-left: 0.9rem;
  color: #444;
  line-height: 1.2;
}
.cording-rules-wrap .rules-section-wrap ul li p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.8rem;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #444;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.cording-rules-wrap .rules-section-wrap ul li p code {
  display: block;
  margin-top: 0.6rem;
  padding: 0.3rem 1rem;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 5px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 5px 1px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 5px 1px;
  background-color: rgba(0, 0, 0, 0.05);
}

.main-container {
  text-align: center;
  letter-spacing: -0.1rem;
}
.main-container button {
  letter-spacing: inherit;
}
.main-container .title-wrap {
  line-height: 1.4;
  letter-spacing: -0.16rem;
}
.main-container .title-wrap .sub-txt {
  letter-spacing: -0.1rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #ed7c1b;
}
.main-container .title-wrap .sub-txt + h3 {
  margin-top: 0.8rem;
}
.main-container .title-wrap h3 {
  font-size: 2.4rem;
  color: #222;
}
.main-container section {
  margin-bottom: 4rem;
}
.main-container .first-section {
  position: relative;
  width: 100%;
  background: url("/assets/images/home/bg.png") no-repeat center center/100%
    100%;
}
.main-container .first-section::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 11.1rem;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0)),
    to(#fff)
  );
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}
.main-container .first-section .text-wrap {
  margin-top: 16.8rem;
}
.main-container .first-section .text-wrap p {
  font-size: 1.4rem;
  color: #666;
  line-height: 1.5;
}
.main-container .first-section .text-wrap strong {
  display: block;
  margin: 2.4rem 0 2rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #f78523;
}
.main-container .first-section .text-wrap button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: -webkit-calc(100% - 4rem);
  width: -moz-calc(100% - 4rem);
  width: calc(100% - 4rem);
  height: 4.8rem;
  margin: 0 auto;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  border-radius: 0.8rem;
  -webkit-box-shadow: 0 4px 16px 0 rgba(237, 124, 27, 0.4);
  -moz-box-shadow: 0 4px 16px 0 rgba(237, 124, 27, 0.4);
  box-shadow: 0 4px 16px 0 rgba(237, 124, 27, 0.4);
  background: #ed7c1b;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
}
.main-container .first-section .ai-list-wrap {
  position: relative;
  z-index: 2;
  width: 100%;
  overflow-x: auto;
}
.main-container .first-section .ai-list-wrap::-webkit-scrollbar {
  display: none;
}
.main-container .first-section .ai-list-wrap .ai-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5.6rem 2rem 2rem;
}
.main-container .first-section .ai-list-wrap .ai-list li {
  margin-right: 2.4rem;
}
.main-container .first-section .ai-list-wrap .ai-list li:last-of-type {
  margin-right: 0;
}
.main-container .first-section .ai-list-wrap .ai-list .voice-btn {
  position: relative;
}
.main-container .first-section .ai-list-wrap .ai-list .voice-btn img {
  width: 8.8rem;
}
.main-container .first-section .ai-list-wrap .ai-list .voice-btn .text {
  display: block;
  margin-top: 0.8rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #666;
}
.main-container .first-section .ai-list-wrap .ai-list .voice-btn::after {
  content: "";
  position: absolute;
  right: 0;
  top: 6rem;
  width: 3.2rem;
  height: 3.2rem;
  background: url("/assets/images/home/play-btn.png") no-repeat center
    center/100%;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.main-container .first-section .ai-list-wrap .ai-list .voice-btn.play::after {
  background: url("/assets/images/home/pause-btn.png") no-repeat center
    center/100%;
}
.main-container .reviews-section .reviews-wrap {
  padding: 4rem 0 6.4rem;
}
.main-container .reviews-section .swiper-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 50%;
  bottom: 2rem;
  margin-left: -2.2rem;
  width: 4.4rem;
  height: 2.7rem;
  -webkit-border-radius: 1.35rem;
  -moz-border-radius: 1.35rem;
  border-radius: 1.35rem;
  background-color: #605249;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0;
}
.main-container .reviews-section .swiper-pagination .swiper-pagination-current {
  font-weight: 700;
}
.main-container .reviews-section .review {
  padding: 2.4rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  border-radius: 2.4rem;
  background: #fff;
  -webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.08);
  text-align: left;
  font-size: 1.4rem;
  line-height: 1.5;
}
.main-container .reviews-section .review .text {
  min-height: 14.3rem;
  font-size: 1.4rem;
  color: #666;
  line-height: 1.5;
  word-break: break-all;
}
.main-container .reviews-section .review .tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.2rem;
  color: #222;
  font-weight: 700;
  font-size: 1.4rem;
}
.main-container .reviews-section .review .tag .icon {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.8rem;
}
.main-container .reviews-section .review .tag .icon img {
  width: 100%;
}
.main-container .function-section {
  margin-bottom: 6rem;
  padding-top: 6rem;
  background-color: #f5f2f1;
}
.main-container .function-section .title-wrap .sub-txt {
  color: #83604b;
}
.main-container .function-section .accordion-list {
  text-align: left;
  padding: 4rem 0 6rem;
}
.main-container .function-section .accordion-list > li {
  padding: 0 2rem;
  cursor: pointer;
}
.main-container .function-section .accordion-list > li:last-of-type .title {
  border-bottom: 0.1rem solid #ddd;
}
.main-container .function-section .accordion-list > li img {
  width: 100%;
}
.main-container .function-section .accordion-list > li .title {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  font-size: 1.6rem;
  color: #222;
  padding: 1.8rem 0.8rem;
  border-top: 0.1rem solid #ddd;
}
.main-container
  .function-section
  .accordion-list
  > li
  .title::-webkit-details-marker {
  display: none;
}
.main-container .function-section .accordion-list > li .title::after,
.main-container .function-section .accordion-list > li .title::before {
  content: "";
  position: absolute;
  right: 1.8rem;
  top: 50%;
  width: 1.2rem;
  height: 0.2rem;
  background-color: #ed7c1b;
}
.main-container .function-section .accordion-list > li .title::before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.main-container .function-section .accordion-list > li .title + .cont {
  max-height: 0rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.main-container .function-section .accordion-list > li .title.open {
  font-weight: 700;
  color: #83604b;
}
.main-container .function-section .accordion-list > li .title.open::before {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.main-container .function-section .accordion-list > li .title.open + .cont {
  max-height: 40rem;
  padding: 0.8rem 0.8rem 3rem;
  font-size: 1.4rem;
  color: #666;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.main-container .technology-section {
  margin-bottom: 6rem;
  padding: 0 2rem;
}
.main-container .technology-section .title-wrap {
  margin-bottom: 4rem;
}
.main-container .technology-section .text-box {
  margin: 3.2rem 2rem 0;
  padding: 2.4rem 2.2rem;
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  border-radius: 1.2rem;
  background-color: rgba(96, 82, 73, 0.04);
  text-align: left;
}
.main-container .technology-section .text-box li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.2rem;
  color: #222;
  font-size: 1.4rem;
}
.main-container .technology-section .text-box li .num {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  background-color: #605249;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.8rem;
}
.main-container .point-section {
  padding: 6rem 0 8rem;
  background-color: #605249;
  color: #fff;
}
.main-container .point-section .title-wrap .sub-txt {
  color: #cea785;
}
.main-container .point-section .title-wrap h3 {
  color: #fff;
}
.main-container .point-section .point-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 4rem 2rem 0;
}
.main-container .point-section .point-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 18rem;
  height: 18rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.main-container .point-section .point-list li:nth-of-type(1),
.main-container .point-section .point-list li:nth-of-type(4) {
  border: 0.1rem solid rgba(255, 255, 255, 0.4);
}
.main-container .point-section .point-list li:nth-of-type(2),
.main-container .point-section .point-list li:nth-of-type(3) {
  background: rgba(255, 255, 255, 0.08);
}
.main-container .point-section .point-list li:nth-of-type(1),
.main-container .point-section .point-list li:nth-of-type(3) {
  margin-right: -2.5rem;
}
.main-container .point-section .point-list li:nth-of-type(1),
.main-container .point-section .point-list li:nth-of-type(2) {
  margin-bottom: -2.5rem;
}
.main-container .point-section .point-list li span {
  display: block;
  font-size: 1.4rem;
}
.main-container .point-section .dots::after,
.main-container .point-section .dots span,
.main-container .point-section .dots::before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #cea785;
  margin: 0 auto 1.6rem;
}
.main-container .point-section .dots::after {
  opacity: 0.4;
}
.main-container .point-section .point-text {
  margin: 3.2rem 0 0;
}
.main-container .point-section .point-text p:nth-of-type(1) {
  margin-bottom: 1.6rem;
  font-size: 2rem;
  line-height: 1.4;
  color: #ffdec1;
}
.main-container .point-section .point-text p:nth-of-type(1) strong {
  font-weight: 700;
}
.main-container .point-section .point-text p:nth-of-type(2) {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.6rem;
  line-height: 1.5;
}
.main-container .point-section .point-text p:nth-of-type(2) strong {
  color: #fff;
}
.main-container .last-section {
  margin-bottom: 12rem;
}
.main-container .last-section .float-wrap {
  width: 100%;
  overflow: hidden;
  padding: 0 0 4rem;
}
.main-container .last-section .float-wrap .float-icons {
  width: 300%;
  -webkit-transition: all 1.2s linear;
  -o-transition: all 1.2s linear;
  -moz-transition: all 1.2s linear;
  transition: all 1.2s linear;
  -webkit-animation-name: flow;
  -moz-animation-name: flow;
  -o-animation-name: flow;
  animation-name: flow;
  -webkit-animation-duration: 50s;
  -moz-animation-duration: 50s;
  -o-animation-duration: 50s;
  animation-duration: 50s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  transform: translate(0);
}
.main-container .last-section .float-wrap .float-icons .icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0 3.2rem rgba(0, 0, 0, 0.0784313725);
  -moz-box-shadow: 0 0 3.2rem rgba(0, 0, 0, 0.0784313725);
  box-shadow: 0 0 3.2rem rgba(0, 0, 0, 0.0784313725);
  background-color: #fff;
  margin: 1rem;
  -webkit-animation-name: updown;
  -moz-animation-name: updown;
  -o-animation-name: updown;
  animation-name: updown;
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  -o-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.main-container .last-section .float-wrap .float-icons .icon img {
  width: 1.7rem;
}
.main-container .last-section .float-wrap .float-icons .icon:nth-of-type(2n) {
  animation-direction: alternate-reverse;
}
.main-container
  .last-section
  .float-wrap
  .float-icons
  .icon:nth-of-type(6n + 3) {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}
.main-container
  .last-section
  .float-wrap
  .float-icons
  .icon:nth-of-type(6n + 5) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.main-container .last-section .text-wrap {
  margin-top: 3.2rem;
}
.main-container .last-section .text-wrap strong {
  font-size: 2.4rem;
  letter-spacing: -0.2rem;
  color: #222;
}
.main-container .last-section .text-wrap p {
  margin-top: 1.6rem;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #222;
}
.main-container .last-section button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 12rem;
  height: 4.8rem;
  margin: 3.2rem auto 0;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  border-radius: 0.8rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(131, 96, 75, 0.4);
  -moz-box-shadow: 0 0.4rem 1.6rem 0 rgba(131, 96, 75, 0.4);
  box-shadow: 0 0.4rem 1.6rem 0 rgba(131, 96, 75, 0.4);
  background-color: #83604b;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
}
@-webkit-keyframes updown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
}
@-moz-keyframes updown {
  0% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -moz-transform: translateY(40px);
    transform: translateY(40px);
  }
}
@-o-keyframes updown {
  0% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
}
@keyframes updown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
}
@-webkit-keyframes flow {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translate(-35%);
    transform: translate(-35%);
  }
}
@-moz-keyframes flow {
  0% {
    -moz-transform: translate(0);
    transform: translate(0);
  }
  to {
    -moz-transform: translate(-35%);
    transform: translate(-35%);
  }
}
@-o-keyframes flow {
  0% {
    -o-transform: translate(0);
    transform: translate(0);
  }
  to {
    -o-transform: translate(-35%);
    transform: translate(-35%);
  }
}
@keyframes flow {
  0% {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translate(-35%);
    -moz-transform: translate(-35%);
    -o-transform: translate(-35%);
    transform: translate(-35%);
  }
}

.ai-service-page {
  width: 100%;
  overflow: hidden;
}
.ai-service-page .title-wrap .logo-icon {
  display: block;
  width: 4.5rem;
  height: 1.2rem;
  margin-bottom: 1.6rem;
  background: url("/assets/images/ai-service/ai-logo.png") no-repeat center
    center/100%;
}
.ai-service-page .title-wrap h3 {
  font-size: 2.4rem;
  line-height: 1.3;
  opacity: 0;
  -webkit-transform: translateY(10%);
  -moz-transform: translateY(10%);
  -ms-transform: translateY(10%);
  -o-transform: translateY(10%);
  transform: translateY(10%);
  -webkit-animation: 0.5s ease-in-out 1 normal forwards running fadeUp;
  -moz-animation: 0.5s ease-in-out 1 normal forwards running fadeUp;
  -o-animation: 0.5s ease-in-out 1 normal forwards running fadeUp;
  animation: 0.5s ease-in-out 1 normal forwards running fadeUp;
}
.ai-service-page .banner-box {
  width: 100%;
  padding: 6rem 2.8rem;
  -webkit-border-radius: 1.8rem;
  -moz-border-radius: 1.8rem;
  border-radius: 1.8rem;
  background: url("/assets/images/ai-service/banner-bg.png") no-repeat top
    center/100%;
}
.ai-service-page .banner-box .text {
  color: #fff;
  font-size: 1.6rem;
}
.ai-service-page .banner-box .text strong {
  display: block;
  font-size: 2.4rem;
  margin: 0.6rem 0 1.5rem;
}
.ai-service-page .banner-box .text.style2 {
  font-weight: 700;
  font-size: 2.8rem;
}
.ai-service-page .banner-box .text.style2 span {
  font-weight: 400;
  font-size: 2rem;
}
.ai-service-page .banner-box .sub-text {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.4;
}
.ai-service-page .banner-box .btns-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3.2rem;
}
.ai-service-page .banner-box .btns-wrap a:not(.store-btn) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 12rem;
  height: 4.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  border-radius: 0.8rem;
  background-color: #fff;
  color: #ff6b70;
  font-size: 1.4rem;
  font-weight: 700;
}
.ai-service-page .banner-box .btns-wrap a:not(.store-btn) + a {
  margin-left: 0.8rem;
}
.ai-service-page .banner-box .btns-wrap a:not(.store-btn).border-btn {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.08);
  border: 0.1rem solid #fff;
}
.ai-service-page .banner-box .btns-wrap .store-btn {
  width: 13.5rem;
  height: 4.1rem;
  overflow: hidden;
  text-indent: -9999px;
}
.ai-service-page .banner-box .btns-wrap .store-btn.apple {
  background: url("/assets/images/ai-service/apple-btn.png") no-repeat center
    center/100%;
}
.ai-service-page .banner-box .btns-wrap .store-btn.google {
  margin-left: 0.8rem;
  background: url("/assets/images/ai-service/google-btn.png") no-repeat center
    center/100%;
}
.ai-service-page .banner-box.motion .text,
.ai-service-page .banner-box.motion .sub-text,
.ai-service-page .banner-box.motion .btns-wrap {
  opacity: 0;
  -webkit-transform: translateY(10%);
  -moz-transform: translateY(10%);
  -ms-transform: translateY(10%);
  -o-transform: translateY(10%);
  transform: translateY(10%);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.ai-service-page .banner-box.motion.active .text,
.ai-service-page .banner-box.motion.active .sub-text,
.ai-service-page .banner-box.motion.active .btns-wrap {
  opacity: 1;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
.ai-service-page section {
  margin-bottom: 8rem;
}
.ai-service-page section.first-section {
  padding: 0 2rem;
}
.ai-service-page section.first-section .title-wrap + .text {
  margin-top: 1.3rem;
  font-size: 1.4rem;
  color: rgba(34, 34, 34, 0.6);
  opacity: 0;
  -webkit-transform: translateY(10%);
  -moz-transform: translateY(10%);
  -ms-transform: translateY(10%);
  -o-transform: translateY(10%);
  transform: translateY(10%);
  -webkit-animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeUp;
  -moz-animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeUp;
  -o-animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeUp;
  animation: 0.5s ease-in-out 0.2s 1 normal forwards running fadeUp;
}
.ai-service-page section.first-section .btn-link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2.2rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fb7400;
  opacity: 0;
  -webkit-transform: translateY(10%);
  -moz-transform: translateY(10%);
  -ms-transform: translateY(10%);
  -o-transform: translateY(10%);
  transform: translateY(10%);
  -webkit-animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeUp;
  -moz-animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeUp;
  -o-animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeUp;
  animation: 0.5s ease-in-out 0.4s 1 normal forwards running fadeUp;
}
.ai-service-page section.first-section .btn-link::after {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.8rem;
  background: url("/assets/images/ai-service/link-icon.png") no-repeat center
    center/100%;
}
.ai-service-page section.first-section .img-wrap {
  opacity: 0;
  -webkit-transform: translateY(10%);
  -moz-transform: translateY(10%);
  -ms-transform: translateY(10%);
  -o-transform: translateY(10%);
  transform: translateY(10%);
  -webkit-animation: 0.5s ease-in-out 0.5s 1 normal forwards running fadeUp;
  -moz-animation: 0.5s ease-in-out 0.5s 1 normal forwards running fadeUp;
  -o-animation: 0.5s ease-in-out 0.5s 1 normal forwards running fadeUp;
  animation: 0.5s ease-in-out 0.5s 1 normal forwards running fadeUp;
}
.ai-service-page section.first-section .img-wrap img {
  width: 30.2rem;
  margin-left: 4.1rem;
}
.ai-service-page section.second-section .title-wrap {
  text-align: center;
}
.ai-service-page section.second-section .title-wrap .sub-txt {
  display: block;
  color: #222;
  font-size: 1.6rem;
  margin-bottom: 1.2rem;
}
.ai-service-page section.second-section .icon-wrap {
  padding: 3rem 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ai-service-page section.second-section .icon-wrap li {
  -webkit-box-shadow: 0 0 3.2rem 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 3.2rem 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 3.2rem 0 rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
  margin: 0 1rem;
}
.ai-service-page section.second-section .icon-wrap li:nth-of-type(2n-1) img {
  width: 3.2rem;
  height: 3.2rem;
}
.ai-service-page section.second-section .icon-wrap li:nth-of-type(2n) img {
  width: 4.8rem;
  height: 4.8rem;
}
.ai-service-page section.second-section .icon-wrap li:nth-of-type(3) img {
  width: 8rem;
  height: 8rem;
}
.ai-service-page section.second-section.motion .icon-wrap {
  opacity: 0;
  -webkit-transform: translateY(10%);
  -moz-transform: translateY(10%);
  -ms-transform: translateY(10%);
  -o-transform: translateY(10%);
  transform: translateY(10%);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.ai-service-page section.second-section.motion.active .icon-wrap {
  opacity: 1;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
.ai-service-page section.third-section .motion-box {
  padding-bottom: 8rem;
}
.ai-service-page section.third-section .motion-box > div {
  opacity: 0;
  -webkit-transform: translateY(10%);
  -moz-transform: translateY(10%);
  -ms-transform: translateY(10%);
  -o-transform: translateY(10%);
  transform: translateY(10%);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.ai-service-page section.third-section .motion-box.active > div {
  opacity: 1;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
.ai-service-page section.third-section .motion-box img {
  width: 100%;
}
.ai-service-page section.third-section .motion-box .img-box {
  margin-top: 3.1rem;
}
.ai-service-page section.third-section .motion-box .text-wrap strong {
  display: block;
  padding: 0 2rem;
  margin-bottom: 0.8rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  color: #222;
}
.ai-service-page section.third-section .motion-box .text-wrap p {
  padding: 0 2rem;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #666;
}
.ai-service-page section.third-section .motion-box:nth-of-type(1) .img-box {
  width: 33.5rem;
  margin-left: 2.5rem;
}
.ai-service-page section.third-section .motion-box:nth-of-type(2) .img-box {
  margin-top: 0rem;
}
.ai-service-page section.third-section .motion-box:nth-of-type(3) .img-box {
  width: 41rem;
  margin-left: -1.8rem;
}
.ai-service-page section.third-section .motion-box:nth-of-type(4) .img-box {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.ai-service-page section.third-section .banner-box {
  width: -webkit-calc(100% - 4rem);
  width: -moz-calc(100% - 4rem);
  width: calc(100% - 4rem);
  margin: 0 2rem;
}
.ai-service-page section.third-section .banner-box.active p,
.ai-service-page section.third-section .banner-box.active .btns-wrap {
  opacity: 1;
}
@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeUp {
  from {
    opacity: 0;
    -moz-transform: translateY(10%);
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes fadeUp {
  from {
    opacity: 0;
    -o-transform: translateY(10%);
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

.guide-page {
  position: relative;
  background-color: #f9f9f9;
}
.guide-page > .title-wrap {
  background-color: #fff;
}
.guide-page .step-title {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 4.8rem;
  background-color: #fff;
  line-height: 1;
  padding: 2rem;
  border-top: 0.1rem solid #eee;
  border-bottom: 0.1rem solid #eee;
}
.guide-page .step-title.hidden {
  height: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
}
.guide-page .step-title .num {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  font-weight: 700;
  color: #ed7c1b;
}
.guide-page .step-title .text {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #222;
}
.guide-page img {
  display: block;
}
.guide-page .step-wrap {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 4.8rem;
  margin-bottom: -7.6rem;
  z-index: 1;
}
.guide-page .step-wrap.hidden {
  z-index: -10;
}
.guide-page .step-wrap .num {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
  font-weight: 700;
  color: #999;
}
.guide-page .step-wrap .text {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.6rem;
  color: #666;
}
.guide-page .step-wrap .current .num {
  color: #ed7c1b;
}
.guide-page .step-wrap .current .num::after {
  content: "";
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #f78523;
  margin-left: 0.4rem;
}
.guide-page .step-wrap .current .num + .text {
  font-weight: 700;
  color: #222;
}
.guide-page .step-wrap .select-btn {
  position: relative;
  display: block;
  width: 100%;
  height: 7.6rem;
  line-height: 1;
  font-size: 0;
  text-indent: -9999em;
  overflow: hidden;
}
.guide-page .step-wrap .select-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -0.8rem;
  right: 2rem;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  border-top: 0.1rem solid #222;
  border-right: 0.1rem solid #222;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.guide-page .step-wrap .step-select {
  position: absolute;
  left: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  padding: 0 2rem;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08);
  background-color: #f9f9f9;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.guide-page .step-wrap .step-select li {
  border-top: 0.1rem solid #eee;
}
.guide-page .step-wrap .step-select li:first-child {
  border: 0;
}
.guide-page .step-wrap .step-select li button {
  display: block;
  line-height: 1;
  padding: 2rem 0;
}
.guide-page .step-wrap.open .select-btn::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: 0rem;
}
.guide-page .step-wrap.open .step-select {
  max-height: 40rem;
  opacity: 1;
  visibility: visible;
}
.guide-page .cont {
  padding: 4rem 2rem 2rem;
  width: 100%;
  overflow-x: hidden;
}
.guide-page .cont .sub-txt {
  font-size: 1.4rem;
  font-weight: 700;
  color: #ed7c1b;
}
.guide-page .cont .title {
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  margin-top: 0.4rem;
}
.guide-page .cont .text {
  margin-top: 1.2rem;
  font-size: 1.4rem;
  color: #666;
  line-height: 1.4;
}
.guide-page .cont img {
  width: 43.2rem;
  margin-left: -1rem;
}
.guide-page .step2 .step-title {
  top: 4.7rem;
}
.guide-page .step1 .cont:nth-of-type(2) img {
  width: 47rem;
  margin-left: -2rem;
}
.guide-page .step2 .cont:nth-of-type(2) img {
  width: 44.2rem;
  margin-left: -2rem;
}
.guide-page .step2 .cont:nth-of-type(3) img {
  width: 45.2rem;
  margin-left: -2rem;
}
.guide-page .step2 .cont:nth-of-type(4) img {
  width: 53.2rem;
  margin-left: -2rem;
}
.guide-page .step3 .cont:nth-of-type(3) img {
  width: 53.2rem;
}
.guide-page .step3 .cont:nth-of-type(4) img {
  width: 41.3rem;
  margin: 3.1rem -4rem 2rem;
}
.guide-page .last {
  padding: 4.8rem 0;
  color: #fff;
  background-color: #605249;
  text-align: center;
}
.guide-page .last .title {
  font-size: 2.4rem;
  font-weight: 700;
}
.guide-page .last .title .sub-txt {
  font-weight: 400;
  font-size: 1.6rem;
}
.guide-page .last .btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 3.2rem;
}
.guide-page .last .btn-wrap button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 10.9rem;
  height: 4.8rem;
  background-color: #fff;
  color: #605249;
  font-size: 1.6rem;
  font-weight: 700;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  border-radius: 0.6rem;
}
.guide-page .last .btn-wrap button + button {
  margin-left: 1.2rem;
  background-color: transparent;
  border: 0.1rem solid #fff;
  color: #fff;
}

.service-plan-page {
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.service-plan-page > .title-wrap {
  padding-bottom: 2.4rem;
}
.service-plan-page > .title-wrap h3 {
  line-height: 1.3;
}
.service-plan-page > .title-wrap .title-desc {
  margin-top: 0.6rem;
  font-size: 1.4rem;
  color: #999;
  line-height: 1.5;
}
.service-plan-page .tab-btns {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  border-radius: 2.4rem;
  background-color: #f5f2f1;
}
.service-plan-page .tab-btns button {
  font-size: 1.4rem;
  font-weight: 700;
  width: 10.2rem;
  height: 5rem;
}
.service-plan-page .tab-btns .active button {
  color: #fff;
  background-color: #83604b;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  border-radius: 2.4rem;
}
.service-plan-page .tab-btns + .info-txt {
  color: #666;
  font-size: 1.2rem;
}
.service-plan-page .tab-container .tab-contents {
  display: none;
}
.service-plan-page .tab-container .tab-contents.active {
  display: block;
}
.service-plan-page .tab-container .payment-wrap {
  padding: 3.2rem 0 6.2rem;
}
.service-plan-page .tab-container .payment-wrap .payment-item {
  padding: 3.2rem 2.4rem 2.4rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px 0 rgba(96, 82, 73, 0.2);
  -moz-box-shadow: 0 0 20px 0 rgba(96, 82, 73, 0.2);
  box-shadow: 0 0 20px 0 rgba(96, 82, 73, 0.2);
  text-align: left;
  color: #222;
  font-weight: 700;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.service-plan-page .tab-container .payment-wrap .payment-item .pay-name {
  margin-bottom: 2rem;
  line-height: 1;
  font-size: 2rem;
}
.service-plan-page .tab-container .payment-wrap .payment-item .pay-amount {
  margin-bottom: 1.2rem;
  font-size: 2rem;
  color: #ed7c1b;
}
.service-plan-page
  .tab-container
  .payment-wrap
  .payment-item
  .pay-amount
  .unit {
  font-size: 1.6rem;
}
.service-plan-page .tab-container .payment-wrap .payment-item .credit {
  margin-top: 0.3rem;
  font-size: 2.4rem;
}
.service-plan-page .tab-container .payment-wrap .payment-item .text {
  font-weight: 400;
  font-size: 1.4rem;
}
.service-plan-page .tab-container .payment-wrap .payment-item .start-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 4.8rem;
  margin-top: 3.2rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #83604b;
}
.service-plan-page
  .tab-container
  .payment-wrap
  .payment-item.swiper-slide-active {
  background-color: #ed7c1b;
  color: #fff;
}
.service-plan-page
  .tab-container
  .payment-wrap
  .payment-item.swiper-slide-active
  .pay-amount {
  color: #fff;
}
.service-plan-page
  .tab-container
  .payment-wrap
  .payment-item.swiper-slide-active
  .start-btn {
  border-color: #fff;
}
.service-plan-page .tab-container .payment-wrap .swiper-pagination {
  top: auto;
  bottom: 2.6rem;
  line-height: 1;
}
.service-plan-page
  .tab-container
  .payment-wrap
  .swiper-pagination
  .swiper-pagination-bullet {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 0.3rem;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.service-plan-page
  .tab-container
  .payment-wrap
  .swiper-pagination
  .swiper-pagination-bullet-active {
  background-color: #ed7c1b;
  width: 1.2rem;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  border-radius: 0.3rem;
}
.service-plan-page .tab-container .plan-banner {
  margin: 0 2rem;
  padding: 3rem 0 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
}
.service-plan-page .tab-container .plan-banner .title {
  margin-bottom: 1rem;
  font-weight: 700;
  color: #222;
}
.service-plan-page .tab-container .plan-banner .title .sub-txt {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  color: #ed7c1b;
}
.service-plan-page .tab-container .plan-banner .title strong {
  font-size: 2rem;
}
.service-plan-page .tab-container .plan-banner .text {
  font-size: 1.4rem;
  color: #666;
}
.service-plan-page .tab-container .plan-banner .inquiry-btn {
  width: 12rem;
  height: 4.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  border-radius: 0.8rem;
  margin: 3.9rem auto 0;
  background-color: #ed7c1b;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
}
.service-plan-page .tab-container .plan-table-wrap {
  padding: 6rem 0 9.7rem;
}
.service-plan-page .tab-container .plan-table-wrap .info-txt {
  font-size: 1.2rem;
  color: #666;
}
.service-plan-page .tab-container .plan-table-wrap .scroll {
  width: 100%;
  overflow-x: auto;
}
.service-plan-page .tab-container .plan-table-wrap .table-wrap {
  width: 200%;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
  margin: 1.6rem 2rem;
  border: 0.1rem solid #eee;
  overflow: hidden;
}
.service-plan-page .tab-container .plan-table-wrap .table-wrap table {
  width: 100%;
}
.service-plan-page .tab-container .plan-table-wrap .table-wrap table th {
  background-color: #f9f9f9;
  padding: 1.6rem 0rem;
  font-weight: 700;
  color: #222;
  font-size: 1.4rem;
}
.service-plan-page
  .tab-container
  .plan-table-wrap
  .table-wrap
  table
  th.payment-name {
  color: #83604b;
  font-size: 1.6rem;
  text-align: left;
}
.service-plan-page .tab-container .plan-table-wrap .table-wrap table td {
  padding: 1.6rem 0rem;
  color: #666;
  font-size: 1.4rem;
  border-bottom: 0.1rem solid #eee;
  color: #222;
}
.service-plan-page
  .tab-container
  .plan-table-wrap
  .table-wrap
  table
  td:nth-of-type(2) {
  color: #666;
  text-align: left;
}
.service-plan-page .tab-container .plan-table-wrap .table-wrap table td.empty {
  width: 2rem;
  border-bottom-color: #fff;
}

.popup-full-wrap .popup-contents .terms-contents.service-policy h1,
.popup-full-wrap .popup-contents .terms-contents.service-policy h2 {
  font-weight: 700;
}
.popup-full-wrap .popup-contents .terms-contents.service-policy ol {
  margin-top: 1.2rem;
}
.popup-full-wrap .popup-contents .terms-contents.service-policy ol li {
  margin-top: 1.2rem;
}
.popup-full-wrap
  .popup-contents
  .terms-contents.service-policy
  ol
  li
  ol[type="number"] {
  margin-top: 0;
}
.popup-full-wrap
  .popup-contents
  .terms-contents.service-policy
  ol
  li
  ol[type="number"]
  li {
  margin-top: 0;
}
.popup-full-wrap
  .popup-contents
  .terms-contents.service-policy
  ol
  li
  ol[type="a"] {
  margin-top: 0;
}
.popup-full-wrap
  .popup-contents
  .terms-contents.service-policy
  ol
  li
  ol[type="a"]
  li {
  margin-top: 0;
}
.popup-full-wrap
  .popup-contents
  .terms-contents.service-policy
  ol[type="number"]
  li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
}
.popup-full-wrap
  .popup-contents
  .terms-contents.service-policy
  ol[type="number"]
  li
  .num {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 1.4rem;
  -moz-box-flex: 0;
  -ms-flex: 0 0 1.4rem;
  flex: 0 0 1.4rem;
}
.popup-full-wrap .popup-contents .terms-contents.use-policy h2,
.popup-full-wrap .popup-contents .terms-contents.use-policy h3 {
  font-weight: 700;
}
.popup-full-wrap .popup-contents .terms-contents.use-policy h4 {
  margin-top: 1.2rem;
}
.popup-full-wrap .popup-contents .terms-contents.use-policy h4 + .table_wrap {
  margin-top: 0;
}
.popup-full-wrap .popup-contents .terms-contents.use-policy .depth1 {
  margin-top: 1.2rem;
}
.popup-full-wrap .popup-contents .terms-contents.use-policy .depth1 .depth2 {
  margin-top: 1.2rem;
}
.popup-full-wrap .popup-contents .terms-contents.use-policy .depth1 .number {
  margin-top: 0.6rem;
}
.popup-full-wrap .popup-contents .terms-contents.use-policy .depth1 .number li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.3rem;
}
.popup-full-wrap
  .popup-contents
  .terms-contents.use-policy
  .depth1
  .number
  li.is-block {
  display: block;
}
.popup-full-wrap
  .popup-contents
  .terms-contents.use-policy
  .depth1
  .number
  li
  .num {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 1.4rem;
  -moz-box-flex: 0;
  -ms-flex: 0 0 1.4rem;
  flex: 0 0 1.4rem;
}
.popup-full-wrap .popup-contents .terms-contents.use-policy .table_wrap {
  margin: 1.2rem -2rem 0;
  padding: 0 2rem;
  overflow-x: auto;
}
.popup-full-wrap .popup-contents .terms-contents.use-policy .table_wrap table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 0.4rem;
  width: 80rem;
}
.popup-full-wrap
  .popup-contents
  .terms-contents.use-policy
  .table_wrap
  table
  tr
  th {
  border: 0.1rem solid #ddd;
  padding: 0.5rem 0.6rem;
}
.popup-full-wrap
  .popup-contents
  .terms-contents.use-policy
  .table_wrap
  table
  tr
  td {
  border: 0.1rem solid #ddd;
  padding: 0.5rem 0.6rem;
}
.popup-full-wrap
  .popup-contents
  .terms-contents.use-policy
  .table_wrap
  table
  thead
  th {
  text-align: center;
  padding: 1rem 0.6rem;
  background-color: #f5f5f5;
}
.popup-full-wrap .popup-contents .terms-contents.personal-policy .txt01 {
  margin-top: 1.2rem;
}
.popup-full-wrap .popup-contents .terms-contents.personal-policy .bold {
  font-weight: 700;
}
.popup-full-wrap .popup-contents .terms-contents.personal-policy .table_wrap {
  margin: 1.2rem -2rem 0;
  padding: 0 2rem;
  overflow-x: auto;
}
.popup-full-wrap
  .popup-contents
  .terms-contents.personal-policy
  .table_wrap
  table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 0.4rem;
  width: 80rem;
}
.popup-full-wrap
  .popup-contents
  .terms-contents.personal-policy
  .table_wrap
  table
  tr
  th {
  border: 0.1rem solid #ddd;
  padding: 0.5rem 0.6rem;
}
.popup-full-wrap
  .popup-contents
  .terms-contents.personal-policy
  .table_wrap
  table
  tr
  td {
  border: 0.1rem solid #ddd;
  padding: 0.5rem 0.6rem;
}
.popup-full-wrap
  .popup-contents
  .terms-contents.personal-policy
  .table_wrap
  table
  thead
  th {
  text-align: center;
  padding: 1rem 0.6rem;
  background-color: #f5f5f5;
}

/* 서비스 준비 중 팝업 */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 998;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.1s ease;
  -o-transition: opacity 0.1s ease;
  -moz-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.modal-overlay.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  display: block;
}

.modal-wrap {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 2rem;
  height: 100%;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.1s ease;
  -o-transition: opacity 0.1s ease;
  -moz-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.modal-wrap.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.modal-wrap .content-box {
  background-color: #fff;
  width: 100%;
  padding: 3.2rem 2.4rem 2.4rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
}
.modal-wrap .modal-header {
  margin-bottom: 2.4rem;
}
.modal-wrap .modal-header .modal-close-btn {
  font-size: 0;
  line-height: 0;
  background: url("/assets/images/icons/close-btn.png") no-repeat 0 0;
  -moz-background-size: 100%;
  background-size: 100%;
  position: absolute;
  right: 1rem;
  top: 0.4rem;
  width: 4rem;
  height: 4rem;
}
.modal-wrap .modal-body .message-text {
  font-size: 1.6rem;
  font-weight: 700;
  color: #222;
  text-align: center;
  line-height: 1.5;
}
.modal-wrap .modal-footer {
  margin-top: 2.4rem;
}
.modal-wrap .modal-footer .btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.2rem;
}
.modal-wrap .modal-footer button {
  width: 100%;
  height: 4.8rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  background-color: #83604b;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  border-radius: 0.8rem;
}

.inquiry-page {
  background-color: #fff;
  padding-bottom: 4rem;
}
.inquiry-page > .title-wrap {
  padding: 2rem 2rem 2rem;
  position: relative;
}
.inquiry-page > .title-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 2rem;
  right: 2rem;
  height: 0.1rem;
  background-color: #000;
}
.inquiry-page > .title-wrap h3 {
  font-size: 2rem;
  font-weight: 700;
  color: #222;
  margin-bottom: 0.8rem;
}
.inquiry-page > .title-wrap .desc {
  font-size: 1.4rem;
  font-weight: 300;
  color: #83604b;
  line-height: 1.5;
}
.inquiry-page .inquiry-form {
  padding: 2.4rem 2rem 0;
}
.inquiry-page .inquiry-form .form-group {
  margin-bottom: 2.4rem;
  padding-bottom: 2.4rem;
  border-bottom: 0.1rem solid #eeeeee;
}
.inquiry-page .inquiry-form .form-group > label {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  color: #222;
  margin-bottom: 0.8rem;
}
.inquiry-page .inquiry-form .form-group > label .required {
  color: #f78523;
  margin-left: 0.2rem;
}
.inquiry-page .inquiry-form .form-group.checkbox-group {
  margin-bottom: 3.2rem;
  padding-bottom: 0;
  border-bottom: none;
}
.inquiry-page .inquiry-form .form-group:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.inquiry-page .inquiry-form .form-text-wrap,
.inquiry-page .inquiry-form .form-select-wrap,
.inquiry-page .inquiry-form .form-textarea-wrap {
  margin-top: 0;
}
.inquiry-page .inquiry-form .form-text-wrap input[type="text"]:focus,
.inquiry-page .inquiry-form .form-text-wrap input[type="email"]:focus,
.inquiry-page .inquiry-form .form-text-wrap input[type="password"]:focus {
  outline: none;
  box-shadow: none;
}
.inquiry-page .inquiry-form .form-select-wrap {
  position: relative;
}
.inquiry-page .inquiry-form .form-select-wrap select {
  background-image: none;
  padding-right: 4rem;
  position: relative;
}
.inquiry-page .inquiry-form .form-select-wrap select:focus {
  outline: none;
  box-shadow: none;
}
.inquiry-page .inquiry-form .form-select-wrap::after {
  content: "";
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 0.6rem;
  height: 0.6rem;
  border-right: 0.12rem solid #999;
  border-bottom: 0.12rem solid #999;
  pointer-events: none;
}
.inquiry-page .inquiry-form .form-textarea-wrap textarea {
  height: 24rem;
  min-height: 24rem;
  font-weight: 300;
}
.inquiry-page .inquiry-form .form-textarea-wrap textarea:focus {
  outline: none;
  box-shadow: none;
}
.inquiry-page .inquiry-form .form-text-wrap input[type="email"] {
  font-size: 1.4rem;
  font-weight: 300;
  color: #999;
  height: 4.8rem;
  padding: 0 4.4rem 0 1.6rem;
  border: 0.1rem solid #ddd;
  border-radius: 0.8rem;
  background-color: #fff;
  width: 100%;
}
.inquiry-page .inquiry-form .form-text-wrap input[type="email"]:hover {
  border-color: #444;
}
.inquiry-page .inquiry-form .form-text-wrap input[type="email"]:focus {
  border-color: #f78523;
  color: #222;
  outline: none;
  box-shadow: none;
}
.inquiry-page .inquiry-form .form-text-wrap input[type="email"]:disabled {
  background-color: #f7f6f7;
}
.inquiry-page .inquiry-form .form-file-wrap .file-input-wrapper {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.inquiry-page .inquiry-form .form-file-wrap .file-input-wrapper .file-display {
  flex: 1;
  height: 4.8rem;
  padding: 0 1.6rem;
  border: 0.1rem solid #ddd;
  border-radius: 0.8rem;
  background-color: #fff;
  font-size: 1.4rem;
  font-weight: 300;
  color: #999;
}
.inquiry-page
  .inquiry-form
  .form-file-wrap
  .file-input-wrapper
  .file-display:focus {
  border-color: #f78523;
  outline: none;
  box-shadow: none;
}
.inquiry-page
  .inquiry-form
  .form-file-wrap
  .file-input-wrapper
  .file-select-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 8rem;
  height: 4.8rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
  color: #83604b;
  border: 0.1rem solid #83604b;
  border-radius: 0.8rem;
  background-color: #fff;
  white-space: nowrap;
  cursor: pointer;
}
.inquiry-page .inquiry-form .checkbox-group .checkbox-label {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  padding: 0;
}
.inquiry-page
  .inquiry-form
  .checkbox-group
  .checkbox-label
  input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.inquiry-page
  .inquiry-form
  .checkbox-group
  .checkbox-label
  input[type="checkbox"]:checked
  + .checkbox-custom {
  background-color: #605249;
  border-color: #605249;
}
.inquiry-page
  .inquiry-form
  .checkbox-group
  .checkbox-label
  input[type="checkbox"]:checked
  + .checkbox-custom::after {
  opacity: 1;
}
.inquiry-page .inquiry-form .checkbox-group .checkbox-label .checkbox-custom {
  position: relative;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  border: 0.2rem solid #ddd;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 1rem;
  transition: all 0.2s;
}
.inquiry-page
  .inquiry-form
  .checkbox-group
  .checkbox-label
  .checkbox-custom::after {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0.5rem;
  width: 0.5rem;
  height: 0.8rem;
  border-right: 0.15rem solid #fff;
  border-bottom: 0.15rem solid #fff;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s;
}
.inquiry-page .inquiry-form .checkbox-group .checkbox-label .checkbox-text {
  font-size: 1.4rem;
  color: #222;
  font-weight: 300;
  display: inline-flex;
  align-items: center;
}
.inquiry-page .inquiry-form .checkbox-group .checkbox-label .checkbox-arrow {
  position: relative;
  width: 0.6rem;
  height: 0.6rem;
  margin-left: 0.4rem;
  display: inline-block;
  vertical-align: middle;
}
.inquiry-page
  .inquiry-form
  .checkbox-group
  .checkbox-label
  .checkbox-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(-45deg);
  width: 0.6rem;
  height: 0.6rem;
  border-right: 0.12rem solid #666666;
  border-bottom: 0.12rem solid #666666;
}
.inquiry-page .inquiry-form .form-actions {
  display: flex;
  flex-direction: row;
  gap: 1.2rem;
  margin-top: 1rem;
  padding-top: 1rem;
}
.inquiry-page .inquiry-form .btn-type-base {
  color: #222222;
  border-color: #222222;
}
.inquiry-page .sr-only {
  font-size: 0;
  line-height: 0;
}
/*# sourceMappingURL=maps/app.css.map */