/*--ysk--------------------------------------------------------------------------------*

	ysk 2022년01월

-----------------------------------------------------------------------------------ysk-*/
@charset "utf-8";
* {box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;}
.cf:after{content:''; display:block; clear:both;}

/*-------------------------------------------------------------------------------------*
 *  기본스타일 시트                                                                    *
 *-------------------------------------------------------------------------------------*/
a         {color:#f9f9f9; text-decoration:none;}
body      {font-size: 13px; color: #f9f9f9; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;  background:#131722; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
td        {font-size: 13px; color: #f9f9f9; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;}
div       {font-size: 13px; color: #f9f9f9; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;}
select    {font-size: 13px; color: #f9f9f9; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;}
textarea  {font-size: 13px; color: #f9f9f9; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;}

/*-------------------------------------------------------------------------------------*
 *  인풋                                                                               *
 *-------------------------------------------------------------------------------------*/
input::-webkit-input-placeholder    {color:#f9f9f9; font-size:13px; letter-spacing:-1pt;}
input:-ms-input-placeholder         {color:#f9f9f9; font-size:13px; letter-spacing:-1pt;}
textarea::-webkit-input-placeholder {color:#f9f9f9; font-size:13px; letter-spacing:-1pt;}
textarea:-ms-input-placeholder      {color:#f9f9f9; font-size:13px; letter-spacing:-1pt;}
input::placeholder                  {color:#f9f9f9; font-size:13px; letter-spacing:-1pt;}
textarea::placeholder               {color:#f9f9f9; font-size:13px; letter-spacing:-1pt;}


/*-------------------------------------------------------------------------------------*
 *  고정스타일 시트                                                                    *
 *-------------------------------------------------------------------------------------*/
A,area   {blr:expression(this.onFocus=this.blur())} 
:focus   {-moz-outline-style: none;} 
form     {margin:0;} 
img      {border:none;}
ul,ol,li,dl,dd,dt  {margin:0; list-style:none;}

html,body,div,span,object,iframe,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,swf,javascript,
article,aside,canvas,details,figcaption,figure,footer,header,td,
menu,nav,section{margin:0;padding:0}

img,fieldset,iframe{border:0 none}
img {/* max-width:100%; */vertical-align:middle}
textarea{resize:none}
input,select,textarea,button{font-size:100%;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box; outline:none;}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,strong,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
blockquote,q{quotes:none} 
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none} 

/* base - IE8~7 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

/* base - input */
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],input[type="image"],textarea{-webkit-appearance:none;} 
input:checked[type="checkbox"]{background-color:#666;-webkit-appearance:checkbox} 
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0} 
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
table{cursor: pointer;}

@media screen and (min-width: 800px){
	/* body{min-width:1440px;} */
}

.rate-color{
	color: #00b8ff;
}

.red-background {
	color: #ff0101;
	/* border: solid 1px red; */
	padding: 8px;
	font-weight: 900;
}

.blue-background {
	color: #00b3ff;
	/* border: solid 1px blue; */
	padding: 8px;
	font-weight: 900;
}

.yellow-background {
	color: #ffff00;
	/* border: solid 1px yellow; */
	padding: 8px;
	font-weight: 900;
}

.grey-background {
	color: #ffffff;
	/* border: solid 1px white; */
	padding: 8px;
	font-weight: 900;
}

.green-background {
	color: #00ff0d;
	/* border: solid 1px greenyellow; */
	padding: 8px;
	font-weight: 900;
}

.green-color {
	color: #00ff0d!important;
}

.grey-color {
	color: #8a8a8a!important;
}

.yellow-color {
	color: #ffe14d!important;
}

.blue-color {
	color: #65bfff!important;
}

.red-color {
	color: #ff6161!important;
}

.half-blue-color {
	color: #65bfff7e!important;
}

.half-red-color {
	color: #ff616187!important;
}

.no-data .text{
	display: block;
	height: 100px;
	width: 100%;
	text-align: center;
	line-height: 100px;
}


.dialog {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.4);
  }
  
  .dialog>.container {
	  position: relative;
	  margin: auto;
	  width: 95%;
	  max-width: 500px;
	  z-index: 1000;
	  background-color: rgb(24, 28, 47);
	  box-shadow: rgb(0, 0, 0) 0px 0px 10px;
	  border-radius: 15px;
  }
  
  .dialog>.container .close-button {
	  position: absolute;
	  top: 20px;
	  right: 20px;
	  width: 30px;
	  min-width: 30px;
	  height: 30px;
	  background-color: rgb(47, 52, 83);
	  border: 1px solid rgb(59, 64, 93);
	  border-radius: 10px;
  }
  
  .dialog>.container .close-button:hover{
	  background-color: #272d58;
	  color: #c59617;
  }
  
  .d-flex{
	display: flex;
  }
  
  .padding-20 {
	padding: 20px !important;
  }
  
  .padding-15 {
	padding: 15px !important;
  }
  
  .betting_modal_text{
	text-align: center;
	color: white;
	font-size: 16px;
  }
  
  .popup-btn {
	width: 70px;
	padding: 5px;
	background-color: #1c212e;
	margin: 10px;
	text-align: center;
	border: 1px solid #1c212e;
	cursor: pointer;
  }
  
  .popup-btn:hover{
	  background-color: #282f41;
	  border: 1px solid #ffc967;
  }
  
  .popup_color{
	  background-color: #131722!important;
  }

  .mobile-block{
	  display: flex;
  }

  .w-10{
	  width: 10%;
  }

  .w-90{
	  width: 90%;
  }
  
  .answer{
	  font-size: 20px;
  }

  .question_wait{
	background-color: #00b8ff;
  }


  .mini_bet_close, .mini_bet_close:after {
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .mini_bet_close {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
  }
  
  .mini_bet_close:after {
	content: "";
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0.6) url(/images/common/icon_key_close.svg) no-repeat 50%;
	background-size: 60% auto;
  }
  .mini_bet_close, .mini_bet_close:after {
	display: flex;
	justify-content: center;
	align-items: center;
  }
  
.game_list_wrap  ul  li {
	padding-bottom: 20px;
},
#game_list_wrap  ul  li:after,
#game_list_wrap  ul  li:before {transition:all 0.3s ease; display:block; content:''; position:absolute; background:var(--main-color); z-index:100;}

#game_list_wrap  ul.row  li:hover:before {-webkit-transition-delay:.2s; transition-delay:.2s; top:0;}
#game_list_wrap  ul.row  li:hover:after {-webkit-transition-delay:.0s; transition-delay:.0s; /*left:0;*/}
.game_list_wrap ul li:hover {
	cursor: pointer;
}
  @media (max-width: 676px){
	  .mobile-block{
		  display: block;
	  }
	  .m-w-100{
		  width: 100%;
	  }
  }

  .font-size-26{
	  font-size: 26px;
  }


  .rate_up_effect::after{
    box-sizing: border-box;
    content: "";
    position: absolute;
    right: 0px;
    z-index: 1;
    width: 10px;
    height: 10px;
    animation: 0.9s ease-in-out 0s 5 normal none running rateUpDownEffect;
    opacity: 0;
    top: 0px;
    border-top: 10px solid #00bbff;
    border-left: 10px solid transparent;
  }
  
  
  .rate_down_effect::after{
    box-sizing: border-box;
    content: "";
    position: absolute;
    right: 0px;
    z-index: 1;
    width: 10px;
    height: 10px;
    animation: 0.9s ease-in-out 0s 5 normal none running rateUpDownEffect;
    opacity: 0;
    bottom: 0px;
    border-top: 10px solid transparent;
    border-right: 10px solid #ff1717;
  }
  
  .match-market-item .match-game-item:nth-child(5) .rate_up_effect::after, .match-market-item .match-game-item:nth-child(5).rate_up_effect::after{
    right: unset;
    left: 0;
    border-top: 10px solid #00bbff;
    border-left: unset;
    border-right: 10px solid transparent;
  }
  
  .match-market-item .match-game-item:nth-child(5) .rate_down_effect::after, .match-market-item .match-game-item:nth-child(5).rate_down_effect::after{
    right: unset;
    left: 0;
    border-bottom: 10px solid #ff1717;
    border-right: 10px solid transparent;;
    border-left: unset
  }
  
  
  @keyframes rateUpDownEffect {
    0% {
      opacity: 0;
    }
    100% {
        opacity: 1;
    }
  }

  .main_sec .game_list_new>ul {
    width: auto;
    white-space: nowrap;
    overflow-x: scroll;
    tab-size: 4;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
    --ait-height-vh-100: 100vh;
    --ait-height-100: 100dvh;
    --ait-height-vh-95: 95vh;
    --ait-height-95: 95dvh;
    --ait-height-vh-90: 90vh;
    --ait-height-90: 90dvh;
    --ait-height-vh-75: 75vh;
    --ait-height-75: 75dvh;
    --ait-main-color: 1, 167, 125;
    --ait-master-color: 1, 167, 125;
    --ait-primary-color: rgba(var(--ait-fg-rgb), .8);
    --ait-primary-text-color: rgba(var(--ait-fg-rgb), .8);
    --ait-primary-content-text-color: rgba(var(--ait-fg-rgb), .65);
    --ait-primary-title-color: rgba(var(--ait-fg-rgb), .8);
    --ait-secondary-text-color: rgba(var(--ait-fg-rgb), .4);
    --ait-bg-opacity: 1;
    --ait-html-bg-color: rgb(240, 242, 245);
    --ait-option-bg-color: #f0f2f5;
    --ait-option-card-bg-color: white;
    --ait-option-card-border: 1px solid #f0f0f0;
    --ait-border-radius-lg: 12px;
    --ait-border-radius: 8px;
    --ait-sidebar-bg-color: #fff;
    --ait-sidebar-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
    --ait-sidebar-border-color: #ececec;
    --ait-sidebar-icon-color: #545758;
    --ait-sidebar-icon-hover-color: rgba(var(--ait-main-color), .1);
    --ait-sidebar-icon-border-color: #ececee;
    --ait-sidebar-scrollbar-color: #e1e1e1;
    --ait-sidebar-scrollbar-hover-color: #d9d9d9;
    --ait-fg-rgb: 0, 0, 0;
    --ait-bg-rgb: 255, 255, 255;
    --ait-switchbar-bg-color: #f0f1f5;
    --ait-switchbar-btn-hover-bg-color: #e9e9ef;
    --ait-switchbar-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .15);
    --ait-tab-menu-hover-bg-color: rgba(var(--ait-main-color), .1);
    --ait-tab-menu-hover-text-color: var(--ait-primary-text-color);
    --ait-tab-menu-active-bg-color: rgba(var(--ait-main-color), .9);
    --ait-tab-menu-active-orange-bg-color: rgba(224, 124, 13, .9);
    --ait-tab-menu-disabled-bg-color: rgba(var(--ait-main-color), .2);
    --ait-tab-menu-active-bg-active-color: rgb(0, 211, 157);
    --ait-tab-menu-active-text-color: #fff;
    --ait-loading-color: #fff;
    --ait-link-color: rgba(var(--ait-main-color), .9);
    --ait-master-link-color: rgba(var(--ait-master-color), .6);
    --ait-master-link-hover-color: rgba(var(--ait-master-color), 1);
    --ait-download-button-bg-color: rgba(255, 255, 255, .5);
    --ait-loading-bg-color: #f5f5f5;
    --ait-border-color: rgba(0, 0, 0, .15);
    --ait-pre-bg: rgba(var(--ait-fg-rgb), .05);
    --ait-sidebar-bg-color-sub: rgba(245, 245, 245, var(--ait-bg-opacity)) !important;
    --ait-border-spacing-x: 0;
    --ait-border-spacing-y: 0;
    --ait-translate-x: 0;
    --ait-translate-y: 0;
    --ait-rotate: 0;
    --ait-skew-x: 0;
    --ait-skew-y: 0;
    --ait-scale-x: 1;
    --ait-scale-y: 1;
    --ait-pan-x: ;
    --ait-pan-y: ;
    --ait-pinch-zoom: ;
    --ait-scroll-snap-strictness: proximity;
    --ait-gradient-from-position: ;
    --ait-gradient-via-position: ;
    --ait-gradient-to-position: ;
    --ait-ordinal: ;
    --ait-slashed-zero: ;
    --ait-numeric-figure: ;
    --ait-numeric-spacing: ;
    --ait-numeric-fraction: ;
    --ait-ring-inset: ;
    --ait-ring-offset-width: 0px;
    --ait-ring-offset-color: #fff;
    --ait-ring-color: rgba(59, 130, 246, .5);
    --ait-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
    --ait-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --ait-shadow: 0 0 rgba(0, 0, 0, 0);
    --ait-shadow-colored: 0 0 rgba(0, 0, 0, 0);
    --ait-blur: ;
    --ait-brightness: ;
    --ait-contrast: ;
    --ait-grayscale: ;
    --ait-hue-rotate: ;
    --ait-invert: ;
    --ait-saturate: ;
    --ait-sepia: ;
    --ait-drop-shadow: ;
    --ait-backdrop-blur: ;
    --ait-backdrop-brightness: ;
    --ait-backdrop-contrast: ;
    --ait-backdrop-grayscale: ;
    --ait-backdrop-hue-rotate: ;
    --ait-backdrop-invert: ;
    --ait-backdrop-opacity: ;
    --ait-backdrop-saturate: ;
    --ait-backdrop-sepia: ;
    --ait-contain-size: ;
    --ait-contain-layout: ;
    --ait-contain-paint: ;
    --ait-contain-style: ;
    --fa-font-solid: normal 900 1em / 1 "Font Awesome 6 Free";
    --fa-font-regular: normal 400 1em / 1 "Font Awesome 6 Free";
    --fa-font-light: normal 300 1em / 1 "Font Awesome 6 Pro";
    --fa-font-thin: normal 100 1em / 1 "Font Awesome 6 Pro";
    --fa-font-duotone: normal 900 1em / 1 "Font Awesome 6 Duotone";
    --fa-font-brands: normal 400 1em / 1 "Font Awesome 6 Brands";
    --fa-font-sharp-solid: normal 900 1em / 1 "Font Awesome 6 Sharp";
    --fa-font-sharp-regular: normal 400 1em / 1 "Font Awesome 6 Sharp";
    --fa-font-sharp-light: normal 300 1em / 1 "Font Awesome 6 Sharp";
    --fa-font-sharp-thin: normal 100 1em / 1 "Font Awesome 6 Sharp";
    --fa-font-sharp-duotone-solid: normal 900 1em / 1 "Font Awesome 6 Sharp Duotone";
    --play-btn-color: #00ff1c;
    --main-color: #FDD902;
    --subMain-color: #FDD902;
    --main-logo: url(/r/front/img/comm/transparent.png);
    --main-footer_logo: url(/r/front/img/comm/transparent.png);
    --main-loading_icon: url(/r/front/img/comm/transparent.png);
    --main-bg_logo: url(/r/front/img/comm/transparent.png);
    --main-font: "NotoSansKR";
    --sub-font: "NotoSansKR";
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    --jqx-accent-color-dark: rgba(34, 34, 34, 1);
    --jqx-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-header-text-color-dark: rgba(170, 170, 170, 1);
    --jqx-header-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-border-color-dark: rgba(255, 0, 0, 0);
    --jqx-border-radius-dark: 2px;
    --jqx-font-family-dark: "NotoSansKR", "Malgun Gothic", "맑은 고딕", "Hiragino Sans GB", "Microsoft Yahei", "돋움", Dotum, "굴림", Gulim, "Apple Gothic", "Apple SD Gothic Neo", "Sans-serif";
    --jqx-font-size-dark: 13px;
    --jqx-hovered-state-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-hovered-state-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-hovered-state-content-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-hovered-state-content-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-focused-state-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-focused-state-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-active-state-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-active-state-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-arrow-up-color-dark: url(images/metro-icon-up.png);
    --jqx-arrow-down-color-dark: url(images/metro-icon-down.png);
    --jqx-arrow-up-hovered-color-dark: url(images/metro-icon-up.png);
    --jqx-arrow-down-hovered-color-dark: url(images/metro-icon-down.png);
    --jqx-arrow-up-selected-color-dark: url(images/metro-icon-up.png);
    --jqx-arrow-down-selected-color-dark: url(images/metro-icon-down.png);
    --jqx-accordion-item-title-text-color-dark: rgba(170, 170, 170, 1);
    --jqx-accordion-item-title-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-accordion-item-title-border-color-dark: rgba(255, 0, 0, 0);
    --jqx-accordion-item-title-hovered-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-accordion-item-title-hovered-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-accordion-item-title-hovered-border-color-dark: rgba(67, 72, 87, 1);
    --jqx-accordion-item-title-selected-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-accordion-item-title-selected-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-accordion-item-title-selected-border-color-dark: rgba(51, 51, 51, 1);
    --jqx-accordion-item-title-focused-border-color-dark: rgba(34, 34, 34, 1);
    --jqx-accordion-item-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-accordion-item-background-color-dark: rgba(37, 40, 48, 1);
    --jqx-accordion-item-focused-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-accordion-item-focused-background-color-dark: rgba(37, 40, 48, 1);
    --jqx-accordion-item-focused-border-color-dark: rgba(34, 34, 34, 1);
    --jqx-accordion-arrow-up-color-dark: url(images/metro-icon-up.png);
    --jqx-accordion-arrow-down-color-dark: url(images/metro-icon-down.png);
    --jqx-accordion-arrow-up-hovered-color-dark: url(images/metro-icon-up.png);
    --jqx-accordion-arrow-down-hovered-color-dark: url(images/metro-icon-down.png);
    --jqx-button-default-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-button-default-hovered-state-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-default-hovered-state-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-button-default-focused-state-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-button-default-focused-state-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-button-default-active-state-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-button-default-active-state-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-button-primary-text-color-dark: rgba(0, 119, 190, 1);
    --jqx-button-primary-background-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-primary-hovered-state-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-primary-hovered-state-background-color-dark: rgba(0, 119, 190, 1);
    --jqx-button-primary-focused-state-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-primary-focused-state-background-color-dark: rgba(0, 119, 190, 1);
    --jqx-button-primary-active-state-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-primary-active-state-background-color-dark: rgba(0, 119, 190, 1);
    --jqx-button-success-text-color-dark: rgba(92, 184, 92, 1);
    --jqx-button-success-background-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-success-hovered-state-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-success-hovered-state-background-color-dark: rgba(92, 184, 92, 1);
    --jqx-button-success-focused-state-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-success-focused-state-background-color-dark: rgba(92, 184, 92, 1);
    --jqx-button-success-active-state-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-success-active-state-background-color-dark: rgba(92, 184, 92, 1);
    --jqx-button-warning-text-color-dark: rgba(240, 173, 78, 1);
    --jqx-button-warning-background-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-warning-hovered-state-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-warning-hovered-state-background-color-dark: rgba(240, 173, 78, 1);
    --jqx-button-warning-focused-state-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-warning-focused-state-background-color-dark: rgba(240, 173, 78, 1);
    --jqx-button-warning-active-state-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-warning-active-state-background-color-dark: rgba(240, 173, 78, 1);
    --jqx-button-danger-text-color-dark: rgba(217, 83, 79, 1);
    --jqx-button-danger-background-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-danger-hovered-state-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-danger-hovered-state-background-color-dark: rgba(217, 83, 79, 1);
    --jqx-button-danger-focused-state-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-danger-focused-state-background-color-dark: rgba(217, 83, 79, 1);
    --jqx-button-danger-active-state-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-danger-active-state-background-color-dark: rgba(217, 83, 79, 1);
    --jqx-button-info-text-color-dark: rgba(91, 192, 222, 1);
    --jqx-button-info-background-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-info-hovered-state-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-info-hovered-state-background-color-dark: rgba(91, 192, 222, 1);
    --jqx-button-info-focused-state-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-info-focused-state-background-color-dark: rgba(91, 192, 222, 1);
    --jqx-button-info-active-state-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-button-info-active-state-background-color-dark: rgba(91, 192, 222, 1);
    --jqx-editors-text-editors-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-editors-text-editors-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-editors-text-editors-border-color-dark: rgba(255, 0, 0, 0);
    --jqx-editors-text-editors-border-radius-dark: 2px;
    --jqx-editors-text-editors-focused-border-color-dark: rgba(34, 34, 34, 1);
    --jqx-editors-dat-darkеtimeinput-calendar-icon-color: url(images/metro-icon-up-white.png);
    --jqx-editors-dat-darkеtimeinput-calendar-icon-selected-color: url(images/icon-calendar-white.png);
    --jqx-editors-combobox-multi-item-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-editors-combobox-multi-item-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-editors-calendar-header-text-color-dark: rgba(170, 170, 170, 1);
    --jqx-editors-calendar-header-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-editors-calendar-arrow-left-color-dark: url(images/metro-icon-left.png);
    --jqx-editors-calendar-arrow-right-color-dark: url(images/metro-icon-right.png);
    --jqx-editors-calendar-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-editors-calendar-today-cell-text-color-dark: rgba(53, 53, 58, 1);
    --jqx-editors-calendar-today-cell-background-color-dark: rgba(255, 255, 219, 1);
    --jqx-editors-calendar-today-cell-border-color-dark: rgba(253, 192, 102, 1);
    --jqx-editors-calendar-current-month-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-editors-calendar-other-month-text-color-dark: rgba(137, 137, 137, 1);
    --jqx-editors-calendar-hovered-cell-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-editors-calendar-hovered-cell-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-editors-calendar-selected-cell-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-editors-calendar-selected-cell-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-editors-switch-thumb-color-dark: rgba(34, 34, 34, 1);
    --jqx-editors-switch-on-label-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-editors-switch-on-label-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-editors-switch-off-label-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-editors-switch-off-label-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-editors-file-uploader-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-editors-file-uploader-filename-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-grid-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-grid-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-grid-header-text-color-dark: rgba(170, 170, 170, 1);
    --jqx-grid-header-text-weight-dark: normal;
    --jqx-grid-header-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-grid-row-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-grid-row-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-grid-row-alternation-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-grid-row-alternation-background-color-dark: rgba(34, 34, 34, 0.5);
    --jqx-grid-hovered-row-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-grid-hovered-row-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-grid-selected-row-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-grid-selected-row-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-grid-selected-row-border-color-dark: rgba(51, 51, 51, 1);
    --jqx-grid-group-row-text-color-dark: rgba(169, 172, 180, 1);
    --jqx-grid-group-row-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-grid-editor-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-grid-editor-background-color-dark: rgba(67, 72, 87, 1);
    --jqx-grid-pinned-cells-background-color-dark: rgba(62, 62, 66, 1);
    --jqx-grid-arrow-down-color-dark: url(images/metro-icon-down.png);
    --jqx-grid-arrow-right-color-dark: url(images/metro-icon-right.png);
    --jqx-grid-arrow-left-color-dark: url(images/metro-icon-left.png);
    --jqx-grid-close-button-color-dark: url(images/close.png);
    --jqx-grid-arrow-down-hovered-color-dark: url(images/metro-icon-down.png);
    --jqx-grid-arrow-right-hovered-color-dark: url(images/metro-icon-right.png);
    --jqx-grid-arrow-left-hovered-color-dark: url(images/metro-icon-left.png);
    --jqx-grid-arrow-down-selected-color-dark: url(images/metro-icon-down.png);
    --jqx-grid-arrow-right-selected-color-dark: url(images/metro-icon-right.png);
    --jqx-grid-arrow-left-selected-color-dark: url(images/metro-icon-left.png);
    --jqx-grid-header-arrow-down-color-dark: url(images/metro-icon-down.png);
    --jqx-grid-header-arrow-up-color-dark: url(images/metro-icon-up.png);
    --jqx-grid-menu-button-color-dark: url(images/icon-menu-small.png);
    --jqx-grid-groups-arrow-down-color-dark: url(images/metro-icon-down.png);
    --jqx-grid-groups-arrow-right-color-dark: url(images/metro-icon-right.png);
    --jqx-grid-groups-arrow-left-color-dark: url(images/metro-icon-left.png);
    --jqx-list-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-list-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-list-header-text-color-dark: rgba(170, 170, 170, 1);
    --jqx-list-header-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-list-hovered-item-state-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-list-hovered-item-state-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-list-selected-item-state-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-list-selected-item-state-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-list-arrow-left-color-dark: url(images/metro-icon-left.png);
    --jqx-list-arrow-right-color-dark: url(images/metro-icon-right.png);
    --jqx-list-arrow-left-selected-color-dark: url(images/metro-icon-left.png);
    --jqx-list-arrow-right-selected-color-dark: url(images/metro-icon-right.png);
    --jqx-menu-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-menu-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-menu-dropdown-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-menu-dropdown-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-menu-arrow-up-color-dark: url(images/metro-icon-up.png);
    --jqx-menu-arrow-down-color-dark: url(images/metro-icon-down.png);
    --jqx-menu-arrow-left-color-dark: url(images/metro-icon-left.png);
    --jqx-menu-arrow-right-color-dark: url(images/metro-icon-right.png);
    --jqx-menu-hovered-item-color-dark: rgba(254, 254, 254, 1);
    --jqx-menu-hovered-item-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-menu-selected-item-color-dark: rgba(254, 254, 254, 1);
    --jqx-menu-selected-item-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-menu-selected-item-border-color-dark: rgba(51, 51, 51, 1);
    --jqx-menu-arrow-up-selected-color-dark: url(images/metro-icon-up.png);
    --jqx-menu-arrow-down-selected-color-dark: url(images/metro-icon-down.png);
    --jqx-menu-arrow-left-selected-color-dark: url(images/metro-icon-left.png);
    --jqx-menu-arrow-right-selected-color-dark: url(images/metro-icon-right.png);
    --jqx-navbar-item-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-navbar-item-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-navbar-hovered-item-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-navbar-hovered-item-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-navbar-selected-item-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-navbar-selected-item-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-overlays-content-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-overlays-content-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-overlays-shader-background-color-dark: rgba(0, 0, 0, 0.6);
    --jqx-overlays-popup-header-text-color-dark: rgba(170, 170, 170, 1);
    --jqx-overlays-popup-header-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-overlays-tooltip-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-overlays-tooltip-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-overlays-toast-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-overlays-toast-info-background-color-dark: rgba(91, 192, 222, 1);
    --jqx-overlays-toast-warning-background-color-dark: rgba(240, 173, 78, 1);
    --jqx-overlays-toast-error-background-color-dark: rgba(217, 83, 79, 1);
    --jqx-overlays-toast-success-background-color-dark: rgba(92, 184, 92, 1);
    --jqx-pivotgrid-header-text-color-dark: rgba(170, 170, 170, 1);
    --jqx-pivotgrid-header-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-pivotgrid-cell-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-pivotgrid-cell-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-pivotgrid-selected-cell-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-pivotgrid-selected-cell-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-pivotgrid-arrow-up-color-dark: url(images/metro-icon-up.png);
    --jqx-pivotgrid-arrow-down-color-dark: url(images/metro-icon-down.png);
    --jqx-pivotgrid-menu-button-color-dark: url(images/icon-menu-small.png);
    --jqx-progressbar-bar-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-progressbar-selected-range-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-progressbar-label-color-dark: rgba(254, 254, 254, 1);
    --jqx-scheduler-header-text-color-dark: rgba(170, 170, 170, 1);
    --jqx-scheduler-header-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-scheduler-header-border-color-dark: rgba(255, 0, 0, 0);
    --jqx-scheduler-header-buttons-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-scheduler-header-buttons-background-color-dark: rgba(37, 40, 48, 1);
    --jqx-scheduler-header-buttons-hovered-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-scheduler-header-buttons-hovered-background-color-dark: rgba(67, 72, 87, 1);
    --jqx-scheduler-header-buttons-selected-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-scheduler-header-buttons-selected-background-color-dark: rgba(0, 119, 190, 1);
    --jqx-scheduler-border-color-dark: rgba(255, 0, 0, 0);
    --jqx-scheduler-not-work-time-cells-color-dark: rgba(34, 34, 34, 1);
    --jqx-scheduler-hovered-cell-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-scheduler-hovered-cell-border-color-dark: rgba(51, 51, 51, 1);
    --jqx-scheduler-selected-cell-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-scheduler-selected-cell-border-color-dark: rgba(51, 51, 51, 1);
    --jqx-scheduler-weeks-arrow-right-color-dark: url(images/metro-icon-right.png);
    --jqx-scheduler-weeks-arrow-left-color-dark: url(images/metro-icon-left.png);
    --jqx-scheduler-weeks-arrow-right-selected-color-dark: url(images/metro-icon-right-white.png);
    --jqx-scheduler-weeks-arrow-left-selected-color-dark: url(images/metro-icon-left-white.png);
    --jqx-scheduler-calendar-icon-color-dark: url(images/icon-calendar-white.png);
    --jqx-scheduler-calendar-icon-selected-color-dark: url(images/icon-calendar-white.png);
    --jqx-scrollbar-scrollbar-background-color-dark: rgba(62, 62, 66, 1);
    --jqx-scrollbar-scrollbar-thumb-background-color-dark: rgba(104, 104, 104, 1);
    --jqx-scrollbar-scrollbar-thumb-hovered-background-color-dark: rgba(158, 158, 158, 1);
    --jqx-scrollbar-scrollbar-thumb-active-background-color-dark: rgba(255, 255, 255, 1);
    --jqx-scrollbar-scrollbar-arrow-background-color-dark: rgba(62, 62, 66, 1);
    --jqx-scrollbar-arrow-up-color-dark: url(images/metro-icon-up-white.png);
    --jqx-scrollbar-arrow-down-color-dark: url(images/metro-icon-down-white.png);
    --jqx-scrollbar-arrow-left-color-dark: url(images/metro-icon-left-white.png);
    --jqx-scrollbar-arrow-right-color-dark: url(images/metro-icon-right-white.png);
    --jqx-scrollbar-scrollbar-arrow-hovered-background-color-dark: rgba(62, 62, 66, 1);
    --jqx-scrollbar-arrow-up-hovered-color-dark: url(images/metro-icon-up-white.png);
    --jqx-scrollbar-arrow-down-hovered-color-dark: url(images/metro-icon-down-white.png);
    --jqx-scrollbar-arrow-left-hovered-color-dark: url(images/metro-icon-left-white.png);
    --jqx-scrollbar-arrow-right-hovered-color-dark: url(images/metro-icon-right-white.png);
    --jqx-scrollbar-scrollbar-arrow-active-background-color-dark: rgba(62, 62, 66, 1);
    --jqx-scrollbar-arrow-up-active-color-dark: url(images/metro-icon-up-white.png);
    --jqx-scrollbar-arrow-down-active-color-dark: url(images/metro-icon-down-white.png);
    --jqx-scrollbar-arrow-left-active-color-dark: url(images/metro-icon-left-white.png);
    --jqx-scrollbar-arrow-right-active-color-dark: url(images/metro-icon-right-white.png);
    --jqx-scrollview-indicator-background-color-dark: rgba(37, 40, 48, 1);
    --jqx-scrollview-selected-indicator-background-color-dark: rgba(0, 119, 190, 1);
    --jqx-slider-slider-bar-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-slider-selected-slider-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-slider-slider-thumb-color-dark: rgba(34, 34, 34, 1);
    --jqx-slider-focused-border-color-dark: rgba(34, 34, 34, 1);
    --jqx-slider-tooltip-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-slider-tooltip-background-color-dark: rgba(34, 34, 34, 1);
    --jqx-slider-tooltip-border-color-dark: rgba(34, 34, 34, 1);
    --jqx-slider-arrows-background-color-dark: rgba(37, 40, 48, 1);
    --jqx-slider-arrows-hovered-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-slider-arrows-selected-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-slider-arrow-left-color-dark: url(images/metro-icon-left.png);
    --jqx-slider-arrow-right-color-dark: url(images/metro-icon-right.png);
    --jqx-slider-arrow-left-hovered-color-dark: url(images/metro-icon-left.png);
    --jqx-slider-arrow-right-hovered-color-dark: url(images/metro-icon-right.png);
    --jqx-slider-arrow-left-selected-color-dark: url(images/metro-icon-left.png);
    --jqx-slider-arrow-right-selected-color-dark: url(images/metro-icon-right.png);
    --jqx-tabs-header-background-color-dark: rgba(62, 62, 66, 1);
    --jqx-tabs-tab-text-color-dark: rgba(170, 170, 170, 1);
    --jqx-tabs-hovered-tab-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-tabs-hovered-tab-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-tabs-selected-tab-text-color-dark: rgba(254, 254, 254, 1);
    --jqx-tabs-selected-tab-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-tabs-selected-tab-bottom-border-color-dark: rgba(51, 51, 51, 1);
    --jqx-tabs-border-color-dark: rgba(53, 53, 58, 1);
    --jqx-tabs-content-text-color-dark: rgba(255, 255, 255, 1);
    --jqx-tabs-content-background-color-dark: rgba(37, 40, 48, 1);
    --jqx-tabs-arrow-left-color-dark: url(images/metro-icon-left.png);
    --jqx-tabs-arrow-right-color-dark: url(images/metro-icon-right.png);
    --jqx-toolbar-background-color-dark: rgba(37, 40, 48, 1);
    --jqx-treeview-hovered-tree-item-color-dark: rgba(254, 254, 254, 1);
    --jqx-treeview-hovered-tree-item-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-treeview-selected-tree-item-color-dark: rgba(254, 254, 254, 1);
    --jqx-treeview-selected-tree-item-background-color-dark: rgba(51, 51, 51, 1);
    --jqx-treeview-arrow-expanded-color-dark: url(images/metro-icon-down.png);
    --jqx-treeview-arrow-collapsed-color-dark: url(images/metro-icon-down.png);
    -webkit-text-size-adjust: none;
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: var(--main-font), var(--sub-font), "Malgun Gothic", "맑은 고딕", "Hiragino Sans GB", "Microsoft Yahei", "돋움", Dotum, "굴림", Gulim, "Apple Gothic", "Apple SD Gothic Neo", Sans-serif;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    width: auto;
    white-space: nowrap;
    overflow-x: scroll;
}