@charset "UTF-8";
/* xe-col-lg- */
/* xe-col-md- */
/* xe-col-sm- */
/* xe-col-xs- */
/* reset */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap");
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: 0;
  word-break: keep-all;
}

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

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

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

body, xe-content, .xe-content, .xe_content, .cke_editable {
  font-family: 'Inter', 'Noto Sans KR', sans-serif !important;
}

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

.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-layout {
  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-layout {
  -webkit-box-flex: 1;
      -ms-flex: auto 1;
          flex: auto 1;
}

a, button, input {
  outline: none;
  border: none;
  background: none;
}

a:focus, button:focus, input:focus {
  outline: none;
}

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

.base-list-circle {
  margin: 0;
  padding: 0;
  list-style-type: disc;
}

.base-a {
  text-decoration: none;
}

.base-a:hover {
  text-decoration: none;
  color: #950a14;
}

.base-h1,
.base-h2,
.base-h3,
.base-h4,
.base-h5,
.base-h6,
.base-p {
  margin: 0;
}

.base-blockquote {
  margin: 0;
}

.base-cite {
  font-style: normal;
}

.base-btn {
  cursor: pointer;
  background: none;
}

textarea,
input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

/* 마진 */
.base-m0 {
  margin: 0 !important;
}

@media (max-width: 1200px) {
  .base-m-mb02 {
    margin-bottom: 2px !important;
  }
  .base-m-mb04 {
    margin-bottom: 4px !important;
  }
  .base-m-mb06 {
    margin-bottom: 6px !important;
  }
  .base-m-mb08 {
    margin-bottom: 8px !important;
  }
  .base-m-mb10 {
    margin-bottom: 10px !important;
  }
  .base-m-mb12 {
    margin-bottom: 12px !important;
  }
  .base-m-mb14 {
    margin-bottom: 14px !important;
  }
  .base-m-mb15 {
    margin-bottom: 15px !important;
  }
  .base-m-mb16 {
    margin-bottom: 16px !important;
  }
  .base-m-mb20 {
    margin-bottom: 20px !important;
  }
  .base-m-mb22 {
    margin-bottom: 22px !important;
  }
  .base-m-mb23 {
    margin-bottom: 23px !important;
  }
  .base-m-mb24 {
    margin-bottom: 24px !important;
  }
  .base-m-mb25 {
    margin-bottom: 25px !important;
  }
  .base-m-mb28 {
    margin-bottom: 28px !important;
  }
  .base-m-mb30 {
    margin-bottom: 30px !important;
  }
  .base-m-mb32 {
    margin-bottom: 32px !important;
  }
  .base-m-mb36 {
    margin-bottom: 36px !important;
  }
  .base-m-mb40 {
    margin-bottom: 40px !important;
  }
  .base-m-mb45 {
    margin-bottom: 45px !important;
  }
  .base-m-mb50 {
    margin-bottom: 50px !important;
  }
  .base-m-mb55 {
    margin-bottom: 60px !important;
  }
  .base-m-mb60 {
    margin-bottom: 60px !important;
  }
  .base-m-mr08 {
    margin-right: 8px !important;
  }
  .base-m-mr10 {
    margin-right: 10px !important;
  }
  .base-m-mr12 {
    margin-right: 12px !important;
  }
  .base-m-mr15 {
    margin-right: 15px !important;
  }
  .base-m-mr20 {
    margin-right: 20px !important;
  }
  .base-m-mr35 {
    margin-right: 35px !important;
  }
  .base-m-ml05 {
    margin-left: 5px !important;
  }
  .base-m-ml08 {
    margin-left: 8px !important;
  }
  .base-m-ml10 {
    margin-left: 10px !important;
  }
  .base-m-ml15 {
    margin-left: 15px !important;
  }
  .base-m-ml18 {
    margin-left: 18px !important;
  }
  .base-m-ml25 {
    margin-left: 25px !important;
  }
  .base-m-ml32 {
    margin-left: 32px !important;
  }
  .base-m-ml35 {
    margin-left: 35px !important;
  }
  .base-m-ml36 {
    margin-left: 36px !important;
  }
  .base-m-ml40 {
    margin-left: 40px !important;
  }
  .base-m-mt05 {
    margin-top: 5px !important;
  }
  .base-m-mt10 {
    margin-top: 10px !important;
  }
  .base-m-mt12 {
    margin-top: 12px !important;
  }
  .base-m-mt20 {
    margin-top: 20px !important;
  }
  .base-m-mt24 {
    margin-top: 24px !important;
  }
  .base-m-mt25 {
    margin-top: 25px !important;
  }
  .base-m-mt32 {
    margin-top: 32px !important;
  }
  .base-m-mt40 {
    margin-top: 40px !important;
  }
  .base-m-mt50 {
    margin-top: 50px !important;
  }
  .base-m-mt60 {
    margin-top: 60px !important;
  }
  .base-m-mt100 {
    margin-top: 100px !important;
  }
  .base-m-mt110 {
    margin-top: 110px !important;
  }
}

@media (min-width: 1200px) {
  .base-ma {
    marign: 0 auto !important;
  }
  .base-mb04 {
    margin-bottom: 04px !important;
  }
  .base-mb06 {
    margin-bottom: 06px !important;
  }
  .base-mb08 {
    margin-bottom: 08px !important;
  }
  .base-mb10 {
    margin-bottom: 10px !important;
  }
  .base-mb12 {
    margin-bottom: 12px !important;
  }
  .base-mb15 {
    margin-bottom: 15px !important;
  }
  .base-mb16 {
    margin-bottom: 16px !important;
  }
  .base-mb18 {
    margin-bottom: 18px !important;
  }
  .base-mb20 {
    margin-bottom: 20px !important;
  }
  .base-mb22 {
    margin-bottom: 22px !important;
  }
  .base-mb23 {
    margin-bottom: 23px !important;
  }
  .base-mb24 {
    margin-bottom: 24px !important;
  }
  .base-mb25 {
    margin-bottom: 25px !important;
  }
  .base-mb27 {
    margin-bottom: 27px !important;
  }
  .base-mb30 {
    margin-bottom: 30px !important;
  }
  .base-mb32 {
    margin-bottom: 32px !important;
  }
  .base-mb36 {
    margin-bottom: 36px !important;
  }
  .base-mb40 {
    margin-bottom: 40px !important;
  }
  .base-mb45 {
    margin-bottom: 40px !important;
  }
  .base-mb50 {
    margin-bottom: 50px !important;
  }
  .base-mb55 {
    margin-bottom: 60px !important;
  }
  .base-mb60 {
    margin-bottom: 60px !important;
  }
  .base-mb70 {
    margin-bottom: 70px !important;
  }
  .base-mb80 {
    margin-bottom: 80px !important;
  }
  .base-mt10 {
    margin-top: 10px !important;
  }
  .base-mt05 {
    margin-top: 5px !important;
  }
  .base-mt8 {
    margin-top: 8px !important;
  }
  .base-mt12 {
    margin-top: 12px !important;
  }
  .base-mt20 {
    margin-top: 20px !important;
  }
  .base-mt24 {
    margin-top: 24px !important;
  }
  .base-mt27 {
    margin-top: 27px !important;
  }
  .base-mt30 {
    margin-top: 30px !important;
  }
  .base-mt32 {
    margin-top: 32px !important;
  }
  .base-mt40 {
    margin-top: 40px !important;
  }
  .base-mt50 {
    margin-top: 50px !important;
  }
  .base-mt60 {
    margin-top: 60px !important;
  }
  .base-mt160 {
    margin-top: 160px !important;
  }
  .base-mr06 {
    margin-right: 6px !important;
  }
  .base-mr08 {
    margin-right: 8px !important;
  }
  .base-mr10 {
    margin-right: 10px !important;
  }
  .base-mr12 {
    margin-right: 12px !important;
  }
  .base-mr13 {
    margin-right: 13px !important;
  }
  .base-mr15 {
    margin-right: 15px !important;
  }
  .base-mr16 {
    margin-right: 16px !important;
  }
  .base-mr20 {
    margin-right: 20px !important;
  }
  .base-mr24 {
    margin-right: 24px !important;
  }
  .base-mr32 {
    margin-right: 32px !important;
  }
  .base-mr35 {
    margin-right: 35px !important;
  }
  .base-mr40 {
    margin-right: 40px !important;
  }
  .base-mr60 {
    margin-right: 60px !important;
  }
  .base-mr70 {
    margin-right: 70px !important;
  }
  .base-ml5 {
    margin-left: 5px !important;
  }
  .base-ml8 {
    margin-left: 5px !important;
  }
  .base-ml10 {
    margin-left: 10px !important;
  }
  .base-ml25 {
    margin-left: 25px !important;
  }
  .base-ml32 {
    margin-left: 32px !important;
  }
  .base-ml35 {
    margin-left: 35px !important;
  }
  .base-ml40 {
    margin-left: 40px !important;
  }
  .base-ml60 {
    margin-left: 60px !important;
  }
}

/* 패딩 */
@media (max-width: 1200px) {
  .base-m-pt5 {
    padding-top: 5px !important;
  }
  .base-m-pt20 {
    padding-top: 20px !important;
  }
  .base-m-pt24 {
    padding-top: 24px !important;
  }
  .base-m-pt28 {
    padding-top: 28px !important;
  }
  .base-m-pt32 {
    padding-top: 32px !important;
  }
  .base-m-pt36 {
    padding-top: 36px !important;
  }
  .base-m-pb5 {
    padding-bottom: 5px !important;
  }
  .base-m-pb16 {
    padding-bottom: 16px !important;
  }
  .base-m-pb24 {
    padding-bottom: 24px !important;
  }
  .base-m-pb28 {
    padding-bottom: 28px !important;
  }
  .base-m-pb32 {
    padding-bottom: 32px !important;
  }
  .base-m-pb36 {
    padding-bottom: 36px !important;
  }
  .base-m-pb48 {
    padding-bottom: 48px !important;
  }
  .base-m-pl10 {
    padding-left: 10px !important;
  }
  .base-m-pl35 {
    padding-left: 35px !important;
  }
  .base-m-pr10 {
    padding-right: 10px !important;
  }
  .base-m-pr20 {
    padding-right: 20px !important;
  }
  .base-m-pr35 {
    padding-right: 35px !important;
  }
  .base-m-ptb10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .base-m-ptb24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .base-m-plr15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .base-m-ptb24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media (min-width: 1200px) {
  .base-pt5 {
    padding-top: 5px !important;
  }
  .base-pt10 {
    padding-top: 10px !important;
  }
  .base-pt16 {
    padding-top: 16px !important;
  }
  .base-pt20 {
    padding-top: 20px !important;
  }
  .base-pt40 {
    padding-top: 40px !important;
  }
  .base-pt50 {
    padding-top: 50px !important;
  }
  .base-pt60 {
    padding-top: 60px !important;
  }
  .base-pb5 {
    padding-bottom: 5px !important;
  }
  .base-pb16 {
    padding-bottom: 16px !important;
  }
  .base-pb18 {
    padding-bottom: 18px !important;
  }
  .base-pb40 {
    padding-bottom: 40px !important;
  }
  .base-pl10 {
    padding-left: 10px !important;
  }
  .base-pl12 {
    padding-left: 12px !important;
  }
  .base-pl35 {
    padding-left: 35px !important;
  }
  .base-pr10 {
    padding-right: 10px !important;
  }
  .base-pr20 {
    padding-right: 20px !important;
  }
  .base-pr35 {
    padding-right: 35px !important;
  }
  .base-pr40 {
    padding-right: 40px !important;
  }
  .base-pr65 {
    padding-right: 65px !important;
  }
  .base-pr75 {
    padding-right: 75px !important;
  }
  .base-ptb10 {
    padding: 10px 0 !important;
  }
  .base-ptb24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .base-m-ptb50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media (max-width: 576px) {
  .base-es-mt01 {
    margin-top: 1px !important;
  }
  .base-es-mt02 {
    margin-top: 2px !important;
  }
  .base-es-mt03 {
    margin-top: 3px !important;
  }
  .base-es-mt04 {
    margin-top: 4px !important;
  }
  .base-es-mt05 {
    margin-top: 5px !important;
  }
  .base-es-mt06 {
    margin-top: 6px !important;
  }
  .base-es-mt07 {
    margin-top: 7px !important;
  }
  .base-es-mt08 {
    margin-top: 8px !important;
  }
  .base-es-mt09 {
    margin-top: 9px !important;
  }
  .base-es-mt10 {
    margin-top: 10px !important;
  }
  .base-es-mt11 {
    margin-top: 11px !important;
  }
  .base-es-mt12 {
    margin-top: 12px !important;
  }
  .base-es-mt13 {
    margin-top: 13px !important;
  }
  .base-es-mt14 {
    margin-top: 14px !important;
  }
  .base-es-mt15 {
    margin-top: 15px !important;
  }
  .base-es-mt16 {
    margin-top: 16px !important;
  }
  .base-es-mt17 {
    margin-top: 17px !important;
  }
  .base-es-mt18 {
    margin-top: 18px !important;
  }
  .base-es-mt19 {
    margin-top: 19px !important;
  }
  .base-es-mt20 {
    margin-top: 20px !important;
  }
  .base-es-mt21 {
    margin-top: 21px !important;
  }
  .base-es-mt22 {
    margin-top: 22px !important;
  }
  .base-es-mt23 {
    margin-top: 23px !important;
  }
  .base-es-mt24 {
    margin-top: 24px !important;
  }
  .base-es-mt25 {
    margin-top: 25px !important;
  }
  .base-es-mt26 {
    margin-top: 26px !important;
  }
  .base-es-mt27 {
    margin-top: 27px !important;
  }
  .base-es-mt28 {
    margin-top: 28px !important;
  }
  .base-es-mt29 {
    margin-top: 29px !important;
  }
  .base-es-mt30 {
    margin-top: 30px !important;
  }
  .base-es-mt31 {
    margin-top: 31px !important;
  }
  .base-es-mt32 {
    margin-top: 32px !important;
  }
  .base-es-mt33 {
    margin-top: 33px !important;
  }
  .base-es-mt34 {
    margin-top: 34px !important;
  }
  .base-es-mt35 {
    margin-top: 35px !important;
  }
  .base-es-mt36 {
    margin-top: 36px !important;
  }
  .base-es-mt37 {
    margin-top: 37px !important;
  }
  .base-es-mt38 {
    margin-top: 38px !important;
  }
  .base-es-mt39 {
    margin-top: 39px !important;
  }
  .base-es-mt40 {
    margin-top: 40px !important;
  }
  .base-es-mb01 {
    margin-bottom: 1px !important;
  }
  .base-es-mb02 {
    margin-bottom: 2px !important;
  }
  .base-es-mb03 {
    margin-bottom: 3px !important;
  }
  .base-es-mb04 {
    margin-bottom: 4px !important;
  }
  .base-es-mb05 {
    margin-bottom: 5px !important;
  }
  .base-es-mb06 {
    margin-bottom: 6px !important;
  }
  .base-es-mb07 {
    margin-bottom: 7px !important;
  }
  .base-es-mb08 {
    margin-bottom: 8px !important;
  }
  .base-es-mb09 {
    margin-bottom: 9px !important;
  }
  .base-es-mb10 {
    margin-bottom: 10px !important;
  }
  .base-es-mb11 {
    margin-bottom: 11px !important;
  }
  .base-es-mb12 {
    margin-bottom: 12px !important;
  }
  .base-es-mb13 {
    margin-bottom: 13px !important;
  }
  .base-es-mb14 {
    margin-bottom: 14px !important;
  }
  .base-es-mb15 {
    margin-bottom: 15px !important;
  }
  .base-es-mb16 {
    margin-bottom: 16px !important;
  }
  .base-es-mb17 {
    margin-bottom: 17px !important;
  }
  .base-es-mb18 {
    margin-bottom: 18px !important;
  }
  .base-es-mb19 {
    margin-bottom: 19px !important;
  }
  .base-es-mb20 {
    margin-bottom: 20px !important;
  }
  .base-es-mb21 {
    margin-bottom: 21px !important;
  }
  .base-es-mb22 {
    margin-bottom: 22px !important;
  }
  .base-es-mb23 {
    margin-bottom: 23px !important;
  }
  .base-es-mb24 {
    margin-bottom: 24px !important;
  }
  .base-es-mb25 {
    margin-bottom: 25px !important;
  }
  .base-es-mb26 {
    margin-bottom: 26px !important;
  }
  .base-es-mb27 {
    margin-bottom: 27px !important;
  }
  .base-es-mb28 {
    margin-bottom: 28px !important;
  }
  .base-es-mb29 {
    margin-bottom: 29px !important;
  }
  .base-es-mb30 {
    margin-bottom: 30px !important;
  }
  .base-es-mb31 {
    margin-bottom: 31px !important;
  }
  .base-es-mb32 {
    margin-bottom: 32px !important;
  }
  .base-es-mb33 {
    margin-bottom: 33px !important;
  }
  .base-es-mb34 {
    margin-bottom: 34px !important;
  }
  .base-es-mb35 {
    margin-bottom: 35px !important;
  }
  .base-es-mb36 {
    margin-bottom: 36px !important;
  }
  .base-es-mb37 {
    margin-bottom: 37px !important;
  }
  .base-es-mb38 {
    margin-bottom: 38px !important;
  }
  .base-es-mb39 {
    margin-bottom: 39px !important;
  }
  .base-es-mb40 {
    margin-bottom: 40px !important;
  }
  .base-es-ml01 {
    margin-left: 1px !important;
  }
  .base-es-ml02 {
    margin-left: 2px !important;
  }
  .base-es-ml03 {
    margin-left: 3px !important;
  }
  .base-es-ml04 {
    margin-left: 4px !important;
  }
  .base-es-ml05 {
    margin-left: 5px !important;
  }
  .base-es-ml06 {
    margin-left: 6px !important;
  }
  .base-es-ml07 {
    margin-left: 7px !important;
  }
  .base-es-ml08 {
    margin-left: 8px !important;
  }
  .base-es-ml09 {
    margin-left: 9px !important;
  }
  .base-es-ml10 {
    margin-left: 10px !important;
  }
  .base-es-ml11 {
    margin-left: 11px !important;
  }
  .base-es-ml12 {
    margin-left: 12px !important;
  }
  .base-es-ml13 {
    margin-left: 13px !important;
  }
  .base-es-ml14 {
    margin-left: 14px !important;
  }
  .base-es-ml15 {
    margin-left: 15px !important;
  }
  .base-es-ml16 {
    margin-left: 16px !important;
  }
  .base-es-ml17 {
    margin-left: 17px !important;
  }
  .base-es-ml18 {
    margin-left: 18px !important;
  }
  .base-es-ml19 {
    margin-left: 19px !important;
  }
  .base-es-ml20 {
    margin-left: 20px !important;
  }
  .base-es-ml21 {
    margin-left: 21px !important;
  }
  .base-es-ml22 {
    margin-left: 22px !important;
  }
  .base-es-ml23 {
    margin-left: 23px !important;
  }
  .base-es-ml24 {
    margin-left: 24px !important;
  }
  .base-es-ml25 {
    margin-left: 25px !important;
  }
  .base-es-ml26 {
    margin-left: 26px !important;
  }
  .base-es-ml27 {
    margin-left: 27px !important;
  }
  .base-es-ml28 {
    margin-left: 28px !important;
  }
  .base-es-ml29 {
    margin-left: 29px !important;
  }
  .base-es-ml30 {
    margin-left: 30px !important;
  }
  .base-es-ml31 {
    margin-left: 31px !important;
  }
  .base-es-ml32 {
    margin-left: 32px !important;
  }
  .base-es-ml33 {
    margin-left: 33px !important;
  }
  .base-es-ml34 {
    margin-left: 34px !important;
  }
  .base-es-ml35 {
    margin-left: 35px !important;
  }
  .base-es-ml36 {
    margin-left: 36px !important;
  }
  .base-es-ml37 {
    margin-left: 37px !important;
  }
  .base-es-ml38 {
    margin-left: 38px !important;
  }
  .base-es-ml39 {
    margin-left: 39px !important;
  }
  .base-es-ml40 {
    margin-left: 40px !important;
  }
  .base-es-mr01 {
    margin-right: 1px !important;
  }
  .base-es-mr02 {
    margin-right: 2px !important;
  }
  .base-es-mr03 {
    margin-right: 3px !important;
  }
  .base-es-mr04 {
    margin-right: 4px !important;
  }
  .base-es-mr05 {
    margin-right: 5px !important;
  }
  .base-es-mr06 {
    margin-right: 6px !important;
  }
  .base-es-mr07 {
    margin-right: 7px !important;
  }
  .base-es-mr08 {
    margin-right: 8px !important;
  }
  .base-es-mr09 {
    margin-right: 9px !important;
  }
  .base-es-mr10 {
    margin-right: 10px !important;
  }
  .base-es-mr11 {
    margin-right: 11px !important;
  }
  .base-es-mr12 {
    margin-right: 12px !important;
  }
  .base-es-mr13 {
    margin-right: 13px !important;
  }
  .base-es-mr14 {
    margin-right: 14px !important;
  }
  .base-es-mr15 {
    margin-right: 15px !important;
  }
  .base-es-mr16 {
    margin-right: 16px !important;
  }
  .base-es-mr17 {
    margin-right: 17px !important;
  }
  .base-es-mr18 {
    margin-right: 18px !important;
  }
  .base-es-mr19 {
    margin-right: 19px !important;
  }
  .base-es-mr20 {
    margin-right: 20px !important;
  }
  .base-es-mr21 {
    margin-right: 21px !important;
  }
  .base-es-mr22 {
    margin-right: 22px !important;
  }
  .base-es-mr23 {
    margin-right: 23px !important;
  }
  .base-es-mr24 {
    margin-right: 24px !important;
  }
  .base-es-mr25 {
    margin-right: 25px !important;
  }
  .base-es-mr26 {
    margin-right: 26px !important;
  }
  .base-es-mr27 {
    margin-right: 27px !important;
  }
  .base-es-mr28 {
    margin-right: 28px !important;
  }
  .base-es-mr29 {
    margin-right: 29px !important;
  }
  .base-es-mr30 {
    margin-right: 30px !important;
  }
  .base-es-mr31 {
    margin-right: 31px !important;
  }
  .base-es-mr32 {
    margin-right: 32px !important;
  }
  .base-es-mr33 {
    margin-right: 33px !important;
  }
  .base-es-mr34 {
    margin-right: 34px !important;
  }
  .base-es-mr35 {
    margin-right: 35px !important;
  }
  .base-es-mr36 {
    margin-right: 36px !important;
  }
  .base-es-mr37 {
    margin-right: 37px !important;
  }
  .base-es-mr38 {
    margin-right: 38px !important;
  }
  .base-es-mr39 {
    margin-right: 39px !important;
  }
  .base-es-mr40 {
    margin-right: 40px !important;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .base-s-mt01 {
    margin-top: 1px !important;
  }
  .base-s-mt02 {
    margin-top: 2px !important;
  }
  .base-s-mt03 {
    margin-top: 3px !important;
  }
  .base-s-mt04 {
    margin-top: 4px !important;
  }
  .base-s-mt05 {
    margin-top: 5px !important;
  }
  .base-s-mt06 {
    margin-top: 6px !important;
  }
  .base-s-mt07 {
    margin-top: 7px !important;
  }
  .base-s-mt08 {
    margin-top: 8px !important;
  }
  .base-s-mt09 {
    margin-top: 9px !important;
  }
  .base-s-mt10 {
    margin-top: 10px !important;
  }
  .base-s-mt11 {
    margin-top: 11px !important;
  }
  .base-s-mt12 {
    margin-top: 12px !important;
  }
  .base-s-mt13 {
    margin-top: 13px !important;
  }
  .base-s-mt14 {
    margin-top: 14px !important;
  }
  .base-s-mt15 {
    margin-top: 15px !important;
  }
  .base-s-mt16 {
    margin-top: 16px !important;
  }
  .base-s-mt17 {
    margin-top: 17px !important;
  }
  .base-s-mt18 {
    margin-top: 18px !important;
  }
  .base-s-mt19 {
    margin-top: 19px !important;
  }
  .base-s-mt20 {
    margin-top: 20px !important;
  }
  .base-s-mt21 {
    margin-top: 21px !important;
  }
  .base-s-mt22 {
    margin-top: 22px !important;
  }
  .base-s-mt23 {
    margin-top: 23px !important;
  }
  .base-s-mt24 {
    margin-top: 24px !important;
  }
  .base-s-mt25 {
    margin-top: 25px !important;
  }
  .base-s-mt26 {
    margin-top: 26px !important;
  }
  .base-s-mt27 {
    margin-top: 27px !important;
  }
  .base-s-mt28 {
    margin-top: 28px !important;
  }
  .base-s-mt29 {
    margin-top: 29px !important;
  }
  .base-s-mt30 {
    margin-top: 30px !important;
  }
  .base-s-mt31 {
    margin-top: 31px !important;
  }
  .base-s-mt32 {
    margin-top: 32px !important;
  }
  .base-s-mt33 {
    margin-top: 33px !important;
  }
  .base-s-mt34 {
    margin-top: 34px !important;
  }
  .base-s-mt35 {
    margin-top: 35px !important;
  }
  .base-s-mt36 {
    margin-top: 36px !important;
  }
  .base-s-mt37 {
    margin-top: 37px !important;
  }
  .base-s-mt38 {
    margin-top: 38px !important;
  }
  .base-s-mt39 {
    margin-top: 39px !important;
  }
  .base-s-mt40 {
    margin-top: 40px !important;
  }
  .base-s-mb01 {
    margin-bottom: 1px !important;
  }
  .base-s-mb02 {
    margin-bottom: 2px !important;
  }
  .base-s-mb03 {
    margin-bottom: 3px !important;
  }
  .base-s-mb04 {
    margin-bottom: 4px !important;
  }
  .base-s-mb05 {
    margin-bottom: 5px !important;
  }
  .base-s-mb06 {
    margin-bottom: 6px !important;
  }
  .base-s-mb07 {
    margin-bottom: 7px !important;
  }
  .base-s-mb08 {
    margin-bottom: 8px !important;
  }
  .base-s-mb09 {
    margin-bottom: 9px !important;
  }
  .base-s-mb10 {
    margin-bottom: 10px !important;
  }
  .base-s-mb11 {
    margin-bottom: 11px !important;
  }
  .base-s-mb12 {
    margin-bottom: 12px !important;
  }
  .base-s-mb13 {
    margin-bottom: 13px !important;
  }
  .base-s-mb14 {
    margin-bottom: 14px !important;
  }
  .base-s-mb15 {
    margin-bottom: 15px !important;
  }
  .base-s-mb16 {
    margin-bottom: 16px !important;
  }
  .base-s-mb17 {
    margin-bottom: 17px !important;
  }
  .base-s-mb18 {
    margin-bottom: 18px !important;
  }
  .base-s-mb19 {
    margin-bottom: 19px !important;
  }
  .base-s-mb20 {
    margin-bottom: 20px !important;
  }
  .base-s-mb21 {
    margin-bottom: 21px !important;
  }
  .base-s-mb22 {
    margin-bottom: 22px !important;
  }
  .base-s-mb23 {
    margin-bottom: 23px !important;
  }
  .base-s-mb24 {
    margin-bottom: 24px !important;
  }
  .base-s-mb25 {
    margin-bottom: 25px !important;
  }
  .base-s-mb26 {
    margin-bottom: 26px !important;
  }
  .base-s-mb27 {
    margin-bottom: 27px !important;
  }
  .base-s-mb28 {
    margin-bottom: 28px !important;
  }
  .base-s-mb29 {
    margin-bottom: 29px !important;
  }
  .base-s-mb30 {
    margin-bottom: 30px !important;
  }
  .base-s-mb31 {
    margin-bottom: 31px !important;
  }
  .base-s-mb32 {
    margin-bottom: 32px !important;
  }
  .base-s-mb33 {
    margin-bottom: 33px !important;
  }
  .base-s-mb34 {
    margin-bottom: 34px !important;
  }
  .base-s-mb35 {
    margin-bottom: 35px !important;
  }
  .base-s-mb36 {
    margin-bottom: 36px !important;
  }
  .base-s-mb37 {
    margin-bottom: 37px !important;
  }
  .base-s-mb38 {
    margin-bottom: 38px !important;
  }
  .base-s-mb39 {
    margin-bottom: 39px !important;
  }
  .base-s-mb40 {
    margin-bottom: 40px !important;
  }
  .base-s-ml01 {
    margin-left: 1px !important;
  }
  .base-s-ml02 {
    margin-left: 2px !important;
  }
  .base-s-ml03 {
    margin-left: 3px !important;
  }
  .base-s-ml04 {
    margin-left: 4px !important;
  }
  .base-s-ml05 {
    margin-left: 5px !important;
  }
  .base-s-ml06 {
    margin-left: 6px !important;
  }
  .base-s-ml07 {
    margin-left: 7px !important;
  }
  .base-s-ml08 {
    margin-left: 8px !important;
  }
  .base-s-ml09 {
    margin-left: 9px !important;
  }
  .base-s-ml10 {
    margin-left: 10px !important;
  }
  .base-s-ml11 {
    margin-left: 11px !important;
  }
  .base-s-ml12 {
    margin-left: 12px !important;
  }
  .base-s-ml13 {
    margin-left: 13px !important;
  }
  .base-s-ml14 {
    margin-left: 14px !important;
  }
  .base-s-ml15 {
    margin-left: 15px !important;
  }
  .base-s-ml16 {
    margin-left: 16px !important;
  }
  .base-s-ml17 {
    margin-left: 17px !important;
  }
  .base-s-ml18 {
    margin-left: 18px !important;
  }
  .base-s-ml19 {
    margin-left: 19px !important;
  }
  .base-s-ml20 {
    margin-left: 20px !important;
  }
  .base-s-ml21 {
    margin-left: 21px !important;
  }
  .base-s-ml22 {
    margin-left: 22px !important;
  }
  .base-s-ml23 {
    margin-left: 23px !important;
  }
  .base-s-ml24 {
    margin-left: 24px !important;
  }
  .base-s-ml25 {
    margin-left: 25px !important;
  }
  .base-s-ml26 {
    margin-left: 26px !important;
  }
  .base-s-ml27 {
    margin-left: 27px !important;
  }
  .base-s-ml28 {
    margin-left: 28px !important;
  }
  .base-s-ml29 {
    margin-left: 29px !important;
  }
  .base-s-ml30 {
    margin-left: 30px !important;
  }
  .base-s-ml31 {
    margin-left: 31px !important;
  }
  .base-s-ml32 {
    margin-left: 32px !important;
  }
  .base-s-ml33 {
    margin-left: 33px !important;
  }
  .base-s-ml34 {
    margin-left: 34px !important;
  }
  .base-s-ml35 {
    margin-left: 35px !important;
  }
  .base-s-ml36 {
    margin-left: 36px !important;
  }
  .base-s-ml37 {
    margin-left: 37px !important;
  }
  .base-s-ml38 {
    margin-left: 38px !important;
  }
  .base-s-ml39 {
    margin-left: 39px !important;
  }
  .base-s-ml40 {
    margin-left: 40px !important;
  }
  .base-s-mr01 {
    margin-right: 1px !important;
  }
  .base-s-mr02 {
    margin-right: 2px !important;
  }
  .base-s-mr03 {
    margin-right: 3px !important;
  }
  .base-s-mr04 {
    margin-right: 4px !important;
  }
  .base-s-mr05 {
    margin-right: 5px !important;
  }
  .base-s-mr06 {
    margin-right: 6px !important;
  }
  .base-s-mr07 {
    margin-right: 7px !important;
  }
  .base-s-mr08 {
    margin-right: 8px !important;
  }
  .base-s-mr09 {
    margin-right: 9px !important;
  }
  .base-s-mr10 {
    margin-right: 10px !important;
  }
  .base-s-mr11 {
    margin-right: 11px !important;
  }
  .base-s-mr12 {
    margin-right: 12px !important;
  }
  .base-s-mr13 {
    margin-right: 13px !important;
  }
  .base-s-mr14 {
    margin-right: 14px !important;
  }
  .base-s-mr15 {
    margin-right: 15px !important;
  }
  .base-s-mr16 {
    margin-right: 16px !important;
  }
  .base-s-mr17 {
    margin-right: 17px !important;
  }
  .base-s-mr18 {
    margin-right: 18px !important;
  }
  .base-s-mr19 {
    margin-right: 19px !important;
  }
  .base-s-mr20 {
    margin-right: 20px !important;
  }
  .base-s-mr21 {
    margin-right: 21px !important;
  }
  .base-s-mr22 {
    margin-right: 22px !important;
  }
  .base-s-mr23 {
    margin-right: 23px !important;
  }
  .base-s-mr24 {
    margin-right: 24px !important;
  }
  .base-s-mr25 {
    margin-right: 25px !important;
  }
  .base-s-mr26 {
    margin-right: 26px !important;
  }
  .base-s-mr27 {
    margin-right: 27px !important;
  }
  .base-s-mr28 {
    margin-right: 28px !important;
  }
  .base-s-mr29 {
    margin-right: 29px !important;
  }
  .base-s-mr30 {
    margin-right: 30px !important;
  }
  .base-s-mr31 {
    margin-right: 31px !important;
  }
  .base-s-mr32 {
    margin-right: 32px !important;
  }
  .base-s-mr33 {
    margin-right: 33px !important;
  }
  .base-s-mr34 {
    margin-right: 34px !important;
  }
  .base-s-mr35 {
    margin-right: 35px !important;
  }
  .base-s-mr36 {
    margin-right: 36px !important;
  }
  .base-s-mr37 {
    margin-right: 37px !important;
  }
  .base-s-mr38 {
    margin-right: 38px !important;
  }
  .base-s-mr39 {
    margin-right: 39px !important;
  }
  .base-s-mr40 {
    margin-right: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .base-m-mt01 {
    margin-top: 1px !important;
  }
  .base-m-mt02 {
    margin-top: 2px !important;
  }
  .base-m-mt03 {
    margin-top: 3px !important;
  }
  .base-m-mt04 {
    margin-top: 4px !important;
  }
  .base-m-mt05 {
    margin-top: 5px !important;
  }
  .base-m-mt06 {
    margin-top: 6px !important;
  }
  .base-m-mt07 {
    margin-top: 7px !important;
  }
  .base-m-mt08 {
    margin-top: 8px !important;
  }
  .base-m-mt09 {
    margin-top: 9px !important;
  }
  .base-m-mt10 {
    margin-top: 10px !important;
  }
  .base-m-mt11 {
    margin-top: 11px !important;
  }
  .base-m-mt12 {
    margin-top: 12px !important;
  }
  .base-m-mt13 {
    margin-top: 13px !important;
  }
  .base-m-mt14 {
    margin-top: 14px !important;
  }
  .base-m-mt15 {
    margin-top: 15px !important;
  }
  .base-m-mt16 {
    margin-top: 16px !important;
  }
  .base-m-mt17 {
    margin-top: 17px !important;
  }
  .base-m-mt18 {
    margin-top: 18px !important;
  }
  .base-m-mt19 {
    margin-top: 19px !important;
  }
  .base-m-mt20 {
    margin-top: 20px !important;
  }
  .base-m-mt21 {
    margin-top: 21px !important;
  }
  .base-m-mt22 {
    margin-top: 22px !important;
  }
  .base-m-mt23 {
    margin-top: 23px !important;
  }
  .base-m-mt24 {
    margin-top: 24px !important;
  }
  .base-m-mt25 {
    margin-top: 25px !important;
  }
  .base-m-mt26 {
    margin-top: 26px !important;
  }
  .base-m-mt27 {
    margin-top: 27px !important;
  }
  .base-m-mt28 {
    margin-top: 28px !important;
  }
  .base-m-mt29 {
    margin-top: 29px !important;
  }
  .base-m-mt30 {
    margin-top: 30px !important;
  }
  .base-m-mt31 {
    margin-top: 31px !important;
  }
  .base-m-mt32 {
    margin-top: 32px !important;
  }
  .base-m-mt33 {
    margin-top: 33px !important;
  }
  .base-m-mt34 {
    margin-top: 34px !important;
  }
  .base-m-mt35 {
    margin-top: 35px !important;
  }
  .base-m-mt36 {
    margin-top: 36px !important;
  }
  .base-m-mt37 {
    margin-top: 37px !important;
  }
  .base-m-mt38 {
    margin-top: 38px !important;
  }
  .base-m-mt39 {
    margin-top: 39px !important;
  }
  .base-m-mt40 {
    margin-top: 40px !important;
  }
  .base-m-mb01 {
    margin-bottom: 1px !important;
  }
  .base-m-mb02 {
    margin-bottom: 2px !important;
  }
  .base-m-mb03 {
    margin-bottom: 3px !important;
  }
  .base-m-mb04 {
    margin-bottom: 4px !important;
  }
  .base-m-mb05 {
    margin-bottom: 5px !important;
  }
  .base-m-mb06 {
    margin-bottom: 6px !important;
  }
  .base-m-mb07 {
    margin-bottom: 7px !important;
  }
  .base-m-mb08 {
    margin-bottom: 8px !important;
  }
  .base-m-mb09 {
    margin-bottom: 9px !important;
  }
  .base-m-mb10 {
    margin-bottom: 10px !important;
  }
  .base-m-mb11 {
    margin-bottom: 11px !important;
  }
  .base-m-mb12 {
    margin-bottom: 12px !important;
  }
  .base-m-mb13 {
    margin-bottom: 13px !important;
  }
  .base-m-mb14 {
    margin-bottom: 14px !important;
  }
  .base-m-mb15 {
    margin-bottom: 15px !important;
  }
  .base-m-mb16 {
    margin-bottom: 16px !important;
  }
  .base-m-mb17 {
    margin-bottom: 17px !important;
  }
  .base-m-mb18 {
    margin-bottom: 18px !important;
  }
  .base-m-mb19 {
    margin-bottom: 19px !important;
  }
  .base-m-mb20 {
    margin-bottom: 20px !important;
  }
  .base-m-mb21 {
    margin-bottom: 21px !important;
  }
  .base-m-mb22 {
    margin-bottom: 22px !important;
  }
  .base-m-mb23 {
    margin-bottom: 23px !important;
  }
  .base-m-mb24 {
    margin-bottom: 24px !important;
  }
  .base-m-mb25 {
    margin-bottom: 25px !important;
  }
  .base-m-mb26 {
    margin-bottom: 26px !important;
  }
  .base-m-mb27 {
    margin-bottom: 27px !important;
  }
  .base-m-mb28 {
    margin-bottom: 28px !important;
  }
  .base-m-mb29 {
    margin-bottom: 29px !important;
  }
  .base-m-mb30 {
    margin-bottom: 30px !important;
  }
  .base-m-mb31 {
    margin-bottom: 31px !important;
  }
  .base-m-mb32 {
    margin-bottom: 32px !important;
  }
  .base-m-mb33 {
    margin-bottom: 33px !important;
  }
  .base-m-mb34 {
    margin-bottom: 34px !important;
  }
  .base-m-mb35 {
    margin-bottom: 35px !important;
  }
  .base-m-mb36 {
    margin-bottom: 36px !important;
  }
  .base-m-mb37 {
    margin-bottom: 37px !important;
  }
  .base-m-mb38 {
    margin-bottom: 38px !important;
  }
  .base-m-mb39 {
    margin-bottom: 39px !important;
  }
  .base-m-mb40 {
    margin-bottom: 40px !important;
  }
  .base-m-ml01 {
    margin-left: 1px !important;
  }
  .base-m-ml02 {
    margin-left: 2px !important;
  }
  .base-m-ml03 {
    margin-left: 3px !important;
  }
  .base-m-ml04 {
    margin-left: 4px !important;
  }
  .base-m-ml05 {
    margin-left: 5px !important;
  }
  .base-m-ml06 {
    margin-left: 6px !important;
  }
  .base-m-ml07 {
    margin-left: 7px !important;
  }
  .base-m-ml08 {
    margin-left: 8px !important;
  }
  .base-m-ml09 {
    margin-left: 9px !important;
  }
  .base-m-ml10 {
    margin-left: 10px !important;
  }
  .base-m-ml11 {
    margin-left: 11px !important;
  }
  .base-m-ml12 {
    margin-left: 12px !important;
  }
  .base-m-ml13 {
    margin-left: 13px !important;
  }
  .base-m-ml14 {
    margin-left: 14px !important;
  }
  .base-m-ml15 {
    margin-left: 15px !important;
  }
  .base-m-ml16 {
    margin-left: 16px !important;
  }
  .base-m-ml17 {
    margin-left: 17px !important;
  }
  .base-m-ml18 {
    margin-left: 18px !important;
  }
  .base-m-ml19 {
    margin-left: 19px !important;
  }
  .base-m-ml20 {
    margin-left: 20px !important;
  }
  .base-m-ml21 {
    margin-left: 21px !important;
  }
  .base-m-ml22 {
    margin-left: 22px !important;
  }
  .base-m-ml23 {
    margin-left: 23px !important;
  }
  .base-m-ml24 {
    margin-left: 24px !important;
  }
  .base-m-ml25 {
    margin-left: 25px !important;
  }
  .base-m-ml26 {
    margin-left: 26px !important;
  }
  .base-m-ml27 {
    margin-left: 27px !important;
  }
  .base-m-ml28 {
    margin-left: 28px !important;
  }
  .base-m-ml29 {
    margin-left: 29px !important;
  }
  .base-m-ml30 {
    margin-left: 30px !important;
  }
  .base-m-ml31 {
    margin-left: 31px !important;
  }
  .base-m-ml32 {
    margin-left: 32px !important;
  }
  .base-m-ml33 {
    margin-left: 33px !important;
  }
  .base-m-ml34 {
    margin-left: 34px !important;
  }
  .base-m-ml35 {
    margin-left: 35px !important;
  }
  .base-m-ml36 {
    margin-left: 36px !important;
  }
  .base-m-ml37 {
    margin-left: 37px !important;
  }
  .base-m-ml38 {
    margin-left: 38px !important;
  }
  .base-m-ml39 {
    margin-left: 39px !important;
  }
  .base-m-ml40 {
    margin-left: 40px !important;
  }
  .base-m-mr01 {
    margin-right: 1px !important;
  }
  .base-m-mr02 {
    margin-right: 2px !important;
  }
  .base-m-mr03 {
    margin-right: 3px !important;
  }
  .base-m-mr04 {
    margin-right: 4px !important;
  }
  .base-m-mr05 {
    margin-right: 5px !important;
  }
  .base-m-mr06 {
    margin-right: 6px !important;
  }
  .base-m-mr07 {
    margin-right: 7px !important;
  }
  .base-m-mr08 {
    margin-right: 8px !important;
  }
  .base-m-mr09 {
    margin-right: 9px !important;
  }
  .base-m-mr10 {
    margin-right: 10px !important;
  }
  .base-m-mr11 {
    margin-right: 11px !important;
  }
  .base-m-mr12 {
    margin-right: 12px !important;
  }
  .base-m-mr13 {
    margin-right: 13px !important;
  }
  .base-m-mr14 {
    margin-right: 14px !important;
  }
  .base-m-mr15 {
    margin-right: 15px !important;
  }
  .base-m-mr16 {
    margin-right: 16px !important;
  }
  .base-m-mr17 {
    margin-right: 17px !important;
  }
  .base-m-mr18 {
    margin-right: 18px !important;
  }
  .base-m-mr19 {
    margin-right: 19px !important;
  }
  .base-m-mr20 {
    margin-right: 20px !important;
  }
  .base-m-mr21 {
    margin-right: 21px !important;
  }
  .base-m-mr22 {
    margin-right: 22px !important;
  }
  .base-m-mr23 {
    margin-right: 23px !important;
  }
  .base-m-mr24 {
    margin-right: 24px !important;
  }
  .base-m-mr25 {
    margin-right: 25px !important;
  }
  .base-m-mr26 {
    margin-right: 26px !important;
  }
  .base-m-mr27 {
    margin-right: 27px !important;
  }
  .base-m-mr28 {
    margin-right: 28px !important;
  }
  .base-m-mr29 {
    margin-right: 29px !important;
  }
  .base-m-mr30 {
    margin-right: 30px !important;
  }
  .base-m-mr31 {
    margin-right: 31px !important;
  }
  .base-m-mr32 {
    margin-right: 32px !important;
  }
  .base-m-mr33 {
    margin-right: 33px !important;
  }
  .base-m-mr34 {
    margin-right: 34px !important;
  }
  .base-m-mr35 {
    margin-right: 35px !important;
  }
  .base-m-mr36 {
    margin-right: 36px !important;
  }
  .base-m-mr37 {
    margin-right: 37px !important;
  }
  .base-m-mr38 {
    margin-right: 38px !important;
  }
  .base-m-mr39 {
    margin-right: 39px !important;
  }
  .base-m-mr40 {
    margin-right: 40px !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .base-l-mt01 {
    margin-top: 1px !important;
  }
  .base-l-mt02 {
    margin-top: 2px !important;
  }
  .base-l-mt03 {
    margin-top: 3px !important;
  }
  .base-l-mt04 {
    margin-top: 4px !important;
  }
  .base-l-mt05 {
    margin-top: 5px !important;
  }
  .base-l-mt06 {
    margin-top: 6px !important;
  }
  .base-l-mt07 {
    margin-top: 7px !important;
  }
  .base-l-mt08 {
    margin-top: 8px !important;
  }
  .base-l-mt09 {
    margin-top: 9px !important;
  }
  .base-l-mt10 {
    margin-top: 10px !important;
  }
  .base-l-mt11 {
    margin-top: 11px !important;
  }
  .base-l-mt12 {
    margin-top: 12px !important;
  }
  .base-l-mt13 {
    margin-top: 13px !important;
  }
  .base-l-mt14 {
    margin-top: 14px !important;
  }
  .base-l-mt15 {
    margin-top: 15px !important;
  }
  .base-l-mt16 {
    margin-top: 16px !important;
  }
  .base-l-mt17 {
    margin-top: 17px !important;
  }
  .base-l-mt18 {
    margin-top: 18px !important;
  }
  .base-l-mt19 {
    margin-top: 19px !important;
  }
  .base-l-mt20 {
    margin-top: 20px !important;
  }
  .base-l-mt21 {
    margin-top: 21px !important;
  }
  .base-l-mt22 {
    margin-top: 22px !important;
  }
  .base-l-mt23 {
    margin-top: 23px !important;
  }
  .base-l-mt24 {
    margin-top: 24px !important;
  }
  .base-l-mt25 {
    margin-top: 25px !important;
  }
  .base-l-mt26 {
    margin-top: 26px !important;
  }
  .base-l-mt27 {
    margin-top: 27px !important;
  }
  .base-l-mt28 {
    margin-top: 28px !important;
  }
  .base-l-mt29 {
    margin-top: 29px !important;
  }
  .base-l-mt30 {
    margin-top: 30px !important;
  }
  .base-l-mt31 {
    margin-top: 31px !important;
  }
  .base-l-mt32 {
    margin-top: 32px !important;
  }
  .base-l-mt33 {
    margin-top: 33px !important;
  }
  .base-l-mt34 {
    margin-top: 34px !important;
  }
  .base-l-mt35 {
    margin-top: 35px !important;
  }
  .base-l-mt36 {
    margin-top: 36px !important;
  }
  .base-l-mt37 {
    margin-top: 37px !important;
  }
  .base-l-mt38 {
    margin-top: 38px !important;
  }
  .base-l-mt39 {
    margin-top: 39px !important;
  }
  .base-l-mt40 {
    margin-top: 40px !important;
  }
  .base-l-mb01 {
    margin-bottom: 1px !important;
  }
  .base-l-mb02 {
    margin-bottom: 2px !important;
  }
  .base-l-mb03 {
    margin-bottom: 3px !important;
  }
  .base-l-mb04 {
    margin-bottom: 4px !important;
  }
  .base-l-mb05 {
    margin-bottom: 5px !important;
  }
  .base-l-mb06 {
    margin-bottom: 6px !important;
  }
  .base-l-mb07 {
    margin-bottom: 7px !important;
  }
  .base-l-mb08 {
    margin-bottom: 8px !important;
  }
  .base-l-mb09 {
    margin-bottom: 9px !important;
  }
  .base-l-mb10 {
    margin-bottom: 10px !important;
  }
  .base-l-mb11 {
    margin-bottom: 11px !important;
  }
  .base-l-mb12 {
    margin-bottom: 12px !important;
  }
  .base-l-mb13 {
    margin-bottom: 13px !important;
  }
  .base-l-mb14 {
    margin-bottom: 14px !important;
  }
  .base-l-mb15 {
    margin-bottom: 15px !important;
  }
  .base-l-mb16 {
    margin-bottom: 16px !important;
  }
  .base-l-mb17 {
    margin-bottom: 17px !important;
  }
  .base-l-mb18 {
    margin-bottom: 18px !important;
  }
  .base-l-mb19 {
    margin-bottom: 19px !important;
  }
  .base-l-mb20 {
    margin-bottom: 20px !important;
  }
  .base-l-mb21 {
    margin-bottom: 21px !important;
  }
  .base-l-mb22 {
    margin-bottom: 22px !important;
  }
  .base-l-mb23 {
    margin-bottom: 23px !important;
  }
  .base-l-mb24 {
    margin-bottom: 24px !important;
  }
  .base-l-mb25 {
    margin-bottom: 25px !important;
  }
  .base-l-mb26 {
    margin-bottom: 26px !important;
  }
  .base-l-mb27 {
    margin-bottom: 27px !important;
  }
  .base-l-mb28 {
    margin-bottom: 28px !important;
  }
  .base-l-mb29 {
    margin-bottom: 29px !important;
  }
  .base-l-mb30 {
    margin-bottom: 30px !important;
  }
  .base-l-mb31 {
    margin-bottom: 31px !important;
  }
  .base-l-mb32 {
    margin-bottom: 32px !important;
  }
  .base-l-mb33 {
    margin-bottom: 33px !important;
  }
  .base-l-mb34 {
    margin-bottom: 34px !important;
  }
  .base-l-mb35 {
    margin-bottom: 35px !important;
  }
  .base-l-mb36 {
    margin-bottom: 36px !important;
  }
  .base-l-mb37 {
    margin-bottom: 37px !important;
  }
  .base-l-mb38 {
    margin-bottom: 38px !important;
  }
  .base-l-mb39 {
    margin-bottom: 39px !important;
  }
  .base-l-mb40 {
    margin-bottom: 40px !important;
  }
  .base-l-ml01 {
    margin-left: 1px !important;
  }
  .base-l-ml02 {
    margin-left: 2px !important;
  }
  .base-l-ml03 {
    margin-left: 3px !important;
  }
  .base-l-ml04 {
    margin-left: 4px !important;
  }
  .base-l-ml05 {
    margin-left: 5px !important;
  }
  .base-l-ml06 {
    margin-left: 6px !important;
  }
  .base-l-ml07 {
    margin-left: 7px !important;
  }
  .base-l-ml08 {
    margin-left: 8px !important;
  }
  .base-l-ml09 {
    margin-left: 9px !important;
  }
  .base-l-ml10 {
    margin-left: 10px !important;
  }
  .base-l-ml11 {
    margin-left: 11px !important;
  }
  .base-l-ml12 {
    margin-left: 12px !important;
  }
  .base-l-ml13 {
    margin-left: 13px !important;
  }
  .base-l-ml14 {
    margin-left: 14px !important;
  }
  .base-l-ml15 {
    margin-left: 15px !important;
  }
  .base-l-ml16 {
    margin-left: 16px !important;
  }
  .base-l-ml17 {
    margin-left: 17px !important;
  }
  .base-l-ml18 {
    margin-left: 18px !important;
  }
  .base-l-ml19 {
    margin-left: 19px !important;
  }
  .base-l-ml20 {
    margin-left: 20px !important;
  }
  .base-l-ml21 {
    margin-left: 21px !important;
  }
  .base-l-ml22 {
    margin-left: 22px !important;
  }
  .base-l-ml23 {
    margin-left: 23px !important;
  }
  .base-l-ml24 {
    margin-left: 24px !important;
  }
  .base-l-ml25 {
    margin-left: 25px !important;
  }
  .base-l-ml26 {
    margin-left: 26px !important;
  }
  .base-l-ml27 {
    margin-left: 27px !important;
  }
  .base-l-ml28 {
    margin-left: 28px !important;
  }
  .base-l-ml29 {
    margin-left: 29px !important;
  }
  .base-l-ml30 {
    margin-left: 30px !important;
  }
  .base-l-ml31 {
    margin-left: 31px !important;
  }
  .base-l-ml32 {
    margin-left: 32px !important;
  }
  .base-l-ml33 {
    margin-left: 33px !important;
  }
  .base-l-ml34 {
    margin-left: 34px !important;
  }
  .base-l-ml35 {
    margin-left: 35px !important;
  }
  .base-l-ml36 {
    margin-left: 36px !important;
  }
  .base-l-ml37 {
    margin-left: 37px !important;
  }
  .base-l-ml38 {
    margin-left: 38px !important;
  }
  .base-l-ml39 {
    margin-left: 39px !important;
  }
  .base-l-ml40 {
    margin-left: 40px !important;
  }
  .base-l-mr01 {
    margin-right: 1px !important;
  }
  .base-l-mr02 {
    margin-right: 2px !important;
  }
  .base-l-mr03 {
    margin-right: 3px !important;
  }
  .base-l-mr04 {
    margin-right: 4px !important;
  }
  .base-l-mr05 {
    margin-right: 5px !important;
  }
  .base-l-mr06 {
    margin-right: 6px !important;
  }
  .base-l-mr07 {
    margin-right: 7px !important;
  }
  .base-l-mr08 {
    margin-right: 8px !important;
  }
  .base-l-mr09 {
    margin-right: 9px !important;
  }
  .base-l-mr10 {
    margin-right: 10px !important;
  }
  .base-l-mr11 {
    margin-right: 11px !important;
  }
  .base-l-mr12 {
    margin-right: 12px !important;
  }
  .base-l-mr13 {
    margin-right: 13px !important;
  }
  .base-l-mr14 {
    margin-right: 14px !important;
  }
  .base-l-mr15 {
    margin-right: 15px !important;
  }
  .base-l-mr16 {
    margin-right: 16px !important;
  }
  .base-l-mr17 {
    margin-right: 17px !important;
  }
  .base-l-mr18 {
    margin-right: 18px !important;
  }
  .base-l-mr19 {
    margin-right: 19px !important;
  }
  .base-l-mr20 {
    margin-right: 20px !important;
  }
  .base-l-mr21 {
    margin-right: 21px !important;
  }
  .base-l-mr22 {
    margin-right: 22px !important;
  }
  .base-l-mr23 {
    margin-right: 23px !important;
  }
  .base-l-mr24 {
    margin-right: 24px !important;
  }
  .base-l-mr25 {
    margin-right: 25px !important;
  }
  .base-l-mr26 {
    margin-right: 26px !important;
  }
  .base-l-mr27 {
    margin-right: 27px !important;
  }
  .base-l-mr28 {
    margin-right: 28px !important;
  }
  .base-l-mr29 {
    margin-right: 29px !important;
  }
  .base-l-mr30 {
    margin-right: 30px !important;
  }
  .base-l-mr31 {
    margin-right: 31px !important;
  }
  .base-l-mr32 {
    margin-right: 32px !important;
  }
  .base-l-mr33 {
    margin-right: 33px !important;
  }
  .base-l-mr34 {
    margin-right: 34px !important;
  }
  .base-l-mr35 {
    margin-right: 35px !important;
  }
  .base-l-mr36 {
    margin-right: 36px !important;
  }
  .base-l-mr37 {
    margin-right: 37px !important;
  }
  .base-l-mr38 {
    margin-right: 38px !important;
  }
  .base-l-mr39 {
    margin-right: 39px !important;
  }
  .base-l-mr40 {
    margin-right: 40px !important;
  }
}

@media (min-width: 1200px) {
  .base-el-mt01 {
    margin-top: 1px !important;
  }
  .base-el-mt02 {
    margin-top: 2px !important;
  }
  .base-el-mt03 {
    margin-top: 3px !important;
  }
  .base-el-mt04 {
    margin-top: 4px !important;
  }
  .base-el-mt05 {
    margin-top: 5px !important;
  }
  .base-el-mt06 {
    margin-top: 6px !important;
  }
  .base-el-mt07 {
    margin-top: 7px !important;
  }
  .base-el-mt08 {
    margin-top: 8px !important;
  }
  .base-el-mt09 {
    margin-top: 9px !important;
  }
  .base-el-mt10 {
    margin-top: 10px !important;
  }
  .base-el-mt11 {
    margin-top: 11px !important;
  }
  .base-el-mt12 {
    margin-top: 12px !important;
  }
  .base-el-mt13 {
    margin-top: 13px !important;
  }
  .base-el-mt14 {
    margin-top: 14px !important;
  }
  .base-el-mt15 {
    margin-top: 15px !important;
  }
  .base-el-mt16 {
    margin-top: 16px !important;
  }
  .base-el-mt17 {
    margin-top: 17px !important;
  }
  .base-el-mt18 {
    margin-top: 18px !important;
  }
  .base-el-mt19 {
    margin-top: 19px !important;
  }
  .base-el-mt20 {
    margin-top: 20px !important;
  }
  .base-el-mt21 {
    margin-top: 21px !important;
  }
  .base-el-mt22 {
    margin-top: 22px !important;
  }
  .base-el-mt23 {
    margin-top: 23px !important;
  }
  .base-el-mt24 {
    margin-top: 24px !important;
  }
  .base-el-mt25 {
    margin-top: 25px !important;
  }
  .base-el-mt26 {
    margin-top: 26px !important;
  }
  .base-el-mt27 {
    margin-top: 27px !important;
  }
  .base-el-mt28 {
    margin-top: 28px !important;
  }
  .base-el-mt29 {
    margin-top: 29px !important;
  }
  .base-el-mt30 {
    margin-top: 30px !important;
  }
  .base-el-mt31 {
    margin-top: 31px !important;
  }
  .base-el-mt32 {
    margin-top: 32px !important;
  }
  .base-el-mt33 {
    margin-top: 33px !important;
  }
  .base-el-mt34 {
    margin-top: 34px !important;
  }
  .base-el-mt35 {
    margin-top: 35px !important;
  }
  .base-el-mt36 {
    margin-top: 36px !important;
  }
  .base-el-mt37 {
    margin-top: 37px !important;
  }
  .base-el-mt38 {
    margin-top: 38px !important;
  }
  .base-el-mt39 {
    margin-top: 39px !important;
  }
  .base-el-mt40 {
    margin-top: 40px !important;
  }
  .base-el-mb01 {
    margin-bottom: 1px !important;
  }
  .base-el-mb02 {
    margin-bottom: 2px !important;
  }
  .base-el-mb03 {
    margin-bottom: 3px !important;
  }
  .base-el-mb04 {
    margin-bottom: 4px !important;
  }
  .base-el-mb05 {
    margin-bottom: 5px !important;
  }
  .base-el-mb06 {
    margin-bottom: 6px !important;
  }
  .base-el-mb07 {
    margin-bottom: 7px !important;
  }
  .base-el-mb08 {
    margin-bottom: 8px !important;
  }
  .base-el-mb09 {
    margin-bottom: 9px !important;
  }
  .base-el-mb10 {
    margin-bottom: 10px !important;
  }
  .base-el-mb11 {
    margin-bottom: 11px !important;
  }
  .base-el-mb12 {
    margin-bottom: 12px !important;
  }
  .base-el-mb13 {
    margin-bottom: 13px !important;
  }
  .base-el-mb14 {
    margin-bottom: 14px !important;
  }
  .base-el-mb15 {
    margin-bottom: 15px !important;
  }
  .base-el-mb16 {
    margin-bottom: 16px !important;
  }
  .base-el-mb17 {
    margin-bottom: 17px !important;
  }
  .base-el-mb18 {
    margin-bottom: 18px !important;
  }
  .base-el-mb19 {
    margin-bottom: 19px !important;
  }
  .base-el-mb20 {
    margin-bottom: 20px !important;
  }
  .base-el-mb21 {
    margin-bottom: 21px !important;
  }
  .base-el-mb22 {
    margin-bottom: 22px !important;
  }
  .base-el-mb23 {
    margin-bottom: 23px !important;
  }
  .base-el-mb24 {
    margin-bottom: 24px !important;
  }
  .base-el-mb25 {
    margin-bottom: 25px !important;
  }
  .base-el-mb26 {
    margin-bottom: 26px !important;
  }
  .base-el-mb27 {
    margin-bottom: 27px !important;
  }
  .base-el-mb28 {
    margin-bottom: 28px !important;
  }
  .base-el-mb29 {
    margin-bottom: 29px !important;
  }
  .base-el-mb30 {
    margin-bottom: 30px !important;
  }
  .base-el-mb31 {
    margin-bottom: 31px !important;
  }
  .base-el-mb32 {
    margin-bottom: 32px !important;
  }
  .base-el-mb33 {
    margin-bottom: 33px !important;
  }
  .base-el-mb34 {
    margin-bottom: 34px !important;
  }
  .base-el-mb35 {
    margin-bottom: 35px !important;
  }
  .base-el-mb36 {
    margin-bottom: 36px !important;
  }
  .base-el-mb37 {
    margin-bottom: 37px !important;
  }
  .base-el-mb38 {
    margin-bottom: 38px !important;
  }
  .base-el-mb39 {
    margin-bottom: 39px !important;
  }
  .base-el-mb40 {
    margin-bottom: 40px !important;
  }
  .base-el-ml01 {
    margin-left: 1px !important;
  }
  .base-el-ml02 {
    margin-left: 2px !important;
  }
  .base-el-ml03 {
    margin-left: 3px !important;
  }
  .base-el-ml04 {
    margin-left: 4px !important;
  }
  .base-el-ml05 {
    margin-left: 5px !important;
  }
  .base-el-ml06 {
    margin-left: 6px !important;
  }
  .base-el-ml07 {
    margin-left: 7px !important;
  }
  .base-el-ml08 {
    margin-left: 8px !important;
  }
  .base-el-ml09 {
    margin-left: 9px !important;
  }
  .base-el-ml10 {
    margin-left: 10px !important;
  }
  .base-el-ml11 {
    margin-left: 11px !important;
  }
  .base-el-ml12 {
    margin-left: 12px !important;
  }
  .base-el-ml13 {
    margin-left: 13px !important;
  }
  .base-el-ml14 {
    margin-left: 14px !important;
  }
  .base-el-ml15 {
    margin-left: 15px !important;
  }
  .base-el-ml16 {
    margin-left: 16px !important;
  }
  .base-el-ml17 {
    margin-left: 17px !important;
  }
  .base-el-ml18 {
    margin-left: 18px !important;
  }
  .base-el-ml19 {
    margin-left: 19px !important;
  }
  .base-el-ml20 {
    margin-left: 20px !important;
  }
  .base-el-ml21 {
    margin-left: 21px !important;
  }
  .base-el-ml22 {
    margin-left: 22px !important;
  }
  .base-el-ml23 {
    margin-left: 23px !important;
  }
  .base-el-ml24 {
    margin-left: 24px !important;
  }
  .base-el-ml25 {
    margin-left: 25px !important;
  }
  .base-el-ml26 {
    margin-left: 26px !important;
  }
  .base-el-ml27 {
    margin-left: 27px !important;
  }
  .base-el-ml28 {
    margin-left: 28px !important;
  }
  .base-el-ml29 {
    margin-left: 29px !important;
  }
  .base-el-ml30 {
    margin-left: 30px !important;
  }
  .base-el-ml31 {
    margin-left: 31px !important;
  }
  .base-el-ml32 {
    margin-left: 32px !important;
  }
  .base-el-ml33 {
    margin-left: 33px !important;
  }
  .base-el-ml34 {
    margin-left: 34px !important;
  }
  .base-el-ml35 {
    margin-left: 35px !important;
  }
  .base-el-ml36 {
    margin-left: 36px !important;
  }
  .base-el-ml37 {
    margin-left: 37px !important;
  }
  .base-el-ml38 {
    margin-left: 38px !important;
  }
  .base-el-ml39 {
    margin-left: 39px !important;
  }
  .base-el-ml40 {
    margin-left: 40px !important;
  }
  .base-el-mr01 {
    margin-right: 1px !important;
  }
  .base-el-mr02 {
    margin-right: 2px !important;
  }
  .base-el-mr03 {
    margin-right: 3px !important;
  }
  .base-el-mr04 {
    margin-right: 4px !important;
  }
  .base-el-mr05 {
    margin-right: 5px !important;
  }
  .base-el-mr06 {
    margin-right: 6px !important;
  }
  .base-el-mr07 {
    margin-right: 7px !important;
  }
  .base-el-mr08 {
    margin-right: 8px !important;
  }
  .base-el-mr09 {
    margin-right: 9px !important;
  }
  .base-el-mr10 {
    margin-right: 10px !important;
  }
  .base-el-mr11 {
    margin-right: 11px !important;
  }
  .base-el-mr12 {
    margin-right: 12px !important;
  }
  .base-el-mr13 {
    margin-right: 13px !important;
  }
  .base-el-mr14 {
    margin-right: 14px !important;
  }
  .base-el-mr15 {
    margin-right: 15px !important;
  }
  .base-el-mr16 {
    margin-right: 16px !important;
  }
  .base-el-mr17 {
    margin-right: 17px !important;
  }
  .base-el-mr18 {
    margin-right: 18px !important;
  }
  .base-el-mr19 {
    margin-right: 19px !important;
  }
  .base-el-mr20 {
    margin-right: 20px !important;
  }
  .base-el-mr21 {
    margin-right: 21px !important;
  }
  .base-el-mr22 {
    margin-right: 22px !important;
  }
  .base-el-mr23 {
    margin-right: 23px !important;
  }
  .base-el-mr24 {
    margin-right: 24px !important;
  }
  .base-el-mr25 {
    margin-right: 25px !important;
  }
  .base-el-mr26 {
    margin-right: 26px !important;
  }
  .base-el-mr27 {
    margin-right: 27px !important;
  }
  .base-el-mr28 {
    margin-right: 28px !important;
  }
  .base-el-mr29 {
    margin-right: 29px !important;
  }
  .base-el-mr30 {
    margin-right: 30px !important;
  }
  .base-el-mr31 {
    margin-right: 31px !important;
  }
  .base-el-mr32 {
    margin-right: 32px !important;
  }
  .base-el-mr33 {
    margin-right: 33px !important;
  }
  .base-el-mr34 {
    margin-right: 34px !important;
  }
  .base-el-mr35 {
    margin-right: 35px !important;
  }
  .base-el-mr36 {
    margin-right: 36px !important;
  }
  .base-el-mr37 {
    margin-right: 37px !important;
  }
  .base-el-mr38 {
    margin-right: 38px !important;
  }
  .base-el-mr39 {
    margin-right: 39px !important;
  }
  .base-el-mr40 {
    margin-right: 40px !important;
  }
}

@media (max-width: 992px) {
  .base-mo-mt01 {
    margin-top: 1px !important;
  }
  .base-mo-mt02 {
    margin-top: 2px !important;
  }
  .base-mo-mt03 {
    margin-top: 3px !important;
  }
  .base-mo-mt04 {
    margin-top: 4px !important;
  }
  .base-mo-mt05 {
    margin-top: 5px !important;
  }
  .base-mo-mt06 {
    margin-top: 6px !important;
  }
  .base-mo-mt07 {
    margin-top: 7px !important;
  }
  .base-mo-mt08 {
    margin-top: 8px !important;
  }
  .base-mo-mt09 {
    margin-top: 9px !important;
  }
  .base-mo-mt10 {
    margin-top: 10px !important;
  }
  .base-mo-mt11 {
    margin-top: 11px !important;
  }
  .base-mo-mt12 {
    margin-top: 12px !important;
  }
  .base-mo-mt13 {
    margin-top: 13px !important;
  }
  .base-mo-mt14 {
    margin-top: 14px !important;
  }
  .base-mo-mt15 {
    margin-top: 15px !important;
  }
  .base-mo-mt16 {
    margin-top: 16px !important;
  }
  .base-mo-mt17 {
    margin-top: 17px !important;
  }
  .base-mo-mt18 {
    margin-top: 18px !important;
  }
  .base-mo-mt19 {
    margin-top: 19px !important;
  }
  .base-mo-mt20 {
    margin-top: 20px !important;
  }
  .base-mo-mt21 {
    margin-top: 21px !important;
  }
  .base-mo-mt22 {
    margin-top: 22px !important;
  }
  .base-mo-mt23 {
    margin-top: 23px !important;
  }
  .base-mo-mt24 {
    margin-top: 24px !important;
  }
  .base-mo-mt25 {
    margin-top: 25px !important;
  }
  .base-mo-mt26 {
    margin-top: 26px !important;
  }
  .base-mo-mt27 {
    margin-top: 27px !important;
  }
  .base-mo-mt28 {
    margin-top: 28px !important;
  }
  .base-mo-mt29 {
    margin-top: 29px !important;
  }
  .base-mo-mt30 {
    margin-top: 30px !important;
  }
  .base-mo-mt31 {
    margin-top: 31px !important;
  }
  .base-mo-mt32 {
    margin-top: 32px !important;
  }
  .base-mo-mt33 {
    margin-top: 33px !important;
  }
  .base-mo-mt34 {
    margin-top: 34px !important;
  }
  .base-mo-mt35 {
    margin-top: 35px !important;
  }
  .base-mo-mt36 {
    margin-top: 36px !important;
  }
  .base-mo-mt37 {
    margin-top: 37px !important;
  }
  .base-mo-mt38 {
    margin-top: 38px !important;
  }
  .base-mo-mt39 {
    margin-top: 39px !important;
  }
  .base-mo-mt40 {
    margin-top: 40px !important;
  }
  .base-mo-mb01 {
    margin-bottom: 1px !important;
  }
  .base-mo-mb02 {
    margin-bottom: 2px !important;
  }
  .base-mo-mb03 {
    margin-bottom: 3px !important;
  }
  .base-mo-mb04 {
    margin-bottom: 4px !important;
  }
  .base-mo-mb05 {
    margin-bottom: 5px !important;
  }
  .base-mo-mb06 {
    margin-bottom: 6px !important;
  }
  .base-mo-mb07 {
    margin-bottom: 7px !important;
  }
  .base-mo-mb08 {
    margin-bottom: 8px !important;
  }
  .base-mo-mb09 {
    margin-bottom: 9px !important;
  }
  .base-mo-mb10 {
    margin-bottom: 10px !important;
  }
  .base-mo-mb11 {
    margin-bottom: 11px !important;
  }
  .base-mo-mb12 {
    margin-bottom: 12px !important;
  }
  .base-mo-mb13 {
    margin-bottom: 13px !important;
  }
  .base-mo-mb14 {
    margin-bottom: 14px !important;
  }
  .base-mo-mb15 {
    margin-bottom: 15px !important;
  }
  .base-mo-mb16 {
    margin-bottom: 16px !important;
  }
  .base-mo-mb17 {
    margin-bottom: 17px !important;
  }
  .base-mo-mb18 {
    margin-bottom: 18px !important;
  }
  .base-mo-mb19 {
    margin-bottom: 19px !important;
  }
  .base-mo-mb20 {
    margin-bottom: 20px !important;
  }
  .base-mo-mb21 {
    margin-bottom: 21px !important;
  }
  .base-mo-mb22 {
    margin-bottom: 22px !important;
  }
  .base-mo-mb23 {
    margin-bottom: 23px !important;
  }
  .base-mo-mb24 {
    margin-bottom: 24px !important;
  }
  .base-mo-mb25 {
    margin-bottom: 25px !important;
  }
  .base-mo-mb26 {
    margin-bottom: 26px !important;
  }
  .base-mo-mb27 {
    margin-bottom: 27px !important;
  }
  .base-mo-mb28 {
    margin-bottom: 28px !important;
  }
  .base-mo-mb29 {
    margin-bottom: 29px !important;
  }
  .base-mo-mb30 {
    margin-bottom: 30px !important;
  }
  .base-mo-mb31 {
    margin-bottom: 31px !important;
  }
  .base-mo-mb32 {
    margin-bottom: 32px !important;
  }
  .base-mo-mb33 {
    margin-bottom: 33px !important;
  }
  .base-mo-mb34 {
    margin-bottom: 34px !important;
  }
  .base-mo-mb35 {
    margin-bottom: 35px !important;
  }
  .base-mo-mb36 {
    margin-bottom: 36px !important;
  }
  .base-mo-mb37 {
    margin-bottom: 37px !important;
  }
  .base-mo-mb38 {
    margin-bottom: 38px !important;
  }
  .base-mo-mb39 {
    margin-bottom: 39px !important;
  }
  .base-mo-mb40 {
    margin-bottom: 40px !important;
  }
  .base-mo-ml01 {
    margin-left: 1px !important;
  }
  .base-mo-ml02 {
    margin-left: 2px !important;
  }
  .base-mo-ml03 {
    margin-left: 3px !important;
  }
  .base-mo-ml04 {
    margin-left: 4px !important;
  }
  .base-mo-ml05 {
    margin-left: 5px !important;
  }
  .base-mo-ml06 {
    margin-left: 6px !important;
  }
  .base-mo-ml07 {
    margin-left: 7px !important;
  }
  .base-mo-ml08 {
    margin-left: 8px !important;
  }
  .base-mo-ml09 {
    margin-left: 9px !important;
  }
  .base-mo-ml10 {
    margin-left: 10px !important;
  }
  .base-mo-ml11 {
    margin-left: 11px !important;
  }
  .base-mo-ml12 {
    margin-left: 12px !important;
  }
  .base-mo-ml13 {
    margin-left: 13px !important;
  }
  .base-mo-ml14 {
    margin-left: 14px !important;
  }
  .base-mo-ml15 {
    margin-left: 15px !important;
  }
  .base-mo-ml16 {
    margin-left: 16px !important;
  }
  .base-mo-ml17 {
    margin-left: 17px !important;
  }
  .base-mo-ml18 {
    margin-left: 18px !important;
  }
  .base-mo-ml19 {
    margin-left: 19px !important;
  }
  .base-mo-ml20 {
    margin-left: 20px !important;
  }
  .base-mo-ml21 {
    margin-left: 21px !important;
  }
  .base-mo-ml22 {
    margin-left: 22px !important;
  }
  .base-mo-ml23 {
    margin-left: 23px !important;
  }
  .base-mo-ml24 {
    margin-left: 24px !important;
  }
  .base-mo-ml25 {
    margin-left: 25px !important;
  }
  .base-mo-ml26 {
    margin-left: 26px !important;
  }
  .base-mo-ml27 {
    margin-left: 27px !important;
  }
  .base-mo-ml28 {
    margin-left: 28px !important;
  }
  .base-mo-ml29 {
    margin-left: 29px !important;
  }
  .base-mo-ml30 {
    margin-left: 30px !important;
  }
  .base-mo-ml31 {
    margin-left: 31px !important;
  }
  .base-mo-ml32 {
    margin-left: 32px !important;
  }
  .base-mo-ml33 {
    margin-left: 33px !important;
  }
  .base-mo-ml34 {
    margin-left: 34px !important;
  }
  .base-mo-ml35 {
    margin-left: 35px !important;
  }
  .base-mo-ml36 {
    margin-left: 36px !important;
  }
  .base-mo-ml37 {
    margin-left: 37px !important;
  }
  .base-mo-ml38 {
    margin-left: 38px !important;
  }
  .base-mo-ml39 {
    margin-left: 39px !important;
  }
  .base-mo-ml40 {
    margin-left: 40px !important;
  }
  .base-mo-mr01 {
    margin-right: 1px !important;
  }
  .base-mo-mr02 {
    margin-right: 2px !important;
  }
  .base-mo-mr03 {
    margin-right: 3px !important;
  }
  .base-mo-mr04 {
    margin-right: 4px !important;
  }
  .base-mo-mr05 {
    margin-right: 5px !important;
  }
  .base-mo-mr06 {
    margin-right: 6px !important;
  }
  .base-mo-mr07 {
    margin-right: 7px !important;
  }
  .base-mo-mr08 {
    margin-right: 8px !important;
  }
  .base-mo-mr09 {
    margin-right: 9px !important;
  }
  .base-mo-mr10 {
    margin-right: 10px !important;
  }
  .base-mo-mr11 {
    margin-right: 11px !important;
  }
  .base-mo-mr12 {
    margin-right: 12px !important;
  }
  .base-mo-mr13 {
    margin-right: 13px !important;
  }
  .base-mo-mr14 {
    margin-right: 14px !important;
  }
  .base-mo-mr15 {
    margin-right: 15px !important;
  }
  .base-mo-mr16 {
    margin-right: 16px !important;
  }
  .base-mo-mr17 {
    margin-right: 17px !important;
  }
  .base-mo-mr18 {
    margin-right: 18px !important;
  }
  .base-mo-mr19 {
    margin-right: 19px !important;
  }
  .base-mo-mr20 {
    margin-right: 20px !important;
  }
  .base-mo-mr21 {
    margin-right: 21px !important;
  }
  .base-mo-mr22 {
    margin-right: 22px !important;
  }
  .base-mo-mr23 {
    margin-right: 23px !important;
  }
  .base-mo-mr24 {
    margin-right: 24px !important;
  }
  .base-mo-mr25 {
    margin-right: 25px !important;
  }
  .base-mo-mr26 {
    margin-right: 26px !important;
  }
  .base-mo-mr27 {
    margin-right: 27px !important;
  }
  .base-mo-mr28 {
    margin-right: 28px !important;
  }
  .base-mo-mr29 {
    margin-right: 29px !important;
  }
  .base-mo-mr30 {
    margin-right: 30px !important;
  }
  .base-mo-mr31 {
    margin-right: 31px !important;
  }
  .base-mo-mr32 {
    margin-right: 32px !important;
  }
  .base-mo-mr33 {
    margin-right: 33px !important;
  }
  .base-mo-mr34 {
    margin-right: 34px !important;
  }
  .base-mo-mr35 {
    margin-right: 35px !important;
  }
  .base-mo-mr36 {
    margin-right: 36px !important;
  }
  .base-mo-mr37 {
    margin-right: 37px !important;
  }
  .base-mo-mr38 {
    margin-right: 38px !important;
  }
  .base-mo-mr39 {
    margin-right: 39px !important;
  }
  .base-mo-mr40 {
    margin-right: 40px !important;
  }
}

@media (min-width: 992px) {
  .base-pc-mt01 {
    margin-top: 1px !important;
  }
  .base-pc-mt02 {
    margin-top: 2px !important;
  }
  .base-pc-mt03 {
    margin-top: 3px !important;
  }
  .base-pc-mt04 {
    margin-top: 4px !important;
  }
  .base-pc-mt05 {
    margin-top: 5px !important;
  }
  .base-pc-mt06 {
    margin-top: 6px !important;
  }
  .base-pc-mt07 {
    margin-top: 7px !important;
  }
  .base-pc-mt08 {
    margin-top: 8px !important;
  }
  .base-pc-mt09 {
    margin-top: 9px !important;
  }
  .base-pc-mt10 {
    margin-top: 10px !important;
  }
  .base-pc-mt11 {
    margin-top: 11px !important;
  }
  .base-pc-mt12 {
    margin-top: 12px !important;
  }
  .base-pc-mt13 {
    margin-top: 13px !important;
  }
  .base-pc-mt14 {
    margin-top: 14px !important;
  }
  .base-pc-mt15 {
    margin-top: 15px !important;
  }
  .base-pc-mt16 {
    margin-top: 16px !important;
  }
  .base-pc-mt17 {
    margin-top: 17px !important;
  }
  .base-pc-mt18 {
    margin-top: 18px !important;
  }
  .base-pc-mt19 {
    margin-top: 19px !important;
  }
  .base-pc-mt20 {
    margin-top: 20px !important;
  }
  .base-pc-mt21 {
    margin-top: 21px !important;
  }
  .base-pc-mt22 {
    margin-top: 22px !important;
  }
  .base-pc-mt23 {
    margin-top: 23px !important;
  }
  .base-pc-mt24 {
    margin-top: 24px !important;
  }
  .base-pc-mt25 {
    margin-top: 25px !important;
  }
  .base-pc-mt26 {
    margin-top: 26px !important;
  }
  .base-pc-mt27 {
    margin-top: 27px !important;
  }
  .base-pc-mt28 {
    margin-top: 28px !important;
  }
  .base-pc-mt29 {
    margin-top: 29px !important;
  }
  .base-pc-mt30 {
    margin-top: 30px !important;
  }
  .base-pc-mt31 {
    margin-top: 31px !important;
  }
  .base-pc-mt32 {
    margin-top: 32px !important;
  }
  .base-pc-mt33 {
    margin-top: 33px !important;
  }
  .base-pc-mt34 {
    margin-top: 34px !important;
  }
  .base-pc-mt35 {
    margin-top: 35px !important;
  }
  .base-pc-mt36 {
    margin-top: 36px !important;
  }
  .base-pc-mt37 {
    margin-top: 37px !important;
  }
  .base-pc-mt38 {
    margin-top: 38px !important;
  }
  .base-pc-mt39 {
    margin-top: 39px !important;
  }
  .base-pc-mt40 {
    margin-top: 40px !important;
  }
  .base-pc-mb01 {
    margin-bottom: 1px !important;
  }
  .base-pc-mb02 {
    margin-bottom: 2px !important;
  }
  .base-pc-mb03 {
    margin-bottom: 3px !important;
  }
  .base-pc-mb04 {
    margin-bottom: 4px !important;
  }
  .base-pc-mb05 {
    margin-bottom: 5px !important;
  }
  .base-pc-mb06 {
    margin-bottom: 6px !important;
  }
  .base-pc-mb07 {
    margin-bottom: 7px !important;
  }
  .base-pc-mb08 {
    margin-bottom: 8px !important;
  }
  .base-pc-mb09 {
    margin-bottom: 9px !important;
  }
  .base-pc-mb10 {
    margin-bottom: 10px !important;
  }
  .base-pc-mb11 {
    margin-bottom: 11px !important;
  }
  .base-pc-mb12 {
    margin-bottom: 12px !important;
  }
  .base-pc-mb13 {
    margin-bottom: 13px !important;
  }
  .base-pc-mb14 {
    margin-bottom: 14px !important;
  }
  .base-pc-mb15 {
    margin-bottom: 15px !important;
  }
  .base-pc-mb16 {
    margin-bottom: 16px !important;
  }
  .base-pc-mb17 {
    margin-bottom: 17px !important;
  }
  .base-pc-mb18 {
    margin-bottom: 18px !important;
  }
  .base-pc-mb19 {
    margin-bottom: 19px !important;
  }
  .base-pc-mb20 {
    margin-bottom: 20px !important;
  }
  .base-pc-mb21 {
    margin-bottom: 21px !important;
  }
  .base-pc-mb22 {
    margin-bottom: 22px !important;
  }
  .base-pc-mb23 {
    margin-bottom: 23px !important;
  }
  .base-pc-mb24 {
    margin-bottom: 24px !important;
  }
  .base-pc-mb25 {
    margin-bottom: 25px !important;
  }
  .base-pc-mb26 {
    margin-bottom: 26px !important;
  }
  .base-pc-mb27 {
    margin-bottom: 27px !important;
  }
  .base-pc-mb28 {
    margin-bottom: 28px !important;
  }
  .base-pc-mb29 {
    margin-bottom: 29px !important;
  }
  .base-pc-mb30 {
    margin-bottom: 30px !important;
  }
  .base-pc-mb31 {
    margin-bottom: 31px !important;
  }
  .base-pc-mb32 {
    margin-bottom: 32px !important;
  }
  .base-pc-mb33 {
    margin-bottom: 33px !important;
  }
  .base-pc-mb34 {
    margin-bottom: 34px !important;
  }
  .base-pc-mb35 {
    margin-bottom: 35px !important;
  }
  .base-pc-mb36 {
    margin-bottom: 36px !important;
  }
  .base-pc-mb37 {
    margin-bottom: 37px !important;
  }
  .base-pc-mb38 {
    margin-bottom: 38px !important;
  }
  .base-pc-mb39 {
    margin-bottom: 39px !important;
  }
  .base-pc-mb40 {
    margin-bottom: 40px !important;
  }
  .base-pc-ml01 {
    margin-left: 1px !important;
  }
  .base-pc-ml02 {
    margin-left: 2px !important;
  }
  .base-pc-ml03 {
    margin-left: 3px !important;
  }
  .base-pc-ml04 {
    margin-left: 4px !important;
  }
  .base-pc-ml05 {
    margin-left: 5px !important;
  }
  .base-pc-ml06 {
    margin-left: 6px !important;
  }
  .base-pc-ml07 {
    margin-left: 7px !important;
  }
  .base-pc-ml08 {
    margin-left: 8px !important;
  }
  .base-pc-ml09 {
    margin-left: 9px !important;
  }
  .base-pc-ml10 {
    margin-left: 10px !important;
  }
  .base-pc-ml11 {
    margin-left: 11px !important;
  }
  .base-pc-ml12 {
    margin-left: 12px !important;
  }
  .base-pc-ml13 {
    margin-left: 13px !important;
  }
  .base-pc-ml14 {
    margin-left: 14px !important;
  }
  .base-pc-ml15 {
    margin-left: 15px !important;
  }
  .base-pc-ml16 {
    margin-left: 16px !important;
  }
  .base-pc-ml17 {
    margin-left: 17px !important;
  }
  .base-pc-ml18 {
    margin-left: 18px !important;
  }
  .base-pc-ml19 {
    margin-left: 19px !important;
  }
  .base-pc-ml20 {
    margin-left: 20px !important;
  }
  .base-pc-ml21 {
    margin-left: 21px !important;
  }
  .base-pc-ml22 {
    margin-left: 22px !important;
  }
  .base-pc-ml23 {
    margin-left: 23px !important;
  }
  .base-pc-ml24 {
    margin-left: 24px !important;
  }
  .base-pc-ml25 {
    margin-left: 25px !important;
  }
  .base-pc-ml26 {
    margin-left: 26px !important;
  }
  .base-pc-ml27 {
    margin-left: 27px !important;
  }
  .base-pc-ml28 {
    margin-left: 28px !important;
  }
  .base-pc-ml29 {
    margin-left: 29px !important;
  }
  .base-pc-ml30 {
    margin-left: 30px !important;
  }
  .base-pc-ml31 {
    margin-left: 31px !important;
  }
  .base-pc-ml32 {
    margin-left: 32px !important;
  }
  .base-pc-ml33 {
    margin-left: 33px !important;
  }
  .base-pc-ml34 {
    margin-left: 34px !important;
  }
  .base-pc-ml35 {
    margin-left: 35px !important;
  }
  .base-pc-ml36 {
    margin-left: 36px !important;
  }
  .base-pc-ml37 {
    margin-left: 37px !important;
  }
  .base-pc-ml38 {
    margin-left: 38px !important;
  }
  .base-pc-ml39 {
    margin-left: 39px !important;
  }
  .base-pc-ml40 {
    margin-left: 40px !important;
  }
  .base-pc-mr01 {
    margin-right: 1px !important;
  }
  .base-pc-mr02 {
    margin-right: 2px !important;
  }
  .base-pc-mr03 {
    margin-right: 3px !important;
  }
  .base-pc-mr04 {
    margin-right: 4px !important;
  }
  .base-pc-mr05 {
    margin-right: 5px !important;
  }
  .base-pc-mr06 {
    margin-right: 6px !important;
  }
  .base-pc-mr07 {
    margin-right: 7px !important;
  }
  .base-pc-mr08 {
    margin-right: 8px !important;
  }
  .base-pc-mr09 {
    margin-right: 9px !important;
  }
  .base-pc-mr10 {
    margin-right: 10px !important;
  }
  .base-pc-mr11 {
    margin-right: 11px !important;
  }
  .base-pc-mr12 {
    margin-right: 12px !important;
  }
  .base-pc-mr13 {
    margin-right: 13px !important;
  }
  .base-pc-mr14 {
    margin-right: 14px !important;
  }
  .base-pc-mr15 {
    margin-right: 15px !important;
  }
  .base-pc-mr16 {
    margin-right: 16px !important;
  }
  .base-pc-mr17 {
    margin-right: 17px !important;
  }
  .base-pc-mr18 {
    margin-right: 18px !important;
  }
  .base-pc-mr19 {
    margin-right: 19px !important;
  }
  .base-pc-mr20 {
    margin-right: 20px !important;
  }
  .base-pc-mr21 {
    margin-right: 21px !important;
  }
  .base-pc-mr22 {
    margin-right: 22px !important;
  }
  .base-pc-mr23 {
    margin-right: 23px !important;
  }
  .base-pc-mr24 {
    margin-right: 24px !important;
  }
  .base-pc-mr25 {
    margin-right: 25px !important;
  }
  .base-pc-mr26 {
    margin-right: 26px !important;
  }
  .base-pc-mr27 {
    margin-right: 27px !important;
  }
  .base-pc-mr28 {
    margin-right: 28px !important;
  }
  .base-pc-mr29 {
    margin-right: 29px !important;
  }
  .base-pc-mr30 {
    margin-right: 30px !important;
  }
  .base-pc-mr31 {
    margin-right: 31px !important;
  }
  .base-pc-mr32 {
    margin-right: 32px !important;
  }
  .base-pc-mr33 {
    margin-right: 33px !important;
  }
  .base-pc-mr34 {
    margin-right: 34px !important;
  }
  .base-pc-mr35 {
    margin-right: 35px !important;
  }
  .base-pc-mr36 {
    margin-right: 36px !important;
  }
  .base-pc-mr37 {
    margin-right: 37px !important;
  }
  .base-pc-mr38 {
    margin-right: 38px !important;
  }
  .base-pc-mr39 {
    margin-right: 39px !important;
  }
  .base-pc-mr40 {
    margin-right: 40px !important;
  }
}

/* 패딩 */
.base-pt01 {
  padding-top: 1px !important;
}

.base-pt02 {
  padding-top: 2px !important;
}

.base-pt03 {
  padding-top: 3px !important;
}

.base-pt04 {
  padding-top: 4px !important;
}

.base-pt05 {
  padding-top: 5px !important;
}

.base-pt06 {
  padding-top: 6px !important;
}

.base-pt07 {
  padding-top: 7px !important;
}

.base-pt08 {
  padding-top: 8px !important;
}

.base-pt09 {
  padding-top: 9px !important;
}

.base-pt10 {
  padding-top: 10px !important;
}

.base-pt11 {
  padding-top: 11px !important;
}

.base-pt12 {
  padding-top: 12px !important;
}

.base-pt13 {
  padding-top: 13px !important;
}

.base-pt14 {
  padding-top: 14px !important;
}

.base-pt15 {
  padding-top: 15px !important;
}

.base-pt16 {
  padding-top: 16px !important;
}

.base-pt17 {
  padding-top: 17px !important;
}

.base-pt18 {
  padding-top: 18px !important;
}

.base-pt19 {
  padding-top: 19px !important;
}

.base-pt20 {
  padding-top: 20px !important;
}

.base-pt21 {
  padding-top: 21px !important;
}

.base-pt22 {
  padding-top: 22px !important;
}

.base-pt23 {
  padding-top: 23px !important;
}

.base-pt24 {
  padding-top: 24px !important;
}

.base-pt25 {
  padding-top: 25px !important;
}

.base-pt26 {
  padding-top: 26px !important;
}

.base-pt27 {
  padding-top: 27px !important;
}

.base-pt28 {
  padding-top: 28px !important;
}

.base-pt29 {
  padding-top: 29px !important;
}

.base-pt30 {
  padding-top: 30px !important;
}

.base-pt31 {
  padding-top: 31px !important;
}

.base-pt32 {
  padding-top: 32px !important;
}

.base-pt33 {
  padding-top: 33px !important;
}

.base-pt34 {
  padding-top: 34px !important;
}

.base-pt35 {
  padding-top: 35px !important;
}

.base-pt36 {
  padding-top: 36px !important;
}

.base-pt37 {
  padding-top: 37px !important;
}

.base-pt38 {
  padding-top: 38px !important;
}

.base-pt39 {
  padding-top: 39px !important;
}

.base-pt40 {
  padding-top: 40px !important;
}

.base-pb01 {
  padding-bottom: 1px !important;
}

.base-pb02 {
  padding-bottom: 2px !important;
}

.base-pb03 {
  padding-bottom: 3px !important;
}

.base-pb04 {
  padding-bottom: 4px !important;
}

.xs-pb05 {
  padding-bottom: 5px !important;
}

.base-pb06 {
  padding-bottom: 6px !important;
}

.base-pb07 {
  padding-bottom: 7px !important;
}

.base-pb08 {
  padding-bottom: 8px !important;
}

.base-pb09 {
  padding-bottom: 9px !important;
}

.base-pb10 {
  padding-bottom: 10px !important;
}

.base-pb11 {
  padding-bottom: 11px !important;
}

.base-pb12 {
  padding-bottom: 12px !important;
}

.base-pb13 {
  padding-bottom: 13px !important;
}

.base-pb14 {
  padding-bottom: 14px !important;
}

.base-pb15 {
  padding-bottom: 15px !important;
}

.base-pb16 {
  padding-bottom: 16px !important;
}

.base-pb17 {
  padding-bottom: 17px !important;
}

.base-pb18 {
  padding-bottom: 18px !important;
}

.base-pb19 {
  padding-bottom: 19px !important;
}

.base-pb20 {
  padding-bottom: 20px !important;
}

.base-pb21 {
  padding-bottom: 21px !important;
}

.base-pb22 {
  padding-bottom: 22px !important;
}

.base-pb23 {
  padding-bottom: 23px !important;
}

.base-pb24 {
  padding-bottom: 24px !important;
}

.base-pb25 {
  padding-bottom: 25px !important;
}

.base-pb26 {
  padding-bottom: 26px !important;
}

.base-pb27 {
  padding-bottom: 27px !important;
}

.base-pb28 {
  padding-bottom: 28px !important;
}

.base-pb29 {
  padding-bottom: 29px !important;
}

.base-pb30 {
  padding-bottom: 30px !important;
}

.base-pb31 {
  padding-bottom: 31px !important;
}

.base-pb32 {
  padding-bottom: 32px !important;
}

.base-pb33 {
  padding-bottom: 33px !important;
}

.base-pb34 {
  padding-bottom: 34px !important;
}

.base-pb35 {
  padding-bottom: 35px !important;
}

.base-pb36 {
  padding-bottom: 36px !important;
}

.base-pb37 {
  padding-bottom: 37px !important;
}

.base-pb38 {
  padding-bottom: 38px !important;
}

.base-pb39 {
  padding-bottom: 39px !important;
}

.base-pb40 {
  padding-bottom: 40px !important;
}

.base-pl01 {
  padding-left: 1px !important;
}

.base-pl02 {
  padding-left: 2px !important;
}

.base-pl03 {
  padding-left: 3px !important;
}

.base-pl04 {
  padding-left: 4px !important;
}

.base-pl05 {
  padding-left: 5px !important;
}

.base-pl06 {
  padding-left: 6px !important;
}

.base-pl07 {
  padding-left: 7px !important;
}

.base-pl08 {
  padding-left: 8px !important;
}

.base-pl09 {
  padding-left: 9px !important;
}

.base-pl10 {
  padding-left: 10px !important;
}

.base-pl11 {
  padding-left: 11px !important;
}

.base-pl12 {
  padding-left: 12px !important;
}

.base-pl13 {
  padding-left: 13px !important;
}

.base-pl14 {
  padding-left: 14px !important;
}

.base-pl15 {
  padding-left: 15px !important;
}

.base-pl16 {
  padding-left: 16px !important;
}

.base-pl17 {
  padding-left: 17px !important;
}

.base-pl18 {
  padding-left: 18px !important;
}

.base-pl19 {
  padding-left: 19px !important;
}

.base-pl20 {
  padding-left: 20px !important;
}

.base-pl21 {
  padding-left: 21px !important;
}

.base-pl22 {
  padding-left: 22px !important;
}

.base-pl23 {
  padding-left: 23px !important;
}

.base-pl24 {
  padding-left: 24px !important;
}

.base-pl25 {
  padding-left: 25px !important;
}

.base-pl26 {
  padding-left: 26px !important;
}

.base-pl27 {
  padding-left: 27px !important;
}

.base-pl28 {
  padding-left: 28px !important;
}

.base-pl29 {
  padding-left: 29px !important;
}

.base-pl30 {
  padding-left: 30px !important;
}

.base-pl31 {
  padding-left: 31px !important;
}

.base-pl32 {
  padding-left: 32px !important;
}

.base-pl33 {
  padding-left: 33px !important;
}

.base-pl34 {
  padding-left: 34px !important;
}

.base-pl35 {
  padding-left: 35px !important;
}

.base-pl36 {
  padding-left: 36px !important;
}

.base-pl37 {
  padding-left: 37px !important;
}

.base-pl38 {
  padding-left: 38px !important;
}

.base-pl39 {
  padding-left: 39px !important;
}

.base-pl40 {
  padding-left: 40px !important;
}

.base-pr01 {
  padding-right: 1px !important;
}

.base-pr02 {
  padding-right: 2px !important;
}

.base-pr03 {
  padding-right: 3px !important;
}

.base-pr04 {
  padding-right: 4px !important;
}

.base-pr05 {
  padding-right: 5px !important;
}

.base-pr06 {
  padding-right: 6px !important;
}

.base-pr07 {
  padding-right: 7px !important;
}

.base-pr08 {
  padding-right: 8px !important;
}

.base-pr09 {
  padding-right: 9px !important;
}

.base-pr10 {
  padding-right: 10px !important;
}

.base-pr11 {
  padding-right: 11px !important;
}

.base-pr12 {
  padding-right: 12px !important;
}

.base-pr13 {
  padding-right: 13px !important;
}

.base-pr14 {
  padding-right: 14px !important;
}

.base-pr15 {
  padding-right: 15px !important;
}

.base-pr16 {
  padding-right: 16px !important;
}

.base-pr17 {
  padding-right: 17px !important;
}

.base-pr18 {
  padding-right: 18px !important;
}

.base-pr19 {
  padding-right: 19px !important;
}

.base-pr20 {
  padding-right: 20px !important;
}

.base-pr21 {
  padding-right: 21px !important;
}

.base-pr22 {
  padding-right: 22px !important;
}

.base-pr23 {
  padding-right: 23px !important;
}

.base-pr24 {
  padding-right: 24px !important;
}

.base-pr25 {
  padding-right: 25px !important;
}

.base-pr26 {
  padding-right: 26px !important;
}

.base-pr27 {
  padding-right: 27px !important;
}

.base-pr28 {
  padding-right: 28px !important;
}

.base-pr29 {
  padding-right: 29px !important;
}

.base-pr30 {
  padding-right: 30px !important;
}

.base-pr31 {
  padding-right: 31px !important;
}

.base-pr32 {
  padding-right: 32px !important;
}

.base-pr33 {
  padding-right: 33px !important;
}

.base-pr34 {
  padding-right: 34px !important;
}

.base-pr35 {
  padding-right: 35px !important;
}

.base-pr36 {
  padding-right: 36px !important;
}

.base-pr37 {
  padding-right: 37px !important;
}

.base-pr38 {
  padding-right: 38px !important;
}

.base-pr39 {
  padding-right: 39px !important;
}

.base-pr40 {
  padding-right: 40px !important;
}

@media (max-width: 576px) {
  .base-es-pt01 {
    padding-top: 1px !important;
  }
  .base-es-pt02 {
    padding-top: 2px !important;
  }
  .base-es-pt03 {
    padding-top: 3px !important;
  }
  .base-es-pt04 {
    padding-top: 4px !important;
  }
  .base-es-pt05 {
    padding-top: 5px !important;
  }
  .base-es-pt06 {
    padding-top: 6px !important;
  }
  .base-es-pt07 {
    padding-top: 7px !important;
  }
  .base-es-pt08 {
    padding-top: 8px !important;
  }
  .base-es-pt09 {
    padding-top: 9px !important;
  }
  .base-es-pt10 {
    padding-top: 10px !important;
  }
  .base-es-pt11 {
    padding-top: 11px !important;
  }
  .base-es-pt12 {
    padding-top: 12px !important;
  }
  .base-es-pt13 {
    padding-top: 13px !important;
  }
  .base-es-pt14 {
    padding-top: 14px !important;
  }
  .base-es-pt15 {
    padding-top: 15px !important;
  }
  .base-es-pt16 {
    padding-top: 16px !important;
  }
  .base-es-pt17 {
    padding-top: 17px !important;
  }
  .base-es-pt18 {
    padding-top: 18px !important;
  }
  .base-es-pt19 {
    padding-top: 19px !important;
  }
  .base-es-pt20 {
    padding-top: 20px !important;
  }
  .base-es-pt21 {
    padding-top: 21px !important;
  }
  .base-es-pt22 {
    padding-top: 22px !important;
  }
  .base-es-pt23 {
    padding-top: 23px !important;
  }
  .base-es-pt24 {
    padding-top: 24px !important;
  }
  .base-es-pt25 {
    padding-top: 25px !important;
  }
  .base-es-pt26 {
    padding-top: 26px !important;
  }
  .base-es-pt27 {
    padding-top: 27px !important;
  }
  .base-es-pt28 {
    padding-top: 28px !important;
  }
  .base-es-pt29 {
    padding-top: 29px !important;
  }
  .base-es-pt30 {
    padding-top: 30px !important;
  }
  .base-es-pt31 {
    padding-top: 31px !important;
  }
  .base-es-pt32 {
    padding-top: 32px !important;
  }
  .base-es-pt33 {
    padding-top: 33px !important;
  }
  .base-es-pt34 {
    padding-top: 34px !important;
  }
  .base-es-pt35 {
    padding-top: 35px !important;
  }
  .base-es-pt36 {
    padding-top: 36px !important;
  }
  .base-es-pt37 {
    padding-top: 37px !important;
  }
  .base-es-pt38 {
    padding-top: 38px !important;
  }
  .base-es-pt39 {
    padding-top: 39px !important;
  }
  .base-es-pt40 {
    padding-top: 40px !important;
  }
  .base-es-pb01 {
    padding-bottom: 1px !important;
  }
  .base-es-pb02 {
    padding-bottom: 2px !important;
  }
  .base-es-pb03 {
    padding-bottom: 3px !important;
  }
  .base-es-pb04 {
    padding-bottom: 4px !important;
  }
  .base-es-pb05 {
    padding-bottom: 5px !important;
  }
  .base-es-pb06 {
    padding-bottom: 6px !important;
  }
  .base-es-pb07 {
    padding-bottom: 7px !important;
  }
  .base-es-pb08 {
    padding-bottom: 8px !important;
  }
  .base-es-pb09 {
    padding-bottom: 9px !important;
  }
  .base-es-pb10 {
    padding-bottom: 10px !important;
  }
  .base-es-pb11 {
    padding-bottom: 11px !important;
  }
  .base-es-pb12 {
    padding-bottom: 12px !important;
  }
  .base-es-pb13 {
    padding-bottom: 13px !important;
  }
  .base-es-pb14 {
    padding-bottom: 14px !important;
  }
  .base-es-pb15 {
    padding-bottom: 15px !important;
  }
  .base-es-pb16 {
    padding-bottom: 16px !important;
  }
  .base-es-pb17 {
    padding-bottom: 17px !important;
  }
  .base-es-pb18 {
    padding-bottom: 18px !important;
  }
  .base-es-pb19 {
    padding-bottom: 19px !important;
  }
  .base-es-pb20 {
    padding-bottom: 20px !important;
  }
  .base-es-pb21 {
    padding-bottom: 21px !important;
  }
  .base-es-pb22 {
    padding-bottom: 22px !important;
  }
  .base-es-pb23 {
    padding-bottom: 23px !important;
  }
  .base-es-pb24 {
    padding-bottom: 24px !important;
  }
  .base-es-pb25 {
    padding-bottom: 25px !important;
  }
  .base-es-pb26 {
    padding-bottom: 26px !important;
  }
  .base-es-pb27 {
    padding-bottom: 27px !important;
  }
  .base-es-pb28 {
    padding-bottom: 28px !important;
  }
  .base-es-pb29 {
    padding-bottom: 29px !important;
  }
  .base-es-pb30 {
    padding-bottom: 30px !important;
  }
  .base-es-pb31 {
    padding-bottom: 31px !important;
  }
  .base-es-pb32 {
    padding-bottom: 32px !important;
  }
  .base-es-pb33 {
    padding-bottom: 33px !important;
  }
  .base-es-pb34 {
    padding-bottom: 34px !important;
  }
  .base-es-pb35 {
    padding-bottom: 35px !important;
  }
  .base-es-pb36 {
    padding-bottom: 36px !important;
  }
  .base-es-pb37 {
    padding-bottom: 37px !important;
  }
  .base-es-pb38 {
    padding-bottom: 38px !important;
  }
  .base-es-pb39 {
    padding-bottom: 39px !important;
  }
  .base-es-pb40 {
    padding-bottom: 40px !important;
  }
  .base-es-pl01 {
    padding-left: 1px !important;
  }
  .base-es-pl02 {
    padding-left: 2px !important;
  }
  .base-es-pl03 {
    padding-left: 3px !important;
  }
  .base-es-pl04 {
    padding-left: 4px !important;
  }
  .base-es-pl05 {
    padding-left: 5px !important;
  }
  .base-es-pl06 {
    padding-left: 6px !important;
  }
  .base-es-pl07 {
    padding-left: 7px !important;
  }
  .base-es-pl08 {
    padding-left: 8px !important;
  }
  .base-es-pl09 {
    padding-left: 9px !important;
  }
  .base-es-pl10 {
    padding-left: 10px !important;
  }
  .base-es-pl11 {
    padding-left: 11px !important;
  }
  .base-es-pl12 {
    padding-left: 12px !important;
  }
  .base-es-pl13 {
    padding-left: 13px !important;
  }
  .base-es-pl14 {
    padding-left: 14px !important;
  }
  .base-es-pl15 {
    padding-left: 15px !important;
  }
  .base-es-pl16 {
    padding-left: 16px !important;
  }
  .base-es-pl17 {
    padding-left: 17px !important;
  }
  .base-es-pl18 {
    padding-left: 18px !important;
  }
  .base-es-pl19 {
    padding-left: 19px !important;
  }
  .base-es-pl20 {
    padding-left: 20px !important;
  }
  .base-es-pl21 {
    padding-left: 21px !important;
  }
  .base-es-pl22 {
    padding-left: 22px !important;
  }
  .base-es-pl23 {
    padding-left: 23px !important;
  }
  .base-es-pl24 {
    padding-left: 24px !important;
  }
  .base-es-pl25 {
    padding-left: 25px !important;
  }
  .base-es-pl26 {
    padding-left: 26px !important;
  }
  .base-es-pl27 {
    padding-left: 27px !important;
  }
  .base-es-pl28 {
    padding-left: 28px !important;
  }
  .base-es-pl29 {
    padding-left: 29px !important;
  }
  .base-es-pl30 {
    padding-left: 30px !important;
  }
  .base-es-pl31 {
    padding-left: 31px !important;
  }
  .base-es-pl32 {
    padding-left: 32px !important;
  }
  .base-es-pl33 {
    padding-left: 33px !important;
  }
  .base-es-pl34 {
    padding-left: 34px !important;
  }
  .base-es-pl35 {
    padding-left: 35px !important;
  }
  .base-es-pl36 {
    padding-left: 36px !important;
  }
  .base-es-pl37 {
    padding-left: 37px !important;
  }
  .base-es-pl38 {
    padding-left: 38px !important;
  }
  .base-es-pl39 {
    padding-left: 39px !important;
  }
  .base-es-pl40 {
    padding-left: 40px !important;
  }
  .base-es-pr01 {
    padding-right: 1px !important;
  }
  .base-es-pr02 {
    padding-right: 2px !important;
  }
  .base-es-pr03 {
    padding-right: 3px !important;
  }
  .base-es-pr04 {
    padding-right: 4px !important;
  }
  .base-es-pr05 {
    padding-right: 5px !important;
  }
  .base-es-pr06 {
    padding-right: 6px !important;
  }
  .base-es-pr07 {
    padding-right: 7px !important;
  }
  .base-es-pr08 {
    padding-right: 8px !important;
  }
  .base-es-pr09 {
    padding-right: 9px !important;
  }
  .base-es-pr10 {
    padding-right: 10px !important;
  }
  .base-es-pr11 {
    padding-right: 11px !important;
  }
  .base-es-pr12 {
    padding-right: 12px !important;
  }
  .base-es-pr13 {
    padding-right: 13px !important;
  }
  .base-es-pr14 {
    padding-right: 14px !important;
  }
  .base-es-pr15 {
    padding-right: 15px !important;
  }
  .base-es-pr16 {
    padding-right: 16px !important;
  }
  .base-es-pr17 {
    padding-right: 17px !important;
  }
  .base-es-pr18 {
    padding-right: 18px !important;
  }
  .base-es-pr19 {
    padding-right: 19px !important;
  }
  .base-es-pr20 {
    padding-right: 20px !important;
  }
  .base-es-pr21 {
    padding-right: 21px !important;
  }
  .base-es-pr22 {
    padding-right: 22px !important;
  }
  .base-es-pr23 {
    padding-right: 23px !important;
  }
  .base-es-pr24 {
    padding-right: 24px !important;
  }
  .base-es-pr25 {
    padding-right: 25px !important;
  }
  .base-es-pr26 {
    padding-right: 26px !important;
  }
  .base-es-pr27 {
    padding-right: 27px !important;
  }
  .base-es-pr28 {
    padding-right: 28px !important;
  }
  .base-es-pr29 {
    padding-right: 29px !important;
  }
  .base-es-pr30 {
    padding-right: 30px !important;
  }
  .base-es-pr31 {
    padding-right: 31px !important;
  }
  .base-es-pr32 {
    padding-right: 32px !important;
  }
  .base-es-pr33 {
    padding-right: 33px !important;
  }
  .base-es-pr34 {
    padding-right: 34px !important;
  }
  .base-es-pr35 {
    padding-right: 35px !important;
  }
  .base-es-pr36 {
    padding-right: 36px !important;
  }
  .base-es-pr37 {
    padding-right: 37px !important;
  }
  .base-es-pr38 {
    padding-right: 38px !important;
  }
  .base-es-pr39 {
    padding-right: 39px !important;
  }
  .base-es-pr40 {
    padding-right: 40px !important;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .base-s-pt01 {
    padding-top: 1px !important;
  }
  .base-s-pt02 {
    padding-top: 2px !important;
  }
  .base-s-pt03 {
    padding-top: 3px !important;
  }
  .base-s-pt04 {
    padding-top: 4px !important;
  }
  .base-s-pt05 {
    padding-top: 5px !important;
  }
  .base-s-pt06 {
    padding-top: 6px !important;
  }
  .base-s-pt07 {
    padding-top: 7px !important;
  }
  .base-s-pt08 {
    padding-top: 8px !important;
  }
  .base-s-pt09 {
    padding-top: 9px !important;
  }
  .base-s-pt10 {
    padding-top: 10px !important;
  }
  .base-s-pt11 {
    padding-top: 11px !important;
  }
  .base-s-pt12 {
    padding-top: 12px !important;
  }
  .base-s-pt13 {
    padding-top: 13px !important;
  }
  .base-s-pt14 {
    padding-top: 14px !important;
  }
  .base-s-pt15 {
    padding-top: 15px !important;
  }
  .base-s-pt16 {
    padding-top: 16px !important;
  }
  .base-s-pt17 {
    padding-top: 17px !important;
  }
  .base-s-pt18 {
    padding-top: 18px !important;
  }
  .base-s-pt19 {
    padding-top: 19px !important;
  }
  .base-s-pt20 {
    padding-top: 20px !important;
  }
  .base-s-pt21 {
    padding-top: 21px !important;
  }
  .base-s-pt22 {
    padding-top: 22px !important;
  }
  .base-s-pt23 {
    padding-top: 23px !important;
  }
  .base-s-pt24 {
    padding-top: 24px !important;
  }
  .base-s-pt25 {
    padding-top: 25px !important;
  }
  .base-s-pt26 {
    padding-top: 26px !important;
  }
  .base-s-pt27 {
    padding-top: 27px !important;
  }
  .base-s-pt28 {
    padding-top: 28px !important;
  }
  .base-s-pt29 {
    padding-top: 29px !important;
  }
  .base-s-pt30 {
    padding-top: 30px !important;
  }
  .base-s-pt31 {
    padding-top: 31px !important;
  }
  .base-s-pt32 {
    padding-top: 32px !important;
  }
  .base-s-pt33 {
    padding-top: 33px !important;
  }
  .base-s-pt34 {
    padding-top: 34px !important;
  }
  .base-s-pt35 {
    padding-top: 35px !important;
  }
  .base-s-pt36 {
    padding-top: 36px !important;
  }
  .base-s-pt37 {
    padding-top: 37px !important;
  }
  .base-s-pt38 {
    padding-top: 38px !important;
  }
  .base-s-pt39 {
    padding-top: 39px !important;
  }
  .base-s-pt40 {
    padding-top: 40px !important;
  }
  .base-s-pb01 {
    padding-bottom: 1px !important;
  }
  .base-s-pb02 {
    padding-bottom: 2px !important;
  }
  .base-s-pb03 {
    padding-bottom: 3px !important;
  }
  .base-s-pb04 {
    padding-bottom: 4px !important;
  }
  .base-s-pb05 {
    padding-bottom: 5px !important;
  }
  .base-s-pb06 {
    padding-bottom: 6px !important;
  }
  .base-s-pb07 {
    padding-bottom: 7px !important;
  }
  .base-s-pb08 {
    padding-bottom: 8px !important;
  }
  .base-s-pb09 {
    padding-bottom: 9px !important;
  }
  .base-s-pb10 {
    padding-bottom: 10px !important;
  }
  .base-s-pb11 {
    padding-bottom: 11px !important;
  }
  .base-s-pb12 {
    padding-bottom: 12px !important;
  }
  .base-s-pb13 {
    padding-bottom: 13px !important;
  }
  .base-s-pb14 {
    padding-bottom: 14px !important;
  }
  .base-s-pb15 {
    padding-bottom: 15px !important;
  }
  .base-s-pb16 {
    padding-bottom: 16px !important;
  }
  .base-s-pb17 {
    padding-bottom: 17px !important;
  }
  .base-s-pb18 {
    padding-bottom: 18px !important;
  }
  .base-s-pb19 {
    padding-bottom: 19px !important;
  }
  .base-s-pb20 {
    padding-bottom: 20px !important;
  }
  .base-s-pb21 {
    padding-bottom: 21px !important;
  }
  .base-s-pb22 {
    padding-bottom: 22px !important;
  }
  .base-s-pb23 {
    padding-bottom: 23px !important;
  }
  .base-s-pb24 {
    padding-bottom: 24px !important;
  }
  .base-s-pb25 {
    padding-bottom: 25px !important;
  }
  .base-s-pb26 {
    padding-bottom: 26px !important;
  }
  .base-s-pb27 {
    padding-bottom: 27px !important;
  }
  .base-s-pb28 {
    padding-bottom: 28px !important;
  }
  .base-s-pb29 {
    padding-bottom: 29px !important;
  }
  .base-s-pb30 {
    padding-bottom: 30px !important;
  }
  .base-s-pb31 {
    padding-bottom: 31px !important;
  }
  .base-s-pb32 {
    padding-bottom: 32px !important;
  }
  .base-s-pb33 {
    padding-bottom: 33px !important;
  }
  .base-s-pb34 {
    padding-bottom: 34px !important;
  }
  .base-s-pb35 {
    padding-bottom: 35px !important;
  }
  .base-s-pb36 {
    padding-bottom: 36px !important;
  }
  .base-s-pb37 {
    padding-bottom: 37px !important;
  }
  .base-s-pb38 {
    padding-bottom: 38px !important;
  }
  .base-s-pb39 {
    padding-bottom: 39px !important;
  }
  .base-s-pb40 {
    padding-bottom: 40px !important;
  }
  .base-s-pl01 {
    padding-left: 1px !important;
  }
  .base-s-pl02 {
    padding-left: 2px !important;
  }
  .base-s-pl03 {
    padding-left: 3px !important;
  }
  .base-s-pl04 {
    padding-left: 4px !important;
  }
  .base-s-pl05 {
    padding-left: 5px !important;
  }
  .base-s-pl06 {
    padding-left: 6px !important;
  }
  .base-s-pl07 {
    padding-left: 7px !important;
  }
  .base-s-pl08 {
    padding-left: 8px !important;
  }
  .base-s-pl09 {
    padding-left: 9px !important;
  }
  .base-s-pl10 {
    padding-left: 10px !important;
  }
  .base-s-pl11 {
    padding-left: 11px !important;
  }
  .base-s-pl12 {
    padding-left: 12px !important;
  }
  .base-s-pl13 {
    padding-left: 13px !important;
  }
  .base-s-pl14 {
    padding-left: 14px !important;
  }
  .base-s-pl15 {
    padding-left: 15px !important;
  }
  .base-s-pl16 {
    padding-left: 16px !important;
  }
  .base-s-pl17 {
    padding-left: 17px !important;
  }
  .base-s-pl18 {
    padding-left: 18px !important;
  }
  .base-s-pl19 {
    padding-left: 19px !important;
  }
  .base-s-pl20 {
    padding-left: 20px !important;
  }
  .base-s-pl21 {
    padding-left: 21px !important;
  }
  .base-s-pl22 {
    padding-left: 22px !important;
  }
  .base-s-pl23 {
    padding-left: 23px !important;
  }
  .base-s-pl24 {
    padding-left: 24px !important;
  }
  .base-s-pl25 {
    padding-left: 25px !important;
  }
  .base-s-pl26 {
    padding-left: 26px !important;
  }
  .base-s-pl27 {
    padding-left: 27px !important;
  }
  .base-s-pl28 {
    padding-left: 28px !important;
  }
  .base-s-pl29 {
    padding-left: 29px !important;
  }
  .base-s-pl30 {
    padding-left: 30px !important;
  }
  .base-s-pl31 {
    padding-left: 31px !important;
  }
  .base-s-pl32 {
    padding-left: 32px !important;
  }
  .base-s-pl33 {
    padding-left: 33px !important;
  }
  .base-s-pl34 {
    padding-left: 34px !important;
  }
  .base-s-pl35 {
    padding-left: 35px !important;
  }
  .base-s-pl36 {
    padding-left: 36px !important;
  }
  .base-s-pl37 {
    padding-left: 37px !important;
  }
  .base-s-pl38 {
    padding-left: 38px !important;
  }
  .base-s-pl39 {
    padding-left: 39px !important;
  }
  .base-s-pl40 {
    padding-left: 40px !important;
  }
  .base-s-pr01 {
    padding-right: 1px !important;
  }
  .base-s-pr02 {
    padding-right: 2px !important;
  }
  .base-s-pr03 {
    padding-right: 3px !important;
  }
  .base-s-pr04 {
    padding-right: 4px !important;
  }
  .base-s-pr05 {
    padding-right: 5px !important;
  }
  .base-s-pr06 {
    padding-right: 6px !important;
  }
  .base-s-pr07 {
    padding-right: 7px !important;
  }
  .base-s-pr08 {
    padding-right: 8px !important;
  }
  .base-s-pr09 {
    padding-right: 9px !important;
  }
  .base-s-pr10 {
    padding-right: 10px !important;
  }
  .base-s-pr11 {
    padding-right: 11px !important;
  }
  .base-s-pr12 {
    padding-right: 12px !important;
  }
  .base-s-pr13 {
    padding-right: 13px !important;
  }
  .base-s-pr14 {
    padding-right: 14px !important;
  }
  .base-s-pr15 {
    padding-right: 15px !important;
  }
  .base-s-pr16 {
    padding-right: 16px !important;
  }
  .base-s-pr17 {
    padding-right: 17px !important;
  }
  .base-s-pr18 {
    padding-right: 18px !important;
  }
  .base-s-pr19 {
    padding-right: 19px !important;
  }
  .base-s-pr20 {
    padding-right: 20px !important;
  }
  .base-s-pr21 {
    padding-right: 21px !important;
  }
  .base-s-pr22 {
    padding-right: 22px !important;
  }
  .base-s-pr23 {
    padding-right: 23px !important;
  }
  .base-s-pr24 {
    padding-right: 24px !important;
  }
  .base-s-pr25 {
    padding-right: 25px !important;
  }
  .base-s-pr26 {
    padding-right: 26px !important;
  }
  .base-s-pr27 {
    padding-right: 27px !important;
  }
  .base-s-pr28 {
    padding-right: 28px !important;
  }
  .base-s-pr29 {
    padding-right: 29px !important;
  }
  .base-s-pr30 {
    padding-right: 30px !important;
  }
  .base-s-pr31 {
    padding-right: 31px !important;
  }
  .base-s-pr32 {
    padding-right: 32px !important;
  }
  .base-s-pr33 {
    padding-right: 33px !important;
  }
  .base-s-pr34 {
    padding-right: 34px !important;
  }
  .base-s-pr35 {
    padding-right: 35px !important;
  }
  .base-s-pr36 {
    padding-right: 36px !important;
  }
  .base-s-pr37 {
    padding-right: 37px !important;
  }
  .base-s-pr38 {
    padding-right: 38px !important;
  }
  .base-s-pr39 {
    padding-right: 39px !important;
  }
  .base-s-pr40 {
    padding-right: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .base-m-pt01 {
    padding-top: 1px !important;
  }
  .base-m-pt02 {
    padding-top: 2px !important;
  }
  .base-m-pt03 {
    padding-top: 3px !important;
  }
  .base-m-pt04 {
    padding-top: 4px !important;
  }
  .base-m-pt05 {
    padding-top: 5px !important;
  }
  .base-m-pt06 {
    padding-top: 6px !important;
  }
  .base-m-pt07 {
    padding-top: 7px !important;
  }
  .base-m-pt08 {
    padding-top: 8px !important;
  }
  .base-m-pt09 {
    padding-top: 9px !important;
  }
  .base-m-pt10 {
    padding-top: 10px !important;
  }
  .base-m-pt11 {
    padding-top: 11px !important;
  }
  .base-m-pt12 {
    padding-top: 12px !important;
  }
  .base-m-pt13 {
    padding-top: 13px !important;
  }
  .base-m-pt14 {
    padding-top: 14px !important;
  }
  .base-m-pt15 {
    padding-top: 15px !important;
  }
  .base-m-pt16 {
    padding-top: 16px !important;
  }
  .base-m-pt17 {
    padding-top: 17px !important;
  }
  .base-m-pt18 {
    padding-top: 18px !important;
  }
  .base-m-pt19 {
    padding-top: 19px !important;
  }
  .base-m-pt20 {
    padding-top: 20px !important;
  }
  .base-m-pt21 {
    padding-top: 21px !important;
  }
  .base-m-pt22 {
    padding-top: 22px !important;
  }
  .base-m-pt23 {
    padding-top: 23px !important;
  }
  .base-m-pt24 {
    padding-top: 24px !important;
  }
  .base-m-pt25 {
    padding-top: 25px !important;
  }
  .base-m-pt26 {
    padding-top: 26px !important;
  }
  .base-m-pt27 {
    padding-top: 27px !important;
  }
  .base-m-pt28 {
    padding-top: 28px !important;
  }
  .base-m-pt29 {
    padding-top: 29px !important;
  }
  .base-m-pt30 {
    padding-top: 30px !important;
  }
  .base-m-pt31 {
    padding-top: 31px !important;
  }
  .base-m-pt32 {
    padding-top: 32px !important;
  }
  .base-m-pt33 {
    padding-top: 33px !important;
  }
  .base-m-pt34 {
    padding-top: 34px !important;
  }
  .base-m-pt35 {
    padding-top: 35px !important;
  }
  .base-m-pt36 {
    padding-top: 36px !important;
  }
  .base-m-pt37 {
    padding-top: 37px !important;
  }
  .base-m-pt38 {
    padding-top: 38px !important;
  }
  .base-m-pt39 {
    padding-top: 39px !important;
  }
  .base-m-pt40 {
    padding-top: 40px !important;
  }
  .base-m-pb01 {
    padding-bottom: 1px !important;
  }
  .base-m-pb02 {
    padding-bottom: 2px !important;
  }
  .base-m-pb03 {
    padding-bottom: 3px !important;
  }
  .base-m-pb04 {
    padding-bottom: 4px !important;
  }
  .base-m-pb05 {
    padding-bottom: 5px !important;
  }
  .base-m-pb06 {
    padding-bottom: 6px !important;
  }
  .base-m-pb07 {
    padding-bottom: 7px !important;
  }
  .base-m-pb08 {
    padding-bottom: 8px !important;
  }
  .base-m-pb09 {
    padding-bottom: 9px !important;
  }
  .base-m-pb10 {
    padding-bottom: 10px !important;
  }
  .base-m-pb11 {
    padding-bottom: 11px !important;
  }
  .base-m-pb12 {
    padding-bottom: 12px !important;
  }
  .base-m-pb13 {
    padding-bottom: 13px !important;
  }
  .base-m-pb14 {
    padding-bottom: 14px !important;
  }
  .base-m-pb15 {
    padding-bottom: 15px !important;
  }
  .base-m-pb16 {
    padding-bottom: 16px !important;
  }
  .base-m-pb17 {
    padding-bottom: 17px !important;
  }
  .base-m-pb18 {
    padding-bottom: 18px !important;
  }
  .base-m-pb19 {
    padding-bottom: 19px !important;
  }
  .base-m-pb20 {
    padding-bottom: 20px !important;
  }
  .base-m-pb21 {
    padding-bottom: 21px !important;
  }
  .base-m-pb22 {
    padding-bottom: 22px !important;
  }
  .base-m-pb23 {
    padding-bottom: 23px !important;
  }
  .base-m-pb24 {
    padding-bottom: 24px !important;
  }
  .base-m-pb25 {
    padding-bottom: 25px !important;
  }
  .base-m-pb26 {
    padding-bottom: 26px !important;
  }
  .base-m-pb27 {
    padding-bottom: 27px !important;
  }
  .base-m-pb28 {
    padding-bottom: 28px !important;
  }
  .base-m-pb29 {
    padding-bottom: 29px !important;
  }
  .base-m-pb30 {
    padding-bottom: 30px !important;
  }
  .base-m-pb31 {
    padding-bottom: 31px !important;
  }
  .base-m-pb32 {
    padding-bottom: 32px !important;
  }
  .base-m-pb33 {
    padding-bottom: 33px !important;
  }
  .base-m-pb34 {
    padding-bottom: 34px !important;
  }
  .base-m-pb35 {
    padding-bottom: 35px !important;
  }
  .base-m-pb36 {
    padding-bottom: 36px !important;
  }
  .base-m-pb37 {
    padding-bottom: 37px !important;
  }
  .base-m-pb38 {
    padding-bottom: 38px !important;
  }
  .base-m-pb39 {
    padding-bottom: 39px !important;
  }
  .base-m-pb40 {
    padding-bottom: 40px !important;
  }
  .base-m-pl01 {
    padding-left: 1px !important;
  }
  .base-m-pl02 {
    padding-left: 2px !important;
  }
  .base-m-pl03 {
    padding-left: 3px !important;
  }
  .base-m-pl04 {
    padding-left: 4px !important;
  }
  .base-m-pl05 {
    padding-left: 5px !important;
  }
  .base-m-pl06 {
    padding-left: 6px !important;
  }
  .base-m-pl07 {
    padding-left: 7px !important;
  }
  .base-m-pl08 {
    padding-left: 8px !important;
  }
  .base-m-pl09 {
    padding-left: 9px !important;
  }
  .base-m-pl10 {
    padding-left: 10px !important;
  }
  .base-m-pl11 {
    padding-left: 11px !important;
  }
  .base-m-pl12 {
    padding-left: 12px !important;
  }
  .base-m-pl13 {
    padding-left: 13px !important;
  }
  .base-m-pl14 {
    padding-left: 14px !important;
  }
  .base-m-pl15 {
    padding-left: 15px !important;
  }
  .base-m-pl16 {
    padding-left: 16px !important;
  }
  .base-m-pl17 {
    padding-left: 17px !important;
  }
  .base-m-pl18 {
    padding-left: 18px !important;
  }
  .base-m-pl19 {
    padding-left: 19px !important;
  }
  .base-m-pl20 {
    padding-left: 20px !important;
  }
  .base-m-pl21 {
    padding-left: 21px !important;
  }
  .base-m-pl22 {
    padding-left: 22px !important;
  }
  .base-m-pl23 {
    padding-left: 23px !important;
  }
  .base-m-pl24 {
    padding-left: 24px !important;
  }
  .base-m-pl25 {
    padding-left: 25px !important;
  }
  .base-m-pl26 {
    padding-left: 26px !important;
  }
  .base-m-pl27 {
    padding-left: 27px !important;
  }
  .base-m-pl28 {
    padding-left: 28px !important;
  }
  .base-m-pl29 {
    padding-left: 29px !important;
  }
  .base-m-pl30 {
    padding-left: 30px !important;
  }
  .base-m-pl31 {
    padding-left: 31px !important;
  }
  .base-m-pl32 {
    padding-left: 32px !important;
  }
  .base-m-pl33 {
    padding-left: 33px !important;
  }
  .base-m-pl34 {
    padding-left: 34px !important;
  }
  .base-m-pl35 {
    padding-left: 35px !important;
  }
  .base-m-pl36 {
    padding-left: 36px !important;
  }
  .base-m-pl37 {
    padding-left: 37px !important;
  }
  .base-m-pl38 {
    padding-left: 38px !important;
  }
  .base-m-pl39 {
    padding-left: 39px !important;
  }
  .base-m-pl40 {
    padding-left: 40px !important;
  }
  .base-m-pr01 {
    padding-right: 1px !important;
  }
  .base-m-pr02 {
    padding-right: 2px !important;
  }
  .base-m-pr03 {
    padding-right: 3px !important;
  }
  .base-m-pr04 {
    padding-right: 4px !important;
  }
  .base-m-pr05 {
    padding-right: 5px !important;
  }
  .base-m-pr06 {
    padding-right: 6px !important;
  }
  .base-m-pr07 {
    padding-right: 7px !important;
  }
  .base-m-pr08 {
    padding-right: 8px !important;
  }
  .base-m-pr09 {
    padding-right: 9px !important;
  }
  .base-m-pr10 {
    padding-right: 10px !important;
  }
  .base-m-pr11 {
    padding-right: 11px !important;
  }
  .base-m-pr12 {
    padding-right: 12px !important;
  }
  .base-m-pr13 {
    padding-right: 13px !important;
  }
  .base-m-pr14 {
    padding-right: 14px !important;
  }
  .base-m-pr15 {
    padding-right: 15px !important;
  }
  .base-m-pr16 {
    padding-right: 16px !important;
  }
  .base-m-pr17 {
    padding-right: 17px !important;
  }
  .base-m-pr18 {
    padding-right: 18px !important;
  }
  .base-m-pr19 {
    padding-right: 19px !important;
  }
  .base-m-pr20 {
    padding-right: 20px !important;
  }
  .base-m-pr21 {
    padding-right: 21px !important;
  }
  .base-m-pr22 {
    padding-right: 22px !important;
  }
  .base-m-pr23 {
    padding-right: 23px !important;
  }
  .base-m-pr24 {
    padding-right: 24px !important;
  }
  .base-m-pr25 {
    padding-right: 25px !important;
  }
  .base-m-pr26 {
    padding-right: 26px !important;
  }
  .base-m-pr27 {
    padding-right: 27px !important;
  }
  .base-m-pr28 {
    padding-right: 28px !important;
  }
  .base-m-pr29 {
    padding-right: 29px !important;
  }
  .base-m-pr30 {
    padding-right: 30px !important;
  }
  .base-m-pr31 {
    padding-right: 31px !important;
  }
  .base-m-pr32 {
    padding-right: 32px !important;
  }
  .base-m-pr33 {
    padding-right: 33px !important;
  }
  .base-m-pr34 {
    padding-right: 34px !important;
  }
  .base-m-pr35 {
    padding-right: 35px !important;
  }
  .base-m-pr36 {
    padding-right: 36px !important;
  }
  .base-m-pr37 {
    padding-right: 37px !important;
  }
  .base-m-pr38 {
    padding-right: 38px !important;
  }
  .base-m-pr39 {
    padding-right: 39px !important;
  }
  .base-m-pr40 {
    padding-right: 40px !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .base-l-pt01 {
    padding-top: 1px !important;
  }
  .base-l-pt02 {
    padding-top: 2px !important;
  }
  .base-l-pt03 {
    padding-top: 3px !important;
  }
  .base-l-pt04 {
    padding-top: 4px !important;
  }
  .base-l-pt05 {
    padding-top: 5px !important;
  }
  .base-l-pt06 {
    padding-top: 6px !important;
  }
  .base-l-pt07 {
    padding-top: 7px !important;
  }
  .base-l-pt08 {
    padding-top: 8px !important;
  }
  .base-l-pt09 {
    padding-top: 9px !important;
  }
  .base-l-pt10 {
    padding-top: 10px !important;
  }
  .base-l-pt11 {
    padding-top: 11px !important;
  }
  .base-l-pt12 {
    padding-top: 12px !important;
  }
  .base-l-pt13 {
    padding-top: 13px !important;
  }
  .base-l-pt14 {
    padding-top: 14px !important;
  }
  .base-l-pt15 {
    padding-top: 15px !important;
  }
  .base-l-pt16 {
    padding-top: 16px !important;
  }
  .base-l-pt17 {
    padding-top: 17px !important;
  }
  .base-l-pt18 {
    padding-top: 18px !important;
  }
  .base-l-pt19 {
    padding-top: 19px !important;
  }
  .base-l-pt20 {
    padding-top: 20px !important;
  }
  .base-l-pt21 {
    padding-top: 21px !important;
  }
  .base-l-pt22 {
    padding-top: 22px !important;
  }
  .base-l-pt23 {
    padding-top: 23px !important;
  }
  .base-l-pt24 {
    padding-top: 24px !important;
  }
  .base-l-pt25 {
    padding-top: 25px !important;
  }
  .base-l-pt26 {
    padding-top: 26px !important;
  }
  .base-l-pt27 {
    padding-top: 27px !important;
  }
  .base-l-pt28 {
    padding-top: 28px !important;
  }
  .base-l-pt29 {
    padding-top: 29px !important;
  }
  .base-l-pt30 {
    padding-top: 30px !important;
  }
  .base-l-pt31 {
    padding-top: 31px !important;
  }
  .base-l-pt32 {
    padding-top: 32px !important;
  }
  .base-l-pt33 {
    padding-top: 33px !important;
  }
  .base-l-pt34 {
    padding-top: 34px !important;
  }
  .base-l-pt35 {
    padding-top: 35px !important;
  }
  .base-l-pt36 {
    padding-top: 36px !important;
  }
  .base-l-pt37 {
    padding-top: 37px !important;
  }
  .base-l-pt38 {
    padding-top: 38px !important;
  }
  .base-l-pt39 {
    padding-top: 39px !important;
  }
  .base-l-pt40 {
    padding-top: 40px !important;
  }
  .base-l-pb01 {
    padding-bottom: 1px !important;
  }
  .base-l-pb02 {
    padding-bottom: 2px !important;
  }
  .base-l-pb03 {
    padding-bottom: 3px !important;
  }
  .base-l-pb04 {
    padding-bottom: 4px !important;
  }
  .base-l-pb05 {
    padding-bottom: 5px !important;
  }
  .base-l-pb06 {
    padding-bottom: 6px !important;
  }
  .base-l-pb07 {
    padding-bottom: 7px !important;
  }
  .base-l-pb08 {
    padding-bottom: 8px !important;
  }
  .base-l-pb09 {
    padding-bottom: 9px !important;
  }
  .base-l-pb10 {
    padding-bottom: 10px !important;
  }
  .base-l-pb11 {
    padding-bottom: 11px !important;
  }
  .base-l-pb12 {
    padding-bottom: 12px !important;
  }
  .base-l-pb13 {
    padding-bottom: 13px !important;
  }
  .base-l-pb14 {
    padding-bottom: 14px !important;
  }
  .base-l-pb15 {
    padding-bottom: 15px !important;
  }
  .base-l-pb16 {
    padding-bottom: 16px !important;
  }
  .base-l-pb17 {
    padding-bottom: 17px !important;
  }
  .base-l-pb18 {
    padding-bottom: 18px !important;
  }
  .base-l-pb19 {
    padding-bottom: 19px !important;
  }
  .base-l-pb20 {
    padding-bottom: 20px !important;
  }
  .base-l-pb21 {
    padding-bottom: 21px !important;
  }
  .base-l-pb22 {
    padding-bottom: 22px !important;
  }
  .base-l-pb23 {
    padding-bottom: 23px !important;
  }
  .base-l-pb24 {
    padding-bottom: 24px !important;
  }
  .base-l-pb25 {
    padding-bottom: 25px !important;
  }
  .base-l-pb26 {
    padding-bottom: 26px !important;
  }
  .base-l-pb27 {
    padding-bottom: 27px !important;
  }
  .base-l-pb28 {
    padding-bottom: 28px !important;
  }
  .base-l-pb29 {
    padding-bottom: 29px !important;
  }
  .base-l-pb30 {
    padding-bottom: 30px !important;
  }
  .base-l-pb31 {
    padding-bottom: 31px !important;
  }
  .base-l-pb32 {
    padding-bottom: 32px !important;
  }
  .base-l-pb33 {
    padding-bottom: 33px !important;
  }
  .base-l-pb34 {
    padding-bottom: 34px !important;
  }
  .base-l-pb35 {
    padding-bottom: 35px !important;
  }
  .base-l-pb36 {
    padding-bottom: 36px !important;
  }
  .base-l-pb37 {
    padding-bottom: 37px !important;
  }
  .base-l-pb38 {
    padding-bottom: 38px !important;
  }
  .base-l-pb39 {
    padding-bottom: 39px !important;
  }
  .base-l-pb40 {
    padding-bottom: 40px !important;
  }
  .base-l-pl01 {
    padding-left: 1px !important;
  }
  .base-l-pl02 {
    padding-left: 2px !important;
  }
  .base-l-pl03 {
    padding-left: 3px !important;
  }
  .base-l-pl04 {
    padding-left: 4px !important;
  }
  .base-l-pl05 {
    padding-left: 5px !important;
  }
  .base-l-pl06 {
    padding-left: 6px !important;
  }
  .base-l-pl07 {
    padding-left: 7px !important;
  }
  .base-l-pl08 {
    padding-left: 8px !important;
  }
  .base-l-pl09 {
    padding-left: 9px !important;
  }
  .base-l-pl10 {
    padding-left: 10px !important;
  }
  .base-l-pl11 {
    padding-left: 11px !important;
  }
  .base-l-pl12 {
    padding-left: 12px !important;
  }
  .base-l-pl13 {
    padding-left: 13px !important;
  }
  .base-l-pl14 {
    padding-left: 14px !important;
  }
  .base-l-pl15 {
    padding-left: 15px !important;
  }
  .base-l-pl16 {
    padding-left: 16px !important;
  }
  .base-l-pl17 {
    padding-left: 17px !important;
  }
  .base-l-pl18 {
    padding-left: 18px !important;
  }
  .base-l-pl19 {
    padding-left: 19px !important;
  }
  .base-l-pl20 {
    padding-left: 20px !important;
  }
  .base-l-pl21 {
    padding-left: 21px !important;
  }
  .base-l-pl22 {
    padding-left: 22px !important;
  }
  .base-l-pl23 {
    padding-left: 23px !important;
  }
  .base-l-pl24 {
    padding-left: 24px !important;
  }
  .base-l-pl25 {
    padding-left: 25px !important;
  }
  .base-l-pl26 {
    padding-left: 26px !important;
  }
  .base-l-pl27 {
    padding-left: 27px !important;
  }
  .base-l-pl28 {
    padding-left: 28px !important;
  }
  .base-l-pl29 {
    padding-left: 29px !important;
  }
  .base-l-pl30 {
    padding-left: 30px !important;
  }
  .base-l-pl31 {
    padding-left: 31px !important;
  }
  .base-l-pl32 {
    padding-left: 32px !important;
  }
  .base-l-pl33 {
    padding-left: 33px !important;
  }
  .base-l-pl34 {
    padding-left: 34px !important;
  }
  .base-l-pl35 {
    padding-left: 35px !important;
  }
  .base-l-pl36 {
    padding-left: 36px !important;
  }
  .base-l-pl37 {
    padding-left: 37px !important;
  }
  .base-l-pl38 {
    padding-left: 38px !important;
  }
  .base-l-pl39 {
    padding-left: 39px !important;
  }
  .base-l-pl40 {
    padding-left: 40px !important;
  }
  .base-l-pr01 {
    padding-right: 1px !important;
  }
  .base-l-pr02 {
    padding-right: 2px !important;
  }
  .base-l-pr03 {
    padding-right: 3px !important;
  }
  .base-l-pr04 {
    padding-right: 4px !important;
  }
  .base-l-pr05 {
    padding-right: 5px !important;
  }
  .base-l-pr06 {
    padding-right: 6px !important;
  }
  .base-l-pr07 {
    padding-right: 7px !important;
  }
  .base-l-pr08 {
    padding-right: 8px !important;
  }
  .base-l-pr09 {
    padding-right: 9px !important;
  }
  .base-l-pr10 {
    padding-right: 10px !important;
  }
  .base-l-pr11 {
    padding-right: 11px !important;
  }
  .base-l-pr12 {
    padding-right: 12px !important;
  }
  .base-l-pr13 {
    padding-right: 13px !important;
  }
  .base-l-pr14 {
    padding-right: 14px !important;
  }
  .base-l-pr15 {
    padding-right: 15px !important;
  }
  .base-l-pr16 {
    padding-right: 16px !important;
  }
  .base-l-pr17 {
    padding-right: 17px !important;
  }
  .base-l-pr18 {
    padding-right: 18px !important;
  }
  .base-l-pr19 {
    padding-right: 19px !important;
  }
  .base-l-pr20 {
    padding-right: 20px !important;
  }
  .base-l-pr21 {
    padding-right: 21px !important;
  }
  .base-l-pr22 {
    padding-right: 22px !important;
  }
  .base-l-pr23 {
    padding-right: 23px !important;
  }
  .base-l-pr24 {
    padding-right: 24px !important;
  }
  .base-l-pr25 {
    padding-right: 25px !important;
  }
  .base-l-pr26 {
    padding-right: 26px !important;
  }
  .base-l-pr27 {
    padding-right: 27px !important;
  }
  .base-l-pr28 {
    padding-right: 28px !important;
  }
  .base-l-pr29 {
    padding-right: 29px !important;
  }
  .base-l-pr30 {
    padding-right: 30px !important;
  }
  .base-l-pr31 {
    padding-right: 31px !important;
  }
  .base-l-pr32 {
    padding-right: 32px !important;
  }
  .base-l-pr33 {
    padding-right: 33px !important;
  }
  .base-l-pr34 {
    padding-right: 34px !important;
  }
  .base-l-pr35 {
    padding-right: 35px !important;
  }
  .base-l-pr36 {
    padding-right: 36px !important;
  }
  .base-l-pr37 {
    padding-right: 37px !important;
  }
  .base-l-pr38 {
    padding-right: 38px !important;
  }
  .base-l-pr39 {
    padding-right: 39px !important;
  }
  .base-l-pr40 {
    padding-right: 40px !important;
  }
}

@media (min-width: 1200px) {
  .base-el-pt01 {
    padding-top: 1px !important;
  }
  .base-el-pt02 {
    padding-top: 2px !important;
  }
  .base-el-pt03 {
    padding-top: 3px !important;
  }
  .base-el-pt04 {
    padding-top: 4px !important;
  }
  .base-el-pt05 {
    padding-top: 5px !important;
  }
  .base-el-pt06 {
    padding-top: 6px !important;
  }
  .base-el-pt07 {
    padding-top: 7px !important;
  }
  .base-el-pt08 {
    padding-top: 8px !important;
  }
  .base-el-pt09 {
    padding-top: 9px !important;
  }
  .base-el-pt10 {
    padding-top: 10px !important;
  }
  .base-el-pt11 {
    padding-top: 11px !important;
  }
  .base-el-pt12 {
    padding-top: 12px !important;
  }
  .base-el-pt13 {
    padding-top: 13px !important;
  }
  .base-el-pt14 {
    padding-top: 14px !important;
  }
  .base-el-pt15 {
    padding-top: 15px !important;
  }
  .base-el-pt16 {
    padding-top: 16px !important;
  }
  .base-el-pt17 {
    padding-top: 17px !important;
  }
  .base-el-pt18 {
    padding-top: 18px !important;
  }
  .base-el-pt19 {
    padding-top: 19px !important;
  }
  .base-el-pt20 {
    padding-top: 20px !important;
  }
  .base-el-pt21 {
    padding-top: 21px !important;
  }
  .base-el-pt22 {
    padding-top: 22px !important;
  }
  .base-el-pt23 {
    padding-top: 23px !important;
  }
  .base-el-pt24 {
    padding-top: 24px !important;
  }
  .base-el-pt25 {
    padding-top: 25px !important;
  }
  .base-el-pt26 {
    padding-top: 26px !important;
  }
  .base-el-pt27 {
    padding-top: 27px !important;
  }
  .base-el-pt28 {
    padding-top: 28px !important;
  }
  .base-el-pt29 {
    padding-top: 29px !important;
  }
  .base-el-pt30 {
    padding-top: 30px !important;
  }
  .base-el-pt31 {
    padding-top: 31px !important;
  }
  .base-el-pt32 {
    padding-top: 32px !important;
  }
  .base-el-pt33 {
    padding-top: 33px !important;
  }
  .base-el-pt34 {
    padding-top: 34px !important;
  }
  .base-el-pt35 {
    padding-top: 35px !important;
  }
  .base-el-pt36 {
    padding-top: 36px !important;
  }
  .base-el-pt37 {
    padding-top: 37px !important;
  }
  .base-el-pt38 {
    padding-top: 38px !important;
  }
  .base-el-pt39 {
    padding-top: 39px !important;
  }
  .base-el-pt40 {
    padding-top: 40px !important;
  }
  .base-el-pb01 {
    padding-bottom: 1px !important;
  }
  .base-el-pb02 {
    padding-bottom: 2px !important;
  }
  .base-el-pb03 {
    padding-bottom: 3px !important;
  }
  .base-el-pb04 {
    padding-bottom: 4px !important;
  }
  .base-el-pb05 {
    padding-bottom: 5px !important;
  }
  .base-el-pb06 {
    padding-bottom: 6px !important;
  }
  .base-el-pb07 {
    padding-bottom: 7px !important;
  }
  .base-el-pb08 {
    padding-bottom: 8px !important;
  }
  .base-el-pb09 {
    padding-bottom: 9px !important;
  }
  .base-el-pb10 {
    padding-bottom: 10px !important;
  }
  .base-el-pb11 {
    padding-bottom: 11px !important;
  }
  .base-el-pb12 {
    padding-bottom: 12px !important;
  }
  .base-el-pb13 {
    padding-bottom: 13px !important;
  }
  .base-el-pb14 {
    padding-bottom: 14px !important;
  }
  .base-el-pb15 {
    padding-bottom: 15px !important;
  }
  .base-el-pb16 {
    padding-bottom: 16px !important;
  }
  .base-el-pb17 {
    padding-bottom: 17px !important;
  }
  .base-el-pb18 {
    padding-bottom: 18px !important;
  }
  .base-el-pb19 {
    padding-bottom: 19px !important;
  }
  .base-el-pb20 {
    padding-bottom: 20px !important;
  }
  .base-el-pb21 {
    padding-bottom: 21px !important;
  }
  .base-el-pb22 {
    padding-bottom: 22px !important;
  }
  .base-el-pb23 {
    padding-bottom: 23px !important;
  }
  .base-el-pb24 {
    padding-bottom: 24px !important;
  }
  .base-el-pb25 {
    padding-bottom: 25px !important;
  }
  .base-el-pb26 {
    padding-bottom: 26px !important;
  }
  .base-el-pb27 {
    padding-bottom: 27px !important;
  }
  .base-el-pb28 {
    padding-bottom: 28px !important;
  }
  .base-el-pb29 {
    padding-bottom: 29px !important;
  }
  .base-el-pb30 {
    padding-bottom: 30px !important;
  }
  .base-el-pb31 {
    padding-bottom: 31px !important;
  }
  .base-el-pb32 {
    padding-bottom: 32px !important;
  }
  .base-el-pb33 {
    padding-bottom: 33px !important;
  }
  .base-el-pb34 {
    padding-bottom: 34px !important;
  }
  .base-el-pb35 {
    padding-bottom: 35px !important;
  }
  .base-el-pb36 {
    padding-bottom: 36px !important;
  }
  .base-el-pb37 {
    padding-bottom: 37px !important;
  }
  .base-el-pb38 {
    padding-bottom: 38px !important;
  }
  .base-el-pb39 {
    padding-bottom: 39px !important;
  }
  .base-el-pb40 {
    padding-bottom: 40px !important;
  }
  .base-el-pl01 {
    padding-left: 1px !important;
  }
  .base-el-pl02 {
    padding-left: 2px !important;
  }
  .base-el-pl03 {
    padding-left: 3px !important;
  }
  .base-el-pl04 {
    padding-left: 4px !important;
  }
  .base-el-pl05 {
    padding-left: 5px !important;
  }
  .base-el-pl06 {
    padding-left: 6px !important;
  }
  .base-el-pl07 {
    padding-left: 7px !important;
  }
  .base-el-pl08 {
    padding-left: 8px !important;
  }
  .base-el-pl09 {
    padding-left: 9px !important;
  }
  .base-el-pl10 {
    padding-left: 10px !important;
  }
  .base-el-pl11 {
    padding-left: 11px !important;
  }
  .base-el-pl12 {
    padding-left: 12px !important;
  }
  .base-el-pl13 {
    padding-left: 13px !important;
  }
  .base-el-pl14 {
    padding-left: 14px !important;
  }
  .base-el-pl15 {
    padding-left: 15px !important;
  }
  .base-el-pl16 {
    padding-left: 16px !important;
  }
  .base-el-pl17 {
    padding-left: 17px !important;
  }
  .base-el-pl18 {
    padding-left: 18px !important;
  }
  .base-el-pl19 {
    padding-left: 19px !important;
  }
  .base-el-pl20 {
    padding-left: 20px !important;
  }
  .base-el-pl21 {
    padding-left: 21px !important;
  }
  .base-el-pl22 {
    padding-left: 22px !important;
  }
  .base-el-pl23 {
    padding-left: 23px !important;
  }
  .base-el-pl24 {
    padding-left: 24px !important;
  }
  .base-el-pl25 {
    padding-left: 25px !important;
  }
  .base-el-pl26 {
    padding-left: 26px !important;
  }
  .base-el-pl27 {
    padding-left: 27px !important;
  }
  .base-el-pl28 {
    padding-left: 28px !important;
  }
  .base-el-pl29 {
    padding-left: 29px !important;
  }
  .base-el-pl30 {
    padding-left: 30px !important;
  }
  .base-el-pl31 {
    padding-left: 31px !important;
  }
  .base-el-pl32 {
    padding-left: 32px !important;
  }
  .base-el-pl33 {
    padding-left: 33px !important;
  }
  .base-el-pl34 {
    padding-left: 34px !important;
  }
  .base-el-pl35 {
    padding-left: 35px !important;
  }
  .base-el-pl36 {
    padding-left: 36px !important;
  }
  .base-el-pl37 {
    padding-left: 37px !important;
  }
  .base-el-pl38 {
    padding-left: 38px !important;
  }
  .base-el-pl39 {
    padding-left: 39px !important;
  }
  .base-el-pl40 {
    padding-left: 40px !important;
  }
  .base-el-pr01 {
    padding-right: 1px !important;
  }
  .base-el-pr02 {
    padding-right: 2px !important;
  }
  .base-el-pr03 {
    padding-right: 3px !important;
  }
  .base-el-pr04 {
    padding-right: 4px !important;
  }
  .base-el-pr05 {
    padding-right: 5px !important;
  }
  .base-el-pr06 {
    padding-right: 6px !important;
  }
  .base-el-pr07 {
    padding-right: 7px !important;
  }
  .base-el-pr08 {
    padding-right: 8px !important;
  }
  .base-el-pr09 {
    padding-right: 9px !important;
  }
  .base-el-pr10 {
    padding-right: 10px !important;
  }
  .base-el-pr11 {
    padding-right: 11px !important;
  }
  .base-el-pr12 {
    padding-right: 12px !important;
  }
  .base-el-pr13 {
    padding-right: 13px !important;
  }
  .base-el-pr14 {
    padding-right: 14px !important;
  }
  .base-el-pr15 {
    padding-right: 15px !important;
  }
  .base-el-pr16 {
    padding-right: 16px !important;
  }
  .base-el-pr17 {
    padding-right: 17px !important;
  }
  .base-el-pr18 {
    padding-right: 18px !important;
  }
  .base-el-pr19 {
    padding-right: 19px !important;
  }
  .base-el-pr20 {
    padding-right: 20px !important;
  }
  .base-el-pr21 {
    padding-right: 21px !important;
  }
  .base-el-pr22 {
    padding-right: 22px !important;
  }
  .base-el-pr23 {
    padding-right: 23px !important;
  }
  .base-el-pr24 {
    padding-right: 24px !important;
  }
  .base-el-pr25 {
    padding-right: 25px !important;
  }
  .base-el-pr26 {
    padding-right: 26px !important;
  }
  .base-el-pr27 {
    padding-right: 27px !important;
  }
  .base-el-pr28 {
    padding-right: 28px !important;
  }
  .base-el-pr29 {
    padding-right: 29px !important;
  }
  .base-el-pr30 {
    padding-right: 30px !important;
  }
  .base-el-pr31 {
    padding-right: 31px !important;
  }
  .base-el-pr32 {
    padding-right: 32px !important;
  }
  .base-el-pr33 {
    padding-right: 33px !important;
  }
  .base-el-pr34 {
    padding-right: 34px !important;
  }
  .base-el-pr35 {
    padding-right: 35px !important;
  }
  .base-el-pr36 {
    padding-right: 36px !important;
  }
  .base-el-pr37 {
    padding-right: 37px !important;
  }
  .base-el-pr38 {
    padding-right: 38px !important;
  }
  .base-el-pr39 {
    padding-right: 39px !important;
  }
  .base-el-pr40 {
    padding-right: 40px !important;
  }
}

/* 테두리 */
.borderMainTop {
  border-top: 3px solid #bc0d1a !important;
}

.borderMainBottom {
  border-bottom: 3px solid #bc0d1a !important;
}

.border1 {
  border: 1px solid #dfe1e6 !important;
}

.border2 {
  border: 2px solid #dfe1e6 !important;
}

.borderTop {
  border-top: 1px solid #dfe1e6 !important;
}

.borderBottom {
  border-bottom: 1px solid #dfe1e6 !important;
}

.base-primary-border-color {
  border-color: #bc0d1a !important;
}

.base-primary-border-color-a {
  border-color: rgba(188, 13, 26, 0.4) !important;
}

/* line height */
.base-lh25 {
  line-height: 25px !important;
}

/* font-weight */
.base-w300 {
  font-weight: 300 !important;
}

.base-w400 {
  font-weight: 400 !important;
}

.base-w500 {
  font-weight: 500 !important;
}

.base-fw700 {
  font-weight: 700 !important;
}

.base-fw900 {
  font-weight: 900 !important;
}

/* 미디어 */
.base-img {
  width: 100%;
}

/* 말줄임 */
.ellipsis1 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ellipsis3 {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* display */
.base-block {
  display: block !important;
}

.base-inline {
  display: inline !important;
}

.base-inline-block {
  display: inline-block !important;
}

.base-display-none {
  display: none !important;
}

/* display flex */
.base-flex-center {
  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;
}

/* vertical align */
.base-vertical-t {
  vertical-align: top !important;
}

.base-vertical-m {
  vertical-align: middle !important;
}

.base-vertical-b {
  vertical-align: bottom !important;
}

/* text-decoration */
.xf-text-underline {
  text-decoration: underline;
}

.xf-text-underline2 {
  padding-bottom: 3px;
  border-bottom: 1px solid #bc0d1a;
}

/* 꾸밈점 */
.xf-dot:before {
  font-family: 'xeicon';
  content: '•';
  margin-right: 5px;
  padding-left: 15px;
}

/* 꾸밈라인 */
.xf-line:before {
  font-family: 'xeicon';
  content: '\e91a';
  margin-right: 10px;
}

/* 꾸밈형광펜 */
.xf-underline {
  position: relative;
  width: 0;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.xf-underline:hover:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background-color: #fbd9dc;
  z-index: -1;
}

/* line height */
.xf-lh15 {
  line-height: 1.5 !important;
}

.xf-lh17 {
  line-height: 1.7 !important;
}

.xf-lh18 {
  line-height: 1.8 !important;
}

/* font size */
.xf-fs20 {
  font-size: 20px !important;
}

.xf-fs25 {
  font-size: 25px !important;
}

.xf-fs28 {
  font-size: 28px !important;
}

.xf-fs30 {
  font-size: 30px !important;
}

/* 레이아웃 */
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

.xf-floatleft {
  float: left;
}

.xf-floatright {
  float: right;
}

/* position */
.xf-position-relative {
  position: relative;
}

.xf-position-absolute {
  position: absolute;
}

/* full width row */
.xf-section-full-width-box {
  position: relative;
  background-color: #303030;
}

.xf-section-full-width-box .xf-full-wide-box {
  position: absolute;
  top: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  bottom: 0;
}

.xf-section-full-width-box .xf-full-wide-box .xf-section-full-width-inner {
  width: 1200px;
  margin: 0 auto;
  padding: 50px 0;
}

@media (min-width: 992px) {
  .xf-section-full-width-box {
    position: relative;
    background-color: #303030;
    padding: 50px 0;
    margin-top: 50px;
  }
}

/* 본문 구분선 */
.xf-section-line-box {
  position: relative;
}

.xf-section-line-box .xf-section-line-wrapper {
  position: absolute;
  top: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  bottom: 0;
}

.xf-section-line-box .xf-section-line-wrapper .xf-section-line {
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}

/* position */
.xf-position-relative {
  position: relative;
}

.xf-position-absolute {
  position: absolute;
}

@media (max-width: 768px) {
  .base-m-display-none {
    display: none !important;
  }
  .base-pc-display-none {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .base-m-display-none {
    display: none !important;
  }
  .base-pc-display-none {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .base-m-display-none {
    display: none !important;
  }
  .base-pc-display-none {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .base-m-display-none {
    display: block !important;
  }
  .base-pc-display-none {
    display: none !important;
  }
}

/* 타이틀 */
.base-sub-h1 {
  font-size: 32px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  letter-spacing: -0.4px !important;
  color: #141414 !important;
  margin: 0 0 12px 0 !important;
}

.base-sub-h2 {
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.55px !important;
  color: #141414 !important;
  margin: 0 0 12px 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.base-sub-h2:before {
  content: '';
  width: 2px;
  height: 21px;
  background-color: #bc0d1a;
  display: inline-block;
  margin-right: 6px;
}

.base-sub-h3 {
  font-size: 36px !important;
  font-weight: 500 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.39 !important;
  letter-spacing: -1px !important;
  color: #141414 !important;
  text-align: center !important;
}

.base-sub-h4 {
  font-size: 32px !important;
  font-weight: 600 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 0.81 !important;
  letter-spacing: -1.07px !important;
  text-align: center !important;
  color: #bc0d1a !important;
}

.base-sub-h5 {
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  letter-spacing: -0.4px !important;
  color: #141414 !important;
}

/* 본문 */
.base-sub-p1 {
  font-size: 16px !important;
  font-weight: normal !important;
  line-height: 1.63 !important;
  letter-spacing: -0.36px !important;
  color: #141414 !important;
  text-align: center !important;
}

.base-sub-p2 {
  font-size: 16px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.63 !important;
  letter-spacing: -0.36px !important;
  color: #7f7f7f !important;
  text-align: center !important;
}

.base-sub-p3 {
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.67px !important;
  text-align: center !important;
  color: #767676 !important;
}

.base-sub-p4 {
  font-size: 15px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.33 !important;
  letter-spacing: -0.21px !important;
  color: #767676 !important;
  text-align: center !important;
}

@media (max-width: 1200px) {
  /* 타이틀 */
  .base-sub-h1 {
    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: -0.4px !important;
    color: #141414 !important;
    margin: 0 0 12px 0 !important;
  }
  .base-sub-h2 {
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    letter-spacing: -0.55px !important;
    color: #141414 !important;
    margin: 0 0 12px 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .base-sub-h2:before {
    content: '';
    width: 2px;
    height: 21px;
    background-color: #bc0d1a;
    display: inline-block;
    margin-right: 6px;
  }
  .base-sub-h3 {
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: -0.4px !important;
    text-align: center !important;
    color: #000000 !important;
  }
  .base-sub-h4 {
    font-size: 24px !important;
    font-weight: 600 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.08 !important;
    letter-spacing: -0.8px !important;
    color: #bc0d1a !important;
  }
  .base-sub-h5 {
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: normal !important;
    letter-spacing: -0.4px !important;
    color: #141414 !important;
  }
  /* 본문 */
  .base-sub-p1 {
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 1.63 !important;
    letter-spacing: -0.36px !important;
    color: #141414 !important;
    text-align: center !important;
  }
  .base-sub-p2 {
    font-size: 16px !important;
    font-weight: normal !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.63 !important;
    letter-spacing: -0.36px !important;
    color: #7f7f7f !important;
    text-align: center !important;
  }
  .base-sub-p3 {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.63 !important;
    letter-spacing: -0.53px !important;
    color: #767676 !important;
    text-align: left !important;
  }
  .base-sub-p4 {
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: 1.33 !important;
    letter-spacing: -0.21px !important;
    color: #767676 !important;
    text-align: left !important;
  }
}

/* 최근 게시글 위젯 */
.widget-section-main-title-box {
  position: relative;
}

.widget-section-main-title-box .xf-main-event-title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #000000;
}

.widget-section-main-title-box .xf-more-btn {
  position: absolute;
  right: 0;
  top: 0;
}

.widget-section-main-title-box .xf-more-btn .xf-more-btn-link {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("../img/plus.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
}

/* 제목 */
.xf-board .xf-board-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}

.xf-title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.xf-title-box .xf-title {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -1px;
  color: #141414;
  margin-right: 24px;
}

.xf-title-box .xf-sub-title {
  font-size: 18px;
  line-height: 1.67;
  letter-spacing: -0.4px;
  color: #767676;
}

@media (max-width: 1200px) {
  .xf-board .xf-board-header {
    margin-bottom: 12px;
  }
  .xf-title-box .xf-title {
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #141414;
    margin-right: 15px;
  }
  .xf-title-box .xf-sub-title {
    font-size: 16px;
    line-height: normal;
  }
}

@media (max-width: 992px) {
  .xf-board .xf-board-header {
    display: block;
  }
  .xf-board.xf-faq-board .xf-board-header, .xf-board.xf-customer-voice-board .xf-board-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xf-search-box {
    width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-top: 16px;
  }
}

@media (max-width: 768px) {
  .xf-title-box .xf-title {
    margin-right: 0;
  }
  .xf-title-box .xf-sub-title {
    display: none;
  }
}

@media (max-width: 576px) {
  .xf-board.xf-faq-board .xf-board-header {
    display: block;
  }
  .xf-board.xf-faq-board .xf-board-header .xf-customer-btn {
    width: 100%;
    text-align: center;
    margin-top: 12px;
  }
  .xf-board.xf-customer-voice-board .xf-board-header {
    display: block;
  }
  .xf-board.xf-customer-voice-board .xf-board-header .xf-customer-write-btn {
    width: 100%;
    text-align: center;
    margin-top: 12px;
  }
}

/* 탭 */
.xf-tab-menu-section .xf-tab-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-left: 1px solid #e0e0e0;
}

.xf-tab-menu-section .xf-tab-menu-list .xf-tab-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.xf-tab-menu-section .xf-tab-menu-list .xf-tab-title .xf-tab-link {
  padding: 14px;
  font-size: 15px;
  letter-spacing: -0.33px;
  color: #767676;
  height: 54px;
  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-right: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  white-space: nowrap;
}

.xf-tab-menu-section .xf-tab-menu-list .xf-tab-title .xf-tab-link:hover {
  background-color: #f8f8f8;
}

.xf-tab-menu-section .xf-tab-menu-list .xf-tab-title .xf-tab-link.active {
  border-top: solid 1px #bc0d1a;
  border-right: 1px solid #bc0d1a;
  border-left: 1px solid #bc0d1a;
  background: #bc0d1a;
  color: #fff;
  margin-left: -1px;
}

/* 탭섹션 border-top */
.xf-tab-section {
  border-top: solid 3px #bc0d1a;
}

.xf-mypage-body .xf-tab-section {
  border-top: 0;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .xf-tab-menu-section .xf-tab-menu-list .xf-tab-title .xf-tab-link {
    height: 56px;
  }
}

@media (max-width: 768px) {
  .xf-tab-menu-section .xf-tab-menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -1px;
  }
  .xf-tab-menu-section .xf-tab-menu-list .xf-tab-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: auto;
  }
  .xf-tab-menu-section .xf-tab-menu-list .xf-tab-title .xf-tab-link {
    height: 44px;
    font-size: 13.5px;
    letter-spacing: -0.6px;
    color: #767676;
    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-right: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
  }
  .xf-tab-menu-section .xf-tab-menu-list .xf-tab-title .xf-tab-link:hover {
    background-color: #f8f8f8;
  }
  .xf-tab-menu-section .xf-tab-menu-list .xf-tab-title .xf-tab-link.active {
    border-top: solid 1px #bc0d1a;
    border-right: 1px solid #bc0d1a;
    border-left: 1px solid #bc0d1a;
    background: #bc0d1a;
    color: #fff;
  }
}

/* 서치바 */
.xf-search-box .xf-category-search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 1px #e0e0e0;
}

.xf-search-box .xf-category-search-form .xf-option {
  width: 100px;
  border-right: solid 1px #e0e0e0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("../img/angle-down-min.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.xf-search-box .xf-category-search-form .xf-option .xf-select {
  width: 100px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  height: 46px;
  padding: 0 16px;
  font-size: 15px;
  line-height: 1.73;
  letter-spacing: -0.2px;
  color: #767676;
  cursor: pointer;
}

.xf-search-box .xf-category-search-form .xf-option .xf-select::-ms-expand {
  display: none;
}

.xf-search-box .xf-category-search-form .xf-input-box {
  position: relative;
  width: 100%;
  height: 46px;
}

.xf-search-box .xf-category-search-form .xf-input-box .xf-input {
  width: 100%;
  height: 100%;
  padding-right: 40px;
  padding-left: 16px;
}

.xf-search-box .xf-category-search-form .xf-input-box .xf-btn {
  background-image: url("../img/search.svg");
  background-color: transparent;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}

.xf-search-box .xf-category-search-form .xf-input-box::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.2px;
  color: #9c9c9c;
}

.xf-search-box .xf-category-search-form .xf-input-box::-moz-placeholder {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.2px;
  color: #9c9c9c;
}

.xf-search-box .xf-category-search-form .xf-input-box:-ms-input-placeholder {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.2px;
  color: #9c9c9c;
}

.xf-search-box .xf-category-search-form .xf-input-box::-ms-input-placeholder {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.2px;
  color: #9c9c9c;
}

.xf-search-box .xf-category-search-form .xf-input-box::placeholder {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.2px;
  color: #9c9c9c;
}

/* 여백 */
.base-section {
  margin-bottom: 40px !important;
}

.base-section .base-group:last-child {
  margin-bottom: 0 !important;
}

.base-group {
  margin-bottom: 24px !important;
}

/* 탭 */
.base-sub-tab-box {
  margin-top: 32px;
}

.base-sub-tab-box .base-sub-tab-list {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.base-sub-tab-box .base-sub-tab-list .base-tab-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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;
  height: 54px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  letter-spacing: -0.2px;
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.base-sub-tab-box .base-sub-tab-list .base-tab-item:last-child {
  border-right: 1px solid #e0e0e0;
}

.base-sub-tab-box .base-sub-tab-list .base-tab-item .base-tab-item__link {
  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;
  color: #767676;
  text-decoration: none;
  width: 100%;
  height: 100%;
}

.base-sub-tab-box .base-sub-tab-list .base-tab-item .base-tab-item__link.base-tab-active {
  background-color: #bc0d1a;
  border-top: 1px solid #bc0d1a;
  border-left: 1px solid #bc0d1a;
  border-bottom: 1px solid #bc0d1a;
  padding-right: 1px;
  color: #fff;
}

/* 테이블 */
.base-table1 {
  width: 100%;
}

.base-table1 .base-table-thead .base-table-tr {
  background-color: #f8f8f8;
}

.base-table1 .base-table-thead .base-table-tr .base-table-td {
  font-weight: 500;
  text-align: center;
  color: #141414;
}

.base-table1 .base-table-tr {
  border: 1px solid #e0e0e0;
}

.base-table1 .base-table-tr .base-table-td {
  padding: 16px;
  font-size: 15px;
  line-height: 1.73;
  letter-spacing: -0.33px;
  color: #484848;
}

.base-table1 .base-table-tr .base-table-td .xf-level__img {
  width: 18px;
  height: auto;
  vertical-align: middle;
  margin-right: 7px;
}

.base-table1 .base-table-tr .base-table-td .xf-level-name {
  font-weight: 500;
}

.base-table1 .base-table-tr .base-table-td:not(:last-child) {
  border-right: 1px solid #e0e0e0;
}

.base-table2 {
  width: 100%;
  border: solid 1px #d7d7d7;
}

.base-table2 .base-table-tr:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}

.base-table2 .base-table-tr .base-table-th {
  background-color: #f8f8f8;
  border-right: 1px solid #e0e0e0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.73;
  letter-spacing: -0.33px;
  text-align: center;
  color: #141414;
}

.base-table2 .base-table-tr .base-table-td {
  font-size: 15px;
  line-height: 1.73;
  letter-spacing: -0.33px;
  color: #484848;
}

.base-table2 .base-table-tr .base-table-th,
.base-table2 .base-table-tr .base-table-td {
  padding: 16px;
}

/* 리스트 */
.base-order-list {
  margin: 0;
  padding-left: 30px;
}

.base-order-list .base-order-item {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: -0.19px;
  color: #141414;
}

.base-order-list .base-order-item .base-order-list {
  padding-left: 30px;
}

.base-order-list .base-order-item .base-order-list .base-order-item .base-order-list {
  padding-left: 30px;
}

.base-order-list .base-upper-roman {
  list-style-type: upper-roman;
}

.base-order-list .base-lower-roman {
  list-style-type: lower-roman;
}

.base-order-list .base-upper-alpha {
  list-style-type: upper-alpha;
}

.base-order-list .base-lower-alpha {
  list-style-type: lower-alpha;
}

.base-unordered-list {
  margin: 0;
  padding-left: 30px;
}

.base-unordered-list .base-unordered-item {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.67;
  letter-spacing: -0.2px;
  color: #141414;
}

.base-unordered-list .base-unordered-item .base-unordered-list {
  padding-left: 30px;
}

.base-unordered-list .base-unordered-item .base-unordered-list .base-unordered-item .base-unordered-list {
  padding-left: 30px;
}

/* 프레임 */
.base-frame {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.67;
  letter-spacing: -0.2px;
  color: #484848;
  padding: 15px 18px;
}

.base-frame.base-frame-gray {
  border: solid 1px #e0e0e0;
  background-color: #f4f5f6;
}

.base-frame.base-frame-white {
  border: solid 1px #e0e0e0;
  background-color: #ffffff;
}

/* 버튼 */
.base-btn {
  text-decoration: none;
  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;
  cursor: pointer;
}

.base-btn.base-btn-large {
  padding: 15px 110px;
  height: 64px;
  background-color: #bc0d1a;
  border: solid 1px #bc0d1a;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.57px;
}

.base-btn.base-btn-large:hover {
  background-color: #950a14;
  border: solid 1px #950a14;
}

.base-btn.base-btn-large.base-btn-primary {
  border: solid 1px #bc0d1a;
  background-color: #ffffff;
  color: #bc0d1a;
}

.base-btn.base-btn-med {
  padding: 10px 20px;
  height: 44px;
  background-color: #950a14;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.46px;
}

.base-btn.base-btn-med:hover {
  background-color: #bc0d1a;
  border: solid 1px #bc0d1a;
}

.base-btn.base-btn-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  letter-spacing: -0.2px;
  color: #bc0d1a;
}

.base-btn.base-btn-text:hover {
  color: #484848;
  text-decoration: underline;
}

.base-btn.base-btn-sub {
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: -0.19px;
  color: #9c9c9c;
  border: solid 1px #e0e0e0;
  background-color: #ffffff;
  padding: 5px 15px;
}

.base-primary-btn {
  display: inline-block;
  text-decoration: none;
  background-color: #bc0d1a;
  padding: 15px 45px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -0.49px;
  color: #ffffff;
  vertical-align: middle;
}

.base-primary-btn:hover {
  color: #fff !important;
  background-color: #950a14;
}

.xf-primary-btn:hover {
  background-color: #950a14 !important;
}

@media (max-width: 768px) {
  .base-primary-btn {
    padding: 10px 20px;
    height: auto;
  }
}

.base-primary-btn-small {
  display: inline-block;
  text-decoration: none;
  height: 50px;
  background-color: #bc0d1a;
  border: solid 1px #bc0d1a;
  padding: 15px 23px;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -0.49px;
  vertical-align: middle;
}

.base-primary-btn-small:hover {
  color: #fff !important;
}

.base-second-btn {
  display: inline-block;
  border: solid 1px #e0e0e0;
  text-decoration: none;
  height: 50px;
  background-color: #fff;
  padding: 15px 45px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -0.49px;
  color: #141414;
  vertical-align: middle;
  text-align: center;
}

.base-btn-w150 {
  width: 150px;
  padding: 15px;
}

/* 라벨 */
.xf-label.xf-category-label {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.4px;
  padding: 6px 10px;
  border-radius: 2px;
  color: #ffffff;
  background-color: #000;
  display: inline-block;
}

.xf-label.xf-category-label.xf-mb20 {
  margin-bottom: 20px;
}

.xf-label.xf-category-label.xf-mb12 {
  margin-bottom: 12px;
}

.xf-label.xf-branch-label {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.54;
  letter-spacing: -0.2px;
  padding: 2px 8px;
  color: #ffffff !important;
  background-color: #000 !important;
  display: inline-block;
}

.xf-label.xf-branch-label.xf-mb20 {
  margin-bottom: 20px;
}

.xf-label.xf-branch-label.xf-mb12 {
  margin-bottom: 12px;
}

.xf-label.xf-date-label {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.4px;
  color: #ffffff !important;
  padding: 2px 10px;
  border-radius: 2px;
}

.xf-label.xf-red-label {
  color: #ffffff !important;
  background-color: #bc0d1a !important;
}

.xf-label.xf-yellow-label {
  color: #141414 !important;
  background-color: #ffe900 !important;
}

@media (max-width: 768px) {
  .xf-label.xf-category-label.xf-board-list-label {
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    color: #bc0d1a;
    padding: 0;
    background-color: transparent;
  }
}

/* 레벨 박스 */
.xf-my-level-box {
  width: 100%;
}

.xf-my-level-box .xf-my-level-icon {
  vertical-align: middle;
  display: inline-block;
}

.xf-my-level-box .xf-my-level-icon .xf-my-level-icon__img {
  vertical-align: middle;
  height: 18px;
  width: 18px;
}

.xf-my-level-box .xf-my-level-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.38px;
  color: #141414;
  display: inline-block;
  vertical-align: middle;
  word-break: break-all;
}

.xf-my-level-box .xf-my-level-guide {
  vertical-align: middle;
  display: inline-block;
}

.xf-my-level-box .xf-my-level-guide .xf-my-level-guide__link {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.31px;
  color: #9c9c9c;
  display: inline-block;
  border: solid 1px #d7d7d7;
  padding: 3px 4px;
}

.xf-my-level-box .xf-admin-btn-box {
  vertical-align: middle;
  display: inline-block;
}

.xf-my-level-box .xf-admin-btn-box .xf-admin-btn {
  font-size: 13px;
  letter-spacing: -0.31px;
  color: #9c9c9c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-decoration: none;
}

.xf-my-level-box .xf-admin-btn-box .xf-admin-btn .xi-home,
.xf-my-level-box .xf-admin-btn-box .xf-admin-btn .xi-cog {
  font-size: 18px;
}

/* 반응형 에 따른 display 속성 */
@media (max-width: 768px) {
  .xf-m-display-block {
    display: block !important;
  }
  .xf-mt-display-block {
    display: block !important;
  }
  .xf-t-display-block {
    display: none !important;
  }
  .xf-pc-display-block {
    display: none !important;
  }
  .xf-wide-display-block {
    display: none !important;
  }
  .xf-m-display-block {
    display: block !important;
  }
  .xf-mt-display-in {
    display: inline !important;
  }
  .xf-mt-display-ib {
    display: inline-block !important;
  }
  .xf-m-display-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .xf-mt-display-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .xf-t-display-flex {
    display: none !important;
  }
  .xf-pc-display-flex {
    display: none !important;
  }
  .xf-wide-display-flex {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .xf-m-display-block {
    display: none !important;
  }
  .xf-mt-display-block {
    display: block !important;
  }
  .xf-t-display-block {
    display: block !important;
  }
  .xf-pc-display-block {
    display: none !important;
  }
  .xf-wide-display-block {
    display: none !important;
  }
  .xf-mt-display-in {
    display: inline !important;
  }
  .xf-mt-display-ib {
    display: inline-block !important;
  }
  .xf-m-display-flex {
    display: none !important;
  }
  .xf-mt-display-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .xf-t-display-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .xf-pc-display-flex {
    display: none !important;
  }
  .xf-wide-display-block {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .xf-m-display-block {
    display: none !important;
  }
  .xf-mt-display-block {
    display: none !important;
  }
  .xf-t-display-block {
    display: block !important;
  }
  .xf-pc-display-block {
    display: block !important;
  }
  .xf-wide-display-block {
    display: none !important;
  }
  .xf-mt-display-in {
    display: none !important;
  }
  .xf-mt-display-ib {
    display: none !important;
  }
  .xf-m-display-flex {
    display: none !important;
  }
  .xf-mt-display-flex {
    display: none !important;
  }
  .xf-t-display-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .xf-pc-display-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .xf-wide-display-flex {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .xf-m-display-block {
    display: none;
  }
  .xf-mt-display-block {
    display: none;
  }
  .xf-t-display-block {
    display: block;
  }
  .xf-pc-display-block {
    display: block;
  }
  .xf-wide-display-block {
    display: block;
  }
  .xf-mt-display-in {
    display: none !important;
  }
  .xf-mt-display-ib {
    display: none !important;
  }
  .xf-m-display-flex {
    display: none;
  }
  .xf-mt-display-flex {
    display: none;
  }
  .xf-t-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xf-pc-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .xf-wide-display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* 컬러 */
.base-primary-color {
  color: #bc0d1a !important;
}

.base-second-color {
  color: #950a14 !important;
}

.base-third-color {
  color: #2684ff !important;
}

.base-link-color {
  color: #0000ff !important;
}

.base-title-color {
  color: #141414 !important;
}

.base-text-color1 {
  color: #535353 !important;
}

.base-text-color2 {
  color: #767676 !important;
}

.base-text-color3 {
  color: #aeaeae !important;
}

.base-text-color4 {
  color: #141414 !important;
}

.base-text-color-white {
  color: #fff !important;
}

.base-text-color-black {
  color: #000 !important;
}

/* 배경색 */
.base-primary-bg-color {
  background-color: #bc0d1a !important;
}

.base-second-bg-color {
  background-color: #000 !important;
}

.base-third-bg-color {
  background-color: #ffe900 !important;
}

.base-fourth-bg-color {
  background-color: #303030 !important;
}

.base-full-bg-color {
  background-color: #303030 !important;
}

.base-white {
  color: #fff !important;
}

.base-red {
  color: #bc0d1a !important;
}

/* text-align */
.base-left {
  text-align: left !important;
}

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

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

/* 상세보기 하단 목록 버튼 */
.xf-post-management-box {
  text-align: right;
  margin-bottom: 20px;
}

.xf-post-management-box .xe-list-board-body__edit-item {
  margin-right: 2px;
}

.xf-post-management-box .xe-list-board-body__edit-item:not(:last-child):after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 9px;
  background-color: #e0e0e0;
  margin-left: 8px;
}

.xf-post-management-box .xe-list-board-body__edit-item .xe-list-board-body__link {
  font-size: 13px;
}

/* 테이블 */
.base-sub-table-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  letter-spacing: -0.2px;
  color: #141414;
  text-align: left;
  margin-bottom: 12px;
}

.base-sub-table1 {
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #484848;
  border-bottom: 1px solid #484848;
  width: 100%;
}

.base-sub-table1 .base-sub-tb1-tr {
  border-bottom: 1px solid #e0e0e0;
  border-bottom: none;
}

.base-sub-table1 .base-sub-tb1-tr:not(:last-child) .base-sub-tb1-td {
  border-bottom: 1px solid #e0e0e0;
}

.base-sub-table1 .base-sub-tb1-tr:not(:first-child) .base-sub-tb1-th {
  border-top: 1px solid #e0e0e0;
}

.base-sub-table1 .base-sub-tb1-tr:last-child {
  border-bottom: none;
}

.base-sub-table1 .base-sub-tb1-tr .base-tb1-cell {
  text-align: left;
  padding: 8px 15px;
}

.base-sub-table1 .base-sub-tb1-tr .base-sub-tb1-th {
  background-color: #fafbfc;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.73;
  letter-spacing: -0.19px;
  color: #141414;
  width: 200px;
}

.base-sub-table1 .base-sub-tb1-tr .base-sub-tb1-th-rowspan {
  border-right: 1px solid #e0e0e0;
}

.base-sub-table1 .base-sub-tb1-tr .base-sub-tb1-td {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.67;
  letter-spacing: -0.19px;
  color: #484848;
}

.base-sub-table2 {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.base-sub-table2 .base-sub-tb2-thead {
  background-color: #bc0d1a;
}

.base-sub-table2 .base-sub-tb2-thead .base-sub-tb2-tr .base-sub-tb2-th {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.73;
  letter-spacing: -0.2px;
  color: #ffffff;
  padding: 8px 15px;
}

.base-sub-table2 .base-sub-tb2-thead .base-sub-tb2-tr .base-sub-tb2-th:last-child {
  border-right: 0;
}

.base-sub-table2 .base-sub-tb2-tbody {
  border-left: 1px solid #e0e0e0;
}

.base-sub-table2 .base-sub-tb2-tbody .base-sub-tb2-tr .base-sub-tb2-td {
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.2px;
  color: #767676;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 8px 15px;
  word-break: break-all;
}

.base-sub-table2 .base-sub-tb2-tbody .base-sub-tb2-tr .base-sub-tb2-td.base-tb2-center {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.base-sub-table2 .base-sub-tb2-tbody .base-sub-tb2-tr .base-sub-tb2-td.base-tb2-right {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.base-sub-table2 .base-sub-tb2-tbody .base-sub-tb2-tr .base-sub-tb2-td {
  border-top: 1px solid #e0e0e0;
}

.base-sub-table2 .base-sub-tb2-tbody .base-sub-tb2-tr .base-sub-tb2-th-row {
  background-color: #bc0d1a;
  color: #fff;
}

.base-sub-table2 .base-sub-tb2-tbody .base-sub-tb2-tr .base-sub-tb2-th-row {
  background-color: #bc0d1a;
  color: #fff;
}

.base-sub-table2 .base-sub-tb2-tbody .base-sub-tb2-tr .base-sub-tb2-th-row.base-tb2-center {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.base-sub-table2 .base-sub-tb2-tfoot .base-sub-tb2-tr .base-sub-tb2-td {
  padding-top: 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.2px;
  text-align: right;
  color: #141414;
}

/* 폰트 사이즈 */
.xf-small-text-size {
  font-size: 14px;
}

@font-face {
  font-family: 'RixBusanStation';
  font-style: normal;
  font-weight: 300;
  src: local(""), url("../fonts/RixBusanStation-Heavy.woff2") format("woff2"), url("../fonts/RixBusanStation-Heavy.woff") format("woff"), url("../fonts/RixBusanStation-Heavy.ttf") format("truetype");
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.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-layout {
  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;
  position: relative;
}

.container-layout {
  -webkit-box-flex: 1;
      -ms-flex: auto 1;
          flex: auto 1;
}

.main-layout {
  width: 100%;
  margin: 0 auto;
}

.header-layout {
  position: relative;
}

.xepage-shopping {
  margin-top: 0;
}

.xepage-graybackground {
  z-index: -1;
}

.section-main {
  padding-left: 15px;
  padding-right: 15px;
}

.section-sub {
  padding-left: 15px;
  padding-right: 15px;
}

.section-sub .section-sub-content {
  padding: 20px 0;
}

.xf-terms-page {
  line-height: 2;
}

.xf-terms__title {
  font-weight: 600;
  text-decoration: underline;
  display: block;
  margin-top: 32px;
  font-size: 18px;
}

.xf-terms__sub-title {
  font-weight: 500;
  display: block;
  margin-top: 5px;
}

@media (min-width: 1200px) {
  .main-layout {
    width: 1200px;
    margin: 0 auto;
  }
  .section-sub .section-sub-content {
    padding: 0px 0 90px 0;
    /*padding: 70px 0 90px 0;*/
  }
}

/* HEADER */
html.open {
  overflow: hidden;
}

.section-header {
  /*  position: fixed; */
  position: relative;
  top: 0;
  width: 100%;
  line-height: 24px;
  background-color: #fff;
  z-index: 90;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  /*  지점  */
  /* 검색 기록 관련  */
  /* //검색 기록 관련  */
  /* 모바일 GNB, BUTTON */
  /* 로그인 , 마이페이지  */
}

.section-header.nav-up {
  top: -48px;
}

.section-header a {
  outline: none;
}

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

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

.section-header .xf-gnb-list ul,
.section-header .xf-gnb-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.section-header .xf-gnb-list a i {
  display: none;
  position: absolute;
  top: 50%;
  right: -17px;
  margin-top: -8px;
  padding-left: 3px;
  color: #b0b6c1;
}

.section-header .xf-gnb-list .xf-gnb-list__text {
  position: relative;
  display: inline-block;
}

.section-header .xf-gnb-list .xf-target-blank i {
  display: inline-block;
}

.section-header .xf-gnb-list > li {
  position: relative;
}

.section-header .xf-gnb-list > li .xf-gnb-list__link {
  text-decoration: none;
  outline: none;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.43px;
  color: #484848;
}

.section-header .xf-gnb-list > li .xf-gnb-list__link.active {
  /*   color: #bc0d1a; */
}

.section-header .xf-gnb-list > li .xf-gnb-list__link .xf-gnb-list__text {
  position: relative;
}

.section-header .xf-gnb-list > li .xf-gnb-list__link .xf-new-label {
  background-image: url(../img/icon-new.svg);
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: -20px;
  top: 2px;
}

.section-header .xf-gnb-list .xf-gnb-list-depth {
  position: relative;
  overflow: hidden;
}

.section-header .xf-gnb-list .xf-gnb-list-depth > li.on .xf-gnb-list-depth__link {
  color: #000;
}

.section-header .xf-gnb-list .xf-gnb-list-depth .xf-gnb-list-depth__link {
  font-size: 14px;
  text-decoration: none;
  color: #707070;
}

.section-header .xf-gnb-list .xf-gnb-list-depth .xf-gnb-list-depth__link:hover, .section-header .xf-gnb-list .xf-gnb-list-depth .xf-gnb-list-depth__link:focus {
  color: #000;
}

.section-header .section-header-container {
  display: block;
}

.section-header .xf-header-top-area {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 48px;
  position: relative;
  display: block;
  position: relative;
  background-color: #222222;
  /* 지점 */
  /* 검색버튼 */
}

.section-header .xf-header-top-area .xf-header-top-area-inner {
  position: relative;
  height: 100%;
}

.section-header .xf-header-top-area .xf-header-shortcut-box {
  position: absolute;
  top: 50%;
  left: 32px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.section-header .xf-header-top-area .xf-header-shortcut-box .xf-header-shortcut__link {
  text-decoration: none;
  display: inline-block;
}

.section-header .xf-header-top-area .xf-header-shortcut-box .xf-header-shortcut__link .xf-header-shortcut__img {
  width: 127px;
  height: auto;
  vertical-align: middle;
}

.section-header .xf-header-top-area .xf-header-shortcut-box .xf-header-shortcut__link .xf-header-shortcut__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.4px;
  color: #bc0d1a;
  vertical-align: middle;
}

.section-header .xf-header-top-area .xf-header-logo-box {
  text-align: center;
}

.section-header .xf-header-top-area .xf-header-logo-box .xf-header-logo {
  margin: 0;
}

.section-header .xf-header-top-area .xf-header-logo-box .xf-header-logo .xf-header-logo__link {
  height: 70px;
  line-height: 70px;
  display: inline-block;
}

.section-header .xf-header-top-area .xf-header-logo-box .xf-header-logo .xf-header-logo__link .xf-header-logo__img {
  margin-top: -10px;
  vertical-align: middle;
  width: 137px;
  height: auto;
}

.section-header .xf-header-top-area .xf-header-info-box {
  padding: 0 15px;
  height: 100%;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-area {
  height: 100%;
  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;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-btn {
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-btn .xf-header-info-btn__text {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.4px;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.4);
  padding-right: 4px;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-btn .xf-header-info-btn__btn {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.4px;
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
  margin-right: 10px;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-btn .xf-info-btn__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.4px;
  color: rgba(255, 255, 255, 0.6);
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-btn .xf-info-btn__text:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  width: 1px;
  height: 12px;
  opacity: 0.5;
  background-color: rgba(255, 255, 255, 0.25);
  margin-right: 6px;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-member-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-member-list .xf-header-info__link {
  text-decoration: none;
  color: #000000;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-member-list .xf-header-info__text.xf-header-info__sign-in {
  position: relative;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-member-list .xf-header-info__text.xf-header-info__sign-in .xf-header-info__link {
  color: #bc0d1a;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-member-list .xf-header-info__text.xf-header-info__sign-in:before {
  content: '';
  position: absolute;
  top: 8px;
  left: -12px;
  width: 1px;
  height: 12px;
  background-color: #d3d3d3;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-user-link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-user-link-list .xf-user-link-item .xf-user-link__link {
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.46px;
  text-align: right;
  color: #141414;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-user-link-list .xf-user-link-item:first-child:after {
  content: '';
  width: 1px;
  height: 12px;
  background-color: #e0e0e0;
  display: inline-block;
  margin-left: 12px;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info__user-btn {
  background: none;
  text-align: right;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box {
  display: none;
  position: absolute;
  top: 50px;
  right: -10px;
  width: 250px;
  -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);
  background: #fff;
  padding: 20px;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
  opacity: 0;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box.open {
  opacity: 1;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box .xf-header-info-user__link {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.4px;
  color: #000000;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box .xf-header-info-user__link .xf-header-info-user__thumb {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box .xf-header-info-user__link .xf-header-info-user__name {
  display: inline-block;
  font-weight: 500;
  width: 145px;
  word-break: break-all;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box .xf-header-info-admin-box {
  display: inline-block;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box .xf-header-info-admin-box .xf-header-info-user__link {
  background-color: #ececec;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 14px;
  color: #555;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box .xf-header-info-user__info-list .xf-header-info-user__info-item {
  font-size: 14px;
  padding: 3px 0;
}

.section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box .xf-header-info-user__info-list .xf-header-info-user__info-item .xf-icon, .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box .xf-header-info-user__info-list .xf-header-info-user__info-item .xf-info-item-text {
  vertical-align: middle;
}

.section-header .xf-header-top-area .xf-header-search .icon-btn.icon-search {
  width: 24px;
  height: 24px;
  display: block;
  background-image: url(../img/icon-search.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.section-header .xf-header-top-area .xf-header-search .icon-btn.icon-search:hover {
  cursor: pointer;
}

.section-header .xf-header-top-area .search-bar-wrap {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0px;
  right: 0;
  height: 0px;
  -webkit-transition: height .1s ease-in,opacity .1s ease-in;
  transition: height .1s ease-in,opacity .1s ease-in;
  z-index: 99;
}

.section-header .xf-header-top-area .search-bar-wrap.on {
  overflow: visible;
  height: auto;
  -webkit-transition: height .2s ease-in,opacity .2s ease-in;
  transition: height .2s ease-in,opacity .2s ease-in;
}

.section-header .xf-header-top-area .search-bar-wrap.on .search-form {
  opacity: 1;
  -webkit-transition: opacity .1s ease-in .2s;
  transition: opacity .1s ease-in .2s;
}

.section-header .xf-header-top-area .search-bar-wrap .search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-transition: opacity 0s ease-in;
  transition: opacity 0s ease-in;
  padding: 0 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.section-header .xf-header-top-area .search-bar-wrap .search-form .btn {
  padding: 0;
}

.section-header .xf-header-top-area .search-bar-wrap .search-form .search-btn {
  height: 24px;
  width: 24px;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}

.section-header .xf-header-top-area .search-bar-wrap .search-form .search-btn .icon-search {
  width: 24px;
  height: 24px;
  display: block;
  background-image: url(../img/icon-search.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}

.section-header .xf-header-top-area .search-bar-wrap .search-form .search-btn:hover {
  cursor: pointer;
}

.section-header .xf-header-top-area .search-bar-wrap .search-form .search-input {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.47;
  letter-spacing: -0.4px;
  color: #fff;
}

.section-header .xf-header-top-area .search-bar-wrap .search-form .search-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.section-header .xf-header-top-area .search-bar-wrap .search-form .search-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.section-header .xf-header-top-area .search-bar-wrap .search-form .search-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.section-header .xf-header-top-area .search-bar-wrap .search-form .search-input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.section-header .xf-header-top-area .search-bar-wrap .search-form .search-input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.section-header .xf-header-top-area .search-bar-wrap .search-form .close-btn {
  height: 24px;
  width: 24px;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}

.section-header .xf-header-top-area .search-bar-wrap .search-form .close-btn:hover {
  cursor: pointer;
}

.section-header .xf-header-top-area .search-bar-wrap .search-form .close-btn i {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.6);
}

.section-header .xf-header-top-area .search-bar-wrap .search-bar-layout {
  position: relative;
  background: #222;
}

.section-header .search-sub-container {
  background-color: rgba(34, 34, 34, 0.96);
  position: fixed;
  top: 48px;
  left: 0;
  width: 100%;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100% - 48px);
  display: none;
}

.section-header .search-sub-inner {
  height: 100%;
  padding: 32px 15px;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  position: relative;
}

.section-header .search-box-notice {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.6px;
  color: rgba(255, 255, 255, 0.4);
}

.section-header .search-sub-box + .search-sub-box {
  padding-top: 32px;
}

.section-header .search-box-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.section-header .search-box-head .head-title {
  font-size: 21px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.8px;
  color: #fff;
}

.section-header .search-box-head .search-list-count {
  display: inline-block;
  margin-left: 4px;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: -0.63px;
  color: #f5332b;
}

.section-header .search-box-content {
  padding-top: 16px;
}

.section-header .bookmark-list {
  margin-left: -15px;
  margin-right: -15px;
}

.section-header .bookmark-list-slider {
  padding: 0 15px;
}

.section-header .bookmark-list-slider .bookmark-item {
  width: 90px;
}

.section-header .bookmark-list-slider .bookmark-item .bookmark-link {
  display: block;
}

.section-header .bookmark-list-slider .bookmark-item .bookmark-link:hover {
  text-decoration: none;
}

.section-header .bookmark-list-slider .bookmark-item .bookmark-link .item-thumbnail-box {
  position: relative;
  width: 90px;
  margin-bottom: 12px;
}

.section-header .bookmark-list-slider .bookmark-item .bookmark-link .item-thumbnail-box .item-thumbnail-img {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
}

.section-header .bookmark-list-slider .bookmark-item .bookmark-link .item-name {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.47;
  letter-spacing: -0.38px;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}

.section-header .search-store-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.section-header .search-store-list li + li {
  margin-top: 12px;
}

.section-header .search-store-list .search-store-item .store-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.section-header .search-store-list .search-store-item .search-store-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  /*         display: flex;
        align-items: center;
        justify-content: center; */
  line-height: 29px;
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.5);
}

.section-header .search-store-list .search-store-item .search-store-btn i {
  display: block;
}

.section-header .search-store-list .search-store-item .store-item-link {
  margin-left: 12px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: rgba(255, 255, 255, 0.6);
  display: block;
}

.section-header .search-store-list .search-store-item .store-item-link:hover {
  text-decoration: none;
}

.section-header .search-store-list .search-store-item .distance {
  display: block;
  margin-left: auto;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.22;
  letter-spacing: -0.8px;
  color: #f5332b;
}

.section-header .search-store-more {
  display: block;
  padding: 16px;
  border-radius: 27px;
  background-color: #f5332b;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.22;
  letter-spacing: -0.8px;
  color: #fff;
  text-align: center;
}

.section-header .search-store-more:hover {
  text-decoration: none;
}

.section-header .xf-header-gnb-pc {
  display: none;
}

.section-header .xf-header-info {
  position: relative;
  /*  padding:11px 15px; */
  height: 65px;
  z-index: 10;
  background-color: #fff;
  border-bottom: 1px solid #ececec;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  /* &::before {
      position: absolute;
      content: '';
      width: 100vw;
      left: 50%;
      margin-left: -50vw;
      height: 100%;
      background-color: #fff;
      border-bottom: 1px solid #ececec;
      z-index: -1;
    } */
}

.section-header .xf-header-info.on {
  position: fixed;
  top: 0;
}

.section-header .xf-header-info .xf-header-info-inner {
  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;
  max-width: 1200px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.section-header .xf-header-gnb__menu-btn {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -12px;
  padding: 0;
  border: 0 none;
  cursor: pointer;
}

.section-header .xf-header-gnb__menu-btn .xf-header-gnb__menu-btn-img {
  width: 24px;
  height: 24px;
}

.section-header .page_cover {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 10;
  display: none;
}

.section-header .page_cover.open {
  display: block;
}

.section-header .xf-header-gnb .xf-gnb-list {
  padding: 15px;
}

.section-header .xf-header-gnb .xf-gnb-list .xf-gnb-item {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
}

.section-header .xf-header-gnb .xf-gnb-list .xf-gnb-item .menu-item-arrow {
  position: absolute;
  right: 0;
  top: 18px;
  color: #9c9c9c;
}

.section-header .xf-header-gnb .xf-gnb-list .xf-gnb-item .xf-gnb-list__link {
  background-color: #fff;
  padding: 16px 0;
  width: 100%;
  font-weight: 500;
  display: inline-block;
  position: relative;
  /*   &:after {
            content:'';
            display: inline-block;
            width: 24px;
            height: 24px;
            background-image: url("../img/left-arrow.svg");
            background-size: 24px 24px;
            background-repeat: no-repeat;
            position: absolute;
            right: 16px;
            top: 50%;
            transform: translateY(-50%) rotate(180deg);
            transition: all 0.2s;
          } */
}

.section-header .xf-header-gnb .xf-gnb-list .xf-gnb-item .xf-gnb-list__link.active {
  /* background-color: #bc0d1a;
            color: #fff; */
  /* &:after {
              content:'';
              display: inline-block;
              width: 24px;
              height: 24px;
              background-image: url("../img/left-arrow-white.svg");
              background-size: 24px 24px;
              background-repeat: no-repeat;
              position: absolute;
              right: 16px;
              top: 50%;
              transform: translateY(-50%) rotate(180deg);
              transition: all 0.2s;
            } */
}

.section-header .xf-header-gnb .xf-gnb-list .xf-gnb-item.open .xf-gnb-list__link:after {
  -webkit-transform: translateY(-50%) rotate(360deg);
          transform: translateY(-50%) rotate(360deg);
}

.section-header .xf-header-gnb .xf-gnb-list .xf-gnb-item.line {
  border-bottom: 0;
}

.section-header .xf-header-gnb .xf-gnb-list .xf-gnb-item .xf-gnb-list-depth {
  border-radius: 12px;
  background-color: #f8f8f8;
  /*  border-bottom: 1px solid #e4e4e4; */
  padding: 15px;
  display: none;
}

.section-header .xf-header-gnb .xf-gnb-list .xf-gnb-item .xf-gnb-list-depth .xf-gnb-depth-item {
  margin-bottom: 8px;
  position: relative;
}

.section-header .xf-header-gnb .xf-gnb-list .xf-gnb-item .xf-gnb-list-depth .xf-gnb-depth-item .menu-item-arrow {
  font-size: 12px;
  top: 0px;
}

.section-header .xf-header-gnb .xf-gnb-list .xf-gnb-item .xf-gnb-list-depth .xf-gnb-depth-item:last-child {
  margin-bottom: 0;
}

.section-header .xf-header-gnb .xf-gnb-list .xf-gnb-item .xf-gnb-list-depth .xf-gnb-depth-item .xf-gnb-list-depth__link {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: -0.4px;
  color: #141414;
  /* &:before {
                content: '└ ';
                margin-right: 4px;
              } */
}

.section-header .xf-header-gnb .xf-gnb-list .xf-gnb-item .xf-gnb-list-depth .xf-gnb-depth-item .xf-gnb-list-depth__link.active {
  color: #f5332b;
}

.section-header .xf-header-profile-box {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -12px;
  height: 24px;
  width: 24px;
}

.section-header .xf-header-profile-box.profile-large-icon {
  height: 28px;
  width: 28px;
}

.section-header .xf-header-profile-box .xf-header-info__link {
  display: block;
  position: relative;
}

.section-header .xf-header-profile-box .xf-header-profile-link {
  position: relative;
  display: block;
}

.section-header .xf-header-profile-box .xf-header-profile-link img {
  width: 100%;
}

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

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

.xf-header-info-login-content {
  -webkit-box-shadow: 0 3px 8px 2px rgba(0, 0, 0, 0.05), 0 1px 0 0 #e0e0e0;
          box-shadow: 0 3px 8px 2px rgba(0, 0, 0, 0.05), 0 1px 0 0 #e0e0e0;
}

.xf-header-gnb__inner-box {
  width: 315px;
  height: 100%;
  position: fixed;
  top: 0px;
  left: -320px;
  z-index: 10;
  background-color: white;
  -webkit-transition: All 0.2s ease;
  transition: All 0.2s ease;
  overflow-y: auto;
}

.xf-header-gnb__inner-box .xf-header-gnb-btn {
  width: 24px;
  height: 24px;
  background-image: url(../img/icon-close.svg);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  position: fixed;
  top: 20px;
  left: -30px;
  -webkit-transition: All 0.2s ease;
  transition: All 0.2s ease;
}

.xf-header-gnb__inner-box .xf-header-gnb-btn:hover {
  cursor: pointer;
}

.xf-header-gnb__inner-box.open {
  left: 0px;
}

.xf-header-gnb__inner-box.open .xf-header-gnb-btn {
  left: 335px;
}

.xf-header-info-login-box .xf-header-info-login-inner {
  padding: 20px 18px;
  background-color: #f8faff;
}

.xf-header-info-login__link {
  display: block;
}

.xf-header-info-login__link .xf-header-info-login__logo {
  width: 130px;
  height: 40px;
}

.xf-header-info-login__link .xf-header-info-login-text {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.53;
  letter-spacing: -0.7px;
  color: #484848;
  margin: 0;
}

.xf-header-info-login__link .xf-header-info-login-text .login-text-point {
  font-weight: 700;
}

.xf-header-info-member-box .xf-my-contents-box {
  padding: 20px;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-profile-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-profile-box .xf-my-profile-img {
  width: 54px;
  height: 54px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 54px 54px;
  border-radius: 50%;
  border: solid 1px #d7d7d7;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-profile-box .xf-my-info-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-profile-box .xf-my-info-box .xf-my-name {
  font-size: 15px;
  line-height: 1.67;
  letter-spacing: -0.4px;
  color: #484848;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-profile-box .xf-my-info-box .xf-my-level-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-profile-box .xf-my-info-box .xf-my-level-box .xf-my-level-icon {
  vertical-align: middle;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-profile-box .xf-my-info-box .xf-my-level-box .xf-my-level-icon .xf-my-level-icon__img {
  vertical-align: middle;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-profile-box .xf-my-info-box .xf-my-level-box .xf-my-level-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.38px;
  color: #141414;
  vertical-align: middle;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-profile-box .xf-my-info-box .xf-my-level-box .xf-my-level-guide {
  vertical-align: middle;
  display: inline-block;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-profile-box .xf-my-info-box .xf-my-level-box .xf-my-level-guide .xf-my-level-guide__link {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.31px;
  color: #9c9c9c;
  vertical-align: middle;
  display: inline;
  border: solid 1px #d7d7d7;
  padding: 2px 4px;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-profile-box .xf-my-info-box .xf-my-level-box .xf-admin-btn-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-profile-box .xf-my-info-box .xf-my-level-box .xf-admin-btn-box .xf-admin-btn {
  display: inline-block;
  vertical-align: middle;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-profile-box .xf-my-info-box .xf-my-level-box .xf-admin-btn-box .xf-admin-btn .xi-home,
.xf-header-info-member-box .xf-my-contents-box .xf-my-profile-box .xf-my-info-box .xf-my-level-box .xf-admin-btn-box .xf-admin-btn .xi-cog {
  font-size: 18px;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-management-box .xf-my-management-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-management-box .xf-my-management-list .xf-my-management-item {
  font-size: 14px;
  line-height: 1.79;
  letter-spacing: -0.37px;
  color: #767676;
  width: 33.33%;
  -ms-flex-preferred-size: 33.33%;
      flex-basis: 33.33%;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-management-box .xf-my-management-list .xf-my-management-item:not(:last-child) {
  background-image: url("../img/angle-right.svg");
  background-repeat: no-repeat;
  background-position: right center;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-management-box .xf-my-management-list .xf-my-management-item:last-child {
  text-align: right;
}

.xf-header-info-member-box .xf-my-contents-box .xf-my-management-box .xf-my-management-list .xf-my-management-item a:last-child {
  text-align: right;
}

.xf-header-info-member-box .xf-my-accumulation-box {
  background-color: #f8f9fa;
  padding: 24px 0;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  height: 50%;
  width: 100%;
  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-header-info-member-box .xf-my-accumulation-box .xf-data-box {
  padding: 0 10px;
  -ms-flex-preferred-size: 33.33%;
      flex-basis: 33.33%;
  max-width: 33.33%;
  text-align: center;
  border-right: 1px solid #e0e0e0;
}

.xf-header-info-member-box .xf-my-accumulation-box .xf-data-box:last-child {
  border-right: none;
}

.xf-header-info-member-box .xf-my-accumulation-box .xf-data-box.xf-my-point-box .xf-data-link .xf-my-point-total {
  word-break: break-all;
}

.xf-header-info-member-box .xf-my-accumulation-box .xf-data-box.xf-my-point-box .xf-data-link .xf-my-point-total.xf-small-text-size {
  font-size: 14px;
}

.xf-header-info-member-box .xf-my-accumulation-box .xf-data-box.xf-my-point-box .xf-data-link .xf-my-branch-point-total {
  font-size: 14px;
  word-break: break-all;
}

.xf-header-info-member-box .xf-my-accumulation-box .xf-data-box .xf-data-link {
  display: inline-block;
  color: #141414;
}

.xf-header-info-member-box .xf-my-accumulation-box .xf-data-box .xf-data-link .xf-my-total {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.42px;
  color: #141414;
}

.xf-header-info-member-box .xf-my-accumulation-box .xf-data-box .xf-data-link .xf-my-total.xf-my-coupon-total {
  margin: 0 auto;
  color: #fff;
  line-height: 32px;
}

.xf-header-info-member-box .xf-my-accumulation-box .xf-data-box .xf-data-link .xf-my-total.xf-my-coupon-total .xf-circle {
  display: inline-block;
  background-color: #bc0d1a;
  border-radius: 50px;
  padding: 0 10px;
  height: 32px;
  min-width: 32px;
}

.xf-header-info-member-box .xf-my-accumulation-box .xf-data-box .xf-data-link .xf-text {
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: -0.33px;
  color: #141414;
}

/* 로고 */
.logo {
  position: relative;
  line-height: normal;
  margin: 0;
  text-align: center;
}

.logo .header__logo-link {
  display: inline-block;
  line-height: 39px;
}

.logo .header-info-logo__image {
  height: 39px;
  width: auto;
  vertical-align: top;
}

.family-site-mobile-btn {
  width: 24px;
  height: 24px;
  border: 1px solid #ececec;
  background-color: #fff;
  border-radius: 50px;
  padding: 0;
  line-height: 15px;
  position: absolute;
  margin-left: 10px;
  top: 14px;
  display: block;
  right: -32px;
}

.family-site-mobile-btn i {
  font-size: 16px;
  color: #000;
  opacity: 0.5;
  display: block;
  margin-top: 3px;
}

/* 모바일 드롭 메뉴 */
.xf-mobile-drop-menu {
  -webkit-box-shadow: 0 -1px 0 0 #ececec;
          box-shadow: 0 -1px 0 0 #ececec;
  display: none;
  z-index: 10;
  position: absolute;
  width: 100%;
}

.mobile-family-close {
  width: 80px;
  padding: 2px  8px;
  background-color: #f5332b;
  border-radius: 15px;
  position: relative;
  margin: 0 auto;
  margin-top: -12px;
  text-align: center;
}

.mobile-family-close i {
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
  margin-top: -2px;
}

.family-site-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  top: 60px;
  display: none;
}

.family-site-bg.on {
  display: block;
}

.family-site-box {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 48px;
  background-color: #fff;
}

.site-img {
  text-align: center;
}

.site-img .mobile-site-link {
  display: block;
}

.site-img .mobile-site-link.battlica img {
  width: 120px;
}

.site-img .mobile-site-link.food img {
  width: 164px;
}

.site-img .mobile-site-link.zone img {
  width: 164px;
}

.site-img--sns {
  position: relative;
  margin-top: 24px;
}

.site-img--sns a {
  display: inline-block;
  position: relative;
  padding: 0 12px;
}

.site-img--sns a:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 14px;
  background-color: #e0e0e0;
  position: absolute;
  right: 0;
  top: 4px;
}

.site-img--sns a i {
  line-height: 22px;
  font-size: 24px;
}

.drop-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #fff;
  padding: 22px 32px;
}

.drop-menu-list li + li {
  border-top: 1px solid  #f8f8f8;
}

.drop-menu-list .drop-menu-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.22;
  letter-spacing: -0.4px;
  color: #484848;
}

.drop-menu-list .drop-menu-link:hover {
  text-decoration: none;
}

.drop-menu-list .drop-menu-link .drop-menu-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #f8faff;
  margin-right: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
}

.drop-menu-list .drop-menu-link .drop-menu-icon.drop-menu-home {
  background-image: url(../img/drop-icon-home.png);
  background-size: 24px 17px;
}

.drop-menu-list .drop-menu-link .drop-menu-icon.drop-menu-event {
  background-image: url(../img/drop-icon-event.png);
}

.drop-menu-list .drop-menu-link .drop-menu-icon.drop-menu-mission {
  background-image: url(../img/drop-icon-mission.png);
}

.drop-menu-list .drop-menu-link .drop-menu-icon.drop-menu-market {
  background-image: url(../img/drop-icon-market.png);
}

.drop-menu-list .drop-menu-link .drop-menu-icon.drop-menu-community {
  background-image: url(../img/drop-icon-community.png);
}

.drop-menu-list .drop-menu-link .drop-menu-icon.drop-menu-cs {
  background-image: url(../img/drop-icon-cs.png);
}

.drop-menu-list .drop-menu-link .drop-menu-arrow {
  font-size: 15px;
  color: #9c9c9c;
  margin-left: auto;
}

/* //모바일 드롭 메뉴 */
.header-info-logo__image--mobile-gnb-logo {
  width: 158px;
}

.mobile-gnb-arrow {
  width: 16px;
  height: 16px;
  background-image: url(/plugins/xehub_custom_develop/assets/themes/img/mobile-gnb-arrow-off.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center center;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin-top: -5px;
}

.mobile-gnb-arrow.active {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-image: url(/plugins/xehub_custom_develop/assets/themes/img/mobile-gnb-arrow-on-food.svg);
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

/* pc 관련사이트, sns */
.header-flex {
  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;
  position: relative;
}

.header-sitemap {
  line-height: normal;
  background-color: #fff;
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  -webkit-box-shadow: 0 1px 0 0 #ececec;
          box-shadow: 0 1px 0 0 #ececec;
  display: none;
}

.header-sitemap .user-box {
  padding: 0 15px;
  max-width: 1200px;
  height: 48px;
  margin: 0 auto;
  width: 100%;
  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;
}

.header-sitemap .user-box .user-box-part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.site-logo {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.site-logo:after {
  display: block;
  clear: both;
  content: '';
}

.site-logo > li {
  position: relative;
  padding: 0 16px;
}

.site-logo > li:before {
  content: '';
  width: 1px;
  display: inline-block;
  height: 18px;
  vertical-align: middle;
  background-color: #ececec;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
}

.site-logo > li:first-child {
  padding-left: 0;
}

.site-logo > li:first-child:before {
  display: none;
}

.site-logo > li .logo-list-link {
  padding: 6px 0px;
  color: #141414;
  text-decoration: none;
  display: inline-block;
}

.site-logo > li .logo-list-link.arena img {
  width: 62px;
}

.site-logo > li .logo-list-link.battlica img {
  width: 86px;
}

.site-logo > li .logo-list-link.food img {
  width: 122px;
}

.site-logo > li .logo-list-link.zone img {
  width: 132px;
}

.site-logo > li .logo-list-link > img {
  height: auto;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.xf-header-info-member-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  margin-right: 6px;
  list-style: none;
}

.xf-header-info-member-list li + li::after {
  content: '';
  width: 1px;
  height: 8px;
  background-color: #ececec;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
}

.xf-header-info-member-list .xf-header-info__text {
  padding: 0 6px;
  position: relative;
}

.xf-header-info-member-list .xf-header-info__text .xf-header-info__link {
  font-size: 13px;
  line-height: 1.69;
  letter-spacing: -0.3px;
  color: #aeaeae;
  text-decoration: none;
}

.xf-header-info-member-list .xf-header-info__text .xf-header-info__link:hover {
  color: #484848;
}

.site-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.site-sns-box {
  list-style: none;
  padding: 0;
  margin: 0;
}

.site-sns-box:after {
  display: block;
  clear: both;
  content: '';
}

.site-sns-box > li {
  float: left;
  position: relative;
}

.sns-link {
  text-decoration: none;
  padding: 0 7px;
}

.sns-link i {
  color: #c0c0c0;
  font-size: 21px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.sns-link i:hover {
  color: #484848;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.xf-total-login-wrap {
  display: none;
}

.xf-total-login-wrap .total-login-btn {
  border-radius: 27px;
  background-color: #f5332b;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.8px;
  color: #fff;
  text-decoration: none;
  padding: 16px 32px;
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  white-space: nowrap;
}

.xf-total-login-wrap .total-login-btn:hover {
  background-color: #dc2e26;
}

@media (min-width: 992px) {
  .family-site-mobile-btn {
    display: none;
  }
  .header-sitemap {
    display: block;
  }
  .section-header {
    padding-left: 0;
    padding-right: 0;
    /*  지점  */
    /* 로고 */
    /* 로그인 , 마이페이지  */
    /* 로그인 , 마이페이지  */
  }
  .section-header.nav-up {
    top: -128px;
  }
  .section-header .xf-header-top-area {
    height: 76px;
    position: relative;
    display: block;
    /*   width: 100vw;
          left: 50%;
          margin-left: -50vw; */
    /* 검색버튼 */
    /* 검색 기록 관련  */
    /*  */
    /* //검색 기록 관련  */
    /* 지점  */
  }
  .section-header .xf-header-top-area::before {
    content: '';
    display: block;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    background-color: #222;
    height: 100%;
    position: absolute;
  }
  .section-header .xf-header-top-area .xf-header-top-area-inner {
    height: 100%;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  .section-header .xf-header-top-area .xf-header-search .icon-btn.icon-search {
    width: 28px;
    height: 28px;
  }
  .section-header .xf-header-top-area .search-bar-wrap {
    top: 47px;
  }
  .section-header .xf-header-top-area .search-bar-wrap.search-scroll {
    top: 0;
  }
  .section-header .xf-header-top-area .search-bar-wrap.search-scroll .search-sub-container {
    top: 76px;
  }
  .section-header .xf-header-top-area .search-bar-wrap.on {
    height: 100%;
  }
  .section-header .xf-header-top-area .search-bar-wrap form {
    height: 100%;
  }
  .section-header .xf-header-top-area .search-bar-wrap .search-form {
    height: 76px;
  }
  .section-header .xf-header-top-area .search-bar-wrap .search-form .btn {
    padding: 0;
  }
  .section-header .xf-header-top-area .search-bar-wrap .search-form .search-btn {
    height: 28px;
    width: 28px;
  }
  .section-header .xf-header-top-area .search-bar-wrap .search-form .search-btn .icon-search {
    width: 28px;
    height: 28px;
  }
  .section-header .xf-header-top-area .search-bar-wrap .search-form .search-input {
    font-size: 18px;
    padding: 0 15px;
  }
  .section-header .xf-header-top-area .search-bar-wrap .search-form .close-btn {
    height: 28px;
    width: 28px;
  }
  .section-header .xf-header-top-area .search-bar-wrap .search-form .close-btn i {
    font-size: 28px;
  }
  .section-header .xf-header-top-area .search-sub-container {
    top: 123px;
  }
  .section-header .xf-header-top-area .search-sub-inner {
    padding: 40px 15px 50px;
  }
  .section-header .xf-header-top-area .search-box-notice {
    font-size: 18px;
    letter-spacing: -0.8px;
    line-height: 28px;
  }
  .section-header .xf-header-top-area .search-sub-box + .search-sub-box {
    padding-top: 40px;
  }
  .section-header .xf-header-top-area .search-sub-box + .search-sub-box.search-more-box {
    padding-top: 0;
  }
  .section-header .xf-header-top-area .search-nearby-box {
    display: none;
  }
  .section-header .xf-header-top-area .search-box-head .head-title {
    font-size: 24px;
    line-height: 36px;
  }
  .section-header .xf-header-top-area .search-box-content {
    padding-top: 20px;
  }
  .section-header .xf-header-top-area .bookmark-list-slider .bookmark-item {
    width: 100px;
  }
  .section-header .xf-header-top-area .bookmark-list-slider .bookmark-item .bookmark-link .item-thumbnail-box {
    width: 100px;
  }
  .section-header .xf-header-top-area .search-store-list li + li {
    margin-top: 16px;
  }
  .section-header .xf-header-top-area .search-store-list .search-store-item .store-item-link {
    font-size: 18px;
  }
  .section-header .xf-header-top-area .search-more-box {
    position: absolute;
    top: 40px;
    right: 15px;
  }
  .section-header .xf-header-top-area .search-store-more {
    padding: 16px 48px;
  }
  .section-header .xf-header-top-area .xf-header-info-box {
    padding: 16px 15px;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-area:hover {
    cursor: pointer;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-btn .xf-header-info-btn__text {
    font-size: 18px;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-btn .xf-header-info-btn__btn {
    font-size: 18px;
    margin-right: 15px;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-btn .xf-header-info-btn__login-btn {
    line-height: 22px;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-btn .xf-info-btn__text {
    font-size: 18px;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-btn .xf-info-btn__text:before {
    margin-right: 15px;
    height: 15px;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-member-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-member-list .xf-header-info__link {
    text-decoration: none;
    color: #000000;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-member-list .xf-header-info__text.xf-header-info__sign-in {
    position: relative;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-member-list .xf-header-info__text.xf-header-info__sign-in .xf-header-info__link {
    color: #bc0d1a;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-member-list .xf-header-info__text.xf-header-info__sign-in:before {
    content: '';
    position: absolute;
    top: 8px;
    left: -12px;
    width: 1px;
    height: 12px;
    background-color: #d3d3d3;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-user-link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-user-link-list .xf-user-link-item .xf-user-link__link {
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: -0.46px;
    text-align: right;
    color: #141414;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-user-link-list .xf-user-link-item:first-child:after {
    content: '';
    width: 1px;
    height: 12px;
    background-color: #e0e0e0;
    display: inline-block;
    margin-left: 12px;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info__user-btn {
    background: none;
    text-align: right;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box {
    display: none;
    position: absolute;
    top: 50px;
    right: -10px;
    width: 250px;
    -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);
    background: #fff;
    padding: 20px;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
    opacity: 0;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box.open {
    opacity: 1;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box .xf-header-info-user__link {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: -0.4px;
    color: #000000;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box .xf-header-info-user__link .xf-header-info-user__thumb {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box .xf-header-info-user__link .xf-header-info-user__name {
    display: inline-block;
    font-weight: 500;
    width: 145px;
    word-break: break-all;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box .xf-header-info-admin-box {
    display: inline-block;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box .xf-header-info-admin-box .xf-header-info-user__link {
    background-color: #ececec;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 14px;
    color: #555;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box .xf-header-info-user__info-list .xf-header-info-user__info-item {
    font-size: 14px;
    padding: 3px 0;
  }
  .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box .xf-header-info-user__info-list .xf-header-info-user__info-item .xf-icon, .section-header .xf-header-top-area .xf-header-info-box .xf-header-info-user-box .xf-header-info-user-detail-box .xf-header-info-user__info-list .xf-header-info-user__info-item .xf-info-item-text {
    vertical-align: middle;
  }
  .section-header .xf-header-gnb-pc {
    display: block;
  }
  .section-header .section-header-inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
  }
  .section-header .section-header-inner::after {
    content: '';
    display: block;
    clear: both;
  }
  .section-header .xf-section-ad-box {
    position: absolute;
    top: 0;
    width: 100%;
    left: 50%;
    margin-left: -50vw;
    bottom: 0;
  }
  .section-header .xf-header-banner-box {
    width: 240px;
    height: 90px;
    position: absolute;
    top: 70px;
    display: none;
  }
  .section-header .logo {
    padding-right: 20px;
  }
  .section-header .logo .header-info-logo__image {
    /* width: 145px; */
  }
  .section-header .xf-header-info {
    position: relative;
    /*   display: flex;
          align-items: center; */
    height: 100px;
    /*   width: auto; */
  }
  .section-header .xf-header-info.on {
    position: fixed;
    top: 0;
  }
  .section-header .xf-header-info .xf-section-line-box .xf-section-line-wrapper {
    top: auto;
    bottom: 0;
  }
  .section-header .xf-header-info .xf-header-gnb {
    /*  overflow: hidden; */
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .section-header .xf-header-info .xf-header-gnb.open .xf-gnb-list::before {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .section-header .xf-header-info .xf-header-gnb ul,
  .section-header .xf-header-info .xf-header-gnb li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .section-header .xf-header-info .xf-header-gnb .xf-gnb-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
    /* &::before {
                content: '';
                position: absolute;
                top: 90px;
                left: 50%;
                width: 100vw;
                height: calc(100% - 90px);
                transform: translateX(-50%);
                box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
                background-color: #141414;
              } */
    /* 2차메뉴 */
  }
  .section-header .xf-header-info .xf-header-gnb .xf-gnb-list::after {
    content: '';
    display: block;
    clear: both;
  }
  .section-header .xf-header-info .xf-header-gnb .xf-gnb-list a i {
    display: none;
    position: absolute;
    top: 50%;
    right: -17px;
    margin-top: -8px;
    padding-left: 3px;
    color: #b0b6c1;
  }
  .section-header .xf-header-info .xf-header-gnb .xf-gnb-list .xf-target-blank i {
    display: inline-block;
  }
  .section-header .xf-header-info .xf-header-gnb .xf-gnb-list > li {
    position: relative;
    margin-right: 14px;
    padding-right: 20px;
  }
  .section-header .xf-header-info .xf-header-gnb .xf-gnb-list > li .xf-new-label {
    background-image: url(../img/icon-new.svg);
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: -18px;
    top: 2px;
  }
  .section-header .xf-header-info .xf-header-gnb .xf-gnb-list > li:last-child {
    margin-right: 0;
  }
  .section-header .xf-header-info .xf-header-gnb .xf-gnb-list > li .xf-gnb-list__link {
    position: relative;
    width: 100%;
    text-decoration: none;
    outline: none;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.43px;
    color: #141414;
    padding: 25px 0;
  }
  .section-header .xf-header-info .xf-header-gnb .xf-gnb-list > li .xf-gnb-list__link.active {
    color: #f5332b;
    position: relative;
    /* &:after {
                      content: '';
                      position: absolute;
                      bottom: 0;
                      left: 0;
                      width: 100%;
                      height: 3px;
                      background-color: #bc0d1a;
                    } */
  }
  .section-header .xf-header-info .xf-header-gnb .xf-gnb-list > li .xf-gnb-list__link .xf-gnb-list__text {
    position: relative;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.43px;
    white-space: nowrap;
  }
  .section-header .xf-header-info .xf-header-gnb .xf-gnb-list .xf-gnb-list-depth {
    position: relative;
    display: block;
    height: 290px;
    margin-left: -1px;
    padding-top: 25px;
    overflow: hidden;
  }
  .section-header .xf-header-info .xf-header-gnb .xf-gnb-list .xf-gnb-list-depth > li.on .xf-gnb-list-depth__link {
    color: #ffffff;
  }
  .section-header .xf-header-info .xf-header-gnb .xf-gnb-list .xf-gnb-list-depth > li:last-child {
    padding-bottom: 57px;
  }
  .section-header .xf-header-info .xf-header-gnb .xf-gnb-list .xf-gnb-list-depth .xf-gnb-list-depth__link {
    margin-top: 5px;
    display: block;
    padding: 6px 0px;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    letter-spacing: -0.46px;
    text-align: center;
    color: #ffffff;
  }
  .section-header .xf-header-info .xf-header-gnb .xf-gnb-list .xf-gnb-list-depth .xf-gnb-list-depth__link .xf-gnb-list__text {
    font-size: 16px;
    letter-spacing: -0.46px;
    text-align: center;
    color: #ffffff;
    opacity: 1;
  }
  .section-header .xf-header-info .xf-header-gnb .xf-gnb-list .xf-gnb-list-depth .xf-gnb-list-depth__link .xf-gnb-list__text:hover {
    color: rgba(255, 255, 255, 0.5);
  }
  .section-header .xf-header-info .xf-header-gnb .xf-gnb-list .xf-gnb-list-depth .xf-gnb-list-depth__link:hover, .section-header .xf-header-info .xf-header-gnb .xf-gnb-list .xf-gnb-list-depth .xf-gnb-list-depth__link:focus {
    color: #950a14;
  }
  .section-header .xf-header-info .xf-header-gnb .gnb__submenu-list + .gnb__submenu-list {
    margin-top: 8px;
  }
  .section-header .xf-header-info .xf-header-gnb .gnb__submenu--on .gnb__submenu {
    height: auto;
    opacity: 1;
    border-radius: 4px;
    margin: 0;
    border-radius: 12px;
    background-color: #fff;
    z-index: 20;
    border: 1px solid #e0e0e0;
    display: block;
  }
  .section-header .xf-header-info .xf-header-gnb .gnb__submenu {
    overflow: hidden;
    position: absolute;
    top: 47px;
    left: 50%;
    width: auto;
    height: 0;
    min-width: 150px;
    margin: 0;
    padding: 20px;
    border-radius: 12px;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
    opacity: 0;
    -webkit-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 10;
    display: none;
  }
  .section-header .xf-header-info .xf-header-gnb .gnb__submenu a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.38;
    letter-spacing: -0.4px;
    color: #141414;
  }
  .section-header .xf-header-info .xf-header-gnb .gnb__submenu a.active {
    color: #f5332b;
  }
  .section-header .xf-new-dot {
    position: absolute;
    top: -5px;
    right: -7px;
    display: inline-block;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #bc0d1a;
  }
  .section-header .xf-total-login-wrap {
    display: block;
  }
  .section-header .xf-header-profile-mobile {
    display: none;
  }
  .section-header .xf-header-profile-box {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 0;
    height: 24px;
    width: 24px;
  }
  .section-header .xf-header-profile-box.xf-header-profile-box {
    margin-right: 20px;
  }
  .section-header .xf-header-profile-box.profile-large-icon {
    height: 28px;
    width: 28px;
  }
  .section-header .xf-header-profile-box .xf-header-info__link {
    display: block;
    position: relative;
  }
  .section-header .xf-header-profile-box .xf-header-profile-link {
    position: relative;
    display: block;
  }
  .section-header .xf-header-profile-box .xf-header-profile-link img {
    width: 100%;
  }
  .section-header .alarm_active {
    width: 5px;
    height: 5px;
    background-color: #e62c25;
    display: block;
    border-radius: 50%;
    position: absolute;
    right: -4px;
    top: -4px;
  }
  .section-header .xf-header-user-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .section-header .xf-header-gnb-mobile {
    display: none;
  }
  .section-header .section-header-mobile {
    display: none;
  }
}

.user-box-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 16px;
}

.user-box-item::before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  background-color: #e0e0e0;
  left: 0;
  top: 50%;
  margin-top: -7px;
}

.header-login-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  /*  display: inline-block; */
  margin-right: 16px;
}

.header-login-area.open .header-login-info__more-info {
  height: auto;
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

.header-login-area.open .header-login-area__icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.header-login-area .header-login-area__icon {
  display: inline-block;
  vertical-align: middle;
}

.header-login-area .header-login-info__more-info {
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
  width: 272px;
  height: 0;
  margin: 0;
  opacity: 0;
  border-radius: 12px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ececec;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
}

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

.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-login-area .header-login-area__button.header-login-area__button--text:hover {
  color: #091e42;
}

.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-login-area .header-login-area__button.header-login-area__button--image {
  overflow: hidden;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 0;
  border-radius: 40px;
  background-size: 40px 40px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.header-login-area .header-login-area__button .header-login-area__button-icon {
  position: absolute;
  right: -16px;
  color: rgba(255, 255, 255, 0.6);
  top: 50%;
  font-size: 12px;
  margin-top: -7px;
  display: block;
}

.header-login-area .header-login-area__nick-name {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: black;
  display: inline-block;
  padding-left: 10px;
  padding-right: 12px;
  margin-right: 16px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 135px;
  letter-spacing: -0.5px;
  vertical-align: middle;
}

.header-login-area .header-login-area__nick-name::after {
  content: '';
  display: block;
  width: 1px;
  height: 16px;
  background-color: #e0e0e0;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}

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

.header-login-user {
  display: block;
  padding: 20px 20px 24px;
  line-height: normal;
}

.header-login-user__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}

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

.header-login-user__item .header-login-user__profile-thumb {
  margin-right: 15px;
  display: block;
  position: relative;
}

.header-login-user__item .header-login-user__thumb {
  display: block;
  width: 62px;
  height: 62px;
  border-radius: 62px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 62px 62px;
  border: solid 1px rgba(0, 0, 0, 0.1);
}

.header-login-user__item .header-login-user__setting {
  position: absolute;
  right: 0;
  bottom: 0;
}

.header-login-user__item .header-login-user__setting .user__setting-btn {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 28px 28px;
  background-image: url(../img/icon-setting.svg);
  display: block;
}

.header-login-user__item .header-login-user__nickname {
  display: block;
  margin-top: 7px;
  -webkit-line-clamp: 1;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
}

.header-login-user__item .header-login-user__nickname:hover {
  text-decoration: none;
}

.header-login-user__item .header-login-user__nickname:hover .header-login-user__nick-text {
  text-decoration: underline;
}

.header-login-user__item .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;
  font-size: 17px;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 26px;
  color: #000;
  margin-bottom: 5px;
}

.header-login-user__item .header-login-user__nick-box .header-login-user__nick-text {
  font-weight: bold;
  display: inline-block;
}

.header-login-user__manage-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}

.header-login-user__manage-box a + a {
  margin-left: 4px;
}

.header-login-user__manage-box .header-login-user__manage-btn {
  display: block;
  padding: 4px 8px;
  border-radius: 5px;
  border: solid 1px #d7d7d7;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #484848;
  text-decoration: none;
}

.header-login-user__manage-box .header-login-user__manage-btn.user__link-admin {
  background-color: #f5332b;
  border-color: #f5332b;
  color: #fff;
}

.header-login-user__manage-box .header-login-user__manage-btn:hover {
  text-decoration: none;
}

.header-login-user__level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header-login-user__level .level-icon {
  display: block;
  width: 20px;
}

.header-login-user__level .level-icon .level-icon__img {
  width: 100%;
}

.header-login-user__level .level-name {
  margin-left: 5px;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.4px;
  color: #9c9c9c;
}

.header-login-user__data {
  padding: 20px;
  background-color: #f8faff;
}

.header-login-user__data .user__data-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-login-user__data li + li {
  margin-top: 7px;
}

.header-login-user__data .user__data-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.4px;
  color: #141414;
}

.header-login-user__data .user__data-item.system-link {
  color: rgba(20, 20, 20, 0.3);
}

.header-login-user__data .item-title {
  font-weight: 500;
}

.header-login-user__data .item-info {
  font-weight: 600;
}

.header-login-user__data .item-info.text-point {
  color: #f5332b;
}

.header-login-user__data .margin-left-auto {
  margin-left: auto;
}

#ui-datepicker-div {
  z-index: 100;
}

/* 로그인 */
.xu-button--primary:hover:not([disabled]), .xu-button--primary.xu-button--hover:not([disabled]),
.xu-button--primary {
  outline: none;
  background-color: #323536;
  border-radius: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.xu-button--primary:hover:not([disabled]):hover, .xu-button--primary:hover:not([disabled]):visited, .xu-button--primary:hover:not([disabled]):active, .xu-button--primary:hover:not([disabled]):focus, .xu-button--primary.xu-button--hover:not([disabled]):hover, .xu-button--primary.xu-button--hover:not([disabled]):visited, .xu-button--primary.xu-button--hover:not([disabled]):active, .xu-button--primary.xu-button--hover:not([disabled]):focus,
.xu-button--primary:hover,
.xu-button--primary:visited,
.xu-button--primary:active,
.xu-button--primary:focus {
  background-color: #5f5f5f;
}

.user .user-login .user-login-link,
.user .auth-user__text a {
  color: #323536 !important;
}

.xu-form-group.xu-form-group--large .xu-form-group__control {
  border-radius: 0 !important;
}

.xu-form-group.xu-form-group--large .xu-form-group__control:focus {
  border-color: #323536 !important;
}

.xf-main-contents .user {
  margin: 100px auto;
}

.error-page-contents > .login-body a {
  display: block;
  height: 48px;
  border: 1px solid #323536;
  background-color: #323536;
  font-size: 15px;
  line-height: 48px;
  text-align: center;
  color: #fafafa;
}

.xu-button--primary:focus:not([disabled]), .xu-button--primary.xu-button--focus:not([disabled]),
.xu-button--primary:active:not([disabled]), .xu-button--primary.xu-button--active:not([disabled]) {
  background-color: #323536 !important;
  color: #fff;
}

/* 세팅 */
.setting-wrap .side-menu .menu-open {
  margin: 0 auto;
}

.setting-wrap .side-menu .menu-open .xe-menu-toggle .icon-bar {
  background-color: #323536;
}

.setting-wrap .side-menu .menu-open .xe-menu-toggle + p {
  color: #323536;
}

.setting-wrap .snb-list li.on a {
  color: #323536 !important;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.setting-wrap .snb-list li.on a:hover {
  color: #323536 !important;
}

.setting-wrap .main-content h1 {
  color: #323536 !important;
}

.setting-wrap .main-content .xe-label > input[type="radio"]:checked + .xe-input-helper {
  border-color: #323536;
}

.setting-wrap .main-content .xe-label > input[type="radio"]:checked + .xe-input-helper::after {
  background-color: #323536;
}

.setting-wrap .main-content .xe-btn-primary-outline {
  color: #323536;
  border-color: #323536;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.setting-wrap .main-content .xe-btn-primary-outline:hover {
  background-color: #323536;
  color: #fff;
}

.setting-wrap .main-content .xe-btn-primary {
  color: #fff;
  background-color: #323536;
  border-color: #323536;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.setting-wrap .main-content .xe-btn-primary:hover {
  background-color: rgba(50, 53, 54, 0.7);
  border-color: rgba(50, 53, 54, 0.7);
}

.setting-wrap .main-content .xe-btn-secondary {
  color: #323536;
  background-color: #dcdde0;
  border-color: #dcdde0;
}

.setting-wrap .main-content .xe-btn-secondary:hover {
  background-color: rgba(220, 221, 224, 0.7);
  border-color: rgba(220, 221, 224, 0.7);
}

.setting-wrap .main-content .text-message {
  color: #323536;
}

.setting-wrap .main-content .xe-form-control:focus,
.setting-wrap .main-content .xe-form-control:active {
  border-color: #323536;
}

.setting-wrap .main-content .xe-btn-link {
  color: #323536 !important;
}

/* 프로필 페이지 */
.profile-page {
  margin: 0 -15px;
}

@media (max-width: 768px) {
  .user {
    padding: 32px 0;
  }
  .setting-wrap {
    margin: 0 -15px;
  }
  .setting-wrap .xe-container {
    padding: 0;
  }
  .setting-wrap .xe-container .content .side-menu {
    padding: 0;
  }
  .setting-wrap .xe-container .content .main-content {
    padding: 0;
  }
  .setting-wrap .xe-container .content .main-content h1 {
    padding: 0;
  }
  .setting-wrap .xe-container .content .main-content h1 + p {
    margin: 24px 0px 40px 0px;
  }
  .setting-wrap .xe-container .menu-open {
    padding: 0;
  }
}

.theme-show {
  margin-top: 0;
}

.ui-datepicker {
  z-index: 100;
}

/* 입점신청 */
.xe-mall-table-part {
  padding: 40px 0;
}

.xe-mall-input_info {
  display: block;
}

.xe-apply-title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  text-align: center;
  padding: 20px 15px;
  margin: 15px;
  /*    border-bottom: 2px solid #000; */
}

.admin-apply-page {
  background-color: #fff;
  padding: 15px;
}

.admin-apply-page .xe-mall-apply-list-line {
  display: inline-block;
}

.admin-apply-page .xe-mall-apply-list-line .xu-form-group__validation {
  display: block;
}

.admin-apply-page .xu-form-group__validation {
  font-size: 11px;
  margin-left: 10px;
}

.admin-apply-page .admin-apply-page-title {
  margin-bottom: 20px;
  padding: 10px 0px;
}

.admin-apply-page .admin-apply-button {
  margin-top: 30px;
  text-align: center;
  font-size: 14px;
}

.admin-apply-page .admin-apply-button .apply-button-submit {
  background-color: #141414;
  color: #f9f9f9;
  border: 1px solid #141414;
  padding: 10px;
  min-width: 160px;
  line-height: 24px;
}

.admin-apply-page .admin-apply-button .apply-button-cancle {
  border: 1px solid #666;
  color: #767676;
  background-color: #fff;
  padding: 10px;
  min-width: 100px;
  margin: 0 10px;
  line-height: 24px;
  display: inline-block;
}

.admin-apply-page .admin-apply-button .apply-button-edit {
  border: 1px solid #d7d7d7;
  color: #fff;
  background-color: #d7d7d7;
  padding: 10px;
  min-width: 100px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  line-height: 24px;
}

.admin-apply-page .admin-apply-button .apply-button-edit:hover {
  background-color: #999;
}

.admin-apply-head {
  margin-bottom: 15px;
}

.admin-apply-head .admin-apply-title {
  font-size: 18px;
  font-weight: 700;
}

.admin-apply-head .admin-apply-title .admin-apply-title-sub {
  font-size: 14px;
}

.admin-apply-step {
  margin-bottom: 30px;
}

.admin-apply-step .admin-apply-step-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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.admin-apply-step .admin-apply-step-list .admin-apply-step-item {
  max-width: 180px;
  padding: 5px;
  width: 20%;
  min-width: 100px;
}

.admin-apply-step .admin-apply-step-list .admin-apply-step-item .admin-apply-step-box {
  text-align: center;
  padding: 10px;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 10px;
}

.admin-apply-step .admin-apply-step-list .admin-apply-step-item .admin-apply-step-box .admin-apply-step-num {
  display: block;
}

.admin-apply-step .admin-apply-step-list .admin-apply-step-item .admin-apply-step-box .admin-apply-step-text {
  display: block;
}

.admin-apply-info-tip {
  margin-bottom: 20px;
}

.admin-apply-info-tip .admin-apply-info-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.admin-apply-info-tip .admin-apply-info-list .admin-apply-info-item {
  line-height: 24px;
  font-size: 14px;
}

.admin-apply-info-table {
  width: 100%;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.admin-apply-info-table th {
  position: relative;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 8px 16px;
  background-color: #f1f1f1;
  font-weight: normal;
  text-align: center;
}

.admin-apply-info-table td {
  position: relative;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 8px 16px;
  line-height: 24px;
  background-color: #fff;
}

.admin-apply-info-table .admin-apply-info-table-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.xe-mall-apply-form-box .xe-mall-apply-part {
  padding: 20px 0;
  margin-bottom: 30px;
  border-bottom: 1px solid #ececec;
}

.xe-mall-apply-form-box .xe-mall-apply-part .apply-part-title .apply-part-title-text {
  font-size: 20px;
  margin: 0 0 20px;
  font-weight: 500;
  padding-bottom: 10px;
}

.xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list {
  margin: 0;
  padding: 0;
  list-style: none;
  /* 신청 확인 폼 */
}

.xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .xe-mall-apply-list-item {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

.xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .xe-mall-apply-list-item .apply-list-item-title {
  width: 100%;
}

.xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .xe-mall-apply-list-item .apply-list-item-input {
  width: 100%;
}

.xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .xe-mall-apply-list-item .apply-list-item-input.apply-list-item-input-medium {
  width: 70%;
}

.xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .xe-mall-apply-list-item .apply-list-item-input .apply-input {
  display: inline-block;
  width: 100%;
  height: 40px;
  padding: 0 12px 0 12px;
  border: 1px solid #dfe1e6;
  border-radius: 3px;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: -0.03px;
  background-color: #F9FAFB;
  color: #767676;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 1px;
}

.xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .xe-mall-apply-list-item .apply-list-item-input .apply-input.apply-min-input {
  width: 180px;
}

.xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .xe-mall-apply-list-item .apply-list-item-input .apply-input.apply-max-input {
  width: 100%;
}

.xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .xe-mall-input_info {
  display: block;
  font-size: 12px;
  color: #767676;
  margin-top: 3px;
}

.xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .apply-list-veiw-item .apply-veiw-info {
  display: inline-block;
  border: 1px solid #ddd;
  padding: 10px;
  min-width: 500px;
  background-color: #f9f9f9;
  border-radius: 3px;
  display: block;
  color: #444;
}

.xe-mall-apply-form-box .xe-mall-apply-part .apply-list-item-select__control {
  position: relative;
  display: inline-block;
}

.xe-mall-apply-form-box .xe-mall-apply-part .apply-list-item-select__control .apply-list-item-select {
  display: inline-block;
  width: 200px;
  height: 36px;
  padding: 0 12px 0 12px;
  border: 1px solid #dfe1e6;
  border-radius: 3px;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: -0.03px;
  background-color: #F9FAFB;
  color: #767676;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 1px;
}

.xe-mall-apply-form-box .xe-mall-apply-part .apply-list-item-select__control .apply-list-item-select__icon {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  border: 0 none;
  background-color: transparent;
  right: 12px;
}

.xe-mall-apply-form-box .xe-mall-apply-part .apply-button {
  border: 1px solid #657385;
  background-color: #657385;
  color: #f8f8f8;
  height: 36px;
  min-width: 80px;
  font-size: 13px;
  line-height: 36px;
  text-align: center;
}

.xe-mall-apply-form-box .xe-mall-apply-part .apply-button.check-button {
  margin: 3px 5px;
}

.xe-mall-apply-agree {
  text-align: center;
  padding: 0 5px;
  margin: 10px 0;
}

.xe-mall-apply-agree label {
  margin: 0;
}

.xe-mall-apply-agree .xe-mall-apply-agree-text {
  font-size: 14px;
  color: #141414;
}

.apply-error-notice {
  font-size: 12px;
  color: #de3618;
  margin: 3px 0;
}

.xe-file-upload {
  position: relative;
}

.xe-file-upload .xe-file-info {
  position: absolute;
  right: 4px;
  top: 6px;
  display: block;
}

.xe-file-upload .xe-file-info .xe-file-size {
  display: inline-block;
  font-size: 12px;
}

.xe-file-upload .xe-file-info .xe-file-delete {
  color: #f00;
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
}

.xe-file-upload .xe-file-info .xe-file-delete:hover {
  cursor: pointer;
}

/* 입점 심사중인 회원 */
.xe-mall-seller-judge-pop {
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: #fff;
  font-size: 16px;
  min-width: 400px;
  max-width: 800px;
  z-index: 5;
  border: 1px solid #000;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  padding: 20px;
}

.xe-mall-seller-judge-pop .seller-judge-pop-close {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #000;
}

.xe-mall-seller-judge-pop .seller-judge-notice {
  font-size: 18px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .admin-apply-page {
    background-color: #fff;
    padding: 15px;
  }
  .admin-apply-page .xu-form-group__validation {
    font-size: 11px;
    margin-left: 5px;
    display: inline-block;
  }
  .xe-mall-apply-form-box .xe-mall-apply-part {
    padding: 20px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #ececec;
  }
  .xe-mall-apply-form-box .xe-mall-apply-part .apply-part-title .apply-part-title-text {
    font-size: 24px;
    margin: 0 0 40px;
    font-weight: 500;
    padding-bottom: 10px;
  }
  .xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list {
    margin: 0;
    padding: 0;
    list-style: none;
    /* 신청 확인 폼 */
  }
  .xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .xe-mall-apply-list-item {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .xe-mall-apply-list-item .apply-list-item-title {
    width: 30%;
  }
  .xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .xe-mall-apply-list-item .apply-list-item-title .required {
    color: #f00;
  }
  .xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .xe-mall-apply-list-item .apply-list-item-input {
    width: 70%;
  }
  .xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .xe-mall-apply-list-item .apply-list-item-input.apply-list-item-input-medium {
    width: 55%;
  }
  .xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .xe-mall-apply-list-item .apply-list-item-input .apply-input {
    display: inline-block;
    width: 100%;
    height: 40px;
    padding: 0 12px 0 12px;
    border: 1px solid #dfe1e6;
    border-radius: 3px;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: -0.03px;
    background-color: #F9FAFB;
    color: #767676;
    outline: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin: 1px;
  }
  .xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .xe-mall-apply-list-item .apply-list-item-input .apply-input.apply-min-input {
    width: 180px;
  }
  .xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .xe-mall-apply-list-item .apply-list-item-input .apply-input.apply-max-input {
    width: 100%;
  }
  .xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .xe-mall-input_info {
    display: block;
    font-size: 12px;
    color: #767676;
    margin-top: 3px;
  }
  .xe-mall-apply-form-box .xe-mall-apply-part .xe-mall-apply-list .apply-list-veiw-item .apply-veiw-info {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 10px;
    min-width: 500px;
    background-color: #f9f9f9;
    border-radius: 3px;
    display: block;
    color: #444;
  }
  .xe-mall-apply-form-box .xe-mall-apply-part .apply-list-item-select__control {
    position: relative;
    display: inline-block;
  }
  .xe-mall-apply-form-box .xe-mall-apply-part .apply-list-item-select__control .apply-list-item-select {
    display: inline-block;
    width: 200px;
    height: 36px;
    padding: 0 12px 0 12px;
    border: 1px solid #dfe1e6;
    border-radius: 3px;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: -0.03px;
    background-color: #F9FAFB;
    color: #767676;
    outline: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin: 1px;
  }
  .xe-mall-apply-form-box .xe-mall-apply-part .apply-list-item-select__control .apply-list-item-select__icon {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    border: 0 none;
    background-color: transparent;
    right: 12px;
  }
  .xe-mall-apply-form-box .xe-mall-apply-part .apply-button {
    color: #f8f8f8;
    height: 36px;
    min-width: 80px;
    font-size: 13px;
  }
  .xe-mall-apply-agree {
    text-align: center;
    padding: 0 5px;
    margin: 10px 0;
  }
  .xe-mall-apply-agree label {
    margin: 0;
  }
  .xe-mall-apply-agree .xe-mall-apply-agree-text {
    font-size: 14px;
    color: #141414;
  }
  .apply-error-notice {
    font-size: 12px;
    color: #de3618;
    margin: 3px 0;
  }
}

/* 미니샵 */
.mini-shop {
  margin-top: -30px;
}

.mini-gnb {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 12px 15px;
  -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;
}

.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 {
  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;
  z-index: 3;
  min-width: 240px;
  display: none;
}

.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;
  -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;
  margin-top: -13px;
  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: 40px 0;
}

.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;
}

.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 button {
  border: 0;
  color: #767676;
  font-size: 13px;
  line-height: 22px;
  background-color: #fff;
}

.mini-content .mini-product-wrap .mini-contnent-body .mini-product-sort-area .mini-product-count-sort .mini-product-count-list {
  min-width: 100px;
}

.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-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-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: 0;
}

.mini-menu-tab-area .mini__submenu-depth {
  margin: 20px 0 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: 100%;
  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 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: 500;
  font-size: 15px;
  color: #141414;
  line-height: 22px;
  max-height: 44px;
  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-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: #2684ff;
  border-color: #2684ff;
  color: #fff;
}

.mini-product-pagination .pagination .page-item .page-link {
  color: #2684ff;
}

/* 모바일 미니샵 메뉴 */
.mini-mobile-menu-wrap {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: -100%;
  background-color: #fff;
  overflow-y: scroll;
  z-index: 10;
  /*     .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: -40px;
  }
  .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;
  }
  .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;
    z-index: 3;
    min-width: 200px;
    display: none;
  }
  .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: 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: #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.mini-location-current .mini-location-info {
    color: #c0c0c0;
  }
  .mini-gnb .mini-gnb-area .mini-location .mini-location-link:last-child:after {
    display: none;
  }
  .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;
  }
  .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 8px;
  }
  /* 빵조각 */
  .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;
  }
}

/* ---------------------상품상세------------------------------- */
/* 상품이미지 */
.section-xepage-product-slide {
  position: relative;
}

.section-xepage-product-slide .xepage-product-slide {
  position: relative;
}

.section-xepage-product-slide .xepage-product-slide .xe-prodcti-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;
}

.section-xepage-product-slide .xe-prodcti-detail-banner-paging {
  position: absolute;
  bottom: 18px;
  right: 10px;
  padding: 2px 10px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 17px;
  font-size: 13px;
  line-height: 24px;
  font-family: 'Inter', sans-serif;
}

.section-xepage-product-slide .xe-prodcti-detail-banner-paging .paging_info {
  letter-spacing: 1px;
}

/* 상품정보 */
.section-xe-product-detail-area {
  /*    padding: 15px; */
}

.section-xe-product-detail-area .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;
}

.section-xe-product-detail-area .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;
}

.section-xe-product-detail-area .product-detail-info-top .product-detail-mini-shop .product-detail-mini-shop-icon {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -8px;
}

.section-xe-product-detail-area .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: #767676;
  letter-spacing: -0.19px;
}

.section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-box {
  margin-top: 20px;
  position: relative;
}

.section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-box .product-detail-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.section-xe-product-detail-area .section-xe-product-detail-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;
}

.section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-info .product-detail-price-box {
  font-family: 'Inter', sans-serif;
}

.section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-info .product-detail-price-box .product-detail_regular_price {
  color: #9c9c9c;
  text-decoration: line-through;
  font-size: 14px;
  line-height: 24px;
}

.section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-info .product-detail-price-box .product-detail_sale_price {
  line-height: 24px;
  font-size: 20px;
  letter-spacing: -0.4px;
  color: #141414;
}

.section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-info .product-detail-coupon {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-info .product-detail-coupon .product-detail-coupon-text {
  width: 94px;
  height: 34px;
  border-radius: 3px;
  display: inline-block;
  border: 1px solid #2684ff;
  color: #2684ff;
  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;
}

.section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-info .product-detail-coupon .product-detail-coupon-text:hover {
  background-color: #2684ff;
  color: #fff;
}

/* 쿠폰 팝업 */
/* .xe-product-detail-dimmed{

    width: 100%;
    height: 100%;
    background-color:rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    display: none;
} */
.xe-coupon-pop-wrap .modal-dialog {
  max-width: 375px;
}

.xe-coupon-pop-wrap .coupon-pop-content {
  /*  max-width: 375px; */
}

.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;
}

.xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-head .coupon-pop-close {
  font-size: 18px;
}

.xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body {
  background-color: #f8f8f8;
  height: 100%;
  max-height: 530px;
  overflow-y: scroll;
}

.xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100%;
}

.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;
}

.xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-pop-content-list .coupon-pop-content-item .coupon-info {
  padding: 16px;
}

.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;
}

.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;
}

.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: #2684ff;
}

.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;
}

.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;
}

.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: #2684ff;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.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;
}

.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;
}

.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;
}

.xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-total-download {
  padding: 7px 0;
}

.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;
}

.goods-detail-info .goods-detail-info-description {
  font-size: 16px;
  color: #484848;
  margin-bottom: 20px;
}

.goods-detail-info .goods-detail-info-list .goods-detail-info-list-title {
  font-size: 14px;
  line-height: 26px;
  color: #141414;
  letter-spacing: -0.2px;
}

.goods-detail-info .goods-detail-info-list .goods-detail-info-list-text {
  font-family: Inter;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -0.2px;
  color: #484848;
  font-family: 'Inter', sans-serif;
}

/* //미니샵 */
.dropdown-toggle::after {
  display: none;
}

/* 상품상세보기 뒤로가기 버튼 */
.product-detail-back {
  position: fixed;
  bottom: 75px;
  left: 16px;
  z-index: 10;
}

.product-detail-back .product-detail-back-button {
  font-size: 20px;
  font-weight: 700;
  z-index: 20;
  color: #444;
  display: block;
  width: 36px;
  height: 36px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #d4d4d4;
  text-align: center;
  line-height: 36px;
}

@media (min-width: 992px) {
  .product-detail-back {
    display: none;
  }
}

/* ---------------------상품상세------------------------------- */
.xepage-page .section-xepage-border.section-xepage-border--top {
  /*  border-top: 0; */
}

.xepage-shopping {
  /* select   */
  /* 상품 대표이미지 */
  /* 상품정보 */
  /* 쿠폰 팝업 */
  /* 상품 옵션 dropdown */
}

.xepage-shopping .xu-form-group select.xu-form-group__control {
  border: 1px solid #e0e0e0;
  border-radius: 0;
  background-color: #fff;
}

.xepage-shopping .section-xepage-product-slide {
  position: relative;
  margin-bottom: 0;
}

.xepage-shopping .section-xepage-product-slide .xepage-product-slide {
  position: relative;
  display: block;
  top: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
}

.xepage-shopping .section-xepage-product-slide .xepage-product-slide .slick-track {
  margin-left: 0;
  margin-right: 0;
}

.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 .section-xepage-product-slide .xe-product-detail-banner-paging {
  position: absolute;
  bottom: 18px;
  right: 10px;
  padding: 2px 10px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 17px;
  font-size: 13px;
  line-height: 24px;
  font-family: 'Inter', sans-serif;
}

.xepage-shopping .section-xepage-product-slide .xe-product-detail-banner-paging .paging_info {
  letter-spacing: 1px;
}

.xepage-shopping .section-xe-product-detail-area {
  /*         padding: 15px; */
}

.xepage-shopping .section-xe-product-detail-area .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;
}

.xepage-shopping .section-xe-product-detail-area .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;
}

.xepage-shopping .section-xe-product-detail-area .product-detail-info-top .product-detail-mini-shop .product-detail-mini-shop-icon {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -8px;
}

.xepage-shopping .section-xe-product-detail-area .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: #767676;
  letter-spacing: -0.19px;
}

.xepage-shopping .section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-box {
  margin-top: 20px;
  position: relative;
}

.xepage-shopping .section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-box .product-detail-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.xepage-shopping .section-xe-product-detail-area .section-xe-product-detail-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 .section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-info .product-detail-price-box {
  font-family: 'Inter', sans-serif;
}

.xepage-shopping .section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-info .product-detail-price-box .product-detail_regular_price {
  color: #9c9c9c;
  text-decoration: line-through;
  font-size: 14px;
  line-height: 24px;
}

.xepage-shopping .section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-info .product-detail-price-box .product-detail_sale_price {
  line-height: 24px;
  font-size: 20px;
  letter-spacing: -0.4px;
  color: #141414;
}

.xepage-shopping .section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-info .product-detail-coupon {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.xepage-shopping .section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-info .product-detail-coupon .product-detail-coupon-text {
  width: 94px;
  height: 34px;
  border-radius: 3px;
  display: inline-block;
  border: 1px solid #2684ff;
  color: #2684ff;
  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 .section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-info .product-detail-coupon .product-detail-coupon-text:hover {
  background-color: #2684ff;
  color: #fff;
}

.xepage-shopping .xe-coupon-pop-wrap.modal {
  padding: 0 !important;
}

.xepage-shopping .xe-coupon-pop-wrap .modal-dialog {
  max-width: 375px;
  margin: 40px auto;
}

.xepage-shopping .xe-coupon-pop-wrap .coupon-pop-content {
  /*  max-width: 375px; */
}

.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 .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-head .coupon-pop-close {
  font-size: 18px;
}

.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 .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 .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 .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 .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 .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 .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: #2684ff;
}

.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 .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 .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: #2684ff;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.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 .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 .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 .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 .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 .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 .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 .xe-coupon-pop-wrap .coupon-pop-content .coupon-pop-content-body .coupon-total-download {
  padding: 7px 0;
}

.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 .goods-detail-info .goods-detail-info-description {
  font-size: 16px;
  color: #484848;
  margin-bottom: 20px;
}

.xepage-shopping .goods-detail-info .goods-detail-info-list .goods-detail-info-list-title {
  font-size: 14px;
  line-height: 26px;
  color: #141414;
  letter-spacing: -0.2px;
  padding: 0;
}

.xepage-shopping .goods-detail-info .goods-detail-info-list .goods-detail-info-list-text {
  font-family: Inter;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -0.2px;
  color: #484848;
  font-family: 'Inter', sans-serif;
  padding: 0;
}

.xepage-shopping .section-xepage-shopping-option-detail .xe-option-list-wrap {
  width: 100%;
  margin: 10px 0;
}

.xepage-shopping .section-xepage-shopping-option-detail .xe-option-list-wrap .xe-option-list-box {
  width: 100%;
}

.xepage-shopping .section-xepage-shopping-option-detail .xe-option-list-wrap .xe-option-list-btn {
  text-align: left;
  border: 1px solid #e0e0e0;
  border-radius: 0;
  background-color: #fff;
  font-size: 14px;
  width: 100%;
  position: relative;
}

.xepage-shopping .section-xepage-shopping-option-detail .xe-option-list-wrap .xe-option-list-btn::after {
  position: absolute;
  right: 15px;
  top: 14px;
}

.xepage-shopping .section-xepage-shopping-option-detail .xe-option-list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  border: 0;
}

.xepage-shopping .section-xepage-shopping-option-detail .xe-option-list .xe-option-list-item {
  border: 1px solid #e0e0e0;
}

.xepage-shopping .section-xepage-shopping-option-detail .xe-option-list .xe-option-list-item:first-child {
  border-bottom: 0;
}

.xepage-shopping .section-xepage-shopping-option-detail .xe-option-list .xe-option-list-item .xe-option-list-link {
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f9f9f9;
}

.xepage-shopping .section-xepage-shopping-option-detail .xe-option-list .xe-option-list-item .xe-option-list-link.option-selected {
  background-color: #fff;
}

.xepage-shopping .section-xepage-shopping-option-detail .xe-option-list .xe-option-list-item .xe-option-list-link .xe-option-list-img__box .xe-option-img__box-inner {
  width: 42px;
  margin-right: 8px;
}

.xepage-shopping .section-xepage-shopping-option-detail .xe-option-list .xe-option-list-item .xe-option-list-link .xe-option-list-img__box .xe-option-img__box-inner .xe-option-img {
  border-radius: 8px;
  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 .section-xepage-shopping-option-detail .xe-option-list .xe-option-list-item .xe-option-list-link .xe-option-list-info .xe-option-list-option-title {
  font-weight: 500;
  font-size: 13px;
  color: #141414;
}

.xepage-shopping .section-xepage-shopping-option-detail .xe-option-list .xe-option-list-item .xe-option-list-link .xe-option-list-info .xe-option-list-price {
  color: #d75456;
  font-size: 16px;
  font-weight: 500;
}

.xepage-shopping .section-xepage-shopping-option-detail .option-detail__payment .option-detail__payment-button-box {
  margin-left: 0;
}

.xepage-shopping .section-xepage-shopping-option-detail .option-detail__payment .xepayment-btn {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 12px;
}

.xepage-shopping .section-xepage-shopping-option-detail .option-detail__payment .xepayment-btn.xepayment-cart-btn {
  border: solid 1px #e0e0e0;
}

.xepage-shopping .section-xepage-shopping-option-detail .option-detail__payment .xepayment-btn.xepayment-buy-btn {
  background-color: #000;
}

.xepage-shopping .section-xepage-shopping-option-detail .option-detail__payment .xepage-button--wish {
  min-width: 53px;
  margin: 0;
}

.xepage-shopping .section-xepage-shopping-option-detail .option-detail__option-box {
  padding: 0;
}

.xepage-shopping .section-xepage-shopping-option-detail .option-detail__option-box .xepage-option-item .goods-price {
  text-align: right;
  font-family: 'Inter', sans-serif;
  padding-right: 40px;
}

.xepage-shopping .section-xepage-shopping-option-detail .xepage-button__remove {
  top: 25px;
  right: 0;
}

.xepage-shopping .xe-product-detail-total {
  font-size: 14px;
  color: #484848;
  line-height: 26px;
}

.xepage-shopping .xe-product-detail-total .xe-product-detail-total-price {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #141414;
}

.xepage-shopping .section-xepage-shopping-detail-line {
  padding: 15px 0;
}

/* 상품상세 모바일 구매하기 옵션 */
.container .xepage-shopping .section-xepage-shopping-option-detail .option-detail__button-box {
  position: relative;
}

.container .xepage-shopping .section-xepage-shopping-option-detail .option-detail__option {
  padding-bottom: 50px;
}

/* 상품상세 서브 타이틀 (리뷰작성페이지 , ) */
.section-xepage-sub-title {
  margin: 0 15px;
  border-bottom: 3px solid #000;
}

.section-xepage-sub-title .xepage-sub-title__title {
  font-size: 18px;
  width: 100%;
}

.xepage-sub-btn-wrap {
  text-align: center;
}

/* 빵조각 */
.xe-shop-loaction-area .xe-shop-loaction {
  position: absolute;
  top: 0px;
  left: 0;
  padding: 5px 0;
}

.xe-shop-loaction-area .xe-shop-loaction .xe-shop-loaction-list {
  margin: 0;
  padding: 0 15px;
  list-style: none;
}

.xe-shop-loaction-area .xe-shop-loaction .xe-shop-loaction-list .xe-shop-loaction-step {
  display: inline-block;
  position: relative;
}

.xe-shop-loaction-area .xe-shop-loaction .xe-shop-loaction-list .xe-shop-loaction-step:last-child .xe-shop-loaction-step-text::after {
  display: none;
}

.xe-shop-loaction-area .xe-shop-loaction .xe-shop-loaction-list .xe-shop-loaction-step .xe-shop-loaction-step-text {
  position: relative;
  color: #767676;
  font-size: 13px;
  line-height: 20px;
  display: inline-block;
  padding: 0 8px;
  text-decoration: none;
}

.xe-shop-loaction-area .xe-shop-loaction .xe-shop-loaction-list .xe-shop-loaction-step .xe-shop-loaction-step-text::after {
  content: '\e940';
  font-family: 'xeicon';
  font-size: 10px;
  color: #767676;
  position: absolute;
  right: -8px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .xepage-shopping .section-xepage-product-slide {
    position: relative;
    margin-left: -15px;
    /*   margin-right: -15px; */
  }
  .xepage-shopping .section-xepage-product-slide .xepage-product-slide {
    position: relative;
    display: block;
    top: 0;
    width: 100%;
    left: auto;
    margin-left: 0;
  }
  .xepage-shopping .section-xepage-product-slide .xepage-product-slide .slick-track {
    margin-left: 0;
    margin-right: 0;
  }
  .xepage-shopping .section-xe-product-detail-area {
    padding: 0 !important;
  }
  .xepage-shopping .section-xe-product-detail-area .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;
  }
  .xepage-shopping .section-xe-product-detail-area .product-detail-info-top .product-detail-mini-shop {
    font-size: 18px;
    line-height: 22px;
  }
  .xepage-shopping .section-xe-product-detail-area .product-detail-info-top .product-detail-mini-shop .product-detail-mini-shop-icon {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
  }
  .xepage-shopping .section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-box {
    margin-top: 32px;
  }
  .xepage-shopping .section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-box .product-detail-title {
    font-size: 24px;
    line-height: 28px;
  }
  .xepage-shopping .section-xe-product-detail-area .section-xepage-shopping-option-detail .xe-option-list {
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    list-style: none;
  }
  .xepage-shopping .section-xe-product-detail-area .section-xepage-shopping-option-detail .xe-option-list .xe-option-list-item {
    border: 1px solid #e0e0e0;
  }
  .xepage-shopping .section-xe-product-detail-area .section-xepage-shopping-option-detail .xe-option-list .xe-option-list-item:first-child {
    border-bottom: 0;
  }
  .xepage-shopping .section-xe-product-detail-area .section-xepage-shopping-option-detail .xe-option-list .xe-option-list-item .xe-option-list-link {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f9f9f9;
  }
  .xepage-shopping .section-xe-product-detail-area .section-xepage-shopping-option-detail .xe-option-list .xe-option-list-item .xe-option-list-link.option-selected {
    background-color: #fff;
  }
  .xepage-shopping .section-xe-product-detail-area .section-xepage-shopping-option-detail .xe-option-list .xe-option-list-item .xe-option-list-link .xe-option-list-img__box .xe-option-img__box-inner {
    width: 50px;
    margin-right: 8px;
  }
  .xepage-shopping .section-xe-product-detail-area .section-xepage-shopping-option-detail .xe-option-list .xe-option-list-item .xe-option-list-link .xe-option-list-img__box .xe-option-img__box-inner .xe-option-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 .section-xe-product-detail-area .section-xepage-shopping-option-detail .xe-option-list .xe-option-list-item .xe-option-list-link .xe-option-list-info .xe-option-list-option-title {
    font-size: 14px;
    font-weight: 500;
  }
  .xepage-shopping .section-xe-product-detail-area .section-xepage-shopping-option-detail .xe-option-list .xe-option-list-item .xe-option-list-link .xe-option-list-info .xe-option-list-price {
    font-size: 16px;
    font-weight: 500;
  }
  .xepage-shopping .section-xe-product-detail-area .section-xepage-shopping-option-detail .option-detail__payment .option-detail__payment-button-box {
    margin-left: 20px;
  }
  .xepage-shopping .section-xe-product-detail-area .section-xepage-shopping-option-detail .option-detail__payment .xepayment-btn {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 12px;
  }
  .xepage-shopping .section-xe-product-detail-area .section-xepage-shopping-option-detail .option-detail__payment .xepayment-btn.xepayment-cart-btn {
    border: solid 1px #e0e0e0;
  }
  .xepage-shopping .section-xe-product-detail-area .section-xepage-shopping-option-detail .option-detail__payment .xepayment-btn.xepayment-buy-btn {
    background-color: #000;
  }
  .xepage-shopping .section-xe-product-detail-area .section-xepage-shopping-option-detail .option-detail__payment .xepage-button--wish {
    min-width: 53px;
    margin: 0;
  }
  .xepage-shopping .section-xepage-shopping-detail-line {
    padding: 15px 0;
  }
  /* 빵조각 */
  .xe-shop-loaction-area .xe-shop-loaction {
    padding: 5px 0;
    top: 0px;
  }
  .xe-shop-loaction-area .xe-shop-loaction .xe-shop-loaction-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .xe-shop-loaction-area .xe-shop-loaction .xe-shop-loaction-list .xe-shop-loaction-step {
    display: inline-block;
    position: relative;
  }
  .xe-shop-loaction-area .xe-shop-loaction .xe-shop-loaction-list .xe-shop-loaction-step:first-child .xe-shop-loaction-step-text {
    padding-left: 0;
  }
  .xe-shop-loaction-area .xe-shop-loaction .xe-shop-loaction-list .xe-shop-loaction-step:last-child .xe-shop-loaction-step-text::after {
    display: none;
  }
  .xe-shop-loaction-area .xe-shop-loaction .xe-shop-loaction-list .xe-shop-loaction-step .xe-shop-loaction-step-text {
    position: relative;
    color: #767676;
    font-size: 13px;
    line-height: 20px;
    display: inline-block;
    padding: 0 8px;
    text-decoration: none;
  }
  .xe-shop-loaction-area .xe-shop-loaction .xe-shop-loaction-list .xe-shop-loaction-step .xe-shop-loaction-step-text::after {
    content: '\e940';
    font-family: 'xeicon';
    font-size: 10px;
    color: #767676;
    position: absolute;
    right: -8px;
    font-weight: 700;
  }
}

@media (min-width: 992px) {
  .xepage-shopping .xe-shop-loaction-area .xe-shop-loaction {
    padding: 5px 15px;
    top: 5px;
  }
  .xepage-shopping .section-xe-product-detail-area .section-xe-product-detail-info .product-detail-title-box .product-detail-title {
    font-size: 28px;
    line-height: 38px;
  }
}

/* 상품상세페이지 판매자 정보 */
.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-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-mobile-bottom-menu-box {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #ca0312;
  z-index: 10;
}

.xf-mobile-bottom-menu-box .xf-mobile-bottom-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xf-mobile-bottom-menu-box .xf-mobile-bottom-menu-list .xf-menu-item {
  width: 20%;
  height: 85px;
  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;
}

.xf-mobile-bottom-menu-box .xf-mobile-bottom-menu-list .xf-menu-item .xf-menu-item__link {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.27px;
  text-align: center;
  color: #ffffff;
  text-align: center;
}

.xf-mobile-bottom-menu-box .xf-mobile-bottom-menu-list .xf-menu-item .xf-menu-item__link .xf-menu-item-text {
  margin-top: 12px;
}

/* 모달 */
.xe-modal-content {
  border: 1px solid #bc0d1a;
}

.xe-modal-header {
  background-color: #bc0d1a;
}

.user .terms-list .terms-list__term-button {
  color: #bc0d1a;
}

/* 컴포먼트 */
.xe-label > input[type="checkbox"]:hover + .xe-input-helper, .xe-label > input[type="radio"]:hover + .xe-input-helper {
  border-color: #bc0d1a;
}

.xe-label > input[type="checkbox"]:checked + .xe-input-helper {
  border-color: transparent;
  background-color: #bc0d1a;
}

.xe-label > input[type="radio"]:checked + .xe-input-helper {
  border-color: #bc0d1a;
}

.xe-label > input[type="radio"]:checked + .xe-input-helper::after {
  background-color: #bc0d1a;
}

.xe-form-control:focus {
  border-color: #bc0d1a;
}

.success-input .xe-form-control, .success-input.xe-form-control {
  border-color: #bc0d1a !important;
}

.text-message {
  color: #bc0d1a;
}

.xe-modal-content {
  border: 1px solid #bc0d1a;
}

.xe-modal-header {
  background-color: #bc0d1a;
}

.xe-btn-primary {
  background-color: #bc0d1a;
  border-color: #bc0d1a;
}

.xe-btn-primary:focus, .xe-btn-primary.focus {
  background-color: #bc0d1a;
  border-color: #bc0d1a;
}

.xe-btn-primary:hover {
  color: #fff;
  background-color: #bc0d1a;
  border-color: #bc0d1a;
}

.xe-btn-primary:active, .xe-btn-primary.active, .open > .xe-btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #bc0d1a;
  background-image: none;
  border-color: #bc0d1a;
}

.xe-btn-primary:active:hover, .xe-btn-primary:active:focus, .xe-btn-primary:active.focus, .xe-btn-primary.active:hover, .xe-btn-primary.active:focus, .xe-btn-primary.active.focus, .open > .xe-btn-primary.dropdown-toggle:hover, .open > .xe-btn-primary.dropdown-toggle:focus, .open > .xe-btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #bc0d1a;
  border-color: #bc0d1a;
}

.xe-btn-primary.disabled:hover, .xe-btn-primary.disabled:focus, .xe-btn-primary.disabled.focus, .xe-btn-primary[disabled]:hover, .xe-btn-primary[disabled]:focus, .xe-btn-primary[disabled].focus, fieldset[disabled] .xe-btn-primary:hover, fieldset[disabled] .xe-btn-primary:focus, fieldset[disabled] .xe-btn-primary.focus {
  background-color: #bc0d1a;
  border-color: #bc0d1a;
}

.xe-btn-primary .badge {
  color: #bc0d1a;
  background-color: #fff;
}

.xe-btn-primary-outline {
  color: #bc0d1a;
  background-image: none;
  background-color: #fff;
  border-color: #bc0d1a;
}

.xe-btn-primary-outline:focus, .xe-btn-primary-outline.focus, .xe-btn-primary-outline:active, .xe-btn-primary-outline.active {
  color: #fff;
  background-color: #bc0d1a;
  border-color: #bc0d1a;
}

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

.xe-btn-primary-outline:active:hover, .xe-btn-primary-outline:active:focus, .xe-btn-primary-outline:active.focus, .xe-btn-primary-outline.active:hover, .xe-btn-primary-outline.active:focus, .xe-btn-primary-outline.active.focus {
  color: #fff;
  background-color: #bc0d1a;
}

.xe-btn-primary-outline.disabled:hover, .xe-btn-primary-outline.disabled:focus, .xe-btn-primary-outline.disabled.focus, .xe-btn-primary-outline[disabled]:hover, .xe-btn-primary-outline[disabled]:focus, .xe-btn-primary-outline[disabled].focus, fieldset[disabled] .xe-btn-primary-outline:hover, fieldset[disabled] .xe-btn-primary-outline:focus, fieldset[disabled] .xe-btn-primary-outline.focus {
  background-color: transparent;
  border-color: #bc0d1a;
  color: #bc0d1a;
}

.xe-btn-link {
  color: #bc0d1a;
  font-weight: normal;
  border-radius: 0;
}

.xe-btn-link:hover, .xe-btn-link:focus {
  color: #bc0d1a;
  text-decoration: underline;
  background-color: transparent !important;
}

.xe-dropdown-menu li > a:hover {
  text-decoration: underline;
  background-color: transparent;
  color: #bc0d1a !important;
}

.xe-dropdown-menu li.on > a {
  color: #bc0d1a;
}

.xe-select-label .label-list .label-division a:hover {
  background-color: #bc0d1a;
  color: #fff;
}

.xu-label-checkradio input[type="radio"]:checked + .xu-label-checkradio__helper {
  border-color: #bc0d1a;
  background-color: #fff;
}

.xu-label-checkradio input[type="radio"]:checked + .xu-label-checkradio__helper::after {
  background-color: #bc0d1a;
}

.xu-label-checkradio:hover input[type="checkbox"] + .xu-label-checkradio__helper, .xu-label-checkradio.xu-label-checkradio--hover input[type="checkbox"] + .xu-label-checkradio__helper {
  border-color: #bc0d1a;
  background-color: #fff;
}

.xu-label-checkradio:hover input[type="checkbox"]:checked + .xu-label-checkradio__helper, .xu-label-checkradio.xu-label-checkradio--hover input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #bc0d1a;
  background-color: #bc0d1a;
}

.xu-label-checkradio:hover input[type="radio"] + .xu-label-checkradio__helper, .xu-label-checkradio.xu-label-checkradio--hover input[type="radio"] + .xu-label-checkradio__helper {
  border-color: #bc0d1a;
  background-color: #fff;
}

.xu-label-checkradio:hover input[type="radio"]:checked + .xu-label-checkradio__helper, .xu-label-checkradio.xu-label-checkradio--hover input[type="radio"]:checked + .xu-label-checkradio__helper {
  border-color: #bc0d1a;
  background-color: #fff;
}

.xu-label-checkradio:hover input[type="radio"]:checked + .xu-label-checkradio__helper::after, .xu-label-checkradio.xu-label-checkradio--hover input[type="radio"]:checked + .xu-label-checkradio__helper::after {
  content: '';
  background-color: #bc0d1a;
}

.xu-label-checkradio:active input[type="checkbox"] + .xu-label-checkradio__helper {
  border-color: #bc0d1a;
  background-color: #fff;
}

.xu-label-checkradio:active input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #bc0d1a;
  background-color: #bc0d1a;
}

.xu-label-checkradio:active input[type="checkbox"]:checked + .xu-label-checkradio__helper::after {
  content: '';
  border-right-color: #bc0d1a;
  border-bottom-color: #bc0d1a;
}

.xu-label-checkradio:active input[type="radio"] + .xu-label-checkradio__helper {
  border-color: #bc0d1a;
  background-color: #fff;
}

.xu-label-checkradio:active input[type="radio"]:checked + .xu-label-checkradio__helper {
  border-color: #bc0d1a;
  background-color: #fff;
}

.xu-label-checkradio:active input[type="radio"]:checked + .xu-label-checkradio__helper::after {
  content: '';
  background-color: #bc0d1a;
}

.xu-label-checkradio input[type="checkbox"]:focus + .xu-label-checkradio__helper {
  border-color: #fff;
  background-color: #bc0d1a;
}

.xu-label-checkradio input[type="checkbox"]:checked:focus + .xu-label-checkradio__helper {
  border-color: #bc0d1a;
  background-color: #bc0d1a;
}

.xu-label-checkradio.xu-label-checkradio--focus input[type="checkbox"] + .xu-label-checkradio__helper {
  border-color: #bc0d1a;
  background-color: #fff;
}

.xu-label-checkradio.xu-label-checkradio--focus input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #bc0d1a;
  background-color: #bc0d1a;
}

.xu-label-checkradio.xu-label-checkradio--focus input[type="radio"] + .xu-label-checkradio__helper {
  border-color: #bc0d1a;
  background-color: #fff;
}

.xu-label-checkradio.xu-label-checkradio--focus input[type="radio"]:checked + .xu-label-checkradio__helper {
  border-color: #bc0d1a;
  background-color: #fff;
}

.xu-label-checkradio.xu-label-checkradio--focus input[type="radio"]:checked + .xu-label-checkradio__helper::after {
  content: '';
  background-color: #bc0d1a;
}

.xu-label-checkradio input[type="radio"]:focus + .xu-label-checkradio__helper {
  border-color: #bc0d1a;
  background-color: #fff;
}

.xu-label-checkradio input[type="radio"]:checked:focus + .xu-label-checkradio__helper {
  border-color: #bc0d1a;
  background-color: #fff;
}

.xu-label-checkradio input[type="radio"]:checked:focus + .xu-label-checkradio__helper::after {
  content: '';
  background-color: #bc0d1a;
}

.xu-label-checkradio input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #bc0d1a;
  background-color: #bc0d1a;
}

.xu-label-checkradio__text {
  color: #141414 !important;
  font-size: 16px !important;
  margin-right: 10px;
}

.xu-form-group .xu-form-group__box.xu-form-group__box--icon-right .xu-form-group__control:focus {
  padding-right: 44px;
  padding-left: 12px;
}

/* 쿠폰 스타일 */
.blocker .close-modal {
  display: none !important;
}

.modal {
  border-radius: 0;
}

.xf-coupon-section {
  /*   position: relative; */
  /*   max-width: 345px;
  width: 100%;
  height: auto; */
}

.xf-coupon-section.modal {
  background-color: transparent;
  padding-right: 0 !important;
}

.xf-coupon-section.modal .modal-dialog {
  max-width: 345px;
  width: 100%;
  margin: auto;
  padding: 20px 0;
}

.xf-coupon-section.modal .modal-dialog .modal-content {
  border: 0;
}

.xf-coupon-section .xf-coupon-box {
  background-color: #fff;
  width: 345px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

.xf-coupon-section .xf-coupon-box .xf-coupon-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
}

.xf-coupon-section .xf-stamp-list .xf-stamp-item {
  background-color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.17;
  letter-spacing: -0.4px;
  text-align: center;
  color: #c0c0c0;
  position: relative;
  border-radius: 50%;
}

.xf-coupon-section .xf-stamp-list .xf-stamp-item .xf-stamp-img-box {
  border-radius: 50%;
  width: 53px;
  height: 53px;
  position: absolute;
  top: 0;
  left: 0;
}

.xf-coupon-section .xf-stamp-list .xf-stamp-item .xf-stamp-img-box .xf-stamp-img__img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.6;
}

.xf-coupon-section .xf-stamp-list .xf-stamp-item .xf-stamp-big-circle {
  border-radius: 50%;
  width: 53px;
  height: 53px;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 2px #c0c0c0;
  background-color: rgba(255, 255, 255, 0.4);
  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;
}

.xf-coupon-section .xf-stamp-list .xf-stamp-item .xf-stamp-big-circle .xf-stamp-small-circle {
  border: solid 1px rgba(215, 215, 215, 0.49);
  width: 45px;
  height: 45px;
  border-radius: 50%;
}

.xf-coupon-section .xf-stamp-list .xf-stamp-item .xf-stamp-big-circle .xf-stamp-small-circle .xf-stamp-text {
  width: 45px;
  height: 45px;
  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;
}

.xf-coupon-section .xf-stamp-list .xf-stamp-item .xf-stamp-big-circle .xf-stamp-small-circle .xf-stamp-text .xf-stamp-text-black {
  font-size: 18px;
  font-weight: 700;
  opacity: 0.5;
  line-height: 1.17;
  letter-spacing: -0.4px;
  text-align: center;
  color: #141414;
}

.xf-coupon-section .xf-stamp-list .xf-stamp-item .xf-stamp-big-circle.xf-stamp-checked {
  border: solid 2px #bc0d1a;
  background-color: #fff;
}

.xf-coupon-section .xf-stamp-list .xf-stamp-item .xf-stamp-big-circle.xf-stamp-checked.xf-stamp-completion, .xf-coupon-section .xf-stamp-list .xf-stamp-item .xf-stamp-big-circle.xf-stamp-checked.xf-stamp-available {
  background-color: rgba(255, 255, 255, 0.4);
}

.xf-coupon-section .xf-stamp-list .xf-stamp-item .xf-stamp-big-circle.xf-stamp-checked .xf-stamp-small-circle {
  border: solid 1px rgba(255, 13, 26, 0.49);
  width: 45px;
  height: 45px;
  border-radius: 50%;
}

.xf-coupon-section .xf-stamp-list .xf-stamp-item .xf-stamp-big-circle.xf-stamp-checked .xf-stamp-small-circle .xf-stamp-text {
  width: 45px;
  height: 45px;
  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;
}

.xf-coupon-section .xf-stamp-list .xf-stamp-item .xf-stamp-big-circle.xf-stamp-checked .xf-stamp-small-circle .xf-stamp-text .xf-text {
  -webkit-transform: rotate(-27deg);
          transform: rotate(-27deg);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.17;
  letter-spacing: -0.4px;
  color: #bc0d1a;
  word-break: keep-all;
}

.xf-coupon-section .xf-stamp-list.xf-coupon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #f5f5f5;
  padding: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.xf-coupon-section .xf-stamp-list.xf-coupon-list .xf-stamp-item {
  width: 53px;
  height: 53px;
  margin-right: 10px;
}

.xf-coupon-section .xf-stamp-list.xf-coupon-list .xf-stamp-item:nth-child(5n) {
  margin-right: 0;
}

.xf-coupon-section .xf-stamp-list.xf-coupon-list .xf-stamp-item:nth-child(-n+5) {
  margin-bottom: 10px;
}

.xf-coupon-section .xf-stamp-list.xf-stamp-free-gift-list .xf-stamp-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}

.xf-coupon-section .xf-stamp-list.xf-stamp-free-gift-list .xf-stamp-item:not(:last-child) {
  margin-bottom: 10px;
}

.xf-coupon-section .xf-stamp-list.xf-stamp-free-gift-list .xf-stamp-item .xf-circle-box {
  width: 53px;
  height: 53px;
  margin-right: 12px;
}

.xf-coupon-section .xf-stamp-list.xf-stamp-free-gift-list .xf-stamp-item .xf-stamp-detail-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -0.36px;
  color: #141414;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.xf-coupon-section .xf-stamp-list.xf-stamp-free-gift-list .xf-stamp-item .xf-stamp-detail-text .xf-stamp-detail-label__coupon {
  color: #bc0d1a;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px solid #bc0d1a;
  vertical-align: baseline;
}

.xf-coupon-section .xf-stamp-list.xf-stamp-free-gift-list .xf-stamp-item .xf-stamp-detail-text .xf-stamp-detail-label__coupon:after {
  content: "\eb7c";
  font-family: xeicon;
  vertical-align: baseline;
  font-size: 13px;
  margin-left: 5px;
}

.xf-coupon-section .xf-stamp-list.xf-stamp-free-gift-list .xf-stamp-item .xf-stamp-detail-text.xf-completion {
  color: #aeaeae;
}

.xf-coupon-section .xf-stamp-list.xf-stamp-free-gift-list .xf-stamp-item .xf-stamp-detail-text.xf-available {
  color: #bc0d1a;
}

.xf-coupon-section .xf-coupon-img-box {
  width: 100%;
  position: relative;
}

.xf-coupon-section .xf-coupon-img-box .xf-coupon-img-thumbnail {
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.xf-coupon-section .xf-coupon-img-box .xf-coupon-img-dimmed {
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
}

.xf-coupon-section .xf-coupon-img-box .xf-coupon-img-stamp-box {
  position: absolute;
  top: 20px;
  right: 20px;
}

.xf-coupon-section .xf-coupon-img-box .xf-coupon-img-stamp-box .xf-stamp-big-circle {
  width: 80px;
  height: 80px;
  border: solid 2px #bc0d1a;
}

.xf-coupon-section .xf-coupon-img-box .xf-coupon-img-stamp-box .xf-stamp-big-circle .xf-stamp-small-circle {
  width: 72px;
  height: 72px;
  border: solid 1px #bc0d1a;
}

.xf-coupon-section .xf-coupon-img-box .xf-coupon-img-stamp-box .xf-stamp-big-circle .xf-stamp-small-circle .xf-stamp-text {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 33px;
}

.xf-coupon-section .xf-coupon-img-box .xf-coupon-img-stamp-box .xf-stamp-big-circle .xf-stamp-small-circle .xf-stamp-text .xf-stamp-text__text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.17;
  letter-spacing: -0.4px;
  color: #bc0d1a;
  word-break: break-all;
}

.xf-coupon-section .xf-coupon-img-box .xf-coupon-img-stamp-box .xf-stamp-circle {
  border-radius: 50%;
  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;
  background-color: rgba(255, 255, 255, 0.6);
}

.xf-coupon-section .xf-coupon-contents-box .xf-coupon-btn-box .xf-coupon-btn {
  width: 100%;
  cursor: pointer;
  color: #ffffff;
  font-weight: 500;
  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-coupon-section .xf-coupon-contents-box .xf-coupon-btn-box .xf-coupon-btn.coupon-downloaded {
  background-color: #d7d7d7;
  color: #fff;
  cursor: default;
}

.xf-coupon-section .xf-coupon-btn {
  width: 100%;
  cursor: pointer;
  color: #ffffff;
  font-weight: 500;
  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-coupon-section .xf-coupon-contents-box {
  padding: 0 15px;
}

.xf-coupon-section .xf-coupon-contents-box .xf-client-info-box {
  padding-top: 20px;
  padding-bottom: 15px;
  text-align: center;
  border-bottom: 1px dashed #979797;
}

.xf-coupon-section .xf-coupon-contents-box .xf-client-info-box .xf-client-text {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #000000;
}

.xf-coupon-section .xf-coupon-contents-box .xf-client-info-box .xf-client-number {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #ff0000;
}

.xf-coupon-section .xf-coupon-contents-box .xf-coupon-info-box {
  margin-top: 24px;
}

.xf-coupon-section .xf-coupon-contents-box .xf-coupon-info-box .xf-coupon-category {
  border-radius: 2px;
  background-color: #000000;
  color: #fff;
  padding: 4px 10px;
  display: inline-block;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.4px;
}

.xf-coupon-section .xf-coupon-contents-box .xf-coupon-info-box .xf-coupon-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.56;
  letter-spacing: -0.4px;
  color: #141414;
  margin: 0 0 2px 0;
}

.xf-coupon-section .xf-coupon-contents-box .xf-coupon-info-box .xf-coupon-event-date-box {
  margin: 0 0 20px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  letter-spacing: -0.4px;
  color: #767676;
}

.xf-coupon-section .xf-coupon-contents-box .xf-coupon-info-box .xf-coupon-stamp-number-box {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: -0.4px;
  color: #bc0d1a;
}

.xf-coupon-section .xf-coupon-contents-box .xf-coupon-btn-box {
  margin-bottom: 24px;
}

.xf-coupon-section .xf-coupon-contents-box .xf-coupon-btn-box .xf-coupon-btn {
  height: 50px;
  background-color: #bc0d1a;
  font-size: 15px;
  letter-spacing: -0.4px;
  vertical-align: middle;
}

.xf-coupon-section .xf-coupon-contents-box .xf-coupon-btn-box .xf-coupon-btn .xf-coupon-btn__img {
  margin-left: 6px;
  height: 20px;
  width: 20px;
}

.xf-coupon-section .xf-coupon-detail-box {
  padding: 0 15px;
}

.xf-coupon-section .xf-coupon-detail-box .xf-coupon-detail-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  letter-spacing: -0.4px;
  color: #9c9c9c;
  margin: 0 0 4px 0;
}

.xf-coupon-section .xf-coupon-detail-box .xf-coupon-detail-text {
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: -0.36px;
  color: #141414;
  margin: 0;
}

.xf-coupon-section .xf-close-btn-box {
  margin-top: 15px;
}

.xf-coupon-section .xf-close-btn-box .xf-coupon-btn__close {
  height: 60px;
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: -0.36px;
  text-align: center;
  background-color: #000;
  color: #fff;
}

@media (max-width: 1200px) {
  .widget-section-my-coupon .xf-board-header {
    margin-bottom: 12px;
  }
  .widget-section-my-coupon .xf-board-header .xf-search-box .xf-category-search-form .xf-option {
    width: 87px;
  }
}

@media (max-width: 768px) {
  .widget-section-my-coupon .xf-board-body .xf-tab-section .xf-board-list .xf-board-item.xf-col3, .widget-section-my-coupon .xf-board-body .xf-tab-section .xf-board-list .xf-board-item.xf-col4 {
    width: 50%;
  }
}

xe-content strong, .xe-content strong, .xe_content strong, .cke_editable strong {
  color: inherit;
}

.user-login .xu-label-checkradio__text {
  font-size: 13px !important;
}

.section-footer-pc {
  background-color: #141414;
  padding: 50px 0;
  position: relative;
}

.section-footer-pc .section-footer-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.section-footer-pc .section-footer-inner .xf-company-info-link-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section-footer-pc .section-footer-inner .xf-company-info-link-box .xf-company-info-link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.section-footer-pc .section-footer-inner .xf-company-info-link-box .xf-company-info-link-list .xf-company-info-link-item {
  margin-right: 34px;
  position: relative;
}

.section-footer-pc .section-footer-inner .xf-company-info-link-box .xf-company-info-link-list .xf-company-info-link-item .xf-company-info-link {
  opacity: 0.9;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: -0.2px;
  color: #ffffff;
  text-decoration: none;
}

.section-footer-pc .section-footer-inner .xf-company-info-link-box .xf-company-info-link-list .xf-company-info-link-item .xf-company-info-link:hover {
  text-decoration: underline;
}

.section-footer-pc .section-footer-inner .xf-company-info-link-box .xf-company-info-link-list .xf-company-info-link-item:after {
  content: '';
  position: absolute;
  top: 6px;
  right: -17px;
  width: 1px;
  height: 12px;
  opacity: 0.1;
  background-color: #fff;
}

.section-footer-pc .section-footer-inner .xf-company-info-link-box .xf-company-info-link-list .xf-company-info-link-item:last-child:after {
  display: none;
}

.section-footer-pc .section-footer-inner .xf-company-info-link-box .xf-company-sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section-footer-pc .section-footer-inner .xf-company-info-link-box .xf-company-sns-list .xf-company-sns-item {
  margin-left: 20px;
}

.section-footer-pc .section-footer-inner .xf-company-info-link-box .xf-company-sns-list .xf-company-sns-item:first-child {
  margin-left: 0;
}

.section-footer-pc .section-footer-inner .xf-company-info-link-box .xf-company-sns-list .xf-company-sns-item .xf-company-sns-item-link {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  background-position: center;
  background-repeat: no-repeat;
}

.section-footer-pc .section-footer-inner .xf-company-info-link-box .xf-company-sns-list .xf-company-sns-item .xf-company-sns-item-link.xf-company-sns-item-youtube {
  background-image: url("../img/youtube.svg");
}

.section-footer-pc .section-footer-inner .xf-company-info-link-box .xf-company-sns-list .xf-company-sns-item .xf-company-sns-item-link.xf-company-sns-item-facebook {
  background-image: url("../img/facebook.svg");
}

.section-footer-pc .section-footer-inner .xf-company-info-link-box .xf-company-sns-list .xf-company-sns-item .xf-company-sns-item-link.xf-company-sns-item-instagram {
  background-image: url("../img/instagram.svg");
}

.section-footer-pc .section-footer-inner .xf-company-info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section-footer-pc .section-footer-inner .xf-company-info-box .xf-company-info-list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.section-footer-pc .section-footer-inner .xf-company-info-box .xf-company-info-list .xf-company-info-item {
  opacity: 0.5;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.93;
  letter-spacing: -0.18px;
  color: #ffffff;
  float: left;
  margin-right: 17px;
  position: relative;
}

.section-footer-pc .section-footer-inner .xf-company-info-box .xf-company-info-list .xf-company-info-item:after {
  content: '';
  position: absolute;
  top: 8px;
  right: -8px;
  width: 1px;
  height: 12px;
  opacity: 0.1;
  background-color: #fff;
}

.section-footer-pc .section-footer-inner .xf-company-info-box .xf-company-info-list .xf-company-info-item:nth-child(3) {
  float: none;
}

.section-footer-pc .section-footer-inner .xf-company-info-box .xf-company-info-list .xf-company-info-item:nth-child(3):after {
  display: none;
}

.section-footer-pc .section-footer-inner .xf-company-info-box .xf-company-info-list .xf-company-info-item:last-child:after {
  display: none;
}

.section-footer-pc .section-footer-inner .xf-copyright-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.section-footer-pc .section-footer-inner .xf-copyright-box .xf-copyright-logo-img {
  width: 70px;
  height: auto;
}

.section-footer-pc .section-footer-inner .xf-copyright-box .xf-copyright-text {
  opacity: 0.5;
  font-size: 14px;
  line-height: 27px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #ffffff;
}

.section-footer-pc .section-footer-inner .footer-info__family-site-box .footer-info__family-site {
  display: inline-block;
  width: 200px;
}

.section-footer-pc .section-footer-inner .footer-info__family-site-box .footer-info__family-site.xu-form-group {
  margin-bottom: 0;
}

.section-footer-pc .section-footer-inner .footer-info__family-site-box .xu-form-group select {
  width: 200px;
  outline: 0;
  background-color: #fff;
}

/* pc버전 gotop 버튼 */
.xf-section-go-top {
  z-index: 100;
}

.xf-section-go-top .xf-go-top-btn-box {
  display: none;
}

.xf-section-go-top .xf-go-top-btn-box .xf-go-top-btn {
  background-color: #f8f9fa;
  border: none;
  width: 60px;
  height: 60px;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  bottom: 50px;
  right: 50px;
  padding: 0;
  cursor: pointer;
}

.xf-section-go-top .xf-go-top-btn-box .xf-go-top-btn.on {
  position: absolute;
  bottom: 350px;
}

@media (max-width: 1200px) {
  .xf-go-top-btn-box {
    display: none;
  }
}

.section-footer-mobile {
  background-color: #222;
}

.section-footer-mobile .section-go-top-btn-box {
  background-color: #f8f9fa;
}

.section-footer-mobile .section-go-top-btn-box .xf-go-top-btn {
  height: 50px;
  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;
}

.section-footer-mobile .section-go-top-btn-box .xf-go-top-btn .xf-go-top-btn-text {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.47;
  color: #000000;
}

.section-footer-mobile .section-footer-inner {
  padding: 30px 15px 60px;
  max-width: 1200px;
  margin: 0 auto 66px;
  width: 100%;
}

.section-footer-mobile .section-footer-inner .section-footer-content {
  position: relative;
}

.section-footer-mobile .section-footer-inner .xf-company-info-link-box {
  margin-bottom: 16px;
}

.section-footer-mobile .section-footer-inner .xf-company-info-link-box .xf-company-info-link-list {
  margin: 0 -6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.section-footer-mobile .section-footer-inner .xf-company-info-link-box .xf-company-info-link-list .xf-company-info-link-item {
  padding: 0 6px;
  margin-bottom: 8px;
}

.section-footer-mobile .section-footer-inner .xf-company-info-link-box .xf-company-info-link-list .xf-company-info-link-item .xf-company-info-link {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.5px;
  text-align: center;
  color: #aeaeae;
}

.section-footer-mobile .section-footer-inner .xf-company-info-link-box .xf-company-sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section-footer-mobile .section-footer-inner .xf-company-info-link-box .xf-company-sns-list .xf-company-sns-item {
  margin-left: 10px;
}

.section-footer-mobile .section-footer-inner .xf-company-info-link-box .xf-company-sns-list .xf-company-sns-item:first-child {
  margin-left: 0;
}

.section-footer-mobile .section-footer-inner .xf-company-info-link-box .xf-company-sns-list .xf-company-sns-item .xf-company-sns-item-link {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  background-position: center;
  background-repeat: no-repeat;
}

.section-footer-mobile .section-footer-inner .xf-company-info-link-box .xf-company-sns-list .xf-company-sns-item .xf-company-sns-item-link.xf-company-sns-item-youtube {
  background-image: url("../img/youtube.svg");
}

.section-footer-mobile .section-footer-inner .xf-company-info-link-box .xf-company-sns-list .xf-company-sns-item .xf-company-sns-item-link.xf-company-sns-item-facebook {
  background-image: url("../img/facebook.svg");
}

.section-footer-mobile .section-footer-inner .xf-company-info-link-box .xf-company-sns-list .xf-company-sns-item .xf-company-sns-item-link.xf-company-sns-item-instagram {
  background-image: url("../img/instagram.svg");
}

.section-footer-mobile .section-footer-inner .xf-company-info-box .xf-company-info-list {
  margin: 0 -5px;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.section-footer-mobile .section-footer-inner .xf-company-info-box .xf-company-info-item {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.5px;
  color: #6c6c6c;
  padding: 0 5px;
  /*    &:after {
          content: '';
          display: inline-block;
          margin-left: 10px;
          width: 1px;
          height: 11px;
          opacity: 0.1;
          background-color: #fff;
        } */
}

.section-footer-mobile .section-footer-inner .xf-company-info-box .xf-company-info-item:first-child {
  display: block;
}

.section-footer-mobile .section-footer-inner .xf-company-info-box .xf-company-info-item:last-child:after {
  display: none;
}

.section-footer-mobile .section-footer-inner .xf-copyright-box {
  margin-bottom: 42px;
}

.section-footer-mobile .section-footer-inner .xf-copyright-box .xf-copyright-logo-img {
  width: 68px;
}

.section-footer-mobile .section-footer-inner .xf-copyright-box .xf-copyright-text {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.5px;
  color: #6c6c6c;
}

.section-footer-mobile .section-footer-inner .footer-info-shop {
  max-width: 480px;
}

.section-footer-mobile .section-footer-inner .footer-info-shop .xf-footer-info-shop-item .xf-footer-info-shop-link {
  position: relative;
  width: 100%;
  display: block;
  border-radius: 8px;
  border: solid 1px rgba(255, 255, 255, 0.1);
  background-color: transparent;
  font-family: NotoSansCJKkr;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color: rgba(255, 255, 255, 0.6);
  padding: 12px 16px;
  height: auto;
}

.section-footer-mobile .section-footer-inner .footer-info-shop .xf-footer-info-shop-item .xf-footer-info-shop-link:hover {
  color: rgba(255, 255, 255, 0.8);
  border: solid 1px rgba(255, 255, 255, 0.4);
}

.section-footer-mobile .section-footer-inner .footer-info-shop .xf-footer-info-shop-item .xf-shop-link-icon {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 15px;
  top: 10px;
}

.section-footer-mobile .section-footer-inner .footer-info__family-site-box {
  margin-top: 8px;
  max-width: 480px;
}

.section-footer-mobile .section-footer-inner .footer-info__family-site-box .footer-info__family-site {
  width: 100%;
}

.section-footer-mobile .section-footer-inner .footer-info__family-site-box .footer-info__family-site.xu-form-group {
  margin-bottom: 0;
}

.section-footer-mobile .section-footer-inner .footer-info__family-site-box .footer-info__family-site.xu-form-group .xu-form-group__control {
  border-radius: 8px;
  border: solid 1px rgba(255, 255, 255, 0.1);
  background-color: transparent;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color: rgba(255, 255, 255, 0.6);
  padding: 12px 16px;
  height: auto;
}

.section-footer-mobile .section-footer-inner .footer-info__family-site-box .footer-info__family-site.xu-form-group .xu-form-group__control:hover {
  color: rgba(255, 255, 255, 0.8);
  border: solid 1px rgba(255, 255, 255, 0.4);
  cursor: pointer;
}

.section-footer-mobile .section-footer-inner .footer-info__family-site-box .footer-info__family-site.xu-form-group .xu-form-group__control:focus {
  color: rgba(255, 255, 255, 0.8);
  border: solid 1px rgba(255, 255, 255, 0.4);
}

.section-footer-mobile .section-footer-inner .footer-info__family-site-box .footer-info__family-site.xu-form-group .xu-form-group__control option {
  color: #000;
}

.section-footer-mobile .section-footer-inner .footer-info__family-site-box .footer-info__family-site.xu-form-group .xu-form-group__icon i {
  color: rgba(255, 255, 255, 0.5);
}

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

.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.4;
  cursor: not-allowed;
}

@media (min-width: 992px) {
  .section-footer-mobile .section-footer-inner {
    position: relative;
    padding: 50px 15px 60px;
    margin-bottom: 0;
  }
  .section-footer-mobile .section-footer-inner .xf-apps-list-container {
    margin-bottom: 20px;
  }
  .section-footer-mobile .section-footer-inner .xf-company-info-box {
    width: 70%;
  }
  .section-footer-mobile .section-footer-inner .xf-company-info-link-box {
    margin-bottom: 0;
  }
  .section-footer-mobile .section-footer-inner .xf-company-info-link-box .xf-company-info-link-list {
    margin: 0 -16px;
  }
  .section-footer-mobile .section-footer-inner .xf-company-info-link-box .xf-company-info-link-list .xf-company-info-link-item {
    padding: 0 16px;
    position: relative;
    margin-bottom: 0;
  }
  .section-footer-mobile .section-footer-inner .xf-company-info-link-box .xf-company-info-link-list .xf-company-info-link-item:last-child .xf-company-info-link::after {
    display: none;
  }
  .section-footer-mobile .section-footer-inner .xf-company-info-link-box .xf-company-info-link-list .xf-company-info-link-item .xf-company-info-link {
    position: relative;
  }
  .section-footer-mobile .section-footer-inner .xf-company-info-link-box .xf-company-info-link-list .xf-company-info-link-item .xf-company-info-link::after {
    content: '';
    display: block;
    width: 1px;
    height: 14px;
    background-color: #484848;
    position: absolute;
    right: -16px;
    top: 50%;
    margin-top: -7px;
  }
  .section-footer-mobile .section-footer-inner .xf-copyright-box {
    margin-bottom: 24px;
  }
  .section-footer-mobile .section-footer-inner .footer-btn-wrap {
    position: absolute;
    right: 0;
    top: 0;
  }
  .section-footer-mobile .section-footer-inner .footer-info-shop {
    width: 210px;
  }
  .section-footer-mobile .section-footer-inner .footer-info__family-site-box {
    width: 210px;
  }
}

/* scroll-top */
.xf-scroll-top {
  position: fixed;
  bottom: 75px;
  right: 15px;
  padding: 0;
  z-index: 80;
}

.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;
}

/* 모바일 하단 fixed 메뉴 */
.xf-bottom--menu {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 80;
}

.xf-bottom--menu.active {
  z-index: 150;
}

.xf-bottom--menu .xf-bottom--menu-box {
  border-top: 1px solid #e4e4e4;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
}

.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;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  /*     .menu-link-back {
        &.xf-bottom-menu-link {
            .xf-bottom-menu-icon {
                .icon-img {
                    background-image: url(../img/menu-icon-back.svg);
                }
            }

            &.on {
                .xf-bottom-menu-icon {
                    .icon-img {
                        
                    }
                }
            }
        }
    } */
}

.xf-bottom-menu-list .xf-bottom-menu-link {
  display: block;
  padding: 12px 0 6px;
  text-decoration: none;
}

.xf-bottom-menu-list .xf-bottom-menu-link.on {
  /*    background-color: rgba(216, 216, 216, 0.33); */
}

.xf-bottom-menu-list .xf-bottom-menu-link.on .xf-bottom-menu-text {
  font-weight: 500;
  color: #f5332b;
}

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

.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-repeat: no-repeat;
  background-size: 24px;
}

.xf-bottom-menu-list .xf-bottom-menu-link .xf-bottom-menu-text {
  display: block;
  color: #aeaeae;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.6px;
  line-height: 19px;
}

.xf-bottom-menu-list .quick-my-menu-btn.open {
  width: 56px;
  height: 56px;
}

.xf-bottom-menu-list .quick-my-menu-btn.open .quick-my-btn {
  background-image: url(../img/icon-close-quick.png);
  background-size: 32px 32px;
  top: -14px;
}

.xf-bottom-menu-list .quick-my-btn {
  background-color: #f5332b;
  border-radius: 50%;
  width: 68px;
  height: 68px;
  display: block;
  /*margin-left: -34px;
  */position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 18px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: -20px;
  background-image: url(../img/icon-logo.png);
  background-repeat: no-repeat;
  background-size: 37px 26px;
  background-position: center center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

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

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

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

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

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

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

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

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

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

/* quick my menu */
.xf-quick-my-page-area {
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  height: 100%;
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.xf-quick-my-page-area.active {
  bottom: 0;
}

.xf-quick-my-page-area .quick-my-inner {
  padding: 24px 15px 0;
}

.quick-my-user {
  padding-bottom: 16px;
}

.xf-quick-my-info-login-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.qr-code-item {
  margin-left: auto;
  /*   position: absolute;
      right: 0;
      top: 0; */
}

.qr-code-item .qr-code-btn {
  width: 62px;
  height: 62px;
  display: block;
  background-image: url(../img/img-qr.png);
  background-size: 62px 62px;
  background-repeat: no-repeat;
}

.my-point .my-point-box {
  border-radius: 12px;
  background-color: rgba(245, 51, 43, 0.15);
  padding: 16px 20px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.my-point .my-point-box .item-title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.72px;
  color: #141414;
}

.my-point .my-point-box .item-point {
  margin-left: auto;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: -0.5px;
  color: #f5332b;
}

.my-menu-list {
  margin-top: 14px;
}

.my-menu-list .my-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.my-menu-list .my-item {
  width: 25%;
  padding: 0 5px;
}

.my-menu-list .my-menu-btn {
  display: block;
  padding: 10px 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.47;
  letter-spacing: -0.43px;
  text-align: center;
  color: #484848;
}

.my-menu-list .my-menu-btn:hover {
  text-decoration: none;
}

.my-menu-list .my-menu-icon {
  position: relative;
  width: 100%;
  height: 46px;
  margin: 0 auto;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
}

.my-menu-list .menu-icon-1 {
  background-image: url(../img/my-icon-coupon.png);
  background-size: 33px 21px;
}

.my-menu-list .menu-icon-2 {
  background-image: url(../img/my-icon-clock.png);
  background-size: 26px 26px;
}

.my-menu-list .menu-icon-3 {
  background-image: url(../img/my-icon-food.png);
  background-size: 33px 33px;
}

.my-menu-list .menu-icon-4 {
  background-image: url(../img/my-icon-calendar.png);
  background-size: 25px 25px;
}

.my-menu-list .menu-icon-5 {
  background-image: url(../img/my-icon-market.png);
  background-size: 28px 28px;
}

.my-menu-list .menu-icon-6 {
  background-image: url(../img/my-icon-mission.png);
  background-size: 27px 27px;
}

.my-menu-list .menu-icon-7 {
  background-image: url(../img/my-icon-cs.png);
  background-size: 29px 29px;
}

.my-menu-list .my-menu-text {
  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;
}

.my-menu-list .my-menu-text .xf-popover-wrap {
  padding: 0;
  padding-left: 2px;
}

/* 검색 head */
.xf-search-result-head {
  padding-top: 28px;
  margin-bottom: 20px;
}

.xf-search-result-head .xf-search-result-head-title {
  padding-bottom: 16px;
  padding-left: 34px;
  border-bottom: 1px solid #e0e0e0;
  background-position: 0 4px;
  background-image: url(../img/icon-search.png);
  background-repeat: no-repeat;
  background-size: 24px;
}

.xf-search-result-head .xf-search-result-head-title .xf-search-result-title {
  font-size: 18px;
  font-weight: 700;
  color: #141414;
  line-height: 28px;
  margin: 0 0 2px;
}

.xf-search-result-head .xf-search-result-head-title .xf-search-result-title .xf-search-result-title-word {
  color: #ff5230;
}

.xf-search-result-head .xf-search-result-head-title .xf-search-result-desc {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #767676;
  line-height: 20px;
  margin: 0;
}

/* 검색결과 없음 */
.xf-widget-search-content-box.xf-widget-search-no-box {
  text-align: center;
  border-top: 3px solid #141414;
  /*  min-height: 300px; */
  padding: 50px 0;
}

.xf-widget-search-content-box.xf-widget-search-no-box .xf-widget-search-no-title {
  width: 100%;
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
}

.xf-widget-search-content-box.xf-widget-search-no-box .xf-widget-search-no-info {
  width: 100%;
  margin: 0;
  font-size: 15px;
  line-height: 20px;
  color: #767676;
}

/* 상품목록 */
.xe-brand-product__contents-search.xe-brand-product__contents .product__list {
  list-style: none;
  padding: 0;
  margin: 0 -7.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item {
  width: 50%;
  padding: 0 7.5px;
  margin-bottom: 40px;
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item.xe-col1 {
  width: 100%;
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item.xe-col2 {
  width: 50%;
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item.xe-col3 {
  width: 33.3333%;
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item .product__link {
  display: block;
  position: relative;
  text-decoration: none;
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item .product__type {
  position: absolute;
  right: 15px;
  top: 0;
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item .product__type .product__type-icon {
  display: block;
  width: 52px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 52px 60px;
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item .product__type .product__type-icon.best {
  background-image: url(../img/best.png);
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item .product__type .product__type-icon.made {
  background-image: url(../img/made.png);
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item .product__thumbnail {
  position: relative;
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item .product__thumbnail .product__thumbnail-img {
  width: 100%;
  padding-top: 135%;
  background-size: cover;
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item .product__thumbnail .product__option {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item .product__thumbnail .product__option .xe-wish-btn {
  display: block;
  padding: 2px;
  vertical-align: middle;
  width: 22px;
  height: 20px;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 22px 20px;
  background-image: url(../img/icon_like.png);
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item .product__info {
  margin-top: 15px;
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item .product__info .product__tit {
  letter-spacing: -0.6px;
  color: #141414;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 40px;
  margin-bottom: 10px;
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item .product__info .regular-price {
  font-size: 11px;
  letter-spacing: -0.2px;
  color: #aeaeae;
  text-decoration: line-through;
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item .product__info .product__sale {
  color: #141414;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.2px;
  line-height: 20px;
}

.xe-brand-product__contents-search.xe-brand-product__contents .product__item .product__info .sale-num {
  color: #ff5230;
  display: inline-block;
  margin-right: 4px;
}

@media (min-width: 768px) {
  /* 상품목록 */
  .xe-brand-product__contents-search.xe-brand-product__contents .product__item {
    width: 33.333%;
  }
}

@media (min-width: 992px) {
  /* 검색 head */
  .xf-search-result-head {
    padding-top: 52px;
    margin-bottom: 32px;
  }
  .xf-search-result-head .xf-search-result-head-title {
    padding-bottom: 24px;
    padding-left: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .xf-search-result-head .xf-search-result-head-title .xf-search-result-title {
    font-size: 22px;
    line-height: 32px;
  }
  .xf-search-result-head .xf-search-result-head-title .xf-search-result-title .xf-search-result-title-word {
    color: #ff5230;
  }
  .xf-search-result-head .xf-search-result-head-title .xf-search-result-desc {
    padding-left: 12px;
    font-size: 15px;
    line-height: 22px;
  }
  /* 검색결과 없음 */
  .xf-widget-search-content-box.xf-widget-search-no-box {
    text-align: center;
    border-top: 3px solid #141414;
    /*  min-height: 300px; */
    padding: 50px 0;
  }
  .xf-widget-search-content-box.xf-widget-search-no-box .xf-widget-search-no-title {
    width: 100%;
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.4px;
  }
  .xf-widget-search-content-box.xf-widget-search-no-box .xf-widget-search-no-info {
    width: 100%;
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    color: #767676;
  }
  /* 상품목록 */
  .xe-brand-product__contents-search.xe-brand-product__contents .product__list {
    list-style: none;
    padding: 0;
    margin: 0 -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .xe-brand-product__contents-search.xe-brand-product__contents .product__item {
    width: 20%;
    padding: 0 15px;
    margin-bottom: 40px;
  }
  .xe-brand-product__contents-search.xe-brand-product__contents .product__item.xe-col1 {
    width: 25%;
  }
  .xe-brand-product__contents-search.xe-brand-product__contents .product__item.xe-col2 {
    width: 25%;
  }
  .xe-brand-product__contents-search.xe-brand-product__contents .product__item.xe-col3 {
    width: 25%;
  }
  .xe-brand-product__contents-search.xe-brand-product__contents .product__item .product__link {
    text-decoration: none;
  }
  .xe-brand-product__contents-search.xe-brand-product__contents .product__item .product__thumbnail .product__thumbnail-img {
    width: 100%;
    padding-top: 135%;
    background-size: cover;
  }
}

/* 서브페이지 모바일 헤더 조건 */
.no-header-theme .section-header .xf-header-info {
  display: none;
}

@media (min-width: 992px) {
  .no-header-theme .section-header .xf-header-info {
    display: block;
  }
}

/* sub mobile header */
.xf-sub-header-wrap {
  position: relative;
  padding: 22px 15px;
  background-color: #fff;
  display: block;
  z-index: 50;
  margin-left: -15px;
  margin-right: -15px;
}

.xf-sub-header-wrap .sub-header-inner {
  position: relative;
}

.xf-sub-header-wrap.header-line {
  border-bottom: 1px solid #ececec;
}

.xf-sub-header-wrap.on {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 1px 0 0 #ececec;
          box-shadow: 0 1px 0 0 #ececec;
  border-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.xf-sub-header-wrap .header-tit {
  margin: 0;
  font-size: 19px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.16;
  letter-spacing: -0.9px;
  text-align: center;
  color: #141414;
}

.head-control-btn {
  position: absolute;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 50%;
  margin-top: -12px;
}

.head-user-btn {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
}

.sub-head-btn.sub-home-btn {
  margin-left: 18px;
}

.sub-head-btn.sub-home-btn .btn-item {
  background-image: url(../img/icon-home.svg);
}

.sub-head-btn.sub-cart-btn .btn-item {
  position: relative;
  background-image: url(../img/icon-cart.svg);
}

.sub-head-btn.sub-cart-btn .btn-item .cart-alarm-btn {
  font-size: 9px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  border-radius: 7.5px;
  background-color: #ff635d;
  padding: 3px 4px 2px 4px;
  display: inline-block;
  line-height: 11px;
  position: absolute;
  right: -10px;
  top: -4px;
}

.sub-head-btn.sub-back-btn .btn-item {
  background-image: url(../img/icon-back.svg);
}

.sub-head-btn .btn-item {
  width: 24px;
  height: 24px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media (min-width: 992px) {
  .xf-sub-header-wrap {
    display: none;
  }
}

/* //sub mobile header */
.xf-myprofile-wrap {
  font-family: 'Inter', 'Noto Sans KR', sans-serif !important;
}

.xf-myprofile-wrap .setting-wrap {
  padding: 0;
  position: relative;
}

.xf-myprofile-wrap .profile-page {
  position: relative;
  z-index: 1;
}

.xf-myprofile-wrap .card-wrap {
  padding: 0;
}

.xf-myprofile-wrap .card-wrap .xe-row {
  margin-bottom: 0;
}

.xf-myprofile-wrap .profile-box-wrap-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.xf-myprofile-wrap .profile-box-wrap {
  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-myprofile-wrap .xe-profile {
  margin-bottom: 0;
  height: 400px;
}

.xf-myprofile-wrap .xe-profile .input-nick {
  margin: 4px 0 8px;
}

.xf-myprofile-wrap .xe-profile .input-nick input {
  font-size: 28px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.8px;
  text-align: center;
  color: #fff;
}

.xf-myprofile-wrap .xe-profile .input-intro {
  margin: 0 auto;
}

.xf-myprofile-wrap .xe-profile .input-intro p {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.56;
  letter-spacing: -0.6px;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
}

.xf-myprofile-wrap .xe-profile .btn-file {
  width: 130px;
  height: 130px;
  margin-left: -65px;
}

.xf-myprofile-wrap .xe-profile .btn-file:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.xf-myprofile-wrap.xf-widget-section .xf-widget-mypage-menu + .xf-mypage-container {
  margin: 0;
}

.xf-myprofile-wrap .profile-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  height: 400px;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
}

.xf-myprofile-wrap .profile-bg::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  height: 100%;
  z-index: 1;
}

.xf-myprofile-wrap .xf-master-option-wrap .xf-master-option-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.xf-myprofile-wrap .xf-master-option-wrap .xf-master-option-list .xf-master-option-list-item {
  padding: 0 2px;
}

.xf-myprofile-wrap .xf-master-option-wrap .xf-master-option-list .xf-master-option-list-item .option-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.21;
  letter-spacing: -0.4px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  display: inline-block;
  padding: 2px 6px 3px;
}

.xf-myprofile-wrap .xf-master-option-wrap .xf-master-option-list .xf-master-option-list-item .state {
  background-color: #f5332b;
}

.xf-myprofile-wrap .xf-master-option-wrap .xf-master-option-list .xf-master-option-list-item .badge {
  background-color: #5384ed;
}

.xf-myprofile-wrap .profile-wrap .profile-img {
  margin-bottom: 20px;
}

.xf-myprofile-wrap .profile-wrap .profile-img img {
  width: 130px !important;
  height: 130px !important;
}

.xf-myprofile-wrap .profile-wrap .profile-btn-area {
  margin-top: 24px;
}

.xf-myprofile-wrap .profile-wrap .profile-btn-area button.xf-profile-edit-btn {
  width: 52px;
  height: 52px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  border: none;
  padding: 7px 13px;
}

.xf-myprofile-wrap .profile-wrap .profile-btn-area button.xf-profile-edit-btn i {
  color: rgba(255, 255, 255, 0.7);
  font-size: 26px;
}

.xf-myprofile-wrap .profile-wrap .profile-btn-area button.xf-profile-chat-btn {
  width: 52px;
  height: 52px;
  background-color: #f5332b;
  border-radius: 50%;
  border: none;
  padding: 7px 12px;
  margin-left: 6px;
}

.xf-myprofile-wrap .profile-wrap .profile-btn-area button.xf-profile-chat-btn .icon-chat {
  width: 28px;
  height: 28px;
  background-image: url(../img/icon-comment-white.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}

@media (min-width: 992px) {
  .profile-page:before, .setting-wrap:before {
    height: 100%;
    top: -80px;
  }
  .setting-wrap:before {
    height: calc(100% + 204px);
  }
  .xf-myprofile-wrap .setting-wrap {
    margin-top: 3px;
  }
  .xf-myprofile-wrap .xe-profile {
    height: 360px;
  }
  .xf-myprofile-wrap .xe-profile .btn-file {
    width: 150px;
    height: 150px;
    margin-left: -75px;
  }
  .xf-myprofile-wrap .profile-bg {
    height: 360px;
  }
  .xf-myprofile-wrap .profile-wrap .profile-img img {
    width: 150px !important;
    height: 150px !important;
  }
  .xf-myprofile-wrap .profile-wrap .profile-btn-area {
    position: absolute;
    right: 0;
    top: 292px;
    margin: 0;
  }
}

.xf-feed-wrap {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  max-width: 375px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  background-color: #f8faff;
  overflow-y: auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 110;
}

.xf-feed-wrap.open {
  visibility: visible;
  right: 0px;
}

.xf-feed-wrap .feed-inner {
  position: relative;
  padding: 20px 15px;
}

.xf-feed-wrap .feed-header {
  position: relative;
  padding-bottom: 20px;
  padding-right: 20px;
}

.xf-feed-wrap .feed-header-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  letter-spacing: -0.8px;
  color: #141414;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.xf-feed-wrap .feed-header-sub {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.4px;
  color: #c0c0c0;
}

.xf-feed-wrap .feed-close-btn {
  position: absolute;
  right: 0;
  top: 0;
  color: rgba(0, 0, 0, 0.3);
  font-size: 20px;
}

.xf-feed-wrap .xf-new-label {
  background-image: url(../img/icon-new.svg);
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
}

.feed-alarm-no {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.feed-alarm-icon {
  text-align: center;
}

.feed-alarm-no-text {
  margin-top: 20px;
  text-align: center;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.46px;
  color: #aeaeae;
}

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

.feed-list .feed-item {
  margin-bottom: 10px;
}

.feed-list .feed-link {
  display: block;
  padding: 15px;
  border-radius: 12px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
  text-decoration: none;
}

.feed-item-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}

.feed-item-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  letter-spacing: -0.4px;
  color: #5384ed;
}

.feed-item-date {
  margin-left: auto;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: -0.4px;
  color: #9c9c9c;
}

.feed-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.feed-item-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.47;
  letter-spacing: -0.56px;
  color: #141414;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.feed-item-text {
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.5px;
  color: #9c9c9c;
  margin: 0;
}

.feed-item-thumbnail {
  margin-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 103px;
          flex: 0 0 103px;
}

.feed-item-thumbnail-img {
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 63.25%;
  border-radius: 6px;
}

.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 {
  max-width: 220px;
  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-alarm-btn {
  background-image: url(../img/icon-notification.png);
}

.xf-talk-head .talk-btn.talk-alarm-btn.off {
  background-image: url(../img/icon-notification-disable.png);
}

.xf-talk-head .talk-btn.talk-alarm-btn--black {
  background-image: url(../img/icon-notification-black.png);
}

.xf-talk-head .talk-btn.talk-alarm-btn--black.off {
  background-image: url(../img/icon-notification-disable-black.png);
}

.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;
  }
}

.xu-label-checkradio {
  position: relative;
  display: inline-block;
  min-width: 16px;
  min-height: 16px;
  font-size: 15px;
  line-height: 1.47;
  text-align: left;
  letter-spacing: -0.2px;
  color: #484848;
  vertical-align: top;
  cursor: pointer;
  margin-bottom: 0;
}

.xu-label-checkradio .xu-label-checkradio__text {
  line-height: 28px;
  padding-left: 36px;
  font-size: 15px !important;
  font-weight: normal;
  letter-spacing: -0.5px;
  color: #484848 !important;
}

.xu-label-checkradio .input-desc {
  color: #767667;
  font-size: 14px;
}

.xu-label-checkradio input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  background-color: #f5332b;
  border-color: #f5332b;
}

.xu-label-checkradio input[type="checkbox"]:checked + .xu-label-checkradio__helper:after {
  height: 10px;
  border-right: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
}

.xu-label-checkradio input[type="checkbox"]:checked:focus + .xu-label-checkradio__helper {
  background-color: #f5332b;
  border-color: #f5332b;
}

.xu-label-checkradio input[type="checkbox"] + .xu-label-checkradio__helper {
  width: 24px;
  height: 24px;
  border: 1px solid #d4d5dc;
  border-radius: 3px;
  background-color: #fff;
}

.xu-label-checkradio input[type="checkbox"]:focus + .xu-label-checkradio__helper {
  border: 1px solid #e0e0e0;
  background-color: #fff;
}

.xu-label-checkradio input[type="radio"] + .xu-label-checkradio__helper {
  width: 24px;
  height: 24px;
  border: 1px solid #d4d5dc;
  border-radius: 50%;
  background-color: #fff;
}

.xu-label-checkradio input[type="radio"]:focus + .xu-label-checkradio__helper {
  border-color: #f5332b;
  background-color: #fff;
}

.xu-label-checkradio input[type="radio"]:checked + .xu-label-checkradio__helper {
  border-color: #f5332b;
  background-color: #f5332b;
}

.xu-label-checkradio input[type="radio"]:checked + .xu-label-checkradio__helper:after {
  content: '';
  background-color: #fff;
}

.xu-label-checkradio input[type="radio"]:checked:focus + .xu-label-checkradio__helper {
  border-color: #f5332b;
  background-color: #f5332b;
}

.xu-label-checkradio input[type="radio"]:checked:focus + .xu-label-checkradio__helper:after {
  content: '';
  background-color: #fff;
}

.xu-label-checkradio:hover input[type="checkbox"] + .xu-label-checkradio__helper {
  border-color: #ff635d;
}

.xu-label-checkradio:hover input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #ff635d;
  background-color: #f5332b;
}

.xu-label-checkradio:hover input[type="radio"] + .xu-label-checkradio__helper {
  border-color: #f5332b;
}

.xu-label-checkradio:hover input[type="radio"]:checked + .xu-label-checkradio__helper {
  border-color: #f5332b;
  background-color: #f5332b;
}

.xu-label-checkradio:hover input[type="radio"]:checked + .xu-label-checkradio__helper:after {
  content: '';
  background-color: #fff;
}

.xu-label-checkradio.xu-label-checkradio--hover input[type="checkbox"] + .xu-label-checkradio__helper {
  border-color: #ff635d;
}

.xu-label-checkradio.xu-label-checkradio--hover input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #ff635d;
  background-color: #f5332b;
}

.xu-label-checkradio.xu-label-checkradio--hover input[type="radio"] + .xu-label-checkradio__helper {
  border-color: #f5332b;
  background-color: #fff;
}

.xu-label-checkradio.xu-label-checkradio--hover input[type="radio"]:checked + .xu-label-checkradio__helper {
  border-color: #f5332b;
  background-color: #fff;
}

.xu-label-checkradio.xu-label-checkradio--hover input[type="radio"]:checked + .xu-label-checkradio__helper:after {
  background-color: #f5332b;
}

.xu-label-checkradio:focus input[type="checkbox"] + .xu-label-checkradio__helper {
  border-color: #ff635d;
}

.xu-label-checkradio:focus input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #ff635d;
  background-color: #f5332b;
}

.xu-label-checkradio:focus input[type="radio"] + .xu-label-checkradio__helper {
  border-color: #f5332b;
  background-color: #fff;
}

.xu-label-checkradio:focus input[type="radio"]:checked + .xu-label-checkradio__helper {
  border-color: #f5332b;
  background-color: #fff;
}

.xu-label-checkradio:focus input[type="radio"]:checked + .xu-label-checkradio__helper:after {
  background-color: #f5332b;
}

.xu-label-checkradio.xu-label-checkradio--focus input[type="checkbox"] + .xu-label-checkradio__helper {
  border-color: #ff635d;
}

.xu-label-checkradio.xu-label-checkradio--focus input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #ff635d;
  background-color: #f5332b;
}

.xu-label-checkradio.xu-label-checkradio--focus input[type="radio"] + .xu-label-checkradio__helper {
  border-color: #f5332b;
  background-color: #fff;
}

.xu-label-checkradio.xu-label-checkradio--focus input[type="radio"]:checked + .xu-label-checkradio__helper {
  border-color: #f5332b;
  background-color: #fff;
}

.xu-label-checkradio.xu-label-checkradio--focus input[type="radio"]:checked + .xu-label-checkradio__helper:after {
  background-color: #f5332b;
}

.xu-label-checkradio:active input[type="checkbox"] + .xu-label-checkradio__helper {
  border-color: #ff635d;
  background-color: rgba(255, 99, 93, 0.1);
}

.xu-label-checkradio:active input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #ff635d;
  background-color: #f5332b;
}

.xu-label-checkradio:active input[type="checkbox"]:checked + .xu-label-checkradio__helper:after {
  content: '';
  border-right-color: #fff;
  border-bottom-color: #fff;
}

.xu-label-checkradio:active input[type="radio"] + .xu-label-checkradio__helper {
  border-color: #f5332b;
}

.xu-label-checkradio:active input[type="radio"]:checked + .xu-label-checkradio__helper {
  border-color: #f5332b;
  background-color: #f5332b;
}

.xu-label-checkradio:active input[type="radio"]:checked + .xu-label-checkradio__helper:after {
  content: '';
  background-color: #fff;
}

.xu-label-checkradio.xu-label-checkradio--disabled:hover input[type="checkbox"] + .xu-label-checkradio__helper {
  border-color: #c1c7d0;
  background-color: #f4f5f7;
}

.xu-label-checkradio.xu-label-checkradio--disabled:hover input[type="radio"] + .xu-label-checkradio__helper {
  border-color: #c1c7d0;
  background-color: #f4f5f7;
}

.xu-label-checkradio input[type="checkbox"]:disabled + .xu-label-checkradio__helper {
  border-color: #c1c7d0;
  background-color: #f4f5f7;
}

.xu-label-checkradio input[type="checkbox"]:disabled:hover + .xu-label-checkradio__helper {
  border-color: #c1c7d0;
  background-color: #f4f5f7;
}

.xu-label-checkradio input[type="checkbox"]:checked:disabled + .xu-label-checkradio__helper {
  border-color: #c1c7d0;
  background-color: #c1c7d0;
}

.xu-label-checkradio input[type="radio"]:disabled + .xu-label-checkradio__helper {
  border-color: #c1c7d0;
  background-color: #f4f5f7;
}

.xu-label-checkradio input[type="radio"]:disabled + .xu-label-checkradio__helper:after {
  content: '';
  background-color: #c1c7d0;
}

.xu-label-checkradio input[type="radio"]:disabled:hover + .xu-label-checkradio__helper {
  border-color: #c1c7d0;
  background-color: #f4f5f7;
}

.xu-label-checkradio input[type="radio"]:checked:disabled + .xu-label-checkradio__helper {
  border-color: #c1c7d0;
  background-color: #f4f5f7;
}

.xu-label-checkradio input[type="radio"]:checked:disabled + .xu-label-checkradio__helper:after {
  content: '';
  background-color: #c1c7d0;
}

.xf-option-count .xf-option-count-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
}

.xf-option-count .xf-option-count-inner input:not(:disabled):not([readonly]):hover {
  border-color: #e0e0e0 !important;
}

.xf-option-count .xf-option-count-inner input:not(:disabled):not([readonly]):focus, .xf-option-count .xf-option-count-inner input:not(:disabled):not([readonly]):active {
  border-color: #e0e0e0 !important;
}

.xf-option-count .xf-option-count-inner .xepage-option-count__value {
  border-left: 0;
  border-right: 0;
  height: 38px;
  text-align: center;
  width: 46px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.53;
  letter-spacing: -0.5px;
  text-align: center;
  color: #484848;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #dfdfdf;
  border-width: 1px 0;
}

.xf-option-count .xf-option-count-inner .xepage-option-count__value:disabled {
  opacity: 1;
  -webkit-text-fill-color: #dfdfdf;
  border-color: #dfdfdf;
  color: #dfdfdf;
}

.xf-option-count .xf-option-count-inner .xepage-option-count__button {
  border-right: 0;
  border-radius: 5px 0 0 5px;
  height: 38px;
  padding: 0 5px 0 15px;
  border: 1px solid #dfdfdf;
  border-right: 0;
}

.xf-option-count .xf-option-count-inner .xepage-option-count__button:disabled i {
  opacity: 1;
  -webkit-text-fill-color: #dfdfdf;
  color: #dfdfdf;
}

.xf-option-count .xf-option-count-inner .xepage-option-count__button i {
  font-size: 18px;
  vertical-align: middle;
}

.xf-option-count .xf-option-count-inner .xepage-option-count__button ~ .xepage-option-count__button {
  border-left: 0;
  border-right: 1px solid #dfdfdf;
  border-radius: 0 5px 5px 0;
  padding: 0 15px 0 5px;
}

.xf-option-count .xf-option-count-inner.count-disabled input[type="text"]:disabled {
  background: #fff;
  color: rgba(0, 0, 0, 0.3);
}

.popover-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1000;
}

.popover {
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06) !important;
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06) !important;
  border: 1px solid #e0e0e0 !important;
  background-color: #fff;
  border-radius: 10px;
}

.popover.fade .popover-body {
  display: block;
}

.popover .popover-body {
  font-family: 'Inter', 'Noto Sans KR', sans-serif !important;
  padding: 0;
}

.popover .popover-body .xf-popover-content-inner {
  padding: 9px 14px;
}

.popover .popover-body:hover {
  cursor: pointer;
}

.popover .popover-body .text-center {
  text-align: center;
}

.popover .popover-body .xf-popover-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #2b2b2b;
}

.popover .popover-body .xf-popover-list-tit {
  font-size: 14px;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #2b2b2b;
}

.popover .popover-body .xf-popover-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.popover .popover-body .xf-popover-item {
  font-size: 14px;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #767676;
}

.xf-popover-wrap {
  display: inline-block;
  color: rgba(0, 0, 0, 0.2);
  font-size: 18px;
  line-height: 18px;
  padding: 0 8px;
}

.xf-popover-wrap .xf-popover-btn {
  position: relative;
  color: rgba(0, 0, 0, 0.2);
}

.xf-popover-wrap .xf-popover-btn::before {
  content: '';
  width: 150%;
  height: 150%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.xf-popover-wrap a.xf-popover-btn {
  text-decoration: none;
  display: block;
}

.xf-popover-wrap button.xf-popover-btn {
  padding: 0;
}

.xf-popover-wrap .popover {
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);
  border: 1px solid #e0e0e0;
  width: 100%;
  padding: 0;
}

/* 장바구니 퀵버튼 */
.xf-modal .xf-floating-container {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.xf-floating-container {
  position: fixed;
  bottom: 185px;
  padding: 0;
  width: 100%;
  z-index: 120;
}

.xf-floating-btn-wrap {
  position: absolute;
  right: 30px;
  padding: 0;
  z-index: 120;
}

.xf-floating-btn-wrap .xf-floating-btn {
  position: relative;
  -webkit-box-shadow: 0 17px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 17px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #f5332b;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: block;
  background-size: 20px 24px;
  background-repeat: no-repeat;
  background-position: center center;
}

.xf-floating-btn-wrap .xf-floating-btn .cart-notice {
  position: absolute;
  top: 6px;
  right: 5px;
  display: block;
  background-color: #fff;
  padding: 0;
  border-radius: 50%;
  color: #f5332b;
  width: 22px;
  height: 22px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  letter-spacing: -1px;
  border: 2px solid #f5332b;
}

@media (min-width: 992px) {
  .xf-floating-container {
    bottom: 130px;
  }
  .xf-floating-btn-wrap {
    right: 0;
  }
  .xf-floating-btn-wrap .xf-floating-btn {
    width: 80px;
    height: 80px;
    background-size: 32px 34px;
  }
  .xf-floating-btn-wrap .xf-floating-btn .cart-notice {
    top: 16px;
    right: 13px;
    width: 25px;
    height: 25px;
    font-size: 14px;
    line-height: 23px;
  }
}

.coupon-label {
  background-image: url(/plugins/xehub_custom_develop/views/Skins/Boards/OzarenaBoards/EventWebzineBoardSkin/assets/img/coupon-label-bg.png);
  background-repeat: no-repeat;
  background-size: 73px 28px;
  position: relative;
  top: 0;
  left: 1px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #fff;
  display: inline-block;
  width: 73px;
  height: 28px;
  text-align: center;
  line-height: 28px;
}


.__xe_comment_list .comment_entity_avatar img {
  border-radius:999px;
}
/*# sourceMappingURL=style.css.map */