@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap);
* {
  box-sizing: border-box !important;
  margin: 0;
  padding: 0;
}

html,
body {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  min-width: 1440px;
  width: 100%;
  height: 100%;
}

li {
  list-style: none;
}

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

.q-dialog__inner > div {
  border-radius: 8px !important;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
}

.tg-title {
  width: auto;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
}

.tg-sub-title {
  font-size: 15px;
  font-weight: 400;
  color: #666;
}

.input-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 13px;
  color: #666;
}

.tg-text-w600 {
  font-weight: 600;
}

.tg-table-sub-text {
  font-size: 12px;
  font-weight: 400;
  color: #898989;
}

.tg-timer {
  font-size: 14px;
  color: #666;
}

.tg-btn {
  padding: 0px 15px !important;
  height: 40px;
  border-radius: 4px;
  box-shadow: none;
  font-weight: 500;
  font-size: 15px;
}

.tg-btn-h32 {
  padding: 0px 27px !important;
  height: 32px;
}

.tg-input-20 {
  width: 180px;
}

.tg-input-30 {
  width: 270px;
}

.tg-input-40 {
  width: 360px;
}

.tg-bg-grey {
  background-color: #f1f1f1;
}

.tg-input-max {
  width: 100%;
}

.tg-txtarea-max textarea {
  height: 487px;
  resize: none !important;
}

.underline {
  text-decoration: underline;
}

p {
  line-height: 200%;
}

pre {
  overflow: auto;
  white-space: pre-wrap;
}

.tg-link-color {
  color: #0091ea;
}

.tg-primary-color {
  color: #0d3a65;
}

.tg-secondary-color {
  color: #177988;
}

.tg-accent-color {
  color: #0057b2;
}

.tg-inactive-color {
  color: #666;
}

.tg-box-border-radius {
  border: 1.4px solid;
  width: 100%;
  border-radius: 5px;
  padding: 5px 14px;
}

.q-dialog__backdrop {
  background-color: rgba(0, 0, 0, 0.65);
}

.tg-table tbody td:before {
  background: rgba(0, 125, 255, 0.1019607843) !important;
}

.tg-mt-md {
  margin-top: 18px;
}

.tg-pa-lg {
  padding: 30px;
}

.tg-pa-lg02 {
  padding: 25px 25px 0 25px;
}

.tg-pa-lg03 {
  padding: 0 20px;
}

.tg-btn::before {
  display: none;
}

.stroke {
  text-decoration-line: line-through;
}

.q-header .q-layout__shadow {
  display: none;
}

.q-header .q-badge {
  width: 20px;
  height: 20px;
  background: #ea6060;
  border-radius: 100%;
  font-family: "Open Sans" !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.5;
  display: flex;
  justify-content: center;
}

.q-header .q-btn:not(:first-child) .q-icon {
  width: 24px;
  height: 16px;
}

.q-header .menu {
  width: 24px;
  height: 16px;
  position: absolute;
  top: 6px;
  left: 28px;
}

.q-header .menu::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNDM3NSAxNlYxMy41MzEySDIzLjU2MjVWMTZIMC40Mzc1Wk0wLjQzNzUgOS4yNVY2Ljc1SDIzLjU2MjVWOS4yNUgwLjQzNzVaTTAuNDM3NSAyLjQ2ODc1VjBIMjMuNTYyNVYyLjQ2ODc1SDAuNDM3NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center no-repeat;
}

.q-header .q-btn + .q-btn {
  margin-left: 30px;
}

.q-header .q-btn__content {
  width: 24px;
  height: 24px;
  flex: 1;
}

.q-header .q-btn:last-child .q-btn__content {
  width: auto;
  height: auto;
  padding-left: 34px;
}

.q-header .q-btn:last-child .q-btn__content span {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.q-header .guidebook::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACJSURBVHgB7ZaNCYAgEEavaIBGaNQ2yA0bITf4kvDgFCHDO0jwgYgiPn/wTqIIgD2UC4qQmNzBACnglW+xnQ74SEmQdGgKZjLGXLDUDKo9rimQ9/1jB6WV1dL/JQ/BEHQgeF6oiDU+lJWUmDgEtMT+NwGxQGa0VkoJx5MRLHCxPqGZ7LNtHTD4ttxvPZbBvH+zFQAAAABJRU5ErkJggg==) center no-repeat;
  background-size: 100%;
}

.q-header .warning::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cmVjdCB4PSIxMSIgeT0iNiIgd2lkdGg9IjIiIGhlaWdodD0iOCIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMTEiIHk9IjE2IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) center no-repeat;
  background-size: 100%;
}

.q-header .notifications::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMSIgeT0iMTkiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjAgMjFWMTMuOTYzVjEwQzIwIDUuNTgxNzIgMTYuNDE4MyAyIDEyIDJWMkM3LjU4MTcyIDIgNCA1LjU4MTcyIDQgMTBWMTMuOTYzVjIxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPG1hc2sgaWQ9InBhdGgtMy1pbnNpZGUtMV8xNzRfMjA0NSIgZmlsbD0id2hpdGUiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguMTI2MDUgMTlDOC4wNDM3NiAxOS4zMTk3IDggMTkuNjU0OCA4IDIwLjAwMDFDOCAyMi4yMDkzIDkuNzkwODYgMjQuMDAwMSAxMiAyNC4wMDAxQzE0LjIwOTEgMjQuMDAwMSAxNiAyMi4yMDkzIDE2IDIwLjAwMDFDMTYgMTkuNjU0OCAxNS45NTYyIDE5LjMxOTcgMTUuODc0IDE5SDguMTI2MDVaIi8+CjwvbWFzaz4KPHBhdGggZD0iTTguMTI2MDUgMTlWMTdINi41NzU2OEw2LjE4OTE5IDE4LjUwMTRMOC4xMjYwNSAxOVpNMTUuODc0IDE5TDE3LjgxMDggMTguNTAxNEwxNy40MjQzIDE3SDE1Ljg3NFYxOVpNMTAgMjAuMDAwMUMxMCAxOS44MjQ0IDEwLjAyMjIgMTkuNjU2NyAxMC4wNjI5IDE5LjQ5ODZMNi4xODkxOSAxOC41MDE0QzYuMDY1MzMgMTguOTgyNiA2IDE5LjQ4NTIgNiAyMC4wMDAxSDEwWk0xMiAyMi4wMDAxQzEwLjg5NTQgMjIuMDAwMSAxMCAyMS4xMDQ3IDEwIDIwLjAwMDFINkM2IDIzLjMxMzggOC42ODYyOSAyNi4wMDAxIDEyIDI2LjAwMDFWMjIuMDAwMVpNMTQgMjAuMDAwMUMxNCAyMS4xMDQ3IDEzLjEwNDYgMjIuMDAwMSAxMiAyMi4wMDAxVjI2LjAwMDFDMTUuMzEzNyAyNi4wMDAxIDE4IDIzLjMxMzggMTggMjAuMDAwMUgxNFpNMTMuOTM3MSAxOS40OTg2QzEzLjk3NzggMTkuNjU2NyAxNCAxOS44MjQ0IDE0IDIwLjAwMDFIMThDMTggMTkuNDg1MiAxNy45MzQ3IDE4Ljk4MjYgMTcuODEwOCAxOC41MDE0TDEzLjkzNzEgMTkuNDk4NlpNMTUuODc0IDE3SDguMTI2MDVWMjFIMTUuODc0VjE3WiIgZmlsbD0id2hpdGUiIG1hc2s9InVybCgjcGF0aC0zLWluc2lkZS0xXzE3NF8yMDQ1KSIvPgo8L3N2Zz4K) center no-repeat;
  background-size: 100%;
}

.q-header .account_circle::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  top: 50%;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDBDNS4zNzYgMCAwIDUuMzc2IDAgMTJDMCAxOC42MjQgNS4zNzYgMjQgMTIgMjRDMTguNjI0IDI0IDI0IDE4LjYyNCAyNCAxMkMyNCA1LjM3NiAxOC42MjQgMCAxMiAwWk0xMiA0LjZDMTMuOTkyIDQuNiAxNS42IDYuMjA4IDE1LjYgOC4yQzE1LjYgMTAuMTkyIDEzLjk5MiAxMS44IDEyIDExLjhDMTAuMDA4IDExLjggOC40IDEwLjE5MiA4LjQgOC4yQzguNCA2LjIwOCAxMC4wMDggNC42IDEyIDQuNlpNMTIgMjEuNjRDOSAyMS42NCA2LjM0OCAyMC4xMDQgNC44IDE3Ljc3NkM0LjgzNiAxNS4zODggOS42IDE0LjA4IDEyIDE0LjA4QzE0LjM4OCAxNC4wOCAxOS4xNjQgMTUuMzg4IDE5LjIgMTcuNzc2QzE3LjY1MiAyMC4xMDQgMTUgMjEuNjQgMTIgMjEuNjRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) center no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
}

.tg-logo {
  width: 199px;
  height: 21px;
  margin-right: 157px;
  margin-left: 75px;
  background: url(data:image/png;base64,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) center no-repeat;
  font-size: 16px;
  text-indent: -9999px;
  line-height: 1.2;
}

.workspace-select {
  padding: 0 20px;
  background: #21243b;
}

.workspace-select span {
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.workspace-select .q-field--standard .q-field__control:before {
  display: none;
}

.workspace-select .q-select__dropdown-icon {
  color: #fff;
}

hr {
  display: none !important;
}

.q-drawer--left.q-drawer--bordered {
  border: none;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
  position: fixed;
}

.lnb .q-list--padding {
  padding: 0;
}

.lnb .q-item__label {
  font-weight: 400;
  font-family: "Roboto";
}

.lnb .q-item:hover,
.lnb .q-item.q-router-link--active,
.lnb .q-item--active {
  color: #fff;
  background: #565ddf;
  z-index: 999;
}

body.desktop .q-focus-helper {
  display: none;
}

.q-page {
  width: 1358px;
  margin: 0 auto;
  padding: 30px 0;
}

.q-card {
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
}

.q-card--bordered {
  border: none;
}

.q-tab-panels {
  background: none;
}

.tg-pa-lg02 .q-table__top,
.notice-search .q-table__top {
  padding: 0;
}

.tg-search .q-table__middle,
.notice-search .q-table__middle {
  margin-top: 16px;
}

.tg-search .q-input .q-field__control-container,
.notice-search .q-input .q-field__control-container {
  width: 340px;
  border-bottom: 1px solid #222;
}

.tg-search input,
.notice-search input {
  padding-right: 25px;
}

.tg-search .q-input .q-field__append,
.notice-search .q-input .q-field__append {
  padding: 0;
}

.tg-search .inputSearch {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 4px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjkyNjA0IDEuOTE1NTVDMTAuOTk1OCAxLjkxNTU1IDEzLjc3MTMgNC40NTQzNyAxMy43NzEzIDcuOTI1NzdDMTMuNzcxMyAxMS4zOTcyIDEwLjk5NTggMTMuOTM2IDcuOTI2MDQgMTMuOTM2QzQuODU2MjUgMTMuOTM2IDIuMDgwNzcgMTEuMzk3MiAyLjA4MDc3IDcuOTI1NzdDMi4wODA3NyA0LjQ1NDM3IDQuODU2MjUgMS45MTU1NSA3LjkyNjA0IDEuOTE1NTVaTTcuOTI2MDQgLTAuMDAwMjc0NjU4QzEyLjMwMzUgLTAuMDAwMjc1MDEzIDE1Ljg1MjEgMy41NDgzMyAxNS44NTIxIDcuOTI1NzdDMTUuODUyMSA5LjYyMzM4IDE1LjMxODQgMTEuMTk2MyAxNC40MDk2IDEyLjQ4NkwxOS4wMzMyIDE3LjEwOTdMMTcuNzI1MiAxOC40MTc3TDEzLjE3MzYgMTMuODY2QzExLjc3NTggMTUuMTAxOCA5LjkzODQ5IDE1Ljg1MTggNy45MjYwNCAxNS44NTE4QzMuNTQ4NjEgMTUuODUxOCAwIDEyLjMwMzIgMCA3LjkyNTc3QzAgMy41NDgzNCAzLjU0ODYxIC0wLjAwMDI3NDMwNCA3LjkyNjA0IC0wLjAwMDI3NDY1OFoiIGZpbGw9IiMyMjIyMjIiLz4KPC9zdmc+Cg==) center no-repeat;
  background-size: 100%;
  text-indent: -9999px;
  transform: translateY(-50%);
}

.tg-search .Searchinput {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 81px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjkyNjA0IDEuOTE1NTVDMTAuOTk1OCAxLjkxNTU1IDEzLjc3MTMgNC40NTQzNyAxMy43NzEzIDcuOTI1NzdDMTMuNzcxMyAxMS4zOTcyIDEwLjk5NTggMTMuOTM2IDcuOTI2MDQgMTMuOTM2QzQuODU2MjUgMTMuOTM2IDIuMDgwNzcgMTEuMzk3MiAyLjA4MDc3IDcuOTI1NzdDMi4wODA3NyA0LjQ1NDM3IDQuODU2MjUgMS45MTU1NSA3LjkyNjA0IDEuOTE1NTVaTTcuOTI2MDQgLTAuMDAwMjc0NjU4QzEyLjMwMzUgLTAuMDAwMjc1MDEzIDE1Ljg1MjEgMy41NDgzMyAxNS44NTIxIDcuOTI1NzdDMTUuODUyMSA5LjYyMzM4IDE1LjMxODQgMTEuMTk2MyAxNC40MDk2IDEyLjQ4NkwxOS4wMzMyIDE3LjEwOTdMMTcuNzI1MiAxOC40MTc3TDEzLjE3MzYgMTMuODY2QzExLjc3NTggMTUuMTAxOCA5LjkzODQ5IDE1Ljg1MTggNy45MjYwNCAxNS44NTE4QzMuNTQ4NjEgMTUuODUxOCAwIDEyLjMwMzIgMCA3LjkyNTc3QzAgMy41NDgzNCAzLjU0ODYxIC0wLjAwMDI3NDMwNCA3LjkyNjA0IC0wLjAwMDI3NDY1OFoiIGZpbGw9IiMyMjIyMjIiLz4KPC9zdmc+Cg==) center no-repeat;
  background-size: 100%;
  text-indent: -9999px;
  transform: translateY(-50%);
}

.tg-select {
  width: 20px;
  height: 20px;
  min-height: 0;
  margin: 0 30px 0 30px;
  padding: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjE2NjUgMTcuMDU4OEwxLjgzMzIgMTcuMDU4OCIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjAuMTY2NSAyLjk0MTE2TDEuODMzMiAyLjk0MTE2IiBzdHJva2U9IiMyMjIyMjIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMC4xNjY1IDEwTDEuODMzMiAxMCIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8Y2lyY2xlIGN4PSI3LjE3NjQ3IiBjeT0iMTcuMDU4OCIgcj0iMS45NDExOCIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNy4xNzY0NyAxNy4wNTg4KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzIyMjIyMiIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxjaXJjbGUgY3g9IjcuMTc2NDciIGN5PSIyLjk0MTE4IiByPSIxLjk0MTE4IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA3LjE3NjQ3IDIuOTQxMTgpIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2Utd2lkdGg9IjIiLz4KPGNpcmNsZSBjeD0iMTQuODIzNSIgY3k9IjEwIiByPSIxLjk0MTE4IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAxNC44MjM1IDEwKSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzIyMjIyMiIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: 100%;
}

.tg-select::before {
  display: none;
}

.tg-select.on {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjE2NjUgMTcuMDU4OEwxLjgzMzE3IDE3LjA1ODgiIHN0cm9rZT0iIzU2NURERiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIwLjE2NjUgMi45NDExNkwxLjgzMzE3IDIuOTQxMTYiIHN0cm9rZT0iIzU2NURERiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIwLjE2NjUgMTBMMS44MzMxNyAxMCIgc3Ryb2tlPSIjNTY1RERGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8Y2lyY2xlIGN4PSI3LjE3NjUiIGN5PSIxNy4wNTg5IiByPSIxLjk0MTE4IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA3LjE3NjUgMTcuMDU4OSkiIGZpbGw9IndoaXRlIiBzdHJva2U9IiM1NjVEREYiIHN0cm9rZS13aWR0aD0iMiIvPgo8Y2lyY2xlIGN4PSI3LjE3NjUiIGN5PSIyLjk0MTE4IiByPSIxLjk0MTE4IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA3LjE3NjUgMi45NDExOCkiIGZpbGw9IndoaXRlIiBzdHJva2U9IiM1NjVEREYiIHN0cm9rZS13aWR0aD0iMiIvPgo8Y2lyY2xlIGN4PSIxNC44MjM1IiBjeT0iMTAiIHI9IjEuOTQxMTgiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE0LjgyMzUgMTApIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSIjNTY1RERGIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==) center no-repeat;
}

.select_list {
  transform: translate(-50%, -50%);
}

.select_list .q-item {
  padding: 0 11px 0 0;
}

.workspace .q-card__actions {
  padding: 25px 25px 0;
}

.tg-table {
  width: 100%;
}

.tg-table th {
  height: 51px;
  position: relative;
  background: #f9fafc;
  font-size: 15px;
  border-bottom: 0;
}

.tg-table th::after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  background: #e2e2e2;
  transform: translateY(-50%);
}

.tg-table th:last-child::after {
  display: none;
}

.tg-table .q-table__bottom {
  padding: 0;
  border-top: none;
}

.tg-table tbody {
  margin: 0;
}

.tg-table td {
  border-bottom: 1px solid #e2e2e2;
  color: #222;
  font-size: 15px !important;
}

.workspace .tg-table td {
  height: 60px;
}

.text-gray {
  color: #666 !important;
}

.workspace .tg-table td.text-left {
  padding: 0 20px;
}

.home_title .q-card__actions {
  justify-content: flex-start;
  padding: 25px 30px;
  border-bottom: 1px solid #ebecef;
}

.home_title .q-card__actions .tg-sub-title {
  margin-left: 30px;
}

.plan_date {
  top: -50px;
  right: 30px;
  font-size: 15px;
  font-weight: 500;
}

.plan_date dt {
  display: flex;
  align-items: flex-start;
  position: relative;
  margin-right: 30px;
}

.plan_date dt .q-btn {
  padding: 0;
  margin-left: 10px;
}

.plan_date dt .q-btn::before {
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFCSURBVHgBtVYLkcJADH1FAQ6IBCTg4M5J64B1gISeg56DggMcFAfgADaQDClTdlNa3syjdCe/zWaTAmksI0NkG9lFXoVnWSsjCR+AxMDVyRojHFUSoUa6i/yJXBmZtazV6O+qyhkPRqHBI0U50IujgETkKlRiPLZGvxqKQtOyxefQIM94ORPdYp0xoBGm0IhMqwtkFAnTHfC5aTaWCzyqgfEXecJ0XMQWo2QHv/Lyj/lwkOeGf3Q7a4eiJ0UMErmuMAqFQ3G07AJfBjs4yf8V5oOm+2IdeM6ggC89JM8jO9jLywbzQUv/Xpl8MfR655qbp4oIAxdXe3+D6Q4G2w7heR+yPT2BgDfNDui364DxcLV729O9Y5DPrTF62XZvR6Y64n5ly5hkbYf+eHUPKkJ/DObYYsLXRSkG7K46WeN0JEv7BvOChx0jN8X+AAAAAElFTkSuQmCC) center no-repeat;
  background-size: 100%;
  box-shadow: none;
  position: absolute;
  top: -1px;
  right: 0;
}

.plan_date dd {
  margin-left: 15px;
  color: #ea6060;
}

.prog_box {
  padding: 30px 30px 40px;
}

.prog_box li {
  width: 392px;
}

.prog_box li + li {
  margin-left: auto;
}

.prog_box li span {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  font-size: 15px;
}

.prog_box li .q-linear-progress__track {
  width: 100%;
  height: 6px;
  border-radius: 50px;
  background: #edeff2;
  opacity: 1;
}

.prog_box li .q-linear-progress {
  overflow: visible;
}

.prog_box li .q-linear-progress__model {
  height: 6px;
  border-radius: 50px;
}

.prog_box li .q-linear-progress.opacity .q-linear-progress__model {
  opacity: 0.5;
}

.prog_box li .q-linear-progress .absolute {
  right: 0;
  bottom: 14px;
}

.prog_box .q-badge {
  background: none;
  color: #222;
  font-size: 15px;
  font-weight: 700;
}

.upgrade {
  border-radius: 0px 0px 8px 8px;
  width: 1358px;
  background: #f7f7f9;
  padding: 0 !important;
}

.upgrade a {
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  color: #565ddf;
  padding: 15px 0;
  text-decoration: none;
}

.middle_box {
  align-items: flex-start;
  justify-content: space-between;
}

.middle_box .tg-mt-md {
  flex: 1;
  border-radius: 8px;
}

.middle_box .tg-mt-md .q-card {
  min-height: 382px;
}

.middle_box .tg-mt-md + .tg-mt-md {
  margin-left: 18px;
}

.middle_box .q-card__section {
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #ebecef;
}

.middle_box .tg-sub-title {
  color: #888;
  font-weight: 400;
  font-size: 15px;
}

.middle_box .q-card__actions {
  padding: 20px 25px !important;
}

.middle_box .q-btn {
  width: 100%;
  height: 46px;
  bottom: -2px;
  left: 0;
  border-radius: 0px 0px 8px 8px;
  background: #f7f7f9;
  color: #565ddf;
  font-weight: 400;
  font-size: 15px;
}

.tg-list {
  width: 100%;
  color: #666;
  font-weight: 400;
  font-size: 15px;
}

.tg-list dl {
  align-items: center;
  justify-content: flex-start;
}

.tg-list dl:not(.all)::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMFY1VjZIMUg2VjVIMUwxIDBIMFoiIGZpbGw9IiM5OTk5OTkiLz4KPC9zdmc+Cg==) center no-repeat;
  background-size: 100%;
}

.tg-list dl + dl {
  margin-top: 18px;
}

.tg-list dt {
  min-width: 70px;
}

.tg-list dd {
  margin-left: auto;
}

.tg-list .all {
  color: #222;
  font-size: 16px;
  font-weight: 500;
}

.commonTable.tg-table tbody {
  margin: 0;
  width: 1358px;
}

.commonTable.tg-table tbody tr {
  width: 100%;
}

.commonTable.tg-table td {
  padding: 10px 16px;
}

.commonTable.tg-table td strong,
.commonTable.tg-table td span,
.commonTable.tg-table td .tg-btn {
  display: block;
}

.commonTable.tg-table td strong {
  color: #222;
  font-weight: 500;
}

.commonTable.tg-table td ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #666;
  font-size: 13px;
}

.commonTable.tg-table td ul li::before {
  margin-right: auto;
}

.android:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/android.302d5867.svg) center no-repeat;
  background-size: 100%;
}

.apple:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/apple-logo.eab3e891.svg) center no-repeat;
  background-size: 100%;
}

.wider:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/wider.e71e9196.svg) center no-repeat;
  background-size: 100%;
}

.transferNum {
  color: #565ddf !important;
  cursor: pointer;
}

.commonTable.tg-table td .date {
  font-weight: 400;
}

.commonTable.tg-table td .subText,
.send .tg-table td .subText,
.contact .tg-table td .subText {
  font-size: 13px;
  width: 148px;
  margin-top: 4px;
  color: #666;
}

.commonTable.tg-table td .userName {
  width: 500px;
}

.commonTable.tg-table td .q-btn {
  padding: 0;
  box-shadow: none;
}

.commonTable.tg-table td .q-btn::before,
.commonTable.tg-table td .q-focus-helper {
  display: none;
}

.commonTable.tg-table td .build {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 24px;
  min-height: auto;
  padding: 0 7px !important;
  border: 1px solid #565ddf;
  border-radius: 2px;
  color: #565ddf;
  font-size: 13px;
  margin-top: 4px;
}

.tg-table td .btn_filter {
  width: 100%;
  height: 18px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDQgMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNCAyQzQgMy4xMDQ1NyAzLjEwNDU3IDQgMiA0QzAuODk1NDMxIDQgMCAzLjEwNDU3IDAgMkMwIDAuODk1NDMxIDAuODk1NDMxIDAgMiAwQzMuMTA0NTcgMCA0IDAuODk1NDMxIDQgMlpNNCA5QzQgMTAuMTA0NiAzLjEwNDU3IDExIDIgMTFDMC44OTU0MzEgMTEgMCAxMC4xMDQ2IDAgOUMwIDcuODk1NDMgMC44OTU0MzEgNyAyIDdDMy4xMDQ1NyA3IDQgNy44OTU0MyA0IDlaTTIgMThDMy4xMDQ1NyAxOCA0IDE3LjEwNDYgNCAxNkM0IDE0Ljg5NTQgMy4xMDQ1NyAxNCAyIDE0QzAuODk1NDMxIDE0IDAgMTQuODk1NCAwIDE2QzAgMTcuMTA0NiAwLjg5NTQzMSAxOCAyIDE4WiIgZmlsbD0iI0E2QTZBQSIvPgo8L3N2Zz4K) center no-repeat;
  background-size: 4px;
}

.filter_list {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.filter_list .q-item {
  width: 100%;
  height: 50px;
  padding: 0 15px;
}

.filter_list .q-item__section {
  padding: 0;
  font-size: 15px;
}

.filter_list .q-item + .q-item {
  border-top: 1px solid #e2e2e2;
}

.commonTable .q-card__actions {
  padding: 0;
  position: sticky;
  top: 0;
}

.commonTable.detail .q-card__actions .tg-title {
  width: 100%;
  margin: 0;
  padding: 15px 20px;
  border-bottom: 1px solid #e2e2e2;
  background: #fff;
}

.detail .q-card__actions .q-btn {
  display: none;
}

.audience_info > div {
  width: 343px;
  padding-top: 20px;
}

.audience_info > div.right {
  margin-left: auto;
}

.audience_info > div dt {
  font-weight: 500;
  font-size: 15px;
}

.audience_info > div dd {
  margin-top: 5px;
  font-size: 15px;
  word-break: break-all;
  white-space: break-spaces;
}

.audience_info > div dd ul li {
  margin-top: 10px;
}

.audience_info > div dd ul li::before {
  margin-right: 8px;
}

.parameter_box {
  height: 60px;
  margin-top: 30px;
  padding: 0 20px;
  border: 4px solid #eeeeee;
}

.parameter_box ul li {
  color: #666;
  font-size: 15px;
  line-height: 1.2;
}

.parameter_box ul li::before {
  margin-right: 8px;
}

.parameter_box ul .bul_plus::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  margin: 2px 16px 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNy41IiBjeT0iNy41IiByPSI3LjUiIGZpbGw9IiNEOUQ5RDkiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDRIN1Y3SDRWOEg3VjExSDhWOEgxMVY3SDhWNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: 100%;
}

.parameter_box ul li:last-child::after {
  display: none;
}

.parameter_box .total {
  margin-left: auto;
}

.parameter_box .total dd {
  margin-left: 16px;
  font-weight: 700;
  font-size: 18px;
}

.group_box {
  margin-top: 10px;
}

.createGroup_box {
  margin-top: 0;
}

.group_box p {
  color: #666;
  font-size: 15px;
  margin-top: 15px;
}

.group_box .tg-table th::after {
  display: none;
}

.group_box .tg-table td .date {
  font-weight: 400;
}

.group_del {
  width: 16px;
  height: 16px;
  min-height: auto;
  padding: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjUiIGN4PSI4IiBjeT0iOCIgcj0iOCIgZmlsbD0iIzg4ODg4OCIvPgo8cGF0aCBkPSJNMTAuOTQ3MyA1LjA1MjczTDUuMDIyNiAxMC45Nzc0IiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMC45NDczIDEwLjk0NzNMNS4wMjI2IDUuMDIyNiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8L3N2Zz4K) center no-repeat;
  background-size: 100%;
  text-indent: -9999px;
}

.group_del::before {
  display: none;
}

.group_box div {
  text-align: center;
}

.group_box div .tg-btn {
  width: 100px;
  height: 40px;
  margin: 20px auto;
  border: 1px solid #565ddf;
  color: #222;
}

.group_icon {
  border: 1px solid #b2b2b2 !important;
  padding: 0 44px 0 12px !important;
  position: relative;
}

.group_icon::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 8px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACQSURBVHgBfZABDYQwDEW3ImDMwTIFJ+HOwTlAAhZwgAWcEBQADiZhCjZ+IUugAX7SrPv7b02qFOSc+6gXuUM19+S974hohtE8hfE+aq1HhiillHeSaJBQCXNbvCrGOBljFH74ov7oA7z1HM45L6hfCCFWTEnIWotD9zK8TyijzhCuXLUMXwAJ3YXf1tiWNUptAk9Q40gLZOEAAAAASUVORK5CYII=) center no-repeat !important;
  background-size: 100%;
  position: absolute;
  top: 16px;
  right: 15px;
}

.scroll_box {
  height: 480px;
  overflow-y: auto;
}

.create_close .q-btn {
  display: block;
  width: 20px;
  min-width: 20px !important;
  height: 20px;
  min-height: 20px !important;
  padding: 0 !important;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS43MDcgMS4zNTkwOUwxOC4zNDc5IDBMOS43MTI4OSA4LjYzNTAxTDEuMzU5MDkgMC4yODEyMDRMMCAxLjY0MDI5TDguMzUzOCA5Ljk5NDFMMC4wMDAyMDAxMzMgMTguMzQ3N0wxLjM1OTI5IDE5LjcwNjhMOS43MTI4OSAxMS4zNTMyTDE4LjM0NzcgMTkuOTg4TDE5LjcwNjggMTguNjI4OUwxMS4wNzIgOS45OTQxTDE5LjcwNyAxLjM1OTA5WiIgZmlsbD0iI0E2QTZBQSIvPgo8L3N2Zz4K) center no-repeat !important;
  background-size: 100%;
  text-indent: -99999px;
  line-height: 1;
  position: absolute;
  top: 20px;
  right: 20px;
}

.create_close {
  padding: 0;
}

.create .tg-title {
  padding: 15px 20px;
  border-bottom: 1px solid #e2e2e2;
}

.create .tg-title.q-pa-none {
  padding: 0 !important;
}

.create_box {
  padding: 20px;
  height: 760px;
}

.create_box .q-card__section--vert {
  padding: 0;
}

.dateBtn button {
  width: 60px;
  height: 40px;
  padding: 0;
  margin-left: 6px;
}

.create .left .create_date .dateBtn button span {
  margin-bottom: 0 !important;
  line-height: 40px;
}

.create .left {
  width: 500px;
}

.create .left .create_date span {
  display: block;
  margin-bottom: 14px;
  font-weight: 500;
  font-size: 15px;
}

.create .left .create_date .q-field,
.create .left .create_date .q-field--error {
  width: 302px;
  padding-bottom: 0;
}

.create .right .tg-table.q-field,
.create .right .q-field--error {
  width: 100%;
}

.create .right .q-field--standard.q-field--dense .q-field__control {
  padding-right: 12px;
}

.create .left .create_date .q-field--filled .q-field__control:after,
.create .right .q-field--filled .q-field__control:after {
  display: none;
}

.create .left .create_date + .create_date {
  margin-left: 20px;
}

.create .left .create_date .q-field--filled .q-field__control,
.create .right .q-field--filled .q-field__control {
  height: 40px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  background: none;
}

.create .left .create_date .q-field--filled .q-field__control:before,
.create .left .create_date .q-field--filled.q-field--highlighted .q-field__control:before,
.create .right .q-field--filled .q-field__control:before,
.create .right .q-field--filled.q-field--highlighted .q-field__control:before {
  background: none;
  border: none;
  transition: none;
}

.create .left .create_date .q-field__marginal,
.create .right .q-field__marginal {
  height: 40px;
}

.tab_box {
  overflow-y: hidden;
  height: 620px;
  margin-top: 20px;
  border: 1px solid #d2d2d2;
}

.tab_box .q-tabs {
  border-bottom: 1px solid #d2d2d2;
}

.tab_box .q-tab {
  padding: 0 8px;
}

.tab_box .q-tab.q-tab--active .q-tab__label {
  color: #565ddf;
  font-weight: 500;
}

.tab_box .q-tab.q-tab--active .q-tab__label::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #565ddf;
}

.tab_box .q-tab.q-tab--active .q-tab__indicator {
  display: none;
}

.tab_box .q-tab .q-tab__label {
  color: #666;
  font-size: 15px;
  font-weight: 400;
}

.tab_box .q-card__actions {
  display: none;
}

.tab_box .q-tab-panel {
  padding: 20px;
}

.tab_box .q-field--standard .q-field__control {
  height: 40px;
}

.tab_box .q-field--standard .q-field__control .q-field__native {
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  padding: 12px;
  font-size: 15px;
  color: #888;
  height: 40px;
}

.tab_box .q-field--standard .q-field__control:before {
  border: none;
}

.create-search {
  position: relative;
}

.create-search .cursor-pointer {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 11px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjkyNjA0IDIuOTEzODdDMTAuOTk1OCAyLjkxMzg3IDEzLjc3MTMgNS40NTI2OSAxMy43NzEzIDguOTI0MDlDMTMuNzcxMyAxMi4zOTU1IDEwLjk5NTggMTQuOTM0MyA3LjkyNjA0IDE0LjkzNDNDNC44NTYyNSAxNC45MzQzIDIuMDgwNzggMTIuMzk1NSAyLjA4MDc4IDguOTI0MDlDMi4wODA3OCA1LjQ1MjY5IDQuODU2MjUgMi45MTM4NyA3LjkyNjA0IDIuOTEzODdaTTcuOTI2MDQgMC45OTgwNDdDMTIuMzAzNSAwLjk5ODA0NyAxNS44NTIxIDQuNTQ2NjYgMTUuODUyMSA4LjkyNDA5QzE1Ljg1MjEgMTAuNjIyMiAxNS4zMTgxIDEyLjE5NTUgMTQuNDA4OSAxMy40ODU0TDE5LjAzMzMgMTguMTA5OEwxNy43MjUyIDE5LjQxNzhMMTMuMTcyNiAxNC44NjUyQzExLjc3NDkgMTYuMTAwNSA5LjkzODAzIDE2Ljg1MDEgNy45MjYwNCAxNi44NTAxQzMuNTQ4NjEgMTYuODUwMSAxLjkzMjA1ZS0wNiAxMy4zMDE1IDAgOC45MjQwOUMtMy44NTIwM2UtMDcgNC41NDY2NiAzLjU0ODYxIDAuOTk4MDQ3IDcuOTI2MDQgMC45OTgwNDdaIiBmaWxsPSIjQTZBNkFBIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: 100%;
  text-indent: -9999px;
  transform: translateY(-50%);
}

.create-search .change-pointer {
  position: absolute;
  width: 104px;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.tab_contents {
  height: 463px;
  overflow-y: auto;
}

.tg-tree .q-tree__arrow {
  width: 14px;
}

.tg-tree .q-tree__node-header {
  padding: 2px 0;
}

.tg-tree .q-tree__node-header-content {
  font-size: 15px;
}

.tg-tree .q-tree__children {
  padding-left: 18px;
}

.q-tree__node.relative-position.q-tree__node--child {
  padding-left: 18px !important;
}

.tg-tree .q-tree__node {
  padding: 0;
}

.tg-tree .q-tree__node-header-content::before {
  content: "";
  display: block;
  width: 12px;
  height: 10px;
  margin-right: 6px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjkiIHJ4PSIxIiBmaWxsPSIjRjZEMzY1Ii8+CjxwYXRoIGQ9Ik0wIDFDMCAwLjQ0NzcxNSAwLjQ0NzcxNSAwIDEgMEg1TDcgMkgwVjFaIiBmaWxsPSIjRjZEMzY1Ii8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: 100%;
}

.keyword_list .q-item {
  min-height: 28px;
  height: 28px;
  padding: 0;
  font-size: 15px;
}

.keyword_list .q-item:hover {
  background: #eaeaf9;
  border-radius: 2px;
}

.tab_contents .tg-table th {
  font-weight: 400;
}

.tab_contents .tg-table td {
  padding: 15px 9px;
}

.tab_contents .tg-table td ul li {
  font-weight: 350;
  font-size: 13px;
}

.tab_contents .tg-table td ul li strong {
  width: 100%;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: -0.5px;
}

.tab_contents .tg-table td .MySegmentName li {
  width: 270px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.create .right {
  width: 840px;
  margin-left: auto;
}

.create .right .q-card {
  box-shadow: none;
}

.create_box .audience_info .left_section {
  width: 450px;
}

.create_box .audience_info .right_section {
  width: 390px;
}

.create_box .audience_info .label {
  margin-bottom: 14px;
  font-weight: 500;
  font-size: 15px;
}

.create_box .audience_info input {
  padding: 12px;
}

.create_box .audience_info .q-field--standard .q-field__control:before {
  padding: 12px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
}

.create_box .audience_info .check > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
}

.create_box .audience_info .check > div .col-5 {
  width: auto;
}

.create_box .audience_info .q-checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1;
}

.create_box .audience_info .q-checkbox--dense .q-checkbox__label {
  padding-left: 8px;
}

.q-checkbox__bg {
  border-width: 1px;
}

.q-checkbox__inner--truthy,
.q-checkbox__inner--indet {
  color: #565ddf;
}

.create_box .audience_info .q-img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.create_box .parameter_box {
  margin-top: 6px;
}

.create_box .group_box .add_group {
  padding-left: 35px !important;
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
}

.create_box .group_box .add_group::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03IDBINVY1SDBWN0g1VjEySDdWN0gxMlY1SDdWMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: 100%;
  box-shadow: none;
  transform: translateY(-40%);
}

.create_box .group_box td:nth-child(3) {
  padding-right: 8px;
}

.create_box .group_box td span {
  display: block;
}

.create_box .group_box td li {
  align-items: center;
  justify-content: flex-end;
}

.create_box .group_box td li::before {
  width: 16px;
  height: 16px;
  margin-right: auto;
}

.create_box .group_box .scroll_box {
  height: 475px;
}

.create_btn {
  width: 100%;
  color: #565ddf;
  background: #f9fafc;
  border-radius: 0px 0px 8px 8px;
  box-shadow: none;
}

.create-wrap {
  position: relative;
}

.btn_wrap {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.create_btn {
  height: 56px;
  font-size: 15px;
}

.create_btn::before {
  display: none;
}

.transfer .q-card__actions {
  padding: 0;
}

.transfer .tg-title {
  width: 100%;
  padding: 20px;
  font-weight: 500;
  font-size: 22px;
  border-bottom: 1px solid #e2e2e2;
}

.transfer .transfer_table {
  overflow-y: auto;
  height: 400px;
  padding: 20px;
}

.transfer .transfer_table td {
  padding: 16px 10px 16px 20px;
  font-size: 15px;
}

.transfer .transfer_table td:first-child,
.transfer .transfer_table td:nth-child(4) {
  padding: 16px 10px;
}

.transfer .transfer_table td span {
  display: block;
}

.transfer .transfer_table td span.fail {
  color: #ea6060;
}

.transfer .transfer_table td span.text-gray {
  font-size: 13px;
}

.namechange .q-card__actions {
  padding: 0;
}

.namechange .tg-title {
  width: 100%;
  padding: 20px;
  font-weight: 500;
  font-size: 22px;
  border-bottom: 1px solid #e2e2e2;
}

.input_box {
  padding: 20px;
}

.input_box .label {
  margin-bottom: 14px;
  font-weight: 500;
  font-size: 15px;
}

.namechange .q-card__actions:first-of-type + div {
  overflow: hidden;
  height: 290px;
}

.input_box .q-field__control {
  height: 40px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
}

.input_box .q-field__native,
.input_box .q-field__inpu {
  padding: 12px;
}

.input_box .q-field--filled .q-field__control:before,
.input_box .q-field--filled.q-field--highlighted .q-field__control:before {
  border: none;
}

.input_box + .save_btn {
  width: 100%;
  height: 56px;
  color: #565ddf;
  background: #f9fafc;
  border-radius: 0px 0px 8px 8px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.input_box + .save_btn::before {
  display: none;
}

.namechange {
  height: 360px;
}

.template_top {
  padding-bottom: 16px;
}

.template_top .q-field {
  width: 340px;
  margin-left: auto;
}

.template {
  padding: 0 30px;
}

.template_list {
  display: block;
  width: 308px;
  height: 440px;
  margin: 0 25px 25px 0;
  padding: 0;
  cursor: pointer;
}

.template_list:nth-child(4n) {
  margin-right: 0;
}

.template_list:hover .img {
  border: 1px solid #565ddf;
  border-bottom: 0;
}

.template_list .img {
  display: block;
  width: 100%;
  height: 200px;
  position: relative;
  background: #f0f0f0;
}

.template_list .img img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.template_item {
  border: 1px solid #e2e2e2;
}

.template_info {
  border-top: none;
  margin-top: -5px;
}

.template_list:hover .template_info {
  border-color: #565ddf;
}

.template_info_box {
  border-top: 1px solid #e2e2e2;
  padding: 16px 20px;
}

.template_info_box strong {
  display: block;
  width: 265px;
  font-weight: 700;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.template_info_box span {
  display: block;
  margin-top: 13px;
  color: #666;
  font-size: 15px;
  word-break: keep-all;
  width: 265px;
  height: 42px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.template_info ul {
  margin-top: 13px;
  width: 265px;
  height: 45px;
}

.template_info ul li {
  color: #666;
  font-size: 13px;
}

.template_info ul li {
  margin-right: 16px;
}

.template_info ul li::before {
  margin-right: 8px;
}

.template_info ul + strong {
  margin-top: 13px;
  font-size: 16px;
}

.template_info .btn_detail {
  width: 100%;
  height: 50px;
  border-radius: 0;
  background: #f9fafc;
  color: #565ddf;
  font-weight: 500;
  font-size: 15px;
}

.template_list:hover .btn_detail {
  background: #565ddf;
  color: #fff;
}

.use_btn {
  width: 100%;
  height: 56px;
  margin-top: 50px;
  border-radius: 0px 0px 8px 8px;
  color: #565ddf;
  background: #f9fafc !important;
  position: sticky;
  bottom: 0;
}

.audienceDescription strong,
.audienceDescription span {
  width: 430px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.audienceDescription span {
  font-size: 13px;
  color: #666;
  margin-top: 4px;
}

.login {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e5e6ed;
}

.login .q-card {
  background: none;
  box-shadow: none;
}

.login .q-field {
  padding-bottom: 0;
}

.login .q-field--standard .q-field__control:before {
  border-bottom: 1px solid #d2d2d2;
}

.login .q-field--error .q-field__bottom {
  position: static;
  padding-left: 0;
  transform: none;
}

.login .login_box {
  width: 960px;
  height: 510px;
  margin: 0 auto;
  border-radius: 12px 12px 12px 12px;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  margin-bottom: 200px;
}

.login .login_box .left {
  width: 480px;
  padding-top: 70px;
  border-radius: 12px 0px 0px 12px;
  background: #f8f9ff url(../img/bg_login.7d57dc4a.png) center 180px no-repeat;
}

.login .login_box .logo {
  width: 277px;
  margin: 0 auto;
}

.login .login_box .right {
  width: 480px;
  padding: 89px 70px 60px;
  border-radius: 0px 12px 12px 0px;
  background: #fff;
}

.login .login_box .right .tg-title {
  font-weight: 700;
  font-size: 36px;
}

.login .login_box .right label:first-child {
  margin-top: 30px;
}

.login .login_box .right label + label {
  margin-top: 10px;
}

.login .login_box .right .btn_login,
.login .login_box .right .btn_signUp {
  padding: 0;
}

.login .login_box .right .btn_login {
  margin-top: 30px;
}

.login .login_box .right .btn_signUp {
  margin-top: 10px;
}

.login .login_box .right .btn_login .q-btn,
.login .login_box .right .btn_signUp .q-btn {
  height: 50px;
  border-radius: 4px;
  opacity: 1 !important;
}

.login .login_box .right .btn_login .q-btn::before,
.login .login_box .right .btn_signUp .q-btn::before {
  box-shadow: none;
}

.login .login_box .right .btn_signUp .q-btn {
  border: 1px solid #565ddf;
  color: #565ddf !important;
}

.login .login_box .right .q-btn span {
  font-weight: 500;
  font-size: 15px;
}

.login .login_box .right .btn {
  justify-content: center;
  width: 100%;
  height: auto;
  margin-top: 30px;
  padding: 0;
}

.login .login_box .right .btn .q-btn {
  min-height: auto;
  padding: 0;
  line-height: 1;
}

.login .login_box .right .btn .q-btn span {
  color: #666;
  font-weight: 400;
  font-size: 14px;
}

.login .login_box .right .btn .q-btn + .q-btn {
  margin-left: 30px;
}

.signUp {
  width: 480px;
  padding: 70px 70px 60px;
  background: #ffffff !important;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  border-radius: 12px !important;
  margin-bottom: 200px;
}

.signUp .top {
  padding: 0;
}

.signUp .logo {
  width: 277px;
}

.signUp .bottom {
  width: 100%;
  margin-top: 30px;
  padding: 0;
}

.signUp label + label {
  margin-top: 10px;
}

.signUp .q-field {
  position: relative;
}

.signUp .q-field__after {
  height: 30px;
  position: absolute;
  top: 9px;
  right: 0;
}

.signUp .q-field__append {
  height: 100%;
  position: absolute;
  right: 90px;
}

.ConfirmPassword label:nth-child(1).q-field--error .q-field__append:last-of-type,
.ConfirmPassword label:nth-child(2).q-field--error .q-field__append:last-of-type {
  right: 125px;
}

.certificationInput .q-field__control .q-field__append:nth-child(3) {
  right: 160px;
}

.signUp .password {
  margin-top: 20px;
}

.signUp .password .q-field__append {
  right: 0px;
}

.signUp .password .q-field--error .q-field__append {
  right: 30px;
}

.signUp .password .q-field--error .q-field__append:last-of-type {
  right: 0;
}

.signUp .password label:nth-child(2).q-field--error .q-field__append:last-of-type {
  right: 0;
}

.signUp .q-btn {
  width: 80px;
  height: 30px;
  padding: 0;
  border-radius: 0;
  font-weight: 400;
  line-height: 28px;
  opacity: 1 !important;
}

.signUp .q-btn::before {
  box-shadow: none;
}

.signUp .q-btn.btn_certi {
  border: 1px solid #b2b2b2;
}

.signUp .q-btn.btn_certi span {
  color: #666;
  font-size: 14px;
}

.signUp .q-btn.btn_certi.confirm {
  border: none;
  background: #323752;
}

.signUp .q-btn.btn_certi.confirm span {
  color: #fff;
  background: #21243b;
}

.signUp .q-field--outlined .q-field__control:before {
  border: none;
  border-bottom: 1px solid #d2d2d2;
  border-radius: 0;
}

.signUp .q-field--outlined.q-field--highlighted .q-field__control:after {
  border-style: none none solid none;
}

.signUp .q-field__control {
  height: 50px;
  padding: 0;
  border-radius: 0;
}

.signUp .q-field--labeled .q-field__native {
  padding: 0;
}

.signUp .q-field__native {
  padding: 0;
}

.signUp .agree_list {
  margin-top: 40px;
}

.signUp .agree_list .q-item {
  min-height: auto;
  padding: 0;
}

.signUp .agree_list .q-item + .q-item {
  margin-top: 10px;
}

.signUp .agree_list .q-item__section {
  flex-direction: row !important;
  align-items: center;
  justify-content: flex-start;
  font-size: 15px;
  font-weight: 400;
}

.signUp .agree_list .q-item__section label span {
  display: inline-block;
  margin: 0 2px 0 6px;
  color: #565ddf;
}

.signUp .agree_list .q-item__section .q-btn {
  margin-left: auto;
  font-weight: 400;
  font-size: 13px;
  text-decoration: underline;
  color: #666;
}

.signUp .sign_btn {
  margin-top: 25px;
}

.signUp .sign_btn .q-card__actions {
  width: 165px;
  height: 50px;
  padding: 0;
}

.signUp .sign_btn .q-card__actions + .q-card__actions {
  margin-left: auto;
}

.signUp .sign_btn .q-btn {
  height: 100%;
  padding: 0;
  border-radius: 4px;
}

.signUp .sign_btn .q-btn span {
  font-weight: 500;
  font-size: 15px;
}

.signUp .sign_btn .q-btn.text-gray span {
  background: #f0f0f0;
}

.signUp .cs {
  width: 100%;
  padding: 0;
  color: #666;
  text-align: center;
}

.signUp .cs .q-btn {
  height: auto;
  min-height: auto;
  margin-top: 25px;
  line-height: 1;
}

.contact_modal {
  height: 736px;
}

.contact_modal .tg-title {
  padding: 20px;
  border-bottom: 1px solid #e2e2e2;
}

.contact_modal .contact_modal_wrap {
  padding: 20px;
}

.contact_modal .text span {
  display: block;
  color: #666;
  font-weight: 400;
  font-size: 15px;
}

.contact_modal .input_list {
  margin-top: 20px;
  padding: 0;
}

.contact_modal .input_list .q-item {
  padding: 0;
}

.contact_modal .input_list .q-item + .q-item {
  margin-top: 20px;
}

.contact_modal .input_list label {
  font-weight: 500;
  font-size: 15px;
}

.contact_modal .q-field {
  margin-top: 10px;
  padding-bottom: 0;
}

.contact_modal .q-field--error .q-field__bottom {
  position: static;
  padding-left: 0;
  transform: none;
}

.contact_modal .input_list .q-field__control {
  height: 40px;
  min-height: 40px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
}

.contact_modal .selects .q-field__control {
  padding: 0 12px;
}

.contact_modal .q-field__native,
.contact_modal .q-field__marginal {
  height: 40px;
  min-height: 40px;
  color: #888;
}

.contact_modal .input_list .textarea .q-field__control,
.contact_modal .input_list textarea {
  height: 120px;
  resize: none;
}

.contact_modal .input_list .q-field--standard .q-field__control:before {
  border-bottom: 0;
}

.contact_modal .input_list .textarea .q-field__control:before {
  border: none;
}

.contact_modal .input_list input {
  height: 40px;
  padding: 10px 12px 12px;
  color: #888;
  font-weight: 400;
  font-size: 15px;
}

.contact_modal .q-field--error .q-field__append {
  height: auto;
  min-height: auto;
  position: absolute;
  top: 7px;
  right: 12px;
}

.contact_modal .scroll_box {
  overflow-y: auto;
  height: 670px;
}

.contact_modal_wrap > strong {
  font-weight: 500;
  font-size: 15px;
}

.create_workspace_box {
  margin-top: 14px;
  padding: 5px;
  border: 1px solid #e2e2e2;
}

.contact_modal .box {
  margin-top: 14px;
  padding: 15px 20px;
  border: 1px solid #e2e2e2;
}

.contact_modal .box {
  margin-top: 14px;
  padding: 15px 20px;
  border: 1px solid #e2e2e2;
}

.contact_modal .box dl + dl {
  margin-top: 5px;
}

.contact_modal .box dt {
  margin-right: 20px;
  font-weight: 500;
  font-size: 15px;
}

.contact_modal .box dd {
  font-weight: 400;
  font-size: 15px;
}

.contact_modal .box + .q-checkbox {
  margin-top: 5px;
  font-weight: 400;
  font-size: 15px;
}

.contact_modal .submit,
.workspace_create_modal .submit {
  width: 100%;
  height: 56px;
  background: #f9fafc;
  border-radius: 0px 0px 8px 8px;
  color: #565ddf;
  font-weight: 500;
  font-size: 16px;
}

.contact_modal .close,
.workspace_create_modal .close {
  padding: 0;
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  width: 20px;
  min-width: 20px !important;
  height: 20px;
  min-height: 20px !important;
  padding: 0 !important;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS43MDcgMS4zNTkwOUwxOC4zNDc5IDBMOS43MTI4OSA4LjYzNTAxTDEuMzU5MDkgMC4yODEyMDRMMCAxLjY0MDI5TDguMzUzOCA5Ljk5NDFMMC4wMDAyMDAxMzMgMTguMzQ3N0wxLjM1OTI5IDE5LjcwNjhMOS43MTI4OSAxMS4zNTMyTDE4LjM0NzcgMTkuOTg4TDE5LjcwNjggMTguNjI4OUwxMS4wNzIgOS45OTQxTDE5LjcwNyAxLjM1OTA5WiIgZmlsbD0iI0E2QTZBQSIvPgo8L3N2Zz4K) center no-repeat !important;
  background-size: 100%;
  text-indent: -99999px;
  line-height: 1;
}

.workspace + .workspace {
  margin-top: 18px;
}

.workspace .q-card {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.workspace .q-td .q-card__actions {
  padding: 0;
}

.workspace .q-card .q-table__top {
  display: table;
  width: 100%;
  padding: 0;
}

.workspace .q-card .tg-title {
  width: 100%;
  padding: 20px;
  font-weight: 500;
  font-size: 22px;
  border-bottom: 1px solid #e2e2e2;
}

.workspace .q-card .new {
  position: absolute;
  top: 15px;
  right: 20px;
}

.workspace .q-card .q-table {
  padding: 0;
}

.q-table__bottom {
  border-top: none;
}

.workspace .q-card .q-table .q-td {
  padding: 7px 16px;
}

.workspace .q-card .q-table .q-td:first-child {
  padding-left: 20px;
}

.workspace .q-card .q-table .q-td:last-child {
  padding-right: 20px;
}

.workspace .q-card .q-table .tg-text-w400 {
  font-size: 15px;
}

.workspace .q-card .q-table .tg-text-w400.participatingName,
.workspace .q-card .q-table .personnel {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.workspace .q-card .q-table .tg-text-w400.invitedName,
.workspace .q-card .q-table .invitedUser {
  width: 169px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.workspace .q-card .q-table .tg-table-sub-text {
  color: #666;
  font-size: 14px;
}

.workspace .q-card .q-table .date {
  vertical-align: bottom;
}

.workspace .q-card .q-table .date .tg-table-sub-text {
  color: #888;
}

.workspace .q-card .q-table .q-btn {
  width: 60px;
  height: 40px;
  font-size: 15px;
  font-weight: 400;
}

.workspace .q-card .q-table .open {
  color: #565ddf;
  border: 1px solid #565ddf;
}

.workspace .q-card .q-table .lock {
  color: #888;
}

.workspace .q-card .q-table .decline {
  color: #ea6060;
  border: 1px solid #ea6060;
}

.workspace .q-card .q-table .accept {
  border: 1px solid #565ddf;
  color: #565ddf;
}

.workspace .q-card .q-table .decline + .accept {
  margin-left: 10px;
}

.workspace_create_modal .q-card__section {
  padding: 0;
}

.workspace_create_modal .tg-title {
  padding: 16px;
  border-bottom: 1px solid #e2e2e2;
}

.workspace_create_modal .text {
  padding: 16px;
  color: #666;
  font-weight: 400;
  font-size: 15px;
}

.workspace_create_modal .q-form {
  padding: 0 16px 16px;
}

.workspace_create_modal .label {
  font-weight: 500;
  font-size: 15px;
}

.workspace_create_modal .label:last-of-type {
  margin-top: 10px;
}

.workspace_create_modal .q-field {
  padding-bottom: 0;
}

.workspace_create_modal .q-field__control {
  height: 40px;
  margin-top: 10px;
  border-radius: 4px;
}

.workspace_create_modal .q-field__marginal {
  height: 40px;
  padding-right: 12px;
}

.workspace_create_modal .q-field__control input {
  height: 40px;
}

.workspace_create_modal .q-field--error .q-field__bottom {
  position: static;
  transform: none;
}

.workspace_create_modal .close::before {
  display: none;
}

.workspace_create_modal .submit {
  margin-top: 23px;
}

.send .tg-table td strong,
.send .tg-table td span,
.send .tg-table td .tg-btn {
  display: block;
}

.send .tg-table td strong {
  font-weight: 500;
}

.send .tg-table td .email {
  font-size: 13px;
  font-weight: 350;
}

.tg-table td strong,
.tg-table td span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.send .tg-table td:nth-child(2) {
  cursor: pointer;
}

.send .tg-table td:nth-child(2) strong {
  width: 200px;
}

.send .tg-table td:nth-child(2) span {
  width: 200px;
}

.send .tg-table td:nth-child(3) strong,
.send .tg-table td:nth-child(3) span {
  width: 117px;
}

.send .tg-table td:nth-child(5) strong,
.send .tg-table td:nth-child(5) span {
  width: 133px;
}

.send .tg-table td ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #666;
  font-size: 13px;
}

.send .tg-table td ul li::before {
  margin-right: auto;
}

.send .tg-table td .build {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 24px;
  min-height: auto;
  padding: 0 7px !important;
  border: 1px solid #565ddf;
  border-radius: 2px;
  color: #565ddf;
  font-size: 13px;
  margin-top: 4px;
}

.send .tg-table td .q-btn {
  padding: 0;
  box-shadow: none;
}

.send .tg-table td .q-btn::before,
.send .tg-table td .q-focus-helper {
  display: none;
}

.send .tg-table td .btn_filter {
  width: 100%;
  height: 18px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDQgMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNCAyQzQgMy4xMDQ1NyAzLjEwNDU3IDQgMiA0QzAuODk1NDMxIDQgMCAzLjEwNDU3IDAgMkMwIDAuODk1NDMxIDAuODk1NDMxIDAgMiAwQzMuMTA0NTcgMCA0IDAuODk1NDMxIDQgMlpNNCA5QzQgMTAuMTA0NiAzLjEwNDU3IDExIDIgMTFDMC44OTU0MzEgMTEgMCAxMC4xMDQ2IDAgOUMwIDcuODk1NDMgMC44OTU0MzEgNyAyIDdDMy4xMDQ1NyA3IDQgNy44OTU0MyA0IDlaTTIgMThDMy4xMDQ1NyAxOCA0IDE3LjEwNDYgNCAxNkM0IDE0Ljg5NTQgMy4xMDQ1NyAxNCAyIDE0QzAuODk1NDMxIDE0IDAgMTQuODk1NCAwIDE2QzAgMTcuMTA0NiAwLjg5NTQzMSAxOCAyIDE4WiIgZmlsbD0iI0E2QTZBQSIvPgo8L3N2Zz4K) center no-repeat;
  background-size: 4px;
  cursor: pointer;
}

.transferRequest {
  height: auto;
}

.transferRequest .Paymentbox ul li:first-child {
  width: 125px;
  margin-right: 40px;
}

.transferRequest .text-ls {
  letter-spacing: -0.05em;
}

.transferDetail .parameter dl dt {
  width: 80px;
  position: relative;
  padding-left: 28px;
  margin-right: 10px;
}

.transferDetail .parameter dl dd {
  width: 90px;
}

.transferDetail dd {
  word-break: break-word;
}

.transferDetail .parameter dl dt::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.transferDetail .bottom dl {
  width: 50%;
}

.transferCreate {
  height: 537px;
  overflow: scroll;
}

.transferCreate .adIdType {
  width: 250px;
}

.transferCreate .adIdType ul {
  align-items: flex-end;
}

.transferCreate .adIdType ul li:first-child {
  margin-right: 8px;
}

.transferCreate .adIdType ul li:nth-child(2) {
  width: 80px;
  position: relative;
  padding-left: 28px;
  margin-right: 10px;
}

.transferCreate .adIdType ul li:nth-child(2)::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.transferCreate .adIdType ul li:last-child {
  width: 90px;
  margin-left: auto;
}

.requestBtn button {
  width: 100%;
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  color: #565ddf !important;
  background: #f9fafc !important;
}

.inputTitle {
  font-size: 15px;
  font-weight: 500;
  color: #222;
}

.inputtext {
  width: 320px;
}

.border-y {
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

.saveArea {
  display: inline-block;
}

.saveBtn {
  padding: 0 20px !important;
  height: 40px;
  background: #f9fafc !important;
  color: #565ddf !important;
}

.emailBlue {
  color: #007dff;
}

.secondaryColor {
  color: #565ddf;
}

.commonInput > div:first-child {
  height: 40px;
  flex: inherit;
  font-size: 15px;
}

.commonInput > div > div:first-child {
  width: 320px;
  height: 100%;
  min-height: 40px;
}

.commonInput > div > div > div:nth-child(2),
.inviteInput > div > div > div:nth-child(2) {
  height: 100%;
}

.commonInput > div:nth-child(2) {
  padding-left: 10px !important;
}

.emailBtn {
  width: 75px;
  height: 40px;
  background: #f9fafc !important;
  color: #565ddf !important;
}

.emailBtn:before {
  box-shadow: none !important;
}

.underlinehover td:nth-child(2):hover,
.hoverText:hover {
  cursor: pointer;
}

.underlinehover td:nth-child(2):hover > strong,
.underlinehover td:nth-child(2):hover > span,
.hoverText:hover > strong,
.hoverText:hover > span {
  text-decoration: underline;
  text-decoration-color: #565ddf;
  color: #565ddf !important;
}

.popup_close {
  position: absolute;
  top: 20px;
  right: 20px;
}

.chipCreate {
  display: inline-block;
  border: 1px dashed #b2b2b2;
  border-radius: 50px;
  background: #fff;
  margin: 0 8px 8px 0;
  padding: 16px 16px 16px 12px;
}

.chipCreate i {
  margin-left: 5px;
}

.popupBtn {
  padding: 0;
}

.popupBtn button {
  width: 100%;
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  color: #565ddf !important;
  background: #f9fafc !important;
  position: absolute;
  bottom: 0;
}

.popupBtn .q-btn:before {
  box-shadow: none !important;
}

.inviteInput {
  width: 100%;
}

.inviteInput > div:first-child {
  height: 40px;
}

.inviteInput > div:nth-child(1) > div {
  height: 40px;
}

.inviteInput > div:nth-child(2) {
  align-items: flex-start;
}

.inviteInput button {
  height: 40px;
}

.notice .tg-table th:nth-child(2) {
  width: 1030px;
  text-align: center;
}

.notice .tg-table th:nth-child(3) {
  width: 200px;
}

.file_title {
  font-size: 15px;
  font-weight: 500;
}

.fileDownload {
  max-height: 124px;
  overflow-y: auto;
}

.fileDownload div {
  margin-right: 20px;
}

.fileDownload div div {
  position: relative;
  width: 170px;
  padding-left: 20px;
  font-size: 15px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.fileDownload div div::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDQuMjIyMjJWNC4xNjIxMUg3VjQuMjIyMjJDNyA1LjMyNjc5IDYuMTA0NTcgNi4yMjIyMiA1IDYuMjIyMjJDMy44OTU0MyA2LjIyMjIyIDMgNS4zMjY3OSAzIDQuMjIyMjJWM0MxLjg5NTQzIDMgMSAzLjg5NTQzIDEgNVYxMkMxIDEzLjEwNDYgMS44OTU0MyAxNCAzIDE0SDEwQzExLjEwNDYgMTQgMTIgMTMuMTA0NiAxMiAxMlY1QzEyIDMuODk1NDMgMTEuMTA0NiAzIDEwIDNINFY0LjIyMjIyQzQgNC43NzQ1MSA0LjQ0NzcyIDUuMjIyMjIgNSA1LjIyMjIyQzUuNTUyMjkgNS4yMjIyMiA2IDQuNzc0NTEgNiA0LjIyMjIyWk00IDJMNiAyQzYgMS40NDc3MiA1LjU1MjI4IDEgNSAxQzQuNDQ3NzEgMSA0IDEuNDQ3NzEgNCAyWk03IDJMMTAgMkMxMS42NTY5IDIgMTMgMy4zNDMxNSAxMyA1VjEyQzEzIDEzLjY1NjkgMTEuNjU2OSAxNSAxMCAxNUgzQzEuMzQzMTUgMTUgMCAxMy42NTY5IDAgMTJWNUMwIDMuMzQzMTUgMS4zNDMxNSAyIDMgMlYyQzMgMC44OTU0MjkgMy44OTU0MyAwIDUgMEM2LjEwNDU3IDAgNyAwLjg5NTQzMSA3IDJaTTMuNSA4QzMuMjIzODYgOCAzIDguMjIzODYgMyA4LjVDMyA4Ljc3NjE0IDMuMjIzODYgOSAzLjUgOUg5LjVDOS43NzYxNCA5IDEwIDguNzc2MTQgMTAgOC41QzEwIDguMjIzODYgOS43NzYxNCA4IDkuNSA4SDMuNVpNMyAxMS41QzMgMTEuMjIzOSAzLjIyMzg2IDExIDMuNSAxMUg5LjVDOS43NzYxNCAxMSAxMCAxMS4yMjM5IDEwIDExLjVDMTAgMTEuNzc2MSA5Ljc3NjE0IDEyIDkuNSAxMkgzLjVDMy4yMjM4NiAxMiAzIDExLjc3NjEgMyAxMS41WiIgZmlsbD0iIzExMTExMSIvPgo8L3N2Zz4K) center no-repeat;
  background-size: 100%;
  position: absolute;
  top: 3px;
  left: 0;
}

.fileDownload div div a {
  border: none;
  line-height: 15px;
  color: #222;
  text-decoration: none;
}

.fileDownload div div a:hover {
  color: #565ddf;
  border-bottom: 1px solid #565ddf;
}

.noticePopupTitle {
  width: 460px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.notice tr td:nth-child(2) {
  width: 900px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.contact td:nth-child(2) strong,
.contact td:nth-child(2) span {
  width: 608px !important;
}

.contact .tg-table td .subText {
  width: 148px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.contactPopup .contactTitlePopup {
  width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.contactTitle {
  font-weight: 500;
  text-align: left;
}

.audienceName tr td:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 85px !important;
}

.audienceName tr td:nth-child(3) ul {
  display: flex;
  flex-direction: column;
}

.audienceName tr td:nth-child(3) ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 119px;
}

.groupParameter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.groupParameter li {
  font-weight: 400;
  color: #666;
  margin-left: 46px;
  position: relative;
}

.groupParameter li:first-child {
  margin-left: 0;
}

.groupParameter .android:before,
.groupParameter .apple:before,
.groupParameter .wider:before {
  margin-right: 10px;
  position: absolute;
  top: 3px;
  left: -26px;
}

.popupBtn.inviteSaveBtn button {
  bottom: -108px;
}

.audienceCreateTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 999;
}

.audienceCreateBtn {
  position: sticky;
  bottom: 0;
  left: 0;
  transform: translateX(0);
  z-index: 1000;
}

.audienceCreateBtn .q-btn.disabled {
  opacity: 1 !important;
}

.create {
  -ms-overflow-style: none;
}

.create::-webkit-scrollbar {
  display: none;
}

.createDate .q-field__control {
  width: 240px;
}

.item-selected {
  background: #565ddf !important;
  color: #fff;
}

.item-selected .tg-table th {
  background: none;
}

.audienceBuildBtn {
  text-align: left;
  position: absolute;
  top: -25px;
  right: 0;
}

.audienceBuildBtn button {
  width: auto !important;
  margin-left: 10px !important;
}

.audienceGroupName {
  width: 205px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AudienceGroupBtn {
  padding: 0 !important;
}

.AudienceGroupBtn .q-btn,
.AudienceGroupBtn.item-selected .q-btn {
  border-right: 1px solid #e2e2e2;
  width: 50px;
  height: 100%;
  position: relative;
}

.AudienceGroupBtn.item-selected .q-btn {
  border-right: 1px solid rgba(255, 255, 255, 0.21);
}

.AudienceGroupBtn .q-btn:before {
  box-shadow: none !important;
}

.AudienceGroupBtn .q-btn:last-child {
  margin-right: 20px;
}

.AudienceGroupBtn .q-btn:first-child::after,
.AudienceGroupBtn .q-btn:last-child::after,
.AudienceGroupBtn.item-selected .q-btn:first-child::after,
.AudienceGroupBtn.item-selected .q-btn:last-child::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 8px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB9SURBVHgBdY29DYAgEIXvLC7+NI7iCm5gZ0FhmESchIrCKVjBUawsaDBnQkLweMklR973HQBCrLUjj9Q1Ekw0eKLeSxJKMCJM/I4xXiE8s9b6/gklnFJKWLlsvhLRlBJKsFLrwbtz515KDVG7SDCH9+y3iajbIF3igUry/gWmnlhw/AHU1QAAAABJRU5ErkJggg==) center no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.AudienceGroupBtn .q-btn:last-child::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACsSURBVHgBdY/BDYJAEEVnNIEDHiiBErADLcGT2eyJEuhAO6CDPQGJHiyBFixhS+C8CX53QjDrKnOa5L83P8PGmDxNM8M81UopS9HM+e4BuFpr/eSuuw9EOPjMeukYSgInSTYwUwnQ6Ny03wCoiXj0eQFsh77vixiedTRVpSzL2ra3kpmlKZcmf+0kzgL7oxetz1fZeamPpM+E8JfwT4rhHyGUgFcTw6sjD69lb85eV852JU4hAAAAAElFTkSuQmCC) center no-repeat;
}

.AudienceGroupBtn.item-selected .q-btn:first-child::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgBjYyBCQAhCEUVboA2uNVugxshGqEN2qiRTMEg6gsJPz75nkRgRCRZ6GYc7p50C8+JJQDHEoCz55QQvBw6JX0+BAfS/zBz0/LaUnvZBfvT/ex1AK2Ptlov+yAUAAAAAElFTkSuQmCC) center no-repeat;
}

.AudienceGroupBtn.item-selected .q-btn:last-child::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgBhZBBDQAgCEWNYAQj2NBIRjCCEYxgBASHmzJAtn/A/54HAgBETMWkoAz3DZPPAy00Q0oMd+7n7snk5ZEETFPun6SUTdiQwIUdyYYV6Q/f17G6BRYstMlMv5+qAAAAAElFTkSuQmCC) center no-repeat;
}

.loader {
  height: 20px;
  width: 20px;
  border: 3px solid rgba(255, 255, 255, 0);
  border-right-color: #565ddf;
  border-top-color: #565ddf;
  border-radius: 100%;
  animation: spin 800ms infinite linear;
  position: absolute;
  top: 38%;
  right: 0;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.create_box .audience_info .check {
  margin-left: auto;
}

.create_box .audience_info .check > .label {
  height: auto;
}

.create_box .audience_info .check > div:nth-child(3),
.create_box .audience_info .check > div:nth-child(4) {
  margin-top: 9px;
}

.create_box .audience_info .check > div {
  height: 40px;
}

.right_section .check {
  width: 132px;
}

.parameterLimit {
  width: 200px !important;
}

.parameterLimit .parameterInput {
  width: 200px !important;
  margin-bottom: 8px;
}

.parameterInput .q-field__bottom {
  display: contents;
}

.parameterInput .q-field__bottom div div {
  font-size: 12px;
  padding: 5px 0;
}

.tab_contents .tg-table td .MySegmenParameter li {
  margin-top: 3px;
  align-items: center;
}

.tab_contents .tg-table td .MySegmenParameter li span:last-child {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tryAgain {
  background: #565ddf;
  color: #fff;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: -35px;
  transform: translateY(-50%);
  z-index: 999;
}

.tryAgainD2 {
  background: #565ddf;
  color: #fff;
  cursor: pointer;
  z-index: 999;
}

.tryAgain:before {
  box-shadow: none;
}

.tryAgain span {
  line-height: 28px;
}

.create_scroll::-webkit-scrollbar {
  width: 3px;
}

.create_scroll::-webkit-scrollbar-thumb {
  height: 30%;
  background: #c0c0c0;
  border-radius: 10px;
}

.q-tree__children .q-tree__node--child {
  padding-left: 18px;
}

.q-tree__children .q-tree__node--parent .q-tree__node--child {
  padding-left: 0;
}

.TabMenu {
  height: 60px;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  background: #fff;
  margin: -30px 0 24px 0;
}

.TabMenu .q-tabs__content {
  justify-content: center;
}

.TabMenu .q-tab {
  width: 150px;
  flex: none;
}

.TabMenu .q-tab__label {
  font-size: 16px;
  color: #666;
}

.TabMenu .q-tabs__content .q-tab--active .q-tab__label {
  color: #565ddf;
}

.UploadBtn button {
  width: 320px;
  height: 40px;
}

.existingFile {
  cursor: pointer;
}

.commonInput .q-field__append {
  height: 40px;
}

.commonInput .q-field__bottom {
  padding: 8px 12px 0 0 !important;
}

.paymentInput {
  margin-top: -20px;
}

.WorkspaceInformation {
  margin-bottom: 24px;
  padding: 16px;
}

.WorkspaceInformation .q-card {
  box-shadow: none;
}

.WorkspaceInformation .tg-title {
  width: 130px;
  margin-right: 30px;
}

.ConsentToWithdraw {
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  font-size: 15px;
  padding: 24px 24px 16px;
}

.template .img img {
  width: 306px;
  height: 200px;
}

.JobNotificationDialog .q-dialog__backdrop {
  opacity: 0;
}

.alarmPopup {
  width: 560px;
  top: 55px;
}

.alarmPopup .no-alarm {
  font-size: 15px;
  color: #666;
}

.alarmPopup .alarmList {
  border-top: 1px solid #e2e2e2;
  height: 315px;
  overflow-y: auto;
}

.alarmPopup .alarmList .text-subtitle2 {
  font-weight: 400;
  color: #888;
}

.alarmPopup .alarmList .workspaceName {
  display: block;
  width: auto;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.alarmPopup .alarmList .alarmText {
  display: block;
  width: 480px;
  font-size: 16px;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.alarmPopup .alarmList .alarmRadio {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.alarmPopup .alarmList .alarmRadio .q-checkbox__bg {
  border-radius: 100%;
}

.alarmPopup .alarmList .alarmRadio .q-checkbox__inner--truthy path {
  display: none;
}

.alarmPopup .alarmList .alarmRadio .q-checkbox__inner--truthy .q-checkbox__bg::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 100%;
  transform: translate(-50%, -50%);
}

.planSet .tg-title {
  width: 235px;
}

.planSet .middle_box {
  width: 100%;
}

.planSet .middle_box .tg-mt-md .q-card {
  width: 670px;
  min-height: 226px !important;
}

.planSet .planTitle {
  width: auto;
}

.planSet .planList {
  width: 100%;
}

.planSet .planList dl + dl {
  margin-top: 22px;
}

.planSet .planList dl dt {
  width: 180px;
  color: #222;
  font-size: 15px;
  font-weight: 500;
}

.planSet .planList dl dd {
  font-size: 15px;
  font-weight: 400;
}

.planSet .planList .planBtn {
  margin-left: auto;
}

.planSet .planList .planBtn button {
  border: 0;
  background-color: transparent;
  font-size: 13px;
  font-weight: 500;
  height: 24px;
  background: #888;
  color: #fff;
  border-radius: 2px;
  cursor: pointer;
}

.planSet .planList .planBtn .blue {
  background: #565ddf;
}

.planTable thead tr th {
  font-weight: 400;
}

.planTable tbody tr td {
  height: 70px;
}

.planTable tbody tr td:first-child {
  font-weight: 500;
}

.planSearch {
  top: -55px !important;
  right: 0 !important;
}

.planList dl {
  height: 35px;
}

.commonInput.planSelect > div > div:first-child {
  width: 528px;
}

.planList ul:nth-child(n+2):nth-child(-n+10) {
  flex: 1;
}

.planList ul:nth-child(1) {
  width: 176px;
}

.planList ul:first-child li {
  font-weight: 500;
}

.planList ul li {
  border-bottom: 1px solid #e2e2e2;
  height: 66px;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  padding: 25px 0;
}

.planList ul:first-child li {
  padding: 25px 0 25px 20px;
}

.planList ul li:first-child {
  border: none;
  background: #f9fafc;
  position: relative;
}

.planList ul li:first-child::before {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  background: #e2e2e2;
  transform: translateY(-50%);
}

.planList ul:last-child li:first-child::before {
  display: none;
}

.planList .c_red {
  color: #ff0000;
}

.planList ul .servingSegment,
.planList ul .AdvertisingChannel {
  height: 230px;
  line-height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.planList ul li:nth-child(7) {
  height: 290px;
  line-height: 22px;
}

.planList ul li:nth-child(8) {
  height: 292px;
  line-height: 22px;
}

.planList ul li:nth-child(9) {
  height: 171px;
}

.planList ul li:nth-child(9) dl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}

.planList ul li:nth-child(8) dl:last-child {
  margin-bottom: 0;
}

.planList ul li:nth-child(8) dl dd {
  width: auto;
  margin-left: 15px;
}

.planRadio {
  margin-left: -10px;
}

.planSelect .q-field__native,
.depositSelect .q-field__native {
  font-size: 15px;
  min-height: 40px;
  color: #222;
}

.PaymentPopup {
  font-size: 15px;
  font-weight: 500;
}

.Paymentbox {
  border: 1px solid #e2e2e2;
}

.paymentBtn button {
  color: #fff !important;
  background: #ea6060 !important;
}

.refundtPopup {
  font-size: 15px;
  font-weight: 500;
}

.refundtPopup .bankInput {
  width: 250px;
}

.commonInput.AccountNumber > div > div:first-child {
  width: 528px;
}

.refundtBtn button {
  width: 100%;
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  color: #ea6060 !important;
  background: #fef6f6 !important;
}

.accountBtn {
  color: #999 !important;
  background: #f0f0f0 !important;
}

.commonInput.depositSelect > div > div:first-child {
  width: 368px;
}

.selectInput > div > div:first-child {
  width: 528px;
}

.selectInput > div > div:first-child div div {
  min-height: 40px;
}

.historyTitle .tg-title {
  border-bottom: none !important;
  padding: 0 !important;
}

.historyTitle .historyTitle {
  height: 40px;
  display: flex;
  align-items: center;
}

.homeSearch {
  position: absolute;
  top: -5px;
  right: 0;
}

.homeSearch .q-field {
  width: 250px;
  margin-left: 20px;
}

.advertisement {
  font-size: 15px;
}

.transferList td:nth-child(2) dt,
.transferList td:nth-child(2) dd {
  width: 218px;
}

.transferList td:nth-child(3) dt,
.transferList td:nth-child(3) dd {
  width: 160px;
}

.transferList td:nth-child(5) dt,
.transferList td:nth-child(5) dd {
  width: 188px;
}

.transferList td:nth-child(2) dt,
.transferList td:nth-child(2) dd,
.transferList td:nth-child(3) dt,
.transferList td:nth-child(3) dd,
.transferList td:nth-child(5) dt,
.transferList td:nth-child(5) dd {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.transferList dl dd {
  font-size: 13px;
  font-weight: 350;
}

.advertisement .commonInput.depositSelect > div > div:first-child {
  width: 250px;
}

.advertisement .accountBtn {
  width: 250px;
  color: #222 !important;
  background: #fff !important;
  position: relative;
}

.advertisement .accountBtn.kakao {
  background: #fee500 !important;
}

.advertisement .accountBtn.google,
.advertisement .accountBtn.targetinggates {
  border: 1px solid #d2d2d2;
}

.advertisement .accountBtn.facebook {
  background: #5890ff !important;
  color: #fff !important;
}

.advertisement .accountBtn .q-btn__content {
  padding-left: 30px;
}

.advertisement .accountBtn.facebook .q-btn__content {
  padding-left: 40px;
}

.advertisement .accountBtn.targetinggates .q-btn__content {
  padding-left: 130px;
}

.advertisement .accountBtn::before {
  content: "";
  display: inline-block;
  background-size: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: none;
}

.advertisement .accountBtn.kakao::before {
  width: 20px;
  height: 19px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFsSURBVHgBrZQ9TsNAEIXf7LqAgiQXsLTcwBSIdDE3gJKKcAJESQXpKMkNOEJyAtKAQirfIEti90kKJETsYewoYCBE+fEnWd6Z3X07O5pZwgJ8Yypv0+SSwD4YBiSfwIQRMQIoapNSra619vdeyhtVYwzH8Y2I1LEKhAfSupEX/hI8NMajOH6UCCpYB4LVSXL6HEXBzNxG7JuR5uQ4Fc0Ej1y3n+VqGyTSXa0PdNV16yvnbDmVjwTvihnnKAipipqSv4/i8BSKpaIkfxYFwaBAgaiNglDEAWXdMY37KABy9L5K20YpusKWyHWzFtSpEY7HXbdUkiInHxuQivXCwW061nNnOJl03HL5VXLqiblSCzKRvD7JdS8K7+Y+nV8gooG7VxpLhZ4sV4Il4uauo8+ehsNOfsr5s1ahJhtmEFrE3JRQzMxmu+M4Qcfa0X9nOQt8fnaVJG68hNE91uSHoCcvNU1jS4666A4HFhvwCYrmjKbV0PRWAAAAAElFTkSuQmCC) no-repeat;
  left: 65px;
}

.advertisement .accountBtn.google::before {
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIwSURBVHgBtZS/b9NAFMffu0SlhaIYhkLE4i5sCA8NypiUVmJBdRBIiIXkD0CQlaXJUNb4PyAdUCbqwsJQIGZDKqj+D/CCEnXBEi2EOr7H+Uejc9JEAbVfydLd8/Pnvvf87gBOWTjuRWdlqYCAa0BcF2lqnOwSgE2Em9mPu82pgJ07eRW9/ksxLMBkLw4R1IfBCeD+ak4jTm3hQoEpFDj+dbG/uLhtu8extOyMe74JIzByEJgVjpBUoMh5AEMfizIsAWRe3xTOVJC3hFTJvv9qyR90CnkVUn6N+WAsWLs2jLoG+L1ztXBkXzB7lqJQDyOYnypmrc8O/KNYhOWPZ7QDZb7SBZbxISz2f8AGDns7V/bEdrVgTD3mnr/buTScWHr+wWAImXEg8b27tXG7mo4n2mCFWbJPXhnXkjU+UVU2uhJN1TLjFNcQnOPAIaRVzdRHoBjlDD+ywvaJ2objJxA91uXn4Il7Q0n7rCyihpz9emO5KM/1WltlHn2TFrRlh813fxag8kODACqi6/nWQxUmbc2Dp/KcOG4OgHOrXevFz+vWAcV9TqD4cNTOte6Vh0EFUY4Vo9EQSc+ksDPDwYq8xcq3dLWPbC+AyQCRIE4M2kjhTaOK0mhBTmb/FgRP7KAqWsZIAAPlXj3QgPnmFO0RavbwGlz+vlx/u16qSQaSipymGuK46BNpKP4qh/qXR1tGMjxGS6374oL1y4TspoBrAwigDZzezM/xplXaduGs9Rcp/Nocw8D1JAAAAABJRU5ErkJggg==) no-repeat;
  left: 50px;
}

.advertisement .accountBtn.facebook::before {
  width: 20px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEYSURBVHgBpZWNEYIwDIUD5wCMwAa6gW4gboAbsIEwAccGbIAb6Ag6AXUC2CAmUqTW0vLz3QWFvjySlAMAA4gYUCQUFUWNA7W8FsNUSBxRNOimdhqTIMf5XMbMLhOSG/wdQU+um8V2n4/JQctJNU2kLtYOs9DQUWqoPthgN9jQMtq753lCMYqkfq/pAop4Q4cj2HlpZpVFe/DBXh0jlP87h3brTxDNIYSxjXBlkuZmSuQKBSzD1JngTXmAYY7Ko9LSLrfyGu+kGjpPFiVoJ1Zukrq03HLJVcB6BHVS+rKdM6wn4wNXCGR6pZ8ClpNxdV9DaZr0d5lJQblpf+KrK3KB2xfghkd1koW4we6VVqHyWsLhs5DIR+iPN4w27O4WQaWvAAAAAElFTkSuQmCC) no-repeat;
  left: 55px;
}

.advertisement .accountBtn.targetinggates::before {
  width: 121px;
  height: 20px;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100%;
  left: 40px;
}

.adaccountId strong,
.adaccountId span {
  width: 200px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inputSubtext {
  font-size: 13px;
  font-weight: 400;
  color: #666;
  margin: 8px 0 16px 0;
}

.depositSelect {
  margin-top: 8px;
}

.AccountNumber {
  margin-top: 8px;
}

.segment strong,
.segment span {
  width: 426px;
}

.segmentFile {
  height: 50px;
  margin-top: 8px;
}

.segmentAudience {
  overflow-y: auto;
  padding: 20px;
}

.segmentAudience > div {
  height: 600px;
}

.segmentAudience .q-table th {
  font-weight: 400;
}

.segmentAudience .tg-table td:nth-child(2) span {
  font-size: 13px;
  font-weight: 350;
}

.segmentAudience .commonTable.tg-table th:first-child {
  width: 74px;
}

.segmentAudience .commonTable.tg-table th:nth-child(2) {
  width: 298px;
}

.segmentAudience .commonTable.tg-table th:nth-child(3) {
  width: 144px;
}

.segmentAudience .commonTable.tg-table th:nth-child(4) {
  width: 90px;
}

.segmentAudience .commonTable.tg-table th:nth-child(5) {
  width: 230px;
}

.segmentAudience .tableText strong,
.segmentAudience .tableText span {
  width: 300px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.segmentAudience .tableText span,
.segmentAudience .subText {
  margin-top: 2px;
}

.segmentFileBox {
  border-top: 1px solid #e2e2e2;
  padding: 20px 0 0 0;
  margin-top: 20px;
}

.contactPopup input,
.contactPopup textarea {
  font-size: 15px;
  resize: none !important;
}

.contactPopup .file .q-field__control-container {
  font-size: 15px;
  font-weight: 500;
  color: #565ddf;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.contactPopup .file .q-field--auto-height .q-field__control {
  height: 50px;
  min-height: 50px;
}

.contactPopup .chiplist {
  max-height: 195px;
  overflow-y: auto;
}

.contactPopup .readlist {
  overflow: initial;
  padding-top: 0;
}

.contactPopup .file .q-list .q-item {
  padding: 0;
}

.contactPopup .file .q-field__native {
  display: none;
}

.chipCreate .q-chip__content {
  display: block;
  max-width: 430px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chipCreate i {
  margin-left: 10px;
}

.contactPopup .file .q-field--outlined .q-field__control:before {
  border: none;
}

.contactPopup .file .q-field--outlined .q-field__control:after {
  border: 1px solid #565ddf !important;
}

.contactPopup .inquiry label div div {
  height: 300px;
}

.contactPopup .cardsection {
  border: 1px solid #d2d2d2;
}

.contactPopup .cardbox {
  height: 660px;
  overflow-y: auto;
  padding-bottom: 55px;
}
.contactPopup .cardbox .cardbox-wrap {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.contactPopup .cardsection .date {
  display: contents;
  width: 140px;
  line-height: 32px;
}

.contactPopup .cardsection .name {
  display: inline;
  width: 140px;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 30px;
}

.contactPopup .cardsection .text {
  border-top: 1px solid #d2d2d2;
  font-size: 15px;
}

.contactPopup .cardsection .text .answer {
  position: relative;
  padding-left: 15px;
}

.contactPopup .cardsection .text .answer::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgBrc0xAQAACIRAtH8B0moBf/NWBlCHQxM8hkrzBdxsBZ7VlogWAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 6px;
  left: 0;
}

.contactPopup .fileDownload div div {
  width: auto;
  margin-top: 8px;
}

.contactPopup .cardbox .inquiryText {
  word-break: break-all;
  white-space: break-spaces;
}

.notificationPopup {
  color: #222 !important;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
}

.notificationPopup .workspaceName {
  font-size: 14px;
  color: #ea6060;
  margin-bottom: 10px;
}

.q-field__bottom {
  font-size: 13px;
  font-weight: 400;
  padding-left: 0;
}

.toggleCustom .q-toggle__inner {
  padding: 0;
}

.toggleCustom .q-toggle__track {
  width: 46px;
  height: 27px;
  border-radius: 60px;
  opacity: 1;
  background: #eaeaea;
}

.toggleCustom .q-toggle__inner--truthy .q-toggle__track {
  opacity: 1;
  background: #565ddf;
}

.toggleCustom .q-toggle__thumb:after {
  top: -7px;
  right: 6px;
  bottom: 6px;
  left: -6px;
}

.toggleCustom .q-toggle__inner--truthy .q-toggle__thumb:after {
  background-color: #fff;
}

.alarmToggle.toggleCustom .q-toggle__thumb:after {
  width: 20px;
  height: 20px;
  top: -6px;
  left: -3px;
}

body.desktop .q-toggle:not(.disabled) .q-toggle__thumb:before {
  display: none;
}

.q-table__bottom {
  height: 72px;
}

.q-table__bottom,
.q-table__bottom .q-field__native {
  font-size: 15px;
  color: #666;
}

.q-table__bottom .q-btn__content .q-icon {
  display: none;
}

.q-table__bottom .q-btn {
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  color: #d2d2d2;
  width: 32px;
  height: 32px;
  margin-left: 8px;
  position: relative;
}

.q-table__bottom .q-btn:first-child {
  margin-left: 20px;
}

.q-table__bottom .q-btn:first-child::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB9SURBVHgBdY+xDYAgEEU9QqhdxRGYRDtCpSMwgi0VruAErsII9gTwMDEBhN/85N7P/TsYGtJaK+/9TVsAbQYADi0QQuBSSgs9kGbQA0kUwYa+IphykEQYYweWW0LIUh/3rjXGjM65K8Z4CiFUAXuB4pU6AHVPFth/8AskfwCm+lc2r8EVVgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.q-table__bottom .q-btn:last-child::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB/SURBVHgBdZDBDYAgDEVtI8zhKk7gCMqJKyOwBeGmG+gEjuAKjuAExEKMESxNoE3eb/vTxntv6NmGCQwhrJRHTgDxc851iLhTuWitbQZrAviOKQVQ7nkEB5Wm/TlEnADgFEJsWWd0TGAg0CulLqiB1xAH0op4IQ4kKKWcORDjBqiNNiSQIBzzAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.q-table__bottom .q-field {
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  width: 60px;
  height: 32px;
}

.q-table__bottom .q-field .q-field__native,
.q-table__bottom .q-field .q-field__append {
  height: 32px;
  min-height: 32px;
  justify-content: center;
}

.pagingBtn {
  font-size: 14px;
  font-weight: 400;
  color: #666;
}

.pagingBtn.q-btn:before {
  box-shadow: none !important;
}

.pagingMenu {
  width: 58px;
}

.audiencePaging .q-btn__content {
  justify-content: flex-start !important;
}

.q-table__bottom .audiencePaging .q-btn:last-child::before {
  display: none;
}

.audiencePaging .q-btn {
  width: 60px;
  min-height: 32px;
  padding: 0 10px;
  font-size: 15px;
  color: #666;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABdSURBVHgBZUu5DYAwDLRJly3YACnKMCyQOhsAO7hyxxh0LGDJYzACcoXdIeWKe3XYWtsBYIMRRxKRu5Qye1h+w8nMfQpnZt1FwyOi5pwjQwpS1bfWesXbx5WInug/qKgXKzpsX7UAAAAASUVORK5CYII=) no-repeat 85% 50%;
}

.loginFooter {
  background: #fff !important;
  width: 100%;
  height: 185px;
  font-size: 14px;
  line-height: 24px;
  padding: 20px;
  position: absolute;
  bottom: 0;
}

.loginFooter .q-btn {
  padding: 0;
  margin: 0 10px 5px 10px;
}

.loginFooter .q-btn--actionable.q-btn--standard:before {
  box-shadow: none;
}

.loginFooter ul {
  width: 500px;
  margin: 0 auto;
  color: #888;
}

.loginFooter ul li:nth-child(2),
.loginFooter ul li:nth-child(3),
.loginFooter ul li:nth-child(7) {
  margin-left: 15px;
}

.error404 {
  position: relative;
  padding-top: 117px;
}

.error404::before {
  content: "";
  display: inline-block;
  width: 101px;
  height: 87px;
  background: url(data:image/png;base64,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) center no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.error404 h1 {
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 20px;
}

.error404 p {
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 30px;
}

.error404 .q-btn {
  font-size: 15px;
  font-weight: 500;
}

.Terms {
  background: #fff !important;
}

.Terms li {
  list-style: unset;
}

.Terms:not(.Terms li) {
  list-style: inside;
}

.Terms .termsLogo {
  border-bottom: 1px solid #e2e2e2;
  padding: 15px 20px;
}

.Terms .termsLogo .logo {
  width: 203px;
  height: 40px;
  background: url(data:image/png;base64,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) center no-repeat;
  background-size: 100%;
}

.Terms .title {
  font-size: 22px !important;
  font-weight: 500 !important;
  margin-bottom: 30px !important;
}

.Terms .text pre {
  white-space: normal;
  color: #666 !important;
}

.Terms .text b {
  display: block;
  color: #222 !important;
  margin-top: 30px !important;
}

.Terms .text b span {
  font-weight: 500 !important;
}

.Terms .text .MsoNormal:first-child b {
  margin-top: 0 !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.leftbar {
  height: 60px;
  padding: 0 33px !important;
}

.leftbar:nth-child(1),
.leftbar:nth-child(7) {
  border-bottom: 1px solid #e2e2e2;
}

.leftbar:nth-child(1) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEBSURBVHgBzZO7DcIwEEDPWEIUFGED2IARwgg0oKQBbwATABuwQUCQmE/BCLABK2QEGoqA8HEGiZ8iYpIUPMmSTz49n85nAAN8fznUyySXJSUEwXJCaZ17hGPXbfdTCT3Ps0ql8gYR7Y+jXRQdm0KIg7FQSllVim8YgzrEEzJ2aTiOEyYKtQyRb2lbhe/ESguvge+v6oYyze1iXUCsUMq1zRgzlT2k1Jr9bCbtNyFV1qXmkwwt+BHqs8U5387ni94t1vNFlQ0gB6io0dujBMEKIQWu23p4CpAziUJENaFBrkTRpaYUTjMLTycc6V8hhBOez8VeZqEWPffNQ2bhr/y/8ArEa2soK8pazgAAAABJRU5ErkJggg==) center no-repeat;
}

.leftbar:nth-child(3) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHHSURBVHgB7VTNUcJAFH6bMMlBD5QQOyAdYAdwECdwYTuACpAKxAqCB8iIB9MBWIHpADowB53Jjonr2/wAWUmI40EPfBeSvP2+97PfA+CEvwapcshxHAOgZnMODQBex08uIdHQsqzNrxMIcc5rL6nwFpjMV5TIPJZEgSPgXL2VxePKCNQxZh/j1/YrTcbAm/jq4QjaaXWt4uRiZKXcXQc4hqf0gEBjVx3xixKILsq5uRHxhsRPCdyDQnC3nJu/g5VEjoUZi2hBFz5jn8Mybi5BIgRZYIXktnig1NowFpr46GbCSTwyRayMK1BpDwRs265r2pmhKKQeBG8epdSvwtsmcJzHJv6MMmfgBU4s62qcOEQV3/s5IoEpQDQWbkGuiA/S79hJSDMXxQlms0UfAzlPI8HERfLREUt8NQoK3KAlL8MQDFWNz+0r9Lvd63tyaFNRfNrrdeh8vliXiG+TMPZu6vr5CJmDPY140zHBwpbbx0u70DS1KXdVBELITRDU7nT941XqYqJwTiQPc0+4A8VHUBG4ZH1K23jpRNoZ0iLz+cNaOu8ypo2/V1MOXVcNtLMYUe6v5aBNhaOwqiX8DM1ut/MMJ/w7fAFhevC0ojikKAAAAABJRU5ErkJggg==) center no-repeat;
}

.leftbar:nth-child(4) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHISURBVHgBrVRtTsJAEJ3ZKsYYE47QI+ANegM10RjaGOkJxBMIJ9AbFELaBvkBR+gR6g3qDfhDCAQ6zgDFgu2ixpc03Z2P19nZeUUogOd51dPT84c0TS1EqBGBKXZeJ7yOAdTItm+6Rbm4b+j1+leGoTwAqoIeCRO39olVfuP7b6+GgcMfkAlMgLTj+/1WIaE4+EiPZdlEFCMiJ1OSt7PtOQj6LzuEXFlDHKDBfJ5e1+u37dmscvHdi81eL7jaEnJlWjLB8TGuEk5OFo0iv1JHnlwmrqsDD/4BPAFNxWSXmphIKWjy2yJauvv92wciWXxkNMsDZO5UbTabvDtOvVPcv52MGhNSrczNR2gQpY1s77rXY9DDVHAQFLuuuyIKw4F1KFoIkwMxUY78AQ58XAhjbQgtul9rsECPRDGicjIYO46z+qDnDUWOJugxUtOpwRVgYbP5lqsyrDlTJEnFXJTY9l1XrW8udaEElcrZSxiGpsSxPNtc9UdJaGtVRLYLggELnJrwB/CPo+U4d21Zb8fGtm+fxAG/Br1mZDsVZvD9kLWtnnUK2mC8XC7c+3t7p6dYFr0mNkTnJj8bNYmWMWZ9R9PppJsNfB6fc1C0EpDY+A8AAAAASUVORK5CYII=) center no-repeat;
}

.leftbar:nth-child(5) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEpSURBVHgBrZLRbcIwEIbvDIIHHpoR2KDZoB2hD20l89J6g47QblAmCBFSUCukwgbuBKyQEZAQoCCR40AGLGGIE/glx1GS++6/P4Yk+Z0kyfANbiRkIJn7FIBGiHlXSplCRdnA40OEHl9jKV80lJQTaCkFEJ+dznMMNwIewOxaA6y/iuLwBR4LCuLYAv94b5sVgL/SbRxZNhsrpaYHoP1FFEVBs9m6FwIDIgiJcm6AoWkUngPbcSCUUL//81SriQc+Xo+uBmzi48Rho9FqCwEhorjbu2QHvO8icWlKRN+rVR4rxQ4Hg2HERdwNuYDKZKi58Wi5nMd2hnWGvRvD3iBefDZf/10v6+AnM9aia7upAnSOVQWo4cJYvkDvsYqAmn9IL8sW42tAe20A2e+VPzukiR8AAAAASUVORK5CYII=) center no-repeat;
}

.leftbar:nth-child(6) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEZSURBVHgB1ZXLDcIwDIbtCKFKcIBNygTADjyk9EInACYAJqAbFA4tAoZgBTaBEwcOmJTyUqCpBSqin1QpSWM7v526AHkHb4MwXNG7DVJ20OQgzU5AxhQgITIXfb+u6PcKkgiC5RhR9OPZaSZld8ixYykIgpWHiCMAqsQPDhaL9Yhjy8p3GK53seMHRLB3nE41zTbzGrACIIL3ukYzYMC+kipNU5WYXjQmIs9xuhP4B1gKoisqhKirkzeuS1uVXU/K1jzN1hjA9/1KsVjaqBrY796rgNvj8dB0XXef5MNYZMsqTZOcX06HaFtWuW/ycQ8Q9RC9jxChDSkoFb3nue7H2CqkbNfgS/7jQ/uGlxTpdfj0j3YjcwX55wxoVF6e4I5lnAAAAABJRU5ErkJggg==) center no-repeat;
}

.leftbar:nth-child(7) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACbSURBVHgB7c+xDYMwEIXhd3YGyAhZJRukiyIqRsgEcSbICCkQSGQqj0CLFPmgthA+jgaQ/9J39icDe4/ig6pqb9aaL8DnuYvM/C6Ku0MiEx9YS5/U4+PcE9GrrluHpcDYBYn6PlyliIGisnx4KaICliBqQIqsAqaQeH6Coqb5sXR39Q8ykIEMbBOgDurYJwHm/3NqUVAXAhwO1wBFC0vQ8yRBQAAAAABJRU5ErkJggg==) center no-repeat;
}

.leftbar:nth-child(9) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHESURBVHgB5VRdTsJAEJ4t2AefOALeQG4AN9DEGGlDpCegnKBwAuEExZC2/JjADdQTyBF6BHyQpDXbdVZo2G5KW4gPRr+Xdqc737f7dWYAfhMcZ9Z23af7Y3JIkU2eN6/jw2KM1XchnxDaaDabfl4uySb2qgAlJIZ2ajKBEQDtZwmlCti2XVHVc5MQpQPAKpADvFk/DDcDwzDWuQLcZ0LIQxFiCT6A0tO0m0cxqEDi5IsKXrtzAjmCAaXhuxxNCBjG9VrTbmuMUQMTfChKzVgvCDa1VktbcnvFb2Vx4TjTHvdS15sjXI4cx0O7FAudrB7gfgkCitZvf/J4PL0qlbi9cBFvSPwD150xkLzktqlq2EEhc28d8ymlXX5ivtpWW9mOyxhdIFkCMSQhr6qqJYuT4y2HvGL21UYskaeoQIwVY5+GrusrMSjYUZUTRAEF8nFJyNmb583sOICd/YzkizRyGUUEviF2szAyclFY4FT8MYFjOzgFa8Yi86AA7+AgiBpYvQM4Ettx8XGh63dDMV6WN+7avouNNeSNhcOvDdlIjAsZ5UNZuwRjMpkvoygayPMIT7zCDjaxqV7hJ8AH3/590oF/gy8jB9hiRmzHCwAAAABJRU5ErkJggg==) center no-repeat;
}

.leftbar:nth-child(10) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFESURBVHgB7ZRRTgIxEIanlVCiJuIN9AYewSvworK80BMIJ2A9wcIJgARYgw+ewRt4hD0CPhjYBTu2JCZrpbtT8JEv6WY77d9/Z9ouwJESWL4znc7bjLEIAOuwH4nWhkFwP/4J8F9uDHoHLG64QmT9fIDbE+BA9EfWiwycIGKYpp+XpimlulRdhTIJUXVarYdBLtSP45cLY1qmJWWQZcuxHVutKgOKllyifSEZ1Grnj3ZMiE0bCBD3AMPJ5PljvV6OTL9aPe3oaI+iJRkYOOeREGcReOK5B5jox8JHUWagF0NzM2/N+de/gOsguNveBRNDhFGJ3l0iXff3LFMNKZuJPSalNFm8mTYcxk9CnLzq9xvwycC1+F+zZpKmXw3XOC8SApGiuc4SzWZzhH/AyoB5nZDdbE/abgPETdee4MlCKQjhiA/f+Z93TEbCnqMAAAAASUVORK5CYII=) center no-repeat;
}

.leftbar:nth-child(11) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFXSURBVHgB7ZRRToNAEIZnoaEkfeEI9Ai9QXuDvqiBvsgJhBO0nkBusDVtQFvvoJ6gV8Ab8GTcRHacxVBrqQGsRh/4Hja77O7/z0x2AGj5a1gxWSxux7qucQC04DgS0pi57tm1WmjFV11nVz8grrARWVgstN0NNSBmHo0JNCa/M1QzxsA6ZJAzmThzIYwBHQuhNhgK8Txw3dPH/Z2SQRyvuGm+WK57EgiR9SuyeVBRU70D0zStOF7fVxogwrmU+ma5vPE9z0nocl9KGVBG6c6xFFH6FPFIRR1Fax+xs0HE4b7e9hVF0QqhTMJYNnIcJ+E8tg1Dn1J9bcrMU+YUsRKcHhImY1bHoMhL1fiSVPMsOOeWYfRmZHbx1Y3CoAO1YH632xtH0R2J4hNFTP3y/uqqqGmQYwPIOSI0QoNfpjVoYvCpkY7ko/u3Boivwfd+ciVSKWEGLf+GN9XYiXpxwk98AAAAAElFTkSuQmCC) center no-repeat;
}

.leftbar:nth-child(1):hover .q-icon,
.q-router-link--exact-active.leftbar:nth-child(1) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBxZBZDYAwEEQXFBQH4AAJSEECEuoAC6AECUhAAhKG6Qeh4UgPmvQlkzTt7kszIh4A0CaSAoomXIwSC5cVs+CJuVOhsppZ8c1mZkJkG9y4pRxoPWVuKR86Zkc4Zqe7y3r8ZzhlGunQxe2nkAgKcp5LSYyPcGIqpmFmCeGjl9p6V28DtsPZod2Pz0yWDvMKDzjvzAJw+oBhAAAAAElFTkSuQmCC) center no-repeat;
}

.leftbar:nth-child(3):hover .q-icon,
.q-router-link--exact-active.leftbar:nth-child(3) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD9SURBVHgB7ZPtDcIgEIYhcQA3sCO4gd3EbtIROkJH6Ai4AW6AG9QNTkgPe14OhKQ/NOmTXJoU3vc+AKV2/gIAaHwYHzMsTOGf2gI0j8aUeZMkWG0KU2MUxxCwsTrIM+e0PIGVqgN5PG9yWp4gJTYZ/ymn5QkM22NJ+9lDTmmlM4itGiBzxLWJGEvrolarQrzo6D+Nj/C9a62fqgZv0ML6mEL0pLpRGNFIRtQT3UcH0bwTDM5o7iCNwz2tsHal8+OHOOKag++EPUcfA/u/XAKQ2w9JOyinxyScQXoktqL6iEMN93IHvBUPciQ3WG9MKaHjU9CiX9GNquWidn6SFybzhZglc4MZAAAAAElFTkSuQmCC) center no-repeat;
}

.leftbar:nth-child(4):hover .q-icon,
.q-router-link--exact-active.leftbar:nth-child(4) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEVSURBVHgBnZWLEYIwEEQDFWAHlqAdpAPpQK1AO9AOsAO1Au1AOxArCB1IB+ceHwlMyAXfzI6ZuCzhQg6lHBBRAu2gG2SowzRzaxUKzCn0IRkjBsNwoukcx8KOwoUv6ED9ErRkw7ANycyt+rpI7UBDMvvGux/5n+uehK4ulF2Mm648+/SEeGUa2kKF8qM5cO4xFNACekdRdMHvUvlZRLxOJTNDYMkDyR8rmdwK05KZAwvB87TG0pHLOTAXTFdrrAVvEQ9WMKTE41Y3rN4x/wYy9/bN9zWDpA2EHlR3GxfmF0t1hxnjTN2x0zTeQPr1xURG/3NwFoDqbjKVzFtVqs+2CQjiuqcqlCaYN+BlhZhmjj8Pieu6L0j8AdQSEnGAAAAAAElFTkSuQmCC) center no-repeat;
}

.leftbar:nth-child(5):hover .q-icon,
.q-router-link--exact-active.leftbar:nth-child(5) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADLSURBVHgB7ZLbDQIhEEWHCrQEOtAOtAQ7oARLMFagHWyswBKwgy2B7UA7GC9ZEo0BYVhM/NiTnPBDuPOAaOZvYOYeGvoV/MLBE9TUEo7TwS21gL/jJo+Py3ChK01SWE4nGh8uX3n8SXeW4aCBy9i7KhHmL6+gP9eRM8YAb/ColBpoCihgx+NX7hNd7Us60KHaxUf1OpH7gGd4iXYQllazA+srTu3gPUCKhRsqpfBR390hW21FgC0aQ0WAFY2hMKB+DJkAX61p/vBMjieQgTJAqfkZWQAAAABJRU5ErkJggg==) center no-repeat;
}

.leftbar:nth-child(6):hover .q-icon,
.q-router-link--exact-active.leftbar:nth-child(6) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACnSURBVHgB1ZWNCYAgEIVf0QBt2Ci1QW1QmzRCIzSCI9gFCuK/lqAfHETnvfN6lUDrdPKCE9YFhKc+WNejMAMcnWPR1+sTFZ8gugFtbKFgIlakwgWO3MZN5lQdX3NmacBiaqvxYLPcO/Anr7GKyTOaQryip2LwRTHhKyQyCjEXb25ELlS88zBxftg+kMDuJXdIx59IRNep52eXi3Ee6I8p90STFJ+gfR4BnxwerciMqQAAAABJRU5ErkJggg==) center no-repeat;
}

.leftbar:nth-child(7):hover .q-icon,
.q-router-link--exact-active.leftbar:nth-child(7) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABpSURBVHgB7c5RCoAgEIThITpIR+oq3cCb2g3qBptBT2I4Dogg+4NPrvsJTJeZ7elcVi9AKT2MxPIoI8a1yQiz/ZvTEBaQkRZAQlqBHMnvVgiVFv21oHMOOODAIOCG3skAR2mQ6P1YwHQ9YgVaaapozTEAAAAASUVORK5CYII=) center no-repeat;
}

.leftbar:nth-child(9):hover .q-icon,
.q-router-link--exact-active.leftbar:nth-child(9) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD7SURBVHgB5ZXhDYIwEIVPJmAERnAD3UA2ECfADeoGjtBROoIj4AbqBOdrbGMptraAidEveYEfj3vlegWib4KZG2hLc4Oia0jxkw6qaCq6CCQ5jBwVhIdK6ABdOA3tLVOLNxmF2WvbYH8Kf+W4tFDaaobcklzmLbqM1Qvbomir/F4mBCl2Nhn3tfbHAga95MeGC+7vi/bUjqdiZ4zfBXAgyI6scNth3rpHaoDlBC1feGsOtC83wCIdn4oZ3ZoLP4AiLECOT1PQh/m9gB10pvFcoX3UYeb9GJuOwPAITv2iOkEyIUDxlJ8PHt6wOVBegD6AK5oLFGuc+5b+hjuqfIfYSUlMfgAAAABJRU5ErkJggg==) center no-repeat;
}

.leftbar:nth-child(10):hover .q-icon,
.q-router-link--exact-active.leftbar:nth-child(10) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADOSURBVHgB7ZThDcIgEIUP4wBlAzZxFLtB7QSygSM4kiO0G5QN8EhOJYTi3dUf/uiXvJCQBw+OCwA7EmKMPWqJeibUOd/TFAETDg62EYwxdi0gwg/AgPe+B8E6j7KkETQ0ajtUvNc1c+7jlsjirUPh7XBYamZtiVRwA4bKXA9SYptLKgvJt4z5nn/VpokZFUBL5bbp27ihTtQ1L19Hc/dvJWoFPFCOcShHXnGAAyYUInvk/KGYIdW1R86CLZRdpO+QD3MrYCwNQtIBPexIeALSI2uPXENTDgAAAABJRU5ErkJggg==) center no-repeat;
}

.leftbar:nth-child(11):hover .q-icon,
.q-router-link--exact-active.leftbar:nth-child(11) .q-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADQSURBVHgB7ZTtDYMgEIYPJ7AbsEkdoRuYTlC7QTdoN3AUR4EN6gb0MHfNFa2KH4k/eJI3XADvPUAASBwG59wF9XbrMaiS8yphYLDRsA2tUurkg0x0amqvKAvxWFRBcd4b5fVRnKOe83elm5uHeQYNkBqlqU/Tnv6jQZ3F3GaOgccfdiXGKvf7A/j4NjI+acCYYDU1Vcl9hRNVLzFgvnsszug19kGsAa+mpKrN1GTOK+9B33UFeA+63BnsTDKIMmhhO+yQwR2WPXIhvtAHJA7DBwlu+nNuEQ5mAAAAAElFTkSuQmCC) center no-repeat;
}

.WithdrawalText {
  font-size: 13px;
  font-weight: 400;
  color: #ea6060;
  margin-left: 10px;
  position: absolute;
  top: 11px;
  left: 55px;
}

.restoreDormantText span {
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: #666;
}

.q-table thead tr th:first-child {
  width: 80px;
}

.q-table thead tr th:last-child {
  width: 70px;
}

.fileLoading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.loaderPopup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ConfirmPopup {
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  padding: 25px 25px 0;
}

.ConfirmPopup .title {
  height: 40px;
  line-height: 22px;
}

.ConfirmPopup .ConfirmPopupBtn {
  position: absolute;
  bottom: 15px;
  right: 10px;
}

.ConfirmPopup .ConfirmPopupBtn button {
  font-weight: 400;
  min-width: auto !important;
  padding: 0 15px !important;
  height: 15px;
  color: #666 !important;
  background: none !important;
}

.ConfirmPopup .ConfirmPopupBtn button:last-child {
  color: #565ddf !important;
  margin-left: 0;
}

.ConfirmPopup .ConfirmPopupBtn .q-btn::before {
  box-shadow: none;
  border: none;
}

.prog {
  padding: 0;
  position: absolute;
  top: 5px;
  left: 350px;
}

.q-tab-panel {
  padding: 0;
}

.filter_list .q-list,
.select_list .q-list {
  min-width: 130px;
}

.q-panel-parent,
.q-panel.scroll {
  overflow: visible !important;
}
/* ****************** .molecule header ********************** */
.molecule header {
  height: 120px;
  background-color: #fff;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.molecule header > div {
  height: 100%;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  position: relative;
}

.molecule header .logo {
  float: left;
  padding-top: 38px;
  width: 200px;
}

.molecule header .logo img {
  max-width: 100%;
}

.molecule header #gnb {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(-60%, -50%);
  text-align: center;
  width: 600px;
}

.molecule header > div .menu .list {
  display: inline-block;
}

.molecule header > div .menu .list .item {
  float: left;
}

.molecule header > div .menu .list .item .sub_m {
  display: none;
  position: absolute;
  background-color: #0c2a37;
  opacity: 0.85;
}

.molecule header > div .menu .list .item:hover .sub_m {
  display: block;
  float: center;
  transform: translate(-15%, -4.5%);
}

.molecule header > div .menu .list .item:hover .sub_m a {
  color: #87959b;
  font-size: 14px;
  font-weight: 500;
  line-height: 50px;
  height: 50px;
}

.molecule header > div .menu .list .item:hover .sub_m a:hover {
  color: #fff;
}

.molecule header > div .menu .list .item:hover .sub_m2 a:hover {
  color: #fff;
}

.molecule header > div .menu .list .item .sub_m2 {
  display: none;
  position: absolute;
  background-color: #0c2a37;
  opacity: 0.85;
}

.molecule header > div .menu .list .item:hover .sub_m2 {
  display: block;
  float: center;
  transform: translate(-16%, -4%);
}

.molecule header > div .menu .list .item:hover .sub_m2 a {
  color: #87959b;
  font-size: 14px;
  font-weight: 400;
  line-height: 50px;
  height: 50px;
}

/* ****************** eng ********************** */
.molecule header > div .menu .list .item .sub_m3 {
  display: none;
  position: absolute;
  background-color: #0d3a65;
  opacity: 0.85;
}

.molecule header > div .menu .list .item:hover .sub_m3 {
  display: block;
  float: center;
  transform: translate(-21%, 0.2%);
}

.molecule header > div .menu .list .item:hover .sub_m3 a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 50px;
  height: 50px;
}

.molecule header > div .menu .list .item:hover .sub_m3 a:hover {
  color: #86b6da;
}

.molecule header > div .menu .list .item:hover .sub_m4 a:hover {
  color: #86b6da;
}

.molecule header > div .menu .list .item .sub_m4 {
  display: none;
  position: absolute;
  background-color: #0d3a65;
  opacity: 0.85;
}

.molecule header > div .menu .list .item:hover .sub_m4 {
  display: block;
  float: center;
  transform: translate(-12%, 0.5%);
}

.molecule header > div .menu .list .item:hover .sub_m4 a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 50px;
  height: 50px;
}

/* ********************************************* */
.molecule header > div .menu .list .item a {
  color: #000;
  display: block;
  font-size: 16px;
  font-weight: 700;
  height: 140px;
  line-height: 140px;
  padding: 0 32.5px;
  text-transform: uppercase;
}

.molecule header > div .lang {
  position: absolute;
  background-color: transparent;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.molecule header > div .lang .lang2 {
  background-color: #092d51;
  height: 38px;
  width: 148px;
  text-align: center;
  padding-top: 9.5px;
}

.molecule header > div .lang .lang2 > a {
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

.molecule header > div .lang02 {
  position: absolute;
  background-color: transparent;
  top: 50%;
  right: 12%;
  transform: translateY(-50%);
}

.molecule header > div .lang02 .lang2 {
  border: 1px solid #092d51;
  height: 38px;
  width: 148px;
  text-align: center;
  padding-top: 9.5px;
}

.molecule header > div .lang02 .lang2 > a {
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-weight: 500;
  color: #092d51;
}

.molecule header .nav-open {
  display: none;
}

/* ****************** footer ********************** */
.molecule .footer {
  background-color: #d4d5d5;
}

/* .molecule .footer .wrap02 {
    padding: 36px 20px 52px 20px;
} */
.molecule .footer .menu {
  border-bottom: 1px solid #afafaf;
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 25px;
}

.molecule .footer .menu .mTitle {
  font-weight: 700;
  text-transform: uppercase;
}

.molecule .footer .menu .mTitle a {
  color: #fff;
}

.molecule .footer .menu .sTitle {
  margin-top: 28px;
}

.molecule .footer .menu .sTitle .item {
  font-weight: 400;
}

.molecule .footer .menu .sTitle .item:nth-child(n+2) {
  margin-top: 25px;
}

.molecule .footer .menu .sTitle .item a {
  color: #fff;
  line-height: 22px;
  color: #88a6b2;
}

.molecule .footer .company {
  display: flex;
  height: 100%;
  width: 100%;
  /* margin-top: 42px; */
  position: relative;
  justify-content: center;
}

.molecule .footer .company .logo {
  width: 193px;
  height: 79px;
}

.molecule .footer .company .logo a {
  display: block;
}

.molecule .footer .company .info {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  text-align: center;
}

.molecule .footer .company .info .right {
  display: flex;
  align-items: center;
}

.molecule .footer .company .info .right .social a:nth-child(n+2) {
  margin-left: 0px;
}

.molecule .footer .company .info .bottom {
  width: 100%;
  margin-top: 50px;
}

.molecule .footer .company .info .bottom .doc {
  margin-bottom: 20px;
}

.molecule .footer .company .info .bottom .doc a {
  color: #333;
  /* text-decoration: underline; */
}

.molecule .footer .company .info .bottom .doc a:nth-child(n+2) {
  margin-left: 54px;
}

.molecule .footer .company .info .bottom .copy {
  color: #888;
  line-height: 34px;
  margin-top: 28px;
}

.molecule .footer .company .info dl {
  color: #888;
  display: block;
  line-height: 32px;
}

.molecule .footer .company .info dl dt {
  margin-right: 5px;
  font-weight: 700;
}

.molecule .footer .company .info dl dt,
.molecule .footer .company .info dl dd {
  display: inline;
  vertical-align: top;
}

.f_line {
  display: flex;
  justify-content: center;
}

.f_line dl:nth-child(n+2) {
  margin-left: 20px;
}

/* ****************** common ********************** */
.molecule .wrap {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 1200px;
}

.molecule .wrap02 {
  /* display:flex; */
  align-items: center;
  margin: 0 auto;
  max-width: 1400px;
  position: relative;
  padding: 0px 0 20px 0;
}

.molecule .wrap03 {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 1200px;
  justify-content: center;
}

.molecule .wrap.full {
  max-width: 100% !important;
}

.molecule .wrap02.full {
  max-width: 100% !important;
  /* margin-top: 150px; */
}

@media all and (max-width: 1366px) {
  .molecule .sec-01 .visual {
    height: 628px;
  }
  .molecule header > div {
    padding: 0 60px;
  }
  .molecule header > div .lang {
    right: 60px;
  }
  .molecule .sec-01 .visual {
    max-width: 1246px;
  }
  .molecule .sec-01 .visual .content .desc {
    top: 67px;
  }
  .molecule .sec-01 .visual .content .desc .text {
    font-size: 26px;
  }
  .molecule .sec-01 .visual .content .desc .text strong {
    font-size: 46px;
  }
  .molecule .sec-01 .visual .content .desc .text:nth-child(3) {
    font-size: 16px;
    margin-top: 70px;
  }
  .molecule .sec-01 .visual .content .img {
    width: 392px;
    height: 385px;
    top: 36px;
    right: 140px;
  }
  .molecule .sec-01 .visual .service {
    max-width: 966px;
  }
}
@media all and (max-width: 1280px) {
  .molecule .sec-01 .visual {
    height: 660px;
  }
  .molecule .sec-01 .visual .content .desc {
    top: 87px;
  }
}
@media all and (max-width: 1100px) {
  .P_grid-02 {
    grid-template-columns: 1fr !important;
    justify-items: center;
  }
  .P_grid-02 .P_s_img-01_01 {
    width: 370px;
  }
  .molecule header > div {
    padding: 0 60px;
  }
  .molecule header .logo {
    padding-top: 30px;
  }
  .molecule header #gnb,
  .molecule header .lang {
    display: none;
  }
  .molecule header .lang02 {
    display: none;
  }
  .molecule header .nav-open {
    display: block;
    position: absolute;
    top: 20px;
    right: 5px;
  }
  .molecule .nav-open {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    margin: 0 auto;
  }
  .molecule .container {
    width: 100%;
    /* max-width:500px; */
    float: right;
  }
  .molecule .head {
    width: 100%;
    height: 80px;
    position: relative;
  }
  .molecule .body {
    height: 720px;
    position: relative;
    overflow: hidden;
  }
  .molecule .slide2-open {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
  }
  .molecule .burgur {
    right: 15px;
    top: 23px;
    position: absolute;
    width: 40px;
    height: 4px;
    background: #1b7884;
  }
  .molecule .burgur .top-line {
    width: 40px;
    height: 4px;
    background-color: #1b7884;
    bottom: -14px;
    content: "";
    position: absolute;
    right: 0;
    transition: transform 0.3s;
  }
  .molecule .burgur .bot-line {
    width: 40px;
    height: 4px;
    background-color: #1b7884;
    top: -14px;
    content: "";
    position: absolute;
    right: 0;
    transition: transform 0.3s;
  }
  .molecule .burgur.on {
    width: 0;
  }
  .molecule .burgur.on .bot-line {
    transform: translateY(14px) rotate(135deg);
  }
  .molecule .burgur.on .top-line {
    transform: translateY(-14px) rotate(-135deg);
  }
  .molecule .slide2 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    right: 0;
    bottom: 0;
    transition: left 0.3s;
    background-color: #1b7884;
    opacity: 98%;
  }
  .molecule .slide2.on {
    left: 0;
  }
  .molecule .slide2 ul li {
    display: inline-block;
    width: 100%;
    padding: 20px 0 0 30px;
  }
  .molecule .slide2 ul li a {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #d5e7f3;
  }
  .molecule .slide2 ul .m_menu {
    display: inline-block;
    width: 100%;
    padding: 30px 0 0 30px;
  }
  .molecule .slide2 ul .m_menu a {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #e8f3fa;
  }
  .molecule .slide2 ul .m_menu2 {
    display: inline-block;
    width: 100%;
    padding: 30px 0 0 30px;
  }
  .molecule .slide2 ul .m_menu2 a {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #e8f3fa;
  }
  /* ****************** footer ********************** */
  .molecule .footer .wrap {
    padding-right: 30px;
    padding-left: 30px;
  }
  .molecule .footer .company .info .left {
    max-width: 392px;
  }
  .molecule .footer .company .info .bottom .doc {
    margin-top: 28px;
  }
}
/* ****************** footer ********************** */
.molecule .footer .bottom a {
  text-decoration: none;
  font-weight: bold;
}

.molecule .footer .company {
  /* margin-top: 24px; */
  flex-direction: column;
}

.molecule .footer .company .info {
  margin-left: 0;
  margin-top: 17px;
}

.molecule .footer .company .info .bottom {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.f_line {
  display: flex;
  flex-direction: column;
}

.f_line dl:nth-child(n+2) {
  margin-left: 0px;
}

@media all and (max-width: 745px) {
  .sec-04 .statistics .wrap {
    padding: 0 30px;
  }
  .sec-05 .checkInfo .pic {
    padding: 0 67px;
  }
  .sec-05 .checkInfo .pic .item {
    margin-right: 0 !important;
    width: 50%;
  }
}
@media all and (max-width: 720px) {
  .sec-04 .statistics {
    min-height: 900px;
  }
  .sec-04 .statistics .wrap .btn-more {
    width: 100%;
  }
  .sec-04 .statistics .list {
    flex-direction: column;
    align-items: center;
  }
  .sec-04 .statistics .item:nth-child(n+2) {
    margin-top: 50px;
  }
}
@media all and (max-width: 486px) {
  .molecule .footer .menu > div {
    width: 50%;
    margin-top: 36px;
  }
  .molecule .footer .menu > div:nth-child(n+3) {
    margin-top: 36px;
  }
}
@media all and (max-width: 420px) {
  header > div {
    padding: 0 20px;
  }
  header .logo {
    padding-top: 20px;
    width: 166px;
  }
  header .nav-open {
    top: 27px;
    right: 20px;
  }
  .sec-01 .visual {
    height: 540px;
    overflow-x: hidden;
  }
  .sec-01 .visual .content .desc {
    top: 0;
    left: 20px;
  }
  .sec-01 .visual .content .desc .text {
    font-size: 20px;
    max-width: 319px;
  }
  .sec-01 .visual .content .desc .text strong {
    font-size: 34px;
    line-height: 40px;
  }
  .sec-01 .visual .content .desc .text:nth-child(2) {
    line-height: 23px;
  }
  .sec-01 .visual .content .desc .text:nth-child(3) {
    line-height: 22px;
    margin-top: 39px;
  }
  .sec-01 .visual .content .desc .btn-go {
    margin-top: 24px;
  }
  .sec-01 .visual .content .img {
    top: 118px;
    right: -60px;
    width: 290px;
    height: 286px;
  }
  .sec-01 .visual .service {
    bottom: 20px;
  }
  .sec-01 .visual .service .list .item {
    min-width: 110px;
  }
  .molecule .footer .company .info .right {
    position: relative;
    margin-top: 17px;
  }
  .molecule .footer .company .info .bottom {
    margin-top: 0px;
    padding: 0 20px 0 20px;
  }
}
@media all and (max-width: 412px) {
  .sec-01 .visual {
    height: 620px;
  }
  .sec-01 .visual .content .desc .text:nth-child(3) {
    margin-top: 60px;
  }
  .sec-01 .visual .content .desc .btn-go {
    margin-top: 32px;
  }
  .sec-01 .visual .content .img {
    top: 205px;
    right: -89px;
    width: 347px;
    height: 342px;
  }
}
@media all and (max-width: 375px) {
  .sec-01 .visual {
    height: 620px;
  }
  .sec-01 .visual .content .img {
    top: 202px;
    right: -100px;
    width: 326px;
    height: 321px;
  }
}
/* **************************************** */
/* ****************** Main ********************** */
/* ****************** content-01 ********************** */
.molecule .content-01 {
  padding: 0;
  height: 540px;
  background: url(../img/index_back.c5d94f67.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
}

.molecule .sec-01 .visual {
  display: flex;
  align-items: center;
  height: 540px;
  max-width: 1200px;
}

.molecule .flexbox-01 {
  margin: 0 20px 0 20px;
}

.molecule .item-01 {
  display: flex;
  min-height: 320px;
  flex-basis: 760px;
  flex-direction: column;
}

.molecule .item-01 .m_tex {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 800;
  font-size: 60px;
  line-height: 60px;
  color: #fff;
}

.molecule .item-01 .m_tex2 {
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 12px;
}

.molecule .item-01 .ms_tex {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #99b1c9;
  margin-top: 34px;
}

.molecule .item-01 .s_tex {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #333333;
  margin-top: 40px;
}

.molecule .btn_area {
  display: flex;
  flex-direction: row;
  margin-top: 66px;
  align-items: flex-end;
  flex-grow: 1;
  margin: auto 0;
}

.molecule .btn_area .two {
  display: flex;
}

.molecule .btn_area .two .btn_01 {
  display: flex;
  width: 100%;
  height: auto;
}

.btn_area .two li:last-child {
  margin-left: 10px;
}

/* ****************** content-02 ********************** */
.molecule .content-02 {
  padding: 0 10px 0 10px;
}

.molecule .content-02-01 {
  margin-top: 150px;
  background-color: #f5f5f5;
}

.molecule .content-02-02 {
  background-color: #f5f5f5;
  padding-bottom: 150px;
}

.molecule .flexbox-02 {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 3em;
  justify-content: center;
}

.molecule .flexbox-02 .text-01 {
  padding-top: 150px;
  flex-grow: 1;
  margin: auto 0;
}

.molecule .flexbox-02 .text-02 {
  display: flex;
  align-items: center;
  padding-top: 100px;
  flex-basis: 150px;
  flex-grow: 1;
  margin: auto 0;
  justify-content: center;
}

.molecule .flexbox-02 .text-01_01 {
  display: flex;
  align-items: center;
  flex-basis: 150px;
  flex-grow: 1;
  /* margin: auto 0; */
  justify-content: space-between;
  text-align: center;
  flex-direction: column;
}

.molecule .flexbox-02 .text-01_02 {
  display: flex;
  align-items: center;
  padding-top: 70px;
  flex-grow: 1;
  justify-content: center;
}

.molecule .flexbox-02 .text-01 .m_tex {
  font-weight: 700;
  font-size: 60px;
  line-height: 60px;
  text-align: center;
  color: #000000;
  margin-bottom: 30px;
}

.molecule .flexbox-02 .text-01 .m_tex02 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 800;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #565ddf;
}

.molecule .flexbox-02 .text-01 .m_tex02_k {
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  color: #565ddf;
}

.molecule .flexbox-02 .text-01_01 .m_tex02 {
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  color: #565ddf;
}

.molecule .flexbox-02 .text-01 .s_tex {
  margin-top: 24px;
  margin-bottom: 120px;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #333333;
}

.molecule .flexbox-02 .text-01_01 .s_tex {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #333333;
  margin-top: 24px;
}

.molecule .s2_tex {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
  text-align: center;
  color: #333333;
}

.molecule .s3_tex {
  padding-top: 6px;
  padding-bottom: 20px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  color: #333333;
}

.molecule .s4_tex {
  padding-bottom: 50px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333;
}

.molecule .set01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 440px;
  background: #ffffff;
  border-radius: 30px;
}

.molecule .sob02_dmpimg {
  width: 108px;
  height: auto;
  margin-bottom: 32px;
}

.molecule .set01_btn {
  width: 224px;
  height: auto;
}

/* ****************** content-03 ********************** */
.content-03 {
  padding: 0;
  height: 450px;
  background: url(../img/index_back02.161b1bc8.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
}

.content-04 {
  padding: 0;
  min-height: 450px;
  background: url(../img/index_back02.161b1bc8.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.molecule .item-03 {
  display: flex;
  max-width: 1200px;
  margin: auto 0;
  flex-direction: column;
  align-items: center;
}

.molecule .item-03 .m_tex {
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
}

.molecule .item-03 .ms_tex {
  margin-top: 58px;
  text-align: center;
  width: 220px;
  height: auto;
}

.molecule .flexbox-02 .s_img-01 {
  box-sizing: border-box;
  max-width: 625px;
  min-height: 280px;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
}

.molecule .icon-03 {
  margin: 32px 0 0 50px;
}

.molecule .m-03 {
  margin: 10px 50px 0 50px;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #333333;
}

.molecule .s-03 {
  margin: 20px 50px 50px 50px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}

.molecule .item-02 {
  display: flex;
  align-items: center;
  max-width: 200px;
  min-height: 400px;
  flex-basis: 150px;
  flex-grow: 1;
}

/* **************************************** */
/* ****************** Service ********************** */
/* ****************** content-01 ********************** */
.S_content-01 {
  padding: 0;
  height: 270px;
  background: url(../img/sub01-back.3b3cba72.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
}

.S_sec-01 .visual {
  display: flex;
  align-items: center;
  height: 540px;
  max-width: 1200px;
}

.S_flexbox-01 {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  /* margin-left: 300px; */
}

.S_item-01 {
  display: flex;
  align-items: center;
  min-height: 370px;
  max-width: 600px;
  flex-basis: 150px;
  flex-grow: 1;
  /* margin: auto 0; */
}

.S_item-02 {
  display: flex;
  align-items: center;
  width: 567px;
  height: auto;
  flex-basis: 150px;
  flex-grow: 1;
  margin: auto 0;
}

.S_item-01 .S_m_tex {
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
  color: #fff;
  max-width: 1325px;
}

.S_ms_tex img {
  margin-top: 44px;
  width: 220px !important;
  height: auto;
}

.S_item-01 .S_s_tex {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #afb2c3;
  margin-top: 22px;
}

/* ****************** content-02 ********************** */
.S_content-02 {
  padding: 0 10px 0 10px;
}

.S_content-02-01 {
  background-color: #f5f5f5;
  padding-bottom: 92px;
}

.S_content-02-02 {
  background-color: #e2eaee;
  padding-bottom: 70px;
}

.S_flexbox-02 {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.S_flexbox-02 .S_text-01 {
  display: flex;
  align-items: center;
  padding-top: 150px;
  flex-basis: 150px;
  flex-grow: 1;
  margin: auto 0;
  justify-content: center;
}

.S_content-01 .S_text-01_01 {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 1200px;
}

.S_flexbox-02 .S_text-01_01 {
  display: flex;
  align-items: flex-start;
  flex-basis: 150px;
  flex-grow: 1;
  /* margin: auto 0; */
  justify-content: center;
  text-align: center;
}

.S_flexbox-02 .S_text-01_02 {
  display: flex;
  align-items: center;
  padding-top: 70px;
  flex-grow: 1;
  justify-content: center;
}

.S_flexbox-02 .S_text-01 .S_m_tex {
  font-weight: 700;
  font-size: 60px;
  line-height: 60px;
  text-align: center;
  color: #000000;
  margin-bottom: 30px;
}

.S_flexbox-02 .S_text-01 .S_m_tex02 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 40px;
  color: #0f4649;
  text-align: center;
}

.S_text-01_01 .S_m_tex02 {
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  color: #565ddf;
  padding-top: 150px;
}

.S_text-01_01 .S_m_tex03 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 800;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin: 0 20px 0 20px;
}

.S_text-01_01 .S_s_tex {
  max-width: 1200px;
  margin: 24px 0 100px 0;
  color: #333;
  text-align: center;
  font-size: 18px;
  line-height: 26px;
}

.S_flexbox-02 .S_text-01 .S_s_tex02 {
  margin: 24px 0 20px 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #333;
  text-align: center;
}

.S_flexbox-02 .S_text-01 .S_data01_img img {
  display: flex;
  margin: auto 0;
  text-align: center;
  width: 100%;
  height: auto;
}

.S_s2_tex {
  padding: 6px 0 6px 0;
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
  color: #289aaa;
}

.S_s3_tex {
  padding-bottom: 20px;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333;
}

.S_s4_tex {
  padding-bottom: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333;
}

.S_api {
  display: flex;
  margin: 30px 80px 10px 80px;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/* ****************** content-03 ********************** */
.S_content-03 {
  margin-top: 150px;
}

.S_content-04 {
  margin: 150px 0 150px 0;
}

.S_flexbox-03 {
  margin: 0 auto;
  /* padding-top: 60px; */
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding-bottom: 150px;
}

.S_flexbox-03 .S_img01 {
  display: flex;
  width: 519px;
  height: auto !important;
}

.S_flexbox-03 .S_img03 {
  display: flex;
  width: 326px;
  height: auto !important;
}

.S_flexbox-03 .S_img02 {
  max-width: 560px;
  min-height: 146px;
}

.S_flexbox-03 .S_text-01_01 {
  display: flex;
  justify-content: center;
  width: 600px;
  height: auto;
  align-content: center;
  flex-direction: column;
  margin: 0 20px 0 20px;
}

.S_flexbox-03 .S_text-01_01 img {
  width: 92px;
  height: auto;
}

.S_flexbox-03 .S_text-01_01 .S_p {
  color: #565ddf;
  font-size: 30px;
  font-family: Noto Sans KR;
  font-weight: 700;
  line-height: 30px;
  margin-top: 34px;
}

.S_flexbox-03 .S_text-01_01 .S_p3 {
  color: #333;
  font-size: 18px;
  font-family: Noto Sans KR;
  line-height: 26px;
  margin-top: 6px;
}

.S_flexbox-04 {
  margin: 0 auto;
  max-width: 1200px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 40px;
}

.S_flexbox-04 .S_img01 {
  display: flex;
  width: 519px;
  height: auto !important;
}

.S_flexbox-04 .S_img03 {
  display: flex;
  width: 326px;
  height: auto !important;
}

.S_flexbox-04 .S_img02 {
  width: 460px;
  height: auto;
  margin: 20px 0 20px 0;
}

.S_flexbox-04 .S_text-01_01 {
  display: flex;
  justify-content: center;
  width: 600px;
  height: auto;
  align-content: center;
  flex-direction: column;
  margin: 0 20px 0 20px;
}

.S_flexbox-04 .S_text-01_01 img {
  width: 92px;
  height: auto;
}

.S_flexbox-04 .S_text-01_01 .S_p {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.S_flexbox-04 .S_text-01_01 .S_p3 {
  color: #fff;
  font-size: 18px;
  font-family: Noto Sans KR;
  line-height: 26px;
  margin-top: 6px;
}

.S_flexbox-02 .S_s_img-01 {
  box-sizing: border-box;
  width: 1200px;
  background-color: #fff;
  border-radius: 20px;
  margin: 0 10px 58px 10px;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #0f4649;
  padding-bottom: 20px;
}

.S_flexbox-02 .S_s_img-02 {
  display: flex;
  box-sizing: border-box;
  width: 200px;
  height: 40px;
  background-color: #fff;
  border-radius: 10px 10px 0px 0px;
  justify-content: center;
  align-items: center;
}

.S_icon-03 {
  margin: 32px 0 0 50px;
}

.S_m-03 {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #333333;
}

.S_s-03 {
  margin: 20px 50px 50px 50px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
}

.S_img01 img {
  width: 100%;
  height: auto;
}

.S_img03 img {
  width: 100%;
  height: auto;
}

.S_img02 img {
  width: 100%;
  height: auto;
}

/* **************************************** */
/* ****************** Price ********************** */
/* ****************** content-01 ********************** */
.P_content-01 {
  background-color: #f5f5f5;
  padding: 150px 0 120px 0;
}

.P_sec-01 .P_visual {
  display: flex;
  align-items: center;
  height: 540px;
  max-width: 1200px;
}

.P_flexbox-01 {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  /* margin-left: 300px; */
}

.P_item-01 {
  display: flex;
  align-items: center;
  min-height: 370px;
  max-width: 600px;
  flex-basis: 150px;
  flex-grow: 1;
  /* margin: auto 0; */
}

.P_item-02 {
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  flex-basis: 150px;
  flex-grow: 1;
  margin: auto 0;
}

.P_item-01 .P_m_tex {
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
  color: #fff;
  max-width: 1325px;
}

.P_ms_tex {
  margin-top: 44px;
  text-align: center;
}

.P_item-01 .P_s_tex {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #afb2c3;
  margin-top: 22px;
}

/* ****************** content-02 ********************** */
.P_content-02 {
  padding: 0 10px 0 10px;
}

.P_content-02-01 {
  margin-top: 150px;
  background-color: #e2eaee;
  padding-bottom: 92px;
}

.P_content-02-02 {
  background-color: #e2eaee;
  padding-bottom: 70px;
}

.P_grid-02 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 2rem;
  column-gap: 2rem;
}
.P_grid-02 .P_s_img-01_01 {
  background-color: white;
  border-radius: 1rem;
}

.P_flexbox-02 {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

.P_flexbox-02 .P_text-01 {
  display: flex;
  align-items: center;
  padding-top: 150px;
  flex-basis: 150px;
  flex-grow: 1;
  margin: auto 0;
  justify-content: center;
}

.P_flexbox-02 .P_text-01_01 {
  display: flex;
  align-items: flex-start;
  flex-basis: 150px;
  flex-grow: 1;
  /* margin: auto 0; */
  justify-content: center;
  text-align: center;
}

.P_flexbox-02 .P_text-01_02 {
  display: flex;
  align-items: center;
  padding-top: 70px;
  flex-grow: 1;
  justify-content: center;
}

.P_flexbox-02 .P_text-01 .P_m_tex {
  font-weight: 700;
  font-size: 60px;
  line-height: 60px;
  text-align: center;
  color: #000000;
  margin-bottom: 30px;
}

.P_flexbox-02 .P_text-01 .P_m_tex02 {
  color: #565ddf;
  text-align: center;
  font-size: 40px;
  font-family: Noto Sans KR;
  font-weight: 700;
  line-height: 40px;
}

.P_text-01_01 .P_m_tex02 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 40px;
  color: #0f4649;
  text-align: center;
  padding-top: 150px;
}

.P_text-01_01 .P_m_tex03 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 40px;
  color: #0f4649;
  text-align: center;
  padding: 120px 0 80px 0;
}

.p_number {
  display: flex;
  justify-content: center;
}

.P_m_tex04 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #666;
  padding: 40px 10px 40px 10px;
}

.P_text-01_01 .P_s_tex {
  margin-top: 24px;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #000;
}

.P_flexbox-02 .P_text-01 .P_s_tex02 {
  margin: 24px 0 20px 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #333;
  text-align: center;
}

.P_flexbox-02 .P_text-01 .P_data01_img img {
  display: flex;
  margin: auto 0;
  text-align: center;
  width: 100%;
  height: auto;
}

.P_data01_img img {
  max-width: 100%;
  height: auto;
}

.P_s2_tex {
  padding: 6px 0 6px 0;
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
  color: #289aaa;
}

.P_s3_tex {
  padding-bottom: 20px;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #333;
}

.P_s4_tex {
  padding-bottom: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333;
}

.P_api {
  display: flex;
  margin: 30px 80px 10px 80px;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/* ****************** content-03 ********************** */
.P_content-03 {
  margin-top: 150px;
}

.P_content-04 {
  margin: 150px 0 150px 0;
}

.P_flexbox-03 {
  margin: 0 auto;
  padding: 80px 0 150px 0;
  max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.P_flexbox-03 .P_img01 {
  display: flex;
  max-width: 600px;
  height: auto !important;
}

.P_flexbox-03 .P_img02 {
  max-width: 560px;
  min-height: 146px;
}

.P_flexbox-03 .P_text-01_01 {
  display: flex;
  justify-content: center;
  /* flex-wrap: wrap; */
  /* padding-left: 60px; */
  max-width: 600px;
  min-height: 192px;
  align-content: center;
  flex-direction: column;
}

.P_flexbox-02 .P_s_img-01 {
  box-sizing: border-box;
  width: 284px;
  height: 622px;
  /* min-height: 280px;
  border: 1px solid #D9D9D9; */
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 58px;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #0f4649;
}

.P_flexbox-02 .P_s_img-01_01 {
  box-sizing: border-box;
  width: 370px;
  height: 400px;
  /* min-height: 280px;
  border: 1px solid #D9D9D9; */
  background-color: #fff;
  border-radius: 16px;
  margin-bottom: 58px;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #0f4649;
}

.P_flexbox-02 .P_s_img-01 .P_li:nth-child(n+3) {
  margin-top: 20px;
}

.P_flexbox-02 .P_s_img-02 {
  display: flex;
  box-sizing: border-box;
  width: 200px;
  height: 40px;
  background-color: #fff;
  border-radius: 10px 10px 0px 0px;
  justify-content: center;
  align-items: center;
}

.P_icon-03 {
  position: relative;
  bottom: 50px;
  text-align: center;
  margin: 124px 0 0 0px;
}

.P_icon-04 {
  position: relative;
  bottom: 50px;
  text-align: center;
  margin: 144px 0 0 0px;
}

.P_icon-05 {
  position: relative;
  text-align: center;
  margin: 30px 30px 10px 30px;
  width: 310px;
  height: 160px;
}

.P_m-02 {
  text-align: left;
  font-weight: 700;
  font-size: 30px;
  line-height: 26px;
  color: #565ddf;
  margin: 40px 30px 30px 30px;
  max-width: 244px;
  min-height: 60px;
  border-bottom: 2px solid #bee0e4;
}

.P_m-02-e {
  font-family: Roboto;
  font-weight: 700;
  font-size: 30px;
  line-height: 26px;
  color: #565ddf;
  text-align: left;
  margin: 40px 30px 30px 30px;
  max-width: 244px;
  min-height: 60px;
  border-bottom: 2px solid #bee0e4;
}

.P_m-02_01 {
  text-align: left;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  color: #333333;
  margin: 24px 30px 10px 30px;
}

.P_m-03 {
  text-align: left;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #333333;
  margin-left: 30px;
}

.P_m-03_01 {
  text-align: left;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  margin: 0px 30px 10px 30px;
}

.P_s-03 {
  margin: 8px 30px 0px 30px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #666;
  height: 60px;
}

.P_s-03_01 {
  margin: 8px 30px 0px 30px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #999;
  height: 60px;
}

.P_s-04 {
  margin: 8px 30px 0px 30px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #666;
  height: 80px;
}

.P_flexbox-03 .P_text-01_01 .P_p {
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
  color: #0f4649;
  margin-top: 20px;
}

.P_flexbox-03 .P_text-01_01 .P_p3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #333;
  margin-top: 30px;
}

.P_img01 img {
  width: 100%;
  height: auto;
}

.P_img02 img {
  width: 100%;
  height: auto;
}