@import url(//fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,600&display=swap);.introjs-overlay {
  position: absolute;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-fixParent {
  z-index: auto !important;
  opacity: 1.0 !important;
  -webkit-transform: none !important;
          transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  z-index: 9999999 !important;
}

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=0);
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  position: relative;
}

.introjs-helperLayer {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255,255,255,.9);
  border: 1px solid #777;
  border: 1px solid rgba(0,0,0,.5);
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 15px rgba(0,0,0,.4);
          box-shadow: 0 2px 15px rgba(0,0,0,.4);
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-tooltipReferenceLayer {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
  -webkit-box-sizing: content-box;
      -ms-box-sizing: content-box;
       -o-box-sizing: content-box;
          box-sizing: content-box;
}

.introjs-helperNumberLayer {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  visibility: visible;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  background: #ff3019; /* Old browsers */ /* Chrome10+,Safari5.1+ */ /* Chrome,Safari4+ */ /* FF3.6+ */ /* IE10+ */ /* Opera 11.10+ */
  background:         -webkit-gradient(linear, left top, left bottom, from(#ff3019), to(#cf0404));
  background:         linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);  /* W3C */
  width: 20px;
  height:20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)"; /* IE6-9 */
  filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)"; /* IE10 text shadows */
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.4);
          box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.introjs-arrow {
  border: 5px solid transparent;
  content:'';
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  border-bottom-color:white;
}
.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color:white;
}
.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color:white;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color:white;
}
.introjs-arrow.right-bottom {
  bottom:10px;
  right: -10px;
  border-left-color:white;
}
.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color:white;
}
.introjs-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color:white;
}
.introjs-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color:white;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color:white;
}
.introjs-arrow.left-bottom {
  left: -10px;
  bottom:10px;
  border-right-color:white;
}

.introjs-tooltip {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  visibility: visible;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.4);
          box-shadow: 0 1px 10px rgba(0,0,0,.4);
  -webkit-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px;
}

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  -webkit-box-shadow: 0px 1px 1px #e3e3e3;
          box-shadow: 0px 1px 1px #e3e3e3;
}

.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#f4f4f4));
  background-image: linear-gradient(#ececec, #f4f4f4);
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-right: 5px;
  color: #7a7a7a;
}

.introjs-prevbutton {
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
}

.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #d4d4d4;
  border-radius: 0.2em;
}

.introjs-nextbutton {
  border-radius: 0 0.2em 0.2em 0;
}

.introjs-nextbutton.introjs-fullbutton {
  border-radius: 0.2em;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}

.introjs-hidden {
     display: none;
}

.introjs-bullets {
  text-align: center;
}
.introjs-bullets ul {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
}
.introjs-bullets ul li a:hover {
  background: #999;
}
.introjs-bullets ul li a.active {
  background: #999;
}

.introjs-progress {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #ecf0f1
}
.introjs-progressbar {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}

.introjs-fixedTooltip {
  position: fixed;
}

.introjs-hint {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  background: transparent;
  width: 20px;
  height: 15px;
  cursor: pointer;
}
.introjs-hint:focus {
    border: 0;
    outline: 0;
}
.introjs-hidehint {
  display: none;
}

.introjs-fixedhint {
  position: fixed;
}

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57);
}

.introjs-hint-pulse {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 10px;
  height: 10px;
  border: 5px solid rgba(60, 60, 60, 0.27);
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
.introjs-hint-no-anim .introjs-hint-dot {
  -webkit-animation: none;
  animation: none;
}
.introjs-hint-dot {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 10px solid rgba(146, 146, 146, 0.36);
  background: transparent;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: introjspulse 3s ease-out;
  animation: introjspulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}

@-webkit-keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

@keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.1);
                transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0.0;
    }
}
.pretty * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pretty input:not([type='checkbox']):not([type='radio']) {
  display: none;
}

.pretty {
  position: relative;
  display: inline-block;
  margin-right: 1em;
  white-space: nowrap;
  line-height: 1;
}

.pretty input {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 1em;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.pretty .state label {
  position: initial;
  display: inline-block;
  font-weight: normal;
  margin: 0;
  text-indent: 1.5em;
  min-width: calc(1em + 2px);
}

.pretty .state label:before,
.pretty .state label:after {
  content: '';
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0;
  border: 1px solid transparent;
  z-index: 0;
  position: absolute;
  left: 0;
  top: calc((0% - (100% - 1em)) - 8%);
  background-color: transparent;
}

.pretty .state label:before {
  border-color: #bdc3c7;
}

.pretty .state.p-is-hover,
.pretty .state.p-is-indeterminate {
  display: none;
}

@-webkit-keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@-webkit-keyframes tada {
  0% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: scale(7);
            transform: scale(7);
  }

  38% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  55% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }

  72% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  81% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-transform: scale(1.24);
            transform: scale(1.24);
  }

  89% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  95% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
  }

  100% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes tada {
  0% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: scale(7);
            transform: scale(7);
  }

  38% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  55% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }

  72% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  81% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-transform: scale(1.24);
            transform: scale(1.24);
  }

  89% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  95% {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
  }

  100% {
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes jelly {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
  }

  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }

  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes jelly {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
  }

  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }

  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes rotate {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-200px) rotate(-45deg);
            transform: translateZ(-200px) rotate(-45deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) rotate(0);
            transform: translateZ(0) rotate(0);
  }
}

@keyframes rotate {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-200px) rotate(-45deg);
            transform: translateZ(-200px) rotate(-45deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) rotate(0);
            transform: translateZ(0) rotate(0);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0px 0px 0px 0px #bdc3c7;
            box-shadow: 0px 0px 0px 0px #bdc3c7;
  }

  100% {
    -webkit-box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0);
            box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0px 0px 0px 0px #bdc3c7;
            box-shadow: 0px 0px 0px 0px #bdc3c7;
  }

  100% {
    -webkit-box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0);
            box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0);
  }
}

.pretty.p-default.p-fill .state label:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.pretty.p-default .state label:after {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

.pretty.p-default input:checked ~ .state label:after {
  background-color: #bdc3c7 !important;
}

.pretty.p-default.p-thick .state label:before,
.pretty.p-default.p-thick .state label:after {
  border-width: calc(1em / 7);
}

.pretty.p-default.p-thick .state label:after {
  -webkit-transform: scale(0.4) !important;
          transform: scale(0.4) !important;
}

.pretty.p-icon .state .icon {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc((0% - (100% - 1em)) - 8%);
  border: 1px solid transparent;
  opacity: 0;
}

.pretty.p-icon .state .icon:before {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}

.pretty.p-icon input:checked ~ .state .icon {
  opacity: 1;
}

.pretty.p-icon input:checked ~ .state label:before {
  border-color: #5a656b;
}

.pretty.p-svg .state .svg {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc((0% - (100% - 1em)) - 8%);
  border: 1px solid transparent;
  opacity: 0;
}

.pretty.p-svg .state svg {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}

.pretty.p-svg input:checked ~ .state .svg {
  opacity: 1;
}

.pretty.p-image .state img {
  opacity: 0;
  position: absolute;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  top: 0;
  top: calc((0% - (100% - 1em)) - 8%);
  left: 0;
  z-index: 0;
  text-align: center;
  line-height: normal;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.pretty.p-image input:checked ~ .state img {
  opacity: 1;
}

.pretty.p-switch input {
  min-width: 2em;
}

.pretty.p-switch .state {
  position: relative;
}

.pretty.p-switch .state:before {
  content: '';
  border: 1px solid #bdc3c7;
  border-radius: 60px;
  width: 2em;
  -webkit-box-sizing: unset;
          box-sizing: unset;
  height: calc(1em + 2px);
  position: absolute;
  top: 0;
  top: calc((0% - (100% - 1em)) - 16%);
  z-index: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pretty.p-switch .state label {
  text-indent: 2.5em;
}

.pretty.p-switch .state label:before,
.pretty.p-switch .state label:after {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 100%;
  left: 0;
  border-color: transparent;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.pretty.p-switch .state label:after {
  background-color: #bdc3c7 !important;
}

.pretty.p-switch input:checked ~ .state:before {
  border-color: #5a656b;
}

.pretty.p-switch input:checked ~ .state label:before {
  opacity: 0;
}

.pretty.p-switch input:checked ~ .state label:after {
  background-color: #5a656b !important;
  left: 1em;
}

.pretty.p-switch.p-fill input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important;
}

.pretty.p-switch.p-fill input:checked ~ .state label:before {
  opacity: 0;
}

.pretty.p-switch.p-fill input:checked ~ .state label:after {
  background-color: #fff !important;
  left: 1em;
}

.pretty.p-switch.p-slim .state:before {
  height: 0.1em;
  background: #bdc3c7 !important;
  top: calc(50% - 0.1em);
}

.pretty.p-switch.p-slim input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important;
}

.pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) {
  display: none;
}

.pretty.p-has-hover input:hover ~ .state.p-is-hover {
  display: block;
}

.pretty.p-has-hover input:hover ~ .state.p-is-hover .icon {
  display: block;
}

.pretty.p-has-focus input:focus ~ .state label:before {
  -webkit-box-shadow: 0px 0px 3px 0px #bdc3c7;
          box-shadow: 0px 0px 3px 0px #bdc3c7;
}

.pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state:not(.p-is-indeterminate) {
  display: none;
}

.pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state.p-is-indeterminate {
  display: block;
}

.pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state.p-is-indeterminate .icon {
  display: block;
  opacity: 1;
}

.pretty.p-toggle .state.p-on {
  opacity: 0;
  display: none;
}

.pretty.p-toggle .state.p-off,
.pretty.p-toggle .state .icon,
.pretty.p-toggle .state .svg,
.pretty.p-toggle .state img {
  opacity: 1;
  display: inherit;
}

.pretty.p-toggle .state.p-off .icon {
  color: #bdc3c7;
}

.pretty.p-toggle input:checked ~ .state.p-on {
  opacity: 1;
  display: inherit;
}

.pretty.p-toggle input:checked ~ .state.p-off {
  opacity: 0;
  display: none;
}

.pretty.p-plain input:checked ~ .state label:before,
.pretty.p-plain.p-toggle .state label:before {
  content: none;
}

.pretty.p-plain.p-plain .icon {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.pretty.p-round .state label:before,
.pretty.p-round .state label:after {
  border-radius: 100%;
}

.pretty.p-round.p-icon .state .icon {
  border-radius: 100%;
  overflow: hidden;
}

.pretty.p-round.p-icon .state .icon:before {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.pretty.p-curve .state label:before,
.pretty.p-curve .state label:after {
  border-radius: 20%;
}

.pretty.p-smooth label:before,
.pretty.p-smooth label:after,
.pretty.p-smooth .icon,
.pretty.p-smooth .svg {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pretty.p-smooth input:checked + .state label:after {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.pretty.p-smooth input:checked + .state .icon,
.pretty.p-smooth input:checked + .state .svg,
.pretty.p-smooth input:checked + .state img {
  -webkit-animation: zoom 0.2s ease;
          animation: zoom 0.2s ease;
}

.pretty.p-smooth.p-default input:checked + .state label:after {
  -webkit-animation: zoom 0.2s ease;
          animation: zoom 0.2s ease;
}

.pretty.p-smooth.p-plain input:checked + .state label:before {
  content: '';
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pretty.p-tada:not(.p-default) input:checked + .state .icon,
.pretty.p-tada:not(.p-default) input:checked + .state .svg,
.pretty.p-tada:not(.p-default) input:checked + .state img,
.pretty.p-tada:not(.p-default) input:checked + .state label:before,
.pretty.p-tada:not(.p-default) input:checked + .state label:after {
  -webkit-animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;
          animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;
  opacity: 1;
}

.pretty.p-jelly:not(.p-default) input:checked + .state .icon,
.pretty.p-jelly:not(.p-default) input:checked + .state .svg,
.pretty.p-jelly:not(.p-default) input:checked + .state img,
.pretty.p-jelly:not(.p-default) input:checked + .state label:before,
.pretty.p-jelly:not(.p-default) input:checked + .state label:after {
  -webkit-animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.pretty.p-jelly:not(.p-default) input:checked + .state label:before {
  border-color: transparent;
}

.pretty.p-rotate:not(.p-default) input:checked ~ .state .icon,
.pretty.p-rotate:not(.p-default) input:checked ~ .state .svg,
.pretty.p-rotate:not(.p-default) input:checked ~ .state img,
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before,
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:after {
  -webkit-animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
  border-color: transparent;
}

.pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before {
  -webkit-animation: pulse 1s;
          animation: pulse 1s;
}

.pretty input[disabled] {
  cursor: not-allowed;
  display: none;
}

.pretty input[disabled] ~ * {
  opacity: .5;
}

.pretty.p-locked input {
  display: none;
  cursor: not-allowed;
}

.pretty input:checked ~ .state.p-primary label:after,
.pretty.p-toggle .state.p-primary label:after {
  background-color: #428bca !important;
}

.pretty input:checked ~ .state.p-primary .icon,
.pretty input:checked ~ .state.p-primary .svg,
.pretty.p-toggle .state.p-primary .icon,
.pretty.p-toggle .state.p-primary .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-primary-o label:before,
.pretty.p-toggle .state.p-primary-o label:before {
  border-color: #428bca;
}

.pretty input:checked ~ .state.p-primary-o label:after,
.pretty.p-toggle .state.p-primary-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-primary-o .icon,
.pretty input:checked ~ .state.p-primary-o .svg,
.pretty input:checked ~ .state.p-primary-o svg,
.pretty.p-toggle .state.p-primary-o .icon,
.pretty.p-toggle .state.p-primary-o .svg,
.pretty.p-toggle .state.p-primary-o svg {
  color: #428bca;
  stroke: #428bca;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after {
  background-color: #428bca !important;
}

.pretty.p-switch input:checked ~ .state.p-primary:before {
  border-color: #428bca;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-primary:before {
  background-color: #428bca !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-primary:before {
  border-color: #245682;
  background-color: #245682 !important;
}

.pretty input:checked ~ .state.p-info label:after,
.pretty.p-toggle .state.p-info label:after {
  background-color: #5bc0de !important;
}

.pretty input:checked ~ .state.p-info .icon,
.pretty input:checked ~ .state.p-info .svg,
.pretty.p-toggle .state.p-info .icon,
.pretty.p-toggle .state.p-info .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-info-o label:before,
.pretty.p-toggle .state.p-info-o label:before {
  border-color: #5bc0de;
}

.pretty input:checked ~ .state.p-info-o label:after,
.pretty.p-toggle .state.p-info-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-info-o .icon,
.pretty input:checked ~ .state.p-info-o .svg,
.pretty input:checked ~ .state.p-info-o svg,
.pretty.p-toggle .state.p-info-o .icon,
.pretty.p-toggle .state.p-info-o .svg,
.pretty.p-toggle .state.p-info-o svg {
  color: #5bc0de;
  stroke: #5bc0de;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after {
  background-color: #5bc0de !important;
}

.pretty.p-switch input:checked ~ .state.p-info:before {
  border-color: #5bc0de;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-info:before {
  background-color: #5bc0de !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-info:before {
  border-color: #2390b0;
  background-color: #2390b0 !important;
}

.pretty input:checked ~ .state.p-success label:after,
.pretty.p-toggle .state.p-success label:after {
  background-color: #5cb85c !important;
}

.pretty input:checked ~ .state.p-success .icon,
.pretty input:checked ~ .state.p-success .svg,
.pretty.p-toggle .state.p-success .icon,
.pretty.p-toggle .state.p-success .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-success-o label:before,
.pretty.p-toggle .state.p-success-o label:before {
  border-color: #5cb85c;
}

.pretty input:checked ~ .state.p-success-o label:after,
.pretty.p-toggle .state.p-success-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-success-o .icon,
.pretty input:checked ~ .state.p-success-o .svg,
.pretty input:checked ~ .state.p-success-o svg,
.pretty.p-toggle .state.p-success-o .icon,
.pretty.p-toggle .state.p-success-o .svg,
.pretty.p-toggle .state.p-success-o svg {
  color: #5cb85c;
  stroke: #5cb85c;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after {
  background-color: #5cb85c !important;
}

.pretty.p-switch input:checked ~ .state.p-success:before {
  border-color: #5cb85c;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-success:before {
  background-color: #5cb85c !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-success:before {
  border-color: #357935;
  background-color: #357935 !important;
}

.pretty input:checked ~ .state.p-warning label:after,
.pretty.p-toggle .state.p-warning label:after {
  background-color: #f0ad4e !important;
}

.pretty input:checked ~ .state.p-warning .icon,
.pretty input:checked ~ .state.p-warning .svg,
.pretty.p-toggle .state.p-warning .icon,
.pretty.p-toggle .state.p-warning .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-warning-o label:before,
.pretty.p-toggle .state.p-warning-o label:before {
  border-color: #f0ad4e;
}

.pretty input:checked ~ .state.p-warning-o label:after,
.pretty.p-toggle .state.p-warning-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-warning-o .icon,
.pretty input:checked ~ .state.p-warning-o .svg,
.pretty input:checked ~ .state.p-warning-o svg,
.pretty.p-toggle .state.p-warning-o .icon,
.pretty.p-toggle .state.p-warning-o .svg,
.pretty.p-toggle .state.p-warning-o svg {
  color: #f0ad4e;
  stroke: #f0ad4e;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after {
  background-color: #f0ad4e !important;
}

.pretty.p-switch input:checked ~ .state.p-warning:before {
  border-color: #f0ad4e;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-warning:before {
  background-color: #f0ad4e !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-warning:before {
  border-color: #c77c11;
  background-color: #c77c11 !important;
}

.pretty input:checked ~ .state.p-danger label:after,
.pretty.p-toggle .state.p-danger label:after {
  background-color: #d9534f !important;
}

.pretty input:checked ~ .state.p-danger .icon,
.pretty input:checked ~ .state.p-danger .svg,
.pretty.p-toggle .state.p-danger .icon,
.pretty.p-toggle .state.p-danger .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-danger-o label:before,
.pretty.p-toggle .state.p-danger-o label:before {
  border-color: #d9534f;
}

.pretty input:checked ~ .state.p-danger-o label:after,
.pretty.p-toggle .state.p-danger-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-danger-o .icon,
.pretty input:checked ~ .state.p-danger-o .svg,
.pretty input:checked ~ .state.p-danger-o svg,
.pretty.p-toggle .state.p-danger-o .icon,
.pretty.p-toggle .state.p-danger-o .svg,
.pretty.p-toggle .state.p-danger-o svg {
  color: #d9534f;
  stroke: #d9534f;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after {
  background-color: #d9534f !important;
}

.pretty.p-switch input:checked ~ .state.p-danger:before {
  border-color: #d9534f;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-danger:before {
  background-color: #d9534f !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-danger:before {
  border-color: #a02622;
  background-color: #a02622 !important;
}

.pretty.p-bigger label:before,
.pretty.p-bigger label:after,
.pretty.p-bigger .icon,
.pretty.p-bigger .svg,
.pretty.p-bigger .img {
  font-size: 1.2em !important;
  top: calc((0% - (100% - 1em)) - 35%) !important;
}

.pretty.p-bigger label {
  text-indent: 1.7em;
}

@media print {
  .pretty .state:before,
  .pretty .state label:before,
  .pretty .state label:after,
  .pretty .state .icon {
    color-adjust: exact;
    /* stylelint-disable */
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

@-webkit-keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }

  66% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }

  66% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.ball-pulse-sync > div:nth-child(0) {
  -webkit-animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out;
}

.ball-pulse-sync > div:nth-child(1) {
  -webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
}

.ball-pulse-sync > div:nth-child(2) {
  -webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
}

.ball-pulse-sync > div:nth-child(3) {
  -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
}

.ball-pulse-sync > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
}

.Toastify .Toastify__toast-container--top-right {
  top: 74px !important;
  z-index: 99999;
  height: auto !important;
}

@media only screen and (max-width: 480px) {
  .Toastify .Toastify__toast-container--top-right {
    top: 0 !important;
  }
}

.data-admin-table {
  position: relative;
}

.data-admin-table .lately-dropdown {
  display: inline-block;
  position: absolute;
  top: -34px;
  left: 172px;
  font-size: 11px;
}

.data-admin-table .sub-title {
  display: inline-block;
  width: 80px;
}

.data-admin-table .ui.clearing-menubar.menu {
  margin: 0;
}

.data-admin-table .ui.form .fields {
  margin: 0;
}

.data-admin-table .display-menu {
  display: block !important;
}

.data-admin-table .hide-menu {
  display: none !important;
}

.data-admin-table .cal-divider {
  line-height: 32px;
}

.site-detail th {
  width: 25%;
  padding: 0.78571429em;
  background: #f9fafb;
  border-top: 1px solid rgba(34, 36, 38, 0.1);
}

.site-detail td {
  width: 25%;
}

.site-detail tr:first-child th {
  border-top: 0;
}

.clearfix::after {
  display: block;
  content: '';
  clear: both;
}

.clearfix .submit-button {
  float: right;
}

.ui.small.modal {
  margin: 0 !important;
}

.submit-list-label {
  float: left;
  margin: 0;
  line-height: 36px;
}

.submit-list-button-wrapper {
  float: right;
}

.ui.segment#kakaoTable {
  background-color: #f9fafb;
}

.ui.segment#kakaoTable table,
.ui.segment#kakaoTable th,
.ui.segment#kakaoTable tr,
.ui.segment#kakaoTable td {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #f9fafb;
  border: 0;
}

*,
::after,
::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body.body-background {
  background-color: #f5f5f5;
}

@media screen and (max-width: 767px) {
  body.body-background {
    background-color: #fff;
    overflow-x: hidden;
  }
}

body.body-partner-auth {
  background-color: #f5f5f5;
  padding-top: 54px;
}

body.body-tempuser {
  padding-top: 44px;
}

body.body-tempuser .ht-top-navigation {
  top: 44px !important;
  margin-top: 0;
}

body.body-background.body-tempuser {
  padding-top: 0;
}

#app {
  height: 100%;
  background: #f2f2f7;
}

#app > div,
#app > div > div {
  height: 100%;
}

#app > div.Toastify,
#app > div > div.Toastify {
  height: auto;
}

#app > div.Toastify .Toastify__toast-container .custom-warn,
#app > div > div.Toastify .Toastify__toast-container .custom-warn {
  width: 380px;
  right: 5em;
}

.font-for-number {
  font-family: 'Pretendard' !important;
  font-weight: 400;
}

.happytalk-login-modal .header {
  text-align: center;
  border-bottom: 0 !important;
}

.happytalk-login-modal .header img.ui.image {
  display: inline-block !important;
}

.happytalk-login-modal .ht-input-box {
  border: 1px solid #eee;
}

.happytalk-login-modal .ht-input-box input {
  padding: 20px !important;
}

.happytalk-login-modal .ht-input-box input:last-child {
  border-top: 1px solid #eee;
}

.happytalk-login-modal > .actions {
  background: none !important;
  border-top: 0 !important;
  text-align: center !important;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input::-webkit-input-placeholder {
  color: #bcbcbc;
}

input::-moz-placeholder {
  color: #bcbcbc;
}

input::-ms-input-placeholder {
  color: #bcbcbc;
}

input::placeholder {
  color: #bcbcbc;
}

.custom-form-error {
  font-size: 12px !important;
  margin-top: 5px !important;
}

.approve-dimmer {
  color: #333 !important;
}

.approve-dimmer .approve-dimmer-label {
  font-size: 13px;
  color: #5f69ff;
  font-weight: 600;
  border: 2px solid #5f69ff;
  width: 120px;
  margin: 10px auto 30px auto;
  border-radius: 2em;
  line-height: 32px;
  height: 32px;
}

.ui.overlay.sidebar {
  z-index: 1002 !important;
}

.popup-date-picker {
  padding: 0 !important;
  width: 272px !important;
  max-width: 272px !important;
}

.popup-date-picker table {
  border: 0 !important;
}

.ui.button:disabled.disabled-opacity {
  opacity: 0.25 !important;
}

.tooltip-large {
  min-width: 600px !important;
}

@media only screen and (max-width: 750px) {
  .tooltip-large {
    min-width: auto !important;
  }
}

.ht-page-subtitle {
  padding-bottom: 14px;
}

.introjs-hint.introjs-fixedhint {
  z-index: 20000;
}

.introjs-hint-pulse {
  background-color: #ffffff;
  border-color: #377dff;
}

.introjs-hint-dot {
  border-color: rgba(55, 125, 255, 0.36);
}

.introjs-tooltiptext {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.69;
  letter-spacing: -0.5px;
  color: #1a1a1a;
}

.ball-pulse-sync > div:nth-child(1) {
  -webkit-animation: ball-pulse-sync 1s -0.14s infinite ease-in-out;
          animation: ball-pulse-sync 1s -0.14s infinite ease-in-out;
}

.ball-pulse-sync > div:nth-child(2) {
  -webkit-animation: ball-pulse-sync 1s -0.07s infinite ease-in-out;
          animation: ball-pulse-sync 1s -0.07s infinite ease-in-out;
}

.ball-pulse-sync > div:nth-child(3) {
  -webkit-animation: ball-pulse-sync 1s 0s infinite ease-in-out;
          animation: ball-pulse-sync 1s 0s infinite ease-in-out;
}

.ui.page.modals.dimmer {
  z-index: 10003 !important;
}

.ui.page.modals .modal-special .header {
  background-color: #ffe500;
}

.ui.page.modals .modal-special .header .ui.image {
  width: 32px;
  display: inline-block;
  margin-right: 5px;
}

.ui.page.modals .modal-special.modal-special-chrome .header {
  background: #00B3CD;
  color: #fff;
}

.ui.page.modals .modal-two-factor {
  font-family: 'Pretendard' !important;
}

.ui.page.modals .modal-two-factor .header {
  background-color: #1973e7;
  color: #fff;
}

.ui.page.modals .modal-two-factor .header .ui.image {
  width: 32px;
  display: inline-block;
  margin-right: 5px;
}

.ui.page.modals .modal-two-factor .header i {
  float: right;
  cursor: pointer;
}

.ui.page.modals .guide-container {
  position: relative;
}

.ui.page.modals .guide-container .title {
  width: 140px;
  position: absolute;
  text-align: right;
}

.ui.page.modals .guide-container .two-factor-title {
  width: 140px;
  position: absolute;
  line-height: 1.5;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.6px;
  text-align: right;
  color: #484848;
}

.ui.page.modals .guide-container .contnts-container {
  padding-left: 190px;
  padding-right: 20px;
}

.ui.page.modals .guide-container .contnts-container .contnts-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.71;
  letter-spacing: normal;
  color: #1a1a1a;
  margin-bottom: 4px;
}

.ui.page.modals .guide-container .contnts-container .contnts-title-2fa {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.6px;
}

.ui.page.modals .guide-container .contnts-container .contnts-desc {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #1a1a1a;
  margin-bottom: 10px;
}

.ui.page.modals .guide-container .contnts-container .contnts-desc2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px 16px;
  background: #F3F3F3;
  border-radius: 10px;
  word-wrap: break-word;
  word-break: keep-all;
}

.ui.page.modals .guide-container .contnts-container .contnts-image {
  margin-bottom: 20px;
}

.ui.page.modals .guide-container .contnts-container .contnts-image img {
  max-width: 100%;
}

.ui.page.modals .guide-container.guide-container-chrome {
  margin-bottom: 54px;
}

.ui.page.modals .guide-container.guide-container-chrome .title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.44px;
  color: #1A1A1A;
}

.ui.page.modals .guide-container.guide-container-chrome .contnts-title.step-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.44px;
  color: #1A1A1A;
}

.ui.page.modals .guide-container.guide-container-chrome .contnts-title span {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.44px;
  color: #00906B;
}

.ui.page.modals .guide-container.guide-container-chrome .contnts-title-chrome {
  color: #00906B;
}

.ui.page.modals .guide-container.guide-container-chrome .content-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ui.page.modals .guide-container.guide-container-chrome .content-link .chrome-extention {
  padding: 8px 16px;
  width: 247px;
  height: 40px;
  background: rgba(0, 144, 107, 0.1);
  border-radius: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: -0.23px;
  color: #00906B;
  margin-top: 8px;
  margin-bottom: 12px;
}

.ui.page.modals .guide-container.guide-container-chrome .content-link .chrome-extention a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: unset;
  color: inherit;
  gap: 4px;
}

.ui.page.modals .guide-container.guide-container-chrome .content-link .chrome-link {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.23px;
  color: #707070;
}

.ui.page.modals .guide-container.guide-container-chrome .content-link .chrome-link span {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.23px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #1A1A1A;
  margin-bottom: 10px;
  margin-left: 5px;
}

.ui.page.modals .guide-container.guide-container-chrome .contnts-image .image-step {
  text-indent: 15px;
  display: block;
  margin-bottom: 12px;
  margin-top: 8px;
}

.ui.page.modals .guide-container.guide-btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}

.ui.page.modals .guide-container.guide-btn-box button {
  padding: 8px 24px !important;
  width: 240px;
  height: 50px;
}

.ui.page.modals .help-container {
  padding-left: 190px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #1a1a1a;
  margin-bottom: 30px;
}

.ui.page.modals .help-container a {
  color: #2c55dd;
}

span.label-title2 {
  color: #38373E !important;
  font-size: 17px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 22px !important;
  /* 129.412% */
  letter-spacing: -0.43px !important;
}

span.label-title2 .sub-title {
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  /* 138.462% */
  letter-spacing: -0.28px;
}

span.label-title2 .sub-title.limit {
  color: #8A8A8E;
}

.ui.top.left.popup.transition.visible {
  margin-left: -10px;
}

.ui.top.right.popup.transition.visible {
  margin-right: -10px;
}

.ht-content-container .ui.toggle.checkbox .box:before,
.ht-content-container .ui.toggle.checkbox label:before,
.ui.visible.popup .ui.toggle.checkbox .box:before,
.ui.visible.popup .ui.toggle.checkbox label:before,
.ui.visible.active .ui.toggle.checkbox .box:before,
.ui.visible.active .ui.toggle.checkbox label:before {
  width: 3.3rem !important;
}

.ht-content-container .ui.toggle.checkbox input:checked ~ .box:after,
.ht-content-container .ui.toggle.checkbox input:checked ~ label:after,
.ui.visible.popup .ui.toggle.checkbox input:checked ~ .box:after,
.ui.visible.popup .ui.toggle.checkbox input:checked ~ label:after,
.ui.visible.active .ui.toggle.checkbox input:checked ~ .box:after,
.ui.visible.active .ui.toggle.checkbox input:checked ~ label:after {
  left: 1.8rem;
  -webkit-box-shadow: 0px 0px 1.5px 1px #02bcd6;
          box-shadow: 0px 0px 1.5px 1px #02bcd6;
  background: #02bcd4;
  border: none;
}

.ht-content-container .ui.toggle.checkbox input:checked ~ .box:before,
.ht-content-container .ui.toggle.checkbox input:checked ~ label:before,
.ui.visible.popup .ui.toggle.checkbox input:checked ~ .box:before,
.ui.visible.popup .ui.toggle.checkbox input:checked ~ label:before,
.ui.visible.active .ui.toggle.checkbox input:checked ~ .box:before,
.ui.visible.active .ui.toggle.checkbox input:checked ~ label:before {
  background-color: #90caf9 !important;
  border-radius: 5px;
  height: 17px;
  top: 2.3px;
}

.ht-content-container table tbody .ui.basic.blue.buttons .button,
.ht-content-container table tbody .ui.basic.blue.button,
.ui.visible.popup table tbody .ui.basic.blue.buttons .button,
.ui.visible.popup table tbody .ui.basic.blue.button,
.ui.visible.active table tbody .ui.basic.blue.buttons .button,
.ui.visible.active table tbody .ui.basic.blue.button {
  color: #48d3b4 !important;
  border: 1px solid #48d3b4;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.ui.selection.dropdown.drop-v2 {
  border-radius: 8px !important;
  border: 1px solid rgba(60, 60, 67, 0.2) !important;
}

.ui.selection.dropdown.drop-v2.active.selection.dropdown {
  border-color: #00906b !important;
  border-radius: 8px !important;
}

.ui.selection.dropdown.drop-v2 .menu.transition {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid #00906b !important;
  border-top: 1px solid #00906b !important;
  border-color: #00906b !important;
  border-radius: 8px !important;
}

.ht-content-container .ui.toggle.checkbox.checkbox-v2,
.ui.visible.popup .ui.toggle.checkbox.checkbox-v2,
.ui.visible.active .ui.toggle.checkbox.checkbox-v2 {
  width: 35px;
}

.ht-content-container .ui.toggle.checkbox.checkbox-v2 input,
.ui.visible.popup .ui.toggle.checkbox.checkbox-v2 input,
.ui.visible.active .ui.toggle.checkbox.checkbox-v2 input {
  width: 35px;
}

.ht-content-container .ui.toggle.checkbox.checkbox-v2 .box:before,
.ht-content-container .ui.toggle.checkbox.checkbox-v2 label:before,
.ui.visible.popup .ui.toggle.checkbox.checkbox-v2 .box:before,
.ui.visible.popup .ui.toggle.checkbox.checkbox-v2 label:before,
.ui.visible.active .ui.toggle.checkbox.checkbox-v2 .box:before,
.ui.visible.active .ui.toggle.checkbox.checkbox-v2 label:before {
  width: 2.3rem !important;
  border-radius: 20px !important;
  height: 18px;
  background: #e2e2e2;
  top: 2.3px;
}

.ht-content-container .ui.toggle.checkbox.checkbox-v2 input ~ .box:after,
.ht-content-container .ui.toggle.checkbox.checkbox-v2 input ~ label:after,
.ui.visible.popup .ui.toggle.checkbox.checkbox-v2 input ~ .box:after,
.ui.visible.popup .ui.toggle.checkbox.checkbox-v2 input ~ label:after,
.ui.visible.active .ui.toggle.checkbox.checkbox-v2 input ~ .box:after,
.ui.visible.active .ui.toggle.checkbox.checkbox-v2 input ~ label:after {
  left: 0.12rem;
  top: 0.3rem;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  background: #ffffff;
  border: none;
  width: 1rem;
  height: 1rem;
}

.ht-content-container .ui.toggle.checkbox.checkbox-v2 input:checked ~ .box:after,
.ht-content-container .ui.toggle.checkbox.checkbox-v2 input:checked ~ label:after,
.ui.visible.popup .ui.toggle.checkbox.checkbox-v2 input:checked ~ .box:after,
.ui.visible.popup .ui.toggle.checkbox.checkbox-v2 input:checked ~ label:after,
.ui.visible.active .ui.toggle.checkbox.checkbox-v2 input:checked ~ .box:after,
.ui.visible.active .ui.toggle.checkbox.checkbox-v2 input:checked ~ label:after {
  left: 1.2rem;
  top: 0.3rem;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  background: #fff;
  border: none;
  width: 1rem;
  height: 1rem;
}

.ht-content-container .ui.toggle.checkbox.checkbox-v2 input:checked ~ .box:before,
.ht-content-container .ui.toggle.checkbox.checkbox-v2 input:checked ~ label:before,
.ui.visible.popup .ui.toggle.checkbox.checkbox-v2 input:checked ~ .box:before,
.ui.visible.popup .ui.toggle.checkbox.checkbox-v2 input:checked ~ label:before,
.ui.visible.active .ui.toggle.checkbox.checkbox-v2 input:checked ~ .box:before,
.ui.visible.active .ui.toggle.checkbox.checkbox-v2 input:checked ~ label:before {
  background-color: #00906B !important;
  border-radius: 5px;
  height: 18px;
  top: 2.3px;
}

.ht-content-container .ui.checkbox.checkbox-v2 input:checked ~ .box:before,
.ht-content-container .ui.checkbox.checkbox-v2 input:checked ~ label:before,
.ui.visible.popup .ui.checkbox.checkbox-v2 input:checked ~ .box:before,
.ui.visible.popup .ui.checkbox.checkbox-v2 input:checked ~ label:before,
.ui.visible.active .ui.checkbox.checkbox-v2 input:checked ~ .box:before,
.ui.visible.active .ui.checkbox.checkbox-v2 input:checked ~ label:before {
  background: #00906B !important;
  border: unset !important;
}

.ht-content-container .ui.checkbox.checkbox-v2.blue input:checked ~ .box:before,
.ht-content-container .ui.checkbox.checkbox-v2.blue input:checked ~ label:before,
.ui.visible.popup .ui.checkbox.checkbox-v2.blue input:checked ~ .box:before,
.ui.visible.popup .ui.checkbox.checkbox-v2.blue input:checked ~ label:before,
.ui.visible.active .ui.checkbox.checkbox-v2.blue input:checked ~ .box:before,
.ui.visible.active .ui.checkbox.checkbox-v2.blue input:checked ~ label:before {
  background: #5988FE !important;
  border: unset !important;
}

.ht-content-container .ui.checkbox.checkbox-v2 input:checked ~ .box:after,
.ht-content-container .ui.checkbox.checkbox-v2 input:checked ~ label:after,
.ui.visible.popup .ui.checkbox.checkbox-v2 input:checked ~ .box:after,
.ui.visible.popup .ui.checkbox.checkbox-v2 input:checked ~ label:after,
.ui.visible.active .ui.checkbox.checkbox-v2 input:checked ~ .box:after,
.ui.visible.active .ui.checkbox.checkbox-v2 input:checked ~ label:after {
  color: #fff !important;
}

.ui.toggle.checkbox.checkbox-v2 {
  width: 35px;
}

.ui.toggle.checkbox.checkbox-v2 input {
  width: 35px;
}

.ui.toggle.checkbox.checkbox-v2 .box:before,
.ui.toggle.checkbox.checkbox-v2 label:before {
  width: 2.3rem !important;
  border-radius: 20px !important;
  height: 18px;
  background: #e2e2e2;
  top: 2.3px;
}

.ui.toggle.checkbox.checkbox-v2 input ~ .box:after,
.ui.toggle.checkbox.checkbox-v2 input ~ label:after {
  left: 0.12rem;
  top: 0.3rem;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  background: #ffffff;
  border: none;
  width: 1rem;
  height: 1rem;
}

.ui.toggle.checkbox.checkbox-v2 input:checked ~ .box:after,
.ui.toggle.checkbox.checkbox-v2 input:checked ~ label:after {
  left: 1.2rem;
  top: 0.3rem;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  background: #fff;
  border: none;
  width: 1rem;
  height: 1rem;
}

.ui.toggle.checkbox.checkbox-v2 input:checked ~ .box:before,
.ui.toggle.checkbox.checkbox-v2 input:checked ~ label:before {
  background-color: #00906B !important;
  border-radius: 5px;
  height: 18px;
  top: 2.3px;
}

.ui.checkbox.checkbox-v2 input:checked ~ .box:before,
.ui.checkbox.checkbox-v2 input:checked ~ label:before {
  background: #00906B !important;
  border: unset !important;
}

.ui.checkbox.checkbox-v2.blue input:checked ~ .box:before,
.ui.checkbox.checkbox-v2.blue input:checked ~ label:before {
  background: #5988FE !important;
  border: unset !important;
}

.ui.checkbox.checkbox-v2 input:checked ~ .box:after,
.ui.checkbox.checkbox-v2 input:checked ~ label:after {
  color: #fff !important;
}

.ui.checkbox.blue input:checked ~ .box:after,
.ui.checkbox.blue input:checked ~ label:after {
  background: #5988FE !important;
  border-radius: 5px;
}

.ui.radio.checkbox.blue input:checked ~ .box:after,
.ui.radio.checkbox.blue input:checked ~ label:after {
  background: #5988FE !important;
}

.ui.checkbox.blue input:checked ~ .box:before,
.ui.checkbox.blue input:checked ~ label:before {
  border-color: #5988FE !important;
}

.ht-content-container .primary {
  background: -webkit-gradient(linear, left top, right top, from(#66ccf8), color-stop(0%, #66ccf8), color-stop(100%, #66cc88), to(#66cc88)) !important;
  background: linear-gradient(90deg, #66ccf8 0%, #66ccf8 0%, #66cc88 100%, #66cc88 100%) !important;
  background-image: -webkit-gradient(linear, left top, right top, from(#66ccf8), color-stop(0%, #66ccf8), color-stop(100%, #66cc88), to(#66cc88)) !important;
  background-image: linear-gradient(90deg, #66ccf8 0%, #66ccf8 0%, #66cc88 100%, #66cc88 100%) !important;
  color: #fff !important;
}

.ht-content-container .primary:hover {
  background: #66ccee !important;
}

.ht-content-container .primary:disabled {
  background-image: -webkit-gradient(linear, left top, right top, from(#66ccf8), color-stop(0%, #66ccf8), color-stop(100%, #66cc88), to(#66cc88)) !important;
  background-image: linear-gradient(90deg, #66ccf8 0%, #66ccf8 0%, #66cc88 100%, #66cc88 100%) !important;
}

.ht-content-container .secondary,
.ui.modal .actions > .button.secondary,
.ui.modal .actions > .button.negative,
.ui.modal .actions > .button.primary {
  background: -webkit-gradient(linear, left top, right top, from(#66ccf8), color-stop(0%, #66ccf8), color-stop(100%, #66cc88), to(#66cc88));
  background: linear-gradient(90deg, #66ccf8 0%, #66ccf8 0%, #66cc88 100%, #66cc88 100%);
  background-color: white !important;
  border: 1px solid #48d3b4;
  color: #66cc9e !important;
}

.ui.modal .actions > .button.secondary,
.ui.modal .actions > .button.negative,
.ui.modal .actions > .button.primary {
  color: #fff !important;
}

.ui.modal .actions > .button.secondary i.checkmark,
.ui.modal .actions > .button.negative i.checkmark,
.ui.modal .actions > .button.primary i.checkmark {
  background-color: #ffffff00;
}

.ui.modal .actions > .button.disabled {
  color: #66cc9e !important;
}

.ht-content-container .secondary:hover {
  background: #daf0ee !important;
}

.ui.modal .actions > .button.secondary:hover,
.ui.modal .actions > .button.negative:hover,
.ui.modal .actions > .button.primary:hover {
  background: #daf0ee !important;
  color: #66cc9e !important;
}

#app .ui.button,
div.ui.modals .ui.button,
.lnb-wrapper .ui.button,
.cti-menu-box .ui.button,
.ht-content-container .ui.button,
.ars-default-wrapper .ui.button,
.popup-date-picker .ui.button,
.left-extra-btn-arae .ui.button {
  -webkit-transition: unset !important;
  transition: unset !important;
  font-size: 1rem;
}

#app .ui.button.mini,
div.ui.modals .ui.button.mini,
.lnb-wrapper .ui.button.mini,
.cti-menu-box .ui.button.mini,
.ht-content-container .ui.button.mini,
.ars-default-wrapper .ui.button.mini,
.popup-date-picker .ui.button.mini,
.left-extra-btn-arae .ui.button.mini {
  font-size: 0.78571429rem;
}

#app .ui.button.scenario-action-type,
div.ui.modals .ui.button.scenario-action-type,
.lnb-wrapper .ui.button.scenario-action-type,
.cti-menu-box .ui.button.scenario-action-type,
.ht-content-container .ui.button.scenario-action-type,
.ars-default-wrapper .ui.button.scenario-action-type,
.popup-date-picker .ui.button.scenario-action-type,
.left-extra-btn-arae .ui.button.scenario-action-type {
  background: rgba(140, 140, 156, 0.08) !important;
}

#app .ui.button.scenario-action-type.active,
div.ui.modals .ui.button.scenario-action-type.active,
.lnb-wrapper .ui.button.scenario-action-type.active,
.cti-menu-box .ui.button.scenario-action-type.active,
.ht-content-container .ui.button.scenario-action-type.active,
.ars-default-wrapper .ui.button.scenario-action-type.active,
.popup-date-picker .ui.button.scenario-action-type.active,
.left-extra-btn-arae .ui.button.scenario-action-type.active {
  color: #00906B !important;
  background: rgba(0, 144, 107, 0.1) !important;
  -webkit-box-shadow: 0 0 0 1px #00906B inset !important;
          box-shadow: 0 0 0 1px #00906B inset !important;
}

#app .ui.button.btn-v2-default,
div.ui.modals .ui.button.btn-v2-default,
.lnb-wrapper .ui.button.btn-v2-default,
.cti-menu-box .ui.button.btn-v2-default,
.ht-content-container .ui.button.btn-v2-default,
.ars-default-wrapper .ui.button.btn-v2-default,
.popup-date-picker .ui.button.btn-v2-default,
.left-extra-btn-arae .ui.button.btn-v2-default {
  padding: 12px 16px;
  background: #00906B;
  color: #fff;
  font-weight: normal;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.23px;
  border-radius: 8px;
  border: none;
}

#app .ui.button.btn-v2-default.default-red,
div.ui.modals .ui.button.btn-v2-default.default-red,
.lnb-wrapper .ui.button.btn-v2-default.default-red,
.cti-menu-box .ui.button.btn-v2-default.default-red,
.ht-content-container .ui.button.btn-v2-default.default-red,
.ars-default-wrapper .ui.button.btn-v2-default.default-red,
.popup-date-picker .ui.button.btn-v2-default.default-red,
.left-extra-btn-arae .ui.button.btn-v2-default.default-red {
  background: #FF4713;
  color: #fff;
}

#app .ui.button.btn-v2-default.call-rel-btn,
div.ui.modals .ui.button.btn-v2-default.call-rel-btn,
.lnb-wrapper .ui.button.btn-v2-default.call-rel-btn,
.cti-menu-box .ui.button.btn-v2-default.call-rel-btn,
.ht-content-container .ui.button.btn-v2-default.call-rel-btn,
.ars-default-wrapper .ui.button.btn-v2-default.call-rel-btn,
.popup-date-picker .ui.button.btn-v2-default.call-rel-btn,
.left-extra-btn-arae .ui.button.btn-v2-default.call-rel-btn {
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.18px;
  background: #00000080;
  color: #FFFFFF;
  height: 30px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 3px !important;
}

#app .ui.button.btn-v2-default.icons,
div.ui.modals .ui.button.btn-v2-default.icons,
.lnb-wrapper .ui.button.btn-v2-default.icons,
.cti-menu-box .ui.button.btn-v2-default.icons,
.ht-content-container .ui.button.btn-v2-default.icons,
.ars-default-wrapper .ui.button.btn-v2-default.icons,
.popup-date-picker .ui.button.btn-v2-default.icons,
.left-extra-btn-arae .ui.button.btn-v2-default.icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

#app .ui.button.btn-v2-default.icons svg,
div.ui.modals .ui.button.btn-v2-default.icons svg,
.lnb-wrapper .ui.button.btn-v2-default.icons svg,
.cti-menu-box .ui.button.btn-v2-default.icons svg,
.ht-content-container .ui.button.btn-v2-default.icons svg,
.ars-default-wrapper .ui.button.btn-v2-default.icons svg,
.popup-date-picker .ui.button.btn-v2-default.icons svg,
.left-extra-btn-arae .ui.button.btn-v2-default.icons svg {
  font-size: 15px;
  stroke-width: .5;
}

#app .ui.button.btn-v2-default.img-icons,
div.ui.modals .ui.button.btn-v2-default.img-icons,
.lnb-wrapper .ui.button.btn-v2-default.img-icons,
.cti-menu-box .ui.button.btn-v2-default.img-icons,
.ht-content-container .ui.button.btn-v2-default.img-icons,
.ars-default-wrapper .ui.button.btn-v2-default.img-icons,
.popup-date-picker .ui.button.btn-v2-default.img-icons,
.left-extra-btn-arae .ui.button.btn-v2-default.img-icons {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1px;
}

#app .ui.button.btn-v2-default.size-m,
div.ui.modals .ui.button.btn-v2-default.size-m,
.lnb-wrapper .ui.button.btn-v2-default.size-m,
.cti-menu-box .ui.button.btn-v2-default.size-m,
.ht-content-container .ui.button.btn-v2-default.size-m,
.ars-default-wrapper .ui.button.btn-v2-default.size-m,
.popup-date-picker .ui.button.btn-v2-default.size-m,
.left-extra-btn-arae .ui.button.btn-v2-default.size-m {
  font-size: 13px;
  padding: 8px 16px !important;
}

#app .ui.button.btn-v2-default.size-ss,
div.ui.modals .ui.button.btn-v2-default.size-ss,
.lnb-wrapper .ui.button.btn-v2-default.size-ss,
.cti-menu-box .ui.button.btn-v2-default.size-ss,
.ht-content-container .ui.button.btn-v2-default.size-ss,
.ars-default-wrapper .ui.button.btn-v2-default.size-ss,
.popup-date-picker .ui.button.btn-v2-default.size-ss,
.left-extra-btn-arae .ui.button.btn-v2-default.size-ss {
  font-size: 13px;
  width: auto !important;
  padding: 3px 12px 3px 12px !important;
  border-radius: 0.28571429rem !important;
}

#app .ui.button.btn-v2-default.size-ss.call-back-btn,
div.ui.modals .ui.button.btn-v2-default.size-ss.call-back-btn,
.lnb-wrapper .ui.button.btn-v2-default.size-ss.call-back-btn,
.cti-menu-box .ui.button.btn-v2-default.size-ss.call-back-btn,
.ht-content-container .ui.button.btn-v2-default.size-ss.call-back-btn,
.ars-default-wrapper .ui.button.btn-v2-default.size-ss.call-back-btn,
.popup-date-picker .ui.button.btn-v2-default.size-ss.call-back-btn,
.left-extra-btn-arae .ui.button.btn-v2-default.size-ss.call-back-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

#app .ui.button.btn-v2-default.size-ss.call-back-btn svg,
div.ui.modals .ui.button.btn-v2-default.size-ss.call-back-btn svg,
.lnb-wrapper .ui.button.btn-v2-default.size-ss.call-back-btn svg,
.cti-menu-box .ui.button.btn-v2-default.size-ss.call-back-btn svg,
.ht-content-container .ui.button.btn-v2-default.size-ss.call-back-btn svg,
.ars-default-wrapper .ui.button.btn-v2-default.size-ss.call-back-btn svg,
.popup-date-picker .ui.button.btn-v2-default.size-ss.call-back-btn svg,
.left-extra-btn-arae .ui.button.btn-v2-default.size-ss.call-back-btn svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  font-size: 9px;
}

#app .ui.button.btn-v2-default.font-w-7,
div.ui.modals .ui.button.btn-v2-default.font-w-7,
.lnb-wrapper .ui.button.btn-v2-default.font-w-7,
.cti-menu-box .ui.button.btn-v2-default.font-w-7,
.ht-content-container .ui.button.btn-v2-default.font-w-7,
.ars-default-wrapper .ui.button.btn-v2-default.font-w-7,
.popup-date-picker .ui.button.btn-v2-default.font-w-7,
.left-extra-btn-arae .ui.button.btn-v2-default.font-w-7 {
  font-weight: 700;
}

#app .ui.button.btn-v2-default.secondary,
div.ui.modals .ui.button.btn-v2-default.secondary,
.lnb-wrapper .ui.button.btn-v2-default.secondary,
.cti-menu-box .ui.button.btn-v2-default.secondary,
.ht-content-container .ui.button.btn-v2-default.secondary,
.ars-default-wrapper .ui.button.btn-v2-default.secondary,
.popup-date-picker .ui.button.btn-v2-default.secondary,
.left-extra-btn-arae .ui.button.btn-v2-default.secondary {
  background: rgba(0, 144, 107, 0.1) !important;
  color: #00906B !important;
}

#app .ui.button.btn-v2-default.secondary.lessPadding,
div.ui.modals .ui.button.btn-v2-default.secondary.lessPadding,
.lnb-wrapper .ui.button.btn-v2-default.secondary.lessPadding,
.cti-menu-box .ui.button.btn-v2-default.secondary.lessPadding,
.ht-content-container .ui.button.btn-v2-default.secondary.lessPadding,
.ars-default-wrapper .ui.button.btn-v2-default.secondary.lessPadding,
.popup-date-picker .ui.button.btn-v2-default.secondary.lessPadding,
.left-extra-btn-arae .ui.button.btn-v2-default.secondary.lessPadding {
  padding: 5px 6.5px !important;
}

#app .ui.button.btn-v2-default.secondary-red,
div.ui.modals .ui.button.btn-v2-default.secondary-red,
.lnb-wrapper .ui.button.btn-v2-default.secondary-red,
.cti-menu-box .ui.button.btn-v2-default.secondary-red,
.ht-content-container .ui.button.btn-v2-default.secondary-red,
.ars-default-wrapper .ui.button.btn-v2-default.secondary-red,
.popup-date-picker .ui.button.btn-v2-default.secondary-red,
.left-extra-btn-arae .ui.button.btn-v2-default.secondary-red {
  background: #FF47131A;
  color: #FF4713;
}

#app .ui.button.btn-v2-default.blue,
div.ui.modals .ui.button.btn-v2-default.blue,
.lnb-wrapper .ui.button.btn-v2-default.blue,
.cti-menu-box .ui.button.btn-v2-default.blue,
.ht-content-container .ui.button.btn-v2-default.blue,
.ars-default-wrapper .ui.button.btn-v2-default.blue,
.popup-date-picker .ui.button.btn-v2-default.blue,
.left-extra-btn-arae .ui.button.btn-v2-default.blue {
  background: #306AFE !important;
  color: #fff !important;
}

#app .ui.button.btn-v2-default.delete-btn,
div.ui.modals .ui.button.btn-v2-default.delete-btn,
.lnb-wrapper .ui.button.btn-v2-default.delete-btn,
.cti-menu-box .ui.button.btn-v2-default.delete-btn,
.ht-content-container .ui.button.btn-v2-default.delete-btn,
.ars-default-wrapper .ui.button.btn-v2-default.delete-btn,
.popup-date-picker .ui.button.btn-v2-default.delete-btn,
.left-extra-btn-arae .ui.button.btn-v2-default.delete-btn {
  background: #FF47131A;
  color: #FF4713;
}

#app .ui.button.btn-v2-default.not-allow-btn,
div.ui.modals .ui.button.btn-v2-default.not-allow-btn,
.lnb-wrapper .ui.button.btn-v2-default.not-allow-btn,
.cti-menu-box .ui.button.btn-v2-default.not-allow-btn,
.ht-content-container .ui.button.btn-v2-default.not-allow-btn,
.ars-default-wrapper .ui.button.btn-v2-default.not-allow-btn,
.popup-date-picker .ui.button.btn-v2-default.not-allow-btn,
.left-extra-btn-arae .ui.button.btn-v2-default.not-allow-btn {
  cursor: not-allowed;
}

#app .ui.button.btn-v2-default.line-btn,
div.ui.modals .ui.button.btn-v2-default.line-btn,
.lnb-wrapper .ui.button.btn-v2-default.line-btn,
.cti-menu-box .ui.button.btn-v2-default.line-btn,
.ht-content-container .ui.button.btn-v2-default.line-btn,
.ars-default-wrapper .ui.button.btn-v2-default.line-btn,
.popup-date-picker .ui.button.btn-v2-default.line-btn,
.left-extra-btn-arae .ui.button.btn-v2-default.line-btn {
  background: unset !important;
  -webkit-box-shadow: 0 0 0 1px #00906B inset;
          box-shadow: 0 0 0 1px #00906B inset;
  color: #00906B !important;
}

#app .ui.button.btn-v2-default.line-btn.blue,
div.ui.modals .ui.button.btn-v2-default.line-btn.blue,
.lnb-wrapper .ui.button.btn-v2-default.line-btn.blue,
.cti-menu-box .ui.button.btn-v2-default.line-btn.blue,
.ht-content-container .ui.button.btn-v2-default.line-btn.blue,
.ars-default-wrapper .ui.button.btn-v2-default.line-btn.blue,
.popup-date-picker .ui.button.btn-v2-default.line-btn.blue,
.left-extra-btn-arae .ui.button.btn-v2-default.line-btn.blue {
  background: unset !important;
  -webkit-box-shadow: 0 0 0 1px #306AFE inset;
          box-shadow: 0 0 0 1px #306AFE inset;
  color: #306AFE !important;
}

#app .ui.button.btn-v2-default.line-btn.size-s,
div.ui.modals .ui.button.btn-v2-default.line-btn.size-s,
.lnb-wrapper .ui.button.btn-v2-default.line-btn.size-s,
.cti-menu-box .ui.button.btn-v2-default.line-btn.size-s,
.ht-content-container .ui.button.btn-v2-default.line-btn.size-s,
.ars-default-wrapper .ui.button.btn-v2-default.line-btn.size-s,
.popup-date-picker .ui.button.btn-v2-default.line-btn.size-s,
.left-extra-btn-arae .ui.button.btn-v2-default.line-btn.size-s {
  width: 50px;
  height: 24px;
  padding: 0px;
}

#app .ui.button.btn-v2-default.line-btn.size-m,
div.ui.modals .ui.button.btn-v2-default.line-btn.size-m,
.lnb-wrapper .ui.button.btn-v2-default.line-btn.size-m,
.cti-menu-box .ui.button.btn-v2-default.line-btn.size-m,
.ht-content-container .ui.button.btn-v2-default.line-btn.size-m,
.ars-default-wrapper .ui.button.btn-v2-default.line-btn.size-m,
.popup-date-picker .ui.button.btn-v2-default.line-btn.size-m,
.left-extra-btn-arae .ui.button.btn-v2-default.line-btn.size-m {
  padding: 8px;
}

#app .ui.button.btn-v2-default.btn-none,
div.ui.modals .ui.button.btn-v2-default.btn-none,
.lnb-wrapper .ui.button.btn-v2-default.btn-none,
.cti-menu-box .ui.button.btn-v2-default.btn-none,
.ht-content-container .ui.button.btn-v2-default.btn-none,
.ars-default-wrapper .ui.button.btn-v2-default.btn-none,
.popup-date-picker .ui.button.btn-v2-default.btn-none,
.left-extra-btn-arae .ui.button.btn-v2-default.btn-none {
  background: rgba(120, 120, 128, 0.16) !important;
  color: rgba(60, 60, 67, 0.3) !important;
}

#app .ui.button.btn-v2-default.trial-lnb-btn,
div.ui.modals .ui.button.btn-v2-default.trial-lnb-btn,
.lnb-wrapper .ui.button.btn-v2-default.trial-lnb-btn,
.cti-menu-box .ui.button.btn-v2-default.trial-lnb-btn,
.ht-content-container .ui.button.btn-v2-default.trial-lnb-btn,
.ars-default-wrapper .ui.button.btn-v2-default.trial-lnb-btn,
.popup-date-picker .ui.button.btn-v2-default.trial-lnb-btn,
.left-extra-btn-arae .ui.button.btn-v2-default.trial-lnb-btn {
  font-size: 12px;
  padding: 12px;
}

#app .ui.button.btn-v2-default.scenario-btn,
div.ui.modals .ui.button.btn-v2-default.scenario-btn,
.lnb-wrapper .ui.button.btn-v2-default.scenario-btn,
.cti-menu-box .ui.button.btn-v2-default.scenario-btn,
.ht-content-container .ui.button.btn-v2-default.scenario-btn,
.ars-default-wrapper .ui.button.btn-v2-default.scenario-btn,
.popup-date-picker .ui.button.btn-v2-default.scenario-btn,
.left-extra-btn-arae .ui.button.btn-v2-default.scenario-btn {
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

#app .ui.button.btn-v2-default.scenario-btn svg,
div.ui.modals .ui.button.btn-v2-default.scenario-btn svg,
.lnb-wrapper .ui.button.btn-v2-default.scenario-btn svg,
.cti-menu-box .ui.button.btn-v2-default.scenario-btn svg,
.ht-content-container .ui.button.btn-v2-default.scenario-btn svg,
.ars-default-wrapper .ui.button.btn-v2-default.scenario-btn svg,
.popup-date-picker .ui.button.btn-v2-default.scenario-btn svg,
.left-extra-btn-arae .ui.button.btn-v2-default.scenario-btn svg {
  font-size: 17px;
}

#app .ui.button.btn-v2-default.scenario-btn.stop,
div.ui.modals .ui.button.btn-v2-default.scenario-btn.stop,
.lnb-wrapper .ui.button.btn-v2-default.scenario-btn.stop,
.cti-menu-box .ui.button.btn-v2-default.scenario-btn.stop,
.ht-content-container .ui.button.btn-v2-default.scenario-btn.stop,
.ars-default-wrapper .ui.button.btn-v2-default.scenario-btn.stop,
.popup-date-picker .ui.button.btn-v2-default.scenario-btn.stop,
.left-extra-btn-arae .ui.button.btn-v2-default.scenario-btn.stop {
  color: #38373e !important;
  border: 1px solid #38373e !important;
}

#app .ui.button.btn-v2-default.scenario-btn-multiline,
div.ui.modals .ui.button.btn-v2-default.scenario-btn-multiline,
.lnb-wrapper .ui.button.btn-v2-default.scenario-btn-multiline,
.cti-menu-box .ui.button.btn-v2-default.scenario-btn-multiline,
.ht-content-container .ui.button.btn-v2-default.scenario-btn-multiline,
.ars-default-wrapper .ui.button.btn-v2-default.scenario-btn-multiline,
.popup-date-picker .ui.button.btn-v2-default.scenario-btn-multiline,
.left-extra-btn-arae .ui.button.btn-v2-default.scenario-btn-multiline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  white-space: pre-line;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 13px !important;
  font-weight: bold !important;
  line-height: 18px;
}

#app .ui.button.btn-v2-default.pd-s,
div.ui.modals .ui.button.btn-v2-default.pd-s,
.lnb-wrapper .ui.button.btn-v2-default.pd-s,
.cti-menu-box .ui.button.btn-v2-default.pd-s,
.ht-content-container .ui.button.btn-v2-default.pd-s,
.ars-default-wrapper .ui.button.btn-v2-default.pd-s,
.popup-date-picker .ui.button.btn-v2-default.pd-s,
.left-extra-btn-arae .ui.button.btn-v2-default.pd-s {
  padding: 6px 8px;
}

#app .ui.button.btn-v2-default.list-play-btn,
#app .ui.button.btn-v2-default.list-download-btn,
div.ui.modals .ui.button.btn-v2-default.list-play-btn,
div.ui.modals .ui.button.btn-v2-default.list-download-btn,
.lnb-wrapper .ui.button.btn-v2-default.list-play-btn,
.lnb-wrapper .ui.button.btn-v2-default.list-download-btn,
.cti-menu-box .ui.button.btn-v2-default.list-play-btn,
.cti-menu-box .ui.button.btn-v2-default.list-download-btn,
.ht-content-container .ui.button.btn-v2-default.list-play-btn,
.ht-content-container .ui.button.btn-v2-default.list-download-btn,
.ars-default-wrapper .ui.button.btn-v2-default.list-play-btn,
.ars-default-wrapper .ui.button.btn-v2-default.list-download-btn,
.popup-date-picker .ui.button.btn-v2-default.list-play-btn,
.popup-date-picker .ui.button.btn-v2-default.list-download-btn,
.left-extra-btn-arae .ui.button.btn-v2-default.list-play-btn,
.left-extra-btn-arae .ui.button.btn-v2-default.list-download-btn {
  padding: 6px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 13px;
}

#app .ui.button.btn-v2-default.list-play-btn i,
#app .ui.button.btn-v2-default.list-download-btn i,
div.ui.modals .ui.button.btn-v2-default.list-play-btn i,
div.ui.modals .ui.button.btn-v2-default.list-download-btn i,
.lnb-wrapper .ui.button.btn-v2-default.list-play-btn i,
.lnb-wrapper .ui.button.btn-v2-default.list-download-btn i,
.cti-menu-box .ui.button.btn-v2-default.list-play-btn i,
.cti-menu-box .ui.button.btn-v2-default.list-download-btn i,
.ht-content-container .ui.button.btn-v2-default.list-play-btn i,
.ht-content-container .ui.button.btn-v2-default.list-download-btn i,
.ars-default-wrapper .ui.button.btn-v2-default.list-play-btn i,
.ars-default-wrapper .ui.button.btn-v2-default.list-download-btn i,
.popup-date-picker .ui.button.btn-v2-default.list-play-btn i,
.popup-date-picker .ui.button.btn-v2-default.list-download-btn i,
.left-extra-btn-arae .ui.button.btn-v2-default.list-play-btn i,
.left-extra-btn-arae .ui.button.btn-v2-default.list-download-btn i {
  font-size: 13px;
}

#app .ui.button.btn-v2-default.list-play-btn.is-stop,
#app .ui.button.btn-v2-default.list-download-btn.is-stop,
div.ui.modals .ui.button.btn-v2-default.list-play-btn.is-stop,
div.ui.modals .ui.button.btn-v2-default.list-download-btn.is-stop,
.lnb-wrapper .ui.button.btn-v2-default.list-play-btn.is-stop,
.lnb-wrapper .ui.button.btn-v2-default.list-download-btn.is-stop,
.cti-menu-box .ui.button.btn-v2-default.list-play-btn.is-stop,
.cti-menu-box .ui.button.btn-v2-default.list-download-btn.is-stop,
.ht-content-container .ui.button.btn-v2-default.list-play-btn.is-stop,
.ht-content-container .ui.button.btn-v2-default.list-download-btn.is-stop,
.ars-default-wrapper .ui.button.btn-v2-default.list-play-btn.is-stop,
.ars-default-wrapper .ui.button.btn-v2-default.list-download-btn.is-stop,
.popup-date-picker .ui.button.btn-v2-default.list-play-btn.is-stop,
.popup-date-picker .ui.button.btn-v2-default.list-download-btn.is-stop,
.left-extra-btn-arae .ui.button.btn-v2-default.list-play-btn.is-stop,
.left-extra-btn-arae .ui.button.btn-v2-default.list-download-btn.is-stop {
  color: #4c4c4c !important;
  border: 1px solid #4c4c4c;
}

#app .ui.button.btn-v2-default.list-play-btn.is-play,
#app .ui.button.btn-v2-default.list-play-btn.is-down,
#app .ui.button.btn-v2-default.list-download-btn.is-play,
#app .ui.button.btn-v2-default.list-download-btn.is-down,
div.ui.modals .ui.button.btn-v2-default.list-play-btn.is-play,
div.ui.modals .ui.button.btn-v2-default.list-play-btn.is-down,
div.ui.modals .ui.button.btn-v2-default.list-download-btn.is-play,
div.ui.modals .ui.button.btn-v2-default.list-download-btn.is-down,
.lnb-wrapper .ui.button.btn-v2-default.list-play-btn.is-play,
.lnb-wrapper .ui.button.btn-v2-default.list-play-btn.is-down,
.lnb-wrapper .ui.button.btn-v2-default.list-download-btn.is-play,
.lnb-wrapper .ui.button.btn-v2-default.list-download-btn.is-down,
.cti-menu-box .ui.button.btn-v2-default.list-play-btn.is-play,
.cti-menu-box .ui.button.btn-v2-default.list-play-btn.is-down,
.cti-menu-box .ui.button.btn-v2-default.list-download-btn.is-play,
.cti-menu-box .ui.button.btn-v2-default.list-download-btn.is-down,
.ht-content-container .ui.button.btn-v2-default.list-play-btn.is-play,
.ht-content-container .ui.button.btn-v2-default.list-play-btn.is-down,
.ht-content-container .ui.button.btn-v2-default.list-download-btn.is-play,
.ht-content-container .ui.button.btn-v2-default.list-download-btn.is-down,
.ars-default-wrapper .ui.button.btn-v2-default.list-play-btn.is-play,
.ars-default-wrapper .ui.button.btn-v2-default.list-play-btn.is-down,
.ars-default-wrapper .ui.button.btn-v2-default.list-download-btn.is-play,
.ars-default-wrapper .ui.button.btn-v2-default.list-download-btn.is-down,
.popup-date-picker .ui.button.btn-v2-default.list-play-btn.is-play,
.popup-date-picker .ui.button.btn-v2-default.list-play-btn.is-down,
.popup-date-picker .ui.button.btn-v2-default.list-download-btn.is-play,
.popup-date-picker .ui.button.btn-v2-default.list-download-btn.is-down,
.left-extra-btn-arae .ui.button.btn-v2-default.list-play-btn.is-play,
.left-extra-btn-arae .ui.button.btn-v2-default.list-play-btn.is-down,
.left-extra-btn-arae .ui.button.btn-v2-default.list-download-btn.is-play,
.left-extra-btn-arae .ui.button.btn-v2-default.list-download-btn.is-down {
  color: #00906B !important;
  border: 1px solid #00906B;
}

@media screen and (max-width: 1290px) {
  #app .ui.button.btn-v2-default.init-btn,
  div.ui.modals .ui.button.btn-v2-default.init-btn,
  .lnb-wrapper .ui.button.btn-v2-default.init-btn,
  .cti-menu-box .ui.button.btn-v2-default.init-btn,
  .ht-content-container .ui.button.btn-v2-default.init-btn,
  .ars-default-wrapper .ui.button.btn-v2-default.init-btn,
  .popup-date-picker .ui.button.btn-v2-default.init-btn,
  .left-extra-btn-arae .ui.button.btn-v2-default.init-btn {
    margin-left: auto;
    width: 25%;
  }
}

div > .ui.button.btn-design-default,
div > a > .ui.button.btn-design-default {
  background-color: #00b3cd !important;
  color: #fff !important;
}

div > .ui.button.btn-design-default a,
div > a > .ui.button.btn-design-default a {
  color: #fff !important;
}

div > .ui.button.btn-design-default:hover,
div > a > .ui.button.btn-design-default:hover {
  background-color: #01a6bd !important;
  color: #fff !important;
}

div > .ui.button.btn-design-default:focus,
div > a > .ui.button.btn-design-default:focus {
  background-color: #01a6bd !important;
  color: #fff !important;
}

div.ui.modals > div.ui.is-m-fullscreen {
  width: 100% !important;
  height: 100% !important;
}

div.ui.modals > div.ui.is-w-screnn {
  width: 840px !important;
  height: 880px !important;
  border-radius: 15px !important;
}

div.ui.modals > div.ui.modal button {
  border: unset !important;
}

div.ui.modals > div.ui.modal button.pd-default {
  padding: 11px 21px !important;
}

div.ui.modals > div.ui.modal button.mr-5 {
  margin-right: 5px !important;
}

div.ui.modals > div.ui.modal button.f-14 {
  font-size: 14px !important;
}

div.ui.modals > div.ui.modal button.btn-default {
  border-radius: 6px !important;
  background-color: #00b3cd !important;
  color: #fff !important;
  letter-spacing: -1.14px !important;
}

div.ui.modals > div.ui.modal button.btn-default-t1 {
  background: #68768b !important;
  border-radius: 6px !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: -1.14px !important;
}

div.ui.modals > div.ui.modal button.btn-default-t1:hover {
  background: #5e6b7f !important;
  color: #fff !important;
}

div.ui.modals > div.ui.modal button.btn-default-none {
  border-radius: 6px !important;
  background: #D9D9D9 !important;
  color: #fff !important;
  letter-spacing: -1.14px !important;
}

div.ui.modals > div.ui.modal button.btn-default-none:hover {
  background: #acacac !important;
  color: #fff !important;
}

div.ui.modals > div.ui.modal div.actions.custom-action {
  background: #fff !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}

div.ui.modals > div.ui.modal div.actions.custom-action.f-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

div.ui.modals > div.ui.modal div.actions.custom-action button.btn-default {
  border-radius: 6px !important;
  background: #00b3cd !important;
  color: #fff !important;
  letter-spacing: -0.8px !important;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

div.ui.modals > div.ui.modal div.actions.custom-action button.btn-default.fw-n {
  font-weight: normal !important;
}

div.ui.modals > div.ui.modal div.actions.custom-action button.btn-default.line-btn {
  background: unset !important;
  -webkit-box-shadow: 0 0 0 1px #00b3cd inset;
          box-shadow: 0 0 0 1px #00b3cd inset;
  color: #00b3cd !important;
}

div.ui.modals > div.ui.modal div.actions.custom-action button.btn-default.line-btn.size-s {
  width: 50px;
  height: 24px;
  padding: 0px;
}

div.ui.modals > div.ui.modal div.actions.custom-action button.btn-default.line-btn.size-m {
  padding: 8px;
}

div.ui.modals > div.ui.modal div.actions.custom-action.custom-action-v2 {
  gap: 7px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

div.ui.modals > div.ui.modal div.actions.custom-action.custom-action-v2 button {
  margin: 0px !important;
}

div.ui.modals > div.ui.modal div.actions.custom-action button.btn-default:disabled {
  opacity: 0.5;
  background: #636363 !important;
  cursor: unset;
}

#HappytalkIframe {
  bottom: 40px !important;
}

.card {
  position: absolute;
  top: 25px;
  right: 60px;
  text-align: center;
}

.loader {
  border-radius: 50%;
  position: relative;
  display: inline-block;
  height: 0px;
  width: 0px;
}

.loader span {
  position: absolute;
  display: block;
  background: #ddd;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  top: -20px;
  -webkit-perspective: 100000px;
          perspective: 100000px;
}

.loader span:nth-child(1) {
  left: 15px;
  -webkit-animation: bounce2 1s cubic-bezier(0.15, 0.51, 0.49, 0.88) infinite;
          animation: bounce2 1s cubic-bezier(0.15, 0.51, 0.49, 0.88) infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  background: #6f75ff;
}

.loader span:nth-child(2) {
  left: 0px;
  -webkit-animation: bounce2 1s cubic-bezier(0.15, 0.51, 0.49, 0.88) infinite;
          animation: bounce2 1s cubic-bezier(0.15, 0.51, 0.49, 0.88) infinite;
  -webkit-animation-delay: .2s;
          animation-delay: .2s;
  background: #ffde6f;
}

.loader span:nth-child(3) {
  left: -15px;
  -webkit-animation: bounce2 1s cubic-bezier(0.15, 0.51, 0.49, 0.88) infinite;
          animation: bounce2 1s cubic-bezier(0.15, 0.51, 0.49, 0.88) infinite;
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
  background: #01de6f;
}

.loader span:nth-child(4) {
  left: -30px;
  -webkit-animation: bounce2 1s cubic-bezier(0.15, 0.51, 0.49, 0.88) infinite;
          animation: bounce2 1s cubic-bezier(0.15, 0.51, 0.49, 0.88) infinite;
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
  background: #ff756f;
}

@-webkit-keyframes bounce2 {
  0%, 75%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }

  25% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
}

@keyframes bounce2 {
  0%, 75%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }

  25% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
}

.call {
  margin-top: 10px;
  margin-left: 5%;
  position: relative;
}

.call .btn-out-call {
  width: 93%;
  height: 48px;
  background: #2b906b !important;
  color: #fff !important;
}

.call .btn-out-call i {
  opacity: 1 !important;
}

.call .is-disabled {
  background: #c7502e !important;
}

.action-dig {
  width: 100%;
  padding-left: 20px;
  margin: 20px 0px;
}

@-webkit-keyframes pulse-gray {
  0% {
    -webkit-box-shadow: inset 0 0 0px 30px #ebf6eb, inset 0 0 0px 30px #ebf6eb;
            box-shadow: inset 0 0 0px 30px #ebf6eb, inset 0 0 0px 30px #ebf6eb;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    background-color: #ebf6eb;
    color: #2c8a30;
    border: solid 2px #2c8a30;
  }

  10% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    background-color: #ebf6eb;
    color: #2c8a30;
    border: solid 2px #2c8a30;
  }

  30% {
    -webkit-box-shadow: inset 0 0 0px 10px #ebf6eb, inset 0 0 0px 30px #fff;
            box-shadow: inset 0 0 0px 10px #ebf6eb, inset 0 0 0px 30px #fff;
    background-color: #ebf6eb;
    color: #2c8a30;
    border: solid 2px #2c8a30;
  }

  60% {
    -webkit-box-shadow: inset 0 0 0px 0px #ebf6eb, inset 0 0 0px 0px #fff;
            box-shadow: inset 0 0 0px 0px #ebf6eb, inset 0 0 0px 0px #fff;
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes pulse-gray {
  0% {
    -webkit-box-shadow: inset 0 0 0px 30px #ebf6eb, inset 0 0 0px 30px #ebf6eb;
            box-shadow: inset 0 0 0px 30px #ebf6eb, inset 0 0 0px 30px #ebf6eb;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    background-color: #ebf6eb;
    color: #2c8a30;
    border: solid 2px #2c8a30;
  }

  10% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    background-color: #ebf6eb;
    color: #2c8a30;
    border: solid 2px #2c8a30;
  }

  30% {
    -webkit-box-shadow: inset 0 0 0px 10px #ebf6eb, inset 0 0 0px 30px #fff;
            box-shadow: inset 0 0 0px 10px #ebf6eb, inset 0 0 0px 30px #fff;
    background-color: #ebf6eb;
    color: #2c8a30;
    border: solid 2px #2c8a30;
  }

  60% {
    -webkit-box-shadow: inset 0 0 0px 0px #ebf6eb, inset 0 0 0px 0px #fff;
            box-shadow: inset 0 0 0px 0px #ebf6eb, inset 0 0 0px 0px #fff;
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes pulse-blue {
  0% {
    -webkit-box-shadow: inset 0 0 0px 30px #285efa, inset 0 0 0px 30px white;
            box-shadow: inset 0 0 0px 30px #285efa, inset 0 0 0px 30px white;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  10% {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  30% {
    -webkit-box-shadow: inset 0 0 0px 10px #285efa, inset 0 0 0px 30px white;
            box-shadow: inset 0 0 0px 10px #285efa, inset 0 0 0px 30px white;
  }

  60% {
    -webkit-box-shadow: inset 0 0 0px 0px #285efa, inset 0 0 0px 0px white;
            box-shadow: inset 0 0 0px 0px #285efa, inset 0 0 0px 0px white;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes pulse-blue {
  0% {
    -webkit-box-shadow: inset 0 0 0px 30px #285efa, inset 0 0 0px 30px white;
            box-shadow: inset 0 0 0px 30px #285efa, inset 0 0 0px 30px white;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  10% {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  30% {
    -webkit-box-shadow: inset 0 0 0px 10px #285efa, inset 0 0 0px 30px white;
            box-shadow: inset 0 0 0px 10px #285efa, inset 0 0 0px 30px white;
  }

  60% {
    -webkit-box-shadow: inset 0 0 0px 0px #285efa, inset 0 0 0px 0px white;
            box-shadow: inset 0 0 0px 0px #285efa, inset 0 0 0px 0px white;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes pulse-green {
  0% {
    -webkit-box-shadow: inset 0 0 0px 30px #3DE066, inset 0 0 0px 30px white;
            box-shadow: inset 0 0 0px 30px #3DE066, inset 0 0 0px 30px white;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  10% {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  30% {
    -webkit-box-shadow: inset 0 0 0px 10px #3DE066, inset 0 0 0px 30px white;
            box-shadow: inset 0 0 0px 10px #3DE066, inset 0 0 0px 30px white;
  }

  60% {
    -webkit-box-shadow: inset 0 0 0px 0px #3DE066, inset 0 0 0px 0px white;
            box-shadow: inset 0 0 0px 0px #3DE066, inset 0 0 0px 0px white;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes pulse-green {
  0% {
    -webkit-box-shadow: inset 0 0 0px 30px #3DE066, inset 0 0 0px 30px white;
            box-shadow: inset 0 0 0px 30px #3DE066, inset 0 0 0px 30px white;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  10% {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  30% {
    -webkit-box-shadow: inset 0 0 0px 10px #3DE066, inset 0 0 0px 30px white;
            box-shadow: inset 0 0 0px 10px #3DE066, inset 0 0 0px 30px white;
  }

  60% {
    -webkit-box-shadow: inset 0 0 0px 0px #3DE066, inset 0 0 0px 0px white;
            box-shadow: inset 0 0 0px 0px #3DE066, inset 0 0 0px 0px white;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes pulse-red {
  0% {
    -webkit-box-shadow: inset 0 0 0px 30px #fa4a5d, inset 0 0 0px 30px white;
            box-shadow: inset 0 0 0px 30px #fa4a5d, inset 0 0 0px 30px white;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  10% {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  30% {
    -webkit-box-shadow: inset 0 0 0px 10px #fa4a5d, inset 0 0 0px 30px white;
            box-shadow: inset 0 0 0px 10px #fa4a5d, inset 0 0 0px 30px white;
  }

  60% {
    -webkit-box-shadow: inset 0 0 0px 0px #fa4a5d, inset 0 0 0px 0px white;
            box-shadow: inset 0 0 0px 0px #fa4a5d, inset 0 0 0px 0px white;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes pulse-red {
  0% {
    -webkit-box-shadow: inset 0 0 0px 30px #fa4a5d, inset 0 0 0px 30px white;
            box-shadow: inset 0 0 0px 30px #fa4a5d, inset 0 0 0px 30px white;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  10% {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  30% {
    -webkit-box-shadow: inset 0 0 0px 10px #fa4a5d, inset 0 0 0px 30px white;
            box-shadow: inset 0 0 0px 10px #fa4a5d, inset 0 0 0px 30px white;
  }

  60% {
    -webkit-box-shadow: inset 0 0 0px 0px #fa4a5d, inset 0 0 0px 0px white;
            box-shadow: inset 0 0 0px 0px #fa4a5d, inset 0 0 0px 0px white;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes pulsator {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  40% {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes pulsator {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  40% {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes showPad {
  0% {
    top: 50px;
    opacity: 0;
  }

  100% {
    top: 0px;
    opacity: 1;
  }
}

@keyframes showPad {
  0% {
    top: 50px;
    opacity: 0;
  }

  100% {
    top: 0px;
    opacity: 1;
  }
}

#userflow-ui .userflowjs-bubble,
#userflow-ui .userflowjs-checklist-launcher {
  z-index: 1002 !important;
}

.lnb-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.ht-lnb-container.default-lnb {
  position: fixed !important;
  top: 0px !important;
  left: 0px !important;
  height: 100vh;
  width: 260px !important;
  z-index: 1002;
}

@media screen and (max-width: 1024px) {
  .ht-lnb-container.default-lnb {
    height: auto;
    width: auto;
    z-index: unset;
  }
}

.ht-lnb-container div .lnb-wrapper .lnb-v2 {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #00906B;
  height: 100vh;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2 .item {
  min-width: auto !important;
  padding: 5px !important;
  border: unset;
  margin-top: 14px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2 .item.active {
  background: rgba(0, 0, 0, 0.2) !important;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2 .item.lnb-logo-item {
  margin-bottom: 60px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2 .item i {
  font-size: 1.2785714em !important;
  margin: 0px !important;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2 .item > .icon {
  font-size: 1.2785714em !important;
  color: #fff;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2 .item .lnb-logo-wrap {
  background: #fff;
  display: block;
  border-radius: 8px;
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2 .item img {
  cursor: pointer;
  width: 24px;
  height: 24px;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2 .item img.v2-sejong {
  width: 38px;
  height: 38px;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2 .item img.v2-sd {
  width: 32px;
  height: 32px;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2 .item img.size-d {
  width: 16px;
  height: 16px;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2 .item span {
  font-size: 11px;
  color: #fff;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2 .item span.notice-box-new {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #ff001d;
  border-radius: 50%;
  vertical-align: super;
  position: absolute;
  right: -2px;
  top: 0px;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2 .item::before {
  width: 0 !important;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2-sub {
  width: 100%;
  position: relative;
  background: #fff;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2-sub.lnb-hide {
  display: none;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2-sub .new-lnb-tel {
  color: #38373E;
  background: #fff;
  letter-spacing: -0.45px;
  font-family: ' Pretendard';
  border: 1px solid #eee;
  border-radius: 10px;
  margin: 25px 10px 10px 10px;
  text-align: initial;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2-sub .new-lnb-tel.addGap {
  margin: 60px 10px 10px 10px;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2-sub .lnb-menu-title {
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #38373E;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2-sub .lnb-menu-title span img {
  cursor: pointer;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2-sub .item {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.08px;
  color: #38373E;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2-sub .item .title {
  -webkit-box-shadow: 1px 3px 3px -4px #cccccc, -1px -3px 3px -4px #cccccc;
          box-shadow: 1px 3px 3px -4px #cccccc, -1px -3px 3px -4px #cccccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6.5px 10px 6.5px 16px;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2-sub .item .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.7em 0em 0.7em !important;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2-sub .item .content a {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.08px;
  color: #38373E;
  padding: 8px 0px 8px 16px;
  margin-left: 5px;
  width: 95%;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2-sub .item .content a.active {
  background: rgba(0, 144, 107, 0.1);
  font-weight: 700;
  border-radius: 8px !important;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2-sub .item.top-lnb-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  cursor: pointer;
  height: 16px;
}

.ht-lnb-container div .lnb-wrapper .lnb-v2-sub .item::before {
  width: 0;
  height: 0;
  content: unset;
}

.ui.visible.popup.bg-err {
  background: #FF4713 !important;
  border: unset;
}

.ui.visible.popup.bg-err p {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.2800000011920929px;
}

.ui.visible.popup.bg-err p i {
  color: #fff;
}

.ui.visible.popup.bg-err:before {
  background-color: #FF4713 !important;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.ui.visible.popup::before {
  content: unset !important;
}

div.ui.modals.visible.active .ui.modal .header {
  border: unset !important;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.2800000011920929px;
}

div.ui.modals.visible.active .ui.modal .content {
  padding-top: 0px;
}

form.ui.form .list-empty .ui.selection.dropdown .default.text {
  color: #000004 !important;
}

form.ui.form .fields .manager-list {
  font-family: 'Pretendard Variable' !important;
}

form.ui.form .fields .manager-list .ui.dropdown {
  max-width: 195px;
}

form.ui.form .fields .manager-list .ui.dropdown .default {
  font-size: 12px;
}

form.ui.form .fields .manager-list .ui.dropdown .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: inherit;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

form.ui.form .fields .manager-list .ui.dropdown .menu .item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

form.ui.form .field.show-disabled-input {
  opacity: 1;
}

form.ui.form .field.show-disabled-input label {
  opacity: 1;
}

form.ui.form .field.show-disabled-input div.ui.disabled.input {
  opacity: 1;
}

.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"] {
  font-family: 'Pretendard Variable' !important;
}

.ui.form input,
div.ui.input input,
.ui.form textarea,
.ui.form .dropdown {
  border-radius: 8px !important;
}

div.ui.input input[name="search_keyword"] {
  border: unset;
  border-radius: 10px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}