@charset "UTF-8";
body {
  width: 100%;
  height: 100%;
  color: #2b3851;
  min-width: 1280px;
  overflow-y: scroll;
}

body .admin_wrapper {
  height: 100%;
  width: 100%;
}

body .admin_wrapper .header {
  width: 100%;
  position: relative;
  z-index: 100;
  background: #fff;
}

body .admin_wrapper .header .admin_gnb {
  z-index: 100;
  background: #fff;
  width: 1280px;
  height: 74px;
  margin: 0 auto;
  position: relative;
}

body .admin_wrapper .header .admin_gnb .logo {
  display: inline-block;
  margin: 0;
  width: 240px;
  height: 100%;
  padding-left: 30px;
}

body .admin_wrapper .header .admin_gnb .logo a {
  display: inline-block;
  width: 100%;
  height: 74px;
  margin-top: 1px;
  background: url("../images/main_logo.jpg") no-repeat 0% 50%;
}

body .admin_wrapper .header .admin_gnb .logoNew a {
  display: inline-block;
  width: 100%;
  height: 74px;
  margin-top: 1px;
  background: url("../images/SaaS_logo.png") no-repeat 0% 50%;
}

body .admin_wrapper .header .admin_gnb .logo a#logo {
	background: none;
    font-size: smaller;
    font-weight: 600;
}

body .admin_wrapper .header .admin_gnb .user_info {
  display: block;
  position: absolute;
  right: 30px;
  top: 30px;
}

body .admin_wrapper .header .admin_gnb .user_info a {
  padding: 5px 4px;
  color: #919699;
  text-decoration: none;
  margin-left: 5px;
  cursor: pointer;
}

body .admin_wrapper .header .admin_gnb .user_info a:hover {
  background: #f4f4f5;
  border-radius: 3px;
}

body .admin_wrapper .header .admin_gnb .user_info .user_line {
  display: inline-block;
  width: 1px;
  height: 24px;
  background: url(../../images/icon_m_line.png) 0 50% no-repeat;
  vertical-align: bottom;
  margin-right: 2px;
  margin-left: 13px;
}

body .admin_wrapper .header .admin_gnb .user_info .user_profile {
  display: inline-block;
  padding: 0 10px;
}

body .admin_wrapper .header .admin_gnb .user_info .user_profile span {
  display: inline-block;
  border-radius: 50px;
  overflow: hidden;
  vertical-align: middle;
}

body .admin_wrapper .header .admin_gnb .user_info .user_profile span img {
  width: 24px;
  height: auto;
}

body .admin_wrapper .header .admin_gnb .user_info .user_profile_img {
  margin-right: 7px;
}

body .admin_wrapper .header .admin_gnb .user_info .user_profile_name {
  font-size: 11px;
  line-height: 12px;
}

body .admin_wrapper .admin_content {
  position: relative;
  width: 100%;
  min-height: 100%;
  background-color: #f0f2f5;
}

body .admin_wrapper .admin_content .admin_inner {
  box-sizing: border-box;
  width: 1280px;
  padding: 0px 30px 59px;
  margin: 0 auto;
}

body .admin_wrapper .admin_content .admin_inner .admin_lnb {
  display: inline-block;
  width: 170px;
  line-height: 55px;
  float: left;
}

body .admin_wrapper .admin_content .admin_inner .admin_lnb .lnb_title {
  margin: 0;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #797b7f;
  line-height: 55px;
  height: 55px;
  width: 100%;
}

body .admin_wrapper .admin_content .admin_inner .admin_lnb .lnb_menu {
  position: relative;
  width: 100%;
  display: inline-block;
  margin: 30px 0 0 0;
}

body .admin_wrapper .admin_content .admin_inner .admin_lnb .lnb_menu li {
  text-align: left;
  vertical-align: middle;
  list-style: none;
}

body .admin_wrapper .admin_content .admin_inner .admin_lnb .lnb_menu li a:link,
body .admin_wrapper .admin_content .admin_inner .admin_lnb .lnb_menu li a:visited,
body .admin_wrapper .admin_content .admin_inner .admin_lnb .lnb_menu li a:hover,
body .admin_wrapper .admin_content .admin_inner .admin_lnb .lnb_menu li a:active {
  display: block;
  font-size: 16px;
  padding: 11px 0;
  color: #919699;
  line-height: 20px;
  font-weight: bold;
  text-decoration: none;
}

body .admin_wrapper .admin_content .admin_inner .admin_lnb .lnb_menu li a:link.active,
body .admin_wrapper .admin_content .admin_inner .admin_lnb .lnb_menu li a:visited.active,
body .admin_wrapper .admin_content .admin_inner .admin_lnb .lnb_menu li a:hover.active,
body .admin_wrapper .admin_content .admin_inner .admin_lnb .lnb_menu li a:active.active {
  color: #2b3851;
  background: url(../images/icon_lnb_arrow.png) right 50% no-repeat;
}

body .admin_wrapper .admin_content .admin_inner .admin_main_content {
  width: 1020px;
  margin-left: 200px;
  background: #fff;
  min-height: 807px;
  border-radius: 3px;
  position: relative;
  top: 30px;
  padding: 37px 40px 70px 40px;
}

body .admin_wrapper .admin_footer {
  width: 100%;
  position: relative;
  background: #fff;
}

body .admin_wrapper .admin_footer .admin_footer_inner {
  box-sizing: border-box;
  width: 1280px;
  margin: 0 auto;
  min-height: 56px;
  position: relative;
  padding: 10px 30px;
}

body .admin_wrapper .admin_footer .admin_footer_inner .footer_links {
  margin-top: 5px;
  margin-bottom: 10px;
  position: relative;
  top: -1px;
}

body .admin_wrapper .admin_footer .admin_footer_inner .footer_links a {
  font-size: 11px;
  color: #919699;
  display: inline-block;
  padding: 0 21px 0 17px;
  background: url(../images/icon_m_line.png) 100% 50% no-repeat;
  text-decoration: none;
}

body .admin_wrapper .admin_footer .admin_footer_inner .footer_links a:first-child {
  padding-left: 0;
}

body .admin_wrapper .admin_footer .admin_footer_inner .footer_links a:last-child {
  background: none;
}

body .admin_wrapper .admin_footer .admin_footer_inner .footer_copyright {
  font-size: 11px;
  color: #919699;
  line-height: 18px;
  margin: 0;
}

body .admin_wrapper .admin_footer .admin_footer_inner .footer_copyright strong {
  font-size: 12px;
}

body .admin_wrapper .admin_footer .admin_footer_inner .footer_logo {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}

body .user_profile_popup {
  position: relative;
  width: 320px;
  height: 170px;
  padding: 20px 0 0 20px;
  background: #fff;
}

body .user_profile_popup dl {
  display: inline-block;
  position: relative;
  padding: 0 0 10px 0;
  margin-bottom: 0px;
}

body .user_profile_popup dl dt {
  display: block;
  height: 90px;
  box-sizing: border-box;
  padding: 5px 0 10px 87px;
  vertical-align: baseline;
}

body .user_profile_popup dl dt strong {
  display: block;
  font-size: 14px;
  padding-bottom: 11px;
}

body .user_profile_popup dl dt p {
  padding-bottom: 4px;
  color: #919699;
  font-size: 12px;
  font-family: Arial, "돋움", Dotum, Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin: 0px;
}

body .user_profile_popup dl dt .profile-img {
  display: block;
  position: absolute;
  left: 5px;
  top: 10px;
  width: 72px;
  height: 72px;
  overflow: hidden;
  background: url(../../images/bg_user_photo.png) no-repeat;
  border-radius: 50px;
}

body .user_profile_popup dl dt .profile-img img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

body .user_profile_popup .profile-button {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 41px;
  padding: 0 24px 0 11px;
  margin: 0;
  border: none;
  border-top: 1px solid #c8cacc;
  background: url(../../images/icon_btn_r_arrow.png) 193px 50% no-repeat;
  line-height: 41px;
  font-family: "돋움", Dotum, Arial, Helvetica, sans-serif;
  font-size: 13px;
  box-sizing: border-box;
  text-align: center;
  color: #333;
  cursor: pointer;
  min-width: 90px;
}

body .user_profile_popup .profile-button:hover {
  background: #f4f4f5 url(../../images/icon_btn_r_arrow.png) 193px 50% no-repeat;
}

.navigation .navigation_menu {
  margin-top: 34px;
  margin-bottom: 0;
  padding-left: 0;
}

.navigation .navigation_menu .menuList_menu {
  display: inline-block;
  position: relative;
  margin-right: 36px;
}

.navigation .navigation_menu .menuList_menu .menuList_menu_label {
  color: #919699;
  display: block;
  font-size: 15px;
  text-align: center;
  height: 40px;
  vertical-align: top;
  letter-spacing: 0.04em;
  box-sizing: border-box;
  border-bottom: 4px solid #fff;
  padding: 0 20px;
  text-decoration: none;
}

.navigation .navigation_menu .menuList_menu .menuList_menu_label:hover {
  color: #2b3851;
}

.navigation .navigation_menu .menuList_menu .selected {
  border-color: #2b3851;
  color: #2b3851;
}

.navigation .navigation_menu .menuList_menu.menu_actived .menuList_menu_label {
  color: #2b3851;
}

.navigation .navigation_menu .menuList_menu .subMenuList {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border: 1px solid #b6bbc6;
  padding: 10px 0;
  display: none;
  box-shadow: 2px 2px 0 0 rgba(208, 208, 208, 0.6);
  z-index: 9;
}

.navigation .navigation_menu .menuList_menu .subMenuList .subMenuList_menu {
  margin: 0;
  text-align: left;
  padding: 0;
  display: block;
}

.navigation .navigation_menu .menuList_menu .subMenuList .subMenuList_menu a {
  display: block;
  font-size: 13px;
  padding: 10px 20px;
  text-align: left;
  color: #919699;
  white-space: nowrap;
  text-decoration: none;
}

.navigation .navigation_menu .menuList_menu .subMenuList .subMenuList_menu a:hover {
  background: #f4f4f5;
}

.navigation .navigation_menu .menuList_menu .subMenuList .subMenuList_menu a.selected {
  font-weight: bold;
}

.navigation .navigation_menu .menu_actived .subMenuList {
  display: block;
}

.table-select-mode .table-control-button button {
  min-width: 90px;
  padding: 0 20px;
  height: 23px;
  line-height: 23px;
}

.table-select-mode .table-control-button.select-mode {
  background-color: #aaafb9;
}

.table-select-mode .table {
  margin-bottom: 0;
}

.table-select-mode .table thead {
  border-bottom: 1px solid #cccccc;
}

.table-select-mode .table thead tr th {
  height: 47px;
  line-height: 38px;
  position: relative;
  background-color: #f4f4f5;
}

.table-select-mode .table thead tr th .move {
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transition: width 0.5s;
  background: url(../images/common_icon.png) no-repeat;
  background-position: 1px -334px !important;
  background-color: #f7f7f7;
}

.table-select-mode .table thead tr th .move:focus {
  outline-style: none;
  width: 16px;
  border-left: 1px solid #aaaaaa;
}

.table-select-mode .table thead tr th .move:focus .sort {
  display: inline-block;
}

.table-select-mode .table thead tr th:hover .move {
  width: 16px;
  border-left: 1px solid #aaaaaa;
}

.table-select-mode .table thead tr th .sort {
  display: none;
  position: absolute;
  top: 46px;
  left: -1px;
  width: 169px;
  height: 86px;
  background-color: #ffffff;
  border: 1px solid #aaaaaa;
  z-index: 99999;
}

.table-select-mode .table thead tr th .sort ul li {
  height: 28px;
  line-height: 28px;
  text-align: left;
  padding-left: 15px;
  color: #aebee2;
}

.table-select-mode .table thead tr th .sort ul li img {
  position: relative;
  top: -1px;
  margin-right: 5px;
}

.table-select-mode .table thead tr th .sort ul li:hover {
  background-color: #305faf;
}

.table-select-mode .table thead tr th .sort ul li.disabled {
  background-color: #f9f9f9;
}

.table-select-mode .table tbody tr:nth-of-type(even) {
  background-color: #fafafa;
}

.table-select-mode .table tbody tr th, .table-select-mode .table tbody tr td {
  border-top: none;
  height: 36px;
}

.table-select-mode .table tbody tr th {
  width: 30px;
}

.table-select-mode .table tbody tr td {
  cursor: pointer;
}

.table-select-mode .table-pagination {
  text-align: center;
}

.table-select-mode .table-pagination ul {
  margin-top: 12px;
  margin-bottom: 0;
}

.table-summary {
  margin-top: 20px;
  margin-bottom: 5px;
}

.table-summary .total {
  display: inline-block;
  height: 14px;
  line-height: 14px;
  margin-right: 17px;
  position: relative;
}

.table-summary .total:after {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 1px;
  right: -12px;
  width: 1px;
  height: 11px;
  background-color: #ebebeb;
}

.table-summary .o-select-text {
  position: relative;
  top: 1px;
  left: -1px;
}

.table-summary .o-select-text .dropdown-toggle {
  padding-left: 3px;
  border: none;
}

.table-summary .o-select-text .dropdown-menu {
  height: 100px !important;
}

.table-summary .o-select-text .dropdown-menu ul li a {
  padding-left: 3px;
}

.dashboard {
  width: 1220px;
  min-height: 700px;
  position: relative;
  top: 15px;
}

.dashboard .title {
  font-weight: bold;
  margin-bottom: 15px;
}

.dashboard .title .title-major {
  font-size: 20px;
  color: #2b3851;
  margin-right: 13px;
}

.dashboard .title .title-minor {
  font-size: 20px;
  color: #919699;
  margin-left: 10px;
  position: relative;
}

.dashboard .title .title-minor:before {
  content: '';
  position: absolute;
  left: -10px;
  top: 3px;
  bottom: 3px;
  width: 1px;
  background-color: #919699;
}

.total-box {
  width: 100%;
  height: 120px;
  margin-bottom: 5px;
}

.total-box .total-tenant {
  display: inline-block;
  background: #fff;
  height: 100%;
  border-radius: 3px;
  padding: 20px 30px;
  width: 543px;
  float: left;
}

.total-box .total-sub {
  display: inline-block;
  background: #fff;
  height: 100%;
  border-radius: 3px;
  padding: 20px 30px;
  width: 672px;
  margin-left: 5px;
}

.total-box .total-summary {
  float: left;
  margin: 10px 0 0 10px;
}

.total-box .total-summary .total-value {
  display: inline-block;
  font-size: 50px;
  font-family: Verdana;
  font-weight: normal;
  line-height: 60px;
}

.total-box .total-summary .total-label {
  display: inline-block;
  font-size: 22px;
  line-height: 22px;
  font-weight: bold;
  margin-left: 4px;
}

.total-box .total-summary .icon-info {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/icon_info.png") no-repeat;
  vertical-align: middle;
  margin-left: 4px;
}

.total-box .total-summary-box {
  display: inline-block;
  float: right;
  width: 100px;
  height: 80px;
  color: #ffffff;
  text-align: center;
  border-radius: 3px;
  font-weight: bold;
  padding: 10px 0;
  margin-left: 10px;
  text-decoration: none;
}

.total-box .total-summary-box .total-summary-box-value {
  display: block;
  font-size: 30px;
  line-height: 30px;
  font-weight: normal;
  font-family: Verdana;
  padding-top: 8px;
}

.total-box .total-summary-box-inactive, .total-box .total-summary-box-sus {
  background-color: #c8cacc;
}

.total-box .total-summary-box-inactive:hover, .total-box .total-summary-box-sus:hover {
  background-color: #8c929a;
}

.total-box .total-summary-box-active, .total-box .total-summary-box-sub {
  background-color: #3f51b5;
}

.total-box .total-summary-box-active:hover, .total-box .total-summary-box-sub:hover {
  background-color: #354483;
}

.total-box .total-summary-box-draft {
  color: #3f51b5;
  background-color: #ffffff;
  border: solid 2px #3f51b5;
}

.total-box .total-summary-box-draft:hover {
  background-color: #f1f2f2;
}

.dashboard-wide-card {
  width: 100%;
  background-color: #fff;
  padding: 35px 30px;
  position: relative;
  margin-bottom: 15px;
}

.dashboard-wide-card > .icon-more-down {
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../images/saas/icon_more_down.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 22px;
}

.dashboard-wide-card > .icon-more-down:hover {
  background-color: #f4f4f5 !important;
  border-radius: 3px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] ul {
  padding: 0px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] ul li {
  list-style: none;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] ul li a {
  text-decoration: none;
  color: #000;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] ul[role="tablist"] {
  font-size: 14px;
  border-bottom: 1px solid #e3e4e5;
  padding-bottom: 4px;
  margin-bottom: 0px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] ul[role="tablist"] li {
  display: inline-block;
  padding: 5px 20px;
  position: relative;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] ul[role="tablist"] li.active:after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0px;
  right: 0px;
  height: 4px;
  background-color: #2b3851;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart-navi {
  padding-top: 20px;
  height: 53px;
  clear: both;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart-navi .chart-navi-select {
  float: left;
  width: 258px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart-navi .chart-navi-title {
  margin-left: 300px;
  height: 31px;
  text-align: center;
  color: #919699;
  font-size: 14px;
  font-weight: bold;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart-navi .chart-navi-title > a.prev, .dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart-navi .chart-navi-title > a.next {
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 14px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart-navi .chart-navi-title > a.prev {
  background-image: url("../images/saas/icon_tooltip_arrow_l.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  margin-right: 15px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart-navi .chart-navi-title > a.next {
  background-image: url("../images/saas/icon_tooltip_arrow_r.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  margin-left: 15px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .month-list {
  margin-left: 269px;
  position: relative;
  height: 20px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .month-list span {
  position: absolute;
  color: #919699;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .month-list span.point {
  font-weight: bold;
  color: #616466;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart {
  height: 223px;
  background-color: blue;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  border-top: 1px solid #ebebeb;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart .overlay {
  position: absolute;
  left: 269px;
  top: 0px;
  width: 100%;
  height: 100%;
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart .overlay li {
  display: inline-block;
  width: 70px;
  background-color: transparent;
  border-right: 1px solid #ebebeb;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart .chart-content {
  margin: 0px;
  position: relative;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart .chart-content:after {
  position: absolute;
  content: '';
  top: 0px;
  bottom: 0px;
  left: 408px;
  width: 1px;
  background-color: #000;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart .chart-content li {
  height: 47px;
  clear: both;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart .chart-content li:nth-child(odd) {
  background-color: #f9fafa;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart .chart-content li:nth-child(even) {
  background-color: #f4f4f5;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart .chart-content li > div {
  height: 100%;
  vertical-align: middle;
  font-size: 12px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart .chart-content li > div.chart-content-item {
  width: 269px;
  float: left;
  color: #919699;
  padding: 0px 10px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart .chart-content li > div.chart-content-value {
  margin-left: 269px;
  position: relative;
  border-left: 1px solid #f4f4f5;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart .chart-content li > div.chart-content-value .chart-content-value-bar {
  position: absolute;
  left: 0px;
  top: 50%;
  width: 100px;
  height: 16px;
  margin-top: -8px;
  background-color: #e7e9eb;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  text-align: right;
  padding-right: 10px;
  padding-left: 10px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart .chart-content li > div.chart-content-value .chart-content-value-bar.left {
  text-align: left;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart .chart-content li > div.chart-content-value .chart-content-value-bar > span {
  vertical-align: top;
  line-height: 17px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart .chart-content li > div.chart-content-value .chart-content-value-bar.approaching {
  background-color: #ff675c;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  color: #fff;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart .chart-content li > div.chart-content-value .chart-content-value-bar.approaching > a {
  position: absolute;
  content: '';
  right: -25px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-image: url(../images/saas/triangle-infoIcon.png);
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-period .chart .chart-content li > div > span {
  line-height: 47px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage {
  clear: both;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-navi {
  padding-top: 20px;
  height: 300px;
  width: 269px;
  float: left;
  clear: both;
  border-right: 1px solid #f4f4f5;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-navi .chart-navi-select {
  float: left;
  width: 258px;
  margin-bottom: 22px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-navi .chart-navi-list {
  width: 269px;
  height: calc(100% - 57px);
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 22px;
  border-top: 1px solid #d7d9e3;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-navi .chart-navi-list ul {
  font-size: 12px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-navi .chart-navi-list ul li {
  padding: 0px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-navi .chart-navi-list ul li:nth-child(even) {
  background-color: #f9fafa;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-navi .chart-navi-list ul li.high-ratio a > span.spot, .dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-navi .chart-navi-list ul li.high-ratio a > span.ratio {
  color: #ff675c;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-navi .chart-navi-list ul li.low-ratio a > span.spot {
  color: #919699;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-navi .chart-navi-list ul li.low-ratio a > span.ratio {
  color: #3f51b5;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-navi .chart-navi-list ul li a {
  display: block;
  width: 252px;
  padding: 13px 45px 13px 10px;
  position: relative;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-navi .chart-navi-list ul li a .ratio {
  position: absolute;
  right: 10px;
  font-weight: bold;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-navi .chart-navi-list ul li a:hover {
  background-color: #f2f2f3;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-map {
  height: 296px;
  margin-left: 300px;
  overflow: hidden;
  position: relative;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-map .chart-map-total-cnt {
  position: absolute;
  left: 0px;
  top: 25px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-map .chart-map-total-cnt .info {
  display: inline-block;
  vertical-align: middle;
  width: 29px;
  height: 27px;
  border: 1px solid #ff948d;
  background-image: url("../images/saas/icon_map_warning.png");
  background-position: center;
  background-repeat: no-repeat;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-map .chart-map-total-cnt .total-cnt {
  display: inline-block;
  vertical-align: middle;
  height: 27px;
  border: 1px solid #ff948d;
  color: #ff675c;
  line-height: 27px;
  padding-left: 5px;
  padding-right: 5px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-map .chart-map-legend {
  position: absolute;
  right: 50px;
  top: 100px;
  font-size: 11px;
  text-align: right;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-map .chart-map-legend .color-box {
  display: inline-block;
  width: 19px;
  height: 19px;
  vertical-align: middle;
  margin-left: 5px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-map .chart-map-btn-area {
  position: absolute;
  right: 45px;
  top: 230px;
  width: 30px;
  height: 63px;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-map .chart-map-btn-area .zoom-in {
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("../images/saas/icon_plus.png");
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #c8cacc;
}

.dashboard-wide-card .subscription-view [role="tabpanel"] .tab-content .subscription-usage .chart-map .chart-map-btn-area .zoom-out {
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("../images/saas/icon_minus.png");
  background-position: center;
  background-repeat: no-repeat;
  border-right: 1px solid #c8cacc;
  border-left: 1px solid #c8cacc;
  border-bottom: 1px solid #c8cacc;
}

.card-area {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
}

.card-area .dashboard-card-wrapper {
  font-size: 12px;
  text-decoration: none;
  color: black;
}

.card-area .dashboard-card-wrapper:not(:last-child) {
  margin-right: 5px;
}

.card-area .dashboard-card-wrapper:hover {
  cursor: pointer;
}

.dashboard-card-wrapper {
  display: inline-block;
  flex-wrap: wrap;
  vertical-align: middle;
}

.dashboard-card-wrapper.hover:hover .subscription-card {
  border: 1px solid #d3d6dd;
}

.dashboard-card-wrapper .total-issues-card {
  margin-top: 5px;
  width: 240px;
  height: 305px;
  background-color: #ffffff;
  padding: 33px 0;
  position: relative;
}

.dashboard-card-wrapper .total-issues-card .total-issues-summary {
  display: flex;
  flex-wrap: wrap;
  padding-left: 30px;
  margin-bottom: 22px;
}

.dashboard-card-wrapper .total-issues-card .total-issues-summary .total-issues-num-div {
  text-align: left;
}

.dashboard-card-wrapper .total-issues-card .total-issues-summary .total-issues-num-div .total-issues-num {
  font-size: 50px;
  line-height: 40px;
}

.dashboard-card-wrapper .total-issues-card .total-issues-summary .total-issues-title {
  width: 120px;
  text-align: left;
  margin-left: 15px;
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
}

.dashboard-card-wrapper .total-issues-card .total-issues-summary .total-issues-desc {
  font-size: 14px;
  line-height: 16px;
  color: #a6a6a6;
}

.dashboard-card-wrapper .total-issues-card .total-issues-legend {
  display: flex;
  margin-top: 14px;
  padding-left: 30px;
}

.dashboard-card-wrapper .total-issues-card .total-issues-legend .total-issues-legend-left {
  width: 50px;
}

.dashboard-card-wrapper .total-issues-card .total-issues-legend .total-issues-legend-left .issue-badge-dday {
  height: 12px;
  background-color: #ffffff;
  border: 1px solid #ff675c;
  color: #ff675c;
  font-size: 8px;
  font-weight: bold;
  padding: 2px 3px;
}

.dashboard-card-wrapper .total-issues-card .total-issues-legend .total-issues-legend-left .issue-normal {
  background-color: #3f51b5;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  margin-left: 15px;
  margin-right: 5px;
  display: inline-block;
}

.dashboard-card-wrapper .total-issues-card .total-issues-legend .total-issues-legend-left .issue-exceeded {
  background-color: #ff675c;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  margin-left: 15px;
  margin-right: 5px;
  display: inline-block;
}

.dashboard-card-wrapper .total-issues-card .total-issues-legend .total-issues-legend-right {
  color: #919699;
  line-height: 14px;
}

.dashboard-card-wrapper .total-issues-card .total-issues-legend .total-issues-legend-right .total-issues-legend-right-desc {
  font-size: 11px;
  color: #a2a2a2;
}

.dashboard-card-wrapper .total-issues-card .btn-sub-monitoring {
  position: absolute;
  bottom: 0px;
  padding: 14px 23px;
  border-top: 1px solid #f0f2f5;
  color: #919699;
  width: 100%;
  height: 49px;
  cursor: pointer;
  text-decoration: none;
}

.dashboard-card-wrapper .subscription-card {
  margin-top: 5px;
  width: 240px;
  height: 305px;
  background-color: #ffffff;
  padding: 33px 0;
  position: relative;
}

.dashboard-card-wrapper .subscription-card .d-day-badge {
  position: absolute;
  width: 45px;
  top: 13px;
  left: 96px;
  color: #ff675c;
  font-size: 11px;
  border: 2px solid #ff675c;
  border-radius: 8px;
  line-height: 12px;
  padding: 1px 0;
  min-width: 38px;
  font-weight: bold;
  text-align: center;
}

.dashboard-card-wrapper .subscription-card .header {
  display: block;
  text-align: center;
}

.dashboard-card-wrapper .subscription-card .header div {
  line-height: 1.4;
}

.dashboard-card-wrapper .subscription-card .header .name-text {
  font-size: 14px;
  font-weight: bold;
}

.dashboard-card-wrapper .subscription-card .header .version-text {
  color: #a7abad;
  margin-bottom: 10px;
}

.dashboard-card-wrapper .subscription-card .header .period {
  color: #ff675c;
  font-weight: bold;
}

.dashboard-card-wrapper .subscription-card .contents {
  display: block;
  text-align: center;
  height: 163px;
  position: relative;
}

.dashboard-card-wrapper .subscription-card .contents .circle-progress-bar {
  display: inline-block;
  width: 116px;
  height: 116px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -58px;
  margin-left: -58px;
}

.dashboard-card-wrapper .subscription-card .footer {
  position: absolute;
  bottom: 0px;
  padding: 4px 23px;
  width: 100%;
  color: #919699;
  text-align: center;
}

.dashboard-card-wrapper .subscription-card .footer .assigned-count .title {
  padding-right: 10px;
}

.dashboard-card-wrapper .subscription-card .footer .assigned-count .count {
  font-weight: bold;
}

.dashboard-card-wrapper .chart-card {
  margin-top: 5px;
  width: 975px;
  height: 305px;
  background-color: #ffffff;
}

.dashboard-card-wrapper .chart-card .chart-card-hd {
  width: 100%;
  height: 80px;
  padding-left: 240px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 50px;
  border-bottom: 1px solid #f0f2f5;
}

.dashboard-card-wrapper .chart-card .chart-card-hd .chart-card-hd-contents {
  position: relative;
}

.dashboard-card-wrapper .chart-card .chart-card-hd .chart-card-hd-contents > div {
  display: inline-block;
  position: relative;
  margin-right: 30px;
}

.dashboard-card-wrapper .chart-card .chart-card-hd .chart-card-hd-contents > div .title {
  font-size: 11px;
  color: #919699;
  font-weight: bold;
}

.dashboard-card-wrapper .chart-card .chart-card-hd .chart-card-hd-contents > div .value {
  font-size: 14px;
  color: #2b3851;
  font-weight: bold;
}

.dashboard-card-wrapper .chart-card .chart-card-hd .chart-card-hd-contents:after {
  content: '';
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -15px;
  width: 16px;
  height: 30px;
  background: url("../images/saas/icon_arrow_r02.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.dashboard-card-wrapper .chart-card .chart-card-bd {
  height: 225px;
  padding: 18px 0px 18px 0px;
  position: relative;
}

.dashboard-card-wrapper .chart-card .chart-card-bd .inner-card-wrapper {
  width: 240px;
  height: 100%;
  display: inline-block;
}

.dashboard-card-wrapper .chart-card .chart-card-bd .inner-card-wrapper .circle-progress-bar {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 117px;
  height: 116px;
}

.dashboard-card-wrapper .chart-card .chart-card-bd .inner-card-wrapper .inner-card-title {
  text-align: center;
  font-size: 11px;
  color: #c8cacc;
  font-weight: bold;
  margin-bottom: 10px;
}

.dashboard-card-wrapper .chart-card .chart-card-bd .inner-card-wrapper .inner-card-summry {
  margin-top: 10px;
}

.dashboard-card-wrapper .chart-card .chart-card-bd .inner-card-wrapper .inner-card-summry > div {
  text-align: center;
  color: #919699;
}

.dashboard-card-wrapper .chart-card .chart-card-bd .inner-card-wrapper .inner-card-summry > div .count {
  font-weight: bold;
  margin-left: 5px;
}

.dashboard-card-wrapper .chart-card .chart-card-bd img {
  display: inline-block;
  vertical-align: bottom;
}

.dashboard-card-wrapper .chart-card .chart-card-bd .chart-title {
  position: absolute;
  left: 540px;
  font-size: 11px;
  color: #c8cacc;
}

.dashboard-full-card-wrapper {
  width: 100%;
  background-color: #fff;
  padding: 30px;
}

.dashboard-full-card-wrapper .text-area {
  margin-bottom: 60px;
  text-align: center;
}

.dashboard-full-card-wrapper .text-area .text-welcome {
  font-size: 26px;
  font-weight: bold;
}

.dashboard-full-card-wrapper .content-area {
  position: relative;
  text-align: center;
  margin-bottom: 100px;
}

.dashboard-full-card-wrapper .content-area .content-inline {
  display: inline-block;
  vertical-align: top;
}

.dashboard-full-card-wrapper .content-area .content-inline button {
  width: 188px;
  background-color: #5160b5;
  border-color: #5160b5;
}

.dashboard-full-card-wrapper .content-area .content-inline button:disabled {
  background-color: #b9bfe1;
  border-color: #b9bfe1;
}

.dashboard-full-card-wrapper .content-area .content-inline:first-of-type {
  margin-right: 200px;
}

.dashboard-full-card-wrapper .content-area .content-inline:first-of-type > img:first-of-type {
  margin-bottom: 25px;
}

.dashboard-full-card-wrapper .content-area .content-inline:first-of-type > .item {
  margin-bottom: 10px;
}

.dashboard-full-card-wrapper .content-area .content-inline:first-of-type > button {
  margin-top: 40px;
}

.dashboard-full-card-wrapper .content-area .content-inline:last-of-type > img:last-of-type {
  margin-bottom: 37px;
}

.dashboard-full-card-wrapper .content-area .content-inline:last-of-type > .item {
  margin-bottom: 10px;
}

.dashboard-full-card-wrapper .content-area .content-inline:last-of-type > button {
  margin-top: 20px;
}

.dashboard-full-card-wrapper .content-area .content-inline .item {
  font-size: 14px;
  font-weight: bold;
}

.dashboard-full-card-wrapper .content-area .content-inline .detail {
  color: #919699;
}

.dashboard-full-card-wrapper .content-area .img-dotdotdot {
  position: absolute;
  left: 530px;
  top: 60px;
}

.popover-content {
  padding: 0px;
}

.popover-content .total-tenant-popover-wrap {
  width: 279px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.popover-content .total-sub-popover-wrap {
  width: 380px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.popover-content .total-popover-content {
  display: flex;
  justify-content: center;
}

.popover-content .total-popover-content .popover-line {
  border-top: solid 1px #3f51b5;
  margin-top: 7px;
  width: 40px;
}

.popover-content .total-popover-content .popover-badge-active {
  height: 23px;
  padding: 5px;
  background-color: #3f51b5;
  font-weight: normal;
  margin-left: 0px !important;
  border-radius: 12px;
}

.popover-content .total-popover-content .popover-badge-inactive {
  height: 23px;
  padding: 5px;
  background-color: #c8cacc;
  font-weight: normal;
  margin-left: 0px !important;
  border-radius: 12px;
}

.popover-content .total-popover-content .popover-badge-draft {
  height: 23px;
  padding: 3px;
  background-color: #ffffff;
  color: #3f51b5;
  font-weight: normal;
  margin-left: 0px !important;
  border-radius: 12px;
  border: solid 2px #3f51b5;
}

.popover-content .total-popover-content .total-tenant-popover-desc {
  text-align: center;
  margin-top: 10px;
  margin-left: 20px;
  color: #7f7f7f;
}

.popover-content .total-popover-content .total-tenant-popover-desc:first-child {
  margin-left: 0px;
}

.popover-content .total-popover-content .total-sub-popover-desc {
  text-align: center;
  margin-top: 10px;
  margin-left: 20px;
  color: #7f7f7f;
}

.popover-content .total-popover-content .total-sub-popover-desc:first-child {
  margin-left: 0px;
}

.popover-content .total-popover-content .total-sub-popover-desc:nth-child(2) {
  margin-left: 24px;
}

.popover-content .total-popover-content .total-sub-popover-desc:last-child {
  margin-left: 42px;
  margin-right: 20px;
}

.popover-content .info-basic {
  background-color: #fff;
  padding: 10px;
  text-align: left;
}

.popover-content .info-basic .info-date {
  font-size: 14px;
  color: #ff675c;
  font-weight: bold;
  margin-bottom: 3px;
}

.popover-content .info-basic .info-last-updated, .popover-content .info-basic .info-contract-code {
  margin-bottom: 3px;
}

.popover-content .info-basic .info-last-updated span:first-of-type, .popover-content .info-basic .info-contract-code span:first-of-type {
  color: #919699;
  font-weight: bold;
}

.popover-content .info-basic .info-last-updated span:last-of-type, .popover-content .info-basic .info-contract-code span:last-of-type {
  font-size: 11px;
  color: #a7abad;
}

.popover-content .info-basic .info-contract-code {
  padding-bottom: 5px;
  border-bottom: 1px solid #ebebeb;
}

.popover-content .info-detail {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  padding: 0px 10px 10px 10px;
}

.popover-content .info-detail .profile {
  display: inline-block;
  width: 50%;
  height: 40px;
}

.popover-content .info-detail .profile > img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  width: 25px;
  height: 25px;
}

.popover-content .info-detail .profile > .profile-text {
  vertical-align: middle;
  display: inline-block;
  text-align: left;
  margin-right: 2px;
}

.popover-content .info-detail .profile > .profile-text .profile-text-position {
  font-size: 11px;
  color: #919699;
}

.popover-content .info-detail .profile > .profile-text .profile-text-name {
  font-size: 11px;
  font-weight: bold;
  color: #919699;
}

.popover-content .info-detail button {
  width: 100%;
  border-color: #000;
  color: #000;
}

.popover {
  max-width: 100%;
}

.content_title {
  font-size: 18px;
  margin: 0;
  padding-bottom: 14px;
  display: inline-block;
}

.search_table {
  width: 100%;
  background: #f6f7f7;
  border-collapse: collapse;
  line-height: initial;
}

.search_table th {
  height: 27px;
  padding-left: 30px;
  padding-bottom: 10px;
  padding-top: 10px;
  vertical-align: middle;
  text-align: left;
}

.search_table td {
  padding-bottom: 10px;
  padding-top: 10px;
}

.search_table td:last-child {
  padding-right: 30px;
}

.search_table tr:first-child th, .search_table tr:first-child td {
  padding-top: 20px;
}

.search_table tr:last-child th, .search_table tr:last-child td {
  padding-bottom: 20px;
}

.search_table input[type="text"] {
  height: 27px;
}

.search_table input[type="text"]:hover {
  border-color: #5160b5;
}

.search_table a.info_image {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(../images/icon_info.png) no-repeat 0 0;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 3px;
}

.search_table .open {
  background-color: #ffffff;
}

.search_table .dropdown .dropdown-toggle {
  margin: 0;
  padding: 0;
  padding-left: 10px;
  text-align: left;
  height: 27px;
  line-height: 27px;
  background-color: #ffffff;
}

.search_table .dropdown .dropdown-toggle.disabled {
  background-color: transparent;
}

.search_table .dropdown .dropdown-toggle.disabled:before {
  background-color: rgba(0, 0, 0, 0.1);
}

.search_table .dropdown .dropdown-toggle:before {
  content: ' ';
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.2);
}

.search_table .dropdown .caret {
  position: absolute;
  top: 50%;
  right: 9px;
  margin-top: -2px;
  vertical-align: middle;
}

.search_table .dropdown .dropdown-menu {
  width: 100%;
  max-height: 100px;
  overflow-y: auto;
}

.search_table fieldset {
  background-color: transparent;
}

.search_table fieldset .o-select-box {
  border: none;
  background-color: transparent;
}

.search_table fieldset .dropdown-toggle:before {
  background-color: rgba(0, 0, 0, 0.1);
}

.search_table fieldset .dropdown-toggle .bs-caret .caret {
  border-top-color: initial;
}

.search_table .o-select-box {
  margin: 0;
  padding: 0;
  height: 27px;
}

.search_table .o-select-box .dropdown-toggle {
  height: 27px;
}

.search_table .o-select-box .dropdown-toggle:before {
  right: 25px;
}

.search_table .o-select-box .dropdown-toggle .caret {
  right: 9px;
}

.search_table .o-select-box .dropdown-toggle .filter-option {
  position: absolute;
  left: 0;
  top: -1px;
  height: 27px;
  line-height: 27px;
  padding-left: 10px;
}

.search_table .datepicker {
  position: relative;
  display: inline-block;
  /*width: 116px;*/
}

.search_table .datepicker .o-datepicker {
  width: 90px;
  display: inline-block;
}

.search_table .datepicker span {
  margin-left: 5px;
  margin-right: 5px;
}

.search_table .datepicker a.calendar_image {
  display: inline-block;
  vertical-align: top;
  width: 26px;
  height: 27px;
  border: 1px solid #c8cacc;
  border-left: 0;
  background: url(../images/common_icon.png) 5px 5px no-repeat #ffffff;
}

.search_table .datepicker .btn-group {
  margin-left: 10px;
  top: -1.5px;
}

.search_table .datepicker .btn-group .btn-segmented {
  height: 27px;
  padding: 0 10px;
  margin: 0;
  line-height: 27px;
}

.search_table_button {
  margin-top: 10px;
  text-align: right;
}

.search_table_button .btn {
  font-size: 13px;
  height: 32px;
  padding: 0 30px;
  font-family: "돋움", Dotum, Arial, Helvetica, sans-serif;
}

.popover-content {
  background-color: #ffffff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.solution_management .solution_title {
  padding-bottom: 17px;
}

.solution_management .solution_title h2 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
}

.solution_management .solution_search_box .search_table tr th:first-child {
  width: 97px;
}

.solution_management .solution_search_box .search_table tr td:nth-child(2) {
  width: 362px;
}

.solution_management .solution_search_box .search_table tr td:nth-child(2) #select_solution {
  display: inline-block;
  width: 200px;
}

.solution_management .solution_search_box .search_table tr td:nth-child(2) #select_version {
  display: inline-block;
  width: 155px;
}

.solution_management .solution_search_box .search_table tr td:nth-child(2) #select_version fieldset:not(:disabled) {
  background: white;
}

.solution_management .solution_search_box .search_table tr th:nth-child(3) {
  width: 99px;
}

.solution_management .solution_search_result {
  margin-top: -4px;
}

.solution_management .solution_search_result tbody tr {
  cursor: pointer;
}

.solution_management .solution_detail {
  padding-bottom: 40px;
  margin-bottom: 10px;
  border-top: 1px solid #c8cacc;
  border-bottom: 1px solid #c8cacc;
}

.solution_management .solution_detail .warning {
  display: none;
  color: #ed4839;
}

.solution_management .solution_detail .solution_form_table {
  margin-top: 20px;
  width: 100%;
  line-height: 1.2;
}

.solution_management .solution_detail .solution_form_table > tbody > tr th, .solution_management .solution_detail .solution_form_table > tbody > tr td {
  vertical-align: top;
}

.solution_management .solution_detail .solution_form_table > tbody > tr th .div_margin, .solution_management .solution_detail .solution_form_table > tbody > tr td .div_margin {
  margin-top: 8px;
  margin-right: 5px;
  display: inline-block;
}

.solution_management .solution_detail .solution_form_table > tbody > tr th:first-child {
  width: 140px;
  height: 47px;
  padding-top: 8px;
}

.solution_management .solution_detail .solution_form_table > tbody > tr th:first-child .star {
  font-weight: bold;
  color: #ed4839;
}

.solution_management .solution_detail .solution_form_table > tbody > tr:last-child .table-select-mode {
  height: 292px;
}

.solution_management .solution_detail .solution_form_table > tbody > tr:last-child .table-select-mode .table-summary {
  margin-top: 8px;
}

.solution_management .solution_detail .solution_form_table > tbody > tr:last-child .table-select-mode .table-summary .total:after {
  display: none;
}

.solution_management .solution_detail .solution_form_table > tbody > tr:last-child .table-select-mode .table {
  height: 229px;
}

.solution_management .solution_detail .solution_form_table > tbody > tr:last-child .table-select-mode .table tr.no_data td {
  height: 181px;
  text-align: center;
  vertical-align: middle;
}

.solution_management .solution_detail .solution_form_table > tbody > tr textarea {
  text-align: left;
  width: 751px;
  height: 97px;
  resize: none;
}

.solution_management .solution_detail .solution_form_table input[type='text']:disabled {
  background-color: #f4f4f5;
}

.solution_management .solution_detail .solution_form_table input[type='text']:not(:disabled):hover {
  border: 1px solid #4285f4;
}

.solution_management .solution_detail .solution_form_table .input_short {
  display: inline-block;
  width: 200px;
  height: 27px;
  border: 1px solid #ccc;
  padding-left: 10px;
}

.solution_management .solution_detail .solution_form_table .warning_border {
  border-color: #ff675c;
}

.solution_management .solution_detail .solution_form_table .validation_label.empty {
  margin-top: 2px;
}

.solution_management .solution_detail .solution_form_table .validation_label.empty label {
  font-weight: normal;
  color: #ff675c;
}

.solution_management .solution_detail .solution_form_table .validation_label.success {
  margin-top: 2px;
}

.solution_management .solution_detail .solution_form_table .validation_label.success label {
  font-weight: normal;
  color: #0000ff;
}

.solution_management .solution_detail .solution_form_table .validation_label.hidden {
  display: none;
}

.solution_management .solution_detail .solution_form_table a.info_image {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(../images/icon_info.png) no-repeat 0 0;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 3px;
}

.solution_management .solution_detail_button button {
  min-width: 90px;
  padding: 0 20px;
  height: 32px;
  line-height: 30px;
  font-size: 13px;
}

.solution_management .solution_edit .solution_form_table {
  margin-top: 20px;
  width: 100%;
  line-height: 1.2;
}

.solution_management .solution_edit .solution_form_table > tbody > tr th:first-child {
  width: 170px;
}

.solution_management .solution_edit .solution_form_table > tbody > tr:nth-child(3) td {
  padding-bottom: 15px;
}

.solution_management .solution_edit .solution_form_table > tbody > tr:nth-child(4) th {
  height: 39px;
}

.solution_management .solution_edit .solution_form_table > tbody > tr:nth-child(4) td {
  padding-top: 8px;
}

.solution_management .solution_edit .solution_form_table > tbody > tr:last-child {
  height: 333px;
}

.solution_management .solution_edit .solution_form_table > tbody > tr:last-child .table-select-mode {
  height: 292px;
}

.solution_management .solution_edit .solution_form_table > tbody > tr:last-child .table-select-mode .table-summary {
  margin-top: 8px;
}

.solution_management .solution_edit .solution_form_table > tbody > tr:last-child .table-select-mode .table-summary .total:after {
  display: none;
}

.solution_management .solution_edit .solution_form_table > tbody > tr:last-child .table-select-mode .table {
  height: 229px;
}

.solution_management .solution_edit .solution_form_table > tbody > tr:last-child .table-select-mode .table tr th:first-child {
  width: 30px;
}

.solution_management .solution_edit .solution_form_table > tbody > tr:last-child .table-select-mode .table tr.no_data td {
  height: 181px;
  text-align: center;
  vertical-align: middle;
}

.solution_management .solution_add .solution_form_table > tbody > tr th:first-child {
  width: 170px;
}

.solution_management .solution_add .solution_form_table > tbody > tr:nth-child(3) td {
  padding-bottom: 15px;
}

.solution_management .solution_add .solution_form_table > tbody > tr:nth-child(3) td input {
  vertical-align: top;
  width: 751px;
  height: 97px;
}

.solution_management .solution_add .solution_form_table > tbody > tr:nth-child(4) th {
  height: 39px;
}

.solution_management .solution_add .solution_form_table > tbody > tr:nth-child(4) td {
  padding-top: 8px;
}

.solution_management .solution_add .solution_form_table > tbody > tr:last-child {
  height: 333px;
}

.solution_management .solution_add .solution_form_table > tbody > tr:last-child .table-select-mode {
  height: 292px;
}

.solution_management .solution_add .solution_form_table > tbody > tr:last-child .table-select-mode .table-summary {
  margin-top: 8px;
}

.solution_management .solution_add .solution_form_table > tbody > tr:last-child .table-select-mode .table-summary .total:after {
  display: none;
}

.solution_management .solution_add .solution_form_table > tbody > tr:last-child .table-select-mode .table {
  height: 229px;
}

.solution_management .solution_add .solution_form_table > tbody > tr:last-child .table-select-mode .table tr th:first-child {
  width: 30px;
}

.solution_management .solution_add .solution_form_table > tbody > tr:last-child .table-select-mode .table tr.no_data td {
  height: 181px;
  text-align: center;
  vertical-align: middle;
}

.solution_management .solution_add .solution_form_table > tbody > tr #select_solution {
  width: 200px;
  height: 27px;
  display: inline-block;
  vertical-align: middle;
}

.solution_management .solution_add .solution_form_table > tbody > tr #select_solution .btn-group {
  height: 27px;
}

.solution_management .solution_add .solution_form_table > tbody > tr #select_solution .btn {
  padding: 0 10px;
  height: 27px;
}

.solution_management #cancel_modal > .modal-dialog {
  width: 374px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}

.solution_management #cancel_modal > .modal-dialog .modal-content {
  width: 374px;
  height: 191px;
}

.solution_management #related_version_modal > .modal-dialog {
  width: 600px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}

.solution_management #related_version_modal > .modal-dialog .modal-body .table-select-mode {
  padding-bottom: 80px;
}

.solution_management #related_version_modal > .modal-dialog .modal-body .table-summary {
  margin-top: 8px;
}

.solution_management #related_version_modal > .modal-dialog .modal-body .table-summary .total:after {
  display: none;
}

.solution_management #related_version_modal > .modal-dialog .modal-body .table {
  height: 280px;
}

.solution_management #related_version_modal > .modal-dialog .modal-body .table tr {
  margin: 0;
}

.solution_management #related_version_modal > .modal-dialog .modal-body .table tr th, .solution_management #related_version_modal > .modal-dialog .modal-body .table tr td {
  vertical-align: baseline;
  height: 28px;
  line-height: 28px;
}

.solution_management #related_version_modal > .modal-dialog .modal-body .table tr.no_data td {
  text-align: center;
  vertical-align: middle;
}

.solution_management #subscriptionList_modal > .modal-dialog {
  width: 600px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}

.solution_management #subscriptionList_modal > .modal-dialog .modal-body .table-select-mode {
  padding-bottom: 80px;
}

.solution_management #subscriptionList_modal > .modal-dialog .modal-body .table-summary {
  margin-top: 8px;
}

.solution_management #subscriptionList_modal > .modal-dialog .modal-body .table-summary .total:after {
  display: none;
}

.solution_management #subscriptionList_modal > .modal-dialog .modal-body .table {
  height: 280px;
}

.solution_management #subscriptionList_modal > .modal-dialog .modal-body .table tr {
  margin: 0;
}

.solution_management #subscriptionList_modal > .modal-dialog .modal-body .table tr th, .solution_management #subscriptionList_modal > .modal-dialog .modal-body .table tr td {
  vertical-align: baseline;
  height: 28px;
  line-height: 28px;
}

.solution_management #subscriptionList_modal > .modal-dialog .modal-body .table tr.no_data td {
  text-align: center;
  vertical-align: middle;
}

.solution_management #delete_modal > .modal-dialog {
  width: 374px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}

.solution_management #delete_modal > .modal-dialog .modal-content {
  width: 374px;
  height: 191px;
}

.solution_management #add_modal > .modal-dialog {
  width: 500px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}

.solution_management #add_modal > .modal-dialog .modal-content {
  width: 500px;
  height: 400px;
}

.solution_management #add_modal > .modal-dialog .modal-content .modal-body table tbody tr th, .solution_management #add_modal > .modal-dialog .modal-content .modal-body table tbody tr td {
  border-top: none;
  padding: 8px 2px 0 0;
  height: 40px;
}

.solution_management #add_modal > .modal-dialog .modal-content .modal-body table tbody tr input {
  width: 300px;
  height: 25px;
}

.solution_management #add_modal > .modal-dialog .modal-content .modal-body table tbody tr .star {
  font-weight: bold;
  color: #ed4839;
}

.solution_management #add_modal > .modal-dialog .modal-content .modal-body table tbody tr:nth-child(2) input {
  height: 40px;
}

.solution_management #add_modal > .modal-dialog .modal-content .modal-body table tbody #select_type {
  width: 200px;
  height: 27px;
  display: inline-block;
  vertical-align: middle;
}

.solution_management #add_modal > .modal-dialog .modal-content .modal-body table tbody #select_type .btn-group {
  height: 27px;
}

.solution_management #add_modal > .modal-dialog .modal-content .modal-body table tbody #select_type .btn {
  padding: 0 10px;
  height: 27px;
}

.solution_management #add_modal > .modal-dialog .modal-content .modal-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.draft_list {
  list-style: none;
  position: fixed;
  padding: 0;
  margin: 0;
  bottom: 100px;
  left: calc(100% - 300px);
}

.draft_list .on {
  left: calc(100% - 20px);
}

.draft_list li {
  display: block;
  position: relative;
  height: 85px;
  width: 300px;
  margin-top: -1px;
  box-sizing: border-box;
  border: 1px solid #777e87;
  background-color: #ffffff;
  left: calc(100% - 300px);
  transition-property: left;
  transition-duration: 0.5s;
}

.draft_list li .draft_list_arrow {
  background: #919699 url(../images/icon_arrow_close.png) 50% 50% no-repeat;
  display: inline-block;
  position: absolute;
  width: 19px;
  height: 100%;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
}

.draft_list li .draft_list_content {
  position: absolute;
  left: 19px;
  padding: 15px 15px 15px 15px;
  height: 100%;
  min-width: 220px;
  color: #3f51b5;
  cursor: pointer;
  text-decoration: none;
}

.draft_list li .draft_list_content .draft_list_title {
  display: block;
  color: #2b3851;
  padding-bottom: 7px;
}

.draft_list li .draft_list_content .draft_list_status {
  padding: 2px 6px;
  border: 1px solid #3f51b5;
  border-radius: 10px;
  margin-right: 5px;
  height: 20px;
}

.login_content {
  height: 100%;
  position: relative;
  min-height: 100%;
  margin: 0;
  background-color: #f0f2f5;
}

.login_content .login_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 1280px;
  padding: 30px 30px 30px;
  margin: 0 auto 0 auto;
}

.login_content .login_inner:after {
  content: "";
  display: table;
  clear: both;
}

.login_content .login_inner .login_box {
  box-sizing: border-box;
  width: 922px;
  height: 473px;
  padding: 45px 80px;
  background-color: #fff;
  overflow: hidden;
}

.login_content .login_inner .login_box .login_box_left {
  float: left;
  padding-top: 38px;
}

.login_content .login_inner .login_box .login_box_left .login_box_logo {
  margin-bottom: 155px;
}

.login_content .login_inner .login_box .login_box_right {
  float: right;
  width: 380px;
  padding: 38px 0 38px 83px;
  border-left: 1px solid #e3e5e5;
}

.login_content .login_inner .login_box .login_box_right .login_box_form {
  margin-bottom: 20px;
}

.login_content .login_inner .login_box .login_box_right .login_box_form h2 {
  margin-top: 0px;
  margin-bottom: 35px;
  line-height: 1;
}

.login_content .login_inner .login_box .login_box_right .login_box_form input {
  margin-top: 10px;
  height: 27px;
}

.login_content .login_inner .login_box .login_box_right .login_box_form .validation-message-error {
  color: #ff675c;
  display: none;
}

.login_content .login_inner .login_box .login_box_right .login_box_form .login-box_button {
  width: 100%;
  height: 37px;
  margin-top: 30px;
  font-weight: bold;
  background-color: #5160b5;
  border-color: #5160b5;
  font-size: 13px;
  font-family: "돋움", Dotum, Arial, Helvetica, sans-serif;
}

.login_content .login_inner .login_box .login_box_right .login_box_form .login-box_button:hover {
  background: #45529a;
}

.login_content .login_inner .login_box .login_box_right .login_box_setting {
  margin-bottom: 27px;
  color: #919699;
}

.login_content .login_inner .login_box .login_box_right .login_box_utility {
  text-align: center;
  border-top: 1px solid #e3e5e5;
  padding-top: 20px;
}

.login_content .login_inner .login_box .login_box_right .login_box_utility a {
  color: #919699;
  text-decoration: none;
}

.login_content .login_inner .login_box .login_box_right .login_box_utility .fence {
  border-right: 1px solid #e3e5e5;
  margin: 0 12px 0 9px;
}

.sa-main {
  width: 1220px;
  min-height: 700px;
  padding-top: 30px;
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
}

.sa-main .total-box {
  font-size: 12px;
}

.sa-main .dashboard-card-wrapper {
  font-size: 12px;
}

.sa-main .dashboard-card-wrapper:not(:nth-child(5n)) {
  margin-right: 5px;
}

.subscription_management table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  width: 100%;
}

.subscription_management .subscription_title {
  padding-bottom: 17px;
}

.subscription_management .subscription_title h2 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
}

.subscription_management .search_table_button {
  padding-top: 10px;
  text-align: right;
  border-top: 1px solid #c8cacc;
  margin-top: 40px;
}

.subscription_management .search_table_button .pre_btn {
  float: left;
}

.subscription_management .subscription_search_box .search_table tr th:first-child {
  width: 130px;
}

.subscription_management .subscription_search_box .search_table tr td:nth-child(2) input {
  width: 198px;
  height: 25px;
}

.subscription_management .subscription_search_box .search_table tr td:last-child input {
  width: 198px;
  height: 25px;
}

.subscription_management .subscription_search_box .search_table tr td:nth-child(4) {
  width: 395px;
}

.subscription_management .subscription_search_box .search_table tr td:nth-child(4) .dropdown ul:active {
  font-weight: bold;
}

.subscription_management .subscription_search_box .search_table tr td:nth-child(4) #dropdown_solution {
  display: inline-block;
  width: 200px;
}

.subscription_management .subscription_search_box .search_table tr td:nth-child(4) #dropdown_version {
  display: inline-block;
  width: 155px;
}

.subscription_management .subscription_search_box .search_table tr th:nth-child(3) {
  width: 150px;
}

.subscription_management .subscription_search_box .search_table_button {
  border: transparent;
  padding-top: 0;
  margin-top: 10px;
}

.subscription_management .subscription_search_result {
  margin-top: -4px;
}

.subscription_management .subscription_search_result .table-select-mode .table-summary .dropdown .dropdown-toggle {
  border-color: transparent;
}

.subscription_management .subscription_search_result .dropdown {
  display: inline-block;
}

.subscription_management .subscription_step {
  border-top: 1px solid #c8cacc;
}

.subscription_management .subscription_step .step_area {
  position: relative;
  width: 940px;
  background-color: #fff;
  z-index: 10;
}

.subscription_management .subscription_step .step_area ul {
  width: 100%;
  display: table;
  border: 1px solid #c2c5c7;
  border-top: none;
  box-sizing: border-box;
  list-style: none;
  padding-left: 0;
}

.subscription_management .subscription_step .step_area ul li {
  float: left;
  width: calc(50%);
  border-left: 1px solid #e9eaeb;
  min-height: 182px;
  box-sizing: border-box;
  position: relative;
}

.subscription_management .subscription_step .step_area ul li:first-child {
  border-left: 0;
}

.subscription_management .subscription_step .step_area ul li .step_tit {
  background: url(../images/step_r.png) 100% 0 no-repeat;
  height: 41px;
  box-sizing: border-box;
  padding: 11px 0 0 0;
  width: calc(100% + 15px);
  position: absolute;
  left: 0;
  top: 0;
  font-size: 13px;
  cursor: pointer;
  text-align: center;
  text-indent: -15px;
}

.subscription_management .subscription_step .step_area ul li .step_tit strong {
  font-size: 13px;
}

.subscription_management .subscription_step .step_area ul li .step_info {
  padding: 10px 20px 10px 22px;
  margin-top: 40px;
  border-top: 1px solid #ccced4;
  overflow: hidden;
}

.subscription_management .subscription_step .step_area ul li .step_info table {
  width: 100%;
}

.subscription_management .subscription_step .step_area ul li .step_info table th {
  width: 90px;
  font-weight: normal;
  text-align: left;
  padding: 4px 0;
  padding-right: 10px;
}

.subscription_management .subscription_step .step_area ul li .step_info table td {
  padding: 4px 0;
  color: #919699;
}

.subscription_management .subscription_step .step_area ul li.select .step_tit {
  background: url(../images/step_select_r.png) 100% 0 no-repeat;
  color: #fff;
  width: calc(100% + 16px);
  left: -1px;
  top: -1px;
  height: 42px;
}

.subscription_management .subscription_step .step_area ul li.step_01 .step_tit {
  z-index: 5;
}

.subscription_management .subscription_step .step_area ul li.step_02 .step_tit {
  width: 100%;
  background-position: 0 0;
}

.subscription_management .subscription_step .step_area ul li.check .step_tit {
  color: #5160b5;
  z-index: 100;
  text-indent: -15px;
}

.subscription_management .subscription_step .step_area ul li.check .step_tit strong:before {
  width: 20px;
  height: 18px;
  display: inline-block;
  content: '';
  background: url("../images/step_check.png") 0 50% no-repeat;
  vertical-align: top;
  margin-top: -2px;
  margin-right: 5px;
}

.subscription_management .add_sub {
  margin-top: 10px;
}

.subscription_management .add_sub .TableForm {
  margin-top: 20px;
}

.subscription_management .add_sub .TableForm th {
  padding-top: 8px;
  text-align: left;
  font-weight: bold;
  vertical-align: top;
}

.subscription_management .add_sub .TableForm th .important {
  color: #ed4839;
}

.subscription_management .add_sub .TableForm td {
  height: 47px;
  padding: 0;
  vertical-align: top;
  box-sizing: border-box;
}

.subscription_management .add_sub .TableForm td .calendar_image {
  display: inline-block;
  vertical-align: top;
  width: 26px;
  height: 27px;
  border: 1px solid #c8cacc;
  border-left: 0;
  background: url(../images/common_icon.png) 5px 5px no-repeat #ffffff;
}

.subscription_management .add_sub .TableForm td .dropdown .dropdown-toggle {
  margin: 0;
  padding: 0;
  padding-left: 10px;
  text-align: left;
  height: 27px;
  line-height: 27px;
  background-color: #ffffff;
}

.subscription_management .add_sub .TableForm td .dropdown .dropdown-toggle:before {
  content: ' ';
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.2);
}

.subscription_management .add_sub .TableForm td .dropdown .caret {
  position: absolute;
  top: 50%;
  right: 9px;
  margin-top: -2px;
  vertical-align: middle;
}

.subscription_management .add_sub .TableForm td .dropdown ul:active {
  font-weight: bold;
}

.subscription_management .add_sub .TableForm td #dropdown_solution {
  display: inline-block;
  width: 200px;
}

.subscription_management .add_sub .TableForm td #dropdown_version {
  display: inline-block;
  width: 155px;
}

.subscription_management .add_sub .TableForm a.info_image {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(../images/icon_info.png) no-repeat 0 0;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 3px;
}

.subscription_management .add_sub .TableForm .picker {
  float: left;
}

.subscription_management .add_sub .TableForm .o-datepicker {
  width: 96px;
  float: left;
  height: 27px;
}

.subscription_management .add_sub .TableForm .date {
  float: left;
  margin: -2px 5px;
  padding-top: 6px;
}

.subscription_management .modal-dialog {
  width: 500px;
  top: 180px;
}

.subscription_management .modal-dialog .modal-body .table-select-mode .total:after {
  background-color: transparent;
}

.subscription_management .modal-dialog .modal-body .input-group input {
  height: 25px;
}

.subscription_management .modal-dialog .modal-body .input-group .input-group-btn .btn-default {
  width: 25px;
  height: 25px;
  border: 1px solid #c8cacc;
  border-left: 0;
  text-indent: -99999px;
  font-size: 0;
  overflow: hidden;
  background: url(../images/ico-input-search-button.png) 50% 50% no-repeat;
}

.subscription_management .modal-dialog .modal-body table {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 60px;
}

.subscription_management .subscribed {
  display: inline-block;
  padding-top: 8px;
}

.subscription_management .subscribed .Icon-state {
  display: inline-block;
  height: 15px;
  padding: 0 6px !important;
  border-radius: 8px;
  background: #5160b5;
  color: #fff;
  font-size: 11px;
  text-align: center;
  line-height: 15px;
  box-sizing: border-box;
}

.subscription_management .inner_nav .navigation_menu {
  margin: 0;
}

.subscription_management .inner_nav .navigation_menu .menuList_menu {
  margin: 0 0 7px 0;
  padding: 0 20px;
  border: none;
}

.subscription_management .inner_nav .navigation_menu .menuList_menu:hover {
  background: #f4f4f5;
}

.subscription_management .inner_nav .navigation_menu .menuList_menu .menuList_menu_label {
  padding: 5px 20px;
  height: 27px;
  border: none;
  font-size: 14px;
  line-height: 17px;
}

.subscription_management .inner_nav .navigation_menu .selected {
  border: none;
  position: relative;
}

.subscription_management .inner_nav .navigation_menu .selected:after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 4px;
  background-color: #2b3851;
}

.subscription_management .white_version {
  background-color: transparent;
  border-top: 1px solid #c8cacc;
}

.subscription_management .white_version th {
  padding-left: 0;
}

.subscription_management .panel_custom .panel-default {
  border: none;
}

.subscription_management .panel_custom .panel-default .panel-title {
  font-size: 12px;
}

.subscription_management .panel_custom .panel-default .panel-title a {
  text-decoration-line: none;
}

.subscription_management .panel_custom .panel-default .panel-collapse {
  background-color: #f5f5f5;
}

.subscription_management .panel_custom .panel-default .panel-collapse .panel-body {
  border: none;
  text-align: center;
  padding-bottom: 30px;
}

.subscription_management .panel_custom .panel-default .panel-collapse .panel-body .card-area .subscription_card_mini {
  padding: 16px 20px;
  height: 65px;
  width: 251px;
  border: 1px solid transparent;
}

.subscription_management .panel_custom .panel-default .panel-collapse .panel-body .card-area .subscription_card_mini .header {
  text-align: left;
}

.subscription_management .panel_custom .panel-default .panel-collapse .panel-body .card-area .subscription_card_mini .header .name-text {
  font-size: 12px;
  display: inline-block;
}

.subscription_management .panel_custom .panel-default .panel-collapse .panel-body .card-area .subscription_card_mini .header .period {
  font-size: 12px;
  color: #919699;
  font-weight: normal;
}

.subscription_management .panel_custom .panel-default .panel-collapse .panel-body .card-area .subscription_card_mini .contents {
  text-align: left;
}

.subscription_management .panel_custom .panel-default .panel-collapse .panel-body .card-area .subscription_card_mini .contents .subscribe_card_status {
  display: inline-block;
  text-align: left;
  padding-top: 13px;
  padding-left: 38px;
  color: #919699;
}

.subscription_management .panel_custom .panel-default .panel-collapse .panel-body .card-area .subscription_card_mini .contents .circle-progress-bar {
  width: 84px;
  height: 84px;
  top: 72px;
  left: 166px;
}

.subscription_management .panel_custom .panel-default .panel-collapse .panel-body .card-area .subscription_card_mini:hover {
  border: 1px solid #c8cacc;
}

.subscription_management #delete_modal .modal-dialog,
.subscription_management #cancel_modal .modal-dialog {
  width: 374px;
  top: 345px;
}

.subscription_management #delete_modal .modal-dialog .modal-content,
.subscription_management #cancel_modal .modal-dialog .modal-content {
  height: 191px;
}

.subscription_management #delete_modal .modal-dialog .modal-content .modal-button,
.subscription_management #cancel_modal .modal-dialog .modal-content .modal-button {
  margin-top: 26px;
}

.sa_monitoring .button_custom_01 {
  margin-left: 10px;
  padding: 3px 20px 1px;
  position: relative;
  top: -3px;
}

.sa_monitoring .o-select-box {
  width: 169px;
}

.sa_monitoring fieldset {
  display: inline-block;
}

.sa_monitoring .custom_input_01 {
  width: 58px;
  display: inline-block;
}

.sa_monitoring .custom_input_02 {
  width: 206px;
}

.sa_monitoring .stateBar span {
  display: inline-block;
}

.sa_monitoring .stateBar .blue_circle,
.sa_monitoring .stateBar .red_circle {
  position: relative;
  text-align: right;
  padding-left: 25px;
}

.sa_monitoring .stateBar .blue_circle:before,
.sa_monitoring .stateBar .red_circle:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 11px;
  width: 9px;
  height: 9px;
  background: #3f51b5;
  border-radius: 50px;
}

.sa_monitoring .stateBar .blue_circle:before {
  background: #3f51b5;
}

.sa_monitoring .stateBar .red_circle:before {
  background: #ff675c;
}

.sa_monitoring .no_search {
  padding-top: 173px;
  height: 410px;
  text-align: center;
  color: #979ba4;
  background: url(../images/bg_search_nolist.png) center 115px no-repeat;
  border-top: 1px solid #dedfe0;
  border-bottom: 1px solid #dedfe0;
}

.sa_monitoring .no_subscription {
  padding-top: 173px;
  height: 410px;
  text-align: center;
  color: #979ba4;
  background: url(../images/bg_subscription_no.png) center 118px no-repeat;
  border-top: 1px solid #dedfe0;
  border-bottom: 1px solid #dedfe0;
}

.sa_monitoring .dashboard-card-wrapper .subscription-card {
  width: 230px;
  border: 1px solid #e9ebed;
}

.sa_monitoring .dashboard-card-wrapper .subscription-card:hover {
  border: 1px solid #d3d6dd;
}

.sa_monitoring .white_version {
  background-color: transparent;
  border-top: 1px solid #c8cacc;
}

.sa_monitoring .white_version th {
  padding-left: 0;
}

.sa_monitoring .panel_custom .panel-default {
  border: none;
}

.sa_monitoring .panel_custom .panel-default .panel-title {
  font-size: 12px;
}

.sa_monitoring .panel_custom .panel-default .panel-title a {
  text-decoration-line: none;
}

.sa_monitoring .panel_custom .panel-default .panel-collapse {
  background-color: #f5f5f5;
}

.sa_monitoring .panel_custom .panel-default .panel-collapse .panel-body {
  border: none;
  text-align: center;
  padding-bottom: 30px;
}

.sa_monitoring .panel_custom .panel-default .panel-collapse .panel-body .card-area .subscription_card_mini {
  padding: 23px 0 0 0;
  height: 194px;
  width: 214px;
  border: none;
}

.sa_monitoring .panel_custom .panel-default .panel-collapse .panel-body .card-area .subscription_card_mini .contents {
  text-align: left;
}

.sa_monitoring .panel_custom .panel-default .panel-collapse .panel-body .card-area .subscription_card_mini .contents .subscribe_card_status {
  display: inline-block;
  text-align: left;
  padding-top: 13px;
  padding-left: 38px;
  color: #919699;
}

.sa_monitoring .panel_custom .panel-default .panel-collapse .panel-body .card-area .subscription_card_mini .contents .circle-progress-bar {
  width: 84px;
  height: 84px;
  top: 72px;
  left: 166px;
}

.sa_monitoring .chart_header {
  border: 1px solid #c8cacc;
}

.sa_monitoring .chart_header .select_area,
.sa_monitoring .chart_header .radio_area,
.sa_monitoring .chart_header .checkbox_area {
  display: inline-block;
}

.sa_monitoring .chart_header .select_area button {
  font-weight: bold;
  width: 145px;
}

.sa_monitoring .chart_header .select_area .dropdown-menu {
  top: 36px;
  left: -1px;
  width: 147px;
}

.sa_monitoring .chart_header .radio_area,
.sa_monitoring .chart_header .checkbox_area {
  padding: 7px 20px;
  border-left: 1px solid #c8cacc;
  margin-left: -3px;
}

.user_management .user_search_box .search_table tbody tr:first-child td:nth-child(6) input {
  display: inline-block;
  margin-right: 10px;
  width: 88px;
}

.user_management .user_search_result table tbody tr {
  cursor: pointer;
}

.user_management .user_add {
  border-top: solid 1px #c8cacc;
  border-bottom: solid 1px #c8cacc;
  padding-bottom: 40px;
  margin-bottom: 10px;
}

.user_management .user_add .user_add_table {
  margin-top: 20px;
}

.user_management .user_add .user_add_table tr {
  height: 47px;
}

.user_management .user_add .user_add_table tr th {
  padding-bottom: 16px;
}

.user_management .user_add .user_add_table tr th .star {
  font-weight: bold;
  color: red;
}

.user_management .user_add .user_add_table tr:nth-child(-n+3) td {
  vertical-align: top;
}

.user_management .user_add .user_add_table tr:nth-child(-n+3) td input {
  display: inline-block;
  width: 300px;
  height: 27px;
}

.user_management .user_add .user_add_table tr:nth-child(-n+3) td button {
  display: inline-block;
  width: 144px;
  height: 27px;
  margin-top: -2px;
}

.user_management .user_add .user_add_table tr:nth-child(n+4) td {
  vertical-align: top;
}

.user_management .user_add .user_add_table tr:nth-child(n+4) td input {
  display: inline-block;
  width: 78px;
  height: 27px;
}

.user_management .user_add .user_add_table tr:nth-child(n+4) td .user_tel_select {
  width: 160px;
  display: inline-block;
}

.user_management .user_add .user_add_table tr:nth-child(n+4) td .user_tel_select button {
  height: 27px;
  margin-top: 1px;
}

.user_management .user_add_button {
  display: inline-block;
}

.user_management .user_add_button button {
  min-width: 90px;
  padding: 0 30px;
  height: 32px;
  line-height: 30px;
  font-size: 13px;
}

.user_management .user_detail {
  border-top: solid 1px #c8cacc;
  border-bottom: solid 1px #c8cacc;
  padding-bottom: 40px;
  margin-bottom: 10px;
}

.user_management .user_detail .user_detail_table {
  margin-top: 20px;
  margin-bottom: 20px;
}

.user_management .user_detail .user_detail_table tr th {
  height: 47px;
  vertical-align: top;
  padding-top: 8px;
}

.user_management .user_detail .user_detail_table tr td {
  vertical-align: top;
  padding-top: 8px;
}

.user_management #cancel_modal {
  width: 374px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}

.user_management #cancel_modal .modal-content {
  width: 374px;
  height: 191px;
}

.user_management .no_search {
  padding-top: 173px;
  height: 410px;
  text-align: center;
  color: #979ba4;
  background: url(../images/bg_search_nolist.png) center 115px no-repeat;
  border-bottom: 1px solid #dedfe0;
}

.user_management .validation-message-error {
  color: #ff675c;
  font-size: 11px;
  display: none;
}

.user_management .validation-message-success {
  color: #5160b5;
  font-size: 11px;
  display: none;
}

.label_custom_01 {
  color: #ff675c;
  border: #ff675c solid 1px;
  font-size: 8px;
  padding: 1px 3px 0;
  position: relative;
  top: -1px;
}

.label_custom_02 {
  color: #5160b5;
  border: #5160b5 solid 1px;
  font-size: 8px;
  padding: 1px 4px 0 3px;
  position: relative;
  top: -1px;
}

.label_custom_03 {
  color: #ffffff;
  border: #5160b5 solid 1px;
  background-color: #5160b5;
  font-size: 8px;
  padding: 1px 4px 0 3px;
  position: relative;
  top: -1px;
}

.sa_tenant {
  /*card*/
}

.sa_tenant a.info_image {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(../images/icon_info.png) no-repeat 0 0;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 3px;
  outline: none;
}

.sa_tenant input[type="text"] {
  height: 27px;
  display: inline-block;
}

.sa_tenant input[type="text"]:hover {
  border-color: #5160b5;
}

.sa_tenant .asterisk {
  color: #ed4839;
  display: inline-block;
}

.sa_tenant .custom_div_01 {
  border-top: 1px solid #c8cacc;
  border-bottom: 1px solid #c8cacc;
}

.sa_tenant .custom_div_01 .custom_table_01 {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
}

.sa_tenant .custom_div_01 .custom_table_01 .custom_input_01 {
  width: 300px;
}

.sa_tenant .custom_div_01 .custom_table_01 .custom_input_02 {
  width: 33%;
}

.sa_tenant .custom_div_01 .custom_table_01 .custom_btn_01 {
  width: 144px;
  height: 27px;
  line-height: initial;
}

.sa_tenant .custom_div_01 .custom_table_01 textarea {
  resize: none;
}

.sa_tenant .custom_div_01 .custom_table_01 tr th, .sa_tenant .custom_div_01 .custom_table_01 tr td {
  padding: 0 2px;
  height: 47px;
  vertical-align: top;
  text-align: left;
  line-height: 27px;
}

.sa_tenant .custom_div_01 .custom_table_01 tr th {
  width: 170px;
}

.sa_tenant .custom_div_01 .custom_table_01 .table-select-mode {
  padding-bottom: 30px;
}

.sa_tenant .custom_div_01 .custom_table_01 .table-select-mode .table-summary {
  margin-top: 0;
}

.sa_tenant .custom_div_01 .custom_table_01 .table-select-mode .table-summary .total::after {
  content: none;
}

.sa_tenant .custom_div_01 .custom_table_01 .table-select-mode .table-control-button {
  padding-left: 8px;
  height: 40px;
  line-height: initial;
}

.sa_tenant .custom_div_01 .custom_table_01 .table-select-mode table thead th {
  height: 39px;
  line-height: 39px;
  text-align: center;
}

.sa_tenant .custom_div_01 .custom_table_01 .table-select-mode table thead th:first-child {
  width: 21px;
}

.sa_tenant .custom_div_01 .custom_table_01 .table-select-mode table tbody th:first-child {
  width: 21px;
  text-align: center;
}

.sa_tenant .custom_div_01 .custom_table_01 .table-select-mode table tbody th {
  text-align: center;
}

.sa_tenant .custom_div_01 .custom_table_01 .table-select-mode table tbody th, .sa_tenant .custom_div_01 .custom_table_01 .table-select-mode table tbody td {
  height: 36px;
  line-height: 36px;
}

.sa_tenant .custom_div_01 .custom_table_01 .table-select-mode table tbody th input[type="text"], .sa_tenant .custom_div_01 .custom_table_01 .table-select-mode table tbody td input[type="text"] {
  line-height: 35px;
}

.sa_tenant .custom_div_01 .custom_table_01 .table-select-mode table tbody th .editable_text_input, .sa_tenant .custom_div_01 .custom_table_01 .table-select-mode table tbody td .editable_text_input {
  border: 0px;
}

.sa_tenant .custom_div_01 .custom_table_01 .table-select-mode table tbody tr:nth-of-type(even) .editable_text_input {
  background-color: #fafafa;
}

.sa_tenant .custom_div_01 .custom_table_02 caption {
  padding-top: 0;
}

.sa_tenant .custom_div_01 .custom_table_02 tr th {
  text-align: center;
}

.sa_tenant .custom_div_01 .custom_table_02 tr th, .sa_tenant .custom_div_01 .custom_table_02 tr td {
  height: 35px;
  line-height: 35px;
}

.sa_tenant .custom_div_01 .custom_table_02 tr td {
  padding: 0 30px;
}

.sa_tenant .custom_div_02 .subscription {
  float: left;
  width: 253px;
  height: 68px;
  border: 1px solid #c8cacc;
  box-sizing: border-box;
  background-color: #fff;
}

.sa_tenant .custom_div_02 .subscription:not(:nth-child(3n+1)) {
  margin-left: 5px;
  margin-bottom: 5px;
}

.sa_tenant .custom_div_02 .subscription .subscription_content {
  display: block;
  height: 100%;
  padding: 16px 20px;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
}

.sa_tenant .custom_div_02 .subscription .subscription_content:hover {
  background-color: #f4f4f5;
}

.sa_tenant .custom_div_02 .subscription .subscription_top {
  display: block;
  vertical-align: top;
  height: 15px;
  line-height: 15px;
  color: #333333;
  font-weight: bold;
}

.sa_tenant .custom_div_02 .subscription .subscription_bottom {
  color: #919699;
}

.sa_tenant .custom_div_02 .subscription_add {
  border-style: dashed;
  text-align: center;
  padding: 16px 20px;
  cursor: pointer;
}

.sa_tenant .custom_div_02 .subscription_add:hover {
  background-color: #f4f4f5;
}

.sa_tenant .custom_div_02 .subscription_add .subscription_add_content {
  display: block;
}

.sa_tenant .custom_div_02 .subscription_add .subscription_add_content::before {
  content: '';
  display: block;
  width: 100%;
  height: 13px;
  background: url(../images/btn_add.png) no-repeat 50% 50%;
}

.sa_tenant .search_table input[type="text"] {
  width: 200px;
}

.sa_tenant .search_table_button .btn {
  padding: 0;
  width: 90px;
}

.sa_tenant .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 18px;
}

.sa_tenant .modal-dialog .modal-content .modal-footer .btn {
  font-size: 13px;
  height: 32px;
  padding: 0 30px;
  min-width: 90px;
  font-family: "돋움", Dotum, Arial, Helvetica, sans-serif;
}

.sa_tenant #delete_modal .modal-dialog {
  width: 374px;
  top: 345px;
}

.sa_tenant #delete_modal .modal-dialog .modal-content {
  height: 191px;
}

.sa_tenant #delete_modal .modal-dialog .modal-content .modal-button {
  margin-top: 26px;
}

.find_id_content {
  height: 100%;
  position: relative;
  min-height: 100%;
  margin-top: -74px;
  margin-bottom: -56px;
  background-color: #f0f2f5;
}

.find_id_content .find_id_inner {
  box-sizing: border-box;
  height: 100%;
  width: 1280px;
  padding: 104px 30px 86px;
  margin: 0 auto 0 auto;
}

.find_id_content .find_id_inner .find_id_box {
  box-sizing: border-box;
  width: 100%;
  min-height: 660px;
  padding: 23px 80px 40px 80px;
  border-radius: 3px;
  background-color: #fff;
  background-size: cover;
  overflow: hidden;
  background: url("../images/bg_recruit.jpg") no-repeat 0% 0%;
  background-size:100% 100%;
}

.find_id_content .find_id_inner .find_id_box .tabs {
  width: auto;
  margin: 0px;
  padding: 0px;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_header {
  outline: none;
  position: relative;
  left: 0;
  top: 0;
  margin-bottom: 25px;
  height: 50px;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_header .title_container {
  outline: none;
  text-indent: 0px;
  width: 1060px;
  height: 50px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_header .title_container .title {
  width: 248px;
  float: left;
  position: static;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_header .title_container .title div {
  display: block;
  outline: none;
  height: 100%;
  margin-top: 0px;
  color: #fff;
  font-weight: bold;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_header .title_container .title div a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_header .title_container .title div a div {
  float: left;
  width: 100%;
  height: 46px;
  box-sizing: border-box;
  padding: 13px 5px;
  text-align: center;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_header .title_container .title div a div:hover {
  color: #2B3851;
  background: #fff;
  font-weight: bold;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_header .title_container .title span {
  padding: 13px 5px;
  line-height: 20px;
  font-size: 18px;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_header .title_container .active {
  border-bottom: 4px solid #fff; 
} 

.find_id_content .find_id_inner .find_id_box .tabs .tabs_header .title_container .active div {
  color: #fff;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_header .underline {
  border-bottom: 1px solid #ddd;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content {
  height: auto;
  display: block;
  overflow: hidden;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .tab_content_title {
  margin-bottom: 28px;
  padding: 0 20px;
  color: #fff;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_id_tab {
  display: none;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_pw_tab {
  display: none;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .active {
  display: block;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .graybox {
  margin: 0 auto;
  padding: 38px 54px 20px 54px;
  width: 780px;
  background: #f6f7f7;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .button_area {
  margin-top: 38px;
  padding-top: 10px;
  border-top: 1px solid #c8cacc;
  text-align: right;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .button_area button {
  min-width: 90px;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_table {
  margin-left: 141px;
  width: 440px;
  table-layout: fixed;
  border-collapse: collapse;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_table .find_id_input {
  width: 220px;
  height: 25px;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_table .find_pw_input {
  width: 300px;
  height: 25px;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_table span {
  display: none;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_table .has-error span {
  color: #ff7970;
  display: block;
  font-size: 11px;
  line-height: 13px;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_table th {
  padding: 5px 0;
  color: #2b3851;
  line-height: 16px;
  font-size: 12px;
  text-align: left;
  vertical-align: baseline;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_table th span {
  display: inline-block;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_table td {
  padding: 5px 0;
  vertical-align: baseline;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_table button {
  margin-left: 5px;
  background-color: #fff;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_table a {
  text-decoration: none;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_table .icon-info {
  display: inline-block;
  width: 20px;
  height: 16px;
  background: url("../images/icon_info.png") no-repeat;
  vertical-align: middle;
  margin-left: 4px;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_id_name {
  padding: 37px 0 36px 0;
  color: #2b3851;
  line-height: 16px;
  font-size: 12px;
  text-align: center;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_id_name strong {
  display: block;
  margin-top: 12px;
  line-height: 18px;
  font-size: 16px;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_pw_txt {
  margin-bottom: 10px;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_pw_list {
  margin-bottom: 13px;
  padding-left: 0px;
}

.find_id_content .find_id_inner .find_id_box .tabs .tabs_content .find_pw_list li {
  position: relative;
  padding-left: 8px;
  color: #2b3851;
  line-height: 16px;
  font-size: 12px;
  list-style: none;
  padding-left: 0px;
}

.find_id_popover_style {
  min-width: 120px;
  max-width: 305px;
  padding: 15px;
  word-wrap: break-word;
}

.sa_setting {
  width: 100% !important;
  margin-left: 0 !important;
}

.sa_setting .white_version {
  background-color: transparent;
  border-top: 1px solid #c8cacc;
  border-bottom: 1px solid #c8cacc;
}

.sa_setting .white_version th {
  padding-left: 0;
}

.sa_setting .white_version .o-select-box {
  width: 198px;
}

.sign_up_content {
  height: 100%;
  position: relative;
  min-height: 100%;
  margin-top: -74px;
  margin-bottom: -56px;
  background-color: #f0f2f5;
}

.sign_up_content .sign_up_inner {
  box-sizing: border-box;
  height: 100%;
  width: 1280px;
  padding: 104px 30px 86px;
  margin: 0 auto 0 auto;
}

.sign_up_content .sign_up_inner .sign_up_box {
  box-sizing: border-box;
  width: 100%;
  min-height: 660px;
  padding: 37px 80px 70px 80px;
  border-radius: 3px;
  background-color: #fff;
  overflow: hidden;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_header {
  padding-bottom: 14px;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_header h2 {
  margin: 0;
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body {
  margin-bottom: 10px;
  border-top: 1px solid #c8cacc;
  border-bottom: 1px solid #c8cacc;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .text_info {
  margin-bottom: 12px;
  padding-top: 27px;
  color: #2b3851;
  line-height: 18px;
  font-size: 14px;
  font-weight: normal;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_agree {
  padding: 20px;
  background: #f6f7f7;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_agree .sign_up_agree_header {
  position: relative;
  margin-bottom: 23px;
  padding: 0 0 9px 0;
  border-bottom: 1px solid #e2e4e4;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_agree .sign_up_agree_header p {
  margin: 0;
  padding: 0;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_agree .sign_up_agree_header div {
  position: absolute;
  right: 0;
  top: 0;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_agree .sign_up_agree_header div label {
  height: 14px;
  overflow-x: visible;
  cursor: pointer;
  line-height: 14px;
  font-weight: normal;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_agree .sign_up_agree_middle {
  margin: 0;
  padding: 0;
  position: relative;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_agree .sign_up_agree_middle .sign_up_agree_box {
  position: relative;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_agree .sign_up_agree_middle .sign_up_agree_box dt {
  display: block;
  margin-bottom: 9px;
  padding-right: 100px;
  font-weight: bold;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_agree .sign_up_agree_middle .sign_up_agree_box dt .required {
  font-weight: normal;
  color: #5160b5;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_agree .sign_up_agree_middle .sign_up_agree_box dt .option {
  font-weight: normal;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_agree .sign_up_agree_middle .sign_up_agree_box dt div {
  position: absolute;
  top: 0;
  right: 0;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_agree .sign_up_agree_middle .sign_up_agree_box dt div label {
  height: 14px;
  overflow-x: visible;
  cursor: pointer;
  line-height: 14px;
  font-weight: normal;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_agree .sign_up_agree_middle .sign_up_agree_box dd {
  display: block;
  padding: 17px 20px;
  height: 148px;
  background: #fff;
  -webkit-box-sizing: border-box;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_agree .sign_up_agree_middle .sign_up_agree_box dd div {
  height: 100%;
  line-height: 15px;
  overflow-y: auto;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_agree .sign_up_agree_middle .sign_up_agree_box:nth-child(2) {
  margin-top: 21px;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_agree .sign_up_agree_middle .sign_up_agree_box:nth-child(3) {
  margin-top: 21px;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_text_info {
  margin: 0 0 12px 0;
  padding: 27px 0 0 0;
  font-size: 14px;
  color: #2b3851;
  line-height: 18px;
  font-weight: normal;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_table {
  margin-bottom: 20px;
  border-collapse: collapse;
  border-spacing: 0;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_table tbody {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: Arial, "돋움", Dotum, Helvetica, sans-serif;
  vertical-align: baseline;
  font-size: 12px;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_table tbody th {
  padding-top: 8px;
  text-align: left;
  font-weight: bold;
  vertical-align: top;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_table tbody th .required {
  color: #ed4839;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_table tbody th .icon-info {
  display: inline-block;
  width: 20px;
  height: 16px;
  background: url("../images/icon_info.png") no-repeat;
  vertical-align: middle;
  margin-left: 4px;
  cursor: pointer;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_table tbody td {
  height: 47px;
  padding: 0;
  vertical-align: top;
  box-sizing: border-box;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_table tbody td .sign_up_input {
  width: 300px;
  height: 27px;
  position: relative;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_table tbody td p {
  position: relative;
  display: inline-block;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_table tbody td button {
  vertical-align: top;
  margin-left: 2px;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_table tbody td span {
  display: none;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_table tbody td .btn-group {
  float: none;
  display: inline-block;
  margin-left: 0;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_table tbody td .bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_table tbody td .o-select-box {
  width: 160px;
  margin: 0;
  padding: 0;
  height: 25px;
  position: relative;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_table tbody td .sign_up_input_number {
  width: 70px;
  height: 25px;
  vertical-align: top;
  display: inline-block;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_table tbody .has-error span {
  color: #ff7970;
  display: block;
  font-size: 12px;
  line-height: 17px;
  position: relative;
  top: 5px;
  padding: 1px 0 12px;
  width: 292px;
  word-wrap: break-word;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_body .sign_up_table tbody label {
  font-weight: normal;
  color: #0000ff;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_btns {
  margin-top: 10px;
  text-align: right;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_btns button {
  min-width: 90px;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_complete_body {
  padding: 145px 0 128px 0;
  border-top: 1px solid #c8cacc;
  text-align: center;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_complete_body p {
  padding-top: 138px;
  color: #2b3851;
  line-height: 14px;
  font-size: 12px;
  background: url(../images/bg_smile.png) no-repeat center 0;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_complete_body p strong {
  display: block;
  margin-bottom: 13px;
  line-height: 26px;
  font-size: 24px;
  font-weight: normal;
}

.sign_up_content .sign_up_inner .sign_up_box .sign_up_complete_body button {
  margin-top: 39px;
  padding: 0;
  width: 135px;
  height: 32px;
  min-width: 90px;
  font-size: 13px;
}

.sign_up_popover_style {
  min-width: 120px;
  max-width: 305px;
  padding: 15px;
  word-wrap: break-word;
}

/*# sourceMappingURL=maps/web-prototyping.css.map */