._mc {
  color: #e35147 !important; }

._mc2 {
  color: #1f8dda !important; }

._mc3 {
  color: #ffaf23 !important; }

.ff-noto {
  font-family: "Noto Sans KR", sans-serif; }

.ff-roboto {
  font-family: "Roboto", sans-serif; }

.ff-mont {
  font-family: "Montserrat", sans-serif; }

@font-face {
  font-family: 'Noto Sans KR';
  src: url("../fonts/notokr-light.eot");
  src: url("../fonts/notokr-light.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-light.woff2") format("woff2"), url("../fonts/notokr-light.woff") format("woff"), url("../fonts/notokr-light.ttf") format("truetype"), url("../fonts/notokr-light.svg#notokr-light") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Noto Sans KR';
  src: url("../fonts/notokr-regular.eot");
  src: url("../fonts/notokr-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-regular.woff2") format("woff2"), url("../fonts/notokr-regular.woff") format("woff"), url("../fonts/notokr-regular.ttf") format("truetype"), url("../fonts/notokr-regular.svg#notokr-regular") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Noto Sans KR';
  src: url("../fonts/notokr-medium.eot");
  src: url("../fonts/notokr-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-medium.woff2") format("woff2"), url("../fonts/notokr-medium.woff") format("woff"), url("../fonts/notokr-medium.ttf") format("truetype"), url("../fonts/notokr-medium.svg#notokr-medium") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Noto Sans KR';
  src: url("../fonts/notokr-bold.eot");
  src: url("../fonts/notokr-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-bold.woff2") format("woff2"), url("../fonts/notokr-bold.woff") format("woff"), url("../fonts/notokr-bold.ttf") format("truetype"), url("../fonts/notokr-bold.svg#notokr-bold") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Noto Sans KR';
  src: url("../fonts/notokr-Black.eot");
  src: url("../fonts/notokr-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-Black.woff2") format("woff2"), url("../fonts/notokr-Black.woff") format("woff"), url("../fonts/notokr-Black.ttf") format("truetype"), url("../fonts/notokr-Black.svg#notokr-bold") format("svg");
  font-weight: 900;
  font-style: normal; }

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

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Regular.eot");
  src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

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

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Bold.eot");
  src: url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

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

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

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-Regular.eot");
  src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

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

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-SemiBold.eot");
  src: url("../fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-Bold.eot");
  src: url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat-Italic';
  src: url("../fonts/Montserrat-MediumItalic.eot");
  src: url("../fonts/Montserrat-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-MediumItalic.woff") format("woff"), url("../fonts/Montserrat-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

/* _community.scss */
.survey-wrap .survey-info .info-wrap {
  padding: 5.3125em 6.25em;
  background-color: #fcfaf7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  @media screen and (max-width: 1024px) {
    .survey-wrap .survey-info .info-wrap {
      padding: 4.64286em 2.14286em; } }
  @media screen and (max-width: 768px) {
    .survey-wrap .survey-info .info-wrap {
      padding: 3.21429em 1.07143em; } }
  .survey-wrap .survey-info .info-wrap .img-bx {
    width: 100%;
    max-width: 15.625em;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 15.625em;
    flex: 1 0 15.625em; }
    @media screen and (max-width: 1024px) {
      .survey-wrap .survey-info .info-wrap .img-bx {
        max-width: 14.28571em;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 14.28571em;
        flex: 1 0 14.28571em; } }
    @media screen and (max-width: 768px) {
      .survey-wrap .survey-info .info-wrap .img-bx {
        max-width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        text-align: center; }
        .survey-wrap .survey-info .info-wrap .img-bx img {
          margin: 0 auto; } }
    .survey-wrap .survey-info .info-wrap .img-bx img {
      max-width: 10.6875em; }
      @media screen and (max-width: 480px) {
        .survey-wrap .survey-info .info-wrap .img-bx img {
          max-width: 6.42857em; } }
  .survey-wrap .survey-info .info-wrap .txt-bx {
    width: 100%;
    max-width: calc(100% - 15.625em);
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc(100% - 15.625em);
    flex: 1 0 calc(100% - 15.625em);
    word-break: keep-all; }
    @media screen and (max-width: 1024px) {
      .survey-wrap .survey-info .info-wrap .txt-bx {
        max-width: calc(100% - 14.28571em);
        -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 14.28571em);
        flex: 1 0 calc(100% - 14.28571em); } }
    @media screen and (max-width: 768px) {
      .survey-wrap .survey-info .info-wrap .txt-bx {
        max-width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        text-align: center;
        margin-top: 2.14286em; } }
    .survey-wrap .survey-info .info-wrap .txt-bx .tit {
      font-size: 1.875em;
      line-height: 1.3;
      color: #222;
      font-weight: 300; }
      @media screen and (max-width: 768px) {
        .survey-wrap .survey-info .info-wrap .txt-bx .tit {
          font-size: 1.42857em; } }
      .survey-wrap .survey-info .info-wrap .txt-bx .tit span {
        font-weight: 700; }
    .survey-wrap .survey-info .info-wrap .txt-bx ul {
      margin-top: 1.75em; }
      .survey-wrap .survey-info .info-wrap .txt-bx ul li .desc {
        font-size: 1em;
        line-height: 1.3;
        color: #888;
        margin-bottom: 0.5em; }

.survey-wrap .btn-area {
  margin-top: 2.5em; }
  .survey-wrap .btn-area .btn {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 11.25em;
    height: 3.125em;
    background-color: #ffaf23; }
    .survey-wrap .btn-area .btn span {
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      line-height: 1.3; }
    @media all and (min-width: 1024px) {
      .survey-wrap .btn-area .btn {
        -webkit-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out; }
        .survey-wrap .btn-area .btn:hover {
          background-color: #e35147; } }

.survey-write .step-area {
  margin-top: 4.375em;
  margin-bottom: 2.5em; }
  .survey-write .step-area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .survey-write .step-area ul li {
      padding: 0 2.25em;
      position: relative; }
      @media screen and (max-width: 768px) {
        .survey-write .step-area ul li {
          width: 100%;
          max-width: 33.33333%;
          -webkit-box-flex: 1;
          -ms-flex: 1 0 33.33333%;
          flex: 1 0 33.33333%;
          padding: 0 0.35714em; } }
      .survey-write .step-area ul li:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -0.375em;
        width: 0.75em;
        height: 1.3125em;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-image: url(../images/customer/step_arw.png); }
      .survey-write .step-area ul li:last-child:before {
        display: none; }
      .survey-write .step-area ul li .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .survey-write .step-area ul li .item .img-bx {
          width: 4em;
          height: 4em;
          border-radius: 50%;
          background-color: #f2a19c;
          margin-right: 0.625em;
          background-repeat: no-repeat;
          background-position: center;
          background-size: 1.75em; }
          @media screen and (max-width: 768px) {
            .survey-write .step-area ul li .item .img-bx {
              width: 3.21429em;
              height: 3.21429em;
              margin: 0 auto;
              background-size: 1.28571em; } }
          .survey-write .step-area ul li .item .img-bx.st-01 {
            background-image: url(../images/icon/survey_step_1.png); }
          .survey-write .step-area ul li .item .img-bx.st-02 {
            background-image: url(../images/icon/survey_step_2.png); }
          .survey-write .step-area ul li .item .img-bx.st-03 {
            background-image: url(../images/icon/survey_step_3.png); }
        .survey-write .step-area ul li .item .i-tt {
          font-size: 1.0625em;
          line-height: 1.3;
          color: #666;
          font-weight: 700; }
          @media screen and (max-width: 768px) {
            .survey-write .step-area ul li .item .i-tt {
              font-size: 1em;
              width: 100;
              max-width: 100%;
              -webkit-box-flex: 1;
              -ms-flex: 1 0 100%;
              flex: 1 0 100%;
              margin-top: 0.71429em;
              text-align: center; } }
        .survey-write .step-area ul li .item.on .img-bx {
          background-color: #e35147; }
        .survey-write .step-area ul li .item.on .i-tt {
          color: #222; }

.survey-write .form-area .store-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .survey-write .form-area .store-search .inq-area {
    margin-right: 0.625em; }

.survey-write .form-area .survey-article-list .item {
  margin-bottom: 2.5em; }
  .survey-write .form-area .survey-article-list .item .inner .title-area {
    margin-bottom: 0.9375em;
    word-break: keep-all; }
    .survey-write .form-area .survey-article-list .item .inner .title-area .tit {
      font-size: 1em;
      line-height: 1.3;
      color: #333;
      font-weight: 500;
      list-style-position: inside;
      text-indent: -1em;
      padding-left: 1em; }
  .survey-write .form-area .survey-article-list .item .inner .flex-area .sz-s {
    height: 35px;
    line-height: 35px; }
  .survey-write .form-area .survey-article-list .item .inner .flex-area .flex-inner {
    margin-bottom: 0.3125em; }
  .survey-write .form-area .survey-article-list .item .inner .write-area textarea {
    display: block;
    padding: 0.625em; }

.state-area .state-title {
  margin-top: 2.5em;
  margin-bottom: 1.25em; }
  .state-area .state-title:first-of-type {
    margin-top: 0; }
  .state-area .state-title .tit {
    font-size: 1.125em;
    line-height: 1.3;
    color: #222;
    font-weight: 700; }

.state-area .state-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .state-area .state-list:last-of-type {
    margin-bottom: 3.125em; }
  .state-area .state-list-item {
    width: 100%;
    max-width: 25%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%; }
  .state-area .state-list-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .state-area .state-list-inner .icon-bx {
      background-repeat: no-repeat;
      background-position: center;
      background-size: 2.5625em;
      width: 5em;
      height: 5em;
      border-radius: 50%;
      margin-right: 0.9375em; }
      .state-area .state-list-inner .icon-bx.icon-01 {
        background-image: url(../images/icon/state_i_1.png); }
      .state-area .state-list-inner .icon-bx.icon-02 {
        background-image: url(../images/icon/state_i_2.png); }
      .state-area .state-list-inner .icon-bx.icon-03 {
        background-image: url(../images/icon/state_i_3.png); }
      .state-area .state-list-inner .icon-bx.icon-04 {
        background-image: url(../images/icon/state_i_4.png); }
      .state-area .state-list-inner .icon-bx.icon-05 {
        background-image: url(../images/icon/state_i_5.png); }
      .state-area .state-list-inner .icon-bx.icon-06 {
        background-image: url(../images/icon/state_i_6.png); }
      .state-area .state-list-inner .icon-bx.icon-07 {
        background-image: url(../images/icon/state_i_7.png); }
      .state-area .state-list-inner .icon-bx.icon-08 {
        background-image: url(../images/icon/state_i_8.png); }
      .state-area .state-list-inner .icon-bx.bg-01 {
        background-color: #363636; }
      .state-area .state-list-inner .icon-bx.bg-02 {
        background-color: #5c86d0; }
    .state-area .state-list-inner .txt-bx .tit {
      font-size: 1.125em;
      line-height: 1.3;
      color: #444;
      font-weight: 700; }
    .state-area .state-list-inner .txt-bx .number {
      line-height: 1.3;
      color: #666; }
      .state-area .state-list-inner .txt-bx .number span {
        font-size: 1.25em;
        font-weight: 700;
        color: #363636; }