@charset "utf-8";html,body {
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */ 
    overflow: hidden;
  }
  * {box-sizing: border-box; margin: 0; padding: 0;}
  body { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; }
  /* body.IOS {font-family: 'GmarketSansMedium', sans-serif;}
  body.ANDROID {font-family: 'GmarketSansMedium', sans-serif;}*/ 

  input[type=button], input[type=submit], input[type=reset], input[type=image], button {cursor: pointer; border: none;}
  
  ul, li, dl, dd, dt, p {list-style: none; margin: 0; padding: 0;}
  img {border:none;}
  table {width:100%; border-collapse:collapse; border-spacing:0px;}
  input[type="text"]:focus{outline:none;}
  var {font-style: normal;}
  em {font-style: normal; font-size: .875em;}
  a {color: #000;}
  h2, h3, h4 {font-weight:700; font-family: 'NanumSquare', sans-serif}
  h2 {font-size: 1.5em;}
  h3 {font-size: 1.125em;}
  
  .sc-3 {color:inherit;}

  .mg-b1 {margin-bottom: 5px;}

  .fs-sm {font-size: x-small;}
   
  .elp {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  .mlp {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

  .pr {position: relative;}

  .scroll {overflow-y: auto; -webkit-overflow-scrolling: touch;}
  
  /* scrollbar */
  .DESKTOP ::-webkit-scrollbar { appearance: none;}
  .DESKTOP ::-webkit-scrollbar:vertical {width:12px;}
  .DESKTOP ::-webkit-scrollbar:horizontal { height:12px;}
  .DESKTOP ::-webkit-scrollbar-thumb {background-color: rgba(120,130,140, .2); border-radius: 6px;  border: 2px solid transparent; background-clip: padding-box}
  .DESKTOP ::-webkit-scrollbar-thumb:hover {background-color: rgba(120,130,140, .4)} 
  .DESKTOP ::-webkit-scrollbar-track {border-radius:0; background-color:transparent;}
  .DESKTOP ::-webkit-scrollbar-corner {background-color:transparent}
  
  /* alertify */
.alertify .ajs-dialog { border-radius: 20px; background: var(--mbox-bg); }
.alertify .ajs-footer { border-radius: 0 0 20px 20px; }
.alertify.ajs-movable:not(.ajs-maximized) .ajs-header { border-radius: 20px 20px 0 0; }
.ajs-primary { margin-bottom: 15px; text-align: center!important}
.ajs-primary button { border-radius: 20px; background: #00a3ed; border: none; color: #fff; }
.ajs-input {width: 100%; height: 30px; border: 1px solid #ccc;}
.alertify .ajs-body .ajs-content { text-align: center; padding: 20px 0; }
.alertify .ajs-footer .ajs-buttons .ajs-button { min-width: 100px!important }
.ajs-button.ajs-cancel {background: #999;}
  
/* font */
@font-face {
  font-family: 'Cafe24Ssurround';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Juache';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
  

  .fade-enter{ opacity: 0; }
  .fade-exit{  opacity: 1; }
  .fade-enter-active{ opacity: 1; }
  .fade-exit-active{ opacity: 0; }
  .fade-enter-active { transition: opacity 300ms; }
  .fade-exit-active { transition: opacity 10ms; }
  
  .right-to-left-enter {transform: translateX(100%);}
  .right-to-left-enter-active {transform: translateX(0);transition:all 0.3s ease;}      
  .right-to-left-exit {transform: translateX(0);}
  .right-to-left-exit-active {transform: translateX(-100%);transition:all 0.1s ease;}      

  .left-to-right-enter {transform: translateX(-100%);}
  .left-to-right-enter-active {transform: translateX(0);transition:all 0.3s ease;}      
  .left-to-right-exit {transform: translateX(0);}
  .left-to-right-exit-active {transform: translateX(100%);transition:all 0.1s ease;}  
    
  .slide-right-to-left-enter {transform: translateX(50%);}
  .slide-right-to-left-enter-active {transform: translateX(0);transition:all 0.3s ease;}      
  .slide-right-to-left-enter-done {transition:none} 

  .slide-right-to-left-exit {transform: translateX(0);}
  .slide-right-to-left-exit-active {transform: translateX(-50%);transition:all 0.1s ease;}     
  .slide-right-to-left-exit-done {transition:none} 

  .slide-left-to-right-enter {transform: translateX(-50%);}
  .slide-left-to-right-enter-active {transform: translateX(0);transition:all 0.3s ease;}      
  .slide-left-to-right-enter-done {transition:none} 

  .slide-left-to-right-exit {transform: translateX(0);}
  .slide-left-to-right-exit-active {transform: translateX(50%);transition:all 0.1s ease;}
  .slide-left-to-right-exit-done {transition:none}

  .up-to-bottom-enter { transform: translateY(-100%);}
  .up-to-bottom-enter-active { transform: translateY(0); transition:all 0.5s ease;}      
  .up-to-bottom-exit { transform: translateY(0);}
  .up-to-bottom-exit-active {  transform: translateY(100%); transition:all 0.5s ease;}  
  .bottom-to-up-enter { transform: translateY(100%);}
  .bottom-to-up-enter-active { transform: translateY(0); transition:all 0.5s ease;}      
  .bottom-to-up-exit {  transform: translateY(0);}  
  .bottom-to-up-exit-active { transform: translateY(-100%); transition:all 0.5s ease; }  /**
 * alertifyjs 1.14.0 http://alertifyjs.com
 * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
 * Copyright 2024 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) 
 * Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/
.alertify .ajs-dimmer {
  position: fixed;
  z-index: 1981;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  background-color: #252525;
  opacity: 0.5;
}
.alertify .ajs-modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  overflow-y: auto;
  z-index: 1981;
}
.alertify .ajs-dialog {
  position: relative;
  margin: 5% auto;
  min-height: 110px;
  max-width: 500px;
  padding: 24px 24px 0 24px;
  outline: 0;
  background-color: #fff;
}
.alertify .ajs-dialog.ajs-capture:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1;
}
.alertify .ajs-reset {
  position: absolute !important;
  display: inline !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}
.alertify .ajs-commands {
  position: absolute;
  right: 4px;
  margin: -14px 24px 0 0;
  z-index: 2;
}
.alertify .ajs-commands button {
  display: none;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  padding: 10px;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.alertify .ajs-commands button.ajs-close {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC);
}
.alertify .ajs-commands button.ajs-maximize {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC);
}
.alertify .ajs-header {
  margin: -24px;
  margin-bottom: 0;
  padding: 16px 24px;
  background-color: #fff;
}
.alertify .ajs-body {
  min-height: 56px;
}
.alertify .ajs-body .ajs-content {
  padding: 16px 24px 16px 16px;
}
.alertify .ajs-footer {
  padding: 4px;
  margin-left: -24px;
  margin-right: -24px;
  min-height: 43px;
  background-color: #fff;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary {
  text-align: right;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
  margin: 4px;
}
.alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
  float: left;
  clear: none;
  text-align: left;
}
.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
  margin: 4px;
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
  min-width: 88px;
  min-height: 35px;
}
.alertify .ajs-handle {
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
  -webkit-transform: scaleX(1) /*rtl:scaleX(-1)*/;
          transform: scaleX(1) /*rtl:scaleX(-1)*/;
  cursor: se-resize;
}
.alertify.ajs-no-overflow .ajs-body .ajs-content {
  overflow: hidden !important;
}
.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
  left: 0;
  right: 0;
  padding: 0;
}
.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
  margin-left: -24px;
  margin-right: -24px;
}
.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
  padding: 0;
}
.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
  left: 0;
  right: 0;
}
.alertify.ajs-maximizable .ajs-commands button.ajs-maximize,
.alertify.ajs-maximizable .ajs-commands button.ajs-restore {
  display: inline-block;
}
.alertify.ajs-closable .ajs-commands button.ajs-close {
  display: inline-block;
}
.alertify.ajs-maximized .ajs-dialog {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  top: 0 !important;
  left: 0 !important;
}
.alertify.ajs-maximized.ajs-modeless .ajs-modal {
  position: fixed !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
}
.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=);
}
.alertify.ajs-resizable .ajs-dialog,
.alertify.ajs-maximized .ajs-dialog {
  padding: 0;
}
.alertify.ajs-resizable .ajs-commands,
.alertify.ajs-maximized .ajs-commands {
  margin: 14px 24px 0 0;
}
.alertify.ajs-resizable .ajs-header,
.alertify.ajs-maximized .ajs-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 16px 24px;
}
.alertify.ajs-resizable .ajs-body,
.alertify.ajs-maximized .ajs-body {
  min-height: 224px;
  display: inline-block;
}
.alertify.ajs-resizable .ajs-body .ajs-content,
.alertify.ajs-maximized .ajs-body .ajs-content {
  position: absolute;
  top: 50px;
  right: 24px;
  bottom: 50px;
  left: 24px;
  overflow: auto;
}
.alertify.ajs-resizable .ajs-footer,
.alertify.ajs-maximized .ajs-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
  min-width: 548px;
}
.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
  display: block;
}
.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
  cursor: move;
}
.alertify.ajs-modeless .ajs-dimmer,
.alertify.ajs-modeless .ajs-reset {
  display: none;
}
.alertify.ajs-modeless .ajs-modal {
  overflow: visible;
  max-width: none;
  max-height: 0;
}
.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC);
}
.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
  position: absolute;
}
.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=);
}
.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
  max-height: 500px;
  overflow: auto;
}
.alertify.ajs-basic .ajs-header {
  opacity: 0;
}
.alertify.ajs-basic .ajs-footer {
  visibility: hidden;
}
.alertify.ajs-frameless .ajs-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 60px;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 1;
}
.alertify.ajs-frameless .ajs-footer {
  display: none;
}
.alertify.ajs-frameless .ajs-body .ajs-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
  padding-top: 0;
}
.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
  margin-top: 0;
}
.ajs-no-overflow {
  overflow: hidden !important;
  outline: none;
}
.ajs-no-overflow.ajs-fixed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll!important;
}
.ajs-no-selection,
.ajs-no-selection * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media screen and (max-width: 568px) {
  .alertify .ajs-dialog {
    min-width: 150px;
  }
  .alertify:not(.ajs-maximized) .ajs-modal {
    padding: 0 5%;
  }
  .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
    min-width: initial;
    min-width: auto /*IE fallback*/;
  }
}
@-moz-document url-prefix() {
  .alertify button:focus {
    outline: 1px dotted #3593D2;
  }
}
.alertify .ajs-dimmer,
.alertify .ajs-modal {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}
.alertify.ajs-hidden .ajs-dimmer,
.alertify.ajs-hidden .ajs-modal {
  visibility: hidden;
  opacity: 0;
}
.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
}
.alertify.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-duration: 250ms;
          animation-duration: 250ms;
}
.alertify .ajs-dialog.ajs-shake {
  -webkit-animation-name: ajs-shake;
          animation-name: ajs-shake;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
@-webkit-keyframes ajs-shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}
@keyframes ajs-shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}
.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-slideIn;
          animation-name: ajs-slideIn;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-slideOut;
          animation-name: ajs-slideOut;
  -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
          animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-zoomIn;
          animation-name: ajs-zoomIn;
}
.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-zoomOut;
          animation-name: ajs-zoomOut;
}
.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-fadeIn;
          animation-name: ajs-fadeIn;
}
.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-fadeOut;
          animation-name: ajs-fadeOut;
}
.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-pulseIn;
          animation-name: ajs-pulseIn;
}
.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-pulseOut;
          animation-name: ajs-pulseOut;
}
.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-flipInX;
          animation-name: ajs-flipInX;
}
.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-flipOutX;
          animation-name: ajs-flipOutX;
}
.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-flipInY;
          animation-name: ajs-flipInY;
}
.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-flipOutY;
          animation-name: ajs-flipOutY;
}
@-webkit-keyframes ajs-pulseIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes ajs-pulseIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes ajs-pulseOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes ajs-pulseOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-webkit-keyframes ajs-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
            transform: scale3d(0.25, 0.25, 0.25);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes ajs-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
            transform: scale3d(0.25, 0.25, 0.25);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes ajs-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
            transform: scale3d(0.25, 0.25, 0.25);
  }
}
@keyframes ajs-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
            transform: scale3d(0.25, 0.25, 0.25);
  }
}
@-webkit-keyframes ajs-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ajs-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes ajs-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ajs-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes ajs-flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@keyframes ajs-flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@-webkit-keyframes ajs-flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes ajs-flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes ajs-flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@keyframes ajs-flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@-webkit-keyframes ajs-flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes ajs-flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes ajs-slideIn {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 5%;
  }
}
@keyframes ajs-slideIn {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 5%;
  }
}
@-webkit-keyframes ajs-slideOut {
  0% {
    margin-top: 5%;
  }
  100% {
    margin-top: -100%;
  }
}
@keyframes ajs-slideOut {
  0% {
    margin-top: 5%;
  }
  100% {
    margin-top: -100%;
  }
}
.alertify-notifier {
  position: fixed;
  width: 0;
  overflow: visible;
  z-index: 1982;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.alertify-notifier .ajs-message {
  position: relative;
  width: 260px;
  max-height: 0;
  padding: 0;
  opacity: 0;
  margin: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.alertify-notifier .ajs-message.ajs-visible {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 1;
  max-height: 100%;
  padding: 15px;
  margin-top: 10px;
}
.alertify-notifier .ajs-message.ajs-success {
  background: rgba(91, 189, 114, 0.95);
}
.alertify-notifier .ajs-message.ajs-error {
  background: rgba(217, 92, 92, 0.95);
}
.alertify-notifier .ajs-message.ajs-warning {
  background: rgba(252, 248, 215, 0.95);
}
.alertify-notifier .ajs-message .ajs-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(0, 0, 0, 0.5);
  border-top-right-radius: 2px;
}
.alertify-notifier.ajs-top {
  top: 10px;
}
.alertify-notifier.ajs-bottom {
  bottom: 10px;
}
.alertify-notifier.ajs-right {
  right: 10px;
}
.alertify-notifier.ajs-right .ajs-message {
  right: -320px;
}
.alertify-notifier.ajs-right .ajs-message.ajs-visible {
  right: 290px;
}
.alertify-notifier.ajs-left {
  left: 10px;
}
.alertify-notifier.ajs-left .ajs-message {
  left: -300px;
}
.alertify-notifier.ajs-left .ajs-message.ajs-visible {
  left: 0;
}
.alertify-notifier.ajs-center {
  left: 50%;
}
.alertify-notifier.ajs-center .ajs-message {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.alertify-notifier.ajs-center .ajs-message.ajs-visible {
  left: 50%;
  -webkit-transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65);
          transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65);
}
.alertify-notifier.ajs-center.ajs-top .ajs-message {
  top: -300px;
}
.alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible {
  top: 0;
}
.alertify-notifier.ajs-center.ajs-bottom .ajs-message {
  bottom: -300px;
}
.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible {
  bottom: 0;
}
.ajs-no-transition.alertify .ajs-dimmer,
.ajs-no-transition.alertify .ajs-modal,
.ajs-no-transition.alertify .ajs-dialog {
  -webkit-transition: none!important;
  transition: none!important;
  -webkit-animation: none!important;
          animation: none!important;
}
.ajs-no-transition.alertify-notifier .ajs-message {
  -webkit-transition: none!important;
  transition: none!important;
  -webkit-animation: none!important;
          animation: none!important;
}
@media (prefers-reduced-motion: reduce) {
  .alertify .ajs-dimmer,
  .alertify .ajs-modal,
  .alertify .ajs-dialog {
    -webkit-transition: none!important;
    transition: none!important;
    -webkit-animation: none!important;
            animation: none!important;
  }
  .alertify-notifier .ajs-message {
    -webkit-transition: none!important;
    transition: none!important;
    -webkit-animation: none!important;
            animation: none!important;
  }
}


#tv-attr-logo { display: none !important; }

/* Skin */
:root {
  --plan-top: #f4f4f4;
  --plan-hot:  #fff8c0;
  --plan-bot: #ddedd6;
  --plan-holi: #fbebea;
  --bg-light: #eaeceb;
  --bg-dark: #9eb4a9;
  --bg-sell : #eef5ff;
  --bg-buy : #fff4fa;
  --bg-24 : #dfc9ec;
  --border-basic : #dbdfdf;
  --border-dark : #a6afaf;
  --body-bg : linear-gradient(0deg, #eef4f4 25%, #dae6e6 100%);
  --body-bg-top : #dae6e6;
  --body-bg-bot : #eef4f4;
  --color-up : #f50600;
  --color-down : #0058f7;
  --color-basic : #222;
  --color-light : #787878;
  --color-prime : #0b969b;
  --color-hot : #f1226c;
  --color-red : #ea120e;
  --color-org : #f67a0c;
  --color-ylw : #ffdc00;
  --color-grn : #20b115;
  --color-blu : #129dee;
  --color-mnt : #3c57d3;
  --color-ppl : #a64be5;
  --upper-bg: #fef788;
  --mbox-bg : #fff;
  --mbox-top-bg : #f0f3f5;
  --mbox-top : #ffffffcc;
  --mbox-bong : #d7e6e6;
  --mbox-shadow : rgba(50,100,100,.1);
  --menu-bg : #ffffff;
  --menu-shadow : rgba(0,0,0,.3);
  --content-bg : linear-gradient(0deg, #eef4f4, #ffffff99);
  --content-top : #f2f6f6;
  --th-basic : #f2f6f6;
  --td-basic : #ffffff;
  --td-prime : #f5c9d1;
  --toggle-bg : #b7cfd3;
  --search-bg : #fff;
  --button-light : #fbfdfc;
  --button-basic : #eee;
  --button-prime : #07b4ba;
  --button-more : #009beb;
  --button-hot : #ea8a9c;
  --button-gold : #e9c40a;
  --input-bg : #fff;
  --img-arrow : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAoCAYAAAC7HLUcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozOTJGQjdGMzRGOTcxMUVEQjY5RkE4MjA1RDE1QzY1RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQ0EzOUEzMTFBRkUxMUVFODc3NEFBRENBRDI1N0UxNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQ0EzOUEzMDFBRkUxMUVFODc3NEFBRENBRDI1N0UxNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpkODVhYjE1Ny04OTI3LWY2NGEtYjUyNy1lNDA5YjVkOWI0MjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzkyRkI3RjM0Rjk3MTFFREI2OUZBODIwNUQxNUM2NUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz771gqlAAAFBUlEQVR42uxdy04UQRStIWCMG58JX2BEjHErP+ADJRkWLlyxmAFFNoy6VAFlqTAbFWfGRFcuXECiovgDuDVGfPyBUXwsNAYM472hOo5kuqrr2TU99yQnTL9un+65h6m6Xd2dq9frjEAgNEcHnQICgQxCIGih03K8o/zvK58H8Sm3TWX1IrAWTXTX1ygLAkXu7O9E69UfbXeyvW2D5IHz/PMgcCHAc44aq8Avgeoj6BvpNHAaeAT4GngF+DSUJtZwgzkY/zwc2Hls1BiiPoIZInMw/nc6lD4IJlqlyfwKb86EYo5KwPoI5jgsmU7FIMUYc0SoBpCEIo1V6L+QSbKBDheto07DxKsmWC9ap5aSOWQa0STYWbeuT7F4YASdYkPSTqwJRB3gVnSdbXOk+UuiojGIXxJMcqqqtb5BVM2Rhkl0NKZuEtj/SeAJz7vFSk/dEZ+0m0EKmuZoNEnB8TGZaESTFFL6LrC5O8PZ6XG/l4HrDuKu89htY5CCpX5EzaFJbGispWSSC8Ae4EHgqMf9vgfecRD3NvBDuxjEljlcmsSmRt8m2Qu81jA9Adzjcf9TwFWL8VZ5zLbog+QliVfSXFbjsW1AV2NJYpK8p+/hGjdJo2EmPObBN+CkxXio/Xs7GATHVs1LEq8sWF6WJOE8+zd+S7dja6JRqo/Hd4ke3rzailG+zBfmgCsW4rwF3mMZgcwgywbmSJqEy4bHYKSxu77mWp8McZ3yLuAtj7nwB3jRQpyLPFZbGOSH4CSUFfZTFpz8H4bHYKyRm8SVPhGwpHtSsLwfeNxjPiwBFw22fwZ8yTIEmUEWYhJvVmNfszFJaDqq1opGMIkrfXGIyrq6vzCucInplX0zUdZVNQi2Sx8Cf7HNIeI3NM3RaJIbPNYvHnvOQtvZikZuEtv64oB9jIMJ1usFnveYE1j2vaux3R2+baaQs3RPelyQnI+DSDjmqZnGnMuhHQJdWML9yP6vXImAZdP9bLPaFGdu9S8/fiwW6vpgQ5/JWCzFsWJ13fwTaaRbbtPBhELyRQnrs+yLCX9dYf1JkXm1/+tuJi5WER8AfwI/K+pqhus8zk8e96hJE4tgHz1M70p5dKXdF5I2mVYcNkMZb14OAXcA9wGvMnHVUYQS334fjzcka76SQfwDS7ddGtvhNjc96kxa9nVd1s3HFC5KGuaYSRifDJISsGTbb7D9KeAxj3qfA18IlmNJeMmxhp0x8zHZxxPGGGfxFcOdZJAwkLSsK4Pvsm/cLwSWdS952H+fYNlsApOMM3FVs48MEgawrdtrIc4h4DmPut+x5mXfu8xxWZdXsfARUoOaJpGZY5BJHlFFBvGD3czuYEAcKbvLo37c39eGad+jdfFibVFiEpX5jMeTXgQmg/jB1tG6pkij7DslMIwP3Gf27kgt8niMDJI+DgDHHMQd47F9IWpSxTW5WsUkic3BPHf22hVYmu1yEDcq+w54Oo6oU77B0h2ti8mNV8h1bqseVjEHGcQPBjJ0LIuB6IhujqsqmkP5jlMyiEOE/gifFn9mlYpJtMxBfRBCq6PG5M9Y1jaHTYOsJJyXJjYk04TsmWSEGT7Iw5ZBHieclybeSKYJrW2SkSbmqJoGttUHiR4OfabBHJXATiK+L2Lr+yMI2QGaAYex4wM8rL2fJtfqL/FMcrNUXGeZP7SaUitQaD5cu6jarBIVK3L0llsCwX0fhEDIJP4KMABCbV0xJ5IMAQAAAABJRU5ErkJggg==');
  --img-sell : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAYCAYAAADDLGwtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiYWQ2MTI1Mi03M2M1LTZiNDItYmUxNS0xY2Y5Y2Y2YWM2YmQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUJGRDQwQTE3RjVFMTFFRDlBQTJFMTdENERFNTNDRjYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUJGRDQwQTA3RjVFMTFFRDlBQTJFMTdENERFNTNDRjYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YmFkNjEyNTItNzNjNS02YjQyLWJlMTUtMWNmOWNmNmFjNmJkIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmJhZDYxMjUyLTczYzUtNmI0Mi1iZTE1LTFjZjljZjZhYzZiZCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsnU7/UAAAApSURBVHjaYvz//z8DMYCJgUgwgApZXnz49X+4eGZUIZ0VMg6nrAAQYADPPgn8CsEIqgAAAABJRU5ErkJggg==');
  --img-buy : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAYCAYAAADDLGwtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ZGZkNjVmMy1kYzhhLTA2NDMtODY2ZC04OTFlNjVjZDg4NmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUVDN0Y5OEI3RjVGMTFFRDk1MjM5Qjc5MTU1MTNBNzkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUVDN0Y5OEE3RjVGMTFFRDk1MjM5Qjc5MTU1MTNBNzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N2RmZDY1ZjMtZGM4YS0wNjQzLTg2NmQtODkxZTY1Y2Q4ODZiIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdkZmQ2NWYzLWRjOGEtMDY0My04NjZkLTg5MWU2NWNkODg2YiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnOH61gAAAApSURBVHjaYvz//z8DMYCJgUgwgApZ/nx4/3+4eGZUIZ0VMg6nrAAQYADqrgoFssa0+QAAAABJRU5ErkJggg==');
  --height-footer : 110px;
  --height-header : 80px;
  --ht-cht : 120px;
}

.dark {
  --plan-top: #323232;
  --plan-hot:  #6c3a92;
  --plan-bot: #485252;
  --plan-holi: #4c2429;
  --bg-light: #323232;
  --bg-dark: #565556;
  --bg-sell : #2d415b;
  --bg-buy : #64322d;
  --border-basic : #565656;
  --border-light : #353535;
  --border-dark : #5d6466;
  --body-bg : linear-gradient(0deg, #252525 25%, #161616 100%);
  --body-bg-top : #161616;
  --body-bg-bot : #252525;
  --color-up : #ff7571;
  --color-down : #00a7ff;
  --color-basic : #eee;
  --color-light : #aaa;
  --color-prime : #31cdc9;
  --color-hot : #cfae54;
  --upper-bg: #6c3a92;
  --bg-24: #826eae;
  --mbox-bg : #404040;
  --mbox-top : #323232;
  --mbox-top-bg : #485252;
  --mbox-bong : #525252;
  --mbox-shadow : rgba(0,0,0,.3);
  --menu-bg : #404040;
  --menu-shadow : rgba(0,0,0,.3);
  --content-bg : linear-gradient(0deg, #252525, #2f2f2f);
  --content-top : #2f2f2f;
  --th-basic : #f2f6f6;
  --td-basic : #ffffff;
  --td-prime : #ea8a9c;
  --button-hot : #c5a402;
  --toggle-bg : #5f6565;
  --search-bg : #252525;
  --button-light : #3d433e;
  --button-basic : #828488;
  --button-more : #475598;
  --input-bg : #252525;
  --th-basic : #353535;
  --td-basic : #252525;
  --tr-basic : #31cdc8c5;
  --img-arrow : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAoCAYAAAC7HLUcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozOTJGQjdGMzRGOTcxMUVEQjY5RkE4MjA1RDE1QzY1RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBOTUyODBGOUIwMjgxMUVFQTAwREUwMUQxMUZGRDlGOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBOTUyODBGOEIwMjgxMUVFQTAwREUwMUQxMUZGRDlGOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5Q0Y4QjVFM0FGNjYxMUVFODNGNUEyRDk2MkZEM0M0QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5Q0Y4QjVFNEFGNjYxMUVFODNGNUEyRDk2MkZEM0M0QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpCkuPsAAASxSURBVHja7J07TxRRFMfvIjQ2+OArGAFjaOELqCAkUFhYUbCgSMPDUnlayqMRcHdNtLKwgERE8QtgqTGi+AFsFJUCGpT1nOydsJKduTP3cWaYPb/kn3Vmds6cGc4f7px5mCkWi4JhmMrU8CFgGDYIw2hRazleq/x8Zz3TsUzp89SIaaQsqJDqn+rf+dLnbGn4nHnOhR5E8SbNX5Bu0KZUd0KPBeaVT3B+jD6doPdY7/KzM0lDrH7QStn0ipyXJMpzTGJ+jBkPQC3y3y1yOhEGwULLVZifk8OZpJgjl+D8GHMuK6ZjMUjWxxwe+QQUYVCOeTZJaqhxMTqqMSy8fIjvxVmEYXJkkzDWDRLWHHEWYZQc2SSMNYNENUccRaiTYxJM0g66RrzNNVHq/LjQy2ozSJ+mOcqLsM/xPpnkSJGfH3hNak6qlnC7d0EHDuIeyNhVYxAsHBsX2AoOi9BGjoWYTHIH1AhqAg0SbvcLaNFB3Eeg7WoxiC1zuCxCmzlSm+Q8aLxsegJ0jnD7U6Adi/F2ZMyqOAfpVhTeiOaygrB3RVs3R6r8VIxLk5QbZoKwDn6BJi3Gw9x/V4NB8N6qFUXhLQQsX1AU4Yo4un9LF5McKfJT0SiHV8cZlMuoWAZtWYjzCfRYpASVQTYNzBG2CDcN98E0R9f5qfA7Ka8DzRLWwh/QqIU4ozJWVRhkN+AgLETYzkLAwd813AcbObrMLwhs6bYHLO8AXSWshw3QusH6r0BvRYpQGWTVp/DmNbY171OEq4b7YCtHV/n54bV1df/CuGJM6LV9U9HWjWoQHJc+A+2DfoBmNM1RXoQzMta+jL1sYexsK0cX+fmB5xhNIb7XDLpNWBPY9l3SWG9RrpsqMpaeSfcLkrH3e834gami0/yigS3cr+L/zlUQ2Da9IErdJjXmD0xhXtvO8nOD9s+X6oEpJjwTEYrPK1jKti8W/HSE7086NAd2EZ+C9kDfI+ZViWkZZ0/GbTUZYjH2aRR6V8q9K+1UhB0ybTkchgo5vOwFnQY1gO6L4K5jECNy/QYZr1c1fGWD0IOt2zqN9XCdh4R5hm37um7rdvs0LkY0zDEXMj4bJCawZdthsP510BXCfF+D3gQsx5bwhuMc6n3mY7EPh4wxLPw7hvVskGQQtq2rgrrt6/cXAtu6YwTbbwtYNh/CJMMiuKvZxgZJBjjWbbYQ5xLoFmHen0Xltu+SoGnr4iukejRNojJHj1C8oooNQsNZYfdmQLxT9gxh/ri9n2XT1Hfr4sXarMIkUeYLGU95EZgNQsPxu3VNiaPtOxVgGAqeCHtPfGZlPMEGiZ+LoCEHcYdkbCq8IZXfkOukmCS0OQTxyV61gq3ZOgdxvbZvF9F+eCflhyLeu3WxuPEKuc5j1f1RzMEGoaErRfuynpA8vIfj8hHNEfmJUx5iMSeVggj/+lgtc7BBmGowibY5bBpkK+S8ODlUTDPpM8mAMHyRhy2DvAg5L04+KqaZk22SgQrmyJsGtnWS7r0c+kaZOXIJO4j3xNEr8j/IaSY9oBnwNnZ80QZeIbfyJKgtg3wTpSvFkwk+gGtSTHpZlcMta49JZ/h/uWUY9+cgDJNK/gkwALvgIvfGStBWAAAAAElFTkSuQmCC');
  --img-sell : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAYCAYAAADDLGwtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiYWQ2MTI1Mi03M2M1LTZiNDItYmUxNS0xY2Y5Y2Y2YWM2YmQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODdFQ0VFREJCMDQ5MTFFRTk5QzFEQ0NBMjVGNDVCQTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODdFQ0VFREFCMDQ5MTFFRTk5QzFEQ0NBMjVGNDVCQTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUJGRDQwQTA3RjVFMTFFRDlBQTJFMTdENERFNTNDRjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUJGRDQwQTE3RjVFMTFFRDlBQTJFMTdENERFNTNDRjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz59d8yBAAAAKUlEQVR42mL8//8/AzGAiYFIMIAKWZQcM/4PF8+MKqSzQsbhlBUAAgwAp3EH9Ug/sIgAAAAASUVORK5CYII=');
  --img-buy : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAYCAYAAADDLGwtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ZGZkNjVmMy1kYzhhLTA2NDMtODY2ZC04OTFlNjVjZDg4NmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjVFNzczN0RCMDQ5MTFFRUJCRERBQ0EyRkZCMzU5MDciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjVFNzczN0NCMDQ5MTFFRUJCRERBQ0EyRkZCMzU5MDciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUVDN0Y5OEE3RjVGMTFFRDk1MjM5Qjc5MTU1MTNBNzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUVDN0Y5OEI3RjVGMTFFRDk1MjM5Qjc5MTU1MTNBNzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz68QrYNAAAAUUlEQVR42mL8//8/AzGAiYFIMIAKWRJNDf8zMjAy/AdCfDTYRBCHEM0CYoB0wADMBHQ+C7JOZEl0PhOyifhoot040DFDfc8MjImMwykrAAQYAAuEQfOlW2j+AAAAAElFTkSuQmCC');
}

.radarLink { position: absolute; top: -7000px; left: 90px; width: 100px; height: 25px; font-size: 1.5rem; font-family: 'Juache'; color: #4a7778; z-index: 10;}

.dark header.grade-pro .logo::after {color: #c8b693;}
.dark nav ul li.mk::before {background-position: 0 -60px}
.dark nav ul li.wiz::before {background-position: -30px -60px}
.dark nav ul li.f5::before {background-position: -60px -60px}
.dark nav ul li.fav::before {background-position: -90px -60px}
.dark nav ul li.nx::before {background-position: -120px -60px}
.dark nav ul li span {color: #b1bfc3;}
.dark .top_btn li.scd {background-position: -60px -60px ;}
.dark .top_btn li.ytb {background-position: 0 -60px;}
.dark .top_btn li.news {background-position: -30px -60px;}
.dark .top_btn li.guide {background-position: -90px -60px;}
.dark .schTop .today span {background-position: -75px -50px}
.dark .dayTab button.day::after {background-position: 0 -50px}
.dark .dayTab button.week::after {background-position: -25px -50px}
.dark .dayTab button.month::after {background-position: -50px -50px}
.dark .current button.prev::after {background-position: 0 -25px;}
.dark .current button.next::after {background-position: 0 -25px;}
.dark .p_header_left button {background-position: 0 -25px;}
.dark .item-sch .cls button {background-position: 0 -25px;}
.dark .sub_header_left button {background-position: 0 -25px;}
.dark .itembox.sc-1 .bar .s-bong {background-color: #7c4e9d}
.dark .itembox.sc-6 .bar .s-bong {background-color: #9283b6}

.dark .tbl-FP thead tr,.dark .tbl-SF thead tr,.dark .tbl-GZ thead tr,.dark .tbl-JM thead tr {background-color: var(--tr-basic);}
.dark .tbl-FP thead th,.dark .tbl-SF thead th,.dark .tbl-GZ thead th,.dark .tbl-JM thead th {  background-color: transparent;}

.dark .itembox ul li.item.king label::before {background-position: -20px 0;}
.dark select {color: var(--color-basic); background: var(--mbox-bg);}
.dark select option {background-color: #565656; }
.dark .t_my .tbl-wrap table tbody tr td:last-child::after {color: #ddd;}
.dark .stkbox-items .delall button::before {background-position: 0 -20px;}
.dark .slide.open .slide_btn li::after { background-position: 0 -25px;} 
.dark .grade-tima2 + div .t_wiz::before, .dark .grade-tima2 + div .schedule::before { color: #111; background: #eece93;}
.dark .grade-tima2 + div .t_wiz::after, .dark .grade-tima2 + div .schedule::after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjA5NDA1OUFCMTE2MTFFRTlCNENCOUJBOEU0MkMxRjciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjA5NDA1OTlCMTE2MTFFRTlCNENCOUJBOEU0MkMxRjciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkFGRTYxM0IyNTA1MTFFRTk3RkNBNkM1N0UxQ0E1MjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkFGRTYxM0MyNTA1MTFFRTk3RkNBNkM1N0UxQ0E1MjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7kxMgQAAAAjklEQVR42uzTsQ3AQAwDMSn776wfIa0L3gQCYTfJcrhtvbzviwACBAhQAAECBCiAAAECFECAAAEKIECAAAUQIECAAggQIEABBAgQoAACBAhQAAGeqNtuD2znAr2wAAIECFAAAQIEKIAAAQIUQIAAAQogQIAAAQogQIAABRAgQIACCBAgQAEECBCgfnsCDACc9QibGkXXgwAAAABJRU5ErkJggg==) #121212fa; background-size: 20px; opacity:.95;}
.dark .monthList dd p::after {opacity: .4;}
.dark .dayList li .pop dd {color:#4b4b4b;}
.dark .agree p button {filter: invert(100%); opacity: .5;}

.dark .mkBox * {color: #fff !important;}

.nxt {position: relative;}
.nxt::before { content: ""; position: absolute;  top: 0; left: 0; width: 0; height: 0; border-top: 7px solid var(--color-up); border-right: 7px solid transparent; }
td.nxt::before {top: 1px; left: 1px; }


/* common */
.up, .x-up {color: var(--color-up); fill : var(--color-up)}
.dn {color: var(--color-down); fill: var(--color-down)}
.sc-1, .sc-2 {color: var(--color-up);}
.sc-4, .sc-5 {color: var(--color-down)}
input {color: var(--color-basic); background: var(--input-bg)}
body {color: var(--color-basic); background: var(--body-bg); overflow: hidden}
body:has(.mkc.on)::after {content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #00000066; z-index: 10;}

a {color: var(--color-basic);}

.appWrap {height: 100vh;}
.appWrap:has(.schedule) .slide .slide_btn {display: none;}

header {position: relative; height: 80px; z-index: 20;}
header .logo {position: absolute; top: 7px; left: 20px; width: 50px; height: 25px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAA8CAYAAACtrX6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF7GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4YzA4M2MyOC0wZDNkLTg1NGMtYWVhOC05NTMyNmEyZTVmZjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0E0OEJFRDE3RjVGMTFFREI2MUY4Mjk4NTI1NTlFM0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YjFiMzVhNjMtZWY1NC1hYzRmLTg2NjktYjRlNzNlMTRlZWE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMTEtMjNUMTA6MjU6MTYrMDk6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTExLTIzVDE0OjI2OjQ0KzA5OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTExLTIzVDE0OjI2OjQ0KzA5OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODU2QzkxMDA2MTUxMTFFRDk3QkZCQUJFRjBDN0EwN0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODU2QzkxMDE2MTUxMTFFRDk3QkZCQUJFRjBDN0EwN0YiLz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YjFiMzVhNjMtZWY1NC1hYzRmLTg2NjktYjRlNzNlMTRlZWE3IiBzdEV2dDp3aGVuPSIyMDIzLTExLTIzVDE0OjI2OjQ0KzA5OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+3h5+pQAAA/5JREFUeNrtnVuITVEYx3+DzIXB0CiTYYa8DHmZiBIJIZmHmSJFPCjyQm7l9uBSSkQumSdTSuQBmeQ641JKxAMltxoNwhmGuTDDzHE8rHXqmJw5a+199j5nn/l+T+fy7XW+7/uvtfZa+6y9dlYkEkHIXPpJCkRgIcAMiL7Iv1Cbrj5mATna1wjwC+jqA7pk6wYYBjqBPzYFtFUu/ldgTR6wHJgBFAK5Dh0MA63AG+AGcEuLYyvsRmAHUNDjuzpgJfAhSRWoApgPFAP5LsuLAN+AV8B54InFsaOAY0Cl9itKB3AA2G2bx6zoICv/Qu044DYwxoMaeQ9YrEU3ZS+ws5fvnwLlQLcLv3KAWmCuh61xF7DPwC4XeAaM78VmM3DIpgXHnoMPeyQuwExgv4X9YB1Mb0wGlrr0a53H4kYr6iQDuxUJxI1WFqteNVbgeR4HWmFhO023rkQsdOmT1zFHmWvYCBIxFJjuVOBcj4McZWFbZGhX4tKnET4JXGhgU2xYVmm6TpOaLWwLLLpyNwz0KfZBhq3ThPx0FfiO5chWCNCFjvfAVkl3Ci90JJk/QAvwQk9DqvXcUAiAwKXA2z6Wp3gxb9DTyz7fRQsisCACCyKwIAKLwIIILIjAgggsiMCCOwZICgLHFmBVzPsu1HX/18B11LX/sBuBy4BhCWza9I9+ET2SThH/XxAxB1gLPAYWAZ+dCnzFwjYEXEatBnwv2vhCOXAUvV7N63PwSGA1aunoGMm9b1T4PcgqBNZL3n0jJxWj6HLJu2+EUyFwnuTdN+6nQuAGybsvNMeeDv2cB5+S3CeFTtQNeD2npQ2oe7aqo1MkvwRuBTbpSbjgnm3AEVNjJwLXYHYTWTPqZqqbQLvokhqcCLyHvreqMrDInw0isCACCyKwIAILIrAgAgsisAgsiMCCCCykAU6uRR/E/M+DduAdUA88CnCe4sVclokCVzn8rbvAMuBjAAWuCmrN9LOLngWckU4zs8/Bs4HRkvbMHmSVSNozW2CTAVqbYVmdLn3p8CnmFgObH174HCuwH/cRtQEvDeyaDMtrcunPB58EbjSwCRmWFXIq8AkfAt1uWAMfGpZ3z6U/J7HcKt8BIeCSgd0DA5sIMWuebQXeDaxB7aSezKDbgWvAAuC44TGfgIsGvUGNS9/qUHs51yehu+/JVz1rmKpfJ+I08DOBzTnbFhy7pX/s59nAEMy2wY1HWIvw3eHxw3XFmBKn0iwBriZRkP465qEuy+lGrTptdXDsIuAs/98y+CHquRJG+Yz3UI4ov/T5rYnU0Yza+X0CMBa1N/RvXYOfk/yluGHUhqmp3DT1Cmrj9ImoG/aydZyNqId8WPesWfLkM5kmCQHmL7e8wVEVDcnnAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-size: auto 25px; z-index: 10; -webkit-app-region: no-drag;}
header .logo::after {display: none;}
header .logo a {display: block; width: 100%; height: 100%; text-indent: -9000px}
header.grade-pro .logo::after {content: 'Premium'; position: absolute; left: 60px; top: 4px; font-size: 1rem; color: #b68b08;}
header.grade-tima2 .logo::after {content: 'Basic'; position: absolute; left: 60px; top: 4px; font-size: 1rem; color: #7f7f7f;}
header .logo::after {animation:fadeIn .2s forwards .2s; opacity: 0;}
@keyframes fadeIn {
  to { opacity: 1; }
}
header .memuBox {position: absolute; top: 80px; right: 10px; min-width: 210px; border-radius: 15px; padding: 10px; box-shadow: 0 1px 3px var(--menu-shadow); background: var(--menu-bg); z-index: 101}
header .memuBox ul {padding-top: 10px; border-bottom: 1px solid var(--bg-light);}
header .memuBox ul li {padding: 0 10px; margin-bottom: 10px;}
header .memuBox ul li a {font-size: .875rem}
header .memuBox ul:last-child { border-bottom: none;}
header .time {position: absolute; top: 9px; left: 50%; font-size: .875em; line-height: 30px; transform: translateX(-50%);}

header .mkBox {position: absolute; top: 80px; right: 10px; width: calc(100% - 20px); height: 65vh; border-radius: 15px; padding: 10px; white-space: pre-line; 
  box-shadow: 0 1px 3px var(--menu-shadow); background: var(--menu-bg); overflow-y: auto; z-index: 101}


.planPop {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; background: var(--body-bg); z-index: 1000;}
.popTop {position: relative; height: 40px; display: flex; justify-content: flex-start; align-items: center;}
.planPop .monthWrap {height: calc(100% - 40px);}
.planPop .monthWrap .monthHead li {width: calc(100% / 5);}
.planPop .monthWrap .monthList dl {width: calc(100% / 5); padding-bottom: 0;}

.planPop .monthList {overflow-x: hidden; overflow-y: auto;}
.planPop .monthList dl dd p {width: 100%;}
.planPop .monthList dl.today dt {width: 100%; text-align: right; border-radius: 0; padding: 0 5px; background: var(--plan-top); font-weight: normal; color: inherit;}
.planPop .monthList dl.today dt span {top: 0; left: 0; height: 20px; width: 20px; text-align: center; border-radius: 50%; background: var(--color-hot); color: #fff;}
.planPop .monthList dl.today dt p {margin-right: 4px;}
.planPop .monthList dl.today::after {border-radius: 5px;}
.planPop .monthList dl:nth-child(5n) {border-right: none;}
.planPop .monthList dl:nth-child(7n) {border-right: 1px solid var(--border-basic);}
.planPop .monthList dl.other {background: none;}
.planPop .monthList dl.other dt {opacity: 1;}
.planPop .monthList dl dt p {display: flex; justify-content: flex-end; align-items: center; column-gap: 3px; font-variant-numeric: tabular-nums; font-feature-settings: "tnum", "lnum";}
.planPop .monthList dl dt p label {font-size: 11px;}
/* .planPop .monthList dl dt p.dn var::before {content: '\2212'; margin-right: -1px;}
.planPop .monthList dl dt p.up var::before {content: '\002B'; margin-right: -1px;} */
.planPop .monthList dl.other dd {opacity: 1;}
.planPop .monthList dl.holi {background: var(--plan-holi);}
.planPop .monthList dl.holi dt {background-color: transparent; height: 0;}
.planPop .monthList dl.holi dd {display: flex; justify-content: center; align-items: center; text-align: center; height: 100%; color: #ff002f; font-weight: 700;}
.dark .planPop .monthList dl.holi dd {color: #ffabab;}
.planPop .monthList dt {position: relative; text-align: right; background: var(--plan-top); height: 3em; padding: 0 5px;}
.planPop .monthList dt span {position: absolute; top: 3px; left: 3px;}
.planPop .monthList dd.theme {height: calc(100% - 6em); display: flex; flex-direction: column; row-gap: 3px; padding: 0 5px; justify-content: center; font-weight: 400;}
.planPop .monthList dd.theme p {position: relative;}
.planPop .monthList dd.theme p span {width: 100% ; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;}
.planPop .monthList dd.theme p::after {display: none;}
.planPop .monthList dd.theme p.hot {display: flex; padding-left: 5px; border-radius: 15px; background: var(--plan-hot); overflow: visible;}
.planPop .monthList dd.theme p.hot::before {font-weight: 400; border-radius: 50%; 
  width: 18px; height: 18px; line-height: 16px; font-size: 16px; color: #f4c235; background: #008fa0; text-align: center;}
.planPop .monthList dd.leader { height: 3em; display: flex; justify-content: center; align-items: center; flex-direction: column; background: var(--plan-bot);}
.planPop .monthList dd.leader p {position: static; display: flex; justify-content: flex-start; align-items: center;}
.planPop .monthList dd.leader p span {display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.planPop .monthList dd.leader p.hot::before {content: ''; display: block; position: static; width: 20px; height: 20px; flex-shrink: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF/mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFMzZDRjkyNDk5OTUxMUVFOTFBMkMyNTk3RUI2QUVGMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxODZGOTUzQUE1NTAxMUVFOEJBNUI5ODI1MzNFMEY5MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiZTM1MGUzOS05MTU5LTkwNDMtYTk4Mi01MmYzZDYwM2E3ZTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXA6Q3Jl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') no-repeat; background-size: 40px auto;}
.dark .planPop .monthList dd.leader p.hot::before {background-position: -20px 0;}
.planPop .monthList dd.leader p::after {display: none;}

.plan_info {position: fixed; top: env(safe-area-inset-top); left: 0; width: 100%; height: 100%; background: var(--body-bg); z-index: 1000;}
.plan_info_top {position: relative; height: 30px; text-align: center; line-height: 40px;}
.plan_info .cls {position: absolute; top: 5px; right: 5px; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; text-indent: -100px; overflow: hidden; background-color: transparent;}
.plan_info .cls::before {content: ''; width: 30px; height: 30px; filter:grayscale(1) brightness(0);
  background-image: url('./1jrvMOvG.png'); background-repeat: no-repeat; background-size: auto 90px; background-position: -60px -30px;}
.dark .plan_info .cls::before {filter:grayscale(1) brightness(100);}
.plan_info .market_box_wrap {height: calc(100% - 40px); padding: 10px; overflow-y: auto; align-content: flex-start;}
.plan_info .t_page_top {margin: 10px 10px 0; width: calc(100% - 20px); border-radius: 10px; background: var(--content-bg)}
.plan_info .t_page_top + .market_box_wrap {height: calc(100% - 80px);}

.sc-down header {position: sticky; top: -90px; background: var(--body-bg-top); transition: all ease .2s;}
.sc-up header {position: sticky; top: 0; background: var(--body-bg-top); transition: all ease .3s;}

.top_btn {position: absolute; top: 5px; right: 5px; display: flex; align-items: center; justify-content: flex-end; z-index: 50; -webkit-app-region: no-drag;}
.top_btn {display: flex; align-items: center; column-gap: 6px}
.top_btn li {width: 30px; height: 30px; background-image: url("./1jrvMOvG.png"); background-size: auto 90px; text-indent: -100px; overflow: hidden; cursor: pointer;}
.top_btn li.scd {display: none;}
.top_btn li.ytb {background-position: 0 0}
.top_btn li.news {background-position: -30px 0;}
.top_btn li.guide {background-position: -90px 0;}
.top_btn li a {display: block; width: 100%; height: 100%; text-indent: -9000px}

.top_btn li.plan {background-position: -120px 0;}
.dark .top_btn li.plan {background-position: -120px -60px}

.top_btn li.timeLine {background-position: -150px 0;}
.dark .top_btn li.timeLine {background-position: -150px -60px}

.topMenu {position: absolute; top: 40px; right: 15px; display: flex; column-gap: 10px; z-index: 20;}
.topMenu button {display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--border-light); background: var(--search-bg); }
.topMenu .mnu::after {content: ''; display: block; width: 30px; height: 30px; text-indent: -9000px; background-image: url("./1jrvMOvG.png"); background-size: auto 90px; background-position: 0 -30px}
.topMenu .mnu.on::after {background-position: -60px -30px}

.topMenu .mkc {display: block; position: relative;}
.topMenu .mkc::after {content: ''; display: block; width: 30px; height: 30px; text-indent: -9000px; background-image: url("./1jrvMOvG.png"); background-size: auto 90px; background-position: -87px -30px}
.topMenu .mkc.on::after {background-position: -58px -30px}
.topMenu .mkc.new::before {content: 'N'; position: absolute; top: -3px; right: -3px; width: 16px; height: 16px; color: #fff; font-family: 'Juache'; font-size: 12px;
   border-radius: 50%; background-color: #f8562e; z-index: 1; text-align: center; line-height: 18px;} 

.search {position: absolute; top: 40px; left: 20px; width: calc(100% - 125px); height: 33px; border-radius: 20px; border: 1px solid var(--border-light); background: var(--search-bg); -webkit-app-region: no-drag;}
.search .searchBox {position: relative; }
.search input { width: 100%; line-height: 34px; border: none; padding: 0 10px; background-color: transparent}
.search .search_btn {position: absolute; top: 0; right: 0; width: 34px; height: 34px;}
.search .search_btn button { width: inherit; height: inherit; border: none; background-color: transparent}
.search .search_btn button::after {content: ''; display: block; width: 30px; height: 30px; background-image: url("./1jrvMOvG.png"); background-size: auto 90px; background-position: -30px -30px}

.stkbox-items { position: relative; max-height: calc(100vh - 240px); background-color: var(--mbox-bg); border-radius: 5px; z-index: 50; box-shadow: 2px 2px 5px #00000033; overflow-y: auto;}
.stkbox-items > ul:first-child { max-height: 360px; padding: 0; overflow-y: auto;}
.stkbox-items div {display: flex; flex-direction: column-reverse; position: relative; width: calc(100% - 20px); margin: 0 auto; padding: 5px 0 5px 10px; border-bottom: 1px solid var(--border-basic);}
.stkbox-items div:last-child {border-bottom: none;}
.stkbox-items div span {color: var(--color-prime); font-size: .75em;}
.stkbox-items div.on {background-color: var(--upper-bg);}
.stkbox-items p {text-align: center; border: 5px solid var(--mbox-bg); border-radius: 10px; background: var(--border-light);}
.stkbox-items b {position: absolute; top: 5px; right: 0; display: block; width: 20px; height: 20px; cursor: pointer;}
.stkbox-items b::after {content: '\2573'; font-size: 12px; color: #999;}
.stkbox-items .delall {border-top: 1px solid var(--border-dark); padding: 5px 0; text-align: center;}
.stkbox-items .delall button {display: flex; justify-content: center; align-items: center; width: 80%; height: 30px; margin: 0 auto; border-radius: 10px; text-align: center; color: var(--color-basic); background: var(--mbox-bg);}
.stkbox-items .delall button::before {content: ''; width: 20px; height: 20px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQCAYAAABrjzfBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzBBQjBENzRCMDE5MTFFRThBOUI5MTIxOEQ5OTc4OEMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzBBQjBENzNCMDE5MTFFRThBOUI5MTIxOEQ5OTc4OEMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDNCRjY3NDcyQzJCMTFFRUFGRjRDMkNBQTgwNEM2MDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDNCRjY3NDgyQzJCMTFFRUFGRjRDMkNBQTgwNEM2MDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5rUefeAAACvUlEQVR42uyZ304UMRTGZ5Z/GrILSvjnRiVRoojciA/hM/AiJNz6DD6AL2G8MFFfwMQLgzFERUVdZXdFUOFiWb+Sr8lJs6GdnVZBz0m+i+5OZ37ttF/bOXm3281OclSyEx4KqIAK6AtjMz4FxgC0Bg3Heu7RsyMCjkO70FxMwMHAh1+B7nmuMfc6C92HfnmuXYWehzw4FPAntBVw3QvoNXToue576GvJQ15hnudJxn7MHrwNPTCsMdigFehRTMARaIOztGzchc6EXhwKuAeNQk8iAA7yflGN+hs0IcoL0OMevfwMqjm/P+QQsTEDNWMD7kBVMQbHoFvONcZi5qHzzu/LTuNM3VZswH2uFNMsbxH2XMDYNeCbLJtGDhWxmVDAA6gD1Vn+wrrTnnqT9MSvLNeFr0YF7HJgLwhg06uXPPXqrGvH3FWuMp0Uu5mmAMy47l4LWCLljL0BtVNttz47PbYNXQ4AlEDzHB5JAHcdCzEzcdZTZ44NkTueVirAtjNrrXkfF1V6qI0aG5oEcIOz0vXG46LmbL2MSb9PBbjuGO4HaMpTx5hyQ5SNib9MBfiKpjsienTMU2dKmHTOHl1PBfiRnjZbALDKhlnYSspXvEODtdbySfRKrxhij79h+QJXlUbKY6eZkTeFL0rADssHYoLYhtgd0I+A40Bf+0EbDZptxtl5XZxVjH0sCqAm/2+LVWQ79cG9RavIxK5GxqZTlv9fLPp6++lB0xt3oHd97KSNqT8tWqnoqa7Cgd9v7NudTOipLtcvrAqogAr4nwMGrSR/8/ObvmIFPBWAgSmDAWgNGo6Y2oi6mxnngWgJevtHbSbTPMkp3rBqnqRHaJ7EfiXQPEkRQM2TlAXUPEkMQM2TlAXUPElZQM2TlAXUPEmMY6fmScr2oOZJyp7qouVJ/pljp37dUkAF9MRvAQYAXvKq2LXNA4cAAAAASUVORK5CYII=") no-repeat; background-size: 20px auto;}

section {height: calc(100vh - var(--height-header) - var(--height-footer));}
section.item_wrap {position: relative; height: calc(100vh - 50px); padding-top: 0; border-radius: 10px 10px 0 0; background: var(--content-bg );}
section.theme { height: calc(100vh - 90px); padding-top: 10px; border-radius: 10px 10px 0 0; background: var(--content-bg ); overflow-y: hidden;}


.subTitle {color: var(--color-prime);}

.up_item table tr:nth-child(4n) { border-bottom: 2px solid var(--button-basic); }
.up_item table td { padding: 3px 0; }
.up_item table th { height: 35px}
.up_item .sc-1 .upper { color: #fff; border-radius: 5px; background-color: #ff3d00;}
.up_item table td.hname p { overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: center; word-wrap: break-word; display:-webkit-box; line-clamp: 1; -webkit-box-orient: vertical; }
.up_item .slide_list {height: calc(100vh - 360px); overflow-y: auto;}
.up_item .slide_list thead {position: sticky; top: 0; background: #fff; z-index: 10;}
.up_item .slide_list thead::after {content: ''; position: absolute; left: 0; top: 39px; width: 100%; height: 1px; background: #9eb1b0;}
.up_item .slide_list thead th { height: 40px}
.up_item .slide_list .hnum {width: 10%;}
.up_item .slide_list .hname {width: calc(60% - 100px);}
.up_item .slide_list .hprc {width: 15%;}
.up_item .slide_list .hvol {width: 15%;}
.up_item .slide_list .hbar {width: 100px; padding-right: 10px;}
.up_item .slide_list .hbar .s-bong {width: 100px;}

.up_item aside.divHot {height: 180px; padding: 5px; padding-bottom: 15px; border-top: 1px solid var(--border-basic); background-color: #f7f8f9;}
.up_item aside.divHot > div {height: 100%; padding: 5px; border-radius: 10px; background-color: #fff; border:1px solid var(--button-hot); word-break: keep-all; overflow-y: auto;}

/* .theme .m_list {height: calc(100vh - 180px)}
table th, table thead td {font-size: .875rem} */
table th em {font-size: .875em}
table td {text-align: center; padding: 3px 0; font-size: .875rem}
table td.hnum { text-align: center; padding: 3px 0}
table td.hname { text-align: left; padding-left: 5px}
table td.hname div {width: calc(100%); display: -webkit-box; line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
table td.hprc div {width: 100%; display: flex; flex-direction: column}
table td.hprc span {font-size: .75em}

footer {position: fixed; bottom: 0; width: 100%; height: var(--height-footer); padding-top: 5px; background: var(--body-bg-bot); z-index: 50;}
.x-footer {position: relative; display: flex; align-items: center; flex-direction: column; height: var(--height-footer); padding: 0 10px; justify-content: flex-start; gap: 2px;}

nav {position: absolute; left: 1px; bottom: 1px; width: calc(100% - 2px); height:55px; padding: 0 5%; border-radius: 10px; background: var(--body-bg-bot); z-index: 200}
nav ul {display: flex; justify-content: space-around; align-items: center; height: inherit;}
nav ul li {display: flex; flex-direction: column; align-items: center; min-width: 40px; opacity: .75;}
nav ul li::before {content: ""; display: block; width: 30px; height: 30px; background-image: url("./DS1pVmW5.png"); background-size: auto 90px}
nav ul li.on {opacity: 1}
nav ul li.mk::before {background-position: 0 0;}
nav ul li.wiz::before {background-position: -30px 0}
nav ul li.f5::before {background-position: -60px 0}
nav ul li.fav::before {background-position: -90px 0}
nav ul li.nx::before {background-position: -120px 0}
nav ul li.on.mk::before {background-position: 0 -30px ;}
nav ul li.on.wiz::before {background-position: -30px -30px ;}
nav ul li.on.f5::before {background-position: -60px -30px ;}
nav ul li.on.fav::before {background-position: -90px -30px ;}
nav ul li.on.nx::before {background-position: -120px -30px ;}
nav ul li.on span {color: #0cadb2 ; font-weight: bold;}
nav ul li span {font-size: 0.75rem;}

footer .slide {width: 100%; transition: top ease-in .2s}
.slide .slide_btn {position: absolute; left: 0; bottom: 55px; width: 100%; height: 55px; z-index: 100;}
.slide .slide_btn li {height: inherit;}
.slide .news {display: flex; flex-wrap: wrap; width: 100%; height: 0; overflow: hidden;}
.slide .news li {display: flex; gap: 10px;  width: 100%; height: 28px; font-size: .875rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.slide .news li label { color: #555; font-size: .75rem; white-space: nowrap;}
.slide .news li p {display: flex; align-items: center; column-gap: 10px;}
.slide .news li b {color: var(--color-prime);}
.mySwiper { width: 100%; height: 24px;}
.mySwiper .swiper-slide {display: flex; align-items: center; gap: 10px; padding-left: 10px; border-radius: 5px; font-size: 14px; background-color: #fac89266;}
.mySwiper .swiper-slide div {width: calc(100% - 50px); line-height: 25px; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mySwiper .swiper-slide b {color: var(--color-hot);}

.mpSwiper {width: 100%; height: 24px;}
.mpSwiper .swiper-slide {padding-left: 10px; border-radius: 5px; line-height: 25px; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #c9afe666;}
.mpSwiper .swiper-slide div {display: flex; align-items: center; justify-content: flex-start; column-gap: 15px;}
.mpSwiper .swiper-slide label {color: var(--color-basic);}

.slide.open {position: fixed; top: 35vh; bottom: 0; height: calc(65vh - 55px); background: var(--mbox-bg); z-index: 100; transition: top ease-in .2s}
.slide.open .news {width: calc(100% - 10px); height: calc(100% - 10px); margin: 5px; row-gap: 5px; overflow-y: auto;}
.slide.open .news li {display: flex; align-items: center; gap: 10px; font-weight: normal; box-shadow: none; padding: 1px 10px; cursor: pointer;}
.slide.open .news li div {width: calc(100% - 50px); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.slide.open .news li:hover { color: #fff; border-radius: 5px; background: linear-gradient(45deg, #d75b8c, #e871a3);}
.slide.open .news li:hover b {color: #fff;}
.slide.open .slide_btn {position: absolute; top: -25px; height: 25px; bottom: auto;}
.slide.open .slide_btn li {width: 50px; height: 25px; margin: 0 auto; padding-top: 3px; border-radius: 10px 10px 0 0; background: var(--mbox-bg);}
.slide.open .slide_btn li::after {content: ''; display: block; width: 25px; height: 25px; margin: 0 auto; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAACgCAYAAACbg+u0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEY1ODlFQzFBQjk0MTFFRUJGNjZDNjU1RDc3Q0M1RUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEY1ODlFQzBBQjk0MTFFRUJGNjZDNjU1RDc3Q0M1RUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDMzMTBDMzI4QUQyMTFFQ0IwMDZEMjdGQkQxODAzQTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDMzMTBDMzM4QUQyMTFFQ0IwMDZEMjdGQkQxODAzQTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5QyGkDAAAEBElEQVR42uzdvW7UQBAHcDtBFBR5AAgPwAsgChoKKkA0FIhAEE0ECAk6QkFFcUcFNIBoEIEABUUUqBIEFLxBkOAF4AESiQIEZlbn40Lw6Ty2d3Zn9j/SKEW2OP9ufev98uZFUWSI5jEFAgACEIAARAAQgAAEIAKANgDzPJfKOcoNyoJyk3KZctb9TyxcX7jrFIq++/gV+ZVyn4/rqrxWpYDj8Ib5TAow93HBnm8hh3d9Qpktuq4ZiW9SG2AdvOFPU662EQmNR/EFjzH/Ro+B5+IOWuFRLE5oMHbmA1/XpbEV5uItuZ9gADbDW6ac9nlnaQJshZc6YGu8lAE7wUsVsDO8FAGvdomXGuAlJt6LSXgpAXLxVil3h+ogxAboDS8FQK941gG941kGFMGzCiiGZxFwjvKXFJ41QC7eels8S4BcvHeUe2IdKJYGDIYnCehrVu4w/flQp8tVxnvK45TfuwTUPKl0KySeZPiqgT/pz66QeNprYDLhC/BjzXJHKN902XhYAbxZtsDmEX3WwPOUv80j4kHaXlduDV05DCZgOAsDqhjSx5A+JpUwrYmJdSztwNIOLC7C8jYssMQSXyzxFUfENgdscwiCiI02HSBiq1dF9JiICwD8P/oMwM/YsT4eERuuW/4e3q5Rbkv7tGZoxFUr05o+A6896SDcbN9GCbdZPkzvl3yMyYUv2FxgdRYAAQhAACIACEAAAhABQAACEIAIAAIQgABEABCAAAQgwjxg1bTmrOQH0DytOW6dzDfKg9lggh01kInnYm9Wb/1MsjWw1nkilDMAbIb399pwCzfHw3kiOyLa80Q0AC6WWTceUj5CIzLC6zHKP80G76spUAP5eM8pL0jixQzYBG8+q/+6KdOAavBiBFSFFxugOryYWmG35f+uNrxYAN1LJ+4zyr+kPBsDXgyAXLzXlKcof8TyuzMFPJ2AJvBCAZrBCwFoCk8a0ByeZCvsZs+WGF+YCjwpQC7eW8pjGvAkbmEunnu3/kkteL4Bm+CpO9XB1y0c/DwR7TUQ54m0jODniaTQFzYROE8kUkCcJ9JBDUziPBGfv4FuseO8dUTfjUgTxJWsg/NELLXCXMSjlK+0IEo9xjjEK4zyJ7QgSj4HuldzXraGKP0gbQ4xRE/EFGKorpwZxJB9YROIoQcTmiA+yeoPlZkHHCJeY5Q/nQ1GuqcBOIp7lDcY5c/EghjTeGBfI2JsA6rqEGMckVaFGOuQvhrEmOdEmiA+zoQ2GWoAbIJ4LuMtYDIPOETsM8pfpFyQ+nCa9gtzt7seAGA7RGy4rgicJyKEKHaeCF57kmAN3F4T3Y6lT9tuW7cF7JAUnvYaGEVgdRYAAQhAACIACEAAAhABQPn4I8AAKuOGO9Xp3ukAAAAASUVORK5CYII=') no-repeat; background-position: 0 0; background-size: auto 50px; transform: rotate(-90deg); }
.slide.open .slide_btn li:hover::after {opacity: .75;}
.list {margin-bottom: 5px;}
.list table {border-top: 1px solid var(--border-basic); border-left: 1px solid var(--border-basic);}
.list thead th, .list thead td {border-bottom: 1px solid var(--border-light); border-right: 1px solid var(--border-basic); background: var(--th-basic); font-size: 13px;}
.list tbody th, .list tbody td {border-bottom: 1px solid var(--border-basic); border-right: 1px solid var(--border-basic);}
.list th {font-weight: normal; word-break: keep-all;}

 /* 첫 번째 테이블 스타일 */
 section.comp {height: calc(100vh - 200px); border-radius: 15px; overflow: hidden; overflow-y: auto; background: var(--content-bg );} 
 .comp .list table {border-collapse: collapse; width: 100%; text-align: center; background-color: var(--mbox-bg);}
 .comp .list th {padding: 0 2px; font-size: 12px;}
 .comp .list td {padding: 0 2px; font-size: 13px;}

 .comp .w_chart { min-height: 200px; }

 #chart-inner .chart_top_btm {padding: 0;}
 
.hname img { width: 15px; margin-top: 2px; }
.slide .slide_list td.hname p { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.sub_header.item {position: relative; height: 50px; align-items: center;}
.sub_header.item + div.xxx {height: calc(100% - 50px);}

.ask-wrap { height: 361px; overflow-y: scroll; border-bottom: 1px solid var(--border-basic); background: var(--mbox-bg);}
.askPrice {position:relative; width: 100%; height: 720px; font-size: .875rem}
.askPrice > ul {float:left; width:35%; height: 50%; border-right:1px solid var(--border-basic); border-bottom:1px solid var(--border-basic)}
.askPrice > ul:nth-child(3n) {border-right:none}
.askPrice > ul:nth-child(3n - 1) {width:30%}
.askPrice > ul li { position: relative; height:10%; display: flex; align-items: center}
.askPrice > ul li > span {position: relative; display:block; text-align:right}
.askPrice > ul li > span:before {position: absolute; top: 3px; left: 12px; border-style: solid; border-width: 8px; z-index: 100}
.askPrice > ul li > span:after {display: block; position: absolute; top:3px; left: -12px; width: 24px; height: 16px; line-height: 15px; text-align: center; font-size: .875em; font-weight: bold; z-index: 100}
.askPrice > ul.sell-price {background-color:transparent/*#eef9ff*/}
.askPrice > ul.sell-price p {display:flex; justify-content: space-between; align-items: baseline; width:100%; padding:0 5%; column-gap: 5%;}
.askPrice > ul.sell-price p span {flex: 6; text-align: right; font-size: 1.0625rem;}
.askPrice > ul.sell-price p em {flex: 4; text-align: right; font-size: .75rem;}
.askPrice > ul.sell-ask {background-color:transparent/*#eef9ff;*/}
.askPrice > ul.sell-ask li {position:relative; clear:both; flex-direction: row-reverse; background-image: var(--img-sell); background-repeat:no-repeat; background-position:top right}
.askPrice > ul.sell-ask li label {width:50%; text-align:right; padding-right:10px; font-size:.875em}
.askPrice > ul.sell-ask li span {float:right; display:block; width:50%; text-align:right; padding-right:10px; font-size: 1em;}
.askPrice > ul.buy-price {background-color:transparent; border-bottom:none}
.askPrice > ul.buy-price p {display:flex; justify-content: space-between; align-items: baseline; width:100%; padding:0 5%; column-gap: 5%;}
.askPrice > ul.buy-price p span {flex: 6; text-align: right; font-size: 1.0625rem;}
.askPrice > ul.buy-price p em {flex: 4; text-align: right; font-size: .75rem;}
.askPrice > ul.buy-ask {background-color:transparent;/*#fff0eb*/ border-bottom:none}
.askPrice > ul.buy-ask li { clear:both; background-image: var(--img-buy); background-repeat:no-repeat; background-position:top left}
.askPrice > ul.buy-ask label {width:50%; text-align:right; padding-right:10px; font-size:.875em}
.askPrice > ul.buy-ask li span {float:left; display:block; width:50%; text-align:right; padding-right:10px; font-size: 1em;}
.askPrice > ul.tic {position: relative; height:360px; overflow-y:scroll; border-bottom:none;}
.askPrice > ul.tic .ck {position: sticky; top: 0; width: 100%; border-bottom: 1px solid var(--border-basic); z-index: 10;}
.askPrice > ul.tic .ck li:nth-child(odd) {height: 30px; background-color: var(--bg-light);}
.askPrice > ul.tic .ck label {font-size: .75rem; padding-left: 10px;}
.askPrice > ul.tic li {justify-content: space-between; }
.askPrice > ul.tic li:nth-child(odd) {background-color:rgba(0,0,0,.04)}
.askPrice > ul.tic li span { display:block; float:left; width:40%; margin:0 5%; text-align:right; font-size: .875em}
.askPrice > ul.tic .info1 {height: 100%; display:none}
.askPrice > ul.tic .info2 {font-size: .875rem; display:none}
.askPrice > ul.tic .info1.on {display:block}
.askPrice > ul.tic .info2.on {display:block}
.askPrice > ul.tic .info2 li {display: flex; flex-direction: row; justify-content: space-between; height: 18px; padding: 0 5px}
.askPrice > ul.tic .info2 li label {font-size: .75rem; white-space: nowrap; color: #626468;}
.askPrice > ul.tic .info2 li span {margin: 0;}
.askPrice > ul.price-info {height:360px; font-size:.875em; overflow-y:scroll}
.askPrice > ul.price-info .info1{display:none}
.askPrice > ul.price-info .info2{display:none}
.askPrice > ul.price-info .info1.on{display:flex}
.askPrice > ul.price-info .info2.on{display:flex}
.askPrice > ul.price-info dt {text-align: center; height:20px; background: var(--bg-light)}
.askPrice > ul.price-info > div {display: flex; flex-direction: column; justify-content: flex-end; height: 100%}
.askPrice > ul.price-info li {position:relative; width: 100%; height: 20px; display: flex; justify-content: space-between; padding: 0 15px}
.askPrice > ul.price-info li:nth-child(odd) {background-color:rgba(0,0,0,.04)}
.askPrice .x-high {color:#fff; background:#ff4573}
.askPrice .x-cur {font-weight:bold}
.askPrice .x-low {color:#fff; background:#00a3ff}
.askPrice p {position:relative;}
.askPrice p:before {position: absolute; top: calc(50% - 7px); left: 16px; border-style: solid; border-width: 8px; z-index: 100}
.askPrice p:after {display: block; position: absolute; top: calc(50% - 7px); left: -8px; width: 24px; height: 16px; line-height: 15px; text-align: center; color: #fff; font-size: .875em; font-weight: bold; z-index: 100}
.askPrice .c:before{content: ''; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #ea771b}
.askPrice .c:after {content: 'C'; background: #ea771b}
.askPrice .sw:before{content: ''; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #d0324f}
.askPrice .sw:after {content: 'J3'; background: #d0324f}
.askPrice .jb1:before{content: ''; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #2fa2b8}
.askPrice .jb1:after {content: 'J1'; background: #2fa2b8}
.askPrice .jb2:before{content: ''; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #454bde}
.askPrice .jb2:after {content: 'J2'; background: #454bde}
.askPrice .b1:before{content: ''; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #35ae74}
.askPrice .b1:after {content: 'B1'; background: #35ae74}
.askPrice .b2:before{content: ''; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #2b99ed}
.askPrice .b2:after {content: 'B2'; background: #2b99ed}
.askPrice .b3:before{content: ''; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #6736c5}
.askPrice .b3:after {content: 'B3'; background: #6736c5}
.askPrice .g1:before{content: ''; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #35ae74}
.askPrice .g1:after {content: 'G1'; background: #35ae74}
.askPrice .g2:before{content: ''; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #2b99ed}
.askPrice .g2:after {content: 'G2'; background: #2b99ed}
.askPrice .g3:before{content: ''; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #6736c5}
.askPrice .g3:after {content: 'G3'; background: #6736c5}
.askPrice .s:before{content: ''; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #d0324f}
.askPrice .s:after {content: 'S'; background: #d0324f}
.askPrice .sf:before{content: ''; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #ea771b}
.askPrice .sf:after {content: 'SF'; background: #ea771b}
.askPrice .f:before{content: ''; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fbb025}
.askPrice .f:after {content: 'F'; background: #ea771b}
.askPrice .k:before{content: ''; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #f563b8}
.askPrice .k:after {content: 'K'; background: #f563b8}
.askPrice.ap-sum {height: 30px; border-top: 1px solid var(--border-basic); clear: both;}
.askPrice.ap-sum > ul {height: 100%;}
.askPrice.ap-sum > ul li {height: 100%;}
.askPrice.ap-sum .time li {justify-content: center;}
.askPrice.ap-sum .sell-sum li {justify-content: flex-end; padding-right: 10px;}
.askPrice.ap-sum .buy-sum {padding-left: 10px;}

.more { margin: 0 10px; padding: 1px 4px; font-size: 0.875em; color: #fff; background-color:  var(--button-more); border-radius: 5px; white-space: nowrap;}

.scrollArea {overflow-y: auto;}

.grade-tima2 + div .t_wiz {overflow-y: hidden;}
.grade-tima2 + div .t_wiz::before {content: 'Premium 전용입니다.'; position: absolute; top: calc(50% - 30px); left: calc(50% - 130px); width: 260px; height: 55px; border-radius: 30px;
    line-height: 55px; font-size: 18px; text-align: center; text-transform: uppercase; background: #eece93; z-index: 20;}
.grade-tima2 + div .t_wiz::after {content: ''; display: block; position: absolute; top: 0; width: 100%; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0EwOUEwNjVCMTE5MTFFRUIyNDdENzE0QTA0OTM5ODIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0EwOUEwNjRCMTE5MTFFRUIyNDdENzE0QTA0OTM5ODIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkFGRTYxM0IyNTA1MTFFRTk3RkNBNkM1N0UxQ0E1MjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkFGRTYxM0MyNTA1MTFFRTk3RkNBNkM1N0UxQ0E1MjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5YAJt4AAAAkklEQVR42uzbsQ0AIAgAQTDuP6I1W6Ab2FLcT0AuUJKnqmN2OXm4FQIIECBAAQQIEKAAAgQIUAABAgQogAABAhRAgAABCiBAgAAFECBAgAIIECBAAQQ4oh3D/zBebQOdsAACBAhQAAECBCiAAAECFECAAAEKIECAAAEKIECAAAUQIECAAggQIEABBAgQoL5dAQYA1PgFUHOIZvoAAAAASUVORK5CYII=) #dae6e6fc; background-size: 20px; opacity:.98; z-index: 10;}

.grade-tima2 + div .schedule {overflow-y: hidden;}
.grade-tima2 + div .schedule::before {content: 'Premium 전용입니다.'; position: absolute; top: calc(50% - 30px); left: calc(50% - 130px); width: 260px; height: 55px; border-radius: 30px;
  line-height: 55px; font-size: 18px; text-align: center; text-transform: uppercase; background: #eece93; z-index: 20;}
.grade-tima2 + div .schedule::after {content: ''; display: block; position: absolute; top: 0; width: 100%; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0EwOUEwNjVCMTE5MTFFRUIyNDdENzE0QTA0OTM5ODIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0EwOUEwNjRCMTE5MTFFRUIyNDdENzE0QTA0OTM5ODIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkFGRTYxM0IyNTA1MTFFRTk3RkNBNkM1N0UxQ0E1MjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkFGRTYxM0MyNTA1MTFFRTk3RkNBNkM1N0UxQ0E1MjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5YAJt4AAAAkklEQVR42uzbsQ0AIAgAQTDuP6I1W6Ab2FLcT0AuUJKnqmN2OXm4FQIIECBAAQQIEKAAAgQIUAABAgQogAABAhRAgAABCiBAgAAFECBAgAIIECBAAQQ4oh3D/zBebQOdsAACBAhQAAECBCiAAAECFECAAAEKIECAAAEKIECAAAUQIECAAggQIEABBAgQoL5dAQYA1PgFUHOIZvoAAAAASUVORK5CYII=) #dae6e6fc; background-size: 20px; opacity:.98; z-index: 10;}
.grade-tima2 + div .config_push {display:none;}

.h_subbtm_nav .grade-tima2 {display:none;}
.memuBox .grade-tima2 {display:none;}

body.oh { overflow: hidden; }
body.oh::after {content: ''; display: block; position: absolute; left: 0; top: 0;  width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 20;}

/* login */
.x-login {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 500; }

.login {position: fixed; top: 0; left: 0; display: flex; align-items: center; width: 100%; height: 100vh; overflow-y: auto; background: var(--body-bg); z-index: 100;}
.login h3 {width: 80px; height: 80px; margin: -40px auto 0; border-radius: 50%; text-indent: -9000px; background-color: #07b4ba;}
.login h3::after {content: ''; display: block; width: 40px; height: 40px; margin: 0 auto; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAnCAYAAAB9qAq4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiYjAyZDNjOC1kM2Y0LTYxNDgtYmEzZi1lY2Y1ZmZjMTY4ZDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEQyMTkzREM3RjVGMTFFRDg0N0Y5RUZERjk4MTk4MDIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEQyMTkzREI3RjVGMTFFRDg0N0Y5RUZERjk4MTk4MDIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGY0ODM4NDMtZThiYi1jZDQ4LWExYzktN2VjODMzYTY0ZGZiIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NDJkYjdhOGItZDdiZi1hNDQwLWExZjYtMmNiMmVmNjVmNmQ4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ILxoZQAAAr5JREFUeNrcmE1oE0EUx3dTG1vxA78QK8SCiheVCgopWL2oeCmiVQ8i9CIeinfxojcFKaggRVBKoeIHInjQowe/RaoUPQjRKopWEVEr1WDbZPyPPOXxnKybyUyy+uDH7ibz5v0zO/PeTMLAkSmlUrik6LEYhmExqLVBVBacBSPqT/sI+sDKWgibCc6r+KaFTquWuAx4ahDxHQyB52DM8P1j0ORb3AyQE4HvgHbQwNo1gg7wQLQd1N/5FNgnAu4HYUT7EBwSPsd9iVsuAh0ow7eb+U2ART4E9rAgjyitxPVNg2fM/7APgS9YgE4L/738B/pYHNzmWfSxWLzmepcCm1nnecs+0uJHzo3jF3ceKXZfj87rLDSmxfO4S4FvQYHutbilFgKXsfuvqNWfnQlEZ2O4DLKPOiwEcp/7PlbxPjZ/PoHZZfguAKPMv8uHwFngCwtyTU/8GH5TwD3m9x5M9VVNusRKvAUWRrRfAgaEzy6ftVjX1jOGXUwv2ApWgBawDfSDcdG2pxrbrTpwWpVvxyzTk7XQHeBVDGG6Bm+2jRNWKFIvEh28HeitfRMl9WHwEFwGV5CmJoL/1UJHr3sOLhkwncgTugK9rGQEQwsxesveBtaDLGgBUQciLS4HboIb4CoEj7heECmwkY6Yo6oyy4NLYIMLYY2UnIf+ErQI3tCh6C5dc5Qjo0y3226b6/aA4RIdf6DR3E3JOR2R2DOUkk6A1yX6u64TfFxxqwzlSdFZ9xzYZJtwaaqsBRdp1JXYZR8s2TfteI+AgmHO6Cow3/G81keAC4aBuK1H3bSlHzDMq1OuhRmErgNPROx3YPWvBm20BZJ/U7RWsWzqLdlJoeEb2BLQDbejYHKN/i3bKVZ+IRDiOoMaGzSs4YKkwOYk1F8uKBUk3CaJ52xSRvH3ZuHne06w/ROvuDvJAn8IMADdf28qRM/U2QAAAABJRU5ErkJggg==);}
.login article {width: min(80%, 600px); margin: 0 auto; border-radius: 15px}
.login .tab {display: flex;  background: #f6f7f8}
.login .tab li {width: 50%; height: 60px; line-height: 60px; border-bottom: 1px solid #dadbdc; text-align: center; font-size: 1.2em}
.login .tab li:first-child {border-right: 1px solid #dadbdc}
.login .tab li.on {color: #000; border-bottom:1px solid #fff; background: #fff}
.login-wrap {padding: 5% 10%; font-size: 18px}
.login-wrap .cts-area li {position: relative; margin-bottom: 10px}
.login-wrap .cts-area li.id::before {position: absolute; bottom: 1px; left: 5px; content: ''; display: block; width: 30px; height: 30px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAYAAACGVs+MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZDViZTc3Ny1lYjEzLTZlNGEtOTIzOC0wMjI4MjEyYjVkY2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDc3MEYxNTY3RjVGMTFFREE5Njk4Qjc3RUU5Mjk0NjIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDc3MEYxNTU3RjVGMTFFREE5Njk4Qjc3RUU5Mjk0NjIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTk0YTIyZGMtZWNjNi00MjQ0LWE5OGQtOTY4NGVkNTQ3ODZiIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZmIzMDA4NzctYWM2Mi1kZTQzLThjNTEtY2U2NWZkMWM4NzA1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CJs1CQAAASRJREFUeNrsllEKgzAMhrvSe9ibzJuoL16jepLpSaw3cTdZhRRCEUzaOB+2H4Ig035LYvI/+r5XTNkQTYgaYoP7PsQMV7IM83AXYjgA2tUC0BRipL5QMw5fDg4/ys4AvxUFiP+OqhqeEQN4Kb6cFIBVebKUrGliOi8TBaAqeP9TAmAtAHhLAGwFAF4KIAeC9Bz1M+wyADrJOeAJUxBrou4EziieiRADJ2OGWdMRQBoYNDE2tA1Z/WIym2tUQtLqZt0OQC1BXCxVsh9SR4Qnp6f0gyFYr/ZkI2JHpBIfEPtlogKkfq9UFryEA5g5hTHJ2l0uKrVFZXQ4KxqlbflS31mAcDEDdablKoXYJ+aqoeZ3yemrLddZJnSB6RQD+O1R/Af4CDAAsvw4O0j6YCsAAAAASUVORK5CYII=) no-repeat center; background-size: 16px;}
.login-wrap .cts-area li.pwd::before {position: absolute; bottom: 1px; left: 5px; content: ''; display: block; width: 30px; height: 30px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAqCAYAAADS4VmSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjMmYwNTQ4OS05NjU4LThlNDUtOWQyYi1iNGRhOGRmMDYxMDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDBCQjlGREQ3RjVGMTFFREJCNjhGQzcxNzkwNDBBNTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDBCQjlGREM3RjVGMTFFREJCNjhGQzcxNzkwNDBBNTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OGI3M2YxZDAtM2Y2Ni0yMDQ3LTlkNDEtMDAwMDcyN2FhN2YwIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OTJmZjY3ZGYtMDQzNi1mODQzLTk2NTUtMmZiYzZmMGY0MmRiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vd9jsgAAAVNJREFUeNrsWF0OgyAMdoR7yE4ydhLZi9dQT6I7yfQk4yiDpGakAQeikCU0aWaAtl9/KLBL27ZVIAnFtWKmmMOYVDwrXuDXm2jAWm1wNIziuXVcA3gAqJ9EPI1r5W+HcddacRQA7d0LjU3g5RX4DmOm1yPIRqfANK7DO1jyvNYAR4ZfAE7ujUBnKJOgbKvIZmRQyzYxKeiN74dnvUhIh01HEABmCbEvDSjs7AgAoTSjnREM4OZQdiiR6jwyo1bnAJA9Av8BgKKmwx27QHieA5WnvC7qp64TCgvfHspYhKNYnkODuhLwPBd1xPfYPIlE2QUFQAFAI2TXblZDY+EpAeC74QANrU+RgslxQRlSAXhuzC0pAMidc4cB2Cq2JgWAznE0s1Q1sL4VuQFEWN6Pp25DttdgacUFQAFgAyAz2pcETrFcNNHq+3dKF/n62XOZmT4CDAAo+USTyn5euQAAAABJRU5ErkJggg==) no-repeat center; background-size: 15px;}
.login-wrap .cts-area label {display: block; margin-bottom: 5px; font-size: .8em; font-weight: 600}
.login-wrap .cts-area input {display: block; width: 100%; border: 2px solid var(--button-prime); border-radius: 10px; font-size: .875em; line-height: 35px; padding-left: 50px; background-color: var(--mbox-bg)}
.login-wrap .btn-area {row-gap: 5px;}
.login-wrap .btn-area button {width: 100%; height: 40px; border-radius: 10px; font-size: .875em; }
.login-wrap .btn-area button.prime {color: #fff; background: var(--button-prime)}
.login-wrap .btn-area.hpbtn {display: flex; flex-direction: column; row-gap: 10px;}
.login-wrap .btn-area.hpbtn button { border: none; background-color: var(--button-light); color: var(--color-basic);}
.login-wrap .chk-area { display: flex; margin-bottom: 50px; }
.login-wrap .chk-area input { width: auto; height: auto; margin-right: 5px; }
.login-wrap .chk-area label { margin-bottom: 0; font-size: .875rem; font-weight: 400; }
.login-wrap .member {border-top: 1px solid #dadbdc; padding-top: 20px; display: flex; justify-content: space-between;}
.login-wrap .member button {background-color: transparent;}

/*  t_wiz  */
section.t_wiz {position: relative; padding-top: 0; width: 100%; margin: 0 auto; border-radius: 10px 10px 0 0; background: var(--content-bg );}
.t_page_top { width: 100%; height: 50px; display: flex; align-items: center; border-bottom: 1px solid var(--border-basic); }
.t_page_nav { width: 96%; margin: 0 auto}
.t_page_nav ul { width: 100%; display: flex; column-gap: 5px; justify-content: center; margin: 0 auto; max-width: 480px;}
.t_page_nav ul li { width: 40%; height: 30px; line-height: 28px; text-align: center; color: #777; font-weight: 700; font-size: .875rem; border: 1px solid var(--border-basic); border-radius: 10px; }
.t_page_nav ul li[data-zone="FP"] span {position: relative; display: inline-block; margin-left: -5px;}
.t_page_nav ul li[data-zone="FP"] span::after {content: '\002B'; position: absolute; top: -3px; right: -14px; font-size: 1.35em;}
.t_page_nav ul li:last-child { margin-right: 0; }
.t_page_nav li.on {color: #fff; border: 1px solid var(--button-gold); background-color: var(--button-gold);}
.t_wiz .t_page_contents .tbl-wrap {position: absolute; height: 100%; overflow-y: auto; }
.t_page_contents {position: relative; height: calc(100% - 50px);}
.t_wiz .wiz_bot {position: fixed; bottom: calc(56px + env(safe-area-inset-bottom)); width: 100%; height: 54px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; word-break: keep-all; border-top:1px solid var(--border-basic); background: var(--mbox-bg); padding: 0 10px; z-index: 100; font-size: 9px;}

section.full {position: fixed; top: 0; width: 100%; height: 100vh; background: var(--body-bg); z-index: 60;}

.t_my .t_page_contents {height: calc(100% - 50px);}
.t_my .tbl-wrap {position: relative; height: 100%; overflow-y: auto;}
.t_my .tbl-wrap table th[data-fld='hname'] {width: 22%;}
.t_my .tbl-wrap table th[data-fld='price'] {width: 14%;}
.t_my .tbl-wrap table th[data-fld='amt'] {width: 11%;}
.t_my .tbl-wrap table th[data-fld='open'] {width: 14%;}
.t_my .tbl-wrap table th[data-fld='high'] {width: 14%;}
.t_my .tbl-wrap table th[data-fld='low'] {width: 14%;}
.t_my .tbl-wrap table th:last-child {width: 11%;}
.t_my .tbl-wrap table tbody tr td:last-child {position: relative; width: 20px; padding-right: 0;}
.t_my .tbl-wrap table tbody tr td:last-child::after {content: "\2261"; position: absolute; top: 10px; right: 10px; font-size: 1.125rem; color: #999;}
.t_my .tbl-wrap table.hiddenMenu tbody tr {display: flex; height: 48px; align-items: center; justify-content: center;}
.t_my .tbl-wrap table.hiddenMenu tbody tr td:last-child::after {display: none;}
.t_my .tbl-wrap table.hiddenMenu tbody tr td button {padding: 5px 10px; border-radius: 5px; color: var(--color-basic); background: var(--button-basic);}
.t_my .tbl-wrap table .memo {background-color:var(--td-prime);}
.t_my .tbl-Hot thead th {font-size: .875em; font-weight: 500;}
.t_my .tbl-Hot button {width: 24px; height: 24px; border-radius: 5px; text-indent: -9000px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAC0CAYAAABfTugdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4ZjNmMjY2OC02MWRkLTdlNDAtYWU5Yy0yMDc4ZmZmNjAzZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NGOEY3RjE3RjVFMTFFREEyMTlDNUIzNjJDMzNGRkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NGOEY3RjA3RjVFMTFFREEyMTlDNUIzNjJDMzNGRkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTk2QkZDRTNCQjhGMTFFQzhEMTRCN0VCRUM3RUI5RDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTk2QkZDRTRCQjhGMTFFQzhEMTRCN0VCRUM3RUI5RDkiLz4gPC9yZGY6RGVz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") #25b5aa -24px -24px / 48px auto}
.t_my .tbl-Hot th:last-child {text-align: right; padding-right: 8px;}
.t_my .drag {background-color: var(--upper-bg);}


.pull { display: flex; text-align:center; align-items: center; justify-content: center; width: 30px; margin: 0 auto; text-indent: -9000px;}
.pull::after {content: ''; width: 30px; height: 30px; border: 1px solid #81818181; border-radius: 50%; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDA1NkVBODFDNTg2MTFFRUFCOTNERkVGMjc5NzlFRTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDA1NkVBODBDNTg2MTFFRUFCOTNERkVGMjc5NzlFRTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDlEQTcxODFBNjcyMTFFQzlEQTJDMTAxNjQyNDgwRkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDlEQTcxODJBNjcyMTFFQzlEQTJDMTAxNjQyNDgwRkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz685q6WAAAFCUlEQVR42uxbe2iOURg/33wuYxgaCrmzIYrCQoRCkq2sucsmJtLmUkotzeUv9wi5Re73RXOJlLsyEjbkkrm0YpjLXGbm9/Q+H6/P533Pe/22d576ddq3c857fuc573mec57n9ZWXl4uqJBGiionfagdZWVmhfo4C+gL9gDigPdAciA6q9w4oAB4Dd4CLwCXgo+zzMzMz3SWskvrAKGAs0B+oJtEmmtEVSODfyoBzwF7gMPDWgjJ8KKpjUr7ZSbg1MBdIAWrZ0B9N1GDGGmAbsBx4YoBoPRRrgWSgHH8fQDkNxEv8FmavIYqlwBRJbZqR2sAMIA3YBCwA3uiMi1baaaCn6ufxQCkpJcIk2VQUD2nWHCQbrPU0fmaKQbIBGW14SXOHNNNJYdpkGwBbgKHAVN70ZMiSRBoyS+gwFkVuGMmqJYnHEidJ9pf4ZBwPdNgLxckQZiXc8o43pkUyZLFp+fySZGn26pkY0HXgPHAFeAQ850HWIXMBtADaAr2BAUB3g/2TAk7ZZodBtiOKEwbJFgLrgN3sUPxLMySvgBvAAZWJm8SbYVNXXUuQrYviOG8UsssrA2gDLNYgqyVkaxdyH3OtOB1mfOmNQDvJfrJ5A1kFfLZhXJ/Z2egE5DhOGNqdiGKMRPsfwCx2CwsdWIHU53AgnZ9l/+EBZGkJL5NoW8rmIduF3Xg1e1g7nNAwvUMxEppNwjbvBtnAwWSm7Usa2iUzMV2i3WyXyUo5FWY0nM72UUsOguzqykj2D8LQbhTbPy0pYie+UpIN1vBI9oA0fRFot8gFsnWdIBtMeKxOXTqabXBJuyudIPuLMJYz3VQM0qm7Qn1V4rCMc6rjgIbJea+pUY8u1Xa6eAoqc5pwX516p6DdDy4S3uVAny/VnlacTuUc4a7QIYQO6hOEcq9lB9k0NeEOEudaN6WEB6hrAo3eSweWdEuNOt+Be8IjEiCsZX9fu7g7u0ZY6z0pFh4SmVtLnxcJl+i4eZ4j/EmjTmN4YjW8RvipRh0Kc8R6jfADnXo9vUY4X6feMK8RvqhTbwjHXD1D+CrwVaMeOSbjPUMYntQXFGd16s6Glv1e0TDJHp26FPRK9RLhozr2mGQJtBzjCcJY1nSrsVGnfiOJOpXKl6ZgWKlOm0RoOb0CjNtvmTC0/AzFeol2y0E6IQxE44WSw/WN/f+TGIehIPpfKQ8cTLsv9ONLtBIo3eCIS2QTgX3i78gIhVbjoaxbpo6HaEhB6HkSbenBB4USnnFS6Hiawc8KFQai7JxlpjWs0jSlLIyR7OeYUIJwL2wm2wzYLJQ0JS0hEtFQ1nsrFwAUZ3okObARwF3WdqQNROkGZj5wW4JsYBVEWdIwa5mOhZSBYyRdiWJPlOdIF/cPDRIl52YyOzhGklryoN3OlgkzaStpSzeBC8Bl8Ttt6Qv/jy4VWoo/05a6mXgGLeOBIJxrC2EV6YqYmEYb7DCQvWbW8Qgp3GG8gXfaDaHXpY8RstKEmTRdxvcA9lcAsoeEkrWXb7ShofRhkC4GknlTeRsGokX8bMq8NxXcM5UvDdJbhZK0RgHyMheIfmd7TFZjqyUvxupnPNjQKD9yDpuT2jYTpR19u1Ay7wv+MfnOazhIKD+ScqjoqxX6HOCMsJY1V8oHBOqriVAiiAV2zaCdVzb0Tm9hkNfTRyiB9i5CSRZtFcKWF7NtpsNKnlA+4aELxY9OvRu+/1+meVx+CjAAd0JU6Jmo+OUAAAAASUVORK5CYII="); background-repeat: no-repeat; background-position: center; background-size: 20px auto; opacity:.75;}
.pull.m1::after { animation: pul1 .5s ease forwards;}
.pull.m2::after { animation: pul2 1s ease forwards;}
.pull.m4::after { animation: pul4 .5s ease forwards;}

@keyframes pul1 {
  0% { transform: rotate(0deg); opacity: 0; }
  100% { transform: rotate(90deg); opacity: 1; }
}

@keyframes pul2 {
  0% { transform: rotate(90deg); }
  100% { transform: rotate(270deg) }
}

@keyframes pul4 {
  0% { transform: rotate(270deg); }
  100% { transform: rotate(560deg); opacity: 0;}
}

/* schedule */
section.subWrap {height: calc(100vh - var(--height-footer) - var(--height-header)); border-radius: 10px; background: var(--content-bg ); overflow: hidden;}
.schday {height: 100%;}
.schTop {height: 40px; padding: 0 10px}
.schTop ul {height: inherit; display: flex; align-items: center; justify-content: space-between;}
.schTop .today {width: 80px; }
.schTop .today span {display: block; width: 25px; height: 25px; font-size: .8125em; font-weight: bold; line-height: 23px; text-align: center; color: var(--color-prime); background-image: url("./BoA07vI4.png"); background-size: auto 75px; background-position: -75px 0;}
.schBody {height: calc(100% - 40px);}
.current {display: flex; align-items: center; justify-content: space-between; column-gap: 5px;}
.current div {font-size: 1.25em; display: none;}
.current div.active {display: flex;}
.current button {display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; background-color: transparent; text-indent: -9000px;}
.current button::after {content: ''; width: 25px; height: 25px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAACgCAYAAACbg+u0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEY1ODlFQzFBQjk0MTFFRUJGNjZDNjU1RDc3Q0M1RUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEY1ODlFQzBBQjk0MTFFRUJGNjZDNjU1RDc3Q0M1RUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDMzMTBDMzI4QUQyMTFFQ0IwMDZEMjdGQkQxODAzQTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDMzMTBDMzM4QUQyMTFFQ0IwMDZEMjdGQkQxODAzQTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5QyGkDAAAEBElEQVR42uzdvW7UQBAHcDtBFBR5AAgPwAsgChoKKkA0FIhAEE0ECAk6QkFFcUcFNIBoEIEABUUUqBIEFLxBkOAF4AESiQIEZlbn40Lw6Ty2d3Zn9j/SKEW2OP9ufev98uZFUWSI5jEFAgACEIAARAAQgAAEIAKANgDzPJfKOcoNyoJyk3KZctb9TyxcX7jrFIq++/gV+ZVyn4/rqrxWpYDj8Ib5TAow93HBnm8hh3d9Qpktuq4ZiW9SG2AdvOFPU662EQmNR/EFjzH/Ro+B5+IOWuFRLE5oMHbmA1/XpbEV5uItuZ9gADbDW6ac9nlnaQJshZc6YGu8lAE7wUsVsDO8FAGvdomXGuAlJt6LSXgpAXLxVil3h+ogxAboDS8FQK941gG941kGFMGzCiiGZxFwjvKXFJ41QC7eels8S4BcvHeUe2IdKJYGDIYnCehrVu4w/flQp8tVxnvK45TfuwTUPKl0KySeZPiqgT/pz66QeNprYDLhC/BjzXJHKN902XhYAbxZtsDmEX3WwPOUv80j4kHaXlduDV05DCZgOAsDqhjSx5A+JpUwrYmJdSztwNIOLC7C8jYssMQSXyzxFUfENgdscwiCiI02HSBiq1dF9JiICwD8P/oMwM/YsT4eERuuW/4e3q5Rbkv7tGZoxFUr05o+A6896SDcbN9GCbdZPkzvl3yMyYUv2FxgdRYAAQhAACIACEAAAhABQAACEIAIAAIQgABEABCAAAQgwjxg1bTmrOQH0DytOW6dzDfKg9lggh01kInnYm9Wb/1MsjWw1nkilDMAbIb399pwCzfHw3kiOyLa80Q0AC6WWTceUj5CIzLC6zHKP80G76spUAP5eM8pL0jixQzYBG8+q/+6KdOAavBiBFSFFxugOryYWmG35f+uNrxYAN1LJ+4zyr+kPBsDXgyAXLzXlKcof8TyuzMFPJ2AJvBCAZrBCwFoCk8a0ByeZCvsZs+WGF+YCjwpQC7eW8pjGvAkbmEunnu3/kkteL4Bm+CpO9XB1y0c/DwR7TUQ54m0jODniaTQFzYROE8kUkCcJ9JBDUziPBGfv4FuseO8dUTfjUgTxJWsg/NELLXCXMSjlK+0IEo9xjjEK4zyJ7QgSj4HuldzXraGKP0gbQ4xRE/EFGKorpwZxJB9YROIoQcTmiA+yeoPlZkHHCJeY5Q/nQ1GuqcBOIp7lDcY5c/EghjTeGBfI2JsA6rqEGMckVaFGOuQvhrEmOdEmiA+zoQ2GWoAbIJ4LuMtYDIPOETsM8pfpFyQ+nCa9gtzt7seAGA7RGy4rgicJyKEKHaeCF57kmAN3F4T3Y6lT9tuW7cF7JAUnvYaGEVgdRYAAQhAACIACEAAAhABQPn4I8AAKuOGO9Xp3ukAAAAASUVORK5CYII="); background-size: auto 50px;}
.current button[disabled] {opacity: .25;}
.current button.prev::after {background-position: 0 0;}
.current button.next::after {background-position: 0 0; transform: rotate(180deg);}
.current span {font-size: 1.125em;}

/* day */
.dayTab {display: flex; justify-content: center; align-items: center; column-gap: 4px;}
.dayTab button {display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; font-weight:600; border: 1px solid #8e9090; color: #8e9090; border-radius: 3px; background-color: transparent;}
.dayTab button.active {color: #008fa0; border-color:#0cadb2}
/* .dayTab button::after {content: ''; width: 25px; height: 25px; border: 1px solid #8e9090; border-radius: 3px;}
.dayTab button.day::after {background-position: 0 0;}
.dayTab button.week::after {background-position: -25px 0;}
.dayTab button.month::after {background-position: -50px 0;}
.dayTab button.active.day::after {background-position: 0 -25px;}
.dayTab button.active.week::after {background-position: -25px -25px;}
.dayTab button.active.month::after {background-position: -50px -25px;} */

.dayWrap {border-radius: 10px; background-color: var(--mbox-bg); box-shadow: 0 0 6px var(--mbox-shadow); height: 100%; overflow-y: auto;}
.dayTop {display: flex; justify-content: center; align-items: center; height: 40px; border-bottom: 1px solid var(--border-light);}
.dayTop label {font-family: 'Cafe24Ssurround'; color: #0cadb2; font-size: 1.25em;}
.dayList {display: flex; flex-wrap: wrap;}
.dayList li {width: 100%; position: relative; display: flex; align-items: center; column-gap: 10px; min-height: 54px; border: 1px solid var(--border-basic); border-radius: 10px; padding: 5px 10px; background: var(--mbox-bg);}
.dayList li .popLink.on p {height: auto; white-space:normal; overflow:visible; text-overflow:clip}
.dayList li p {width: calc(100% - 20px); white-space:nowrap; overflow: hidden; text-overflow: ellipsis}
.schedule .lv1 { order: 1; } 
.schedule .lv2 { order: 2; } 
.schedule .lv3 { order: 3; }
.schedule .lv4 { order: 4; } 
.schedule .lv5 { order: 5; } 
.schedule .lv6 { order: 6; }
.schedule .lv7 { order: 7; } 
.schedule .lv8 { order: 8; } 
.schedule .lv9 { order: 9; }
.schedule .lvA { order: 1; }
.schedule .lvB { order: 2; }
.schedule .lvC { order: 3; }
.schedule .lvE { order: 4; }
.schedule .lvF { order: 5; }
.schedule .lvM { order: 6; }
.schedule .lvN { order: 7; }
.schedule .lvO { order: 8; }

.dayList li.lv1 button { background-color: var(--color-red);} 
.dayList li.lv2 button { background-color: var(--color-org);} 
.dayList li.lv3 button { background-color: var(--color-ylw); color: #222;}
.dayList li.lv4 button { background-color: var(--color-grn);} 
.dayList li.lv5 button { background-color: var(--color-grn);} 
.dayList li.lv6 button { background-color: var(--color-ppl);}
.dayList li.lv7 button { background-color: var(--color-blu);}
.dayList li.lv8 button { background-color: var(--color-blu);}
.dayList li.lv9 button { background-color: var(--color-mnt);}
.dayList li.new::after {position: absolute; left: 10px; content: 'N'; display: flex; width: 20px; height: 20px; border-radius: 50%; text-align: center; line-height: 24px; font-family: 'Cafe24Ssurround'; color: #fff;}
.dayList li.new.lv1::before { background-color: var(--color-red);} 
.dayList li.new.lv2::before { background-color: var(--color-org);} 
.dayList li.new.lv3::before { background-color: var(--color-ylw);}
.dayList li.new.lv4::before { background-color: var(--color-grn);} 
.dayList li.new.lv5::before { background-color: var(--color-grn);} 
.dayList li.new.lv6::before { background-color: var(--color-ppl);} 
.dayList li.new.lv7::before { background-color: var(--color-blu);} 
.dayList li.new.lv8::before { background-color: var(--color-blu);} 
.dayList li.new.lv9::before { background-color: var(--color-mnt);} 

.dayList li .popLink {width: 100%; padding-right: 30px; display: flex; row-gap: 5px; flex-direction: column}
.dayList li .popLink input {display: none;}
.dayList li.link .popLink input {display:block; position: absolute; top: calc(50% - 12px); right: 10px; width: 25px; height: 25px; background-image: url("./BoA07vI4.png"); background-position: -75px -25px; background-size: auto 75px;}
.dayList li::before {top: 10px; left: 10px; width: 6px; height: 40px; border: none; border-radius: 3px;}
.dayList li.lv1::before { background-color: var(--color-red);} 
.dayList li.lv2::before { background-color: var(--color-org);}
.dayList li.lv3::before { background-color: var(--color-ylw);}
.dayList li.lv4::before { background-color: var(--color-grn);} 
.dayList li.lv5::before { background-color: var(--color-grn);}
.dayList li.lv6::before { background-color: var(--color-ppl);}
.dayList li.lv7::before { background-color: var(--color-blu);}
.dayList li.lv8::before { background-color: var(--color-blu);}
.dayList li.lv9::before { background-color: var(--color-mnt);}

.dayList li h3 { word-break: keep-all; font-size: 1em; line-height: 1.2; margin-top: 5px;}
.dayList li p {line-height: 1.2; font-size: .875em; color: var(--color-light);}
.dayList li button {position: absolute; top: 12px; left: 8px; width: 36px; height: 36px; border-radius: 50%; color: #fff; font-size: .75em; letter-spacing: -.1em; z-index: 1;}
.dayList li .pop {display: none; position: absolute; top: 55px; width: calc(100% + 45px); z-index: 10;}
.dayList li .pop::before {content: ''; position: fixed; top: 0; left: 0; width: 100%; background: #00000033;}
.dayList li .pop dl {position: relative; display: flex; flex-direction: column; row-gap: 5px; max-width: 300px; padding: 10px 0; border-radius: 10px; background: #fff; box-shadow: 2px 2px 5px #00000033; max-height: 240px; overflow-y: auto; } 
.dayList li .pop dl::after {content: ''; position: absolute; top:-8px; left: 13px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #fff transparent;}
.dayList li .pop dd {display: flex; align-items: center; padding-left: 15px; column-gap: 5px;}
.dayList li .pop dd::before {content: ''; width: 3px; height: 3px; border-radius: 50%; background: #91c2c7;}
.dayList li .pop.on {display: block;}
.dayList li .pop.on + button {z-index: 20; box-shadow: 2px 2px 5px #00000033}

.newsWrap {height: 50%; padding-top: 20px;}
.newsWrap .subTitle {padding-left: 20px;}
.newsList {display: flex; flex-direction: column; row-gap: 5px; height: calc(100% - 40px); border-radius: 10px; padding: 10px 20px; overflow-y: auto; background-color: var(--content-bg)}
.newsList li {display: flex; align-items: center; height: 30px; border-bottom: 1px solid var(--border-basic);}
.newsList li::before {content: '\2022'; color: var(--color-prime); width: 10px;}
.newsList li a { width: calc(70% - 20px); margin-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .875em; color: var(--color-basic);}
.newsList li span {width: calc(30% - 10px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .875em;}

/* ===== 1) 팝업 열리면: 화면 전체 오버레이(루트에 popActive) ===== */
.schedule{position:relative;}
.schedule.popActive::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:#00000066;z-index:9000;}

/* ===== 2) 기본 레이어 ===== */
.schedule .dayList li{position:relative;}

/* ===== 3) 팝업 열리면: 전체 카드 잠금(클래스 기반) ===== */
.schedule.popActive .dayList li.locked{pointer-events:none;opacity:1;filter:none;}
.schedule.popActive .dayList li.locked::after{content:'';position:absolute;inset:0;background:#00000055;border-radius:inherit;z-index:9100;}

/* ===== 4) 열린 카드만 예외(레이어 제거) ===== */
.schedule.popActive .dayList li.popOpen{pointer-events:auto;z-index:9505;}
.schedule.popActive .dayList li.popOpen::after{display:none;}

/* ===== 5) 팝업 내용은 최상단 ===== */
.schedule .dayList li .pop.on{position:absolute;z-index:9600;}
.schedule .dayList li .pop.on::before{background:transparent;}

/* ===== 6) 팝업 열린 카드의 카테고리 버튼(링) ===== */
.schedule.popActive .dayList li.popOpen > button{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px #0cadb2cc,0 10px 24px #00000033;transform:translateY(-1px);}
.schedule.popActive .dayList li.popOpen.lv1 > button{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-red),0 10px 24px #00000033;}
.schedule.popActive .dayList li.popOpen.lv2 > button{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-org),0 10px 24px #00000033;}
.schedule.popActive .dayList li.popOpen.lv3 > button{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-ylw),0 10px 24px #00000033;}
.schedule.popActive .dayList li.popOpen.lv4 > button{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-grn),0 10px 24px #00000033;}
.schedule.popActive .dayList li.popOpen.lv5 > button{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-grn),0 10px 24px #00000033;}
.schedule.popActive .dayList li.popOpen.lv6 > button{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-ppl),0 10px 24px #00000033;}
.schedule.popActive .dayList li.popOpen.lv7 > button{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-blu),0 10px 24px #00000033;}
.schedule.popActive .dayList li.popOpen.lv8 > button{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-blu),0 10px 24px #00000033;}
.schedule.popActive .dayList li.popOpen.lv9 > button{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-mnt),0 10px 24px #00000033;}

/* ===== 7) schedule: 팝업 열린 카드 살짝 튀는 모션 ===== */
.schedule .dayList li{transition:transform .15s ease,box-shadow .15s ease;}

.schedule.popActive .dayList li.popOpen{transform:translateY(-1px);box-shadow:0 10px 28px #00000033;}

/* ===== 8) (선택) 카테고리 버튼도 같이 살짝 튀게 ===== */
.schedule.popActive .dayList li.popOpen > button{transition:transform .15s ease,box-shadow .15s ease;transform:translateY(-1px);}



/* 접힌 상태: 두 줄 정도까지만 보이게끔(대략) */
.schedule.schday .popLink p.brief.clamp { max-height:3em; overflow:hidden; }

/* 펼친 상태: 전체 */
.schedule.schday .popLink p.brief.expanded { max-height:none; height:auto; overflow:visible; white-space:pre-line; }

/* week */
.weekWrap {display: flex; flex-wrap: wrap; height: 100%; background: var(--mbox-bg); overflow-x: hidden; overflow-y: auto;}
.weekWrap dl {position: relative; width: 100%; min-height: calc(100% / 4); border-bottom: 1px solid var(--border-basic);}
.weekWrap dl.today { border: 2px solid var(--color-hot); border-radius: 12px; content: ''; display: block; z-index: 1;}
.weekWrap dl.today dt { color: #fff; border-radius: 10px 10px 0 0; font-weight: 700; background:  var(--color-hot);}
.weekWrap dl dt {text-align: center; border-bottom: 1px solid var(--border-basic);}
.weekWrap dl dd {display: flex; flex-direction: column; row-gap: 5px; padding: 5px 10px 15px 30px; }
.weekWrap dl dd p {position: relative; min-height: 18px; border-radius: 10px; }
.weekWrap dl dd p a {display: block; width: 90%; padding: 0 5px; text-overflow: ellipsis; font-size: .875em; color: var(--color-basic); text-decoration: none; word-break: keep-all;}
.weekWrap dl dd p::before {content:''; display: block; position: absolute; top: 2px; left: -18px; width: 6px; height: 6px; border-radius: 50%; border: 5px solid #fff}

.weekWrap dl dd p.lv1::before { border-color: var(--color-red);} 
.weekWrap dl dd p.lv2::before { border-color: var(--color-org);}
.weekWrap dl dd p.lv3::before { border-color: var(--color-ylw);}
.weekWrap dl dd p.lv4::before { border-color: var(--color-grn);} 
.weekWrap dl dd p.lv5::before { border-color: var(--color-grn);}
.weekWrap dl dd p.lv6::before { border-color: var(--color-ppl);}
.weekWrap dl dd p.lv7::before { border-color: var(--color-blu);}
.weekWrap dl dd p.lv8::before { border-color: var(--color-blu);}
.weekWrap dl dd p.lv9::before { border-color: var(--color-mnt);}
.weekWrap dl dd p.new::after {content: 'N'; display: block; position: absolute; top: 2px; left: -18px; width: 16px; height: 16px; border-radius: 50%; text-align: center; font-family: 'Cafe24Ssurround'; color: #fff; font-size: .75em; line-height: 20px}
.weekWrap dl dd p.lv1::after { background-color: var(--color-red);} 
.weekWrap dl dd p.lv2::after { background-color: var(--color-org);}
.weekWrap dl dd p.lv3::after { background-color: var(--color-ylw);}
.weekWrap dl dd p.lv4::after { background-color: var(--color-grn);} 
.weekWrap dl dd p.lv5::after { background-color: var(--color-grn);}
.weekWrap dl dd p.lv6::after { background-color: var(--color-ppl);}
.weekWrap dl dd p.lv7::after { background-color: var(--color-blu);}
.weekWrap dl dd p.lv8::after { background-color: var(--color-blu);}
.weekWrap dl dd p.lv9::after { background-color: var(--color-mnt);}

.weekWrap ul {position: absolute; top: 5px; left: 40px; display: none;}
.weekWrap ul button { border: 1px solid var(--border-dark); border-radius: 10px; padding: 0 5px 2px; color: var(--color-basic);}
#selCAT + button{display: none;}

/* month */
.schmonth {position: relative; height: 100%;}
.schmonth .topBtn {height: 30px; position: relative; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; border-bottom: 1px solid var(--border-basic); padding: 5px 10px; background: var(--mbox-top);}
.schmonth .toggle button {display: flex; align-items: center; column-gap: 2px; height: 20px; border: 1px solid var(--border-dark); border-radius: 10px; padding: 0 3px; color: var(--color-prime); background: var(--color-prime); font-size: 12px; font-weight: 700; background-color: transparent}
.schmonth .toggle button::after {content: ''; width: 10px; height: 10px; border-radius: 50%; background: var(--color-prime);}
.schmonth .toggle button.off {flex-direction: row-reverse; color: #fff; border: 1px solid #0ca2a7; background: #0ca2a7;}
.schmonth .toggle button.off::after { background: #fff;}
.schmonth .select {height: 20px; display: flex; gap: 10px;}
.schmonth .select select {max-width: 80px; height: 20px; border: 1px solid var(--border-dark); border-radius: 10px; padding: 0 2px; color: var(--color-basic); background-color: transparent; vertical-align: top;}
.schmonth .select button {border: 1px solid var(--border-dark); border-radius: 10px; padding: 0 5px 2px; color: var(--color-basic);}

.monthWrap {height: calc(100% - 30px); font-size: .75em; background: var(--mbox-bg); overflow-x: hidden; overflow-y: auto;}
.monthWrap .monthHead {position: sticky; top: -1px; display: flex; height: 30px; align-items: center; background: var(--mbox-bg); z-index: 10;}
.monthWrap .monthHead::before {content: ''; position: absolute; top: -1px; left: 0; width: 100%; height: 1px; background: var(--border-light);}
.monthWrap .monthHead li {width: calc(100% / 7); height: inherit; border-right: 1px solid var(--border-basic); border-bottom: 1px solid var(--border-basic); display: flex; align-items: center; justify-content: center;}
.monthWrap .monthHead li:last-child {border-right: none;}
.monthList {display: flex; height: calc(100% - 30px); flex-wrap: wrap;}
.monthList dl {display: flex; flex-direction: column; position: relative; width: calc(100% / 7); min-height: 10%; padding-bottom: 10px; border-right: 1px solid var(--border-basic); border-bottom: 1px solid var(--border-basic);}
.monthList dl:nth-child(7n) {border-right: none;}
.monthList dl.other { background: var(--mbox-top-bg);}
.monthList dl.other dt {opacity: .4;}
.monthList dl.today {position: relative;}
.monthList dl.today::after {position: absolute; top: 0; border: 2px solid var(--color-hot); width: calc(100% - 4px); height:  calc(100% - 4px); border-radius: 12px; content: ''; display: block; pointer-events: none;}
.monthList dl.today dt {padding: 3px; }
.monthList dl.today dt span {display: block; text-align: center; line-height: 18px; letter-spacing: .-05em;;
  color: #fff ; font-weight: 700; width: 18px; height: 18px; border-radius: 50%; background: var(--color-hot);}  
.monthList dl.today.sun dt{color:#fff}
.monthList dl.new::after {position: absolute; top: 5px; right: 5px; content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: #ff8012;}
.monthList dl.sun dt {color: var(--color-up);}
.monthList dt {padding: 3px; order: 0;}
.monthList dd {position: relative; height: 20px;}
.monthList dd p {position: absolute; left: 1px; white-space: nowrap; overflow: hidden; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 3px; z-index: 1;}
.monthList dd p::after {position: absolute; top: 0; left: 0; display: block; content: ''; width: 100%; height: 16px; border-radius: 5px; opacity: .25; z-index: -1;}
.monthList dd p.d1 {width: calc(100% - 2px); } 
.monthList dd p.d2 {width: calc(200% - 1px); } 
.monthList dd p.d3 {width: calc(300%); }
.monthList dd p.d4 {width: calc(400%); }
.monthList dd p.d5 {width: calc(500%); }
.monthList dd p.d6 {width: calc(600%); }
.monthList dd p.d7 {width: calc(700%); }

.monthList dd p.lv1::after { background-color: var(--color-red);} 
.monthList dd p.lv2::after { background-color: var(--color-org);}
.monthList dd p.lv3::after { background-color: var(--color-ylw);}
.monthList dd p.lv4::after { background-color: var(--color-grn);} 
.monthList dd p.lv5::after { background-color: var(--color-grn);}
.monthList dd p.lv6::after { background-color: var(--color-ppl);}
.monthList dd p.lv7::after { background-color: var(--color-blu);}
.monthList dd p.lv8::after { background-color: var(--color-blu);}
.monthList dd p.lv9::after { background-color: var(--color-mnt);}

.monthList dd p.lvA::after { background-color: var(--color-grn);} 
.monthList dd p.lvB::after { background-color: var(--color-org);}
.monthList dd p.lvC::after { background-color: var(--color-red);}
.monthList dd p.lvE::after { background-color: var(--color-blu);} 
.monthList dd p.lvF::after { background-color: var(--color-mnt);}
.monthList dd p.lvM::after { background-color: var(--color-ppl);}
.monthList dd p.lvO::after { background-color: var(--color-hot);}

.monthWrap.hide .sun, .monthWrap.hide .sat {display: none ;}
.monthWrap.hide ul li, .hide .monthList dl {width: calc(100% / 5);}

.schBot {position: fixed; bottom: 56px; left: 0; width: 100%; height: 50px; background: var(--body-bg-bot); z-index: 100;}
.schBot ul {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: inherit; background: var(--mbox-bg); padding: 0 10px;}

.schPopWrap {height: 100vh; width:100%; position:fixed; top:0; background: var(--body-bg); z-index:100;}
.schPopWrap .schPopBox {height: calc(100% - 50px);}
.schPopWrap .dayList {padding: 20px 10px 20px 50px;}
.schPopWrap .dayList li {flex-direction: column; align-items: flex-start; }
.schPopWrap .dayList li.link .popLink::after {content: ''; position: absolute; top: calc(50% - 12px); right: 10px; width: 25px; height: 25px; background-image: url("./BoA07vI4.png"); background-position: -75px -25px; background-size: auto 75px;}
.schPopWrap .dayList li::before {top: 10px; left: 10px; width: 6px; height: 40px; border: none; border-radius: 3px;}
.schPopWrap .dayList li.lv1::before { background-color: var(--color-red);} 
.schPopWrap .dayList li.lv2::before { background-color: var(--color-org);}
.schPopWrap .dayList li.lv3::before { background-color: var(--color-ylw);}
.schPopWrap .dayList li.lv4::before { background-color: var(--color-grn);} 
.schPopWrap .dayList li.lv5::before { background-color: var(--color-grn);}
.schPopWrap .dayList li.lv6::before { background-color: var(--color-ppl);}
.schPopWrap .dayList li.lv7::before { background-color: var(--color-blu);}
.schPopWrap .dayList li.lv8::before { background-color: var(--color-blu);}
.schPopWrap .dayList li.lv9::before { background-color: var(--color-mnt);}

.schPopWrap .dayList li h3 {margin-bottom: 5px; word-break: keep-all;}
.schPopWrap .dayList li p {line-height: 1.2; color: var(--color-light);}
.schPopWrap .dayList li button {position: absolute; top: 8px; left: -44px; width: 36px; height: 36px; border-radius: 50%; color: #fff; background: #07abba;}
.schPopWrap .dayList li .pop {display: none; position: absolute; top: 57px; left: -45px; width: calc(100% + 45px); z-index: 10;}
.schPopWrap .dayList li .pop::before {content: ''; position: fixed; top: 0; left: 0; width: 100%; background: #00000033;}
.schPopWrap .dayList li .pop dl {position: relative; display: flex; flex-direction: column; row-gap: 5px; max-width: 300px; padding: 10px 0; border-radius: 10px; background: #fff; box-shadow: 2px 2px 5px #00000033}
.schPopWrap .dayList li .pop dl::after {content: ''; position: absolute; top:-8px; left: 13px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #fff transparent;}
.schPopWrap .dayList li .pop dd {display: flex; align-items: center; padding-left: 15px; column-gap: 5px;}
.schPopWrap .dayList li .pop dd::before {content: ''; width: 3px; height: 3px; border-radius: 50%; background: #91c2c7;}
.schPopWrap .dayList li .pop.on {display: block;}
.schPopWrap .dayList li .pop.on + button {z-index: 20; box-shadow: 2px 2px 5px #00000033}

/* push */
section.push {position: fixed; width: 100%; height: 100vh; z-index: 100;}

.push article {height: calc(100% - 50px); background: var(--content-bg); overflow-y: auto;}
.push article .msg {display: flex; column-gap: 10px; margin: 0 10px 15px;}
.push article .msg dt {width: 40px; height: 40px; line-height: 42px; border-radius: 50%; text-align: center; color: #fff; font-size: 14px; font-family: 'Cafe24Ssurround', sans-serif; background:#25b5aa}
.push article .msg dt.SF {background: #ee587e;}
.push article .msg dt.GZ {color: #000; background: #e9ca4e;}
.push article .msg dt.JM {background: #8061ef;}
.push article .msg dd {display: flex; flex-direction: column; width: calc(100% - 40px); padding: 10px; font-size: 14px; border-radius: 0 20px 20px 20px; background: var(--mbox-bg); box-shadow: 1px 1px 3px #00000033;}
.push article .msg dd span { align-self: flex-end; color: #999; padding: 0 5px;}
.push .m_subb {position: sticky; top: 0; left: -10px; width: 100%; padding-bottom: 0; background: var(--content-top); z-index: 50;}
.push .m_subb ul {padding: 10px;}
.push .m_subb li {flex: 1; text-align: center; white-space: nowrap;}
.push .date {position: relative; height: 40px; margin-bottom: 5px;}
.push .date::before {content: ''; position: absolute; top: 24px; left: 0; width: calc(50% - 80px); height: 1px; background: var(--border-basic);}
.push .date::after {content: ''; position: absolute; top: 24px; right: 0; width: calc(50% - 80px); height: 1px; background: var(--border-basic);}
.push .date ul {position: absolute; top: 10px; width: 100%; text-align: center; z-index: 10;}
.push .date ul li {display: inline; padding: 0 10px; font-size: 14px; color: #999;}

.terms {position: fixed; z-index: 100;}

@keyframes fadeOutLeftTop {
    from {
      opacity: 1;
      transform: translate(0, 0);
    }
    to {
      opacity: 0;
      transform: translate(-100%, -100%);
    }
  }
  
  @keyframes fadeInLeftTop {
    from {
      opacity: 0;
      transform: translate(-100%, -100%);
    }
    to {
      opacity: 1;
      transform: translate(0, 0);
    }
  }
  
.push .msg.hide{  
    animation: fadeOut .2s;
    opacity: 0;
    height: 0;
    transition: all .2s ease-in;
    margin-bottom: 0;
    overflow: hidden;
}
.push .msg.show{  
    animation: fadeIn .2s;
    opacity: 1;
    height: 60px;
    transition: all .2s ease-in;
}

.button-container { display: flex; justify-content: flex-end;  margin-bottom: 3px; }
.chart-button {background-color: transparent; border: none; padding: 0 5px; margin-right: 5px; font-size: 15px; border-radius: 5px; cursor: pointer; }
.chart-button.active {background-color: #25b5aa; color: #ffffff; }

.btn-x {border: none; text-indent: -9000px;}
.tbl-wrap {width: 100%; margin: 0 auto; background-color: var(--mbox-bg); overflow: hidden;}
.tbl-wrap .x-on p {animation: blk 1s 5; border: 2px solid #f07c1d; border-radius: 5px;}
.tbl-wrap table {width: 100%; table-layout: fixed;}
.tbl-wrap table thead {position: sticky; top: 0; height: 40px; background: var(--mbox-bg); z-index: 10;}
.tbl-wrap table thead::after {content: ''; position: absolute; top: 39px; left: 0; display: block; width: 100%; height: 1px; background: #929498; z-index: 10;}
.tbl-wrap table thead th {height: 40px; white-space: nowrap; font-size: .8rem;}
.tbl-wrap table thead th.hname {text-align: left; padding-left: 10px;}
.tbl-wrap table th:last-child, .tbl-wrap table td:last-child {padding-right: 5px}
.tbl-wrap table tbody tr {border-bottom: 1px solid var(--border-basic); }
.tbl-wrap .tbl-FP thead tr {display: grid; height: 40px; grid-template-columns: 22% 12% 16% 15% 20% 15%; grid-template-rows: 50% 50%;}
.tbl-wrap .tbl-FP thead th {display: flex; justify-content: center; align-items: center;}
.tbl-wrap .tbl-FP thead th[data-fld='hname'] {grid-column: 1 / 2; grid-row: 1 / 3; width: auto;}
.tbl-wrap .tbl-FP thead th[data-fld='price'] {grid-column: 3 / 4; grid-row: 1 / 3; width: auto;}
.tbl-wrap .tbl-FP tbody td[data-fld='amt'] {grid-column: 4 / 5; grid-row: 1 / 3; width: auto; line-height: 40px;}
.tbl-wrap .tbl-FP tbody td[data-fld='siga'] {grid-column: 5 / 6; grid-row: 1 / 3; width: auto; line-height: 40px;}
.tbl-wrap .tbl-FP thead th[data-fld='B1'] {grid-column: 6 / 7; grid-row: 1 / 2; width: auto; height: auto;}
.tbl-wrap .tbl-FP thead th[data-fld='B2'] {grid-column: 6 / 7; grid-row: 2 / 3; width: auto; height: auto;}
.tbl-wrap .tbl-FP tbody tr {display: grid; height: 50px; grid-template-columns: 22% 12% 16% 15% 20% 15%; grid-template-rows: 50% 50%;}
.tbl-wrap .tbl-FP tbody td {display: flex; justify-content: center; align-items: center; }
.tbl-wrap .tbl-FP tbody td:nth-child(1) {grid-column: 1 / 2; grid-row: 1 / 3; width: auto; flex-direction: column; align-items: center;}
.tbl-wrap .tbl-FP tbody td:nth-child(1) br {display: none;}
.tbl-wrap .tbl-FP tbody td:nth-child(1) a {width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tbl-wrap .tbl-FP tbody td:nth-child(2) {grid-column: 2 / 3; grid-row: 1 / 3; width: auto; line-height: 40px;}
.tbl-wrap .tbl-FP tbody td:nth-child(3) {grid-column: 3 / 4; grid-row: 1 / 3; width: auto;}
.tbl-wrap .tbl-FP tbody td:nth-child(4) {grid-column: 4 / 5; grid-row: 1 / 3; width: auto; line-height: 40px;}
.tbl-wrap .tbl-FP tbody td:nth-child(5) {grid-column: 5 / 6; grid-row: 1 / 3; width: auto; line-height: 40px;}
.tbl-wrap .tbl-FP tbody td:nth-child(6) {grid-column: 6 / 7; grid-row: 1 / 2; width: auto; padding-right: 5px;}
.tbl-wrap .tbl-FP tbody td:nth-child(7) {grid-column: 6 / 7; grid-row: 2 / 3; width: auto; padding-right: 5px;}
.tbl-wrap .tbl-FP tbody .x-on span {display: none;}
.tbl-wrap .tbl-FP tbody td {padding: 0;}
.tbl-wrap table tbody td {padding:5px 2px;}
.tbl-wrap table td:nth-child(1) {text-align:center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tbl-wrap table tbody td.hname { padding-left: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tbl-wrap table tbody td.hfav {vertical-align: middle;}
.tbl-wrap table tbody td.hfav button {width: 30px; height: 30px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAC0CAYAAABfTugdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4ZjNmMjY2OC02MWRkLTdlNDAtYWU5Yy0yMDc4ZmZmNjAzZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NGOEY3RjE3RjVFMTFFREEyMTlDNUIzNjJDMzNGRkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NGOEY3RjA3RjVFMTFFREEyMTlDNUIzNjJDMzNGRkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTk2QkZDRTNCQjhGMTFFQzhEMTRCN0VCRUM3RUI5RDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTk2QkZDRTRCQjhGMTFFQzhEMTRCN0VCRUM3RUI5RDkiLz4gPC9yZGY6RGVz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"); background-size: 60px auto; background-position: 0 -60px;}
.tbl-wrap table tbody td.hfav button.on {background-position: -30px -60px; background-color: #ff8727;}
.tbl-wrap table tbody td.hdel {vertical-align: middle;}
.tbl-wrap table tbody td.hdel button {width: 30px; height: 30px; text-indent: -9000px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAC0CAYAAABfTugdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4ZjNmMjY2OC02MWRkLTdlNDAtYWU5Yy0yMDc4ZmZmNjAzZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NGOEY3RjE3RjVFMTFFREEyMTlDNUIzNjJDMzNGRkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NGOEY3RjA3RjVFMTFFREEyMTlDNUIzNjJDMzNGRkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTk2QkZDRTNCQjhGMTFFQzhEMTRCN0VCRUM3RUI5RDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTk2QkZDRTRCQjhGMTFFQzhEMTRCN0VCRUM3RUI5RDkiLz4gPC9yZGY6RGVz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"); background-size: 60px auto;}
.tbl-wrap table tbody td ul li + li {font-size: .8em; display: flex; justify-content: flex-end; align-items: center;}
.tbl-wrap table tbody td.price ul li + li::before {content: ''; display: block; width: 12px; height: 12px; background-image:var(--img-arrow); background-size: auto 12px;}
.tbl-wrap table tbody td.price ul.sc-1 li + li::before {background-position: -12px 0px;}
.tbl-wrap table tbody td[data-fld="uplmtprc"] span {font-size: 1em;}
.tbl-wrap table tbody td[data-fld="uplmtprc"] span.sc-1 {font-size: 1em; border: 2px solid #e80005; border-radius: 5px; color: #e80005}
.tbl-wrap table tbody .sc1 td.hprc .sc-1 span {display: flex; align-items: center; justify-content: center; color: #fff; font-size: .875em; font-weight: 700; border-radius: 5px; background-color: #ff3d00;}
.tbl-wrap table tbody .sc1 td.hprc .sc-1 span::before { content: ''; width: 14px; height: 14px; background-image: var(--img-arrow);  background-size: auto 14px; background-position: 0 0;}
.tbl-wrap table tr:nth-child(4n) {border-bottom: 2px solid var(--button-basic)}
.tbl-wrap table th[data-fld='hname'] {width: 23%;}
.tbl-wrap table th[data-fld='price'] {width: 17%;}
/*.tbl-wrap table th[data-fld='siga'] {width: 15%;}*/
.tbl-wrap table th[data-fld='rate'] {width: 15%;}
.tbl-wrap table th[data-fld='jonga'] {width: 15%;}
.tbl-wrap table th[data-fld='B1'] {width: 15%;}
.tbl-wrap table th[data-fld='B2'] {width: 15%;}
.tbl-wrap table th[data-fld='B3'] {width: 15%;}
.tbl-wrap table td.hprc span {font-size: .85em;}

.tbl-nxt table tbody tr {border-radius: 5px;}
.tbl-nxt td.hprc span {font-size: .85em;}
.tbl-nxt th[data-fld='jonga'] span {color:#8941cd;}
.tbl-nxt .hvol span {color:#8941cd; font-weight: bold;}
.dark .tbl-nxt th[data-fld='jonga'] span {color:#c8a4f1;}
.dark .tbl-nxt .hvol span {color:#c8a4f1; font-weight: bold;}

.tbl-nxt .nup{background-color: var(--upper-bg);}
.dark .tbl-nxt .nup{background-color: var(--upper-bg);}

section.nxtWrap { position: relative; padding-top: 0; width: 100%; margin: 0 auto; border-radius: 10px 10px 0 0; background: var(--content-bg);}
.nxtWrap .t_page_contents .tbl-wrap {position: absolute; height: calc(100% - 50px); overflow-y: auto;}
.nxtWrap .warn { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; width: 100%; height: 50px; padding: 0 10px; border-top: 1px solid var(--border-basic); background: var(--mbox-bg);}

.t_page_nav ul li a.on { background: #ff3d00; color: #fff; border: none; }

.tbl-wrap table th:nth-child(6), .tbl-wrap table td:nth-child(6) { padding-right: 5px; }

td.x-ht {animation:blk 1s 5; border: 2px solid #f07c1d; border-radius: 5px}
/*  t_uc  */
.t_uc { padding-top: 0; }
.t_uc .t_page_nav ul li:nth-child(2) a { background: #ff3d00; color: #fff; border: none; }
.t_uc tbody tr td:nth-child(1) span { font-size: 13px; }
.t_uc .main_table tbody tr td:nth-child(2) { color: #9eb1b0; }

/*색상변경*/
.t_uc .main_table tbody tr td:nth-child(2),
.t_uc .main_table tbody tr td:nth-child(8),
.t_uc .main_table tbody tr td:nth-child(9) { color: red; }
.t_uc .main_table tbody tr:nth-child(2) td:nth-child(2),
.t_uc .main_table tbody tr:nth-child(2) td:nth-child(8),
.t_uc .main_table tbody tr:nth-child(2) td:nth-child(9) { color: #007bf5; }

/*상한가*/
.t_uc .main_table tbody tr:nth-child(1) td:nth-child(1),
.t_uc .main_table tbody tr:nth-child(1) td:nth-child(2),
.t_uc .main_table tbody tr:nth-child(1) td:nth-child(3) { background: red; color: #fff; }

/*  t_gold  */
.t_gold { padding-top: 0; }
.t_gold .t_page_nav ul li:nth-child(3) a { background: #ff3d00; color: #fff; border: none; }
.t_gold .main_table tbody tr td:nth-child(7) button { width: 30px; height: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAC0CAYAAABfTugdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4ZjNmMjY2OC02MWRkLTdlNDAtYWU5Yy0yMDc4ZmZmNjAzZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NGOEY3RjE3RjVFMTFFREEyMTlDNUIzNjJDMzNGRkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NGOEY3RjA3RjVFMTFFREEyMTlDNUIzNjJDMzNGRkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTk2QkZDRTNCQjhGMTFFQzhEMTRCN0VCRUM3RUI5RDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTk2QkZDRTRCQjhGMTFFQzhEMTRCN0VCRUM3RUI5RDkiLz4gPC9yZGY6RGVz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') no-repeat 0 -60px; background-size: 60px; border: none; }
.t_gold .main_table tbody tr td:nth-child(8) button { width: 30px; height: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAC0CAYAAABfTugdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4ZjNmMjY2OC02MWRkLTdlNDAtYWU5Yy0yMDc4ZmZmNjAzZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NGOEY3RjE3RjVFMTFFREEyMTlDNUIzNjJDMzNGRkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NGOEY3RjA3RjVFMTFFREEyMTlDNUIzNjJDMzNGRkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTk2QkZDRTNCQjhGMTFFQzhEMTRCN0VCRUM3RUI5RDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTk2QkZDRTRCQjhGMTFFQzhEMTRCN0VCRUM3RUI5RDkiLz4gPC9yZGY6RGVz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') no-repeat 0 0; background-size: 60px; border: none; }
.t_gold tbody tr td:nth-child(1) span { font-size: 13px; }

/*색상변경*/
.t_gold .main_table tbody tr td:nth-child(2) { color: red; }
.t_gold .main_table tbody tr:nth-child(2) td:nth-child(2) { color: #007bf5; }
.t_wiz .new { width: 50px; margin: 0 auto; display: block; color: #fff; font-size: 12px; font-family: 'NanumSquare', sans-serif; padding: 0 5px; border-radius: 3px; text-align: center;  animation: AniBg 3s ease infinite; background-size: 300% 300% ; font-weight: 700;
    background-image: linear-gradient(
        -45deg, 
        rgb(255,53,127) 20%,
        rgb(152,68,183) 40%,
        rgb(255,53,127) 60%,
        rgb(255, 155,4) 70%,
        rgb(255,53,127) 80%
  );  
}
@keyframes AniBg {
    0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/*  t_38swing  */
.t_38swing { padding-top: 0; }
.t_38swing .t_page_nav ul li:nth-child(4) a { background: #ff3d00; color: #fff; border: none; }
.t_38swing .main_table tbody tr td:nth-child(9) button { width: 30px; height: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAC0CAYAAABfTugdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4ZjNmMjY2OC02MWRkLTdlNDAtYWU5Yy0yMDc4ZmZmNjAzZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NGOEY3RjE3RjVFMTFFREEyMTlDNUIzNjJDMzNGRkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NGOEY3RjA3RjVFMTFFREEyMTlDNUIzNjJDMzNGRkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTk2QkZDRTNCQjhGMTFFQzhEMTRCN0VCRUM3RUI5RDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTk2QkZDRTRCQjhGMTFFQzhEMTRCN0VCRUM3RUI5RDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6SYTuLAAAK50lEQVR42uyde4wVZxnGv7PbXaBW2IKJUMFd7BYRKAVj1GpNF9MatTdMK9YtVlpvqK30CH/YxhhD1T9Iky1JDUmrpVcwba0utLEhhlJjY2mMsG7FKluzQEkvtHUXKZddYH3fzDPZb4c558yZM7cz+zzJkzNn5pvvzJnfvDPfZWa+wsjIiKHyqwbuAgKmCJgiYIqAKQKmCJgiYAKm8qKzql2hWCxWSvJ78TURbV+3eCkxnamuri5GMBUigqvUZvFQles0i79KNPUB+HvigSrXaSFgFrLS0Aq4Oab8NRBGKviFLETwu+JBTIfpixyx1n83Q4A3WoXIoZS24RNZAHxDjesP4jQ93tQqLnjmfUj8lHhGktfgFRnbMQ/kBPCg5/tM8ROAe1D8gaQAbyTg0DpbvFz8B/GBMukU7g7xbMC9Ad8zV4qmxsLV0+0S8X7xp8WvloF7PuB2iE8meYpeQlY1wVV9EBA7PJD94PaJ25IEvIO8QsM9Jr5FvBYQbcil4KbS0HGpeDGm7xcfTmhnTRbfjOld4ufqDO6V4u3iP1kw9bNTvClquLUA/pJ4lVUvTArwVLHbyr4+44C1QaTbB64BvA4L8k7Mfwvp+6LaCLZkxQdXqziXiYfFX7bgGg/kgxbcz4r3+uTXjzpygYCzA/cqwL1O/HSJtH243P0Sn71RbwyrSfHD3VJhnVdQ8IpFBBw/3E+Jv+k5W54S32tde029Ab5C3ITryp89y7QO+FFM/w2VfluXiN+HnfR0DiJ3DQqlXml7+7X1CvhR8RSUcjs8y7Qg4TZ33mTObGr8Ga5H9dTpcBvgnvQ5LbuRqyXq3eJFxrmlqTGJDWMhKxrdI/6jcTpiSl1ztTr5U3wmJl6Do9FR8eVZ3DBGcM5FwNnQx43THj3g8UM8RedDWpXy69C/mhGcL201TifOFSxkZUNfEV/smXdCvE78doj83kFVaoCAs6EN4nN95h9A1Sl1EXA0l7j1iDp9juqiLO1XAo5GdxunS68NgE3eAS/E0X3cZ5m22e7A9Fs+y68XTxSf5nGTXcD7yyw7ApfS68QS/TWEImCKgCkCpuqvkHVXhUJTlDonA/tsijXt3uWo7cgj1vZNMqM3KzThc5pxniCcZs1vsdK7/6/VjLZLF0zpmx4GkgJ87TgLin6fed7bkn4BewPhLuv7F8X/9dmX9v6c7JPGe3DxFB2Reutxo8NG8G3weNJCFrIoAqYImCJgioApAiZgioApAqYImIpL4+6mu6BvSmcEUwRMETBFwBQBUwRMwBQBUwRMETBFwBQBUwRMhQTcYyqPsZeUe4iwvMJ0F2bpDv/EtqVQqPpt+mZEVCKvQpX5JArYVZs5czi2pKRP+PUzPuMFrHAHuAtZyKIImMriKdqrRQHT6fsY3dcs6fgNUwOut5u40gW8K2A6Hc9hOab1KfigA0oXiCtdwPsCpnvdM72PGOoDcFuIddbAFAtZFAFTsZ6ig76UZY94G6Y/J54XcL27iStdwEGfCXnUAnxjFaXoVAGP1NIgXHtehSwAfjBgOvulYTuMMxwcVQcRvCLEOr+CKRayKAKmYj1FP1DFNdg9LevAyZfEeAkg4Ajz+noVv+kC7qiiFJ0q4EKIWzrq/Y4Or4pV1INd6eCLf2Wc1UcEh6mnbrPqxBQLWRQBU7GdovsDptORz9wuQn3F/XUB12sjrnQBtwZMN90z3UoM9QF4ccB071jTd5ixA1VQGQYc5qa4/ab8OIcUC1kUAfMUHUpTUtzuKUQXP+B+7r58AtYRwC7MyPYnNhpZyAb/QoR5hVIhyR+jWMiiCJgiYIqACZgiYIqAKQKmCJgiYIqACZgiYIqAKQKmCJgiYIqAKQImYIqAKQKmCJgiYIqAqTGq+fngYrFYTXJ9dfBLxnmkQx+pWGDGvlapanV1dWV9H7fhs388RPBPzOjzOgV8z7NaxP+EW/IOWKN3mWfeMhP8heD1qDXYxw0mpbEpGlKKXjMOolgjdrW4GV6dRhQnBXiuJ3p/64niOTmOXntfr84r4B9Z0avXo+vx6UbxHTmM3h8icl2lEsVJAG43oyOdqdYa5zX+a615y5EuL1pdYt8mHsVJAP6xuNGK3scw/ZgVxY1Ilwe9FxAn+CybgGXn5AWwX/SexvTpnEbxDyrsV122Ki+AS0WvyWkUa2TeXiJ67Si+PakojupNd9PEF8BzrGl7yNl1VvQaK4p1/kZ8/5pxXvCyF/63Nf12HQBeFXCfnoW0P497g6p6CUuxWNT3U12JU2k7qj/tAUqGryDtyRJ/9mXx+RXy0OHk+5C2D36qq6trMKX2g1b89zlorNED85PipoB5DItfMM6bgvbgYNb/tM8nEBKL4BWm+je7v4rILDUA1kks19P1zApVj4/BrnQ4vfUxgpwBeBdYENsxX3Ucl5aJIfLWA+EzsOZzysrnNcB24e/F52txAy73buc3xP/Chrmn1T7MO14h379gJ34YO9A9xbdj3vvLbE+cgPVsMQkH4SSf5e+J6He8B8hMuEN8DJx0H06OG7D3B3rENwPm/2r8k8eRX0+JqocCv198UZntiVq3iH9dAm5SmoTT+feTKEVfZsYO5a47+1viIzH/ySP4HRvuLmxPnHoYB3Ca4yuexDY8HDtgKdAcko8l4het2StxlDfG9Acbkf9Ka96L2I5DCezgR3ApGE4B7jB++5HE6sEoteq4v89bs28yzhhIjTHAfQj5u3oev59k6bk7Bcgu3O7EGzosyM9aszvFvzFjG9hrUTPy67TmPZsCXFdbxJ8XDyXwW0P4rS2ptWQJ5KOoE2/zlGqfiAByM/KxS+3b8HtHU7webhd/QXwixt84gd/YHlWF3dQI+SrxVmu2fn+8xu16HPm42orvacK1IV+K6kvUOoa8t0eVYUNEpxONtCeteVej5SqM5mJ9V08i/yGTHe1EIS/K2sMR5Lkzyg2NqrNBd/4yz1F9bsi8WjxH9LKMwbUhr4uo4DWMvHZGvZFR9iZN9zQI/CNkPns8lfzpJrvSsaKaIsinyQQfdyo1wAusaW0wPxwyn8NY3y/frGlRRvOKBfD8CKLXb/35GYWrzbyzIsxvlol2oLLIAS+0pssNlqHNjUs96b3qLZFvltReD3kmGcHa3fY74wyBp589+JxXpxG8IOLC31Acl6OGCPOZVyICtSNfmxtfQuTaWor5D5qxHf69HsBZfEhO+4YnBCwhBylpTzAxDFcU1Y5rE5+Nae241n5U7RTfYJx7rrRD336q4Q1rWuffiHQbsN7LyMctSbdlEPDFpnzb+xDOVpfDuytEfCPyzCTghR54d4r/Y5weILsa8XdE7XR89nqqCiux3p2egyCL1+FSlw5tatT+8WtQ9XkOXox5e03pps75WQVsb9h5xnlsw75LQe/J6sSfdHtHulE16MRyVxOx/nkZvg5PNKO37dhgDxjn9l+9C+UZn/WewbLlSOsFPcOEu/0ndsClrh36J75tnObHzcb/rsrNWP4dpK8m/7Q017quKqQ3xd8VzzZOJ0m5OxlHkGY21nnTAq15fiSLgL0d73qLaxFH632m8h0RuvxepC+aM2+RPZQxwHrJ0B6vQZxttA670So3BNEprDMLeQwizwuzCPhW8TfEB43zOKgWivTuy2p7XI5hvTbkcxD53poxwJuMc1PcVPE9NVaXhpDHVOS5KcoN5eCUORdfwkLAFAFTBEwRMEXAFAFTBEzAFAFTBExlQP8XYACEomS90q2PqgAAAABJRU5ErkJggg==') no-repeat 0 0; background-size: 60px; border: none; }
.t_38swing tbody tr td:nth-child(1) span { font-size: 13px; }

/*색상변경*/
.t_38swing .main_table tbody tr td:nth-child(2) { color: red; }
.t_38swing .main_table tbody tr:nth-child(2) td:nth-child(2),
.t_38swing .main_table tbody tr:nth-child(5) td:nth-child(2),
.t_38swing .main_table tbody tr:nth-child(6) td:nth-child(2){ color: #007bf5; }

/*  f_page  */
section.f_page { padding-top: 0; }
.f_page_top { height: calc(100vh - 190px); }
.f_page_top .tbl-wrap {height: 100%; overflow-y: auto;}

.f_page table { width: 100%; white-space: nowrap; position: relative; }
.f_page tr {display: flex; flex-wrap: wrap; align-items: center;}
.f_page thead tr {height: inherit;}
.f_page tr td, .f_page tr th {flex: 1 1 15%;}
.f_page th[data-fld='hname'] {flex: 1.2 1 20%;}
.f_page tr .hname {flex: 1.2 1 20%;}
.f_page tr .hprc {flex: 1.2 1 18%;}
.f_page tr .hprc .sc-1 .upper {color: #fff; border-radius: 5px; background-color: var(--color-up);}
.f_page tr .hprc .sc-1 .upper::before{background-position: 0px 0px;}
.f_page tr .noti {width: 100%; padding: 5px 10px; text-align: left; border-top: 1px dashed var(--border-basic);}
.f_page_btm { width: 96%; margin: 0 auto 10px auto; }
.focus_top { display: flex; align-items: center; padding: 5px 0 5px 10px; margin-bottom: 10px; border-radius: 10px; background: #f19ca3;}
.focus_top::before {content: ''; display: block; width: 30px; height: 30px; margin-right: 5px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAlCAYAAAAnQjt6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3NWM4ZTVlMy1hN2QxLTFlNGUtYjMzMS0zOWUzZjYzNDMxMDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NThCMEQ0NjE3RjVGMTFFRDkwRURGMDA3QUJCNDdGQTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NThCMEQ0NjA3RjVGMTFFRDkwRURGMDA3QUJCNDdGQTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YjFlMzMzMTgtZjM0Mi0wZDQ1LTg3YTEtNTBiYzQyOTE2ZTE2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NmNiZGY1MjktNGViOS1hOTQ1LWI3YjktMjFhZjkwMzdiNzZmIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+mijFTQAABKFJREFUeNrE2FtsFVUUxvGe01No0Sp3DbRQBUGLqBAFCgLeTTBYBJGoYCAEIxCBeFfAFyQ+CI36Ykh88EGjSaMComJRiaUtBEONVUARxUAvGgoW2kKV0vG/yDdxmO45PdQCO/lxOXNbs2fvvdZMzPO8tIvUBmIs8tGcuEhBjMFo3I5WfH+hA7keUzEc16hX3kXphQpkhO5+GnrhJG7ANnyIqvMdSC7GYR4m4wh24Wp0xxf2WNB2vgLpi5GYjYeRhUp8iTvUG+X42oKwA7oykBguwbV4BHMU0DF8ijL1zI0aoJ/ggH9woosCyMBVeBCPY5C21eI97MVTGqzWfsY3aOrKQGwGFGKm1oRM/f4r3sBRvIjrAseU4LezzmILWicNxjOowDG0ev+1SszEo9gT2laHexAPnq8zAfTCImzGYZz2zm72+12Yix+99u19DAif91wC6IHZWI8az93ewVjMV0+EWyOmI6MzgWRhCt7G7xEBnEIR8vEEfnHsYz23BVe4rpMsgJ6YjLXY7UW3P/A8crEY1RH7NWEO0lMN5HLcitX41kve9uoxZGMJjkbsZ4O1XDfnXycm7QKxncZhZQoBtGmfB3Syp9GcZP96DfDg9fqinz9eghsm6Bl21FpQiolIYHloerrGhk3xgaFACjAel9n/44ElpRoV+vufiMXrb3yG+Uper0h6kgXvL3yOmtDveVqNs86szkSTiW6K0haZUZqGxx139hb66DEWeam1XRjjGItPYhly7PHGVaDk6K4sE1Zhme66VNFbklqt32PqhYUpLP9Wd2zHd45tliCz/TRjf9yEP/VITksDNip1z8UhFKuOWIH7AzklWatR6j/l2HalHrVdz4srEOuVuGM8WOJ6XRnUgrsPM3BpignReuMrx+/ddM0e/niMK7JhgdQdblZVNaOPDrJiZl8KQdQpiEbHtjxd04ZDix9Iq1L0LR2cOFuln7WtKnaakuxfrnTvalY2DtbxzX4g+9RF9+piUc1T9WWl3lAdtymidxpUj9ZF3FCh/r1fHXEmkDKdbKKCiWrHVeRY0XunKvKdeAHrcTiwb5l6zdVsoE9Q1faD/2Nc07VEd7xAY8HVTigYv2WqWz/GYqzBT6jHFg1019iwad9Tj+5AuEKzRWqdFqBVSv3hBShdmdjPpGuDSUss9zyHEY7jLbe8qTx1Eg8Fq7TgjoXKnvWqrhKOk72mE21S2o8qIWKOqu5Z5SlrxciLKgMsE67RjtVK7/HQCa0X9mOq42JRLKm9FMjORzAjXKWF7+Jm7NABVo++GqqorBheiu4pBjFEjzyYt4p000kLowxF61dZVp2XYJYSXSKqwgrpjwUo03jy20eq/tv1ZszxfcSS0Sy8rEUnTe8glZoNVZrGDUoDaUrlNhMGYBRuU+rICZx3A5Zjt/MtLeJDTabWCZtqk0LLdq2maK2mdEy5xy7aW58a+oXqkWK9bO2JfF3s4ItRAR7TajrMsb1NgcQc21qU/u2zwweOwuicAknT94y7MV05yZJk/4h9WwIlRYVW3B3+G///DcR/VPlamgs0DnL18u2pRxqVKnYqCAvgYKov0P8KMADYiQwXkYSdXAAAAABJRU5ErkJggg==') no-repeat center; background-size: contain;}
.focus_title { font-size: 1.125rem; color: #fff; font-weight: 700;  font-family: 'NanumSquare', sans-serif}
.focus_btm { width: 100%; height: calc(50vh - 130px); padding: 10px; border: 1px solid #f19ca3; border-radius: 10px; background: #fff7f7; overflow: hidden; overflow-y: auto;}
.focus_article_wrap { width: 100%; height: 100%; overflow: auto; }
.focus_article { margin-bottom: 10px; }
.focus_article_title { font-size: 16px; font-weight: 700; letter-spacing: -0.5px; color: #636363; margin-bottom: 5px; }
.focus_article_article { font-size: 14px; font-weight: 400; letter-spacing: -0.5px; line-height: 20px; }
.contents_btm { width: 100%; height: 50px; background: #ededed; padding: 10px 0; }

/*  m_page  */
.m_page {position: relative; width: 100%; margin: 0 auto;}
.m_page .mbn {position: relative; width: calc(100% - 40px); height: 14.28vw; max-height: 60px; margin: 0 auto; display: none;}
.m_page .mbn figure {max-width: 480px; height: 100%; margin: 0 auto; border-radius: 5px; overflow: hidden;}
.m_page .mbn figure img {width: 100%; height: 100%; object-fit: cover;}

.m_page .mpop {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #00000080; z-index: 100;}
.m_page .mpop dl {width: 90%; max-width: 420px; border-radius: 5px; background-color: var(--mbox-bg); overflow: hidden;}
.m_page .mpop dt {width: 100%; max-height: 125vw; overflow: hidden;}
.m_page .mpop dt img {width: 100%; height: 100%; object-fit: contain;}
.m_page .mpop dd {display: flex; align-items: center; justify-content:space-between; height: 30px; padding: 0 10px; font-size: .75em; border: 1px solid var(--bg-light); background: var(--button-light);}
.m_page .mpop dd button { padding: 2px 10px; border-radius: 3px; color: var(--color-basic); font-weight: 600; background-color: transparent;}

.x-tit-red {color: var(--color-up); font-weight: bold;}

.x-outline { width: 96%; max-height: 125px; line-height: 22px; font-size: 14px; margin: 0 auto 10px; box-shadow: 0 0 3px #d3d3d3; border-left: 5px solid #b68fe6; padding: 5px; border-radius: 5px; overflow: auto; background: var(--mbox-bg); white-space: pre-wrap;}

/* 스크롤바 스타일링 */
.x-outline::-webkit-scrollbar { width: 5px; /* 스크롤바 너비 조정 */}
.x-outline::-webkit-scrollbar-thumb {  background-color: rgba(0, 0, 0, 0.2);  border-radius: 4px; /* 스크롤바 끝 부분 둥글게 */}
.x-outline::-webkit-scrollbar-track { background-color: transparent; /* 스크롤바 트랙 색상 */}

.comment { width: 96%; height: auto; font-size: .875em; margin: 0 auto 10px; box-shadow: 0 0 3px #d3d3d3; border-left: 5px solid #25b5aa; padding: 5px; border-radius: 5px; overflow: hidden; background: var(--mbox-bg);}
.comment_top { display: flex; justify-content: center; }
.comment_top .date, .comment_top .c_news { font-size: 16px; color: #4d4d4d; font-weight: 700; letter-spacing: -0.5px; }
.comment_btm table { border-top: 1px solid var(--border-basic); margin-top: 5px; }
.comment_btm table tr { height: 35px; border-bottom: 1px solid #dfe5e5; }
.comment_btm table tr td:nth-child(1), .comment_btm table tr td:nth-child(2) { background: none; }
.comment_btm table tr td:nth-child(1) { width: 35%; border-right: 1px solid #dfe5e5; font-size: 15px; letter-spacing: -0.5px; font-weight: 700; color: #454545; }
.comment_btm table tr td:nth-child(2) { width: 65%; font-size: 14px; letter-spacing: -0.5px; font-weight: 500; color: #606060; text-align: left; text-indent: 5px; }
.comment_btm table tr:last-child { border-bottom: none; }

.market_box_wrap {width: 100%; height: auto; min-height: calc(100% - 40px); margin: 0 auto; padding: 5px 10px; display: flex; flex-wrap: wrap; align-items:flex-start; align-content: flex-start; column-gap: 10px;}
.market_warn {width: calc(100% - 20px); margin: 0 10px; padding: 10px; border-radius: 5px; background: var(--mbox-bg); }

.m_box {order: 1; width: calc( 50% - 5px ); min-height:295px; padding: 4px; border-radius: 10px; margin-bottom: 10px; background: var(--mbox-bg); overflow: hidden; box-shadow: 1px 1px 4px #4d8eac33;}
.m_box.on {order: 0;}
/*.m_box.on .m_box_title {position: relative; padding-left: 10px;}
.m_box.on .m_box_title::before {display: none;} 
.m_box.on .m_box_top {border-color:#ef6618; background: #ff823c; box-shadow: inset 1px 1px 5px #ffaa5f66;}
.m_box.on .m_box_top::after {background: radial-gradient(ellipse at center, rgba(255, 213, 122, 1), rgba(1255, 213, 122, 0));}*/

.m_box.on .m_box_title {position: relative; padding-left: 30px;}
.m_box.on .m_box_title::before {position: absolute; left: 5px; top: 5px; content: ''; width: 20px; height: 20px; border-radius: 50%; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF/mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFMzZDRjkyNDk5OTUxMUVFOTFBMkMyNTk3RUI2QUVGMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxODZGOTUzQUE1NTAxMUVFOEJBNUI5ODI1MzNFMEY5MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiZTM1MGUzOS05MTU5LTkwNDMtYTk4Mi01MmYzZDYwM2E3ZTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXA6Q3Jl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') no-repeat #008fa0 0 -20px; background-size: 40px auto}
.m_box_top {position: relative; display: flex; justify-content: space-between; align-items: center; height: 30px; margin-bottom: 4px; border: 1px solid #00a4ab; border-radius: 5px; background:#06b3b9; box-shadow: inset 1px 1px 5px #2eebe766; overflow: hidden;}
.m_box_top::after {content: ''; position: absolute; left: 10%; bottom: -7px; width: 80%; height: 10px; background: radial-gradient(ellipse at center, rgba(46, 235, 231, 1), rgba(46, 235, 231, 0));} 
.m_box_title {padding-left: 10px; font-size: 14px; letter-spacing: -.05rem; font-weight: 700 ; line-height: 30px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.m_box_rate span {display: block; width: 60px; height: 20px; font-size: 16px; font-weight: 700; text-align: center; line-height: 18px; border-radius: 5px; margin-right: 3px; background: #ffffffcc; pointer-events: none;}
.m_box_rate .up {color: #ec320d;}
.m_box_rate .dn {color: #0058f7;}
.m_box_btm {position: relative; width: 100%; padding-top: 34px; display: flex; flex-direction: column; row-gap: 5px;}
.m_box_btm > div:last-child {margin-bottom: 0;}
.m_box_article {position: absolute; top: 0; width: 100%; height: 30px; border-radius: 5px; font-size: 14px; letter-spacing: -0.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 5px; background: var(--mbox-top-bg); z-index:10;}
.m_box_article .more {display: none;}
.m_box_article + .itembox::after {display: none;}
.m_box_btm.on .m_box_article {height: auto; overflow: visible; white-space: normal; }
.m_box_btm.on .m_box_article .more {position: static; display: inline; margin: 0 5px; white-space: nowrap;}

.sc-1 .upper {display: flex; align-items: center; justify-content: flex-end;}
.sc-1 .upper::before {content: ''; display: inline-block; width: 14px; height: 14px; background-image:var(--img-arrow); background-size: auto 14px; background-position: -14px 1px;}
.up_item .sc-1 .upper::before { background-position: 0 1px; }

.itembox {position: relative; padding: 0 5px; font-weight: 500; }
.itembox ul { display: grid; grid-template-columns: calc(100% - 60px) 60px; grid-template-rows: repeat(3, 17px); }
.itembox ul li {font-size: .875rem; align-items: center;}
.itembox ul li.item label {display: inline-block; color: var(--color-basic); width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.itembox ul li.item {grid-column: 1 / 2; grid-row: 1 / 2;}
.itembox ul li.rate {display: flex; justify-content: flex-end; grid-column: 2 / 3; grid-row: 1 / 2; text-align: right; }
.itembox ul li.price { grid-column: 1 / 2; grid-row: 2 / 3; text-align: left; font-size: .8125rem; }
.itembox ul li.vol {position: relative; grid-column: 2 / 3; grid-row: 2 / 3; text-align: right; font-size: .8125rem; color: var(--color-basic);}
.itembox ul li.vol span {position: absolute; right: 0; white-space: nowrap;}
.itembox ul li.pr { grid-column: 1 / 2; grid-row: 1 / 2; text-align: right; }
.itembox ul li.bar { grid-column: 1 / 3; grid-row: 3 / 4; text-align: right; }

.itembox.sc-1 {/*border: 1px solid #ff8012; box-shadow: 1px 1px 6px #63858533;*/ border-radius: 5px; background-color: var(--upper-bg);}
.itembox.sc-1 .bar .s-bong {background: #d0cc95;}

.itembox.sc-6 {border-radius: 5px; background-color: var(--bg-24);}

.itembox ul li.item.king label {position: relative; display: inline-block; width: calc(100% + 5px); padding-left: 20px; margin-left: -5px;}
.itembox ul li.item.king label::before {content: ''; display: block; position: absolute; top: -1px; left: 0; width: 20px; height: 20px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF/mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFMzZDRjkyNDk5OTUxMUVFOTFBMkMyNTk3RUI2QUVGMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxODZGOTUzQUE1NTAxMUVFOEJBNUI5ODI1MzNFMEY5MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiZTM1MGUzOS05MTU5LTkwNDMtYTk4Mi01MmYzZDYwM2E3ZTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXA6Q3Jl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') no-repeat; background-size: 40px auto;}

.itembox .bar { height: 20px; display: flex; align-items: center; justify-content: flex-start;}
.itembox .bar .s-bong {position: relative; width: 100%; height: 10px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: var(--mbox-bong); overflow: hidden;}
.itembox .bar .s-bong:before {display: block; position: absolute; left: calc(50% - 1px); content: ''; width: 2px; height: 10px; background: #121418; z-index: 1;}

.itembox .vi {position: relative; height: 17px;}
.itembox .vi label {position: absolute; top: 2px; left: -18px; width: 16px; height: 16px; z-index: 5; text-align: center; line-height: 16px; border-radius: 50%; color: #fff; font-family:'Arial', sans-serif; font-size: 11px; font-weight: 700; animation: vlink 1s infinite;}
.itembox .time {color: var(--color-light); margin-left: 10px;}
.itembox::after {content: ''; display: block; position: absolute; left: -5px; top: -2px; width: calc(100% + 10px); height: 1px; background: var(--border-basic);}


@keyframes vlink {
  0% { background-color: #f67a0c; /* 시작 색상 */ }
  50% { background-color: #31ab09; /* 중간 색상 */ }
  100% { background-color: #f67a0c; /* 종료 색상 */ }
}

@media only screen and (min-width:720px){
    .market_box_wrap {column-gap: 10px;}
    .m_box {width: calc( 100% / 3 - 10px ); }
}
@media only screen and (min-width:960px){
    .market_box_wrap {column-gap: 10px; align-items: flex-start;}
    .m_box {width: calc( 100% / 4 - 10px ); }
}
@media only screen and (min-width:1200px){
    .market_box_wrap {column-gap: 10px; align-items: flex-start;}
    .m_box {width: calc( 100% / 5 - 10px ); }
}
@media only screen and (min-width:1440px){
    .market_box_wrap {column-gap: 10px; align-items: flex-start;}
    .m_box {width: calc( 100% / 6 - 10px ); }
}

/*  theme  */
.m_subpage { width: 100%; height: 100vh; margin: 0 auto; }
.sub_header { width: 100%; display: flex; align-content: space-between;}
.sub_header_left {width: 40px; height: 30px; display: flex; align-items: center; justify-content: center; z-index: 10; -webkit-app-region: no-drag;}
.sub_header_left button {width: 25px; height: 25px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAACgCAYAAACbg+u0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEY1ODlFQzFBQjk0MTFFRUJGNjZDNjU1RDc3Q0M1RUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEY1ODlFQzBBQjk0MTFFRUJGNjZDNjU1RDc3Q0M1RUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDMzMTBDMzI4QUQyMTFFQ0IwMDZEMjdGQkQxODAzQTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDMzMTBDMzM4QUQyMTFFQ0IwMDZEMjdGQkQxODAzQTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5QyGkDAAAEBElEQVR42uzdvW7UQBAHcDtBFBR5AAgPwAsgChoKKkA0FIhAEE0ECAk6QkFFcUcFNIBoEIEABUUUqBIEFLxBkOAF4AESiQIEZlbn40Lw6Ty2d3Zn9j/SKEW2OP9ufev98uZFUWSI5jEFAgACEIAARAAQgAAEIAKANgDzPJfKOcoNyoJyk3KZctb9TyxcX7jrFIq++/gV+ZVyn4/rqrxWpYDj8Ib5TAow93HBnm8hh3d9Qpktuq4ZiW9SG2AdvOFPU662EQmNR/EFjzH/Ro+B5+IOWuFRLE5oMHbmA1/XpbEV5uItuZ9gADbDW6ac9nlnaQJshZc6YGu8lAE7wUsVsDO8FAGvdomXGuAlJt6LSXgpAXLxVil3h+ogxAboDS8FQK941gG941kGFMGzCiiGZxFwjvKXFJ41QC7eels8S4BcvHeUe2IdKJYGDIYnCehrVu4w/flQp8tVxnvK45TfuwTUPKl0KySeZPiqgT/pz66QeNprYDLhC/BjzXJHKN902XhYAbxZtsDmEX3WwPOUv80j4kHaXlduDV05DCZgOAsDqhjSx5A+JpUwrYmJdSztwNIOLC7C8jYssMQSXyzxFUfENgdscwiCiI02HSBiq1dF9JiICwD8P/oMwM/YsT4eERuuW/4e3q5Rbkv7tGZoxFUr05o+A6896SDcbN9GCbdZPkzvl3yMyYUv2FxgdRYAAQhAACIACEAAAhABQAACEIAIAAIQgABEABCAAAQgwjxg1bTmrOQH0DytOW6dzDfKg9lggh01kInnYm9Wb/1MsjWw1nkilDMAbIb399pwCzfHw3kiOyLa80Q0AC6WWTceUj5CIzLC6zHKP80G76spUAP5eM8pL0jixQzYBG8+q/+6KdOAavBiBFSFFxugOryYWmG35f+uNrxYAN1LJ+4zyr+kPBsDXgyAXLzXlKcof8TyuzMFPJ2AJvBCAZrBCwFoCk8a0ByeZCvsZs+WGF+YCjwpQC7eW8pjGvAkbmEunnu3/kkteL4Bm+CpO9XB1y0c/DwR7TUQ54m0jODniaTQFzYROE8kUkCcJ9JBDUziPBGfv4FuseO8dUTfjUgTxJWsg/NELLXCXMSjlK+0IEo9xjjEK4zyJ7QgSj4HuldzXraGKP0gbQ4xRE/EFGKorpwZxJB9YROIoQcTmiA+yeoPlZkHHCJeY5Q/nQ1GuqcBOIp7lDcY5c/EghjTeGBfI2JsA6rqEGMckVaFGOuQvhrEmOdEmiA+zoQ2GWoAbIJ4LuMtYDIPOETsM8pfpFyQ+nCa9gtzt7seAGA7RGy4rgicJyKEKHaeCF57kmAN3F4T3Y6lT9tuW7cF7JAUnvYaGEVgdRYAAQhAACIACEAAAhABQPn4I8AAKuOGO9Xp3ukAAAAASUVORK5CYII=') no-repeat 0 0; background-size: auto 50px; border: none;}
.sub_header_left .m_sub_title {font-size: 1.25rem; font-weight: 700; }
.sub_header_top ul { display: flex; position: absolute; top: 10px; right: 10px; }
.sub_header_top ul li { width: 30px; height: 30px; background: url('./1jrvMOvG.png') no-repeat; background-size: auto 90px; }
.sub_header_top ul li:nth-child(1) { background-position: 50% 0; margin-right: 10px; }
.sub_header_top ul li:nth-child(2) { background-position: 100% 0; }
.sub_header_btn { width: 96%; margin: 0 auto; }
.comment_text { font-size: 16px; font-weight: 500; letter-spacing: -1px; color: #383838; }
.m_list { width: 100%; height: calc(100vh - 170px); overflow-y: auto;}
.m_list table thead {position: sticky; top: 0; width: 100%; background-color: var(--th-basic); z-index: 10;}
.m_list table thead td {white-space: nowrap;}
.m_list table thead::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #aaa;}
.m_list table thead tr { border-bottom: 1px solid var(--border-basic); height: 35px; line-height: 35px; }
.m_list table thead tr th, .m_list table tbody tr td { font-size: .875em; }
.m_list table tbody { background-color: var(--td-basic) }
.m_list table tbody tr { height: 35px; line-height: 35px; }
.m_list table tbody tr:nth-child(4n) { border-bottom: 1px solid var(--border-basic); }
.m_list .hname { width: 24%;}
.m_list .cx-cprc { width: 18%;}
.m_list .cx-change { width: 15%;}
.m_list .cx-drate { width: 15%;}
.m_list .cx-amt { width: 15%;}
.m_list .s-bong { width: 13%;}
 

/*  item_wrap  */
.item_wrap h3 {color: var(--color-prime); font-size: 1em; font-weight: bold;}
.item_wrap .sub_header { height: 50px; }
.item_wrap .sub_contents { width: 100%; height: calc(100% - 50px); overflow: hidden;}
.item_wrap .sub_contents article { border: 1px solid var(--border-basic); border-radius: 10px; background: var(--mbox-bg); padding: 10px; margin-bottom: 10px; font-weight:500;}
.item_wrap.info .sub_contents article ul li { font-size: .875em; color: var(--color-basic); }
.item_wrap.info .sub_contents {padding: 0 2%; overflow-y: auto;}

.m_sub_info ul {display: flex; align-items: center; justify-content: space-between; column-gap: 20px; height: 40px; border-bottom: 1px solid var(--border-basic); font-size: .875em; }
.m_sub_info ul label {padding-right: 5px; color: var(--color-light); font-size: .75rem;}
.m_sub_info ul li:nth-child(3) label {color: var(--color-up);}
.m_sub_info ul li:nth-child(3) span{color: var(--color-up);}

.sub_nav { width: calc(100% - 60px); }
.sub_nav ul { display: flex; justify-content: center; margin: 0 auto; gap: 10px; max-width: 480px;}
.sub_nav ul li { height: 30px; width: calc(100% / 4 - 5px); border-radius: 30px; text-align: center; color: var(--color-light); line-height: 27px; border:1px solid var(--border-dark); -webkit-app-region: no-drag;}
.sub_nav ul li.on { color: #fff; border: 1px solid var(--button-hot); background: var(--button-hot);}
.sub_title { height: 50px; border-bottom: 1px solid var(--border-basic);}
.m_subt1 {display: flex; align-items: center; justify-content: space-between; column-gap: 10px; width: 96%; margin: 0 auto; height: 50px; }
.m_subt1 .scPrice {display: flex; flex-wrap: wrap; justify-content: flex-end; column-gap: 10px; margin-top: -1px;}
.m_subt1 .scPrice li {display: flex; justify-content: flex-end; align-items: center; column-gap: 10px; font-size: 1.125rem;}
.m_subt1 .scPrice li .cur {font-weight: bold;}
.m_subt1 .scPrice li.other {color: var(--color-light); font-size: .875em;}
.m_subt1 .scPrice li em {font-size: .75rem;}
.m_subt1 .scPrice .chn {display: flex;; align-items: center;}
.m_subt1 .scPrice .chn::before {content: ''; display: block; width: 18px; height: 18px; background-image:var(--img-arrow); background-size: auto 18px;}
.m_subt1 .scPrice .sc-1 .chn::before {background-position: -18px 0;}
.m_subt1 .scPrice .sc-2 .chn::before {background-position: -36px 0;}
.m_subt1 .scPrice .sc-3 .chn::before {display: none;}
.m_subt1 .scPrice .sc-5 .chn::before {background-position: -54px 0;}
.m_subt1 .scPrice .sc-4 .chn::before {background-position: -72px 0;}

.sub_search {position: relative;}
.sub_search .stkbox-items {position: absolute; width: 300px; }
.sub_search .stkbox-items ul:first-child {max-height: 300px; overflow-y: auto;}
.sub_search .stkbox-items button {position: static;}
.sub_search .searchBox {position: relative; width: 160px; height: 30px; border: 1px solid var(--border-light); border-radius: 0 15px 15px 15px; display: flex; flex-direction: column; overflow: hidden;}

.sub_search_icon {position: absolute; top: 1px; left: 3px; width: 25px; height: 25px; background-image: url('./DBKxW8pO.png'); background-position: -25px 0; background-size: auto 50px; }
.sub_search_icon.on {background-position: -25px -25px;}
.sub_search input[type="text"] {padding-left: 30px; width:100%; height: 30px; border: none; font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sub_search select { width: 110px; border: none; font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.sub_search button { position: absolute; top: 1px; right: 3px; width: 25px; height: 25px; border: none; background-image: url("./1jrvMOvG.png"); background-color: transparent; background-size: auto 75px; background-position: -25px -25px }
.top_right {font-size: .75rem; padding: 0 3px; border-radius: 3px; font-weight: 500;}
.remove {animation: blink .5s  steps(2) infinite; color: #fff;}
@keyframes blink {
    0% { background-color: #f34257; }
    100% { background-color: #fd9808; }
}

.m_sub_theme {height: 50px; padding: 8px 0; }
.m_sub_theme dl {position: relative; white-space: nowrap;}
.m_sub_theme dt {display: inline-flex; width: 70px; font-size: .875em;}
.m_sub_theme dd {display: inline-flex; justify-content: flex-start; width: calc(100% - 70px); overflow: hidden; overflow-x: auto; column-gap: 5px;}
.m_sub_theme dd button {font-size: .875em; border: 1px solid var(--border-basic); color: var(--color-light); padding: 2px 5px; border-radius: 10px; background-color: transparent;}

.m_sub_summary, .m_sub_issue { margin-bottom: 15px; }
.m_sub_issue ul{ max-height: 180px; overflow-y: hidden;}
.m_sub_history ul {max-height: 75px; overflow-y: hidden;}
.m_sub_history ul li { display: flex; align-items: center; justify-content: space-between; height: 25px; padding:2px 0}
.m_sub_history ul li.on {height: auto; min-height: 25px;}
.m_sub_history ul li.on span {white-space: normal; overflow: auto; text-overflow:clip;}
.m_sub_history ul li span { width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.m_sub_history ul li a {min-width: 45px; padding: 1px 4px; font-size: 0.875em; color: #fff; background-color: var(--button-more); border-radius: 5px;}
.m_subb { padding-bottom: 10px; font-weight:500;}
.m_subb li{min-width: 80px; text-align: center; font-size: 1em; border-bottom: 2px solid var(--border-basic); padding: 2px 10px; color: var(--color-light);}
.m_subb li.on{border-color: var(--button-hot); color:var(--color-basic); background-color: transparent;}
.m_subb ul { display: flex; align-items: center; padding-bottom: 5px; column-gap: 5px;}
.m_subb ul li a { font-size: 1.2em; font-weight: 700; color: #414141; }
.m_subb ul li h3 { margin-bottom: 0; }
.m_subb ul li:last-child::before { content:""; display: none; width: 2px; height: 15px; margin: 0 10px; }
.m_subb_news {  width: 100%; padding: 10px 0; border-bottom: 1px solid var(--border-basic); }
.m_subb_news:last-child { border-bottom: 1px solid var(--border-basic); }
.m_subb_news p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; font-size: .9em; color: var(--color-basic);  }
.m_subb_news_date { font-size: .955em; color: var(--color-light); display: flex;}
.m_subb_news dd { display: none; }
.m_subb_news dd.on {font-size: 0.875rem; padding-top: 10px; display: block; }
.m_subb_news b {color: var(--color-prime);}
.m_subb_news button{width:45px; border-radius: 5px; color:#fff; background-color: var(--button-more)}

/*  m_sub_chart  */
.m_sub_chart { width: 100%; height: 100vh; margin: 0 auto; }
.m_sub_chart .sub_header { height: 50px; }
.chart_top_btm {display: flex; justify-content: space-between; align-items: center; height: 40px; padding: 5px 10px;}
.chart_subtop { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border-basic); padding-bottom: 10px; }
.chart_top ul { display: flex; }
.chart_top ul li { margin-right: 10px; font-size: .955em; color: red; }
.candle_type {display: flex; column-gap: 5px;}
.candle_type input[type="button"] { border: none; background: none; padding: 3px; height: 24px; border-radius: 5px; font-weight: 700; }
.candle_type input[type="button"].on  {width: 24px;  background: #25b5aa; color: #fff; }
.avg_line { display: flex; font-size: small;}
.avg_line p { margin-right: 5px; }
.avg_line input[type="checkbox"] + label { background-size: 20px; width: 19px; height: 19px; cursor: pointer; display: inline-block; vertical-align: middle; }
.avg_line input[type="checkbox"]:checked + label { background-position: 0 -20px; }
.avg_line .ma5 {color:#b71ca3}
.avg_line .ma10 {color:#2e1cb7}
.avg_line .ma20 {color:#f89200}
.avg_line .ma60 {color:#2aa314}
.avg_line .ma120 {color:#727272}
.avg_line .ma5 + label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQCAYAAABrjzfBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMzNDJFREQ1N0Y1RjExRURCNDczOEIzOURGMDE0NzQzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMzNDJFREQ2N0Y1RjExRURCNDczOEIzOURGMDE0NzQzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzM0MkVERDM3RjVGMTFFREI0NzM4QjM5REYwMTQ3NDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzM0MkVERDQ3RjVGMTFFREI0NzM4QjM5REYwMTQ3NDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6JZtQ4AAADs0lEQVR42uyZXUgUURTH/zM7+2VuZZmZCJFICIlZrSZKD5aGkhnSS73VQw89atCHX0UoQQ8mhJUoiEhKQQjVu5JGhd8fQeRmRpkm+ZTmuu7udO+6u+626647M5sm9wxn7u58nPnNmXvvuedeThRFbGThscGFAcoVYbUT7bENp0lRTDSNaKRCz5sj2kO0huhLeqBo+lLoHiRwVaR4TjRbQTg4bVGbL4hWSfIggSsgRRn9HSHooVVpwZFNCRHJtmhbxG/rApzPeOeEDcmDJS44nUqnGBwVaovapLadUiylkRjpjnouXOJh2ygF0OB623CJh20D6wcZIANkgAyQATJABsgAGeCmA/zlSnDCJR6256QA9tIdzb7CJR62e6QA3qM7mhqabWZFPUltUZvOtNP9rID5i7/ZLWfiXhbm6lVNtFzSzAK5qZwUZ4h2EJ1XEGreabOQwq0pA5Q7P0i8Lev+YB7k2AQmA2SADJABMkBZIsg1EO5Qt+7rJJI+MVsnYeskMmVTrZMI4ezDaJ2z2q1El8BzKqh5wVFuiI6awllIg4gq2o0c03kkN2XCorbALtrXH9AFt+NsHA7XZkPQqxGXuw/JdVlYIt5cV8AVz+3BkZpscPxKXY7Jioe4nh5chrMgqjAWxtrj4FSc50kMl3ZBxYdW7YNeTd/YKlpBsz9awVW8ym8Ld8FtL4iB8f4JH7i+Kx2YbZ+CJsTuK6AHaYU2282IL9mPQ8+yoUnVO1rk39MhLrht+buQVpfjA9d/tROzTycdcKF2XwEBKUxCWQqSio2IPhqHjLZ8aFO3eEG64fKikf4o1wdu4FonfrZ9kwQXFNAm2pBw4YD7vzpSg4zWPGgORjggqYeXCNzWk9FI8wdX+gozrV+h4aXH84CAKk6AqWHE65jaoCWQ+RCSdViwzsOQu5N4Lge8wHvBDZZ3YablC7Q8ieec9KgUEFAgLW7i7ijGGoe8jmu2apH55BTiLicivT4XvMY7OgxVduNH84RsuKCtmOd4x0NMtwYdny/xYooXZGrFMZ97hm52Y7rpsyJwa+oHKaSO12OsYgCm5pGA1w7ffo3pRuXg1txRuyHL+vGpZdTvNSPVbzBVP06GUsrBhRRJXJAfb/Rh/PF7r3Ojd97i+wPT8uibU3aYFlLccUNe74O4aMfec0n4UNOLyYcuOOXHHiGPBx0NBzqMVw7DVDHoCH3hglsNkK6TGGiEWK1zpZAaGSkBWyeR4zm2TiJT/v06CZsfZIAMkAH+54B/BBgATuB3yd7lIkQAAAAASUVORK5CYII=') no-repeat 0 0; }
.avg_line .ma10 + label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQCAYAAABrjzfBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJCMDQ0MDdGN0Y1RjExRUQ5Q0NBOEJEMDhGRDREODlBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJCMDQ0MDgwN0Y1RjExRUQ5Q0NBOEJEMDhGRDREODlBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkIwNDQwN0Q3RjVGMTFFRDlDQ0E4QkQwOEZENEQ4OUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkIwNDQwN0U3RjVGMTFFRDlDQ0E4QkQwOEZENEQ4OUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4E3cAcAAADuElEQVR42uyZXUgUURTH//Ph4upqRdEXvURQEhZWamaIGH1nBRIE9VC9SQ+hCSmtmqRWmmlIZZSURpoZSGT02mu29vEQhJrUU5ZpPfhV5ux0ZnZWXVZddz7aknuWs3fZmXvu75575t4593KyLONfFh7/uDBAoyJOdyE2oXo/FdmkCaQOk9obJHWRVpI+Vf545zoVvAcJroSKJ6RpJsJBs6XYbCUt0eVBgkunwqn8FgaXQRhZBMgmRQLnhmTvg+TogdZGmwYblAdPj8MNLzYPThGypdhUbGuSrechiVcBRxZaFviTbMfrAYzy9Faw7tGcsB3F5kEGyAAZIANkgAyQATJABjjnAAc8CY5kXauUPE1KQ4MGbFe+JHu/ZXxKZqeJSw9glWqEUkMpondyb81JO8mmlnaOtzVjlal2t7TE3WlxeJWS5uvaWaBK+VQcJH1OOmQi1JBm84ACNyunG90fJG8bqh/IgxzbwGSADJABMkAGaEhEowasXupCfk6ia4jZOQk7JzEoc+qcRISFItPH7R6FJP8GBwECbwPPBddx3kq4MWkEuzPmwdW1C9V3Y8HbRiDLUugBvXD7Di3AxapE2O0i0nasQPm19Rgjj4YU0AP3E3sy5qP0ymbwPDd+LWnrEmXQQwfohdt5MJo8lwRBmIBTcrNi52sIXHBhH/BuWXarQQ4qeV6kIFeqcNPCbU+PQnn1Fj84Z84LPGv5AVGwm+dBBW5MHkZmznLcbdmImDheiyF5Srhtex2ouJ7sB1d4pg2tzR44borO6QaU5FFknV2Jk1mx2JS4GLWNKVi7QfCB9MKl7XGgsmarH1xR3ks8fvBdF1xAQLc8hiPHV0+s9I4w3G4gyDgPpDr8BJe6K5Lg/D1XnO9CS0M/wYXrggsIqMTbvdoO32UmyqZCrlnH4Zc0gJSdkagiOFHkfeBKClx4VN+nwel/FmesKXA2XCv7SJDvfSGjbbjTlIpjmUtx9WYywmy+q8OFc+1orvtmGC7gU8xxPEQ+EpeLutXhO3oixgcytyDRr87FoldoutOrxZzxWSygBS/kpYIPaKzvmPHesvOv0Vj71TS4WU/UXsgLzi48vN855T0VpW9w/9YXU+GCWkkUyDCCLM7rRHNjl8+1yktvUVfTQ50wFy7o161xyNxOjP5yI+PwKtyoeof6ms/0v129HvK0Ux1uRKC88BPFZbc6FYkWwU0HOKC+6SrnJNO8VauQXLih5GlSGhp0DLJzEnZOYkD+/jkJ2x9kgAyQAf7ngH8EGABehXmliJ6KOwAAAABJRU5ErkJggg==') no-repeat 0 0; }
.avg_line .ma20 + label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQCAYAAABrjzfBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzQ0QyMkY2N0Y1RjExRUQ5NDQzQkM2NTEzQTE3RjA4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzQ0QyMkY3N0Y1RjExRUQ5NDQzQkM2NTEzQTE3RjA4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjNDRDIyRjQ3RjVGMTFFRDk0NDNCQzY1MTNBMTdGMDgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjNDRDIyRjU3RjVGMTFFRDk0NDNCQzY1MTNBMTdGMDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7EKChxAAADaUlEQVR42uzZW0gUURgH8P/Znb3M5haEkdZLD0E95FNGkD2oFUkXg6JACKyHIhEMKwjT3rYLUUkYhKRhBPmeEvXUTZEwK8J6SaIr9NRLarurO6fvzF7cddV1brnJOXB2YHbmO7/99syZOXMY5xz5XFzI8yKBVosy2xc/u9he2jRS3US1wKb2RqkOUr1OtVfsKDrCjWeQcCHaPKBaYSMOiVgiZg/V0HxOYNOvYsLtSQRAwAv4PHQQs0cnmopMAOPR1K5qymCP0QyeSuL8XvtwejZYPKaInSiNZi6SUvEhMudUSYtdagYYTP5ap0pa7KAcByVQAiVQAiVQAiVQAiVw0QF/Jyc4TpW02KNmgK/Eh5h9OVXSYg+aAbaKDzE1DEftzaSIJWKmTTtbDc+L0ybuzQ53rwtUW0y9WaCTWmizj+oTqmM2osYSMasFztSbBaOFsm3p/FwZZPIFpgRKoARKoARaKorVAE7f6hZ8ncTUXyzXSeQ6icWyqNZJFDhZqM9pk7SZjKfCRa0xd74M1ISLRfSBDv6aMXjKehGbCIBr+QBM4lYdhb+8E0wJQFmzm5Dd0CYWGihwYhgproVacZv+06kmlNXl9J8vJDCJKzoMtbJzWofjiPQ3UDZtvheLPqN3ch5vT2+TzYFbWUO4rizcn6fHgR934fbZmEGB0yIMbF0Inso+aIEt8T7EZ8GtOAR1270sXPhZHfC9I45jdgIpc+6Sq/BtbIa7uAz+qkfQCsoykSncQag77mfjnteDf2s3hcsNjAGeDSemBlhvEOrOh9CWxDOpZ1jgCg9A3T4D7sVJ8K+3TONyAkV70Xdtmft8S6FWEVLdjNg4MQr3x3EuJRPX1wj+pc0SLjeQ2owNNxHy5jTkMqi7HoOtbSJcN/UDb8b34b7T4J9vWMblvIrFEOb2c0y+bdDT6S2py0RuvZh1Trj/DOFabcHNaxxMId/UIzrcPuex4YGz4J+u2Yab90CdQr6uQ/R9x4zHRAbOgY9coePswxm6k6SQQ8cR/XAnE/fyPLSRS3D57MUZftyaQh6jqycMz/paRIdC0D5e1nHMgUePmeYk+o7lBblvf2Kc1G9/inHcr9HUtJMZzaBYJwkK92xP1QLDvNYmT2nTUMN9UK6TyHUSC+Xfr5PI94MSKIES+J8D/wowAPQ2W3vY7gVQAAAAAElFTkSuQmCC') no-repeat 0 0; }
.avg_line .ma60 + label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQCAYAAABrjzfBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFDREZDNzE4N0Y1RjExRURCQUEzRTFBMkY4QkE4N0QwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFDREZDNzE5N0Y1RjExRURCQUEzRTFBMkY4QkE4N0QwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUNERkM3MTY3RjVGMTFFREJBQTNFMUEyRjhCQTg3RDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUNERkM3MTc3RjVGMTFFREJBQTNFMUEyRjhCQTg3RDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4WhfhvAAADvklEQVR42uyZXUhUQRTH/3P36qpZQd9JL0GFGEjUBlIIrR9kaQXRB0W9SPQQUahhmkZaK5lI4UdElqui9oElUfZspFGhZqE9JVlU9BaEGa7u3tvMda+6re56995NkzlwduDOvWd+e2bmzJwZIssyZrMImOXCAfWKOFXF2qqFu2iRQXUz1UiD2vtFtYPqVaot7MGH4z+1e5DC2WjxmKrVQDi4bTGbT6jaAvIghUujRZ5SGSFCNJsAYhAeDRhOhwvO306423jthtXkwcwxuDAD4ZhQW8wms+2WjEAmiUUBZJ4L1sAft20JBHC++m+DJuSvtngc5IAckANyQA7IATkgB+SAcwlwQE1wgiayRxqqGbCT/bDsK1gywXZHIIDXFCM0NXQOuYz1JEs7h8bSzrG2fKYvk51uuRP3vCAPryKq+QGdLNCP8mmxh2or1UEDoQbdNnczuGklgHrPB6m3dX3vz4OEH2ByQA7IATkgB9Qlol4DwV7qZvyeJKAu5vck/J5E78ycS/ckYhAxwPbCklOCNCKDmAhMIlHKWRGoGZzLISF1+QF0H/qC61saYRoOhSzJMw+owqVFHcQVayXCQyKQsHo7SrfegmtkhgFVuJ0r96PYWg6BjDcRtyp+Zj2owA1LSFmxFyUJlTAR04QQKKOwLRuCqG0M+p0ksjQ60FnjAh3gTCeb4Spc8rI9KE284QWX23oaT783wWQWjPMg6w7nkIQT63JQb21BTPhGOoYkr+MQFS5xaRquJVV5weU9y8Cjb3cUOKIxfPkEZAM6K7YAJy1nYImKQ82Oh1g/z+IBqcIlLElFWXK1F9z5Z1lo/tpAg7N2OP8edMk4sj59fKUPjYQ9pQkxEZsUSOZhBmddsnNSuMLnZ/HgS13AcH4BCR3QtT1VnsuMeT7sO5oQHbYBw4MubFucgrKk2xAF0QPuYlsu7n2uVtZeomNV8gnIIn9Zrw217zwhF5gXoDa1GelrTqE82Y4QU6hHva09D3c/3dIN53cWE4HQRoDit+do9wk4GnvMAzInvsDrG1t7Phr7bxoCN604qECGExR156Cxx+7z3csvLqCh/4ZhcNMO1CrkpTfZuNtbN+k7JS8LUfex0lA4TSuJClnYlYX77+s96kpf2WDvK1f2ecTgbZqm7dYoJFDQlQmH5MC+6MOo6CxBTV/FKFwQth5eB5g0J1EehC0y+1xhWBBnpbL8iYJmuKEfDjXtJFo9OKDsdOWpd9WKJ806+pLfk+hJO/k9iT759/ck/HyQA3JADvifA/4RYACnG32ku+BglQAAAABJRU5ErkJggg==') no-repeat 0 0; }
.avg_line .ma120 + label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQCAYAAABrjzfBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2OTQwM0VCN0Y1RjExRURBQTc2QTJFNzZEMTcyRjBBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2OTQwM0VDN0Y1RjExRURBQTc2QTJFNzZEMTcyRjBBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTY5NDAzRTk3RjVGMTFFREFBNzZBMkU3NkQxNzJGMEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTY5NDAzRUE3RjVGMTFFREFBNzZBMkU3NkQxNzJGMEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5VRO2nAAADPUlEQVR42uzZTU8aQRgA4HcRI5J6U/kDxijRhIO9cSGeSEp75mQ0KuGi2Kse7cmkDf+AaBSjgSBwUmM1aoRQYgg/RTkgfnTeyU67C8qyX4jJO8mwBHZnHt75WGZHenl5gV5ODujxRECzyfnWF6urqyF2WGP5M8ufLKrvnuUSyz9ZzuMH8XhcfwQZbpMdsiwHLMSBXBaWmWN501AEGe4LO6zj+/7+fnA6nZY22ePjIzQaDZDrKMpYXRH8bheOR4SViWXLac3IIJkRBdnW8f+XPWMEONTFQTr04acZAhKQgAQkIAEJSEACErA53XWx/nsjwD9i9WVXUpRdMgL8hS+4NLQDqVh2/qurXZJee7olL9zXbW7eHyxvGHqywC7aYIdvLP9muWYhqiaX+RVxnVwgmX0+yKJt6nqtCEr0AJOABCQgAQloKpl+zmv3re7d90kMNTHtk9A+iQVIZV16gT21T+K0s3b8Myz6XF9fH48cHntiokZcvV4Hr9cLW1tbMDc3x7HPz8/dnajb4aanp2FhYQEkSQKfz8dxOzs7MDAw8H4RFLipqSmYn5/nOJEmJyd1R9BhNe7h4YE3K0bO4XCovtvb29M9O2iejb8Y+w5WgB0cszIqzbiJiQlYXFxswSUSCahWq7qaVzOCiMPmCgQCEI1GYWRkhI/I5qWqwI2Pj8PS0lILbnt7GyqVCse99uMMAxETDAYhFArxyldWVsDj8aiQSlwkEmnB4aC4vb01hNMEPj098eiJNDg4yJGjo6MciRFG3NjYGCwvL7fgdnd3oVwuG8ZpArFDn56eqj4TyOHhYajVahyHkVNOwIhLJpNQKpXA5XIZxnUEPD4+hpOTE9XnbrcbYrEY+P1+jmsemfv7+1AsFk3jNEcxNhk2Ty6X4+9nZ2dVyHA43HIN4gqFgiW4juZBhGFlR0dHcHZ21vbcg4MDuLm5sQzX8UQtkJlMBs7Pz1895/DwEK6vry3F6bqTCGQ6nYaLiwvVd6lUCq6urkyNVkv+LAgkgvDugoME++fl5SXHKaeZd1t2CmQ+n4dsNsunF7twbwHvtP7pitFt0TJUdx+kfRLaJzGRur9PQs8HCUhAAn5w4F8BBgBfMHv9nDlrnwAAAABJRU5ErkJggg==') no-repeat 0 0; }
.avg_line input[type="checkbox"] { display: none; }
.w_chart {width: 100%; height: calc( 100% - 40px); display: flex; align-items: flex-end; border: 1px solid var(--border-basic); }
#chart .f_chart {display: none;}
#chart .w_chart { height: calc( 100% - 40px); border: 1px solid var(--border-basic); }
.m_sub_chart .sub_nav ul li:nth-child(2) a { background: #ff3d00; border: none; }
.chartWrap {background-color: #fff;}
.chartWrap .rot { width: 100vh; height: 100vw;  overflow: hidden;  overflow-y: auto; position: fixed;  transform-origin: top left;  transform: rotate(90deg); left: 100%; top: 0; background: #eee;}

.page-radar .band {display: grid; grid-template-columns: 40px auto; grid-template-rows: repeat(2, 1fr); width: 100%; height: 100%;}
.page-radar .band dt {grid-column: 1 / 2; grid-row: 1 / 3; ;}
.page-radar .band dt canvas {width: 100%; height: 100%;}
.page-radar .state span {display:flex; align-items: center; justify-content: center; width: 60px; height: 30px; margin: 0 auto; border-radius: 5px; font-size: .875em; color: #fff;}
.page-radar .hit {background: #f10e4d;}
.page-radar .entry {background: #ff6800;}
.page-radar .out {background: #89acb8;}
.page-radar .near {background: #cc9933;}

/*  m_sub_memo  */
.m_sub_memo .sub_header {height: 50px; }
.sub_memo {position: relative; border: 1px solid var(--border-light); background: var(--bg-light); padding: 10px; height: calc( 100vh - 200px ); }
.memo_text { border: none; width: 100%; height: 95%; background-color: transparent; font-size: 14px; color: var(--color-basic);}
.m_sub_memo .sub_nav ul li:nth-child(4) a { background: #ff3d00; border: none; }
.item_wrap.memo .sub_contents {padding: 0 2%;}
.item_wrap.memo .save {position: absolute; right: 10px;}
.item_wrap.memo .save button { padding: 2px 30px; border-radius: 20px; font-size: 1.25rem; color: #fff; background: var(--button-prime);}

/*  h_deal  */
.h_deal .sub_header { height: 50px; }
.h_subtop { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border-basic); padding-bottom: 10px; }
.h_subtop ul { display: flex; }
.h_subtop ul li { font-size: .875em; color: red; }
.h_subbtm {height: calc(100vh - 361px - 100px); overflow: hidden;}
.h_subbtm_nav {position: relative; height: 30px;}
.h_subbtm_nav ul { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: inherit; z-index: 10;}
.h_subbtm_nav ul li { width: 25%; height: 30px; line-height: 30px; font-size: 14px; text-align: center; color: #808080; }
.h_deal {overflow: hidden;}
.h_deal .h_subbtm ul li.on { height: 31px; margin-top: -1px; border-top: 3px solid var(--button-prime); font-weight: bold; color: var(--button-prime); background: var(--mbox-bg)}
.h_subbtm_content { position: relative; height: calc( 100% - 30px ); background: var(--mbox-bg);}
.h_subbtm_content img { height: 225px; width: 100%; }
.h_subbtm_content .tbl-wrap thead { position: sticky; top: 0; font-size: .75rem; z-index: 10; }
.h_subbtm_content .tbl-wrap thead::after { content:''; display: block; position: absolute; width: 100%; height: 1px; background: var(--border-basic); }
.h_subbtm_content .htime, .h_subbtm_content .hdate { text-align: center; }
.h_subbtm_content .tab input { opacity: 0; width: 5px;}
.h_subbtm_content .tab label { font-size: .875em; border: 1px solid var(--border-basic); border-radius: 20px; padding: 2px 10px;}
.h_subbtm_content .tab input:checked + label {border-color: var(--button-prime); color: var(--button-prime); font-weight: 700; }

.program_top { margin-bottom: 5px; padding-top: 5px;}
.program_top ul li { display: flex; justify-content: flex-start;}
.search_wrap { display: flex; }
.program_search { border: 1px solid var(--border-basic); width: 30%; }
.program_search input { width: 70%; border: none; text-indent: 5px; font-size: .95rem; }
.search_wrap button { width: 25px; height: 25px; background: url('./1jrvMOvG.png')no-repeat -25px -25px; background-size: auto 50px; border: none; }
.program_btm { height: calc(100% - 40px); overflow-y: auto; border-top: 1px solid var(--border-basic);}
.investor_contents { height: calc(100% - 30px); overflow-y: auto;}
#investor > label {display: block; height: 30px; float: right; margin-right: 10px; font-size: .875rem;}

#trade dt {width: 100%; padding: 5px 0; font-size: 1.125rem; text-align: center;}
.trade_contents {height: calc(100% - 0px); overflow-y: auto;}
.trade_contents dl {display: flex; flex-wrap: wrap;}
.trade_contents dd {font-size: .875rem;}
.trade_contents td.hname {position: relative;}
.trade_contents td.hname::after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: url('./DBKxW8pO.png') no-repeat -90px 0; background-size: auto 60px}
.trade_contents .t_left::after { content: ''; display: block; position: absolute; top: 0; right: 0; }
.trade_contents .t_left {width: 50%; border-right: 1px solid var(--border-basic);}
.trade_contents .t_left .ttp {color: var(--color-down);}
.trade_contents .t_left .tnb { padding-right: 10px; }
.trade_contents .t_left .hname { text-align: center; padding: 0; background: var(--bg-sell); }
.trade_contents .t_right {width: 50%;}
.trade_contents .t_right .ttp { color: var(--color-up); }
.trade_contents .t_right .tnb { text-align: center; }
.trade_contents .t_right .hname { text-align: center; padding: 0; background: var(--bg-buy); }
.trade_contents thead th {text-align: center; line-height: 30px; border-bottom: 1px solid var(--border-basic);}
.trade_contents tbody td { width: 50%; height: 50px; line-height:20px; border-bottom: 1px solid var(--border-basic); }
.trade_contents .t_sum {width: 100%;}
.trade_contents .t_sum td { width: 25%; border-right: 1px solid var(--border-basic); padding:0 10px; background: var(--th-basic); height: 30px; line-height: 30px; }
.trade_contents .t_sum td:last-child { text-align: left; border-right: none; }
.trade_contents .t_sum td.col2 { width: 50%; text-align: center; padding: 0; }

.trade_pop {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden; z-index: 100;}
.trade_pop dt {position: relative; }
.trade_pop dt::after {content: ""; position: absolute; top: 0; right: 5px; width: 30px; height: 30px; background: url('./DBKxW8pO.png') no-repeat 0 -30px; background-size: auto 60px}
.trade_pop dt button {position: absolute; top: 0px; right: 40px; width: 30px; height: 30px; text-indent: -9000px; background-color: transparent;}
.trade_pop dt button::after {content: ""; display: none; position: absolute; top: 0px; left: 0; width: 30px; height: 30px; background: url('./DBKxW8pO.png')no-repeat -60px -30px; background-size: auto 90px}
.trade_pop dd {display: flex; align-items: center; justify-content: space-between; height: 30px;}
.trade_pop dd.tab {padding-right: 10px;}

.trade_pop .tbl-wrap {height: calc(100% - 60px); overflow-y: auto;}
.trade_pop .tbl-wrap table thead {height: 40px;}

.buyPrice_box_wrap { display:flex; flex-wrap: wrap; }
.buyPrice_box { width: 49%; background: #ffeeef; border-radius: 30px; padding: 10px; display: flex; justify-content: space-between; align-items: center; }
.buyPrice_box:nth-child(2n+1) { margin-right: 2%; }
.buyPrice_box:nth-child(1),
.buyPrice_box:nth-child(2){ margin-bottom: 10px; }
.buyPrice_box p { font-size: 1.2em; font-weight: 500; }
.bbox_left { width: 40px; height: 40px; border-radius: 50%; background: #f19ca3; display: flex; justify-content: center; align-items: center; font-size: 1.2rem; color: #fff; font-weight: 700; }

/*  attention  */
.attention .t_page_contents { width: 96%; height: 100%; margin: 0 auto 10px; overflow: auto; }
.attention .main_table tbody tr td:nth-child(10) button { width: 30px; height: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAC0CAYAAABfTugdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4ZjNmMjY2OC02MWRkLTdlNDAtYWU5Yy0yMDc4ZmZmNjAzZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NGOEY3RjE3RjVFMTFFREEyMTlDNUIzNjJDMzNGRkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NGOEY3RjA3RjVFMTFFREEyMTlDNUIzNjJDMzNGRkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTk2QkZDRTNCQjhGMTFFQzhEMTRCN0VCRUM3RUI5RDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTk2QkZDRTRCQjhGMTFFQzhEMTRCN0VCRUM3RUI5RDkiLz4gPC9yZGY6RGVz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') no-repeat 0 0; background-size: 60px; border: none; }
.attention .main_table thead tr th:first-child { display: flex; align-items: center; }
.attention .main_table thead tr th:first-child button { width: 20px; height: 20px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ZDQ3NWU4My1kZjMzLTUzNDktYThkZi00MTg2MDY4ODdkYmEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkE0QUU2MUM3RjVGMTFFREEwRjM5OTBBNzVDQzg1RUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkE0QUU2MUI3RjVGMTFFREEwRjM5OTBBNzVDQzg1RUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NWJlZmNmZTktMWNiMy02ZDRkLThkNDktODVkODY3MTQ1ZmI1IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YWFmYmRkMWItNzE2My0xZDRlLTk2MWQtNzY3MGQ2Nzc0Y2MwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5BbkqwAAAOtJREFUeNpi/G/LoMTAwLAIiK0ZqAuOAnEcI9CCIzQwHG4JyIL/DDQETAw0BsRboKDFwNC4ioHBMZRGFgiIQgwHWTQ0g2jEWsCCIaJqyMDAzYepUsUAQksoMDAY2GM37cUDBoaXjxgY/iOyFmZGmwbM4TpW5Dl3fgOw0GllYPj7B48Pts5lYDi9C1MzyOWeCQwM5w8wMFw4gN0CkNz/fwSCaOs87JpBwQKyAGT4/MbRZDpqATkWgDIRKJ2fP0CSBcTXaExAt7CwQTIRUkYivajABf4BM9CvH2QF0VEaRsFRkAVxNLIE3GwBCDAAqN09ALc5XpEAAAAASUVORK5CYII=') no-repeat 50% 50%; border: none; background-size: 20px; margin-left: 5px; }
.main_table tbody .attention_meno td:nth-child(1),
.main_table tbody .attention_meno td:nth-child(2),
.main_table tbody .attention_meno td:nth-child(3) { background: lightpink; }
.attention .main_table thead tr { position: sticky; top: 0; left: 0; z-index: 12; }
.attention_meno td textarea { width: 100%; height: 100%; overflow-y: auto; }
.main_table tbody .attention_info td:nth-child(1),
.main_table tbody .attention_info td:nth-child(2),
.main_table tbody .attention_info td:nth-child(3) { background: #fff; }
.attention_info ul { display: flex; }
.attention_info ul li { display: flex; align-items: center;  }
.attention_info ul li::before { content: ''; display: inline-block; width: 1px; height: 10px; background: #333; margin: 5px; }
.attention_info ul li:first-child::before { display: none; }
.attention_info td div { display: flex; justify-content: space-between; }
.attention_info td div button { border: none; background: none; font-size: 14px; font-weight: 700; }

/*색상변경*/
.attention .main_table tbody tr td:nth-child(2),
.attention .main_table tbody tr td:nth-child(8),
.attention .main_table tbody tr td:nth-child(9) { color: red; }
.attention .main_table tbody tr:nth-child(3) td:nth-child(2),
.attention .main_table tbody tr:nth-child(3) td:nth-child(8),
.attention .main_table tbody tr:nth-child(3) td:nth-child(9) { color: #007bf5; }

/*  config  */
section.config {position: fixed; width: 100%; height: 100vh; padding-top: 0; background: var(--body-bg); z-index: 100;}
.p_header { width: 100%; height: 50px; display: flex; position: relative; justify-content: center; align-items: center;}
.p_header_left { position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; z-index: 100;}
.p_header_left button { width: 25px; height: 25px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAACgCAYAAACbg+u0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEY1ODlFQzFBQjk0MTFFRUJGNjZDNjU1RDc3Q0M1RUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEY1ODlFQzBBQjk0MTFFRUJGNjZDNjU1RDc3Q0M1RUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDMzMTBDMzI4QUQyMTFFQ0IwMDZEMjdGQkQxODAzQTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDMzMTBDMzM4QUQyMTFFQ0IwMDZEMjdGQkQxODAzQTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5QyGkDAAAEBElEQVR42uzdvW7UQBAHcDtBFBR5AAgPwAsgChoKKkA0FIhAEE0ECAk6QkFFcUcFNIBoEIEABUUUqBIEFLxBkOAF4AESiQIEZlbn40Lw6Ty2d3Zn9j/SKEW2OP9ufev98uZFUWSI5jEFAgACEIAARAAQgAAEIAKANgDzPJfKOcoNyoJyk3KZctb9TyxcX7jrFIq++/gV+ZVyn4/rqrxWpYDj8Ib5TAow93HBnm8hh3d9Qpktuq4ZiW9SG2AdvOFPU662EQmNR/EFjzH/Ro+B5+IOWuFRLE5oMHbmA1/XpbEV5uItuZ9gADbDW6ac9nlnaQJshZc6YGu8lAE7wUsVsDO8FAGvdomXGuAlJt6LSXgpAXLxVil3h+ogxAboDS8FQK941gG941kGFMGzCiiGZxFwjvKXFJ41QC7eels8S4BcvHeUe2IdKJYGDIYnCehrVu4w/flQp8tVxnvK45TfuwTUPKl0KySeZPiqgT/pz66QeNprYDLhC/BjzXJHKN902XhYAbxZtsDmEX3WwPOUv80j4kHaXlduDV05DCZgOAsDqhjSx5A+JpUwrYmJdSztwNIOLC7C8jYssMQSXyzxFUfENgdscwiCiI02HSBiq1dF9JiICwD8P/oMwM/YsT4eERuuW/4e3q5Rbkv7tGZoxFUr05o+A6896SDcbN9GCbdZPkzvl3yMyYUv2FxgdRYAAQhAACIACEAAAhABQAACEIAIAAIQgABEABCAAAQgwjxg1bTmrOQH0DytOW6dzDfKg9lggh01kInnYm9Wb/1MsjWw1nkilDMAbIb399pwCzfHw3kiOyLa80Q0AC6WWTceUj5CIzLC6zHKP80G76spUAP5eM8pL0jixQzYBG8+q/+6KdOAavBiBFSFFxugOryYWmG35f+uNrxYAN1LJ+4zyr+kPBsDXgyAXLzXlKcof8TyuzMFPJ2AJvBCAZrBCwFoCk8a0ByeZCvsZs+WGF+YCjwpQC7eW8pjGvAkbmEunnu3/kkteL4Bm+CpO9XB1y0c/DwR7TUQ54m0jODniaTQFzYROE8kUkCcJ9JBDUziPBGfv4FuseO8dUTfjUgTxJWsg/NELLXCXMSjlK+0IEo9xjjEK4zyJ7QgSj4HuldzXraGKP0gbQ4xRE/EFGKorpwZxJB9YROIoQcTmiA+yeoPlZkHHCJeY5Q/nQ1GuqcBOIp7lDcY5c/EghjTeGBfI2JsA6rqEGMckVaFGOuQvhrEmOdEmiA+zoQ2GWoAbIJ4LuMtYDIPOETsM8pfpFyQ+nCa9gtzt7seAGA7RGy4rgicJyKEKHaeCF57kmAN3F4T3Y6lT9tuW7cF7JAUnvYaGEVgdRYAAQhAACIACEAAAhABQPn4I8AAKuOGO9Xp3ukAAAAASUVORK5CYII=') no-repeat 0 0; background-size: auto 50px; border: none;}
.p_header_title { font-size: 1.25rem; font-weight: 700; }

.config_contents { width: 100%; height: calc(100% - 50px); margin: 0 auto; padding: 30px 2.5%; border-radius: 10px; background: var(--content-bg ); }
.config_contents > div {margin-bottom: 30px;}
.config_title { display: flex; align-items: center; column-gap: 5px; margin-bottom: 5px; font-size: 1.125rem; font-weight: 700; letter-spacing: -1px; color: #25b5aa; }
.config_push .config_title::before { content: ''; width: 20px; height: 20px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAoCAYAAAA16j4lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGAmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5YzA4M2IzNy05ODYwLTIzNGMtODVmOS02ZmY3NGNlMDUyOTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkJDOEJEM0U3RjVFMTFFRDhCNkNDNjI2QTY4N0U5M0QiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjQxN2YxM2UtN2MxNy02MjRlLTlkYjgtMmRlN2ExYmQwN2I1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgeG1w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') no-repeat 0 0; background-size: auto 20px}
.config_login .config_title::before { content: ''; width: 20px; height: 20px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAoCAYAAAA16j4lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGAmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5YzA4M2IzNy05ODYwLTIzNGMtODVmOS02ZmY3NGNlMDUyOTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkJDOEJEM0U3RjVFMTFFRDhCNkNDNjI2QTY4N0U5M0QiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjQxN2YxM2UtN2MxNy02MjRlLTlkYjgtMmRlN2ExYmQwN2I1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMTItMjhUMTY6NDU6MjIrMDk6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTEyLTI4VDE2OjQ4OjA0KzA5OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTEyLTI4VDE2OjQ4OjA0KzA5OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Y2NiODcwYjctODJkYS1kMTRhLWFkZWUtYjQ0N2YzN2FiZTE3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MWYwM2FhMmEtZjU5My0xMTQ0LTlhN2MtZjlhZDIwMDM0ZmFhIi8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjI0MTdmMTNlLTdjMTctNjI0ZS05ZGI4LTJkZTdhMWJkMDdiNSIgc3RFdnQ6d2hlbj0iMjAyMy0xMi0yOFQxNjo0ODowNCswOTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsHpb9gAAAW7SURBVHja7VxbjBRFFO3Zh6CQKBGMSHDbuEIQTQQ1iES31/WRoJi4gQQlur3GDz744sMQjNmBCPHT+APE4Aw+Powh++MDNDpDJGgiKPBBUDQ7iBqNDwKKcV3Y8Vz2DjSVmu6urqqeB3OTk+rpR1V1nbq37q2qnky5XHZa0rzS1mqC5pYO8cScD95Nko8PDAElYAeQ16nUt0tXtJixRXAC8YAcH7v829EluSX1Q/BAlXP5tDQ1wuq4XB+PUeLzRbY2xVpaDNQ9g2Qyg/ig3+eAs8B/wCgwnrQNTRDs1nEHpmEjW6W+PhNOHXFDyqRSuz8GPA30AVeH3E5kHwJ2AdSTD6blZFUaxwsx214NyS1IyJV1ziwavJAWscBqHB4HhoH+CHJJ2oGFwHrga+AL4FGbBPeymStUMc9Bx6vA8FMm11fsXB4a3rdM7nwkXwJbgBs0sloEvMcaPds0wRuBT4GuBE7YUIoE5xKac1vk9jO5dyg8RhMUp0KuPwJ8hbx7TBFMDsmLGu+ZFRsxYUhmyydwUR/PArmreOy8UuExspA3A9cAgyH3TSdNRhkP6xJM5Dxj4H2zKWhyLcd9kdxe9lNULeWrwEgg3DwUci953ztR1i1JCXYNk5K17Hl3aTzbY5Dca5G8I4lUKPTZDDwHHK7yeHBsnQRcF1HcVCqLvXNlgm04HwMWCd6j8exxg/V4GZghOb8JsesLwHYcP8iEi7KGvealbN5nxihvAfCsKsGmtTcNLS5pPFs0pL3dIWPn0cAkxW9I/pDc00kdAXgfWKZQ9PMou02VYFvSa5HgJCSX0OAlQ3VYw/Gr9BpImModwY+pnaIcAz6SaD85ZnNVCO6xSLDNlazBlJ6RTmYgWRVyy33Aj7jvWMJwbjdwK4dJpCTiNObctBo5Sh6wmHfRiZ7FCkoe2ls0VPYCDl/ChGavuhPm/7YzMU9Nsg/4XhI6xSbYZsjhWu5AO2KSnAW5gwbLXWj5ve4NHN/IqCpRiw0ZixWdbbkhaDzdwEQPcIeqoORcXE0qGS632/J7rWYt/YbnJiYJ10cjCa4sQYkemWlJaZmuQnRacr3kHHnLtEiwKEZMG0eWh1z7QcVEtzstUZWrhN8/AfPRmR9HOo8cLItl09LiwUiCaY4YaI/hLGhVxtJcdL3Jbo53yWL9ieRDi2XlUMapuGMwXbuiQRvVZQexS3AWPefSHR0ke7ijFQ3FweIK0GLk34m8xziEusfSO9O051oVJ6tDMoDXO6nkTPkRHnrlmi+kZLXOj9cgI69Rj5+F32SW9yHvj5E+BNxu+L3HgNeBdaj3XyoEj1v2ok1MKlRI9QyFdJRfDvle2CGagOyjknN3MXTkDPAmsBf4l8d6Gs8PoI6nk4RJY4x6JZcILVi0BufNPJOtotWfW6gPOU60aWBENRJpi/DITtcpub5FcmVkDzHRcUI/mlk6YrB80twnZOTGkTCCy/VIMGtuLuViieSswo6PVyKu07anYVaiKHlLZzImKg4erUMFHqhh2XGXTt8AfqlybTO0vA8gk/tkjLw+06lwRxXNTUsrymIsjBePcuy8GhLsxjTTo2zSt0kuDwvH5QhntlOnwo348ZnbIGW/BnwiOR/cINcXI1K5zbQGt8SAQIvJOq3E4X7n0n1im3D+TqQngadiZDXdNMGZCI0nk9Ee8LTPSswM3UfbRKfwtb+BfxzJNzbN/CUh3u13kEn7rorArMClfoVsfk1Tg8cFx2skxGyR53dTDK+4qQnH+3yHd1yMw53A3Qmy2NVUY3AzLkCA5BNIljgTHw6cUXh0WDfe1x2DyfT4IddsNFamQUmmWcGX0IG3OhOb8nyn+h7uc+ykrdUtNyP+R4eiBrncw9wk5jmkMS4LRwxtPc2Z2ABAKa3c0S5JWo06wX6LdlvpajARSTv7aGbpfjb5eSfl720b2HSfZG/ammRa/7LT3NL6l50ml/8B3F2MydFgAUgAAAAASUVORK5CYII=') no-repeat -20px 0; background-size: auto 20px}
.config_skin .config_title::before { content: ''; width: 20px; height: 20px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAoCAYAAAA16j4lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGAmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5YzA4M2IzNy05ODYwLTIzNGMtODVmOS02ZmY3NGNlMDUyOTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkJDOEJEM0U3RjVFMTFFRDhCNkNDNjI2QTY4N0U5M0QiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjQxN2YxM2UtN2MxNy02MjRlLTlkYjgtMmRlN2ExYmQwN2I1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgeG1w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') no-repeat -40px 0; background-size: auto 20px}
.config_set {padding: 10px; border-radius: 10px; background:var(--mbox-bg);}
.config_set li {display: flex; align-items: center; justify-content: space-between; padding: 10px 5px; border-bottom: 1px solid var(--border-basic)}
.config_set li:last-child {border-bottom: none;}
.config_set li button { width: 50px; height: 24px; border-radius: 30px; background: var(--toggle-bg); border: none; position: relative; text-indent: -9000px;}
.config_set li button::before { content: ''; display: inline-block; width: 18px; height: 18px; background: #fff; border-radius: 50%; position: absolute; top: 3px; left: 3px; }
.config_set li button.on { background: var(--button-hot); }
.config_set li button.on::before { right: 3px; left: auto; }

/*  policy  */
section.policy {position: fixed; width: 100%; height: 100vh; padding-top: 0; z-index: 100; background: var(--body-bg);}
.pp_contents { height: calc( 100% - 50px ); overflow-y: auto; background: var(--content-bg )}
.pp_contents p { width: 100%; padding: 20px; white-space: pre-wrap; font-size: .875rem }

/* add-item */
.item-add {position: absolute; right: 8px; top: 10px;}
.item-add button {display: none; width: 24px; height: 24px; border-radius: 3px; background: #d90e1b}
.item-add button:before {content: '\002B'; display: block; height: 30px; color: #fff; font-size: 24px; line-height: 24px}

.item-sch {position: relative; min-height: 100vh}
.item-sch h2 {height: 40px; font-size: 1.125em; line-height: 40px; padding-left: 40px;}
.item-sch .cls {position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px;}
.item-sch .cls button {width: 25px; height: 25px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAACgCAYAAACbg+u0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEY1ODlFQzFBQjk0MTFFRUJGNjZDNjU1RDc3Q0M1RUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEY1ODlFQzBBQjk0MTFFRUJGNjZDNjU1RDc3Q0M1RUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDMzMTBDMzI4QUQyMTFFQ0IwMDZEMjdGQkQxODAzQTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDMzMTBDMzM4QUQyMTFFQ0IwMDZEMjdGQkQxODAzQTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5QyGkDAAAEBElEQVR42uzdvW7UQBAHcDtBFBR5AAgPwAsgChoKKkA0FIhAEE0ECAk6QkFFcUcFNIBoEIEABUUUqBIEFLxBkOAF4AESiQIEZlbn40Lw6Ty2d3Zn9j/SKEW2OP9ufev98uZFUWSI5jEFAgACEIAARAAQgAAEIAKANgDzPJfKOcoNyoJyk3KZctb9TyxcX7jrFIq++/gV+ZVyn4/rqrxWpYDj8Ib5TAow93HBnm8hh3d9Qpktuq4ZiW9SG2AdvOFPU662EQmNR/EFjzH/Ro+B5+IOWuFRLE5oMHbmA1/XpbEV5uItuZ9gADbDW6ac9nlnaQJshZc6YGu8lAE7wUsVsDO8FAGvdomXGuAlJt6LSXgpAXLxVil3h+ogxAboDS8FQK941gG941kGFMGzCiiGZxFwjvKXFJ41QC7eels8S4BcvHeUe2IdKJYGDIYnCehrVu4w/flQp8tVxnvK45TfuwTUPKl0KySeZPiqgT/pz66QeNprYDLhC/BjzXJHKN902XhYAbxZtsDmEX3WwPOUv80j4kHaXlduDV05DCZgOAsDqhjSx5A+JpUwrYmJdSztwNIOLC7C8jYssMQSXyzxFUfENgdscwiCiI02HSBiq1dF9JiICwD8P/oMwM/YsT4eERuuW/4e3q5Rbkv7tGZoxFUr05o+A6896SDcbN9GCbdZPkzvl3yMyYUv2FxgdRYAAQhAACIACEAAAhABQAACEIAIAAIQgABEABCAAAQgwjxg1bTmrOQH0DytOW6dzDfKg9lggh01kInnYm9Wb/1MsjWw1nkilDMAbIb399pwCzfHw3kiOyLa80Q0AC6WWTceUj5CIzLC6zHKP80G76spUAP5eM8pL0jixQzYBG8+q/+6KdOAavBiBFSFFxugOryYWmG35f+uNrxYAN1LJ+4zyr+kPBsDXgyAXLzXlKcof8TyuzMFPJ2AJvBCAZrBCwFoCk8a0ByeZCvsZs+WGF+YCjwpQC7eW8pjGvAkbmEunnu3/kkteL4Bm+CpO9XB1y0c/DwR7TUQ54m0jODniaTQFzYROE8kUkCcJ9JBDUziPBGfv4FuseO8dUTfjUgTxJWsg/NELLXCXMSjlK+0IEo9xjjEK4zyJ7QgSj4HuldzXraGKP0gbQ4xRE/EFGKorpwZxJB9YROIoQcTmiA+yeoPlZkHHCJeY5Q/nQ1GuqcBOIp7lDcY5c/EghjTeGBfI2JsA6rqEGMckVaFGOuQvhrEmOdEmiA+zoQ2GWoAbIJ4LuMtYDIPOETsM8pfpFyQ+nCa9gtzt7seAGA7RGy4rgicJyKEKHaeCF57kmAN3F4T3Y6lT9tuW7cF7JAUnvYaGEVgdRYAAQhAACIACEAAAhABQPn4I8AAKuOGO9Xp3ukAAAAASUVORK5CYII=') no-repeat 0 0; background-size: auto 50px; border: none}
.item-sch dl dt input {width: 100%; height: 40px; font-size: 1.125em; padding-left: 9px;}
.item-sch .stkbox-items {max-height: 50vh; padding-left: 11px; background-color: var(--mbox-bg); overflow-y: auto;}
.item-sch .stkbox-items > div {width: calc(100% - 10px); padding: 20px  0; border-bottom: 1px solid var(--border-basic);}

/* bong */
.s-bong .cht { height:100%; padding-top:0;}
.s-bong .cht ul {position:relative; width:5px; height:25px; margin:0 auto; transform: rotate(90deg)}
.s-bong .cht ul li {background:#888}
.s-bong .cht .cht-bdy {position:absolute; top:10%; left:0; width:5px; height:20%}
.s-bong .cht .cht-til {position:absolute; top:5%; left:2px; width:1px; height:50%}
.s-bong .cht .up li { background:#f10a0a}
.s-bong .cht .dn li { background:#0a66f1}

/* price-target */
.h_subbtm_bdy {height: 100%; background: var(--mbox-bg);}
.price-target { display: flex; flex-wrap: wrap; align-items: flex-start; padding: 20px 10px;  }
.price-target dl { width: 100%; height: 50px; background: var(--bg-light); border-radius: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 5px; margin-bottom: 10px; }
.price-target dl dt { background: var(--bg-dark); width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: (var(--color-basic)); font-weight: 700; font-size: 1.05rem }
.price-target dl dd { font-weight: 500; font-size: 1.05rem; margin-right: 20px; }

.price-target dl.JB1 {border: 2px solid #2fa2b8; background-color:#2fa2b825}
.price-target dl.JB2 {border: 2px solid #454bde; background-color:#454bde25}
.price-target dl.SW {border: 2px solid #d0324f; background-color:#d0324f25}
.price-target dl.C {border: 2px solid #ea771b; background-color:#ea771b25}
.price-target dl.B1 {border: 2px solid #35ae74; background-color:#35ae7425}
.price-target dl.B2 {border: 2px solid #2b99ed; background-color:#2b99ed25}
.price-target dl.B3 {border: 2px solid #6736c5; background-color:#6736c525}
.price-target dl.S {border: 2px solid #d0324f; background-color:#d0324f25}
.price-target dl.SF {border: 2px solid #ea771b; background-color: #ea771b25}
.price-target dl.F {border: 2px solid #fbb025; background-color:#fbb02525}
.price-target dl.K {border: 2px solid #f563b8; background-color:#f563b825}
.price-target dl.G1 {border: 2px solid #35ae74; background-color:#35ae7425}
.price-target dl.G2 {border: 2px solid #2b99ed; background-color:#2b99ed25}
.price-target dl.G3 {border: 2px solid #6736c5; background-color:#6736c525}

.price-target dl.JB1 dt {top: 3px; left: 3px; color: #fff; background: #2fa2b8}
.price-target dl.JB2 dt {top: 3px; left: 3px; color: #fff; background: #454bde}
.price-target dl.SW dt {top: 3px; left: 3px; color: #fff; background: #d0324f}
.price-target dl.C dt {top: 3px; left: 3px; color: #fff; background: #ea771b}
.price-target dl.B1 dt {top: 3px; left: 3px; color: #fff; background: #35ae74}
.price-target dl.B2 dt {top: 3px; left: 3px; color: #fff; background: #2b99ed}
.price-target dl.B3 dt {top: 3px; left: 3px; color: #fff; background: #6736c5}
.price-target dl.S dt {top: 3px; left: 3px; color: #fff; background: #d0324f}
.price-target dl.SF dt {top: 3px; left: 3px; color: #fff; background: #ea771b}
.price-target dl.F dt {top: 3px; left: 3px; color: #fff; background: #fbb025}
.price-target dl.K dt {top: 3px; left: 3px; color: #fff; background: #f563b8}
.price-target dl.G1 dt {top: 3px; left: 3px; color: #fff; background: #35ae74}
.price-target dl.G2 dt {top: 3px; left: 3px; color: #fff; background: #2b99ed}
.price-target dl.G3 dt {top: 3px; left: 3px; color: #fff; background: #6736c5}


/*join*/
section.join  {display: flex; height: 100vh; align-items: center;}
.join article { width: min(80%, 600px); margin: 0 auto; border-radius: 10px; padding: 30px 20px; margin-bottom: 70px; }
.join_top { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; align-content: center; text-align: center; margin-bottom: 30px; }
.join_title { font-size: 1.5rem; letter-spacing: -1px; font-weight: 700; margin-bottom: 10px; color: var(--color-prime);}
.join_line { width: 50px; height:2px; background: #FFF; margin-left: 58px; margin-bottom: 5px; }
.join_subtitle { font-size: 1.125rem; font-family: 'Cafe24Ssurround'; font-weight: 700; letter-spacing: -1px; color: var(--color-light); opacity: .75;}

.join_contents { position: relative; display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto 10px auto; justify-content: right; align-items: center; }
.join_contents input { width: 100%; font-size: 18px; font-weight: 700; border: none; text-indent: 20px; height: 40px; background: var(--mbox-bg); border-radius: 10px }
.join_contents input[type=button]{ position: absolute; top: 2px; right: 2px; width: min(80px, 20%); height: calc(40px - 4px); background-color: var(--button-basic); text-indent: 0; font-size: .9rem}
.join_contents_article { font-size: .725rem; font-weight: 400; width: 75%; margin-top: 5px }

.agree { width: 100%; margin:50px auto 0 auto; display: flex; flex-wrap: wrap; flex-direction: column; }
.agree li {margin-bottom: 10px; font-size: .925rem; font-weight: 700; color: var(--color-light);}
.agree input[type=checkbox] { border:1px solid #a2a2a2; width: 15px; margin-right: 10px; height: auto }
.agree p { margin-bottom: 10px; }
.agree p button { width: 15px; height: 15px; border: none; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAACWCAYAAADJ0zgXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRCMzY3Qzk3RjVGMTFFRDhBQUFCN0JFMzU2MzBGMkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRCMzY3Qzg3RjVGMTFFRDhBQUFCN0JFMzU2MzBGMkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTcxOTJBMzMwNkQ0MTFFQzhGNjhCRDE4REEzQzE0MjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTcxOTJBMzQwNkQ0MTFFQzhGNjhCRDE4REEzQzE0MjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ZtH8BAAAENElEQVR42uyb0W3bMBCGpaALaAV3AAdwRohHsJ/6LAHtAPYIygIFpOf2xRlBHsEG4r7HI8QjqGRzDljlSB7FO6VASYCIIVv8dOTx5x2p5H3fZx9RbrIPKgn8T4JXqr6oelC1yPM8s1VS0V5NrGY5qFrEtBli8YPxeaHqLqqvqRbDb5uB5c3YNoPAVLgIGBo+DOCbqcAFAi/FwQ74ShwMgJmqLwZYf15wT6d3RYnFWf1ZG5f03L4Xl0wQkXpw+cw+j5F7d5h3SzuXdT5LTieniEgp12YA7cSVS4sEZZViBVOhVHAeEGWaP7yoegfzGAVzzuOtAV3aoGTxoVqsQxothxrsg1LazFNAn8AJzFU++X7w6+c3LYsdBPHt/Mv3irrOx1p8hepSnn58babq6uFCoOGbKcBr0Gez1ApeioLVmB71ooDAmxi4V6uv+a6CLCA3HpY7eDh25zItxzy6g4eSsfhaoHuHnn0By8/sFhuWt0ZQYHr+Tj1UIWaxYbm2euhcfxxRPdyF3WLDcj3e7eDyAhkGfq22wFcUdeNYJLZIolZOAdbJ+AzxcjkwzN8agS7FwADtkEVkjSkZC9gBrRR0L+LVIBKNBdqKhD4ANQODt+3GEGjo6mSDouEQp3LVVChbVzt0eSsWgfgWA8mYq0T2saKgVHA1UKV1LJTs1SAYeqtwT1ElilenxDyBEziBEziB3auI75gnKJ+azwtX+ywnbQhUL53P6u9isq4G2A7i7Q4egr4ek18ueA/FMovl09PTXsRiGFMss2hPp9NeJjF/hWJBvjf0jbXYBl0qay8yeyDzeTMWOhoM0BJJyCsKdBRYQTcWqLb0SG0naDopqG1Xzwq1qeFNgKWrDN/DqkIsDQKDQNigjyKrk0OVNLQdOyucYwwC8YxAHxSUlBsHj7GhSpgUbiOFBwc7pFBDq4yh3ATsdxy5oChYWVvbth44g4Z3znV7e9sjAvGZKoUxzjXcAtbjvZoiysQOuBqQS7mu1vMYRONgUapWqqsz0F7Mg2tKBBklmWBZhYx3xwF3ajXAtxb4TDSFUXD9BmqLwHfDrIF9WQTFws6YurFwciAA8CMGnyJbXGJwCP7kwCCbGLwMhYcfhrzCK0TdSlhg+KPMMSGRTbmiskWKtEaHt4HS2kA4LJ4fW4/vVX58FtsRsEjro7p+nmTzRU8pVXtzapHfy2TYIVhRdn3SmUQCJ3ACJ3ACJ/B/DDaLjhw2gu3fY+3riz3UHRKkx5bSaL8xM74X44segvRCAPoXvEO+4ILXlrZ7F7iHnhi739E42u1tXR0L90HfnGwGXeuCU/4tsPC002fIy6KjbuK6v4DpFHozpccWrGMk4SO1B94QoIexs6L0wHsPtOBWHl/tuJTP16U9psVchQJnh5rwA8HTRQomFMHHBnkE/ArTW077YHDaikhgqfJbgAEAcUqt96lMd64AAAAASUVORK5CYII=") 0 -60px; background-size: 15px auto; margin-left: 5px; }
.agree p button.on {transform: rotate(180deg)}
.agree p.on:after {transform: rotate(180deg)}
.agree p.on + div {display: block}
.agree p + div {max-height: 300px; white-space: pre-line; font-size: .9em; color: #9eb1b0; border-top: 1px solid var(--border-basic); background: #f8f8f8; padding: 10px 5px; word-break: keep-all; overflow-y: auto; display: none}
.agree p + div.on{display:block}
.agreeflex { display: flex; flex-wrap: wrap; align-items: center; }

#joinBtn{display:block; color: #fff; text-align: center; background: #ff3d00; margin: 0 auto 20px auto; font-weight: 700; font-size: 18px; border-radius: 10px }

.cen { border: 1px solid #25b5aa; border-radius: 10px }
.searchWrap { display: flex; flex-wrap: wrap; margin: 0 auto 0 auto; }
.searchWrap li { width:49%; height: 40px; line-height: 40px; }
.searchWrap li:first-child { margin-right: 2%; }
.searchWrap li a { display: block; line-height: 40px; text-align: center; font-size: .825rem; font-weight: 700; }

/*  join_completion  */
.join_completion_wrap { width: min(100%, 1600px); margin: 0 auto; }
.completion_contents { width: 625px; height: 395px; margin: 0 auto 110px auto; border: 1px solid #25b5aa; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; }
.completion_contents img { margin-bottom: 20px; }
.completion_title { font-size: 25px; font-weight: 700; letter-spacing: -2px; margin-bottom: 20px; }
.completion_title span { color: #000; }
.completion_title br { display: none; }
.completion_article { font-size: 18px; font-weight: 500; line-height: 25px; letter-spacing: -1px; margin-bottom: 50px; }
.completion_button { display: flex; flex-wrap: wrap; justify-content: center; }
.completion_button a { display: block; width: 210px; height: 55px; line-height: 55px; font-size: 18px; font-weight: 700; text-align: center; }
.completion_button a:first-child { color: #fff; background: #25b5aa; margin-right: 10px; }
.completion_button a:last-child { color: #5b5b5b ; border: 1px solid #25b5aa; }


@media only screen and (min-width:768px) {
  header .mkBox {height: 300px;}

  .item_wrap.info .sub_contents {display: grid; grid-template-columns: calc(60% - 20px) 40%; column-gap: 20px; grid-template-rows: 40px 50px auto; overflow: hidden; padding: 0 0 0 2%;}
  .item_wrap.info .sub_contents .m_sub_info {grid-column: 1 / 2; grid-row: 1 / 2;}
  .item_wrap.info .sub_contents .m_sub_theme {grid-column: 1 / 2; grid-row: 2 / 3;}
  .item_wrap.info .sub_contents article {grid-column: 1 / 2; grid-row: 3 / 4; overflow-y: auto}
  .item_wrap.info .sub_contents .m_subb {grid-column: 2 / 3; grid-row: 1 / 4; overflow-y: auto;}
  .m_subb ul {position: sticky; top: 0; padding-top: 5px;}

  .item_wrap.h_deal .sub_contents {display: grid; grid-template-columns: 420px calc(100% - 420px); grid-template-rows: auto; overflow: hidden;}
  .item_wrap.h_deal .sub_contents .ask-wrap {height: calc(100vh - 100px); overflow-y: auto;}
  .item_wrap.h_deal .sub_contents .h_subbtm {height: calc(100vh - 100px); border-left: 1px solid var(--border-basic);}
  .item_wrap.h_deal .sub_contents .h_subbtm_content {height: calc( 100vh - 170px );}
  .item_wrap.h_deal .sub_contents .askPrice > ul.price-info {overflow-y: auto;}

  .up_item .slide_list .hname {width: calc(60% - 300px);}
  .up_item .slide_list .hbar {width: 320px;}
  .up_item .slide_list .hbar .s-bong {width: 300px;}
  
  .weekWrap dl {width: 50%; min-height: calc(100% / 4); border-bottom: 1px solid var(--border-basic);}
  .weekWrap dl:nth-child(odd) {width: calc(50% - 1px); border-right: 1px solid var(--border-basic);}
  .weekWrap dl dd p a { overflow:hidden; white-space: nowrap; }

  /* IOS */
  .IOS .appWrap { width: calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right)); margin: 0 auto;}

}
.x-test button {display: none;}

.jisu-chart-wrap {min-height: 200px; background-color: #fff;}
#advanced-chart-widget-container {height: 200px; background-color: #fff;}

/* DESKTOP */
.DESKTOP .appWrap {height: calc(100vh - 30px); margin-top: 30px;}
/* header가 기준이 되게
.DESKTOP.wiz-fc header{position:relative;}
.DESKTOP.wiz-fc header::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:30px;-webkit-app-region:drag;z-index:1;}
 */
.DESKTOP .search {left: 20px; max-width: 480px;}
.DESKTOP section {height: calc(100vh - var(--height-header) - var(--height-footer) - 30px)}
.DESKTOP section.full {top: 30px; height: calc(100vh - 30px); z-index: 60;} 
.DESKTOP .top_btn {top: 7px; right: 5px;}
.DESKTOP header .memuBox {top: 85px;}
.DESKTOP header::before {content: ''; display: block; position: fixed; top: 0; width: 100%; height: 30px; -webkit-app-region: drag; z-index: 1;}
.DESKTOP .x-login::before {content: ''; display: block; position: absolute; top: -30px; width: 100%; height: 30px; -webkit-app-region: drag; z-index: 1;}
.DESKTOP .pcTop {display: flex; justify-content: flex-end; position: fixed; top: 0; right: 0;  padding: 5px; -webkit-app-region: no-drag; z-index: 100;}
.DESKTOP .pcTop button {display: block; width: 20px; height: 20px; text-indent: -9000px; margin-right: 5px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAB4CAYAAABb59j9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF7GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2Mjg0ZDE1Yy1hZjJlLTllNGYtYWM1Ny03ZGU1NjJkNWRlN2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEFERjgxNEM3NzZGMTFFRDk5QjI5NDlEOEE1RjQxMDkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N2U3NmRmYzQtZDc5NS1mMDQzLTk5ZjItZTAxODU1NzQ4ZmJiIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgeG1w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") 0 0 / auto 40px; opacity: .75;}
.DESKTOP .pcTop button:hover {opacity: 1;}
.DESKTOP .pcTop button.max {background-position: -20px 0;}
.DESKTOP .pcTop button.cls {background-position: -40px 0;}
.DESKTOP.dark .pcTop button.min {background-position: 0 -20px;}
.DESKTOP.dark .pcTop button.max {background-position: -20px -20px;}
.DESKTOP.dark .pcTop button.cls {background-position: -40px -20px;}
.DESKTOP .m_subt1 .scPrice li {font-size: .875em;}
.DESKTOP .x-test button {display: block; width: 50px; margin:3px; border:1px dashed #999; padding:3px; text-indent: -9000px; opacity: .1; background: none;}
.DESKTOP .sub_memo {height: calc( 100vh - 220px );}
.DESKTOP .top_btn li.scd {background-position: -60px 0; display: none;}
.DESKTOP .grade-tima2 .top_btn li.scd {display: none;}
.DESKTOP .pcTop .topBtn {display: flex; justify-content: center; column-gap: 5px;}
.DESKTOP .pcTop label {position: fixed; top: 0; left: 0; width: 100%; height: 30px; background-color:transparent;}
.DESKTOP .resize {position: fixed; z-index: 1000;}
.DESKTOP .resize .reTop {position: fixed; left: 0; top: 0; width: 100%; height: 5px; cursor:s-resize; border-top: 1px solid #24afa5;}
.DESKTOP .resize .reRight {position: fixed; right: 0; top: 0; width: 3px; height: 100%; cursor: e-resize; border-right: 1px solid #24afa5;}
.DESKTOP .resize .reBottom {position: fixed; right: 0; bottom: 0; width: 100%; height: 5px; cursor: s-resize; border-bottom: 1px solid #24afa5;}
.DESKTOP .resize .reLeft {position: fixed; top: 0; left: 0; width: 5px; height: 100%; cursor: e-resize; border-left: 1px solid #24afa5;}
.DESKTOP .resize .re-se {position: fixed; right: 0; bottom: 0; width: 20px; height: 20px; cursor: se-resize; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNCRDMyM0I1NDI0QjExRUVCNTg1Q0ExRTJEOUVFRjVDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNCRDMyM0I2NDI0QjExRUVCNTg1Q0ExRTJEOUVFRjVDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0JEMzIzQjM0MjRCMTFFRUI1ODVDQTFFMkQ5RUVGNUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0JEMzIzQjQ0MjRCMTFFRUI1ODVDQTFFMkQ5RUVGNUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7clijpAAAAvUlEQVR42sxUYQ6GIAgN18H0ZOrJ9GZ86KQxo6Xmj4+NLYke7wEJiHjsNHNstu2ApzzEGKc+9t7XfjnnIKX0jSGBXc/WWlQZzlphJsGWAFkmGcsE2SqzKpNA8HUoqzKn16bIZKkss3mJYc55nKEiE/qcxhiGJfcyRRHoe2lmZbYYUpELVLI+v8ikdzA8ZW2arRA8rUy1cn0JZ6vnEEJ1DlIBNV/GVYYj0xya8tPSyrj8zWj/bvnw9zf2T4ABAGIGm32qq++4AAAAAElFTkSuQmCC"); z-index: 100;}
.DESKTOP .itembox ul li.price {font-size: .8125rem;}
.DESKTOP .monthList dd { height: 24px;}
.DESKTOP .monthList dd p { font-size: 14px;; font-weight: 500; line-height: 18px; padding-left: 5px;}
.DESKTOP .monthList dd p::after {height: 18px;}
.DESKTOP section.theme {height: calc(100vh - 110px);}
.DESKTOP section.item_wrap {position: relative; height: calc(100vh - 50px - 30px);}
.DESKTOP .x-outline {max-height: 120px;}
.DESKTOP .x-outline::-webkit-scrollbar { appearance: none;}
.DESKTOP .x-outline::-webkit-scrollbar:vertical {width:12px;}
.DESKTOP .x-outline::-webkit-scrollbar:horizontal { height:12px;}
.DESKTOP .x-outline::-webkit-scrollbar-thumb {background-color: rgba(120,130,140, .2); border-radius: 6px;  border: 2px solid transparent; background-clip: padding-box}
.DESKTOP .x-outline::-webkit-scrollbar-thumb:hover {background-color: rgba(120,130,140, .4)} 
.DESKTOP .x-outline::-webkit-scrollbar-track {border-radius:0; background-color:transparent;}
.DESKTOP .x-outline::-webkit-scrollbar-corner {background-color:transparent}

.DESKTOP .planPop {top: 30px; height: calc(100vh - 30px);}


/* IOS */
.IOS .appWrap {position: relative; height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)); margin-top: env(safe-area-inset-top); margin-bottom: env(safe-area-inset-bottom)}
.IOS .appWrap section {height:calc(100vh - var(--height-header) - var(--height-footer) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.IOS .appWrap section.full {top: env(safe-area-inset-top); height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.IOS .appWrap section.login {height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)); margin-top: env(safe-area-inset-top);}
.IOS .appWrap section.join {height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.IOS .appWrap section.config {height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.IOS .appWrap section.item_wrap {height: calc(100vh - 50px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.IOS .appWrap section.theme {height: calc(100vh - 80px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.IOS .up_item .slide_list {height: calc(100vh - 360px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.IOS .t_my .tbl-wrap {height: calc(100vh - 50px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.IOS .h_subbtm {position: relative; height: calc(100vh - 361px - 100px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.IOS .m_list {height: calc(100vh - 170px - env(safe-area-inset-top) - env(safe-area-inset-bottom));}
.IOS .item_wrap .sub_contents {height: calc(100vh - 100px - env(safe-area-inset-top) - env(safe-area-inset-bottom));}
.IOS .sub_memo {height: calc( 100vh - 200px - env(safe-area-inset-top) - env(safe-area-inset-bottom));}
.IOS header .memuBox {top: calc(50px + env(safe-area-inset-top))}
.IOS .alertify .ajs-dialog {margin: calc(5% + env(safe-area-inset-top)) auto}
.IOS footer {bottom: env(safe-area-inset-bottom);}
.IOS .schBot {bottom: calc(56px + env(safe-area-inset-bottom));}
.IOS .x-outline {line-height: 23px;}




/* ANDROID */
.ANDROID .f_chart {position: fixed; right: 5px; bottom: 0; z-index: 100;}
.ANDROID .f_chart button {width: 30px; height: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAACgCAYAAACbg+u0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiZDgxNTI0Ny0yYzI5LTAyNDItYjNlYS05NDkwNmFlMTRjOGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjU5MkUzMDM4MTA4MTFFREFERjQ4OUQyODAyMTQ5RDUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjU5MkUzMDI4MTA4MTFFREFERjQ4OUQyODAyMTQ5RDUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YmQ4MTUyNDctMmMyOS0wMjQyLWIzZWEtOTQ5MDZhZTE0YzhlIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmJkODE1MjQ3LTJjMjktMDI0Mi1iM2VhLTk0OTA2YWUxNGM4ZSIvPiA8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') no-repeat 0 0 / 30px auto;}
.ANDROID .comp .f_chart {display: none;}

.ANDROID.land .chart_top_btm {position: fixed; top: 0; width: 100%; background: #fff; z-index: 100;}
.ANDROID.land .w_chart {position: fixed; top: 40px; width: 100%; height: calc( 100vh - 40px); background: #fff;}
.ANDROID.land .f_chart button {background-position: 0 -30px;}

@media only screen and (max-width:375px) {
table td {font-size: .75em;}
}

.alertify .ajs-dialog {background-color: var(--mbox-bg);}
.alertify .ajs-header {background-color: #80808019;}
.alertify .ajs-footer {background-color: transparent;}

@media only screen and (max-width:280px){
  body {zoom: .8;}
}


/* =========================
   FC 전용 스코프(PC앱 :has 미지원 대응)
   - body.wiz-fc (JS로 body에 토글)
   - .t_wiz.is-fc (Wizard section에 토글)
   ========================= */
/* FC 공통 동작(테마 무관) */

body.wiz-fc .t_wiz .t_page_contents{height: calc(100% - 50px); justify-content: flex-start; align-items: flex-start;  display:flex;flex-direction:column; padding-bottom:0; overflow-y:auto; }
body.wiz-fc .t_wiz .fc-card-container {width: 100%;}
body.wiz-fc .t_wiz,body.wiz-fc .t_wiz,body.wiz-fc .t_wiz .fc-card-container{background:var(--body-bg-bot);}

/* FC 카드 레이아웃/공통 크기 */
.t_wiz .fc-card-container{display:flex;flex-wrap:wrap;gap:4px;padding:4px 6px;background:#dee9e9;}
.t_wiz .fc-card-container .fc-card{border-radius:9px;padding:4px;width:calc(50% - 4px);position:relative;box-shadow:0 0 3px rgba(0,0,0,0.14);padding-right:16px;}
body.wiz-fc .t_wiz .fc-card-container .fc-card{padding-right:6px;}

.t_wiz .fc-card-container .fc-header{padding:3px 6px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:3px;font-size:13px;column-gap:6px;min-width:0;}
.t_wiz .fc-card-container .fc-header .fc-name{flex:1;min-width:0;max-width:18ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.t_wiz .fc-card-container .fc-header .fc-new{flex:0 0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:11ch;}
.t_wiz .fc-card-container .fc-name{font-size:13px;}
.t_wiz .fc-card-container .fc-new{padding:1px 4px;border-radius:5px;font-weight:700;font-size:11px;}

.t_wiz .fc-card-container .fc-price-box{padding:4px;border-radius:5px;margin-bottom:3px;display:flex;flex-direction:column;gap:3px;}
.t_wiz .fc-card-container .fc-price-one{display:grid;grid-template-columns:46px minmax(0,1fr) max-content;align-items:center;column-gap:4px;width:100%;}
.t_wiz .fc-card-container .fc-price-label{white-space:nowrap;min-width:0;font-size:13px;}
.t_wiz .fc-card-container .now{font-weight:700;justify-self:start;text-align:left;white-space:nowrap;margin-left:0;flex:unset;font-size:13px;}
.t_wiz .fc-card-container .rate{font-weight:700;justify-self:end;white-space:nowrap;margin-left:0;flex:unset;font-size:13px;}
.t_wiz .fc-card-container .fc-price-now{display:flex;flex-direction:row;align-items:baseline;gap:7px;white-space:nowrap;}
.t_wiz .fc-card-container .fc-price-now .now{display:inline;}
.t_wiz .fc-card-container .fc-price-now .fc-limit-time{display:inline;margin-left:0;white-space:nowrap;}

.t_wiz .fc-card-container .fc-info-box{padding:4px;border-radius:5px;margin-bottom:3px;display:flex;justify-content:space-between;font-size:13px;}
.t_wiz .fc-card-container .fc-info-item{opacity:.9;font-size:13px;}

.t_wiz .fc-card-container .fc-target-box{padding:4px;border-radius:5px;margin-bottom:3px;font-size:13px;margin-right:14px;}

.t_wiz .fc-card-container .fc-level-box{display:flex;flex-direction:column;gap:3px;margin-bottom:2px;}
.t_wiz .fc-card-container .level-row{display:flex;align-items:center;gap:3px;}
.t_wiz .fc-card-container .level-label{padding:3px 6px;border-radius:5px;font-weight:700;min-width:34px;text-align:center;font-size:12px;}
.t_wiz .fc-card-container .level-value{padding:4px 6px;border-radius:5px;flex:1;font-size:13px;}
body.wiz-fc .t_wiz .fc-card-container .level-row{padding-right:14px;}

.t_wiz .fc-card-container .fc-bar{position:absolute;right:3px;top:54px;width:6px;height:64px;border-radius:5px;}
.t_wiz .fc-card-container .fc-bar-fill{width:100%;border-radius:5px;position:absolute;bottom:0;}

/* FC 미니 봉 */
.t_wiz .fc-card-container .fc-mini{position:absolute;right:4px;top:56px;width:11px;height:130px;border-radius:10px;display:flex;align-items:center;justify-content:center;}
body.wiz-fc .t_wiz .fc-card-container .fc-mini{right:6px;top:94px;height:116px;}
.t_wiz .fc-card-container .fc-candle{position:relative;width:100%;--fc-offset:0px;}
.t_wiz .fc-card-container .fc-candle .wick{position:absolute;left:50%;top:5%;bottom:5%;width:2px;transform:translateX(-50%);border-radius:2px;background:currentColor;opacity:.9;}
.t_wiz .fc-card-container .fc-candle .body{position:absolute;left:50%;top:50%;width:9px;height:20px;background:currentColor;transform:translate(-50%,calc(-50% + var(--fc-offset)));transition:transform .25s ease;}
.t_wiz .fc-card-container .fc-mini::after{content:"";position:absolute;left:1px;right:1px;top:50%;height:2px;transform:translateY(-50%);border-radius:3px;}



/* FC 테마: dark */
.dark .t_wiz .fc-card-container{gap:4px;padding:4px 6px;background:#404040;}
.dark .t_wiz .fc-card-container .fc-card{background:#2b2b2b;color:#fff;box-shadow:0 0 3px rgba(0,0,0,0.4);}
.dark .t_wiz .fc-card-container .fc-header{background:#36a437;color:#fff;}
.dark .t_wiz .fc-card-container .fc-new{background:#ff3050;color:#fff;}
.dark .t_wiz .fc-card-container .fc-price-box,.dark .t_wiz .fc-card-container .fc-info-box,.dark .t_wiz .fc-card-container .fc-target-box,.dark .t_wiz .fc-card-container .level-label,.dark .t_wiz .fc-card-container .level-value{background:#3c4746;color:#fff;}
.dark .t_wiz .fc-card-container .fc-price-label{color:#ffffff;}
.dark .t_wiz .fc-card-container .now.up,.dark .t_wiz .fc-card-container .rate.up{color:#f34257;}
.dark .t_wiz .fc-card-container .now.dn,.dark .t_wiz .fc-card-container .rate.dn{color:#397ce7;}
.dark .t_wiz .fc-card-container .now.eq,.dark .t_wiz .fc-card-container .rate.eq{color:#ffffff;}
.dark .t_wiz .fc-card-container .fc-bar{background:#444;}
.dark .t_wiz .fc-card-container .fc-bar-fill{background:#f34257;}
body.dark.wiz-fc .t_wiz .wiz_bot{background:#2b2b2b;color:#fff;}
.dark .t_wiz .fc-card-container .fc-mini{background:#444;}
.dark .t_wiz .fc-card-container .fc-candle.up{color:#f34257;}
.dark .t_wiz .fc-card-container .fc-candle.dn{color:#397ce7;}
.dark .t_wiz .fc-card-container .fc-candle.eq{color:#ffffff;}
.dark .t_wiz .fc-card-container .fc-mini::after{background:rgb(0,0,0);}
.dark  .t_page_contents{background-color:#252525;}
/* FC 테마: light */
body:not(.dark) .t_wiz .fc-card-container{gap:4px;padding:4px 6px;background:#dee9e9;}
body:not(.dark) .t_wiz .fc-card-container .fc-card{background:#ffffff;color:#222;}
body:not(.dark) .t_wiz .fc-card-container .fc-header{background:#44a778;color:#fff;}
body:not(.dark) .t_wiz .fc-card-container .fc-new{background:#ff3050;color:#fff;}
body:not(.dark) .t_wiz .fc-card-container .fc-price-box,body:not(.dark) .t_wiz .fc-card-container .fc-info-box,body:not(.dark) .t_wiz .fc-card-container .fc-target-box,body:not(.dark) .t_wiz .fc-card-container .level-label,body:not(.dark) .t_wiz .fc-card-container .level-value{background:#f2f6f6;color:#222;}
body:not(.dark) .t_wiz .fc-card-container .fc-price-label{color:#222;}
body:not(.dark) .t_wiz .fc-card-container .now.up,body:not(.dark) .t_wiz .fc-card-container .rate.up{color:#f50600;}
body:not(.dark) .t_wiz .fc-card-container .now.dn,body:not(.dark) .t_wiz .fc-card-container .rate.dn{color:#0058f7;}
body:not(.dark) .t_wiz .fc-card-container .now.eq,body:not(.dark) .t_wiz .fc-card-container .rate.eq{color:#222;}
body:not(.dark) .t_wiz .fc-card-container .fc-bar{background:#e5e5e5;}
body:not(.dark) .t_wiz .fc-card-container .fc-bar-fill{background:#e41316;}
body:not(.dark).wiz-fc .t_wiz .wiz_bot{background:#ffffff;color:#222;border-top:1px solid #dbdfdf;}
body:not(.dark) .t_wiz .fc-card-container .fc-mini{background:#e5e5e5;}
body:not(.dark) .t_wiz .fc-card-container .fc-candle.up{color:#e41316;}
body:not(.dark) .t_wiz .fc-card-container .fc-candle.dn{color:#193bff;}
body:not(.dark) .t_wiz .fc-card-container .fc-candle.eq{color:#222;}
body:not(.dark) .t_wiz .fc-card-container .fc-mini::after{background:rgb(0,0,0);box-shadow:0 0 0 1px rgba(0,0,0,.2);}

/* 라이트 전용 현재가/상한가 시간 정렬 */
body:not(.dark) .t_wiz .fc-card-container .fc-price-now{display:flex;align-items:flex-start;line-height:1.05;font-weight:700;}
body:not(.dark) .t_wiz .fc-card-container .fc-price-now .now{font-weight:700;font-size:13px;}
body:not(.dark) .t_wiz .fc-card-container .fc-limit-time{font-size:10px;opacity:.8;margin-top:1px;color:#666;}

/* 모바일 2열 유지(컴팩트) */
@media(max-width:480px){
.dark .t_wiz .fc-card-container{gap:4px;padding:4px 6px;background:#404040;}
.dark .t_wiz .fc-card-container .fc-card{width:calc(50% - 4px);padding:4px;}
.dark .t_wiz .fc-card-container .fc-header{font-size:12px;padding:3px 6px;margin-bottom:3px;}
.dark .t_wiz .fc-card-container .fc-price-box{padding:3px;margin-bottom:3px;gap:3px;}
.dark .t_wiz .fc-card-container .fc-price-one{grid-template-columns:44px minmax(0,1fr) max-content;column-gap:3px;}
.dark .t_wiz .fc-card-container .fc-price-label{font-size:12px;}
.dark .t_wiz .fc-card-container .now,.dark .t_wiz .fc-card-container .rate{font-size:12px;}
.dark .t_wiz .fc-card-container .fc-info-box{font-size:12px;padding:3px;margin-bottom:3px;}
.dark .t_wiz .fc-card-container .fc-target-box{font-size:12px;padding:3px;margin-bottom:3px;}
.dark .t_wiz .fc-card-container .fc-level-box{gap:3px;margin-bottom:2px;}
.dark .t_wiz .fc-card-container .level-label{font-size:11px;padding:3px 5px;min-width:32px;}
.dark .t_wiz .fc-card-container .level-value{font-size:12px;padding:3px 5px;}
body:not(.dark) .t_wiz .fc-card-container{gap:4px;padding:4px 6px;background:#dee9e9;}
body:not(.dark) .t_wiz .fc-card-container .fc-card{width:calc(50% - 4px);padding:4px;}
body:not(.dark) .t_wiz .fc-card-container .fc-header{font-size:12px;padding:3px 6px;margin-bottom:3px;}
body:not(.dark) .t_wiz .fc-card-container .fc-price-box{padding:3px;margin-bottom:3px;gap:3px;}
body:not(.dark) .t_wiz .fc-card-container .fc-price-one{grid-template-columns:44px minmax(0,1fr) max-content;column-gap:3px;}
body:not(.dark) .t_wiz .fc-card-container .fc-price-label{font-size:12px;}
body:not(.dark) .t_wiz .fc-card-container .now,body:not(.dark) .t_wiz .fc-card-container .rate{font-size:12px;}
body:not(.dark) .t_wiz .fc-card-container .fc-info-box{font-size:12px;padding:3px;margin-bottom:3px;}
body:not(.dark) .t_wiz .fc-card-container .fc-target-box{font-size:12px;padding:3px;margin-bottom:3px;}
body:not(.dark) .t_wiz .fc-card-container .fc-level-box{gap:3px;margin-bottom:2px;}
body:not(.dark) .t_wiz .fc-card-container .level-label{font-size:11px;padding:3px 5px;min-width:32px;}
body:not(.dark) .t_wiz .fc-card-container .level-value{font-size:12px;padding:3px 5px;}
.t_wiz .fc-card-container .fc-bar{top:54px;height:64px;}
body.wiz-fc .t_wiz .fc-card-container .fc-mini{top:87px; height: 105px;}
}


/* FC NEW / B1/B2/B3 배지 애니메이션 */
body.wiz-fc .t_wiz .fc-card-container .fc-new{width:50px;height:17px;margin:0 0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.750rem;font-family:'NanumSquare',sans-serif;padding:0 5px;border-radius:3px;text-align:center;animation:FCBxHit 1.9s ease-in-out infinite;background-size:300% 300%;}
body.wiz-fc .t_wiz .fc-card-container .fc-badge.b1{width:50px;height:17px;margin:0 0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.800rem;font-family:'NanumSquare',sans-serif;padding:0 5px;border-radius:3px;text-align:center;animation:FCBxHit 1.9s ease-in-out infinite;background-size:300% 300%;background-color:#ff3050;}
body.wiz-fc .t_wiz .fc-card-container .fc-badge.b2{width:50px;height:17px;margin:0 0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.800rem;font-family:'NanumSquare',sans-serif;padding:0 5px;border-radius:3px;text-align:center;animation:FCBxHit 1.9s ease-in-out infinite;background-size:300% 300%;background-color:#ff3050;}
body.wiz-fc .t_wiz .fc-card-container .fc-badge.b3{width:50px;height:17px;margin:0 0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.800rem;font-family:'NanumSquare',sans-serif;padding:0 5px;border-radius:3px;text-align:center;animation:FCBxHit 1.9s ease-in-out infinite;background-size:300% 300%;background-color:#ff3050;}
body.wiz-fc .t_wiz .fc-card-container .level-label.bx-hit{position:relative;z-index:1;animation:FCBxHit 1.9s ease-in-out infinite;}
.dark .t_wiz .fc-card-container .level-label.bx-hit{background:#f34257;color:#fff;border:1px solid rgba(255,255,255,0.38);font-weight:800;}
body:not(.dark) .t_wiz .fc-card-container .level-label.bx-hit{background:#ff3050;color:#fff;border:1px solid rgba(0,0,0,0.17);font-weight:800;}
@keyframes FCBxHit{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(243,66,87,0.26);}50%{transform:scale(1.015);box-shadow:0 0 0 4px rgba(243,66,87,0.14);}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(243,66,87,0.00);}}

/* nxt 삼각형(원본 동일: fc-header에 붙임) */
.t_wiz .fc-card-container .fc-card.nxt::before{content:none;}
.t_wiz .fc-card-container .fc-card.nxt .fc-header{position:relative;overflow:visible;}
.t_wiz .fc-card-container .fc-card.nxt .fc-header::before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-top:7px solid var(--color-up);border-right:7px solid transparent;pointer-events:none;}


/* ===== 일정 탭 스크롤 영역(배경/패딩) ===== */
.s-info .infoSch .dayWrap .scrollArea{overflow:auto;padding:10px;background:#eef3f4;position:relative;}
.dark .s-info .infoSch .dayWrap .scrollArea{background:#1f1f1f;}

.schday.infoSch{position:relative;min-height:160px}
.schLoadingWrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0; margin-top: 60px;}
.schLoadingText{margin-top:8px;font-size:13px;color:#888}

/* 회전하는 원형 스피너 */
.schLoadingSpinner{width:40px;height:40px;border-radius:50%;border:2px solid transparent;border-color:transparent #ccc transparent #ccc;animation:rotate-loading 1.2s linear infinite;transform-origin:50% 50%}

@keyframes rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}


/* ===== 날짜 그룹 카드 ===== */
.s-info .infoSch .schGroupCard{margin:0 0 12px 0;padding:10px;border-radius:12px;background:#ffffff;border:1px solid #00000014;overflow:visible;}
.dark .s-info .infoSch .schGroupCard{background:#2c2c2c;border:1px solid #ffffff1a;}
.s-info .infoSch .schGroupDateRow{padding:2px 2px 8px 2px;text-align:left;}
.s-info .infoSch .schGroupDate{font-size:.95em;font-weight:800;color:#222;}
.dark .s-info .infoSch .schGroupDate{color:#fff;}

/* ===== 일정 리스트(ul/li) ===== */
.dayList{display:flex;flex-direction:column;row-gap:10px;margin:0;padding: 5px;list-style:none;background-color:transparent;}
.dayList li{position:relative;border-radius:11px;padding:12px 42px 12px 12px;min-height:58px;cursor:pointer;background:#f7f9fa;border:1px solid #00000012;overflow:visible;z-index:auto;transition:filter .15s ease,opacity .15s ease,transform .15s ease,box-shadow .15s ease;}
.dark .dayList li{background:#3a3a3a;border:1px solid #ffffff14;}
.dayList li::before{display:none;}

/* ===== 카드 내부 레이아웃 ===== */
.dayList li .popLink{width:100%;display:flex;flex-direction:column;row-gap:4px;align-items:flex-start;text-align:left;padding-left:44px;}
.dayList li .popLink input{display:none;}

/* ===== 제목/brief ===== */
.dayList li h3{word-break:keep-all;font-size:0.875em;line-height:1.2;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#222;}
.dark .dayList li h3{color:#fff;}
.dayList li p.brief{margin:0;line-height:1.2;font-size:.75em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#555;cursor:pointer;}
.dark .dayList li p.brief{color:#fff;}
.dayList li p.brief.on{white-space:normal;overflow:visible;text-overflow:clip;display:block;}

/* ===== 카테고리 버튼(원형) ===== */
.dayList li .schCat{position:absolute;top:10px;left:12px;width:36px;height:36px;border-radius:50%;color:#fff;font-size:.75em;letter-spacing:-.1em;border:0;background:#07abba;cursor:pointer;transition:filter .15s ease,opacity .15s ease,transform .15s ease,box-shadow .15s ease;}
.dayList li.lv1 .schCat{background-color:var(--color-red);}
.dayList li.lv2 .schCat{background-color:var(--color-org);}
.dayList li.lv3 .schCat{background-color:var(--color-ylw);color:#222;}
.dayList li.lv4 .schCat{background-color:var(--color-grn);}
.dayList li.lv5 .schCat{background-color:var(--color-grn);}
.dayList li.lv6 .schCat{background-color:var(--color-ppl);}
.dayList li.lv7 .schCat{background-color:var(--color-blu);}
.dayList li.lv8 .schCat{background-color:var(--color-blu);}
.dayList li.lv9 .schCat{background-color:var(--color-mnt);}

/* ===== 링크 아이콘(오른쪽 버튼) ===== */
.dayList li .popLink input{-webkit-appearance:none;appearance:none;background-color:transparent;border:0;outline:0;box-shadow:none;padding:0;}
.dayList li.link .popLink input{display:block;position:absolute;top:calc(50% - 12px);right:12px;width:25px;height:25px;background-color:transparent;border:0;border-radius:0;background-image:url("./BoA07vI4.png");background-position:-75px -25px;background-size:auto 75px;background-repeat:no-repeat;}

/* ===== 더보기 버튼 ===== */
.s-info .infoSch .schMoreWrap{padding:14px 0 6px 0;display:flex;justify-content:center;align-items:center;}
.s-info .infoSch .schMoreBtn{min-width:120px;border:1px solid #00000014;border-radius:999px;padding:10px 16px;cursor:pointer;background:#ffffff;color:#222;font-weight:800;box-shadow:0 2px 6px #00000014;}
.dark .s-info .infoSch .schMoreBtn{background:#3a3a3a;color:#fff;border:1px solid #ffffff1a;box-shadow:0 2px 6px #00000033;}
.s-info .infoSch .schMoreBtn:hover{transform:translateY(-1px);}
.s-info .infoSch .schMoreBtn:active{transform:translateY(0);}
.s-info .infoSch .schMoreBtn:disabled{opacity:.6;cursor:default;transform:none;}

/* ===== 탭 컨테이너 높이/스크롤(하단 흰공간 방지 목적) ===== */
.s-info .m_subb{background:transparent;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:0;}
.s-info .m_subb .schday{background:transparent;position:relative;flex:1;min-height:0;}
.s-info .m_subb .dayWrap{background:transparent;height:100%;min-height:0;}
.s-info .m_subb .scrollArea{background:transparent;height:100%;min-height:0;max-height:none;}
.dark .s-info .m_subb{background:transparent;}
.dark .s-info .m_subb .schday{background:transparent;}
.dark .s-info .m_subb .dayWrap{background:transparent;}
.dark .s-info .m_subb .scrollArea{background:transparent;}
.s-info .m_subb > ul{background:#eef3f4;position:sticky;top:0;z-index:20;}
.dark .s-info .m_subb > ul{background:#1f1f1f;}
@media (min-width:1200px){.s-info .infoSch .dayWrap .scrollArea{max-height:none;}}

/* ===== 전체 오버레이(팝업 열리면 화면 회색) ===== */
.schPopOverlay{position:fixed;inset:0;background:#00000066;z-index:9000;}

/* ===== 팝업 열렸을 때: 나머지 카드 잠금/흑백 ===== */
.s-info.popActive .infoSch .dayList li.locked{pointer-events:none;filter:grayscale(1) brightness(.85);opacity:.30;}

/* ===== 선택된 카드(popOpen)는 “잠금”에서 제외 + 강조 ===== */
.s-info.popActive .infoSch .dayList li.popOpen{position:relative;z-index:9505;filter:none;opacity:1;box-shadow:0 10px 28px #00000033;transform:translateY(-1px);}
.s-info.popActive .infoSch .dayList li.popOpen .schCat{filter:none;opacity:1;transform:translateY(-1px);}

/* ===== 카테고리 버튼에도 라이트(테두리 링) ===== */
.s-info.popActive .infoSch .dayList li.popOpen .schCat.on{box-shadow:0 0 0 3px #ffffffcc,0 0 0 7px #ff3b3bcc,0 10px 24px #00000033;}
.dark .s-info.popActive .infoSch .dayList li.popOpen .schCat.on{box-shadow:0 0 0 3px #00000099,0 0 0 7px #ff3b3bcc,0 10px 24px #00000066;}

/* ===== 팝업 박스(목록) ===== */
.schPop{position:fixed;z-index:9600;max-width:320px;background:#fff;border-radius:10px;box-shadow:2px 2px 10px #00000033;overflow-y:auto;}
.dark .schPop{background:#2c2c2c;}
.schPop dd{display:flex;align-items:center;padding:0 15px;column-gap:5px;cursor:pointer;}
.schPop dd::before{content:'';width:3px;height:3px;border-radius:50%;background:#91c2c7;}


/* (권장) z-index는 카드(li)만 올리고, ul(dayList)는 올리지 않기 */
.s-info.popActive .infoSch .dayList{position:static;z-index:auto;}
.s-info.popActive .infoSch .dayList li.popOpen{position:relative;z-index:9505;}


/* ===== s-info 일정: 팝업 열린 카드의 카테고리 버튼(원) 링 - 레벨별 ===== */
.s-info.popActive .infoSch .dayList li.popOpen .schCat.on{box-shadow:0 0 0 3px #ffffffcc,0 0 0 7px #0cadb2cc,0 10px 24px #00000033;transform:translateY(-1px);}

.s-info.popActive .infoSch .dayList li.popOpen.lv1 .schCat.on{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-red),0 10px 24px #00000033;}
.s-info.popActive .infoSch .dayList li.popOpen.lv2 .schCat.on{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-org),0 10px 24px #00000033;}
.s-info.popActive .infoSch .dayList li.popOpen.lv3 .schCat.on{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-ylw),0 10px 24px #00000033;}
.s-info.popActive .infoSch .dayList li.popOpen.lv4 .schCat.on{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-grn),0 10px 24px #00000033;}
.s-info.popActive .infoSch .dayList li.popOpen.lv5 .schCat.on{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-grn),0 10px 24px #00000033;}
.s-info.popActive .infoSch .dayList li.popOpen.lv6 .schCat.on{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-ppl),0 10px 24px #00000033;}
.s-info.popActive .infoSch .dayList li.popOpen.lv7 .schCat.on{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-blu),0 10px 24px #00000033;}
.s-info.popActive .infoSch .dayList li.popOpen.lv8 .schCat.on{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-blu),0 10px 24px #00000033;}
.s-info.popActive .infoSch .dayList li.popOpen.lv9 .schCat.on{box-shadow:0 0 0 3px #ffffffcc,0 0 0 5px var(--color-mnt),0 10px 24px #00000033;}



/* =========================
   StockInfo - 핵심 CSS (s-info 스코프)
   ========================= */

/* clamp3 / expanded */
.s-info .clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;white-space:normal;}
.s-info .isExpanded{-webkit-line-clamp:unset;display:block;max-height:none;overflow:visible;}
.issueList.clamp5 { display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; }

/* 제목줄 오른쪽 끝(기업개요/테마이슈/히스토리) */
.s-info .m_sub_summary h3,.s-info .m_sub_issue h3,.s-info .m_sub_history h3{display:flex;align-items:center;}
.s-info .m_sub_summary h3 .btnMore,.s-info .m_sub_issue h3 .btnMore,.s-info .m_sub_history h3 .btnMore{margin-left:auto;}



/* 1) 칩 형태(배경 유지) + 텍스트 유지 + v 위치/애니메이션까지 정리 */
.s-info .btnMore{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid #0b969b33;border-radius:8px;background:#0b969b14;cursor:pointer;font-size:12px;line-height:1;color:#0b969b;}
.s-info .btnMore:after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px) translateX(-2px);}
.s-info .btnMore.isOpen:after{transform:rotate(-135deg) translateY(-2px)  translateX(-2px)}



/* 히스토리 스크롤 안먹는 케이스 방지 */
.item_wrap.info.s-info .m_sub_history{position:relative;z-index:21;isolation:isolate;overflow:visible;min-height:0;}

/* 히스토리: 높이 고정 + 내부 스크롤(열림) */
.item_wrap.info.s-info .m_sub_history .histScroll{max-height:190px;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;}
.item_wrap.info.s-info .m_sub_history .histScroll.isClosed{overflow-y:hidden;}
.item_wrap.info.s-info .m_sub_history .histScroll.isOpen{overflow-y:auto;}
.item_wrap.info.s-info .m_sub_history .histScroll ul{height:auto;max-height:none;overflow:visible;display:flex;flex-direction:column;}

/* 히스토리 정렬(좌=제목, 우=더보기 고정) + 줄 겹침 방지 */
.item_wrap.info.s-info .m_sub_history .histScroll li{display:flex;align-items:flex-start;gap:8px;height:auto;min-height:0;}
.item_wrap.info.s-info .m_sub_history .histScroll li span{flex:1;min-width:0;display:block;height:auto;line-height:inherit;padding:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.item_wrap.info.s-info .m_sub_history .histScroll li a{flex:0 0 auto;align-self:flex-start;white-space:nowrap;}

/* li 클릭해서 해당 줄만 펼치기 */
.item_wrap.info.s-info .m_sub_history .histScroll li.lineOpen span{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;}
.item_wrap.info.s-info .m_sub_history ul li{height:auto;min-height:0;}

.comp-jisu {display: flex; gap: 10px; align-items: flex-start; flex-direction: column; min-width: 0;}
.comp-jisu dl {flex: 1; min-width: 0; width: 100%;}
.comp-jisu dl dt {display: flex; gap: 10px; color: var(--color-basic); height:24px;}
.comp-jisu dl dt h3 {font-size: 14px; color: #0cadb2; font-weight: 700; padding-left: 10px; padding-top: 5px;}
.comp-jisu dl dt p.tab {color: var(--color-light);}
.comp-jisu dl dt p.jisu {font-size: 14px; display: flex; align-items: center; gap: 10px; font-weight: 400;}
.comp-jisu dl dt button {font-size: 14px; background-color: transparent; padding: 0 10px; color: #777;}
.comp-jisu dl dt button.on {color: #0cadb2; font-weight: 700;}
.comp-jisu dl dd {display: block; width: 100%; height: 180px; min-width: 0;}
.comp-jisu dl dd.csp {height: 250px;}
.comp-jisu dl dd > div {margin: 0 10px;}
/**
 * Swiper 10.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2023
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, 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');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
/** loading CSS **/
@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-moz-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-o-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}
.loadingWrap ul,
.loading {
    height: 100px;
    position: relative;
    width: 100px;
    border-radius: 100%;
}

.loadingWrap {position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; z-index: 1000; background-color: #ffffff25;}

.loading {
    border: 2px solid transparent;
    border-color: transparent #ccc transparent #ccc;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}

.loadingWrap:hover .loading {
    border-color: transparent #E45635 transparent #E45635;
}
.loadingWrap:hover .loading,
.loadingWrap .loading {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#loading-text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #000;
    font-size: 10px;
    font-weight: bold;
    margin-top: 45px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100px;
}@keyframes fillStar {
  from {
    width: 0;
  }
  to {
    width: var(--percentage);
  }
}

.star {
  animation: fillStar 0.6s ease-out forwards;
}
:root {
  --bar-red: #f80000;
	--bar-green: #008000;
	--res-str: #e84b41; 
	--res-buy: #f78b0e; 
	--res-ntr: #79a218; 
	--res-hold: #95a5a6; 
}
.between {display: flex; justify-content: space-between;}

.analysis {position: fixed; top: 0; left: 0; width: 100%; height: 100dvh; background: var(--body-bg); z-index: 1000; }
.analysis .sub_contents {padding: 10px 10px 0; height: calc(100% - 95px); margin-bottom: 5px; 
	display: flex; flex-direction: column; gap: 10px; 
	overflow-y: auto;}
.analysis .attention {display: flex; justify-content: center; align-items: center; 
	height: 50px; font-size: .625em; word-break: keep-all; line-height: 1.1;}

.analysis .topBar {position: sticky; top: 0;; overflow-x: auto; z-index: 50;}
.analysis .topBar ul {display: flex; gap: 10px; padding: 10px;}
.analysis .topBar ul li {padding: 5px; background: var(--bg-light); border-radius: 5px; white-space: nowrap; cursor: pointer;}
.analysis .content {padding: 10px; height: calc(100% - 55px);}

.analysis .sub_contents article {margin-bottom: 0;}

.topBtn {height: 30px;}

.brief {height: 100%; }
.index-box {height: 100%; display: flex; justify-content: space-between;}
.index-box ul {height: 100%; display: flex; justify-content: space-between;}
.index-box .index-inner {display: flex; flex-direction: column; align-items: flex-end;}

.warn {height: 100%;}
.warnPop {position: absolute; top: 50%; left: 0; width: 100%; height: 50%; 
	padding: 0px; border-radius: 10px; background: #fff; z-index: 100; box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.2);}

.warnPop dl {height: 100%;}
.warnPop dt {height: 40px; padding: 2px;}
.warnPop dt div {display: flex; align-items: center; justify-content: center; padding: 6px; border-radius: 10px; background: var(--content-bg );}
.warnPop dt button {position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; background: none; 
	border: none; cursor: pointer; text-indent: -100px; overflow: hidden;
	background: url('./D0VmHFJm.png'); background-position: -60px 0; background-size: auto 30px;
}

.warnList {display: flex; flex-direction: column; gap: 10px; padding: 20px 10px 20px 50px;
height: calc(100% - 40px); overflow-y: auto;}
.warnList div {position: relative; padding: 10px; border: 1px solid var(--border-basic); border-radius: 10px;}
.warnList div::before {position: absolute; top: 4px; left: -44px;
	display: flex; justify-content: center; align-items: center; font-size: .875em;
	width: 36px; height: 36px; border-radius: 50%; }
.warnList div.lvA::before {content: '투경'; color: #fff; background: var(--color-grn);}
.warnList div.lvB::before {content: '투예'; color: #fff; background: var(--color-org);}
.warnList div.lvC::before {content: '투재'; color: #fff; background: var(--color-red);}
.warnList div.lvE::before {content: '단예'; color: #fff; background: var(--color-blu);}
.warnList div.lvF::before {content: '단과'; color: #fff; background: var(--color-mnt);}
.warnList div.lvM::before {content: '투예'; color: #fff; background: var(--color-ppl);}
.warnList div.lvO::before {content: '투위'; color: #fff; background: var(--color-hot);}

.dayList .lvA button { background: var(--color-grn);}
.dayList .lvB button { background: var(--color-org);}
.dayList .lvC button { background: var(--color-red);}
.dayList .lvE button { background: var(--color-blu);}
.dayList .lvF button { background: var(--color-mnt);}
.dayList .lvM button { background: var(--color-ppl);}
.dayList .lvO button { background: var(--color-hot);}

.dayList .lvA button::before {content: '투경'; color: #fff;}
.dayList .lvB button::before {content: '투예'; color: #fff;}
.dayList .lvC button::before {content: '투재'; color: #fff;}
.dayList .lvE button::before {content: '단예'; color: #fff;}
.dayList .lvF button::before {content: '단과'; color: #fff;}
.dayList .lvM button::before {content: '투예'; color: #fff;}
.dayList .lvO button::before {content: '투위'; color: #fff;}

.analysis .badge {color: #fff; background: var(--color-red); padding: 0 5px; border-radius: 5px;}
.analysis .box {border: 1px solid var(--bg-light); padding: 10px; border-radius: 5px; }
.analysis .box.bg {background: var(--mbox-bg); padding: 10px; border-radius: 5px; margin-bottom: 10px;}

.analysis .grid2 {display: grid; grid-template-columns: 40% 60%; grid-template-rows: auto; gap: 10px;}
.analysis .radarBox { width: 100%; display: block;}
.analysis article:has(.radarBox) {background-color: #0e0b1f; background-image: url('./BxMym3IR.jpg'); background-size: 150%; background-position: center;}
.analysis .radarBox canvas {display: block; max-width: 100%;}
.analysis .starBox {display: flex; align-items: center; gap: 5px; justify-content: center; color: #fff;}
.analysis .starBox span {color: #f5b301; font-size: 1.25em;}
.analysis .radarData {display: flex; flex-direction: column; gap: 10px;}
.analysis .radarData dt {font-size: .875em; color: var(--color-prime)}
.analysis .radarData dd {font-size: .75em;}
.analysis .w_chart {border: none;}
.analysis .list td {width: 25%;}

.fundamental dt {margin-bottom: 10px;}
.fundamental dd {font-size: .875em;}


.chartSlot .label {display: flex; align-items: center; gap: 10px; font-size: .75em;}
.chartSlot .label span {display: block; position: relative; padding-left: 20px;}
.chartSlot .label span::before {content: ''; position: absolute; top: 50%; left: 0; width: 15px; transform: translateY(-50%);}
.chartSlot .label span::after {content: ''; position: absolute; }
.chartSlot .label span.sales::before { height: 10px; background: #b0d3e4;}
.chartSlot .label span.profit::before { height: 1px; background: var(--bar-red);}
.chartSlot .label span.income::before { height: 1px; background: var(--bar-green);}

.ANDROID .analysis .f_chart {display: none;}
.analysis .avg_line p {display: flex; font-size: .75em;}

.chartSlot .tab {display: flex; gap: 5px; padding: 0 10px;}
.chartSlot .tab button {padding: 3px 10px; background: var(--bg-light); border-radius: 5px; cursor: pointer;}
.chartSlot .tab button.on {background: var(--color-red); color: #fff;}

.chartList {margin-bottom: 30px;}

section.subWrap:has(.usMarket) {background: none;}
.search .search_btn button.on::after {background-position: -60px -30px;}

.rating {height: calc(100% - 5px);}
.rating .itemBox .today {color: #fff; background-color: var(--color-red);}

.reportBar { display: flex; justify-content: flex-end; gap: 1px; border-radius: 10px; overflow: hidden;}
.reportBar li span {display: block; margin: 0 auto; text-align: center; color: #fff;}
.reportBar li.str {background-color: var(--res-str);} 
.reportBar li.buy {background-color: var(--res-buy);} 
.reportBar li.ntr {background-color: var(--res-ntr);} 
.reportBar li.hold {background-color: var(--res-hold);} 

.reportKey {display: flex; justify-content: center; gap: 10px; }
.reportKey li {display: flex; align-items: center; gap: 5px; font-size: .875em;}
.reportKey li::before {content: ''; width: 8px; height: 8px;}
.reportKey li.str::before {background-color: var(--res-str);} 
.reportKey li.buy::before {background-color: var(--res-buy);} 
.reportKey li.ntr::before {background-color: var(--res-ntr);} 
.reportKey li.hold::before {background-color: var(--res-hold);} 

.analysis .tbl-wrap {overflow-x: auto;}
.analysis .tbl-wrap table {width: auto; border-collapse: collapse;}

.sec-title {font-size: 1em; font-weight: 700;}

.star {display: flex;  justify-content: flex-start; line-height: 1; color: #f5b301; }
.star p::before { content: '★'; }

.us_theme { width: 100%;  height: auto;  max-height: 100%; margin: 0 auto; padding: 5px 10px; display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 10px;}
.us_theme .m_box_btm {padding-top: 0;}
.us_theme dt label { font-size: .875em;}
.us_theme .desc {font-size: .75em; color: var(--color-light); margin-top: 5px;}
.us_theme dd label { font-size: .75em;}

.us_detail {position: fixed; top: var(--height-header); width: 100%; height: calc(100% - var(--height-header)); background: var(--body-bg );}

.us_etf table th {font-size: .875em;}
.us_etf table td {text-align: right;}
.us_etf table td:first-child {text-align: left;}

.analysis .chart_top_btm {border-bottom: 1px solid #333;}
.analysis article:has(.w_chart) {min-height: 240px; padding: 0; overflow: hidden;}

.schedule:has(.risk) .dayTab {display: none;}

.risk .monthList dl {position: relative; padding-top: 24px;}
.risk .monthList dt {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}

@media (max-width: 768px) {
	.analysis .grid2 {display: flex; flex-wrap: wrap;}
	.analysis .radarBox {width: 90%; margin: 0 5%; }
	.analysis .radarData {width: 100%; }
}

@media only screen and (min-width: 768px) {
	.analysis .sub_contents {
		display: grid; 
		grid-template-columns: repeat(2, 1fr) 380px; 
		grid-template-rows: 420px repeat(2, 1fr);
	}
	.analysis article:has(.w_chart) {height: 100%; min-height: 0; padding: 0;}
	article:has(.radarBox) {grid-column: 3 / 4; grid-row: 1 / 2;}
	article:has(.w_chart) {grid-column: 1 / 3; grid-row: 1 / 2;}
	article:has(.chartSlot) {grid-column: 3 / 4; grid-row: 2 / 4;}
	
}