.w-embed-youtubevideo {
  width: 100%;
  position: relative;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-size: cover;
  background-position: 50% 50%;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
}

body {
  font-family: 'Noto Sans KR', sans-serif;
  color: #1a1b1f;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}

h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 44px;
  line-height: 62px;
  font-weight: 400;
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 50px;
  font-weight: 400;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 46px;
  font-weight: 400;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 38px;
  font-weight: 400;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 34px;
  font-weight: 500;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
}

p {
  margin-bottom: 10px;
}

a {
  display: block;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  color: #1a1b1f;
  text-decoration: underline;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
}

img {
  display: inline-block;
}

label {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

blockquote {
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  border-left: 5px solid #e2e2e2;
  font-size: 20px;
  line-height: 34px;
}

figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

figcaption {
  margin-top: 5px;
  opacity: 0.6;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}

.divider {
  height: 1px;
  background-color: #eee;
}

.styleguide-content-wrap {
  text-align: center;
}

.section {
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 105px;
  padding-bottom: 0px;
  padding-left: 90px;
}

.section.cc-cta {
  padding-right: 80px;
  padding-left: 80px;
  background-color: #f4f4f4;
}

.section.silver {
  background-color: #e5e5e5;
}

.section.dark {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 43px;
  padding-right: 60px;
  padding-bottom: 38px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #5a5a5a;
}

.section.dark-home {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 43px 32px 38px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #5a5a5a;
}

.section.gray {
  padding: 94px 80px;
  background-color: #646464;
  color: #fff;
}

.section.black {
  display: block;
  padding: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.63)), to(rgba(0, 0, 0, 0.63))), url('../images/abc-3523454_1920.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.63), rgba(0, 0, 0, 0.63)), url('../images/abc-3523454_1920.jpg');
  background-position: 0px 0px, 0% 0%;
  background-size: auto, cover;
}

.styleguide-block {
  display: block;
  margin-top: 80px;
  margin-bottom: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.container {
  width: 100%;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
}

.paragraph-tiny {
  font-size: 12px;
  line-height: 20px;
}

.paragraph-bigger {
  margin-bottom: 10px;
  opacity: 1;
  font-size: 20px;
  line-height: 34px;
  font-weight: 400;
}

.paragraph-bigger.cc-bigger-light {
  opacity: 0.6;
}

.paragraph-bigger.cc-bigger-white-light {
  opacity: 0.6;
}

.button {
  padding: 12px 25px;
  border-radius: 0px;
  background-color: #1a1b1f;
  -webkit-transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
  transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.button:hover {
  background-color: #32343a;
  color: #fff;
}

.button:active {
  background-color: #43464d;
}

.button.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-jumbo-button.cc-jumbo-white {
  background-color: #fff;
  color: #000;
}

.button.cc-jumbo-button.cc-jumbo-white:hover {
  background-color: #f1f1f1;
}

.button.cc-jumbo-button.cc-jumbo-white:active {
  background-color: #e1e1e1;
}

.button.cc-contact-us {
  position: relative;
  z-index: 5;
}

.button.cc-white-button {
  padding: 16px 35px;
  background-color: #fff;
  color: #202020;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button:hover {
  background-color: hsla(0, 0%, 100%, 0.8);
}

.button.cc-white-button:active {
  background-color: hsla(0, 0%, 100%, 0.9);
}

.label {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.label.cc-styleguide-label {
  margin-bottom: 25px;
}

.label.cc-light {
  opacity: 0.6;
}

.label.cc-blog-date {
  margin-top: 20px;
  opacity: 0.6;
}

.heading-jumbo-tiny {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  text-transform: uppercase;
}

.rich-text {
  width: 70%;
  margin-right: auto;
  margin-bottom: 100px;
  margin-left: auto;
}

.rich-text p {
  margin-top: 15px;
  margin-bottom: 25px;
  opacity: 0.6;
}

.paragraph-light {
  opacity: 0.6;
}

.heading-jumbo {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 64px;
  line-height: 80px;
  text-transform: none;
}

.heading-jumbo.cc-white-heading-jumbo {
  color: #fff;
}

.heading-jumbo-small {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 36px;
  line-height: 50px;
  font-weight: 400;
  text-transform: none;
}

.styleguide-button-wrap {
  margin-top: 10px;
  margin-bottom: 10px;
}

.styleguide-header-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 460px;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1a1b1f;
  color: #fff;
  text-align: center;
}

.paragraph-small {
  font-size: 14px;
  line-height: 26px;
}

.logo-link {
  z-index: 1;
}

.logo-link:hover {
  opacity: 0.8;
}

.logo-link:active {
  opacity: 0.7;
}

.logo-link.w--current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.menu {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.navigation-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 72px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 92px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.navigation {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.27);
}

.navigation-item {
  padding-top: 9px;
  padding-bottom: 9px;
  opacity: 0.6;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.navigation-item:hover {
  opacity: 0.9;
}

.navigation-item:active {
  opacity: 0.8;
}

.navigation-item.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-weight: 700;
}

.navigation-item.w--current:hover {
  opacity: 0.8;
  color: #32343a;
}

.navigation-item.w--current:active {
  opacity: 0.7;
  color: #32343a;
}

.logo-image {
  display: block;
  text-decoration: none;
}

.navigation-items {
  left: 140px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.footer-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 70px;
  padding-bottom: 70px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.webflow-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.5;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
  text-decoration: none;
}

.webflow-link:hover {
  opacity: 1;
}

.webflow-link:active {
  opacity: 0.8;
}

.webflow-logo-tiny {
  margin-top: -2px;
  margin-right: 8px;
}

.cta-text {
  width: 70%;
  margin-right: auto;
  margin-bottom: 35px;
  margin-left: auto;
}

.cta-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 110px;
  padding-bottom: 120px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.intro-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 620px;
  margin-bottom: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f4f4f4;
  background-image: url('../images/portfolio-2---wide.svg');
  background-position: 0px 0px;
  background-size: cover;
  color: #fff;
}

.intro-header.cc-subpage {
  height: 480px;
  background-color: #000;
  background-image: none;
  color: #fff;
}

.intro-content {
  width: 70%;
  max-width: 1140px;
  text-align: center;
}

.intro-content.cc-homepage {
  margin-bottom: 20px;
}

.motto-wrap {
  width: 80%;
  margin-right: auto;
  margin-bottom: 85px;
  margin-left: auto;
  text-align: center;
}

.about-story-wrap {
  width: 80%;
  margin: 80px auto;
  text-align: center;
}

.our-services-grid {
  margin-bottom: 120px;
  grid-column-gap: 80px;
  grid-row-gap: 60px;
  -ms-grid-rows: auto 60px auto;
  grid-template-areas: ". . ."
    ". . .";
  -ms-grid-columns: 1fr 80px 1fr 80px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.section-heading-wrap {
  margin-top: 80px;
  margin-bottom: 80px;
  text-align: center;
}

.service-icon {
  margin-bottom: 30px;
}

.status-message {
  padding: 9px 30px;
  background-color: #202020;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}

.status-message.cc-success-message {
  background-color: #12b878;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.status-message.cc-no-data {
  display: block;
  width: 70%;
  margin: 100px auto;
}

.contact-form-wrap {
  padding: 45px 50px 50px;
  border-style: solid;
  border-width: 1px;
  border-color: #eee;
}

.contact-form-grid {
  margin-top: 100px;
  margin-bottom: 100px;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template-areas: ". .";
  -ms-grid-columns: 2.5fr 80px 1fr;
  grid-template-columns: 2.5fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.details-wrap {
  margin-bottom: 30px;
}

.get-in-touch-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.text-field {
  margin-bottom: 18px;
  padding: 21px 20px;
  border: 1px solid #e4e4e4;
  border-radius: 0px;
  -webkit-transition: border-color 400ms ease;
  transition: border-color 400ms ease;
  font-size: 14px;
  line-height: 26px;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active {
  border-color: #43464d;
}

.text-field:focus {
  border-color: #43464d;
}

.text-field::-webkit-input-placeholder {
  color: rgba(50, 52, 58, 0.4);
}

.text-field:-ms-input-placeholder {
  color: rgba(50, 52, 58, 0.4);
}

.text-field::-ms-input-placeholder {
  color: rgba(50, 52, 58, 0.4);
}

.text-field::placeholder {
  color: rgba(50, 52, 58, 0.4);
}

.text-field.cc-contact-field {
  margin-bottom: 25px;
}

.text-field.cc-textarea {
  height: 200px;
  padding-top: 12px;
}

.contact-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.contact-form-heading-wrap {
  margin-bottom: 40px;
}

.contact-heading {
  margin-top: 0px;
  margin-bottom: 15px;
  font-weight: 400;
}

.map {
  height: 460px;
  margin-bottom: 100px;
  line-height: 20px;
}

.contact-team-name-wrap {
  margin-bottom: 30px;
}

.our-contacts {
  margin-bottom: 120px;
  grid-column-gap: 80px;
  grid-row-gap: 60px;
  grid-template-areas: ". . .";
  -ms-grid-columns: 1fr 80px 1fr 80px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  text-align: center;
}

.contact-team-details-wrap {
  margin-top: 30px;
}

.contact-team-pic {
  height: 150px;
  margin-bottom: 30px;
  background-color: #f4f4f4;
}

.team-pic {
  width: 100%;
  height: 420px;
  margin-bottom: 40px;
  background-color: #f4f4f4;
}

.team-members {
  margin-bottom: 60px;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  -ms-grid-rows: auto 30px auto;
  grid-template-areas: ". . ."
    ". . .";
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.team-member-title-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.team-member-name {
  margin-bottom: 5px;
  opacity: 1;
  font-size: 20px;
  line-height: 34px;
  font-weight: 400;
}

.projects-grid {
  margin-bottom: 60px;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-areas: "."
    "."
    ".";
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto 30px auto 30px auto;
  grid-template-rows: auto auto auto;
}

.project-name-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.project-name-link {
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 34px;
  font-weight: 400;
  text-decoration: none;
}

.project-name-link:hover {
  opacity: 0.8;
}

.project-name-link:active {
  opacity: 0.7;
}

.project-cover-link {
  margin-bottom: 40px;
}

.project-cover-link:hover {
  opacity: 0.8;
}

.project-cover-link:active {
  opacity: 0.7;
}

.project-overview-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 620px;
  margin-bottom: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f4f4f4;
  background-image: url('../images/portfolio-1---wide.svg');
  background-position: 50% 50%;
  background-size: cover;
  color: #fff;
}

.project-overview-header.cc-project-2-header {
  background-image: url('../images/portfolio-2---wide.svg');
  background-position: 50% 50%;
}

.project-details-grid {
  margin-top: 100px;
  margin-bottom: 100px;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template-areas: ". .";
  -ms-grid-columns: 1fr 80px 2fr;
  grid-template-columns: 1fr 2fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.project-pics {
  margin-bottom: 120px;
}

.detail-image {
  width: 100%;
  margin-bottom: 30px;
}

.blog-detail-header-wrap {
  width: 70%;
  margin: 60px auto;
}

.detail-header-image {
  display: block;
  width: 100%;
  height: 620px;
  margin-bottom: 60px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0px 0px;
  background-size: cover;
}

.detail-header-image.w--current {
  margin-bottom: 60px;
}

.blog-list-wrap {
  margin-bottom: 100px;
}

.blog-item {
  display: block;
  margin-right: auto;
  margin-bottom: 80px;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.blog-preview-image {
  display: block;
  width: 100%;
  height: 620px;
  margin-bottom: 45px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0px 0px;
  background-size: cover;
  -webkit-transition: opacity 600ms ease;
  transition: opacity 600ms ease;
}

.blog-preview-image:hover {
  opacity: 0.8;
}

.blog-preview-image:active {
  opacity: 0.7;
}

.blog-summary-wrap {
  width: 70%;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  text-align: left;
}

.blog-heading-link {
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 46px;
  font-weight: 400;
  text-decoration: none;
}

.blog-heading-link:hover {
  opacity: 0.8;
}

.blog-heading-link:active {
  opacity: 0.7;
}

.contact-email-link {
  margin-bottom: 5px;
  opacity: 0.6;
}

.contact-email-link:hover {
  opacity: 1;
}

.contact-email-link:active {
  opacity: 0.8;
}

.protected-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.protected-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 90px;
  padding-bottom: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.protected-heading {
  margin-bottom: 30px;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  padding: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-align: center;
}

._404-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1a1b1f;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.home-content-wrap {
  margin-top: 80px;
  margin-bottom: 120px;
}

.home-section-wrap {
  margin-bottom: 30px;
}

.section-heading {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 400;
}

.about-grid {
  margin-bottom: 80px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template-areas: ". .";
  -ms-grid-columns: 1fr 80px 2fr;
  grid-template-columns: 1fr 2fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.about-grid.cc-about-2 {
  grid-template-areas: ". .";
  -ms-grid-columns: 2fr 1fr;
  grid-template-columns: 2fr 1fr;
}

.intro-text {
  width: 80%;
  margin-right: auto;
  margin-bottom: 35px;
  margin-left: auto;
}

.collection-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.work-heading {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 400;
}

.blog-heading {
  margin-bottom: 60px;
  text-align: center;
}

.blog-preview-wrap {
  width: 33.33%;
  padding-right: 45px;
  padding-bottom: 30px;
  padding-left: 15px;
}

.collection-list-wrapper {
  margin-bottom: 120px;
}

.business-article-heading {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 38px;
  font-weight: 500;
  text-decoration: none;
}

.business-article-heading:hover {
  opacity: 0.8;
}

.business-article-heading:active {
  opacity: 0.7;
}

.nav-top {
  height: 32px;
  padding-right: 10%;
  background-color: #009bfa;
  font-family: 'Open Sans', sans-serif;
  line-height: 18px;
}

.nav-top-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3px;
  padding-right: 12px;
  padding-left: 12px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-3 {
  width: 75px;
  margin-right: 15px;
  padding: 3px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #d7f0ff;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0px;
  text-decoration: none;
}

.heading {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
}

.div-leftmenu {
  position: fixed;
  left: 0%;
  top: 105px;
  right: auto;
  bottom: 0%;
  width: 90px;
  height: 100%;
  background-color: #e5e5e5;
  font-size: 14px;
}

.div-block-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #cfcfcf;
  background-color: #e5e5e5;
  text-align: center;
}

.div-block-2:hover {
  background-color: #ffe7ac;
}

.link-2 {
  display: block;
  margin-top: 11px;
  color: #383838;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  text-decoration: none;
}

.div-block-3 {
  width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.heading-2 {
  font-size: 40px;
  font-weight: 400;
  text-align: center;
}

.background-video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 360px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(16, 28, 36, 0.74);
}

.background-video.shrot {
  display: none;
  height: 350px;
  background-color: transparent;
}

.heading-3 {
  font-family: Montserrat, sans-serif;
  font-size: 80px;
  line-height: 100px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0px;
}

.home-category-image-2 {
  position: absolute;
  right: 24px;
  bottom: 39px;
  width: auto;
  height: 200px;
}

.home-category-image-1 {
  position: absolute;
  left: 15px;
  bottom: 26px;
  width: auto;
  height: 220px;
  margin-left: 24px;
}

.home-category-info-2 {
  margin-right: 224px;
  text-align: right;
}

.home-category-info-1 {
  margin-right: 30px;
  margin-left: 188px;
}

.home-categories {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 95%;
  margin-top: 63px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.home-category-card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 40px;
  margin-left: 15px;
  padding: 48px 40px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 16px;
  background-color: #a5c926;
  color: #fff;
}

.home-category-card.red {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: #fb416b;
}

.button-2 {
  display: block;
  width: 160px;
  height: 48px;
  padding: 12px 28px;
  float: right;
  clear: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 24px;
  background-color: #009bfa;
  -webkit-transition: box-shadow 300ms ease, -webkit-transform 300ms ease;
  transition: box-shadow 300ms ease, -webkit-transform 300ms ease;
  transition: transform 300ms ease, box-shadow 300ms ease;
  transition: transform 300ms ease, box-shadow 300ms ease, -webkit-transform 300ms ease;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
}

.button-2:hover {
  box-shadow: 0 8px 8px -4px rgba(165, 201, 38, 0.5);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.button-2.small {
  height: 40px;
  padding: 8px 24px;
  border-radius: 20px;
  font-size: 13px;
  line-height: 24px;
}

.button-2.small.white {
  background-color: #fff;
  color: #000;
  font-size: 16px;
}

.heading-4 {
  font-family: 'Open Sans', sans-serif;
}

.footer-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 29px;
  margin-right: 15px;
  margin-left: 15px;
  padding-top: 17px;
  padding-bottom: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid hsla(0, 0%, 100%, 0.25);
  font-size: 11px;
  line-height: 16px;
}

.link-white {
  display: none;
  color: #fff;
  text-decoration: underline;
}

.footer-social-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.footer-social-link:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.footer-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 44px;
  padding-left: 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  line-height: 24px;
}

.footer-brand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Varela Round', sans-serif;
  color: #fff;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
}

.text-block-2 {
  display: none;
}

.footer-bottom-divider {
  width: 3px;
  height: 3px;
  margin-right: 8px;
  margin-left: 8px;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, 0.5);
}

.footer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 27px;
  padding-left: 14px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer-link {
  margin-right: 10px;
  margin-left: 10px;
  padding: 4px;
  color: #fff;
  text-decoration: none;
}

.footer-link:hover {
  text-decoration: underline;
}

.footer-social {
  display: none;
  width: 200px;
  padding-right: 12px;
  padding-left: 12px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-bottom-right {
  display: block;
  width: 50%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-bottom-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}

.footer-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-footer {
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-left: 120px;
  background-color: #009bfa;
}

.section-footer.cc-cta {
  padding-right: 80px;
  padding-left: 80px;
  background-color: #f4f4f4;
}

.section2 {
  margin-right: 0px;
  margin-left: 0px;
  padding: 88px 33px 90px;
}

.section2.cc-cta {
  padding-right: 80px;
  padding-left: 80px;
  background-color: #f4f4f4;
}

.section2.lblue {
  padding-top: 60px;
  background-color: #dff3ff;
}

.section2.image {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/img_abbato.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/img_abbato.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.section2.bg {
  display: block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.52)), to(rgba(0, 0, 0, 0.52))), url('../images/img_abbato.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.52)), url('../images/img_abbato.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.section2.class {
  padding-top: 80px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65))), url('../images/abc-3523454_1920.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url('../images/abc-3523454_1920.jpg');
  background-position: 0px 0px, 50% 65%;
  background-size: auto, cover;
}

.section2.classroom {
  padding-top: 58px;
  padding-bottom: 60px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.58)), to(rgba(0, 0, 0, 0.58))), url('../images/abc-3523454_1920.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.58)), url('../images/abc-3523454_1920.jpg');
  background-position: 0px 0px, 50% 55%;
  background-size: auto, cover;
}

.section2.est {
  padding-top: 80px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65))), url('../images/abc-3523453_1920.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url('../images/abc-3523453_1920.jpg');
  background-position: 0px 0px, 0% 10%;
  background-size: auto, cover;
}

.section2.refer {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.58)), to(rgba(0, 0, 0, 0.58))), url('../images/alphabeth-699423_1920.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.58)), url('../images/alphabeth-699423_1920.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.section2.plaza {
  padding-top: 80px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.49)), to(rgba(0, 0, 0, 0.49))), url('../images/ryan-wallace-1920.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.49), rgba(0, 0, 0, 0.49)), url('../images/ryan-wallace-1920.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.section2.grey {
  background-color: #e5e5e5;
}

.section2.myabt {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.58)), to(rgba(0, 0, 0, 0.58))), url('../images/alphabet-ryan-1920.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.58)), url('../images/alphabet-ryan-1920.jpg');
  background-position: 0px 0px, 50% 60%;
  background-size: auto, cover;
}

.section2.opencls {
  padding-top: 39px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.73)), to(rgba(0, 0, 0, 0.73))), url('../images/img_abbato.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.73), rgba(0, 0, 0, 0.73)), url('../images/img_abbato.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

.section2.abtis {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.58)), to(rgba(0, 0, 0, 0.58))), url('../images/abcd_avi.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.58)), url('../images/abcd_avi.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.section2.class_const {
  display: none;
}

.section2.gray {
  background-color: #666;
}

.section2.silver {
  background-color: #e5e5e5;
}

.section2.etc {
  padding-top: 80px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url('../images/alphabeth-699423_1920.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/alphabeth-699423_1920.jpg');
  background-position: 0px 0px, 100% 20%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, scroll;
}

.section2.dic {
  padding-top: 80px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url('../images/letters-2557161_1280.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/letters-2557161_1280.jpg');
  background-position: 0px 0px, 50% 60%;
  background-size: auto, cover;
}

.slider-home {
  background-color: transparent;
}

.icon {
  color: #009bfa;
}

.icon-2 {
  color: #009bfa;
}

.column {
  padding-left: 50px;
}

.heading-5 {
  color: #333;
  font-size: 33px;
}

.columns {
  width: 85%;
  margin-right: auto;
  margin-left: auto;
}

.side-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.divider-2 {
  width: 70px;
  height: 2px;
  margin-top: 8px;
  margin-bottom: 23px;
  background-color: #a5c926;
}

.divider-2.blue {
  background-color: #009bfa;
}

.image {
  margin-top: 20px;
  border-radius: 16px;
}

.text-grey {
  width: 99%;
  max-width: none;
  margin-bottom: 36px;
  color: #333;
  font-size: 16px;
  line-height: 28px;
  text-align: justify;
}

.slide-nav {
  bottom: auto;
}

.heading-6 {
  color: #fff;
  text-align: center;
}

.paragraph {
  color: #fff;
  font-size: 15px;
  text-align: center;
}

.button-3 {
  display: block;
  width: 150px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 24px;
  background-color: #000;
  text-align: center;
}

.button-3:hover {
  color: #fadd00;
}

.div-block-4 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/img_abbato.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/img_abbato.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.heading-7 {
  width: auto;
  margin-bottom: 45px;
  font-family: 'Noto Sans KR', sans-serif;
  color: #009bfa;
  font-size: 40px;
  line-height: 55px;
  font-weight: 400;
  text-align: center;
}

.columns-10 {
  width: 1100px;
  margin-right: auto;
  margin-bottom: 39px;
  margin-left: auto;
}

.column-2 {
  padding-top: 9px;
  padding-right: 32px;
  padding-left: 31px;
}

.heading-8 {
  color: #333;
}

.button-more {
  padding: 12px 24px 12px 23px;
  float: right;
  border-radius: 24px;
  background-color: #009bfa;
}

.button-more:hover {
  box-shadow: 1px 1px 7px 4px rgba(0, 0, 0, 0.18);
}

.side-image {
  display: block;
  width: 370px;
  margin-top: 106px;
  margin-right: auto;
  margin-left: auto;
  border-style: solid;
  border-width: 1px;
  border-color: #bebebe;
  border-radius: 5px;
}

.slider-comment {
  width: 100%;
  height: 100%;
  padding-top: 20px;
  background-color: transparent;
}

.columns-2 {
  width: 85%;
  margin-right: auto;
  margin-left: auto;
}

.text-block-4 {
  display: inline-block;
  padding-left: 21px;
}

.div-block-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-2 {
  padding: 7px;
  border-style: solid;
  border-width: 1px;
  border-color: #a7a7a7;
  border-radius: 99px;
  background-color: #fff;
}

.column-3 {
  padding-right: 25px;
  padding-left: 24px;
}

.slide-nav-2 {
  position: relative;
  bottom: 0px;
  margin-top: 24px;
}

.div-block-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  min-height: 350px;
  padding: 19px 24px 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background-color: #fff0cc;
}

.div-block-6.blue {
  background-color: #ccecff;
}

.div-block-6.green {
  background-color: #e0ecb4;
}

.paragraph-2 {
  width: 98%;
  margin-top: 28px;
  font-size: 15px;
  line-height: 25px;
  text-align: justify;
}

.icon-3 {
  color: #009bfa;
}

.icon-3.gray {
  color: #999;
}

.icon-4 {
  color: #009bfa;
}

.icon-4.gray {
  color: #999;
}

.div-block-7 {
  display: none;
  height: 70px;
  background-color: #e5e5e5;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -1px;
}

.div-block-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 130px;
  height: 100%;
  margin-right: 0px;
  margin-left: 0px;
  padding: 3px 11px 7px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px none #cfcfcf;
  background-color: #e5e5e5;
  text-align: center;
}

.div-block-top:hover {
  background-color: #ffe7ac;
}

.image-8 {
  margin-right: 12px;
}

.link-2-top {
  display: block;
  margin-top: 0px;
  color: #383838;
  line-height: 20px;
  font-weight: 400;
  text-decoration: none;
}

.heading-10 {
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  font-size: 50px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
}

.paragraph-3 {
  width: auto;
  font-size: 16px;
  line-height: 28px;
  text-align: justify;
}

.bold-text {
  font-size: 18px;
}

.columns-6 {
  margin-bottom: 70px;
}

.link-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 62px;
  padding: 13px 38px 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 30px;
  background-color: #d3eeff;
  text-decoration: none;
}

.link-block:hover {
  box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.2);
}

.div-block-8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 250px;
  margin-right: auto;
  margin-left: auto;
  padding: 36px 30px 37px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #bbb;
  border-radius: 10px;
}

.heading-11 {
  display: inline;
  margin-right: 40px;
  margin-bottom: 5px;
  font-family: 'Open Sans', sans-serif;
  color: #056fb1;
  font-size: 22px;
  font-weight: 600;
  text-decoration: none;
}

.image-5 {
  float: none;
}

.text-block-5 {
  width: 99%;
  margin-top: 39px;
  color: #555;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.heading-12 {
  width: 1050px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
}

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

.text-block-6 {
  width: 1050px;
  margin-right: auto;
  margin-left: auto;
}

.heading-13 {
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 25px;
  padding: 5px 5px 4px;
  border-bottom: 1px none #e5e5e5;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.56);
  font-family: 'Open Sans', sans-serif;
  color: #2b2b2b;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0px;
  text-shadow: none;
}

.columns-4 {
  display: none;
  width: 1100px;
  margin-top: 42px;
  margin-right: auto;
  margin-left: auto;
}

.btn-more {
  position: static;
  left: auto;
  top: auto;
  right: 40px;
  bottom: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  float: right;
  border-radius: 5px;
  background-color: #a5c926;
  box-shadow: none;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.btn-more:hover {
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.37);
}

.btn-more.exp {
  background-color: #26c4c9;
}

.btn-more.spc {
  background-color: #eb5790;
}

.btn-more.adv {
  background-color: #ffc12c;
}

.paragraph-4 {
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 26px;
}

.div-block-course {
  display: inline-block;
  width: 240px;
  min-height: 330px;
  margin-right: 40px;
  margin-left: auto;
  padding: 26px 26px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #bbb;
  border-radius: 10px;
  background-color: #a5c926;
}

.div-block-course.exp {
  background-color: #26c4c9;
}

.div-block-course.spc {
  background-color: #eb5790;
}

.div-block-course.adv {
  min-height: 330px;
  background-color: #ffc12c;
}

.div-block-9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1050px;
  margin: 59px auto 26px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.div-block-c1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 210px;
  height: 90px;
  margin: 10px 0px;
  padding: 22px 8px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #9b9b9b;
  border-radius: 10px;
  background-color: #fff;
}

.text-block-course {
  margin-top: 0px;
  padding-left: 9px;
  color: #555;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
}

.image-4 {
  width: 30px;
  height: 30px;
  margin-right: 8px;
  margin-left: 8px;
}

.div-submenu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #9ac5df;
  background-color: #d3eeff;
  text-decoration: none;
}

.div-submenu:hover {
  background-color: #ffdbc6;
  color: #fff;
}

.link-submenu {
  display: block;
  margin-top: 5px;
  margin-bottom: 0px;
  color: #0062b8;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
}

.columns-7 {
  width: 1050px;
  margin: 57px auto 38px;
}

.column-5 {
  padding-top: 16px;
}

.link-block-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  margin-bottom: 15px;
  margin-left: 17px;
  padding: 7px 4px 7px 48px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #bbb;
  border-radius: 10px;
  background-color: #ffc12c;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 60%, 0.63);
  text-decoration: none;
}

.link-block-2.blue {
  background-color: #6dc8ff;
}

.link-block-2.green {
  background-color: #a5c926;
}

.image-6 {
  position: static;
  left: 0%;
  top: 4px;
  right: auto;
  bottom: 0%;
}

.text-block-7 {
  display: inline-block;
  margin-left: 25px;
  padding-bottom: 2px;
  color: #333;
  font-size: 17px;
  line-height: 30px;
  font-weight: 400;
}

.link-block-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  margin-bottom: 15px;
  margin-left: 17px;
  padding: 7px 4px 7px 48px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #bbb;
  border-radius: 10px;
  background-color: #a5c926;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 60%, 0.63);
  text-decoration: none;
}

.heading-9-1 {
  width: 1050px;
  margin-right: auto;
  margin-bottom: 59px;
  margin-left: auto;
}

.list-class {
  width: 1050px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 11px;
  border-bottom: 1px solid #bbb;
}

.text-block-9 {
  margin-top: 5px;
  padding-left: 20px;
  color: #333;
  font-size: 18px;
}

.icon-list {
  display: inline-block;
  margin-right: 7px;
  background-color: transparent;
}

.button-4 {
  width: 100px;
  margin-bottom: 11px;
  padding: 5px 25px;
  border-radius: 7px;
  background-color: #fb416b;
  color: #fff;
  text-align: center;
}

.button-4.gray {
  background-color: #a5a5a5;
}

.button-4.blue {
  background-color: #007bc7;
}

.button-4.blue.right {
  float: right;
}

.button-4.right {
  margin-right: 9px;
  float: right;
}

.columns-9 {
  margin-bottom: 34px;
}

.paragraph-5 {
  padding-right: 6px;
  padding-left: 6px;
  font-size: 16px;
  line-height: 28px;
  text-align: justify;
}

.div-topmenu {
  display: none;
  height: 70px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #e5e5e5;
}

.link-block-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #cfcfcf;
}

.link-block-4:hover {
  background-color: #d0edff;
}

.image-topmenu {
  margin-right: 0px;
}

.col-engrefer {
  width: 1100px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
}

.column-7 {
  display: block;
  padding-right: 15px;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-7 {
  display: block;
  margin-right: auto;
  margin-bottom: 25px;
  margin-left: auto;
  border: 1px solid #a5a5a5;
  border-radius: 10px;
}

.text-block-10 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.paragraph-6 {
  margin-bottom: 23px;
  padding-right: 6px;
  padding-left: 6px;
  font-size: 16px;
  line-height: 28px;
}

.div-block-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 14px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.btn-homep {
  width: 120px;
  margin-right: 0px;
  margin-left: 0px;
  border-radius: 6px;
  background-color: #a5c926;
  text-align: center;
}

.btn-homep:hover {
  box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.28);
  color: #111;
}

.btn-youtube {
  width: 120px;
  margin-right: 0px;
  margin-left: 10px;
  border-radius: 6px;
  background-color: #fb416b;
  text-align: center;
}

.btn-youtube:hover {
  box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.32);
  color: #111;
}

.heading-plaza {
  width: auto;
  margin: 0px auto 52px;
  text-align: center;
  letter-spacing: 2px;
}

.bbs_view1 {
  display: block;
  width: 100%;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.bbs_title {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  color: #0b4ca2;
  font-size: 15px;
  letter-spacing: 0px;
}

.bbs_data {
  padding-left: 10px;
  float: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  letter-spacing: 0px;
}

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

.bbs_view2 {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px none #ccc;
  border-bottom: 1px solid #ccc;
}

.paragraph-12 {
  font-size: 15px;
  line-height: 25px;
  text-align: left;
}

.bbs_list_tt_4col-tt {
  display: block;
  width: 100%;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  border-top: 1px solid #b4b4b4;
  border-bottom: 1px solid #b4b4b4;
}

.bbs_list_tt_4col {
  display: block;
  width: 100%;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  border-top: 1px none #b4b4b4;
  border-bottom: 1px solid #b4b4b4;
}

.bbs-text {
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
}

.bbs-text.right {
  padding-right: 5px;
  text-align: right;
}

.link-4 {
  color: #0148c9;
  text-decoration: none;
}

.link-4:hover {
  color: #bb5400;
}

.link-4.class {
  margin-left: 19px;
}

.column-28 {
  padding-left: 0px;
}

.heading-4-1 {
  font-family: 'Open Sans', sans-serif;
}

.div-block-11 {
  width: 800px;
  margin-right: auto;
  margin-bottom: 28px;
  margin-left: auto;
}

.div-block-12 {
  padding-top: 20px;
  padding-bottom: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.59)), to(rgba(0, 0, 0, 0.59))), url('../images/computer-3368242_640.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.59), rgba(0, 0, 0, 0.59)), url('../images/computer-3368242_640.jpg');
  background-position: 0px 0px, 50% 10%;
  background-size: auto, cover;
}

.heading-14 {
  color: #fff;
  font-size: 40px;
  font-weight: 500;
  text-align: center;
}

.form-block-login {
  padding: 42px 20px 29px;
  border-style: solid;
  border-width: 1px;
  border-color: #c2c2c2;
}

.form {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.button-login {
  display: block;
  width: 200px;
  margin: 42px auto 26px;
  border-radius: 20px;
  background-color: #fb416b;
  text-align: center;
  letter-spacing: 1px;
}

.field-label {
  margin-top: 10px;
  font-size: 15px;
  letter-spacing: 0px;
}

.columns-11 {
  width: 800px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}

.link-block-join {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin-right: auto;
  margin-bottom: 1px;
  margin-left: auto;
  padding: 9px 4px 9px 32px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 3px solid #a5c926;
  border-radius: 30px;
  background-color: transparent;
  box-shadow: none;
  text-decoration: none;
}

.link-block-join:hover {
  background-color: #a5c926;
}

.checkbox-label {
  font-size: 15px;
  letter-spacing: 0px;
}

.textarea {
  margin-bottom: 20px;
}

.text-block-11 {
  margin-top: 24px;
  margin-bottom: 24px;
  color: #009bfa;
  line-height: 22px;
  text-align: center;
}

.join_text {
  margin-bottom: 15px;
  color: #991f1f;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
}

.join_text.box {
  margin-top: 20px;
  color: #797979;
  font-size: 15px;
  line-height: 24px;
}

.link-5 {
  display: inline-block;
}

.button-no {
  display: inline-block;
  width: 200px;
  margin-top: 42px;
  margin-right: 19px;
  margin-left: auto;
  border-radius: 20px;
  background-color: #009bfa;
  text-align: center;
  text-decoration: none;
}

.form-info {
  width: 700px;
  margin-right: auto;
  margin-left: auto;
}

.column-81 {
  padding-left: 0px;
}

.column-82 {
  padding-top: 15px;
}

.photo {
  width: 130px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #8d8d8d;
  border-radius: 99px;
}

.button-photo {
  display: block;
  width: 150px;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  padding: 7px 13px 6px 12px;
  border-radius: 18px;
  background-color: #a5c926;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
}

.field-label-short {
  display: inline-block;
  margin-top: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  letter-spacing: 0px;
}

.button-dup {
  display: inline-block;
  width: 130px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: 18px;
  padding: 5px 10px;
  border-radius: 18px;
  background-color: #a5c926;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
}

.text-field-short {
  display: inline-block;
  width: 200px;
  margin-right: 40px;
}

.radio-button-field-3 {
  display: inline-block;
  margin-right: 40px;
  margin-left: 0px;
  font-family: 'Open Sans', sans-serif;
}

.radio-button-label {
  font-size: 16px;
  letter-spacing: 0px;
  text-transform: none;
}

.checkbox-label-2 {
  font-size: 15px;
  letter-spacing: 0px;
}

.checkbox-field {
  display: inline-block;
  margin-right: 33px;
}

.div-block-popup {
  width: 600px;
  margin-right: auto;
  margin-bottom: 28px;
  margin-left: 0px;
}

.div-block-popup.bline {
  border-style: solid;
  border-width: 1px;
  border-color: #009bfa;
}

.heading-popup {
  color: #fff;
  font-size: 36px;
  font-weight: 500;
  text-align: center;
}

.div-block-login {
  padding-top: 20px;
  padding-bottom: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/beverage-blog-blogger-1799342.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/beverage-blog-blogger-1799342.jpg');
  background-position: 0px 0px, 50% 10%;
  background-size: auto, cover;
}

.form-login {
  width: 500px;
  margin-right: auto;
  margin-left: auto;
}

.form-block-hw {
  width: 1050px;
  margin-top: 55px;
  margin-right: auto;
  margin-left: auto;
  padding: 42px 20px 49px;
  border-style: solid;
  border-width: 1px;
  border-color: #c2c2c2;
}

.hw-list-tt {
  display: block;
  width: 1050px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  border-top: 1px solid #b4b4b4;
  border-bottom: 1px solid #b4b4b4;
  line-height: 33px;
}

.hw-list {
  display: block;
  width: 1050px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  border-top: 1px none #b4b4b4;
  border-bottom: 1px solid #b4b4b4;
  line-height: 35px;
}

.hw-data {
  padding-left: 5px;
  float: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  letter-spacing: 0px;
}

.button-go-class {
  position: relative;
  right: auto;
  margin-top: 18px;
  margin-right: 0px;
  padding: 9px 24px 9px 23px;
  float: right;
  border-radius: 24px;
  background-color: #009bfa;
}

.button-go-class:hover {
  box-shadow: 1px 1px 7px 4px rgba(0, 0, 0, 0.18);
}

.div-block-13 {
  width: 1050px;
  margin-right: auto;
  margin-left: auto;
}

.button-pink {
  display: block;
  width: 200px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 20px;
  background-color: #fb416b;
}

.popup_text {
  margin-top: 22px;
  margin-bottom: 26px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0px;
}

.button-blue {
  display: block;
  width: 200px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 20px;
  background-color: #009bfa;
  text-align: center;
}

.button-blue.right {
  margin-right: 0px;
}

.button-blue.right:hover {
  color: #ffea00;
}

.button-blue.pinh {
  background-color: #fb416b;
}

.button-blue.gray {
  background-color: #a1a1a1;
}

.paragraph1050 {
  width: 1050px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  font-size: 16px;
  line-height: 28px;
  text-align: justify;
}

.link-block-class {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  margin: 33px auto 15px;
  padding: 7px 4px 7px 48px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #bbb;
  border-radius: 10px;
  background-color: #ffc12c;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 60%, 0.63);
  text-decoration: none;
}

.image-31 {
  display: block;
  margin: -4px 0px;
  padding-left: 1px;
  float: none;
  border-radius: 5px;
}

.column-51 {
  padding-left: 15px;
}

.heading-15 {
  margin-top: 0px;
  color: #7c2424;
  font-size: 24px;
}

.paragraph-14 {
  font-family: 'Open Sans', sans-serif;
}

.block-underline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px dotted #818181;
}

.img-bullet-check {
  margin-right: 15px;
  margin-bottom: 5px;
  background-color: transparent;
}

.text_mypage1 {
  position: static;
  display: inline;
  overflow: visible;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  padding-left: 0px;
  font-size: 17px;
  line-height: 21px;
  letter-spacing: 0px;
  text-decoration: none;
}

.text_mypage1:hover {
  color: #1e34a0;
}

.btn-blue-right {
  width: 280px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  float: right;
  border-radius: 7px;
  text-align: center;
}

.columns-12 {
  width: 1052px;
  margin-right: auto;
  margin-left: auto;
}

.div-block-12-copy {
  padding-top: 20px;
  padding-bottom: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/computer-3368242_640.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/computer-3368242_640.jpg');
  background-position: 0px 0px, 50% 10%;
  background-size: auto, cover;
}

.popup-h-regclass {
  padding-top: 20px;
  padding-bottom: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), to(rgba(0, 0, 0, 0.68))), url('../images/classroom-1761864_1920.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68)), url('../images/classroom-1761864_1920.jpg');
  background-position: 0px 0px, 50% 60%;
  background-size: auto, cover;
}

.form-block-regclass {
  padding: 42px 20px 49px;
  border-style: solid;
  border-width: 1px;
  border-color: #c2c2c2;
}

.button-orange {
  display: block;
  width: 200px;
  margin-top: 42px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 20px;
  background-color: #ffc12c;
  color: #000;
  font-weight: 600;
  text-align: center;
}

.checkbox-label-3 {
  font-size: 14px;
}

.form-join {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.form-popup {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.form-block-est {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
}

.textarea-2 {
  overflow: auto;
  width: 100%;
  max-width: 100%;
  font-family: 'Open Sans', sans-serif;
}

.columns-est1 {
  margin-top: 40px;
}

.column-83 {
  overflow: auto;
  max-height: 400px;
  padding-right: 5px;
  padding-left: 0px;
}

.text-block-12 {
  display: inline;
  width: 25px;
  font-family: 'Open Sans', sans-serif;
  color: #009bfa;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}

.textarea-3 {
  display: inline-block;
  margin-bottom: 0px;
  padding: 5px 11px 5px 10px;
  border: 0px none #000;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  color: #1a1b1f;
}

.link-block-snt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid #b4b4b4;
  background-color: #e8f6ff;
  text-decoration: none;
}

.link-block-snt:hover {
  border-style: solid;
  border-width: 1px;
  border-color: #0083d3 #0083d3 #0083d3;
  background-color: #c5e9ff;
}

.link-block-snt:active {
  background-color: #abdfff;
}

.columns-wlist {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  border-bottom: 1px none #c5c5c5;
  background-color: #fff;
}

.columns-wlist:hover {
  border: 1px none #000;
  background-color: #fcf1d7;
}

.columns-wlist-tt {
  position: -webkit-sticky;
  position: sticky;
  left: 10px;
  top: 0px;
  right: 10px;
  bottom: auto;
  z-index: 5;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 0px;
  border: 1px none #000;
  background-color: #009bfa;
  color: #fff;
}

.text-block-13 {
  padding-left: 8px;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 15px;
  line-height: 24px;
  text-align: left;
}

.text-block-13.orange {
  color: #fc4b00;
}

.column-84 {
  padding-top: 5px;
  padding-bottom: 4px;
  border-right: 1px solid #009bfa;
}

.column-85 {
  padding-top: 5px;
  padding-bottom: 4px;
}

.column-86 {
  overflow: auto;
  max-height: 400px;
  padding-top: 0px;
  padding-right: 5px;
}

.checkbox-field-2 {
  display: block;
  margin: 3px auto 0px;
}

.checkbox-label-4 {
  font-size: 15px;
}

.grid {
  padding-top: 0px;
  padding-bottom: 0px;
  grid-auto-flow: column;
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  grid-template-areas: ".";
  -ms-grid-columns: 0.25fr 0px 1fr 0px 1fr 0px 0.25fr 0px 0.5fr 0px 0.35fr 0px 0.35fr;
  grid-template-columns: 0.25fr 1fr 1fr 0.25fr 0.5fr 0.35fr 0.35fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-style: none;
  border-width: 0px;
  border-color: #009bfa;
  background-color: #fff;
}

.text-block-grid {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  border-right: 1px solid #009bfa;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  text-align: left;
}

.link-block-5 {
  width: 100%;
  padding-top: 4px;
  border-right: 1px none transparent;
  border-left: 1px solid #009bfa;
}

.image-32 {
  width: 30px;
  margin-right: auto;
  margin-left: auto;
}

.checkbox-field-3 {
  display: inline-block;
}

.div-block-14 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.text-word {
  display: block;
  width: auto;
  min-width: 200px;
  margin-right: auto;
  margin-bottom: 19px;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: transparent;
  font-family: Verdana, Geneva, sans-serif;
  color: #009bfa;
  font-size: 80px;
  line-height: 80px;
  font-weight: 400;
  text-align: center;
  letter-spacing: -1px;
}

.text-word.blue {
  width: 100.0231%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  background-color: transparent;
  color: #009bfa;
  font-size: 76px;
  line-height: 76px;
}

.text-word.green {
  font-family: Verdana, Geneva, sans-serif;
  color: #ffd05f;
  font-size: 120px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 19px;
}

.text-word.left {
  width: auto;
  min-width: 0px;
  margin-bottom: 29px;
  margin-left: 15%;
  padding-top: 17px;
  text-align: left;
}

.div-block-15 {
  position: relative;
  width: auto;
  height: 400px;
  margin-right: auto;
  margin-left: auto;
  padding: 120px 4px 99px;
  background-color: #fff;
  box-shadow: inset 1px 1px 3px 2px #afafaf;
}

.div-block-15.black {
  background-color: #000;
}

.div-block-15.bg {
  height: 400px;
  background-color: #404040;
  background-image: url('../images/sr_back4.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.div-block-15.gray {
  padding-top: 51px;
  padding-bottom: 51px;
  background-color: #252525;
}

.div-block-15.wh {
  height: 400px;
  background-color: #fff;
  background-image: url('../images/sr_back5.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.text-word-s {
  display: block;
  width: 100%;
  margin: 0px auto 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: transparent;
  font-family: 'Noto Sans KR', sans-serif;
  color: #727272;
  font-size: 35px;
  line-height: 50px;
  text-align: center;
}

.text-word-s.silver {
  color: #c7c7c7;
  line-height: 40px;
}

.link-block-6 {
  margin-bottom: 6px;
  border-radius: 10px;
}

.img-oth-login {
  display: block;
  width: 230px;
  height: 51px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 7px;
}

.columns-13 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.qa-block {
  position: relative;
  display: block;
  width: 80%;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 35px 10px 65px;
  border-style: none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  text-align: left;
}

.qa-thum {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 40px;
  height: 40px;
  border: 1px solid #8b8b8b;
  border-radius: 95px;
}

.text-qa-name {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 400;
}

.qa-paragraph {
  display: inline-block;
  margin-bottom: 0px;
  padding: 3px 10px 3px 0px;
  background-color: transparent;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

.link-reply {
  margin-left: 7px;
}

.photo-qa-reply {
  width: 40px;
  height: 40px;
  border: 1px solid #8b8b8b;
  border-radius: 99px;
}

.qa-block1 {
  position: relative;
  left: 20px;
  display: block;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 35px 10px 65px;
  border-style: none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  text-align: left;
}

.icon-qa {
  display: inline-block;
  margin-right: 0px;
  margin-left: 0px;
}

.column-72 {
  padding-left: 8px;
}

.submit-button-4-small.qa {
  width: 80px;
  margin-bottom: 5px;
  padding: 4px 10px;
  border-radius: 5px;
  background-color: #009bfa;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
}

.submit-button-4-small.qa.gray {
  background-color: #707070;
}

.submit-button-4-small.qa {
  width: 80px;
  margin-bottom: 5px;
}

.submit-button-4-small.qa.gray {
  background-color: #707070;
}

.submit-button-4-small.qa {
  width: 80px;
  margin-bottom: 5px;
}

.submit-button-4-small.qa.gray {
  background-color: #707070;
}

.columns-reply-qa {
  width: 95%;
  margin: 20px auto;
  float: none;
}

.columns-reply-qa.rp {
  width: 95%;
}

.qa-block2 {
  position: relative;
  left: 40px;
  display: block;
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 35px 10px 65px;
  border-style: none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  text-align: left;
}

.icon-qa-2 {
  margin-right: 0px;
  margin-left: 0px;
}

.qa-block3 {
  position: relative;
  left: 60px;
  display: block;
  width: 73%;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 35px 10px 65px;
  border-style: none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  text-align: left;
}

.bold-text-11 {
  color: #6d6d6d;
  font-size: 15px;
}

.qa-block4 {
  position: relative;
  left: 80px;
  display: block;
  width: 73%;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 35px 10px 65px;
  border-style: none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  text-align: left;
}

.qa-block5 {
  position: relative;
  left: 95px;
  display: block;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 35px 10px 65px;
  border-style: none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  text-align: left;
}

.div-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.btn-onlie {
  position: static;
  width: 144px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-right: 10px;
  padding-left: 10px;
  float: none;
  border-radius: 5px;
  background-color: #2ba5af;
  text-align: center;
}

.btn-onlie.red {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #fb416b;
}

.btn-onlie.red:hover {
  color: #ffe100;
}

.btn-onlie.navy {
  background-color: #a5c926;
}

.btn-onlie.navy:hover {
  color: #9de8ff;
}

.btn-onlie.skyblue {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 7px;
  background-color: #009bfa;
}

.btn-onlie.skyblue:hover {
  color: #000;
}

.btn-onlie.green {
  border-radius: 7px;
  background-color: #a5c926;
}

.btn-onlie.green:hover {
  color: #000;
}

.image-33 {
  display: inline-block;
}

.image-34 {
  display: inline-block;
}

.link-block-l-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #cfcfcf;
  text-decoration: none;
}

.link-block-l-menu:hover {
  background-color: #ffe7ac;
}

.text-block-14 {
  margin-top: 10px;
  font-family: 'Noto Sans KR', sans-serif;
  line-height: 16px;
  text-align: center;
}

.form-block-homew {
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  padding: 42px 68px 49px 69px;
  border-style: solid;
  border-width: 1px;
  border-color: #c2c2c2;
}

.field-label-3 {
  color: #333;
  text-align: left;
}

.column-29 {
  padding-right: 0px;
}

.form-info-copy {
  width: 700px;
  margin-right: auto;
  margin-left: auto;
}

.heading-16 {
  margin-bottom: 55px;
  font-size: 30px;
}

.bbs_list_class {
  display: block;
  width: 100%;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  border-top: 1px none #b4b4b4;
  border-bottom: 1px solid #b4b4b4;
}

.btn-right {
  position: static;
  width: 144px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-right: 10px;
  padding-left: 10px;
  float: none;
  border-radius: 5px;
  background-color: #2ba5af;
  text-align: center;
}

.btn-right.red {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #fb416b;
}

.btn-right.red:hover {
  color: #ffe100;
}

.btn-right.navy {
  background-color: #a5c926;
}

.btn-right.navy:hover {
  color: #9de8ff;
}

.btn-right.skyblue {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 7px;
  background-color: #009bfa;
}

.btn-right.skyblue:hover {
  color: #000;
}

.btn-right.green {
  margin-top: 26px;
  margin-right: 9px;
  float: right;
  border-radius: 7px;
  background-color: #a5c926;
}

.btn-right.green:hover {
  color: #000;
}

.link-block-7 {
  display: inline-block;
  margin-left: 16px;
  color: #000;
  text-decoration: none;
}

.link-block-7:hover {
  color: #009bfa;
}

.image-35 {
  display: inline-block;
}

.text-block-15 {
  color: #000;
}

.columns-14 {
  width: 1100px;
  margin-top: 53px;
  margin-right: auto;
  margin-left: auto;
}

.div-block-course-w {
  display: block;
  width: 500px;
  min-height: auto;
  margin-right: 40px;
  margin-left: auto;
  padding: 26px 26px 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px none #bbb;
  border-radius: 10px;
  background-color: #a5c926;
}

.div-block-course-w.exp {
  background-color: #26c4c9;
}

.div-block-course-w.spc {
  background-color: #eb5790;
}

.div-block-course-w.adv {
  min-height: auto;
  background-color: #ffc12c;
}

.heading-13-1 {
  margin-top: 0px;
  margin-right: 12px;
  margin-bottom: 0px;
  padding: 5px 15px 51px;
  border-bottom: 1px none #e5e5e5;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.56);
  font-family: 'Open Sans', sans-serif;
  color: #2b2b2b;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0px;
  text-shadow: none;
}

.heading-17 {
  margin-bottom: 24px;
  font-size: 28px;
}

.list-item {
  margin-bottom: 20px;
  padding-left: 7px;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  list-style-type: square;
}

.link-block-est {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  margin: 55px auto 15px;
  padding: 9px 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #bbb;
  border-radius: 10px;
  background-color: #a5c926;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 60%, 0.63);
  color: #fff;
  text-decoration: none;
}

.text-block-16 {
  margin-left: 33px;
  font-family: 'Open Sans', sans-serif;
}

.heading-data {
  width: 1050px;
  margin: 0px auto 40px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 15px;
  border-radius: 8px;
  background-color: #e5e5e5;
  font-size: 24px;
  line-height: 40px;
}

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

.link-block-8 {
  margin-right: 9px;
}

.link-block-9 {
  width: 120px;
  margin-right: 12px;
  padding: 4px 10px;
  border-style: solid;
  border-width: 2px;
  border-color: #ff93ab;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
}

.columns-3 {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  padding-top: 30px;
  padding-bottom: 23px;
  border: 1px solid #c4c4c4;
}

.icon_mem {
  overflow: visible;
  margin-bottom: 5px;
}

.text_mypage2 {
  position: static;
  display: inline-block;
  overflow: visible;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  padding-left: 16px;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0px;
  text-decoration: none;
}

.text_mypage2:hover {
  color: #1e34a0;
}

.row-mypage-info {
  margin-bottom: 10px;
  margin-left: 0px;
}

.column-47 {
  margin-top: 0px;
  padding-top: 0px;
}

.btn-red-right {
  position: relative;
  display: inline-block;
  width: 150px;
  margin-top: -25px;
  margin-right: 20px;
  padding: 7px 0px;
  float: right;
  border-radius: 10px;
  background-color: #d65f5f;
  text-align: center;
}

.image-29 {
  margin-top: 3px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.bold-text-5 {
  color: #8b8b8b;
}

.column-42 {
  padding-top: 0px;
  padding-left: 20px;
}

.mypage-photo {
  width: 120px;
  height: 120px;
  margin-left: 60px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  float: none;
  border: 1px solid #cfcfcf;
  border-radius: 99px;
  box-shadow: 1px 1px 3px 0 #8d8d8d;
}

.link-block-y-myabt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 40px;
  padding: 12px 30px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #bbb;
  border-radius: 10px;
  background-color: #ffc12c;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 60%, 0.63);
  font-size: 17px;
  font-weight: 400;
  text-decoration: none;
}

.link-block-y-myabt.green {
  margin-right: 5px;
  margin-left: auto;
  background-color: #a5c926;
}

.link-block-y-myabt.right {
  margin-right: 0px;
  margin-left: auto;
}

.link-block-y-myabt.green2 {
  margin-right: 0px;
  margin-left: 40px;
  background-color: #a5c926;
}

.columns-15 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.text-block-17 {
  display: inline-block;
  margin-left: 22px;
  font-size: 18px;
  font-weight: 700;
}

.link-block-green {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 250px;
  margin: 25px 8px 15px auto;
  padding: 7px 0px 11px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #bbb;
  border-radius: 10px;
  background-color: #a5c926;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 60%, 0.63);
  text-decoration: none;
}

.link-block-green.myabt {
  width: 210px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: 0px;
}

.link-block-green.repay {
  width: 210px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: 0px;
  background-color: #ffc12c;
}

.list {
  list-style-type: disc;
}

.image-36 {
  border-style: solid;
  border-width: 2px;
  border-color: #b9b9b9;
  border-radius: 10px;
  cursor: pointer;
}

.text-field-2 {
  display: inline-block;
  width: 500px;
  margin-left: 20px;
}

.submit-button {
  margin-left: 20px;
}

.form-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.btn-search {
  margin-left: 20px;
  padding: 4px 21px 7px 20px;
  border-radius: 15px;
  background-color: #a5c926;
}

.tab {
  display: inline-block;
  width: 156px;
  padding-top: 4px;
  padding-bottom: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #b6b6b6 #b6b6b6 #b4b4b4;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background-color: #f0f0f0;
  text-align: center;
  text-decoration: none;
}

.tab.on {
  background-color: #ffdb85;
  font-weight: 600;
}

.btn-all {
  margin-left: 20px;
  padding: 4px 21px 7px 20px;
  border-radius: 15px;
  background-color: #999;
}

.bbs_view_faq {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px none #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
}

.link-block-9-on {
  width: 120px;
  margin-right: 12px;
  padding: 4px 10px;
  border: 2px solid #ff93ab;
  border-radius: 20px;
  background-color: #ff93ab;
  color: #000;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.div-block-16 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.image-37 {
  padding: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #b1b1b1;
  border-radius: 9px;
}

.block-main-title {
  width: auto;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
}

.button-orange2 {
  display: block;
  width: 180px;
  margin-top: 42px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 20px;
  background-color: #ffc12c;
  color: #000;
  font-weight: 600;
  text-align: center;
}

.button-gray {
  display: block;
  width: 180px;
  margin-top: 42px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 20px;
  background-color: #bbb;
  color: #000;
  font-weight: 600;
  text-align: center;
}

.row-button {
  width: 600px;
  margin-right: auto;
  margin-left: auto;
}

.form-chkpass {
  display: block;
  width: 800px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding: 50px 100px;
  border: 1px solid #c3c2c2;
  border-radius: 0px;
}

.bold-text-3 {
  color: #009bfa;
  font-size: 16px;
  font-weight: 700;
}

.field-label-7-1 {
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 400;
}

.submit-button-4 {
  display: block;
  width: 130px;
  margin-top: 3px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 5px;
  background-color: #d65f5f;
  text-align: center;
}

.submit-button-4-gray {
  display: block;
  width: 130px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 5px;
  background-color: #6b6b6b;
  text-align: center;
}

.text-quiz-q {
  display: inline-block;
  margin-bottom: 5px;
  padding: 5px 7px 0px 20px;
  background-color: transparent;
  font-size: 16px;
  font-weight: 400;
}

.radio-button-field-8 {
  display: inline-block;
  margin-right: 10px;
  font-size: 15px;
}

.block-quiz-q {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-61 {
  padding-right: 0px;
  padding-left: 0px;
}

.div-block-40 {
  margin-bottom: 40px;
  padding: 20px 15px 10px 20px;
  border: 1px none #000;
  background-color: hsla(0, 0%, 90%, 0.56);
}

.bold-text-3-copy {
  margin-bottom: 40px;
  font-family: 'Open Sans', sans-serif;
  color: #fb416b;
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
}

.img-quiz {
  margin-left: 10px;
}

.form-quiz {
  display: block;
  width: 800px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 50px 50px 60px;
  border-style: solid;
  border-width: 7px;
  border-color: rgba(195, 194, 194, 0.77);
  border-radius: 12px;
}

.columns-16 {
  margin-bottom: 10px;
}

.div-block-41 {
  width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.div-block-39 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-bottom: 15px;
  padding-top: 40px;
  padding-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-width: 7px;
  border-radius: 12px;
}

.text-quiz-ok {
  display: block;
  width: 80%;
  margin-top: 50px;
  margin-bottom: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-style: solid;
  border-width: 3px;
  border-color: #9fc780;
  background-color: #d9ebc7;
  box-shadow: none;
  color: #242424;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  text-align: center;
}

.text-quiz-ng {
  display: block;
  width: 80%;
  margin-top: 50px;
  margin-bottom: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-style: solid;
  border-width: 3px;
  border-color: #d89a9a;
  background-color: #f8dede;
  box-shadow: none;
  color: #242424;
  font-size: 19px;
  line-height: 30px;
  font-weight: 400;
  text-align: center;
}

.div-block-39-quiz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 800px;
  height: auto;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
  padding: 40px 46px 40px 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 3px;
  border-color: #a0a0a0;
  border-radius: 12px;
  background-color: #fff;
}

.paragraph-13 {
  margin-top: 24px;
  padding-right: 67px;
  padding-left: 67px;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
}

.radio-button-label-2 {
  font-size: 12px;
}

.radio-button-label-3 {
  font-size: 15px;
}

.radio-button-label-4 {
  font-size: 15px;
}

.div-block-42 {
  width: 100%;
}

.form-block-biz {
  margin-top: 38px;
  padding: 42px 97px 49px;
  border-style: solid;
  border-width: 1px;
  border-color: #c2c2c2;
}

.link-block-10 {
  position: static;
  left: 50%;
  top: 0%;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 130px;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  text-decoration: none;
}

.link-block-10:hover {
  color: #a5c926;
}

.heading-18 {
  display: inline;
  margin-right: 16px;
  margin-left: 0px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.link-block-btn-est {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  margin-right: auto;
  margin-left: 0px;
  padding: 4px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #bdbdbd;
  background-color: #fff;
  box-shadow: 1px 1px 2px 1px #b1b1b1;
  text-decoration: none;
}

.link-block-btn-est.center {
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.link-block-btn-est.right {
  margin-right: 0px;
  margin-left: auto;
}

.div-block-43 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-top: 35px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  line-height: 24px;
}

.div-block-est-opt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-top: 16px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form-block {
  width: 100%;
}

.select-field {
  display: inline-block;
  width: 194px;
  margin-top: 0px;
  margin-right: 23px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-right: 19px;
  padding-left: 18px;
  font-size: 16px;
  line-height: 20px;
}

.radio-button-field-9 {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0px;
  font-size: 16px;
}

.heading-19 {
  display: block;
  width: auto;
  margin: 0px auto 11px;
  color: #797979;
  line-height: 30px;
  text-align: center;
}

.columns-sp-tt {
  position: static;
  left: 10px;
  top: 0px;
  right: 10px;
  bottom: auto;
  z-index: 5;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 0px;
  border: 1px none #000;
  background-color: #009bfa;
  color: #fff;
}

.columns-sp-tt.green {
  background-color: #a5c926;
}

.columns-sp {
  width: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0px;
  border-bottom: 1px solid #a9cfe6;
  background-color: #fff;
}

.columns-sp:hover {
  border: 1px none #000;
  background-color: #fcf1d7;
}

.columns-sp.green {
  border-bottom-color: #c5d882;
}

.columns-sp.green:hover {
  border-bottom-style: solid;
  background-color: #f0fcd7;
}

.text-block-18 {
  width: 1000px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.text-block-19 {
  margin-top: 35px;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}

.div-block-pagelist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Noto Sans KR', sans-serif;
}

.text-block-20 {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 15px;
}

.text-block-21 {
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 34px;
  line-height: 32px;
  text-align: center;
}

.form-block-survey {
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  padding: 42px 68px 49px 69px;
  border-style: solid;
  border-width: 1px;
  border-color: #c2c2c2;
}

.field-label-4 {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.field-label-4.blue {
  color: #009bfa;
}

.div-block-radio {
  margin-top: 10px;
  margin-bottom: 15px;
  padding-top: 5px;
  padding-left: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
}

.radio-button-field-4 {
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
}

.radio-button-label-5 {
  margin-right: 26px;
  font-size: 14px;
  letter-spacing: 0px;
}

.checkbox-field-4 {
  display: inline-block;
  margin-right: 20px;
  font-family: 'Open Sans', sans-serif;
}

.checkbox-label-5 {
  font-size: 15px;
  letter-spacing: 0px;
  text-transform: none;
}

.background-video-2 {
  width: 1300px;
  height: 700px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
}

.div-block-44 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1050px;
  height: 300px;
  margin-top: 60px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 15px;
  background-color: #009bfa;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 123, 199, 0.91)), to(rgba(0, 123, 199, 0.91))), url('../images/classroom-1761864_1920.jpg');
  background-image: linear-gradient(180deg, rgba(0, 123, 199, 0.91), rgba(0, 123, 199, 0.91)), url('../images/classroom-1761864_1920.jpg');
  background-position: 0px 0px, 50% 100%;
  background-size: auto, cover;
}

.div-block-45 {
  display: block;
}

.columns-17 {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  background-color: transparent;
}

.heading-6-1 {
  margin-top: 0px;
  margin-bottom: 35px;
  color: #fff;
  font-size: 40px;
  line-height: 80px;
  text-align: center;
  text-shadow: 1px 1px 6px #000;
}

.button-3-1 {
  display: block;
  width: 400px;
  height: 100px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 37px;
  border-radius: 24px;
  background-color: #000;
  color: #ffd266;
  font-size: 40px;
  line-height: 30px;
  text-align: center;
}

.button-3-1:hover {
  color: #fadd00;
}

.video {
  width: 70%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

.youtube {
  width: auto;
  height: auto;
}

.heading-6-2 {
  margin-bottom: 28px;
  color: #fff;
  font-size: 40px;
  line-height: 55px;
  text-align: center;
}

.link-block-openclass {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 350px;
  margin: 15px auto 0px;
  padding: 15px 10px 15px 19px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #bbb;
  border-radius: 10px;
  background-color: #ffc12c;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 60%, 0.63);
  text-decoration: none;
}

.link-block-openclass.lblue {
  background-color: #68c5ff;
}

.image-6-1 {
  position: static;
  left: 0%;
  top: 4px;
  right: auto;
  bottom: 0%;
}

.text-block-7-1 {
  display: inline-block;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 12px;
  color: #333;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}

.heading-openclass {
  width: auto;
  margin: 0px auto 30px;
  padding-left: 0px;
  font-size: 30px;
  font-weight: 700;
}

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

.columns-openclass {
  width: 1050px;
  margin: 4px auto 38px;
}

.div-block-46 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1050px;
  margin-top: 63px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.column-87 {
  padding-left: 45px;
}

.text-block-22 {
  margin-bottom: 19px;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.link-block-2-blue {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  margin-bottom: 15px;
  margin-left: 17px;
  padding: 7px 4px 7px 48px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #bbb;
  border-radius: 10px;
  background-color: #009bfa;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 60%, 0.63);
  text-decoration: none;
}

.link-block-green-open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  margin-right: 20px;
  margin-bottom: 15px;
  margin-left: 17px;
  padding: 12px 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #bbb;
  border-radius: 10px;
  background-color: #a5c926;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 60%, 0.63);
  text-decoration: none;
}

.text-test-q {
  display: inline-block;
  margin-bottom: 5px;
  padding: 5px 7px 0px 35px;
  background-color: transparent;
  font-size: 16px;
  font-weight: 600;
}

.container-2 {
  padding: 32px 26px;
  border: 1px solid #c2c2c2;
}

.text-block-23 {
  line-height: 28px;
  font-weight: 600;
}

.heading-20 {
  display: inline;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: 500;
  text-align: center;
}

.columns-18 {
  margin-top: 26px;
  margin-bottom: 37px;
}

.text-block-24 {
  margin-right: 28px;
  margin-bottom: 48px;
  margin-left: 25px;
  padding: 15px 22px 15px 23px;
  background-color: rgba(0, 0, 0, 0.09);
  line-height: 28px;
  font-weight: 500;
}

.heading-21 {
  display: inline;
  padding-left: 31px;
  color: #009bfa;
  font-size: 50px;
  line-height: 50px;
  font-weight: 500;
  text-align: left;
}

.div-block-47 {
  width: 300px;
  height: 87px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/bg_levelgage.jpg');
  background-position: 0px 0px;
  background-size: contain;
}

.image-45 {
  margin-left: 94px;
}

.column-88 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.columns-19 {
  display: block;
  width: 850px;
  margin-right: auto;
  margin-left: auto;
}

.column-90 {
  display: block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.score {
  display: inline;
  padding-left: 26px;
  color: #a87700;
  font-size: 30px;
  line-height: 30px;
  font-weight: 500;
  text-align: left;
}

.score.gr {
  color: #4f9e00;
}

.score.bl {
  color: #0066a5;
}

.text-block-25 {
  display: inline;
  width: 70px;
  margin-right: 15px;
  font-weight: 600;
}

.text-block-score {
  margin-right: 0px;
  margin-bottom: 19px;
  margin-left: 0px;
  padding: 10px 14px 11px 12px;
  background-color: rgba(0, 0, 0, 0.09);
  line-height: 28px;
  font-weight: 500;
}

.column-91 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 34px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-48 {
  margin-top: 26px;
}

.text-block-26 {
  margin-top: 56px;
  margin-bottom: 50px;
  padding-top: 34px;
  border-top: 1px solid #949494;
  font-size: 28px;
  line-height: 40px;
  font-weight: 400;
  text-align: center;
}

.bold-text-12 {
  color: #fb416b;
  font-size: 36px;
}

.list-2 {
  margin-top: 36px;
  margin-bottom: 53px;
  padding-left: 45px;
  list-style-type: square;
}

.text-block-27 {
  font-size: 18px;
  font-weight: 500;
}

.div-block-49 {
  margin-top: 21px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0px;
}

.field-label-5 {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #b6163a;
  font-size: 15px;
}

.select-field-2 {
  display: inline-block;
  width: 80px;
  background-color: transparent;
}

.text-block-28 {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
}

.text-field-3 {
  display: inline-block;
  width: 100px;
}

.radio-button-field-4-1 {
  display: inline-block;
  width: 120px;
  margin-bottom: 8px;
  margin-left: 7px;
}

.radio-button-label-5-1 {
  margin-right: 26px;
  font-size: 15px;
  letter-spacing: 0px;
}

.columns-20 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  border-style: none solid solid;
  border-width: 1px;
  border-color: #000 #ccc #ccc;
}

.columns-20.top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  border-top-style: solid;
  border-top-color: #ccc;
}

.columns-20.one {
  display: block;
  margin-bottom: 25px;
  border-top-style: solid;
  border-top-color: #ccc;
}

.columns-20.one-mb {
  display: none;
  margin-bottom: 20px;
  border-top-style: solid;
  border-top-color: #ccc;
}

.columns-20.one-pc {
  display: block;
  margin-bottom: 25px;
  border-top-style: solid;
  border-top-color: #ccc;
}

.columns-20.top-mb {
  display: none;
  margin-bottom: 0px;
  border-top-style: solid;
  border-top-color: #ccc;
}

.column-92 {
  padding-top: 5px;
  padding-bottom: 10px;
  background-color: #009bfa;
  color: #fff;
}

.column-93 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-94 {
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 22px;
}

.text-block-13-1 {
  display: inline;
  padding-left: 8px;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 15px;
  line-height: 24px;
  text-align: left;
}

.text-block-13-2 {
  display: inline;
  margin-right: 13px;
  padding-left: 10px;
  font-family: 'Noto Sans KR', sans-serif;
  color: #fb416b;
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
  text-align: left;
}

.div-block-50 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.list2 {
  margin-top: 12px;
  padding-top: 18px;
  padding-bottom: 19px;
  padding-left: 45px;
  border: 1px none #c3c2c2;
  font-size: 16px;
  list-style-type: disc;
}

.list-item2 {
  margin-bottom: 14px;
  padding-left: 7px;
  font-size: 16px;
  font-weight: 400;
  list-style-type: square;
}

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

.text-block-29 {
  font-weight: 600;
}

.text-block-29-1 {
  margin-top: 29px;
  color: #6f8f00;
  font-weight: 600;
}

.div-block-50-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.div-block-51 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 10;
  display: block;
  height: 10px;
  background-color: #009bfa;
}

.heading-web-est {
  display: inline;
  width: auto;
  margin: 0px auto 52px;
  padding-left: 18px;
  font-size: 30px;
  text-align: left;
  letter-spacing: 1px;
}

.div-block-52 {
  position: fixed;
  left: 0%;
  top: 10px;
  right: 0%;
  bottom: auto;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-right: 35px;
  padding-left: 35px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #bbb;
  background-color: #fff;
}

.heading-22 {
  display: inline;
  margin-top: 8px;
  margin-bottom: 3px;
  color: #0065a3;
  font-size: 30px;
  line-height: 52px;
}

.div-block-53 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  width: 100px;
  background-color: #fff;
}

.div-leftmenu-est {
  position: fixed;
  left: 0%;
  top: 0px;
  right: auto;
  bottom: 0%;
  z-index: auto;
  width: 150px;
  height: 100%;
  padding: 106px 15px 106px 16px;
  border-right: 1px solid #bbb;
  background-color: #f8f8f8;
  font-size: 14px;
}

.mem-photo {
  display: block;
  width: 80px;
  height: 80px;
  margin-right: auto;
  margin-bottom: 17px;
  margin-left: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  float: none;
  border: 1px solid #cfcfcf;
  border-radius: 99px;
  box-shadow: 1px 1px 3px 0 #8d8d8d;
}

.text-block-30 {
  width: auto;
  margin-top: 8px;
  border-bottom: 1px solid #ccc;
  font-family: 'Noto Sans KR', sans-serif;
  text-align: center;
}

.section-2 {
  padding-bottom: 67px;
  padding-left: 0px;
}

.div-block-54 {
  display: block;
  padding-top: 135px;
  padding-bottom: 104px;
  padding-left: 180px;
  line-height: 25px;
}

.div-block-55 {
  width: 95%;
  margin-right: auto;
  margin-left: auto;
}

.heading-22-1 {
  display: inline;
  margin-top: 8px;
  margin-bottom: 3px;
  font-size: 26px;
  line-height: 52px;
}

.columns-21 {
  width: auto;
  margin-right: auto;
  margin-left: auto;
}

.field-label-6 {
  display: inline;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
}

.select-field-3 {
  display: inline-block;
  width: auto;
  margin-right: 16px;
  margin-bottom: 0px;
  padding: 4px 6px;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.text-field-4 {
  display: inline-block;
  width: 120px;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 20px;
}

.submit-button-5 {
  height: auto;
  margin-right: 5px;
  margin-left: 13px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 5px;
  background-color: #a5c926;
  color: #1d1d1d;
  font-size: 15px;
}

.submit-button-5.blue {
  margin-left: 14px;
  background-color: #4dbcff;
  font-family: 'Noto Sans KR', sans-serif;
}

.submit-button-5.blgr {
  background-color: #00bdc3;
  font-family: 'Noto Sans KR', sans-serif;
  color: #1d1d1d;
  font-weight: 400;
}

.submit-button-5.orange {
  background-color: #ffae2c;
  font-family: 'Noto Sans KR', sans-serif;
}

.submit-button-5.gray {
  margin-left: 0px;
  background-color: #bdbdbd;
}

.form-3 {
  margin-bottom: 19px;
  padding-left: 21px;
}

.select-field-3-1 {
  display: inline-block;
  width: auto;
  margin-right: 16px;
  margin-bottom: 0px;
  margin-left: 9px;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 20px;
}

.submit-button-silver {
  height: auto;
  margin-right: 15px;
  margin-left: 13px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 5px;
  background-color: #c9c9c9;
  font-family: 'Noto Sans KR', sans-serif;
  color: #1d1d1d;
  font-size: 15px;
}

.div-block-56 {
  width: 250px;
  margin: 11px auto 10px;
}

.checkbox-field-5 {
  display: inline-block;
  margin-left: 23px;
  font-size: 16px;
}

.columns-22 {
  width: 100%;
}

.column-96 {
  padding-right: 3px;
}

.paragraph-15 {
  height: 80px;
  margin-top: 28px;
  margin-bottom: 35px;
  padding: 16px 17px 16px 16px;
  border: 1px solid #ccc;
  background-color: #d0edff;
}

.link-6 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-decoration: none;
  text-transform: none;
}

.link-6:hover {
  color: #fb416b;
}

.columns-ms {
  margin-bottom: 0px;
  padding: 0px;
  border: 1px solid #ccc;
}

.columns-23 {
  margin-top: 90px;
}

.column-97 {
  border-right: 1px solid #ccc;
}

.column-ms {
  display: block;
  padding-top: 8px;
  padding-bottom: 9px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #ccc;
  background-color: transparent;
}

.column-ms:hover {
  background-color: #f1f7dc;
}

.column-ms.slver {
  background-color: #f8f8f8;
}

.column-ms.blue {
  background-color: #d0edff;
}

.column-ms2 {
  display: block;
  padding-top: 8px;
  padding-bottom: 9px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px none #ccc;
}

.column-ms2:hover {
  background-color: #f1f7dc;
}

.column-ms2.silver {
  background-color: #f8f8f8;
}

.column-ms2.blue {
  background-color: #d0edff;
}

.text-field-5 {
  height: 80px;
  margin-top: 27px;
  margin-bottom: 34px;
  padding: 12px 15px 17px;
  background-color: #d0edff;
  line-height: 22px;
}

.word-co {
  width: 100%;
  height: 80px;
  margin: 11px auto 34px;
  padding: 12px 15px 17px;
  background-color: #d0edff;
  font-family: Exo, sans-serif;
  color: #000;
  font-size: 35px;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
}

.btn-submit-ect {
  display: block;
  width: 230px;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  padding: 4px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #bdbdbd;
  background-color: #fff;
  box-shadow: 1px 1px 2px 1px #b1b1b1;
  color: #fb416b;
  font-size: 19px;
  line-height: 30px;
  font-weight: 500;
  text-decoration: none;
}

.btn-submit-ect.center {
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.btn-submit-ect.right {
  margin-left: auto;
}

.text-ect1 {
  display: inline-block;
  margin-right: 18px;
  padding-left: 8px;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  text-align: left;
}

.text-ect1.red {
  color: #e20000;
}

.text-ect1.blue {
  color: #003ce2;
}

.text-ect {
  display: inline-block;
  margin-right: 6px;
  padding-left: 8px;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  text-align: left;
}

.form-block-2 {
  margin-top: 24px;
}

.columns-24 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.radio-button-ect {
  display: inline-block;
  margin-right: 30px;
  font-size: 16px;
}

.radio-button-ect:hover {
  color: #009bfa;
}

.text-ect-timer {
  display: block;
  margin-right: 0px;
  margin-left: auto;
  padding-left: 8px;
  font-family: 'Open Sans', sans-serif;
  color: #5f5f5f;
  font-size: 36px;
  line-height: 40px;
  font-weight: 600;
  text-align: right;
}

.text-ect-timer.red {
  color: #e20000;
}

.text-ect-timer.blue {
  color: #003ce2;
}

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

.columns-co {
  width: 100%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding: 0px;
  border: 1px solid #ccc;
}

.radio-button-label-6 {
  text-transform: none;
}

.column-co {
  padding: 21px 0px 21px 15px;
  border-right: 1px solid #ccc;
}

.column-co.slver {
  background-color: #f8f8f8;
}

.column-co.blue {
  background-color: #d0edff;
}

.word-co2 {
  width: 80%;
  height: 80px;
  margin: 11px auto 34px;
  padding: 12px 15px 17px;
  background-color: #e5f0b4;
  color: #000;
  font-size: 24px;
  line-height: 22px;
  text-align: center;
}

.div-block-o {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 28px;
  margin-right: auto;
  margin-left: auto;
  padding: 21px 22px 21px 47px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ccc;
  background-color: #effcc3;
}

.heading-23 {
  display: inline;
  padding: 0px;
  font-family: Montserrat, sans-serif;
  color: #2d9700;
  font-size: 50px;
  line-height: 50px;
  font-weight: 500;
}

.heading-23.red {
  color: #c20000;
}

.text-ect3 {
  display: inline;
  margin-left: 28px;
  padding-left: 8px;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
}

.div-block-x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 28px;
  margin-right: auto;
  margin-left: auto;
  padding: 21px 22px 21px 47px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ccc;
  background-color: #ffe9dc;
}

.checkbox-co {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 16px;
}

.columns-wc-tt {
  position: static;
  left: 10px;
  top: 0px;
  right: 10px;
  bottom: auto;
  z-index: 5;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 0px;
  border: 1px none #000;
  background-color: #ffc12c;
  color: #1a1a1a;
}

.columns-wc {
  width: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 0px;
  border-bottom: 1px solid #ffe096;
  background-color: #fff;
}

.columns-wc:hover {
  border-style: solid none;
  border-width: 1px;
  border-color: #ff9f18 #000 #ff9f18;
  background-color: transparent;
}

.columns-wc.memory {
  background-color: #fff4d9;
}

.columns-ect-move {
  margin-top: 20px;
}

.column-ect-move {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-block-btn-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 220px;
  padding: 4px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #bdbdbd;
  background-color: #fff;
  box-shadow: 1px 1px 2px 1px #b1b1b1;
  text-decoration: none;
}

.link-block-btn-start.center {
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.link-block-btn-start.right {
  margin-right: 0px;
  margin-left: auto;
}

.form-block-3 {
  width: auto;
  margin-top: 35px;
  padding: 35px 62px 34px 68px;
  border-style: solid;
  border-width: 1px;
  border-color: #c9c9c9;
  background-color: transparent;
}

.field-label-7 {
  margin-bottom: 29px;
  color: #0087da;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-transform: none;
}

.link-block-btn-est-kr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  margin-right: auto;
  margin-left: 0px;
  padding: 4px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #bdbdbd;
  background-color: #fff;
  box-shadow: 1px 1px 2px 1px #b1b1b1;
  text-decoration: none;
}

.link-block-btn-est-kr.center {
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.link-block-btn-est-kr.right {
  margin-right: 0px;
  margin-left: auto;
}

.button-5 {
  position: static;
  right: 0px;
  display: block;
  width: 180px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 9px;
  padding-top: 6px;
  padding-bottom: 6px;
  float: none;
  border-radius: 8px;
  background-color: #8ad2ff;
  color: #000;
  font-size: 15px;
  text-align: center;
}

.button-5:hover {
  color: #fff;
}

.button-5.on {
  margin: 0px 0px 0px 9px;
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: #d2e981;
}

.button-5.green {
  display: block;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  float: none;
  background-color: #d2e981;
}

.button-5.silver {
  background-color: #d3d3d3;
}

.heading-18s {
  display: inline;
  margin-right: 16px;
  margin-left: 0px;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 17px;
  line-height: 30px;
}

.checkbox-field-cs {
  display: inline-block;
  margin-right: 13px;
  margin-left: 0px;
  font-size: 16px;
}

.div-block-57 {
  width: 100%;
  margin-right: auto;
  margin-bottom: 35px;
  margin-left: auto;
  padding: 56px 100px 54px;
  border: 1px solid #ccc;
}

.paragraph-16 {
  font-family: 'Nanum Gothic';
  line-height: 34px;
  font-weight: 500;
}

.text-block-31 {
  margin-bottom: 33px;
  border-bottom: 1px solid #009bfa;
}

.bold-text-13 {
  color: #80a500;
  font-size: 20px;
  font-weight: 600;
}

.bold-text-14 {
  color: #9c1818;
  font-size: 20px;
  font-weight: 600;
}

.radio-button-ect-co {
  display: inline-block;
  width: 100%;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 22px;
  padding-bottom: 23px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

.radio-button-ect-co:hover {
  background-color: #d0edff;
  color: #00436d;
}

.textarea-4 {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 14px;
  background-color: #d0edff;
  font-family: Exo, sans-serif;
  font-size: 16px;
  line-height: 130%;
}

.button-wd1 {
  width: auto;
  min-width: 40px;
  margin-right: 2px;
  margin-bottom: 11px;
  margin-left: 12px;
  padding: 7px 10px;
  float: none;
  border-radius: 8px;
  background-color: #ffe29b;
  font-family: 'Open Sans', sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
}

.button-wd1:hover {
  color: #e94600;
}

.button-wd1.on {
  background-color: #d2e981;
}

.button-wd1.on2 {
  background-color: #ffc12c;
}

.submit-button-silver-wd {
  height: auto;
  margin-right: 10px;
  margin-left: 7px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 5px;
  background-color: #c9c9c9;
  color: #1d1d1d;
}

.button-wd-chg {
  width: auto;
  min-width: 40px;
  margin-right: 2px;
  margin-bottom: 11px;
  margin-left: 18px;
  padding: 7px 10px;
  float: none;
  border-radius: 8px;
  background-color: #ff992c;
  font-family: 'Open Sans', sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
}

.button-wd-chg:hover {
  color: #fff;
}

.button-wd-chg.on {
  background-color: #d2e981;
}

.button-wd-chg.on2 {
  background-color: #ffc12c;
}

.button-wd-chg.right {
  margin-left: 10px;
  float: right;
}

.form-3-copy {
  margin-bottom: 19px;
  padding-left: 21px;
}

.goto-ect {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  margin-bottom: 0px;
  padding: 5px 0px 5px 4px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #acacac;
  border-radius: 5px;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
}

.goto-ect:hover {
  background-color: #d6efff;
}

.goto-ect.w--current {
  margin-top: 8px;
  border-color: #77bde9;
}

.text-block-32 {
  margin-left: 8px;
  font-family: 'Noto Sans KR', sans-serif;
  color: #4e4e4e;
  letter-spacing: 0px;
}

.text-block-32.blue {
  color: #0086d8;
}

.goto-ect2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 21px;
  padding: 5px 0px 5px 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #acacac;
  border-radius: 5px;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
}

.goto-ect2:hover {
  background-color: #d6efff;
}

.goto-ect2.w--current {
  margin-top: 10px;
  border-color: #77bde9;
}

.button-5-1 {
  position: static;
  right: 0px;
  display: inline-block;
  width: 160px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  float: right;
  border-radius: 8px;
  background-color: #8ad2ff;
  color: #000;
  font-size: 15px;
  text-align: center;
}

.button-5-1:hover {
  color: #fff;
}

.button-5-1.on {
  background-color: #d2e981;
}

.columns-sp-tt2 {
  position: static;
  left: 10px;
  top: 0px;
  right: 10px;
  bottom: auto;
  z-index: 5;
  width: auto;
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 0px;
  border: 1px none #000;
  background-color: #7ccdff;
  color: #272727;
}

.columns-sp-tt2.green {
  background-color: #a5c926;
}

.columns-sp2 {
  width: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 0px;
  border-bottom: 1px solid #a9cfe6;
  background-color: #fff;
}

.columns-sp2:hover {
  border: 1px none #000;
  background-color: #fcf1d7;
}

.columns-sp2.green {
  border-bottom-color: #c5d882;
}

.columns-sp2.green:hover {
  background-color: #f0fcd7;
}

.field-label-8 {
  display: inline;
  margin-right: 17px;
  font-size: 15px;
}

.columns-22-1 {
  width: 500px;
}

.div-block-58 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  width: 100%;
  height: 100%;
  margin-right: 0px;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.43);
  font-weight: 600;
}

.heading-24 {
  position: static;
  margin-bottom: 0px;
  color: #e21d1d;
  font-size: 100px;
  line-height: 80px;
  font-weight: 600;
}

.heading-24.green {
  margin-bottom: 1px;
  color: #279000;
}

.checkbox-label-6 {
  font-size: 14px;
}

.columns-25 {
  width: 100%;
}

.column-98 {
  padding-top: 9px;
}

.form-4 {
  padding: 28px 67px 14px 66px;
}

.column-92-1 {
  padding-top: 7px;
  padding-bottom: 7px;
  background-color: #009bfa;
  color: #fff;
}

.link-block-btn-est-mb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  margin-right: auto;
  margin-left: 0px;
  padding: 4px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #bdbdbd;
  background-color: #fff;
  box-shadow: 1px 1px 2px 1px #b1b1b1;
  text-align: center;
  text-decoration: none;
}

.link-block-btn-est-mb.center {
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.link-block-btn-est-mb.right {
  margin-right: 0px;
  margin-left: auto;
}

.column-92-wc {
  padding-top: 5px;
  padding-bottom: 10px;
  background-color: #009bfa;
  color: #fff;
}

.link-block-btn-est-cs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  margin-top: 13px;
  margin-right: auto;
  margin-left: 0px;
  padding: 4px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #bdbdbd;
  background-color: #fff;
  box-shadow: 1px 1px 2px 1px #b1b1b1;
  text-decoration: none;
}

.link-block-btn-est-cs.center {
  width: 460px;
  margin-top: 16px;
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.link-block-btn-est-cs.right {
  margin-right: 0px;
  margin-left: auto;
}

.link-block-est-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  margin: 26px auto 52px;
  padding: 9px 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #bbb;
  border-radius: 10px;
  background-color: #a5c926;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 60%, 0.63);
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
}

.text-block-13s {
  padding-left: 8px;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}

.column-92-ms {
  padding-top: 5px;
  padding-bottom: 10px;
  background-color: #009bfa;
  color: #fff;
}

.text-tt {
  display: inline-block;
  margin-right: 11px;
  padding-left: 8px;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
  text-align: left;
}

.heading-25 {
  margin-top: 5px;
  color: #e21d1d;
  font-size: 24px;
  line-height: 40px;
  font-weight: 600;
  text-align: center;
}

.heading-25.green {
  color: #279000;
  line-height: 40px;
}

.heading-18-btn {
  display: inline;
  margin-right: 16px;
  margin-left: 0px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.column-ms3 {
  display: block;
  padding-top: 8px;
  padding-bottom: 9px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #ccc;
}

.column-ms3:hover {
  background-color: #f1f7dc;
}

.column-ms3.slver {
  background-color: #f8f8f8;
}

.column-ms3.blue {
  background-color: #d0edff;
}

.form-block-wc {
  width: auto;
}

.column-92tt {
  padding-top: 21px;
  padding-bottom: 21px;
  background-color: #009bfa;
  color: #fff;
}

.textarea-ms {
  margin-top: 24px;
  margin-bottom: 33px;
  padding: 17px 20px 17px 21px;
  background-color: #d0edff;
  font-family: Exo, sans-serif;
  color: #009bfa;
  font-size: 19px;
  line-height: 26px;
  font-weight: 600;
}

.textarea-ms-hint {
  position: static;
  margin-top: 18px;
  margin-bottom: 20px;
  padding: 10px 20px 10px 21px;
  background-color: #f0f5de;
  font-family: Exo, sans-serif;
  color: #5c5c5c;
  font-size: 19px;
  line-height: 26px;
  font-weight: 600;
}

.text-field-6 {
  display: block;
  width: 50px;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 2px 4px;
  line-height: 20px;
}

.button-save {
  width: 90px;
  margin-right: 11px;
  padding-top: 6px;
  padding-bottom: 7px;
  border-radius: 5px;
  background-color: #009bfa;
  text-align: center;
}

.button-save.gray {
  background-color: #838383;
}

.column-104 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.text-field-4-wd {
  display: inline-block;
  width: 100px;
  margin-right: 11px;
  margin-bottom: 0px;
  padding: 5px 8px;
  font-size: 14px;
  line-height: 20px;
}

.btn-ect-back {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  height: auto;
  margin-right: auto;
  margin-left: 0px;
  padding: 4px 0px 4px 17px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #cecece;
  border-radius: 20px;
  background-color: #fff;
  background-image: url('../images/btn_bg_back.jpg');
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transition-property: none;
  transition-property: none;
  font-family: 'Noto Sans KR', sans-serif;
  text-decoration: none;
}

.btn-ect-back.center {
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.btn-ect-back.right {
  margin-right: 0px;
  margin-left: auto;
}

.text-block-33 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  font-family: 'Varela Round', sans-serif;
  color: #ccc;
  font-size: 120px;
  line-height: 50px;
}

.btn-ect-next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  height: auto;
  margin-right: 0px;
  margin-left: auto;
  padding: 4px 17px 4px 21px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #cecece;
  border-radius: 20px;
  background-color: #fff;
  background-image: url('../images/btn_bg_next.jpg');
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transition-property: none;
  transition-property: none;
  text-decoration: none;
}

.btn-ect-next.center {
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.btn-ect-next.right {
  margin-right: 0px;
  margin-left: auto;
}

.btn-ect-stat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  padding: 4px 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #cecece;
  border-radius: 20px;
  background-color: #fff;
  -webkit-transition-property: none;
  transition-property: none;
  text-decoration: none;
}

.btn-ect-stat.center {
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.btn-ect-stat.right {
  margin-right: 0px;
  margin-left: auto;
}

.title-ect-btn {
  display: inline;
  margin-right: 16px;
  margin-left: 0px;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.btn-ect-back-s {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  height: auto;
  margin-right: auto;
  margin-left: 0px;
  padding: 4px 0px 4px 33px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #cecece;
  border-radius: 20px;
  background-color: #fff;
  background-image: url('../images/btn_bg_back.jpg');
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transition-property: none;
  transition-property: none;
  text-decoration: none;
}

.btn-ect-back-s.center {
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.btn-ect-back-s.right {
  margin-right: 0px;
  margin-left: auto;
}

.btn-ect-next-s {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  height: auto;
  margin-right: 0px;
  margin-left: auto;
  padding: 4px 40px 4px 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #cecece;
  border-radius: 20px;
  background-color: #fff;
  background-image: url('../images/btn_bg_next.jpg');
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transition-property: none;
  transition-property: none;
  text-decoration: none;
}

.btn-ect-next-s.center {
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.btn-ect-next-s.right {
  margin-right: 0px;
  margin-left: auto;
}

.div-block-58-co {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 11;
  display: none;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 283px 0px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.27);
  font-weight: 600;
}

.btn-ect-cs-hw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  padding: 4px 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #cecece;
  border-radius: 20px;
  background-color: #fff;
  -webkit-transition-property: none;
  transition-property: none;
  text-decoration: none;
}

.btn-ect-cs-hw.center {
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.btn-ect-cs-hw.right {
  margin-right: 0px;
  margin-left: auto;
}

.btn-submit-ect2 {
  display: block;
  width: 230px;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  padding: 4px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #cecece;
  border-radius: 20px;
  background-color: #fff;
  color: #fb416b;
  font-size: 19px;
  line-height: 30px;
  font-weight: 500;
  text-decoration: none;
}

.btn-submit-ect2.center {
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.btn-submit-ect2.right {
  margin-left: auto;
}

.btn-ect2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  padding: 4px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #cecece;
  border-radius: 20px;
  background-color: #fff;
  color: #fb416b;
  font-size: 19px;
  line-height: 30px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
}

.btn-ect2.center {
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.btn-ect2.right {
  margin-left: auto;
}

.btn-ect2.green {
  color: #298309;
}

.text-block-34 {
  font-family: 'Open Sans', sans-serif;
  color: #868686;
  font-size: 12px;
  line-height: 20px;
}

.div-block-copyr {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  padding-left: 58px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.columns-mystory {
  width: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0px;
  border-bottom: 1px solid #a9cfe6;
  background-color: #e9f7ff;
}

.columns-mystory:hover {
  border: 1px none #000;
  background-color: #fcf1d7;
}

.columns-mystory.green {
  border-bottom-color: #c5d882;
}

.columns-mystory.green:hover {
  background-color: #f0fcd7;
}

.radio-button-co {
  display: block;
  margin-right: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

.radio-button-co:hover {
  color: #009bfa;
}

.radio-button-label-6-copy {
  text-transform: none;
}

.radio-button-label-co {
  display: block;
  margin-bottom: 0px;
  text-transform: none;
}

.btn-ect-ms-next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  padding: 4px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #cecece;
  border-radius: 20px;
  background-color: #fff;
  color: #298309;
  font-size: 19px;
  line-height: 30px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
}

.btn-ect-ms-next.center {
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.btn-ect-ms-next.right {
  margin-left: auto;
}

.btn-ect-ms-next.green {
  color: #298309;
}

.column-wd {
  height: 100%;
  padding-top: 6px;
  padding-bottom: 5px;
  background-color: #a5c926;
  -o-object-fit: fill;
  object-fit: fill;
}

.columns-wd {
  margin-top: 15px;
  margin-bottom: 10px;
  border: 1px solid #a5c926;
}

.columns-wd2 {
  margin-top: 0px;
  margin-bottom: 10px;
  border: 1px solid #a5c926;
}

.paragraph-17 {
  overflow: auto;
  height: 450px;
  margin-top: 25px;
  padding: 16px 15px 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #d1d1d1;
  font-family: 'Open Sans', sans-serif;
  line-height: 22px;
}

.bold-text-15 {
  color: #fb416b;
}

.combo-cs {
  display: inline-block;
  width: auto;
  margin-top: 0px;
  margin-right: 22px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 16px;
  line-height: 20px;
}

.combo-cs.blue {
  margin-bottom: 5px;
  background-color: #c8eaff;
}

.combo-cs.green {
  margin-bottom: 5px;
  background-color: #dfecb1;
}

.column-105 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 9px;
  padding-right: 4px;
  padding-left: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-106 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-35 {
  margin-left: 7px;
  font-size: 14px;
}

.link-block-11 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90px;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background-color: #ffc12c;
}

.image-47 {
  padding: 2px;
  border-radius: 50px;
  background-color: #ffc12c;
}

.div-block-59 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  padding-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-yellow {
  margin-top: 7px;
  margin-bottom: 4px;
  margin-left: 0px;
  padding-right: 12px;
  padding-left: 11px;
  border-radius: 10px;
  background-color: #ffc12c;
  font-family: 'Open Sans', sans-serif;
  color: #2e2e2e;
  font-size: 15px;
  font-weight: 600;
}

.columns-26 {
  margin-top: 12px;
}

.html-embed {
  display: inline-block;
  margin-right: 20px;
  float: right;
}

.div-block-60 {
  display: none;
}

.goto-ect-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px 0px 5px 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #acacac;
  border-radius: 5px;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
}

.goto-ect-top:hover {
  background-color: #d6efff;
}

.goto-ect-top.w--current {
  margin-top: 10px;
  border-color: #77bde9;
}

.text-block-32-1 {
  margin-left: 5px;
  letter-spacing: -1px;
}

.html-embed-mb {
  display: inline-block;
  margin-right: 20px;
  float: none;
}

.button-yellow-mb {
  margin-top: 3px;
  margin-bottom: 4px;
  margin-left: 0px;
  padding-right: 18px;
  padding-left: 18px;
  border-radius: 10px;
  background-color: #ffc12c;
  font-family: 'Open Sans', sans-serif;
  color: #2e2e2e;
  font-size: 15px;
  font-weight: 600;
}

.html-embed-2 {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  float: none;
}

.image-48 {
  margin-left: 3px;
}

.logo {
  margin-right: 7px;
}

.div-block-61 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  margin-bottom: 21px;
  padding: 16px 10px 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ccc;
}

.checkbox-field-lc {
  display: inline-block;
  margin: 0px 11px 0px 38px;
  font-size: 16px;
  text-transform: none;
}

.btn-ect-lc-hw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  padding: 4px 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #cecece;
  border-radius: 20px;
  background-color: #fff;
  -webkit-transition-property: none;
  transition-property: none;
  text-decoration: none;
}

.btn-ect-lc-hw.center {
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.btn-ect-lc-hw.right {
  margin-right: 0px;
  margin-left: auto;
}

.text-ect1.blue {
  font-size: 17px;
}

.title-ect-btn2 {
  display: inline;
  margin-right: 16px;
  margin-left: 0px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 18px;
  line-height: 20px;
}

.combo-wc {
  display: inline-block;
  width: 150px;
  margin-bottom: 0px;
  padding: 3px 6px;
}

.btn-wc-chg {
  padding: 5px 9px;
  border-radius: 7px;
  background-color: #e5e5e5;
  color: #d66000;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
}

.column-107 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-popup {
  padding: 43px;
}

.field-label-9 {
  margin-bottom: 29px;
  font-family: 'Nanum Gothic';
  font-size: 16px;
  letter-spacing: 0px;
  text-transform: none;
}

.submit-button-blue {
  width: 100px;
  height: auto;
  margin-right: 14px;
  margin-left: auto;
  padding: 5px 12px;
  border-radius: 5px;
  background-color: #009bfa;
  color: #fff;
  font-size: 15px;
  line-height: 25px;
}

.submit-button-sil {
  width: 100px;
  height: auto;
  margin-right: 14px;
  margin-left: auto;
  padding: 5px 12px;
  border-radius: 5px;
  background-color: #b8b8b8;
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  text-align: center;
}

.div-popup {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5;
  display: none;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 6%;
  padding-bottom: 0%;
  background-color: hsla(0, 0%, 100%, 0.47);
}

.form-block-4 {
  position: relative;
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding: 46px 44px 46px 48px;
  border-style: solid;
  border-width: 2px;
  border-color: #c5c5c5;
  background-color: #fff;
}

.text-block-36 {
  margin-bottom: 26px;
  font-family: 'Open Sans', sans-serif;
  color: #009bfa;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.combo-wd-lvl {
  display: inline-block;
  width: 80px;
  margin-bottom: 0px;
  padding: 3px 6px;
}

.combo-wd-ord {
  display: inline-block;
  width: 100px;
  margin-bottom: 0px;
  margin-left: 10px;
  padding: 3px 6px;
}

.combo-wd-al {
  display: inline-block;
  width: 110px;
  margin-bottom: 0px;
  margin-left: 10px;
  padding: 3px 6px;
}

.btn-ect-back-s-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  height: auto;
  margin-right: auto;
  margin-left: 0px;
  padding: 4px 0px 4px 33px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #cecece;
  border-radius: 20px;
  background-color: #fff;
  background-image: url('../images/btn_bg_back.jpg');
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transition-property: none;
  transition-property: none;
  text-decoration: none;
}

.btn-ect-back-s-copy.center {
  margin-right: auto;
  margin-left: auto;
  color: #000;
}

.btn-ect-back-s-copy.right {
  margin-right: 0px;
  margin-left: auto;
}

.column-108 {
  padding-left: 0px;
}

.column-wd-tall {
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #a5c926;
  -o-object-fit: fill;
  object-fit: fill;
}

.image-49 {
  position: static;
  left: auto;
  top: 65%;
  right: 2%;
  bottom: 0px;
  margin-right: 15px;
  float: right;
}

.div-block-58-co2 {
  position: absolute;
  left: 8%;
  top: 33%;
  right: 0%;
  bottom: 40%;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 200px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.09);
  font-weight: 600;
}

.div-block-62 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 4%;
  padding-right: 3%;
}

.checkbox-field-6 {
  display: inline-block;
  font-family: 'Noto Sans KR', sans-serif;
}

.column-98-1 {
  padding-top: 9px;
}

.columns-myect {
  display: block;
  width: 90%;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  padding-top: 15px;
  padding-bottom: 30px;
  border: 1px solid #c4c4c4;
}

.icon-myect {
  border: 1px none #c4c4c4;
  border-radius: 99px;
  box-shadow: 0 0 3px 2px rgba(0, 155, 250, 0.58);
}

.icon-myect.yellow {
  box-shadow: 0 0 3px 2px #ffc12c;
}

.column-myect {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  padding-left: 15px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.text-block-myect-tt {
  display: inline-block;
  margin-bottom: 4px;
  margin-left: 16px;
  color: #009bfa;
  font-size: 17px;
  font-weight: 600;
}

.text-block-myect-tt.yellow {
  color: #eca700;
  font-size: 18px;
}

.column-myect2 {
  padding-top: 43px;
  padding-left: 0px;
}

.div-block-63 {
  width: 85%;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  padding-right: 40px;
  padding-bottom: 35px;
  border: 1px solid #c4c4c4;
}

.list-item-myect {
  margin-bottom: 20px;
  padding-left: 7px;
  font-size: 16px;
  font-weight: 400;
  list-style-type: disc;
}

.div-block-64 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  padding-top: 15px;
  padding-left: 15px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.list-3 {
  margin-top: 31px;
  margin-left: 60px;
  list-style-type: square;
}

.paragraph-18 {
  overflow: auto;
  width: auto;
  height: 160px;
  margin-left: 80px;
  padding: 10px 15px 10px 14px;
  border-style: solid;
  border-width: 1px;
  border-color: #d4d4d4;
  background-color: #e7f6ff;
}

.columns-remind {
  width: auto;
  margin-top: 0px;
  margin-right: auto;
  margin-left: 60px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0px;
  border-bottom: 1px solid silver;
  background-color: #fff;
}

.columns-remind:hover {
  border-style: none none solid;
  border-width: 1px;
  border-color: #000 #000 silver;
  background-color: #ffeff3;
}

.columns-remind.green {
  border-bottom-color: #c5d882;
}

.columns-remind.green:hover {
  background-color: #f0fcd7;
}

.columns-remind.sr {
  margin-left: auto;
}

.columns-remind-tt {
  width: auto;
  margin-top: 11px;
  margin-right: auto;
  margin-left: 60px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0px;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  background-color: #e6e6e6;
  font-family: 'Open Sans', sans-serif;
  color: #fb416b;
}

.columns-remind-tt:hover {
  border-style: solid none;
  border-right-width: 1px;
  border-right-color: #000;
  border-left-width: 1px;
  border-left-color: #000;
}

.columns-remind-tt.green {
  border-bottom-color: #c5d882;
}

.columns-remind-tt.green:hover {
  background-color: #f0fcd7;
}

.columns-remind-tt.sr {
  margin-left: auto;
}

.text-wd {
  display: inline-block;
  margin-right: 8px;
  font-family: 'Open Sans', sans-serif;
}

.text-wd.orange {
  margin-right: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fc4b00;
}

.text-wd.navy {
  color: navy;
}

.text-wd.green {
  color: #00831c;
}

.text-wd.blue {
  margin-right: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #0064fa;
}

.youtube-2 {
  width: 100%;
  height: auto;
}

.column-94-copy {
  height: 345.84375px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 22px;
}

.div-block-65 {
  width: 300px;
}

.heading-26 {
  display: inline;
  margin-right: 15px;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.column-109 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 16px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-26-1 {
  display: inline;
  margin-right: 15px;
  margin-left: 45px;
  font-size: 18px;
  line-height: 30px;
}

.column-92-sp {
  padding-top: 5px;
  padding-bottom: 10px;
  background-color: #009bfa;
  color: #fff;
}

.div-block-66 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-92tt-sp {
  padding-top: 21px;
  padding-bottom: 21px;
  background-color: #009bfa;
  color: #fff;
}

.div-video {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5;
  display: none;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 12%;
  padding-bottom: 15%;
  background-color: hsla(0, 0%, 100%, 0.47);
}

.video-2 {
  display: none;
  width: auto;
}

.div-block-67 {
  display: block;
  width: 1000px;
  height: 570px;
  margin-right: auto;
  margin-left: auto;
}

.button-x {
  position: absolute;
  left: auto;
  top: 10%;
  right: 7%;
  bottom: auto;
  border-radius: 10px;
  background-color: #7c7c7c;
}

.reply-thum {
  position: absolute;
  left: 20px;
  top: 12px;
  width: 40px;
  height: 40px;
  border: 1px solid #8b8b8b;
  border-radius: 95px;
}

.div-reply-name {
  margin-top: 0px;
  margin-bottom: 5px;
}

.text-reply-date-s {
  position: static;
  display: inline;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 3px;
  padding-left: 0px;
  font-family: 'Noto Sans KR', sans-serif;
  color: #686868;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  letter-spacing: 0px;
}

.text-reply-date {
  position: static;
  display: inline;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 3px;
  padding-left: 0px;
  font-family: 'Noto Sans KR', sans-serif;
  color: #686868;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  letter-spacing: 0px;
}

.text-reply-name {
  position: static;
  display: inline;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 3px;
  padding-left: 0px;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 15px;
  line-height: 21px;
  font-weight: 700;
  letter-spacing: 0px;
}

.block-reply {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 10px 35px 0px 75px;
  border-style: none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  text-align: left;
}

.reply-thum-s {
  position: absolute;
  left: -39px;
  top: 10px;
  width: 25px;
  height: 25px;
  border: 1px solid #8b8b8b;
  border-radius: 99px;
}

.block-reply-like {
  width: 100%;
  margin-top: 3px;
  margin-bottom: 5px;
  border: 1px none #000;
}

.text-mystage2-small {
  position: static;
  display: inline-block;
  margin-top: 5px;
  margin-right: 30px;
  padding-left: 15px;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0px;
}

.block-reply-s {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 5px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 5px 35px 5px 0px;
  border-style: none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  text-align: left;
}

.text-mystage-reply {
  display: inline-block;
  margin-bottom: 5px;
  padding: 3px 7px 3px 0px;
  background-color: transparent;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
}

.icon-reply-s {
  margin-right: 15px;
}

.text-reply-show {
  position: static;
  display: inline;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 3px;
  padding-left: 0px;
  font-family: 'Noto Sans KR', sans-serif;
  color: #636363;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  letter-spacing: 0px;
}

.text-reply-name-s {
  position: static;
  display: inline;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 3px;
  padding-left: 0px;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 700;
  letter-spacing: 0px;
}

.button-6 {
  border-radius: 7px;
  background-color: #a5c926;
}

.button-6.right {
  margin-top: 13px;
  margin-bottom: 17px;
  float: right;
  clear: none;
}

.block-reply-like2 {
  width: 100%;
  margin-top: 3px;
  margin-bottom: 5px;
}

.div-block-68 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 25px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-69 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding: 61px 46px 72px 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #b8b8b8;
  background-color: hsla(0, 0%, 100%, 0.68);
}

.text-r-name-s {
  position: relative;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  display: inline-block;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 3px;
  padding-left: 0px;
  float: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-family: 'Open Sans', sans-serif;
  color: #1f6fff;
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
  letter-spacing: 0px;
}

.block-rr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.text-mystage-reply-2 {
  display: inline-block;
  margin-bottom: 5px;
  padding: 3px 7px 3px 0px;
  background-color: transparent;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
}

.div-block-70 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: hsla(0, 0%, 100%, 0.45);
}

.form-block-5 {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding: 41px 66px 40px 79px;
  border-style: solid;
  border-width: 1px;
  border-color: #bebebe;
  background-color: #fff;
}

.div-block-71 {
  display: block;
  margin-top: 30px;
  margin-left: 60px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.heading-27 {
  margin-top: 44px;
  margin-bottom: 48px;
  font-size: 22px;
  line-height: 40px;
  font-weight: 400;
  text-align: center;
}

.div-block-guide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 900px;
  margin-top: 37px;
  margin-right: auto;
  margin-left: auto;
  padding: 69px 34px 60px 33px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #b6b6b6;
}

.div-block-72 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.column-105-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 9px;
  padding-right: 4px;
  padding-left: 4px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-105-1.center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.text-block-37 {
  margin-top: 12px;
  margin-bottom: 15px;
  margin-left: 80px;
  font-weight: 600;
}

.column-adv {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #fd7c9a;
  color: #fff;
}

.columns-adv-tt {
  position: static;
  left: 10px;
  top: 0px;
  right: 10px;
  bottom: auto;
  z-index: 5;
  width: auto;
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 0px;
  border: 1px none #000;
  background-color: #ffc8d5;
  color: #272727;
}

.columns-adv-tt.green {
  background-color: #a5c926;
}

.columns-adv {
  width: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 0px;
  border-bottom: 1px solid #dbc1c9;
  background-color: #fff;
}

.columns-adv:hover {
  border-style: none none solid;
  border-width: 1px;
  border-color: #000 #000 #fb416b;
  background-color: #f0f0f0;
}

.columns-adv.green {
  border-bottom-color: #c5d882;
}

.columns-adv.green:hover {
  background-color: #f0fcd7;
}

.paragraph-19 {
  overflow: auto;
  height: 300px;
  padding: 15px 20px 15px 21px;
  border-style: none solid solid;
  border-width: 1px;
  border-color: #ccc;
  font-size: 16px;
  line-height: 24px;
}

.text-block-adv {
  padding-left: 8px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.text-block-adv.orange {
  color: #fc4b00;
}

.div-block-73 {
  width: 85%;
  margin-right: auto;
  margin-left: auto;
}

.heading-28 {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 44px;
  font-weight: 700;
}

.columns-27 {
  width: 100%;
  margin-top: 8px;
  margin-right: auto;
  margin-left: auto;
}

.column-110 {
  height: auto;
  padding-left: 20px;
}

.heading-29 {
  margin-top: 0px;
  margin-bottom: 9px;
  padding-right: 10px;
  padding-left: 0px;
  color: #006fdb;
}

.list-item-master {
  margin-bottom: 3px;
  padding-left: 7px;
  font-size: 16px;
  font-weight: 400;
}

.div-block-74 {
  display: block;
  width: 1050px;
  margin: 10px auto 27px;
  padding-right: 4px;
  padding-bottom: 14px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #d4d4d4;
}

.list-master {
  margin-top: 0px;
  margin-bottom: 4px;
  list-style-type: square;
}

.button-blue-s {
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 7px;
}

.button-blue-s.right {
  position: static;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  float: right;
}

.heading-12-class {
  width: 1050px;
  margin-right: auto;
  margin-bottom: 34px;
  margin-left: auto;
}

.heading-12-class.center {
  text-align: center;
}

.div-block-75 {
  width: 1050px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 25px;
  padding-bottom: 24px;
}

.image-50 {
  margin-top: 13px;
}

.div-block-ect {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 240px;
  height: 90px;
  margin-right: 40px;
  margin-bottom: 40px;
  margin-left: 0px;
  padding: 16px 20px 16px 27px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #9b9b9b;
  border-radius: 10px;
  background-color: #fff;
  font-family: Montserrat, sans-serif;
}

.div-block-ect:hover {
  background-color: #f3ffca;
}

.div-block-ect1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 43px auto 26px;
  padding-left: 33px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.text-block-ect {
  margin-top: 0px;
  margin-left: 30px;
  padding-left: 9px;
  font-family: Montserrat, sans-serif;
  color: #555;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0px;
}

.div-block-ect-mv {
  width: 100%;
  margin: 10px auto 51px;
  padding-bottom: 14px;
  border-bottom: 1px solid #d4d4d4;
}

.heading-ect-mv {
  margin-top: 0px;
  margin-bottom: 9px;
  padding-right: 10px;
  padding-left: 10px;
  color: #759600;
  font-size: 23px;
  line-height: 30px;
  font-weight: 700;
}

.heading-ect-mv.blue {
  color: #009bfa;
}

.paragraph-20 {
  padding-left: 9px;
  text-align: justify;
}

.column-111 {
  padding-top: 5px;
}

.div-block-open {
  width: 1050px;
  margin: 10px auto 30px;
  padding-bottom: 14px;
  border-bottom: 1px solid #b8b8b8;
}

.paragraph-21 {
  margin-bottom: 19px;
  font-size: 17px;
  line-height: 30px;
  text-align: justify;
}

.openclass-thum {
  border-style: solid;
  border-width: 2px;
  border-color: #b9b9b9;
  border-radius: 13px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.31);
}

.button-ygrn-s {
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 7px;
}

.button-ygrn-s.right {
  float: right;
  background-color: #a5c926;
}

.text-wd-eng {
  padding-left: 8px;
  font-family: 'Noto Sans KR', sans-serif;
  color: #002ee6;
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
  text-align: left;
  letter-spacing: 0px;
}

.text-wd-eng.orange {
  color: #fc4b00;
}

.text-guide {
  margin-bottom: 7px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  letter-spacing: 0px;
  text-transform: none;
}

.field-label-6-1 {
  display: inline;
  margin-right: 14px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0px;
  text-transform: none;
}

.radio-button-wd {
  display: inline-block;
  margin-right: 25px;
  margin-left: 0px;
  font-family: 'Open Sans', sans-serif;
}

.checkbox-field-7 {
  display: inline-block;
  float: right;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

.link-block-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  height: 40px;
  margin-left: 8px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #009bfa;
  border-radius: 8px;
  color: #0055d5;
  text-decoration: none;
}

.link-block-12:hover {
  background-color: #e8f6ff;
}

.link-block-soundall {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 128px;
  height: auto;
  margin-left: 8px;
  padding: 5px 10px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #009bfa;
  border-radius: 8px;
  color: #0055d5;
  font-size: 14px;
  text-decoration: none;
}

.link-block-soundall:hover {
  background-color: #e8f6ff;
}

.link-block-soundall.dn {
  background-color: #e4fffa;
}

.column-113 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-block-soundall--1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 128px;
  height: 38px;
  margin-left: 8px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #009bfa;
  border-radius: 8px;
  color: #0055d5;
  font-size: 14px;
  text-decoration: none;
}

.link-block-soundall--1:hover {
  background-color: #e8f6ff;
}

.column-co2 {
  height: 70px;
  padding: 0px;
  border-right: 1px solid #ccc;
}

.column-co2.slver {
  background-color: #f8f8f8;
}

.column-co2.blue {
  background-color: #d0edff;
}

.link-block-13 {
  width: 100%;
  height: 70px;
  padding-top: 12px;
  padding-right: 16px;
  padding-left: 16px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(90%, #ebebeb));
  background-image: linear-gradient(180deg, #fff, #ebebeb 90%);
  text-decoration: none;
}

.link-block-13:hover {
  background-color: #cfedff;
  background-image: none;
}

.link-block-13.select {
  background-color: #9ad8ff;
  background-image: none;
}

.link-block-13.red {
  border-style: solid;
  border-width: 2px;
  border-color: #e71212;
  color: #e71212;
  font-weight: 600;
  text-decoration: none;
}

.text-block-38 {
  font-size: 17px;
}

.image-52 {
  margin-right: 20px;
}

.button-ms {
  position: static;
  right: 0px;
  display: block;
  width: 180px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  float: none;
  border-radius: 8px;
  background-color: #8ad2ff;
  color: #000;
  font-size: 15px;
  text-align: center;
}

.button-ms:hover {
  color: #fff;
}

.button-ms.on {
  margin: 0px 0px 0px 9px;
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: #d2e981;
}

.button-ms.green {
  display: block;
  height: 38px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  float: none;
  background-color: #b6d351;
}

.button-ms.silver {
  background-color: #d3d3d3;
}

.column-105-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 9px;
  padding-right: 4px;
  padding-left: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-105-3.center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.submit-button-silver-mb {
  height: auto;
  margin-right: 15px;
  margin-left: 13px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 5px;
  background-color: #c9c9c9;
  color: #1d1d1d;
  font-size: 15px;
}

.cap-ect {
  width: 90%;
  margin-bottom: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #aaa;
}

.cap-ect.right {
  float: right;
}

.div-block-ect-mv2 {
  width: 100%;
  margin: 47px auto 28px;
  padding: 24px 23px 24px 39px;
  border-style: solid;
  border-width: 1px;
  border-color: #aaa;
}

.column-114 {
  margin-top: 0px;
  padding-top: 5px;
  padding-right: 0px;
  padding-left: 20px;
}

.cap-ect-mb {
  width: 95%;
  margin-right: 0px;
  margin-bottom: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #aaa;
}

.cap-ect-mb.right {
  width: 85%;
  float: right;
}

.cap-ect-mb.rught {
  margin-right: 0px;
  float: right;
}

.youtube-3 {
  width: 100%;
}

.text-field-4-s {
  display: inline-block;
  width: 110px;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 20px;
}

.column-106-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.form-block-cs-h {
  width: auto;
  margin-top: 20px;
  margin-bottom: 30px;
}

.form-cs-h {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-77 {
  display: inline-block;
  width: auto;
  margin-right: 11px;
  margin-left: 11px;
}

.checkbox-field-cs-h {
  display: inline-block;
  margin-right: 13px;
  margin-left: 29px;
  font-size: 16px;
}

.form-block-dic {
  width: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.field-label-dic {
  width: 120px;
  margin-right: 10px;
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  letter-spacing: 0px;
  text-transform: none;
}

.text-field-dic {
  display: inline-block;
  width: 325px;
  margin-right: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 5px 8px;
  font-size: 14px;
  line-height: 20px;
}

.combo-dic {
  display: inline-block;
  width: auto;
  margin-top: 0px;
  margin-right: 7px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 16px;
  line-height: 20px;
}

.form-dic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 11px;
  padding-right: 140px;
  padding-left: 140px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-field-dic-s {
  display: inline-block;
  width: 35px;
  margin-right: 7px;
  margin-bottom: 0px;
  padding: 5px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

.text-field-dic2 {
  display: inline-block;
  width: 413px;
  margin-right: 7px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 5px 8px;
  font-size: 14px;
  line-height: 20px;
}

.columns-dic-tt {
  position: static;
  left: 10px;
  top: 0px;
  right: 10px;
  bottom: auto;
  z-index: 5;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 0px;
  border: 1px none #000;
  background-color: #00bdc3;
  color: #fff;
}

.columns-dic-tt.green {
  background-color: #a5c926;
}

.columns-dic-tt.blue {
  background-color: #009bfa;
}

.columns-dic-tt.orange {
  background-color: #ffae2c;
}

.columns-dic-tt.gray {
  background-color: #acacac;
}

.div-block-78 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 21px;
  margin-bottom: 11px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.columns-dic {
  width: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0px;
  border-bottom: 1px solid #8cdfe2;
  background-color: #fff;
}

.columns-dic:hover {
  border-style: none none solid;
  border-width: 1px;
  border-color: #000 #000 #6cced1;
  background-color: #edfcfc;
}

.columns-dic.green {
  border-bottom-color: #c5d882;
}

.columns-dic.green:hover {
  border-bottom-style: solid;
  background-color: #f0fcd7;
}

.columns-dic.blue {
  border-bottom-color: #60bff8;
}

.columns-dic.blue:hover {
  background-color: #f2faff;
}

.columns-dic.orange {
  border-bottom-color: #ffd797;
}

.columns-dic.orange:hover {
  background-color: #fffaf2;
}

.columns-dic.gray {
  border-bottom-color: #acacac;
}

.columns-dic.gray:hover {
  background-color: #f0f0f0;
}

.image-53 {
  margin-right: 9px;
}

.div-block-79 {
  width: 80%;
  margin: 43px auto;
  padding: 29px 41px 35px 39px;
  border-style: solid;
  border-width: 1px;
  border-color: #d1d1d1;
}

.text-block-40 {
  margin-bottom: 5px;
  color: #009bfa;
  font-weight: 500;
}

.text-block-40.gray {
  color: #696969;
}

.text-block-41 {
  font-size: 15px;
  font-weight: 400;
  text-align: justify;
}

.text-block-40-1 {
  margin-bottom: 5px;
  color: #00bdc3;
  font-weight: 500;
}

.text-block-40-2 {
  margin-bottom: 5px;
  color: #ffae2c;
  font-weight: 500;
}

.select-field-3-copy {
  display: inline-block;
  width: auto;
  margin-right: 16px;
  margin-bottom: 0px;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 20px;
}

.div-block-re {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1px;
  margin-bottom: 20px;
  padding: 26px 10px 27px 103px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ccc;
}

.image-54 {
  width: 120px;
  height: 120px;
  margin-right: 80px;
  margin-left: 0px;
}

.text-block-42 {
  margin-bottom: 15px;
}

.textarea-5 {
  width: 95%;
}

.div-block-58-re {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 11;
  display: none;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 157px;
  padding-bottom: 193px;
  padding-left: 150px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.27);
  font-weight: 600;
}

.re-score {
  position: static;
  margin-bottom: 0px;
  color: #e21d1d;
  font-size: 70px;
  line-height: 80px;
  font-weight: 600;
}

.re-score.green {
  margin-bottom: 1px;
  color: #279000;
}

.msg-re {
  margin-top: 23px;
  color: #e21d1d;
  font-size: 26px;
  line-height: 45px;
  font-weight: 600;
  text-align: center;
}

.msg-re.green {
  color: #279000;
}

.button-re {
  position: static;
  right: 0px;
  display: block;
  width: 180px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 9px;
  padding-top: 6px;
  padding-bottom: 6px;
  float: none;
  border-radius: 8px;
  background-color: #8ad2ff;
  color: #000;
  font-size: 15px;
  text-align: center;
}

.button-re:hover {
  color: #fff;
}

.button-re.on {
  margin: 0px 0px 0px 9px;
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: #d2e981;
}

.button-re.green {
  display: block;
  width: 100px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 81px;
  padding-top: 10px;
  padding-bottom: 11px;
  float: none;
  background-color: #b6d351;
  font-size: 16px;
}

.button-re.silver {
  background-color: #d3d3d3;
}

.text-block-43 {
  margin-top: 31px;
  margin-bottom: 40px;
  padding: 25px 21px 26px 47px;
  border-style: solid;
  border-width: 1px;
  border-color: #83bee2;
  text-align: justify;
}

.text-block-44 {
  letter-spacing: 1px;
}

.goto-ect-top-home {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px 0px 5px 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #acacac;
  border-radius: 5px;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
}

.goto-ect-top-home:hover {
  background-color: #d6efff;
}

.goto-ect-top-home.w--current {
  margin-top: 10px;
  border-color: #77bde9;
}

.body {
  background-color: transparent;
  font-family: 'Noto Sans KR', sans-serif;
}

.text-block-45 {
  font-family: 'Varela Round', sans-serif;
}

.body-2 {
  font-family: 'Noto Sans KR', sans-serif;
}

.body-3 {
  font-family: 'Nanum Gothic';
}

.body-4 {
  font-family: 'Noto Sans KR', sans-serif;
}

.body-5 {
  font-family: 'Nanum Gothic';
}

.body-6 {
  background-color: #fff;
  font-family: 'Noto Sans KR', sans-serif;
}

.paragraph-22 {
  font-family: 'Noto Sans KR', sans-serif;
}

.text-block-46 {
  padding-bottom: 2px;
}

.text-block-47 {
  font-family: Montserrat, sans-serif;
}

.checkbox-field-9 {
  font-family: 'Noto Sans KR', sans-serif;
}

.tt-myect-ovw {
  position: static;
  display: inline-block;
  overflow: visible;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  padding-left: 0px;
  color: #686868;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0px;
  text-decoration: none;
}

.tt-myect-ovw:hover {
  color: #1e34a0;
}

.text_myect {
  position: static;
  display: block;
  overflow: visible;
  margin-top: 4px;
  margin-right: 0px;
  margin-bottom: 5px;
  padding-left: 0px;
  color: #000;
  font-size: 17px;
  line-height: 21px;
  font-weight: 400;
  letter-spacing: 0px;
  text-decoration: none;
}

.text_myect:hover {
  color: #1e34a0;
}

.row-myect {
  margin-bottom: 10px;
  margin-left: 65px;
}

.image-55 {
  margin-right: 16px;
  border-radius: 0px 10px 10px 0px;
  background-color: transparent;
}

.text-block-48 {
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
}

.columns-remind-tt2 {
  width: auto;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0px;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  background-color: #e6e6e6;
  font-family: 'Open Sans', sans-serif;
  color: #fb416b;
}

.columns-remind-tt2:hover {
  border-style: solid none;
  border-right-width: 1px;
  border-right-color: #000;
  border-left-width: 1px;
  border-left-color: #000;
}

.columns-remind-tt2.green {
  border-bottom-color: #c5d882;
}

.columns-remind-tt2.green:hover {
  background-color: #f0fcd7;
}

.columns-remind2 {
  width: auto;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0px;
  border-bottom: 1px solid silver;
  background-color: #fff;
}

.columns-remind2:hover {
  border-style: none none solid;
  border-width: 1px;
  border-color: #000 #000 silver;
  background-color: #ffeff3;
}

.columns-remind2.green {
  border-bottom-color: #c5d882;
}

.columns-remind2.green:hover {
  background-color: #f0fcd7;
}

.myect-tt-ect {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 160px;
  margin-top: 2px;
  margin-bottom: 15px;
  padding: 5px 0px 5px 11px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #acacac;
  border-radius: 5px;
  background-color: #e9e9e9;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
}

.myect-tt-ect:hover {
  background-color: #d6efff;
}

.myect-tt-ect.w--current {
  margin-top: 10px;
  border-color: #77bde9;
}

.text-block-49 {
  margin-left: 15px;
  font-size: 16px;
  letter-spacing: 0px;
}

.heading-30 {
  display: inline-block;
  width: auto;
}

.heading-30.blue {
  color: #009bfa;
}

.div-block-80 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin-right: 0px;
  margin-left: auto;
  padding-right: 0px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-50 {
  display: inline-block;
  margin-left: 0px;
  font-size: 17px;
}

.column-116 {
  padding: 20px 25px 21px 28px;
  border: 1px solid #c4c4c4;
}

.row-myect2 {
  margin-bottom: 10px;
  margin-left: 0px;
}

.div-block-81 {
  margin-bottom: 30px;
  padding: 26px 20px 21px 23px;
  border: 1px solid #c4c4c4;
}

.text-block-48-1 {
  display: inline-block;
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
}

.columns-28 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 330px;
  margin-top: 26px;
  margin-right: 0px;
  margin-left: 83px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background-image: url('../images/chart_back.png');
  background-position: 0px 0px;
  background-size: auto;
}

.column-117 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.bar1 {
  width: 10px;
  margin-right: 0px;
}

.column-117-canter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-left: 10px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.columns-29 {
  width: 90%;
  margin-left: 83px;
  border: 1px solid #ccc;
}

.text-block-51 {
  display: inline-block;
  text-align: center;
}

.column-118 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 2px 7px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: solid none none;
  border-width: 1px;
  border-color: #ccc;
}

.column-118.center {
  border-right-style: solid;
  border-left-style: solid;
}

.column-118.center2 {
  border-right-style: solid;
  border-left-style: none;
}

.column-118-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 6px;
  padding-bottom: 12px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  border-style: none;
  border-width: 1px;
  border-color: #ccc;
}

.column-118-1.center {
  border-right-style: solid;
  border-left-style: solid;
}

.column-118-1.center2 {
  border-right-style: solid;
}

.columns-29-1 {
  width: 90%;
  margin-left: 83px;
  border-style: none solid solid;
  border-width: 1px;
  border-color: #ccc;
}

.column-117-canter2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-left: 10px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-right: 1px solid #ccc;
  border-left: 1px none #ccc;
}

.text-block-51s {
  display: block;
  width: 100%;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  text-align: center;
}

.btn-start {
  padding: 3px 9px 3px 8px;
  border-radius: 5px;
  background-color: #a5c926;
  font-size: 15px;
}

.btn-start.orange {
  width: auto;
  height: auto;
  margin-right: 10px;
  padding: 2px 6px;
  background-color: #f3a221;
  text-align: center;
}

.btn-start.gray {
  width: 70px;
  height: auto;
  padding: 2px 6px;
  background-color: #a3a3a3;
  text-align: center;
}

.btn-start.orange2 {
  width: 70px;
  height: auto;
  padding: 2px 6px;
  background-color: #f3a221;
  text-align: center;
}

.heading-31 {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
}

.div-block-82 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 450px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-83 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  height: 26px;
  margin-top: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #b3b3b3;
}

.image-57 {
  display: block;
}

.div-block-60-1 {
  display: none;
}

.text-chart1 {
  display: inline-block;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  color: #969696;
  text-align: left;
  letter-spacing: 0px;
}

.image-58 {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
}

.div-block-84 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.image-59 {
  height: auto;
  margin-top: 63px;
}

.bar_t1 {
  width: 10px;
}

.text_myect2 {
  position: static;
  display: block;
  overflow: visible;
  margin-top: 4px;
  margin-right: 0px;
  margin-bottom: 5px;
  padding-left: 0px;
  color: #000;
  font-size: 17px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: 1px;
  text-decoration: none;
}

.text_myect2:hover {
  color: #1e34a0;
}

.bar2 {
  width: 30px;
  margin-right: 0px;
}

.text-field-7 {
  width: 200px;
  padding-top: 6px;
  padding-bottom: 7px;
}

.div-block-85 {
  width: 200px;
  margin-right: 20px;
  margin-bottom: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #a3a3a3;
}

.bar3 {
  display: block;
  margin-right: 0px;
  border-radius: 0px;
}

.column-119 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-top: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-52 {
  color: #fb416b;
  font-size: 17px;
  font-weight: 700;
}

.div-block-86 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
}

.image-60 {
  border: 1px none #000;
}

.text-block-53 {
  margin-right: auto;
  margin-left: auto;
  color: #fff;
  font-size: 18px;
  line-height: 35px;
  text-align: justify;
}

.div-block-87 {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  padding: 28px 35px 30px 38px;
  background-color: rgba(0, 0, 0, 0.47);
}

.bold-text-16 {
  color: #e1ff79;
}

.div-block-88 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-61 {
  display: block;
  width: 807px;
  margin: 22px auto 21px 35px;
  border: 1px none #000;
}

.div-block-89 {
  margin-top: 22px;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 37px;
  border: 1px solid #000;
}

.heading-32 {
  padding-left: 39px;
  color: #fff;
}

.div-block-90 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding: 6px 24px 6px 25px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-style: solid;
  border-width: 1px;
  border-color: #c9c9c9;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #fff), to(#e0e0e0));
  background-image: linear-gradient(180deg, #fff 25%, #e0e0e0);
}

.heading-33 {
  color: #868686;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
}

.heading-33:hover {
  color: #fb416b;
}

.paragraph-23 {
  width: 1100px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding: 20px 29px 21px 28px;
  border: 1px solid #c9c9c9;
  text-align: justify;
}

.heading-story {
  font-weight: 400;
  cursor: pointer;
}

.heading-story:hover {
  color: #fb416b;
}

.link-7 {
  text-decoration: none;
}

.link-7:hover {
  color: #fb416b;
}

.text-block-54 {
  display: inline-block;
  margin-left: 10px;
  color: #5f5f5f;
  font-size: 13px;
  line-height: 22px;
}

.div-block-dialog {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 99;
  display: none;
  margin-top: 105px;
  padding-top: 52px;
  padding-bottom: 52px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.form-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 700px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.field-label-10 {
  margin-right: 15px;
  margin-bottom: 0px;
  font-size: 16px;
}

.heading-34 {
  margin-top: 0px;
  margin-bottom: 16px;
  color: #0069aa;
  text-align: center;
}

.div-block-91 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 31px;
  padding-bottom: 31px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #c4c4c4;
}

.submit-button-5-1 {
  height: auto;
  margin-right: 0px;
  margin-left: 22px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 5px;
  background-color: #a5c926;
  color: #1d1d1d;
  font-size: 15px;
}

.submit-button-5-1.blue {
  margin-left: 14px;
  background-color: #4dbcff;
  font-family: 'Noto Sans KR', sans-serif;
}

.submit-button-5-1.blgr {
  background-color: #00bdc3;
  font-family: 'Open Sans', sans-serif;
  color: #1d1d1d;
  font-weight: 400;
}

.submit-button-5-1.orange {
  background-color: #ffae2c;
  font-family: 'Open Sans', sans-serif;
}

.div-block-92 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-35 {
  margin-right: 20px;
  margin-left: 13px;
  color: #fb416b;
}

.heading-35.blue {
  color: #009bfa;
}

.text-field-8 {
  width: 100px;
  margin-bottom: 0px;
}

.text-block-55 {
  color: #7c7c7c;
  font-size: 15px;
}

.text-block-56 {
  display: inline-block;
  width: 70px;
  margin-right: 7px;
  padding: 3px 5px;
  border: 1px solid #ffc12c;
  border-radius: 5px;
  background-color: #ffdf93;
  line-height: 20px;
  text-align: center;
}

.text-block-56:hover {
  background-color: #ffc12c;
}

.text-block-56.green {
  width: 50px;
  border-color: #a5c926;
  background-color: #dbe9ab;
}

.text-block-56.green:hover {
  background-color: #a5c926;
}

.text-block-56.gray {
  border-color: #a8a8a8;
  background-color: #d1d1d1;
}

.text-block-56.gray2 {
  width: 50px;
  border-color: #a8a8a8;
  background-color: #d1d1d1;
}

.form-block-goal {
  display: none;
  width: 94%;
  margin: 10px auto 27px 65px;
  padding: 41px 20px 40px 104px;
  border-style: solid;
  border-width: 1px;
  border-color: #bebebe;
  background-color: #fff;
}

.checkbox-field-10 {
  margin-bottom: 20px;
  font-size: 16px;
}

.column-120 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.bold-text-17 {
  color: #82a508;
}

.div-block-93 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin-left: 83px;
  padding-top: 12px;
  padding-bottom: 13px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tt-myect-ovw2 {
  position: static;
  display: inline-block;
  overflow: visible;
  margin: 0px 10px;
  padding-left: 0px;
  color: #686868;
  font-size: 17px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: 0px;
  text-decoration: none;
}

.tt-myect-ovw2:hover {
  color: #1e34a0;
}

.div-block-cahrt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 30px;
  margin-top: 18px;
  margin-left: 83px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ccc;
}

.image-62 {
  width: 33%;
  height: 30px;
}

.div-block-cahrt2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  height: 30px;
  margin-top: 18px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ccc;
}

.div-block-93-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 12px;
  padding-bottom: 13px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.form-block-6 {
  margin-top: -12px;
  margin-bottom: 0px;
}

.radio-button-myect {
  margin-left: 23px;
  font-size: 16px;
  font-weight: 400;
}

.div-block-cahrt-gg {
  display: block;
  width: 100%;
  height: 600px;
  margin-top: 18px;
  margin-right: auto;
  margin-left: 20px;
  padding: 9px 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ccc;
  background-color: transparent;
}

.column-121 {
  height: 600px;
}

.div-block-cahrt-gg-2col {
  display: block;
  width: 100%;
  height: 630px;
  margin-top: 18px;
  margin-right: auto;
  margin-left: 20px;
  padding: 9px 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ccc;
  background-color: transparent;
}

.link-block-14 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  margin-left: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background-color: #8ad2ff;
  text-decoration: none;
}

.heading-37 {
  font-weight: 400;
  text-align: center;
}

.button-7 {
  margin-left: 10px;
  padding: 3px 11px 3px 10px;
  border-radius: 7px;
  background-color: #d3d3d3;
  color: #313131;
  font-size: 15px;
}

.button-7.blue {
  background-color: #afdbf7;
}

.paragraph-24 {
  display: block;
  text-align: justify;
}

.link-8 {
  display: inline;
  text-decoration: none;
}

.link-8:hover {
  color: #fb416b;
}

.link-pay_class {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  margin-bottom: 15px;
  margin-left: 17px;
  padding: 7px 4px 7px 48px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #bbb;
  border-radius: 10px;
  background-color: #ffc12c;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 60%, 0.63);
  font-size: 17px;
  font-weight: 400;
  text-decoration: none;
}

.text-block-payclass {
  display: inline-block;
  margin-left: 25px;
  padding-bottom: 2px;
  color: #333;
  font-size: 17px;
  line-height: 30px;
  font-weight: 400;
}

.text-block-57 {
  padding-right: 40px;
  color: rgba(255, 255, 255, 0.64);
  text-align: right;
}

.text-block-57.s {
  padding-right: 0px;
  font-size: 11px;
}

.container-4 {
  text-align: justify;
}

.form-block-7 {
  margin-bottom: 31px;
  padding-top: 16px;
  padding-bottom: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #cddf8e;
}

.link-block-chg-mem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 250px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 40px;
  padding: 12px 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #bbb;
  border-radius: 10px;
  background-color: #ffa02c;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 60%, 0.63);
  font-size: 17px;
  text-decoration: none;
}

.link-block-chg-mem.green {
  background-color: #a5c926;
}

.link-block-chg-mem.right {
  margin-right: 0px;
  margin-left: auto;
}

.text-block-58 {
  padding-left: 18px;
}

.div-block-94 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  height: 100px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-94.black {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 114px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.div-block-94.yt {
  width: 80%;
  height: 130px;
  padding-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.div-block-94.yt2 {
  width: 84%;
  height: auto;
  margin-top: 0px;
  padding-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.div-block-94._3w {
  width: 100%;
  height: auto;
  margin-top: 0px;
  padding-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.text-word-prev {
  position: static;
  left: 35%;
  right: auto;
  display: block;
  width: auto;
  margin: 0px 16px 0px 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: transparent;
  font-family: Exo, sans-serif;
  color: #a8a8a8;
  font-size: 38px;
  line-height: 40px;
  text-align: center;
}

.text-word-prev.black {
  overflow: hidden;
  width: 23%;
  height: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #383838;
  font-size: 80px;
  line-height: 80px;
  text-align: left;
  -o-object-fit: fill;
  object-fit: fill;
}

.text-word-prev2 {
  position: static;
  left: 24%;
  right: 0%;
  display: block;
  width: auto;
  margin: 0px 7px;
  padding-top: 6px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: transparent;
  font-family: Exo, sans-serif;
  color: #c5c5c5;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
}

.text-word-prev2.black {
  overflow: hidden;
  width: 15%;
  height: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #383838;
  font-size: 80px;
  line-height: 80px;
}

.paragraph-line {
  min-height: 70px;
  padding: 20px 19px 23px 18px;
  border-style: solid;
  border-width: 1px;
  border-color: #cecece;
  background-color: #f3f3f3;
}

.div-block-95 {
  padding: 50px 40px 60px;
  border: 1px solid #c2c2c2;
}

.heading-38 {
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
}

.column-122 {
  padding-left: 65px;
}

.div-block-96 {
  padding-left: 65px;
}

.text-field-9 {
  display: inline-block;
  width: 40px;
  height: 32px;
  margin-right: 6px;
  margin-bottom: 0px;
  padding: 2px 5px;
  color: #fb416b;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
}

.leftmenu-s {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 35px;
  height: 35px;
  margin-top: 8px;
  margin-bottom: 0px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #acacac;
  border-radius: 5px;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
}

.leftmenu-s:hover {
  background-color: #d6efff;
}

.leftmenu-s.w--current {
  margin-top: 10px;
  border-color: #77bde9;
}

.div-block-97 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.columns-3-noline {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  padding-top: 30px;
  padding-bottom: 23px;
  border: 1px none #c4c4c4;
}

.div-block-98 {
  padding-right: 19px;
  padding-bottom: 30px;
  padding-left: 19px;
  border: 1px solid #c4c4c4;
  background-color: #fff;
}

.div-block-98.out {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 10px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-99 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.leftmenu-ss {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25px;
  height: 25px;
  margin: 8px 2px 0px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #acacac;
  border-radius: 5px;
  background-color: #fff;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
}

.leftmenu-ss:hover {
  background-color: #d6efff;
}

.leftmenu-ss.w--current {
  margin-top: 10px;
  border-color: #77bde9;
}

.leftmenu-ss.silver {
  background-color: #f3f3f3;
}

.leftmenu-ss.gray {
  background-color: #e9e9e9;
}

.leftmenu-ss.dgray {
  background-color: #dfdfdf;
}

.body-7 {
  background-color: transparent;
}

.heading-39 {
  background-color: #a5c926;
}

.column-123 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.div-block-line {
  margin-bottom: 10px;
  padding: 4px 5px 10px;
  border: 1px solid #c4c4c4;
}

.text-grey-home {
  width: 99%;
  max-width: none;
  margin-bottom: 0px;
  color: #333;
  font-size: 18px;
  line-height: 28px;
  text-align: justify;
}

.column-2-home {
  padding-top: 9px;
  padding-right: 10px;
  padding-left: 0px;
}

.text-grey-home2 {
  width: 99%;
  max-width: none;
  margin-bottom: 10px;
  padding-left: 30px;
  color: #333;
  font-size: 18px;
  line-height: 28px;
  text-align: justify;
}

.text-home {
  width: 99%;
  max-width: none;
  margin-bottom: 15px;
  color: #333;
  font-size: 18px;
  line-height: 35px;
  text-align: justify;
}

.bold-text-18 {
  color: #ff5d2c;
  font-size: 20px;
}

.text-home3 {
  margin-top: 11px;
  margin-bottom: 31px;
  font-size: 18px;
  line-height: 33px;
}

.bold-text-19 {
  font-size: 22px;
}

.bold-text-19.blue {
  color: #007dfa;
  font-size: 23px;
}

.div-block-100 {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
}

.div-block-101 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.div-block-ws-yt {
  position: relative;
  width: auto;
  height: 600px;
  margin-right: auto;
  margin-left: auto;
  padding: 83px 4px 99px;
  background-color: #fff;
  box-shadow: inset 1px 1px 3px 2px #afafaf;
}

.text-word-yt {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  width: auto;
  margin-right: 0px;
  margin-bottom: 19px;
  margin-left: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: transparent;
  font-family: Exo, sans-serif;
  font-size: 100px;
  line-height: 100px;
  font-weight: 500;
  text-align: center;
}

.text-word-yt.blue {
  width: 100.0231%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  background-color: transparent;
  color: #009bfa;
  font-size: 76px;
  line-height: 76px;
}

.text-word-prev-yt {
  position: static;
  left: 35%;
  right: auto;
  display: block;
  width: 100%;
  min-height: 80px;
  margin: 0px auto;
  padding-top: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: transparent;
  font-family: Verdana, Geneva, sans-serif;
  color: #a8a8a8;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  letter-spacing: -1px;
}

.text-word-prev2-yt {
  position: static;
  left: 24%;
  right: 0%;
  display: block;
  width: 100%;
  min-height: 60px;
  margin: 0px auto;
  padding-top: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: transparent;
  font-family: Verdana, Geneva, sans-serif;
  color: #b9b9b9;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  letter-spacing: -1px;
}

.text-word-s-yt {
  display: block;
  width: 100%;
  margin: 10px auto;
  padding-top: 22px;
  padding-bottom: 10px;
  background-color: transparent;
  font-family: 'Noto Sans KR', sans-serif;
  color: #797979;
  font-size: 40px;
  line-height: 55px;
  text-align: center;
}

.heading-19-yt {
  display: block;
  width: auto;
  margin: 0px auto 74px;
  color: #797979;
  line-height: 30px;
  text-align: center;
}

.heading-40 {
  color: #fff;
}

.heading-40.green {
  color: #d7ff48;
}

.bold-text-20 {
  color: #ffc12c;
}

.div-block-102 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.text-word-black {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-bottom: 19px;
  margin-left: auto;
  padding: 10px 20px 25px;
  border-radius: 50px;
  background-color: #fff;
  font-family: Exo, sans-serif;
  font-size: 80px;
  line-height: 80px;
  font-weight: 500;
  text-align: center;
}

.text-word-black.blue {
  width: 100.0231%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  background-color: transparent;
  color: #009bfa;
  font-size: 76px;
  line-height: 76px;
}

.div-block-103 {
  width: 300px;
  height: 300px;
  border-radius: 300px;
  background-color: #bebebe;
}

.text-word-fix {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  width: auto;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: transparent;
  font-family: Exo, sans-serif;
  color: #0078e0;
  font-size: 80px;
  line-height: 90px;
  font-weight: 400;
  text-align: center;
  text-shadow: none;
}

.text-word-fix.blue {
  width: 100.0231%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  background-color: transparent;
  color: #009bfa;
  font-size: 76px;
  line-height: 76px;
}

.text-block-59 {
  color: #000;
}

.div-block-104 {
  background-image: url('../images/sr_back3.jpg');
}

.text-home-top {
  width: 99%;
  max-width: none;
  margin-bottom: 10px;
  color: #333;
  font-size: 19px;
  line-height: 55px;
  text-align: justify;
}

.button-blue-s-class {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  margin-right: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 7px;
}

.button-blue-s-class.right {
  position: static;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  float: right;
}

.heading-41 {
  margin-bottom: 30px;
  font-family: Audiowide, sans-serif;
  color: #009bfa;
  font-size: 50px;
  line-height: 60px;
  font-weight: 400;
  text-align: center;
  text-shadow: none;
}

.button-green-s {
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 7px;
}

.button-green-s.right {
  position: static;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  float: right;
  background-color: #a5c926;
}

.button-orange-s {
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 7px;
}

.button-orange-s.right {
  position: static;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  margin-right: 8px;
  float: right;
  background-color: #ff8400;
}

.form-block-8 {
  margin-bottom: 0px;
}

.link-block-worddown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 40px;
  padding: 8px 22px 8px 20px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #bbb;
  border-radius: 10px;
  background-color: #ffc12c;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 60%, 0.63);
  text-decoration: none;
}

.link-block-worddown.green {
  background-color: #a5c926;
}

.div-popup-sr {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5;
  display: none;
  width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  padding: 137px 121px 137px 286px;
  background-color: hsla(0, 0%, 100%, 0.36);
}

.form-block-3-sr {
  width: auto;
  margin-top: 35px;
  padding: 35px 62px 34px 68px;
  border-style: solid;
  border-width: 2px;
  border-color: #c9c9c9;
  background-color: #fffbf1;
}

.radio-button-sr {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0px;
  padding-top: 8px;
  font-size: 16px;
  line-height: 16px;
}

.radio-button-label-sr {
  margin-bottom: 0px;
  font-size: 16px;
  letter-spacing: 0px;
  text-transform: none;
}

.text-sr {
  margin: 8px 3px 8px 5px;
  line-height: 26px;
}

.text-sr.blue {
  margin-right: 10px;
  margin-left: 0px;
  color: #0245ca;
  font-size: 17px;
  font-weight: 700;
}

.text-sr.red {
  margin-right: 10px;
  margin-left: 0px;
  color: #ca0202;
  font-size: 17px;
  font-weight: 700;
}

.text-sr.green {
  margin-right: 10px;
  margin-left: 0px;
  color: #789903;
  font-size: 17px;
  font-weight: 700;
}

.div-block-line2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-top: 5px;
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
}

.column-124 {
  padding-top: 6px;
  padding-bottom: 6px;
  border-style: solid;
  border-width: 1px;
  border-color: #b3b3b3;
}

.column-124._2 {
  border-left-style: none;
}

.column-124._2._3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-124._3 {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top-style: none;
}

.column-myect-map {
  margin-left: 40px;
}

.column-myect-map.top {
  background-color: #d3e498;
}

.column-myect-map.yellow {
  background-color: #fff6e1;
}

.column-myect-map.orange {
  background-color: #ffe7c2;
}

.column-124-1 {
  padding-top: 7px;
  padding-bottom: 7px;
  border-style: solid;
  border-width: 1px;
  border-color: #b3b3b3;
}

.column-124-1._2 {
  border-left-style: none;
}

.column-124-1._2._3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3px;
  padding-bottom: 3px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-124-1._3 {
  border-top-style: none;
}

.link-block-15 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 27%;
  height: 85px;
  margin-left: 0px;
  padding: 8px 0px 12px;
  float: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/arrow_blue_5.png');
  background-position: 50% 50%;
  background-size: cover;
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 1px #000;
}

.link-block-15._1 {
  width: 17%;
  height: 85px;
  padding-bottom: 12px;
  background-image: url('../images/arrow_blue_1.png');
  background-position: 0% 50%;
  background-size: cover;
}

.link-block-15.g2 {
  width: 20%;
  height: 85px;
  padding-bottom: 24px;
  background-image: url('../images/arrow_gray_2.png');
  background-position: 0% 50%;
  background-size: cover;
}

.link-block-15.g1 {
  width: 17%;
  height: 85px;
  padding-bottom: 24px;
  background-image: url('../images/arrow_gray_11.png');
  background-position: 0% 50%;
  background-size: cover;
}

.div-block-105 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin-right: auto;
  margin-bottom: 14px;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-block-16 {
  width: 45px;
  height: 45px;
  margin-right: 8px;
  padding-top: 0px;
  border-radius: 99px;
  background-color: #ffc12c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff53a), to(#ff9d00));
  background-image: linear-gradient(180deg, #fff53a, #ff9d00);
  line-height: 20px;
  text-align: center;
  text-decoration: none;
}

.link-block-16.gray {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#757575));
  background-image: linear-gradient(180deg, #ebebeb, #757575);
}

.column-125 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.heading-42 {
  margin-top: 5px;
  font-size: 18px;
}

.link-block-16-1 {
  width: 45px;
  height: 45px;
  margin-right: 8px;
  padding-top: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #afafaf;
  border-radius: 10px;
  background-color: #ffc12c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe176), to(#ffa02c));
  background-image: linear-gradient(180deg, #ffe176, #ffa02c);
  line-height: 20px;
  text-align: center;
  text-decoration: none;
}

.link-block-16-1.gray {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #ffc12c -2%, #ebebeb 0%, #6e6e6e);
}

.link-block-16-1.gray2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#a0a0a0));
  background-image: linear-gradient(180deg, #e0e0e0, #a0a0a0);
}

.paragraph-class {
  margin-top: 21px;
  margin-left: 22px;
  padding: 13px 14px;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
  background-color: #f1faff;
}

.columns-30 {
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.image-64 {
  width: 240px;
  border-radius: 10px;
}

.heading-43 {
  width: 240px;
}

.heading-12-youtube {
  width: 1195px;
  margin: 0px auto 34px;
  border-bottom: 1px none #fff;
}

.heading-12-youtube.center {
  text-align: center;
}

.lightbox-link {
  width: 240px;
}

.div-block-106 {
  margin: 0px 0px 26px;
}

.form-mem-out {
  display: block;
  width: auto;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding: 50px 100px;
  border: 1px solid #c3c2c2;
  border-radius: 0px;
}

.text-block-worddn {
  display: inline-block;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 12px;
  color: #333;
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
}

.text-word-h-yt {
  display: block;
  width: auto;
  min-width: 200px;
  margin: 0px auto 10px;
  padding-top: 15px;
  padding-bottom: 10px;
  background-color: transparent;
  font-family: 'Noto Sans KR', sans-serif;
  color: #797979;
  font-size: 50px;
  line-height: 55px;
  text-align: center;
}

.text-word-h-yt2 {
  display: block;
  width: auto;
  min-width: 180px;
  margin: 0px auto 10px 2px;
  padding-top: 22px;
  padding-bottom: 10px;
  background-color: transparent;
  font-family: 'Noto Sans KR', sans-serif;
  color: #a8a8a8;
  font-size: 40px;
  line-height: 55px;
  text-align: center;
}

.text-word-h-yt3 {
  display: block;
  width: auto;
  margin: 0px auto 10px;
  padding-top: 22px;
  padding-bottom: 10px;
  background-color: transparent;
  font-family: 'Noto Sans KR', sans-serif;
  color: #b9b9b9;
  font-size: 25px;
  line-height: 55px;
  text-align: center;
}

.link-block-yt {
  position: static;
  left: 50%;
  top: 0%;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  margin-right: 15px;
  margin-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  text-decoration: none;
}

.link-block-yt:hover {
  color: #a5c926;
}

.link-block-yt.sq {
  background-image: url('../images/sqa.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.link-block-yt.tr {
  background-image: url('../images/tri.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.link-block-yt.cc {
  background-image: url('../images/cir.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.eng-3w {
  position: static;
  left: 35%;
  right: auto;
  display: block;
  width: 100%;
  height: 140px;
  min-width: 200px;
  margin: 0px;
  padding-top: 40px;
  padding-bottom: 40px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: transparent;
  font-family: Verdana, Geneva, sans-serif;
  color: #0061e0;
  font-size: 60px;
  line-height: 54px;
  font-weight: 400;
  text-align: center;
  letter-spacing: -1px;
}

.eng-3w.tri {
  background-image: url('../images/tri3.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.eng-3w.sqr {
  height: 135px;
  padding-top: 36px;
  background-image: url('../images/sqa3.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.eng-3w.cir {
  background-image: url('../images/cir3.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.eng-3w.tri2 {
  background-image: url('../images/tri3_l.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.eng-3w.sqr2 {
  height: 135px;
  padding-top: 36px;
  background-image: url('../images/sqa3_l.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.eng-3w.cir2 {
  background-image: url('../images/cir3_l.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.link-block-3w {
  position: static;
  left: 50%;
  top: 0%;
  right: auto;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  margin-right: 15px;
  margin-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  text-decoration: none;
}

.link-block-3w:hover {
  color: #a5c926;
}

.link-block-3w.sq {
  background-image: url('../images/sqa.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.link-block-3w.tr {
  background-image: url('../images/tri.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.link-block-3w.cc {
  background-image: url('../images/cir.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.div-block-sw {
  position: relative;
  width: auto;
  height: 440px;
  min-height: 0px;
  margin-right: auto;
  margin-left: auto;
  padding: 95px 4px 80px;
  background-color: #fff;
  box-shadow: inset 1px 1px 3px 2px #afafaf;
}

.han-3w {
  display: block;
  width: 100%;
  min-width: 200px;
  margin: 0px auto 10px;
  padding-top: 22px;
  padding-bottom: 10px;
  background-color: transparent;
  font-family: 'Noto Sans KR', sans-serif;
  color: #797979;
  font-size: 40px;
  line-height: 55px;
  text-align: center;
}

.radio-wm-quiz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 30px;
  line-height: 40px;
}

.radio-wm-quiz.o {
  width: 90%;
  border-bottom: 1px solid #e60000;
  color: #e7020e;
  font-weight: 700;
}

.radio-wm-quiz.o2 {
  width: 90%;
  border-bottom: 1px solid #2dbd02;
  color: #149600;
  font-weight: 700;
}

.radio-l-wm {
  margin-left: 18px;
}

.heading-45 {
  margin-top: 0px;
  margin-left: 15%;
  font-weight: 400;
}

.div-block-sw-test {
  position: relative;
  width: auto;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  padding: 73px 4px 75px;
  background-color: #fff;
  box-shadow: inset 1px 1px 3px 2px #afafaf;
}

.wm_test_guide {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  width: 95%;
  margin: 10px auto 0px;
  padding-top: 0px;
  background-color: hsla(0, 0%, 100%, 0.89);
  color: #0061e0;
  font-size: 30px;
  line-height: 60px;
  text-align: center;
}

.div-block-sm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 240px;
  height: 90px;
  margin-right: 0px;
  margin-bottom: 40px;
  margin-left: 0px;
  padding: 16px 20px 16px 27px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #9b9b9b;
  border-radius: 10px;
  background-color: #fff;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.div-block-sm:hover {
  background-color: #d9f1ff;
}

.text-block-sm {
  min-width: 120px;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 20px;
  padding-left: 0px;
  font-family: 'Noto Sans KR', sans-serif;
  color: #555;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0px;
}

.div-block-sm-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 43px auto 26px;
  padding: 60px 20px 20px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  border-style: solid;
  border-width: 1px;
  border-color: #6ec8ff;
  border-radius: 14px;
}

.field-label-11 {
  margin-right: 14px;
  margin-bottom: 0px;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 400;
}

.form-sm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  padding-bottom: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-block-wordtest {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 370px;
  margin: 15px auto 0px;
  padding: 15px 10px 15px 19px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #bbb;
  border-radius: 10px;
  background-color: #ffc12c;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 60%, 0.63);
  text-decoration: none;
}

.link-block-wordtest.lblue {
  background-color: #68c5ff;
}

.image_left15 {
  margin-left: 15%;
}

.div-block-sm-start_q {
  position: fixed;
  left: 178px;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 11;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.51);
}

.div-block-sm-q {
  display: block;
  margin-left: 0px;
  padding: 30px 50px 50px;
  border-style: solid;
  border-width: 1px;
  border-color: #a3a3a3;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 #a7a7a7;
}

.button-sm-q {
  position: static;
  right: 0px;
  display: block;
  width: 150px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 8px;
  padding-bottom: 10px;
  float: none;
  border-radius: 8px;
  background-color: #8ad2ff;
  color: #000;
  font-size: 16px;
  text-align: center;
}

.button-sm-q:hover {
  color: #fff;
}

.button-sm-q.on {
  margin: 0px 0px 0px 9px;
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: #d2e981;
}

.button-sm-q.green {
  display: block;
  margin-right: 0px;
  margin-bottom: 0px;
  float: none;
  background-color: #d2e981;
}

.button-sm-q.silver {
  background-color: #d3d3d3;
}

.link-block-myect1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 370px;
  margin: 15px auto 22px;
  padding: 15px 10px 15px 19px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #bbb;
  border-radius: 10px;
  background-color: #ffc12c;
  box-shadow: 1px 1px 3px 0 hsla(0, 0%, 60%, 0.63);
  text-decoration: none;
}

.link-block-myect1.lblue {
  background-color: #68c5ff;
}

.text-block-7-2 {
  display: inline-block;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 12px;
  color: #333;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}

.heading-45-1 {
  margin-top: 0px;
  margin-left: 15%;
  font-size: 23px;
  font-weight: 400;
}

.div-block-sm-start2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 98%;
  margin: 0px auto 26px;
  padding: 31px 20px 12px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  border: 1px solid #ffc12c;
  border-radius: 14px;
}

.div-block-sm2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 85px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  padding: 16px 20px 16px 27px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #9b9b9b;
  border-radius: 10px;
  background-color: #fff;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.div-block-sm2:hover {
  background-color: #d9f1ff;
}

.text-block-sm2 {
  min-width: 120px;
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
  font-family: 'Noto Sans KR', sans-serif;
  color: #555;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0px;
}

.div-block-sm-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 240px;
  height: 90px;
  margin-right: 0px;
  margin-bottom: 40px;
  margin-left: 0px;
  padding: 16px 20px 16px 27px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #9b9b9b;
  border-radius: 10px;
  background-color: #fff;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.div-block-sm-copy:hover {
  background-color: #d9f1ff;
}

.div-block-sm3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  height: 85px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  padding: 16px 20px 16px 27px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #9b9b9b;
  border-radius: 10px;
  background-color: #fff;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.div-block-sm3:hover {
  background-color: #d9f1ff;
}

.text-block-32s {
  margin-left: 5px;
  font-family: 'Noto Sans KR', sans-serif;
  color: #4e4e4e;
  font-size: 14px;
  letter-spacing: -1px;
}

.text-block-32s.blue {
  color: #0086d8;
}

.div-block-sm4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  height: 130px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  padding: 16px 20px 16px 36px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  border-style: solid;
  border-width: 1px;
  border-color: #9b9b9b;
  border-radius: 10px;
  background-color: #fff;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.div-block-sm4:hover {
  background-color: #fdf8ea;
}

.btn_sm {
  width: 105px;
  margin-top: 10px;
  margin-right: 0px;
  padding: 7px 10px;
  border: 2px solid #a5c926;
  border-radius: 15px;
  background-color: #fff;
  font-family: 'Noto Sans KR', sans-serif;
  color: #81a502;
  text-align: center;
}

.btn_sm:hover {
  background-color: #a5c926;
  color: #fff;
}

.btn_sm.blue {
  border-color: #009bfa;
  color: #0167a5;
}

.btn_sm.blue:hover {
  background-color: #009bfa;
  color: #fff;
}

.btn_sm.yllw {
  border-color: #ffae2c;
  color: #eb8900;
}

.btn_sm.yllw:hover {
  background-color: #ffc12c;
  color: #fff;
}

.image-65 {
  background-color: transparent;
}

.columns85p {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.div-block-107 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin-left: 31px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.heading-round {
  display: block;
  width: auto;
  min-width: 90px;
  margin: 5px 0px 10px auto;
  padding: 5px 20px;
  border-radius: 18px;
  background-color: #ffc12c;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}

.image-100-cent {
  display: block;
  width: 100px;
  height: 100px;
  margin-right: auto;
  margin-left: auto;
}

.paragraph_sm_han {
  width: auto;
  height: 100px;
  min-height: 0px;
  min-width: 265px;
  margin: 10px auto 0px 13px;
  color: #4e4e4e;
  font-size: 20px;
  line-height: 33px;
}

.paragraph_sm_han2 {
  width: auto;
  height: 70px;
  min-height: 0px;
  margin: 10px auto 0px 5px;
  color: #8a8a8a;
  font-size: 16px;
  line-height: 24px;
}

.paragraph_sm_han3 {
  width: auto;
  height: 55px;
  margin: 10px auto 0px 3px;
  color: #8a8a8a;
  font-size: 12px;
  line-height: 18px;
}

.circle90 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90px;
  height: 90px;
  margin-right: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 99px;
  background-color: #ffc12c;
  text-align: center;
}

.circle120 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 130px;
  height: 130px;
  margin-right: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 99px;
  background-color: #ffc12c;
  text-align: center;
}

.circle110 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 110px;
  height: 110px;
  margin-right: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 99px;
  background-color: #ffc12c;
  text-align: center;
}

.circle150 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 150px;
  margin-right: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 99px;
  background-color: #ffc12c;
  text-align: center;
}

.section-full {
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 105px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.section-full.cc-cta {
  padding-right: 80px;
  padding-left: 80px;
  background-color: #f4f4f4;
}

.section-full.dark {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 43px;
  padding-right: 60px;
  padding-bottom: 38px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #5a5a5a;
}

.section-full.dark-home {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 43px 32px 38px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #5a5a5a;
}

.section-full.gray {
  padding: 94px 80px;
  background-color: #646464;
  color: #fff;
}

.section-full.black {
  display: block;
  padding: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.63)), to(rgba(0, 0, 0, 0.63))), url('../images/abc-3523454_1920.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.63), rgba(0, 0, 0, 0.63)), url('../images/abc-3523454_1920.jpg');
  background-position: 0px 0px, 0% 0%;
  background-size: auto, cover;
}

.youtube-4 {
  width: 100%;
  height: 100%;
}

.video-3 {
  width: 300px;
  height: 100px;
}

.div-leftmenu-est2 {
  position: fixed;
  left: 0%;
  top: 0px;
  right: auto;
  bottom: 0%;
  z-index: auto;
  width: 180px;
  height: 100%;
  padding: 138px 15px 106px 16px;
  border-right: 1px solid #bbb;
  background-color: #f8f8f8;
  font-size: 14px;
}

.div-block-54-2 {
  display: block;
  padding-top: 140px;
  padding-bottom: 104px;
  padding-left: 180px;
  line-height: 25px;
}

.link-block-comm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  margin-right: 0px;
  margin-bottom: 1px;
  margin-left: 0px;
  padding: 5px 4px 7px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #009bfa;
  border-radius: 0px 0px 10px 10px;
  background-color: transparent;
  box-shadow: none;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
}

.link-block-comm:hover {
  background-color: #eef9ff;
}

.div-block-myplist {
  padding: 12px 35px 30px 40px;
  border: 1px solid #c4c4c4;
  background-color: #fff;
}

.div-block-myplist.out {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 10px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-109 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  height: auto;
  margin: 0px auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-block-76-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 756px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-y300 {
  display: block;
  width: 330px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 20px;
  background-color: #ffc12c;
  color: #000;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}

.button-y300:hover {
  color: #fff;
}

.button-y300.blue {
  background-color: #009bfa;
  color: #fff;
}

.button-y300.blue:hover {
  color: #000;
}

.button-b200 {
  display: block;
  width: 199px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 20px;
  background-color: #009bfa;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
}

.button-b200:hover {
  color: #000;
}

.button-b200.gray {
  background-color: #a1a1a1;
}

.container-5 {
  padding: 35px 37px 35px 35px;
}

.mail-bott {
  height: auto;
  padding-right: 10%;
  background-color: #009bfa;
  font-family: 'Open Sans', sans-serif;
  line-height: 18px;
}

.text-bggray {
  padding: 10px 10px 12px;
  background-color: rgba(0, 0, 0, 0.08);
  font-size: 14px;
  text-align: center;
}

.columns50p {
  width: 50%;
  margin-right: auto;
  margin-left: auto;
}

.div-block-bg-line {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 20px 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
  background-color: #f1faff;
}

.bold-text-s28-blue {
  color: #009bfa;
}

.text-sentence {
  width: 100%;
  max-width: none;
  margin-bottom: 10px;
  color: #333;
  font-size: 18px;
  line-height: 32px;
  text-align: left;
}

html.w-mod-js *[data-ix="home-header"] {
  -webkit-transform: scale(0.62, 0.62);
  -ms-transform: scale(0.62, 0.62);
  transform: scale(0.62, 0.62);
}

html.w-mod-js *[data-ix="home-banner"] {
  display: block;
  opacity: 0.1;
  -webkit-transform: scale(0.58, 0.58);
  -ms-transform: scale(0.58, 0.58);
  transform: scale(0.58, 0.58);
}

html.w-mod-js *[data-ix="subpage-header"] {
  -webkit-transform: scale(0.71, 0.71);
  -ms-transform: scale(0.71, 0.71);
  transform: scale(0.71, 0.71);
}

html.w-mod-js *[data-ix="move-left2right"] {
  -webkit-transform: translate(-1000px, 0px);
  -ms-transform: translate(-1000px, 0px);
  transform: translate(-1000px, 0px);
}

@media screen and (max-width: 991px) {
  .section {
    padding-top: 0px;
    padding-left: 0px;
  }

  .section.cc-cta {
    padding-right: 0px;
    padding-left: 0px;
  }

  .section.dark {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section.dark-home {
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section.gray {
    padding-right: 20px;
    padding-left: 20px;
  }

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

  .button {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .button.cc-contact-us {
    display: none;
  }

  .heading-jumbo {
    font-size: 56px;
    line-height: 70px;
  }

  .logo-link.w--current {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .menu-icon {
    display: block;
  }

  .menu {
    position: static;
    margin-left: 30px;
  }

  .navigation-wrap {
    padding-right: 23px;
    padding-left: 24px;
    border-style: solid;
    border-width: 1px;
    border-color: #c7c7c7;
    background-color: #fff;
  }

  .navigation {
    position: relative;
    padding: 0px;
  }

  .navigation-item {
    padding: 15px 30px;
    border-bottom: 1px solid #d8d8d8;
    -webkit-transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
    transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
    color: #1f1f1f;
    font-size: 16px;
    text-align: left;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .menu-button {
    padding: 0px;
  }

  .menu-button.w--open {
    background-color: transparent;
  }

  .navigation-items {
    left: auto;
    background-color: #fff;
  }

  .cta-text {
    width: auto;
  }

  .cta-wrap {
    width: auto;
    padding: 80px 50px 90px;
  }

  .our-services-grid {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    grid-template-areas: ". ."
      ". ."
      ". .";
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
    text-align: center;
  }

  .service-icon {
    display: inline-block;
  }

  .contact-form-grid {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    grid-row-gap: 50px;
    grid-template-areas: "."
      ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 50px auto;
    grid-template-rows: auto auto;
    text-align: center;
  }

  .get-in-touch-form {
    text-align: left;
  }

  .our-contacts {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    grid-template-areas: "."
      "."
      ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .team-members {
    grid-template-areas: ". ."
      ". ."
      ". .";
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .team-member-title-wrap {
    margin-bottom: 30px;
  }

  .project-details-grid {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    grid-row-gap: 50px;
    grid-template-areas: "."
      ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 50px auto;
    grid-template-rows: auto auto;
    text-align: center;
  }

  .blog-detail-header-wrap {
    width: 70%;
  }

  .detail-header-image {
    height: 460px;
  }

  .blog-item {
    width: 80%;
  }

  .blog-preview-image {
    height: 460px;
  }

  .blog-summary-wrap {
    width: 100%;
  }

  .about-grid {
    grid-row-gap: 50px;
    grid-template-areas: "."
      ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 50px auto;
    grid-template-rows: auto auto;
    text-align: center;
  }

  .about-grid.cc-about-2 {
    grid-template-areas: "."
      ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .intro-text {
    width: auto;
  }

  .collection-wrap {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .blog-preview-wrap {
    width: 80%;
    padding-right: 15px;
    text-align: center;
  }

  .nav-top-social {
    padding-right: 8px;
    padding-left: 8px;
  }

  .div-leftmenu {
    display: none;
  }

  .div-block-3 {
    width: 100%;
  }

  .heading-2 {
    margin-top: 0px;
  }

  .background-video {
    height: 382px;
  }

  .background-video.shrot {
    background-image: url('../images/bg_avi.png');
    background-position: 50% 50%;
    background-size: cover;
  }

  .heading-3 {
    font-size: 70px;
    line-height: 80px;
  }

  .home-category-image-2 {
    width: auto;
    height: 160px;
  }

  .home-category-image-1 {
    left: 10px;
    width: auto;
    height: 180px;
  }

  .home-category-info-2 {
    margin-right: 182px;
  }

  .home-category-info-1 {
    margin-left: 176px;
  }

  .home-categories {
    max-width: 480px;
    padding-right: 8px;
    padding-left: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .home-category-card {
    margin-right: 0px;
    margin-left: 0px;
    padding: 40px 32px;
  }

  .home-category-card.red {
    margin-top: 64px;
  }

  .button-2:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .footer-bottom {
    margin-top: 40px;
  }

  .footer-nav {
    padding-right: 14px;
    padding-left: 2px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .footer {
    padding-top: 40px;
    padding-left: 0px;
  }

  .footer-social {
    width: 100%;
    margin-top: 24px;
  }

  .footer-left {
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .section-footer {
    padding-right: 19px;
    padding-left: 35px;
  }

  .section-footer.cc-cta {
    padding-right: 0px;
    padding-left: 0px;
  }

  .section2 {
    padding-top: 60px;
    padding-right: 24px;
    padding-left: 25px;
  }

  .section2.cc-cta {
    padding-right: 0px;
    padding-left: 0px;
  }

  .section2.class {
    padding-top: 70px;
    padding-bottom: 80px;
  }

  .section2.est {
    padding-top: 70px;
    padding-bottom: 80px;
  }

  .section2.plaza {
    padding-top: 70px;
    padding-bottom: 80px;
  }

  .section2.etc {
    padding-top: 70px;
    padding-bottom: 80px;
  }

  .section2.dic {
    padding-top: 70px;
    padding-bottom: 80px;
  }

  .slider-home {
    height: 400px;
    padding-bottom: 0px;
  }

  .column {
    padding-right: 0px;
    padding-left: 12px;
  }

  .heading-5 {
    font-size: 30px;
    line-height: 45px;
  }

  .side-info {
    padding-right: 7px;
    padding-left: 8px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: center;
  }

  .text-grey {
    width: 99%;
    text-align: justify;
  }

  .slide-nav {
    bottom: auto;
  }

  .heading-7 {
    padding-right: 18px;
    padding-left: 20px;
    font-size: 40px;
  }

  .columns-10 {
    width: 100%;
  }

  .column-2 {
    padding-top: 10px;
    padding-right: 9px;
    padding-left: 19px;
  }

  .side-image {
    width: 95%;
  }

  .slider-comment {
    height: 100%;
  }

  .columns-2 {
    width: 70%;
  }

  .div-block-5 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .column-3 {
    margin-bottom: 26px;
    padding-right: 18px;
    padding-left: 11px;
  }

  .div-block-6 {
    min-height: 620px;
  }

  .icon-4 {
    padding-right: 0px;
  }

  .slide {
    height: auto;
  }

  .div-block-7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .div-block-top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .heading-10 {
    font-size: 46px;
    letter-spacing: 1px;
  }

  .link-block {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }

  .div-block-8 {
    width: auto;
    max-height: none;
    min-height: 290px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .heading-12 {
    width: auto;
  }

  .text-block-6 {
    width: 100%;
  }

  .columns-4 {
    width: auto;
  }

  .div-block-course {
    margin-bottom: 37px;
  }

  .div-block-9 {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .div-block-c1 {
    max-height: none;
    min-height: 0px;
    margin-bottom: 17px;
  }

  .link-submenu {
    font-family: 'Open Sans', sans-serif;
  }

  .columns-7 {
    width: auto;
  }

  .column-5 {
    display: -ms-grid;
    display: grid;
    padding-top: 17px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .link-block-2 {
    width: 270px;
    margin-left: 10px;
    padding-left: 41px;
  }

  .text-block-7 {
    margin-left: 14px;
  }

  .link-block-3 {
    width: 270px;
    margin-left: 10px;
    padding-left: 41px;
  }

  .heading-9-1 {
    width: auto;
  }

  .list-class {
    width: auto;
  }

  .text-block-9 {
    padding-left: 10px;
  }

  .column-6 {
    padding-right: 5px;
    padding-left: 3px;
  }

  .icon-list {
    margin-bottom: 4px;
  }

  .button-4 {
    width: 80px;
    padding-right: 15px;
    padding-left: 15px;
  }

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

  .div-topmenu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .link-block-4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
  }

  .col-engrefer {
    width: auto;
  }

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

  .div-block-10 {
    margin-bottom: 34px;
  }

  .heading-plaza {
    width: auto;
  }

  .bbs_view1 {
    width: 100%;
  }

  .bbs_view2 {
    width: 100%;
  }

  .bbs_list_tt_4col-tt {
    width: 100%;
  }

  .bbs_list_tt_4col {
    width: 100%;
  }

  .link-4.class {
    margin-left: 9px;
  }

  .div-block-11 {
    width: 100%;
    margin-bottom: 27px;
  }

  .form {
    width: 500px;
  }

  .columns-11 {
    width: 100%;
  }

  .link-block-join {
    margin-left: 10px;
    padding-left: 25px;
  }

  .form-info {
    width: 550px;
  }

  .div-block-popup {
    width: 100%;
    margin-bottom: 27px;
  }

  .form-login {
    width: 85%;
  }

  .form-block-hw {
    width: 100%;
  }

  .hw-list-tt {
    width: 100%;
  }

  .hw-list {
    width: 100%;
  }

  .div-block-13 {
    width: 100%;
  }

  .button-blue.right {
    width: 170px;
  }

  .paragraph1050 {
    width: 100%;
  }

  .link-block-class {
    width: 270px;
    margin-left: 10px;
    padding-left: 26px;
  }

  .text_mypage1 {
    font-size: 15px;
    line-height: 20px;
  }

  .btn-blue-right {
    width: 100%;
  }

  .columns-12 {
    width: auto;
  }

  .form-join {
    width: 500px;
  }

  .form-popup {
    width: 500px;
  }

  .form-block-est {
    width: 95%;
  }

  .text-block-13 {
    padding-left: 0px;
    line-height: 22px;
  }

  .checkbox-label-4 {
    display: none;
  }

  .text-word {
    min-width: 150px;
    margin-bottom: 0px;
    font-size: 62px;
    letter-spacing: -1px;
  }

  .text-word.blue {
    margin-bottom: 5px;
    font-size: 70px;
  }

  .text-word.green {
    font-size: 81px;
    letter-spacing: 6px;
  }

  .text-word.left {
    margin-bottom: 23px;
    margin-left: 5%;
  }

  .div-block-15 {
    width: auto;
    height: 350px;
    padding-top: 80px;
    padding-bottom: 82px;
  }

  .div-block-15.bg {
    height: 350px;
    padding-top: 92px;
    background-size: cover;
  }

  .div-block-15.gray {
    padding-top: 33px;
    padding-bottom: 35px;
  }

  .div-block-15.wh {
    height: 350px;
    padding-top: 92px;
    background-size: cover;
  }

  .text-word-s {
    font-size: 31px;
  }

  .img-oth-login {
    margin-right: 0px;
  }

  .qa-block {
    width: 95%;
  }

  .photo-qa-reply {
    width: 35px;
    height: 35px;
  }

  .column-71 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .qa-block1 {
    width: 95%;
    margin-left: auto;
    padding-right: 10px;
  }

  .columns-reply-qa {
    width: 100%;
  }

  .columns-reply-qa.rp {
    width: 100%;
  }

  .qa-block2 {
    width: 90%;
    margin-left: auto;
    padding-right: 10px;
  }

  .qa-block3 {
    width: 88%;
    margin-left: auto;
  }

  .qa-block4 {
    width: 83%;
    margin-left: auto;
    padding-right: 15px;
  }

  .qa-block5 {
    width: 80%;
    margin-left: auto;
    padding-right: 10px;
  }

  .form-block-homew {
    width: auto;
    padding-right: 33px;
    padding-left: 33px;
  }

  .form-info-copy {
    width: 550px;
  }

  .bbs_list_class {
    width: 100%;
  }

  .columns-14 {
    width: 100%;
  }

  .div-block-course-w {
    width: 100%;
    margin-bottom: 37px;
  }

  .link-block-est {
    width: 270px;
    margin-left: 10px;
    padding-left: 41px;
  }

  .heading-data {
    width: auto;
  }

  .columns-3 {
    width: 100%;
  }

  .btn-red-right {
    margin-right: 10px;
  }

  .image-29 {
    margin-right: 2px;
  }

  .bold-text-5 {
    line-height: 20px;
  }

  .mypage-photo {
    margin-left: 30px;
  }

  .link-block-y-myabt {
    width: 220px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 23px;
    padding-left: 22px;
  }

  .link-block-y-myabt.green2 {
    margin-left: 0px;
  }

  .link-block-green {
    width: 250px;
    margin-left: auto;
    padding-left: 0px;
  }

  .link-block-green.myabt {
    width: 170px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .link-block-green.repay {
    width: 170px;
    margin-left: 5px;
  }

  .text-field-2 {
    width: 400px;
  }

  .bbs_view_faq {
    width: 100%;
  }

  .block-main-title {
    width: 100%;
  }

  .form-chkpass {
    width: 95%;
  }

  .field-label-7-1 {
    color: #333;
  }

  .submit-button-4 {
    margin-bottom: 5px;
  }

  .submit-button-4-gray {
    margin-bottom: 5px;
  }

  .image-44 {
    width: 52px;
    height: 52px;
  }

  .form-quiz {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
  }

  .div-block-41 {
    width: 100%;
  }

  .div-block-39 {
    width: 100%;
  }

  .text-quiz-ok {
    width: 85%;
  }

  .text-quiz-ng {
    width: 85%;
  }

  .div-block-39-quiz {
    width: 100%;
    max-width: 731px;
  }

  .form-block-biz {
    padding-right: 53px;
    padding-left: 53px;
  }

  .link-block-10 {
    position: static;
    width: auto;
  }

  .heading-18 {
    margin-right: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .heading-18.pink {
    color: #fb416b;
  }

  .link-block-btn-est {
    width: 150px;
    height: 70px;
  }

  .div-block-43 {
    width: auto;
  }

  .div-block-est-opt {
    display: block;
    width: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .form-block {
    width: auto;
  }

  .select-field {
    width: 196px;
    margin-right: 19px;
  }

  .radio-button-field-9 {
    margin-right: 20px;
  }

  .columns-sp-tt {
    width: auto;
  }

  .columns-sp {
    width: auto;
  }

  .form-block-survey {
    width: auto;
    padding-right: 33px;
    padding-left: 33px;
  }

  .div-block-44 {
    width: auto;
  }

  .columns-17 {
    width: 100%;
  }

  .heading-6-1 {
    font-size: 36px;
    line-height: 60px;
  }

  .link-block-openclass {
    height: auto;
    padding-left: 20px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .text-block-7-1 {
    font-size: 20px;
    line-height: 28px;
  }

  .heading-openclass {
    width: auto;
  }

  .columns-openclass {
    width: auto;
  }

  .div-block-46 {
    width: auto;
  }

  .link-block-2-blue {
    width: 270px;
    margin-left: 10px;
    padding-left: 41px;
  }

  .link-block-green-open {
    width: 270px;
    margin-left: 10px;
    padding-left: 41px;
  }

  .text-test-q {
    padding-left: 27px;
  }

  .column-88 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .columns-19 {
    width: auto;
  }

  .columns-20 {
    width: auto;
  }

  .columns-20.one-mb {
    display: block;
    margin-bottom: 20px;
    border-top-style: none;
  }

  .columns-20.one-pc {
    display: none;
  }

  .columns-20.top-mb {
    display: block;
  }

  .column-92 {
    overflow: visible;
    height: auto;
    max-height: none;
  }

  .column-94 {
    padding-right: 4px;
    padding-bottom: 0px;
  }

  .text-block-13-1 {
    display: inline-block;
    padding-left: 0px;
  }

  .text-block-13-2 {
    display: inline-block;
    padding-left: 15px;
    font-size: 16px;
    line-height: 22px;
  }

  .text-block-29-1 {
    margin-bottom: 12px;
  }

  .div-block-51 {
    position: static;
    z-index: auto;
  }

  .heading-web-est {
    width: auto;
  }

  .div-block-52 {
    position: static;
    z-index: auto;
    padding-left: 12px;
  }

  .div-leftmenu-est {
    display: none;
    width: 140px;
  }

  .mem-photo {
    margin-left: auto;
  }

  .div-block-54 {
    padding-top: 27px;
    padding-left: 10px;
  }

  .select-field-3 {
    width: auto;
    height: 38px;
    margin-right: 8px;
  }

  .text-field-4 {
    height: 38px;
    margin-right: 7px;
  }

  .submit-button-5 {
    margin-right: 3px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .submit-button-5.blue {
    margin-bottom: 0px;
    margin-left: 8px;
  }

  .submit-button-5.blgr {
    margin-bottom: 0px;
    margin-left: 10px;
  }

  .submit-button-5.orange {
    margin-bottom: 0px;
    margin-left: 10px;
  }

  .submit-button-5.gray {
    margin-bottom: 0px;
  }

  .form-3 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
  }

  .select-field-3-1 {
    margin-left: 1px;
  }

  .submit-button-silver {
    margin-left: 4px;
  }

  .checkbox-field-5 {
    margin-left: 4px;
  }

  .columns-22 {
    width: auto;
  }

  .column-96 {
    padding-right: 1px;
    padding-left: 4px;
  }

  .paragraph-15 {
    height: 100px;
  }

  .column-ms {
    padding-right: 5px;
  }

  .word-co {
    width: 100%;
    margin-bottom: 24px;
  }

  .btn-submit-ect {
    width: 150px;
    height: 60px;
  }

  .text-ect1 {
    padding-left: 0px;
    line-height: 22px;
  }

  .text-ect {
    padding-left: 0px;
    line-height: 20px;
  }

  .form-block-2 {
    margin-top: 16px;
  }

  .columns-24 {
    width: 100%;
  }

  .text-ect-timer {
    padding-left: 0px;
    line-height: 36px;
  }

  .columns-co {
    width: 100%;
  }

  .column-co {
    padding-bottom: 17px;
  }

  .div-block-o {
    width: 100%;
  }

  .text-ect3 {
    padding-left: 0px;
    line-height: 22px;
  }

  .div-block-x {
    width: 100%;
  }

  .checkbox-co {
    margin-left: 4px;
  }

  .columns-wc-tt {
    width: auto;
  }

  .columns-wc {
    width: auto;
  }

  .link-block-btn-start {
    width: 130px;
    height: 70px;
  }

  .form-block-3 {
    padding-right: 40px;
    padding-left: 40px;
  }

  .link-block-btn-est-kr {
    width: 150px;
    height: 70px;
  }

  .button-5 {
    height: 50px;
    padding-right: 8px;
    padding-left: 8px;
    line-height: 20px;
  }

  .heading-18s {
    margin-right: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .checkbox-field-cs {
    margin-right: 18px;
    margin-bottom: 0px;
    margin-left: 4px;
  }

  .div-block-57 {
    width: 100%;
  }

  .submit-button-silver-wd {
    margin-left: 4px;
  }

  .button-wd-chg {
    margin-left: 0px;
  }

  .button-wd-chg.right {
    width: 128px;
    padding-right: 7px;
    padding-left: 7px;
    line-height: 20px;
  }

  .columns-sp-tt2 {
    width: auto;
    min-height: 27px;
  }

  .columns-sp2 {
    width: auto;
    min-height: 33px;
    padding-top: 5px;
  }

  .columns-22-1 {
    width: auto;
  }

  .div-block-58 {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
  }

  .columns-25 {
    width: 100%;
  }

  .column-98 {
    padding-left: 3px;
  }

  .column-99 {
    padding-right: 0px;
    padding-left: 2px;
  }

  .column-100 {
    margin-bottom: 7px;
  }

  .form-4 {
    padding-right: 50px;
    padding-left: 50px;
  }

  .column-92-1 {
    overflow: visible;
    height: auto;
    max-height: none;
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .link-block-btn-est-mb {
    width: 170px;
    height: 60px;
    margin-right: auto;
    margin-left: auto;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .column-92-wc {
    overflow: visible;
    height: auto;
    max-height: none;
    padding-top: 12px;
    padding-bottom: 11px;
  }

  .link-block-btn-est-cs {
    width: 170px;
    height: 70px;
    margin-left: 5px;
  }

  .link-block-btn-est-cs.center {
    width: 310px;
  }

  .link-block-est-1 {
    width: 270px;
    margin-left: auto;
    padding-left: 0px;
  }

  .text-block-13s {
    padding-left: 0px;
    line-height: 22px;
  }

  .column-92-ms {
    overflow: visible;
    height: auto;
    max-height: none;
    padding-top: 12px;
    padding-bottom: 11px;
  }

  .text-tt {
    display: inline;
    padding-left: 0px;
    line-height: 20px;
  }

  .heading-18-btn {
    margin-right: 0px;
    font-size: 16px;
    line-height: 20px;
  }

  .heading-18-btn.pink {
    color: #fb416b;
  }

  .form-block-wc {
    width: auto;
  }

  .column-92tt {
    overflow: visible;
    height: auto;
    max-height: none;
  }

  .text-field-4-wd {
    width: 90px;
    margin-right: 10px;
  }

  .btn-ect-back {
    width: 220px;
  }

  .btn-ect-next {
    width: 220px;
    margin-right: 0px;
    margin-left: auto;
  }

  .btn-ect-stat {
    width: 220px;
  }

  .title-ect-btn {
    margin-right: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .title-ect-btn.pink {
    color: #fb416b;
  }

  .btn-ect-back-s {
    width: 220px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .btn-ect-next-s {
    width: 220px;
    margin-right: 0px;
    margin-left: auto;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .div-block-58-co {
    padding-top: 0px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .btn-ect-cs-hw {
    width: 220px;
  }

  .btn-submit-ect2 {
    width: 150px;
    height: 60px;
  }

  .btn-ect2 {
    width: 170px;
    height: 60px;
    font-size: 16px;
  }

  .div-block-copyr {
    position: fixed;
    padding-left: 0px;
  }

  .columns-mystory {
    width: auto;
  }

  .radio-button-co {
    min-height: 40px;
  }

  .btn-ect-ms-next {
    height: 60px;
  }

  .combo-cs {
    width: auto;
    margin-right: 9px;
  }

  .column-105 {
    padding-bottom: 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .div-block-59 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .div-block-60 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 4px 8px 4px 9px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #bbb;
    background-color: #dff3ff;
  }

  .goto-ect-top {
    width: 70px;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    padding-right: 5px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-color: #fff;
    font-size: 13px;
    letter-spacing: 0px;
  }

  .goto-ect-top:hover {
    background-color: #ffe29b;
  }

  .goto-ect-top.w--current {
    margin-top: 0px;
  }

  .text-block-32-1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0px;
  }

  .html-embed-mb {
    display: inline-block;
    float: none;
  }

  .button-yellow-mb {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .html-embed-2 {
    display: inline-block;
    float: none;
  }

  .checkbox-field-lc {
    margin-right: 18px;
    margin-left: 4px;
  }

  .btn-ect-lc-hw {
    width: 220px;
  }

  .title-ect-btn2 {
    margin-right: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .title-ect-btn2.pink {
    color: #fb416b;
  }

  .btn-wc-chg {
    padding-right: 7px;
    padding-left: 7px;
    font-size: 14px;
    line-height: 18px;
  }

  .column-107 {
    padding-right: 6px;
    padding-left: 6px;
  }

  .section-popup {
    padding: 26px 41px 22px 42px;
  }

  .field-label-9 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 24px;
  }

  .submit-button-blue {
    width: 100px;
    margin-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .submit-button-sil {
    width: 100px;
    margin-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .form-block-4 {
    width: 90%;
  }

  .combo-wd-lvl {
    margin-right: 1px;
  }

  .combo-wd-al {
    margin-right: 2px;
  }

  .btn-ect-back-s-copy {
    width: 220px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .div-block-58-co2 {
    left: 0%;
    top: 32%;
  }

  .div-block-62 {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 4%;
  }

  .checkbox-field-6 {
    margin-right: 8px;
  }

  .column-98-1 {
    padding-left: 11px;
  }

  .columns-myect {
    width: 100%;
  }

  .div-block-63 {
    width: 95%;
    padding-right: 26px;
  }

  .columns-remind {
    width: auto;
    margin-left: 30px;
  }

  .columns-remind-tt {
    width: auto;
    margin-top: 12px;
    margin-left: 30px;
  }

  .column-94-copy {
    padding-right: 4px;
    padding-bottom: 0px;
  }

  .column-109 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .column-92-sp {
    overflow: visible;
    height: auto;
    max-height: none;
    padding-top: 14px;
    padding-bottom: 15px;
  }

  .div-block-66 {
    padding-left: 5px;
  }

  .column-92tt-sp {
    overflow: visible;
    height: auto;
    max-height: none;
  }

  .div-video {
    padding-top: 14%;
  }

  .div-block-67 {
    width: 95%;
    height: auto;
  }

  .button-x {
    top: 5%;
  }

  .block-reply {
    width: 100%;
    margin-top: 10px;
  }

  .block-reply-s {
    width: 95%;
  }

  .div-block-69 {
    width: 90%;
  }

  .form-block-5 {
    width: 95%;
    padding-right: 25px;
    padding-left: 24px;
  }

  .div-block-guide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .column-105-1 {
    margin-bottom: 15px;
    padding-top: 0px;
    padding-right: 0px;
  }

  .column-105-1.right {
    padding-top: 9px;
  }

  .column-adv {
    overflow: visible;
    height: auto;
    max-height: none;
  }

  .columns-adv-tt {
    width: auto;
  }

  .columns-adv {
    width: auto;
  }

  .text-block-adv {
    padding-left: 0px;
    line-height: 22px;
  }

  .div-block-73 {
    width: 95%;
  }

  .column-110 {
    padding-left: 7px;
  }

  .heading-29 {
    font-size: 22px;
    line-height: 35px;
  }

  .div-block-74 {
    width: 100%;
  }

  .list-master {
    padding-left: 33px;
  }

  .heading-12-class {
    width: auto;
  }

  .div-block-ect {
    width: 210px;
    max-height: none;
    min-height: 0px;
    margin-right: 22px;
    margin-bottom: 22px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .div-block-ect1 {
    width: 100%;
    padding-left: 14px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .text-block-ect {
    font-size: 17px;
  }

  .div-block-ect-mv {
    width: 100%;
  }

  .div-block-open {
    width: 100%;
  }

  .text-wd-eng {
    padding-left: 0px;
    line-height: 22px;
  }

  .radio-button-wd {
    margin-right: 10px;
  }

  .link-block-12 {
    height: 50px;
    padding-right: 4px;
    padding-left: 7px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-size: 15px;
    line-height: 20px;
  }

  .image-51 {
    margin-right: 8px;
  }

  .column-112 {
    padding-left: 0px;
  }

  .link-block-soundall {
    height: auto;
    min-height: 38px;
    padding: 7px 4px 7px 7px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    line-height: 18px;
  }

  .column-113 {
    margin-bottom: 6px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .link-block-soundall--1 {
    height: auto;
    min-height: 38px;
    margin-left: 4px;
    padding-right: 4px;
    padding-left: 7px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    line-height: 20px;
  }

  .column-co2 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .link-block-13 {
    padding-top: 7px;
  }

  .link-block-13:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(90%, #ebebeb));
    background-image: linear-gradient(180deg, #fff, #ebebeb 90%);
  }

  .link-block-13.select:hover {
    background-image: none;
    font-family: 'Open Sans', sans-serif;
  }

  .button-ms {
    height: auto;
    padding-right: 8px;
    padding-left: 8px;
    line-height: 20px;
  }

  .button-ms.green {
    height: 35px;
  }

  .column-105-3 {
    margin-bottom: 15px;
    padding-top: 0px;
    padding-right: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .column-105-3.right {
    padding-top: 9px;
  }

  .submit-button-silver-mb {
    margin-right: 0px;
    margin-left: 4px;
    padding-right: 11px;
    padding-left: 11px;
  }

  .checkbox-field-8 {
    display: inline-block;
    margin-right: 6px;
  }

  .div-block-76 {
    width: 100.01302%;
  }

  .div-block-ect-mv2 {
    width: 100%;
  }

  .text-field-4-s {
    height: 38px;
    margin-right: 6px;
  }

  .form-block-cs-h {
    width: auto;
  }

  .div-block-77 {
    margin-left: 20px;
  }

  .checkbox-field-cs-h {
    margin-right: 18px;
    margin-bottom: 0px;
    margin-left: 4px;
  }

  .form-block-dic {
    width: auto;
  }

  .combo-dic {
    width: auto;
    margin-right: 9px;
  }

  .form-dic {
    padding-right: 32px;
    padding-left: 34px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .text-field-dic-s {
    width: 35px;
    margin-right: 7px;
  }

  .columns-dic-tt {
    width: auto;
  }

  .columns-dic {
    width: auto;
  }

  .image-53 {
    margin-right: 5px;
  }

  .div-block-79 {
    width: 100%;
    margin-top: 30px;
    margin-left: 0px;
    padding-top: 21px;
    padding-right: 20px;
    padding-left: 7px;
  }

  .text-block-40-1 {
    color: #00a8ad;
  }

  .text-block-40-2 {
    color: #fc9b00;
  }

  .form-block-top {
    margin-bottom: 0px;
  }

  .select-field-3-copy {
    width: auto;
    height: 38px;
    margin-right: 8px;
  }

  .combo-ect {
    height: 35px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 1px;
    padding: 0px 4px 0px 5px;
    float: none;
    font-size: 14px;
    line-height: 20px;
  }

  .div-block-re {
    padding-right: 25px;
    padding-left: 33px;
  }

  .image-54 {
    width: 90px;
    height: 90px;
    margin-right: 39px;
  }

  .textarea-5 {
    width: 92%;
  }

  .div-block-58-re {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    padding-top: 187px;
    padding-left: 0px;
  }

  .button-re {
    height: 50px;
    padding-right: 8px;
    padding-left: 8px;
    line-height: 20px;
  }

  .button-re.green {
    height: auto;
    margin-left: 53px;
  }

  .goto-ect-top-home {
    width: 70px;
    margin: 0px 10px;
    padding-right: 5px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-color: #fff;
    color: #0088db;
    font-size: 13px;
    letter-spacing: 0px;
  }

  .goto-ect-top-home:hover {
    background-color: #ffe29b;
  }

  .goto-ect-top-home.w--current {
    margin-top: 0px;
  }

  .tt-myect-ovw {
    font-size: 15px;
    line-height: 20px;
  }

  .text_myect {
    font-size: 15px;
    line-height: 20px;
  }

  .columns-remind-tt2 {
    width: auto;
    margin-left: 30px;
  }

  .columns-remind2 {
    width: auto;
    margin-left: 30px;
  }

  .heading-30 {
    font-size: 27px;
  }

  .heading-30.blue {
    font-size: 27px;
  }

  .div-block-80 {
    width: 100%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .text-block-50 {
    font-size: 16px;
  }

  .column-116 {
    padding-top: 16px;
    padding-right: 19px;
    padding-left: 17px;
  }

  .text-block-48-1 {
    font-size: 15px;
  }

  .columns-28 {
    width: 90%;
    margin-left: 70px;
  }

  .columns-29 {
    width: 90%;
    margin-left: 70px;
  }

  .columns-29-1 {
    width: 90%;
    margin-left: 70px;
  }

  .heading-31 {
    line-height: 30px;
  }

  .div-block-83 {
    margin-top: 0px;
  }

  .div-block-60-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 4px 8px 4px 9px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #bbb;
    background-color: #fff;
  }

  .text_myect2 {
    margin-top: 1px;
    margin-bottom: 7px;
    font-size: 15px;
    line-height: 22px;
  }

  .text-block-53 {
    line-height: 33px;
  }

  .div-block-87 {
    width: 95%;
  }

  .image-61 {
    width: 100%;
    margin-left: 0px;
  }

  .div-block-89 {
    padding-left: 10px;
  }

  .heading-32 {
    padding-left: 0px;
    font-size: 19px;
    line-height: 30px;
  }

  .div-block-90 {
    width: 100%;
  }

  .paragraph-23 {
    width: 100%;
  }

  .form-6 {
    width: 600px;
  }

  .div-block-91 {
    width: 95%;
  }

  .submit-button-5-1 {
    margin-right: 3px;
    margin-bottom: 0px;
    margin-left: 9px;
  }

  .submit-button-5-1.blue {
    margin-bottom: 0px;
    margin-left: 8px;
  }

  .submit-button-5-1.blgr {
    margin-bottom: 0px;
    margin-left: 10px;
  }

  .submit-button-5-1.orange {
    margin-bottom: 0px;
    margin-left: 10px;
  }

  .text-block-56 {
    font-size: 15px;
  }

  .form-block-goal {
    width: 95%;
    margin-left: 48px;
    padding-right: 19px;
    padding-left: 24px;
  }

  .div-block-93 {
    margin-left: 70px;
  }

  .tt-myect-ovw2 {
    font-size: 15px;
    line-height: 20px;
  }

  .div-block-cahrt {
    margin-left: 70px;
  }

  .div-block-cahrt2 {
    width: 95%;
  }

  .div-block-93-1 {
    width: 95%;
  }

  .form-7 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-cahrt-gg {
    width: 97%;
    height: 420px;
    margin-left: 21px;
    padding: 5px 6px;
  }

  .column-121 {
    overflow: auto;
    height: 400px;
  }

  .div-block-cahrt-gg-2col {
    width: 97%;
    height: 420px;
    margin-left: 21px;
    padding: 5px 6px;
  }

  .link-pay_class {
    width: 270px;
    margin-left: 10px;
    padding-left: 41px;
  }

  .text-block-payclass {
    margin-left: 14px;
  }

  .text-block-57 {
    padding-right: 13px;
    font-size: 10px;
  }

  .link-block-chg-mem {
    width: 210px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 13px;
    padding-left: 12px;
  }

  .div-block-94 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .div-block-94.black {
    width: 100%;
    height: 100px;
  }

  .div-block-94.yt2 {
    width: 87%;
  }

  .div-block-94._3w {
    margin-top: 0px;
  }

  .text-word-prev {
    left: 15%;
    font-size: 35px;
  }

  .text-word-prev.black {
    width: 20%;
    height: 100px;
    font-size: 62px;
  }

  .text-word-prev2 {
    left: 8%;
    font-size: 18px;
  }

  .text-word-prev2.black {
    width: 10%;
    height: 100px;
    font-size: 62px;
  }

  .columns-3-noline {
    width: 100%;
  }

  .div-block-99 {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .text-grey-home {
    width: 99%;
    text-align: justify;
  }

  .column-2-home {
    padding-top: 10px;
    padding-right: 9px;
    padding-left: 0px;
  }

  .text-grey-home2 {
    width: 99%;
    text-align: justify;
  }

  .text-home {
    width: 99%;
    text-align: justify;
  }

  .div-block-100 {
    width: 100%;
  }

  .div-block-ws-yt {
    width: auto;
    height: 350px;
    padding-top: 80px;
    padding-bottom: 82px;
  }

  .text-word-yt {
    width: 98%;
    font-size: 62px;
    letter-spacing: 0px;
  }

  .text-word-yt.blue {
    margin-bottom: 5px;
    font-size: 70px;
  }

  .text-word-prev-yt {
    left: 15%;
    width: 100%;
    min-height: 70px;
    padding-top: 20px;
    font-size: 32px;
    line-height: 56px;
  }

  .text-word-prev2-yt {
    left: 8%;
    min-height: 54px;
    margin-bottom: 8px;
    padding-top: 18px;
    padding-right: 0px;
    font-size: 18px;
  }

  .text-word-s-yt {
    font-size: 31px;
  }

  .heading-40 {
    margin-top: 0px;
  }

  .text-word-black {
    width: 98%;
    font-size: 62px;
    letter-spacing: 0px;
  }

  .text-word-black.blue {
    margin-bottom: 5px;
    font-size: 70px;
  }

  .div-block-103 {
    width: 280px;
    height: 280px;
  }

  .text-word-fix {
    margin-bottom: 0px;
    font-size: 62px;
    line-height: 80px;
    letter-spacing: 0px;
  }

  .text-word-fix.blue {
    margin-bottom: 5px;
    font-size: 70px;
  }

  .text-home-top {
    width: 99%;
    font-size: 18px;
    line-height: 33px;
    text-align: justify;
  }

  .link-block-worddown {
    height: 90px;
    padding-left: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .div-popup-sr {
    padding-top: 141px;
    padding-right: 40px;
    padding-left: 40px;
  }

  .form-block-3-sr {
    padding-right: 40px;
    padding-left: 40px;
  }

  .radio-button-sr {
    margin-right: 20px;
    margin-bottom: 15px;
  }

  .column-124-1._2._3 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .div-block-105 {
    width: 100%;
    margin-left: 11px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .link-block-16 {
    height: 45px;
    min-width: 0px;
    margin-right: 3px;
  }

  .column-125 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .image-63 {
    height: 99.34375%;
  }

  .column-126 {
    padding-top: 10px;
  }

  .link-block-16-1 {
    height: 45px;
    min-width: 0px;
    margin-right: 3px;
  }

  .paragraph-class {
    margin-left: 7px;
    line-height: 25px;
  }

  .columns-30 {
    width: 95%;
  }

  .image-64 {
    width: auto;
  }

  .heading-43 {
    width: auto;
    height: 50px;
    font-size: 15px;
    line-height: 24px;
  }

  .heading-12-youtube {
    width: 93%;
  }

  .lightbox-link {
    width: auto;
  }

  .div-block-106 {
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 12px;
    border: 2px solid #fb416b;
    background-color: transparent;
    color: #0055c3;
  }

  .heading-44 {
    font-weight: 700;
    text-align: center;
  }

  .bold-text-21 {
    text-decoration: line-through;
  }

  .text-block-worddn {
    font-size: 20px;
    line-height: 28px;
  }

  .text-word-h-yt {
    min-width: 150px;
    padding-top: 10px;
    font-size: 33px;
    line-height: 45px;
  }

  .text-word-h-yt2 {
    min-width: 130px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 0px;
    font-size: 24px;
    line-height: 36px;
  }

  .text-word-h-yt3 {
    padding-top: 19px;
    font-size: 17px;
    line-height: 30px;
  }

  .link-block-yt {
    position: static;
    width: auto;
    margin-right: 10px;
  }

  .eng-3w {
    left: 15%;
    height: 120px;
    min-width: 140px;
    font-size: 45px;
    line-height: 34px;
  }

  .eng-3w.sqr {
    height: 115px;
  }

  .eng-3w.sqr2 {
    height: 115px;
  }

  .link-block-3w {
    position: static;
    width: auto;
  }

  .div-block-sw {
    width: auto;
    height: 307px;
    min-height: 0px;
    padding-top: 50px;
    padding-bottom: 67px;
  }

  .han-3w {
    min-width: 140px;
    font-size: 30px;
  }

  .radio-wm-quiz {
    font-size: 23px;
  }

  .heading-45 {
    margin-left: 5%;
    font-size: 19px;
    line-height: 24px;
  }

  .div-block-sw-test {
    width: auto;
    height: auto;
    padding-top: 52px;
    padding-bottom: 48px;
  }

  .wm_test_guide {
    font-size: 26px;
    line-height: 45px;
  }

  .div-block-sm {
    width: 210px;
    max-height: none;
    min-height: 0px;
    margin-bottom: 22px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .text-block-sm {
    width: 230px;
    margin-left: 16px;
    font-size: 17px;
    line-height: 23px;
    text-align: left;
  }

  .div-block-sm-start {
    width: 100%;
    padding-top: 47px;
    padding-left: 14px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .link-block-wordtest {
    height: auto;
    padding-left: 20px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .image_left15 {
    margin-left: 5%;
  }

  .div-block-sm-start_q {
    left: 0px;
  }

  .div-block-sm-q {
    padding-right: 30px;
    padding-bottom: 42px;
    padding-left: 30px;
  }

  .button-sm-q {
    padding-right: 8px;
    padding-bottom: 12px;
    padding-left: 8px;
    line-height: 23px;
  }

  .link-block-myect1 {
    width: auto;
    height: auto;
    min-width: 320px;
    padding-left: 15px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .text-block-7-2 {
    font-size: 18px;
    line-height: 28px;
  }

  .heading-45-1 {
    margin-left: 5%;
    font-size: 20px;
    line-height: 24px;
  }

  .div-block-sm-start2 {
    width: 96%;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 14px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .div-block-sm2 {
    width: 152px;
    max-height: none;
    min-height: 0px;
    margin-bottom: 15px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .text-block-sm2 {
    min-width: 110px;
    font-size: 16px;
  }

  .div-block-sm-copy {
    width: 210px;
    max-height: none;
    min-height: 0px;
    margin-bottom: 22px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .div-block-sm3 {
    width: 315px;
    max-height: none;
    min-height: 0px;
    margin-bottom: 22px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .div-block-sm4 {
    width: 315px;
    max-height: none;
    min-height: 0px;
    margin-bottom: 22px;
    padding-right: 18px;
    padding-left: 17px;
  }

  .btn_sm {
    width: 90px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 15px;
  }

  .image-100-cent {
    width: 80px;
    height: 80px;
  }

  .paragraph_sm_han {
    height: 70px;
    min-width: 200px;
    margin-top: 5px;
    margin-left: 3px;
    font-size: 15px;
    line-height: 22px;
  }

  .paragraph_sm_han2 {
    height: 60px;
    min-width: 165px;
    margin-top: 5px;
    margin-left: 5px;
    font-size: 13px;
    line-height: 20px;
  }

  .paragraph_sm_han3 {
    width: 100%;
    height: auto;
    min-height: 50px;
    margin-top: 5px;
    margin-left: 0px;
    font-size: 10px;
    line-height: 16px;
  }

  .section-full {
    padding-top: 0px;
    padding-left: 0px;
  }

  .section-full.cc-cta {
    padding-right: 0px;
    padding-left: 0px;
  }

  .section-full.dark {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section-full.dark-home {
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section-full.gray {
    padding-right: 20px;
    padding-left: 20px;
  }

  .div-leftmenu-est2 {
    display: none;
    width: 140px;
  }

  .div-block-54-2 {
    padding-top: 27px;
    padding-left: 10px;
  }

  .link-block-comm {
    width: 180px;
    margin-left: 0px;
    padding-left: 4px;
  }

  .div-block-109 {
    width: 90%;
  }

  .div-block-76-flex {
    width: 100.01302%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .button-b200 {
    width: 190px;
  }

  .text-sentence {
    width: 99%;
    text-align: justify;
  }
}

@media screen and (max-width: 767px) {
  h4 {
    font-size: 21px;
    line-height: 36px;
  }

  .section {
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
  }

  .section.cc-cta {
    padding: 15px;
  }

  .section.cc-home-wrap {
    margin-right: 15px;
    margin-left: 15px;
  }

  .section.cc-store-home-wrap {
    margin-right: 15px;
    margin-left: 15px;
  }

  .section.dark {
    padding-top: 36px;
  }

  .section.dark-home {
    padding-top: 36px;
  }

  .container {
    text-align: center;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .rich-text {
    width: 90%;
    max-width: 470px;
    text-align: left;
  }

  .heading-jumbo {
    font-size: 50px;
    line-height: 64px;
  }

  .heading-jumbo-small {
    font-size: 30px;
    line-height: 52px;
  }

  .logo-link {
    padding-left: 0px;
  }

  .navigation-wrap {
    padding-left: 20px;
  }

  .navigation {
    padding: 0px;
  }

  .cta-wrap {
    padding-right: 30px;
    padding-left: 30px;
  }

  .intro-content {
    width: 80%;
  }

  .our-services-grid {
    grid-row-gap: 60px;
    grid-template-areas: "."
      "."
      "."
      "."
      "."
      ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 60px auto 60px auto 60px auto 60px auto 60px auto;
    grid-template-rows: auto auto auto auto auto auto;
  }

  .status-message.cc-no-data {
    width: 80%;
    max-width: 470px;
  }

  .contact-form-wrap {
    padding: 30px;
  }

  .text-field.cc-contact-field {
    text-align: left;
  }

  .text-field.cc-textarea {
    text-align: left;
  }

  .team-pic {
    height: 300px;
    margin-bottom: 30px;
  }

  .team-member-name {
    font-size: 16px;
    line-height: 28px;
  }

  .project-name-wrap {
    margin-bottom: 30px;
  }

  .project-name-link {
    font-size: 16px;
    line-height: 28px;
  }

  .detail-image {
    margin-bottom: 15px;
  }

  .blog-detail-header-wrap {
    width: 90%;
    max-width: 470px;
    text-align: left;
  }

  .blog-item {
    width: 90%;
    max-width: 470px;
  }

  .blog-summary-wrap {
    text-align: center;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .nav-top-social {
    padding-right: 0px;
    padding-left: 0px;
  }

  .div-leftmenu {
    display: none;
  }

  .link-2 {
    margin-top: 5px;
  }

  .heading-2 {
    font-size: 25px;
  }

  .background-video {
    height: 250px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 28, 36, 0.74)), to(rgba(16, 28, 36, 0.74))), url('../images/abcd_avi.jpg');
    background-image: linear-gradient(180deg, rgba(16, 28, 36, 0.74), rgba(16, 28, 36, 0.74)), url('../images/abcd_avi.jpg');
    background-position: 0px 0px, 0px 0px;
    background-size: auto, cover;
  }

  .background-video.shrot {
    height: 280px;
    background-position: 50% 100%;
  }

  .heading-3 {
    margin-top: 8px;
    font-size: 57px;
    line-height: 81px;
    letter-spacing: -1px;
  }

  .home-category-image-2 {
    width: auto;
    height: 160px;
  }

  .home-category-image-1 {
    width: auto;
    height: 180px;
  }

  .footer-bottom {
    margin-top: 32px;
    margin-right: 8px;
    margin-left: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-nav {
    padding-right: 12px;
    padding-left: 24px;
  }

  .footer-brand {
    padding-right: 8px;
    padding-left: 8px;
  }

  .footer {
    padding-top: 32px;
    padding-left: 9px;
  }

  .footer-link {
    margin-right: 5px;
    margin-left: 5px;
    font-size: 13px;
    line-height: 20px;
  }

  .footer-social {
    margin-top: 16px;
    padding-right: 4px;
    padding-left: 4px;
  }

  .section-footer {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .section-footer.cc-cta {
    padding: 15px;
  }

  .section-footer.cc-home-wrap {
    margin-right: 15px;
    margin-left: 15px;
  }

  .section-footer.cc-store-home-wrap {
    margin-right: 15px;
    margin-left: 15px;
  }

  .section2 {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 21px;
    padding-left: 20px;
  }

  .section2.cc-cta {
    padding: 15px;
  }

  .section2.cc-home-wrap {
    margin-right: 15px;
    margin-left: 15px;
  }

  .section2.cc-store-home-wrap {
    margin-right: 15px;
    margin-left: 15px;
  }

  .section2.class {
    padding-top: 55px;
    padding-bottom: 65px;
  }

  .section2.est {
    padding-top: 55px;
    padding-bottom: 65px;
  }

  .section2.plaza {
    padding-top: 55px;
    padding-bottom: 65px;
  }

  .section2.etc {
    padding-top: 55px;
    padding-bottom: 65px;
  }

  .section2.dic {
    padding-top: 55px;
    padding-bottom: 65px;
  }

  .slider-home {
    height: 430px;
  }

  .column {
    padding-right: 1px;
    padding-left: 7px;
  }

  .text-grey {
    font-size: 16px;
  }

  .heading-7 {
    font-size: 36px;
  }

  .column-2 {
    margin-bottom: 35px;
    padding-right: 30px;
    padding-left: 33px;
  }

  .side-image {
    width: 60%;
    margin-top: 0px;
  }

  .slider-comment {
    height: 100%;
  }

  .text-block-4 {
    padding-left: 13px;
  }

  .div-block-6 {
    min-height: auto;
  }

  .div-block-7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .heading-10 {
    line-height: 56px;
    letter-spacing: 0px;
  }

  .paragraph-3 {
    font-size: 18px;
  }

  .div-block-8 {
    min-height: 310px;
  }

  .heading-11 {
    line-height: 30px;
  }

  .text-block-5 {
    font-size: 18px;
    line-height: 24px;
  }

  .heading-12 {
    font-size: 30px;
  }

  .paragraph-4 {
    font-size: 18px;
  }

  .div-block-c1 {
    min-height: auto;
  }

  .image-4 {
    margin-right: 7px;
    margin-bottom: 19px;
    margin-left: 7px;
  }

  .link-submenu {
    font-size: 13px;
    line-height: 15px;
  }

  .columns-7 {
    margin-bottom: 16px;
  }

  .column-5 {
    padding-top: 35px;
  }

  .link-block-2 {
    width: 250px;
    margin-left: 5px;
    padding-left: 27px;
  }

  .text-block-7 {
    margin-top: 0px;
    margin-left: 9px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .link-block-3 {
    width: 250px;
    margin-left: 5px;
    padding-left: 27px;
  }

  .heading-9-1 {
    font-size: 30px;
  }

  .button-4 {
    width: 70px;
    padding-right: 7px;
    padding-left: 7px;
  }

  .paragraph-5 {
    margin-top: 24px;
    text-align: left;
  }

  .div-topmenu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .link-block-4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
  }

  .text-block-10 {
    font-size: 20px;
  }

  .paragraph-6 {
    margin-top: 24px;
    font-size: 18px;
  }

  .bbs_title {
    line-height: 20px;
  }

  .bbs_data {
    float: none;
  }

  .bbs-text {
    overflow: visible;
    line-height: 24px;
  }

  .link-4.class {
    margin-left: 6px;
  }

  .div-block-11 {
    margin-bottom: 28px;
  }

  .form {
    width: 80%;
  }

  .button-login {
    width: 180px;
  }

  .link-block-join {
    width: 95%;
    margin-right: auto;
    margin-bottom: 16px;
    margin-left: auto;
    padding-left: 7px;
  }

  .form-info {
    width: 95%;
  }

  .column-81 {
    padding-right: 0px;
  }

  .column-82 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .radio-button-label {
    font-size: 15px;
  }

  .div-block-popup {
    margin-bottom: 28px;
  }

  .form-login {
    width: 90%;
  }

  .hw-data {
    float: none;
  }

  .button-blue.right {
    width: 140px;
    font-size: 15px;
  }

  .paragraph1050 {
    width: 100%;
    font-size: 18px;
  }

  .link-block-class {
    width: 300px;
    margin-left: 5px;
    padding-left: 27px;
  }

  .image-31 {
    margin-bottom: 20px;
  }

  .heading-15 {
    margin-bottom: 21px;
  }

  .form-join {
    width: 80%;
  }

  .form-popup {
    width: 80%;
  }

  .form-block-est {
    width: 95%;
  }

  .column-83 {
    margin-bottom: 17px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .text-block-13 {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 14px;
  }

  .column-86 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .text-word {
    min-width: 110px;
    margin-bottom: 0px;
    font-size: 45px;
    line-height: 50px;
  }

  .text-word.blue {
    margin-bottom: 0px;
    font-size: 45px;
    line-height: 50px;
  }

  .text-word.green {
    font-size: 65px;
  }

  .text-word.left {
    margin-bottom: 21px;
    margin-left: 5px;
  }

  .div-block-15 {
    height: 260px;
    padding-top: 67px;
    padding-bottom: 52px;
  }

  .div-block-15.bg {
    height: 260px;
    padding-top: 60px;
  }

  .div-block-15.wh {
    height: 260px;
    padding-top: 60px;
  }

  .text-word-s {
    margin-top: 6px;
    padding-top: 6px;
    padding-bottom: 8px;
    font-size: 23px;
    line-height: 26px;
  }

  .img-oth-login {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .columns-13 {
    width: 240px;
    margin-right: auto;
    margin-left: auto;
  }

  .qa-block {
    padding-right: 10px;
  }

  .column-71 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .qa-block1 {
    padding-right: 10px;
  }

  .submit-button-4-small.qa {
    width: 65px;
  }

  .submit-button-4-small.qa {
    width: 65px;
  }

  .submit-button-4-small.qa {
    width: 65px;
  }

  .qa-block2 {
    padding-right: 10px;
  }

  .qa-block3 {
    padding-right: 10px;
  }

  .form-block-homew {
    padding-right: 20px;
    padding-left: 22px;
  }

  .column-29 {
    padding-left: 0px;
  }

  .form-info-copy {
    width: 95%;
  }

  .div-block-course-w {
    width: 80%;
  }

  .link-block-est {
    width: 300px;
    margin-left: 5px;
    padding-left: 27px;
  }

  .columns-3 {
    padding-bottom: 22px;
  }

  .btn-red-right {
    margin-top: 0px;
    margin-right: 10px;
  }

  .column-42 {
    margin-bottom: 15px;
    padding-left: 20px;
  }

  .mypage-photo {
    margin-left: auto;
  }

  .link-block-y-myabt {
    width: 220px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 7px;
    padding-left: 23px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .columns-15 {
    width: auto;
  }

  .link-block-green {
    width: 250px;
    margin-right: 5px;
    margin-left: auto;
    padding-left: 0px;
  }

  .link-block-green.myabt {
    width: 180px;
    padding-right: 12px;
    padding-left: 13px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 16px;
  }

  .link-block-green.repay {
    width: auto;
    padding-right: 12px;
    padding-left: 13px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .image-36 {
    margin-bottom: 10px;
  }

  .text-field-2 {
    width: 200px;
  }

  .row-button {
    width: 100%;
  }

  .form-chkpass {
    width: 100%;
    padding-right: 50px;
    padding-left: 50px;
  }

  .radio-button-field-8 {
    margin-bottom: 10px;
  }

  .form-quiz {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
  }

  .columns-16 {
    margin-bottom: 0px;
  }

  .div-block-39 {
    width: 100%;
    height: auto;
  }

  .text-quiz-ok {
    width: 85%;
  }

  .text-quiz-ng {
    width: 85%;
  }

  .div-block-39-quiz {
    width: 100%;
    height: auto;
    max-width: 530px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .form-block-biz {
    padding-right: 39px;
    padding-left: 36px;
  }

  .link-block-10 {
    height: auto;
  }

  .heading-18 {
    margin-right: 4px;
    font-size: 14px;
  }

  .link-block-btn-est {
    width: 120px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .form-block {
    width: auto;
  }

  .select-field {
    width: 165px;
    margin-right: 16px;
    font-size: 14px;
  }

  .radio-button-field-9 {
    margin-right: 8px;
    font-size: 15px;
  }

  .heading-19 {
    margin-right: 29px;
    font-size: 24px;
  }

  .form-block-survey {
    padding-right: 20px;
    padding-left: 22px;
  }

  .heading-6-1 {
    line-height: 55px;
  }

  .button-3-1 {
    width: 350px;
    font-size: 35px;
  }

  .heading-6-2 {
    font-size: 34px;
    line-height: 40px;
  }

  .link-block-openclass {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .text-block-7-1 {
    margin-top: 0px;
    margin-left: 13px;
    font-size: 20px;
    line-height: 24px;
  }

  .columns-openclass {
    margin-bottom: 16px;
  }

  .column-87 {
    padding-left: 23px;
  }

  .link-block-2-blue {
    width: 250px;
    margin-left: 5px;
    padding-left: 27px;
  }

  .link-block-green-open {
    width: 250px;
    margin-left: 5px;
    padding-left: 27px;
  }

  .text-test-q {
    padding-left: 14px;
  }

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

  .div-block-47 {
    margin-top: 14px;
  }

  .column-91 {
    margin-bottom: 11px;
  }

  .column-92 {
    padding: 5px 5px 6px;
  }

  .column-94 {
    margin-bottom: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .text-block-13-1 {
    padding-left: 0px;
  }

  .text-block-13-2 {
    padding-left: 11px;
  }

  .text-block-29-1 {
    margin-bottom: 10px;
  }

  .div-block-51 {
    position: static;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: auto;
  }

  .div-block-52 {
    position: static;
    left: 0%;
    top: 10px;
    right: 0%;
    bottom: auto;
    z-index: auto;
    padding: 5px 14px 5px 6px;
  }

  .heading-22 {
    font-size: 26px;
    line-height: 35px;
  }

  .div-leftmenu-est {
    top: 0px;
    display: none;
    width: 130px;
    padding-right: 12px;
    padding-left: 12px;
  }

  .mem-photo {
    margin-left: auto;
  }

  .div-block-54 {
    padding-top: 15px;
    padding-left: 0px;
  }

  .heading-22-1 {
    font-size: 18px;
    line-height: 30px;
  }

  .columns-21 {
    width: auto;
    margin-bottom: 21px;
  }

  .select-field-3 {
    width: auto;
    margin-bottom: 8px;
  }

  .text-field-4 {
    margin-bottom: 8px;
  }

  .submit-button-5.blgr {
    margin-left: 8px;
  }

  .submit-button-5.orange {
    margin-left: 7px;
  }

  .form-3 {
    padding-left: 5px;
  }

  .div-block-56 {
    width: 200px;
    margin-bottom: 20px;
  }

  .checkbox-field-5 {
    margin-left: 0px;
  }

  .column-96 {
    padding-left: 10px;
  }

  .link-6 {
    font-size: 15px;
    line-height: 24px;
  }

  .columns-ms {
    border-bottom-style: solid;
  }

  .column-ms {
    display: block;
    height: 42px;
    border-bottom: 1px solid #ccc;
    border-right-style: solid;
  }

  .column-ms2 {
    display: block;
    height: 42px;
    padding-top: 6px;
    padding-right: 5px;
    padding-bottom: 7px;
    border-right-style: solid;
  }

  .word-co {
    margin-bottom: 26px;
  }

  .btn-submit-ect {
    width: 120px;
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 16px;
  }

  .text-ect1 {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 15px;
    line-height: 19px;
  }

  .text-ect {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 14px;
    line-height: 18px;
  }

  .radio-button-ect {
    font-size: 14px;
  }

  .text-ect-timer {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 25px;
  }

  .column-co {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #ccc;
  }

  .div-block-o {
    margin-top: 22px;
    padding-left: 20px;
  }

  .text-ect3 {
    margin-left: 21px;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 16px;
  }

  .div-block-x {
    padding-left: 22px;
  }

  .checkbox-co {
    margin-right: 37px;
    margin-left: 0px;
    font-size: 14px;
  }

  .column-ect-move {
    padding-right: 3px;
  }

  .link-block-btn-start {
    width: 120px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .form-block-3 {
    padding-right: 19px;
    padding-left: 19px;
  }

  .link-block-btn-est-kr {
    width: 120px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .button-5 {
    width: 170px;
    height: 55px;
    margin: 5px 0px 0px 6px;
    padding-right: 5px;
    padding-left: 5px;
    line-height: 22px;
  }

  .button-5.on {
    margin-top: 5px;
  }

  .button-5.green {
    margin-right: auto;
    margin-left: auto;
  }

  .heading-18s {
    margin-right: 4px;
    font-size: 14px;
  }

  .checkbox-field-cs {
    margin-right: 6px;
    margin-left: 0px;
  }

  .div-block-57 {
    padding-right: 39px;
    padding-left: 41px;
  }

  .textarea-4 {
    font-size: 16px;
    line-height: 24px;
  }

  .form-3-copy {
    padding-left: 5px;
  }

  .columns-sp-tt2 {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .columns-sp2 {
    min-height: 33px;
    padding-top: 5px;
    padding-bottom: 2px;
  }

  .column-sp {
    padding-left: 2px;
  }

  .div-block-58 {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 100%;
  }

  .column-98 {
    padding-bottom: 16px;
  }

  .column-99 {
    height: 44px;
  }

  .column-100 {
    padding-left: 0px;
  }

  .form-4 {
    padding-right: 9px;
    padding-left: 8px;
  }

  .column-92-1 {
    padding: 20px 6px;
  }

  .link-block-btn-est-mb {
    width: 140px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .column-92-wc {
    padding: 15px 5px 19px;
  }

  .link-block-btn-est-cs {
    width: 140px;
    height: 60px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .link-block-btn-est-cs.center {
    width: 255px;
  }

  .link-block-est-1 {
    width: 300px;
    margin-left: auto;
    padding-left: 0px;
  }

  .column-103 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .text-block-13s {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 13px;
  }

  .column-92-ms {
    padding: 8px 5px 31px;
  }

  .text-tt {
    display: inline;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 15px;
    line-height: 18px;
  }

  .heading-18-btn {
    margin-right: 4px;
    font-size: 14px;
  }

  .column-ms3 {
    display: block;
    height: 42px;
    padding-right: 5px;
    border-bottom: 1px none #ccc;
  }

  .form-block-wc {
    width: auto;
  }

  .column-92tt {
    padding: 10px 5px 13px;
  }

  .textarea-ms {
    font-size: 16px;
    line-height: 24px;
  }

  .textarea-ms-hint {
    font-size: 16px;
    line-height: 24px;
  }

  .column-104 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 5px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .text-field-4-wd {
    width: 100px;
  }

  .btn-ect-back {
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .btn-ect-next {
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .btn-ect-stat {
    width: 175px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .title-ect-btn {
    margin-right: 22px;
    font-size: 15px;
  }

  .image-46 {
    margin-left: 4px;
  }

  .btn-ect-back-s {
    width: 175px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .btn-ect-next-s {
    width: 175px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-58-co {
    padding-top: 0px;
  }

  .btn-ect-cs-hw {
    width: 175px;
    margin-top: 18px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .btn-submit-ect2 {
    width: 120px;
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 16px;
  }

  .btn-ect2 {
    width: 160px;
    height: 55px;
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 20px;
  }

  .text-block-34 {
    font-size: 11px;
  }

  .radio-button-co {
    min-height: 40px;
    margin-right: 5px;
    font-size: 14px;
  }

  .radio-button-label-co {
    display: block;
    margin-bottom: 0px;
  }

  .btn-ect-ms-next {
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 18px;
  }

  .paragraph-17 {
    font-size: 15px;
  }

  .combo-cs {
    width: auto;
  }

  .combo-cs.blue {
    margin-bottom: 10px;
  }

  .column-105 {
    margin-bottom: 0px;
    padding-top: 10px;
    padding-right: 1px;
    padding-left: 1px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .div-block-59 {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .button-yellow {
    margin-top: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .goto-ect-top {
    margin-right: 7px;
  }

  .goto-ect-top.w--current {
    margin-top: 0px;
  }

  .button-yellow-mb {
    margin-top: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .checkbox-field-lc {
    margin-right: 6px;
    margin-left: 0px;
  }

  .btn-ect-lc-hw {
    width: 175px;
    margin-top: 0px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .title-ect-btn2 {
    margin-right: 22px;
    font-size: 14px;
  }

  .form-5 {
    display: block;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .column-107 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .combo-wd-lvl {
    margin-right: 0px;
  }

  .btn-ect-back-s-copy {
    width: 175px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .image-49 {
    top: 30%;
  }

  .div-block-58-co2 {
    top: 34%;
  }

  .column-98-1 {
    padding-bottom: 16px;
  }

  .column-myect {
    margin-bottom: 15px;
    padding-left: 10px;
  }

  .div-block-63 {
    width: 95%;
    padding-right: 20px;
    padding-bottom: 20px;
  }

  .list-item-myect {
    font-size: 15px;
    line-height: 22px;
  }

  .list-3 {
    margin-left: 31px;
  }

  .paragraph-18 {
    margin-left: 10px;
    font-size: 15px;
    line-height: 22px;
  }

  .columns-remind {
    margin-left: 10px;
  }

  .columns-remind-tt {
    margin-left: 10px;
  }

  .column-94-copy {
    margin-bottom: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .heading-26 {
    font-size: 16px;
  }

  .column-109 {
    padding-left: 11px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .heading-26-1 {
    margin-left: 0px;
    font-size: 16px;
  }

  .column-92-sp {
    padding: 14px 5px;
  }

  .div-block-66 {
    padding-left: 5px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  .column-92tt-sp {
    padding: 43px 5px 45px;
  }

  .div-video {
    padding-top: 11%;
  }

  .button-x {
    top: 1%;
    font-size: 14px;
  }

  .reply-thum {
    top: 10px;
  }

  .block-reply {
    margin-top: 5px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
  }

  .block-reply-s {
    width: 95%;
    padding-right: 10px;
  }

  .div-block-68 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-69 {
    padding: 42px 44px 60px 45px;
  }

  .form-block-5 {
    padding-right: 20px;
  }

  .heading-27 {
    font-size: 22px;
  }

  .div-block-guide {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .div-block-72 {
    width: 100%;
  }

  .column-105-1 {
    margin-bottom: 11px;
    padding: 0px 1px;
  }

  .column-105-1.right {
    padding-top: 0px;
    padding-left: 15px;
  }

  .text-block-37 {
    margin-left: 10px;
  }

  .column-adv {
    padding: 14px 5px;
  }

  .text-block-adv {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 14px;
  }

  .div-block-73 {
    width: 95%;
  }

  .heading-29 {
    font-size: 20px;
    line-height: 30px;
  }

  .list-master {
    padding-left: 27px;
  }

  .heading-12-class {
    font-size: 30px;
  }

  .div-block-ect {
    min-height: auto;
  }

  .div-block-ect1 {
    padding-left: 29px;
  }

  .text-block-ect {
    font-size: 17px;
  }

  .heading-ect-mv {
    font-size: 21px;
  }

  .paragraph-20 {
    font-size: 15px;
    line-height: 24px;
  }

  .openclass-thum {
    margin-bottom: 25px;
  }

  .text-wd-eng {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 15px;
  }

  .text-guide {
    margin-top: 9px;
    margin-bottom: 6px;
    font-size: 15px;
    text-align: left;
  }

  .checkbox-field-7 {
    font-size: 15px;
  }

  .link-block-12 {
    width: 170px;
    height: 55px;
    margin-top: 5px;
    padding-right: 3px;
    padding-left: 3px;
    font-size: 15px;
  }

  .column-112 {
    padding-left: 10px;
  }

  .link-block-soundall {
    width: 125px;
    height: 38px;
    margin-top: 0px;
    padding-right: 3px;
    padding-left: 3px;
    font-size: 15px;
  }

  .column-113 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .link-block-soundall--1 {
    width: 128px;
    height: 38px;
    margin-top: 0px;
    padding-right: 3px;
    padding-left: 3px;
    font-size: 15px;
  }

  .column-co2 {
    height: 70px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 1px none #ccc;
  }

  .link-block-13 {
    height: 70px;
    padding-top: 10px;
    font-size: 14px;
    line-height: 22px;
  }

  .text-block-38 {
    font-size: 15px;
  }

  .button-ms {
    width: 170px;
    height: auto;
    margin: 5px 0px 0px 6px;
    padding-right: 5px;
    padding-left: 5px;
    line-height: 22px;
  }

  .button-ms.on {
    margin-top: 5px;
  }

  .button-ms.green {
    margin-right: 0px;
    margin-left: auto;
  }

  .column-105-3 {
    margin-bottom: 6px;
    padding: 0px 1px 8px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .column-105-3.right {
    padding-top: 0px;
    padding-left: 15px;
  }

  .cap-ect.right {
    width: 100%;
  }

  .div-block-ect-mv2 {
    padding: 20px 14px 20px 15px;
  }

  .text-field-4-s {
    width: 140px;
    margin-bottom: 8px;
  }

  .text-block-39 {
    line-height: 40px;
  }

  .form-block-cs-h {
    width: auto;
  }

  .div-block-77 {
    margin-right: 0px;
    margin-left: 5px;
  }

  .checkbox-field-cs-h {
    margin-right: 0px;
    margin-left: 3px;
  }

  .form-block-dic {
    width: auto;
  }

  .field-label-dic {
    width: 74px;
    font-size: 14px;
    line-height: 22px;
  }

  .text-field-dic {
    width: 275px;
    height: auto;
    margin-right: 10px;
    margin-left: 0px;
  }

  .combo-dic {
    width: auto;
    height: auto;
    margin-right: 8px;
    padding-right: 6px;
    padding-bottom: 5px;
    padding-left: 8px;
    font-size: 14px;
  }

  .form-dic {
    padding-right: 0px;
    padding-left: 0px;
  }

  .text-field-dic-s {
    width: 30px;
    height: auto;
    margin-right: 5.5px;
    padding: 3px;
  }

  .text-field-dic2 {
    width: 350px;
    height: auto;
    margin-left: 0px;
  }

  .columns-dic {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .div-block-79 {
    padding-right: 20px;
    padding-left: 4px;
  }

  .column-115 {
    padding-right: 3px;
    padding-left: 3px;
  }

  .select-field-3-copy {
    width: auto;
    margin-bottom: 8px;
  }

  .combo-ect {
    line-height: 18px;
  }

  .div-block-re {
    padding: 20px 18px 23px 10px;
  }

  .image-54 {
    width: 72px;
    height: 72px;
    margin-right: 20px;
    margin-left: 11px;
  }

  .textarea-5 {
    width: 100%;
  }

  .div-block-58-re {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    padding-top: 195px;
  }

  .re-score {
    font-size: 65px;
  }

  .msg-re {
    font-size: 22px;
  }

  .button-re {
    width: 170px;
    height: 55px;
    margin: 5px 0px 0px 6px;
    padding-right: 5px;
    padding-left: 5px;
    line-height: 22px;
  }

  .button-re.on {
    margin-top: 5px;
  }

  .button-re.green {
    height: auto;
    margin-right: 0px;
    margin-left: 18px;
  }

  .text-block-43 {
    padding-left: 23px;
    font-size: 15px;
  }

  .text-block-44 {
    font-size: 15px;
    line-height: 24px;
  }

  .goto-ect-top-home {
    margin-left: 7px;
  }

  .goto-ect-top-home.w--current {
    margin-top: 0px;
  }

  .row-myect {
    margin-left: 10px;
  }

  .image-55 {
    height: 20px;
  }

  .text-block-48 {
    font-size: 14px;
    line-height: 22px;
  }

  .columns-remind-tt2 {
    margin-left: 20px;
  }

  .columns-remind2 {
    margin-left: 20px;
  }

  .myect-tt-ect {
    width: 140px;
    margin-top: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
  }

  .text-block-49 {
    margin-left: 10px;
    font-size: 15px;
  }

  .heading-30 {
    font-size: 24px;
  }

  .heading-30.blue {
    font-size: 24px;
  }

  .div-block-80 {
    width: 100%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .text-block-50 {
    font-size: 15px;
  }

  .column-116 {
    padding: 10px 10px 8px 11px;
  }

  .row-myect2 {
    margin-left: 0px;
  }

  .div-block-81 {
    padding: 19px 11px 18px 10px;
  }

  .text-block-48-1 {
    font-size: 14px;
    line-height: 22px;
  }

  .columns-28 {
    width: 100%;
    margin-left: 10px;
  }

  .bar1 {
    width: 8px;
  }

  .columns-29 {
    width: 100%;
    margin-left: 10px;
  }

  .text-block-51 {
    font-size: 15px;
  }

  .column-118 {
    padding-left: 4px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .columns-29-1 {
    width: 100%;
    margin-left: 10px;
  }

  .text-block-51s {
    font-size: 14px;
  }

  .heading-31 {
    font-size: 22px;
    line-height: 30px;
  }

  .div-block-82 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
  }

  .div-block-60-1 {
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #fff;
  }

  .text-chart1 {
    font-size: 13px;
  }

  .bar_t1 {
    width: 8px;
  }

  .text_myect2 {
    line-height: 20px;
  }

  .bar2 {
    width: 20px;
  }

  .div-block-85 {
    margin-bottom: 11px;
  }

  .column-119 {
    padding-top: 0px;
  }

  .text-block-52 {
    font-size: 16px;
  }

  .text-block-53 {
    line-height: 32px;
  }

  .div-block-87 {
    padding-right: 27px;
    padding-left: 27px;
  }

  .div-block-89 {
    padding-top: 9px;
  }

  .div-block-90 {
    padding-right: 15px;
    padding-left: 17px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .paragraph-23 {
    padding-right: 17px;
    padding-left: 17px;
  }

  .heading-story {
    margin-right: 15px;
    font-size: 18px;
    line-height: 25px;
  }

  .form-6 {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .field-label-10 {
    margin-bottom: 8px;
  }

  .heading-34 {
    font-size: 18px;
    line-height: 30px;
  }

  .div-block-91 {
    padding-right: 19px;
    padding-left: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .submit-button-5-1.blgr {
    margin-left: 8px;
  }

  .submit-button-5-1.orange {
    margin-left: 7px;
  }

  .text-block-56 {
    width: 65px;
    margin-bottom: 6px;
    padding-bottom: 3px;
  }

  .text-block-56.green {
    width: 45px;
  }

  .form-block-goal {
    margin-left: 20px;
    padding-right: 20px;
  }

  .column-120 {
    height: 80px;
    padding-left: 0px;
  }

  .div-block-93 {
    width: 100%;
    margin-left: 10px;
  }

  .div-block-cahrt {
    width: 100%;
    margin-left: 10px;
  }

  .div-block-cahrt2 {
    width: 100%;
  }

  .div-block-93-1 {
    width: 100%;
  }

  .radio-button-myect {
    font-size: 15px;
  }

  .div-block-cahrt-gg {
    width: 100%;
    height: 380px;
    margin-left: 10px;
  }

  .column-121 {
    height: 360px;
  }

  .div-block-cahrt-gg-2col {
    width: 100%;
    height: 750px;
    margin-left: 10px;
  }

  .link-block-14 {
    width: 170px;
  }

  .link-pay_class {
    width: 260px;
    margin-left: 5px;
    padding-left: 27px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .text-block-payclass {
    margin-top: 0px;
    margin-left: 0px;
    padding-right: 15px;
    font-size: 16px;
    line-height: 20px;
  }

  .link-block-chg-mem {
    width: 150px;
    margin-right: 0px;
    margin-left: 5px;
    padding: 10px 5px 10px 10px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-size: 15px;
    line-height: 25px;
  }

  .text-block-58 {
    padding-left: 7px;
  }

  .div-block-94.black {
    height: 85px;
  }

  .text-word-prev {
    left: 13%;
    margin-right: 11px;
    margin-left: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 23px;
    line-height: 30px;
  }

  .text-word-prev.black {
    width: 15%;
    height: 80px;
    font-size: 48px;
    line-height: 65px;
  }

  .text-word-prev2 {
    margin-bottom: 0px;
    padding-top: 4px;
    padding-bottom: 0px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-word-prev2.black {
    width: 10%;
    height: 80px;
    font-size: 48px;
    line-height: 65px;
  }

  .paragraph-line {
    padding-right: 18px;
    font-size: 15px;
    line-height: 23px;
  }

  .column-122 {
    padding-left: 10px;
  }

  .div-block-96 {
    padding-left: 10px;
  }

  .columns-3-noline {
    padding-bottom: 22px;
  }

  .div-block-98.out {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .div-block-line {
    padding-bottom: 4px;
  }

  .text-grey-home {
    font-size: 18px;
  }

  .column-2-home {
    margin-bottom: 35px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .text-grey-home2 {
    font-size: 18px;
  }

  .text-home {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 17px;
    line-height: 30px;
  }

  .div-block-ws-yt {
    height: 260px;
    padding-top: 67px;
    padding-bottom: 52px;
  }

  .text-word-yt {
    font-size: 48px;
    line-height: 60px;
  }

  .text-word-yt.blue {
    margin-bottom: 0px;
    font-size: 45px;
    line-height: 50px;
  }

  .text-word-prev-yt {
    left: 13%;
    min-height: 40px;
    margin-top: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 24px;
    line-height: 45px;
  }

  .text-word-prev2-yt {
    min-height: 30px;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 11px;
    padding-bottom: 0px;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
  }

  .text-word-s-yt {
    margin-top: 6px;
    padding-top: 6px;
    padding-bottom: 8px;
    font-size: 23px;
    line-height: 26px;
  }

  .heading-19-yt {
    margin-right: 29px;
  }

  .text-word-black {
    font-size: 48px;
    line-height: 60px;
  }

  .text-word-black.blue {
    margin-bottom: 0px;
    font-size: 45px;
    line-height: 50px;
  }

  .div-block-103 {
    width: 200px;
    height: 200px;
  }

  .text-word-fix {
    margin-bottom: 0px;
    padding-bottom: 10px;
    font-size: 48px;
    line-height: 70px;
  }

  .text-word-fix.blue {
    margin-bottom: 0px;
    font-size: 45px;
    line-height: 50px;
  }

  .text-home-top {
    font-size: 18px;
    line-height: 35px;
  }

  .heading-41 {
    font-size: 50px;
    line-height: 70px;
  }

  .link-block-worddown {
    width: 400px;
    height: 90px;
    margin-left: 1px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .div-popup-sr {
    padding-right: 13px;
    padding-left: 10px;
  }

  .form-block-3-sr {
    padding-right: 19px;
    padding-left: 19px;
  }

  .radio-button-sr {
    margin-right: 8px;
    font-size: 15px;
  }

  .radio-button-label-sr {
    font-size: 15px;
  }

  .div-block-line2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .column-124 {
    font-size: 14px;
  }

  .column-124._2 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .column-124._3 {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 14px;
  }

  .column-myect-map {
    margin-left: 15px;
  }

  .column-124-1._2._3 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .text-block-60 {
    font-size: 13px;
  }

  .div-block-105 {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }

  .link-block-16 {
    width: 35px;
    height: 35px;
  }

  .heading-42 {
    font-size: 15px;
    line-height: 20px;
  }

  .link-block-16-1 {
    width: 35px;
    height: 35px;
  }

  .columns-30 {
    width: 80%;
  }

  .image-64 {
    width: auto;
    margin-bottom: 5px;
  }

  .heading-43 {
    margin-bottom: 20px;
  }

  .heading-12-youtube {
    font-size: 30px;
  }

  .form-mem-out {
    width: 100%;
    padding-right: 50px;
    padding-left: 50px;
  }

  .text-block-worddn {
    margin-top: 0px;
    margin-left: 13px;
    font-size: 20px;
    line-height: 24px;
  }

  .text-word-h-yt {
    min-width: 110px;
    margin-top: 3px;
    padding-top: 6px;
    padding-bottom: 8px;
    font-size: 23px;
    line-height: 26px;
  }

  .text-word-h-yt2 {
    min-width: 100px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-top: 6px;
    padding-bottom: 8px;
    font-size: 18px;
    line-height: 26px;
  }

  .text-word-h-yt3 {
    margin-top: 6px;
    padding-top: 6px;
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 26px;
  }

  .link-block-yt {
    height: auto;
  }

  .eng-3w {
    left: 13%;
    height: 88px;
    min-width: 100px;
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 30px;
    line-height: 79px;
  }

  .eng-3w.sqr {
    height: 82px;
    padding-top: 1px;
  }

  .eng-3w.sqr2 {
    height: 82px;
    padding-top: 1px;
  }

  .link-block-3w {
    height: auto;
    margin-right: 5px;
    margin-left: 5px;
  }

  .div-block-sw {
    height: 233px;
    min-height: 0px;
    padding-top: 50px;
    padding-bottom: 45px;
  }

  .han-3w {
    min-width: 100px;
    margin-top: 6px;
    padding-top: 6px;
    padding-bottom: 8px;
    font-size: 22px;
    line-height: 26px;
  }

  .radio-wm-quiz {
    margin-bottom: 7px;
    font-size: 20px;
    line-height: 30px;
  }

  .heading-45 {
    margin-bottom: 0px;
    margin-left: 5px;
    font-size: 17px;
    line-height: 24px;
  }

  .div-block-sw-test {
    padding-top: 36px;
    padding-bottom: 30px;
  }

  .wm_test_guide {
    font-size: 22px;
    line-height: 36px;
  }

  .div-block-sm {
    min-height: auto;
  }

  .text-block-sm {
    width: auto;
    margin-top: 3px;
    margin-left: 20px;
    font-size: 17px;
  }

  .div-block-sm-start {
    width: 93%;
    padding-right: 15px;
    padding-left: 20px;
  }

  .link-block-wordtest {
    width: 330px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .image_left15 {
    margin-left: 5px;
  }

  .div-block-sm-start_q {
    padding-right: 24px;
    padding-left: 24px;
  }

  .button-sm-q {
    width: 130px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 13px 5px 15px;
    font-size: 16px;
    line-height: 22px;
  }

  .button-sm-q.on {
    margin-top: 5px;
  }

  .link-block-myect1 {
    width: 245px;
    height: auto;
    min-width: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .text-block-7-2 {
    margin-top: 0px;
    margin-left: 13px;
    font-size: 16px;
    line-height: 24px;
  }

  .heading-45-1 {
    margin-bottom: 0px;
    margin-left: 5px;
    font-size: 18px;
    line-height: 24px;
  }

  .div-block-sm-start2 {
    width: 95%;
    padding-right: 15px;
    padding-left: 20px;
  }

  .div-block-sm2 {
    width: 180px;
    min-height: auto;
  }

  .text-block-sm2 {
    margin-left: 8px;
  }

  .div-block-sm-copy {
    min-height: auto;
  }

  .div-block-sm3 {
    width: 80%;
    min-height: auto;
  }

  .div-block-sm4 {
    width: 80%;
    height: 121px;
    min-height: auto;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .btn_sm {
    width: 95px;
  }

  .heading-round {
    min-width: 80px;
    margin-top: 1px;
    margin-right: 10px;
    margin-bottom: 6px;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 18px;
  }

  .image-100-cent {
    width: 70px;
    height: 70px;
  }

  .paragraph_sm_han {
    width: 100%;
    height: auto;
    min-height: 56px;
    min-width: 0px;
    margin-left: 9px;
    font-size: 12px;
    line-height: 19px;
  }

  .paragraph_sm_han2 {
    height: auto;
    min-height: 48px;
    min-width: 0px;
    margin-left: 5px;
    font-size: 11px;
    line-height: 16px;
  }

  .paragraph_sm_han3 {
    width: 100%;
    height: auto;
    min-height: 41px;
    margin-left: 0px;
    font-size: 9px;
    line-height: 13px;
  }

  .section-full {
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
  }

  .section-full.cc-cta {
    padding: 15px;
  }

  .section-full.cc-home-wrap {
    margin-right: 15px;
    margin-left: 15px;
  }

  .section-full.cc-store-home-wrap {
    margin-right: 15px;
    margin-left: 15px;
  }

  .section-full.dark {
    padding-top: 36px;
  }

  .section-full.dark-home {
    padding-top: 36px;
  }

  .div-leftmenu-est2 {
    top: 0px;
    display: none;
    width: 130px;
    padding-right: 12px;
    padding-left: 12px;
  }

  .div-block-54-2 {
    padding-top: 15px;
    padding-left: 0px;
  }

  .link-block-comm {
    width: 150px;
    margin-bottom: 16px;
    padding-top: 5px;
    padding-left: 4px;
  }

  .div-block-myplist {
    padding-right: 30px;
    padding-left: 30px;
  }

  .div-block-myplist.out {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .div-block-109 {
    width: 95%;
  }

  .div-block-76-flex {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .button-b200 {
    width: 142px;
    padding: 8px 10px;
    font-size: 17px;
  }

  .columns50p {
    width: 100%;
  }

  .text-sentence {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 17px;
    line-height: 30px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 36px;
    line-height: 52px;
  }

  h4 {
    font-size: 20px;
    line-height: 34px;
  }

  .section.dark {
    padding-top: 30px;
  }

  .section.dark-home {
    padding-top: 30px;
  }

  .rich-text {
    width: 100%;
    max-width: none;
  }

  .heading-jumbo {
    font-size: 36px;
    line-height: 48px;
  }

  .menu {
    margin-left: 15px;
  }

  .navigation-wrap {
    padding-right: 15px;
    padding-left: 12px;
  }

  .navigation {
    padding-right: 0px;
    padding-left: 0px;
  }

  .menu-button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .menu-button.w--open {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .cta-wrap {
    padding-right: 15px;
    padding-left: 15px;
  }

  .status-message.cc-no-data {
    width: 100%;
  }

  .contact-form-grid {
    width: 100%;
  }

  .our-contacts {
    width: 90%;
  }

  .team-members {
    grid-template-areas: "."
      "."
      "."
      "."
      "."
      ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto auto auto auto;
    grid-template-rows: auto auto auto auto auto auto;
  }

  .project-details-grid {
    width: 100%;
  }

  .blog-detail-header-wrap {
    width: 100%;
    max-width: none;
  }

  .blog-item {
    width: 100%;
    max-width: none;
  }

  .nav-top {
    padding-right: 5%;
  }

  .link-2 {
    margin-top: 4px;
    font-size: 13px;
    line-height: 15px;
  }

  .heading-2 {
    margin-bottom: 18px;
    font-size: 22px;
    line-height: 30px;
  }

  .background-video {
    height: 259px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .background-video.shrot {
    height: 250px;
  }

  .heading-3 {
    font-size: 49px;
    line-height: 59px;
    letter-spacing: 1px;
  }

  .home-category-image-2 {
    position: absolute;
    top: 0px;
    right: 9px;
    bottom: auto;
    width: 80px;
    height: 100px;
    margin-top: -27px;
    margin-bottom: 12px;
  }

  .home-category-image-1 {
    position: absolute;
    left: auto;
    top: 0px;
    bottom: auto;
    width: auto;
    height: 130px;
    margin-top: -48px;
    margin-bottom: 16px;
    margin-left: -8px;
  }

  .home-category-info-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 19px;
    margin-right: 1px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: center;
  }

  .home-category-info-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 19px;
    margin-right: 10px;
    margin-left: 49px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .home-categories {
    margin-top: 21px;
  }

  .home-category-card {
    height: 150px;
    padding: 0px 4px 6px 27px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .home-category-card.red {
    margin-top: 80px;
    padding: 0px 13px 0px 16px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .button-2.small.white {
    width: 140px;
    padding-right: 14px;
    padding-left: 14px;
  }

  .heading-4 {
    line-height: 36px;
  }

  .footer-bottom {
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .footer-nav {
    padding-right: 5px;
    padding-left: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .footer-link {
    margin-right: 5px;
  }

  .footer-social {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .footer-bottom-right {
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .footer-bottom-left {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .footer-left {
    width: 100%;
    margin-bottom: 16px;
  }

  .section2 {
    padding-right: 21px;
    padding-bottom: 80px;
  }

  .section2.lblue {
    padding-top: 50px;
  }

  .section2.myabt {
    padding-bottom: 86px;
  }

  .section2.abtis {
    padding-bottom: 86px;
  }

  .slider-home {
    height: 650px;
  }

  .icon {
    margin-right: 6px;
  }

  .icon-2 {
    margin-left: 2px;
  }

  .heading-5 {
    margin-top: 16px;
    font-size: 28px;
    line-height: 30px;
  }

  .side-info {
    margin-top: 8px;
  }

  .text-grey {
    font-size: 16px;
    line-height: 27px;
  }

  .heading-7 {
    width: auto;
    padding-right: 11px;
    padding-left: 11px;
    font-size: 33px;
    line-height: 48px;
  }

  .column-2 {
    margin-bottom: 17px;
    padding-right: 13px;
    padding-left: 13px;
  }

  .side-image {
    width: 90%;
  }

  .slider-comment {
    height: 100%;
  }

  .columns-2 {
    width: 90%;
  }

  .div-block-5 {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  .paragraph-2 {
    font-size: 16px;
  }

  .icon-3 {
    margin-left: 3px;
  }

  .icon-4 {
    margin-right: 3px;
  }

  .div-block-7 {
    height: 75px;
  }

  .div-block-top {
    height: 100%;
    padding-top: 7px;
    padding-right: 2px;
    padding-left: 2px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 20px;
  }

  .image-8 {
    margin-right: 0px;
  }

  .link-2-top {
    margin-top: 5px;
    line-height: 15px;
  }

  .heading-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-size: 26px;
  }

  .heading-10 {
    font-size: 40px;
    line-height: 50px;
  }

  .div-block-8 {
    width: 100%;
    min-height: auto;
    margin-bottom: 31px;
  }

  .heading-11 {
    margin-right: 18px;
    line-height: 30px;
  }

  .heading-12 {
    font-size: 27px;
    line-height: 35px;
  }

  .text-block-6 {
    width: 100%;
  }

  .columns-4 {
    padding-right: 13px;
    padding-left: 10px;
  }

  .div-block-course {
    width: 100%;
  }

  .div-block-9 {
    padding-left: 44px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .div-block-c1 {
    width: 210px;
    min-height: auto;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .text-block-course {
    margin-left: 8px;
  }

  .column-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 3px;
  }

  .link-block-2 {
    width: 100%;
    padding-left: 42px;
  }

  .image-6 {
    display: none;
    width: 24px;
    height: 24px;
    margin-right: 5px;
  }

  .text-block-7 {
    margin-top: 5px;
    margin-left: 0px;
    padding-right: 0px;
    line-height: 22px;
    text-align: center;
  }

  .link-block-3 {
    width: 100%;
    padding-left: 42px;
  }

  .heading-9-1 {
    width: auto;
    margin-bottom: 44px;
    font-size: 28px;
  }

  .text-block-9 {
    margin-bottom: 14px;
    padding-left: 1px;
    font-size: 18px;
    line-height: 26px;
  }

  .column-6 {
    padding-left: 12px;
  }

  .icon-list {
    margin-bottom: 12px;
  }

  .paragraph-5 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .div-topmenu {
    position: static;
    top: 0px;
    height: 70px;
  }

  .link-block-4 {
    width: 80px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .image-topmenu {
    margin-right: 0px;
  }

  .paragraph-6 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .bbs_title {
    margin-bottom: 5px;
    padding-left: 0px;
    line-height: 20px;
  }

  .bbs_data {
    float: none;
  }

  .bbs_list_tt_4col-tt {
    width: 100%;
  }

  .bbs_list_tt_4col {
    width: 100%;
  }

  .bbs-text {
    margin-bottom: 3px;
    line-height: 18px;
  }

  .column-28 {
    padding-right: 2px;
  }

  .heading-4-1 {
    margin-bottom: 18px;
    font-size: 26px;
    line-height: 30px;
  }

  .div-block-11 {
    margin-bottom: 38px;
  }

  .form {
    width: 85%;
  }

  .link-block-join {
    width: 98%;
    padding-top: 6px;
    padding-right: 2px;
    padding-left: 2px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 15px;
  }

  .form-info {
    width: 100%;
  }

  .button-photo {
    margin-right: auto;
    margin-bottom: 11px;
    margin-left: auto;
  }

  .text-field-short {
    width: 140px;
    margin-right: 24px;
  }

  .radio-button-field-3 {
    margin-right: 15px;
  }

  .radio-button-label {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }

  .div-block-popup {
    margin-bottom: 38px;
  }

  .form-login {
    width: 100%;
  }

  .hw-list-tt {
    width: 95%;
  }

  .hw-list {
    width: 95%;
  }

  .hw-data {
    float: none;
  }

  .link-block-class {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .column-51 {
    padding-right: 4px;
    padding-left: 3px;
  }

  .heading-15 {
    line-height: 30px;
  }

  .text_mypage1 {
    display: inline-block;
    margin-right: 5px;
    padding-left: 0px;
  }

  .btn-blue-right {
    width: 100%;
  }

  .form-join {
    width: 85%;
  }

  .form-popup {
    width: 85%;
  }

  .form-block-est {
    width: 95%;
  }

  .column-83 {
    padding-right: 0px;
  }

  .columns-wlist {
    border-style: none;
    border-width: 1px;
    border-color: #009bfa;
  }

  .text-block-13 {
    overflow: visible;
    font-size: 13px;
    line-height: 15px;
  }

  .column-84 {
    position: relative;
    overflow: visible;
  }

  .column-85 {
    padding-left: 18px;
    border-right: 1px solid #009bfa;
    border-bottom: 1px solid #009bfa;
  }

  .column-86 {
    padding-right: 0px;
  }

  .checkbox-label-4 {
    display: block;
  }

  .text-word {
    overflow: visible;
    width: 100%;
    min-width: 75px;
    margin-bottom: 0px;
    font-size: 34px;
    line-height: 30px;
    letter-spacing: -1px;
  }

  .text-word.blue {
    width: 100%;
    padding-bottom: 8px;
    background-color: transparent;
    font-size: 42px;
    line-height: 48px;
  }

  .text-word.green {
    font-size: 40px;
    letter-spacing: 4px;
  }

  .text-word.left {
    margin-bottom: 8px;
    font-size: 35px;
  }

  .div-block-15 {
    position: relative;
    height: 220px;
    padding-top: 50px;
    padding-bottom: 27px;
  }

  .div-block-15.bg {
    height: 220px;
    padding-top: 55px;
    padding-bottom: 60px;
  }

  .div-block-15.gray {
    padding-top: 22px;
  }

  .div-block-15.wh {
    height: 220px;
    padding-top: 55px;
    padding-bottom: 60px;
  }

  .text-word-s {
    margin-top: 0px;
    margin-bottom: 3px;
    padding-top: 7px;
    padding-bottom: 6px;
    font-size: 19px;
    line-height: 20px;
    font-weight: 400;
  }

  .text-word-s.silver {
    line-height: 20px;
  }

  .img-oth-login {
    margin-bottom: 7px;
  }

  .qa-block {
    width: 100%;
    margin-right: auto;
    margin-left: 0px;
    padding: 15px 10px 15px 55px;
  }

  .qa-thum {
    left: 10px;
    top: 15px;
    width: 35px;
    height: 35px;
  }

  .photo-qa-reply {
    width: 25px;
    height: 25px;
  }

  .column-71 {
    padding-left: 10px;
  }

  .qa-block1 {
    left: 5px;
    width: auto;
    margin-left: 5px;
    padding: 15px 10px 15px 55px;
  }

  .column-72 {
    padding-left: 3px;
  }

  .submit-button-4-small.qa {
    display: inline-block;
    width: 50px;
    margin-right: 10px;
  }

  .submit-button-4-small.qa {
    display: inline-block;
    width: 50px;
    margin-right: 10px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .submit-button-4-small.qa {
    display: inline-block;
    width: 50px;
    margin-right: 10px;
  }

  .columns-reply-qa.rp {
    width: 110%;
    margin-left: -29px;
  }

  .qa-block2 {
    left: 15px;
    width: auto;
    margin-left: 10px;
    padding: 15px 10px 15px 55px;
  }

  .qa-block3 {
    left: 20px;
    width: 90%;
    margin-left: 15px;
    padding: 15px 10px 15px 55px;
  }

  .qa-block4 {
    left: 25px;
    width: 88%;
    margin-left: 20px;
    padding: 15px 10px 15px 55px;
  }

  .qa-block5 {
    left: 30px;
    width: 85%;
    margin-left: 25px;
    padding: 15px 25px 15px 55px;
  }

  .div-btn {
    width: 95%;
  }

  .div-btn.qa_cls {
    display: block;
  }

  .btn-onlie {
    display: block;
    width: 200px;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
  }

  .column-73 {
    display: block;
    padding-left: 7px;
  }

  .column-29 {
    padding-left: 0px;
  }

  .form-info-copy {
    width: 100%;
  }

  .bbs_list_class {
    width: 100%;
  }

  .btn-right {
    display: block;
    width: 200px;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
  }

  .div-block-course-w {
    width: 100%;
  }

  .link-block-9 {
    margin-bottom: 8px;
  }

  .columns-3 {
    padding-left: 0px;
  }

  .icon_mem {
    margin-left: 2px;
  }

  .text_mypage2 {
    display: inline-block;
    padding-left: 10px;
  }

  .btn-red-right {
    width: 120px;
  }

  .image-29 {
    margin-right: 5px;
  }

  .column-42 {
    display: block;
    margin-bottom: 33px;
    padding-left: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .mypage-photo {
    display: block;
    width: 150px;
    height: 150px;
    margin-right: auto;
    margin-left: auto;
  }

  .link-block-y-myabt {
    width: 140px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 5px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-size: 15px;
  }

  .link-block-y-myabt.green {
    width: 230px;
    margin-right: auto;
    margin-left: auto;
  }

  .link-block-y-myabt.right {
    width: 185px;
  }

  .link-block-y-myabt.green2 {
    width: 230px;
    margin-right: auto;
    margin-left: auto;
  }

  .link-block-green {
    width: 240px;
    margin-right: 9px;
  }

  .link-block-green.myabt {
    padding-right: 7px;
    padding-left: 7px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .link-block-green.repay {
    width: 180px;
    margin-left: 0px;
    padding-right: 5px;
    padding-left: 7px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .form-2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .bbs_view_faq {
    width: 95%;
  }

  .link-block-9-on {
    margin-bottom: 8px;
  }

  .div-block-16 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .button-orange2 {
    width: 120px;
  }

  .button-gray {
    width: 120px;
  }

  .row-button {
    width: 100%;
  }

  .form-chkpass {
    width: 100%;
    margin-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .field-label-7-1 {
    color: #3b3b3b;
  }

  .submit-button-4 {
    display: block;
    width: 120px;
  }

  .submit-button-4-gray {
    display: block;
    width: 120px;
  }

  .radio-button-field-8 {
    margin-bottom: 20px;
  }

  .form-quiz {
    width: 100%;
    margin-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .columns-16 {
    margin-bottom: 0px;
  }

  .div-block-39 {
    width: 100%;
    height: auto;
  }

  .text-quiz-ok {
    line-height: 30px;
  }

  .text-quiz-ng {
    line-height: 30px;
  }

  .div-block-39-quiz {
    width: 96%;
    height: auto;
    padding: 29px 16px 36px 22px;
  }

  .form-block-biz {
    padding-right: 13px;
    padding-left: 13px;
  }

  .link-block-10 {
    width: auto;
  }

  .heading-18 {
    margin-right: 0px;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
  }

  .heading-18.pink {
    color: #fb416b;
  }

  .link-block-btn-est {
    width: 220px;
    height: 60px;
    margin-right: auto;
    margin-bottom: 13px;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .link-block-btn-est.right {
    margin-right: auto;
  }

  .div-block-43 {
    padding-right: 6px;
    padding-left: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-est-opt {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .form-block {
    margin-bottom: 4px;
    margin-left: 0px;
  }

  .select-field {
    width: 138px;
    margin-right: 10px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    font-size: 14px;
  }

  .radio-button-field-9 {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
  }

  .heading-19 {
    margin: 3px 11px 6px 10px;
    font-size: 18px;
    line-height: 20px;
  }

  .columns-sp-tt {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .columns-sp {
    border-style: none none solid;
    border-width: 1px;
    border-color: #009bfa #009bfa #a9cfe6;
  }

  .button-3-1 {
    width: auto;
  }

  .link-block-openclass {
    width: 85%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .image-6-1 {
    width: 40px;
  }

  .text-block-7-1 {
    margin-left: 11px;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
  }

  .div-block-46 {
    display: block;
  }

  .link-block-green-open {
    width: 100%;
    padding-left: 28px;
  }

  .container-2 {
    padding-left: 19px;
  }

  .text-block-24 {
    margin-right: 0px;
    margin-left: 0px;
  }

  .div-block-47 {
    margin-top: 14px;
  }

  .column-89 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .score {
    padding-left: 0px;
  }

  .text-block-score {
    margin-right: 0px;
    margin-left: 0px;
  }

  .column-91 {
    padding-left: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .columns-20.one {
    margin-bottom: 15px;
  }

  .columns-20.one-mb {
    margin-bottom: 15px;
  }

  .columns-20.one-pc {
    margin-bottom: 15px;
  }

  .column-92 {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .column-94 {
    margin-bottom: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 14px;
    line-height: 21px;
  }

  .text-block-13-1 {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -1px;
  }

  .text-block-13-2 {
    padding-left: 11px;
    font-size: 15px;
    line-height: 18px;
  }

  .div-block-50 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .text-block-29-1 {
    margin-bottom: 20px;
  }

  .div-block-51 {
    position: static;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 10;
  }

  .div-block-52 {
    position: static;
    left: 0%;
    top: 10px;
    right: 0%;
    bottom: auto;
    z-index: 10;
    padding: 5px 5px 4px;
    background-color: #fff;
  }

  .heading-22 {
    font-size: 20px;
    line-height: 30px;
  }

  .div-leftmenu-est {
    top: 67px;
    width: 100px;
    padding-top: 23px;
  }

  .mem-photo {
    display: block;
    width: 50px;
    height: 50px;
    margin-right: auto;
    margin-left: auto;
  }

  .div-block-54 {
    padding-top: 18px;
    padding-left: 0px;
  }

  .div-block-55 {
    width: 98%;
    margin-left: auto;
    padding-right: 5px;
    padding-left: 5px;
  }

  .heading-22-1 {
    font-size: 18px;
    line-height: 26px;
    text-align: right;
    letter-spacing: 0px;
  }

  .columns-21 {
    width: 100%;
  }

  .field-label-6 {
    display: inline;
    margin-right: 2px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 18px;
  }

  .select-field-3 {
    width: 130px;
    margin-right: 11px;
    margin-bottom: 7px;
    padding-top: 3px;
    padding-bottom: 2px;
  }

  .text-field-4 {
    width: 130px;
    height: 38px;
    margin-right: 11px;
    margin-bottom: 7px;
  }

  .submit-button-5 {
    width: 55px;
    margin-top: 0px;
    margin-right: 4px;
    margin-bottom: 7px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .submit-button-5.blue {
    width: 70px;
    margin-bottom: 0px;
    margin-left: 4px;
    padding: 8px 8px 6px;
    font-size: 14px;
    line-height: 20px;
  }

  .submit-button-5.blgr {
    width: 70px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    padding: 8px 8px 6px;
    font-size: 14px;
    line-height: 20px;
  }

  .submit-button-5.orange {
    width: 70px;
    padding-right: 8px;
    padding-left: 8px;
  }

  .submit-button-5.gray {
    width: 70px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 14px;
    line-height: 20px;
  }

  .form-3 {
    margin-bottom: 7px;
  }

  .select-field-3-1 {
    margin-top: 0px;
    margin-bottom: 7px;
  }

  .submit-button-silver {
    width: 55px;
    margin-right: 0px;
    margin-bottom: 7px;
    padding-right: 12px;
    padding-left: 11px;
  }

  .div-block-56 {
    width: 92%;
  }

  .checkbox-field-5 {
    margin-left: 1px;
    font-size: 14px;
  }

  .column-95 {
    padding-right: 4px;
    padding-left: 3px;
  }

  .column-96 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .paragraph-15 {
    height: 140px;
  }

  .link-6 {
    font-size: 14px;
    line-height: 22px;
  }

  .columns-ms {
    border-bottom-style: solid;
  }

  .column-ms {
    display: block;
    padding-right: 4px;
    padding-left: 7px;
  }

  .column-ms2 {
    padding-left: 7px;
  }

  .word-co {
    width: 100%;
    height: 70px;
    margin-bottom: 17px;
    font-size: 30px;
    line-height: 30px;
  }

  .btn-submit-ect {
    width: 98%;
    height: 55px;
    margin-right: auto;
    margin-bottom: 13px;
    margin-left: auto;
    padding-right: 11px;
    padding-left: 9px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .text-ect1 {
    line-height: 20px;
  }

  .text-ect {
    margin-right: 3px;
    line-height: 18px;
  }

  .form-block-2 {
    margin-top: 23px;
  }

  .radio-button-ect {
    margin-right: 14px;
  }

  .text-ect-timer {
    font-size: 24px;
    line-height: 36px;
  }

  .columns-co {
    width: 100%;
  }

  .column-co {
    height: 80px;
    padding-top: 16px;
    padding-bottom: 15px;
  }

  .div-block-o {
    width: 100%;
    padding: 15px 11px 15px 15px;
  }

  .text-ect3 {
    margin-left: 16px;
    font-size: 15px;
    line-height: 22px;
  }

  .div-block-x {
    width: 100%;
    margin-top: 22px;
    padding: 15px 11px 15px 15px;
  }

  .checkbox-co {
    margin-right: 15px;
    margin-left: 1px;
    font-size: 14px;
  }

  .columns-wc {
    border-style: none none solid;
    border-width: 1px;
    border-color: #009bfa #009bfa #ffe096;
  }

  .columns-ect-move {
    margin-top: 14px;
  }

  .column-ect-move {
    padding-right: 3px;
    padding-left: 4px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .link-block-btn-start {
    width: 220px;
    height: 60px;
    margin-right: auto;
    margin-bottom: 13px;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .form-block-3 {
    padding-top: 24px;
    padding-right: 19px;
    padding-left: 18px;
  }

  .link-block-btn-est-kr {
    width: 220px;
    height: 60px;
    margin-right: auto;
    margin-bottom: 13px;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .link-block-btn-est-kr.right {
    margin-right: auto;
  }

  .button-5 {
    width: 140px;
    height: 52px;
    margin-right: 0px;
    margin-left: 6px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    font-size: 14px;
    line-height: 20px;
  }

  .button-5.on {
    margin-right: 0px;
    margin-left: 6px;
  }

  .button-5.green {
    height: auto;
  }

  .heading-18s {
    margin-right: 0px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
  }

  .checkbox-field-cs {
    margin-right: 18px;
    margin-left: 0px;
    padding-left: 20px;
    font-size: 14px;
  }

  .div-block-57 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 39px 23px 39px 22px;
  }

  .textarea-4 {
    margin-top: 14px;
    margin-bottom: 14px;
    padding: 13px 9px 14px;
    font-size: 15px;
    line-height: 22px;
  }

  .button-wd1 {
    margin-left: 5px;
  }

  .submit-button-silver-wd {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .button-wd-chg {
    margin-left: 7px;
  }

  .button-wd-chg.right {
    height: 38px;
    margin-top: 6px;
    margin-bottom: 4px;
    margin-left: 0px;
  }

  .columns-sp2 {
    border-style: none none solid;
    border-width: 1px;
    border-color: #009bfa;
  }

  .div-block-58 {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
  }

  .heading-24 {
    font-size: 90px;
    line-height: 75px;
  }

  .column-98 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2%;
    padding-bottom: 3%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .column-99 {
    height: 50px;
    margin-bottom: 3px;
    padding-left: 0px;
  }

  .column-100 {
    padding-top: 0px;
    padding-right: 0px;
  }

  .column-101 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0px 0px 3px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .column-92-1 {
    padding-top: 17px;
    padding-bottom: 22px;
  }

  .link-block-btn-est-mb {
    width: 98%;
    height: 55px;
    margin-right: auto;
    margin-bottom: 2px;
    margin-left: auto;
    padding: 5px 4px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .link-block-btn-est-mb.right {
    margin-right: auto;
  }

  .column-92-wc {
    padding-top: 35px;
    padding-bottom: 37px;
  }

  .link-block-btn-est-cs {
    width: 385px;
    height: 60px;
    margin-right: auto;
    margin-bottom: 13px;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .link-block-btn-est-cs.center {
    width: auto;
    margin-top: 15px;
    margin-right: 4px;
    margin-left: 4px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .link-block-btn-est-cs.right {
    margin-right: auto;
  }

  .column-102 {
    padding-right: 0px;
  }

  .text-block-13s {
    overflow: visible;
    width: auto;
    height: auto;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -1px;
  }

  .column-92-ms {
    padding-top: 18px;
    padding-bottom: 20px;
  }

  .text-tt {
    display: inline;
    margin-right: 0px;
    font-size: 14px;
    line-height: 20px;
  }

  .heading-25 {
    font-size: 20px;
    line-height: 30px;
  }

  .heading-25.green {
    line-height: 30px;
  }

  .heading-18-btn {
    margin-right: 0px;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
  }

  .heading-18-btn.pink {
    color: #fb416b;
  }

  .column-ms3 {
    display: block;
    padding-right: 4px;
    padding-left: 7px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-width: 0px;
  }

  .form-block-wc {
    margin-bottom: 4px;
    margin-left: 5px;
  }

  .column-92tt {
    padding-top: 17px;
    padding-bottom: 17px;
  }

  .textarea-ms {
    margin-top: 19px;
    margin-bottom: 20px;
    padding: 13px 9px 14px;
    font-size: 15px;
    line-height: 22px;
  }

  .textarea-ms-hint {
    margin-top: 19px;
    margin-bottom: 20px;
    padding: 10px 9px;
    font-size: 15px;
    line-height: 22px;
  }

  .column-104 {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .text-field-4-wd {
    width: 80px;
    margin-right: 7px;
    margin-bottom: 7px;
  }

  .btn-ect-back {
    width: 100%;
    height: 55px;
    margin-right: auto;
    margin-bottom: 13px;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .btn-ect-back.right {
    margin-right: auto;
  }

  .btn-ect-next {
    width: 100%;
    height: 55px;
    margin-right: auto;
    margin-bottom: 13px;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .btn-ect-next.right {
    margin-right: auto;
  }

  .btn-ect-stat {
    width: 100%;
    height: 55px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 15px;
  }

  .btn-ect-stat.right {
    margin-right: auto;
  }

  .title-ect-btn {
    margin-right: 5px;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
  }

  .title-ect-btn.pink {
    color: #fb416b;
  }

  .image-46 {
    display: none;
  }

  .btn-ect-back-s {
    width: 100px;
    height: 55px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 15px;
    background-image: url('../images/btn_bg_back_s.jpg');
    background-position: 50% 50%;
  }

  .btn-ect-back-s.right {
    margin-right: auto;
  }

  .btn-ect-next-s {
    width: 100px;
    height: 55px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 15px;
    background-image: url('../images/btn_bg_next_s.jpg');
    background-position: 50% 50%;
    background-size: cover;
  }

  .btn-ect-next-s.right {
    margin-right: auto;
  }

  .div-block-58-co {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 10;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .btn-ect-cs-hw {
    width: 60%;
    height: 55px;
    margin-right: auto;
    margin-bottom: 13px;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-radius: 15px;
  }

  .btn-ect-cs-hw.right {
    margin-right: auto;
  }

  .btn-submit-ect2 {
    width: 98%;
    height: 55px;
    margin-right: auto;
    margin-bottom: 13px;
    margin-left: auto;
    padding-right: 11px;
    padding-left: 9px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 15px;
    font-size: 14px;
    text-align: center;
  }

  .btn-ect2 {
    width: 85%;
    height: 55px;
    margin-right: auto;
    margin-bottom: 13px;
    margin-left: auto;
    padding-top: 4px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 15px;
    font-size: 17px;
    text-align: center;
  }

  .text-block-34 {
    font-size: 9px;
    line-height: 12px;
    text-align: center;
    letter-spacing: 0px;
  }

  .columns-mystory {
    border-style: none none solid;
    border-width: 1px;
    border-color: #009bfa #009bfa #a9cfe6;
  }

  .radio-button-co {
    height: 55px;
    min-height: 55px;
    margin-right: 5px;
    font-size: 14px;
    line-height: 20px;
  }

  .radio-button-label-co {
    height: 55px;
    font-weight: 400;
  }

  .btn-ect-ms-next {
    width: 200px;
    height: 55px;
    margin-right: auto;
    margin-bottom: 13px;
    margin-left: auto;
    padding-top: 4px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 15px;
    text-align: center;
  }

  .paragraph-17 {
    overflow: auto;
    font-size: 14px;
  }

  .combo-cs {
    width: auto;
    margin-right: 13px;
    margin-bottom: 0px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 14px;
  }

  .column-105 {
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .column-106 {
    margin-bottom: 5px;
    padding-top: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .div-block-59 {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .button-yellow {
    margin-top: 8px;
    font-size: 14px;
  }

  .html-embed {
    margin-right: 5px;
  }

  .div-block-60 {
    padding-right: 3px;
    padding-left: 4px;
  }

  .goto-ect-top {
    width: 65px;
    margin-right: 5px;
    padding-right: 3px;
    padding-left: 3px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .goto-ect-top.w--current {
    margin-top: 0px;
    margin-bottom: 0px;
    border-color: #009bfa;
  }

  .text-block-32-1 {
    margin-left: 0px;
    font-size: 13px;
  }

  .html-embed-mb {
    margin-right: 5px;
  }

  .button-yellow-mb {
    margin-top: 0px;
    font-size: 14px;
  }

  .html-embed-2 {
    margin-right: 5px;
  }

  .div-block-61 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .checkbox-field-lc {
    margin-right: 18px;
    margin-left: 4px;
    padding-left: 20px;
    font-size: 14px;
  }

  .btn-ect-lc-hw {
    width: 100%;
    height: 55px;
    margin-right: auto;
    margin-bottom: 13px;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 15px;
  }

  .btn-ect-lc-hw.right {
    margin-right: auto;
  }

  .text-ect1.blue {
    font-size: 15px;
    line-height: 18px;
  }

  .title-ect-btn2 {
    margin-right: 9px;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
  }

  .title-ect-btn2.pink {
    color: #fb416b;
  }

  .combo-wc {
    margin-bottom: 6px;
    margin-left: 7px;
  }

  .btn-wc-chg {
    font-size: 13px;
    line-height: 15px;
  }

  .form-5 {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .column-107 {
    margin-bottom: 11px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .section-popup {
    padding-right: 20px;
    padding-left: 21px;
  }

  .submit-button-blue {
    margin-right: 9px;
    margin-bottom: 10px;
    padding-right: 12px;
    padding-left: 11px;
  }

  .submit-button-sil {
    margin-bottom: 10px;
    padding-right: 12px;
    padding-left: 11px;
  }

  .div-popup {
    overflow: auto;
  }

  .form-block-4 {
    width: 85%;
    padding: 38px 22px 37px;
  }

  .combo-wd-lvl {
    margin-right: 7px;
    margin-bottom: 7px;
    margin-left: 0px;
    font-size: 14px;
    line-height: 20px;
  }

  .combo-wd-ord {
    margin-right: 0px;
    margin-left: 0px;
    font-size: 14px;
    line-height: 20px;
  }

  .combo-wd-al {
    margin-right: 7px;
    margin-bottom: 7px;
    margin-left: 0px;
    font-size: 14px;
    line-height: 20px;
  }

  .btn-ect-back-s-copy {
    width: 100px;
    height: 55px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 15px;
    background-image: url('../images/btn_bg_back_s.jpg');
    background-position: 50% 50%;
  }

  .btn-ect-back-s-copy.right {
    margin-right: auto;
  }

  .text-tt {
    line-height: 18px;
  }

  .image-49 {
    top: 0%;
    margin-top: -10px;
    margin-right: 9px;
  }

  .div-block-58-co2 {
    top: 39%;
    z-index: 10;
    width: 100%;
  }

  .div-block-62 {
    left: 0%;
    top: auto;
    right: 0%;
  }

  .checkbox-field-6 {
    margin-bottom: 1px;
  }

  .column-98-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2%;
    padding-bottom: 3%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .columns-myect {
    padding-left: 10px;
  }

  .column-myect {
    display: block;
    margin-bottom: 33px;
    padding-left: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .text-block-myect-tt {
    font-size: 16px;
  }

  .div-block-63 {
    width: 95%;
    padding-right: 11px;
    padding-bottom: 16px;
  }

  .list-item-myect {
    font-size: 14px;
    line-height: 20px;
  }

  .list-3 {
    margin-left: 0px;
  }

  .paragraph-18 {
    height: 170px;
    font-size: 14px;
  }

  .columns-remind {
    border-style: none none solid;
    border-width: 1px;
    border-color: #009bfa #009bfa #a9cfe6;
  }

  .columns-remind-tt {
    border-style: none none solid;
    border-width: 1px;
    border-color: #009bfa #009bfa #a9cfe6;
  }

  .column-94-copy {
    margin-bottom: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 14px;
    line-height: 21px;
  }

  .heading-26 {
    margin-right: 5px;
    font-size: 14px;
  }

  .column-109 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .heading-26-1 {
    margin-right: 6px;
    font-size: 14px;
  }

  .column-92-sp {
    padding-top: 29px;
    padding-bottom: 29px;
  }

  .div-block-66 {
    margin-bottom: 5px;
  }

  .column-92tt-sp {
    height: auto;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .div-video {
    padding-top: 17%;
  }

  .div-block-67 {
    margin-top: 10px;
  }

  .reply-thum {
    left: 5px;
    top: 10px;
  }

  .text-reply-date-s {
    display: inline-block;
    padding-left: 0px;
  }

  .text-reply-date {
    display: inline-block;
    padding-left: 0px;
  }

  .text-reply-name {
    display: inline-block;
    padding-left: 0px;
  }

  .block-reply {
    width: 100%;
    margin-right: auto;
    margin-left: 0px;
    padding: 5px 10px 5px 55px;
  }

  .reply-thum-s {
    left: -40px;
    top: 10px;
  }

  .text-mystage2-small {
    display: inline-block;
    padding-left: 10px;
  }

  .block-reply-s {
    width: 100%;
    margin-right: auto;
    margin-left: 0px;
    padding: 5px 10px 5px 0px;
  }

  .text-reply-show {
    display: inline-block;
    padding-left: 0px;
  }

  .text-reply-name-s {
    display: inline-block;
    padding-left: 0px;
  }

  .div-block-69 {
    padding: 34px 18px 47px 16px;
  }

  .text-r-name-s {
    display: inline-block;
    padding-left: 0px;
  }

  .form-block-5 {
    padding-right: 15px;
    padding-left: 16px;
  }

  .div-block-71 {
    margin-left: 20px;
  }

  .heading-27 {
    margin-bottom: 29px;
    font-size: 20px;
    line-height: 30px;
  }

  .div-block-guide {
    padding: 42px 23px 45px 20px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .div-block-72 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .column-105-1 {
    margin-top: 0px;
    margin-bottom: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .column-105-1.right {
    padding-top: 9px;
  }

  .columns-adv-tt {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .columns-adv {
    padding-top: 4px;
    padding-bottom: 4px;
    border-style: none none solid;
    border-width: 1px;
  }

  .text-block-adv {
    overflow: visible;
    font-size: 13px;
    line-height: 15px;
  }

  .column-110 {
    padding-top: 6px;
  }

  .heading-29 {
    font-size: 19px;
    line-height: 30px;
  }

  .heading-12-class {
    font-size: 28px;
  }

  .image-50 {
    margin-bottom: 26px;
  }

  .div-block-ect {
    width: 220px;
    min-height: auto;
    margin-right: 21px;
    margin-bottom: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .div-block-ect1 {
    padding-left: 31px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .text-block-ect {
    margin-left: 12px;
    font-size: 17px;
  }

  .heading-ect-mv {
    margin-top: 0px;
  }

  .text-wd-eng {
    overflow: visible;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -1px;
  }

  .field-label-6-1 {
    display: inline;
    margin-right: 6px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 18px;
  }

  .radio-button-wd {
    margin-right: 5px;
    padding-left: 18px;
    font-size: 16px;
    line-height: 20px;
  }

  .link-block-12 {
    width: 140px;
    height: 52px;
    font-size: 14px;
    line-height: 20px;
  }

  .image-51 {
    margin-right: 2px;
  }

  .column-112 {
    padding-left: 0px;
  }

  .link-block-soundall {
    width: 120px;
    height: 38px;
    margin-right: 8px;
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 20px;
  }

  .column-113 {
    padding-right: 5px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .link-block-soundall--1 {
    width: 115px;
    height: 55px;
    min-height: 0px;
    margin-right: 3px;
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 20px;
  }

  .column-co2 {
    height: 80px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .link-block-13 {
    height: 80px;
  }

  .text-block-38 {
    font-size: 15px;
    line-height: 20px;
  }

  .button-ms {
    width: 140px;
    height: auto;
    margin-right: 0px;
    margin-left: 6px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    font-size: 14px;
    line-height: 20px;
  }

  .button-ms.on {
    margin-right: 0px;
    margin-left: 6px;
  }

  .button-ms.green {
    height: 38px;
    margin-right: 0px;
    margin-left: auto;
    line-height: 25px;
  }

  .column-105-3 {
    margin-bottom: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .column-105-3.right {
    padding-top: 9px;
  }

  .submit-button-silver-mb {
    width: 55px;
    margin-right: 0px;
    margin-bottom: 10px;
    padding-right: 12px;
    padding-left: 11px;
  }

  .checkbox-field-8 {
    margin-right: 8px;
  }

  .cap-ect {
    margin-bottom: 13px;
  }

  .cap-ect-mb {
    margin-bottom: 13px;
  }

  .cap-ect-mb.right {
    display: block;
    max-width: 130px;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }

  .text-field-4-s {
    width: 90px;
    height: 38px;
    margin-right: 5px;
    margin-bottom: 7px;
  }

  .column-106-1 {
    margin-bottom: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .form-block-cs-h {
    margin-bottom: 30px;
    margin-left: 0px;
  }

  .form-cs-h {
    display: block;
    padding-right: 12px;
    padding-left: 12px;
  }

  .div-block-77 {
    margin-top: 12px;
  }

  .checkbox-field-cs-h {
    margin-right: 0px;
    margin-left: 20px;
    padding-left: 20px;
    font-size: 14px;
  }

  .form-block-dic {
    margin-bottom: 3px;
    margin-left: 0px;
  }

  .field-label-dic {
    width: 100%;
    margin-bottom: 4px;
    padding-left: 3px;
  }

  .text-field-dic {
    width: 215px;
    margin-right: 7px;
    margin-bottom: 0px;
  }

  .combo-dic {
    width: auto;
    margin-right: 5px;
    margin-bottom: 0px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 14px;
  }

  .form-dic {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2px;
    padding-right: 6px;
    padding-left: 7px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .text-field-dic-s {
    width: 26px;
    margin-right: 3px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 13px;
  }

  .text-field-dic2 {
    width: 288px;
    margin-right: 0px;
    margin-bottom: 0px;
  }

  .columns-dic-tt {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .columns-dic {
    border-style: none none solid;
    border-width: 1px;
    border-color: #009bfa #009bfa #a9cfe6;
  }

  .image-53 {
    margin-right: 3px;
  }

  .div-block-79 {
    margin-top: 29px;
    padding-top: 14px;
    padding-right: 21px;
    padding-left: 0px;
  }

  .column-115 {
    padding-right: 2px;
    padding-left: 3px;
  }

  .select-field-3-copy {
    width: 130px;
    margin-right: 11px;
    margin-bottom: 7px;
    padding-top: 3px;
    padding-bottom: 2px;
  }

  .combo-ect {
    margin-left: 0px;
    font-size: 14px;
    line-height: 20px;
  }

  .div-block-re {
    padding-right: 10px;
    padding-left: 4px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .image-54 {
    width: 48px;
    height: 48px;
    margin-left: 7px;
  }

  .text-block-42 {
    font-size: 15px;
  }

  .textarea-5 {
    width: 98%;
    margin-left: 3px;
  }

  .div-block-58-re {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 10;
    display: none;
    width: 100%;
    padding: 172px 10px 239px;
  }

  .re-score {
    font-size: 50px;
    line-height: 70px;
  }

  .msg-re {
    font-size: 18px;
    line-height: 30px;
  }

  .msg-re.green {
    line-height: 30px;
  }

  .button-re {
    width: 140px;
    height: 52px;
    margin-right: 0px;
    margin-left: 6px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    font-size: 14px;
    line-height: 20px;
  }

  .button-re.on {
    margin-right: 0px;
    margin-left: 6px;
  }

  .button-re.green {
    width: 80px;
    height: auto;
    margin-right: 0px;
    margin-left: 13px;
  }

  .text-block-43 {
    margin-top: 15px;
    margin-bottom: 14px;
    padding: 14px 17px 14px 19px;
    font-size: 14px;
    line-height: 22px;
  }

  .text-block-44 {
    font-size: 14px;
    line-height: 20px;
  }

  .goto-ect-top-home {
    width: 65px;
    margin-right: 5px;
    padding-right: 3px;
    padding-left: 3px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .goto-ect-top-home.w--current {
    margin-top: 0px;
    margin-bottom: 0px;
    border-color: #009bfa;
  }

  .tt-myect-ovw {
    display: inline-block;
    margin-right: 5px;
    padding-left: 0px;
  }

  .text_myect {
    display: inline-block;
    margin-right: 5px;
    padding-left: 0px;
  }

  .row-myect {
    margin-left: 4px;
  }

  .image-55 {
    height: 18px;
    margin-right: 10px;
  }

  .text-block-48 {
    font-size: 13px;
    line-height: 15px;
  }

  .columns-remind-tt2 {
    margin-right: 5px;
    margin-left: 5px;
    border-style: none none solid;
    border-width: 1px;
    border-color: #009bfa #009bfa #a9cfe6;
  }

  .columns-remind2 {
    margin-right: 5px;
    margin-left: 5px;
    border-style: none none solid;
    border-width: 1px;
    border-color: #009bfa #009bfa #a9cfe6;
  }

  .myect-tt-ect {
    width: 140px;
    padding-left: 6px;
  }

  .text-block-49 {
    margin-left: 9px;
    font-size: 15px;
  }

  .heading-30 {
    font-size: 20px;
    line-height: 30px;
  }

  .heading-30.blue {
    font-size: 20px;
  }

  .div-block-80 {
    width: 100%;
    margin-bottom: 6px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .text-block-50 {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 23px;
  }

  .column-116 {
    height: 130px;
    padding-top: 9px;
    padding-right: 3px;
    padding-left: 8px;
  }

  .row-myect2 {
    margin-left: 4px;
  }

  .div-block-81 {
    padding: 11px 7px 8px;
  }

  .text-block-48-1 {
    font-size: 15px;
    line-height: 15px;
  }

  .columns-28 {
    margin-left: 5px;
  }

  .column-117 {
    padding-right: 1px;
    padding-bottom: 0px;
    padding-left: 1px;
  }

  .bar1 {
    width: 5px;
  }

  .column-117-canter {
    padding-right: 5px;
    padding-left: 5px;
  }

  .columns-29 {
    margin-left: 5px;
  }

  .text-block-51 {
    font-size: 13px;
    line-height: 20px;
  }

  .columns-29-1 {
    margin-left: 5px;
  }

  .column-117-canter2 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .text-block-51s {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -1px;
  }

  .btn-start.orange {
    height: 29px;
    padding-right: 3px;
    padding-left: 3px;
  }

  .btn-start.gray {
    overflow: hidden;
    width: 57px;
    height: 29px;
    padding-right: 3px;
    padding-left: 3px;
    font-size: 14px;
    letter-spacing: -1px;
  }

  .btn-start.orange2 {
    overflow: hidden;
    width: 57px;
    height: 29px;
    padding-right: 3px;
    padding-left: 3px;
    font-size: 14px;
    letter-spacing: -1px;
  }

  .heading-31 {
    font-size: 20px;
  }

  .div-block-60-1 {
    padding-right: 3px;
    padding-left: 4px;
  }

  .text-chart1 {
    font-size: 11px;
    line-height: 18px;
    letter-spacing: -1px;
  }

  .div-block-84 {
    padding-right: 1px;
    padding-left: 1px;
  }

  .bar_t1 {
    width: 5px;
  }

  .text_myect2 {
    display: inline-block;
    margin-right: 5px;
    padding-left: 0px;
  }

  .bar2 {
    width: 10px;
  }

  .div-block-85 {
    margin-bottom: 7px;
  }

  .bar3 {
    margin-right: 10px;
  }

  .text-block-52 {
    margin-top: -5px;
    line-height: 20px;
  }

  .text-block-53 {
    font-size: 17px;
    text-align: justify;
  }

  .div-block-87 {
    width: 100%;
    padding-right: 18px;
    padding-left: 18px;
  }

  .div-block-89 {
    padding-left: 5px;
  }

  .div-block-90 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .paragraph-23 {
    line-height: 27px;
  }

  .div-block-dialog {
    padding-top: 25px;
    padding-bottom: 26px;
  }

  .form-6 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .field-label-10 {
    margin-right: 5px;
    margin-bottom: 10px;
  }

  .heading-34 {
    margin-bottom: 3px;
    font-size: 17px;
    line-height: 25px;
  }

  .div-block-91 {
    padding-right: 15px;
    padding-left: 12px;
  }

  .submit-button-5-1 {
    width: 55px;
    margin-top: 0px;
    margin-right: 4px;
    margin-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .submit-button-5-1.blue {
    width: 70px;
    margin-bottom: 0px;
    margin-left: 4px;
    padding: 8px 8px 6px;
    font-size: 14px;
    line-height: 20px;
  }

  .submit-button-5-1.blgr {
    width: 70px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 4px;
    padding: 8px 8px 6px;
    font-size: 14px;
    line-height: 20px;
  }

  .submit-button-5-1.orange {
    width: 70px;
    padding-right: 8px;
    padding-left: 8px;
  }

  .div-block-92 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .heading-35 {
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 7px;
    font-size: 20px;
  }

  .text-field-8 {
    width: 70px;
    margin-bottom: 10px;
  }

  .text-block-55 {
    margin-left: 7px;
    font-size: 14px;
    line-height: 20px;
  }

  .heading-36 {
    margin-bottom: 0px;
    font-size: 18px;
  }

  .text-block-56 {
    margin-top: 3px;
    margin-bottom: 2px;
    font-size: 14px;
  }

  .form-block-goal {
    margin-left: 14px;
    padding-right: 15px;
    padding-left: 16px;
  }

  .column-120 {
    overflow: auto;
    height: auto;
  }

  .div-block-93 {
    margin-left: 5px;
  }

  .tt-myect-ovw2 {
    display: inline-block;
    margin-right: 5px;
    padding-left: 0px;
  }

  .div-block-cahrt {
    margin-left: 5px;
  }

  .radio-button-myect {
    font-size: 14px;
  }

  .div-block-cahrt-gg {
    height: 300px;
    margin-left: 5px;
  }

  .column-121 {
    height: 300px;
  }

  .div-block-cahrt-gg-2col {
    height: 620px;
    margin-left: 5px;
  }

  .link-block-14 {
    width: 140px;
    font-size: 14px;
  }

  .link-pay_class {
    margin-right: auto;
    margin-left: auto;
  }

  .text-block-payclass {
    margin-left: 7px;
    padding-right: 18px;
    line-height: 22px;
    text-align: center;
  }

  .link-block-chg-mem {
    width: 90px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 20px;
    text-align: center;
  }

  .div-block-94.black {
    height: 70px;
  }

  .div-block-94.yt2 {
    width: 93%;
  }

  .div-block-94._3w {
    margin-top: 0px;
  }

  .text-word-prev {
    left: 10%;
    margin-right: 6px;
    margin-bottom: 0px;
    margin-left: 2px;
    font-size: 21px;
    line-height: 24px;
    font-weight: 400;
  }

  .text-word-prev.black {
    width: 15%;
    height: 70px;
    font-size: 34px;
    line-height: 50px;
  }

  .text-word-prev2 {
    left: 5%;
    margin-right: 5px;
    margin-left: 0px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
  }

  .text-word-prev2.black {
    width: 8%;
    height: 70px;
    font-size: 34px;
    line-height: 50px;
  }

  .paragraph-line {
    font-size: 14px;
  }

  .heading-38 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 40px;
  }

  .column-122 {
    padding-right: 2px;
    padding-left: 10px;
  }

  .columns-3-noline {
    padding-left: 0px;
  }

  .div-block-99 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .div-block-line {
    padding-bottom: 4px;
  }

  .text-grey-home {
    font-size: 18px;
    line-height: 27px;
  }

  .column-2-home {
    margin-bottom: 17px;
    padding-right: 13px;
    padding-left: 13px;
  }

  .text-grey-home2 {
    font-size: 18px;
    line-height: 27px;
  }

  .text-home {
    line-height: 30px;
  }

  .text-home3 {
    font-size: 18px;
    line-height: 32px;
  }

  .div-block-ws-yt {
    position: relative;
    height: 220px;
    padding-top: 35px;
    padding-bottom: 27px;
  }

  .text-word-yt {
    overflow: visible;
    width: 97%;
    margin-bottom: 0px;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .text-word-yt.blue {
    width: 100%;
    padding-bottom: 8px;
    background-color: transparent;
    font-size: 42px;
    line-height: 48px;
  }

  .text-word-prev-yt {
    left: 10%;
    min-height: 35px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
  }

  .text-word-prev2-yt {
    left: 5%;
    min-height: 25px;
    margin-bottom: 3px;
    padding-top: 8px;
    padding-bottom: 4px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
  }

  .text-word-s-yt {
    margin-top: 0px;
    margin-bottom: 3px;
    padding-top: 7px;
    padding-bottom: 6px;
    font-size: 19px;
    line-height: 20px;
    font-weight: 400;
  }

  .heading-19-yt {
    margin-right: 11px;
    margin-left: 10px;
    font-size: 18px;
    line-height: 20px;
  }

  .heading-40 {
    font-size: 25px;
    line-height: 35px;
  }

  .text-word-black {
    overflow: visible;
    width: 97%;
    margin-bottom: 0px;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -1px;
  }

  .text-word-black.blue {
    width: 100%;
    padding-bottom: 8px;
    background-color: transparent;
    font-size: 42px;
    line-height: 48px;
  }

  .div-block-103 {
    width: 180px;
    height: 180px;
  }

  .text-word-fix {
    overflow: visible;
    width: 100%;
    margin-bottom: 0px;
    font-size: 34px;
    line-height: 50px;
    letter-spacing: -1px;
  }

  .text-word-fix.blue {
    width: 100%;
    padding-bottom: 8px;
    background-color: transparent;
    font-size: 42px;
    line-height: 48px;
  }

  .text-home-top {
    font-size: 18px;
    line-height: 30px;
  }

  .heading-41 {
    font-size: 55px;
    line-height: 70px;
  }

  .link-block-worddown {
    width: 90%;
    height: auto;
  }

  .div-popup-sr {
    margin-left: auto;
    padding-top: 152px;
    padding-right: 10px;
  }

  .form-block-3-sr {
    padding-top: 24px;
    padding-right: 19px;
    padding-left: 18px;
  }

  .radio-button-sr {
    font-size: 14px;
    line-height: 20px;
  }

  .radio-button-label-sr {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }

  .div-block-line2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .column-124 {
    height: 45px;
    padding-right: 5px;
    padding-left: 5px;
  }

  .column-124._2 {
    overflow: visible;
    height: 45px;
  }

  .column-124._2._3 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .column-124._3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
  }

  .column-myect-map {
    margin-left: 5px;
  }

  .column-124-1._2._3 {
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .text-block-60 {
    font-size: 14px;
    line-height: 17px;
  }

  .div-block-105 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }

  .link-block-16 {
    width: 30px;
    height: 30px;
    margin-right: 2px;
  }

  .column-126 {
    padding-top: 15px;
    padding-right: 3px;
    padding-left: 3px;
  }

  .link-block-16-1 {
    width: 30px;
    height: 30px;
    margin-right: 2px;
  }

  .columns-30 {
    width: 95%;
  }

  .heading-12-youtube {
    font-size: 28px;
    line-height: 40px;
  }

  .form-mem-out {
    width: 100%;
    margin-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .text-block-worddn {
    margin-left: 11px;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
  }

  .text-word-h-yt {
    min-width: 75px;
    margin-top: 0px;
    margin-bottom: 3px;
    padding-top: 7px;
    padding-bottom: 6px;
    font-size: 19px;
    line-height: 20px;
    font-weight: 400;
  }

  .text-word-h-yt2 {
    min-height: 0px;
    min-width: 70px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-top: 7px;
    padding-bottom: 6px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
  }

  .text-word-h-yt3 {
    margin-top: 0px;
    margin-bottom: 3px;
    padding-top: 7px;
    padding-bottom: 6px;
    color: #b3b3b3;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
  }

  .link-block-yt {
    width: auto;
  }

  .eng-3w {
    left: 10%;
    height: 60px;
    min-width: 65px;
    margin-right: 6px;
    margin-bottom: 0px;
    margin-left: 2px;
    font-size: 22px;
    line-height: 52px;
  }

  .eng-3w.sqr {
    height: 56px;
    padding-top: 0px;
  }

  .eng-3w.cir {
    margin-right: 3px;
    margin-left: 3px;
    font-size: 23px;
    font-weight: 400;
    letter-spacing: -0.5px;
  }

  .eng-3w.sqr2 {
    height: 56px;
    padding-top: 0px;
  }

  .eng-3w.cir2 {
    margin-right: 3px;
    margin-left: 3px;
    font-size: 23px;
    font-weight: 400;
    letter-spacing: -0.5px;
  }

  .link-block-3w {
    width: auto;
    margin-right: 5px;
    margin-left: 5px;
  }

  .div-block-sw {
    position: relative;
    height: 215px;
    min-height: 0px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .han-3w {
    min-height: 60px;
    min-width: 65px;
    margin-top: 0px;
    margin-bottom: 3px;
    padding-top: 7px;
    padding-bottom: 6px;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
  }

  .radio-wm-quiz {
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 18px;
    font-size: 17px;
    line-height: 33px;
  }

  .heading-45 {
    font-size: 17px;
    line-height: 22px;
  }

  .div-block-sw-test {
    position: relative;
    padding-top: 31px;
    padding-bottom: 27px;
  }

  .wm_test_guide {
    width: 90%;
    font-size: 18px;
    line-height: 30px;
  }

  .div-block-sm {
    width: 163px;
    height: 80px;
    min-height: auto;
    margin-bottom: 10px;
    margin-left: 3px;
    padding: 10px 9px 9px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .text-block-sm {
    margin-top: 3px;
    margin-bottom: 0px;
    margin-left: 10px;
    font-size: 15px;
    line-height: 23px;
  }

  .div-block-sm-start {
    width: 95%;
    padding-right: 7px;
    padding-left: 7px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .field-label-11 {
    font-size: 15px;
  }

  .form-sm {
    padding-right: 2px;
    padding-left: 2px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .link-block-wordtest {
    width: 270px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-sm-start_q {
    padding-right: 20px;
    padding-left: 20px;
  }

  .div-block-sm-q {
    padding-top: 24px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .button-sm-q {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 95%;
    min-height: 67px;
    min-width: 77px;
    margin-top: 0px;
    margin-right: 0px;
    padding-top: 12px;
    padding-bottom: 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    font-size: 16px;
    line-height: 20px;
  }

  .button-sm-q.on {
    margin-right: 0px;
    margin-left: 6px;
  }

  .button-sm-q.green {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin-right: 0px;
    margin-left: 0px;
  }

  .link-block-myect1 {
    width: 285px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .text-block-7-2 {
    margin-left: 11px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }

  .heading-45-1 {
    font-size: 18px;
    line-height: 22px;
  }

  .div-block-sm-start2 {
    width: 94%;
    padding-top: 30px;
    padding-right: 7px;
    padding-left: 7px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .div-block-sm2 {
    width: 46%;
    height: 76px;
    min-height: auto;
    margin-bottom: 10px;
    margin-left: 0px;
    padding: 10px 5px 9px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .text-block-sm2 {
    min-width: 85px;
    font-size: 15px;
    line-height: 22px;
  }

  .div-block-sm-copy {
    width: 163px;
    height: 80px;
    min-height: auto;
    margin-bottom: 10px;
    margin-left: 3px;
    padding: 10px 9px 9px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .div-block-sm3 {
    width: 95%;
    height: 76px;
    min-height: auto;
    margin-bottom: 10px;
    margin-left: 3px;
    padding: 10px 0px 9px 10px;
  }

  .div-block-sm4 {
    width: 95%;
    height: auto;
    min-height: auto;
    margin-bottom: 15px;
    margin-left: 0px;
    padding: 10px 5px 13px 10px;
  }

  .btn_sm {
    width: 95px;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 7px;
    font-size: 15px;
    line-height: 23px;
  }

  .div-block-107 {
    margin-top: 5px;
  }

  .heading-round {
    min-width: 60px;
    margin-right: 0px;
    margin-bottom: 2px;
    margin-left: 0px;
    padding-right: 5px;
    padding-bottom: 7px;
    padding-left: 5px;
    font-size: 16px;
    line-height: 20px;
  }

  .image-100-cent {
    width: 60px;
    height: 60px;
  }

  .paragraph_sm_han {
    width: 90%;
    min-height: 53px;
    margin-left: 8px;
    font-size: 12px;
    line-height: 17px;
  }

  .paragraph_sm_han2 {
    min-height: 43px;
    margin-left: 3px;
    font-size: 10px;
    line-height: 14px;
  }

  .paragraph_sm_han3 {
    min-height: 40px;
    margin-left: 0px;
    font-size: 8px;
    line-height: 13px;
  }

  .section-full.dark {
    padding-top: 30px;
  }

  .section-full.dark-home {
    padding-top: 30px;
  }

  .div-leftmenu-est2 {
    top: 67px;
    width: 100px;
    padding-top: 23px;
  }

  .div-block-54-2 {
    padding-top: 18px;
    padding-left: 0px;
  }

  .div-block-108 {
    width: 100%;
    height: 100%;
    max-height: none;
    min-height: 100px;
    background-color: #009bfa;
  }

  .link-block-comm {
    margin-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    line-height: 25px;
  }

  .div-block-myplist {
    padding-right: 20px;
    padding-left: 20px;
  }

  .div-block-109 {
    width: 92%;
  }

  .button-y300 {
    width: 90%;
    font-size: 18px;
  }

  .button-b200 {
    width: 98%;
    margin-bottom: 10px;
    font-size: 17px;
  }

  .mail-bott {
    padding-right: 5%;
  }

  .text-sentence {
    margin-top: 9px;
    line-height: 30px;
  }
}

#w-node-_421df62a-c217-12af-eee8-27f88a387918-90c23837 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387928-90c23837 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_1230bc2c-afac-f372-1be0-37328a8353be-a9e493fa {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_31edfc5a-770a-c0ee-6c86-016c8134d6b6-a9e493fa {
  -ms-grid-column-align: center;
  justify-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_421df62a-c217-12af-eee8-27f88a387928-90c23837 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }
}