@charset "UTF-8";
/***********************************************
 ** 레이아웃
 ***********************************************/
body {
  overflow-y: hidden;
}
#wapper {
  width: 100%;
  margin: 0 auto;
  min-height: 100%;
}
#container {
  position: relative;
  /* min-width: 1900px; */ /*border-bottom:1px solid #aaa;*/
}
#content {
  height: 100%;
  /* padding: 13px; */
  padding: 10px 15px;
  /* min-width: 1300px; */
  border-left: 1px solid #aaa;
  overflow-y: hidden;
}
#wapper header {
  position: relative;
  width: 100%;
 /*  min-width: 1900px; */
  overflow: visible;
  z-index: 10;
}
#wapper .left_fix_cont {
  position: relative;
  float: left;
  padding: 10px;
  background: #fff;
  width: 295px;
}
#wapper aside {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 301px;
  height: 100%;
  border-left: 1px solid #aaa;
}
/* content */
.content_list {
  overflow: hidden;
  width: 1292px;
  position: relative;
}
.content_list_toggle {
  padding: 0 4px 0 0px;
  height: 730px;
  overflow-y: auto;
}
.content__list {
  margin-bottom: 31px;
} /* scroll not hidden */
.content_box {
  width: 100%;
}
.list_content_item {
  overflow-y: hidden;
  height: auto;
}
/* footer */
#footer {
  position: absolute;
  bottom: 0px;
  z-index: 10;
  width: 100%;
  background: #fff;
}
.footer-btn {
  margin: 8px 0 0 0;
}
.footer-btn button i {
  margin-right: 5px;
}
.copyright {
  float: right;
  font-size: 10px;
  color: #666;
  padding: 5px 4px 0 0;
}
.copyright span {
  color: #f67f21;
}
.copyright a {
  color: #999;
}
/***********************************************
 ** header
 ***********************************************/
.header_top {
  position: relative;
  background: #434343;
  height: 50px;
  min-width: 360px;
}
.header_top h1 {
  position: absolute;
  top: 0;
  left: 50px;
  /* padding: 5px 10px; */
}
.header_top h1 a:hover {
  cursor: pointer;
}
.header_top .top-select {
  background: #434343;
  border: 1px solid #747474;
  font-size: 11px;
  font-weight: normal;
  width: 90px;
  height: 24px;
  color: #b3b3b3;
  margin-top: 13px;
}
.header_top .top_gnb {
  /* position: absolute;
  top: 0;
  left: 180px;
  margin: 0; */
  margin-left: 160px;
  padding-right: 50px;
  overflow-x: auto;
}
.header_top .top_gnb > li {
  float: left;
}
.header_top .top_gnb > li > a {
  display: block;
  text-align: center;
  height: 50px;
  line-height: 50px;
  padding: 0 21px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  transition-duration: 0.5s;
  cursor: pointer;
}
.header_top .top_gnb > li > a:hover {
  background-color: #666;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}
.header_top .top_gnb .selected a:hover {
  color: #FFFFFF;
}
.header_top .top_gnb .selected {
  background-color: #252525;
}
.header_top .langSelect {
  position: absolute;
  top: 13px;
  right: 40px;
}
.allMenuToggle {
  position: absolute;
  top: 0;
  left: 0;
}
/* GNB */
.gnb {
  /* min-width: 1200px; */
  background: #f5f7fc;
  border-bottom: 1px solid #aaa;
  height: 80px;
  box-sizing: border-box;
}
.gnb:after {
  content: "";
  display: block;
  clear: both;
}
.gnb > ul {
  display: table;
}
.gnb > ul li {
  display: table-cell;
  width: 100px;
}
/* menu sub */
.gnb > ul li a:hover, .gnb > ul li.selected a {
  text-decoration: none;
  background-color: #e6eaf4;
  display: block;
}
.gnb > ul.inc-mymenu li a {
  color: #666;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  display: block;
  height: 79px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}

.gnb > ul.menu-sublist li a {
  color: #666;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  display: block;
  height: 79px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}

.gnb > ul li a span {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  display: block;
  /* margin: 0 0 7px 39px; */
  margin: 0 auto 7px auto;
}

.gnb > ul li a:hover span {
  background-position: -22px 0px;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  display: block;
}
.gnb > ul li.inc-omni-9310 a:hover span,
.gnb > ul li.inc-omni-9310_VN a:hover span {
  background-image: url("../images/sub-ico/inc-omni-6510-hover.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  display: block;
} 
.gnb > ul li.inc-omni-9320 a:hover span {
  background-image: url("../images/sub-ico/inc-omni-6520-hover.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  display: block;
} 
.gnb > ul li.inc-omni-9330 a:hover span {
  background-image: url("../images/sub-ico/inc-omni-6530-hover.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  display: block;
} 
.gnb > ul li.inc-omni-9350 a:hover span {
  background-image: url("../images/sub-ico/inc-omni-6540-hover.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  display: block;
} 
.gnb > ul li.inc-omni-9340 a:hover span {
  background-image: url("../images/sub-ico/inc-omni-6570-hover.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  display: block;
} 
.gnb > ul li.inc-omni-9410 a:hover span {
  background-image: url("../images/sub-ico/inc-omni-6550-hover.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  display: block;
} 
.gnb > ul li.inc-omni-9420 a:hover span {
  background-image: url("../images/sub-ico/inc-omni-6560-hover.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  display: block;
}
.gnb > ul li.inc-member-3120 a span, 

.gnb > ul li.inc-ado-4710 a span, 
.gnb > ul li.inc-nmtr-9610 a span, 
.gnb > ul li.inc-nmtr-9630 a span, 
.gnb > ul li.inc-settings2-9020 a span, 
.gnb > ul li.inc-favor-LK20 a span, 
.gnb > ul li.inc-member-3120_JP a span,
.gnb > ul li.inc-member-3120_GL a span,
.gnb > ul li.inc-member-3120_US a span,
.gnb > ul li.inc-member-3153 a span, 
.gnb > ul li.inc-member-3120_VN a span{
  background-image: url("../images/sub-ico/inc-member-3210.png");
}
.gnb > ul li.inc-member-3110 a span, 
.gnb > ul li.inc-member-3110_JP a span, 
.gnb > ul li.inc-member-3110_GL a span,
.gnb > ul li.inc-member-3110_US a span,
.gnb > ul li.inc-member-3110_VN a span,
.gnb > ul li.inc-pdt-2210 a span,
.gnb > ul li.inc-order-4110 a span, 
.gnb > ul li.inc-order-4310 a span,
.gnb > ul li.inc-ado-4530 a span,  
.gnb > ul li.inc-pdt-2310 a span, 
.gnb > ul li.inc-pdt-2330 a span,
.gnb > ul li.inc-pay-8031_0F a span,
.gnb > ul li.inc-wallet-4420 a span {
  background-image: url("../images/sub-ico/inc-member-3230.png");
}
.gnb > ul li.inc-basic-1050 a span,
.gnb > ul li.inc-member-3010 a span, 
.gnb > ul li.inc-member-3010_TH a span, 
.gnb > ul li.inc-member-3010_JP a span, 
.gnb > ul li.inc-member-3010_VN a span,
.gnb > ul li.inc-member-3010_US a span,
.gnb > ul li.inc-member-3010_SGP a span, 
.gnb > ul li.inc-cons-3510 a span, 
.gnb > ul li.inc-wownet-9040 a span {
  background-image: url("../images/sub-ico/inc-member-3010.png");
}
/* .gnb > ul li.inc-member-3030 a span, 
.gnb > ul li.inc-member-3030_JP a span,
.gnb > ul li.inc-member-3030_VN a span,
.gnb > ul li.inc-member-3030_TH a span,
.gnb > ul li.inc-member-3030_US a span,
.gnb > ul li.inc-member-3030_SGP a span {
  background-image: url("../images/sub-ico/inc-member-3030.png");
} */
.gnb > ul li.inc-member-3060 a span, 
.gnb > ul li.inc-order-4030 a span, 
.gnb > ul li.inc-ado-4520 a span, 
.gnb > ul li.inc-ado-4520_US a span,
.gnb > ul li.inc-ado-4520_TH a span,
.gnb > ul li.inc-ado-4520_JP a span,
.gnb > ul li.inc-ado-4520_VN a span,
.gnb > ul li.inc-pay-8260 a span,
.gnb > ul li.inc-ado-4520_SGP a span {
  background-image: url("../images/sub-ico/inc-member-3090.png");
}
.gnb > ul li.inc-member-3310 a span, 
.gnb > ul li.inc-analys-7810 a span,
.gnb > ul li.inc-analys-7810_GL a span {
  background-image: url("../images/sub-ico/inc-member-3110.png");
}
.gnb > ul li.inc-pdt-2220 a span,
.gnb > ul li.inc-member-3210_DEL a span,
.gnb > ul li.inc-member-3210_DEL_GL a span {
  background-image: url("../images/sub-ico/inc-member-3210.png");
}
.gnb > ul li.inc-member-3320 a span {
  background-image: url("../images/sub-ico/inc-member-3130.png");
}
.gnb > ul li.inc-member-3050 a span,
.gnb > ul li.inc-member-3050_JP a span, 
.gnb > ul li.inc-member-3050_VN a span,
.gnb > ul li.inc-pay-8320 a span, 
.gnb > ul li.inc-pay-8320_JP a span,
.gnb > ul li.inc-pay-8320_VN a span {
  background-image: url("../images/sub-ico/inc-member-3060.png");
}
.gnb > ul li.inc-member-3040 a span, 
.gnb > ul li.inc-order-4020 a span, 
.gnb > ul li.inc-order-4020_SGP a span, 
.gnb > ul li.inc-order-4020_JP a span, 
.gnb > ul li.inc-order-4020_VN a span,
.gnb > ul li.inc-order-4020_US a span,
.gnb > ul li.inc-order-4020_TH a span,
.gnb > ul li.inc-pay-8210 a span,
.gnb > ul li.inc-pay-8310 a span,
.gnb > ul li.inc-proj-1620 a span {
  background-image: url("../images/sub-ico/inc-member-3040.png");
}
.gnb > ul li.inc-member-3150 a span, 
.gnb > ul li.inc-member-3150_GL a span,
.gnb > ul li.inc-member-3151 a span, 
.gnb > ul li.inc-member-3152 a span, 
.gnb > ul li.inc-favor-LK30 a span {
  background-image: url("../images/sub-ico/inc-member-3140.png");
}
.gnb > ul li.inc-shop-6210  a span,
.gnb > ul li.inc-office-6710 a span,
.gnb > ul li.inc-pdt-2090 a span {
  background-image: url("../images/sub-ico/inc-office-6100.png");
}
.gnb > ul li.inc-pay-8000 a span {
  background-image: url("../images/sub-ico/inc-member-3320.png");
}
.gnb > ul li.inc-member-3390 a span,
.gnb > ul li.inc-member-3390_VN a span {
  background-image: url("../images/sub-ico/inc-member-3390.png");
}
.gnb > ul li.inc-member-3012 a span, 
.gnb > ul li.inc-member-3012_JP a span, 
.gnb > ul li.inc-order-4290 a span {
  background-image: url("../images/sub-ico/inc-member-3012.png");
}
.gnb > ul li.inc-cons-3520 a span, 
.gnb > ul li.inc-cons-3520_GL a span,
.gnb > ul li.inc-wownet-9120 a span {
  background-image: url("../images/sub-ico/inc-cons-3610.png");
}
.gnb > ul li.inc-basic-1430 a span,
.gnb > ul li.inc-cons-3530 a span, 
.gnb > ul li.inc-cons-3530_GL a span,
.gnb > ul li.inc-pay-8030 a span, 
.gnb > ul li.inc-payold-8030_old a span, 
.gnb > ul li.inc-pay-8030_VN a span, 
.gnb > ul li.inc-pay-8030_JP a span, 
.gnb > ul li.inc-pay-8030_TH a span, 
.gnb > ul li.inc-pay-8030_US a span, 
.gnb > ul li.inc-pay-8030_01 a span,
.gnb > ul li.inc-pay-8030_02 a span, 
.gnb > ul li.inc-pay-8030_04 a span,
.gnb > ul li.inc-pay-8030_05 a span,
.gnb > ul li.inc-pay-8030_06 a span,
.gnb > ul li.inc-pay-8030_GL a span, 
.gnb > ul li.inc-wownet-9140 a span, 
.gnb > ul li.inc-favor-LK25 a span,
.gnb > ul li.inc-pay-8032_JP a span {
  background-image: url("../images/sub-ico/inc-cons-3620.png");
}
.gnb > ul li.inc-cons-3540 a span, 
.gnb > ul li.inc-cons-3540_GL a span,
.gnb > ul li.inc-statis-7120 a span, 
.gnb > ul li.inc-statis-7120_GL a span,
.gnb > ul li.inc-analys-7710 a span, 
.gnb > ul li.inc-analys-7710_GL a span,
.gnb > ul li.inc-nmtr-9650 a span {
  background-image: url("../images/sub-ico/inc-cons-3630.png");
}
.gnb > ul li.inc-cons-3550 a span,
.gnb > ul li.inc-cons-3550_GL a span {
  background-image: url("../images/sub-ico/inc-cons-3640.png");
}
.gnb > ul li.inc-cons-3580 a span, 
.gnb > ul li.inc-cons-3501 a span, 
.gnb > ul li.inc-member-3001 a span,
.gnb > ul li.inc-ado-4590 a span, 
.gnb > ul li.inc-sms-2630 a span, 
.gnb > ul li.inc-pay-8001 a span,
.gnb > ul li.inc-pay-8001_GL a span, 
.gnb > ul li.inc-basic-1410 a span, 
.gnb > ul li.inc-wownet-9110 a span,
.gnb > ul li.inc-settings1-9330 a span,
.gnb > ul li.inc-wownet-9330 a span,
.gnb > ul li.inc-favor-LK01 a span {
  background-image: url("../images/sub-ico/inc-cons-3580.png");
}
.gnb > ul li.inc-office-6530 a span,
.gnb > ul li.inc-shop-6030  a span,
.gnb > ul li.inc-cons-3590 a span {
  background-image: url("../images/sub-ico/inc-cons-3590.png");
}
.gnb > ul li.inc-order-4010 a span, 
.gnb > ul li.inc-order-4010_JP a span,
.gnb > ul li.inc-order-4010_VN a span,
.gnb > ul li.inc-order-4010_US a span,
.gnb > ul li.inc-order-4010_SGP a span,
.gnb > ul li.inc-order-4010_TH a span{
  background-image: url("../images/sub-ico/inc-order-4010.png");
}

.gnb > ul li.inc-order-4130 a span {
   background-image: url("../images/sub-ico/inc-order-4210.png");
}
.gnb > ul li.inc-order-4120 a span,
.gnb > ul li.inc-ado-4540 a span {
  background-image: url("../images/sub-ico/inc-order-4240.png");
}
.gnb > ul li.inc-ado-4560 a span, 
.gnb > ul li.inc-proj-1610 a span {
  background-image: url("../images/sub-ico/inc-order-4030.png");
}
.gnb > ul li.inc-wallet-4320 a span, 
.gnb > ul li.inc-analys-7820 a span, 
.gnb > ul li.inc-analys-7820_GL a span,
.gnb > ul li.inc-office-6120_v6 a span {
  background-image: url("../images/sub-ico/inc-order-4120.png");
} 
.gnb > ul li.inc-wownet-9130 a span,
.gnb > ul li.inc-wownet-9340 a span {
  background-image: url("../images/sub-ico/inc-order-4310.png");
}
.gnb > ul li.inc-order-4140 a span,
.gnb > ul li.inc-shop-6110 a span, 
.gnb > ul li.inc-office-6610 a span {
  background-image: url("../images/sub-ico/inc-order-4330.png");
}
.gnb > ul li.inc-office-6230 a span, 
.gnb > ul li.inc-office-6200 a span,
.gnb > ul li.inc-order-4150 a span,
.gnb > ul li.inc-statis-7110 a span, 
.gnb > ul li.inc-statis-7110_GL a span,
.gnb > ul li.inc-statis-7240 a span,
.gnb > ul li.inc-statis-7240_GL a span, 
.gnb > ul li.inc-sms-2620 a span {
  background-image: url("../images/sub-ico/inc-order-4320.png");
}
.gnb > ul li.inc-order-4210 a span,
.gnb > ul li.inc-office-6150 a span  {
  background-image: url("../images/sub-ico/inc-order-4340.png");
}
.gnb > ul li.inc-wallet-4330 a span,
.gnb > ul li.inc-wallet-4430 a span,
.gnb > ul li.inc-order-4220 a span,
.gnb > ul li.inc-wallet-8440 a span,
.gnb > ul li.inc-pay-8330 a span {
  background-image: url("../images/sub-ico/inc-order-4350.png");
}
.gnb > ul li.inc-order-4160 a span,
.gnb > ul li.inc-order-4230 a span {
  background-image: url("../images/sub-ico/inc-order-4250.png");
}
.gnb > ul li.inc-order-4260 a span {
  background-image: url("../images/sub-ico/inc-order.png");
}
.gnb > ul li.inc-ado-4570 a span,
.gnb > ul li.inc-order-4330 a span {
  background-image: url("../images/sub-ico/inc-order-4130.png");
}
.gnb > ul li.inc-ado-4510 a span,
.gnb > ul li.inc-ado-4510_SGP a span,
.gnb > ul li.inc-ado-4510_US a span,
.gnb > ul li.inc-ado-4510_TH a span,
.gnb > ul li.inc-ado-4510_JP a span, 
.gnb > ul li.inc-ado-4510_VN a span,
.gnb > ul li.inc-pdt-2110 a span {
  background-image: url("../images/sub-ico/inc-ado-4510.png");
}
.gnb > ul li.inc-ado-4580 a span, 
.gnb > ul li.inc-nmtr-9690 a span, 
.gnb > ul li.inc-settings2-9030 a span {
  background-image: url("../images/sub-ico/inc-ado-4550.png");
}
.gnb > ul li.inc-ado-4550 a span,
.gnb > ul li.inc-ado-4550_US a span,
.gnb > ul li.inc-ado-4550_JP a span,
.gnb > ul li.inc-ado-4550_TH a span,
.gnb > ul li.inc-ado-4550_VN a span,
.gnb > ul li.inc-ado-4550_SGP a span {
  background-image: url("../images/sub-ico/inc-ado-4520.png");
}
.gnb > ul li.inc-stock-5010 a span, 
.gnb > ul li.inc-analys-7510 a span, 
.gnb > ul li.inc-analys-7510_GL a span {
  background-image: url("../images/sub-ico/inc-stock-5010.png");
}
.gnb > ul li.inc-stock-5020 a span,
.gnb > ul li.inc-stock-5020_JP a span,
.gnb > ul li.inc-stock-5020_TH a span,
.gnb > ul li.inc-stock-5020_US a span {
  background-image: url("../images/sub-ico/inc-stock-5020.png");
}
.gnb > ul li.inc-stock-5030 a span,
.gnb > ul li.inc-stock-5030_VN a span,
.gnb > ul li.inc-stock-5030_JP a span, 
.gnb > ul li.inc-stock-5030_US a span,
.gnb > ul li.inc-stock-5030_TH a span,
.gnb > ul li.inc-order-4270 a span,
.gnb > ul li.inc-order-4340 a span {
  background-image: url("../images/sub-ico/inc-stock-5030.png");
}
.gnb > ul li.inc-stock-5040 a span,
.gnb > ul li.inc-order-4011 a span,
.gnb > ul li.inc-stock-5040_JP a span{
  background-image: url("../images/sub-ico/inc-stock-5040.png");
}
.gnb > ul li.inc-stock-5050 a span, 
.gnb > ul li.inc-stock-5050_JP a span, 
.gnb > ul li.inc-stock-5050_VN a span, 
.gnb > ul li.inc-nmtr-9670 a span {
  background-image: url("../images/sub-ico/inc-stock-5050.png");
}
.gnb > ul li.inc-stock-5060 a span, 
.gnb > ul li.inc-stock-5060_JP a span, 
.gnb > ul li.inc-stock-5060_US a span,
.gnb > ul li.inc-stock-5060_TH a span,
.gnb > ul li.inc-proj-1560 a span ,
.gnb > ul li.inc-office-6170 a span,
.gnb > ul li.inc-order-4360 a span,
.gnb > ul li.inc-wallet-4410 a span {
  background-image: url("../images/sub-ico/inc-stock-5060.png");
}
.gnb > ul li.inc-stock-5110 a span, 
.gnb > ul li.inc-analys-7100 a span, 
.gnb > ul li.inc-basic-1210 a span {
  background-image: url("../images/sub-ico/inc-stock-5110.png");
}
.gnb > ul li.inc-stock-5120 a span {
  background-image: url("../images/sub-ico/inc-stock-5120.png");
}
.gnb > ul li.inc-stock-5130 a span {
  background-image: url("../images/sub-ico/inc-stock-5130.png");
}
.gnb > ul li.inc-wallet-4310 a span,
.gnb > ul li.inc-stock-5210 a span, 
.gnb > ul li.inc-pay-8005 a span, 
.gnb > ul li.inc-pay-8040 a span, 
.gnb > ul li.inc-payold-8040_old a span, 
.gnb > ul li.inc-pay-8040_GL a span,
.gnb > ul li.inc-pay-8040_JP a span, 
.gnb > ul li.inc-pay-8220 a span {
  background-image: url("../images/sub-ico/inc-stock-5210.png");
}
.gnb > ul li.inc-stock-5220 a span {
  background-image: url("../images/sub-ico/inc-stock-5220.png");
}
.gnb > ul li.inc-stock-5230 a span, 
.gnb > ul li.inc-nmtr-9640 a span {
  background-image: url("../images/sub-ico/inc-stock-5230.png");
}
.gnb > ul li.inc-stock-5240 a span {
  background-image: url("../images/sub-ico/inc-stock-5240.png");
}
.gnb > ul li.inc-pdt-2010 a span, 
.gnb > ul li.inc-pdt-2020 a span, 
.gnb > ul li.inc-analys-7730 a span, 
.gnb > ul li.inc-analys-7730_GL a span, 
.gnb > ul li.inc-settings2-9920 a span, 
.gnb > ul li.inc-pay-8003 a span, 
.gnb > ul li.inc-wownet-9150 a span, 
.gnb > ul li.inc-order-4430 a span,
.gnb > ul li.inc-wallet-4340 a span,
.gnb > ul li.inc-wallet-4440 a span,
.gnb > ul li.inc-wallet-4490 a span {
  background-image: url("../images/sub-ico/inc-pdt-2010.png");
}
.gnb > ul li.inc-office-6180 a span,
.gnb > ul li.inc-pdt-2230 a span {
  background-image: url("../images/sub-ico/inc-pdt-2120.png");
}
.gnb > ul li.inc-sms-2510 a span {
  background-image: url("../images/sub-ico/inc-sms-2510.png");
}
.gnb > ul li.inc-sms-2520 a span {
  background-image: url("../images/sub-ico/inc-sms-2520.png");
}
.gnb > ul li.inc-sms-2530 a span {
  background-image: url("../images/sub-ico/inc-sms-2530.png");
}
.gnb > ul li.inc-sms-2610 a span {
  background-image: url("../images/sub-ico/inc-sms-2610.png");
}
.gnb > ul li.inc-pay-8010 a span, 
.gnb > ul li.inc-pay-8010_01 a span,
.gnb > ul li.inc-pay-8010_02 a span, 
.gnb > ul li.inc-pay-8010_04 a span,
.gnb > ul li.inc-pay-8010_05 a span,
.gnb > ul li.inc-pay-8010_06 a span,
.gnb > ul li.inc-pay-8010_JP a span, 
.gnb > ul li.inc-pay-8010_GL a span,
.gnb > ul li.inc-pay-8010_VN a span,
.gnb > ul li.inc-pay-8080 a span, 
.gnb > ul li.inc-pay-8080_GL a span,
.gnb > ul li.inc-analys-7630 a span, 
.gnb > ul li.inc-analys-7630_GL a span,
.gnb > ul li.inc-analys-7910 a span, 
.gnb > ul li.inc-analys-7910_GL a span, 
.gnb > ul li.inc-nmtr-9680 a span {
  background-image: url("../images/sub-ico/inc-pay-8010.png");
}
.gnb > ul li.inc-pay-8020 a span,
.gnb > ul li.inc-pay-8020_JP a span,
.gnb > ul li.inc-pay-8022_JP a span,
.gnb > ul li.inc-pay-8020_GL a span {
  background-image: url("../images/sub-ico/inc-pay-8020.png");
}
.gnb > ul li.inc-pay-8110 a span,
.gnb > ul li.inc-pay-8110_JP a span,
.gnb > ul li.inc-pay-8110_VN a span, 
.gnb > ul li.inc-settings2-9910 a span, 
.gnb > ul li.inc-guild-9030 a span {
  background-image: url("../images/sub-ico/inc-pay-8310.png");
}
.gnb > ul li.inc-pay-8230 a span, 
.gnb > ul li.inc-pay-8230_JP a span, 
.gnb > ul li.inc-analys-7740 a span, 
.gnb > ul li.inc-analys-7740_GL a span,
.gnb > ul li.inc-basic-1130 a span {
  background-image: url("../images/sub-ico/inc-pay-8230.png");
}

.gnb > ul li.inc-pay-8090_JP a span{
	background-image: url("../images/sub-ico/inc-pay-8090.png");
}

.gnb > ul li.inc-pay-8060 a span, 
.gnb > ul li.inc-pay-8060_GL a span,
.gnb > ul li.inc-statis-7070 a span, 
.gnb > ul li.inc-statis-7070_GL a span,
.gnb > ul li.inc-statis-7320 a span, 
.gnb > ul li.inc-statis-7320_GL a span,
.gnb > ul li.inc-analys-7920 a span,
.gnb > ul li.inc-analys-7920_GL a span {
  background-image: url("../images/sub-ico/inc-pay-8240.png");
}
.gnb > ul li.inc-pay-8070 a span,
.gnb > ul li.inc-settings1-9350 a span, 
.gnb > ul li.inc-wownet-9010 a span,
.gnb > ul li.inc-wownet-9350 a span, 
.gnb > ul li.inc-office-6050 a span {
  background-image: url("../images/sub-ico/inc-pay-8070.png");
}
.gnb > ul li.inc-pay-8050 a span,
.gnb > ul li.inc-pay-8050_GL a span {
  background-image: url("../images/sub-ico/inc-pay-8050.png");
}
.gnb > ul li.inc-pay-Pay_Plan a span {
  background-image: url("../images/sub-ico/inc-pdt-2020.png");
}
.gnb > ul li.inc-statis-7010 a span,
.gnb > ul li.inc-statis-7010_GL a span {
  background-image: url("../images/sub-ico/inc-statis-7010.png");
}
.gnb > ul li.inc-statis-7020 a span,
.gnb > ul li.inc-statis-7020_GL a span {
  background-image: url("../images/sub-ico/inc-statis-7020.png");
}
.gnb > ul li.inc-statis-7030 a span,
.gnb > ul li.inc-statis-7030_GL a span {
  background-image: url("../images/sub-ico/inc-statis-7030.png");
}
.gnb > ul li.inc-guild-9120 a span,
.gnb > ul li.inc-guild-9220 a span {
  background-image: url("../images/sub-ico/inc-statis-7060.png");
}
.gnb > ul li.inc-statis-7110 a span {
  background-image: url("../images/sub-ico/inc-statis-7110.png");
}
.gnb > ul li.inc-statis-7210 a span,
.gnb > ul li.inc-statis-7210_GL a span {
  background-image: url("../images/sub-ico/inc-statis-7210.png");
}
.gnb > ul li.inc-pdt-2340 a span,
.gnb > ul li.inc-statis-7220 a span,
.gnb > ul li.inc-statis-7220_GL a span,
.gnb > ul li.inc-office-6140 a span {
  background-image: url("../images/sub-ico/inc-statis-7220.png");
}
.gnb > ul li.inc-shop-6160  a span {
  background-image: url("../images/sub-ico/inc-office-6190.png");
}
.gnb > ul li.inc-statis-7230 a span, 
.gnb > ul li.inc-statis-7230_GL a span, 
.gnb > ul li.inc-statis-7130 a span,
.gnb > ul li.inc-statis-7130_GL a span {
  background-image: url("../images/sub-ico/inc-statis-7230.png");
}

.gnb > ul li.inc-statis-7140 a span {
  background-image: url("../images/sub-ico/inc-statis-7140.png");
}

.gnb > ul li.inc-statis-7150 a span{
  background-image: url("../images/sub-ico/inc-statis-7150.png");
}

.gnb > ul li.inc-statis-7250 a span, 
.gnb > ul li.inc-statis-7250_GL a span,
.gnb > ul li.inc-analys-7720 a span,
.gnb > ul li.inc-analys-7720_GL a span {
  background-image: url("../images/sub-ico/inc-statis-7250.png");
}
.gnb > ul li.inc-analys-7520 a span,
.gnb > ul li.inc-analys-7520_GL a span {
  background-image: url("../images/sub-ico/inc-analys-7520.png");
}
.gnb > ul li.inc-analys-7530 a span,
.gnb > ul li.inc-analys-7530_GL a span {
  background-image: url("../images/sub-ico/inc-analys-7530.png");
}
.gnb > ul li.inc-analys-7610 a span, 
.gnb > ul li.inc-analys-7610_GL a span,
.gnb > ul li.inc-pay-8240 a span, 
.gnb > ul li.inc-pay-8240_JP a span, 
.gnb > ul li.inc-shop-6120 a span, 
.gnb > ul li.inc-office-6620 a span, 
.gnb > ul li.inc-basic-1220 a span,
.gnb > ul li.inc-wownet-9020 a span,
.gnb > ul li.inc-member-3030 a span,
.gnb > ul li.inc-favor-LK45 a span {
  background-image: url("../images/sub-ico/inc-analys-7610.png");
}
.gnb > ul li.inc-analys-7620 a span, 
.gnb > ul li.inc-analys-7620_GL a span, 

.gnb > ul li.inc-pay-8250 a span, 
.gnb > ul li.inc-member-3020 a span,
.gnb > ul li.inc-basic-1140 a span {
  background-image: url("../images/sub-ico/inc-analys-7620.png");
}
.gnb > ul li.inc-guild-9110 a span,
.gnb > ul li.inc-guild-9210 a span {
  background-image: url("../images/sub-ico/inc-analys-7930.png");
}
.gnb > ul li.inc-basic-1010 a span,
.gnb > ul li.inc-settings1-1000 a span,
.gnb > ul li.inc-wownet-1000 a span,
.gnb > ul li.inc-comp-9510 a span {
  background-image: url("../images/sub-ico/inc-system-1010.png");
}
.gnb > ul li.inc-basic-1110 a span {
  background-image: url("../images/sub-ico/inc-system-1020.png");
}
.gnb > ul li.inc-basic-1120 a span {
  background-image: url("../images/sub-ico/inc-system-1030.png");
}
.gnb > ul li.inc-basic-1230 a span, 
.gnb > ul li.inc-guild-9020 a span {
  background-image: url("../images/sub-ico/inc-system-1080.png");
}
.gnb > ul li.inc-system-1090 a span {
  background-image: url("../images/sub-ico/inc-system-1090.png");
}
.gnb > ul li.inc-basic-1320 a span {
  background-image: url("../images/sub-ico/inc-system-1100.png");
}
.gnb > ul li.inc-basic-1420 a span,
.gnb > ul li.inc-wownet-9120 a span {
  background-image: url("../images/sub-ico/inc-system-9320.png");
}

.gnb > ul li.inc-system-9380 a span {
  background-image: url("../images/sub-ico/inc-stock-5230.png");
}

.gnb > ul li.inc-nmtr-9530 a span, 
.gnb > ul li.inc-settings1-9360 a span {
  background-image: url("../images/sub-ico/inc-nmtr-9530.png");
}
.gnb > ul li.inc-settings1-9370 a span {
  background-image: url("../images/sub-ico/inc-pdt-2020.png");
}
.gnb > ul li.inc-nmtr-9510 a span {
  background-image: url("../images/sub-ico/inc-nmtr-9510.png");
}
.gnb > ul li.inc-nmtr-9520 a span {
  background-image: url("../images/sub-ico/inc-nmtr-9520.png");
}
.gnb > ul li.inc-nmtr-9620 a span {
  background-image: url("../images/sub-ico/inc-nmtr-9620.png");
}
.gnb > ul li.inc-nmtr-9660 a span {
  background-image: url("../images/sub-ico/inc-nmtr-9660.png");
}
.gnb > ul li.inc-basic-1020 a span,
.gnb > ul li.inc-favor-LK05 a span {
  background-image: url("../images/sub-ico/inc-site-1.png");
}
.gnb > ul li.inc-favor-LK10 a span
 {
  background-image: url("../images/sub-ico/inc-site-2.png");
}
.gnb > ul li.inc-favor-LK15 a span {
  background-image: url("../images/sub-ico/inc-site-3.png");
}
.gnb > ul li.inc-guild-9010 a span {
  background-image: url("../images/sub-ico/inc-settings2-7410.png");
}
.gnb > ul li.inc-favor-LK35 a span {
  background-image: url("../images/sub-ico/inc-site-7.png");
}
.gnb > ul li.inc-favor-LK40 a span {
  background-image: url("../images/sub-ico/inc-site-8.png");
}
.gnb > ul li.inc-favor-LK50 a span {
  background-image: url("../images/sub-ico/inc-site-10.png");
}
.gnb > ul li.inc-favor-LK55 a span {
  background-image: url("../images/sub-ico/inc-site.png");
}
.gnb > ul li.inc-office-6220 a span {
  background-image: url("../images/sub-ico/inc-office-6100.png");
}

.gnb > ul li.inc-office-6130 a span {
  background-image: url("../images/sub-ico/inc-office-6130.png");
}

.gnb > ul li.inc-shop-6040 a span {
  background-image: url("../images/sub-ico/inc-office-6160.png");
}
.gnb > ul li.inc-shop-6130 a span,
.gnb > ul li.inc-office-6630  a span  {
  background-image: url("../images/sub-ico/inc-office-6030.png");
}
.gnb > ul li.inc-office-6660  a span {
  background-image: url("../images/sub-ico/inc-office-6050.png");
}
.gnb > ul li.inc-shop-6220  a span,
.gnb > ul li.inc-office-6720  a span {
  background-image: url("../images/sub-ico/inc-office-6070.png");
}
.gnb > ul li.inc-shop-6150  a span,
.gnb > ul li.inc-office-6650  a span {
  background-image: url("../images/sub-ico/inc-office-6080.png");
}
.gnb > ul li.inc-shop-6170  a span,
.gnb > ul li.inc-office-6080  a span {
  background-image: url("../images/sub-ico/inc-office-6090.png");
}
.gnb > ul li.inc-office-6180 a span {
  background-image: url("../images/sub-ico/inc-office-6120.png");
}
.gnb > ul li.inc-office-6170 a span {
  background-image: url("../images/sub-ico/inc-office-6130.png");
}
.gnb > ul li.inc-omni-9310  a span,
.gnb > ul li.inc-omni-9310_VN  a span {
  background-image: url("../images/sub-ico/inc-omni-6510.png");
}
.gnb > ul li.inc-omni-9320  a span {
  background-image: url("../images/sub-ico/inc-omni-6520.png");
}
.gnb > ul li.inc-omni-9330  a span {
  background-image: url("../images/sub-ico/inc-omni-6530.png");
}
.gnb > ul li.inc-omni-9350  a span {
  background-image: url("../images/sub-ico/inc-omni-6540.png");
}
.gnb > ul li.inc-omni-9340  a span {
  background-image: url("../images/sub-ico/inc-omni-6570.png");
}
.gnb > ul li.inc-omni-9410  a span {
  background-image: url("../images/sub-ico/inc-omni-6550.png");
}
.gnb > ul li.inc-omni-9420  a span {
  background-image: url("../images/sub-ico/inc-omni-6560.png");
}
.gnb > ul li.inc-shop-6010  a span,
.gnb > ul li.inc-office-6510  a span {
  background-image: url("../images/sub-ico/inc-office.png");
}
.gnb > ul li.inc-shop-6020  a span,
.gnb > ul li.inc-office-6520  a span {
  background-image: url("../images/sub-ico/inc-member-3330.png");
}
.gnb > ul li.inc-shop-6050  a span {
  background-image: url("../images/sub-ico/inc-pdt.png");
}

.gnb > ul li.inc-shop-6140  a span {
  background-image: url("../images/sub-ico/inc-shop-6140.png");
}

.gnb > ul li.inc-shop-6180  a span {
  background-image: url("../images/sub-ico/inc-shop-6180.png");
}

/* 상단 언어선택 셀렉트 메뉴 */
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
}
.custom-select-wrapper select {
  display: none;
}
.custom-select {
  position: relative;
  display: inline-block;
}
.custom-select-trigger {
  position: relative;
  display: block;
  background: #434343;
  border: 1px solid #747474;
  font-size: 11px;
  font-weight: normal;
  width: 100px;
  height: 24px;
  color: #b3b3b3;
  cursor: pointer;
  line-height: 24px;
  padding-left: 6px;
}
.custom-select-trigger:after {
  position: absolute;
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  top: 50%;
  right: 10px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateY(-50%);
  transition: all .4s ease-in-out;
  transform-origin: 50% 0;
}
.custom-select.opened .custom-select-trigger:after {
  margin-top: 3px;
  transform: rotate(-135deg) translateY(-50%);
}
.custom-options {
  position: absolute;
  display: block;
  top: 23px;
  left: 0;
  right: 0;
  min-width: 100%;
  border: 1px solid #747474;
  box-sizing: border-box;
  background: #434343;
  transition: all .4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-5px);
}
.custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0);
}
.option-hover:before {
  background: #f9f9f9;
}
.custom-option {
  position: relative;
  display: block;
  padding: 0 6px;
  border-bottom: 1px solid #747474;
  font-size: 13px;
  color: #b5b5b5;
  line-height: 24px;
  cursor: pointer;
  transition: all .4s ease-in-out;
}
.custom-option:first-of-type {}
.custom-option:last-of-type {
  border-bottom: 0;
}
.custom-option:hover, .custom-option.selection {
  color: #f67f21;
}
/* 오른쪽 상단 슬라이드 메뉴 */
.header_top .gnbToggle {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
}
.header_top .gnbToggle:before {
  content: "";
  border-top: 50px solid #252525;
  border-left: 50px solid transparent;
  display: inline-block;
}
.header_top .gnbToggle a {
  display: block;
  width: 40px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.gnbToggle span {
  width: 15px;
  height: 2px;
  background: #fff;
  position: absolute;
  right: 6px;
  top: 18px;
}
.gnbToggle .btn-close span.plus {
  transition: 0.8s;
  -webkit-transition: 0.8s;
  transform: rotate(0deg) translate(0px, 0px);
  -webkit-transform: rotate(0deg) translate(0px, 0px);
}
.gnbToggle .btn-open span.plus {
  transition: 0.8s;
  -webkit-transition: 0.8s;
  transform: rotate(90deg) translate(0px, 0px);
  -webkit-transform: rotate(90deg) translate(0px, 0px);
}
/* allmenu */
.allMenu {
  margin: 0 auto;
  position: relative;
  width: 1282px;
} /*1300*/
.allMenu:after {
  display: block;
  clear: both;
  content: ''
}
.allMenu .allMenuView {
  display: none;
  position: absolute;
  top: 140px;
  left: -9px;
  width: 100%;
  height: 787px;
  border: 1px solid #e6e6e6;
  z-index: 11;
  background: #fff;
}
.allMenu .allMenuView .xclose {
  position: absolute;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
}
.allMenuBtn {
  float: left;
  color: #fff;
  height: 50px;
  width: 50px;
  font-size: 24px;
  border-right: rgba(255, 255, 255, 0.1) 1px solid;
}
/***********************************************
 ** 좌측 고정 메뉴
 ***********************************************/
/* 로그인회원정보  */
.user_wrap {
  background: #f5f7fb;
  border: 1px solid #d6d6d6;
}
.user_wrap .user_top {
  display: table;
  width: 100%;
  height: 90px;
}
.user_wrap .user_top li {
  display: table-cell;
  vertical-align: middle;
  width: 80px;
}
.user_wrap .user_top li.user_thumb {
  text-align: center;
  margin-left: 5px
}
.user_wrap .user_top li.mymenu {
  width: calc(100% - 160px);
}
.user_wrap .btn_logout {
  font-size: 11px;
  text-decoration: none;
  color: #fff !important;
  border-radius: 14px;
  background-color: #ccc;
  padding: 6px 10px; /*margin-left:6px;*/
}
.user_wrap .btn_logout:hover {
  background-color: #bbb;
  cursor: pointer;
}
.user_wrap .mymenu a {
  color: #999;
  margin-right: 1px;
  display: inline-block;
}
.user_wrap .mymenu a:hover {
  color: #666;
  cursor: pointer;
}
.user_wrap .mymenu .info_box {
  line-height: 20px;
}
.user_wrap .mymenu .info_box .name {
  overflow: hidden;
  max-width: 85px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}
.user_wrap .mymenu .info_box .text {
  overflow: hidden;
  padding-top: 1px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999;
}
.user_wrap .user_box {
  height: 40px;
  border-top: 1px solid #d6d6d6;
}
.user_wrap .user_box .tab {
  float: left;
  font-weight: bold;
  width: 25%;
  line-height: 40px;
  text-align: center;
  border-right: 1px solid #d6d6d6;
  height: 40px;
  cursor: pointer;
}
.user_wrap .user_box .tab:last-child {
  border: 0px;
}
.btn-tabs {
  color: #666666;
}
/* 회원리스트 검색 */
.left_search_wrap {
  width: 101%;
  margin: 10px 0;
}
.left_search_wrap input {
  width: 190px;
}
#searchMemberInfoLeft {
  width: 60px;
}
/* 왼쪽 하단 회원리스트 검색 결과 */
.quick_icon {
  text-align: center;
}
.quick_icon a {
  width: 9%;
  float: left;
  margin-right: 2px;
  height: 23px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  color: #666;
  font-size: 16px;
  position: relative;
}
.quick_icon a:hover {
  color: #333;
  background: #f5f7fb;
}
.quick_icon a:last-child {
  margin-right: 0px;
}
/***********************************************
 ** 우측 슬라이드
 ***********************************************/
.sidebar {
  position: relative;
  float: right;
  padding: 10px;
  background: #fff;
  width: 295px;
}
/* 슬라이드 버튼 */
.close_btn {
  position: absolute;
  top: 300px;
  right: 0px;
  width: 30px;
  height: 109px;
  text-align: center;
  background: #fff url("../images/btn_close.png") no-repeat right top;
  border: 0;
  outline: 0;
  cursor: pointer;
}
.close_btn:focus {
  outline: none;
  border: none;
}
.open_btn {
  position: absolute;
  top: 300px;
  right: 285px;
  width: 30px;
  height: 109px;
  text-align: center;
  background: url("../images/btn_open.png") no-repeat right top;
  border: 0;
  outline: 0;
  cursor: pointer;
}
.open_btn:hover {
  background: url("../images/btn_open_hover.png") no-repeat right top;
}
.open_btn:focus {
  outline: none;
  border: none;
}
.sidebar_left {
  position: relative;
  float: left;
  background: #fff;
  width: 300px;
}
.close_btn_left {
  position: absolute;
  top: 300px;
  width: 30px;
  height: 109px;
  text-align: center;
  background: url("../images/btn_close.png") no-repeat right top;
  border: 0;
  outline: 0;
  cursor: pointer;
  transform: rotate(180deg);
  z-index: 1000;
}
.close_btn_left:focus {
  outline: none;
  border: none;
}
.open_btn_left {
  position: absolute;
  top: 300px;
  left: 285px;
  width: 30px;
  height: 109px;
  text-align: center;
  background: url("../images/btn_open.png") no-repeat right top;
  border: 0;
  outline: 0;
  cursor: pointer;
  z-index: 1000;
  transform: rotate(180deg);
}
.open_btn_left:hover {
  background: url("../images/btn_open_hover.png") no-repeat right top;
}
.open_btn_left:focus{
    outline: none;
    border: none;
}
/* 공지사항  */
.notice_wrap {
  width: 100%;
  margin-bottom: 10px;
}
.notice_wrap h2 {
  padding-bottom: 6px;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #333;
}
.notice_wrap h2 .more {
  padding: 2px 0;
  color: #666;
  font-size: 11px;
  float: right;
}
.newslist li {
  display: block;
  overflow: hidden;
  position: relative;
  margin-top: 7px;
}
.newslist li a {
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding-right: 70px;
  letter-spacing: -1px;
}
.newslist li a + span {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  position: absolute;
  top: 0;
  right: 0;
  color: #999;
  font-size: 11px;
}
#rightBoard h2 a:hover {
  cursor: pointer;
}
/* 직급별인수 타이틀 */
.user_member_list h2 {
  padding-bottom: 6px;
  color: #333;
  font-size: 14px;
  font-weight: bold;
}
.user_member_list h2 .more {
  padding: 2px 0;
  color: #666;
  font-size: 11px;
  float: right;
}
/* 매출신고  */
.num_quick {
  display: inline-block;
  width: 100%;
}
.num_quick ul {
  padding-top: 10px;
  text-align: center;
}
.num_quick ul li {
  float: left;
  margin-right: 5px;
}
.num_quick ul li:last-child {
  margin-right: 0px;
}
.num_quick ul li a {
  display: block;
}
.num_quick ul li span {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 64px;
  width: 66px;
  height: 66px;
  border-radius: 33px;
  background: #b1bac3;
}
.num_quick ul li p {
  line-height: 30px;
}
/* 배너  */
.r_banner {
  display: block;
}
.r_banner img {
  vertical-align: middle;
}
/* 툴팁 */

.user_unit {
  margin-left: -50px;
}
.tooltip {
  position: relative;
}
.tooltip__item {
  position: absolute;
  width: -webkit-max-content;
  min-width: 96px;
  min-width: -webkit-max-content;
  padding: 5px;
  visibility: hidden;
  opacity: 0;
  background: white;
  transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
  color: #484848;
  border: 1px solid #cecece;
  border-radius: 3px;
  font-size: 10px;
  box-shadow: 0 2px 1px #bcbcbc;
  z-index: 11;
}
.tooltip__item:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.tooltip__initiator {
  cursor: pointer;
  z-index: 5;
}

.tooltip__initiator img {
  width: 10px;
}
.tooltip__initiator i {
  vertical-align: middle;
}
.tooltip[data-direction="top"] .tooltip__initiator:hover ~ .tooltip__item {
  transform: translate3d(-50%, 0, 0);
  visibility: visible;
  opacity: 1;
}
.tooltip[data-direction="top"] .tooltip__item {
  bottom: calc(100% + 1em);
  left: 50%;
  transform: translate3d(-50%, -15px, 0);
}
.user_unit .tooltip__initiator i {
  color: #398dbb;
}
/* .user_unit .tooltip__initiator i:hover, */
.user_unit .tooltip__initiator:hover {
  opacity: .7;
  /* color: #f67f21; */
}
.firTip.tooltip[data-direction="top"] .tooltip__item {
  left: 30px;
  width: 62px;
  min-width: 62px;
}
.tooltip[data-direction="top"] .tooltip__item:after {
  bottom: -5px;
  left: 50%;
  margin-left: -6px;
  transform: rotate(180deg);
  border-width: 0 0.5em 0.5em 0.5em;
  border-color: transparent transparent white transparent;
  -webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
  filter: drop-shadow(1px -1px 1px #bcbcbc);
}
.firTip.tooltip[data-direction="top"] .tooltip__item:after {
  left: 14px;
}
/* 툴팁2 */
.tooltip[data-direction="bottom"] .tooltip__initiator:hover ~ .tooltip__item {
  transform: translate3d(-50%, 0, 0);
  visibility: visible;
  opacity: 1;
}
.tooltip[data-direction="bottom"] .tooltip__item {
  top: calc(100% + 1em);
  left: 50%;
  transform: translate3d(-50%, -15px, 0);
}
.tooltip[data-direction="bottom"] .tooltip__item:after {
  top: -5px;
  left: 50%;
  margin-left: -6px;
  transform: rotate(180deg);
  border-width: 0 0.5em 0.5em 0.5em;
  border-color: transparent transparent white transparent;
  -webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
  filter: drop-shadow(1px -1px 1px #bcbcbc);
}
.no_use {
  	color: #FF9F9F;
  	font-weight: bold;
  	background-color: #ccc;
}
.no_use a {
  color: #FF9F9F!important;
}
/* female and male 23/04/2021 */
.contentdiv {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.female {
  background:
    url("/images/women.png") center / cover, linear-gradient(rgb(239, 125, 50), rgb(239, 125, 50)) bottom / 100% var(--p, 0), lightgray;
  background-repeat: no-repeat;
  width: 57px;
  height: 120px;
}
.male {
  background:
    url("/images/men.png") center / cover, linear-gradient(rgb(51, 121, 163), rgb(51, 61, 163)) bottom / 100% var(--p, 0), lightgray;
  background-repeat: no-repeat;
  width: 57px;
  height: 120px;
}
.blank {
 background:
    url("/images/genderOther.png") center;
  background-repeat: no-repeat;
  width: 57px;
  height: 120px;
}
.aui-grid-nodata-msg-layer {
  text-align: center;
  line-height: 22px;
}

/* scr 2030 */

.product .item-img img {
  max-width: 109px;
}

.product th span {
  font-weight: 400;
}
.item-product {
  position: relative;
}
.item-product  .item-action {
  opacity: 0;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.item-product:hover .item-action {
  opacity: 1;
}


/* .item-action {
  transform: translateY(-250%);
} */

.delete-btn {
  padding: 5px 10px;
  cursor: pointer
}
.delete-btn span {
  background-color: #C2232C;
  color: #ffffff;
  text-align: center;
  padding: 3px 5px;
}
/* .item-product:hover img {
  background: rgba(0, 0, 0, 0.5);
  transition: all ease-in-out .3s;
} */
.item-product:hover .item-action {
  transition: all ease-in-out .3s;
}




/* 5020 */


.loading-progress {
  height: 20px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.progress {
  position: relative;
}

.bar {
  background-color: #398CBC;
  width: 0%;
  height: 20px;
  border-radius: 10px;
}

.percent {
  position: absolute;
  display: inline-block;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
}

.progress-export {
  position: relative;
  margin-bottom: 15px;
}

.bar-export {
  background-color: #398CBC;
  width: 0%;
  height: 20px;
  border-radius: 10px;
}

.percent-export {
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
}





.loading-export {
  position: fixed;
  bottom: 0;
  width: 200%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
}

.loading-export-1 {
  position: fixed;
  bottom: 50%;
  transform: translateY(-50%);
  left: 50%;
  transform: translateX(-50%);
  width: 400px;
  /* height: 20%; */
  background-color: #ffffff;
  box-shadow: 1px 1px 5px #aaaaaa;
  text-align: center;
  border-radius: 10px;
  padding: 40px 20px;
}

/* .loading-export-2 {
  position: relative;
    top: 25%;
} */
#sendLoadingTxtPopup {
    margin-bottom: 15px;
    font-size: 1.5em;

}
/* Nghi update RWD 17/10/2023 */


 /* X Small devices */
@media (max-width:575px){
  .page-info-wrap{margin-bottom: 50px;}
  .page-info-wrap > div{ width: auto !important;}
  .rightLog .inputBox dd input{ padding-left: 10PX !important;}
  .rwd-flag { display: flex;margin-left: 6px;}
  .help-block-xs{ margin: 3px 0 0 0 !important;}
  .col-fixed-w55-xxs{ width: 55px !important;}
  .equal-w70-select2-xxs .select2{ width: 70px !important;}
  .equal-w80-select2-xxs .select2{ width: 80px !important;}
  .checkbox-xs-block, 
  .help-block-xs{display: block !important;}
  #footer{position: fixed !important; left:0; background-color: #fff;box-shadow: 0px -11px 10px -8px rgba(0,0,0,0.1);}
  #footer .footer-btn{ margin-top: 0 !important; display: flex; align-items: stretch; height: 50px;} 
  #footer .footer-btn > *{ flex: 1 0 0%;height: 100%;}
  #footer .footer-btn button{font-size: 16px;}
  #footer .footer-btn a[href*="http://www.wowcns.co.kr/manual/v45/main.html"], 
  #footer .footer-btn .hidebtn{display: none;}
  #footer .footer-btn .btn-white{background: #434343 !important;color: #fff;border: 1px solid #3d3a3a;}
  #footer .footer-btn .btn-white:hover{ color: #fff; background-color: #000 !important;}
  #footer .footer-btn #savebtn{background-color: #000 !important;}
  #footer .footer-btn #savebtn:hover{ background-color: #f67f21 !important; border-color:#f67f21 !important ;}
  .btn-grid-xs{display: grid !important;gap: 4px 4px;}
  .btn-grid-xs-2, .btn-grid-xs-4,  .btn-grid-xs-7{grid-template-rows: auto;justify-content: space-around; }
  .btn-grid-xs-2{ grid-template-columns: repeat(2, 1fr);}
  .btn-grid-xs-7{ grid-template-columns: repeat(3, 1fr);}
  .btn-grid-xs-4{ grid-template-columns: repeat(4, 1fr);}
  .column-check-xs-block{row-gap: 0 !important;grid-template-columns: 100% !important;}
  .btn-grid-xs label.btn{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .rwd-tbl-vrt-xs thead{position:absolute;left:-9999px;overflow:hidden;width:0;height:0}
  .rwd-tbl-vrt-xs tr, .rwd-tbl-vrt-xs td, .rwd-tbl-vrt-xs th, .rwd-tbl-vrt-xs thead, .rwd-tbl-vrt-xs tbody, .rwd-tbl-vrt-xs table{display:block}
  .rwd-tbl-vrt-xs tbody tr:nth-child(2n+1){background-color:#eee}
  .rwd-tbl-vrt-xs tbody tr td::before{display:flex;width:130px;font-weight:600;content:attr(data-title);position: absolute;left: 0; top: 0;height: 100%;background: #f5f7fb;text-align: center; font-size: 11px; padding:3px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
  .rwd-tbl-col-content{display: flex;padding-left: 130px;}
  .rwd-prodList-item{width: calc(50.6% - 13px) !important;}
}
@media (min-width:576px){
  .thumb-block{ max-width: 200px;}
  .d-inline-sm{ display: inline !important;}
}
@media (max-width:991px) {
  .rwdMenuView{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;overflow-y:auto}
  .allMenu .allMenuView.rwdMenuView .xclose{position:static!important;margin:15px}
  .d-none-xs{ display: none !important;}
  .d-table-cell-xs{ display:table-cell;}
  .input-group-block-xs{ display: grid !important;}
  .rwd-tbl-rg-content-xs.product .item-img img{ max-width: 64px;}
  .grid-1-xs{  grid-template-columns: 100%;
    grid-template-rows: auto;  column-gap: 10px;
    row-gap: 15px;}
  }
  /* Medium devices */
  @media (min-width:768px) and (max-width:991px) {
  .rwdMenuView #list-main-menu .wd-12p{flex:0 0 auto;width:33.33333333%!important}
  }
  /* Small devices */
  @media (max-width:767px) {
    .rwdBreak-sm-block-tab .fl-left.wd-80p,
    .rwdBreak-sm-block-tab .fl-left.wd-20p{float:none!important;width:100%!important;padding-right:0!important}
    .rwdBreak-sm-block-tab .listOption{margin-top:5px;margin-bottom:5px}
	.rwdMenuView #list-main-menu .wd-12p,
	.rwdMenuView #list-main-menu .wd-90p{width:100%!important}
	.rwdMenuView #list-main-menu{background:none!important}
	.rwdMenuView #list-main-menu .table-title{ color: #C7C7C7;}
	.rwdMenuView .content_box{height:100%}
	.rwdMenuView #list-main-menu .wd-90p:not(.pointer) .pointer{display:none}
	 /*.rwdMenuView #list-main-menu .wd-90p:active:not(.pointer) .pointer,.rwdMenuView #list-main-menu .wd-90p:hover:not(.pointer) .pointer{display:block} */
	.rwdMenuView #list-main-menu .wd-90p>.table-title:before{width:18px;height:18px;content:"";background:url(../images/icon_add.png) no-repeat center center;background-size:contain;transition:all .3s;position:absolute;right:10px}
	.rwdMenuView #list-main-menu .wd-90p:active:not(.pointer) .table-title:before,.rwdMenuView #list-main-menu .wd-90p:hover:not(.pointer) .table-title:before{transform:rotate(180deg)}
	.menu_sub_ul > li > a{min-width:90px}
	.analyTop6-fix li, .analyTop4 li{width:50%!important; padding-bottom: 10px;}
	.analyTop6-fix li:nth-of-type(even), .analyTop4 li:nth-of-type(even){ padding-right: 0 !important;}
  .analyTop4 li:nth-of-type(3){ width: 100% !important; padding-right: 0 !important;}
  .analyTop6-grid-50 li, .analyTop6-rw li{ float: none !important; width: auto !important; padding-bottom: 10px;}
  .analyTop6-grid-50 li:nth-of-type(even){ padding-right: 0 !important;}
  .analyTop6-grid-50{ display: grid; grid-template-columns: 50% 50%;}
  .analyTop6-rw li{ padding-right: 0 !important;}
	.wownet-tab{white-space:nowrap;overflow:auto;display:flex!important}
  }
  /* Large devices */
  @media (min-width:992px) {
    .mx-lg-0{ margin-left: 0 !important; margin-right: 0 !important;}
    .d-none-lg{ display: none !important;}
    .d-block-lg{ display: block;}
    .d-table-cell-lg{display: table-cell !important;}
    .d-table-row-lg{display: table-row !important;}
    .col-lg-fixed-w150{ width: 150px !important;}
    .col-lg-fixed-w170{ width: 170px !important;}
    .col-lg-fixed-w200{ width: 200px !important;}
    .col-lg-fixed-w230{ width: 230px !important;}
    .col-lg-fixed-w100{ width: 100px !important;}
    .col-lg-fixed-w75{ width: 75px !important;}
    .col-lg-fixed-w65{ width: 65px !important;}
    .col-lg-fixed-w85{ width: 85px !important;}
    .col-lg-fixed-w90{ width: 90px !important;}
    .col-lg-fixed-w130{ width: 130px !important;}
    .col-lg-0 {width: 13.6% !important;}
    .col-lg-1 {width: 8.33333333% !important;}
    .col-lg-2 {width: 16.66666667% !important;}
    .col-lg-2-ex {width: 17.23333333333% !important;}
    .col-lg-3{width: 25% !important;}
    .col-lg-3-ex {width:21.5555555555555% !important;}
    .col-lg-4 {width: 33.33333333% !important;}
    .col-lg-5{width: 41.66666667% !important;}
    .col-lg-4-ex {width: 36.33333% !important;}
    .col-lg-6 {width: 50% !important;}
    .col-lg-7 {width: 58.33333333% !important;}
    .col-lg-8{ width: 66.66666667% !important;}
    .col-lg-9{width: 75% !important;}
    .col-lg-10 {width: 83.33333333% !important;}
    .col-lg-11 {width: 91.66666667% !important;}
    .col-lg-12 {width: 100% !important;}
    .col-lg-auto{ width: auto !important; flex: 1 0 0% !important;}
    .brd-bottom-lg{ border-bottom: none !important;}
    .brd-start-lg-1{ border-left:1px solid #e6e6e6 !important}
    .ps-lg-1{ padding-left: 4px !important;}    
    .pe-lg-1{ padding-right: 4px !important;}
    .ps-lg-10{ padding-left: 10px !important;}  
    .pe-lg-10{ padding-right: 10px !important;}
    .ms-lg-auto {margin-left: auto !important;}
    .ms-lg-10{ margin-left: 10px;}
    .ms-lg-4{ margin-left: 4px;}
    .mt-lg-0{ margin-top: 0 !important;}
    .mb-lg-0 {margin-bottom: 0 !important;}
    .me-lg-65{ margin-right: 65px !important;}
    .me-lg-10{ margin-right: 10px !important;}
    .ms-lg-1{margin-left: 4px !important;}
    .btn-no-grid-group-lg{ display: inline-block !important;}
    .hv-bg-xs, 
    .crd-border .rw-sub .col-label.hv-bg-xs{ background-color: transparent !important;}
    .checkbox-group-lg{ display: flex;}
    .column-check-lg{grid-template-columns:30% 30% 30% !important}
  }
  /* Extend Large when close left sidebar and right sidebar */
  @media (min-width:1001px) and (max-width:1199px) {
    .rwdBreak-xmd-block .fl-left.wd-80p,
    .rwdBreak-xmd-block .fl-left.wd-70p,
    .rwdBreak-xmd-block .fl-left.wd-60p,
    .rwdBreak-xmd-block .fl-left.wd-50p,
    .rwdBreak-xmd-block .fl-left.wd-40p,
    .rwdBreak-xmd-block .fl-left.wd-30p,
    .rwdBreak-xmd-block .fl-left.wd-20p{
      float:none!important;width:100%!important;padding-right:0!important
    }
  }
  @media (min-width:1001px){
    .rwdMainMenu{display:flex!important}
    .text-end-lg{ text-align: right !important;}
    .text-center-lg{ text-align: center !important;}
  }
  @media (max-width:1000px){
    .visMo.rwd-login-logo{ float: none; margin-left: 0;border-top-right-radius: 20px;border-top-left-radius: 20px;}
    .visMo{ float: right; height: 100%;margin-left: 176px;}
    .visMo > li { display: flex; height: 100%;align-items: center;}
    .visMo > li a{ margin-right: 20px; color: #C7C7C7; display: flex;}
    .visMo > li a:last-child{ margin-right: 46px;}
    .visMo > li a.setting2_memu span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-left: 4px;}
    .rwdBreak-sm-block .fl-left.wd-260px,
    .rwdBreak-sm-block .fl-left.wd-c260px,
    .rwdBreak-sm-block .fl-left.wd-80p,
    .rwdBreak-sm-block .fl-left.wd-75p,
    .rwdBreak-sm-block .fl-left.wd-70p,
    .rwdBreak-sm-block .fl-left.wd-67p,
    .rwdBreak-sm-block .fl-left.wd-65p,
    .rwdBreak-sm-block .fl-left.wd-61p,
    .rwdBreak-sm-block .fl-left.wd-60p,
    .rwdBreak-sm-block .fl-left.wd-55p, 
    .rwdBreak-sm-block .fl-left.wd-50p, 
    .rwdBreak-sm-block .fl-left.wd-39p,
    .rwdBreak-sm-block .fl-left.wd-35p,
    .rwdBreak-sm-block .fl-left.wd-33p,
    .rwdBreak-sm-block .fl-left.wd-45p,
    .rwdBreak-sm-block .fl-left.wd-40p,
    .rwdBreak-sm-block .fl-left.wd-30p, 
    .rwdBreak-sm-block .fl-left.wd-25p, 
    .rwdBreak-sm-block .fl-left.wd-20p,
    .rwdBreak-sm-block .fl-right.wd-80p
    {float:none!important;width:100%!important;margin-right:0!important;margin-top:10px!important;padding-right:0!important}
    .copyright{ display: none;}
    .footer-btn{ text-align: center;}
    .menu_sub_ul > li > a {min-width: 90px;}
  }
  @media (min-width:789px){
    .mt-xlg-0{ margin-top: 0 !important;}
  }
@media (min-width:1001px) and (max-width:1900px){
  /* #search{transform: translateX(290px);} */
}
.menu_sub_ul li a{padding-left: 10px; padding-right: 10px;text-overflow: ellipsis;overflow: hidden;}
.rwdMenuView #list-main-menu{background-size: cover !important;}
.rwdMainMenu{display:none;}
.rwdMainMenu, .hr_scrll-menu, .menu_sub_ul{flex-wrap: nowrap; white-space: nowrap; overflow: hidden; }
.hr_scrll-menu{background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));background-position: left center, right center, left center, right center;background-repeat: no-repeat;background-color: white;
background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;/* Opera doesn't support this in the shorthand */background-attachment: local, local, scroll, scroll;}
.hr_scrll-menu:hover, 
.rwdMainMenu:hover, 
.menu_sub_ul:hover{overflow-x: auto;scroll-behavior: smooth;scrollbar-width: thin;}
::-webkit-scrollbar {-webkit-appearance: none;width: 7px;}
::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,.5);-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}
.hr_scrll-menu::-webkit-scrollbar, 
.rwdMainMenu::-webkit-scrollbar, 
.menu_sub_ul::-webkit-scrollbar{ height: 8px;}
.hr_scrll-menu > li:first-child{ padding-left: 0;}
.img-fluid{ max-width: 100%;}
.rw-column{ display: flex; flex-direction: column;height: 100%;align-items: stretch;}
.rw-column > *{ flex: 1;}
.rw > *, .rw-sub > *{flex-shrink: 0;width: 100%;max-width: 100%;}
.rw > label, .rw-sub > label{ margin-right: 0;}
.rw, .rw-sub{display: flex;flex-wrap: wrap;}
.col {flex: 1 0 0%;}
.col-auto {width: auto;}
.col-auto, 
.col-1, 
.col-2, 
.col-3, 
.col-4, 
.col-5, 
.col-6, 
.col-7, 
.col-8, 
.col-9, 
.col-10, 
.col-11, 
.col-12, 
.col-fixed-w40,
.col-fixed-w100, 
.col-fixed-w130, 
.col-fixed-w20, 
.col-fixed-w65, 
.col-lg-fixed-w75,
.col-lg-fixed-w65,
.col-lg-fixed-w150, 
.col-lg-4-ex, 
.col-lg-3-ex,
.col-lg-2-ex,
.col-lg-0,
.col-lg-1, 
.col-lg-2, 
.col-lg-3, 
.col-lg-4, 
.col-lg-5,
.col-lg-6, 
.col-lg-7,
.col-lg-8, 
.col-lg-9, 
.col-lg-10, 
.col-lg-11, 
.col-lg-12, 
.col-lg-fixed-w100, 
.col-lg-fixed-w230, 
.col-lg-fixed-w200, 
.col-lg-fixed-w130,
.col-lg-fixed-w85,
.col-fixed-w140, 
.col-fixed-w150,
.col-fixed-w120, 
.col-fixed-w200,
.col-fixed-w65, 
.col-fixed-w80, 
.col-fixed-w98,
.col-fixed-w35{flex: 0 0 auto;}
.col-1 {width: 8.33333333%;}
.col-2 {width: 16.66666667%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33333333%;}
.col-5 {width: 41.66666667%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33333333%;}
.col-8 {width: 66.66666667%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33333333%;}
.col-11 {width: 91.66666667%;}
.col-12 {width: 100%;}
.col-fixed-w98{ width: 98px;}
.col-fixed-w90{ width: 90px;}
.col-fixed-w100{ width: 100px;}
.col-fixed-w170{ width: 170px;}
.col-fixed-w200{ width: 200px;}
.col-fixed-w130{ width: 130px;}
.col-fixed-w140{ width: 140px;}
.col-fixed-w150{ width: 150px;}
.col-fixed-w165{ width: 165px;}
.col-fixed-w170{ width: 170px;}
.col-fixed-w120{ width: 120px;}
.col-fixed-w65{ width: 65px;}
.col-fixed-w75{ width: 75px;}
.col-fixed-w80{ width: 80px;}
.col-fixed-w40{ width: 40px;}
.col-fixed-w35{ width: 35px;}
.offset-fixed-w130{ margin-left: 130px;}
.offset-fixed-w130.bg-offset-fixed-w130{ position: relative;}
.offset-fixed-w130.bg-offset-fixed-w130:before{ content: "";background: #f5f7fb; width: 130px;position: absolute;left: -130px;height: 100%;top: 0;}
.flex-nowrap{ flex-wrap: nowrap;}
input.hasDatepicker.col-fixed-w90{ width: 90px;}
.text-center-xs{ text-align: center;}
.text-end-xs{ text-align: right;}
.border-end-1{ border-right: 1px solid #e6e6e6;}
.me-0{ margin-right: 0;}
.tlb-content{ background-color: #fff; padding: 3px;}
.d-flex{ display: flex;}
.justify-content-center{ justify-content: center;}
.align-items-start{ align-items: start;}
.align-items-center{align-items: center;}
.align-items-end{ align-items: end;}
.align-col-center{align-self: center;}
.justify-content-between{ justify-content: space-between;}
.min-h130{ min-height: 130px;}
.min-h76{ min-height: 76px;}
.min-h60{ min-height: 60px;}
.min-h45{ min-height: 45px;}
.h-100{ height: 100%;}
.crd-border{border-top: 1px solid #333; border-left: 1px solid  #e6e6e6;border-bottom: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}
.rw-border{border-bottom: 1px solid #e6e6e6;}
.brd-bottom-lg{border-bottom: 1px solid #e6e6e6;}
.brd-right-lg{border-right: 1px solid #e6e6e6;}
.brd-start-lg-1{ border-left:0;}
.column-check label{display: flex; align-items: center;word-break: keep-all; }
.column-check label span{word-break: break-word;text-overflow: ellipsis;overflow: hidden;margin-left: 4px;}
.column-check{ display: grid;grid-template-columns: 50% 50%;column-gap: 10px;row-gap: 15px;}
.col-label, .col-content{word-break: break-all;}
.crd-border .col-label{ word-break:break-word;display: flex;align-items: center;justify-content: center; text-align: center;background: #f5f7fb;padding: 3px 8px;min-height: 24px;}
.crd-border .col-content{padding: 3px 3px;min-height: 30px;line-height: 15px;border-right: 1px solid #e6e6e6;}
.hv-bg-xs, 
.crd-border .rw-sub .col-label.hv-bg-xs{background: #f5f7fb;}
.checkbox-inline{ display: inline-block;}
.crd-border .rw-sub .col-label{ background-color: transparent; padding: 0;}
.checkbox-group{ margin-top: 5px;}
.input-inline{ display: flex; align-items: center;}
.input-group > .input-control, .input-group > select{position: relative;flex: 1 1 auto;width: 1%;min-width: 0;}
.input-group input.hasDatepicker.input-control{width: 100%;}
.btn-grid-group,.btn-grid-group.btn-group{display: grid;grid-template-areas:"button1 button2 button3" "button4 button5 button5";grid-gap: 2px 2px;}
.input-control{width: 100%;}
.help-block-xs{ opacity: 0.8;}
.ms-auto{ margin-left: auto !important;}
.gs-1 > *{margin-left:4px;}
.mx-auto{ margin-left: auto; margin-right: auto;}
.m-0{margin: 0 !important ;}
.mt-1{ margin-top: 4px;}
.ms-1{ margin-left: 4px;}
.me-1{ margin-right: 4px;}
.ps-1{ padding-left: 4px;}
.mb-10{margin-bottom: 10px;}
/* .pe-lg-1{ padding-right: 0;}
.ps-lg-1{ padding-left: 0;} */
.input-group.gs-1 > *:first-child{margin-left: 0;}
.d-none{display: none;}
.position-static{ position: static !important;}
.btn-group-upload{ display: flex; width: 135px}
.crd-border .select2-container--default .select2-selection--single{border-color: #d5d5d5 !important; border-radius: 0;}
.select2-container .select2-selection--single{ height: 23px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 24px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 23px !important;}
.btn-hAuto{ height: auto !important;}
.crd-sm.crd-border .col-label, .crd-sm.crd-border .col-content{font-size: 12px; }
.crd-sm.crd-border .col-label{ font-weight: 600;}
/* grid and products list viewport */
.grid-wrap > li, .gallery-wrap .grid-wrap > li{  float: left;width: calc(33.333333% - 20px);margin: 0 10px 20px 10px;}
.list-wrap{ display: flex; flex-direction: column;}
.list-wrap > li {display: flex; border-top: 1px solid #ededed; padding: 20px 0;}
.list-wrap > li:first-child{ border-top:0}
.list-wrap > li .name{flex:1;text-align: left;}
.list-wrap > li .img-product{width: 150px;}
.list-wrap > li .img-product, .grid-wrap > li .img-product{ height: 80px; position: relative;}
.list-wrap > li .img-product img, .grid-wrap > li .img-product img{position: absolute;max-width: 100%;object-fit: contain;left: 50%;-ms-transform: translate(-50%, 0%);transform: translate(-50%, 0);top: 0;}
@supports (display: grid) {
  .grid-wrap, .gallery-wrap .grid-wrap {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
    margin: 0;
  }
  .grid-wrap > li, .gallery-wrap .grid-wrap > li {
    width: auto;
    min-height: auto;
    margin: 0;
  }
  @media (max-width:767px){
    .grid-wrap, .gallery-wrap .grid-wrap {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (min-width:768px) and (max-width:1001px){
    .grid-wrap, .gallery-wrap .grid-wrap {
      grid-template-columns: repeat(3, 1fr);
    }
  }  
}
.rwd-prodList-item.prodList dt{ background-color: #fff;}
.rwd-prodList-item.prodList dt img{top: 0!important;margin: 0!important;object-fit: contain;height: 100%;}
/**/
.group-label .label-title{ display: block;}
.rw-xs-value{ font-size: 11px; padding: 3px; text-align: end;flex: 1 auto;}
.bg_dark-blue{ background-color: rgb(61, 150, 198) !important;}
.bg_darker-blue{ background-color: #398dbb !important;}
.text-inverse{ color: #fff;}
.img-product-thumb{ max-width: 90px;margin: 0 auto;}
/* rwd horizontal scroll*/
/* RWD sticky header, footer scrolling vertical with fixed height and sticky the first column*/
.table-scroll{position:relative;width:100%;z-index:1;margin:auto;overflow:auto;}
.table-scroll table{/*width:100%;min-width:1280px;*/margin:auto;border-collapse:separate;border-spacing:0}
.table-scroll thead th:first-child{position:-webkit-sticky;position:sticky;top:0; left:0; z-index:2;background: #f2f2f2;}
.table-scroll tbody th:first-child, .table-scroll tbody td:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:2;background: #fff;}
.table-scroll thead td:first-child{background: #fff;}
.table-scroll tfoot td:first-child{position:-webkit-sticky;position:sticky;bottom:0; left:0}
.table-scroll tfoot,.table-scroll tfoot th,.table-scroll tfoot td{position:-webkit-sticky;position:sticky;bottom:0;z-index:4; background:#EFF7FF}
.table-scroll thead th:first-child,tfoot td:first-child{z-index:5}
input:focus, select:focus, textarea:focus {
  border-color: blue;
}

button:focus {
  outline: none;
  border: 1px solid blue; 
}

input[type="radio"]:focus, input[type="checkbox"]:focus {
  box-shadow: 0 0 2px 2px blue; 
}

#memberCond {
  width: 185px;
}
.info_box .text {
  font-size: 9px;
}