@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, etails, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-family: inherit; }

main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'S-CoreDream';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'S-CoreDream';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'S-CoreDream';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'S-CoreDream';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff") format("woff");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'S-CoreDream';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'S-CoreDream';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff") format("woff");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: 'S-CoreDream';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff") format("woff");
  font-weight: 900;
  font-style: normal; }
body {
  min-width: 360px;
  width: 100%;
  font-size: 14px;
  color: #333;
  line-height: 1;
  font-weight: 400;
  word-break: keep-all;
  box-sizing: border-box;
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }
  body *, body *::before, body *::after {
    box-sizing: border-box; }

hr {
  display: block;
  border: 0;
  margin: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input, select, textarea {
  font-family: inherit;
  outline: none; }

a, button {
  color: #000;
  cursor: pointer;
  border: 0;
  padding: 0;
  outline: none;
  text-decoration: none;
  background: none; }
  a:hover, button:hover {
    color: #000; }

.container {
  display: block;
  width: 100%;
  max-width: 1310px;
  padding: 0 15px;
  margin: 0 auto; }

.container-fluid {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px; }

/* notice-list */
.notice-list {
  padding: 70px 0 100px; }
  .notice-list .container .section-header {
    padding-top: 50px;
    border-bottom: 1px solid #f3f3f2; }
    .notice-list .container .section-header h3 {
      font-size: 30px;
      color: #000;
      font-weight: bold; }
  .notice-list .container .section-content .pagination {
    margin-top: 50px; }
  @media (max-width: 1024px) {
    .notice-list .container .section-header {
      text-align: center;
      padding-top: 10px; }
      .notice-list .container .section-header h3 {
        margin-bottom: 20px; } }

/* customer-slider */
.customer-slider {
  position: relative; }
  .customer-slider .swiper-wrapper .swiper-slide {
    position: relative; }
    .customer-slider .swiper-wrapper .swiper-slide:after {
      position: absolute;
      top: 0;
      right: -1px;
      width: 1px;
      height: 100%;
      content: '';
      background-color: #ebebea; }
    .customer-slider .swiper-wrapper .swiper-slide .box {
      display: table;
      width: 100%;
      padding: 20px 0;
      table-layout: fixed; }
      .customer-slider .swiper-wrapper .swiper-slide .box > div {
        display: table-cell;
        vertical-align: middle; }
        .customer-slider .swiper-wrapper .swiper-slide .box > div.item-img {
          width: 150px; }
          .customer-slider .swiper-wrapper .swiper-slide .box > div.item-img img {
            display: block;
            max-width: 100%;
            margin: 0 auto; }
        .customer-slider .swiper-wrapper .swiper-slide .box > div.details {
          font-family: 'S-CoreDream'; }
          .customer-slider .swiper-wrapper .swiper-slide .box > div.details b {
            display: block;
            font-weight: 700;
            font-size: 16px;
            color: #000; }
          .customer-slider .swiper-wrapper .swiper-slide .box > div.details p {
            display: block;
            font-size: 14px;
            color: #000;
            font-weight: 500;
            margin-top: 10px; }
            .customer-slider .swiper-wrapper .swiper-slide .box > div.details p.big {
              font-size: 17px;
              line-height: 24px;
              margin-top: 20px; }
          .customer-slider .swiper-wrapper .swiper-slide .box > div.details .btn-area {
            margin-top: 10px; }
            .customer-slider .swiper-wrapper .swiper-slide .box > div.details .btn-area > a {
              display: inline-block;
              color: #000;
              font-size: 25px;
              line-height: 44px;
              padding: 0 20px;
              font-weight: 600;
              border-radius: 10px;
              background-color: #fee700; }
              .customer-slider .swiper-wrapper .swiper-slide .box > div.details .btn-area > a.btn-kakao {
                font-size: 19px; }
                .customer-slider .swiper-wrapper .swiper-slide .box > div.details .btn-area > a.btn-kakao:after {
                  display: inline-block;
                  vertical-align: top;
                  width: 15px;
                  height: 44px;
                  content: '';
                  margin-left: 10px;
                  background-image: url(/home/skin2/assets/images/sub/ico_plus.png);
                  background-repeat: no-repeat;
                  background-position: 50% 50%;
                  background-size: 15px auto; }
  .customer-slider .controls {
    display: none; }
  @media (max-width: 1024px) {
    .customer-slider .swiper-wrapper .swiper-slide:after {
      display: none; }
    .customer-slider .swiper-wrapper .swiper-slide .box {
      width: auto;
      margin: 0 auto; }
      .customer-slider .swiper-wrapper .swiper-slide .box > div.item-img {
        width: 130px; }
    .customer-slider .controls {
      display: block; }
      .customer-slider .controls button {
        position: absolute;
        top: 50%;
        font-size: 0;
        z-index: 1;
        display: inline-block;
        transform: translateY(-50%); }
        .customer-slider .controls button img {
          display: block;
          max-width: 100%; }
        .customer-slider .controls button.btn-prev {
          left: 0; }
        .customer-slider .controls button.btn-next {
          right: 0; } }

/*# sourceMappingURL=customer.css.map */
