@charset 'utf-8';
/*===========================================================================
    FONT
============================================================================*/
:where(*:not([class*="tp-uk-"]):not([class*="design-system-"] *)) {
  font-family: "Noto Sans KR", "맑은 고딕", "Arial", "Gulim";
  font-size: 14px;
  color: #555555;
  letter-spacing: -0.7px;
  line-height: 20px;
  font-weight: 400;
  text-decoration: none;
}
/*- disable select ----------------------------------------------------------------------*/
/* *:not(input):not(select):not(textarea) {
/*  -webkit-touch-callout: none; /* iOS Safari */
/*  -webkit-user-select: none; /* Safari */
/*  -khtml-user-select: none; /* Konqueror HTML */
/*  -moz-user-select: none; /* Firefox */
/*  -ms-user-select: none; /* Internet Explorer/Edge */
/*  user-select: none; /* Non-prefixed version, currently*/
/*} */
/*===========================================================================
    CONTENT USER SETTING
===========================================================================*/
/*- link ----------------------------------------------------------------------*/
a,
a *,
a:link,
a:link * {
  text-decoration: none;
  cursor: pointer;
}
.link,
.use-hyperlink {
  text-decoration: none;
  cursor: pointer;
}
em {
  font-style: normal;
}
/*- li,ol,ul,dl ----------------------------------------------------------------------*/
li {
}
ol {
  padding-left: 16px;
}
ol > li {
}
ul {
}
ul > li {
}
ul {
  list-style-position: outside;
}
ul.li-circle > li {
  margin-top: 0;
  padding-left: 0.6em;
  list-style: none;
}
ul.li-circle > li {
  background: radial-gradient(
    2px circle at 2px 0.6em,
    #646464,
    #646464 80%,
    transparent,
    transparent
  );
}
ul.li-circle.gray > li {
  background: radial-gradient(
    2px circle at 2px 0.6em,
    #999999,
    #999999 80%,
    transparent,
    transparent
  );
}
ul.li-circle.light > li {
  background: radial-gradient(
    2px circle at 2px 0.6em,
    #ffffff,
    #ffffff 80%,
    transparent,
    transparent
  );
}
ul > li.list-style-none {
  line-height: 30px;
  background: transparent !important;
}

dl {
}
dl > dt {
}
dl > dd {
}
pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-all;
}
/*- table ----------------------------------------------------------------------*/
table {
  width: 100%;
  table-layout: fixed;
}
table > * > tr > *:first-child {
  border-left-width: 0 !important;
}
table > tbody > tr:first-child > * {
  border-top-width: 0 !important;
}
/*vertical*/
table.tbl-vertical {
}
/*horizontal*/
table.tbl-horizon {
}
/*layout*/
table.tbl-layout {
}
/*tblForm*/
table.tbl-form {
}
/*- form-area ----------------------------------------------------------------------*/
/*error*/
.form-area .required-star {
  color: #de2222;
  margin-left: 5px;
}
.form-area input.validate-error,
.form-area select.validate-error,
.form-area div.validate-error-area {
  border: #de2222 1px solid !important;
}
.form-area div.validate-error {
  margin: 5px 0 -2px !important;
  color: #de2222 !important;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.form-area ::placeholder {
  color: #999999;
}
/*- form ----------------------------------------------------------------------*/
.text-field,
.select-field,
.textarea-field,
.file-field,
.checkbox-field {
  border: #dddddd 1px solid;
  background-color: #ffffff;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  box-sizing: border-box;
}
.text-field {
  height: 30px;
  text-indent: 8px;
}
.select-field {
  height: 30px;
}
.file-field {
  height: 30px;
}
.textarea-field {
  padding: 5px 8px;
}
.checkbox-field,
.radio-field {
}
.txt-input-guide {
  color: #999999 !important;
}
.text-field[disabled],
.select-field[disabled],
.textarea-filed[disabled],
.file-field[disabled] {
  background-color: #f0f0f0 !important;
  color: #a0a0ac !important;
}
.checkbox-field-css {
  border: 0;
  padding: 0;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  vertical-align: top !important;
}
.checkbox-field-css {
  width: 20px;
  height: 20px;
  background-position: 50% 45%;
  background-repeat: no-repeat;
  background-image: url("../img/bul_unchecked.svg");
  background-size: 20px;
}
.checkbox-field-css:checked {
  background-image: url("../img/bul_checked.svg");
}
/*- button ----------------------------------------------------------------------*/
.btn {
  box-sizing: border-box;
}
.btn.blue {
  padding: 7px 24px;
  background-color: rgba(28, 121, 188, 1);
  border-radius: 3px;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  text-align: center;
}
/*- Image Button ----------------------------------------------------------------------*/
.img-btn {
}
/*- img Bullet  ----------------------------------------------------------------------*/
.img-bul {
}
.img-bul.favorite {
  background-image: url("../img/bul_favorite.svg");
}
.img-bul.favorite.on {
  background-image: url("../img/bul_favorite_on.svg");
}
.img-bul.close.gray {
  float: left;
  width: 12px;
  height: 12px;
  background-image: url(../img/icon_close_gray.svg);
  background-position: 50% 51%;
  background-size: 15px;
}
/*- img Block ----------------------------------------------------------------------*/
.img-block {
  position: relative;
}
.img-block > img.lazy.placeholder {
  height: 150px;
  background-color: #eeeeee;
}
.img-block > img.lazy.placeholder.transparent {
  background: transparent;
}
/*===========================================================================
    CONTAINER
============================================================================*/
body .container .content > .head {
  position: relative;
}
body .container .content > .main {
  position: relative;
}

body .content > .main .section-title {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}
body .content > .main .section-title > h3 {
  margin: 24px 0 0 16px;
  /* padding: 7px 15px; */
  color: #26282b;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.3px;
}
body .content > .main .section-title > .more > img {
  position: relative;
  top: 3px;
  left: -4px;
}
body .content > .main .section-title > .more {
  position: absolute;
  /* background: red; */
  top: 3px;
  color: #72787f;
  right: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.3px;
  font-weight: 400;
}
body .content > .main .section-title2 {
  position: relative;
  padding: 32px 16px 16px 16px;
  background-color: #fff;
  border-bottom: #e8ebed 1px solid;
  border-width: 1px 0;
}
body .content > .main .section-title2.mt0 {
  margin-top: 0;
}
body .content > .main .section-title2.bt0 {
  border-top: none;
}
body .content > .main .section-title2 h3 {
  display: inline-block;
  color: #26282b;
  font-size: 18px;
  line-height: 26x;
  letter-spacing: -0.3px;
  font-weight: 500;
  vertical-align: bottom;
}
body .content > .main .section-title2 .description {
  display: inline-block;
  margin-left: 5px;
  color: #999999;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.64px;
  vertical-align: bottom;
}
body .content > .main .section-title2.type2 {
  padding-right: 100px;
}
body .content > .main .section-title2.type2 > .date {
  position: absolute;
  bottom: 9px;
  right: 15px;
  color: #1c79bc;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.64px;
  vertical-align: bottom;
}
body .content > .main .section-title2.type2 > .date.type2 {
  color: #de2222;
}
body .content > .main .section {
  position: relative;
}
body .content > .main .coupon-result > ._coupon-signboard {
  /* background-color: #f8f8f8; */
  padding: 0 16px 14px 16px;
}
body .content > .main .section.white {
  /* background-color: #fff;
  border-color: #dddddd;
  border-style: solid; */
}
body .content > .main .section.white.type2 {
  border-width: 0 0 1px;
}
body .content > .main .section.white.type3 {
  border-width: 1px 0 0 0;
}
body .content > .main .section.white.type4 {
  padding: 15px;
  border-width: 0 0 1px;
}
body .content > .main .section.article {
  background-color: #ffffff;
  border-color: #dddddd;
  border-style: solid;
  border-width: 0 0 1px;
  margin-top: 10px;
}
body .content > .main .section.article p {
  padding: 10px 15px;
}
body .content > .main .section.guide {
  padding: 18px 15px 8px;
}
body .content > .main .section.guide p {
  color: #555555;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
}
body .content > .main .section.swiper-wrap.banner {
  padding: 0;
}
body .content > .main .section.swiper-wrap .swiper-bul {
  margin: 10px;
  height: 7px;
  line-height: 7px;
  text-align: center;
}
body .content > .main .section.swiper-wrap .swiper-bul > li {
  display: inline-block !important;
  overflow: hidden;
  text-indent: -99999px !important;
  font-size: 0px !important;
  line-height: 0px !important;
  *text-indent: 0 !important;
}
body .content > .main .section.swiper-wrap .swiper-bul > li {
  display: inline-block;
  margin-left: 3px;
  width: 7px;
  height: 7px;
  line-height: 7px;
  vertical-align: top;
  background-color: #dddddd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
body .content > .main .section.swiper-wrap .swiper-bul > li:first {
  margin-left: 0;
}
body .content > .main .section.swiper-wrap .swiper-bul > li.on {
  background-color: #777777;
}
body .content > .main .section.more {
  background-color: #ffffff;
  padding: 12.5px 15px;
  text-align: center;
  color: #777777;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
}
body .content > .main .section.more.search {
  margin-top: -5px;
  padding: 15px 0;
  background: #f7f8f9;
  border-top: 1px solid #e8ebed;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
body .content > .main .section.more.search.price {
  border-top: 1px #dddddd solid;
}

body .content > .main .menu-section.wrap {
  position: relative;
  background-color: #ffffff;
  padding-bottom: 24px;
}
body .content > .main .menu-section.gradient {
  position: absolute;
  top: -114px;
  width: 100%;
  height: 114px;
  background: transparent linear-gradient(181deg, #ffffff12 0%, #ffffff 100%) 0%
    0% no-repeat padding-box;
  opacity: 1;
  pointer-events: none;
}
body .content > .main .menu-section.more {
  border: 1px solid #2f80ed;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 17px 86px;
  margin: 0 16px;
  text-align: center;
  color: #2f80ed;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.3px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
body .content > .main .menu-section.more img {
  margin-left: 16px;
  width: 24px;
  height: 24px;
}
body .content > .main .menu-section.more img.reverse {
  transform: rotateX(180deg);
}
body .content > .main .menu-section.more.search {
  margin-top: -5px;
}
body .content > .main .menu-section.more.search.price {
}

body .content > .main .section.card-list3 {
  margin: 0;
  padding: 0;
  width: 420px;
}
body .content > .main .section.card-list3 > ul {
  display: grid;
  gap: 2.5px;
  margin-top: 8px;
}
body .content > .main .section.card-list3 > ul > li {
  display: grid;
  grid-template-columns: 33.33% 33.33% 33.33%;
  gap: 1.5px;
}
body .content > .main .section.card-list3 > ul > li > .card-template.type6 {
  height: 138px;
  width: 138px;
}
@media only screen and (max-width: 420px) {
  body .content > .main .section.card-list3 {
    width: 100vw;
  }
  body .content > .main .section.card-list3 > ul > li > .card-template.type6 {
    width: 33.33vw;
    height: 33.33vw;
  }
}

body .content .foot.rule-area {
  margin: 20px 0 10px;
}
body .content .foot.rule-area {
  text-align: center;
  color: #999999;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
  color: #969696;
  margin-bottom: 60px;
}
body .content .foot.rule-area * {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}
body .content > .foot .section.guide {
  padding: 15px;
}
body .content > .foot .section.guide p {
  color: #999999;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
}
/*===========================================================================
    CONTENTS
============================================================================*/
/*default-html*/
.default-html * {
}
.default-html p {
}
.default-html ul {
  margin-left: 18px;
  list-style: disc;
}
.default-html ul ul {
  list-style: circle;
}
.default-html ul ul ul {
  list-style: square;
}
.default-html ul li {
  list-style-position: outside;
}
.default-html ul ul,
.default-html ul ol,
.default-html ul dl {
  margin-top: 0;
  margin-bottom: 0;
}
.default-html ol {
  list-style: decimal;
}
.default-html ol li {
  margin-left: 0;
  list-style-position: outside;
}
.default-html ol ol,
.default-html ol ul,
.default-html ol dl {
  margin-top: 0;
  margin-bottom: 0;
}
.default-html dl {
  margin-top: 1em;
  margin-bottom: 1em;
}
.default-html dl dt {
  font-weight: normal;
}
.default-html dl dd {
  padding-left: 18px;
}
.default-html dl ol,
.default-html dl ul,
.default-html dl dl {
  margin-top: 0;
  margin-bottom: 0;
}
.default-html table th {
  text-align: center;
}
/*===========================================================================
    Custom User Interface
============================================================================*/
/*- card-list  ----------------------------------------------------------------------*/
.card-list1 {
  /* border-color: #dddddd;
  border-width: 1px 0;
  border-style: solid; */
  /* height: 73px; */
  background-color: #f8f8f8;
  padding: 10px 5px;
  overflow: hidden;
}
.card-list1.flicking {
  padding: 0;
}
.card-list1 > ul {
  white-space: nowrap;
}
.card-list1 > ul > li {
  display: inline-block;
  white-space: normal;
  margin-left: 8px;
  vertical-align: top;
}
.card-list2 {
  overflow: hidden;
}
.card-list2 > ul {
  white-space: nowrap;
}
.card-list2 > ul > li {
  display: inline-block;
  white-space: normal;
  margin-left: 3px;
  vertical-align: top;
}
.card-list2 > ul > li:first-child {
  margin-left: 0;
}
.card-list3 {
  margin: -3px -3px -3px -3px;
}
.card-list3 > ul {
  display: table;
  table-layout: fixed;
  border-spacing: 3px;
  border-collapse: separate;
}
.card-list3 > ul > li {
  display: table-row;
}
.card-list3 > ul > li > div {
  position: relative;
  display: table-cell;
  overflow: hidden;
}
.card-list4 {
  padding: 5px;
  background-color: #ffffff;
}
.card-list4 > ul {
  display: table;
  table-layout: fixed;
  border-spacing: 10px;
  border-collapse: separate;
}
.card-list4 > ul > li {
  display: table-row;
}
.card-list4 > ul > li > div {
  position: relative;
  display: table-cell;
  overflow: hidden;
}
.card-list5 {
  overflow: hidden;
  padding: 16px 0px 24px 0px;
  background-color: #ffffff;
}
.card-list5-Panel {
  overflow: hidden;
  padding: 16px 0px 24px 0px;
  background-color: #ffffff;
}
.card-list5 > ul {
  white-space: nowrap;
}
.card-list5 > ul > li {
  display: inline-block;
  white-space: normal;
  margin-left: 3px;
  vertical-align: top;
}
.card-list5 > ul > li:first-child {
  margin-left: 0;
}
.card-list5 > ul > li > div {
  width: 120px;
  margin-bottom: 0;
}
.card-list6 {
  padding: 15px;
  background-color: #ffffff;
  border-bottom: #dddddd 1px solid;
}
.card-list7 {
  padding: 0 15px;
}
.card-list7 > .card-template + .card-template {
  margin-top: 12px;
}
.card-list8 {
}
.card-list8 > ul > li {
  background-color: #ffffff;
  border-color: #dddddd;
  border-style: solid;
  border-width: 0 0 1px;
  padding: 10px 15px;
}
.card-list8 > ul > li:first-child {
  border-width: 1px 0;
}
.card-list8 > ul > li > .subject {
  color: #555555;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
}
.card-list8 > ul > li > .date {
  color: #999999;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.card-list9 {
}
.card-list9 > ul > li {
  position: relative;
  background-color: #ffffff;
  border-color: #dddddd;
  border-style: solid;
  border-width: 0 0 1px;
  padding: 20px 45px 20px 15px;
}
.card-list9 > ul > li:first-child {
  border-width: 1px 0;
}
.card-list9 > ul > li > .subject {
  color: #555555;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
}
.card-list9 > ul > li > .checkbox-area {
  position: absolute;
  right: 15px;
  top: 20px;
}
.card-list10 {
}
.card-list10 > ul > li {
  background-color: #ffffff;
  border-color: #dddddd;
  border-style: solid;
  border-width: 0 0 1px;
  padding: 13px 16px;
  display: flex;
  justify-content: space-between;
}
.card-list10 > ul > li.image-section {
  display: grid;
  padding: 15px;
  grid-template-columns: 1fr 2fr 1fr;
}
.card-list10 > ul > li.image-section .profile-image {
  width: 70px;
  height: 70px;
  border: 1px solid #eeeeee;
  border-radius: 100px;
  position: relative;
  grid-column-start: 2;
  justify-self: center;
}
.card-list10 > ul > li.image-section .delete-image {
  justify-self: end;
  align-self: end;
  font-size: 12px;
  color: #999999;
  letter-spacing: -0.6px;
}
.card-list10 > ul > li > .title {
  color: #555555;
  align-self: center;
}
.card-list10 > ul > li > input {
  position: relative;
  background-color: #eeeeee;
  border: none;
  width: 65%;
  border-radius: 3px;
  padding: 7px 10px;
  line-height: 20px;
}
.card-list10 > ul > li > input::placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.main .mypage-footer {
  padding: 15px;
}
.main .mypage-footer .btn-area {
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
}
.main .mypage-footer .btn-area button {
  background-color: #1c79bc;
  color: white;
  height: 34px;
  border-radius: 3px;
  text-align: center;
  width: 49%;
}
.main .mypage-title {
  display: flex;
  justify-content: space-between;
  margin: 10px 0 0 0;
  padding: 7px 15px;
  color: #1c79bc;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
}
.main .mypage-title span {
  color: #1c79bc;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
}
.main .mypage-title span.logout-btn {
  font-weight: normal;
}
/*- card-template ----------------------------------------------------------------------*/
.card-template.off * {
  border-color: rgb(247, 248, 249) !important;
  color: #a0a0ac !important;
}
.card-template.off .img-block > img {
  /* -filter: url('../img/bg_gray.svg#grayscale'); */
  /* filter: gray; */
  /* -webkit-filter: grayscale(100%); */
}
.card-template.off .tag > ul > li,
.card-template.off .single-tag {
  color: #555 !important;
  background: rgba(0, 0, 0, 0.5) !important;
  z-index: 2;
}
.card-template.off .favorite {
  -filter: url("../img/bg_gray.svg#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.card-template.off .favorite.on {
  background-image: url("../img/bul_favorite_full.svg");
}
.card-template {
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  /* border-color: #dddddd;
  border-style: solid; */
  margin: 0;
  padding: 0;
}
/*- 구성요소 ----------------------------------------------------------------------*/
.card-template .rating {
  color: #ff9300;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.card-template .rating > i {
  color: #ff9300;
  font-size: 16px;
  line-height: 19px;
  margin-right: 2px;
}
/* .card-template .rating:before{content:'★ '} */
.card-template .comment {
  background-image: url("../img/bul_comment.svg");
  background-repeat: no-repeat;
  background-position: 0 60%;
  padding-left: 15px;
  color: #999999;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.card-template .business-status {
  text-align: right;
  color: #2f80ed;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.card-template .name {
  color: #555555;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  font-weight: 500;
}
.card-template .name.type2 {
  color: #999999;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
  font-weight: 400;
}
.card-template .name.type3 {
  color: #999999;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.6px;
  font-weight: 400;
  line-height: 18px;
}
.card-template.type9 + .card-template.type9 {
  margin-top: -15px;
}
.card-template.type9.old-price > .inner-section.type1 ul > li > .price,
.card-template.type9.old-price > .inner-section.type3 ul > li > .price {
  color: #999999;
}
.card-template.type10 {
  background-color: #ffffff;
  border-width: 1px;
}
.card-template.type10 > .inner-section.type1 {
  position: relative;
  padding: 20px 15px;
  box-sizing: border-box;
  position: relative;
  margin-left: 100px;
  height: inherit;
}
.card-template.type10 > .inner-section.type2 .img-block {
  float: left;
  min-width: 100%;
}
.card-template.type10 > .inner-section.type2 {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
}
.card-template.type11 {
  background-color: #ffffff;
  border-width: 0;
  min-height: 74px;
}
.card-template.type11 > .inner-section.type1 {
  position: relative;
  box-sizing: border-box;
  margin-left: 162px;
  padding: 0 0 0 15px;
}
.card-template.type11 > .inner-section.type1 .description {
  color: #555555;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
}
.card-template.type11 > .inner-section.type2 .img-block {
  float: left;
  min-width: 100%;
}
.card-template.type11 > .inner-section.type2 {
  width: 162px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/*type 12*/
.card-template.type12 {
  border: 1px solid #dddddd;
  background-color: #fff;
  display: grid;
  grid-template-columns: 45% 55%;
  height: max-content;
}
.card-template.type12 > .inner-section.type1 {
  display: flex;
  min-height: 1%;
  align-items: center;
}
.card-template.type12 > .inner-section.type1.description {
  text-overflow: clip;
  color: #555555;
  margin: 10px 30px 10px 10px;
  width: inherit;
}
.card-template.type12 > .inner-section.type1 .img-block {
  float: left;
  min-width: 100%;
}
/*.card-template.type12 > .inner-section.type1 .content{}*/
.card-template.type13 {
  border-width: 1px;
  background-color: #fff;
  display: grid;
  grid-template-columns: 25% 75%;
  height: max-content;
}
.card-template.type13 > .inner-section.type2 {
  align-self: center;
}
.card-template.type13 > .inner-section.type2 .img-block {
  float: left;
  min-width: 100%;
  height: 100%;
}
.card-template.type13 > .inner-section.type2 .img-block .display-block {
  object-fit: cover;
}
.card-template.type13 > .inner-section.type2 > .inner-inner-section {
  margin: 15px;
}
.card-template.type13 > .inner-section.type1 .description {
  margin-top: 5px;
  text-overflow: clip;
  color: #555555;
  font-size: 14px;
}

/*coupon*/
.card-template.coupon {
  position: relative;
  display: block;
  width: 100%;
  height: 120px;
  border-radius: 3px;
  border-color: #dddddd;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  overflow: visible;
}
.card-template.coupon > .half-circle {
  position: absolute;
  background-color: red;
  display: inline-block;
  width: 12px;
  height: 24px;
  margin-top: -12px;
  background-color: #1c79bc;
  border-style: solid;
  border-width: 1px;
  border-color: #dddddd;
  z-index: 10;
}
.card-template.coupon > .half-circle.left {
  right: -1px;
  top: 50%;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  border-right-color: #1c79bc;
}
.card-template.coupon > .half-circle.right {
  left: -1px;
  top: 50%;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  border-left-color: #1c79bc;
}
.card-template.coupon > .inner-inner-section1 {
  position: absolute;
  width: 110px;
  padding: 0;
  height: 100%;
  border-right: #eeeeee 1px solid;
}
.card-template.coupon > .inner-inner-section1 > span {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -22px;
  text-align: center;
}
.card-template.coupon > .inner-inner-section2 {
  box-sizing: border-box;
  margin-left: 110px;
  height: 100%;
  padding: 20px 20px 20px 10px;
}
.card-template.coupon > .inner-inner-section2 > .name {
  display: block;
}
.card-template.coupon > .inner-inner-section2 > .subject {
  display: block;
}
.card-template.coupon > .inner-inner-section2 > .period {
  position: absolute;
  bottom: 20px;
  display: block;
}
.card-template.coupon > .inner-inner-section2 > .period > em {
  margin-left: 5px;
}
.card-template.coupon.type2 > .half-circle {
  background-color: #eeeeee;
}
.card-template.coupon.type2 > .half-circle.left {
  border-right-color: #eeeeee;
}
.card-template.coupon.type2 > .half-circle.right {
  border-left-color: #eeeeee;
}
.card-template.coupon2 {
  position: relative;
  box-sizing: border-box;
  width: 140px;
  height: 73px;
  border-radius: 3px;
  border-color: #dddddd;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  overflow: visible;
}
.card-template.coupon2 > .half-circle {
  position: absolute;
  background-color: red;
  display: inline-block;
  width: 6px;
  height: 12px;
  margin-top: -6px;
  background-color: #f8f8f8;
  border-style: solid;
  border-width: 1px;
  border-color: #dddddd;
}
.card-template.coupon2 > .half-circle.left {
  right: -2px;
  top: 50%;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-right-color: #f8f8f8;
}
.card-template.coupon2 > .half-circle.right {
  left: -2px;
  top: 50%;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  border-left-color: #f8f8f8;
}
.card-template.coupon2 > .inner-section.type1 {
}
.card-template.coupon2 > .inner-section.type1 > * {
  display: block;
  text-align: center;
}
.card-template.coupon2 > .inner-section.type1 .name {
}
.card-template.coupon2 > .inner-section.type1 .subject {
}
.card-template.coupon2 > .inner-section.type1 .discount {
}
/*- tag ----------------------------------------------------------------------*/
.tag * {
  font-size: 12px !important;
  letter-spacing: -0.6px !important;
  line-height: 18px !important;
}
.tag > ul > li {
  box-sizing: border-box;
  float: left;
  white-space: nowrap;
  padding: 2px 5px;
  text-align: center;
  color: #ffffff;
  border-width: 0;
  border-radius: 3px;
  cursor: pointer;
}
.tag > ul > li {
  background-color: #555555;
}
.tag > ul > li + li {
  margin-left: 5px;
}
.tag .today-price {
  background-color: #1c79bc;
}
.tag .day-delivery {
  background-color: #48b130;
}
.tag .quick-delivery {
  background-color: #48b130;
}
.tag .sale-coupon {
  background-color: #de2222;
}
.tag .yesterday-price {
  background-color: #de2222;
}
/*- favorite  ----------------------------------------------------------------------*/
.favorite {
  width: 22px;
  height: 22px;
  background-size: 14px 12px;
  background-color: rgba(0, 0, 0, 0.5);
  background-position: 50%;
  border-radius: 3px;
  z-index: 2;
}
/*- comment-list ----------------------------------------------------------------------*/
.comment-area .inner-section.head {
}
.comment-area .inner-section > .item {
  padding: 15px;
  border-color: #dddddd;
  border-width: 1px 0 0;
  border-style: solid;
  background-color: #ffffff;
}
.comment-area .inner-section > .item > .info {
  position: relative;
  padding-left: 45px;
  min-height: 37px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.comment-area .inner-section.others-secret > svg {
  top: 26px !important;
}
.comment-area .inner-section.others-secret > .item {
  padding: 25px 15px;
}
.comment-area .inner-section.others-secret > .item > .info {
  min-height: unset;
  padding-left: 0px;
}
.comment-area .inner-section.others-secret > .item > .info .comment.secret {
  display: flex;
}
.comment-area
  .inner-section.others-secret
  > .item
  > .info
  .comment.secret
  .folded,
.comment-area
  .inner-section.others-secret
  > .item
  > .info
  .comment.secret
  .spread {
  display: flex;
  align-items: center;
  gap: 5px;
}
.comment-area .inner-section > .item.others-secret > .info .img-bul.reply {
  margin-top: -2px;
  background-image: url(../img/bul_reply.svg);
  width: 20px;
  height: 20px;
  background-position: 0 50%;
  background-size: 15px;
}
.comment-area .inner-section > .item > .info > .date {
  float: right;
  font-size: 13px;
  color: #999999;
}
.comment-area .inner-section > .item > .info > span {
  color: #999999;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
  position: absolute;
  top: 0;
  right: 0;
}
.comment-area .inner-section > .item > .info > .title {
  top: 19px;
  width: 55%;
  max-width: 220px;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-area .inner-section > .item > .info > .img-block.profile {
  position: absolute;
  top: 0px;
  left: 0;
  background-color: #fff;
  height: 35px;
  width: 35px;
  border: rgba(221, 221, 221, 1) 1px solid;
  border-radius: 50%;
}
.comment-area .inner-section > .item > .info > .img-block.profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
.comment-area .inner-section > .item > .info > .info-area {
}
.comment-area .inner-section > .item > .info > .info-area > .name {
  display: flex;
  align-items: center;
  color: rgba(85, 85, 85, 1);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  font-weight: 500;
}
.comment-area
  .inner-section
  > .item
  > .info
  > .info-area
  > .name
  > .img-bul.reply {
  margin-top: -2px;
  background-image: url("../img/bul_reply.svg");
  width: 20px;
  height: 20px;
  background-position: 0 50%;
  background-size: 15px;
}
.comment-area .inner-section > .item > .info > .info-area > .rating-area {
  position: relative;
}
.comment-area .inner-section > .item > .info > .info-area > .rating-area > ul {
}
.comment-area
  .inner-section
  > .item
  > .info
  > .info-area
  > .rating-area
  > ul
  > li {
  float: left;
  margin-right: 5px;
}
.comment-area
  .inner-section
  > .item
  > .info
  > .info-area
  > .rating-area
  > ul
  > li
  > .img-bul {
  background-image: url("../img/bul_rating.svg");
  width: 15px;
  height: 15px;
  background-size: 15px;
}
.comment-area
  .inner-section
  > .item
  > .info
  > .info-area
  > .rating-area
  > ul
  > li.fill
  > .img-bul {
  background-image: url("../img/bul_rating_fill.svg");
}
.comment-area .inner-section > .item > .comment {
  margin: 10px 0 0;
  overflow: hidden !important;
  word-wrap: break-word !important;
}
.comment-area .inner-section > .item > .comment.secret * {
  color: #999999;
}
.comment-area .inner-section > .item > .comment p.folded {
  max-height: 111px;
}
.comment-area .inner-section > .item > .comment .fold-gradient {
  position: relative;
  width: 100%;
  height: 15px;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.8) 75%,
    rgba(255, 255, 255, 0) 100%
  );
}
.comment-area .inner-section > .item > .comment .fold-gradient.reply {
  background: linear-gradient(
    0deg,
    rgba(247, 247, 247, 1) 0%,
    rgba(247, 247, 247, 0.8) 75%,
    rgba(247, 247, 247, 0) 100%
  );
}
.comment-area .inner-section > .item > .comment p.spread {
  max-height: fit-content;
}
.comment-area .inner-section > .item > .comment > .img-block {
  display: block;
}
.comment-area .inner-section > .item > .comment > .img-block + p {
  margin-top: 5px;
}
.comment-area .inner-section > .item > .comment > .img-list {
  overflow: hidden;
}
.comment-area .inner-section > .item > .comment > .img-list .eg-flick-panel {
  width: 40%;
  height: inherit;
}
.comment-area .inner-section > .item > .comment > .img-list > ul {
  white-space: nowrap;
}
.comment-area .inner-section > .item > .comment > .img-list > ul > li {
  display: inline-block;
  white-space: normal;
  margin-left: 3px;
  vertical-align: top;
}
.comment-area
  .inner-section
  > .item
  > .comment
  > .img-list
  > ul
  > li:first-child {
  margin-left: 0;
}
.comment-area
  .inner-section
  > .item
  > .comment
  > .img-list
  > ul
  > li
  > .img-block
  > img {
  width: 120px;
}
.comment-area .inner-section > .item > .comment > .img-list + p {
  margin-top: 5px;
}
.comment-area .inner-section > .item > .comment > .more {
  color: #999999;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.comment-area .inner-section > .item > .btn-area {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.comment-area .inner-section > .item > .btn-area .secret {
  white-space: nowrap;
}
.comment-area .inner-section > .item > .btn-area > ul {
  float: right;
  display: flex;
}
.comment-area .inner-section > .item > .btn-area > ul > li {
  float: left;
  margin-left: 5px;
  white-space: nowrap;
}
.comment-area .inner-section > .item > .link-area {
  position: relative;
}
.comment-area .inner-section > .item > .link-area * {
  color: #999999;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.comment-area .inner-section > .item > .link-area > .more {
}
/*.comment-area .inner-section > .item > .link-area > ul{position:absolute;right:0;bottom:0;}*/
.comment-area .inner-section > .item > .link-area > ul > li {
  float: right;
  margin-left: 12px;
}
.comment-area .inner-section > .item > .link-area > ul > li > a {
  vertical-align: top;
}
.comment-area .inner-section > .item > .comment a {
  text-decoration: underline;
}
.comment-area .inner-section.head > .item {
  border-top-width: 0;
  background-color: #f8f8f8;
  padding: 10px 15px;
}
.comment-area .inner-section.reply {
  position: relative;
}
.comment-area .inner-section.reply > svg {
  position: absolute;
  top: 22px;
  left: 16px;
}
.comment-area .inner-section.reply > .item {
  border-top-width: 0;
  background-color: #f7f7f7;
}
.comment-area .inner-section.reply > .item > .info > .name {
  padding-top: 9px;
}
.comment-area .inner-section.reply > .item > .info > .rating-area {
  display: none;
}
.comment-area .inner-section.secret > .item {
  background: #fefefe url(../img/bg-pattern.png) repeat;
}
.comment-area .inner-section.secret.reply > .item {
  background: #f1f2f3 url(../img/bg-pattern.png) repeat;
}
/*GModal Message*/
.toastMessage {
  width: 100%;
  min-width: 360px;
  max-width: 420px;
  opacity: 0;
}
.toastMessage > .gModal-content {
  margin: 0 10px;
}
.toastMessage > .gModal-content > .opacity-bg {
  min-width: 100%;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 100px;
}
.toastMessage > .gModal-content > p {
  padding: 15px 20px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  text-align: center;
}
/*- GModal ----------------------------------------------------------------------*/
.gModal {
}
.gModal > .gModal-content {
  width: 100%;
  min-width: 360px;
  max-width: 420px;
}
.gModal > .gModal-content {
  position: absolute;
  display: block;
}
.gModal > .gModal-content > * {
  margin: 15px;
  background-color: #ffffff;
  border-radius: 3px;
}
.gModal > .gModal-content .gModal-close {
  top: 27px;
  right: 23px;
  background: none;
  cursor: pointer;
  padding: 0;
}
.gModal > .gModal-content .gModal-close > .img-bul.close {
  float: left;
  width: 30px;
  height: 30px;
  background-image: url(../img/bul_close.svg);
  background-position: 50% 50%;
  background-size: 15px;
}
.gModal > .gModal-content .head {
  font-size: 15px;
  color: #1c79bc;
  line-height: 22px;
  letter-spacing: -0.75px;
  font-weight: 500;
}
.gModal > .gModal-content .head {
  padding: 15px 15px 0;
}
.gModal > .gModal-content .main {
  padding: 15px;
}
.gModal > .gModal-content .foot {
  margin: 0 15px 15px;
}
.gModal-background {
  background: #000000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
/*notice*/
.gModal > .gModal-content > .modal-notice > .main {
}
.gModal > .gModal-content > .modal-notice > .main > .section.article > p {
  padding-top: 10px;
}
.gModal > .gModal-content > .modal-notice > .foot {
}
.gModal > .gModal-content > .modal-notice > .foot > .btn-area > .btn {
  width: 100%;
}
/*coupon*/
.gModal > .gModal-content > .modal-coupon > .main {
  padding: 15px;
}
.gModal
  > .gModal-content
  > .modal-coupon
  > .main
  > .card-template.type8
  > .inner-section.type3
  > ul
  > li
  > .price {
  width: auto;
  color: #1c79bc;
}
.gModal
  > .gModal-content
  > .modal-coupon
  > .main
  > .card-template.type8
  > .inner-section.type4
  > .message {
  color: #999999;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
}

.gModal > .gModal-content > .modal-coupon > .main > .label {
  font-weight: bold;
  margin-bottom: 5px;
}
.gModal > .gModal-content > .modal-coupon > .main > .description {
  overflow: hidden;
  margin: 3px 0;
}
.gModal > .gModal-content > .modal-coupon > .main > .description > .option {
  /* margin-left: 5px; */
  font-weight: bold;
  line-height: 30px;
}
.gModal > .gModal-content > .modal-coupon > .main > .description > .price {
  float: right;
  color: #7f7f7f;
  line-height: 30px;
  text-decoration: line-through;
}
.gModal > .gModal-content > .modal-coupon > .main > .description > .discounted {
  margin-left: 8px;
  float: right;
  text-align: right;
  color: #eb5757;
  line-height: 30px;
  font-weight: 500;
  font-size: 16px;
}
.gModal > .gModal-content > .modal-coupon > .foot {
}
.gModal > .gModal-content > .modal-coupon > .foot > .info {
  padding-bottom: 10px;
  color: #72787f;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.3px;
}
.gModal > .gModal-content > .modal-coupon > .foot > .info > span {
  color: #1c79bc;
}
.gModal > .gModal-content > .modal-coupon > .foot > .btn-area {
  display: flex;
  grid-gap: 2%;
}
.gModal > .gModal-content > .modal-coupon > .foot > .btn-area > a {
  height: 48px;
  color: white;
  background-color: #1c79bc;
  border-radius: 4px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.gModal > .gModal-content > .modal-coupon > .foot > .btn-area > a > button {
  width: 100%;
  height: 100%;
  color: white;
  background-color: #1c79bc;
  border: 1px solid #1c79bc;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gModal
  > .gModal-content
  > .modal-coupon
  > .foot
  > .btn-area
  > a
  > button
  > img {
  display: block;
  width: 18px;
  height: 18px;
  margin-left: 2px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(63deg)
    brightness(104%) contrast(104%);
}
.gModal > .gModal-content > .modal-coupon > .foot > .btn-area .move-menu {
  color: #1c79bc;
  background-color: white;
}
.gModal > .gModal-content > .modal-coupon > .foot > .btn-area > ul {
  margin-left: 10px;
}
.gModal > .gModal-content > .modal-coupon > .foot > .btn-area > ul > li {
  margin-left: 10px;
  width: 50%;
  float: left;
}
.gModal
  > .gModal-content
  > .modal-coupon
  > .foot
  > .btn-area
  > ul
  > li:first-child {
  margin-left: -10px;
}
.gModal > .gModal-content > .modal-coupon > .foot > .btn-area > ul > li > .btn {
  width: 100%;
}
/* login */
.gModal > .gModal-content > .modal-login > .main > .txt-guide {
  color: #555555;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  font-weight: 500;
}
.gModal > .gModal-content > .modal-login > .main > .login-btn-area > li {
  margin-top: 10px;
  width: 100%;
}
.gModal > .gModal-content > .modal-login > .main > .login-btn-area > li > * {
  width: 100%;
  height: 40px;
  line-height: 40px;
  position: relative;
  display: block;
  background: #999999;
  text-align: center;
  border-radius: 3px;
  color: #ffffff;
}
.gModal
  > .gModal-content
  > .modal-login
  > .main
  > .login-btn-area
  > li.naver
  > * {
  background: #20be02 !important;
}
.gModal
  > .gModal-content
  > .modal-login
  > .main
  > .login-btn-area
  > li.kakao
  * {
  color: #555555 !important;
}
.gModal
  > .gModal-content
  > .modal-login
  > .main
  > .login-btn-area
  > li.kakao
  > * {
  background: #fce711 !important;
}
.gModal
  > .gModal-content
  > .modal-login
  > .main
  > .login-btn-area
  > li.facebook
  > * {
  background: #3b5998 !important;
}
.gModal > .gModal-content > .modal-login > .main > .link-area {
  margin-top: 10px;
}
.gModal > .gModal-content > .modal-login > .main > .link-area > a {
  color: #1c79bc;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  text-decoration: underline;
}
/* modal-login-email */
.gModal > .gModal-content > .modal-login-email {
}
.gModal > .gModal-content > .modal-login-email > .main > .form-area > ul > li {
  margin-top: 10px;
}
.gModal
  > .gModal-content
  > .modal-login-email
  > .main
  > .form-area
  > ul
  > li:first-child {
  margin-top: 0;
}
.gModal
  > .gModal-content
  > .modal-login-email
  > .main
  > .form-area
  > ul
  > li
  > .text-field {
  height: 34px;
  line-height: 34px;
  border-width: 0;
  background: #eeeeee;
}
/* modal-join */
.gModal > .gModal-content > .modal-join {
}
.gModal > .gModal-content > .modal-join > .main > .form-area > ul > li {
  margin-top: 10px;
}
.gModal
  > .gModal-content
  > .modal-join
  > .main
  > .form-area
  > ul
  > li:first-child {
  margin-top: 0;
}
.gModal
  > .gModal-content
  > .modal-join
  > .main
  > .form-area
  > ul
  > li
  > .text-field {
  height: 34px;
  line-height: 34px;
  border-width: 0;
  background: #eeeeee;
}
.gModal
  > .gModal-content
  > .modal-join
  > .main
  > .form-area
  > ul
  > li
  > .checkbox-field-css {
  border: 0;
  padding: 0;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  vertical-align: top !important;
}
.gModal
  > .gModal-content
  > .modal-join
  > .main
  > .form-area
  > ul
  > li
  > .checkbox-field-css {
  width: 20px;
  height: 20px;
  background-position: 50% 45%;
  background-repeat: no-repeat;
  background-image: url("../img/bul_unchecked.svg");
  background-size: 20px;
}
.gModal
  > .gModal-content
  > .modal-join
  > .main
  > .form-area
  > ul
  > li
  > .checkbox-field-css:checked {
  background-image: url("../img/bul_checked.svg");
}
.gModal
  > .gModal-content
  > .modal-join
  > .main
  > .form-area
  > ul
  > li.link-area {
  margin-top: 10px;
}
.gModal
  > .gModal-content
  > .modal-join
  > .main
  > .form-area
  > ul
  > li.link-area
  > a {
  color: #1c79bc;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  text-decoration: underline;
}
/* modal-agree */
.gModal > .gModal-content > .modal-agree {
}
.gModal > .gModal-content > .modal-agree > .main > .form-area > ul > li {
  margin-top: 10px;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li:first-child {
  margin-top: 0;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li
  > .checkbox-field-css {
  border: 0;
  padding: 0;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  vertical-align: top !important;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li
  > .checkbox-field-css {
  width: 20px;
  height: 20px;
  background-position: 50% 45%;
  background-repeat: no-repeat;
  background-image: url("../img/bul_unchecked.svg");
  background-size: 20px;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li
  > .checkbox-field-css:checked {
  background-image: url("../img/bul_checked.svg");
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li.link-area {
  margin-top: 10px;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li.link-area
  > a {
  color: #1c79bc;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  text-decoration: underline;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li.btn-area {
  margin-top: 15px;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li.btn-area
  > ul {
  margin-left: 10px;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li.btn-area
  > ul
  > li {
  margin-left: 10px;
  width: 50%;
  float: left;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li.btn-area
  > ul
  > li:first-child {
  margin-left: -10px;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li.btn-area
  > ul
  > li
  > .btn {
  width: 100%;
}
.gModal > .gModal-content > .modal-agree > .foot > .btn-area {
  display: flex;
  grid-gap: 2%;
}
.gModal > .gModal-content > .modal-agree > .foot > .btn-area > button {
  color: white;
  background-color: #1c79bc;
  border-radius: 4px;
  width: 50%;
}
/*- modal-rule ----------------------------------------------------------------------*/
.gModal > .gModal-content > .modal-rule {
}
.gModal > .gModal-content > .modal-rule .rule-area > dl > dt {
  margin-top: 20px;
  font-weight: 500;
}
/*- img-modal -----------------------------------------------------------------------*/
.gModal-content.img.on {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: #000000;
  z-index: 3000;
  max-width: 420px;
  position: fixed;
  height: 100vh;
  top: 0;
}
.gModal-content.img.off {
  display: none;
}
.gModal-content.img > .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
}
.gModal-content.img > .head > .title {
  padding: 15px 15px;
}
.gModal-content.img > .head > .gModal-close {
  padding: 10px 5px;
}
.gModal-content.img > .head > .gModal-close {
  grid-column-start: 2;
  background: none;
  cursor: pointer;
}
.gModal-content.img > .head > .gModal-close > .img-bul.close {
  width: 30px;
  height: 30px;
  background-image: url(../img/icon_close_gray.svg);
  background-position: 50% 50%;
  background-size: 15px;
}
.gModal-content.img > .head * {
  font-size: 15px;
  color: #ffffff;
  line-height: 22px;
  letter-spacing: -0.75px;
  font-weight: 500;
}
.gModal-content.img .img-list .eg-flick-camera {
  display: flex;
  align-items: center;
  height: 100%;
}
.gModal-content.img .foot {
  bottom: 20px;
  color: #999999;
  font-size: 13px;
  height: 52px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gModal-content.img .foot > span {
  position: fixed;
  left: 50%;
  bottom: 20px;
  transform: translate(-50%, 0);
  height: 52px;
  line-height: 52px;
}
.card-template .market {
  color: #72787f;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.card-template .inner-section .subject {
  color: #26282b;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.3px;
  font-weight: 400;
}
.card-template .inner-section .subject.type2 {
  color: #555555;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.75px;
  display: initial;
}
.card-template .item {
  color: #555555;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  font-weight: 400;
}
.card-template .item.type2 {
  color: #555555;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.75px;
  font-weight: 500;
}
.card-template .spot {
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
}
.card-template .description {
  color: #72787f;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.card-template .description.type2 {
  color: #999999;
  font-size: 14px;
  letter-spacing: -0.7px;
  line-height: 20px;
}
.card-template .description.type3 {
  color: #1c79bc;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.card-template .description.type4 {
  color: #de2222;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
}
.card-template .unit {
  color: #777777;
  font-size: 14px;
  letter-spacing: -0.7px;
  line-height: 20px;
}
.card-template .message {
  color: #777777;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.card-template .price {
  color: #2f80ed;
  font-size: 14px;
  letter-spacing: -0.7px;
  line-height: 20px;
}
.card-template .price.type2 {
  letter-spacing: -0.3px;
  line-height: 19px;
  height: 19px;
  color: #26282b;
  font-size: 18px;
  font-weight: 600;
  margin-top: 8px;
}
.card-template .discount {
  color: #1c79bc;
  font-size: 15px;
  letter-spacing: -0.75px;
  line-height: 22px;
  font-weight: 500;
}
.card-template .discount.type2 {
  color: #1c79bc;
  font-size: 14px;
  letter-spacing: -0.7px;
  line-height: 20px;
  font-weight: 500;
}
.card-template .period {
  color: #999999;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.card-template .period > em {
  color: #1c79bc;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.card-template .label {
  color: #999999;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.card-template .label.type2 {
  color: #555555;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
}
.card-template .title {
  color: #1c79bc;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  font-weight: 500;
}
.card-template .ranking {
  color: #1c79bc;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  font-weight: 500;
}
/*시장, 맛집*/
.card-template.type1 {
  /* border-width: 1px 0; */
  background-color: #fff;
}
.card-template.type1 > .inner-section.type1 {
  position: relative;
  height: 40px;
  padding: 8px 16px;
  display: grid;
  grid-template-columns: 78% auto;
}
.card-template.type1 > .inner-section.type1 .inner-inner-section.type2 {
  grid-column-start: 0;
}
.card-template.type1
  > .inner-section.type1
  .inner-inner-section.type2
  > .name
  > .market {
  margin-left: 8px;
}
.card-template.type1
  > .inner-section.type1
  .inner-inner-section.type2
  > .description {
  display: block;
  margin-top: 4px;
}
.card-template.type1 > .inner-section.type1 .inner-inner-section.type3 {
  position: absolute;
  width: 100px;
  height: 40px;
  top: 10px;
  right: 15px;
}
.card-template.type1
  > .inner-section.type1
  .inner-inner-section.type3
  > .business-status {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.card-template.type1
  > .inner-section.type1
  .inner-inner-section.type3
  > .summary {
  position: absolute;
  bottom: 0;
  right: 0;
}
.card-template.type1
  > .inner-section.type1
  .inner-inner-section.type3
  > .summary
  > .comment {
  margin-left: 8px;
}
.card-template.type1 > .inner-section.type1 > .inner-section.type2 .img-block {
  float: left;
  min-width: 100%;
  border-radius: 5px;
}
.card-template.type1 > .inner-section.type2 .favorite {
  position: absolute;
  right: 15px;
  bottom: 10px;
}
.card-template.type1 > .inner-section.type2 .tag {
  height: 22px;
  position: absolute;
  bottom: 10px;
  margin: 0 40px 0 10px;
  overflow: hidden;
}
.card-template.type1.number-sort
  > .inner-section.type1
  .inner-inner-section.type2
  > .number-label {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: #1c79bc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  color: #fff !important;
  font-weight: 500;
  top: 20px;
  left: 15px;
}
.card-template.type1.number-sort
  > .inner-section.type1
  .inner-inner-section.type2 {
}
.card-template.type1.level2 {
  position: relative;
  height: 132px;
  border-bottom: 1px solid #e8ebed;
}
.card-template.type1.level2 > .inner-section.type1 {
  box-sizing: border-box;
  padding: 16px;
  height: inherit;
  display: block;
}
.card-template.type1.level2 > .inner-section.type1 .inner-inner-section.type2 {
  float: left;
  margin-left: 116px;
  width: 212px;
}
.card-template.type1.level2 > .inner-section.type1 .inner-inner-section.type3 {
  position: block;
  height: 20px;
}
.card-template.type1.level2
  > .inner-section.type1
  .inner-inner-section.type3
  > .business-status {
  top: 0;
  right: 16px;
}
.card-template.type1.level2
  > .inner-section.type1
  .inner-inner-section.type3
  > .summary {
  width: 100%;
  display: flex;
}
.card-template.type1.level2
  > .inner-section.type1
  .inner-inner-section.type3
  > .summary
  > .tag {
  margin-left: 10px;
}
.card-template.type1.level2 > .inner-section.type1 > .inner-section.type2 {
  width: 100px;
  height: 100px;
  float: left;
  position: absolute;
  margin-right: 16px;
}
.card-template.type1.level2 > .inner-section.type2 .tag {
  margin: 0 10px 0 5px;
}
.card-template.type1.level3 {
  position: relative;
  border-bottom: 1px solid #e8ebed;
  height: 132px;
}
.card-template.type1.level3 > .inner-section.type1 {
  box-sizing: border-box;
  padding: 8px 16px;
  height: inherit;
  display: block;
}
.card-template.type1.level3 > .inner-section.type1 .inner-inner-section.type2 {
  margin: 4px 0 0 0;
  float: left;
  margin-left: 132px;
  width: 66%;
}
.card-template.type1.level3 > .inner-section.type1 .inner-inner-section.type3 {
  width: inherit;
  height: 20px;
  left: 148px;
  top: inherit;
  bottom: 12px;
}
.card-template.type1.level3
  > .inner-section.type1
  .inner-inner-section.type3
  > .business-status {
  top: 0;
  right: 2;
}
.card-template.type1.level3
  > .inner-section.type1
  .inner-inner-section.type3
  > .summary {
  display: flex;
  top: 0;
  left: 0;
  right: inherit;
}
.card-template.type1.level3
  > .inner-section.type1
  .inner-inner-section.type3
  > .summary
  > .tag {
  margin-left: 10px;
}
.card-template.type1.level3 > .inner-section.type1 > .inner-section.type2 {
  width: 116px;
  height: 116px;
  float: left;
  position: absolute;
  margin-right: 16px;
}
.card-template.type1.level3 > .inner-section.type2 .tag {
  margin: 0 10px 0 5px;
}
.card-template.type1.level4 {
}
.card-template.type1.level4 {
  position: relative;
  height: 132px;
  border-bottom: 1px solid #e8ebed;
}
.card-template.type1.level4 > .inner-section.type1 {
  box-sizing: border-box;
  padding: 8px 16px;
  border-radius: 12px;
  height: inherit;
  display: block;
}
.card-template.type1.level4 > .inner-section.type1 .inner-inner-section.type2 {
  margin: 4px 0 0 0;
  float: left;
  margin-left: 132px;
  width: 66%;
}
.card-template.type1.level4 > .inner-section.type1 .inner-inner-section.type3 {
  width: inherit;
  height: 20px;
  left: 148px;
  top: inherit;
  bottom: 12px;
}
.card-template.type1.level4
  > .inner-section.type1
  .inner-inner-section.type3
  > .business-status {
  top: 0;
  right: 0;
}
.card-template.type1.level4
  > .inner-section.type1
  .inner-inner-section.type3
  > .summary {
  top: 0;
  left: 0;
  right: inherit;
  margin-right: 40px;
}
.card-template.type1.level4 > .inner-section.type1 > .inner-section.type2 {
  width: 116px;
  height: 116px;
  float: left;
  position: absolute;
  margin-right: 16px;
}
.card-template.type1.level4 > .inner-section.type2 .tag {
  margin: 0 10px 0 5px;
}
/*스페셜*/
.card-template.type2 {
  border-width: 0;
  background-color: #fff;
  /* margin: 5px 0; */
}
.card-template.type2 > .inner-section.type1 {
  position: relative;
}
.card-template.type2 > .inner-section.type1 .favorite {
  position: absolute;
  right: 15px;
  bottom: 10px;
}
.card-template.type2 > .inner-section.type1 .contents-thumbnail {
  min-height: 163px;
}
.card-template.type2 > .inner-section.type2 {
  position: relative;
  padding: 8px 0 8px 0;
}
.card-template.type2 > .inner-section.type2 .subject {
}
.card-template.type2 > .inner-section.type2 .description {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
/*시세*/
.card-template.type4 {
  width: 140px;
  height: 73px;
  padding: 5px 15px;
  border-width: 1px;
  background-color: #fff;
  border-radius: 3px;
}
.card-template.type4 > .inner-section.type1 .subject {
}
.card-template.type4 > .inner-section.type1 .description {
}
.card-template.type4 > .inner-section.type1 .price {
  font-weight: 500;
}
/*쇼핑*/
.card-template.type5 {
  border: none;
  background-color: #fff;
}
.card-template.type5 .inner-section.type1 {
  position: relative;
}
.card-template.type5 .inner-section.type1 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: transparent
    linear-gradient(180deg, #ffffff00 0%, #ffffff00 58%, #00000099 100%) 0% 0%
    no-repeat padding-box;
}
.card-template.type5 .inner-section.type1 .favorite {
  position: absolute;
  right: 15px;
  bottom: 10px;
}
.card-template.type5 .inner-section.type1 .spot {
  position: absolute;
  left: 15px;
  bottom: 10px;
}
.card-template.type5 .inner-section.type2 {
  position: relative;
  padding: 12px 0px 0px 0;
}
.card-template.type5 .inner-section.type2 .subject {
}
.card-template.type5 .inner-section.type2 .description {
}
.card-template.type5 .inner-section.type2 .price {
}
.card-template.type5 .inner-section.type2 ul {
}
.card-template.type5 .inner-section.type2 .option-line {
  display: grid;
  grid-template-columns: 4fr 1fr 1fr;
}
.card-template.type5 .inner-section.type2 .option-line .option-label {
  display: inline;
  color: #999999;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.card-template.type5 .inner-section.type2 .option-line .price.type2 {
  justify-self: end;
}
.card-template.type5 .inner-section.type2 .option-line .price.type2.cancel {
  color: #999999;
  text-decoration: line-through;
}
.card-template.type5 .inner-section.type2 ul > li {
  position: relative;
  padding-right: 80px;
}
.card-template.type5 .inner-section.type2 ul > li:first-child {
  margin-top: 3px;
}
.card-template.type5 .inner-section.type2 ul > li.has-discount {
  padding-right: 150px;
}
.card-template.type5 .inner-section.type2 ul > li > .label {
}
.card-template.type5 .inner-section.type2 ul > li > .label:before {
  content: "- ";
}
.card-template.type5 .inner-section.type2 ul > li > .price-area > * {
  position: absolute;
  top: 0;
  right: 0;
}
.card-template.type5 .inner-section.type2 ul > li > .price-area > .list-price {
  right: 60px;
  color: #999999;
  text-decoration: line-through;
}
.card-template.type5 .inner-section.type2 ul > li > .price-area > .price {
}
.card-template.type5.level2 {
  /* border-width: 1px; */
  width: 148px !important;
}
.card-template.type5.level2
  > .use-ga-event
  > .inner-section.type1
  > .img-block
  > img {
  border-radius: 5px;
  height: 148px;
}
/*후기*/
.card-template.type6 {
  border: 0;
  background-color: #fff;
}
.card-template.type6 > .inner-section.type1 {
  position: relative;
  width: 100%;
  height: 100%;
}
.card-template.type6 > .inner-section.type1 .img-block {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.card-template.type6 > .inner-section.type1 .img-block img {
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.card-template.type6 > .inner-section.type1 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent
    linear-gradient(180deg, transparent 0%, transparent 30%, #000000 100%) 0% 0%
    no-repeat;
  left: 0;
  top: 0;
  background: transparent
    linear-gradient(180deg, #ffffff00 0%, #ffffff00 58%, #00000099 100%) 0% 0%
    no-repeat padding-box;
  left: 0;
  top: 0;
}
.card-template.type6 > .inner-section.type2 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 100%;
}
.card-template.type6 > .inner-section.type2 .name.type2 {
  display: block;
  color: #fff;
}
.card-template.type6 > .inner-section.type2 .rating {
  display: block;
  color: #fff;
}
/*type7*/
.card-template.type7 {
  border: 0;
  background-color: #fff;
}
.card-template.type7 > .inner-section.type1 {
  position: relative;
}
.card-template.type7 > .inner-section.type1 .img-block {
  display: block;
}
.card-template.type7 > .inner-section.type1 .tag {
  height: 22px;
  position: absolute;
  left: 0;
  bottom: 10px;
  margin: 0 10px;
  overflow: hidden;
}
.card-template.type7 > .inner-section.type2 {
  position: relative;
  padding: 5px 0;
}
.card-template.type7 > .inner-section.type2 .subject {
  display: block;
}
.card-template.type7 > .inner-section.type2 .price {
  display: block;
  color: #999999;
}
/*type8*/

.card-template.type8 {
  border: 0;
  background-color: #fff;
  background-position: 100% 0;
  margin: 0 0 20px 0;
  padding: 13px 15px;
  overflow: visible;
}
.card-template.not-menu {
  padding: 0;
}
.card-template.type8 > .hr {
  margin: 20px;
  border-top: dotted 2px #cecece;
}
.card-template.type8 > .inner-section {
  margin: 20px;
}
.card-template.type8 > .inner-section.type1 {
  position: relative;
  margin: 0;
}
.card-template.type8 > .inner-section.type1 .subject {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.3px;
  color: #464c53;
  padding-bottom: 16px;
}
.card-template.type8 > .inner-section.type1 .subject .add-cart {
  color: #1c79bc;
  border: 1px solid #1c79bc;
  border-radius: 3px;
  width: 85px;
  text-align: center;
  height: 28px;
  font-size: 12px;
  background-color: #ffffff;
  letter-spacing: -0.6px;
  line-height: 26px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.card-template.type8 > .inner-section.type1 .subject .add-cart > span {
  color: #1c79bc;
  text-align: center;
  font-size: 12px;
  line-height: 26px;
  padding: 0;
}
.card-template.type8 > .inner-section.type1 .menu-item {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}
.card-template.type8 > .inner-section.type1 .menu-item .menu-info {
  display: grid;
  font-size: 15px;
  color: #444444;
  white-space: nowrap;
  grid-template-columns: 90px 56px auto;
}
.card-template.type8 > .inner-section.type1 .menu-item .menu-info span {
  -size: 15px;
  color: #444444;
}
.card-template.type8
  > .inner-section.type1
  .menu-item
  .menu-info
  span.description {
  color: #e73431 !important;
}
.card-template.type8 > .inner-section.type1 .menu-item span.menu-comment {
  color: #7f7f7f !important;
}
.card-template.type8 > .inner-section.type2 {
  position: relative;
  margin: 0;
}
.card-template.type8 > .inner-section.type2 > .img-block {
  display: block;
  margin: 7px 0 14px 0;
}
.card-template.type8 > .inner-section.type2 > .img-block.not-menu {
  margin: 0;
  border-radius: 5px;
}
.card-template.type8 > .inner-section.type2 .img-block img {
  overflow: visible;
}
.card-template.type8 > .inner-section.type2 .img-block .card-container {
  display: flex;
  align-items: center;
}
.card-template.type8 > .inner-section.type2 .img-block .eg-flick-camera {
  display: flex;
  align-items: center;
}
.card-template.type8 > .inner-section.type2 .img-block .swiper-bul {
  height: 12px;
  line-height: 7px;
  text-align: center;
  position: relative;
  left: 50%;
  transform: translate(-50%, 200%);
}
.card-template.type8 > .inner-section.type2 .img-block .swiper-bul > li {
  display: inline-block !important;
  overflow: hidden;
  text-indent: -99999px !important;
  font-size: 0px !important;
  line-height: 0px !important;
  *text-indent: 0 !important;
}
.card-template.type8 > .inner-section.type2 .img-block .swiper-bul > li {
  display: inline-block;
  margin-left: 3px;
  width: 7px;
  height: 7px;
  line-height: 7px;
  vertical-align: top;
  background-color: #777777;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.card-template.type8 > .inner-section.type2 .img-block .swiper-bul > li:first {
  margin-left: 0;
}
.card-template.type8 > .inner-section.type2 .img-block .swiper-bul > li.on {
  background-color: #dddddd;
}
.card-template.type8 > .inner-section.type2 .tag {
  height: 22px;
  position: absolute;
  left: 0;
  bottom: 10px;
  margin: 0 10px;
  overflow: hidden;
}
.card-template.type8 > .inner-section.type3 {
  position: relative;
  margin: 0;
}
.card-template.type8 > .inner-section.type3 ul {
  margin: 0;
}
.card-template.type8 > .inner-section.type3 ul > li {
  display: grid;
  align-items: center;
  width: 100%;
  grid-template-columns: auto auto 1fr 1fr 26px;
}
.card-template.type8 > .inner-section.type3 ul > li > * {
}
.card-template.type8 > .inner-section.type3 ul > li > .item.description {
  font-weight: normal;
  line-height: 26px;
  color: #777777;
}
.card-template.type8 > .inner-section.type3 ul > li > .item.label {
  font-weight: bold;
  color: #555555;
  padding-right: 20px;
}
.card-template.type8 > .inner-section.type3 ul > li > .price {
  color: #0e0e0e;
  line-height: 26px;
  text-align: left;
}
.card-template.type8 > .inner-section.type3 ul > li > .price.em {
  color: #dc0505;
  font-weight: bold;
}
.card-template.type8 > .inner-section.type3 ul > li > .price.strike {
  font-size: 13px;
  margin-right: 5px;
  color: #999999;
  letter-spacing: inherit;
  text-decoration: line-through;
}
.card-template.type8 > .inner-section.type3 > .menu-items {
  padding: 10px 0;
  display: flex;
  flex-direction: row;
}
.card-template.type8 > .inner-section.type3 > .menu-items > * {
  display: flex;
  flex-direction: column;
}
.card-template.type8 > .inner-section.type3 > .menu-items > .add-buttons {
  padding-left: 5px;
}
.card-template.type8 > .inner-section.type3 > .menu-items > .menu-labels {
  padding-right: 5px;
}
.card-template.type8
  > .inner-section.type3
  > .menu-items
  > .menu-labels
  .item.label {
  font-weight: bold;
  color: #555555;
  line-height: 26px;
}
.card-template.type8 > .inner-section.type3 > .menu-items > .menu-prices {
  margin-left: auto;
}
.card-template.type8
  > .inner-section.type3
  > .menu-items
  > .menu-prices
  .price-block {
  width: 80px;
  margin-left: auto;
}
.card-template.type8
  > .inner-section.type3
  > .menu-items
  > .menu-prices
  .price {
  color: #0e0e0e;
  line-height: 26px;
  text-align: left;
}
.card-template.type8
  > .inner-section.type3
  > .menu-items
  > .menu-prices
  .price.em {
  color: #dc0505;
  font-weight: bold;
}
.card-template.type8
  > .inner-section.type3
  > .menu-items
  > .menu-prices
  .price.strike {
  font-size: 13px;
  margin-right: 10px;
  color: #999999;
  letter-spacing: inherit;
  text-decoration: line-through;
}
.card-template.type8
  > .inner-section.type3
  > .menu-items
  > .menu-descriptions
  .item.description {
  font-weight: normal;
  line-height: 26px;
  color: #777777;
}
.card-template.type8
  > .inner-section.type3.size-selector
  > .menu-items
  > *
  > * {
  margin-bottom: 8px;
  height: 30px;
  display: flex;
  align-items: center;
}

.card-template.type8 > .inner-section.type4 {
  margin: 0;
}
.card-template.type8 > .inner-section.type4 .message {
  line-height: 23px;
}
.card-template.type8 + .card-template.type8 {
  margin-top: 20px;
  margin-bottom: 0;
}
.card-template.type8:last-of-type {
  margin: 0;
}
.card-template.type8.activate {
  background-color: rgba(28, 121, 188, 0.1);
  margin-top: 0 !important;
}
.card-template.type9 {
  border: 0;
  background-color: #fff;
  border-bottom: 1px solid #e8ebed;
  padding: 0;
}
.card-template.type9 > .inner-section.type1 {
  padding: 15px 10px 15px 90px;
}
.card-template.type9 > .inner-section.type1 {
}
.card-template.type9 > .inner-section.type1 ul {
  width: 100%;
}
.card-template.type9 > .inner-section.type1 ul > li {
  padding: 3px 5px;
  display: flex;
  justify-content: space-between;
}
.card-template.type9 > .inner-section.type1 ul > li.activate {
  background: #eeeeee;
  border-radius: 3px;
}
.card-template.type9 > .inner-section.type1 ul > li:first-child {
  padding-top: 0;
}
.card-template.type9 > .inner-section.type1 ul > li:first-child > .item {
}
.card-template.type9 > .inner-section.type1 ul > li > .label-group {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
}
.card-template.type9
  > .inner-section.type1
  ul
  > li
  > .label-group
  > .description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 3px;
  width: auto;
}
.card-template.type9 > .inner-section.type1 ul > li > .label-group > .item {
}
.card-template.type9 > .inner-section.type1 ul > li > .label {
  font-weight: 500;
}
.card-template.type9 > .inner-section.type1 ul > li > .unit {
}
.card-template.type9 > .inner-section.type1 ul > li > .price {
  position: absolute;
  right: 15px;
  width: 100px;
  text-align: right;
  font-weight: 500;
}
.card-template.type9 > .inner-section.type1 ul > li > .price.sale {
  color: #de2222;
  font-weight: 800;
}
.card-template.type9 > .inner-section.type1 ul > li > .price > strong {
  display: none;
  font-size: 11px;
}
.card-template.type9 > .inner-section.type1 ul > li > .price.sale > strong {
  display: inline;
  margin-right: 4px;
  padding: 0 4px;
  border-radius: 4px;
  background: #de2222;
  color: #fff;
}
.card-template.type9 > .inner-section.type2 {
  width: 65px;
  position: absolute;
  left: 15px;
  top: 15px;
  border: 1px solid #dddddd;
}
.card-template.type9 > .inner-section.type3 {
  padding: 15px;
  background-color: #f8f8f8;
  margin-bottom: 15px;
}
.card-template.type9 > .inner-section.type3 {
  position: relative;
  border-color: #dddddd;
  border-style: solid;
  border-width: 1px 0;
}
.card-template.type9 > .inner-section.type3 .triangle {
  position: absolute;
  top: -21px !important;
  left: 50%;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-color: transparent transparent #dddddd transparent;
  border-width: 10px;
  margin-left: -5px;
}
.card-template.type9 > .inner-section.type3 .triangle2 {
  position: absolute;
  top: -20px !important;
  left: 50%;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-color: transparent transparent #f8f8f8 transparent;
  border-width: 10px;
  margin-left: -5px;
}
.card-template.type9 > .inner-section.type3 .title {
  display: flex;
  justify-content: space-between;
}
.card-template.type9 > .inner-section.type3 .showmore {
  position: absolute;
  right: 18px;
  top: 16px;
  font-size: 12px;
  color: #777777;
  letter-spacing: -0.6px;
  line-height: 18px;
}
.card-template.type9 + .card-template.type9 {
  margin-top: -15px;
}
.card-template.type9.old-price > .inner-section.type1 ul > li > .price,
.card-template.type9.old-price > .inner-section.type3 ul > li > .price {
  color: #999999;
}
.card-template.type10 {
  background-color: #ffffff;
  border-width: 1px;
}
.card-template.type10 > .inner-section.type1 {
  position: relative;
  padding: 20px 15px;
  box-sizing: border-box;
  position: relative;
  margin-left: 100px;
  height: inherit;
}
.card-template.type10 > .inner-section.type2 .img-block {
  float: left;
  min-width: 100%;
}
.card-template.type10 > .inner-section.type2 {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
}
.card-template.type11 {
  background-color: #ffffff;
  border-width: 0;
  min-height: 74px;
}
.card-template.type11 > .inner-section.type1 {
  position: relative;
  box-sizing: border-box;
  margin-left: 162px;
  padding: 0 0 0 15px;
}
.card-template.type11 > .inner-section.type1 .description {
  color: #555555;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
}
.card-template.type11 > .inner-section.type2 .img-block {
  float: left;
  min-width: 100%;
}
.card-template.type11 > .inner-section.type2 {
  width: 162px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/*type 12*/
.card-template.type12 {
  border: 1px solid #dddddd;
  background-color: #fff;
  display: grid;
  grid-template-columns: 45% 55%;
  height: max-content;
}
.card-template.type12 > .inner-section.type1 {
  display: flex;
  min-height: 1%;
  align-items: center;
}
.card-template.type12 > .inner-section.type1.description {
  text-overflow: clip;
  color: #555555;
  margin: 10px 30px 10px 10px;
  width: inherit;
}
.card-template.type12 > .inner-section.type1 .img-block {
  float: left;
  min-width: 100%;
}
/*.card-template.type12 > .inner-section.type1 .content{}*/
.card-template.type13 {
  border-width: 1px;
  background-color: #fff;
  display: grid;
  grid-template-columns: 25% 75%;
  height: max-content;
}
.card-template.type13 > .inner-section.type2 {
  align-self: center;
}
.card-template.type13 > .inner-section.type2 .img-block {
  float: left;
  min-width: 100%;
  height: 100%;
}
.card-template.type13 > .inner-section.type2 .img-block .display-block {
  object-fit: cover;
}
.card-template.type13 > .inner-section.type2 > .inner-inner-section {
  margin: 15px;
}
.card-template.type13 > .inner-section.type1 .description {
  margin-top: 5px;
  text-overflow: clip;
  color: #555555;
  font-size: 14px;
}
.card-template.type1 > .close_img,
.card-template.type12 > .close_img,
.card-template.type13 > .close_img {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 12px;
  height: 12px;
  cursor: pointer;
}

/*coupon*/
.card-template.coupon {
  position: relative;
  display: block;
  width: 100%;
  height: 98px;
  border-radius: 5px;
  border-color: #eb5757;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  overflow: visible;
}
.card-template.coupon > .half-circle {
  position: absolute;
  background-color: red;
  display: inline-block;
  width: 12px;
  height: 24px;
  margin-top: -12px;
  background-color: #1c79bc;
  border-style: solid;
  border-width: 1px;
  border-color: #dddddd;
  z-index: 10;
}
.card-template.coupon > .half-circle.left {
  right: -1px;
  top: 50%;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  border-right-color: #1c79bc;
}
.card-template.coupon > .half-circle.right {
  left: -1px;
  top: 50%;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  border-left-color: #1c79bc;
}
.card-template.coupon > .inner-inner-section1 {
  position: absolute;
  width: 110px;
  padding: 0;
  height: 100%;
  border-right: #eeeeee 1px solid;
}
.card-template.coupon > .inner-inner-section1 > span {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -22px;
  text-align: center;
}
.card-template.coupon > .inner-inner-section2 {
  box-sizing: border-box;
  margin-left: 110px;
  height: 100%;
  padding: 20px 20px 20px 10px;
}
.card-template.coupon > .inner-inner-section2 > .name {
  display: block;
}
.card-template.coupon > .inner-inner-section2 > .subject {
  display: block;
}
.card-template.coupon > .inner-inner-section2 > .period {
  position: absolute;
  bottom: 20px;
  display: block;
}
.card-template.coupon > .inner-inner-section2 > .period > em {
  margin-left: 5px;
}
.card-template.coupon.type2 > .half-circle {
  background-color: #eeeeee;
}
.card-template.coupon.type2 > .half-circle.left {
  border-right-color: #eeeeee;
}
.card-template.coupon.type2 > .half-circle.right {
  border-left-color: #eeeeee;
}
.card-template.coupon2 {
  position: relative;
  box-sizing: border-box;
  width: 140px;
  height: 73px;
  border-radius: 3px;
  border-color: #dddddd;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  overflow: visible;
}
.card-template.coupon2 > .half-circle {
  position: absolute;
  background-color: red;
  display: inline-block;
  width: 6px;
  height: 12px;
  margin-top: -6px;
  background-color: #f8f8f8;
  border-style: solid;
  border-width: 1px;
  border-color: #dddddd;
}
.card-template.coupon2 > .half-circle.left {
  right: -2px;
  top: 50%;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-right-color: #f8f8f8;
}
.card-template.coupon2 > .half-circle.right {
  left: -2px;
  top: 50%;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  border-left-color: #f8f8f8;
}
.card-template.coupon2 > .inner-section.type1 {
}
.card-template.coupon2 > .inner-section.type1 > * {
  display: block;
  text-align: center;
}
.card-template.coupon2 > .inner-section.type1 .name {
}
.card-template.coupon2 > .inner-section.type1 .subject {
}
.card-template.coupon2 > .inner-section.type1 .discount {
}
/*- tag ----------------------------------------------------------------------*/
.tag * {
  font-size: 12px !important;
  letter-spacing: -0.6px !important;
  line-height: 18px !important;
}
.tag > ul > li {
  box-sizing: border-box;
  float: left;
  white-space: nowrap;
  padding: 2px 5px;
  text-align: center;
  color: #ffffff;
  border-width: 0;
  border-radius: 3px;
  cursor: pointer;
}
.tag > ul > li {
  background-color: #555555;
}
.tag > ul > li + li {
  margin-left: 5px;
}
.tag .today-price {
  background-color: #1c79bc;
}
.tag .day-delivery {
  background-color: #48b130;
}
.tag .quick-delivery {
  background-color: #48b130;
}
.tag .sale-coupon {
  background-color: #de2222;
}
.tag .yesterday-price {
  background-color: #de2222;
}
/*- favorite  ----------------------------------------------------------------------*/
.favorite {
  width: 22px;
  height: 22px;
  background-size: 14px 12px;
  background-color: rgba(0, 0, 0, 0.5);
  background-position: 50%;
  border-radius: 3px;
  z-index: 2;
}
/*- comment-list ----------------------------------------------------------------------*/
.comment-area .inner-section.head {
}
.comment-area .inner-section > .item {
  padding: 15px;
  border-color: #e8ebed;
  border-width: 1px 0 0;
  border-style: solid;
  background-color: #ffffff;
}
.comment-area .inner-section > .item > .info {
  position: relative;
  padding-left: 45px;
  min-height: 37px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.comment-area .inner-section > .item > .info > .date {
  float: right;
  font-size: 13px;
  color: #999999;
}
.comment-area .inner-section > .item > .info > span {
  color: #999999;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
  position: absolute;
  top: 0;
  right: 0;
}
.comment-area .inner-section > .item > .info > .title {
  top: 19px;
  width: 55%;
  max-width: 220px;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comment-area .inner-section > .item > .info > .img-block.profile {
  position: absolute;
  top: 0px;
  left: 0;
  background-color: #fff;
  height: 35px;
  width: 35px;
  border: rgba(221, 221, 221, 1) 1px solid;
  border-radius: 50%;
}
.comment-area .inner-section > .item > .info > .img-block.profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
.comment-area .inner-section > .item > .info > .info-area {
}
.comment-area .inner-section > .item > .info > .info-area > .name {
  color: rgba(85, 85, 85, 1);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  font-weight: 500;
}
.comment-area
  .inner-section
  > .item
  > .info
  > .info-area
  > .name
  > .img-bul.reply {
  margin-top: -2px;
  background-image: url("../img/bul_reply.svg");
  width: 20px;
  height: 20px;
  background-position: 0 50%;
  background-size: 15px;
}
.comment-area .inner-section > .item > .info > .info-area > .rating-area {
  position: relative;
}
.comment-area .inner-section > .item > .info > .info-area > .rating-area > ul {
}
.comment-area
  .inner-section
  > .item
  > .info
  > .info-area
  > .rating-area
  > ul
  > li {
  float: left;
  margin-right: 5px;
}
.comment-area
  .inner-section
  > .item
  > .info
  > .info-area
  > .rating-area
  > ul
  > li
  > .img-bul {
  background-image: url("../img/bul_rating.svg");
  width: 15px;
  height: 15px;
  background-size: 15px;
}
.comment-area
  .inner-section
  > .item
  > .info
  > .info-area
  > .rating-area
  > ul
  > li.fill
  > .img-bul {
  background-image: url("../img/bul_rating_fill.svg");
}
.comment-area .inner-section > .item > .comment {
  margin: 10px 0 0;
  overflow: hidden !important;
  word-wrap: break-word !important;
}
.comment-area .inner-section > .item > .comment.secret * {
  color: #999999;
}
.comment-area .inner-section > .item > .comment p.folded {
  max-height: 111px;
}
.comment-area .inner-section > .item > .comment p > svg {
  position: relative;
  top: 3px;
  margin-right: 5px;
}
.comment-area .inner-section > .item > .comment .fold-gradient {
  position: relative;
  width: 100%;
  height: 15px;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.8) 75%,
    rgba(255, 255, 255, 0) 100%
  );
}
.comment-area .inner-section > .item > .comment .fold-gradient.reply {
  background: linear-gradient(
    0deg,
    rgba(247, 247, 247, 1) 0%,
    rgba(247, 247, 247, 0.8) 75%,
    rgba(247, 247, 247, 0) 100%
  );
}
.comment-area .inner-section > .item > .comment p.spread {
  max-height: fit-content;
}
.comment-area .inner-section > .item > .comment > .img-block {
  display: block;
}
.comment-area .inner-section > .item > .comment > .img-block + p {
  margin-top: 5px;
}
.comment-area .inner-section > .item > .comment > .img-list {
  overflow: hidden;
}
.comment-area .inner-section > .item > .comment > .img-list .eg-flick-panel {
  width: 40%;
  height: inherit;
}
.comment-area .inner-section > .item > .comment > .img-list > ul {
  white-space: nowrap;
}
.comment-area .inner-section > .item > .comment > .img-list > ul > li {
  display: inline-block;
  white-space: normal;
  margin-left: 3px;
  vertical-align: top;
}
.comment-area
  .inner-section
  > .item
  > .comment
  > .img-list
  > ul
  > li:first-child {
  margin-left: 0;
}
.comment-area
  .inner-section
  > .item
  > .comment
  > .img-list
  > ul
  > li
  > .img-block
  > img {
  width: 120px;
}
.comment-area .inner-section > .item > .comment > .img-list + p {
  margin-top: 5px;
}
.comment-area .inner-section > .item > .comment > .more {
  color: #999999;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.comment-area .inner-section > .item > .btn-area {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.comment-area .inner-section > .item > .btn-area .secret {
  white-space: nowrap;
}
.comment-area .inner-section > .item > .btn-area > ul {
  float: right;
  display: flex;
}
.comment-area .inner-section > .item > .btn-area > ul > li {
  float: left;
  margin-left: 5px;
  white-space: nowrap;
}
.comment-area .inner-section > .item > .link-area {
  position: relative;
}
.comment-area .inner-section > .item > .link-area * {
  color: #999999;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.65px;
}
.comment-area .inner-section > .item > .link-area > .more {
}
/*.comment-area .inner-section > .item > .link-area > ul{position:absolute;right:0;bottom:0;}*/
.comment-area .inner-section > .item > .link-area > ul > li {
  float: right;
  margin-left: 12px;
}
.comment-area .inner-section > .item > .link-area > ul > li > a {
  vertical-align: top;
}
.comment-area .inner-section > .item > .comment a {
  text-decoration: underline;
}
.comment-area .inner-section.head > .item {
  border-top-width: 0;
  background-color: #f8f8f8;
  padding: 10px 15px;
}
.comment-area .inner-section.reply > .item {
  border-top: 1px solid #e8ebed;
  padding-left: 36px;
  background-color: #f7f7f7;
}
.comment-area .inner-section.reply > .item > .info > .name {
  padding-top: 9px;
}
.comment-area .inner-section.reply > .item > .info > .rating-area {
  display: none;
}
.comment-area .inner-section.secret > .item {
  background: #fefefe url(../img/bg-pattern.png) repeat;
}
.comment-area .inner-section.secret.reply > .item {
  background: #f1f2f3 url(../img/bg-pattern.png) repeat;
}
/*GModal Message*/
.toastMessage {
  width: 100%;
  min-width: 360px;
  max-width: 420px;
  opacity: 0;
}
.toastMessage > .gModal-content {
  margin: 0 10px;
}
.toastMessage > .gModal-content > .opacity-bg {
  min-width: 100%;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 100px;
}
.toastMessage > .gModal-content > p {
  padding: 15px 20px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  text-align: center;
}
/*- GModal ----------------------------------------------------------------------*/
.gModal {
}
.gModal > .gModal-content {
  width: 100%;
  min-width: 360px;
  max-width: 420px;
}
.gModal > .gModal-content {
  position: absolute;
  display: block;
}
.loginModal > .loginModal-content {
  /* position: absolute;
  display: block; */
}
.gModal > .gModal-content > * {
  margin: 15px;
  background-color: #ffffff;
  border-radius: 5px;
}
.gModal > .gModal-content .gModal-close {
  top: 27px;
  right: 23px;
  background: none;
  cursor: pointer;
  padding: 0;
}
.gModal > .gModal-content .gModal-close > .img-bul.close {
  float: left;
  width: 30px;
  height: 30px;
  background-image: url(../img/bul_close.svg);
  background-position: 50% 50%;
  background-size: 15px;
}
.gModal > .gModal-content .head {
  font-size: 16px;
  color: #464c53;
  line-height: 20px;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.gModal > .gModal-content .head {
  padding: 24px 16px 0;
}
.gModal > .gModal-content .main {
  padding: 16px;
}
.gModal > .gModal-content .foot {
  margin: 0 16px 24px;
}
.gModal-background {
  background: #000000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.loginModal-background {
  background: #000000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/*notice*/
.gModal > .gModal-content > .modal-notice > .main {
}
.gModal > .gModal-content > .modal-notice > .main > .section.article > p {
  padding-top: 10px;
}
.gModal > .gModal-content > .modal-notice > .foot {
}
.gModal > .gModal-content > .modal-notice > .foot > .btn-area > .btn {
  width: 100%;
}
/*coupon*/
.gModal > .gModal-content > .modal-coupon > .main {
  padding: 6px 16px 9px 16px;
}
.gModal
  > .gModal-content
  > .modal-coupon
  > .main
  > .card-template.type8
  > .inner-section.type3
  > ul
  > li
  > .price {
  width: auto;
  color: #1c79bc;
}
.gModal
  > .gModal-content
  > .modal-coupon
  > .main
  > .card-template.type8
  > .inner-section.type4
  > .message {
  color: #999999;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
}

.gModal > .gModal-content > .modal-coupon > .main > .label {
  font-weight: 400;
  margin-bottom: 8px;
}
.gModal > .gModal-content > .modal-coupon > .main > .description {
  overflow: hidden;
}
.gModal > .gModal-content > .modal-coupon > .main > .description > .option {
  margin-right: 8px;
  font-weight: 400;
  line-height: 20px;
}
.gModal > .gModal-content > .modal-coupon > .main > .description > .price {
  float: right;
  color: #7f7f7f;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  text-decoration: line-through;
}
.gModal > .gModal-content > .modal-coupon > .main > .description > .discounted {
  margin-left: px;
  float: right;
  text-align: right;
  color: #eb5757;
  line-height: 30px;
  font-weight: bold;
}
.gModal > .gModal-content > .modal-coupon > .foot {
}
.gModal > .gModal-content > .modal-coupon > .foot > .info {
  padding-bottom: 16px;
  color: #72787f;
}
.gModal > .gModal-content > .modal-coupon > .foot > .info > span {
  color: #1c79bc;
}
.gModal > .gModal-content > .modal-coupon > .foot > .btn-area {
  display: flex;
  grid-gap: 4%;
}
.gModal > .gModal-content > .modal-coupon > .foot > .btn-area > a {
  height: 48px;
  color: white;
  background-color: #1c79bc;
  border-radius: 4px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.gModal > .gModal-content > .modal-coupon > .foot > .btn-area > a > button {
  width: 100%;
  height: 100%;
  color: white;
  background-color: #2f80ed;
  border: 1px solid #c9cdd2;
  border-radius: 4px;
  display: flex;
  height: 48px;
  justify-content: center;
  align-items: center;
}
.gModal
  > .gModal-content
  > .modal-coupon
  > .foot
  > .btn-area
  > a
  > button
  > img {
  display: block;
  width: 18px;
  height: 18px;
  margin-left: 2px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(63deg)
    brightness(104%) contrast(104%);
}
.gModal > .gModal-content > .modal-coupon > .foot > .btn-area .move-menu {
  color: #464c53;
  background-color: white;
}
.gModal > .gModal-content > .modal-coupon > .foot > .btn-area > ul {
  margin-left: 10px;
}
.gModal > .gModal-content > .modal-coupon > .foot > .btn-area > ul > li {
  margin-left: 10px;
  width: 50%;
  float: left;
}
.gModal
  > .gModal-content
  > .modal-coupon
  > .foot
  > .btn-area
  > ul
  > li:first-child {
  margin-left: -10px;
}
.gModal > .gModal-content > .modal-coupon > .foot > .btn-area > ul > li > .btn {
  width: 100%;
}
/* login */
.gModal > .gModal-content > .modal-login > .main > .txt-guide {
  color: #555555;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  font-weight: 500;
}
.gModal > .gModal-content > .modal-login > .main > .login-btn-area > li {
  margin-top: 10px;
  width: 100%;
}
.gModal > .gModal-content > .modal-login > .main > .login-btn-area > li > * {
  width: 100%;
  height: 40px;
  line-height: 40px;
  position: relative;
  display: block;
  background: #999999;
  text-align: center;
  border-radius: 3px;
  color: #ffffff;
}
.gModal
  > .gModal-content
  > .modal-login
  > .main
  > .login-btn-area
  > li.naver
  > * {
  background: #20be02 !important;
}
.gModal
  > .gModal-content
  > .modal-login
  > .main
  > .login-btn-area
  > li.kakao
  * {
  color: #555555 !important;
}
.gModal
  > .gModal-content
  > .modal-login
  > .main
  > .login-btn-area
  > li.kakao
  > * {
  background: #fce711 !important;
}
.gModal
  > .gModal-content
  > .modal-login
  > .main
  > .login-btn-area
  > li.facebook
  > * {
  background: #3b5998 !important;
}
.gModal > .gModal-content > .modal-login > .main > .link-area {
  margin-top: 10px;
}
.gModal > .gModal-content > .modal-login > .main > .link-area > a {
  color: #1c79bc;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  text-decoration: underline;
}
/* modal-login-email */
.gModal > .gModal-content > .modal-login-email {
}
.gModal > .gModal-content > .modal-login-email > .main > .form-area > ul > li {
  margin-top: 10px;
}
.gModal
  > .gModal-content
  > .modal-login-email
  > .main
  > .form-area
  > ul
  > li:first-child {
  margin-top: 0;
}
.gModal
  > .gModal-content
  > .modal-login-email
  > .main
  > .form-area
  > ul
  > li
  > .text-field {
  height: 34px;
  line-height: 34px;
  border-width: 0;
  background: #eeeeee;
}
/* modal-join */
.gModal > .gModal-content > .modal-join {
}
.gModal > .gModal-content > .modal-join > .main > .form-area > ul > li {
  margin-top: 10px;
}
.gModal
  > .gModal-content
  > .modal-join
  > .main
  > .form-area
  > ul
  > li:first-child {
  margin-top: 0;
}
.gModal
  > .gModal-content
  > .modal-join
  > .main
  > .form-area
  > ul
  > li
  > .text-field {
  height: 34px;
  line-height: 34px;
  border-width: 0;
  background: #eeeeee;
}
.gModal
  > .gModal-content
  > .modal-join
  > .main
  > .form-area
  > ul
  > li
  > .checkbox-field-css {
  border: 0;
  padding: 0;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  vertical-align: top !important;
}
.gModal
  > .gModal-content
  > .modal-join
  > .main
  > .form-area
  > ul
  > li
  > .checkbox-field-css {
  width: 20px;
  height: 20px;
  background-position: 50% 45%;
  background-repeat: no-repeat;
  background-image: url("../img/bul_unchecked.svg");
  background-size: 20px;
}
.gModal
  > .gModal-content
  > .modal-join
  > .main
  > .form-area
  > ul
  > li
  > .checkbox-field-css:checked {
  background-image: url("../img/bul_checked.svg");
}
.gModal
  > .gModal-content
  > .modal-join
  > .main
  > .form-area
  > ul
  > li.link-area {
  margin-top: 10px;
}
.gModal
  > .gModal-content
  > .modal-join
  > .main
  > .form-area
  > ul
  > li.link-area
  > a {
  color: #1c79bc;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  text-decoration: underline;
}
/* modal-agree */
.gModal > .gModal-content > .modal-agree {
}
.gModal > .gModal-content > .modal-agree > .main > .form-area > ul > li {
  margin-top: 10px;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li:first-child {
  margin-top: 0;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li
  > .checkbox-field-css {
  border: 0;
  padding: 0;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  vertical-align: top !important;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li
  > .checkbox-field-css {
  width: 20px;
  height: 20px;
  background-position: 50% 45%;
  background-repeat: no-repeat;
  background-image: url("../img/bul_unchecked.svg");
  background-size: 20px;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li
  > .checkbox-field-css:checked {
  background-image: url("../img/bul_checked.svg");
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li.link-area {
  margin-top: 10px;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li.link-area
  > a {
  color: #1c79bc;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  text-decoration: underline;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li.btn-area {
  margin-top: 15px;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li.btn-area
  > ul {
  margin-left: 10px;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li.btn-area
  > ul
  > li {
  margin-left: 10px;
  width: 50%;
  float: left;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li.btn-area
  > ul
  > li:first-child {
  margin-left: -10px;
}
.gModal
  > .gModal-content
  > .modal-agree
  > .main
  > .form-area
  > ul
  > li.btn-area
  > ul
  > li
  > .btn {
  width: 100%;
}
.gModal > .gModal-content > .modal-agree > .foot > .btn-area {
  display: flex;
  grid-gap: 2%;
}
.gModal > .gModal-content > .modal-agree > .foot > .btn-area > button {
  color: white;
  background-color: #1c79bc;
  border-radius: 4px;
  width: 50%;
}
/*- modal-rule ----------------------------------------------------------------------*/
.gModal > .gModal-content > .modal-rule {
}
.gModal > .gModal-content > .modal-rule .rule-area > dl > dt {
  margin-top: 20px;
  font-weight: 500;
}
/*- img-modal -----------------------------------------------------------------------*/
.gModal-content.img.on {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: #000000;
  z-index: 3000;
  max-width: 420px;
  position: fixed;
  height: 100vh;
  top: 0;
}
.gModal-content.img.off {
  display: none;
}
.gModal-content.img > .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
  /* top: -114px; */
}
.gModal-content.img > .head > .title {
  padding: 15px 15px;
}
.closeButton {
  padding: 10px 5px;
}
.closeButton {
  grid-column-start: 2;
  background: none;
  cursor: pointer;
}
.close {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-image: url(../img/icon_close_gray.svg);
  background-position: 50% 50%;
  background-size: 15px;
}
.gModal-content.img > .head * {
  font-size: 15px;
  color: #ffffff;
  line-height: 22px;
  letter-spacing: -0.75px;
  font-weight: 500;
}
.gModal-content.img .img-list .eg-flick-camera {
  display: flex;
  align-items: center;
  height: 100%;
}
.gModal-content.img .foot {
  bottom: 20px;
  color: #999999;
  font-size: 13px;
  height: 52px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gModal-content.img .foot > span {
  position: fixed;
  left: 50%;
  bottom: 20px;
  transform: translate(-50%, 0);
  height: 52px;
  line-height: 52px;
}

#Toast {
  position: fixed;
  bottom: 80px;
  left: 0;
  right: 0;
  padding: 15px;
  margin: auto;
  border-radius: 100px;
  width: 320px;
  min-height: 20px;
  background-color: #000000cc;
  text-align: center;
  color: white;
  line-height: 20px;
  word-break: keep-all;
  z-index: 2001;
  contain: content;
  transition: linear background-color 0.2s;
}
#Toast.disabled {
  display: none;
}

body .container .content > .head .search-result {
  margin: 16px 16px 16px 16px;
  padding: 0;
  position: relative;
}
body .container .content > .head .search-result > * {
  color: #1c79bc;
  font-size: 14px;
  letter-spacing: -0.3px;
  font-weight: 400;
  line-height: 20px;
}
body .container .content > .head .search-result > p > a {
  color: #464c53;
  margin-left: 5px;
  font-weight: 500;
  letter-spacing: -0.3px;
}
body .container .content > .head .search-result > p > a > span {
  color: #464c53;
  font-weight: 500;
  letter-spacing: -0.3px;
  text-decoration: underline;
}
.market-search-result {
  color: #1c79bc;
  font-size: 14px;
  letter-spacing: -0.3px;
  font-weight: 500;
  line-height: 20px;
}
body .container .content > .head .search-result > p > a {
  color: #464c53;
  margin-left: 5px;
  font-weight: 500;
  letter-spacing: -0.3px;
}
body .container .content > .head .search-result > p > a > span {
  color: #464c53;
  font-weight: 500;
  letter-spacing: -0.3px;
  text-decoration: underline;
}
.market-search-result {
  color: #1c79bc;
  font-size: 14px;
  letter-spacing: -0.3px;
  font-weight: 500;
  line-height: 20px;
}
.market-search-result > a {
  color: #464c53;
  margin-left: 5px;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.market-search-result > a > span {
  color: #464c53;
  font-weight: 500;
  letter-spacing: -0.3px;
  text-decoration: underline;
}
body .container .content > .head .search-result > .hint {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  right: -18px;
  top: 0;
  background-color: #dddddd;
  color: #777777;
  line-height: 20px;
}

.section .inner-section.type4 .inner-section.type4 .swiper-bul {
  margin: 0;
  height: 15px;
  line-height: 7px;
  text-align: center;
}
.section .inner-section.type4 .inner-section.type4 .swiper-bul > li {
  display: inline-block !important;
  overflow: hidden;
  text-indent: -99999px !important;
  font-size: 0px !important;
  line-height: 0px !important;
  *text-indent: 0 !important;
  margin-top: 10px;
}
.section .inner-section.type4 .inner-section.type4 .swiper-bul > li {
  display: inline-block;
  margin-left: 3px;
  width: 7px;
  height: 7px;
  line-height: 7px;
  vertical-align: top;
  background-color: #dddddd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.section .inner-section.type4 .inner-section.type4 .swiper-bul > li:first {
  margin-left: 0;
}
.section .inner-section.type4 .inner-section.type4 .swiper-bul > li.on {
  background-color: #777777;
}

body .content > .main .search-retail > .retail-list {
  margin-bottom: 5px;
  border: 1px solid #dddddd;
}
body .content > .main .retail-list {
  padding: 5px 10px 0 10px;
  background-color: white;
  display: grid;
  grid-template-columns: 50% 50%;
}
body .content > .main .retail-list > .retail-item {
  padding: 5px 5px 10px 5px;
}
body .content > .main .retail-list > .retail-item > a {
  width: inherit;
  display: flex;
  flex-direction: column;
}
body .content > .main .retail-list > .retail-item > a > img {
  width: 100%;
}
body .content > .main .retail-list > .retail-item > a > .subject {
  color: #555555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body .content > .main .retail-list > .retail-item > a > .price {
  color: #1c79bc;
}
body .content > .main .coupon-result > .section-title > h3 {
  margin: 32px 16px 16px;
}

body .content > .main .search-price > .section.white.type3 {
  margin-bottom: 5px;
}