@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Teko:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: local("NotoSansKR-Light"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: local("NotoSansKR-Regular"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: local("NotoSansKR-Medium"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: local("NotoSansKR-Bold"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: local("NotoSansKR-Black"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff");
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(//fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format("woff2"), url(//fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fBBc-.woff) format("woff");
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(//fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2"), url(//fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxM.woff) format("woff");
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(//fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format("woff2"), url(//fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBBc-.woff) format("woff");
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(//fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2"), url(//fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBBc-.woff) format("woff");
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local("Roboto Black"), local("Roboto-Black"), url(//fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format("woff2"), url(//fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmYUtfBBc-.woff) format("woff");
}

/* inter-300 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/inter-v2-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/inter-v2-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/inter-v2-latin-300.woff2") format("woff2"), url("../fonts/inter-v2-latin-300.woff") format("woff"), url("../fonts/inter-v2-latin-300.ttf") format("truetype"), url("../fonts/inter-v2-latin-300.svg#Inter") format("svg");
  /* Legacy iOS */
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* inter-regular - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/inter-v2-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/inter-v2-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/inter-v2-latin-regular.woff2") format("woff2"), url("../fonts/inter-v2-latin-regular.woff") format("woff"), url("../fonts/inter-v2-latin-regular.ttf") format("truetype"), url("../fonts/inter-v2-latin-regular.svg#Inter") format("svg");
  /* Legacy iOS */
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* inter-500 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/inter-v2-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/inter-v2-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/inter-v2-latin-500.woff2") format("woff2"), url("../fonts/inter-v2-latin-500.woff") format("woff"), url("../fonts/inter-v2-latin-500.ttf") format("truetype"), url("../fonts/inter-v2-latin-500.svg#Inter") format("svg");
  /* Legacy iOS */
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* inter-600 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/inter-v2-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/inter-v2-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/inter-v2-latin-600.woff2") format("woff2"), url("../fonts/inter-v2-latin-600.woff") format("woff"), url("../fonts/inter-v2-latin-600.ttf") format("truetype"), url("../fonts/inter-v2-latin-600.svg#Inter") format("svg");
  /* Legacy iOS */
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* inter-700 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/inter-v2-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/inter-v2-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/inter-v2-latin-700.woff2") format("woff2"), url("../fonts/inter-v2-latin-700.woff") format("woff"), url("../fonts/inter-v2-latin-700.ttf") format("truetype"), url("../fonts/inter-v2-latin-700.svg#Inter") format("svg");
  /* Legacy iOS */
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* ellipsis */
/* thumbnail background */
/* break point, bootstrap 3.4.1 기준 */
/* xe-col-lg- */
/* xe-col-md- */
/* xe-col-sm- */
/* xe-col-xs- */
/* reset */
.reset-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.reset-button button {
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
}

/* blind */
.blind {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}

@media (max-width: 768px) {
  .blind-mobile {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    width: 1px;
    height: 1px;
  }
}

/* layout : id로 설정된 내용, body, html 부터 wrap, header, container, content, footer id로 적용된 레이아웃 잡는용도 사용 */
/* body */
/* 웹폰트 : Avenir LT Std, SpoqaHanSans */
body, html {
  font-family: 'Inter', 'Noto Sans KR', "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, '돋움', Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust: none;
  /* IE */
  -moz-text-size-adjust: none;
  /* 파이어폭스 */
  -o-text-size-adjust: none;
  /* 오페라 구버전 */
}

/* single 페이지 모듈 적용 시 font-family 가 변경되는 현상이 있어 추가 */
.container-layout xe-content,
.container-layout .xe-content,
.container-layout .xe_content {
  font-family: 'Inter','Noto Sans KR', "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, '돋움', Helvetica, sans-serif;
}

.xe-theme__content-container--sub-no-header .content-layout {
  padding-top: 40px;
}

@media (min-width: 768px) {
  .xe-container {
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .xe-container {
    max-width: 1170px;
  }
}

@media (min-width: 1200px) {
  .xe-theme__content-container--sub-no-header .content-layout {
    padding-top: 80px;
  }
}

.skip {
  margin: 0;
  padding: 0;
}

.skip > a {
  position: relative;
  overflow: hidden;
  display: block;
  height: 0;
  line-height: 28px;
  background-color: #fff;
  text-align: center;
  z-index: 1000;
}

.skip > a:focus {
  height: auto;
}

#wrap {
  color: #000;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#container {
  -moz-flex: auto 1;
  -ms-flex: auto 1;
  -o-flex: auto 1;
  -webkit-box-flex: 1;
  flex: auto 1;
}

.wrap-layout {
  padding-bottom: 60px;
}

@media (min-width: 992px) {
  .wrap-layout {
    padding-bottom: 0px;
  }
}

.xe-row::before, .xe-row::after {
  display: block;
}

.xe-btn-primary-outline {
  color: #4167d9;
  border-color: #4167d9;
}

.xe-btn-primary-outline:hover {
  border-color: #2948ad;
  background-color: #2948ad;
}

.xe-btn-primary-outline:active {
  border-color: #1f3682;
  background-color: #1f3682;
}

.xe-btn-primary-outline:active:hover, .xe-btn-primary-outline:active:focus {
  border-color: #1f3682;
  background-color: #1f3682;
}

.xe-btn-primary-outline:focus {
  color: #4167d9;
  border-color: #4167d9;
  background-color: transparent;
}

.xe-btn-primary-outline:focus:hover {
  color: #fff;
  border-color: #2948ad;
  background-color: #2948ad;
}

.xe-btn-primary-outline:focus:active {
  border-color: #1f3682;
  background-color: #1f3682;
}

.xe-btn-primary-outline[disabled] {
  border-color: #eee;
  color: rgba(0, 0, 0, 0.38);
  opacity: 1;
}

.xe-btn-primary-outline[disabled]:hover {
  border-color: #eee;
  color: rgba(0, 0, 0, 0.38);
}

.sub-content {
  padding: 50px 0  0px;
}

.sub-content h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.5;
}

@media (min-width: 992px) {
  .sub-content {
    padding: 70px 0 0px;
  }
}

.xe-theme__content-container--sub-header {
  margin-top: 58px;
}

.xe-theme__content-container--sub-header.xe-theme__content-container--main {
  margin-top: 58px;
}

.xe-theme__content-container--sub-header.xe-theme__content-container--main .content-layout {
  padding-top: 0;
}

.xe-theme__content-container--sub-header .content-layout {
  padding-top: 28px;
}

@media (min-width: 992px) {
  .xe-theme__content-container--sub-header {
    margin-top: 120px;
  }
  .xe-theme__content-container--sub-header.xe-theme__content-container--main {
    margin-top: 120px;
  }
  .xe-theme__content-container--sub-header.xe-theme__content-container--main .content-layout {
    padding-top: 0;
  }
  .xe-theme__content-container--sub-header .content-layout {
    padding-top: 62px;
  }
}

img {
  -webkit-perspective: 1;
}

/* header : id="header" 내부 css */
.header__logo-link {
  color: #000;
  text-decoration: none;
}

.header--expand-menu {
  z-index: 90;
  position: fixed;
  padding: 0 15px;
  width: 100%;
  line-height: 24px;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
}

.header--expand-menu.sticky {
  -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1);
}

.header--expand-menu.menu--open .header-content--mobile {
  height: 70px;
  visibility: visible;
}

.header--expand-menu a {
  outline: none;
}

.header--expand-menu .header-inner-box {
  position: relative;
}

.header--expand-menu .header-inner-box::after {
  content: '';
  display: block;
  clear: both;
}

.header--expand-menu .header-button-box .header-button-login {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  font-size: 13px;
  line-height: 24px;
  text-decoration: none;
  color: #707070;
}

.header--expand-menu .header-button-box .header-button-login:hover {
  color: #091e42;
}

.header--expand-menu .header-button-box .header-button-login + .header-button-login::before {
  content: '';
  position: absolute;
  top: 6px;
  left: -2px;
  width: 1px;
  height: 9px;
  background-color: #b3bac5;
}

.header--expand-menu .header-login-user {
  display: block;
  padding-bottom: 13px;
  border-bottom: 1px solid #dfe1e6;
}

.header--expand-menu .header-login-user .header-login-user__link {
  display: block;
  text-decoration: none;
}

.header--expand-menu .header-login-user .header-login-user__link::after {
  content: '';
  display: block;
  clear: both;
}

.header--expand-menu .header-login-user .header-login-user__link .header-login-user__thumb {
  float: left;
  width: 56px;
  height: 56px;
  margin-right: 16px;
  border-radius: 56px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 56px 56px;
}

.header--expand-menu .header-login-user .header-login-user__link .header-login-user__nick-box {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
}

.header--expand-menu .header-login-user .header-login-user__link .header-login-user__nick-box .header-login-user__nick-text {
  max-height: 56px;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  color: #000;
}

.header--expand-menu .header-login-user .header-login-user__link-admin {
  display: inline-block;
  margin-left: 72px;
  padding: 4px 12px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  text-decoration: none;
  background-color: #f4f5f7;
  color: #555;
}

.header--expand-menu .header-login-user-list {
  padding: 16px 0 14px;
  margin: 0;
  list-style: none;
}

.header--expand-menu .header-login-user-list > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header--expand-menu .header-login-user-list .header-login-user-list__link {
  display: block;
  padding: 5px 0 3px;
  font-size: 16px;
  line-height: 25px;
  color: #555;
  text-decoration: none;
}

.header--expand-menu .header-content--pc {
  display: none;
}

.header--expand-menu .header-content--mobile {
  overflow: hidden;
  display: block;
  height: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  /* 모바일 메뉴 딤드 */
}

.header--expand-menu .header-content--mobile .header-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header--expand-menu .header-content--mobile .header-info .header-info-logo {
  width: 217px;
  margin: 0;
  padding: 5px 0;
}

.header--expand-menu .header-content--mobile .header-info .header-info-logo .header-info-logo__link {
  display: inline-block;
}

.header--expand-menu .header-content--mobile .header-info .header-info-logo .header-info-logo__image {
  max-width: 166px;
  max-height: 57px;
}

.header--expand-menu .header-content--mobile .header__button-menu {
  display: block;
  position: absolute;
  top: 19px;
  right: -7px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0 none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-color: #fff;
  background: url(../img/icon-menu.svg) 50% 50% no-repeat;
}

.header--expand-menu .header-content--mobile .header-info-layer {
  visibility: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  right: -80%;
  width: 80%;
  height: 100%;
  padding: 20px 45px 20px 20px;
  z-index: 110;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  /* 1뎁스 메뉴 */
  /* //1뎁스 메뉴 */
  /* 2뎁스 메뉴 */
  /* //2뎁스 메뉴 */
}

.header--expand-menu .header-content--mobile .header-info-layer.open {
  visibility: visible;
  right: -25px;
  opacity: 1;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-more-info-box::after {
  content: '';
  display: block;
  clear: both;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-more-info-box .header-more-info-box--clear::after {
  content: '';
  display: block;
  clear: both;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-more-info__link {
  float: left;
  display: inline-block;
  padding: 0 8px;
  font-size: 13px;
  line-height: 24px;
  text-decoration: none;
  color: #707070;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-more-info__link:hover {
  color: #091e42;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-more-info__link:first-child {
  padding-left: 0;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-button-box {
  float: right;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-info-layer__button {
  display: block;
  margin: 0;
  padding: 12px 0;
  border: 0 none;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  clear: both;
  background-color: #212121;
  color: #fff;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb {
  padding-top: 30px;
  padding-bottom: 30px;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb .header-gnb-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb .header-gnb-list > li {
  position: relative;
  margin: 16px 0 0;
  padding: 0;
  line-height: 28px;
  list-style: none;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb .header-gnb-list > li.on .header-gnb-list__link, .header--expand-menu .header-content--mobile .header-info-layer .header-gnb .header-gnb-list > li.gnb__submenu--on .header-gnb-list__link {
  color: #345bd9;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb .header-gnb-list > li.on .header-gnb-list__link i, .header--expand-menu .header-content--mobile .header-info-layer .header-gnb .header-gnb-list > li.gnb__submenu--on .header-gnb-list__link i {
  color: #345bd9;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb .header-gnb-list > li:first-child {
  margin-top: 0;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb .header-gnb-list .header-gnb-list__link-text {
  position: relative;
  display: inline-block;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb .header-gnb-list a i {
  display: none;
  position: absolute;
  top: 50%;
  right: -20px;
  margin-top: -8px;
  padding-left: 3px;
  color: #b0b6c1;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb .header-gnb-list .header-gnb-list__link--target-blank i {
  display: inline-block;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb .header-gnb-list__link {
  position: relative;
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  line-height: 28px;
  color: #000;
  text-decoration: none;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb .header-gnb-list__link:hover {
  color: #345bd9;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb-list-depth {
  margin: 7px 0 0;
  padding: 0;
  background-color: #fff;
  list-style: none;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb-list-depth > li {
  width: 100%;
  padding-left: 15px;
  list-style: none;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb-list-depth > li:first-child {
  margin-top: 0;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb-list-depth > li.on .header-gnb-list-depth__link {
  color: #345bd9;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb-list-depth > li.on .header-gnb-list-depth__link i {
  color: #345bd9;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb-list-depth .header-gnb-list-depth__link {
  position: relative;
  display: inline-block;
  padding: 5px 0 3px;
  font-size: 16px;
  line-height: 25px;
  color: #555;
  text-decoration: none;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb-list-depth .header-gnb-list-depth__link:hover {
  color: #345bd9;
}

.header--expand-menu .header-content--mobile .header-info-layer .header-gnb-list-depth .header-gnb-list-depth__link:hover i {
  color: #345bd9;
}

.header--expand-menu .header-content--mobile .header-info-layer-dimmed {
  visibility: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 100%;
  right: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: opacity, 0.3s ease-in-out, left 0.3s step-end;
  transition: opacity, 0.3s ease-in-out, left 0.3s step-end;
  opacity: 0;
}

.header--expand-menu .header-content--mobile .header-info-layer-dimmed.open {
  visibility: visible;
  opacity: 1;
  left: 0;
  -webkit-transition: opacity, 0.3s ease-in-out, left 0.3s step-start;
  transition: opacity, 0.3s ease-in-out, left 0.3s step-start;
}

.gnb--mobile-top {

  padding: 12px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #ececec;
}

.header-login-mypage {
  position: relative;
  display: inline-block;
  line-height: normal;
}

.header-login-mypage.open .header-login-info__more-info {
  height: auto;
  border: 1px solid #ececec;
  opacity: 1;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  visibility: visible;
  z-index: 10;
}

.header-login-mypage .header-login-mypage__button-box .header-login-mypage__button {
  margin: 0;
  padding: 0;
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
}

.header-login-mypage .header-login-mypage__button-box .header-login-mypage__button.header-login-mypage__button--type-text {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  font-size: 13px;
  line-height: 24px;
  text-decoration: none;
  color: #707070;
}

.header-login-mypage .header-login-mypage__button-box .header-login-mypage__button.header-login-mypage__button--type-text:hover {
  color: #091e42;
}

.header-login-mypage .header-login-mypage__button-box .header-login-mypage__button.header-login-mypage__button--type-text::before {
  content: '';
  position: absolute;
  top: 7px;
  left: -2px;
  width: 1px;
  height: 9px;
  background-color: #b3bac5;
}

.header-login-mypage .header-login-mypage__button-box .header-login-mypage__button.header-login-mypage__button--type-image {
  overflow: hidden;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 0;
  border-radius: 32px;
  background-size: 32px 32px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.header-login-mypage .header-login-info__more-info {
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  top: 28px;
  right: 0;
  width: 120px;
  /* height: 0; */
  padding: 16px 20px;
  margin: 0;
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: left;
  background-color: #fff;
}

.header-button-pc-box.header-button-box {
  display: block;
  z-index: 400;
}

.header-button-pc-box.header-button-box.header-login-area {
  position: relative;
  display: inline-block;
  /* .header-login-info__more-info {
                    overflow: hidden;
                    visibility: hidden;
                    position: absolute;
                    top: 45px;
                    right: -15px;
                    width: 200px;
                    height: 0;
                    padding: 13px 0;
                    margin: 0;
                    border: 0;
                    opacity: 0;
                    transition: all 0.3s ease-in-out;
                    text-align: left;
                    background-color: #fff;
                    border-radius: 6px;
                    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
                    border: solid 1px rgba(6, 20, 53, 0.1);
                    } */
}

.header-button-pc-box.header-button-box.header-login-area.open .header-login-area__button-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.header-button-pc-box.header-button-box.header-login-area.open .header-login-info__more-info {
  height: auto;
  border: 1px solid #ececec;
  opacity: 1;
  visibility: visible;
  z-index: 200;
}

.header-button-pc-box.header-button-box.header-login-area .header-login-area__button {
  margin: 0;
  padding: 0;
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
}

.header-button-pc-box.header-button-box.header-login-area .header-login-area__button.header-login-area__button--text {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  font-size: 13px;
  line-height: 24px;
  text-decoration: none;
  color: #707070;
}

.header-button-pc-box.header-button-box.header-login-area .header-login-area__button.header-login-area__button--text:hover {
  color: #091e42;
}

.header-button-pc-box.header-button-box.header-login-area .header-login-area__button.header-login-area__button--text::before {
  content: '';
  position: absolute;
  top: 7px;
  left: -2px;
  width: 1px;
  height: 9px;
  background-color: #b3bac5;
}

.header-button-pc-box.header-button-box.header-login-area .header-login-area__button.header-login-area__button--image {
  overflow: hidden;
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-right: 0;
  border-radius: 50%;
  background-size: 36px 36px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.header-button-pc-box.header-button-box.header-login-area .header-login-area__button-icon {
  display: inline-block;
  color: #868e96;
}

.header-button-pc-box.header-button-box.header-login-area .header-login-area__nick-name {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.46px;
  color: #141414;
  display: inline-block;
  padding-left: 6px;
}

.header-button-pc-box.header-button-box.header-login-area .header-login-area__nick-name:hover {
  cursor: pointer;
}

.header-button-pc-box .header-login-user {
  display: block;
  border-bottom: 1px solid #dfe1e6;
  padding: 0 17px 13px;
  position: relative;
}

.header-button-pc-box .header-login-user .header-login-user__link {
  display: inline-block;
  text-decoration: none;
  margin-top: 3px;
}

.header-button-pc-box .header-login-user .header-login-user__link::after {
  content: '';
  display: block;
  clear: both;
}

.header-button-pc-box .header-login-user .header-login-user__link .header-login-user__thumb {
  float: left;
  width: 26px;
  height: 26px;
  margin-right: 8px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 26px 26px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.header-button-pc-box .header-login-user .header-login-user__link .header-login-user__nick-box {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 26px;
}

.header-button-pc-box .header-login-user .header-login-user__link .header-login-user__nick-box .header-login-user__nick-text {
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: normal;
  color: #061435;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all;
  width: 95px;
}

.header-button-pc-box .header-login-user .header-login-user__link-admin {
  position: absolute;
  right: 17px;
  top: 50%;
  margin-top: -17px;
}

.header-button-pc-box .header-login-user .header-login-user__link-admin .icon-settings {
  display: inline-block;
  background-image: url(../img/icon-settings.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 21px;
}

.header-button-pc-box .header-login-user-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.header-button-pc-box .header-login-user-list > li {
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
  line-height: 20px;
  display: block;
}

.header-button-pc-box .header-login-user-list > li:last-child {
  margin-bottom: 0;
}

.header-button-pc-box .header-login-user-list .header-login-user-list__link {
  display: block;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #484848;
  text-decoration: none;
  padding: 0;
  float: none;
}

@media (min-width: 992px) {
  .header--expand-menu {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 56px;
  }
  .header--expand-menu .header-inner-box {
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1680px;
    margin: 0 auto;
  }
  .header--expand-menu .header-content--mobile .header-info-layer {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .header--expand-menu .logo {
    margin-right: 110px;
  }
  .header--expand-menu .gnb__menu {
    padding: 0;
  }
  .header--expand-menu .gnb__menu > li {
    margin-left: 40px;
  }
}

@media (min-width: 1280px) {
  .header--expand-menu.menu--open .header-content--pc .header-more-info {
    padding: 8px 0;
    height: 41px;
    visibility: visible;
  }
  .header--expand-menu .header-inner-box {
    position: relative;
  }
  .header--expand-menu .header-inner-box::after {
    content: '';
    display: block;
    clear: both;
  }
  .header--expand-menu .header-content--pc {
    display: block;
  }
  .header--expand-menu .header-content--pc .header-button-box {
    display: inline-block;
  }
  .header--expand-menu .header-content--pc .header-more-info {
    position: relative;
    text-align: right;
    height: 0px;
    padding: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .header--expand-menu .header-content--pc .header-more-info::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
  }
  .header--expand-menu .header-content--pc .header-more-info .header-more-info-lang {
    display: inline-block;
    padding: 12px 0;
  }
  .header--expand-menu .header-content--pc .header-more-info .header-more-info-lang .header-more-info-lang__link {
    display: inline-block;
    padding: 0 9px;
    font-size: 13px;
    line-height: 24px;
    text-decoration: none;
    color: #707070;
  }
  .header--expand-menu .header-content--pc .header-more-info .header-more-info-lang .header-more-info-lang__link:hover, .header--expand-menu .header-content--pc .header-more-info .header-more-info-lang .header-more-info-lang__link:focus, .header--expand-menu .header-content--pc .header-more-info .header-more-info-lang .header-more-info-lang__link.on {
    color: #212121;
  }
  .header--expand-menu .header-content--pc .header-more-info .header-more-info-lang .header-more-info-lang__link + .header-more-info-lang__link {
    position: relative;
  }
  .header--expand-menu .header-content--pc .header-more-info .header-more-info-lang .header-more-info-lang__link + .header-more-info-lang__link::before {
    content: '';
    position: absolute;
    top: 9px;
    left: -2px;
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background-color: #cdcdcd;
  }
  .header--expand-menu .header-content--pc .header-more-info .header-more-info__reservation {
    position: relative;
    display: inline-block;
    margin-left: 12px;
    padding: 0 8px;
    font-size: 13px;
    line-height: 24px;
    text-decoration: none;
    color: #707070;
  }
  .header--expand-menu .header-content--pc .header-more-info .header-more-info__reservation::before {
    content: '';
    position: absolute;
    top: 9px;
    right: -3px;
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background-color: #cdcdcd;
  }
  .header--expand-menu .header-content--pc .header-more-info .header-more-info__reservation:hover {
    color: #091e42;
  }
  .header--expand-menu .header-content--pc .header-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
  }
  .header--expand-menu .header-content--pc .header-info::before {
    content: '';
    position: absolute;
    top: 72px;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
  }
  .header--expand-menu .header-content--pc .header-info .header-info__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 166px;
    height: 44px;
    padding: 10px 5px;
    margin-top: 14px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    background-color: #212121;
    color: #fff;
  }
  .header--expand-menu .header-content--pc .header-info .header-info-logo {
    width: 170px;
    margin: 0;
    padding: 5px 0;
  }
  .header--expand-menu .header-content--pc .header-info .header-info-logo .header-info-logo__link {
    display: inline-block;
  }
  .header--expand-menu .header-content--pc .header-info .header-info-logo .header-info-logo__image {
    max-width: 166px;
    max-height: 57px;
    vertical-align: top;
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: 72px;
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb.header-gnb--right .header-gnb-list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 28px;
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb.open .header-gnb-list::before {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb .header-gnb-list {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb .header-gnb-list::before {
    content: '';
    position: absolute;
    top: 73px;
    left: 50%;
    width: 100vw;
    height: calc(100% - 72px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb .header-gnb-list::after {
    content: '';
    display: block;
    clear: both;
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb .header-gnb-list ul,
  .header--expand-menu .header-content--pc .header-info .header-gnb .header-gnb-list li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb .header-gnb-list a i {
    display: none;
    position: absolute;
    top: 50%;
    right: -17px;
    margin-top: -8px;
    padding-left: 3px;
    color: #b0b6c1;
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb .header-gnb-list .header-gnb-list__link-text {
    position: relative;
    display: inline-block;
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb .header-gnb-list .header-gnb-list__link--target-blank i {
    display: inline-block;
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb .header-gnb-list > li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    width: 140px;
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb .header-gnb-list > li .header-gnb-list__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 72px;
    font-size: 15px;
    line-height: 28px;
    text-decoration: none;
    outline: none;
    color: #000;
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb .header-gnb-list > li .header-gnb-list__link .header-gnb-list__link-text {
    position: relative;
    text-align: center;
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb .header-gnb-list .header-gnb-list-depth {
    position: relative;
    display: block;
    height: calc(100% - 72px);
    margin-left: -1px;
    padding: 28px 5px;
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    overflow: hidden;
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb .header-gnb-list .header-gnb-list-depth > li.on .header-gnb-list-depth__link {
    color: #000;
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb .header-gnb-list .header-gnb-list-depth .header-gnb-list-depth__link {
    display: block;
    padding: 6px 14px;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    text-align: center;
    color: #707070;
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb .header-gnb-list .header-gnb-list-depth .header-gnb-list-depth__link:hover, .header--expand-menu .header-content--pc .header-info .header-gnb .header-gnb-list .header-gnb-list-depth .header-gnb-list-depth__link:focus {
    color: #000;
  }
  .header--expand-menu .header-content--mobile {
    display: none;
  }
  .header--expand-menu .header__button-menu {
    display: block;
  }
}

@media (min-width: 1500px) {
  .header--expand-menu .header-content--pc .header-info .header-info-logo {
    width: 217px;
  }
  .header--expand-menu .header-content--pc .header-info .header-gnb .header-gnb-list > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 166px;
    flex: 0 0 166px;
    width: 166px;
  }
}

.header {
  position: fixed;
  top: -75px;
  width: 100%;
  height: 58px;
  padding: 0 15px;
  line-height: 58px;
  background-color: #fff;
  z-index: 400;
  /*   transition:0.1s; */
  -webkit-transition: top 0.2s ease-out;
  transition: top 0.2s ease-out;
  -webkit-transition: top 0.2s ease-out, -webkit-box-shadow 0.2s ease-in-out;
  transition: top 0.2s ease-out, -webkit-box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, top 0.2s ease-out;
  transition: box-shadow 0.2s ease-in-out, top 0.2s ease-out, -webkit-box-shadow 0.2s ease-in-out;
  border-bottom: 1px solid #ececec;
}

.header.on {
  -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1);
}

.header.sticky {
  -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1);
}

.header.menu--open {
  top: 0;
}

.header-inner-box {
  position: relative;
}

.header-inner-box::after {
  content: '';
  display: block;
  clear: both;
}

.logo {
  margin: 0;
}

.xe-pc_logo {
  display: none;
}

/* 모바일로고 */
.xe-mobile_logo {
  display: block;
  text-align: center;
  margin: 0;
}

.xe-mobile_logo a {
  display: block;
  width: 124px;
  line-height: 58px;
  margin: 0 auto;
}

.xe-mobile_logo img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.logo__link {
  font-size: 21px;
  font-weight: 900;
  color: rgba(0, 0, 0, 0.87);
  text-decoration: none;
}

.logo__link:hover {
  color: rgba(0, 0, 0, 0.87);
}

.logo-text {
  display: inline-block;
  margin-top: 23px;
  font-weight: 900;
  line-height: 25px;
  vertical-align: top;
}

.header-search-pc {
  display: none;
}

/* 모바일 검색 */
.header-search-mobile-wrap {
  position: fixed;
  width: 100%;
  padding: 15px;
  background-color: white;
  right: -100%;
  top: 0;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 50;
}

.header-search-mobile-wrap.on {
  right: 0;
}

.header-search-mobile-wrap .header-search-mobile-close {
  color: #141414;
  font-size: 22px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.header-search-mobile-wrap .header-search-mobile-close:hover {
  cursor: pointer;
}

.xf-header-search-top {
  position: relative;
}

.header-search-mobile-box {
  position: relative;
  text-align: center;
  margin-right: 40px;
  line-height: 48px;
}

.header-search-mobile-box .header-search-mobile__input {
  border: 0;
  height: 48px;
  color: #141414;
  width: 100%;
  line-height: 21px;
  background-color: #F2F2F2;
  padding-left: 48px;
  border-radius: 5px;
  letter-spacing: -0.6px;
  font-size: 15px;
}

.header-search-mobile-box .header-search-mobile__input:focus {
  outline: none;
}

.header-search-mobile-box .header-search-mobile__input::-webkit-input-placeholder {
  color: #aeaeae;
  font-size: 16px;
}

.header-search-mobile-box .header-search-mobile__input::-moz-placeholder {
  color: #aeaeae;
  font-size: 16px;
}

.header-search-mobile-box .header-search-mobile__input:-ms-input-placeholder {
  color: #aeaeae;
  font-size: 16px;
}

.header-search-mobile-box .header-search-mobile__input::-ms-input-placeholder {
  color: #aeaeae;
  font-size: 16px;
}

.header-search-mobile-box .header-search-mobile__input::placeholder {
  color: #aeaeae;
  font-size: 16px;
}

.header-search-mobile-box .header-search__button {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0 none;
  cursor: pointer;
  background-color: transparent;
  background-image: url("../img/icon-search.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.2;
}

.xf-search-content .xf-search-word-wrap .search-word-box {
  padding: 16px 0 8px;
}

.xf-search-content .xf-search-word-wrap .search-word-box .search-word-tit {
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 32px;
  letter-spacing: -0.6px;
  color: #141414;
  position: relative;
}

.xf-search-content .xf-search-word-wrap .search-word-box .search-word-delete {
  display: block;
  font-size: 13px;
  line-height: 32px;
  letter-spacing: -0.4px;
  text-align: right;
  color: #868e96;
  position: absolute;
  right: 0;
  top: 0;
}

.xf-search-content .xf-search-word-wrap .search-word-box .search-word-empty .search-word-empty-text {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.2px;
  color: #767676;
  display: block;
  text-align: center;
  padding: 40px 0 30px;
}

.xf-search-content .xf-search-word-wrap .search-word-box .search-word-list {
  list-style: none;
  padding: 0;
  margin: 0 -4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.xf-search-content .xf-search-word-wrap .search-word-box .search-word-list .search-word-item {
  padding: 8px 4px 0;
}

.xf-search-content .xf-search-word-wrap .search-word-box .search-word-list .search-word-item .search-word-btn {
  padding: 10px 20px;
  border-radius: 20px;
  border: solid 1px #e0e0e0;
  background-color: #fdfdfd;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.19px;
  color: #484848;
  display: block;
}

.xf-search-content .xf-search-word-wrap .search-word-box .search-word-list .search-word-item .search-word-btn:hover {
  text-decoration: none;
}

.header-search-pc-wrap {
  display: none;
}

.header-search-pc-wrap.on {
  position: absolute;
  top: 52px;
  display: block;
}

.header-function-wrap {
  position: absolute;
  right: 0;
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -12px;
}

.header-search-mobile-icon {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0 none;
  cursor: pointer;
  background-color: transparent;
  background-image: url("../img/icon-search.svg");
  background-size: cover;
}

.header-chat-btn {
  display: none;
  position: relative;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0 none;
  cursor: pointer;
  background-color: transparent;
  background-image: url(../img/icon-chat.svg);
  background-size: cover;
  margin-left: 18px;
}

.header-chat-btn::before {
  content: '';
  display: none;
  position: absolute;
  top: -8px;
  left: -8px;
  background-color: rgba(232, 28, 46, 0.1);
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.header-chat-btn.on {
  background-image: url(../img/icon-chat-on.svg);
}

.header-chat-btn.on:hover {
  opacity: 1;
}

.header-chat-btn.on::before {
  display: block;
}

.header-chat-btn:hover {
  /*  background-image: url(../img/icon-chat-on.svg); */
  opacity: 0.4;
  /*  &::before {
        display: block;
      } */
}

.header-chat-btn:hover .notice-num {
  opacity: 1;
}

.header-cart-btn {
  display: none;
  position: relative;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0 none;
  cursor: pointer;
  background-color: transparent;
  background-image: url(../img/icon-shopping-cart.svg);
  background-size: cover;
  margin-left: 18px;
}

.header-cart-btn:hover {
  opacity: 0.4;
}

.header-alarm-btn {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0 none;
  cursor: pointer;
  background-color: transparent;
  background-image: url(../img/icon-alarm.svg);
  background-size: cover;
  margin-left: 18px;
}

.header-alarm-btn:hover {
  opacity: 0.4;
}

.header-alarm-btn:hover .alarm-notice {
  opacity: 1;
}

.header-alarm-btn .alarm-notice {
  position: absolute;
  top: -3px;
  right: -3px;
  display: block;
  background-color: #df0007;
  width: 5px;
  height: 5px;
  padding: 0;
  border-radius: 50%;
}

.notice-num {
  position: absolute;
  top: -9px;
  left: 15px;
  display: block;
  background-color: #df0007;
  padding: 0;
  border-radius: 10.5px;
  color: #fff;
  width: auto;
  min-width: 21px;
  height: 21px;
  padding: 0 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  text-align: center;
  letter-spacing: -1px;
}

.xf-chat-alarm-pop {
  display: none;
  position: absolute;
  top: 35px;
  left: -82px;
  z-index: 10;
  opacity: 0;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
}

.xf-chat-alarm-pop.none {
  display: none;
}

.xf-chat-alarm-pop .alarm-pop-item {
  position: relative;
  width: 220px;
  border: solid 1.5px #e81c2e;
  background-color: #fff;
  display: block;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #e81c2e;
  padding: 15px 15px;
  -webkit-box-shadow: 0 24px 30px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 24px 30px 0 rgba(0, 0, 0, 0.19);
  border-radius: 15px;
  line-height: 21px;
}

.xf-chat-alarm-pop .alarm-pop-item::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 11px 5px;
  border-color: transparent transparent #e81c2e transparent;
  position: absolute;
  top: -12px;
  left: 106px;
}

.xf-chat-alarm-pop .alarm-pop-item::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 10px 4px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: -10px;
  left: 107px;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  10% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  95% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  10% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  95% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
  }
}

.header__button-menu {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: 0;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0 none;
  cursor: pointer;
  background-color: transparent;
  background-image: url("../img/icon-menu.svg");
  background-size: cover;
}

.header-user-box {
  display: none;
}

.xe-header-right-pc {
  display: none;
}

.header-button-login {
  position: relative;
  display: inline-block;
  padding: 0 12px;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  letter-spacing: -0.37px;
  color: #868e96;
  display: block;
  float: left;
}

.header-button-login-name {
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.45px;
  text-align: center;
  color: #141414;
}

.header-button-login:hover {
  color: #555c62;
}

.header-button-login + .header-button-login::before {
  content: '';
  position: absolute;
  top: 4px;
  left: -1px;
  width: 1px;
  height: 12px;
  background-color: #ececec;
}

.header-button-mobile-box {
  position: relative;
  line-height: 20px;
  text-align: left;
  padding: 0;
}

.gnb {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: -100%;
  width: 85%;
  height: 100%;
  overflow-y: auto;
  z-index: 110;
  opacity: 0;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.gnb.open {
  visibility: visible;
  left: 0px;
  opacity: 1;
}

.gnb--pc {
  display: none;
}

.gnb__menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gnb__menu .gnb__menu-link-text {
  position: relative;
  display: inline-block;
}

.gnb__menu a i {
  position: absolute;
  top: 5px;
  right: -20px;
  padding-left: 3px;
  color: #b0b6c1;
}

.gnb__menu .gnb__menu-link--target-blank i {
  display: inline-block;
}

.gnb__menu > li {
  position: relative;
  float: none;
  margin-top: 0;
  margin-left: 0px;
  line-height: 28px;
  list-style: none;
}

.gnb__menu > li.on .gnb__menu-link,
.gnb__menu > li.gnb__submenu--on .gnb__menu-link {
  color: #345bd9;
}

.gnb__menu > li.on .gnb__menu-link i,
.gnb__menu > li.gnb__submenu--on .gnb__menu-link i {
  color: #345bd9;
}

.gnb__menu > li:first-child {
  margin-top: 0;
}

.gnb__menu::after {
  content: '';
  display: block;
  clear: both;
}

.gnb__menu-link {
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: -0.43px;
  color: #000;
  text-decoration: none;
}

.gnb__menu-link:hover {
  color: #e81c2e;
}

.gnb__submenu {
  margin: 7px 0 0;
  padding: 0;
  background-color: #fff;
  list-style: none;
  display: none;
}

.gnb__submenu > li {
  width: 100%;
  padding-left: 15px;
  list-style: none;
}

.gnb__submenu > li:first-child {
  margin-top: 0;
}

.gnb__submenu > li.on .gnb__submenu-link {
  color: #345bd9;
}

.gnb__submenu > li.on .gnb__submenu-link i {
  color: #345bd9;
}

.gnb__submenu .gnb__submenu-link {
  position: relative;
  display: inline-block;
  padding: 5px 0 3px;
  font-size: 16px;
  line-height: 25px;
  color: #555;
  text-decoration: none;
}

.gnb__submenu .gnb__submenu-link:hover {
  color: #345bd9;
}

.gnb__submenu .gnb__submenu-link:hover i {
  color: #345bd9;
}

.gnb__button-menu {
  overflow: hidden;
  position: fixed;
  top: 19px;
  right: 12px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
}

.gnb__button-menu i {
  font-size: 20px;
  vertical-align: top;
  color: #fff;
}

.gnb__dimmed {
  visibility: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1250;
  -webkit-transition: opacity, 0.3s ease-in-out, left 0.3s step-end;
  transition: opacity, 0.3s ease-in-out, left 0.3s step-end;
  opacity: 0;
}

.gnb__dimmed.open {
  visibility: visible;
  opacity: 1;
  left: 0;
  -webkit-transition: opacity, 0.3s ease-in-out, left 0.3s step-start;
  transition: opacity, 0.3s ease-in-out, left 0.3s step-start;
}

.gnb__login-info-user {
  /* padding-bottom: 13px; */
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.45px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  border-bottom: 0;
  margin: 0;
  padding: 0;
}

.gnb__login-info-user:after {
  content: '';
  display: block;
  clear: both;
}

.gnb__login-info-user .header-login-notice__text {
  line-height: 54px;
  color: #141414;
  display: block;
}

.gnb__login-info-user .header-login-notice__text::after {
  content: '';
  display: block;
  clear: both;
}

.gnb__login-info-user .header-login-notice__text .header-button-login:first-child {
  padding-left: 0;
}

.gnb__login-info-user .gnb__login-info-user-link {
  display: block;
  vertical-align: top;
  text-decoration: none;
}

.gnb__login-info-user .gnb__login-info-user-link::after {
  content: '';
  display: block;
  clear: both;
}

.gnb__login-info-user .gnb__login-info-user-thumb {
  float: left;
  width: 54px;
  height: 54px;
  margin-right: 16px;
  border-radius: 54px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 54px 54px;
}

.gnb__login-info-user .gnb__login-info-user-nick-box {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 56px;
}

.gnb__login-info-user .gnb__login-info-user-nick {
  overflow: hidden;
  max-height: 56px;
  max-height: 56px;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  color: #000;
}

.gnb__login-info-user .gnb__login-info-user-admin-link {
  display: inline-block;
  margin-left: 72px;
  padding: 4px 12px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  text-decoration: none;
  background-color: #f4f5f7;
  color: #555;
}

.header-login-button-list {
  text-align: left;
}

.header-login-button-list::after {
  content: '';
  display: block;
  clear: both;
}

.header-login-button-list .header-button-login:first-child {
  padding-left: 0;
}

.gnb--login-on .header-button-login-mobile {
  display: none;
}

.gnb--mobile {
  z-index: 2100;
  max-width: 320px;
}

.gnb--mobile .gnb-inner {
  padding: 0;
}

.gnb--mobile .gnb__login-info {
  padding: 0;
  line-height: 1.5;
}

.gnb--mobile .gnb__login-thumb-box::after {
  content: '';
  display: block;
  clear: both;
}

.gnb--mobile .gnb__login-thumb-box .gnb__login-thumb {
  overflow: hidden;
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  border-radius: 32px;
  background-size: 32px 32px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.gnb--mobile .gnb__login-thumb-box .gnb__login-nick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 6px;
  padding-right: 26px;
  font-weight: 500;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  word-break: break-all;
}

.gnb--mobile .gnb__login-thumb-box .gnb__login-manger-link {
  display: inline-block;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.58);
  text-decoration: none;
}

.gnb--mobile .gnb__login-thumb-box .gnb__login-manger-link:hover {
  color: #345bd9;
}

.gnb--mobile .gnb__login-thumb-box .gnb__login-text-box {
  overflow: hidden;
}

.gnb--mobile .gnb__login-link-list {
  padding: 16px 0 8px;
  margin: 0;
  list-style: none;
}

.gnb--mobile .gnb__login-link-list::after {
  content: '';
  display: block;
  clear: both;
}

.gnb--mobile .gnb__login-link-list li {
  margin: 0;
  padding: 0;
}

.gnb--mobile .gnb__login-link {
  display: block;
  padding: 5px 0 3px;
  font-size: 16px;
  line-height: 25px;
  color: #555;
  text-decoration: none;
}

.gnb--mobile .gnb__menu {
  padding: 16px 24px;
}

.header-info-logo__image {
  max-width: 240px;
  width: 100%;
  max-height: 60px;
  line-height: 90px;
  vertical-align: middle;
}

/* 모바일 별도 메뉴 */
.mobile-menu-list {
  margin: 0;
  padding: 0 28px;
  list-style: none;
}

.mobile-menu-list .mobile-menu-item {
  line-height: 25px;
  border-bottom: 1px solid #ececec;
}

.mobile-menu-list .mobile-menu-item .mobile_gnb__menu-link {
  font-size: 17px;
  line-height: 25px;
  font-weight: 500;
  letter-spacing: -0.7px;
  color: #141414;
  padding: 15px 0;
  display: inline-block;
}

.mobile-menu-list .mobile-menu-item .gnb__submenu {
  margin: 0;
  padding-bottom: 15px;
}

.mobile-menu-list .mobile-menu-item .gnb__submenu > li {
  padding-left: 0;
}

.mobile-menu-list .mobile-menu-item .gnb__submenu .gnb__submenu-link {
  font-size: 15px;
  line-height: 32px;
  color: #aeaeae;
  font-weight: 500;
  letter-spacing: -0.6px;
}

.mobile-menu-list .mobile-menu-item .mb-arrow {
  color: #c0c0c0;
  margin-left: 8px;
}

@media (min-width: 992px) {
  .header {
    position: fixed;
    /* top: -95px; */
    height: 120px;
    padding-left: 0;
    padding-right: 0;
    line-height: 60px;
    border-top: 2px solid #df0007;
  }
  .header-inner-box.xe-container-fluid {
    /*  padding-left: 40px;
      padding-right: 40px; */
    max-width: 1170px;
    margin: 0 auto;
  }
  .header__button-menu {
    display: none;
  }
  .xe-header-right-pc {
    float: right;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .header-info-wrap {
    display: block;
    position: relative;
  }
  .header-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*   display: block; */
  }
  .header-info::after {
    content: '';
    display: block;
    clear: both;
  }
  /* pc 카테고리 */
  .header-category {
    position: relative;
  }
  .header-category:hover .header-category-wrap {
    visibility: visible;
    opacity: 1;
    z-index: 1200;
    top: 24px;
  }
  .header-category .header-category-wrap {
    position: absolute;
    top: 18px;
    right: 0;
    padding-top: 19px;
    visibility: hidden;
    opacity: 0;
    z-index: 1100;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
  }
  .header-category .header-category-wrap-inner {
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
    min-width: 300px;
  }
  .header-category .header-category-wrap-inner .header-category-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .header-category .header-category-wrap-inner .header-category-list .header-category-item {
    line-height: 34px;
  }
  .header-category .header-category-wrap-inner .header-category-list .header-category-item .header-category-link {
    line-height: 34px;
    color: #141414;
    font-size: 16px;
    text-decoration: none;
  }
  .header__button-category {
    display: block;
    /* width: 32px; */
    height: 32px;
    padding: 0;
    border: 0 none;
    cursor: pointer;
    background-color: transparent;
    background-image: url(../img/category-menu.svg);
    background-repeat: no-repeat;
    background-position: right;
  }
  .header__button-category .header-category-text {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.2px;
    padding-right: 28px;
  }
  .xf-chat-alarm-pop {
    display: block;
  }
  .header-login-mypage {
    position: relative;
    display: inline-block;
  }
  .header-login-mypage .header-login-info__more-info {
    right: 0;
  }
  .header-login-mypage .header-login-area-text:hover {
    cursor: pointer;
  }
  .header-login-mypage .header-login-area-text .login-name {
    font-size: 12px;
  }
  .header-login-mypage.open .header-login-user-list .header-login-user-list__link:hover {
    color: #9c9c9c;
  }
  .header-login-mypage.open .header-login-area-text .header-login-area__button-icon i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .logo {
    float: left;
    margin-right: 48px;
    line-height: 48px;
  }
  .logo.xe-pc_logo {
    display: block;
  }
  .logo.xe-pc_logo .header__logo-link {
    width: 120px;
    display: block;
  }
  .logo.xe-pc_logo .header__logo-link .header-info-logo__image {
    width: 100%;
    max-width: 280px;
    line-height: 90px;
    vertical-align: middle;
  }
  .xe-mobile_logo {
    display: none;
  }
  .logo__link {
    display: inline-block;
    vertical-align: top;
    font-size: 26px;
  }
  .logo-text {
    display: inline-block;
    line-height: 1;
    vertical-align: 1px;
  }
  .header-search-pc {
    display: block;
    position: relative;
  }
  .header-search-pc .header-search-pc-wrap.on {
    display: block;
  }
  .header-search-pc .header-search-pc-wrap {
    display: none;
  }
  .header-search-pc .header-search-pc-wrap.on {
    display: block;
    position: absolute;
    top: 52px;
  }
  .header-search-pc .header-search-pc-wrap .header-search-pc-inner {
    border: solid 1px #ececec;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    padding: 15px;
  }
  .header-search-pc .header-search-pc-wrap .xf-search-content .xf-search-word-wrap .search-word-box {
    padding: 0;
  }
  .header-search-pc .header-search-pc-wrap .xf-search-content .xf-search-word-wrap .search-word-box + .search-word-box {
    padding-top: 16px;
  }
  .header-search-pc .header-search-pc-wrap .xf-search-content .xf-search-word-wrap .search-word-box .search-word-list .search-word-item .search-word-btn {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .header-search-pc .header-search-pc-wrap .xf-search-content .xf-search-word-wrap .search-word-box .search-word-list .search-word-item .search-word-btn:hover {
    border: solid 1px #e81c2e;
    background-color: #fdfdfd;
    color: #e81c2e;
  }
  .header-search-pc-box {
    position: relative;
    width: 260px;
  }
  .header-search-pc-box .header-search-pc__input {
    background-color: transparent;
    border: 0;
    padding-right: 30px;
    height: 44px;
    width: 100%;
    font-size: 15px;
    letter-spacing: -0.6px;
    color: #141414;
    border-bottom: 1px solid #e1e3e5;
  }
  .header-search-pc-box .header-search-pc__input:focus {
    outline: none;
    border-bottom: 1.5px solid #141414;
  }
  .header-search-pc-box .header-search-pc__input::-webkit-input-placeholder {
    letter-spacing: -0.6px;
    color: #c3c7cb;
  }
  .header-search-pc-box .header-search-pc__input::-moz-placeholder {
    letter-spacing: -0.6px;
    color: #c3c7cb;
  }
  .header-search-pc-box .header-search-pc__input:-ms-input-placeholder {
    letter-spacing: -0.6px;
    color: #c3c7cb;
  }
  .header-search-pc-box .header-search-pc__input::-ms-input-placeholder {
    letter-spacing: -0.6px;
    color: #c3c7cb;
  }
  .header-search-pc-box .header-search-pc__input::placeholder {
    letter-spacing: -0.6px;
    color: #c3c7cb;
  }
  .header-search-pc-box .header-search__button {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 0;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0 none;
    cursor: pointer;
    background-color: transparent;
    background-image: url(../img/icon-search.svg);
    background-size: cover;
  }
  .header-function-wrap {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 0;
  }
  .header-user-box {
    display: block;
    position: relative;
    line-height: initial;
  }
  .header-button-box {
    padding: 20px 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .header-button-box:after {
    content: '';
    display: block;
    clear: both;
  }
  .header-button-box .header-button-login {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    letter-spacing: -0.37px;
    color: #868e96;
    display: block;
    float: none;
  }
  .header-button-box .header-button-login:last-child {
    padding-right: 0;
  }
  .header-button-box .header-button-login + .header-button-login::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
    width: 1px;
    height: 9px;
    opacity: 0.3;
    background-color: #e1e3e5;
  }
  .header-button-box .header-button-login:hover {
    color: #555c62;
  }
  .header-search-mobile-icon {
    display: none;
  }
  .header-cart-btn {
    display: block;
  }
  .header-chat-btn {
    display: block;
  }
  .header-search-mobile-wrap {
    display: none;
  }
  .gnb__dimmed.open {
    display: block !important;
  }
  .gnb {
    overflow-y: visible;
    visibility: visible !important;
    position: static;
    float: left;
    background-color: transparent;
    top: auto;
    right: auto;
    width: auto;
    height: auto;
    -webkit-transition: none;
    transition: none;
    opacity: 1;
  }
  .gnb--pc {
    display: block;
  }
  .gnb--mobile {
    display: none !important;
  }
  .gnb--mobile.open {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    min-width: 320px;
    display: block !important;
    z-index: 9999 !important;
    background: #fff;
  }

  .gnb-inner {
    line-height: normal;
  }
  .gnb__menu {
    padding: 0;
    border-top: 0 none;
  }
  .gnb__menu > li .gnb__menu-link:hover {
    color: #e81c2e;
  }
  .gnb__menu > li {
    float: left;
    margin-left: 30px;
    margin-top: 0;
    line-height: 48px;
  }
  .gnb__menu > li:first-child {
    margin-left: 0;
  }
  .gnb__menu > li.gnb__submenu--on .gnb__submenu {
    padding: 12px 0;
    height: auto;
    border: 1px solid #ececec;
    opacity: 1;
    z-index: 20;
  }
  .gnb__submenu {
    overflow: hidden;
    position: absolute;
    top: 61px;
    left: 50%;
    width: 170px;
    margin: 0 0 0 -85px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
    opacity: 0;
    height: 0;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 10;
  }
  .gnb__submenu .gnb__submenu {
    display: none;
  }
  .gnb__submenu > li {
    margin: 4px 0 0 0;
    padding: 0;
    text-align: left;
  }
  .gnb__menu-link {
    position: relative;
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.6px;
    color: #141414;
    text-decoration: none;
    padding: 12px 0;
  }
  .gnb__menu-link.active {
    opacity: 1;
    color: #e81c2e;
  }
  .gnb__menu-link.active::after {
    content: "\e929";
    content: "\e928";
    display: block;
    font-family: 'xeicon';
    font-size: 22px;
    color: #fff;
    line-height: 20px;
    /* text-align: center; */
    position: absolute;
    top: -22px;
    left: 50%;
    margin-left: -10px;
  }
  .gnb__menu-link:hover {
    opacity: 1;
  }
  .gnb__submenu > li:first-child {
    margin-top: 0;
  }
  .gnb__submenu .gnb__submenu-link {
    display: block;
    padding: 5px 24px 3px;
    font-size: 15px;
    line-height: 25px;
    color: rgba(0, 0, 0, 0.87);
    text-decoration: none;
  }
  .gnb__submenu .gnb__submenu-link.on,
  .gnb__submenu .gnb__submenu-link:hover {
    background-color: #f5f5f5;
  }
  .gnb__button-menu {
    display: none;
  }
  .gnb--login-on .header-button-login {
    display: none;
  }
  .gnb--pc .gnb__menu {
    display: inline-block;
    vertical-align: top;
  }
  .gnb--pc .gnb__login-info {
    position: absolute;
    top: 0;
    right: 40px;
    line-height: 1.5;
  }
  .gnb--pc .gnb__login-info.open .gnb__login-info-content {
    height: auto;
    border: 1px solid #ececec;
    opacity: 1;
    visibility: visible;
  }
  .gnb--pc .gnb__login-thumb-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 90px;
  }
  .gnb--pc .gnb__login-thumb-box .gnb__login-thumb {
    overflow: hidden;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 0;
    border: 0 none;
    border-radius: 32px;
    background-size: 32px 32px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    outline: none;
  }
  .gnb--pc .gnb__login-thumb-box .gnb__login-nick {
    padding-top: 4px;
    max-width: 100px;
    max-height: 70px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    word-break: break-all;
    cursor: pointer;
    font-size: 15px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .gnb--pc .gnb__login-info-content {
    overflow: hidden;
    position: absolute;
    top: 69px;
    right: -15px;
    width: 300px;
    height: 0;
    padding: 20px;
    margin: 0;
    border: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    text-align: left;
    background-color: #fff;
  }
  .gnb--pc .gnb__login-link-list {
    margin: 0;
    padding: 16px 0 0;
    list-style: none;
  }
  .gnb--pc .gnb__login-link-list > li {
    margin: 0;
    padding: 0;
  }
  .gnb--pc .gnb__login-link-list > li:first-child {
    margin-top: 0;
  }
  .gnb--pc .gnb__login-link-list .gnb__login-link {
    display: block;
    padding: 5px 0 3px;
    font-size: 16px;
    line-height: 25px;
    color: #555;
    text-decoration: none;
  }
  .gnb--pc .gnb__login-link-list .gnb__login-link > i {
    margin-right: 6px;
    font-size: 20px;
    vertical-align: top;
    color: rgba(0, 0, 0, 0.8);
  }
}

@media (min-width: 1240px) {
  .header-inner-box.xe-container-fluid {
    /*      max-width: 1230px; */
  }
  .header-search-pc-box {
    width: 285px;
  }
}

/* 글로벌 언어 버튼 */
.header-user-global-wrap {
  display: inline-block;
  position: relative;
  display: block;
}

.header-user-global-wrap.mb-global-language {
  display: block;
  padding: 7px 12px;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
}

.header-user-global-wrap.mb-global-language .header-language-box {
  left: 0px;
}

.header-user-global-wrap.pc-global-language {
  display: none;
}

.header-user-global-wrap .header-language-box {
  display: none;
  position: absolute;
  left: 0;
  top: 36px;
  z-index: 20;
  min-width: 120px;
  width: 100%;
}

.header-user-global-wrap .header-language-box.active {
  display: block;
}

.header-user-global-wrap .header-language-box .header-language-list {
  padding: 0;
  margin: 0;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.header-user-global-wrap .header-language-box .header-language-list li + li {
  border-top: 1px solid #e0e0e0;
}

.header-user-global-wrap .header-language-box .header-language-list .header-language-item {
  list-style: none;
}

.header-user-global-wrap .language-link {
  text-decoration: none;
  line-height: 20px;
  display: block;
  letter-spacing: -0.4px;
  padding: 8px 15px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #141414;
}

.header-user-global-wrap .language-link.header-user-global-button {
  padding: 0;
}

.header-user-global-wrap .language-link.header-user-global-button i {
  color: #868e96;
  margin-left: 4px;
}

.header-user-global-wrap .language-link.header-user-global-button:focus {
  outline: 0;
}

.header-user-global-wrap .language-link.header-user-global-button:hover {
  background-color: transparent;
}

.header-user-global-wrap .language-link.header-user-global-button.on i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.header-user-global-wrap .language-link .language-flag {
  display: block;
  width: 24px;
  height: 16px;
  margin-right: 6px;
  background-repeat: no-repeat;
  background-size: cover;
}

.header-user-global-wrap .language-link.language-korean .language-flag {
  background-image: url(../img/flag-korean.svg);
}

.header-user-global-wrap .language-link.language-english .language-flag {
  background-image: url(../img/flag-english.svg);
}

.header-user-global-wrap .language-link:hover {
  background-color: #fbfbfb;
  text-decoration: none;
  color: #141414;
}

@media (min-width: 992px) {
  .header-user-global-wrap {
    display: block;
    position: absolute;
    top: 20px;
    left: 15px;
    z-index: 99;
  }
  .header-user-global-wrap.pc-global-language {
    display: block;
  }
}

/* 알림 */
.alarm_button {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../img/icon-alarm.png);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
  /*   opacity: .5; */
}

.alarm_button .alarm_active {
  width: 5px;
  height: 5px;
  background-color: #e62c25;
  display: block;
  border-radius: 50%;
  position: absolute;
  right: -5px;
  top: -5px;
}

.alarm-noti-wrap {
  /*  visibility: hidden; */
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  padding: 0;
  max-width: 400px;
  background-color: #fff;
  overflow-y: auto;
  z-index: 110;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* box-shadow: 0px 1px 22px rgba(0,0,0,0.2); */
}

.alarm-noti-wrap.open {
  visibility: visible;
  right: 0px;
  z-index: 2100;
}

.alarm-noti-wrap .noti-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.noti-header {
  position: relative;
  padding: 16px;
}

.noti-header::after {
  content: '';
  display: block;
  clear: both;
}

.noti-header .alarm_title {
  text-align: center;
  position: relative;
  line-height: 24px;
  font-size: 14px;
  font-weight: 600;
}

.noti-header .alarm_title .alarm_icon {
  position: absolute;
  top: 0;
  left: 0;
  text-decoration: none;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../img/icon-alarm.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
}

.noti-header .alarm_title .alarm_read_btn {
  position: absolute;
  top: 3px;
  left: 0;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: #aeaeae;
}

.noti-header .alarm_title .alarm_title_text {
  color: #141414;
  font-size: 19px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: -0.6px;
  display: inline-block;
}

.noti-header .alarm_title .alarm_active {
  width: 5px;
  height: 5px;
  background-color: #e62c25;
  display: block;
  border-radius: 50%;
  position: absolute;
  right: -5px;
  top: -5px;
}

.noti-header a + a {
  margin-right: 10px;
}

.noti-header .alarm_close_btn {
  position: absolute;
  right: 16px;
  top: 18px;
  width: 24px;
  height: 24px;
  display: block;
  text-decoration: none;
  line-height: 24px;
  color: #141414;
  font-size: 24px;
}

.noti-header .alarm_close_btn .header-search-mobile-close {
  display: block;
}

.noti-header .alarm_close_btn:hover .alarm_close_text {
  color: #141414;
}

.noti-header .alarm_close_btn .alarm_close_text {
  font-size: 14px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: block;
  color: #141414;
}

.xf-noti-content {
  height: calc(100% - 67px);
}

.xf-noti-content .noti-list-wrap {
  border-top: 7px solid  #F7F7F7;
  height: 100%;
}

.xf-noti-content .noti-list-wrap .noti-list {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 24px;
}

.xf-noti-content .noti-list-wrap .noti-list .noti-item {
  position: relative;
  border-bottom: 1px solid  #ececec;
}

.xf-noti-content .noti-list-wrap .noti-list .noti-item.on {
  background-color: rgba(255, 255, 255, 0.05);
}

.xf-noti-content .noti-list-wrap .noti-list .noti-item .noti-item-link {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 15px;
}

.xf-noti-content .noti-list-wrap .noti-list .noti-item .noti-item-link.noti-item-new {
  background-color: #f6f9fe;
}

.xf-noti-content .noti-list-wrap .noti-list .noti-item .noti-item-link.noti-item-new .noti-item-info .noti-item-desc {
  color: #2684ff;
}

.xf-noti-content .noti-list-wrap .noti-list .noti-item .noti-item-link .item-product-thumbnail {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 62px;
  border-radius: 50%;
  overflow: hidden;
}

.xf-noti-content .noti-list-wrap .noti-list .noti-item .noti-item-link .item-product-thumbnail .thumbnail-img {
  width: 100%;
  padding-top: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.xf-noti-content .noti-list-wrap .noti-list .noti-item .noti-item-link .noti-item-info {
  padding-left: 77px;
  min-height: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.xf-noti-content .noti-list-wrap .noti-list .noti-item .noti-item-link .noti-item-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #141414;
}

.xf-noti-content .noti-list-wrap .noti-list .noti-item .noti-item-link .noti-item-title.noti-1 {
  color: #7B9DBE;
}

.xf-noti-content .noti-list-wrap .noti-list .noti-item .noti-item-link .noti-item-title.noti-2 {
  color: #FF3F44;
}

.xf-noti-content .noti-list-wrap .noti-list .noti-item .noti-item-link .noti-item-title .noti-item-icon {
  display: inline-block;
  padding-right: 4px;
}

.xf-noti-content .noti-list-wrap .noti-list .noti-item .noti-item-link .noti-item-date {
  display: block;
  margin: 4px 0 0;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #9c9c9c;
}

.xf-noti-content .noti-list-wrap .noti-list .noti-item .noti-item-link .noti-item-desc {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  color: #484848;
  line-height: 18px;
  letter-spacing: -0.4px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  max-height: 18px;
}

.xf-noti-content .noti-list-wrap .noti-list .noti-item .noti-item-link .noti-item-close {
  position: absolute;
  display: inline-block;
  background-image: url(../img/noti-list-close.svg);
  width: 18px;
  height: 18px;
  background-size: cover;
  top: 0;
  right: 0;
}

.xf-noti-content .noti-alarm-empty-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.xf-noti-content .noti-alarm-no {
  text-align: center;
  color: #141414;
}

.xf-noti-content .noti-alarm-no .alarm-icon {
  background-image: url(../img/icon-bell.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 40px;
  height: 40px;
  display: block;
  margin: 0 auto 20px;
}

.xf-noti-content .noti-alarm-no .noti-alarm-no-text {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.47;
  letter-spacing: -0.43px;
  color: #c0c0c0;
}

/* 카테고리메뉴 */
.xf-category-menu .category-menu-box {
  position: relative;
  padding: 20px 28px 15px;
}

.xf-category-menu .category-menu-box .category-menu-tit .category-menu-tit-link {
  font-size: 17px;
  font-weight: bold;
  letter-spacing: -0.7px;
  color: #141414;
  line-height: 25px;
  margin-bottom: 12px;
}

.xf-category-menu .category-menu-box::before {
  content: '';
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #e81c2e;
}

.xf-category-menu .category-menu-box .category-tab-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #ececec;
}
.xf-category-menu .category-tab-menu .category-tab:first-child {
  margin-top: 12px;
}
.xf-category-menu .category-menu-box .category-tab-menu li {
  margin-right: 24px;
}

.xf-category-menu .category-menu-box .category-tab-menu li.on .category-tab {
  color: #000;
}

.xf-category-menu .category-menu-box .category-tab-menu li.on .category-tab::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000;
  position: absolute;
  bottom: -1px;
}

.xf-category-menu .category-menu-box .category-tab-menu li .category-tab {
  display: block;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  line-height: 32px;
  padding-bottom: 6px;
  letter-spacing: -0.6px;
  color: #aeaeae;
}

.xf-category-menu .category-menu-box .category-menu-content .category-menu-list {
  display: none;
  margin: 0;
  padding: 12px 0 0;
  list-style: none;
}

.xf-category-menu .category-menu-box .category-menu-content .category-menu-list.on {
  display: block;
}

.xf-category-menu .category-menu-box .category-menu-content .category-menu-list .category-menu-item {
  line-height: normal;
}

.xf-category-menu .category-menu-box .category-menu-content .category-menu-list .category-menu-item.on a {
  color: #e81c2e;
}

.xf-category-menu .category-menu-box .category-menu-content .category-menu-list .category-menu-item a {
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 32px;
  letter-spacing: -0.6px;
  color: #aeaeae;
}

/* snb : side navigation bar */
.theme-sidebar.list-group {
  border: 1px solid #dbdbdb;
  background-color: #f1f3f5;
}

.theme-sidebar.list-group > .list-group-item.active > .list-group-item-action,
.theme-sidebar.list-group > .list-group-item > .list-group-item-action:hover,
.theme-sidebar.list-group > .list-group-item > .list-group-item-action:focus {
  color: #fff;
  background-color: #419bf9;
}

.theme-sidebar.list-group > .list-group-item > .list-group-item-action:hover,
.theme-sidebar.list-group > .list-group-item > .list-group-item-action:focus {
  text-decoration: underline;
}

.theme-sidebar.list-group > .list-group-item {
  border-bottom: 1px solid #dbdbdb;
  font-size: 17px;
}

.theme-sidebar.list-group > .list-group-item:last-child {
  border-bottom: 0;
}

.theme-sidebar.list-group .list-group-item-action {
  display: block;
  padding: 0 24px;
  line-height: 54px;
  color: #030201;
  text-decoration: none;
}

.theme-sidebar .list-group--sub {
  padding: 4px 0;
  background-color: #fff;
}

.theme-sidebar .list-group--sub .list-group-item {
  font-size: 14px;
  padding: 6px 0;
  line-height: 1.6;
}

.theme-sidebar .list-group--sub .list-group-item.active .list-group-item-action {
  font-weight: bold;
  text-decoration: underline;
}

.theme-sidebar .list-group--sub .list-group-item-action {
  padding-left: 30px;
  display: inline-block;
  line-height: inherit;
}

.theme-sidebar .list-group--sub .list-group-item-action:hover,
.theme-sidebar .list-group--sub .list-group-item-action:focus {
  text-decoration: underline;
}

/* container : id="container" 내부 css */
.br-mobile {
  display: block;
}

.br-pc {
  display: none;
}

/* .xeofficial-container {
  padding-top: 70px;
}


@include pc {
.xeofficial-container {
    padding-top: 120px;
  }
}
 */
.xeofficial-spot {
  padding-top: 38px;
  padding-bottom: 56px;
}

.xeofficial-spot__image-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.xeofficial-spot__text-box {
  width: 100%;
  min-width: 35%;
  padding-bottom: 381px;
  text-align: center;
}

.xeofficial-spot__title {
  display: block;
  margin-bottom: 12px;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.21;
  letter-spacing: -0.2px;
  color: rgba(0, 0, 0, 0.87);
}

.xeofficial-spot__content {
  margin: 0 0 44px 0;
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: -0.2px;
  color: rgba(0, 0, 0, 0.58);
}

.xeofficial-spot__image {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 657px;
  height: 381px;
  margin-left: -329px;
}

.xeofficial-spot__button {
  display: none;
}

.xeofficial-main-feature {
  padding-bottom: 131px;
}

.xeofficial-main-feature .xe-container {
  position: relative;
}

.xeofficial-main-feature__text-box {
  text-align: center;
}

.xeofficial-main-feature__title {
  margin: 0 0 16px 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.21;
  letter-spacing: -0.2px;
  color: rgba(0, 0, 0, 0.87);
}

.xeofficial-main-feature__text {
  margin: 0 0 32px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.63;
  color: rgba(0, 0, 0, 0.58);
}

.xeofficial-main-feature__box {
  position: relative;
  margin: 0 35px;
  padding-top: 121px;
}

.xeofficial-main-feature__box h4 {
  margin: 0 0 8px 0;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.47;
  letter-spacing: -0.2px;
  color: rgba(0, 0, 0, 0.87);
}

.xeofficial-main-feature__box p {
  margin: 0 0 12px 0;
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: -0.2px;
  color: rgba(0, 0, 0, 0.87);
  word-break: break-all;
  text-align: justify;
}

.xeofficial-main-feature__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
  height: 110px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 110px 110px;
}

.xeofficial-main-feature__image--simplicity {
  background-image: url(../img/img-feature-simplicity.svg);
}

.xeofficial-main-feature__image--flexibility {
  background-image: url(../img/img-feature-flexibility.svg);
}

.xeofficial-main-feature__image--efficiency {
  background-image: url(../img/img-feature-efficiency.svg);
}

.xeofficial-main-feature__link-more-box {
  position: absolute;
  bottom: -49px;
  left: 0;
  width: 100%;
  text-align: center;
}

.xeofficial-main-feature__link-more {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  font-size: 16px;
  line-height: 22px;
  color: #4167d9;
  text-decoration: none;
}

.xeofficial-main-feature__link-more i {
  position: absolute;
  top: 1px;
  right: 0;
  font-size: 17px;
}

.xeofficial-main-feature__link-more::before {
  content: '';
  position: absolute;
  bottom: -2px;
  width: 100%;
  height: 1px;
  opacity: 0.4;
  background-color: #4167d9;
}

.xeofficial-main-feature__link-more:hover {
  color: #2948ad;
}

.xeofficial-main-feature__link-more:hover::before {
  background-color: #2948ad;
}

.xeofficial-main-join {
  padding: 80px 0;
  background-color: #fafafa;
}

.xeofficial-main-join__box {
  text-align: center;
}

.xeofficial-main-join__box > h3 {
  margin: 0 0 12px 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.21;
  letter-spacing: -0.2px;
  color: rgba(0, 0, 0, 0.87);
}

.xeofficial-main-join__box > p {
  margin: 0 0 32px 0;
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: -0.2px;
  color: rgba(0, 0, 0, 0.58);
}

.xeofficial-main-join__link {
  padding-left: 44px;
  padding-right: 44px;
  font-size: 15px;
  font-weight: 500;
}

.xeofficial-notice-info {
  margin-top: -80px;
  padding: 40px 0;
}

.xeofficial-notice-info .xeofficial-notice-info__text {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.25px;
  text-align: center;
  color: #2f2f2f;
}

.xeofficial-notice-info .xeofficial-notice-info__text i {
  padding-bottom: 12px;
  font-size: 32px;
  vertical-align: top;
  color: #4167d9;
}

.xeofficial-notice-info .xeofficial-notice-info__text span {
  display: block;
  vertical-align: top;
}

.top-button-box {
  padding-bottom: 20px;
  text-align: center;
}

.top-button-box .top-button__link {
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
  color: #212121;
}

.top-button-box .top-button__link i {
  font-size: 18px;
  vertical-align: top;
  color: #212121;
}

.page-container .xe-content h1, .page-container .xe-content h2, .page-container .xe-content h3, .page-container .xe-content h4, .page-container .xe-content h5, .page-container .xe-content h6 {
  font-weight: 300;
  letter-spacing: -0.76px;
  color: #212121;
}

.page-container .xe-content h1 {
  font-size: 38px;
  font-weight: 300;
  letter-spacing: -0.76px;
  color: #212121;
}

.page-container .xe-content p {
  color: #212121;
}

.page-container .xe-content p::after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 768px) {
  .br-mobile {
    display: none;
  }
  .br-pc {
    display: block;
  }
  .xeofficial-spot {
    padding-top: 24px;
    padding-bottom: 104px;
  }
  .xeofficial-spot__image-box {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0 4vw;
  }
  .xeofficial-spot__text-box {
    width: 43.7804878%;
    padding-bottom: 0;
    text-align: left;
  }
  .xeofficial-spot__title {
    margin-top: 26%;
    font-size: calc(2rem + (18 * (100vw - 400px)/ 624));
  }
  .xeofficial-spot__content {
    padding-right: 10%;
    font-size: 18px;
    line-height: 1.78;
    letter-spacing: -0.2px;
  }
  .xeofficial-spot__image {
    position: static;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: none;
    margin: 0;
    border: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .xeofficial-spot__button {
    display: block;
    margin-top: 10px;
    margin-right: 20px;
    padding-left: 26px;
    padding-right: 26px;
    font-size: 15px;
    font-weight: 500;
  }
  .xeofficial-main-feature {
    padding-bottom: 179px;
  }
  .xeofficial-main-feature__title {
    font-size: 48px;
    line-height: 0.96;
  }
  .xeofficial-main-feature__text {
    margin: 0 0 24px 0;
    font-size: 18px;
    line-height: 1.78;
  }
  .xeofficial-main-feature__box {
    padding-top: 146px;
  }
  .xeofficial-main-feature__box h4 {
    margin-bottom: 12px;
    color: rgba(0, 0, 0, 0.87);
  }
  .xeofficial-main-feature__box p {
    margin: 0;
    font-size: 18px;
    line-height: 1.78;
  }
  .xeofficial-main-feature__detail-item-box {
    margin-right: -35px;
    margin-left: -35px;
  }
  .xeofficial-main-feature__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 138px;
    height: 138px;
    background-size: 138px 138px;
  }
  .xeofficial-main-feature__link-more-box {
    bottom: -73px;
  }
  .xeofficial-main-feature__link-more {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    margin-right: 35px;
  }
  .xeofficial-main-feature__link-more i {
    top: 2px;
    font-size: 17px;
  }
  .xeofficial-main-join {
    padding: 104px 0;
  }
  .xeofficial-main-join__box > h3 {
    font-size: 48px;
    line-height: 0.96;
  }
  .xeofficial-main-join__box > p {
    margin: 0 0 38px 0;
    font-size: 18px;
    line-height: 1.78;
  }
}

@media (min-width: 992px) {
  .xeofficial-spot__button {
    display: inline-block;
    margin-top: 10px;
    margin-right: 4px;
  }
  .xeofficial-notice-info {
    margin-top: -120px;
    padding: 60px 0;
  }
  .xeofficial-notice-info .xeofficial-notice-info__text i {
    padding: 0;
  }
  .xeofficial-notice-info .xeofficial-notice-info__text span {
    display: inline-block;
    padding-top: 4px;
  }
  .top-button-box {
    padding-bottom: 40px;
  }
}

@media (min-width: 1680px) {
  .xeofficial-spot__image-box {
    max-width: 1680px;
    margin: 0 auto;
    padding-left: 120px;
    padding-right: 120px;
  }
  .xeofficial-spot__title {
    font-size: 68px;
  }
}

/* content */
.xeofficial-contact-section {
  max-width: 690px;
  margin: 0 auto;
  text-align: center;
}

.xeofficial-contact__title {
  margin: 0;
  padding-top: 32px;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -0.2px;
  color: rgba(0, 0, 0, 0.87);
}

.xeofficial-contact__text {
  margin: 0;
  padding-top: 4px;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.2px;
  color: rgba(0, 0, 0, 0.87);
}

.xeofficial-contact-form__title {
  display: inline-block;
  padding-top: 40px;
  padding-bottom: 24px;
  font-size: 21px;
  font-weight: 600;
  line-height: 31px;
}

.xeofficial-contact-form-info {
  margin-top: -16px;
}

.xeofficial-contact-form-info label.error {
  display: inline-block;
  padding-top: 8px;
  padding-left: 16px;
  font-size: 13px;
  color: #d82f29;
}

.xeofficial-contact-form-info__input-box-wrap {
  margin: 0 -8px;
}

.xeofficial-contact-form-info__input-box-wrap::after {
  content: '';
  display: table;
  clear: both;
}

.xeofficial-contact-form-info__input-box--type-divide-two {
  float: left;
  width: 50%;
}

.xeofficial-contact-form-info__input-box {
  padding-top: 16px;
  text-align: left;
}

.xeofficial-contact-form-info__input-box-inner {
  margin: 0 8px;
}

.xeofficial-contact-form-info__input-box-title {
  display: inline-block;
  padding-bottom: 3px;
  font-size: 15px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.87);
}

.xeofficial-contact-form-info__text-required {
  font-size: 15px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.87);
}

.xeofficial-contact-form-info__input {
  width: 100%;
  height: 38px;
  font-size: 15px;
  line-height: 22px;
  border: 1px solid #bdbdbd;
  padding: 10px 16px 6px;
}

.xeofficial-contact-form-info__textarea {
  width: 100%;
  height: 145px;
  padding: 8px 16px;
  border: 1px solid #bdbdbd;
  font-size: 15px;
  line-height: 20px;
  vertical-align: top;
}

.xeofficial-contact-form-info__label-checkbox {
  display: inline-block;
  margin-top: 17px;
  margin-bottom: 0;
}

.xeofficial-contact-form-info__link {
  width: 100%;
  margin-top: 33px;
  height: 48px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.2px;
}

.xeofficial-contact-form-info__label-box {
  text-align: left;
}

.xeofficial-contact-form__dimmed {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;
}

.xeofficial-contact-form__dimmed.on {
  display: none;
}

.xeofficial-contact-form-info__button {
  margin-left: 3px;
  padding: 0;
  font-size: 14px;
  letter-spacing: -0.19px;
  color: #4167d9;
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
}

.xeofficial-contact-form__layer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: left;
  background-color: #fff;
  z-index: 110;
}

.xeofficial-contact-form__layer-inner {
  padding: 19px 14px;
}

.xeofficial-contact-form__layer-title {
  display: inline-block;
  margin: 0;
  padding-bottom: 36px;
  font-size: 21px;
  line-height: 31px;
  color: rgba(0, 0, 0, 0.87);
}

.xeofficial-contact-form__layer-list-box {
  padding-left: 0;
  padding-bottom: 40px;
  margin: 0;
}

.xeofficial-contact-form__layer-list-box ul,
.xeofficial-contact-form__layer-list-box ol,
.xeofficial-contact-form__layer-list-box li {
  list-style: none;
}

.xeofficial-contact-form__layer-list-box ul,
.xeofficial-contact-form__layer-list-box ol {
  margin: 0;
  padding: 0 0 0 20px;
}

.xeofficial-contact-form__layer-list-box strong,
.xeofficial-contact-form__layer-list-box li {
  font-size: 15px;
  line-height: 25px;
  letter-spacing: -0.2;
}

.xeofficial-contact-form__layer-list-box > li {
  padding-bottom: 24px;
}

.xeofficial-contact-form__layer-list-box > li > ol > li {
  padding-bottom: 24px;
}

.xeofficial-contact-form__layer-list-box li:last-child {
  padding-bottom: 0;
}

.xeofficial-contact-form__button-confirm {
  display: block;
  font-size: 16px;
}

.xeofficial-contact-form__button-close {
  position: absolute;
  top: 19px;
  right: 17px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0 none;
  font-size: 22px;
  background-color: transparent;
  cursor: pointer;
}

.xeofficial-contact-form__button-confirm {
  width: 100%;
}

.xeofficial-contact-address-section {
  margin: 72px -15px 0;
  padding: 56px 0;
  border-top: 1px solid #e5e5e5;
}

.xeofficial-contact-address__map {
  width: 330px;
  height: 330px;
  margin: 0 auto;
}

.xeofficial-contact-address__address {
  text-align: center;
}

.xeofficial-contact-address__title {
  display: none;
}

.xeofficial-contact-address__text {
  padding-top: 32px;
  padding-bottom: 20px;
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: -0.2px;
  color: rgba(0, 0, 0, 0.87);
}

.xeofficial-contact-address__text-company,
.xeofficial-contact-address__text-number {
  margin: 0;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -0.2px;
  color: #43464f;
}

.xeofficial-features-spot {
  padding: 0 15px 56px;
  text-align: center;
}

.xeofficial-features-spot .xeofficial-features-spot__title {
  position: relative;
  margin: 0 0 35px;
  font-size: 21px;
  font-weight: 900;
  line-height: 34px;
  color: rgba(0, 0, 0, 0.87);
}

.xeofficial-features-spot .xeofficial-features-spot__title::before {
  content: '';
  position: absolute;
  bottom: -14px;
  left: 50%;
  margin-left: -8px;
  width: 16px;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.87);
}

.xeofficial-features-spot .xeofficial-features-spot__sub-title {
  margin: 0 0 24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

.xeofficial-features-spot .xeofficial-features-spot__text {
  margin: 0 0 34px;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.2px;
  color: rgba(0, 0, 0, 0.58);
}

.xeofficial-features-spot .xeofficial-features-spot__text + .xeofficial-features-spot__text {
  margin-bottom: 0;
}

.xeofficial-features-spot .xeofficial-features-spot__link {
  display: none;
}

.xeofficial-features-spot .xeofficial-features-spot__background-image {
  display: none;
}

.xeofficial-features-contents {
  padding: 56px 0 14px;
  background-color: #fafafa;
}

.xeofficial-features-contents .xe-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.xeofficial-features-contents__item {
  position: relative;
  padding-left: 62px;
  margin-bottom: 42px;
}

.xeofficial-features-contents__item-icon {
  position: absolute;
  top: 0;
  left: 8px;
  width: 24px;
  height: 24px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.xeofficial-features-contents__item-icon--features-contents {
  background-image: url(../img/icon-features-contents.svg);
}

.xeofficial-features-contents__item-icon--features-counter {
  background-image: url(../img/icon-features-counter.svg);
}

.xeofficial-features-contents__item-icon--features-theme {
  background-image: url(../img/icon-features-theme.svg);
}

.xeofficial-features-contents__item-icon--features-membership {
  background-image: url(../img/icon-features-membership.svg);
}

.xeofficial-features-contents__item-icon--features-plugin {
  background-image: url(../img/icon-features-plugin.svg);
}

.xeofficial-features-contents__item-icon--features-seo {
  background-image: url(../img/icon-features-seo.svg);
}

.xeofficial-features-contents__item-icon--libraries-category {
  background-image: url(../img/icon-libraries-category.svg);
}

.xeofficial-features-contents__item-icon--libraries-config {
  background-image: url(../img/icon-libraries-config.svg);
}

.xeofficial-features-contents__item-icon--libraries-document {
  background-image: url(../img/icon-libraries-document.svg);
}

.xeofficial-features-contents__item-icon--libraries-database {
  background-image: url(../img/icon-libraries-database.svg);
}

.xeofficial-features-contents__item-icon--libraries-intercept {
  background-image: url(../img/icon-libraries-intercept.svg);
}

.xeofficial-features-contents__item-icon--libraries-extendable-system {
  background-image: url(../img/icon-libraries-extendable-system.svg);
}

.xeofficial-features-contents__item-icon--libraries-presenter {
  background-image: url(../img/icon-libraries-presenter.svg);
}

.xeofficial-features-contents__item-icon--libraries-storage {
  background-image: url(../img/icon-libraries-storage.svg);
}

.xeofficial-features-contents__item-title {
  display: block;
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 900;
  line-height: 28px;
  letter-spacing: -0.2px;
  color: rgba(0, 0, 0, 0.87);
}

.xeofficial-features-contents__item-text {
  margin: 0;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: -0.2px;
  color: rgba(0, 0, 0, 0.58);
  word-break: break-all;
  text-align: justify;
}

.xeofficial-features-spot__libraries {
  position: relative;
  padding: 56px 15px 271px;
}

.xeofficial-features-spot__libraries .xeofficial-features-spot__sub-title {
  margin-bottom: 49px;
}

.xeofficial-features-spot__libraries-image {
  position: absolute;
  bottom: 60px;
  left: 50%;
  width: 526px;
  height: 211px;
  margin-left: -263px;
}

/* == policy : 개인정보 취급방침, 커뮤니티 운영규칙 페이지 스타일링 (옛날 스타일링이어서 수정 필요) == */
.policy {
  line-height: 21px;
  font-size: 13px;
  overflow: hidden;
}

.policy dl,
.policy dd,
.policy ul {
  margin: 0;
  padding: 0;
}

.policy a {
  color: #333;
}

.policy h2 {
  margin-bottom: 15px;
  font-size: 26px;
  font-weight: normal;
  line-height: initial;
  color: #2c2e37;
}

.policy.privacy .privacy_lst {
  display: inline-block;
  width: 100%;
  margin: 20px 0 30px;
  line-height: 26px;
  font-size: 15px;
}

.policy.privacy .privacy_lst li {
  list-style: none;
}

.policy_con {
  color: #919191;
  padding-top: 40px;
}

.policy_con > li {
  padding: 10px 0;
  list-style: none;
}

.policy_con > li:first-child {
  padding-top: 0;
}

.policy_con ul, .policy_con ol {
  margin: 10px 0;
  padding-left: 24px;
}

.policy_con p {
  margin: 13px 0 8px;
}

.policy_con .policy_tit {
  font-size: 17px;
}

.policy_con .sub_tit {
  color: #2c2e37;
  font-size: 15px;
}

.policy_con .manager_lst {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-top: 20px;
}

.policy_con .manager_lst .lft,
.policy_con .manager_lst .rgt {
  padding: 15px 20px 10px;
  border-top: 1px solid #556476;
  background: #f9f9f9;
}

.policy_con .manager_lst dt {
  margin-right: 3px;
  padding-bottom: 10px;
  font-weight: bold;
  color: #444547;
}

.policy_con .manager_lst dd strong {
  display: inline-block;
  margin-right: 10px;
  font-weight: bold;
  color: #556476;
}

.policy_con .manager_lst a {
  color: #919191;
}

.policy_con dl dd {
  margin-bottom: 10px;
}

.policy_table {
  table-layout: fixed;
  width: 100%;
  padding: 10px 0;
  word-break: break-all;
}

.policy_table th, .policy_table td {
  border-bottom: 1px solid #e4e3e2;
  vertical-align: top;
}

.policy_table thead th {
  padding-bottom: 10px;
}

.community ul {
  list-style: none;
}

/* == //policy : 개인정보 취급방침, 커뮤니티 운영규칙 페이지 스타일링 (옛날 스타일링이어서 수정 필요) == */
.xe-spot-renewal {
  padding-bottom: 40px;
}

.xe-widget-production-site {
  padding-bottom: 50px;
}

.xe-widget-homepage-make {
  padding-bottom: 60px;
}

.xe-widget-official-event-banner {
  padding-bottom: 40px;
}

.xe-widget-board-contents {
  position: relative;
  margin-bottom: 32px;
  z-index: 10;
}

.xe-widget-board-contents:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  background-color: #fafafa;
}

.xeofficial-service .xeofficial-service__title {
  margin: 0;
  padding: 0 0 16px;
  font-size: 28px;
  line-height: 44px;
  font-weight: 500;
  letter-spacing: -0.16px;
  text-align: center;
  color: #181818;
}

.xeofficial-service .xeofficial-service__title-text {
  margin: 0;
  padding: 0 0 40px;
  font-size: 17px;
  line-height: 30px;
  letter-spacing: -0.4px;
  text-align: center;
  color: #555;
}

.xeofficial-service .xeofficial-service-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.xeofficial-service .xeofficial-service-list > li {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}

.xeofficial-service .xeofficial-service-list > li:last-child {
  margin-bottom: 0;
}

.xeofficial-service .xeofficial-service-list .xeofficial-service-info-list {
  margin: 31px 0 0;
  padding: 0;
  list-style: none;
}

.xeofficial-service .xeofficial-service-list .xeofficial-service-info-list > li {
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 0 34px;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.2px;
  list-style: none;
  color: #42526e;
}

.xeofficial-service .xeofficial-service-list .xeofficial-service-info-list > li::before {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url(../img/renewal/icon-hosting-check.svg) 0 0 no-repeat;
  background-size: 22px 22px;
}

.xeofficial-service .xeofficial-service-list .xeofficial-service-info-list > li:last-child {
  margin-bottom: 0;
}

.xeofficial-service .xeofficial-service-info {
  height: 100%;
  padding: 50px 50px 40px;
  border: 1px solid #e0e0e0;
  background-color: #fafafa;
}

.xeofficial-service .xeofficial-service-info.xeofficial-service-info--recommendation {
  border: 3px solid #345bd9;
  background-color: #fff;
}

.xeofficial-service .xeofficial-service-info:hover {
  -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
}

.xeofficial-service .xeofficial-service-info .xeofficial-service-info__title {
  display: block;
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 900;
  text-align: center;
  color: #172b4d;
}

.xeofficial-service .xeofficial-service-info .xeofficial-service-info__tag {
  display: inline-block;
  padding: 4px 10px 3px;
  border-radius: 26px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  vertical-align: top;
  background-color: #de3618;
  color: #fff;
}

.xeofficial-service .xeofficial-service-info .xeofficial-service-info__price {
  margin: 0;
  padding: 0 0 20px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 900;
  text-align: center;
  color: #172b4d;
}

.xeofficial-service .xeofficial-service-info .xeofficial-service-info__price .xeofficial-service-info__price-text {
  display: inline-block;
  font-size: 13px;
  line-height: 23px;
  font-weight: 500;
  vertical-align: 0;
  color: #172b4d;
}

.xeofficial-service .xeofficial-service-info .xeofficial-service-info__button {
  width: 100%;
  padding: 12px 0 8px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}

.xeofficial-service .xeofficial-service-info .xeofficial-service-info__button.xeofficial-service-info__button--start {
  background-color: #2684ff;
}

.xeofficial-service .xeofficial-service-info .xeofficial-service-info__button.xeofficial-service-info__button--basic {
  background-color: #ff7452;
}

.xeofficial-service .xeofficial-service-info .xeofficial-service-info__button.xeofficial-service-info__button--pro {
  background-color: #9c6ade;
}

.xeofficial-service .xeofficial-service-info .xeofficial-service-info__button.xeofficial-service-info__button--Business {
  background-color: #ff5630;
}

.xeofficial-service .xeofficial-service-info .xeofficial-service-info__button.xeofficial-service-info__button--advanced {
  background-color: #36b375;
}

.xeofficial-service .xeofficial-service-info .xeofficial-service-info__button.xeofficial-service-info__button--enterprise {
  background-color: #00b8d9;
}

@media (min-width: 768px) {
  .xeofficial-contact__title {
    font-size: 68px;
    line-height: 74px;
  }
  .xeofficial-contact__text {
    padding-top: 8px;
    font-size: 18px;
    line-height: 32px;
  }
  .xeofficial-contact-form__title {
    padding-top: 64px;
    padding-bottom: 48px;
    font-size: 32px;
    line-height: 43px;
  }
  .xeofficial-contact-form-info__link {
    width: 264px;
  }
  .xeofficial-contact-address__address {
    text-align: left;
  }
  .xeofficial-contact-address__title {
    display: block;
    padding-top: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 23px;
    color: rgba(0, 0, 0, 0.58);
  }
  .xeofficial-contact-address__text {
    padding-top: 40px;
  }
  .xeofficial-contact-address-wrap {
    max-width: 690px;
    margin: 0 auto;
  }
  .xeofficial-contact-address-wrap::after {
    content: '';
    display: table;
    clear: both;
  }
  .xeofficial-contact-address__content {
    float: left;
    width: 50%;
    height: 330px;
  }
  .xeofficial-contact-address__map {
    width: 330px;
    height: 330px;
    margin: 0 15px 0 0;
  }
  .xeofficial-contact-address__address {
    position: relative;
    height: 100%;
    margin-left: 15px;
    padding-left: 33px;
  }
  .xeofficial-contact-address__address::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 33px;
    width: 32px;
    height: 2px;
    background-color: #000;
  }
  .xeofficial-contact-address-section {
    margin-left: 0;
    margin-right: 0;
    padding: 90px 0;
  }
  .xeofficial-contact-form__dimmed.on {
    display: block;
  }
  .xeofficial-contact-form__layer {
    position: fixed;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    width: 670px;
    height: 542px;
    margin-left: -335px;
    margin-top: -271px;
  }
  .xeofficial-contact-form__layer-inner {
    padding: 56px 104px;
  }
  .xeofficial-contact-form__button-confirm {
    width: 264px;
    margin: 0 auto;
  }
  .xeofficial-features-spot {
    position: relative;
    padding-bottom: 104px;
    text-align: center;
  }
  .xeofficial-features-spot .xeofficial-features-spot__title {
    position: relative;
    margin: 0 0 66px;
    font-size: 32px;
    line-height: 44px;
  }
  .xeofficial-features-spot .xeofficial-features-spot__title::before {
    content: '';
    bottom: -30px;
    margin-left: -12px;
    width: 24px;
    height: 2px;
  }
  .xeofficial-features-spot .xeofficial-features-spot__sub-title {
    margin: 0 0 32px;
    font-size: 48px;
    line-height: 64px;
  }
  .xeofficial-features-spot .xeofficial-features-spot__text {
    position: relative;
    margin: 0 0 32px;
    font-size: 18px;
    line-height: 32px;
    z-index: 10;
  }
  .xeofficial-features-spot .xeofficial-features-spot__link {
    display: inline-block;
    margin: 40px 4px 0;
    padding-left: 26px;
    padding-right: 26px;
    font-size: 15px;
    font-weight: 500;
  }
  .xeofficial-features-spot .xeofficial-features-spot__background-image {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 190px;
    height: 146px;
    background-position: 0 0;
    background-repeat: no-repeat;
  }
  .xeofficial-features-spot .xeofficial-features-spot__background-image--type1 {
    top: 58px;
    margin-left: -470px;
    background-image: url(../img/bg-features01.svg);
  }
  .xeofficial-features-spot .xeofficial-features-spot__background-image--type2 {
    top: 348px;
    margin-left: 270px;
    background-image: url(../img/bg-features02.svg);
  }
  .xeofficial-features-contents {
    padding: 80px 0 24px;
    background-color: #fafafa;
  }
  .xeofficial-features-contents .xe-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -68px;
  }
  .xeofficial-features-contents__item {
    position: relative;
    padding-left: 0;
    margin: 0 53px 56px;
  }
  .xeofficial-features-contents__item-icon {
    position: static;
    display: inline-block;
    top: auto;
    left: auto;
    width: 32px;
    height: 32px;
    margin-bottom: 16px;
    background-size: 32px 32px;
    vertical-align: top;
  }
  .xeofficial-features-contents__item-title {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 30px;
  }
  .xeofficial-features-contents__item-text {
    font-size: 16px;
    line-height: 26px;
  }
  .xeofficial-features-spot__libraries {
    padding-top: 104px;
    padding-bottom: 67px;
  }
  .xeofficial-features-spot__libraries .xeofficial-features-spot__sub-title {
    margin-bottom: 80px;
  }
  .xeofficial-features-spot__libraries-image {
    position: static;
    bottom: auto;
    left: auto;
    margin-left: 0;
    height: auto;
    width: 100%;
    max-width: 1195px;
  }
  .xeofficial-features-contents--last {
    padding-bottom: 56px;
  }
}

@media (min-width: 992px) {
  .xeofficial-contact-address-section {
    margin-left: 6px;
    margin-right: 6px;
  }
  .xeofficial-features-contents .xe-container {
    max-width: 970px;
  }
  .xe-spot-renewal {
    padding-bottom: 100px;
  }
  .xe-widget-production-site {
    padding-bottom: 140px;
  }
  .xe-widget-homepage-make {
    padding-bottom: 160px;
  }
  .xe-widget-official-event-banner {
    padding-bottom: 80px;
  }
  .xe-widget-board-contents {
    margin-bottom: 70px;
  }
  .xe-widget-board-notice {
    padding-left: 7px;
    padding-right: 7px;
  }
  .xeofficial-service .xeofficial-service__title {
    font-size: 42px;
    line-height: 64px;
    letter-spacing: -0.23px;
  }
  .xeofficial-service .xeofficial-service__title-text {
    padding: 0 0 100px;
  }
  .xeofficial-service .xeofficial-service-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -24px;
  }
  .xeofficial-service .xeofficial-service-list > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    width: 33.3333%;
    margin: 0 0 46px;
  }
  .xeofficial-service .xeofficial-service-list > li:last-child {
    margin-bottom: 46px;
  }
  .xeofficial-service .xeofficial-service-info {
    margin: 0 24px;
  }
}

@media (min-width: 1200px) {
  .xeofficial-contact-address-section {
    margin-left: 12px;
    margin-right: 12px;
  }
}

@media (min-width: 1486px) {
  .xeofficial-contact-address-section {
    margin-left: 18px;
    margin-right: 18px;
  }
}

/* footer : id="footer" 내부 css */
.footer-layout {
  position: relative;
  padding-top: 28px;
  padding-bottom: 32px;
  /* border-top: 1px solid rgba(0, 0, 0, 0.1); */
  background-color: #f7f8f9;
  z-index: 100;
  /* 1300 */
}

.footer-layout .footer-box {
  padding: 0;
  line-height: 1.85;
  text-align: center;
}

.footer-layout .footer__logo {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.footer-layout .footer__logo .footer__logo-link {
  display: inline-block;
  font-size: 20px;
  line-height: 32px;
  font-weight: 900;
  letter-spacing: 0.31px;
  text-decoration: none;
  color: #43464f;
}

.footer-layout .footer__logo .footer__logo-link i {
  font-size: 32px;
  vertical-align: top;
  color: #43464f;
}

.footer-layout .footer-menu-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-layout .footer-menu-list:after {
  content: '';
  display: block;
  clear: both;
}

.footer-layout .footer-menu-list > li {
  float: left;
  display: inline-block;
  margin: 0;
  padding: 0 16px 0 0;
  line-height: 20px;
  list-style: none;
  position: relative;
}

.footer-layout .footer-menu-list > li:last-child:after {
  display: none;
}

.footer-layout .footer-menu-list > li:after {
  /*  content: '';
        position: absolute;
        top: 6px;
        right: 8px;
        width: 1px;
        height: 12px;
        background-color: #d3d3d3; */
}

.footer-layout .footer-menu-list > li .ft_gnb__menu-link {
  text-decoration: none;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.43px;
  line-height: 24px;
}

.footer-layout .footer-menu-list > li .ft_gnb__menu-link:hover {
  color: #868e96;
}

.footer-layout .footer-menu-list > li.open .footer-menu-list-depth__title-box i {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.footer-layout .footer-menu-list > li.open .footer-menu-list-depth {
  display: block;
}

.footer-layout .footer-menu-list .footer-menu-list-depth-box {
  text-align: left;
}

.footer-layout .footer-menu-list .footer-menu-list-depth__title-box {
  position: relative;
}

.footer-layout .footer-menu-list .footer-menu-list-depth__title-box .footer-menu-list-depth__title {
  display: block;
  padding: 8px 0;
  font-size: 13px;
  line-height: 24px;
  font-weight: 600;
  text-decoration: none;
  outline: none;
  color: #181818;
}

.footer-layout .footer-menu-list .footer-menu-list-depth__title-box i {
  position: absolute;
  top: 13px;
  right: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #181818;
}

.footer-layout .footer-menu-list .footer-menu-list-depth {
  display: none;
  margin: 0;
  padding: 0 0 14px;
  list-style: none;
}

.footer-layout .footer-menu-list .footer-menu-list-depth > li {
  margin: 0;
  padding: 2px 0 0 15px;
  list-style: none;
}

.footer-layout .footer-menu-list .footer-menu-list__link {
  display: inline-block;
  line-height: 24px;
  text-decoration: none;
  outline: none;
  color: #181818;
}

.footer-layout .footer-menu-list .footer-menu-list__link:hover, .footer-layout .footer-menu-list .footer-menu-list__link:focus {
  text-decoration: underline;
}

.footer-layout .footer-menu-list .footer-menu-list__link:hover .footer-menu-list__link-text, .footer-layout .footer-menu-list .footer-menu-list__link:focus .footer-menu-list__link-text {
  text-decoration: underline;
}

.footer-layout .footer-menu-list .footer-menu-list__link .footer-menu-list__link-text {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  word-break: break-all;
}

.footer-layout .footer-menu-list .footer-menu-list__link .footer-menu-list__link-text i {
  display: none;
  position: absolute;
  top: 4px;
  right: 0;
  font-size: 14px;
  color: #b0b6c1;
}

.footer-layout .footer-menu-list .footer-menu-list__link.footer-menu-list__link--target-blank .footer-menu-list__link-text i {
  display: block;
}

.footer-layout .sitename {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin: 0;
  padding-left: 10px;
}

.footer-layout .footer-box + .footer-info {
  margin-top: 20px;
  border-top: 1px solid rgba(211, 211, 211, 0.4);
}

.footer-layout .footer-info-btn {
  margin-top: 10px;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: -0.4px;
  color: #868e96;
  margin-bottom: 10px;
}

.footer-layout .footer-info-btn .info-btn-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-layout .footer-info-btn .info-btn-text.on .info-btn-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.footer-layout .footer-info-btn .info-btn-icon {
  padding: 0 4px;
  display: inline-block;
  font-size: 10px;
}

.footer-layout .footer-info-btn .info-btn-icon i {
  display: block;
}

.footer-layout .footer-info .service-info {
  word-break: break-all;
  color: #868686;
  font-size: 13px;
  padding-bottom: 24px;
}

.footer-layout .footer-info .xf-ft-copyright {
  position: relative;
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  list-style: none;
  color: #868e96;
  letter-spacing: -0.4px;
  padding: 0;
  padding-right: 8px;
  white-space: nowrap;
}

.footer-layout .footer-info .footer-info-company-list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  display: none;
  /*  display: flex;
      flex-wrap: wrap; */
}

.footer-layout .footer-info .footer-info-company-list::after {
  content: '';
  display: block;
  clear: both;
}

.footer-layout .footer-info .footer-info-company-list > li {
  float: left;
  position: relative;
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  list-style: none;
  color: #868e96;
  letter-spacing: -0.4px;
  padding: 0;
  padding-right: 8px;
  white-space: nowrap;
  /* &:nth-child(1) {
          &::before {
            content: '';
            position: absolute;
            top: 6px;
            right: 8px;
            width: 1px;
            height: 12px;
            background-color: #d3d3d3;
          }
       }  */
}

.footer-layout .footer-info .footer-info-company-list > li a {
  color: #2684ff;
}

.footer-layout .footer-info .footer-info-company-list > li.footer-info-company-list-check .company-check-num {
  display: none;
}

.footer-layout .footer-info .footer-info-company-list > li.footer-info-company-list-check .company-check-text {
  border: 0;
  background-color: transparent;
  font-size: 13px;
  color: #999;
}

.footer-layout .footer-info .footer-info-company-list > li.footer-info-company-list-check .company-check-text:hover {
  cursor: pointer;
}

.footer-layout .footer-info .footer-info-company-list > li:last-child::before {
  display: none;
}

.footer-layout .footer-info .footer-add-info {
  padding-bottom: 24px;
  max-width: 550px;
}

.footer-layout .footer-info .footer-add-info .add-info-tit {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #000;
  line-height: 20px;
  margin-bottom: 10px;
  white-space: nowrap;
}

.footer-layout .footer-info .footer-add-info .add-info-content {
  font-size: 13px;
  letter-spacing: -0.4px;
  color: #868e96;
  line-height: 20px;
  white-space: pre-line;
}

.footer-layout .footer-info .footer-add-info .add-info-content span {
  color: #141414;
}

.footer-layout .footer-info__more-info {
  /* padding-bottom: 20px; */
  text-align: left;
}

.footer-layout .footer-info__more-info .footer-info__company {
  display: inline-block;
  padding: 0;
  font-size: 13px;
  line-height: 24px;
  color: #c0c0c0;
}

.footer-layout .footer-info__more-info .footer-info-terms-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-layout .footer-info__more-info .footer-info-terms-list > li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 8px;
  list-style: none;
}

.footer-layout .footer-info__more-info .footer-info-terms-list > li + li:before {
  content: '';
  position: absolute;
  top: 6px;
  left: -2px;
  width: 1px;
  height: 12px;
  background-color: #d3d3d3;
}

.footer-layout .footer-info__more-info .footer-info-terms-list .footer-info-terms__link {
  display: inline-block;
  font-size: 13px;
  line-height: 24px;
  text-decoration: none;
  color: #515154;
}

.footer-layout .footer-info__more-info .footer-info-terms-list .footer-info-terms__link:hover {
  text-decoration: underline;
}

.footer-layout .footer-related-content {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-layout .footer-related-content .footer-related-main {
  padding-right: 20px;
}

.footer-layout .footer-related-content .footer-related-main .footer-related-box {
  width: 142px;
}

.footer-layout .footer-related-content .footer-related-main .footer-related-box img {
  width: 100%;
}

.footer-layout .footer-related-content .footer-related-sub .footer-related-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer-layout .footer-related-content .footer-related-sub .footer-related-item {
  width: 50px;
}

.footer-layout .footer-related-content .footer-related-sub .footer-related-item img {
  width: 100%;
}

.footer-layout .footer-info__family-site-box .footer-info__family-site {
  display: inline-block;
  width: 150px;
  margin-bottom: 0;
}

.footer-layout .footer-info__family-site-box .xu-form-group select {
  background-color: #fff;
}

.footer-layout .footer__link-box {
  text-align: left;
  padding: 0px;
}

.footer-layout .footer__link-list {
  display: inline-block;
  margin: 16px 0 0;
  padding: 0;
  vertical-align: top;
  list-style: none;
}

.footer-layout .footer__link-list::after {
  content: '';
  display: block;
  clear: both;
}

.footer-layout .footer__link-list li {
  display: inline-block;
  margin-top: 0;
  margin-left: 14px;
  margin-right: 0;
}

.footer-layout .footer__link-list li:first-child {
  margin-left: 0;
}

.footer-layout .footer__link-list .footer__link {
  width: 40px;
  height: 40px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.footer-layout .footer__link {
  display: inline-block;
  font-size: 13px;
  color: #43464f;
  text-decoration: none;
  vertical-align: top;
}

.footer-layout .footer__link:hover {
  color: #4167d9;
  text-decoration: underline;
}

.footer-layout .footer__link-text {
  display: inline-block;
  color: #43464f;
  text-decoration: none;
  vertical-align: top;
}

.footer-layout .footer__link--blog {
  background-image: url(../img/sns-icon-blog.svg);
  margin-top: 5px;
  /*     &:hover {
      background-image: url(../img/icon-github-on.svg);
    } */
}

.footer-layout .footer__link--facebook {
  background: url(../img/sns-icon-facebook.svg);
  /*     &:hover {
      background-image: url(../img/icon-facebook-on.svg);
    } */
}

.footer-layout .footer__link--instagram {
  background: url(../img/sns-icon-instagram.svg);
  /*     &:hover {
      background-image: url(../img/icon-medium-on.svg);
    } */
}

.footer-app-box {
  margin-top: 10px;
}

.footer-app-box .app-download-list {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.footer-app-box .app-download-list::after {
  content: '';
  display: block;
  clear: both;
}

.footer-app-box .app-download-item {
  float: left;
  padding-right: 10px;
}

.footer-app-box .app-download-item .app-download-link {
  width: 140px;
  height: 40px;
  border-radius: 10px;
  display: inline-block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.footer-app-box .app-download-item.store a {
  opacity: 0.7;
}

.footer-app-box .app-download-item.store a:hover {
  cursor: default;
}

.footer-app-box .app-download-item.store .app-download-link {
  background-image: url(../img/app_store.png);
}

.footer-app-box .app-download-item.play .app-download-link {
  background-image: url(../img/google_play.png);
}

.xf-apps-list-container {
  margin: 24px  0 0;
}

.xf-apps-list-container .xf-apps-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 -5px;
}

.xf-apps-list-container .xf-apps-list .xf-apps-item {
  padding: 0 5px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  max-width: 168px;
}

.xf-apps-list-container .xf-apps-list .xf-apps-item a {
  display: block;
}

.xf-apps-list-container .xf-apps-list .xf-apps-item .xf-apps-item__img {
  width: 100%;
  border-radius: 4px;
}

.xf-apps-list-container .xf-apps-list .xf-apps-item.xf-disabled-item .xf-apps-item__img {
  opacity: 0.15;
  cursor: not-allowed;
}

@media (min-width: 992px) {
  .xf-apps-list-container {
    position: absolute;
    right: 0;
    top: -60px;
  }
}

@media (min-width: 768px) {
  .footer-layout .sitename {
    padding-left: 20px;
  }
  .footer-box::after {
    content: '';
    display: block;
    clear: both;
  }
  .footer__logo-box {
    float: left;
    line-height: 25px;
    text-align: left;
  }
  .footer-logo {
    margin-bottom: 19px;
    vertical-align: top;
  }
  .footer__link-box {
    float: none;
    margin-top: 0;
  }
  .footer__link-box::after {
    content: '';
    display: block;
    clear: both;
  }
}

@media (min-width: 992px) {
  .footer-layout .footer-box {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }
  .footer-layout .footer-menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .footer-layout .footer-menu-list > li {
    border-bottom: 0 none;
  }
  .footer-layout .footer-menu-list > li:first-child {
    padding-left: 0;
  }
  .footer-layout .footer-menu-list > li.open .footer-menu-list-depth {
    display: block;
  }
  .footer-layout .footer-menu-list .footer-menu-list-depth__title-box {
    padding-left: 20px;
  }
  .footer-layout .footer-menu-list .footer-menu-list-depth__title-box .footer-menu-list-depth__title {
    display: block;
    padding: 0 0 2px;
    font-size: 13px;
    line-height: 24px;
    font-weight: 600;
    text-decoration: none;
    cursor: default;
    color: #181818;
  }
  .footer-layout .footer-menu-list .footer-menu-list-depth__title-box i {
    display: none;
  }
  .footer-layout .footer-menu-list .footer-menu-list-depth {
    display: block;
    margin: 0 8px;
    padding: 2px 0 24px;
    list-style: none;
  }
  .footer-layout .footer-menu-list .footer-menu-list-depth > li {
    margin: 0;
    padding: 2px 0 2px 11px;
    list-style: none;
    text-align: left;
  }
  .footer-layout .footer__link-box::after {
    content: '';
    display: block;
    clear: both;
  }
  .footer-layout .footer__link-list {
    margin-top: 0;
  }
  .footer-layout .footer-info {
    position: relative;
  }
  .footer-layout .footer-info .service-info {
    width: 58%;
    padding-bottom: 0;
  }
  .footer-layout .footer-info .footer-add-info {
    width: 50%;
    padding-bottom: 0;
    margin-top: 0px;
  }
  .footer-layout .footer-info .footer-info-company-list {
    text-align: left;
    /*   display: flex; */
  }
  .footer-layout .footer-info .footer-info-company-list::after {
    content: '';
    display: block;
    clear: both;
  }
  .footer-layout .footer-info .footer-info-company-list > li {
    float: left;
    padding-right: 10px;
    /* &::before {
            content: '';
            position: absolute;
            top: 6px;
            right: -1px;
            width: 1px;
            height: 12px;
            background-color: #d3d3d3;
          } */
  }
  .footer-layout .footer-info .footer-info-company-list > li:nth-child(4) {
    float: none;
  }
  .footer-layout .footer-info .footer-info-company-list > li:nth-child(4)::before {
    display: none;
  }
  .footer-layout .footer-info .footer-info-company-list > li:nth-child(4) {
    overflow: hidden;
    float: none;
    display: block;
  }
  .footer-layout .footer-info .footer-info-company-list > li:nth-child(4)::before {
    content: '';
    display: none;
  }
  .footer-layout .footer-info .footer-info-company-list > li:nth-child(6) {
    overflow: hidden;
    float: none;
    display: block;
  }
  .footer-layout .footer-info .footer-info-company-list > li:nth-child(6)::before {
    content: '';
    display: none;
  }
  .footer-layout .footer-info .footer-info-company-list > li:last-child {
    overflow: hidden;
    float: none;
    display: block;
  }
  .footer-layout .footer-info .footer-info-company-list > li:last-child::before {
    content: '';
    display: none;
  }
  .footer-layout .footer-info .footer-info__more-info {
    padding-bottom: 28px;
    text-align: left;
    /*  display: flex;
        justify-content: space-between; */
  }
  .footer-layout .footer-info .footer-info__more-info .footer-add-info {
    margin-top: 24px;
  }
  .footer-layout .footer-info .footer-info__more-info .footer-info__company {
    display: inline-block;
    padding: 0px;
  }
  .footer-layout .footer-info .footer-info__more-info .footer-info-terms-list {
    display: inline-block;
  }
  .footer-layout .footer-info .footer-info__family-site-box {
    position: absolute;
    right: 0;
    bottom: 8px;
  }
  .footer-layout .footer-info .footer-info__family-site-box .footer-info__family-site {
    margin: 0;
  }
  .footer-layout .footer-related-content {
    position: absolute;
    right: 0;
    bottom: 56px;
    margin-bottom: 0;
  }
  .footer-layout .footer-related-content .footer-related-main {
    margin-bottom: 0;
  }
  .footer-layout .footer-related-content .footer-related-main .footer-related-box {
    width: 178px;
  }
}

@media (min-width: 1200px) {
  .footer-app-box {
    padding-top: 0;
    padding-bottom: 0;
    position: absolute;
    right: 0;
    top: 20px;
  }
  .footer-app-box .app-download-list {
    margin-top: 0;
  }
  .footer-app-box .app-download-item {
    float: left;
    padding-right: 0;
    padding-left: 10px;
  }
}

#HappytalkIframe {
  display: none;
}

/* 모바일 하단 fixed 메뉴 */
.xf-bottom--menu {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  border-top: 1px solid #e4e4e4;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  z-index: 120;
}

.xf-bottom--menu .xf-bottom--menu-box {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xf-bottom--menu .xf-bottom--menu-box::after {
  content: '';
  display: block;
  clear: both;
}

.xf-bottom-menu-list {
  list-style: none;
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.xf-bottom-menu-list .xf-bottom-menu-link {
  display: block;
  margin: 0;
  padding: 18px 4px;
  text-decoration: none;
  border-radius: 10px;
}

.xf-bottom-menu-list .xf-bottom-menu-link.on .xf-bottom-menu-text {
  font-weight: 700;
  color: #4e3d89;
}

.xf-bottom-menu-list .xf-bottom-menu-link .xf-bottom-menu-icon {
  position: relative;
}

.xf-bottom-menu-list .xf-bottom-menu-link .xf-bottom-menu-icon .icon-img {
  position: relative;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  display: block;
  background-image: url(../img/icon-company.svg);
  background-repeat: no-repeat;
  background-size: 24px;
}

.xf-bottom-menu-list .xf-bottom-menu-link .xf-bottom-menu-text {
  display: block;
  color: #939393;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -0.36px;
  line-height: 15px;
}

.xf-bottom-menu-list .menu-link-back.xf-bottom-menu-link .xf-bottom-menu-icon .icon-img {
  /* opacity: 0.25; */
  background-image: url(../img/icon-back.png);
}

.xf-bottom-menu-list .menu-link-back.xf-bottom-menu-link .xf-bottom-menu-icon.active .icon-img {
  background-image: url(../img/icon-back-on.png);
}

.xf-bottom-menu-list .menu-link1.xf-bottom-menu-link .xf-bottom-menu-icon .icon-img {
  background-image: url(../img/icon-home.svg);
}

.xf-bottom-menu-list .menu-link1.xf-bottom-menu-link.on .xf-bottom-menu-icon .icon-img {
  background-image: url(../img/icon-home-on.svg);
}

.xf-bottom-menu-list .menu-link2.xf-bottom-menu-link .xf-bottom-menu-icon .icon-img {
  background-image: url(../img/icon-live.svg);
}

.xf-bottom-menu-list .menu-link2.xf-bottom-menu-link.on .xf-bottom-menu-icon .icon-img {
  background-image: url(../img/icon-live-on.svg);
}

.xf-bottom-menu-list .menu-link3.xf-bottom-menu-link .xf-bottom-menu-icon .icon-img {
  background-image: url(../img/icon-mypage.svg);
}

.xf-bottom-menu-list .menu-link3.xf-bottom-menu-link.on .xf-bottom-menu-icon .icon-img {
  background-image: url(../img/icon-mypage-on.svg);
}

.xf-bottom-menu-list .menu-link4.xf-bottom-menu-link .xf-bottom-menu-icon .icon-img {
  background-image: url(../img/icon-chat2.svg);
}

.xf-bottom-menu-list .menu-link4.xf-bottom-menu-link.on .xf-bottom-menu-icon .icon-img {
  background-image: url(../img/icon-chat-on.svg);
}

.xf-bottom-menu-list .menu-link5.xf-bottom-menu-link .xf-bottom-menu-icon .icon-img {
  background-image: url(../img/icon-cart.svg);
}

.xf-bottom-menu-list .menu-link5.xf-bottom-menu-link.on .xf-bottom-menu-icon .icon-img {
  background-image: url(../img/icon-cart-on.svg);
}

.icon-data-count {
  position: absolute;
  top: -1px;
  right: 0;
  display: block;
  background-color: #f51818;
  width: 5px;
  height: 5px;
  padding: 0;
  border-radius: 50%;
}

@media (min-width: 992px) {
  .xf-bottom-menu-list {
    display: none;
  }
}

.xf-main-info-btn-wrap .xf-info-list {
  list-style: none;
  padding: 0;
  margin: 0 -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.xf-main-info-btn-wrap .xf-info-list .xf-info-item {
  width: 50%;
}

.xf-main-info-btn-wrap .xf-info-list .xf-info-item .item-link {
  padding: 10px 4px 9px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.6px;
  line-height: 20px;
  text-align: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  background-color: #4c5057;
}

.xf-main-info-btn-wrap .xf-info-list .xf-info-item .item-link.item-1 .item-icon {
  background-image: url(../img/icon-headset.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 26px;
  height: 26px;
  display: block;
  margin-left: 4px;
}

.xf-main-info-btn-wrap .xf-info-list .xf-info-item .item-link.item-2 {
  background-color: #f7f8f9;
  color: #484848;
}

@media (min-width: 992px) {
  .xf-main-info-btn-wrap {
    display: none;
  }
}

/* .xe-theme-danchu {   */
.xepage-page .modal-header {
  position: relative;
  padding: 23px 60px 19px 24px;
}

.xepage-page .modal-header .close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 24px;
  opacity: 1;
}

.xepage-page .modal-header .close:hover {
  opacity: 1;
}

.xepage-page .modal-title {
  font-size: 18px;
  line-height: 1.22;
  color: #141414;
}

.xepage-page .section-xepage-table-list {
  position: relative;
  overflow: hidden;
}

.xepage-page .section-xepage-table-list .no-data {
  margin: 0;
  padding: 100px 0;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #172b4d;
}

.xepage-page .section-xepage-table-list .xepage-list {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #c1c7d0;
  list-style: none;
  background-color: #fff;
}

.xepage-page .section-xepage-table-list .xepage-list > li {
  margin: 0;
  padding: 15px 0;
  list-style: none;
  border-top: 1px solid #c1c7d0;
}

.xepage-page .section-xepage-table-list .xepage-list > li.on {
  margin-left: -1px;
  border-left: 3px solid #2684ff;
}

.xepage-page .section-xepage-table-list .xepage-list > li.on .xepage-item-content {
  margin-left: -2px;
}

.xepage-page .section-xepage-table-list .xepage-list > li.xepage-item__thead {
  display: none;
  border-top: 0 none;
  border-bottom: 1px solid #c1c7d0;
}

.xepage-page .section-xepage-table-list .xepage-list > li.xepage-item__thead .xepage-item-content__item {
  display: none;
}

.xepage-page .section-xepage-table-list .xepage-list > li.xepage-item__thead .xepage-item-content__item.xepage-item-content__item--checkbox .xu-label-checkradio {
  margin-bottom: 0;
}

.xepage-page .section-xepage-table-list .xepage-list > li.xepage-item__thead:first-child:after {
  content: '';
  height: 2px;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content {
  position: relative;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content:after {
  content: '';
  display: block;
  clear: both;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item-box--mobile-buttom {
  margin-top: 25px;
  padding-top: 16px;
  border-top: 1px solid #e0e0e0;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item-box--mobile-buttom .xepage-item-content__item.xepage-item-content__item--button-left {
  float: left;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item-box--mobile-buttom .xepage-item-content__item.xepage-item-content__item--button-right {
  float: right;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item-box--mobile-buttom .xepage-item-content__item .xepage-item-content__item-inner {
  padding: 0;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item-box--mobile-buttom:after {
  content: '';
  display: block;
  clear: both;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item.xepage-item-content__item--title {
  position: relative;
  padding-bottom: 16px;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item.xepage-item-content__item--title .xepage-item-content__item-inner {
  padding-left: 0;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item.xepage-item-content__item--checkbox .xepage-item-content__item-inner {
  padding-left: 0;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item.xepage-item-content__item--wish {
  position: absolute;
  top: 0;
  right: 0;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item.xepage-item-content__item--wish .xepage-item-content__item-inner {
  padding: 0;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item .xepage-item-content__item-inner {
  position: relative;
  padding: 2px 0 2px 115px;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item .xepage-item-content__item-link {
  font-size: 14px;
  line-height: 1.43;
  color: #172b4d;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item .xepage-item-content__item-link:hover {
  text-decoration: underline;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item .xepage-item-content__item-link.xepage-item-content__item-link--state-default {
  margin: 2px 0;
  padding: 5px 9px;
  border: 1px solid #ececec;
  border-radius: 2px;
  font-size: 13px;
  line-height: 1.54;
  text-decoration: underline;
  background-color: #fff;
  color: #767676;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item .xepage-item-content__item-link.xepage-item-content__item-link--state-default:hover {
  text-decoration: none;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item .xepage-item-content__item-text-item {
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  max-width: 100px;
  padding-right: 10px;
  font-size: 14px;
  line-height: 1.71;
  font-weight: 600;
  color: #141414;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item .xepage-item-content__item-text {
  display: inline-block;
  font-size: 14px;
  line-height: 1.71;
  font-weight: 600;
  color: #141414;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item .xepage-item-content__item-text em {
  font-style: normal;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item .xepage-item-content__item-text-date {
  display: inline-block;
}

.xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item .xepage-item-content__thumb {
  width: 90px;
  height: 90px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 90px 90px;
  background-color: #999;
}

.xepage-page .section-xepage-table-list.section-xepage-table-list--checkbox-all .xepage-list li.xepage-item__thead {
  display: block;
}

.xepage-page .section-xepage-table-list.section-xepage-table-list--checkbox-all .xepage-list li.xepage-item__thead .xepage-item-content__item--checkbox {
  display: block;
}

.xepage-page .section-xepage-table-list.section-xepage-table-list--checkbox-all .xepage-list li.xepage-item__thead .xepage-item-content__item-box--mobile-buttom {
  display: none;
}

@media (min-width: 768px) {
  .xepage-page .section-xepage-table-list {
    position: relative;
    overflow: hidden;
  }
  .xepage-page .section-xepage-table-list .xepage-list {
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
  }
  .xepage-page .section-xepage-table-list .xepage-list > li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .xepage-page .section-xepage-table-list .xepage-list > li:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #c1c7d0;
  }
  .xepage-page .section-xepage-table-list .xepage-list > li.xepage-item__thead {
    display: block;
    border-top: 0 none;
  }
  .xepage-page .section-xepage-table-list .xepage-list > li.xepage-item__thead .xepage-item-content__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xepage-page .section-xepage-table-list .xepage-list > li.xepage-item__thead .xepage-item-content__item.xepage-item-content__item--checkbox .xu-label-checkradio__text {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    width: 1px;
    height: 1px;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 15px 0;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item-box.xepage-item-content__item-box--col1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 110px;
    flex: 0 0 110px;
    max-width: 110px;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item-box.xepage-item-content__item-box--col2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
    max-width: 220px;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item-box.xepage-item-content__item-box--col3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 330px;
    flex: 0 0 330px;
    max-width: 330px;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item-box.xepage-item-content__item-box--mobile-buttom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    padding-top: 0;
    border-top: 0 none;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 110px;
    flex: 0 0 110px;
    max-width: 110px;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item.xepage-item-content__item--flex-align-normal {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item.xepage-item-content__item--title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 305px;
    max-width: 100%;
    padding-bottom: 0;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item.xepage-item-content__item--title .xepage-item-content__item-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item.xepage-item-content__item--checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px;
    text-align: center;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item.xepage-item-content__item--date {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 170px;
    flex: 0 0 170px;
    max-width: 170px;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item.xepage-item-content__item--state .xepage-item-content__item-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item.xepage-item-content__item--state .btn {
    margin: 2px 0;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item.xepage-item-content__item--wish {
    position: static;
    top: auto;
    right: auto;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item .xepage-item-content__item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 0;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item .xepage-item-content__item-link {
    padding-right: 0;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item .xepage-item-content__item-text {
    display: block;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 600;
    text-align: center;
    color: #141414;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item .xepage-item-content__item-text em {
    display: block;
    padding-top: 7px;
    font-size: 13px;
    line-height: 1.54;
    text-align: center;
    color: #767676;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item .xepage-item-content__item-text-item {
    display: none;
  }
  .xepage-page .section-xepage-table-list .xepage-list .xepage-item-content__item .xepage-item-content__item-text-date {
    display: block;
  }
  .xepage-page .section-xepage-table-list.section-xepage-table-list--checkbox-all .xepage-list li.xepage-item__thead .xepage-item-content__item-box--mobile-buttom {
    display: block;
  }
}

.xepage-page .card--horizontal {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border: 0 none;
}

.xepage-page .card--horizontal .card-img {
  width: 90px;
  height: 90px;
}

.xepage-page .card--horizontal .card-body {
  padding: 10px 0 0 25px;
}

.xepage-page .card--horizontal .card-title {
  display: block;
  margin-top: 6px;
  padding-right: 10px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
}

.xepage-page .card--horizontal .card-title .card-link {
  color: #172b4d;
}

.xepage-page .card--horizontal .card-text {
  font-size: 14px;
  line-height: 1.43;
  text-decoration: none;
  color: #484848;
}

.xepage-page .card--horizontal .card-text.card-text--date {
  display: block;
  margin: 0;
  padding-right: 8px;
  padding-bottom: 2px;
  font-size: 13px;
  line-height: 1.54;
  color: #484848;
}

.xepage-page .card--horizontal .card-text.card-text--date .card-link {
  color: #484848;
}

.xepage-page .card--horizontal .card-text.text-truncate {
  max-height: 20px;
}

.xepage-page .card--horizontal-image-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.xepage-page .card--horizontal-image-right .card-body {
  padding: 10px 25px 0 0;
}

.xepage-page .card--default .card-body {
  padding-top: 0;
}

.xepage-page .card--default .card-title {
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 20px;
  line-height: 1.5;
}

.xepage-page .card--default .card-text {
  font-size: 16px;
  line-height: 1.5;
  color: #767676;
}

.xepage-page .card--default .card-text > a {
  color: #767676;
}

.xepage-page .card--default .card-text.card-text--multi-truncate {
  display: block;
  max-height: 48px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.xepage-page .card-meta {
  position: relative;
  display: inline-block;
  font-size: 13px;
  line-height: 1.54;
  color: #767676;
}

.xepage-page .card-meta + .card-meta {
  padding-left: 12px;
}

.xepage-page .card-meta + .card-meta::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 4px;
  width: 2px;
  height: 2px;
  background-color: #767676;
}

@media (min-width: 768px) {
  .xepage-page .card--horizontal .card-text.card-text--date {
    display: inline-block;
    margin: 0;
    padding-right: 8px;
    padding-bottom: 2px;
    font-size: 13px;
    line-height: 1.54;
    color: #484848;
  }
}

.xepage-page .xepage-option-count {
  display: inline-block;
}

.xepage-page .xepage-option-count .xepage-option-count-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xepage-page .xepage-option-count .xepage-option-count__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 28px;
  flex: 0 0 28px;
  max-width: 28px;
  padding: 4px;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  outline: none;
  background-color: #fff;
  color: #484848;
}

.xepage-page .xepage-option-count .xepage-option-count__button i {
  font-size: 18px;
  vertical-align: top;
}

.xepage-page .xepage-option-count .xepage-option-count__value-box {
  width: 50px;
}

.xepage-page .xepage-option-count .xepage-option-count__value {
  height: 100%;
  width: 100%;
  border: 0 none;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  outline: none;
}

.xepage-page .xepage-option-count input[type="number"]::-webkit-outer-spin-button,
.xepage-page .xepage-option-count input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.xepage-page .section-xepage-border.section-xepage-border--top {
  border-top: 2px solid #000;
}

.xepage-page .section-xepage-border.section-xepage-border--bottom {
  border-bottom: 2px solid #000;
}

.xf-row, .xe-list-board-body--editor, .xe-list-board-body--tag, .xe-list-board-body--footer {
  width: 100%;
}

.xe-list-board-body .__board_form > div {
  width: 100%;
}

/* 게시판 */
.xe-manager-btn {
  margin-left: 10px;
  padding: 3px 8px;
}

.xe-notice-btn {
  color: #3a3a3a;
  background-color: transparent;
  padding: 0;
  border: 0;
}

.xe-list-board-list__user-image {
  display: none;
}

.xe-list-board-body__file-attach-link {
  display: none !important;
}

/* 게시판 정렬 가로 리스트형 */
.xe-list-board-sort-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xe-list-board-sort-list .xe-list-board-sort-list-item {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  line-height: 50px;
  letter-spacing: -0.4px;
  color: #9c9c9c;
  display: block;
  padding: 0 12px;
  text-decoration: none;
}

.xe-list-board-sort-list .xe-list-board-sort-list-item:last-child:after {
  display: none;
}

.xe-list-board-sort-list .xe-list-board-sort-list-item:after {
  content: '';
  display: block;
  width: 1px;
  height: 11px;
  background-color: #e0e0e0;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
}

.xe-list-board-sort-list .xe-list-board-sort-list-item.on {
  color: #141414;
  font-weight: 500;
}

.xe-list-board .xe-modal-header {
  background-color: #3a3a3a;
}

.xe-list-board .xe-modal-content {
  border: 1px solid #3a3a3a;
}

.xe-theme__content-container .xe-list-board {
  font-family: 'Inter','Noto Sans KR', sans-serif;
}

.xe-theme__content-container .xe-list-board {
  /* 게시판 상단 타이틀 */
  /* 카테고리 드롭다운  */
  /* 리스트형게시판 */
  /* 갤러리형게시판 (이벤트) */
}

.xe-theme__content-container .xe-list-board .xe-list-board-header .xe-list-board-header__title-content {
  position: relative;
}

.xe-theme__content-container .xe-list-board .xe-list-board-header .xe-list-board-header__title-content .xe-list-board-header__title-box .xe-list-board-header__title {
  font-size: 24px;
  font-weight: 700;
}

.xe-theme__content-container .xe-list-board .xe-list-board-header .xe-list-board-header__title-content .xe-list-board-header__title-box .xe-list-board-header__title a {
  font-weight: 700;
}

.xe-theme__content-container .xe-list-board .xe-list-board-header .xe-list-board-header__title-content .xe-list-board-header__write-button {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
}

.xe-theme__content-container .xe-list-board .xe-list-board-header--category .xe-list-board-header-category_item_id__button .xe-dropdown__button-box .xe-dropdown__button-text:hover {
  cursor: pointer;
}

.xe-theme__content-container .xe-list-board .xe-list-board-header--category .xe-dropdown--menu--category_item_id {
  padding: 0;
  z-index: 500;
}

.xe-theme__content-container .xe-list-board .xe-list-board-header--category .xe-dropdown--menu--category_item_id .xe-dropdown--menu-item.on:after {
  background-color: #3a3a3a;
}

.xe-theme__content-container .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--item {
  padding-left: 8px;
  padding-right: 4px;
}

.xe-theme__content-container .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--item.xe-list-board-list--item-notice {
  -webkit-box-shadow: 0 1px 0 0 #e0e0e0;
  box-shadow: 0 1px 0 0 #e0e0e0;
  background-color: #f5f5f7;
  border-bottom: 0;
}

.xe-theme__content-container .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--item .xe-list-board-list__notice--box-form .xe-list-board-list__notice--box-form-bg {
  color: #3a3a3a;
  background-color: transparent;
  padding: 0;
}

.xe-theme__content-container .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-text .xe-list-board-body__title-notice {
  background-color: #3a3a3a;
}

.xe-theme__content-container .xe-list-board.xe-list-board-event .xe-list-gallery-board-body .xe-list-gallery-board-list {
  margin: 0;
}

.xe-theme__content-container .xe-list-board.xe-list-board-event .xe-list-gallery-board-body .xe-list-gallery-board-list .xe-list-gallery-board-list-item {
  padding: 0;
}

.xe-theme__content-container .xe-list-board.xe-list-board-event .xe-list-gallery-board-body .xe-list-gallery-board-list .xe-list-gallery-board-list-item:hover .xe-list-gallery-board-list-item__img-box {
  -webkit-transform: translate(0, -15px);
  transform: translate(0, -15px);
}

.xe-theme__content-container .xe-list-board.xe-list-board-event .xe-list-gallery-board-body .xe-list-gallery-board-list .xe-list-gallery-board-list-item .xe-list-gallery-board-list-item__img-box {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 15px;
}

.xe-theme__content-container .xe-list-board.xe-list-board-event .xe-list-gallery-board-body .xe-list-gallery-board-list .xe-list-gallery-board-list-item .xe-list-gallery-board-list-item__img-box .xe-list-gallery-board-list-item__img {
  border: 0;
}

.xe-theme__content-container .xe-list-board.xe-list-board-event .xe-list-gallery-board-body .xe-list-gallery-board-list .xe-list-gallery-board-list-item .xe-list-gallery-board-list-item__body .xe-list-gallery-board-list-item__text {
  margin-bottom: 5px;
}

.xe-theme__content-container .xe-list-board.xe-list-board-event .xe-list-gallery-board-body .xe-list-gallery-board-list .xe-list-gallery-board-list-item .xe-list-gallery-board-list-item__body .xe-list-gallery-board-list-item__text .xe-list-gallery-board-list-item__text-link .xe-list-gallery-board-list-item__title-box .xe-list-gallery-board-list-item__title {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-weight: 500;
  max-height: 22px;
  -webkit-line-clamp: 1;
}

.xe-theme__content-container .xe-list-board.xe-list-board-event .xe-list-gallery-board-body .xe-list-gallery-board-list .xe-list-gallery-board-list-item .xe-list-gallery-board-list-item__body .xe-list-gallery-board-list-item--wrapper .xe-list-board-list--middle-box {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.22px;
  color: #767676;
}

.xe-theme__content-container .xe-list-board.xe-list-board-event .xe-list-gallery-board-body .xe-list-gallery-board-list .xe-list-gallery-board-list-item .xe-list-gallery-board-list-item__body .xe-list-gallery-board-list-item--wrapper .xe-list-board-list--middle-box .xe-list-gallery-board-list-item___detail-info .xe-list-webzine-board-list-item___detail-period {
  margin: 0;
}

@media (min-width: 768px) {
  .xe-theme__content-container .xe-list-board {
    /* 게시판 상단 타이틀 */
  }
  .xe-theme__content-container .xe-list-board .board_comment {
    padding-bottom: 40px;
  }
  .xe-theme__content-container .xe-list-board .xe-list-board-header {
    position: relative;
  }
  .xe-theme__content-container .xe-list-board .xe-list-board-header .xe-list-board-header__title-content {
    position: relative;
    margin-bottom: 40px;
  }
  .xe-list-board .xe-list-board-body .xf-field-yn_reply_complete {
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .xe-theme__content-container .xe-list-board {
    /* 갤러리형게시판 (이벤트) */
  }
  .xe-theme__content-container .xe-list-board.xe-list-board-event .xe-list-gallery-board-body .xe-list-gallery-board-list {
    margin: 0 -15px;
    width: auto;
  }
  .xe-theme__content-container .xe-list-board.xe-list-board-event .xe-list-gallery-board-body .xe-list-gallery-board-list .xe-list-gallery-board-list-item {
    padding: 0 15px;
  }
}

/* ----------------공통 --------------*/
.xf-custom-board.xf-board {
  z-index: 200;
  margin-top: -28px;
}

.xf-custom-board.xf-board .xe-list-board {
  overflow-x: initial;
  /* 게시판 상단 타이틀, 헤더 */
  /* 게시판 하단 검색 */
  /* 게시판 페이지네이션 */
  /* 게시판 다른글 */
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header {
  margin-bottom: 26px;
  /* 탭을 포함한 게시판 상단 타이틀, 헤더 */
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header .xe-list-board-header__title-content {
  position: relative;
  margin-bottom: 0;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header .xe-list-board-header__title-content.xe-list-board-header__title-content_type2::after {
  display: none;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header .xe-list-board-header__title-content::before {
  content: '';
  display: block;
  position: relative;
  top: 0;
  width: 100vw;
  left: 50%;
  height: 8px;
  margin-left: -50vw;
  background-color: #EFF0F3;
  z-index: -1;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header .xe-list-board-header__title-content::after {
  content: '';
  display: block;
  position: relative;
  width: 100vw;
  left: 50%;
  height: 1px;
  margin-left: -50vw;
  background-color: #ececec;
  z-index: -1;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header .xe-list-board-header__title-content .xe-list-board-header__title-box {
  padding: 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: none;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header .xe-list-board-header__title-content .xe-list-board-header__title-box .xe-list-board-header__title {
  font-size: 19px;
  line-height: 27px;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header .xe-list-board-header__title-content .xe-list-board-header__title-box .xe-list-board-header__title-desc {
  font-size: 15px;
  line-height: 1.38;
  letter-spacing: -0.6px;
  color: #9c9c9c;
  margin-left: 12px;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header .xe-list-board-header__title-content .xe-list-board-header__title-box .xe-list-board-header__post-count {
  font-size: 15px;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header.xe-list-board-header_tab-version {
  margin-bottom: 0;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header.xe-list-board-header_tab-version .xe-list-board-header__title-content::after {
  display: none;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents .header__contents-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  align-content: center;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-list-board-header--left-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-dropdown__button-box {
  line-height: normal;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-dropdown__button-box {
  line-height: normal;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-dropdown__button-box button {
  font-size: 13px;
  line-height: 1.54;
  letter-spacing: -0.4px;
  color: #484848;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-dropdown__button-box button:after {
  font-size: 12px;
  color: #c0c0c0;
  font-weight: 700;
  margin-right: 0;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-dropdown__button-box button:focus {
  outline: 0;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-dropdown__button-box button[aria-expanded="true"]:after {
  color: #141414;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-dropdown--menu.open {
  z-index: 50;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-list-board-header--dropdown-box {
  padding: 0 8px;
  position: relative;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-list-board-header--dropdown-box.xe-list-board-header--sort {
  margin-left: auto;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-list-board-header--dropdown-box.xe-list-board-header--sort .xe-list-board-header--dropdown .xe-list-board-header-order_type__button .xe-dropdown--menu {
  right: 0;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-list-board-header--dropdown-box.xe-list-board-header--category {
  padding-left: 0;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-list-board-header--dropdown-box + .xe-list-board-header--dropdown-box::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  height: 16px;
  width: 1px;
  background-color: #ececec;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-list-board-header-order__button {
  font-size: 13px;
  line-height: 1.54;
  letter-spacing: -0.4px;
  color: #484848;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents .xe-list-board-header--right-box {
  padding: 0;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents .xe-list-board-header--right-box .xf-product__sort {
  position: relative;
  padding: 0;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-body {
  padding-top: 20px;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list {
  border-top: 1px solid #ececec;
}

.xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap {
  margin-bottom: 32px;
}

.xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap .xe-list-board-header--category {
  width: auto;
  min-width: 120px;
  margin-right: 4px;
}

.xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap .xe-list-board-header--category .xe-list-board-header-category__button .xe-dropdown__button-box button {
  position: relative;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  padding: 12px 4px;
  padding-right: 22px;
  width: 100%;
  text-align: left;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.8px;
  color: #141414;
}

.xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap .xe-list-board-header--category .xe-list-board-header-category__button .xe-dropdown__button-box button:after {
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -9px;
  color: #c0c0c0;
  margin-right: 0;
}

.xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap .xe-list-board--header__search {
  max-width: 356px;
  position: relative;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
}

.xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap .xe-list-board--header__search .xe-list-board--header__search__control {
  border: 0;
  width: 100%;
  height: 100%;
  padding-right: 45px;
  padding-left: 8px;
  height: 46px;
}

.xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap .xe-list-board--header__search .xe-list-board--header__search__control::-webkit-input-placeholder {
  font-size: 15px;
  color: #aeaeae;
}

.xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap .xe-list-board--header__search .xe-list-board--header__search__control::-moz-placeholder {
  font-size: 15px;
  color: #aeaeae;
}

.xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap .xe-list-board--header__search .xe-list-board--header__search__control:-ms-input-placeholder {
  font-size: 15px;
  color: #aeaeae;
}

.xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap .xe-list-board--header__search .xe-list-board--header__search__control::-ms-input-placeholder {
  font-size: 15px;
  color: #aeaeae;
}

.xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap .xe-list-board--header__search .xe-list-board--header__search__control::placeholder {
  font-size: 15px;
  color: #aeaeae;
}

.xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap .xe-list-board--header__search .xe-list-board--header__search__icon button {
  position: absolute;
  right: 0;
  top: 1px;
  width: 45px;
  height: 46px;
  line-height: 46px;
  border: 0;
  background-color: transparent;
  font-size: 20px;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board--pagination.xe-list-board--pagination-mobile {
  margin: 24px 0 20px;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board--pagination.xe-list-board--pagination-mobile .xe-list-board--pagination-list .xe-list-board__pagination-item.xe-list-board__pagination-box {
  color: #9c9c9c;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.47;
  letter-spacing: -0.38px;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board--pagination.xe-list-board--pagination-mobile .xe-list-board--pagination-list .xe-list-board__pagination-item.xe-list-board__pagination-box .xe-list-board__pagination-number-present {
  color: #000;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board--pagination.xe-list-board--pagination-mobile .xe-list-board--pagination-list .xe-list-board__pagination-item.xe-list-board__pagination-box .xe-list-board__pagination-number-total {
  color: #9c9c9c;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board--pagination.xe-list-board--pagination-mobile .xe-list-board--pagination-list .xe-list-board__pagination-item.xe-list-board__btn_pagination {
  background-color: #f7f8f9;
  border-radius: 50%;
  border: 0;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board--pagination.xe-list-board--pagination-mobile .xe-list-board--pagination-list .xe-list-board__pagination-item.xe-list-board__btn_pagination .xe-list-board__pagination-item-disabled-link {
  color: #9c9c9c;
  font-size: 10px;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board--pagination.xe-list-board--pagination-mobile .xe-list-board--pagination-list .xe-list-board__pagination-item.xe-list-board__btn_pagination .xe-list-board__pagination-item-disabled-link i {
  font-weight: 700;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board--pagination.xe-list-board--pagination-pc .xe-list-board--pagination-list .xe-list-board__pagination-item {
  border: 0;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board--pagination.xe-list-board--pagination-pc .xe-list-board--pagination-list .xe-list-board__pagination-item .xe-list-board__pagination-item-link {
  border-radius: 50%;
  overflow: hidden;
  font-size: 15px;
  color: #9c9c9c;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board--pagination.xe-list-board--pagination-pc .xe-list-board--pagination-list .xe-list-board__pagination-item .xe-list-board__pagination-item-link:hover {
  background-color: transparent;
  color: #000;
  font-weight: 500;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board--pagination.xe-list-board--pagination-pc .xe-list-board--pagination-list .xe-list-board__pagination-item.xe-list-board__btn_pagination .xe-list-board__pagination-item-link {
  color: #9c9c9c;
  font-size: 10px;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board--pagination.xe-list-board--pagination-pc .xe-list-board--pagination-list .xe-list-board__pagination-item.xe-list-board__btn_pagination .xe-list-board__pagination-item-link i {
  font-weight: 700;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board--pagination.xe-list-board--pagination-pc .xe-list-board--pagination-list .xe-list-board__pagination-number.xe-list-board__pagination-number--active {
  border: 0 !important;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board--pagination.xe-list-board--pagination-pc .xe-list-board--pagination-list .xe-list-board__pagination-number.xe-list-board__pagination-number--active a {
  background-color: #f7f8f9;
  font-weight: 500;
  color: #000;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post {
  padding: 24px 15px;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-title {
  margin-top: 0;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-title .xe-list-board-body__more-post-board-name {
  color: #2684ff;
  font-weight: 500;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-list .xe-list-board-body__more-post-list-item {
  position: relative;
  color: #9c9c9c;
  line-height: 20px;
  margin-top: 8px;
  width: 100%;
  padding-left: 12px;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-list .xe-list-board-body__more-post-list-item::before {
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  background-color: #484848;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-list .xe-list-board-body__more-post-list-item:nth-child(1) {
  margin-top: 0;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-list .xe-list-board-body__more-post-list-item .xe-list-board-body__more-post-list-item-link {
  color: #484848;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: -0.2px;
  text-decoration: none;
  font-size: 14px;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-list .xe-list-board-body__more-post-list-item .xe-list-board-body__more-post-list-item-link:focus, .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-list .xe-list-board-body__more-post-list-item .xe-list-board-body__more-post-list-item-link:hover, .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-list .xe-list-board-body__more-post-list-item .xe-list-board-body__more-post-list-item-link:active {
  color: #141414;
  text-decoration: none;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-list .xe-list-board-body__more-post-list-item .xe-list-board-body__more-post-list-item-link:hover .xe-list-board-body__more-post-list-item-title {
  text-decoration: underline;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-list .xe-list-board-body__more-post-list-item .xe-list-board-body__more-post-list-item-link:focus .xe-list-board-body__more-post-list-item-title {
  text-decoration: underline;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-list .xe-list-board-body__more-post-list-item .xe-list-board-body__more-post-list-item-link .xe-list-board-body__more-post-list-item-title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-list .xe-list-board-body__more-post-list-item .xe-list-board-body__more-post-list-item-link .xe-list-board-body__more-post-list-item-date {
  display: none;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-list .xe-list-board-body__more-post-list-item .xe-list-board-body__more-post-list-item-link .xe-list-board-body__more-post-list-item-date:hover {
  color: #141414;
  text-decoration: none;
}

.xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-list .xe-list-board-body__more-post-list-item .xe-list-board-body__more-post-list-item-link .xe-list-board-body__more-post-list-item-date:focus {
  color: #141414;
  text-decoration: none;
}

/*게시판 상세 */
.xe-list-board .xe-list-board-body {
  /* 게시판 상세 하단 추가 기능 */
  /* 상담 상세 */
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-category {
  letter-spacing: -0.4px;
  color: #9c9c9c;
  line-height: 22px;
  font-size: 15px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-text {
  font-size: 20px;
  letter-spacing: -0.63px;
  line-height: 28px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info {
  display: block;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--left-box .xe-list-board-list__writer a {
  font-size: 15px;
  letter-spacing: -0.4px;
  color: #767676;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--left-box .xe-list-board-list__writer .xe-list-board-list__user-image {
  width: 44px;
  height: 44px;
  display: inline-block;
  border-radius: 50%;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box {
  display: block;
  text-align: left;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  line-height: 24px;
  margin-top: 24px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon {
  width: auto;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__share {
  margin-right: 20px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__share .xe-share::after {
  content: '공유';
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.43px;
  color: #767676;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__share img {
  opacity: 0.4;
  width: 22px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark {
  height: auto;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark .xe-list-board-body__link {
  display: block;
  position: relative;
  padding-left: 28px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark .xe-list-board-body__link::after {
  content: '저장';
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #767676;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark .xe-list-board-body__link.on::after {
  content: '저장됨';
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark .xe-list-board-body__link.on .bookmark {
  opacity: 1;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark .bookmark {
  top: 3px;
  opacity: 0.4;
  width: 24px;
  height: 24px;
  background-size: 20px 20px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark .bookmark::after {
  content: "\e929";
  font-size: 15px;
  color: #fff;
  font-family: 'xeicon';
  position: absolute;
  left: 4px;
  top: -1.5px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark img {
  opacity: 0.4;
  display: none;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more {
  margin-left: auto;
  margin-right: 0;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more.open .xe-list-board-body__link {
  background-color: #e9f2ff;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more.open .xe-list-board-body__link .more-icon {
  color: #345bd9;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more img {
  opacity: 0.4;
  width: 24px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more .xe-list-board-body__link {
  padding: 8px;
  border-radius: 50%;
  display: block;
  /*  &:hover {
                                        background-color: #e9f2ff;
                                        .more-icon {
                                            color: #345bd9;
                                        }
                                    }
                                    &:active {
                                        background-color: #e9f2ff;
                                        .more-icon {
                                            color: #345bd9;
                                        }
                                    } */
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more .xe-list-board-body__link .more-icon {
  display: block;
  color: #9c9c9c;
  width: 24px;
  text-align: center;
  line-height: 24px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more .xe-dropdown-menu {
  border: solid 1px #ececec;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  padding: 11px 0;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more .xe-dropdown-menu li a {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #484848;
  padding: 5px 20px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more .xe-dropdown-menu li a:hover {
  text-decoration: none;
  color: #9c9c9c;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info {
  display: block;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--left-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* 게시판 상세 하단 목록, 삭세, 수정 버튼 */
  /* 게시판 상세 하단 좋아요 버튼 */
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--left-box .xe-list-board-body__edit-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--left-box .xe-list-board-body__edit-box .xe-list-board-body__edit-item {
  display: block;
  margin-left: 4px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--left-box .xe-list-board-body__edit-box .xe-list-board-body__edit-item .xe-list-board-body__link {
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.43px;
  color: #767676;
  padding: 12px 15px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--left-box .xe-list-board-body--like-box-wrapper {
  margin-right: 0;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--left-box .xe-list-board-body--like-box-wrapper .xe-list-board-body__like-box {
  border-radius: 4px;
  padding: 12px 15px;
  height: 46px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--left-box .xe-list-board-body--like-box-wrapper .xe-list-board-body__like-box .xe-list-board-body__like-box-item.xe-list-board-list__box-assent_count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--left-box .xe-list-board-body--like-box-wrapper .xe-list-board-body__like-box .xe-list-board-body__like-box-item.xe-list-board-list__box-assent_count .bd_like {
  width: 24px;
  height: 24px;
  background: url(../img/icon-like.svg) no-repeat 50%;
  opacity: 0.4;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--left-box .xe-list-board-body--like-box-wrapper .xe-list-board-body__like-box .xe-list-board-body__like-box-item.xe-list-board-list__box-assent_count .bd_like.voted {
  background: url(../img/icon-like-on.svg) no-repeat 50%;
  background: url(../img/icon-like.svg) no-repeat 50%;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--left-box .xe-list-board-body--like-box-wrapper .xe-list-board-body__like-box .xe-list-board-body__like-box-item.xe-list-board-list__box-assent_count .bd_like_num {
  margin-left: 12px;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.43px;
  color: #767676;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box {
  position: relative;
  display: block;
  text-align: left;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box::before {
  content: '';
  display: block;
  width: 1px;
  height: 14px;
  background-color: #e0e0e0;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 0;
  display: none;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  line-height: 24px;
  margin-top: 24px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon {
  width: auto;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__share {
  margin-right: 20px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__share .xe-share::after {
  content: '공유';
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.43px;
  color: #767676;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__share img {
  opacity: 0.4;
  width: 22px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark {
  height: auto;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark .xe-list-board-body__link {
  display: block;
  position: relative;
  padding-left: 28px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark .xe-list-board-body__link::after {
  content: '저장';
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #767676;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark .xe-list-board-body__link.on::after {
  content: '저장됨';
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark .xe-list-board-body__link.on .bookmark {
  opacity: 1;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark .bookmark {
  top: 3px;
  opacity: 0.4;
  width: 24px;
  height: 24px;
  background-size: 20px 20px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark .bookmark::after {
  content: "\e929";
  font-size: 15px;
  color: #fff;
  font-family: 'xeicon';
  position: absolute;
  left: 4px;
  top: -1.5px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark img {
  opacity: 0.4;
  display: none;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more {
  margin-left: auto;
  margin-right: 0;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more.open .xe-list-board-body__link {
  background-color: #e9f2ff;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more.open .xe-list-board-body__link .more-icon {
  color: #345bd9;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more img {
  opacity: 0.4;
  width: 24px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more .xe-list-board-body__link {
  padding: 8px;
  border-radius: 50%;
  display: block;
  line-height: 24px;
  /*  &:hover {
                                    background-color: #e9f2ff;
                                    .more-icon {
                                        color: #345bd9;
                                    }
                                }
                                &:active {
                                    background-color: #e9f2ff;
                                    .more-icon {
                                        color: #345bd9;
                                    }
                                } */
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more .xe-list-board-body__link .more-icon {
  display: block;
  color: #9c9c9c;
  width: 24px;
  text-align: center;
  line-height: 24px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more .xe-dropdown-menu {
  border: solid 1px #ececec;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  padding: 11px 0;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more .xe-dropdown-menu li a {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #484848;
  padding: 5px 20px;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__more .xe-dropdown-menu li a:hover {
  text-decoration: none;
  color: #9c9c9c;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__article {
  padding: 25px 0;
}

.xe-list-board .xe-list-board-body .xe-list-board-body__article .xe-list-board-body__article-text xe-content, .xe-list-board .xe-list-board-body .xe-list-board-body__article .xe-list-board-body__article-text .xe-content, .xe-list-board .xe-list-board-body .xe-list-board-body__article .xe-list-board-body__article-text .xe_content, .xe-list-board .xe-list-board-body .xe-list-board-body__article .xe-list-board-body__article-text .cke_editable {
  color: #141414;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.2px;
}

.xe-list-board .xe-list-board-body .xe-field-box-list {
  margin: 0 -15px;
}

.xe-list-board .xe-list-board-body .xf-field-yn_reply_complete {
  margin: 0;
  border-radius: 8px;
  background-color: #f8f9fa;
  padding: 24px;
  margin-bottom: 24px;
}

.xe-list-board .xe-list-board-body .xf-field-yn_reply_complete label {
  position: relative;
  padding-right: 8px;
  margin: 0;
}

.xe-list-board .xe-list-board-body .xf-field-yn_reply_complete label::after {
  content: ':';
  display: inline-block;
  position: absolute;
  right: 0;
  top: -1px;
}

.xe-list-board .xe-list-board-body span.__xe_df_boolean_yn_reply_complete {
  color: #e81c2e;
}

.xe-list-board .xe-list-board-body .btn-qna-state {
  margin: 0;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #fff;
  background-image: none;
  border: 0;
}

.xe-list-board .xe-list-board-body .btn-qna-state.btn-info {
  background-color: #e81c2e;
}

.xe-list-board .xe-list-board-body .btn-qna-state.btn-info:hover {
  background-color: #d31525;
}

.xe-list-board .xe-list-board-body .btn-qna-state.btn-warning {
  background-color: #444;
}

.xe-list-board .xe-list-board-body .btn-qna-state.btn-warning:hover {
  background-color: #333;
}

@media (min-width: 768px) {
  .xf-custom-board.xf-board .xe-list-board {
    /* 게시판 다른글 */
    /* 게시판 하단 검색 */
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents {
    margin-bottom: 0;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post {
    padding: 32px 40px;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-list .xe-list-board-body__more-post-list-item {
    width: 50%;
    padding-right: 40px;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-body__more-post .xe-list-board-body__more-post-list .xe-list-board-body__more-post-list-item:nth-child(2) {
    margin-top: 0;
  }
  .xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap {
    margin-bottom: 32px;
  }
  .xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap .xe-list-board-header--category {
    width: auto;
    min-width: 105px;
    margin-right: 6px;
  }
  .xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap .xe-list-board-header--category .xe-list-board-header-category__button .xe-dropdown__button-box button {
    position: relative;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    padding: 12px 16px;
    padding-right: 34px;
    width: 100%;
    text-align: left;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.56px;
    color: #141414;
  }
  .xf-custom-board.xf-board .xe-list-board .xf-bottom-search-wrap .xe-list-board-header--category .xe-list-board-header-category__button .xe-dropdown__button-box button:after {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -9px;
    color: #c0c0c0;
    margin-right: 0;
  }
  /*게시판 상세 */
}

@media (min-width: 992px) {
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-header {
    margin-bottom: 40px;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-header .xe-list-board-header__title-content.xe-list-board-header__title-content_type2::after {
    display: block;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-header .xe-list-board-header__title-content::before {
    display: none;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-header .xe-list-board-header__title-content::after {
    width: 100%;
    left: 0;
    height: 1px;
    margin-left: 0;
    display: block;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-header .xe-list-board-header__title-content .xe-list-board-header__title-box {
    padding: 20px 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-header .xe-list-board-header__title-content .xe-list-board-header__title-box .xe-list-board-header__title {
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-header .xe-list-board-header__title-content .xe-list-board-header__title-box .xe-list-board-header__title a {
    font-weight: 500;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-header .xe-list-board-header__title-content .xe-list-board-header__title-box .xe-list-board-header__post-count {
    font-size: 16px;
    margin-left: 12px;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-list-board-header--left-box {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-list-board-header--left-box .xe-list-board-header--dropdown-box {
    padding: 0 10px;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-list-board-header--left-box .xe-list-board-header--dropdown-box.xe-list-board-header--sort {
    margin-left: initial;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-list-board-header--left-box .xe-list-board-header--dropdown-box.xe-list-board-header--sort .xe-list-board-header--dropdown .xe-list-board-header-order_type__button .xe-dropdown--menu {
    right: auto;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-list-board-header--left-box .xe-dropdown__button-box button {
    color: #141414;
    font-size: 15px;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-list-board-header--left-box .xe-dropdown__button-box button:focus {
    outline: 0;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-header__contents form .xe-list-board-header--left-box .xe-dropdown__button-box button:after {
    margin-left: 6px;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--header {
    background-color: #4c5057;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.4px;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--header .xe-list-board-list__category {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--header .xe-list-board-list__title {
    padding-left: 105px;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--header .xe-list-board-list__writer {
    text-align: center;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--header .xe-list-board-list__answer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--item {
    padding-left: 0;
    padding-right: 0;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--item > div {
    position: relative;
    padding: 0 8px;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--item > div:after {
    display: none;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--item .xe-list-board-list__title {
    font-size: 15px;
    letter-spacing: -0.4px;
    color: #141414;
    padding-left: 40px;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--item .xe-list-board-list__title:after {
    display: none;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--item .xe-list-board-list__title .xe-list-board-list__title-text {
    color: #141414;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--item .xe-list-board-list__category {
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
    font-size: 15px;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--item .xe-list-board-list__writer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--item .xe-list-board-list__writer .xe-list-board-list__user-image {
    display: none;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--item .xe-list-board-list__mobile-style {
    font-size: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--item .xe-list-board-list__mobile-style .list-answer-item {
    font-weight: 400;
    line-height: 19px;
    letter-spacing: -0.4px;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--item .xe-list-board-list__mobile-style .list-answer-item.list-answer-complete {
    color: #e81c2e;
    font-size: 15px;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--item .xe-list-board-list__mobile-style .list-answer-item.list-answer-waiting {
    color: #aeaeae;
    font-size: 15px;
  }
  .xf-custom-board.xf-board .xe-list-board .xe-list-board-body .xe-list-board-list .xe-list-board-list--item .xe-list-board-list__mobile-style.xe-list-board-list__answer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
  }
  /*게시판 상세 */
  .xe-list-board .xe-list-board-body {
    /* 게시판 상세 하단 추가 기능 */
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 32px;
    margin-bottom: 32px;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-category {
    margin-bottom: 2px;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-text {
    font-size: 26px;
    line-height: 44px;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--left-box .xe-list-board-list__writer a {
    font-size: 15px;
    letter-spacing: -0.4px;
    color: #767676;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--left-box .xe-list-board-list__writer .xe-list-board-list__user-image {
    width: 44px;
    height: 44px;
    display: inline-block;
    border-radius: 50%;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box {
    display: block;
    text-align: left;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    line-height: 24px;
    margin-top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon {
    width: auto;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon a {
    padding: 8px 12px;
    border-radius: 20px;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon a:hover {
    background-color: #f8f8f8;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__share {
    margin-right: 0;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__share .xe-share {
    display: block;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__share .xe-share::after {
    vertical-align: middle;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__share img {
    opacity: 0.4;
    width: 24px;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark {
    margin-right: 0;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark .xe-list-board-body__link {
    padding-left: 40px;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__title .xe-list-board-body__title-post-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark .bookmark {
    top: 10px;
    left: 12px;
    opacity: 0.4;
    width: 24px;
    height: 24px;
    background-size: 20px 20px;
    opacity: 0.4;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--left-box {
    /* 게시판 상세 하단 목록, 삭세, 수정 버튼 */
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--left-box .xe-list-board-body__edit-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--left-box .xe-list-board-body__edit-box .xe-list-board-body__edit-item {
    display: block;
    margin-right: 16px;
    margin-left: 0;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--left-box .xe-list-board-body__edit-box .xe-list-board-body__edit-item .xe-list-board-body__link {
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.43px;
    color: #767676;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    border: 0;
    padding: 0;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box {
    display: block;
    text-align: left;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box::before {
    display: block;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    line-height: 24px;
    margin-top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon {
    width: auto;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon a {
    padding: 8px 12px;
    border-radius: 20px;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon a:hover {
    background-color: #f8f8f8;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__share {
    margin-right: 0;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__share .xe-share {
    display: block;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__share .xe-share::after {
    vertical-align: middle;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__share img {
    opacity: 0.4;
    width: 24px;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark {
    margin-right: 0;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark .xe-list-board-body__link {
    padding-left: 40px;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__more-info .xe-list-board-body--right-box .xe-list-board-list__icon-box .xe-list-board-list__icon.xe-list-board-list__bookmark .bookmark {
    top: 10px;
    left: 12px;
    opacity: 0.4;
    width: 24px;
    height: 24px;
    background-size: 20px 20px;
    opacity: 0.4;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__article {
    padding: 25px 0;
  }
  .xe-list-board .xe-list-board-body .xe-list-board-body__article .xe-list-board-body__article-text xe-content, .xe-list-board .xe-list-board-body .xe-list-board-body__article .xe-list-board-body__article-text .xe-content, .xe-list-board .xe-list-board-body .xe-list-board-body__article .xe-list-board-body__article-text .xe_content, .xe-list-board .xe-list-board-body .xe-list-board-body__article .xe-list-board-body__article-text .cke_editable {
    color: #141414;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.2px;
  }
  .xe-list-board .xe-list-board-body .xe-field-box-list {
    margin: 0 -15px;
  }
  .xe-list-board .xe-list-board-body .xf-field-yn_reply_complete {
    margin: 0;
    border-radius: 8px;
    background-color: #f8f9fa;
    padding: 24px;
    margin-bottom: 24px;
  }
  .xe-list-board .xe-list-board-body .xf-field-yn_reply_complete label {
    position: relative;
    padding-right: 8px;
    margin: 0;
  }
  .xe-list-board .xe-list-board-body .xf-field-yn_reply_complete label::after {
    content: ':';
    display: inline-block;
    position: absolute;
    right: 0;
    top: -1px;
  }
  .xe-list-board .xe-list-board-body span.__xe_df_boolean_yn_reply_complete {
    color: #e81c2e;
  }
}

/* 공유하기 팝업 */
.xe-share-pop-btn {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.43px;
  color: #767676 !important;
}

.xe-share-pop-wrap.modal {
  padding: 0 !important;
}

.xe-share-pop-wrap .modal-dialog {
  max-width: 335px;
  width: 100%;
  margin: 0 auto;
}

.xe-share-pop-wrap .share-pop-content {
  /*  max-width: 375px; */
  border-radius: 10px;
  overflow: hidden;
}

.xe-share-pop-wrap .share-pop-content .share-pop-content-head {
  border-bottom: 0;
  padding: 16px 60px 20px 20px;
}

.xe-share-pop-wrap .share-pop-content .share-pop-content-head .share-pop-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.45px;
  color: #141414;
}

.xe-share-pop-wrap .share-pop-content .share-pop-content-head .share-pop-close {
  font-size: 20px;
  top: 20px;
  right: 20px;
  padding: 0;
  color: #aeaeae;
  position: absolute;
  opacity: 1;
  padding: 12px;
}

.xe-share-pop-wrap .share-pop-content .share-pop-content-body {
  background-color: #fff;
  height: 100%;
  padding: 4px 16px;
}

.xe-share-pop-wrap .share-pop-content .share-pop-content-body .xf-share-list .share-icon-link {
  padding: 0;
}

.xf-share-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  margin: 0 -4px;
  width: 100%;
}

.xf-share-list li {
  width: 20%;
  padding: 0 4px;
  margin-bottom: 20px;
}

.xf-share-list .share-icon-link {
  color: #2b2b2b;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 12px;
}

.xf-share-list .share-icon-link .text-kakao-story {
  letter-spacing: -1px;
}

.xf-share-list .sns-icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 5px;
}

.xf-share-list .sns-icon.kakao {
  background-image: url(../img/sns-kakao.png);
}

.xf-share-list .sns-icon.line {
  background-image: url(../img/sns-line.png);
}

.xf-share-list .sns-icon.facebook {
  background-image: url(../img/sns-facebook.png);
}

.xf-share-list .sns-icon.twitter {
  background-image: url(../img/sns-twitter.png);
}

.xf-share-list .sns-icon.kakao-story {
  background-image: url(../img/sns-kakao-story.png);
}

.xf-share-list .sns-icon.naver {
  background-image: url(../img/sns-naver.png);
}

.xf-share-list .sns-icon.band {
  background-image: url(../img/sns-band.png);
}

.xf-share-list .sns-icon.copy-link-icon {
  background-image: url(../img/sns-link.png);
}

.xf-share-list .sns-icon + .sns-text {
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.4px;
  text-align: center;
  color: #9c9c9c;
}

@media (min-width: 992px) {
  .xe-share-pop-wrap .modal-dialog {
    max-width: 430px;
  }
}

/* 이용안내 */
.a {
  background: url();
  display: none;
}

.scroll-top {
  display: inline-block;
  padding: 0 4px;
}

.scroll-top:hover {
  cursor: pointer;
}

.scroll-top .scroll-top-item {
  font-size: 12px;
  line-height: 26px;
  letter-spacing: -0.5px;
  color: #767676;
  display: block;
}

.xf-widget-use-wrap .xf-widget-use-info {
  margin-bottom: 50px;
}

.xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-menu {
  padding: 0 0 32px;
}

.xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-menu .use-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-menu .use-menu-list .use-menu-item {
  position: relative;
  padding-left: 15px;
}

.xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-menu .use-menu-list .use-menu-item::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #3a3a3a;
  display: inline-block;
  line-height: 32px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
}

.xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-menu .use-menu-list .use-menu-item .use-menu-link {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 32px;
  letter-spacing: -0.4px;
  color: #141414;
  text-decoration: none;
}

.xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-menu .use-menu-list .use-menu-item .use-menu-link:hover {
  text-decoration: underline;
}

.xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content {
  border-top: 3px solid #141414;
  padding-top: 32px;
}

.xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-box-title-box .use-content-box-title {
  font-size: 25px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 38px;
  letter-spacing: -0.2px;
  color: #3a3a3a;
  margin: 0 0 16px;
}

.xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-part {
  padding-bottom: 12px;
}

.xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-part .use-content-part-title {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #141414;
  margin: 0 0 8px;
}

.xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-part .use-content-part-link-contact {
  color: #3278d4;
  font-size: 15px;
  line-height: 26px;
  text-decoration: none;
}

.xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-part .use-content-part-sub-title {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 32px;
  letter-spacing: -0.4px;
  color: #141414;
  margin: 0;
  padding-left: 24px;
}

.xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-part .use-content-part-text {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: #232323;
  margin: 0 0 16px;
}

.xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-part .use-content-part-notice {
  font-size: 14px;
  color: #444;
  line-height: 20px;
}

.xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-part .use-content-part-list .use-content-part-item {
  list-style: circle;
  font-size: 15px;
  line-height: 22px;
  color: #767676;
  margin: 0 0 8px;
  letter-spacing: -0.6px;
}

.xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-part .use-content-part-list {
  list-style: none;
  padding: 0 24px;
}

.xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-part .use-content-part-list .use-content-basic-item {
  font-size: 15px;
  line-height: 22px;
  color: #767676;
  margin: 0 0 8px;
  letter-spacing: -0.6px;
}

.use-info-tbl {
  margin-top: 8px;
  margin-bottom: 16px;
  border-collapse: collapse;
  width: 100%;
}

.use-info-tbl th {
  padding: 5px 10px;
  height: 32px;
  line-height: 32px;
  color: #333;
  font-weight: normal;
  border: 1px solid #e5e5e5;
  min-width: 70px;
  text-align: center;
  background-color: #f3f3f3;
}

.use-info-tbl td {
  text-align: center;
  padding: 5px 8px;
  color: #666;
  line-height: 20px;
  border: 1px solid #e5e5e5;
}

/* 상단 타이틀 */
.xf-widget-use-info {
  position: relative;
}

.xf-widget-use-info .xf-widget-use-box {
  position: relative;
  margin-bottom: 40px;
}

.xf-widget-use-info .xf-widget-use-box .xf-widget-use-title {
  float: none;
  text-align: center;
  margin-bottom: 25px;
}

.xf-widget-use-info .xf-widget-use-box .xf-widget-use-title .xf-title {
  font-size: 24px;
  line-height: 30px;
  color: #141414;
  font-weight: 700;
  letter-spacing: -0.4px;
  display: inline-block;
  margin: 0;
}

/*  카테고리 탭 */
.xe-list-board-header-category-tab-wrap {
  margin: 0 -15px 18px;
}

.xe-list-board-header-category-tab-wrap::before {
  content: '';
  display: block;
  position: relative;
  width: 100vw;
  left: 50%;
  height: 1px;
  margin-left: -50vw;
  background-color: #ececec;
  z-index: -1;
}

.xe-list-board-header-category-tab-wrap::after {
  content: '';
  display: block;
  position: relative;
  width: 100vw;
  left: 50%;
  height: 1px;
  margin-left: -50vw;
  background-color: #ececec;
  z-index: -1;
}

.xe-list-board-header-category-tab-wrap .xe-list-board-header-category-tab-list {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.xe-list-board-header-category-tab-wrap .xe-list-board-header-category-tab-list .xe-list-board-header-category-tab-item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 70px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.xe-list-board-header-category-tab-wrap .xe-list-board-header-category-tab-list .xe-list-board-header-category-tab-item .xe-list-board-header-category-tab-btn {
  display: block;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.65px;
  text-align: center;
  color: #aeaeae;
  position: relative;
  padding: 12px 4px;
  background-color: #fff;
  text-decoration: none;
  word-break: keep-all;
}

.xe-list-board-header-category-tab-wrap .xe-list-board-header-category-tab-list .xe-list-board-header-category-tab-item .xe-list-board-header-category-tab-btn:hover {
  color: #141414;
}

.xe-list-board-header-category-tab-wrap .xe-list-board-header-category-tab-list .xe-list-board-header-category-tab-item .xe-list-board-header-category-tab-btn.on {
  font-weight: 700;
  color: #e81c2e;
}

.xe-list-board-header-category-tab-wrap .xe-list-board-header-category-tab-list .xe-list-board-header-category-tab-item .xe-list-board-header-category-tab-btn.on::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: #e81c2e;
}

@media (min-width: 768px) {
  .xf-widget-use-wrap {
    padding: 0 60px;
  }
  .xf-widget-use-wrap .xf-widget-use-info {
    margin-bottom: 50px;
  }
  .xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-menu {
    padding: 22px 0 32px;
  }
  .xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-menu .use-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-menu .use-menu-list .use-menu-item {
    position: relative;
    padding-left: 15px;
  }
  .xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-menu .use-menu-list .use-menu-item::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #3a3a3a;
    display: inline-block;
    line-height: 32px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
  }
  .xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-menu .use-menu-list .use-menu-item .use-menu-link {
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    letter-spacing: -0.4px;
    color: #141414;
    text-decoration: none;
  }
  .xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-menu .use-menu-list .use-menu-item .use-menu-link:hover {
    text-decoration: underline;
  }
  .xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content {
    border-top: 3px solid #141414;
    padding-top: 56px;
  }
  .xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box {
    margin-bottom: 32px;
  }
  .xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-box-title-box .use-content-box-title {
    font-size: 32px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 38px;
    letter-spacing: -0.2px;
    color: #3a3a3a;
    margin: 0 0 30px;
  }
  .xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-part {
    padding-bottom: 24px;
  }
  .xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-part .use-content-part-title {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #141414;
    margin: 0 0 8px;
  }
  .xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-part a {
    color: #3278d4;
    font-size: 15px;
    line-height: 26px;
  }
  .xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-part .use-content-part-sub-title {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 32px;
    letter-spacing: -0.4px;
    color: #141414;
    margin: 0;
    padding-left: 24px;
  }
  .xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-part .use-content-part-text {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #232323;
    margin: 0 0 24px;
  }
  .xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-part .use-content-part-list {
    position: relative;
  }
  .xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-part .use-content-part-list .use-content-part-item {
    list-style: circle;
    font-size: 15px;
    line-height: 26px;
    color: #767676;
    letter-spacing: -0.6px;
  }
  .xf-widget-use-wrap .xf-widget-use-info .xf-widget-use-content .use-content-box .use-content-part .use-content-basic-list {
    list-style: none;
    padding: 0 24px;
  }
  .use-info-tbl {
    margin-top: 8px;
    margin-bottom: 16px;
    border-collapse: collapse;
    width: 100%;
  }
  .use-info-tbl th {
    padding: 5px 10px;
    height: 32px;
    line-height: 32px;
    color: #333;
    font-weight: normal;
    border: 1px solid #e5e5e5;
    min-width: 70px;
    text-align: center;
    background-color: #f3f3f3;
  }
  .use-info-tbl td {
    text-align: center;
    padding: 5px 8px;
    color: #666;
    line-height: 24px;
    border: 1px solid #e5e5e5;
  }
  /*  상단 타이틀 */
  .xf-widget-use-info {
    position: relative;
  }
  .xf-widget-use-info .xf-widget-use-box {
    position: relative;
    margin-bottom: 40px;
  }
  .xf-widget-use-info .xf-widget-use-box .xf-widget-use-title {
    float: none;
    text-align: center;
    margin-bottom: 40px;
  }
  .xf-widget-use-info .xf-widget-use-box .xf-widget-use-title .xf-title {
    font-size: 32px;
    color: #141414;
    line-height: 40px;
    font-weight: 700;
    padding-right: 0;
    letter-spacing: -0.56px;
  }
  /* 카테고리 탭 */
  .xe-list-board-header-category-tab-wrap {
    margin: 0 0 40px;
  }
  .xe-list-board-header-category-tab-wrap .xe-list-board-header-category-tab-list .xe-list-board-header-category-tab-item {
    width: 190px;
    margin: 0 5px;
  }
  .xe-list-board-header-category-tab-wrap .xe-list-board-header-category-tab-list .xe-list-board-header-category-tab-item .xe-list-board-header-category-tab-btn {
    display: block;
    font-size: 17px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.7px;
    padding: 18px 10px;
  }
}

/* 상품목록 상단 what's hot */
.xepage-shopping-popular-box {
  position: relative;
  margin-top: -28px;
  /*     margin-bottom: 24px; */
  padding: 20px  0;
  margin-left: -15px;
  margin-right: -15px;
}

.xepage-shopping-popular-box .xepage-shopping-popular-bg {
  background-color: #f5f5f7;
  position: absolute;
  top: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  bottom: 0;
  z-index: -1;
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-title-box .xepage-shopping-popular-title {
  margin: 0;
  padding: 12px 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.4px;
  text-align: center;
  color: #141414;
  text-transform: uppercase;
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content {
  position: relative;
  display: block;
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide {
  padding: 10px 0 30px;
  position: relative;
  /* display: none; */
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .swiper-button-next.swiper-button-disabled, .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .swiper-button-prev.swiper-button-disabled {
  display: none;
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .swiper-button-next {
  display: none;
  margin: 0;
  background-color: transparent;
  width: 60px;
  height: 60px;
  right: -30px;
  top: 33%;
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .swiper-button-next:after {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("../img/icon-arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  background-size: cover;
  /*              background-size: 60px 60px; */
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .swiper-button-prev {
  display: none;
  margin: 0;
  background-color: transparent;
  width: 60px;
  height: 60px;
  left: -30px;
  top: 33%;
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .swiper-button-prev:after {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("../img/icon-arrow-left.svg");
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  background-size: cover;
  /*   background-size: 60px 60px; */
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .swiper-pagination-bullets {
  margin: 0;
  padding: 0 25px;
  position: absolute;
  right: 0;
  bottom: -4px;
  /*   text-align: right; */
  /*  top: 0;
                    bottom: auto; */
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: #d8d8d8;
  opacity: 1;
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .swiper-pagination-bullets .swiper-pagination-bullet:hover {
  cursor: pointer;
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ff3780;
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link {
  position: relative;
  text-decoration: none;
  /* max-width: 250px; */
  /*     display: none; */
  /*
                        &.swiper-slide-duplicate-active{
                            .main-slide-img {
                                position: relative;

                                &:after {
                                    content: '';
                                    width: 100%;
                                    height: 100%;
                                    position: absolute;
                                    left: 0;
                                    top: 0;
                                    background-color: rgba(255,255,255,0.7);
                                }
                            }
                        }
                        &.swiper-slide-duplicate-next{
                            .main-slide-img {
                              position: relative;
                              &:after {
                                  content: '';
                                  width: 100%;
                                  height: 100%;
                                  position: absolute;
                                  left: 0;
                                  top: 0;
                                  background-color: rgba(255,255,255,0.7);
                              }
                            }
                        } */
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .xf-main-slide-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /*    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.45); */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(32%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.85)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 32%, rgba(0, 0, 0, 0.85) 100%);
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .main-slide-img {
  position: relative;
  padding-top: 141.4%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .xf-slide-info {
  display: none;
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .xf-main-slide-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 24px;
  width: 100%;
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .xf-main-slide-content .xf-slide-title {
  font-size: 25px;
  color: #fff;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 700;
  overflow: hidden;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .xf-main-slide-content .xf-slide-date {
  font-size: 13px;
  color: #fff;
  opacity: 0.9;
  line-height: 20px;
  letter-spacing: -0.2px;
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .xf-main-slide-content .xf-slide-notice {
  border-radius: 13px;
  border: solid 1px #ff3780;
  background-color: #ff3780;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  padding: 3px 10px;
  display: inline-block;
  margin: 2px 0;
  line-height: 15px;
  text-transform: uppercase;
}

.xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .xf-main-slide-content .xf-slide-notice.xf-slide-price-free {
  background-color: #fff;
  color: #ff3780;
}

@media (min-width: 992px) {
  /* 상품목록 상단 what's hot */
  .xepage-shopping-popular-box {
    margin-top: -62px;
    /*         margin-bottom: 24px; */
    padding: 50px 0;
    margin-left: 0;
    margin-right: 0;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-bg {
    background-color: #f5f5f7;
    position: absolute;
    top: 0;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    bottom: 0;
    z-index: -1;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-title-box .xepage-shopping-popular-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.4px;
    text-align: center;
    color: #141414;
    text-transform: uppercase;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content {
    margin-left: -25px;
    margin-right: -25px;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide {
    padding: 32px 0 0px;
    position: relative;
    padding-left: 26px;
    padding-right: 26px;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide:after {
    display: none;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .swiper-pagination-bullets {
    display: block;
    bottom: auto;
    top: 0;
    text-align: right;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .swiper-button-next {
    right: 0px;
    display: block;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .swiper-button-prev {
    left: 0px;
    display: block;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link {
    position: relative;
    text-decoration: none;
    /*            max-width: 250px; */
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .main-slide-img:hover {
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px);
    -webkit-box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.45);
    box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.45);
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .main-slide-img:hover .xf-slide-info {
    opacity: 1;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .xf-main-slide-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.45); */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(44%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0.6) 100%);
    display: none;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link.swiper-slide-duplicate-active .main-slide-img {
    position: relative;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link.swiper-slide-duplicate-active .main-slide-img:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.7);
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link.swiper-slide-duplicate-next .main-slide-img {
    position: relative;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link.swiper-slide-duplicate-next .main-slide-img:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.7);
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .main-slide-img {
    position: relative;
    padding-top: 141.4%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .main-slide-img .xf-slide-info {
    display: block;
    opacity: 0;
    -webkit-transition: ease-in .5s;
    transition: ease-in .5s;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding-top: 50px;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .main-slide-img .xf-slide-info .xf-slide-info-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.55px;
    text-align: center;
    color: #fff;
    margin: 0 0 10px;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .main-slide-img .xf-slide-info .xf-slide-info-desc {
    opacity: 0.9;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.38px;
    text-align: center;
    color: #fff;
    margin: 0;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .main-slide-img .xf-slide-info .xf-slide-info-desc .xe-content-xecommerce {
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .main-slide-img .xf-slide-info .xe-content-xecommerce {
    opacity: 0.9;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    max-height: 66px;
    letter-spacing: -0.38px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .main-slide-img .xf-slide-info .xe-content-xecommerce p {
    margin: 0 0 10px;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .xf-main-slide-content {
    position: relative;
    bottom: 0;
    left: 0;
    padding: 20px 0;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .xf-main-slide-content .xf-slide-title {
    font-size: 20px;
    color: #141414;
    line-height: 26px;
    letter-spacing: -0.4px;
    font-weight: 700;
    margin: 0;
    overflow: hidden;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  }
  .xepage-shopping-popular-box .xepage-shopping-popular-wrap .xepage-shopping-popular-content .shop-popular-slide .xf-main-slide .main-slide-link .xf-main-slide-content .xf-slide-date {
    font-size: 13px;
    color: #141414;
    opacity: 0.9;
    line-height: 20px;
    letter-spacing: -0.2px;
    margin: 10px 0;
  }
}

/* xepage-shopping-item-clip-list */
.xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list-info {
  margin-top: 12px;
}

.xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list-info .xepage-shopping-item-list--right-box {
  margin-bottom: 12px;
}

.xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list {
  margin-bottom: 24px;
}

.xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list.xepage-shopping-item-booth-show-list {
  margin-right: -7px;
  margin-left: -7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list.xepage-shopping-item-clip-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__thumbnail-link {
  margin-bottom: 16px;
}

.xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list.xepage-shopping-item-clip-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__thumbnail-link .xepage-shopping-item__thumbnail-img {
  padding-top: 56.3%;
}

.xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item {
  margin-bottom: 32px;
  padding-left: 7px;
  padding-right: 7px;
  vertical-align: top;
  width: 50%;
  /*      &:nth-child(2n) {
                    padding-left: 6px;
                }
                &:nth-child(2n-1) {
                    padding-right: 6px;
                } */
}

.xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__thumbnail-link {
  margin-bottom: 16px;
}

.xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__thumbnail-link .xepage-shopping-item__thumbnail-img {
  padding-top: 141.4%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail.xepage-shopping-item__basic-thumbnail .xepage-shopping-item__thumbnail-link .xepage-shopping-item__thumbnail-img {
  padding-top: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 3px;
}

.xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__caption .xepage-shopping-item__caption-title {
  margin-bottom: 5px;
}

.xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__caption .xepage-shopping-item__caption-title a {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
  overflow: hidden;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  text-decoration: none;
  max-height: 48px;
}

.xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__caption .xepage-shopping-item__caption-name {
  margin: 2px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #767676;
  overflow: hidden;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  text-decoration: none;
}

.xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__caption .xepage-shopping-item__caption-period {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.22px;
  color: #767676;
  margin-bottom: 12px;
}

.xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__caption .xepage-shopping-item__caption-description {
  display: none;
}

.xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__caption .xepage-shopping-item__caption-price {
  margin: 0;
  font-size: 16px;
  color: #141414;
  display: inline-block;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -1.5px;
}

.xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__caption .xepage-shopping-item__caption-regular-price {
  margin: 0;
  font-size: 16px;
  color: #c0c0c0;
  display: inline-block;
}

.xepage-shopping-booth-show.xepage-shopping .section-xepage-paging {
  margin-bottom: 24px;
}

/* 상품 목록 상단 카테고리 */
.xepage-shopping-category {
  margin: 32px 0 24px;
}

.xepage-shopping-category .xepage-shopping-category-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.xepage-shopping-category .xepage-shopping-category-list .xepage-shopping-category-item .xepage-shopping-category-link {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.38px;
  color: #141414;
  position: relative;
  margin: 4px 6px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.xepage-shopping-category .xepage-shopping-category-list .xepage-shopping-category-item .xepage-shopping-category-link:hover {
  color: #ff3780;
}

.xepage-shopping-category .xepage-shopping-category-list .xepage-shopping-category-item .xepage-shopping-category-link.active {
  color: #ff3780;
}

.xepage-shopping-category .xepage-shopping-category-list .xepage-shopping-category-item .xepage-shopping-category-link.active:after {
  content: '';
  width: 100%;
  height: 3px;
  background-color: #ff3780;
  display: block;
  position: absolute;
  left: 0;
}

.xepage-shopping-top-tag-box .xepage-shopping-top-tag-list {
  margin: 0;
  padding: 10px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: solid 1px #e0e0e0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.xepage-shopping-top-tag-box .xepage-shopping-top-tag-list .xepage-shopping-top-tag-item {
  margin: 2px 4px;
  /* padding: 20px; */
}

.xepage-shopping-top-tag-box .xepage-shopping-top-tag-list .xepage-shopping-top-tag-item .xepage-shopping-top-tag-link {
  display: block;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: -0.6px;
  color: #484848;
}

.xepage-shopping-top-tag-box .xepage-shopping-top-tag-list .xepage-shopping-top-tag-item .xepage-shopping-top-tag-link.active {
  color: #ff3780;
}

/* 상품목록 광고 */
.xepage-shopping-ad-box .xepage-shopping-ad-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.xepage-shopping-ad-box .xepage-shopping-ad-list .xepage-shopping-ad-item {
  width: 100%;
  margin-bottom: 15px;
}

.xepage-shopping-ad-box .xepage-shopping-ad-list .xepage-shopping-ad-item .xepage-shopping-ad-link {
  display: block;
  width: 100%;
}

.xepage-shopping-ad-box .xepage-shopping-ad-list .xepage-shopping-ad-item .xepage-shopping-ad-link .xepage-shopping-ad-img {
  width: 100%;
  position: relative;
  padding-top: 30%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #ddd;
}

/* 공통사용 */
.goods-status {
  border-radius: 13px;
  border: solid 1px #ff3780;
  background-color: #ff3780;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 3px 10px;
  line-height: 15px;
  text-transform: uppercase;
  display: inline-block;
  margin: 2px 0;
}

.goods-status.goods-multi-view {
  color: #ff3780;
  background-color: #fff;
  padding: 3px 5px;
}

/* 상품 live, vod 정보 */
.goods-detail-info .goods-status {
  border-radius: 13px;
  border: solid 1px #ff3780;
  background-color: #ff3780;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  /* padding: 3px 10px; */
  line-height: 15px;
  text-transform: uppercase;
  display: inline-block;
  margin: 2px 0;
  margin: 2px 0px 5px;
}

.goods-detail-info .goods-status.goods-status-free {
  color: #ff3780;
  background-color: #fff;
}

.goods-detail-info .goods-status.goods-multi-view {
  color: #ff3780;
  background-color: #fff;
}

.goods-detail-info .goods-price {
  display: inline-block;
}

.goods-detail-info .goods-price .goods-price-icon {
  border-radius: 13px;
  border: solid 1px #ff3780;
  background-color: #ff3780;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 4px 6px;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
}

.goods-detail-info .goods-price .goods-price-tag {
  display: inline-block;
  padding-left: 4px;
  font-weight: 700;
  font-size: 14px;
  color: #141414;
  letter-spacing: -0.22px;
  line-height: 12px;
}

@media (min-width: 576px) {
  .xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list.xepage-shopping-item-clip-list .xepage-shopping-item {
    width: 33.3333%;
  }
  .xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item {
    margin-bottom: 32px;
    width: 25%;
    /*   &:nth-child(2n) {
                        padding-left: 12px;
                    }
                    &:nth-child(2n-1) {
                        padding-right: 12px;
                    } */
  }
  .xepage-shopping-booth-show.xepage-shopping .section-xepage-paging {
    margin-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list.xepage-shopping-item-booth-show-list {
    margin-right: -12px;
    margin-left: -12px;
  }
  .xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list.xepage-shopping-item-clip-list .xepage-shopping-item {
    width: 20%;
  }
  .xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item {
    width: 16.6666%;
    margin-bottom: 50px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__thumbnail-link {
    margin-bottom: 16px;
  }
  .xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__thumbnail-link .xepage-shopping-item__thumbnail-img {
    padding-top: 141.4%;
  }
  .xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__caption .xepage-shopping-item__caption-title {
    margin-bottom: 5px;
  }
  .xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__caption .xepage-shopping-item__caption-title a {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000000;
    overflow: hidden;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  }
  .xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__caption .xepage-shopping-item__caption-period {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.22px;
    color: #767676;
    margin-bottom: 12px;
  }
  .xepage-shopping-booth-show.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__caption .xepage-shopping-item__caption-description {
    display: none;
  }
  /* 상품 목록 상단 카테고리 */
  .xepage-shopping-category {
    margin: 56px 0;
  }
  .xepage-shopping-category .xepage-shopping-category-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .xepage-shopping-category .xepage-shopping-category-list .xepage-shopping-category-item .xepage-shopping-category-link {
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.38px;
    color: #141414;
    position: relative;
    margin: 4px 16px;
    text-decoration: none;
  }
  .xepage-shopping-category .xepage-shopping-category-list .xepage-shopping-category-item .xepage-shopping-category-link.active {
    color: #ff3780;
  }
  .xepage-shopping-category .xepage-shopping-category-list .xepage-shopping-category-item .xepage-shopping-category-link.active:after {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #ff3780;
    display: block;
    position: absolute;
    left: 0;
  }
  .xepage-shopping-top-tag-box .xepage-shopping-top-tag-list {
    margin: 0;
    padding: 20px 10px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: solid 1px #e0e0e0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .xepage-shopping-top-tag-box .xepage-shopping-top-tag-list .xepage-shopping-top-tag-item {
    margin: 2px 12px;
    /* padding: 20px; */
  }
  .xepage-shopping-top-tag-box .xepage-shopping-top-tag-list .xepage-shopping-top-tag-item .xepage-shopping-top-tag-link {
    display: block;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.6px;
    color: #484848;
  }
  .xepage-shopping-top-tag-box .xepage-shopping-top-tag-list .xepage-shopping-top-tag-item .xepage-shopping-top-tag-link.active {
    color: #ff3780;
  }
  /* 상품목록 광고 */
  .xepage-shopping-ad-box .xepage-shopping-ad-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
  }
  .xepage-shopping-ad-box .xepage-shopping-ad-list .xepage-shopping-ad-item {
    width: 33.333%;
    padding: 0 12px;
  }
  .xepage-shopping-ad-box .xepage-shopping-ad-list .xepage-shopping-ad-item .xepage-shopping-ad-link {
    display: block;
    width: 100%;
  }
  .xepage-shopping-ad-box .xepage-shopping-ad-list .xepage-shopping-ad-item .xepage-shopping-ad-link .xepage-shopping-ad-img {
    width: 100%;
    position: relative;
    padding-top: 30%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #ddd;
  }
}

.xepage-shopping-ticket.xepage-shopping {
  padding-bottom: 28px;
}

/* 방통위등급 */
.rate-wrap {
  position: relative;
  display: inline-block;
}

.rate-wrap .rate-icon {
  font-family: 'Teko', sans-serif;
  display: inline-block;
  background-color: #444;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  width: 26px;
  height: 23px;
  text-align: center;
  border-radius: 10px;
}

.rate-wrap .rate-icon.rate-all {
  background-color: #209E55;
  font-size: 14px;
}

.rate-wrap .rate-icon.rate-12 {
  background-color: #F2BA31;
}

.rate-wrap .rate-icon.rate-15 {
  background-color: #E27730;
}

.rate-wrap .rate-icon.rate-18 {
  background-color: #E02A38;
}

/* 상품정보제공 고시 */
.xe-seller-info-tbl {
  margin-top: 8px;
  margin-bottom: 16px;
  border-collapse: collapse;
  width: 100%;
}

.xe-seller-info-tbl th {
  padding: 5px 10px;
  height: 32px;
  line-height: 32px;
  color: #333;
  font-weight: normal;
  border: 1px solid #e5e5e5;
  min-width: 70px;
  text-align: center;
  background-color: #f3f3f3;
}

.xe-seller-info-tbl td {
  padding: 5px 8px;
  color: #666;
  line-height: 32px;
  border: 1px solid #e5e5e5;
}

.xepage-shopping-show-offer-info .show-offer-info-list {
  padding: 0;
  margin: 0;
  list-style: none;
  border: 1px solid #e5e5e5;
}

.xepage-shopping-show-offer-info .show-offer-info-list .show-offer-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xepage-shopping-show-offer-info .show-offer-info-list .show-offer-info-item.show-offer-info-item-fixed .show-offer-info-item-title {
  padding-top: 30px;
}

.xepage-shopping-show-offer-info .show-offer-info-list .show-offer-info-item.show-offer-info-item-fixed .show-offer-info-item-box {
  padding-top: 30px;
}

.xepage-shopping-show-offer-info .show-offer-info-list .show-offer-info-item .show-offer-info-item-title {
  width: 200px;
  width: 30%;
  background-color: #f3f3f3;
  display: block;
  padding: 10px;
  color: #323232;
}

.xepage-shopping-show-offer-info .show-offer-info-list .show-offer-info-item .show-offer-info-item-box {
  width: 70%;
  padding: 10px;
}

@media (min-width: 768px) {
  .xepage-shopping-show-offer-info .show-offer-info-list {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid #e5e5e5;
  }
  .xepage-shopping-show-offer-info .show-offer-info-list .show-offer-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xepage-shopping-show-offer-info .show-offer-info-list .show-offer-info-item .show-offer-info-item-title {
    width: 200px;
    width: 25%;
    background-color: #f3f3f3;
    display: block;
    padding: 12px 24px;
    color: #323232;
    font-size: 14px;
  }
  .xepage-shopping-show-offer-info .show-offer-info-list .show-offer-info-item .show-offer-info-item-box {
    width: 75%;
    padding: 10px 32px;
  }
}

/* 상단 배너  */
.shop-top-banner {
  height: 300px;
  position: relative;
  margin-top: -97px;
}

.shop-top-banner .shop-top-banner-content {
  height: 100%;
  background-color: #ff3780;
  display: block;
  top: 0;
  position: absolute;
  display: block;
  top: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.shop-top-banner .shop-top-banner-content.shop-top-banner-content-pc {
  display: none;
}

.shop-top-banner .shop-top-banner-content::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
}

.shop-top-banner .shop-top-banner-content .shop-top-banner-area area:focus {
  /*  border: none;
                    outline:none;
                    outline-style: none;
                    -moz-outline-style:none;  */
}

/* 상단 pc 로비 메뉴 */
.shop-top-banner-content-lobby-wrap {
  height: 100%;
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.shop-top-banner-content-lobby-wrap .content-lobby-item {
  position: absolute;
  display: block;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.shop-top-banner-content-lobby-wrap .content-lobby-item:focus {
  outline: 0;
}

.shop-top-banner-content-lobby-wrap .content-lobby-item .lobby-menu-tip {
  display: block;
  opacity: 0;
  position: absolute;
  color: #000;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 8px 12px;
  text-align: center;
  width: 82px;
  height: 45px;
  left: 50%;
  margin-left: -41px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  z-index: 1;
  background-image: url(../img/tip-bg.png);
  background-repeat: no-repeat;
  background-size: 82px 45px;
}

.shop-top-banner-content-lobby-wrap .content-lobby-item .lobby-menu-tip.lobby-menu-tip-up {
  top: -20px;
  /*  &::after{
                    content: '';
                    position: absolute;
                    bottom: -14px;
                    left: 50%;
                    margin-left: -8px;
                    display: block;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 14px 5px 0 5px;
                    border-color: #000 transparent transparent transparent;
                } */
}

.shop-top-banner-content-lobby-wrap .content-lobby-item .lobby-menu-tip.lobby-menu-tip-down {
  bottom: -50px;
  background-image: url(../img/tip-bg2.png);
  padding-top: 18px;
  /*  &::after{
                    content: '';
                    position: absolute;
                    top: -13px;
                    left: 50%;
                    margin-left: -8px;
                    display: block;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 0px 5px 14px 5px;
                    border-color: transparent transparent #000 transparent;
                } */
}

.shop-top-banner-content-lobby-wrap .content-lobby-item:hover {
  -webkit-transform: translate(0, -20px);
  transform: translate(0, -20px);
  text-decoration: none;
}

.shop-top-banner-content-lobby-wrap .content-lobby-item:hover .lobby-menu-tip {
  display: block;
  opacity: 1;
}

.shop-top-banner-content-lobby-wrap .content-lobby-item:hover.lobby-item-tree {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.shop-top-banner-content-lobby-wrap .content-lobby-item .lobby-item-view-timer {
  background-color: #000;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  padding: 8px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 136px;
  border-radius: 23px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -68px;
  margin-top: -22px;
}

.shop-top-banner-content-lobby-wrap .content-lobby-item .lobby-item-view-timer.lobby-item-view-notice {
  width: 180px;
}

.shop-top-banner-content-lobby-wrap .content-lobby-item .lobby-item-view-timer .lobby-item-view-timer-icon {
  font-size: 24px;
  margin-right: 12px;
}

.shop-top-banner-content-lobby-wrap .content-lobby-item .lobby-item-view-timer.lobby-item-view-open {
  width: 80px;
}

.shop-top-banner-content-lobby-wrap .content-lobby-item .lobby-item-view {
  display: block;
  z-index: 2;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 100%;
}

.shop-top-banner-content-lobby-wrap .content-lobby-item .lobby-item-view.lobby-item-off {
  opacity: 0.7;
}

.shop-top-banner-content-lobby-wrap .content-lobby-item.lobby-item-tree {
  /*     top: 248px;
    left: 22px; */
  top: 186px;
  left: 33px;
  width: 34px;
}

.shop-top-banner-content-lobby-wrap .content-lobby-item.lobby-item-ticket {
  /*  top: 95px 62;
            left: 49px; 11 */
  top: 33px;
  left: 60px;
  width: 186px;
}

.shop-top-banner-content-lobby-wrap .content-lobby-item.lobby-item-live {
  /*
             top: 65px;
    left: 668px;
     */
  top: 80px;
  left: 326px;
  width: 331px;
}

.shop-top-banner-content-lobby-wrap .content-lobby-item.lobby-item-shop {
  /*  top: 65px;
            left: 668px; */
  top: 30px;
  left: 662px;
  width: 208px;
}

.shop-top-banner-content-lobby-wrap .content-lobby-item.lobby-item-store {
  /* top: 120px;
            left: 975px; */
  top: 58px;
  left: 986px;
  width: 217px;
}

@media (min-width: 992px) {
  /* 상단 배너 */
  .shop-top-banner {
    height: 380px;
    margin-top: -71px;
  }
  .shop-top-banner .shop-top-banner-content.shop-top-banner-content-mobile {
    display: none;
  }
  .shop-top-banner .shop-top-banner-content.shop-top-banner-content-pc {
    display: block;
    position: relative;
    background-image: url(../img/lobby_bg.png);
    background-size: 1860px auto;
    /* 480px */
    min-width: 1200px;
  }
  .shop-top-banner .shop-top-banner-content .shop-top-banner-content-img {
    /* position: absolute; */
    display: block;
    top: 0;
    width: 100vw;
    /* left: 50%; */
    /* margin-left: -50vw; */
    display: block;
    top: 0;
    width: auto;
    /* left: 50%; */
    /* margin-left: -50vw; */
    height: 100%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .shop-top-banner .shop-top-banner-content::before {
    display: none;
  }
}

@media (max-width: 1200px) {
  .shop-top-banner .shop-top-banner-content.shop-top-banner-content-pc {
    min-width: 992px;
  }
  .shop-top-banner-content-lobby-wrap {
    width: 992px;
  }
  .shop-top-banner-content-lobby-wrap .content-lobby-item {
    position: absolute;
    display: block;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    /*   .lobby-menu-tip{
                display:block;
                opacity: 0;
                position: absolute;
                background-color: #000;
                color: #fff;
                font-size: 16px;
                line-height: 28px;
                font-weight: 500;
                padding: 8px 12px;
                text-align: center;
                width: 144px;
                border-radius: 23px;
                left: 50%;
                margin-left: -72px;
                transition: 0.3s ease-in-out;
                z-index: 1;

                &.lobby-menu-tip-up {
                    top:-20px;
                    &::after{
                        content: '';
                        position: absolute;
                        bottom: -14px;
                        left: 50%;
                        margin-left: -8px;
                        display: block;
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 14px 5px 0 5px;
                        border-color: #000 transparent transparent transparent;
                    }
                }

                &.lobby-menu-tip-down {
                    bottom:-50px;

                    &::after{
                        content: '';
                        position: absolute;
                        top: -13px;
                        left: 50%;
                        margin-left: -8px;
                        display: block;
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 0px 5px 14px 5px;
                        border-color: transparent transparent #000 transparent;
                    }
                }


            } */
    /*             &:hover {
                transform: translate(0,-20px);
                text-decoration: none;

                .lobby-menu-tip{
                    display: block;
                    opacity: 1;
                }
            }

            &:hover {
                &.lobby-item-tree {
                    transform: translate(0,0);
                }
            }

            .lobby-item-view-timer {
                background-color: #000;
                color: #fff;
                font-size: 16px;
                line-height: 28px;
                font-weight: 500;
                padding: 8px 12px;
                display: flex;
                justify-content: center;
                width: 136px;
                border-radius: 23px;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-left: -68px;
                margin-top: -22px;

                &.lobby-item-view-notice{
                    width: 180px;
                }


                .lobby-item-view-timer-icon{
                    font-size: 24px;
                    margin-right: 12px;
                }

                &.lobby-item-view-open {
                    width: 80px;
                }
            }


            .lobby-item-view {
                display: block;
                z-index: 2;
                transition: 0.3s ease-in-out;
                width: 100%;



                &.lobby-item-off {
                    opacity: 0.7;
                }
            } */
  }
  .shop-top-banner-content-lobby-wrap .content-lobby-item .lobby-menu-tip {
    display: block;
    opacity: 0;
    position: absolute;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    padding: 8px 12px;
    text-align: center;
    width: 82px;
    height: 45px;
    left: 50%;
    margin-left: -41px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    z-index: 1;
    background-image: url(../img/tip-bg.png);
    background-repeat: no-repeat;
    background-size: 82px 45px;
  }
  .shop-top-banner-content-lobby-wrap .content-lobby-item .lobby-menu-tip.lobby-menu-tip-up {
    top: -20px;
    /*  &::after{
                        content: '';
                        position: absolute;
                        bottom: -14px;
                        left: 50%;
                        margin-left: -8px;
                        display: block;
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 14px 5px 0 5px;
                        border-color: #000 transparent transparent transparent;
                    } */
  }
  .shop-top-banner-content-lobby-wrap .content-lobby-item .lobby-menu-tip.lobby-menu-tip-down {
    bottom: -50px;
    background-image: url(../img/tip-bg2.png);
    padding-top: 18px;
    /*  &::after{
                        content: '';
                        position: absolute;
                        top: -13px;
                        left: 50%;
                        margin-left: -8px;
                        display: block;
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 0px 5px 14px 5px;
                        border-color: transparent transparent #000 transparent;
                    } */
  }
  .shop-top-banner-content-lobby-wrap .content-lobby-item.lobby-item-tree {
    top: 210px;
    left: 22px;
    width: 27px;
  }
  .shop-top-banner-content-lobby-wrap .content-lobby-item.lobby-item-ticket {
    top: 80px;
    left: 10px;
    width: 150px;
  }
  .shop-top-banner-content-lobby-wrap .content-lobby-item.lobby-item-live {
    top: 90px;
    left: 250px;
    width: 265px;
  }
  .shop-top-banner-content-lobby-wrap .content-lobby-item.lobby-item-shop {
    top: 50px;
    left: 562px;
    width: 166px;
  }
  .shop-top-banner-content-lobby-wrap .content-lobby-item.lobby-item-store {
    top: 76px;
    left: 800px;
    width: 174px;
  }
}

/* @media (min-width: 1400px){
    .shop-top-banner-content-lobby-wrap {
        width: 1200px;
    }
    .shop-top-banner {
        .shop-top-banner-content{
            &.shop-top-banner-content-pc {

                min-width: 1200px;
            }
        }
    }
}
 */
/* 모바일 하단 로비 메뉴 */
.lobby-menu {
  background-color: #ff3780;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: -10px;
  z-index: 50;
  -webkit-transition: 0.7s ease-in-out;
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  padding-bottom: 10px;
}

.lobby-menu.on {
  bottom: -100%;
}

.lobby-menu .lobby-menu-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.lobby-menu .lobby-menu-list .lobby-menu-item {
  position: relative;
  width: 25%;
}

.lobby-menu .lobby-menu-list .lobby-menu-item .lobby-item-view-timer-mb {
  border-radius: 25px;
  position: absolute;
  top: -12px;
  background-color: #000;
  color: #fff;
  font-size: 11px;
  line-height: 14px;
  font-weight: 500;
  padding: 4px 0px;
  letter-spacing: -0.22px;
  width: 84px;
  text-align: center;
  left: 50%;
  margin-left: -38px;
}

.lobby-menu .lobby-menu-list .lobby-menu-item::after {
  content: '';
  display: block;
  width: 1px;
  height: 30px;
  opacity: 0.2;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
}

.lobby-menu .lobby-menu-list .lobby-menu-item:first-child::after {
  display: none;
}

.lobby-menu .lobby-menu-list .lobby-menu-item:nth-child(1) .lobby-menu-link .lobby-menu-icon {
  background-image: url(../img/icon-mobile-menu-1.svg);
}

.lobby-menu .lobby-menu-list .lobby-menu-item:nth-child(2) .lobby-menu-link .lobby-menu-icon {
  background-image: url(../img/icon-mobile-menu-2.svg);
}

.lobby-menu .lobby-menu-list .lobby-menu-item:nth-child(3) .lobby-menu-link .lobby-menu-icon {
  background-image: url(../img/icon-mobile-menu-3.svg);
}

.lobby-menu .lobby-menu-list .lobby-menu-item:nth-child(4) .lobby-menu-link .lobby-menu-icon {
  background-image: url(../img/icon-mobile-menu-4.svg);
}

.lobby-menu .lobby-menu-list .lobby-menu-item .lobby-menu-link {
  padding: 9px;
  display: block;
  letter-spacing: -0.3px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
}

.lobby-menu .lobby-menu-list .lobby-menu-item .lobby-menu-link.lobby-menu-link-disable {
  opacity: 0.4;
}

.lobby-menu .lobby-menu-list .lobby-menu-item .lobby-menu-link .lobby-menu-icon {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 3px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

/*  */
.xepage-shopping-ticket .section-xepage-shopping-option-detail {
  position: static;
}

.xepage-shopping-ticket .section-xepage-shopping-option-detail.shopping-option-pay-moblie-btn {
  display: block;
}

.xepage-shopping-ticket .section-xepage-shopping-option-detail.shopping-option-pay-pc-btn {
  display: none;
}

.xepage-shopping-ticket .xepage-shopping-section-poster .xepage-shopping-product-poster-wrap {
  margin-top: -210px;
}

.xepage-shopping-ticket .xepage-shopping-section-poster .xepage-shopping-product-poster-wrap .shopping-product-poster {
  width: 52.2%;
  margin: 0 auto;
  max-width: 100%;
}

.xepage-shopping-ticket .xepage-shopping-section-poster .xepage-shopping-product-poster-wrap .shopping-product-poster .shopping-product-poster-link {
  display: block;
  position: relative;
}

.xepage-shopping-ticket .xepage-shopping-section-poster .xepage-shopping-product-poster-wrap .shopping-product-poster .shopping-product-poster-link::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.xepage-shopping-ticket .xepage-shopping-section-poster .xepage-shopping-product-poster-wrap .shopping-product-poster .shopping-product-poster-link::after {
  content: "\ea3e";
  display: block;
  font-family: 'xeicon';
  font-size: 30px;
  line-height: 60px;
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  color: #fff;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.xepage-shopping-ticket .xepage-shopping-section-poster .xepage-shopping-product-poster-wrap .shopping-product-poster .shopping-product-poster-link:hover::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 0;
}

.xepage-shopping-ticket .xepage-shopping-section-poster .xepage-shopping-product-poster-wrap .shopping-product-poster .shopping-product-poster-link:hover::after {
  background: #ff3780;
}

.xepage-shopping-ticket .xepage-shopping-section-poster .xepage-shopping-product-poster-wrap .shopping-product-poster .shopping-product-poster-img {
  width: 100%;
}

.xepage-shopping-ticket .xepage-shopping-section-poster .product-like-button-box {
  display: none;
}

.xepage-shopping-ticket .section-xepage-product-info {
  position: relative;
  padding: 16px 0;
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* 팔로우 버튼 */
  /* 공유 버튼  */
  /* 쿠폰 */
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-function-list {
  display: block;
  margin: 0 10px;
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-function-list.product-function-list-moblie {
  display: block;
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-function-list .product-function-list-icon {
  font-size: 30px;
  color: #000;
  padding: 0 4px;
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-function-list .product-function-list-icon.xepage-icon--on {
  width: 24px;
  height: 21px;
  background-image: url(../img/follow-on.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-function-list .product-function-list-icon.xepage-icon--off {
  width: 24px;
  height: 21px;
  background-image: url(../img/follow-off.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button .xepage-button--wish .wish-button-text-line {
  display: block;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #141414;
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box {
  position: relative;
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box .product-share-box-link {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../img/share-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -5px;
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box .product-share-list {
  position: absolute;
  top: 32px;
  padding: 0;
  margin: 0;
  background-color: #fff;
  list-style: none;
  border: 1px solid #141414;
  border-radius: 3px;
  background: #fff;
  position: absolute;
  z-index: 50;
  padding: 10px 0;
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box .product-share-list:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #141414;
  border-top: 1px solid #141414;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: -5px;
  background-color: #fff;
  left: 12px;
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box .product-share-list .product-share-item {
  line-height: 24px;
  text-align: center;
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box .product-share-list .product-share-item .product-share-item-link {
  color: #333;
  text-decoration: none;
  line-height: 24px;
  display: block;
  font-size: 14px;
  padding: 2px 16px;
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box .product-share-list .product-share-item .product-share-item-link:hover {
  color: #ff3780;
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box .product-share-list .product-share-item .product-share-item-button-link {
  border: 0;
  background-color: transparent;
  font-size: 14px;
  line-height: 24px;
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box .product-share-list .product-share-item .product-share-item-button-link:hover {
  color: #ff3780;
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-detail-coupon {
  margin-left: 10px;
}

.xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-detail-coupon .product-detail-coupon-text {
  width: 94px;
  height: 34px;
  border-radius: 3px;
  display: inline-block;
  border: 1.5px solid #ff3780;
  color: #ff3780;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -0.2px;
  text-align: center;
  padding: 3px 5px;
  font-weight: 600;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  cursor: pointer;
}

.xepage-shopping-ticket .section-xepage-product-info .product-detail-title-box {
  position: relative;
}

.xepage-shopping-ticket .section-xepage-product-info .product-detail-title-box .product-detail-title {
  font-size: 20px;
  margin: 0 0 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #141414;
  text-align: center;
}

.xepage-shopping-ticket .section-xepage-product-info .product-detail-title-box .product-detail-description {
  margin-top: 24px;
}

.xepage-shopping-ticket .section-xepage-product-info .product-detail-title-box .product-detail-description .product-description-text {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.6px;
  color: #141414;
  margin-bottom: 8px;
}

.xepage-shopping-ticket .section-xepage-product-info .product-detail-title-box .product-detail-description .product-description-tag .product-description-tag-item {
  margin-right: 4px;
  font-size: 15x;
  line-height: 24px;
  letter-spacing: -0.43px;
  color: #767676;
  display: inline-block;
}

.xepage-shopping-ticket .section-xepage-product-info .goods-detail-info .goods-detail-info-list .goods-detail-info-type-wrap {
  line-height: 32px;
}

.xepage-shopping-ticket .section-xepage-product-info .goods-detail-info .goods-detail-info-list .goods-detail-info-type-wrap .goods-detail-info-type {
  border-radius: 13px;
  border: solid 1px #ff3780;
  background-color: #ff3780;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 3px 10px;
  line-height: 15px;
  letter-spacing: 0;
  display: inline-block;
  text-transform: uppercase;
}

.xepage-shopping-ticket .section-xepage-product-info .goods-detail-info .goods-detail-info-list .goods-detail-info-type-wrap .goods-detail-info-type.goods-detail-info-type-free {
  color: #ff3780;
  background-color: #fff;
}

.xepage-shopping-ticket .section-xepage-product-info .goods-detail-info-list {
  /*    &>.col-md-2 {
                max-width: 13.666667%;
            }
            &>.col-md-4 {
                flex: 0 0 35.333333%;
                max-width: 35.333333%;
            } */
}

.xepage-shopping-ticket .section-xepage-product-info .goods-detail-info-list > .col-3 {
  max-width: 22%;
}

.xepage-shopping-ticket .section-xepage-product-info .goods-detail-info-list .goods-detail-info-list-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.2px;
  color: #141414;
  padding: 0;
}

.xepage-shopping-ticket .section-xepage-product-info .goods-detail-info-list .goods-detail-info-list-text {
  display: block;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: -0.2px;
  color: #767676;
  padding: 0;
}

.xepage-shopping-ticket .section-xepage-product-info .goods-detail-info-list .goods-detail-info-list-text.rate-all {
  color: #209E55;
}

.xepage-shopping-ticket .section-xepage-product-info .goods-detail-info-list .goods-detail-info-list-text.rate-12 {
  color: #F2BA31;
}

.xepage-shopping-ticket .section-xepage-product-info .goods-detail-info-list .goods-detail-info-list-text.rate-15 {
  color: #E27730;
}

.xepage-shopping-ticket .section-xepage-product-info .goods-detail-info-list .goods-detail-info-list-text.rate-18 {
  color: #E02A38;
}

.xepage-shopping-ticket .section-xepage-product-info .goods-detail-info-list .goods-detail-info-list-text a {
  font-size: 14px;
  color: #767676;
  text-decoration: none;
}

.xepage-shopping-ticket .option-detail__payment .option-detail__payment-button-box .option-detail__payment-button-text {
  background-color: #141414;
  font-size: 15px;
  border: 0;
}

@media (min-width: 768px) {
  .xepage-shopping-ticket .section-xepage-product-info .goods-detail-info-list > .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.666667%;
    flex: 0 0 14.666667%;
  }
  .xepage-shopping-ticket .section-xepage-product-info .goods-detail-info-list > .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35.333333%;
    flex: 0 0 35.333333%;
    max-width: 35.333333%;
  }
}

/* 티켓 부스 모달 */
.xe-ticket-booth-pop-wrap {
  padding-right: 0 !important;
}

.xe-ticket-booth-pop-wrap .modal-dialog {
  margin-top: 90px;
  max-width: 594px;
}

.xe-ticket-booth-pop-wrap .modal-dialog .ticket-pop-content {
  border: 0;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-head {
  background-color: #ff3780;
  border-bottom: 0;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-head .ticket-pop-close {
  background-image: url(../img/shop-close-icon.svg);
  width: 32px;
  height: 33px;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  margin-top: -16px;
  right: 34px;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-head .ticket-pop-title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.2px;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body {
  padding: 0;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-pop-info-wrap {
  overflow: hidden;
  position: relative;
  padding: 32px 28px 60px;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-pop-info-wrap:after {
  content: '';
  display: block;
  width: 170px;
  height: 120px;
  border-radius: 100px 100px 0 0;
  background-color: #eaeaf0;
  position: absolute;
  left: 50%;
  margin-left: -85px;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-pop-info-wrap .ticket-booth-pop-info-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-pop-info-wrap .ticket-booth-pop-info-bg::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-pop-info-wrap .ticket-booth-pop-info-box {
  position: relative;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-pop-info-wrap .ticket-booth-pop-info-box .ticket-booth-pop-thumnail {
  width: 100px;
  position: absolute;
  top: 0;
  left: 0;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-pop-info-wrap .ticket-booth-pop-info-box .ticket-booth-pop-thumnail .ticket-booth-pop-thumnail-img {
  width: 100%;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-pop-info-wrap .ticket-booth-pop-info-box .ticket-booth-pop-detail-box {
  padding: 10px 0 22px;
  margin-left: 132px;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-pop-info-wrap .ticket-booth-pop-info-box .ticket-booth-pop-detail-box .ticket-booth-pop-detail-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.6px;
  color: #fff;
  margin: 0 0 16px;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-pop-info-wrap .ticket-booth-pop-info-box .ticket-booth-pop-detail-box .ticket-booth-pop-detail-description .ticket-booth-pop-description-text {
  opacity: 0.7;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.64px;
  color: #fff;
  overflow: hidden;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-pop-info-wrap .ticket-booth-pop-info-box .ticket-booth-pop-detail-box .goods-detail-info-list {
  display: block;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-pop-info-wrap .ticket-booth-pop-info-box .ticket-booth-pop-detail-box .goods-detail-info-list .goods-detail-info-list-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-pop-info-wrap .ticket-booth-pop-info-box .ticket-booth-pop-detail-box .goods-detail-info-list .goods-detail-info-list-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.2px;
  color: #fff;
  opacity: 0.7;
  padding-right: 27px;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-pop-info-wrap .ticket-booth-pop-info-box .ticket-booth-pop-detail-box .goods-detail-info-list .goods-detail-info-list-text {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.2px;
  color: #fff;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-pop-info-wrap .ticket-booth-pop-info-box .ticket-booth-pop-detail-box .goods-detail-info-list .goods-detail-info-list-text a {
  font-size: 16px;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type {
  position: relative;
  padding: 32px 28px;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-title {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.36px;
  color: #000;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box {
  margin: 28px 0;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border: solid 1px #d7d7d7;
  height: 327px;
  overflow-y: scroll;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #d8d8d8;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list::-webkit-scrollbar-button:start:decrement, .xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 0;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list::-webkit-scrollbar-track {
  background-color: #d8d8d8;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list::-webkit-scrollbar-thumb {
  height: 50px;
  width: 50px;
  background-color: #000000;
  /*    border-radius: 8px;  */
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list .ticket-booth-type-item {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.2px;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list .ticket-booth-type-item .ticket-booth-type-item-box .ticket-booth-type-item-lebel {
  padding: 19px 20px 19px 26px;
  border-bottom: solid 1px #d7d7d7;
  width: 100%;
  margin: 0;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list .ticket-booth-type-item .ticket-booth-type-item-box .ticket-booth-type-item-lebel .ticket-booth-type-name {
  color: #141414;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list .ticket-booth-type-item .ticket-booth-type-item-box .ticket-booth-type-item-lebel .ticket-booth-type-price {
  color: #767676;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list .ticket-booth-type-item .ticket-booth-type-item-box .ticket-booth-type-item-lebel .ticket-booth-type-input[type="radio"] {
  display: none;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list .ticket-booth-type-item .ticket-booth-type-item-box .ticket-booth-type-item-lebel .ticket-booth-type-input-icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  vertical-align: middle;
  border: solid 1px #c1c7d0;
  border-radius: 50%;
  background-color: #f8f9fa;
  cursor: pointer;
  position: relative;
  margin-left: auto;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list .ticket-booth-type-item .ticket-booth-type-item-box .ticket-booth-type-item-lebel .ticket-booth-type-input[type="radio"]:checked + .ticket-booth-type-input-icon {
  background-color: #ff3780;
  border-color: #ff3780;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list .ticket-booth-type-item .ticket-booth-type-item-box .ticket-booth-type-item-lebel .ticket-booth-type-input[type="radio"]:checked + .ticket-booth-type-input-icon:after {
  content: "\e929";
  display: block;
  font-family: 'xeicon';
  font-size: 18px;
  color: #fff;
  line-height: 20px;
  text-align: center;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list .ticket-booth-type-item .ticket-booth-type-item-box .ticket-booth-type-item-lebel.on::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border: 2px solid #ff3780;
  width: 100%;
  height: 100%;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list .ticket-booth-type-item .ticket-booth-type-item-box .ticket-booth-type-item-lebel.on .ticket-booth-type-name {
  color: #ff3780;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list .ticket-booth-type-item .ticket-booth-type-item-box .ticket-booth-type-item-lebel.on .ticket-booth-type-price {
  color: #ff3780;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list .ticket-booth-type-item .ticket-booth-type-item-box .ticket-booth-type-item-lebel.type-item-lebel-disabled {
  background-color: #f8f9fa;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list .ticket-booth-type-item .ticket-booth-type-item-box .ticket-booth-type-item-lebel.type-item-lebel-disabled .ticket-booth-type-name {
  color: #c0c0c0;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list .ticket-booth-type-item .ticket-booth-type-item-box .ticket-booth-type-item-lebel.type-item-lebel-disabled .ticket-booth-type-price {
  color: #c0c0c0;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list .ticket-booth-type-item .ticket-booth-type-item-box .ticket-booth-type-item-lebel.type-item-lebel-disabled .ticket-booth-type-input-icon {
  border: solid 1px #e0e0e0;
  background-color: #ececec;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list .ticket-booth-type-item:last-child .ticket-booth-type-item-box .ticket-booth-type-item-lebel {
  border-bottom: 0;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-notice .ticket-booth-type-notice-text {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #767676;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-button-wrap .ticket-booth-button {
  padding: 20px 10px;
  /* width: 50%; */
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.24px;
  text-align: center;
  border: 0;
  border-radius: 0;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-button-wrap .ticket-booth-button.ticket-cancle {
  background-color: #e0e0e0;
  color: #000;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-button-wrap .ticket-booth-button.ticket-buy {
  color: #fff;
  background-color: #ff3780;
}

.xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-button-wrap .ticket-booth-button:last-child {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}

@media (max-width: 480px) {
  .xe-ticket-booth-pop-wrap .modal-dialog {
    margin-top: 7px;
  }
  .xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-pop-info-wrap {
    padding: 24px 12px;
  }
  .xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-pop-info-wrap:after {
    display: none;
  }
  .xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type {
    padding: 24px 12px;
  }
  .xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list {
    height: 256px;
  }
  .xe-ticket-booth-pop-wrap .ticket-pop-content-body .ticket-booth-type .ticket-booth-type-box .ticket-booth-type-list .ticket-booth-type-item .ticket-booth-type-item-box .ticket-booth-type-item-lebel {
    padding: 12px 14px;
  }
}

/*  MD SHOP 모달 */
.modal-product-box {
  padding: 20px;
}

/* 상품 하단 탭 */
.section-xepage-ticket-item-nav .ticket-item-nav-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section-xepage-ticket-item-nav .ticket-item-nav-list .ticket-nav-item {
  padding: 0 14px;
}

.section-xepage-ticket-item-nav .ticket-item-nav-list .ticket-nav-item:first-child {
  padding-left: 0;
}

.section-xepage-ticket-item-nav .ticket-item-nav-list .ticket-nav-item:last-child {
  padding-right: 0;
}

.section-xepage-ticket-item-nav .ticket-item-nav-list .ticket-nav-item .nav-link {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #aeaeae;
  padding: 0 0 12px;
  position: relative;
}

.section-xepage-ticket-item-nav .ticket-item-nav-list .ticket-nav-item.on .nav-link {
  color: #141414;
}

.section-xepage-ticket-item-nav .ticket-item-nav-list .ticket-nav-item.on .nav-link::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 2;
}

.section-xepage-ticket-item-nav .ticket-item-nav-list .ticket-nav-item .ticket-nav-item-num {
  color: #ff3780;
  font-weight: 500;
  font-size: 14px;
}

/* 상품 하단 탭 컨텐츠 */
.xepage-shopping-tab-content-area {
  padding: 40px 0;
}

.xepage-shopping-tab-content-area::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  display: block;
  background-color: #e0e0e0;
  z-index: 0;
}

.xepage-shopping-tab-content-area .xepage-shopping-tab-content-area-bg {
  height: 110%;
  background-color: #ff3780;
  display: block;
  top: 0;
  position: absolute;
  display: block;
  top: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #FAFAFB;
  z-index: 0;
}

.xepage-shopping-tab-content-area .xepage-shopping-tab-content {
  display: none;
  position: relative;
}

.xepage-shopping-tab-content-area .xepage-shopping-tab-content.on {
  display: block;
}

/* 공통 상세 타이틀 */
.xepage-shopping-ticket .xepage-shopping-show-info-wrap {
  padding-bottom: 40px;
}

.xepage-shopping-ticket .xepage-shopping-show-info-head {
  position: relative;
}

.xepage-shopping-ticket .xepage-shopping-show-info-head .xepage-shopping-show-info-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #000;
  margin: 0 0 16px;
}

.xepage-shopping-ticket .xepage-shopping-show-info-head .xepage-shopping-show-list-num {
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: -0.6px;
  color: #ff3780;
}

.xepage-shopping-ticket .shopping-data-info-wrap-mobile {
  display: block;
}

.xepage-shopping-ticket .shopping-data-info-wrap-pc {
  display: none;
}

/* 출연진 */
.xepage-shopping-cast-content {
  overflow: hidden;
}

.xepage-shopping-cast-content .xepage-shopping-cast-wrap .xepage-shopping-cast-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.xepage-shopping-cast-content .xepage-shopping-cast-wrap .xepage-shopping-cast-list .cast-list-item {
  width: auto;
}

.xepage-shopping-cast-content .xepage-shopping-cast-wrap .xepage-shopping-cast-list .cast-list-item .cast-profile {
  background-image: url(../img/no-profile-bg.png);
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.xepage-shopping-cast-content .xepage-shopping-cast-wrap .xepage-shopping-cast-list .cast-list-item .cast-profile .cast-profile-img {
  width: 100px;
  height: 142px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.xepage-shopping-cast-content .xepage-shopping-cast-wrap .xepage-shopping-cast-list .cast-list-item .cast-profile.cast-no-profile .cast-profile-img::after {
  content: '';
  display: block;
  background-image: url(../img/no-profile-icon.png);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 40px 40px;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
}

.xepage-shopping-cast-content .xepage-shopping-cast-wrap .xepage-shopping-cast-list .cast-list-item .cast-name {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.4px;
  text-align: center;
  color: #000;
  margin: 12px 0;
  width: 100px;
  overflow: hidden;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.xepage-shopping-cast-content .xepage-shopping-cast-wrap .xepage-shopping-cast-list .cast-list-item .cast-follow {
  border-radius: 3px;
  border: solid 1px #d7d7d7;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  height: 28px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #141414;
  text-decoration: none;
}

.xepage-shopping-cast-content .xepage-shopping-cast-wrap .xepage-shopping-cast-list .cast-list-item .cast-follow.follow {
  background-color: #ff3780;
  border: 1px solid #ff3780;
}

.xepage-shopping-cast-content .xepage-shopping-cast-wrap .xepage-shopping-cast-list .cast-list-item .cast-follow.follow .cast-follow-icon {
  color: #fff;
}

/* 공연소식 */
.xepage-shopping-news-content .xepage-shopping-news-wrap .xepage-shopping-news-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.xepage-shopping-news-content .xepage-shopping-news-wrap .xepage-shopping-news-list .news-list-item {
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.2px;
  font-weight: 500;
  margin-bottom: 9px;
}

.xepage-shopping-news-content .xepage-shopping-news-wrap .xepage-shopping-news-list .news-list-item .news-item-date {
  color: #767676;
  display: inline-block;
  padding-right: 9px;
}

.xepage-shopping-news-content .xepage-shopping-news-wrap .xepage-shopping-news-list .news-list-item .news-item-notice {
  color: #141414;
  display: inline-block;
}

/* 공연 미리보기 */
.xepage-shopping-preview-content .xepage-shopping-preview-wrap {
  background-color: #EFEFF0;
  padding: 70px 32px;
}

.xepage-shopping-preview-content .xepage-shopping-preview-wrap .xepage-shopping-preview-text {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.2px;
  text-align: center;
  color: #141414;
  margin: 0;
}

.xepage-shopping-preview-content .xepage-shopping-preview-wrap .xepage-shopping-preview-text img {
  max-width: 100%;
}

.xepage-shopping-preview-content .xepage-shopping-preview-wrap .xe-content-xecommerce {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.2px;
  /*  text-align: center; */
  color: #141414;
}

.xepage-shopping-related-content-info-wrap .xepage-shopping-show-list-more {
  padding-top: 16px;
}

.xepage-shopping-related-content-info-wrap .xepage-shopping-show-list-more .xepage-shopping-show-list-more-link {
  border-top: 1px solid #e0e0e0;
  padding-top: 16px;
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.4px;
  text-align: center;
  color: #9c9c9c;
  text-decoration: none;
}

/* 관련컨텐츠 */
.xepage-shopping-related-content-content .xepage-shopping-related-content-wrap .xepage-shopping-related-content-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.xepage-shopping-related-content-content .xepage-shopping-related-content-wrap .xepage-shopping-related-content-list .related-content-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}

.xepage-shopping-related-content-content .xepage-shopping-related-content-wrap .xepage-shopping-related-content-list .related-content-list-item .related-content-link {
  overflow: hidden;
  min-width: 80px;
}

.xepage-shopping-related-content-content .xepage-shopping-related-content-wrap .xepage-shopping-related-content-list .related-content-list-item .related-content-link:hover .related-content-thumnail .related-content-thumnail-img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.xepage-shopping-related-content-content .xepage-shopping-related-content-wrap .xepage-shopping-related-content-list .related-content-list-item .related-content-link .related-content-thumnail {
  /*     &.related-content-no {
                                background-repeat: no-repeat;
                                background-position: center center;
                                background-image: url(../img/no-content-bg.png);
                                background-size: cover;
                                width: 375px;
                                height: 142px;
                                position: relative;

                                &:after {
                                    content: '';
                                    display: block;
                                    background-image: url(../img/no-profile-icon.png);
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    width: 100%;
                                    height: 100%;
                                    background-size: 40px 40px;
                                    background-position: center center;
                                    background-repeat: no-repeat;
                                    z-index: 0;
                                }

                            } */
}

.xepage-shopping-related-content-content .xepage-shopping-related-content-wrap .xepage-shopping-related-content-list .related-content-list-item .related-content-link .related-content-thumnail .related-content-thumnail-img {
  width: 80px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/no-content-bg.png);
  background-size: cover;
  padding-top: 141.4%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.xepage-shopping-related-content-content .xepage-shopping-related-content-wrap .xepage-shopping-related-content-list .related-content-list-item .related-content-info {
  text-align: left;
  padding-left: 15px;
}

.xepage-shopping-related-content-content .xepage-shopping-related-content-wrap .xepage-shopping-related-content-list .related-content-list-item .related-content-info .related-content-title {
  margin: 0 0 10px;
}

.xepage-shopping-related-content-content .xepage-shopping-related-content-wrap .xepage-shopping-related-content-list .related-content-list-item .related-content-info .related-content-title a {
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: -0.4px;
  color: #000;
  overflow: hidden;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.xepage-shopping-related-content-content .xepage-shopping-related-content-wrap .xepage-shopping-related-content-list .related-content-list-item .related-content-info .related-performance-name {
  margin: 2px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #767676;
  overflow: hidden;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  text-decoration: none;
}

/* 관련상품 */
.xepage-shopping-ticket .xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xepage-shopping-ticket .xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-thumnail {
  width: 105px;
  /*  position: absolute; */
  max-height: 105px;
}

.xepage-shopping-ticket .xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-info {
  text-align: left;
  padding: 0px;
  margin-left: 15px;
}

@media (min-width: 992px) {
  /* 하단 로비 메뉴 */
  .lobby-menu {
    display: none;
  }
  /*  */
  .xepage-shopping-ticket .section-xepage-shopping-option-detail {
    position: static;
  }
  .xepage-shopping-ticket .section-xepage-shopping-option-detail.shopping-option-pay-moblie-btn {
    display: none;
  }
  .xepage-shopping-ticket .section-xepage-shopping-option-detail.shopping-option-pay-pc-btn {
    display: block;
  }
  .xepage-shopping-ticket .xepage-shopping-section-poster .xepage-shopping-product-poster-wrap {
    margin-top: -30px;
  }
  .xepage-shopping-ticket .xepage-shopping-section-poster .xepage-shopping-product-poster-wrap .shopping-product-poster {
    width: 389px;
    margin: 0;
  }
  .xepage-shopping-ticket .xepage-shopping-section-poster .product-like-button-box {
    display: block;
    margin-top: 20px;
  }
  .xepage-shopping-ticket .xepage-shopping-section-poster .product-like-button-box .product-like-button {
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xepage-shopping-ticket .xepage-shopping-section-poster .product-like-button-box .product-like-button .xepage-icon--on {
    width: 28px;
    height: 25px;
    background-image: url(../img/follow-on.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .xepage-shopping-ticket .xepage-shopping-section-poster .product-like-button-box .product-like-button .xepage-icon--off {
    width: 28px;
    height: 25px;
    background-repeat: no-repeat;
    background-image: url(../img/follow-off.svg);
    background-size: contain;
  }
  .xepage-shopping-ticket .xepage-shopping-section-poster .product-like-button-box .product-like-button .wish-button-text-line {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.23px;
    color: #141414;
  }
  .xepage-shopping-ticket .xepage-shopping-section-poster .product-like-button-box .product-like-button i {
    font-size: 24px;
    color: #ff3780;
  }
  .xepage-shopping-ticket .xepage-shopping-section-poster .product-like-button-box .wish-button-text-line {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.23px;
    color: #141414;
    margin-left: 8px;
  }
  .xepage-shopping-ticket .section-xepage-product-info {
    padding: 65px 0 16px;
    padding-left: 10px;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-function-button {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 24px;
    /* 팔로우 버튼  */
    /* 공유 버튼 */
    /* 공유 버튼  */
    /* 쿠폰 */
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-function-list {
    display: block;
    margin: 0;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-function-list.product-function-list-moblie {
    display: none;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-function-list .product-function-list-icon {
    font-size: 30px;
    color: #000;
    padding: 0 4px;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-function-list .product-function-list-icon.xepage-icon--on::before {
    color: #ff3780;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-function-button .xepage-button--wish .wish-button-text-line {
    display: block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.2px;
    color: #141414;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box {
    position: relative;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box .product-share-box-link {
    margin-top: 6px;
    width: 40px;
    height: 40px;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box .product-share-list {
    right: 0;
    top: 50px;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box .product-share-list:before {
    left: auto;
    right: 10px;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box .product-share-list .product-share-item {
    line-height: 24px;
    text-align: center;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box .product-share-list .product-share-item .product-share-item-link {
    color: #333;
    text-decoration: none;
    line-height: 24px;
    display: block;
    font-size: 14px;
    padding: 2px 16px;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box .product-share-list .product-share-item .product-share-item-link:hover {
    color: #ff3780;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box .product-share-list .product-share-item .product-share-item-button-link {
    border: 0;
    background-color: transparent;
    font-size: 14px;
    line-height: 24px;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-share-box .product-share-list .product-share-item .product-share-item-button-link:hover {
    color: #ff3780;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-detail-coupon {
    margin-left: 10px;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-function-button .product-detail-coupon .product-detail-coupon-text:hover {
    background-color: #ff3780;
    color: #fff;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-detail-title-box .product-detail-title {
    font-size: 36px;
    line-height: 54px;
    letter-spacing: -1px;
    text-align: left;
    padding-right: 144px;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-detail-title-box .product-detail-description .product-description-text {
    font-size: 17px;
    line-height: 28px;
    letter-spacing: -0.4px;
    color: #141414;
    margin-bottom: 8px;
  }
  .xepage-shopping-ticket .section-xepage-product-info .product-detail-title-box .product-detail-description .product-description-tag .product-description-tag-item {
    margin-right: 4px;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: -0.43px;
    color: #767676;
    display: inline-block;
  }
  .xepage-shopping-ticket .section-xepage-product-info .goods-detail-info .goods-detail-info-list .goods-detail-info-type-wrap {
    line-height: 32px;
  }
  .xepage-shopping-ticket .section-xepage-product-info .goods-detail-info .goods-detail-info-list .goods-detail-info-type-wrap .goods-detail-info-type {
    /*     border-radius: 13px;
                            border: solid 1px #ff3780;
                            background-color: #ff3780;
                            color: #fff;
                            font-size: 12px;
                            font-weight: 600;
                            padding: 2px 8px;
                            line-height: 12px;
                            text-transform: uppercase; */
  }
  .xepage-shopping-ticket .section-xepage-product-info .goods-detail-info-list .goods-detail-info-list-title {
    font-size: 16px;
    line-height: 34px;
    letter-spacing: -0.4px;
  }
  .xepage-shopping-ticket .section-xepage-product-info .goods-detail-info-list .goods-detail-info-list-text {
    font-size: 16px;
    line-height: 34px;
    letter-spacing: -1px;
  }
  .xepage-shopping-ticket .section-xepage-product-info .goods-detail-info-list .goods-detail-info-list-text a {
    font-size: 16px;
  }
  .xepage-shopping-ticket .option-detail__payment .option-detail__payment-button-box .option-detail__payment-button-text {
    font-size: 17px;
    padding: 20px !important;
    line-height: 24px;
  }
  /* 상품 하단 탭 */
  .section-xepage-ticket-item-nav {
    margin-top: 60px;
  }
  .section-xepage-ticket-item-nav .ticket-item-nav-list {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
  .section-xepage-ticket-item-nav .ticket-item-nav-list .ticket-nav-item {
    padding: 0 22px;
  }
  .section-xepage-ticket-item-nav .ticket-item-nav-list .ticket-nav-item:first-child {
    padding-left: 0;
  }
  .section-xepage-ticket-item-nav .ticket-item-nav-list .ticket-nav-item:last-child {
    padding-right: 0;
  }
  .section-xepage-ticket-item-nav .ticket-item-nav-list .ticket-nav-item .nav-link {
    font-size: 18px;
    line-height: 30px;
  }
  .section-xepage-ticket-item-nav .ticket-item-nav-list .ticket-nav-item.on .nav-link {
    color: #141414;
  }
  .section-xepage-ticket-item-nav .ticket-item-nav-list .ticket-nav-item.on .nav-link::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 2;
  }
  .section-xepage-ticket-item-nav .ticket-item-nav-list .ticket-nav-item .ticket-nav-item-num {
    font-size: 18px;
  }
  /* 상품 하단 탭 컨텐츠 */
  .xepage-shopping-tab-content-area {
    padding: 63px 0;
  }
  /* 공통 상세 타이틀 */
  .xepage-shopping-ticket .xepage-shopping-show-info-wrap {
    padding-bottom: 40px;
  }
  .xepage-shopping-ticket .xepage-shopping-show-info-head {
    position: relative;
  }
  .xepage-shopping-ticket .xepage-shopping-show-info-head .xepage-shopping-show-info-title {
    font-size: 20px;
    margin: 0 0 24px;
  }
  .xepage-shopping-ticket .shopping-data-info-wrap-mobile {
    display: none;
  }
  .xepage-shopping-ticket .shopping-data-info-wrap-pc {
    display: block;
  }
}

@media (min-width: 1200px) {
  .xepage-shopping-ticket .section-xepage-product-info {
    padding-left: 46px;
  }
}

/*-------------------------  */
/* 단추 공연장 */
.xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}

.xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-thumnail {
  width: 105px;
  background-color: #ddd;
  min-width: 105px;
}

.xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-thumnail .related-product-thumnail {
  background-repeat: no-repeat;
  background-position: center center;
}

.xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-info {
  text-align: left;
  padding-left: 15px;
}

.xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-info .related-product-info-goods-link .related-product-title {
  font-size: 15px;
}

.xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-info .related-product-title {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: -0.4px;
  color: #141414;
  overflow: hidden;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-info .related-product-desc {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #767676;
  overflow: hidden;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

/* ---------------------------------단추 공연장 ---------------------------*/
/* 영상 건너띄기 로딩 */
.chat-load-wrap {
  position: absolute;
  z-index: 100;
  left: 50%;
  margin-left: -18px;
  bottom: 56px;
}

.chat-load-wrap .chat-load-icon .line {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #ff3780;
  margin-right: 0px;
}

.chat-load-wrap .chat-load-icon .line:nth-last-child(1) {
  -webkit-animation: loading 1.2s 0.4s infinite;
  animation: loading 1.2s 0.4s infinite;
}

.chat-load-wrap .chat-load-icon .line:nth-last-child(2) {
  -webkit-animation: loading 1.2s 0.2s infinite;
  animation: loading 1.2s 0.2s infinite;
}

.chat-load-wrap .chat-load-icon .line:nth-last-child(3) {
  -webkit-animation: loading 1.2s 0s infinite;
  animation: loading 1.2s 0s infinite;
}

@-webkit-keyframes loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* 채팅다시보기 안내 문구 */
.stream-chat-replay-wrap {
  margin: 10px 0;
}

.stream-chat-replay-wrap .stream-chat-replay-notice {
  position: relative;
  background-color: #ebebec;
  border-radius: 4px;
  overflow: hidden;
  padding: 10px;
  padding-left: 52px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.2px;
  color: #141414;
}

.stream-chat-replay-wrap .stream-chat-replay-notice .chat-replay-icon {
  position: absolute;
  left: 10px;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(../img/chat-icon-color.png);
  background-repeat: no-repeat;
  background-size: cover;
}

/* 공연장  */
.stream-share-button-wrap .product-share-list {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  margin: 0;
  background-color: #fff;
  list-style: none;
  border: 1px solid #141414;
  border-radius: 3px;
  background: #fff;
  position: absolute;
  z-index: 50;
  padding: 10px 0;
}

.stream-share-button-wrap .product-share-list:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #141414;
  border-top: 1px solid #141414;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: -5px;
  background-color: #fff;
  right: 12px;
}

.stream-share-button-wrap .product-share-list .product-share-item {
  line-height: 24px;
  text-align: center;
}

.stream-share-button-wrap .product-share-list .product-share-item .product-share-item-link {
  color: #333;
  text-decoration: none;
  line-height: 24px;
  display: block;
  font-size: 14px;
  padding: 2px 16px;
}

.stream-share-button-wrap .product-share-list .product-share-item .product-share-item-link:hover {
  color: #ff3780;
}

.stream-share-button-wrap .product-share-list .product-share-item .product-share-item-button-link {
  border: 0;
  background-color: transparent;
  font-size: 14px;
  line-height: 24px;
}

.stream-share-button-wrap .product-share-list .product-share-item .product-share-item-button-link:hover {
  color: #ff3780;
}

@media (min-width: 992px) {
  .stream-share-button-wrap .product-share-list {
    top: 40px;
    right: -10px;
  }
}

/* 모바일 스크롤 */
.is-sticky .xe-shop-stream-scroll {
  width: 100% !important;
  z-index: 1400 !important;
}

@media (min-width: 768px) {
  .xe-shop-stream-scroll {
    z-index: 30;
    position: relative;
    top: auto;
  }
  .xe-shop-stream-scroll.on {
    position: relative  !important;
    top: auto;
    width: auto;
    z-index: 30;
  }
  .xe-shop-stream-scroll .ovenplayer {
    z-index: 30;
  }
}

.xe-stream-bg {
  background-color: #f7f7f9;
  position: absolute;
  top: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  bottom: 0;
}

/* vod */
.vod-view-box .vod-view {
  width: 100%;
  height: 100%;
  padding-top: 56.25%;
  /*  &.vjs-playing  {
            background-color: transparent;
            .vjs-tech {
                left: 0;
                width: 100%;
            }
        } */
}

.vod-view-box .vod-view.video-js {
  background-color: transparent;
  /*  .vjs-tech {
                width: 99%;
                left: 2px;
            } */
}

.vod-view-box .vod-view .vjs-poster {
  background-color: transparent;
  background-size: cover;
  /*   left: -1px;
            right: -1px; */
}

/* 각 섹션 상단 타이틀 공통 */
.xepage-shopping-show-info-wrap .xepage-shopping-show-info-head .xepage-shopping-show-info-title {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #000;
  margin: 0 0 14px;
}

/* 각 섹션 상단 타이틀 공통 */
@media (min-width: 992px) {
  .xepage-shopping-show-info-wrap .xepage-shopping-show-info-head .xepage-shopping-show-info-title {
    font-size: 18px;
    margin: 0 0 20px;
  }
}

/* 영상과 영상정보 */
.xe-shop-stream-wrap {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -28px;
  height: auto !important;
}

.xe-shop-stream-wrap .op-wrapper {
  background-color: transparent;
}

.xe-shop-stream-wrap .op-wrapper.ovenplayer {
  background-color: transparent;
}

.xe-shop-stream-wrap .xe-shop-stream-video-box {
  position: relative;
  /* vod 재생 버튼 */
  /*
          .stream-timer-box-bg {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background-color: #000;
                z-index: 1190;
            }   */
}

.xe-shop-stream-wrap .xe-shop-stream-video-box .video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background-size: 60px;
  background-image: url(../img/video-play-icon.png);
  border: 0;
  background-color: transparent;
  border-radius: 50%;
}

.xe-shop-stream-wrap .xe-shop-stream-video-box .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
  display: none;
}

.xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box {
  /*    position: absolute;
                top: 50%;
                left: 50%;
                z-index: 1200;
                transform: translate(-50%,-50%); */
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: 1190;
}

.xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box.rehearsal-time {
  background-color: rgba(0, 0, 0, 0.3);
}

.xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box .stream-timer-view-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box .stream-info-icon {
  display: block;
  margin: 0 auto 12px;
  width: 50px;
  height: 50px;
  background-image: url(../img/timer-icon.png);
  background-repeat: no-repeat;
  background-size: 50px;
}

.xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box .stream-timer-view {
  color: #fff;
  /*              display: flex; */
  /*        width: 100%;
                    height: 100%; */
  /*          justify-content: center;
                    align-items: center; */
  text-align: center;
}

.xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box .stream-timer-view .stream-timer-info {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 4px;
  font-weight: 500;
}

.xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box .stream-timer-view .stream-timer-icon {
  margin-right: 16px;
}

.xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box .stream-timer-view .stream-timer-text {
  color: #fff;
  line-height: 32px;
  font-size: 24px;
  letter-spacing: -1.14px;
  font-weight: 700;
}

.xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box.vod-timer-box .stream-timer-view {
  font-size: 24px;
}

.xe-shop-stream-wrap .xe-shop-stream-title {
  padding-right: 28px;
}

.xe-shop-stream-wrap .xe-shop-stream-title .xe-shop-stream-title-text {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: -1px;
  color: #141414;
  margin: 0 0 4px;
}

.xe-shop-stream-content {
  position: relative;
  padding: 12px 0px;
}

.xe-shop-stream-content .xe-shop-stream-title {
  /*         padding-top: 12px; */
  padding-right: 28px;
}

.xe-shop-stream-content .xe-shop-stream-title .xe-shop-stream-title-text {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: -1px;
  color: #141414;
  margin: 0 0 4px;
}

.xe-shop-stream-content .xe-shop-stream-info {
  position: relative;
}

.xe-shop-stream-content .xe-shop-stream-info .xe-shop-stream-info-detail .xe-shop-stream-info-detail-item {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.4px;
  color: #767676;
  padding: 0 6px;
  position: relative;
}

.xe-shop-stream-content .xe-shop-stream-info .xe-shop-stream-info-detail .xe-shop-stream-info-detail-item:first-child {
  padding-left: 0;
}

.xe-shop-stream-content .xe-shop-stream-info .xe-shop-stream-info-detail .xe-shop-stream-info-detail-item:first-child::after {
  display: none;
}

.xe-shop-stream-content .xe-shop-stream-info .xe-shop-stream-info-detail .xe-shop-stream-info-detail-item::after {
  content: '';
  display: block;
  width: 1px;
  height: 9px;
  background-color: #767676;
  position: absolute;
  left: 0;
  top: 4px;
}

.xe-shop-stream-content .xe-shop-stream-info .stream-share-button-wrap .stream-share-button {
  position: absolute;
  top: -30px;
  right: 0;
  display: block;
}

.xe-shop-stream-content .xe-shop-stream-info .stream-share-button-wrap .stream-share-button:focus {
  outline: none;
}

.xe-shop-stream-content .xe-shop-stream-info .stream-share-button-wrap .stream-share-button:hover {
  text-decoration: none;
}

.xe-shop-stream-content .xe-shop-stream-info .stream-share-button-wrap .stream-share-button .stream-share-button-icon {
  font-size: 21px;
  opacity: 0.5;
  color: #000;
}

.xe-shop-stream-content .xe-shop-stream-info .stream-share-button-wrap .stream-share-button .stream-share-button-text {
  display: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #141414;
  opacity: 0.6;
  text-decoration: none;
}

.xe-shop-stream-content .stream-function-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
}

.xe-shop-stream-content .stream-function-button .stream-function-list-wish {
  border: 0;
  background-color: transparent;
}

.xe-shop-stream-content .stream-function-button .stream-function-list {
  display: block;
  opacity: 0.6;
  font-size: 13px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.19px;
  color: #141414;
}

.xe-shop-stream-content .stream-function-button .stream-function--link {
  text-align: center;
  width: 20%;
  text-decoration: none;
}

.xe-shop-stream-content .stream-function-button .stream-function--link .stream-function-icon {
  font-size: 21px;
  opacity: 0.5;
  color: #000;
}

.xe-shop-stream-content .stream-function-button .stream-function--link .stream-function-icon.xepage-icon--on {
  opacity: 1;
  color: #ff3780;
}

@media (min-width: 992px) {
  /* 영상과 영상정보 */
  .xe-shop-stream-wrap {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -28px;
  }
  .xe-shop-stream-wrap .xe-shop-stream-video-box {
    position: relative;
    /* vod 재생 버튼 */
    /*
          .stream-timer-box-bg {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background-color: #000;
                z-index: 1190;
            }   */
  }
  .xe-shop-stream-wrap .xe-shop-stream-video-box .video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90px;
    height: 90px;
    background-size: 90px;
  }
  .xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box {
    /*    position: absolute;
                top: 50%;
                left: 50%;
                z-index: 1200;
                transform: translate(-50%,-50%); */
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 1190;
  }
  .xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box.rehearsal-time {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box .stream-timer-view-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box .stream-info-icon {
    display: block;
    margin: 0 auto 24px;
    width: 90px;
    height: 90px;
    background-image: url(../img/timer-icon.png);
    background-repeat: no-repeat;
    background-size: 90px;
  }
  .xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box .stream-timer-view {
    color: #fff;
    /*              display: flex; */
    /*        width: 100%;
                    height: 100%; */
    /*          justify-content: center;
                    align-items: center; */
    text-align: center;
  }
  .xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box .stream-timer-view .stream-timer-info {
    font-size: 24px;
    line-height: 38px;
    margin: 0 0 4px;
    font-weight: 500;
  }
  .xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box .stream-timer-view .stream-timer-icon {
    margin-right: 16px;
  }
  .xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box .stream-timer-view .stream-timer-text {
    color: #fff;
    line-height: 38px;
    font-size: 32px;
    letter-spacing: -1.14px;
    font-weight: 700;
  }
}

@-webkit-keyframes popbutton {
  0% {
    right: 20px;
  }
  30% {
    right: 28px;
  }
  75% {
    right: 38px;
  }
  75% {
    right: 28px;
  }
  100% {
    right: 20px;
  }
}

@keyframes popbutton {
  0% {
    right: 20px;
  }
  30% {
    right: 28px;
  }
  75% {
    right: 38px;
  }
  75% {
    right: 28px;
  }
  100% {
    right: 20px;
  }
}

@keyframes popbutton {
  0% {
    right: 20px;
  }
  30% {
    right: 28px;
  }
  75% {
    right: 38px;
  }
  75% {
    right: 28px;
  }
  100% {
    right: 20px;
  }
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.is-sticky {
  width: 100%;
}

.is-sticky .xe-shop-stream-chatting-wrap {
  width: 100% !important;
  background-color: #fff;
  z-index: 1350 !important;
  left: 0;
  padding: 0 15px;
}

/* 채팅목록 */
.xe-shop-stream-chatting-wrap {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  /* 일반채팅 모바일  */
}

.xe-shop-stream-chatting-wrap.on {
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 1350;
  left: 0;
  padding: 0 15px;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-top {
  padding: 12px 0;
  position: relative;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-top .xe-shop-stream-chatting-title {
  margin: 0;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.6px;
  color: #141414;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-top .xe-shop-stream-chatting-status {
  display: inline-block;
  border-radius: 13px;
  background-color: #ff3780;
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
  color: #fff;
  padding: 6px 12px;
  margin-left: 8px;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-top .xe-shop-stream-chatting-pop {
  /*   position: absolute;
        right: 0;
        font-size: 20px;
        color: #000;
        opacity: 0.5; */
  position: absolute;
  right: 10px;
  top: 12px;
  -webkit-animation: popbutton 0.7s infinite alternate ease-in-out;
  animation: popbutton 0.7s infinite alternate ease-in-out;
  /*    animation: popbutton 1s; */
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-top .xe-shop-stream-chatting-pop:hover {
  cursor: pointer;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-view .xe-shop-stream-chatting-view-box {
  list-style: none;
  padding: 0 0 15px;
  margin: 0;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-view .xe-shop-stream-chatting-view-box .chatting-view-list {
  position: relative;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-view .xe-shop-stream-chatting-view-box .chatting-view-list.chatting-view-list-disabled {
  border: 1px solid #e0e0e0;
  margin: 10px 0;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-view .xe-shop-stream-chatting-view-box .chatting-view-list.chatting-view-list-disabled .chatting-view-list-text {
  text-align: center;
  padding-left: 0;
  padding: 5px 10px;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-view .xe-shop-stream-chatting-view-box .chatting-view-list .chatting-view-list-user {
  position: absolute;
  top: 0;
  left: 0;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-view .xe-shop-stream-chatting-view-box .chatting-view-list .chatting-view-list-user .chatting-list-user-img {
  width: 24px;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-view .xe-shop-stream-chatting-view-box .chatting-view-list .chatting-view-list-text {
  padding-left: 34px;
  overflow: hidden;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.6px;
  color: #484848;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content {
  height: 380px;
  max-height: 100vh;
  background-color: #666;
  position: fixed;
  width: 100%;
  left: 0;
  background-color: #fff;
  bottom: -150%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 2000;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content.on {
  bottom: 0;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content.active {
  height: 200px;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top {
  margin: 0;
  padding: 12px 15px;
  background-color: #141414;
  position: absolute;
  width: 100%;
  z-index: 5;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top .xe-shop-stream-chatting-name {
  display: none;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top .xe-shop-stream-chatting-title {
  margin: 0;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.6px;
  color: #fff;
  padding-left: 30px;
  position: relative;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top .xe-shop-stream-chatting-title .xe-shop-stream-chatting-title-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(../img/full-chat-icon.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 2px;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top .xe-shop-stream-chatting-status {
  display: inline-block;
  border-radius: 13px;
  background-color: #ff3780;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  color: #fff;
  padding: 4px  12px;
  float: right;
  margin-right: 35px;
  margin-top: 2px;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top .xe-shop-stream-chatting-status.chatting-off {
  background-color: #666;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top .xe-shop-stream-chatting-pop-close {
  position: absolute;
  line-height: 28px;
  right: 15px;
  font-size: 20px;
  color: #fff;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list {
  height: 100%;
  /* 1023 */
  padding-top: 52px;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box {
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 60px 0px;
  background-color: #f7f7f9;
  overflow-y: scroll;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box.shop-stream-chatting-off {
  padding: 0;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box li {
  position: relative;
  border: 0;
  margin-bottom: 4px;
  word-break: break-all;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #333;
  padding: 0 15px;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box li.chat-admin .shop-stream-chatting-box-line {
  background-color: #ff3780;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box li.chat-admin .shop-stream-chat-profile {
  background-image: url(../img/full-chat-icon.png);
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box li.chat-admin .shop-stream-chat-user {
  color: #fff;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box li.chat-admin .shop-stream-chat-text {
  color: #fff;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box li.active .shop-stream-chat-user {
  color: #ff3780;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box li.active .shop-stream-chat-text {
  color: #ff3780;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box li .shop-stream-chatting-box-line {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 4px;
  padding-left: 44px;
  position: relative;
  background-color: #ebebec;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box .shop-stream-chat-profile {
  display: block;
  position: absolute;
  /*  z-index: 1015; */
  left: 8px;
  top: 8px;
  width: 28px;
  height: 28px;
  background-image: url(../img/full-chat-icon.png);
  background-image: url(../img/chat-icon-gray.png);
  background-repeat: no-repeat;
  background-size: 28px;
  border-radius: 50%;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box .shop-stream-chat-user {
  display: block;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: #767676;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box .shop-stream-chat-text {
  font-size: 15px;
  line-height: 20px;
  color: #141414;
  font-weight: 400;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 48px;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write input {
  border: 0;
  width: 100%;
  height: 100%;
  padding: 16px;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write input:focus {
  outline: none;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write .chatting-send {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 48px;
  width: auto;
  border: 0;
  padding: 0;
  background-color: transparent;
  background-color: #ff3780;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write .chatting-send .chatting-send-text {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  display: inline-block;
  padding: 0 15px;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write .chatting-send:hover i {
  color: #fff;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write .chatting-send:focus {
  outline: 0;
}

.xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write .chatting-send i {
  font-size: 24px;
  color: #fff;
}

@media (min-width: 768px) {
  .xe-shop-stream-chatting-wrap {
    border-top: 1px solid #e0e0e0;
  }
  .xe-shop-stream-chatting-wrap.on {
    position: relative;
    background-color: transparent;
    z-index: 130;
    left: auto;
    padding: 0;
  }
}

/* clip 미리보기 */
.xepage-stream-preview-info-wrap {
  /*    border-top: 1px solid #e0e0e0; */
  margin: 0 0;
  position: relative;
  z-index: 1;
}

.xepage-stream-preview-info-wrap::before {
  content: '';
  width: 100vw;
  position: absolute;
  display: block;
  top: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  height: 100%;
  background-color: #EDEDEE;
  z-index: -1;
}

.xepage-stream-preview-info-wrap .xepage-shopping-preview-content {
  text-align: center;
}

.xepage-stream-preview-info-wrap .xepage-shopping-preview-content .xepage-shopping-preview-wrap {
  background-color: #EDEDEE;
}

@media (min-width: 992px) {
  .xepage-stream-preview-info-wrap {
    /*    border-top: 1px solid #e0e0e0; */
    margin: 32px 0;
    position: relative;
    z-index: 1;
  }
}

/* 댓글 */
.xepage-shopping-comment-wrap {
  margin: 16px 0 32px;
}

.xepage-shopping-comment-wrap .comment_form_controller .comment_form_btn .btn_submit:hover {
  background-color: #ff3780;
  border-color: #ff3780;
}

/* 실시간 공지사항 */
.xepage-shopping-notice-info-wrap {
  /*     border-top: 1px solid #e0e0e0; */
  padding: 15px 0 0;
}

.xepage-shopping-notice-info-wrap .xepage-shopping-notice-head {
  position: relative;
}

.xepage-shopping-notice-info-wrap .xepage-shopping-notice-head .xe-shop-stream-notice-pop {
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 20px;
  color: #000;
  opacity: 0.5;
}

.xepage-shopping-notice-info-wrap .xepage-shopping-notice-content .xe-shop-stream-chatting-view-box {
  list-style: none;
  padding: 0 0 15px;
  margin: 0;
}

.xepage-shopping-notice-info-wrap .xepage-shopping-notice-content .xe-shop-stream-chatting-view-box .chatting-view-list {
  position: relative;
}

.xepage-shopping-notice-info-wrap .xepage-shopping-notice-content .xe-shop-stream-chatting-view-box .chatting-view-list .chatting-view-list-user {
  position: absolute;
  top: 0;
  left: 0;
}

.xepage-shopping-notice-info-wrap .xepage-shopping-notice-content .xe-shop-stream-chatting-view-box .chatting-view-list .chatting-view-list-user .chatting-list-user-img {
  width: 24px;
}

.xepage-shopping-notice-info-wrap .xepage-shopping-notice-content .xe-shop-stream-chatting-view-box .chatting-view-list .chatting-view-list-text {
  /*        margin-left: 34px; */
  overflow: hidden;
  /*    white-space: normal; */
  text-align: left;
  /*   word-wrap: break-word;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    text-overflow: ellipsis;
                    -webkit-box-orient: vertical; */
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.6px;
  color: #484848;
}

@media (min-width: 992px) {
  /* 영상과 영상정보 */
  .xe-shop-stream-wrap {
    margin-left: 0px;
    margin-right: 0;
    margin-top: 0px;
  }
  .xe-shop-stream-wrap .xe-shop-stream-video-box {
    /*  box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.3); */
  }
  .xe-shop-stream-wrap .xe-shop-stream-title {
    padding-right: 0;
  }
  .xe-shop-stream-wrap .xe-shop-stream-title .xe-shop-stream-title-text {
    margin: 0;
  }
  .xe-shop-stream-content {
    background-color: #000;
    padding: 18px 20px;
    margin-top: -1px;
    margin-bottom: 32px;
    /*    margin-left: -1px;
        margin-right: -1px; */
  }
  .xe-shop-stream-content .xe-shop-stream-title .xe-shop-stream-title-text {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
  }
  .xe-shop-stream-content .xe-shop-stream-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0 0;
    padding-right: 30px;
  }
  .xe-shop-stream-content .xe-shop-stream-info .xe-shop-stream-info-detail .xe-shop-stream-info-detail-item {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.4px;
    color: #767676;
    padding: 0 6px;
    position: relative;
  }
  .xe-shop-stream-content .xe-shop-stream-info .xe-shop-stream-info-detail .xe-shop-stream-info-detail-item:first-child {
    padding-left: 0;
  }
  .xe-shop-stream-content .xe-shop-stream-info .xe-shop-stream-info-detail .xe-shop-stream-info-detail-item:first-child::after {
    display: none;
  }
  .xe-shop-stream-content .xe-shop-stream-info .xe-shop-stream-info-detail .xe-shop-stream-info-detail-item::after {
    content: '';
    display: block;
    width: 1px;
    height: 9px;
    background-color: #767676;
    position: absolute;
    left: 0;
    top: 4px;
  }
  .xe-shop-stream-content .xe-shop-stream-info .stream-share-button-wrap {
    margin-left: auto;
    position: absolute;
    right: 0;
    top: -12px;
  }
  .xe-shop-stream-content .xe-shop-stream-info .stream-share-button-wrap .stream-share-button {
    position: relative;
    top: auto;
    right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
  }
  .xe-shop-stream-content .xe-shop-stream-info .stream-share-button-wrap .stream-share-button .stream-share-button-icon {
    /* font-size: 21px;
                        opacity: 1;
                        color: #fff; */
    display: block;
    width: 24px;
    height: 26px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-image: url(../img/share-white-icon.png);
    opacity: 1;
  }
  .xe-shop-stream-content .xe-shop-stream-info .stream-share-button-wrap .stream-share-button .stream-share-button-text {
    display: inline-block;
    padding-left: 8px;
  }
  .xe-shop-stream-content .stream-function-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin-left: auto;
  }
  .xe-shop-stream-content .stream-function-button .stream-function--link {
    text-align: center;
    margin-left: 24px;
    width: auto;
    text-decoration: none;
  }
  .xe-shop-stream-content .stream-function-button .stream-function--link .stream-function-list {
    display: inline-block;
    opacity: 0.6;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #141414;
  }
  .xe-shop-stream-content .stream-function-button .stream-function--link .stream-function-icon {
    font-size: 21px;
    opacity: 0.5;
    color: #000;
  }
  /* 채팅목록 */
  .xe-shop-stream-chatting-wrap {
    border-top: 0;
    border-bottom: 0;
    /* 일반채팅 */
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-top {
    display: none;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-view {
    display: none;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content {
    height: 438.875px;
    background-color: #666;
    position: relative;
    width: 100%;
    left: 0;
    background-color: #fff;
    bottom: -150%;
    /*     height: 85%; */
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 50;
    display: block;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content.on {
    bottom: 0;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top {
    margin: 0;
    padding: 12px 15px;
    background-color: #fff;
    position: absolute;
    width: 100%;
    top: 1px;
    border: solid 1px #e0e0e0;
    border-top: 0;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top .xe-shop-stream-chatting-name {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.4px;
    color: #000;
    margin: 0;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top .xe-shop-stream-chatting-title {
    position: absolute;
    top: 18px;
    right: 66px;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: -0.6px;
    color: #767676;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top .xe-shop-stream-chatting-title .xe-shop-stream-chatting-title-icon {
    display: none;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top .xe-shop-stream-chatting-status {
    display: inline-block;
    border-radius: 13px;
    background-color: #f7f7f9;
    color: #ff3780;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    padding: 4px  12px;
    margin-right: 0;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top .xe-shop-stream-chatting-status.chatting-off {
    color: #666;
    background-color: #f7f7f9;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top .xe-shop-stream-chatting-pop-close {
    display: none;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list {
    padding-top: 53px;
    border: solid 1px #e0e0e0;
    height: 100%;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .chat-disabled-box-notice {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box {
    height: 337.875px;
    list-style: none;
    margin: 0;
    padding: 4px 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    /*           &.chat-disabled-box{
                    z-index: -1;
                    position: relative;
                } */
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box.shop-stream-chatting-off {
    padding: 4px 0;
    height: 100% !important;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box li {
    position: relative;
    border: 0;
    margin-bottom: 6px;
    word-break: break-all;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.6px;
    color: #333;
    padding: 0 15px;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box li.chat-admin .shop-stream-chatting-box-line {
    background-color: #ff3780;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box li.chat-admin .shop-stream-chat-profile {
    background-image: url(../img/full-chat-icon.png);
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box li.chat-admin .shop-stream-chat-user {
    color: #fff;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box li.chat-admin .shop-stream-chat-text {
    color: #fff;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box li.active .shop-stream-chat-user {
    color: #ff3780;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box li.active .shop-stream-chat-text {
    color: #ff3780;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box li .shop-stream-chatting-box-line {
    display: inline-block;
    padding: 8px 10px;
    border-radius: 4px;
    padding-left: 52px;
    position: relative;
    background-color: #ebebec;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box .shop-stream-chat-profile {
    display: block;
    position: absolute;
    /*  z-index: 1015; */
    left: 10px;
    top: 10px;
    width: 32px;
    height: 32px;
    background-image: url(../img/full-chat-icon.png);
    background-image: url(../img/chat-icon-gray.png);
    background-repeat: no-repeat;
    background-size: 32px;
    border-radius: 50%;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box .shop-stream-chat-user {
    display: block;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #767676;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box .shop-stream-chat-text {
    font-size: 14px;
    line-height: 20px;
    color: #141414;
    font-weight: 400;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write {
    position: absolute;
    bottom: 1px;
    padding: 0 1px;
    width: 100%;
    height: 48px;
    /*    input {
                    border: 0;
                    width: 100%;
                    height: 100%;
                    padding: 16px;

                } */
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write input {
    border: 0;
    width: 100%;
    height: 100%;
    /*               height: 38px; */
    color: #aeaeae;
    background-color: #fff;
    z-index: 50;
    font-size: 15px;
    background-image: url(../img/chat-icon-gray.png);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 16px 14px;
    padding-left: 50px;
    border-radius: 4px;
    overflow: hidden;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write input::-webkit-input-placeholder {
    color: #aeaeae;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write input::-moz-placeholder {
    color: #aeaeae;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write input:-ms-input-placeholder {
    color: #aeaeae;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write input::-ms-input-placeholder {
    color: #aeaeae;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write input::placeholder {
    color: #aeaeae;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write input:focus {
    outline: 0;
    color: #333;
    background-image: url(../img/chat-icon-black.svg);
    /*                         background-color:  rgba(255,255,255,0.95);
                        background-image: url(../img/full-chat-icon-on.svg);
                        position: absolute;
                        width: 100vw;
                        bottom: -59px;
                        left: -53px; */
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write .chatting-send {
    position: absolute;
    right: 0;
    padding: 0;
    height: 48px;
    width: auto;
    border: 0;
    background-color: transparent;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write .chatting-send .chatting-send-text {
    font-size: 14px;
    font-weight: 500;
    color: #c0c0c0;
    display: inline-block;
    padding: 0 15px;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write .chatting-send .chatting-send-text:hover {
    color: #ff3780;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write .chatting-send:hover i {
    color: #fff;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write .chatting-send i {
    font-size: 24px;
    color: #fff;
  }
  /* 실시간 공지사항 */
  .xepage-shopping-notice-info-wrap {
    padding: 40px 0;
  }
  .xepage-shopping-notice-info-wrap .xepage-shopping-notice-head .xe-shop-stream-notice-pop {
    display: none;
  }
  .xepage-shopping-notice-info-wrap .xepage-shopping-notice-content .xe-shop-stream-chatting-view-box {
    list-style: none;
    padding: 0 0 15px;
    margin: 0;
  }
  .xepage-shopping-notice-info-wrap .xepage-shopping-notice-content .xe-shop-stream-chatting-view-box .chatting-view-list {
    position: relative;
  }
  .xepage-shopping-notice-info-wrap .xepage-shopping-notice-content .xe-shop-stream-chatting-view-box .chatting-view-list .chatting-view-list-user {
    position: absolute;
    top: 0;
    left: 0;
  }
  .xepage-shopping-notice-info-wrap .xepage-shopping-notice-content .xe-shop-stream-chatting-view-box .chatting-view-list .chatting-view-list-user .chatting-list-user-img {
    width: 30px;
  }
  .xepage-shopping-notice-info-wrap .xepage-shopping-notice-content .xe-shop-stream-chatting-view-box .chatting-view-list .chatting-view-list-text {
    display: block;
    font-size: 15px;
    line-height: 25px;
    padding: 15px;
    border-radius: 5px;
    border: solid 1px #e0e0e0;
    background-color: #fff;
  }
}

@media (min-width: 1200px) {
  /* 채팅목록 */
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content {
    height: 513.875px;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box {
    height: 412.875px;
  }
}

@media (min-width: 1240px) {
  /* 채팅목록 */
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-content {
    height: 536.375px;
  }
  .xe-shop-stream-chatting-wrap .xe-shop-stream-chatting-list .shop-stream-chatting-box {
    height: 435.375px;
  }
}

/* 공연 VOD 목록 */
.xepage-shopping-related-performance-info-wrap {
  padding: 15px 0;
  border-top: 1px solid #e0e0e0;
}

.xepage-shopping-related-performance-info-wrap .xepage-shopping-show-list-more {
  position: absolute;
  right: 0;
  top: 0;
}

.xepage-shopping-related-performance-info-wrap .xepage-shopping-show-list-more .xepage-shopping-show-list-more-link {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.4px;
  text-align: right;
  color: #9c9c9c;
  text-decoration: none;
}

.xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list .related-performance-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}

.xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list .related-performance-list-item .related-performance-thumnail {
  position: relative;
  background-color: #ddd;
  width: 100px;
  min-width: 100px;
  /* &::before {
                        content: '';
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        display: block;
                        background-color: rgba(0, 0, 0, 0.5);
                        z-index: 0;
                    }

                    &::after {
                        content: 'coming soon';
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        display: block;
                        z-index: 0;
                        color: #ff76a8;
                        font-size: 16px;
                        line-height: 28px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        text-transform: uppercase;
                        font-weight: 700;
                        opacity: 0.8;
                        text-align: center;

                    } */
}

.xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list .related-performance-list-item .related-performance-thumnail .related-performance-thumnail-img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding-top: 141.4%;
}

.xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list .related-performance-list-item .related-performance-info {
  text-align: left;
  padding-left: 15px;
}

.xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list .related-performance-list-item .related-performance-info .related-performance-title {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: -0.4px;
  color: #000;
  overflow: hidden;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list .related-performance-list-item .related-performance-info .related-performance-name {
  margin: 2px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #767676;
  overflow: hidden;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  text-decoration: none;
}

/*  관련 상품 */
.xepage-shopping-related-product-info-wrap {
  padding: 15px 0;
  /*     border-top: 1px solid #e0e0e0; */
}

.xepage-shopping-related-product-info-wrap .xepage-shopping-show-list-more {
  position: absolute;
  right: 0px;
  top: 0px;
}

.xepage-shopping-related-product-info-wrap .xepage-shopping-show-list-more .xepage-shopping-show-list-more-link {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.4px;
  text-align: right;
  color: #9c9c9c;
  text-decoration: none;
}

.xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}

.xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-thumnail {
  width: 105px;
  background-color: #ddd;
  min-width: 105px;
  height: 100%;
}

.xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-thumnail .related-product-thumnail-img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding-top: 100%;
  max-height: 105px;
}

.xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-info {
  text-align: left;
  padding-left: 15px;
}

.xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-info .related-product-title {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: -0.4px;
  color: #141414;
  overflow: hidden;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-info .related-product-desc {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #767676;
  overflow: hidden;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-info .related-product-detail .related-product-detail-price {
  font-weight: 700;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.48px;
}

@media (min-width: 480px) {
  .xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -8px;
    margin-right: -8px;
  }
  .xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list .related-performance-list-item {
    display: block;
    width: 25%;
    padding: 0 8px;
    margin-bottom: 15px;
  }
  .xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list .related-performance-list-item .related-performance-thumnail {
    position: relative;
    background-color: #ddd;
    width: 100%;
  }
  .xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list .related-performance-list-item .related-performance-thumnail .related-performance-thumnail-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    padding-top: 141.4%;
  }
  .xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list .related-performance-list-item .related-performance-info {
    padding: 15px 0;
  }
  .xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list .related-performance-list-item .related-performance-info .related-performance-title {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  /* 공연 VOD 목록 */
  .xepage-shopping-related-performance-info-wrap {
    padding: 32px 0 12px;
    border-top: 1px solid #e0e0e0;
  }
  .xepage-shopping-related-performance-info-wrap .xepage-shopping-show-list-more {
    position: absolute;
    right: 0;
    top: 0;
  }
  .xepage-shopping-related-performance-info-wrap .xepage-shopping-show-list-more .xepage-shopping-show-list-more-link {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.4px;
    text-align: right;
    color: #9c9c9c;
    text-decoration: none;
  }
  .xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -8px;
    margin-right: -8px;
  }
  .xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list .related-performance-list-item {
    display: block;
    width: 25%;
    padding: 0 8px;
    margin-bottom: 15px;
  }
  .xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list .related-performance-list-item .related-performance-thumnail {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #ddd;
  }
  .xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list .related-performance-list-item .related-performance-thumnail .related-performance-thumnail-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    padding-top: 141.4%;
  }
  .xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list .related-performance-list-item .related-performance-info {
    padding: 15px 0;
  }
  .xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list .related-performance-list-item .related-performance-info .related-performance-title {
    font-size: 16px;
  }
  /*  관련 상품 */
  .xepage-shopping-related-product-info-wrap {
    padding: 32px 0 12px;
    border-top: 1px solid #e0e0e0;
  }
  .xepage-shopping-related-product-info-wrap .xepage-shopping-show-list-more .xepage-shopping-show-list-more-link {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.4px;
    text-align: right;
    color: #9c9c9c;
    text-decoration: none;
  }
  .xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
  }
  .xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item {
    display: block;
    margin-bottom: 15px;
    width: 25%;
    padding: 0 8px;
  }
  .xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-thumnail {
    width: 100%;
    height: auto;
    background-color: #ddd;
    min-width: 105px;
  }
  .xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-thumnail .related-product-thumnail-img {
    padding-top: 100%;
    width: 100%;
    max-height: auto;
  }
  .xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-info {
    text-align: left;
    padding: 15px 0px;
  }
  .xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-info .related-product-title {
    font-size: 16px;
  }
  .xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-info .related-product-desc {
    font-size: 15px;
    line-height: 24px;
    -webkit-line-clamp: 2;
  }
  .xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-info .related-product-detail .related-product-detail-price {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  .xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
  }
  .xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item {
    display: block;
    margin-bottom: 15px;
    width: 16.66666%;
    padding: 0 8px;
  }
  .xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-thumnail {
    width: 100%;
    height: auto;
    background-color: #ddd;
  }
  .xepage-shopping-related-product-content .xepage-shopping-related-product-wrap .xepage-shopping-related-product-list .related-product-list-item .related-product-thumnail .related-product-thumnail-img {
    padding-top: 100%;
    width: 100%;
  }
  .xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -8px;
    margin-right: -8px;
  }
  .xepage-shopping-related-performance-content .xepage-shopping-related-performance-wrap .xepage-shopping-related-performance-list .related-performance-list-item {
    display: block;
    width: 16.6666%;
    padding: 0 8px;
    margin-bottom: 15px;
  }
}

/* 라이브 vodio 관련 */
.xe-shop-stream-video-box .op-thumbnail-container {
  /* 영상 썸네일 이미지 */
}

.xe-shop-stream-video-box .op-thumbnail-container .op-thumbnail-wrapper img {
  height: auto;
  width: 100%;
  /* padding-bottom: 80px; */
  /*  padding-top: 5px; */
}

.xe-shop-stream-video-box .op-context-panel {
  display: none;
}

.xe-shop-stream-video-box .op-caption-text-container {
  display: none;
}

/* 영상 full  */
.xe-shop-stream-chatting-content-full {
  display: none;
}

.stream-full-chat {
  display: none;
}

.stream-video-logo {
  display: block;
  position: absolute;
  z-index: 180;
  /*     right: 2.5rem;
    top: 1.563rem;
    right: 5%;
    top: 5%;
    width: 6.875rem;
    width: 11.9%;
    height: 22px;
    background-repeat: no-repeat;
    background-size: 90px; */
  opacity: 0.7;
  top: 0;
  right: 0;
  width: 100%;
}

.stream-video-logo .stream-video-logo-img {
  width: 100%;
}

.stream-mute-wrap {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.stream-mute-wrap .stream-mute-item {
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: -0.5px;
  text-align: center;
  color: #fff;
  display: inline-block;
  padding: 6px 13px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 14px;
}

.stream-mute-wrap .stream-mute-item img {
  margin-right: 8px;
}

.stream-mute-wrap .stream-mute-item:hover {
  cursor: pointer;
}

@media (min-width: 992px) {
  .stream-video-logo {
    z-index: 180;
  }
  .xe-shop-stream-wrap .xe-shop-stream-video-box .stream-timer-box {
    z-index: 250;
  }
}

/* .stream-full-logo {
    display: block;
    z-index:9999;
    transform: translate(-50%,-50%);
    width: 100vw;
    max-height: 100vh;
    max-width: 177.78vh;
    position: absolute;
    height: fit-content;
    top: 20%;
    bottom: 0;
    left: 50%;
    right: 0;


    .stream-full-logo-img {
        width: 100%;

    }
}
 */
.stream-full-logo {
  /*     display: block;
        position: absolute;
        z-index: 1015;
        right:5.938rem;
        top: 4.375rem;
        right: 5%;
        top: 5%;
        width: 6.875rem;
        width: 11.9%;
        height: 22px;
        background-repeat: no-repeat;
        background-size: 90px;
        opacity: 0.7;  */
  display: block;
  position: absolute;
  z-index: 1015;
  right: 5.938rem;
  top: 4.375rem;
  /* right: 5%; */
  top: 5%;
  width: 6.875rem;
  width: 11.9%;
  height: 22px;
  /* background-repeat: no-repeat; */
  /* background-size: 90px; */
  /* opacity: 0.7; */
  width: 100%;
  /* padding-top: 56.25%; */
  top: 50%;
  right: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 56.25vw;
  max-height: 100vh;
  max-width: 177.78vh;
  /* margin: auto; */
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 50%;
  right: 0;
  /* background: #fff;*/
}

.stream-full-logo .stream-full-logo-img {
  width: 100%;
}

.stream-full-chat {
  z-index: 1015;
}

.stream-full-chat:hover {
  cursor: pointer;
}

.stream-full-chat .stream-full-chat-icon {
  display: block;
  position: absolute;
  z-index: 1015;
  left: 53px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 20px;
  opacity: 0.7;
}

.stream-full-chat .stream-full-chat-icon:before {
  content: '';
  position: absolute;
  display: block;
  left: 4px;
  top: 2px;
  width: 24px;
  height: 24px;
  z-index: 10;
  background-image: url(../img/full-chat-icon2.svg);
  background-repeat: no-repeat;
  background-size: 20px;
}

.stream-full-chat .stream-full-chat-icon:after {
  content: 'Chat';
  font-size: 14px;
  display: block;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: -0.5px;
  color: #fff;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.17);
  position: absolute;
  width: 60px;
  left: 0;
  padding-left: 25px;
}

.stream-full-chat .stream-full-chat-icon.on:after {
  content: 'Close';
}

/* full 영상 좋아요 button */
.op-fullscreen .stream-like-button-wrap {
  display: block;
  position: absolute;
  z-index: 1015;
  right: 10px;
  bottom: 60px;
}

.vjs-fullscreen .stream-like-button-wrap {
  display: block;
  position: absolute;
  z-index: 1015;
  right: 53px;
  bottom: 60px;
}

.stream-like-button-wrap {
  display: block;
  position: absolute;
  z-index: 1015;
  right: 15px;
  bottom: 60px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.stream-like-button-wrap.stream-like-button-basic {
  right: 15px;
  bottom: 15px;
}

.stream-like-button-wrap .stream-like-button {
  display: block;
  width: 50px;
  height: 50px;
  background-image: url(../img/stream-like-button.png);
  background-repeat: no-repeat;
  background-size: 51px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 5px 0 #a12351;
  box-shadow: 0px 5px 0 #a12351;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.stream-like-button-wrap .stream-like-button:hover {
  cursor: pointer;
}

.stream-like-button-wrap .stream-like-button:active {
  -webkit-box-shadow: 0 0  #a12351;
  box-shadow: 0 0  #a12351;
  -webkit-transform: translateY(0.5em);
  transform: translateY(0.5em);
}

.stream-like-button-wrap .click-icon {
  font-size: 50px;
  color: #ff4347;
}

.stream-like-button-wrap .click-icon:nth-child(5n-4) {
  color: #ff439e;
}

.stream-like-button-wrap .click-icon:nth-child(5n-3) {
  color: rgba(255, 149, 188, 0.7);
}

.stream-like-button-wrap .click-icon:nth-child(5n-3):after {
  content: "\ea10";
  display: block;
  position: absolute;
  left: 5px;
  top: 0;
  font-size: 14px;
  color: #cf82ff;
  font-family: 'xeicon';
}

.stream-like-button-wrap .click-icon:nth-child(5n-3):before {
  content: "\ea10";
  display: block;
  position: absolute;
  top: -10px;
  right: 5px;
  font-size: 14px;
  color: #ff439e;
  font-family: 'xeicon';
}

.stream-like-button-wrap .click-icon:nth-child(5n-2) {
  color: rgba(255, 55, 128, 0.7);
}

.stream-like-button-wrap .click-icon:nth-child(5n-1) {
  color: rgba(255, 255, 255, 0.6);
}

.stream-like-button-wrap .like-mini {
  display: block;
}

.stream-like-button-wrap .click-icon-mini {
  font-size: 20px;
  display: block;
  color: blue;
  position: absolute;
}

.stream-like-button-wrap .click-icon-mini:after {
  content: "\ea10";
  display: block;
  position: absolute;
  left: -5px;
  top: 0;
  font-size: 14px;
  color: rgba(255, 149, 188, 0.7);
  font-family: 'xeicon';
}

.stream-like-button-wrap .click-icon-mini:before {
  content: "\ea10";
  display: block;
  position: absolute;
  top: -10px;
  left: -20px;
  font-size: 14px;
  color: rgba(255, 55, 128, 0.7);
  font-family: 'xeicon';
}

@-webkit-keyframes heart_float {
  0% {
    opacity: 1;
    top: -30px;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  12% {
    -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg);
  }
  24% {
    -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg);
    left: 3px;
    opacity: 0.9;
  }
  50% {
    -webkit-transform: rotateZ(-11deg);
    transform: rotateZ(-11deg);
    left: -3px;
    top: -120px;
  }
  70% {
    -webkit-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
    left: 3px;
    opacity: 0.6;
  }
  90% {
    left: -3px;
    opacity: 0.3;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    opacity: 0;
    top: -200px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  /* rotateZ(-5deg); */
}

@keyframes heart_float {
  0% {
    opacity: 1;
    top: -30px;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  12% {
    -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg);
  }
  24% {
    -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg);
    left: 3px;
    opacity: 0.9;
  }
  50% {
    -webkit-transform: rotateZ(-11deg);
    transform: rotateZ(-11deg);
    left: -3px;
    top: -120px;
  }
  70% {
    -webkit-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
    left: 3px;
    opacity: 0.6;
  }
  90% {
    left: -3px;
    opacity: 0.3;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    opacity: 0;
    top: -200px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  /* rotateZ(-5deg); */
}

@-webkit-keyframes heart_float2 {
  0% {
    opacity: 1;
    top: -40px;
    left: 47px;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  12% {
    -webkit-transform: rotateZ(40deg);
    transform: rotateZ(40deg);
  }
  24% {
    -webkit-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
    left: 53px;
    opacity: 0.9;
  }
  50% {
    -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg);
    left: 47px;
    top: -150px;
  }
  70% {
    -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg);
    left: 53px;
    opacity: 0.6;
  }
  90% {
    left: 60px;
    opacity: 0.3;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    left: 60px;
    opacity: 0;
    top: -250px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  /* rotateZ(-5deg); */
}

@keyframes heart_float2 {
  0% {
    opacity: 1;
    top: -40px;
    left: 47px;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  12% {
    -webkit-transform: rotateZ(40deg);
    transform: rotateZ(40deg);
  }
  24% {
    -webkit-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
    left: 53px;
    opacity: 0.9;
  }
  50% {
    -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg);
    left: 47px;
    top: -150px;
  }
  70% {
    -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg);
    left: 53px;
    opacity: 0.6;
  }
  90% {
    left: 60px;
    opacity: 0.3;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    left: 60px;
    opacity: 0;
    top: -250px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  /* rotateZ(-5deg); */
}

.chat-heart-animate2 {
  position: absolute;
  top: 0em;
  left: 0;
  -webkit-animation: heart_float2 0.7s linear forwards;
  animation: heart_float2 0.7s linear forwards;
}

.chat-heart-animate {
  /*   &:nth-child(2n-1){ */
  position: absolute;
  top: 0em;
  left: 0;
  -webkit-animation: heart_float 0.7s linear forwards;
  animation: heart_float 0.7s linear forwards;
  /*  } */
}

/* 기본영상 hover 시 좋아요 하트 버튼 */
.xe-shop-stream-video-box:hover .stream-like-button-wrap.stream-like-button-basic {
  bottom: 64px;
}

/* 재생 좋아요 count  */
.stream-count-info {
  position: absolute;
  top: 32px;
  left: 16px;
  z-index: 2000;
}

.stream-count-info .stream-count-item {
  position: relative;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  padding: 3px 8px;
  display: inline-block;
  min-width: 65px;
  text-align: center;
}

.stream-count-info .stream-count-item.stream-like-count .stream-count-item-icon {
  display: block;
  position: absolute;
  z-index: 1015;
  left: 10px;
  width: 11px;
  height: 11px;
  top: 50%;
  margin-top: -5px;
  background-image: url(../img/stream-like-count-color.svg);
  background-repeat: no-repeat;
  background-size: 11px;
}

.stream-count-info .stream-count-item.stream-play-count .stream-count-item-icon {
  display: block;
  position: absolute;
  z-index: 1015;
  left: 10px;
  top: 50%;
  margin-top: -5px;
  width: 8px;
  height: 11px;
  background-image: url(../img/stream-play-count.svg);
  background-repeat: no-repeat;
  background-size: 8px;
}

.stream-count-info .stream-count-item .stream-count-num {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  color: #fff;
  font-family: 'Inter';
  padding-left: 16px;
}

/* vod 풀스크린 control bar*/
.vjs-has-started .vjs-control-bar {
  z-index: 3000;
}

/* live 풀스크린 상태 */
.op-fullscreen .stream-full-chat {
  display: block;
  z-index: 1015;
}

.op-fullscreen .stream-full-chat:hover {
  cursor: pointer;
}

.op-fullscreen .stream-full-chat .stream-full-chat-icon {
  display: block;
  position: absolute;
  z-index: 1015;
  bottom: 60px;
  background-repeat: no-repeat;
  background-size: 24px;
  opacity: 1;
  /* &:before {
                content: '';
                position: absolute;
                display: block;
                left: 0;
                top: 0;
                width: 28px;
                height: 28px;
                z-index: 10;
                background-image: url(../img/full-chat-icon.png);
                background-repeat: no-repeat;
                background-size: 24px;

            } */
}

.op-fullscreen .stream-full-chat .stream-full-chat-icon:after {
  content: 'Chat';
  font-size: 13px;
  display: block;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.5px;
  color: #fff;
  border-radius: 16px;
  background-color: rgba(255, 55, 128, 0.8);
  position: absolute;
  width: 68px;
  left: 0;
  padding-left: 28px;
}

.op-fullscreen .stream-full-chat .stream-full-chat-icon {
  top: auto;
  bottom: 60px;
  left: 10px;
}

.op-fullscreen .stream-full-chat .stream-full-chat-icon.on {
  bottom: auto;
  top: 60px;
  z-index: 9999;
}

.op-fullscreen .stream-full-chat .stream-full-chat-icon.on:before {
  display: none;
}

.op-fullscreen .stream-full-chat .stream-full-chat-icon.on:after {
  padding-left: 10px;
  width: 76px;
  content: 'Chat close';
  background-color: rgba(255, 255, 255, 0.2);
  background-color: rgba(21, 21, 21, 0.2);
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}

.op-fullscreen .xe-shop-stream-chatting-content-full {
  display: block;
}

.op-fullscreen .xe-shop-stream-chatting-content-full {
  height: 70vh;
  margin-bottom: 40px;
  position: fixed;
  width: 500px;
  max-width: 500px;
  left: 10px;
  background-color: transparent;
  bottom: -100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 9999;
}

.op-fullscreen .xe-shop-stream-chatting-content-full.on {
  bottom: 0;
  left: 10px;
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list {
  height: 100%;
  padding: 60px 0px 100px;
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list.on {
  padding: 0 0 40px;
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .chat-disabled-box-notice {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666;
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box {
  height: 100%;
  list-style: none;
  margin: 0;
  /*  padding: 60px 0px 100px; */
  padding: 0;
  background-color: transparent;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera*/
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box li {
  position: relative;
  border: 0;
  margin-bottom: 4px;
  word-break: break-all;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: rgba(255, 255, 255, 0.6);
  margin-left: 37px;
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box li.chat-admin .shop-stream-chatting-box-line {
  background-color: #ff3780;
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box li.chat-admin .shop-stream-chat-profile {
  background-color: #ff3780;
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box li.active .shop-stream-chatting-box-line {
  background-color: rgba(0, 0, 0, 0.4);
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box li .shop-stream-chatting-box-line {
  display: inline-block;
  padding: 3px 6px;
  border-radius: 4px;
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box .shop-stream-chat-profile {
  display: block;
  position: absolute;
  /*  z-index: 1015; */
  left: -37px;
  top: 5px;
  width: 32px;
  height: 32px;
  background-image: url(../img/full-chat-icon.png);
  background-repeat: no-repeat;
  background-size: 32px;
  border-radius: 50%;
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box .shop-stream-chat-user {
  display: block;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  opacity: 0.5;
  color: #fff;
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box .shop-stream-chat-text {
  display: block;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  font-weight: 500;
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write {
  position: absolute;
  bottom: 60px;
  width: 100%;
  height: 38px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.15);
  margin: 0;
  /*  padding: 8px; */
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write.on {
  width: 100vw;
  bottom: 0;
  left: -10px;
  background-color: rgba(255, 255, 255, 0.9);
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write.on input {
  background-image: url(../img/full-chat-icon-on.svg);
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write.on .chatting-send {
  display: inline-block;
  color: #666;
  font-weight: 600;
  font-size: 13px;
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input {
  border: 0;
  width: 100%;
  height: 100%;
  height: 38px;
  color: #fff;
  background-color: transparent;
  z-index: 50;
  font-size: 15px;
  background-image: url(../img/full-chat-icon.png);
  background-repeat: no-repeat;
  background-size: 22px;
  background-position: 4px 8px;
  padding-left: 34px;
  border-radius: 4px;
  overflow: hidden;
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input:focus {
  outline: 0;
  color: #333;
  /*                         background-color:  rgba(255,255,255,0.95);
                    background-image: url(../img/full-chat-icon-on.svg);
                    position: absolute;
                    width: 100vw;
                    bottom: -59px;
                    left: -53px; */
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write .chatting-send {
  /* display: none; */
  position: absolute;
  right: 0;
  height: 38px;
  width: auto;
  border: 0;
  background-color: transparent;
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write .chatting-send:hover i {
  color: #ff3780;
}

.op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write .chatting-send i {
  font-size: 18px;
  color: #fff;
}

/* vod 풀스크린 상태 */
.vjs-fullscreen .stream-full-chat {
  display: block;
  z-index: 1015;
}

.vjs-fullscreen .stream-full-chat:hover {
  cursor: pointer;
}

.vjs-fullscreen .stream-full-chat .stream-full-chat-icon {
  display: block;
  position: absolute;
  z-index: 1015;
  right: 50px;
  bottom: 60px;
  width: 24px;
  height: 24px;
  opacity: 1;
}

.vjs-fullscreen .stream-full-chat .stream-full-chat-icon:before {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 28px;
  height: 28px;
  z-index: 10;
  background-image: url(../img/full-chat-icon.png);
  background-repeat: no-repeat;
  background-size: 24px;
}

.vjs-fullscreen .stream-full-chat .stream-full-chat-icon:after {
  content: 'Chat';
  font-size: 13px;
  display: block;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.5px;
  color: #fff;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.17);
  background-color: #ff3780;
  position: absolute;
  width: 68px;
  left: 0;
  padding-left: 28px;
}

.vjs-fullscreen .stream-full-chat .stream-full-chat-icon.on:after {
  content: 'Close';
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full {
  display: block;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full {
  height: 70vh;
  margin-bottom: 60px;
  position: fixed;
  width: 500px;
  max-width: 500px;
  left: 53px;
  background-color: transparent;
  bottom: -100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 9999;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full.on {
  bottom: 0;
  left: 53px;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list {
  height: 100%;
  padding: 60px 0px 100px;
  padding: 20px 0;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list.on {
  padding: 0 0 40px;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .chat-disabled-box-notice {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box {
  height: 100%;
  list-style: none;
  margin: 0;
  /*  padding: 60px 0px 100px; */
  padding: 0;
  background-color: transparent;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera*/
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box li {
  position: relative;
  padding: 3px 6px;
  border-radius: 4px;
  border: 0;
  /*       background-color: rgba(0, 0, 0, 0.75); */
  margin-bottom: 4px;
  word-break: break-all;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: rgba(255, 255, 255, 0.6);
  margin-left: 37px;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box li.chat-admin {
  background-color: #ff3780;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box li.chat-admin .shop-stream-chat-profile {
  background-color: #ff3780;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box li.active {
  background-color: rgba(0, 0, 0, 0.4);
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box li.stream-chat-replay-wrap {
  margin: 10px 0;
  margin-left: 0px;
  padding-left: 0;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box li.stream-chat-replay-wrap .stream-chat-replay-notice {
  position: relative;
  background-color: rgba(235, 235, 236, 0.85);
  border-radius: 4px;
  overflow: hidden;
  padding: 10px;
  padding-left: 52px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.2px;
  color: #141414;
  font-weight: 600;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box li.stream-chat-replay-wrap .stream-chat-replay-notice .chat-replay-icon {
  position: absolute;
  left: 10px;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(../img/chat-icon-color.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box .shop-stream-chat-profile {
  display: block;
  position: absolute;
  /*  z-index: 1015; */
  left: -37px;
  top: 5px;
  width: 32px;
  height: 32px;
  background-image: url(../img/full-chat-icon.png);
  background-repeat: no-repeat;
  background-size: 32px;
  border-radius: 50%;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box .shop-stream-chat-user {
  display: block;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  opacity: 0.5;
  color: #fff;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box .shop-stream-chat-text {
  display: block;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  font-weight: 500;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write {
  position: absolute;
  bottom: 60px;
  width: 100%;
  height: 38px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.15);
  margin: 0;
  /*  padding: 8px; */
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write.on {
  width: 100%;
  bottom: 0;
  left: -53px;
  background-color: rgba(255, 255, 255, 0.9);
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write.on input {
  background-image: url(../img/full-chat-icon-on.svg);
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write.on .chatting-send {
  width: auto;
  display: inline-block;
  color: #666;
  font-weight: 600;
  font-size: 12px;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input {
  border: 0;
  width: 100%;
  height: 100%;
  height: 38px;
  color: #fff;
  background-color: transparent;
  z-index: 50;
  font-size: 15px;
  background-image: url(../img/full-chat-icon.png);
  background-repeat: no-repeat;
  background-size: 22px;
  background-position: 4px 8px;
  padding-left: 34px;
  border-radius: 4px;
  overflow: hidden;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input:focus {
  outline: 0;
  color: #333;
  /*                         background-color:  rgba(255,255,255,0.95);
                    background-image: url(../img/full-chat-icon-on.svg);
                    position: absolute;
                    width: 100vw;
                    bottom: -59px;
                    left: -53px; */
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write .chatting-send {
  display: none;
  position: absolute;
  right: 0;
  height: 38px;
  width: 32px;
  border: 0;
  background-color: transparent;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write .chatting-send:hover i {
  color: #ff3780;
}

.vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write .chatting-send i {
  font-size: 18px;
  color: #fff;
}

@media (min-width: 992px) {
  /* 좋아요 button */
  .stream-like-button-wrap {
    right: 15px;
  }
  /*live 풀스크린 상태 */
  .op-fullscreen .stream-full-chat .stream-full-chat-icon {
    left: 53px;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write {
    min-width: 700px;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input {
    font-size: 16px;
    color: #fff;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input:focus {
    color: #666;
    outline: 0;
    outline: 0;
  }
  /* vod 풀스크린 상태 */
  .vjs-fullscreen .stream-full-chat .stream-full-chat-icon {
    display: block;
    position: absolute;
    z-index: 1015;
    right: 90px;
    bottom: 100px;
    width: 30px;
    height: 30px;
    /*  background-image: url(../img/full-chat-icon.png);
 */
    background-repeat: no-repeat;
    background-size: 30px;
    /*  opacity: 0.7; */
  }
  .vjs-fullscreen .stream-full-chat .stream-full-chat-icon:before {
    content: '';
    background-size: 28px;
  }
  .vjs-fullscreen .stream-full-chat .stream-full-chat-icon:after {
    content: 'Chat';
    font-size: 14px;
    display: block;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: -0.5px;
    color: #fff;
    border-radius: 16px;
    /*   background-color: rgba(255, 255, 255, 0.17); */
    position: absolute;
    width: 80px;
    left: 0;
    padding-left: 35px;
  }
  .vjs-fullscreen .stream-full-chat .stream-full-chat-icon.on:after {
    content: 'Close';
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write {
    min-width: 700px;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input {
    font-size: 16px;
    color: #fff;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input:focus {
    color: #fff;
    outline: 0;
  }
}

@media (orientation: portrait) {
  /* 세로 모드 Portrait 모드일 때 적용할 CSS */
  .stream-count-info {
    left: 10px;
  }
  /*live 풀스크린 상태 */
  .op-fullscreen .stream-like-button-wrap {
    right: 10px;
  }
  .op-fullscreen .stream-full-chat {
    display: block;
  }
  .op-fullscreen .stream-full-chat .stream-full-chat-icon {
    left: 10px;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full {
    display: block;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full {
    height: 100%;
    position: absolute;
    width: 75%;
    max-width: 500px;
    left: 10px;
    background-color: transparent;
    bottom: -140%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 9000;
    margin-bottom: 100px;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full.on {
    bottom: 0;
    left: 10px;
    height: 50vh;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list {
    height: 100%;
    padding: 0;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .chat-disabled-box-notice {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box {
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
    overflow-y: scroll;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box li {
    padding: 8px 10px;
    border-radius: 4px;
    border: 0;
    margin-bottom: 4px;
    word-break: break-all;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.6px;
    color: rgba(255, 255, 255, 0.6);
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write {
    position: absolute;
    bottom: -40px;
    width: 100%;
    height: 38px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.15);
    overflow: hidden;
    margin: 0;
    padding: 0px;
    z-index: 9100;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write.on {
    width: 100%;
    bottom: -40px;
    left: auto;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input {
    border: 0;
    width: 100%;
    height: 100%;
    height: 38px;
    /*  padding: 16px; */
    background-color: transparent;
    z-index: 50;
    font-size: 15px;
    background-image: url(../img/full-chat-icon-opacity.png);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 4px 8px;
    padding-left: 34px;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input::placeholder {
    color: rgba(255, 255, 255, 0.7);
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input:focus {
    outline: 0;
    color: #333;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write .chatting-send {
    position: absolute;
    right: 0;
    height: 32px;
    width: auto;
    border: 0;
    background-color: transparent;
    top: 4px;
    color: #666;
    font-weight: 600;
    font-size: 12px;
    font-family: 'Inter','Noto Sans KR', sans-serif !important;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write .chatting-send:hover i {
    color: #ff3780;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write .chatting-send i {
    font-size: 18px;
    color: #fff;
  }
  .vjs-fullscreen .stream-like-button-wrap {
    right: 10px;
  }
  .vjs-fullscreen .stream-full-chat {
    display: block;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full {
    display: block;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full {
    height: 100%;
    position: fixed;
    width: 75%;
    max-width: 500px;
    left: 10px;
    background-color: transparent;
    bottom: -140%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 9000;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full.on {
    bottom: 0;
    left: 10px;
    height: 50vh;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list {
    height: 75%;
    padding: 0;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .chat-disabled-box-notice {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box {
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
    overflow-y: scroll;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list .shop-stream-chatting-box li {
    padding: 8px 10px;
    border-radius: 4px;
    border: 0;
    margin-bottom: 12px;
    word-break: break-all;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.6px;
    color: rgba(255, 255, 255, 0.6);
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write {
    position: absolute;
    bottom: 60px;
    width: 100%;
    height: 38px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.15);
    overflow: hidden;
    margin: 0;
    padding: 0px;
    z-index: 9100;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write.on {
    width: 100%;
    bottom: 60px;
    left: auto;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input {
    border: 0;
    width: 100%;
    height: 100%;
    height: 38px;
    /*  padding: 16px; */
    background-color: transparent;
    z-index: 50;
    font-size: 15px;
    background-image: url(../img/full-chat-icon-opacity.png);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 4px 8px;
    padding-left: 34px;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input::placeholder {
    color: rgba(255, 255, 255, 0.7);
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input:focus {
    outline: 0;
    color: #333;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write .chatting-send {
    position: absolute;
    right: 0;
    height: 32px;
    width: 32px;
    border: 0;
    background-color: transparent;
    top: 4px;
    opacity: 0.4;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write .chatting-send:hover i {
    color: #ff3780;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write .chatting-send i {
    font-size: 18px;
    color: #fff;
  }
}

@media (orientation: portrait) and (min-width: 992px) {
  .op-fullscreen {
    /* 좋아요 button */
  }
  .op-fullscreen .stream-like-button-wrap {
    right: 53px;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full.on {
    /*  height: 100vh; */
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list {
    padding: 60px 0px 100px;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input {
    color: #fff;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input:focus {
    color: #fff;
  }
  .vjs-fullscreen {
    /* 좋아요 button */
  }
  .vjs-fullscreen .stream-like-button-wrap {
    right: 53px;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full.on {
    height: 100vh;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list {
    padding: 60px 0px 100px;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input {
    color: #fff;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write input:focus {
    color: #fff;
  }
}

@media (orientation: landscape) {
  /*가로 모드  Landscape 모드일 때 적용할 CSS */
}

@media (orientation: landscape) and (max-width: 992px) {
  .op-fullscreen .xe-shop-stream-chatting-content-full {
    height: 70vh;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list {
    padding: 0;
    padding-bottom: 42px;
    padding-top: 44px;
  }
  .op-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write {
    bottom: 0px;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full {
    height: 70vh;
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list {
    padding: 0;
    /*  padding-bottom: 42px; */
  }
  .vjs-fullscreen .xe-shop-stream-chatting-content-full .xe-shop-stream-chatting-list-write {
    bottom: 0px;
  }
}

@media (orientation: landscape) {
  .op-fullscreen .stream-full-chat.screen-ratio {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 56.25vw;
    max-height: 100vh;
    max-width: 177.78vh;
    /* margin: auto; */
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 50%;
    right: 0;
  }
  .vjs-fullscreen .stream-full-chat.screen-ratio {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 56.25vw;
    max-height: 100vh;
    max-width: 177.78vh;
    /* margin: auto; */
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 50%;
    right: 0;
  }
}

/*  */
.op-fullscreen .xe-shop-stream-chatting-content-full {
  display: block;
}

.op-fullscreen .xe-shop-stream-chatting-content-full.view-active {
  display: none !important;
}

.op-fullscreen .stream-full-chat-icon {
  display: block;
}

.op-fullscreen .stream-full-chat-icon.view-active {
  display: none !important;
}

.op-fullscreen .stream-count-info {
  display: block;
}

.op-fullscreen .stream-count-info.view-active {
  display: none !important;
}

/*  채팅풀화면 /chat */
.xe-shop-only-chat-warp .xe-shop-stream-chatting-content {
  height: 400px;
  height: 100%;
  max-height: 100vh;
  background-color: #666;
  position: fixed;
  width: 100%;
  left: 0;
  background-color: #fff;
  bottom: -150%;
  bottom: 0;
  /*     height: 85%; */
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 9999;
  /*   &.on{
            bottom: 0;
        } */
}

.xe-shop-only-chat-warp .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top {
  margin: 0;
  padding: 12px 15px;
  background-color: #141414;
  position: absolute;
  width: 100%;
}

.xe-shop-only-chat-warp .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top .xe-shop-stream-chatting-title {
  margin: 0;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.6px;
  color: #fff;
  position: relative;
  top: auto;
  right: auto;
}

.xe-shop-only-chat-warp .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top .xe-shop-stream-chatting-title .xe-shop-stream-chatting-title-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(../img/full-chat-icon.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 2px;
}

.xe-shop-only-chat-warp .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top .xe-shop-stream-chatting-status {
  display: inline-block;
  border-radius: 13px;
  background-color: #ff3780;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  color: #fff;
  padding: 4px  12px;
  float: right;
  margin-right: 0;
}

.xe-shop-only-chat-warp .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top .xe-shop-stream-chatting-status.chatting-off {
  background-color: #666;
}

.xe-shop-only-chat-warp .xe-shop-stream-chatting-content .xe-shop-stream-chatting-content-top .xe-shop-stream-chatting-pop-close {
  position: absolute;
  line-height: 28px;
  right: 15px;
  font-size: 20px;
  color: #fff;
}

.xe-shop-only-chat-warp .xe-shop-stream-chatting-list {
  height: 100%;
  padding-bottom: 48px;
}

.xe-shop-only-chat-warp .xe-shop-stream-chatting-list .shop-stream-chatting-box {
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0px 15px;
  background-color: #f0f0f0;
  overflow-y: scroll;
}

.xe-shop-only-chat-warp .xe-shop-stream-chatting-list .shop-stream-chatting-box li {
  /*            padding:8px 10px;
                border-radius:30px;
                border: solid 1px #e0e0e0;
                background-color: #ffffff;
                margin-bottom: 4px;
                word-break: break-all;
                font-size: 14px;
                line-height: 20px;
                letter-spacing: -0.6px;
                color: #141414; */
  /*      &.active{
                    border: solid 1px #ff3780;
                    color: #ff3780;
                } */
}

.xe-shop-only-chat-warp .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 48px;
}

.xe-shop-only-chat-warp .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write input {
  border: 0;
  width: 100%;
  height: 100%;
  padding: 16px;
  padding-left: 50px;
}

.xe-shop-only-chat-warp .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write input:focus {
  outline: none;
}

.xe-shop-only-chat-warp .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write .chatting-send {
  position: absolute;
  right: 0;
  height: 48px;
  width: 48px;
  border: 0;
  background-color: #fff;
}

.xe-shop-only-chat-warp .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write .chatting-send:hover i {
  color: #ff3780;
}

.xe-shop-only-chat-warp .xe-shop-stream-chatting-list .xe-shop-stream-chatting-list-write .chatting-send i {
  font-size: 24px;
  color: #141414;
}

@media (min-width: 992px) {
  /* .xe-shop-only-chat-warp{
        .xe-shop-stream-chatting-content {
        height: 400px;
        background-color: #666;
        position: relative;
        width: 100%;
        left: 0;
        background-color: #fff;
        bottom: -150%;

        transition: all 0.5s ease-in-out;
        z-index: 50;
        display: block;

        &.on{
            bottom: 0;

        }

        .xe-shop-stream-chatting-content-top {
                margin: 0;
                padding: 12px 15px;
                background-color: #141414;
                position: absolute;
                    width: 100%;


            .xe-shop-stream-chatting-title {
                margin: 0;
                display: inline-block;
                font-size: 16px;
                font-weight: 500;
                line-height: 28px;
                letter-spacing: -0.6px;
                color: #fff;

            }

            .xe-shop-stream-chatting-status {
                display: inline-block;
                border-radius: 13px;
                background-color: #ff3780;
                font-size: 12px;
                font-weight: 600;
                line-height: 15px;
                color: #fff;
                padding: 4px  12px;
                margin-right: 0;
            }

            .xe-shop-stream-chatting-pop-close {
                display: none;
            }
        }
        }
        .xe-shop-stream-chatting-list {
            height: 100%;

            .chat-disabled-box-notice {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                font-size: 16px;
                display: flex;
                text-align: center;
                justify-content: center;
                align-items: center;
                color: #666;
            }

            .shop-stream-chatting-box {
                height: 100%;
                list-style: none;
                margin: 0 ;
                padding: 60px 15px;
                background-color: #f0f0f0;
                overflow-y: scroll;

                li {
                    padding:8px 10px;
                    border-radius: 5px;
                    border: solid 1px #e0e0e0;
                    background-color: #ffffff;
                    margin-bottom: 4px;
                    word-break: break-all;
                    font-size: 14px;
                    line-height: 20px;
                    letter-spacing: -0.6px;
                    color: #141414;
                }
            }
            .xe-shop-stream-chatting-list-write {
                position: absolute;
                bottom: 0;
                width: 100%;
                height: 48px;

                input {
                    border: 0;
                    width: 100%;
                    height: 100%;
                    padding: 16px;

                }

                .chatting-send {
                    position: absolute;
                    right: 0;
                    height: 48px;
                    width: 48px;
                    border: 0;
                    background-color: #fff;

                    &:hover {
                        i {
                            color: #ff3780;
                        }
                    }

                    i {
                        font-size: 24px;
                        color:#141414;
                    }

                }

            }
        }
    } */
}

/* 공연장 에러 페이지  */
.error-page-contents {
  margin-top: 0;
  /*     width: 100%; */
  background-color: transparent;
  border: 0;
}

.xf-widget-error-bg {
  background-color: #f7f7f9;
  position: absolute;
  top: 0px;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  bottom: 0;
  height: 110%;
  z-index: -1;
}

.xf-widget-error-section {
  position: relative;
  margin-top: -28px;
  padding: 30px 0;
  min-height: 500px;
}

.xf-widget-error-section .xf-widget-error-content .xf-widget-error-img {
  margin: 0 auto;
  width: 240px;
}

.xf-widget-error-section .xf-widget-error-content .xf-widget-error-img img {
  width: 100%;
}

.xf-widget-error-section .xf-widget-error-content .xf-widget-error-notice {
  margin-top: 32px;
  text-align: center;
  padding-bottom: 50px;
}

.xf-widget-error-section .xf-widget-error-content .xf-widget-error-notice .error-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #000;
  margin-bottom: 8px;
  text-align: center;
}

.xf-widget-error-section .xf-widget-error-content .xf-widget-error-notice .error-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.4px;
  text-align: center;
  color: #9c9c9c;
  margin-bottom: 40px;
}

.xf-widget-error-section .xf-widget-error-content .xf-widget-error-notice .error-page-refresh {
  width: 168px;
  height: 52px;
  background-color: #ff3780;
  display: block;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  line-height: 52px;
  letter-spacing: -0.2px;
  text-decoration: none;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .xf-widget-error-section {
    position: relative;
    padding: 50px 0;
    min-height: 1000px;
    margin-top: -62px;
  }
  .xf-widget-error-section .xf-widget-error-content {
    padding-top: 100px;
  }
  .xf-widget-error-section .xf-widget-error-content .xf-widget-error-img {
    margin: 0 auto;
    width: 280px;
  }
  .xf-widget-error-section .xf-widget-error-content .xf-widget-error-img img {
    width: 100%;
  }
  .xf-widget-error-section .xf-widget-error-content .xf-widget-error-notice {
    margin-top: 32px;
    text-align: center;
  }
  .xf-widget-error-section .xf-widget-error-content .xf-widget-error-notice .error-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: -0.4px;
    color: #000;
    margin-bottom: 8px;
    text-align: center;
  }
  .xf-widget-error-section .xf-widget-error-content .xf-widget-error-notice .error-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.4px;
    text-align: center;
    color: #9c9c9c;
    margin-bottom: 40px;
  }
  .xf-widget-error-section .xf-widget-error-content .xf-widget-error-notice .error-page-refresh {
    width: 168px;
    height: 52px;
    background-color: #ff3780;
    display: block;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: -0.2px;
    text-decoration: none;
    margin: 0 auto;
  }
}

.xe-shop-stream-wrap .multi-view-container .view-pop {
  position: absolute;
  bottom: 24px;
  left: 24px;
  width: 156px;
  height: 280px;
  z-index: 1020;
}

.xe-shop-stream-wrap .multi-view-container .view-pop .ovenplayer {
  top: auto;
  bottom: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.split-screen-select-wrap {
  z-index: 1015;
}

.split-screen-select-wrap.full-screen-select {
  display: none;
}

/* 일반화면 멀티뷰 select btn */
.split-screen-select .split-screen-select-box {
  background-color: #000;
  padding: 4px;
}

.split-screen-select .split-screen-select-box .split-screen-select-list .split-screen-select-item {
  position: relative;
  width: 88px;
}

.split-screen-select .split-screen-select-box .split-screen-select-list .split-screen-select-item.split-screen-main {
  width: 156px;
}

.split-screen-select .split-screen-select-box .split-screen-select-list .split-screen-select-item.split-screen-main .split-select-thumbnail {
  background-image: url("../img/dan_empty-image.jpeg");
  padding-top: 56.3%;
}

.split-screen-select .split-screen-select-box .split-screen-select-list .split-screen-select-item.view-active .split-select-thumbnail:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-color: rgba(255, 55, 128, 0.8);
  background-image: none;
}

.split-screen-select .split-screen-select-box .split-screen-select-list .split-screen-select-item.view-active .split-select-thumbnail:after {
  content: '';
  position: absolute;
  display: block;
  width: 36px;
  height: 36px;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  margin-left: -18px;
  background-image: url(../img/timer-icon.png);
  background-repeat: no-repeat;
  background-size: 36px;
}

.split-screen-select .split-screen-select-box .split-screen-select-list .split-screen-select-item .split-select-thumbnail {
  width: 100%;
  height: 100%;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url("../img/screen-thumbnail.png");
}

.split-screen-select .split-screen-select-box .split-screen-select-list .split-screen-select-item .split-select-thumbnail:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(0, 0, 0, 0)), to(#000000));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 1%, #000000);
}

.split-screen-select .split-screen-select-box .split-screen-select-list .split-screen-select-item .split-select-title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.35px;
  text-align: center;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: 8px;
  margin: 0;
  z-index: 10;
}

/* 풀화면 멀티뷰 select btn */
.op-fullscreen .full-screen-select.split-screen-select-wrap {
  display: none;
  width: auto;
  max-width: 96px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-color: #000;
  padding: 4px;
}

.op-fullscreen .full-screen-select.split-screen-select-wrap.on {
  display: block;
}

.op-fullscreen .full-screen-select.split-screen-select-wrap .split-screen-select {
  max-height: 500px;
  max-height: 100vh;
  overflow-y: auto;
}

.op-fullscreen .full-screen-select.split-screen-select-wrap .split-screen-select-box {
  padding: 0;
  height: 100%;
}

.op-fullscreen .full-screen-select.split-screen-select-wrap .split-screen-select-box .split-screen-select-list {
  height: auto;
}

.op-fullscreen .full-screen-select.split-screen-select-wrap .split-screen-select-box .split-screen-select-list .swiper-slide + .swiper-slide {
  margin-top: 4px;
}

.op-fullscreen .full-screen-select.split-screen-select-wrap .split-screen-select-box .split-screen-select-list .split-screen-select-item.split-screen-main {
  width: 88px;
}

.op-fullscreen .full-screen-select.split-screen-select-wrap .split-screen-select-box .split-screen-select-list .split-screen-select-item.split-screen-main .split-select-thumbnail {
  padding-top: 100%;
}

/* 풀화면 멀티뷰 select btn 스크롤 */
.op-wrapper.ovenplayer .full-screen-select ::-webkit-scrollbar {
  width: 0;
}

/* 일반화면 멀티뷰 */
.multi-view-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  /*      height: 500px;  */
}

.multi-view-container .main-view {
  height: 100%;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
}

.multi-view-container .main-view > .ovenplayer {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.multi-view-container .multi-sub-view {
  padding-top: 56.25%;
}

.multi-view-container .multi-sub-view .ovenplayer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.multi-view-container .multi-sub-view .multi-close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  z-index: 180;
}

.multi-view-container .multi-sub-view .multi-close .multi-close-icon {
  font-size: 30px;
  font-weight: 800;
  color: #fff;
  display: block;
}

.multi-view-container .multi-sub-view .multi-close .multi-close-icon i {
  font-weight: 800;
}

.multi-view-container .view-1 {
  position: relative;
  width: 33.333%;
  height: 100%;
  background: #000;
  min-width: 33.3333%;
}

.multi-view-container .view-2 {
  position: relative;
  width: 33.333%;
  height: 100%;
  background: #000;
  min-width: 33.3333%;
}

.multi-view-container .view-3 {
  position: relative;
  width: 33.3333%;
  height: 100%;
  background: #000;
  min-width: 33.3333%;
}

.multi-view-notice {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: block;
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
  font-family: 'Inter','Noto Sans KR', sans-serif;
  z-index: -1;
}

.multi-view-notice .multi-view-notice-text {
  font-size: 15px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: -0.43px;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.8);
  line-height: 22px;
  padding: 8px 10px;
  min-width: 270px;
}

.op-fullscreen .multi-view-button {
  display: block;
}

/* 풀화면 멀티 뷰 open btn */
.multi-view-button {
  position: absolute;
  right: 32px;
  color: #ff3780;
  position: absolute;
  right: 32px;
  color: #ff3780;
  z-index: 1015;
  font-size: 50px;
  top: 50%;
  margin-top: -25px;
  text-align: right;
  display: none;
}

.multi-view-button:hover {
  cursor: pointer;
}

.multi-view-button .multi-view-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 50px;
}

.multi-view-button .multi-view-icon .view-icon-dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -16px;
}

.multi-view-button .multi-view-icon .view-icon-dot .icon-dot {
  display: block;
  width: 4px;
  height: 4px;
  background-color: #ff3780;
  margin: 0 2px;
}

.multi-view-button .multi-view-text {
  display: block;
  margin-top: 4px;
  padding-right: 4px;
  font-size: 15px;
  letter-spacing: -0.2px;
  font-weight: 700;
  font-family: 'Inter','Noto Sans KR', sans-serif;
}

@media (min-width: 1240px) {
  .multi-view-container {
    min-height: 444px;
  }
}

#wrap .op-setting-panel {
  z-index: 99999999;
}

.xf-promotion-section {
  margin-top: -28px;
}

.xf-promotion-section .promotion-head::before {
  content: '';
  display: block;
  position: relative;
  top: 0;
  width: 100vw;
  left: 50%;
  height: 8px;
  margin-left: -50vw;
  background-color: #EFF0F3;
  z-index: -1;
}

.xf-promotion-section .promotion-head::after {
  content: '';
  display: block;
  position: relative;
  width: 100vw;
  left: 50%;
  height: 1px;
  margin-left: -50vw;
  background-color: #ececec;
  z-index: -1;
}

.xf-promotion-section .promotion-name-title-box {
  padding: 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.xf-promotion-section .promotion-name-title-box .promotion-name-title {
  margin: 0;
  font-size: 19px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.6px;
  text-align: left;
  color: #141414;
  text-transform: uppercase;
}

.xf-promotion-section .promotion-name-title-box .promotion-desc {
  font-size: 15px;
  line-height: 27px;
  color: #9c9c9c;
  letter-spacing: -0.11px;
}

.xe-promotion-wrap {
  padding: 24px 0;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list {
  margin-bottom: 24px;
  border-bottom: 1px solid #ececec;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list:last-child {
  border-bottom: 0;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box {
  border: 0;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-thumnail {
  overflow: hidden;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-thumnail .xe-promotion-img {
  padding-top: 56.23%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ddd;
  background-image: url("../img/promotion_1.jpg");
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-thumnail:hover {
  cursor: pointer;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-thumnail:hover .xe-promotion-img {
  -webkit-transform: scale(1.07);
  transform: scale(1.07);
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .promotion-info {
  margin: 0;
  padding: 15px 0 24px;
  border-bottom: 0;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .promotion-info .promotion-title {
  margin-bottom: 12px;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .promotion-info .promotion-title a {
  line-height: 25px;
  letter-spacing: -0.21px;
  color: #141414;
  font-size: 18px;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  max-height: 25px;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .promotion-info .promotion-title + .promotion-period {
  margin-top: 6px;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .promotion-info .promotion-desc-text {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #767676;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  max-height: 44px;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .promotion-info .promotion-period {
  font-size: 13px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.19px;
  color: #aeaeae;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area {
  margin: 0;
  padding: 15px;
  list-style: none;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area .xe-promotion-item-list {
  position: relative;
  padding-bottom: 20px;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area .xe-promotion-item-list::after {
  content: '';
  display: block;
  clear: both;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area .xe-promotion-item-list .xe-promotion-item-list-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-decoration: none;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area .xe-promotion-item-list .xe-promotion-item-list-link .xe-promotion-item-list-info {
  width: 100%;
  padding-right: 85px;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area .xe-promotion-item-list .xe-promotion-item-list-link .xe-promotion-item-list-info .xe-promotion-item-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #484848;
  margin-bottom: 8px;
  overflow: hidden;
  white-space: normal;
  max-height: 44px;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area .xe-promotion-item-list .xe-promotion-item-list-link .xe-promotion-item-list-info .xe-promotion-item-price {
  font-size: 15px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  line-height: 20px;
  letter-spacing: -0.21px;
  color: #141414;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area .xe-promotion-item-list .xe-promotion-item-list-link .xe-promotion-item-thumnail {
  width: 70px;
  position: absolute;
  right: 0;
  top: 0;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area .xe-promotion-item-list .xe-promotion-item-list-link .xe-promotion-item-thumnail .xe-promotion-item-thumnail-img {
  background-image: url("../img/promotion_2.jpg");
  width: 100%;
  padding-top: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ddd;
  border-radius: 3px;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-more {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-more .xe-promotion-more-link {
  font-size: 16px;
  text-decoration: none;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.23px;
  text-align: center;
  color: #3a3a3a;
  display: block;
  padding: 12px;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-more .xe-promotion-more-link .xe-promotion-more-icon {
  font-size: 14px;
}

@media (min-width: 768px) {
  .xe-promotion-wrap {
    padding: 15px 0;
  }
}

@media (min-width: 992px) {
  .xf-promotion-section {
    margin-top: -28px;
  }
  .xf-promotion-section .promotion-head::before {
    display: none;
  }
  .xf-promotion-section .promotion-head::after {
    width: 100%;
    left: 0;
    height: 1px;
    margin-left: 0;
    display: block;
  }
  .xf-promotion-section .promotion-name-title-box {
    padding: 20px 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .xf-promotion-section .promotion-name-title-box .promotion-name-title {
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.6px;
  }
  .xf-promotion-section .promotion-name-title-box .promotion-desc {
    font-size: 16px;
    margin-left: 12px;
  }
  .xe-promotion-detail-content {
    margin-top: -62px;
  }
  .xe-promotion-wrap {
    padding: 40px 0;
  }
  .xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list {
    margin-bottom: 25px;
    border-bottom: 0;
    padding: 0 15px;
  }
  .xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .promotion-info {
    padding: 15px 0;
  }
}

/* -------- 기획전 상세-------------------------------------------- */
.xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-info-wrap {
  position: relative;
}

.xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-info-wrap .xe-promotion-banner-info {
  padding: 24px 15px 36px;
  border-bottom: 1px solid #ececec;
}

.xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-info-wrap .xe-promotion-banner-info .xe-promotion-banner-title {
  margin: 0 0 10px;
  font-size: 19px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.48px;
  text-align: center;
  color: #141414;
}

.xe-promotion-detail .xepage-shopping-item-list-info .xepage-shopping-item-list--left-box .xepage-shopping-item-list-num .xepage-shopping-item-list__cateogry {
  font-size: 13px;
  letter-spacing: -0.4px;
  color: #484848;
  margin-right: 0;
}

.xe-promotion-detail .xepage-shopping-item-list-info .xepage-shopping-item-list--left-box .xepage-shopping-item-list-num .xepage-shopping-item-list__number {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #141414;
}

.xe-promotion-detail .xepage-shopping-item-list-info .xepage-shopping-item-list--right-box .xf-product__sort {
  float: right;
}

.xe-promotion-detail .xepage-shopping-item-list-info .xepage-shopping-item-list--right-box .mini-product-count-sort {
  margin-bottom: 0 !important;
  margin-right: 0;
}

.xe-promotion-detail .xepage-shopping-item-list-info .xepage-shopping-item-list--right-box .mini-product-count-sort button {
  font-size: 13px;
  letter-spacing: -0.4px;
  color: #484848;
  padding: 2px 8px;
}

.xe-promotion-detail .xepage-shopping-item-list-info .xepage-shopping-item-list--right-box .mini-product-count-sort button:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.xe-promotion-detail .xepage-shopping-item-list-info .xepage-shopping-item-list--right-box .mini-product-count-sort button::after {
  display: none;
}

.xe-promotion-detail .xepage-shopping-item-list-info .xepage-shopping-item-list--right-box .mini-product-count-sort button .xu-button-icon i {
  color: #d7d7d7;
}

.xe-promotion-detail .xepage-shopping-item-list-info .xepage-shopping-item-list--right-box .mini-product-count-sort .dropdown-menu {
  min-width: 130px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e0e0e0;
}

.xe-promotion-detail .xepage-shopping-item-list-info .xepage-shopping-item-list--right-box .mini-product-count-sort .dropdown-menu li a {
  color: #767676;
}

.xe-promotion-shop-list-section.section-shop-product .xf-product__list-more-btn .xf-product__list-more-link .xf-product__list-more-icon {
  margin-right: 8px;
  margin-left: 0;
}

@media (min-width: 768px) {
  .xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box {
    height: 300px;
  }
  .xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-box-bg {
    height: 300px;
  }
  .xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-info-wrap {
    padding-top: 200px;
    padding-left: 0;
    padding-right: 0;
  }
  .xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-info-wrap .xe-promotion-banner-info {
    padding: 40px 100px 56px;
  }
  .xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-info-wrap .xe-promotion-banner-info .xe-promotion-banner-title {
    margin: 0 0 14px;
    font-size: 28px;
    font-weight: 500;
    line-height: 38 px;
    letter-spacing: -0.48px;
    text-align: center;
    color: #141414;
  }
  .xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-info-wrap .xe-promotion-banner-info .xe-promotion-banner-text {
    max-width: 750px;
    margin: 0 auto;
  }
}

.xf-shop-page {
  margin-top: -28px;
}

/* 일반상품 목록 */
.xepage-shopping-name-title-box {
  margin: 0 -15px;
  position: relative;
}

.xepage-shopping-name-title-box::before {
  content: '';
  display: block;
  position: relative;
  top: 0;
  width: 100vw;
  left: 50%;
  height: 8px;
  margin-left: -50vw;
  background-color: #EFF0F3;
  z-index: -1;
}

.xepage-shopping-name-title-box::after {
  content: '';
  display: block;
  position: relative;
  width: 100vw;
  left: 50%;
  height: 1px;
  margin-left: -50vw;
  background-color: #ececec;
  z-index: -1;
}

.xepage-shopping-name-title-box .xepage-shopping-name-title {
  margin: 0;
  padding: 12px 15px;
  font-size: 19px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.6px;
  text-align: left;
  color: #141414;
  text-transform: uppercase;
}

.xepage-shopping .section-shop-product .xepage-shopping-item-list-info {
  margin-top: 20px;
  padding-bottom: 12px;
}

.xepage-shopping .section-shop-product .xepage-shopping-item-list-info .xepage-shopping-item-list--left-box .xepage-shopping-item-list-num {
  font-size: 13px;
  letter-spacing: -0.4px;
  color: #484848;
  margin-bottom: 0;
  height: auto;
  line-height: 20px;
}

.xepage-shopping .section-shop-product .xepage-shopping-item-list-info .xepage-shopping-item-list--left-box .xepage-shopping-item-list-num .xepage-shopping-item-list__number {
  color: #141414;
  font-weight: 500;
  display: inline-block;
  padding-left: 4px;
}

.xepage-shopping .section-shop-product .xepage-shopping-item-list-info .xepage-shopping-item-list--right-box {
  margin-bottom: 0 !important;
}

.xepage-shopping .section-shop-product .xepage-shopping-item-list-info .xu-dropdown button {
  padding: 2px 8px;
}

.xepage-shopping .section-shop-product .xepage-shopping-item-list-info .xu-dropdown .xu-button__text {
  font-size: 13px;
  letter-spacing: -0.4px;
  color: #484848;
  padding-right: 0;
}

.xepage-shopping .section-shop-product .xepage-shopping-item-list-info .xu-dropdown .xu-button-icon i {
  color: #d7d7d7;
}

.xepage-shopping .section-shop-product .xepage-shopping-item-list-info .xu-dropdown .xu-dropdown-menu {
  border: solid 1px #e0e0e0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  min-width: 130px;
  z-index: 80;
}

.xepage-shopping .section-shop-product .xepage-shopping-item-list-info .xu-dropdown .xu-dropdown-menu .xu-dropdown-menu__item a {
  color: #767676;
}

.xepage-shopping .section-xepage-paging {
  margin-bottom: 40px;
}

.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__thumbnail-link {
  margin-bottom: 10px;
}

.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__caption .xepage-shopping-item__caption-title a {
  font-weight: 600;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  max-height: 40px;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xepage-shopping .xepage-shopping-item-list .xepage-shopping-item .xepage-shopping-item__thumbnail .xepage-shopping-item__caption .xepage-shopping-item__caption-price {
  letter-spacing: -0.6px;
  font-size: 15px;
  font-weight: 500;
  color: #141414;
}

@media (min-width: 992px) {
  .xepage-shopping-name-title-box {
    position: relative;
    margin: 0;
  }
  .xepage-shopping-name-title-box::before {
    display: none;
  }
  .xepage-shopping-name-title-box::after {
    content: '';
    display: block;
    position: absolute;
    width: 100vw;
    height: 1px;
    left: 50%;
    margin-left: -50vw;
    bottom: 0;
    background-color: #ececec;
    z-index: -1;
  }
  .xepage-shopping-name-title-box .xepage-shopping-name-title {
    padding: 20px 0;
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.6px;
  }
}

/* 결제 페이지 */
.xepage-graybackground {
  width: 100vw;
  height: 100%;
  background-color: #f1f1f3;
  position: absolute;
  top: 0;
  left: 0;
}

.xepage-shopping {
  padding-bottom: 40px;
  /*   .xepage--point-color {
      color: #CC0000 !important;
    }
  */
}

.xepage-shopping .section-xepage-border.section-xepage-border--top {
  border-top: 2px solid #000;
}

.xepage-shopping .section-xepage-border.section-xepage-border--bottom {
  border-bottom: 2px solid #000;
}

.xepage-shopping .section-xepage-border.section-xepage-border--thin-top {
  border-top: 1px solid #000;
}

.xepage-shopping .section-xepage-border.section-xepage-border--thin-bottom {
  border-bottom: 1px solid #000;
}

.xepage-shopping .xu-form-group select.xu-form-group__control:focus,
.xepage-shopping .xu-form-group input.xu-form-group__control:focus {
  padding: 0 12px 0 12px;
  border: 1px solid #dfe1e6;
  border-radius: 4px;
  background-color: #fff;
}

.xepage-shopping .xu-form-group input.xu-form-group__control:hover {
  background-color: #fff;
}

.xepage-shopping .xu-form-group.xu-form-group--large select.xu-form-group__control:focus {
  line-height: 45px;
}

.xepage-shopping .xepage-input-box input.xu-form-group__control::-webkit-input-placeholder {
  color: #aeaeae;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.6px;
  opacity: 1;
}

.xepage-shopping .xepage-input-box input.xu-form-group__control::-moz-placeholder {
  color: #aeaeae;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.6px;
  opacity: 1;
}

.xepage-shopping .xepage-input-box input.xu-form-group__control:-ms-input-placeholder {
  color: #aeaeae;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.6px;
  opacity: 1;
}

.xepage-shopping .xepage-input-box input.xu-form-group__control::-ms-input-placeholder {
  color: #aeaeae;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.6px;
  opacity: 1;
}

.xepage-shopping .xepage-input-box select.xu-form-group__control,
.xepage-shopping .xepage-input-box input.xu-form-group__control::placeholder {
  color: #aeaeae;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.6px;
  opacity: 1;
}

.xepage-shopping .xepage-input-box select.xu-form-group__control option {
  color: #141414;
}

.xepage-shopping .xepage-breadcrumb {
  margin: 0 -15px 10px;
  padding: 16px;
}

.xepage-shopping .xepage-breadcrumb .xepage--breadcrumb-item {
  vertical-align: middle;
  font-weight: 500;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #aeaeae;
  display: inline-block;
}

.xepage-shopping .xepage-breadcrumb .xepage--breadcrumb-item .active {
  font-size: 17px;
  margin: 0;
}

.xepage-shopping .xepage-breadcrumb .xepage--breadcrumb-item:not(:last-child) {
  margin-right: 3px;
}

.xepage-shopping .xepage-breadcrumb .xepage--breadcrumb-item:not(:last-child):after {
  content: url("../img/angle-right.svg");
  margin-left: 7px;
}

.xepage-shopping .xu-label-checkradio input[type="checkbox"]:checked + .xu-label-checkradio__helper::after {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.xepage-shopping .xepage-page .section-xepage-title .xepage-title__title {
  font-weight: 700;
  font-size: 17px;
  margin: 0;
}

.xepage-shopping .xepage--point-back-color {
  background-color: #CC0000 !important;
}

.xepage-shopping .xepage--point-border-color {
  border-color: #CC0000 !important;
}

.xepage-shopping .xepage--main-text-color {
  color: #141414 !important;
}

.xepage-shopping .xepage--sub-text-color {
  color: #767676 !important;
}

.xepage-shopping .xepage-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.xepage-shopping .xepage-a {
  text-decoration: none;
}

.xepage-shopping .xepage-font-bold {
  font-weight: 700;
}

.xepage-shopping .xepage-font-medium {
  font-weight: 500;
}

.xepage-shopping .xepage-font-normal {
  font-weight: 400;
}

.xepage-shopping .xepage-font-title {
  font-weight: 700;
}

.xepage-shopping .xepage-font-sub-title {
  font-weight: 500;
}

@media (min-width: 992px) {
  .xepage-shopping .xepage-font-title {
    font-weight: 500;
  }
  .xepage-shopping .xepage-font-sub-title {
    font-weight: 400;
  }
}

.xepage-shopping .mypage-label {
  margin: 0;
  position: relative;
}

.xepage-shopping .xu-label-checkradio .xu-label-checkradio__helper {
  top: 2px;
}

.xepage-shopping .xu-label-checkradio .xu-label-checkradio__text {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #767676;
}

.xepage-shopping .xu-form-group {
  margin: 0;
}

.xepage-shopping .xu-form-group .mypage-input-label {
  display: none;
}

.xepage-shopping .xu-form-group .xu-form-group__box.xu-form-group__box--icon-right .xu-form-group__control,
.xepage-shopping .xu-form-group input.xu-form-group__control {
  background-color: #fff;
}

.xepage-shopping .xu-form-group .xu-label-checkradio,
.xepage-shopping .xu-form-group .xu-form-group__label {
  margin: 0;
  padding: 0;
}

.xepage-shopping .xepage-ship-modal {
  padding-right: 0 !important;
}

.xepage-shopping .mypage-checkbox:checked ~ div {
  background-color: #CC0000;
}

.xepage-shopping .mypage-checkbox-check {
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url("../img/check.svg");
  background-color: #e0e0e0;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center center;
  border-radius: 50%;
  cursor: pointer;
}

.xepage-shopping .mypage-section-title {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.6px;
  color: #141414;
  margin: 0;
  font-weight: 500;
}

.xepage-shopping .mypage-section-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #141414;
  margin: 0;
}

.xepage-shopping .mypage-section-tabs .nav-tabs {
  border-bottom: none;
}

.xepage-shopping .mypage-section-tabs .nav-tabs .nav-item {
  margin-bottom: 0;
}

.xepage-shopping .mypage-section-tabs .nav-tabs .nav-item:first-child {
  margin-right: 32px;
}

.xepage-shopping .mypage-section-tabs .nav-tabs .nav-item .nav-link {
  color: #141414;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 0;
  border: none;
}

.xepage-shopping .mypage-section-tabs .nav-tabs .nav-item .nav-link:hover {
  border: none;
}

.xepage-shopping .mypage-section-tabs .nav-tabs .nav-item .nav-link .mypage-checkbox-check {
  margin-right: 8px;
}

.xepage-shopping .mypage-section-tabs .nav-tabs .nav-item .nav-link.active {
  color: #141414;
  background-color: transparent;
  border: none;
}

.xepage-shopping .mypage-section-tabs .nav-tabs .nav-item .nav-link.active .mypage-checkbox-check {
  background-color: #CC0000;
}

.xepage-shopping .mypage-section-tabs .tab-content {
  margin-top: 18px;
}

.xepage-shopping .xepage-tab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.xepage-shopping .xepage-tab:not(:last-child) {
  margin-right: 32px;
}

.xepage-shopping .xepage-tab .mypage-checkbox-check {
  margin-right: 8px;
}

.xepage-shopping .xepage-section {
  margin: 0 -7px;
  padding: 16px;
  background-color: #fff;
}

.xepage-shopping .xepage-section.xepage-space {
  margin-bottom: 10px;
}

.xepage-shopping .xepage-section .xepage-title--arrow-box {
  height: 27px;
}

.xepage-shopping .xepage-section .xepage-title--arrow-box .xepage-title__arrow {
  background-image: url("../img/angle-up.svg");
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}

.xepage-shopping .xepage-section .xepage-title--arrow-box .xepage-title__arrow.open {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.xepage-shopping .xepage-section .section-xepage-noborder-contents {
  margin-top: 16px;
}

.xepage-shopping .xepage-section .section-xepage-contents {
  margin-top: 12px;
  padding-top: 16px;
}

.xepage-shopping .xepage-section .section-xepage-contents .list-group .list-group-item {
  padding: 16px 0;
}

.xepage-shopping .xepage-section .section-xepage-contents .list-group .list-group-item:first-child {
  padding-top: 0;
}

.xepage-shopping .xepage-section .section-xepage-contents .xepage-order-item-list {
  display: none;
}

.xepage-shopping .xepage-section .section-xepage-contents .xepage-order-item-list.open {
  display: block;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item__img {
  height: 70px;
  width: 70px;
  border-radius: 0;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-minishop .mypage-order-minishop__link {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #767676;
  padding-left: 20px;
  background-image: url("../img/home.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-minishop .mypage-order-minishop__link .mypage-order__minishop-name {
  font-weight: 500;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-order-item-title {
  padding: 0;
  margin: 0 0 8px 0;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-order-item-title .mypage-order__title-link {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.6px;
  color: #141414;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-order-item-details {
  color: #767676;
  line-height: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-order-item-details .mypage-order-item-option {
  margin-bottom: 4px;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-order-item-details .mypage-order-item-option:last-child {
  margin-bottom: 0;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-order-item-details .mypage-order-item-option .mypage-item__option-label {
  border: 1px solid #d7d7d7;
  font-size: 12px;
  letter-spacing: -1px;
  padding: 1px 5px 1px 4px;
  border-radius: 2px;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-order-item-details .mypage-order-item-option .mypage-item__option-text {
  font-size: 14px;
  letter-spacing: -0.4px;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-item-price {
  margin: 8px 0 0 0;
  font-size: 15px;
  line-height: 22px;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-item-price .mypage-item__price {
  font-weight: 400;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-item-price .mypage-item__price .font-weight-bold {
  font-weight: 700;
}

.xepage-shopping .xepage-section .section-xepage-contents .section-orderer-info {
  padding-top: 8px;
}

.xepage-shopping .xepage-section .section-xepage-contents .section-orderer-info .mypage-section-title {
  margin-bottom: 12px;
}

.xepage-shopping .xepage-section .section-xepage-contents .section-shipping-location-info .mypage-shipping-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 32px 0 26px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.xepage-shopping .xepage-section .section-xepage-contents .section-shipping-location-info .mypage-shipping-title .mypage-label {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}

.xepage-shopping .xepage-section .section-xepage-contents .section-shipping-location-info .mypage-shipping-title .mypage-label .mypage-section-title {
  padding-right: 34px;
}

.xepage-shopping .xepage-section .section-xepage-contents .section-shipping-location-info .mypage-shipping-title .mypage-label .mypage-checkbox-check {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.xepage-shopping .xepage-section .section-xepage-contents .section-shipping-location-info .mypage-shipping-title .mypage-before-location {
  margin-left: 8px;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: -1px;
  color: #CC0000;
  border: 1px solid #CC0000;
  border-radius: 2px;
  padding: 0 6px 0 3px;
}

.xepage-shopping .xepage-section .section-xepage-contents .section-shipping-location-info .mypage-register-default {
  margin-top: 16px;
}

.xepage-shopping .xepage-section .section-xepage-contents .section-shipping-location-info .xepage-input-address {
  background-image: url("../img/search.svg");
  background-position: right 10px center;
  background-repeat: no-repeat;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-section-message {
  margin: 32px 0 10px 0;
}

.xepage-shopping .xepage-section .section-xepage-contents .xepage-deposit-details {
  display: none;
  margin-top: 16px;
}

.xepage-shopping .xepage-section-payment {
  display: none;
  margin: 0 0 0 -15px;
}

.xepage-shopping .xepage-section-payment-mobile {
  margin: 0 -15px;
}

.xepage-shopping .xepage-final-payment {
  margin: 10px 0 0 0;
}

.xepage-shopping .xepage-final-payment .border-bottom {
  border-bottom: 1px solid #000;
}

.xepage-shopping .xepage-final-payment .section-xepage-border--top {
  border-color: #d7d7d7;
}

.xepage-shopping .xepage-final-payment .list-group-item {
  padding: 0;
}

.xepage-shopping .xepage-final-payment .list-group-item:not(:last-child) {
  margin-bottom: 12px;
}

.xepage-shopping .xepage-final-payment .xepage-price__text {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.6px;
}

.xepage-shopping .xepage-payment-btn-box {
  margin: 10px -15px 0;
}

.xepage-shopping .xepage-payment-btn-box .xepage-payment-btn {
  width: 100%;
  border-radius: 0;
  color: #fff;
  font-weight: 700;
  font-size: 19px;
  line-height: 24px;
  letter-spacing: -0.8px;
  padding: 15px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 768px) {
  .xepage-breadcrumb {
    background-color: transparent;
    margin: 0 0 50px 0;
    padding: 0;
  }
  .xepage-breadcrumb .xepage--breadcrumb-item {
    vertical-align: middle;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.5px;
    color: #aeaeae;
    display: inline-block;
  }
  .xepage-breadcrumb .xepage--breadcrumb-item .active {
    color: #141414;
    font-size: 20px;
    margin: 0;
  }
  .xepage-breadcrumb .xepage--breadcrumb-item:not(:last-child) {
    margin-right: 3px;
  }
  .xepage-breadcrumb .xepage--breadcrumb-item:not(:last-child):after {
    content: url("../img/angle-right.svg");
    margin-left: 7px;
  }
  .xepage-page .section-xepage-title .xepage-title__title {
    font-weight: 500;
    font-size: 18px;
  }
  .xepage-shopping .section-shop-product .xepage-shopping-item-list-info {
    margin-top: 32px;
    padding-bottom: 16px;
  }
  .xepage-shopping .xu-form-group .mypage-input-label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: -0.6px;
    color: #767676;
    height: 48px;
  }
  .xepage-shopping .section-xepage-add-more-info {
    padding: 20px 24px;
    border: 2px solid #e0e0e0;
    background-color: #fafafa;
  }
  .xepage-shopping .xepage-section {
    padding: 24px;
    margin: 0;
  }
  .xepage-shopping .xepage-section.xepage-space {
    margin-bottom: 15px;
  }
  .xepage-shopping .xepage-section .section-xepage-contents .list-group .list-group-item {
    padding: 16px 0;
  }
  .xepage-shopping .xepage-section .section-xepage-contents .list-group .list-group-item:first-child {
    padding-top: 0;
  }
  .xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-order-item-title {
    padding: 0;
    margin: 0 0 8px 0;
  }
  .xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-item-price {
    margin: 0;
  }
  .xepage-shopping .xepage-section .section-xepage-contents .section-orderer-info {
    padding-top: 8px;
  }
  .xepage-shopping .xepage-section .section-xepage-contents .section-shipping-location-info {
    margin-top: 32px;
  }
  .xepage-shopping .xepage-section .section-xepage-contents .section-shipping-location-info .mypage-before-location {
    margin-left: 21px;
  }
  .xepage-shopping .xepage-section .section-xepage-contents .section-shipping-location-info .mypage-register-default {
    margin-top: 18px;
  }
  .xepage-shopping .xepage-section .section-xepage-contents .mypage-section-message {
    margin: 52px 0 16px 0;
  }
  .xepage-shopping .xepage-final-payment {
    margin-top: 0;
    display: block;
  }
  .xepage-shopping .xepage-payment-btn-box {
    margin: 15px 0 0 0;
  }
  .xepage-shopping .xepage-section-payment-mobile {
    display: none;
  }
  .xepage-shopping .xepage-section-payment {
    display: block;
    position: relative;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
}

@media (min-width: 992px) {
  .xepage-shopping {
    padding-bottom: 62px;
  }
}

.xepage-my-page .section-xepage-mypage-card-list .card-img-top {
  padding-top: 100%;
}

/* 상품상세 디테일 */
/* 모바일 상품 상세 :퀵메뉴 , 구매버튼  푸터 영역 수정 */
.shop-theme .footer-layout {
  padding-bottom: 70px;
}

.shop-theme .xf-quick-menu {
  bottom: 130px;
}

.shop-theme .xepage-shopping-show.xepage-shopping .section-xepage-shopping-option-detail {
  z-index: 305;
  bottom: 60px;
}

.shop-theme .xepage-shopping-show.xepage-shopping .section-xepage-shopping-option-detail .option-detail__payment .xepage-button--wish[data-check="true"] i {
  color: #e81c2e;
}

.shop-theme .xepage-shopping-show.xepage-shopping .section-xepage-shopping-option-detail .option-detail__payment-button-box button {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 22px;
  padding: 12px !important;
  letter-spacing: -0.23px;
  text-align: center;
  background-color: #e81c2e;
  color: #fff;
  border: 0;
}

.shop-theme .xepage-shopping-show.xepage-shopping .section-xepage-shopping-option-detail .option-detail__payment-button-box button:hover {
  background-color: #d11929;
}

.shop-theme .xepage-shopping-show.xepage-shopping .section-xepage-shopping-option-detail .option-detail__payment-button-box .btn-outline-dark {
  border-top: 1px solid #e0e0e0;
}

.xepage-shopping-show {
  margin-top: -28px;
}

.xepage-shopping-show.xepage-shopping {
  /* 모바일  페이지네이션 */
  /* 쿠폰 */
  /* 상담,신청 버튼 */
  /* 상품상세 탭 */
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-slide {
  margin: 0 -15px;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-slide .xepage-product-slide .xe-product-detail-slide-img {
  padding-top: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info {
  margin-top: 18px;
  /* 상품상세 태그 */
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .product-detail-info-top {
  padding: 12px 0;
  border-bottom: 1px solid #d7d7d7;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .xf-product-tag-wrap {
  padding-top: 0;
  padding-bottom: 12px;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .xf-product-tag-wrap .xf-product-tag-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .xf-product-tag-wrap .xf-product-tag-list .xf-product-tag-item {
  margin-right: 4px;
  margin-bottom: 4px;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .xf-product-tag-wrap .xf-product-tag-list .xf-product-tag-item .tag-btn {
  display: block;
  border-radius: 20px;
  background-color: #fdfdfd;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.19px;
  color: #484848;
  padding: 5px 16px;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .title-box {
  position: relative;
  padding-bottom: 20px;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .title-box h1 {
  padding-right: 30px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #141414;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .btn-share-wrap {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  margin: 0;
  display: block;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .btn-share-wrap .btn-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .btn-share-wrap .share-icon {
  background-image: url(../img/icon-share.svg);
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .share-pop-close {
  padding: 12px;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .info-box {
  padding-top: 20px;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .info-box .info-box-product-desc {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: -0.6px;
  color: #484848;
  margin: 0 0 16px;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .info-box .section-xepage-table-column .row {
  margin: 0;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .product-detail-title-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .product-detail-title-info .product-detail-price-box .product-detail_regular_price {
  color: #9c9c9c !important;
  text-decoration: line-through;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.6px;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .product-detail-title-info .product-detail-price-box .product-detail_sale_price {
  margin-top: 0;
  line-height: 24px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.8px;
  color: #141414 !important;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .product-detail-title-info .product-detail-coupon {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .product-detail-title-info .product-detail-coupon .product-detail-coupon-text {
  width: 94px;
  height: 34px;
  border-radius: 3px;
  display: inline-block;
  border: 1.5px solid #e81c2e;
  color: #e81c2e;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -0.2px;
  text-align: center;
  padding: 3px 5px 4px;
  font-weight: 700;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  cursor: pointer;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .product-detail-title-info .product-detail-coupon .product-detail-coupon-text i {
  font-weight: 700;
}

.xepage-shopping-show.xepage-shopping .section-xepage-product-info .product-detail-title-info .product-detail-coupon .product-detail-coupon-text:hover {
  background-color: #e81c2e;
  color: #fff;
}

.xepage-shopping-show.xepage-shopping .option-detail__option .total-price {
  font-family: 'Inter';
  letter-spacing: -1px;
  font-size: 20px;
  color: #3a3a3a !important;
}

.xepage-shopping-show.xepage-shopping .xf-shop-product-paging-wrap {
  position: relative;
}

.xepage-shopping-show.xepage-shopping .xf-shop-product-paging-wrap .xf-shop-product-paging {
  position: absolute;
  bottom: 20px;
  right: 15px;
  padding: 5px 12px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  line-height: 15px;
}

.xepage-shopping-show.xepage-shopping .xf-shop-product-paging-wrap .xf-shop-product-paging .paging_info {
  letter-spacing: 1.6px;
  font-size: 12px;
  font-weight: 600;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap.modal {
  padding: 0 !important;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .modal-dialog {
  max-width: 375px;
  margin: 40px auto;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content {
  /*  max-width: 375px; */
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-head .coupon-pop-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #141414;
  letter-spacing: -0.4px;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-head .coupon-pop-close {
  font-size: 18px;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body {
  background-color: #f8f8f8;
  height: 100%;
  max-height: 530px;
  overflow-y: scroll;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100%;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list .coupon-pop-content-item {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-bottom: 8px;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list .coupon-pop-content-item .coupon-info {
  padding: 16px;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list .coupon-pop-content-item .coupon-info .coupon-sale {
  font-size: 16px;
  font-weight: 500;
  color: #141414;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list .coupon-pop-content-item .coupon-info .coupon-sale .coupon-price {
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -0.75px;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list .coupon-pop-content-item .coupon-info .coupon-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #CC0000;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list .coupon-pop-content-item .coupon-info .coupon-description {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.19px;
  color: #767676;
  margin: 0;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list .coupon-pop-content-item .coupon-download-box {
  margin-left: auto;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list .coupon-pop-content-item .coupon-download-box .coupon-download-link {
  display: block;
  width: 70px;
  background-color: #CC0000;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list .coupon-pop-content-item .coupon-download-box .coupon-download-link.coupon-downloaded {
  background-color: #d7d7d7;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list .coupon-pop-content-item .coupon-download-box .coupon-download-link.coupon-downloaded .coupon-download-icon.downloaded {
  display: block;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list .coupon-pop-content-item .coupon-download-box .coupon-download-link.coupon-downloaded .coupon-download-icon.download-active {
  display: none;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list .coupon-pop-content-item .coupon-download-box .coupon-download-link .coupon-download-icon {
  color: #fff;
  margin: 0 auto;
  display: block;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list .coupon-pop-content-item .coupon-download-box .coupon-download-link .coupon-download-icon.downloaded {
  display: none;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list .coupon-pop-content-item .coupon-download-box .coupon-download-link .coupon-download-icon.download-active {
  display: block;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list .coupon-pop-content-item .coupon-download-box .coupon-download-link .coupon-download-icon i {
  font-size: 24px;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-total-download {
  padding: 7px 0;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-total-download .coupon-total-download-button {
  padding: 12px;
  border: solid 1px #e0e0e0;
  background-color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.23px;
  text-align: center;
  width: 100%;
  color: #484848;
}

.xepage-shopping-show.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-total-download .coupon-total-download-button:hover {
  color: #CC0000;
}

.xepage-shopping-show.xepage-shopping .xf-shop-info-btn-wrap .xf-info-list {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 0;
  border-top: 1px solid #ececec;
}

.xepage-shopping-show.xepage-shopping .xf-shop-info-btn-wrap .xf-info-list li + li {
  position: relative;
}

.xepage-shopping-show.xepage-shopping .xf-shop-info-btn-wrap .xf-info-list li + li::before {
  content: '';
  width: 1px;
  height: 16px;
  background-color: #ececec;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}

.xepage-shopping-show.xepage-shopping .xf-shop-info-btn-wrap .xf-info-list .xf-info-item {
  width: 50%;
}

.xepage-shopping-show.xepage-shopping .xf-shop-info-btn-wrap .xf-info-list .xf-info-item .item-link {
  padding: 16px 4px 18px;
  color: #e81c2e;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.6px;
  line-height: 24px;
  text-align: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  background-color: #fff;
}

.xepage-shopping-show.xepage-shopping .xf-shop-info-btn-wrap .xf-info-list .xf-info-item .item-link.item-1 .item-icon {
  background-image: url(../img/icon-headset-red.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 26px;
  height: 26px;
  display: block;
  margin-right: 4px;
}

.xepage-shopping-show.xepage-shopping .xf-shop-info-btn-wrap.xf-shop-info-payment-pc {
  display: none;
  padding-left: 73px;
}

.xepage-shopping-show.xepage-shopping .xf-shop-info-btn-wrap.xf-shop-info-payment-pc .xf-info-list {
  border-top: 0;
  margin-top: 4px;
}

.xepage-shopping-show.xepage-shopping .xf-shop-info-btn-wrap.xf-shop-info-payment-pc .xf-info-list .xf-info-item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 2px;
  border: solid 1px #e0e0e0;
}

.xepage-shopping-show.xepage-shopping .xf-shop-info-btn-wrap.xf-shop-info-payment-pc .xf-info-list .xf-info-item .item-link {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.23px;
  text-align: center;
  color: #484848;
  padding: 12px 0;
}

.xepage-shopping-show.xepage-shopping .xf-shop-info-btn-wrap.xf-shop-info-payment-pc .xf-info-list .xf-info-item .item-link .item-icon {
  display: none;
}

.xepage-shopping-show.xepage-shopping .section-xepage-item-nav {
  padding: 15px 0;
  margin-top: 8px;
  position: relative;
  background-color: #fff;
  width: auto;
}

.xepage-shopping-show.xepage-shopping .section-xepage-item-nav::before {
  content: '';
  display: block;
  position: relative;
  top: -23px;
  width: 100vw;
  left: 50%;
  height: 8px;
  margin-left: -50vw;
  background-color: #EFF0F3;
}

.xepage-shopping-show.xepage-shopping .section-xepage-item-nav .nav {
  width: 100%;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #ececec !important;
}

.xepage-shopping-show.xepage-shopping .section-xepage-item-nav .nav li + li {
  border-left: solid 1px #ececec;
}

.xepage-shopping-show.xepage-shopping .section-xepage-item-nav .nav .nav-item {
  width: 25%;
}

.xepage-shopping-show.xepage-shopping .section-xepage-item-nav .nav .nav-item.active .nav-link {
  background-color: #141414;
  color: #fff;
}

.xepage-shopping-show.xepage-shopping .section-xepage-item-nav .nav .nav-item.active .nav-link em {
  color: #fff;
}

.xepage-shopping-show.xepage-shopping .section-xepage-item-nav .nav .nav-item .nav-link {
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: center;
  line-height: 20px;
  color: #767676;
  background-color: #f8f8f8;
  padding: 8px 4px 10px;
}

.xepage-shopping-show.xepage-shopping .section-xepage-item-nav .nav .nav-item .nav-link em {
  margin-top: 0;
  color: #767676;
  font-size: 13px;
  font-weight: 400;
}

.xepage-shopping-show.xepage-shopping .xe-seller {
  padding: 15px 0;
}

/* 상세정보 추가 컨텐츠 */
.xf-shop-product-part-section {
  position: relative;
  padding-top: 16px;
  padding-bottom: 32px;
  /* 관련자료 */
  /* 전문가 상담 */
}

.xf-shop-product-part-section .shop-product-part-tit {
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: -0.6px;
  color: #141414;
  padding: 14px 0;
}

.xf-shop-product-part-section.xf-shop-product-references-section .product-references-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.xf-shop-product-part-section.xf-shop-product-references-section .product-references-list .product-references-item {
  margin-bottom: 6px;
  max-width: 345px;
}

.xf-shop-product-part-section.xf-shop-product-references-section .product-references-list .product-references-item .product-references-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 15px;
  border-radius: 5px;
  background-color: #f7f8f9;
  text-decoration: none;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.xf-shop-product-part-section.xf-shop-product-references-section .product-references-list .product-references-item .product-references-box:hover {
  background-color: #f0f1f2;
}

.xf-shop-product-part-section.xf-shop-product-references-section .product-references-list .product-references-item .product-references-box .file-tit {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #484848;
}

.xf-shop-product-part-section.xf-shop-product-references-section .product-references-list .product-references-item .product-references-box .file-btn {
  color: #aeaeae;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.6px;
}

.xf-shop-product-part-section.xf-shop-product-references-section .product-references-list .product-references-item .product-references-box .file-btn:hover {
  text-decoration: underline;
  color: #484848;
}

.xf-shop-product-part-section.xf-shop-product-references-section .product-references-list .product-references-item .product-references-box .file-btn .file-icon {
  color: #4c5057;
  margin-left: 4px;
  font-size: 16px;
}

.xf-shop-product-part-section.xf-shop-product-consult-section::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  bottom: 0;
  z-index: -1;
  background-color: #f7f8f9;
}

.xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list li + li {
  margin-top: 15px;
}

.xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list .product-consult-item .product-consult-box {
  padding: 20px 24px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  height: 100%;
}

.xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list .product-consult-item .consult-info {
  position: relative;
  margin-bottom: 20px;
  padding-right: 100px;
}

.xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list .product-consult-item .consult-info .expert-name {
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: -0.77px;
  color: #141414;
}

.xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list .product-consult-item .consult-info .expert-mail {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #767676;
}

.xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list .product-consult-item .consult-info .expert-logo {
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../img/consult-logo.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 90px;
  height: 34px;
}

.xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list .product-consult-item .consult-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -3px;
}

.xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list .product-consult-item .consult-btn-wrap .consult-btn {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 8px;
  text-align: center;
  margin: 0 3px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.47px;
  color: #141414;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list .product-consult-item .consult-btn-wrap .consult-btn i {
  color: #e81c2e;
  font-size: 20px;
  margin-right: 6px;
}

@media (min-width: 768px) {
  .xepage-shopping-show {
    margin-top: 0;
  }
  .xepage-shopping-show.xepage-shopping {
    /* 모바일  페이지네이션 */
    /* 상담,신청 버튼 */
    /* 상품상세 탭 */
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-slide {
    margin: 0;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-slide .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -70px;
    z-index: 1;
    font-size: 0;
    background: none;
    border: none;
    color: #fff;
    outline: none;
    height: 48px;
    width: 48px;
    padding: 0;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-slide .slick-arrow:hover {
    cursor: pointer;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-slide .slick-arrow.slick-prev {
    left: 15px;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-slide .slick-arrow.slick-prev:before {
    font-family: 'xeicon';
    content: '\e93d';
    display: block;
    line-height: 48px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    font-size: 16px;
    font-weight: 700;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-slide .slick-arrow.slick-next {
    right: 15px;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-slide .slick-arrow.slick-next:before {
    font-size: 16px;
    font-family: 'xeicon';
    content: '\e940';
    display: block;
    line-height: 48px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    font-weight: 700;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-slide .slick-dots {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: static;
    -webkit-transform: none;
    transform: none;
    margin-top: 20px;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-slide .slick-dots > li {
    height: auto !important;
    /*     max-width: 14.4%;
                    flex: 0 0 14.4%; */
    border: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-right: 4px;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-slide .slick-dots > li:last-child {
    margin-right: 0;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-slide .slick-dots > li.slick-active::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    border: 1.5px solid #141414;
  }
  .xepage-shopping-show.xepage-shopping .xf-shop-product-paging-wrap {
    display: none;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info {
    margin-top: 0;
    /* 상품상세 태그 */
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .product-detail-info-top {
    padding: 0 0 16px;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .title-box {
    padding-bottom: 30px;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .title-box h1 {
    margin-top: 24px;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -0.7px;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .info-box {
    padding-top: 24px;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .info-box > p {
    font-size: 15px;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .info-box .section-xepage-table-column .row > div {
    line-height: 1.38;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .info-box .section-xepage-table-column .row > div.goods-desc-list {
    max-width: 72px;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .section-xepage-shopping-option-detail .option-detail__option-box {
    padding: 24px 0 0;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .section-xepage-shopping-option-detail .option-detail__option-box .xepage-option-item {
    padding: 24px 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .section-xepage-shopping-option-detail .option-detail__option-box .xepage-option-item .option-item-quantity-tit {
    width: 72px;
    margin-bottom: 0 !important;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .section-xepage-shopping-option-detail .option-detail__option-box .xepage-option-item .option-item-quantity-info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .section-xepage-shopping-option-detail .option-detail__option-box .xepage-option-item .option-item-quantity-info span {
    letter-spacing: -0.2px;
    font-weight: 400;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .section-xepage-shopping-option-detail .option-detail__option-box .section-purchase-total {
    margin-top: 0 !important;
    padding: 20px 0 0;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .section-xepage-shopping-option-detail .option-detail__payment .option-detail__payment-button-box button {
    background-color: #e81c2e;
    border: 1px solid #e81c2e;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    line-height: 1.5;
    padding: 12px 0 !important;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .section-xepage-shopping-option-detail .option-detail__payment .option-detail__payment-button-box button.btn-dark:hover {
    background-color: #d11929;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .section-xepage-shopping-option-detail .option-detail__payment .option-detail__payment-button-box button.btn-outline-dark {
    color: #484848 !important;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .section-xepage-shopping-option-detail .option-detail__payment .option-detail__payment-button-box button.btn2 {
    border: 1px solid #e0e0e0;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .section-xepage-shopping-option-detail .option-detail__payment .xepage-button--wish {
    width: 53px;
    margin-right: 20px;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .section-xepage-shopping-option-detail .option-detail__payment .xepage-button--wish i {
    font-size: 16px;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .section-xepage-shopping-option-detail .option-detail__payment .xepage-button--wish .xepage-icon--on {
    color: #e81c2e;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .section-xepage-shopping-option-detail .option-detail__payment .xepage-button--wish .xepage-button__text {
    font-size: 12px;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .product-detail-title-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .product-detail-title-info .product-detail-price-box .product-detail_sale_price {
    font-weight: 600;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .product-detail-title-info .product-detail-coupon {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .product-detail-title-info .product-detail-coupon .product-detail-coupon-text i {
    font-weight: 700;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info .product-detail-title-info .product-detail-coupon .product-detail-coupon-text:hover {
    background-color: #e81c2e;
    color: #fff;
  }
  .xepage-shopping-show.xepage-shopping .xf-shop-info-btn-wrap {
    display: none;
  }
  .xepage-shopping-show.xepage-shopping .xf-shop-info-btn-wrap.xf-shop-info-payment-pc {
    display: block;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-item-nav {
    margin-top: 48px;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-item-nav::before {
    display: none;
  }
  .xepage-shopping-show.xepage-shopping .section-xepage-item-nav .nav .nav-item .nav-link {
    padding: 15px 0;
  }
  /* 상세정보 추가 컨텐츠 */
  .xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -7.5px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list li + li {
    margin-top: 0;
  }
  .xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list .product-consult-item {
    width: 33.333%;
    padding: 0 7.5px;
  }
  .xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list .product-consult-item .consult-btn-wrap .consult-btn:hover {
    background-color: #f8f9fa;
  }
  .xf-board .xf-shop-product-part-section {
    padding: 20px 0;
  }
  .xf-board .xf-shop-product-part-section .shop-product-part-tit {
    display: none;
  }
  .xf-board .xf-shop-product-part-section.xf-shop-product-consult-section::before {
    width: 100%;
    left: 0;
    margin-left: 0;
    border-radius: 6px;
  }
  .xf-board .xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list {
    margin: 0;
    padding: 0 12px;
  }
  .xf-board .xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list .product-consult-item {
    width: 50%;
    padding: 0 7.5px;
  }
  .xf-board .xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list .product-consult-item .consult-info {
    padding-right: 90px;
  }
}

@media (min-width: 992px) {
  .xepage-shopping-show.xepage-shopping .section-xepage-product-info {
    padding-left: 30px;
  }
  .xf-board .xf-shop-product-part-section.xf-shop-product-consult-section::before {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
  .xf-board .xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
  }
  .xf-board .xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list li + li {
    margin-top: 0;
  }
  .xf-board .xf-shop-product-part-section.xf-shop-product-consult-section .product-consult-list .product-consult-item {
    width: 33.3333%;
  }
}

/* 결제 정보 */
.xepage-page .bg-refund {
  background-color: #fff !important;
}

@media (min-width: 992px) {
  .xepage-page .section-xepage-table-column .xepage-table-column-header {
    padding: 31px 15px 27px;
  }
}

/*  */
.navbar-collapse.show {
  visibility: visible;
  overflow-y: auto;
}

.theme-show {
  margin-top: -28px;
}

.theme-show .xepage-my-page-contents {
  display: none;
}

.theme-show .xf-my-content-area {
  margin: 0 -15px;
  /* 마이페이지 사이드 메뉴  */
}

.theme-show .xf-my-content-area .xepage-my-page-aside {
  padding: 0;
}

.theme-show .xf-my-content-area .xepage-my-page-aside .xepage-my-page-user {
  background-color: #2c2c2c;
}

.theme-show .xf-my-content-area .xepage-my-page-aside .xepage-my-page-user.my-page-user-mobile {
  display: block;
}

.theme-show .xf-my-content-area .xepage-my-page-menu {
  padding: 0 15px;
  min-height: auto;
}

.theme-show .xf-my-content-area .xepage-my-page-menu .navbar-nav {
  margin-top: 15px;
  width: 100%;
}

.theme-show .xf-my-content-area .xepage-my-page-menu .nav-item {
  margin-bottom: 0;
}

.theme-show .xf-my-content-area .xepage-my-page-menu .nav-item > strong {
  border-bottom: 1px solid #ececec;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: -0.2px;
  color: #c0c0c0;
}

.theme-show .xf-my-content-area .xepage-my-page-menu .list-group {
  margin-bottom: 16px;
  padding-top: 12px;
}

.theme-show .xf-my-content-area .xepage-my-page-menu .list-group .list-group-item {
  padding: 0;
  border: 0;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: -0.4px;
  color: #484848;
}

.theme-show .xf-my-content-area .xepage-my-page-menu .list-group .list-group-item + .list-group-item {
  margin-top: 7px;
}

.theme-show .xf-my-content-area .xepage-my-page-menu .list-group .list-group-item.active {
  color: #e81c2e;
}

.theme-show .xf-my-content-area .xepage-my-page-menu .list-group .list-group-item.active:hover {
  color: #e81c2e;
}

.theme-show .xf-my-content-area .xepage-my-page-menu .list-group .list-group-item:hover {
  background-color: transparent;
  color: #000;
}

.theme-show .xf-my-content-area .section-xepage-border--top {
  border-top: 0 !important;
}

.theme-show .xf-my-content-area .section-xepage-title {
  border-bottom: 1px solid #aeaeae;
}

.theme-show .xf-my-content-area .section-xepage-title .xepage-title__title {
  font-size: 17px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.6px;
  margin: 0;
  padding: 12px 0;
}

.theme-show .xf-my-content-area .xepage-my-page-container {
  padding-left: 15px;
  padding-right: 15px;
}

.theme-show .xepage-my-page .xepage-my-page-contents .section-xepage-title {
  padding: 12px 0;
  position: relative;
  font-weight: 600;
}

.theme-show .xepage-my-page .xepage-my-page-contents .section-xepage-title .xepage-title__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: #141414;
  margin: 0;
}

.theme-show .xepage-my-page .xepage-my-page-contents .section-xepage-title .xepage-title__more-box {
  position: absolute;
  right: 2px;
  top: 10px;
}

.theme-show .xepage-my-page .xepage-my-page-contents .section-mypage-show-box {
  border-top: 2px solid #000;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list {
  /* 구매확정, 구매취소,리뷰작성 선택 */
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-list-item-head {
  padding: 13px 0;
  display: none;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-list-item-head .section-mypage-show-list-item-content {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #484848;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-list-item-head .section-mypage-show-list-item-content .mypage-list-item-head-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-list-item-head .section-mypage-show-list-item-content .mypage-list-item-head-inner .item-head-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-list-item-head .section-mypage-show-list-item-content .mypage-list-item-head-inner .item-head-field.item-head-field-info {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-list-item-head .section-mypage-show-list-item-content .mypage-list-item-head-inner .item-head-field.item-head-field-status {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* justify-content: flex-end; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 360px;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-list-item-head .section-mypage-show-list-item-content .mypage-list-item-head-inner .item-head-field.item-head-field-status .field-status-item {
  /*         justify-content: center;
                                        align-items: center; */
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-list-item {
  padding: 15px 0;
  -webkit-box-shadow: 0 1px 0 0 #e0e0e0;
  box-shadow: 0 1px 0 0 #e0e0e0;
  border-top: 0;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-list-item::after {
  display: none;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-list-item .section-mypage-show-product-box {
  position: relative;
  padding: 36px 0 5px;
  /* 주문상세 */
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-list-item .section-mypage-show-product-box.section-mypage-show-product-detail {
  padding: 0;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-list-item .section-mypage-show-product-box.section-mypage-show-product-detail .section-mypage-show-status {
  padding-left: 105px;
  margin-top: -20px;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-img .section-mypage-show-product_link {
  margin-right: 15px;
  overflow: hidden;
  margin-bottom: 0;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-img .section-mypage-show-product_link .section-mypage-show-product_thumnail {
  width: 90px;
  height: auto;
  margin-right: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-img .section-mypage-show-product_link .section-mypage-show-product_thumnail:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-img .section-mypage-show-product_link .section-mypage-basic-product_thumnail {
  width: 90px;
  height: 90px;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .xepage-order__detail {
  position: absolute;
  right: 0;
  top: 5px;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .xepage-order__detail .xepage-order__detail-link {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: underline;
  letter-spacing: -0.47px;
  color: #9c9c9c;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .media-content-item {
  margin-bottom: 0;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .media-content-item__title {
  padding-right: 2px;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: -0.43px;
  color: #767676;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .media-content-item__info .media-content-item__info-text {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: -0.43px;
  color: #767676;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .section-mypage-show-product-info-top {
  margin-top: 4px;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .section-mypage-show-product-info-top .section-mypage-show-product-info-title a {
  font-size: 16px;
  font-weight: 500;
  color: #141414;
  line-height: 22px;
  margin: 0;
  letter-spacing: -0.56px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  max-height: 22px;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .section-mypage-show-product-info-top .section-mypage-show-product-info-shortcuts .show-product-info-shortcuts-link {
  display: inline-block;
  border: 1px solid #df0007;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #df0007;
  border-radius: 3px;
  border: solid 1px #df0007;
  background-color: #fff;
  padding: 4px 10px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .section-mypage-show-product-info-top .section-mypage-show-product-info-shortcuts .show-product-info-shortcuts-link:hover {
  background-color: #df0007;
  color: #fff;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .xepage-order__notice .xepage-order__notice-item {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.4px;
  color: #df0007;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .xepage-order__notice .xepage-order__notice-item.show-end {
  color: #aeaeae;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status-group {
  margin-top: 16px;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status-group .section-mypage-show-status-line {
  margin-right: 10px;
  display: inline-block;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status-group .section-mypage-show-status-line .xe-shop-order-status-box {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #767676;
  text-decoration: underline;
  padding: 0;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status-group .section-mypage-show-status-line .xe-shop-order-status-box:hover {
  color: #141414;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status {
  width: 100%;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content {
  border-top: 0;
  /*    display: flex; */
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content .section-mypage-show-info-content-item.item-price {
  padding-left: 105px;
  margin-top: -24px;
  margin-bottom: 0;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content .section-mypage-show-info-content-item.item-price .media-content-item__info .media-content-item__info-text {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: -0.37px;
  color: #141414;
  font-family: 'Noto Sans KR';
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content .section-mypage-show-info-content-item.item-state {
  position: absolute;
  top: 0;
  left: 0;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content .section-mypage-show-info-content-item.item-state .media-content-item__info .media-content-item__info-text {
  line-height: 26px;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content .section-mypage-show-info-content-item .media-content-item__title {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content .section-mypage-show-info-content-item .media-content-item__info .media-content-item__info-text {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.4px;
  text-align: center;
  color: #141414;
}

.theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content .section-mypage-show-info-content-item .media-content-item__info .media-content-item__info-text.text-point {
  color: #df0007;
}

.section-xepage-mypage-show-wrap {
  padding: 0 0 20px;
  /* 팔로우한 공연 , 아티스트 */
  /* 팔로우한 공연 소식 */
  /* 맞춤공연 */
  /* 추천 전 */
}

.section-xepage-mypage-show-wrap .widget-show--head {
  padding: 12px 0;
  margin-bottom: 20px;
  border-bottom: 2px solid #000;
}

.section-xepage-mypage-show-wrap .widget-show--head .widget-show--head-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: #141414;
  margin: 0;
}

.section-xepage-mypage-show-wrap .widget-show--head .widget-show--head-title .widget-show-count {
  font-weight: 700;
}

.section-xepage-mypage-show-wrap .widget-show-custom-list .widget-show--head {
  padding: 12px 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.section-xepage-mypage-show-wrap .widget-show-custom-list .widget-show--head .widget-show--head-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: #141414;
  margin: 0;
}

.section-xepage-mypage-show-wrap .widget-show-custom-list .widget-show--head .widget-show--head-title .widget-show-count {
  font-weight: 700;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -7px;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #e0e0e0;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .widget-mypage-show-item {
  width: 50%;
  padding: 0 7px;
  position: relative;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .show-follow-cancle {
  position: absolute;
  top: -15px;
  right: -4px;
  z-index: 1;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .show-follow-cancle .show-follow-cancle-button {
  display: block;
  z-index: 10;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .show-follow-cancle .show-follow-cancle-button .follow-cancle-button-icon {
  display: block;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .show-follow-cancle .show-follow-cancle-button .follow-cancle-button-icon .follow-cancle-button-line {
  font-size: 36px;
  color: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  display: block;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .show-follow-cancle .show-follow-cancle-button .follow-cancle-button-icon .follow-cancle-button-line::after {
  content: '';
  width: 16px;
  height: 16px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  z-index: -1;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .show-follow-cancle .show-follow-cancle-button .follow-cancle-button-icon .follow-cancle-button-line:hover {
  color: #df0007;
  cursor: pointer;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .mypage-show-poster-link {
  position: relative;
  display: block;
  overflow: hidden;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .mypage-show-poster-link.mypage-show-poster-link-none {
  cursor: initial;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .mypage-show-poster-link.mypage-show-poster-link-none .mypage-poster-img::before {
  content: '';
  display: block;
  background-image: url(../img/no-profile-icon.png);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 40px 40px;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .mypage-show-poster-link:hover .mypage-show-poster-hover {
  bottom: 0;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .mypage-show-poster-link .mypage-poster-img {
  position: relative;
  padding-top: 143%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/no-profile-bg.png);
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .mypage-show-poster-link .mypage-show-poster-hover {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 55, 128, 0.5);
  color: #fff;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .mypage-show-poster-link .mypage-show-poster-hover .poster-hover-icon {
  font-size: 50px;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .mypage-show-info {
  padding: 8px 0;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .mypage-show-info .mypage-show-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: #141414;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .mypage-show-info .mypage-show-title.mypage-show-artist-name {
  text-align: center;
}

.section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .mypage-show-info .mypage-show-text .mypage-show-date {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.22px;
  color: #767676;
  margin: 5px 0;
}

.section-xepage-mypage-show-wrap .widget-show-follow-news-list {
  padding-bottom: 20px;
  position: relative;
}

.section-xepage-mypage-show-wrap .widget-show-follow-news-list .mypage-show-poster-box {
  /*          display: flex;
            flex-wrap: wrap;
            align-items: center; */
  margin-bottom: 40px;
  position: relative;
}

.section-xepage-mypage-show-wrap .widget-show-follow-news-list .mypage-show-poster-box:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 40px;
  background-color: #e0e0e0;
  display: block;
  bottom: -40px;
  left: 50px;
}

.section-xepage-mypage-show-wrap .widget-show-follow-news-list .mypage-show-poster-box:last-child:after {
  content: '';
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: #fff;
  border: 1px solid #979797;
  display: block;
  border-radius: 50%;
  bottom: -45px;
  left: 46px;
}

.section-xepage-mypage-show-wrap .widget-show-follow-news-list .mypage-show-poster-box .mypage-show-poster-link {
  position: absolute;
  display: block;
  overflow: hidden;
  border-radius: 50%;
  width: 100px;
}

.section-xepage-mypage-show-wrap .widget-show-follow-news-list .mypage-show-poster-box .mypage-show-poster-link .mypage-poster-img {
  width: 100%;
  padding-top: 100%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-xepage-mypage-show-wrap .widget-show-follow-news-list .mypage-show-poster-box .mypage-show-info {
  padding-left: 32px;
  margin-left: 100px;
  min-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-xepage-mypage-show-wrap .widget-show-follow-news-list .mypage-show-poster-box .mypage-show-info .mypage-show-title {
  margin: 5px 0 0;
}

.section-xepage-mypage-show-wrap .widget-show-follow-news-list .mypage-show-poster-box .mypage-show-info .mypage-show-title .mypage-show-title-news-link {
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: #141414;
  overflow: hidden;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.section-xepage-mypage-show-wrap .widget-show-follow-news-list .mypage-show-poster-box .mypage-show-info .mypage-show-news-info .mypage-show-news-status {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #141414;
  padding-right: 14px;
}

.section-xepage-mypage-show-wrap .widget-show-follow-news-list .mypage-show-poster-box .mypage-show-info .mypage-show-news-info .mypage-show-news-status::after {
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  position: absolute;
  border-radius: 50%;
  background-color: #d8d8d8;
  right: 6px;
  top: 7px;
}

.section-xepage-mypage-show-wrap .widget-show-follow-news-list .mypage-show-poster-box .mypage-show-info .mypage-show-news-info .mypage-show-date {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #767676;
}

.section-xepage-mypage-show-wrap .widget-show-follow-news-list .widget-show-follow-news-more {
  padding-left: 133px;
  position: relative;
  margin-top: -26px;
}

.section-xepage-mypage-show-wrap .widget-show-follow-news-list .widget-show-follow-news-more .show-follow-news-more-button {
  font-size: 15px;
  font-weight: 500;
  color: #9c9c9c;
  text-decoration: none;
}

.section-xepage-mypage-show-wrap .widget-show-custom-list-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*    margin: 0 -6px; */
  /*    padding-top: 20px; */
  list-style: none;
  padding: 20px 20px 30px;
  border: solid 1px #e0e0e0;
  min-height: 430px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-xepage-mypage-show-wrap .widget-show-custom-list-area .swiper-pagination {
  top: auto;
  right: auto;
  left: 50%;
  width: auto;
  bottom: 14px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.section-xepage-mypage-show-wrap .widget-show-custom-list-area .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #df0007;
}

.section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box {
  padding: 0px;
  margin: 0;
}

.section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box .mypage-show-poster-link {
  position: relative;
  display: block;
  overflow: hidden;
}

.section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box .mypage-show-poster-link .mypage-poster-img {
  padding-top: 143%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box .mypage-show-info {
  padding: 16px 0;
}

.section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box .mypage-show-info .mypage-show-title {
  text-align: center;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #141414;
  text-decoration: none;
  overflow: hidden;
  white-space: normal;
  text-align: center;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  max-height: 28px;
}

.section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box .mypage-show-info .mypage-show-text {
  margin-top: 20px;
  /*  .mypage-show-custom-follow {
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 22px;
                    letter-spacing: -0.3px;
                    text-align: center;
                    background-color: #fff;
                    color: #df0007;
                    padding: 10px;
                    text-decoration: none;
                    border: 1px solid #df0007;
                    width: 110px;
                    display: block;
                    margin: 0 auto;
                    border-radius: 25px;
                    transition: 0.3s;
                    }

                    &:hover {
                        .mypage-show-custom-follow {
                            background-color: #df0007;
                            color: #fff;
                        }
                    } */
}

.section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box .mypage-show-info .mypage-show-text .mypage-show-custom-follow {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #df0007;
  text-decoration: none;
  width: 110px;
  display: block;
  margin: 0 auto;
  border-radius: 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  /* overflow: hidden; */
  padding: 0;
}

.section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box .mypage-show-info .mypage-show-text .mypage-show-custom-follow .custom-follow-text {
  display: block;
  padding: 9px 10px;
  border: 1px solid #df0007;
  border-radius: 25px;
}

.section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box .mypage-show-info .mypage-show-text .mypage-show-custom-follow .custom-follow-text.on {
  background-color: #df0007;
  color: #fff;
}

.section-xepage-mypage-show-wrap .custom-content-preview {
  padding: 41px 0;
  text-align: center;
}

.section-xepage-mypage-show-wrap .custom-content-preview .view-logo {
  width: 70px;
  height: 70px;
  background-image: url(../img/custom-1.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 auto;
}

.section-xepage-mypage-show-wrap .custom-content-preview .view-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.6px;
  color: #141414;
  margin-bottom: 16px;
  margin: 26px 0 0;
}

.section-xepage-mypage-show-wrap .custom-content-preview .view-info {
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.43px;
  color: #484848;
  margin: 16px 0;
}

.section-xepage-mypage-show-wrap .custom-content-preview .view-start-button {
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.43px;
  text-align: center;
  color: #3278d4;
  text-decoration: none;
}

/* 페이징 */
.mypage-show-list-pagination .pagination {
  padding-top: 24px;
  margin: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mypage-show-list-pagination .pagination li.active span {
  text-decoration: underline;
  font-weight: 700;
  color: #000;
}

.mypage-show-list-pagination .pagination li span {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 5px 10px;
  color: #444;
}

.mypage-show-list-pagination .pagination li a {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding: 5px 10px;
  color: #444;
}

@media (min-width: 768px) {
  .theme-show {
    margin-top: -28px;
  }
  .theme-show .xepage-my-page-contents {
    display: block;
  }
  .theme-show .xepage-my-page-contents .xepage-my-page-top-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .theme-show .xepage-my-page-contents .xepage-my-page-top-head .my-page-top-tit {
    font-size: 28px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.6px;
  }
  .theme-show .xepage-my-page-contents .xepage-my-page-user-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .theme-show .xepage-my-page-contents .xepage-my-page-user-pc .user-title {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.6px;
    color: #9c9c9c;
  }
  .theme-show .xepage-my-page-contents .xepage-my-page-user-pc .user-title strong {
    font-weight: 400;
    color: #141414;
  }
  .theme-show .xepage-my-page-contents .xepage-my-page-user-pc .user-text {
    font-size: 16px;
    line-height: 22px;
    color: #9c9c9c;
    margin: 0;
  }
  .theme-show .xepage-my-page-contents .section-xepage-display {
    margin-bottom: 32px;
  }
  .theme-show .xepage-my-page-contents .section-xepage-display .xepage-display .xepage-list {
    background-color: #2c2c2c;
  }
  .theme-show .xf-my-content-area {
    margin: 0 -15px;
    /* 마이페이지 사이드 메뉴  */
  }
  .theme-show .xf-my-content-area .xepage-my-page-aside .xepage-my-page-user.my-page-user-mobile {
    display: none;
  }
  .theme-show .xf-my-content-area .xepage-my-page-menu {
    padding: 0 15px;
    min-height: auto;
  }
  .theme-show .xf-my-content-area .xepage-my-page-menu .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
  .theme-show .xf-my-content-area .xepage-my-page-menu .navbar-nav {
    margin-top: 8px;
  }
  .theme-show .xf-my-content-area .xepage-my-page-menu .nav-item {
    margin-bottom: 32px;
  }
  .theme-show .xf-my-content-area .xepage-my-page-menu .nav-item > strong {
    padding: 8px 0;
    margin: 0;
    border-bottom: 1px solid #ececec;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 22px;
    letter-spacing: -0.2px;
    color: #c0c0c0;
  }
  .theme-show .xf-my-content-area .xepage-my-page-menu .list-group {
    margin-bottom: 0;
    padding-top: 12px;
  }
  .theme-show .xf-my-content-area .xepage-my-page-menu .list-group .list-group-item {
    padding: 0;
    border: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.4px;
    color: #484848;
  }
  .theme-show .xf-my-content-area .xepage-my-page-menu .list-group .list-group-item + .list-group-item {
    margin-top: 7px;
  }
  .theme-show .xf-my-content-area .xepage-my-page-menu .list-group .list-group-item.active {
    color: #e81c2e;
  }
}

@media (min-width: 992px) {
  .section-xepage-mypage-show-wrap {
    padding-bottom: 64px;
    /* 팔로우한 공연 , 아티스트 */
    /* 팔로우한 공연 소식 */
    /* 맞춤공연 */
  }
  .section-xepage-mypage-show-wrap .widget-show--head {
    padding: 12px 0;
    margin-bottom: 48px;
    border-bottom: 2px solid #000;
  }
  .section-xepage-mypage-show-wrap .widget-show--head .widget-show--head-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #141414;
    margin: 0;
  }
  .section-xepage-mypage-show-wrap .widget-show--head .widget-show--head-title .widget-show-count {
    font-weight: 700;
  }
  .section-xepage-mypage-show-wrap .widget-show-follow-list .widget-mypage-show-item {
    width: 25%;
  }
  .section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .mypage-show-info {
    padding: 16px 0;
  }
  .section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .mypage-show-info .mypage-show-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.4px;
    color: #141414;
  }
  .section-xepage-mypage-show-wrap .widget-show-follow-list .mypage-show-poster-box .mypage-show-info .mypage-show-text .mypage-show-date {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.22px;
    color: #767676;
    margin: 5px 0 12px;
  }
  .section-xepage-mypage-show-wrap .widget-show-follow-news-list {
    padding-bottom: 20px;
    position: relative;
  }
  .section-xepage-mypage-show-wrap .widget-show-follow-news-list .mypage-show-poster-box .mypage-show-info .mypage-show-title .mypage-show-title-news-link {
    font-size: 18px;
    line-height: 28px;
  }
  .section-xepage-mypage-show-wrap .widget-show-custom-list-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*    margin: 0 -6px; */
    /*    padding-top: 20px; */
    padding: 40px;
    list-style: none;
    border: solid 1px #e0e0e0;
  }
  .section-xepage-mypage-show-wrap .widget-show-custom-list-area .swiper-pagination {
    top: auto;
    right: auto;
    left: 50%;
    width: auto;
    bottom: 24px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .section-xepage-mypage-show-wrap .widget-show-custom-list-area .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #df0007;
  }
  .section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box {
    padding: 00px;
    margin: 0;
  }
  .section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box .mypage-show-poster-link {
    position: relative;
    display: block;
    overflow: hidden;
  }
  .section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box .mypage-show-poster-link .mypage-poster-img {
    padding-top: 143%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box .mypage-show-info {
    padding: 16px 0;
  }
  .section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box .mypage-show-info .mypage-show-title {
    text-align: center;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.4px;
    color: #141414;
    text-decoration: none;
    overflow: hidden;
    white-space: normal;
    text-align: center;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    max-height: 28px;
  }
  .section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box .mypage-show-info .mypage-show-text {
    margin-top: 20px;
    /*   .mypage-show-custom-follow {
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 22px;
                    letter-spacing: -0.3px;
                    text-align: center;
                    background-color: #fff;
                    color: #df0007;
                    padding: 9px 10px;
                    text-decoration: none;
                    border: 1px solid #df0007;
                    width: 132px;
                    display: block;
                    margin: 0 auto;
                    border-radius: 25px;
                    transition: 0.3s;
                    }

                    &:hover {
                        .mypage-show-custom-follow {
                            background-color: #df0007;
                            color: #fff;
                        }
                    } */
  }
  .section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box .mypage-show-info .mypage-show-text .mypage-show-custom-follow {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.3px;
    text-align: center;
    color: #df0007;
    /*  overflow: hidden; */
    padding: 0;
    text-decoration: none;
    /*  border: 1px solid #df0007; */
    width: 132px;
    display: block;
    margin: 0 auto;
    border-radius: 25px;
  }
  .section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box .mypage-show-info .mypage-show-text .mypage-show-custom-follow:hover {
    background-color: #df0007;
    color: #fff;
  }
  .section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box .mypage-show-info .mypage-show-text .mypage-show-custom-follow .custom-follow-text {
    display: block;
    padding: 9px 10px;
    border: 1px solid #df0007;
    border-radius: 25px;
  }
  .section-xepage-mypage-show-wrap .widget-show-custom-list-area .mypage-show-poster-box .mypage-show-info .mypage-show-text .mypage-show-custom-follow .custom-follow-text.on {
    background-color: #df0007;
    color: #fff;
  }
}

/* 마에페이지 구매내역 */
.xe-order-tab {
  -webkit-box-shadow: 0 1px 0 0 #e0e0e0;
  box-shadow: 0 1px 0 0 #e0e0e0;
}

.xe-order-tab .xe-order-category-tab .category-tab-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.xe-order-tab .xe-order-category-tab .category-tab-list .category-tab-item {
  display: inline-block;
}

.xe-order-tab .xe-order-category-tab .category-tab-list .category-tab-item.on .category-tab-button {
  color: #df0007;
}

.xe-order-tab .xe-order-category-tab .category-tab-list .category-tab-item.on .category-tab-button::after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #df0007;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.xe-order-tab .xe-order-category-tab .category-tab-list .category-tab-item .category-tab-button {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  padding: 12px 9px;
  letter-spacing: -0.3px;
  color: #9c9c9c;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.xe-order-tab .xe-order-category-tab .category-tab-list .category-tab-item .category-tab-button:hover {
  color: #df0007;
}

.xe-order-period-tab .period-tab-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.xe-order-period-tab .period-tab-list .period-tab-item {
  display: inline-block;
}

.xe-order-period-tab .period-tab-list .period-tab-item.on .period-tab-button {
  color: #000;
}

.xe-order-period-tab .period-tab-list .period-tab-item:last-child .period-tab-button::before {
  display: none;
}

.xe-order-period-tab .period-tab-list .period-tab-item .period-tab-button {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  padding: 12px 9px;
  letter-spacing: -0.3px;
  color: #9c9c9c;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.xe-order-period-tab .period-tab-list .period-tab-item .period-tab-button:hover {
  color: #000;
}

.xe-order-period-tab .period-tab-list .period-tab-item .period-tab-button::before {
  content: '';
  position: absolute;
  top: 22px;
  right: -2px;
  width: 1px;
  height: 11px;
  background-color: #e0e0e0;
}

@media (min-width: 992px) {
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list {
    /* 구매확정, 구매취소,리뷰작성 선택 */
    /* 결제상태, 구매상태 노출 */
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-list-item-head {
    display: block;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-list-item {
    padding: 24px 0;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-list-item .section-mypage-show-product-box {
    padding: 0;
    /* 주문상세 */
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-list-item .section-mypage-show-product-box.section-mypage-show-product-detail {
    padding: 0;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-list-item .section-mypage-show-product-box.section-mypage-show-product-detail .section-mypage-show-status {
    padding-left: 0;
    margin-top: 0;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .xepage-order__detail {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    margin-bottom: 0;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .xepage-order__detail .xepage-order__detail-link {
    font-weight: 400;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .xepage-order__detail .xepage-order__detail-link:hover {
    color: #141414;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .xepage-order__title-box-date {
    display: inline-block;
    position: relative;
    padding-right: 4px;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .xepage-order__title-box-date::after {
    content: '';
    position: absolute;
    top: 4px;
    right: -3px;
    width: 1px;
    height: 11px;
    background-color: #e0e0e0;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .xepage-order__title-box-num {
    display: inline-block;
    padding-left: 4px;
    margin-right: 6px;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .media-content-item__title {
    padding-right: 2px;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .section-mypage-show-product-info-top {
    margin-top: 8px;
    margin-bottom: 0;
    padding-right: 0;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .section-mypage-show-product-info-top .section-mypage-show-product-info-title a {
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.6px;
    color: #141414;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .section-mypage-show-product-info-top .section-mypage-show-product-info-title a:hover {
    text-decoration: underline;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .section-mypage-show-product-info-top .section-mypage-show-product-info-shortcuts .show-product-info-shortcuts-link {
    display: inline-block;
    border: 1px solid #df0007;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #df0007;
    border-radius: 3px;
    border: solid 1px #df0007;
    background-color: #fff;
    padding: 4px 10px;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .xepage-order__notice {
    margin-bottom: 10px;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-product-content .section-mypage-show-product-info .xepage-order__notice .xepage-order__notice-item.show-end {
    color: #aeaeae;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status-group {
    margin-top: 0;
    margin-right: 30px;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status-group .section-mypage-show-status-line {
    margin-right: 0;
    margin-bottom: 4px;
    display: block;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status-group .section-mypage-show-status-line .xe-shop-order-status-box {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: #767676;
    text-decoration: underline;
    padding: 0;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status-group .section-mypage-show-status-line .xe-shop-order-status-box:hover {
    color: #141414;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status {
    /*     width: auto; */
    width: 360px;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status.section-mypage-show-cancel-status {
    width: 320px;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content {
    border-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content .section-mypage-show-product-info .xepage-order__detail {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 0;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content .section-mypage-show-product-info .xepage-order__detail .xepage-order__detail-link {
    margin-left: 6px;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content .section-mypage-show-info-content-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content .section-mypage-show-info-content-item.item-delivery {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 20px;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content .section-mypage-show-info-content-item.item-delivery .media-content-item__info {
    margin-right: 30px;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content .section-mypage-show-info-content-item.item-state {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 0;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content .section-mypage-show-info-content-item.item-price {
    padding-left: 0;
    margin-top: 0;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content .section-mypage-show-info-content-item.item-price .media-content-item__info .media-content-item__info-text {
    font-size: 16px;
  }
  .theme-show .section-mypage-show-box .section-mypage-show-product .section-mypage-show-list .section-mypage-show-status .section-mypage-show-product-info-content .section-mypage-show-info-content-item .media-content-item__info {
    text-align: center;
    margin-right: 46px;
    margin-left: 24px;
  }
}

/* 내가 찜한 상품 */
/* 마에페이지 상단 title */
.section-xepage-mypage-title {
  border-bottom: 2px solid #000;
}

.section-xepage-mypage-title .xepage-title__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: #141414;
  margin: 0;
}

.section-xepage-mypage-shop-wish-list .mypage-wish-thumnail-box .mypage-wish-thumnail-box-img {
  padding-top: 100%;
}

.mypage-wish__box {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
}

.mypage-wish__box .mypage-wish__button-wish {
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0 none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 16px 16px;
  /*   background-image: url(../img/icon-heart.svg); */
  background-image: url(../img/follow-off.svg);
  vertical-align: top;
}

.mypage-wish__box .mypage-wish__button-wish.on {
  /*   background-image: url(../img/icon-heart-fill.svg); */
  background-image: url(../img/follow-on.svg);
}

/* 마이페이지 쿠폰  */
.xe-mypage-tab-wrap {
  position: relative;
  margin-bottom: 20px;
}

.xe-mypage-tab-wrap .xe-mypage-tab {
  margin: 0;
  padding: 0;
  list-style: none;
}

.xe-mypage-tab-wrap .xe-mypage-tab::after {
  content: '';
  display: block;
  clear: both;
}

.xe-mypage-tab-wrap .xe-mypage-tab .xe-mypage-tab-list {
  float: left;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.xe-mypage-tab-wrap .xe-mypage-tab .xe-mypage-tab-list .xe-mypage-tab-list__link {
  position: relative;
  color: #999;
  display: block;
  padding: 10px 0;
  width: 115px;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
}

.xe-mypage-tab-wrap .xe-mypage-tab .xe-mypage-tab-list .xe-mypage-tab-list__link::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #999;
}

.xe-mypage-tab-wrap .xe-mypage-tab .xe-mypage-tab-list.on .xe-mypage-tab-list__link {
  color: #141414;
}

.xe-mypage-tab-wrap .xe-mypage-tab .xe-mypage-tab-list.on .xe-mypage-tab-list__link::before {
  background-color: #000;
}

.xe-mypage-notice-wrap {
  position: relative;
  text-align: right;
  padding-bottom: 15px;
}

.xe-mypage-notice-wrap .xe-mypage-notice {
  display: block;
  font-size: 16px;
}

.xe-mypage-notice-wrap .xe-mypage-notice .xe-mypage-notice-num {
  color: #E64036;
}

.xe_user_coupon-content {
  display: none;
}

.xe_user_coupon-content.on {
  display: block;
}

.xe_user_coupon-content .xe_user_coupon-list {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item {
  /*     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); */
  padding: 15px;
  width: 100%;
}

.xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-info {
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
  padding: 20px;
  -webkit-box-shadow: 1px 1px 21px rgba(0, 0, 0, 0.02);
  box-shadow: 1px 1px 21px rgba(0, 0, 0, 0.02);
}

.xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-info .coupon-sale {
  font-size: 16px;
  font-weight: 500;
  color: #141414;
}

.xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-info .coupon-sale .coupon-price {
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -0.75px;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
}

.xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-info .coupon-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #df0007;
}

.xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-info .coupon-desc {
  display: block;
  color: #767676;
  font-size: 13px;
  line-height: 20px;
}

.xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-info .coupon-description {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.19px;
  color: #767676;
  margin: 0;
}

.xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-download-box {
  margin-left: auto;
}

.xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-download-box .coupon-download-link {
  display: block;
  width: 70px;
  background-color: #df0007;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-download-box .coupon-download-link.coupon-downloaded {
  background-color: #d7d7d7;
}

.xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-download-box .coupon-download-link .coupon-download-icon {
  color: #fff;
  margin: 0 auto;
  display: block;
}

.xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-download-box .coupon-download-link .coupon-download-icon i {
  font-size: 24px;
}

@media (min-width: 992px) {
  .xe-mypage-tab-wrap {
    position: relative;
  }
  .xe-mypage-tab-wrap .xe-mypage-tab {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .xe-mypage-tab-wrap .xe-mypage-tab::after {
    content: '';
    display: block;
    clear: both;
  }
  .xe-mypage-tab-wrap .xe-mypage-tab .xe-mypage-tab-list {
    float: left;
    padding-right: 30px;
  }
  .xe-mypage-tab-wrap .xe-mypage-tab .xe-mypage-tab-list .xe-mypage-tab-list__link {
    position: relative;
    color: #999;
    display: block;
    padding: 10px 0;
    width: 200px;
    text-decoration: none;
    font-weight: 700;
  }
  .xe-mypage-tab-wrap .xe-mypage-tab .xe-mypage-tab-list .xe-mypage-tab-list__link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #999;
  }
  .xe-mypage-tab-wrap .xe-mypage-tab .xe-mypage-tab-list.on .xe-mypage-tab-list__link {
    color: #141414;
  }
  .xe-mypage-tab-wrap .xe-mypage-tab .xe-mypage-tab-list.on .xe-mypage-tab-list__link::before {
    background-color: #000;
  }
  .xe-mypage-notice-wrap {
    position: absolute;
    right: 0;
    top: 0;
  }
  .xe-mypage-notice-wrap .xe-mypage-notice .xe-mypage-notice-num {
    color: #df0007;
  }
  .xe_user_coupon-content {
    display: none;
  }
  .xe_user_coupon-content.on {
    display: block;
  }
  .xe_user_coupon-content .xe_user_coupon-list {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }
  .xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item {
    /*     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); */
    padding: 15px;
    width: 33.333%;
  }
  .xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-info {
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    padding: 32px;
  }
  .xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-info .coupon-sale {
    font-size: 16px;
    font-weight: 500;
    color: #141414;
  }
  .xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-info .coupon-sale .coupon-price {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: -0.75px;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
  }
  .xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-info .coupon-name {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #df0007;
  }
  .xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-info .coupon-desc {
    display: block;
    color: #767676;
    font-size: 13px;
    line-height: 20px;
  }
  .xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-info .coupon-description {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.19px;
    color: #767676;
    margin: 0;
  }
  .xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-download-box {
    margin-left: auto;
  }
  .xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-download-box .coupon-download-link {
    display: block;
    width: 70px;
    background-color: #df0007;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-download-box .coupon-download-link.coupon-downloaded {
    background-color: #d7d7d7;
  }
  .xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-download-box .coupon-download-link .coupon-download-icon {
    color: #fff;
    margin: 0 auto;
    display: block;
  }
  .xe_user_coupon-content .xe_user_coupon-list .xe_user_coupon-item .coupon-download-box .coupon-download-link .coupon-download-icon i {
    font-size: 24px;
  }
}

/* 주문내역상세 */
.theme-show .xepage-my-page .section-detail-buyer .xe-buyer-info.section-xepage-table-column .xepage-table-column__title {
  width: 100%;
  text-align: center;
  padding: 12px 4px;
}

.xf-mypage-video-live-section {
  position: relative;
  padding: 20px 0 32px;
  background-color: #fff;
  margin-bottom: 28px;
}

.xf-mypage-video-live-section .xf-mypage-video-section-wrap .xf-widget-title {
  position: relative;
  padding-bottom: 18px;
}

.xf-mypage-video-live-section .xf-mypage-video-section-wrap .xf-widget-title .base-title {
  font-size: 17px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: -0.72px;
  color: #141414;
  margin: 0;
}

.xf-mypage-video-live-section .xf-mypage-video-section-wrap .title-more {
  position: absolute;
  right: 0;
  top: 4px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #aaafb5;
}

.xf-mypage-video-live-section .xf-mypage-video-section-wrap .title-more:hover {
  color: #555c62;
}

.xf-mypage-video-live-section .xf-mypage-video-section-wrap .title-more .more-icon {
  font-size: 12px;
  margin-left: 4px;
}

.xf-mypage-video-board {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.xf-mypage-video-board .xf-mypage-video-board-item {
  width: 100%;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info {
  position: relative;
  display: block;
  top: 0;
  height: 100%;
  -webkit-transition: top 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: top 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: top 0.3s ease, box-shadow 0.3s ease;
  transition: top 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  padding-bottom: 24px;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box {
  position: relative;
  overflow: hidden;
  display: block;
  outline: none;
  text-decoration: none;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-thumbnail-box {
  position: relative;
  overflow: hidden;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-thumbnail {
  position: relative;
  display: block;
  padding-top: 56.23%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-thumbnail::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-time {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 4px 7px;
  border-radius: 4px;
  line-height: 15px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.2px;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-content {
  position: relative;
  display: block;
  padding: 12px 0 0;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-content .info-content__title {
  display: block;
  max-height: 22px;
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: #141414;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-content .info-content__desc {
  display: block;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #767676;
  max-height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-content .info-meta-box {
  margin-top: 16px;
  display: block;
  width: 100%;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-content .info-meta-box .xe-list-gallery-board-list-item___detail-write .info-meta-box-view {
  padding-left: 0;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-content .info-meta-box .info-meta-box-view {
  position: relative;
  font-size: 13px;
  margin: 0;
  padding: 0 8px;
  color: #aeaeae;
  display: inline-block;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-content .info-meta-box .info-meta-box-view::after {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: -1px;
  width: 1px;
  height: 10px;
  background-color: #d7d7d7;
  margin: 0;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-content .info-meta-box .info-meta-box-view .info-meta__item--write {
  font-size: 13px;
  padding-left: 0;
  letter-spacing: -0.4px;
  color: #aeaeae;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-content .info-meta-box .info-meta-box-view .info-meta__item--like {
  float: right;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-content .info-meta-box .info-meta-box-view.info-meta-box-line {
  font-size: 12px;
  color: #9c9c9c;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-content .info-meta-box .info-meta-box-view.info-meta-box-line .info-meta-item {
  display: inline-block;
  padding-right: 10px;
  position: relative;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-content .info-meta-box .info-meta-box-view.info-meta-box-line .info-meta-item:after {
  content: '';
  display: block;
  position: absolute;
  width: 3px;
  height: 3px;
  background-color: #c9c9c9;
  border-radius: 50%;
  top: 8px;
  right: 2px;
}

.xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-content .info-meta-box .info-meta-box-view.info-meta-box-line .info-meta-item:last-child:after {
  display: none;
}

@media (min-width: 992px) {
  .xf-mypage-video-live-section {
    padding: 40px 0;
  }
  .xf-mypage-video-live-section .xf-mypage-video-section-wrap .xf-widget-title {
    padding-bottom: 16px;
  }
  .xf-mypage-video-live-section .xf-mypage-video-section-wrap .xf-widget-title .base-title {
    font-size: 21px;
    line-height: 30px;
  }
  .xf-mypage-video-board {
    margin: 0 -15px;
  }
  .xf-mypage-video-board .xf-mypage-video-board-item {
    width: 33.333%;
    padding: 0 15px;
  }
  .xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info {
    position: relative;
    display: block;
    top: 0;
    height: 100%;
    -webkit-transition: top 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: top 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: top 0.3s ease, box-shadow 0.3s ease;
    transition: top 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  }
  .xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box {
    position: relative;
    overflow: hidden;
    display: block;
    outline: none;
    text-decoration: none;
  }
  .xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-thumbnail-box:hover .info-thumbnail {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
  .xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-content {
    padding: 16px 0 0;
  }
  .xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-content .info-content__title {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .xf-mypage-video-board .xf-mypage-video-board-item .xf-mypage-video-board-info .info-box .info-content .info-meta-box .info-meta-box-view .info-meta__item--write {
    font-weight: 400;
  }
}

/* 마이페이지 문의내역 탭 */
.xf-mypage-qna-tab-box .xf-mypage-qna-tab-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.xf-mypage-qna-tab-box .xf-mypage-qna-tab-list .xf-mypage-qna-tab-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.xf-mypage-qna-tab-box .xf-mypage-qna-tab-list .xf-mypage-qna-tab-item.on .tab-item-text {
  color: #e81c2e;
  font-weight: 700;
}

.xf-mypage-qna-tab-box .xf-mypage-qna-tab-list .xf-mypage-qna-tab-item.on .tab-item-text::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #e81c2e;
  bottom: -1px;
  left: 0;
}

.xf-mypage-qna-tab-box .xf-mypage-qna-tab-list .xf-mypage-qna-tab-item .tab-item-text {
  display: block;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.65px;
  text-align: center;
  color: #aeaeae;
  position: relative;
  padding: 12px 4px;
  background-color: #fff;
  text-decoration: none;
  word-break: keep-all;
}

/* .xf-mypage-qna-wrap {
  .xf-mypage-qna-content {
    position: relative;
    display: none;

    &.on {
      display: block;
    }
  }
} */
.xepage-shopping .section-xepage-review-box.xf-mypage-qna-wrap .section-xepage-review__link:hover .xf-mypage-qna-tit .card-text {
  text-decoration: underline;
}

.xepage-shopping .section-xepage-review-box.xf-mypage-qna-wrap .section-xepage-review__link .xf-mypage-qna-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xepage-shopping .section-xepage-review-box.xf-mypage-qna-wrap .section-xepage-review__link .xf-mypage-qna-thumbnail {
  margin-right: 15px;
}

.xepage-shopping .section-xepage-review-box.xf-mypage-qna-wrap .section-xepage-review__link .xf-mypage-qna-thumbnail .qna-thumbnail-img {
  width: 90px;
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.xepage-shopping .section-xepage-review-box.xf-mypage-qna-wrap .section-xepage-review__link .xf-mypage-qna-thumbnail img {
  width: 90px;
  height: auto;
}

.xepage-shopping .section-xepage-review-box.xf-mypage-qna-wrap .section-xepage-review__link .xf-mypage-qna-desc {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: -0.43px;
  color: #767676;
  margin: 0 0 8px;
}

.xepage-shopping .section-xepage-review-box.xf-mypage-qna-wrap .section-xepage-review__link .xf-mypage-qna-tit .card-text {
  font-size: 16px;
  font-weight: 500;
  color: #141414;
  line-height: 22px;
  margin: 0;
  letter-spacing: -0.56px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  max-height: 22px;
}

.xf-mypage-qna-footer {
  margin-top: 16px;
}

@media (min-width: 768px) {
  .xepage-shopping .section-xepage-review-box.xf-mypage-qna-wrap .section-xepage-review__link .xf-mypage-qna-thumbnail .qna-thumbnail-img {
    width: 56px;
  }
  .xepage-shopping .section-xepage-review-box.xf-mypage-qna-wrap .section-xepage-review__link .xf-mypage-qna-thumbnail img {
    width: 56px;
  }
}

@media (min-width: 992px) {
  .xf-mypage-qna-tab-box .xf-mypage-qna-tab-list .xf-mypage-qna-tab-item.on .tab-item-text {
    color: #e81c2e;
  }
  .xf-mypage-qna-tab-box .xf-mypage-qna-tab-list .xf-mypage-qna-tab-item.on .tab-item-text::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #e81c2e;
    bottom: -1px;
    left: 0;
  }
  .xf-mypage-qna-tab-box .xf-mypage-qna-tab-list .xf-mypage-qna-tab-item .tab-item-text {
    font-size: 17px;
    font-weight: bold;
    padding: 12px;
    line-height: 25px;
    letter-spacing: -0.6px;
  }
}

/*  */
.comment_form_controller .comment_form_btn .btn_submit:hover {
  background-color: #ff3780;
  border-color: #ff3780;
  color: #fff;
}

/* 영상 댓글 */
.xepage-shopping-comment-wrap .comment-content {
  position: relative;
  height: 48px;
  padding-left: 60px;
}

.xepage-shopping-comment-wrap .comment-content.comment-on .comment-box {
  border-color: #848484;
}

.xepage-shopping-comment-wrap .comment-content.comment-on .comment_form_controller .comment_form_btn .btn_submit {
  background-color: #ff3780;
  color: #fff;
}

.xepage-shopping-comment-wrap .comment-content .comment-box {
  position: relative;
  border: 1px solid #e0e0e0;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  /*   overflow: hidden; */
  margin-right: 60px;
  /*          display: flex;
            padding-left: 50px;  */
}

.xepage-shopping-comment-wrap .comment-content .comment-box .comment_form_ckeditor {
  position: relative;
}

.xepage-shopping-comment-wrap .comment-content .comment-box .comment-profile {
  position: absolute;
  left: -51px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}

.xepage-shopping-comment-wrap .comment-content .comment-box .comment-profile img {
  width: 100%;
}

.xepage-shopping-comment-wrap .comment-content.comment-reply-content {
  padding-left: 0;
}

.xepage-shopping-comment-wrap .comment-content.comment-reply-content .comment-box {
  padding-left: 0;
}

.xepage-shopping-comment-wrap .comment_form_editor .comment-content .comment_form_ckeditor textarea {
  overflow: hidden;
  vertical-align: middle;
  border: 0;
  padding-right: 38px !important;
}

.xepage-shopping-comment-wrap .comment_form_editor .comment-content .comment_form_ckeditor textarea:focus {
  outline: 0;
}

.xepage-shopping-comment-wrap .comment_form_controller .comment_form_btn {
  position: absolute;
  right: 0;
  top: 0;
}

.xepage-shopping-comment-wrap .comment_form_controller .comment_form_btn .btn_submit {
  font-size: 14px;
  min-width: 50px;
  padding: 6px 4px;
  width: 60px;
  float: right;
  background-color: #ebebeb;
  color: #c0c0c0;
  border: 0;
  height: 47px;
  border-radius: 0 4px 4px 0;
}

.xepage-shopping-comment-wrap .comment_form_controller .comment_form_btn .btn_submit:hover {
  color: #fff;
}

.xepage-shopping-comment-wrap .comment_form_controller .comment_form_btn .btn_submit + .btn_submit {
  margin-right: 4px;
}

.xepage-shopping-comment-wrap .comment_form_controller .comment_form_btn .emoji-btn {
  border: 0;
  margin: 0;
  margin-right: 12px;
  padding: 0;
  background-color: transparent;
  width: 26px;
  height: 47px;
  min-width: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 26px;
  background-image: url(../img/chat-icon-gray.png);
}

.xepage-shopping-comment-wrap .comment_form_controller .comment_form_btn .emoji-btn:focus {
  outline: 0;
}

@media (min-width: 992px) {
  .xepage-shopping-comment-wrap .comment_form_editor .comment-content .comment_form_ckeditor textarea {
    padding-right: 50px !important;
  }
}

/* //댓글 */
.product-detail-info-top {
  padding: 8px 0;
  border-bottom: 1px solid #767676;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-detail-info-top .product-detail-mini-shop {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.18px;
  color: #141414;
  display: inline-block;
  position: relative;
  padding-right: 24px;
}

.product-detail-info-top .product-detail-mini-shop .product-detail-mini-shop-icon {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -8px;
}

.product-detail-info-top .product-detail-goods-number {
  display: inline-block;
  /*   margin-left: auto; */
  font-size: 13px;
  line-height: 20px;
  font-family: 'Inter', sans-serif;
  color: #141414;
  letter-spacing: -0.19px;
}

/*  */
@media (min-width: 768px) {
  .product-detail-info-top {
    padding: 8px 0;
    border-bottom: 1px solid #141414;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .product-detail-info-top .product-detail-mini-shop {
    font-size: 18px;
    line-height: 22px;
  }
  .product-detail-info-top .product-detail-mini-shop .product-detail-mini-shop-icon {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
  }
}

/* 상품상세페이지 판매자 정보 */
.xe-seller {
  margin: 20px 0;
  font-size: 13px;
  position: relative;
  padding: 15px;
  /*  &::after {
        content:'';
        background-color: #333;
        position: absolute;
        top: 0;
        left: 15px;

        width: 24px;
        height: 3px;
    } */
}

.xe-seller .xe-seller-notice {
  padding: 20px;
  background-color: #f9f9f9;
  margin-bottom: 20px;
  display: block;
}

.xe-seller .xe-seller-notice .xe-seller-notice-icon {
  color: #2378e7;
  font-size: 16px;
  margin-right: 15px;
}

.xe-seller .xe-seller-notice .xe-seller-notice-text {
  font-weight: 700;
  color: #767676;
  font-size: 16px;
}

.xe-seller .xe-seller-info {
  display: block;
  color: #767676;
  margin-bottom: 10px;
}

.xe-seller .xe-seller-info .seller-info-item {
  display: block;
}

.xe-seller .xe-seller-info .seller-info-item .point {
  position: relative;
  display: inline-block;
  padding-right: 4px;
  font-weight: 700;
  margin-right: 4px;
}

.xe-seller .xe-seller-info .seller-info-item .point::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  width: 1px;
  height: 12px;
  background-color: #bbb;
}

.xe-seller .xe-seller-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.xe-seller .xe-seller-list .xe-seller-item {
  line-height: 24px;
}

.xe-seller-info-title {
  display: none;
  margin: 15px 0;
}

.xe-seller-info-title h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

.xe-seller-info-tbl {
  display: none;
  border-collapse: collapse;
  width: 100%;
}

.xe-seller-info-tbl th {
  padding: 5px 10px;
  background-color: #fafafa;
  height: 32px;
  line-height: 32px;
  color: #333;
  font-weight: normal;
  border: 1px solid #e5e5e5;
  min-width: 70px;
}

.xe-seller-info-tbl td {
  padding: 5px 8px;
  color: #666;
  line-height: 32px;
  border: 1px solid #e5e5e5;
}

@media (min-width: 768px) {
  /* 상품상세페이지 판매자 정보 */
  .xe-seller {
    margin: 20px 0;
    font-size: 13px;
    position: relative;
    padding: 15px 0;
  }
  .xe-seller .xe-seller-notice {
    padding: 20px;
    background-color: #f9f9f9;
    margin-bottom: 20px;
    display: block;
  }
  .xe-seller .xe-seller-notice .xe-seller-notice-icon {
    color: #2378e7;
    font-size: 16px;
    margin-right: 15px;
  }
  .xe-seller .xe-seller-notice .xe-seller-notice-text {
    font-weight: 700;
    color: #767676;
    font-size: 16px;
  }
  .xe-seller .xe-seller-info {
    display: none;
  }
  .xe-seller .xe-seller-list {
    display: none;
  }
  .xe-seller-info-title {
    display: block;
  }
  .xe-seller-info-tbl {
    display: table;
  }
}

.xf-commerce-tab-content {
  display: none;
  padding: 0;
}

.xf-commerce-tab-content.on {
  display: block;
}

.xf-commerce-tab-content .xepage-page .xepage-button--wish[data-check="true"] i, .xf-commerce-tab-content .xepage-page .xepage-button--wish[data-check="true"] .xepage-button__text {
  color: #CC0000;
}

.xf-commerce-tab-content .xf-commerce-like-show-list .mypage-show-poster-box {
  position: relative;
}

.xf-commerce-tab-content .xf-commerce-like-show-list .show-like-box {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 1;
}

.xf-commerce-tab-content .xf-commerce-like-show-list .show-like-box .like-btn {
  padding: 0;
  border: 0 none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 28px;
  height: 25px;
  background-size: 28px 25px;
  background-image: url(../img/icon-heart-color.svg);
  vertical-align: top;
}

.xf-commerce-tab-content .xf-commerce-like-goods-list.widget-bold-shop-main-list .widget-list > li {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}

.xf-commerce-tab-content .xf-commerce-like-goods-list .card--shop .card-img-top {
  padding-top: 100%;
}

.xf-commerce-tab-content .xf-commerce-like-goods-list .card--shop .card-meta__box {
  top: 12px;
  right: 12px;
}

.xf-commerce-tab-content .xf-commerce-like-goods-list .card--shop .card-meta__box .card-meta__button-wish {
  width: 28px;
  height: 25px;
  background-size: 28px 25px;
}

.xf-commerce-tab-content .xf-commerce-like-goods-list .card--shop .card-meta__box .card-meta__button-wish.on {
  background-image: url(../img/icon-heart-color.svg);
}

.xf-commerce-tab-content .xf-commerce-like-goods-list .card--shop .card-tag {
  width: 50px;
  height: 50px;
  border: 1px solid #CC0000;
}

.xf-commerce-tab-content .xf-commerce-like-goods-list .card--shop .card-tag .card-tag__text {
  color: #CC0000;
}

.xf-commerce-cart-tab-box .xf-cart-tab-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.xf-commerce-cart-tab-box .xf-cart-tab-list .xf-cart-tab-item {
  width: 100%;
  /*   border-bottom: 1px solid #d7d7d7; */
  text-align: center;
  position: relative;
}

.xf-commerce-cart-tab-box .xf-cart-tab-list .xf-cart-tab-item.on {
  /*  &::after {
                    content: '';
                    position: absolute;
                    bottom:-1px;
                    width: 100%;
                    height: 3px;
                    display: block;
                    background-color: #CC0000;

                } */
}

.xf-commerce-cart-tab-box .xf-cart-tab-list .xf-cart-tab-item .tab-item-text {
  display: block;
  padding-bottom: 24px;
  font-size: 18px;
  color: #141414;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: -0.6px;
  text-align: center;
}

.xf-commerce-cart-tab-box .xf-cart-tab-list .xf-cart-tab-item .tab-item-num {
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #CC0000;
  display: inline-block;
  padding-left: 6px;
}

.commerce-tab-content-head .tab-content-part-tit {
  display: none;
  font-size: 18px;
  color: #141414;
  letter-spacing: -0.4px;
  line-height: 28px;
  font-weight: 700;
  margin: 0 0 20px;
}

.commerce-tab-content-head .tab-content-part-tit .tit-item-num {
  font-family: Inter;
  color: #CC0000;
}

.xepage-item-content__item.xepage-item-content__item--title.goods-top-tit {
  display: none;
}

.only-pc.xepage-item-content__item-box--mobile-buttom {
  display: none;
}

/* 장바구니  */
.xepage-page.xf-cart-page {
  margin-top: -28px;
  /* 장바구니 찜 */
}

.xepage-page.xf-cart-page .xu-label-checkradio {
  color: #484848;
}

.xepage-page.xf-cart-page .xepage-button--wish .xepage-icon--on {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}

.xepage-page.xf-cart-page .xepage-button--wish .xepage-icon--on.lik-on {
  background-image: url(../img/icon-like-on.svg);
}

.xepage-page.xf-cart-page .xepage-button--wish .xepage-icon--on.lik-off {
  background-image: url(../img/icon-like.svg);
}

.xepage-page.xf-cart-page .xf-cart-content {
  margin: 0 -15px;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list li {
  padding-left: 15px;
  padding-right: 15px;
  border-top: 0;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list li::after {
  display: none;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list li.xepage-item__thead {
  border-bottom: 0;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list li.cart-seller-wrap {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #f7f8f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list li.cart-seller-wrap .cart-seller-name-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list li.cart-seller-wrap .cart-seller-name-mobile .seller-tit {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.73;
  letter-spacing: -0.38px;
  color: #141414;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list li.cart-seller-wrap .cart-seller-name-mobile .seller-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../img/home.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
  margin-left: 6px;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list li.cart-seller-wrap .xf-cart-item-mobile {
  margin-left: auto;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list li.cart-seller-wrap .xf-cart-item-mobile .xepage-item-content__item .xepage-item-content__item-inner {
  padding: 0;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list li.cart-seller-wrap .xf-cart-item-mobile .xepage-item-content__item .xepage-item-content__item-inner .xepage-item-content__item-text .item-desc {
  color: #9c9c9c;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list li.cart-seller-wrap .xepage-item-content.xf-cart-item-pc {
  display: none;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item {
  position: relative;
  color: #484848;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item.xepage-item-content__item--wish {
  position: absolute;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item.xepage-item-content__item-point.xepage-item-content__item-top {
  margin-top: -32px;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item.xepage-item-content__item-point .xepage-item-content__item-inner {
  line-height: 22px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 95px;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xf-item-thumbnail .card-img {
  width: 80px;
  height: 80px;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xf-item-thumbnail .card-body {
  padding-left: 15px;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xf-item-thumbnail .card-title {
  margin: 0;
  margin-bottom: 4px;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xf-item-thumbnail .card-title .card-link {
  font-size: 16px;
  font-weight: 500;
  color: #141414;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  max-height: 22px;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xf-item-thumbnail .card-desc {
  font-size: 13px;
  line-height: 1.46;
  letter-spacing: -0.43px;
  color: #767676;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xepage-item-content__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 0;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xepage-item-content__item-inner .xepage-item-content__item-text-item {
  line-height: 22px;
  font-weight: 500;
  letter-spacing: -0.4px;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xepage-item-content__item-inner .xepage-item-content__item-text {
  line-height: 22px;
  display: block;
  text-align: right;
  font-weight: 500;
  letter-spacing: -0.4px;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xepage-item-content__item-inner .xepage-item-content__item-text.item-text-point {
  color: #ff2121;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xepage-item-content__item-inner .xepage-item-content__item-text em {
  color: #9c9c9c;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item-box--mobile-buttom {
  border-top: 0;
  margin-top: 20px;
  padding-top: 0;
  padding-bottom: 5px;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item-box--mobile-buttom .xepage-item-content__item.xepage-item-content__item--button-right {
  width: 100%;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item-box--mobile-buttom .xepage-item-content__item-inner {
  margin: 0 -3px;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .cart-item-btn {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.22px;
  padding: 8px;
  border-radius: 4px;
  margin: 0 3px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .cart-item-btn:hover {
  color: #fff;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .cart-item-btn.btn-outline-secondary {
  border-color: #e0e0e0;
  color: #767676;
}

.xepage-page.xf-cart-page .xf-cart-content .xepage-list .cart-item-btn.btn-outline-secondary:hover {
  color: #141414;
  border-color: #666;
  background-color: #fff;
}

.xepage-page.xf-cart-page .xepage-more-info-list {
  padding: 0 15px;
}

.xepage-page.xf-cart-page .xf-cart-price-section {
  border-top: 1px solid #000  !important;
}

.xepage-page.xf-cart-page .xf-cart-price-section .section-xepage-table-column .xepage-table-column-header {
  padding: 15px;
}

.xepage-page.xf-cart-page .xf-cart-price-section .section-xepage-table-column .xepage-table-column-header .xepage-table-column-header__title {
  font-weight: 500;
}

.xepage-page.xf-cart-page .xf-cart-price-section .section-xepage-table-column .xepage-table-column-header .xepage-table-column-header__text {
  letter-spacing: -0.38px;
  font-family: 'Noto Sans KR';
}

.xepage-page.xf-cart-page .xf-cart-price-section .section-xepage-table-column .total-text {
  color: #e81c2e !important;
  font-weight: 700;
}

.xepage-page.xf-cart-page .xf-cart-bottom-btn {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.xepage-page.xf-cart-page .xf-cart-bottom-btn button {
  width: 100%;
  background-color: #e81c2e;
  color: #fff;
  border-color: #e81c2e;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.23px;
  padding: 14px !important;
}

.xepage-page.xf-cart-page .xf-cart-bottom-btn button:hover {
  background-color: #d11929;
}

.xepage-page.xf-cart-page .xf-cart-bottom-btn a {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.23px;
  color: #484848;
  border-color: #fff;
  padding: 14px !important;
}

.xepage-page.xf-cart-page .xf-cart-bottom-btn a:hover {
  background-color: #f1f1f1;
  color: #141414;
}

@media (min-width: 768px) {
  .xepage-page.xf-cart-page .xepage-shopping-name-title-box::after {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
  .xepage-page.xf-cart-page .xf-cart-content {
    margin: 0;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list li + li {
    border-top: 1px solid #ececec;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list li {
    padding-left: 15px;
    padding-right: 15px;
    border-top: 0;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list li.xepage-item__thead .xepage-item-content__item.head-item-content-base {
    -webkit-box-flex: 0;
    -ms-flex: 0  0 64px;
    flex: 0  0 64px;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list li.xepage-item__thead .xepage-item-content__item.xepage-item-content__item--checkbox .xu-label-checkradio__text {
    width: 120px;
    height: auto;
    clip: initial;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list li.cart-seller-wrap {
    background-color: #f7f8f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #ececec;
    border-bottom: 0;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list li.cart-seller-wrap .cart-seller-name-mobile {
    display: none;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list li.cart-seller-wrap .cart-seller-name-mobile .seller-tit {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.73;
    letter-spacing: -0.38px;
    color: #141414;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list li.cart-seller-wrap .seller-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/home.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    margin-left: 6px;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list li.cart-seller-wrap .xf-cart-item-mobile {
    display: none;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list li.cart-seller-wrap .xf-cart-item-mobile .xepage-item-content__item .xepage-item-content__item-inner {
    padding: 0;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list li.cart-seller-wrap .xf-cart-item-mobile .xepage-item-content__item .xepage-item-content__item-inner .xepage-item-content__item-text .item-desc {
    color: #9c9c9c;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list li.cart-seller-wrap .xepage-item-content.xf-cart-item-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item {
    position: relative;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item.xepage-item-content__item--wish {
    position: relative;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item.item-content-base {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 64px;
    flex: 0 0 64px;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item.xepage-item-content__item--title {
    min-width: 205px;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item.xepage-item-content__item--title .xepage-item-content__item-inner span {
    font-weight: 500;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item.xepage-item-content__item--info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 305px;
    max-width: 100%;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item.xepage-item-content__item-point .xepage-item-content__item-inner {
    padding-left: 0;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item.xepage-item-content__item-point.xepage-item-content__item-top {
    margin-top: 0px;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xf-item-thumbnail .card-img {
    width: 90px;
    height: 90px;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xf-item-thumbnail .card-body {
    padding-left: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xf-item-thumbnail .card-title {
    margin: 0;
    margin-bottom: 8px;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xf-item-thumbnail .card-title .card-link {
    font-size: 17px;
    line-height: 22px;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xf-item-thumbnail .card-desc {
    font-size: 14px;
    line-height: 18px;
    color: #484848;
    padding: 0 !important;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xepage-item-content__item-inner {
    padding-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xepage-item-content__item-inner .xepage-item-content__item-text {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xepage-item-content__item-inner .xepage-item-content__item-text em {
    display: inline-block;
    padding-top: 0;
    font-size: 15px;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item .xepage-item-content__item-inner .xepage-item-content__item-text .desc-mobile {
    display: none;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item-box--mobile-buttom {
    border-top: 0;
    margin-top: 20px;
    padding-top: 0;
    padding-bottom: 5px;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item-box--mobile-buttom .xepage-item-content__item.xepage-item-content__item--button-right {
    width: 100%;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item-box--mobile-buttom .xepage-item-content__item-inner {
    margin: 0 -3px;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .xepage-item-content__item-box--mobile-buttom .cart-item-btn.btn {
    margin: 3px 0;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .cart-item-btn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 13px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: -0.22px;
    padding: 4px 10px;
    border-radius: 4px;
    margin: 0 3px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .cart-item-btn .btn-mobile {
    display: none;
  }
  .xepage-page.xf-cart-page .xf-cart-content .xepage-list .cart-item-btn.btn-outline-secondary {
    border-color: #e0e0e0;
    color: #767676;
  }
  .xepage-page.xf-cart-page .cart-seller-name-mobile {
    display: none;
  }
  .xepage-page.xf-cart-page .only-pc.xepage-item-content__item-box--mobile-buttom {
    display: block;
  }
  .xepage-page.xf-cart-page .xf-cart-notice {
    padding-top: 8px;
  }
  .xepage-page.xf-cart-page .xf-cart-notice .btn {
    border-radius: 2px;
    border-color: #e0e0e0;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: -0.19px;
    color: #767676;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 11px;
  }
  .xepage-page.xf-cart-page .xf-cart-price-section {
    border-top: 1px solid #000  !important;
  }
  .xepage-page.xf-cart-page .xf-cart-price-section .section-xepage-table-column {
    position: relative;
  }
  .xepage-page.xf-cart-page .xf-cart-price-section .section-xepage-table-column.section-xepage-table-column--no-border-lr .row .col--mobile-last {
    border-right: 0;
  }
  .xepage-page.xf-cart-page .xf-cart-price-section .section-xepage-table-column .xepage-table-column-header {
    padding: 30px;
  }
  .xepage-page.xf-cart-page .xf-cart-price-section .section-xepage-table-column .xepage-table-column-header.total-plus::before {
    content: '+';
    font-size: 20px;
    color: #141414;
    font-weight: 500;
    line-height: 22px;
    position: absolute;
    left: -8px;
  }
  .xepage-page.xf-cart-page .xf-cart-price-section .section-xepage-table-column .xepage-table-column-header.total-equals::before {
    content: '=';
    font-size: 20px;
    color: #141414;
    font-weight: 500;
    line-height: 22px;
    position: absolute;
    left: -8px;
  }
  .xepage-page.xf-cart-page .xf-cart-price-section .section-xepage-table-column .xepage-table-column-header .xepage-table-column-header__title {
    font-size: 17px;
  }
  .xepage-page.xf-cart-page .xf-cart-price-section .section-xepage-table-column .xepage-table-column-header .xepage-table-column-header__text {
    letter-spacing: -0.38px;
  }
  .xepage-page.xf-cart-page .xf-cart-price-section .section-xepage-table-column .total-text {
    color: #e81c2e !important;
    font-weight: 700;
  }
  .xepage-page.xf-cart-page .xf-cart-bottom-btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .xepage-page.xf-cart-page .xf-cart-bottom-btn button {
    width: 240px;
  }
  .xepage-page.xf-cart-page .xf-cart-bottom-btn a {
    width: 240px;
    border-color: #e0e0e0;
  }
}

@media (min-width: 992px) {
  .xf-commerce-tab-content {
    display: none;
  }
  .xf-commerce-tab-content.on {
    display: block;
  }
  .xf-commerce-tab-content .section-xepage-mypage-show-wrap .widget-show-follow-list .widget-mypage-show-item {
    width: 20%;
  }
  .xf-commerce-tab-content .xf-commerce-like-goods-list.widget-bold-shop-main-list .widget-list > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
  }
  .xf-commerce-cart-tab-box .xf-cart-tab-list .xf-cart-tab-item .tab-item-text {
    padding-bottom: 40px;
    font-size: 26px;
    line-height: 36px;
  }
  .xf-commerce-cart-tab-box .xf-cart-tab-list .xf-cart-tab-item .tab-item-num {
    font-size: 18px;
  }
}

/* display */
.base-block {
  display: block !important;
}

.base-inline {
  display: inline !important;
}

.base-inline-block {
  display: inline-block !important;
}

.base-display-none {
  display: none !important;
}

.base-vertical-m {
  vertical-align: middle !important;
}

.xf-widget-product__header {
  position: relative;
  text-align: left;
  margin: 0 0 16px;
}

.xf-widget-product__header .xf-widget-product__title {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #484848;
  letter-spacing: -0.4px;
}

.xf-widget-product__header .xf-widget-product__title .item-list__number {
  font-weight: 500;
  color: #141414;
}

.xepage-shopping-item-list-info {
  padding-bottom: 12px;
}

.xepage-shopping-item-list-info .xepage-shopping-item-list--right-box .xf-product__sort {
  position: relative;
  padding: 0;
}

/* 상품 정렬버튼 */
.xf-product__sort {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -2px;
}

.xf-product__sort .sort-list {
  position: relative;
  padding: 0 4px;
}

.xf-product__sort .sort-list + .sort-list::before {
  content: '';
  display: block;
  width: 1px;
  height: 16px;
  background-color: #ececec;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 0;
}

.xf-product__sort .sort-list .sort-btn {
  position: relative;
  display: block;
  padding: 0 4px;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
}

.xf-product__sort .sort-list .sort-btn.sort1 {
  background-image: url(../img/icon_sort_1.svg);
}

.xf-product__sort .sort-list .sort-btn.sort1.on {
  background-image: url(../img/icon_sort_1_on.svg);
}

.xf-product__sort .sort-list .sort-btn.sort2 {
  background-image: url(../img/icon_sort_2.svg);
}

.xf-product__sort .sort-list .sort-btn.sort2.on {
  background-image: url(../img/icon_sort_2_on.svg);
}

.section-shop-product .section-shop-product__title {
  margin-bottom: 32px;
}

.section-shop-product .section-shop-product-tab .section-shop-product-tab-list {
  margin-bottom: 1px;
  border-bottom: 1px solid #ececec;
  padding: 0;
  margin: 0;
}

.section-shop-product .section-shop-product-tab .section-shop-product-tab-list::after {
  content: '';
  display: block;
  clear: both;
}

.section-shop-product .section-shop-product-tab .section-shop-product-tab-list .xf-tab-list-item {
  color: #515154;
  position: relative;
}

.section-shop-product .section-shop-product-tab .section-shop-product-tab-list .xf-tab-list-item a {
  display: inline-block;
  padding: 16px 0;
  margin-right: 16px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #aeaeae;
}

.section-shop-product .section-shop-product-tab .section-shop-product-tab-list .xf-tab-list-item.active a {
  position: relative;
  font-weight: 700;
  color: #e81c2e;
}

.section-shop-product .section-shop-product-tab .section-shop-product-tab-list .xf-tab-list-item.active a:after {
  display: block;
  content: '';
  height: 2px;
  bottom: -1px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background-color: #e81c2e;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}

.section-shop-product .section-shop-product--wrapper {
  padding: 0 0 32px;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -7.5px;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col1 .xf-shop-item-item {
  width: 100%;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col2 .xf-shop-item-item {
  width: 50%;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col2 .xf-shop-item-item .xf-shop-item-link {
  padding-left: 0;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col2 .xf-shop-item-item .xf-shop-item-link .xf-shop-item-thumbnail {
  position: relative;
  top: auto;
  left: auto;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col2 .xf-shop-item-item .xf-shop-item-link .xf-shop-item-thumbnail .xf-shop-item-thumbnail-box {
  width: 100%;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col2 .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body {
  padding-top: 15px;
  padding-left: 0;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col2 .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body .section-shop-product--item__details .product--item__details-list .details-list-info {
  width: 100%;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col2 .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body .section-shop-product--item__price .section-shop-product--item__regular-price {
  font-size: 13px;
  letter-spacing: -0.2px;
  color: #c0c0c0;
  text-decoration: line-through;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col2 .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body .section-shop-product--item__price .section-shop-product--item__final-price {
  font-size: 15px;
  letter-spacing: -0.2px;
  color: #141414;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item {
  position: relative;
  outline: none;
  width: 100%;
  padding: 0 7.5px;
  margin-bottom: 12px;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link {
  display: block;
  text-decoration: none;
  color: #141414;
  position: relative;
  padding-left: 100px;
  min-height: 100px;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link .xf-shop-item-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link .xf-shop-item-thumbnail .xf-shop-item-thumbnail-box {
  width: 100px;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link .xf-shop-item-thumbnail .xf-shop-item-thumbnail-box .xf-shop-item-thumbnail-img {
  padding-top: 100%;
  background-size: cover;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body {
  padding-top: 5px;
  padding-left: 15px;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body .section-shop-product--item__title {
  font-size: 15px;
  font-weight: 500;
  color: #141414;
  line-height: 22px;
  margin: 0;
  margin-bottom: 7px;
  letter-spacing: -0.43px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  max-height: 22px;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body .section-shop-product--item__description {
  font-size: 12px;
  color: #484848;
  letter-spacing: -0.4px;
  line-height: 18px;
  margin: 0 0 2px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  max-height: 18px;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body .section-shop-product--item__details .product--item__details-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body .section-shop-product--item__details .product--item__details-list .details-list-info {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.4px;
  color: #9c9c9c;
  width: 50%;
  min-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  max-height: 18px;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body .section-shop-product--item__details .product--item__details-list .details-list-info:nth-child(2n-1) {
  padding-right: 4px;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body .section-shop-product--item__price .section-shop-product--item__regular-price {
  font-size: 13px;
  letter-spacing: -0.2px;
  color: #c0c0c0;
  text-decoration: line-through;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body .section-shop-product--item__price .section-shop-product--item__final-price {
  font-size: 15px;
  letter-spacing: -0.2px;
  color: #141414;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .section-shop-product--item__info-box {
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .section-shop-product--item__info-box .xf-icon-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 12px;
  z-index: 50;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  padding: 4px 8px;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .section-shop-product--item__info-box .xf-icon-info .section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .section-shop-product--item__info-box .xf-icon-info:hover {
  background-color: #f8f9fa;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .section-shop-product--item__info-box .xf-icon-info .xf-icon {
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .section-shop-product--item__info-box .xf-icon-info .xf-icon.xf-icon-heart {
  margin-right: 5px;
  background-image: url(../img/icon-like.svg);
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .section-shop-product--item__info-box .xf-icon-info .xf-icon.xf-icon-cart {
  margin-right: 4px;
  background-image: url(../img/icon-shopping-cart.svg);
}

.section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .section-shop-product--item__info-box .xf-icon-info .xf-text {
  color: #141414;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.4px;
}

.section-shop-product .xf-product__list-more-btn {
  margin-top: 6px;
}

.section-shop-product .xf-product__list-more-btn .xf-product__list-more-link {
  margin: 0 auto;
  display: block;
  padding: 13px 8px;
  border-radius: 4px;
  border: solid 1px #e0e0e0;
  background-color: #fff;
  line-height: 20px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #141414;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  width: 100%;
  max-width: 400px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.section-shop-product .xf-product__list-more-btn .xf-product__list-more-link:hover {
  background-color: #f8f9fa;
}

.section-shop-product .xf-product__list-more-btn .xf-product__list-more-link .xf-product__list-more-icon {
  font-size: 12px;
  color: #aaafb5;
  margin-left: 4px;
}

@media (max-width: 991px) {
  .section-shop-product-tab {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    padding-right: 15px;
  }
  .section-shop-product-tab::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 16px;
    z-index: 10;
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(89%, #fff));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 89%);
  }
  .section-shop-product-tab .section-shop-product-tab-list {
    float: left;
    display: block;
    white-space: nowrap;
    position: relative;
  }
  .section-shop-product-tab .section-shop-product-tab-list .xf-tab-list-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
  }
  .section-shop-product-tab .section-shop-product-tab-list .xf-tab-list-item.active {
    position: relative;
  }
  .section-shop-product-tab .section-shop-product-tab-list .xf-tab-list-item.active:after {
    bottom: 5px;
  }
  .section-shop-product-slide--wrapper {
    margin: 0 -7.5px;
  }
  .section-shop-product-slide--wrapper .xf-shop-slide-item-item {
    padding: 0 7.5px;
  }
}

@media (min-width: 992px) {
  .section-shop-product {
    position: relative;
  }
  .section-shop-product .section-shop-product-tab {
    position: relative;
    border-bottom: none;
    margin-bottom: 20px;
  }
  .section-shop-product .section-shop-product-tab .section-shop-product-tab-list .xf-tab-list-item {
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
  }
  .section-shop-product .section-shop-product-tab .section-shop-product-tab-list .xf-tab-list-item.active a:hover {
    color: #e81c2e;
  }
  .section-shop-product .section-shop-product-tab .section-shop-product-tab-list .xf-tab-list-item a {
    padding: 24px 0 20px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    margin-right: 32px;
  }
  .section-shop-product .section-shop-product-tab .section-shop-product-tab-list .xf-tab-list-item a:hover {
    color: #4c5057;
  }
  .section-shop-product .section-shop-product--wrapper {
    padding: 0px 0 40px;
  }
  .section-shop-product .section-shop-product--wrapper .xf-widget-product__header {
    padding: 12px 0 0;
    margin: 0 0 16px;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list {
    margin: 0;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item {
    padding: 16px 0;
    border-bottom: 1px solid #ececec;
    margin-bottom: 0;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item:first-child {
    padding-top: 0;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col2 {
    margin: 0 -18px;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col2 .xf-shop-item-item {
    width: 25%;
    padding: 0 18px;
    border-bottom: 0;
    margin-bottom: 30px;
    /*  height: 100%; */
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col2 .xf-shop-item-item .item-item-box {
    position: relative;
    padding-bottom: 70px;
    height: 100%;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col2 .xf-shop-item-item .xf-shop-item-link {
    padding-right: 0;
    display: block;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col2 .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body {
    display: block;
    height: auto;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col2 .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body .section-shop-product--item__details .product--item__details-list .details-list-info {
    width: 50%;
    padding-right: 8px;
    font-size: 12px;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col2 .xf-shop-item-item .section-shop-product--item__info-box {
    /*   position: relative; */
    top: auto;
    right: auto;
    margin: 0;
    bottom: 0;
    width: 100%;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col2 .xf-shop-item-item .section-shop-product--item__info-box .xf-icon-info {
    margin: 0 3px;
    width: 50%;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list.xe-col2 .xf-shop-item-item .section-shop-product--item__info-box .xf-icon-info.xf-icon-info-like {
    margin: 0;
    width: 100%;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link {
    padding-left: 120px;
    min-height: 120px;
    padding-right: 270px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link .xf-shop-item-thumbnail .xf-shop-item-thumbnail-box {
    width: 120px;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body {
    padding-left: 24px;
    padding-top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body .section-shop-product--item__title {
    font-size: 17px;
    margin-bottom: 12px;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body .section-shop-product--item__description {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .xf-shop-item-link .section-shop-product--item__text-body .section-shop-product--item__details .product--item__details-list .details-list-info {
    width: auto;
    min-width: auto;
    font-size: 14px;
    padding-right: 24px;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .section-shop-product--item__info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -25px;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .section-shop-product--item__info-box .xf-icon-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0;
    margin-left: 6px;
    z-index: 50;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    padding: 14px 8px;
    width: 130px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .section-shop-product--item__info-box .xf-icon-info.on .xf-icon.xf-icon-heart {
    background-image: url(../img/icon-like-on.svg);
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .section-shop-product--item__info-box .xf-icon-info:hover {
    background-color: #f8f9fa;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .section-shop-product--item__info-box .xf-icon-info .xf-icon {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .section-shop-product--item__info-box .xf-icon-info .xf-icon.xf-icon-heart {
    margin-right: 8px;
    background-image: url(../img/icon-like.svg);
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .section-shop-product--item__info-box .xf-icon-info .xf-icon.xf-icon-cart {
    margin-right: 8px;
    background-image: url(../img/icon-shopping-cart.svg);
  }
  .section-shop-product .section-shop-product--wrapper .section-shop-product-list .xf-shop-item-item .section-shop-product--item__info-box .xf-icon-info .xf-text {
    color: #141414;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: -0.47px;
  }
  .section-shop-product .xf-product__list-more-btn {
    margin-top: 32px;
  }
  .xepage-shopping-item-list-info {
    padding-bottom: 0;
  }
  .xepage-shopping-item-list-info .xepage-shopping-item-list--right-box .xf-product__sort {
    top: 0;
  }
  .xf-product__sort {
    top: 10px;
  }
}

/* 카테고리메뉴 */
.xf-shop-category-section {
  margin: 0 -15px;
}

.xf-shop-category-section .xf-shop-category-tab {
  margin: 0;
  padding: 0 15px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xf-shop-category-section .xf-shop-category-tab li {
  width: 50%;
}

.xf-shop-category-section .xf-shop-category-tab li.on .category-tab {
  color: #e81c2e;
}

.xf-shop-category-section .xf-shop-category-tab li.on .category-tab::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #e81c2e;
  position: absolute;
  left: 0;
  bottom: -1px;
}

.xf-shop-category-section .xf-shop-category-tab li .category-tab {
  display: block;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  padding: 12px 16px;
  letter-spacing: -0.6px;
  color: #aeaeae;
}

.xf-shop-category-section .xf-shop-category-menu-content {
  position: relative;
}

.xf-shop-category-section .xf-shop-category-menu-content::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  bottom: 0;
  z-index: -1;
  background-color: #f7f8f9;
  border-bottom: 1px solid #ececec;
  border-top: 1px solid #ececec;
}

.xf-shop-category-section .xf-shop-category-menu-content .xf-shop-category-menu-box {
  display: none;
}

.xf-shop-category-section .xf-shop-category-menu-content .xf-shop-category-menu-box.on {
  display: block;
}

.xf-shop-category-section .xf-shop-category-menu-content .xf-shop-category-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 20px 15px;
  list-style: none;
}

.xf-shop-category-section .xf-shop-category-menu-content .xf-shop-category-menu-list .xf-shop-category-menu-item {
  line-height: normal;
  width: 33.3333%;
  margin-top: 12px;
}

.xf-shop-category-section .xf-shop-category-menu-content .xf-shop-category-menu-list .xf-shop-category-menu-item:nth-child(1) {
  margin-top: 0;
}

.xf-shop-category-section .xf-shop-category-menu-content .xf-shop-category-menu-list .xf-shop-category-menu-item:nth-child(2) {
  margin-top: 0;
}

.xf-shop-category-section .xf-shop-category-menu-content .xf-shop-category-menu-list .xf-shop-category-menu-item:nth-child(3) {
  margin-top: 0;
}

.xf-shop-category-section .xf-shop-category-menu-content .xf-shop-category-menu-list .xf-shop-category-menu-item.on a {
  color: #000;
}

.xf-shop-category-section .xf-shop-category-menu-content .xf-shop-category-menu-list .xf-shop-category-menu-item a {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: -0.6px;
  color: #aeaeae;
}

@media (min-width: 992px) {
  .xf-shop-category-section {
    margin: 0;
  }
  .xf-shop-category-section .xf-shop-category-tab {
    padding: 0;
  }
  .xf-shop-category-section .xf-shop-category-tab li .category-tab {
    padding: 18px;
    font-size: 17px;
  }
  .xf-shop-category-section .xf-shop-category-menu-content {
    position: relative;
  }
  .xf-shop-category-section .xf-shop-category-menu-content .xf-shop-category-menu-list {
    position: relative;
    padding: 20px 0;
  }
  .xf-shop-category-section .xf-shop-category-menu-content .xf-shop-category-menu-list .xf-shop-category-menu-item {
    margin: 0;
    margin-right: 32px;
    width: auto;
  }
  .xf-shop-category-section .xf-shop-category-menu-content .xf-shop-category-menu-list .xf-shop-category-menu-item a {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
}

.xepage-mypage-name-card-section .add-btn {
  display: inline-block;
  font-size: 12px;
  letter-spacing: -0.42px;
  color: #fff;
  padding: 8px 20px;
  background-color: #3a3a3a;
  margin-top: 6px;
}

.xf-name-card-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.xf-name-card-list .xf-name-card-item {
  border-bottom: 1px solid #ececec;
}

.xf-name-card-list .xf-name-card-item .xf-name-card-content {
  border: 0;
  padding: 20px 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.xf-name-card-list .xf-name-card-item .xf-name-card-content .name-card-profile-img {
  position: relative;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.xf-name-card-list .xf-name-card-item .xf-name-card-content .name-card-profile-img .ceo-label {
  padding: 3px 8px;
  border-radius: 10.5px;
  border: solid 1px #e81c2e;
  background-color: #fff;
  letter-spacing: -0.4px;
  color: #e81c2e;
  font-size: 12px;
}

.xf-name-card-list .xf-name-card-item .xf-name-card-content .xf-name-card-info {
  margin-left: 15px;
}

.xf-name-card-list .xf-name-card-item .xf-name-card-content .xf-name-card-info .info-tit {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: -0.56px;
  color: #141414;
  margin: 0 0 8px;
}

.xf-name-card-list .xf-name-card-item .xf-name-card-content .xf-name-card-info .info-item {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: -0.47px;
  color: #484848;
}

.xf-name-card-list .xf-name-card-item .xf-name-card-btn-wrap {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -4.5px;
}

.xf-name-card-list .xf-name-card-item .xf-name-card-btn-wrap .name-card-btn-box {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 4.5px;
}

.xf-name-card-list .xf-name-card-item .xf-name-card-btn-wrap .list-btn {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: -0.22px;
  text-align: center;
  color: #767676;
  display: block;
  text-align: center;
}

.xf-name-card-list-empty {
  min-height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #ececec;
}

.xf-name-card-list-empty .empty-notice {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.47px;
  color: #767676;
  margin: 0;
}

.xepage-name-card-form {
  padding: 20px 0;
}

.xepage-name-card-form .xu-form-group {
  margin-bottom: 15px;
}

.xepage-name-card-form .xu-form-group.xu-form-group-check {
  padding-top: 8px;
}

.xepage-name-card-form .xu-form-group .xe-form-group {
  margin-bottom: 15px;
}

.xepage-name-card-form .xu-form-group .xu-form-group__label {
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: -0.37px;
  color: #484848;
}

.xepage-name-card-form .xu-form-group .xu-form-group__control {
  border-radius: 4px;
  border: solid 1px #d7d7d7;
  font-size: 15px;
  color: #aaafb5;
}

.xepage-name-card-form .xu-form-group .xeuio-ml__add-item {
  padding: 0 8px;
}

.xf-name-card-form-btn {
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -3px;
}

.xf-name-card-form-btn .name-card-btn-box {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 3px;
}

.xf-name-card-form-btn .name-card-btn-box .list-btn {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: -0.22px;
  text-align: center;
  color: #484848;
  display: block;
  text-align: center;
}

.xf-name-card-form-btn .name-card-btn-box .list-btn.list-btn-line {
  border: 1px solid #e0e0e0;
}

.xf-name-card-form-btn .name-card-btn-box .list-btn.list-btn-primary {
  background-color: #e81c2e;
  color: #fff;
  border-color: #e81c2e;
}

@media (min-width: 992px) {
  .xf-name-card-list .xf-name-card-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .xf-name-card-list .xf-name-card-item .xf-name-card-content {
    border: 0;
    padding: 20px 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .xf-name-card-list .xf-name-card-item .xf-name-card-content .name-card-profile-img {
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  .xf-name-card-list .xf-name-card-item .xf-name-card-content .name-card-profile-img .ceo-label {
    padding: 3px 8px;
    border-radius: 10.5px;
    border: solid 1px #e81c2e;
    background-color: #fff;
    letter-spacing: -0.4px;
    color: #e81c2e;
    font-size: 12px;
  }
  .xf-name-card-list .xf-name-card-item .xf-name-card-content .xf-name-card-info {
    margin-left: 15px;
  }
  .xf-name-card-list .xf-name-card-item .xf-name-card-content .xf-name-card-info .info-tit {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.56px;
    color: #141414;
    margin: 0 0 8px;
  }
  .xf-name-card-list .xf-name-card-item .xf-name-card-content .xf-name-card-info .info-item {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.47px;
    color: #484848;
  }
  .xf-name-card-list .xf-name-card-item .xf-name-card-btn-wrap {
    padding-bottom: 0;
  }
  .xf-name-card-list .xf-name-card-item .xf-name-card-btn-wrap .name-card-btn-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 4.5px;
  }
  .xf-name-card-list .xf-name-card-item .xf-name-card-btn-wrap .list-btn {
    border-radius: 2px;
    padding: 4px 10px;
    letter-spacing: -0.2px;
    font-size: 13px;
  }
  .xf-name-card-form-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .xf-name-card-form-btn .name-card-btn-box {
    max-width: 170px;
  }
}

/*  검색결과 */
.xf-search-result-section {
  position: relative;
  margin-top: -28px;
}

.xf-search-result-head {
  position: relative;
}

.xf-search-result-head::before {
  content: '';
  display: block;
  position: relative;
  top: 0;
  width: 100vw;
  left: 50%;
  height: 8px;
  margin-left: -50vw;
  background-color: #EFF0F3;
  z-index: -1;
}

.xf-search-result-head::after {
  content: '';
  display: block;
  position: relative;
  width: 100vw;
  left: 50%;
  height: 1px;
  margin-left: -50vw;
  background-color: #ececec;
  z-index: -1;
}

.xf-search-result-head .xf-search-result-head-title .xf-search-result-title {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #141414;
  line-height: 32px;
  margin: 0;
}

.xf-search-result-head .xf-search-result-head-title .xf-search-result-title .xf-search-result-title-word {
  color: #ff3780;
}

.xf-search-result-text {
  padding: 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.xf-search-result-text .search_reseult_info {
  position: relative;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: -0.63px;
  color: #141414;
}

.xf-search-result-text .xf-search-result-title-word {
  position: relative;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: -0.63px;
  color: #e81c2e;
}

.xf-search-result-text .search_reseult_number {
  display: inline-block;
  margin-left: auto;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.56px;
  text-align: right;
  color: #9c9c9c;
}

.xepage-shopping-item-list-search {
  margin-top: 16px;
  margin-bottom: 24px;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box.xf-widget-search-no-box {
  text-align: center;
  padding: 100px 0;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box.xf-widget-search-no-box .xf-widget-search-no-title {
  width: 100%;
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #141414;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box.xf-widget-search-no-box .xf-widget-search-no-info {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #c0c0c0;
  margin: 0;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap {
  list-style: none;
  margin: 0;
  padding: 0 0 16px;
  width: 100%;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list {
  width: 100%;
  /*  border-bottom: 1px solid #e0e0e0;
                padding: 18px 0; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-list-thumnail-wrap {
  width: 100px;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-list-thumnail-wrap.search-list-vod-thumnail-wrap {
  width: 187px;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-list-thumnail-wrap.search-list-vod-thumnail-wrap .search-list-link {
  display: block;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-list-thumnail-wrap.search-list-vod-thumnail-wrap .search-list-link .search-list-thumnail {
  padding-top: 56.3%;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-list-thumnail-wrap.search-list-product-thumnail-wrap {
  width: 105px;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-list-thumnail-wrap.search-list-product-thumnail-wrap .search-list-link {
  display: block;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-list-thumnail-wrap.search-list-product-thumnail-wrap .search-list-link .search-list-thumnail {
  padding-top: 100%;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-list-thumnail-wrap .search-list-link {
  display: block;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-list-thumnail-wrap .search-list-link .search-list-thumnail {
  width: 100%;
  padding-top: 142%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-info {
  padding-left: 20px;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-info .base-list-title {
  margin: 0 0 5px;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-info .base-list-title .search-list-link {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.48px;
  color: #141414;
  margin: 0 0 5px;
  overflow: hidden;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  text-decoration: none;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-info .list-date {
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.22px;
  color: #767676;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-info .goods-detail-info .goods-status {
  border-radius: 13px;
  border: solid 1px #ff3780;
  background-color: #ff3780;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  padding: 3px 10px;
  line-height: 15px;
  text-transform: uppercase;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-info .goods-detail-info .goods-price .goods-price-icon {
  border-radius: 15px;
  border: solid 1px #ff3780;
  background-color: #ff3780;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 0px 0px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  width: 22px;
  height: 22px;
}

.xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-info .goods-detail-info .goods-price .goods-price-tag {
  font-weight: 700;
  font-size: 14px;
  color: #141414;
  letter-spacing: -0.22px;
  line-height: 20px;
}

@media (min-width: 992px) {
  .xf-search-result-head {
    position: relative;
  }
  .xf-search-result-head::before {
    display: none;
  }
  .xf-search-result-head::after {
    width: 100%;
    left: 0;
    height: 1px;
    margin-left: 0;
  }
  .xf-search-result-head .xf-search-result-head-title .xf-search-result-title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #141414;
    line-height: 32px;
    margin: 0;
  }
  .xf-search-result-text {
    padding: 20px 0;
  }
  .xf-search-result-text .search_reseult_info {
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
  }
  .xf-search-result-text .xf-search-result-title-word {
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
  }
  .xf-search-result-text .search_reseult_number {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.6px;
    margin-left: 8px;
  }
  .xepage-shopping-item-list-search .xf-widget-search-content-box.xf-widget-search-no-box {
    text-align: center;
    padding: 200px 0 100px;
  }
  .xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list {
    border-bottom: 1px solid #e0e0e0;
    padding: 28px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list:first-child {
    padding-top: 0;
  }
  .xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .xf-shop-item-item {
    padding: 0;
    margin: 0;
  }
  .xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-list-thumnail-wrap {
    width: 100px;
    min-width: 100px;
  }
  .xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-list-thumnail-wrap .search-list-link {
    display: block;
  }
  .xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-list-thumnail-wrap .search-list-link .search-list-thumnail {
    width: 100%;
    padding-top: 142%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-info {
    padding-left: 32px;
  }
  .xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-info .base-list-title {
    margin: 0 0 5px;
  }
  .xepage-shopping-item-list-search .xf-widget-search-content-box .xf-widget-search-content-wrap .list .search-info .base-list-title .search-list-link {
    font-size: 18px;
  }
}

/* 미니샵 */
.mini-home-category .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  max-width: 100%;
}

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

.mini-home-category .eg-flick-viewport {
  z-index: 10 !important;
}

.mini-home-category .eg-flick-viewport .eg-flick-camera {
  position: relative;
}

.mini-home-category .eg-flick-viewport .eg-flick-camera .mini-category__submenu:first-child {
  padding-left: 0;
}

.mini-home-category .mini-category__submenu {
  padding: 0;
}

.mini-home-category .mini-category__submenu::before {
  display: none;
}

.mini-home-category .mini-category__submenu .mini__submenu-list {
  margin-right: 0;
  padding: 8px 0;
}

.mini-home-category .mini-category__submenu .mini__submenu-list .mini__submenu-link {
  padding: 8px 0;
  /*  min-width: 50px;  */
  white-space: nowrap;
}

.mini-shop {
  margin-top: -28px;
}

.mini-gnb {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 12px 0px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mini-gnb::after {
  content: '';
  display: block;
  top: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  background-color: #ff3780;
  height: 100%;
  position: absolute;
  z-index: -1;
  border-top: 1px solid rgba(255, 255, 255, 0.27);
}

.mini-gnb .mini-gnb-bg {
  /*         content: '';
 */
  display: block;
  top: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  background-color: #ff3780;
  height: 100%;
  position: absolute;
  z-index: -1;
  border-top: 1px solid rgba(255, 255, 255, 0.27);
}

.mini-gnb .mini-mobile-menu {
  display: block;
}

.mini-gnb .mini-mobile-menu .mini-mobile-menu-open {
  display: block;
}

.mini-gnb .mini-mobile-menu .mini-mobile-menu-open i {
  color: #fff;
  font-size: 24px;
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-y: scroll;
  z-index: 10;
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu .mini-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu .mini-menu .mini-menu-list {
  border-bottom: 1px solid #e4e4e4;
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu .mini-menu .mini-menu-list .mini-menu-list-link {
  color: #484848;
  font-size: 15px;
  line-height: 22px;
  padding: 10px;
  display: block;
  text-decoration: none;
  background-color: #fff;
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu .mini-menu .mini-menu-list .mini-category__submenu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu .mini-menu .mini-menu-list .mini-category__submenu.active {
  display: block;
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu .mini-menu .mini-menu-list .mini-category__submenu::before {
  content: '';
  background-color: #f9f9f9;
  position: absolute;
  width: 100vw;
  left: 50%;
  height: 100%;
  margin-left: -50vw;
  bottom: 0;
  z-index: -1;
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu .mini-menu .mini-menu-list .mini-category__submenu::after {
  content: '';
  display: block;
  clear: both;
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu .mini-menu .mini-menu-list .mini-category__submenu .mini__depthmenu-list {
  float: left;
  width: 50%;
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu .mini-menu .mini-menu-list .mini-category__submenu .mini__depthmenu-list:nth-child(2n-1) {
  border-top: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu .mini-menu .mini-menu-list .mini-category__submenu .mini__depthmenu-list:nth-child(2n) {
  border-top: 1px solid #e4e4e4;
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu .mini-menu .mini-menu-list .mini-category__submenu .mini__depthmenu-list .mini__depthmenu-link {
  padding: 10px;
  background-color: #f1f1f1;
  display: block;
  font-size: 15px;
  line-height: 22px;
  color: #484848;
  text-decoration: none;
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu .mini-menu .mini-menu-list .mini-category__submenu .mini__depthmenu-list .mini__depthmenu-depth {
  overflow: hidden;
  display: none;
  position: absolute;
  width: 100%;
  top: 89px;
  left: 1px;
  z-index: -1;
  background-color: #eef1f6;
  border-top: 1px solid #d8dde7;
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu .mini-menu .mini-menu-list .mini-category__submenu .mini__depthmenu-list .mini__depthmenu-depth.on {
  background-color: #FBBE09;
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu .mini-menu .mini-menu-list .mini-category__submenu .mini__depthmenu-list .mini__depthmenu-depth::after {
  content: '';
  display: block;
  clear: both;
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu .mini-menu .mini-menu-list .mini-category__submenu .mini__depthmenu-list .mini__depthmenu-depth .mini__depthmenu-depth-list {
  float: left;
  padding: 9px 0;
  position: relative;
  /*  &::after {
                                            content: '';
                                            display: block;
                                            width: 1px;
                                            height: 14px;
                                            background-color: #d7d7d7;
                                            position: absolute;
                                            right: 0;
                                            top: 50%;
                                            margin-top: -7px;

                                        } */
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu .mini-menu .mini-menu-list .mini-category__submenu .mini__depthmenu-list .mini__depthmenu-depth .mini__depthmenu-depth-list:last-child::after {
  display: none;
}

.mini-gnb .mini-mobile-menu .mini-category-menu-mobile.mini-category-menu .mini-menu .mini-menu-list .mini-category__submenu .mini__depthmenu-list .mini__depthmenu-depth .mini__depthmenu-depth-list .mini__depthmenu-depth-link {
  font-size: 14px;
  color: #9c9c9c;
  line-height: 22px;
  display: block;
  padding: 0 20px;
  text-decoration: none;
}

.mini-gnb .mini-gnb-area {
  display: none;
}

.mini-gnb .mini-gnb-area .mini-location-pop {
  position: absolute;
  top: 55px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  padding: 15px;
  min-width: 240px;
  display: none;
  z-index: 20;
}

.mini-gnb .mini-gnb-area .mini-location-pop.on {
  display: block;
}

.mini-gnb .mini-gnb-area .mini-location-pop .mini-location-pop-close {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}

.mini-gnb .mini-gnb-area .mini-location-pop .mini-location-info-pop {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-right: 15px;
}

.mini-gnb .mini-gnb-area .mini-location-pop .mini-location-info-pop .mini-location-info-list {
  font-size: 13px;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mini-gnb .mini-gnb-area .mini-location-pop .mini-location-info-pop .mini-location-info-list .mini-location-info-title {
  display: inline-block;
  color: #767676;
  width: 40%;
}

.mini-gnb .mini-gnb-area .mini-location-pop .mini-location-info-pop .mini-location-info-list .mini-location-info-content {
  display: inline-block;
  color: #141414;
  width: 60%;
}

.mini-gnb .mini-gnb-area .mini-location {
  position: relative;
  margin-right: 24px;
}

.mini-gnb .mini-gnb-area .mini-location .mini-location-link {
  position: relative;
  text-decoration: none;
  color: #767676;
  font-size: 13px;
  display: inline-block;
}

.mini-gnb .mini-gnb-area .mini-location .mini-location-link.mini-location-current {
  color: #141414;
}

.mini-gnb .mini-gnb-area .mini-location .mini-location-link:before {
  /* content: "\e940"; */
  content: "\e93f";
  font-family: 'xeicon';
  font-size: 13px;
}

.mini-gnb .mini-gnb-area .mini-location .mini-location-link:first-child:before {
  display: none;
}

.mini-gnb .mini-gnb-area .mini-location .mini-location-info {
  color: #c0c0c0;
  display: inline-block;
  font-size: 13px;
}

.mini-gnb .mini-search-box {
  margin-left: auto;
  width: 90%;
}

.mini-gnb .mini-search-box .mini-search-form {
  position: relative;
  background-color: #f8f8f8;
  border-radius: 20px;
  overflow: hidden;
  padding: 0 10px;
}

.mini-gnb .mini-search-box .mini-search-form .mini-search__input {
  background-color: #f8f8f8;
  border: 0;
  padding: 7px 10px;
  padding-right: 30px;
  width: 100%;
}

.mini-gnb .mini-search-box .mini-search-form .mini-search__input:focus {
  outline: none;
}

.mini-gnb .mini-search-box .mini-search-form .mini-search__input::-webkit-input-placeholder {
  color: #666;
  font-size: 14px;
}

.mini-gnb .mini-search-box .mini-search-form .mini-search__input::-moz-placeholder {
  color: #666;
  font-size: 14px;
}

.mini-gnb .mini-search-box .mini-search-form .mini-search__input:-ms-input-placeholder {
  color: #666;
  font-size: 14px;
}

.mini-gnb .mini-search-box .mini-search-form .mini-search__input::-ms-input-placeholder {
  color: #666;
  font-size: 14px;
}

.mini-gnb .mini-search-box .mini-search-form .mini-search__input::placeholder {
  color: #666;
  font-size: 14px;
}

.mini-gnb .mini-search-box .mini-search-form .mini-search__button {
  position: absolute;
  top: 50%;
  right: 5px;
  border: 0;
  font-size: 18px;
  margin-top: -11px;
  background-color: transparent;
  color: #000;
}

.mini-header-content {
  position: relative;
  height: 190px;
  padding: 0px;
}

.mini-header-content .mini-header-content-bg {
  position: absolute;
  top: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  bottom: 0;
  z-index: -1;
}

.mini-header-content .mini-info {
  /*  display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%; */
  position: relative;
  height: 100%;
}

.mini-header-content .mini-info .mini-info-intro {
  background-color: #fff;
  padding: 20px;
  margin-top: 16px;
  border: solid 1px rgba(0, 0, 0, 0.1);
}

.mini-header-content .mini-info .mini-info-intro .mini-info-intro-text {
  position: relative;
  display: block;
  color: #484848 !important;
  /*  padding-left: 66px; */
  padding-left: 0;
  margin: 0;
  font-size: 14px;
}

.mini-header-content .mini-info .mini-info-intro .mini-info-intro-text .mini-info-icon {
  position: absolute;
  left: 0;
  display: block;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-image: url("../img/mini-info.png");
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-position: center;
  display: none;
}

.mini-header-content .mini-info .mini-info-intro .mini-gnb-mobile.mini-gnb {
  display: block;
  padding: 10px 0 0;
}

.mini-header-content .mini-info .mini-info-intro .mini-gnb-mobile.mini-gnb .mini-gnb-area {
  display: block;
  padding-left: 0;
}

.mini-header-content .mini-info .mini-info-title {
  position: relative;
  padding: 24px 0 20px;
  text-align: center;
}

.mini-header-content .mini-info .mini-info-title .mini-info-title-text {
  font-size: 26px;
  font-weight: 700;
  line-height: 38px;
  color: #fff;
  margin: 0;
}

.mini-header-content .mini-info .mini-info-like {
  text-align: center;
}

.mini-header-content .mini-info .mini-info-like .mini-like-button {
  padding: 5px 15px;
  display: inline-block;
  font-size: 15px;
  line-height: 22px;
  padding: 11px 5px;
  max-width: 170px;
  text-align: center;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  width: 48%;
  cursor: pointer;
}

.mini-header-content .mini-info .mini-info-like .mini-like-button .like-icon i {
  margin-right: 3px;
  color: #fff;
}

.mini-header-content .mini-info .mini-info-like .mini-like-button.mini-like-check {
  background-color: #fff;
  color: #000;
}

.mini-header-content .mini-info .mini-info-like .mini-like-button.mini-like-check .like-icon i {
  color: #000;
}

/* 미니샵 카테고리 */
.mini-home-category .mini-category-menu {
  position: relative;
}

.mini-home-category .mini-category-menu::after {
  content: '';
  background-color: #ececec;
  position: absolute;
  width: 100vw;
  left: 50%;
  height: 1px;
  margin-left: -50vw;
  bottom: 0;
}

.mini-home-category .mini-category-menu .mini-menu {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  /*  overflow: hidden; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mini-home-category .mini-category-menu .mini-menu .eg-flick-viewport {
  z-index: 7 !important;
}

.mini-home-category .mini-category-menu .mini-menu::after {
  content: '';
  display: block;
  clear: both;
}

.mini-home-category .mini-category-menu .mini-menu .mini-menu-list {
  /*   float: left; */
  margin-right: 24px;
  white-space: nowrap;
}

.mini-home-category .mini-category-menu .mini-menu .mini-menu-list .mini-menu-list-link {
  color: #484848;
  font-size: 15px;
  line-height: 22px;
  padding: 19px 0;
  display: block;
  text-decoration: none;
}

.mini-home-category .mini-category-menu .mini-menu .mini-menu-list .mini-menu-list-link.active {
  background-color: transparent;
  font-weight: 700;
}

.mini-home-category .mini-category-menu-tab {
  position: relative;
}

.mini-home-category .mini-category-menu-tab::before {
  content: '';
  background-color: #f9f9f9;
  position: absolute;
  width: 100vw;
  left: 50%;
  height: 100%;
  margin-left: -50vw;
  bottom: 0;
  z-index: -1;
}

.mini-home-category .mini-category-menu-tab .mini-category-menu-tab-wrap {
  margin-right: 0;
  margin-left: 0;
}

.mini-home-category .mini-category__submenu {
  margin: 0;
  padding: 0 15px;
  list-style: none;
  display: block;
  width: auto;
  background-color: #f9f9f9;
  left: 0;
  -webkit-box-flex: initial;
  -ms-flex-positive: initial;
  flex-grow: initial;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  /*  &::before {
            content: '';
            background-color:#f9f9f9 ;
             position: absolute;
             width: 100vw;
             left: 50%;
             height: 100%;
             margin-left: -50vw;
             bottom: 0;
             z-index: -1;
         }  */
}

.mini-home-category .mini-category__submenu.active {
  display: block;
}

.mini-home-category .mini-category__submenu::after {
  content: '';
  display: block;
  clear: both;
}

.mini-home-category .mini-category__submenu .mini__submenu-list {
  /*    margin-right: 8px; */
  padding: 0;
  background-color: transparent;
}

.mini-home-category .mini-category__submenu .mini__submenu-list .mini__submenu-link {
  padding: 18px 0;
  display: block;
  font-size: 15px;
  line-height: 22px;
  color: #484848;
  text-decoration: none;
}

.mini-home-category .mini-category__submenu .mini__submenu-list .mini__submenu-depth {
  margin: 20px 0;
  padding: 0;
  list-style: none;
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 2;
  border: solid 1px #d7d7d7;
}

.mini-home-category .mini-category__submenu .mini__submenu-list .mini__submenu-depth.submenu_on {
  display: block;
}

.mini-home-category .mini-category__submenu .mini__submenu-list .mini__submenu-depth::after {
  content: '';
  display: block;
  clear: both;
}

.mini-home-category .mini-category__submenu .mini__submenu-list .mini__submenu-depth .mini__submenu-depth-list {
  float: left;
  padding: 9px 0;
  position: relative;
}

.mini-home-category .mini-category__submenu .mini__submenu-list .mini__submenu-depth .mini__submenu-depth-list:last-child::after {
  display: none;
}

.mini-home-category .mini-category__submenu .mini__submenu-list .mini__submenu-depth .mini__submenu-depth-list::after {
  content: '';
  display: block;
  width: 1px;
  height: 14px;
  background-color: #d7d7d7;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
}

.mini-home-category .mini-category__submenu .mini__submenu-list .mini__submenu-depth .mini__submenu-depth-list .mini__submenu-depth-link {
  font-size: 14px;
  color: #9c9c9c;
  line-height: 22px;
  display: block;
  padding: 0 20px;
  text-decoration: none;
}

/* content */
.mini-content {
  padding: 25px 0 40px;
}

.mini-content .mini-product-wrap .mini-contnent-head {
  position: relative;
}

.mini-content .mini-product-wrap .mini-contnent-head::after {
  content: '';
  display: block;
  clear: both;
}

.mini-content .mini-product-wrap .mini-contnent-head .mini-current-category-title {
  margin: 0;
  padding: 0;
}

.mini-content .mini-product-wrap .mini-contnent-head .mini-current-category-title .mini-current-title-text {
  font-size: 18px;
  color: #141414;
  font-weight: 500;
  letter-spacing: -0.4px;
  display: inline-block;
  margin: 0;
}

.mini-content .mini-product-wrap .mini-contnent-head .mini-current-category-title .mini-category-product-count {
  color: #9c9c9c;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  padding: 0 8px;
}

.mini-content .mini-product-wrap .mini-contnent-body {
  padding: 20px 0;
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area {
  position: relative;
  margin-bottom: 16px;
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area::after {
  content: '';
  display: block;
  clear: both;
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area .mini-product-count-sort {
  /*  position: absolute;
                    right: 15px;
                    top: 0; */
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area .mini-product-count-sort .sort-button-icon {
  padding-left: 4px;
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area .mini-product-count-sort button {
  border: 0;
  color: #767676;
  font-size: 13px;
  line-height: 22px;
  background-color: #fff;
  padding: 0;
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area .mini-product-count-sort button:hover {
  cursor: pointer;
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area .mini-product-count-sort button:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area .mini-product-count-sort .mini-product-count-list {
  min-width: 100px;
  text-align: center;
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area .mini-product-count-sort .mini-product-count-list a {
  font-size: 14px;
  color: #767676;
  text-align: center;
  padding: 2px 4px;
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area .mini-product-count-sort .dropdown-menu {
  -webkit-box-shadow: none;
  box-shadow: none;
  min-width: 130px;
  border-radius: 0;
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area .mini-product-count-sort .dropdown-menu a {
  text-decoration: none;
  color: #767676;
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area .mini-product-sort-list .mini-product-sort-list-item .mini-product-sort-list-link {
  position: relative;
  text-decoration: none;
  color: #767676;
  line-height: 22px;
  font-size: 14px;
  display: inline-block;
  padding: 0 8px;
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area .mini-product-sort-list .mini-product-sort-list-item .mini-product-sort-list-link:first-child {
  padding-left: 0;
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area .mini-product-sort-list .mini-product-sort-list-item .mini-product-sort-list-link:last-child::after {
  display: none;
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area .mini-product-sort-list .mini-product-sort-list-item .mini-product-sort-list-link::after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 0;
  display: block;
  width: 1px;
  height: 11px;
  background-color: #e0e0e0;
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area .mini-product-sort-list .mini-dropdown-icon {
  font-size: 12px;
  display: inline-block;
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area .xf-product__sort {
  top: 0;
}

/* 빵조각 */
.mini-category-loaction-area .mini-category-loaction-mobile-icon {
  display: block;
  position: absolute;
  top: 0;
  right: 15px;
}

.mini-category-loaction-area .mini-category-loaction-mobile-icon:hover {
  cursor: pointer;
}

.mini-category-loaction-area .mini-category-loaction-mobile-icon::after {
  content: "\e941";
  display: block;
  font-size: 16px;
  font-family: 'xeicon';
}

.mini-category-loaction-area .mini-category-loaction-mobile-icon.on::after {
  /* content: "\e921"; */
  content: "\e944";
  display: block;
  font-size: 16px;
  font-family: 'xeicon';
}

.mini-category-loaction-area .mini-category-loaction {
  display: none;
}

.mini-category-loaction-area .mini-category-loaction.loction-mobile {
  position: absolute;
  display: block;
  background-color: #fff;
  top: 25px;
  right: 15px;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  z-index: 1;
}

.mini-category-loaction-area .mini-category-loaction.loction-mobile .mini-category-loaction-list .mini-category-loaction-step {
  display: block;
  min-width: 100px;
  padding: 2px 0;
}

.mini-category-loaction-area .mini-category-loaction.loction-mobile .mini-category-loaction-list .mini-category-loaction-step .mini-category-loaction-step-text::after {
  display: none;
}

.mini-category-loaction-area .mini-category-loaction.loction-mobile .mini-category-loaction-list .mini-category-loaction-step .category-location-dropmenu {
  position: relative;
  border: 0;
}

.mini-category-loaction-area .mini-category-loaction .mini-category-loaction-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mini-category-loaction-area .mini-category-loaction .mini-category-loaction-list .mini-category-loaction-step {
  display: inline-block;
  position: relative;
}

.mini-category-loaction-area .mini-category-loaction .mini-category-loaction-list .mini-category-loaction-step:last-child .mini-category-loaction-step-text::after {
  display: none;
}

.mini-category-loaction-area .mini-category-loaction .mini-category-loaction-list .mini-category-loaction-step .mini-category-loaction-step-text {
  position: relative;
  color: #767676;
  font-size: 13px;
  line-height: 20px;
  display: inline-block;
  padding: 0 8px;
  text-decoration: none;
}

.mini-category-loaction-area .mini-category-loaction .mini-category-loaction-list .mini-category-loaction-step .mini-category-loaction-step-text::after {
  content: '\e940';
  font-family: 'xeicon';
  font-size: 10px;
  color: #767676;
  position: absolute;
  right: -8px;
  font-weight: 700;
}

.mini-category-loaction-area .mini-category-loaction .mini-category-loaction-list .mini-category-loaction-step .category-location-dropmenu {
  margin: 0;
  padding: 5px;
  list-style: none;
  display: none;
  position: absolute;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  min-width: 100px;
  text-align: center;
  z-index: 5;
}

.mini-category-loaction-area .mini-category-loaction .mini-category-loaction-list .mini-category-loaction-step .category-location-dropmenu .category-location-list {
  position: relative;
}

.mini-category-loaction-area .mini-category-loaction .mini-category-loaction-list .mini-category-loaction-step .category-location-dropmenu .category-location-list .category-location-link {
  font-size: 13px;
  color: #9c9c9c;
  display: block;
  line-height: 24px;
}

/* 3뎁스 */
.mini-menu-tab-area {
  padding: 0px;
}

.mini-menu-tab-area .mini__submenu-depth {
  margin: 20px 0;
  padding: 0;
  list-style: none;
  position: relative;
  left: 0;
  width: 100%;
  background-color: #fff;
  border: solid 1px #d7d7d7;
}

.mini-menu-tab-area .mini__submenu-depth.submenu_on {
  display: block;
}

.mini-menu-tab-area .mini__submenu-depth::after {
  content: '';
  display: block;
  clear: both;
}

.mini-menu-tab-area .mini__submenu-depth .mini__submenu-depth-list {
  float: left;
  padding: 9px 0;
  position: relative;
  border: 0;
  background-color: transparent;
  border-radius: 0;
}

.mini-menu-tab-area .mini__submenu-depth .mini__submenu-depth-list:last-child::after {
  display: none;
}

.mini-menu-tab-area .mini__submenu-depth .mini__submenu-depth-list::after {
  content: '';
  display: block;
  width: 1px;
  height: 14px;
  background-color: #d7d7d7;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
}

.mini-menu-tab-area .mini__submenu-depth .mini__submenu-depth-list .mini__submenu-depth-link {
  font-size: 14px;
  color: #9c9c9c;
  line-height: 22px;
  display: block;
  padding: 0 10px;
  text-decoration: none;
}

/* 상품목록 */
.xe-mini-list-item-container .xe-mini-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
  /*   flex-direction: column; */
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list {
  position: relative;
  width: 50%;
  padding: 8px;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .mini-product-list-link {
  display: block;
  position: relative;
  text-decoration: none;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .mini-product-list-link .xe-mini-best-caption {
  position: absolute;
  background-color: #2684ff;
  top: 0;
  left: 0;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .mini-product-list-link .xe-mini-best-caption .xe-mini-best-caption-text {
  font-size: 11px;
  color: #fff;
  line-height: 20px;
  display: block;
  width: 44px;
  text-align: center;
  padding: 0 5px;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .mini-product-list-link .xe-mini-shop-list_img {
  padding-top: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .mini-product-list-link .xe-mini-shop-list_img.xe-mini-shop-thumnail-poster {
  padding-top: 141.4%;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .mini-product-list-link .xe-mini-shop-list_img.xe-mini-shop-thumnail-clip {
  padding-top: 56.3%;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .mini-product-list-link .xe-mini-shop-list_img img {
  width: 100%;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .mini-product-list-link .xe-mini-shop-list-info {
  padding: 15px 0;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .mini-product-list-link .xe-mini-shop-list-info .xe-mini-shop-list_title {
  font-weight: 700;
  font-size: 16px;
  color: #141414;
  line-height: 24px;
  max-height: 48px;
  overflow: hidden;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .mini-product-list-link .xe-mini-shop-list-info .xe-mini-shop-list_content p {
  margin-bottom: 0;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.2;
  height: 2.4em;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #666;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .mini-product-list-link .xe-mini-shop-list-info .xe-mini-shop-list-price {
  margin-top: 16px;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .mini-product-list-link .xe-mini-shop-list-info .xe-mini-shop-list-price .xe-mini-shop-list-discount {
  margin-right: 5px;
  font-weight: 600;
  color: #d75456;
  font-size: 15px;
  line-height: 20px;
  font-family: 'Inter', sans-serif;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .mini-product-list-link .xe-mini-shop-list-info .xe-mini-shop-list-price .xe-mini-shop-list_sale_price {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -1.5px;
  color: #141414;
  font-family: 'Inter', sans-serif;
  margin-right: 8px;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .mini-product-list-link .xe-mini-shop-list-info .xe-mini-shop-list-price .xe-mini-shop-list_regular_price {
  color: #c0c0c0;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: line-through;
  font-family: 'Inter', sans-serif;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .mini-product-list-link .xe-mini-shop-list-info .xepage-shopping-item__caption-name {
  margin: 2px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #767676;
  overflow: hidden;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  text-decoration: none;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .mini-product-list-link .xe-mini-shop-list-info .goods-detail-info {
  padding-top: 10px;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .mini-product-list-link .xe-mini-shop-list-delivery {
  padding: 2px 0px;
  margin: 0;
  font-size: 13px;
  color: #767676;
  line-height: 19px;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .shop-list-icon {
  position: relative;
  right: auto;
  bottom: auto;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .shop-list-icon .shop-list-icon-list {
  margin-right: 10px;
  color: #aeaeae;
  font-size: 12px;
  line-height: 22px;
}

.xe-mini-list-item-container .xe-mini-list-item .mini-product-list .shop-list-icon .shop-list-icon-list i {
  margin-right: 3px;
}

/* 상품 페이징 */
.mini-product-pagination {
  margin-top: 10px;
}

.mini-product-pagination .pagination {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mini-product-pagination .pagination .page-item.active .page-link {
  background-color: #ff3780;
  border-color: #ff3780;
  color: #fff;
}

.mini-product-pagination .pagination .page-item .page-link {
  color: #141414;
  text-decoration: none;
}

/* 모바일 미니샵 메뉴 */
.mini-mobile-menu-wrap {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: -100%;
  background-color: #fff;
  overflow-y: scroll;
  z-index: 1025;
  /*     .xe-og-theme-mobile-gnb-user {
        background-color: #f1f1f1;
        padding: 10px;

        .og-mobile-user-list {
            padding: 0;
            margin: 0;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 2px 2px 8px rgba(0,0,0,.3);
            &::after {
                content: '';
                display: block;
                clear: both;
            }
            .og-mobile-user-item {
                list-style:  none;
                float: left;
                width: 25%;
                padding: 10px 0;
                text-align: center;

                a {
                    color: #333;
                    .og-mobile-user-icon {
                        font-size: 22px;

                    }
                    span {
                        display: block;
                        font-size: 14px;
                    }

                    &:hover {
                        text-decoration: none;
                    }
                }

            }
        }
    }
 */
}

.mini-mobile-menu-wrap.on {
  display: block;
}

.mini-mobile-menu-wrap .mini-mobile-gnb-close {
  position: relative;
  height: 50px;
}

.mini-mobile-menu-wrap .mini-mobile-gnb-close .mini-mall-menu {
  line-height: 50px;
  display: block;
  text-align: center;
  padding: 0 20px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #e4e4e4;
}

.mini-mobile-menu-wrap .mini-mobile-gnb-close .mini-mobile-gnb-close-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  text-align: center;
}

.mini-mobile-menu-wrap .mini-mobile-gnb-close .mini-mobile-gnb-close-box i {
  font-size: 20px;
  line-height: 50px;
}

.mini-mobile-menu-wrap .mini-mobile-gnb-item .mini-mobile-gnb-menu .mini-mobile-gnb-menu-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mini-mobile-menu-wrap .mini-mobile-gnb-item .mini-mobile-gnb-menu .mini-mobile-gnb-menu-list .mini-mobile-gnb-menu-title {
  border-bottom: 1px solid #e4e4e4;
}

.mini-mobile-menu-wrap .mini-mobile-gnb-item .mini-mobile-gnb-menu .mini-mobile-gnb-menu-list .mini-mobile-gnb-menu-title.active .mobile_gnb__menu-link-text {
  background-color: #f9f9f9;
}

.mini-mobile-menu-wrap .mini-mobile-gnb-item .mini-mobile-gnb-menu .mini-mobile-gnb-menu-list .mini-mobile-gnb-menu-title .mobile_gnb__menu-link-text {
  background-color: #fff;
  display: block;
  padding: 10px;
}

.mini-mobile-menu-wrap .mini-mobile-gnb-item .mini-mobile-gnb-menu .mini-mobile-gnb-menu-list .mini-mobile-gnb-sublist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.mini-mobile-menu-wrap .mini-mobile-gnb-item .mini-mobile-gnb-menu .mini-mobile-gnb-menu-list .mini-mobile-gnb-sublist.active {
  display: block;
  background-color: #f2f2f2;
}

.mini-mobile-menu-wrap .mini-mobile-gnb-item .mini-mobile-gnb-menu .mini-mobile-gnb-menu-list .mini-mobile-gnb-sublist:after {
  content: '';
  display: block;
  clear: both;
}

.mini-mobile-menu-wrap .mini-mobile-gnb-item .mini-mobile-gnb-menu .mini-mobile-gnb-menu-list .mini-mobile-gnb-sublist .mini-mobile-gnb-sublist-item {
  float: left;
  width: 50%;
}

.mini-mobile-menu-wrap .mini-mobile-gnb-item .mini-mobile-gnb-menu .mini-mobile-gnb-menu-list .mini-mobile-gnb-sublist .mini-mobile-gnb-sublist-item:nth-child(2n-1) {
  border-top: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}

.mini-mobile-menu-wrap .mini-mobile-gnb-item .mini-mobile-gnb-menu .mini-mobile-gnb-menu-list .mini-mobile-gnb-sublist .mini-mobile-gnb-sublist-item:nth-child(2n) {
  border-top: 1px solid #e4e4e4;
}

.mini-mobile-menu-wrap .mini-mobile-gnb-item .mini-mobile-gnb-menu .mini-mobile-gnb-menu-list .mini-mobile-gnb-sublist .mini-mobile-gnb-sublist-item a {
  display: block;
  color: #666;
  font-size: 14px;
  padding: 10px;
}

/* ----------------------------pc------------------------------------------ */
@media (min-width: 480px) {
  /* 상품목록 */
  .xe-mini-list-item-container .xe-mini-list-item .mini-product-list {
    position: relative;
    width: 50%;
    padding: 8px;
  }
}

@media (min-width: 992px) {
  .mini-shop {
    margin-top: -62px;
  }
  .mini-gnb {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 12px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .mini-gnb::after {
    content: '';
    display: block;
    top: 0;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    background-color: #ff3780;
    height: 100%;
    position: absolute;
    z-index: -1;
    border-top: 1px solid rgba(255, 255, 255, 0.27);
  }
  .mini-gnb .mini-mobile-menu {
    display: none;
  }
  .mini-gnb .mini-gnb-area {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mini-gnb .mini-gnb-area .mini-location-pop {
    position: absolute;
    top: 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    padding: 15px;
    min-width: 200px;
    display: none;
  }
  .mini-gnb .mini-gnb-area .mini-location-pop.on {
    display: block;
    z-index: 20;
  }
  .mini-gnb .mini-gnb-area .mini-location-pop .mini-location-pop-close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
  }
  .mini-gnb .mini-gnb-area .mini-location-pop .mini-location-info-pop {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-right: 75px;
  }
  .mini-gnb .mini-gnb-area .mini-location-pop .mini-location-info-pop .mini-location-info-list {
    font-size: 13px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mini-gnb .mini-gnb-area .mini-location-pop .mini-location-info-pop .mini-location-info-list .mini-location-info-title {
    display: inline-block;
    color: #767676;
    width: 40%;
  }
  .mini-gnb .mini-gnb-area .mini-location-pop .mini-location-info-pop .mini-location-info-list .mini-location-info-content {
    display: inline-block;
    color: #141414;
    width: 60%;
  }
  .mini-gnb .mini-gnb-area .mini-location {
    position: relative;
    margin-right: 24px;
  }
  .mini-gnb .mini-gnb-area .mini-location .mini-location-link {
    position: relative;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    display: inline-block;
  }
  .mini-gnb .mini-gnb-area .mini-location .mini-location-link.mini-location-current {
    color: #fff;
  }
  .mini-gnb .mini-gnb-area .mini-location .mini-location-link.mini-location-current .mini-location-info {
    color: #fff;
  }
  .mini-gnb .mini-gnb-area .mini-location .mini-location-link:last-child:after {
    display: none;
  }
  .mini-gnb .mini-gnb-area .mini-location .mini-location-info {
    color: #fff;
  }
  .mini-gnb .mini-search-box {
    margin-left: auto;
    width: auto;
  }
  .mini-gnb .mini-search-box .mini-search-form {
    background-color: #f8f8f8;
    border-radius: 20px;
    overflow: hidden;
    padding: 0 10px;
  }
  .mini-gnb .mini-search-box .mini-search-form .mini-search__input {
    background-color: #f8f8f8;
    border: 0;
    padding: 7px 10px;
    max-width: 210px;
    line-height: 22px;
  }
  .mini-gnb .mini-search-box .mini-search-form .mini-search__input:focus {
    outline: none;
  }
  .mini-gnb .mini-search-box .mini-search-form .mini-search__input::-webkit-input-placeholder {
    color: #666;
    font-size: 14px;
  }
  .mini-gnb .mini-search-box .mini-search-form .mini-search__input::-moz-placeholder {
    color: #666;
    font-size: 14px;
  }
  .mini-gnb .mini-search-box .mini-search-form .mini-search__input:-ms-input-placeholder {
    color: #666;
    font-size: 14px;
  }
  .mini-gnb .mini-search-box .mini-search-form .mini-search__input::-ms-input-placeholder {
    color: #666;
    font-size: 14px;
  }
  .mini-gnb .mini-search-box .mini-search-form .mini-search__input::placeholder {
    color: #666;
    font-size: 14px;
  }
  .mini-gnb .mini-search-box .mini-search-form .mini-search__button {
    border: 0;
    background-color: transparent;
    color: #000;
  }
  .mini-header-content {
    position: relative;
    height: 150px;
  }
  .mini-header-content .mini-header-content-bg {
    position: absolute;
    top: 0;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    bottom: 0;
    z-index: -1;
  }
  .mini-header-content .mini-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    /*     flex-direction: row-reverse; */
  }
  .mini-header-content .mini-info .mini-info-intro {
    position: relative;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    background-color: transparent;
    border: 0;
    padding: 0;
    margin-top: 0;
    max-width: 35%;
    word-break: keep-all;
  }
  .mini-header-content .mini-info .mini-info-intro .mini-gnb-mobile.mini-gnb {
    display: none;
  }
  .mini-header-content .mini-info .mini-info-intro .mini-info-intro-text {
    color: #fff !important;
  }
  .mini-header-content .mini-info .mini-info-intro .mini-info-intro-text .mini-info-icon {
    border: 0;
  }
  .mini-header-content .mini-info .mini-info-title {
    position: relative;
    text-align: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 300px;
  }
  .mini-header-content .mini-info .mini-info-title .mini-info-title-text {
    font-size: 36px;
    font-weight: 700;
    line-height: 50px;
    color: #fff;
  }
  .mini-header-content .mini-info .mini-info-like {
    position: relative;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .mini-header-content .mini-info .mini-info-like .mini-like-button {
    width: 150px;
  }
  .mini-header-content .mini-info .mini-info-like .mini-like-button .like-icon i {
    margin-right: 3px;
    color: #fff;
  }
  .mini-header-content .mini-info .mini-info-like .mini-like-button.mini-like-check {
    background-color: #fff;
    color: #000;
  }
  .mini-header-content .mini-info .mini-info-like .mini-like-button.mini-like-check .like-icon i {
    color: #000;
  }
  /* 미니샵 카테고리 */
  .mini-home-category .mini-category-menu {
    position: relative;
  }
  .mini-home-category .mini-category-menu::after {
    content: '';
    background-color: #ececec;
    position: absolute;
    width: 100vw;
    left: 50%;
    height: 1px;
    margin-left: -50vw;
    bottom: 0;
  }
  .mini-home-category .mini-category-menu .mini-menu::after {
    content: '';
    display: block;
    clear: both;
  }
  .mini-home-category .mini-category-menu .mini-menu .mini-menu-list {
    float: left;
    margin-right: 24px;
  }
  .mini-home-category .mini-category-menu .mini-menu .mini-menu-list .mini-menu-list-link {
    color: #484848;
    font-size: 15px;
    line-height: 22px;
    padding: 24px 0;
    display: block;
    text-decoration: none;
  }
  .mini-home-category .mini-category__submenu {
    /*  margin: 0;
             padding: 0;
             list-style: none;
            display: none;
             width: 100%;
             position: absolute;
             background-color: #f9f9f9;
             left: 0; */
    display: block;
  }
  .mini-home-category .mini-category__submenu.active {
    display: block;
  }
  .mini-home-category .mini-category__submenu::before {
    content: '';
    background-color: #f9f9f9;
    position: absolute;
    width: 100vw;
    left: 50%;
    height: 100%;
    margin-left: -50vw;
    bottom: 0;
    z-index: -1;
  }
  .mini-home-category .mini-category__submenu::after {
    content: '';
    display: block;
    clear: both;
  }
  .mini-home-category .mini-category__submenu .mini__submenu-list {
    margin-right: 24px;
  }
  .mini-home-category .mini-category__submenu .mini__submenu-list .mini__submenu-link {
    padding: 24px 0;
    display: block;
    font-size: 15px;
    line-height: 22px;
    color: #484848;
    text-decoration: none;
  }
  .mini-home-category .mini-category__submenu .mini__submenu-list .mini__submenu-depth {
    margin: 20px 0;
    padding: 0;
    list-style: none;
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 2;
    border: solid 1px #d7d7d7;
  }
  .mini-home-category .mini-category__submenu .mini__submenu-list .mini__submenu-depth.submenu_on {
    display: block;
  }
  .mini-home-category .mini-category__submenu .mini__submenu-list .mini__submenu-depth::after {
    content: '';
    display: block;
    clear: both;
  }
  .mini-home-category .mini-category__submenu .mini__submenu-list .mini__submenu-depth .mini__submenu-depth-list {
    float: left;
    padding: 9px 0;
    position: relative;
  }
  .mini-home-category .mini-category__submenu .mini__submenu-list .mini__submenu-depth .mini__submenu-depth-list:last-child::after {
    display: none;
  }
  .mini-home-category .mini-category__submenu .mini__submenu-list .mini__submenu-depth .mini__submenu-depth-list::after {
    content: '';
    display: block;
    width: 1px;
    height: 14px;
    background-color: #d7d7d7;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
  }
  .mini-home-category .mini-category__submenu .mini__submenu-list .mini__submenu-depth .mini__submenu-depth-list .mini__submenu-depth-link {
    font-size: 14px;
    color: #9c9c9c;
    line-height: 22px;
    display: block;
    padding: 0 20px;
    text-decoration: none;
  }
  /* content */
  .mini-content {
    padding: 40px 0;
  }
  .mini-content .mini-product-wrap .mini-contnent-head {
    position: relative;
  }
  .mini-content .mini-product-wrap .mini-contnent-head .mini-current-category-title {
    /*  margin-bottom: 20px; */
  }
  .mini-content .mini-product-wrap .mini-contnent-head .mini-current-category-title .mini-current-title-text {
    font-size: 24px;
    color: #141414;
    letter-spacing: -0.4px;
    display: inline-block;
    margin: 0;
  }
  .mini-content .mini-product-wrap .mini-contnent-head .mini-current-category-title .mini-category-product-count {
    color: #9c9c9c;
    font-size: 15px;
    line-height: 20px;
    display: inline-block;
    padding: 0 4px;
  }
  /* 빵조각 */
  .mini-category-loaction-area .mini-category-loaction-mobile-icon {
    display: none;
  }
  .mini-category-loaction-area .mini-category-loaction {
    display: block;
  }
  .mini-category-loaction-area .mini-category-loaction .mini-category-loaction-step {
    display: inline-block;
    position: relative;
  }
  .mini-category-loaction-area .mini-category-loaction .mini-category-loaction-step:last-child .mini-category-loaction-step-text::after {
    display: none;
  }
  .mini-category-loaction-area .mini-category-loaction .mini-category-loaction-step .mini-category-loaction-step-text {
    position: relative;
    color: #767676;
    font-size: 13px;
    line-height: 20px;
    display: inline-block;
    padding: 0 8px;
    text-decoration: none;
  }
  .mini-category-loaction-area .mini-category-loaction .mini-category-loaction-step .mini-category-loaction-step-text::after {
    content: '\e940';
    font-family: 'xeicon';
    font-size: 10px;
    color: #767676;
    position: absolute;
    right: -8px;
    font-weight: 700;
  }
  .mini-category-loaction-area .mini-category-loaction .mini-category-loaction-step .category-location-dropmenu {
    margin: 0;
    padding: 5px;
    list-style: none;
    display: none;
    position: absolute;
    border: 1px solid #d3d3d3;
    background-color: #fff;
    min-width: 100px;
    text-align: center;
    z-index: 5;
  }
  .mini-category-loaction-area .mini-category-loaction .mini-category-loaction-step .category-location-dropmenu .category-location-list {
    position: relative;
  }
  .mini-category-loaction-area .mini-category-loaction .mini-category-loaction-step .category-location-dropmenu .category-location-list .category-location-link {
    font-size: 13px;
    color: #9c9c9c;
    display: block;
    line-height: 24px;
  }
  /* 상품목록 */
  .xe-mini-list-item-container .xe-mini-list-item .mini-product-list {
    position: relative;
    width: 25%;
    padding: 8px;
  }
}

/* //미니샵 */
/* 부트스트랩 */
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

/* .fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
} */
/* .collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
} */
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.pagination {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 3;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: .3rem;
  border-bottom-left-radius: .3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem;
}

.pagination-sm .page-link {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem;
}

.xe-pop {
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.xe-pop a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 2px;
}

.xe-pop-img {
  width: 100%;
  height: auto;
}

.xe-popup_close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  line-height: 40px;
  font-size: 20px;
  background: #323232;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
}

.pop-close-box form {
  position: relative;
}

.pop-close-box form:after {
  content: '';
  display: block;
  clear: both;
}

.pop-check {
  padding-right: 100px;
  display: inline-block;
  color: #fff;
  width: 100%;
  text-align: left;
  vertical-align: middle;
}

.pop-check label {
  opacity: 0.8;
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.4px;
  color: #fff;
  margin: 0;
  overflow: hidden;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  text-decoration: none;
}

.pop-check input {
  margin-right: 8px;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

.pop-close {
  position: absolute;
  right: 0;
  bottom: 4px;
  display: inline-block;
  padding-left: 15px;
}

.pop-close .pop-close-text {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #ff3780;
  border: 1px solid #ff3780;
  padding: 4px 13px;
  border-radius: 20px;
  text-decoration: none;
}

.sub-content .xe-container > h2 {
  text-align: center;
  font-size: 25px;
  line-height: 32px;
  letter-spacing: -0.5px;
}

@media (min-width: 768px) {
  .sub-content .xe-container > h2 {
    text-align: center;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.5px;
  }
}

/* 이용약관 */
.xe-terms-wrap {
  color: #141414;
  word-break: break-all;
}

.xe-terms-wrap .terms-title {
  color: #ff3780;
  font-size: 30px;
}

.xe-terms-wrap .terms-sub-title {
  color: #2684ff;
  font-size: 20px;
}

.xe-terms-wrap .terms-item-title {
  font-size: 16px;
  font-weight: 700;
}

.page-container .xe-content {
  word-break: normal;
}

/* 라인 테이블 */
.xe-terms-table {
  width: 100%;
  border-collapse: collapse;
}

.xe-terms-table th {
  border: 1px solid #d7d7d7;
  padding: 2px 5px;
}

.xe-terms-table td {
  border: 1px solid #d7d7d7;
  padding: 2px 5px;
}

/*  */
.user-login-notice-wrap {
  margin-top: 24px;
  padding: 15px;
  border-radius: 6px;
  background-color: #f3f4f5;
}

.user-login-notice-wrap .login-notice-text {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: -0.6px;
  color: #000;
  margin: 0 0 12px;
}

.user-login-notice-wrap .login-notice-ex .notice-ex-line {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.64px;
  margin: 0;
  color: #000;
}

.user-login-notice-wrap .login-notice-ex .notice-ex-line:last-child {
  padding-left: 24px;
}

.user .auth-sns-user .auth-user__text-box {
  margin-top: 20px;
}

.xf-talk {
  height: 800px;
}

.xf-talk-widget-section {
  position: fixed;
  width: 100%;
  min-height: 100% !important;
  max-height: 100% !important;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 0;
  background-color: #fff;
  overflow: hidden;
  z-index: 450;
  display: none;
}

.xf-talk-widget-section.on {
  display: block;
}

.xf-talk-widget-section.xf-talk-widget-section2 {
  left: 500px;
}

.xf-talk-widget-wrap {
  height: 100%;
}

/* 채팅 헤더 */
.xf-talk-head {
  padding: 12px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: linear-gradient(104deg, #e81c2e, #f00 100%);
}

.xf-talk-head .talk-head-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.xf-talk-head .talk-head-tit .head-thumbnail {
  width: 34px;
  min-width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: 34px 34px;
  background-position: center center;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  margin-right: 12px;
}

.xf-talk-head .talk-head-tit .tit {
  margin: 0;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: -0.7px;
  color: #fff;
  line-height: 34px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.xf-talk-head .talk-head-tit .num {
  margin-left: 8px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  width: auto;
  display: block;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 28px;
  padding: 0 12px;
}

.xf-talk-head .xf-talk-head-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xf-talk-head .xf-talk-head-btn-wrap {
  position: relative;
}

.xf-talk-head .xf-talk-head-btn-wrap .talk-more-box {
  position: relative;
}

.xf-talk-head .xf-talk-head-btn-wrap .talk-more-box .xf-talk-more-list {
  position: absolute;
  right: 0;
  min-width: 120px;
  display: none;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px #ececec;
  z-index: 10;
}

.xf-talk-head .xf-talk-head-btn-wrap .talk-more-box .xf-talk-more-list .exit-btn {
  display: block;
  padding: 16px 12px;
  font-size: 14px;
  line-height: normal;
  letter-spacing: -0.4px;
  text-align: center;
  color: #484848;
}

.xf-talk-head .talk-btn {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0 none;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 15px;
}

.xf-talk-head .talk-btn:first-child {
  margin-left: 0;
}

.xf-talk-head .talk-btn.talk-back-btn {
  background-image: url(../img/icon-chat-back.svg);
  margin-right: 8px;
}

.xf-talk-head .talk-btn.talk-edit-btn {
  background-image: url(../img/icon-edit.svg);
}

.xf-talk-head .talk-btn.talk-edit-btn:hover {
  background-image: url(../img/icon-edit-on.svg);
}

.xf-talk-head .talk-btn.talk-close-btn {
  /* background-image: url(../img/icon-chat-close.svg); */
  font-size: 22px;
  color: rgba(255, 255, 255, 0.6);
}

.xf-talk-head .talk-btn.talk-close-btn i {
  line-height: 24px;
  display: block;
}

.xf-talk-head .talk-btn.talk-more-btn {
  background-image: url(../img/icon-more.svg);
}

.xf-talk-head .talk-btn.talk-more-btn.on {
  background-image: url(../img/icon-more-on.svg);
}

.xf-talk-head .talk-btn.chat-admin {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: -0.49px;
  color: #fff;
  width: auto;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 4px 16px;
  height: auto;
}

.xf-talk-head .talk-btn-text {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.64px;
  color: #fff;
}

.xf-talk-content {
  height: calc(100% - 58px);
  padding: 0;
}

.xf-talk-content.xf-talk-room-content {
  padding: 0;
}

.xf-talk-content .xf-talk-room {
  padding: 16px 0;
  /*   height: calc(100% - 50px); */
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.xf-talk-content .xf-talk-room::-webkit-scrollbar {
  width: 6px;
  background: transparent;
}

.xf-talk-content .xf-talk-room::-webkit-scrollbar-track {
  background: transparent;
}

.xf-talk-content .xf-talk-room::-webkit-scrollbar-thumb {
  width: 6px;
  background: #9d9d9d;
  border-radius: 5px;
}

.xf-talk-content .xf-talk-room .xf-empty-message-section {
  height: 100%;
}

/* 채팅 검색 */
.talk-search-box {
  padding: 10px 15px 10px;
}

.talk-search-box .talk-search-form {
  border-radius: 23px;
  position: relative;
  text-align: center;
  line-height: 38px;
  overflow: hidden;
}

.talk-search-box .talk-search-form .talk-search__input {
  border: 0;
  height: 40px;
  color: #141414;
  width: 100%;
  line-height: 21px;
  background-color: #F2F2F2;
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 23px;
  letter-spacing: -0.6px;
  font-size: 14px;
}

.talk-search-box .talk-search-form .talk-search__input:focus {
  outline: none;
}

.talk-search-box .talk-search-form .talk-search__input::-webkit-input-placeholder {
  letter-spacing: -0.56px;
  color: #767676;
  font-size: 14px;
}

.talk-search-box .talk-search-form .talk-search__input::-moz-placeholder {
  letter-spacing: -0.56px;
  color: #767676;
  font-size: 14px;
}

.talk-search-box .talk-search-form .talk-search__input:-ms-input-placeholder {
  letter-spacing: -0.56px;
  color: #767676;
  font-size: 14px;
}

.talk-search-box .talk-search-form .talk-search__input::-ms-input-placeholder {
  letter-spacing: -0.56px;
  color: #767676;
  font-size: 14px;
}

.talk-search-box .talk-search-form .talk-search__input::placeholder {
  letter-spacing: -0.56px;
  color: #767676;
  font-size: 14px;
}

.talk-search-box .talk-search-form .header-search__button {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0 none;
  cursor: pointer;
  background-color: transparent;
  background-image: url("../img/icon-chat-search.svg");
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center center;
}

.talk-search-box .talk-search-form .header-search__button:focus {
  outline: 0;
}

.talk-search-box .search-word-close {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -9px;
  right: 15px;
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.talk-search-box .search-word-close i {
  font-size: 16px;
  color: #767676;
}

.xf-chat-no-result-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.xf-chat-no-result-container .xf-chat-no-result__icon {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0 none;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/icon-empty-chat.svg);
}

.xf-chat-no-result-container .xf-chat-no-result__text {
  font-size: 16px;
  letter-spacing: -0.6px;
  color: #767676;
  display: block;
  margin-top: 20px;
}

.xf-talk-part-wrap .xf-talk-part-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.xf-talk-part-wrap .xf-talk-part-head.on .xf-talk-part-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.xf-talk-part-wrap .xf-talk-part-head .xf-talk-part-icon {
  font-size: 16px;
  color: #aeaeae;
  display: block;
  line-height: 16px;
  position: absolute;
  right: 8px;
  top: 2px;
}

.xf-talk-part-wrap .xf-talk-part-tit {
  padding: 0 15px;
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: -0.49px;
  color: #aeaeae;
}

.xf-talk-part-wrap + .xf-talk-part-end-wrap::before {
  content: '';
  display: block;
  width: calc(100% - 30px);
  height: 1px;
  background-color: rgba(0, 0, 0, 0.08);
  margin: 10px auto;
}

.xf-talk-part-wrap.xf-talk-part-end-wrap .xf-chat-room-item .xf-chat-room__link .xf-profile-thumbnail .xf-profile-img {
  opacity: 0.4;
}

.xf-talk-part-wrap.xf-talk-part-end-wrap .xf-chat-room-item .xf-chat-room__link .xf-detail-contents-container .xf-detail-title-wrapper .xf-detail-title .xf-detail-title__text {
  color: #9c9c9c;
}

.xf-talk-part-wrap.xf-talk-part-end-wrap .xf-chat-room-item .xf-chat-room__link .xf-detail-contents-container .xf-detail-title-wrapper .xf-detail-chat .xf-detail-chat__text {
  color: #9c9c9c;
}

.xf-talk-room-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.xf-talk-room-list.active {
  padding-left: 39px;
  margin-right: -39px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.xf-chat-room-item {
  position: relative;
  /* 채팅 삭제 체크 박스 */
  /* 채팅방 목록 */
}

.xf-chat-room-item .xf-check-label {
  display: inline-block;
  width: 100%;
  margin: 0;
}

.xf-chat-room-item .xf-check-label:before {
  position: absolute;
  top: 50%;
  left: -24px;
  right: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #e0e0e0;
  background-image: url(../img/icon-check.svg);
  border-radius: 50%;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
}

.xf-chat-room-item .xf-check-label.xf-checked:before {
  background-color: #e81c2e;
}

.xf-chat-room-item .xf-checkbox-container {
  display: inline-block;
}

.xf-chat-room-item .xf-checkbox-container .xf-checkbox {
  width: 24px;
  height: 24px;
  background-color: #e0e0e0;
  background-image: url("../img/icon_check.svg");
  border-radius: 50%;
  background-size: 16px 16px;
}

.xf-chat-room-item .xf-checkbox-container .xf-checkbox.active {
  background-color: #e81c2e;
}

.xf-chat-room-item .xf-chat-room__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.xf-chat-room-item .xf-chat-room__link:hover {
  background-color: #f8f9fa;
}

.xf-chat-room-item .xf-chat-room__link .xf-profile-thumbnail {
  position: relative;
  margin-right: 15px;
  width: 60px;
}

.xf-chat-room-item .xf-chat-room__link .xf-profile-thumbnail .xf-profile-img {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-size: 61px;
  background-position: center center;
}

.xf-chat-room-item .xf-chat-room__link .xf-detail-contents-container {
  position: relative;
  width: calc(100% - 75px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* &::after {
              content: '';
              display: block;
              width: 100%;
              height: 1px;
              background-color: rgba(0, 0, 0, 0.08);
              position: absolute;
              bottom: -15px;
              left: 0;

          } */
}

.xf-chat-room-item .xf-chat-room__link .xf-detail-contents-container .xf-detail-title-wrapper {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.xf-chat-room-item .xf-chat-room__link .xf-detail-contents-container .xf-detail-title-wrapper .xf-detail-title {
  margin-bottom: 4px;
}

.xf-chat-room-item .xf-chat-room__link .xf-detail-contents-container .xf-detail-title-wrapper .xf-detail-title .xf-detail-title__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: #141414;
  overflow: hidden;
  max-height: 24px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.xf-chat-room-item .xf-chat-room__link .xf-detail-contents-container .xf-detail-title-wrapper .xf-detail-chat .xf-detail-chat__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #767676;
  overflow: hidden;
  max-height: 20px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-word;
  font-weight: 400;
}

.xf-chat-room-item .xf-chat-room__link .xf-detail-contents-container .xf-detail-title-wrapper .xf-detail-chat .xf-detail-chat__new {
  vertical-align: middle;
}

.xf-chat-room-item .xf-chat-room__link .xf-detail-contents-container .xf-detail-chat-wrapper {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 56px;
  flex: 0 0 56px;
  text-align: right;
  height: 100%;
  padding-top: 6px;
}

.xf-chat-room-item .xf-chat-room__link .xf-detail-contents-container .xf-detail-chat-wrapper .xf-detail-date .xf-chat-room-number-container {
  border-radius: 50px;
  padding: 0 5px;
  min-width: 25px;
  height: 25px;
  background-color: #0e0e0e;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.xf-chat-room-item .xf-chat-room__link .xf-detail-contents-container .xf-detail-chat-wrapper .xf-detail-date .xf-chat-room-number-container .xf-chat-room__group-number {
  font-size: 12px;
  color: #fff;
}

.xf-chat-room-item .xf-chat-room__link .xf-detail-contents-container .xf-detail-chat-wrapper .xf-detail-date .xf-detail-date__text {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 4px;
  letter-spacing: -0.18px;
  text-align: right;
  display: block;
  color: #9c9c9c;
}

.xf-chat-room-item .xf-chat-room__link .xf-detail-contents-container .xf-detail-chat-wrapper .xf-detail-chat-number .xf-detail-chat__number-text {
  color: #fff;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.2px;
  font-size: 12px;
  border-radius: 50px;
  background-color: #ff2121;
  padding: 0 8px;
  display: inline-block;
}

.xf-chat-room-item .xf-chat-room__link .xf-product-container .xf-product-thumbnail {
  border-radius: 4px;
  height: 44px;
  width: 44px;
  background-image: cover;
  background-image: url("../img/thumbnail_basic.jpg");
  border: 1px solid #E5E5E5;
}

/* 채팅방 */
.xf-talk-room-chat {
  position: relative;
  height: 100%;
  height: calc(100% - 155px);
}

.xf-talk-room-chat .section-chat-room-message {
  position: relative;
  /*  */
  height: 100%;
}

.xf-talk-room-chat .section-chat-room-message .chat-room-inner {
  padding: 20px 15px;
  height: 100%;
  overflow-y: auto;
}

.xf-talk-room-chat .section-chat-room-message .chat-room-inner::-webkit-scrollbar {
  width: 6px;
  background: transparent;
}

.xf-talk-room-chat .section-chat-room-message .chat-room-inner::-webkit-scrollbar-track {
  background: transparent;
}

.xf-talk-room-chat .section-chat-room-message .chat-room-inner::-webkit-scrollbar-thumb {
  width: 6px;
  background: #9d9d9d;
  border-radius: 5px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-date-container {
  text-align: center;
  padding: 4px 0;
  margin-bottom: 20px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-date-container .xf-message-round-notice .round-notice-text {
  font-size: 16px;
  margin: 0;
  color: #e62c25;
  letter-spacing: -0.4px;
  font-weight: 500;
  line-height: 24px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-date-container .xf-message-date {
  display: inline-block;
  padding: 0 10px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-date-container .xf-message-date .xf-message-date__text {
  font-size: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.4);
  letter-spacing: -0.4px;
  line-height: 13px;
  display: block;
}

.xf-talk-room-chat .section-chat-room-message .xf-own-message + .xf-contacts-message {
  margin-top: 16px;
}

.xf-talk-room-chat .section-chat-room-message .xf-contacts-message + .xf-own-message {
  margin-top: 16px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item {
  margin-bottom: 8px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container {
  display: inline-block;
  width: 100%;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message__nickname-text {
  font-size: 14px;
  letter-spacing: -0.4px;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 6px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message__nickname-text .xf-teamname__text {
  display: block;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
  /* 상품 */
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper:not(:last-child) {
  margin-bottom: 12px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper .xf-message-content {
  position: relative;
  border-radius: 23px;
  padding: 11px 15px;
  display: inline-block;
  overflow: hidden;
  max-width: 500px;
  word-break: break-all;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper .xf-message-content .xf-message__text {
  display: inline-block;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.2px;
  color: #141414;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper .xf-message-content.xf-message-content-img {
  padding: 0;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper .xf-message-content.xf-message-content-img .xf-message__img {
  max-width: 120px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper .xf-message-content.xf-message-content-img .xf-message__img .xf-message__img_view {
  display: block;
  text-decoration: none;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper .xf-message-content.xf-message-content-img .xf-message__img img {
  width: 100%;
  /*  border-radius: 25px; */
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper .xf-message-time {
  /* min-width: 40px; */
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper .xf-message-time .message-check-count {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.47px;
  color: #e81c2e;
  display: block;
  line-height: 16px;
  margin-bottom: 4px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper .xf-message-time .xf-message-time__text {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: rgba(0, 0, 0, 0.4);
  display: block;
  min-width: 50px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper.xf-product-content-wrapper .xf-message-content {
  border: solid 1px rgba(0, 0, 0, 0.15) !important;
  background-color: #fff !important;
  max-width: 300px;
  min-height: 140px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper.xf-product-content-wrapper .chat-product-item-box {
  position: relative;
  padding-right: 100px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper.xf-product-content-wrapper .chat-product-item-box .xf-shop-item-thumbnail {
  right: 0;
  left: auto;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper.xf-product-content-wrapper .chat-product-item-box .xf-chat-product-detail {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.4px;
  color: #767676;
  text-align: center;
  text-decoration: underline;
  display: block;
  margin-top: 4px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper.xf-product-content-wrapper .section-shop-product--item__text-body {
  padding-top: 0;
  padding-left: 2px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper.xf-product-content-wrapper .section-shop-product--item__text-body .section-shop-product--item__title {
  margin-right: 4px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item .xf-message-content-container .xf-message-content-wrapper.xf-product-content-wrapper .section-shop-product--item__text-body .section-shop-product--item__details .product--item__details-list .details-list-info {
  width: 100%;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-message-alarm-text {
  margin: 20px 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: rgba(0, 0, 0, 0.4);
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-message-notice {
  margin: 20px 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: rgba(0, 0, 0, 0.4);
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-message-notice::before {
  content: '';
  display: block;
  height: 1px;
  width: 120px;
  background-color: #e0e0e0;
  margin-right: 10px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-message-notice::after {
  content: '';
  display: block;
  height: 1px;
  width: 120px;
  background-color: #e0e0e0;
  margin-left: 10px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-contacts-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-contacts-message .xf-profile-img {
  border: 1px solid rgba(0, 0, 0, 0.19);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 41px;
  background-position: center center;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-contacts-message .xf-profile-container {
  margin-right: 8px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-contacts-message .xf-message-content-container .xf-message-content {
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, 0.15);
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-contacts-message .xf-message-content-container .xf-message-content .xf-message__text {
  color: #484848;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-contacts-message .xf-message-content-container .xf-message-time {
  margin-left: 6px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-own-message .xf-message-content-container .xf-message-content-wrapper {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-own-message .xf-message-content-container .xf-message-content-wrapper .xf-message-content {
  background-color: #ececec;
  border: solid 0.5px #ececec;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-own-message .xf-message-content-container .xf-message-content-wrapper .xf-message-content .xf-message__text {
  color: #141414;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-own-message .xf-message-content-container .xf-message-content-wrapper .xf-message-time {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 6px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-own-message .xf-message-content-container .xf-message-content-wrapper .xf-message-time .message-check-count {
  text-align: right;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.admin-message .xf-message-content-container .xf-message-content-wrapper {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.admin-message .xf-message-content-container .xf-message-content-wrapper .xf-message-content {
  background-color: #161e2a;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.admin-message .xf-message-content-container .xf-message-content-wrapper .xf-message-content .xf-message__text {
  color: #fff;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-name-card-message .xf-message-content-container .xf-message-content {
  background-color: #0096fe !important;
  border: 0;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-name-card-message .xf-message-content-container .xf-message-content .xf-name-card-tit {
  position: relative;
  padding-right: 48px;
  margin: 6px 0 15px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-name-card-message .xf-message-content-container .xf-message-content .xf-name-card-tit .tit-name {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.46px;
  color: #fff;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-name-card-message .xf-message-content-container .xf-message-content .xf-name-card-tit .id-name {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  line-height: 22px;
  letter-spacing: -0.46px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-name-card-message .xf-message-content-container .xf-message-content .xf-name-card-tit .name-card-profile-img {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 41px;
  background-position: center center;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-name-card-message .xf-message-content-container .xf-message-content .xf-name-card-info .info-item {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.2px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-name-card-message .xf-message-content-container .xf-message-content .xf-name-card-info .info-item .info-item-icon {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 8px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-name-card-message .xf-message-content-container .xf-message-content .xf-name-card-info .info-item.info-message .info-item-icon {
  background-image: url(../img/icon-chat-name-card-message.svg);
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-name-card-message .xf-message-content-container .xf-message-content .xf-name-card-info .info-item.info-phone .info-item-icon {
  background-image: url(../img/icon-chat-name-card-phone.svg);
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-product-message .xf-message-content-container .xf-message-content-wrapper .xf-message-content {
  border: solid 1px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  max-width: 300px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-product-message .chat-product-item-box {
  position: relative;
  padding-right: 100px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-product-message .chat-product-item-box .xf-shop-item-thumbnail {
  right: 0;
  left: auto;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-product-message .chat-product-item-box .xf-chat-product-detail {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.4px;
  color: #767676;
  text-align: center;
  text-decoration: underline;
  display: block;
  margin-top: 4px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-product-message .section-shop-product--item__text-body {
  padding-top: 0;
  padding-left: 2px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-product-message .section-shop-product--item__text-body .section-shop-product--item__title {
  margin-right: 4px;
}

.xf-talk-room-chat .section-chat-room-message .xf-message-item.xf-product-message .section-shop-product--item__text-body .section-shop-product--item__details .product--item__details-list .details-list-info {
  width: 100%;
}

/* 파일 */
.xf-file-content-wrapper .xf-message-content {
  background-color: #fff !important;
  max-width: 500px;
  border: solid 1px rgba(0, 0, 0, 0.15);
}

/* 채팅 상품 팝업 */
.xf-chat-product-pop-wrap {
  display: block;
  position: absolute;
  bottom: -200px;
  padding: 15px;
  z-index: 10;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.xf-chat-product-pop-wrap.on {
  bottom: 0;
}

.xf-chat-product-pop-wrap .chat-product-pop-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/icon-chat-delete.svg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 100;
}

.xf-chat-product-pop-wrap .chat-product-pop-close:hover {
  background-image: url(../img/icon-chat-delete-on.svg);
}

.xf-chat-product-pop-wrap .chat-product-item-box {
  display: block;
  position: relative;
  padding-left: 100px;
  min-height: 100px;
}

.xf-shop-item-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
}

.xf-shop-item-thumbnail .xf-shop-item-thumbnail-box {
  width: 100px;
}

.xf-shop-item-thumbnail .xf-shop-item-thumbnail-box .xf-shop-item-thumbnail-img {
  padding-top: 100%;
  background-size: cover;
}

.section-shop-product--item__text-body {
  padding-top: 5px;
  padding-left: 15px;
}

.section-shop-product--item__text-body .section-shop-product--item__title {
  font-size: 15px;
  font-weight: 500;
  color: #141414;
  line-height: 22px;
  margin: 0;
  margin-bottom: 7px;
  margin-right: 20px;
  letter-spacing: -0.43px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  max-height: 22px;
}

.section-shop-product--item__text-body .section-shop-product--item__description {
  font-size: 12px;
  color: #484848;
  letter-spacing: -0.4px;
  line-height: 18px;
  margin: 0 0 2px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  max-height: 18px;
}

.section-shop-product--item__text-body .section-shop-product--item__details .product--item__details-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section-shop-product--item__text-body .section-shop-product--item__details .product--item__details-list .details-list-info {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.4px;
  color: #9c9c9c;
  width: 50%;
  min-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  max-height: 18px;
}

.section-shop-product--item__text-body .section-shop-product--item__price .section-shop-product--item__regular-price {
  font-size: 13px;
  letter-spacing: -0.2px;
  color: #c0c0c0;
  text-decoration: line-through;
}

.section-shop-product--item__text-body .section-shop-product--item__price .section-shop-product--item__final-price {
  font-size: 15px;
  letter-spacing: -0.2px;
  color: #141414;
}

.section-shop-product--item__info-box {
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
}

.section-shop-product--item__info-box .xf-icon-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 12px;
  z-index: 50;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  padding: 4px 8px;
}

.section-shop-product--item__info-box .xf-icon-info:hover {
  background-color: #f8f9fa;
}

.section-shop-product--item__info-box .xf-icon-info .xf-icon {
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

.section-shop-product--item__info-box .xf-icon-info .xf-icon.xf-icon-heart {
  margin-right: 5px;
  background-image: url(../img/icon-like.svg);
}

.section-shop-product--item__info-box .xf-icon-info .xf-icon.xf-icon-cart {
  margin-right: 4px;
  background-image: url(../img/icon-shopping-cart.svg);
}

.section-shop-product--item__info-box .xf-icon-info .xf-text {
  color: #141414;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.4px;
}

/* 명함 팝업 */
.xf-chat-name-card-pop-wrap {
  display: none;
  width: 100%;
  position: absolute;
  bottom: -230px;
  padding: 15px;
  z-index: 10;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #0096fe;
}

.xf-chat-name-card-pop-wrap.on {
  bottom: 0;
  display: block;
}

.xf-chat-name-card-pop-wrap .xf-name-card-pop-close {
  position: absolute;
  top: -35px;
  right: 15px;
  width: 22px;
  height: 22px;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/icon-chat-name-card-close.svg);
  z-index: 100;
}

.xf-name-card-pop-content .xf-name-card-tit {
  position: relative;
  padding-right: 48px;
  margin: 6px 0 15px;
}

.xf-name-card-pop-content .xf-name-card-tit .tit-name {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.46px;
  color: #fff;
}

.xf-name-card-pop-content .xf-name-card-tit .id-name {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  line-height: 22px;
  letter-spacing: -0.46px;
}

.xf-name-card-pop-content .xf-name-card-tit .name-card-profile-img {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 41px;
  background-position: center center;
}

.xf-name-card-pop-content .xf-name-card-info .info-item {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.2px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.xf-name-card-pop-content .xf-name-card-info .info-item .info-item-icon {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 8px;
}

.xf-name-card-pop-content .xf-name-card-info .info-item.info-message .info-item-icon {
  background-image: url(../img/icon-chat-name-card-message.svg);
}

.xf-name-card-pop-content .xf-name-card-info .info-item.info-phone .info-item-icon {
  background-image: url(../img/icon-chat-name-card-phone.svg);
}

.xf-name-card-pop-content .xf-name-card-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px -3px 0;
}

.xf-name-card-pop-content .xf-name-card-footer .xf-name-card-btn-box {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  padding: 0 3px;
}

.xf-name-card-pop-content .xf-name-card-footer .xf-name-card-btn-box .name-card-btn-item {
  display: block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.4px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  padding: 8px;
}

.xf-name-card-pop-content .xf-name-card-footer .xf-name-card-btn-box .name-card-btn-item.btn-basic {
  color: #0096fe;
  border-color: #fff;
  background-color: #fff;
}

.xf-chat-dimmed {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.xf-chat-dimmed.on {
  display: block;
}

.xf-message-writing-form {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  width: 100%;
  z-index: 101;
  background-color: #fff;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.xf-message-writing-form .xf-form-disabled {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(250, 251, 252, 0.8);
  z-index: 10;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.18px;
  color: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.xf-message-writing-form .xf-message-writing-container {
  overflow: hidden;
}

.xf-message-writing-form .xf-message-writing-container .message-control-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px;
  height: 50px;
  background-color: #f8f8f8;
}

.xf-message-writing-form .xf-message-writing-container .message-control-box::after {
  content: '';
  display: block;
  clear: both;
}

.xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn {
  text-decoration: none;
  display: block;
  position: relative;
  width: 38px;
  height: 38px;
  display: block;
  border-radius: 6px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 4px;
  background-size: 22px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn label.xf-more-function__link {
  width: 100%;
  height: 100%;
  display: block;
}

.xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn label.xf-more-function__link:hover {
  cursor: pointer;
}

.xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn:hover {
  cursor: pointer;
  background-color: #ececec;
}

.xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-emoji-btn {
  background-image: url(../img/icon-chat-emoji.svg);
}

.xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-emoji-btn:hover, .xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-emoji-btn:active, .xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-emoji-btn:focus {
  background-image: url(../img/icon-chat-emoji-on.svg);
}

.xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-file-btn {
  background-image: url(../img/icon-chat-file.svg);
}

.xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-file-btn:hover, .xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-file-btn:active, .xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-file-btn:focus {
  background-image: url(../img/icon-chat-file-on.svg);
}

.xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-image-btn {
  background-image: url(../img/icon-chat-image.svg);
}

.xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-image-btn:hover, .xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-image-btn:active, .xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-image-btn:focus {
  background-image: url(../img/icon-chat-image-on.svg);
}

.xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-video-btn {
  background-image: url(../img/icon-chat-video.svg);
}

.xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-video-btn:hover, .xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-video-btn:active, .xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-video-btn:focus {
  background-image: url(../img/icon-chat-video-on.svg);
}

.xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-name-card-btn {
  margin-left: auto;
  margin-right: 0;
}

.xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-name-card-btn .xf-name-card-btn {
  width: 100%;
  height: 100%;
  display: block;
  background-size: 22px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/icon-chat-name-card.svg);
}

.xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-name-card-btn .xf-name-card-btn:hover, .xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-name-card-btn .xf-name-card-btn:active, .xf-message-writing-form .xf-message-writing-container .message-control-box .message-control-btn.message-name-card-btn .xf-name-card-btn:focus {
  background-image: url(../img/icon-chat-name-card-on.svg);
  background-color: #ececec;
}

.xf-message-writing-form .xf-message-writing-container .message-send-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  background-color: #fff;
  border: 0;
  display: inline-block;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.2);
  background-color: #f8f8f8;
  width: 80px;
  height: 70px;
  line-height: 70px;
  border-radius: 5px;
  font-size: 15px;
  letter-spacing: -0.5px;
  text-align: center;
  color: #9c9c9c;
}

.xf-message-writing-form .xf-message-writing-container .message-send-btn:active {
  outline: 0;
  background-color: #e81c2e;
}

.xf-message-writing-form .xf-message-writing-container .message-send-btn:active .send-btn {
  color: #fff;
}

.xf-message-writing-form .xf-message-writing-container .message-send-btn.on {
  outline: 0;
  background-color: #e81c2e;
}

.xf-message-writing-form .xf-message-writing-container .message-send-btn.on .send-btn {
  color: #fff;
}

.xf-message-writing-form .xf-message-writing-container .message-send-btn:focus {
  outline: 0;
}

.xf-message-writing-form .xf-message-writing-container .xf-message-input-container {
  width: 100%;
  position: relative;
  height: 100px;
  padding: 15px;
  padding-right: 95px;
}

.xf-message-writing-form .xf-message-writing-container .xf-message-input-container .xf-message__input {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  font-size: 16px;
  line-height: 22px;
  color: #484848;
  resize: none;
}

.xf-message-writing-form .xf-message-writing-container .xf-message-input-container .xf-message__input::-webkit-scrollbar {
  width: 6px;
  background: transparent;
}

.xf-message-writing-form .xf-message-writing-container .xf-message-input-container .xf-message__input::-webkit-scrollbar-track {
  background: transparent;
}

.xf-message-writing-form .xf-message-writing-container .xf-message-input-container .xf-message__input::-webkit-scrollbar-thumb {
  width: 6px;
  background: #9d9d9d;
  border-radius: 5px;
}

.xf-message-writing-form .xf-message-writing-container .xf-message-input-container .xf-message__input:focus {
  outline: 0;
}

.xf-message-writing-form .xf-message-writing-container .xf-message-input-container .xf-message__input::-webkit-input-placeholder {
  color: #c0c0c0;
  font-size: 16px;
  letter-spacing: -0.4px;
  line-height: 28px;
  font-family: 'Noto Sans KR', sans-serif !important;
}

.xf-message-writing-form .xf-message-writing-container .xf-message-input-container .xf-message__input::-moz-placeholder {
  color: #c0c0c0;
  font-size: 16px;
  letter-spacing: -0.4px;
  line-height: 28px;
  font-family: 'Noto Sans KR', sans-serif !important;
}

.xf-message-writing-form .xf-message-writing-container .xf-message-input-container .xf-message__input:-ms-input-placeholder {
  color: #c0c0c0;
  font-size: 16px;
  letter-spacing: -0.4px;
  line-height: 28px;
  font-family: 'Noto Sans KR', sans-serif !important;
}

.xf-message-writing-form .xf-message-writing-container .xf-message-input-container .xf-message__input::-ms-input-placeholder {
  color: #c0c0c0;
  font-size: 16px;
  letter-spacing: -0.4px;
  line-height: 28px;
  font-family: 'Noto Sans KR', sans-serif !important;
}

.xf-message-writing-form .xf-message-writing-container .xf-message-input-container .xf-message__input::placeholder {
  color: #c0c0c0;
  font-size: 16px;
  letter-spacing: -0.4px;
  line-height: 28px;
  font-family: 'Noto Sans KR', sans-serif !important;
}

@media (min-width: 768px) {
  .xf-talk-widget-section {
    top: 115px;
    left: 10px;
    /*  border-radius: 20px; */
    width: 375px;
    min-height: 520px !important;
    max-height: 800px !important;
    height: 80%;
    -webkit-box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  }
  .xf-talk-content {
    border-radius: 0;
  }
}

.xf-chat-file-box {
  position: relative;
  padding-right: 66px;
}

.xf-chat-file-box .file-down-btn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #f8f8f8;
  display: block;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  text-align: center;
  line-height: 58px;
}

.xf-chat-file-box .file-down-btn .file-icon {
  display: block;
  text-align: center;
  line-height: 58px;
  color: #5384ed;
  font-size: 18px;
}

.xf-chat-file-box .file-item .file-tit {
  margin-bottom: 4px;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: -0.43px;
}

.xf-chat-file-box .file-item .file-info {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #9c9c9c;
}

.xf-name-card-message .xf-message-content {
  background-color: #0096fe !important;
  border: 0;
}

.xf-name-card-message .xf-message-content .xf-name-card-tit {
  position: relative;
  padding-right: 48px;
  margin: 6px 0 15px;
}

.xf-name-card-message .xf-message-content .xf-name-card-tit .tit-name {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.46px;
  color: #fff;
}

.xf-name-card-message .xf-message-content .xf-name-card-tit .id-name {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  line-height: 22px;
  letter-spacing: -0.46px;
}

.xf-name-card-message .xf-message-content .xf-name-card-tit .name-card-profile-img {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 41px;
  background-position: center center;
}

.xf-name-card-message .xf-message-content .xf-name-card-info .info-item {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.2px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.xf-name-card-message .xf-message-content .xf-name-card-info .info-item .info-item-icon {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 8px;
}

.xf-name-card-message .xf-message-content .xf-name-card-info .info-item.info-message .info-item-icon {
  background-image: url(../img/icon-chat-name-card-message.svg);
}

.xf-name-card-message .xf-message-content .xf-name-card-info .info-item.info-phone .info-item-icon {
  background-image: url(../img/icon-chat-name-card-phone.svg);
}

.__xf-talk-widget-section {
  z-index: 500;
}

.xf-func-res_consult .xf-block-wrapper {
  text-align: center;
}

.xf-func-res_consult .xf-block-wrapper .xf-message-content {
  padding: 10px;
  margin: 5px;
  background: #f4f5f7;
  display: inline-block;
}

@media (min-width: 1170px) {
  .xf-talk-widget-section {
    right: calc((100% - 1170px) / 2) !important;
    left: auto !important;
  }
}

@media (min-width: 420px) and (max-width: 1170px) {
  .xf-talk-widget-section {
    right: 0;
    left: auto !important;
  }
}

@media (max-width: 419px) {
  .xf-talk-widget-section2 {
    position: fixed;
    width: 100%;
    min-height: 100% !important;
    max-height: 100% !important;
    height: 100%;
    top: 0;
    left: 0 !important;
    border-radius: 0;
    background-color: #fff;
    overflow: hidden;
    z-index: 449;
  }
}

/* }  */
/* html */
html,
body {
  position: relative;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000;
  word-break: keep-all;
  font-family: 'Inter','Noto Sans KR', sans-serif !important;
}

body {
  width: 100%;
  overflow-x: hidden;
}

body a:focus {
  color: #666;
  text-decoration: none;
}

body a:hover {
  cursor: pointer;
  text-decoration: none;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

#container {
  position: relative;
}

input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.container {
  position: relative;
}

.xe-theme .xu-button--primary:active:not([disabled]), .xe-theme .xu-button--primary.xu-button--active:not([disabled]) {
  background-color: #000;
}

.xe-theme .xu-button--primary:focus:not([disabled]), .xe-theme .xu-button--primary.xu-button--focus:not([disabled]) {
  background-color: #000;
}

.xe-theme .xu-button--primary:hover:not([disabled]), .xe-theme .xu-button--primary.xu-button--hover:not([disabled]) {
  background-color: #141414;
}

.xe-theme .xu-button--primary {
  background-color: #3a3a3a;
}

.xe-theme .user {
  padding: 32px 5px 50px;
}

.xe-theme .user .user-login .user-login-link {
  color: #000;
}

.xe-theme .user .auth-user__text a {
  color: #000;
}

.error-page .error-page-contents > .login-body a {
  border: 1px solid #3a3a3a;
  background-color: #3a3a3a;
}

/* 리뷰 qna 하단 여백 */
.commerce-box {
  padding-bottom: 40px;
}

/* user 프로필 */
.profile-wrap {
  font-family: 'Inter','Noto Sans KR', sans-serif !important;
}

.profile-wrap .profile-btn-area {
  /*  .__xe_profileEditCancelBtn {
            background-color: #3a3a3a;
            color: #fff;
        } */
}

.profile-wrap .profile-btn-area .__xe_profileEditBtn {
  background-color: #3a3a3a;
  border-color: #3a3a3a;
  color: #fff;
  font-weight: 700;
}

.profile-wrap .profile-btn-area .__xe_profileSaveBtn {
  border-color: #3a3a3a;
  color: #3a3a3a;
}

.profile-wrap .profile-btn-area .__xe_profileSaveBtn:hover {
  background-color: #3a3a3a;
  color: #fff;
}

@media (min-width: 992px) {
  .xe-theme .user {
    padding: 32px 5px 120px;
  }
  .commerce-box {
    padding-bottom: 62px;
  }
}

/* .xe-theme__content-container {
    background-color: transparent !important;
}
.xe-theme-danchu {
    background-color: transparent !important;
} */
@media (min-width: 992px) {
  .xe-theme-danchu {
    background-color: transparent;
    margin-top: 120px;
  }
  .xe-theme__content-container {
    background-color: transparent;
  }
}

/* 내정보 */
.setting-wrap {
  margin-left: -15px;
  margin-right: -15px;
  font-family: 'Inter', 'Noto Sans KR', "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, '돋움', Helvetica, sans-serif;
}

.setting-wrap .xe-menu-toggle {
  padding: 14px 13px;
}

.setting-wrap .xe-menu-toggle .icon-bar {
  height: 2px;
  background-color: #141414;
}

.setting-wrap .xe-menu-toggle + p {
  color: #141414;
}

.setting-wrap h1 {
  color: #3a3a3a !important;
  font-size: 24px !important;
  font-weight: 500 !important;
}

.setting-wrap .xe-btn-primary {
  background-color: #3a3a3a;
  border: 1px solid #3a3a3a;
}

.setting-wrap .xe-btn-primary-outline {
  border: 1px solid #3a3a3a;
  color: #3a3a3a;
}

.setting-wrap .xe-btn-primary-outline:hover {
  background-color: #3a3a3a;
  color: #fff;
}

.setting-wrap .text-message {
  color: #3a3a3a;
}

.setting-wrap .setting-card .text-blue {
  color: #3a3a3a !important;
}

.setting-wrap .xe-label > input[type="radio"]:checked + .xe-input-helper {
  border-color: #3a3a3a;
}

.setting-wrap .xe-label > input[type="radio"]:checked + .xe-input-helper::after {
  background-color: #3a3a3a;
}

.setting-wrap .snb-list li.on a, .setting-wrap .snb-list li a:hover {
  color: #3a3a3a !important;
}

@media (min-width: 992px) {
  .setting-wrap h1 {
    font-size: 30px !important;
  }
}

/* 카카오톡 상담하기 버튼 */
/* #__HT_iframe_load {
    bottom: 66px !important;
}

@media (min-width: 992px) {
    #__HT_iframe_load {
        bottom: 10px !important;
    }
} */
/* 로그인 text */
.user .user__title {
  font-weight: 700;
  color: #000;
  font-size: 28px;
}

.user .user-tit-desc {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #3a3a3a;
  letter-spacing: -0.4px;
}

.user .user-signup .terms-list .terms-list__term-button {
  color: #3a3a3a;
}

.xe-modal .xe-modal-content {
  border: 1px solid #3a3a3a;
}

.xe-modal .xe-modal-header {
  background-color: #3a3a3a;
}

/* 체크박스 라디오 버튼 색상변경 */
.xepage-page {
  /*  */
}

.xepage-page .btn-dark {
  background-color: #3a3a3a;
  border-color: #3a3a3a;
}

.xepage-page .xu-label-checkradio input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #3a3a3a;
}

.xepage-page .xu-label-checkradio:hover input[type="checkbox"] + .xu-label-checkradio__helper, .xepage-page .xu-label-checkradio.xu-label-checkradio--hover input[type="checkbox"] + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
}

.xepage-page .xu-label-checkradio:active input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #ffe9f1;
}

.xepage-page .xu-label-checkradio:active input[type="checkbox"]:checked + .xu-label-checkradio__helper::after {
  border-right-color: #3a3a3a;
  border-bottom-color: #3a3a3a;
}

.xepage-page .xu-label-checkradio:hover input[type="checkbox"]:checked + .xu-label-checkradio__helper, .xepage-page .xu-label-checkradio.xu-label-checkradio--hover input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #3a3a3a;
}

.xepage-page .xu-label-checkradio input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #3a3a3a;
}

.xepage-page .xu-label-checkradio input[type="radio"]:checked + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #fff;
}

.xepage-page .xu-label-checkradio input[type="radio"]:checked + .xu-label-checkradio__helper::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 8px;
  background-color: #3a3a3a;
}

.xepage-page .xu-label-checkradio:hover input[type="checkbox"] + .xu-label-checkradio__helper, .xepage-page .xu-label-checkradio.xu-label-checkradio--hover input[type="checkbox"] + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #fff;
}

.xepage-page .xu-label-checkradio:hover input[type="checkbox"]:checked + .xu-label-checkradio__helper, .xepage-page .xu-label-checkradio.xu-label-checkradio--hover input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #3a3a3a;
}

.xepage-page .xu-label-checkradio:hover input[type="radio"] + .xu-label-checkradio__helper, .xepage-page .xu-label-checkradio.xu-label-checkradio--hover input[type="radio"] + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #fff;
}

.xepage-page .xu-label-checkradio:hover input[type="radio"]:checked + .xu-label-checkradio__helper, .xepage-page .xu-label-checkradio.xu-label-checkradio--hover input[type="radio"]:checked + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #fff;
}

.xepage-page .xu-label-checkradio:hover input[type="radio"]:checked + .xu-label-checkradio__helper::after, .xepage-page .xu-label-checkradio.xu-label-checkradio--hover input[type="radio"]:checked + .xu-label-checkradio__helper::after {
  content: '';
  background-color: #3a3a3a;
}

.xepage-page .xu-label-checkradio:active input[type="checkbox"] + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #ffe9f1;
}

.xepage-page .xu-label-checkradio:active input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #ffe9f1;
}

.xepage-page .xu-label-checkradio:active input[type="checkbox"]:checked + .xu-label-checkradio__helper::after {
  content: '';
  border-right-color: #3a3a3a;
  border-bottom-color: #3a3a3a;
}

.xepage-page .xu-label-checkradio:active input[type="radio"] + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #ffe9f1;
}

.xepage-page .xu-label-checkradio:active input[type="radio"]:checked + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #ffe9f1;
}

.xepage-page .xu-label-checkradio:active input[type="radio"]:checked + .xu-label-checkradio__helper::after {
  content: '';
  background-color: #3a3a3a;
}

.xepage-page .xu-label-checkradio input[type="checkbox"]:focus + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #fff;
}

.xepage-page .xu-label-checkradio input[type="checkbox"]:checked:focus + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #3a3a3a;
}

.xepage-page .xu-label-checkradio.xu-label-checkradio--focus input[type="checkbox"] + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #fff;
}

.xepage-page .xu-label-checkradio.xu-label-checkradio--focus input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #3a3a3a;
}

.xepage-page .xu-label-checkradio.xu-label-checkradio--focus input[type="radio"] + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #fff;
}

.xepage-page .xu-label-checkradio.xu-label-checkradio--focus input[type="radio"]:checked + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #fff;
}

.xepage-page .xu-label-checkradio.xu-label-checkradio--focus input[type="radio"]:checked + .xu-label-checkradio__helper::after {
  content: '';
  background-color: #3a3a3a;
}

.xepage-page .xu-label-checkradio input[type="radio"]:focus + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #fff;
}

.xepage-page .xu-label-checkradio input[type="radio"]:checked:focus + .xu-label-checkradio__helper {
  border-color: #3a3a3a;
  background-color: #fff;
}

.xepage-page .xu-label-checkradio input[type="radio"]:checked:focus + .xu-label-checkradio__helper::after {
  content: '';
  background-color: #3a3a3a;
}

/* 퀵메뉴 */
.xf-quick-menu {
  position: fixed;
  bottom: 75px;
  right: 15px;
  padding: 0;
  z-index: 120;
}

.xf-quick-btn {
  margin-bottom: 8px;
}

.kakao-btn {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(../img/icon-kakao.svg);
  background-repeat: no-repeat;
  background-size: 50px 50px;
}

.xf-scroll-top:hover {
  cursor: pointer;
}

.xf-scroll-top-icon {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(../img/scroll-top.png);
  background-repeat: no-repeat;
  background-size: 50px 50px;
}

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