@charset "UTF-8";
@font-face {
  font-family: "NotoSansKR";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Noto Sans Kr"), local("Noto Sans Kr");
  src: url(./../fonts/NotoSansKr-Light.woff2) format("woff2"), url(./../fonts/NotoSansKr-Light.woff) format("woff");
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "NotoSansKR";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans Kr"), local("Noto Sans Kr");
  src: url(./../fonts/NotoSansKR-Regular.woff2) format("woff2"), url(./../fonts/NotoSansKR-Regular.woff) format("woff");
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "NotoSansKR";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Noto Sans Kr"), local("Noto Sans Kr");
  src: url(./../fonts/NotoSansKR-Medium.woff2) format("woff2"), url(./../fonts/NotoSansKR-Medium.woff) format("woff");
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "NotoSansKR";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Noto Sans Kr"), local("Noto Sans Kr");
  src: url(./../fonts/NotoSansKR-Bold.woff2) format("woff2"), url(./../fonts/NotoSansKR-Bold.woff) format("woff");
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "NotoSansKR";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Noto Sans Kr"), local("Noto Sans Kr");
  src: url(./../fonts/NotoSansKR-Black.woff2) format("woff2"), url(./../fonts/NotoSansKR-Black.woff) format("woff");
  text-rendering: optimizeLegibility;
}
/* Reset */
* {
  box-sizing: border-box;
}

body {
  font-weight: 500;
  color: #000;
  font-size: 16px;
  letter-spacing: -0.7px;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h4 {
  font-size: inherit;
}

body, h1, h2, h3, h4, input, button, textarea, pre, a {
  font-family: "Apple SD Gothic Neo", "NotoSansKR", sans-serif;
  color: inherit;
}

body {
  text-align: left;
  word-break: break-word;
  overflow-x: hidden;
}

img, fieldset, iframe {
  border: 0 none;
}

li {
  list-style: none;
}

input, select, button {
  vertical-align: middle;
  font-size: inherit;
}

img {
  vertical-align: top;
  max-width: 100%;
}

i, em, address {
  font-style: normal;
}

label, button {
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

hr {
  display: none;
}

legend {
  width: 0;
}

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

caption {
  font-size: 0;
  line-height: 0;
  height: 0;
}

button {
  border: 0;
  background: transparent;
  color: inherit;
}

input[type=text], input[type=password], input[type=image], input[type=search], input[type=file], textarea, input[type=button], input[type=tel] {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  font-size: inherit;
  line-height: inherit;
  padding: 0;
  outline: none;
  font-weight: 900;
  background-color: transparent;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

::-webkit-input-placeholder {
  color: #cfcfcf;
  opacity: 1;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 900;
}

:-moz-placeholder {
  color: #cfcfcf;
  opacity: 1;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 900;
}

::-moz-placeholder {
  color: #cfcfcf;
  opacity: 1;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 900;
}

:-ms-input-placeholder {
  color: #cfcfcf;
  opacity: 1;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 900;
}

.base-input::-webkit-input-placeholder {
  color: transparent;
}

.base-input:-moz-placeholder {
  color: transparent;
}

.base-input::-moz-placeholder {
  color: transparent;
}

.base-input:-ms-input-placeholder {
  color: transparent;
}

:root {
  --headerHeight: 68px;
  --buttomStickyHeight: 50px;
}

/*! jQuery UI - v1.12.1 - 2023-08-16
* http://jqueryui.com
* Includes: core.css, datepicker.css, menu.css, selectmenu.css, button.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("../../static/images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("../../static/images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
  background-image: url("../../static/images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url("../../static/images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
  background-image: url("../../static/images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("../../static/images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("../../static/images/ui-icons_777777_256x240.png");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}

html, body {
  height: 100%;
}

.popup-active .wrap {
  overflow: hidden;
}

/* layout */
.wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100svh;
  min-height: -webkit-fill-available;
  overflow-x: hidden;
  overflow-y: auto;
}
.wrap-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #f6f7f9;
}
.wrap.bg-none .wrap-inner {
  background-color: #fff;
}

.modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100svh;
  min-height: -webkit-fill-available;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 40;
  display: none;
}
.modal-wrap.is-active {
  display: flex;
}
.modal-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #f6f7f9;
  z-index: 10;
}

/* header */
.header {
  position: sticky !important;
  top: 0;
  width: 100%;
  z-index: 20;
}
.header-inner {
  position: relative;
  display: flex;
  height: var(--headerHeight);
  justify-content: space-between;
  align-items: center;
  background-color: #f6f7f9;
  padding-left: 16px;
  padding-right: 16px;
}
.header .logo {
  margin: 0;
}
.header-button {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}
.header-button-prev {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 57px;
  height: 100%;
  background: url('data:image/svg+xml,<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.74 0L9 1.32L2.72 6.98L9 12.68L7.73 14L0 6.98L7.74 0Z" fill="black"/></svg>') no-repeat 50% 50%/9px auto;
}
.header-button-home {
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-flex;
  width: 57px;
  height: var(--headerHeight);
  transform: translateY(-50%);
}
.header-button-home:before {
  display: block;
  width: 16px;
  height: 18px;
  margin: auto;
  content: "";
  background: url("../../static/images/ico_home.png") no-repeat 0 0/100% auto;
}
.header-button-close {
  position: absolute;
  top: 0;
  right: 10px;
  width: 40px;
  height: 100%;
  display: block;
}
.header-button-close:before, .header-button-close:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  width: 1px;
  height: 18px;
  background-color: #000;
  transform: translate(-50%, -50%) rotate(45deg);
}
.header-button-close:before {
  transform: translate(-50%, -50%) rotate(135deg);
}
.header-title {
  flex: 1;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
.header-right {
  display: flex;
  margin-left: auto;
  padding-right: 8px;
}
.header-right .tooltip {
  margin-left: 10px;
}
.header-right .tooltip-content {
  max-width: 270px;
}
.header-right .header-title-sub {
  position: relative;
  font-size: 14px;
  padding: 0;
}
.header-right .header-title-sub:after {
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  display: block;
  height: 4px;
  background: #000;
  content: "";
}

/* footer */
.footer {
  background: #000;
  line-height: 1.43;
  color: #fff;
  font-size: 14px;
}
.footer .inner {
  padding: 0 30px;
}
.footer .sec_block {
  width: 100%;
  padding: 22px 0 17px;
}
.footer .sec_block--2nd {
  padding: 32px 0 110px;
  border-top: 1px solid #3a3a3a;
}
.footer_logo {
  display: inline-block;
  width: 112px;
  height: 28px;
  background: url("../../static/images/ci_footer.png") no-repeat 50% 50%/100% auto;
}
.footer .btnTop {
  float: right;
  padding-top: 13px;
}
.footer .btnTop span {
  padding-top: 5px;
  font-size: 12px;
  letter-spacing: 0;
}
.footer_company {
  color: #fff;
  font-weight: 500;
}
.footer_company address {
  display: inline;
}
.footer .copyrignt {
  margin-top: 25px;
  line-height: 1.73;
  color: #7f7f7f;
  font-size: 13px;
  letter-spacing: 0;
}

.logo {
  width: 122px;
  height: 30px;
  margin: 0 auto;
  background-image: url("data:image/svg+xml,%3Csvg width='122' height='30' viewBox='0 0 122 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m0 0 6.338 7.485 11.407 13.26 6.488-6.203L0 0z' fill='%23EA3062'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.71 7.575a18.86 18.86 0 0 0-1.38 7.118C.33 20.97 3.375 26.543 8.07 30l7.095-6.788L1.71 7.575z' fill='%2301007B'/%3E%3Cpath d='M113.985 15.54c.03-.967.3-1.71.81-2.227.51-.518 1.155-.78 1.92-.78.765 0 1.335.217 1.74.66.405.442.638.975.69 1.604l-5.167.736.007.007zm3.315 5.707c.488 0 .945-.044 1.373-.127a4.975 4.975 0 0 0 1.11-.345c.315-.15.562-.322.742-.525a.97.97 0 0 0 .27-.66c0-.405-.195-.72-.585-.945-.292.21-.682.405-1.177.585a4.65 4.65 0 0 1-1.62.27c-.885 0-1.605-.195-2.175-.578-.57-.382-.945-.974-1.148-1.777l6.135-.885c.323-.06.57-.165.735-.323.165-.157.255-.412.255-.764 0-.63-.105-1.208-.322-1.74a3.956 3.956 0 0 0-.923-1.373 4.222 4.222 0 0 0-1.425-.9c-.555-.217-1.162-.322-1.837-.322a5.22 5.22 0 0 0-1.89.337 4.339 4.339 0 0 0-1.53.975c-.428.428-.78.96-1.028 1.598-.255.637-.375 1.372-.375 2.212 0 .84.128 1.635.39 2.287.263.653.63 1.208 1.103 1.658.472.45 1.05.78 1.71 1.005.667.225 1.402.337 2.212.337zm-14.385-5.707c.03-.967.3-1.71.81-2.227.51-.518 1.155-.78 1.92-.78.765 0 1.335.217 1.74.66.405.442.638.975.69 1.604l-5.167.736.007.007zm3.315 5.707c.488 0 .945-.044 1.373-.127a4.975 4.975 0 0 0 1.11-.345c.315-.15.562-.322.742-.525a.97.97 0 0 0 .27-.66c0-.405-.195-.72-.585-.945-.292.21-.682.405-1.177.585a4.65 4.65 0 0 1-1.62.27c-.885 0-1.605-.195-2.175-.578-.57-.382-.945-.974-1.148-1.777l6.135-.885c.323-.06.57-.165.735-.323.165-.157.255-.412.255-.764 0-.63-.105-1.208-.322-1.74a3.956 3.956 0 0 0-.923-1.373 4.222 4.222 0 0 0-1.425-.9c-.555-.217-1.162-.322-1.837-.322a5.22 5.22 0 0 0-1.89.337 4.339 4.339 0 0 0-1.53.975c-.435.428-.78.96-1.028 1.598-.247.637-.375 1.372-.375 2.212 0 .84.128 1.635.39 2.287a4.59 4.59 0 0 0 1.103 1.658c.472.45 1.05.78 1.71 1.005.667.225 1.402.337 2.212.337zm-9.135 0c.758 0 1.32-.12 1.688-.36.367-.24.555-.54.555-.9 0-.194-.038-.36-.113-.502a1.966 1.966 0 0 0-.262-.375c-.195.098-.428.18-.69.255a3.066 3.066 0 0 1-.758.105c-.532 0-.945-.105-1.237-.315-.293-.21-.443-.57-.443-1.073v-4.995h2.708c.517 0 .78-.3.78-.9 0-.164-.023-.33-.075-.48a1.881 1.881 0 0 0-.158-.36h-3.255V9.27c0-.36-.097-.622-.285-.78-.188-.158-.487-.232-.892-.232-.21 0-.406.022-.585.06-.18.045-.323.075-.42.104v9.81c0 1.08.314 1.853.937 2.318.623.465 1.462.705 2.513.705l-.008-.008zM84.142 15.54c.03-.967.3-1.71.81-2.227.51-.518 1.156-.78 1.92-.78.766 0 1.335.217 1.74.66.406.442.638.975.69 1.604l-5.167.736.007.007zm3.316 5.707c.487 0 .945-.044 1.372-.127a4.967 4.967 0 0 0 1.11-.345c.315-.15.563-.322.743-.525a.97.97 0 0 0 .27-.66c0-.405-.196-.72-.585-.945-.293.21-.683.405-1.178.585-.487.18-1.028.27-1.62.27-.885 0-1.605-.195-2.175-.578-.57-.382-.945-.974-1.147-1.777l6.134-.885c.323-.06.57-.165.736-.323.165-.157.255-.412.255-.764 0-.63-.106-1.208-.323-1.74a3.955 3.955 0 0 0-.922-1.373 4.232 4.232 0 0 0-1.425-.9c-.556-.217-1.163-.322-1.838-.322a5.22 5.22 0 0 0-1.89.337 4.343 4.343 0 0 0-1.53.975 4.48 4.48 0 0 0-1.027 1.598c-.248.637-.376 1.372-.376 2.212 0 .84.128 1.635.39 2.287a4.59 4.59 0 0 0 1.103 1.658c.472.45 1.05.78 1.71 1.005.667.225 1.402.337 2.212.337zm-11.633-.165c.21 0 .405-.015.578-.052.172-.038.314-.075.412-.113v-7.665c.323-.18.713-.33 1.178-.45a6.116 6.116 0 0 1 2.205-.134c.21.03.382.052.525.082.067-.113.135-.24.187-.39.053-.15.083-.307.083-.473 0-.697-.615-1.05-1.846-1.05-.757 0-1.447.083-2.077.255-.63.173-1.147.375-1.552.63-.308.196-.533.405-.675.623-.143.217-.21.502-.21.848v6.885c0 .36.097.622.292.78.195.15.495.232.9.232v-.008zm-8.355.165c.795 0 1.493-.082 2.093-.255.592-.165 1.072-.36 1.44-.57.292-.18.487-.367.585-.57.097-.202.15-.45.15-.757v-7.08c0-.375-.098-.645-.293-.795-.195-.15-.495-.232-.9-.232-.21 0-.405.014-.578.052-.172.038-.314.068-.427.098v7.852a3.798 3.798 0 0 1-.795.315c-.33.098-.75.15-1.238.15-.757 0-1.35-.172-1.777-.517-.428-.345-.638-.923-.638-1.733v-5.19c0-.375-.097-.645-.284-.795-.188-.15-.488-.232-.893-.232-.21 0-.405.014-.585.052a5.35 5.35 0 0 0-.42.098v6.112c0 1.387.405 2.4 1.208 3.038.802.637 1.927.952 3.367.952l-.015.008zm-10.987 0c1.327 0 2.347-.262 3.045-.794.697-.533 1.05-1.268 1.05-2.206 0-.81-.256-1.454-.758-1.934s-1.29-.855-2.355-1.133l-1.215-.315c-.465-.113-.788-.255-.975-.443a.922.922 0 0 1-.285-.69c0-.36.165-.644.502-.847.338-.203.796-.307 1.388-.307.592 0 1.11.09 1.605.27.495.18.87.352 1.125.502a1.1 1.1 0 0 0 .375-.39c.098-.158.15-.353.15-.578a.93.93 0 0 0-.255-.63c-.165-.195-.405-.36-.705-.495-.3-.134-.66-.24-1.072-.314a7.699 7.699 0 0 0-1.373-.113c-.63 0-1.192.075-1.68.217-.487.15-.9.353-1.23.608a2.5 2.5 0 0 0-.742.923c-.166.36-.256.735-.256 1.147 0 .758.225 1.35.675 1.785.45.435 1.148.78 2.1 1.028l1.425.375c.45.112.788.27 1.02.48.233.21.346.487.346.84 0 .404-.166.72-.503.937-.337.217-.817.322-1.447.322-.675 0-1.26-.105-1.763-.315a8.959 8.959 0 0 1-1.342-.69 1.27 1.27 0 0 0-.428.443 1.14 1.14 0 0 0-.157.585c0 .255.09.48.27.69.18.21.434.39.764.548.33.15.728.27 1.186.36a8.65 8.65 0 0 0 1.514.127v.008zm-9.638 0c1.328 0 2.348-.262 3.045-.794.697-.533 1.05-1.268 1.05-2.206 0-.81-.255-1.454-.758-1.934-.502-.48-1.29-.855-2.355-1.133l-1.215-.315c-.465-.113-.787-.255-.974-.443a.922.922 0 0 1-.285-.69c0-.36.164-.644.502-.847.338-.203.795-.307 1.388-.307.592 0 1.11.09 1.604.27.495.18.87.352 1.125.502a1.1 1.1 0 0 0 .375-.39c.098-.158.15-.353.15-.578a.93.93 0 0 0-.255-.63 2.037 2.037 0 0 0-.704-.495c-.3-.134-.66-.24-1.073-.314a7.699 7.699 0 0 0-1.373-.113c-.63 0-1.192.075-1.68.217-.487.15-.9.353-1.23.608a2.5 2.5 0 0 0-.742.923c-.165.36-.255.735-.255 1.147 0 .758.225 1.35.675 1.785.45.435 1.148.78 2.1 1.028l1.425.375c.45.112.788.27 1.02.48.233.21.345.487.345.84 0 .404-.165.72-.502.937-.338.217-.818.322-1.448.322-.675 0-1.26-.105-1.762-.315a8.959 8.959 0 0 1-1.343-.69 1.27 1.27 0 0 0-.428.443 1.14 1.14 0 0 0-.157.585c0 .255.09.48.27.69.18.21.435.39.765.548.33.157.727.27 1.185.36a8.65 8.65 0 0 0 1.515.127v.008zm-10.267-1.702c-.743 0-1.29-.128-1.636-.39-.345-.263-.525-.623-.525-1.08 0-.457.158-.78.48-.997.323-.218.803-.36 1.448-.428l2.288-.232v2.67c-.158.112-.413.217-.78.314-.368.098-.788.15-1.283.15l.008-.007zm0 1.725c.757 0 1.417-.075 1.994-.232a5.762 5.762 0 0 0 1.41-.548c.255-.15.45-.315.6-.495.15-.18.218-.428.218-.742v-4.89c0-1.215-.383-2.108-1.155-2.678-.773-.57-1.808-.848-3.105-.848-.563 0-1.095.046-1.597.136-.503.09-.953.232-1.343.427a1.431 1.431 0 0 0-.555.397.922.922 0 0 0-.18.585 1 1 0 0 0 .15.533c.097.158.218.3.36.413a9.79 9.79 0 0 1 1.388-.525 5.531 5.531 0 0 1 1.62-.233c.712 0 1.267.143 1.672.42s.6.727.6 1.342v.465l-2.918.293c-1.117.113-1.98.412-2.572.9-.593.487-.892 1.2-.892 2.123 0 1.035.382 1.822 1.147 2.355.765.532 1.822.794 3.18.794l-.023.008z' fill='%23000'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}

.site_select {
  position: relative;
  margin-top: 25px;
  background-color: #343434;
  font-weight: 500;
  line-height: 1.79;
  color: #fff;
}
.site_select .btn_site {
  position: relative;
  width: 100%;
  height: 38px;
  padding: 6px 16px 7px 14px;
  text-align: left;
}
.site_select .btn_site:before, .site_select .btn_site:after {
  position: absolute;
  top: 12px;
  right: 20px;
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background-color: #fff;
  z-index: 1;
  transition: all 0.2s;
}
.site_select .btn_site:after {
  transform: rotate(-90deg);
}
.site_select.is_open .site_list {
  display: block;
}
.site_select.is_open .btn_site:before {
  transform: rotate(45deg);
}
.site_select.is_open .btn_site:after {
  transform: rotate(-45deg);
}
.site_list {
  display: none;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 0;
  right: 0;
  width: 100%;
  background-color: #343434;
}
.site_list li + li {
  border-top: 1px solid #282828;
}
.site_list .btn_go {
  display: block;
  padding: 6px 0 7px 14px;
  color: #c7c7c7;
  line-height: 1.79;
}
.site_list .btn_go span {
  position: relative;
  display: inline-block;
  padding-right: 13px;
}
.site_list .btn_go span:after {
  position: absolute;
  top: 8px;
  right: 0;
  width: 8px;
  height: 8px;
  background: url("../../static/images/ico_site_go.svg") no-repeat 0 0/100% auto;
  content: "";
}

.btnTop span {
  position: relative;
  padding-top: 7px;
}
.btnTop span:before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  content: "";
  width: 7px;
  height: 7px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
}

.container {
  flex: 1;
}
.container-page {
  padding-bottom: 60px;
}
.container-page .section {
  padding: 0 24px;
}
.container-page .section-terms {
  padding-top: 15px;
}
.container.has-fixed {
  padding-bottom: 90px;
}

.btm-btns {
  padding: 0 24px 40px;
}

.btm-fixed {
  position: sticky;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 30;
}
.btm-fixed .btn-wrap {
  gap: 0;
}
.btm-fixed .btn {
  min-height: 50px;
  border-radius: 0;
  padding: 15px 0;
  align-items: center;
}
.btm-fixed .tooltip-layer {
  max-width: 320px;
  width: 100%;
  background-color: #fff0f3;
}
.btm-fixed .tooltip-layer .tooltip {
  margin: 0;
  width: 100%;
}
.btm-fixed .tooltip-layer .tooltip-content {
  width: 100%;
  max-width: 100%;
}
.btm-fixed.is-active .tooltip:before {
  border-bottom-color: #fff0f3;
}
.btm-fixed.is-active .tooltip-content {
  background-color: #fff0f3;
}

.tooltip-layer {
  position: absolute;
  bottom: 100%;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  z-index: 11;
}
.tooltip-layer .tooltip:before {
  border-bottom-color: #f0f2f7;
  transform: rotate(180deg);
  top: 100%;
  z-index: 12;
}
.tooltip-layer .tooltip-content {
  position: static;
  border-radius: 8px;
  padding: 18px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: #f0f2f7;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.41px;
  text-align: left;
}
.tooltip-layer .tooltip-content .label {
  color: #ff5400;
  align-items: center;
}

.popup-wrap {
  display: none;
}
.popup-wrap.is-active {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 50;
}
.popup-inner {
  display: flex;
  flex-direction: column;
  width: 312px;
  border-radius: 8px;
  overflow: hidden;
}
.popup-inner--square {
  width: 262px;
  border-radius: 0;
}

.mt0 {
  margin-top: 0px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt24 {
  margin-top: 24px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb24 {
  margin-bottom: 24px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb48 {
  margin-bottom: 48px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}

.pt0 {
  padding-top: 0px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt24 {
  padding-top: 24px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb24 {
  padding-bottom: 24px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}

.base-input {
  color: transparent;
}
.base-input:-webkit-input-placeholder, .base-input:-ms-input-placeholder, .base-input:-moz-placeholder {
  color: transparent;
}

.txt-input:read-only {
  color: #9faae5;
}

.hidden {
  display: block;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}

.al-left {
  text-align: left !important;
}
.al-right {
  text-align: right !important;
}
.al-center {
  text-align: center !important;
}

/* button */
.btn {
  display: inline-flex;
  width: 100%;
  font-size: 16px;
  text-align: center;
  color: #fff;
  font-weight: 900;
  padding: 13px 0;
  background-color: #333647;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
}
.btn-wrap {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.btn-wrap.btn-mid {
  margin: 20px 0;
}
.btn-wrap.last {
  margin-top: 40px;
}
.btn-wrap.last.al-right {
  justify-content: flex-end;
  text-align: right;
  margin-top: 16px;
}
.btn-wrap.type-col {
  width: 100%;
}
.btn-wrap.type-col .w-sm {
  max-width: 100%;
}
.btn-floating {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 20;
  padding: 32px 16px 16px;
  background-image: linear-gradient(to top, #fff 24%, rgba(255, 255, 255, 0));
}
.btn-floating .btn {
  padding: 18px 0;
  font-size: 18px;
  background-color: #ea3062;
}
.btn-prev {
  color: #989898;
  background-color: #e6ebf4;
  width: 35.34%;
}
.btn:disabled, .btn--disabled {
  background-color: #d9d9d9;
  font-weight: 800;
  cursor: default;
}
.btn--small {
  background-color: #333647;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  font-weight: 500;
  width: auto;
  padding: 1px 12px 0;
  border-radius: 40px;
}
.btn--round {
  padding: 15px 10px;
  border-radius: 120px;
  font-size: 14px;
  line-height: normal;
  color: #333647;
  background-color: #e7ecf3;
  white-space: nowrap;
}
.btn--round.h-mid {
  padding: 14.5px 10px;
  font-size: 16px;
  line-height: 1.1875;
}
.btn--underline {
  width: auto;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  padding: 0;
  line-height: 1.2142857143;
  background-color: transparent;
  color: #000;
}
.btn--blue {
  color: #0068e2;
}
.btn--yellow {
  background-color: #f1d607;
  color: #372020;
}
.btn--white {
  background-color: #fff;
  color: #000;
}
.btn--orange {
  background-color: #ffeef1;
  color: #fa4c00;
}
.btn.w-sm {
  max-width: 150px;
}
.btn-map {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="16" cy="16" r="16" fill="%23EA3062"/><g clip-path="url(%23clip0_168_2575)"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 8C13.2562 8 11 10.2682 11 13.09C11 13.7032 11.2941 14.7003 11.8523 15.9645C12.3931 17.1894 13.122 18.5364 13.8626 19.7991C14.6012 21.0585 15.3414 22.2169 15.8976 23.0615C15.9325 23.1145 15.9666 23.1662 16 23.2166C16.0334 23.1662 16.0675 23.1145 16.1024 23.0615C16.6586 22.2169 17.3988 21.0585 18.1374 19.7991C18.878 18.5364 19.6069 17.1894 20.1477 15.9645C20.7059 14.7003 21 13.7032 21 13.09C21 10.2682 18.7438 8 16 8ZM16 25C15.1814 25.5744 15.1814 25.5743 15.1813 25.5742L15.1763 25.567L15.1625 25.5474L15.1106 25.4726C15.0654 25.4074 14.9997 25.312 14.9163 25.1898C14.7495 24.9455 14.512 24.5938 14.2274 24.1616C13.6586 23.2981 12.8988 22.109 12.1374 20.8109C11.378 19.5161 10.6069 18.0956 10.0227 16.7723C9.45587 15.4885 9 14.1568 9 13.09C9 9.19177 12.1238 6 16 6C19.8762 6 23 9.19177 23 13.09C23 14.1568 22.5441 15.4885 21.9773 16.7723C21.3931 18.0956 20.622 19.5161 19.8626 20.8109C19.1012 22.109 18.3414 23.2981 17.7726 24.1616C17.488 24.5938 17.2505 24.9455 17.0837 25.1898C17.0003 25.312 16.9346 25.4074 16.8894 25.4726L16.8375 25.5474L16.8237 25.567L16.819 25.5737C16.8189 25.5739 16.8186 25.5744 16 25ZM16 25L16.819 25.5737C16.6318 25.8405 16.3259 26 16 26C15.6741 26 15.3685 25.8409 15.1813 25.5742L16 25Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.9999 12.48C15.5573 12.48 15.1799 12.8457 15.1799 13.32C15.1799 13.7942 15.5573 14.16 15.9999 14.16C16.4425 14.16 16.8199 13.7942 16.8199 13.32C16.8199 12.8457 16.4425 12.48 15.9999 12.48ZM13.1799 13.32C13.1799 11.7618 14.4322 10.48 15.9999 10.48C17.5677 10.48 18.8199 11.7618 18.8199 13.32C18.8199 14.8781 17.5677 16.16 15.9999 16.16C14.4322 16.16 13.1799 14.8781 13.1799 13.32Z" fill="white"/></g><defs><clipPath id="clip0_168_2575"><rect width="14" height="20" fill="white" transform="translate(9 6)"/></clipPath></defs></svg>') no-repeat 50% 50%/100% auto;
}

.btn-call {
  display: inline-flex;
  width: 36px;
  height: 36px;
  background: url("../../static/images/btn_call.png") no-repeat 50% 50%/100% auto;
}

.btn-sns {
  display: inline-flex;
  width: 35px;
  height: 36px;
}
.btn-sns.sns-kakao {
  background: url("../../static/images/sns_kakaotalk.png") no-repeat 50% 50%/100% auto;
}

.btn-open {
  position: relative;
  text-align: left;
  min-width: 40px;
  min-height: 40px;
  transition: transform 0.3s linear;
}
.btn-open::before {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  margin: auto;
  width: 14px;
  height: 8px;
  content: "";
  background: url("../../static/images/ico_open.png") no-repeat 50% 50%/100% auto;
  transform: translateY(-50%) rotate(180deg);
}

[data-role=accordion-item].is-active .btn-open::before {
  transform: translateY(-50%);
}

.btn-sel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: left;
}
.btn-sel:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 16px;
  height: 10px;
  margin-top: -5px;
  background: url('data:image/svg+xml,<svg width="16" height="10" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 2.07 8 10 0 2.07 2.09 0 8 5.86 13.91 0 16 2.07z" fill="%23cfcfcf"/></svg>') no-repeat 50% 50%/100% auto;
  transition: 0.3s all;
}

.able .btn-sel:after {
  background-image: url('data:image/svg+xml,<svg width="16" height="10" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 2.07 8 10 0 2.07 2.09 0 8 5.86 13.91 0 16 2.07z" fill="%23333647"/></svg>');
}

.btn-link {
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.btn-link::before {
  display: flex;
  width: 8px;
  height: 14px;
  margin: auto;
  background: url("../../static/images/ico_link.png") no-repeat 50% 50%/cover;
  content: "";
}

.inp-cal .btn-sel:after {
  width: 18px;
  height: 16px;
  background-image: url("../../static/images/ico_calendar.png");
  transition: none;
  margin-top: -8px;
}

/* form */
.chk-box {
  position: relative;
  display: inline-flex;
}
.chk-box .label {
  position: relative;
  display: inline-flex;
  min-height: 20px;
  padding: 0;
  vertical-align: top;
  color: #333;
  flex: 1;
  align-items: center;
}
.chk-box .label:before {
  display: inline-flex;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border: 0;
  content: "";
  vertical-align: text-bottom;
  background: #fff url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9801 7.19995L17.7901 8.77997L12.1401 15.2399L12.1901 15.2899L11.3701 16.1199L10.6101 16.9899L10.5501 16.9399L10.5001 16.9899L9.6801 16.1699L8.8001 15.4099L8.8501 15.3499L5.6001 12.09L7.3001 10.4L10.4401 13.5399L15.9801 7.19995Z" fill="%23CFCFCF"/></svg>') no-repeat 50% 50%/100% auto;
}
.chk-box .label em {
  margin-left: 10px;
}
.chk-box .chk-input {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.chk-box .chk-input:checked + .label:before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9801 7.19995L17.7901 8.77997L12.1401 15.2399L12.1901 15.2899L11.3701 16.1199L10.6101 16.9899L10.5501 16.9399L10.5001 16.9899L9.6801 16.1699L8.8001 15.4099L8.8501 15.3499L5.6001 12.09L7.3001 10.4L10.4401 13.5399L15.9801 7.19995Z" fill="%23333647"/></svg>');
}
.chk-box.type-bg .label::before {
  background-color: #C8C8C8;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9801 7.19995L17.7901 8.77997L12.1401 15.2399L12.1901 15.2899L11.3701 16.1199L10.6101 16.9899L10.5501 16.9399L10.5001 16.9899L9.6801 16.1699L8.8001 15.4099L8.8501 15.3499L5.6001 12.09L7.3001 10.4L10.4401 13.5399L15.9801 7.19995Z" fill="%23FFFFFF"/></svg>');
}
.chk-box.type-bg .chk-input:checked + .label:before {
  background-color: #333647;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9801 7.19995L17.7901 8.77997L12.1401 15.2399L12.1901 15.2899L11.3701 16.1199L10.6101 16.9899L10.5501 16.9399L10.5001 16.9899L9.6801 16.1699L8.8001 15.4099L8.8501 15.3499L5.6001 12.09L7.3001 10.4L10.4401 13.5399L15.9801 7.19995Z" fill="%23FFFFFF"/></svg>');
}
.chk-box.type-bg.red .chk-input:checked + .label:before {
  background-color: #eb3c6b;
}

.chk-box.type-right .label {
  flex-direction: row-reverse;
}
.chk-box.type-right .label em {
  font-size: 16px;
  margin-left: 0;
  margin-right: 10px;
}
.chk-box.type-right .label:before {
  margin-left: auto;
}
.chk-box.full {
  width: 100%;
}
.chk-box.btn-type .label {
  color: #cfcfcf;
}
.chk-box.btn-type .label em {
  margin-left: 16px;
  font-weight: 900;
}
.chk-box.btn-type .label:before {
  width: 18px;
  height: 18px;
  background-color: transparent;
  background-size: 32px auto;
  background-position: 50% 50%;
}


.chk-box.btn-type .chk-input:checked + .label {
  color: #000;
}
.chk-box.btn-type .chk-input:checked + .label:before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9801 7.19995L17.7901 8.77997L12.1401 15.2399L12.1901 15.2899L11.3701 16.1199L10.6101 16.9899L10.5501 16.9399L10.5001 16.9899L9.6801 16.1699L8.8001 15.4099L8.8501 15.3499L5.6001 12.09L7.3001 10.4L10.4401 13.5399L15.9801 7.19995Z" fill="%23ea3062"/></svg>');
}

.chk-box-list li {
  margin-top: 8px;
}

.rdo-box .rdo-input {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.rdo-box .rdo-input:checked + .label::before {
  border-color: #000;
  background: #000 url("../../static/images/radio_ico_check.svg") no-repeat 50% 50%/12px auto;
}
.rdo-box .label {
  position: relative;
  display: inline-flex;
  min-height: 20px;
  padding: 0;
  vertical-align: top;
  color: #333;
  flex: 1;
  align-items: center;
}
.rdo-box .label:before {
  display: inline-flex;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 0;
  content: "";
  border: 1px solid #cfcfcf;
  border-radius: 50%;
  background-color: #fff;
}
.rdo-box .label em {
  margin-left: 10px;
}

.flex-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-wrap.sum-block .item-title {
  color: #000;
}

.form-wrap {
  width: 100%;
  margin-bottom: 40px;
}
.form-list + .form-list {
  margin-top: 20px;
}
.form-title {
  display: block;
  margin-bottom: 1px;
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
}
.form-cont {
  position: relative;
  display: flex;
  flex: 1;
  min-height: 50px;
  padding: 10px 1px;
  border-bottom: 1px solid #e0e0e0;
  line-height: 1.75;
  align-items: center;
}
.form-cont.is-input {
  border-color: #ea3062;
}
.form-cont + .form-cont {
  margin-top: 8px;
}
.form-cont.type-wrap {
  flex-wrap: wrap;
  margin-top: 6px;
  padding-bottom: 12px;
}
.form-cont.type-wrap .item-text.al-right {
  width: 100%;
  margin-top: 4px;
}
.form-cont .item-title {
  font-weight: 900;
  color: #b7c2d6;
}
.form-cont .item-text {
  font-weight: 500;
}
.form-cont .item-text.al-right {
  margin-top: 8px;
  text-align: right;
}
.form-cont .btn-sel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}
.form-cont .txt-input {
  height: 30px;
}
.form-cont .inp-cal {
  width: 100%;
}
.form-cont .selbox-wrap.open .btn-sel:after {
  transform: rotate(-180deg);
}
.form-cont .selbox-wrap.open .layer {
  visibility: visible;
  opacity: 1;
  z-index: 50;
}
.form-cont .selbox-wrap.open .inp-cal .btn-sel:after {
  transform: none;
}
.form-cont .selbox-wrap.open .btn-wrap.btn-fixed {
  z-index: 50;
}
.form-cont .selbox-wrap.open .btn-wrap.btn-fixed .btn {
  display: flex;
  border-radius: 0;
  min-height: 50px;
  align-items: center;
}
.form-cont.type-col {
  padding: 0;
  justify-content: space-between;
}
.form-cont.type-col .inbox {
  flex: 1;
  text-align: center;
}
.form-cont.type-col .inbox .item-title {
  padding: 11px 0;
  border-bottom: 1px solid #e0e0e0;
}
.form-cont.type-col .inbox .item-text {
  margin-top: 8px;
  padding: 11px 0;
}
.form-cont.w-fix {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.form-cont .form-item {
  flex: 1;
  display: flex;
  align-items: center;
}
.form-cont .form-item.txt-input, .form-cont .form-item.base-input {
  width: 100%;
}
.form-cont .fx-holder {
  display: flex;
  flex: 1;
  align-items: center;
}
.form-cont .fx-holder .txt-input.first {
  width: 13px;
}
.form-cont .fx-holder .fx-item {
  display: flex;
  flex: 1;
  align-items: center;
}
.form-cont .fx-holder .fx-item.readonly {
  color: #9faae5;
}
.form-cont .fx-holder .fx-item.readonly .masking-dot {
  color: #9faae5;
}
.form-cont .fx-holder.side {
  margin-left: auto;
}
.form-cont .fx-holder .masking-dot {
  font-size: 12px;
  letter-spacing: 3px;
  color: #cfcfcf;
}
.form-cont.border-none, .form-cont.sum-block {
  border: 0;
}
.form-item.dash {
  width: 10px;
  height: 1px;
  margin: 0 10px;
  background-color: #000;
  flex: none;
}
.form-item input[type=text],
.form-item input[type=tel],
.form-item input[type=password] {
  width: 100%;
}
.form-inp {
  flex: 1;
}
.form-inp input[type=text]:read-only,
.form-inp input[type=tel]:read-only,
.form-inp input[type=password]:read-only {
  color: #9faae5;
}
.form-text {
  display: block;
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.33;
  color: #ff5400;
}

.form-text:last-child {
  margin-bottom: 30px;
}

.form-text-guide {
  display: block;
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.33;
  color: #9faae5;
}

.form-text-guide:last-child {
  margin-bottom: 30px;
}

.form-birth {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 8px;
}
.form-birth .chk-box {
  white-space: nowrap;
  height: 30px;
}
.form-birth .form-cont + .form-cont {
  margin: 0;
}

.form-section {
  margin-bottom: 18px;
}
.form-section .form-wrap {
  margin-bottom: 16px;
}

.section:first-child .form-section:first-child {
  margin-top: 8px;
}
.section .tab-wrap {
  margin-left: -24px;
  margin-right: -24px;
}

.sel-val {
  position: absolute;
  top: 50%;
  left: 0;
  padding-right: 35px;
  transform: translateY(-50%);
  text-align: left;
  color: #cfcfcf;
  font-weight: 700;
  font-size: 16px;
}
.sel-val.selected {
  color: #000;
}

/* scroll */
.scroll-dimmed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 35;
}

.modal-dimmed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 45;
}

.iScrollIndicator {
  background: #333647 !important;
  border-radius: 7px !important;
  border: none !important;
}

.iScrollVerticalScrollbar {
  top: 10px !important;
  bottom: 10px !important;
  width: 2px !important;
  right: 36px !important;
  background-color: #ededed;
}

.layer {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 100%;
  font-size: 20px;
  background: #fff;
  z-index: 30;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  border-radius: 8px 8px 0 0;
  transform: translateY(0);
  transition: transform 0.3s;
}
.layer-header {
  position: relative;
  display: flex;
  padding: 23px 50px 19px 24px;
  line-height: 1;
  background-color: #f6f7f9;
  border-bottom: 1px solid #ededed;
  z-index: 10;
  align-items: center;
}
.layer-header .title {
  font-size: 20px;
  line-height: 1.4;
  color: #ea3062;
}
.layer-header .emo {
  margin-left: 5px;
}
.layer-close {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  top: 50%;
  right: 22px;
  margin-top: -15px;
  background: url("../../static/images/ico_sel_close.png") no-repeat 50% 50%/16px auto;
}
.layer .scroller {
  position: absolute;
  padding: 0;
  z-index: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
}
.layer .scroller ul {
  padding: 12px 36px 12px 9px;
}
.layer .scroller ul input {
  position: absolute;
  visibility: hidden;
}
.layer .scroller ul input:checked + label {
  background: #f6f7f9;
}
.layer .scroller ul label {
  display: block;
  padding-left: 20px;
  font-size: 16px;
  line-height: 3;
  color: #000;
  font-weight: 500;
}
.layer .scroller ul label:hover {
  background: #f6f7f9;
}
.layer .scroll {
  position: absolute;
  z-index: 1;
  top: 70px;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}

/* select layer */
.selbox-wrap.open .layer {
  max-height: 50vh;
  height: 100%;
  transform: translateY(-100%);
  transition: transform 0.3s;
}
.selbox-wrap.open .layer-calendar {
  height: auto;
  max-height: none;
}

/* tooltip */
.tooltip {
  position: relative;
  display: inline-flex;
  margin-left: 8px;
}
.tooltip-btn:before {
  display: block;
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="%2326272E"/><path d="M9.09015 3.56006L8.86014 9.79006H7.13016L6.91016 3.56006H9.09015ZM8.86014 10.6701V12.4601H7.13016V10.6701H8.86014Z" fill="white"/></svg>') no-repeat 0 0;
  content: "";
}
.tooltip-btn.bg-gray:before {
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="%23aeb0b3"/><path d="M9.09015 3.56006L8.86014 9.79006H7.13016L6.91016 3.56006H9.09015ZM8.86014 10.6701V12.4601H7.13016V10.6701H8.86014Z" fill="%23FFFFFF"/></svg>');
}
.tooltip:before {
  position: absolute;
  left: 50%;
  top: calc(100% - 3px);
  display: none;
  width: 0;
  height: 0;
  border-bottom: 6px solid #000;
  border-top: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  transform: translateX(-50%);
  background-color: transparent;
  content: "";
}
.tooltip-content {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: max-content;
  max-width: calc(100vw - 48px);
  padding: 10px 12px;
  background: #000;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  z-index: 10;
}
.tooltip--right {
  text-align: right;
}
.tooltip.is-show .tooltip-content {
  display: inline-flex;
}
.tooltip.is-show:before {
  display: block;
}

/* step */
.step-num {
  display: flex;
  margin-top: 8px;
  margin-bottom: 17px;
  font-weight: 900;
  line-height: 28px;
  font-size: 14px;
}
.step-num .mid {
  margin: 0 4px;
}
.step-num .num {
  font-weight: 900;
}
.step-num .num em {
  color: #ea3062;
}

/* title */
.title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.27;
}

.sect-title {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.27;
  margin: 16px 0 28px;
}
.sect-title-desc {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #646464;
}
.sect-title-wrap {
  margin-bottom: 28px;
}
.sect-title-wrap .sect-title {
  margin-bottom: 0;
}

.title-m {
  font-size: 20px;
  font-weight: 900;
}

.page-title {
  margin-bottom: 17px;
  font-size: 14px;
  font-weight: 900;
  color: #ea3062;
}

/* text */
.text {
  font-size: 14px;
}
.text-m {
  font-size: 16px;
}
.text-s {
  font-size: 12px;
}
.text-pre {
  white-space: pre-line;
  color: #646464;
  font-size: 14px;
}

.fc-point {
  color: #ea3062 !important;
}

.fc-blue {
  color: #0068e2 !important;
}

/* popup */
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none;
}
.popup .formPop_bg,
.popup .bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
}
.popup .bg_alert {
  background-color: rgba(0, 0, 0, 0.5);
}
.popup .in {
  position: relative;
  z-index: 10;
  max-width: 620px;
  height: 100%;
  padding: 142px 50px 110px;
  margin: 0 auto;
  background-color: #fff;
  overflow-y: auto;
}
.popup .in:before {
  content: "";
  position: fixed;
  width: 610px;
  top: 0;
  left: 50%;
  display: block;
  margin-left: -310px;
  height: 77px;
  z-index: 20;
}
.popup .in::-webkit-scrollbar {
  width: 10px;
}
.popup .in::-webkit-scrollbar-thumb {
  background-color: #fff;
}
.popup .in::-webkit-scrollbar-track {
  background-color: #fff;
}
.popup .close {
  position: fixed;
  left: 50%;
  top: 10px;
  text-indent: -999em;
  width: 40px;
  height: 40px;
  margin-left: 260px;
  z-index: 20;
}
.popup .close:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 26px;
  margin-left: -13px;
  height: 1px;
  background-color: #000;
  transform: rotate(45deg);
}
.popup .close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 26px;
  margin-left: -13px;
  height: 1px;
  background-color: #000;
  transform: rotate(-45deg);
}
.popup.agreePop .in {
  background-color: #000;
  color: #fff;
}
.popup.agreePop .close:before, .popup.agreePop .close:after {
  background-color: #fff;
}
.popup-content {
  text-align: center;
  padding: 35px 24px 32px;
  background-color: #fff;
}
.popup-content .btn--underline {
  line-height: 1.25;
}
.popup-content .mark_notice {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto 22px;
  background: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_168_3123" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48"><path d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="white"/></mask><g mask="url(%23mask0_168_3123)"><mask id="mask1_168_3123" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-156" y="-213" width="360" height="760"><path d="M204 -213H-156V547H204V-213Z" fill="white"/></mask><g mask="url(%23mask1_168_3123)"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 1.5C11.5736 1.5 1.5 11.5736 1.5 24C1.5 36.4264 11.5736 46.5 24 46.5C36.4264 46.5 46.5 36.4264 46.5 24C46.5 11.5736 36.4264 1.5 24 1.5ZM-1.5 24C-1.5 9.91674 9.91674 -1.5 24 -1.5C38.0833 -1.5 49.5 9.91674 49.5 24C49.5 38.0833 38.0833 49.5 24 49.5C9.91674 49.5 -1.5 38.0833 -1.5 24Z" fill="black"/></g></g><mask id="mask2_168_3123" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="20" y="10" width="8" height="28"><path d="M27.2702 10.6899L26.5802 29.3899H21.3802L20.7202 10.6899H27.2702ZM26.5902 31.9999V37.3699H21.3902V31.9999H26.5902Z" fill="white"/></mask><g mask="url(%23mask2_168_3123)"><mask id="mask3_168_3123" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-156" y="-213" width="360" height="760"><path d="M204 -213H-156V547H204V-213Z" fill="white"/></mask><g mask="url(%23mask3_168_3123)"><path d="M28.28 9.68994H19.73V38.3699H28.28V9.68994Z" fill="black"/></g></g></svg>') no-repeat 50% 50%/100% auto;
}
.popup-title {
  font-size: 22px;
  line-height: 1.2727272727;
  font-weight: 900;
}
.popup-text {
  margin-top: 12px;
  line-height: 1.25;
}
.popup-text + .popup-text {
  margin-top: 16px;
}
.popup-call .popup-title {
  font-size: 20px;
  line-height: 1.05;
}
.popup-btn-wrap .btn {
  border-radius: 0;
  font-weight: 500;
  line-height: 1.75;
}
.popup-btn-wrap .btn--white {
  padding: 18px 0;
  border-top: 1px solid #e0e0e0;
  line-height: 1.3125;
}

/* calendar */
.calendar-content {
  padding: 16px 16px 21px;
}
.calendar-content .ui-widget {
  font-family: "Apple SD Gothic Neo", "NotoSansKR", sans-serif;
}
.calendar-content .ui-datepicker {
  width: 100%;
  padding: 0;
  border: 0;
}
.calendar-content .ui-datepicker-header {
  display: flex;
  height: 44px;
  margin-bottom: 2px;
  padding: 7px 0;
  background: transparent;
  border: 0;
  align-items: center;
}
.calendar-content .ui-datepicker-title {
  flex: 1;
  order: 1;
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.24;
  text-align: left;
}
.calendar-content .ui-datepicker-prev,
.calendar-content .ui-datepicker-next {
  position: static;
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.calendar-content .ui-datepicker-prev .ui-icon,
.calendar-content .ui-datepicker-next .ui-icon {
  position: static;
  display: block;
  content: "";
  width: 10px;
  height: 17.3px;
  margin: auto;
}
.calendar-content .ui-datepicker-prev.ui-state-hover,
.calendar-content .ui-datepicker-next.ui-state-hover {
  background-color: transparent;
  border: 0;
}
.calendar-content .ui-datepicker-prev {
  order: 2;
  margin-right: 17px;
}
.calendar-content .ui-datepicker-prev .ui-icon {
  background: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 9C0 9.3418 0.126953 9.63477 0.400391 9.88867L7.99805 17.3301C8.21289 17.5449 8.48633 17.6621 8.80859 17.6621C9.45312 17.6621 9.9707 17.1543 9.9707 16.5C9.9707 16.1777 9.83398 15.8945 9.61914 15.6699L2.77344 9L9.61914 2.33008C9.83398 2.10547 9.9707 1.8125 9.9707 1.5C9.9707 0.845703 9.45312 0.337891 8.80859 0.337891C8.48633 0.337891 8.21289 0.455078 7.99805 0.669922L0.400391 8.10156C0.126953 8.36523 0 8.6582 0 9Z" fill="%23333647"/></svg>') no-repeat 50% 50%/100% auto;
}
.calendar-content .ui-datepicker-next {
  order: 3;
  margin-right: -7px;
}
.calendar-content .ui-datepicker-next .ui-icon {
  background: url('data:image/svg+xml,<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 9C9.99023 8.6582 9.86328 8.36523 9.59961 8.10156L2.00195 0.669922C1.77734 0.455078 1.51367 0.337891 1.19141 0.337891C0.537109 0.337891 0.0292969 0.845703 0.0292969 1.5C0.0292969 1.8125 0.15625 2.10547 0.380859 2.33008L7.2168 9L0.380859 15.6699C0.15625 15.8945 0.0292969 16.1777 0.0292969 16.5C0.0292969 17.1543 0.537109 17.6621 1.19141 17.6621C1.50391 17.6621 1.77734 17.5449 2.00195 17.3301L9.59961 9.88867C9.87305 9.63477 10 9.3418 10 9Z" fill="%23333647"/></svg>') no-repeat 50% 50%/100% auto;
}
.calendar-content .ui-datepicker-calendar {
  font-size: 20px;
  margin: 0;
}
.calendar-content .ui-datepicker th,
.calendar-content .ui-datepicker td {
  padding: 0;
  text-align: center;
  vertical-align: middle;
  letter-spacing: 0.38px;
}
.calendar-content .ui-datepicker th {
  font-size: 13px;
  color: rgba(60, 60, 67, 0.3);
}
.calendar-content .ui-datepicker th.ui-datepicker-week-end {
  color: rgba(255, 0, 0, 0.3);
}
.calendar-content .ui-datepicker th.ui-datepicker-week-end:last-child {
  color: rgba(12, 51, 255, 0.3);
}
.calendar-content .ui-datepicker td {
  padding: 3px 0;
}
.calendar-content .ui-datepicker td span,
.calendar-content .ui-datepicker td a {
  display: inline-flex;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  margin: auto;
  font-size: 20px;
  justify-content: center;
  align-items: center;
}
.calendar-content .ui-datepicker td .ui-state-default {
  border: 0;
  background-color: transparent;
}
.calendar-content .ui-datepicker .ui-datepicker-week-end span,
.calendar-content .ui-datepicker .ui-datepicker-week-end .ui-state-default {
  color: #ff6a6a;
}
.calendar-content .ui-datepicker .ui-datepicker-week-end:last-child span,
.calendar-content .ui-datepicker .ui-datepicker-week-end:last-child .ui-state-default {
  color: #7299ff;
}
.calendar-content .ui-datepicker .ui-state-default {
  border-radius: 50%;
}
.calendar-content .ui-datepicker .ui-datepicker-today .ui-state-default {
  color: #cdcdcd;
  border: solid 1px #cdcdcd;
  font-weight: 600;
}
.calendar-content .ui-datepicker .ui-datepicker-current-day .ui-state-active {
  border-color: #e93062;
  background-color: #e93062;
  color: #fff;
}
.calendar-content .ui-datepicker .ui-datepicker-current-day:last-child .ui-state-active {
  color: #fff;
}
.calendar-description {
  width: 100%;
  margin-top: 11px;
  padding: 5px 0;
  font-size: 14px;
  line-height: 1.5714285714;
  font-weight: 600;
  color: #ff4c4c;
  letter-spacing: -0.4px;
  text-align: center;
  background-color: #ffeee6;
  border-radius: 40px;
}

/* accordion */
[data-role=accordion-item].is-active [data-role=accordion-content] {
  display: block;
}

[data-role=accordion-content] {
  display: none;
}

.accordion.type-sp .accordion-item {
  margin-top: 24px;
}
.accordion.type-sp .accordion-title {
  padding: 15px 45px 15px 24px;
  font-weight: 500;
}
.accordion.type-sp .accordion-content {
  padding-top: 16px;
  padding-bottom: 48px;
}
.accordion-item.is-active .accordion-title:before {
  transform: rotate(-180deg);
}
.accordion-title {
  position: relative;
  position: relative;
  display: flex;
  padding: 21px 45px 20px 24px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 16px;
  line-height: 1.1875;
  font-weight: 900;
  flex-wrap: wrap;
  align-items: center;
}
.accordion-title > em {
  margin-right: 8px;
}
.accordion-title:before {
  position: absolute;
  top: 50%;
  right: 24px;
  display: block;
  width: 14px;
  height: 8px;
  margin-top: -4px;
  background: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 8L14 0.714771L13.3132 0L7 6.57046L0.686787 0L0 0.714771L7 8Z" fill="black"/></svg>') no-repeat 50% 50%/100% auto;
  transition: transform 0.3s linear;
  transform-origin: 50% 50%;
  content: "";
}
.accordion-title .sub-text {
  font-size: 14px;
  font-weight: 500;
  color: #646464;
}
.accordion-title .aside {
  margin-right: 12px;
  margin-left: auto;
}
.accordion-title.no-link {
  padding-right: 24px;
}
.accordion-title.no-link:before {
  display: none;
}
.accordion-title.no-link .aside {
  margin-right: 0;
}
.accordion-content {
  padding: 24px 24px 41px;
}
.accordion-content .form-wrap {
  margin-bottom: 20px;
}
.accordion-content.bg-wh {
  background-color: #fff;
}
.accordion.w-wide {
  margin-left: -24px;
  margin-right: -24px;
}

/* info box */
.notice-box {
  margin-top: 30px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.41px;
  padding: 18px;
  border-radius: 8px;
  background-color: #f0f2f7;
  color: #ff5400;
  text-align: center;
}

.info-box {
  border: solid 1px #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
}
.info-box .info-title {
  background-color: #fff;
  padding: 19px 24px 15px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  line-height: 1;
}
.info-box .info-title .btn-open {
  min-height: auto;
  width: 100%;
}
.info-box .info-content {
  padding: 17px 24px 22px;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #646464;
  border-top: solid 1px #e0e0e0;
  background-color: #faf9f9;
}

.rnd-box {
  padding: 14px 18px;
  border-radius: 8px;
  background-color: #f0f2f7;
  font-size: 0;
  line-height: 0;
}
.rnd-box .chk-box.full {
  align-items: center;
}

.text-sbox {
  display: block;
  margin: 34px 0;
  font-size: 12px;
  text-align: center;
  color: #646464;
}

/* loading bar */
.loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  flex: 1;
  padding: 10px;
}
.loading .loading-img {
  width: 64px;
  height: 64px;
  margin: 0 auto;
}
.loading .loading-text {
  margin-top: 20px;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.27;
}

/* tab */
.tab-wrap {
  margin-top: 25px;
}
.tab-list {
  display: flex;
  margin-bottom: 10px;
  border-bottom: 2px solid #e6ebf4;
  box-shadow: 0 10px 0 #f0f2f7;
  padding: 0 24px;
}
.tab-list.type-noline {
  box-shadow: none;
  margin-bottom: 0;
}
.tab-item {
  position: relative;
  width: 100%;
  color: #b7c2d6;
}
.tab-item.is-active {
  color: #000;
}
.tab-item.is-active:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: #ea3062;
  content: "";
}
.tab-link {
  display: block;
  padding: 22px 0 12px;
  text-align: center;
  font-size: 20px;
  font-weight: 900;
}
.tab-panel {
  display: none;
  padding: 40px 24px;
}
.tab-panel.is-active {
  display: block;
}

/* card */
.card {
  padding-top: 20px;
  margin-bottom: 30px;
}
.card-inner {
  border: solid 1px #e0e0e0;
  background-color: #faf9f9;
  border-radius: 8px;
}
.card-header {
  position: relative;
  background-color: #fff;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.card-header .name {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33;
}
.card-header .card-logo {
  position: absolute;
  top: -20px;
  left: 20px;
  width: 40px;
  height: 40px;
}
.card-header .card-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-header .price {
  display: block;
  margin-top: 5px;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.05;
  padding-right: 25px;
}
.card-link {
  position: relative;
  display: flex;
  padding: 28px 24px 19px;
  flex-direction: column;
}
.card-link:before {
  position: absolute;
  bottom: 19px;
  right: 24px;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("../../static/images/ico_arrow_bl_rnd.svg") no-repeat 50% 50%/100% auto;
}
.card-body {
  padding: 17px 24px 22px;
  border-top: solid 1px #e0e0e0;
}
.card.is-point .card-inner {
  border-color: #e62a57;
}
.card.is-point .card-header {
  background-color: #fff0f3;
}
.card.is-point .card-header .price {
  color: #fb5601;
}
.card.is-point .card-body {
  border-color: #f0f0f0;
}

.items-list dt {
  margin-top: 8px;
}
.items-list dt:first-child {
  margin-top: 0;
}
.items-list dd {
  margin-top: 5px;
  color: #646464;
}

.msg-box {
  display: flex;
  flex-direction: column;
  text-align: center;
  height: 100%;
}
.msg-box .section {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}
.msg-box-emoji {
  display: flex;
  justify-content: center;
  margin-bottom: 38px;
  font-size: 92px;
  font-weight: 900;
}
.msg-box-textbox {
  margin-bottom: 32px;
}
.msg-box .text {
  display: block;
  margin-top: 12px;
  font-size: 16px;
}
.msg-box .btn--underline {
  margin-top: 50px;
  font-size: 16px;
}

/* tag */
.tag {
  display: inline-flex;
  margin-right: 4px;
  padding: 1px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.83;
  text-align: center;
  color: #333647;
  border-radius: 40px;
  border: solid 1px #e0e0e0;
  background-color: #fff;
  align-items: center;
}
.tag-sq {
  min-height: 21px;
  padding: 0 5px;
  background-color: #eaedf5;
  border-color: #eaedf5;
  border-radius: 0;
  font-size: 14px;
  color: #808080;
  line-height: 1.1;
}

/* icon */
.ico {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  vertical-align: middle;
  flex-shrink: 0;
}
.ico-arrow {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23372020'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.42 6.646a.552.552 0 0 1 .748 0l3.177 3a.48.48 0 0 1 0 .708l-3.177 3a.552.552 0 0 1-.748 0 .48.48 0 0 1 0-.708l2.273-2.146H6.029c-.292 0-.529-.224-.529-.5s.237-.5.53-.5h6.663L10.42 7.354a.48.48 0 0 1 0-.708z' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/100% auto;
}
.ico-down {
  width: 21px;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='10' r='10' fill='%23090909'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.854 10.42a.552.552 0 0 1 0 .748l-3 3.177a.48.48 0 0 1-.708 0l-3-3.177a.552.552 0 0 1 0-.748.48.48 0 0 1 .708 0L10 12.693V6.029c0-.292.224-.529.5-.529s.5.237.5.53v6.663l2.146-2.273a.48.48 0 0 1 .708 0z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.ico-plus {
  background: url("../../static/images/btn_plus.png") no-repeat 50% 50%/100% auto;
}

.ci-img {
  display: inline-flex;
  width: 40px;
  height: 40px;
}
.ci-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* table list */
.tbl-st {
  display: table;
  width: 100%;
  table-layout: fixed;
  text-align: center;
}
.tbl-st .row-head {
  display: table-header-group;
}
.tbl-st .row-body {
  display: table-row-group;
}
.tbl-st .row {
  display: table-row;
}
.tbl-st .cell {
  display: table-cell;
}
.tbl-st .row-head .cell {
  padding: 10px 0;
}
.tbl-st .row-body .cell {
  padding: 19px 0 10px;
  border-top: 1px solid #e0e0e0;
}
.tbl-st .row-foot .cell {
  border-top: 1px solid #e0e0e0;
}

/* List */
.list-dots > li {
  position: relative;
  padding-left: 8px;
}
.list-dots > li:before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: currentColor;
  border-radius: 50%;
  content: "";
}
.list-dots button {
  text-align: left;
}

.block-list .flex-wrap {
  padding: 19px 0 10px;
}
.block-list .flex-wrap + .flex-wrap {
  border-top: 1px solid #e0e0e0;
}
.block-list .tit {
  color: #646464;
}
.block-list .cont {
  margin-left: auto;
  color: #000;
}

/* search */
.search-box {
  display: flex;
  margin-bottom: 35px;
  border-radius: 8px;
  border: solid 1px #e0e0e0;
}
.search-box .txt-input {
  width: 100%;
  flex: 1;
  padding: 11px 45px 11px 16px;
}

.search-result {
  padding-left: 4px;
}

.btn-search {
  width: 45px;
  height: 48px;
}
.btn-search:before {
  display: block;
  width: 24px;
  height: 24px;
  margin: auto;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-search" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="%23cfcfcf" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>') no-repeat 50% 50%/100% auto;
  content: "";
}

.search-result .list-dots > li {
  margin-bottom: 21px;
  padding-left: 12px;
  line-height: 1;
}
.search-result .list-dots > li:before {
  top: 10px;
}

/* intro */
.section-intro {
  text-align: center;
  color: #fff;
}
.section-intro .section-inner {
  width: 100%;
  min-height: 100vh;
  padding: 50px 24px 15px;
  background-blend-mode: multiply;
  background: rgba(0, 0, 0, 0.4) url("../../static/images/bg-intro.jpg") 50% 50%/cover;
}
.section-intro .section-title {
  margin-top: 40px;
  font-size: 42px;
  font-weight: 900;
  line-height: 1.1904761905;
}
.section-intro .title-desc {
  margin-top: 13px;
  font-size: 30px;
  line-height: 1.2;
  opacity: 0.9;
}
.section-intro .product-type {
  display: flex;
  width: 100%;
  max-width: 700px;
  margin: 56px auto 0;
}
.section-intro .product-type-long {
  background-color: #d62e5b;
  border-radius: 8px 0 0 8px;
}
.section-intro .product-type-long .product-item__link {
  padding: 24px 34px 0;
}
.section-intro .product-type-long .product-item__description {
  right: 21.15%;
  left: 5.12%;
}
.section-intro .product-type-long .product-item__description:before {
  transform: rotate(-135deg);
  right: 27px;
}
.section-intro .product-type-long .product-item__description:after {
  right: -14px;
  background: url("../../static/images/bg_long.png") no-repeat 50% 50%/100% auto;
}
.section-intro .product-type-short {
  background-color: #040372;
  border-radius: 0 8px 8px 0;
}
.section-intro .product-type-short .product-item__link {
  padding: 24px 24px 0;
}
.section-intro .product-type-short .product-item__description {
  left: 21.15%;
  right: 5.12%;
}
.section-intro .product-type-short .product-item__description:before {
  left: 27px;
}
.section-intro .product-type-short .product-item__description:after {
  left: -14px;
  background: url("../../static/images/bg_short.png") no-repeat 50% 50%/100% auto;
}
.section-intro .product-item {
  position: relative;
  width: 50%;
  height: 230px;
}
.section-intro .product-item:after {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.section-intro .product-item__title {
  display: block;
  font-size: 24px;
  line-height: 1.2083333333;
}
.section-intro .product-item__title--small {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.1666666667;
}
.section-intro .product-item__link {
  display: block;
  width: 100%;
  height: 100%;
}
.section-intro .product-item .arrow {
  position: absolute;
  top: 124px;
  left: 50%;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: -16px;
}
.section-intro .product-item .arrow svg {
  width: 100%;
  height: 100%;
}
.section-intro .product-item__description {
  position: absolute;
  top: 186px;
}
.section-intro .product-item__description .text-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  min-height: 70px;
  background-color: #fff;
  padding: 14px;
  border-radius: 8px;
  color: #000;
  z-index: 1;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.section-intro .product-item__description .text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2142857143;
  word-break: keep-all;
  align-self: center;
}
.section-intro .product-item__description:before {
  position: absolute;
  bottom: -4px;
  display: block;
  width: 8px;
  height: 8px;
  border: 4px solid;
  border-color: #fff #fff transparent transparent;
  box-sizing: border-box;
  transform: rotate(45deg);
  content: "";
  z-index: 2;
}
.section-intro .product-item__description:after {
  position: absolute;
  top: 100%;
  display: block;
  width: 87px;
  height: 100px;
  margin-top: -10px;
  content: "";
  z-index: 0;
}
.section-intro .copyright {
  margin-top: 159px;
  font-weight: 600;
  line-height: 2.14;
}

.main-inner {
  padding: 0 16px 110px;
}
.main-inner .btn-wrap {
  margin-top: 34px;
}
.main-section {
  padding-top: 90px;
}
.main-section-slide {
  position: relative;
  padding-top: 0;
  height: calc(100vh - 84px);
  border-radius: 8px;
  overflow: hidden;
}
.main-section-slide .swiper {
  height: 100%;
}
.main-section-slide .slide:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  content: "";
  z-index: 1;
}
.main-section-slide .slick-slider,
.main-section-slide .slick-list,
.main-section-slide .slick-track {
  height: 100%;
}
.main-section-slide .slide-image {
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.main-section-slide .slide-image-01 {
  background-image: url("../../static/images/img_main_01.jpg");
}
.main-section-slide .slide-image-02 {
  background-image: url("../../static/images/img_main_02.jpg");
}
.main-section-slide .slide-image-03 {
  background-image: url("../../static/images/img_main_03.jpg");
}
.main-section-slide .slide-image-04 {
  background-image: url("../../static/images/img_main_04.jpg");
}
.main-section-slide .main-section-title {
  position: absolute;
  top: 250px;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 50px;
  font-weight: 900;
  line-height: 1.12;
  text-align: center;
  z-index: 2;
}
.main-section-slide img {
  margin: 0 auto;
}
.main-section-title {
  padding-left: 8px;
  margin-bottom: 24px;
  font-size: 36px;
  font-weight: 900;
  line-height: 1.11;
  color: #000;
}
.main-text {
  font-size: 14px;
  color: #6a6a6a;
  line-height: 1.5;
}
.main-image-best {
  position: absolute;
  width: 165px;
  bottom: 0;
  right: 8px;
}

.btn-scroll-down {
  position: absolute;
  left: 50%;
  display: inline-block;
  width: 44px;
  height: 22px;
  margin-left: -22px;
  vertical-align: top;
  background: url("data:image/svg+xml,%3Csvg width='44' height='22' viewBox='0 0 44 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.143.14c.191-.187.5-.187.692 0L22 20.845 43.165.14c.191-.187.5-.187.692 0 .19.187.19.49 0 .676L22.346 21.86a.497.497 0 0 1-.692 0L.144.816a.47.47 0 0 1 0-.676z' fill='%23fff'/%3E%3C/svg%3E%0A") center no-repeat;
  animation-name: arrow;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  z-index: 5;
}

@keyframes arrow {
  from {
    bottom: 157px;
  }
  to {
    bottom: 105px;
  }
}
.box-title {
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2222222222;
  word-break: keep-all;
}
.box-title__text {
  text-align: left;
  flex: 1;
}
.box-title__image img {
  width: 100%;
  height: auto;
}
.box-status {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  padding-right: 22px;
  font-size: 14px;
  color: #b3b3b3;
  font-weight: 600;
}
.box-status:after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 4H10V6H0V4Z" fill="white"/><path d="M0 4H10V6H0V4Z" fill="white"/><path d="M4 10V0H6V10H4Z" fill="white"/><path d="M4 10V0H6V10H4Z" fill="white"/></svg>') no-repeat 50% 50%/50% auto;
  content: "";
}
.box-item {
  padding: 26px 16px 16px;
  background-color: #f1f1f1;
  border-radius: 8px;
}
.box-item + .box-item {
  margin-top: 16px;
}
.box-item.is-active .box-status:after {
  background-image: url('data:image/svg+xml,<svg width="10" height="2" viewBox="0 0 10 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H10V2H0V0Z" fill="white"/><path d="M0 0H10V2H0V0Z" fill="white"/><path d="M4 2V0H6V2H4Z" fill="white"/><path d="M4 2V0H6V2H4Z" fill="white"/></svg>');
}

/* main - prepare */
.prepare .box-label {
  display: inline-block;
  padding: 5px 6px 4px 8px;
  margin-left: 8px;
  font-size: 14px;
  line-height: 1.2142857143;
  background-color: #ffd460;
  border-radius: 72px;
  color: #bf6e00;
}
.prepare .box-item {
  padding: 26px 16px 16px;
}
.prepare .box-item.is-active .box-status:after {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h10v2H0V0z' fill='%23000'/%3E%3Cpath d='M0 0h10v2H0V0z' fill='%23000'/%3E%3Cpath d='M4 2V0h2v2H4z' fill='%23000'/%3E%3Cpath d='M4 2V0h2v2H4z' fill='%23000'/%3E%3C/svg%3E%0A");
}
.prepare .box-title {
  padding: 0 0 28px 8px;
}
.prepare .box-title .box-status {
  color: #646464;
}
.prepare .box-title .box-status:after {
  background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4h10v2H0V4z' fill='%23000'/%3E%3Cpath d='M0 4h10v2H0V4z' fill='%23000'/%3E%3Cpath d='M4 10V0h2v10H4z' fill='%23000'/%3E%3Cpath d='M4 10V0h2v10H4z' fill='%23000'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/50% auto;
  content: "";
}
.prepare .box-title__text {
  margin-right: 12px;
  padding-top: 10px;
}
.prepare .box-title__image {
  width: 84px;
  height: 86px;
}
.prepare .box-title__image img {
  margin-top: -12px;
}
.prepare .box-content {
  position: relative;
  padding-top: 20px;
}
.prepare .box-content:before {
  position: absolute;
  left: 56px;
  top: 10px;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  border: 12px solid transparent;
  border-top-color: #ffe665;
  transform: rotate(-45deg);
  content: "";
}
.prepare .box-content .text {
  position: relative;
  padding: 58px 24px 56px;
  background-color: #ffe665;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.5;
}
.prepare .box-content .text:before, .prepare .box-content .text:after {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  background: url("../../static/images/ico_quotes.png") no-repeat 50% 50%/100% auto;
  content: "“";
  color: #bf6e00;
}
.prepare .box-content .text:before {
  top: 24px;
  left: 24px;
}
.prepare .box-content .text:after {
  transform: rotate(180deg);
  bottom: 20px;
  right: 24px;
}

/* main - best */
.best {
  position: relative;
}
.best .main-text {
  padding: 0 165px 10px 8px;
}

/* main - service */
.service-list {
  margin-right: -16px;
}

.slide-service {
  position: relative;
  width: 77.77vw;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 16px;
}
.slide-service:first-child {
  margin-left: 0;
}
.slide-service-inner {
  position: relative;
  height: 323px;
  padding: 16px 20px 40px;
  background-color: #f1f1f1;
}
.slide-service.slide-service-01:before {
  background: #099c94 url("../../static/images/img_service_02.png") no-repeat 50% 50%/136px auto;
}
.slide-service.slide-service-01 .service-label {
  background-color: #099c94;
}
.slide-service.slide-service-02:before {
  background: #5589ee url("../../static/images/img_service_03.png") no-repeat 50% 50%/126px auto;
}
.slide-service.slide-service-02 .service-label {
  background-color: #5589ee;
}
.slide-service.slide-service-03:before {
  background: #7b2bdf url("../../static/images/img_service_04.png") no-repeat 50% 50%/166px auto;
}
.slide-service.slide-service-03 .service-label {
  background-color: #7b2bdf;
}
.slide-service:before {
  display: block;
  width: 100%;
  height: 266px;
  background-color: red;
  content: "";
}

.service-list {
  position: relative;
}
.service-list .swiper-btn-wrap {
  display: none;
  position: absolute;
  top: -48px;
  right: 12px;
  font-size: 0;
}
.service-list .swiper-btn {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0 4px;
  background: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" transform="matrix(-1 0 0 1 22 0)" fill="%23686868"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.22672 11L13 7.13919L11.8866 6L7 11L11.8866 16L13 14.8608L9.22672 11Z" fill="white"/></svg>') no-repeat 50% 50%/100% auto;
  cursor: pointer;
}
.service-list .swiper-btn.swiper-next {
  transform: rotate(180deg);
}
.service-label {
  display: inline-block;
  padding: 0 16px;
  line-height: 2.1428571429;
  border-radius: 40px;
  color: #fff;
  font-size: 14px;
}
.service-title {
  display: block;
  margin-top: 12px;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: 600;
  word-break: keep-all;
}
.service-detail {
  position: absolute;
  bottom: 40px;
  left: 20px;
  right: 20px;
}
.service-detail li {
  position: relative;
  font-weight: 500;
  color: #676767;
  font-size: 14px;
  line-height: 1.5;
}

/* main - case */
.case .box-item {
  padding: 15px 24px;
  color: #eaeaea;
  background-color: #2d2d2d;
}
.case .box-title__text {
  padding-top: 11px;
  margin-right: 12px;
  color: #fff;
}
.case .box-title__image {
  width: 58px;
  height: 74px;
  margin-right: 10px;
}
.case .box-status {
  margin-top: 13px;
}
.case .box-content {
  padding: 27px 0 22px;
}
.case .box-content .list-dots li {
  font-size: 14px;
  line-height: 21px;
}
/* main - process */
.process .box-item {
  position: relative;
  min-height: 130px;
  padding: 26px 24px;
}
.process .box-item--left {
  padding-right: 134px;
}
.process .box-item--left .box-image {
  right: 16px;
  width: 101px;
  height: 106px;
}
.process .box-item--right {
  padding-left: 134px;
}
.process .box-item--right .box-image {
  left: 14px;
  width: 104px;
  height: 87px;
}
.process .box-title {
  font-weight: 800;
  font-size: 18px;
  line-height: 1.2222222222;
}
.process .box-text {
  margin-top: 13px;
  font-weight: 600;
  color: #6a6a6a;
  line-height: 1.5;
}
.process .box-image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.process .list-process {
  display: flex;
  margin: 20px -8px 0;
  justify-content: space-between;
}
.process .list-process li {
  width: 25%;
  padding: 0 2.97%;
  text-align: center;
}
.process .list-process li + li {
  position: relative;
}
.process .list-process li + li:after {
  position: absolute;
  top: 33px;
  left: -3px;
  display: block;
  width: 6px;
  height: 10px;
  content: "";
  background: url('data:image/svg+xml,<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.15976 0.146447C0.372773 -0.0488155 0.718136 -0.0488155 0.931149 0.146447L5.84024 4.64645C6.05325 4.84171 6.05325 5.15829 5.84024 5.35355L0.931149 9.85355C0.718136 10.0488 0.372773 10.0488 0.15976 9.85355C-0.0532533 9.65829 -0.0532533 9.34171 0.15976 9.14645L4.68316 5L0.15976 0.853553C-0.0532533 0.658291 -0.0532533 0.341709 0.15976 0.146447Z" fill="black"/></svg>') no-repeat 50% 50%/100% auto;
}
.process .list-process__image {
  position: relative;
  display: block;
  height: 76px;
  margin: 0 auto;
  border-radius: 48px;
  background-color: #e7ecf3;
}
.process .list-process__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.process .list-process__title {
  margin: 12px -5px 0;
  color: #6a6a6a;
  line-height: 1.5;
  font-weight: 600;
  word-break: keep-all;
}
.process .list-process .process-01 img {
  width: 28px;
  height: 26px;
}
.process .list-process .process-02 img {
  width: 26px;
  height: 26px;
}
.process .list-process .process-03 img {
  width: 26px;
  height: 24px;
}
.process .list-process .process-04 img {
  width: 26px;
  height: 30px;
}

/* notice */
.section-notice {
  background-color: #eceff4;
}
.section-notice .section-inner {
  padding: 35px 30px 40px;
}

.notice-title {
  position: relative;
  display: inline-block;
  padding-left: 21px;
  color: #111;
  font-weight: 500;
  line-height: 1.25;
}
.notice-title:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -1px;
  background: url("../../static/images/ico_noti.png") no-repeat 0 50%/100% auto;
  transform: translateY(-50%);
}
.notice-text {
  margin-top: 10px;
  color: #656565;
  line-height: 1.33;
  word-break: keep-all;
  font-size: 12px;
  letter-spacing: 0;
}
.notice-description {
  margin-top: 15px;
  color: #111;
  line-height: 1.33;
  font-size: 12px;
}

@media all and (max-width: 340px) {
  .section-intro .section-title {
    font-size: 36px;
  }
  .section-intro .product-type-long .product-item__link {
    padding: 24px 26px 0;
  }
  .section-intro .product-type-short .product-item__link {
    padding: 24px 18px 0;
  }
  .section-intro .product-item__title {
    font-size: 22px;
  }
  .section-intro .copyright {
    font-size: 14px;
    font-weight: 500;
  }
}
.tot-text {
  color: #fb5601;
  font-size: 22px;
  font-weight: 900;
}

.pc-show {
  display: none;
}

/* 보험사별 전화번호 */
.section-insu-company {
  margin-top: 36px;
}

.company-list {
  padding: 0 16px;
}
.company-list li {
  display: flex;
  width: 100%;
  padding: 16px 8px;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
}
.company-logo {
  width: 40px;
  height: 40px;
  margin-right: 14px;
}
.company-logo img {
  width: 100%;
  height: auto;
}
.company-info {
  display: flex;
  flex: 1;
  align-items: center;
}
.company-name {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1875;
}
.company-call {
  color: #277cf6;
  font-weight: 500;
  letter-spacing: 0;
  font-size: 14px;
}
.company-link {
  display: inline-flex;
  margin-left: auto;
}
.company-link .btn-call {
  margin-left: 20px;
}

/* 유의사항 */
.section-insu-note {
  padding-top: 30px;
  padding-bottom: 80px;
}

.insu-note .accordion-item.is-active .accordion-title {
  color: #ea3062;
}
.insu-note .accordion-item:nth-child(even) .ico-box {
  text-align: right;
}
.insu-note .accordion-content {
  background-color: #f6f7f9;
  line-height: 1.5;
  font-size: 14px;
}
.insu-note .ico-box {
  padding: 24px 7px 0;
}
.insu-note .ico-box img {
  display: inline-block;
  height: auto;
}
.insu-note .insu-note-item-01 .ico-box img {
  width: 104px;
}
.insu-note .insu-note-item-02 .ico-box img {
  width: 78px;
}
.insu-note .insu-note-item-03 .ico-box img {
  width: 94px;
}
.insu-note .insu-note-item-04 .ico-box img {
  width: 104px;
}
.insu-note .insu-note-item-05 .ico-box img {
  width: 88px;
}
.insu-note .insu-note-item-06 .ico-box img {
  width: 114px;
}
.insu-note .insu-note-item-07 .ico-box img {
  width: 84px;
}
.insu-note .insu-note-item-08 .ico-box img {
  width: 108px;
}
.insu-note .insu-note-item-09 .ico-box img {
  width: 80px;
}
.insu-note-process {
  margin-top: 4px;
}
.insu-note-process li + li .inner:before {
  position: absolute;
  top: -10px;
  left: 23px;
  width: 10px;
  height: 6px;
  background: url('data:image/svg+xml,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.85355 0.15976C10.0488 0.372773 10.0488 0.718136 9.85355 0.931149L5.35355 5.84024C5.15829 6.05325 4.84171 6.05325 4.64645 5.84024L0.146446 0.931149C-0.0488158 0.718136 -0.0488157 0.372773 0.146446 0.15976C0.341709 -0.0532537 0.658291 -0.0532537 0.853554 0.15976L5 4.68316L9.14645 0.15976C9.34171 -0.0532534 9.65829 -0.0532533 9.85355 0.15976Z" fill="black"/></svg>') no-repeat 50% 50%/100% auto;
  content: "";
}
.insu-note-process .inner {
  position: relative;
  display: inline-flex;
  margin-top: 16px;
  padding: 10px 16px;
  background-color: #e7ecf3;
  border-radius: 22px;
  font-weight: 700;
  align-items: center;
}
.insu-note-process .number {
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
}
.insu-note-process .text {
  margin-left: 8px;
  font-size: 16px;
  color: #01007b;
  font-weight: 700;
}
.insu-note-process .text--small {
  margin-left: 10px;
  font-size: 14px;
  color: #6a6a6a;
}

/* 견적문의 */
.img-protection {
  display: block;
  width: 216px;
  height: 151px;
  margin: 48px auto;
  background: no-repeat 0 0/contain;
}
.img-protection.protection-ing {
  background-image: url("../../static/images/img_protection_img.png");
}
.img-protection.protection-will {
  background-image: url("../../static/images/img_protection_will.png");
}
.img-protection.protection-cancel {
  background-image: url("../../static/images/img_protection_cancel.png");
}

.title-box {
  margin-bottom: 30px;
}
.title-box:first-child {
  margin-top: 16px;
}
.title-box .title-labels {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.title-box .title-labels .ci-img {
  margin-right: 8px;
}
.title-box .title {
  margin-bottom: 8px;
}
.title-box .title-text {
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 1;
}
.title-box .btn-wrap {
  margin-top: 28px;
}
.title-box .btn-wrap.type-col {
  margin-top: 53px;
}

.info-list .stit {
  display: block;
  margin-bottom: 1px;
  color: #376fff;
  font-size: 14px;
  font-weight: 500;
}
.info-list .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.info-list .row {
  padding: 18px 0 13px;
  border-bottom: 1px solid #e0e0e0;
}
.info-list .row + .info-list .row {
  margin-top: 8px;
}
.info-list .box-tit {
  font-size: 14px;
  color: #646464;
}
.info-list .box-cont {
  display: flex;
  margin-left: 16px;
  flex-shrink: 0;
  align-items: center;
}

/* 확인사항 */
.check-list-item {
  padding: 25px 0 20px;
  border-bottom: 1px solid #e0e0e0;
}
.check-list .title-block .tit {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.56;
  letter-spacing: -0.41px;
}
.check-list .title-block .desc {
  margin-top: 2px;
  line-height: 1.21;
  color: #646464;
  font-size: 14px;
  font-weight: 500;
}
.check-list .check-block {
  margin-top: 17px;
  text-align: right;
}
.check-list .check-block .rdo-box {
  margin-left: 35px;
}

.agree-list-wrap .agree-all {
  display: flex;
  margin-bottom: 20px;
}
.agree-list-wrap .agree-all .btn-open {
  flex: 1;
}
.agree-list > li {
  display: flex;
  margin-top: 20px;
}
.agree-list > li .chk-box {
  flex: 1;
}
.agree-list > li .btn-link {
  min-height: 24px;
  height: auto;
  margin-right: -8px;
}

/* 협력병원 */
.hospital-list-wrap {
  margin-bottom: 50px;
}
.hospital-list-wrap .title-m {
  margin-bottom: 20px;
  line-height: 1;
}

.hospital-item {
  position: relative;
  padding: 9px 10px 19px 62px;
  border-bottom: 1px solid #e0e0e0;
}
.hospital-item:before {
  position: absolute;
  top: 16px;
  left: 8px;
  display: block;
  width: 40px;
  height: 40px;
  content: "";
  background: url("../../static/images/ico_hospital.png") no-repeat 50% 50%/100% auto;
}
.hospital-item .tit {
  display: block;
  margin-bottom: 9px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
}
.hospital-item .desc {
  display: block;
  font-size: 14px;
  color: #676767;
}
.hospital-item .desc + .desc {
  margin-top: 6px;
}
.hospital-item .desc a {
  color: #277cf6;
}
.hospital-item .tag-wrap {
  margin-top: 12px;
}
.hospital-item + .hospital-item {
  margin-top: 16px;
}

.hospital-detail-wrap .hospital-item {
  padding: 52px 0 35px;
  border: 0;
}
.hospital-detail-wrap .hospital-item .tit {
  margin-bottom: 17px;
  font-size: 26px;
  font-weight: bold;
  line-height: normal;
}
.hospital-detail-wrap .hospital-item .desc {
  position: relative;
  margin-top: 6px;
  padding-left: 21px;
  line-height: 1.2142857143;
}
.hospital-detail-wrap .hospital-item i {
  position: absolute;
  top: 1px;
  left: 0;
  display: inline-block;
  width: 13px;
  height: 13px;
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.hospital-detail-wrap .hospital-item .pin {
  top: 0;
  height: 18px;
  background-image: url('data:image/svg+xml,<svg width="13" height="18" viewBox="0 0 13 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_168_2553)"><path d="M12.9999 6.30505C12.9999 9.78892 6.49666 17 6.49666 17C6.49666 17 -0.0065918 9.78261 -0.0065918 6.30505C-0.0065918 2.82749 2.90978 0 6.50317 0C10.0966 0 13.0064 2.82118 13.0064 6.30505H12.9999Z" fill="%23B7C2D6"/><path d="M6.50325 8.68455C7.85866 8.68455 8.95744 7.61926 8.95744 6.30516C8.95744 4.99107 7.85866 3.92578 6.50325 3.92578C5.14785 3.92578 4.04907 4.99107 4.04907 6.30516C4.04907 7.61926 5.14785 8.68455 6.50325 8.68455Z" fill="white"/></g><defs><clipPath id="clip0_168_2553"><rect width="13" height="18" fill="white"/></clipPath></defs></svg>');
}
.hospital-detail-wrap .hospital-item .tel {
  background-image: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_168_2562)"><path d="M12.1841 9.00422L9.79903 8.33695C9.75196 8.32125 9.70489 8.3134 9.65782 8.30555C9.64213 8.30555 9.61859 8.30555 9.59505 8.30555C9.29692 8.27415 8.99879 8.3762 8.77127 8.58816L8.04164 9.27113C8.04164 9.27113 8.01811 9.29468 8.00241 9.31038C7.9475 9.37318 7.64937 9.63224 7.19433 9.31823C7.17864 9.31038 7.17079 9.30253 7.1551 9.28683C6.95112 9.15337 5.13881 7.96014 3.60893 5.72282C3.60893 5.72282 3.35788 5.34601 3.64031 5.0634C3.64031 5.0634 4.29934 4.36473 4.42486 4.23127C4.43271 4.22342 4.4484 4.20772 4.45625 4.19987C4.51116 4.14492 4.77007 3.85446 4.62885 3.23429L4.00121 0.879219C3.96198 0.737914 3.89922 0.60446 3.80507 0.486707C3.68739 0.337552 3.49125 0.172697 3.21666 0.125595C3.20097 0.125595 3.18527 0.125595 3.16958 0.117745C3.0519 0.0941945 2.43995 -0.0314094 1.99276 0.0235423C1.87508 0.0392428 1.76524 0.0706437 1.66325 0.125595C1.25528 0.329702 0.015691 1.09903 0 2.84178C0 2.84178 0.00784552 4.01147 0.360893 5.05555C0.360893 5.05555 0.910079 6.79045 2.06337 8.14854C2.06337 8.14854 3.79722 10.4173 6.08027 11.7832C6.08027 11.7832 7.37477 12.5368 8.82619 12.8822C8.82619 12.8822 10.1285 13.1884 11.1642 12.7802C11.1642 12.7802 12.4744 12.3249 12.9294 11.1944C12.9765 11.0845 13 10.9668 13 10.849C13 10.6449 12.9922 10.2917 12.8588 9.77354C12.8588 9.77354 12.6862 9.12982 12.1841 8.99637V9.00422Z" fill="%23B7C2D6"/></g><defs><clipPath id="clip0_168_2562"><rect width="13" height="13" fill="white"/></clipPath></defs></svg>');
}
.hospital-detail-wrap .hospital-item .time {
  background-image: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_168_2557)"><path d="M13 6.50139C13 10.0916 10.0888 13 6.49861 13C2.90837 13 0 10.0916 0 6.50139C0 2.91115 2.91115 0 6.50139 0C10.0916 0 13.0028 2.91115 13.0028 6.50139H13Z" fill="%23B7C2D6"/><path d="M8.24926 8.75574L5.94482 6.75467V2.20703H7.05808V6.24535L8.98122 7.91523L8.24926 8.75574Z" fill="white"/></g><defs><clipPath id="clip0_168_2557"><rect width="13" height="13" fill="white"/></clipPath></defs></svg>');
}
.hospital-detail-wrap .hospital-item .info-title {
  margin-right: 8px;
  color: #000;
}
.hospital-detail-wrap .hospital-item .btn-map {
  position: absolute;
  top: 50px;
  right: 0;
}
.hospital-detail-wrap .hospital-item:before {
  display: none;
}
.hospital-detail-wrap .hospital-item:after {
  position: absolute;
  left: -24px;
  bottom: 0;
  right: -24px;
  display: block;
  height: 10px;
  background-color: #f1f3f6;
  content: "";
}

.hospital-info {
  padding-top: 24px;
}
.hospital-info dt {
  margin-bottom: 12px;
  color: #000;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.1666666667;
}
.hospital-info dd {
  margin-bottom: 30px;
  color: #7a7a7a;
  line-height: 1.5;
}

/* 동반인 */
.companion-form .accordion {
  margin-bottom: 40px;
}
.companion-form .accordion-item + .accordion-item {
  margin-top: 32px;
}
.companion-form .accordion-content {
  padding-bottom: 0;
}
.companion-form .btn-wrap {
  margin-top: -8px;
}

.total-sumbox {
  margin: 0 -24px 40px;
  background-color: #fff0f3;
}
.total-sumbox .accordion-title:before {
  background-image: url("../../static/images/combined-shape.png");
}
.total-sumbox .accordion-content {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.75;
  border-bottom: 1px solid #e0e0e0;
}
.total-sumbox .flex-wrap {
  flex-wrap: wrap;
}

.text-time {
  margin-right: 10px;
  color: #ea3062;
  font-size: 12px;
}

/* 실명확인 등록방법 */
.name-check {
  color: #646464;
  line-height: normal;
}
.name-check dt {
  margin-top: 32px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 900;
}
.name-check dt:first-child {
  margin-top: 0;
}
.name-check dd {
  text-indent: -5px;
  font-size: 14px;
}
.name-check .text-link {
  font-size: 14px;
  color: #0068e2;
  text-decoration: underline;
}

@media all and (min-width: 769px) {
  :root {
    --webStartWidth: 768px;
    --webContainerWidth: 620px;
  }
  .pc-hide {
    display: none;
  }
  .pc-show {
    display: block;
  }
  /* Layout */
  .wrap {
    position: relative;
    background: url("../../static/images/bg_wrap.jpg") no-repeat 50% 0/cover;
  }
  .wrap-inner {
    max-width: var(--webContainerWidth);
    width: 100%;
    margin: 0 auto;
  }
  .wrap-main {
    background: none;
  }
  .wrap-main .wrap-inner {
    max-width: 100%;
  }
  .wrap-main .header-inner {
    background-color: #fff;
  }
  .modal-inner {
    max-width: var(--webContainerWidth);
    width: 100%;
    margin: 0 auto;
  }
  /* button */
  /* select layer */
  .selbox-wrap.open .layer-calendar {
    overflow: hidden;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 360px;
    margin: 0;
    transform: translate(-50%, -50%);
    transition: none;
    border-radius: 8px;
  }
  .btm-fixed .btn-wrap {
    margin: 0 auto;
    max-width: var(--webStartWidth);
  }
  .tab-list {
    padding-left: 41px;
    padding-right: 41px;
  }
  .btn-wrap.type-col {
    max-width: 312px;
    margin-left: auto;
    margin-right: auto;
  }
  .section-intro .section-inner {
    padding: 70px 56px 30px;
  }
  .section-intro .logo {
    width: 170px;
    height: 42px;
  }
  .section-intro .section-title {
    margin-top: 52px;
    font-size: 66px;
    line-height: 1.2424242424;
    opacity: 0.9;
  }
  .section-intro .product-type {
    max-width: none;
    margin-top: 104px;
  }
  .section-intro .product-item .product-item__link {
    padding: 30px 48px;
  }
  .section-intro .product-item__title {
    text-align: left;
    font-size: 34px;
    line-height: 1.1764705882;
  }
  .section-intro .product-item__title--small {
    margin-top: -7px;
    font-size: 16px;
    line-height: 2.5;
  }
  .section-intro .product-item .arrow {
    top: 34px;
    right: 40px;
    left: auto;
  }
  .section-intro .product-item__description .text {
    font-size: 16px;
    line-height: 1.5;
  }
  .section-intro .product-item__description .text-wrap {
    padding: 25px 15px;
  }
  .section-intro .product-item__description:before {
    width: 26px;
    height: 26px;
    border-width: 13px;
  }
  .section-intro .product-item__description:after {
    top: 0;
    width: 60.31%;
    max-width: 152px;
    height: 176px;
    margin-top: -28px;
  }
  .section-intro .product-type-long {
    background-color: #ed4572;
  }
  .section-intro .product-type-long .product-item__description {
    left: auto;
    width: 236px;
    right: 36.75%;
  }
  .section-intro .product-type-long .product-item__description:before {
    right: -13px;
    bottom: -13px;
    transform: rotate(-45deg);
  }
  .section-intro .product-type-long .product-item__description:after {
    left: 100%;
    margin-left: 37px;
  }
  .section-intro .product-type-short {
    background-color: #01007b;
  }
  .section-intro .product-type-short .product-item__description {
    left: 36.75%;
    right: auto;
    width: 236px;
  }
  .section-intro .product-type-short .product-item__description:before {
    left: -13px;
    bottom: -13px;
    transform: rotate(-45deg);
  }
  .section-intro .product-type-short .product-item__description:after {
    left: auto;
    right: 100%;
    margin-right: 37px;
  }
  .section-intro .copyright {
    margin-top: 300px;
  }
  .main-section-slide .slide-image-01 {
    background-image: url("../../static/images/img_main_pc_01.jpg");
  }
  .main-section-slide .slide-image-02 {
    background-image: url("../../static/images/img_main_pc_02.jpg");
  }
  .main-section-slide .slide-image-03 {
    background-image: url("../../static/images/img_main_pc_03.jpg");
  }
  .main-section-slide .slide-image-04 {
    background-image: url("../../static/images/img_main_pc_04.jpg");
  }
  .main-section-slide .main-section-title {
    top: 50%;
    margin-bottom: 0;
    transform: translateY(-50%);
  }
  .main-section:not(.main-section-slide) {
    width: 620px;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
  }
  .service-list {
    margin-right: -16px;
  }
  .service-list .swiper-btn-wrap {
    display: block;
  }
  .slide-service {
    width: 320px;
  }
  .service-title {
    padding-right: 10px;
  }
  .process .list-process {
    margin: 20px 0 0;
  }
  .process .list-process li {
    width: 58px;
    padding: 0;
  }
  .process .list-process li + li:after {
    left: -57px;
  }
  .process .list-process__title {
    margin: 12px -10px 0;
  }
  .wrap-main .section-notice .section-inner,
  .wrap-main .footer .inner {
    width: 620px;
    margin: 0 auto;
  }
  .wrap-main .footer .sec_block--2nd {
    padding-bottom: 32px;
  }
  .wrap-main .btn-floating {
    position: fixed;
    width: 90px;
    height: 140px;
    padding: 0;
    left: auto;
    right: 50px;
    bottom: 20px;
    z-index: 30;
    background-image: none;
  }
  .wrap-main .btn-floating .btn {
    font-size: 18px;
    line-height: 1.08;
    padding: 24px 28px 57px;
    border-radius: 96px;
    background-color: #ea3062;
  }
  .wrap-main .btn-floating .btn:after {
    position: absolute;
    left: 50%;
    bottom: 24px;
    width: 22px;
    height: 22px;
    margin-left: -11px;
    background: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.9022 11L7.5 6.36703L8.79892 5L14.5 11L8.79892 17L7.5 15.633L11.9022 11Z" fill="%23EA3062"/></svg>') no-repeat 50% 50%/100% auto;
    content: "";
  }
  .layer {
    max-width: var(--webContainerWidth);
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 900px) and (max-width: 1100px) {
  .section-intro .product-item .product-item__link {
    padding-right: 70px;
  }
  .section-intro .product-item__description:after {
    width: 50.31%;
  }
  .section-intro .product-type-long .product-item__description:after {
    margin-left: 10%;
  }
  .section-intro .product-type-short .product-item__description:after {
    margin-right: 10%;
  }
}
@media (min-width: 769px) and (max-width: 900px) {
  .section-intro .product-item .product-item__link {
    padding-right: 70px;
  }
  .section-intro .product-item__description:after {
    width: 40.31%;
  }
  .section-intro .product-type-long .product-item__description:after {
    margin-left: 10%;
  }
  .section-intro .product-type-short .product-item__description:after {
    margin-right: 10%;
  }
}/*# sourceMappingURL=style.css.map */