@charset "UTF-8";
/*
  for qna, rate
  viewer.html
  goods.html
 */
.board-header {
  width: 100%;
  padding: 0 4px 8px;
  border-bottom: 2px solid #222222;
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  /* Safari 7.0+, Chrome 21.0+ */
  -moz-align-items: flex-end;
  align-items: flex-end;
  /* Firefox 20.0+, IE11+, Opera 12.10 */ }
  @media screen and (max-width: 991px) {
    .board-header {
      padding: 0 2px 4px; } }

.board-header .sch {
  width: auto;
  margin-left: auto;
  padding: 0; }

.board-title {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #222222;
  -webkit-box-flex: 0 1 auto;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  /* IE 10 */
  flex: 0 1 auto;
  /* New, Spec - Firefox, Chrome, Opera */ }

.board-cnt-unit {
  padding-bottom: 2px;
  font-size: 14px;
  color: #222222; }

.board-divider {
  margin: 0;
  border: 0;
  border-top: 1px solid #EEEEEE; }
  .board-divider--strong {
    border-color: #666666; }
  .board-divider--bold {
    border-width: 2px; }

.board .content {
  margin: 0;
  word-break: keep-all;
  word-wrap: break-word; }

.board .content--default-review .content-text {
  color: #666666; }

.board .content-text {
  font-size: 14px;
  color: #222222;
  white-space: pre-line; }

.board-list {
  padding: 0;
  margin: 0; }

.board-item__layout {
  width: 100%;
  padding: 24px 0;
  overflow: hidden;
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */ }

.board-item__left {
  -webkit-box-flex: none;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: none;
  -webkit-flex: none;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: none;
  -ms-flex: none;
  /* IE 10 */
  flex: none;
  /* New, Spec - Firefox, Chrome, Opera */ }

.board-item__body {
  overflow: hidden;
  -webkit-box-flex: 1 1 auto;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  /* IE 10 */
  flex: 1 1 auto;
  /* New, Spec - Firefox, Chrome, Opera */ }

.board-item__right {
  -webkit-box-flex: none;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: none;
  -webkit-flex: none;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: none;
  -ms-flex: none;
  /* IE 10 */
  flex: none;
  /* New, Spec - Firefox, Chrome, Opera */ }

.board-item-content {
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  /* Firefox 28+, IE11, Opera 12.10 */
  width: 100%; }

.board-item .truncate-layout {
  position: relative; }

.board-item .truncate {
  overflow: hidden; }
  .board-item .truncate:not(.open) {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; }

.board-item .more, .board-item .less {
  color: #666666;
  margin-top: 4px;
  padding: 5px 0 4px;
  line-height: 1.5;
  cursor: pointer;
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  /* Safari 7.0+, Chrome 21.0+ */
  -moz-align-items: center;
  align-items: center;
  /* Firefox 20.0+, IE11+, Opera 12.10 */ }
  .board-item .more .icon-chevron, .board-item .less .icon-chevron {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 6px;
    -webkit-box-flex: none;
    /* Old - iOS 6-, Safari 3.1~6 */
    -moz-box-flex: none;
    -webkit-flex: none;
    /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
    -moz-flex: none;
    -ms-flex: none;
    /* IE 10 */
    flex: none;
    /* New, Spec - Firefox, Chrome, Opera */ }
  @media (hover: hover), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .board-item .more:hover, .board-item .less:hover {
      color: #444444; } }

.board-item .more:before, .board-item .more:after, .board-item .less:before, .board-item .less:after {
  content: none; }

.board-item .context-button {
  padding: 6px 0 6px 12px; }

.board-item .context-button .ic-more {
  width: 12px;
  height: 12px; }

.board-item--blur {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Firefox 28+, IE11, Opera 12.10 */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  /* Safari 7.0+, Chrome 21.0+ */
  -moz-align-items: center;
  align-items: center;
  /* Firefox 20.0+, IE11+, Opera 12.10 */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  /* Chrome 21+, Safari Not supported. */
  -moz-justify-content: center;
  /* Chrome 21+, Safari Not supported. */
  justify-content: center;
  /* Firefox 20+, Opera 12.10, IE Not supported. */
  gap: 4px;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 1; }
  .board-item--blur .text-main {
    color: #222222;
    font-size: 16px;
    font-weight: 700; }
  .board-item--blur .text-sub {
    color: #444444; }

.board-write-wrapper {
  padding: 20px 4px;
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  /* Safari 7.0+, Chrome 21.0+ */
  -moz-align-items: center;
  align-items: center;
  /* Firefox 20.0+, IE11+, Opera 12.10 */ }

.board-write .btn-base {
  padding: 7px 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  border-radius: 4px;
  outline: 0;
  cursor: pointer; }

.board-write .btn-white {
  color: #3399FF;
  border: 1px solid #70b8ff;
  background-color: #FFFFFF; }
  @media (hover: hover), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .board-write .btn-white:hover {
      color: #FFFFFF;
      border-color: transparent;
      background-color: #3399FF; } }
  .board-write .btn-white:focus {
    outline: 0 auto;
    outline-offset: 2px; }
  .board-write .btn-white:focus-visible {
    outline: 2px solid #4C57FD;
    outline-offset: 2px;
    color: #FFFFFF;
    border-color: transparent;
    background-color: #3399FF; }

.board-write .btn-blue {
  color: #FFFFFF;
  border: 1px solid #3399FF;
  background-color: #3399FF; }
  @media (hover: hover), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .board-write .btn-blue:not([disabled]):hover {
      border-color: #297acc;
      background-color: #297acc; } }
  .board-write .btn-blue:focus {
    outline: 0 auto;
    outline-offset: 2px; }
  .board-write .btn-blue:focus-visible {
    outline: 2px solid #4C57FD;
    outline-offset: 2px;
    border-color: #297acc;
    background-color: #297acc; }
  .board-write .btn-blue[disabled] {
    color: #e7f3ff;
    border-color: #c2e0ff;
    background-color: #c2e0ff; }

.board-write .btn-write {
  margin-right: 16px; }
  @media screen and (max-width: 991px) {
    .board-write .btn-write {
      margin-right: 8px; } }

.board-write .btn-register {
  min-width: 62px; }

.board-write .btn-revoke {
  margin-right: 8px; }

.board-write .btn-revoke, .board-write .btn-modify {
  float: left;
  min-width: 56px; }

.board-write .help-text {
  color: #999999;
  font-size: 12px;
  font-weight: 400; }

.board-write .write-layout {
  padding: 20px 4px; }

.board-write .write-chk {
  margin-bottom: 4px; }

.board-write .write-sub {
  margin-bottom: 4px;
  font-size: 14px;
  color: #444444; }

.board-write .write-box {
  width: 100%;
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  /* Safari 7.0+, Chrome 21.0+ */
  -moz-align-items: flex-end;
  align-items: flex-end;
  /* Firefox 20.0+, IE11+, Opera 12.10 */
  -webkit-flex-wrap: wrap;
  /* Safari 6.1+, Chrome 21.0+, Android 4.4+, iOS 7.0+ */
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* Firefox 28+, IE11, Opera 12.10 */ }
  .board-write .write-box-text {
    display: -webkit-box;
    /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
    display: -moz-flex;
    display: flex;
    /* New, Spec - Firefox, Chrome, Opera */
    width: 100%; }
  @media screen and (max-width: 991px) {
    .board-write .write-box {
      padding-top: 4px; } }

.board-write .write-textarea {
  margin-right: 8px;
  -webkit-box-flex: 1 1 auto;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  /* IE 10 */
  flex: 1 1 auto;
  /* New, Spec - Firefox, Chrome, Opera */ }
  @media screen and (max-width: 991px) {
    .board-write .write-textarea {
      margin-right: 4px; } }

.board-write .write-textarea .form-control {
  height: 100%;
  padding: 7px 13px;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  color: #222222;
  font-size: 16px; }
  @media screen and (max-width: 991px) {
    .board-write .write-textarea .form-control {
      min-height: 84px; } }
  .board-write .write-textarea .form-control::-webkit-input-placeholder {
    color: #999999; }
  .board-write .write-textarea .form-control:-moz-placeholder {
    color: #999999; }
  .board-write .write-textarea .form-control::-moz-placeholder {
    color: #999999; }
  .board-write .write-textarea .form-control:-ms-input-placeholder {
    color: #999999; }

.board-write .write-button {
  -webkit-box-flex: none;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: none;
  -webkit-flex: none;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: none;
  -ms-flex: none;
  /* IE 10 */
  flex: none;
  /* New, Spec - Firefox, Chrome, Opera */
  margin-top: auto; }
  @media screen and (max-width: 991px) {
    .board-write .write-button {
      display: -webkit-box;
      /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
      display: -moz-flex;
      display: flex;
      /* New, Spec - Firefox, Chrome, Opera */
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      /* Firefox 28+, IE11, Opera 12.10 */
      -webkit-box-align: end;
      -ms-flex-align: end;
      -webkit-align-items: flex-end;
      /* Safari 7.0+, Chrome 21.0+ */
      -moz-align-items: flex-end;
      align-items: flex-end;
      /* Firefox 20.0+, IE11+, Opera 12.10 */
      gap: 4px; }
      .board-write .write-button > * {
        margin: 0; } }

.board-write .write-help {
  width: 100%;
  padding: 0 4px;
  color: #666666;
  -webkit-box-flex: none;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: none;
  -webkit-flex: none;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: none;
  -ms-flex: none;
  /* IE 10 */
  flex: none;
  /* New, Spec - Firefox, Chrome, Opera */ }

.board-write .write-help .txt {
  margin: 4px 0 0;
  font-size: 12px;
  word-break: break-all; }

.viewer-more {
  display: inline-block;
  padding: 8px 14px 6px;
  cursor: pointer;
  color: #3399FF;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid rgba(51, 153, 255, 0.6);
  border-radius: 3px; }
  @media screen and (max-width: 991px) {
    .viewer-more {
      padding: 3px 9px 2px; } }
  @media (hover: hover), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .viewer-more:hover {
      background-color: #F4F4F4; } }
  .viewer-more-wrapper {
    padding-top: 36px; }
    @media screen and (max-width: 991px) {
      .viewer-more-wrapper {
        padding-top: 23px; } }

.board .chkbox-1-unit,
.sch .chkbox-1-unit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0; }
  @media screen and (min-width: 992px) {
    .board .chkbox-1-unit,
    .sch .chkbox-1-unit {
      margin-top: 0; } }

.board .chkbox-1-txt,
.sch .chkbox-1-txt {
  padding-left: 23px;
  font-size: 14px;
  color: #222222; }

.text-with-images.truncate .text-content {
  display: -webkit-box;
  font-size: 14px !important;
  height: 1.5em; }

.text-with-images.truncate .content-collapse .icon {
  transform: rotate(180deg); }

.text-with-images .text {
  word-break: break-all;
  word-wrap: break-word;
  font-size: 14px !important; }
  .text-with-images .text-content {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
    font-size: 14px !important;
    white-space: pre-wrap; }

.text-with-images .images-content {
  padding-top: 10px; }

.text-with-images .images .image-list {
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
  gap: 12px; }

.text-with-images .images .image-item {
  position: relative;
  border-radius: 4px; }
  .text-with-images .images .image-item:not(.hover-none):hover .outline {
    background-color: rgba(0, 0, 0, 0.3); }
  .text-with-images .images .image-item:not(.hover-none):hover .hover-message {
    display: -webkit-box;
    /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
    display: -moz-flex;
    display: flex;
    /* New, Spec - Firefox, Chrome, Opera */ }
  .text-with-images .images .image-item:not(.hover-none):hover .cta-add {
    background-color: #F4F4F4; }
  .text-with-images .images .image-item.none {
    display: none; }
  .text-with-images .images .image-item-content {
    position: relative;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 4px; }
    .text-with-images .images .image-item-content .outline,
    .text-with-images .images .image-item-content .help-message {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-align: center;
      color: #999999;
      font-size: 12px;
      display: -webkit-box;
      /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
      display: -moz-flex;
      display: flex;
      /* New, Spec - Firefox, Chrome, Opera */
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      /* Safari 7.0+, Chrome 21.0+ */
      -moz-align-items: center;
      align-items: center;
      /* Firefox 20.0+, IE11+, Opera 12.10 */
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      /* Chrome 21+, Safari Not supported. */
      -moz-justify-content: center;
      /* Chrome 21+, Safari Not supported. */
      justify-content: center;
      /* Firefox 20+, Opera 12.10, IE Not supported. */
      z-index: 1; }
    .text-with-images .images .image-item-content .outline {
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 4px;
      z-index: 1; }
    .text-with-images .images .image-item-content .hover-message {
      display: none;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      /* Safari 7.0+, Chrome 21.0+ */
      -moz-align-items: center;
      align-items: center;
      /* Firefox 20.0+, IE11+, Opera 12.10 */
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      /* Chrome 21+, Safari Not supported. */
      -moz-justify-content: center;
      /* Chrome 21+, Safari Not supported. */
      justify-content: center;
      /* Firefox 20+, Opera 12.10, IE Not supported. */
      color: #FFFFFF;
      font-size: 10px;
      z-index: 2; }
  .text-with-images .images .image-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .text-with-images .images .image-item .cta-add {
    display: -webkit-box;
    /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
    display: -moz-flex;
    display: flex;
    /* New, Spec - Firefox, Chrome, Opera */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    /* Chrome 21+, Safari Not supported. */
    -moz-justify-content: center;
    /* Chrome 21+, Safari Not supported. */
    justify-content: center;
    /* Firefox 20+, Opera 12.10, IE Not supported. */
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    /* Safari 7.0+, Chrome 21.0+ */
    -moz-align-items: center;
    align-items: center;
    /* Firefox 20.0+, IE11+, Opera 12.10 */
    width: 100%;
    height: 100%;
    color: #999999;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px; }
    @media screen and (min-width: 992px) {
      .text-with-images .images .image-item .cta-add:hover {
        color: #666666; } }
    .text-with-images .images .image-item .cta-add .icon {
      width: 16px;
      height: 16px; }
  .text-with-images .images .image-item .cta-delete {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    padding: 4px;
    z-index: 2; }
    @media screen and (min-width: 992px) {
      .text-with-images .images .image-item .cta-delete:hover .icon {
        background-color: #222222; } }
    .text-with-images .images .image-item .cta-delete .icon {
      display: block;
      width: 100%;
      height: 100%;
      padding: 8px;
      color: #FFFFFF;
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 20px; }
  .text-with-images .images .image-item--blur {
    background-color: #D9D9D9; }

.text-with-images .content-collapse {
  margin-top: 4px;
  padding-left: 4px;
  color: #666666;
  font-size: 14px; }
  .text-with-images .content-collapse .cta-collapse {
    display: -webkit-box;
    /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
    display: -moz-flex;
    display: flex;
    /* New, Spec - Firefox, Chrome, Opera */
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    /* Safari 7.0+, Chrome 21.0+ */
    -moz-align-items: center;
    align-items: center;
    /* Firefox 20.0+, IE11+, Opera 12.10 */
    gap: 4px; }
    .text-with-images .content-collapse .cta-collapse .icon {
      width: 10px;
      height: 10px; }

/* questions */
.qna .board-item__nested, .rating .board-item__nested {
  padding-left: 48px; }
  @media screen and (max-width: 991px) {
    .qna .board-item__nested, .rating .board-item__nested {
      margin-left: 0; } }

.qna .board-item__wrapper, .rating .board-item__wrapper {
  position: relative; }

.qna .board-item__layout, .rating .board-item__layout {
  display: block;
  overflow: visible; }

.qna .board-item__header, .rating .board-item__header {
  width: 100%;
  overflow: visible;
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */ }

.qna .board-item__content, .rating .board-item__content {
  margin-left: 48px; }
  @media screen and (max-width: 991px) {
    .qna .board-item__content, .rating .board-item__content {
      margin-top: 8px;
      margin-left: 0; } }

.qna .profile-layout, .rating .profile-layout {
  position: relative;
  margin-right: 12px;
  -webkit-box-flex: none;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: none;
  -webkit-flex: none;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: none;
  -ms-flex: none;
  /* IE 10 */
  flex: none;
  /* New, Spec - Firefox, Chrome, Opera */ }
  @media screen and (max-width: 991px) {
    .qna .profile-layout, .rating .profile-layout {
      margin-right: 8px; } }
  .qna .profile-layout:before, .rating .profile-layout:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    content: ''; }

.qna .profile-img, .rating .profile-img {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  overflow: hidden;
  box-shadow: none; }

.qna .own-item, .rating .own-item {
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin: auto;
  padding: 1px 6px;
  transform: translateX(-50%);
  font-size: 11px;
  white-space: nowrap;
  border-radius: 100px;
  background-color: #4C57FD;
  color: #FFFFFF; }

.qna .item-info, .rating .item-info {
  overflow: hidden;
  -webkit-box-flex: 1 1 auto;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  /* IE 10 */
  flex: 1 1 auto;
  /* New, Spec - Firefox, Chrome, Opera */
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  /* Safari 7.0+, Chrome 21.0+ */
  -moz-align-items: center;
  align-items: center;
  /* Firefox 20.0+, IE11+, Opera 12.10 */ }
  @media screen and (max-mad-width: ) {
    .qna .item-info, .rating .item-info {
      display: block; } }

.qna .name, .rating .name {
  margin-right: 6px;
  font-size: 14px;
  color: #222222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-flex: 0 1 auto;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  /* IE 10 */
  flex: 0 1 auto;
  /* New, Spec - Firefox, Chrome, Opera */ }
  @media screen and (max-mad-width: ) {
    .qna .name, .rating .name {
      display: block;
      margin-right: 0; } }

.qna .date, .rating .date {
  font-size: 13px;
  color: #999999;
  -webkit-box-flex: none;
  /* Old - iOS 6-, Safari 3.1~6 */
  -moz-box-flex: none;
  -webkit-flex: none;
  /* Safari 6.1+. iOS 7.1+, Blackberry 10 */
  -moz-flex: none;
  -ms-flex: none;
  /* IE 10 */
  flex: none;
  /* New, Spec - Firefox, Chrome, Opera */ }

.qna .secret-txt, .rating .secret-txt {
  margin-bottom: 2px;
  font-size: 14px;
  color: #666666;
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  /* Safari 7.0+, Chrome 21.0+ */
  -moz-align-items: center;
  align-items: center;
  /* Firefox 20.0+, IE11+, Opera 12.10 */ }

.qna .icon-lock, .rating .icon-lock {
  width: 12px;
  height: 12px;
  margin-right: 4px; }

.qna .video-txt, .rating .video-txt {
  margin: 0 0 2px;
  font-size: 14px;
  color: #297acc;
  cursor: pointer; }
  @media (hover: hover), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .qna .video-txt:hover, .rating .video-txt:hover {
      text-decoration: underline !important; } }

.qna .star-wrapper, .rating .star-wrapper {
  margin-bottom: 4px; }

.qna .act, .rating .act {
  margin-top: 5px;
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  /* Safari 7.0+, Chrome 21.0+ */
  -moz-align-items: center;
  align-items: center;
  /* Firefox 20.0+, IE11+, Opera 12.10 */ }

.qna .act .button-inline, .rating .act .button-inline {
  padding: 4px 0;
  color: #666666; }
  @media (hover: hover), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .qna .act .button-inline:hover, .rating .act .button-inline:hover {
      color: #444444; } }

.qna .act .divider, .rating .act .divider {
  width: 1px;
  height: 13px;
  margin: 0 8px;
  background-color: #D9D9D9;
  border: 0; }

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  line-height: 1; }

.btn.btn-master {
  padding: 13px 24px;
  font-size: 15px; }
  @media screen and (min-width: 768px) {
    .btn.btn-master {
      padding: 18px 55px;
      font-size: 22px; } }

.jumbotron {
  position: relative;
  color: #FFFFFF;
  height: 800px;
  padding: 0;
  margin: 0; }

.m-section {
  position: relative;
  overflow: hidden;
  line-height: 1; }
  .m-section .container {
    position: relative; }
  .m-section img {
    max-width: 100%;
    display: block; }

.m-hero-wrapper {
  width: 100%;
  height: 100%;
  padding-top: 0;
  background-color: #222222;
  background: #222222 url("/static/img/master/img-hero-mob@3x.jpg?dec3b11ab912") no-repeat top center;
  background-size: cover; }
  @media screen and (min-width: 768px) {
    .m-hero-wrapper {
      padding-top: 30%;
      background-image: url("/static/img/master/img-hero-pc@2x.jpg?dec3b11ab912"); } }
  @media screen and (min-width: 1200px) {
    .m-hero-wrapper {
      padding-top: 0;
      background-attachment: fixed; } }

.m-hero-container {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 40%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.m-hero-title {
  color: #FFFFFF; }
  .m-hero-title h2 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -.006em; }
    @media screen and (min-width: 768px) {
      .m-hero-title h2 {
        font-size: 70px;
        letter-spacing: -.007em; } }
  .m-hero-title h3 {
    padding-top: 4.34783%;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -.004em; }
    @media screen and (min-width: 768px) {
      .m-hero-title h3 {
        padding-top: 2.96%;
        font-size: 45px;
        letter-spacing: -.005em; } }

.m-hero-btn {
  padding-top: 15.94203%; }
  @media screen and (min-width: 768px) {
    .m-hero-btn {
      padding-top: 8.88%; } }

.m-hero-bottom {
  position: absolute;
  left: 0;
  bottom: 3.14843%;
  width: 100%;
  text-align: center; }
  .m-hero-bottom p {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -.002em; }
    @media screen and (min-width: 768px) {
      .m-hero-bottom p {
        font-size: 18px; } }
  .m-hero-bottom .ar-down {
    display: block;
    width: 20.5px;
    height: 10.5px;
    margin: 0 auto;
    padding-top: 5.33333%;
    background-image: url("/static/img/icon/ar-down-w_41x21.png?dec3b11ab912");
    background-image: url("/static/img/icon/ar-down-w_41x21.svg?dec3b11ab912");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center; }
    @media screen and (min-width: 768px) {
      .m-hero-bottom .ar-down {
        width: 26px;
        height: 13px;
        padding-top: 1.40625%; } }

.m-sol {
  background-color: #F7F7F7; }
  .m-sol:before {
    position: absolute;
    width: 1px;
    height: 51px;
    left: 50%;
    top: 0;
    background-color: #3399FF;
    transform: translateX(-50%);
    content: '';
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5; }
    @media screen and (min-width: 768px) {
      .m-sol:before {
        height: 102px; } }
  .m-sol-layout {
    position: relative;
    padding-top: 70px;
    padding-bottom: 220px; }
    @media screen and (min-width: 768px) {
      .m-sol-layout {
        padding-top: 143px;
        padding-bottom: 136px; } }
  .m-sol-header {
    position: relative;
    text-align: center; }
  .m-sol-sub {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.003em;
    color: #3399FF; }
    @media screen and (min-width: 768px) {
      .m-sol-sub {
        font-size: 24px;
        letter-spacing: -.002em; } }
  .m-sol-title {
    padding-top: 13px;
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.005em;
    color: #3399FF; }
    @media screen and (min-width: 768px) {
      .m-sol-title {
        padding-top: 27px;
        font-size: 68px;
        letter-spacing: -.007em; } }
  .m-sol-list {
    position: relative;
    margin-top: 67px; }
    @media screen and (min-width: 768px) {
      .m-sol-list {
        margin-top: 152px; } }
  .m-sol-item {
    position: relative;
    padding-left: 20px;
    font-size: 0;
    margin-top: 36px; }
    @media screen and (min-width: 768px) {
      .m-sol-item {
        margin-top: 50px;
        padding-left: 27px; } }
    .m-sol-item:first-child {
      margin-top: 0; }
    .m-sol-item.help-margin {
      margin-top: 40.5px; }
      @media screen and (min-width: 768px) {
        .m-sol-item.help-margin {
          margin-top: 82px; } }
    .m-sol-item:before {
      position: absolute;
      left: 0;
      top: 0;
      width: 8px;
      height: 8px;
      border-top: 4px solid #666666;
      border-left: 4px solid #666666;
      border-right: 4px solid transparent;
      border-bottom: 4px solid transparent;
      content: ''; }
      @media screen and (min-width: 768px) {
        .m-sol-item:before {
          width: 12px;
          height: 12px;
          border-top: 6px solid #666666;
          border-left: 6px solid #666666;
          border-right: 6px solid transparent;
          border-bottom: 6px solid transparent; } }
    .m-sol-item__term {
      position: relative;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: -.003em;
      color: rgba(34, 34, 34, 0.9); }
      @media screen and (min-width: 768px) {
        .m-sol-item__term {
          font-size: 24px;
          letter-spacing: -.002em; } }
    .m-sol-item__desc {
      padding-top: 11px;
      font-size: 12px;
      font-weight: 400;
      letter-spacing: -.002em;
      color: #666666; }
      @media screen and (min-width: 768px) {
        .m-sol-item__desc {
          padding-top: 17px;
          font-size: 16px; } }
  .m-sol-img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 120.57971%; }
    @media screen and (min-width: 768px) {
      .m-sol-img {
        width: 96.96%;
        left: 26.24%;
        max-width: 1212px; } }

.m-cost-upper {
  padding-top: 70px;
  padding-bottom: 37.5px; }
  @media screen and (min-width: 768px) {
    .m-cost-upper {
      padding-top: 130px;
      padding-bottom: 96px; } }

.m-cost-title {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -.005em;
  color: #3399FF; }
  @media screen and (min-width: 768px) {
    .m-cost-title {
      font-size: 42px;
      line-height: 1.43;
      letter-spacing: -.004em; } }
  .m-cost-title strong {
    font-weight: 700; }

.m-cost-list {
  margin-top: 73.5px;
  margin-left: -15px;
  margin-right: -15px;
  text-align: center; }
  @media screen and (max-width: 374px) {
    .m-cost-list {
      margin-left: -10px;
      margin-right: -10px; } }
  @media screen and (min-width: 768px) {
    .m-cost-list {
      margin-top: 141px;
      margin-left: -40px;
      margin-right: -40px; } }
  @media screen and (min-width: 1024px) {
    .m-cost-list {
      margin-left: -74px;
      margin-right: -74px; } }

.m-cost-item {
  display: inline-block;
  padding: 0 15px; }
  @media screen and (max-width: 374px) {
    .m-cost-item {
      padding: 0 10px; } }
  @media screen and (min-width: 768px) {
    .m-cost-item {
      padding: 0 40px; } }
  @media screen and (min-width: 1024px) {
    .m-cost-item {
      padding: 0 74px; } }
  .m-cost-item__circle {
    position: relative;
    width: 90px;
    height: 90px;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%; }
    @media screen and (max-width: 374px) {
      .m-cost-item__circle {
        width: 80px;
        height: 80px; } }
    @media screen and (min-width: 768px) {
      .m-cost-item__circle {
        width: 172px;
        height: 172px; } }
  .m-cost-item__icon {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center; }
    .m-cost-item__icon[data-icon='computer'] {
      top: 30px;
      width: 40px;
      height: 32.5px;
      background-image: url("/static/img/icon/ic-m-computer.png?dec3b11ab912");
      background-image: url("/static/img/icon/ic-m-computer.svg?dec3b11ab912"); }
      @media screen and (max-width: 374px) {
        .m-cost-item__icon[data-icon='computer'] {
          top: 27.5px; } }
      @media screen and (min-width: 768px) {
        .m-cost-item__icon[data-icon='computer'] {
          top: 58px;
          width: 76px;
          height: 62px; } }
    .m-cost-item__icon[data-icon='upload'] {
      top: 28px;
      width: 33px;
      height: 32.5px;
      background-image: url("/static/img/icon/ic-m-upload.png?dec3b11ab912");
      background-image: url("/static/img/icon/ic-m-upload.svg?dec3b11ab912"); }
      @media screen and (max-width: 374px) {
        .m-cost-item__icon[data-icon='upload'] {
          top: 25.5px; } }
      @media screen and (min-width: 768px) {
        .m-cost-item__icon[data-icon='upload'] {
          top: 54px;
          width: 64px;
          height: 63px; } }
    .m-cost-item__icon[data-icon='peoples'] {
      top: 21.5px;
      width: 40px;
      height: 38px;
      background-image: url("/static/img/icon/ic-m-peoples.png?dec3b11ab912");
      background-image: url("/static/img/icon/ic-m-peoples.svg?dec3b11ab912"); }
      @media screen and (max-width: 374px) {
        .m-cost-item__icon[data-icon='peoples'] {
          top: 19px; } }
      @media screen and (min-width: 768px) {
        .m-cost-item__icon[data-icon='peoples'] {
          top: 42px;
          width: 76px;
          height: 73px; } }
  .m-cost-item__txt {
    padding-top: 15px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.003em;
    color: rgba(34, 34, 34, 0.8); }
    @media screen and (min-width: 768px) {
      .m-cost-item__txt {
        padding-top: 36px;
        font-size: 24px;
        letter-spacing: -.002em; } }

.m-cost-under {
  padding: 47px 0 56px;
  text-align: center;
  background-color: rgba(247, 247, 247, 0.35);
  color: #666666; }
  @media screen and (min-width: 768px) {
    .m-cost-under {
      padding: 79px 0 87px; } }
  .m-cost-under__title {
    font-size: 26px;
    font-weight: 900;
    letter-spacing: -.005em; }
    @media screen and (min-width: 768px) {
      .m-cost-under__title {
        font-size: 48px; } }
  .m-cost-under__desc {
    margin-top: 25px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: -.003em; }
    @media screen and (min-width: 768px) {
      .m-cost-under__desc {
        margin-top: 41px;
        font-size: 20px;
        line-height: 1;
        letter-spacing: -.002em; } }
    .m-cost-under__desc strong {
      font-weight: 900; }
    .m-cost-under__desc em {
      display: none; }
      @media screen and (min-width: 768px) {
        .m-cost-under__desc em {
          display: inline;
          font-weight: 500;
          font-style: normal; } }
  .m-cost-under__sub {
    margin-top: 7px;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: -.002em;
    word-break: keep-all;
    word-wrap: break-word;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6; }
    @media screen and (min-width: 768px) {
      .m-cost-under__sub {
        margin-top: 12px;
        font-size: 20px; } }

.m-eff-layout {
  position: relative;
  padding-top: 70px;
  padding-bottom: 47px; }
  @media screen and (min-width: 1024px) {
    .m-eff-layout {
      padding-top: 130px; } }
  @media screen and (min-width: 1200px) {
    .m-eff-layout {
      padding-bottom: 203px; } }

.m-eff-header {
  position: relative;
  z-index: 1; }

.m-eff-title {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -.005em;
  color: #3399FF; }
  @media screen and (min-width: 768px) {
    .m-eff-title {
      font-size: 42px;
      line-height: 1.43; } }
  .m-eff-title strong {
    font-weight: 700; }

.m-eff-content {
  position: relative;
  margin-top: 120px;
  z-index: 1; }
  @media screen and (min-width: 1024px) {
    .m-eff-content {
      margin-top: 212px; } }

.m-eff-list {
  position: relative; }
  .m-eff-list ~ .m-eff-list {
    margin-top: 41px; }
    @media screen and (min-width: 1024px) {
      .m-eff-list ~ .m-eff-list {
        margin-top: 72px; } }

.m-eff-item {
  position: relative;
  padding-left: 20px;
  font-size: 0;
  margin-top: 41px;
  word-break: keep-all;
  word-wrap: break-word; }
  .m-eff-item:first-child {
    margin-top: 0; }
  @media screen and (min-width: 768px) {
    .m-eff-item {
      width: 440px; } }
  @media screen and (min-width: 1024px) {
    .m-eff-item {
      display: inline-block;
      padding-left: 27px;
      margin-top: 0;
      vertical-align: top; }
      .m-eff-item:first-child {
        margin-top: 0; }
      .m-eff-item ~ .m-eff-item {
        margin-left: 10px; } }
  @media screen and (min-width: 1200px) {
    .m-eff-item ~ .m-eff-item {
      margin-left: 48px; } }
  .m-eff-item:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    height: 8px;
    border-top: 4px solid #666666;
    border-left: 4px solid #666666;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    content: ''; }
    @media screen and (min-width: 768px) {
      .m-eff-item:before {
        width: 12px;
        height: 12px;
        border-top: 6px solid #666666;
        border-left: 6px solid #666666;
        border-right: 6px solid transparent;
        border-bottom: 6px solid transparent; } }
  .m-eff-item__term {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.003em;
    color: rgba(34, 34, 34, 0.9); }
    @media screen and (min-width: 768px) {
      .m-eff-item__term {
        font-size: 24px;
        letter-spacing: -.002em; } }
  .m-eff-item__desc {
    padding-top: 14px;
    font-size: 12px;
    line-height: 1.42;
    letter-spacing: -.002em;
    color: #666666; }
    @media screen and (min-width: 768px) {
      .m-eff-item__desc {
        padding-top: 21px;
        font-size: 16px;
        line-height: 1.5; } }
  .m-eff-item__sub {
    position: relative;
    padding-left: 10px; }
    @media screen and (min-width: 768px) {
      .m-eff-item__sub {
        padding-left: 13px; } }
    .m-eff-item__sub:before {
      position: absolute;
      top: 0;
      left: 0;
      font-size: inherit;
      color: #999999;
      content: '‧'; }
    .m-eff-item__sub ~ .m-eff-item__sub {
      margin-top: 7.5px; }
      @media screen and (min-width: 768px) {
        .m-eff-item__sub ~ .m-eff-item__sub {
          margin-top: 10px; } }
    .m-eff-item__sub span {
      color: #999999; }

.m-eff-img {
  position: relative;
  margin-top: 56px; }
  @media screen and (min-width: 1024px) {
    .m-eff-img {
      display: block;
      width: 79.44%;
      margin: 100px auto 0; } }
  @media screen and (min-width: 1200px) {
    .m-eff-img {
      position: absolute;
      display: block;
      bottom: 9.04%;
      left: 72.4%;
      max-width: 993px;
      margin-top: 0; } }

.m-eff .bg-point {
  position: absolute; }
  .m-eff .bg-point.bg-tl {
    right: 100%;
    top: 0;
    width: 100vw;
    width: 100vmin;
    height: 100vw;
    height: 100vmin;
    transform: translateX(132px);
    border-top: 50vw solid #F7F7F7;
    border-left: 50vw solid #F7F7F7;
    border-right: 50vw solid transparent;
    border-bottom: 50vw solid transparent;
    border-top: 50vmin solid #F7F7F7;
    border-left: 50vmin solid #F7F7F7;
    border-right: 50vmin solid transparent;
    border-bottom: 50vmin solid transparent; }
    @media screen and (min-width: 1024px) {
      .m-eff .bg-point.bg-tl {
        transform: translateX(16.45833%); } }
  .m-eff .bg-point.bg-br {
    left: 100%;
    bottom: 0;
    width: 100vw;
    width: 100vmin;
    height: 100vw;
    height: 100vmin;
    transform: translateX(-361px);
    border-top: 50vw solid transparent;
    border-left: 50vw solid transparent;
    border-right: 50vw solid #F7F7F7;
    border-bottom: 50vw solid #F7F7F7;
    border-top: 50vmin solid transparent;
    border-left: 50vmin solid transparent;
    border-right: 50vmin solid #F7F7F7;
    border-bottom: 50vmin solid #F7F7F7; }
    @media screen and (min-width: 1024px) {
      .m-eff .bg-point.bg-br {
        transform: translateX(-43.125%); } }

.m-apply {
  padding-top: 70px;
  padding-bottom: 60px;
  background-color: rgba(247, 247, 247, 0.35); }
  @media screen and (min-width: 768px) {
    .m-apply {
      padding-top: 138px;
      padding-bottom: 90px; } }
  .m-apply-header {
    text-align: center; }
  .m-apply-title {
    font-size: 29px;
    font-weight: 700;
    letter-spacing: -.006em;
    color: #3399FF; }
    @media screen and (min-width: 768px) {
      .m-apply-title {
        font-size: 42px;
        letter-spacing: -.004em; } }
  .m-apply-sub {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: -.003em;
    color: rgba(51, 153, 255, 0.7); }
    @media screen and (min-width: 768px) {
      .m-apply-sub {
        margin-top: 25px;
        font-size: 18px;
        letter-spacing: -.002em;
        line-height: 1; } }
  .m-apply-content {
    margin-top: 41px; }
    @media screen and (min-width: 768px) {
      .m-apply-content {
        margin-top: 113px; } }
  .m-apply-summary {
    padding-bottom: 24px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: -.004em;
    color: #666666;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .m-apply-summary {
        padding-bottom: 48px;
        font-size: 24px;
        letter-spacing: -.002em; } }
  .m-apply-box {
    margin: -1.73913% 0;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .m-apply-box {
        margin: -2.08333% 0; } }
    @media screen and (min-width: 1200px) {
      .m-apply-box {
        margin: -1.92% 0; } }
  .m-apply-list {
    display: inline-block;
    padding: 0 1.73913%;
    font-size: 0;
    text-align: left; }
    @media screen and (min-width: 768px) {
      .m-apply-list {
        padding: 0 2.08333%; } }
    @media screen and (min-width: 1200px) {
      .m-apply-list {
        padding: 0 1.92%; } }
  .m-apply-item {
    display: inline-block;
    width: 25%;
    padding: 1.8018%;
    vertical-align: top; }
    @media screen and (min-width: 768px) {
      .m-apply-item {
        width: 16.66667%;
        padding: 2.20588%; } }
    @media screen and (min-width: 1200px) {
      .m-apply-item {
        width: 12.5%;
        padding: 1.99667%; } }
    .m-apply-item__wrap {
      border: 1px solid #D9D9D9; }
    .m-apply-item__anchor {
      display: block; }
  .m-apply-tip {
    margin-top: 50px;
    text-align: center; }
    .m-apply-tip .txt {
      display: block;
      margin-bottom: 31px;
      font-size: 12px;
      font-weight: 400;
      letter-spacing: -.001em;
      color: #999999; }
    .m-apply-tip .dot {
      display: block;
      width: 4px;
      height: 4px;
      margin: 0 auto;
      background-color: #D9D9D9;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%; }
    .m-apply-tip .dot ~ .dot {
      margin-top: 20px; }
  .m-apply-footer {
    margin-top: 50px;
    text-align: center; }
    @media screen and (min-width: 1024px) {
      .m-apply-footer {
        margin-top: 30px; } }

.m-star {
  padding-top: 48px;
  padding-bottom: 56px;
  background-color: #444444;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .m-star {
      padding-top: 72px;
      padding-bottom: 76px; } }
  .m-star-icon {
    font-size: 0;
    color: #FFFFFF; }
    .m-star-icon .fa-star {
      display: inline-block;
      font-size: 23px; }
    .m-star-icon .fa-star ~ .fa-star {
      margin-left: 10px; }
    @media screen and (min-width: 768px) {
      .m-star-icon .fa-star {
        display: inline-block;
        font-size: 31px; }
      .m-star-icon .fa-star ~ .fa-star {
        margin-left: 14px; } }
  .m-star-desc {
    margin-top: 42.5px;
    padding: 0 15px;
    color: #FFFFFF;
    font-weight: 500;
    word-break: keep-all;
    word-wrap: break-word; }
    @media screen and (min-width: 768px) {
      .m-star-desc {
        margin-top: 73px;
        padding: 0; } }
    .m-star-desc h4 {
      font-size: 16px;
      line-height: 1.5;
      letter-spacing: -.003em; }
      @media screen and (min-width: 768px) {
        .m-star-desc h4 {
          font-size: 32px; } }
    .m-star-desc h3 {
      margin-top: 20px;
      font-size: 18px;
      line-height: 1;
      letter-spacing: -.004em; }
      @media screen and (min-width: 768px) {
        .m-star-desc h3 {
          margin-top: 0;
          font-size: 32px;
          letter-spacing: -.003em;
          line-height: 1.5; } }

.profanity {
  display: -webkit-box;
  /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
  display: -moz-flex;
  display: flex;
  /* New, Spec - Firefox, Chrome, Opera */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  /* Chrome 21+, Safari Not supported. */
  -moz-justify-content: space-between;
  /* Chrome 21+, Safari Not supported. */
  justify-content: space-between;
  /* Firefox 20+, Opera 12.10, IE Not supported. */
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  /* Safari 7.0+, Chrome 21.0+ */
  -moz-align-items: center;
  align-items: center;
  /* Firefox 20.0+, IE11+, Opera 12.10 */
  margin-top: 8px; }
  .profanity-info {
    font-size: 12px;
    color: #666666; }
  .profanity-btn {
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700; }

#galleryModal.modal {
  padding: 0; }
  #galleryModal.modal-center:before {
    content: none; }
  #galleryModal.modal .modal-dialog {
    width: 100% !important;
    height: 100%;
    margin: 0; }
  #galleryModal.modal .modal-content {
    max-width: 100% !important;
    height: 100%;
    background-color: transparent;
    box-shadow: none;
    border: none; }
  #galleryModal.modal .modal-body {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100%;
    padding: 0; }
    #galleryModal.modal .modal-body ul > li:before {
      content: none; }
  #galleryModal.modal .gallery {
    width: 100vw;
    height: 100%;
    transition: opacity 350ms ease; }
    #galleryModal.modal .gallery.loading {
      opacity: 0; }
    #galleryModal.modal .gallery-item {
      width: 100vw;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
    #galleryModal.modal .gallery img {
      width: 100%;
      height: 100%;
      max-width: 1920px;
      object-fit: scale-down; }
  #galleryModal.modal .gallery-handler-area {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
    display: -moz-flex;
    display: flex;
    /* New, Spec - Firefox, Chrome, Opera */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    /* Chrome 21+, Safari Not supported. */
    -moz-justify-content: space-between;
    /* Chrome 21+, Safari Not supported. */
    justify-content: space-between;
    /* Firefox 20+, Opera 12.10, IE Not supported. */
    padding: 12px 15px;
    background-color: rgba(0, 0, 0, 0.2); }
    @media screen and (min-width: 992px) {
      #galleryModal.modal .gallery-handler-area {
        padding: 12px 24px; } }
    #galleryModal.modal .gallery-handler-area.loading {
      opacity: 0; }
    #galleryModal.modal .gallery-handler-area .gallery-dots {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0);
      display: -webkit-box;
      /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
      display: -moz-flex;
      display: flex;
      /* New, Spec - Firefox, Chrome, Opera */
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      /* Safari 7.0+, Chrome 21.0+ */
      -moz-align-items: center;
      align-items: center;
      /* Firefox 20.0+, IE11+, Opera 12.10 */
      gap: 10px; }
      #galleryModal.modal .gallery-handler-area .gallery-dots button {
        width: 8px;
        height: 8px; }
        #galleryModal.modal .gallery-handler-area .gallery-dots button:before {
          content: '';
          display: block;
          width: 100%;
          height: 100%;
          background-color: #FFFFFF;
          border-radius: 100%; }
        #galleryModal.modal .gallery-handler-area .gallery-dots button:not(.active) {
          padding: 1px; }
          #galleryModal.modal .gallery-handler-area .gallery-dots button:not(.active):before {
            background-color: rgba(255, 255, 255, 0.5); }
  #galleryModal.modal .pagination {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 22px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    margin: 0;
    z-index: 1100; }
    @media screen and (min-width: 992px) {
      #galleryModal.modal .pagination:hover {
        background-color: #222222; } }
    #galleryModal.modal .pagination--next {
      right: 24px;
      padding: 11px 9px 11px 13px; }
    #galleryModal.modal .pagination--prev {
      left: 24px;
      padding: 11px 13px 11px 9px; }
  #galleryModal.modal .gradation {
    position: absolute;
    left: 0;
    width: 100%;
    height: 70px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, transparent 100%); }
    #galleryModal.modal .gradation--top {
      top: 0; }
  #galleryModal.modal .cta-close-gallery {
    position: absolute;
    top: 32px;
    right: 32px;
    padding: 0;
    width: 16px;
    height: 16px;
    color: rgba(255, 255, 255, 0.8);
    z-index: 1051; }
    @media screen and (min-width: 992px) {
      #galleryModal.modal .cta-close-gallery:hover {
        color: white; } }
  #galleryModal.modal .cta-rotate-image {
    width: 32px;
    height: 32px;
    padding: 5px 8px 8px;
    color: #FFFFFF;
    opacity: 0.8; }
    @media screen and (min-width: 992px) {
      #galleryModal.modal .cta-rotate-image:hover {
        opacity: 1; } }
  #galleryModal.modal .slick-track, #galleryModal.modal .slick-list {
    height: 100%; }
  #galleryModal.modal .slick-list {
    padding: 0; }
  #galleryModal.modal .slick-slide {
    width: 100%; }
  #galleryModal.modal .slick-slider {
    touch-action: pinch-zoom;
    -ms-touch-action: pinch-zoom; }
  #galleryModal.modal .spinner {
    position: absolute; }

@media screen and (max-width: 991px) {
  #galleryModal.modal .cta-close-gallery {
    top: 15px;
    right: 15px;
    width: 32px;
    height: 32px;
    padding: 8px; }
  #galleryModal.modal .pagination {
    width: 28px;
    height: 28px; }
    #galleryModal.modal .pagination--next {
      right: 17px;
      padding: 6px 5px 6px 7px; }
    #galleryModal.modal .pagination--prev {
      left: 17px;
      padding: 6px 7px 6px 5px; } }

#galleryUploadModal.modal .modal-header {
  padding: 42px 25px 18px; }
  #galleryUploadModal.modal .modal-header .modal-title {
    font-size: 20px;
    line-height: 1.5;
    color: #222222; }
  #galleryUploadModal.modal .modal-header .close {
    top: 18px;
    right: 18px;
    color: #666666;
    width: 32px;
    height: 32px;
    padding: 8px;
    border-radius: 100%;
    background-size: 18px 18px; }
    @media screen and (min-width: 992px) {
      #galleryUploadModal.modal .modal-header .close:hover {
        background-color: #F4F4F4; } }

#galleryUploadModal.modal .modal-footer {
  padding: 40px 25px 25px;
  border: none; }
  #galleryUploadModal.modal .modal-footer .buttons {
    display: -webkit-box;
    /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
    display: -moz-flex;
    display: flex;
    /* New, Spec - Firefox, Chrome, Opera */
    gap: 16px;
    width: 100%; }
    #galleryUploadModal.modal .modal-footer .buttons button {
      width: 50%;
      margin: 0;
      font-weight: bold; }

#galleryUploadModal.modal .modal-content {
  max-width: 100% !important; }
  #galleryUploadModal.modal .modal-content.dragover .modal-body .overlay {
    display: -webkit-box;
    /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
    display: -moz-flex;
    display: flex;
    /* New, Spec - Firefox, Chrome, Opera */ }

#galleryUploadModal.modal .modal-body {
  padding: 0 10px; }
  #galleryUploadModal.modal .modal-body .upload-zone {
    position: relative;
    padding: 0 15px;
    border-radius: 6px; }
    #galleryUploadModal.modal .modal-body .upload-zone .overlay {
      position: absolute;
      top: 10px;
      left: 0;
      width: 100%;
      height: 100%;
      display: none;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      /* Safari 7.0+, Chrome 21.0+ */
      -moz-align-items: center;
      align-items: center;
      /* Firefox 20.0+, IE11+, Opera 12.10 */
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      /* Chrome 21+, Safari Not supported. */
      -moz-justify-content: center;
      /* Chrome 21+, Safari Not supported. */
      justify-content: center;
      /* Firefox 20+, Opera 12.10, IE Not supported. */
      font-size: 16px;
      background-color: rgba(0, 0, 0, 0.3);
      color: white;
      border-radius: 6px;
      z-index: 1; }
    #galleryUploadModal.modal .modal-body .upload-zone.disable-upload .image-item--file-upload,
    #galleryUploadModal.modal .modal-body .upload-zone.disable-upload .moxie-shim {
      display: none; }
  #galleryUploadModal.modal .modal-body .upload-help-box {
    display: -webkit-box;
    /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
    display: -moz-flex;
    display: flex;
    /* New, Spec - Firefox, Chrome, Opera */
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* Firefox 28+, IE11, Opera 12.10 */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    /* Chrome 21+, Safari Not supported. */
    -moz-justify-content: center;
    /* Chrome 21+, Safari Not supported. */
    justify-content: center;
    /* Firefox 20+, Opera 12.10, IE Not supported. */
    gap: 6px;
    padding: 36px 0 66px;
    color: #666666; }
    #galleryUploadModal.modal .modal-body .upload-help-box .title {
      font-size: 16px; }
    #galleryUploadModal.modal .modal-body .upload-help-box .subtitle {
      font-size: 12px; }
  #galleryUploadModal.modal .modal-body .upload-images .image-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; }
  #galleryUploadModal.modal .modal-body .upload-images .image-item.none {
    display: none; }
  #galleryUploadModal.modal .modal-body .upload-images .image-item:hover .outline {
    background-color: transparent; }
  #galleryUploadModal.modal .modal-body .upload-images .image-item.loading, #galleryUploadModal.modal .modal-body .upload-images .image-item.error {
    opacity: 1;
    background-color: #F4F4F4; }
  #galleryUploadModal.modal .modal-body .upload-images .image-item-content {
    width: 100%;
    padding-top: 100%; }
    #galleryUploadModal.modal .modal-body .upload-images .image-item-content .spinner {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0); }
      #galleryUploadModal.modal .modal-body .upload-images .image-item-content .spinner-path {
        stroke: #D9D9D9; }
  #galleryUploadModal.modal .modal-body .upload-images .image-item .cta-add {
    position: absolute;
    top: 0; }
  #galleryUploadModal.modal .modal-body .upload-images .image-item--file-upload label {
    cursor: pointer;
    margin: 0; }
  #galleryUploadModal.modal .modal-body .upload-images .image-item--file-upload input[type="file"] {
    /* 파일 필드 숨기기 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }

@media screen and (max-width: 991px) {
  #galleryUploadModal.modal-center:before {
    content: none; }
  #galleryUploadModal.modal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0; }
  #galleryUploadModal.modal .modal-content {
    position: relative;
    display: -webkit-box;
    /* Old - iOS 6-, Safari 3.1~6, Blackberry 7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* New - Safari 6.1+. iOS 7.1+, Blackberry 10 */
    display: -moz-flex;
    display: flex;
    /* New, Spec - Firefox, Chrome, Opera */
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    /* Chrome 21.0+, But Safari & Android & iOS Not supported. */
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* Firefox 28+, IE11, Opera 12.10 */
    height: 100%;
    border-radius: 0;
    border: none; }
  #galleryUploadModal.modal .modal-header .modal-title {
    font-size: 18px; }
  #galleryUploadModal.modal .modal-footer {
    margin-top: auto; }
  #galleryUploadModal.modal .modal-body {
    padding-top: 0;
    padding-bottom: 0; }
    #galleryUploadModal.modal .modal-body .upload-zone {
      padding: 0; }
    #galleryUploadModal.modal .modal-body .upload-help-box {
      text-align: left;
      padding: 20px 0; }
      #galleryUploadModal.modal .modal-body .upload-help-box .title {
        display: none; }
    #galleryUploadModal.modal .modal-body .text-with-images .images-content {
      padding: 0; } }