/*
Template Name: Lexa - Responsive Bootstrap 4 Admin Dashboard
Author: Themesbrand
Version: 1.0.0
Website: https://themesbrand.com/
Contact: themesbrand@gmail.com
File: Main Css File
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600");
#page-topbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1002;
  
  background-color: transparent;
}
@media (max-width: 992px) {
	#page-topbar {
		right:0;
		background-color:#ffffff;
		-webkit-box-shadow:0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
		box-shadow:0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
	}
}


.navbar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  height: 70px;
  display:inline-flex; padding:0;
  }
@media (max-width: 992px) {
.navbar-header{height:60px; display:flex; padding:0 calc(24px / 2) 0 0;}
}
  

.navbar-brand-box {
  padding: 0 0.5rem;
  text-align: center;
  width: 240px; }

.logo {
  line-height: 70px; }
  .logo .logo-sm {
    display: none; }
@media (max-width: 992px) {
	.logo {
  line-height: 60px; }
}

.logo-light {
  display: none; }

.dropdown-topbar .btn-light {
  background-color: #f8f9fa !important;
  border: #f8f9fa !important; }
  .dropdown-topbar .btn-light:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(216, 217, 219, 0.5) !important;
            box-shadow: 0 0 0 0.15rem rgba(216, 217, 219, 0.5) !important; }

/* Search */
.app-search {
  padding: calc(32px / 2) 0; }
  .app-search .form-control {
    border: none;
    height: 38px;
    padding-left: 20px;
    padding-right: 20px;
	/*
    background-color: #f5f5f5;
	*/
	border:1px solid #ddd;
	
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0.25rem; }
  .app-search span {
    position: absolute;
    z-index: 10;
    font-size: 13px;
    line-height: 38px;
    right: 16px;
    top: 0;
    color: #5b626b; }
	
.app-search-s{}
.app-search-s .form-control{height:33px;}
.app-search-s span{line-height:33px;}

.megamenu-list li {
  position: relative;
  padding: 5px 0px; }
  .megamenu-list li a {
    color: #5b626b; }

@media (max-width: 992px) {
  .navbar-brand-box {
    width: auto; }
  .logo span.logo-lg {
    display: none; }
  .logo span.logo-sm {
    display: inline-block; } }

.page-content {
  padding: calc(0px + 24px) calc(48px - 16px) 120px calc(48px - 16px); position:relative; background: #f7f7f7;}
@media (max-width: 992px) {
.page-content{padding:calc(60px + 24px) 0 106px 0;}
}

.header-item {
  height: 70px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #555b6d;
  border: 0;
  border-radius: 0px; }
  .header-item:hover {
    color: #555b6d; }
	
@media (max-width: 992px) {
.header-item {height:60px;}
}

.header-profile-user {
  height: 32px;
  width: 32px;
  background-color: #dee2e6; }

.noti-icon i {
  font-size: 20px;
  color: #555b6d; }

.noti-icon .badge {
  position: absolute;
  top: 12px; }

.notification-item .media {
  padding: 0.75rem 1rem; }
  .notification-item .media:hover {
    background-color: #f8f9fa; }

.dropdown-icon-item {
  display: block;
  border-radius: 3px;
  line-height: 34px;
  text-align: center;
  padding: 15px 0 9px;
  display: block;
  border: 1px solid transparent;
  color: #6c757d; }
  .dropdown-icon-item img {
    height: 24px; }
  .dropdown-icon-item span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dropdown-icon-item:hover {
    border-color: #e9ecef; }

.fullscreen-enable [data-toggle="fullscreen"] .bx-fullscreen::before {
  content: "\ea3f"; }

body[data-topbar="dark"] #page-topbar {
  background-color: #2b3a4a; }

body[data-topbar="dark"] .navbar-header .dropdown.show .header-item {
  background-color: rgba(255, 255, 255, 0.05); }

body[data-topbar="dark"] .navbar-header .waves-effect .waves-ripple {
  background: rgba(255, 255, 255, 0.4); }

body[data-topbar="dark"] .header-item {
  color: #e9ecef; }
  body[data-topbar="dark"] .header-item:hover {
    color: #e9ecef; }

body[data-topbar="dark"] .header-profile-user {
  background-color: rgba(255, 255, 255, 0.25); }

body[data-topbar="dark"] .noti-icon i {
  color: #e9ecef; }

body[data-topbar="dark"] .logo-dark {
  display: none; }

body[data-topbar="dark"] .logo-light {
  display: block; }

body[data-topbar="dark"] .app-search .form-control {
  background-color: rgba(248, 249, 250, 0.07);
  color: #fff; }

body[data-topbar="dark"] .app-search span,
body[data-topbar="dark"] .app-search input.form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5); }

body[data-sidebar="dark"] .navbar-brand-box {
  background: #2b3a4a; }

body[data-sidebar="dark"] .logo-dark {
  display: none; }

body[data-sidebar="dark"] .logo-light {
  display: block; }

@media (max-width: 575.98px) {
  .navbar-header .dropdown {
    position: static; }
    .navbar-header .dropdown .dropdown-menu {
      left: 10px !important;
      right: 10px !important; }
  .top-navigation {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #2b3a4a; } }

/*
@media (max-width: 380px) {
  .navbar-brand-box {
    display: none !important; } }
*/

body[data-layout="horizontal"] .navbar-header {
  padding: 0; }

body[data-layout="horizontal"] .navbar-brand-box {
  width: auto;
  display: inline-block; }

body[data-layout="horizontal"] .page-content {
  margin-top: 70px;
  padding: calc(180px + 24px) calc(24px / 2) 72px calc(24px / 2); }

@media (max-width: 992px) {
  body[data-layout="horizontal"] .page-content {
    padding: calc(98px + 24px) calc(24px / 2) 60px calc(24px / 2); } }

@media (min-width: 992px) {
  body[data-layout="horizontal"] .navbar-header {
    padding: 0 calc(24px / 2); }
  body[data-layout="horizontal"] .navbar-brand-box {
    padding-left: 0; } }

.page-title-box {
  padding-bottom: 24px; }
  .page-title-box .breadcrumb {
    background-color: transparent;
    padding: 0; }
  .page-title-box h4 {
    font-size: 18px !important; }

.state-information .state-graph {
  float: right;
  margin-left: 40px;
  text-align: center; }
  .state-information .state-graph .info {
    font-size: 12px;
    margin-top: 3px; }

body[data-layout="horizontal"] .top-navigation {
  padding: 0 calc(24px / 2) 0 calc(24px / 2); }

body[data-layout="horizontal"] .state-information .state-graph .info {
  color: #adb5bd; }

body[data-layout="horizontal"] .page-title-content {
  padding: 20px 0; }
  body[data-layout="horizontal"] .page-title-content .page-title-box {
    padding-bottom: 0; }
    body[data-layout="horizontal"] .page-title-content .page-title-box .breadcrumb-item > a {
      color: #ced4da; }
    body[data-layout="horizontal"] .page-title-content .page-title-box .breadcrumb-item + .breadcrumb-item::before {
      color: rgba(255, 255, 255, 0.5); }
    body[data-layout="horizontal"] .page-title-content .page-title-box .breadcrumb-item.active {
      color: #adb5bd; }
  body[data-layout="horizontal"] .page-title-content h4 {
    color: #fff; }

.footer {
  background-color:#f7f7f7;
  bottom: 0;
  padding:0;
  position: relative;
  text-align: center;
  right: 0;
  color: #999;
  left: 240px;
  height: 100px;
}
.footer address{margin:0; font-size: 14px;}

@media (max-width: 992px) {
  .footer {
    left: 0; }
}

.footer2{display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.footer2 p{font-size:12px; font-weight:400; line-height:1; color:#676767; border-right:1px solid #676767; padding:0 14px 0 0; margin:0 14px 0 0;}
.footer2 ul{display:flex; list-style:none; padding:0; margin:0;}
.footer2 ul li{border-right:1px solid #676767; padding:0 14px 0 0; margin:0 14px 0 0;}
.footer2 ul li:last-of-type{border-right:none; padding:0; margin:0;}
.footer2 ul li a{display:block; font-size:12px; font-weight:400; line-height:1; color:#676767;}
@media (max-width: 768px) {
.account-box h3{margin:32px 0 0;}
.account-box ul{margin:32px 0;}
.account-box ul li{width:90px; height:90px;}
.account-box ul li img{height:26px;}
.account-form .btn-login{margin:0;}
.footer2 p{border-right:none; margin:0 0 6px;}
.footer2 ul li{}
}



.vertical-collpsed .footer{left:70px;}
@media (max-width: 992px) {
	.vertical-collpsed .footer{left:0;}
}

body[data-layout="horizontal"] .footer {
  left: 0 !important; }

.right-bar {
  background-color: #fff;
  -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
  display: block;
  position: fixed;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  width: 480px;
  z-index: 9999;
  float: right !important;
  right: -490px;
  top: 0;
  bottom: 0; }
  .rightbar-title a {
    background-color: #444c54;
    height: 24px;
    width: 24px;
    line-height: 24px;
    color: #e9ecef;
    text-align: center;
    border-radius: 50%; }
    .rightbar-title a:hover {
      background-color: #4b545c; }

.rightbar-overlay {
  background-color: rgba(52, 58, 64, 0.55);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 9998;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.right-bar-enabled .right-bar {
  right: 0; }

.right-bar-enabled .rightbar-overlay {
  display: block; }


@media (max-width: 767.98px) {
  .right-bar {
	  width: 300px;
	  right: -310px;
    overflow: auto; }
    .right-bar .slimscroll-menu {
      height: auto !important; }
}



/* 알림 side */
.side-signal{height:;}
.side-signal a{width:36px; height:36px; display:flex; justify-content:center; align-items:center; position:relative;
background:#ddd; border-radius:50px; color:#555;}
.side-signal a i{font-size:1.3rem;}
.side-signal a span{width:9px; height:9px; background:#ed143d; border-radius:50px; position:absolute; top:0; right:0;}

.signal-bar{}
.signal-bar .signal-bar-list{display:flex; flex-direction:column;}
.signal-bar .signal-bar-list a{border-bottom:1px solid #eff1f3; padding:10px 0;}
.signal-bar .signal-bar-list a dl{display:flex; margin:0;}
.signal-bar .signal-bar-list a dl dt{}
.signal-bar .signal-bar-list a dl dt img{}
.signal-bar .signal-bar-list a dl dd{flex-grow:1;}
.signal-bar .signal-bar-list a dl dd ul{display:flex; padding:0;}
.signal-bar .signal-bar-list a dl dd ul li{display:flex; font-size:12px; line-height:1; color:#888;}
.signal-bar .signal-bar-list a dl dd ul li+li:before{content:"\f105"; font-family:'Line Awesome Free'; font-weight:900; font-size:13px; display:block; margin:0 8px;}
.signal-bar .signal-bar-list a dl dd h3{font-size:17px; color:#222; display:block; margin:0 0 6px;}
.signal-bar .signal-bar-list a dl dd .signal-message{display:flex; align-items:baseline;}
.signal-bar .signal-bar-list a dl dd .signal-message:before{content:""; flex-shrink:0; width:9px; height:9px; display:block; background:#ed143d; border-radius:50px; margin:0 6px 0 0;}
.signal-bar .signal-bar-list a dl dd .signal-message h4{font-size:14px; color:#343434;}
.signal-bar .signal-bar-list a dl dd .signal-message h4 span{display:block; line-height:1; color:#aaa;}
.signal-bar .signal-bar-list a.signal-read dl dd .signal-message h4{color:#aaa;}
.signal-bar .signal-bar-list a.signal-read dl dd .signal-message:before{background:#aaa;}


.signal-bar {
  float: left !important;
  left: -490px;
  right: auto;
  z-index:10;
}

.signal-bar-enabled .signal-bar {
  left: 110px;
  right: auto;
}

.signal-bar-enabled .rightbar-overlay {
  display: none; }
  
@media (max-width: 767.98px) {
	.signal-bar {
		left: -310px;
		z-index: 9999;
	}
	.signal-bar-enabled .signal-bar {
		left: 0;
	}
	.signal-bar-enabled .rightbar-overlay {
  display: block; }
}










.metismenu {
  margin: 0; }
  .metismenu li {
    display: block;
    width: 100%; }
  .metismenu .mm-collapse {
    display: none; }
    .metismenu .mm-collapse:not(.mm-show) {
      display: none; }
    .metismenu .mm-collapse.mm-show {
      display: block; background:#313234;}
  .metismenu .mm-collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: .35s;
            transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility; }

.vertical-menu {
  width: 240px;
  z-index: 1001;
  background: #3b3c3e;
  bottom: 0;
  margin-top: 0;
  position: fixed;
  top: 70px;
  -webkit-box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02); }
@media (max-width: 992px) {
.vertical-menu {top:60px;}
}
.main-content {
  margin-left: 240px;
  /* 문제 있을 시 주석 삭제
  overflow: hidden;
  */
  }
  .main-content .content {
    padding: 0 15px 10px 15px;
    margin-top: 70px; }

#sidebar-menu {
  padding:0; }
  #sidebar-menu .mm-active > .has-arrow:after {
    content: "\F140"; }
  #sidebar-menu .has-arrow:after {
    content: "\F142";
    font-family: 'Material Design Icons';
    display: block;
    float: right;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    font-size: 1rem; }
  #sidebar-menu ul li a {
    display: block;
    padding: 14px 18px;
    color: #888;
    position: relative;
    font-size: 13px;
    -webkit-transition: all .4s;
    transition: all .4s; }
@media screen and (max-height: 767px) {
	#sidebar-menu ul li a {
		padding: 8px 18px;
	}
}
    #sidebar-menu ul li a i {
      display: inline-block;
      min-width: 1.80rem;
	  /*
      padding-bottom: .125em;
	  */
      font-size: 1.4rem;
      line-height: 1.40625rem;
      vertical-align: middle;
      color: #888;
      -webkit-transition: all .4s;
      transition: all .4s; }
    #sidebar-menu ul li a:hover {
      color: #f25b2b; }
      #sidebar-menu ul li a:hover i {
        color: #f25b2b; }
  #sidebar-menu ul li .badge {
    margin-top: 5px; }
#sidebar-menu ul li ul.sub-menu{position:relative;padding: 14px 0;border-radius: 15px; width: 84%; margin: 0 auto;background: #313234; display:none;}
/*#sidebar-menu ul li ul.sub-menu::before{content: ''; width: 30px; height: 30px; transform: rotate(226deg); position: absolute; left: 50%; top: -5px; background: #313234;  margin-left: -15px;opacity:0; display:none;}*/
#sidebar-menu ul li.mm-active ul.sub-menu::before{display:block;opacity:1;transition:all .0s; }
#sidebar-menu ul li ul.sub-menu:before{ display:block; content:""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #313234; position: absolute; top: -9px; left: 50%;   margin-left: -10px;}
#sidebar-menu ul li ul.sub-menu.mm-show{display:block;}
#sidebar-menu ul li ul.sub-menu li a {
	padding: .4rem 0 .4rem 0;
	font-size: 14px;
	color: #888;
}
#sidebar-menu ul li ul.sub-menu li a:hover,#sidebar-menu ul li ul.sub-menu li a.active{color:#eee;}
#sidebar-menu ul li ul.sub-menu li ul.sub-menu {padding: 0;}
#sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {padding: .4rem 1.5rem .4rem 4.5rem; font-size: 13.5px;}




.menu-title {
  padding: 12px 20px !important;
  letter-spacing: .05em;
  pointer-events: none;
  cursor: default;
  font-size: 10px;
  text-transform: uppercase;
  color: #7f8387;
  font-weight: 600; }

.mm-active {
  color: #f25b2b !important; }
  .mm-active .active {
    color: #fff !important;}
    .mm-active .active i {
      color: #f25b2b !important; }
  .mm-active > i {
    color: #f25b2b !important; }

@media (max-width: 992px) {
  .vertical-menu {
    display: none; }
  .main-content {
    margin-left: 0 !important; }
  body.sidebar-enable .vertical-menu {
    display: block; } }

.vertical-collpsed .main-content {
  margin-left: 70px; }

.vertical-collpsed .navbar-brand-box {
  width: 70px !important; }

.vertical-collpsed .logo span.logo-lg {
  display: none; }

.vertical-collpsed .logo span.logo-sm {
  display: block; }

.vertical-collpsed .vertical-menu {
  position: absolute;
  width: 70px !important;
  z-index: 5; }
  .vertical-collpsed .vertical-menu .simplebar-mask,
  .vertical-collpsed .vertical-menu .simplebar-content-wrapper {
    overflow: visible !important; }
  .vertical-collpsed .vertical-menu .simplebar-scrollbar {
    display: none !important; }
  .vertical-collpsed .vertical-menu .simplebar-offset {
    bottom: 0 !important; }
  .vertical-collpsed .vertical-menu #sidebar-menu .menu-title,
  .vertical-collpsed .vertical-menu #sidebar-menu .badge,
  .vertical-collpsed .vertical-menu #sidebar-menu .collapse.in {
    display: none !important; }
  .vertical-collpsed .vertical-menu #sidebar-menu .nav.collapse {
    height: inherit !important; }
  .vertical-collpsed .vertical-menu #sidebar-menu .has-arrow:after {
    display: none; }
  .vertical-collpsed .vertical-menu #sidebar-menu > ul > li {
    position: relative;
    white-space: nowrap; }
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a {
      padding: 15px 20px;
      min-height: 55px;
      -webkit-transition: none;
      transition: none; }
      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:hover, .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:active, .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:focus {
        color: #383c40; }
      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i {
        font-size: 1.45rem;
        margin-left: 4px; }
      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a span {
        display: none;
        padding-left: 25px; }
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
      position: relative;
      width: calc(190px + 70px);
      color: #22bc92;
      background-color: whitesmoke;
      -webkit-transition: none;
      transition: none; }
      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {
        color: #22bc92; }
      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a span {
        display: inline; }
    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul {
      display: block;
      left: 70px;
      position: absolute;
      width: 190px;
      height: auto !important;
      -webkit-box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1);
              box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1); }
      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul ul {
        -webkit-box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1);
                box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1); }
      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {
        -webkit-box-shadow: none;
                box-shadow: none;
        padding: 8px 20px;
        position: relative;
        width: 190px;
        z-index: 6;
        color: #545a6d; }
        .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {
          color: #383c40; }
  .vertical-collpsed .vertical-menu #sidebar-menu > ul ul {
    padding: 5px 0;
    z-index: 9999;
    display: none;
    background-color: #ffffff; }
    .vertical-collpsed .vertical-menu #sidebar-menu > ul ul li:hover > ul {
      display: block;
      left: 190px;
      height: auto !important;
      margin-top: -36px;
      position: absolute;
      width: 190px; }
    .vertical-collpsed .vertical-menu #sidebar-menu > ul ul li > a span.pull-right {
      position: absolute;
      right: 20px;
      top: 12px;
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg); }
    .vertical-collpsed .vertical-menu #sidebar-menu > ul ul li.active a {
      color: #f8f9fa; }

body[data-sidebar="dark"] .vertical-menu {
  background: #2b3a4a; }

body[data-sidebar="dark"] #sidebar-menu ul li a {
  color: #8699ad; }
  #sidebar-menu ul li a.active span{    color: #f25b2b !important;}
  body[data-sidebar="dark"] #sidebar-menu ul li a i {
    color: #8699ad; }
  body[data-sidebar="dark"] #sidebar-menu ul li a:hover {
    color: #ffffff; }
    body[data-sidebar="dark"] #sidebar-menu ul li a:hover i {
      color: #ffffff; }

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a {
  color: #8699ad;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none; }
  body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a:hover {
    color: #ffffff; }

body[data-sidebar="dark"] #sidebar-menu ul > li > a.mm-active {
  background-color: #263442; }

body[data-sidebar="dark"].vertical-collpsed {
  min-height: 1200px; }
  body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
    background: #2f3f50;
    color: #ffffff; }
    body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {
      color: #ffffff; }
  body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {
    color: #8699ad; }
    body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {
      color: #ffffff; }
  body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {
    background-color: #2b3a4a; }
  body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {
    color: #f25b2b !important; }
    body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {
      color: #f25b2b !important; }

body[data-sidebar="dark"] .mm-active {
  color: #ffffff !important; }
  body[data-sidebar="dark"] .mm-active > i {
    color: #ffffff !important; }
  body[data-sidebar="dark"] .mm-active .active {
    color: #ffffff !important;
    background-color: #263442; }
    body[data-sidebar="dark"] .mm-active .active i {
      color: #ffffff !important; }

body[data-sidebar="dark"] .menu-title {
  color: #8699ad; }

body[data-layout="horizontal"] .main-content {
  margin-left: 0 !important; }

body[data-sidebar-size="small"] .navbar-brand-box {
  width: 114px;
  background:#3b3c3e;
  }

body[data-sidebar-size="small"] .vertical-menu {
  width: 114px;
  text-align: center; /*overflow-y:auto;*/}
  body[data-sidebar-size="small"] .vertical-menu .has-arrow:after,
  body[data-sidebar-size="small"] .vertical-menu .badge {
    display: none !important; }

body[data-sidebar-size="small"] .main-content {
  margin-left: 114px; }

body[data-sidebar-size="small"] .footer {
	position:absolute;bottom:0;
  left: 0; }

body[data-sidebar-size="small"] #sidebar-menu ul li.menu-title {
  background-color: #2f3f50; }

body[data-sidebar-size="small"] #sidebar-menu ul li a i {
  display: block; }

body[data-sidebar-size="small"] #sidebar-menu ul li ul.sub-menu li a {
 }

body[data-sidebar-size="small"].vertical-collpsed .main-content {
  margin-left: 70px; }

body[data-sidebar-size="small"].vertical-collpsed .vertical-menu #sidebar-menu {
  text-align: left; }
  body[data-sidebar-size="small"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i {
    display: inline-block; }

body[data-sidebar-size="small"].vertical-collpsed .footer {
  left: 70px; }

body[data-sidebar="colored"] .vertical-menu {
  background-color: #7a6fbe; }

body[data-sidebar="colored"] .navbar-brand-box {
  background-color: #7a6fbe; }
  body[data-sidebar="colored"] .navbar-brand-box .logo-dark {
    display: none; }
  body[data-sidebar="colored"] .navbar-brand-box .logo-light {
    display: block; }

body[data-sidebar="colored"] .mm-active {
  color: #fff !important; }
  body[data-sidebar="colored"] .mm-active > i, body[data-sidebar="colored"] .mm-active .active {
    color: #fff !important; }

body[data-sidebar="colored"] #sidebar-menu ul li.menu-title {
  color: rgba(255, 255, 255, 0.6); }

body[data-sidebar="colored"] #sidebar-menu ul li a {
  color: rgba(255, 255, 255, 0.5); }
  body[data-sidebar="colored"] #sidebar-menu ul li a i {
    color: rgba(255, 255, 255, 0.5); }
  body[data-sidebar="colored"] #sidebar-menu ul li a.waves-effect .waves-ripple {
    background: rgba(255, 255, 255, 0.1); }

body[data-sidebar="colored"] #sidebar-menu ul li ul.sub-menu li a {
  color: rgba(255, 255, 255, 0.4); }

body[data-sidebar="colored"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
  background-color: #8076c1; }

body[data-sidebar="colored"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {
  color: #f25b2b !important; }

.topnav {
  background: #fff;
  -webkit-box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
  z-index: 100;
  margin-bottom: -40px;
  border-radius: 3px; }
  .topnav .topnav-menu {
    margin: 0;
    padding: 0; }
  .topnav .navbar-nav .nav-link {
    font-size: 14px;
    position: relative;
    padding: 1.2rem 1.5rem;
    color: #545a6d; }
    .topnav .navbar-nav .nav-link i {
      display: block;
      font-size: 22px;
      margin-bottom: 4px;
      text-align: center; }
    .topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {
      color: #7a6fbe;
      background-color: transparent; }
  .topnav .navbar-nav .dropdown-item {
    color: #545a6d; }
    .topnav .navbar-nav .dropdown-item.active, .topnav .navbar-nav .dropdown-item:hover {
      color: #7a6fbe;
      background: transparent; }
  .topnav .navbar-nav .nav-item .nav-link.active {
    color: #7a6fbe; }
  .topnav .navbar-nav .dropdown.active > a {
    color: #7a6fbe;
    background-color: transparent; }

body[data-layout="horizontal"] #page-topbar {
  background-color: #2b3a4a; }

body[data-layout="horizontal"] .navbar-header {
  background-color: #ffffff; }

@media (min-width: 1200px) {
  body[data-layout="horizontal"] .container-fluid {
    max-width: 90%; } }

@media (min-width: 992px) {
  .topnav .dropdown-item {
    padding: .5rem 1.5rem;
    min-width: 180px; }
  .topnav .dropdown.mega-dropdown .mega-dropdown-menu {
    left: 0px;
    right: auto; }
  .topnav .dropdown .dropdown-menu {
    margin-top: 0;
    border-radius: 0 0 0.25rem 0.25rem; }
    .topnav .dropdown .dropdown-menu .arrow-down::after {
      right: 15px;
      -webkit-transform: rotate(-135deg) translateY(-50%);
              transform: rotate(-135deg) translateY(-50%);
      position: absolute; }
    .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu {
      position: absolute;
      top: 0 !important;
      left: 100%;
      display: none; }
  .topnav .dropdown:hover > .dropdown-menu {
    display: block; }
  .topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu {
    display: block; }
  .navbar-toggle {
    display: none; } }

.arrow-down {
  display: inline-block; }
  .arrow-down:after {
    border-color: initial;
    border-style: solid;
    border-width: 0 0 1px 1px;
    content: "";
    height: .4em;
    display: inline-block;
    right: 5px;
    top: 50%;
    margin-left: 10px;
    -webkit-transform: rotate(-45deg) translateY(-50%);
            transform: rotate(-45deg) translateY(-50%);
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: .4em; }

@media (max-width: 1199.98px) {
  .topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu {
    right: 100%;
    left: auto; } }

@media (max-width: 991.98px) {
  .topnav {
    max-height: 360px;
    overflow-y: auto;
    padding: 0;
    margin-bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 70px; }
    .topnav .navbar-nav .nav-link {
      padding: 0.75rem 1.1rem; }
      .topnav .navbar-nav .nav-link i {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0;
        vertical-align: inherit; }
    .topnav .dropdown .dropdown-menu {
      background-color: transparent;
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      padding-left: 15px; }
      .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl, .topnav .dropdown .dropdown-menu.dropdown-mega-menu-lg {
        width: auto; }
        .topnav .dropdown .dropdown-menu.dropdown-mega-menu-xl .row, .topnav .dropdown .dropdown-menu.dropdown-mega-menu-lg .row {
          margin: 0px; }
    .topnav .dropdown .dropdown-item {
      position: relative;
      background-color: transparent; }
      .topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active {
        color: #7a6fbe; }
    .topnav .arrow-down::after {
      right: 15px;
      position: absolute; } }

body[data-layout="horizontal"][data-topbar="colored"] #page-topbar {
  background-color: #7a6fbe;
  -webkit-box-shadow: none;
          box-shadow: none; }

body[data-layout="horizontal"][data-topbar="colored"] .logo-dark {
  display: none; }

body[data-layout="horizontal"][data-topbar="colored"] .logo-light {
  display: block; }

body[data-layout="horizontal"][data-topbar="colored"] .app-search .form-control {
  background-color: rgba(248, 249, 250, 0.07);
  color: #fff; }

body[data-layout="horizontal"][data-topbar="colored"] .app-search span,
body[data-layout="horizontal"][data-topbar="colored"] .app-search input.form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5); }

body[data-layout="horizontal"][data-topbar="colored"] .header-item {
  color: #e9ecef; }
  body[data-layout="horizontal"][data-topbar="colored"] .header-item:hover {
    color: #e9ecef; }

body[data-layout="horizontal"][data-topbar="colored"] .navbar-header .dropdown.show .header-item {
  background-color: rgba(255, 255, 255, 0.1); }

body[data-layout="horizontal"][data-topbar="colored"] .navbar-header .waves-effect .waves-ripple {
  background: rgba(255, 255, 255, 0.4); }

body[data-layout="horizontal"][data-topbar="colored"] .noti-icon i {
  color: #e9ecef; }

@media (min-width: 992px) {
  body[data-layout="horizontal"][data-topbar="colored"] .topnav {
    background-color: #7a6fbe; }
    body[data-layout="horizontal"][data-topbar="colored"] .topnav .navbar-nav .nav-link {
      color: rgba(255, 255, 255, 0.5); }
      body[data-layout="horizontal"][data-topbar="colored"] .topnav .navbar-nav .nav-link:focus, body[data-layout="horizontal"][data-topbar="colored"] .topnav .navbar-nav .nav-link:hover {
        color: rgba(255, 255, 255, 0.9); }
    body[data-layout="horizontal"][data-topbar="colored"] .topnav .navbar-nav > .dropdown.active > a {
      color: rgba(255, 255, 255, 0.9) !important; } }

body[data-layout="horizontal"][data-topbar="light"] .logo-light {
  display: none; }

body[data-layout="horizontal"][data-topbar="light"] .logo-dark {
  display: block; }

body[data-layout-size="boxed"] {
  background-color: #e8e8e8; }
  body[data-layout-size="boxed"] #layout-wrapper {
    background-color: #f5f5f5;
    max-width: 1300px;
    margin: 0 auto;
    -webkit-box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
            box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02); }
  body[data-layout-size="boxed"] #page-topbar {
    max-width: 1300px;
    margin: 0 auto; }
  body[data-layout-size="boxed"] .footer {
    margin: 0 auto;
    max-width: calc(1300px - 240px); }
  body[data-layout-size="boxed"].vertical-collpsed .footer {
    max-width: calc(1300px - 70px); }

body[data-layout="horizontal"][data-layout-size="boxed"] .container-fluid, body[data-layout="horizontal"][data-layout-size="boxed"] .navbar-header {
  max-width: 1300px; }

/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  pointer-events: none; }

.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }

.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2); }

.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4); }

.waves-notransition {
  -webkit-transition: none !important;
  transition: none !important; }

.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1; }

.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em; }

.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em; }

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom; }

.waves-input-wrapper.waves-button {
  padding: 0; }

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1; }

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%; }

.waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms;
  transition: all 300ms; }

.waves-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }

.waves-block {
  display: block; }

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.4); }

.waves-effect.waves-primary .waves-ripple {
  background-color: rgba(122, 111, 190, 0.4); }

.waves-effect.waves-success .waves-ripple {
  background-color: rgba(88, 219, 131, 0.4); }

.waves-effect.waves-info .waves-ripple {
  background-color: rgba(41, 187, 227, 0.4); }

.waves-effect.waves-warning .waves-ripple {
  background-color: rgba(245, 178, 37, 0.4); }

.waves-effect.waves-danger .waves-ripple {
  background-color: rgba(236, 83, 108, 0.4); }

.avatar-xs {
  height: 2rem;
  width: 2rem; }

.avatar-sm {
  height: 3rem;
  width: 3rem; }

.avatar-md {
  height: 4.5rem;
  width: 4.5rem; }

.avatar-lg {
  height: 6rem;
  width: 6rem; }

.avatar-xl {
  height: 7.5rem;
  width: 7.5rem; }

.avatar-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  border: 2px solid; }

.font-size-10 {
  font-size: 10px !important; }
  
.font-size-11 {
  font-size: 11px !important; }

.font-size-12 {
  font-size: 12px !important; }

.font-size-13 {
  font-size: 13px !important; }

.font-size-14 {
  font-size: 14px !important; }

.font-size-15 {
  font-size: 15px !important; }

.font-size-16 {
  font-size: 16px !important; }

.font-size-17 {
  font-size: 17px !important; }

.font-size-18 {
  font-size: 18px !important; }

.font-size-20 {
  font-size: 20px !important; }

.font-size-22 {
  font-size: 22px !important; }

.font-size-24 {
  font-size: 24px !important; }

.font-weight-medium {
  font-weight: 500; }

.font-weight-semibold {
  font-weight: 600; }

.social-list-item {
  height: 2rem;
  width: 2rem;
  line-height: calc(2rem - 2px);
  display: block;
  border: 1px solid #adb5bd;
  border-radius: 50%;
  color: #adb5bd;
  text-align: center; }

.social-links li a {
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 30px; }

.w-xs {
  min-width: 80px; }

.w-sm {
  min-width: 95px; }

.w-md {
  min-width: 110px; }

.w-lg {
  min-width: 140px; }

.w-xl {
  min-width: 160px; }

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 9999; }

#status {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px; }

.spinner-chase {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-animation: spinner-chase 2.5s infinite linear both;
          animation: spinner-chase 2.5s infinite linear both; }

.chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: chase-dot 2.0s infinite ease-in-out both;
          animation: chase-dot 2.0s infinite ease-in-out both; }
  .chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #7a6fbe;
    border-radius: 100%;
    -webkit-animation: chase-dot-before 2.0s infinite ease-in-out both;
            animation: chase-dot-before 2.0s infinite ease-in-out both; }
  .chase-dot:nth-child(1) {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s; }
    .chase-dot:nth-child(1):before {
      -webkit-animation-delay: -1.1s;
              animation-delay: -1.1s; }
  .chase-dot:nth-child(2) {
    -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s; }
    .chase-dot:nth-child(2):before {
      -webkit-animation-delay: -1.0s;
              animation-delay: -1.0s; }
  .chase-dot:nth-child(3) {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; }
    .chase-dot:nth-child(3):before {
      -webkit-animation-delay: -0.9s;
              animation-delay: -0.9s; }
  .chase-dot:nth-child(4) {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }
    .chase-dot:nth-child(4):before {
      -webkit-animation-delay: -0.8s;
              animation-delay: -0.8s; }
  .chase-dot:nth-child(5) {
    -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s; }
    .chase-dot:nth-child(5):before {
      -webkit-animation-delay: -0.7s;
              animation-delay: -0.7s; }
  .chase-dot:nth-child(6) {
    -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s; }
    .chase-dot:nth-child(6):before {
      -webkit-animation-delay: -0.6s;
              animation-delay: -0.6s; }

@-webkit-keyframes spinner-chase {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spinner-chase {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes chase-dot {
  80%, 100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes chase-dot {
  80%, 100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes chase-dot-before {
  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  100%, 0% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes chase-dot-before {
  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  100%, 0% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.form-check-right {
  padding-left: 0;
  display: inline-block;
  padding-right: 1.25rem; }
  .form-check-right .form-check-input {
    right: 0;
    margin-left: 0; }
  .form-check-right .form-check-label {
    display: block; }

.custom-control-right {
  padding-left: 0;
  padding-right: 1.5rem;
  display: inline-block; }
  .custom-control-right .custom-control-label {
    display: inline-block; }
    .custom-control-right .custom-control-label:before, .custom-control-right .custom-control-label:after {
      left: auto;
      right: -1.5rem; }
  .custom-control-right .custom-control-input {
    left: auto; }

/* ==============
  Widgets
===================*/
.widget-chart li {
  width: 31.5%;
  display: inline-block;
  padding: 0; }
  .widget-chart li i {
    font-size: 22px; }

.mini-stat {
  border: none; }
  .mini-stat .mini-stat-img {
    background: url(../images/bg-1.png);
    background-size: cover; }
  .mini-stat .mini-stat-icon i {
    font-size: 30px;
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    color: #fff !important;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    display: inline-block; }

.inbox-wid .inbox-item {
  position: relative;
  border-bottom: 1px solid #eff1f3;
  overflow: hidden;
  padding: 10px 0; }
  .inbox-wid .inbox-item .inbox-item-date {
    font-size: 11px;
    position: absolute;
    right: 7px;
    top: 8px; }

.widget-user {
  overflow: hidden; }
  .widget-user .widget-user-desc:after {
    left: 18px;
    bottom: -20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #7a6fbe;
    border-width: 10px;
    margin-left: -1px;
    border-right-color: #7a6fbe; }

/* Activity */
.activity-feed {
  padding: 15px 15px 0 15px;
  list-style: none; }
  .activity-feed .feed-item {
    position: relative;
    padding-bottom: 29px;
    padding-left: 30px;
    border-left: 2px solid #f5f6f8; }
    .activity-feed .feed-item:last-child {
      border-color: transparent; }
    .activity-feed .feed-item::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: -10px;
      width: 16px;
      height: 10px;
      border-radius: 6px;
      background: #fff;
      border: 4px solid #7a6fbe; }
    .activity-feed .feed-item .feed-item-list {
      padding: 12px 20px;
      border-radius: 7px;
      background: #f8f9fa; }
      .activity-feed .feed-item .feed-item-list::after {
        left: 19px;
        top: 0;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top-color: #f8f9fa;
        border-width: 10px;
        margin-left: -1px;
        border-right-color: #f8f9fa; }
    .activity-feed .feed-item .date {
      display: block;
      position: relative;
      top: -5px;
      color: #8c96a3;
      text-transform: uppercase;
      font-size: 13px; }
    .activity-feed .feed-item .activity-text {
      position: relative;
      top: -3px; }

.button-items {
  margin-left: -8px; display: flex; justify-content: center;
  margin-bottom: -12px; } 
  .button-items .btn {
    margin-bottom: 12px;
    margin-left: 8px; }

.mfp-popup-form {
  max-width: 1140px; }

.bs-example-modal {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
  display: block; }

.icon-demo-content {
  text-align: center;
  color: #adb5bd; }
  .icon-demo-content i {
    display: block;
    font-size: 24px;
    margin-bottom: 16px;
    color: #6c757d;
    -webkit-transition: all 0.4s;
    transition: all 0.4s; }
  .icon-demo-content .col-lg-4 {
    margin-top: 24px; }
    .icon-demo-content .col-lg-4:hover i {
      color: #7a6fbe;
      -webkit-transform: scale(1.5);
              transform: scale(1.5); }

.grid-structure .grid-container {
  background-color: #f8f9fa;
  margin-top: 10px;
  font-size: .8rem;
  font-weight: 500;
  padding: 10px 20px; }

@media print {
  .vertical-menu,
  .right-bar,
  .page-title-box,
  .state-information,
  .navbar-header,
  .footer {
    display: none !important; }
  .card-body,
  .main-content,
  .right-bar,
  .page-content,
  body {
    padding: 0;
    margin: 0; }
  .card {
    border: 0; } }

[data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit; }

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0; }

.simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0 !important;
  bottom: 0;
  right: 0 !important;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch; }

.simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  overflow: auto;
  /* Scroll on this element otherwise element can't have a padding applied properly */
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  padding: 0px !important; }

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none; }

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table; }

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none; }

.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
      -ms-flex-positive: inherit;
          flex-grow: inherit;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0; }

.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1; }

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden; }

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all; }

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 4px;
  min-height: 10px; }

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: #a2adb7;
  border-radius: 7px;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  -webkit-transition: opacity 0s linear;
  transition: opacity 0s linear; }

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px; }

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px; }

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto; }

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0; }

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll; }

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none; }

.custom-scroll {
  height: 100%; }

.fc-toolbar h2 {
  font-size: 16px;
  line-height: 30px;
  text-transform: uppercase; }

.fc th.fc-widget-header {
  background: #e9ecef;
  font-size: 13px;
  line-height: 20px;
  padding: 10px 0;
  text-transform: uppercase;
  font-weight: 600; }

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
  border-color: #e9ecef; }

.fc-unthemed td.fc-today {
  background: #f5f6f8; }

.fc-button {
  background: #fff;
  border-color: #e9ecef;
  color: #5b626b;
  text-transform: capitalize;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 6px 12px !important;
  height: auto !important; }

.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  background-color: #7a6fbe;
  color: #fff;
  text-shadow: none; }

.fc-event {
  border-radius: 2px;
  border: none;
  cursor: move;
  font-size: 0.8125rem;
  margin: 5px 7px;
  padding: 5px 5px;
  text-align: center; }

.fc-event, .fc-event-dot {
  background-color: #7a6fbe; }

.fc-event .fc-content {
  color: #fff; }

/* ==============
  Druafula
===================*/
.task-box {
  border: 1px solid #dee2e6; }

.gu-transit {
  border: 1px dashed #6c757d !important;
  background-color: #e9ecef !important; }

#session-timeout-dialog .close {
  display: none; }

#session-timeout-dialog .countdown-holder {
  color: #ec536c;
  font-weight: 500; }

#session-timeout-dialog .btn-default {
  background-color: #fff;
  color: #ec536c;
  -webkit-box-shadow: none;
          box-shadow: none; }

.irs--modern .irs-bar, .irs--modern .irs-to, .irs--modern .irs-from, .irs--modern .irs-single {
  background: #7a6fbe !important;
  font-size: 11px; }

.irs--modern .irs-to:before, .irs--modern .irs-from:before, .irs--modern .irs-single:before {
  border-top-color: #7a6fbe; }

.irs--modern .irs-line {
  background: #dee2e6;
  border-color: #dee2e6; }

.irs--modern .irs-grid-text {
  font-size: 11px;
  color: #ced4da; }

.irs--modern .irs-min, .irs--modern .irs-max {
  color: #adb5bd;
  background: #dee2e6;
  font-size: 11px; }

.irs--modern .irs-handle {
  width: 12px;
  height: 12px;
  top: 37px;
  background-color: #fff !important; }

.swal2-container .swal2-title {
  font-size: 24px;
  font-weight: 500; }

.swal2-icon.swal2-question {
  border-color: #29bbe3;
  color: #29bbe3; }

.swal2-icon.swal2-success [class^=swal2-success-line] {
  background-color: #58db83; }

.swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(88, 219, 131, 0.3); }

.swal2-icon.swal2-warning {
  border-color: #f5b225;
  color: #f5b225; }

.swal2-styled:focus {
  -webkit-box-shadow: none;
          box-shadow: none; }

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #7a6fbe; }
  .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step, .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
    background: rgba(122, 111, 190, 0.3); }

.error {
  color: #ec536c; }

.parsley-error {
  border-color: #ec536c; }

.parsley-errors-list {
  display: none;
  margin: 0;
  padding: 0; }
  .parsley-errors-list.filled {
    display: block; }
  .parsley-errors-list > li {
    font-size: 12px;
    list-style: none;
    color: #ec536c;
    margin-top: 5px; }

.select2-container .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ced4da;
  height: 38px; }
  .select2-container .select2-selection--single:focus {
    outline: none; }
  .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    padding-left: 12px;
    color: #5b626b; }
  .select2-container .select2-selection--single .select2-selection__arrow {
    height: 34px;
    width: 34px;
    right: 3px; }
    .select2-container .select2-selection--single .select2-selection__arrow b {
      border-color: #adb5bd transparent transparent transparent;
      border-width: 6px 6px 0 6px; }

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #adb5bd transparent !important;
  border-width: 0 6px 6px 6px !important; }

.select2-container--default .select2-search--dropdown {
  padding: 10px;
  background-color: #fff; }
  .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ced4da;
    background-color: #fff;
    color: #6c757d;
    outline: none; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #7a6fbe; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #f8f9fa;
  color: #16181b; }
  .select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: #7a6fbe;
    color: #fff; }

.select2-results__option {
  padding: 6px 12px; }

.select2-dropdown {
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #fff;
  -webkit-box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02); }

.select2-search input {
  border: 1px solid #dee2e6; }

.select2-container .select2-selection--multiple {
  min-height: 38px;
  background-color: #fff;
  border: 1px solid #ced4da !important; }
  .select2-container .select2-selection--multiple .select2-selection__rendered {
    padding: 2px 10px; }
  .select2-container .select2-selection--multiple .select2-search__field {
    border: 0;
    color: #5b626b; }
    .select2-container .select2-selection--multiple .select2-search__field::-webkit-input-placeholder {
      color: #5b626b; }
    .select2-container .select2-selection--multiple .select2-search__field::-moz-placeholder {
      color: #5b626b; }
    .select2-container .select2-selection--multiple .select2-search__field:-ms-input-placeholder {
      color: #5b626b; }
    .select2-container .select2-selection--multiple .select2-search__field::-ms-input-placeholder {
      color: #5b626b; }
    .select2-container .select2-selection--multiple .select2-search__field::placeholder {
      color: #5b626b; }
  .select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: #e9ecef;
    border: 1px solid #dee2e6;
    border-radius: 1px;
    padding: 0 7px; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #ced4da; }

/* CSS Switch */
input[switch] {
  display: none; }
  input[switch] + label {
    font-size: 1em;
    line-height: 1;
    width: 56px;
    height: 24px;
    background-color: #ced4da;
    background-image: none;
    border-radius: 2rem;
    padding: 0.16667rem;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    position: relative;
    font-weight: 500;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
    input[switch] + label:before {
      color: #343a40;
      content: attr(data-off-label);
      display: block;
      font-family: inherit;
      font-weight: 500;
      font-size: 12px;
      line-height: 21px;
      position: absolute;
      right: 1px;
      margin: 3px;
      top: -2px;
      text-align: center;
      min-width: 1.66667rem;
      overflow: hidden;
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
    input[switch] + label:after {
      content: '';
      position: absolute;
      left: 3px;
      background-color: #e9ecef;
      -webkit-box-shadow: none;
              box-shadow: none;
      border-radius: 2rem;
      height: 20px;
      width: 20px;
      top: 2px;
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
  input[switch]:checked + label {
    background-color: #888; }

input[switch]:checked + label {
  background-color: #888; }
  input[switch]:checked + label:before {
    color: #fff;
    content: attr(data-on-label);
    right: auto;
    left: 3px; }
  input[switch]:checked + label:after {
    left: 33px;
    background-color: #e9ecef; }

input[switch="bool"] + label {
  background-color: #ec536c; }

input[switch="bool"] + label:before, input[switch="bool"]:checked + label:before,
input[switch="default"]:checked + label:before {
  color: #fff; }

input[switch="bool"]:checked + label {
  background-color: #58db83; }

input[switch="default"]:checked + label {
  background-color: #a2a2a2; }

input[switch="primary"]:checked + label {
  background-color: #7a6fbe; }

input[switch="success"]:checked + label {
  background-color: #58db83; }

input[switch="info"]:checked + label {
  background-color: #29bbe3; }

input[switch="warning"]:checked + label {
  background-color: #f5b225; }

input[switch="danger"]:checked + label {
  background-color: #ec536c; }

input[switch="dark"]:checked + label {
  background-color: #343a40; }

.square-switch {
  margin-right: 7px; }
  .square-switch input[switch] + label, .square-switch input[switch] + label:after {
    border-radius: 0px; }

.datepicker {
  border: 1px solid #f8f9fa;
  padding: 8px;
  z-index: 999 !important; }
  .datepicker table tr th {
    font-weight: 500; }
  .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td .active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
    background-color: #7a6fbe !important;
    background-image: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #fff !important; }
  .datepicker table tr td.day.focused, .datepicker table tr td.day:hover,
  .datepicker table tr td span.focused,
  .datepicker table tr td span:hover {
    background: #e9ecef; }
  .datepicker table tr td.new, .datepicker table tr td.old,
  .datepicker table tr td span.new,
  .datepicker table tr td span.old {
    color: #adb5bd;
    opacity: 0.6; }
  .datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
    background-color: #dee2e6; }

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > td {
  padding: 7px; }

.tox-tinymce {
  border: 1px solid #dee2e6 !important; }

.tox .tox-statusbar {
  border-top: 1px solid #dee2e6 !important; }

.tox .tox-menubar, .tox .tox-edit-area__iframe, .tox .tox-statusbar {
  background-color: #fff !important;
  background: none !important; }

.tox .tox-mbtn {
  color: #5b626b !important; }
  .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
    background-color: #dee2e6 !important; }

.tox .tox-tbtn:hover {
  background-color: #dee2e6 !important; }

.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
  background: #dee2e6 !important; }

.tox .tox-tbtn {
  color: #5b626b !important; }
  .tox .tox-tbtn svg {
    fill: #5b626b !important; }

.tox .tox-edit-area__iframe {
  background-color: #fff !important; }

.tox .tox-statusbar a, .tox .tox-statusbar__path-item, .tox .tox-statusbar__wordcount {
  color: #5b626b !important; }

.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  border-right: 1px solid #cfd5db !important; }

/* Dropzone */
.dropzone {
  min-height: 230px;
  border: 2px dashed #dee2e6;
  background: #fff;
  border-radius: 6px; }
  .dropzone .dz-message {
    font-size: 24px; }

.note-editor.note-frame {
  border: 1px solid #dee2e6;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0; }
  .note-editor.note-frame .note-statusbar {
    background-color: #f8f9fa;
    border-top: 1px solid #f8f9fa; }
  .note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-codable {
    border: none;
    color: #adb5bd;
    background-color: transparent; }

.note-btn-group .note-btn {
  background-color: #f8f9fa !important;
  border-color: #f8f9fa !important; }

.note-status-output {
  display: none; }

.note-editable p:last-of-type {
  margin-bottom: 0; }

.note-popover .popover-content .note-color .dropdown-menu,
.card-header.note-toolbar .note-color .dropdown-menu {
  min-width: 344px; }

.note-popover {
  border-color: #dee2e6; }

.note-popover .popover-content,
.card-header.note-toolbar {
  background-color: #f8f9fa; }

.note-toolbar {
  padding: 0 0 5px 5px !important; }

.table-rep-plugin .btn-toolbar {
  display: block; }

.table-rep-plugin .table-responsive {
  border: none !important; }

.table-rep-plugin .btn-group .btn-default {
  background-color: #6c757d;
  color: #f8f9fa;
  border: 1px solid #6c757d; }
  .table-rep-plugin .btn-group .btn-default.btn-primary {
    background-color: #7a6fbe;
    border-color: #7a6fbe;
    color: #fff;
    -webkit-box-shadow: 0 0 0 2px rgba(122, 111, 190, 0.5);
            box-shadow: 0 0 0 2px rgba(122, 111, 190, 0.5); }

.table-rep-plugin .btn-group.pull-right {
  float: right; }
  .table-rep-plugin .btn-group.pull-right .dropdown-menu {
    right: 0;
    -webkit-transform: none !important;
            transform: none !important;
    top: 100% !important; }

.table-rep-plugin table.focus-on tbody tr.focused th {
  background-color: #7a6fbe;
  color: #fff; }

.table-rep-plugin table.focus-on tbody tr.focused td {
  background-color: #7a6fbe;
  color: #fff; }

.table-rep-plugin tbody th {
  font-size: 14px;
  font-weight: normal; }

.table-rep-plugin .checkbox-row {
  padding-left: 40px; }
  .table-rep-plugin .checkbox-row label {
    display: inline-block;
    padding-left: 5px;
    position: relative;
    color: #6c757d; }
    .table-rep-plugin .checkbox-row label::before {
      -o-transition: 0.3s ease-in-out;
      -webkit-transition: 0.3s ease-in-out;
      background-color: #fff;
      border-radius: 3px;
      border: 1px solid #dee2e6;
      content: "";
      display: inline-block;
      height: 17px;
      left: 0;
      margin-left: -20px;
      position: absolute;
      transition: 0.3s ease-in-out;
      width: 17px;
      outline: none !important; }
    .table-rep-plugin .checkbox-row label::after {
      color: #e9ecef;
      display: inline-block;
      font-size: 11px;
      height: 16px;
      left: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      position: absolute;
      top: -1px;
      width: 16px; }
  .table-rep-plugin .checkbox-row input[type="checkbox"] {
    cursor: pointer;
    opacity: 0;
    z-index: 1;
    outline: none !important; }
    .table-rep-plugin .checkbox-row input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
  .table-rep-plugin .checkbox-row input[type="checkbox"]:focus + label::before {
    outline-offset: -2px;
    outline: none; }
  .table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::after {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }
  .table-rep-plugin .checkbox-row input[type="checkbox"]:disabled + label::before {
    background-color: #f8f9fa;
    cursor: not-allowed; }
  .table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::before {
    background-color: #7a6fbe;
    border-color: #7a6fbe; }
  .table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::after {
    color: #fff; }

.table-rep-plugin .fixed-solution .sticky-table-header {
  top: 70px !important;
  background-color: #7a6fbe; }
  .table-rep-plugin .fixed-solution .sticky-table-header table {
    color: #fff; }

.table-editable .editable-input .form-control {
  height: 2rem; }

.table-editable a.editable {
  color: #5b626b; }

.table-editable .editable-buttons .btn.btn-sm {
  font-size: 12px; }

.table-editable tbody td.focus {
  -webkit-box-shadow: inset 0 0 1px 1px #7a6fbe !important;
          box-shadow: inset 0 0 1px 1px #7a6fbe !important; }

.dt-autofill-list {
  border: none !important;
  background-color: #fff !important; }
  .dt-autofill-list .dt-autofill-question, .dt-autofill-list .dt-autofill-button {
    border-bottom-color: #dee2e6 !important; }
  .dt-autofill-list ul li:hover {
    background-color: #dee2e6 !important; }

/* Flot chart */
.flot-charts-height {
  height: 320px; }

.flotTip {
  padding: 8px 12px;
  background-color: rgba(52, 58, 64, 0.9);
  z-index: 100;
  color: #f8f9fa;
  -webkit-box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 -3px 31px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
  border-radius: 4px; }

.legendLabel {
  color: #adb5bd; }

.morris-charts text {
  fill: #adb5bd; }

.morris-charts-height {
  height: 300px; }

.morris-hover {
  position: absolute;
  z-index: 10; }
  .morris-hover.morris-default-style {
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    padding: 10px 12px;
    background: rgba(248, 249, 250, 0.8);
    color: #343a40;
    border: 2px solid #e9ecef; }
    .morris-hover.morris-default-style .morris-hover-row-label {
      font-weight: bold;
      margin: 0.25em 0; }
    .morris-hover.morris-default-style .morris-hover-point {
      white-space: nowrap;
      margin: 0.1em 0;
      color: #fff; }

.c3-tooltip {
  -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08);
  opacity: 1; }
  .c3-tooltip td {
    border-left: none; }
    .c3-tooltip td > span {
      background: #343a40; }
  .c3-tooltip tr {
    border: none !important; }
  .c3-tooltip th {
    background-color: #343a40;
    color: #f8f9fa; }

.c3-chart-arcs-title {
  font-size: 18px;
  font-weight: 600; }

.c3 text {
  fill: #adb5bd; }

.c3 line, .c3 path {
  stroke: #ced4da; }

.c3-legend-item {
  font-size: 14px; }

.c3 line, .c3 path {
  stroke: #ced4da; }

.c3-chart-arc.c3-target g path {
  stroke: #fff; }

.ct-golden-section:before {
  float: none; }

.ct-chart {
  max-height: 320px; }
  .ct-chart .ct-label {
    fill: #adb5bd;
    color: #adb5bd;
    font-size: 12px;
    line-height: 1; }

.ct-chart.simple-pie-chart-chartist .ct-label {
  color: #fff;
  fill: #fff;
  font-size: 16px; }

.ct-grid {
  stroke: rgba(52, 58, 64, 0.09);
  stroke-width: 1px;
  stroke-dasharray: 3px; }

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice-donut {
  stroke: #7a6fbe; }

.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice-donut {
  stroke: #29bbe3; }

.ct-chart .ct-series.ct-series-c .ct-bar,
.ct-chart .ct-series.ct-series-c .ct-line,
.ct-chart .ct-series.ct-series-c .ct-point,
.ct-chart .ct-series.ct-series-c .ct-slice-donut {
  stroke: #f5b225; }

.ct-chart .ct-series.ct-series-d .ct-bar,
.ct-chart .ct-series.ct-series-d .ct-line,
.ct-chart .ct-series.ct-series-d .ct-point,
.ct-chart .ct-series.ct-series-d .ct-slice-donut {
  stroke: #343a40; }

.ct-chart .ct-series.ct-series-e .ct-bar,
.ct-chart .ct-series.ct-series-e .ct-line,
.ct-chart .ct-series.ct-series-e .ct-point,
.ct-chart .ct-series.ct-series-e .ct-slice-donut {
  stroke: #58db83; }

.ct-chart .ct-series.ct-series-f .ct-bar,
.ct-chart .ct-series.ct-series-f .ct-line,
.ct-chart .ct-series.ct-series-f .ct-point,
.ct-chart .ct-series.ct-series-f .ct-slice-donut {
  stroke: #ec536c; }

.ct-chart .ct-series.ct-series-g .ct-bar,
.ct-chart .ct-series.ct-series-g .ct-line,
.ct-chart .ct-series.ct-series-g .ct-point,
.ct-chart .ct-series.ct-series-g .ct-slice-donut {
  stroke: #f8f9fa; }

.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
  fill: #7a6fbe; }

.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
  fill: #f5b225; }

.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
  fill: #343a40; }

.ct-series-d .ct-area,
.ct-series-d .ct-slice-pie {
  fill: #58db83; }

.ct-area {
  fill-opacity: .33; }

.chartist-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 0;
  min-width: 10px;
  padding: 2px 10px;
  border-radius: 3px;
  background: #343a40;
  color: #dee2e6;
  text-align: center;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear; }
  .chartist-tooltip.tooltip-show {
    opacity: 1; }

.ct-line {
  stroke-width: 3px; }

.ct-point {
  stroke-width: 7px; }

.jqstooltip {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: auto !important;
  height: auto !important;
  background-color: #343a40 !important;
  -webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 30px rgba(0, 0, 0, 0.08);
  padding: 5px 10px !important;
  border-radius: 3px;
  border-color: #212529 !important; }

.jqsfield {
  color: #e9ecef !important;
  font-size: 12px !important;
  line-height: 18px !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 500 !important; }

.gmaps, .gmaps-panaroma {
  height: 300px;
  background: #f8f9fa;
  border-radius: 3px; }

.gmaps-overlay {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  background: #7a6fbe;
  border-radius: 4px;
  padding: 10px 20px; }

.gmaps-overlay_arrow {
  left: 50%;
  margin-left: -16px;
  width: 0;
  height: 0;
  position: absolute; }
  .gmaps-overlay_arrow.above {
    bottom: -15px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #7a6fbe; }
  .gmaps-overlay_arrow.below {
    top: -15px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #7a6fbe; }

.jvectormap-label {
  border: none;
  background: #343a40;
  color: #f8f9fa;
  font-family: "Poppins", sans-serif;
  font-size: 0.8125rem;
  padding: 5px 8px; }

.home-btn {
  position: absolute;
  top: 15px;
  right: 25px; }

.ex-page-content h1 {
  font-size: 98px;
  font-weight: 500;
  line-height: 150px;
  text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px; }

/* ==============
  Email
===================*/
.email-leftbar {
  width: 236px;
  float: left;
  padding: 20px;
  border-radius: 5px; }

.email-rightbar {
  margin-left: 260px; }

.chat-user-box p.user-title {
  color: #343a40;
  font-weight: 500; }

.chat-user-box p {
  font-size: 13px; }

@media (max-width: 767px) {
  .email-leftbar {
    float: none;
    width: 100%; }
  .email-rightbar {
    margin: 0; } }

.mail-list a {
  display: block;
  color: #343a40;
  line-height: 24px;
  padding: 6px 5px; }
  .mail-list a.active {
    color: #ec536c;
    font-weight: 500; }

.message-list {
  display: block;
  padding-left: 0; }
  .message-list li {
    position: relative;
    display: block;
    height: 50px;
    line-height: 50px;
    cursor: default;
    -webkit-transition-duration: .3s;
            transition-duration: .3s; }
    .message-list li a {
      color: #6c757d; }
    .message-list li:hover {
      background: #f8f9fa;
      -webkit-transition-duration: .05s;
              transition-duration: .05s; }
    .message-list li .col-mail {
      float: left;
      position: relative; }
    .message-list li .col-mail-1 {
      width: 320px; }
      .message-list li .col-mail-1 .star-toggle,
      .message-list li .col-mail-1 .checkbox-wrapper-mail,
      .message-list li .col-mail-1 .dot {
        display: block;
        float: left; }
      .message-list li .col-mail-1 .dot {
        border: 4px solid transparent;
        border-radius: 100px;
        margin: 22px 26px 0;
        height: 0;
        width: 0;
        line-height: 0;
        font-size: 0; }
      .message-list li .col-mail-1 .checkbox-wrapper-mail {
        margin: 15px 10px 0 20px; }
      .message-list li .col-mail-1 .star-toggle {
        margin-top: 18px;
        margin-left: 5px; }
      .message-list li .col-mail-1 .title {
        position: absolute;
        top: 0;
        left: 110px;
        right: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 0; }
    .message-list li .col-mail-2 {
      position: absolute;
      top: 0;
      left: 320px;
      right: 0;
      bottom: 0; }
      .message-list li .col-mail-2 .subject,
      .message-list li .col-mail-2 .date {
        position: absolute;
        top: 0; }
      .message-list li .col-mail-2 .subject {
        left: 0;
        right: 200px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .message-list li .col-mail-2 .date {
        right: 0;
        width: 170px;
        padding-left: 80px; }
    .message-list li.active, .message-list li.active:hover {
      -webkit-box-shadow: inset 3px 0 0 #7a6fbe;
              box-shadow: inset 3px 0 0 #7a6fbe; }
    .message-list li.unread {
      background-color: #f8f9fa;
      font-weight: 500;
      color: #292d32; }
      .message-list li.unread a {
        color: #292d32;
        font-weight: 500; }
  .checkbox-wrapper {
    cursor: pointer;
    height: 20px;
    width: 20px;
    position: relative;
    display: inline-block;
    -webkit-box-shadow: inset 0 0 0 1px #ced4da;
            box-shadow: inset 0 0 0 1px #ced4da;
    border-radius: 1px;}
    .checkbox-wrapper input {
      opacity: 0;
      cursor: pointer; }
    .checkbox-wrapper input:checked ~ label {
      opacity: 1; }
    .checkbox-wrapper label {
      position: absolute;
      height: 20px;
      width: 20px;
      left: 0;
      cursor: pointer;
      opacity: 0;
      margin-bottom: 0;
      -webkit-transition-duration: .05s;
              transition-duration: .05s;
      top: 0; }
      .checkbox-wrapper label:before {
        content: "\F12C";
        font-family: "Material Design Icons";
        color: #292d32;
        width: 20px;
		height: auto;
        position: absolute;
        margin-top: 0;
		top: 0;
        left: 3px;
        font-size: 13px; }

@media (max-width: 575.98px) {
  .message-list li .col-mail-1 {
    width: 200px; } }

.directory-card {
  overflow: hidden; }
  .directory-card .directory-bg {
    background-image: url("../images/directory-bg.jpg");
    background-size: cover;
    background-position: center center; }
  .directory-card .directory-overlay {
    background-color: rgba(122, 111, 190, 0.7);
    padding: 20px; }
  .directory-card img {
    position: relative;
    top: 60px; }

/* Timeline */
.cd-container {
  width: 90%;
  max-width: 1170px;
  margin: 0 auto; }

.cd-container::after {
  content: '';
  display: table;
  clear: both; }

@media only screen and (max-width: 1170px) {
  #cd-timeline {
    margin-bottom: 2em;
    margin-top: 2em;
    padding: 2em 0;
    position: relative; }
    #cd-timeline::before {
      border-left: 3px solid #e9ecef;
      content: '';
      height: 100%;
      left: 18px;
      position: absolute;
      top: 0;
      width: 3px; }
  .cd-timeline-img {
    top: 10px !important; } }

@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-bottom: 3em;
    margin-top: 3em; }
    #cd-timeline::before {
      left: 50%;
      margin-left: -2px; } }

.cd-timeline-block {
  margin: 2em 0;
  position: relative; }
  .cd-timeline-block:after {
    clear: both;
    content: "";
    display: table; }

.cd-timeline-block:first-child {
  margin-top: 0; }

.cd-timeline-block:last-child {
  margin-bottom: 0; }

@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0; }
  .cd-timeline-block:first-child {
    margin-top: 0; }
  .cd-timeline-block:last-child {
    margin-bottom: 0; }
  .timeline-right::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 3px;
    background: #e9ecef;
    left: 50%;
    top: 150px;
    -webkit-transform: translateX(-50%) rotate(35deg);
            transform: translateX(-50%) rotate(35deg); }
  .timeline-left::before {
    content: "";
    position: absolute;
    width: 300px;
    height: 3px;
    background: #e9ecef;
    left: 50%;
    top: 150px;
    -webkit-transform: translateX(-50%) rotate(-35deg);
            transform: translateX(-50%) rotate(-35deg); } }

.cd-timeline-img {
  position: absolute;
  top: 20px;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  font-size: 20px;
  color: #fff;
  background-color: #7a6fbe;
  border: 5px solid #e9ecef; }
  .cd-timeline-img i {
    margin-left: 1px; }

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 40px;
    height: 40px;
    line-height: 32px;
    left: 50%;
    margin-left: -20px;
    top: 130px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden; } }

.cd-timeline-content {
  border-radius: 5px;
  background: #f8f9fa;
  margin-left: 60px;
  padding: 1em;
  position: relative; }
  .cd-timeline-content:after {
    clear: both;
    content: "";
    display: table; }
  .cd-timeline-content h2 {
    margin-top: 0; }
  .cd-timeline-content .cd-read-more {
    background: #7a6fbe;
    border-radius: 0.25em;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 14px;
    padding: .8em 1em; }
  .cd-timeline-content .cd-date {
    display: inline-block;
    font-size: 14px; }
  .cd-timeline-content h3 {
    font-size: 16px;
    margin: 0 0 15px 0; }

.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7; }

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 12px solid transparent;
  border-right: 12px solid #f8f9fa; }

@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 36%; }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #f8f9fa; }
  .cd-timeline-content .cd-read-more {
    float: left; }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 108%;
    top: 16px; }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right; }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #f8f9fa; }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right; }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 106%;
    text-align: right; } }




/* 버튼 */
.text-custom01{color:#22bc92!important;}
.text-custom02{color:#a9d33c!important;}
.text-custom03{color:#384250!important;}
.text-custom04{color:#888!important;}

.bg-custom01{background:#22bc92!important;}
.bg-custom02{background:#a9d33c!important;}
.bg-custom03{background:#384250!important;}
.bg-custom04{background:#eee!important;}

.badge-custom01{background-color:#22bc92; color:#fff;}
.badge-custom02{background-color:#a9d33c; color:#fff;}
.badge-custom03{background-color:#384250; color:#fff;}

input[switch="switch-custom01"]:checked + label{background-color:#22bc92;}

.btn-custom01 {
  color: #fff;
  background-color: #22bc92;
  border-color: #22bc92; }
  .btn-custom01:hover {
    color: #fff;
    background-color: #15a57e;
    border-color: #0e9873; }
  .btn-custom01:focus, .btn-custom01.focus {
    color: #fff;
    background-color: #15a57e;
    border-color: #0e9873;
    -webkit-box-shadow: 0 0 0 0.15rem rgba(51, 208, 165, 0.5);
            box-shadow: 0 0 0 0.15rem rgba(51, 208, 165, 0.5); }
  .btn-custom01.disabled, .btn-custom01:disabled {
    color: #fff;
    background-color: #22bc92;
    border-color: #22bc92; }
  .btn-custom01:not(:disabled):not(.disabled):active, .btn-custom01:not(:disabled):not(.disabled).active,
  .show > .btn-custom01.dropdown-toggle {
    color: #fff;
    background-color: #0e9873;
    border-color: #0e9873; }
    .btn-custom01:not(:disabled):not(.disabled):active:focus, .btn-custom01:not(:disabled):not(.disabled).active:focus,
    .show > .btn-custom01.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.15rem rgba(51, 208, 165, 0.5);
              box-shadow: 0 0 0 0.15rem rgba(51, 208, 165, 0.5); }
			  
.btn-custom02 {
  color: #fff;
  background-color: #a9d33c;
  border-color: #a9d33c; }
  .btn-custom02:hover {
    color: #fff;
    background-color: #9ac725;
    border-color: #8fbb1d; }
  .btn-custom02:focus, .btn-custom02.focus {
    color: #fff;
    background-color: #9ac725;
    border-color: #8fbb1d;
    -webkit-box-shadow: 0 0 0 0.15rem rgba(189, 228, 89, 0.5);
            box-shadow: 0 0 0 0.15rem rgba(189, 228, 89, 0.5); }
  .btn-custom02.disabled, .btn-custom02:disabled {
    color: #fff;
    background-color: #a9d33c;
    border-color: #a9d33c; }
  .btn-custom02:not(:disabled):not(.disabled):active, .btn-custom02:not(:disabled):not(.disabled).active,
  .show > .btn-custom02.dropdown-toggle {
    color: #fff;
    background-color: #8fbb1d;
    border-color: #8fbb1d; }
    .btn-custom02:not(:disabled):not(.disabled):active:focus, .btn-custom02:not(:disabled):not(.disabled).active:focus,
    .show > .btn-custom02.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.15rem rgba(189, 228, 89, 0.5);
              box-shadow: 0 0 0 0.15rem rgba(189, 228, 89, 0.5); }
			  
.btn-custom03 {
  color: #fff;
  background-color: #384250;
  border-color: #384250; }
  .btn-custom03:hover {
    color: #fff;
    background-color: #263243;
    border-color: #172232; }
  .btn-custom03:focus, .btn-custom03.focus {
    color: #fff;
    background-color: #263243;
    border-color: #172232;
    -webkit-box-shadow: 0 0 0 0.15rem rgba(81, 92, 107, 0.5);
            box-shadow: 0 0 0 0.15rem rgba(81, 92, 107, 0.5); }
  .btn-custom03.disabled, .btn-custom03:disabled {
    color: #fff;
    background-color: #384250;
    border-color: #384250; }
  .btn-custom03:not(:disabled):not(.disabled):active, .btn-custom03:not(:disabled):not(.disabled).active,
  .show > .btn-custom03.dropdown-toggle {
    color: #fff;
    background-color: #172232;
    border-color: #172232; }
    .btn-custom03:not(:disabled):not(.disabled):active:focus, .btn-custom03:not(:disabled):not(.disabled).active:focus,
    .show > .btn-custom03.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.15rem rgba(81, 92, 107, 0.5);
              box-shadow: 0 0 0 0.15rem rgba(81, 92, 107, 0.5); }

.btn-custom04 {
  color: #333;
  /*background-color: #eee;*/
  border-color: #ddd; }
  .btn-custom04:hover {
    color: #333;
    background-color: #ddd;
    border-color: #d5d5d5; }
  .btn-custom04:focus, .btn-custom04.focus {
    color: #333;
    background-color: #ddd;
    border-color: #d5d5d5;
    -webkit-box-shadow: 0 0 0 0.15rem rgba(243, 243, 243, 0.5);
            box-shadow: 0 0 0 0.15rem rgba(243, 243, 243, 0.5); }
  .btn-custom04.disabled, .btn-custom04:disabled {
    color: #333;
    background-color: #eee;
    border-color: #eee; }
  .btn-custom04:not(:disabled):not(.disabled):active, .btn-custom04:not(:disabled):not(.disabled).active,
  .show > .btn-custom04.dropdown-toggle {
    color: #333;
    background-color: #d5d5d5;
    border-color: #d5d5d5; }
    .btn-custom04:not(:disabled):not(.disabled):active:focus, .btn-custom04:not(:disabled):not(.disabled).active:focus,
    .show > .btn-custom04.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.15rem rgba(243, 243, 243, 0.5);
              box-shadow: 0 0 0 0.15rem rgba(243, 243, 243, 0.5); }
			  
.btn-custom05 {
  color: #fff;
  background-color: #666;
  border-color: #666; }
  .btn-custom05:hover {
    color: #fff;
    background-color: #555;
    border-color: #555; }
  .btn-custom05:focus, .btn-custom05.focus {
    color: #fff;
    background-color: #555;
    border-color: #555;
    -webkit-box-shadow: 0 0 0 0.15rem rgba(243, 243, 243, 0.5);
            box-shadow: 0 0 0 0.15rem rgba(243, 243, 243, 0.5); }
  .btn-custom05.disabled, .btn-custom05:disabled {
    color: #fff;
    background-color: #666;
    border-color: #666; }
  .btn-custom05:not(:disabled):not(.disabled):active, .btn-custom05:not(:disabled):not(.disabled).active,
  .show > .btn-custom05.dropdown-toggle {
    color: #fff;
    background-color: #555;
    border-color: #555; }
    .btn-custom05:not(:disabled):not(.disabled):active:focus, .btn-custom05:not(:disabled):not(.disabled).active:focus,
    .show > .btn-custom05.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.15rem rgba(243, 243, 243, 0.5);
              box-shadow: 0 0 0 0.15rem rgba(243, 243, 243, 0.5); }

.btn-outline-custom01 {
  color: #f8572d;
  border-color: #f8572d; }
  .btn-outline-custom01:hover {
    color: #fff;
    background-color: #f8572d;
    border-color: #f8572d; }
  .btn-outline-custom01:focus, .btn-outline-custom01.focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(51, 208, 165, 0.5);
            box-shadow: 0 0 0 0.15rem rgba(51, 208, 165, 0.5); }
  .btn-outline-custom01.disabled, .btn-outline-custom01:disabled {
    color: #f8572d;
    background-color: transparent; }
  .btn-outline-custom01:not(:disabled):not(.disabled):active, .btn-outline-custom01:not(:disabled):not(.disabled).active,
  .show > .btn-outline-custom01.dropdown-toggle {
    color: #fff;
    background-color: #f8572d;
    border-color: #f8572d; }
    .btn-outline-custom01:not(:disabled):not(.disabled):active:focus, .btn-outline-custom01:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-custom01.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.15rem rgba(51, 208, 165, 0.5);
              box-shadow: 0 0 0 0.15rem rgba(51, 208, 165, 0.5); }
			  
.btn-outline-custom02 {
  color: #a9d33c;
  border-color: #a9d33c; }
  .btn-outline-custom02:hover {
    color: #fff;
    background-color: #a9d33c;
    border-color: #a9d33c; }
  .btn-outline-custom02:focus, .btn-outline-custom02.focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(189, 228, 89, 0.5);
            box-shadow: 0 0 0 0.15rem rgba(189, 228, 89, 0.5); }
  .btn-outline-custom02.disabled, .btn-outline-custom02:disabled {
    color: #a9d33c;
    background-color: transparent; }
  .btn-outline-custom02:not(:disabled):not(.disabled):active, .btn-outline-custom02:not(:disabled):not(.disabled).active,
  .show > .btn-outline-custom02.dropdown-toggle {
    color: #fff;
    background-color: #a9d33c;
    border-color: #a9d33c; }
    .btn-outline-custom02:not(:disabled):not(.disabled):active:focus, .btn-outline-custom02:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-custom02.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.15rem rgba(189, 228, 89, 0.5);
              box-shadow: 0 0 0 0.15rem rgba(189, 228, 89, 0.5); }
			  
.btn-outline-custom03 {
  color: #384250;
  border-color: #384250; }
  .btn-outline-custom03:hover {
    color: #fff;
    background-color: #384250;
    border-color: #384250; }
  .btn-outline-custom03:focus, .btn-outline-custom03.focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(81, 92, 107, 0.5);
            box-shadow: 0 0 0 0.15rem rgba(81, 92, 107, 0.5); }
  .btn-outline-custom03.disabled, .btn-outline-custom03:disabled {
    color: #384250;
    background-color: transparent; }
  .btn-outline-custom03:not(:disabled):not(.disabled):active, .btn-outline-custom03:not(:disabled):not(.disabled).active,
  .show > .btn-outline-custom03.dropdown-toggle {
    color: #fff;
    background-color: #384250;
    border-color: #384250; }
    .btn-outline-custom03:not(:disabled):not(.disabled):active:focus, .btn-outline-custom03:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-custom03.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.15rem rgba(81, 92, 107, 0.5);
              box-shadow: 0 0 0 0.15rem rgba(81, 92, 107, 0.5); }

.btn-outline-custom04 {
  color: #eee;
  border-color: #eee; }
  .btn-outline-custom04:hover {
    color: #333;
    background-color: #eee;
    border-color: #eee; }
  .btn-outline-custom04:focus, .btn-outline-custom04.focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(243, 243, 243, 0.5);
            box-shadow: 0 0 0 0.15rem rgba(243, 243, 243, 0.5); }
  .btn-outline-custom04.disabled, .btn-outline-custom04:disabled {
    color: #333;
    background-color: transparent; }
  .btn-outline-custom04:not(:disabled):not(.disabled):active, .btn-outline-custom04:not(:disabled):not(.disabled).active,
  .show > .btn-outline-custom04.dropdown-toggle {
    color: #333;
    background-color: #eee;
    border-color: #eee; }
    .btn-outline-custom04:not(:disabled):not(.disabled):active:focus, .btn-outline-custom04:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-custom04.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.15rem rgba(243, 243, 243, 0.5);
              box-shadow: 0 0 0 0.15rem rgba(243, 243, 243, 0.5); }

.btn-outline-custom05 {
  color: #fff;
  border-color: #fff; }
  .btn-outline-custom05:hover {
    color: #333;
    background-color: #fff;
    border-color: #fff; }
  .btn-outline-custom05:focus, .btn-outline-custom05.focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.5); }
  .btn-outline-custom05.disabled, .btn-outline-custom05:disabled {
    color: #333;
    background-color: transparent; }
  .btn-outline-custom05:not(:disabled):not(.disabled):active, .btn-outline-custom05:not(:disabled):not(.disabled).active,
  .show > .btn-outline-custom05.dropdown-toggle {
    color: #333;
    background-color: #fff;
    border-color: #fff; }
    .btn-outline-custom05:not(:disabled):not(.disabled):active:focus, .btn-outline-custom05:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-custom05.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.5);
              box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.5); }




/* 공통 */
.card-title-sub{font-size:17px;}

.flex-basis-auto{flex-basis:auto!important;}
@media (min-width: 768px) {
.md-w-auto{width:auto!important;}
.md-h-100{height:100%!important;}
}
@media (max-width: 768px) {
.sm-w-100{width:100%!important;}
.sm-flex-grow-1{flex-grow:1!important;}
}
@media (max-width: 1200px) {
.xl-w-100{width:100%!important;}
.xl-flex-grow-1{flex-grow:1!important;}
}
.cursor-pointer{cursor:pointer;}
.cursor-pointer.off{color:#ddd}
.cursor-pointer.off *{color:#ddd !important;}
/*.cursor-pointer.off select,.cursor-pointer.off input.form-control,.cursor-pointer.off input::placeholder{color:#ddd}*/
.title-hr-line{margin-top:1.5rem; margin-bottom:1.5rem;}
@media (max-width: 992px) {
.title-hr-line{margin-top:0.75rem; margin-bottom:0.75rem;}
}

table.dataTable{margin-top:0!important;}


/* 메뉴 스크롤바 */
.vertical-menu{-ms-overflow-style:none;}
.vertical-menu::-webkit-scrollbar{display:none;}


/* TOP */
.topbar-dropdown-menu{min-width:8rem;}
.topbar-dropdown-menu.dropdown-menu.show{top:90%!important;}


/* FOOTER */
.footer{}
.footer .footer-nav{}
.footer .footer-nav a{font-size:12px; font-weight:400; color:#5b626b; display:inline-flex; align-items:center;}
.footer .footer-nav a:after{content:""; display:inline-block; width:1px; height:10px; background:#5b626b; margin:0 16px;}
.footer .footer-nav a:last-of-type:after{display:none;}


/* 검색어 자동완성 */
/* .ui-autocomplete{width:322px!important; list-style:none; padding:0; background:#fff; border:1px solid #ddd; z-index:20;} */
.ui-autocomplete{list-style:none; padding:0; background:#fff; border:1px solid #ddd; z-index:20; width: 100% !important; max-width:225px; height:auto; max-height:90%;  overflow-y: auto;  box-sizing: border-box;  margin: 0; margin-right:18px;}
.ui-autocomplete li{}
.ui-autocomplete li .ui-menu-item-wrapper{padding:0.375rem 0.75rem;}
.ui-autocomplete li .ui-menu-item-wrapper:hover{background:#f25b2b; color:#fff;}
.ui-autocomplete li:nth-of-type(even) .ui-menu-item-wrapper{background:#f8f8f8;}
.ui-autocomplete li:nth-of-type(even) .ui-menu-item-wrapper:hover{background:#f25b2b;}

/* 로그인 */
.login-wrap{background: url(/resources/images/login-bg.jpg)no-repeat center/cover;}
.account-pages{height:calc(100vh - 80px); display:flex; justify-content:center; align-items:center;}
.account-box{background:rgba(0,0,0,0.6);}
.account-box.card{border:none;}
.account-box h3{font-size:32px; font-weight:300; line-height:1; color:#fff; margin:42px 0 0;}
.account-box h3 strong{font-size:46px; font-weight:400;}
.account-box ul{display:flex; justify-content:space-evenly; list-style:none; padding:0; margin:42px 0;}
.account-box ul li{width:100px; height:100px; display:flex; flex-direction:column; justify-content:center; align-items:center;
background:#fff; border-radius:50%; margin:0;}
.account-box ul li img{height:36px; display:block;}
.account-box ul li p{font-size:10px; font-weight:500; line-height:1.2; color:#3a9439; text-align:center; letter-spacing:-0.03em; margin:4px;}
.login-error{font-size:13px; color:#333; background:#fff; border-left:4px solid #44b145; padding:12px; box-shadow:0 0px 6px 0 rgba(0,0,0,0.4);}
.login-error strong{}
.account-form{}
.account-form .account-form-group{display:flex; flex-wrap:wrap; align-items:center; position:relative; border-bottom:3px solid #fff; margin:0 0 32px;}
.account-form .account-form-group:last-of-type{margin:0;}
.account-form label{margin:0; color:#fff;}
.account-form label img{height:18px;}
.account-form input[type="text"],
.account-form input[type="password"]{width:auto; height:38px; flex-grow:1; background:transparent; border:none; border-radius:0; color:#fff;}
.account-form input[type="text"]::placeholder,
.account-form input[type="password"]::placeholder{font-size:15px; font-weight:400; color:#fff;}
.account-form input:-webkit-autofill,
.account-form input:-webkit-autofill:hover,
.account-form input:-webkit-autofill:focus,
.account-form input:-webkit-autofill:active{font-size:15px; font-weight:400;
transition:background-color 5000s ease-in-out 0s;
-webkit-transition:background-color 9999s ease-out;
-webkit-box-shadow:0 0 0px 1000px transparent inset !important;
-webkit-text-fill-color:#fff!important;}
.account-form label.error{width:100%; display:block; font-size:12px; color:#ffc00f; position:absolute; bottom:-20px; left:0; margin:0;}
.account-form .btn-login{background-color:#44b145; border-color:#44b145; color:#fff; margin:0;}
.account-form .btn-login:hover{background-color:#2da32e; border-color:#2da32e; color:#fff;}


/* 메인 */
.dashboard-tab-wrap{height:24px;}
@media (max-width: 992px) {
.dashboard-tab-wrap{height:auto;}
}

.vertical-line{content:""; width:1px; height:calc(100% - 24px); position:absolute; left:0; right:0;
background:#6c757d; margin:auto;}
@media (max-width: 1200px) {
.vertical-line{display:none;}	
}

.year-area{}
.year-area h4{font-size:19px; line-height:1;}
.year-area button{}
.year-area button i{font-size:18px;}
@media (max-width: 992px) {
.year-area{width:100%;}	
}

.btn-toolbar{display:none;}
.company-list-table{height:100%; max-height:200px; overflow-y:auto!important;}
.company-list-table table{position:relative;}
.company-list-table thead{position:sticky; top:-1px;}

.btn-group-dashBoard .btn-custom05:not(:disabled):not(.disabled):active, .btn-group-dashBoard .btn-custom05:not(:disabled):not(.disabled).active,
  .show > .btn-group-dashBoard .btn-custom05.dropdown-toggle {
    color: #fff;
    background-color: #22bc92;
    border-color: #22bc92; }
.btn-group-dashBoard .btn-custom03{box-shadow:none!important;}

.inventory-state{}
.inventory-state .card-title{font-size:18px;}
.inventory-state .progress{height:1.25rem; border-radius:1.25rem;}

/* 메인 2023-07 */
.card-gr{border-radius:10px; background: #2bbc94;overflow: hidden; margin-bottom: 20px;}
.card-gr .card-title{padding:15px ;background: #407D6D; color:#fff}
.card-gr .icon{ background: #fff;  width: 50px; height: 50px; display: inline-block; border-radius: 50px; text-align: center; line-height: 50px;}
.card-gr .card-sub-title{ display: inline-block; margin-bottom: 0; vertical-align: middle; line-height: 18px; margin-left: 5px;}
.card-gr .card-sub-title span{ display: block; color: #0C8F6B;}
.card-gr .card-sub-title b{color: #fff; }
.card-wt{border-radius:10px; background: #fff;overflow: hidden; margin-bottom: 20px;}
.card-wt .card-title{ background: #fff; overflow: hidden; border-bottom: 1px solid #ddd;}
.card-wt .card-title span{display:inline-block; border-bottom: 2px solid #32bc96; padding: 15px; }
.main-in-box{ padding: 1.25rem;  width:100%; box-sizing:border-box; min-height:150px}
.main-in-box .table th{border-top:0}
.in-graph{background: #fff; margin-top: 10px;}
.main-table-txt{width:40%;}
.main-table-txt.wdth70{width:70%;}
.main-table-txt p{ white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin: 0; padding-right: 15px;}
.main-table-gh{ min-width: 15%; width: 200px;}
.main-table-gh .progress-bar{font-size: 0.60938rem;}

/* 메인 - 보고서 진행 단계 */
.report-progress{display:flex; position:relative; margin:auto;}
.report-progress:before{content:""; width:100%; height:2px; display:block; border-bottom:3px dotted #eee;
position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1;}
.report-progress li{width:28%; background:#f7f7f7; border-radius:50%; margin:0 8% 0 0; z-index:2;}
.report-progress li:last-of-type{margin:0;}
.report-progress li .report-center{padding-top:100%; position:relative;}
.report-progress li .report-center-box{width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column;
position:absolute; top:0; left:0;}
.report-progress li .report-center-box i{font-size:34px; color:#676767;}
.report-progress li .report-center-box p{font-size:13px; font-weight:400; line-height:1; color:#676767; margin:6px 0 0;}
.report-progress li.active{background:#038064;}
.report-progress li.active .report-center-box{}
.report-progress li.active .report-center-box i{color:#fff;}
.report-progress li.active .report-center-box p{color:#fff;}

.draft-box{display:flex; justify-content:center; align-items:center; background:#f7f7f7; font-size:28px; color:#333; padding:48px 6px;}


/* 인벤토리 */
.multi-level-drop{color:#384250; border:1px solid #ced4da; border-radius:0.25rem; padding:0;}
.multi-level-drop .navbar-nav{flex-direction:column;}
/*.multi-level-drop .navbar-nav .nav-item{border-bottom:1px solid #384250;}*/
.multi-level-drop .navbar-nav .nav-item > .dropdown2-item:first-child{}
.multi-level-drop .navbar-nav .nav-item{}
.multi-level-drop .navbar-nav .nav-item:last-of-type{border-bottom:none;}
.multi-level-drop .navbar-nav .nav-item a{color:#384250; padding:0.5rem 0.5rem;}
/*
.multi-level-drop .navbar-nav .nav-item a:hover{background-color:#384250!important; color:#fff;}
*/
/* DEPTH01 */
.multi-level-drop .navbar-nav .nav-item > .dropdown2-item.active{}
.multi-level-drop .navbar-nav .nav-item > .dropdown2-item.active{    background-color: #159874!important; color: #fff!important;}
.multi-level-drop .navbar-nav .nav-item > .dropdown2-item.active label{color:#fff;}
.multi-level-drop .navbar-nav .nav-item > .dropdown2-item.active a{color:#fff;}
.multi-level-drop .navbar-nav .nav-item > .dropdown2-item.select{}
.multi-level-drop .dropdown2-item.select label{;}
.multi-level-drop .dropdown2-item label.select{;}
.multi-level-drop a.select{background-color:#22bc92!important;color:#fff!important;}


.multi-level-drop .navbar-nav .nav-item > .dropdown2-item.active .dropdown2-menu.multi-depth03{background:#eee}

/* ARROW */
.multi-level-drop .navbar-nav .nav-item .dropdown2-item{display:flex; align-items:center; border-bottom:1px solid #ced4da}

.multi-level-drop .navbar-nav .nav-item .dropdown2-item:hover{background-color:#22bc92!important;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-item:hover > label{color:#fff;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-item.active{font-weight: bold;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-item.active label{}
/*.multi-level-drop .navbar-nav .nav-item .dropdown2-item.contact{background-color:#a4d1c5!important;}*/
.multi-level-drop .navbar-nav .nav-item.dropdown2 .dropdown2-item  > label:after{content:"\f107"; font-family:'Line Awesome Free'; font-weight:900; float:right; display:inline-block;}
.multi-level-drop .navbar-nav .nav-item.dropdown2 .dropdown2-item.active  > label:after{content:"\f106"; font-family:'Line Awesome Free'; font-weight:900; float:right; display:inline-block;}
label.no_child:after{content:"" !important;}

/* 담당 */
.contact{background-color:#e1f5f0!important; color:#384250!important;}
.contact > label{background-color:#e1f5f0!important; color:#384250!important;}
/*
.multi-level-drop .navbar-nav .nav-item .dropdown2-item a{}
.multi-level-drop .navbar-nav .nav-item .dropdown2-item > a:after{content:"\f107"; font-family:'Line Awesome Free'; font-weight:900; float:right; display:inline-block;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-item.active > a:after{content:"\f106"; font-family:'Line Awesome Free'; font-weight:900; float:right; display:inline-block;}
*/
/* CHECK BOX */
.dropdown2-check{flex-grow:1; color:#384250;}
/*
.dropdown2-check:hover{background-color:#384250!important; color:#fff;}
*/
.dropdown2-check label{}
.dropdown2-check{display:block; position:relative; padding:0.5rem 0.5rem 0.5rem 2rem; margin-bottom:0; cursor:pointer; user-select:none;}
.dropdown2-check input{width:0; height:0; position:absolute; opacity:0; cursor:pointer;}
.dropdown2-check input:checked ~ .checkmark{background-color:#22bc92; border:none;}
.dropdown2-check input:checked ~ .checkmark:after{display:block; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");}
.dropdown2-check input[disabled] ~ *{color:#fff;}
.dropdown2-check .checkmark{width:1rem; height:1rem; position:absolute; top:0.6rem; left:0.5rem; border-radius:0.25rem; border:1px solid #adb5bd;}
.dropdown2-check .checkmark:after{content:""; width:1rem; height:1rem; position:absolute; top:0; left:0;
display:block; background:no-repeat 50% / 50% 50%;}
/* DEPTH SHOW */
.multi-level-drop .navbar-nav .nav-item .dropdown2-item.active + .dropdown2-menu{display:block;}
/*.multi-level-drop .navbar-nav .nav-item .dropdown2-menu .dropdown2-item.active label{background:#f7f7f7; color:#384250;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu .dropdown2-item.active a{background:#f7f7f7;}*/
/* DEPTH02 ~ */
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu{display:none; padding:0; margin:0;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu a{font-size:12px;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu .dropdown2-check{font-size:12px; font-weight:400;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu.multi-depth02{}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu.multi-depth02 .dropdown2-check{padding-left:2.5rem;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu.multi-depth02 .dropdown2-check .checkmark{left:1rem;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu.multi-depth03{background: #; border-bottom:;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu.multi-depth03 .dropdown2-item.active{}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu.multi-depth03 .dropdown2-check{padding-left:3.5rem;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu.multi-depth03 .dropdown2-check .checkmark{left:2rem;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu.multi-depth04{background: #f8f8f8;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu.multi-depth04 .dropdown2-item.active{background: #;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu.multi-depth04 .dropdown2-check{padding-left:4.5rem;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu.multi-depth04 .dropdown2-check .checkmark{left:3rem;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu.multi-depth05{}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu.multi-depth05 .dropdown2-check{padding-left:5.5rem;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu.multi-depth05 .dropdown2-check .checkmark{left:4rem;}
.multi-level-drop .navbar-nav .nav-item .dropdown2-menu.multi-depth05 a{padding-left:2.5rem;}
/* 2023-02-22 황우순 추가*/
.hidden-checkbox .dropdown2-check{padding-left:0.5rem!important;}
.hidden-checkbox .multi-depth02 .dropdown2-check{padding-left:1rem!important;}
.hidden-checkbox .multi-depth03 .dropdown2-check{padding-left:1.5rem!important;}
.hidden-checkbox .multi-depth04 .dropdown2-check{padding-left:2rem!important;}
.hidden-checkbox .multi-depth05 .dropdown2-check{padding-left:2.5rem!important;}
.hidden-checkbox .dropdown2-check > input[type='checkbox']{display:none !important;}
.hidden-checkbox .dropdown2-check > .checkmark{display:none !important;}

/*
.multi-level-drop .navbar-nav .nav-item .dropdown2-item:has(.dropdown2-check input:checked) label,
.multi-level-drop .navbar-nav .nav-item .dropdown2-item:has(.dropdown2-check input:checked) a{
	background:#384250; color:#fff;
}
*/

.file-upload-list{}
.file-upload-list dl{display:flex; margin:0 0 2px;}
.file-upload-list dl dt{flex-grow:1; font-size:12px; font-weight:300; line-height:1.2; color:#8b8b8b; margin:0;}
.file-upload-list dl dd{margin:0 0 0 20px;}
.file-upload-list dl dd button{font-size:14px; padding:2px;}

.inventory-table{}
.inventory-table tr{}
.inventory-table tr th{word-break:keep-all;}
.inventory-table tr td{}

.inventory-lock_yn{width:16px; height:16px; display:flex; justify-content:center; align-items:center;
background:#eee; border-radius:50%; cursor:pointer;}
.inventory-lock_yn i{font-size:10px; color:#333;}
.inventory-lock_yn.inventory-lock_yn-on{background:#384250;}
.inventory-lock_yn.inventory-lock_yn-on i{color:#fff;}

#esg_year_list td > .cell_edit{border-width:0 0 1px; border-color:#ddd;}
.inventory-table .note-cell{}
.inventory-table .note-cell .cell_edit{width:240px; max-height:3.8em; line-height:1.2; text-align:left; white-space:normal; overflow-y:auto;}
/* 에디트 셀 css */
div.cell_edit,
div.cell_edit2{
	display:inline-block;
	border:1px solid #eee;
	min-height:28px;
	min-width:50px;
	vertical-align:middle;
	cursor:pointer;
}
div.edit_mode{
	display:none;
}
.edit_form_cell{
	position:relative;
}
.edit_form_cell .inventory-edit-form{
	position:absolute; left:50%; top:0; transform:translate(-50%, 0);	
	
	background:#fff;
	z-index:99999;
	width:212px;
	
	display:flex;
	
	padding: 4px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    border-radius: 8px;	
}

.edit_form_cell .inventory-edit-form input{flex-grow:1; height:28px; border:1px solid #ddd; padding:4px 4px;}

.edit_form_cell .inventory-edit-form.lg_input{width:372px;}
.edit_form_cell .inventory-edit-form.lg_input input{width:300px;}

.edit_form_cell .inventory-edit-form button{border:none; padding:0;}
.edit_form_cell .inventory-edit-form button:first-of-type{margin:0 4px;}
.edit_form_cell .inventory-edit-form button i{width:28px; height:28px; font-size:15px; line-height:1; display:flex; justify-content:center; align-items:center;}

#esg_year_list td > .cell_edit{
	max-width:300px;
	text-overflow: ellipsis;
}
#esg_year_list td > .cell_edit.edit_mode{
	max-width:600px;
}

#esg_year_list th.year,
#esg_year_list td.year{
	display:table-cell;
}
#esg_year_list th.quarter,
#esg_year_list td.quarter,
#esg_year_list th.partner,
#esg_year_list td.partner,
#esg_year_list th.connect,
#esg_year_list td.connect{
	display:none;
}
#esg_year_list.quarter th.year,
#esg_year_list.quarter td.year,
#esg_year_list.quarter th.partner,
#esg_year_list.quarter td.partner,
#esg_year_list.quarter th.connect,
#esg_year_list.quarter td.connect{
	display:none;
}
#esg_year_list.quarter th.quarter,
#esg_year_list.quarter td.quarter{
	display:table-cell;
}
#esg_year_list.connect th.year,
#esg_year_list.connect td.year,
#esg_year_list.connect th.partner,
#esg_year_list.connect td.partner,
#esg_year_list.connect th.quarter,
#esg_year_list.connect td.quarter{
	display:none;
}
#esg_year_list.connect th.connect,
#esg_year_list.connect td.connect{
	display:table-cell;
}
#esg_year_list.partner th.year,
#esg_year_list.partner td.year,
#esg_year_list.partner th.connect,
#esg_year_list.partner td.connect,
#esg_year_list.partner th.quarter,
#esg_year_list.partner td.quarter{
	display:none;
}
#esg_year_list.partner th.partner,
#esg_year_list.partner td.partner{
	display:table-cell;
}
/* 자동완성 관련 */
.ui-autocomplete {
	z-index:2147483647;
}




/* 보고서 */
.report-switch{display:flex; align-items:center; justify-content:space-between; border:1px solid #ced4da; border-radius:0.25rem; padding:0.5rem 0.5rem;}
.report-switch span{font-size:13px; line-height:1; color:#333;}
.report-switch span{}
.report-switch input[switch] + label{width:60px; height:16px; margin:0;}
.report-switch input[switch] + label:after{width:24px; height:24px; top:-4px;}
.report-switch input[switch]:checked + label:after{left:34px;}

.report-line{border:1px solid #9fa0a0!important;}

.report-title{}
.report-title h4{flex-shrink:0; border-right:1px solid #333; padding:0 0.5rem 0 0; margin:0 0.5rem 0 0;}
.report-title ul{}
@media (max-width: 992px) {
.report-title{flex-direction:column; font-size:18px;}
.report-title h4{border-right:none; padding:0; margin:0 0 0.5rem;}
}

.report-box{}
.report-box .report-box-title{}
.report-box .report-box-title.report-box-title-display01{font-size:16px; font-weight:700; color:#333;}
.report-box .report-box-title.report-box-title-display02{font-size:15px; font-weight:500; color:#555;}
.report-box .report-box-title.report-box-title-display03{font-size:15px; font-weight:500; color:#555;}
.report-box .report-box-title.report-box-title-display04{font-size:13px; font-weight:400; color:#777;}
.report-box .report-box-title.report-box-title-display05{font-size:13px; font-weight:400; color:#777;}

.breadcrumb-title{display:flex; flex-wrap:wrap; list-style:none; padding:0;}
.breadcrumb-title li{display:flex; align-items:center; font-size:15px;}
.breadcrumb-title li.active{}
.breadcrumb-title li+li{padding-left:0.5rem;}
.breadcrumb-title li+li:before{content:"\f105"; font-family:'Line Awesome Free'; font-weight:900; font-size:13px; display:inline-block; padding-right:0.5rem;}
.breadcrumb-title li span{}
.breadcrumb-title li:first-of-type span{font-weight:500;}
.breadcrumb-title li.active span{color:#22bc92;}
@media (min-width: 768px) {
.breadcrumb-title li{font-size:13px;}
}
@media (max-width: 992px) {
.breadcrumb-title li{font-size:15px;}
}

.guide-collapse-wrap{}
.guide-collapse-wrap blockquote{max-height:300px; overflow-y:auto;}
.guide-collapse{}
.guide-collapse i{float:right}
.guide-collapse:not(.collapsed){}
.guide-collapse:not(.collapsed) i{}
.guide-collapse:not(.collapsed) i:before{content:"\f106";}

/* 보고서 댓글 */
.comment-input-area{border:1px solid #9fa0a0;}

.comment-wrap{border:1px solid #9fa0a0;}
.comment-wrap .comment-list-box{border-bottom:1px solid #9fa0a0;}
.comment-wrap .comment-list{display:flex; margin-bottom:0;}
.comment-wrap .comment-list .comment-l{}
.comment-wrap .comment-list .comment-r{margin:0;}
.comment-wrap .comment-list .comment-r dl{margin:0;}
.comment-wrap .comment-list .comment-r dl dt{padding:0; padding-bottom:0;}
.comment-wrap .comment-list .comment-r dl dd{padding:1rem 0; margin:0;}

.coment_depth2{}
.coment_depth3{padding-left:1.5rem !important;}
.coment_depth4{padding-left:3rem !important;}
.coment_depth5{padding-left:4.5rem !important;}
.coment_depth6{padding-left:6rem !important;}
.coment_depth7{padding-left:7.5rem !important;}
.coment_depth8{padding-left:9rem !important;}
.coment_depth9{padding-left:10.5rem !important;}
.coment_depth10{padding-left:12rem !important;}
.coment_depth11{padding-left:13.5rem !important;}
.coment_depth12{padding-left:15rem !important;}
.coment_depth13{padding-left:16.5rem !important;}
.coment_depth14{padding-left:18rem !important;}
.coment_depth15{padding-left:19.5rem !important;}


/* 공시 */
/* 공시 - 에디터 */
.editor-bar{box-shadow:0 0 8px rgba(0,0,0,0.2);}
.editor-bar > .card{z-index:20;}

.editor-tool{width:; position:absolute; top:20px; right:-38px; box-shadow:0 0 8px rgba(0,0,0,0.2); z-index:10;}
.editor-tool ul{display:flex; flex-direction:column; align-items:flex-end; border-radius:4px; padding:4px;}
.editor-tool ul li{}
.editor-tool ul li a{width:30px; height:30px; display:flex; justify-content:center; align-items:center; border-radius:4px;}
.editor-tool ul li a.active{background:#525252; border:1px solid #ccc;}
.editor-tool ul li a i{font-size:16px; color:#535353;}
.editor-tool ul li a.active i{color:#e2e2e2;}

/*.editor-type{width:1280px; height:720px; margin:auto;}*/
/*공시 PDF사이즈 수정*/
.editor-type{width:1134px; height:794px; margin:auto;}
.editor-type .position-t-l{top:0; left:0;}
.editor-type .position-t-r{top:0; right:0;}
.editor-type .position-t-c{top:0; left:50%; transform:translate(-50%, 0);}
.editor-type .position-m-l{top:50%; left:0; transform:translate(0, -50%);}
.editor-type .position-m-r{top:50%; right:0; transform:translate(0, -50%);}
.editor-type .position-m-c{top:50%; left:50%; transform:translate(-50%, -50%);}
.editor-type .position-b-l{bottom:0; left:0;}
.editor-type .position-b-r{bottom:0; right:0;}
.editor-type .position-b-c{bottom:0; left:50%; transform:translate(-50%, 0);}

.editor-lnb{}

.editor-con{}
.editor-con .editor-con-title{font-size:28px; font-weight:500; line-height:1.2; color:#111; margin:0 0 48px;}
.editor-con h1{font-size:22px; font-weight:700; color:#111; line-height:1.2; margin:0 0 10px;}
.editor-con h2{font-size:20px; font-weight:700; color:#111; line-height:1.2; margin:0 0 10px;}
.editor-con h3{font-size:18px; font-weight:500; color:#111; line-height:1.2; margin:0 0 10px;}
.editor-con h4{font-size:16px; font-weight:500; color:#111; line-height:1.2; margin:0 0 10px;}
.editor-con h5{font-size:15px; font-weight:400; color:#111; line-height:1.2; margin:0 0 10px;}
.editor-con h6{font-size:14px; font-weight:400; color:#111; line-height:1.2; margin:0 0 10px;}
.editor-con .article{line-height:1.4; margin:0 0 32px;}
.editor-con .article-1{}
.editor-con .article-2{}
.editor-con .article-3{}
.editor-con .article-4{}
.editor-con .article-5{}
.editor-con .article-6{}

.editor-con .editor-table{}
.editor-con .editor-table thead{}
.editor-con .editor-table thead tr{}
.editor-con .editor-table thead th{}
.editor-con .editor-table thead td{}
.editor-con .editor-table tbody tr{}
.editor-con .editor-table tbody tr th{}
.editor-con .editor-table tbody tr td{}

.editor-type01{}
.editor-type01-01 .editor-name{font-size:14px; color:#999;}
.editor-type01-01 .editor-logo{height:42px; display:block;}
.editor-type01-01 .editor-title{font-size:58px; font-weight:500; line-height:1.4; color:#fff; margin:0;}
.editor-type01-01 .editor-title small{font-size:20px; font-weight:400; display:block;}

.editor-type01-02{background:#014a8e;}
.editor-type01-02 .editor-title{font-size:58px; font-weight:500; line-height:1.4; color:#fff; margin:0;}
.editor-type01-02 .editor-page{font-size:14px; color:#999;}
.editor-type01-02 ul{}
.editor-type01-02 ul li{display:flex; font-size:14px; /* color:#eee;  */margin:0 0 8px;}
.editor-type01-02 ul li > a{display:flex; font-size:14px; color:#eee; margin:0 0 8px;}
.editor-type01-02 ul li p{flex-grow:1; font-size:14px; font-weight:300; margin:0;}
/* .editor-type01-02 ul li span{font-size:16px; font-weight:300; text-decoration:underline; margin:0 0 0 20px;} */

.gap-result-all .editor-type01-02 ul li{display:block;}

.editor-type01-03 .editor-lnb{height:100%; position:relative;}
.editor-type01-03 .editor-lnb .editor-title{margin:0 0 40px;}
.editor-type01-03 .editor-lnb .editor-title strong{display:block; font-size:18px; font-weight:500; color:#22bc92; margin:0 0 8px;}
.editor-type01-03 .editor-lnb .editor-title ul{display:flex; margin:0;}
.editor-type01-03 .editor-lnb .editor-title ul li{}
.editor-type01-03 .editor-lnb .editor-title ul li+li{margin:0 0 0 4px;}
.editor-type01-03 .editor-lnb .editor-title ul li a{width:24px; height:24px; display:flex; justify-content:center; align-items:center; border:1px solid #ddd;}
.editor-type01-03 .editor-lnb .editor-title ul li a img{display:block;}

.editor-type01-03 .editor-lnb .editor-list{margin:0;}
.editor-type01-03 .editor-lnb .editor-list ul{margin:26px 0 0;}
.editor-type01-03 .editor-lnb .editor-list ul h1{font-size:13px; font-weight:400; color:#777; border:1px solid #aaa; border-radius:0 5px 5px 5px; padding:3px 6px; margin:0;}
.editor-type01-03 .editor-lnb .editor-list ul li{margin:8px 0 0; cursor:pointer;}
.editor-type01-03 .editor-lnb .editor-list ul li h2{font-size:12px; font-weight:300; color:#777; text-indent:7px; margin:0;}
.editor-type01-03 .editor-lnb .editor-list ul.active{}
.editor-type01-03 .editor-lnb .editor-list ul.active h1{border:1px solid rgba(34, 188, 146, 0.5); color:#22bc92;}
.editor-type01-03 .editor-lnb .editor-list ul li.active{}
.editor-type01-03 .editor-lnb .editor-list ul li.active h2{font-weight:400; color:#222;}
.editor-type01-03 .editor-lnb .editor-list .active{}

.editor-type01-03 .editor-lnb .editor-page{position:absolute; left:0; bottom:0; font-size:12px; font-weight:300; line-height:1; color:#555;}


.editor-type01-03 .editor-con h3{font-size:16px; font-weight:500; color:#111; line-height:1.2; margin:0 0 10px;}
.editor-type01-03 .editor-con h4{font-size:14px; font-weight:500; color:#22bc92; line-height:1.2; margin:0 0 10px;}
.editor-type01-03 .editor-con h5{font-size:13px; font-weight:400; color:#111; line-height:1.2; margin:0 0 10px;}
.editor-type01-03 .editor-con h6{font-size:13px; font-weight:400; color:#111; line-height:1.2; margin:0 0 10px;}
.editor-type01-03 .editor-con .article-1{font-size:15px; font-weight:400; color:#555;}
.editor-type01-03 .editor-con .article-2{font-size:13px; font-weight:400; color:#777;}

.editor-type01-03 .editor-con .editor-table thead th{background:#eee; color:#111; text-align:center;}
.editor-type01-03 .editor-con .editor-table thead tr:last-of-type th,
.editor-type01-03 .editor-con .editor-table thead tr:last-of-type td{border-bottom:1px solid #22bc92;}
.editor-type01-03 .editor-con .editor-table tbody tr:last-of-type th,
.editor-type01-03 .editor-con .editor-table tbody tr:last-of-type td{border-bottom:1px solid #22bc92;}

/* 공시 - 웹 */
.web-wrap{position:relative; min-width:1320px; background:#fff;}
.web-wrap footer{position:inherit; left:inherit; right:inherit; bottom:inherit; background:#d9d9d9;}
.web-wrap footer > .footer_ccontainer{ 

	display: flex;
	flex-wrap: nowrap;
	align-content: center;
	align-items:center;
	justify-content: space-between;
}
.web-wrap footer > .footer_ccontainer > div{ 
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #676767;
	padding: 0 14px 0 0;
	margin: 0 14px 0 0;
	flex-grow:1; 
	text-align:left;
	word-break:keep-all;
}
.web-wrap footer > .footer_ccontainer > div > .no_desk{ 
	display:none;
}
.web-wrap footer > .footer_ccontainer > div+div{ 
	text-align:right;
}
.web-wrap footer > .footer_ccontainer > div+div > img{ 
	width:50px;
}
@media (max-width: 992px) {
	.web-wrap footer > .footer_ccontainer{ 
		min-width: 100vw; 
		max-width: 100vw; 
	}
	.web-wrap footer > .footer_ccontainer > div{ 
		font-size: 12px;
	}
	.web-wrap footer > .footer_ccontainer > div > .no_desk{ 
		display:block;
	}
}
.web-center{width:100%; max-width:1280px; margin:auto;}
#test{font-size:50px}
header{position:relative;}
.web-header-area{width:100%; height:80px;/* box-shadow:0 0 8px rgba(0,0,0,0.1);overflow: hidden; 짤림 */background:#fff; color:#000 !important; position:absolute; top:0; z-index: 100;}
.web-header-area .web-center .web-header-c > ul > li > a{color:#222;}
/*.web-header-area.active{background: rgba(0,0,0,0.5);}*/
.web-wrap-main{}

.web-wrap-main .web-header-area{box-shadow: none; background: none;}
/*.web-wrap-main .web-header-area.active{ background: rgba(0,0,0,0.5); box-shadow:0 0 8px rgba(0,0,0,0.1);}*/
.web-wrap-main .web-header-area .web-header-c > ul > li > a{}
.web-wrap-main .web-header-area.active .web-header-c > ul > li > a{}
.web-wrap-main .web-header-area .web-header-r ul li a{color:#fff;}
.web-wrap-main .web-header-area.active .web-header-r ul li a{color:#000;}
/*.web-header-area:before{width:100%; height:1px; content:""; display:block; background:#ddd; position:absolute; top:79px;} 상단 메뉴 선*/
.web-header{display:flex; align-items:center;}
.web-header .web-header-l{}
.web-header .web-header-l a{display:block;}
.web-header .web-header-l a img{height:40px; display:block;}
.web-header .web-header-c{flex-grow:1; display:flex; justify-content:center; align-items:center;}
/* 1차 메뉴 */
.web-header .web-header-c > ul{display:flex; position:relative; margin:0; z-index:100;}
.web-header .web-header-c > ul > li{position:relative;}
.web-header .web-header-c > ul > li+li{margin:0 0 0 30px;}
.web-header .web-header-c > ul > li > a{height:80px; display:flex; align-items:center; font-size:15px; font-weight:500; line-height:1; color:#fff; text-align:center;}
.web-header .web-header-c > ul > li:hover > a{}

.web-header .web-header-c > ul > li > ul{display:flex; flex-direction:column; position:absolute; top:100%; left:0; padding:24px 0; }
.web-header .web-header-c > ul > li > ul > li{}
.web-header .web-header-c > ul > li > ul > li+li{margin:14px 0 0;}
.web-header .web-header-c > ul > li > ul > li > a{display:block; font-size:13px; font-weight:400; line-height:1; color:#fff; margin:0;}
.web-header .web-header-c > ul > li > ul > li > a:hover{;}

.web-header .web-header-r{display:flex;}
.web-header .web-header-r ul{display:flex; align-items:center; margin:0;}
.web-header .web-header-r ul li{}
.web-header .web-header-r ul li+li{margin:0 0 0 28px;}
.web-header .web-header-r ul li.web-header-search{display:flex; align-items:center;}
.web-header .web-header-r ul li.web-header-search a{display:block;}
.web-header .web-header-r ul li.web-header-search a i{font-size:15px; line-height:1; color:#555;}
.web-header .web-header-r ul li.web-hamburger-bt{display:none; align-items:center;}
.web-header .web-header-r ul li.web-hamburger-bt a{display:flex; align-items:center;}
.web-header .web-header-r ul li.web-hamburger-bt a i{font-size:16px; line-height:1; color:#555;}

.web-main-body{width:100%; /*min-height: calc(100vh + 82px)937px 스크롤바가 생김*/;  height:100%; display:flex; flex-direction:column; background:; padding:80px 0 0;}
.web-main-body .web-center{height:;}
.web-main-con{height:100%; display:flex; align-items:flex-end; padding:80px 0;}
.web-main-l{flex-basis:320px; flex-shrink:0; height:100%; display:flex; flex-direction:column; margin:0 60px 0 0;}
.web-main-l .disclosure-title{flex-grow:1; display:flex; flex-direction:column;}
.web-main-l .disclosure-title p{font-size:46px; font-weight:700; line-height:1.25; color:#fff; word-break:keep-all; margin:0 0 34px;}
.web-main-l .disclosure-title span{font-size:23px; font-weight:400; line-height:1; color:#fff; display:block; margin:0 0 28px;}
.web-main-l .disclosure-title div{width:1px; height:100%; border-left:1px solid rgba(255,255,255,0.5);}
.web-main-l .initiative{margin:40% 0 0;}
.web-main-l .initiative ul{display:flex; flex-wrap:wrap; margin:-4% 0 0;}
.web-main-l .initiative ul li{flex-basis:33%; display:flex; align-items:center; margin:4% 8% 0 0; background-color: ;     width: 50%;}
.web-main-l .initiative ul li:nth-of-type(even){margin:4% 0 0;}
.web-main-l .initiative ul li img{width:100%; display:block;}
.web-main-r{flex-grow:1;}
.web-main-r p{font-size:20px; font-weight:500; line-height:1; color: #eaeaea; display:block; margin:0 0 40px;}
.web-main-r ul{display:flex; margin:0;}
.web-main-r ul li{flex-basis:32%; background:rgba(255,255,255,0.7); border-radius:10px; padding:16px;}
.web-main-r ul li+li{margin:0 0 0 2%;}
.web-main-r ul li div{display:none;}
.web-main-r ul li canvas{width:100%; display:block;}
.web-main-r ul li {}

.web-main-r ul li.web-chart-yn.{}
.web-main-r ul li.web-chart-yn canvas{display:none !important;}
.web-main-r ul li.web-chart-yn > div{width:100%; height:100%; display:block;}
.web-main-r ul li.web-chart-yn h4{font-size:15px; font-weight:500; line-height:1; color:#222; text-align:center; margin:10px 0 30px;}
.web-main-r ul li.web-chart-yn table{width:100%; height:calc(100% - 85px); table-layout:fixed;}
.web-main-r ul li.web-chart-yn table tr{border:1px solid rgba(0,0,0,0.2); border-width:1px 0;}
.web-main-r ul li.web-chart-yn table tr th{font-size:12px; font-weight:400; line-height:1; color:#333; text-align:center;}
.web-main-r ul li.web-chart-yn table tr td{text-align:center;}
.web-main-r ul li.web-chart-yn table tr td .chart-y{font-size:16px; color:green;}
.web-main-r ul li.web-chart-yn table tr td .chart-n{font-size:16px; color:#555;}

.web-main-r ul.web-chart-dark li{background:rgba(0,0,0,0.5);}
.web-main-r ul.web-chart-dark li.web-chart-yn h4{color:#fff;}
.web-main-r ul.web-chart-dark li.web-chart-yn table tr{border:1px solid #636363; border-width:1px 0;}
.web-main-r ul.web-chart-dark li.web-chart-yn table tr th{color:#ddd;}
.web-main-r ul.web-chart-dark li.web-chart-yn table tr td .chart-n{color:#ccc;}

.web-main-b{width:100%; background:rgba(0,0,0,0.5);}
.web-main-b .web-center{display:flex; padding:20px 0;}
.web-main-b .web-center > ul{flex-grow:1; display:flex; margin:0;}
.web-main-b .web-center > ul > p{flex-basis:22%; flex-shrink:0; font-size: 25px; font-weight:500; line-height:1.25; color:#fff; word-break:keep-all; border-right:1px solid rgba(255,255,255,0.5); padding:0 3% 0 0; margin:0 3% 0 0; line-height: 44px;}
.web-main-b .web-center > ul li{flex-basis:24%;}
.web-main-b .web-center > ul li+li{margin:0 0 0 3%;}
.web-main-b .web-center > ul li a{height:100%; display:flex; align-items:center;}
.web-main-b .web-center > ul li a:after{content:"\f105"; display:block; font-size:22px; color:#ddd; font-family:'Line Awesome Free'; font-weight:900; line-height:1;}
.web-main-b .web-center > ul li a img{width:40px; display:block; margin:0 22px 0 0;;}
.web-main-b .web-center > ul li a p{flex-grow:1; font-size:14px; font-weight:500; line-height:1; color:#fff; margin:0 22px 0 0;;}

/*.web-sub-body{padding:80px 0 0;}*/
.web-visual{height:342px; background:;}
.web-visual .web-center{height:100%;}
.web-visual .web-visual-text{height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; padding:0 0 72px; margin:0;}
/* 서브 타이틀 디자인*/
.web-visual .web-visual-text h1{width:100%; font-size:20px; font-weight:400; line-height:1; color:#fff; display:block; position:relative; margin:0 0 16px;}
.web-visual .web-visual-text h2{font-size:44px; font-weight:500; line-height:1; color:#fff; display:block; margin:0;}


.web-breadcrumb{display:flex; margin:0 0 40px;}
.web-breadcrumb li{}
.web-breadcrumb li+li{padding:0 0 0 10px;}
.web-breadcrumb li a{display:flex; align-items:baseline; font-size:12px; font-weight:400; line-height:1; color:#555; word-break:break-all;}
.web-breadcrumb li a:hover{color:crimson;}
.web-breadcrumb li a:before{content:"\f105"; font-family:'Line Awesome Free'; font-weight:900; font-size:10px; display:inline-block; padding:0 10px 0 0;}
.web-breadcrumb li:first-of-type a:before{display:none;}

.web-container .web-contents{flex-grow:1; min-height:420px;}
.web-container .web-contents h5{font-size:24px; font-weight:500; color:#333; margin:20px 0 60px;vertical-align: middle; }
.web-container .web-contents h6{font-size:24px; font-weight:500; color:#333; display:block; margin:0 0 10px;vertical-align: middle;}
.web-container .web-contents .article{line-height:1.4; margin:0 0 32px;}
.web-container .web-contents .article-1{font-size:17px; font-weight:400; line-height:1.6; color:#454545;}
.web-container .web-contents .article-2{font-size:15px; font-weight:300; line-height:1.4; color:#555;}
.web-container .web-contents .article-3{}
.web-container .web-contents .article-4{}
.web-container .web-contents .article-5{}
.web-container .web-contents .article-6{}

.web-hamburger-overlay{opacity:0.85; z-index:1100;}
.web-hamburger-area{
    width: 320px;
	top: 0;
	right: 0;
    z-index: 1110;
    overflow-x: hidden;
    overflow-y: auto;
    transition: margin 0.4s ease-out;
    -webkit-transition: margin 0.4s ease-out;
    -moz-transition: margin 0.4s ease-out;
    -ms-transition: margin 0.4s ease-out;
	margin-right: -320px;
	
	background:#fff; border-left:1px solid #555;
}

/* 서브 메뉴 공통만 적기 오류시빼기*/
.dep1{background-color:#fff;}
.dep2{display:none; padding: 0;}
.dep2 > li::marker {display:none; font-size: 0; }
.dep2 > li{;}
.web-container .web-lnb .dep2 > li > a{display:block; color:#B4B4B4; padding:10px 0 10px 25px; width:100%; font-size:15px;}
.web-container .web-lnb > ul > li > ul > li > a{ padding: 10px 30px 10px 25px;position: relative; display: flex; align-items: center;}
.dep1 > li > a.no-menu:after{display:none}

/* 모바일메뉴*/
.web-hamburger-area ul{}
.web-hamburger-area ul+ul{margin:26px 0 0;}
.web-hamburger-area ul > a{display:block; margin:0 0 6px;}
.web-hamburger-area ul > a > h1{font-size:14px; font-weight:500; line-height:1.2; color:#222;}
.web-hamburger-area ul > li{}
.web-hamburger-area ul > li+li{margin:8px 0 0;}
.web-hamburger-area ul > li > a{display:block;}
.web-hamburger-area ul > li > a > h2{font-size:13px; font-weight:300; line-height:1.2; color:#555; padding:0 0 0 10px; position:relative;}
.web-hamburger-area ul > li > a > h2:before{content:""; width:3px; height:3px; display:block; background:#555; border-radius:50px; margin-top:-1px; position:absolute; left:0; top:50%;}

/* 웹 - 정책 */
.policy-down{margin:0;}
.policy-down dl{display:flex; align-items:center; padding:20px 20px; margin:0;}
.policy-down dl+dl{border-top:1px solid #ddd;}
.policy-down dl dt{flex-grow:1; font-size:16px; font-weight:400; line-height:1.25; color:#222;}
.policy-down dl dd{margin:0;}
.policy-down dl dd button{font-size:15px; font-weight:400; color:#333; background:none; border:1px solid #555; padding:14px 24px;}
.policy-down dl dd button i{font-size:14px; margin:0 0 0 24px;}
.policy-down dl dd button img{margin:0 0 0 24px; width: 19px}

/* 웹 - 보고서 */
.web-report-down{}
.web-report-down+.web-report-down{margin:80px 0 0;}
.web-report-down dl{display:flex; justify-content:; position:relative; padding:20px 0; margin:0;}
.web-report-down dl+dl{}
.web-report-down dt{width:320px; border: 1px solid #ddd; min-height: 200px; flex-shrink:0; display:block;}
.web-report-down dl+dl dt:before{content:""; width:100%; height:1px; display:block; background:#ddd; position:absolute; margin:-20px 0 0;}
.web-report-down dt img{width:100%; display:block;}
.web-report-down dd{position: relative; margin:0 0 0 40px;}
.web-report-down dd h7{font-size:28px; font-weight:700; line-height:1.25; color:#222; display:block; margin:20px 0 20px;}
.web-report-down dd h7 span{font-weight:700; display:block;}
.web-report-down dd p{font-size:14px; font-weight:; line-height:1.25; color:#555; margin:0; display: none;}
.web-report-down dd .web-report-bt{ margin-top: 35px;}
.web-report-down dd .web-report-bt button{font-size:15px; font-weight:400; color:#333; background:none; border:1px solid #555; padding:14px 24px; white-space:nowrap;}
.web-report-down dd .web-report-bt button+button{margin:0 0 0 10px;}
.web-report-down dd .web-report-bt button i{font-size:16px; margin:0 0 0 24px;}
.web-report-down dd .web-report-bt button img{; margin:0 0 0 24px;}




@media (max-width: 768px) {
.list-unstyled h3{ margin-top: 15px;}
.list-unstyled .dep1 li{border-bottom: 1px solid #dbdbdb;}
.list-unstyled .dep1 li:last-child{border-bottom: 0;}
.dep1{border:1px solid #dbdbdb}
.dep1 > li > a{ padding: 10px;}
.dep2 > li > a{ padding: 10px; background: #f5f5f5; color:#555}
.web-wrap{min-width:auto;}
.web-wrap footer{height:auto; flex-direction:column; padding:15px;}
.web-wrap footer p{font-size:11px; margin:0 0 10px;}
.web-center{width:calc(100% - 30px);}

.web-header-area{height:52px; display:flex; align-items:center;background: #fff;}
.web-header .web-header-c{display:none;}
.web-header .web-header-r{flex-grow:1; justify-content:flex-end;}
.web-header .web-header-r ul li{display:none;}
.web-header .web-header-r ul li.web-header-search{}
.web-header .web-header-r ul li.web-hamburger-bt{display:flex;}

.web-main-body{padding:52px 0 0 ;}
.web-main-con{flex-direction:column; align-items:baseline; padding:30px 0;}
.web-main-l{flex-basis:auto; margin:0;}
.web-main-l .disclosure-title p{font-size:32px; margin:0 0 18px;}
.web-main-l .disclosure-title span{font-size:18px; margin:0 0 18px;}
.web-main-l .initiative{margin:18px 0 0;}
.web-main-l .initiative ul{margin:-2% 0 0;}
.web-main-l .initiative ul li{flex-basis:49%; margin:2% 2% 0 0;}
.web-main-l .initiative ul li:nth-of-type(even){margin:2% 0 0;}

.web-main-r{width:100%; margin:32px 0 0;}
.web-main-r p{font-size:18px; margin:0 0 18px;}
.web-main-r ul{flex-direction:column;}
.web-main-r ul li{padding:4%;}
.web-main-r ul li+li{margin:2% 0 0;}

.web-main-b .web-center{padding:4% 0 4%;}
.web-main-b .web-center > ul > p{flex-basis:auto; flex-shrink:1; font-size:24px; border-right:none; padding:0; margin:0 0 4%;}
.web-main-b .web-center > ul{flex-direction:column;}
.web-main-b .web-center > ul li{flex-basis:auto;}
.web-main-b .web-center > ul li+li{margin:18px 0 0;}
.web-main-b .web-center > ul li a img{width:40px; margin:0 12px 0 0;}
.web-main-b .web-center > ul li a p{font-size:15px;}
.web-main-b .web-center > ul li a:after{font-size:14px;}

.web-sub-body{padding:52px 0 0;}
.web-visual{height:180px;}
.web-visual .web-visual-text{justify-content:center; align-items:center; padding:0;}
.web-visual .web-visual-text h1{display:none;}
.web-visual .web-visual-text h2{font-size:32px; justify-content:center; align-items:center; padding:0;}

.web-breadcrumb{flex-wrap:wrap; border-bottom:1px solid #eee; padding:0 0 12px; margin:12px 0 18px;}
.web-breadcrumb li{display:flex; align-items:center;}
.web-breadcrumb li a{font-size:10px; line-height:normal;}
.web-breadcrumb li a:after{margin:0 6px;}

.web-container{margin:0 0 40px;}
.web-container .web-lnb{display:none;}
.web-container .web-contents{min-height:200px; margin:0;}
.web-container .web-contents h5{font-size:28px; margin:0 0 38px;}
.web-container .web-contents h6{font-size:20px;}
.web-container .web-contents .article{margin:0 0 24px;}
.web-container .web-contents .article-1{font-size:14px;}
.web-container .web-contents .article-2{font-size:12px;}

/* 웹 - 정책 */
.policy-down{}
.policy-down dl{padding:10px 0;}
.policy-down dl dt{font-size:14px;}
.policy-down dl dd{margin:0 0 0 20px;}
.policy-down dl dd button{display:flex; align-items:center; font-size:12px; white-space:nowrap; padding:6px 10px;}
.policy-down dl dd button i{font-size:12px; margin:0 0 0 6px;}
.policy-down dl dd button img{margin:0 0 0 24px; width: 19px}

/* 웹 - 보고서 */
.web-report-down dl{align-items:flex-start; padding:10px 0;}
.web-report-down dt{width:112px;}
.web-report-down dl+dl dt:before{margin:-10px 0 0;}
.web-report-down dd{margin:0 0 0 4%;}
.web-report-down dd h7{font-size:18px; margin:0 0 12px;}
.web-report-down dd p{font-size:12px;}
.web-report-down dd .web-report-bt{margin:20px 0 0; position:static;}
.web-report-down dd .web-report-bt button{font-size:12px; white-space:nowrap; padding:6px 10px;}
.web-report-down dd .web-report-bt button+button{margin:0 0 0 6px;}
.web-report-down dd .web-report-bt button i{font-size:14px; margin:0 0 0 6px;}

}


/* 공시 - 보고서 추가 */
.initiative-logo{}
.initiative-logo ul{display:flex; flex-wrap:wrap; margin:-10px 0 0;}
.initiative-logo ul li{width:16%; display:flex; border:1px solid #ddd; margin:10px 0.8% 0 0;}
.initiative-logo ul li:nth-of-type(6n+0){margin:10px 0 0;}
.initiative-logo ul li.active{border:3px solid #ff8000;}
.initiative-logo ul li.active a:before{background:rgba(255, 128, 0, 0.25);}
.initiative-logo ul li a{width:100%; display:flex; align-items:center; padding:10px; position:relative;}
.initiative-logo ul li a:before{content:""; width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.initiative-logo ul li a img{height:34px; display:block; margin:auto;}

.disclosure-template-wrap{width:100%;}
.disclosure-template-wrap .swiper-scrollbar{width:calc(100% - 24px)!important; left:12px!important; bottom:-14px!important; border-radius:0;}
.disclosure-template-wrap .swiper-scrollbar *{border-radius:0;}
.disclosure-template{}
.disclosure-template .swiper-slide{width:300px; position:relative;}
.disclosure-template .swiper-slide:hover{}
.disclosure-template .swiper-slide .preview-bt{width:100%; height:100%; display:flex; justify-content:center; align-items:center;
border:1px solid #ddd; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); cursor:pointer; z-index:1;}
.disclosure-template .swiper-slide .preview-bt button{display:none;}
.disclosure-template .swiper-slide .preview-bt.active{background:rgba(255, 128, 0, 0.25)!important; border:3px solid #ff8000!important;}
.disclosure-template .swiper-slide .preview-bt.active button{background:#ff8000; border-color:#ff8000;}
.disclosure-template .swiper-slide:hover .preview-bt{background:rgba(34, 188, 146, 0.25); border:3px solid #22bc92;}
.disclosure-template .swiper-slide:hover .preview-bt button{display:block;}

.disclosure-template .swiper-slide .preview-img{padding-top:75%; display:block; position:relative;}
.disclosure-template .swiper-slide .preview-img img{max-width:300px; height:100%; display:block; position:absolute; top:0; left:0;}

.add-mainImage{}
.add-mainImage .card{display:block; border:none; position:relative;}
.add-mainImage .card:before{content:""; width:100%; height:100%; display:block; position:absolute;}
.add-mainImage .card img{width:100%; display:block;}
.add-mainImage .card.active{border:3px solid #ff8000;}
.add-mainImage .card.active:before{background:rgba(255, 128, 0, 0.25);}


/* 자료 */
.font-type01{font-size:36px; font-weight:700;}
.font-type02{font-size:32px; font-weight:700;}
.font-type03{font-size:28px; font-weight:500;}
.font-type04{font-size:24px; font-weight:500;}
.font-type05{font-size:20px; font-weight:400;}
.font-type06{font-size:13px; font-weight:400;}

.spinner {
display: inline-block;
font-size: 10px;
margin: auto;
text-indent: -9999em;
width: 4em;
height: 4em;
border-radius: 50%;
position: relative;
-webkit-animation: spin 1.4s infinite linear;
animation: spin 1.4s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
position:fixed; 
top:50%; 
left:50%; 
z-index:10;
}

.spinner:before {
width: 50%;
height: 50%;
border-radius: 100% 0 0 0;
position: absolute;
top: 0;
left: 0;
content: ''; }

.spinner:after {
background: #fff;
width: 75%;
height: 75%;
border-radius: 50%;
content: '';
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; }

.spinner-custom{
background:#22bc92;
background:-moz-linear-gradient(left, #22bc92 10%, rgba(34, 188, 146, 0) 42%);
background:-webkit-linear-gradient(left, #22bc92 10%, rgba(34, 188, 146, 0) 42%);
background:-o-linear-gradient(left, #22bc92 10%, rgba(34, 188, 146, 0) 42%);
background:-ms-linear-gradient(left, #22bc92 10%, rgba(34, 188, 146, 0) 42%);
background:linear-gradient(to right, #22bc92 10%, rgba(34, 188, 146, 0) 42%);
}
.spinner-custom:before{background:#22bc92;}




/* 연결 */
.swal2-container .swal2-styled.swal2-confirm{background:#22bc92;}

.connect-chart-row{}
.connect-chart-row .card{border:none; box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.05), 0 2px 8px 0 rgba(0, 0, 0, 0.05);}
.connect-chart{display:flex; position:relative;}
.connect-chart.connect-chart01{}
.connect-chart.connect-chart02{}
.connect-chart p{flex-grow:1; font-size:13px; font-weight:500; margin:0;}
.connect-chart p strong{display:none; font-size:38px; line-height:1; display:; margin:14px 0 0;}
.connect-chart .chart-box{}
.connect-chart .chart-box .knob{width:auto!important; height:auto!important;
font:700 36px/1 'Noto Sans KR', sans-serif!important; text-align:left!important;
left:0; right:0; top:50%; transform:translate(0px, -50%); margin:0!important; pointer-events:none;}

.connect-chart-bar{}
.connect-bar{display:flex; align-items:center;}
.connect-bar p{flex-basis:160px; font-weight:700; margin:0;}
.connect-bar .progress{flex-grow:1; height:20px;}
.connect-bar .progress .progress-bar{font-size:12px;}
.connect-bar.connect-bar01{}
.connect-bar.connect-bar02{}








/* 파일업로드 */
.dropzone{border:1px solid #ced4da!important;}
.dropzone small{font-size:12px; line-height:1; color:#888;}


/* 설정 - 선택항목 */
.cmncode-table{}
.cmncode-table tr td{padding:0;}
.cmncode-table tr:first-of-type td{border-top:none;}
.cmncode-table tr td a{display:block; color:inherit; padding:0.85rem;}

/* input[type=number] 화살표/스피너 제거*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button,
input[type=number]{
  -webkit-appearance: none;
  margin: 0;
}

/* 즐겨찾기 별 */
.favorite{display:flex; position:relative; align-items:center;}
.favorite > i{font-size:17px; cursor:pointer;}
.favorite > i.insert{color:#fff; text-shadow:0 0 2px rgb(0 0 0);}

/* 다운로드 iframe */
.mfp-report{
	width:1px !important;
	height:1px !important;
}
/* 인벤토리 iframe */
.mfp-inventory{
	width:100vw !important;
	height:100vh !important;
	overflow: hidden !important;
}
.mfp-inventory .mfp-content{
	max-width: calc(100vw - 80px) !important;
	max-height: calc(100vh - 80px) !important;
}
/* 보고서 메모 */
.marcspon_memo{
	background:red !important;
	color:#fff;
}
.marcspon_memo *{
	display:inline-block;
	background:red !important;
	color:#fff;
}
/* 가이드 iframe */
.mfp-guide{
	
}
.mfp-guide .mfp-content{
	min-width:78vw !important;
	min-height:43.9vw !important;
	position: absolute;
	left: 50%;
	margin-left:-37vw;
	top:50%;
	margin-top:-22vw;
}
.mfp-guide .mfp-iframe-scaler iframe{
	background:#fff;
}
.mfp-vguide .mfp-content{
	max-width: 1280px;
}
.card{box-shadow:none; border-radius: 20px; ;}

/* tr 하위 td 폰트 볼드*/
.td_bold > td{
	font-weight:bold;
}

/* 드레그 안되게 */
.not_drag{
	/*user-drag: none !important;*/
	-webkit-user-drag: none !important;
	user-select: none !important;
	-moz-user-select: none !important;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
}
.not_drag *{
	/*user-drag: none !important;*/
	-webkit-user-drag: none !important;
	user-select: none !important;
	-moz-user-select: none !important;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
}
/*페이징*/
.pagination {
  margin:0;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

/*보고서 인벤토리 불러오기시*/
.mfp-inventory .mfp-iframe-scaler iframe{
	background:#fff;
}
/*말줄임 ch는 글자수*/
.ellipsis_45{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:45ch;}
/* 목차 */
#multi-level-drop{max-width:100%;}
/* 페이징 */
#pagination ul{padding-inline-start:0px;}
.pg_container{ margin:0 auto 1rem auto;}
@media (max-width: 768px) {
	.pg_container{ margin:1rem auto;}
	#pagination{ margin:1rem auto;}
}
/*로딩바*/
#loading{
	position:fixed; left:0; top:0; right:0; bottom:0; align-items: center; display:none; z-index:99999;
}
/* 드레그앤드롭 */
[draggable] {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	/* Required to make elements draggable in old WebKit */
	-khtml-user-drag: element;
	-webkit-user-drag: element;
}

/* 설정 - 토픽설정 */
.topic_sett_tab{ box-sizing: border-box; width: 100%; padding: 0; margin: 0; margin-bottom:1.5rem;}
.topic_sett_tab .col-md-5.border.p-0{overflow-y: auto; }
.topic_sett_tab .nav.nav-tabs-custom{border-bottom:0; flex-direction: column;max-height:350px; flex-wrap: nowrap; }
.topic_sett_tab .nav.nav-tabs-custom .nav-item .nav-link::after{ height: 2px;}


/* 설정 - 인벤토리 */
.contents-list{display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
padding-left:0;
margin-bottom:0;
list-style:none; color:#384250; border:1px solid #ced4da; border-radius:0.25rem; padding:0;}








/* START TOOLTIP STYLES */
[tooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  
  /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}



/*검색결과*/
.search_list_item_content{
	margin:10px auto;
	font-size:12px; .
	line-height:1.6; 
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */
	-webkit-box-orient: vertical;
	overflow: hidden;  
}

/*PDF출력*/
.ftitle{ font-size:13px; font-weight:bold; margin-bottom:10px;}
.fdesc{ font-size:12px; display:flex;}
.fdesc+.fdesc{margin-top:5px;}
.fdesct{ font-weight:bold; min-width:60px;}
.fhr{border-top: 2px solid rgba(0, 0, 0, 0.45);}

/*인터렉티브가이드*/
.interactive_guide{
	width:280px;
	height:140px;
	/*position:relative;*/
	position:absolute;
	top:460px;
	left:0;
}
.interactive_guide:after{
	content:'';
	width:8px;
	height:8px;
	position:absolute;
	right:0;
	top:0;
	border:1px solid #3aae49;
	border-left:0;
	border-bottom:0;
	border-top-right-radius:4px;
}
.interactive_guide:before{
	content:'Interactive Guide';
	font-size:12px;
	font-weight:bold;
	line-height:11px;
	position:absolute;
	left:0;
	top:-6px;
}
.interactive_guide > .idesc{
	width:250px;
	font-size:11px;
	line-height:14px;
	padding:15px 0 30px 4px;
	word-break: keep-all;
}
.interactive_guide > .ttt{
	height:0px;
	left:108px;
	right:4px;
	top:0;
	border-top:1px solid #3aae49;
	position:absolute;
}
.interactive_guide > .ttt:before{
	content:'';
	height:4px;
	width:4px;
	border:1px solid #3aae49;
	border-radius:50%;
	left:-3px;
	top:-3.5px;
	position:absolute;
}
.interactive_guide > .rrr{
	width:0px;
	right:0;
	top:4px;
	bottom:4px;
	border-right:1px solid #3aae49;
	position:absolute;
}
.interactive_guide > .rrr:before{
	content:'';
	height:4px;
	width:4px;
	border:1px solid #3aae49;
	border-radius:50%;
	right:-2px;
	bottom:-4px;
	position:absolute;
}
.interactive_guide > .iitems{
	position:absolute;
	bottom:10px;
	left:0;
	right:0;
	display:flex;
	justify-content:space-around;
}
.interactive_guide > .iitems > .iitc{
	width:1px;
	background:#ccc;
}
.interactive_guide > .iitems .it{
	display:flex;
}
.interactive_guide > .iitems .it+.it{
	margin-top:10px;
}
.interactive_guide > .iitems .it > .img > img{
	vertical-align: middle;
}
.interactive_guide > .iitems .it > .img{
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ddd;
	margin-right:8px;
}
.interactive_guide > .iitems .it > .txt{
	font-size:11px;
	line-height:24px;
}



/* 중대성 평가 */

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('/resources/assets/fonts/Pretendard-Bold.eot');
    src: url('/resources/assets/fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('/resources/assets/fonts/Pretendard-Bold.woff2') format('woff2'),
        url('/resources/assets/fonts/Pretendard-Bold.woff') format('woff'),
        url('/resources/assets/fonts/Pretendard-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard-Black';
    src: url('/resources/assets/fonts/Pretendard-Black.eot');
    src: url('/resources/assets/fonts/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
        url('/resources/assets/fonts/Pretendard-Black.woff2') format('woff2'),
        url('/resources/assets/fonts/Pretendard-Black.woff') format('woff'),
        url('/resources/assets/fonts/Pretendard-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('/resources/assets/fonts/Pretendard-ExtraLight.eot');
    src: url('/resources/assets/fonts/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/resources/assets/fonts/Pretendard-ExtraLight.woff2') format('woff2'),
        url('/resources/assets/fonts/Pretendard-ExtraLight.woff') format('woff'),
        url('/resources/assets/fonts/Pretendard-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('/resources/assets/fonts/Pretendard-ExtraBold.eot');
    src: url('/resources/assets/fonts/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/resources/assets/fonts/Pretendard-ExtraBold.woff2') format('woff2'),
        url('/resources/assets/fonts/Pretendard-ExtraBold.woff') format('woff'),
        url('/resources/assets/fonts/Pretendard-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('/resources/assets/fonts/Pretendard-Regular.eot');
    src: url('/resources/assets/fonts/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('/resources/assets/fonts/Pretendard-Regular.woff2') format('woff2'),
        url('/resources/assets/fonts/Pretendard-Regular.woff') format('woff'),
        url('/resources/assets/fonts/Pretendard-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('/resources/assets/fonts/Pretendard-Light.eot');
    src: url('/resources/assets/fonts/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
        url('/resources/assets/fonts/Pretendard-Light.woff2') format('woff2'),
        url('/resources/assets/fonts/Pretendard-Light.woff') format('woff'),
        url('/resources/assets/fonts/Pretendard-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard-Thin';
    src: url('/resources/assets/fonts/Pretendard-Thin.eot');
    src: url('/resources/assets/fonts/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
        url('/resources/assets/fonts/Pretendard-Thin.woff2') format('woff2'),
        url('/resources/assets/fonts/Pretendard-Thin.woff') format('woff'),
        url('/resources/assets/fonts/Pretendard-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('/resources/assets/fonts/Pretendard-SemiBold.eot');
    src: url('/resources/assets/fonts/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/resources/assets/fonts/Pretendard-SemiBold.woff2') format('woff2'),
        url('/resources/assets/fonts/Pretendard-SemiBold.woff') format('woff'),
        url('/resources/assets/fonts/Pretendard-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Pretendard';
    src: url('/resources/assets/fonts/Pretendard-Medium.eot');
    src: url('/resources/assets/fonts/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('/resources/assets/fonts/Pretendard-Medium.woff2') format('woff2'),
        url('/resources/assets/fonts/Pretendard-Medium.woff') format('woff'),
        url('/resources/assets/fonts/Pretendard-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


.setting_step_top,body,table{font-family:"Pretendard Variable", Pretendard; letter-spacing: -1px;}
.setting_step_top select{ border-radius: 50px; max-width: 100px; color:#f8572d; border:0}
.setting_wp{min-height: 700px; padding: 50px; background:url(/resources/assets/images/setting_main_img.png) no-repeat right 50px bottom 50px ; display: flex; justify-content: flex-start; flex-direction: column;background-size: 75vh;}
.setting_wp .setting_txt{ font-size: 1.2rem;}
.setting_wp .setting_txt h2{padding-bottom: 40px; font-weight: bold;}
.setting_wp .btn-org{margin-top: 50px;  display: flex;  border-radius: 50px;  font-size: 1.2rem;  position: relative;  min-width: 255px;  height: 50px; display: flex;  align-items: center;  padding-left: 30px;}
.setting_wp .btn-org img{background: #fff; border-radius: 50px; margin-left: 10px;width: 38px; height: 38px; padding: 5px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%);}
.font-style-normal{font-style:normal !important;}

.setting_step_lst_wp { display: flex; justify-content: center; }
.setting_step_lst_wp .card-body{ width: 300px; display: flex; flex-direction: column; align-items: center; padding: 0; }
.setting_step_lst_wp .card-body{  display: flex; flex-direction: column; align-items: center; padding: 0;  max-width: 320px; border-right:1px solid #ddd !important;}
.setting_step_lst_wp .card-body .card-title{font-weight:700; font-size: 1.32em; letter-spacing: -1px; padding:0 0 7px 4px;}
.setting_step_lst_wp .card-body .card-title em{font-size: 1.07em; font-style: normal;}
.setting_step_lst_wp .card-body .card-title img{position:relative;left:-4px;}
.setting_step_lst{padding: 0;overflow: hidden; display: flex; flex-direction: column; width: 100%; box-sizing: border-box; margin: 0;}
.setting_step_lst li{ list-style: none; }
.setting_step_lst li span{ float: left; background:url(/resources/assets/images/setting_step_off.png) no-repeat; width: 64px; height: 84px; color: #fff; font-size: 1.2rem; font-weight: bold; text-align: center; line-height: 18px; padding-top: 12px;}
.setting_step_lst li span small{font-size:0.8rem; display: block;}
.setting_step_lst li.on span{background:url(/resources/assets/images/setting_step_on.png) no-repeat;}
.setting_step_lst li.last span{background:url(/resources/assets/images/setting_step_last.png) no-repeat;}
.setting_step_lst li.last.on span{background:url(/resources/assets/images/setting_step_last2.png) no-repeat;}
.setting_step_lst li p{float: left; padding: 20px 0 0 15px; color:#9F9FA0; font-size: 1rem;}
.setting_step_lst li.on p{color:#1E1E1E}

.card-body .btn.dropdown-toggle{border-radius:50px; padding: 10px 20px;}
.card-body .btn.dropdown-toggle i{ margin-left: 15px;}
@media (max-width: 1200px) {
.setting_step_lst_wp .card-body{max-width:100%}
.setting_step_lst_wp .card-body.border-right{border-right:0 !important}
.setting_step_lst{ flex-direction: row;flex-wrap: wrap}
.setting_step_lst li:first-child {width:100%  !important}
.setting_step_lst li{text-align:center; float:none; width: 20%; padding: 20px 0 0 0;}
.setting_step_lst li p{float:none; padding-left: 0; }
.setting_step_lst li span{ margin: 0 auto; background:url('/resources/assets/images/setting_step_last.png') no-repeat; float:none}
}

.setting_step_all{color:#1E1E1E; font-size: 0.9rem;}
.setting_step_all > button{ border-radius: 50px; width:150px; text-align: left; padding: 10px 20px; display: flex; justify-content: space-between; align-items: center;}
.setting_step_all > .btn{ border-radius: 50px; margin-right: 5px; width:auto; max-width:150px }
.setting_step_all > .btn i{ padding-left: 10px; }
.setting_step_all > .btn:last-child{  margin-right: 0px !important;}
.setting_step_all .col-xl-9 .card-title{color:#F8572D; font-size:1.563rem; font-weight:bold; margin-bottom: 20px; display: flex; align-items: center; }
.setting_step_all .col-xl-9 .card-title span{font-size:15px; color:#1E1E1E; font-weight: normal; margin-left: 10px;}
.setting_step_all .col-xl-9 .card-title b{font-weight:800;font-size:1.04em;margin-right:10px;}
.setting_step_all .ft_bt_wp .btn{ border-radius: 50px; padding: 5px 20px; min-width:87px;height:35px; font-size:1rem;margin-left:13px; display: inline-flex; align-items: center;justify-content: center;}
.setting_step_all .ft_bt_wp .btn.btn-org{ color:#fff;}
.setting_step_all_02 .table.setp_table .btn{min-height:22px;justify-content: center;height:auto;}
.form-control{/*background:#fff url('/resources/assets/images/select-arrow-01.png') no-repeat right 12px center;*/min-width:90px;-webkit-appearance: none; -moz-appearance: none; appearance: none; padding:0 16px; font-weight:bold;}
select.form-control{background:#fff url('/resources/assets/images/select-arrow-01.png') no-repeat right 12px center;}


.btn-org {color: #fff;background-color: #f8572d;border-color: #f8572d; }
.btn-org.btn-org-line {color: #1E1E1E;background-color: #ffff;border-color: #f8572d; }
.btn-org:hover {color: #fff;background-color: #ea4d24;border-color: #ea4d24; }
.btn-org:focus, .btn-org.focus {color: #fff;background-color: #ea4d24;border-color: #ea4d24;-webkit-box-shadow: 0 0 0 0.15rem rgba(246,85,53, 0.5);box-shadow: 0 0 0 0.15rem rgba(246,85,53,0.5); }
.btn-org:not(:disabled):not(.disabled):active, .btn-org:not(:disabled):not(.disabled).active,.show > .btn-org.dropdown-toggle {color: #fff;background-color: #ea4d24;border-color: #ea4d24; }
.btn-org:not(:disabled):not(.disabled):active:focus, .btn-org:not(:disabled):not(.disabled).active:focus,
.show > .btn-org.dropdown-toggle:focus {-webkit-box-shadow: 0 0 0 0.15rem rgba(246,85,53,0.5);box-shadow: 0 0 0 0.15rem rgba(246,85,53,0.5); }
.btn-org2{color: #fff;background-color: #FCBCAB;border-color: #FCBCAB; }
.btn-org2:hover {color: #fff;background-color: #ff8c73;border-color: #fd9078; }
.btn-org2:focus, .btn-org2.focus {color: #fff;background-color: #ff8c73;border-color: #fd9078;-webkit-box-shadow: 0 0 0 0.15rem rgba(255,177,160, 0.5); box-shadow: 0 0 0 0.15rem rgba(255,177,160,0.5); }
.btn-org2:not(:disabled):not(.disabled):active, .btn-org2:not(:disabled):not(.disabled).active,.show > .btn-org2.dropdown-toggle {color: #fff;background-color: #d9078;border-color: #fd9078; }
.btn-org2:not(:disabled):not(.disabled):active:focus, .btn-org2:not(:disabled):not(.disabled).active:focus,
.show > .btn-org2.dropdown-toggle:focus {-webkit-box-shadow: 0 0 0 0.15rem rgba(255,177,160,0.5);box-shadow: 0 0 0 0.15rem rgba(255,177,160,0.5); }

.btn.btn-gry{color: #fff;background-color: #B4B4B4;border-color: #B4B4B4; }
.btn.btn-gry:hover{color: #fff;background-color: #888;border-color: #888; }
.btn.btn-gry:focus, .btn.btn-gry.focus {color: #fff;background-color: #888;border-color: #888;-webkit-box-shadow: 0 0 0 0.15rem rgba(136,136,136, 0.5);box-shadow: 0 0 0 0.15rem rgba(136,136,136, 0.5); }
.btn.btn-gry:not(:disabled):not(.disabled):active, .btn.btn-gry:not(:disabled):not(.disabled).active,.show > .btn.btn-gry.dropdown-toggle {color: #fff;background-color: #d9078;border-color: #aaa; }
.btn.btn-gry:not(:disabled):not(.disabled):active:focus, .btn.btn-gry:not(:disabled):not(.disabled).active:focus,
.show > .btn.btn-gry.dropdown-toggle:focus {-webkit-box-shadow: 0 0 0 0.15rem rgba(136,136,136, 0.5);box-shadow: 0 0 0 0.15rem rgba(136,136,136, 0.5); }

.btn-wit{ background: #fff; border: 1px solid #000; color:#444}

.font-14-rem{font-size:0.875rem;}
.font-15-rem{font-size:0.938rem;}
.font-18-rem{font-size:1.125rem;}
.font-20-rem{font-size:1.25rem;}
.font-weight-300{font-weight:300 !important;}
.font-weight-400{font-weight:400 !important;}
.font-weight-500{font-weight:500 !important;}
.padding-40-rem{padding:2.5rem;}
.padding-bottom-20{padding-bottom:20px !important;}
.padding-top-10{padding-top:10px;}
.padding-top-20{padding-top:20px;}
.padding-top-30{padding-top:30px;}
.padding-top-40{padding-top:40px;}
.border-color-cccdcf{border-color:#cccdcf !important;}
.color-2B2E34{color:#2B2E34 !important;}
.step-button-box button{min-width:196px;height:50px;border-color:#6F7175;display: flex; align-items: center; justify-content: space-between;}
.step-button-box button span{color:#1e1e1e;}
.width-100{width:100%;}
.align-center{align-items: center;}
.font-setting-01{color:#959595;font-weight:500; border-radius:10px; padding:14px 30px; box-sizing:border-box;}
.font-setting-02{font-size: 28.56px; font-weight: 800;}
.font-setting-03{font-size:20.16px;}
.font-setting-03 img{margin-right:10px;width:27px;height:27px;}
.justify-between{justify-content:space-between;}
.d-md-flex{display:flex;}
.font-setting-05{padding-left:20px;font-size:1rem;}

/* 스텝2 step2 */
.step02-modal-center{}
.step02-modal-center ul{ overflow: hidden;padding: 0; }
.step02-modal-center ul li{ float: left; list-style: none; padding: 0.4rem 1.3rem; margin: 0; background: #F2F2F2; color: #F25B2B; border-radius: 50px; margin-right: 10px; font-size: 15px;}
.w-15{ width: 4rem; margin: 0 auto;}
.modal_p_wp{ max-height: 250px; overflow-y: scroll; border: 1px solid #f1f1f1; padding: 15px; box-sizing: border-box;margin:0}
.img-setting-01{height:20px;margin:0 5px;}

/* 스텝3 step3 */
.topic_list_wp{ margin-bottom: 2.25rem;}
.topic_list_wp .col-lg-4{width:306px;}
.topic_list_wp .col-lg-4 .min-height400{min-height:400px; height:100%}
.topic_list_wp .col-lg-4 .setting_topic_tit{ padding: 0 0 10px; margin-bottom: 10px ;font-size: 1.25rem; font-weight: bold; }
.topic_list_wp .col-lg-4 .topic_list_txt{    margin-bottom: 60px;}
.topic_list_wp .col-lg-4 .topic_list_txt .custom-control{ padding: 0.5rem 0 0.5rem 1.5rem; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; font-size: 0.938rem;}
.topic_list_wp .col-lg-4 .topic_list_txt img{width:1.125rem;cursor: pointer;}
.topic_list_wp .col-lg-4:nth-child(1) .setting_topic_tit{color:#6CB586; border-bottom:2.5px solid #6CB586}
.topic_list_wp .col-lg-4:nth-child(2) .setting_topic_tit{color:#5F9CA3; border-bottom:2.5px solid #5F9CA3}
.topic_list_wp .col-lg-4:nth-child(3) .setting_topic_tit{color:#5673DF; border-bottom:2.5px solid #5673DF}
.topic_list_wp .custom-control-input:checked ~ .custom-control-label::before{ border-radius: 50px; border-color: #757677; background-color: #757677;}
.topic_list_wp .custom-checkbox .custom-control-label::before{ border-radius: 50px;}

.custom-checkbox-01{    padding: 0.5rem 0 0.5rem 1.875rem !important;}
.custom-checkbox-01 .custom-control-label{padding:0; color:#1E1E1E;font-size: 15px; font-weight: 400;}
.custom-checkbox-01 .custom-control-label::before, .custom-checkbox-01 .custom-control-label::after{width: 1.25rem; height: 1.25rem; top: 50%; left: -1.875rem; transform: translateY(-50%);}
.custom-checkbox-02 label{height:auto;}

.topic_list_wp .col-lg-4 .topic_list_txt .topic_list{ font-weight: 500;  padding:0.5rem 0;border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; font-size: 15px; display:flex;}
.topic_list_wp .col-lg-4 .topic_list_txt .topic_list .topic_txt{display:flex;align-items: flex-start;}
.topic_list_wp .col-lg-4 .topic_list_txt span{margin-left: 0; cursor: pointer; display:flex;}
.topic_list_wp .col-lg-4 .topic_list_txt span:nth-child(1){}
.topic_list_wp .col-lg-4 .topic_list_txt span:nth-child(2){position:relative;top:-2px;padding-left:10px;}
.topic_list_wp .col-lg-4 .topic_list_txt .topic_list .topic_icon{display:flex;}
.topic_list_wp .col-lg-4 .topic_list_txt .topic_list .topic_icon a:nth-child(1){ background:url('/resources/assets/images/setting_md_icon.png') no-repeat center center; width: 18px; height: 18px; display: inline-block; background-size: 100%;}
.topic_list_wp .col-lg-4 .topic_list_txt .topic_list .topic_icon a:nth-child(1):hover{ background:url('/resources/assets/images/setting_md_icon_on.png') no-repeat center center; width: 18px; height: 18px; display: inline-block; background-size: 100%}
.topic_list_wp .col-lg-4 .topic_list_txt .topic_list .topic_icon a:nth-child(2){background:url('/resources/assets/images/setting_del_icon.png') no-repeat center center; width: 18px; height: 18px; display: inline-block; background-size: 100%;margin-left:4px;}
.topic_list_wp .col-lg-4 .topic_list_txt .topic_list .topic_icon a:nth-child(2):hover{background:url('/resources/assets/images/setting_del_icon_on.png') no-repeat center center; width: 18px; height: 18px; display: inline-block; background-size: 100%;}
.topic_list_wp .col-lg-4 .add_icon{background:url('/resources/assets/images/setting_plus_icon.png') no-repeat center center; width: 40px; height: 40px; display: inline-block; background-size: 100%;  position: absolute; bottom: 20px; text-align: center; margin-left: 50%; left: -20px;}
.topic_list_wp .col-lg-4 .add_icon:hover{background:url('/resources/assets/images/setting_plus_on.png') no-repeat center center;width: 40px; height: 40px; display: inline-block; background-size: 100%;  }
.step-4-box .col-7-new{width:610px;}
.step-4-box .col-5-new{width:265px;}
.step-5-button-box a{min-width:100px;height:36px;margin-left:10px;font-size:16px;border-radius:10px;}

/*설문진행*/
.topic_list_wp .col-lg-4.black .setting_topic_tit{ color: #1E1E1E; border-bottom: 2.5px solid #1E1E1E; padding-top:0}
.topic_list_wp .col-lg-4.black p{ min-height: 70px;}
.topic_list_wp .step04-bt-wp .btn{ min-width: 100%; padding: 10px 6%; border-radius: 50px;font-size:14px;}
.topic_list_wp .step04-bt-wp .col-6{margin:0 auto;padding:0;flex:0 0 31%;max-width:none;}
.topic_list_wp .step04-bt-wp.button-3-group{justify-content: space-between;  margin: 0;}
.topic_list_wp .step04-bt-wp.button-3-group .col-6{flex: 0 0 31%;padding:0;margin:0;}
.topic_list_wp .step04-bt-wp.button-3-group .col-6 .btn{font-size:14px;}

.step_bar_wp{}
.step_bar_wp .card-body{padding:2.5rem 2.5rem 1.125rem 2.5rem;}
.step_bar_wp .col-lg-4 li{ list-style: none; float: left; text-align: center; font-size: 11px;}
.step_bar_wp .col-lg-4:nth-child(1) .bar_graph span{background:#6CB586}
.step_bar_wp .col-lg-4:nth-child(2) .bar_graph span{background:#5F9CA3}
.step_bar_wp .col-lg-4:nth-child(3) .bar_graph span{background:#5673DF}
.step_bar_wp .col-lg-4 .bar_graph{overflow:hidden; height: 150px; display: flex; align-items: flex-end; border-bottom: 1px solid #ddd; padding: 0 5%;margin:26px 0 0;}
.step_bar_wp .col-lg-4 .bar_graph li{ display: flex; align-items: flex-end;}
.step_bar_wp .col-lg-4 .bar_graph li span{ width: 70%; max-width: 30px ; display: block; height: 100%; margin: 0 auto; border-radius: 5px 5px 0 0; padding:5px;color: #fff; min-height:24px;}
.bar_graph6 li{ width: 16.666666%;} 
.bar_graph4 li{ width: 25%;}
.bar_graph5 li{ width: 20%;}
.step_bar_wp .col-lg-4 .bar_graph_txt{overflow:hidden; padding:  0 3%; min-height: 60px}
.step_bar_wp .col-lg-4 .bar_graph_total{ background: #fff; padding: 10px 0; width: 100%; text-align: center; border-radius: 50px; margin-bottom: 50px; font-size:16px; letter-spacing:-1px;}
.step_bar_wp .col-lg-4 .bar_graph_total span{ color:#F8572D; padding-left: 5px;}

.gray-box-01{background:#f3f4f6 url(/resources/assets/images/qus_ex_icon.png) no-repeat right 20px center;background-size:65px;padding:24px;box-sizing:border-box;font-size:14.5px;border-radius:15px;}
.gray-box-01 p{padding-left:11px;line-height:normal;}
.line-box-01{padding:30px;box-sizing:border-box;}
.line-box-01 > p{padding:0 0 20px;font-size:16.32px;font-weight:700;letter-spacing:-0.5px;}
.line-box-01 .col-lg-2{padding:0;}
.setting_result_all .topic_list_wp .col-lg-4 .line-box-02{border-radius:10px;border:1px solid #ddd;padding:30px;box-sizing:border-box;margin:0;max-height:420px;}
.setting_result_all .topic_list_wp .col-lg-4 .line-box-02 .card-body{padding:0;}
.setting_result_all .topic_list_wp .col-lg-4 .line-box-02 .setting_topic_tit{font-size: 17px; letter-spacing:-1px;}
.setting_result_all .topic_list_wp .col-lg-4 .line-box-02 .topic_list_txt .topic_list{font-size: 13px;  height: 32px;  padding: 0;  display: flex;  align-items: center;  font-weight: 600;}
.margin-top-20{margin-top:20px;}
.margin-top-30{margin-top:30px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-bottom-40{margin-bottom:40px !important;}
.no-margin-box p{margin:0;}
.gray-box-02{margin:20px 0 0;padding:30px;box-sizing:border-box;}
.gray-box-03 p{line-height:1.7 !important;}
.gray-box-03 p:last-child{margin:0;}
.line-box-03{padding:36px;box-sizing:border-box;}
.padding-20-40-all{padding:20px 40px;box-sizing:border-box;}
.dropdown-menu{width:100%;}
.bg-none{background:none !important;}
.text-align-center{text-align:center;}
.click-box-01{cursor:pointer;}

/* 중대성 평가 결과 */
.setting_step_all .form-group{ display: flex; justify-content: center; align-items: center;margin:0}
.setting_step_all .form-group .btn-primary{ background: #fff; border: 1px solid #ced4da; width: 25px; color: #6e747c; text-align: center; height:16px;}
.setting_step_all .form-group .btn-primary.bootstrap-touchspin-up{border-bottom:0;}
.setting_step_all .form-group .form-control {border-radius: 0; border-right: 0; height: 32px; width:40px; padding: 0 0 0 10px;}
.setting_step_all .form-group .touchspin-wp { /* width: 40%; */ display: flex; flex-direction: column; justify-content: center;}
.setting_step_all .form-group .touchspin-wp i{ padding: 0; width: 23px; display: block; margin: 0;font-size: 10px; height: 16px; display: flex; align-items: center; justify-content: center;}

.setting_step_all .table th{ text-align: center; padding:0.85rem 0; border-top:0; color: #1E1E1E; border-bottom: 2px solid #1E1E1E; line-height: 16px;}
.setting_step_all .table td{ text-align: center; padding: 10px; vertical-align: middle; color: #1E1E1E; font-weight:500; font-size:15px;}
.setting_step_all .table td:nth-child(3){ text-align: left; }
.setting_step_all .table.table02 td:nth-child(2){ text-align: left; }
.setting_step_all .table.table02 td:nth-child(3){ text-align: center; }
.setting_step_all .point01{background:#FA7957 !important; color:#fff !important;}
.setting_step_all .point02{background:#FCBCAB !important; color:#fff !important;}
.setting_step_all .point03{background:#B4B4B4 !important; color:#fff !important;}


.setting_step_all .table td:first-child{}
.setting_step_all .table.color_ver tr td:nth-child(2){text-align:left}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{color: #fff; background-color: #ced4da; border-color: #ced4da;}
.table.setp_table{}
.table.setp_table .btn{min-width: 105px; max-width:105px; height: 32px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px;font-weight:500; font-size:14px; letter-spacing:-1px;}
.table.setp_table .btn.btn-org{background-color: #FA7957;  border-color: #FA7957;}
.table.setp_table.popup .btn-group .btn{border-radius:50px; padding: 0; margin: 0.05rem 0;}
.setting_result_all .table.popup tr td{padding: 0 1rem; font-size: 0.8rem; font-weight:600;}
.setting_result_all .table.popup tr th{padding: 0.2rem 1rem; font-size: 0.9rem;}
.setting_result_all .table.popup tr:last-child td{border-bottom:1px solid #ABAAAA;}
.table.color_ver.popup{   height: 610px; margin: 0;}
.step-4-box .table.color_ver.popup{height:455px;}
.step-5-table tr:last-child td{border-bottom:1px solid #ddd !important;}
.setting_step_all .step-5-table-02 td{font-size:14px;}
.shadow-box-01{box-shadow: 0 5px 4px rgba(0,0,0,0.1); border-radius: 20px;}

/* 중대성 평가 그래프 */
.step5_graph_wp{background:url('/resources/assets/images/setting_step5_gh.png') no-repeat; background-size: contain; aspect-ratio: 1/1; margin-top: 3.4rem; }
.step5_graph_wp ul{ position: relative; aspect-ratio: 1/1; width: 89%; height: 82%; margin: 0; padding: 0; left: 7%; top: 4%;}
.step5_graph_wp ul li{ list-style: none; position: absolute; background: #b4b4b4; color: #fff; width:20px; height:20px; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 12px;}
.step5_graph_wp ul li.overlapped{border: 3px solid #fff; box-sizing: content-box; position:absolute;}
.step5_graph_wp ul li.overlapped::after{content: ''; position: absolute; width: 24px; height: 24px; border: 1px solid #fa7957; border-radius: 100%;}
.step5_graph_wp ul li.overlapped.high::after{border: 1px solid #fa7957;}
.step5_graph_wp ul li.overlapped.medium::after{border: 1px solid #fcbcab;}
.step5_graph_wp ul li.overlapped.low::after{border: 1px solid #b4b4b4;}
.step5_graph_wp ul li.overlapped02{border: 3px solid #fff; box-sizing: content-box; position:absolute;}
.step5_graph_wp ul li.overlapped02::after{content: ''; position: absolute; width: 24px; height: 24px; border: 1px solid #0182c4; border-radius: 100%;}
.step5_graph_wp ul li.overlapped03{border:1px solid #fff;box-sizing: content-box;}
.step5_graph_wp.step5_graph_wp2{width:100%; height: 457px; background:url('/resources/assets/images/setting_step5_gh2.png') no-repeat; background-size: 100%; margin:0 }/*결과 페이지 그래프*/
.step5_graph_wp2 ul li{border:1px solid #fff;}
.step5_graph_wp2 ul li.overlapped{border: 3px solid #fff; box-sizing: content-box; position:absolute;}
.step5_graph_wp2 ul li.overlapped::after{content: ''; position: absolute; width: 24px; height: 24px; border: 1px solid #fff; border-radius: 100%;}
.step5_graph_wp2 ul li.overlapped03.high::after{border: 1px solid #0082c4;}
.step5_graph_wp2 ul li.overlapped03.medium::after{border: 1px solid #7faad8;}
.step5_graph_wp2 ul li.overlapped03.low::after{border: 1px solid #bbbbbb;}
.step5_graph_wp2 ul li.overlapped02{border: 3px solid #fff; box-sizing: content-box; position:absolute;}
.step5_graph_wp2 ul li.overlapped02::after{content: ''; position: absolute; width: 24px; height: 24px; border: 1px solid #0182c4; border-radius: 100%;}
.step5_graph_wp2 ul li.overlapped03{border:1px solid #fff;box-sizing: content-box;}


.setting_step_body{padding:4.375rem}
.setting_step_body > .row{ justify-content: center;}
.setting_step_body .col-xl-3-new{flex:0 0 18%;max-width: 18%;padding:0;}
.setting_step_body .col-xl-9-new{flex:0 0 82%;max-width: 82%;padding:0;}
.padding-left-50{padding:0 0 0 50px !important;}
.padding-30-all{padding:1.875rem !important;}


/* 중대성 평가 설문 보고서 팝업 */
.question_final_wp{background:url('/resources/assets/images/question_final_bg.png') no-repeat; background-size: cover; width: 100%; height:100%; min-height: 100vh; padding: 3.125rem 0 0;}
.question_final_wp .question_final_con{ margin: 0 auto; background: #fff; min-width: 880px; max-width:880px;width:50%; border-radius: 20px; box-shadow:0 0 10px rgba(0,0,0,.2); font-size:1rem; padding:3.75rem;}
.question_final_wp .question_final_con .row{width:100%; margin-right:auto;margin-left:auto;}
.question_final_wp .question_final_con .row.border{ border: 2px solid #e9ecef !important; border-radius: 20px; }
.question_final_wp .question_final_con .top_tit{font-size:1.563rem; padding: 0;}
.question_final_wp .question_final_con .top_tit span{width:150px;vertical-align: middle;  font-size:1.063rem; height:50px; background:#f25b2c; display: inline-block; text-align: center; color: #fff; line-height: 50px; border-radius:100px; margin-right:18px}

.question_final_wp .question_final_con .top_txt_wp {padding: 0;}
.question_final_wp .question_final_con .top_txt_wp b{}
.question_final_wp .question_final_con .table_tit{overflow:hidden; padding: 10px; background: #6e6e6e; color: #fff; border-radius: 10px;}
.question_final_wp .question_final_con .table_tit li{ list-style: none; float:left; width:12%; text-align: center;}
.question_final_wp .question_final_con .table_tit li:first-child{width:40%; text-align: left; padding-left: 15px;}
.question_final_wp .question_final_con .table_num{ width: 100%; padding: 10px; overflow:hidden; border:1px solid #eee; border-radius: 10px;}
.question_final_wp .question_final_con .table_num li {list-style:none; float: left; width:12%; text-align: center;}
.question_final_wp .question_final_con .table_num li:first-child{width:40%; text-align:left; padding-left: 15px;}
.question_final_wp .question_final_con .table_num li span.num{background:#a5aaae; cursor: pointer; color:#fff; font-size: 13px; width: 23px; height: 23px; display: inline-block; border-radius: 50px; margin: 0 auto;     display: flex; justify-content: center;  align-items: center;}
.question_final_wp .question_final_con .table_num li span.mobile_on{display:none}
.question_final_wp .question_final_con .table_num li span.num.on{background:#f15d33}

.question_final_wp .question_final_con .ft_bot{overflow: hidden; padding:0}
.question_final_wp .question_final_con .ft_bot li{ float: left; list-style: none; border-radius: 50px; border: 5px solid #eee; width: 1rem; height: 1rem; margin-right: 50px;}
.question_final_wp .question_final_con .ft_bot li.on{border: 5px solid #666; }
.question_final_wp .question_final_con .ft_bot li:after{content:""; display:block; width:37px; height:2px; background:#eee; margin: 4px 18px; position:relative; top:-2px;}
.question_final_wp .question_final_con .ft_bot li:last-child:after{display:none}
.question_final_wp .question_final_con .ft_bt_wp{display:flex; justify-content: flex-end;}
.question_final_wp .question_final_con .ft_bt_wp a{border-radius: 50px; min-width: 90px; height: 40px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; max-width: 90px; float: right; border-color:#a6a6a6;font-size:15px; margin-left:13px;}
.question_final_wp .question_final_con .ft_bt_wp a:hover{background:#f8572d; color:#fff; border:1px solid #f8572d; transition:all 0.5s; }
.question_final_wp .question_final_con .ft_bt_wp a.width-auto{min-width:Auto;max-width:none;}

.question_final_wp .custom-control-label{padding-left: 14px; display: flex; height: 26px; align-items: center;  font-size: 1.063rem;  line-height: normal;  padding-right: 24px; cursor:pointer;}
.question_final_wp .custom-control-input:checked ~ .custom-control-label::before{border-radius: 50px;width: 1.5rem; height: 1.5rem; border-color: #f15934;background-color: #f15934;}
/* .question_final_wp .custom-control-label::after{width: 1.5rem; height: 1.5rem; top: 0.08rem; left: -1.49rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ccd0d6' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } */
.question_final_wp .custom-control-label::after{width: 1.5rem; height: 1.5rem; top: 0.08rem; left: -1.49rem;  background: no-repeat center center;  background-image: url(/resources/assets/images/check02.png) !important;}
.question_final_wp .custom-checkbox .custom-control-label::before{ border-radius: 50px; width: 1.5rem; height: 1.5rem; background: #e9eef4; border:0; left:-1.5rem;}
.question_final_wp .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{background: #e9eef4;}
.question_final_wp .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background-image: url(/resources/assets/images/check01.png) !important;}

.footer-box{height: 130px;  display: flex;  align-items: center;  justify-content: center;  letter-spacing: -0.5px;  font-size: 14px;    padding-bottom: 12px;   box-sizing: border-box;}

/* 중대성 평가 결과 보고서 */
.setting_result_all{overflow:hidden;}
.setting_result_all .page_wp{overflow: hidden; margin: 0; margin-bottom:20px; background: #fff; width: 297mm;  height: 210mm; box-sizing: border-box;}
.setting_result_all .cover_wp{ width: 100%; }
.setting_result_all .cover_wp .cover_tit{ aspect-ratio: 20/11; color:#fff; background: #353535 url(/resources/assets/images/setting_rst_cover.png) no-repeat center right; background-size: 104%; position: relative;height:741px;width:100%;}
.setting_result_all .cover_wp .cover_tit h3{font-size:42.666666666666664px;font-weight: 700;  letter-spacing: -1px;margin:0;}
.setting_result_all .cover_wp .cover_tit .cover_tit_top{padding: 122px 0 0 74px;}
.setting_result_all .cover_wp .cover_tit .year{font-size:93.33333333333333px;}
.setting_result_all .cover_wp .cover_tit .company:before{width:50px; height:10px; background:#5d5d5d; content:""; display:block; border-radius:50px; margin-bottom: 14px;}
.setting_result_all .cover_wp .cover_tit .company{font-size:20px; padding: 0 0 0 74px; position: absolute; bottom: 9%}
.setting_result_all .cover_wp .cover_ft{ width: 100%; background:#f9f8f5;background-size: 100%; padding: 0 24px 0 74px; height: 53px; font-size: 11px;  line-height: normal; color:#3E3A39; display: flex; justify-content: space-between;  align-items: center;}
.setting_result_all .cover_wp .cover_ft p{line-height: normal; color: #777; font-size: 10px; letter-spacing: 0; font-weight: 200;}
.setting_result_all .cover_wp .cover_ft a{display: flex; justify-content: center; align-items: center;}
.setting_result_all .cover_wp .cover_ft span{letter-spacing:0; font-size: 11px; font-weight: 200;}
.setting_result_all .cover_wp .cover_ft em{display: flex; background: #f25b2b url(/resources/assets/images/pdf-logo.png) no-repeat center center; width: 44px; height: 18px; background-size: 26px; align-items: center; justify-content: center; border-radius: 25px; margin-left: 14px;}

.setting_result_all .page_in_wp{ position: relative; width: 100%;}
.setting_result_all .page_lnb{ position: relative; max-width: 122px;top: 0; background: #353535;height:100%;}
.setting_result_all .page_lnb img{height: 100%;}
.setting_result_all .page_lnb span{ position: absolute; bottom: 30px; color: #6d6a69; width: 100%; text-align: center; font-size: 16px;}
.setting_result_all .page_lnb div{position: absolute; bottom: 30px; color: #6d6a69; width: 100%; text-align: center; font-size: 16px;}
.setting_result_all .page_con{ position: absolute; width:100%; top: 0; z-index: 2; padding:58px 58px 0 170px;}
.setting_result_all .page_con .top_year{font-size: 12px;  background: #0182c4;  padding: 0 16px;  color: #fff;  border-radius: 50px; box-sizing: border-box;  height: 28px;  display: inline-flex;  justify-content: center;  font-weight: 500;  align-items: center;}
.setting_result_all .page_con .top_tit{font-size:30px;font-weight: 800; letter-spacing: -1px; margin: 0 0 40px; padding-top:10px !important;}
.setting_result_all .page_con .top_txt{font-size:16px; font-weight: 700; letter-spacing: -1px; line-height:1.4;}
.setting_result_all .page_con .top_txt02{padding:0 0 50px;margin:0;}
.setting_result_all .page_con .check-box{font-size:1.125rem; padding:30px; border-radius: 15px;}
.setting_result_all .page_con .check-box .height-90{height:90px;}
.setting_result_all .page_con .border-box{border:2px solid #ddd; border-radius: 10px;}
.setting_result_all .page_con .check-box a{margin-bottom:5px;    letter-spacing: -1px; font-weight: 500; display: flex; align-items: center;font-size:17px;}
/* .setting_result_all .page_con .check-box span{display:block;font-weight:500; display: flex;   align-items: center; font-size:14px; margin:0 0 5px;} */
.setting_result_all .page_con .check-box span.font-weight-semibold{    font-weight: 600 !important;}
.setting_result_all .page_con .check-box i{color:#0082c4; font-size:21px; vertical-align: middle; margin-right:10px;}
.setting_result_all .page_con .con_txt{font-size: 15px;  font-weight: 500;  letter-spacing: -.9px; color: #3e3a39;}
.setting_result_all .page_con .font-setting-04{font-size:1.25rem;font-weight:700;margin:0 0 20px;}
.setting_result_all .page_con .ft-img{width:100%;}
.setting_result_all .page_con .ft-img01{width:auto;height:208px;}
.setting_result_all .page_con .topic_txt_wp{border-bottom:2px solid #ddd ; padding-bottom:30px ;margin: 30px 30px 0 30px;}
.setting_result_all .page_con .topic_tit_ble{font-size: 22px; padding-bottom: 20px; letter-spacing: -1px; font-weight: 700; display: flex;  align-items: center;}
.setting_result_all .page_con .topic_tit_ble span{background: #0082c4; color: #fff; margin-right: 0.625rem; border-radius: 5px;  width: 76px;  height: 24px;  font-size: 12px;  display: inline-flex;  align-items: center;  justify-content: center;  font-weight: 500; letter-spacing: 0;}
.text-align-center{text-align:center !important;}

.setting_result_all .page_con{}
.setting_result_all .topic_list_wp .col-lg-4 .setting_topic_tit{ font-size: 1.25rem; border-width: 3px;}
.setting_result_all .topic_list_wp .col-lg-4 .topic_list_txt .topic_list{ font-size: 1.125rem;}
.setting_result_all .topic_list_wp .col-lg-4 .min-height400{ font-size: 1.125rem;}

.setting_result_all .total_gh{font-size:15px;}
.setting_result_all .total_gh div{padding:10px; background:#aaa; color:#fff;border-bottom:5px solid #7f7f81; margin-bottom:10px;background-color: #ababab;background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%237d7e81' fill-opacity='0.22' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");}
.setting_result_all .total_gh ul{padding: 0; overflow: hidden; display:flex;}
.setting_result_all .total_gh ul li{list-style: none; float: left;}
.setting_result_all .total_gh ul li:nth-child(1) span{background:#0082c4; color:#fff;}
.setting_result_all .total_gh ul li:nth-child(2) span{background:#5595ce; color:#fff;}
.setting_result_all .total_gh ul li:nth-child(3) span{background:#7faad8; color:#fff;}
.setting_result_all .total_gh ul li:nth-child(4) span{background:#afcaea;}
.setting_result_all .total_gh ul li:nth-child(5) span{background:#d3e1f3;}
.setting_result_all .total_gh ul li:nth-child(6) span{background:#e9f2fa;}
.setting_result_all .total_gh ul li span{ padding:10px;  width: 100%; display: block; background: #ddd;}
.setting_result_all .total_gh ul li p:before{ content:""; width:1px; height:20px; display:block; background:#ddd}
.setting_result_all .total_gh ul li p{ font-size: 0.875rem; padding-top: 10px; line-height:1.5; margin:0; color:#595757; font-weight:500;}
.setting_result_all .total_gh ul li p em{font-style:normal;font-weight:400;}

.setting_result_all .point01{background:#0082c4 !important; color:#fff !important;}
.setting_result_all .point02{background:#7faad8 !important; color:#fff !important;}
.setting_result_all .point03{background:#bbbbbb !important; color:#fff !important;}
.setting_result_all .table th{border-top:2px solid #1E1E1E}
.setting_result_all .table td{ font-size:1rem; padding: 5px;}
.pc-display-none{display:none !important;}
.pc-display-block{display:block !important;}

.loader-box{background: rgba(0, 0, 0, 0.5);position: fixed;left: 0;top: 0;bottom: 0;right: 0;z-index: 9999;overflow: hidden;width: 100%;height: 100vh;}
.profile-main-loader{left: 50% !important;position: fixed !important;top: 50% !important;margin-top: -50px;width: auto;z-index: 9000 !important;transform: translateX(-50%);}
.profile-main-loader .loader {position: relative;margin: 0px auto;width:74px;height:74px;border-radius: 25px;background:#fff;}
.profile-main-loader .loader:before {content: '';display: block;padding-top: 100%;}
.profile-main-loader p{color:#fff;margin:20px 0 0;letter-spacing:0;font-size:16px;}
.circular-loader {-webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 54px; -webkit-transform-origin: center center; -ms-transform-origin: center center;transform-origin: center center;width: 54px;position: absolute;top: 50%;left: 50%;    margin: -27px 0 0 -27px;z-index:5;}
.loader-path {stroke-dasharray: 150,200;stroke-dashoffset: -10;-webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;stroke-linecap: round; stroke-width: 4px;}
.loader-bg{width: 47px;height: 47px;border: 4px solid #e3e3e3;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);box-sizing: border-box;z-index: 3;}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
@-webkit-keyframes color {
  0% {
    stroke: #ff8762;
  }
  40% {
    stroke: #ff8762;
  }
  66% {
    stroke: #f86d44;
  }
  80%, 90% {
    stroke: #f76e42;
  }
}
@keyframes color {
  0% {
    stroke: #ff8762;
  }
  40% {
    stroke: #ff8762;
  }
  66% {
    stroke: #f86d44;
  }
  80%, 90% {
    stroke: #f76e42;
  }
}


.loading-wave{vertical-align:middle;margin:auto !important;width: 23px;height: 22px;font-size: 0.8rem;display: inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.loading-wave > div {background-color: #f66f40;height: 100%;width: 4px;border-radius: 20px;display: inline-block;animation: stretchdelay 1.2s infinite ease-in-out; }
.loading-wave .rect2{animation-delay: -1.1s; }
.loading-wave .rect3{animation-delay: -1.0s; }
.loading-wave .rect4{animation-delay: -0.9s; }

.select-depth-box .lang-setting-box button{padding: 0;width: auto;min-width: auto;width: 34px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;margin-right: 10px;}
.select-depth-box .lang-setting-box button img{height:16px;}

.inventory-list-box .inventory-list-box-top .right p.rpt-button-wp{display:flex;}

@keyframes stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.2); }
  20% {
    transform: scaleY(0.7); } }

.report-new-con{position:relative;}
.report-new-con .btn-translate{position: absolute;right: 0;top: 10px;}
.report-new-con .btn-translate a{display:flex;width: 26px;height: 23px;background:url(/resources/assets/images/ai-01.png) no-repeat center center;}
.report-new-box-top .top-box02{}
.report-new-box-top .top-box02 .btn-translate{width:100px;height:34px;border:1px solid #bbb;box-sizing:border-box;margin-right:20px;border-radius:5px;padding:4px 8px;box-sizing:border-box;background:url(/resources/assets/images/ai-02.png) no-repeat center left 8px;}
.report-new-box-top .right .top-box02 .btn-translate p{font-size: 14px; font-weight: 500; letter-spacing: 0;padding-left:34px;color:#444;}

.lang-manage-box .modal-content .modal-head h5{border-bottom:0;padding:0;}
.lang-manage-box .modal-content .modal-head p{color:#999;font-size:14px;border-bottom:1px solid #999;padding:0 0 10px;margin:0 0 30px;}
.lang-manage-box ul{margin:0;}
.lang-manage-box .con-top p{color:#222;font-size:14px;}
.lang-manage-box .con-top p b{color:#f25b2b;}
.lang-manage-box .con-mid-01{margin:0 0 20px;}
.lang-manage-box .con-mid-01 a{display:flex;width:14px;height:13px;background:url(/resources/assets/images/ai-03.png) no-repeat center center;margin-left:10px;position:relative;top:-1px;}
.lang-manage-box .con-mid-01 a.on{background:url(/resources/assets/images/ai-04.png) no-repeat center center;}
.lang-manage-box .con-mid-01 > div{font-size:14px;color:#999; align-items: center;}
.lang-manage-box .con-mid-01 > div:first-child{width:180px; align-items: center;}
.lang-manage-box .con-mid-01 > div:last-child{width:calc(100% - 180px);padding-left: 28px; box-sizing: border-box;}
.lang-manage-box .con-mid-01 > div:last-child > div{width:33.3%; justify-content: center;display:flex;}
.lang-manage-box .con-mid-02 li{margin:0 0 10px;}
.lang-manage-box .con-mid-02 li:last-child{margin:0;}
.lang-manage-box .con-mid-02 li > div{display:flex; align-items: center;}
.lang-manage-box .con-mid-02 .item01{width: 180px;height: 40px;display: flex;background: #444;color: #fff;border-radius: 8px;padding: 0 12px;font-size: 14px;letter-spacing: -0.2px;}
.lang-manage-box .con-mid-02 .item02 a{width:16px;height:16px;background:url(/resources/assets/images/ai-12.png) no-repeat center center;}
.lang-manage-box .con-mid-02 .item03 a{width:17px;height:17px;background:url(/resources/assets/images/ai-06.png) no-repeat center center;}
.lang-manage-box .con-mid-02 .item04 a{width:12px;height:17px;background:url(/resources/assets/images/ai-09.png) no-repeat center center;}
.lang-manage-box .con-mid-02 .item03 a:hover{width:17px;height:17px;background:url(/resources/assets/images/ai-07.png) no-repeat center center;}
.lang-manage-box .con-mid-02 .item04 a:hover{width:12px;height:17px;background:url(/resources/assets/images/ai-10.png) no-repeat center center;}
.lang-manage-box .con-mid-02 .group{width: calc(100% - 180px); padding-left: 28px; box-sizing: border-box;}
.lang-manage-box .con-mid-02 .group div{width:33.3%; justify-content: center;display:flex;}
.lang-manage-box .con-mid-02 li.selected .item01{background:#f2f4f6 !important;color:#666 !important;}
.lang-manage-box .con-mid-02 li.selected .item02 a{background:url(/resources/assets/images/ai-11.png) no-repeat center center !important;}
.lang-manage-box .con-mid-02 li.selected .item03 a{background:url(/resources/assets/images/ai-05.png) no-repeat center center !important;}
.lang-manage-box .con-mid-02 li.selected .item04 a{background:url(/resources/assets/images/ai-08.png) no-repeat center center !important;}
.lang-manage-box .con-mid-02 li.select-box{margin:0 0 20px;}
.lang-manage-box .con-mid-02 li.select-box .item01{background:none;padding:0;}
.lang-manage-box .con-mid-02 li.select-box .item01 .dropdown{width:100%;height:100%;}
.lang-manage-box .con-mid-02 li.select-box .item01 .dropdown .btn{width: 100%;text-align: left;display: flex;justify-content: space-between;border: 1px solid #bbb;border-radius: 8px;height: 100%;align-items: center;font-size: 14px;color: #999;}
.lang-manage-box .con-bottom{display: flex;width: 100%;justify-content: center;margin: 0 0 30px;}
.lang-manage-box .con-bottom a{display:flex;width:26px;height:26px;background:url(/resources/images/dashboard-icon-25.png) no-repeat center center;}

body .rpt-sidebar-wp{z-index:1000;}
.rpt-sidebar-con-02 .nav-tabs-custom{justify-content: space-between;}
.rpt-sidebar-con-02 .nav-tabs-custom .nav-item:first-child{display: flex; align-items: center; padding: 0 20px; color: #444; font-size: 16px;width:auto;font-weight: 600;}
.rpt-sidebar-con-02 .nav-tabs-custom .nav-item:first-child img{margin-right:10px;}
.rpt-sidebar-con-02 .reply-top{justify-content: flex-start;border-bottom:1px solid #dfdfdf;}
.rpt-sidebar-con-02 .reply-top .reply-top-bt{border:1px solid #bbb; border-radius: 20px;}
.rpt-sidebar-con-02 .reply-top .reply-top-bt.on{border-radius: 15px 15px 0 0;}
.rpt-sidebar-con-02 .reply-top .reply-top-menu{border:1px solid #bbb;border-top:0;}
.rpt-sidebar-con-02 .fnc-box-top{border-bottom:1px solid #dfdfdf;padding:20px;box-sizing:border-box;}
.rpt-sidebar-con-02 .fnc-box-top input{width:100%;border:1px solid #bbb;border-radius:10px;height:40px;padding-left:34px;box-sizing:border-box;}
.rpt-sidebar-con-02 .fnc-box-top input::placeholder{color:#999;font-size:14px;}
.rpt-sidebar-con-02 .fnc-box-top .item01 input{background:url(/resources/assets/images/ai-17.png) no-repeat center left 10px;}
.rpt-sidebar-con-02 .fnc-box-top .item02 input{background:url(/resources/assets/images/ai-16.png) no-repeat center left 10px;}
.rpt-sidebar-con-02 .fnc-box-top .group div{position:relative;}
.rpt-sidebar-con-02 .fnc-box-top .group div.item01{margin:0 0 10px;}
.rpt-sidebar-con-02 .fnc-box-top .group div a{box-sizing:border-box;position:absolute;right:10px;top:50%;width:10px;height:10px;background:url(/resources/images/inventory-icon02.png) no-repeat center center;transform: translateY(-50%);}

.rpt-sidebar-con-02 .button-items{justify-content: space-between;margin:0; padding:20px 0 0;}
.rpt-sidebar-con-02 .button-items .btn{border-radius: 1.5rem;width:48%;font-size: 0.875rem;letter-spacing: -1px;padding: 0.5rem 0.375rem;margin:0;}
.rpt-sidebar-con-02 .button-items .btn-outline-primary {color: #444;border-color: #444;}
.rpt-sidebar-con-02 .button-items .btn-outline-primary:hover {color: #fff;border-color: #444;background-color: #444;}
.rpt-sidebar-con-02 .button-items .btn-outline-primary:focus, .rpt-sidebar-con-02 .button-items .btn-outline-primary.focus {-webkit-box-shadow: 0 0 0 0.15rem rgba(145, 145, 145, 0.25);box-shadow: 0 0 0 0.15rem rgba(145, 145, 145, 0.25);}
.rpt-sidebar-con-02 .button-items .btn-secondary {border-color: #f25b2b;background-color: #f25b2b;}
.rpt-sidebar-con-02 .button-items .btn-secondary:hover {color: #fff;border-color: #f25b2b;background-color: #f25b2b;}
.rpt-sidebar-con-02 .button-items .btn-secondary:focus, .rpt-sidebar-con-02 .button-items .btn-secondary.focus {-webkit-box-shadow: 0 0 0 0.15rem rgba(255, 162, 96, 0.25);box-shadow: 0 0 0 0.15rem rgba(255, 162, 96, 0.25);}
.rpt-sidebar-con-02 .button-items .btn-secondary:not(:disabled):not(.disabled):active:focus, .rpt-sidebar-con-02 .btn-secondary:not(:disabled):not(.disabled).active:focus, .rpt-sidebar-con-02 .show > .btn-secondary.dropdown-toggle:focus {-webkit-box-shadow: 0 0 0 0.15rem rgba(255, 162, 96, 0.25);box-shadow: 0 0 0 0.15rem rgba(255, 162, 96, 0.25);}
.rpt-sidebar-con-02 .button-items .btn-secondary:not(:disabled):not(.disabled):active, .rpt-sidebar-con-02 .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {color: #fff;border-color: #f25b2b;background-color: #f25b2b;}

.rpt-sidebar-con-02 .fnc-box-bottom{height: calc(100% - 335px); overflow-y: scroll; position:relative;}
.rpt-sidebar-con-02 .fnc-box-bottom::-webkit-scrollbar{width: 14px; height: 14px;}
.rpt-sidebar-con-02 .fnc-box-bottom::-webkit-scrollbar-thumb{outline: none; border-radius: 10px; border: 4px solid transparent; box-shadow: inset 6px 6px 0 rgba(179, 185, 199, 0.65);}
.rpt-sidebar-con-02 .fnc-box-bottom::-webkit-scrollbar-thumb:hover{ border: 4px solid transparent; box-shadow: inset 6px 6px 0 rgba(179, 185, 199, 1);}
.rpt-sidebar-con-02 .fnc-box-bottom::-webkit-scrollbar-track{box-shadow: none;  background-color: transparent;}
.rpt-sidebar-con-02 .fnc-box-bottom .top{display:flex;justify-content:space-between;padding: 20px 20px 10px; box-sizing: border-box; position: sticky;  top: 0;  background: #fff;}
.rpt-sidebar-con-02 .fnc-box-bottom .top p{font-size:14px;color:#222; letter-spacing: -0.5px; font-weight: 400;}
.rpt-sidebar-con-02 .fnc-box-bottom .top p b{color:#f25b2b;}
.rpt-sidebar-con-02 .fnc-box-bottom .top div{display:flex;height:21px;}
.rpt-sidebar-con-02 .fnc-box-bottom .top div .left{display:flex;width:21px;height:21px;background:url(/resources/assets/images/ai-18.png) no-repeat center center;}
.rpt-sidebar-con-02 .fnc-box-bottom .top div .right{display:flex;width:21px;height:21px;background:url(/resources/assets/images/ai-19.png) no-repeat center center;margin-left:10px;}
.rpt-sidebar-con-02 .fnc-box-bottom .bottom{box-sizing:border-box;}
.rpt-sidebar-con-02 .fnc-box-bottom .bottom ul{margin:0;}
.rpt-sidebar-con-02 .fnc-box-bottom .bottom li{padding:20px;box-sizing:border-box;}
.rpt-sidebar-con-02 .fnc-box-bottom .bottom li:hover{background:#f4f6f8;}
.rpt-sidebar-con-02 .fnc-box-bottom .bottom li p{font-size:14px;color:#444;margin:0 0 10px;}
.rpt-sidebar-con-02 .fnc-box-bottom .bottom li p b{color:#f25b2b;}
.rpt-sidebar-con-02 .fnc-box-bottom .bottom li span{color:#999;font-size:12px;}

.rpt-sidebar-con-02 .line-checkbox input.line-check-input + label > span{color:#444;}
.rpt-sidebar-con-02 .checkbox-color02 input.line-check-input:checked + label:before{background-color:#fff;}
.rpt-sidebar-con-02 .line-checkbox input.line-check-input + label:before{background:#c3c3c3;}

.report-new-left-box .report-top-tit > div{display: flex; align-items: center;}
.report-new-left-box .report-top-tit p{margin:0;color: #999; font-size: 14px; font-weight: 500;padding-left:10px;margin-left:10px;position:relative;}
.report-new-left-box .report-top-tit p::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:12px;background:#999;}
.report-new-left-box .report-top-rt a{margin-left:14px;}

.bs-example-modal-center12 .translate-box .check-box span{padding:0 0 0 10px;}
.bs-example-modal-center15 .modal-dialog{max-width: 550px;}

.lang-manage-box02 .modal-content .modal-head p{color:#999;font-size:14px;border-bottom:0;padding:0;margin:0 0 10px;}
.lang-manage-box02 .modal-content .modal-head p span{color:#000;}
.lang-manage-box02 .modal-head{border-bottom: 1px solid #999; padding: 0 0 20px; margin: 0 0 20px;}
.lang-manage-box02 .modal-head .btn-org{border-radius:25px;min-width:110px;font-size:14px;}
.lang-manage-box02 .modal-search-box{position:relative; margin:0 0 40px;}
.lang-manage-box02 .modal-search-box input{border: 1px solid #bbb; height: 32px; width: 100%; border-radius: 20px; padding-left:10px;}
.lang-manage-box02 .modal-search-box a{display:flex;width:16px;height:15px;background:url(/resources/assets/images/ai-17.png) no-repeat center center;position:absolute;right:14px;top:50%;transform:translateY(-50%);}
.lang-manage-box02 .con-top{display:flex;justify-content:space-between; align-items: center;}
.lang-manage-box02 .con-bottom{width:auto;margin:0;}
.lang-manage-box02 .modal-body .button-items{position:relative;margin:40px 0 0;}
.lang-manage-box02 .button-items .btn-outline-primary{position:absolute;left:0;}

.lang-manage-box02 .modal-body .con-mid-01 .control-box{width:auto;}
.lang-manage-box02 .modal-body .con-mid-01 .c1, .lang-manage-box02 .modal-body .con-mid-01 .c3{min-width: 168px;}
.lang-manage-box02 .modal-body .con-mid-01 .c2{width: 54px;}
.lang-manage-box02 .modal-body .con-mid-01 .c4{width: 38px;}
.lang-manage-box02 .modal-body .con-mid-02 > div{display: flex; align-items: center; margin:10px 0 0;}
.lang-manage-box02 .modal-body .con-mid-02 .c2{width: 54px;height: 8px;background:url(/resources/assets/images/ai-20.png) no-repeat center center;}
.lang-manage-box02 .modal-body .con-mid-02 .c4{width: 38px;display: flex; align-items: center; justify-content: flex-end;}
.lang-manage-box02 .modal-body .con-mid-02 .c4 a{display:flex; width: 17px;height: 17px;background:url(/resources/assets/images/ai-06.png) no-repeat center center;}
.lang-manage-box02 .modal-body .con-mid-02 .c4 a:hover{background:url(/resources/assets/images/ai-07.png) no-repeat center center;}
.lang-manage-box02 .modal-body .con-mid-02 .c1, .lang-manage-box02 .modal-body .con-mid-02 .c3{background:#f2f4f6;border-radius:5px;height:40px; padding: 0 10px; display: flex; align-items: center; justify-content: flex-start; min-width: 168px; max-width: 168px; font-size: 14px;letter-spacing: 0;}
.lang-manage-box02 .modal-body .con-mid-02 .c1 span, .lang-manage-box02 .modal-body .con-mid-02 .c3 span{color:#f25b2b;}
.lang-manage-box02 .modal-body .con-mid-02 .c5, .lang-manage-box02 .modal-body .con-mid-02 .c6{padding: 0;}
.lang-manage-box02 .modal-body .con-mid-02 .c5 input, .lang-manage-box02 .modal-body .con-mid-02 .c6 input{width: 100%;height: 100%;border: 1px solid #bbb;border-radius: 10px;padding: 0 10px;box-sizing: border-box;}

.ai-box .line-table tr td{padding:30px 10px;}
.ai-box .btn-use{width: 27px; height: 17px; background: url(/resources/assets/images/gap18.png) no-repeat center center;}
.ai-box .btn-use.on{opacity:0.4;}
.ai-box .btn-file{width: 22px; height: 28px; background: url(/resources/assets/images/gap08.png) no-repeat center center;}
.ai-box .btn-file.on{opacity:0.4;}
.ai-box .btn-delete.on{opacity:0.4;}
.ai-box td.purple{color:#7b66ff;}
.ai-box .total-top-txt b{color:#f25b2b;font-weight:800;}
.ai-register-box .check-box{display: flex; align-items: center;padding:7px 0 0;}
.ai-register-box .check-box .custom-control{min-width:70px;}
.ai-register-box .check-box .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{background:#ccc;border:1px solid #ccc;}
.ai-register-box .check-box .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after{background:none;}
.ai-register-box .input-ex-txt{padding:2px 0 0 10px;}
.ai-register-box .input-txt-box{margin:0;}
.ai-register-box .button-setting03{ align-items: center;}
.ai-register-box .search-box2{min-width:380px; position:relative;height:32px;}
.ai-register-box .search-box2 input{border: 1px solid #bbb; height: 32px; width: 100%; border-radius: 20px; padding-left: 10px;}
.ai-register-box .search-box2 a{display: flex;  width: 16px;  height: 15px;  background: url(/resources/assets/images/ai-17.png) no-repeat center center;  position: absolute;  right: 20px;  top:7px;}
.ai-register-box .con-top p{color:#222;font-size:14px;}
.ai-register-box .con-top p b{color:#f25b2b;}
.ai-register-box .con-mid-01{margin:0 0 20px;}
.ai-register-box .con-mid-01 a{display:flex;width:14px;height:13px;background:url(/resources/assets/images/ai-03.png) no-repeat center center;margin-left:10px;position:relative;top:-1px;}
.ai-register-box .con-mid-01 a.on{background:url(/resources/assets/images/ai-04.png) no-repeat center center;}
.ai-register-box .con-mid-01 > div{font-size:14px;color:#999; align-items: center;}
.ai-register-box .con-mid-01 > div:first-child{align-items: center;}
.ai-register-box .con-mid-01 > div:last-child{width:calc(100% - 180px);padding-left: 28px; box-sizing: border-box;}
.ai-register-box .con-mid-01 > div:last-child > div{width:33.3%; justify-content: center;display:flex;}
.ai-register-box .con-mid-02 li{margin:0 0 10px;}
.ai-register-box .con-mid-02 li:last-child{margin:0;}
.ai-register-box .con-mid-02 li > div{display:flex; align-items: center;}
.ai-register-box .con-mid-02 .item01{width: 180px;height: 40px;display: flex;background: #444;color: #fff;border-radius: 8px;padding: 0 12px;font-size: 14px;letter-spacing: -0.2px;}
.ai-register-box .con-mid-02 .item02 a{width:16px;height:16px;background:url(/resources/assets/images/ai-12.png) no-repeat center center;}
.ai-register-box .con-mid-02 .item03 a{width:17px;height:17px;background:url(/resources/assets/images/ai-06.png) no-repeat center center;}
.ai-register-box .con-mid-02 .item04 a{width:12px;height:17px;background:url(/resources/assets/images/ai-09.png) no-repeat center center;}
.ai-register-box .con-mid-02 .item03 a:hover{width:17px;height:17px;background:url(/resources/assets/images/ai-07.png) no-repeat center center;}
.ai-register-box .con-mid-02 .item04 a:hover{width:12px;height:17px;background:url(/resources/assets/images/ai-10.png) no-repeat center center;}
.ai-register-box .con-mid-02 .group{width: calc(100% - 180px); padding-left: 28px; box-sizing: border-box;}
.ai-register-box .con-mid-02 .group div{width:33.3%; justify-content: center;display:flex;}
.ai-register-box .con-mid-02 li.selected .item01{background:#f2f4f6 !important;color:#666 !important;}
.ai-register-box .con-mid-02 li.selected .item02 a{background:url(/resources/assets/images/ai-11.png) no-repeat center center !important;}
.ai-register-box .con-mid-02 li.selected .item03 a{background:url(/resources/assets/images/ai-05.png) no-repeat center center !important;}
.ai-register-box .con-mid-02 li.selected .item04 a{background:url(/resources/assets/images/ai-08.png) no-repeat center center !important;}
.ai-register-box .con-mid-02 li.select-box{margin:0 0 20px;}
.ai-register-box .con-mid-02 li.select-box .item01{background:none;padding:0;}
.ai-register-box .con-mid-02 li.select-box .item01 .dropdown{width:100%;height:100%;}
.ai-register-box .con-mid-02 li.select-box .item01 .dropdown .btn{width: 100%;text-align: left;display: flex;justify-content: space-between;border: 1px solid #bbb;border-radius: 8px;height: 100%;align-items: center;font-size: 14px;color: #999;}
.ai-register-box .con-mid-01 .control-box{width:auto;}
.ai-register-box .con-mid-01 .c1, .ai-register-box .con-mid-01 .c3{min-width: 168px;}
.ai-register-box .con-mid-01 .c2{width: 54px;}
.ai-register-box .con-mid .con-mid-01 .c4{width: 38px; padding:0;}
.ai-register-box .con-mid-02 > div{display: flex; align-items: center; margin:10px 0 0;}
.ai-register-box .con-mid-02 .c2{width: 54px;height: 8px;background:url(/resources/assets/images/ai-20.png) no-repeat center center;}
.ai-register-box .con-mid-02 .c4{width: 38px;display: flex; align-items: center; justify-content: flex-end;}
.ai-register-box .con-mid-02 .c4 a{display:flex; width: 17px;height: 17px;background:url(/resources/assets/images/ai-06.png) no-repeat center center;}
.ai-register-box .con-mid-02 .c4 a:hover{background:url(/resources/assets/images/ai-07.png) no-repeat center center;}
.ai-register-box .con-mid-02 .c1, .ai-register-box .con-mid-02 .c3{background:#f2f4f6;border-radius:5px;height:40px; padding: 0 10px; display: flex; align-items: center; justify-content: flex-start; min-width: 168px; max-width: 168px; font-size: 14px;letter-spacing: 0;}
.ai-register-box .con-mid-02 .c1 span, .ai-register-box .con-mid-02 .c3 span{color:#f25b2b;}
.ai-register-box .con-mid-02 .c5, .ai-register-box .con-mid-02 .c6{padding: 0;}
.ai-register-box .con-mid-02 .c5 input, .ai-register-box .con-mid-02 .c6 input{width: 100%;height: 100%;border: 1px solid #bbb;border-radius: 5px;padding: 0 10px;box-sizing: border-box;}
.ai-register-list-box{margin:40px 0 0;}
.ai-register-box hr{background:#999 !important;}
.ai-register-box .con-mid{display:flex;width:100%;}
.ai-register-box .con-mid > div{width:50%;}
.ai-register-box2 .con-mid-01 .c1, .ai-register-box .con-mid-01 .c3{width: calc(100% - 146px / 2);min-width: auto; max-width: none;}
.ai-register-box2 .con-mid-02 .c1, .ai-register-box .con-mid-02 .c3{width: calc(100% - 146px / 2);min-width: auto; max-width: none; position:relative;}
.ai-register-box2 .con-mid-02 .custom-control{min-width:48px;margin-right:10px;}
.ai-register-box2 .con-mid-01 .control-box{min-width:48px;margin-right:10px;}
.ai-register-box2 .con-mid-02 .c2{min-width:60px;}
.ai-register-box2 .con-mid > div:first-child{padding-right:26px;}
.ai-register-box2 .con-mid > div:last-child{padding-left:34px;}
.ai-register-box2 .btn-use{width:27px;height:17px;background:url(/resources/assets/images/gap18.png) no-repeat center center;position:absolute;right:10px;}
.ai-register-box2 .btn-use.on{opacity:0.4;}
.ai-register-box2 .con-mid-02 .c4 a{margin-left:20px;}
.add-word-box .con-top{margin: 15px 0 0; font-size: 14px; color: #222;}
.add-word-box .con-top sup{color:#f25b2b;}
.add-word-box .input-txt-box{margin:20px 0 40px; display:flex; align-items: center;}
.add-word-box .input-txt-box .dropdown.basic{margin:0;}
.add-word-box .input-txt-box .btn.dropdown-toggle{height:40px;}
.add-word-box .input-txt-box .dropdown-item{padding:0.35rem 10px;}
.add-word-box .input-txt-box .input-box{background: #f4f6f8;border-radius: 5px;padding: 0 10px;box-sizing: border-box;color: #999;display: flex;height: 40px;align-items: center;min-width: 120px;margin:0 10px;}
.add-word-box .input-txt-box .input-box2{padding:0;}
.add-word-box .input-txt-box .input-box2 input{height: 40px; max-width: 120px;}
.add-word-box .input-txt-box > p{font-size:14px;color:#222;}
.add-word-box .modal-body .button-items button{margin-bottom:0;}

.step-save-box .modal-dialog{max-width:760px;}
.step-save-box .modal-content{padding:40px;}
.step-save-box .modal-content .button-items{justify-content: flex-end;}
.step-save-box .modal-content .button-items button{margin-bottom:0;padding:0 30px; display: flex; align-items: center; line-height: normal;}
.step-save-box .modal-content .button-items button:last-child{margin-right:0; padding:0 24px;}
.step-save-box .txt-box{background:#f2f4f6; width:100%; height:190px;border-radius:10px; margin:40px 0;display:flex; justify-content: center; align-items: center;}
.step-save-box .txt-box p{font-size:36px; font-weight:bold; color:#666;}

.download-word-box .modal-dialog{max-width:420px !important;}
.download-top{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #999; padding: 20px 0;}
.download-top p{margin:0;font-size:14px;color:#999;text-align:left;}
.download-top a{ justify-content: center;}
.download-word-box .download-box .custom-control li{padding: 14px 0;margin:0; display: flex; align-items: center; background:#fff; border-radius:0; min-height: 60px; border-bottom: 1px solid #bbb; box-sizing: border-box;}
.download-word-box .download-box .custom-control li > div > p{font-size:14px;color:#444;letter-spacing:-0.5px; font-weight:500;}
.download-word-box .download-box .custom-control li > div > p > b{color:#f25b2b;}
.download-word-box .download-box .custom-control li > div > span{font-size:12px;color:#999;letter-spacing:0;}

.save-step-modal .modal-dialog{max-width:780px !important;}
.save-step-modal .title-box{background:#f2f4f6;min-height:185px;margin:20px 0 40px; display: flex; justify-content: center; align-items: center; border-radius: 10px;}
.save-step-modal .title-box h4{font-size:36px;color:#666; font-weight: 700; margin:0;}
.save-step-modal .button-items{justify-content: flex-end; margin:0;}
.save-step-modal .button-items button{padding: 0 20px;}

.ai-register-con ul{display: flex; flex-wrap: wrap; margin:0;}
.ai-register-con ul li{display:flex;}
.ai-register-con ul li.line01{width:48.5%;}
.ai-register-con ul li.line02{width:51.5%;}
.ai-register-con .left01{font-size: 0.875rem;color: #222;vertical-align: top;font-weight: 600;min-width:130px; padding-top: 20px;}
.ai-register-con .right01{width: calc(100% - 130px); padding:10px 0;}
.ai-register-con .right01 input[type="text" i], .ai-register-con .right01 textarea, .ai-register-con .right01 input[type="date"]{padding: 10px; border: 1px solid #e8e8e8; border-radius: 10px;  width: 100%; color: #999;}
.ai-register-con .right02{padding-right: 44px; box-sizing: border-box;}




@media (max-width: 1000px) {
.mo-display-block{display:block !important;}
.mo-display-none{display:none !important;}
.question_final_wp{padding:20px;}
.question_final_wp .question_final_con{min-width: 100%;  width: 100%;  padding: 30px;  border-radius: 30px;  box-shadow: 0 0 10px rgba(0,0,0,0.01);}
.question_final_wp .question_final_con .top_tit{padding:0 !important; flex-direction: column;    align-items: flex-start;}
.question_final_wp .question_final_con .table_tit{display:none}
.question_final_wp .question_final_con .top_tit span{display: block;}
.question_final_wp .question_final_con .row .custom-control{padding:.5rem 1rem;}
.question_final_wp .question_final_con .ft_bot{display:none}
.question_final_wp .question_final_con .table_num{ display: flex; flex-direction: column; align-items: flex-end;}
.font-setting-02{margin-top:10px !important;}
.font-setting-03{margin-bottom:20px;}
.gray-box-01{background:#f3f4f6 url(/resources/assets/images/qus_ex_icon02.png) no-repeat right 20px bottom -5px;background-size:50px;}
.gray-box-01 p{padding-top:5px;line-height:1.4;}
.topic_list_txt{flex-direction: column;}
.question_final_wp .question_final_con .ft_bt_wp{width:100%;justify-content:center;flex:0 0 100%;max-width:100%;}
.question_final_wp .question_final_con .ft_bt_wp a{margin:0 6px;}

.question_final_wp .question_final_con .table_num .num:after{content: ""; display: block;  width: 100%;  height: 1px;  background: #ddd;  margin-top: 10px;  position: absolute;  width: 50px;  bottom: -10px;}
.question_final_wp .question_final_con .table_num li{width:100%; min-width:100px; padding-left:25px;}
.question_final_wp .question_final_con .table_num li span{float: left; ;}
.question_final_wp .question_final_con .table_num li span.mobile_on{display:block; margin-left: 25px;}
.question_final_wp .question_final_con .table_num li span.num{margin-bottom: 20px; position:relative;}
.question_final_wp .question_final_con .table_num li.last .num:after{display:none;}
.question_final_wp .question_final_con .table_num li:first-child{width: 100%;margin:0 0 20px; font-weight:600;font-size:17px;padding-top:10px;}

}
.btn.border_round{border-radius:50px;}

/* 결과보고서 생성 팝업 */
.bg_white{background:#fff}
.step5-modal-01 .bg_white{ width: 180px; text-align: left; display: flex; justify-content: space-between; padding: 10px 20px; align-items: center;}
.step5-modal-01{overflow-y: scroll;}
.step5-modal-03 .setting_result_all .page_con .top_tit{ font-size: 1.8rem;}
.step5-modal-03 .setting_result_all .page_con .top_txt{ font-size: 1rem;}
.step5-modal-03 .setting_result_all .page_con .topic_txt_wp{ margin: 20px;}

/* 토스트 팝업 */
.notyf__toast--success .notyf__ripple{background:#f25b2b !important;}
.notyf__icon--success:after,.notyf__icon--success:before{background:#f25b2b !important;}

/* 중대성평가 토픽 모달 */
.margin-left-6{margin-left:6px;}
.topic-modal-box .modal-dialog .modal-content{width:524px; height:260px; border-radius: 10px; border: 1px solid rgb(221,221,221);}
.topic-modal-box .modal-dialog .modal_p_wp{height:120px; font-size: 15px;  padding: 16px;  color: rgba(30,30,30,0.6);  font-weight: 500;}
.topic-modal-box .modal-dialog .modal-header{padding:30px 30px 20px 30px !important;}
.topic-modal-box .modal-dialog .modal-title {margin:0 !important; color: rgba(30,30,30,0.9);  font-weight: 600;}
.topic-modal-box .modal-dialog .modal-body{padding:0 30px 30px 30px !important;}
.topic-modal-box .modal-dialog .modal-body b{font-size: 15px; font-weight: 700; display: block; color: rgba(30,30,30,0.7);}

@media (max-width: 1000px) {
.topic-modal-box .modal-dialog .modal-header{padding: 14px 20px 20px 20px !important;}
.topic-modal-box .modal-dialog .modal-body{padding: 0 20px 20px 20px !important;}
.topic-modal-box .modal-dialog .modal_p_wp{height:144px;}
}

/* GAP 진단 */
.height-auto{height:auto !important;}
.padding-bottom-10{padding-bottom:10px;}
.margin-bottom-50{margin-bottom:50px !important;}
.margin-bottom-60{margin-bottom:60px !important;}
.margin-top-20{margin-top:20px !important;}
.align-start{align-items: flex-start;}
.padding-setting01{padding: 33px 0 40px;}
.padding-setting02{padding: 0 88px;}
.padding-setting03{height: calc(100% - 70px);}
.padding-setting04{padding:35px 0 0;}
.padding-setting04 > p:last-child{color: #666;  line-height: 2;  font-weight: 400;}
.padding-setting05{padding:60px 90px 120px !important;}
.flex-setting04{display: flex;  flex-direction: column;  align-items: center;}
.flex-setting04 > b{font-size: 18px; color: #222; font-weight: 700; padding: 20px 0 5px;}
.flex-setting04 > p{margin:0; color: #444; font-size: 15px; font-weight: 500;text-align:center;}
.shadow-box-02{box-shadow: 0 0px 5px rgba(0,0,0,0.15); border-radius: 15px; background: #fff; overflow:hidden;}
.gap-box-01{width:calc(100% - 628px);padding-right:40px;}
.gap-box-01 > div:first-child{margin:0 0 30px;padding:0 0 36px;border-bottom:1px solid #999;}
.gap-box-01 > div > b{color: #444;  font-size: 18px;  font-weight: 700;}
.gap-box-01 > div > p{color: #999;  font-size: 15px;  font-weight: 500; margin:0 0 18px;}
.gap-box-01 .custom-control-label{font-weight: 700; font-size: 15px; letter-spacing: 0;}
.gap-box-01 .custom-control-gray .custom-control-input:checked ~ .custom-control-label::before{background-color: #999; border-color: #999;}
.border-bottom-01{border-bottom:1px solid #dbdbdb;}
.gap-drop-box button{color:#bbb;min-width: 154px; height: 35px; border-color: #bbbbbb; display: flex; align-items: center; justify-content: space-between; border-radius: 50px; font-size: 15px;}
.gap-drop-box button span{color:#f25b2b;padding-left: 8px;font-weight: 600;}
.gap-drop-box .dropdown-item{white-space: normal;padding:5px 10px;}
.gap-drop-box .dropdown-item .custom-control-label{font-size:12px;font-weight: 500; color:#444;}
.gap-drop-box .custom-control-input:indeterminate ~ .custom-control-label::before{background:#ccc;border-color:#ccc;}
.gap-drop-box .custom-control-input:indeterminate ~ .custom-control-label::after{background-image:none;}
.custom-control-gray .custom-control-label{color:#999 !important;}
.custom-control-gray .custom-control-input:disabled:indeterminate ~ .custom-control-label::before{background-color:#ccc !important;}
.custom-control-gray .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-gray .custom-control-input:disabled ~ .custom-control-label::before{background:#ccc;}
.custom-control-gray .custom-control-input[disabled] ~ .custom-control-label::after, .custom-control-input:disabled ~ .custom-control-label::after{background: no-repeat center center;background-image: url("/resources/assets/images/check03.png");}
.custom-control-checked-gray .custom-control-label::before{background: no-repeat center center;background-image: url("/resources/assets/images/check03.png");}
.custom-control-checked-gray .custom-control-label::after{background:#999 no-repeat center center !important;border-radius:100%;background-image: url("/resources/assets/images/check03.png") !important;}
.font-setting-06{color: #999; font-size: 13px; padding-left: 10px; line-height: 1.4; letter-spacing: -0.4px; font-weight:500;}
.control-box .custom-control-input:checked ~ .custom-control-label::after{background: no-repeat center center;background-image: url("/resources/assets/images/check03.png");}

.font-setting-07{color: #999; font-size: 13px; font-weight: 400; margin: 0; margin-left: 24px; cursor:pointer;}
.flex-setting05{display: flex;flex-wrap: wrap; width: 692px;}
.flex-setting05 > div{flex:0 0 33%;margin:10px 0;}
.button-setting01{margin-left: 6px; position: relative; top: -1px; border:none;outline:none;background:none;}
.gab-modal-box-01 .modal-dialog{width: 620px;   max-width: none;}
.gab-modal-box-01 .modal-content{padding:40px 60px !important;}
.gab-modal-box-01 .modal-dialog .modal-head h5{border-bottom:0;}
.gab-modal-box-01 .tab-content > .tab-pane{margin: 30px 0; }
.gab-modal-box-01 .tab-content > .tab-pane > span{color: #222; font-size: 1rem; font-weight: 600;}
.gab-modal-box-01 .tab-content > .tab-pane > span > b{color:#f25b2b; font-weight: 700;}
.gab-modal-box-01 .tab-content > .tab-pane > div{border: 1px solid #bbb; border-radius: 10px; max-height: 230px; overflow-y: auto; margin:14px 0 0;}
.gab-modal-box-01 .tab-content > .tab-pane > div > p{font-size: 14px; color: #666; line-height: 1.9; letter-spacing: -0.5px;}
.gab-modal-box-01 .nav-justified .nav-item{text-align: center; width: auto; min-width: 76px; box-sizing: border-box; flex-grow: inherit;margin:5px 10px 5px 0; flex-basis: auto;}
.gab-modal-box-01 .nav-justified .nav-item a{height: 30px; display: flex; padding: 0; justify-content: center; align-items: center; font-size: 14px; border-radius: 50px; border: 1px solid #666; padding:0 10px; width:auto;}
.gab-modal-box-01 .nav-pills .nav-link.active, .gab-modal-box-01 .nav-pills .show > .nav-link{border:1px solid #f25b2b;background:#f25b2b;}
.gap-box-02 .left{width:328px;background:#f5f7fa; padding: 32px 0; overflow-y:auto;}
.gap-box-02 .left::-webkit-scrollbar{width: 14px; height: 14px;}
.gap-box-02 .left::-webkit-scrollbar-thumb{outline: none; border-radius: 10px; border: 4px solid transparent; box-shadow: inset 6px 6px 0 rgba(179, 185, 199, 0.65);}
.gap-box-02 .left::-webkit-scrollbar-thumb:hover{ border: 4px solid transparent; box-shadow: inset 6px 6px 0 rgba(179, 185, 199, 1);}
.gap-box-02 .left::-webkit-scrollbar-track{box-shadow: none;  background-color: transparent;}
.gap-box-02 .left .btn-back{margin:0 0 32px 30px;display:flex;}
.gap-box-02 .left .top{margin: 0 30px 30px; border-bottom: 1px solid #bbb; padding: 0 0 10px;}
.gap-box-02 .left .top span{font-size: 16px; color: #444; font-weight: 700;}
.gap-box-02 .left .top span::after{content:'';width:1px;height:12px;background:#bbb;display:inline-flex;margin:0 10px;}
.gap-box-02 .left .top span:last-child::after{display:none;}
.accordion-box .card-header{background:#e3e9f0;padding:0;margin:0 30px;border-radius:10px;}
.accordion-box2 .card-header.on{background:#f25b2b;}
.accordion-box .card-header a{padding:16px 20px; color:#666;display:flex;font-size:18px;height:46px;align-items: center;background:url(/resources/assets/images/gap06.png) no-repeat center right 20px; font-weight: 600;}
.accordion-box2 .card-header.on a{color:#fff;background:url(/resources/assets/images/gap05.png) no-repeat center right 20px;}
.accordion-box .card-body{margin:0 0 0 30px;padding:20px 0;}
.accordion-box .card-body > ul{padding-left:20px;box-sizing:border-box;position:relative;}
.accordion-box .card-body > ul::before{content:'';position:absolute;left:9px;top:0;bottom:0;width:1px;height:100%;background:#bbb;}
.accordion-box .card-body > ul li a{display: flex; width: 100%; align-items: center; font-size: 15px; padding: 0 0 0 10px; color: #999; height: 48px;font-weight:500;}
.accordion-box .card-body > ul li.on a{background: #fff; color:#f25b2b;font-weight:700;position:relative;}
.accordion-box .card-body > ul li.on a::before{content:''; width: 10px; height: 10px; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); background: #fff; border-radius: 100%; border: 2px solid #f25b2b;}
.accordion-box .card-body > ul li.on a::after{content:'[진행중]'; font-weight: 500;  position: relative; padding-left:3px;  top: -0.5px;}
.accordion-box2 .card-body > ul li.on a::after{content:''; font-weight: 500;  position: relative; padding-left:3px;  top: -0.5px;}

.accordion-depth.on .accordion-depth-title{background:#f25b2b;}
.accordion-depth.on .accordion-depth-title a{color:#fff;background:url(/resources/assets/images/gap05.png) no-repeat center right 20px;}
.accordion-depth .accordion-depth-con{display:none;}
.accordion-depth.on .accordion-depth-con{display:block;}

.gap-box-02 .right{width:calc(100% - 328px);padding:38px 10px 38px 40px;box-sizing:border-box;}
.gap-box-03{overflow-y:auto;height:100%;padding-right: 45px;}
.gap-box-03::-webkit-scrollbar{width: 14px; height: 14px;}
.gap-box-03::-webkit-scrollbar-thumb{outline: none; border-radius: 10px; border: 4px solid transparent; box-shadow: inset 6px 6px 0 rgba(179, 185, 199, 0.65);}
.gap-box-03::-webkit-scrollbar-thumb:hover{ border: 4px solid transparent; box-shadow: inset 6px 6px 0 rgba(179, 185, 199, 1);}
.gap-box-03::-webkit-scrollbar-track{box-shadow: none;  background-color: transparent;}
.gap-box-03 > div{padding:40px 0 80px;box-sizing:border-box; border-bottom: 1px dashed #bbb;}
.gap-box-03 > div:last-child{border:0;}
.gap-box-03 .left2{width:180px;}
.gap-box-03 .left2 b{color: #444; font-size: 18px; font-weight: 700;}
.gap-box-03 .right2{width:calc(100% - 180px);}
.font-setting-08{color: #444; font-size: 16px; font-weight: 600; padding-right:5px;}
.button-setting02{border: 1px solid #bbb; border-radius: 5px; background:#fff; color: #999; font-size: 13px; width: 90px; height: 30px; align-items: center; justify-content: center; margin-left:5px;}
.margin-lr-5{margin:0 5px;}
.button-box-01{margin: 0 14px;max-width:286px;display:flex;justify-content:space-between;}
.button-box-01 button{min-width: 140px; border-radius: 10px; font-size: 14px;background:#fff;}
.flex-setting06{display:flex;padding: 0 14px; box-sizing: border-box;flex-wrap: wrap;margin-top:-10px;}
.flex-setting06 > div{min-width:180px;/* margin:10px 0; */margin: 10px 20px 10px 0;}
.input-setting02 .custom-control-label{font-weight:500;}
.input-setting02 .custom-control-label::before{background:#fff;}
.input-setting02 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{background: #fff;border-color:#ccc;}
.input-setting02 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after{background-image:none;}
.input-setting02 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background-image:none;}
.input-setting02 .custom-checkbox input[type="checkbox"]:checked ~ .custom-control-label::before{ background-color: #f25b2b !important;}
.input-setting02 .custom-checkbox input[type="checkbox"]:checked ~ .custom-control-label::after{background-image: url(/resources/assets/images/check03.png);}
.input-setting02 .custom-control-input:checked ~ .custom-control-label::before{background-color: #fff !important; border-color: #f25b2b; border-width: 9px;}
.input-setting02 .custom-control-input:checked ~ .custom-control-label{color:#444;font-size:14px;font-weight:600;}
.input-setting01{padding:0 14px;box-sizing:border-box;}
.input-setting01 input{border: 1px solid #bbb; outline: none; border-radius: 10px; width: 165px; height: 40px; padding: 0 14px; box-sizing: border-box;}
.input-setting01 input::placeholder{color:#999;font-size:14px;}
.position-setting01{width: calc(100% - 114px) !important;left:114px !important;transform:none !important;}
.button-setting03{margin-top:-10px;}
.button-setting03 button{min-width:80px;font-weight:600;}
.flex-setting07{display:flex;align-items:center;flex-wrap: wrap;width:170px;margin-left:-4px;margin-right:-4px;margin-bottom:0; }
.flex-setting07 li{padding:2px 4px;}
.flex-setting07 li a{display:flex;width:26px;height:26px;border:1px solid #bbb;border-radius:100%; justify-content: center; align-items: center;font-size:10px;color:#666;background:#fff;}
.line-table02 thead tr th, .line-table02 tbody tr td{text-align:left;font-size:14px;color:#444;}
.line-table02 thead tr th{font-size:16px;}
.gray-01{color:#999 !important;}
.gray-02{color:#666 !important;}
.gray-03{color:#444 !important;}
.btn-delete{width:16px;height:16px;display:inline-flex;background:url(/resources/assets/images/gap09.png) no-repeat center center;}
.btn-delete:hover{background:url(/resources/assets/images/gap10.png) no-repeat center center;}
.btn-download{width:22px;height:28px;display:flex;margin-left:5px;}
.gray-01 .btn-download{opacity:0.5;}
.btn-download01{background:url(/resources/assets/images/gap07.png) no-repeat center center;}
.btn-download02{background:url(/resources/assets/images/gap08.png) no-repeat center center;}
.btn-gap-check{display:flex;width:21px;height:21px;background:url(/resources/images/dashboard-icon-21.png) no-repeat center center;margin-left:5px;}
.gap-drop-box2{margin-right:5px;}
.gap-drop-box2 button{border: 1px solid #bbb; min-width: 140px; height: 40px; border-radius: 10px; font-size: 14px; color: #444; font-weight: 500;}
.no-drop-down button{background:#f2f4f6;border:none;}
.no-drop-down button i{color:#999;}
.no-drop-down button span{color:#999 !important;}
.no-border{border:none !important;}
.gap-info-modal{}
.gap-info-modal .modal-dialog .modal-content{padding:40px 60px;}
.gap-info-modal .modal-content .modal-head h5{padding:0 0 20px;font-weight:800;}
.gap-info-modal .modal-body > div{display: flex; border: 1px solid #bbb; border-radius: 10px; padding: 20px 0;}
.gap-info-modal ul{width:50%;margin:0;padding: 0 20px 0 40px;}
.gap-info-modal ul:first-child{border-right:1px solid #bbb;}
.gap-info-modal ul li{display:flex;align-items: center;margin:0 0 20px;}
.gap-info-modal ul li:last-child{margin:0;}
.gap-info-modal ul li span{display:flex;width:26px;height:26px;border:1px solid #bbb;border-radius:100%; justify-content: center; align-items: center;font-size:10px;color:#666;margin-right:28px;}
.gap-info-modal ul li p{margin:0;color:#444;font-weight:700;font-size:16px;}
.table-scroll-box{overflow-x:auto;}
.table-scroll-box table{min-width:1400px;}
.gap-modal-box-02 .modal-body{height: calc(100% - 162px); overflow-y: auto;border-bottom:1px solid #bbb;}
.gap-modal-box-02 .modal-content .button-items{margin:30px 0;position:relative;}
.gap-modal-box-02 .modal-content .button-items button{min-width:110px;margin:0 5px;}
.gap-modal-box-02 .shadow-box-02{border-radius:0;box-shadow:none;}
.gap-modal-box-02 .modal-body::-webkit-scrollbar{width: 14px; height: 14px;}
.gap-modal-box-02 .modal-body::-webkit-scrollbar-thumb{outline: none; border-radius: 10px; border: 4px solid transparent; box-shadow: inset 6px 6px 0 rgba(179, 185, 199, 0.65);}
.gap-modal-box-02 .modal-body::-webkit-scrollbar-thumb:hover{ border: 4px solid transparent; box-shadow: inset 6px 6px 0 rgba(179, 185, 199, 1);}
.gap-modal-box-02 .modal-body::-webkit-scrollbar-track{box-shadow: none;  background-color: transparent;}
.gap-modal-box-02 .modal-content .button-setting03{position:absolute;right:50px;border-radius:7px;}
.toggle-box{margin:40px 0 0;padding:30px 20px;background:#f3f4f6; border-radius: 0 0 0 25px;}
.toggle-box > div{padding-left:30px;background:url(/resources/assets/images/gap16.png) no-repeat left top 5px;margin:0 0 40px;}
.toggle-box > div:last-child{margin:0;}
.box-setting01{padding:60px 0 80px;}
.box-setting01 .left{width: 224px; height: 110px; background: url(/resources/assets/images/gap14.png) no-repeat left top; display: flex; justify-content: center; align-items: center; color: #444;  font-size: 26px;  font-weight: 800;  padding: 10px 0 0;  margin-right: 30px;}
.font-setting-09{padding: 10px 0 0; font-size: 16px;  color: #666;  line-height: 1.9;}
.font-setting-09 b{color:#f25b2b;}
.font-setting-10{color: #f25b2b; font-size: 15px; font-weight: 600; letter-spacing: -1.5px;  padding: 0 0 5px;}
.padding-setting05 h4{margin: 0; font-size: 26px; color: #444; font-weight: 900; font-family: 'NanumSquareNeo'; letter-spacing: -2px;  padding: 0 0 15px;  border-bottom: 1px solid #ccc;}
.gap-chart-box-wrap{display:flex;justify-content:space-between;}
.gap-chart-box{padding: 25px 30px 0;flex:0 0 32%;border:1px solid #dfdfdf;border-radius:20px;}
.gap-chart-box01{background:url(/resources/assets/images/gap11.png) no-repeat bottom -5px left;box-shadow: 10px 14px 18px rgba(24,138,99,0.12);}
.gap-chart-box02{background:url(/resources/assets/images/gap12.png) no-repeat bottom -5px left;box-shadow: 10px 14px 18px rgba(30,150,143,0.12);}
.gap-chart-box03{background:url(/resources/assets/images/gap13.png) no-repeat bottom -5px left;box-shadow: 10px 14px 18px rgba(58,127,203,0.12);}
.gap-chart-box .gap-top{padding: 0 0 5px; border-bottom: 2px solid;}
.gap-chart-box .gap-top h5{font-size: 36px; font-weight: 700; letter-spacing: -2px;  margin:0;position:relative; display: inline-block; padding-right: 12px;}
.gap-chart-box .gap-top h5::after{content:'';width:7px;height:7px;display:flex;position:absolute;bottom:8px;right:0;border-radius:100%;}
.gap-chart-box01 .gap-top{border-color:#c3ebe4;}
.gap-chart-box02 .gap-top{border-color:#d1f0f2;}
.gap-chart-box03 .gap-top{border-color:#cce0f6;}
.gap-chart-box01 .gap-top h5{color:#2ab9a0;border-color:#c3ebe4;}
.gap-chart-box02 .gap-top h5{color:#5bc9d0;border-color:#d1f0f2;}
.gap-chart-box03 .gap-top h5{color:#4a90de;border-color:#cce0f6;}
.gap-chart-box01 .gap-top h5::after{background:#7fd5c6;}
.gap-chart-box02 .gap-top h5::after{background:#9ddfe3;}
.gap-chart-box03 .gap-top h5::after{background:#92bceb;}
.gap-chart-box .gap-chart{position:relative;float:right;right:-15px;}
.gap-chart-box .gap-chart .circle-bg{height: 180px; width: 180px;background:url(/resources/assets/images/gap15.png) no-repeat center center;position: absolute; left: 50%; top: 50%; z-index:1;transform: translate(-50%, -50%);display: flex; justify-content: center; align-items: center;font-size: 36px;  color: #444; font-weight: 800;letter-spacing: -2px; overflow: hidden;background-size: 190px; border-radius: 100%;}
.gap-chart-box .gap-chart .circle-bg p{margin:0;}
.gap-chart-box .circle-graph-container{font-size: 100px;margin: 0 auto;}
.gap-chart-box .circle-graph-container.svg{height: 238px; width: 238px;position:relative;z-index:2;}
.gap-chart-box .circle-graph-container.svg svg{height: 100%; width: 100%;}
.gap-chart-box .circle-graph-container.svg svg circle{r: 40%; stroke-width: 10px; transform: rotate(-90deg); transform-origin: center;}
.gap-chart-box .circle-graph-container.svg svg .inner{fill: transparent; stroke: #dff5f1;}
.gap-chart-box .circle-graph-container.svg svg .outer{fill: transparent;}
.gap-chart-box .circle-graph-container.svg svg .tick1{fill: transparent; stroke-width:16px; position:relative;stroke-linecap: round;}
.gap-chart-box .circle-graph-container.svg svg .tick2{fill: transparent; stroke-width:7px; position:relative;stroke-linecap: round;}
.gap-chart-box .gap-chart01 .circle-graph-container.svg svg .tick1{stroke:#1ca38b;}
.gap-chart-box .gap-chart01 .circle-graph-container.svg svg .tick2{stroke:#fff;}
.gap-chart-box .gap-chart02 .circle-graph-container.svg svg .tick1{stroke:#3eb5bd;}
.gap-chart-box .gap-chart02 .circle-graph-container.svg svg .tick2{stroke:#fff;}
.gap-chart-box .gap-chart03 .circle-graph-container.svg svg .tick1{stroke:#337fd5;}
.gap-chart-box .gap-chart03 .circle-graph-container.svg svg .tick2{stroke:#fff;}

.inventory-result-list-box .gap-top-box div .nav{max-width:242px;}
.inventory-result-list-box .gap-top-box .nav-justified .nav-item{min-width:118px;max-width:118px;}
.btns-box .btn{font-size: 14px !important;}
.gap-con-01{border-bottom: 1px solid #bbb;  margin: 0 0 30px; padding: 0 0 10px;}
.gap-con-01 b{font-size: 18px; color: #444; font-weight: bold;}
.gap-con-01 p{margin: 0; padding: 0 0 10px; color: #444; font-size: 14px;}
.gap-con-01 span{ color: #f25b2b;}
.gap-con-02{padding:0 0 10px;}
.gap-result-list-box .btn-use{width:27px;height:17px;background:url(/resources/assets/images/gap18.png) no-repeat center center;}
.gap-result-list-box .btn-use.on{background:url(/resources/assets/images/gap23.png) no-repeat center center;}
.gap-result-list-box .btn-procedure{width:12px;height:17px;background:url(/resources/images/dashboard-icon-23.png) no-repeat center center;}
.gap-result-list-box .color01{color:#7b66ff;}
.gap-result-list-box .color02{color:#999; font-weight:500; padding-left:5px;}
.gap-result-list-box .btn-open{width:12px;height:6px;background:url(/resources/assets/images/select-arrow-01.png) no-repeat center center;display:inline-flex;margin-left:10px;}
.gap-result-list-box .btn-open.on{transform: rotate(180deg);}
.gap-result-list-box .depth-table{background: #f3f4f6; box-sizing: border-box; border-radius: 0 0 0 25px;}
.gap-result-list-box .depth-table .control-box{width:1.625rem;margin:0 auto;}
.gap-result-list-box .depth-table .control-box .custom-control-label{padding-left:0;width:1.625rem;}
.no-border > td{border:none !important;}
.no-border tr:last-child td{border:none !important;}
.gap-delete-box .modal-dialog{max-width:440px;}
.gap-delete-box .modal-head{padding:40px 0 10px;}
.gap-delete-box .modal-head h5{border-bottom:none !important;}
.gap-delete-box .modal-body p{padding:0 0 20px; font-size:14px;color:#999;}
.gap-final-box{background:rgba(0,0,0,0.5);}
.gap-manage-box{}
.gap-con-03{border-bottom:1px solid #bbb;padding:60px 0;box-sizing:border-box;}
.gap-con-03 b{font-size: 18px; color: #444; font-weight: bold;margin:0 0 24px;display:flex;}
.gap-manage-box .gap-con-03:last-child{border-bottom:0;padding:60px 0 40px;}
.gap-manage-box .gap-con-03:first-child{padding:0 0 60px;}
.gap-con-04{display:flex;margin:0 0 36px;}
.gap-con-04:last-child{margin:0;}
.gap-con-05{width:50%; display:flex;}
.gap-con-06{width:126px;color: #222; font-size: 14px; font-weight: 600; display: flex; align-items: center;}
.gap-con-06 .point-red{color: #f25b2b; position: relative; top: -5px; left: 2px;}
.gap-con-06 .tooltip-box{display:flex;padding:0 0 0 10px;}
.gap-con-07{width:calc(100% - 126px); display: flex; align-items: center;}
.gap-con-05 .gap-con-07{box-sizing:border-box;padding-right:36px;}
.gap-con-07 > div{display:flex;}
.gap-con-07 .choice-box01 div{min-width:88px;}
.gap-con-07 .choice-box02{flex-wrap: wrap; margin: -5px 0;}
.gap-con-07 .choice-box02 div{min-width:155px; margin: 5px 0;}
.gap-con-08{display:flex;width:100%;}
.choice-box .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{background-color: #ccc; border-color: #ccc;}
.choice-box .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after{background:none;}
.gap-con-07 input[type=text]{border: 1px solid #bbb; height: 46px; box-sizing: border-box; border-radius: 10px; width: 100%; padding: 0 10px;}
.gap-con-07 input[type=text]::placeholder{color:#999;font-size:14px;}
.gap-con-05:last-child .gap-con-07{padding-right:0;}
.gap-con-07 .gap-drop-box{width:100%;}
.gap-con-07 .gap-drop-box button{border-radius:10px;width:100%;height: 46px;padding: 0 10px;}
.gap-con-07 .gap-drop-box button span{color:#666;font-size:14px;padding:0;font-weight:500;}
.gap-con-09{width:100%;position:relative; margin: 0 0 10px;}
.gap-con-09:last-child{margin:0;}
.gap-con-09 .num-box{position: absolute; left: -46px; width: 40px; height: 40px;background: #f2f4f6; border-radius: 10px; display: flex; justify-content: center; align-items: center; color: #666; font-size: 14px; font-weight: 600;}
.gap-con-09 input[type=text]{width:calc(100% - 84px);height:40px;height:40px;}
.gap-con-09 .btn-box{width:84px;display: flex; box-sizing: border-box; padding-left: 20px; justify-content: space-between; align-items: center;}
.gap-con-09 .btn-box div{width:26px;}
.gap-con-09 .btn-box .btn{width:26px;height:26px;background:url(/resources/assets/images/gap19.png) no-repeat center center;}
.gap-con-09 .btn-add{width:26px;height:26px;background:url(/resources/images/dashboard-icon-25.png) no-repeat center center;margin:10px auto 0;}
.gap-con-10{flex-direction: column;}
.height-40{height:40px;}
.height-26{height:26px;}
.margin-bottom-18{margin-bottom:18px;}
.gap-con-11 .gap-con-07{justify-content: space-between;}
.gap-con-11 input[type=text]{width: calc(100% - 210px);}
.gap-con-11 .gap-drop-box{width:200px;}
.inventory-list-box .inventory-step-box .inventory-step-item .select-box-wrap .select-box ul li.check{background-image: url(/resources/assets/images/gap17.png); background-repeat: no-repeat; background-position: center left 10px;}
.gap-data-box .data-info-box div{padding-left: 40px; margin: 0; background: url(/resources/images/inventory-icon13.png) no-repeat center left;}
.gap-data-box .data-info-box div p{background:none;margin:0;padding-left:0;height:auto;}
.gap-data-box .modal-body .data-info-box .btn-outline-dark{top: 50%;  transform: translateY(-50% );}
.gap-data-box .left-box{display: flex; align-items: center;}
.gap-data-box .left-box .left{min-height:28px;}
.gap-data-box .left-box .left2{color:#444;padding-right:30px;}
.gap-data-box .left-box .left2 p{padding:0 0 28px;}
.gap-data-box .left-box .left2 .success{background:url(/resources/images/inventory-icon16.png) no-repeat center bottom;}
.gap-data-box .left-box .left2 .fail{background:url(/resources/images/inventory-icon17.png) no-repeat center bottom;}
.gap-data-box .modal-body .data-status-box .result-box .result-status-box .d-md-flex{height:auto;}
.gap-data-box .modal-body .data-status-box .result-box .result-status-box{border-radius:10px;margin:0 0 24px;}
.gap-setting-box .inventory-list-box .inventory-step-box .inventory-step-item .select-box-wrap .select-box ul li:hover b, .gap-setting-box .inventory-list-box .inventory-step-box .inventory-step-item .select-box-wrap .select-box ul li.active b{color:#444;}
.gap-setting-box .report-add-con{position: absolute; left: 0; right:0; padding:0 10px;box-sizing:border-box; border-top: 8px solid #fff;}
.gap-setting-box .report-add-con a{padding: 10px; background: #f2f4f6; display: flex; align-items: center; color: #999;}
.gap-setting-box .report-add-con a img{ margin-right: 10px;}
.gap-setting-box .inventory-list-box .inventory-step-box .inventory-step-item .select-box-wrap .select-box{overflow-x:hidden;position:relative;}
.gap-data-manage-box .select{flex-direction: column;}
.gap-data-manage-box .select div a{min-width:auto;min-height:130px;flex-direction: row; background: url(/resources/assets/images/gap20.png) no-repeat bottom -12px right -4px;justify-content:normal;}
.gap-data-manage-box .select div:first-child{margin:0 0 20px;}
.gap-data-manage-box .select div a span{margin:0;width:120px;height:71px;}
.gap-data-manage-box .select .left a span{background: url(/resources/assets/images/gap21.png) no-repeat center center;opacity:0.5;}
.gap-data-manage-box .select .right a span{background: url(/resources/assets/images/gap22.png) no-repeat center center;opacity:0.5;}
.gap-data-manage-box .select .left:hover a span, .gap-data-manage-box .select .left.on a span{background: url(/resources/assets/images/gap21.png) no-repeat center center;opacity:1;}
.gap-data-manage-box .select .right:hover a span, .gap-data-manage-box .select .right.on a span{background: url(/resources/assets/images/gap22.png) no-repeat center center;opacity:1;}
.gap-data-manage-box .select div a p{text-align:left;}
.justify-center{justify-content: center;}
.font-setting-12{color:#f25b2b;}

/* 갭진단 결과보고서 pdf */
.gap-result-all .cover_wp .cover_tit{background:#353535 url(/resources/assets/images/setting_esg_cover.png) no-repeat center right; background-size: 104%; height:741px;}
.gap-result-all .cover_wp .cover_ft{background:#f9f8f5;padding:0 24px 0 74px;display:flex;justify-content:space-between;align-items: center;height:53px;}
.gap-result-all .cover_wp .cover_ft p{line-height: normal; color: #777; font-size: 10px; letter-spacing: 0; font-weight: 200;}
.gap-result-all .cover_wp .cover_ft a{display: flex; justify-content: center; align-items: center;}
.gap-result-all .cover_wp .cover_ft span{letter-spacing:0; font-size: 11px; font-weight: 200;}
.gap-result-all .cover_wp .cover_ft em{display: flex; background: #f25b2b url(/resources/assets/images/pdf-logo.png) no-repeat center center; width: 44px; height: 18px; background-size: 26px; align-items: center; justify-content: center; border-radius: 25px; margin-left: 14px;}
.gap-result-all  .page_con .top_year{background:#5dc887;}
.gap-result-all .page_con .check-box i{color: #5dc887;}
.gap-result-all .page_con .top_txt{font-size:16px;margin:0 0 40px;color:#444;line-height:1.6;}
.gap-result-all .page_con .top_txt2{color: #000; letter-spacing: -0.5px;}
/* .gap-result-all .page_con .check-box span{display:inline-block;font-size:15px;} */
.gap-result-all .page_con .check-box > div > span{width:100%;}
.gap-result-all .page_con .check-box span img{width:18px;margin-right:5px;}
.gap-result-all .page_con .check-box em{font-style:normal;font-style: normal; color: #3d3938; font-weight: 300; letter-spacing: -0.5px;}
.gap-result-all .page_con .check-box b{font-weight:600;}
.gap-result-all .topic_list_wp .col-lg-4 .card-body .setting_topic_tit{padding:0 0 5px; display: flex; justify-content: space-between; align-items: center;font-size:14px;}
.gap-result-all .topic_list_wp .col-lg-4 .setting_topic_tit i{font-size:22px;}
.gap-result-all .topic_list_wp .col-lg-4 .setting_topic_txt{font-size: 13px; letter-spacing: -0.5px; color: #333; font-weight: 300;}
.bg-green{background: #e0efe6 !important;}
.gap-result-all .page_con .border-box{background:#fff;}
.gap-result-all .page_con .border-box .text-box{display:inline-block;font-size:15px;}
.gap-result-all .page_con .border-box > div > span{width:100%;}
.gap-result-all .page_con .border-box .text-box img{width:18px;margin-right:5px;vertical-align:middle;}
.gap-result-all .page_con .border-box .text-box em{font-style:normal;font-style: normal; color: #3d3938; font-weight: 300; letter-spacing: -0.5px;}
.gap-result-all .page_con .border-box .text-box b{font-weight:600;}
.gap-result-all .btn-gray{display: inline-flex; background: #3e3a39; color: #fff; border-radius: 5px; padding: 0px 13px;  margin: 0 0 15px;  font-weight: 700;  letter-spacing: -0.5px; font-size: 1.125rem;}
.gap-result-all .graph-wrap{display:flex; gap: 50px;justify-content: space-around;}
.gap-result-all .circle-graph{position:relative;}
.gap-result-all .circle-graph > strong{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:2rem;}
.graph-box .chart{position:relative;width:200px;height:200px;border-radius:50%;}
.graph-box span.center{background:#fff;display:block;position:absolute;top:50%;left:50%;width:174px;height:174px;border-radius:50%;text-align:Center;line-height:80px;transform:translate(-50%, -50%);}
.font-setting-11{font-size: 15px; margin: 0 0 50px;}
.gap-result-all .graph-box{position:relative;display: flex; flex-direction: column; align-items: center; width: 33.3%;}
.gap-result-all .graph-box > p{display: flex; width: 100%; max-width: 218px;  font-size: 13px;  font-weight: 300;  letter-spacing: -0.5px;  margin: 20px 0 0;  color: #575453;}
.gap-result-all .graph-box .number-box{position:absolute;left: 50%; top: 45px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.gap-result-all .graph-box .number-box em{font-style:normal;position:relative;color: #fff; font-weight: 800; font-size: 23px;}
/* .gap-result-all .graph-box .number-box em::before{content:'';width:35px;height:35px; position: absolute; z-index: -1; left: 50%; top: 50%; transform:rotate(45deg);-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);margin: -17.5px 0 0 -17.5px;display: inline-block;} */
.gap-result-all .graph-box .number-box em::before{content:'';width:50px;height:50px; position: absolute; z-index: -1; left: 50%; top: 50%; display: inline-block;background-repeat:no-repeat;background-position:center center; transform: translate(-50%, -50%);}
.gap-result-all .graph-box .number-box1 em::before{background-image:url(/resources/assets/images/gap25.png);}
.gap-result-all .graph-box .number-box2 em::before{background-image:url(/resources/assets/images/gap26.png);}
.gap-result-all .graph-box .number-box3 em::before{background-image:url(/resources/assets/images/gap27.png);}
.gap-result-all .graph-box .number-box b{font-size: 38px; font-weight: 400; margin: 10px 0 0; line-height: normal;}
.gap-result-all .graph-box .number-box p{margin: 5px 0 0; line-height: normal; font-size: 14px; font-weight: 200; letter-spacing: 0;}
.gap-result-all .topic_list_wp .col-lg-4:nth-child(1) .setting_topic_tit{color: #5cc685; border-bottom: 3px solid #5cc685;}
.gap-result-all .topic_list_wp .col-lg-4:nth-child(2) .setting_topic_tit{color: #5e9ba2; border-bottom: 3px solid #5e9ba2;}
.gap-result-all .topic_list_wp .col-lg-4:nth-child(3) .setting_topic_tit{color: #5572dd; border-bottom: 3px solid #5572dd;}
.gap-result-all .page_con .con_txt{letter-spacing:-0.5px;}
.gap-result-all .pdf-table{box-sizing:border-box;position:relative;}
.gap-result-all .pdf-table::after{content:'';position:absolute;bottom:0;left:0;right:0;width:100%;height:2px;background:#000;}
.gap-result-all .pdf-table table{width:100%;}
.gap-result-all .pdf-table table thead{border-top: 2px solid #000; border-bottom: 1px solid #000;}
.gap-result-all .pdf-table table thead th{text-align:center;padding:5px 0;}
.gap-result-all .pdf-table table thead th.border-top-black{border-top:1px solid #000 !important;}
.gap-result-all .pdf-table table tbody th{background: #ddf4e6 !important;text-align:left;}
.gap-result-all .pdf-table table tbody th, .gap-result-all .pdf-table table tbody td{padding: 5px 10px !important;border-bottom: 1px solid #ddd !important;border-right:1px solid #ddd !important; vertical-align: baseline;}
.gap-result-all .pdf-table table tbody tr:first-child th, .gap-result-all .pdf-table table tbody tr:first-child td{border-top:0 !important;}
.gap-result-all .pdf-table table tbody td:last-child{border-right:0;}
.gap-result-all .pdf-table table tbody td b{}
.gap-result-all .pdf-table table tbody td ul{margin:0;}
.gap-result-all .pdf-table table tbody tr:last-child th, .gap-result-all .pdf-table table tbody tr:last-child td{border-bottom:0 !important;}
.gap-delete-box .modal-dialog form{width:100%;}
.gap-result-all .cover_wp .cover_tit h3{font-size:42.666666666666664px;}
.gap-result-all .cover_wp .cover_tit .year{font-size:93.33333333333333px;}
.gap-result-all .cover_wp .cover_tit .company{font-size:20px;}
.gap-result-all .page_wp{display:flex;}
.bb0{border-bottom:0 !important;}

/* 모바일 */
@media (max-width: 992px) {
.page-content{padding: calc(10px + 24px) 24px 106px;}
.gap-info-modal .modal-dialog .modal-content{padding:40px;}
.gap-info-modal ul{padding:0 0 0 24px;}
.padding-setting01{flex-direction:column;}
.padding-setting02{padding:0 40px;}
.padding-setting02 img{width:100%;}
.gap-box-01{width:100%;padding-left:0;padding:0 20px;}
.gap-box-01 > div > div{flex-direction: column;}
.position-setting01{width:100% !important;left:50% !important;transform:translateX(-50%) !important;bottom:30px !important;height:81px !important;}
.position-setting01 .modal-dialog{margin:0;}
.flex-setting04 > b{text-align:center;}
.flex-setting04 > p{margin:0 0 40px;}
.flex-setting05{width:100%;}
.gap-box-01 .custom-control-label{font-size:14px;}
.gap-box-01 .custom-control-label.margin-l-10{padding-left:54px;}
.gap-box-01 .custom-control-label.margin-l-10::before, .gap-box-01 .custom-control-label.margin-l-10::after{left:15px;}
.font-setting-06{padding:0;padding-top:20px;}
.padding-setting04{padding-top:0;}
.padding-setting04 img{width:100%;padding:0 30px;box-sizing:border-box;}
.shadow-box-02{flex-direction:column;}
.gap-box-02 .left{width:100%;overflow-y: initial;}
.gap-box-02 .right{width:100%;padding:0 20px;overflow-y:auto;}
.accordion-box .card-body{margin:0 30px;}
.gap-box-03{width:100%;overflow-y: initial;padding-right:0;}
.gap-box-03 > div > div{flex-direction:column;}
.gap-box-03 .left2{width:100%;margin:0 0 15px;}
.gap-box-03 .right2{width:100%;}
.flex-setting06 > div{min-width:auto;width:50%;margin:10px 0;}
.input-setting01 input{width:100%;}
.padding-setting05{padding:40px 30px !important;}
.box-setting01 > div{flex-direction: column;}
.gap-chart-box-wrap{flex-direction: column;}
.table-scroll-box table{min-width:1600px;}
.font-setting-09{padding:30px 0 0;}
.gap-chart-box{width:100%;margin:0 0 30px;}
.gap-chart-box:last-child{margin:0;}
.gap-chart-box .circle-graph-container.svg{width:180px;height:180px;}
.gap-chart-box .gap-chart .circle-bg{background-size:130px;}
.gap-chart-box .gap-chart .circle-bg{font-size:24px;}
.gap-chart-box01{background:url(/resources/assets/images/gap11.png) no-repeat bottom -5px left -10px;background-size:170px;}
.gap-chart-box02{background:url(/resources/assets/images/gap12.png) no-repeat bottom -5px left -6px;background-size:170px;}
.gap-chart-box03{background:url(/resources/assets/images/gap13.png) no-repeat bottom -5px left -3px;background-size:170px;}
#gap_submitform .final-modal-dialog{padding:0;border-radius:0;}
#gap_submitform .final-modal-dialog .modal-content{border-radius:0;border:0;margin:0;}
#gap_submitform .final-modal-dialog .btn-outline-primary{display:none;}
#gap_submitform .final-modal-dialog .button-items .btn-secondary{right:0;position:static;}
.button-setting02{margin:2px 0;}
.toggle-box{margin:20px 0 0;}
.gap-box-03 > div{padding:40px 0 40px;}
.input-setting02 .custom-control-label{padding-right:20px;}
.final-modal-dialog .modal-content .button-items{justify-content: space-between;    flex-direction: row-reverse; }
.gap-setting-box .inventory-step-box{flex-direction:column;}
.gap-setting-box .inventory-step-box .inventory-step-item{width:100% !important;}
.gap-con-01{margin:0;padding:0;}
.gap-con-02{margin:8px 0 0;}
.gap-con-03{padding:30px 0;}
.gap-con-04{flex-direction:column; margin:0;}
.gap-con-05{flex-direction:column; width:100%; padding:10px 0;}
.gap-con-07{width:100%;}
.gap-con-07 select, .gap-con-07 input{width:100%;}
.gap-con-05 .gap-con-07{padding-right:0;}
.gap-con-08{flex-direction:column;}
.gap-con-12{flex-direction: row;}
.navbar-header{padding:0;background:#3b3c3e}
.navbar-header div.d-lg-none{display:none !important;}
.navbar-header > div{justify-content:space-between;width:100%;}
.header-item{padding-top:0;padding-bottom:0;box-sizing:border-box;}
.header-item i{color:#fff;font-size: 38px !important;}
.gap-setting-box .white-box{padding:30px 30px 80px 30px;}
.gap-setting-box .pagination-box{bottom:50px;}
.gap-setting-box .paging-select-box{flex-direction: row-reverse;right:auto;left:30px;}
.gap-setting-box .paging-select-box .dropdown{margin-right:12px;}
.gap-setting-box .inventory-list-box .inventory-step-box .inventory-step-item .select-box-wrap .select-box .d-md-none{display:none;}
.gap-setting-box .inventory-list-box .inventory-step-box .inventory-step-item .top{border-top:1px solid #d4d4d4;}
.gap-setting-box .inventory-list-box .inventory-step-box .inventory-step-item:first-child .top{border-top:0;}
.gap-setting-box .inventory-list-box .inventory-step-box .inventory-step-item .select-box-wrap .select-box ul li{padding:0 40px 0 20px;}
.gap-setting-box .select-box ul.custom-checkbox03.report-list li > div:first-child{align-items: center;}
.gap-setting-box .inventory-list-box .inventory-list-box-top #current_navigation{flex-wrap:wrap;}
.gap-setting-box .inventory-list-box .inventory-list-box-top .left{display: flex; justify-content: center; align-items: center;}
.gap-setting-box .inventory-list-box .inventory-list-box-top .right{height:70px;}
.gap-con-03 b{margin:0 0 14px;}
.gap-con-07 .choice-box02 div{min-width:auto;width:33.3%;}
.gap-con-07 #editor{width:100%;}
.gap-con-12{padding:15px 0 0;}
.gap-con-09 .num-box{position:static;margin-right:10px;}
.gap-con-09 .btn-box{padding-left:10px;}
.gap-con-05 .gap-con-07 select{width:100% !important;}
.white-box02{padding:30px 30px 40px 30px !important;}
.gap-con-13{padding:0 !important;}
.gap-con-13 b{padding:10px 0 0;}
.gap-manage-box .gap-con-03:last-child{padding:30px 0 0;}

body .rpt-sidebar-wp{z-index:1003;}
.profile-main-loader{width:100%;}
.profile-main-loader p{text-align:center;}

.report-wrap .report-list-box .inventory-list-box-top .right{height:auto;padding:10px 20px;position:relative;}
.report-wrap .report-list-box .inventory-list-box-top .right > div{flex-wrap:wrap;}
.report-wrap .inventory-list-box .inventory-list-box-top .right p.rpt-button-wp{width:100%;}
.report-wrap .inventory-list-box .inventory-list-box-top .right p.rpt-button-wp button{margin:10px 0 0;}
.report-wrap .report-list-box  .btn-inventory-show{height:100%;}
.report-wrap .report-list-box .inventory-step-box{flex-direction: column;}
.report-wrap .report-list-box .inventory-step-box .inventory-step-item{border-right:0;width:100%;}
.report-wrap .report-list-box .inventory-step-box .inventory-step-item .select-box-wrap{height: 160px; border-bottom: 1px solid #d4d4d4;}
.report-wrap .report-list-box .inventory-step-box .inventory-step-item:last-child .select-box-wrap{border-bottom:0;}
.report-wrap .report-list-box .inventory-step-box .inventory-step-item .select-box-wrap .select-box{min-height: 140px; max-height: 140px;}
.report-container{flex-direction: column;}
.report-container .report-left-box{width:100%;min-width:auto;}
.report-container .resizer{height:30px;}
.report-container .report-right-box{min-width:auto; width:100%;}
.report-new .report-container .fr-box.fr-basic.fr-top .fr-wrapper{height:auto !important;}
.report-new .report-container .fr-box.fr-basic .fr-element{min-height:auto !important;}
.report-menu-list{flex-wrap: wrap;}
.report-menu-list .report-menu-box{flex-wrap: wrap;}
}


.gap-setting-box .select-box ul.custom-checkbox03.report-list li{position:static !important;}
.gap-setting-box .custom-control-input[disabled] ~ .custom-control-label::before, .gap-setting-box .custom-control-input:disabled ~ .custom-control-label::before{background:#444;border-color:#444;}
.gap-setting-box .col-md-12 .inventory-list-box .inventory-step-box .inventory-step-item .select-box-wrap .select-box ul li{padding:0 35px 0 40px;}
.gap-setting-box .col-md-12 .inventory-list-box .inventory-step-box .inventory-step-item .select-box-wrap .select-box ul li.on{background-image:url(/resources/assets/images/gap17.png);background-repeat:no-repeat;background-position:center left 14px;}
.gap-list-box .custom-control-label{display:none;}
.gap-button-box{position:relative;}
.gap-button-box .gap-button-list{position: absolute; right: 20px; display: flex; top: -2px}
.gap-list-box .inventory-step-box .inventory-step-item .select-box-wrap .select-box ul li div div.clickd{width:100%;}
.gap-list-box .inventory-step-box .inventory-step-item .select-box-wrap .select-box ul li b{width: 70%;display: block;white-space: break-spaces;box-sizing: border-box;overflow-wrap: break-word;}



.panel-container{display: flex;flex-direction: row;overflow: hidden;xtouch-action: none;}
.panel-left{flex: 0 0 auto;padding: 10px;width: 300px;min-width: 150px;white-space: nowrap;max-width:1050px;}
.splitter{flex: 0 0 auto;width: 30px;background: url(/resources/assets/images/icon-rpt-mouse.png) no-repeat center;height: 100%;cursor: col-resize;  }
.splitter-horizontal{flex: 0 0 auto;width:100%;background: url(/resources/assets/images/icon-rpt-mouse2.png) no-repeat center;height: 30px;cursor: col-resize;  }
.panel-right{flex: 1 1 auto;padding: 10px;width:500px;min-height: 200px;min-width: 500px;}


@media (max-width: 992px) {
.report-new .dashboard-top-box > div{margin:0 0 20px;}
.report-new .top-box .btn-dark{margin-left:0; margin-right:10px;}
.report-menu-list .report-menu-box{margin:0 0 10px;}
.report-menu-list .report-menu-box > div, .report-menu-list .report-menu-box > ul{margin:5px 0;}

.report-container{flex-direction: column;}
.report-container .white-box{max-height: 630px;}

.report-right-box .fr-toolbar .fr-btn-grp{margin: 0 30px 0 6px;}

.ai-select-index-box .modal-dialog{padding:30px !important;}
.ai-select-index-box .modal-dialog .modal-content{padding: 30px 20px 30px 30px;}
.ai-select-index-box .select-depth-box .list-box > div{flex-direction:column;}
.ai-select-index-box .select-depth-box .list-box .list{margin:0 0 24px; width:100%;}
.ai-select-index-box .select-depth-box .list-box .list.list03{margin:0;}
.ai-select-index-box .select-depth-box .list-box .list .top{position:relative; padding: 18px 20px; align-items: flex-start;}
.ai-select-index-box .select-depth-box .list-box .list .top h4{margin:0;}
.ai-select-index-box .select-depth-box .list-box .list .top > div{height:auto;}
.ai-select-index-box .select-depth-box .list-box .list .top > div > p{padding:10px 0 0;}
.ai-select-index-box .select-depth-box .list-box .list .top > div > p > em{font-style:normal; position:absolute;right:20px;top:20px;}
.ai-select-index-box .inventory-setting-box .list-box .list .bottom .select-box-wrap .select-box{min-height:200px;max-height:200px;}

.save-step-modal .modal-dialog .modal-content{padding:50px 30px !important;}
.save-step-modal .modal-dialog .modal-content .modal-head, .save-step-modal .modal-dialog .modal-content .modal-body{min-width:auto !important;}
.save-step-modal .button-items{flex-wrap: wrap;justify-content: space-between;}
.save-step-modal .button-items button{margin:5px 0 !important; width:48.5%;}

.inventory-list-box.active{height:auto !important;}
.inventory-list-box.active .report-step-box{display:none;}
.inventory-list-box.active .inventory-list-box-top{border-bottom:0;}

.report-new-box-top .top-box02 .btn-translate{position: absolute; right: 0; bottom: 8px; background-color: #fff; height: 28px; background-size: 22px; display: flex; align-items: center; width: 92px;}
.report-new-box-top .right .top-box02 .btn-translate p{padding-left:30px;}

.ai-list-content .button-setting03{margin-top:10px;}

.main-content .gap-list-content .ai-register-box{padding:30px;}
.ai-register-con ul{flex-direction: column;}
.ai-register-con ul li{width:100% !important; flex-direction: column;}
.ai-register-con .left01{padding-top:0;}
.ai-register-con .right01{width:100%;}
.ai-register-con .right02{padding-right:0;}
.ai-register-box .search-box2{min-width:auto;width:100%;}
.ai-register-box .button-setting03{flex-direction: column;}
.ai-register-box .con-mid{flex-direction: column;}
.ai-register-box2 .con-mid > div:first-child{padding-right:0;}
.ai-register-box .con-mid > div{width:100%;}
.ai-register-box2 .con-mid > div:last-child{padding-left:0;}
.ai-register-box2 .con-mid > div:last-child .con-mid-01{display:none !important;}
.ai-register-box2 .con-mid-02 .c2{min-width:30px;}
.ai-register-box2 .con-mid-02 .c4 a{margin-left:10px;}
.button-setting03 .button-group-box{justify-content: space-between; width:100%; margin:20px 0 0;}
.button-setting03 .button-group-box button{min-width: 80px; padding: 0; margin: 0 !important; height: 30px;}
.button-setting03 .button-group-box button:nth-child(2){padding:0 12px;}
.ai-register-box .search-box2{margin:10px 0 0;}
.ai-register-list-box{margin:30px 0 0;}
.manage-data-box02 .modal-dialog .modal-content{padding:40px 28px;}
.lang-manage-box .con-mid-01 > div:last-child{padding-left: 8px;}
.lang-manage-box02 .modal-body .con-mid-02 .c1, .lang-manage-box02 .modal-body .con-mid-02 .c3, .lang-manage-box02 .modal-body .con-mid-01 .c1, .lang-manage-box02 .modal-body .con-mid-01 .c3{width: calc(100% - 146px / 2);  min-width: auto;  max-width: none;  position: relative;}
}

.select-depth-box .list-box .list .top > div > p > em{font-style:normal;}