@charset "UTF-8";
/*
// ======================================================================== 
// 
//  이름: Eden Board Skin
//  제작자: CavlinSnax(https://calvinsnax.com)
//  연락처: hello@calvinsnax.com
//
//  설명: 제작자의 이름을 제거하지 말아주세요.
//
//  ⓒ 본 파일은 CalvinSnax(https://calvinsnax.com)의 소유물입니다.
//
// ======================================================================== 
*/
/* ========================================================================
 Component: Base
 ========================================================================== */
.ed {
  font-size: 14px;
  font-weight: 400;
}

.ed, .ed * {
  font-family: "Noto Sans Korean", "Open Sans", "malgun gothic", "Nanum Gothic", dotum, arial, sans-serif;
}

.ed .xe_content, .ed .xe_content p {
  color: #333333;
  font-weight: 400;
}

.ed .ed.comment-content .xe_content p {
  font-size: 14px;
  margin: 0;
}

/* 마트몬 댓글 영역 이미지 크기 100%에서 50%로 수정 적용*/
.ed .ed.comment-content .xe_content img {
width:50%;
}

.ed.board {
  padding: 0px 15px 15px 15px;
}

@media (max-width: 639px) {
  .ed.board {
    padding: 15px 0;
  }
}

.ed script, .ed style {
  display: none !important;
}

strong, b {
  font-weight: 600 !important;
}

/* Heading
=========================================================================== */
.ed h1,
.ed h2,
.ed h3,
.ed h4,
.ed h5,
.ed h6 {
  color: #333333;
  font-family: "Noto Sans Korean", "Open Sans", "malgun gothic", "Nanum Gothic", dotum, arial, sans-serif;
  font-weight: normal;
  margin: 0 0 15px 0;
}

.ed h1, .ed h1 * {
  font-size: 42px;
  font-weight: 300;
  line-height: 1.2;
}

.ed h2, .ed h2 * {
  font-size: 32px;
  font-weight: 300;
  line-height: 1.3;
}

.ed h3, .ed h3 * {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.4;
}

.ed h4, .ed h4 * {
  font-size: 20px;
  line-height: 1.4;
}

.ed h5, .ed h5 * {
  font-size: 14px;
  line-height: 1.4;
}

.ed h6, .ed h6 * {
  font-size: 13px;
  line-height: 1.4;
}

/* HR
=========================================================================== */
.ed * + .ed-hr {
  margin-top: 20px;
}

.ed hr, .ed-hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
  text-align: inherit;
  margin: 0 0 20px 0;
  border: 0;
  border-top: 1px solid #ededed;
}

/* Link
=========================================================================== */
.ed a {
  color: #626dff;
}

.ed.link-reset {
  color: inherit;
  text-decoration: none !important;
  font-weight: inherit;
}

.ed.link {
  color: #333333;
  text-decoration: none !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.ed.link:hover {
  color: #666666;
}

.ed.link-primary {
  color: #626dff;
  text-decoration: none !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.ed.link-primary:hover {
  color: #414de6;
}

.ed.link-muted {
  color: #999;
  text-decoration: none !important;
  transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
}

.ed.link-muted:hover {
  color: #666666;
}

/* XE code reset
=========================================================================== */
#popup_menu_area {
  position: absolute;
  z-index: 9999;
  margin: 10px 0;
  padding: 10px;
  border: none;
  border-radius: 3px;
  font-size: 13px;
  -webkit-box-shadow: 0 0 1px 1px rgba(31, 45, 61, 0.15);
          box-shadow: 0 0 1px 1px rgba(31, 45, 61, 0.15);
  background: white;
  min-width: 80px;
}

#popup_menu_area a {
  padding: 7px 10px;
  color: #333333;
  -webkit-transition: all 150ms;
  transition: all 150ms;
}

#popup_menu_area a:hover, #popup_menu_area a:focus {
  background: none;
  color: #626dff;
}

#popup_menu_area:focus {
  outline: none;
}

/* ========================================================================
 Component: Grid
 ========================================================================== */
@-ms-viewport {
  width: device-width;
}

.ed {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

.ed *,
.ed *::before,
.ed *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.ed.container {
  max-width: 960px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 959px) {
  .ed.container {
    width: 100%;
  }
}

@media (max-width: 639px) {
  .ed.container {
    overflow: hidden;
  }
}

@media (max-width: 639px) {
  .ed.inner-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.ed.clearfix {
  zoom: 1;
}

.ed.clearfix:before, .ed.clearfix:after {
  content: "";
  display: table;
}

.ed.clearfix::after {
  clear: both;
}

.row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
          flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
          flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  -webkit-box-flex: 0;
          flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  -webkit-box-flex: 0;
          flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  -webkit-box-flex: 0;
          flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 640px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

/* ========================================================================
 Component: Flex
 ========================================================================== */
.ed.flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.ed.inline-flex {
  display: -ms-inline-flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ed.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ed.flex-middle {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.ed.flex-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.ed.flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ed.flex-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.ed.float-left {
  float: left;
}

.ed.float-right {
  float: right;
}

/* ========================================================================
 Component: Section
 ========================================================================== */
.ed.section {
  zoom: 1;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ed.section:before, .ed.section:after {
  content: "";
  display: table;
}

.ed.section::after {
  clear: both;
}

.ed.section-large {
  padding-top: 80px;
  padding-bottom: 80px;
}

.ed.background-color-content {
  background-color: white;
}

.ed.background-color-base {
  background-color: #999 !important;
}

.ed.background-color-base-light {
  background-color: #d9d9d9 !important;
}

.ed.background-color-base-lighter {
  background-color: #ededed !important;
}

.ed.background-color-base-lightest {
  background-color: #f8f8f8 !important;
}

.ed.background-color-base-dark {
  background-color: #666666 !important;
}

.ed.background-color-base-darker {
  background-color: #333333 !important;
}

.ed.background-color-base-darkest {
  background-color: #1a1a1a !important;
}

.ed.background-color-primary {
  background-color: #626dff !important;
}

.ed.background-color-primary-light {
  background-color: #818aff !important;
}

.ed.background-color-primary-lighter {
  background-color: #e0e2ff !important;
}

.ed.background-color-primary-dark {
  background-color: #414de6 !important;
}

.ed.background-color-primary-darker {
  background-color: #3a44cc !important;
}

.ed.background-color-success {
  background-color: #15bd98 !important;
}

.ed.background-color-success-light {
  background-color: #44caad !important;
}

.ed.background-color-success-lighter {
  background-color: #a1e5d6 !important;
}

.ed.background-color-success-dark {
  background-color: #119578 !important;
}

.ed.background-color-success-darker {
  background-color: #0f856b !important;
}

.ed.background-color-danger {
  background-color: #ff6b6b !important;
}

.ed.background-color-danger-light {
  background-color: #ff8989 !important;
}

.ed.background-color-danger-lighter {
  background-color: #ffa6a6 !important;
}

.ed.background-color-danger-dark {
  background-color: #e64949 !important;
}

.ed.background-color-danger-darker {
  background-color: #cc4141 !important;
}

/* ========================================================================
 Component: Button
 ========================================================================== */
.ed.button,
.ed.extra-form input[type="button"] {
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  padding: 10px 18px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #ededed;
  text-decoration: none !important;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.ed.button:focus,
.ed.extra-form input[type="button"]:focus {
  outline: none;
}

.ed.button-rounded {
  border-radius: 100px !important;
}

/* Button size
========================================================================== */
.ed.button-small {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  padding: 6px 14px;
  border-radius: 3px;
}

/* Button color style
=========================================================================== */
.ed.button-content {
  color: inherit;
  background-color: white;
  border-color: white;
}

.ed.button-content:hover {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
}

.ed.button-content:active {
  background-color: #ededed;
  border-color: #ededed;
}

.ed.button-default,
.ed.extra-form input[type="button"] {
  color: #666666;
  background-color: white;
  border-color: #ededed;
}

.ed.button-default:hover,
.ed.extra-form input[type="button"]:hover {
  color: #666666;
  border-color: #d9d9d9;
}

.ed.button-default:active,
.ed.extra-form input[type="button"]:active {
  color: #666666;
  border-color: #999;
}

.ed.button-primary {
  color: white !important;
  border-color: #626dff !important;
  background-color: #626dff !important;
}

.ed.button-primary:hover {
  color: white !important;
  border-color: #818aff !important;
  background-color: #818aff !important;
}

.ed.button-primary:active {
  color: white !important;
  border-color: #414de6 !important;
  background-color: #414de6 !important;
}

.ed.button-link {
  padding: 5px;
  color: #666666;
  background-color: transparent;
  border-color: transparent;
}

.ed.button-link:hover {
  color: #333333;
  background-color: transparent;
  border-color: transparent;
}

.ed.button-link:active {
  color: #1a1a1a;
  background-color: transparent;
  border-color: transparent;
}

/* ========================================================================
 Component: Input
=========================================================================== */
.ed.extra-form input,
.ed.input {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 9px 18px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #ededed;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.ed.extra-form input:disabled,
.ed.input:disabled {
  cursor: no-drop;
  opacity: 0.7;
  background-color: #f8f8f8;
}

/* Input style
========================================================================== */
.ed.extra-form input,
.ed.input-default {
  border-color: #ededed;
}

.ed.extra-form input:hover,
.ed.input-default:hover {
  border-color: #d9d9d9;
}

.ed.extra-form input:focus,
.ed.input-default:focus {
  border-color: #626dff;
  outline: none;
}

/* Input size
========================================================================== */
.ed.input-small,
.ed.extra-form input {
  padding: 8px 14px !important;
}

/* Checkbox
========================================================================== */
.ed.extra-form input[type="checkbox"],
.ed.input-checkbox {
  display: none;
  visibility: hidden;
}

.ed.extra-form input[type="checkbox"] + label,
.ed.input-checkbox + label {
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  color: #999;
  margin-right: 10px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.ed.extra-form input[type="checkbox"] + label:hover:before,
.ed.input-checkbox + label:hover:before {
  border-color: #999;
}

.ed.extra-form input[type="checkbox"] + label:active:before,
.ed.input-checkbox + label:active:before {
  border-color: #626dff;
}

.ed.extra-form input[type="checkbox"] + label:before,
.ed.input-checkbox + label:before {
  display: inline-block;
  cursor: pointer;
  content: "";
  width: 18px;
  height: 18px;
  margin-right: 6px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px auto;
  -webkit-background-size: 10px auto;
  -moz-background-size: 10px auto;
  -o-background-size: 10px auto;
  border-radius: 4px;
  border: none;
  border-width: 1px;
  border-style: solid;
  border-color: #d9d9d9;
  vertical-align: middle;
  background-color: white;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.ed.extra-form input[type="checkbox"]:checked + label,
.ed.input-checkbox:checked + label {
  color: #626dff;
}

.ed.extra-form input[type="checkbox"]:checked + label:before,
.ed.input-checkbox:checked + label:before {
  border-color: #626dff;
  background-color: #626dff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDIwIDE1Ij4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNy4xNDMsMTQuOTM4IDAsNy43OTYgMi4wMjEsNS43NzYgNy4xNDMsMTAuODk4IDE3Ljk3OSwwLjA2MiAyMCwyLjA4MiAiLz4NCjwvc3ZnPg0K");
}

.ed.extra-form input[type="checkbox"]:hover:checked + label:before,
.ed.input-checkbox:hover:checked + label:before {
  border-color: #626dff;
}

/* Radio
========================================================================== */
.ed.extra-form input[type="radio"],
.ed.input-radio {
  -webkit-appearance: none;
  display: inline-block;
  height: 16px;
  width: 16px;
  cursor: pointer;
  overflow: hidden;
  outline: none;
  margin: -4px 0 0 0;
  padding: 0 !important;
  vertical-align: middle;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 50% !important;
  border: 1px solid #d9d9d9;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transition-property: background-color, border;
  transition-property: background-color, border;
}

.ed.extra-form input[type="radio"]:focus,
.ed.input-radio:focus {
  border-color: #626dff;
}

.ed.extra-form input[type="radio"]:checked,
.ed.input-radio:checked {
  background-color: white;
  border-color: #626dff;
  border-width: 5px;
}

.ed.extra-form input[type="radio"]:checked:focus,
.ed.input-radio:checked:focus {
  border-color: #626dff;
}

.ed.extra-form input[type="radio"] + label,
.ed.input-radio + label {
  cursor: pointer;
  color: #999;
  margin-left: 5px;
  margin-right: 10px;
}

.ed.extra-form input[type="radio"]:checked + label,
.ed.input-radio:checked + label {
  color: #626dff;
}

/* Toggle
========================================================================== */
.ed.input-toggle {
  display: none;
}

.ed.input-toggle + label {
  cursor: pointer;
  position: relative;
  display: inline-block;
}

.ed.input-toggle + label div {
  margin-left: 40px;
  color: #999;
  line-height: 21px;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}

.ed.input-toggle + label::before, .ed.input-toggle + label::after {
  content: "";
  position: absolute;
}

.ed.input-toggle + label::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 20px;
  border-radius: 500px;
  background-color: #f8f8f8;
  border: 1px solid #ededed;
  transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -webkit-transition: 0.4s ease-in-out;
}

.ed.input-toggle + label::after {
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
  border-radius: 500px;
  background-color: white;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}

.ed.input-toggle + label:hover::after {
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

.ed.input-toggle:checked + label::before {
  border-color: #15bd98;
  -webkit-box-shadow: 0 0 0 20px #15bd98 inset;
          box-shadow: 0 0 0 20px #15bd98 inset;
}

.ed.input-toggle:checked + label::after {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.ed.input-toggle:checked + label div {
  color: #15bd98;
}

/* Placeholder
========================================================================== */
.ed.input:-ms-input-placeholder {
  color: #999 !important;
}

.ed.input::-moz-placeholder {
  color: #999;
}

.ed.input::-webkit-input-placeholder {
  color: #999;
}

/* Textarea
========================================================================== */
.ed.extra-form textarea,
.ed.comment-form textarea,
.ed.textarea {
  display: block;
  width: 100%;
  border: 1px solid #ededed;
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 10px;
  transition: border 250ms;
  -o-transition: border 250ms;
  -moz-transition: border 250ms;
  -webkit-transition: border 250ms;
}

.ed.extra-form textarea:hover,
.ed.comment-form textarea:hover,
.ed.textarea:hover {
  border-color: #d9d9d9;
}

.ed.extra-form textarea:focus,
.ed.comment-form textarea:focus,
.ed.textarea:focus {
  outline: none;
  border-color: #626dff;
}

.comment-form .rx_editor_wrapper {
  width: 100%;
}

/* Select
========================================================================== */
.ed.extra-form select,
.ed.select {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  padding: 12px 18px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im0xMjEuMywzNC42Yy0xLjYtMS42LTQuMi0xLjYtNS44LDBsLTUxLDUxLjEtNTEuMS01MS4xYy0xLjYtMS42LTQuMi0xLjYtNS44LDAtMS42LDEuNi0xLjYsNC4yIDAsNS44bDUzLjksNTMuOWMwLjgsMC44IDEuOCwxLjIgMi45LDEuMiAxLDAgMi4xLTAuNCAyLjktMS4ybDUzLjktNTMuOWMxLjctMS42IDEuNy00LjIgMC4xLTUuOHoiIGZpbGw9IiM5OTk5OTkiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat calc(100% - 1em) 50%;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #ededed;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.ed.extra-form select:disabled,
.ed.select:disabled {
  cursor: no-drop;
  opacity: 0.7;
  background-color: #f8f8f8;
}

.ed.select-default:hover {
  border-color: #d9d9d9;
}

.ed.select-default:focus {
  border-color: #626dff;
}

/* Input Label
========================================================================== */
.ed.input-label {
  display: block;
  margin-bottom: 5px;
}

/* ========================================================================
 Component: Board
 ========================================================================== */
.ed.board-dec {
  color: #666666;
}

/* ========================================================================
 Component: Pagination
 ========================================================================== */
.ed.pagination-container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

.ed.pagination-container .ed.prev, .ed.pagination-container .ed.next {
  display: inline-block;
}

.ed.pagination-container .ed.prev > a, .ed.pagination-container .ed.next > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-width: 36px;
  height: 36px;
  padding-left: 10px;
  padding-right: 10px;
  color: #626dff;
  font-size: 14px;
  line-height: 34px;
  text-decoration: none;
  text-align: center;
  background-color: white;
  border: 1px solid #e0e2ff;
  border-radius: 500px;
  transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
}

.ed.pagination-container .ed.prev > a:hover, .ed.pagination-container .ed.next > a:hover {
  background-color: #e0e2ff;
}

.ed.pagination-container .ed.prev {
  margin-right: 5px;
}

.ed.pagination-container .ed.next {
  margin-left: 5px;
}

.ed.pagination {
  display: -ms-inline-flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.ed.pagination > li {
  display: inline-block;
  margin: 0;
  background-color: #f8f8f8;
}

.ed.pagination > li > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-width: 36px;
  height: 36px;
  padding-left: 10px;
  padding-right: 10px;
  color: #999;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 500px !important;
  transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
}

.ed.pagination > li > a:hover {
  color: #626dff;
  background-color: #e0e2ff;
  border-color: #e0e2ff;
}

.ed.pagination > li.active > a {
  color: white;
  background-color: #626dff;
  border-color: #626dff;
}

.ed.pagination > li:first-child {
  border-radius: 500px 0 0 500px;
}

.ed.pagination > li:last-child {
  border-radius: 0 500px 500px 0;
}

@media (max-width: 639px) {
  .ed.pagination > li:nth-child(6) {
    display: none;
  }
  .ed.pagination > li:nth-child(7) {
    display: none;
  }
  .ed.pagination > li:nth-child(8) {
    display: none;
  }
  .ed.pagination > li:nth-child(9) {
    display: none;
  }
  .ed.pagination > li:nth-child(10) {
    display: none;
  }
  .ed.pagination > li:nth-child(5) {
    border-radius: 0 500px 500px 0;
  }
}

/* ========================================================================
 Component: Dropdown
 ========================================================================== */
.ed.dropdown {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.ed.dropdown-menu {
  position: absolute;
  display: block;
  list-style-type: none;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  z-index: 2;
  width: 150px;
  visibility: hidden;
  opacity: 0;
  border: none;
  -webkit-transform: scale(0.6, 0.5);
          transform: scale(0.6, 0.5);
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition: opacity 0.2s, visibility 0.2s, -webkit-transform 150ms cubic-bezier(0.43, -0.02, 0.2, 0.79);
  transition: opacity 0.2s, visibility 0.2s, -webkit-transform 150ms cubic-bezier(0.43, -0.02, 0.2, 0.79);
  transition: opacity 0.2s, visibility 0.2s, transform 150ms cubic-bezier(0.43, -0.02, 0.2, 0.79);
  transition: opacity 0.2s, visibility 0.2s, transform 150ms cubic-bezier(0.43, -0.02, 0.2, 0.79), -webkit-transform 150ms cubic-bezier(0.43, -0.02, 0.2, 0.79);
  background-color: white;
  border-radius: 3px;
  -webkit-box-shadow: 0 6px 18px -2px rgba(26, 26, 26, 0.2);
          box-shadow: 0 6px 18px -2px rgba(26, 26, 26, 0.2);
}

.ed.dropdown-menu > li {
  opacity: 0;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.ed.dropdown-menu > li > a {
  display: block;
  padding: 10px 15px;
  color: #333333;
  text-decoration: none;
  -webkit-transition: all 150ms;
  transition: all 150ms;
}

.ed.dropdown-menu > li > a > .ed.icon {
  display: inline-block;
  width: 20px;
  margin-right: 10px;
}

.ed.dropdown-menu > li > a:hover, .ed.dropdown-menu > li > a:active {
  background-color: #f8f8f8;
}

.ed.dropdown-menu > li > a.more {
  color: #999;
  background-color: #f8f8f8;
  text-align: center;
}

.ed.dropdown-menu > li:first-child > a {
  overflow: hidden;
  border-radius: 3px 3px 0 0;
}

.ed.dropdown-menu > li:last-child > a {
  overflow: hidden;
  border-radius: 0 0 3px 3px;
}

.ed.dropdown-menu > li:nth-child(1) {
  -webkit-transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  -webkit-transition-delay: 50ms;
          transition-delay: 50ms;
}

.ed.dropdown-menu > li:nth-child(2) {
  -webkit-transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}

.ed.dropdown-menu > li:nth-child(3) {
  -webkit-transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}

.ed.dropdown-menu > li:nth-child(4) {
  -webkit-transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}

.ed.dropdown-menu > li:nth-child(5) {
  -webkit-transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}

.ed.dropdown-menu > li:nth-child(6) {
  -webkit-transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}

.ed.dropdown-menu > li:nth-child(7) {
  -webkit-transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  -webkit-transition-delay: 350ms;
          transition-delay: 350ms;
}

.ed.dropdown-menu > li:nth-child(8) {
  -webkit-transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}

.ed.dropdown-menu > li:nth-child(9) {
  -webkit-transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  -webkit-transition-delay: 450ms;
          transition-delay: 450ms;
}

.ed.dropdown-menu > li:nth-child(10) {
  -webkit-transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out;
  transition: opacity 0.2s, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

.ed.dropdown-menu + .ed.dropdown-close {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  visibility: hidden;
}

.ed.dropdown-menu.on {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.ed.dropdown-menu.on + .ed.dropdown-close {
  cursor: default;
  position: fixed;
  visibility: visible;
}

.ed.dropdown-menu.on > li {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.ed.dropdown-right .ed.dropdown-menu {
  left: auto;
  right: 0;
  -webkit-transform-origin: top right;
          transform-origin: top right;
}

.ed.dropdown-shadow .ed.dropdown-menu {
  z-index: 720;
}

.ed.dropdown-shadow .ed.dropdown-menu + .ed.dropdown-close {
  z-index: 700;
  opacity: 0;
  background-color: rgba(26, 26, 26, 0.1);
  -webkit-transition: opacity 250ms, visibility 0.2s;
  transition: opacity 250ms, visibility 0.2s;
}

.ed.dropdown-shadow .ed.dropdown-menu.on + .ed.dropdown-close {
  opacity: 1;
}

.ed.dropdown-angle .ed.dropdown-menu::before, .ed.dropdown-angle .ed.dropdown-menu::after {
  content: '';
  position: absolute;
}

.ed.dropdown-angle .ed.dropdown-menu::before {
  top: -7px;
  right: 15px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.1);
  border-left: 7px solid transparent;
}

.ed.dropdown-angle .ed.dropdown-menu::after {
  top: -6px;
  right: 16px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
}

.ed.dropdown-hover:hover + .ed.dropdown .ed.dropdown-menu {
  display: block;
}

.ed.dropdown-hover + .ed.dropdown > .ed.dropdown-menu {
  left: 15px;
}

.ed.dropdown-hover + .ed.dropdown > .ed.dropdown-menu::before {
  left: 15px;
  right: auto;
}

.ed.dropdown-hover + .ed.dropdown > .ed.dropdown-menu::after {
  left: 16px;
  right: auto;
}

.ed.dropdown-hover + .ed.dropdown > .ed.dropdown-menu:hover {
  display: block;
}

/* ========================================================================
 Component: Modal
 ========================================================================== */
.ed.modal {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s, visibility 0.2s;
  transition: opacity 0.2s, visibility 0.2s;
}

.ed.modal.on {
  visibility: visible;
  opacity: 1;
}

.ed.modal.on .ed.modal-content {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.ed.modal-content {
  display: block;
  position: relative;
  width: 100%;
  max-width: 400px;
  height: auto;
  max-height: 100vh;
  margin: 15px;
  z-index: 1;
  overflow-y: auto;
  background-color: white;
  border-radius: 3px;
  border: none;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55), -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  -webkit-transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  -moz-transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  -o-transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.ed.modal-header {
  position: relative;
  height: auto;
  padding: 15px 20px;
}

.ed.modal-header h5 {
  color: #333333 !important;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

.ed.modal-header .ed.modal-close {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 12px 20px;
  color: #666666;
  font-size: 24px;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.ed.modal-header .ed.modal-close:hover, .ed.modal-header .ed.modal-close:active {
  color: #333333;
}

.ed.modal-body {
  padding: 20px;
}

.ed.modal-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  background-color: rgba(0, 0, 0, 0.2);
}

/* ========================================================================
 Component: Category
=========================================================================== */
.ed.category ul {
  position: relative;
  top: 1px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.ed.category ul li {
  display: inline-block;
  position: relative;
}

.ed.category ul li a {
  display: inline-block;
  padding: 0;
  margin-right: 20px;
  color: #999;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: 150ms;
  transition: 150ms;
}

.ed.category ul li a:hover {
  color: #666666;
}

.ed.category ul li.active a {
  color: #333333;
  font-weight: bold;
}

/* Category styles
========================================================================== */
.ed.category-pill ul li a {
  padding: 12px 18px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 50px;
  color: #666666;
  font-size: 13px;
  background-color: white;
  -webkit-box-shadow: 0 4px 12px rgba(26, 26, 26, 0.1);
          box-shadow: 0 4px 12px rgba(26, 26, 26, 0.1);
}

@media (max-width: 639px) {
  .ed.category-pill ul li a {
    font-size: 12px;
    padding: 10px 16px;
  }
}

.ed.category-pill ul li a:hover {
  color: #666666;
  -webkit-box-shadow: 0 3px 4px rgba(26, 26, 26, 0.1);
          box-shadow: 0 3px 4px rgba(26, 26, 26, 0.1);
}

.ed.category-pill ul li.active a {
  color: white;
  background-color: #626dff;
}

.ed.category-pill-new ul li a {
  padding: 10px 18px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 50px;
  color: #414de6;
  font-size: 13px;
  background-color: white;
  border: 1px solid #e0e2ff;
}

@media (max-width: 639px) {
  .ed.category-pill-new ul li a {
    font-size: 12px;
    padding: 10px 16px;
  }
}

.ed.category-pill-new ul li a:hover {
  color: #414de6;
  background-color: #e0e2ff;
}

.ed.category-pill-new ul li.active a {
  color: white;
  background-color: #626dff;
  border: 1px solid #626dff;
}

.ed.category-tab {
  position: relative;
  height: 51px;
}

.ed.category-tab::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #ededed;
}

@media (max-width: 639px) {
  .ed.category-tab {
    overflow: hidden;
  }
}

.ed.category-tab ul {
  white-space: nowrap;
}

@media (max-width: 639px) {
  .ed.category-tab ul {
    overflow-y: hidden;
    height: 60px;
  }
}

.ed.category-tab ul li a {
  padding: 10px 0;
  margin-right: 30px;
  margin-bottom: 0;
  color: #999;
  font-size: 14px;
  line-height: 28px;
  border-bottom: 2px solid transparent;
}

@media (max-width: 639px) {
  .ed.category-tab ul li a {
    font-size: 13px;
  }
}

.ed.category-tab ul li a:hover {
  color: #666666;
}

.ed.category-tab ul li:last-child > a {
  margin-right: 0;
}

.ed.category-tab ul li.active > a {
  color: #333333;
  border-bottom: 2px solid #626dff;
}

/* ========================================================================
 Component: List Menu
 ========================================================================== */
.ed.list {
  padding: 0;
  margin: 0;
}

.ed.list li {
  position: relative;
  list-style-type: none;
  padding: 15px;
  border-bottom: 1px solid #ededed;
  transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

.ed.list li:first-child {
  border-top: 1px solid #ededed;
}

.ed.list li:hover {
  background-color: #f8f8f8;
}

.ed.list li.notice {
  background-color: #f8f8f8;
}

.ed.list li .title-link {
  color: #333333;
}

.ed.list li .title-link:visited {
  color: #666666;
}

.ed.list .ed.list-meta {
  word-break: keep-all;
}

.ed.webzine-thumbnail {
  display: block;
  border-radius: 5px;
}

/*마트몬 웹진형에서 사진이미지 크기가 달라지는 문제 수정 추후 업데이트 시 반영 예정 https://calvinsnax.com/membership/25231*/
.ed.webzine-thumbnail-wrap {
flex: 0 0 auto;
}

.ed.webzine-thumbnail-none {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 5px;
}

/* ========================================================================
 Component: Table
=========================================================================== */
.ed.table {
  width: 100%;
  font-family: "Noto Sans Korean", "Open Sans", "malgun gothic", "Nanum Gothic", dotum, arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  border-collapse: collapse;
  margin-bottom: 15px;
}

.ed.table caption {
  color: #999;
  font-size: 14px;
  text-align: left;
  margin-bottom: 10px;
}

.ed.table tr {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}

.ed.table tr th, .ed.table tr td {
  color: #333333;
  text-align: left;
  padding: 15px;
}

.ed.table tr th {
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

.ed.table tr td {
  font-weight: normal;
}

.ed.table tr .title {
  width: 100%;
  min-width: 150px;
}

.ed.table thead tr .author {
  width: 100%;
  max-width: 150px;
  min-width: 150px;
}

.ed.table thead tr th {
  border: none;
}

.ed.table tbody tr {
  transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
}

.ed.table tbody tr:hover {
  background-color: #f8f8f8;
}

.ed.table tbody tr.notice {
  background-color: #f8f8f8;
}

.ed.table tbody tr .no, .ed.table tbody tr .author, .ed.table tbody tr .time, .ed.table tbody tr .readNum, .ed.table tbody tr .voteNum, .ed.table tbody tr .check {
  white-space: nowrap;
  text-align: center;
}

.ed.table tbody tr .no, .ed.table tbody tr .time, .ed.table tbody tr .readNum, .ed.table tbody tr .voteNum, .ed.table tbody tr .check {
  color: #999;
}

.ed.table tbody tr .notice {
  color: #626dff;
  font-weight: bold;
}

.ed.table tbody tr .title {
  padding: 0;
  white-space: inherit;
}

.ed.table tbody tr .title a {
  display: block;
  width: 100%;
  padding: 15px;
}

.ed.table tbody tr .title a, .ed.table tbody tr .title a > * {
  text-decoration: none !important;
}

.ed.table tbody tr .title a > .title-link {
  color: #333333;
  border-bottom: 1px solid transparent;
  margin-right: 3px;
  transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
}

.ed.table tbody tr .title a:visited > .title-link {
  color: #666666;
}

.ed.table tbody tr .title:hover a > .title-link {
  color: #626dff;
  border-bottom-color: #626dff;
}

/* 마트몬 게시판 글보기 화면 확장변수 부분 수정*/
.ed.extra-value {
  width: 100%;
  font-family: "Noto Sans Korean", "Open Sans", "malgun gothic", "Nanum Gothic", dotum, arial, sans-serif;
  font-size: 0.925rem;
  line-height: 1.5;
  border-collapse: collapse;
  border: none;
  background-color: #f8f9fa;
  margin-bottom: 15px;
  border-radius:0.5rem;
}

.ed.extra-value caption {
  color: #999;
  font-size: 13px;
  text-align: left;
  margin-bottom: 10px;
}

.ed.extra-value tr {
border-bottom: 1px solid #e9ecef;
}

.ed.extra-value tr:last-child {
    border-bottom: none;
}

.ed.extra-value tr th, .ed.extra-value tr td {
  color: #333333;
  text-align: left;
  word-break: break-all;
  padding: 10px 10px 10px 10px;
  border: none;
}
/* 마트몬 게시판 글보기 화면 확장변수 부분 수정 끝*/

.ed.extra-value tr th {
  min-width: 100px;
  font-weight: bold;
  white-space: nowrap;
}

.ed.extra-value tr td {
  width: 100%;
  font-weight: normal;
}

/* ========================================================================
 Component: Accordion
 ========================================================================== */
.ed.accordion {
  padding: 0;
  margin: 0;
}

.ed.accordion > li {
  position: relative;
  list-style-type: none;
  border-bottom: 1px solid #ededed;
  transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

.ed.accordion > li .ed.accordion-header {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-pack: center;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.ed.accordion > li .ed.accordion-title {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 15px 15px 15px 50px;
  text-decoration: none;
  transition: 250ms;
  -o-transition: 250ms;
  -moz-transition: 250ms;
  -webkit-transition: 250ms;
}

.ed.accordion > li .ed.accordion-title > h4,
.ed.accordion > li .ed.accordion-title > h4 > * {
  color: #333333;
  font-size: 16px;
  margin: 0;
}

.ed.accordion > li .ed.accordion-title:hover > h4,
.ed.accordion > li .ed.accordion-title:hover > h4 > * {
  color: #626dff;
}

.ed.accordion > li .ed.accordion-title.open > .ed.accordion-angle::before {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.ed.accordion > li .ed.accordion-title.open > .ed.accordion-angle::after {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}

.ed.accordion > li .ed.accordion-angle {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 54px;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
}

.ed.accordion > li .ed.accordion-angle::before, .ed.accordion > li .ed.accordion-angle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 18px;
  width: 14px;
  height: 2px;
  background-color: #626dff;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.ed.accordion > li .ed.accordion-angle::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.ed.accordion > li .ed.accordion-angle:hover::before, .ed.accordion > li .ed.accordion-angle:hover::after {
  background-color: #414de6;
}

.ed.accordion > li .ed.accordion-content {
  display: none;
  padding-left: 50px;
  padding-right: 15px;
  color: #666666;
}

/* ========================================================================
 Component: Article
 ========================================================================== */
.ed.article-wrapper {
  margin-bottom: 30px;
}

.ed.article a {
  color: #333333;
  text-decoration: none !important;
  border-bottom: 1px solid transparent;
  transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
}

.ed.article a:hover {
  border-bottom-color: #333333;
}

.ed.article-head .ed.article-profile-image {
  width: 60px !important;
  height: 60px !important;
  border-radius: 500px;
}

.ed.article-head .ed.button-link {
  font-size: 20px;
}

.ed.article-icon {
  font-size: 20px;
}

.ed.tags {
  margin-top: 15px;
  margin-bottom: 15px;
}

.ed.tags .tag {
  display: inline-block;
  padding: 3px 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #666666;
  font-size: 12px;
  text-decoration: none;
  background-color: #f8f8f8;
  border: 1px solid #ededed;
  border-radius: 3px;
  transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
}

.ed.tags .tag:hover {
  color: #666666;
  border-color: #d9d9d9;
}

.ed.point-progress {
  position: relative;
  width: 200px;
  height: 4px;
  overflow: hidden;
  border-radius: 3px;
  background-color: #e0e2ff;
  margin-bottom: 5px;
}

.ed.point-progress .ed.point-current {
  width: 0;
  height: 100%;
  border-radius: 3px;
  background-color: #626dff;
}

.ed.point-meta {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  max-width: 200px;
  margin-bottom: 15px;
}

.ed.article-toolbar {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 30px;
  border-bottom: 1px solid #ededed;
}

.ed.article-toolbar .ed.vote-up,
.ed.article-toolbar .ed.vote-down {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 15px 10px;
  text-decoration: none;
}

.ed.article-toolbar .ed.vote-like-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ed.article-toolbar .ed.vote-like-wrapper .ed.vote-like {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ed.article-toolbar .ed.vote-like-wrapper .ed.vote-like .ed.icon {
  font-size: 20px;
}

.ed.article-toolbar .ed.vote-like-wrapper .ed.vote-like.on .ed.icon {
  color: #ff6b6b;
}

.ed.article-toolbar .ed.divider {
  display: -ms-inline-flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 5px;
  margin-right: 20px;
}

.ed.article-toolbar .ed.divider::before {
  content: "";
  width: 1px;
  height: 25px;
  background-color: #d9d9d9;
}

.ed.button-toolbar {
  font-size: 20px;
  padding: 5px;
  color: #999;
  background-color: white;
  border-color: white;
  -webkit-transition: 250ms;
  transition: 250ms;
    text-decoration:none;
}

.ed.button-toolbar:hover {
  color: #666666;
}

.ed.share-group {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
  text-align: center;
}

.ed.share-group a {
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  width: 76px;
  height: 76px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-radius: 3px;
  transition: 250ms;
  -webkit-transition: 250ms;
  -moz-transition: 250ms;
  -o-transition: 250ms;
}

.ed.share-group a:hover {
  background-color: #f8f8f8;
}

.ed.share-group a .ed.icon {
  font-size: 32px;
}

.ed.share-group a .ed.share-sns-title {
  font-size: 13px;
  color: #999;
  margin: 0;
}

.ed.share-group .ed.icon-naver {
  width: 36px;
  height: 36px;
  margin-top: 7px;
  margin-bottom: 5px;
  background-color: #21c531;
  border-radius: 5px;
}

.ed.share-group .ed.icon-naver img {
  display: block;
  width: 24px;
  height: auto;
}

.ed.share-group .ed.sns-icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin: 5px 0 0;
}

.ed.share-copy-url .ed.input {
  padding-left: 15px;
  padding-right: 0;
  border-right: none;
  border-color: #d9d9d9;
  border-radius: 3px 0 0 3px;
  background-color: #f8f8f8;
  color: #666666;
}

.ed.share-copy-url .ed.input:hover, .ed.share-copy-url .ed.input:active, .ed.share-copy-url .ed.input:focus {
  border-color: #d9d9d9;
}

.ed.share-copy-url .ed.copy-url {
  width: 160px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 0 3px 3px 0;
  border-color: #d9d9d9;
}

.ed.share-copy-url .ed.copy-url:hover, .ed.share-copy-url .ed.copy-url:active, .ed.share-copy-url .ed.copy-url:focus {
  color: #626dff;
  border-color: #626dff;
}

.ed.share-copy-url .ed.copy-url:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(98, 109, 255, 0.3);
          box-shadow: 0 0 0 3px rgba(98, 109, 255, 0.3);
}

.ed.article-point {
  position: relative;
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
}

.ed.article-point #point-graph {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.ed.article-point #point-graph .ed.circle {
  stroke-dasharray: 138.23007675796;
  stroke-dashoffset: 138.23007675796;
  -webkit-transition: stroke-dashoffset 1s ease-in-out;
  transition: stroke-dashoffset 1s ease-in-out;
  stroke: #333333;
}

.ed.article-point #point-graph .ed.circle-line {
  stroke: #ededed;
}

.ed.article-point .ed.article-level {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.ed.article-point .ed.article-level-badge {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  padding: 2px;
  color: white;
  font-size: 10px;
  font-weight: 600;
  border-radius: 500px;
  background-color: #333333;
}

/* ========================================================================
 Component: Comment
=========================================================================== */
.ed.comment {
  padding-bottom: 15px;
}

.ed.comment .ed.comment-header {
  margin-bottom: 15px;
}

.ed.comment-item {
  margin-bottom: 30px;
}

.ed.comment-item.depth {
  margin-top: -15px;
  margin-left: 50px;
}

.ed.comment-item.depth .ed.comment-profile {
  width: 25px;
  height: 25px;
}

.ed.comment-item.depth .ed.comment-content {
  width: calc(100% - 40px);
}

.ed.comment-item.depth + .ed.recomment-write {
  margin-left: 90px;
}

.ed.comment-item .ed.comment-profile {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 15px;
}

.ed.comment-item .ed.comment-profile img {
  width: 100%;
  height: 100%;
}

.ed.comment-item .ed.comment-content {
  width: calc(100% - 55px);
  float: right;
}

.ed.comment-item .ed.comment-content .ed.comment-author {
  font-weight: 600;
  margin-bottom: 0;
}

.ed.comment-form {
  padding-top: 5px;
}

.ed.comment-form .ed.profile-image-wrapper {
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 15px;
}

.ed.comment-form .ed.profile-image-wrapper .ed.profile-image {
  width: 100%;
  height: 100%;
  border-radius: 500px;
}

.ed.comment-form-body {
  width: calc(100% - 55px);
  float: right;
}

.ed.recomment-write {
  display: none;
  margin-top: -15px;
  margin-left: 50px;
  margin-bottom: 30px;
}

.ed.editor-select a {
  display: none;
  color: #999;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: 250ms;
  transition: 250ms;
}

.ed.editor-select a:hover {
  color: #666666;
}

.ed.editor-select a.on {
  display: inline-block;
}

/* ========================================================================
 Component: Sticky footer
=========================================================================== */
.ed.sticky-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  background-color: white;
  -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);
  z-index: 999;
}

.ed.sticky-footer .ed.container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 639px) {
  .ed.sticky-footer .ed.container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.ed.sticky-footer .ed.container .ed.sticky-footer-left,
.ed.sticky-footer .ed.container .ed.sticky-footer-right {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ed.sticky-footer .ed.container .ed.sticky-footer-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* ========================================================================
 Component: Sticker
 ========================================================================== */
.display-toggle {
  display: none;
}

.ed.sticker {
  width: 100%;
  min-height: 170px;
  max-height: 260px;
  padding: 0;
  margin: 15px auto 0 auto;
  line-height: 0;
  overflow: hidden;
  border: 1px solid #ededed;
  background-color: white;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 8px -2px rgba(26, 26, 26, 0.1);
          box-shadow: 0 2px 8px -2px rgba(26, 26, 26, 0.1);
}

.ed.sticker .ed.sticker-header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ed.sticker .ed.sticker-header .ed.sticker-pack {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0;
  margin: 0;
}

.ed.sticker .ed.sticker-header .ed.sticker-pack > li {
  display: inline-block;
  border-right: 1px solid #ededed;
}

.ed.sticker .ed.sticker-header .ed.sticker-pack > li.sticker_icon {
  display: block;
  font-size: 14px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #999;
  transition: 250ms;
  -o-transition: 250ms;
  -moz-transition: 250ms;
  -webkit-transition: 250ms;
}

.ed.sticker .ed.sticker-header .ed.sticker-pack > li.sticker_icon a {
  display: block;
  text-decoration: none;
  color: #999;
  transition: 250ms;
  -o-transition: 250ms;
  -moz-transition: 250ms;
  -webkit-transition: 250ms;
}

.ed.sticker .ed.sticker-header .ed.sticker-pack > li.sticker_icon:hover {
  background-color: #f8f8f8;
}

.ed.sticker .ed.sticker-header .ed.sticker-pack > li.sticker_icon:hover a {
  color: #666666;
}

.ed.sticker .ed.sticker-header .ed.sticker-pack > li.sticker_image img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
}

.ed.sticker .ed.sticker-body {
  border-top: 1px solid #ededed;
  padding: 15px;
  overflow-y: auto;
  min-height: 160px;
  max-height: 200px;
}

.ed.sticker .ed.sticker-body > ul {
  padding: 0;
  margin: 0;
}

.ed.sticker .ed.sticker-body > ul > li {
  display: inline-block;
  margin: 5px;
  transition: 250ms;
  -o-transition: 250ms;
  -moz-transition: 250ms;
  -webkit-transition: 250ms;
}

.ed.sticker .ed.sticker-body > ul > li:hover {
  background-color: #f8f8f8;
  border-radius: 3px;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: 0 4px 24px rgba(26, 26, 26, 0.3);
          box-shadow: 0 4px 24px rgba(26, 26, 26, 0.3);
}

.ed.sticker .ed.sticker-body > ul > li > a {
  display: inline-block;
  background-size: cover;
  background-position: 50% 50%;
  width: 80px;
  height: 80px;
  border-radius: 3px;
}

@media (max-width: 639px) {
  .ed.sticker .ed.sticker-body > ul > li > a {
    width: 50px;
    height: 50px;
  }
}

/* ========================================================================
 Component: Write
=========================================================================== */
.ed.write-title {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.ed.write-title > .ed.select {
  border-radius: 3px 0 0 3px;
  border-right: 0;
}

.ed.write-title > .ed.select + .ed.input {
  border-radius: 0 3px 3px 0;
}

/* Extra form
========================================================================== */
.ed.extra-form {
  width: 100%;
  font-family: "Noto Sans Korean", "Open Sans", "malgun gothic", "Nanum Gothic", dotum, arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  border-collapse: collapse;
  border: none;
  background-color: white;
  margin-bottom: 15px;
}

.ed.extra-form tr {
  border-bottom: 1px solid #ededed;
}

.ed.extra-form tr th, .ed.extra-form tr td {
  color: #333333;
  text-align: left;
  border: none;
}

@media (max-width: 639px) {
  .ed.extra-form tr th, .ed.extra-form tr td {
    display: block;
  }
}

.ed.extra-form tr th {
  min-width: 100px;
  padding: 30px 30px 30px 0;
  font-weight: bold;
  white-space: nowrap;
  vertical-align: top;
}

@media (max-width: 639px) {
  .ed.extra-form tr th {
    padding: 15px 0 0;
  }
}

.ed.extra-form tr td {
  width: 100%;
  padding: 15px 0;
  font-weight: normal;
}

.ed.extra-form p {
  color: #999;
  margin: 0;
}

.ed.extra-form ul {
  list-style-type: none;
  padding: 0;
  margin-bottom: 10px;
}

.ed.extra-form ul > li {
  display: inline-block;
}

.ed.extra-form .krZip label {
  display: block;
  margin-bottom: 5px;
}

.ed.extra-form .tel {
  width: 70px;
}

.ed.extra-form input[type="button"] {
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: auto !important;
}

.ed.extra-form .date.hasDatepicker {
  width: auto;
}

.ed.extra-form .date.hasDatepicker + input[type="button"] {
  width: auto;
  padding: 6px 14px 7px !important;
}

/* ========================================================================
 Component: Overlay
 ========================================================================== */
.ed.overlay {
  position: absolute;
}

.ed.overlay-fill {
  width: 100%;
  height: 100%;
}

.ed.overlay-top {
  top: 0;
  left: 0;
  right: 0;
}

.ed.overlay-bottom {
  left: 0;
  bottom: 0;
}

.ed.overlay-default {
  background-color: rgba(26, 26, 26, 0.3);
}

/* ========================================================================
 Component: Tooltip
=========================================================================== */
.ed.tooltip {
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  opacity: 1;
  z-index: 1;
}

.ed.tooltip:hover::before, .ed.tooltip:hover::after {
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.ed.tooltip::before, .ed.tooltip::after {
  position: absolute;
  top: 100%;
  left: 50%;
  opacity: 0;
  z-index: 9999;
  -webkit-transform: translate(-50%, -10px);
          transform: translate(-50%, -10px);
  -webkit-transition: 250ms;
  transition: 250ms;
  pointer-events: none;
}

.ed.tooltip::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid none;
  border-bottom: 5px solid rgba(26, 26, 26, 0.8);
  border-right: 5px solid transparent;
  border-left: 5px solid  transparent;
}

.ed.tooltip::after {
  content: attr(data-tooltip);
  background-color: rgba(26, 26, 26, 0.8);
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 14px;
  color: white;
  white-space: nowrap;
  -webkit-box-shadow: 0 3px 4px rgba(26, 26, 26, 0.1);
          box-shadow: 0 3px 4px rgba(26, 26, 26, 0.1);
  margin-top: 5px;
}

/* ========================================================================
 Component: Card
 ========================================================================== */
.ed.card {
  margin-left: -15px;
  margin-right: -15px;
}

@media (max-width: 639px) {
  .ed.card {
    margin-left: 5px;
    margin-right: 5px;
  }
}

.ed.card-item {
  position: relative;
  margin-bottom: 30px;
  background-color: #1a1a1a;
  overflow: hidden;
  background-color: white;
   /*border-radius: 3px;
 -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
 box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);*/
  transition: 250ms;
  -o-transition: 250ms;
  -moz-transition: 250ms;
  -webkit-transition: 250ms;
}

@media (max-width: 639px) {
  .ed.card-item {
    margin-bottom: 20px;
  }
}

.ed.card-item:hover {
 /* -webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2);*/
}

.ed.card-item:hover .ed.card-thumbnail {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.ed.card-item-wrap {
  padding-left: 15px;
  padding-right: 15px;
}

.ed.card-item-body {
  padding: 10px 0px 0px 0px;
}

.ed.card-item-category {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 15px;
  color: white;
  font-size: 12px;
  font-weight: 600;
  border-radius: 500px;
  background-color: #333333;
}

.ed.card-item-dec {
  color: #666666;
}

.ed.card-thumbnail {
  display: block;
  width: 100%;
  transition: 300ms;
  -o-transition: 300ms;
  -moz-transition: 300ms;
  -webkit-transition: 300ms;
}

.ed.card-thumbnail-wrap {
  overflow: hidden;
  /*마트몬 수정*/ 
  border-radius: 6px;

}

.ed.card-thumbnail-none {
  display: block;
  width: 100%;
  height: 100px;
}

/* ========================================================================
 Component: Card
=========================================================================== */
.ed.gallery {
  margin-left: -1px;
  margin-right: -1px;
}

.ed.gallery-shadow .ed.gallery-item:hover .ed.gallery-thumbnail-wrap {
  opacity: 0.7;
}

.ed.gallery-shadow .ed.gallery-item .ed.gallery-thumbnail-wrap {
  opacity: 0.9;
}

.ed.gallery-shadow .ed.gallery-item-body {
  background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent));
  background: linear-gradient(to top, #000000, transparent);
}

.ed.gallery-item {
  position: relative;
  margin-bottom: 2px;
  background-color: #1a1a1a;
  overflow: hidden;
  border-radius: 10px;
}

@media (max-width: 639px) {
  .ed.gallery-item {
    margin-bottom: 0;
  }
}

.ed.gallery-item:hover .ed.gallery-thumbnail-wrap {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.ed.gallery-item-wrap {
  padding-left: 1px;
  padding-right: 1px;
}

.ed.gallery-item-body {
  padding: 15px;
}

.ed.gallery-item-category {
  position: absolute;
  top: 15px;
  left: 15px;
  padding: 4px 12px;
  color: white;
  font-size: 12px;
  border-radius: 500px;
  background-color: #626dff;
}

.ed.gallery-item .ed.gallery-thumbnail {
  display: block;
  width: 100%;
}

.ed.gallery-item .ed.gallery-thumbnail-wrap {
  transition: 250ms;
  -o-transition: 250ms;
  -moz-transition: 250ms;
  -webkit-transition: 250ms;
}

.ed.gallery-item .ed.gallery-thumbnail-alt {
  display: block;
  width: 100%;
  height: 100px;
}

/* ========================================================================
 Component: Utilities
 ========================================================================== */
/* Display
 ========================================================================== */
.ed.display-block {
  display: block;
}

.ed.display-inline-block {
  display: inline-block;
}

/* Position
 ========================================================================== */
.ed.position-relative {
  position: relative;
}

/* Border
 ========================================================================== */
.ed.border {
  border-width: 1px;
  border-style: solid;
  border-color: #ededed;
}

.ed.border-right {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ededed;
}

.ed.border-top {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ededed;
}

.ed.border-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ededed;
}

.ed.border-circle {
  border-radius: 500px;
}

.ed.width-expand {
  width: 100%;
}

.ed.border-rounded {
  border-radius: 5px;
}

/* Height
 ========================================================================== */
.ed.height-large {
  min-height: 200px;
}

/* ========================================================================
 Component: Padding
 ========================================================================== */
/* Padding All
 ========================================================================== */
.ed.padding-xxsmall {
  padding: 5px !important;
}

.ed.padding-xsmall {
  padding: 10px !important;
}

.ed.padding-small {
  padding: 15px !important;
}

.ed.padding-default {
  padding: 30px !important;
}

.ed.padding-medium {
  padding: 50px !important;
}

.ed.padding-large {
  padding: 100px !important;
}

.ed.padding-xlarge {
  padding: 140px !important;
}

/* Padding top
 ========================================================================== */
.ed.padding-top-xxsmall {
  padding-top: 5px !important;
}

.ed.padding-top-xsmall {
  padding-top: 10px !important;
}

.ed.padding-top-small {
  padding-top: 15px !important;
}

.ed.padding-top-default {
  padding-top: 30px !important;
}

.ed.padding-top-medium {
  padding-top: 50px !important;
}

.ed.padding-top-large {
  padding-top: 100px !important;
}

.ed.padding-top-xlarge {
  padding-top: 140px !important;
}

/* Padding bottom
 ========================================================================== */
.ed.padding-bottom-xxsmall {
  padding-bottom: 5px !important;
}

.ed.padding-bottom-xsmall {
  padding-bottom: 10px !important;
}

.ed.padding-bottom-small {
  padding-bottom: 15px !important;
}

.ed.padding-bottom-default {
  padding-bottom: 30px !important;
}

.ed.padding-bottom-medium {
  padding-bottom: 50px !important;
}

.ed.padding-bottom-large {
  padding-bottom: 100px !important;
}

.ed.padding-bottom-xlarge {
  padding-bottom: 140px !important;
}

/* Padding left
 ========================================================================== */
.ed.padding-left-xxsmall {
  padding-left: 5px !important;
}

.ed.padding-left-xsmall {
  padding-left: 10px !important;
}

.ed.padding-left-small {
  padding-left: 15px !important;
}

.ed.padding-left-default {
  padding-left: 30px !important;
}

.ed.padding-left-medium {
  padding-left: 50px !important;
}

.ed.padding-left-large {
  padding-left: 100px !important;
}

.ed.padding-left-xlarge {
  padding-left: 140px !important;
}

/* Padding right
 ========================================================================== */
.ed.padding-right-xxsmall {
  padding-right: 5px !important;
}

.ed.padding-right-xsmall {
  padding-right: 10px !important;
}

.ed.padding-right-small {
  padding-right: 15px !important;
}

.ed.padding-right-default {
  padding-right: 30px !important;
}

.ed.padding-right-medium {
  padding-right: 50px !important;
}

.ed.padding-right-large {
  padding-right: 100px !important;
}

.ed.padding-right-xlarge {
  padding-right: 140px !important;
}

/* Padding vertical
 ========================================================================== */
.ed.padding-vertical-xxsmall {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.ed.padding-vertical-xsmall {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.ed.padding-vertical-small {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

@media (max-width: 639px) {
  .ed.padding-vertical-small\@s {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

@media (max-width: 959px) {
  .ed.padding-vertical-small\@m {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

.ed.padding-vertical-default {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.ed.padding-vertical-medium {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.ed.padding-vertical-large {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.ed.padding-vertical-xlarge {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}

/* Padding horizontal
 ========================================================================== */
.ed.padding-horizontal-xxsmall {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.ed.padding-horizontal-xsmall {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.ed.padding-horizontal-small {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

@media (max-width: 639px) {
  .ed.padding-horizontal-small\@s {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (max-width: 959px) {
  .ed.padding-horizontal-small\@m {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.ed.padding-horizontal-default {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.ed.padding-horizontal-medium {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.ed.padding-horizontal-large {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.ed.padding-horizontal-xlarge {
  padding-left: 140px !important;
  padding-right: 140px !important;
}

/* Padding remove
 ========================================================================== */
.ed.padding-remove {
  padding: 0 !important;
}

@media (max-width: 639px) {
  .ed.padding-remove\@s {
    padding: 0 !important;
  }
}

@media (max-width: 959px) {
  .ed.padding-remove\@m {
    padding: 0 !important;
  }
}

.ed.padding-top-remove {
  padding-top: 0 !important;
}

@media (max-width: 639px) {
  .ed.padding-top-remove\@s {
    padding-top: 0 !important;
  }
}

@media (max-width: 959px) {
  .ed.padding-top-remove\@m {
    padding-top: 0 !important;
  }
}

.ed.padding-bottom-remove {
  padding-bottom: 0 !important;
}

@media (max-width: 639px) {
  .ed.padding-bottom-remove\@s {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 959px) {
  .ed.padding-bottom-remove\@m {
    padding-bottom: 0 !important;
  }
}

.ed.padding-left-remove {
  padding-left: 0 !important;
}

@media (max-width: 639px) {
  .ed.padding-left-remove\@s {
    padding-left: 0 !important;
  }
}

@media (max-width: 959px) {
  .ed.padding-left-remove\@m {
    padding-left: 0 !important;
  }
}

.ed.padding-right-remove {
  padding-right: 0 !important;
}

@media (max-width: 639px) {
  .ed.padding-right-remove\@s {
    padding-right: 0 !important;
  }
}

@media (max-width: 959px) {
  .ed.padding-right-remove\@m {
    padding-right: 0 !important;
  }
}

/* ========================================================================
 Component: Margin
 ========================================================================== */
/* Margin All
 ========================================================================== */
.ed.margin-xxsmall {
  margin: 5px !important;
}

.ed.margin-xsmall {
  margin: 10px !important;
}

.ed.margin-small {
  margin: 15px !important;
}

.ed.margin-default {
  margin: 30px !important;
}

.ed.margin-medium {
  margin: 40px !important;
}

.ed.margin-large {
  margin: 60px !important;
}

/* Margin top
 ========================================================================== */
.ed.margin-top-xxsmall {
  margin-top: 5px !important;
}

.ed.margin-top-xsmall {
  margin-top: 10px !important;
}

.ed.margin-top-small {
  margin-top: 15px !important;
}

.ed.margin-top-default {
  margin-top: 30px !important;
}

.ed.margin-top-medium {
  margin-top: 40px !important;
}

.ed.margin-top-large {
  margin-top: 60px !important;
}

/* Margin bottom
 ========================================================================== */
.ed.margin-bottom-xxsmall {
  margin-bottom: 5px !important;
}

.ed.margin-bottom-xsmall {
  margin-bottom: 10px !important;
}

.ed.margin-bottom-small {
  margin-bottom: 15px !important;
}

.ed.margin-bottom-default {
  margin-bottom: 30px !important;
}

.ed.margin-bottom-medium {
  margin-bottom: 40px !important;
}

.ed.margin-bottom-large {
  margin-bottom: 60px !important;
}

/* Margin left
 ========================================================================== */
.ed.margin-left-xxsmall {
  margin-left: 5px !important;
}

.ed.margin-left-xsmall {
  margin-left: 10px !important;
}

.ed.margin-left-small {
  margin-left: 15px !important;
}

.ed.margin-left-default {
  margin-left: 30px !important;
}

.ed.margin-left-medium {
  margin-left: 40px !important;
}

.ed.margin-left-large {
  margin-left: 60px !important;
}

/* Margin right
 ========================================================================== */
.ed.margin-right-xxsmall {
  margin-right: 5px !important;
}

.ed.margin-right-xsmall {
  margin-right: 10px !important;
}

.ed.margin-right-small {
  margin-right: 15px !important;
}

.ed.margin-right-default {
  margin-right: 30px !important;
}

.ed.margin-right-medium {
  margin-right: 40px !important;
}

.ed.margin-right-large {
  margin-right: 60px !important;
}

/* Margin vertical
 ========================================================================== */
.ed.margin-vertical-xxsmall {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.ed.margin-vertical-xsmall {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.ed.margin-vertical-small {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.ed.margin-vertical-default {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.ed.margin-vertical-medium {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.ed.margin-vertical-large {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

/* Margin horizontal
 ========================================================================== */
.ed.margin-horizontal-xxsmall {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.ed.margin-horizontal-xsmall {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.ed.margin-horizontal-small {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.ed.margin-horizontal-default {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.ed.margin-horizontal-medium {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.ed.margin-horizontal-large {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

/* Margin remove
 ========================================================================== */
.ed.margin-remove {
  margin: 0 !important;
}

.ed.margin-top-remove {
  margin-top: 0 !important;
}

.ed.margin-bottom-remove {
  margin-bottom: 0 !important;
}

.ed.margin-left-remove {
  margin-left: 0 !important;
}

.ed.margin-right-remove {
  margin-right: 0 !important;
}

/* Margin auto
 ========================================================================== */
.ed.margin-auto-vertical {
  margin-top: auto;
  margin-bottom: auto;
}

.ed.margin-auto-horizontal {
  margin-left: auto;
  margin-right: auto;
}

/* ========================================================================
 Component: Text
 ========================================================================== */
.ed.text-light, .ed.text-light * {
  font-weight: 300 !important;
}

.ed.text-normal, .ed.text-normal * {
  font-weight: 500 !important;
}

.ed.text-bold, .ed.text-bold * {
  font-weight: 600 !important;
}

.ed.text-word-break-keep-all {
  word-break: keep-all !important;
}

/* Text Align
 ========================================================================== */
.ed.text-left {
  text-align: left !important;
}

@media (max-width: 639px) {
  .ed.text-left\@s {
    text-align: left !important;
  }
}

@media (max-width: 959px) {
  .ed.text-left\@m {
    text-align: left !important;
  }
}

.ed.text-center {
  text-align: center !important;
}

@media (max-width: 639px) {
  .ed.text-center\@s {
    text-align: center !important;
  }
}

@media (max-width: 959px) {
  .ed.text-center\@m {
    text-align: center !important;
  }
}

.ed.text-right {
  text-align: right !important;
}

@media (max-width: 959px) {
  .ed.text-right\@s {
    text-align: right !important;
  }
}

@media (max-width: 959px) {
  .ed.text-right\@m {
    text-align: right !important;
  }
}

/* font Size
 ========================================================================== */
.ed.text-xsmall {
  font-size: 12px !important;
}

.ed.text-small {
  font-size: 13px !important;
}

.ed.text-semi-small {
  font-size: 13px !important;
}

.ed.text-row-medium {
  font-size: 16px !important;
}

.ed.text-medium {
  font-size: 20px !important;
}

.ed.text-large {
  font-size: 24px !important;
}

.ed.text-xsmall-child * {
  font-size: 12px !important;
}

.ed.text-small-child * {
  font-size: 13px !important;
}

/* Text Color
 ========================================================================== */
.ed.text-default {
  color: #333333 !important;
}

.ed.text-primary {
  color: #626dff !important;
}

.ed.text-success {
  color: #15bd98 !important;
}

.ed.text-danger {
  color: #ff6b6b !important;
}

.ed.text-muted {
  color: #999 !important;
}

.ed.text-muted-child * {
  color: #999 !important;
}

/* Heading
 ========================================================================== */
.ed.heading-primary {
  font-size: 64px;
  font-weight: 300;
  line-height: 1.1;
}

/* Divider with text
 ========================================================================== */
.ed.divider-with-text {
  position: relative;
  text-align: center;
  color: #999;
  font-size: 13px;
}

.ed.divider-with-text:after,
.ed.divider-with-text:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 50px;
  height: 1px;
  background: #ededed;
}

.ed.divider-with-text:before {
  left: -70px;
}

.ed.divider-with-text:after {
  right: -70px;
}

/* label
========================================================================== */
.ed.label {
  color: #666666;
  font-size: 14px;
  background-color: #f8f8f8;
  border-radius: 3px;
  padding: 0 5px;
}

.ed.label-primary {
  color: #626dff;
  font-size: 14px;
  background-color: #e0e2ff;
  border-radius: 3px;
  padding: 0 5px;
}

.ed.label-success {
  color: #15bd98;
  font-size: 14px;
  background-color: #d0f2ea;
  border-radius: 3px;
  padding: 0 5px;
}

.ed.label-danger {
  color: #ff6b6b;
  font-size: 14px;
  background-color: #ffe1e1;
  border-radius: 3px;
  padding: 0 5px;
}

/* ========================================================================
 Component: Inverse
 ========================================================================== */
/* Base
=========================================================================== */
.ed.inverse,
.ed.inverse > * {
  color: white;
}

.ed.inverse .ed.text-default {
  color: white !important;
}

.ed.inverse .ed.text-muted,
.ed.inverse .ed.text-muted-child * {
  color: rgba(255, 255, 255, 0.6) !important;
}

.ed.inverse .ed.link-muted {
  color: rgba(255, 255, 255, 0.4);
}

.ed.inverse .ed.link-muted:hover, .ed.inverse .ed.link-muted:hover * {
  color: rgba(255, 255, 255, 0.8) !important;
}

.ed.inverse hr {
  border-top-color: rgba(255, 255, 255, 0.1);
}

.ed.inverse .ed.button-link {
  color: white;
  background-color: transparent;
  border-color: transparent;
}

/* Rebalance
=========================================================================== */
.ed.inverse .ed.rebalance > * {
  color: #333333;
}

.ed.inverse .ed.rebalance > * .ed.text-default {
  color: #333333 !important;
}

.ed.inverse .ed.rebalance > * .ed.text-muted,
.ed.inverse .ed.rebalance > * .ed.text-muted-child > * {
  color: #999 !important;
}

.ed.inverse .ed.rebalance hr {
  border-top-color: #ededed;
}

/* Border
=========================================================================== */
.ed.inverse .ed.border-top, .ed.inverse .ed.border-bottom, .ed.inverse .ed.border-left, .ed.inverse .ed.border-right {
  border-color: rgba(255, 255, 255, 0.1);
}

/* ========================================================================
 Component: Dark mode
=========================================================================== */
.ed.board-dark-mode {
  color: white;
}

.ed.board-dark-mode h1, .ed.board-dark-mode h2, .ed.board-dark-mode h3, .ed.board-dark-mode h4, .ed.board-dark-mode h5, .ed.board-dark-mode h6 {
  color: white;
}

.ed.board-dark-mode .ed .xe_content, .ed.board-dark-mode .ed .xe_content p {
  color: #d9d9d9;
}

.ed.board-dark-mode .ed.link {
  color: white;
}

.ed.board-dark-mode .ed.link:hover {
  color: rgba(255, 255, 255, 0.8);
}

.ed.board-dark-mode hr {
  border-color: rgba(255, 255, 255, 0.1);
}

.ed.board-dark-mode .ed.article-toolbar {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ed.board-dark-mode .ed.textarea {
  border-color: rgba(255, 255, 255, 0.2);
  background-color: transparent;
  color: white;
}

.ed.board-dark-mode .ed.textarea:focus {
  border-color: #626dff;
}

.ed.board-dark-mode .ed.table tr {
  border-top-color: rgba(255, 255, 255, 0.1);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ed.board-dark-mode .ed.table tr:hover {
  background-color: transparent;
}

.ed.board-dark-mode .ed.table tr.notice {
  background-color: rgba(255, 255, 255, 0.1);
}

.ed.board-dark-mode .ed.table tr th {
  color: white;
}

.ed.board-dark-mode .ed.table tr td {
  color: rgba(255, 255, 255, 0.8);
}

.ed.board-dark-mode .ed.table tr .title a > .title-link {
  color: rgba(255, 255, 255, 0.8);
}

.ed.board-dark-mode .ed.table tr .title a:visited > .title-link {
  color: rgba(255, 255, 255, 0.4);
}

.ed.board-dark-mode .ed.pagination-container .ed.prev > a,
.ed.board-dark-mode .ed.pagination-container .ed.next > a {
  color: white;
  border-color: rgba(255, 255, 255, 0.1);
  background-color: transparent;
}

.ed.board-dark-mode .ed.pagination-container .ed.prev > a:hover,
.ed.board-dark-mode .ed.pagination-container .ed.next > a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.ed.board-dark-mode .ed.pagination li {
  background-color: transparent;
}

.ed.board-dark-mode .ed.category-pill a {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.1);
}

.ed.board-dark-mode .ed.category-pill li.active a {
  color: white;
  background-color: #626dff;
}

.ed.board-dark-mode .ed.extra-form li {
  border-color: rgba(255, 255, 255, 0.1);
}

.ed.board-dark-mode *:not(.ed.modal-modal) .ed.input,
.ed.board-dark-mode *:not(.ed.modal-modal) .ed.extra-form input {
  color: white;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.1);
}

.ed.board-dark-mode *:not(.ed.modal-modal) .ed.input:hover,
.ed.board-dark-mode *:not(.ed.modal-modal) .ed.extra-form input:hover {
  border-color: rgba(255, 255, 255, 0.2);
}

.ed.board-dark-mode *:not(.ed.modal-modal) .ed.input:focus,
.ed.board-dark-mode *:not(.ed.modal-modal) .ed.extra-form input:focus {
  border-color: #626dff;
}

.ed.board-dark-mode .ed.input-toggle + label::before {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
}

.ed.board-dark-mode .ed.input-toggle:checked + label::before {
  border-color: #15bd98;
  -webkit-box-shadow: 0 0 0 20px #15bd98 inset;
  box-shadow: 0 0 0 20px #15bd98 inset;
}

.ed.board-dark-mode .ed.input-checkbox + label::before,
.ed.board-dark-mode input[type="checkbox"] + label::before {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.1);
}

.ed.board-dark-mode .ed.button-default:not(.ed.copy_url),
.ed.board-dark-mode .ed.extra-form input[type="button"] {
  color: white;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.1);
}

.ed.board-dark-mode .ed.button-default:not(.ed.copy_url):hover,
.ed.board-dark-mode .ed.extra-form input[type="button"]:hover {
  border-color: rgba(255, 255, 255, 0.2);
}

.ed.board-dark-mode .ed.button-default:not(.ed.copy_url):active,
.ed.board-dark-mode .ed.extra-form input[type="button"]:active {
  border-color: rgba(255, 255, 255, 0.4);
}

.ed.board-dark-mode .ed.write-title .ed.select {
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.1);
}

.ed.board-dark-mode .ed.write-title .ed.select option {
  color: #333333;
}

.ed.board-dark-mode .ed.extra-value {
  background-color: transparent;
}

.ed.board-dark-mode .ed.extra-value th {
  color: white;
}

.ed.board-dark-mode .ed.extra-value td {
  color: rgba(255, 255, 255, 0.8);
}

.ed.board-dark-mode .ed.article-point #point-graph .ed.circle-line {
  stroke: rgba(255, 255, 255, 0.1);
}

.ed.board-dark-mode .ed.article-point #point-graph .ed.circle {
  stroke: white;
}

.ed.board-dark-mode .ed.article-point .ed.article-level {
  color: white;
}

.ed.board-dark-mode .ed.article-point .ed.article-level-badge {
  color: #333333;
  background-color: white;
}

.ed.board-dark-mode .ed.list li {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.ed.board-dark-mode .ed.list li .ed.title-link {
  color: rgba(255, 255, 255, 0.8);
}

.ed.board-dark-mode .ed.list li.notice {
  background-color: rgba(255, 255, 255, 0.1);
}

.ed.board-dark-mode .ed.list li:first-child {
  border-top-color: rgba(255, 255, 255, 0.1);
}

.ed.board-dark-mode .ed.list li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
/*# sourceMappingURL=eden.css.map */


/*껄무새 본문 이미지 둥글게*/
.xe_content img, .xe_content video, .rhymix_content img, .rhymix_content video {
 border-radius: 12px !important;
 }


/*새로운 마트 스킨*/
/* 시군구 카테고리 top_section */
 .top_section { position:relative; width:100%; padding:0px; margin:0px; }

 .top_section .txt4{vertical-align:baseline}
 .top_section .lst .lst_sub_town{margin-top:9px;padding-left:52px}
 .top_section .lst{_overflow:hidden;_padding-top:10px}
 .top_section .lst .interest_town{float:left;width:842px;height:16px;padding:1px 0 6px;border-bottom:1px solid #ebebeb}
 .top_section .lst .interest_town strong{margin-top:0}
 .top_section .lst .interest_town ul{width:auto;margin:-1px 0 0 52px}
 .top_section .lst .interest_town li{width:104px;margin:0}
 .top_section .srch_dsc{height:29px;padding:29px 0 0 11px;font-size:12px;font-weight:normal;color:#747679}

 .top_section .nav_town{margin-bottom:10px;padding: 16px 20px 10px 20px;border:1px solid #e8eaeb;border-radius: 10px}
 .top_section .nav_town h4{position:relative;width:100%;}
 .top_section .nav_town h4 a{overflow:hidden;margin-right:2px;}
 .top_section .nav_town h4 a.on{color:#747cfd;}
 .top_section .nav_town h4 a.hide{position:absolute;top:1px;right:0;padding-right:9px;background:url(./img/bu_sp4.gif) 100% -466px no-repeat}
 .top_section .nav_town .txt4{margin-left:1px;font-weight:normal !important}
 .top_section .nav_town li a{display:inline-block;color:#333333;font-size: 0.875rem}
 .top_section .nav_town li .new .txt4{padding-right:12px;background:url(images/bu_sp4.gif) 100% -437px no-repeat}
 .top_section .nav_town li .on{color:#747cfd;}
 .top_section .nav_town .lst{clear:both;margin-top:7px;}
 .top_section .nav_town .lst:after{display:block;clear:both;content:''}
 .top_section .nav_town .add_mt{margin-top:18px}
 .top_section .nav_town .lst ul{overflow:hidden;float:left}
/*세부 구 영역 세로 간격 넓히기 height:20px*/
 .top_section .nav_town .lst .lst_sub_town li{display:inline;float:left;width:120px;height:22px}



/* 마트 종류 tab_area 아이러브마트세일 게시판 목록 상단 마트 분류 부분임 */
 .ctab_area{position:relative; _background:#FAFAFA; border:1px solid #e8eaeb;border-radius: 10px}

 .ctab{position:relative; width:100%; clear:both; }
 .ctab:after{display:block;clear:both;content:'';}
 .ctab li{float:left;font-size:12px;line-height:2.5;vertical-align:top;display:inline-block;}
 .ctab li a{display:inline-block;position:relative;height:34px;margin:0;padding:0 31px;line-height:15px;text-decoration:none}
 .ctab li .none{display:inline-block;position:relative;height:34px;margin:0;padding:0 31px;line-height:15px;text-decoration:none}
 .ctab li a:hover{text-decoration:none}
 .ctab li em{display:inline-block;position:relative;top:8px;padding-left:4px;_font-family:tahoma,san-serif;font-size:10px;color:#adadad;vertical-align:top;cursor:pointer}
 .ctab li .none span{cursor:default}
 .ctab li .none em{cursor:default}

 .ctab_sub {padding:2px 12px;}
 .ctab_sub li{_background:url(images/bg_bar3.gif) no-repeat 0 50%}
 .ctab_sub li.selected{position:relative;margin-right:0;border-right:none;_background:url(images/bg_bar3.gif) no-repeat 0 50%}
 .ctab_sub li.first { background:none; }
 .ctab_sub li.first a{_padding-left:32px; }
/* ctab_area 아이러브마트세일 게시판 상단 마트 분류 좌우 수정 부분임 padding:13px 16px 0px 16px; */
 .ctab_sub li a{height:25px; padding:4px 14px 0px 14px;  color:#333333; font-size: 0.875rem; }
 .ctab_sub li.evar_on a { color:#747cfd; }



/* 마트몬 스폰 존 추가  */
 .notice{background:#fffcec; _margin-top:-30px;padding:12px 0px 6px 0px;width:100%;border-bottom:1px dotted #dcdcdc;}
 sponsor{_background:#000; _border-bottom:1px dotted #000;padding:0px 0px 6px 10px;_font-family:tahoma,san-serif;font-size:16px;font-weight:bold;color:#f35400;}

/* 마트몬 스폰 스폰과 오픈 단어 배경 따로 따로 현재 비활성화중  */
 .status_style {position: relative;height: 10px;margin: 0;padding: 2px 5px;background: #1C9861 repeat-x;color: #fff;border: 1px solid;border-color: #1C9861;border-radius: 3px;
white-space: nowrap;text-align: center;}
 .status_style.red {background: #CD2264 repeat-x;border-color: #CD2264;}

 ntitle{_border-bottom:1px dotted #000;_background:#ffdb95;white-space:normal;font-size:16px;_font-weight:bold;color:#fff;padding:0px 0px 6px 20px;}
 ntitle a{color:#fff;}

/* 아이러브마트세일 스폰 존 추가  중*/

/* section_lst */
 .section_lst{position:relative; width:100%; margin:5px 0px 29px 0px; }

 .lst_summary{position:relative;height:40px;padding:9px 0px 30px 9px;border-bottom:1px solid #e7e7e7;color:#333;margin:0 0 0 0;}
 .lst_summary em{font-size: 0.75rem;    font-style: normal;;_color:#f35400}
 .lst_summary a{position:absolute;right:0;bottom:5px}
 .lst_summary span{color:#a8a8a8}
 .lst_summary_v2{padding:9px 0 3px 4px}

 .lst_common{position:absolute;top:7px;right:0;z-index:20}
 .lst_common div{float:left}
 .lst_common .ch{z-index:101 !important;margin:2px 5px 0;padding-left:11px;background:url(images/bu_sp4.gif) no-repeat 0 -971px}
 .lst_common .on{background-position:0 -958px}
 .lst_common .ch a{color:#333333}
 .lst_common .ch a:hover{text-decoration:none}

 .lst_list {position:relative; margin:4px 0 1px; }
 .lst_list li{position:relative; height:173px;margin:0px 0px 26px 0px; display:block; }
 .lst_list li:after{display:block;clear:both;content:''}
 .lst_list .thumb{float:left;width:275px;}
 .lst_list .thumb div{overflow:hidden;float:left;width:57px;height:173px;margin-right:1px}
 .lst_list .thumb div img{vertical-align:top}
 .lst_list .thumb div .sm{display:block;position:relative;width:57px;height:57px;margin-bottom:1px;text-decoration:none;cursor:pointer}
 .lst_list .thumb div .frame{width:55px;height:55px}
 .lst_list .thumb .big{width:216px}
 .lst_list .thumb .big a{display:block;position:relative;width:216px;height:173px;text-decoration:none}
 .lst_list .thumb .big .frame{width:214px;height:171px}
 .lst_list .thumb .mark_new{position:absolute;width:54px;height:54px}
 .lst_list .thumb .mark_hot{position:absolute;width:54px;height:54px}

 .ico_hot,.ico_new,.ico_del,.ico_one,.ico_two,.ico_three,.ico_four,.ico_five,.ico_six,.ico_seven,.ico_eight,.ico_nine,.ico_ten{display:block;position:absolute;text-indent:-9999px;z-index:10;cursor:pointer}
 .ico_hot{top:0;left:0;width:53px;height:53px;background:url(images/ico_hot.png) 50% 50% no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ico_hot.png',sizingMethod='crop')}
 .ico_new{top:0;left:0;width:53px;height:53px;background:url(images/ico_new.png) 50% 50% no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ico_new.png',sizingMethod='crop')}

 .lst_list .detail{overflow:visible;position:relative;min-height:135px;margin-left:295px;padding-bottom:38px;}
 .lst_list .detail h3{font-size:16px;color:#333;}
 .lst_list .detail h3 a{color:#333;}
 .lst_list .detail h3 .ico_cup{margin-left:9px}
 .lst_list .detail h3 .ico_cup{display:inline-block;width:33px;height:18px;margin:0 0 1px;background:url(images/ico_coupon.png) no-repeat 0 0;vertical-align:middle}

 .lst_list .detail .eval{padding-top:8px;line-height:16px} 
 .lst_list .detail .eval .point{margin-left:11px;padding-right:12px;_font-family:tahoma,san-serif;font-size:10px;color:#a8a8a8} 
 .lst_list .detail .eval .point strong{margin-right:7px;font-size:16px;line-height:16px;color:#f35400;vertical-align:middle}
 .lst_list .detail .eval .rating strong{margin-right:7px;font-size:16px;line-height:16px;color:#f35400;vertical-align:middle}

 .star{display:inline-block;overflow:hidden;float:left;width:89px;height:16px;background:url(images/sp_star_re2.gif) 0 0 no-repeat;line-height:0;text-align:left}
 .star em{display:block;height:16px;background:url(images/sp_star_re2.gif) 0 -30px no-repeat;line-height:0}
 .star em.gray{background-position:0 -60px}

 .lst_list .detail {  }
/*아이러브마트세일 리스트 부분  별점 대신 주소로 교체*/
 .lst_list .detail .addzone{margin:0px;font-size:11px;color:#a8a8a8;_border-bottom:1px solid #f2f2f2; }
 .lst_list .detail .cont{padding:8px 0 8px;border-bottom:1px solid #f2f2f2; }
 .lst_list .detail .cont p{overflow:hidden;margin-bottom:2px;height:14px;color:#333;}
 .lst_list .detail .cont span{display:inline-block;font-size:11px;color:#a8a8a8;}

 .lst_list .detail .btn{position:absolute;left:0;bottom:0}
 .lst_list .detail .btn img{margin-right:2px}
 .section_lst .lst_list .detail .btn {left:-1px;bottom:2px;}
 .section_lst .lst_list .detail .btn a { width:66px; height:28px; padding:0px; margin:0px; border:0px; }
 .section_lst .lst_list .detail .btn a img { width:66px; height:28px; padding:0px; margin:0px; }

 .zzim_area { }
.btn_favorite2{display:inline-block;overflow:hidden;width:26px;height:34px;background:url(../images/btn_zzim2.gif) no-repeat 0 0;line-height:10000px;text-indent:-9999px;vertical-align:middle}
.btn_favorite2_on{display:inline-block;overflow:hidden;width:26px;height:34px;background:url(../images/btn_zzim2.gif) no-repeat 0 0;line-height:10000px;text-indent:-9999px;vertical-align:middle}
.btn_favorite2_on{background-position:0 -38px}
/*아이러브마트세일 코크 부분 */
 .reviewer{margin-top:2px;_padding-left:11px;_background:url(images/bu_sp4.gif) 0 -200px no-repeat;font-size: 0.75rem;color:#999;}
 .reviewer a{color:#999}

 .paginate{clear:both;padding:35px 0 19px;_font-family:Verdana;font-size:12px;font-weight:bold;text-align:center}
 .paginate a{display:inline-block;height:20px;padding:5px 9px 0;line-height:normal;color:#333;text-decoration:none;vertical-align:middle}
 .paginate strong{display:inline-block;height:20px;padding:5px 9px 0;line-height:normal;color:#333;text-decoration:none;vertical-align:middle}
 .paginate span{display:inline-block}
 .paginate strong{color:#4456f4;}
 .paginate .pre{display:inline-block;_width:40px;_height:25px;margin-top: 10px;padding:0 9px;_background-image:url(images/bu_sp4.gif);_background-repeat:no-repeat;vertical-align:middle}
 .paginate .next{display:inline-block;_width:20px;_height:25px;margin-top: 10px;padding:0 9px;_background-image:url(images/bu_sp4.gif);_background-repeat:no-repeat;vertical-align:middle}
 .paginate .pre span{display:block;font-size:0;line-height:0;text-indent:-9999px}
 .paginate .next span{display:block;font-size:0;line-height:0;text-indent:-9999px}
 .paginate .pre{background-position:14px -81px}
 .paginate .next{margin-left:-2px;background-position:14px -111px}



/* detail_info */
 .detail_info {position:relative;width:100%;height: auto;padding:0px 0 24px;border-bottom:1px solid #e8eaeb}
border-bottom: 1px dotted #dcdcdc;">
 .detail_info:after{display:block;clear:both;content:''} 
 .detail_info .eval:after{display:block;clear:both;content:''} 

.detail_info .thumb {
    position: absolute;
    top: 3px;
    left: 0px;
    display: block;
    width: 286px;
    height: 192px;
    margin: 0px;
    border-radius: 6px;
    overflow: hidden;
}
.detail_info .thumb a {
    display: block;
    line-height: 0;
}
.detail_info .thumb a img {
    width: 100%;
    height: 100%;
    display: block;
}

 .detail_info .detail{position:relative; margin-left:306px; padding:0 0px 0 0;}
 .detail_info .detail h3{position:relative;margin-bottom:6px !important;font-size:16px;color:#333;}
 .detail_info .detail h3 .btn_favorite{margin:8px 0 0 14px;vertical-align:top}
 .detail_info .detail h3 .btn_favorite_on{margin:8px 0 0 14px;vertical-align:top}
 .detail_info .detail h3 .ico_cup{margin-left:7px}
 .detail_info .detail h3 .ico_cup{display:inline-block;width:33px;height:18px;margin:0 0 1px;background:url(images/ico_coupon.png) no-repeat 0 0;vertical-align:middle}
 .detail_info .detail p{color:#333;margin: 0 0 2px 0 !important;font-size:14px !important;}
 .detail_info .detail p.txt{margin-top:6px;} 
 .detail_info .detail a img{vertical-align:middle} 
 .detail_info .detail a.btn{margin-left:2px} 
 .detail_info .detail a.txt_noti{position:absolute;top:8px;right:10px;} 
 .detail_info .detail dl{ margin:8px 0px 8px 0px;_padding:10px 0 8px;font-size:14px}
 .detail_info .detail dt{float:left;clear:both;width:65px;height:20px;display:inline-block;}
 .detail_info .detail dt span{display:block;}
 .detail_info .detail dd{overflow:hidden;padding-bottom:4px;line-height:18px;color:#747679;zoom:1}
 .detail_info .detail dd.link a{color:#747679;}
 .detail_info .eval{float:right;width:178px;text-align:center} 
 .detail_info .eval h4{margin:0;padding:8px 0;font-size:12px;font-weight:bold;color:#252525} 
 .detail_info .eval h4 span{font-size:11px;font-weight:normal;color:#838385}
 .detail_info .eval h4 a{margin-left:2px} 
 .detail_info .eval h4 img{vertical-align:top} 
 .detail_info .eval .cnt{display:block;overflow:hidden;width:138px;margin:0 auto;padding-bottom:12px;border-bottom:1px solid #e0e0e0;font-size:11px;color:#a8a8a8;text-align:left} 
 .detail_info .eval .cnt em{padding-right:2px;_font-family:Tahoma}
 .detail_info .eval .cnt .star em{padding:0}
 .detail_info .eval table{margin:0 auto 12px}
 .detail_info .eval th{padding:13px 0 1px}
 .detail_info .eval td{width:42px;_font-family:tahoma,san-serif;font-size:14px;font-weight:bold;line-height:15px;color:#595959;text-align:center}
 .detail_info .eval .item_point{width:138px;margin:0 auto 8px;text-align:left} 
 .detail_info .eval .point{padding-left:5px;_font-family:tahoma;font-size:16px;font-weight:bold;line-height:16px;color:#f34500}
 .detail_info .bnr_area {position:absolute; right:5px; bottom:29px;}

 .btn_favorite{display:inline-block;overflow:hidden;width:55px;height:14px;margin:2px 0 0 10px;background:url(images/btn_zzim.gif) no-repeat -6px 0;text-indent:-99999px}
 .btn_favorite_on{display:inline-block;overflow:hidden;width:55px;height:14px;margin:2px 0 0 10px;background:url(images/btn_zzim.gif) no-repeat -6px 0;text-indent:-99999px}
 .btn_favorite_on{background-position:-6px -19px}
/*마트몬 배달정보 보기 닫기 영역 수정*/
 .txt_more{text-decoration:none;font-size:12px;line-height:14px;color:#555b61; position:absolute; bottom:10px; right:0px;}
 .txt_more_type2{display:inline-block;padding-right:8px;_background:url(images/bu_sp4.gif) 100% -25px no-repeat}
 .txt_more_type3{display:inline-block;margin:1px;padding-right:8px;_background:url(images/bu_sp4.gif) 100% -41px no-repeat}

 .detail_info .detail{overflow:visible}
 .section_tit,.result_area{overflow:hidden;width:100%}
 .detail_info_area .txt_more{float:right;margin-top:10px}
 .social_plug,.section_tit h2{float:left}
 .section_wrap{width:100%;padding-top:6px;border-top:1px solid #f1f1f1}
 .section_wrap .social_plug{margin-top:29px}
 .section_tit .social_plug{margin:3px 0 0 5px}
 .top_section2 .social_plug{margin:2px 0 0 8px}
 .special_story2 .social_plug{float:left;margin-top:21px}

 .result_area .social_plug{float:right;margin-top:10px}
 #socialPluginLayer .spi_default .spi_lst{margin-left:-14px}



/* 마트몬 탭 읽기화면 탭 수정 review_tab  */
 .review_tab {background:url(images/bg_tab_line.png) no-repeat 0px 59px; margin-top:26px}
 .review_tab .rtab_sub ul {}
 .review_tab .rtab_sub li {display:inline-block;width:225px; margin:0px -2px 0px -2px; }
 .review_tab .rtab_sub li a{ display: block;margin-top: 10px;padding: 12px 0 15px;border: 1px solid #d3d4d9;border-bottom: none;background: #f8f7f7;
    font-size: 14px;color: #777;text-align: center; text-decoration: none; vertical-align: middle;}
 .review_tab .rtab_sub li#evar_on a { position: relative;margin-top: 0;padding: 18px 0 17px;border: 2px solid #7c8085;border-top: 2px solid #7c8085;
    border-bottom: none;background: #fff;font-size: 14px;color: #333;_font-weight: bold;}


/* 평가 */
 .section_eval{ margin:15px 0px 0px 0px; padding-bottom:7px;}
 .section_eval .lst_eval li{padding:20px 0px 0px 0px;border-bottom:1px solid #f1f1f1}
 .section_eval .thumb{width:90px;margin:1px 9px 0 0;padding-bottom:27px}
/*마트몬 댓글 썸네일이미지 원처리 이미지가로 40px border-radius:20px*/
 .section_eval .thumb img{border-radius:20px;display:block;margin-bottom:4px;vertical-align:top}
 .section_eval .detail{padding-bottom:6px;}
/*아이러브마트세일 댓글 존 수정*/ 
 .section_eval .dsc{margin:-20px 0px 0px 0px 40px;overflow:hidden;line-height:18px;color:#747679;word-wrap:break-word}

 .evaluation textarea{overflow-y:auto;width:100%;height:100px;margin-top:10px;padding:6px 8px;border:1px solid #dcdcdc;line-height:18px;color:#747679}
 .evaluation .box_top{margin-top:11px}
 .evaluation .box_mid{overflow-x:scroll;overflow-y:hidden;position:relative;width:658px;height:156px}
 .evaluation .btn_area{margin-top:11px}
 .evaluation p.txt3{margin:1px 2px 0 0}
 .evaluation .txt{margin-top:35px}
 .evaluation .txt a{padding-left:5px;color:#747679;}

 .lst_top{position:relative;height:16px;}
 .lst_top h3{float:left;margin:0 3px 0 1px}
 .lst_top h4{float:left;margin:0 45px 0 5px}
 .lst_top img{vertical-align:top}

 .total_eval{overflow:hidden;padding:7px 0 0 20px;border-bottom:1px solid #e1e1e1;}
 .total_eval .star{margin-right:9px;vertical-align:middle;cursor:pointer}
 .total_eval .grade{margin:8px 0 0 1px;_font-family:tahoma,san-serif;font-weight:bold;color:#f35400;vertical-align:middle}
 .total_eval .comment{margin-left:5px;color:#333;vertical-align:-1px}
 .total_eval dt{float:left;width:41px;height:19px;margin:3px 0 0 3px;}
 .total_eval dt span{display:block;text-indent:-9999px}
 .total_eval dd{margin-bottom:9px}
 .total_eval dd.dd_total{padding:4px 30px 10px 10px;color:#fff;float:left;position:relative;_background-color:#000;width:670px;height:70px;margin:0 61px 0 0;_border-right:1px solid #ebebeb;_text-align:center}
 .total_eval dd.dd_total .star{margin:0;margin-left:-10px}
 .total_eval dd.dd_total .grade{margin:5px 0 0 -9px;font-size:24px;line-height:30px}
 .total_eval dd.dd_total .comment{margin:4px 0 0 -5px;font-size:16px;font-weight:bold;line-height:18px;vertical-align:middle}
 .star_type2{float:none;width:100px;height:20px;background-position:0 -90px}
 .star_type2 em{height:20px;background-position:0 -120px}

 .btn_area{margin-top:30px;text-align:center}
 .btn_area .btn_l{margin-right:12px}

 .lst_eval { position:relative; display:block; }
 .lst_eval li{overflow:hidden;clear:both;zoom:1; display:block;}
 .lst_eval .thumb { float:left; }
 .lst_eval .thumb a.txt2{margin-left:1px;_font-family:tahoma,san-serif;line-height:19px;color:#333;letter-spacing:0;word-break:break-all;word-wrap:break-word}
 .lst_eval .thumb p{margin:3px 0px 0px 0px}
 .lst_eval .thumb img { padding:0px; margin:-2px 0px 0px 0px; display:inline; }
 .lst_eval .thumb a { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:11px; color:#333; ; }

 .lst_eval .detail { position:relative; }
 .lst_eval .eval_info{position:relative;}
 .lst_eval .eval_info .star{margin-top:1px}
 .lst_eval .eval_info em.grade{padding:0 8px 0 5px;_font-family:tahoma,san-serif;font-size:15px;font-weight:bold;line-height:18px;color:#f35400}
 .lst_eval .eval_info em.point{display:inline-block;height:13px;padding-right:6px;_font-family:tahoma,san-serif;font-size:13px;font-weight:bold;line-height:13px;color:#595959}
 .lst_eval .eval_info .txt_flavor{width:11px;margin-top:-4px;background-position:0 -90px}
 .lst_eval .eval_info .txt_service{width:32px;margin-top:-4px;background-position:0 -120px}
 .lst_eval .eval_info .txt_mood{width:31px;margin-top:-4px;background-position:0 -150px}
 .lst_eval .eval_info .txt_price{width:20px;margin-top:-4px;background-position:0 -180px}
 .lst_eval .eval_info p{position:absolute;top:0;right:0}
 .lst_eval .eval_info p a{font-size:11px;color:#a8a8a8}
 .lst_eval .eval_info .bar{padding:0 2px}
 .lst_eval .eval_info .ico_q{margin:0 7px 0 -7px}
 .lst_eval .eval_info .ico_q img{vertical-align:text-bottom}

 .lst_eval .dsc{overflow:hidden;margin-top:1px;line-height:18px;color:#747679;word-break:break-all;word-wrap:break-word}
 .lst_eval .info_date{margin-top:2px}
 .lst_eval .txt4{line-height:15px}
 .lst_eval .txt_date{padding-bottom:2px}
 .txt_date{display:inline-block;height:13px;padding-left:14px;background:url(images/bu_sp4.gif) 0 -60px no-repeat;_font-family:tahoma,san-serif;font-size:10px;line-height:10px;color:#a8a8a8;vertical-align:middle}



/* 사진 */
 .shop_photo_area { position:relative; }
 .shop_photo_area .shop_thumb { padding:9px; margin-top:20px; border:1px solid #E8E8E8; display:block; }



/* 동영상 */
 .shop_movie_area { position:relative; }
 .shop_movie_area .media_player { margin-top:20px; border:10px solid #EFEFEF; }



/* 지도 */
 .shop_map_area { position:relative; margin-top:20px; }
 .shop_map_area #map { border: 1px solid #EFEFEF;}
 .shop_map_area #map_canvas { border: 1px solid #e8eaeb;border-radius: 6px;}
 .shop_map_area .star{display:inline-block;overflow:hidden;float:left;width:89px;height:16px;background:url(./img/sp_star_re2.gif) 0 0 no-repeat;line-height:0;text-align:left}
 .shop_map_area .star em{display:block;height:16px;background:url(images/sp_star_re2.gif) 0 -30px no-repeat;line-height:0}
 .shop_map_area .star{width:69px;margin-top:2px;background:url(images/sp_star_re3.png) no-repeat} 
 .shop_map_area .star em{background:url(images/sp_star_re3.png) no-repeat 0 -30px} 



 .no_item { padding:9px; margin-top:20px; border:1px solid #E8E8E8; display:block; }