@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  width: 100%;
  overflow: auto;
  min-height: 100%;
  position: relative;
  word-break: keep-all;
  min-width: 320px;
  overflow-x: hidden;
  font-size: 14px;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
form,
fieldset,
p,
select,
button,
input,
textarea,
xmp,
pre {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: "Pretendard", Pretendard;
  font-size: 14px;
  word-break: break-all;
}

pre {
  white-space: pre-wrap;
  word-break: break-all;
}

dl,
ul,
ol,
li {
  list-style: none;
}

textarea {
  resize: none;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

a:-webkit-any-link {
  text-decoration: none;
}

button {
  border: 0;
  background: none;
  cursor: pointer;
}

label {
  margin-bottom: 0;
}

img {
  vertical-align: top;
  border: none;
  max-width: 100%;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

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

table th,
table td {
  padding: 0;
  border: 0;
  border-spacing: 0;
}

table caption,
legend {
  font-size: 0;
  text-indent: -9999px;
  margin: 0;
  border: none;
  padding: 0;
}

button {
  color: #000000;
}

i {
  font-style: normal;
}

.pdt-12px {
  padding-top: 12px;
}

.pdb-12px {
  padding-bottom: 12px;
}

.pdr-12px {
  padding-right: 12px;
}

.pdl-12px {
  padding-left: 12px;
}

.mgt-12px {
  margin-top: 12px;
}

.mgb-12px {
  margin-bottom: 12px;
}

.mgr-12px {
  margin-right: 12px;
}

.mgl-12px {
  margin-left: 12px;
}

.pdt-16px {
  padding-top: 16px;
}

.pdb-16px {
  padding-bottom: 16px;
}

.pdr-16px {
  padding-right: 16px;
}

.pdl-16px {
  padding-left: 16px;
}

.mgt-16px {
  margin-top: 16px;
}

.mgb-16px {
  margin-bottom: 16px;
}

.mgr-16px {
  margin-right: 16px;
}

.mgl-16px {
  margin-left: 16px;
}

.pdt-18px {
  padding-top: 18px;
}

.pdb-18px {
  padding-bottom: 18px;
}

.pdr-18px {
  padding-right: 18px;
}

.pdl-18px {
  padding-left: 18px;
}

.mgt-18px {
  margin-top: 18px;
}

.mgb-18px {
  margin-bottom: 18px;
}

.mgr-18px {
  margin-right: 18px;
}

.mgl-18px {
  margin-left: 18px;
}

.pdt-20px {
  padding-top: 20px;
}

.pdb-20px {
  padding-bottom: 20px;
}

.pdr-20px {
  padding-right: 20px;
}

.pdl-20px {
  padding-left: 20px;
}

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

.mgb-20px {
  margin-bottom: 20px;
}

.mgr-20px {
  margin-right: 20px;
}

.mgl-20px {
  margin-left: 20px;
}

.pdt-26px {
  padding-top: 26px;
}

.pdb-26px {
  padding-bottom: 26px;
}

.pdr-26px {
  padding-right: 26px;
}

.pdl-26px {
  padding-left: 26px;
}

.mgt-26px {
  margin-top: 26px;
}

.mgb-26px {
  margin-bottom: 26px;
}

.mgr-26px {
  margin-right: 26px;
}

.mgl-26px {
  margin-left: 26px;
}

.pdt-32px {
  padding-top: 32px;
}

.pdb-32px {
  padding-bottom: 32px;
}

.pdr-32px {
  padding-right: 32px;
}

.pdl-32px {
  padding-left: 32px;
}

.mgt-32px {
  margin-top: 32px;
}

.mgb-32px {
  margin-bottom: 32px;
}

.mgr-32px {
  margin-right: 32px;
}

.mgl-32px {
  margin-left: 32px;
}

.pdt-40px {
  padding-top: 40px;
}

.pdb-40px {
  padding-bottom: 40px;
}

.pdr-40px {
  padding-right: 40px;
}

.pdl-40px {
  padding-left: 40px;
}

.mgt-40px {
  margin-top: 40px;
}

.mgb-40px {
  margin-bottom: 40px;
}

.mgr-40px {
  margin-right: 40px;
}

.mgl-40px {
  margin-left: 40px;
}

.icon {
  font-size: 0;
  text-indent: -9999px;
  display: inline-flex;
  background-size: contain;
  background-repeat: no-repeat;
}

.getsmart-dynamic-icon-stroke {
  stroke: var(--main-color);
}

.getsmart-dynamic-icon-fill {
  fill: var(--main-color);
}

.getsmart-dynamic .icon {
  color: var(--main-color);
}

.icon.mainDiscount {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.4859 9.94815C42.5593 8.87481 44.2993 8.87383 45.3716 9.94852L48.9688 13.5457C49.2248 13.8018 49.5717 13.9457 49.9329 13.9457H55.0207C56.5385 13.9457 57.7687 15.1759 57.7687 16.6937V21.7815C57.7687 22.1427 57.9126 22.4896 58.1687 22.7457L61.7663 26.3432C62.8397 27.4166 62.8406 29.1569 61.7656 30.2291L58.1687 33.8261C57.9126 34.0821 57.7687 34.429 57.7687 34.7902V39.878C57.7687 41.3958 56.5385 42.626 55.0207 42.626H49.9329C49.5717 42.626 49.2248 42.7699 48.9688 43.026L45.3712 46.6236C44.2978 47.697 42.5575 47.6979 41.4853 46.6229L37.8884 43.026L37.8858 43.0234C37.6294 42.7643 37.2842 42.6219 36.9222 42.6219H31.8364C30.3186 42.6219 29.0884 41.3917 29.0884 39.8739V34.7861C29.0884 34.4249 28.9445 34.078 28.6884 33.822L25.0909 30.2244C24.0175 29.151 24.0168 27.4107 25.0915 26.3385L28.7253 22.7047C28.9585 22.4715 29.0884 22.1575 29.0884 21.8287V16.6937C29.0884 15.1759 30.3186 13.9457 31.8364 13.9457H36.9242C37.2854 13.9457 37.6323 13.8018 37.8884 13.5457L41.4859 9.94815Z' fill='%233385FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.5933 11.2833C26.9229 9.95363 29.0785 9.95241 30.4068 11.2837L34.863 15.7399C35.1802 16.0571 35.6099 16.2355 36.0573 16.2355H42.3601C44.2403 16.2355 45.7643 17.7594 45.7643 19.6396V25.9424C45.7643 26.3898 45.9426 26.8196 46.2598 27.1368L50.7164 31.5934C52.0462 32.9232 52.0473 35.079 50.7157 36.4072L46.2598 40.8631C45.9426 41.1803 45.7643 41.6101 45.7643 42.0574V48.3602C45.7643 50.2405 44.2403 51.7644 42.3601 51.7644H36.0573C35.6099 51.7644 35.1802 51.9427 34.863 52.2599L30.4063 56.7166C29.0766 58.0463 26.9207 58.0474 25.5925 56.7158L21.1366 52.2599L21.1334 52.2567C20.8158 51.9357 20.3882 51.7593 19.9397 51.7593H13.6395C11.7593 51.7593 10.2353 50.2354 10.2353 48.3552V42.0524C10.2353 41.605 10.057 41.1752 9.73979 40.858L5.28314 36.4014C3.95348 35.0717 3.95255 32.9158 5.28391 31.5875L9.7855 27.086C10.0743 26.7971 10.2353 26.4082 10.2353 26.0008V19.6396C10.2353 17.7594 11.7593 16.2355 13.6395 16.2355H19.9423C20.3897 16.2355 20.8194 16.0571 21.1366 15.7399L25.5933 11.2833Z' fill='%233385FF'/%3E%3Cg filter='url(%23filter0_bi_541_33313)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.5933 11.2833C26.9229 9.95363 29.0785 9.95241 30.4068 11.2837L34.863 15.7399C35.1802 16.0571 35.6099 16.2355 36.0573 16.2355H42.3601C44.2403 16.2355 45.7643 17.7594 45.7643 19.6396V25.9424C45.7643 26.3898 45.9426 26.8196 46.2598 27.1368L50.7164 31.5934C52.0462 32.9232 52.0473 35.079 50.7157 36.4072L46.2598 40.8631C45.9426 41.1803 45.7643 41.6101 45.7643 42.0574V48.3602C45.7643 50.2405 44.2403 51.7644 42.3601 51.7644H36.0573C35.6099 51.7644 35.1802 51.9427 34.863 52.2599L30.4063 56.7166C29.0766 58.0463 26.9207 58.0474 25.5925 56.7158L21.1366 52.2599L21.1334 52.2567C20.8158 51.9357 20.3882 51.7593 19.9397 51.7593H13.6395C11.7593 51.7593 10.2353 50.2354 10.2353 48.3552V42.0524C10.2353 41.605 10.057 41.1752 9.73979 40.858L5.28314 36.4014C3.95348 35.0717 3.95255 32.9158 5.28391 31.5875L9.7855 27.086C10.0743 26.7971 10.2353 26.4082 10.2353 26.0008V19.6396C10.2353 17.7594 11.7593 16.2355 13.6395 16.2355H19.9423C20.3897 16.2355 20.8194 16.0571 21.1366 15.7399L25.5933 11.2833Z' fill='white' fill-opacity='0.6'/%3E%3Cpath d='M30.4068 11.2837L30.2652 11.425L30.2654 11.4252L30.4068 11.2837ZM25.5933 11.2833L25.7347 11.4247V11.4247L25.5933 11.2833ZM34.863 15.7399L35.0044 15.5985L34.863 15.7399ZM46.2598 27.1368L46.1184 27.2782V27.2782L46.2598 27.1368ZM50.7164 31.5934L50.575 31.7348L50.7164 31.5934ZM50.7157 36.4072L50.5744 36.2656L50.5742 36.2658L50.7157 36.4072ZM46.2598 40.8631L46.1184 40.7217V40.7217L46.2598 40.8631ZM34.863 52.2599L34.7215 52.1185H34.7215L34.863 52.2599ZM30.4063 56.7166L30.2649 56.5752L30.4063 56.7166ZM25.5925 56.7158L25.7341 56.5746L25.7339 56.5744L25.5925 56.7158ZM21.1366 52.2599L20.9947 52.4009L20.9952 52.4014L21.1366 52.2599ZM21.1334 52.2567L20.9913 52.3974L20.9916 52.3977L21.1334 52.2567ZM9.73979 40.858L9.59837 40.9994L9.73979 40.858ZM5.28314 36.4014L5.42456 36.26H5.42456L5.28314 36.4014ZM5.28391 31.5875L5.42517 31.7291L5.42534 31.729L5.28391 31.5875ZM9.7855 27.086L9.92692 27.2274V27.2274L9.7855 27.086ZM21.1366 15.7399L21.278 15.8813L21.278 15.8813L21.1366 15.7399ZM30.5484 11.1425C29.1418 9.73271 26.8595 9.73423 25.4518 11.1419L25.7347 11.4247C26.9863 10.173 29.0152 10.1721 30.2652 11.425L30.5484 11.1425ZM35.0044 15.5985L30.5482 11.1423L30.2654 11.4252L34.7215 15.8813L35.0044 15.5985ZM36.0573 16.0355C35.6631 16.0355 35.2842 15.8783 35.0044 15.5985L34.7215 15.8813C35.0761 16.2359 35.5567 16.4355 36.0573 16.4355V16.0355ZM42.3601 16.0355H36.0573V16.4355H42.3601V16.0355ZM45.9643 19.6396C45.9643 17.6489 44.3508 16.0355 42.3601 16.0355V16.4355C44.1299 16.4355 45.5643 17.8699 45.5643 19.6396H45.9643ZM45.9643 25.9424V19.6396H45.5643V25.9424H45.9643ZM46.4012 26.9953C46.1214 26.7155 45.9643 26.3366 45.9643 25.9424H45.5643C45.5643 26.443 45.7638 26.9236 46.1184 27.2782L46.4012 26.9953ZM50.8579 31.452L46.4012 26.9953L46.1184 27.2782L50.575 31.7348L50.8579 31.452ZM50.8569 36.5488C52.267 35.1423 52.2656 32.8597 50.8579 31.452L50.575 31.7348C51.8268 32.9866 51.8276 35.0156 50.5744 36.2656L50.8569 36.5488ZM46.4012 41.0045L50.8571 36.5487L50.5742 36.2658L46.1184 40.7217L46.4012 41.0045ZM45.9643 42.0574C45.9643 41.6633 46.1214 41.2843 46.4012 41.0045L46.1184 40.7217C45.7638 41.0763 45.5643 41.5568 45.5643 42.0574H45.9643ZM45.9643 48.3602V42.0574H45.5643V48.3602H45.9643ZM42.3601 51.9644C44.3508 51.9644 45.9643 50.3509 45.9643 48.3602H45.5643C45.5643 50.13 44.1299 51.5644 42.3601 51.5644V51.9644ZM36.0573 51.9644H42.3601V51.5644H36.0573V51.9644ZM35.0044 52.4014C35.2842 52.1215 35.6631 51.9644 36.0573 51.9644V51.5644C35.5567 51.5644 35.0761 51.7639 34.7215 52.1185L35.0044 52.4014ZM30.5477 56.858L35.0044 52.4014L34.7215 52.1185L30.2649 56.5752L30.5477 56.858ZM25.4509 56.857C26.8574 58.2671 29.14 58.2657 30.5477 56.858L30.2649 56.5752C29.0131 57.8269 26.9841 57.8277 25.7341 56.5746L25.4509 56.857ZM20.9952 52.4014L25.4511 56.8572L25.7339 56.5744L21.278 52.1185L20.9952 52.4014ZM20.9916 52.3977L20.9947 52.4009L21.2785 52.119L21.2753 52.1158L20.9916 52.3977ZM19.9397 51.9593C20.3352 51.9593 20.7115 52.1147 20.9913 52.3974L21.2756 52.1161C20.9201 51.7568 20.4412 51.5593 19.9397 51.5593V51.9593ZM13.6395 51.9593H19.9397V51.5593H13.6395V51.9593ZM10.0353 48.3552C10.0353 50.3458 11.6488 51.9593 13.6395 51.9593V51.5593C11.8697 51.5593 10.4353 50.1249 10.4353 48.3552H10.0353ZM10.0353 42.0524V48.3552H10.4353V42.0524H10.0353ZM9.59837 40.9994C9.87818 41.2793 10.0353 41.6582 10.0353 42.0524H10.4353C10.4353 41.5518 10.2358 41.0712 9.88121 40.7166L9.59837 40.9994ZM5.14172 36.5428L9.59837 40.9994L9.88121 40.7166L5.42456 36.26L5.14172 36.5428ZM5.14266 31.446C3.73287 32.8525 3.73405 35.1351 5.14172 36.5428L5.42456 36.26C4.17291 35.0083 4.17223 32.9792 5.42517 31.7291L5.14266 31.446ZM9.64408 26.9445L5.14249 31.4461L5.42534 31.729L9.92692 27.2274L9.64408 26.9445ZM10.0353 26.0008C10.0353 26.3551 9.89543 26.6932 9.64408 26.9445L9.92692 27.2274C10.2532 26.9011 10.4353 26.4613 10.4353 26.0008H10.0353ZM10.0353 19.6396V26.0008H10.4353V19.6396H10.0353ZM13.6395 16.0355C11.6488 16.0355 10.0353 17.6489 10.0353 19.6396H10.4353C10.4353 17.8699 11.8697 16.4355 13.6395 16.4355V16.0355ZM19.9423 16.0355H13.6395V16.4355H19.9423V16.0355ZM20.9952 15.5985C20.7154 15.8783 20.3364 16.0355 19.9423 16.0355V16.4355C20.4429 16.4355 20.9234 16.2359 21.278 15.8813L20.9952 15.5985ZM25.4518 11.1419L20.9952 15.5985L21.278 15.8813L25.7347 11.4247L25.4518 11.1419Z' fill='url(%23paint0_linear_541_33313)' fill-opacity='0.8'/%3E%3C/g%3E%3Cpath d='M34.2733 28.1188L22.1179 40.2804C21.9888 40.4052 21.8163 40.475 21.6367 40.475C21.4572 40.475 21.2847 40.4052 21.1556 40.2804C21.0288 40.1523 20.9576 39.9793 20.9576 39.799C20.9576 39.6187 21.0288 39.4457 21.1556 39.3176L33.311 27.156C33.4422 27.0483 33.6088 26.9932 33.7783 27.0016C33.9479 27.0099 34.1082 27.081 34.2283 27.2011C34.3483 27.3212 34.4194 27.4816 34.4277 27.6513C34.436 27.8209 34.381 27.9875 34.2733 28.1188ZM21.1725 31.4801C20.6044 30.9075 20.2856 30.1334 20.2856 29.3265C20.2856 28.5197 20.6044 27.7456 21.1725 27.1729C21.7449 26.6046 22.5186 26.2856 23.325 26.2856C24.1314 26.2856 24.9051 26.6046 25.4775 27.1729C26.0061 27.7524 26.2911 28.5134 26.2732 29.2977C26.2554 30.0821 25.936 30.8293 25.3815 31.3841C24.827 31.9388 24.0802 32.2584 23.2962 32.2763C22.5123 32.2942 21.7516 32.009 21.1725 31.4801ZM21.6367 29.3265C21.6363 29.5482 21.6801 29.7677 21.7656 29.9722C21.8511 30.1767 21.9767 30.3621 22.1348 30.5173C22.2908 30.6741 22.4763 30.7985 22.6806 30.8834C22.8848 30.9683 23.1038 31.012 23.325 31.012C23.5462 31.012 23.7652 30.9683 23.9694 30.8834C24.1737 30.7985 24.3591 30.6741 24.5152 30.5173C24.6729 30.3618 24.7982 30.1764 24.8837 29.9719C24.9692 29.7675 25.0132 29.5481 25.0132 29.3265C25.0132 29.1049 24.9692 28.8855 24.8837 28.6811C24.7982 28.4767 24.6729 28.2913 24.5152 28.1357C24.3597 27.9779 24.1744 27.8526 23.9701 27.7671C23.7658 27.6815 23.5465 27.6375 23.325 27.6375C23.1035 27.6375 22.8842 27.6815 22.6799 27.7671C22.4756 27.8526 22.2903 27.9779 22.1348 28.1357C21.9767 28.291 21.8511 28.4763 21.7656 28.6808C21.6801 28.8853 21.6363 29.1049 21.6367 29.3265ZM35.1428 38.1099C35.1415 38.6093 35.0174 39.1008 34.7812 39.5408C34.545 39.9808 34.2041 40.3559 33.7887 40.6328C33.3732 40.9097 32.896 41.0799 32.3991 41.1284C31.9023 41.1769 31.4011 41.1022 30.94 40.9109C30.4789 40.7196 30.0719 40.4176 29.7552 40.0316C29.4384 39.6456 29.2216 39.1874 29.1239 38.6976C29.0261 38.2078 29.0505 37.7015 29.1948 37.2234C29.3392 36.7452 29.599 36.31 29.9514 35.9563C30.5238 35.3879 31.2975 35.069 32.1039 35.069C32.9103 35.069 33.6841 35.3879 34.2564 35.9563C34.5388 36.2391 34.7624 36.5749 34.9145 36.9445C35.0666 37.3141 35.1442 37.7102 35.1428 38.1099ZM33.7922 38.1099C33.7926 37.8882 33.7488 37.6687 33.6633 37.4642C33.5778 37.2597 33.4522 37.0743 33.2941 36.9191C33.1386 36.7612 32.9533 36.6359 32.749 36.5504C32.5447 36.4649 32.3254 36.4208 32.1039 36.4208C31.8824 36.4208 31.6631 36.4649 31.4588 36.5504C31.2545 36.6359 31.0692 36.7612 30.9137 36.9191C30.721 37.1154 30.5795 37.3561 30.5015 37.62C30.4235 37.8838 30.4115 38.1628 30.4665 38.4324C30.5215 38.702 30.6418 38.954 30.8168 39.1662C30.9919 39.3785 31.2164 39.5444 31.4705 39.6496C31.7247 39.7547 32.0008 39.7958 32.2745 39.7693C32.5482 39.7427 32.8113 39.6493 33.0405 39.4973C33.2697 39.3453 33.4582 39.1392 33.5892 38.8973C33.7203 38.6554 33.79 38.385 33.7922 38.1099Z' fill='white' stroke='white' stroke-width='0.3'/%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33313' x='-19.9146' y='-13.9143' width='95.8286' height='95.8286' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='12'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33313'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33313' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33313'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33313' x1='15.7143' y1='12.5714' x2='49.4285' y2='54.2858' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.312377' stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}


.getsmart-dynamic .icon.mainDiscount {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.4859 9.94815C42.5593 8.87481 44.2993 8.87383 45.3716 9.94852L48.9688 13.5457C49.2248 13.8018 49.5717 13.9457 49.9329 13.9457H55.0207C56.5385 13.9457 57.7687 15.1759 57.7687 16.6937V21.7815C57.7687 22.1427 57.9126 22.4896 58.1687 22.7457L61.7663 26.3432C62.8397 27.4166 62.8406 29.1569 61.7656 30.2291L58.1687 33.8261C57.9126 34.0821 57.7687 34.429 57.7687 34.7902V39.878C57.7687 41.3958 56.5385 42.626 55.0207 42.626H49.9329C49.5717 42.626 49.2248 42.7699 48.9688 43.026L45.3712 46.6236C44.2978 47.697 42.5575 47.6979 41.4853 46.6229L37.8884 43.026L37.8858 43.0234C37.6294 42.7643 37.2842 42.6219 36.9222 42.6219H31.8364C30.3186 42.6219 29.0884 41.3917 29.0884 39.8739V34.7861C29.0884 34.4249 28.9445 34.078 28.6884 33.822L25.0909 30.2244C24.0175 29.151 24.0168 27.4107 25.0915 26.3385L28.7253 22.7047C28.9585 22.4715 29.0884 22.1575 29.0884 21.8287V16.6937C29.0884 15.1759 30.3186 13.9457 31.8364 13.9457H36.9242C37.2854 13.9457 37.6323 13.8018 37.8884 13.5457L41.4859 9.94815Z' fill='%233385FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.5933 11.2833C26.9229 9.95363 29.0785 9.95241 30.4068 11.2837L34.863 15.7399C35.1802 16.0571 35.6099 16.2355 36.0573 16.2355H42.3601C44.2403 16.2355 45.7643 17.7594 45.7643 19.6396V25.9424C45.7643 26.3898 45.9426 26.8196 46.2598 27.1368L50.7164 31.5934C52.0462 32.9232 52.0473 35.079 50.7157 36.4072L46.2598 40.8631C45.9426 41.1803 45.7643 41.6101 45.7643 42.0574V48.3602C45.7643 50.2405 44.2403 51.7644 42.3601 51.7644H36.0573C35.6099 51.7644 35.1802 51.9427 34.863 52.2599L30.4063 56.7166C29.0766 58.0463 26.9207 58.0474 25.5925 56.7158L21.1366 52.2599L21.1334 52.2567C20.8158 51.9357 20.3882 51.7593 19.9397 51.7593H13.6395C11.7593 51.7593 10.2353 50.2354 10.2353 48.3552V42.0524C10.2353 41.605 10.057 41.1752 9.73979 40.858L5.28314 36.4014C3.95348 35.0717 3.95255 32.9158 5.28391 31.5875L9.7855 27.086C10.0743 26.7971 10.2353 26.4082 10.2353 26.0008V19.6396C10.2353 17.7594 11.7593 16.2355 13.6395 16.2355H19.9423C20.3897 16.2355 20.8194 16.0571 21.1366 15.7399L25.5933 11.2833Z' fill='%233385FF'/%3E%3Cg filter='url(%23filter0_bi_541_33313)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.5933 11.2833C26.9229 9.95363 29.0785 9.95241 30.4068 11.2837L34.863 15.7399C35.1802 16.0571 35.6099 16.2355 36.0573 16.2355H42.3601C44.2403 16.2355 45.7643 17.7594 45.7643 19.6396V25.9424C45.7643 26.3898 45.9426 26.8196 46.2598 27.1368L50.7164 31.5934C52.0462 32.9232 52.0473 35.079 50.7157 36.4072L46.2598 40.8631C45.9426 41.1803 45.7643 41.6101 45.7643 42.0574V48.3602C45.7643 50.2405 44.2403 51.7644 42.3601 51.7644H36.0573C35.6099 51.7644 35.1802 51.9427 34.863 52.2599L30.4063 56.7166C29.0766 58.0463 26.9207 58.0474 25.5925 56.7158L21.1366 52.2599L21.1334 52.2567C20.8158 51.9357 20.3882 51.7593 19.9397 51.7593H13.6395C11.7593 51.7593 10.2353 50.2354 10.2353 48.3552V42.0524C10.2353 41.605 10.057 41.1752 9.73979 40.858L5.28314 36.4014C3.95348 35.0717 3.95255 32.9158 5.28391 31.5875L9.7855 27.086C10.0743 26.7971 10.2353 26.4082 10.2353 26.0008V19.6396C10.2353 17.7594 11.7593 16.2355 13.6395 16.2355H19.9423C20.3897 16.2355 20.8194 16.0571 21.1366 15.7399L25.5933 11.2833Z' fill='white' fill-opacity='0.6'/%3E%3Cpath d='M30.4068 11.2837L30.2652 11.425L30.2654 11.4252L30.4068 11.2837ZM25.5933 11.2833L25.7347 11.4247V11.4247L25.5933 11.2833ZM34.863 15.7399L35.0044 15.5985L34.863 15.7399ZM46.2598 27.1368L46.1184 27.2782V27.2782L46.2598 27.1368ZM50.7164 31.5934L50.575 31.7348L50.7164 31.5934ZM50.7157 36.4072L50.5744 36.2656L50.5742 36.2658L50.7157 36.4072ZM46.2598 40.8631L46.1184 40.7217V40.7217L46.2598 40.8631ZM34.863 52.2599L34.7215 52.1185H34.7215L34.863 52.2599ZM30.4063 56.7166L30.2649 56.5752L30.4063 56.7166ZM25.5925 56.7158L25.7341 56.5746L25.7339 56.5744L25.5925 56.7158ZM21.1366 52.2599L20.9947 52.4009L20.9952 52.4014L21.1366 52.2599ZM21.1334 52.2567L20.9913 52.3974L20.9916 52.3977L21.1334 52.2567ZM9.73979 40.858L9.59837 40.9994L9.73979 40.858ZM5.28314 36.4014L5.42456 36.26H5.42456L5.28314 36.4014ZM5.28391 31.5875L5.42517 31.7291L5.42534 31.729L5.28391 31.5875ZM9.7855 27.086L9.92692 27.2274V27.2274L9.7855 27.086ZM21.1366 15.7399L21.278 15.8813L21.278 15.8813L21.1366 15.7399ZM30.5484 11.1425C29.1418 9.73271 26.8595 9.73423 25.4518 11.1419L25.7347 11.4247C26.9863 10.173 29.0152 10.1721 30.2652 11.425L30.5484 11.1425ZM35.0044 15.5985L30.5482 11.1423L30.2654 11.4252L34.7215 15.8813L35.0044 15.5985ZM36.0573 16.0355C35.6631 16.0355 35.2842 15.8783 35.0044 15.5985L34.7215 15.8813C35.0761 16.2359 35.5567 16.4355 36.0573 16.4355V16.0355ZM42.3601 16.0355H36.0573V16.4355H42.3601V16.0355ZM45.9643 19.6396C45.9643 17.6489 44.3508 16.0355 42.3601 16.0355V16.4355C44.1299 16.4355 45.5643 17.8699 45.5643 19.6396H45.9643ZM45.9643 25.9424V19.6396H45.5643V25.9424H45.9643ZM46.4012 26.9953C46.1214 26.7155 45.9643 26.3366 45.9643 25.9424H45.5643C45.5643 26.443 45.7638 26.9236 46.1184 27.2782L46.4012 26.9953ZM50.8579 31.452L46.4012 26.9953L46.1184 27.2782L50.575 31.7348L50.8579 31.452ZM50.8569 36.5488C52.267 35.1423 52.2656 32.8597 50.8579 31.452L50.575 31.7348C51.8268 32.9866 51.8276 35.0156 50.5744 36.2656L50.8569 36.5488ZM46.4012 41.0045L50.8571 36.5487L50.5742 36.2658L46.1184 40.7217L46.4012 41.0045ZM45.9643 42.0574C45.9643 41.6633 46.1214 41.2843 46.4012 41.0045L46.1184 40.7217C45.7638 41.0763 45.5643 41.5568 45.5643 42.0574H45.9643ZM45.9643 48.3602V42.0574H45.5643V48.3602H45.9643ZM42.3601 51.9644C44.3508 51.9644 45.9643 50.3509 45.9643 48.3602H45.5643C45.5643 50.13 44.1299 51.5644 42.3601 51.5644V51.9644ZM36.0573 51.9644H42.3601V51.5644H36.0573V51.9644ZM35.0044 52.4014C35.2842 52.1215 35.6631 51.9644 36.0573 51.9644V51.5644C35.5567 51.5644 35.0761 51.7639 34.7215 52.1185L35.0044 52.4014ZM30.5477 56.858L35.0044 52.4014L34.7215 52.1185L30.2649 56.5752L30.5477 56.858ZM25.4509 56.857C26.8574 58.2671 29.14 58.2657 30.5477 56.858L30.2649 56.5752C29.0131 57.8269 26.9841 57.8277 25.7341 56.5746L25.4509 56.857ZM20.9952 52.4014L25.4511 56.8572L25.7339 56.5744L21.278 52.1185L20.9952 52.4014ZM20.9916 52.3977L20.9947 52.4009L21.2785 52.119L21.2753 52.1158L20.9916 52.3977ZM19.9397 51.9593C20.3352 51.9593 20.7115 52.1147 20.9913 52.3974L21.2756 52.1161C20.9201 51.7568 20.4412 51.5593 19.9397 51.5593V51.9593ZM13.6395 51.9593H19.9397V51.5593H13.6395V51.9593ZM10.0353 48.3552C10.0353 50.3458 11.6488 51.9593 13.6395 51.9593V51.5593C11.8697 51.5593 10.4353 50.1249 10.4353 48.3552H10.0353ZM10.0353 42.0524V48.3552H10.4353V42.0524H10.0353ZM9.59837 40.9994C9.87818 41.2793 10.0353 41.6582 10.0353 42.0524H10.4353C10.4353 41.5518 10.2358 41.0712 9.88121 40.7166L9.59837 40.9994ZM5.14172 36.5428L9.59837 40.9994L9.88121 40.7166L5.42456 36.26L5.14172 36.5428ZM5.14266 31.446C3.73287 32.8525 3.73405 35.1351 5.14172 36.5428L5.42456 36.26C4.17291 35.0083 4.17223 32.9792 5.42517 31.7291L5.14266 31.446ZM9.64408 26.9445L5.14249 31.4461L5.42534 31.729L9.92692 27.2274L9.64408 26.9445ZM10.0353 26.0008C10.0353 26.3551 9.89543 26.6932 9.64408 26.9445L9.92692 27.2274C10.2532 26.9011 10.4353 26.4613 10.4353 26.0008H10.0353ZM10.0353 19.6396V26.0008H10.4353V19.6396H10.0353ZM13.6395 16.0355C11.6488 16.0355 10.0353 17.6489 10.0353 19.6396H10.4353C10.4353 17.8699 11.8697 16.4355 13.6395 16.4355V16.0355ZM19.9423 16.0355H13.6395V16.4355H19.9423V16.0355ZM20.9952 15.5985C20.7154 15.8783 20.3364 16.0355 19.9423 16.0355V16.4355C20.4429 16.4355 20.9234 16.2359 21.278 15.8813L20.9952 15.5985ZM25.4518 11.1419L20.9952 15.5985L21.278 15.8813L25.7347 11.4247L25.4518 11.1419Z' fill='url(%23paint0_linear_541_33313)' fill-opacity='0.8'/%3E%3C/g%3E%3Cpath d='M34.2733 28.1188L22.1179 40.2804C21.9888 40.4052 21.8163 40.475 21.6367 40.475C21.4572 40.475 21.2847 40.4052 21.1556 40.2804C21.0288 40.1523 20.9576 39.9793 20.9576 39.799C20.9576 39.6187 21.0288 39.4457 21.1556 39.3176L33.311 27.156C33.4422 27.0483 33.6088 26.9932 33.7783 27.0016C33.9479 27.0099 34.1082 27.081 34.2283 27.2011C34.3483 27.3212 34.4194 27.4816 34.4277 27.6513C34.436 27.8209 34.381 27.9875 34.2733 28.1188ZM21.1725 31.4801C20.6044 30.9075 20.2856 30.1334 20.2856 29.3265C20.2856 28.5197 20.6044 27.7456 21.1725 27.1729C21.7449 26.6046 22.5186 26.2856 23.325 26.2856C24.1314 26.2856 24.9051 26.6046 25.4775 27.1729C26.0061 27.7524 26.2911 28.5134 26.2732 29.2977C26.2554 30.0821 25.936 30.8293 25.3815 31.3841C24.827 31.9388 24.0802 32.2584 23.2962 32.2763C22.5123 32.2942 21.7516 32.009 21.1725 31.4801ZM21.6367 29.3265C21.6363 29.5482 21.6801 29.7677 21.7656 29.9722C21.8511 30.1767 21.9767 30.3621 22.1348 30.5173C22.2908 30.6741 22.4763 30.7985 22.6806 30.8834C22.8848 30.9683 23.1038 31.012 23.325 31.012C23.5462 31.012 23.7652 30.9683 23.9694 30.8834C24.1737 30.7985 24.3591 30.6741 24.5152 30.5173C24.6729 30.3618 24.7982 30.1764 24.8837 29.9719C24.9692 29.7675 25.0132 29.5481 25.0132 29.3265C25.0132 29.1049 24.9692 28.8855 24.8837 28.6811C24.7982 28.4767 24.6729 28.2913 24.5152 28.1357C24.3597 27.9779 24.1744 27.8526 23.9701 27.7671C23.7658 27.6815 23.5465 27.6375 23.325 27.6375C23.1035 27.6375 22.8842 27.6815 22.6799 27.7671C22.4756 27.8526 22.2903 27.9779 22.1348 28.1357C21.9767 28.291 21.8511 28.4763 21.7656 28.6808C21.6801 28.8853 21.6363 29.1049 21.6367 29.3265ZM35.1428 38.1099C35.1415 38.6093 35.0174 39.1008 34.7812 39.5408C34.545 39.9808 34.2041 40.3559 33.7887 40.6328C33.3732 40.9097 32.896 41.0799 32.3991 41.1284C31.9023 41.1769 31.4011 41.1022 30.94 40.9109C30.4789 40.7196 30.0719 40.4176 29.7552 40.0316C29.4384 39.6456 29.2216 39.1874 29.1239 38.6976C29.0261 38.2078 29.0505 37.7015 29.1948 37.2234C29.3392 36.7452 29.599 36.31 29.9514 35.9563C30.5238 35.3879 31.2975 35.069 32.1039 35.069C32.9103 35.069 33.6841 35.3879 34.2564 35.9563C34.5388 36.2391 34.7624 36.5749 34.9145 36.9445C35.0666 37.3141 35.1442 37.7102 35.1428 38.1099ZM33.7922 38.1099C33.7926 37.8882 33.7488 37.6687 33.6633 37.4642C33.5778 37.2597 33.4522 37.0743 33.2941 36.9191C33.1386 36.7612 32.9533 36.6359 32.749 36.5504C32.5447 36.4649 32.3254 36.4208 32.1039 36.4208C31.8824 36.4208 31.6631 36.4649 31.4588 36.5504C31.2545 36.6359 31.0692 36.7612 30.9137 36.9191C30.721 37.1154 30.5795 37.3561 30.5015 37.62C30.4235 37.8838 30.4115 38.1628 30.4665 38.4324C30.5215 38.702 30.6418 38.954 30.8168 39.1662C30.9919 39.3785 31.2164 39.5444 31.4705 39.6496C31.7247 39.7547 32.0008 39.7958 32.2745 39.7693C32.5482 39.7427 32.8113 39.6493 33.0405 39.4973C33.2697 39.3453 33.4582 39.1392 33.5892 38.8973C33.7203 38.6554 33.79 38.385 33.7922 38.1099Z' fill='white' stroke='white' stroke-width='0.3'/%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33313' x='-19.9146' y='-13.9143' width='95.8286' height='95.8286' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='12'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33313'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33313' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33313'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33313' x1='15.7143' y1='12.5714' x2='49.4285' y2='54.2858' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.312377' stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon.mainBookFlower {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M56.6217 21.0755C56.1404 20.806 55.6314 20.5909 55.1038 20.434C55.6314 20.277 56.1404 20.0619 56.6217 19.7925C57.7139 19.1544 58.511 18.1032 58.8378 16.8701C59.1645 15.6369 58.9941 14.3229 58.364 13.217C57.7339 12.1111 56.6957 11.3039 55.4778 10.9731C54.26 10.6422 52.9622 10.8148 51.87 11.4528C51.4007 11.7392 50.9626 12.0752 50.5633 12.4552C50.6865 11.9159 50.7529 11.3648 50.7613 10.8113C50.7613 9.53528 50.2607 8.3115 49.3696 7.4092C48.4784 6.50691 47.2698 6 46.0096 6C44.7494 6 43.5408 6.50691 42.6497 7.4092C41.7586 8.3115 41.2579 9.53528 41.2579 10.8113C41.2664 11.3648 41.3327 11.9159 41.4559 12.4552C41.0566 12.0752 40.6186 11.7392 40.1492 11.4528C39.057 10.8148 37.7592 10.6422 36.5414 10.9731C35.3235 11.3039 34.2854 12.1111 33.6553 13.217C33.0251 14.3229 32.8547 15.6369 33.1814 16.8701C33.5082 18.1032 34.3053 19.1544 35.3975 19.7925C35.8788 20.0619 36.3878 20.277 36.9154 20.434C36.3878 20.5909 35.8788 20.806 35.3975 21.0755C34.8567 21.3914 34.3827 21.8121 34.0024 22.3135C33.6222 22.8149 33.3432 23.3873 33.1814 23.9978C32.8547 25.231 33.0251 26.545 33.6553 27.6509C34.2854 28.7568 35.3235 29.564 36.5414 29.8948C37.7592 30.2257 39.057 30.0531 40.1492 29.4151C40.6186 29.1287 41.0566 28.7927 41.4559 28.4127C41.3327 28.9521 41.2664 29.5031 41.2579 30.0566C41.2579 31.3326 41.7586 32.5564 42.6497 33.4587C43.5408 34.361 44.7494 34.8679 46.0096 34.8679C47.2698 34.8679 48.4784 34.361 49.3696 33.4587C50.2607 32.5564 50.7613 31.3326 50.7613 30.0566C50.7529 29.5031 50.6865 28.9521 50.5633 28.4127C50.9626 28.7927 51.4007 29.1287 51.87 29.4151C52.9622 30.0531 54.26 30.2257 55.4778 29.8948C56.6957 29.564 57.7339 28.7568 58.364 27.6509C58.9941 26.545 59.1645 25.231 58.8378 23.9978C58.511 22.7647 57.7139 21.7135 56.6217 21.0755ZM46.0096 23.6415C45.3831 23.6415 44.7706 23.4534 44.2497 23.1009C43.7287 22.7485 43.3227 22.2475 43.083 21.6614C42.8432 21.0753 42.7805 20.4304 42.9027 19.8082C43.0249 19.186 43.3266 18.6145 43.7696 18.1659C44.2127 17.7173 44.7771 17.4118 45.3916 17.288C46.0061 17.1643 46.643 17.2278 47.2219 17.4706C47.8007 17.7133 48.2954 18.1245 48.6435 18.6519C48.9916 19.1794 49.1774 19.7996 49.1774 20.434C49.1739 21.2836 48.8391 22.0974 48.2457 22.6982C47.6524 23.2989 46.8487 23.638 46.0096 23.6415Z' fill='%233385FF'/%3E%3Cpath d='M30.1321 21.8387C23.7531 18.2558 18.0529 16.8305 10.5009 16.5864C9.12874 16.5395 8 17.6738 8 19.0522V48.2802C8 49.6142 9.0648 50.7214 10.3952 50.7411C17.9988 50.8545 23.7236 52.2601 30.1321 56.0378C36.5405 52.2601 42.2654 50.8545 49.869 50.7411C51.1994 50.7214 52.2642 49.6142 52.2642 48.2802V19.0522C52.2642 17.6738 51.1354 16.542 49.7632 16.5864C42.2113 16.8305 36.511 18.2558 30.1321 21.8387Z' fill='%233385FF'/%3E%3Cg filter='url(%23filter0_bi_541_33135)'%3E%3Cpath d='M30.1321 21.8387C23.7531 18.2558 18.0529 16.8305 10.5009 16.5864C9.12874 16.5395 8 17.6738 8 19.0522V48.2802C8 49.6142 9.0648 50.7214 10.3952 50.7411C17.9988 50.8545 23.7236 52.2601 30.1321 56.0378C36.5405 52.2601 42.2654 50.8545 49.869 50.7411C51.1994 50.7214 52.2642 49.6142 52.2642 48.2802V19.0522C52.2642 17.6738 51.1354 16.542 49.7632 16.5864C42.2113 16.8305 36.511 18.2558 30.1321 21.8387Z' fill='white' fill-opacity='0.6'/%3E%3Cpath d='M30.0305 56.2101L30.1321 56.27L30.2336 56.2101C36.6084 52.4522 42.2984 51.0541 49.872 50.9411C51.3146 50.9197 52.4642 49.7205 52.4642 48.2802V19.0522C52.4642 17.5653 51.2464 16.3383 49.7568 16.3865C42.2154 16.6302 36.5029 18.0492 30.1321 21.6094C23.7613 18.0492 18.0489 16.6303 10.5076 16.3865C9.01744 16.3357 7.8 17.5658 7.8 19.0522V48.2802C7.8 49.7205 8.94957 50.9197 10.3922 50.9411C17.9658 51.0541 23.6557 52.4522 30.0305 56.2101Z' stroke='url(%23paint0_linear_541_33135)' stroke-opacity='0.8' stroke-width='0.4'/%3E%3C/g%3E%3Cmask id='mask0_541_33135' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='9' y='16' width='42' height='36'%3E%3Cpath d='M29.9718 21.27C24.1434 18.0803 18.7786 16.8103 11.8784 16.5929C10.6246 16.5512 9.59323 16.593 9.59326 18.7882L9.74978 44.8092C9.74978 45.9969 10.7227 46.9825 11.9382 47.0001C18.8856 47.1011 24.1164 48.3523 29.9718 51.7154C35.8272 48.3523 41.058 47.1011 48.0054 47.0001C49.2209 46.9825 50.1938 45.9969 50.1938 44.8092V18.7894C50.1938 16.5942 49.1625 16.5547 47.9087 16.5942C41.0085 16.8115 35.8002 18.0803 29.9718 21.27Z' fill='url(%23paint1_linear_541_33135)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_541_33135)'%3E%3Cpath d='M29.9718 23.1945C24.1434 20.0049 18.7786 18.7348 11.8784 18.5175C10.6246 18.4758 9.59323 18.5175 9.59326 20.7127L9.74978 46.7338C9.74978 47.9214 10.7227 48.9071 11.9382 48.9246C18.8856 49.0256 24.1164 50.2769 29.9718 53.64C35.8272 50.2769 41.058 49.0256 48.0054 48.9246C49.2209 48.9071 50.1938 47.9214 50.1938 46.7338V20.7139C50.1938 18.5187 49.1625 18.4792 47.9087 18.5187C41.0085 18.7361 35.8002 20.0049 29.9718 23.1945Z' fill='url(%23paint2_linear_541_33135)' fill-opacity='0.8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33135' x='-8.3999' y='0.184814' width='77.064' height='72.3171' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='8'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33135'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33135' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33135'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33135' x1='30.1321' y1='16.585' x2='30.1321' y2='56.0378' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_541_33135' x1='29.9717' y1='28.8326' x2='29.9717' y2='44.7974' gradientUnits='userSpaceOnUse'%3E%3Cstop/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_541_33135' x1='21.9893' y1='22.7748' x2='37.4219' y2='22.7748' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.260417' stop-color='%23DCE3F4' stop-opacity='0'/%3E%3Cstop offset='0.520833' stop-color='white' stop-opacity='0.8'/%3E%3Cstop offset='0.78125' stop-color='%23DCE3F4' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}


.getsmart-dynamic .icon.mainBookFlower {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M56.6217 21.0755C56.1404 20.806 55.6314 20.5909 55.1038 20.434C55.6314 20.277 56.1404 20.0619 56.6217 19.7925C57.7139 19.1544 58.511 18.1032 58.8378 16.8701C59.1645 15.6369 58.9941 14.3229 58.364 13.217C57.7339 12.1111 56.6957 11.3039 55.4778 10.9731C54.26 10.6422 52.9622 10.8148 51.87 11.4528C51.4007 11.7392 50.9626 12.0752 50.5633 12.4552C50.6865 11.9159 50.7529 11.3648 50.7613 10.8113C50.7613 9.53528 50.2607 8.3115 49.3696 7.4092C48.4784 6.50691 47.2698 6 46.0096 6C44.7494 6 43.5408 6.50691 42.6497 7.4092C41.7586 8.3115 41.2579 9.53528 41.2579 10.8113C41.2664 11.3648 41.3327 11.9159 41.4559 12.4552C41.0566 12.0752 40.6186 11.7392 40.1492 11.4528C39.057 10.8148 37.7592 10.6422 36.5414 10.9731C35.3235 11.3039 34.2854 12.1111 33.6553 13.217C33.0251 14.3229 32.8547 15.6369 33.1814 16.8701C33.5082 18.1032 34.3053 19.1544 35.3975 19.7925C35.8788 20.0619 36.3878 20.277 36.9154 20.434C36.3878 20.5909 35.8788 20.806 35.3975 21.0755C34.8567 21.3914 34.3827 21.8121 34.0024 22.3135C33.6222 22.8149 33.3432 23.3873 33.1814 23.9978C32.8547 25.231 33.0251 26.545 33.6553 27.6509C34.2854 28.7568 35.3235 29.564 36.5414 29.8948C37.7592 30.2257 39.057 30.0531 40.1492 29.4151C40.6186 29.1287 41.0566 28.7927 41.4559 28.4127C41.3327 28.9521 41.2664 29.5031 41.2579 30.0566C41.2579 31.3326 41.7586 32.5564 42.6497 33.4587C43.5408 34.361 44.7494 34.8679 46.0096 34.8679C47.2698 34.8679 48.4784 34.361 49.3696 33.4587C50.2607 32.5564 50.7613 31.3326 50.7613 30.0566C50.7529 29.5031 50.6865 28.9521 50.5633 28.4127C50.9626 28.7927 51.4007 29.1287 51.87 29.4151C52.9622 30.0531 54.26 30.2257 55.4778 29.8948C56.6957 29.564 57.7339 28.7568 58.364 27.6509C58.9941 26.545 59.1645 25.231 58.8378 23.9978C58.511 22.7647 57.7139 21.7135 56.6217 21.0755ZM46.0096 23.6415C45.3831 23.6415 44.7706 23.4534 44.2497 23.1009C43.7287 22.7485 43.3227 22.2475 43.083 21.6614C42.8432 21.0753 42.7805 20.4304 42.9027 19.8082C43.0249 19.186 43.3266 18.6145 43.7696 18.1659C44.2127 17.7173 44.7771 17.4118 45.3916 17.288C46.0061 17.1643 46.643 17.2278 47.2219 17.4706C47.8007 17.7133 48.2954 18.1245 48.6435 18.6519C48.9916 19.1794 49.1774 19.7996 49.1774 20.434C49.1739 21.2836 48.8391 22.0974 48.2457 22.6982C47.6524 23.2989 46.8487 23.638 46.0096 23.6415Z' fill='%233385FF'/%3E%3Cpath d='M30.1321 21.8387C23.7531 18.2558 18.0529 16.8305 10.5009 16.5864C9.12874 16.5395 8 17.6738 8 19.0522V48.2802C8 49.6142 9.0648 50.7214 10.3952 50.7411C17.9988 50.8545 23.7236 52.2601 30.1321 56.0378C36.5405 52.2601 42.2654 50.8545 49.869 50.7411C51.1994 50.7214 52.2642 49.6142 52.2642 48.2802V19.0522C52.2642 17.6738 51.1354 16.542 49.7632 16.5864C42.2113 16.8305 36.511 18.2558 30.1321 21.8387Z' fill='%233385FF'/%3E%3Cg filter='url(%23filter0_bi_541_33135)'%3E%3Cpath d='M30.1321 21.8387C23.7531 18.2558 18.0529 16.8305 10.5009 16.5864C9.12874 16.5395 8 17.6738 8 19.0522V48.2802C8 49.6142 9.0648 50.7214 10.3952 50.7411C17.9988 50.8545 23.7236 52.2601 30.1321 56.0378C36.5405 52.2601 42.2654 50.8545 49.869 50.7411C51.1994 50.7214 52.2642 49.6142 52.2642 48.2802V19.0522C52.2642 17.6738 51.1354 16.542 49.7632 16.5864C42.2113 16.8305 36.511 18.2558 30.1321 21.8387Z' fill='white' fill-opacity='0.6'/%3E%3Cpath d='M30.0305 56.2101L30.1321 56.27L30.2336 56.2101C36.6084 52.4522 42.2984 51.0541 49.872 50.9411C51.3146 50.9197 52.4642 49.7205 52.4642 48.2802V19.0522C52.4642 17.5653 51.2464 16.3383 49.7568 16.3865C42.2154 16.6302 36.5029 18.0492 30.1321 21.6094C23.7613 18.0492 18.0489 16.6303 10.5076 16.3865C9.01744 16.3357 7.8 17.5658 7.8 19.0522V48.2802C7.8 49.7205 8.94957 50.9197 10.3922 50.9411C17.9658 51.0541 23.6557 52.4522 30.0305 56.2101Z' stroke='url(%23paint0_linear_541_33135)' stroke-opacity='0.8' stroke-width='0.4'/%3E%3C/g%3E%3Cmask id='mask0_541_33135' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='9' y='16' width='42' height='36'%3E%3Cpath d='M29.9718 21.27C24.1434 18.0803 18.7786 16.8103 11.8784 16.5929C10.6246 16.5512 9.59323 16.593 9.59326 18.7882L9.74978 44.8092C9.74978 45.9969 10.7227 46.9825 11.9382 47.0001C18.8856 47.1011 24.1164 48.3523 29.9718 51.7154C35.8272 48.3523 41.058 47.1011 48.0054 47.0001C49.2209 46.9825 50.1938 45.9969 50.1938 44.8092V18.7894C50.1938 16.5942 49.1625 16.5547 47.9087 16.5942C41.0085 16.8115 35.8002 18.0803 29.9718 21.27Z' fill='url(%23paint1_linear_541_33135)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_541_33135)'%3E%3Cpath d='M29.9718 23.1945C24.1434 20.0049 18.7786 18.7348 11.8784 18.5175C10.6246 18.4758 9.59323 18.5175 9.59326 20.7127L9.74978 46.7338C9.74978 47.9214 10.7227 48.9071 11.9382 48.9246C18.8856 49.0256 24.1164 50.2769 29.9718 53.64C35.8272 50.2769 41.058 49.0256 48.0054 48.9246C49.2209 48.9071 50.1938 47.9214 50.1938 46.7338V20.7139C50.1938 18.5187 49.1625 18.4792 47.9087 18.5187C41.0085 18.7361 35.8002 20.0049 29.9718 23.1945Z' fill='url(%23paint2_linear_541_33135)' fill-opacity='0.8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33135' x='-8.3999' y='0.184814' width='77.064' height='72.3171' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='8'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33135'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33135' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33135'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33135' x1='30.1321' y1='16.585' x2='30.1321' y2='56.0378' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_541_33135' x1='29.9717' y1='28.8326' x2='29.9717' y2='44.7974' gradientUnits='userSpaceOnUse'%3E%3Cstop/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_541_33135' x1='21.9893' y1='22.7748' x2='37.4219' y2='22.7748' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.260417' stop-color='%23DCE3F4' stop-opacity='0'/%3E%3Cstop offset='0.520833' stop-color='white' stop-opacity='0.8'/%3E%3Cstop offset='0.78125' stop-color='%23DCE3F4' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon.mainPick {
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='80' height='80' fill='white'/%3E%3Cg filter='url(%23filter0_bi_541_33079)'%3E%3Cpath d='M31.1335 29C26.3242 29 21.7119 30.9105 18.3112 34.3112C14.9105 37.7119 13 42.3242 13 47.1335C13 51.9428 14.9105 56.5551 18.3112 59.9558C21.7119 63.3565 26.3242 65.267 31.1335 65.267C35.9428 65.267 40.5551 63.3565 43.9558 59.9558C47.3565 56.5551 49.267 51.9428 49.267 47.1335C49.267 42.3242 47.3565 37.7119 43.9558 34.3112C40.5551 30.9105 35.9428 29 31.1335 29Z' fill='%233385FF'/%3E%3Cpath d='M31.1335 29C26.3242 29 21.7119 30.9105 18.3112 34.3112C14.9105 37.7119 13 42.3242 13 47.1335C13 51.9428 14.9105 56.5551 18.3112 59.9558C21.7119 63.3565 26.3242 65.267 31.1335 65.267C35.9428 65.267 40.5551 63.3565 43.9558 59.9558C47.3565 56.5551 49.267 51.9428 49.267 47.1335C49.267 42.3242 47.3565 37.7119 43.9558 34.3112C40.5551 30.9105 35.9428 29 31.1335 29Z' stroke='url(%23paint0_linear_541_33079)' stroke-width='0.4'/%3E%3C/g%3E%3Cpath d='M42.2001 13.9998C36.1884 13.9998 30.423 16.3879 26.1722 20.6387C21.9213 24.8896 19.5332 30.655 19.5332 36.6666C19.5332 42.6783 21.9213 48.4437 26.1722 52.6945C30.423 56.9454 36.1884 59.3335 42.2001 59.3335C48.2117 59.3335 53.9771 56.9454 58.228 52.6945C62.4788 48.4437 64.8669 42.6783 64.8669 36.6666C64.8669 30.655 62.4788 24.8896 58.228 20.6387C53.9771 16.3879 48.2117 13.9998 42.2001 13.9998Z' fill='%233385FF'/%3E%3Cg filter='url(%23filter1_bi_541_33079)'%3E%3Cpath d='M42.2001 13.9998C36.1884 13.9998 30.423 16.3879 26.1722 20.6387C21.9213 24.8896 19.5332 30.655 19.5332 36.6666C19.5332 42.6783 21.9213 48.4437 26.1722 52.6945C30.423 56.9454 36.1884 59.3335 42.2001 59.3335C48.2117 59.3335 53.9771 56.9454 58.228 52.6945C62.4788 48.4437 64.8669 42.6783 64.8669 36.6666C64.8669 30.655 62.4788 24.8896 58.228 20.6387C53.9771 16.3879 48.2117 13.9998 42.2001 13.9998Z' fill='white' fill-opacity='0.6'/%3E%3Cpath d='M42.2001 13.9998C36.1884 13.9998 30.423 16.3879 26.1722 20.6387C21.9213 24.8896 19.5332 30.655 19.5332 36.6666C19.5332 42.6783 21.9213 48.4437 26.1722 52.6945C30.423 56.9454 36.1884 59.3335 42.2001 59.3335C48.2117 59.3335 53.9771 56.9454 58.228 52.6945C62.4788 48.4437 64.8669 42.6783 64.8669 36.6666C64.8669 30.655 62.4788 24.8896 58.228 20.6387C53.9771 16.3879 48.2117 13.9998 42.2001 13.9998Z' stroke='url(%23paint1_linear_541_33079)' stroke-width='0.4'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.4668 36.6666C28.4668 29.0818 34.6155 22.9331 42.2003 22.9331C49.785 22.9331 55.9337 29.0818 55.9337 36.6666C55.9337 44.2514 49.785 50.4 42.2003 50.4C34.6155 50.4 28.4668 44.2514 28.4668 36.6666ZM42.2003 20.9331C33.5109 20.9331 26.4668 27.9772 26.4668 36.6666C26.4668 45.3559 33.5109 52.4 42.2003 52.4C50.8896 52.4 57.9337 45.3559 57.9337 36.6666C57.9337 27.9772 50.8896 20.9331 42.2003 20.9331ZM42.2 43.4666C45.9555 43.4666 49 40.4221 49 36.6666C49 32.911 45.9555 29.8665 42.2 29.8665C38.4444 29.8665 35.3999 32.911 35.3999 36.6666C35.3999 40.4221 38.4444 43.4666 42.2 43.4666Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M53.2494 18.9737C53.3223 18.7978 53.4291 18.638 53.5636 18.5034L58.7761 13.291C58.9591 13.108 59.1876 12.9774 59.4381 12.9126C59.6886 12.8478 59.9519 12.8513 60.2006 12.9226C60.4493 12.9939 60.6744 13.1305 60.8524 13.3182C61.0305 13.5059 61.1551 13.7379 61.2133 13.99L61.9002 16.9666L64.8769 17.6536C65.129 17.7117 65.3609 17.8363 65.5486 18.0144C65.7363 18.1925 65.8729 18.4176 65.9442 18.6663C66.0156 18.915 66.019 19.1782 65.9542 19.4287C65.8895 19.6792 65.7588 19.9078 65.5759 20.0908L60.3634 25.3032C60.2288 25.4378 60.069 25.5446 59.8932 25.6174C59.7173 25.6903 59.5288 25.7277 59.3385 25.7277H55.0049L43.3191 37.4137C42.8039 37.9289 41.9686 37.9289 41.4533 37.4137C40.9381 36.8985 40.9381 36.0631 41.4533 35.5479L53.1391 23.8619V19.5284C53.1391 19.338 53.1766 19.1495 53.2494 18.9737Z' fill='%233385FF'/%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33079' x='4.7998' y='20.8' width='52.667' height='52.667' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='4'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33079'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33079' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33079'/%3E%3C/filter%3E%3Cfilter id='filter1_bi_541_33079' x='-20.667' y='-26.2002' width='125.734' height='125.734' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='20'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33079'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33079' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33079'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33079' x1='31.1335' y1='29' x2='31.1335' y2='65.267' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_541_33079' x1='42.2001' y1='13.9998' x2='42.2001' y2='59.3335' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}


.getsmart-dynamic .icon.mainPick {
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='80' height='80' fill='white'/%3E%3Cg filter='url(%23filter0_bi_541_33079)'%3E%3Cpath d='M31.1335 29C26.3242 29 21.7119 30.9105 18.3112 34.3112C14.9105 37.7119 13 42.3242 13 47.1335C13 51.9428 14.9105 56.5551 18.3112 59.9558C21.7119 63.3565 26.3242 65.267 31.1335 65.267C35.9428 65.267 40.5551 63.3565 43.9558 59.9558C47.3565 56.5551 49.267 51.9428 49.267 47.1335C49.267 42.3242 47.3565 37.7119 43.9558 34.3112C40.5551 30.9105 35.9428 29 31.1335 29Z' fill='%233385FF'/%3E%3Cpath d='M31.1335 29C26.3242 29 21.7119 30.9105 18.3112 34.3112C14.9105 37.7119 13 42.3242 13 47.1335C13 51.9428 14.9105 56.5551 18.3112 59.9558C21.7119 63.3565 26.3242 65.267 31.1335 65.267C35.9428 65.267 40.5551 63.3565 43.9558 59.9558C47.3565 56.5551 49.267 51.9428 49.267 47.1335C49.267 42.3242 47.3565 37.7119 43.9558 34.3112C40.5551 30.9105 35.9428 29 31.1335 29Z' stroke='url(%23paint0_linear_541_33079)' stroke-width='0.4'/%3E%3C/g%3E%3Cpath d='M42.2001 13.9998C36.1884 13.9998 30.423 16.3879 26.1722 20.6387C21.9213 24.8896 19.5332 30.655 19.5332 36.6666C19.5332 42.6783 21.9213 48.4437 26.1722 52.6945C30.423 56.9454 36.1884 59.3335 42.2001 59.3335C48.2117 59.3335 53.9771 56.9454 58.228 52.6945C62.4788 48.4437 64.8669 42.6783 64.8669 36.6666C64.8669 30.655 62.4788 24.8896 58.228 20.6387C53.9771 16.3879 48.2117 13.9998 42.2001 13.9998Z' fill='%233385FF'/%3E%3Cg filter='url(%23filter1_bi_541_33079)'%3E%3Cpath d='M42.2001 13.9998C36.1884 13.9998 30.423 16.3879 26.1722 20.6387C21.9213 24.8896 19.5332 30.655 19.5332 36.6666C19.5332 42.6783 21.9213 48.4437 26.1722 52.6945C30.423 56.9454 36.1884 59.3335 42.2001 59.3335C48.2117 59.3335 53.9771 56.9454 58.228 52.6945C62.4788 48.4437 64.8669 42.6783 64.8669 36.6666C64.8669 30.655 62.4788 24.8896 58.228 20.6387C53.9771 16.3879 48.2117 13.9998 42.2001 13.9998Z' fill='white' fill-opacity='0.6'/%3E%3Cpath d='M42.2001 13.9998C36.1884 13.9998 30.423 16.3879 26.1722 20.6387C21.9213 24.8896 19.5332 30.655 19.5332 36.6666C19.5332 42.6783 21.9213 48.4437 26.1722 52.6945C30.423 56.9454 36.1884 59.3335 42.2001 59.3335C48.2117 59.3335 53.9771 56.9454 58.228 52.6945C62.4788 48.4437 64.8669 42.6783 64.8669 36.6666C64.8669 30.655 62.4788 24.8896 58.228 20.6387C53.9771 16.3879 48.2117 13.9998 42.2001 13.9998Z' stroke='url(%23paint1_linear_541_33079)' stroke-width='0.4'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.4668 36.6666C28.4668 29.0818 34.6155 22.9331 42.2003 22.9331C49.785 22.9331 55.9337 29.0818 55.9337 36.6666C55.9337 44.2514 49.785 50.4 42.2003 50.4C34.6155 50.4 28.4668 44.2514 28.4668 36.6666ZM42.2003 20.9331C33.5109 20.9331 26.4668 27.9772 26.4668 36.6666C26.4668 45.3559 33.5109 52.4 42.2003 52.4C50.8896 52.4 57.9337 45.3559 57.9337 36.6666C57.9337 27.9772 50.8896 20.9331 42.2003 20.9331ZM42.2 43.4666C45.9555 43.4666 49 40.4221 49 36.6666C49 32.911 45.9555 29.8665 42.2 29.8665C38.4444 29.8665 35.3999 32.911 35.3999 36.6666C35.3999 40.4221 38.4444 43.4666 42.2 43.4666Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M53.2494 18.9737C53.3223 18.7978 53.4291 18.638 53.5636 18.5034L58.7761 13.291C58.9591 13.108 59.1876 12.9774 59.4381 12.9126C59.6886 12.8478 59.9519 12.8513 60.2006 12.9226C60.4493 12.9939 60.6744 13.1305 60.8524 13.3182C61.0305 13.5059 61.1551 13.7379 61.2133 13.99L61.9002 16.9666L64.8769 17.6536C65.129 17.7117 65.3609 17.8363 65.5486 18.0144C65.7363 18.1925 65.8729 18.4176 65.9442 18.6663C66.0156 18.915 66.019 19.1782 65.9542 19.4287C65.8895 19.6792 65.7588 19.9078 65.5759 20.0908L60.3634 25.3032C60.2288 25.4378 60.069 25.5446 59.8932 25.6174C59.7173 25.6903 59.5288 25.7277 59.3385 25.7277H55.0049L43.3191 37.4137C42.8039 37.9289 41.9686 37.9289 41.4533 37.4137C40.9381 36.8985 40.9381 36.0631 41.4533 35.5479L53.1391 23.8619V19.5284C53.1391 19.338 53.1766 19.1495 53.2494 18.9737Z' fill='%233385FF'/%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33079' x='4.7998' y='20.8' width='52.667' height='52.667' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='4'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33079'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33079' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33079'/%3E%3C/filter%3E%3Cfilter id='filter1_bi_541_33079' x='-20.667' y='-26.2002' width='125.734' height='125.734' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='20'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33079'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33079' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33079'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33079' x1='31.1335' y1='29' x2='31.1335' y2='65.267' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_541_33079' x1='42.2001' y1='13.9998' x2='42.2001' y2='59.3335' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon.mainHotDeal {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.3491 10.3474L19.349 10.3498C14.3838 10.3849 10.189 14.2814 10.189 19.3481V20.3481H10.2608C10.5461 23.0575 12.0621 25.5085 14.3933 27.0065L15.3925 27.6486L15.855 26.5545C16.6997 24.556 17.8923 22.7338 19.3771 21.178H19.3967L19.6903 20.8812C21.6512 18.8984 24.0954 17.4346 26.8083 16.6032L26.5927 15.8998L27.5153 15.6702V14.2948L26.962 14.4643C25.2839 11.9123 22.4168 10.3474 19.3491 10.3474ZM44.8003 10.3497C41.4552 10.3497 38.2753 12.1007 36.7013 15.1175L36.5879 15.3348V16.3351L37.2856 16.5564C39.9809 17.411 42.4279 18.8766 44.4129 20.8835L44.4168 20.8874L44.4375 20.908C46.0351 22.5281 47.3271 24.4553 48.2251 26.5799L48.6813 27.6591L49.6754 27.039C52.3045 25.3991 53.8911 22.5116 53.8911 19.4405L53.8911 19.4354C53.8652 14.4053 49.8169 10.3497 44.8003 10.3497Z' fill='%233385FF'/%3E%3Cpath d='M31.9939 12.3901C26.4761 12.3901 21.1843 14.5821 17.2826 18.4838C13.3809 22.3855 11.189 27.6773 11.189 33.1951C11.189 38.7129 13.3809 44.0047 17.2826 47.9064C21.1843 51.8081 26.4761 54.0001 31.9939 54.0001C37.5117 54.0001 42.8036 51.8081 46.7053 47.9064C50.6069 44.0047 52.7989 38.7129 52.7989 33.1951C52.7989 27.6773 50.6069 22.3855 46.7053 18.4838C42.8036 14.5821 37.5117 12.3901 31.9939 12.3901Z' fill='%233385FF'/%3E%3Cg filter='url(%23filter0_bi_541_33052)'%3E%3Cpath d='M31.9939 12.3901C26.4761 12.3901 21.1843 14.5821 17.2826 18.4838C13.3809 22.3855 11.189 27.6773 11.189 33.1951C11.189 38.7129 13.3809 44.0047 17.2826 47.9064C21.1843 51.8081 26.4761 54.0001 31.9939 54.0001C37.5117 54.0001 42.8036 51.8081 46.7053 47.9064C50.6069 44.0047 52.7989 38.7129 52.7989 33.1951C52.7989 27.6773 50.6069 22.3855 46.7053 18.4838C42.8036 14.5821 37.5117 12.3901 31.9939 12.3901Z' fill='white' fill-opacity='0.6'/%3E%3Cpath d='M31.9939 12.3901C26.4761 12.3901 21.1843 14.5821 17.2826 18.4838C13.3809 22.3855 11.189 27.6773 11.189 33.1951C11.189 38.7129 13.3809 44.0047 17.2826 47.9064C21.1843 51.8081 26.4761 54.0001 31.9939 54.0001C37.5117 54.0001 42.8036 51.8081 46.7053 47.9064C50.6069 44.0047 52.7989 38.7129 52.7989 33.1951C52.7989 27.6773 50.6069 22.3855 46.7053 18.4838C42.8036 14.5821 37.5117 12.3901 31.9939 12.3901Z' stroke='url(%23paint0_linear_541_33052)' stroke-width='0.4'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.5879 34.5591C29.5879 33.8687 30.1475 33.3091 30.8379 33.3091H40.4082C41.0985 33.3091 41.6582 33.8687 41.6582 34.5591C41.6582 35.2494 41.0985 35.8091 40.4082 35.8091H30.8379C30.1475 35.8091 29.5879 35.2494 29.5879 34.5591Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30.8379 23.7388C31.5282 23.7388 32.0879 24.2984 32.0879 24.9888V34.5591C32.0879 35.2494 31.5282 35.8091 30.8379 35.8091C30.1475 35.8091 29.5879 35.2494 29.5879 34.5591V24.9888C29.5879 24.2984 30.1475 23.7388 30.8379 23.7388Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33052' x='-13.0112' y='-11.8098' width='90.0103' height='90.0098' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='12'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33052'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33052' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33052'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33052' x1='31.9939' y1='12.3901' x2='31.9939' y2='54.0001' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.getsmart-dynamic .icon.mainHotDeal {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.3491 10.3474L19.349 10.3498C14.3838 10.3849 10.189 14.2814 10.189 19.3481V20.3481H10.2608C10.5461 23.0575 12.0621 25.5085 14.3933 27.0065L15.3925 27.6486L15.855 26.5545C16.6997 24.556 17.8923 22.7338 19.3771 21.178H19.3967L19.6903 20.8812C21.6512 18.8984 24.0954 17.4346 26.8083 16.6032L26.5927 15.8998L27.5153 15.6702V14.2948L26.962 14.4643C25.2839 11.9123 22.4168 10.3474 19.3491 10.3474ZM44.8003 10.3497C41.4552 10.3497 38.2753 12.1007 36.7013 15.1175L36.5879 15.3348V16.3351L37.2856 16.5564C39.9809 17.411 42.4279 18.8766 44.4129 20.8835L44.4168 20.8874L44.4375 20.908C46.0351 22.5281 47.3271 24.4553 48.2251 26.5799L48.6813 27.6591L49.6754 27.039C52.3045 25.3991 53.8911 22.5116 53.8911 19.4405L53.8911 19.4354C53.8652 14.4053 49.8169 10.3497 44.8003 10.3497Z' fill='%233385FF'/%3E%3Cpath d='M31.9939 12.3901C26.4761 12.3901 21.1843 14.5821 17.2826 18.4838C13.3809 22.3855 11.189 27.6773 11.189 33.1951C11.189 38.7129 13.3809 44.0047 17.2826 47.9064C21.1843 51.8081 26.4761 54.0001 31.9939 54.0001C37.5117 54.0001 42.8036 51.8081 46.7053 47.9064C50.6069 44.0047 52.7989 38.7129 52.7989 33.1951C52.7989 27.6773 50.6069 22.3855 46.7053 18.4838C42.8036 14.5821 37.5117 12.3901 31.9939 12.3901Z' fill='%233385FF'/%3E%3Cg filter='url(%23filter0_bi_541_33052)'%3E%3Cpath d='M31.9939 12.3901C26.4761 12.3901 21.1843 14.5821 17.2826 18.4838C13.3809 22.3855 11.189 27.6773 11.189 33.1951C11.189 38.7129 13.3809 44.0047 17.2826 47.9064C21.1843 51.8081 26.4761 54.0001 31.9939 54.0001C37.5117 54.0001 42.8036 51.8081 46.7053 47.9064C50.6069 44.0047 52.7989 38.7129 52.7989 33.1951C52.7989 27.6773 50.6069 22.3855 46.7053 18.4838C42.8036 14.5821 37.5117 12.3901 31.9939 12.3901Z' fill='white' fill-opacity='0.6'/%3E%3Cpath d='M31.9939 12.3901C26.4761 12.3901 21.1843 14.5821 17.2826 18.4838C13.3809 22.3855 11.189 27.6773 11.189 33.1951C11.189 38.7129 13.3809 44.0047 17.2826 47.9064C21.1843 51.8081 26.4761 54.0001 31.9939 54.0001C37.5117 54.0001 42.8036 51.8081 46.7053 47.9064C50.6069 44.0047 52.7989 38.7129 52.7989 33.1951C52.7989 27.6773 50.6069 22.3855 46.7053 18.4838C42.8036 14.5821 37.5117 12.3901 31.9939 12.3901Z' stroke='url(%23paint0_linear_541_33052)' stroke-width='0.4'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.5879 34.5591C29.5879 33.8687 30.1475 33.3091 30.8379 33.3091H40.4082C41.0985 33.3091 41.6582 33.8687 41.6582 34.5591C41.6582 35.2494 41.0985 35.8091 40.4082 35.8091H30.8379C30.1475 35.8091 29.5879 35.2494 29.5879 34.5591Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30.8379 23.7388C31.5282 23.7388 32.0879 24.2984 32.0879 24.9888V34.5591C32.0879 35.2494 31.5282 35.8091 30.8379 35.8091C30.1475 35.8091 29.5879 35.2494 29.5879 34.5591V24.9888C29.5879 24.2984 30.1475 23.7388 30.8379 23.7388Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33052' x='-13.0112' y='-11.8098' width='90.0103' height='90.0098' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='12'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33052'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33052' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33052'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33052' x1='31.9939' y1='12.3901' x2='31.9939' y2='54.0001' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon.mainBookMark {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='11' y='13' width='38' height='41' rx='6' fill='%233385FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.3323 7C34.0245 7 32 8.67685 32 10.9266V36.2373C32 36.4975 32.1332 36.7397 32.3533 36.8799C32.5735 37.02 32.8502 37.0388 33.0874 36.9296L44.0139 31.9001L54.912 36.9293C55.1492 37.0388 55.426 37.0202 55.6464 36.8801C55.8667 36.7399 56 36.4976 56 36.2373V10.9266C56 8.67685 53.9755 7 51.6677 7H36.3323Z' fill='%233385FF'/%3E%3Cg filter='url(%23filter0_bi_541_33107)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.3323 7C34.0245 7 32 8.67685 32 10.9266V36.2373C32 36.4975 32.1332 36.7397 32.3533 36.8799C32.5735 37.02 32.8502 37.0388 33.0874 36.9296L44.0139 31.9001L54.912 36.9293C55.1492 37.0388 55.426 37.0202 55.6464 36.8801C55.8667 36.7399 56 36.4976 56 36.2373V10.9266C56 8.67685 53.9755 7 51.6677 7H36.3323Z' fill='white' fill-opacity='0.6'/%3E%3Cpath d='M32.3533 36.8799L32.4608 36.7112L32.4607 36.7112L32.3533 36.8799ZM33.0874 36.9296L33.171 37.1113H33.171L33.0874 36.9296ZM44.0139 31.9001L44.0977 31.7185C44.0445 31.694 43.9834 31.694 43.9302 31.7184L44.0139 31.9001ZM54.912 36.9293L54.9958 36.7477L54.912 36.9293ZM55.6464 36.8801L55.539 36.7113L55.6464 36.8801ZM32.2 10.9266C32.2 8.81027 34.1105 7.2 36.3323 7.2V6.8C33.9385 6.8 31.8 8.54343 31.8 10.9266H32.2ZM32.2 36.2373V10.9266H31.8V36.2373H32.2ZM32.4607 36.7112C32.2981 36.6076 32.2 36.4289 32.2 36.2373H31.8C31.8 36.5661 31.9683 36.8718 32.2459 37.0486L32.4607 36.7112ZM33.0037 36.7479C32.8283 36.8287 32.6235 36.8148 32.4608 36.7112L32.2459 37.0486C32.5234 37.2253 32.8721 37.2489 33.171 37.1113L33.0037 36.7479ZM43.9302 31.7184L33.0037 36.7479L33.171 37.1113L44.0975 32.0818L43.9302 31.7184ZM54.9958 36.7477L44.0977 31.7185L43.9301 32.0817L54.8282 37.1109L54.9958 36.7477ZM55.539 36.7113C55.3761 36.8149 55.1713 36.8287 54.9958 36.7477L54.8282 37.1109C55.1271 37.2488 55.476 37.2255 55.7537 37.0488L55.539 36.7113ZM55.8 36.2373C55.8 36.429 55.7018 36.6078 55.539 36.7113L55.7537 37.0488C56.0315 36.8721 56.2 36.5663 56.2 36.2373H55.8ZM55.8 10.9266V36.2373H56.2V10.9266H55.8ZM51.6677 7.2C53.8895 7.2 55.8 8.81027 55.8 10.9266H56.2C56.2 8.54343 54.0615 6.8 51.6677 6.8V7.2ZM36.3323 7.2H51.6677V6.8H36.3323V7.2Z' fill='url(%23paint0_linear_541_33107)' fill-opacity='0.8'/%3E%3C/g%3E%3Cpath d='M43.0584 13.2468C43.4436 12.4664 44.5564 12.4664 44.9416 13.2468L45.9374 15.2646C46.1341 15.663 46.5142 15.9392 46.9539 16.0031L49.1807 16.3267C50.0419 16.4518 50.3858 17.5102 49.7626 18.1176L48.1513 19.6883C47.8331 19.9984 47.6879 20.4453 47.763 20.8832L48.1434 23.101C48.2905 23.9588 47.3902 24.6129 46.6199 24.2079L44.6282 23.1608C44.2349 22.954 43.7651 22.954 43.3718 23.1608L41.3801 24.2079C40.6098 24.6129 39.7095 23.9588 39.8566 23.101L40.237 20.8832C40.3121 20.4453 40.1669 19.9984 39.8487 19.6883L38.2374 18.1176C37.6142 17.5102 37.9581 16.4518 38.8193 16.3267L41.0461 16.0031C41.4858 15.9392 41.8659 15.663 42.0626 15.2646L43.0584 13.2468Z' fill='url(%23paint1_linear_541_33107)' stroke='url(%23paint2_linear_541_33107)' stroke-width='0.3'/%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33107' x='7.7998' y='-17.2' width='72.4004' height='78.3999' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='12'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33107'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33107' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33107'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33107' x1='44' y1='7' x2='44' y2='37' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_541_33107' x1='42.3405' y1='12.4632' x2='46.73' y2='22.7055' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_541_33107' x1='39.2323' y1='11.6752' x2='55.0286' y2='23.0014' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}


.getsmart-dynamic .icon.mainBookMark {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='11' y='13' width='38' height='41' rx='6' fill='%233385FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.3323 7C34.0245 7 32 8.67685 32 10.9266V36.2373C32 36.4975 32.1332 36.7397 32.3533 36.8799C32.5735 37.02 32.8502 37.0388 33.0874 36.9296L44.0139 31.9001L54.912 36.9293C55.1492 37.0388 55.426 37.0202 55.6464 36.8801C55.8667 36.7399 56 36.4976 56 36.2373V10.9266C56 8.67685 53.9755 7 51.6677 7H36.3323Z' fill='%233385FF'/%3E%3Cg filter='url(%23filter0_bi_541_33107)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.3323 7C34.0245 7 32 8.67685 32 10.9266V36.2373C32 36.4975 32.1332 36.7397 32.3533 36.8799C32.5735 37.02 32.8502 37.0388 33.0874 36.9296L44.0139 31.9001L54.912 36.9293C55.1492 37.0388 55.426 37.0202 55.6464 36.8801C55.8667 36.7399 56 36.4976 56 36.2373V10.9266C56 8.67685 53.9755 7 51.6677 7H36.3323Z' fill='white' fill-opacity='0.6'/%3E%3Cpath d='M32.3533 36.8799L32.4608 36.7112L32.4607 36.7112L32.3533 36.8799ZM33.0874 36.9296L33.171 37.1113H33.171L33.0874 36.9296ZM44.0139 31.9001L44.0977 31.7185C44.0445 31.694 43.9834 31.694 43.9302 31.7184L44.0139 31.9001ZM54.912 36.9293L54.9958 36.7477L54.912 36.9293ZM55.6464 36.8801L55.539 36.7113L55.6464 36.8801ZM32.2 10.9266C32.2 8.81027 34.1105 7.2 36.3323 7.2V6.8C33.9385 6.8 31.8 8.54343 31.8 10.9266H32.2ZM32.2 36.2373V10.9266H31.8V36.2373H32.2ZM32.4607 36.7112C32.2981 36.6076 32.2 36.4289 32.2 36.2373H31.8C31.8 36.5661 31.9683 36.8718 32.2459 37.0486L32.4607 36.7112ZM33.0037 36.7479C32.8283 36.8287 32.6235 36.8148 32.4608 36.7112L32.2459 37.0486C32.5234 37.2253 32.8721 37.2489 33.171 37.1113L33.0037 36.7479ZM43.9302 31.7184L33.0037 36.7479L33.171 37.1113L44.0975 32.0818L43.9302 31.7184ZM54.9958 36.7477L44.0977 31.7185L43.9301 32.0817L54.8282 37.1109L54.9958 36.7477ZM55.539 36.7113C55.3761 36.8149 55.1713 36.8287 54.9958 36.7477L54.8282 37.1109C55.1271 37.2488 55.476 37.2255 55.7537 37.0488L55.539 36.7113ZM55.8 36.2373C55.8 36.429 55.7018 36.6078 55.539 36.7113L55.7537 37.0488C56.0315 36.8721 56.2 36.5663 56.2 36.2373H55.8ZM55.8 10.9266V36.2373H56.2V10.9266H55.8ZM51.6677 7.2C53.8895 7.2 55.8 8.81027 55.8 10.9266H56.2C56.2 8.54343 54.0615 6.8 51.6677 6.8V7.2ZM36.3323 7.2H51.6677V6.8H36.3323V7.2Z' fill='url(%23paint0_linear_541_33107)' fill-opacity='0.8'/%3E%3C/g%3E%3Cpath d='M43.0584 13.2468C43.4436 12.4664 44.5564 12.4664 44.9416 13.2468L45.9374 15.2646C46.1341 15.663 46.5142 15.9392 46.9539 16.0031L49.1807 16.3267C50.0419 16.4518 50.3858 17.5102 49.7626 18.1176L48.1513 19.6883C47.8331 19.9984 47.6879 20.4453 47.763 20.8832L48.1434 23.101C48.2905 23.9588 47.3902 24.6129 46.6199 24.2079L44.6282 23.1608C44.2349 22.954 43.7651 22.954 43.3718 23.1608L41.3801 24.2079C40.6098 24.6129 39.7095 23.9588 39.8566 23.101L40.237 20.8832C40.3121 20.4453 40.1669 19.9984 39.8487 19.6883L38.2374 18.1176C37.6142 17.5102 37.9581 16.4518 38.8193 16.3267L41.0461 16.0031C41.4858 15.9392 41.8659 15.663 42.0626 15.2646L43.0584 13.2468Z' fill='url(%23paint1_linear_541_33107)' stroke='url(%23paint2_linear_541_33107)' stroke-width='0.3'/%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33107' x='7.7998' y='-17.2' width='72.4004' height='78.3999' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='12'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33107'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33107' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33107'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33107' x1='44' y1='7' x2='44' y2='37' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_541_33107' x1='42.3405' y1='12.4632' x2='46.73' y2='22.7055' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_541_33107' x1='39.2323' y1='11.6752' x2='55.0286' y2='23.0014' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon.mainGift {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='12.3862' y='16.5615' width='39.252' height='37.0713' rx='3' fill='%233385FF'/%3E%3Cg filter='url(%23filter0_bi_541_33163)'%3E%3Crect x='12.3862' y='16.5615' width='39.252' height='37.0713' rx='3' fill='white' fill-opacity='0.8'/%3E%3C/g%3E%3Cg filter='url(%23filter1_i_541_33163)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.0784 18.3922C35.0785 18.3921 35.0785 18.3921 35.0786 18.392L39.6447 21.0894L39.6447 11.4284L39.6449 11.4283L39.6449 21.0897L35.0784 18.3922ZM32.0126 20.4457L26.0159 23.9881C25.0038 24.586 23.7569 24.586 22.7449 23.9881C21.7328 23.3903 21.1094 22.2854 21.1094 21.0897L21.1094 11.4283C21.1094 10.2326 21.7328 9.12778 22.7449 8.52993C23.7569 7.93208 25.0038 7.93208 26.0159 8.52993L32.0126 12.0724L38.0094 8.52993C39.0214 7.93208 40.2683 7.93208 41.2804 8.52993C42.2924 9.12778 42.9159 10.2326 42.9159 11.4283L42.9159 21.0897C42.9159 22.2854 42.2924 23.3903 41.2804 23.9881C40.2683 24.586 39.0214 24.586 38.0094 23.9881L32.0126 20.4457ZM32.0126 16.5811L32.0128 16.581L32.0126 16.5809L32.0124 16.581L32.0126 16.5811ZM28.9467 18.392C28.9467 18.3921 28.9468 18.3921 28.9468 18.3922L24.3804 21.0897L24.3804 11.4283L24.3805 11.4284L24.3805 21.0894L28.9467 18.392Z' fill='%233385FF'/%3E%3C/g%3E%3Crect x='8.02539' y='16.5615' width='47.9746' height='13.084' rx='3' fill='%233385FF'/%3E%3Cg filter='url(%23filter2_bi_541_33163)'%3E%3Crect x='8.02539' y='16.5615' width='47.9746' height='13.084' rx='3' fill='white' fill-opacity='0.6'/%3E%3Crect x='8.22539' y='16.7615' width='47.5746' height='12.684' rx='2.8' stroke='url(%23paint0_linear_541_33163)' stroke-opacity='0.5' stroke-width='0.4'/%3E%3C/g%3E%3Cg filter='url(%23filter3_i_541_33163)'%3E%3Crect x='27.6509' y='16.5615' width='8.72266' height='37.0713' fill='%233385FF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33163' x='4.38623' y='8.56152' width='55.252' height='53.0713' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='4'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33163'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33163' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33163'/%3E%3C/filter%3E%3Cfilter id='filter1_i_541_33163' x='21.1094' y='8.08154' width='21.8066' height='17.355' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_541_33163'/%3E%3C/filter%3E%3Cfilter id='filter2_bi_541_33163' x='0.0253906' y='8.56152' width='63.9746' height='29.084' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='4'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33163'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33163' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33163'/%3E%3C/filter%3E%3Cfilter id='filter3_i_541_33163' x='27.6509' y='16.5615' width='8.72266' height='38.0713' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_541_33163'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33163' x1='8.02539' y1='23.1035' x2='56' y2='23.1035' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.getsmart-dynamic .icon.mainGift {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='12.3862' y='16.5615' width='39.252' height='37.0713' rx='3' fill='%233385FF'/%3E%3Cg filter='url(%23filter0_bi_541_33163)'%3E%3Crect x='12.3862' y='16.5615' width='39.252' height='37.0713' rx='3' fill='white' fill-opacity='0.8'/%3E%3C/g%3E%3Cg filter='url(%23filter1_i_541_33163)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.0784 18.3922C35.0785 18.3921 35.0785 18.3921 35.0786 18.392L39.6447 21.0894L39.6447 11.4284L39.6449 11.4283L39.6449 21.0897L35.0784 18.3922ZM32.0126 20.4457L26.0159 23.9881C25.0038 24.586 23.7569 24.586 22.7449 23.9881C21.7328 23.3903 21.1094 22.2854 21.1094 21.0897L21.1094 11.4283C21.1094 10.2326 21.7328 9.12778 22.7449 8.52993C23.7569 7.93208 25.0038 7.93208 26.0159 8.52993L32.0126 12.0724L38.0094 8.52993C39.0214 7.93208 40.2683 7.93208 41.2804 8.52993C42.2924 9.12778 42.9159 10.2326 42.9159 11.4283L42.9159 21.0897C42.9159 22.2854 42.2924 23.3903 41.2804 23.9881C40.2683 24.586 39.0214 24.586 38.0094 23.9881L32.0126 20.4457ZM32.0126 16.5811L32.0128 16.581L32.0126 16.5809L32.0124 16.581L32.0126 16.5811ZM28.9467 18.392C28.9467 18.3921 28.9468 18.3921 28.9468 18.3922L24.3804 21.0897L24.3804 11.4283L24.3805 11.4284L24.3805 21.0894L28.9467 18.392Z' fill='%233385FF'/%3E%3C/g%3E%3Crect x='8.02539' y='16.5615' width='47.9746' height='13.084' rx='3' fill='%233385FF'/%3E%3Cg filter='url(%23filter2_bi_541_33163)'%3E%3Crect x='8.02539' y='16.5615' width='47.9746' height='13.084' rx='3' fill='white' fill-opacity='0.6'/%3E%3Crect x='8.22539' y='16.7615' width='47.5746' height='12.684' rx='2.8' stroke='url(%23paint0_linear_541_33163)' stroke-opacity='0.5' stroke-width='0.4'/%3E%3C/g%3E%3Cg filter='url(%23filter3_i_541_33163)'%3E%3Crect x='27.6509' y='16.5615' width='8.72266' height='37.0713' fill='%233385FF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33163' x='4.38623' y='8.56152' width='55.252' height='53.0713' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='4'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33163'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33163' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33163'/%3E%3C/filter%3E%3Cfilter id='filter1_i_541_33163' x='21.1094' y='8.08154' width='21.8066' height='17.355' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_541_33163'/%3E%3C/filter%3E%3Cfilter id='filter2_bi_541_33163' x='0.0253906' y='8.56152' width='63.9746' height='29.084' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='4'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33163'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33163' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33163'/%3E%3C/filter%3E%3Cfilter id='filter3_i_541_33163' x='27.6509' y='16.5615' width='8.72266' height='38.0713' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_541_33163'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33163' x1='8.02539' y1='23.1035' x2='56' y2='23.1035' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon.mainRocket {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M49.2329 32.4146C49.2011 32.2303 49.069 32.0791 48.8905 32.0229C48.7121 31.9667 48.5172 32.0147 48.3854 32.1475L34.447 46.1858C34.3075 46.3262 34.264 46.5357 34.3361 46.72L37.6213 55.1287C37.7684 55.5046 38.0087 55.8368 38.3195 56.0942C38.6304 56.3517 39.0016 56.5258 39.3983 56.6003C39.795 56.6747 40.2042 56.6471 40.5872 56.5199C40.9703 56.3927 41.3147 56.1702 41.5881 55.8732L41.5892 55.8721L50.6315 45.9877C50.8833 45.7263 51.0692 45.4086 51.1739 45.0611C51.2789 44.7122 51.2991 44.3432 51.2326 43.985L49.2329 32.4146Z' fill='%233385FF'/%3E%3Cpath opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M22.651 45.2094C21.8955 45.1238 21.1304 45.2166 20.4173 45.4805L20.4173 45.4805C19.4424 45.8412 18.6089 46.505 18.0391 47.3745C17.4694 48.2439 17.1934 49.2731 17.2518 50.311L17.2518 50.311L17.5642 55.8648C17.5775 56.1024 17.7029 56.3196 17.9019 56.45C18.101 56.5805 18.3501 56.6087 18.5733 56.5261L23.7902 54.5956C24.7651 54.2349 25.5986 53.5711 26.1683 52.7016C26.7381 51.8322 27.014 50.803 26.9557 49.7652C26.913 49.006 26.6927 48.2675 26.3127 47.609C25.9326 46.9504 25.4033 46.3902 24.7674 45.9735C24.1314 45.5567 23.4065 45.295 22.651 45.2094Z' fill='%233385FF'/%3E%3Cpath opacity='0.5' fill-rule='evenodd' clip-rule='evenodd' d='M22.651 45.2094C21.8955 45.1238 21.1304 45.2166 20.4173 45.4805L20.4173 45.4805C19.4424 45.8412 18.6089 46.505 18.0391 47.3745C17.4694 48.2439 17.1934 49.2731 17.2518 50.311L17.2518 50.311L17.5642 55.8648C17.5775 56.1024 17.7029 56.3196 17.9019 56.45C18.101 56.5805 18.3501 56.6087 18.5733 56.5261L23.7902 54.5956C24.7651 54.2349 25.5986 53.5711 26.1683 52.7016C26.7381 51.8322 27.014 50.803 26.9557 49.7652C26.913 49.006 26.6927 48.2675 26.3127 47.609C25.9326 46.9504 25.4033 46.3902 24.7674 45.9735C24.1314 45.5567 23.4065 45.295 22.651 45.2094Z' fill='%233385FF' fill-opacity='0.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.042 19.9394C25.0892 19.7593 25.0324 19.5679 24.8946 19.4427C24.7569 19.3175 24.561 19.2792 24.3862 19.3433L13.5819 23.3045C13.2383 23.4261 12.9288 23.628 12.6792 23.8935C12.4305 24.1579 12.2484 24.4778 12.1479 24.8265L8.10894 37.5996L8.10846 37.6011C7.988 37.9863 7.9675 38.3959 8.04888 38.7912C8.13027 39.1865 8.31087 39.5547 8.5737 39.861C8.83653 40.1673 9.17295 40.4018 9.55133 40.5423C9.9297 40.6828 10.3379 40.7247 10.737 40.6642L19.6614 39.305C19.8587 39.2749 20.0193 39.1304 20.0698 38.9372L25.042 19.9394Z' fill='%233385FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M47.9716 7.00212C47.3904 6.66658 46.7114 6.52239 46.0451 6.60738C42.9969 6.94516 36.0644 8.1928 29.9952 12.7788C23.8598 17.4147 18.7174 25.3818 19.2217 38.899C19.2345 39.2427 19.4231 39.5558 19.721 39.7277L33.7556 47.8306C34.0563 48.0042 34.4255 48.0094 34.7309 47.8444C46.5647 41.4519 50.8746 33.0165 51.8454 25.4077C52.8065 17.8748 50.481 11.2811 49.2784 8.47724C49.0192 7.85591 48.554 7.33841 47.9716 7.00212Z' fill='%233385FF'/%3E%3Cg filter='url(%23filter0_bi_541_33193)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M47.9716 7.00212C47.3904 6.66658 46.7114 6.52239 46.0451 6.60738C42.9969 6.94516 36.0644 8.1928 29.9952 12.7788C23.8598 17.4147 18.7174 25.3818 19.2217 38.899C19.2345 39.2427 19.4231 39.5558 19.721 39.7277L33.7556 47.8306C34.0563 48.0042 34.4255 48.0094 34.7309 47.8444C46.5647 41.4519 50.8746 33.0165 51.8454 25.4077C52.8065 17.8748 50.481 11.2811 49.2784 8.47724C49.0192 7.85591 48.554 7.33841 47.9716 7.00212Z' fill='white' fill-opacity='0.6'/%3E%3C/g%3E%3Cpath d='M35.9315 27.7257C38.2854 29.0848 41.2954 28.2783 42.6545 25.9243C44.0135 23.5703 43.207 20.5603 40.8531 19.2013C38.4991 17.8422 35.4891 18.6487 34.13 21.0027C32.771 23.3567 33.5775 26.3667 35.9315 27.7257Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33193' x='11.1875' y='-1.4165' width='48.8848' height='57.3811' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='4'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33193'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33193' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33193'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}


.getsmart-dynamic .icon.mainRocket {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M49.2329 32.4146C49.2011 32.2303 49.069 32.0791 48.8905 32.0229C48.7121 31.9667 48.5172 32.0147 48.3854 32.1475L34.447 46.1858C34.3075 46.3262 34.264 46.5357 34.3361 46.72L37.6213 55.1287C37.7684 55.5046 38.0087 55.8368 38.3195 56.0942C38.6304 56.3517 39.0016 56.5258 39.3983 56.6003C39.795 56.6747 40.2042 56.6471 40.5872 56.5199C40.9703 56.3927 41.3147 56.1702 41.5881 55.8732L41.5892 55.8721L50.6315 45.9877C50.8833 45.7263 51.0692 45.4086 51.1739 45.0611C51.2789 44.7122 51.2991 44.3432 51.2326 43.985L49.2329 32.4146Z' fill='%233385FF'/%3E%3Cpath opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M22.651 45.2094C21.8955 45.1238 21.1304 45.2166 20.4173 45.4805L20.4173 45.4805C19.4424 45.8412 18.6089 46.505 18.0391 47.3745C17.4694 48.2439 17.1934 49.2731 17.2518 50.311L17.2518 50.311L17.5642 55.8648C17.5775 56.1024 17.7029 56.3196 17.9019 56.45C18.101 56.5805 18.3501 56.6087 18.5733 56.5261L23.7902 54.5956C24.7651 54.2349 25.5986 53.5711 26.1683 52.7016C26.7381 51.8322 27.014 50.803 26.9557 49.7652C26.913 49.006 26.6927 48.2675 26.3127 47.609C25.9326 46.9504 25.4033 46.3902 24.7674 45.9735C24.1314 45.5567 23.4065 45.295 22.651 45.2094Z' fill='%233385FF'/%3E%3Cpath opacity='0.5' fill-rule='evenodd' clip-rule='evenodd' d='M22.651 45.2094C21.8955 45.1238 21.1304 45.2166 20.4173 45.4805L20.4173 45.4805C19.4424 45.8412 18.6089 46.505 18.0391 47.3745C17.4694 48.2439 17.1934 49.2731 17.2518 50.311L17.2518 50.311L17.5642 55.8648C17.5775 56.1024 17.7029 56.3196 17.9019 56.45C18.101 56.5805 18.3501 56.6087 18.5733 56.5261L23.7902 54.5956C24.7651 54.2349 25.5986 53.5711 26.1683 52.7016C26.7381 51.8322 27.014 50.803 26.9557 49.7652C26.913 49.006 26.6927 48.2675 26.3127 47.609C25.9326 46.9504 25.4033 46.3902 24.7674 45.9735C24.1314 45.5567 23.4065 45.295 22.651 45.2094Z' fill='%233385FF' fill-opacity='0.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.042 19.9394C25.0892 19.7593 25.0324 19.5679 24.8946 19.4427C24.7569 19.3175 24.561 19.2792 24.3862 19.3433L13.5819 23.3045C13.2383 23.4261 12.9288 23.628 12.6792 23.8935C12.4305 24.1579 12.2484 24.4778 12.1479 24.8265L8.10894 37.5996L8.10846 37.6011C7.988 37.9863 7.9675 38.3959 8.04888 38.7912C8.13027 39.1865 8.31087 39.5547 8.5737 39.861C8.83653 40.1673 9.17295 40.4018 9.55133 40.5423C9.9297 40.6828 10.3379 40.7247 10.737 40.6642L19.6614 39.305C19.8587 39.2749 20.0193 39.1304 20.0698 38.9372L25.042 19.9394Z' fill='%233385FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M47.9716 7.00212C47.3904 6.66658 46.7114 6.52239 46.0451 6.60738C42.9969 6.94516 36.0644 8.1928 29.9952 12.7788C23.8598 17.4147 18.7174 25.3818 19.2217 38.899C19.2345 39.2427 19.4231 39.5558 19.721 39.7277L33.7556 47.8306C34.0563 48.0042 34.4255 48.0094 34.7309 47.8444C46.5647 41.4519 50.8746 33.0165 51.8454 25.4077C52.8065 17.8748 50.481 11.2811 49.2784 8.47724C49.0192 7.85591 48.554 7.33841 47.9716 7.00212Z' fill='%233385FF'/%3E%3Cg filter='url(%23filter0_bi_541_33193)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M47.9716 7.00212C47.3904 6.66658 46.7114 6.52239 46.0451 6.60738C42.9969 6.94516 36.0644 8.1928 29.9952 12.7788C23.8598 17.4147 18.7174 25.3818 19.2217 38.899C19.2345 39.2427 19.4231 39.5558 19.721 39.7277L33.7556 47.8306C34.0563 48.0042 34.4255 48.0094 34.7309 47.8444C46.5647 41.4519 50.8746 33.0165 51.8454 25.4077C52.8065 17.8748 50.481 11.2811 49.2784 8.47724C49.0192 7.85591 48.554 7.33841 47.9716 7.00212Z' fill='white' fill-opacity='0.6'/%3E%3C/g%3E%3Cpath d='M35.9315 27.7257C38.2854 29.0848 41.2954 28.2783 42.6545 25.9243C44.0135 23.5703 43.207 20.5603 40.8531 19.2013C38.4991 17.8422 35.4891 18.6487 34.13 21.0027C32.771 23.3567 33.5775 26.3667 35.9315 27.7257Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33193' x='11.1875' y='-1.4165' width='48.8848' height='57.3811' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='4'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33193'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33193' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33193'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon.mainBest {
  background-image: url("data:image/svg+xml,%3Csvg width='65' height='64' viewBox='0 0 65 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.4926 7C21.0003 7 20.1539 8.7091 21.0582 9.89608L27.8679 18.8338L24.6647 23.0379C23.7603 24.2249 24.6068 25.934 26.0991 25.934H32.3845C32.7019 25.934 33.009 25.8505 33.2776 25.6973C33.5463 25.8505 33.8533 25.934 34.1707 25.934H40.4562C41.9484 25.934 42.7949 24.2249 41.8905 23.0379L38.6873 18.8338L45.497 9.89608C46.4014 8.7091 45.5549 7 44.0626 7H37.7772C37.2144 7 36.6839 7.26275 36.3428 7.7104L33.2776 11.7335L30.2124 7.7104C29.8713 7.26275 29.3408 7 28.778 7H22.4926Z' fill='%233385FF'/%3E%3Crect x='12.7778' y='15.3521' width='41' height='41' rx='20.5' fill='%233385FF'/%3E%3Cg filter='url(%23filter0_bi_541_33242)'%3E%3Crect x='12.7778' y='15.3521' width='41' height='41' rx='20.5' fill='white' fill-opacity='0.6'/%3E%3Crect x='12.7778' y='15.3521' width='41' height='41' rx='20.5' stroke='url(%23paint0_linear_541_33242)' stroke-width='0.4'/%3E%3C/g%3E%3Cpath d='M32.3363 28.2468C32.7214 27.4664 33.8343 27.4664 34.2194 28.2468L35.803 31.4556C35.9997 31.854 36.3798 32.1302 36.8195 32.1941L40.3606 32.7086C41.2219 32.8338 41.5657 33.8921 40.9426 34.4996L38.3802 36.9973C38.062 37.3075 37.9168 37.7543 37.9919 38.1922L38.5968 41.7191C38.7439 42.5768 37.8436 43.2309 37.0733 42.8259L33.906 41.1608C33.5128 40.954 33.0429 40.954 32.6496 41.1608L29.4823 42.8259C28.712 43.2309 27.8117 42.5768 27.9588 41.7191L28.5637 38.1922C28.6389 37.7543 28.4937 37.3075 28.1755 36.9973L25.6131 34.4996C24.9899 33.8921 25.3338 32.8338 26.195 32.7086L29.7362 32.1941C30.1759 32.1302 30.556 31.854 30.7526 31.4556L32.3363 28.2468Z' fill='url(%23paint1_linear_541_33242)' stroke='url(%23paint2_linear_541_33242)' stroke-width='0.3'/%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33242' x='-3.42236' y='-0.8479' width='73.4004' height='73.3999' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='8'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33242'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33242' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33242'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33242' x1='33.2778' y1='15.3521' x2='33.2778' y2='56.3521' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_541_33242' x1='31.2034' y1='27.829' x2='36.6904' y2='40.6318' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_541_33242' x1='27.3182' y1='26.844' x2='47.0636' y2='41.0017' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}


.getsmart-dynamic .icon.mainBest {
  background-image: url("data:image/svg+xml,%3Csvg width='65' height='64' viewBox='0 0 65 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.4926 7C21.0003 7 20.1539 8.7091 21.0582 9.89608L27.8679 18.8338L24.6647 23.0379C23.7603 24.2249 24.6068 25.934 26.0991 25.934H32.3845C32.7019 25.934 33.009 25.8505 33.2776 25.6973C33.5463 25.8505 33.8533 25.934 34.1707 25.934H40.4562C41.9484 25.934 42.7949 24.2249 41.8905 23.0379L38.6873 18.8338L45.497 9.89608C46.4014 8.7091 45.5549 7 44.0626 7H37.7772C37.2144 7 36.6839 7.26275 36.3428 7.7104L33.2776 11.7335L30.2124 7.7104C29.8713 7.26275 29.3408 7 28.778 7H22.4926Z' fill='%233385FF'/%3E%3Crect x='12.7778' y='15.3521' width='41' height='41' rx='20.5' fill='%233385FF'/%3E%3Cg filter='url(%23filter0_bi_541_33242)'%3E%3Crect x='12.7778' y='15.3521' width='41' height='41' rx='20.5' fill='white' fill-opacity='0.6'/%3E%3Crect x='12.7778' y='15.3521' width='41' height='41' rx='20.5' stroke='url(%23paint0_linear_541_33242)' stroke-width='0.4'/%3E%3C/g%3E%3Cpath d='M32.3363 28.2468C32.7214 27.4664 33.8343 27.4664 34.2194 28.2468L35.803 31.4556C35.9997 31.854 36.3798 32.1302 36.8195 32.1941L40.3606 32.7086C41.2219 32.8338 41.5657 33.8921 40.9426 34.4996L38.3802 36.9973C38.062 37.3075 37.9168 37.7543 37.9919 38.1922L38.5968 41.7191C38.7439 42.5768 37.8436 43.2309 37.0733 42.8259L33.906 41.1608C33.5128 40.954 33.0429 40.954 32.6496 41.1608L29.4823 42.8259C28.712 43.2309 27.8117 42.5768 27.9588 41.7191L28.5637 38.1922C28.6389 37.7543 28.4937 37.3075 28.1755 36.9973L25.6131 34.4996C24.9899 33.8921 25.3338 32.8338 26.195 32.7086L29.7362 32.1941C30.1759 32.1302 30.556 31.854 30.7526 31.4556L32.3363 28.2468Z' fill='url(%23paint1_linear_541_33242)' stroke='url(%23paint2_linear_541_33242)' stroke-width='0.3'/%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33242' x='-3.42236' y='-0.8479' width='73.4004' height='73.3999' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='8'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33242'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33242' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33242'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33242' x1='33.2778' y1='15.3521' x2='33.2778' y2='56.3521' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_541_33242' x1='31.2034' y1='27.829' x2='36.6904' y2='40.6318' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_541_33242' x1='27.3182' y1='26.844' x2='47.0636' y2='41.0017' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon.mainPerson {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M47.552 22C47.552 27.5228 43.0748 32 37.552 32C32.0291 32 27.552 27.5228 27.552 22C27.552 16.4772 32.0291 12 37.552 12C43.0748 12 47.552 16.4772 47.552 22ZM44.0041 34.2045H31.0998C24.9754 34.2045 20 39.1799 20 45.3077C20 48.9306 22.9432 51.8738 26.5695 51.8738H48.5345C52.1608 51.8738 55.104 48.9306 55.104 45.3043C55.104 39.1799 50.132 34.2045 44.0041 34.2045Z' fill='%233385FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.5518 22C36.5518 27.5228 32.0746 32 26.5518 32C21.0289 32 16.5518 27.5228 16.5518 22C16.5518 16.4772 21.0289 12 26.5518 12C32.0746 12 36.5518 16.4772 36.5518 22ZM33.0041 34.2045H20.0998C13.9754 34.2045 9 39.1799 9 45.3077C9 48.9306 11.9432 51.8738 15.5695 51.8738H37.5345C41.1608 51.8738 44.104 48.9306 44.104 45.3043C44.104 39.1799 39.132 34.2045 33.0041 34.2045Z' fill='%233385FF'/%3E%3Cg filter='url(%23filter0_bi_541_33262)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.5518 22C36.5518 27.5228 32.0746 32 26.5518 32C21.0289 32 16.5518 27.5228 16.5518 22C16.5518 16.4772 21.0289 12 26.5518 12C32.0746 12 36.5518 16.4772 36.5518 22ZM33.0041 34.2045H20.0998C13.9754 34.2045 9 39.1799 9 45.3077C9 48.9306 11.9432 51.8738 15.5695 51.8738H37.5345C41.1608 51.8738 44.104 48.9306 44.104 45.3043C44.104 39.1799 39.132 34.2045 33.0041 34.2045Z' fill='white' fill-opacity='0.6'/%3E%3Cpath d='M26.5518 32.2C32.1851 32.2 36.7518 27.6333 36.7518 22H36.3518C36.3518 27.4124 31.9641 31.8 26.5518 31.8V32.2ZM16.3518 22C16.3518 27.6333 20.9185 32.2 26.5518 32.2V31.8C21.1394 31.8 16.7518 27.4124 16.7518 22H16.3518ZM26.5518 11.8C20.9185 11.8 16.3518 16.3667 16.3518 22H16.7518C16.7518 16.5876 21.1394 12.2 26.5518 12.2V11.8ZM36.7518 22C36.7518 16.3667 32.1851 11.8 26.5518 11.8V12.2C31.9641 12.2 36.3518 16.5876 36.3518 22H36.7518ZM20.0998 34.4045H33.0041V34.0045H20.0998V34.4045ZM9.2 45.3077C9.2 39.2903 14.0859 34.4045 20.0998 34.4045V34.0045C13.8649 34.0045 8.8 39.0695 8.8 45.3077H9.2ZM15.5695 51.6738C12.0535 51.6738 9.2 48.8201 9.2 45.3077H8.8C8.8 49.0411 11.8328 52.0738 15.5695 52.0738V51.6738ZM37.5345 51.6738H15.5695V52.0738H37.5345V51.6738ZM43.904 45.3043C43.904 48.8201 41.0503 51.6738 37.5345 51.6738V52.0738C41.2713 52.0738 44.304 49.0411 44.304 45.3043H43.904ZM33.0041 34.4045C39.0215 34.4045 43.904 39.2903 43.904 45.3043H44.304C44.304 39.0695 39.2425 34.0045 33.0041 34.0045V34.4045Z' fill='url(%23paint0_linear_541_33262)' fill-opacity='0.8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33262' x='-15.2002' y='-12.2' width='83.5039' height='88.2737' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='12'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33262'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33262' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33262'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33262' x1='44.104' y1='24.3178' x2='9' y2='45.289' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}


.getsmart-dynamic .icon.mainPerson {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M47.552 22C47.552 27.5228 43.0748 32 37.552 32C32.0291 32 27.552 27.5228 27.552 22C27.552 16.4772 32.0291 12 37.552 12C43.0748 12 47.552 16.4772 47.552 22ZM44.0041 34.2045H31.0998C24.9754 34.2045 20 39.1799 20 45.3077C20 48.9306 22.9432 51.8738 26.5695 51.8738H48.5345C52.1608 51.8738 55.104 48.9306 55.104 45.3043C55.104 39.1799 50.132 34.2045 44.0041 34.2045Z' fill='%233385FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.5518 22C36.5518 27.5228 32.0746 32 26.5518 32C21.0289 32 16.5518 27.5228 16.5518 22C16.5518 16.4772 21.0289 12 26.5518 12C32.0746 12 36.5518 16.4772 36.5518 22ZM33.0041 34.2045H20.0998C13.9754 34.2045 9 39.1799 9 45.3077C9 48.9306 11.9432 51.8738 15.5695 51.8738H37.5345C41.1608 51.8738 44.104 48.9306 44.104 45.3043C44.104 39.1799 39.132 34.2045 33.0041 34.2045Z' fill='%233385FF'/%3E%3Cg filter='url(%23filter0_bi_541_33262)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.5518 22C36.5518 27.5228 32.0746 32 26.5518 32C21.0289 32 16.5518 27.5228 16.5518 22C16.5518 16.4772 21.0289 12 26.5518 12C32.0746 12 36.5518 16.4772 36.5518 22ZM33.0041 34.2045H20.0998C13.9754 34.2045 9 39.1799 9 45.3077C9 48.9306 11.9432 51.8738 15.5695 51.8738H37.5345C41.1608 51.8738 44.104 48.9306 44.104 45.3043C44.104 39.1799 39.132 34.2045 33.0041 34.2045Z' fill='white' fill-opacity='0.6'/%3E%3Cpath d='M26.5518 32.2C32.1851 32.2 36.7518 27.6333 36.7518 22H36.3518C36.3518 27.4124 31.9641 31.8 26.5518 31.8V32.2ZM16.3518 22C16.3518 27.6333 20.9185 32.2 26.5518 32.2V31.8C21.1394 31.8 16.7518 27.4124 16.7518 22H16.3518ZM26.5518 11.8C20.9185 11.8 16.3518 16.3667 16.3518 22H16.7518C16.7518 16.5876 21.1394 12.2 26.5518 12.2V11.8ZM36.7518 22C36.7518 16.3667 32.1851 11.8 26.5518 11.8V12.2C31.9641 12.2 36.3518 16.5876 36.3518 22H36.7518ZM20.0998 34.4045H33.0041V34.0045H20.0998V34.4045ZM9.2 45.3077C9.2 39.2903 14.0859 34.4045 20.0998 34.4045V34.0045C13.8649 34.0045 8.8 39.0695 8.8 45.3077H9.2ZM15.5695 51.6738C12.0535 51.6738 9.2 48.8201 9.2 45.3077H8.8C8.8 49.0411 11.8328 52.0738 15.5695 52.0738V51.6738ZM37.5345 51.6738H15.5695V52.0738H37.5345V51.6738ZM43.904 45.3043C43.904 48.8201 41.0503 51.6738 37.5345 51.6738V52.0738C41.2713 52.0738 44.304 49.0411 44.304 45.3043H43.904ZM33.0041 34.4045C39.0215 34.4045 43.904 39.2903 43.904 45.3043H44.304C44.304 39.0695 39.2425 34.0045 33.0041 34.0045V34.4045Z' fill='url(%23paint0_linear_541_33262)' fill-opacity='0.8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33262' x='-15.2002' y='-12.2' width='83.5039' height='88.2737' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='12'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33262'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33262' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33262'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33262' x1='44.104' y1='24.3178' x2='9' y2='45.289' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon.mainWriting {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_bi_541_33289)'%3E%3Crect x='20.5664' y='14.6362' width='33.3681' height='33.3681' rx='8' transform='rotate(-15 20.5664 14.6362)' fill='%233385FF'/%3E%3Crect x='20.5664' y='14.6362' width='33.3681' height='33.3681' rx='8' transform='rotate(-15 20.5664 14.6362)' stroke='url(%23paint0_linear_541_33289)' stroke-width='0.6'/%3E%3C/g%3E%3Crect x='7' y='14.613' width='40' height='40' rx='8' fill='%233385FF'/%3E%3Cg filter='url(%23filter1_bi_541_33289)'%3E%3Crect x='7' y='14.613' width='40' height='40' rx='8' fill='white' fill-opacity='0.6'/%3E%3Crect x='7' y='14.613' width='40' height='40' rx='8' stroke='url(%23paint1_linear_541_33289)' stroke-width='0.6'/%3E%3C/g%3E%3Cpath d='M24.6666 42.613H20.7084C20.5205 42.613 20.3403 42.5384 20.2075 42.4055C20.0746 42.2727 20 42.0925 20 41.9046V37.9464C19.9997 37.8544 20.0175 37.7633 20.0525 37.6782C20.0874 37.5931 20.1388 37.5157 20.2037 37.4505L30.8298 26.8244C30.8957 26.7574 30.9743 26.7043 31.0609 26.668C31.1476 26.6317 31.2406 26.613 31.3345 26.613C31.4285 26.613 31.5215 26.6317 31.6081 26.668C31.6948 26.7043 31.7734 26.7574 31.8393 26.8244L35.7887 30.7738C35.8556 30.8397 35.9088 30.9182 35.945 31.0049C35.9813 31.0915 36 31.1846 36 31.2785C36 31.3724 35.9813 31.4654 35.945 31.5521C35.9088 31.6387 35.8556 31.7173 35.7887 31.7832L25.1625 42.4094C25.0973 42.4742 25.02 42.5256 24.9349 42.5606C24.8498 42.5955 24.7586 42.6134 24.6666 42.613Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33289' x='14.0625' y='-0.50415' width='53.8755' height='53.8757' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='4'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33289'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33289' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33289'/%3E%3C/filter%3E%3Cfilter id='filter1_bi_541_33289' x='-9.2998' y='-1.68677' width='72.5996' height='72.5999' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='8'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33289'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33289' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33289'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33289' x1='37.2504' y1='14.6362' x2='37.2504' y2='48.0043' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_541_33289' x1='27' y1='14.613' x2='27' y2='54.613' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.getsmart-dynamic .icon.mainWriting {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_bi_541_33289)'%3E%3Crect x='20.5664' y='14.6362' width='33.3681' height='33.3681' rx='8' transform='rotate(-15 20.5664 14.6362)' fill='%233385FF'/%3E%3Crect x='20.5664' y='14.6362' width='33.3681' height='33.3681' rx='8' transform='rotate(-15 20.5664 14.6362)' stroke='url(%23paint0_linear_541_33289)' stroke-width='0.6'/%3E%3C/g%3E%3Crect x='7' y='14.613' width='40' height='40' rx='8' fill='%233385FF'/%3E%3Cg filter='url(%23filter1_bi_541_33289)'%3E%3Crect x='7' y='14.613' width='40' height='40' rx='8' fill='white' fill-opacity='0.6'/%3E%3Crect x='7' y='14.613' width='40' height='40' rx='8' stroke='url(%23paint1_linear_541_33289)' stroke-width='0.6'/%3E%3C/g%3E%3Cpath d='M24.6666 42.613H20.7084C20.5205 42.613 20.3403 42.5384 20.2075 42.4055C20.0746 42.2727 20 42.0925 20 41.9046V37.9464C19.9997 37.8544 20.0175 37.7633 20.0525 37.6782C20.0874 37.5931 20.1388 37.5157 20.2037 37.4505L30.8298 26.8244C30.8957 26.7574 30.9743 26.7043 31.0609 26.668C31.1476 26.6317 31.2406 26.613 31.3345 26.613C31.4285 26.613 31.5215 26.6317 31.6081 26.668C31.6948 26.7043 31.7734 26.7574 31.8393 26.8244L35.7887 30.7738C35.8556 30.8397 35.9088 30.9182 35.945 31.0049C35.9813 31.0915 36 31.1846 36 31.2785C36 31.3724 35.9813 31.4654 35.945 31.5521C35.9088 31.6387 35.8556 31.7173 35.7887 31.7832L25.1625 42.4094C25.0973 42.4742 25.02 42.5256 24.9349 42.5606C24.8498 42.5955 24.7586 42.6134 24.6666 42.613Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_bi_541_33289' x='14.0625' y='-0.50415' width='53.8755' height='53.8757' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='4'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33289'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33289' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33289'/%3E%3C/filter%3E%3Cfilter id='filter1_bi_541_33289' x='-9.2998' y='-1.68677' width='72.5996' height='72.5999' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='8'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_33289'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_33289' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_541_33289'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_541_33289' x1='37.2504' y1='14.6362' x2='37.2504' y2='48.0043' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_541_33289' x1='27' y1='14.613' x2='27' y2='54.613' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.icon.deskTop {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 11.3333L6 13.3333L5.33333 14H10.6667L10 13.3333L9.5 11.3333M2 8.66667H14M3.33333 11.3333H12.6667C13.403 11.3333 14 10.7364 14 10V3.33333C14 2.59695 13.403 2 12.6667 2H3.33333C2.59695 2 2 2.59695 2 3.33333V10C2 10.7364 2.59695 11.3333 3.33333 11.3333Z' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;

}

.getsmart-dynamic .icon.deskTop {
  background-image: url("/renewal/assets/style/css/dynamic/svg/desktop.svg");
}

.icon.qnaIcon {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.9971 19C34.2548 18.9998 36.4737 19.5877 38.4352 20.7056C40.3967 21.8236 42.0333 23.4331 43.1837 25.3758C44.3342 27.3184 44.9589 29.5272 44.9963 31.7846C45.0337 34.042 44.4825 36.2703 43.3971 38.25L44.4596 42C44.5587 42.3417 44.5642 42.7038 44.4757 43.0484C44.3871 43.393 44.2077 43.7075 43.9561 43.9591C43.7045 44.2106 43.39 44.3901 43.0454 44.4786C42.7008 44.5672 42.3388 44.5616 41.9971 44.4625L38.2471 43.4C36.5092 44.3525 34.5766 44.8951 32.5969 44.9862C30.6172 45.0774 28.6429 44.7148 26.8249 43.926C25.0068 43.1373 23.3932 41.9433 22.1073 40.4354C20.8213 38.9275 19.8972 37.1456 19.4054 35.2258C18.9137 33.306 18.8674 31.2992 19.27 29.3588C19.6726 27.4183 20.5136 25.5956 21.7286 24.03C22.9435 22.4643 24.5004 21.1972 26.2801 20.3254C28.0598 19.4536 30.0153 19.0003 31.9971 19Z' fill='%233385FF' fill-opacity='0.2'/%3E%3Cpath d='M19.9994 3H19.9993C17.0469 2.99978 14.1453 3.76848 11.5802 5.23042C9.01516 6.69236 6.87506 8.79714 5.37062 11.3375C3.86619 13.8779 3.0493 16.7663 3.00038 19.7183C2.95318 22.5669 3.62265 25.38 4.94503 27.8998L3.70085 32.2911C3.70062 32.2919 3.70039 32.2927 3.70016 32.2934C3.53952 32.8488 3.53069 33.4371 3.67459 33.9971C3.81871 34.5579 4.11071 35.0697 4.52013 35.4791C4.92955 35.8886 5.44137 36.1806 6.00215 36.3247C6.56214 36.4686 7.15045 36.4598 7.70584 36.2991C7.70663 36.2989 7.70742 36.2987 7.70822 36.2984L12.0996 35.0542C14.3007 36.209 16.7295 36.8675 19.215 36.982C21.8038 37.1012 24.3855 36.627 26.763 35.5956C29.1404 34.5641 31.2506 33.0028 32.9322 31.0309C34.6138 29.0591 35.8223 26.7288 36.4654 24.2183C37.1084 21.7078 37.169 19.0835 36.6425 16.5461C36.1159 14.0086 35.0162 11.625 33.4274 9.57767C31.8386 7.5303 29.8027 5.87327 27.4754 4.73324C25.1481 3.59321 22.5909 3.00036 19.9994 3Z' fill='white' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M20.0003 3.75C17.1781 3.74979 14.4045 4.48457 11.9526 5.88202C9.50068 7.27947 7.45499 9.29139 6.01693 11.7197C4.57886 14.148 3.79801 16.909 3.75125 19.7308C3.7045 22.5526 4.39344 25.3379 5.75026 27.8125L4.42213 32.4844C4.29722 32.9143 4.28929 33.3697 4.39916 33.8037C4.50903 34.2377 4.73271 34.6345 5.04713 34.9531C5.36153 35.269 5.75559 35.4939 6.18749 35.604C6.61939 35.714 7.07302 35.7051 7.50026 35.5781L12.1878 34.25C14.3601 35.4406 16.7759 36.1188 19.2504 36.2328C21.725 36.3468 24.1929 35.8935 26.4655 34.9075C28.738 33.9216 30.7551 32.4292 32.3625 30.5443C33.9699 28.6594 35.1251 26.432 35.7398 24.0322C36.3545 21.6325 36.4124 19.124 35.9091 16.6984C35.4058 14.2729 34.3546 11.9945 32.8359 10.0375C31.3171 8.08043 29.3711 6.49651 27.1464 5.40677C24.9218 4.31704 22.4775 3.75034 20.0003 3.75ZM12.5003 21.875C12.1294 21.875 11.7669 21.765 11.4586 21.559C11.1502 21.353 10.9099 21.0601 10.768 20.7175C10.6261 20.3749 10.5889 19.9979 10.6613 19.6342C10.7336 19.2705 10.9122 18.9364 11.1744 18.6742C11.4367 18.412 11.7707 18.2334 12.1345 18.161C12.4982 18.0887 12.8752 18.1258 13.2178 18.2677C13.5604 18.4096 13.8532 18.65 14.0593 18.9583C14.2653 19.2666 14.3753 19.6292 14.3753 20C14.3753 20.4973 14.1777 20.9742 13.8261 21.3258C13.4745 21.6775 12.9975 21.875 12.5003 21.875ZM20.0003 21.875C19.6294 21.875 19.2669 21.765 18.9586 21.559C18.6502 21.353 18.4099 21.0601 18.268 20.7175C18.1261 20.3749 18.0889 19.9979 18.1613 19.6342C18.2336 19.2705 18.4122 18.9364 18.6744 18.6742C18.9367 18.412 19.2707 18.2334 19.6345 18.161C19.9982 18.0887 20.3752 18.1258 20.7178 18.2677C21.0604 18.4096 21.3532 18.65 21.5593 18.9583C21.7653 19.2666 21.8753 19.6292 21.8753 20C21.8753 20.4973 21.6777 20.9742 21.3261 21.3258C20.9744 21.6775 20.4975 21.875 20.0003 21.875ZM27.5003 21.875C27.1294 21.875 26.7669 21.765 26.4586 21.559C26.1502 21.353 25.9099 21.0601 25.768 20.7175C25.6261 20.3749 25.5889 19.9979 25.6613 19.6342C25.7336 19.2705 25.9122 18.9364 26.1744 18.6742C26.4367 18.412 26.7707 18.2334 27.1345 18.161C27.4982 18.0887 27.8752 18.1258 28.2178 18.2677C28.5604 18.4096 28.8532 18.65 29.0593 18.9583C29.2653 19.2666 29.3753 19.6292 29.3753 20C29.3753 20.4973 29.1777 20.9742 28.8261 21.3258C28.4744 21.6775 27.9975 21.875 27.5003 21.875Z' fill='%233385FF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}


.getsmart-dynamic .icon.qnaIcon {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.9971 19C34.2548 18.9998 36.4737 19.5877 38.4352 20.7056C40.3967 21.8236 42.0333 23.4331 43.1837 25.3758C44.3342 27.3184 44.9589 29.5272 44.9963 31.7846C45.0337 34.042 44.4825 36.2703 43.3971 38.25L44.4596 42C44.5587 42.3417 44.5642 42.7038 44.4757 43.0484C44.3871 43.393 44.2077 43.7075 43.9561 43.9591C43.7045 44.2106 43.39 44.3901 43.0454 44.4786C42.7008 44.5672 42.3388 44.5616 41.9971 44.4625L38.2471 43.4C36.5092 44.3525 34.5766 44.8951 32.5969 44.9862C30.6172 45.0774 28.6429 44.7148 26.8249 43.926C25.0068 43.1373 23.3932 41.9433 22.1073 40.4354C20.8213 38.9275 19.8972 37.1456 19.4054 35.2258C18.9137 33.306 18.8674 31.2992 19.27 29.3588C19.6726 27.4183 20.5136 25.5956 21.7286 24.03C22.9435 22.4643 24.5004 21.1972 26.2801 20.3254C28.0598 19.4536 30.0153 19.0003 31.9971 19Z' fill='%233385FF' fill-opacity='0.2'/%3E%3Cpath d='M19.9994 3H19.9993C17.0469 2.99978 14.1453 3.76848 11.5802 5.23042C9.01516 6.69236 6.87506 8.79714 5.37062 11.3375C3.86619 13.8779 3.0493 16.7663 3.00038 19.7183C2.95318 22.5669 3.62265 25.38 4.94503 27.8998L3.70085 32.2911C3.70062 32.2919 3.70039 32.2927 3.70016 32.2934C3.53952 32.8488 3.53069 33.4371 3.67459 33.9971C3.81871 34.5579 4.11071 35.0697 4.52013 35.4791C4.92955 35.8886 5.44137 36.1806 6.00215 36.3247C6.56214 36.4686 7.15045 36.4598 7.70584 36.2991C7.70663 36.2989 7.70742 36.2987 7.70822 36.2984L12.0996 35.0542C14.3007 36.209 16.7295 36.8675 19.215 36.982C21.8038 37.1012 24.3855 36.627 26.763 35.5956C29.1404 34.5641 31.2506 33.0028 32.9322 31.0309C34.6138 29.0591 35.8223 26.7288 36.4654 24.2183C37.1084 21.7078 37.169 19.0835 36.6425 16.5461C36.1159 14.0086 35.0162 11.625 33.4274 9.57767C31.8386 7.5303 29.8027 5.87327 27.4754 4.73324C25.1481 3.59321 22.5909 3.00036 19.9994 3Z' fill='white' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M20.0003 3.75C17.1781 3.74979 14.4045 4.48457 11.9526 5.88202C9.50068 7.27947 7.45499 9.29139 6.01693 11.7197C4.57886 14.148 3.79801 16.909 3.75125 19.7308C3.7045 22.5526 4.39344 25.3379 5.75026 27.8125L4.42213 32.4844C4.29722 32.9143 4.28929 33.3697 4.39916 33.8037C4.50903 34.2377 4.73271 34.6345 5.04713 34.9531C5.36153 35.269 5.75559 35.4939 6.18749 35.604C6.61939 35.714 7.07302 35.7051 7.50026 35.5781L12.1878 34.25C14.3601 35.4406 16.7759 36.1188 19.2504 36.2328C21.725 36.3468 24.1929 35.8935 26.4655 34.9075C28.738 33.9216 30.7551 32.4292 32.3625 30.5443C33.9699 28.6594 35.1251 26.432 35.7398 24.0322C36.3545 21.6325 36.4124 19.124 35.9091 16.6984C35.4058 14.2729 34.3546 11.9945 32.8359 10.0375C31.3171 8.08043 29.3711 6.49651 27.1464 5.40677C24.9218 4.31704 22.4775 3.75034 20.0003 3.75ZM12.5003 21.875C12.1294 21.875 11.7669 21.765 11.4586 21.559C11.1502 21.353 10.9099 21.0601 10.768 20.7175C10.6261 20.3749 10.5889 19.9979 10.6613 19.6342C10.7336 19.2705 10.9122 18.9364 11.1744 18.6742C11.4367 18.412 11.7707 18.2334 12.1345 18.161C12.4982 18.0887 12.8752 18.1258 13.2178 18.2677C13.5604 18.4096 13.8532 18.65 14.0593 18.9583C14.2653 19.2666 14.3753 19.6292 14.3753 20C14.3753 20.4973 14.1777 20.9742 13.8261 21.3258C13.4745 21.6775 12.9975 21.875 12.5003 21.875ZM20.0003 21.875C19.6294 21.875 19.2669 21.765 18.9586 21.559C18.6502 21.353 18.4099 21.0601 18.268 20.7175C18.1261 20.3749 18.0889 19.9979 18.1613 19.6342C18.2336 19.2705 18.4122 18.9364 18.6744 18.6742C18.9367 18.412 19.2707 18.2334 19.6345 18.161C19.9982 18.0887 20.3752 18.1258 20.7178 18.2677C21.0604 18.4096 21.3532 18.65 21.5593 18.9583C21.7653 19.2666 21.8753 19.6292 21.8753 20C21.8753 20.4973 21.6777 20.9742 21.3261 21.3258C20.9744 21.6775 20.4975 21.875 20.0003 21.875ZM27.5003 21.875C27.1294 21.875 26.7669 21.765 26.4586 21.559C26.1502 21.353 25.9099 21.0601 25.768 20.7175C25.6261 20.3749 25.5889 19.9979 25.6613 19.6342C25.7336 19.2705 25.9122 18.9364 26.1744 18.6742C26.4367 18.412 26.7707 18.2334 27.1345 18.161C27.4982 18.0887 27.8752 18.1258 28.2178 18.2677C28.5604 18.4096 28.8532 18.65 29.0593 18.9583C29.2653 19.2666 29.3753 19.6292 29.3753 20C29.3753 20.4973 29.1777 20.9742 28.8261 21.3258C28.4744 21.6775 27.9975 21.875 27.5003 21.875Z' fill='%233385FF'/%3E%3C/svg%3E%0A");
}

.icon.customColrArrow {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}


.getsmart-dynamic .icon.customColrArrow {
  /*background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");*/
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon.round-new {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18ZM7.23167 5.47007C6.77808 5.00501 5.95 5.31528 5.95 6V12L5.95685 12.1018C6.00651 12.4678 6.3203 12.75 6.7 12.75L6.80177 12.7432C7.16785 12.6935 7.45 12.3797 7.45 12L7.449 8.25L10.6 12.45L10.6683 12.5299C11.1219 12.995 11.95 12.6847 11.95 12V6L11.9432 5.89823C11.8935 5.53215 11.5797 5.25 11.2 5.25L11.0982 5.25685C10.7322 5.30651 10.45 5.6203 10.45 6L10.449 9.75L7.3 5.55L7.23167 5.47007Z' fill='%233385FF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}


.getsmart-dynamic .icon.round-new {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18ZM7.23167 5.47007C6.77808 5.00501 5.95 5.31528 5.95 6V12L5.95685 12.1018C6.00651 12.4678 6.3203 12.75 6.7 12.75L6.80177 12.7432C7.16785 12.6935 7.45 12.3797 7.45 12L7.449 8.25L10.6 12.45L10.6683 12.5299C11.1219 12.995 11.95 12.6847 11.95 12V6L11.9432 5.89823C11.8935 5.53215 11.5797 5.25 11.2 5.25L11.0982 5.25685C10.7322 5.30651 10.45 5.6203 10.45 6L10.449 9.75L7.3 5.55L7.23167 5.47007Z' fill='%233385FF'/%3E%3C/svg%3E%0A");
}

.icon.close {
  background-image: url("./../../../images/svg/close.svg");
}
.icon.dropdown {
  background-image: url("./../../../images/svg/dropdown.svg");
}
.icon.gary-search-icon {
  background-image: url("./../../../images/svg/gray-search-icon.svg");
}
.icon.hart-icon {
  width: 20px;
  height: 20px;
  background-image: url("./../../../images/svg/pc-zzim.svg");
}
.icon.ipin {
  background-image: url("./../../../images/svg/ipin.svg");
}
.icon.phone {
  background-image: url("./../../../images/svg/phone.svg");
}
.icon.input-close {
  background-image: url("./../../../images/svg/input-close.svg");
}
.icon.file-icon {
  background-image: url("./../../../images/svg/clip.svg");
}
.icon.icon-folder {
  background-image: url("./../../../images/svg/folder.svg");
}
.icon.icon-back {
  background-image: url("./../../../images/svg/arrowLeft.svg");
}
.icon.file-upload-icon {
  background-image: url("./../../../images/svg/file-upload.svg");
}
.icon.icon-round-delete {
  background-image: url("./../../../images/svg/circle-gray-delete.svg");
}
.icon.icon-download {
  background-image: url("./../../../images/svg/download-icon.svg");
}
.icon.white-icon-download {
  background-image: url("./../../../images/svg/white-download.svg");
}
.icon.dot-more {
  background-image: url("./../../../images/svg/dot-more.svg");
}
.icon.social-thx {
  background-image: url("./../../../images/svg/social-thx.svg");
}
.icon.social-thx.off {
  background-image: url("./../../../images/svg/social-thx-off.svg");
}
.icon.social-impress {
  background-image: url("./../../../images/svg/social-impress.svg");
}
.icon.social-impress.off {
  background-image: url("./../../../images/svg/social-impress-off.svg");
}
.icon.social-preference {
  background-image: url("./../../../images/svg/social-preference.svg");
}
.icon.social-preference.off {
  background-image: url("./../../../images/svg/social-preference-off.svg");
}
.icon.social-good {
  background-image: url("./../../../images/svg/social-good.svg");
}
.icon.social-good.off {
  background-image: url("./../../../images/svg/social-good-off.svg");
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  background-size: contain;
  cursor: pointer;
}
.btn .icon {
  display: block;
}
.btn.round-btn {
  border-radius: 40px;
}
.btn.main-bg-btn {
  background-color: var(--main-color);
  color: #ffffff;
}

.getsmart-dynamic .btn.main-bg-btn {
  background-color: var(--main-color);
}

.btn.error-bg-btn {
  background-color: #D32F2F;
  color: #ffffff;
}
.btn.red-line-btn {
  color: #D32F2F;
  border: 1px solid #D32F2F;
}
.btn.main-line-btn {
  border-style: solid;
  border-width: 1px;
  border-color: var(--main-color);
  color: var(--main-color);
}

.getsmart-dynamic .btn.main-line-btn {
  border-color: var(--main-color);
}


.getsmart-dynamic .btn.main-line-btn {
  color: var(--main-color);
}

.btn.black-line-btn {
  background: #ffffff;
  color: #111;
  border: 1px solid #111;
}
.btn.gray-line-btn {
  border: 1px solid #EEEEEE;
  color: #000000;
}
.btn.zzim-btn {
  background-image: url("./../../../images/svg/mobile-zzim.svg");
}
.btn.zzim-btn.on {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_541_34034)'%3E%3Cpath d='M6.89559 8.26833C4.8128 10.4035 4.8128 13.8652 6.89559 16.0003L16.0002 25.3337L25.1047 16.0003C27.1875 13.8652 27.1875 10.4035 25.1047 8.26833C23.0219 6.13321 19.6451 6.13321 17.5623 8.26833L16.0002 9.86974L14.4381 8.26833C12.3553 6.13321 8.97839 6.13321 6.89559 8.26833Z' fill='%233385FF'/%3E%3Cpath d='M6.89559 8.26833C4.8128 10.4035 4.8128 13.8652 6.89559 16.0003L16.0002 25.3337L25.1047 16.0003C27.1875 13.8652 27.1875 10.4035 25.1047 8.26833C23.0219 6.13321 19.6451 6.13321 17.5623 8.26833L16.0002 9.86974L14.4381 8.26833C12.3553 6.13321 8.97839 6.13321 6.89559 8.26833Z' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_541_34034' x='-15.4165' y='-14.083' width='62.8335' height='60.167' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='10'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_34034'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_34034' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.getsmart-dynamic .btn.zzim-btn.on {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_541_34034)'%3E%3Cpath d='M6.89559 8.26833C4.8128 10.4035 4.8128 13.8652 6.89559 16.0003L16.0002 25.3337L25.1047 16.0003C27.1875 13.8652 27.1875 10.4035 25.1047 8.26833C23.0219 6.13321 19.6451 6.13321 17.5623 8.26833L16.0002 9.86974L14.4381 8.26833C12.3553 6.13321 8.97839 6.13321 6.89559 8.26833Z' fill='red'/%3E%3Cpath d='M6.89559 8.26833C4.8128 10.4035 4.8128 13.8652 6.89559 16.0003L16.0002 25.3337L25.1047 16.0003C27.1875 13.8652 27.1875 10.4035 25.1047 8.26833C23.0219 6.13321 19.6451 6.13321 17.5623 8.26833L16.0002 9.86974L14.4381 8.26833C12.3553 6.13321 8.97839 6.13321 6.89559 8.26833Z' stroke='red' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_541_34034' x='-15.4165' y='-14.083' width='62.8335' height='60.167' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='10'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_34034'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_34034' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

.btn.disable-btn {
  border: 1px solid #EEEEEE;
  color: #AAAAAA;
}
.btn.disable-btn.reverse {
  background-color: #F2F2F2;
}

button[disabled] {
  background-color: #F2F2F2 !important;
  color: #AAAAAA !important;
}

.input-wrap {
  position: relative;
}
.input-wrap .icon {
  position: absolute;
}

input {
  border-radius: 8px;
  outline: none;
  border: none;
  width: 100%;
}
input:focus {
  outline: #ffffff;
}

.getsmart-dynamic input:focus {
  outline: #01539C;
}

input[type=text], input[type=password] {
  border: 1px solid #EEEEEE;
  padding: 12px 16px;
}

input[type=radio],
input[type=checkbox] {
  display: none;
}
input[type=radio] + label,
input[type=checkbox] + label {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  color: #333;
  font-size: 16px;
  cursor: pointer;
}
input[type=radio] + label span,
input[type=checkbox] + label span {
  border: 1px solid #AAAAAA;
  background-color: #ffffff;
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-right: 8px;
  border-radius: 4px;
}
input[type=radio]:checked + label span,
input[type=checkbox]:checked + label span {
  background-color: var(--main-color);
  border: none;
  background-size: contain;
}

.getsmart-dynamic input[type=radio]:checked + label span,
.getsmart-dynamic input[type=checkbox]:checked + label span {
  background-color: var(--main-color);
}

input[type=checkbox] + label span {
  background-size: contain;
  display: inline-block;
}
input[type=checkbox]:checked + label span {
  /*background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='4' fill='%233385FF'/%3E%3Cpath d='M16.6668 8.7915L10.2502 15.2082L7.3335 12.2915' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");*/
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='4' /%3E%3Cpath d='M16.6668 8.7915L10.2502 15.2082L7.3335 12.2915' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  background-size: contain;
}


.getsmart-dynamic input[type=checkbox]:checked + label span {
  /*background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='4' fill='%233385FF'/%3E%3Cpath d='M16.6668 8.7915L10.2502 15.2082L7.3335 12.2915' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");*/
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='4' /%3E%3Cpath d='M16.6668 8.7915L10.2502 15.2082L7.3335 12.2915' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

input[type=radio] + label span {
  border-radius: 50%;
}
input[type=radio]:checked + label span {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.75' y='0.75' width='18.5' height='18.5' rx='9.25' fill='white'/%3E%3Crect x='0.75' y='0.75' width='18.5' height='18.5' rx='9.25' stroke='%233385FF' stroke-width='1.5'/%3E%3Ccircle cx='10' cy='10' r='6' fill='%233385FF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

/*.getsmart-dynamic input[type=radio]:checked + label span {*/
/*  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.75' y='0.75' width='18.5' height='18.5' rx='9.25' fill='white'/%3E%3Crect x='0.75' y='0.75' width='18.5' height='18.5' rx='9.25' stroke='%233385FF' stroke-width='1.5'/%3E%3Ccircle cx='10' cy='10' r='6' fill='currentColor'/%3E%3C/svg%3E%0A");*/
/*}*/

input[type=date] {
  height: 60px;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
  padding: 0 56px 0 16px;
  position: relative;
  font-size: 16px;
}
input[type=date]::-webkit-clear-button, input[type=date]::-webkit-inner-spin-button {
  display: none;
}
input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  color: transparent;
  cursor: pointer;
}
input[type=date]::after {
  content: "";
  display: flex;
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url("./../../../images/svg/calendar-icon.svg");
  background-size: contain;
  top: 18px;
  right: 16px;
}

select {
  height: 42px;
  border-radius: 8px;
  padding: 0 36px 0 12px;
  min-width: 88px;
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
  background-color: #ffffff;
  background-image: url("./../../../images/svg/dropdown.svg");
  background-repeat: no-repeat;
  background-position: bottom 50% right 12px;
}

textarea {
  border: 1px solid #EEEEEE;
  padding: 16px;
  width: 100%;
  border-radius: 8px;
  height: 120px;
  overflow-y: auto;
}

.getsmart-dynamic .dynamic-mainState {
  margin-top: 16px;
}

@media screen and (max-width: 1199px) {
  input[type=text],
  input[type=password] {
    height: 48px;
  }
  input[type=date] {
    height: 48px;
    font-size: 14px;
  }
  input[type=date]::after {
    top: 14px;
    right: 16px;
    width: 20px;
    height: 20px;
  }
  input[type=radio] + label,
  input[type=checkbox] + label {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  input[type=date] {
    padding: 0 40px 0 16px;
  }

  /*.getsmart-dynamic .dynamic-mainState {*/
  /*  margin-top: 0;*/
  /*}*/
}
.flexTable {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}
.flexTable > li,
.flexTable > div {
  display: flex;
}

.label {
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  padding: 5px;
  border-radius: 2px;
  color: #ffffff;
  font-size: 11px;
  line-height: 12px;
  font-weight: 600;
}
.label.dark {
  color: #fff;
  background-color: #000000;
}
.label.secondary {
  color: #000000;
  background-color: #EEEEEE;
}
.label.danger {
  color: #ffffff;
  background-color: #E4515A;
}
.label.pink {
  color: #E4515A;
  background-color: #ffffff;
}
.label.notice, .label.credit {
  background: #F2F2F2;
  color: #888888;
}
.label.e-learning {
  color: #FF375E;
  background-color: rgba(255, 55, 94, 0.1);
}
.label.e-learning.reverse {
  background-color: #FF375E;
}
.label.phone-learning {
  color: #3366FF;
  background-color: rgba(51, 102, 255, 0.1);
}
.label.phone-learning.reverse {
  background-color: #FF375E;
}
.label.group-learning {
  color: #7151FF;
  background-color: rgba(113, 81, 255, 0.1);
}
.label.group-learning.reverse {
  background-color: #7151FF;
}
.label.book-learning {
  color: #30D158;
  background-color: rgba(48, 209, 88, 0.1);
}
.label.book-learning.reverse {
  background-color: #30D158;
}
.label.blended-learning {
  color: #2ACAC8;
  background-color: rgba(42, 202, 200, 0.1);
}
.label.blended-learning.reverse {
  background-color: #2ACAC8;
}
.label.tele-learning {
  color: #00ADFD;
  background-color: rgba(0, 173, 253, 0.1);
}
.label.tele-learning.reverse {
  background-color: #00ADFD;
}
.label.webinar {
  color: #FE6E00;
  background-color: rgba(254, 110, 0, 0.1);
}
.label.webinar.reverse {
  background-color: #FE6E00;
}
.label.reverse {
  color: #ffffff !important;
}
.label.mentor {
  color: var(--main-color);
  background-color: rgba(51, 133, 255, 0.1);
}

.getsmart-dynamic .label.mentor {
  color: var(--main-color);
}


.getsmart-dynamic .label.mentor {
  background-color: rgba(51, 133, 255, 0.1);
}

.label.mentee {
  background-color: rgba(42, 202, 200, 0.1);
  color: #2ACAC8;
}
.label.consultant {
  color: #01539C;
  background: rgba(51, 102, 255, 0.1019607843);
}
.label.student {
  background-color: rgba(51, 133, 255, 0.1);
  color: #000000;
}

.getsmart-dynamic .label.student {
  background-color: rgba(51, 133, 255, 0.1);
}

@media screen and (max-width: 767px) {
  .label {
    font-size: 11px;
  }
}
.tabWrap {
  width: 1200px;
  margin: 0 auto;
}

.tab {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #EEEEEE;
}
.tab a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab .tab-item {
  position: relative;
}
.tab .tab-item.on::after {
  content: "";
  display: flex;
  position: relative;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
}
.tab.sub-text-tab > div,
.tab.sub-text-tab li {
  flex: inherit;
  margin-right: 32px;
  padding-bottom: 24px;
  position: relative;
}
.tab.sub-text-tab > div a,
.tab.sub-text-tab li a {
  font-size: 20px;
  color: #999;
  font-weight: 600;
}
.tab.sub-text-tab > div.on a,
.tab.sub-text-tab li.on a {
  color: var(--main-color);
}

.getsmart-dynamic .tab.sub-text-tab > div.on a,
.getsmart-dynamic .tab.sub-text-tab li.on a {
  color: var(--main-color);
}

.tab.sub-text-tab > div.on::after,
.tab.sub-text-tab li.on::after {
  content: "";
  display: flex;
  position: relative;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--main-color);
}


.getsmart-dynamic .tab.sub-text-tab > div.on::after,
.getsmart-dynamic .tab.sub-text-tab li.on::after {
  background-color: var(--main-color);
}

.tab.black-tab .tab-item.on {
  font-weight: 600;
}
.tab.black-tab .tab-item.on::after {
  background-color: #000000;
}

.tab-contents .tab-content {
  display: none;
}
.tab-contents .tab-content.active {
  display: block;
}

@media screen and (max-width: 1199px) {
  .tabWrap {
    width: 100%;
    padding-left: 16px;
  }
  .tab.sub-text-tab {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .tab.sub-text-tab > li,
  .tab.sub-text-tab > div {
    padding-bottom: 20px;
    margin-right: 24px;
    flex-shrink: 0;
  }
  .tab.sub-text-tab > li a,
  .tab.sub-text-tab > div a {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .tab.sub-text-tab > li a,
  .tab.sub-text-tab > div a {
    font-size: 14px;
  }
}
table {
  table-layout: fixed;
}
table.color-head thead tr th {
  background-color: #F8F8F8;
}
table thead tr th {
  padding: 18px 10px;
  font-weight: 600;
}
table tbody tr td {
  padding: 15px 10px;
  border-bottom: 1px solid #EEEEEE;
  line-height: 20px;
}
table tbody tr td a.link {
  display: block;
  max-width: 100%;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  font-weight: 600;
}
table tbody tr td .btn {
  padding: 12px 15px;
  font-weight: 600;
  border-radius: 8px;
}
table.colorTable {
  border-top: 1px solid #EEEEEE;
}
table.colorTable th {
  background-color: #F8F8F8;
  border-bottom: 1px solid #EEEEEE;
}

@media screen and (max-width: 1199px) {
  table thead tr th {
    padding: 16px 8px;
  }
  table tbody tr td {
    padding: 16px 8px;
  }
  .board-table-wrap {
    overflow-x: auto;
  }
}
@media screen and (max-width: 767px) {
  table thead tr th {
    height: 56px;
    padding: 16px 5px;
    word-break: break-word;
  }
  table tbody tr td {
    height: 56px;
    padding: 16px 5px;
    word-break: break-word;
  }
  .board-table-wrap {
    overflow-x: inherit !important;
    overflow-y: visible;
  }
  .board-table-wrap table {
    width: 100% !important;
    display: block;
  }
  .board-table-wrap table thead {
    display: none;
  }
  .board-table-wrap table tbody {
    display: block;
  }
  .board-table-wrap table tbody tr {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 24px 0;
    border-bottom: 1px solid #EEEEEE;
  }
  .board-table-wrap table tbody tr td {
    width: 100%;
    border: none;
    padding: 0;
    height: auto;
  }
  .board-table-wrap table tbody tr td.num {
    display: none;
  }
  .board-table-wrap table tbody tr td a.link {
    font-size: 18px;
    line-height: 24px;
    white-space: inherit;
    text-overflow: inherit;
    margin-bottom: 8px;
  }
  .board-table-wrap table tbody tr td.has-label::before {
    content: attr(data-label);
    padding-right: 5px;
    color: #AAAAAA;
    line-height: 20px;
    display: inline-block;
    min-width: 64px;
  }
}
.popupWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100vh;
}
.popupWrap.bg {
  background: rgba(0, 0, 0, 0.5);
}
.popupWrap .popup {
  background-color: #ffffff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: 92vh;
}
.popupWrap .popup .pop-btn .btn {
  height: 60px;
  font-size: 16px;
}
.popupWrap .popup .pop-content {
  overflow-y: auto;
}
.popupWrap .popup .pop-content .add-file-lists .file-list > div .file-name b {
  white-space: inherit;
}

.customPop {
  display: none;
}
.customPop.show {
  display: flex;
}

.btn-positon-pop-header {
  font-size: 20px;
  font-weight: 600;
  padding: 9px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.btn-positon-pop-header .icon {
  width: 26px;
  height: 26px;
}

.common-size-pop {
  width: 640px;
}

.alertPop {
  min-width: 380px;
  max-width: 500px;
}
.alertPop .pop-top {
  padding: 30px 16px;
  text-align: center;
}
.alertPop .pop-top > p {
  font-size: 16px;
  line-height: 24px;
}
.alertPop .pop-btn {
  display: flex;
  border-top: 1px solid #EEEEEE;
}
.alertPop .pop-btn .btn {
  flex: 1;
  border-right: 1px solid #EEEEEE;
  font-weight: 600;
}
.alertPop .pop-btn .btn:last-child {
  border-right: none;
}

@media screen and (max-width: 1199px) {
  .popupWrap .popup .pop-btn .btn {
    height: 54px;
    font-size: 14px;
  }
  .common-size-pop {
    width: 560px;
  }
  .alertPop {
    min-width: 276px;
    max-width: 80%;
  }
  .alertPop .pop-top {
    padding: 24px 16px;
  }
  .alertPop .pop-top > p {
    font-size: 14px;
    line-height: 22px;
  }
}
@media screen and (max-width: 767px) {
  .popupWrap .popup {
    max-height: inherit;
  }
  .popupWrap .common-size-pop {
    width: 100%;
  }
}
.pageNation {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.pageNation a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-weight: 700;
  font-size: 16px;
  border-radius: 4px;
  color: #AAAAAA;
}
.pageNation a:hover {
  background-color: #F3F5F7;
}
.pageNation a.icon::after {
  content: "";
  display: flex;
  position: relative;
  width: 6px;
  height: 10px;
  background-image: url("./../../../images/svg/black-arrow-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.pageNation a.icon.prev::after {
  transform: rotate(180deg);
}
.pageNation a.on {
  background-color: #F3F5F7;
  color: #000000;
}

@media screen and (max-width: 767px) {
  .pageNation a {
    margin-right: 4px;
  }
}
.accordion-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.accordion-wrap .accordion-btn {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.accordion-wrap .accordion-btn .icon {
  width: 16px;
  height: 16px;
}
.accordion-wrap .accordion-content {
  display: none;
}
.accordion-wrap .accordion-content.on {
  display: block;
}

.customSelect .customOptions {
  display: none;
}
.customSelect.active .customOptions {
  display: block;
}

.view-ul-table-wrap .view-ul-table {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  border-top: 1px solid #EEEEEE;
}
.view-ul-table-wrap .view-ul-table > li {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  border-bottom: 1px solid #EEEEEE;
}
.view-ul-table-wrap .view-ul-table > li.w-60 {
  width: 60%;
}
.view-ul-table-wrap .view-ul-table > li.w-50 {
  width: 50%;
}
.view-ul-table-wrap .view-ul-table > li.w-40 {
  width: 40%;
}
.view-ul-table-wrap .view-ul-table > li.w-33 {
  width: 33.33%;
}
.view-ul-table-wrap .view-ul-table > li > b {
  width: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F8F8F8;
  font-size: 16px;
  flex-shrink: 0;
}
.view-ul-table-wrap .view-ul-table > li > div {
  padding: 20px 24px;
  font-size: 16px;
  flex-grow: 1;
}
.view-ul-table-wrap .view-ul-table > li > div .add-file-lists li {
  margin-bottom: 4px;
}
.view-ul-table-wrap .view-ul-table > li > div .add-file-lists li:last-child {
  margin-bottom: 0;
}
.view-ul-table-wrap .view-ul-table > li > div .add-file-lists li a {
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
  line-height: 24px;
}

@media screen and (max-width: 1199px) {
  .view-ul-table-wrap .view-ul-table > li {
    font-size: 14px;
  }
  .view-ul-table-wrap .view-ul-table > li > b {
    font-size: 14px;
    width: 112px;
    font-weight: 600;
  }
  .view-ul-table-wrap .view-ul-table > li > div {
    font-size: 14px;
    padding: 16px;
  }
  .view-ul-table-wrap .view-ul-table > li > div .add-file-lists li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .view-ul-table-wrap .view-ul-table {
    align-items: stretch;
  }
  .view-ul-table-wrap .view-ul-table > li {
    flex-direction: column;
  }
  .view-ul-table-wrap .view-ul-table > li > b {
    width: 100%;
    padding: 12px 16px;
    justify-content: flex-start;
    border-bottom: 1px solid #EEEEEE;
  }
  .view-ul-table-wrap .view-ul-table > li > div {
    padding: 12px 16px;
  }
}
@media screen and (max-width: 375px) {
  .view-ul-table-wrap .view-ul-table > li > b {
    letter-spacing: -1px;
    padding: 12px 10px;
  }
}
.encoding-box {
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #efefef;
  letter-spacing: -0.35px;
  text-align: center;
  margin-bottom: 20px;
}
.encoding-box b {
  font-size: 20px;
}
.encoding-box .progressbar {
  width: 200px;
  height: 6px;
  border-radius: 4px;
  background: #cfcfcf;
  position: relative;
  overflow: hidden;
  margin: 6px 0 12px;
}
.encoding-box .progressbar > div {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 4px;
  background-color: #000000;
}
.encoding-box p {
  margin: 2px 0 0 0;
  letter-spacing: -0.35px;
}

.link-box {
  border: 1px solid #EEEEEE;
  width: 100%;
  max-width: 418px;
  margin-bottom: 20px;
}
.link-box .imgBox a {
  display: block;
  overflow: hidden;
  height: 232px;
  position: relative;
}
.link-box .imgBox img {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.link-box .textBox {
  padding: 12px 17px 23px;
}

@media screen and (max-width: 767px) {
  .encoding-box {
    height: 150px;
  }
  .link-box .imgBox a {
    height: 135px;
  }
  .link-box .textBox {
    padding: 12px 17px 23px;
  }
}
.drag-scroll-wrap {
  overflow: hidden;
}
.drag-scroll-wrap .drag-scroll-lists {
  overflow-x: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: grab;
}
.drag-scroll-wrap .drag-scroll-lists::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
.drag-scroll-wrap .drag-scroll-lists > li {
  flex-shrink: 0;
}
.drag-scroll-wrap .drag-scroll-lists > li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .drag-scroll-wrap {
    padding-right: 16px;
  }
}
@font-face {
  font-family: "Pretendard";
  src: url("./../../../font/pretendard/Pretendard-Light.woff") format("woff"), url("./../../../font/pretendard/Pretendard-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("./../../../font/pretendard/Pretendard-Regular.woff") format("woff"), url("./../../../font/pretendard/Pretendard-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("./../../../font/pretendard/Pretendard-Medium.woff") format("woff"), url("./../../../font/pretendard/Pretendard-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("./../../../font/pretendard/Pretendard-SemiBold.woff") format("woff"), url("./../../../font/pretendard/Pretendard-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("./../../../font/pretendard/Pretendard-Bold.woff") format("woff"), url("./../../../font/pretendard/Pretendard-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Pretendard";
  src: url("./../../../font/pretendard/Pretendard-Black.woff") format("woff"), url("./../../../font/pretendard/Pretendard-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
/** Bold */
@font-face {
  font-family: "San Francisco";
  font-weight: 700;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff");
}
.container {
  max-width: 1200px;
  margin: 0 auto;
}

.container.has-min-area {
  min-height: 300px;
}

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

.main-color-font {
  color: var(--main-color);
}

.getsmart-dynamic .main-color-font {
  color: var(--main-color);
}

.gray-color-font {
  color: #AAAAAA;
}

.darkgray-color-font {
  color: #666666;
}

.red-color-font {
  color: #D32F2F;
}

.blue-color-font {
  color: #2196f3 !important;
}

.error-text {
  color: #D32F2F !important;
}

.pc-none {
  display: none;
}

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

.text-left {
  text-align: left;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.weight-700 {
  font-weight: 700;
}

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

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

.weight-400 {
  font-weight: 400;
}

.border-bottom {
  border-bottom: 1px solid #EEEEEE;
}

.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
}

body.scrollNone {
  overflow-y: hidden;
}
body.scrollNone .mobile-fixed-btn {
  z-index: -1;
}
.pop-zindex-header {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 72px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.pop-zindex-header.show {
  display: block;
}

@media screen and (max-width: 1199px) {
  .pc-none.tablet-block {
    display: flex;
  }
  .tablet-none {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .mobile-none {
    display: none !important;
  }
  .mobile-block {
    display: block;
  }
  .pop-zindex-header {
    height: 56px;
  }
}
.pageTitleBox {
  padding: 64px 0;
}
.pageTitleBox .pageTitle {
  font-size: 40px;
  line-height: 48px;
  font-weight: 800;
  margin-bottom: 12px;
}
.pageTitleBox .pagesubTitle {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}

.total-title {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
  font-weight: 600;
}
.total-title > span {
  color: #999999;
  padding-left: 5px;
}

.sub-search-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
.sub-search-box select {
  border: 1px solid #EEEEEE;
  height: 42px;
}
.sub-search-box h2 {
  font-size: 20px;
}
.sub-search-box > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sub-search-box > div .input-wrap {
  width: 228px;
}
.sub-search-box > div .input-wrap input {
  padding-left: 40px;
  padding-right: 30px;
}
.sub-search-box > div .input-wrap .gary-search-icon {
  width: 16px;
  height: 16px;
  left: 13px;
  top: 14px;
}
.sub-search-box > div .input-wrap .input-close {
  margin-left: 0;
  width: 24px;
  height: 24px;
  right: 6px;
  top: 9px;
  display: none;
}
.sub-search-box > div .input-wrap .input-close.on {
  display: block;
}
.sub-search-box > div .btn {
  width: 80px;
  height: 42px;
  border-radius: 8px;
  margin-left: 8px;
}

.subpage-pop-layout {
  padding: 56px 8px;
}
.subpage-pop-layout .pop-header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.subpage-pop-layout .pop-header > h1 {
  font-size: 28px;
  line-height: 32px;
}
.subpage-pop-layout .pop-content {
  margin-top: 40px;
  padding-right: 24px;
  padding-left: 24px;
}
.subpage-pop-layout .pop-footer {
  display: flex;
  padding-top: 40px;
  padding-left: 24px;
  padding-right: 24px;
}
.subpage-pop-layout .pop-footer > .btn,
.subpage-pop-layout .pop-footer > a {
  flex: 1;
  height: 60px;
  font-weight: 700;
  border-radius: 4px;
  font-size: 16px;
  margin-left: 16px;
}
.subpage-pop-layout .pop-footer > .btn:first-child,
.subpage-pop-layout .pop-footer > a:first-child {
  margin-left: 0;
}

@media screen and (max-width: 1199px) {
  .pageTitleBox {
    padding: 40px 8px;
  }
  .pageTitleBox .pageTitle {
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 8px;
  }
  .pageTitleBox .pagesubTitle {
    font-size: 20px;
  }
  .subpage-pop-layout {
    padding: 40px 32px;
  }
  .subpage-pop-layout .pop-header h1 {
    font-size: 22px;
    line-height: 32px;
  }
  .subpage-pop-layout .pop-contet {
    margin-top: 32px;
  }
  .sub-search-box {
    margin-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .pageTitleBox {
    padding: 40px 0;
  }
  .pageTitleBox .pageTitle {
    font-size: 24px;
    line-height: 32px;
  }
  .pageTitleBox .pagesubTitle {
    font-size: 16px;
  }
  .total-title {
    margin: 0;
    padding: 16px 0;
    border-bottom: 1px solid #EEEEEE;
  }
  .subpage-pop-layout {
    padding: 0;
    height: 100%;
    border-radius: 0 !important;
  }
  .subpage-pop-layout .pop-header {
    justify-content: flex-start;
    padding: 12px 16px;
    border-bottom: 1px solid #EEEEEE;
  }
  .subpage-pop-layout .pop-header .btn {
    width: 32px;
    height: 32px;
    margin-right: 16px;
    background-size: auto;
    background-position: 50%;
  }
  .subpage-pop-layout .pop-header h1 {
    font-size: 16px;
    line-height: 24px;
  }
  .subpage-pop-layout .pop-content {
    height: calc(100vh - 145px);
    margin: 0;
    padding: 24px 16px;
    overflow: auto;
  }
  .subpage-pop-layout .pop-footer {
    padding: 16px 16px 24px 16px;
  }
  .subpage-pop-layout .pop-footer .btn {
    height: 48px;
  }
  .search-box-wrap {
    background-color: #F9F9F9;
    padding: 0 0 16px 0 !important;
    padding-bottom: 12px;
  }
  .search-box-wrap .sub-search-box {
    margin-top: 0;
    padding: 16px;
    background-color: #ffffff;
    border-bottom: 1px solid #EEEEEE;
  }
  .search-box-wrap .sub-search-box select {
    min-width: 73px;
    margin-right: 8px;
    flex-shrink: 0;
  }
  .search-box-wrap .sub-search-box h2 {
    display: none;
  }
  .search-box-wrap .sub-search-box > div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
  }
  .search-box-wrap .sub-search-box > div .input-wrap {
    width: 100%;
  }
  .search-box-wrap .sub-search-box > div .input-wrap input {
    border: 1px solid #EEEEEE;
  }
  .search-box-wrap .sub-search-box > div .btn {
    display: none;
  }
}
.board-lists .board-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-top: 1px solid #EEEEEE;
}
.board-lists .board-list > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 80px);
  flex-shrink: 0;
}
.board-lists .board-list > div .label {
  margin-right: 8px;
}
.board-lists .board-list > div a {
  display: block;
  max-width: 68%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.board-lists .board-list > div .icon {
  width: 20px;
  height: 20px;
}
.board-lists .board-list .date {
  line-height: 18px;
  color: #AAAAAA;
  width: 80px;
  flex-shrink: 0;
  text-align: right;
}

.title-btn {
  min-width: 81px;
  padding: 0 16px;
  height: 42px;
  margin-bottom: 24px;
  border-radius: 8px;
  font-weight: 600;
}
.title-btn .icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.board-view .view-box {
  padding-bottom: 24px;
}
.board-view .title-box {
  margin-bottom: 32px;
}
.board-view .title-box .title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 8px;
}
.board-view .title-box .date {
  font-size: 16px;
}
.board-view .content {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
}
.board-view .btns {
  padding: 24px 0 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.board-view .btns .btn {
  flex: 1;
  margin-right: 16px;
  height: 60px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
}
.board-view .btns .btn:last-child {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .board-view .title-box {
    margin-bottom: 24px;
  }
  .board-view .title-box .title {
    font-size: 18px;
  }
  .board-view .title-box .date {
    color: #AAAAAA;
  }
  .board-view .btns {
    padding-top: 20px;
  }
  .board-view .btns .btn {
    height: 48px;
    margin-right: 8px;
  }
}
.files .file-list {
  border-radius: 4px;
  padding: 12px 16px;
  border: 1px solid #EEEEEE;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.files .file-list .file-name {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.files .file-list .file-name .icon-folder {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.files .file-list .byte {
  color: #AAAAAA;
}

.add-file-wrap {
  margin-top: 24px;
}
.add-file-wrap > p {
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 8px;
}

.add-file-lists .file-list {
  border-radius: 4px;
  padding: 12px 16px;
  border: 1px solid #EEEEEE;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}
.add-file-lists .file-list:first-child {
  margin-top: 0;
}
.add-file-lists .file-list > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 30px);
}
.add-file-lists .file-list > div .file-name {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: calc(100% - 80px);
}
.add-file-lists .file-list > div .file-name .icon-folder {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 8px;
}
.add-file-lists .file-list > div .file-name b {
  font-weight: normal;
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.add-file-lists .file-list > div .byte {
  color: #AAAAAA;
  padding-left: 6px;
  flex-shrink: 0;
  max-width: 80px;
}
.add-file-lists .file-list .icon-round-delete {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

@media screen and (max-width: 1199px) {
  .add-file-lists .file-list > div .file-name b {
    max-width: 500px;
  }
}
@media screen and (max-width: 767px) {
  .add-file-lists .file-list > div .file-name b {
    max-width: 235px;
  }
}
@media screen and (max-width: 320px) {
  .add-file-lists .file-list > div .file-name b {
    max-width: 180px;
  }
}
.upload-file-wrap .upload-btn {
  width: 100%;
  height: 60px;
  background: #F2F2F2;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
}
.upload-file-wrap .upload-btn .icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.upload-file-wrap input[type=file] {
  display: none;
}

.file-upload-notice {
  font-weight: 500;
  line-height: 18px;
  margin-top: 8px;
}

#file {
  display: none;
}

@media screen and (max-width: 1199px) {
  .upload-file-wrap .upload-btn {
    height: 48px;
  }
}
.noList {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  min-height: 300px;
}
.noList > p {
  color: #999999;
  font-size: 18px;
  line-height: 24px;
}
.noList .btn {
  margin-top: 80px;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 18px;
}

@media screen and (max-width: 1199px) {
  .noList > p {
    font-size: 16px;
    line-height: 19px;
  }
  .noList .btn {
    width: 100%;
  }
}
.dropdownnBox {
  position: relative;
}
.dropdownnBox > button {
  border: 1px solid #EEEEEE;
  padding: 12px 16px;
  border-radius: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
}
.dropdownnBox > button .icon {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}
.dropdownnBox > ul {
  display: none;
  padding: 16px;
  position: absolute;
  min-width: calc(100% + 16px);
  border: 1px solid #EEEEEE;
  border-radius: 8px;
  box-shadow: 0 20px 30px 0px rgba(0, 0, 0, 0.1);
  left: -8px;
  top: calc(100% + 5px);
  z-index: 2;
  background-color: #ffffff;
}
.dropdownnBox > ul li {
  margin-bottom: 16px;
}
.dropdownnBox > ul li:last-child {
  margin-bottom: 0;
}

header {
  height: 123px;
  width: 100%;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 9;
  padding-top: 16px;
  background-color: #ffffff;
}


.getsmart-dynamic header {
  background-color: var(--gnb-main-color);
}

header .header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .header-top .header-top-right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
header .header-top .mobile-menu-bg {
  margin-left: 32px;
  position: relative;
}
header .header-top .mobile-menu-bg .input-wrap {
  width: 320px;
}
header .header-top .mobile-menu-bg .search-input {
  width: 100%;
  padding-left: 40px;
  height: 42px;
  border: none;
  color: #AAAAAA;
  background-color: rgb(248, 248, 248);
}

.getsmart-dynamic header .header-top .mobile-menu-bg .search-input {
  color: #ffffff;
}


.getsmart-dynamic header .header-top .mobile-menu-bg .search-input {
  background-color: rgba(255, 255, 255, 0.1);
}

header .header-top .mobile-menu-bg .search-input::placeholder {
  color: #AAAAAA;
  opacity: 0.7;
}

.getsmart-dynamic header .header-top .mobile-menu-bg .search-input::placeholder {
  color: #ffffff;
}

header .header-top .mobile-menu-bg .search-icon {
  width: 16px;
  height: 16px;
  top: 13px;
  left: 16px;
  background-image: url("./../../../images/svg/search-gray.svg") !important;
}
/*header .header-top form .gnb-search-list-box {*/
/*  position: absolute;*/
/*  z-index: 3;*/
/*  padding: 24px 0;*/
/*  width: 100%;*/
/*  background-color: #ffffff;*/
/*  border-radius: 8px;*/
/*  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.8);*/
/*  top: calc(100% + 12px);*/
/*  display: none;*/
/*}*/
/*header .header-top form .gnb-search-list-box > div {*/
/*  padding: 0 16px;*/
/*}*/
/*header .header-top form .gnb-search-list-box > div > p {*/
/*  font-size: 16px;*/
/*  color: #AAAAAA;*/
/*  margin-bottom: 16px;*/
/*}*/
/*header .header-top form .gnb-search-list-box .recentSearch {*/
/*  border-bottom: 1px solid #EEEEEE;*/
/*  margin-bottom: 16px;*/
/*}*/
/*header .header-top form .gnb-search-list-box .recentSearch ol {*/
/*  padding-bottom: 16px;*/
/*  min-height: 120px;*/
/*}*/
/*header .header-top form .gnb-search-list-box .recentSearch ol li {*/
/*  line-height: 24px;*/
/*  margin-top: 16px;*/
/*}*/
/*header .header-top form .gnb-search-list-box .recentSearch ol li:first-child {*/
/*  margin-top: 0;*/
/*}*/
/*header .header-top form .gnb-search-list-box .recentSearch ol.no-list {*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*}*/
/*header .header-top form .gnb-search-list-box .recentSearch ol.no-list li {*/
/*  color: #AAAAAA;*/
/*}*/
/*header .header-top form .gnb-search-list-box .recommendSearch .bubbole-box {*/
/*  display: flex;*/
/*  flex-wrap: wrap;*/
/*}*/
/*header .header-top form .gnb-search-list-box .recommendSearch .bubbole-box > button {*/
/*  padding: 11px 16px;*/
/*  border-radius: 100px;*/
/*  border: 1px solid #EEEEEE;*/
/*  margin-bottom: 8px;*/
/*  margin-right: 8px;*/
/*}*/
/*header .header-top form .gnb-search-list-box.on {*/
/*  display: block;*/
/*}*/
header .header-top .gnb-right-icons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
header .header-top .gnb-right-icons .gnb-mypage {
  font-size: 0;
  margin-left: 20px;
  position: relative;
}
header .header-top .gnb-right-icons .gnb-mypage > button {
  position: relative;
}
header .header-top .gnb-right-icons .gnb-mypage > ul {
  position: absolute;
  width: 192px;
  background-color: #ffffff;
  right: 0;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #EEEEEE;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.1);
  display: none;
}
header .header-top .gnb-right-icons .gnb-mypage > ul.on {
  display: block;
}
header .header-top .gnb-right-icons .gnb-mypage > ul li {
  margin-bottom: 4px;
}
header .header-top .gnb-right-icons .gnb-mypage > ul li:last-child {
  margin-bottom: 0;
}
header .header-top .gnb-right-icons .gnb-mypage > ul li a {
  font-size: 16px;
  padding: 8px 12px;
  display: block;
  border-radius: 4px;
}
header .header-top .gnb-right-icons .gnb-mypage > ul li a:hover {
  background-color: #F3F5F7;
  font-weight: 600;
}
header .header-top .gnb-right-icons .icon {
  margin-left: 20px;
  width: 32px;
  height: 32px;
  background-size: 24px;
}
header .header-top .gnb-right-icons .icon:first-child {
  margin-left: 0;
}
header .header-top .gnb-right-icons .gnbBtn {
  margin-left: 20px;
}
header .gnb-lists {
  padding-top: 20px;
}
header .gnb-lists .gnb-depth-1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
header .gnb-lists .gnb-depth-1 > li {
  padding-bottom: 20px;
  padding-right: 32px;
  position: relative;
}
header .gnb-lists .gnb-depth-1 > li:last-child {
  padding-right: 0;
}
header .gnb-lists .gnb-depth-1 > li > a,
header .gnb-lists .gnb-depth-1 > li > button {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #111111;
}

.getsmart-dynamic header .gnb-lists .gnb-depth-1 > li > a,
.getsmart-dynamic header .gnb-lists .gnb-depth-1 > li > button {
  color: #ffffff;
}

header .gnb-lists .gnb-depth-1 > li:hover > .gnb-depth-2 {
  display: block;
}
header .gnb-lists .gnb-depth-2 {
  display: none;
  position: absolute;
  top: 33px;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #EEEEEE;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
  padding: 16px;
  min-width: 192px;
  left: 50%;
  transform: translateX(-50%);
}
header .gnb-lists .gnb-depth-2 > li > a {
  display: block;
  font-size: 16px;
  line-height: 35px;
  padding: 0 12px;
  font-weight: 400;
}
header .gnb-lists .gnb-depth-2 > li > a:hover {
  background-color: #F3F5F7;
  font-weight: 600;
}
header .tablet-mypage-gnb {
  display: none;
  order: 2;
}

.icon.search-icon {
  background-image: url("./../../../images/svg/header_black/search.svg");
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

header.white-icon .icon.search-icon {
  background-image: url("./../../../images/svg/header_white/search.svg");
}

.icon.calendar {
  background-image: url("./../../../images/svg/header_black/calendar.svg");
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
header.white-icon .icon.calendar {
  background-image: url("./../../../images/svg/header_white/calendar.svg");
}

.icon.profile {
  background-image: url("./../../../images/svg/header_black/profile.svg");
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
header.white-icon .icon.profile {
  background-image: url("./../../../images/svg/header_white/profile.svg");
}

.icon.gnbBtn {
  background-image: url("./../../../images/svg/header_black/hamburgerIcon.svg");
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
header.white-icon .icon.gnbBtn {
  background-image: url("./../../../images/svg/header_white/hamburgerIcon.svg");
}

@media screen and (max-width: 1199px) {
  .getsmart-dynamic header .header-top .mobile-menu-bg .search-input {
    color: #01539C;
  }
  header {
    height: 72px;
    padding: 20px 14px;
  }
  header .header-top .mobile-menu-bg {
    position: fixed;
  }
  header .mobile-menu-layout {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    padding-top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    display: none;
  }
  header .mobile-menu-layout .mobile-menu-bg {
    width: 320px;
    display: flex;
    background-color: #ffffff;
    flex-direction: column;
    /*height: 100%;*/
    overflow-y: auto;
    padding-bottom: 60px;
  }
  header .mobile-menu-layout .m-gnb-top {
    order: 1;
    flex-direction: column;
  }
  header .mobile-menu-layout .m-gnb-top .gnb-close-wrap {
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    width: 100%;
  }
  header .mobile-menu-layout .m-gnb-top .gnb-close-wrap > p {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
  }
  header .mobile-menu-layout .m-gnb-top .gnb-close-wrap .close {
    width: 24px;
    height: 24px;
  }
  header .mobile-menu-layout .m-gnb-top .gnb-profile {
    padding: 24px 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  header .mobile-menu-layout .m-gnb-top .gnb-profile .profile-wrap {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 16px;
  }
  header .mobile-menu-layout .m-gnb-top .gnb-profile > div a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
    margin-bottom: 4px;
    font-weight: 700;
  }
  header .mobile-menu-layout .m-gnb-top .gnb-profile > div span {
    font-size: 14px;
    line-height: 18px;
    color: #666666;
  }
  header .mobile-menu-layout.on {
    display: flex;
    overflow-y: auto;
  }
  header .gnb-search-wrap .mobile-menu-bg {
    margin-left: 0;
  }
  header .gnb-search-wrap .mobile-menu-bg .input-wrap {
    order: 2;
    width: 288px;
    margin: 24px auto 0;
  }
  header .gnb-search-wrap .mobile-menu-bg .input-wrap input {
    background-color: #F2F2F2;
  }
  header .gnb-search-wrap .mobile-menu-bg .input-wrap input::placeholder {
    color: #AAAAAA;
    opacity: 1;
  }
  header .gnb-search-wrap .mobile-menu-bg .gnb-search-list-box {
    position: relative;
    display: block !important;
    order: 3;
    top: 0;
    box-shadow: none;
  }
  header .gnb-lists .gnb-depth-1 {
    padding: 16px 0;
    flex-direction: column;
    align-items: flex-start;
    order: 2;
    width: 288px;
    margin: 0 auto;
    border-top: 1px solid #EEEEEE;
  }
  header .gnb-lists .gnb-depth-1 > li {
    margin-right: 0;
    display: flex;
    align-items: center;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin-bottom: 8px;
  }
  header .gnb-lists .gnb-depth-1 > li:last-child {
    margin-bottom: 0;
  }
  header .gnb-lists .gnb-depth-1 > li > a,
  header .gnb-lists .gnb-depth-1 > li button {
    padding: 16px 0;
    color: #000000 !important;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  header .gnb-lists .gnb-depth-1 > li.hasDepth button::after {
    content: "";
    display: flex;
    position: relative;
    width: 24px;
    height: 24px;
    background: url("./../../../images/svg/dropdown.svg");
  }
  header .gnb-lists .gnb-depth-1 > li.hasDepth.on button::after {
    transform: rotate(180deg);
  }
  header .gnb-lists .gnb-depth-1 > li.hasDepth.on .gnb-depth-2 {
    display: block;
  }
  header .gnb-lists .gnb-depth-1 > li:hover .gnb-depth-2 {
    display: none;
  }
  header .gnb-lists .gnb-depth-1.hasDepth > button {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  header .gnb-lists .gnb-depth-1.hasDepth > button::after {
    content: "";
    display: flex;
    position: relative;
    background-color: pink;
    width: 24px;
    height: 24px;
  }
  header .gnb-lists .gnb-depth-2 {
    position: relative;
    top: 0;
    left: 0;
    min-width: 100%;
    padding: 0;
    border: none;
    box-shadow: none;
    transform: none;
    display: none;
  }
  header .gnb-lists .gnb-depth-2 > li {
    margin-top: 4px;
  }
  header .gnb-lists .gnb-depth-2 > li:first-child {
    margin-top: 0;
  }
  header .gnb-lists .gnb-depth-2 > li a {
    padding: 0 16px;
    line-height: 48px;
    border-radius: 8px;
  }
  header .gnb-lists .gnb-depth-2 > li a:hover {
    background: #F3F5F7;
  }
  header .gnb-lists .gnb-depth-2.on {
    display: block;
  }
  header .gnb-lists .logout-btn {
    border-top: 1px solid #EEEEEE;
    display: block;
    width: 288px;
    order: 3;
    padding: 16px 0;
    margin: 0 auto;
    color: #AAAAAA;
    font-size: 18px;
    line-height: 24px;
  }
  header .tablet-mypage-gnb {
    width: 288px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 0;
    margin-bottom: 8px;
  }
  header .tablet-mypage-gnb button {
    padding: 16px 0;
    color: #000000 !important;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    font-size: 16px;
  }
  header .tablet-mypage-gnb.hasDepth button::after {
    content: "";
    display: flex;
    position: relative;
    width: 24px;
    height: 24px;
    background: url("./../../../images/svg/dropdown.svg");
  }
  header .tablet-mypage-gnb.hasDepth.on button::after {
    transform: rotate(180deg);
  }
  header .tablet-mypage-gnb.hasDepth.on .gnb-depth-2 {
    display: block;
  }
  header .tablet-mypage-gnb:hover .gnb-depth-2 {
    display: none;
  }
}
@media screen and (max-width: 520px) {
  header .mobile-menu-layout .mobile-menu-bg {
    width: 100%;
  }
  header .gnb-lists .gnb-depth-1,
  header .gnb-lists .tablet-mypage-gnb,
  header .gnb-lists .logout-btn {
    width: calc(100% - 32px);
  }
}
@media screen and (max-width: 767px) {
  header {
    height: 56px;
    padding: 14px 0;
  }
  header .header-top .gnb-right-icons .icon {
    margin-left: 6px;
  }
}
footer {
  padding: 64px 0;
  background-color: #222222;
  color: #ffffff;
  position: relative;
}
footer .footer-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
footer .footerLink li {
  padding-right: 40px;
}
footer .footerLink li:last-child {
  padding-right: 0;
}
footer .footerLink li a {
  font-weight: 600;
}
footer .footer-info {
  padding-bottom: 32px;
}
footer .footer-info ul {
  margin-top: 8px;
}
footer .footer-info ul:first-child {
  margin-top: 0;
}
footer .footer-info ul li {
  line-height: 16.7px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #EFEFEF;
}
footer .footer-info ul li::after {
  content: "";
  display: flex;
  position: relative;
  width: 1px;
  height: 10px;
  background-color: #EFEFEF;
  margin: 0 8px;
}
footer .footer-info ul li:last-child::after {
  display: none;
}
footer .footer-info ul li i {
  padding-left: 6px;
}
footer .footer-info ul li span {
  opacity: 0.5;
}
footer .copyRight {
  font-weight: 400;
  opacity: 0.5;
  border-top: 1px solid #fff;
}
footer .copyRight p {
  font-weight: 400;
}
footer .copyRight span {
  font-weight: 400;
}

@media screen and (max-width: 1199px) {
  footer {
    padding: 40px;
  }
  footer .copyRight {
    font-size: 12px;
  }
  footer .copyRight p {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  footer {
    padding: 40px 16px;
  }
  footer .pdt-32px {
    padding-top: 24px;
  }
  footer .footer-list li {
    font-size: 12px;
  }
  footer .footerLink li {
    padding-right: 16px;
  }
  footer .footer-info {
    padding-bottom: 24px;
  }
  footer .footer-info .footer-list {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  footer .footer-info .footer-list:nth-child(2) li:first-child {
    margin-bottom: 8px;
  }
  footer .footer-info .footer-list:last-child {
    margin-top: 16px;
  }
  footer .footer-info .footer-list:last-child li:first-child {
    margin-bottom: 8px;
  }
  footer .footer-info .footer-list li span {
    padding-left: 6px;
  }
}
@media screen and (max-width: 435px) {
  footer .footer-info .footer-list:nth-child(2), footer .footer-info .footer-list:last-child {
    flex-direction: column;
  }
  footer .footer-info .footer-list:nth-child(2) li::after, footer .footer-info .footer-list:last-child li::after {
    display: none;
  }
  footer .footer-info .footer-list:nth-child(2) li i, footer .footer-info .footer-list:last-child li i {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }
  footer .footer-info .footer-list:nth-child(2) li i::before, footer .footer-info .footer-list:last-child li i::before {
    content: "";
    display: flex;
    position: relative;
    width: 1px;
    height: 10px;
    background-color: #EFEFEF;
    margin: 0 8px;
  }
}
.common-pd-top {
  padding-top: 123px;
}

@media screen and (max-width: 1199px) {
  .common-pd-top {
    padding-top: 72px;
  }
  .container {
    padding-right: 16px;
    padding-left: 16px;
    max-width: inherit;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .common-pd-top {
    padding-top: 56px;
    padding-bottom: 20px;
  }
}
.card-item {
  position: relative;
  background: #ffffff;
}
.card-item .img-wrap {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 8px;
  position: relative;
}
.card-item .img-wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.card-item .text-cont .cate {
  font-size: 13px;
  line-height: 16px;
  color: #AAAAAA;
  padding-bottom: 4px;
  display: block;
}
.card-item .text-cont p {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}
.card-item .text-cont .course-info {
  margin-top: 8px;
  display: flex;
}
.card-item .text-cont .course-info > i {
  display: flex;
}

@media screen and (max-width: 767px) {
  .card-item .text-cont p {
    font-size: 14px;
    line-height: 18px;
  }
  .card-item .text-cont .course-info {
    margin-top: 4px;
  }
}
.cardCourse {
  width: 243px;
}
.cardCourse .img-wrap {
  padding-top: 55.145%;
}
.cardCourse .zzim-btn {
  width: 32px;
  height: 32px;
  position: absolute;
  z-index: 1;
  top: 8px;
  right: 8px;
}
.cardCourse .text-cont .price {
  display: block;
  margin-top: 8px;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
}
.cardCourse .text-cont .label-wraps {
  margin-top: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.cardCourse .text-cont .label-wraps i {
  margin-right: 4px;
}
.cardCourse .text-cont .label-wraps i:last-child {
  margin-right: 0;
}
.cardCourse .prev-show {
  position: absolute;
  padding-top: 55.145%;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  display: none;
}
.cardCourse .prev-show .btn {
  border-radius: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  margin-top: 0;
  background: #ffffff;
  height: 42px;
  font-weight: 600;
  line-height: 18px;
}
.cardCourse:hover .prev-show {
  display: block;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .cardCourse {
    width: 160px;
  }
  .cardCourse .zzim-btn {
    display: block;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
  }
  .cardCourse .text-cont .price {
    font-size: 16px;
  }
  .cardCourse:hover {
    box-shadow: none;
  }
  .cardCourse:hover a {
    border-radius: 0;
  }
  .cardCourse:hover .prev-show {
    display: none;
  }
  .cardCourse:hover .text-cont {
    padding: 0;
  }
  .cardCourse:hover .text-cont > p {
    padding-right: 0;
  }
}
.cardConnect {
  width: 282px;
}
.cardConnect .img-wrap {
  position: relative;
  padding-top: 64.184%;
}
.cardConnect .img-wrap > span,
.cardConnect .img-wrap > i {
  position: absolute;
  font-size: 11px;
  line-height: 12px;
  padding: 5px;
  border-radius: 4px;
  color: #ffffff;
}
.cardConnect .img-wrap .time {
  bottom: 8px;
  right: 8px;
  background-color: rgba(17, 17, 17, 0.5);
  font-weight: 600;
}
.cardConnect .img-wrap .finish {
  top: 8px;
  left: 8px;
  background-color: var(--main-color);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}

.getsmart-dynamic .cardConnect .img-wrap .finish {
  background-color: var(--main-color);
}

.cardConnect .img-wrap .finish::after {
  content: "";
  display: flex;
  position: relative;
  width: 12px;
  height: 12px;
  background: url("./../../../images/svg/check.svg");
  margin-left: 2px;
}
.cardConnect .text-cont {
  display: flex;
}
.cardConnect .text-cont.ranking > b {
  font-family: "San Francisco";
  font-weight: 800;
  font-size: 32px;
  font-style: italic;
  width: 40px;
  flex-shrink: 0;
}
.cardConnect .text-cont.ranking > div {
  flex-grow: 1;
}
.cardConnect .text-cont .show {
  margin-left: 8px;
}
.cardConnect .text-cont .show::before {
  content: "";
  display: flex;
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background: url("./../../../images/svg/gray-play.svg");
}
.cardConnect .text-cont .series-name {
  color: #AAAAAA;
  font-size: 13px;
  line-height: 16px;
  margin-top: 4px;
  font-weight: 500;
}
.cardConnect .text-cont .finish-date {
  display: block;
  margin-top: 13px;
  font-size: 13px;
}
.cardConnect:hover .img-wrap::before {
  content: "";
  display: flex;
  position: relative;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("./../../../images/svg/bg-round-play.svg") no-repeat 50%;
  background-size: inherit;
  z-index: 1;
}
.cardConnect.connect-card-type {
  width: 320px;
}
.cardConnect.connect-card-type a {
  display: block;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.cardConnect.connect-card-type a::before {
  content: "";
  display: flex;
  position: relative;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(17, 17, 17, 0.2);
}
.cardConnect.connect-card-type .img-wrap {
  padding-top: 146.875%;
  margin-bottom: 0;
}
.cardConnect.connect-card-type .text-cont {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  color: #ffffff;
  padding: 0 24px 32px;
}
.cardConnect.connect-card-type .text-cont .cate {
  color: #ffffff;
}
.cardConnect.connect-card-type .text-cont p {
  font-size: 24px;
  line-height: 32px;
}
.cardConnect.connect-card-type .text-cont .show {
  margin-left: 0;
  opacity: 0.6;
  line-height: 20px;
}
.cardConnect.connect-card-type .text-cont .show::before {
  width: 20px;
  height: 20px;
  background: url("./../../../images/svg/white-eye.svg");
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .cardConnect {
    width: 160px;
  }
  .cardConnect .text-cont.ranking > b {
    display: none;
  }
  .cardConnect.connect-card-type {
    width: 48.61%;
    margin-top: 8px;
  }
  .cardConnect.connect-card-type:nth-child(1), .cardConnect.connect-card-type:nth-child(2) {
    margin-top: 0;
  }
  .cardConnect.connect-card-type .text-cont {
    padding: 8px;
  }
  .cardConnect.connect-card-type .text-cont .cate {
    font-size: 8px;
    line-height: 14px;
  }
  .cardConnect.connect-card-type .text-cont p {
    font-size: 11px;
    line-height: 14px;
  }
  .cardConnect.connect-card-type .text-cont .course-info .show {
    line-height: 12px;
  }
  .cardConnect.connect-card-type .text-cont .course-info .show::before {
    width: 12px;
    height: 12px;
  }
  .cardConnect.connect-card-type .text-cont .course-info i {
    font-size: 8px;
  }
}
.search-no-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  height: 326px;
  padding: 40px 0 0 0;
}
.search-no-list > div {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.search-no-list > div .icon {
  width: 140px;
  height: 140px;
  background: url("./../../../images/svg/noSearchIcon.svg") no-repeat;
  background-size: contain;
}
.search-no-list > div > p {
  font-size: 18px;
  line-height: 24px;
  color: #AAAAAA;
}
.search-no-list .btn {
  width: 160px;
  height: 40px;
  border-radius: 40px;
}

@media screen and (max-width: 1199px) {
  .search-no-list {
    padding-top: 0;
    height: 220px;
  }
  .search-no-list > div .icon {
    width: 120px;
    height: 120px;
  }
  .search-no-list .btn {
    width: 130px;
  }
}
@media screen and (max-width: 767px) {
  .search-no-list {
    padding-top: 0;
    height: 200px;
  }
  .search-no-list > div .icon {
    width: 96px;
    height: 96px;
  }
  .search-no-list > div > p {
    font-size: 16px;
  }
  .search-no-list .btn {
    width: 100%;
  }
}
.page-map {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.page-map li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  color: #AAAAAA;
  font-weight: 600;
}
.page-map li::after {
  content: "";
  display: flex;
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0 4px;
  background: url("./../../../images/svg/grayArrow.svg");
}
.page-map li:last-child {
  color: #000000;
}
.page-map li:last-child::after {
  display: none;
}
.page-map li.black-font {
  color: #000000;
}
.page-map li.font-normal {
  font-weight: 400;
}

i.grade {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
i.grade::before {
  content: "";
  display: flex;
  position: relative;
  background-image: url("./../../../images/svg/gradeStar.svg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  margin-right: 2px;
}

i.like {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
i.like::before {
  content: "";
  display: flex;
  position: relative;
  background-image: url("./../../../images/svg/like-icon.svg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.common-form .wrtie-box .form-label {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 16px;
  font-weight: 600;
}
.common-form .wrtie-box textarea {
  width: 100%;
  height: 160px;
  padding: 18px 16px;
  border-radius: 8px;
  border: 1px solid #EEEEEE;
}
.common-form .wrtie-box .flex-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.common-form input[type=text] {
  height: 60px;
  font-size: 16px;
}
.common-form select {
  height: 60px;
  font-size: 16px;
  border-radius: 8px;
  border: 1px solid #EEEEEE;
}
.common-form .inputWrap-box label {
  font-weight: 600;
  font-size: 16px;
}
.common-form .lodgment-radio-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.common-form .lodgment-radio-wrap .inputWrap-box {
  flex: 1;
  margin-right: 16px;
  padding: 17px 16px;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
}
.common-form .lodgment-radio-wrap .inputWrap-box:last-child {
  margin-right: 0;
}
.common-form .lodgment-radio-wrap .inputWrap-box label {
  width: 100%;
  justify-content: flex-start;
}
.common-form .lodgment-date-wrap {
  width: calc(50% - 8px);
  border-radius: 8px;
  padding: 16px;
}
.common-form .lodgment-date-wrap.bg {
  background-color: #F8F8F8;
}
.common-form .lodgment-date-wrap ul {
  max-height: 202px;
  overflow-y: auto;
}
.common-form .lodgment-date-wrap ul li {
  margin-bottom: 16px;
}
.common-form .lodgment-date-wrap ul li:last-child {
  margin-bottom: 0;
}
.common-form .lodgment-date-wrap ul li > div {
  font-size: 0;
}
.common-form .adress-wirte-info .flex-box {
  margin-bottom: 34px;
}
.common-form .adress-wirte-info .flex-box .inputWrap-box {
  margin-right: 24px;
}
.common-form .adress-wirte-info .flex-box .inputWrap-box:last-child {
  margin-right: 0;
}
.common-form .adress-wirte-info > div {
  margin-top: 24px;
}
.common-form .adress-wirte-info > div .form-label {
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 16px;
}
.common-form .adress-wirte-form .zipcode-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.common-form .adress-wirte-form .zipcode-wrap input {
  flex-grow: 1;
}
.common-form .adress-wirte-form .zipcode-wrap button {
  flex-shrink: 0;
  width: 180px;
  height: 60px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  margin-left: 8px;
}
.common-form .adress-wirte-form > input {
  margin-top: 12px;
}
.common-form .agreeContent-box {
  background-color: #F8F8F8;
  border-radius: 8px;
  padding: 24px;
  max-height: 136px;
  overflow-y: auto;
  margin: 16px 0;
  color: #666666;
  font-size: 16px;
  line-height: 24px;
}
.common-form .btns-wrap {
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: none;
}
.common-form .btns-wrap .btn {
  flex: 1;
  height: 60px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
}
.common-form .call-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.common-form .call-wrap .icon {
  width: 3%;
  height: 60px;
  background-image: url("./../../../images/svg/black-minus.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  max-width: 17px;
}
.common-form .call-wrap input,
.common-form .call-wrap select {
  width: 30%;
  flex-shrink: 0;
}
.common-form .email-write-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.common-form .email-write-wrap input, .common-form .email-write-wrap select {
  width: 31%;
}
.common-form .email-write-wrap select {
  width: 33%;
}
.common-form .email-write-wrap span {
  font-size: 18px;
}
.common-form .pay-info-wrap .price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  border-radius: 8px;
  padding: 0 24px;
  border: 1px solid #EEEEEE;
  font-size: 18px;
  font-weight: 500;
  margin: 16px 0 32px;
}
.common-form .pay-info-wrap .use-point .point-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 16px;
}
.common-form .pay-info-wrap .use-point .point-text p {
  font-size: 16px;
  padding-left: 16px;
  font-weight: 400;
}
.common-form .pay-info-wrap .use-point .point-use-input-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.common-form .pay-info-wrap .use-point .point-use-input-wrap .btn {
  width: 180px;
  flex-shrink: 0;
  margin-left: 8px;
  height: 60px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 8px;
}
.common-form .pay-info-wrap .error-text {
  font-size: 16px;
}
.common-form .pay-info-wrap .wrtie-box .form-label {
  font-weight: 700;
  font-size: 18px;
}
.common-form .pay-info-wrap .wrtie-box .pay-radio-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.common-form .pay-info-wrap .wrtie-box .pay-radio-wrap .inputWrap-box {
  flex: 1;
  margin-right: 16px;
  padding: 17px 16px;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
}
.common-form .pay-info-wrap .wrtie-box .pay-radio-wrap .inputWrap-box:last-child {
  margin-right: 0;
}
.common-form .pay-info-wrap .wrtie-box .pay-radio-wrap .inputWrap-box label {
  width: 100%;
}
.common-form .pay-info-wrap .total-price {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #EEEEEE;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 22px;
  line-height: 24px;
}

@media screen and (max-width: 1199px) {
  .common-form .wrtie-box .form-label {
    margin-bottom: 8px;
  }
  .common-form .wrtie-box textarea {
    height: 120px;
  }
  .common-form input[type=text],
  .common-form select {
    height: 48px;
  }
  .common-form .inputWrap-box label {
    font-size: 14px;
  }
  .common-form .adress-wirte-info .flex-box {
    margin: 0 0 16px;
  }
  .common-form .adress-wirte-form {
    margin-top: 0 !important;
  }
  .common-form .adress-wirte-form .zipcode-wrap button {
    height: 48px;
    width: 80px;
    font-size: 14px;
  }
  .common-form .adress-wirte-form > input {
    margin-top: 8px;
  }
  .common-form .agreeContent-box {
    font-size: 14px;
    line-height: 18px;
    padding: 16px;
  }
  .common-form .btns-wrap {
    padding: 24px 0 0 0;
  }
  .common-form .btns-wrap .btn {
    height: 48px;
  }
  .common-form .lodgment-radio-wrap {
    margin-bottom: 8px;
  }
  .common-form .lodgment-radio-wrap .inputWrap-box {
    margin-right: 8px;
  }
  .common-form .lodgment-date-wrap {
    width: calc(50% - 4px);
    border-radius: 4px;
    padding: 12px 16px;
  }
  .common-form .lodgment-date-wrap ul {
    max-height: 172px;
  }
  .common-form .lodgment-date-wrap ul li {
    margin-bottom: 8px;
  }
  .common-form .email-write-wrap input, .common-form .email-write-wrap select {
    width: 30%;
  }
  .common-form .email-write-wrap select {
    width: 32%;
  }
  .common-form .email-write-wrap span {
    font-size: 14px;
  }
  .common-form .pay-info-wrap .price {
    height: 52px;
    padding: 0 16px;
    font-size: 14px;
    margin: 16px 0 24px;
  }
  .common-form .pay-info-wrap .use-point .point-text {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .common-form .pay-info-wrap .use-point .point-text p {
    font-size: 14px;
    padding-left: 8px;
  }
  .common-form .pay-info-wrap .use-point .point-use-input-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
  }
  .common-form .pay-info-wrap .use-point .point-use-input-wrap .btn {
    width: 81px;
    height: 48px;
    font-size: 14px;
  }
  .common-form .pay-info-wrap .error-text {
    font-size: 14px;
  }
  .common-form .pay-info-wrap .wrtie-box .form-label {
    font-weight: 700;
    font-size: 16px;
  }
  .common-form .pay-info-wrap .wrtie-box .pay-radio-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
  }
  .common-form .pay-info-wrap .wrtie-box .pay-radio-wrap .inputWrap-box {
    padding: 14px 16px;
    border-radius: 8px;
  }
  .common-form .pay-info-wrap .total-price {
    margin-top: 24px;
    padding-top: 24px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .common-form .agreeContent-box {
    margin: 16px 0;
  }
  .common-form .lodgment-date-wrap {
    width: 100%;
  }
  .common-form .email-write-wrap input {
    width: 47%;
  }
  .common-form .email-write-wrap select {
    width: 100%;
    margin-top: 8px;
  }
}
.writeForm fieldset legend {
  font-size: 20px;
  line-height: 24px;
  padding: 40px 0;
  text-indent: 0;
  font-weight: 700;
}
.writeForm fieldset .wirte-boxs-wrap > div {
  margin-top: 32px;
}
.writeForm fieldset .wirte-boxs-wrap > div:first-child {
  margin-top: 0;
}
.writeForm fieldset .wirte-boxs-wrap > div .form-label {
  font-size: 16px;
  line-height: 19px;
  color: #444;
  margin-bottom: 8px;
  font-weight: 400;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.writeForm fieldset .wirte-boxs-wrap > div .form-label.must::after {
  content: "*";
  color: var(--main-color);
  padding-left: 5px;
}

.getsmart-dynamic .writeForm fieldset .wirte-boxs-wrap > div .form-label.must::after {
  /*color: var(--main-color);*/
  color: red;
}

.writeForm fieldset .wirte-boxs-wrap > div .flex-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.writeForm fieldset .wirte-boxs-wrap > div .flex-box .inputWrap-box {
  margin-right: 24px;
}
.writeForm fieldset .wirte-boxs-wrap > div .flex-box .inputWrap-box:last-child {
  margin-right: 0;
}
.writeForm fieldset .wirte-boxs-wrap > div input[type=text],
.writeForm fieldset .wirte-boxs-wrap > div input[type=password] {
  height: 60px;
  font-size: 16px;
}
.writeForm fieldset .wirte-boxs-wrap > div input[type=radio] + label,
.writeForm fieldset .wirte-boxs-wrap > div input[type=checkbox] + label {
  font-weight: 600;
}
.writeForm fieldset .wirte-boxs-wrap > div input[type=radio] + label span,
.writeForm fieldset .wirte-boxs-wrap > div input[type=checkbox] + label span {
  width: 20px;
  height: 20px;
}
.writeForm fieldset .wirte-boxs-wrap > div select {
  height: 60px;
  border: 1px solid #EEEEEE;
  font-size: 16px;
  width: 100%;
}
.writeForm fieldset .wirte-boxs-wrap > div .courseTypeslect select {
  flex: 1;
  margin-right: 8px;
}
.writeForm fieldset .wirte-boxs-wrap > div .courseTypeslect select:last-child {
  margin-right: 0;
}
.writeForm fieldset .wirte-boxs-wrap > div .date-select-wrap .dash {
  flex-shrink: 0;
  margin: 0 16px;
  width: 12px;
  height: 2px;
  border-radius: 5px;
  background-color: #DDDDDD;
}
.writeForm fieldset .wirte-boxs-wrap > div .call-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.writeForm fieldset .wirte-boxs-wrap > div .call-wrap .icon {
  width: 3%;
  height: 60px;
  background-image: url("./../../../images/svg/black-minus.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  max-width: 17px;
}
.writeForm fieldset .wirte-boxs-wrap > div .call-wrap input,
.writeForm fieldset .wirte-boxs-wrap > div .call-wrap select {
  width: 30%;
  flex-shrink: 0;
}
.writeForm fieldset .wirte-boxs-wrap > div .email-write-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.writeForm fieldset .wirte-boxs-wrap > div .email-write-wrap input, .writeForm fieldset .wirte-boxs-wrap > div .email-write-wrap select {
  width: 31%;
}
.writeForm fieldset .wirte-boxs-wrap > div .email-write-wrap select {
  width: 33%;
}
.writeForm fieldset .wirte-boxs-wrap > div .email-write-wrap span {
  font-size: 18px;
}
.writeForm fieldset .wirte-boxs-wrap > div .adress-wirte-form .zipcode-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.writeForm fieldset .wirte-boxs-wrap > div .adress-wirte-form .zipcode-wrap input {
  flex-grow: 1;
}
.writeForm fieldset .wirte-boxs-wrap > div .adress-wirte-form .zipcode-wrap button {
  flex-shrink: 0;
  width: 180px;
  height: 60px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  margin-left: 8px;
}
.writeForm fieldset .wirte-boxs-wrap > div .adress-wirte-form > input {
  margin-top: 12px;
}
.writeForm fieldset .wirte-boxs-wrap > div .input-flex-box {
  display: flex;
}
.writeForm fieldset .wirte-boxs-wrap > div .input-flex-box .inputWrap-box {
  margin-right: 20px;
}
.writeForm fieldset .wirte-boxs-wrap > div .input-flex-box .inputWrap-box:last-child {
  margin-right: 0;
}
.writeForm fieldset .wirte-boxs-wrap > div .time-date-set {
  display: flex;
}
.writeForm fieldset .wirte-boxs-wrap > div .time-date-set input[type=date] {
  max-width: 300px;
}
.writeForm fieldset .wirte-boxs-wrap > div .time-date-set .time-set-box {
  padding-left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.writeForm fieldset .wirte-boxs-wrap > div .time-date-set .time-set-box select {
  min-width: 220px;
}
.writeForm fieldset .wirte-boxs-wrap > div .time-date-set .time-set-box b {
  flex-shrink: 0;
  width: 50px;
  padding-left: 10px;
}
.writeForm .btns-wrap {
  margin-top: 48px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.writeForm .btns-wrap .btn {
  width: 172px;
  height: 60px;
  font-weight: 600;
  font-size: 16px;
  margin-right: 16px;
  border-radius: 8px;
}
.writeForm .btns-wrap .btn:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1199px) {
  .writeForm fieldset .wirte-boxs-wrap > div .form-label {
    font-size: 14px;
    line-height: 18px;
  }
  .writeForm fieldset .wirte-boxs-wrap > div input[type=text],
  .writeForm fieldset .wirte-boxs-wrap > div input[type=password],
  .writeForm fieldset .wirte-boxs-wrap > div select {
    height: 48px;
    font-size: 14px;
  }
  .writeForm fieldset .wirte-boxs-wrap > div .date-select-wrap .dash {
    width: 8px;
    margin: 0 8px;
  }
  .writeForm fieldset .wirte-boxs-wrap > div .adress-wirte-form .zipcode-wrap button {
    height: 48px;
    font-size: 14px;
    width: 81px;
  }
  .writeForm fieldset .wirte-boxs-wrap > div .email-write-wrap input, .writeForm fieldset .wirte-boxs-wrap > div .email-write-wrap select {
    width: 30%;
  }
  .writeForm fieldset .wirte-boxs-wrap > div .email-write-wrap select {
    width: 32%;
  }
  .writeForm fieldset .wirte-boxs-wrap > div .email-write-wrap span {
    font-size: 14px;
  }
  .writeForm .btns-wrap {
    margin-top: 32px;
  }
  .writeForm .btns-wrap .btn {
    width: 120px;
    height: 48px;
    border-radius: 4px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .writeForm fieldset .wirte-boxs-wrap > div {
    margin-top: 24px;
  }
  .writeForm fieldset .wirte-boxs-wrap > div .flex-box {
    flex-wrap: wrap;
  }
  .writeForm fieldset .wirte-boxs-wrap > div .flex-box .inputWrap-box {
    margin-right: 16px;
  }
  .writeForm fieldset .wirte-boxs-wrap > div .email-write-wrap input {
    width: 47%;
  }
  .writeForm fieldset .wirte-boxs-wrap > div .email-write-wrap select {
    width: 100%;
    margin-top: 8px;
  }
  .writeForm fieldset .wirte-boxs-wrap > div .date-select-wrap {
    justify-content: space-between;
  }
  .writeForm fieldset .wirte-boxs-wrap > div .date-select-wrap input {
    width: 45%;
  }
  .writeForm fieldset .wirte-boxs-wrap > div .time-date-set {
    display: flex;
  }
  .writeForm fieldset .wirte-boxs-wrap > div .time-date-set input[type=date] {
    max-width: 150px;
  }
  .writeForm fieldset .wirte-boxs-wrap > div .time-date-set .time-set-box {
    padding-left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .writeForm fieldset .wirte-boxs-wrap > div .time-date-set .time-set-box select {
    min-width: 100px;
  }
  .writeForm fieldset .wirte-boxs-wrap > div .time-date-set .time-set-box b {
    flex-shrink: 0;
    width: 50px;
    padding-left: 10px;
  }
  .writeForm .btns-wrap {
    margin-top: 56px;
  }
  .writeForm .btns-wrap .btn {
    width: auto;
    flex: 1;
    margin-right: 8px;
  }
}
.view-table-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.view-table-title h2 {
  font-size: 20px;
}
.view-table-title .btn {
  width: 80px;
  height: 42px;
  border-radius: 4px;
}

@media screen and (max-width: 767px) {
  .view-table-title h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
.board .pageTitleBox {
  border-bottom: 1px solid #EEEEEE;
}

.board-view-wrap {
  margin-top: 23px;
  padding-bottom: 160px;
}
.board-view-wrap .view-back-btn {
  min-width: 81px;
  padding: 0 16px;
  height: 42px;
  margin-bottom: 24px;
  border-radius: 8px;
  font-weight: 600;
}
.board-view-wrap .view-back-btn .icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.board-view-wrap .board-view .title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.board-view-wrap .board-view .title .round-new {
  width: 24px;
  height: 24px;
  margin: 2px 8px 0 0;
}
.board-view-wrap .board-view .show {
  font-size: 11px;
  padding: 5px;
  background-color: #F2F2F2;
  color: #999999;
  border-radius: 2px;
  line-height: 12px;
  margin-right: 8px;
}

@media screen and (max-width: 1199px) {
  .board .search-box-wrap {
    padding-bottom: 0 !important;
  }
  .board-view-wrap {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .board-view-wrap {
    padding-bottom: 40px;
  }
}
.board-lists li {
  padding: 25px 0;
  border-top: 1px solid #EEEEEE;
  font-size: 16px;
  position: relative;
}
.board-lists li > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-right: 80px;
}
.board-lists li .round-new {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  flex-shrink: 0;
}
.board-lists li .must {
  margin-right: 8px;
  color: #999999;
  font-size: 16px;
  flex-shrink: 0;
}
.board-lists li a {
  font-weight: 500;
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 900px;
}
.board-lists li a:hover {
  text-decoration: underline;
}
.board-lists li .file-icon {
  width: 20px;
  height: 20px;
  margin-left: 8px;
  flex-shrink: 0;
}
.board-lists li .show {
  font-size: 11px;
  padding: 5px;
  background-color: #F2F2F2;
  color: #999999;
  border-radius: 2px;
  line-height: 12px;
  margin-left: 8px;
  flex-shrink: 0;
}
.board-lists li .date {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 1199px) {
  .board-lists li {
    padding: 16px 0;
    font-size: 14px;
  }
  .board-lists li .must {
    font-size: 16px;
  }
  .board-lists li a {
    font-size: 16px;
    max-width: 600px;
  }
}
@media screen and (max-width: 767px) {
  .board-lists li {
    padding: 16px 0 24px;
    font-size: 14px;
  }
  .board-lists li:first-child {
    border-top: none;
  }
  .board-lists li > div {
    flex-wrap: wrap;
    padding-right: 0;
  }
  .board-lists li > div a {
    font-size: 18px;
    width: calc(100% - 112px);
  }
  .board-lists li > div .round-new,
  .board-lists li > div .must {
    margin-right: 4px;
  }
  .board-lists li > div .file-icon,
  .board-lists li > div .show {
    margin-left: 4px;
  }
  .board-lists li .date {
    display: block;
    position: relative;
    top: 0;
    transform: translateY(0);
    margin-top: 8px;
    font-size: 16px;
  }
}
.board-list .show-check {
  font-size: 11px;
  padding: 5px;
  background-color: #F2F2F2;
  color: #999999;
  border-radius: 2px;
  line-height: 12px;
  display: inline-block;
  margin-right: 4px;
}
.board-list#type-list {
  margin-bottom: 40px;
}
.board-list#type-list .board-type-list-header {
  display: grid;
  align-items: center;
  grid-template-columns: 80px 2fr 150px 150px 80px;
}
.board-list#type-list .board-type-list-header > li {
  padding: 18px 10px;
  background-color: #f8f8f8;
  font-weight: 600;
  text-align: center;
}
.board-list#type-list .board-type-list-header > li.text-left {
  text-align: left;
}
.board-list#type-list .board-type-lists {
  margin-bottom: 40px;
}
.board-list#type-list .board-type-lists li {
  display: grid;
  align-items: center;
  grid-template-columns: 80px 2fr 150px 150px 80px;
  border-bottom: 1px solid #EEEEEE;
}
.board-list#type-list .board-type-lists li > div {
  padding: 18px 10px;
  text-align: center;
  line-height: 20px;
}
.board-list#type-list .board-type-lists li > div.img-wrap {
  display: none;
}
.board-list#type-list .board-type-lists li > div.text-left {
  text-align: left;
  width: 100%;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.board-list#type-list .board-type-lists li > div.text-left a {
  max-width: 80%;
  font-weight: 600;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  padding-right: 5px;
}
.board-list#type-list .board-type-lists li > div.text-left a:hover {
  text-decoration: underline;
}
.board-list#type-list .board-type-lists li > div.text-left .commnet-num {
  margin-right: 4px;
}
.board-list#type-list .board-type-lists li > div .icon {
  width: 20px;
  height: 20px;
  min-width: 0;
}

@media screen and (max-width: 1199px) {
  .board-list#type-list .board-type-list-header {
    grid-template-columns: 60px 2fr 100px 100px 80px;
  }
  .board-list#type-list .board-type-lists li {
    grid-template-columns: 60px 2fr 100px 100px 80px;
  }
}
@media screen and (max-width: 767px) {
  .board-list#type-list {
    border-top: 1px solid #EEEEEE;
  }
  .board-list#type-list .board-type-list-header {
    display: none;
  }
  .board-list#type-list .board-type-lists li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 0;
  }
  .board-list#type-list .board-type-lists li > div {
    padding: 0;
  }
  .board-list#type-list .board-type-lists li > div.num {
    display: none;
  }
  .board-list#type-list .board-type-lists li > div.text-left {
    margin-bottom: 8px;
    overflow: inherit;
    flex-wrap: wrap;
    white-space: inherit;
    display: block;
  }
  .board-list#type-list .board-type-lists li > div.text-left a {
    font-size: 18px;
    line-height: 24px;
    max-width: inherit;
    text-overflow: inherit;
    white-space: inherit;
    display: inline;
  }
  .board-list#type-list .board-type-lists li > div.text-left .icon {
    width: 18px;
    height: 18px;
    vertical-align: middle;
  }
  .board-list#type-list .board-type-lists li > div .commnet-num {
    display: inline-flex;
  }
  .board-list#type-list .board-type-lists li > div.list-label::before {
    content: attr(data-label);
    padding-right: 5px;
    color: #AAAAAA;
    line-height: 20px;
    display: inline-block;
    min-width: 64px;
    text-align: left;
  }
}
.board-list#type-card .board-type-list-header {
  display: none;
}
.board-list#type-card .board-type-lists {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.board-list#type-card .board-type-lists li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 282px;
  margin-right: 24px;
  margin-bottom: 40px;
}
.board-list#type-card .board-type-lists li:nth-child(4n) {
  margin-right: 0;
}
.board-list#type-card .board-type-lists li .img-wrap {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 8px;
  position: relative;
  padding-top: 55.145%;
  overflow: hidden;
}
.board-list#type-card .board-type-lists li .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
}
.board-list#type-card .board-type-lists li > div {
  width: 100%;
  font-size: 16px;
}
.board-list#type-card .board-type-lists li > div.num {
  display: none;
}
.board-list#type-card .board-type-lists li > div.text-left {
  margin-bottom: 8px;
}
.board-list#type-card .board-type-lists li > div.text-left a {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}
.board-list#type-card .board-type-lists li > div.text-left b {
  font-size: 16px;
  display: inline-block;
}
.board-list#type-card .board-type-lists li > div.date, .board-list#type-card .board-type-lists li > div.show-num {
  font-size: 16px;
  width: auto;
  margin-top: 8px;
}
.board-list#type-card .board-type-lists li > div.date {
  color: #AAAAAA;
}
.board-list#type-card .board-type-lists li > div.show-num {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 16px;
}
.board-list#type-card .board-type-lists li > div.show-num::before {
  content: "";
  display: flex;
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-image: url("./../../../images/svg/black-eye.svg");
  background-size: contain;
}

@media screen and (max-width: 1199px) {
  .board-list#type-card .board-type-lists li {
    width: 31.46%;
    margin-right: 2.8%;
  }
  .board-list#type-card .board-type-lists li:nth-child(4n) {
    margin-right: 2.8%;
  }
  .board-list#type-card .board-type-lists li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .board-list#type-card .board-type-lists {
    justify-content: space-between;
  }
  .board-list#type-card .board-type-lists li {
    width: 48.98%;
    margin-right: 0;
  }
  .board-list#type-card .board-type-lists li:nth-child(4n) {
    margin-right: 0;
  }
  .board-list#type-card .board-type-lists li > div.text-left {
    margin-bottom: 4px;
  }
  .board-list#type-card .board-type-lists li > div.text-left a, .board-list#type-card .board-type-lists li > div.text-left b {
    font-size: 14px;
    line-height: 18px;
  }
  .board-list#type-card .board-type-lists li > div.text-left .show-check {
    padding: 3px 4px;
  }
  .board-list#type-card .board-type-lists li > div.list-label {
    font-size: 14px;
    line-height: 18px;
  }
  .board-list#type-card .board-type-lists li > div.date, .board-list#type-card .board-type-lists li > div.show-num {
    margin-top: 4px;
  }
  .board-list#type-card .board-type-lists li > div.show-num::before {
    width: 14px;
    height: 14px;
  }
}
.page-class-lists {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.page-class-lists li {
  width: 282px;
  margin-right: 24px;
  margin-bottom: 40px;
}
.page-class-lists li:nth-child(4n) {
  margin-right: 0;
}
.page-class-lists li .cardCourse {
  width: 282px;
}

@media screen and (max-width: 1199px) {
  .page-class-lists li {
    width: 31.46%;
    margin-right: 2.8%;
  }
  .page-class-lists li:nth-child(4n) {
    margin-right: 2.8%;
  }
  .page-class-lists li:nth-child(3n) {
    margin-right: 0;
  }
  .page-class-lists li .cardCourse {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .page-class-lists {
    justify-content: space-between;
  }
  .page-class-lists li {
    width: 48.98%;
    margin-right: 0;
    margin-bottom: 24px;
  }
  .page-class-lists li:nth-child(4n) {
    margin-right: 0%;
  }
  .page-class-lists li .cardCourse {
    width: 100%;
  }
}
.comment-box {
  margin-top: 80px;
  padding-top: 40px;
  border-top: 1px solid #EEEEEE;
}
.comment-box .info-top-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.comment-box .info-top-wrap .profile-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.comment-box .info-top-wrap .profile-wrap .img-wrap {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  margin-right: 16px;
}
.comment-box .info-top-wrap .profile-wrap .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
}
.comment-box .info-top-wrap .profile-wrap span {
  font-size: 16px;
  line-height: 22px;
}
.comment-box .info-top-wrap .profile-wrap span.team {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
}
.comment-box .info-top-wrap .profile-wrap span.team::before {
  content: "";
  display: flex;
  position: relative;
  width: 1px;
  height: 10px;
  background-color: #AAAAAA;
  margin: 0 5px;
}
.comment-box .info-top-wrap .profile-wrap .label {
  margin-left: 6px;
}
.comment-box .info-top-wrap .right-infos {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.comment-box .info-top-wrap .right-infos .edit-btns {
  position: relative;
  margin-left: 16px;
}
.comment-box .info-top-wrap .right-infos .edit-btns .btn {
  width: 32px;
  height: 32px;
  background-image: url("./../../../images/svg/dot.svg");
}
.comment-box .info-top-wrap .right-infos .edit-btns ul {
  position: absolute;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #EEEEEE;
  background-color: #ffffff;
  width: 192px;
  right: 0;
  top: 20px;
  display: none;
}
.comment-box .info-top-wrap .right-infos .edit-btns ul li button {
  text-align: left;
  height: 35px;
  width: 100%;
  font-size: 16px;
  padding: 0 12px;
  border-radius: 4px;
}
.comment-box .info-top-wrap .right-infos .edit-btns ul li button:hover {
  font-weight: 600;
  background-color: #F3F5F7;
}
.comment-box .info-top-wrap .right-infos .edit-btns.on ul {
  display: block;
}
.comment-box .comment-write .write-gray-box {
  background-color: #f8f8f8;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 8px;
}
.comment-box .comment-write .write-gray-box textarea {
  padding: 0;
  height: 30px;
  border: none;
  font-size: 16px;
  line-height: 24px;
  background-color: #f8f8f8;
}
.comment-box .comment-write .write-gray-box textarea:focus {
  outline: none;
}
.comment-box .comment-write .write-gray-box > p {
  text-align: right;
  color: #aaaaaa;
  line-height: 22px;
}
.comment-box .comment-write .enter-btn-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.comment-box .comment-write .enter-btn-wrap .btn {
  width: 80px;
  height: 42px;
  font-weight: 600;
  border-radius: 8px;
  margin-left: 8px;
}
.comment-box .comment-write .enter-btn-wrap .btn:first-child {
  margin-left: 0;
}
.comment-box .commnet-lists {
  margin-top: 40px;
  border-top: 1px solid #EEEEEE;
}
.comment-box .commnet-lists .commnet-list {
  border-bottom: 1px solid #EEEEEE;
}
.comment-box .commnet-lists .commnet-list:last-child {
  border-bottom: none;
}
.comment-box .commnet-lists .commnet-list .commnet-list-box {
  padding: 16px 0;
}
.comment-box .commnet-lists .commnet-list .commnet-list-box .commnet-text {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}
.comment-box .commnet-lists .commnet-list .commnet-list-box .commnet-text > p {
  font-size: 16px;
  line-height: 24px;
}
.comment-box .commnet-lists .commnet-list .commnet-list-box .commnet-btns-wrap {
  display: flex;
}
.comment-box .commnet-lists .commnet-list .commnet-list-box .commnet-btns-wrap.content-left {
  justify-content: flex-start;
}
.comment-box .commnet-lists .commnet-list .commnet-list-box .commnet-btns-wrap .gray-line-btn {
  font-size: 14px;
  width: 80px;
  height: 42px;
  font-weight: 600;
  border-radius: 8px;
  margin-left: 8px;
}
.comment-box .commnet-lists .commnet-list .commnet-list-box .commnet-btns-wrap .gray-line-btn:first-child {
  margin-left: 0;
}
.comment-box .commnet-lists .commnet-list .commnet-list-box .commnet-btns-wrap .more-btn {
  font-weight: 600;
}
.comment-box .commnet-lists .commnet-list .commnet-list-box .commnet-btns-wrap .more-btn .icon {
  margin-left: 4px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  transform: rotate(90deg);
}

.getsmart-dynamic .comment-box .commnet-lists .commnet-list .commnet-list-box .commnet-btns-wrap .more-btn .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.comment-box .commnet-lists .commnet-list.report-comment .info-top-wrap {
  margin-bottom: 0;
}
.comment-box .commnet-lists .commnet-list.report-comment .info-top-wrap p.gray-color-font {
  font-size: 16px;
}
.comment-box .recomment-boxs-wrap {
  border-top: 1px solid #EEEEEE;
  padding: 40px 0 40px 40px;
}
.comment-box .recomment-boxs-wrap > .commnet-list-box {
  border-bottom: 1px solid #EEEEEE;
}
.comment-box .recomment-boxs-wrap > .commnet-list-box:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.comment-box .recomment-boxs-wrap > .commnet-list-box:last-child .commnet-text {
  margin-bottom: 0;
}

@media screen and (max-width: 1199px) {
  .comment-box {
    margin-top: 40px;
  }
  .comment-box .recomment-boxs-wrap {
    padding: 16px 0 40px 40px;
  }
}
@media screen and (max-width: 767px) {
  .comment-box {
    padding-top: 24px;
  }
  .comment-box .info-top-wrap .right-infos .edit-btns {
    margin-left: 8px;
  }
  .comment-box .info-top-wrap .right-infos .edit-btns .btn {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
  }
  .comment-box .comment-write .enter-btn-wrap .btn {
    flex: 1;
  }
  .comment-box .commnet-lists {
    margin-top: 24px;
  }
  .comment-box .recomment-boxs-wrap {
    padding-left: 32px;
  }
}
.write-common-layout {
  padding-bottom: 160px;
}
.write-common-layout h2 {
  font-size: 22px;
  line-height: 32px;
  padding-bottom: 25px;
  border-bottom: 1px solid #EEEEEE;
  margin-top: 40px;
}
.write-common-layout form .notice-text {
  color: #444444;
  margin-top: 24px;
}
.write-common-layout form fieldset {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  border-bottom: 1px solid #EEEEEE;
  padding: 40px 0;
}
.write-common-layout form fieldset > b {
  width: 200px;
  flex-shrink: 0;
  font-size: 16px;
}
.write-common-layout form fieldset > .wirte-boxs-wrap {
  flex-grow: 1;
}

@media screen and (max-width: 1199px) {
  .write-common-layout {
    padding-bottom: 80px;
  }
  .write-common-layout form fieldset {
    flex-direction: column;
    padding: 20px 0;
  }
  .write-common-layout form fieldset > b {
    width: 100%;
    margin-bottom: 24px;
  }
  .write-common-layout form fieldset > .wirte-boxs-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .write-common-layout h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 32px;
    margin-bottom: 0;
  }
}
.gateLayout {
  width: 100vw;
  min-height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gateLayout .bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: blanchedalmond;
  overflow: hidden;
}
.gateLayout .bg-img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gateLayout .box-layout {
  position: relative;
  z-index: 5;
  display: flex;
  border-radius: 16px;
  overflow: hidden;
}
.gateLayout .box-layout .logo-box {
  width: 168px;
  height: 40px;
  margin: 0 auto 24px;
}
.gateLayout .box-layout h1 {
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}
.gateLayout .wrtieForm {
  margin: 40px 0;
}
.gateLayout .wrtieForm > div {
  margin-bottom: 24px;
}
.gateLayout .wrtieForm > div:last-child {
  margin-bottom: 0;
}
.gateLayout .inputWrap-box > span {
  color: #444;
  font-size: 16px;
  line-height: 19px;
  display: block;
  margin-bottom: 8px;
}
.gateLayout .inputWrap-box .inputWrap.error {
  position: relative;
}
.gateLayout .inputWrap-box .inputWrap.error input {
  border: 1px solid #D32F2F;
}
.gateLayout .inputWrap-box .inputWrap.error::after {
  content: "";
  display: flex;
  position: relative;
  position: absolute;
  width: 24px;
  height: 24px;
  right: 18px;
  top: 18px;
  background: url("./../../../images/svg/warningcircle.svg");
}
.gateLayout .inputWrap-box input {
  background-color: #F2F2F2;
  border: 1px solid #EEEEEE;
  height: 60px;
  font-size: 16px;
  padding: 0 16px;
}
.gateLayout .inputWrap-box .error-text {
  display: inline-block;
  margin-top: 8px;
}
.gateLayout .main-bg-btn {
  margin-top: 40px;
  width: 100%;
  height: 60px;
  font-size: 16px;
  border-radius: 8px;
}
.gateLayout .find-links {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gateLayout .find-links li:nth-child(2) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gateLayout .find-links li:nth-child(2)::before {
  content: "";
  display: flex;
  position: relative;
  width: 1px;
  height: 12px;
  background-color: #666666;
  margin: 0 16px;
}
.gateLayout .find-links a {
  font-size: 16px;
  font-weight: 600;
}
.gateLayout .btns-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gateLayout .btns-wrap > .btn {
  margin: 0;
  flex: 1;
  height: 60px;
  border-radius: 4px;
  font-size: 16px;
}
.gateLayout .btns-wrap > .btn:nth-child(1) {
  margin-right: 10px;
}
.gateLayout .btns-wrap > .btn .icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.gate-footer {
  position: fixed;
  bottom: 25px;
  color: #ffffff;
  font-size: 11px;
}

.login-error-pop {
  width: 376px;
}
.login-error-pop .pop-top {
  padding: 48px 16px 24px;
}
.login-error-pop .pop-top > p {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.login-error-pop .pop-btn {
  border-top: 1px solid #EEEEEE;
}
.login-error-pop .pop-btn .btn {
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .gateLayout .box-layout h1 {
    font-size: 18px;
    line-height: 24px;
  }
  .gateLayout .inputWrap-box > span {
    font-size: 14px;
  }
  .gateLayout .inputWrap-box input {
    height: 48px;
    font-size: 14px;
  }
  .gateLayout .inputWrap-box .inputWrap.error::after {
    top: 13px;
  }
  .gateLayout .main-bg-btn {
    height: 48px;
    margin-top: 24px;
  }
  .gateLayout .find-links a {
    font-size: 14px;
  }
  .login-error-pop {
    width: 276px;
  }
  .login-error-pop .pop-top {
    padding: 24px 16px;
  }
  .login-error-pop .pop-top > p {
    font-size: 14px;
    line-height: 22px;
  }
  .login-error-pop .pop-btn .btn {
    height: 54px;
  }
}
@media screen and (max-width: 767px) {
  .gateLayout {
    padding-bottom: 0;
    align-items: flex-start;
  }
  .gateLayout .wrtieForm {
    margin-top: 0;
  }
  .gateLayout .wrtieForm > div {
    margin-bottom: 16px;
  }
  .gateLayout .wrtieForm .inputWrap-box > span {
    font-size: 14px;
  }
  .gateLayout .bg-img {
    display: none;
  }
  .gateLayout .box-layout {
    width: 100%;
    flex-direction: column;
    border-radius: 0;
  }
  .gateLayout .box-layout .loginForm {
    width: 100%;
    padding: 0 16px 40px;
    margin-bottom: 16px;
  }
  .gateLayout .box-layout .loginForm .logo-box {
    width: 117px;
    height: 28px;
    margin: 14px 0;
  }
  .gateLayout .box-layout .loginForm h1 {
    text-align: left;
    padding: 32px 0;
  }
  .gateLayout .box-layout .loginForm h1.text-center {
    text-align: center;
    padding: 48px 0 0 0;
  }
  .gateLayout .btns-wrap > .btn {
    width: 48%;
    margin-right: 0 !important;
    font-size: 12px;
    flex: inherit;
  }
  .gate-footer {
    display: none;
  }
}
.loginLayout {
  width: 1080px;
  background-color: #F2F2F2;
}
.loginLayout .loginForm {
  padding: 56px 40px;
  width: 560px;
  flex-shrink: 0;
  background-color: #ffffff;
}
.loginLayout .rightNotice {
  padding: 16px;
  flex-grow: 1;
  width: 518px;
}
.loginLayout .rightNotice > div {
  background: #ffffff;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
  padding: 40px 32px;
}
.loginLayout .rightNotice h2 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
}
.loginLayout .rightNotice .loginBanner {
  margin-bottom: 16px;
  padding-bottom: 16px;
  height: calc(100% - 236px);
}
.loginLayout .rightNotice .loginBanner .loginNoticeBanner .swiper-slide {
  height: 256px;
  overflow-y: auto;
}
.loginLayout .rightNotice .loginBanner .loginNoticeBanner .swiper-slide .title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}
.loginLayout .rightNotice .loginBanner .loginNoticeBanner .swiper-slide .title > span {
  background-color: #000000;
  font-size: 11px;
  margin-right: 4px;
}
.loginLayout .rightNotice .loginBanner .loginNoticeBanner .swiper-slide > div {
  font-size: 16px;
  line-height: 24px;
}
.loginLayout .rightNotice .loginBanner .loginNoticeBanner .swiper-slide > div p {
  font-size: 16px;
  line-height: 24px;
}
.loginLayout .rightNotice .loginBanner .loginNoticeBanner .swiper-pagination {
  margin-top: 24px;
  position: relative;
  top: 0;
  left: 0;
  font-size: 0;
}
.loginLayout .rightNotice .loginBanner .loginNoticeBanner .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #A4ABBC;
  opacity: 0.6;
}
.loginLayout .rightNotice .loginBanner .loginNoticeBanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 32px;
  opacity: 1;
}
.loginLayout .rightNotice .loginBanner .no-list {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 85%;
  color: #AAAAAA;
}
.loginLayout .rightNotice .bottom-qna p {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 24px;
}
.loginLayout .rightNotice .bottom-qna .qna-time {
  font-size: 16px;
  line-height: 24px;
}
.loginLayout .rightNotice .bottom-qna .qna-time > span {
  color: #AAAAAA;
  padding-left: 5px;
}

@media screen and (max-width: 1199px) {
  .loginLayout {
    width: 720px;
  }
  .loginLayout .loginForm {
    width: 400px;
    padding: 40px 24px;
  }
  .loginLayout .loginForm .wrtieForm {
    margin-top: 24px;
  }
  .loginLayout .rightNotice {
    width: 320px;
  }
  .loginLayout .rightNotice > div {
    padding: 24px;
  }
  .loginLayout .rightNotice h2 {
    font-size: 16px;
    line-height: 24px;
  }
  .loginLayout .rightNotice .loginBanner {
    height: calc(100% - 188px);
  }
  .loginLayout .rightNotice .loginBanner .loginNoticeBanner .swiper-slide {
    height: 202px;
  }
  .loginLayout .rightNotice .loginBanner .loginNoticeBanner .swiper-slide .title {
    font-size: 14px;
  }
  .loginLayout .rightNotice .loginBanner .loginNoticeBanner .swiper-slide > div {
    line-height: 18px;
    font-size: 14px;
  }
  .loginLayout .rightNotice .loginBanner .loginNoticeBanner .swiper-slide > div p {
    line-height: 18px;
    font-size: 14px;
  }
  .loginLayout .rightNotice .bottom-qna p {
    font-size: 14px;
  }
  .loginLayout .rightNotice .bottom-qna .qna-time {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .loginLayout {
    width: 100%;
    flex-direction: column;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.05);
  }
  .loginLayout .loginForm {
    width: 100%;
    padding: 0 16px 40px;
    margin-bottom: 16px;
  }
  .loginLayout .loginForm .logo-box {
    width: 117px;
    height: 28px;
    margin: 14px 0;
  }
  .loginLayout .loginForm h1 {
    text-align: left;
    padding: 32px 0;
  }
  .loginLayout .rightNotice {
    width: 100%;
    padding: 0;
    background-color: transparent;
  }
  .loginLayout .rightNotice > div {
    border-radius: 0;
    border: none;
    padding: 24px 16px;
  }
  .loginLayout .rightNotice .loginBanner h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .loginLayout .rightNotice .loginBanner h2 a {
    display: block;
    color: #666;
    font-size: 12px;
    font-weight: 600;
  }
  .loginLayout .rightNotice .loginBanner .loginNoticeBanner .swiper-wrapper {
    flex-direction: column;
    justify-content: flex-start;
  }
  .loginLayout .rightNotice .loginBanner .loginNoticeBanner .swiper-slide {
    height: auto;
    margin-bottom: 8px;
    border: 1px solid #EEEEEE;
    padding: 16px;
    border-radius: 4px;
  }
  .loginLayout .rightNotice .loginBanner .loginNoticeBanner .swiper-slide:last-child {
    margin-bottom: 0;
  }
  .loginLayout .rightNotice .loginBanner .loginNoticeBanner .swiper-pagination {
    display: none;
  }
  .loginLayout .rightNotice .loginBanner .no-list {
    height: auto;
    padding: 63px 0;
  }
  .loginLayout .rightNotice .bottom-qna > div {
    border: 1px solid #EEEEEE;
    padding: 16px;
    border-radius: 4px;
  }
  .loginLayout .rightNotice .bottom-qna > div > p {
    margin-bottom: 16px;
  }
}
.login-findLayout {
  width: 560px;
  padding: 56px 40px;
  background: #ffffff;
}
.login-findLayout .login-tab {
  margin: 40px auto;
  padding: 8px;
  background: #F2F2F2;
  border-radius: 8px;
}
.login-findLayout .login-tab li {
  flex: 1;
}
.login-findLayout .login-tab li a {
  color: #666666;
  font-weight: 600;
}
.login-findLayout .login-tab li.on {
  background: #ffffff;
  border-radius: 4px;
}
.login-findLayout .login-tab li.on a {
  font-size: 14px;
  padding: 13px 0;
  color: #000000;
}
.login-findLayout .loginForm {
  width: 100%;
}

.checkId {
  margin: 40px 0;
  padding: 25px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  border: 1px solid #EEEEEE;
  border-width: 1px 0;
}
.checkId strong {
  color: var(--main-color);
}

.getsmart-dynamic .checkId strong {
  color: var(--main-color);
}

.pw-reset-text {
  margin: 40px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}

.resetPWfrom {
  margin-bottom: 40px;
}

@media screen and (max-width: 1199px) {
  .login-findLayout {
    width: 448px;
    padding: 40px 32px;
  }
  .login-findLayout .login-tab {
    margin: 32px auto;
  }
  .login-findLayout .wrtieForm {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .login-findLayout {
    padding: 0;
  }
  .login-findLayout .login-tab li.on a {
    padding: 8px 0;
  }
  .login-findLayout .loginForm {
    margin-bottom: 0 !important;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .login-findLayout .loginForm .find-links {
    display: none;
  }
  .login-findLayout .loginForm .btns-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .login-findLayout .loginForm .btns-wrap .btn {
    height: 42px;
    width: 48.6%;
    margin: 0;
    border-radius: 4px;
  }
  .login-findLayout .loginForm .btns-wrap .btn.w-100 {
    width: 100%;
  }
  .login-findLayout .loginForm .btns-wrap .black-line-btn,
  .login-findLayout .loginForm .btns-wrap .gray-line-btn {
    display: flex;
  }
  .login-findLayout .login-tab {
    margin: 0 auto 24px;
  }
  .checkId {
    padding: 20px 0;
    margin: 0;
    font-size: 14px;
  }
  .pw-reset {
    display: flex;
    flex-direction: column-reverse;
  }
  .pw-reset .pw-reset-text {
    margin: 40px 0;
    line-height: 16px;
    font-size: 14px;
  }
  .pw-reset .check-id {
    flex-direction: column;
  }
  .pw-reset .check-id .btn {
    width: 100% !important;
    margin-bottom: 8px !important;
  }
}
.no-info .text-center {
  margin: 40px 0;
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 767px) {
  .no-info .text-center {
    text-align: center;
  }
}
.main > div {
  padding-bottom: 80px;
}

.main > div.out-link {
  padding-bottom: 24px;
}

.main > div .main-title-wrap {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.main > div .main-title-wrap .main-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
.main > div .main-title-wrap .main-title > span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  display: block;
  margin-top: 4px;
  color: #AAAAAA;
}
.main > div .main-title-wrap a {
  color: #666666;
  line-height: 32px;
}

.mainTop .img-wrap {
  display: block;
  position: relative;
  height: 400px;
  overflow: hidden;
}
.mainTop .img-wrap img {
  position: absolute;
  max-width: inherit;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mainTop.banner-type {
  position: relative;
}
.mainTop.banner-type .mainSwiper {
  width: 100%;
  height: 100%;
}
.mainTop.banner-type .mainSwiper .btn-wrap {
  width: 1200px;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.mainTop.banner-type .mainSwiper .mainBannerBtns {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  bottom: 48px;
  left: 0;
  position: relative;
}
.mainTop.banner-type .mainSwiper .mainBannerBtns .swiper-pagination {
  position: relative;
  right: 0;
  left: 0;
  bottom: 0;
}
.mainTop.banner-type .mainSwiper .mainBannerBtns .swiper-pagination {
  /*padding: 0 10px;*/
  line-height: 26px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 100px;
  width: 49px;
  color: #f9f9f9;
  margin-right: 8px;
}
.mainTop.banner-type .mainSwiper .mainBannerBtns .swiper-pagination .swiper-pagination-current {
  color: #ffffff;
}
.mainTop.banner-type .mainSwiper .mainBannerBtns div[class*=btn-],
.mainTop.banner-type .mainSwiper .mainBannerBtns .autoplayBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.mainTop.banner-type .mainSwiper .mainBannerBtns div[class*=btn-]:last-child,
.mainTop.banner-type .mainSwiper .mainBannerBtns .autoplayBtn:last-child {
  margin-right: 0;
}
.mainTop.banner-type .mainSwiper .mainBannerBtns div[class*=btn-] {
  background: url("./../../../images/svg/main-top-b-navigation.svg");
}
.mainTop.banner-type .mainSwiper .mainBannerBtns div[class*=btn-].btn-next {
  transform: rotate(180deg);
}
/*.mainTop.banner-type .mainSwiper .mainBannerBtns .autoplayBtn#play {*/
/*  background: url("./../../../images/svg/main-banner-pause.svg");*/
/*}*/
/*.mainTop.banner-type .mainSwiper .mainBannerBtns .autoplayBtn#stop {*/
/*  background: url("./../../../images/svg/bg-round-play.svg");*/
/*  background-size: contain;*/
/*}*/

.mainTop.banner-type .mainSwiper .mainBannerBtns .autoplayBtn.stop-btn {
  background: url("./../../../images/svg/main-banner-pause.svg");
}
.mainTop.banner-type .mainSwiper .mainBannerBtns .autoplayBtn.play-btn {
  background: url("./../../../images/svg/bg-round-play.svg");
  background-size: contain;
}


@media screen and (max-width: 1199px) {
  .main > div .main-title-wrap {
    margin-bottom: 16px;
  }
  .main > div .main-title-wrap .main-title {
    font-size: 20px;
    line-height: 24px;
  }
  .main > div .main-title-wrap a {
    color: #666666;
    line-height: 24px;
  }
  .mainTop {
    padding-bottom: 40px !important;
  }
  .mainTop.banner-type .mainSwiper .btn-wrap {
    width: 100%;
    padding-right: 25px;
  }
  .mainTop .img-wrap {
    display: block;
    position: relative;
    padding-top: 52%;
    height: 0;
  }
  .mainTop .img-wrap img {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  /*.main {*/
  /*  background: #F8F8F8;*/
  /*}*/
  .main > div {
    background: #fff;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 12px;
  }
  .main > div .main-title-wrap .main-title {
    font-size: 16px;
    line-height: 22px;
  }
  .main > div .main-title-wrap .main-title > span {
    display: none;
  }
  .main > div .main-title-wrap a {
    font-size: 12px;
    line-height: 22px;
  }
  .main .mainTop {
    padding: 0 !important;
    margin: 0;
  }
  .main .mainTop.banner-type .mainSwiper .btn-wrap {
    top: 0;
  }
  .main .mainTop.banner-type .mainSwiper .btn-wrap .mainBannerBtns {
    top: 16px;
  }
  .main .mainTop.banner-type .mainSwiper .btn-wrap div[class*=btn-],
  .main .mainTop.banner-type .mainSwiper .btn-wrap .autoplayBtn {
    display: none;
  }
  .main .mainTop.banner-type .mainSwiper .btn-wrap .swiper-pagination {
    margin-right: 0;
  }
}

.out-link ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 100vw;
  overflow: auto;
  padding-bottom: 8px;
}
.out-link ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.out-link ul li a .icon {
  width: 80px;
  height: 80px;
}
.out-link ul.no-line {
  justify-content: space-between;
}
.out-link ul.no-line li a {
  display: flex;
}
.out-link ul.no-line li a span {
  margin-top: 8px;
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.out-link ul.line li {
  flex: 1;
  border-radius: 8px;
  border: 1px solid #EEEEEE;
  margin-left: 20px;
  padding: 16px;
}
.out-link ul.line li a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.out-link ul.line li:first-child {
  margin-left: 0;
}
.out-link ul.line li i {
  margin-right: 16px;
}
.out-link ul.line li span {
  display: block;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 8px;
}
.out-link ul.line li b {
  display: flex;
  font-size: 14px;
  color: #666666;
}
.out-link ul.line li b::after {
  content: "";
  display: flex;
  position: relative;
  width: 16px;
  height: 16px;
  background: url("./../../../images/svg/grayArrow.svg") 50%;
}

@media screen and (max-width: 1199px) {
  .out-link {
    padding-right: 0;
    padding-left: 0;
  }
  .out-link ul.no-line {
    padding-right: 64px;
    padding-left: 64px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .out-link ul.no-line li {
    width: 20%;
  }
  .out-link ul.no-line li:nth-child(1) {
    margin-bottom: 24px;
  }
  .out-link ul.no-line li:nth-child(2) {
    margin-bottom: 24px;
  }
  .out-link ul.no-line li:nth-child(3) {
    margin-bottom: 24px;
  }
  .out-link ul.no-line li:nth-child(4) {
    margin-bottom: 24px;
  }
  .out-link ul.no-line li:nth-child(5) {
    margin-bottom: 24px;
  }
  .out-link ul.line {
    overflow-x: auto;
    padding-left: 16px;
    justify-content: flex-start;
  }
  .out-link ul.line li {
    flex: inherit;
    flex-shrink: 0;
    width: 285px;
  }
}
@media screen and (max-width: 767px) {
  .out-link {
    padding-top: 16px !important;
  }
  .out-link ul li a .icon {
    width: 48px;
    height: 48px;
  }
  .out-link ul li a span {
    margin-top: 4px;
    line-height: 16px !important;
    font-size: 12px !important;
  }
  .out-link ul.no-line {
    flex-wrap: nowrap;
    padding: 0 0 0 16px;
    overflow-x: auto;
  }
  .out-link ul.no-line li {
    flex-shrink: 0;
    width: 64px;
    margin-bottom: 0 !important;
    margin-right: 8px;
  }
  .out-link ul.line {
    flex-wrap: wrap;
    padding: 0 16px;
  }
  .out-link ul.line li {
    border: none;
    margin-left: 0;
    padding: 0;
    flex: 1;
    width: auto;
  }
  .out-link ul.line li a {
    flex-direction: column;
  }
  .out-link ul.line li a .icon {
    margin-right: 0;
  }
  .out-link ul.line li b {
    display: none;
  }
}
.mainState .mainState-title {
  border-radius: 8px;
  border: 1px solid #EEEEEE;
  padding: 32px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mainState .mainState-title .left-cont {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.mainState .mainState-title .left-cont .img-wrap {
  overflow: hidden;
  position: relative;
  display: block;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  margin-right: 32px;
}
.mainState .mainState-title .left-cont .img-wrap img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.mainState .mainState-title .left-cont > div h1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 8px;
}
.mainState .mainState-title .left-cont > div p {
  font-size: 16px;
  line-height: 22px;
}
.mainState .mainState-title .main-line-btn {
  border-radius: 40px;
  padding: 13px 16px;
  font-weight: 700;
}
.mainState .mainState-title .main-line-btn .icon {
  margin-right: 8px;
  width: 16px;
  height: 16px;
}
.mainState .state-lists {
  display: flex;
}
.mainState .state-lists li {
  flex: 1;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 20px;
  padding: 20px;
  height: 147px;
}
.mainState .state-lists li:last-child {
  margin-right: 0;
}
.mainState .state-lists li > p {
  font-weight: 700;
  margin-bottom: 8px;
  font-size: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.mainState .state-lists li > p .icon {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.mainState .state-lists li:nth-child(2) .icon {
  background: url("./../../../images/svg/state-main-icon2.svg");
}
.mainState .state-lists li:nth-child(3) .icon {
  background: url("./../../../images/svg/state-main-icon3.svg");
}
.mainState .state-lists li:nth-child(4) .icon {
  background: url("./../../../images/svg/state-main-icon4.svg");
}
.mainState .state-lists li:nth-child(5) .icon {
  background: url("./../../../images/svg/state-main-icon5.svg");
}
.mainState .state-lists li > .d-flex {
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  align-items: flex-end;
}
.mainState .state-lists li > .d-flex > b {
  font-size: 48px;
}
.mainState .state-lists li > .d-flex strong {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.mainState .state-lists li > .d-flex strong::before {
  content: "";
  display: flex;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  background: url("./../../../images/svg/roundCheck.svg");
}
.mainState .state-lists li.state-main {
  background-color: var(--main-color);
  color: #ffffff;
}

.getsmart-dynamic .mainState .state-lists li.state-main {
  background-color: var(--main-color);
}

@media screen and (max-width: 1199px) {
  .mainState .state-lists {
    flex-wrap: wrap;
  }
  .mainState .state-lists li {
    height: 112px;
  }
  .mainState .state-lists li > p {
    font-size: 14px;
  }
  .mainState .state-lists li > .d-flex > b {
    font-size: 36px;
  }
  .mainState .state-lists li.state-main {
    flex: inherit;
    flex-shrink: 0;
    width: 100%;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .mainState .mainState-title {
    border: none;
    border-radius: 0;
    padding: 0;
  }
  .mainState .mainState-title .left-cont .img-wrap {
    width: 64px;
    height: 64px;
    margin-right: 16px;
  }
  .mainState .mainState-title .left-cont > div h1 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 4px;
  }
  .mainState .mainState-title .left-cont > div p {
    font-size: 14px;
    color: #666666;
    line-height: 18px;
  }
  .mainState .state-lists {
    margin-bottom: 16px;
  }
  .mainState .state-lists li {
    height: auto;
    padding: 0;
    margin-right: 8.5px;
    flex: 1;
    align-items: center;
    border: none;
  }
  .mainState .state-lists li.state-main {
    width: auto;
    flex: 1;
    background-color: #ffffff !important;
    margin-bottom: 0;
  }
  .mainState .state-lists li.state-main > p {
    color: #000000;
    margin-bottom: 4px;
  }
  .mainState .state-lists li.state-main .d-flex strong {
    display: none;
  }
  .mainState .state-lists li.state-main .d-flex b {
    color: var(--main-color);
  }
  .getsmart-dynamic .mainState .state-lists li.state-main .d-flex b {
    color: var(--main-color);
  }
  .mainState .state-lists li > p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
  }
  .mainState .state-lists li > p .icon {
    display: none;
  }
  .mainState .state-lists li > p span {
    display: none;
  }
  .mainState .state-lists li .d-flex b {
    font-size: 16px;
    line-height: 22px;
  }
  .mainState .pc-none {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 42px;
    border-radius: 40px;
    font-weight: 700;
  }
  .mainState .pc-none i {
    width: 16px;
    height: 16px;
    margin-right: 8px;
  }
}
.mainNotice .list-type {
  border-top: 1px solid #EEEEEE;
}
.mainNotice .list-type li {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 25px 0;
  border-bottom: 1px solid #EEEEEE;
}
.mainNotice .list-type li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
}
.mainNotice .list-type li a .label {
  margin-right: 3px;
}
.mainNotice .list-type li a > p {
  font-size: 18px;
}
.mainNotice .list-type li > span {
  flex-shrink: 0;
  width: 100px;
  text-align: right;
  color: #aaaaaa;
}
.mainNotice .img-type {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.mainNotice .img-type li {
  position: relative;
  margin-right: 24px;
  flex: 1;
}
.mainNotice .img-type li:last-child {
  margin-right: 0;
}
.mainNotice .img-type li a {
  width: 100%;
  border-radius: 8px;
  position: relative;
  background: #f2f2f2;
  padding-top: 34.0137%;
  display: block;
  overflow: hidden;
}
.mainNotice .img-type li a img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: inherit;
  width: 100%;
}

.mainNotice .img-type li .img-title{
  position: absolute;
  bottom: 64px;
  left: 32px;
  z-index: 1;
  color: white;
  font-size: 24px;
}


@media screen and (max-width: 1199px) {
  .mainNotice .img-type {
    overflow-x: auto;
  }
  .mainNotice .img-type li {
    width: 580px;
    margin-right: 16px;
    flex: inherit;
    flex-shrink: 0;
  }
  .mainNotice .img-type li:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .mainNotice .list-type li {
    padding: 17px 0 24px;
    flex-direction: column;
  }
  .mainNotice .list-type li a {
    width: 100%;
    margin-bottom: 8px;
  }
  .mainNotice .list-type li a > span {
    font-size: 11px;
    flex-shrink: 0;
    width: 30px;
  }
  .mainNotice .list-type li a > p {
    font-size: 14px;
    line-height: 22px;
    flex-grow: 1;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
  }
  .mainNotice .list-type li > span {
    width: 100%;
    text-align: left;
  }
  .mainNotice .img-type {
    flex-direction: column;
  }
  .mainNotice .img-type li {
    width: 100%;
    margin: 0 0 16px 0;
  }
  .mainNotice .img-type li:last-child {
    margin-right: 0;
  }
  .mainNotice .img-type li .img-title{
    bottom: 32px;
    font-size: 16px;
  }
}
.mainBanner {
  overflow: visible;
}
중 .mainBanner::before, .mainBanner::after {
  content: "";
  display: flex;
  position: relative;
  width: 20px;
  height: 135%;
  position: absolute;
  bottom: 0%;
  background-color: #ffffff;
  z-index: 6;
  right: -20px;
}
.mainBanner::before {
  left: -20px;
}
.mainBanner::after {
  right: -20px;
}

.mainCourse {
  width: 1240px;
  margin: 0 auto;
  padding: 40px 20px 80px;
  position: relative;
  overflow: hidden;
}
.mainCourse .mainCourseBanner .cardCourse {
  position: relative;
}
.mainCourse .mainCourseBanner .cardCourse a {
  cursor: pointer;
}

@media screen and (max-width: 1199px) {
  .mainBanner {
    padding-left: 16px;
  }
  .mainBanner::before {
    left: -1px;
    width: 15px;
  }
  .mainBanner div[class*=btn-] {
    width: 32px;
    height: 32px;
  }
  .mainBanner div[class*=btn-].btn-prev {
    left: 8px;
  }
  .mainBanner div[class*=btn-].btn-next {
    right: 8px;
  }
  .mainCourse {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .mainBanner div[class*=btn-] {
    display: none;
  }
  .mainCourse .mainCourseBanner .cardCourse {
    height: auto;
  }
  .mainCourse .mainCourseBanner .cardCourse:hover a {
    box-shadow: none;
    top: 0;
    transform: inherit;
  }
}
.mainConnect {
  width: 1240px;
  margin: 0 auto;
  padding: 0px 20px 80px;
  position: relative;
  overflow: hidden;
}
.mainConnect .mainCourseBanner {
  overflow: visible;
}
.mainConnect.connectCardType div[class*=btn-] {
  top: 50%;
  transform: translateY(-50%);
}
.mainConnect.connectCardType div[class*=btn-].swiper-button-disabled {
  display: none;
}
.mainConnect.connectCardType div[class*=btn-].btn-prev {
  left: 24px;
  transform: translateY(-50%) rotate(180deg);
}
.mainConnect.connectCardType div[class*=btn-].btn-next {
  right: 24px;
}

@media screen and (max-width: 1199px) {
  .mainConnect {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .mainConnect.connectCardType .mainConnectBanner2 {
    padding-right: 16px;
  }
  .mainConnect.connectCardType .mainConnectBanner2 .swiper-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .mainConnect.connectCardType .mainConnectBanner2 .swiper-wrapper .connect-card-type {
    width: 48.61%;
  }
}
.out-link-banner .outLinkBanner {
  padding: 24px 32px;
}
.out-link-banner .outLinkBanner .out-link-list {
  text-align: center;
}
.out-link-banner .btn-wrap {
  width: 32px;
  height: 100%;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.out-link-banner .btn-wrap.left {
  left: 0;
}
.out-link-banner .btn-wrap.right {
  right: 0;
}
.out-link-banner .btn-wrap div[class*=btn-] {
  width: 32px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #EEEEEE;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.out-link-banner .btn-wrap div[class*=btn-]::before {
  content: "";
  display: flex;
  position: relative;
  background: url("./../../../images/svg/black-arrow-icon.svg") no-repeat 50%;
  background-size: contain;
  width: 8px;
  height: 12px;
}
.out-link-banner .btn-wrap div[class*=btn-].btn-prev {
  transform: rotate(180deg);
}

@media screen and (max-width: 767px) {
  .out-link-banner .outLinkBanner {
    padding: 14px 24px;
  }
  .out-link-banner .outLinkBanner .out-link-list img {
    height: 28px;
  }
  .out-link-banner .outLinkBanner .btn-wrap {
    width: 24px;
  }
  .out-link-banner .outLinkBanner .btn-wrap div[class*=btn-] {
    width: 24px;
    height: 24px;
  }
  .out-link-banner .outLinkBanner .btn-wrap div[class*=btn-]::before {
    width: 5px;
    height: 9px;
  }
}
.firstLoginPop {
  width: 640px;
}
.firstLoginPop.lg-size {
  width: 760px;
}
.firstLoginPop .agree-login-check-box form .inputWrap-box {
  font-size: 0;
}
.firstLoginPop .agree-login-check-box form .inputWrap-box label {
  font-weight: 600;
  font-size: 16px;
}
.firstLoginPop .agree-login-check-box form .inputWrap-box label strong {
  color: #AAAAAA;
  padding-right: 8px;
}
.firstLoginPop .agree-login-check-box form > div {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #EEEEEE;
}
.firstLoginPop .agree-login-check-box form > ul > li {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.firstLoginPop .agree-login-check-box form > ul > li .icon {
  cursor: pointer;
  width: 24px;
  height: 24px;
  background: url("./../../../images/svg/gray-box-arrow.svg");
}
.firstLoginPop .agree-login-check-box form > ul > li:last-child {
  margin-bottom: 0;
}
.firstLoginPop .firstlogin-info .error-text {
  padding-top: 8px;
  font-weight: 600;
}
.firstLoginPop .firstlogin-info .sns-radio-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.firstLoginPop .firstlogin-info .sns-radio-wrap .inputWrap-box {
  flex: 1;
  margin-right: 16px;
  padding: 21px 16px;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
}
.firstLoginPop .firstlogin-info .sns-radio-wrap .inputWrap-box:last-child {
  margin-right: 0;
}
.firstLoginPop .firstlogin-info .sns-radio-wrap .inputWrap-box label {
  width: 100%;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.firstLoginPop .firstlogin-info .sns-radio-wrap .inputWrap-box label span {
  margin-right: 0;
}
.firstLoginPop .firstlogin-info .sns-checkbox {
  font-size: 0;
}
.firstLoginPop .firstlogin-info .sns-checkbox .inputWrap-box {
  margin-bottom: 16px;
}
.firstLoginPop .firstlogin-category > p {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}
.firstLoginPop .firstlogin-category .category-select-form input[type=checkbox] + label {
  height: 42px;
  border-radius: 40px;
  padding: 0 16px;
  border: 1px solid #EEEEEE;
}
.firstLoginPop .firstlogin-category .category-select-form input[type=checkbox]:checked + label {
  border-color: var(--main-color);
  background-color: var(--main-color);
  color: #ffffff;
}

.getsmart-dynamic .firstLoginPop .firstlogin-category .category-select-form input[type=checkbox]:checked + label {
  border-color: var(--main-color);
}

.getsmart-dynamic .firstLoginPop .firstlogin-category .category-select-form input[type=checkbox]:checked + label {
  background-color: var(--main-color);
}

.firstLoginPop .firstlogin-category .category-select-form .category-depth1 {
  margin: 40px 0 24px;
  padding: 0 45px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.firstLoginPop .firstlogin-category .category-select-form .category-depth1 .inputWrap-box {
  margin-right: 8px;
  margin-bottom: 16px;
}
.firstLoginPop .firstlogin-category .category-select-form .category-depth1 .inputWrap-box:last-child {
  margin-right: 0;
}
.firstLoginPop .firstlogin-category .category-select-form .select-category .accordion-wrap {
  margin-bottom: 32px;
}
.firstLoginPop .firstlogin-category .category-select-form .select-category .accordion-wrap:last-child {
  margin-bottom: 0;
}
.firstLoginPop .firstlogin-category .category-select-form .select-category .accordion-wrap .accordion-btn {
  justify-content: space-between;
  padding-bottom: 16px;
  font-size: 16px;
  border-bottom: 1px solid #EEEEEE;
}
.firstLoginPop .firstlogin-category .category-select-form .select-category .accordion-wrap .accordion-btn .icon {
  width: 24px;
  height: 24px;
  background: url("./../../../images/svg/black-plus.svg");
}
.firstLoginPop .firstlogin-category .category-select-form .select-category .accordion-wrap.show .accordion-btn .icon {
  background: url("./../../../images/svg/black-minus.svg");
}
.firstLoginPop .firstlogin-category .category-select-form .select-category .accordion-wrap .accordion-content {
  margin-top: 16px;
}
.firstLoginPop .firstlogin-category .category-select-form .select-category .accordion-wrap .accordion-content .inputWrap-box {
  margin-bottom: 8px;
}
.firstLoginPop .firstlogin-category .category-select-form .select-category .accordion-wrap .accordion-content input[type=checkbox] + label {
  height: 32px;
}
.firstLoginPop .firstlogin-category .category-select-form .select-category .accordion-wrap .accordion-content input[type=checkbox]:checked + label {
  border-color: var(--main-color);
  color: var(--main-color);
  background-color: rgba(51, 133, 255, 0.1);
}

.getsmart-dynamic .firstLoginPop .firstlogin-category .category-select-form .select-category .accordion-wrap .accordion-content input[type=checkbox]:checked + label {
  border-color: var(--main-color);
}

.getsmart-dynamic .firstLoginPop .firstlogin-category .category-select-form .select-category .accordion-wrap .accordion-content input[type=checkbox]:checked + label {
  color: var(--main-color);
}

.getsmart-dynamic .firstLoginPop .firstlogin-category .category-select-form .select-category .accordion-wrap .accordion-content input[type=checkbox]:checked + label {
  background-color: rgba(51, 133, 255, 0.1);
}

.agreeContent-pop {
  width: 760px;
}
.agreeContent-pop .pop-header {
  justify-content: space-between;
}
.agreeContent-pop .pop-header .icon {
  width: 32px;
  height: 32px;
}
.agreeContent-pop .pop-content {
  font-size: 16px;
  line-height: 24px;
}
.agreeContent-pop .pop-content > p {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1199px) {
  .firstLoginPop {
    width: 560px;
  }
  .firstLoginPop.lg-size {
    width: 560px;
  }
  .firstLoginPop .firstlogin-info .sns-radio-wrap {
    margin-bottom: 16px;
  }
  .firstLoginPop .firstlogin-info .sns-radio-wrap .inputWrap-box {
    padding: 12px;
  }
  .firstLoginPop .firstlogin-info .sns-checkbox .inputWrap-box {
    margin-bottom: 8px;
  }
  .firstLoginPop .firstlogin-info .sns-notice li {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 767px) {
  .firstLoginPop,
  .agreeContent-pop {
    height: 100vh;
    width: 100%;
  }
  .firstLoginPop.lg-size,
  .agreeContent-pop.lg-size {
    width: 100%;
  }
  .agreeContent-pop .pop-header {
    justify-content: flex-start;
  }
  .agreeContent-pop .pop-header .icon {
    order: 1;
  }
  .agreeContent-pop .pop-header h1 {
    order: 2;
  }
  .agreeContent-pop .pop-content {
    height: calc(100vh - 57px);
    font-size: 14px;
    line-height: 22px;
  }
  .agreeContent-pop .pop-content > p {
    font-size: 14px;
    line-height: 22px;
  }
}
.myClassRoom {
  margin-top: 40px;
  padding-bottom: 80px;
}
.myClassRoom .myClassRoomList > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0 40px;
  border-bottom: 1px solid #EEEEEE;
}
.myClassRoom .myClassRoomList > li:first-child {
  padding-top: 0;
}
.myClassRoom .myClassRoomList > li:last-child {
  border-bottom: 0;
}
.myClassRoom .myClassRoomList > li .left-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 160px);
  padding-right: 40px;
}
.myClassRoom .myClassRoomList > li .left-box .label {
  justify-content: flex-start;
}
.myClassRoom .myClassRoomList > li .left-box .img-wrap {
  position: relative;
  flex-shrink: 0;
  width: 210px;
  height: 135px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 24px;
  flex-shrink: 0;
}
.myClassRoom .myClassRoomList > li .left-box .img-wrap img {
  position: absolute;
  width: 100%;
}
.myClassRoom .myClassRoomList > li .left-box .img-wrap .labels {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 8px;
}
.myClassRoom .myClassRoomList > li .left-box .img-wrap .labels .label {
  margin-right: 4px;
}
.myClassRoom .myClassRoomList > li .left-box .img-wrap .labels .label:last-child {
  margin-right: 0;
}
.myClassRoom .myClassRoomList > li .left-box .class-info {
  width: calc(100% - 235px);
}
.myClassRoom .myClassRoomList > li .left-box .class-info .labels {
  margin-bottom: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.myClassRoom .myClassRoomList > li .left-box .class-info .labels > span {
  padding-left: 8px;
}
.myClassRoom .myClassRoomList > li .left-box .class-info .class-title {
  font-size: 18px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.myClassRoom .myClassRoomList > li .left-box .class-info .edu-info {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
}
.myClassRoom .myClassRoomList > li .left-box .class-info .edu-info .w-100 {
  width: 100%;
  margin-bottom: 4px;
  padding-right: 0;
}
.myClassRoom .myClassRoomList > li .left-box .class-info .edu-info li {
  padding-right: 6px;
  font-size: 14px;
}
.myClassRoom .myClassRoomList > li .left-box .class-info .edu-info li span {
  padding-right: 5px;
}
.myClassRoom .myClassRoomList > li .left-box .class-state {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
}
.myClassRoom .myClassRoomList > li .left-box .class-state li {
  margin-left: 16px;
  position: relative;
  font-size: 16px;
  line-height: 22px;
}
.myClassRoom .myClassRoomList > li .left-box .class-state li:first-child, .myClassRoom .myClassRoomList > li .left-box .class-state li:last-child {
  margin-left: 0;
}
.myClassRoom .myClassRoomList > li .left-box .class-state li:last-child {
  padding-left: 33px;
}
.myClassRoom .myClassRoomList > li .left-box .class-state li:last-child::before {
  content: "";
  display: flex;
  position: relative;
  position: absolute;
  width: 1px;
  height: 14px;
  background-color: #000000;
  opacity: 0.2;
  left: 16px;
  top: 2px;
}
.myClassRoom .myClassRoomList > li .btns {
  display: flex;
  flex-direction: column;
}
.myClassRoom .myClassRoomList > li .btns .btn {
  width: 160px;
  height: 42px;
  border-radius: 8px;
  margin-top: 8px;
}
.myClassRoom .myClassRoomList > li .btns .btn:first-child {
  margin-top: 0;
}

@media screen and (max-width: 1199px) {
  .myClassRoom {
    margin-top: 24px;
  }
  .myClassRoom .myClassRoomList > li .left-box {
    width: calc(100% - 108px);
  }
  .myClassRoom .myClassRoomList > li .left-box .img-wrap {
    width: 168px;
    height: 109px;
    margin-right: 16px;
  }
  .myClassRoom .myClassRoomList > li .left-box .class-info {
    width: calc(100% - 184px);
  }
  .myClassRoom .myClassRoomList > li .left-box .class-info .class-title {
    font-size: 14px;
  }
  .myClassRoom .myClassRoomList > li .left-box .class-info .edu-info {
    flex-direction: column;
  }
  .myClassRoom .myClassRoomList > li .left-box .class-info .edu-info li {
    font-size: 13px;
  }
  .myClassRoom .myClassRoomList > li .left-box .class-state li {
    font-size: 13px;
    line-height: 16px;
    margin-left: 8px;
  }
  .myClassRoom .myClassRoomList > li .left-box .class-state li:last-child {
    padding-left: 17px;
  }
  .myClassRoom .myClassRoomList > li .left-box .class-state li:last-child::before {
    height: 10px;
    left: 8px;
  }
  .myClassRoom .myClassRoomList > li .btns .btn {
    width: 108px;
  }
}
@media screen and (max-width: 767px) {
  .myClassRoom {
    margin-top: 16px;
    padding-bottom: 40px;
  }
  .myClassRoom .myClassRoomList {
    margin-top: 16px;
  }
  .myClassRoom .myClassRoomList > li {
    flex-direction: column;
    padding: 0 0 32px 0;
    border-bottom: none;
  }
  .myClassRoom .myClassRoomList > li .left-box {
    width: 100%;
    padding-right: 0;
    flex-direction: column;
  }
  .myClassRoom .myClassRoomList > li .left-box .img-wrap {
    width: 100%;
    height: 0;
    padding-top: 64.13%;
    margin: 0 0 16px 0;
  }
  .myClassRoom .myClassRoomList > li .left-box .img-wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  .myClassRoom .myClassRoomList > li .left-box .img-wrap .labels {
    left: inherit;
    right: 8px;
  }
  .myClassRoom .myClassRoomList > li .left-box .class-info {
    width: 100%;
  }
  .myClassRoom .myClassRoomList > li .left-box .class-info .labels > span {
    font-size: 12px;
    color: #000000;
  }
  .myClassRoom .myClassRoomList > li .left-box .class-info .class-title {
    overflow: inherit;
    white-space: inherit;
    line-height: 24px;
    font-size: 16px;
  }
  .myClassRoom .myClassRoomList > li .left-box .class-info .edu-info {
    margin-top: 4px;
  }
  .myClassRoom .myClassRoomList > li .left-box .class-info .edu-info li {
    font-size: 14px;
  }
  .myClassRoom .myClassRoomList > li .left-box .class-state {
    flex-wrap: wrap;
  }
  .myClassRoom .myClassRoomList > li .left-box .class-state li {
    padding-left: 0;
    margin-left: 0;
    margin-right: 12px;
    margin-bottom: 4px;
    font-size: 14px;
  }
  .myClassRoom .myClassRoomList > li .left-box .class-state li:last-child {
    padding-left: 0;
    margin-right: 0;
  }
  .myClassRoom .myClassRoomList > li .left-box .class-state li:last-child::before {
    display: none;
  }
  .myClassRoom .myClassRoomList > li .btns {
    margin-top: 16px;
    width: 100%;
    flex-direction: row-reverse;
  }
  .myClassRoom .myClassRoomList > li .btns .btn {
    flex: 1;
    margin: 0;
  }
  .myClassRoom .myClassRoomList > li .btns .btn.gray-line-btn {
    margin-right: 8px;
  }
}
.pendingLists {
  margin-top: 40px;
  padding-bottom: 80px;
}
.pendingLists .pageNation {
  margin-top: 48px;
}

@media screen and (max-width: 1199px) {
  .board-table-wrap table {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .pendingLists {
    margin-top: 16px;
    padding-bottom: 40px;
  }
  .pendingLists table {
    text-align: left;
  }
  .pendingLists table tr {
    padding: 24px 0;
    border-bottom: 1px solid #EEEEEE;
  }
  .pendingLists table tr .btn {
    width: 100%;
  }
  .pendingLists table tr .link {
    margin-bottom: 8px;
  }
  .pendingLists table tr .date1 {
    margin-bottom: 2px;
  }
  .pendingLists table tr .date2 {
    margin-bottom: 2px;
  }
  .pendingLists table tr .state {
    margin-bottom: 24px;
  }
  .pendingLists table .cancle-inactive .pending-state {
    order: 1;
    margin-bottom: 2px;
  }
  .pendingLists table .cancle-inactive .pending-state b {
    color: #AAAAAA;
    line-height: 22px;
  }
  .pendingLists table .cancle-inactive .title {
    order: 2;
  }
  .pendingLists table .cancle-inactive .date1 {
    order: 3;
  }
  .pendingLists table .cancle-inactive .date2 {
    order: 4;
  }
  .pendingLists table .cancle-inactive .state {
    order: 4;
  }
  .pendingLists table .cancle-inactive .detail {
    order: 5;
  }
  .pendingLists table .cancle-activation .pending-state {
    width: 49%;
  }
  .pendingLists table .cancle-activation .detail {
    width: 49%;
  }
  .pendingLists .pageNation {
    margin-bottom: 40px;
  }
}
.class-detail-pop {
  width: 640px;
}
.class-detail-pop .pop-content .course-info {
  border-top: 1px solid #EEEEEE;
  padding: 24px 0;
}
.class-detail-pop .pop-content .course-info .category {
  display: block;
  font-size: 16px;
  margin-bottom: 4px;
}
.class-detail-pop .pop-content .course-info > p {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 4px;
}
.class-detail-pop .pop-content .course-info > ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4px;
}
.class-detail-pop .pop-content .course-info > ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 25px;
  position: relative;
  line-height: 24px;
}
.class-detail-pop .pop-content .course-info > ul li::after {
  content: "";
  display: flex;
  position: relative;
  position: absolute;
  width: 1px;
  height: 14px;
  background-color: #bbbbbb;
  right: 12px;
  top: 2px;
}
.class-detail-pop .pop-content .course-info > ul li:last-child {
  padding-right: 0;
}
.class-detail-pop .pop-content .course-info > ul li:last-child::after {
  display: none;
}
.class-detail-pop .pop-content .accommodation {
  margin-bottom: 48px;
  padding-top: 24px;
  border-top: 1px solid #EEEEEE;
}
.class-detail-pop .pop-content .accommodation li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  margin-top: 6px;
}
.class-detail-pop .pop-content .accommodation li:first-child {
  margin-top: 0;
}
.class-detail-pop .pop-content .tab .tab-item {
  margin-right: 16px;
  padding: 0 16px 16px 16px;
  font-size: 16px;
}
.class-detail-pop .pop-content .tab .tab-item:last-child {
  margin-right: 0;
}
.class-detail-pop .pop-content .tab-content {
  margin-top: 18px;
  padding: 0 0 11px;
  height: 197px;
  overflow-y: auto;
}
.class-detail-pop .pop-content .tab-content .gear-detail-contents > div,
.class-detail-pop .pop-content .tab-content .course-detail-info > div {
  margin-bottom: 20px;
}
.class-detail-pop .pop-content .tab-content .gear-detail-contents > div:last-child,
.class-detail-pop .pop-content .tab-content .course-detail-info > div:last-child {
  margin-bottom: 0;
}
.class-detail-pop .pop-content .tab-content .gear-detail-contents > div h3,
.class-detail-pop .pop-content .tab-content .course-detail-info > div h3 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 6px;
}
.class-detail-pop .pop-content .tab-content .gear-detail-contents > div p,
.class-detail-pop .pop-content .tab-content .course-detail-info > div p {
  font-size: 16px;
  line-height: 24px;
}
.class-detail-pop .pop-content .tab-content .gear-detail-contents > div table th,
.class-detail-pop .pop-content .tab-content .course-detail-info > div table th {
  background-color: #EEEEEE;
}
.class-detail-pop .pop-content .tab-content .gear-detail-contents > div .list-info,
.class-detail-pop .pop-content .tab-content .course-detail-info > div .list-info {
  margin-bottom: 20px;
}
.class-detail-pop .pop-content .tab-content .gear-detail-contents > div .list-info li,
.class-detail-pop .pop-content .tab-content .course-detail-info > div .list-info li {
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  .class-detail-pop {
    width: 100%;
  }
  .class-detail-pop .pop-content .course-info {
    padding: 0 0 12px 0;
    border-top: none;
    margin-bottom: 12px;
  }
  .class-detail-pop .pop-content .course-info .category {
    font-size: 14px;
  }
  .class-detail-pop .pop-content .course-info > ul {
    flex-direction: column;
    align-items: flex-start;
  }
  .class-detail-pop .pop-content .course-info > ul li {
    padding-right: 0;
  }
  .class-detail-pop .pop-content .course-info > ul li::after {
    display: none;
  }
  .class-detail-pop .pop-content .tab .tab-item {
    padding: 0 8px 16px;
  }
  .class-detail-pop .pop-content .tab-content {
    height: auto;
  }
  .class-detail-pop .pop-content .tab-content .gear-detail-contents > div {
    margin-bottom: 16px;
  }
  .class-detail-pop .pop-content .tab-content .gear-detail-contents > div h3 {
    font-size: 14px;
    line-height: 20px;
  }
  .class-detail-pop .pop-content .tab-content .gear-detail-contents > div p {
    font-size: 14px;
    line-height: 20px;
  }
  .class-detail-pop .pop-content .accommodation {
    margin-bottom: 24px;
  }
  .class-detail-pop .pop-content .accommodation li {
    font-size: 14px;
    line-height: 24px;
    margin-top: 4px;
  }
}
.endClassList {
  margin-top: 40px;
  padding-bottom: 80px;
}
.endClassList table tr {
  position: relative;
}
.endClassList table .review .btn {
  width: 82px;
}
.endClassList .tooltip-wrap {
  position: relative;
}
.endClassList .tooltip-wrap:hover .btn {
  background-color: #F2F2F2;
}
.endClassList .tooltip-wrap:hover .pop-info {
  display: flex;
}
.endClassList .pop-info {
  position: absolute;
  background-color: rgba(17, 17, 17, 0.5);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px;
  border-radius: 8px;
  width: 300px;
  z-index: 5;
  display: none;
  left: 0;
  bottom: -100%;
}
.endClassList .pop-info li {
  line-height: 22px;
}
.endClassList .pop-info.total-2 {
  width: 150px;
}
.endClassList .pop-info.total-3 {
  width: 200px;
}
.endClassList .pop-info.total-4 {
  width: 250px;
}
.endClassList .pop-info.total-5 {
  width: 300px;
}
.endClassList .pop-info li {
  color: #ffffff;
  padding-left: 8px;
  position: relative;
}
.endClassList .pop-info li:first-child {
  padding-left: 0;
}
.endClassList .pop-info li:last-child {
  padding-left: 17px;
}
.endClassList .pop-info li:last-child::before {
  content: "";
  display: flex;
  position: relative;
  width: 1px;
  height: 10px;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
}
.endClassList .pageNation {
  margin-top: 44px;
}

@media screen and (max-width: 1199px) {
  .endClassList .board-table-wrap table {
    width: 1200px;
  }
}
@media screen and (max-width: 767px) {
  .endClassList {
    margin-top: 0;
    padding-bottom: 40px;
  }
  .endClassList .board-table-wrap table td {
    text-align: left;
    margin-bottom: 2px;
  }
  .endClassList .board-table-wrap table .endClass-state {
    order: 0;
    margin-bottom: 2px;
  }
  .endClassList .board-table-wrap table .category {
    order: 1;
    text-align: left;
  }
  .endClassList .board-table-wrap table .title {
    order: 2;
  }
  .endClassList .board-table-wrap table .date1 {
    order: 3;
  }
  .endClassList .board-table-wrap table .date2 {
    order: 4;
  }
  .endClassList .board-table-wrap table .date3 {
    order: 5;
  }
  .endClassList .board-table-wrap table .certificates {
    order: 6;
  }
  .endClassList .board-table-wrap table .certificates .gray-line-btn {
    padding: 0;
    border: none;
    border-bottom: 1px solid #000000;
    border-radius: 0;
  }
  .endClassList .board-table-wrap table .grade, .endClassList .board-table-wrap table .submit, .endClassList .board-table-wrap table .review {
    order: 7;
    flex: 1;
    margin-top: 24px;
    margin-bottom: 0;
    text-align: center;
    line-height: 40px;
  }
  .endClassList .board-table-wrap table .grade .btn, .endClassList .board-table-wrap table .submit .btn, .endClassList .board-table-wrap table .review .btn {
    width: 98%;
  }
}
.zzimClass {
  padding-bottom: 120px;
}
.zzimClass .list-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0 24px;
}
.zzimClass .list-title h3 {
  font-size: 20px;
  line-height: 24px;
}
.zzimClass .list-title h3 b {
  padding-left: 5px;
}
.zzimClass .zzimClass-lists {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.zzimClass .zzimClass-lists li {
  width: 282px;
  margin-right: 24px;
  margin-bottom: 40px;
}
.zzimClass .zzimClass-lists li:nth-child(4n) {
  margin-right: 0;
}
.zzimClass .zzimClass-lists li .cardCourse {
  width: 282px;
}

@media screen and (max-width: 1199px) {
  .zzimClass {
    padding-bottom: 80px;
  }
  .zzimClass .list-title {
    margin-top: 24px;
  }
  .zzimClass .zzimClass-lists li {
    width: 31.46%;
    margin-right: 2.8%;
  }
  .zzimClass .zzimClass-lists li:nth-child(4n) {
    margin-right: 2.8%;
  }
  .zzimClass .zzimClass-lists li:nth-child(3n) {
    margin-right: 0;
  }
  .zzimClass .zzimClass-lists li .cardCourse {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .zzimClass {
    padding-bottom: 40px;
  }
  .zzimClass .list-title {
    margin-bottom: 16px;
  }
  .zzimClass .list-title h3 {
    font-size: 16px;
  }
  .zzimClass .list-title .dropdownnBox button {
    padding: 11px;
  }
  .zzimClass .zzimClass-lists {
    justify-content: space-between;
  }
  .zzimClass .zzimClass-lists li {
    width: 48.98%;
    margin-right: 0;
    margin-bottom: 24px;
  }
  .zzimClass .zzimClass-lists li:nth-child(4n) {
    margin-right: 0%;
  }
  .zzimClass .zzimClass-lists li .cardCourse {
    width: 100%;
  }
}
.moible-box-header,
.tablet-box-header {
  display: none;
}

.enrollListLayout {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 80px;
  padding-bottom: 160px;
}
.enrollListLayout .right-lists-wrap {
  flex-grow: 1;
}
.enrollListLayout .right-lists-wrap .list-page-title {
  margin-bottom: 24px;
}
.enrollListLayout .right-lists-wrap .list-page-title > h2 {
  font-size: 20px;
  line-height: 23px;
}
.enrollListLayout .right-lists-wrap .coures-fillters {
  border: 1px solid #EEEEEE;
  border-radius: 8px;
  padding: 24px 30px;
  margin-bottom: 40px;
}
.enrollListLayout .right-lists-wrap .coures-fillters .coures-fillter {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
}
.enrollListLayout .right-lists-wrap .coures-fillters .coures-fillter:last-child {
  margin-bottom: 0;
}
.enrollListLayout .right-lists-wrap .coures-fillters .coures-fillter > span {
  padding-right: 30px;
  color: #AAAAAA;
}
.enrollListLayout .right-lists-wrap .coures-fillters .coures-fillter .btn {
  border: 1px solid #EEEEEE;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  padding: 8px 16px;
  border-radius: 100px;
  margin-right: 8px;
}
.enrollListLayout .right-lists-wrap .coures-fillters .coures-fillter .btn:last-child {
  margin-right: 0;
}
.enrollListLayout .right-lists-wrap .coures-fillters .coures-fillter .btn.on {
  border-color: var(--main-color);
  color: var(--main-color);
  background-color: rgba(51, 133, 255, 0.1);
}

.getsmart-dynamic .enrollListLayout .right-lists-wrap .coures-fillters .coures-fillter .btn.on {
  border-color: var(--main-color);
}

.getsmart-dynamic .enrollListLayout .right-lists-wrap .coures-fillters .coures-fillter .btn.on {
  color: var(--main-color);
}

.getsmart-dynamic .enrollListLayout .right-lists-wrap .coures-fillters .coures-fillter .btn.on {
  background-color: rgba(51, 133, 255, 0.1);
}

.enrollListLayout .right-lists-wrap .list-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.enrollListLayout .right-lists-wrap .list-title h3 {
  font-size: 20px;
  line-height: 24px;
}
.enrollListLayout .right-lists-wrap .list-title h3 b {
  padding-left: 5px;
}
.enrollListLayout .right-lists-wrap .enroll-lists {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.enrollListLayout .right-lists-wrap .enroll-lists li {
  margin-right: 24px;
  margin-bottom: 40px;
}
.enrollListLayout .right-lists-wrap .enroll-lists li:nth-child(3n) {
  margin-right: 0;
}
.enrollListLayout .right-lists-wrap .enroll-lists li .cardCourse {
  width: 282px;
}
.enrollListLayout .right-lists-wrap .pageNation {
  padding-top: 8px;
}

@media screen and (max-width: 1199px) {
  .enrollListLayout {
    flex-direction: column;
    padding-top: 16px;
    padding-bottom: 80px;
  }
  .enrollListLayout .categroy-btn {
    border: 1px solid #EEEEEE;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    border-radius: 4px;
  }
  .enrollListLayout .categroy-btn::before {
    content: "";
    display: flex;
    position: relative;
    width: 16px;
    height: 16px;
    background: url("./../../../images/svg/filter.svg");
    margin-right: 6px;
  }
  .enrollListLayout .tablet-box-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 16px;
    font-weight: 700;
    font-size: 18px;
    border-bottom: 1px solid #EEEEEE;
  }
  .enrollListLayout .right-lists-wrap {
    margin-top: 16px;
    padding-top: 24px;
    width: 100%;
  }
  .enrollListLayout .right-lists-wrap .enroll-lists li {
    width: 31.46%;
    margin-right: 2.8%;
  }
  .enrollListLayout .right-lists-wrap .enroll-lists li .cardCourse {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .enrollListLayout {
    padding-bottom: 40px;
  }
  .enrollListLayout .tablet-box-header {
    display: none;
  }
  .enrollListLayout .right-lists-wrap {
    padding-top: 16px;
  }
  .enrollListLayout .right-lists-wrap .list-page-title {
    margin-bottom: 16px;
  }
  .enrollListLayout .right-lists-wrap .list-page-title h2 {
    font-size: 16px;
  }
  .enrollListLayout .right-lists-wrap .list-page-title .page-map li {
    font-size: 14px;
  }
  .enrollListLayout .right-lists-wrap .coures-fillters {
    padding: 16px;
    margin-bottom: 32px;
  }
  .enrollListLayout .right-lists-wrap .coures-fillters .coures-fillter {
    align-items: flex-start;
    flex-direction: column;
  }
  .enrollListLayout .right-lists-wrap .coures-fillters .coures-fillter > span {
    padding-bottom: 8px;
  }
  .enrollListLayout .right-lists-wrap .list-title {
    margin-bottom: 16px;
  }
  .enrollListLayout .right-lists-wrap .list-title h3 {
    font-size: 16px;
  }
  .enrollListLayout .right-lists-wrap .list-title .dropdownnBox button {
    padding: 11px;
  }
  .enrollListLayout .right-lists-wrap .enroll-lists {
    justify-content: space-between;
  }
  .enrollListLayout .right-lists-wrap .enroll-lists li {
    width: 48.98%;
    margin-right: 0;
    margin-bottom: 24px;
  }
}
.enrollLnb {
  width: 250px;
  flex-shrink: 0;
  margin-right: 56px;
}
.enrollLnb button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.enrollLnb .icon {
  width: 24px;
  height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
}
.enrollLnb .depth1 .depth1-list {
  border-bottom: 1px solid #EEEEEE;
}
.enrollLnb .depth1 .depth1-list:first-child .depth1-btn {
  padding-top: 0;
}
.enrollLnb .depth1 .depth1-btn {
  padding: 16px 0;
  font-weight: 600;
  font-size: 18px;
}
.enrollLnb .depth1 .depth1-btn .icon {
  background-image: url("./../../../images/svg/dropdown.svg");
}
.enrollLnb .depth2 .depth2-btn {
  font-size: 16px;
  padding: 9px 0 9px 16px;
  font-weight: 600;
  line-height: 24px;
}
.enrollLnb .depth2 .depth2-btn .icon {
  background-image: url("./../../../images/svg/grayArrow.svg");
  transform: rotate(90deg);
  opacity: 0.5;
}
.enrollLnb .depth3 li {
  padding: 9px 16px 9px 40px;
  margin-top: 4px;
}
.enrollLnb .depth3 li a {
  font-size: 16px;
  line-height: 24px;
}

.enrollLnb .depth3 li a:hover {
  color: var(--main-color);
}

.getsmart-dynamic .enrollLnb .depth3 li a:hover {
  color: var(--main-color);
}

.enrollLnb .depth3 li.on {
  color: var(--main-color);
}

.getsmart-dynamic .enrollLnb .depth3 li.on {
  color: var(--main-color);
}

.enrollLnb .depth2-mobile-box {
  display: none;
}
.enrollLnb .depth2-mobile-box.active {
  display: block;
}
.enrollLnb .depth3-mobile-box {
  display: none;
}
.enrollLnb .depth3-mobile-box.active {
  display: block;
}

.enrollLnb.enroll-lnb-ext .depth3 .depth3-btn {
   font-size: 16px;
   font-weight: 500;
}
.enrollLnb.enroll-lnb-ext .depth3 .depth3-btn .icon {
  background-image: url("./../../../images/svg/grayArrow.svg");
  transform: rotate(90deg);
  opacity: 0.5;
}
.enrollLnb.enroll-lnb-ext .depth3 li {
  padding: 9px 0 9px 32px;
  margin-top: 0;
}
.enrollLnb.enroll-lnb-ext .depth4 li {
  padding: 16px 16px 9px 16px;
}
.enrollLnb.enroll-lnb-ext .depth4 li a {
  font-size: 16px;
  line-height: 24px;
}
.enrollLnb.enroll-lnb-ext .depth4 .depth4-btn {
  font-size: 16px;
  font-weight: 400;
}

.enrollLnb.enroll-lnb-ext .depth4-mobile-box {
  display: none;
}
.enrollLnb.enroll-lnb-ext .depth4-mobile-box.active {
  display: block;
}

.enroll-space {
  margin-bottom: 40px;
}

@media screen and (max-width: 1199px) {
  .enrollLnb {
    display: none;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    flex-direction: row-reverse;
  }
  .enrollLnb.active {
    display: flex;
  }
  .enrollLnb > .lnb-box-wrap {
    height: 100%;
    background-color: #ffffff;
    width: 320px;
    overflow-y: auto;
  }
  .enrollLnb .depth1 {
    padding: 16px;
  }
  .enrollLnb .depth1 .depth1-list {
    border-bottom: none;
    margin-bottom: 8px;
  }
  .enrollLnb .depth1 .depth1-list:last-child {
    margin-bottom: 0;
  }
  .enrollLnb .depth1 .depth1-list:first-child .depth1-btn {
    padding-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .enrollLnb > .lnb-box-wrap {
    width: 100%;
  }
  .enrollLnb .icon {
    display: none;
  }
  .enrollLnb .mobile-lists-box {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    border-radius: 16px 16px 0px 0px;
  }
  .enrollLnb .mobile-lists-box .moible-box-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 24px 16px;
  }
  .enrollLnb .mobile-lists-box .moible-box-header > p {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
  }
  .enrollLnb .mobile-lists-box .moible-box-header .icon {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    display: block;
    transform: rotate(90deg);
    margin-bottom: 0;
  }
  .enrollLnb .mobile-lists-box.lnb-box-wrap {
    height: auto;
  }
  .enrollLnb .mobile-lists-box.lnb-box-wrap.m-h-0 {
    height: 0;
  }
  .enrollLnb .mobile-lists-box.lnb-box-wrap > .moible-box-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .enrollLnb .mobile-lists-box.lnb-box-wrap > .moible-box-header .icon {
    margin-right: 0;
  }
  .enrollLnb .mobile-lists-box .lnb-categroy-lists {
    padding: 16px 24px 40px;
  }
  .enrollLnb .mobile-lists-box.m-h-0 {
    height: 0;
  }
  .enrollLnb .mobile-lists-box > ul {
    padding-bottom: 40px;
  }
  .enrollLnb .depth1 .depth1-list {
    margin-bottom: 24px;
  }
  .enrollLnb .depth1 .depth1-list .depth1-btn {
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
  }
  .enrollLnb .depth1 .depth1-list .depth1-btn:first-child {
    padding-top: 0;
    margin-top: 0;
  }
  .enrollLnb .depth2 .depth2-list {
    padding: 0;
    margin-bottom: 24px;
  }
  .enrollLnb .depth2 .depth2-list:last-child {
    margin-bottom: 0;
  }
  .enrollLnb .depth2 .depth2-list .depth2-btn {
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
  }
  .enrollLnb .depth3 {
    padding: 16px 24px;
  }
  .enrollLnb .depth3 li {
    padding: 0;
    margin-bottom: 24px;
  }
  .enrollLnb .depth3 li:last-child {
    margin-bottom: 0;
  }
  .enrollLnb .depth3 li a {
    font-size: 16px;
    line-height: 20px;
  }

  .enrollLnb .depth4 {
    padding: 16px 24px;
  }
  .enrollLnb .depth4 li {
    padding: 0;
    margin-bottom: 24px;
  }
  .enrollLnb .depth4 li:last-child {
    margin-bottom: 0;
  }
  .enrollLnb .depth4 li a {
    font-size: 16px;
    line-height: 20px;
  }

  .enrollLnb.enroll-lnb-ext .depth3 li {
    padding: 0;
  }

  .enrollLnb.enroll-lnb-ext .depth4 li {
    padding: 0;
  }

  .enrollLnb .depth3 .depth3-list .depth3-btn {
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
  }

  .enrollLnb .depth4 .depth4-list .depth4-btn {
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
  }

  .enrollLnb.enroll-lnb-ext .mobile-lists-box .moible-box-header > div > p {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
  }

  .enroll-space {
    margin-bottom: 0;
  }

}
.enrollCourseDetail {
  padding-top: 33px;
}
.enrollCourseDetail .page-map {
  margin-bottom: 65px;
}
.enrollCourseDetail .enrollCourse {
  display: grid;
  grid-template-columns: 1fr 350px;
  padding-bottom: 160px;
}
.enrollCourseDetail .enrollCourse .coursetitle-wrap {
  margin-bottom: 40px;
  padding-right: 40px;
}
.enrollCourseDetail .enrollCourse .coursetitle-wrap .coursetitle {
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 17px;
}
.enrollCourseDetail .enrollCourse .coursetitle-wrap .courseInfo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.enrollCourseDetail .enrollCourse .coursetitle-wrap .courseInfo .grade {
  margin-right: 8px;
}
.enrollCourseDetail .enrollCourse .coursetitle-wrap .courseInfo .label-wraps .label {
  margin-right: 4px;
}
.enrollCourseDetail .enrollCourse .coursetitle-wrap .courseInfo .label-wraps .label:last-child {
  margin-right: 0;
}
.enrollCourseDetail .enrollCourse .right-cont {
  grid-row: span 15;
}
.enrollCourseDetail .enrollCourse .detail-tab-content {
  padding-right: 40px;
}
.enrollCourseDetail .enrollCourse .detail-tab-content .tab-btns {
  background-color: #f8f8f8;
  padding: 4px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.enrollCourseDetail .enrollCourse .detail-tab-content .tab-btns .btn {
  flex: 1;
  font-weight: 600;
  height: 48px;
  border-radius: 4px;
}
.enrollCourseDetail .enrollCourse .detail-tab-content .tab-btns .btn b {
  padding-left: 5px;
}
.enrollCourseDetail .enrollCourse .detail-tab-content .tab-btns .btn.active {
  background-color: #ffffff;
}
.enrollCourseDetail .enrollCourse .detail-tab-content .tab-contents .tab-content h2 {
  font-size: 18px;
  margin-bottom: 24px;
}
.enrollCourseDetail .enrollCourse .detail-tab-content .tab-contents .tab-content > div p {
  font-size: 16px;
  line-height: 24px;
}

.courseViewSticky {
  position: sticky;
  top: 140px;
}
.courseViewSticky .img-wrap {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  padding-top: 55.5555%;
}
.courseViewSticky .img-wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.courseViewSticky .img-wrap .zzim-btn {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 16px;
  right: 16px;
}
.courseViewSticky .right-courseInfo {
  border-radius: 8px;
  padding: 32px 24px;
  border: 1px solid #EEEEEE;
  margin: 24px 0 0 0;
}
.courseViewSticky .right-courseInfo h3 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 24px;
}
.courseViewSticky .right-courseInfo .info-lists {
  margin-bottom: 32px;
}
.courseViewSticky .right-courseInfo .info-lists > li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 20px;
  margin-bottom: 16px;
}
.courseViewSticky .right-courseInfo .info-lists > li:last-child {
  margin-bottom: 0;
}
.courseViewSticky .right-courseInfo .info-lists > li > span {
  width: 80px;
  color: #AAAAAA;
  flex-shrink: 0;
}
.courseViewSticky .right-courseInfo .btn {
  width: 100%;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  height: 60px;
}
.courseViewSticky .right-courseInfo .enroll-btn-wrap .main-bg-btn-wrap {
  border-top: 1px solid #EEEEEE;
  padding-top: 24px;
  margin-top: 24px;
}
.courseViewSticky .right-courseInfo .enroll-btn-wrap .select-box {
  position: relative;
  margin-top: 24px;
}
.courseViewSticky .right-courseInfo .enroll-btn-wrap .select-box .btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
}
.courseViewSticky .right-courseInfo .enroll-btn-wrap .select-box .btn .icon {
  width: 24px;
  height: 24px;
}
.courseViewSticky .right-courseInfo .enroll-btn-wrap .select-box .btn:disabled {
  background-color: #ffffff !important;
}
.courseViewSticky .right-courseInfo .enroll-btn-wrap .select-box .btn:disabled .icon {
  opacity: 0.4;
}
.courseViewSticky .right-courseInfo .enroll-btn-wrap .select-box ul {
  background-color: #ffffff;
  width: 100%;
  padding: 16px;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
  margin-top: 12px;
  position: absolute;
  z-index: 1;
  overflow-y: auto;
  max-height: 152px;
}
.courseViewSticky .right-courseInfo .enroll-btn-wrap .select-box ul li button {
  width: 100%;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 4px;
}
.courseViewSticky .right-courseInfo .enroll-btn-wrap .select-box ul li button:hover {
  background-color: #F3F5F7;
  font-weight: bold;
}
.courseViewSticky .right-courseInfo .enroll-btn-wrap .select-box ul li span {
  color: #AAAAAA;
}
.courseViewSticky .right-courseInfo .enroll-btn-wrap .select-box.disable {
  color: #AAAAAA;
}
.courseViewSticky .right-courseInfo .enroll-btn-wrap .select-course-list {
  margin-top: 12px;
}
.courseViewSticky .right-courseInfo .enroll-btn-wrap .select-course-list li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #F8F8F8;
  padding: 16px;
  border-radius: 8px;
}
.courseViewSticky .right-courseInfo .enroll-btn-wrap .select-course-list li > div b {
  display: block;
  margin-bottom: 4px;
}
.courseViewSticky .right-courseInfo .enroll-btn-wrap .select-course-list li button {
  width: 20px;
  height: 20px;
  opacity: 0.4;
}

@media screen and (max-width: 1199px) {
  .enrollCourseDetail {
    padding-top: 24px;
  }
  .enrollCourseDetail .page-map {
    margin-bottom: 16px;
  }
  .enrollCourseDetail .enrollCourse {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
  }
  .enrollCourseDetail .enrollCourse .coursetitle-wrap {
    padding: 0 0 33px 0;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 32px;
  }
  .enrollCourseDetail .enrollCourse .coursetitle-wrap .coursetitle {
    font-size: 22px;
    line-height: 32px;
  }
  .enrollCourseDetail .enrollCourse .detail-tab-content {
    padding-right: 0;
  }
  .enrollCourseDetail .enrollCourse .detail-tab-content .tab-btns {
    margin-bottom: 32px;
  }
  .enrollCourseDetail .enrollCourse .detail-tab-content .tab-contents {
    margin-bottom: 80px;
  }
  .enrollCourseDetail .enrollCourse .detail-tab-content .tab-contents .tab-content > div p {
    line-height: 22px;
  }
  .enrollCourseDetail .enrollCourse .right-cont {
    margin-bottom: 40px;
  }
  .courseViewSticky {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    z-index: 1;
  }
  .courseViewSticky .img-wrap {
    width: 47.283%;
    padding-top: 26.22%;
    flex-shrink: 0;
  }
  .courseViewSticky .img-wrap .zzim-btn {
    top: 12px;
    right: 12px;
  }
  .courseViewSticky .right-courseInfo {
    flex-grow: 1;
    width: 100%;
    border: none;
    margin-top: 0;
    padding: 0 0 0 24px;
  }
  .courseViewSticky .right-courseInfo h3 {
    display: none;
  }
  .courseViewSticky .right-courseInfo .enroll-btn-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    flex-direction: column-reverse;
    display: none;
  }
  .courseViewSticky .right-courseInfo .enroll-btn-wrap.show {
    display: flex;
  }
  .courseViewSticky .right-courseInfo .enroll-btn-wrap > form {
    background-color: #ffffff;
    border-radius: 16px 16px 0 0;
    padding: 16px 16px 23px 16px;
  }
  .courseViewSticky .right-courseInfo .enroll-btn-wrap .select-box ul {
    position: relative;
  }
  .courseViewSticky .right-courseInfo .btn {
    height: 48px;
    font-size: 14px;
  }
  .mobile-fixed-btn {
    display: flex;
    position: sticky;
    bottom: 0;
    background-color: #ffffff;
    z-index: 1;
    padding: 24px 0;
  }
  .mobile-fixed-btn .btn {
    width: 100%;
    height: 48px;
    border-radius: 4px;
  }
}
@media screen and (max-width: 767px) {
  .enrollCourseDetail {
    padding: 24px 0 0 0;
  }
  .enrollCourseDetail .page-map {
    padding: 0 16px;
    margin-bottom: 24px;
  }
  .enrollCourseDetail .enrollCourse .coursetitle-wrap {
    border: none;
    padding: 0 16px;
    margin-bottom: 40px;
  }
  .enrollCourseDetail .enrollCourse .coursetitle-wrap .coursetitle {
    font-size: 20px;
    line-height: 26px;
  }
  .enrollCourseDetail .enrollCourse .right-cont {
    padding: 0 16px;
  }
  .enrollCourseDetail .enrollCourse .right-cont .courseViewSticky {
    flex-direction: column;
  }
  .enrollCourseDetail .enrollCourse .detail-tab-content .tab-btns {
    border-radius: 0;
    padding: 8px 16px;
  }
  .enrollCourseDetail .enrollCourse .detail-tab-content .tab-btns .btn {
    height: 34px;
    margin-right: 8px;
    color: #666666;
    position: relative;
  }
  .enrollCourseDetail .enrollCourse .detail-tab-content .tab-btns .btn:last-child {
    margin-right: 0;
  }
  .enrollCourseDetail .enrollCourse .detail-tab-content .tab-btns .btn.active {
    background-color: transparent;
    color: #000000;
  }
  .enrollCourseDetail .enrollCourse .detail-tab-content .tab-btns .btn.active::after {
    content: "";
    display: flex;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000000;
    bottom: -8px;
  }
  .enrollCourseDetail .enrollCourse .detail-tab-content .tab-btns .btn b {
    padding-left: 0;
  }
  .enrollCourseDetail .enrollCourse .detail-tab-content .tab-contents {
    padding: 0 16px;
    margin-bottom: 56px;
  }
  .enrollCourseDetail .mobile-fixed-btn {
    padding: 24px 16px;
  }
  .courseViewSticky .img-wrap {
    width: 100%;
    padding-top: 55.39%;
  }
  .courseViewSticky .img-wrap .zzim-btn {
    top: 8px;
    right: 8px;
  }
  .courseViewSticky .right-courseInfo {
    padding: 0;
    margin-top: 24px;
  }
}
.enrollCourseDetail .detail-tab-content .complete .standard {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #EEEEEE;
}
.enrollCourseDetail .detail-tab-content .complete .standard h2 {
  margin-bottom: 16px;
}
.enrollCourseDetail .detail-tab-content .complete .standard ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.enrollCourseDetail .detail-tab-content .complete .standard ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
}
.enrollCourseDetail .detail-tab-content .complete .standard ul li::after {
  content: "";
  display: flex;
  position: relative;
  width: 1px;
  height: 10px;
  background-color: #AAAAAA;
  margin: 0 10px;
}
.enrollCourseDetail .detail-tab-content .complete .standard ul li:last-child::after {
  display: none;
}
.enrollCourseDetail .detail-tab-content .complete table tbody td:first-child {
  font-weight: 600;
}
.enrollCourseDetail .detail-tab-content .complete table tbody td ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.enrollCourseDetail .detail-tab-content .complete table tbody td ul li {
  line-height: 20px;
  padding-right: 15px;
  position: relative;
}
.enrollCourseDetail .detail-tab-content .complete table tbody td ul li b {
  padding: 0 5px 0 0;
}
.enrollCourseDetail .detail-tab-content .complete table tbody td ul li::after {
  content: "";
  display: flex;
  position: relative;
  width: 1px;
  height: 10px;
  background-color: #999999;
  position: absolute;
  top: 5px;
  right: 6px;
}
.enrollCourseDetail .detail-tab-content .complete table tbody td ul li:last-child {
  padding-right: 0;
}
.enrollCourseDetail .detail-tab-content .complete table tbody td ul li:last-child::after {
  display: none;
}

.enrollCourseDetail .detail-tab-content .index-lists .index-list {
  border: 1px solid #EEEEEE;
  padding: 18px 24px;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.enrollCourseDetail .detail-tab-content .index-lists .index-list:last-child {
  margin-bottom: 0;
}
.enrollCourseDetail .detail-tab-content .index-lists .index-list p {
  font-size: 16px;
  font-weight: 600;
}
.enrollCourseDetail .detail-tab-content .index-lists .index-list p b {
  padding-right: 16px;
}

.enrollCourseDetail .detail-tab-content .introduce > div {
  padding: 40px 0;
  border-bottom: 1px solid #EEEEEE;
}
.enrollCourseDetail .detail-tab-content .introduce > div h2 {
  margin-bottom: 16px;
}
.enrollCourseDetail .detail-tab-content .introduce > div:first-child {
  padding-top: 0;
}

.enrollCourseDetail .detail-tab-content .review .total-review {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
}
.enrollCourseDetail .detail-tab-content .review .total-review h2 {
  margin-bottom: 0 !important;
}
.enrollCourseDetail .detail-tab-content .review .total-review > div {
  margin-left: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.enrollCourseDetail .detail-tab-content .review .total-review > div .grade {
  font-size: 24px;
  font-weight: 700;
  margin-right: 8px;
}
.enrollCourseDetail .detail-tab-content .review .total-review > div .grade::before {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
.enrollCourseDetail .detail-tab-content .review .total-review > div .gray-color-font {
  font-size: 16px;
}
.enrollCourseDetail .detail-tab-content .review .fillter-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.enrollCourseDetail .detail-tab-content .review .fillter-wrap .btns-wrap button {
  color: #AAAAAA;
  margin-right: 16px;
  font-weight: 600;
}
.enrollCourseDetail .detail-tab-content .review .fillter-wrap .btns-wrap button:last-child {
  margin-right: 0;
}
.enrollCourseDetail .detail-tab-content .review .fillter-wrap .btns-wrap button.active {
  color: var(--main-color);
}

.getsmart-dynamic .enrollCourseDetail .detail-tab-content .review .fillter-wrap .btns-wrap button.active {
  color: var(--main-color);
}

.enrollCourseDetail .detail-tab-content .review .review-lists .review-list {
  border-top: 1px solid #EEEEEE;
  padding: 24px 0;
}
.enrollCourseDetail .detail-tab-content .review .review-lists .review-list .reviewer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
}
.enrollCourseDetail .detail-tab-content .review .review-lists .review-list .reviewer .profile-img {
  width: 40px;
  height: 40px;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 16px;
}
.enrollCourseDetail .detail-tab-content .review .review-lists .review-list .reviewer .profile-img img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.enrollCourseDetail .detail-tab-content .review .review-lists .review-list .reviewer .stars-grade {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
}
.enrollCourseDetail .detail-tab-content .review .review-lists .review-list .reviewer .stars-grade .icon {
  width: 20px;
  height: 20px;
  background-image: url("./../../../images/svg/gradeStar_off.svg");
}
.enrollCourseDetail .detail-tab-content .review .review-lists .review-list .reviewer .stars-grade .icon.on {
  background-image: url("./../../../images/svg/gradeStar.svg");
}
.enrollCourseDetail .detail-tab-content .review .review-lists .review-list .reviewer .stars-grade > b {
  padding-left: 5px;
  font-size: 16px;
}
.enrollCourseDetail .detail-tab-content .review .review-lists .review-list .review-text {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}
.enrollCourseDetail .detail-tab-content .review .review-lists .review-list .review-text > p {
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  .enrollCourseDetail .detail-tab-content .review .review-lists .review-list .reviewer .stars-grade .icon {
    width: 16px;
    height: 16px;
  }
  .enrollCourseDetail .detail-tab-content .review .review-lists .review-list .reviewer .stars-grade b {
    font-size: 14px;
    padding-left: 4px;
  }
}
.enrollDetail .enrollDetailInfo {
  padding: 48px 0;
}
.enrollDetail .enrollDetailInfo h1 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 40px;
}
.enrollDetail .bg-wrap {
  background-color: #F8F8F8;
  padding: 48px 0 160px;
}
.enrollDetail .bg-wrap .form-wrap {
  background-color: #ffffff;
  border-radius: 4px;
}
.enrollDetail .bg-wrap .form-wrap fieldset {
  padding: 32px 16px;
  border-top: 1px solid #EEEEEE;
}
.enrollDetail .bg-wrap .form-wrap fieldset:first-child {
  border-top: none;
}
.enrollDetail .bg-wrap .form-wrap fieldset h3 {
  font-size: 18px;
  line-height: 24px;
}
.enrollDetail .bg-wrap .form-wrap fieldset .app-notice-text {
  font-size: 16px;
  line-height: 24px;
  margin-top: 8px;
  font-weight: 500;
}
.enrollDetail .bg-wrap .form-wrap fieldset .wrtie-box {
  margin-top: 32px;
}
.enrollDetail .bg-wrap .form-wrap .book-delivery-info {
  border: 1px solid #EEEEEE;
  padding: 24px;
  border-radius: 8px;
  margin-top: 16px;
}
.enrollDetail .bg-wrap .form-wrap .book-delivery-info > p {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 8px;
  font-weight: 600;
}
.enrollDetail .bg-wrap .form-wrap .notice {
  margin-top: 16px;
}
.enrollDetail .bg-wrap .form-wrap .notice li {
  line-height: 24px;
  font-size: 16px;
}
.enrollDetail .bg-wrap .form-wrap .agree-forms-wrap > div {
  margin-bottom: 40px;
}
.enrollDetail .bg-wrap .form-wrap .agree-forms-wrap > div:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1199px) {
  .enrollDetail .enrollDetailInfo {
    padding: 0;
  }
  .enrollDetail .enrollDetailInfo .container {
    padding: 0;
  }
  .enrollDetail .enrollDetailInfo h1 {
    font-size: 18px;
    line-height: 24px;
    border-bottom: 1px solid #EEEEEE;
    padding: 16px;
    margin-bottom: 0;
  }
  .enrollDetail .bg-wrap {
    padding: 0 0 24px 0;
    background-color: #ffffff;
  }
  .enrollDetail .bg-wrap .enrollDetailForm {
    border-top: 1px solid #EEEEEE;
  }
  .enrollDetail .bg-wrap .form-wrap fieldset {
    padding: 32px 0;
  }
  .enrollDetail .bg-wrap .form-wrap fieldset h3 {
    font-size: 16px;
  }
  .enrollDetail .bg-wrap .form-wrap fieldset .app-notice-text {
    font-size: 14px;
    line-height: 20px;
  }
  .enrollDetail .bg-wrap .form-wrap fieldset .wrtie-box {
    margin-top: 24px;
  }
  .enrollDetail .bg-wrap .form-wrap .book-delivery-info {
    padding: 16px;
  }
  .enrollDetail .bg-wrap .form-wrap .book-delivery-info > p {
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 20px;
  }
  .enrollDetail .bg-wrap .form-wrap .notice {
    margin-top: 16px;
  }
  .enrollDetail .bg-wrap .form-wrap .notice li {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 767px) {
  .enrollDetail .bg-wrap {
    padding: 12px 0 0 0;
    margin-bottom: 24px;
    background-color: #F8F8F8;
  }
  .enrollDetail .bg-wrap .enrollDetailForm {
    border-top: 0;
  }
  .enrollDetail .bg-wrap .board-table-wrap table tbody tr {
    text-align: left;
    border-top: 1px solid #EEEEEE;
  }
  .enrollDetail .bg-wrap .board-table-wrap table tbody tr td:first-child {
    color: #AAAAAA;
    line-height: 22px;
    margin-bottom: 2px;
  }
  .enrollDetail .bg-wrap .board-table-wrap table tbody tr td.title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 8px;
  }
  .enrollDetail .bg-wrap .board-table-wrap table tbody tr td.has-label {
    margin-top: 2px;
  }
  .enrollDetail .bg-wrap .board-table-wrap table tbody tr td.has-label::before {
    min-width: 80px;
  }
  .enrollDetail .bg-wrap .board-table-wrap table tbody tr td .main-bg-btn {
    margin-top: 16px;
    width: 100%;
  }
  .enrollDetail .bg-wrap .form-wrap fieldset {
    padding: 24px 0;
  }
  .enrollDetail .bg-wrap .form-wrap fieldset h3 {
    line-height: 22px;
  }
  .enrollDetail .bg-wrap .form-wrap .agree-forms-wrap > div {
    margin-bottom: 32px;
  }
}
.enroll-course-info {
  display: grid;
  grid-template-columns: 306px 1fr;
}
.enroll-course-info .img-wrap {
  border-radius: 8px;
  overflow: hidden;
  width: 282px;
  padding-top: 0;
  height: 156px;
  position: relative;
  flex-shrink: 0;
  grid-row: span 2;
}
.enroll-course-info .img-wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.enroll-course-info h2 b {
  font-size: 20px;
  line-height: 24px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.enroll-course-info .info-lists {
  margin-top: 16px;
}
.enroll-course-info .info-lists > li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: 14px;
}
.enroll-course-info .info-lists > li:last-child {
  margin-bottom: 0;
}
.enroll-course-info .info-lists > li > span {
  width: 80px;
  color: #AAAAAA;
}
.enroll-course-info .info-lists > li .page-map li {
  font-size: 14px;
}

@media screen and (max-width: 1199px) {
  .enroll-course-info {
    padding: 24px;
    grid-template-columns: 31.9% 1fr;
  }
  .enroll-course-info .img-wrap {
    width: 100%;
    padding-top: 55.65%;
    height: auto;
  }
  .enroll-course-info h2 {
    padding-left: 24px;
  }
  .enroll-course-info h2 b {
    font-size: 16px;
    line-height: 22px;
  }
  .enroll-course-info .info-lists {
    margin-top: 8px;
    padding-left: 24px;
  }
}
@media screen and (max-width: 767px) {
  .enroll-course-info {
    padding: 24px 16px;
    grid-template-columns: 33.236% 1fr;
  }
  .enroll-course-info .img-wrap {
    grid-column: 1/2;
    grid-row: 1/2;
    padding-top: 56.637%;
  }
  .enroll-course-info h2 {
    grid-column: 2/3;
    grid-row: 1/2;
    padding-left: 16px;
  }
  .enroll-course-info .info-lists {
    grid-column: 1/3;
    margin-top: 16px;
    padding: 16px 0 0 0;
    border-top: 1px solid #EEEEEE;
  }
}
.enrollFinish {
  padding-bottom: 160px;
}
.enrollFinish .finish-top {
  padding: 120px 0;
  text-align: center;
}
.enrollFinish .finish-top h1 {
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 8px;
}
.enrollFinish .finish-top p {
  font-size: 16px;
  line-height: 24px;
}
.enrollFinish .finish-top p b {
  font-weight: 400;
}
.enrollFinish .finish-course-info {
  padding: 40px 0;
  border: 1px solid #EEEEEE;
  border-width: 1px 0;
}
.enrollFinish .finish-course-info .enroll-course-info .img-wrap {
  padding-top: 0;
  height: 156px;
}
.enrollFinish .finish-course-info .enroll-course-info h2 {
  margin-bottom: 0;
}
.enrollFinish h2 {
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 24px;
}
.enrollFinish .pay-info {
  padding-top: 40px;
}
.enrollFinish .pay-info > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.enrollFinish .pay-info > div a {
  color: #666666;
  font-size: 16px;
}
.enrollFinish .pay-info ul {
  margin: 16px 0 0;
  background-color: #F8F8F8;
  border-radius: 8px;
  padding: 32px 24px;
}
.enrollFinish .pay-info ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  font-size: 16px;
}
.enrollFinish .pay-info ul li:last-child {
  margin-bottom: 0;
}
.enrollFinish .pay-info ul li b {
  width: 160px;
}
.enrollFinish .btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 48px;
}
.enrollFinish .btn-wrap .btn {
  width: 240px;
  height: 60px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
}

@media screen and (max-width: 1199px) {
  .enrollFinish {
    padding-bottom: 40px;
  }
  .enrollFinish h2 {
    font-size: 18px;
  }
  .enrollFinish .finish-top {
    padding: 40px 0;
  }
  .enrollFinish .finish-top h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px;
  }
  .enrollFinish .finish-top p span {
    display: block;
  }
  .enrollFinish .finish-course-info {
    padding: 32px 0;
  }
  .enrollFinish .finish-course-info .enroll-course-info {
    padding: 0;
  }
  .enrollFinish .finish-course-info .enroll-course-info .img-wrap {
    padding-top: 55.65%;
    height: auto;
  }
  .enrollFinish .pay-info ul {
    margin: 0 0 0;
    padding: 16px;
  }
  .enrollFinish .pay-info ul li {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
  }
  .enrollFinish .pay-info ul li b {
    width: 140px;
    flex-shrink: 0;
  }
  .enrollFinish .btn-wrap {
    margin-top: 80px;
  }
  .enrollFinish .btn-wrap .btn {
    width: 100%;
    padding: 24px 0;
    font-size: 14px;
    height: 48px;
  }
}
@media screen and (max-width: 767px) {
  .enrollFinish {
    padding-bottom: 20px;
  }
}
.enroll-search-pop {
  width: 640px;
  border-radius: 16px;
  max-height: 95dvh;
  overflow-y: auto;
}
.enroll-search-pop .pop-header {
  justify-content: flex-start;
}
.enroll-search-pop .pop-header > h1 {
  font-size: 24px;
}
.enroll-search-pop .pop-content form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.enroll-search-pop .pop-content form > div {
  flex-grow: 1;
  margin-right: 8px;
}
.enroll-search-pop .pop-content form > div input {
  height: 48px;
  padding-left: 40px;
}
.enroll-search-pop .pop-content form > div .gary-search-icon {
  width: 16px;
  height: 16px;
  left: 13px;
  top: 17px;
}
.enroll-search-pop .pop-content form .btn {
  width: 104px;
  flex-shrink: 0;
  height: 48px;
  border-radius: 8px;
}
.enroll-search-pop .pop-content table tr:hover {
  cursor: pointer;
}
.enroll-search-pop .pop-content table tr:hover td {
  background-color: rgba(51, 133, 255, 0.1);
  color: var(--main-color);
}

.getsmart-dynamic .enroll-search-pop .pop-content table tr:hover td {
  background-color: rgba(51, 133, 255, 0.1);
}

.getsmart-dynamic .enroll-search-pop .pop-content table tr:hover td {
  color: var(--main-color);
}

.enroll-search-pop .pop-content table tr:hover td.no-result {
  background-color: transparent;
  color: #999999;
}
.enroll-search-pop .pop-content table tr td.no-result {
  padding: 48px 0 8px;
  color: #999999;
  border-bottom: none;
}
.enroll-search-pop .pop-content .pageNation {
  margin-top: 40px;
}

@media screen and (max-width: 1199px) {
  .enroll-search-pop {
    width: 560px;
  }
}
@media screen and (max-width: 767px) {
  .enroll-search-pop {
    max-height: inherit;
    overflow-y: auto;
    width: 100%;
    border-radius: 0;
  }
  .enroll-search-pop .pop-header > h1 {
    font-size: 16px;
  }
  .enroll-search-pop .pop-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .enroll-search-pop .pop-content form .input-wrap {
    margin-right: 0;
  }
  .enroll-search-pop .pop-content form button {
    display: none;
  }
}
.support-class-pop {
  width: 640px;
}
.support-class-pop .notice-lists > li {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px;
}
.support-class-pop .notice-lists > li:last-child {
  margin-bottom: 0;
}
.support-class-pop .notice-lists ul {
  padding: 20px 0 20px 10px;
}
.support-class-pop .notice-lists ul li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 16px;
  line-height: 24px;
}
.support-class-pop .notice-lists ul li::before {
  content: "";
  display: flex;
  position: relative;
  width: 4px;
  height: 4px;
  background-color: #000000;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 6px;
  margin-top: 9px;
}
.support-class-pop .inputWrap-box {
  margin: 40px 0 0 0;
}
.support-class-pop .inputWrap-box label {
  font-size: 16px;
  font-weight: 600;
}

@media screen and (max-width: 1199px) {
  .support-class-pop {
    width: 560px;
  }
}
@media screen and (max-width: 767px) {
  .support-class-pop {
    width: 100%;
  }
  .support-class-pop .pop-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .support-class-pop .pop-content .inputWrap-box {
    font-size: 0;
  }
  .support-class-pop .pop-content .inputWrap-box label {
    font-size: 14px;
  }
}
.outEduLists {
  padding-bottom: 160px;
}
.outEduLists .result-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0 24px;
}
.outEduLists .result-box .total-title {
  margin-bottom: 0;
}
.outEduLists .result-box > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.outEduLists .result-box > div .btn {
  height: 42px;
  border-radius: 8px;
  padding: 0 16px;
  min-width: 73px;
  margin-right: 8px;
  color: #666666;
  font-size: 14px;
  font-weight: 600;
}
.outEduLists .result-box > div .btn .icon {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background-image: url("./../../../images/svg/gary-warning-circle.svg");
}
.outEduLists .result-box > div .btn:last-child {
  margin-right: 0;
}
.outEduLists .result-box > div .btn.main-color-font {
  color: var(--main-color);
}

.getsmart-dynamic .outEduLists .result-box > div .btn.main-color-font {
  color: var(--main-color);
}

.outEduLists table tbody td {
  height: 72px;
}
.outEduLists table tbody td .link:hover {
  text-decoration: underline;
}
.outEduLists .pageNation {
  margin-top: 40px;
}

@media screen and (max-width: 1199px) {
  .outEduLists .board-table-wrap table {
    min-width: 1050px;
  }
}
@media screen and (max-width: 767px) {
  .outEduLists {
    padding-bottom: 40px;
  }
  .outEduLists .result-box {
    border-bottom: 1px solid #EEEEEE;
    margin: 0;
    padding: 16px 0 16px;
  }
  .outEduLists .result-box .total-title {
    border-bottom: none;
    padding: 0;
  }
  .outEduLists .board-table-wrap table {
    min-width: auto;
    text-align: left;
  }
  .outEduLists .board-table-wrap table tbody tr td .link:hover {
    text-decoration: none;
  }
  .outEduLists .board-table-wrap table tbody tr td.has-label {
    margin-bottom: 2px;
  }
  .outEduLists .board-table-wrap table tbody tr td.has-label:last-child {
    margin-bottom: 0;
  }
  .outEduLists .board-table-wrap table tbody tr td.has-label::before {
    min-width: 120px;
  }
}
.outEduApply {
  padding-bottom: 160px;
}
.outEduApply form fieldset .applySign .error-text {
  display: block;
  margin-bottom: 8px;
}
.outEduApply form fieldset .applySign .flex-box {
  padding: 16px 0;
}
.outEduApply form fieldset .applySign .people-info-table-wrap {
  border: 1px solid #EEEEEE;
  border-radius: 16px;
  padding: 24px;
  margin-top: 16px;
}
.outEduApply form fieldset .applySign .people-info-table-wrap > p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}
.outEduApply form fieldset .period-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.outEduApply form fieldset .period-flex .wrtie-box:first-child {
  flex-grow: 1;
  margin-right: 24px;
}
.outEduApply form fieldset .period-flex .wrtie-box:nth-child(2) {
  flex-shrink: 0;
  width: 376px;
}
.outEduApply form fieldset .tell-notice {
  display: block;
  margin-top: 8px;
  font-weight: 500;
}

@media screen and (max-width: 1199px) {
  .outEduApply {
    padding-bottom: 80px;
  }
  .outEduApply form fieldset .applySign .people-info-table-wrap {
    padding: 16px;
  }
  .outEduApply form fieldset .applySign .people-info-table-wrap > p {
    font-size: 14px;
    line-height: 22px;
  }
  .outEduApply form fieldset .period-flex .wrtie-box:first-child {
    margin-right: 16px;
  }
  .outEduApply form fieldset .period-flex .wrtie-box:nth-child(2) {
    width: 48%;
    flex-grow: 1;
    flex-shrink: inherit;
  }
}
@media screen and (max-width: 767px) {
  .outEduApply {
    padding-bottom: 24px;
  }
  .outEduApply form fieldset .applySign .flex-box {
    padding: 10px 0 16px;
  }
  .outEduApply form fieldset .applySign .people-info-table-wrap {
    margin-top: 0;
  }
  .outEduApply form fieldset .applySign .people-info-table-wrap table tbody tr {
    text-align: left;
    border-top: 1px solid #EEEEEE;
  }
  .outEduApply form fieldset .applySign .people-info-table-wrap table tbody tr td:first-child {
    color: #AAAAAA;
    line-height: 22px;
    margin-bottom: 2px;
  }
  .outEduApply form fieldset .applySign .people-info-table-wrap table tbody tr td.title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 8px;
  }
  .outEduApply form fieldset .applySign .people-info-table-wrap table tbody tr td.has-label {
    margin-top: 2px;
  }
  .outEduApply form fieldset .applySign .people-info-table-wrap table tbody tr td.has-label::before {
    min-width: 80px;
  }
  .outEduApply form fieldset .applySign .people-info-table-wrap table tbody tr td .main-bg-btn {
    margin-top: 16px;
    width: 100%;
  }
  .outEduApply form fieldset .period-flex {
    flex-direction: column;
  }
  .outEduApply form fieldset .period-flex .wrtie-box {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .outEduApply form fieldset .period-flex .wrtie-box:first-child {
    margin-bottom: 24px;
  }
}
.outEduView {
  padding-bottom: 160px;
}
.outEduView .outeduView-table-wrap:first-child {
  margin-top: 40px;
  margin-bottom: 56px;
}
.outEduView .outeduView-table-wrap .view-ul-table-wrap {
  margin-bottom: 24px;
}
.outEduView .outeduView-table-wrap .view-ul-table-wrap .approver-lists li {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.outEduView .outeduView-table-wrap .view-ul-table-wrap .approver-lists li b {
  margin-right: 6px;
}
.outEduView .outeduView-table-wrap .view-ul-table-wrap .approver-lists li .bar-right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.outEduView .outeduView-table-wrap .view-ul-table-wrap .approver-lists li .bar-right::after {
  content: "";
  display: flex;
  position: relative;
  width: 1px;
  height: 10px;
  background-color: #AAAAAA;
  margin: 0 10px;
}
.outEduView .outeduView-table-wrap .btns-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.outEduView .outeduView-table-wrap .btns-wrap .btn {
  width: 172px;
  height: 60px;
  border-radius: 8px;
  font-size: 16px;
  margin-left: 16px;
  font-weight: 600;
}
.outEduView .outeduView-table-wrap .btns-wrap .btn:first-child {
  margin-left: 0;
}
.outEduView .view-ul-table-wrap .view-ul-table > li > div.m-long-text {
  letter-spacing: -0.5px;
  white-space: nowrap;
}

@media screen and (max-width: 1199px) {
  .outEduView {
    padding-bottom: 80px;
  }
  .outEduView .outeduView-table-wrap .btns-wrap .btn {
    height: 48px;
    width: 120px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .outEduView {
    padding-bottom: 20px;
  }
  .outEduView .outeduView-table-wrap .btns-wrap .btn {
    flex: 1;
    margin-left: 8px;
  }
}
.resultEnterPop {
  width: 640px;
}
.resultEnterPop .writeForm fieldset .wirte-boxs-wrap .wrtie-box .form-label {
  font-weight: 600;
  font-size: 18px;
  color: #000000;
}
.resultEnterPop .writeForm fieldset .wirte-boxs-wrap .wrtie-box textarea {
  width: 100%;
  height: 120px;
}
.resultEnterPop .writeForm fieldset .wirte-boxs-wrap .wrtie-box.scoring {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0;
  border: 1px solid #EEEEEE;
  border-width: 1px 0;
}
.resultEnterPop .writeForm fieldset .wirte-boxs-wrap .wrtie-box.scoring .form-label {
  margin-bottom: 0;
}
.resultEnterPop .writeForm fieldset .wirte-boxs-wrap .wrtie-box.scoring .score-star {
  display: flex;
}
.resultEnterPop .writeForm fieldset .wirte-boxs-wrap .wrtie-box.scoring .score-star .rating__star {
  width: 24px;
  height: 24px;
  background-image: url("./../../../images/svg/score-star.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.resultEnterPop .writeForm fieldset .wirte-boxs-wrap .wrtie-box.scoring .score-star .rating__star.on {
  background-image: url("./../../../images/svg/score-star-on.svg");
}
.resultEnterPop .pop-btn {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.resultEnterPop .pop-btn .btn {
  flex: 1;
  margin-right: 8px;
  border-radius: 8px;
}
.resultEnterPop .pop-btn .btn:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1199px) {
  .resultEnterPop {
    width: 56 0px;
  }
  .resultEnterPop .writeForm fieldset .wirte-boxs-wrap .wrtie-box .form-label {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .resultEnterPop {
    width: 100%;
  }
  .resultEnterPop .pop-content {
    min-height: calc(100vh - 57px);
    height: auto;
  }
  .resultEnterPop .pop-content form {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .resultEnterPop .writeForm fieldset .wirte-boxs-wrap .wrtie-box {
    margin-top: 16px;
  }
  .resultEnterPop .writeForm fieldset .wirte-boxs-wrap .wrtie-box:first-child {
    margin-top: 0;
  }
  .resultEnterPop .writeForm fieldset .wirte-boxs-wrap .wrtie-box .form-label {
    font-size: 14px;
  }
  .resultEnterPop .pop-btn {
    padding: 16px 0;
  }
}
.registerCourse {
  padding-bottom: 160px;
}
.registerCourse .result-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0 24px;
}
.registerCourse .result-box .total-title {
  margin-bottom: 0;
}
.registerCourse .result-box > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.registerCourse .result-box > div .btn {
  height: 42px;
  border-radius: 8px;
  padding: 0 16px;
  min-width: 73px;
  margin-right: 8px;
  color: #666666;
  font-size: 14px;
  font-weight: 600;
}
.registerCourse .result-box > div .btn .icon {
  width: 16px;
  height: 16px;
}
.registerCourse .result-box > div .btn:last-child {
  margin-right: 0;
}
.registerCourse .result-box > div .btn.main-color-font {
  color: var(--main-color);
}

.getsmart-dynamic .registerCourse .result-box > div .btn.main-color-font {
  color: var(--main-color);
}

.registerCourse .board-table-wrap table {
  min-width: 1000px;
}
.registerCourse .board-table-wrap table input[type=checkbox] + label span {
  margin-right: 0;
}
.registerCourse .pageNation {
  margin-top: 40px;
}

@media screen and (max-width: 1199px) {
  .registerCourse {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .registerCourse {
    padding-bottom: 40px;
  }
  .registerCourse .result-box {
    border-bottom: 1px solid #EEEEEE;
    margin: 0;
    padding: 16px 0 16px;
  }
  .registerCourse .result-box .total-title {
    border-bottom: none;
    padding: 0;
  }
  .registerCourse .board-table-wrap table {
    min-width: inherit;
  }
  .registerCourse .board-table-wrap table tbody tr {
    position: relative;
  }
  .registerCourse .board-table-wrap table tbody tr td {
    text-align: left;
    display: flex;
  }
  .registerCourse .board-table-wrap table tbody tr td.num {
    display: none;
  }
  .registerCourse .board-table-wrap table tbody tr td.input-td {
    position: absolute;
    right: 12px;
    top: 37px;
    width: auto;
    font-size: 0;
  }
  .registerCourse .board-table-wrap table tbody tr td.type {
    font-weight: 700;
    color: #aaaaaa;
    margin-bottom: 2px;
  }
  .registerCourse .board-table-wrap table tbody tr td.title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .registerCourse .board-table-wrap table tbody tr td .text-ellipsis {
    display: inline;
    white-space: inherit;
    text-overflow: inherit;
  }
  .registerCourse .board-table-wrap table tbody tr td .btn {
    width: 100%;
    margin-top: 24px;
  }
}
.registerCoursePop {
  width: 760px;
}
.registerCoursePop .pop-content .info-wrap:first-child {
  margin-bottom: 32px;
}
.registerCoursePop .pop-content .detail-info {
  margin-bottom: 24px;
}
.registerCoursePop .pop-content .detail-info:last-child {
  margin-bottom: 0;
}
.registerCoursePop .pop-content .detail-info p {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}
.registerCoursePop .pop-content .view-ul-table-wrap .view-ul-table > li > div {
  font-size: 14px;
  padding: 20px;
}
.registerCoursePop .pop-content .approver-lists li {
  line-height: 24px;
  margin-bottom: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
}
.registerCoursePop .pop-content .approver-lists li b {
  margin-right: 6px;
}
.registerCoursePop .pop-content .approver-lists li .bar-right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.registerCoursePop .pop-content .approver-lists li .bar-right::after {
  content: "";
  display: flex;
  position: relative;
  width: 1px;
  height: 10px;
  background-color: #AAAAAA;
  margin: 0 10px;
}
.registerCoursePop .pop-content .gray-border-box {
  border: 1px solid #EEEEEE;
  padding: 12px 16px;
  border-radius: 4px;
  min-height: 120px;
  line-height: 24px;
}

@media screen and (max-width: 1199px) {
  .registerCoursePop {
    width: 560px;
  }
  .registerCoursePop .pop-content .view-ul-table-wrap .view-ul-table > li > div {
    padding: 16px 10px;
  }
}
@media screen and (max-width: 767px) {
  .registerCoursePop {
    width: 100%;
  }
  .registerCoursePop .board-table-wrap table tbody tr {
    padding-top: 0;
  }
  .registerCoursePop .board-table-wrap table tbody tr td {
    text-align: left;
  }
  .registerCoursePop .pop-content .view-ul-table-wrap {
    padding-bottom: 16px;
  }
  .registerCoursePop .pop-content .gray-border-box {
    padding: 12px;
    font-size: 14px;
    min-height: 100px;
    line-height: 18px;
  }
}
.editInfoCheck {
  width: 560px;
  padding: 56px 40px;
  margin: 0 auto 160px;
}
.editInfoCheck h2 {
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  margin-bottom: 40px;
}
.editInfoCheck .main-bg-btn {
  width: 100%;
  height: 60px;
  font-size: 16px;
  border-radius: 8px;
  margin: 40px 0 24px;
}
.editInfoCheck .gray-color-font {
  display: flex;
  justify-content: center;
  align-items: center;
}
.editInfoCheck .gray-color-font li {
  color: #666666;
}
.editInfoCheck .gray-color-font li b {
  padding-left: 4px;
}
.editInfoCheck .gray-color-font li:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
}
.editInfoCheck .gray-color-font li:first-child::before {
  content: "";
  display: flex;
  position: relative;
  width: 20px;
  height: 20px;
  background-image: url("./../../../images/svg/info.svg");
  margin-right: 4px;
}
.editInfoCheck .gray-color-font li:last-child {
  display: flex;
  justify-content: center;
  align-items: center;
}
.editInfoCheck .gray-color-font li:last-child::before {
  content: "";
  display: flex;
  position: relative;
  width: 1px;
  height: 10px;
  background-color: #666666;
  margin: 0 10px;
}

@media screen and (max-width: 1199px) {
  .editInfoCheck {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .editInfoCheck {
    width: 100%;
    padding: 40px 0 0 0;
  }
  .editInfoCheck h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 32px;
  }
  .editInfoCheck .main-bg-btn {
    height: 48px;
    margin: 16px 0;
  }
}
.mypage-editInfo {
  padding-bottom: 160px;
}
.mypage-editInfo h2 {
  font-size: 22px;
  line-height: 32px;
  padding-bottom: 25px;
  border-bottom: 1px solid #EEEEEE;
  margin-top: 40px;
}
.mypage-editInfo form .notice-text {
  color: #444444;
  margin-top: 24px;
}
.mypage-editInfo form fieldset {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  border-bottom: 1px solid #EEEEEE;
  padding: 40px 0;
}
.mypage-editInfo form fieldset > b {
  width: 200px;
  flex-shrink: 0;
  font-size: 16px;
}
.mypage-editInfo form fieldset > .wirte-boxs-wrap {
  flex-grow: 1;
}
.mypage-editInfo form fieldset .sns-radio-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.mypage-editInfo form fieldset .sns-radio-wrap .inputWrap-box {
  flex: 1;
  margin-right: 16px;
  padding: 21px 16px;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
}
.mypage-editInfo form fieldset .sns-radio-wrap .inputWrap-box:last-child {
  margin-right: 0;
}
.mypage-editInfo form fieldset .sns-radio-wrap .inputWrap-box label {
  width: 100%;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.mypage-editInfo form fieldset .sns-radio-wrap .inputWrap-box label span {
  margin-right: 0;
}
.mypage-editInfo form fieldset .sns-checkbox {
  font-size: 0;
}
.mypage-editInfo form fieldset .sns-checkbox .inputWrap-box {
  margin-bottom: 16px;
}
.mypage-editInfo form fieldset .sns-notice li {
  color: #444444;
  font-size: 16px;
  line-height: 24px;
  margin-top: 4px;
}
.mypage-editInfo form fieldset .sns-notice li:first-child {
  margin-top: 0;
}
.mypage-editInfo form fieldset .sns-notice li button {
  color: #444444;
  margin-left: 4px;
  font-weight: 600;
  border-bottom: 2px solid #444444;
}
.mypage-editInfo form .btns-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.mypage-editInfo form .btns-wrap .btn {
  width: 172px;
  height: 60px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  margin-right: 16px;
}
.mypage-editInfo form .btns-wrap .btn:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1199px) {
  .mypage-editInfo {
    padding-bottom: 80px;
  }
  .mypage-editInfo form fieldset {
    flex-direction: column;
    padding: 20px 0;
  }
  .mypage-editInfo form fieldset b {
    width: 100%;
    margin-bottom: 24px;
  }
  .mypage-editInfo form fieldset > .wirte-boxs-wrap {
    width: 100%;
  }
  .mypage-editInfo form fieldset .sns-radio-wrap {
    margin-bottom: 16px;
  }
  .mypage-editInfo form fieldset .sns-radio-wrap .inputWrap-box {
    padding: 12px;
  }
  .mypage-editInfo form fieldset .sns-checkbox .inputWrap-box {
    margin-bottom: 8px;
  }
  .mypage-editInfo form fieldset .sns-notice li {
    font-size: 14px;
    line-height: 18px;
  }
  .mypage-editInfo form .btns-wrap .btn {
    width: 120px;
    height: 48px;
    flex: inherit;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .mypage-editInfo h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 32px;
    margin-bottom: 0;
  }
  .mypage-editInfo form .btns-wrap .btn {
    flex: 1;
    margin-right: 8px;
  }
}
.alarmListPop {
  width: 640px;
}
.alarmListPop .alarm-lists .alarm-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 24px;
  border: 1px solid #EEEEEE;
  margin-bottom: 8px;
  border-radius: 4px;
}
.alarmListPop .alarm-lists .alarm-list > p > strong {
  padding-right: 6px;
}
.alarmListPop .alarm-lists .alarm-list:last-child {
  margin-bottom: 0;
}
.alarmListPop .alarm-lists .alarm-list.must {
  background-color: #F8F8F8;
}

@media screen and (max-width: 1199px) {
  .alarmListPop {
    width: 560px;
  }
}
@media screen and (max-width: 767px) {
  .alarmListPop {
    width: 100%;
  }
}
.faq-link-box {
  background-color: rgba(51, 133, 255, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  padding: 32px 24px;
  margin-top: 40px;
}

.getsmart-dynamic .faq-link-box {
  background-color: rgba(51, 133, 255, 0.1);
}

.faq-link-box > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.faq-link-box > div .icon {
  width: 48px;
  height: 48px;
  margin-right: 24px;
}
.faq-link-box > div > p {
  font-size: 16px;
  line-height: 24px;
}
.faq-link-box > div > p > strong {
  display: block;
  font-size: 18px;
}
.faq-link-box a {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.faq-link-box a .icon {
  width: 24px;
  height: 24px;
  margin-left: 4px;
}

.qna-page {
  padding-bottom: 160px;
}
.qna-page .result-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0 24px;
}
.qna-page .result-box .btn {
  height: 42px;
  width: 117px;
  border-radius: 8px;
  font-weight: 600;
}
.qna-page .pageNation {
  margin-top: 40px;
}

@media screen and (max-width: 1199px) {
  .faq-link-box {
    margin-top: 24px;
    padding: 20px;
  }
  .faq-link-box > div .icon {
    width: 40px;
    height: 40px;
  }
  .faq-link-box > div > p {
    font-size: 14px;
    line-height: 20px;
  }
  .faq-link-box > div > p > strong {
    font-size: 14px;
  }
  .faq-link-box a {
    font-size: 14px;
  }
  .faq-link-box a .icon {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .faq-link-wrap {
    padding: 0;
  }
  .faq-link-wrap .faq-link-box {
    margin-top: 0;
    flex-direction: column;
    align-items: flex-start;
  }
  .faq-link-wrap .faq-link-box > div {
    margin-bottom: 16px;
    align-items: flex-start;
  }
  .faq-link-wrap .faq-link-box > div .icon {
    width: 36px;
    height: 36px;
    margin-right: 8px;
    flex-shrink: 0;
  }
  .faq-link-wrap .faq-link-box > div p {
    font-size: 14px;
    line-height: 20px;
  }
  .faq-link-wrap .faq-link-box > div p strong {
    font-size: 14px;
  }
  .faq-link-wrap .faq-link-box > a {
    margin-left: 44px;
    font-size: 14px;
  }
  .qna-page {
    padding-bottom: 40px;
  }
  .qna-page .result-box {
    margin: 0;
    padding: 16px 0;
    border-bottom: 1px solid #EEEEEE;
  }
  .qna-page .result-box p.total-title {
    padding: 0;
    border-bottom: none;
  }
  .qna-page .board-table-wrap table {
    text-align: left;
  }
  .qna-page .board-table-wrap table tr td.state {
    order: 0;
  }
  .qna-page .board-table-wrap table tr td.text-left {
    order: 1;
  }
  .qna-page .board-table-wrap table tr td.text-left a {
    font-size: 18px;
    line-height: 24px;
    display: block;
    margin: 2px 0 8px;
  }
  .qna-page .board-table-wrap table tr td.has-label {
    order: 2;
    color: #AAAAAA;
  }
  .qna-page .board-table-wrap table tr td.has-label::before {
    min-width: auto;
  }
}
.write-qna {
  padding-bottom: 160px;
}
.write-qna h2 {
  font-size: 22px;
  line-height: 32px;
  padding-bottom: 25px;
  border-bottom: 1px solid #EEEEEE;
  margin-top: 40px;
}
.write-qna form .notice-text {
  color: #444444;
  margin-top: 24px;
}
.write-qna form fieldset {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  border-bottom: 1px solid #EEEEEE;
  padding: 40px 0;
}
.write-qna form fieldset > b {
  width: 200px;
  flex-shrink: 0;
  font-size: 16px;
}
.write-qna form fieldset > .wirte-boxs-wrap {
  flex-grow: 1;
}

@media screen and (max-width: 1199px) {
  .write-qna {
    padding-bottom: 80px;
  }
  .write-qna form fieldset {
    flex-direction: column;
    padding: 20px 0;
  }
  .write-qna form fieldset > b {
    width: 100%;
    margin-bottom: 24px;
  }
  .write-qna form fieldset > .wirte-boxs-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .write-qna h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 32px;
    margin-bottom: 0;
  }
}
.view-qna {
  padding-bottom: 160px;
}
.view-qna .view-qna-box {
  margin-top: 40px;
}
.view-qna .view-qna-box .qna-answer {
  background-color: rgba(51, 133, 255, 0.1);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 8px;
}

.getsmart-dynamic .view-qna .view-qna-box .qna-answer {
  background-color: rgba(51, 133, 255, 0.1);
}

.view-qna .view-qna-box .qna-answer > b {
  width: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
.view-qna .view-qna-box .qna-answer > div {
  padding: 20px 24px;
  font-size: 16px;
  line-height: 24px;
  min-height: 136px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.view-qna .view-qna-box .qna-notice-text {
  color: #444;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 24px;
}
.view-qna .view-qna-box .qna-notice-text .icon {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  background-image: url("./../../../images/svg/gary-warning-circle.svg");
}
.view-qna .view-qna-box .qna-notice-text > div p {
  font-size: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 3px;
}
.view-qna .view-qna-box .qna-notice-text > div p:last-child {
  margin-bottom: 0;
}
.view-qna .view-qna-box .qna-notice-text > div p .bar {
  position: relative;
  padding-left: 18px;
}
.view-qna .view-qna-box .qna-notice-text > div p .bar::before {
  content: "";
  display: flex;
  position: absolute;
  left: 7px;
  top: 4px;
  width: 1px;
  height: 11px;
  background-color: #444;
}
.view-qna .btns-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 56px;
}
.view-qna .btns-wrap .btn {
  width: 172px;
  height: 60px;
  border-radius: 8px;
  font-size: 16px;
  margin-left: 16px;
  font-weight: 600;
}
.view-qna .btns-wrap .btn:first-child {
  margin-left: 0;
}

@media screen and (max-width: 1199px) {
  .view-qna {
    padding-bottom: 80px;
  }
  .view-qna .view-qna-box {
    margin-top: 32px;
  }
  .view-qna .btns-wrap {
    margin-top: 32px;
  }
  .view-qna .btns-wrap .btn {
    width: 120px;
    height: 48px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .view-qna {
    padding-bottom: 20px;
  }
  .view-qna .view-qna-box .qna-answer {
    flex-direction: column;
    align-items: flex-start;
    padding: 12px 16px;
  }
  .view-qna .view-qna-box .qna-answer > b {
    width: 100%;
    justify-content: flex-start;
    font-size: 14px;
  }
  .view-qna .view-qna-box .qna-answer > div {
    padding: 16px 0 0 0;
    min-height: 0;
    font-size: 14px;
    line-height: 20px;
  }
  .view-qna .view-qna-box .qna-notice-text > div p {
    display: block;
    font-size: 14px;
  }
  .view-qna .view-qna-box .qna-notice-text > div p .bar {
    display: block;
    padding-left: 0;
  }
  .view-qna .view-qna-box .qna-notice-text > div p .bar::before {
    display: none;
  }
  .view-qna .btns-wrap {
    margin-top: 50px;
  }
  .view-qna .btns-wrap .btn {
    flex: 1;
    margin-left: 8px;
  }
}
.tracking {
  padding-bottom: 160px;
}
.tracking .result-box {
  margin-top: 40px;
}
.tracking .board-table-wrap table {
  min-width: 1100px;
}
.tracking .board-table-wrap table tbody tr td {
  height: 71px;
}
.tracking .board-table-wrap table tbody tr td a {
  font-weight: 600;
}
.tracking .board-table-wrap table tbody tr td a:hover {
  text-decoration: underline;
}
.tracking .pageNation {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .tracking {
    padding-bottom: 40px;
  }
  .tracking .result-box {
    margin-top: 40px;
  }
  .tracking .board-table-wrap table {
    min-width: inherit;
  }
  .tracking .board-table-wrap table tbody tr {
    text-align: left;
    position: relative;
  }
  .tracking .board-table-wrap table tbody tr td {
    height: auto;
  }
  .tracking .board-table-wrap table tbody tr td::before {
    color: #000000;
  }
  .tracking .board-table-wrap table tbody tr td.track-state {
    order: 1;
    font-size: 16px;
    line-height: 22px;
  }
  .tracking .board-table-wrap table tbody tr td.title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    order: 2;
    margin: 2px 0 8px;
  }
  .tracking .board-table-wrap table tbody tr td.type {
    order: 3;
  }
  .tracking .board-table-wrap table tbody tr td.period {
    order: 4;
  }
  .tracking .board-table-wrap table tbody tr td.delivery {
    order: 5;
  }
  .tracking .board-table-wrap table tbody tr td.state {
    order: 6;
  }
  .tracking .board-table-wrap table tbody tr td.btn-td {
    order: 7;
  }
  .tracking .board-table-wrap table tbody tr td.btn-td > b {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    left: 37px;
    top: 23px;
    font-size: 16px;
    line-height: 24px;
  }
  .tracking .board-table-wrap table tbody tr td.btn-td > b::before {
    content: "";
    display: flex;
    position: relative;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #AAAAAA;
    margin: 0 6px 0 8px;
  }
  .tracking .board-table-wrap table tbody tr td .btn {
    margin-top: 24px;
    width: 100%;
  }
}
.trackingInfoPop {
  width: 760px;
}
.trackingInfoPop form fieldset:first-child {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #EEEEEE;
}
.trackingInfoPop form fieldset b {
  font-size: 18px;
  line-height: 24px;
  display: block;
  margin-bottom: 16px;
}
.trackingInfoPop form fieldset label {
  font-weight: 600;
}
.trackingInfoPop form fieldset .error-texts {
  margin-top: 16px;
}
.trackingInfoPop form fieldset .error-texts > p {
  font-weight: 500;
}
.trackingInfoPop form fieldset .info-agree {
  background-color: #F8F8F8;
  border-radius: 4px;
  padding: 16px;
  margin: 16px 0;
}
.trackingInfoPop form fieldset .info-agree li {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.trackingInfoPop form fieldset .info-agree li:last-child {
  margin-bottom: 0;
}
.trackingInfoPop form fieldset .info-agree li span {
  color: #666666;
  padding-right: 16px;
}

@media screen and (max-width: 767px) {
  .trackingInfoPop form fieldset:first-child {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
  .trackingInfoPop form fieldset b {
    font-size: 16px;
    line-height: 22px;
  }
  .trackingInfoPop form fieldset .info-agree {
    margin: 12px 0;
  }
}
.trackingPop {
  width: 640px;
}
.trackingPop .pop-content ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 18px;
  line-height: 20px;
  padding: 24px 0;
  border-top: 1px solid #EEEEEE;
}
.trackingPop .pop-content ul li b {
  flex-shrink: 0;
  width: 90px;
}

@media screen and (max-width: 1199px) {
  .trackingPop {
    width: 560px;
  }
}
@media screen and (max-width: 767px) {
  .trackingPop {
    width: 100%;
  }
  .trackingPop .pop-content ul li {
    font-size: 16px;
    line-height: 19px;
  }
  .trackingPop .pop-content ul li:first-child {
    border-top: none;
    padding-top: 0;
  }
}
.payments {
  padding-bottom: 160px;
  margin-top: 40px;
}
.payments .board-table-wrap table {
  min-width: 1000px;
}
.payments .board-table-wrap table tr td .btn {
  width: 80px;
}
.payments .board-table-wrap table tr td .gray-color-font.dash {
  text-decoration: line-through;
}
.payments .board-table-wrap table tr td .main-color-font {
  font-size: 0;
  display: block;
  margin: 0 auto;
  width: 6px;
  height: 1px;
  background-color: #000000;
}
.payments .pageNation {
  margin-top: 40px;
}

@media screen and (max-width: 1199px) {
  .payments {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .payments {
    padding-bottom: 40px;
    margin-top: 0;
  }
  .payments .board-table-wrap table {
    min-width: 100%;
  }
  .payments .board-table-wrap table tr:last-child {
    border-bottom: none;
  }
  .payments .board-table-wrap table tr td {
    text-align: left;
    line-height: 22px;
  }
  .payments .board-table-wrap table tr td.has-label::before {
    color: #000000;
  }
  .payments .board-table-wrap table tr td .main-color-font {
    width: auto;
    height: auto;
    background-color: transparent;
    font-size: 14px;
  }
  .payments .board-table-wrap table tr td .btn {
    width: 100%;
  }
  .payments .board-table-wrap table tr td.title {
    order: 1;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .payments .board-table-wrap table tr td.date {
    order: 2;
  }
  .payments .board-table-wrap table tr td.type {
    order: 3;
  }
  .payments .board-table-wrap table tr td.period {
    order: 4;
  }
  .payments .board-table-wrap table tr td.price {
    order: 5;
    margin-top: 12px;
    padding: 12px 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #EEEEEE;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
  }
  .payments .board-table-wrap table tr td.state {
    order: 0;
  }
  .payments .board-table-wrap table tr td.btn-td {
    order: 6;
  }
  .payments .board-table-wrap table tr.two-btns .btn-td,
  .payments .board-table-wrap table tr.two-btns .state {
    order: 6;
    width: 49.5%;
  }
}
.paymentsPop {
  width: 640px;
}
.paymentsPop .pop-content .info-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
}
.paymentsPop .pop-content .info-wrap .img-wrap {
  width: 160px;
  height: 100px;
  flex-shrink: 0;
}
.paymentsPop .pop-content .info-wrap .text-cont {
  padding-left: 24px;
}
.paymentsPop .pop-content .info-wrap .text-cont h2 {
  margin-bottom: 8px;
}
.paymentsPop .pop-content .info-wrap .text-cont h2 span {
  font-size: 13px;
  line-height: 16px;
  display: block;
  font-weight: 400;
  margin-bottom: 4px;
}
.paymentsPop .pop-content .info-wrap .text-cont h2 b {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}
.paymentsPop .pop-content .info-wrap .text-cont .info-lists li {
  line-height: 24px;
}
.paymentsPop .pop-content .info-wrap .text-cont .info-lists li span {
  padding-right: 5px;
}
.paymentsPop .pop-content .payment-infos > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.paymentsPop .pop-content .payment-infos > div > p {
  font-weight: 600;
  font-size: 18px;
}
.paymentsPop .pop-content .payment-infos > div .btn {
  width: 97px;
  height: 42px;
  border-radius: 8px;
}
.paymentsPop .pop-content .payment-infos > ul {
  padding: 24px 0;
  border-top: 1px solid #EEEEEE;
}
.paymentsPop .pop-content .payment-infos > ul li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: 16px;
}
.paymentsPop .pop-content .payment-infos > ul li::last-child {
  margin-bottom: 0;
}
.paymentsPop .pop-content .payment-infos > ul li > p {
  font-size: 16px;
}
.paymentsPop .pop-content .payment-infos > ul li > span {
  width: 160px;
  flex-shrink: 0;
}
.paymentsPop .pop-content .payment-infos > ul.refund-info {
  padding-bottom: 0;
}
.paymentsPop .pop-content .payment-infos > ul.refund-info li {
  justify-content: space-between;
}
.paymentsPop .pop-content .payment-infos > ul.refund-info li.total-refund {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid #EEEEEE;
  font-weight: 600;
  font-size: 18px;
}

@media screen and (max-width: 1199px) {
  .paymentsPop {
    width: 560px;
  }
}
@media screen and (max-width: 767px) {
  .paymentsPop {
    width: 100%;
  }
  .paymentsPop .pop-content .info-wrap .img-wrap {
    width: 114px;
    height: 72px;
  }
  .paymentsPop .pop-content .info-wrap .text-cont h2 {
    margin-bottom: 4px;
  }
  .paymentsPop .pop-content .info-wrap .text-cont h2 b {
    font-size: 16px;
  }
  .paymentsPop .pop-content .info-wrap .text-cont .info-lists li {
    line-height: 16px;
  }
  .paymentsPop .pop-content .info-wrap .text-cont .info-lists li span {
    display: none;
  }
  .paymentsPop .pop-content .payment-infos > div > p {
    font-size: 16px;
  }
  .paymentsPop .pop-content .payment-infos > div .btn {
    height: 40px;
    width: 81px;
  }
  .paymentsPop .pop-content .payment-infos > ul li {
    font-size: 14px;
    line-height: 16px;
  }
  .paymentsPop .pop-content .payment-infos > ul li > span {
    width: 90px;
  }
  .paymentsPop .pop-content .payment-infos > ul li b {
    font-size: 14px;
  }
}
.point {
  padding-bottom: 160px;
}
.point .point-state {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 40px 0;
}
.point .point-state .btn {
  padding: 0 16px;
  height: 41px;
  border: 1px solid #EEEEEE;
  border-radius: 100px;
  font-weight: 600;
  margin-right: 8px;
}
.point .point-state .btn:last-child {
  margin-right: 0;
}
.point .point-state .btn.on {
  background-color: #000000;
  border: 1px solid #000000;
  color: #ffffff;
}
.point .point-info {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 56px;
}
.point .point-info li {
  background-color: #F7F7F7;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  flex: 1;
  margin-right: 12px;
  border-radius: 12px;
  height: 133px;
}
.point .point-info li:last-child {
  margin-right: 0;
}
.point .point-info li > span {
  line-height: 22px;
  font-weight: 600;
}
.point .point-info li > div {
  font-size: 28px;
  line-height: 34px;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.point .point-info li > div i {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  padding-left: 6px;
}
.point .point-histroy .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.point .point-histroy .title h2 {
  font-size: 20px;
}
.point .point-histroy .point-histroy-lists .point-histroy-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-top: 1px solid #EEEEEE;
  padding: 24px 0;
}
.point .point-histroy .point-histroy-lists .point-histroy-list .list-left {
  order: 1;
  width: 120px;
  flex-shrink: 0;
  text-align: center;
  padding: 20px 0;
}
.point .point-histroy .point-histroy-lists .point-histroy-list .list-left b {
  display: block;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 8px;
}
.point .point-histroy .point-histroy-lists .point-histroy-list .list-center {
  order: 2;
  flex-grow: 1;
  padding-left: 24px;
}
.point .point-histroy .point-histroy-lists .point-histroy-list .list-center > p {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 8px;
  font-weight: 600;
}
.point .point-histroy .point-histroy-lists .point-histroy-list .list-center > span {
  line-height: 20px;
}
.point .point-histroy .point-histroy-lists .point-histroy-list .list-right {
  order: 3;
  flex-shrink: 0;
  width: 170px;
  text-align: right;
  font-size: 24px;
}
.point .point-notice {
  margin-top: 56px;
}
.point .point-notice > strong {
  font-size: 20px;
  line-height: 24px;
  display: block;
  margin-bottom: 24px;
}
.point .point-notice .notice-gray-box {
  padding: 24px;
  border-radius: 8px;
  background-color: #F8F8F8;
}
.point .point-notice .notice-gray-box > div {
  margin-bottom: 24px;
}
.point .point-notice .notice-gray-box > div:last-child {
  margin-bottom: 0;
}
.point .point-notice .notice-gray-box > div > p {
  color: #666666;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 6px;
}
.point .point-notice .notice-gray-box > div ul li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  color: #666666;
  font-size: 16px;
  line-height: 24px;
}
.point .point-notice .notice-gray-box > div ul li::before {
  content: "";
  display: flex;
  position: relative;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background-color: #666;
  margin: 9px 10px 0;
  flex-shrink: 0;
}

@media screen and (max-width: 1199px) {
  .point {
    padding-bottom: 80px;
  }
  .point .point-info {
    margin-bottom: 32px;
  }
  .point .point-info li {
    height: 120px;
    padding: 16px;
  }
  .point .point-info li > div {
    font-size: 20px;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .point .point-info li > div i {
    font-size: 14px;
    order: 1;
    padding-left: 0;
    color: #666666;
  }
  .point .point-info li > div b {
    order: 2;
  }
  .point .point-histroy .title h2 {
    font-size: 18px;
  }
  .point .point-histroy .title select {
    height: 40px;
    width: 142px;
    font-size: 14px;
  }
  .point .point-histroy .point-histroy-lists .point-histroy-list .list-left {
    width: 88px;
  }
  .point .point-histroy .point-histroy-lists .point-histroy-list .list-right {
    font-size: 20px;
    width: 120px;
  }
  .point .point-notice > strong {
    font-size: 20px;
  }
  .point .point-notice .notice-gray-box {
    padding: 16px;
  }
  .point .point-notice .notice-gray-box > div > p,
  .point .point-notice .notice-gray-box > div ul > li {
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 767px) {
  .point {
    padding-bottom: 20px;
  }
  .point .point-state {
    margin: 16px 0 0;
  }
  .point .point-info {
    flex-direction: column;
  }
  .point .point-info li {
    background-color: transparent;
    height: auto;
    flex: inherit;
    width: 100%;
    margin-right: 0;
    padding: 24px 0;
    border-bottom: 1px solid #EEEEEE;
    flex-direction: row;
  }
  .point .point-info li:last-child {
    border-bottom: none;
  }
  .point .point-info li > span {
    font-size: 18px;
  }
  .point .point-info li > div {
    align-items: flex-end;
  }
  .point .point-info li > div b {
    order: 1;
  }
  .point .point-info li > div i {
    order: 2;
    color: #000000;
  }
  .point .point-histroy .title {
    margin-bottom: 16px;
  }
  .point .point-histroy .title h2 {
    font-size: 16px;
  }
  .point .point-histroy .point-histroy-lists .point-histroy-list {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .point .point-histroy .point-histroy-lists .point-histroy-list .list-left {
    order: 1;
    width: auto;
    text-align: left;
    padding: 0 0 12px;
  }
  .point .point-histroy .point-histroy-lists .point-histroy-list .list-left b {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px;
  }
  .point .point-histroy .point-histroy-lists .point-histroy-list .list-center {
    order: 3;
    width: 100%;
    padding-left: 0;
  }
  .point .point-histroy .point-histroy-lists .point-histroy-list .list-center > p {
    margin-bottom: 4px;
  }
  .point .point-histroy .point-histroy-lists .point-histroy-list .list-right {
    order: 2;
    width: auto;
    font-size: 18px;
  }
  .point .point-notice > strong {
    font-size: 16px;
    line-height: 22px;
  }
  .point .point-notice .notice-gray-box > div ul li {
    line-height: 20px;
  }
  .point .point-notice .notice-gray-box > div ul li::before {
    width: 3px;
    height: 3px;
    margin: 9px 4px 0;
  }
}
.connect-content-right .conntect-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.connect-content-right .conntect-title > h2 {
  font-size: 22px;
}
.connect-content-right .conntect-title .btn {
  padding: 0 20px;
  height: 40px;
  border-radius: 40px;
  font-weight: 600;
}
.connect-content-right .conntect-title .btn .icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1646_6454)'%3E%3Cpath d='M8.94784 2.04626C10.0345 2.22857 11.05 2.7066 11.883 3.42794C12.716 4.14927 13.3342 5.08606 13.6699 6.13555C14.0056 7.18504 14.0458 8.30672 13.7862 9.37756C13.5265 10.4484 12.9769 11.4271 12.1978 12.2062C11.4186 12.9854 10.44 13.5349 9.36914 13.7946C8.2983 14.0543 7.17662 14.014 6.12713 13.6783C5.07763 13.3426 4.14085 12.7244 3.41951 11.8914C2.69818 11.0585 2.22015 10.043 2.03784 8.95626' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.86011 2.3343C6.21317 2.20289 6.57792 2.10534 6.94944 2.04297' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.12654 3.33435C3.8351 3.57504 3.56722 3.84291 3.32654 4.13435' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.32984 5.86768C2.19814 6.22069 2.10037 6.58545 2.03784 6.95701' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.61011 4.3446V8.07927H10.7101' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1646_6454'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.getsmart-dynamic .connect-content-right .conntect-title .btn .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1646_6454)'%3E%3Cpath d='M8.94784 2.04626C10.0345 2.22857 11.05 2.7066 11.883 3.42794C12.716 4.14927 13.3342 5.08606 13.6699 6.13555C14.0056 7.18504 14.0458 8.30672 13.7862 9.37756C13.5265 10.4484 12.9769 11.4271 12.1978 12.2062C11.4186 12.9854 10.44 13.5349 9.36914 13.7946C8.2983 14.0543 7.17662 14.014 6.12713 13.6783C5.07763 13.3426 4.14085 12.7244 3.41951 11.8914C2.69818 11.0585 2.22015 10.043 2.03784 8.95626' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.86011 2.3343C6.21317 2.20289 6.57792 2.10534 6.94944 2.04297' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.12654 3.33435C3.8351 3.57504 3.56722 3.84291 3.32654 4.13435' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.32984 5.86768C2.19814 6.22069 2.10037 6.58545 2.03784 6.95701' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.61011 4.3446V8.07927H10.7101' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1646_6454'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.connect-content-right .type-select {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
}
.connect-content-right .type-select .btn {
  padding: 0 16px;
  height: 42px;
  font-weight: 700;
  margin-right: 8px;
  background-color: #F2F2F2;
  color: #AAAAAA;
  border-radius: 40px;
}
.connect-content-right .type-select .btn:last-child {
  margin-right: 0;
}
.connect-content-right .type-select .btn .icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.connect-content-right .type-select .btn .icon.series {
  background-image: url("./../../../images/svg/series.svg");
}
.connect-content-right .type-select .btn .icon.play {
  background-image: url("./../../../images/svg/gray-play.svg");
  opacity: 0.5;
}
.connect-content-right .type-select .btn.on {
  color: #ffffff;
  background-color: #444444;
}
.connect-content-right .type-select .btn.on .icon.series {
  background-image: url("./../../../images/svg/series-active.svg");
}
.connect-content-right .type-select .btn.on .icon.play {
  background-image: url("./../../../images/svg/white-play.svg");
  opacity: 1;
}
.connect-content-right .tabWrap {
  width: 100%;
  padding-top: 16px;
  margin: 0 0 40px;
}
.connect-content-right .connect-series-lists {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.connect-content-right .connect-series-lists .series-list {
  width: 282px;
  margin-right: 24px;
  margin-bottom: 40px;
}
.connect-content-right .connect-series-lists .series-list:nth-child(3n) {
  margin-right: 0;
}
.connect-content-right .connect-series-lists .series-list .clone-img-wrap {
  position: relative;
  padding-top: 12px;
  overflow: hidden;
  margin-bottom: 12px;
}
.connect-content-right .connect-series-lists .series-list .clone-img-wrap > img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.connect-content-right .connect-series-lists .series-list .clone-img-wrap > img.small {
  top: 0;
  opacity: 0.4;
  border-radius: 8px;
  width: 88.65%;
}
.connect-content-right .connect-series-lists .series-list .clone-img-wrap > img.medium {
  top: 6px;
  opacity: 0.6;
  border-top: 1px solid #ffffff;
  border-radius: 8px;
  width: 94.32%;
}
.connect-content-right .connect-series-lists .series-list .clone-img-wrap .img-wrap {
  width: 100%;
  padding-top: 63.83%;
  position: relative;
  z-index: 1;
  border-top: 1px solid #ffffff;
  border-radius: 8px;
}
.connect-content-right .connect-series-lists .series-list .clone-img-wrap .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
}
.connect-content-right .connect-series-lists .series-list .clone-img-wrap > p {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: rgba(17, 17, 17, 0.5);
  padding: 5px;
  border-radius: 4px;
  right: 8px;
  bottom: 8px;
  font-size: 11px;
  color: #ffffff;
  border-radius: 4px;
}
.connect-content-right .connect-series-lists .series-list .clone-img-wrap > p .icon {
  width: 12px;
  height: 12px;
  margin-right: 4px;
  background-image: url("./../../../images/svg/content-icon.svg");
}
.connect-content-right .connect-series-lists .series-list .text-cont > span {
  font-size: 13px;
  line-height: 16px;
  display: block;
  margin-bottom: 4px;
}
.connect-content-right .connect-series-lists .series-list .text-cont p {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}
.connect-content-right .connect-content-lists {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
.connect-content-right .connect-content-lists .content-list {
  margin-right: 24px;
  margin-bottom: 40px;
}
.connect-content-right .connect-content-lists .content-list:nth-child(3n) {
  margin-right: 0;
}

@media screen and (max-width: 1199px) {
  .connect-content-right .conntect-title > h2 {
    font-size: 28px;
    line-height: 32px;
  }
  .connect-content-right .type-select {
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 40px;
    margin-bottom: 24px;
  }
  .connect-content-right .connect-series-lists {
    justify-content: space-between;
  }
  .connect-content-right .connect-series-lists .series-list {
    width: 30.436%;
    margin-right: 0;
  }
  .connect-content-right .connect-content-lists {
    justify-content: space-between;
  }
  .connect-content-right .connect-content-lists .content-list {
    width: 30.436%;
    margin-right: 0;
  }
  .connect-content-right .connect-content-lists .content-list .cardConnect {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .connect-content-right .conntect-title {
    margin-bottom: 16px;
  }
  .connect-content-right .conntect-title > h2 {
    font-size: 22px;
  }
  .connect-content-right .conntect-title .btn {
    padding: 0 16px;
  }
  .connect-content-right .type-select {
    padding-bottom: 24px;
    margin-bottom: 16px;
  }
  .connect-content-right .type-select .btn {
    padding: 0 12px;
    height: 40px;
  }
  .connect-content-right .connect-series-lists .series-list {
    width: 48.98%;
  }
  .connect-content-right .connect-series-lists .series-list .text-cont p {
    font-size: 14px;
    line-height: 18px;
  }
  .connect-content-right .connect-content-lists .content-list {
    width: 48.98%;
  }
}
.connectView {
  padding-bottom: 160px;
}
.connectView .grid-wrap {
  display: grid;
  padding-top: 80px;
  grid-template-columns: 840px 360px;
}
.connectView .grid-wrap .video-contnet-wrap {
  width: 800px;
  padding-bottom: 60px;
}
.connectView .grid-wrap .video-contnet-wrap .video-wrap {
  width: 100%;
  position: relative;
  padding-top: 60%;
  background-color: #EEEEEE;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
}
.connectView .grid-wrap .video-contnet-wrap .video-content .page-map li {
  color: #666666;
}
.connectView .grid-wrap .video-contnet-wrap .video-content .flex-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.connectView .grid-wrap .video-contnet-wrap .video-content .flex-box h1 {
  font-size: 22px;
  font-weight: 700;
  width: 632px;
  margin: 8px 0;
}
.connectView .grid-wrap .video-contnet-wrap .video-content .flex-box ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  width: 128px;
}
.connectView .grid-wrap .video-contnet-wrap .video-content .flex-box ul .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #666666;
}
.connectView .grid-wrap .video-contnet-wrap .video-content .flex-box ul .btn .icon {
  width: 32px;
  height: 32px;
  margin-bottom: 4px;
}
.connectView .grid-wrap .video-contnet-wrap .video-content .flex-box ul .btn .icon.icon-like {
  background-image: url("./../../../images/svg/white-like-icon.svg");
}
.connectView .grid-wrap .video-contnet-wrap .video-content .flex-box ul .btn .icon.icon-zzim {
  background-image: url("./../../../images/svg/zzim-black.svg");
}
.connectView .grid-wrap .video-contnet-wrap .video-content .flex-box ul .btn.on .icon.icon-like {
  background-image: url("./../../../images/svg/like-icon.svg");
  background-size: 80%;
  background-position: 50%;
}
.connectView .grid-wrap .video-contnet-wrap .video-content .flex-box ul .btn.on .icon.icon-zzim {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_541_34034)'%3E%3Cpath d='M6.89559 8.26833C4.8128 10.4035 4.8128 13.8652 6.89559 16.0003L16.0002 25.3337L25.1047 16.0003C27.1875 13.8652 27.1875 10.4035 25.1047 8.26833C23.0219 6.13321 19.6451 6.13321 17.5623 8.26833L16.0002 9.86974L14.4381 8.26833C12.3553 6.13321 8.97839 6.13321 6.89559 8.26833Z' fill='%233385FF'/%3E%3Cpath d='M6.89559 8.26833C4.8128 10.4035 4.8128 13.8652 6.89559 16.0003L16.0002 25.3337L25.1047 16.0003C27.1875 13.8652 27.1875 10.4035 25.1047 8.26833C23.0219 6.13321 19.6451 6.13321 17.5623 8.26833L16.0002 9.86974L14.4381 8.26833C12.3553 6.13321 8.97839 6.13321 6.89559 8.26833Z' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_541_34034' x='-15.4165' y='-14.083' width='62.8335' height='60.167' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='10'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_34034'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_34034' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.getsmart-dynamic .connectView .grid-wrap .video-contnet-wrap .video-content .flex-box ul .btn.on .icon.icon-zzim {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_541_34034)'%3E%3Cpath d='M6.89559 8.26833C4.8128 10.4035 4.8128 13.8652 6.89559 16.0003L16.0002 25.3337L25.1047 16.0003C27.1875 13.8652 27.1875 10.4035 25.1047 8.26833C23.0219 6.13321 19.6451 6.13321 17.5623 8.26833L16.0002 9.86974L14.4381 8.26833C12.3553 6.13321 8.97839 6.13321 6.89559 8.26833Z' fill='red'/%3E%3Cpath d='M6.89559 8.26833C4.8128 10.4035 4.8128 13.8652 6.89559 16.0003L16.0002 25.3337L25.1047 16.0003C27.1875 13.8652 27.1875 10.4035 25.1047 8.26833C23.0219 6.13321 19.6451 6.13321 17.5623 8.26833L16.0002 9.86974L14.4381 8.26833C12.3553 6.13321 8.97839 6.13321 6.89559 8.26833Z' stroke='red' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_541_34034' x='-15.4165' y='-14.083' width='62.8335' height='60.167' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='10'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_34034'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_34034' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

.connectView .grid-wrap .video-contnet-wrap .video-content .flex-box .play-count {
  color: #AAAAAA;
  width: 100%;
  font-size: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.connectView .grid-wrap .video-contnet-wrap .video-content .flex-box .play-count .icon {
  width: 20px;
  height: 20px;
  margin-right: 2px;
  background-image: url("./../../../images/svg/gray-play.svg");
  opacity: 0.5;
}
.connectView .grid-wrap .video-contnet-wrap .video-content .hash-tags {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  margin: 24px 0 40px;
}
.connectView .grid-wrap .video-contnet-wrap .video-content .hash-tags .hash-tag {
  padding: 12px 16px;
  border: 1px solid #EEEEEE;
  border-radius: 100px;
  margin-right: 8px;
}
.connectView .grid-wrap .video-contnet-wrap .video-content .hash-tags .hash-tag:last-child {
  margin-right: 0;
}
.connectView .grid-wrap .video-contnet-wrap .video-content .hash-tags .hash-tag span {
  color: #AAAAAA;
}
.connectView .grid-wrap .connect-right-wrap {
  width: 360px;
  grid-column: 2/3;
  grid-row: 1/4;
}
.connectView .grid-wrap .connect-right-wrap .connect-right {
  border: 1px solid #EEEEEE;
  border-radius: 8px;
  padding: 32px 0;
}
.connectView .grid-wrap .connect-right-wrap .connect-right > div {
  padding: 0 24px;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info {
  padding-bottom: 24px;
  border-bottom: 1px solid #EEEEEE;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info > p {
  font-weight: 700;
  font-size: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info > p .icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background-image: url("./../../../images/svg/balck-content-icon.svg");
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .series-thumbnail-box {
  margin-bottom: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .series-thumbnail-box .clone-img-wrap {
  padding-top: 4px;
  position: relative;
  width: 128px;
  flex-shrink: 0;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .series-thumbnail-box .clone-img-wrap > img {
  position: absolute;
  top: 0;
  width: 94%;
  left: 50%;
  transform: translateX(-50%);
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .series-thumbnail-box .clone-img-wrap .img-wrap {
  position: relative;
  border-top: 1px solid #ffffff;
  border-radius: 4px;
  overflow: hidden;
  padding-top: 63.83%;
  z-index: 1;
  width: 100%;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .series-thumbnail-box .clone-img-wrap .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .series-thumbnail-box .clone-img-wrap > p {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: rgba(17, 17, 17, 0.5);
  padding: 5px;
  border-radius: 4px;
  right: 8px;
  bottom: 8px;
  font-size: 11px;
  color: #ffffff;
  border-radius: 4px;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .series-thumbnail-box .clone-img-wrap > p .icon {
  width: 12px;
  height: 12px;
  margin-right: 4px;
  background-image: url("./../../../images/svg/content-icon.svg");
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .series-thumbnail-box .text-cont {
  padding-left: 16px;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .series-thumbnail-box .text-cont > p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .accordion-wrap {
  margin-bottom: 24px;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .accordion-wrap .accordion-btn {
  font-weight: 600;
  color: #444444;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .accordion-wrap .accordion-btn .icon {
  margin-left: 4px;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .accordion-wrap .accordion-btn.on .icon {
  transform: rotate(180deg);
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .accordion-wrap .accordion-content {
  color: #666666;
  padding-top: 8px;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .btns .btn {
  font-weight: 600;
  flex: 1;
  margin-right: 8px;
  height: 42px;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .btns .btn:last-child {
  margin-right: 0;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .btns .btn .icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .series-info .btns .btn .icon.icon-series {
  background-image: url("./../../../images/svg/series-black.svg");
}
.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap {
  padding-top: 24px;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .title > p {
  font-size: 16px;
  font-weight: 600;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .title > p b {
  padding-left: 5px;
  letter-spacing: 2.4px;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .title .btn {
  padding: 8px 12px;
  border: 1px solid #EEEEEE;
  color: #AAAAAA;
  border-radius: 100px;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .title .btn .icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-image: url("./../../../images/svg/replay-icon.svg");
}
.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .title .btn.on {
  border-color: var(--main-color);
  color: var(--main-color);
}

.getsmart-dynamic .connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .title .btn.on {
  border-color: var(--main-color);
}

.getsmart-dynamic .connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .title .btn.on {
  color: var(--main-color);
}

.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .title .btn.on .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1707_8622)'%3E%3Cpath d='M9.77761 4.44446H6.22206C4.25821 4.44446 2.6665 6.03616 2.6665 8.00001C2.6665 9.13305 3.19806 10.1399 4.02354 10.7911' stroke='%233385FF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.22217 11.5556H9.77772C11.7416 11.5556 13.3333 9.96389 13.3333 8.00003C13.3333 6.867 12.8017 5.86018 11.9762 5.20892' stroke='%233385FF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.70365 10.074L6.22217 11.5555L7.70365 13.037' stroke='%233385FF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.2959 5.92591L9.77738 4.44443L8.2959 2.96295' stroke='%233385FF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1707_8622'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.getsmart-dynamic .connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .title .btn.on .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1707_8622)'%3E%3Cpath d='M9.77761 4.44446H6.22206C4.25821 4.44446 2.6665 6.03616 2.6665 8.00001C2.6665 9.13305 3.19806 10.1399 4.02354 10.7911' stroke='%233385FF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.22217 11.5556H9.77772C11.7416 11.5556 13.3333 9.96389 13.3333 8.00003C13.3333 6.867 12.8017 5.86018 11.9762 5.20892' stroke='%233385FF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.70365 10.074L6.22217 11.5555L7.70365 13.037' stroke='%233385FF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.2959 5.92591L9.77738 4.44443L8.2959 2.96295' stroke='%233385FF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1707_8622'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .video-lists {
  margin: 24px 0;
  max-height: 322px;
  overflow-y: auto;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .video-lists .cardConnect {
  padding: 12px;
  border-radius: 8px;
  width: 100%;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .video-lists .cardConnect > a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .video-lists .cardConnect > a .img-wrap {
  width: 128px;
  padding-top: 28.323%;
  flex-shrink: 0;
  margin-bottom: 0;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .video-lists .cardConnect > a .text-cont {
  flex-grow: 1;
  padding-left: 12px;
  flex-direction: column;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .video-lists .cardConnect > a .text-cont p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 8px;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .video-lists .cardConnect > a .text-cont .play-count {
  color: #AAAAAA;
  width: 100%;
  font-size: 13px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .video-lists .cardConnect > a .text-cont .play-count .icon {
  width: 16px;
  height: 16px;
  margin-right: 2px;
  background-image: url("./../../../images/svg/gray-play.svg");
  opacity: 0.5;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .video-lists .cardConnect.now {
  background-color: #F3F5F7;
}
.connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap > .btn-wrap > .btn {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  height: 48px;
  border-radius: 5px;
}
.connectView .grid-wrap .recommend-content-banner {
  width: 800px;
}
.connectView .grid-wrap .recommend-content-banner > .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.connectView .grid-wrap .recommend-content-banner > .title > p {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
.connectView .grid-wrap .recommend-content-banner > .title > a {
  font-size: 16px;
}
.connectView .grid-wrap .recommend-content-banner .connectBanner .cardConnect {
  width: 182px;
}
.connectView .grid-wrap .recommend-content-banner .connectBanner-wrap {
  position: relative;
}
.connectView .grid-wrap .recommend-content-banner .connectBanner-wrap div[class*=btn-] {
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #EEEEEE;
  border-radius: 50%;
  position: absolute;
  z-index: 3;
  top: 71px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.connectView .grid-wrap .recommend-content-banner .connectBanner-wrap div[class*=btn-]::before {
  content: "";
  display: flex;
  position: relative;
  background: url("./../../../images/svg/black-arrow-icon.svg") no-repeat 50%;
  width: 8px;
  height: 12px;
}
.connectView .grid-wrap .recommend-content-banner .connectBanner-wrap div[class*=btn-].btn-prev {
  left: -20px;
  transform: rotate(180deg);
}
.connectView .grid-wrap .recommend-content-banner .connectBanner-wrap div[class*=btn-].btn-next {
  right: -20px;
}

@media screen and (max-width: 1199px) {
  .connectView {
    padding-bottom: 113px;
  }
  .connectView .grid-wrap {
    padding-top: 32px;
    display: block;
  }
  .connectView .grid-wrap .video-contnet-wrap {
    width: 100%;
    padding-bottom: 0;
  }
  .connectView .grid-wrap .video-contnet-wrap .video-content .flex-box h1 {
    width: calc(100% - 128px);
    padding-right: 48px;
    font-size: 22px;
    line-height: 32px;
  }
  .connectView .grid-wrap .video-contnet-wrap .video-content .flex-box .play-count {
    display: none;
  }
  .connectView .grid-wrap .video-contnet-wrap .video-content .hash-tags {
    margin: 16px 0 24px;
  }
  .connectView .grid-wrap .video-contnet-wrap .video-content .hash-tags .hash-tag {
    padding: 8px 16px;
  }
  .connectView .grid-wrap .connect-right-wrap {
    width: 100%;
    margin-bottom: 32px;
  }
  .connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .video-lists .cardConnect > a .img-wrap {
    width: 19.815%;
    padding-top: 12.54%;
    min-width: 128px;
    min-height: 81px;
  }
  .connectView .grid-wrap .connect-right-wrap .connect-right .series-info > p {
    font-size: 18px;
  }
  .connectView .grid-wrap .connect-right-wrap .connect-right .series-info .btns .btn {
    height: 48px;
  }
  .connectView .grid-wrap .connect-right-wrap .connect-right .series-info .btns .btn .icon {
    width: 24px;
    height: 24px;
  }
  .connectView .grid-wrap .recommend-content-banner {
    width: 100%;
    padding-top: 32px;
  }
  .connectView .grid-wrap .recommend-content-banner .connectBanner-wrap::before {
    content: "";
    display: flex;
    position: absolute;
    width: 16px;
    height: 100%;
    background-color: #ffffff;
    left: -16px;
    z-index: 3;
  }
  .connectView .grid-wrap .recommend-content-banner .connectBanner-wrap div[class*=btn-] {
    width: 32px;
    height: 32px;
  }
  .connectView .grid-wrap .recommend-content-banner .connectBanner-wrap div[class*=btn-].btn-prev {
    left: -11px;
  }
  .connectView .grid-wrap .recommend-content-banner .connectBanner-wrap div[class*=btn-].btn-next {
    right: -11px;
  }
  .connectView .grid-wrap .recommend-content-banner .connectBanner {
    overflow: visible;
  }
  .connectView .grid-wrap .recommend-content-banner .connectBanner .cardConnect {
    width: 282px;
  }
}
@media screen and (max-width: 767px) {
  .connectView {
    padding: 0 0 80px 0;
  }
  .connectView .grid-wrap {
    padding-top: 0px;
  }
  .connectView .grid-wrap .video-contnet-wrap .video-wrap {
    border-radius: 0;
    margin-bottom: 16px;
  }
  .connectView .grid-wrap .video-contnet-wrap .video-content {
    padding: 0 16px;
  }
  .connectView .grid-wrap .video-contnet-wrap .video-content .page-map li {
    font-size: 14px;
  }
  .connectView .grid-wrap .video-contnet-wrap .video-content .flex-box {
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .connectView .grid-wrap .video-contnet-wrap .video-content .flex-box h1 {
    width: 100%;
    padding-right: 0;
    font-size: 18px;
    line-height: 22px;
    margin: 8px 0 16px;
  }
  .connectView .grid-wrap .video-contnet-wrap .video-content .flex-box ul {
    width: 100%;
    justify-content: flex-start;
  }
  .connectView .grid-wrap .video-contnet-wrap .video-content .flex-box ul li {
    margin-right: 24px;
  }
  .connectView .grid-wrap .video-contnet-wrap .video-content .flex-box ul li:last-child {
    margin-right: 0;
  }
  .connectView .grid-wrap .video-contnet-wrap .video-content .hash-tags {
    margin: 20px 0 24px;
    padding-top: 20px;
    border-top: 1px solid #EEEEEE;
    overflow-x: auto;
  }
  .connectView .grid-wrap .video-contnet-wrap .video-content .hash-tags .hash-tag {
    flex-shrink: 0;
  }
  .connectView .grid-wrap .connect-right-wrap {
    margin-bottom: 0;
  }
  .connectView .grid-wrap .connect-right-wrap .connect-right {
    border-width: 0 0 1px 0;
    padding: 0;
    border-radius: 0;
  }
  .connectView .grid-wrap .connect-right-wrap .connect-right .series-info {
    padding: 0 16px 24px;
  }
  .connectView .grid-wrap .connect-right-wrap .connect-right .series-info > p {
    font-size: 16px;
  }
  .connectView .grid-wrap .connect-right-wrap .connect-right .series-info .series-thumbnail-box .text-cont > p {
    margin-top: 4px;
  }
  .connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap {
    padding: 24px 0 32px;
  }
  .connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .title {
    padding: 0 16px;
  }
  .connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap .video-lists {
    margin: 16px 0;
  }
  .connectView .grid-wrap .connect-right-wrap .connect-right .video-list-wrap > .btn-wrap {
    padding: 0 16px;
  }
  .connectView .grid-wrap .recommend-content-banner {
    padding: 32px 16px 0;
  }
  .connectView .grid-wrap .recommend-content-banner > .title {
    margin-bottom: 16px;
  }
  .connectView .grid-wrap .recommend-content-banner > .title > p {
    font-size: 16px;
    line-height: 22px;
  }
  .connectView .grid-wrap .recommend-content-banner .connectBanner-wrap div[class*=btn-] {
    display: none;
  }
  .connectView .grid-wrap .recommend-content-banner .connectBanner .cardConnect {
    width: 160px;
  }
}
.cartSeries .list-title .gray-line-btn {
  height: 42px;
  padding: 0 20px;
  font-weight: 600;
  border-radius: 100px;
}
.cartSeries .list-title .gray-line-btn.gray-color-font {
  color: #AAAAAA;
}
.cartSeries .list-title > div .btn {
  margin-right: 8px;
}
.cartSeries .list-title > div .btn:last-child {
  margin-right: 0;
}
.cartSeries .connect-series-lists .series-list.active .clone-img-wrap .img-wrap::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 8px;
  top: 0;
  left: 0;
  border: 2px solid #EEEEEE;
  border-color: var(--main-color);
}

.getsmart-dynamic .cartSeries .connect-series-lists .series-list.active .clone-img-wrap .img-wrap::after {
  border-color: var(--main-color);
}

.cartSeries .connect-series-lists .series-list .clone-img-wrap .inputWrap-box {
  position: absolute;
  left: 12px;
  top: 24px;
  z-index: 1;
}
.cartSeries .connect-series-lists .series-list .clone-img-wrap .inputWrap-box span {
  background-color: #ffffff;
  margin-right: 0;
}

.cartSeries .connect-content-lists .content-list .img-wrap .inputWrap-box {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 1;
}
.cartSeries .connect-content-lists .content-list .img-wrap .inputWrap-box span {
  background-color: #ffffff;
  margin-right: 0;
}

.connect-history .period-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
  background-color: #F2F2F2;
  width: 252px;
  margin: 0 auto 16px;
  border-radius: 100px;
}
.connect-history .period-filter li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 40px;
  font-weight: 600;
  border-radius: 100px;
}
.connect-history .period-filter li.on a {
  background-color: #ffffff;
}
.connect-history .list-title select {
  color: var(--main-color);
  border-color: var(--main-color);
  border-radius: 100px;
  min-width: 103px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  background-size: inherit;
  background-position: right 10px bottom 50%;
}

.getsmart-dynamic .connect-history .list-title select {
  color: var(--main-color);
}


.getsmart-dynamic .connect-history .list-title select {
  border-color: var(--main-color);
}


.getsmart-dynamic .connect-history .list-title select {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.connect-history .connect-summary {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 48px;
}
.connect-history .connect-summary li {
  border: 1px solid #EEEEEE;
  padding: 24px 23px;
  border-radius: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex: 1;
  margin-right: 16px;
}
.connect-history .connect-summary li:last-child {
  margin-right: 0;
}
.connect-history .connect-summary li > p {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 32px;
}
.connect-history .connect-summary li > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.connect-history .connect-summary li > div > b {
  font-weight: 700;
  font-size: 28px;
}
.connect-history .connect-summary li > div .main-color-font {
  font-weight: 700;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.connect-history .connect-summary li > div .main-color-font .icon {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM16.6568 8.24589C16.2403 7.88318 15.6086 7.92677 15.2459 8.34325L10.682 13.583L8.66238 11.7977L8.56324 11.7204C8.15297 11.4401 7.58851 11.5025 7.25083 11.8845C6.88501 12.2982 6.92387 12.9302 7.33762 13.296L10.1122 15.7492L10.2119 15.8268C10.6244 16.1083 11.1921 16.0432 11.5287 15.6568L16.7541 9.65675L16.8306 9.55704C17.1079 9.14468 17.0412 8.58071 16.6568 8.24589Z' fill='%233385FF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.getsmart-dynamic .connect-history .connect-summary li > div .main-color-font .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM16.6568 8.24589C16.2403 7.88318 15.6086 7.92677 15.2459 8.34325L10.682 13.583L8.66238 11.7977L8.56324 11.7204C8.15297 11.4401 7.58851 11.5025 7.25083 11.8845C6.88501 12.2982 6.92387 12.9302 7.33762 13.296L10.1122 15.7492L10.2119 15.8268C10.6244 16.1083 11.1921 16.0432 11.5287 15.6568L16.7541 9.65675L16.8306 9.55704C17.1079 9.14468 17.0412 8.58071 16.6568 8.24589Z' fill='%233385FF'/%3E%3C/svg%3E%0A");
}

.connect-history .connect-category {
  margin-bottom: 48px;
}
.connect-history .connect-category > p {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
}
.connect-history .connect-category .category-datawrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.connect-history .connect-category .category-datawrap .roundChartsWrap {
  position: relative;
}
.connect-history .connect-category .category-datawrap .roundChartsWrap #round-container,
.connect-history .connect-category .category-datawrap .roundChartsWrap #roundNoData {
  width: 216px;
  height: 216px;
}
.connect-history .connect-category .category-datawrap .roundChartsWrap #round-container path,
.connect-history .connect-category .category-datawrap .roundChartsWrap #roundNoData path {
  opacity: 1;
}
.connect-history .connect-category .category-datawrap .roundChartsWrap #round-container .highcharts-container,
.connect-history .connect-category .category-datawrap .roundChartsWrap #roundNoData .highcharts-container {
  width: 100%;
  height: 100%;
}
.connect-history .connect-category .category-datawrap .roundChartsWrap .highcharts-figure {
  margin: 0;
  left: 0;
  top: 0;
}
.connect-history .connect-category .category-datawrap .bar-color-list {
  width: 202px;
  margin-left: 80px;
}
.connect-history .connect-category .category-datawrap .bar-color-list > li {
  font-size: 16px;
  line-height: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.connect-history .connect-category .category-datawrap .bar-color-list > li:last-child {
  margin-bottom: 0;
}
.connect-history .connect-category .category-datawrap .bar-color-list > li > span {
  color: #666666;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.connect-history .connect-category .category-datawrap .bar-color-list > li > span .color-bar {
  width: 16px;
  height: 12px;
  border-radius: 4px;
  display: block;
  margin-right: 12px;
  /* 리스트 길이 만큼 순회 */
  /* 리스트 길이 만큼 순회 */
  /* 리스트 길이 만큼 순회 */
  /* 리스트 길이 만큼 순회 */
  /* 리스트 길이 만큼 순회 */
  /* 리스트 길이 만큼 순회 */
  /* 리스트 길이 만큼 순회 */
}
.connect-history .connect-category .category-datawrap .bar-color-list > li > span .color-bar.color1 {
  background-color: #00ADFD; /* $color_list[$i] 와 같은 격이다 */
}
.connect-history .connect-category .category-datawrap .bar-color-list > li > span .color-bar.color2 {
  background-color: #30D158; /* $color_list[$i] 와 같은 격이다 */
}
.connect-history .connect-category .category-datawrap .bar-color-list > li > span .color-bar.color3 {
  background-color: #FFCC00; /* $color_list[$i] 와 같은 격이다 */
}
.connect-history .connect-category .category-datawrap .bar-color-list > li > span .color-bar.color4 {
  background-color: #FF81AE; /* $color_list[$i] 와 같은 격이다 */
}
.connect-history .connect-category .category-datawrap .bar-color-list > li > span .color-bar.color5 {
  background-color: #8756ED; /* $color_list[$i] 와 같은 격이다 */
}
.connect-history .connect-category .category-datawrap .bar-color-list > li > span .color-bar.color6 {
  background-color: #6AD4D4; /* $color_list[$i] 와 같은 격이다 */
}
.connect-history .connect-category .category-datawrap .bar-color-list > li > span .color-bar.color7 {
  background-color: #666666; /* $color_list[$i] 와 같은 격이다 */
}
.connect-history .connect-category .category-datawrap .bar-color-list > li > b {
  font-weight: 600;
}
.connect-history .connect-monthly {
  margin-bottom: 48px;
}
.connect-history .connect-monthly > p {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 24px;
  line-height: 24px;
}
.connect-history .connect-monthly path {
  fill: var(--main-color);
}

.getsmart-dynamic .connect-history .connect-monthly path {
  fill: var(--main-color);
}

.connect-history .connect-finish > p {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 24px;
  line-height: 24px;
}
.connect-history .connect-finish > p b {
  padding-left: 8px;
}
.connect-history .connect-finish .no-list {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 184px;
}
.connect-history .connect-finish .no-list > p {
  font-size: 18px;
}

@media screen and (max-width: 1199px) {
  .connect-history .connect-summary {
    margin-bottom: 40px;
  }
  .connect-history .connect-summary li {
    padding: 20px;
    margin-right: 12px;
  }
  .connect-history .connect-summary li > p {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .connect-history .connect-summary li > div > b {
    font-size: 22px;
  }
  .connect-history .connect-category,
  .connect-history .connect-monthly {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .connect-history .connect-summary {
    flex-direction: column;
    margin-bottom: 32px;
  }
  .connect-history .connect-summary li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
  }
  .connect-history .connect-summary li:last-child {
    margin-bottom: 0;
  }
  .connect-history .connect-category .category-datawrap {
    flex-direction: column;
  }
  .connect-history .connect-category .category-datawrap .roundChartsWrap #round-container,
  .connect-history .connect-category .category-datawrap .roundChartsWrap #roundNoData {
    width: 180px;
    height: 180px;
  }
  .connect-history .connect-category .category-datawrap .bar-color-list {
    margin: 24px 0 0 0;
    width: 100%;
    padding: 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .connect-history .connect-category .category-datawrap .bar-color-list li {
    width: 46%;
    font-size: 12px;
    margin-bottom: 4px;
    line-height: 18px;
  }
  .connect-history .connect-category .category-datawrap .bar-color-list li > span .color-bar {
    width: 10px;
    height: 8px;
    border-radius: 2px;
  }
  .connect-history .connect-finish .connect-content-lists {
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .connect-history .connect-finish .connect-content-lists li {
    flex-shrink: 0;
    margin-right: 8px;
  }
  .connect-history .connect-finish .no-list > p {
    font-size: 16px;
  }
}
.masonry-lists .gutter-sizer {
  width: 24px;
}
.masonry-lists .grid-sizer {
  width: 384px;
}
.masonry-lists .masonry-list {
  width: 384px;
  margin-bottom: 40px;
}
.masonry-lists .masonry-list .thumb-img-wrap {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 16px;
  display: block;
}
.masonry-lists .masonry-list .thumb-img-wrap img {
  max-width: inherit;
  width: 100%;
}

.masonry-lists .masonry-list .text-infos {
  padding-right: 16px;
  padding-left: 16px;
  padding-bottom: 16px;
}

.masonry-lists .masonry-list .text-infos > p {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 8px;
}
.masonry-lists .masonry-list .text-infos > div {
  font-size: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.masonry-lists .masonry-list .text-infos .show {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 16px;
}
.masonry-lists .masonry-list .text-infos .show::before {
  content: "";
  display: flex;
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-image: url("./../../../images/svg/black-eye.svg");
}
.masonry-lists .masonry-list .text-infos .bt-infos {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.masonry-lists .masonry-list .text-infos .bt-infos > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
}
.masonry-lists .masonry-list .text-infos .bt-infos > div .round-img-wrap {
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 16px;
}
.masonry-lists .masonry-list .text-infos .bt-infos button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  color: #000000;
}
.masonry-lists .masonry-list .text-infos .bt-infos button .heart {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  background-image: url("./../../../images/svg/zzim-black.svg");
}
.masonry-lists .masonry-list .text-infos .bt-infos button.on .heart {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_541_34034)'%3E%3Cpath d='M6.89559 8.26833C4.8128 10.4035 4.8128 13.8652 6.89559 16.0003L16.0002 25.3337L25.1047 16.0003C27.1875 13.8652 27.1875 10.4035 25.1047 8.26833C23.0219 6.13321 19.6451 6.13321 17.5623 8.26833L16.0002 9.86974L14.4381 8.26833C12.3553 6.13321 8.97839 6.13321 6.89559 8.26833Z' fill='%233385FF'/%3E%3Cpath d='M6.89559 8.26833C4.8128 10.4035 4.8128 13.8652 6.89559 16.0003L16.0002 25.3337L25.1047 16.0003C27.1875 13.8652 27.1875 10.4035 25.1047 8.26833C23.0219 6.13321 19.6451 6.13321 17.5623 8.26833L16.0002 9.86974L14.4381 8.26833C12.3553 6.13321 8.97839 6.13321 6.89559 8.26833Z' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_541_34034' x='-15.4165' y='-14.083' width='62.8335' height='60.167' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='10'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_34034'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_34034' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.getsmart-dynamic .masonry-lists .masonry-list .text-infos .bt-infos button.on .heart {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_541_34034)'%3E%3Cpath d='M6.89559 8.26833C4.8128 10.4035 4.8128 13.8652 6.89559 16.0003L16.0002 25.3337L25.1047 16.0003C27.1875 13.8652 27.1875 10.4035 25.1047 8.26833C23.0219 6.13321 19.6451 6.13321 17.5623 8.26833L16.0002 9.86974L14.4381 8.26833C12.3553 6.13321 8.97839 6.13321 6.89559 8.26833Z' fill='red'/%3E%3Cpath d='M6.89559 8.26833C4.8128 10.4035 4.8128 13.8652 6.89559 16.0003L16.0002 25.3337L25.1047 16.0003C27.1875 13.8652 27.1875 10.4035 25.1047 8.26833C23.0219 6.13321 19.6451 6.13321 17.5623 8.26833L16.0002 9.86974L14.4381 8.26833C12.3553 6.13321 8.97839 6.13321 6.89559 8.26833Z' stroke='red' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_541_34034' x='-15.4165' y='-14.083' width='62.8335' height='60.167' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='10'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_34034'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_34034' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 1199px) {
  .masonry-lists .gutter-sizer {
    width: 3.5%;
  }
  .masonry-lists .grid-sizer {
    width: 31%;
  }
  .masonry-lists .masonry-list {
    width: 31%;
    margin-bottom: 32px;
  }
  .masonry-lists .masonry-list .thumb-img-wrap {
    border-radius: 4px;
    margin-bottom: 12px;
  }
  .masonry-lists .masonry-list .text-infos > p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 6px;
  }
  .masonry-lists .masonry-list .text-infos > div {
    font-size: 13px;
  }
  .masonry-lists .masonry-list .text-infos .show {
    margin-left: 8px;
  }
  .masonry-lists .masonry-list .text-infos .bt-infos {
    margin-top: 12px;
  }
  .masonry-lists .masonry-list .text-infos .bt-infos > div {
    font-size: 14px;
  }
  .masonry-lists .masonry-list .text-infos .bt-infos > div .round-img-wrap {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
  .masonry-lists .masonry-list .text-infos .bt-infos button {
    font-size: 14px;
  }
  .masonry-lists .masonry-list .text-infos .bt-infos button .icon {
    width: 16px;
    height: 16px;
    margin-right: 6px;
  }
}
@media screen and (max-width: 767px) {

  .masonry-lists .gutter-sizer {
    width: 0%;
  }
  .masonry-lists .grid-sizer {
    width: 100%;
  }
  .masonry-lists .masonry-list {
    width: 100%;
  }
}
/*.social {*/
  /*padding-bottom: 160px;*/
/*}*/
.social .trendingSearches {
  margin: 40px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.social .trendingSearches > p {
  font-weight: 600;
  font-size: 16px;
}
.social .trendingSearches > p > b {
  padding-left: 6px;
}
.social .trendingSearches ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 24px;
}
.social .trendingSearches ul li {
  border: 1px solid #EEEEEE;
  height: 32px;
  border-radius: 100px;
  margin-right: 8px;
  white-space: nowrap;
}
.social .trendingSearches ul li:last-child {
  margin-right: 0;
}
.social .trendingSearches ul li a {
  padding: 0 16px;
  font-weight: 600;
}
.social .trendingSearches ul li.on {
  border-color: var(--main-color);
  color: var(--main-color);
  background: rgba(51, 133, 255, 0.1);
}

.getsmart-dynamic .social .trendingSearches ul li.on {
  border-color: var(--main-color);
}


.getsmart-dynamic .social .trendingSearches ul li.on {
  color: var(--main-color);
}


.getsmart-dynamic .social .trendingSearches ul li.on {
  background: rgba(51, 133, 255, 0.1);
}

@media screen and (max-width: 1199px) {
  .social {
    padding-bottom: 80px;
  }
  .social .trendingSearches {
    margin: 24px 0;
  }
}
.socialPageIndex {
  padding-bottom: 160px;
}
.socialPageIndex > .gray-line-btn {
  padding: 12px 16px;
  margin-top: 24px;
  height: 42px;
  border-radius: 8px;
  font-weight: 600;
}
.socialPageIndex > .gray-line-btn .icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-image: url("./../../../images/svg/arrowLeft.svg");
}
.socialPageIndex .pageIndex-infos {
  max-width: 880px;
  margin: 24px auto 0;
}
.socialPageIndex .pageIndex-infos .top-infos {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #EEEEEE;
}
.socialPageIndex .pageIndex-infos .top-infos h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  margin-bottom: 8px;
}
.socialPageIndex .pageIndex-infos .top-infos > div {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
.socialPageIndex .pageIndex-infos .top-infos > div .show {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 16px;
}
.socialPageIndex .pageIndex-infos .top-infos > div .show::before {
  content: "";
  display: flex;
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-image: url("./../../../images/svg/black-eye.svg");
}
.socialPageIndex .pageIndex-infos .top-infos > div.bt-infos {
  justify-content: space-between;
  margin-top: 24px;
}
.socialPageIndex .pageIndex-infos .top-infos > div.bt-infos > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.socialPageIndex .pageIndex-infos .top-infos > div.bt-infos > div .round-img-wrap {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 16px;
}
.socialPageIndex .pageIndex-infos .top-infos > div.bt-infos .btn {
  border-radius: 8px;
  padding: 12px;
}
.socialPageIndex .pageIndex-infos .top-infos > div.bt-infos .btn .heart {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  background-image: url("./../../../images/svg/zzim-black.svg");
}
.socialPageIndex .pageIndex-infos .top-infos > div.bt-infos .btn.on .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_541_34034)'%3E%3Cpath d='M6.89559 8.26833C4.8128 10.4035 4.8128 13.8652 6.89559 16.0003L16.0002 25.3337L25.1047 16.0003C27.1875 13.8652 27.1875 10.4035 25.1047 8.26833C23.0219 6.13321 19.6451 6.13321 17.5623 8.26833L16.0002 9.86974L14.4381 8.26833C12.3553 6.13321 8.97839 6.13321 6.89559 8.26833Z' fill='%233385FF'/%3E%3Cpath d='M6.89559 8.26833C4.8128 10.4035 4.8128 13.8652 6.89559 16.0003L16.0002 25.3337L25.1047 16.0003C27.1875 13.8652 27.1875 10.4035 25.1047 8.26833C23.0219 6.13321 19.6451 6.13321 17.5623 8.26833L16.0002 9.86974L14.4381 8.26833C12.3553 6.13321 8.97839 6.13321 6.89559 8.26833Z' stroke='%233385FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_541_34034' x='-15.4165' y='-14.083' width='62.8335' height='60.167' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='10'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_34034'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_34034' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.getsmart-dynamic .socialPageIndex .pageIndex-infos .top-infos > div.bt-infos .btn.on .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_541_34034)'%3E%3Cpath d='M6.89559 8.26833C4.8128 10.4035 4.8128 13.8652 6.89559 16.0003L16.0002 25.3337L25.1047 16.0003C27.1875 13.8652 27.1875 10.4035 25.1047 8.26833C23.0219 6.13321 19.6451 6.13321 17.5623 8.26833L16.0002 9.86974L14.4381 8.26833C12.3553 6.13321 8.97839 6.13321 6.89559 8.26833Z' fill='red'/%3E%3Cpath d='M6.89559 8.26833C4.8128 10.4035 4.8128 13.8652 6.89559 16.0003L16.0002 25.3337L25.1047 16.0003C27.1875 13.8652 27.1875 10.4035 25.1047 8.26833C23.0219 6.13321 19.6451 6.13321 17.5623 8.26833L16.0002 9.86974L14.4381 8.26833C12.3553 6.13321 8.97839 6.13321 6.89559 8.26833Z' stroke='red' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_541_34034' x='-15.4165' y='-14.083' width='62.8335' height='60.167' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='10'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_541_34034'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_541_34034' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

.socialPageIndex .pageIndex-infos .mid-infos .img-wrap {
  width: 400px;
  margin: 0 auto 48px;
  padding: 40px 0;
}
.socialPageIndex .page-lists-wrap .page-lists li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 0;
  border-bottom: 1px solid #EEEEEE;
}
.socialPageIndex .page-lists-wrap .page-lists li.header {
  background: #F8F8F8;
  font-weight: 600;
}
.socialPageIndex .page-lists-wrap .page-lists li.header > b {
  font-weight: 600;
}
.socialPageIndex .page-lists-wrap .page-lists li b {
  width: 120px;
  flex-shrink: 0;
  padding: 0 24px;
  font-weight: 400;
}
.socialPageIndex .page-lists-wrap .page-lists li > div {
  flex-grow: 1;
  padding: 0 24px;
}
.socialPageIndex .page-lists-wrap .page-lists li > div a:hover {
  text-decoration: underline;
}
.socialPageIndex .page-lists-wrap .page-lists li.hidden {
  display: none;
}
.socialPageIndex .page-lists-wrap .btn-more {
  margin-top: 16px;
  width: 100%;
  height: 42px;
  font-weight: 600;
}
.socialPageIndex .page-lists-wrap .btn-more::before {
  content: "더보기";
}
.socialPageIndex .page-lists-wrap .btn-more .icon {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}
.socialPageIndex .page-lists-wrap .btn-more.active::before {
  content: "접기";
}
.socialPageIndex .page-lists-wrap .btn-more.active .icon {
  transform: rotate(180deg);
}
.socialPageIndex .recommendConts {
  max-width: 880px;
  margin: 80px auto 0;
}
.socialPageIndex .recommendConts > p {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 24px;
}
.socialPageIndex .recommendConts .masonry-lists {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.socialPageIndex .recommendConts .masonry-lists .masonry-list {
  width: 278px;
}

@media screen and (max-width: 1199px) {
  .socialPageIndex {
    padding-bottom: 80px;
  }
  .socialPageIndex > .gray-line-btn {
    padding: 12px;
    margin-top: 16px;
  }
  .socialPageIndex .pageIndex-infos .top-infos {
    margin-bottom: 40px;
    padding-bottom: 20px;
  }
  .socialPageIndex .pageIndex-infos .top-infos h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .socialPageIndex .pageIndex-infos .top-infos > div.bt-infos {
    margin-top: 8px;
  }
  .socialPageIndex .pageIndex-infos .top-infos > div.bt-infos > div .round-img-wrap {
    width: 32px;
    height: 32px;
    margin-right: 8px;
  }
  .socialPageIndex .pageIndex-infos .mid-infos .img-wrap {
    padding: 0;
    width: 320px;
    margin: 0 auto 40px;
  }
  .socialPageIndex .page-lists-wrap .page-lists li {
    padding: 18px 0;
  }
  .socialPageIndex .recommendConts {
    margin-top: 38px;
  }
  .socialPageIndex .recommendConts .masonry-lists .masonry-list {
    width: 32%;
  }
}
@media screen and (max-width: 767px) {
  .socialPageIndex {
    padding-bottom: 0;
  }
  .socialPageIndex .pageIndex-infos .top-infos {
    margin-bottom: 48px;
  }
  .socialPageIndex .pageIndex-infos .top-infos h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .socialPageIndex .pageIndex-infos .top-infos > div {
    font-size: 14px;
  }
  .socialPageIndex .pageIndex-infos .top-infos > div.bt-infos {
    margin-top: 24px;
  }
  .socialPageIndex .pageIndex-infos .top-infos > div.bt-infos .btn {
    padding: 10px 12px;
  }
  .socialPageIndex .pageIndex-infos .top-infos > div.bt-infos .btn .heart {
    width: 16px;
    height: 16px;
  }
  .socialPageIndex .pageIndex-infos .mid-infos .img-wrap {
    width: 200px;
  }
  .socialPageIndex .page-lists-wrap .page-lists li b {
    width: 80px;
    padding: 0 0 0 16px;
  }
  .socialPageIndex .page-lists-wrap .page-lists li > div {
    padding: 0 16px 0 0;
  }
  .socialPageIndex .recommendConts {
    margin-top: 40px;
  }
  .socialPageIndex .recommendConts > p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .socialPageIndex .recommendConts .masonry-lists {
    flex-direction: column;
  }
  .socialPageIndex .recommendConts .masonry-lists .masonry-list {
    width: 100%;
  }
}
.socialPageView {
  padding-bottom: 160px;
}

.social-mypage {
  padding-bottom: 160px;
}
.social-mypage .my-page-title {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.social-mypage .my-page-title > p {
  font-weight: 700;
  font-size: 28px;
}
.social-mypage .my-page-title .btn {
  height: 40px;
  border-radius: 40px;
  padding: 0 30px;
  font-weight: 700;
}
.social-mypage .mywrite-state {
  margin: 40px 0 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.social-mypage .mywrite-state li {
  margin-right: 16px;
  flex: 1;
  border: 1px solid #EEEEEE;
  border-radius: 12px;
  padding: 24px;
}
.social-mypage .mywrite-state li:last-child {
  margin-right: 0;
}
.social-mypage .mywrite-state li > p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 32px;
}
.social-mypage .mywrite-state li > b {
  line-height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 22px;
}
.social-mypage .mywrite-state li > b .icon {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}
.social-mypage .tab {
  margin-bottom: 40px;
}
.social-mypage .tab a {
  flex: 1;
  font-size: 16px;
  padding-bottom: 16px;
  position: relative;
}
.social-mypage .tab a.on {
  font-weight: 600;
}
.social-mypage .tab a.on::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000000;
}
.social-mypage .masonry-lists .masonry-list .text-infos {
  position: relative;
}
.social-mypage .masonry-lists .masonry-list .text-infos > p {
  padding-right: 40px;
}
.social-mypage .masonry-lists .masonry-list .text-infos .bt-infos {
  justify-content: flex-end;
}
.social-mypage .masonry-lists .masonry-list .text-infos .dropdownnBox {
  position: absolute;
  top: 0;
  right: 0;
}
.social-mypage .masonry-lists .masonry-list .text-infos .dropdownnBox .customBtn {
  padding: 0;
  border: none;
  border-radius: 0;
  width: 24px;
  height: 24px;
}
.social-mypage .masonry-lists .masonry-list .text-infos .dropdownnBox .customBtn .icon {
  margin: 0 auto;
  width: 24px;
  height: 24px;
}
.social-mypage .masonry-lists .masonry-list .text-infos .dropdownnBox.active .customOptions {
  display: block;
  width: 110px;
  right: 0;
  left: inherit;
}

@media screen and (max-width: 1199px) {
  .social-mypage {
    padding-bottom: 80px;
  }
  .social-mypage .my-page-title {
    margin-top: 40px;
  }
  .social-mypage .my-page-title > p {
    font-size: 20px;
  }
  .social-mypage .my-page-title .btn {
    padding: 0 16px;
  }
  .social-mypage .mywrite-state {
    margin: 24px 0 40px;
  }
  .social-mypage .mywrite-state li {
    padding: 20px;
  }
  .social-mypage .mywrite-state li > p {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .social-mypage .mywrite-state li > b {
    font-size: 20px;
    line-height: 32px;
  }
  .social-mypage .mywrite-state li > b .icon {
    width: 32px;
    height: 32px;
    margin-right: 8px;
  }
  .social-mypage .tab {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .social-mypage {
    padding-bottom: 0px;
  }
  .social-mypage .my-page-title {
    margin-top: 24px;
  }
  .social-mypage .my-page-title > p {
    font-size: 20px;
  }
  .social-mypage .my-page-title .btn {
    display: none;
  }
  .social-mypage .mywrite-state {
    flex-direction: column;
  }
  .social-mypage .mywrite-state li {
    margin-right: 0;
    width: 100%;
    margin-top: 12px;
    padding: 20px 16px;
  }
  .social-mypage .mywrite-state li:first-child {
    margin-top: 0;
  }
  .social-mypage .mywrite-state li > p {
    font-size: 13px;
    margin-bottom: 16px;
  }
  .social-mypage .tab {
    margin-bottom: 8px;
  }
  .social-mypage .tab a {
    padding: 16px 0;
    font-size: 14px;
  }
}
.socialPageView {
  padding-top: 24px;
  padding-bottom: 160px;
}
.socialPageView > .gray-line-btn {
  padding: 0 16px;
  height: 42px;
  border-radius: 8px;
  font-weight: 600;
}
.socialPageView > .gray-line-btn .icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-image: url("./../../../images/svg/arrowLeft.svg");
}
.socialPageView .view-content {
  margin: 24px auto 0;
  max-width: 880px;
}
.socialPageView .view-content .titles {
  text-align: center;
  margin-bottom: 48px;
}
.socialPageView .view-content .titles .sub-title {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
  font-weight: 500;
}
.socialPageView .view-content .titles .title {
  font-size: 32px;
  line-height: 40px;
}
.socialPageView .view-content .wrtie-content {
  position: relative;
  font-size: 16px;
  line-height: 24px;
}
.socialPageView .view-content .wrtie-content > p {
  font-size: 16px;
  line-height: 24px;
}
.socialPageView .view-content .wrtie-content .btn {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("./../../../images/svg/black-arrow-icon.svg");
  background-size: 20%;
  background-repeat: no-repeat;
  background-position: 50%;
}
.socialPageView .view-content .wrtie-content .btn:hover {
  box-shadow: 0px 8px 20px 0 rgba(0, 0, 0, 0.08);
}
.socialPageView .view-content .wrtie-content .btn.right-btn {
  right: -80px;
}
.socialPageView .view-content .wrtie-content .btn.left-btn {
  left: -80px;
  transform: translateY(-50%) rotate(180deg);
}
.socialPageView .reaction-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 64px 0;
}
.socialPageView .reaction-btns > button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-right: 64px;
}
.socialPageView .reaction-btns > button:last-child {
  margin-right: 0;
}
.socialPageView .reaction-btns > button .icon {
  width: 64px;
  height: 64px;
  margin-bottom: 12px;
}
.socialPageView .reaction-btns > button b {
  font-size: 16px;
  line-height: 24px;
  color: #AAAAAA;
  line-height: 24px;
  margin-top: 4px;
}
.socialPageView .reaction-btns > button.on b {
  color: #000000;
}
.socialPageView .hash-tages {
  max-width: 880px;
  margin: 0 auto;
  padding-bottom: 24px;
  border-bottom: 1px solid #EEEEEE;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.socialPageView .hash-tages a {
  color: var(--main-color);
  font-weight: 600;
  font-size: 16px;
  margin-right: 24px;
}

.getsmart-dynamic .socialPageView .hash-tages a {
  color: var(--main-color);
}

.socialPageView .hash-tages a:last-child {
  margin-right: 0;
}
.socialPageView .page-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 28px 0 0;
}
.socialPageView .page-btns .btn {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-image: url("./../../../images/svg/black-arrow-icon.svg");
  background-size: 20%;
  background-repeat: no-repeat;
  background-position: 50%;
}
.socialPageView .page-btns .btn.left {
  transform: rotate(180deg);
}
.socialPageView .page-btns > div {
  padding: 0 28px;
  font-size: 16px;
  color: #AAAAAA;
  letter-spacing: 5px;
  font-weight: 600;
}

@media screen and (max-width: 1199px) {
  .socialPageView {
    padding-bottom: 80px;
  }
  .socialPageView .view-content .titles {
    margin-bottom: 32px;
  }
  .socialPageView .view-content .titles .sub-title {
    font-size: 14px;
    margin-bottom: 2px;
  }
  .socialPageView .view-content .titles .title {
    font-size: 24px;
    line-height: 32px;
  }
  .socialPageView .wrtie-content .btn {
    display: none;
  }
  .socialPageView .reaction-btns {
    margin: 48px 0 32px;
  }
  .socialPageView .reaction-btns > button {
    margin-right: 48px;
  }
  .socialPageView .hash-tages {
    padding-bottom: 24px;
  }
  .socialPageView .hash-tages a {
    font-size: 14px;
    margin-right: 24px;
  }
}
@media screen and (max-width: 767px) {
  .socialPageView {
    padding-bottom: 40px;
  }
  .socialPageView .view-content .titles {
    margin-bottom: 24px;
  }
  .socialPageView .view-content .titles .sub-title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
  }
  .socialPageView .view-content .titles .title {
    font-size: 20px;
    line-height: 28px;
  }
  .socialPageView .wrtie-content .btn {
    display: none;
  }
  .socialPageView .reaction-btns {
    margin: 40px 0;
    justify-content: space-between;
  }
  .socialPageView .reaction-btns > button {
    margin-right: 0;
  }
  .socialPageView .hash-tages {
    padding-bottom: 24px;
  }
  .socialPageView .hash-tages a {
    font-size: 14px;
    margin-right: 24px;
  }
  .socialPageView .page-btns > div {
    padding: 0 16px;
  }
}
.mentoring-layout {
  padding-top: 24px;
}
.mentoring-layout .mentoring-search {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.mentoring-layout .mentoring-search .select2-container {
  min-width: 200px;
}
.mentoring-layout .mentoring-search .mentoringSelect {
  height: 42px;
}
.mentoring-layout .mentoring-search .mentoringSelect .select2-container--default .select2-selection--single {
  height: 42px;
}
.mentoring-layout .mentoring-search .mentoringSelect .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 42px;
  line-height: 42px;
  font-weight: 600;
  padding: 0 40px 0 16px;
  background-image: url(./../../../images/svg/dropdown.svg);
  background-repeat: no-repeat;
  background-position: bottom 50% right 12px;
}
.mentoring-layout .mentoring-search .mentoringSelect .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
.mentoring-layout .mentoring-search .btn {
  width: 80px;
  height: 42px;
  margin-left: 8px;
  border-radius: 8px;
  font-weight: 600;
}
.mentoring-layout .mentoring-number {
  display: flex;
  overflow-x: auto;
  margin-top: 24px;
}
.mentoring-layout .mentoring-number a {
  min-width: 63px;
  padding: 0 16px;
  height: 42px;
  border-radius: 100px;
  font-weight: 600;
  flex-shrink: 0;
  margin-right: 8px;
}
.mentoring-layout .mentoring-number a.on {
  background-color: #000000;
  color: #ffffff;
}

.mentoring-page h2 {
  border-bottom: none;
  padding-bottom: 12px;
}
.mentoring-page .mentoring-label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 24px;
  border-bottom: 1px solid #EEEEEE;
}
.mentoring-page .mentoring-label > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 12px;
}
.mentoring-page .mentoring-label > div > span {
  font-size: 11px;
  height: 18px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}
.mentoring-page .mentoring-label > div.mentor span {
  color: var(--main-color);
  background-color: rgba(51, 133, 255, 0.1);
}

.getsmart-dynamic .mentoring-page .mentoring-label > div.mentor span {
  color: var(--main-color);
}



.getsmart-dynamic .mentoring-page .mentoring-label > div.mentor span {
  background-color: rgba(51, 133, 255, 0.1);
}

.mentoring-page .mentoring-label > div.mentee span {
  background-color: rgba(42, 202, 200, 0.1);
  color: #2ACAC8;
}
.mentoring-page .view-ul-table-wrap .view-ul-table {
  border-top: none;
}

.select2-dropdown {
  z-index: 0 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  height: 32px;
  font-size: 14px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--main-color);
}
.getsmart-dynamic .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--main-color);
}

@media screen and (max-width: 767px) {
  .mentoring-layout .mentoring-search .mentoringSelect {
    min-width: calc(100% - 88px);
  }
  .mentoring-layout .mentoring-search .select2-container {
    min-width: 100%;
  }
}
.coaching-layout {
  padding-top: 40px;
  padding-bottom: 120px;
}
.coaching-layout .sub-tab {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow-x: auto;
  margin-bottom: 16px;
}
.coaching-layout .sub-tab .btn {
  flex-shrink: 0;
  padding: 0 20px;
  border-radius: 100px;
  height: 40px;
  margin-right: 16px;
  font-weight: 600;
}
.coaching-layout .sub-tab .btn.on {
  background-color: var(--main-color);
  color: #ffffff;
}

.getsmart-dynamic .coaching-layout .sub-tab .btn.on {
  background-color: var(--main-color);
}

.coaching-layout .sub-search-box {
  margin-bottom: 24px;
}
.coaching-layout .sub-search-box .main-line-btn {
  height: 42px;
  width: 120px;
  border-radius: 8px;
}

@media screen and (max-width: 1199px) {
  .coaching-layout {
    padding-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .coaching-layout .sub-search-box.list-search-box {
    flex-direction: column;
  }
  .coaching-layout .sub-search-box.list-search-box > div {
    width: 100%;
  }
  .coaching-layout .sub-search-box.list-search-box > div .input-wrap {
    width: 100%;
  }
  .coaching-layout .sub-search-box.list-search-box > div .btn {
    display: none;
  }
  .coaching-layout .sub-search-box.list-search-box .main-line-btn {
    width: 100%;
    margin-top: 10px;
  }
}
.coaching-layout .board-table-wrap {
  margin-bottom: 40px;
}
.coaching-layout .board-table-wrap .customSelect {
  position: relative;
}
.coaching-layout .board-table-wrap .customSelect ul {
  padding: 16px 0;
  background-color: #ffffff;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  position: absolute;
  top: 49px;
  width: 120px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.coaching-layout .board-table-wrap .customSelect ul li {
  margin-bottom: 5px;
}
.coaching-layout .board-table-wrap .customSelect ul li:last-child {
  margin-bottom: 0;
}
.coaching-layout .coacing-numbers {
  display: flex;
  overflow-x: auto;
}
.coaching-layout .coacing-numbers .btn {
  flex-shrink: 0;
  padding: 0 16px;
  height: 42px;
  border-radius: 100px;
  margin-right: 10px;
}
.coaching-layout .coacing-numbers .btn:last-child {
  margin-right: 0;
}
.coaching-layout .coacing-numbers .btn.on {
  background-color: #000000;
  color: #ffffff;
}
.coaching-layout .coaching-apply-lists tbody tr td b.blue-color-font {
  line-height: 42px;
}

@media screen and (max-width: 1199px) {
  .coaching-layout .board-table-wrap table {
    min-width: 1100px;
  }
}
@media screen and (max-width: 767px) {
  .coaching-layout {
    padding-bottom: 40px;
  }
  .coaching-layout .board-table-wrap {
    border-top: 1px solid #EEEEEE;
  }
  .coaching-layout .board-table-wrap table {
    min-width: 100%;
  }
  .coaching-layout .board-table-wrap table tbody tr td {
    text-align: left;
  }
  .coaching-layout .board-table-wrap .customSelect ul {
    padding: 16px;
    border-radius: 6px;
    top: inherit;
    bottom: 50px;
    width: 100%;
    left: 0;
    transform: translateX(0%);
  }
  .coaching-layout .board-table-wrap .customSelect ul li {
    margin-bottom: 5px;
  }
  .coaching-layout .board-table-wrap .customSelect ul li:last-child {
    margin-bottom: 0;
  }
  .coaching-apply-lists .popupBtn {
    margin-top: 20px;
    width: 100%;
  }
  .coaching-apply-lists tbody tr td.btn-tr {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .coaching-apply-lists tbody tr td.btn-tr.state {
    margin-right: 0;
  }
  .coaching-apply-lists tbody tr.approval .state {
    order: 0;
    padding-bottom: 6px;
  }
  .coaching-apply-lists tbody tr.approval .state .blue-color-font {
    line-height: 22px;
  }
  .coaching-apply-lists tbody tr.approval .has-label {
    order: 1;
  }
}
.coaching-layout .mentoring-page h2 {
  font-size: 22px;
  line-height: 32px;
  margin-top: 40px;
}

.coach-popup {
  width: 640px;
}
.coach-popup .teacher-info {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 32px;
}
.coach-popup .teacher-info .img-wrap {
  width: 100px;
  height: 134px;
  margin-right: 16px;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
}
.coach-popup .teacher-info .img-wrap img {
  width: 100%;
}
.coach-popup .teacher-info .text-info {
  flex-direction: column;
  height: 134px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.coach-popup .teacher-info .text-info b {
  font-size: 18px;
}
.coach-popup .teacher-info .text-info ul {
  padding: 8px 0;
}
.coach-popup .teacher-info .text-info ul li {
  color: #AAAAAA;
  margin-bottom: 4px;
  font-size: 14px;
}
.coach-popup .teacher-info .text-info ul li:last-child {
  margin-bottom: 0;
}
.coach-popup .teacher-text b {
  display: block;
  font-size: 16px;
  margin-bottom: 8px;
}
.coach-popup .teacher-text p {
  font-size: 16px;
  line-height: 24px;
}
.coach-popup .coaching-apply.writeForm fieldset {
  margin-top: 24px;
}
.coach-popup .coaching-apply.writeForm fieldset:first-child {
  margin-top: 0;
}
.coach-popup .coaching-apply.writeForm fieldset > b {
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}
.coach-popup .coaching-apply.writeForm fieldset .wirte-boxs-wrap > div {
  margin-top: 16px;
}
.coach-popup .coaching-apply.writeForm fieldset .wirte-boxs-wrap > div .coaching-input-wrap {
  position: relative;
}
.coach-popup .coaching-apply.writeForm fieldset .wirte-boxs-wrap > div .coaching-input-wrap input {
  padding-right: 120px;
}
.coach-popup .coaching-apply.writeForm fieldset .wirte-boxs-wrap > div .coaching-input-wrap .btn {
  position: absolute;
}
.coach-popup .coaching-apply.writeForm fieldset .wirte-boxs-wrap > div .coaching-input-wrap .del-btn {
  top: 18px;
  right: 90px;
}
.coach-popup .coaching-apply.writeForm fieldset .wirte-boxs-wrap > div .coaching-input-wrap .del-btn .icon {
  width: 24px;
  height: 24px;
}
.coach-popup .coaching-apply.writeForm fieldset .wirte-boxs-wrap > div .coaching-input-wrap .search-btn {
  right: 8px;
  top: 10px;
  width: 72px;
  height: 40px;
  border-radius: 8px;
  background-color: rgba(51, 133, 255, 0.1);
  color: var(--main-color);
}

.getsmart-dynamic .coach-popup .coaching-apply.writeForm fieldset .wirte-boxs-wrap > div .coaching-input-wrap .search-btn {
  background-color: rgba(51, 133, 255, 0.1);
}

.getsmart-dynamic .coach-popup .coaching-apply.writeForm fieldset .wirte-boxs-wrap > div .coaching-input-wrap .search-btn {
  color: var(--main-color);
}

.coach-popup .coaching-apply.writeForm fieldset .wirte-boxs-wrap > div .form-label {
  font-size: 14px;
}
.coach-popup .coach-search-form-wrap form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.coach-popup .coach-search-form-wrap form > div {
  flex-grow: 1;
  margin-right: 8px;
}
.coach-popup .coach-search-form-wrap form > div input {
  height: 48px;
  padding-left: 40px;
}
.coach-popup .coach-search-form-wrap form > div .gary-search-icon {
  width: 16px;
  height: 16px;
  left: 13px;
  top: 17px;
}
.coach-popup .coach-search-form-wrap form .btn {
  width: 104px;
  flex-shrink: 0;
  font-weight: 600;
  height: 48px;
  border-radius: 8px;
}
.coach-popup .coach-search-form-wrap table tr:hover {
  cursor: pointer;
}
.coach-popup .coach-search-form-wrap table tr:hover td {
  background-color: rgba(51, 133, 255, 0.1);
  color: var(--main-color);
}

.getsmart-dynamic .coach-popup .coach-search-form-wrap table tr:hover td {
  background-color: rgba(51, 133, 255, 0.1);
}


.getsmart-dynamic .coach-popup .coach-search-form-wrap table tr:hover td {
  color: var(--main-color);
}

.coach-popup .coach-search-form-wrap table tr:hover td.no-result {
  background-color: transparent;
  color: #999999;
}
.coach-popup .coach-search-form-wrap table tr td.no-result {
  padding: 48px 0 8px;
  color: #999999;
  border-bottom: none;
}
.coach-popup .coach-search-form-wrap .pageNation {
  margin-top: 40px;
}

@media screen and (max-width: 1199px) {
  .coach-popup {
    width: 560px;
  }
  .coach-popup .coaching-apply.writeForm fieldset .wirte-boxs-wrap > div .coaching-input-wrap .del-btn {
    top: 11px;
  }
  .coach-popup .coaching-apply.writeForm fieldset .wirte-boxs-wrap > div .coaching-input-wrap .search-btn {
    top: 7px;
    height: 34px;
  }
}
@media screen and (max-width: 767px) {
  .coach-popup {
    width: 100%;
  }
  .coach-popup .coach-search-form-wrap form .input-wrap {
    margin-right: 0;
  }
  .coach-popup .coach-search-form-wrap form button {
    display: none;
  }
}
.notice-page {
  padding-bottom: 160px;
  margin-top: 40px;
}
.notice-page .board-lists {
  margin-bottom: 16px;
}

@media screen and (max-width: 1199px) {
  .notice-page {
    margin-top: 24px;
    padding-bottom: 80px;
  }
}
.eduinfo-wrap {
  background-color: #F8F8F8;
  padding: 80px 0 160px;
}
.eduinfo-wrap .eduInfoBanner-wrap {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  padding: 0 81px;
}
.eduinfo-wrap .btn-prev,
.eduinfo-wrap .btn-next {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.eduinfo-wrap .btn-prev i,
.eduinfo-wrap .btn-next i {
  width: 6px;
  height: 10px;
  background-image: url("./../../../images/svg/black-arrow-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.eduinfo-wrap .btn-prev i {
  transform: rotate(180deg);
}
.eduinfo-wrap .bannerBtns div[class*=btn-] {
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #444444;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.eduinfo-wrap .bannerBtns div[class*=btn-].btn-prev {
  left: 0px;
}
.eduinfo-wrap .bannerBtns div[class*=btn-].btn-next {
  right: 0px;
}
.eduinfo-wrap .bannerBtns div[class*=btn-] i {
  background-image: url("./../../../images/svg/white-arrow-icon.svg");
}
.eduinfo-wrap .bannerBtns div[class*=btn-].swiper-button-disabled {
  opacity: 0.5;
}
.eduinfo-wrap .bannerBtns-type2 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 0;
  margin-top: 16px;
}
.eduinfo-wrap .bannerBtns-type2 .page-num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  font-size: 16px;
  color: #999999;
  font-weight: 600;
  margin: 0 12px;
}
.eduinfo-wrap .bannerBtns-type2 .page-num .swiper-pagination-current {
  color: var(--main-color);
}

.getsmart-dynamic .eduinfo-wrap .bannerBtns-type2 .page-num .swiper-pagination-current {
  color: var(--main-color);
}

.eduinfo-wrap .bannerBtns-type2 .page-num > span {
  padding: 0 4px;
}
.eduinfo-wrap .btn-wrap {
  text-align: center;
  margin: 40px auto 0;
}
.eduinfo-wrap .btn-wrap .main-bg-btn {
  width: 400px;
  height: 60px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
}
.eduinfo-wrap .btn-wrap .main-bg-btn .icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

@media screen and (max-width: 1199px) {
  .eduinfo-wrap {
    padding: 40px 0 80px;
  }
  .eduinfo-wrap .eduInfoBanner-wrap {
    width: 100%;
    padding: 0;
  }
  .eduinfo-wrap .bannerBtns {
    display: none;
  }
  .eduinfo-wrap .btn-wrap {
    margin-top: 24px;
  }
  .eduinfo-wrap .btn-wrap .main-bg-btn {
    width: 320px;
    height: 48px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .eduinfo-wrap {
    padding-top: 24px;
  }
  .eduinfo-wrap .btn-wrap .main-bg-btn {
    width: 100%;
  }
}


.faq-tab-btns {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow-y: auto;
  margin: 32px 0 0;
}
.faq-tab-btns .btn {
  min-width: 104px;
  font-size: 14px;
  background-color: #F2F2F2;
  color: #AAAAAA;
  font-weight: 700;
  border-radius: 40px;
  height: 42px;
  margin-right: 12px;
  white-space: nowrap;
}
.faq-tab-btns .btn.on {
  color: #ffffff;
  /*background-color: #444444;*/
  background-color: var(--main-color);
}


.getsmart-dynamic .faq-tab-btns {
  padding-bottom: 8px;
}

.faq-page {
  margin-top: 24px;
}

.faq-content-wrap {
  margin-bottom: 44px;
  border-bottom: 1px solid #EEEEEE;
}
.faq-content-wrap .accordion-wrap .accordion-btn {
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px 16px;
  border-top: 1px solid #EEEEEE;
  cursor: pointer;
}
.faq-content-wrap .accordion-wrap .accordion-btn > div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 18px;
}
.faq-content-wrap .accordion-wrap .accordion-btn > div > span {
  color: #AAAAAA;
  padding-right: 10px;
}
.faq-content-wrap .accordion-wrap .accordion-btn > div > p {
  font-size: 18px;
}
.faq-content-wrap .accordion-wrap .accordion-btn .icon {
  width: 24px;
  height: 24px;
}
.faq-content-wrap .accordion-wrap.show .accordion-btn .icon {
  transform: rotate(180deg);
}
.faq-content-wrap .accordion-wrap .accordion-content {
  width: 100%;
  border-top: 1px solid #EEEEEE;
  padding: 30px 16px;
  background-color: #F8F8F8;
  font-size: 18px;
}
.faq-content-wrap .accordion-wrap .accordion-content.on {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.faq-content-wrap .accordion-wrap .accordion-content > span {
  color: #AAAAAA;
  padding-right: 10px;
}
.faq-content-wrap .accordion-wrap .accordion-content > div {
  font-size: 18px;
}

.faq-Link {
  margin: 84px auto 160px;
  padding: 32px 24px;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(51, 133, 255, 0.1);
}

.getsmart-dynamic .faq-Link {
  background-color: rgba(51, 133, 255, 0.1);
}

.faq-Link > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
}
.faq-Link > div .icon {
  width: 48px;
  height: 48px;
  margin-right: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.9983 18.25C29.6916 18.2499 31.3557 18.6907 32.8269 19.5292C34.298 20.3677 35.5254 21.5748 36.3883 23.0318C37.2511 24.4888 37.7196 26.1454 37.7477 27.8385C37.7757 29.5315 37.3624 31.2027 36.5483 32.6875L37.3452 35.5C37.4195 35.7563 37.4237 36.0278 37.3573 36.2863C37.2908 36.5447 37.1563 36.7806 36.9676 36.9693C36.7789 37.158 36.543 37.2926 36.2846 37.359C36.0261 37.4254 35.7546 37.4212 35.4983 37.3469L32.6858 36.55C31.3824 37.2644 29.9329 37.6713 28.4482 37.7397C26.9634 37.8081 25.4827 37.5361 24.1192 36.9445C22.7556 36.353 21.5454 35.4575 20.5809 34.3266C19.6165 33.1956 18.9234 31.8592 18.5546 30.4193C18.1858 28.9795 18.151 27.4744 18.453 26.0191C18.755 24.5637 19.3857 23.1967 20.2969 22.0225C21.2081 20.8483 22.3758 19.8979 23.7106 19.2441C25.0454 18.5902 26.512 18.2502 27.9983 18.25Z' fill='%233385FF' fill-opacity='0.2'/%3E%3Cpath d='M15.9991 2.25H15.9991C13.6111 2.24982 11.2642 2.87156 9.18952 4.05402C7.11483 5.23647 5.38386 6.93887 4.16704 8.99359C2.95022 11.0483 2.2895 13.3845 2.24993 15.7722C2.21209 18.0562 2.74387 20.3119 3.79505 22.3363L2.81622 25.7911C2.81598 25.7919 2.81575 25.7927 2.81551 25.7935C2.67968 26.2635 2.67224 26.7612 2.794 27.235L3.5197 27.0485L2.794 27.235C2.91598 27.7097 3.16313 28.1429 3.50965 28.4894C3.85617 28.8359 4.28936 29.0831 4.764 29.205C5.2378 29.3268 5.73556 29.3194 6.20548 29.1835C6.20631 29.1833 6.20714 29.1831 6.20797 29.1828L9.66275 28.204C11.429 29.1207 13.3743 29.6438 15.3647 29.7354C17.4586 29.8319 19.5468 29.4483 21.4697 28.6141C23.3926 27.7798 25.0994 26.517 26.4595 24.9221C27.8196 23.3272 28.7971 21.4424 29.3172 19.4119C29.8373 17.3813 29.8863 15.2588 29.4604 13.2064C29.0346 11.154 28.1451 9.22614 26.86 7.57018C25.575 5.91421 23.9283 4.57397 22.0459 3.65188C20.1635 2.7298 18.0952 2.25029 15.9991 2.25Z' fill='white' stroke='white' stroke-width='1.5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.56187 4.70562C11.5234 3.58766 13.7423 2.99983 16 3C17.9818 3.00027 19.9372 3.45363 21.717 4.32542C23.4967 5.19721 25.0535 6.46435 26.2685 8.02999C27.4835 9.59563 28.3244 11.4183 28.7271 13.3588C29.1297 15.2992 29.0834 17.306 28.5916 19.2258C28.0999 21.1456 27.1757 22.9275 25.8898 24.4354C24.6039 25.9433 22.9902 27.1373 21.1722 27.926C19.3541 28.7148 17.3798 29.0774 15.4002 28.9862C13.4205 28.8951 11.4879 28.3525 9.75001 27.4L6.00001 28.4625C5.65822 28.5641 5.29532 28.5712 4.9498 28.4832C4.60427 28.3952 4.28903 28.2152 4.03751 27.9625C3.78598 27.7076 3.60703 27.3901 3.51913 27.0429C3.43124 26.6958 3.43758 26.3314 3.53751 25.9875L4.60001 22.25C3.51456 20.2703 2.9634 18.042 3.00081 15.7846C3.03822 13.5272 3.6629 11.3184 4.81335 9.37576C5.9638 7.43311 7.60035 5.82357 9.56187 4.70562Z' fill='%233385FF'/%3E%3Cpath d='M16.3333 23.0833V22.9048M13 14.4107C13 12.527 14.4924 11 16.3333 11C18.1743 11 19.6667 12.527 19.6667 14.4107C19.6667 16.2944 18.1743 17.8214 16.3333 17.8214C16.3333 17.8214 16.3319 18.8395 16.3319 20.0953' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}


.getsmart-dynamic .faq-Link > div .icon {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.9983 18.25C29.6916 18.2499 31.3557 18.6907 32.8269 19.5292C34.298 20.3677 35.5254 21.5748 36.3883 23.0318C37.2511 24.4888 37.7196 26.1454 37.7477 27.8385C37.7757 29.5315 37.3624 31.2027 36.5483 32.6875L37.3452 35.5C37.4195 35.7563 37.4237 36.0278 37.3573 36.2863C37.2908 36.5447 37.1563 36.7806 36.9676 36.9693C36.7789 37.158 36.543 37.2926 36.2846 37.359C36.0261 37.4254 35.7546 37.4212 35.4983 37.3469L32.6858 36.55C31.3824 37.2644 29.9329 37.6713 28.4482 37.7397C26.9634 37.8081 25.4827 37.5361 24.1192 36.9445C22.7556 36.353 21.5454 35.4575 20.5809 34.3266C19.6165 33.1956 18.9234 31.8592 18.5546 30.4193C18.1858 28.9795 18.151 27.4744 18.453 26.0191C18.755 24.5637 19.3857 23.1967 20.2969 22.0225C21.2081 20.8483 22.3758 19.8979 23.7106 19.2441C25.0454 18.5902 26.512 18.2502 27.9983 18.25Z' fill='%233385FF' fill-opacity='0.2'/%3E%3Cpath d='M15.9991 2.25H15.9991C13.6111 2.24982 11.2642 2.87156 9.18952 4.05402C7.11483 5.23647 5.38386 6.93887 4.16704 8.99359C2.95022 11.0483 2.2895 13.3845 2.24993 15.7722C2.21209 18.0562 2.74387 20.3119 3.79505 22.3363L2.81622 25.7911C2.81598 25.7919 2.81575 25.7927 2.81551 25.7935C2.67968 26.2635 2.67224 26.7612 2.794 27.235L3.5197 27.0485L2.794 27.235C2.91598 27.7097 3.16313 28.1429 3.50965 28.4894C3.85617 28.8359 4.28936 29.0831 4.764 29.205C5.2378 29.3268 5.73556 29.3194 6.20548 29.1835C6.20631 29.1833 6.20714 29.1831 6.20797 29.1828L9.66275 28.204C11.429 29.1207 13.3743 29.6438 15.3647 29.7354C17.4586 29.8319 19.5468 29.4483 21.4697 28.6141C23.3926 27.7798 25.0994 26.517 26.4595 24.9221C27.8196 23.3272 28.7971 21.4424 29.3172 19.4119C29.8373 17.3813 29.8863 15.2588 29.4604 13.2064C29.0346 11.154 28.1451 9.22614 26.86 7.57018C25.575 5.91421 23.9283 4.57397 22.0459 3.65188C20.1635 2.7298 18.0952 2.25029 15.9991 2.25Z' fill='white' stroke='white' stroke-width='1.5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.56187 4.70562C11.5234 3.58766 13.7423 2.99983 16 3C17.9818 3.00027 19.9372 3.45363 21.717 4.32542C23.4967 5.19721 25.0535 6.46435 26.2685 8.02999C27.4835 9.59563 28.3244 11.4183 28.7271 13.3588C29.1297 15.2992 29.0834 17.306 28.5916 19.2258C28.0999 21.1456 27.1757 22.9275 25.8898 24.4354C24.6039 25.9433 22.9902 27.1373 21.1722 27.926C19.3541 28.7148 17.3798 29.0774 15.4002 28.9862C13.4205 28.8951 11.4879 28.3525 9.75001 27.4L6.00001 28.4625C5.65822 28.5641 5.29532 28.5712 4.9498 28.4832C4.60427 28.3952 4.28903 28.2152 4.03751 27.9625C3.78598 27.7076 3.60703 27.3901 3.51913 27.0429C3.43124 26.6958 3.43758 26.3314 3.53751 25.9875L4.60001 22.25C3.51456 20.2703 2.9634 18.042 3.00081 15.7846C3.03822 13.5272 3.6629 11.3184 4.81335 9.37576C5.9638 7.43311 7.60035 5.82357 9.56187 4.70562Z' fill='%233385FF'/%3E%3Cpath d='M16.3333 23.0833V22.9048M13 14.4107C13 12.527 14.4924 11 16.3333 11C18.1743 11 19.6667 12.527 19.6667 14.4107C19.6667 16.2944 18.1743 17.8214 16.3333 17.8214C16.3333 17.8214 16.3319 18.8395 16.3319 20.0953' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.faq-Link > .btn {
  width: 110px;
  border-radius: 100px;
  height: 42px;
  font-size: 15px;
  background-color: #ffffff;
  color: #ffffff;
  font-weight: 600;
}

.getsmart-dynamic .faq-Link > .btn {
  background-color: var(--main-color);
}

@media screen and (max-width: 1199px) {
  .faq-content-wrap .accordion-wrap .accordion-btn {
    padding: 16px;
  }
  .faq-content-wrap .accordion-wrap .accordion-btn > div {
    font-size: 16px;
  }
  .faq-content-wrap .accordion-wrap .accordion-btn > div > p {
    font-size: 16px;
  }
  .faq-content-wrap .accordion-wrap .accordion-content {
    padding: 20px 16px;
    font-size: 16px;
  }
  .faq-content-wrap .accordion-wrap .accordion-content > div {
    font-size: 16px;
  }
  .faq-content-wrap .accordion-wrap .accordion-content > div > p {
    font-size: 16px;
  }
  .faq-Link {
    margin: 48px auto 80px;
    width: calc(100% - 32px);
    padding: 20px;
  }
  .faq-Link > div {
    font-size: 16px;
  }
  .faq-Link > .btn {
    font-size: 14px;
    width: 100px;
  }
}
@media screen and (max-width: 767px) {
  .faq-search-box {
    display: flex;
    flex-direction: column;
    padding-bottom: 0 !important;
    background-color: #ffffff;
  }
  .faq-search-box .faq-tab-btns {
    order: 2;
    padding-left: 16px;
    margin: 16px 0;
  }
  .faq-search-box .faq-tab-btns .btn {
    /*min-width: 72px;*/
    height: 40px;
    font-weight: 600;
    font-size: 14px;
  }
  .faq-search-box .sub-search-box {
    border-bottom: none;
    order: 1;
  }
  .faq-content-wrap .accordion-wrap .accordion-btn > div {
    font-size: 14px;
  }
  .faq-content-wrap .accordion-wrap .accordion-btn > div p {
    font-size: 14px;
  }
  .faq-content-wrap .accordion-wrap .accordion-content {
    font-size: 14px;
  }
  .faq-content-wrap .accordion-wrap .accordion-content > div {
    font-size: 14px;
  }
  .faq-Link {
    flex-direction: column;
    width: 100%;
    border-radius: 0;
    margin-bottom: 40px;
  }
  .faq-Link > div {
    font-size: 14px;
  }
  .faq-Link > div .icon {
    width: 36px;
    height: 36px;
    margin-right: 8px;
  }
  .faq-Link .btn {
    width: 100%;
    margin-top: 16px;
  }
}
.remote-service {
  padding-top: 80px;
  padding-bottom: 160px;
  text-align: center;
}
.remote-service h2 {
  text-align: center;
  font-size: 22px;
  line-height: 32px;
}
.remote-service > p {
  margin-top: 16px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.remote-service .service-step {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 40px 0;
}
.remote-service .service-step > li {
  margin-right: 48px;
  text-align: center;
}
.remote-service .service-step > li:last-child {
  margin-right: 0;
}
.remote-service .service-step > li > div {
  width: 216px;
  height: 216px;
  margin-bottom: 16px;
}
.remote-service .service-step > li > strong {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 8px;
  display: block;
}
.remote-service .service-step > li > p {
  color: #666666;
  font-size: 16px;
  line-height: 22px;
}
.remote-service > .main-line-btn {
  height: 40px;
  width: 160px;
  font-weight: 600;
  border-radius: 40px;
}

@media screen and (max-width: 1199px) {
  .remote-service {
    padding-top: 48px;
    padding-bottom: 80px;
  }
  .remote-service h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .remote-service > p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 18px;
  }
  .remote-service .service-step {
    margin: 32px 0;
  }
  .remote-service .service-step > li {
    margin-right: 32px;
  }
  .remote-service .service-step > li > div {
    width: 176px;
    height: 176px;
    margin-bottom: 8px;
  }
  .remote-service .service-step > li > strong,
  .remote-service .service-step > li > p {
    font-size: 14px;
    line-height: 18px;
  }
  .remote-service > .main-line-btn {
    width: 133px;
    height: 42px;
  }
}
@media screen and (max-width: 767px) {
  .remote-service {
    padding-top: 48px;
    padding-bottom: 80px;
  }
  .remote-service h2 {
    font-size: 18px;
    line-height: 24px;
  }
  .remote-service .service-step {
    flex-direction: column;
    align-items: center;
  }
  .remote-service .service-step > li {
    margin-right: 0;
    margin-bottom: 24px;
  }
  .remote-service .service-step > li:last-child {
    margin-bottom: 0;
  }
  .remote-service > .main-line-btn {
    width: 100%;
  }
}
.total-search-box .search-tab-btns {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow-y: auto;
}
.total-search-box .search-tab-btns .btn {
  min-width: 104px;
  font-size: 14px;
  background-color: #F2F2F2;
  color: #AAAAAA;
  font-weight: 700;
  border-radius: 40px;
  height: 42px;
  margin-right: 12px;
  flex-shrink: 0;
  padding: 0 10px;
}
.total-search-box .search-tab-btns .btn span {
  padding-left: 5px;
}
.total-search-box .search-tab-btns .btn.on {
  color: #ffffff;
  background-color: #444444;
}
.total-search-box .list-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 24px 0;
  height: 42px;
}
.total-search-box .list-title h3 {
  font-size: 20px;
  line-height: 24px;
}
.total-search-box .list-title h3 b {
  padding-left: 5px;
}

.total-search-wrap {
  padding-bottom: 160px;
}
.total-search-wrap .board-lists {
  margin-bottom: 16px;
}

@media screen and (max-width: 1199px) {
  .total-search-wrap {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .total-search-wrap {
    padding-bottom: 40px;
  }
  .total-search-box .search-tab-btns .btn {
    min-width: 90px;
    padding: 0 9px;
    height: 40px;
    font-weight: 600;
    font-size: 14px;
  }
}
.ts-connect-wrap {
  margin-bottom: 100px;
}
.ts-connect-wrap:last-child {
  margin-bottom: 0;
}
.ts-connect-wrap .ts-connect-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 24px;
}
.ts-connect-wrap .btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ts-connect-wrap .btn-wrap .btn {
  width: 260px;
  height: 60px;
  margin-top: 40px;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 600;
}
.ts-connect-wrap .connect-series-lists {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.ts-connect-wrap .connect-series-lists .series-list {
  width: 282px;
  margin-right: 24px;
  margin-bottom: 40px;
}
.ts-connect-wrap .connect-series-lists .series-list:nth-child(4n) {
  margin-right: 0;
}
.ts-connect-wrap .connect-series-lists .series-list .clone-img-wrap {
  position: relative;
  padding-top: 12px;
  overflow: hidden;
  margin-bottom: 12px;
}
.ts-connect-wrap .connect-series-lists .series-list .clone-img-wrap > img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.ts-connect-wrap .connect-series-lists .series-list .clone-img-wrap > img.small {
  top: 0;
  opacity: 0.4;
  border-radius: 8px;
  width: 88.65%;
}
.ts-connect-wrap .connect-series-lists .series-list .clone-img-wrap > img.medium {
  top: 6px;
  opacity: 0.6;
  border-top: 1px solid #ffffff;
  border-radius: 8px;
  width: 94.32%;
}
.ts-connect-wrap .connect-series-lists .series-list .clone-img-wrap .img-wrap {
  width: 100%;
  padding-top: 63.83%;
  position: relative;
  z-index: 1;
  border-top: 1px solid #ffffff;
  border-radius: 8px;
}
.ts-connect-wrap .connect-series-lists .series-list .clone-img-wrap .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
}
.ts-connect-wrap .connect-series-lists .series-list .clone-img-wrap > p {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: rgba(17, 17, 17, 0.5);
  padding: 5px;
  border-radius: 4px;
  right: 8px;
  bottom: 8px;
  font-size: 11px;
  color: #ffffff;
  border-radius: 4px;
}
.ts-connect-wrap .connect-series-lists .series-list .clone-img-wrap > p .icon {
  width: 12px;
  height: 12px;
  margin-right: 4px;
  background-image: url("./../../../images/svg/content-icon.svg");
}
.ts-connect-wrap .connect-series-lists .series-list .text-cont > span {
  font-size: 13px;
  line-height: 16px;
  display: block;
  margin-bottom: 4px;
}
.ts-connect-wrap .connect-series-lists .series-list .text-cont p {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}

@media screen and (max-width: 1199px) {
  .ts-connect-wrap .overflow-scroll-wrap {
    overflow-x: auto;
  }
  .ts-connect-wrap .overflow-scroll-wrap .connect-series-lists {
    min-width: 1100px;
  }
  .ts-connect-wrap .overflow-scroll-wrap .connect-series-lists .series-list {
    width: 30.436%;
  }
  .ts-connect-wrap .overflow-scroll-wrap .page-class-lists {
    min-width: 1100px;
    flex-wrap: inherit;
  }
  .ts-connect-wrap .overflow-scroll-wrap .page-class-lists li {
    margin-right: 24px;
  }
  .ts-connect-wrap .overflow-scroll-wrap .page-class-lists li:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .ts-connect-wrap {
    margin-bottom: 40px;
  }
  .ts-connect-wrap .overflow-scroll-wrap .connect-series-lists {
    min-width: inherit;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .ts-connect-wrap .overflow-scroll-wrap .connect-series-lists .series-list {
    width: 48.98%;
    margin-right: 0;
  }
  .ts-connect-wrap .overflow-scroll-wrap .connect-series-lists .series-list .text-cont p {
    font-size: 14px;
    line-height: 18px;
  }
  .ts-connect-wrap .overflow-scroll-wrap .page-class-lists {
    min-width: inherit;
    flex-wrap: wrap;
  }
  .ts-connect-wrap .overflow-scroll-wrap .page-class-lists li {
    margin-right: 0;
  }
  .ts-connect-wrap .overflow-scroll-wrap .page-class-lists li:nth-child(2n) {
    margin-right: 0;
  }
  .ts-connect-wrap .btn-wrap .btn {
    margin-top: 0;
    width: 100%;
    height: 48px;
    font-size: 14px;
  }
}
.board-type-select {
  margin-bottom: 24px;
  max-width: 150px;
}
.board-type-select .customBtn {
  width: 100%;
  justify-content: space-between;
}
.board-type-select .customBtn > span {
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80%;
}
.board-type-select .customBtn .icon {
  flex-shrink: 0;
}

.total-search-wrap .board-table-wrap {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .board-type-select {
    margin-bottom: 16px;
  }
  .total-search-wrap .board-table-wrap table {
    border-top: 1px solid #EEEEEE;
  }
  .total-search-wrap .board-table-wrap table tr td {
    text-align: left;
  }
  .total-search-wrap .board-table-wrap table tr td.board-type {
    color: #666666;
    font-weight: 600;
  }
}
.board-top {
  border-top: none;
}

.page-board {
  padding-bottom: 160px;
}
.page-board .view-table-title .btn {
  height: 34px;
}
.page-board .btns-wrap {
  margin-top: 48px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.page-board .btns-wrap .btn {
  width: 172px;
  height: 60px;
  font-weight: 600;
  font-size: 16px;
  margin-right: 16px;
  border-radius: 8px;
}
.page-board .btns-wrap .btn:last-child {
  margin-right: 0;
}
.page-board .select-Types {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0;
  margin: 20px 0;
}
.page-board .select-Types .board-type-btns {
  display: flex;
}
.page-board .select-Types .board-type-btns .icon {
  width: 28px;
  height: 28px;
  margin-right: 10px;
}
.page-board .select-Types .board-type-btns .icon:last-child {
  margin-right: 0;
}
.page-board .select-Types .board-type-btns .icon.btn-list {
  background: url("./../../../images/svg/btn_listveiw.svg");
}
.page-board .select-Types .board-type-btns .icon.btn-list.on {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='27' height='27' fill='white' stroke='%23CFCFCF'/%3E%3Crect x='10' y='5' width='14' height='3' fill='%233385FF'/%3E%3Crect x='10' y='10' width='14' height='3' fill='%233385FF'/%3E%3Crect x='10' y='15' width='14' height='3' fill='%233385FF'/%3E%3Crect x='10' y='20' width='14' height='3' fill='%233385FF'/%3E%3Crect x='4' y='5' width='3' height='3' fill='%233385FF'/%3E%3Crect x='4' y='10' width='3' height='3' fill='%233385FF'/%3E%3Crect x='4' y='15' width='3' height='3' fill='%233385FF'/%3E%3Crect x='4' y='20' width='3' height='3' fill='%233385FF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.getsmart-dynamic .page-board .select-Types .board-type-btns .icon.btn-list.on {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='27' height='27' fill='white' stroke='%23CFCFCF'/%3E%3Crect x='10' y='5' width='14' height='3' fill='%233385FF'/%3E%3Crect x='10' y='10' width='14' height='3' fill='%233385FF'/%3E%3Crect x='10' y='15' width='14' height='3' fill='%233385FF'/%3E%3Crect x='10' y='20' width='14' height='3' fill='%233385FF'/%3E%3Crect x='4' y='5' width='3' height='3' fill='%233385FF'/%3E%3Crect x='4' y='10' width='3' height='3' fill='%233385FF'/%3E%3Crect x='4' y='15' width='3' height='3' fill='%233385FF'/%3E%3Crect x='4' y='20' width='3' height='3' fill='%233385FF'/%3E%3C/svg%3E%0A");
}

.page-board .select-Types .board-type-btns .icon.btn-card {
  background: url("./../../../images/svg/btn_cardveiw.svg");
}
.page-board .select-Types .board-type-btns .icon.btn-card.on {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='27' height='27' fill='white' stroke='%23CFCFCF'/%3E%3Crect x='4' y='4' width='9' height='9' fill='%233385FF'/%3E%3Crect x='4' y='15' width='9' height='9' fill='%233385FF'/%3E%3Crect x='15' y='4' width='9' height='9' fill='%233385FF'/%3E%3Crect x='15' y='15' width='9' height='9' fill='%233385FF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.getsmart-dynamic .page-board .select-Types .board-type-btns .icon.btn-card.on {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='27' height='27' fill='white' stroke='%23CFCFCF'/%3E%3Crect x='4' y='4' width='9' height='9' fill='%233385FF'/%3E%3Crect x='4' y='15' width='9' height='9' fill='%233385FF'/%3E%3Crect x='15' y='4' width='9' height='9' fill='%233385FF'/%3E%3Crect x='15' y='15' width='9' height='9' fill='%233385FF'/%3E%3C/svg%3E%0A");
}

.page-board .write-btn-wrap {
  margin: 0 0 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.page-board .write-btn-wrap .btn {
  width: 160px;
  height: 52px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
}
.page-board .write-btn-wrap .btn .icon {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}
.page-board .list-more {
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  height: 42px;
}
.page-board .list-more .icon {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}

@media screen and (max-width: 1199px) {
  .page-board {
    padding-bottom: 80px;
  }
  .page-board .btns-wrap {
    margin-top: 32px;
  }
  .page-board .btns-wrap .btn {
    width: 120px;
    height: 48px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .page-board {
    padding-bottom: 40px;
  }
  .page-board .write-btn-wrap {
    margin: 0 0 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .page-board .write-btn-wrap .btn {
    width: 160px;
    height: 42px;
    font-size: 14px;
  }
  .page-board .btns-wrap {
    margin-top: 56px;
  }
  .page-board .btns-wrap .btn {
    width: auto;
    flex: 1;
    margin-right: 8px;
  }
}
.write-board h2 {
  font-size: 22px;
  line-height: 32px;
  padding-bottom: 25px;
  border-bottom: 1px solid #EEEEEE;
}
.write-board form .notice-text {
  color: #444444;
  margin-top: 24px;
}
.write-board form fieldset {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  border-bottom: 1px solid #EEEEEE;
  padding: 40px 0;
}
.write-board form fieldset > b {
  width: 200px;
  flex-shrink: 0;
  font-size: 16px;
}
.write-board form fieldset > .wirte-boxs-wrap {
  flex-grow: 1;
}
.write-board form fieldset > .wirte-boxs-wrap textarea {
  height: 250px;
}

@media screen and (max-width: 1199px) {
  .write-board form fieldset {
    flex-direction: column;
    padding: 20px 0;
  }
  .write-board form fieldset > b {
    width: 100%;
    margin-bottom: 24px;
  }
  .write-board form fieldset > .wirte-boxs-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .write-board h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 32px;
    margin-bottom: 0;
  }
}
.community-page-layout {
  padding-bottom: 120px;
}
.community-page-layout .select-Types {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 20px 0;
}
.community-page-layout .write-btn-wrap {
  margin: 0 0 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.community-page-layout .write-btn-wrap .btn {
  width: 160px;
  height: 52px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
}
.community-page-layout .write-btn-wrap .btn .icon {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}
.community-page-layout .board-type-lists .icon.round-new {
  vertical-align: sub;
  width: 18px;
  height: 18px;
}

.community-view-box,
.community-write-box {
  padding-top: 40px;
}

@media screen and (max-width: 767px) {
  .community-page-layout {
    padding-bottom: 40px;
  }
  .community-page-layout .select-Types {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .community-page-layout .select-Types h2 {
    font-size: 16px;
  }
  .community-page-layout .board-type-lists .icon.round-new {
    width: 14px;
    height: 14px;
  }
  .community-page-layout .write-btn-wrap {
    margin: 0 0 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .community-page-layout .write-btn-wrap .btn {
    width: 160px;
    height: 42px;
    font-size: 14px;
  }
}
.video-upload-pop {
  width: 640px;
}
.video-upload-pop .pop-header {
  justify-content: space-between;
}
.video-upload-pop .pop-header h1 {
  order: 1;
}
.video-upload-pop .pop-header .icon {
  order: 2;
  width: 32px;
  height: 32px;
}
.video-upload-pop .pop-content .img-ratio {
  margin: 20px 0 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-upload-pop .pop-content .img-ratio > div {
  flex: 1;
  margin-right: 10px;
}
.video-upload-pop .pop-content .img-ratio > div:last-child {
  margin-right: 0;
}
.video-upload-pop .pop-content .img-ratio > div > b {
  margin-bottom: 8px;
  display: block;
}

.consulting-layout {
  padding-top: 40px;
  padding-bottom: 120px;
}
.consulting-layout .sub-tab {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow-x: auto;
  margin-bottom: 16px;
}
.consulting-layout .sub-tab .btn {
  flex-shrink: 0;
  padding: 0 20px;
  border-radius: 100px;
  height: 40px;
  margin-right: 16px;
  font-weight: 600;
}
.consulting-layout .sub-tab .btn.on {
  background-color: var(--main-color);
  color: #ffffff;
}

.getsmart-dynamic .consulting-layout .sub-tab .btn.on {
  background-color: var(--main-color);
}

.consulting-layout .sub-search-box {
  margin-bottom: 24px;
}
.consulting-layout .consulting-filter-2 {
  margin-bottom: 16px;
}
.consulting-layout .pageNation {
  margin-top: 40px;
}

@media screen and (max-width: 1199px) {
  .consulting-layout {
    padding-top: 24px;
    padding-bottm: 60px;
  }
}
@media screen and (max-width: 767px) {
  .consulting-layout {
    padding-bottom: 40px;
  }
  .consulting-layout .sub-search-box.list-search-box {
    flex-direction: column;
    align-items: flex-start;
  }
  .consulting-layout .sub-search-box.list-search-box h2 {
    order: 2;
    text-align: left;
  }
  .consulting-layout .sub-search-box.list-search-box > div {
    width: 100%;
    order: 1;
    margin-bottom: 16px;
  }
  .consulting-layout .sub-search-box.list-search-box > div .input-wrap {
    width: 100%;
  }
  .consulting-layout .sub-search-box.list-search-box > div .btn {
    display: none;
  }
}
.consulting-history-lists .customSelect {
  position: relative;
}
.consulting-history-lists .customSelect .customOptions {
  min-width: 260px;
  max-width: 500px;
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #EEEEEE;
  padding: 16px;
  border-radius: 8px;
  right: 0;
  top: 103%;
}
.consulting-history-lists .customSelect .customOptions > div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.consulting-history-lists .customSelect .customOptions > div > b {
  padding-right: 5px;
  flex-shrink: 0;
}
.consulting-history-lists .customSelect .customOptions > div > p {
  text-align: left;
}
.consulting-history-lists .blue-color-font {
  line-height: 42px;
}

@media screen and (max-width: 1199px) {
  .consulting-history-lists {
    min-width: 1000px;
  }
}
@media screen and (max-width: 767px) {
  .consulting-apply-lists {
    border-top: 1px solid #EEEEEE;
  }
  .consulting-apply-lists tbody tr td {
    text-align: left;
  }
  .consulting-apply-lists tbody tr td .btn {
    width: 100%;
    margin-top: 20px;
  }
  .consulting-history-lists {
    min-width: 100%;
    border-top: 1px solid #EEEEEE;
  }
  .consulting-history-lists .customSelect {
    position: relative;
  }
  .consulting-history-lists .customSelect .customOptions {
    min-width: inherit;
    top: inherit;
    left: 0;
    right: inherit;
    bottom: calc(100% - 12px);
  }
  .consulting-history-lists tbody tr td {
    text-align: left;
  }
  .consulting-history-lists tbody tr td .btn {
    width: 100%;
    margin-top: 20px;
  }
  .consulting-history-lists tbody tr.approval .state {
    order: 0;
    padding-bottom: 6px;
  }
  .consulting-history-lists tbody tr.approval .state .blue-color-font {
    line-height: 22px;
  }
  .consulting-history-lists tbody tr.approval .has-label {
    order: 1;
  }
}
.consulting-view .view-table-title p {
  font-size: 16px;
  margin-top: 5px;
}
.consulting-view .view-ul-table-wrap h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
.consulting-view .view-ul-table-wrap .view-ul-table > li:first-child {
  min-height: 300px;
}
.consulting-view .apply-lists-box {
  margin-top: 60px;
}
.consulting-view .apply-lists-box h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .consulting-view .view-table-title p {
    font-size: 14px;
  }
  .consulting-view .view-ul-table-wrap h3 {
    font-size: 16px;
  }
  .consulting-view .apply-lists-box {
    margin-top: 60px;
  }
  .consulting-view .apply-lists-box h3 {
    font-size: 16px;
  }
  .consulting-view .apply-lists-box .consulting-apply-lists tr td.state {
    width: 49%;
  }
}
.consulting-record-lists {
  min-width: 1100px;
}
.consulting-record-lists tbody tr td a:hover {
  text-decoration: underline;
}
.consulting-record-lists tbody tr td .round-new {
  width: 17px;
  height: 17px;
  vertical-align: text-top;
}
.consulting-record-lists tbody tr td.state b {
  line-height: 40px;
}

.consult-search-box {
  flex-direction: column;
}
.consult-search-box .filter {
  width: 800px;
  margin: 0 auto;
  padding-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.consult-search-box .filter > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 49%;
  flex-shrink: 0;
  margin-bottom: 16px;
}
.consult-search-box .filter > div > b {
  width: 100px;
  padding-right: 15px;
  flex-shrink: 0;
}
.consult-search-box .filter > div select {
  min-width: 200px;
}

@media screen and (max-width: 1199px) {
  .consult-search-box {
    flex-direction: column;
  }
  .consult-search-box .filter {
    min-width: 500px;
    width: 100%;
    max-width: 800px;
  }
}
@media screen and (max-width: 767px) {
  .consulting-record-lists {
    min-width: inherit;
    border-top: 1px solid #EEEEEE;
  }
  .consulting-record-lists tbody tr td {
    text-align: left;
    order: 2;
  }
  .consulting-record-lists tbody tr td.state {
    order: 1;
    padding-bottom: 5px;
    width: auto;
  }
  .consulting-record-lists tbody tr td.state b {
    line-height: 22px;
    font-size: 16px;
  }
  .consult-search-box {
    flex-direction: column;
  }
  .consult-search-box .filter {
    min-width: inherit;
    width: 100%;
  }
  .consult-search-box .filter > div {
    width: 100%;
    margin-bottom: 8px;
  }
  .consult-search-box .filter > div input[type=text],
  .consult-search-box .filter > div input[type=password] {
    height: 42px;
  }
  .consult-search-box .btns-wrap {
    width: 100%;
    justify-content: space-between;
  }
  .consult-search-box .btns-wrap .btn {
    width: 49%;
    margin: 0;
  }
}
.consult-notice-box {
  background: #EEEEEE;
  padding: 32px 16px;
  border-radius: 8px;
  margin: 32px 0 60px;
}
.consult-notice-box > p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 6px;
}
.consult-notice-box > p:last-child {
  margin-bottom: 0;
}
.consult-notice-box > p::before {
  content: "";
  display: flex;
  position: relative;
  width: 4px;
  height: 4px;
  background: #000000;
  border-radius: 50%;
  margin-right: 6px;
}

.consult-commnet-box h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
.consult-commnet-box .scroll-comment-box-wrap {
  padding: 24px;
  border-radius: 8px;
  background: #f8f8f8;
  margin-bottom: 40px;
}
.consult-commnet-box .scroll-comment-box-wrap > div {
  max-height: 700px;
  overflow-y: auto;
}
.consult-commnet-box .scroll-comment-box-wrap .consult-comment-box-wrap {
  margin-bottom: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.consult-commnet-box .scroll-comment-box-wrap .consult-comment-box-wrap.student-comment {
  justify-content: flex-end;
}
.consult-commnet-box .scroll-comment-box-wrap .consult-comment-box-wrap .consult-comment-box {
  width: 752px;
  background: #ffffff;
  padding: 24px;
  border-radius: 8px;
}

.consult-comment-box-wrap .consult-comment-box .info-top-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.consult-comment-box-wrap .consult-comment-box .info-top-wrap .profile-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.consult-comment-box-wrap .consult-comment-box .info-top-wrap .profile-wrap .img-wrap {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  margin-right: 16px;
}
.consult-comment-box-wrap .consult-comment-box .info-top-wrap .profile-wrap .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
}
.consult-comment-box-wrap .consult-comment-box .info-top-wrap .profile-wrap span {
  font-size: 16px;
  line-height: 22px;
}
.consult-comment-box-wrap .consult-comment-box .info-top-wrap .profile-wrap span.team {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
}
.consult-comment-box-wrap .consult-comment-box .info-top-wrap .profile-wrap span.team::before {
  content: "";
  display: flex;
  position: relative;
  width: 1px;
  height: 10px;
  background-color: #AAAAAA;
  margin: 0 5px;
}
.consult-comment-box-wrap .consult-comment-box .info-top-wrap .profile-wrap .label {
  margin-left: 6px;
}
.consult-comment-box-wrap .consult-comment-box .info-top-wrap .right-infos {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.consult-comment-box-wrap .consult-comment-box .info-top-wrap .right-infos .edit-btns {
  position: relative;
  margin-left: 16px;
}
.consult-comment-box-wrap .consult-comment-box .info-top-wrap .right-infos .edit-btns .btn {
  width: 32px;
  height: 32px;
  background-image: url("./../../../images/svg/dot.svg");
}
.consult-comment-box-wrap .consult-comment-box .info-top-wrap .right-infos .edit-btns ul {
  position: absolute;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #EEEEEE;
  background-color: #ffffff;
  width: 192px;
  right: 0;
  top: 20px;
  display: none;
}
.consult-comment-box-wrap .consult-comment-box .info-top-wrap .right-infos .edit-btns ul li button {
  text-align: left;
  height: 35px;
  width: 100%;
  font-size: 16px;
  padding: 0 12px;
  border-radius: 4px;
}
.consult-comment-box-wrap .consult-comment-box .info-top-wrap .right-infos .edit-btns ul li button:hover {
  font-weight: 600;
  background-color: #F3F5F7;
}
.consult-comment-box-wrap .consult-comment-box .info-top-wrap .right-infos .edit-btns.on ul {
  display: block;
}
.consult-comment-box-wrap .consult-comment-box .text-contnet {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 24px;
}
.consult-comment-box-wrap .consult-comment-box .write-gray-box {
  background-color: #f8f8f8;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 8px;
}
.consult-comment-box-wrap .consult-comment-box .write-gray-box textarea {
  padding: 0;
  height: 30px;
  border: none;
  font-size: 16px;
  line-height: 24px;
  background-color: #f8f8f8;
}
.consult-comment-box-wrap .consult-comment-box .write-gray-box textarea:focus {
  outline: none;
}
.consult-comment-box-wrap .consult-comment-box .write-gray-box > p {
  text-align: right;
  color: #aaaaaa;
  line-height: 22px;
}
.consult-comment-box-wrap .consult-comment-box .enter-btn-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.consult-comment-box-wrap .consult-comment-box .enter-btn-wrap .btn {
  width: 80px;
  height: 42px;
  font-weight: 600;
  border-radius: 8px;
  margin-left: 8px;
}
.consult-comment-box-wrap .consult-comment-box .enter-btn-wrap .btn:first-child {
  margin-left: 0;
}
.consult-comment-box-wrap .consult-comment-box .file-lists {
  margin-top: 6px;
}
.consult-comment-box-wrap .consult-comment-box .file-lists .lists {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.consult-comment-box-wrap .consult-comment-box .file-lists li {
  margin-right: 12px;
}
.consult-comment-box-wrap .consult-comment-box .file-lists li:last-child {
  margin-right: 0;
}
.consult-comment-box-wrap .consult-comment-box .file-lists li .icon {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.consult-finish-btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.consult-finish-btn-wrap .btn {
  border-radius: 8px;
  width: 240px;
  height: 48px;
}

@media screen and (max-width: 1199px) {
  .consult-commnet-box .scroll-comment-box-wrap .consult-comment-box-wrap .consult-comment-box {
    width: 76%;
  }
  .consult-finish-btn-wrap .btn {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .consult-commnet-box .scroll-comment-box-wrap {
    padding: 8px;
  }
  .consult-commnet-box .scroll-comment-box-wrap .consult-comment-box-wrap .consult-comment-box {
    width: 93%;
    padding: 16px 12px;
  }
  .consult-comment-box-wrap .consult-comment-box .file-lists .lists {
    flex-direction: column;
    align-items: flex-start;
  }
  .consult-comment-box-wrap .consult-comment-box .file-lists .lists li {
    margin-right: 0;
  }
}
.policy-text-container {
  padding: 60px 0 120px;
}
.policy-text-container pre {
  font-size: 16px;
  line-height: 26px;
}
.policy-text-container pre > b {
  display: block;
}
.policy-text-container pre table {
  border: 1px solid #EEEEEE;
  border-width: 0 1px 1px 0;
  width: 100%;
}
.policy-text-container pre table td {
  border: none;
}
.policy-text-container pre table th,
.policy-text-container pre table td {
  border-top: 1px solid #EEEEEE;
  padding: 10px;
  font-size: 16px;
  line-height: 22px;
}
.policy-text-container pre table th {
  border-left: 1px solid #EEEEEE;
}
.policy-text-container pre table td {
  border-left: 1px solid #EEEEEE;
}

@media screen and (max-width: 1199px) {
  .policy-text-container {
    padding: 40px 0 60px;
  }
  .policy-text-container pre {
    font-size: 14px;
    line-height: 22px;
  }
  .policy-text-container pre table th,
  .policy-text-container pre table td {
    padding: 10px 5px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .policy-text-container {
    padding: 20px 0 4px;
  }
  .policy-text-container pre {
    line-height: 18px;
  }
  .policy-text-container pre table th,
  .policy-text-container pre table td {
    padding: 5px;
    line-height: 18px;
  }
}

.series-file-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 9;
}

.series-file-wrap.show {
  display: block;
}
.series-file-wrap .series-file {
  z-index: 1;
  width: 440px;
  box-shadow: 0 0 3px 0 rgba(103, 103, 103, 0.84);
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-font-smoothing: subpixel-antialiased;
  transform: translate(-50%, -50%) scale(1, 1);
  -ms-transform: translate(-50%, -50%);
}
.series-file-wrap .series-file .pop-header {
  padding: 20px 24px;
}
.series-file-wrap .series-file .pop-header > p {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: -0.51px;
}
.series-file-wrap .series-file .pop-header button {
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 20px;
  height: 20px;
  right: 24px;
  background: url('/assets/img/getSmart/btn-search-x.png') no-repeat 50%;
  background-size: contain;
}
.series-file-wrap .series-file .pop-cont ul {
  max-height: 328px;
  overflow-y: auto;
}
.series-file-wrap .series-file .pop-cont ul::-webkit-scrollbar-thumb {
  background: #cfcfcf;
}
.series-file-wrap .series-file .pop-cont ul::-webkit-scrollbar-thumb:hover {
  background: #cfcfcf;
}
.series-file-wrap .series-file .pop-cont ul::-webkit-scrollbar-thumb:active {
  background: #cfcfcf;
}
.series-file-wrap .series-file .pop-cont ul::-webkit-scrollbar-track {
  background: #cfcfcf;
}
.series-file-wrap .series-file .pop-cont ul::-webkit-scrollbar-track:hover {
  background: #ffffff;
}
.series-file-wrap .series-file .pop-cont ul::-webkit-scrollbar-track {
  background: #ffffff;
}
.series-file-wrap .series-file .pop-cont ul li {
  padding: 18px 140px 18px 28px;
  position: relative;
  border-top: 1px solid #efefef;
}
.series-file-wrap .series-file .pop-cont ul li span {
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: -0.36px;
}
.series-file-wrap .series-file .pop-cont ul li a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 96px;
  height: 24px;
  line-height: 22px;
  right: 20px;
  border: 1px solid #000000;
  color: #000000;
}
.series-file-wrap .series-file .pop-cont ul li a:hover {
  border: 1px solid #00a2ac;
  color: #00a2ac;
}


@media screen and (max-width: 767px) {
  .main > div {
    padding-top: 0;
  }

  .mainState .state-lists.has-many-menu {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(22%, 1fr));
    gap: 4px;
    width: 100%;
  }

  .mainState .state-lists.has-many-menu li{
    /*width: 100%;*/
    box-sizing: border-box;
  }
}

.logo > img {
  max-height: 32px;
}


.main {
  min-height: calc(100vh - 320px);
}

.subpage, .subPage {
  min-height: calc(100vh - 320px);
}

.btn.disabled {
  border: none;
  background-color: #F2F2F2 !important;
  color: #AAAAAA !important;
}

.content-count {
  position: absolute;
  z-index: 1;
  display: flex
;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: rgba(17, 17, 17, 0.5);
  padding: 5px;
  border-radius: 4px;
  right: 8px;
  bottom: 8px;
  font-size: 11px;
  color: #ffffff;
}

.content-count .icon {
  width: 12px;
  height: 12px;
  margin-right: 4px;
  background-image: url(./../../../images/svg/content-icon.svg)
}

.out-link ul li .img-wrap {
  height: 80px;
  width: 80px;
}

.out-link ul li .img-wrap svg {
  width: 100%;
  height: 100%;
}

.out-link ul li span.text-title {
  margin-top: 8px;
}

.out-link ul.shortcut-box-lists {
  display: flex;
}

.out-link ul.shortcut-box-lists li {
  display: flex;
  flex: 1;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
  margin-right: 20px;
  padding: 16px;
  height: 120px;
  justify-content: left;
  align-items: center;
}

.out-link ul.shortcut-box-lists li .img-wrap {
  margin-right: 32px;
  margin-left: 16px;
  justify-content: center;
  align-items: center;
}

.out-link ul.shortcut-box-lists li .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}

.out-link ul.shortcut-box-lists li .mobile-link {
  display: none;
}

.out-link ul.shortcut-box-lists li .text-wrap span.text-title {
  margin-top: 0;
  font-weight: bold;
  font-size: 20px;
}


.out-link ul.shortcut-box-lists li .text-wrap a.icon-arrow {
  display: flex;
  flex-direction: row !important;
  font-size: 14px;
  color: #666666
}

.out-link ul.shortcut-box-lists li .text-wrap a.icon-arrow::after {
  content: "";
  display: flex;
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0 4px;
  background: url(./../../../images/svg/grayArrow.svg);
}

@media screen and (max-width: 767px) {
  .out-link ul.shortcut-box-lists {
    gap: 32px;
  }

  .out-link ul.shortcut-box-lists li {
    flex-direction: column;
    border: none;
    margin-right: 0;
    padding: 0;
    flex: 0;
    height: auto;
    position: relative;
  }

  .out-link ul.shortcut-box-lists li .mobile-link {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
  }

  .out-link ul.shortcut-box-lists li .img-wrap {
    margin-right: 0;
    margin-left: 0;
  }

  .out-link ul.shortcut-box-lists li .text-wrap {
    margin-top: 8px;
  }

  .out-link ul.shortcut-box-lists li .text-wrap a.icon-arrow {
    display: none;
  }

  .out-link ul.shortcut-box-lists li .text-wrap a.icon-arrow::after {
    display: none;
  }

  .out-link ul.shortcut-box-lists li .text-wrap span.text-title {
    font-weight: normal;
    font-size: 12px;
  }

}

/*.getsmart-dynamic .main {*/
/*  max-width: 1440px;*/
/*  margin: auto;*/
/*}*/

/*.getsmart-dynamic header {*/
/*  max-width: 1440px;*/
/*  left: 50%;*/
/*  transform: translate(-50%, 0%);*/
/*}*/

/*.getsmart-dynamic footer {*/
/*  max-width: 1440px;*/
/*  margin: auto;*/
/*}*/

/*.getsmart-dynamic header.fixed-header {*/
/*  max-width: unset;*/
/*  left: 50%;*/
/*  transform: translate(-50%, 0%);*/
/*}*/


/*.swiper-button-action {*/
/*  position: relative;*/
/*  z-index: 100;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  align-items: center;*/
/*  user-select: none;*/
/*  pointer-events: none;*/
/*}*/

.swiper-button-action.btn-prev{
  position: absolute;
  z-index: 100;
  width: 32px;
  height: 32px;
  background-image: url("../../../images/svg/white-arrow-navigation.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: auto;
  top: 50%;
  left: -16px;
  cursor: pointer;
}

.swiper-button-action.btn-next{
  position: absolute;
  z-index: 100;
  width: 32px;
  height: 32px;
  background-image: url("../../../images/svg/white-arrow-navigation.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(180deg);
  pointer-events: auto;
  top: 50%;
  right: -16px;
  cursor: pointer;
}

.swiper-button-disabled {
  display: none;
}