@charset "UTF-8";
/* 기본 */
/* 테마 */
@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");
body {
  font-family: 'Inter', 'Noto Sans KR', sans-serif !important;
  font-weight: 400;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

body * {
  outline: none;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}

body *:focus {
  outline: none;
}

textarea {
  resize: none;
}

.xf-select,
.xf-textarea,
.xf-input {
  cursor: pointer;
  border: none;
}

.xf-select.xf-title-input,
.xf-textarea.xf-title-input,
.xf-input.xf-title-input {
  width: 100%;
}

.xf-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #141414;
}

.xf-select::-ms-expand {
  display: none;
}

.xf-select-auto {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}

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

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

.xf-a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
  cursor: pointer;
}

.xf-a:hover {
  text-decoration: none;
  color: #141414;
}

.wrap-layout {
  /* 마진 */
  /* 패딩 */
  /* 반응형 display 속성 */
}

.wrap-layout input:focus::-webkit-input-placeholder {
  color: transparent;
}

.wrap-layout input:focus::-moz-placeholder {
  color: transparent;
}

.wrap-layout input:focus:-ms-input-placeholder {
  color: transparent;
}

.wrap-layout input:focus::-ms-input-placeholder {
  color: transparent;
}

.wrap-layout input:focus::placeholder {
  color: transparent;
}

.wrap-layout input[type="text"],
.wrap-layout input[type="tel"],
.wrap-layout input[type="password"],
.wrap-layout input[type="email"],
.wrap-layout input[type="search"],
.wrap-layout input[type="select"],
.wrap-layout textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.wrap-layout input[type="text"]:focus::-webkit-input-placeholder, .wrap-layout input[type="tel"]:focus::-webkit-input-placeholder, .wrap-layout input[type="password"]:focus::-webkit-input-placeholder, .wrap-layout input[type="email"]:focus::-webkit-input-placeholder, .wrap-layout input[type="search"]:focus::-webkit-input-placeholder, .wrap-layout input[type="select"]:focus::-webkit-input-placeholder, .wrap-layout textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

.wrap-layout input[type="text"]:focus::-moz-placeholder, .wrap-layout input[type="tel"]:focus::-moz-placeholder, .wrap-layout input[type="password"]:focus::-moz-placeholder, .wrap-layout input[type="email"]:focus::-moz-placeholder, .wrap-layout input[type="search"]:focus::-moz-placeholder, .wrap-layout input[type="select"]:focus::-moz-placeholder, .wrap-layout textarea:focus::-moz-placeholder {
  color: transparent;
}

.wrap-layout input[type="text"]:focus:-ms-input-placeholder, .wrap-layout input[type="tel"]:focus:-ms-input-placeholder, .wrap-layout input[type="password"]:focus:-ms-input-placeholder, .wrap-layout input[type="email"]:focus:-ms-input-placeholder, .wrap-layout input[type="search"]:focus:-ms-input-placeholder, .wrap-layout input[type="select"]:focus:-ms-input-placeholder, .wrap-layout textarea:focus:-ms-input-placeholder {
  color: transparent;
}

.wrap-layout input[type="text"]:focus::-ms-input-placeholder, .wrap-layout input[type="tel"]:focus::-ms-input-placeholder, .wrap-layout input[type="password"]:focus::-ms-input-placeholder, .wrap-layout input[type="email"]:focus::-ms-input-placeholder, .wrap-layout input[type="search"]:focus::-ms-input-placeholder, .wrap-layout input[type="select"]:focus::-ms-input-placeholder, .wrap-layout textarea:focus::-ms-input-placeholder {
  color: transparent;
}

.wrap-layout input[type="text"]:focus::placeholder,
.wrap-layout input[type="tel"]:focus::placeholder,
.wrap-layout input[type="password"]:focus::placeholder,
.wrap-layout input[type="email"]:focus::placeholder,
.wrap-layout input[type="search"]:focus::placeholder,
.wrap-layout input[type="select"]:focus::placeholder,
.wrap-layout textarea:focus::placeholder {
  color: transparent;
}

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

.wrap-layout .xf-upper-roman {
  list-style-type: upper-roman;
}

.wrap-layout .xf-lower-roman {
  list-style-type: lower-roman;
}

.wrap-layout .xf-upper-alpha {
  list-style-type: upper-alpha;
}

.wrap-layout .xf-lower-alpha {
  list-style-type: lower-alpha;
}

.wrap-layout .xf-heading {
  margin: 0;
  font-weight: 400;
}

.wrap-layout .xf-p {
  margin: 0;
}

.wrap-layout .xf-blockquote {
  margin: 0;
}

.auth-sns-user .xu-button--primary {background-color:#62BEBB;}
.user--signup .xu-button--primary {background-color:#62BEBB;}

.wrap-layout .xf-cite {
  font-style: normal;
}

.wrap-layout .xf-textarea,
.wrap-layout .xf-input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.wrap-layout .xf-border-none {
  border: none;
}

.wrap-layout .xf-m0 {
  margin: 0 !important;
}

.wrap-layout .xf-mt-02 {
  margin-top: -10px !important;
}

.wrap-layout .xf-mt01 {
  margin-top: 1px !important;
}

.wrap-layout .xf-mt02 {
  margin-top: 2px !important;
}

.wrap-layout .xf-mt03 {
  margin-top: 3px !important;
}

.wrap-layout .xf-mt04 {
  margin-top: 4px !important;
}

.wrap-layout .xf-mt05 {
  margin-top: 5px !important;
}

.wrap-layout .xf-mt06 {
  margin-top: 6px !important;
}

.wrap-layout .xf-mt07 {
  margin-top: 7px !important;
}

.wrap-layout .xf-mt08 {
  margin-top: 8px !important;
}

.wrap-layout .xf-mt09 {
  margin-top: 9px !important;
}

.wrap-layout .xf-mt10 {
  margin-top: 10px !important;
}

.wrap-layout .xf-mt11 {
  margin-top: 11px !important;
}

.wrap-layout .xf-mt12 {
  margin-top: 12px !important;
}

.wrap-layout .xf-mt13 {
  margin-top: 13px !important;
}

.wrap-layout .xf-mt14 {
  margin-top: 14px !important;
}

.wrap-layout .xf-mt15 {
  margin-top: 15px !important;
}

.wrap-layout .xf-mt16 {
  margin-top: 16px !important;
}

.wrap-layout .xf-mt17 {
  margin-top: 17px !important;
}

.wrap-layout .xf-mt18 {
  margin-top: 18px !important;
}

.wrap-layout .xf-mt19 {
  margin-top: 19px !important;
}

.wrap-layout .xf-mt20 {
  margin-top: 20px !important;
}

.wrap-layout .xf-mt21 {
  margin-top: 21px !important;
}

.wrap-layout .xf-mt22 {
  margin-top: 22px !important;
}

.wrap-layout .xf-mt23 {
  margin-top: 23px !important;
}

.wrap-layout .xf-mt24 {
  margin-top: 24px !important;
}

.wrap-layout .xf-mt25 {
  margin-top: 25px !important;
}

.wrap-layout .xf-mt26 {
  margin-top: 26px !important;
}

.wrap-layout .xf-mt27 {
  margin-top: 27px !important;
}

.wrap-layout .xf-mt28 {
  margin-top: 28px !important;
}

.wrap-layout .xf-mt29 {
  margin-top: 29px !important;
}

.wrap-layout .xf-mt30 {
  margin-top: 30px !important;
}

.wrap-layout .xf-mt31 {
  margin-top: 31px !important;
}

.wrap-layout .xf-mt32 {
  margin-top: 32px !important;
}

.wrap-layout .xf-mt33 {
  margin-top: 33px !important;
}

.wrap-layout .xf-mt34 {
  margin-top: 34px !important;
}

.wrap-layout .xf-mt35 {
  margin-top: 35px !important;
}

.wrap-layout .xf-mt36 {
  margin-top: 36px !important;
}

.wrap-layout .xf-mt37 {
  margin-top: 37px !important;
}

.wrap-layout .xf-mt38 {
  margin-top: 38px !important;
}

.wrap-layout .xf-mt39 {
  margin-top: 39px !important;
}

.wrap-layout .xf-mt40 {
  margin-top: 40px !important;
}

.wrap-layout .xf-mt41 {
  margin-top: 41px !important;
}

.wrap-layout .xf-mt42 {
  margin-top: 42px !important;
}

.wrap-layout .xf-mt43 {
  margin-top: 43px !important;
}

.wrap-layout .xf-mt44 {
  margin-top: 44px !important;
}

.wrap-layout .xf-mt45 {
  margin-top: 45px !important;
}

.wrap-layout .xf-mt46 {
  margin-top: 46px !important;
}

.wrap-layout .xf-mt47 {
  margin-top: 47px !important;
}

.wrap-layout .xf-mt48 {
  margin-top: 48px !important;
}

.wrap-layout .xf-mt49 {
  margin-top: 49px !important;
}

.wrap-layout .xf-mt50 {
  margin-top: 50px !important;
}

.wrap-layout .xf-mt51 {
  margin-top: 51px !important;
}

.wrap-layout .xf-mt52 {
  margin-top: 52px !important;
}

.wrap-layout .xf-mt53 {
  margin-top: 53px !important;
}

.wrap-layout .xf-mt54 {
  margin-top: 54px !important;
}

.wrap-layout .xf-mt55 {
  margin-top: 55px !important;
}

.wrap-layout .xf-mt56 {
  margin-top: 56px !important;
}

.wrap-layout .xf-mt57 {
  margin-top: 57px !important;
}

.wrap-layout .xf-mt58 {
  margin-top: 58px !important;
}

.wrap-layout .xf-mt59 {
  margin-top: 59px !important;
}

.wrap-layout .xf-mt60 {
  margin-top: 60px !important;
}

.wrap-layout .xf-mt61 {
  margin-top: 61px !important;
}

.wrap-layout .xf-mt62 {
  margin-top: 62px !important;
}

.wrap-layout .xf-mt63 {
  margin-top: 63px !important;
}

.wrap-layout .xf-mt64 {
  margin-top: 64px !important;
}

.wrap-layout .xf-mt65 {
  margin-top: 65px !important;
}

.wrap-layout .xf-mt66 {
  margin-top: 66px !important;
}

.wrap-layout .xf-mt67 {
  margin-top: 67px !important;
}

.wrap-layout .xf-mt68 {
  margin-top: 68px !important;
}

.wrap-layout .xf-mt69 {
  margin-top: 69px !important;
}

.wrap-layout .xf-mt70 {
  margin-top: 70px !important;
}

.wrap-layout .xf-mb-15 {
  margin-bottom: -15px !important;
}

.wrap-layout .xf-mb01 {
  margin-bottom: 1px !important;
}

.wrap-layout .xf-mb02 {
  margin-bottom: 2px !important;
}

.wrap-layout .xf-mb03 {
  margin-bottom: 3px !important;
}

.wrap-layout .xf-mb04 {
  margin-bottom: 4px !important;
}

.wrap-layout .xf-mb05 {
  margin-bottom: 5px !important;
}

.wrap-layout .xf-mb06 {
  margin-bottom: 6px !important;
}

.wrap-layout .xf-mb07 {
  margin-bottom: 7px !important;
}

.wrap-layout .xf-mb08 {
  margin-bottom: 8px !important;
}

.wrap-layout .xf-mb09 {
  margin-bottom: 9px !important;
}

.wrap-layout .xf-mb10 {
  margin-bottom: 10px !important;
}

.wrap-layout .xf-mb11 {
  margin-bottom: 11px !important;
}

.wrap-layout .xf-mb12 {
  margin-bottom: 12px !important;
}

.wrap-layout .xf-mb13 {
  margin-bottom: 13px !important;
}

.wrap-layout .xf-mb14 {
  margin-bottom: 14px !important;
}

.wrap-layout .xf-mb15 {
  margin-bottom: 15px !important;
}

.wrap-layout .xf-mb16 {
  margin-bottom: 16px !important;
}

.wrap-layout .xf-mb17 {
  margin-bottom: 17px !important;
}

.wrap-layout .xf-mb18 {
  margin-bottom: 18px !important;
}

.wrap-layout .xf-mb19 {
  margin-bottom: 19px !important;
}

.wrap-layout .xf-mb20 {
  margin-bottom: 20px !important;
}

.wrap-layout .xf-mb21 {
  margin-bottom: 21px !important;
}

.wrap-layout .xf-mb22 {
  margin-bottom: 22px !important;
}

.wrap-layout .xf-mb23 {
  margin-bottom: 23px !important;
}

.wrap-layout .xf-mb24 {
  margin-bottom: 24px !important;
}

.wrap-layout .xf-mb25 {
  margin-bottom: 25px !important;
}

.wrap-layout .xf-mb26 {
  margin-bottom: 26px !important;
}

.wrap-layout .xf-mb27 {
  margin-bottom: 27px !important;
}

.wrap-layout .xf-mb28 {
  margin-bottom: 28px !important;
}

.wrap-layout .xf-mb29 {
  margin-bottom: 29px !important;
}

.wrap-layout .xf-mb30 {
  margin-bottom: 30px !important;
}

.wrap-layout .xf-mb31 {
  margin-bottom: 31px !important;
}

.wrap-layout .xf-mb32 {
  margin-bottom: 32px !important;
}

.wrap-layout .xf-mb33 {
  margin-bottom: 33px !important;
}

.wrap-layout .xf-mb34 {
  margin-bottom: 34px !important;
}

.wrap-layout .xf-mb35 {
  margin-bottom: 35px !important;
}

.wrap-layout .xf-mb36 {
  margin-bottom: 36px !important;
}

.wrap-layout .xf-mb37 {
  margin-bottom: 37px !important;
}

.wrap-layout .xf-mb38 {
  margin-bottom: 38px !important;
}

.wrap-layout .xf-mb39 {
  margin-bottom: 39px !important;
}

.wrap-layout .xf-mb40 {
  margin-bottom: 40px !important;
}

.wrap-layout .xf-mb41 {
  margin-bottom: 41px !important;
}

.wrap-layout .xf-mb42 {
  margin-bottom: 42px !important;
}

.wrap-layout .xf-mb43 {
  margin-bottom: 43px !important;
}

.wrap-layout .xf-mb44 {
  margin-bottom: 44px !important;
}

.wrap-layout .xf-mb45 {
  margin-bottom: 45px !important;
}

.wrap-layout .xf-mb46 {
  margin-bottom: 46px !important;
}

.wrap-layout .xf-mb47 {
  margin-bottom: 47px !important;
}

.wrap-layout .xf-mb48 {
  margin-bottom: 48px !important;
}

.wrap-layout .xf-mb49 {
  margin-bottom: 49px !important;
}

.wrap-layout .xf-mb50 {
  margin-bottom: 50px !important;
}

.wrap-layout .xf-mb51 {
  margin-bottom: 51px !important;
}

.wrap-layout .xf-mb52 {
  margin-bottom: 52px !important;
}

.wrap-layout .xf-mb53 {
  margin-bottom: 53px !important;
}

.wrap-layout .xf-mb54 {
  margin-bottom: 54px !important;
}

.wrap-layout .xf-mb55 {
  margin-bottom: 55px !important;
}

.wrap-layout .xf-mb56 {
  margin-bottom: 56px !important;
}

.wrap-layout .xf-mb57 {
  margin-bottom: 57px !important;
}

.wrap-layout .xf-mb58 {
  margin-bottom: 58px !important;
}

.wrap-layout .xf-mb59 {
  margin-bottom: 59px !important;
}

.wrap-layout .xf-mb60 {
  margin-bottom: 60px !important;
}

.wrap-layout .xf-mb61 {
  margin-bottom: 61px !important;
}

.wrap-layout .xf-mb62 {
  margin-bottom: 62px !important;
}

.wrap-layout .xf-mb63 {
  margin-bottom: 63px !important;
}

.wrap-layout .xf-mb64 {
  margin-bottom: 64px !important;
}

.wrap-layout .xf-mb65 {
  margin-bottom: 65px !important;
}

.wrap-layout .xf-mb66 {
  margin-bottom: 66px !important;
}

.wrap-layout .xf-mb67 {
  margin-bottom: 67px !important;
}

.wrap-layout .xf-mb68 {
  margin-bottom: 68px !important;
}

.wrap-layout .xf-mb69 {
  margin-bottom: 69px !important;
}

.wrap-layout .xf-mb70 {
  margin-bottom: 70px !important;
}

.wrap-layout .xf-ml-04 {
  margin-left: -4px !important;
}

.wrap-layout .xf-ml01 {
  margin-left: 1px !important;
}

.wrap-layout .xf-ml02 {
  margin-left: 2px !important;
}

.wrap-layout .xf-ml03 {
  margin-left: 3px !important;
}

.wrap-layout .xf-ml04 {
  margin-left: 4px !important;
}

.wrap-layout .xf-ml05 {
  margin-left: 5px !important;
}

.wrap-layout .xf-ml06 {
  margin-left: 6px !important;
}

.wrap-layout .xf-ml07 {
  margin-left: 7px !important;
}

.wrap-layout .xf-ml08 {
  margin-left: 8px !important;
}

.wrap-layout .xf-ml09 {
  margin-left: 9px !important;
}

.wrap-layout .xf-ml10 {
  margin-left: 10px !important;
}

.wrap-layout .xf-ml11 {
  margin-left: 11px !important;
}

.wrap-layout .xf-ml12 {
  margin-left: 12px !important;
}

.wrap-layout .xf-ml13 {
  margin-left: 13px !important;
}

.wrap-layout .xf-ml14 {
  margin-left: 14px !important;
}

.wrap-layout .xf-ml15 {
  margin-left: 15px !important;
}

.wrap-layout .xf-ml16 {
  margin-left: 16px !important;
}

.wrap-layout .xf-ml17 {
  margin-left: 17px !important;
}

.wrap-layout .xf-ml18 {
  margin-left: 18px !important;
}

.wrap-layout .xf-ml19 {
  margin-left: 19px !important;
}

.wrap-layout .xf-ml20 {
  margin-left: 20px !important;
}

.wrap-layout .xf-ml21 {
  margin-left: 21px !important;
}

.wrap-layout .xf-ml22 {
  margin-left: 22px !important;
}

.wrap-layout .xf-ml23 {
  margin-left: 23px !important;
}

.wrap-layout .xf-ml24 {
  margin-left: 24px !important;
}

.wrap-layout .xf-ml25 {
  margin-left: 25px !important;
}

.wrap-layout .xf-ml26 {
  margin-left: 26px !important;
}

.wrap-layout .xf-ml27 {
  margin-left: 27px !important;
}

.wrap-layout .xf-ml28 {
  margin-left: 28px !important;
}

.wrap-layout .xf-ml29 {
  margin-left: 29px !important;
}

.wrap-layout .xf-ml30 {
  margin-left: 30px !important;
}

.wrap-layout .xf-ml31 {
  margin-left: 31px !important;
}

.wrap-layout .xf-ml32 {
  margin-left: 32px !important;
}

.wrap-layout .xf-ml33 {
  margin-left: 33px !important;
}

.wrap-layout .xf-ml34 {
  margin-left: 34px !important;
}

.wrap-layout .xf-ml35 {
  margin-left: 35px !important;
}

.wrap-layout .xf-ml36 {
  margin-left: 36px !important;
}

.wrap-layout .xf-ml37 {
  margin-left: 37px !important;
}

.wrap-layout .xf-ml38 {
  margin-left: 38px !important;
}

.wrap-layout .xf-ml39 {
  margin-left: 39px !important;
}

.wrap-layout .xf-ml40 {
  margin-left: 40px !important;
}

.wrap-layout .xf-mr-04 {
  margin-right: -4px !important;
}

.wrap-layout .xf-mr01 {
  margin-right: 1px !important;
}

.wrap-layout .xf-mr02 {
  margin-right: 2px !important;
}

.wrap-layout .xf-mr03 {
  margin-right: 3px !important;
}

.wrap-layout .xf-mr04 {
  margin-right: 4px !important;
}

.wrap-layout .xf-mr05 {
  margin-right: 5px !important;
}

.wrap-layout .xf-mr06 {
  margin-right: 6px !important;
}

.wrap-layout .xf-mr07 {
  margin-right: 7px !important;
}

.wrap-layout .xf-mr08 {
  margin-right: 8px !important;
}

.wrap-layout .xf-mr09 {
  margin-right: 9px !important;
}

.wrap-layout .xf-mr10 {
  margin-right: 10px !important;
}

.wrap-layout .xf-mr11 {
  margin-right: 11px !important;
}

.wrap-layout .xf-mr12 {
  margin-right: 12px !important;
}

.wrap-layout .xf-mr13 {
  margin-right: 13px !important;
}

.wrap-layout .xf-mr14 {
  margin-right: 14px !important;
}

.wrap-layout .xf-mr15 {
  margin-right: 15px !important;
}

.wrap-layout .xf-mr16 {
  margin-right: 16px !important;
}

.wrap-layout .xf-mr17 {
  margin-right: 17px !important;
}

.wrap-layout .xf-mr18 {
  margin-right: 18px !important;
}

.wrap-layout .xf-mr19 {
  margin-right: 19px !important;
}

.wrap-layout .xf-mr20 {
  margin-right: 20px !important;
}

.wrap-layout .xf-mr21 {
  margin-right: 21px !important;
}

.wrap-layout .xf-mr22 {
  margin-right: 22px !important;
}

.wrap-layout .xf-mr23 {
  margin-right: 23px !important;
}

.wrap-layout .xf-mr24 {
  margin-right: 24px !important;
}

.wrap-layout .xf-mr25 {
  margin-right: 25px !important;
}

.wrap-layout .xf-mr26 {
  margin-right: 26px !important;
}

.wrap-layout .xf-mr27 {
  margin-right: 27px !important;
}

.wrap-layout .xf-mr28 {
  margin-right: 28px !important;
}

.wrap-layout .xf-mr29 {
  margin-right: 29px !important;
}

.wrap-layout .xf-mr30 {
  margin-right: 30px !important;
}

.wrap-layout .xf-mr31 {
  margin-right: 31px !important;
}

.wrap-layout .xf-mr32 {
  margin-right: 32px !important;
}

.wrap-layout .xf-mr33 {
  margin-right: 33px !important;
}

.wrap-layout .xf-mr34 {
  margin-right: 34px !important;
}

.wrap-layout .xf-mr35 {
  margin-right: 35px !important;
}

.wrap-layout .xf-mr36 {
  margin-right: 36px !important;
}

.wrap-layout .xf-mr37 {
  margin-right: 37px !important;
}

.wrap-layout .xf-mr38 {
  margin-right: 38px !important;
}

.wrap-layout .xf-mr39 {
  margin-right: 39px !important;
}

.wrap-layout .xf-mr40 {
  margin-right: 40px !important;
}

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

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

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

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

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

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

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

.wrap-layout .xf-p0 {
  padding: 0 !important;
}

.wrap-layout .xf-pt01 {
  padding-top: 1px !important;
}

.wrap-layout .xf-pt02 {
  padding-top: 2px !important;
}

.wrap-layout .xf-pt03 {
  padding-top: 3px !important;
}

.wrap-layout .xf-pt04 {
  padding-top: 4px !important;
}

.wrap-layout .xf-pt05 {
  padding-top: 5px !important;
}

.wrap-layout .xf-pt06 {
  padding-top: 6px !important;
}

.wrap-layout .xf-pt07 {
  padding-top: 7px !important;
}

.wrap-layout .xf-pt08 {
  padding-top: 8px !important;
}

.wrap-layout .xf-pt09 {
  padding-top: 9px !important;
}

.wrap-layout .xf-pt10 {
  padding-top: 10px !important;
}

.wrap-layout .xf-pt11 {
  padding-top: 11px !important;
}

.wrap-layout .xf-pt12 {
  padding-top: 12px !important;
}

.wrap-layout .xf-pt13 {
  padding-top: 13px !important;
}

.wrap-layout .xf-pt14 {
  padding-top: 14px !important;
}

.wrap-layout .xf-pt15 {
  padding-top: 15px !important;
}

.wrap-layout .xf-pt16 {
  padding-top: 16px !important;
}

.wrap-layout .xf-pt17 {
  padding-top: 17px !important;
}

.wrap-layout .xf-pt18 {
  padding-top: 18px !important;
}

.wrap-layout .xf-pt19 {
  padding-top: 19px !important;
}

.wrap-layout .xf-pt20 {
  padding-top: 20px !important;
}

.wrap-layout .xf-pt21 {
  padding-top: 21px !important;
}

.wrap-layout .xf-pt22 {
  padding-top: 22px !important;
}

.wrap-layout .xf-pt23 {
  padding-top: 23px !important;
}

.wrap-layout .xf-pt24 {
  padding-top: 24px !important;
}

.wrap-layout .xf-pt25 {
  padding-top: 25px !important;
}

.wrap-layout .xf-pt26 {
  padding-top: 26px !important;
}

.wrap-layout .xf-pt27 {
  padding-top: 27px !important;
}

.wrap-layout .xf-pt28 {
  padding-top: 28px !important;
}

.wrap-layout .xf-pt29 {
  padding-top: 29px !important;
}

.wrap-layout .xf-pt30 {
  padding-top: 30px !important;
}

.wrap-layout .xf-pt31 {
  padding-top: 31px !important;
}

.wrap-layout .xf-pt32 {
  padding-top: 32px !important;
}

.wrap-layout .xf-pt33 {
  padding-top: 33px !important;
}

.wrap-layout .xf-pt34 {
  padding-top: 34px !important;
}

.wrap-layout .xf-pt35 {
  padding-top: 35px !important;
}

.wrap-layout .xf-pt36 {
  padding-top: 36px !important;
}

.wrap-layout .xf-pt37 {
  padding-top: 37px !important;
}

.wrap-layout .xf-pt38 {
  padding-top: 38px !important;
}

.wrap-layout .xf-pt39 {
  padding-top: 39px !important;
}

.wrap-layout .xf-pt40 {
  padding-top: 40px !important;
}

.wrap-layout .xf-pb01 {
  padding-bottom: 1px !important;
}

.wrap-layout .xf-pb02 {
  padding-bottom: 2px !important;
}

.wrap-layout .xf-pb03 {
  padding-bottom: 3px !important;
}

.wrap-layout .xf-pb04 {
  padding-bottom: 4px !important;
}

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

.wrap-layout .xf-pb06 {
  padding-bottom: 6px !important;
}

.wrap-layout .xf-pb07 {
  padding-bottom: 7px !important;
}

.wrap-layout .xf-pb08 {
  padding-bottom: 8px !important;
}

.wrap-layout .xf-pb09 {
  padding-bottom: 9px !important;
}

.wrap-layout .xf-pb10 {
  padding-bottom: 10px !important;
}

.wrap-layout .xf-pb11 {
  padding-bottom: 11px !important;
}

.wrap-layout .xf-pb12 {
  padding-bottom: 12px !important;
}

.wrap-layout .xf-pb13 {
  padding-bottom: 13px !important;
}

.wrap-layout .xf-pb14 {
  padding-bottom: 14px !important;
}

.wrap-layout .xf-pb15 {
  padding-bottom: 15px !important;
}

.wrap-layout .xf-pb16 {
  padding-bottom: 16px !important;
}

.wrap-layout .xf-pb17 {
  padding-bottom: 17px !important;
}

.wrap-layout .xf-pb18 {
  padding-bottom: 18px !important;
}

.wrap-layout .xf-pb19 {
  padding-bottom: 19px !important;
}

.wrap-layout .xf-pb20 {
  padding-bottom: 20px !important;
}

.wrap-layout .xf-pb21 {
  padding-bottom: 21px !important;
}

.wrap-layout .xf-pb22 {
  padding-bottom: 22px !important;
}

.wrap-layout .xf-pb23 {
  padding-bottom: 23px !important;
}

.wrap-layout .xf-pb24 {
  padding-bottom: 24px !important;
}

.wrap-layout .xf-pb25 {
  padding-bottom: 25px !important;
}

.wrap-layout .xf-pb26 {
  padding-bottom: 26px !important;
}

.wrap-layout .xf-pb27 {
  padding-bottom: 27px !important;
}

.wrap-layout .xf-pb28 {
  padding-bottom: 28px !important;
}

.wrap-layout .xf-pb29 {
  padding-bottom: 29px !important;
}

.wrap-layout .xf-pb30 {
  padding-bottom: 30px !important;
}

.wrap-layout .xf-pb31 {
  padding-bottom: 31px !important;
}

.wrap-layout .xf-pb32 {
  padding-bottom: 32px !important;
}

.wrap-layout .xf-pb33 {
  padding-bottom: 33px !important;
}

.wrap-layout .xf-pb34 {
  padding-bottom: 34px !important;
}

.wrap-layout .xf-pb35 {
  padding-bottom: 35px !important;
}

.wrap-layout .xf-pb36 {
  padding-bottom: 36px !important;
}

.wrap-layout .xf-pb37 {
  padding-bottom: 37px !important;
}

.wrap-layout .xf-pb38 {
  padding-bottom: 38px !important;
}

.wrap-layout .xf-pb39 {
  padding-bottom: 39px !important;
}

.wrap-layout .xf-pb40 {
  padding-bottom: 40px !important;
}

.wrap-layout .xf-pl01 {
  padding-left: 1px !important;
}

.wrap-layout .xf-pl02 {
  padding-left: 2px !important;
}

.wrap-layout .xf-pl03 {
  padding-left: 3px !important;
}

.wrap-layout .xf-pl04 {
  padding-left: 4px !important;
}

.wrap-layout .xf-pl05 {
  padding-left: 5px !important;
}

.wrap-layout .xf-pl06 {
  padding-left: 6px !important;
}

.wrap-layout .xf-pl07 {
  padding-left: 7px !important;
}

.wrap-layout .xf-pl08 {
  padding-left: 8px !important;
}

.wrap-layout .xf-pl09 {
  padding-left: 9px !important;
}

.wrap-layout .xf-pl10 {
  padding-left: 10px !important;
}

.wrap-layout .xf-pl11 {
  padding-left: 11px !important;
}

.wrap-layout .xf-pl12 {
  padding-left: 12px !important;
}

.wrap-layout .xf-pl13 {
  padding-left: 13px !important;
}

.wrap-layout .xf-pl14 {
  padding-left: 14px !important;
}

.wrap-layout .xf-pl15 {
  padding-left: 15px !important;
}

.wrap-layout .xf-pl16 {
  padding-left: 16px !important;
}

.wrap-layout .xf-pl17 {
  padding-left: 17px !important;
}

.wrap-layout .xf-pl18 {
  padding-left: 18px !important;
}

.wrap-layout .xf-pl19 {
  padding-left: 19px !important;
}

.wrap-layout .xf-pl20 {
  padding-left: 20px !important;
}

.wrap-layout .xf-pl21 {
  padding-left: 21px !important;
}

.wrap-layout .xf-pl22 {
  padding-left: 22px !important;
}

.wrap-layout .xf-pl23 {
  padding-left: 23px !important;
}

.wrap-layout .xf-pl24 {
  padding-left: 24px !important;
}

.wrap-layout .xf-pl25 {
  padding-left: 25px !important;
}

.wrap-layout .xf-pl26 {
  padding-left: 26px !important;
}

.wrap-layout .xf-pl27 {
  padding-left: 27px !important;
}

.wrap-layout .xf-pl28 {
  padding-left: 28px !important;
}

.wrap-layout .xf-pl29 {
  padding-left: 29px !important;
}

.wrap-layout .xf-pl30 {
  padding-left: 30px !important;
}

.wrap-layout .xf-pl31 {
  padding-left: 31px !important;
}

.wrap-layout .xf-pl32 {
  padding-left: 32px !important;
}

.wrap-layout .xf-pl33 {
  padding-left: 33px !important;
}

.wrap-layout .xf-pl34 {
  padding-left: 34px !important;
}

.wrap-layout .xf-pl35 {
  padding-left: 35px !important;
}

.wrap-layout .xf-pl36 {
  padding-left: 36px !important;
}

.wrap-layout .xf-pl37 {
  padding-left: 37px !important;
}

.wrap-layout .xf-pl38 {
  padding-left: 38px !important;
}

.wrap-layout .xf-pl39 {
  padding-left: 39px !important;
}

.wrap-layout .xf-pl40 {
  padding-left: 40px !important;
}

.wrap-layout .xf-pr01 {
  padding-right: 1px !important;
}

.wrap-layout .xf-pr02 {
  padding-right: 2px !important;
}

.wrap-layout .xf-pr03 {
  padding-right: 3px !important;
}

.wrap-layout .xf-pr04 {
  padding-right: 4px !important;
}

.wrap-layout .xf-pr05 {
  padding-right: 5px !important;
}

.wrap-layout .xf-pr06 {
  padding-right: 6px !important;
}

.wrap-layout .xf-pr07 {
  padding-right: 7px !important;
}

.wrap-layout .xf-pr08 {
  padding-right: 8px !important;
}

.wrap-layout .xf-pr09 {
  padding-right: 9px !important;
}

.wrap-layout .xf-pr10 {
  padding-right: 10px !important;
}

.wrap-layout .xf-pr11 {
  padding-right: 11px !important;
}

.wrap-layout .xf-pr12 {
  padding-right: 12px !important;
}

.wrap-layout .xf-pr13 {
  padding-right: 13px !important;
}

.wrap-layout .xf-pr14 {
  padding-right: 14px !important;
}

.wrap-layout .xf-pr15 {
  padding-right: 15px !important;
}

.wrap-layout .xf-pr16 {
  padding-right: 16px !important;
}

.wrap-layout .xf-pr17 {
  padding-right: 17px !important;
}

.wrap-layout .xf-pr18 {
  padding-right: 18px !important;
}

.wrap-layout .xf-pr19 {
  padding-right: 19px !important;
}

.wrap-layout .xf-pr20 {
  padding-right: 20px !important;
}

.wrap-layout .xf-pr21 {
  padding-right: 21px !important;
}

.wrap-layout .xf-pr22 {
  padding-right: 22px !important;
}

.wrap-layout .xf-pr23 {
  padding-right: 23px !important;
}

.wrap-layout .xf-pr24 {
  padding-right: 24px !important;
}

.wrap-layout .xf-pr25 {
  padding-right: 25px !important;
}

.wrap-layout .xf-pr26 {
  padding-right: 26px !important;
}

.wrap-layout .xf-pr27 {
  padding-right: 27px !important;
}

.wrap-layout .xf-pr28 {
  padding-right: 28px !important;
}

.wrap-layout .xf-pr29 {
  padding-right: 29px !important;
}

.wrap-layout .xf-pr30 {
  padding-right: 30px !important;
}

.wrap-layout .xf-pr31 {
  padding-right: 31px !important;
}

.wrap-layout .xf-pr32 {
  padding-right: 32px !important;
}

.wrap-layout .xf-pr33 {
  padding-right: 33px !important;
}

.wrap-layout .xf-pr34 {
  padding-right: 34px !important;
}

.wrap-layout .xf-pr35 {
  padding-right: 35px !important;
}

.wrap-layout .xf-pr36 {
  padding-right: 36px !important;
}

.wrap-layout .xf-pr37 {
  padding-right: 37px !important;
}

.wrap-layout .xf-pr38 {
  padding-right: 38px !important;
}

.wrap-layout .xf-pr39 {
  padding-right: 39px !important;
}

.wrap-layout .xf-pr40 {
  padding-right: 40px !important;
}

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

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

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

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

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

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

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

@media (max-width: 576px) {
  .wrap-layout .xf-es-display-bl {
    display: block !important;
  }
  .wrap-layout .xf-s-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-m-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-l-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-el-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-es-display-ib {
    display: inline-block !important;
  }
  .wrap-layout .xf-s-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-m-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-l-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-el-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-es-display-in {
    display: inline !important;
  }
  .wrap-layout .xf-s-display-in {
    display: none !important;
  }
  .wrap-layout .xf-m-display-in {
    display: none !important;
  }
  .wrap-layout .xf-l-display-in {
    display: none !important;
  }
  .wrap-layout .xf-el-display-in {
    display: none !important;
  }
  .wrap-layout .xf-es-display-fl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .wrap-layout .xf-s-display-fl {
    display: none !important;
  }
  .wrap-layout .xf-m-display-fl {
    display: none !important;
  }
  .wrap-layout .xf-ml-display-fl {
    display: none !important;
  }
  .wrap-layout .xf-l-display-fl {
    display: none !important;
  }
  .wrap-layout .xf-el-display-fl {
    display: none !important;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .wrap-layout .xf-es-display-bl {
    display: block !important;
  }
  .wrap-layout .xf-s-display-bl {
    display: block !important;
  }
  .wrap-layout .xf-m-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-ml-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-l-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-el-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-es-display-ib {
    display: inline-block !important;
  }
  .wrap-layout .xf-s-display-ib {
    display: inline-block !important;
  }
  .wrap-layout .xf-m-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-ml-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-l-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-el-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-es-display-in {
    display: inline !important;
  }
  .wrap-layout .xf-s-display-in {
    display: inline !important;
  }
  .wrap-layout .xf-m-display-in {
    display: none !important;
  }
  .wrap-layout .xf-ml-display-in {
    display: none !important;
  }
  .wrap-layout .xf-l-display-in {
    display: none !important;
  }
  .wrap-layout .xf-el-display-in {
    display: none !important;
  }
  .wrap-layout .xf-es-display-fl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .wrap-layout .xf-s-display-fl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .wrap-layout .xf-m-display-fl {
    display: none !important;
  }
  .wrap-layout .xf-ml-display-fl {
    display: none !important;
  }
  .wrap-layout .xf-l-display-fl {
    display: none !important;
  }
  .wrap-layout .xf-el-display-fl {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .wrap-layout .xf-es-display-bl {
    display: block !important;
  }
  .wrap-layout .xf-s-display-bl {
    display: block !important;
  }
  .wrap-layout .xf-m-display-bl {
    display: block !important;
  }
  .wrap-layout .xf-ml-display-bl {
    display: block !important;
  }
  .wrap-layout .xf-l-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-el-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-es-display-ib {
    display: inline-block !important;
  }
  .wrap-layout .xf-s-display-ib {
    display: inline-block !important;
  }
  .wrap-layout .xf-m-display-ib {
    display: inline-block !important;
  }
  .wrap-layout .xf-ml-display-ib {
    display: inline-block !important;
  }
  .wrap-layout .xf-l-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-el-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-es-display-in {
    display: inline !important;
  }
  .wrap-layout .xf-s-display-in {
    display: inline !important;
  }
  .wrap-layout .xf-m-display-in {
    display: inline !important;
  }
  .wrap-layout .xf-ml-display-in {
    display: inline !important;
  }
  .wrap-layout .xf-l-display-in {
    display: none !important;
  }
  .wrap-layout .xf-el-display-in {
    display: none !important;
  }
  .wrap-layout .xf-es-display-fl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .wrap-layout .xf-s-display-fl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .wrap-layout .xf-m-display-fl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .wrap-layout .xf-ml-display-fl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .wrap-layout .xf-l-display-fl {
    display: none !important;
  }
  .wrap-layout .xf-el-display-fl {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .wrap-layout .xf-es-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-s-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-m-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-ml-display-bl {
    display: block !important;
  }
  .wrap-layout .xf-l-display-bl {
    display: block !important;
  }
  .wrap-layout .xf-el-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-es-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-s-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-m-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-ml-display-ib {
    display: inline-block !important;
  }
  .wrap-layout .xf-l-display-ib {
    display: inline-block !important;
  }
  .wrap-layout .xf-el-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-es-display-in {
    display: none !important;
  }
  .wrap-layout .xf-s-display-in {
    display: none !important;
  }
  .wrap-layout .xf-m-display-in {
    display: none !important;
  }
  .wrap-layout .xf-ml-display-in {
    display: inline !important;
  }
  .wrap-layout .xf-l-display-in {
    display: inline !important;
  }
  .wrap-layout .xf-el-display-in {
    display: none !important;
  }
  .wrap-layout .xf-es-display-fl {
    display: none !important;
  }
  .wrap-layout .xf-s-display-fl {
    display: none !important;
  }
  .wrap-layout .xf-m-display-fl {
    display: none !important;
  }
  .wrap-layout .xf-ml-display-fl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .wrap-layout .xf-l-display-fl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .wrap-layout .xf-el-display-fl {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .wrap-layout .xf-es-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-s-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-m-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-ml-display-bl {
    display: block !important;
  }
  .wrap-layout .xf-l-display-bl {
    display: block !important;
  }
  .wrap-layout .xf-el-display-bl {
    display: block !important;
  }
  .wrap-layout .xf-es-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-s-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-m-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-ml-display-ib {
    display: inline-block !important;
  }
  .wrap-layout .xf-l-display-ib {
    display: inline-block !important;
  }
  .wrap-layout .xf-el-display-ib {
    display: inline-block !important;
  }
  .wrap-layout .xf-es-display-in {
    display: none !important;
  }
  .wrap-layout .xf-s-display-in {
    display: none !important;
  }
  .wrap-layout .xf-m-display-in {
    display: none !important;
  }
  .wrap-layout .xf-ml-display-in {
    display: inline !important;
  }
  .wrap-layout .xf-l-display-in {
    display: inline !important;
  }
  .wrap-layout .xf-el-display-in {
    display: inline !important;
  }
  .wrap-layout .xf-es-display-fl {
    display: none !important;
  }
  .wrap-layout .xf-s-display-fl {
    display: none !important;
  }
  .wrap-layout .xf-m-display-fl {
    display: none !important;
  }
  .wrap-layout .xf-ml-display-fl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .wrap-layout .xf-l-display-fl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .wrap-layout .xf-el-display-fl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 992px) {
  .wrap-layout .xf-mo-display-bl {
    display: block !important;
  }
  .wrap-layout .xf-mo-display-in {
    display: inline !important;
  }
  .wrap-layout .xf-mo-display-ib {
    display: inline-block !important;
  }
  .wrap-layout .xf-mo-display-fl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .wrap-layout .xf-pc-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-pc-display-in {
    display: none !important;
  }
  .wrap-layout .xf-pc-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-pc-display-fl {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .wrap-layout .xf-mo-display-bl {
    display: none !important;
  }
  .wrap-layout .xf-mo-display-in {
    display: none !important;
  }
  .wrap-layout .xf-mo-display-ib {
    display: none !important;
  }
  .wrap-layout .xf-mo-display-fl {
    display: none !important;
  }
  .wrap-layout .xf-pc-display-bl {
    display: block !important;
  }
  .wrap-layout .xf-pc-display-in {
    display: inline !important;
  }
  .wrap-layout .xf-pc-display-ib {
    display: inline-block !important;
  }
  .wrap-layout .xf-pc-display-fl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.wrap-layout .xf-display-bl {
  display: block !important;
}

.wrap-layout .xf-display-in {
  display: inline !important;
}

.wrap-layout .xf-display-ib {
  display: inline-block !important;
}

.wrap-layout .xf-display-fl {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.wrap-layout .xf-display-fl.xf-position-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap-layout .xf-flex-center {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.wrap-layout .xf-align-item-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.wrap-layout .xf-align-item-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap-layout .xf-align-item-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.wrap-layout .xf-justify-content-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.wrap-layout .xf-justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrap-layout .xf-justify-content-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.wrap-layout .xf-flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.wrap-layout .xf-flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.wrap-layout .xf-flex {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.wrap-layout .clearfix:after {
  content: '';
  display: block;
  clear: both;
}

.wrap-layout .xf-floatleft {
  float: left;
}

.wrap-layout .xf-floatright {
  float: right;
}

.wrap-layout .xf-position-relative {
  position: relative;
}

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

.wrap-layout .xf-textleft {
  text-align: left;
}

.wrap-layout .xf-textcenter {
  text-align: center;
}

.wrap-layout .xf-textright {
  text-align: right;
}

.wrap-layout .xf-ver-top {
  vertical-align: top !important;
}

.wrap-layout .xf-ver-middle {
  vertical-align: middle !important;
}

.wrap-layout .xf-ver-bottom {
  vertical-align: bottom !important;
}

.wrap-layout .xf-w300 {
  font-weight: 300 !important;
}

.wrap-layout .xf-w400 {
  font-weight: 400 !important;
}

.wrap-layout .xf-w500 {
  font-weight: 500 !important;
}

.wrap-layout .xf-w700 {
  font-weight: 700 !important;
}

.wrap-layout .xf-w900 {
  font-weight: 900 !important;
}

.wrap-layout .xf-line14 {
  line-height: 1.4 !important;
}

.wrap-layout .xf-line15 {
  line-height: 1.5 !important;
}

.wrap-layout .xf-line16 {
  line-height: 1.6 !important;
}

.wrap-layout .xf-line17 {
  line-height: 1.7 !important;
}

.wrap-layout .xf-line18 {
  line-height: 1.8 !important;
}

.wrap-layout .xf-line19 {
  line-height: 1.9 !important;
}

.wrap-layout .xf-line20 {
  line-height: 2 !important;
}

.wrap-layout .xf-size12 {
  font-size: 12px !important;
}

.wrap-layout .xf-size13 {
  font-size: 13px !important;
}

.wrap-layout .xf-size14 {
  font-size: 14px !important;
}

.wrap-layout .xf-size15 {
  font-size: 15px !important;
}

.wrap-layout .xf-size16 {
  font-size: 16px !important;
}

.wrap-layout .xf-size17 {
  font-size: 17px !important;
}

.wrap-layout .xf-size18 {
  font-size: 18px !important;
}

.wrap-layout .xf-size19 {
  font-size: 19px !important;
}

.wrap-layout .xf-size20 {
  font-size: 20px !important;
}

.wrap-layout .xf-size21 {
  font-size: 21px !important;
}

.wrap-layout .xf-size22 {
  font-size: 22px !important;
}

.wrap-layout .xf-size23 {
  font-size: 23px !important;
}

.wrap-layout .xf-size24 {
  font-size: 24px !important;
}

.wrap-layout .xf-size25 {
  font-size: 25px !important;
}

.wrap-layout .xf-size28 {
  font-size: 28px !important;
}

.wrap-layout .xf-size30 {
  font-size: 30px !important;
}

.wrap-layout .xf-border {
  border: 1px solid #e0e0e0;
}

.wrap-layout .xf-border-top {
  border-top: 1px solid #e0e0e0;
}

.wrap-layout .xf-border-bottom {
  border-bottom: 1px solid #e0e0e0;
}

.wrap-layout .xf-border-left {
  border-left: 1px solid #e0e0e0;
}

.wrap-layout .xf-border-right {
  border-right: 1px solid #e0e0e0;
}

.wrap-layout .xf-radius {
  border-radius: 10px;
}

.wrap-layout .xf-radius-top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.wrap-layout .xf-radius-bottom {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.wrap-layout .xf-radius-right {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.wrap-layout .xf-radius-left {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.wrap-layout .xf-normal {
  font-style: normal;
}

.wrap-layout .xf-italic {
  font-style: italic;
}

.wrap-layout .xf-oblique {
  font-style: oblique;
}

.wrap-layout .xf-ellipsis1 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

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

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

.wrap-layout .xf-wi10 {
  width: 10% !important;
}

.wrap-layout .xf-wi20 {
  width: 20% !important;
}

.wrap-layout .xf-wi30 {
  width: 30% !important;
}

.wrap-layout .xf-wi40 {
  width: 40% !important;
}

.wrap-layout .xf-wi50 {
  width: 50% !important;
}

.wrap-layout .xf-wi60 {
  width: 60% !important;
}

.wrap-layout .xf-wi70 {
  width: 70% !important;
}

.wrap-layout .xf-wi80 {
  width: 80% !important;
}

.wrap-layout .xf-wi90 {
  width: 90% !important;
}

.wrap-layout .xf-wi100 {
  width: 100% !important;
}

.wrap-layout .xf-he10 {
  height: 10% !important;
}

.wrap-layout .xf-he20 {
  height: 20% !important;
}

.wrap-layout .xf-he30 {
  height: 30% !important;
}

.wrap-layout .xf-he40 {
  height: 40% !important;
}

.wrap-layout .xf-he50 {
  height: 50% !important;
}

.wrap-layout .xf-he60 {
  height: 60% !important;
}

.wrap-layout .xf-he70 {
  height: 70% !important;
}

.wrap-layout .xf-he80 {
  height: 80% !important;
}

.wrap-layout .xf-he90 {
  height: 90% !important;
}

.wrap-layout .xf-he100 {
  height: 100% !important;
}

.wrap-layout .xf-textarea-border-height {
  height: 145px !important;
  min-height: 145px !important;
}

.wrap-layout .xf-after-display {
  content: '';
  display: block;
}

@font-face {
  font-family: 'bmjua';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/bmjua/bmjua.otf") format("otf"), url("../fonts/bmjua/bmjua.woff") format("woff"), url("../fonts/bmjua/bmjua.woff2") format("woff2");
}

.bmjua {
  font-family: 'bmjua', sans-serif !important;
  font-weight: 400;
  padding-top: 3px;
}

.inter {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400;
}

.notosans {
  font-family: 'Noto Sans KR', sans-serif !important;
  font-weight: 400;
}

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

.user em {
  font-style: normal;
}

.user a {
  color: #2c8beb;
  text-decoration: none;
}

.user a:hover {
  color: #085daa;
}

.user ul, .user h1, .user form, .user fieldset, .user .hr .text-hr, .user .auth-text {
  margin: 0;
  padding: 0;
}

.pull-r {
  float: none;
}

hr {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  border-top: 1px solid #e4e4e4;
}

.row-title {
  margin: 5px 0;
  padding-left: 15px;
  font-size: 14px;
}

.row-title i {
  margin-left: 10px;
}

.user {
  max-width: 343px;
  margin: 0 auto;
  padding: 32px 5px 24px;
  color: #2c2e37;
  font-size: 14px;
}

.user.v2 {
  max-width: 430px;
}

.user fieldset {
  border: none;
}

.user .xe-input-text {
  margin: 0;
  background-color: transparent;
}

.user .text-message {
  color: #696e7a;
}

.user .success-input .text-message {
  color: #2c8beb;
}

.user .text-message.normal {
  color: #696e7a !important;
}

.user .xe-select-style {
  display: block;
}

.user .auth-group {
  position: relative;
  margin-bottom: 8px;
}

.user.find-password .auth-group {
  position: relative;
  margin-bottom: 16px;
}

.user .xe-input-group {
  margin: 16px 0;
}

.user .xe-input-group label {
  font-size: 14px;
  color: #696e7a;
  line-height: 20px;
  font-weight: normal;
}

.user h1 {
  margin-bottom: 24px;
  font-size: 24px !important;
  line-height: 32px;
  font-weight: normal;
}

.user .sub-text {
  margin-bottom: 16px;
  font-size: 14px;
  color: #696e7a;
}

.user .g-recaptcha {
  margin: 16px auto;
}

.user .xe-btn-primary, .user .xe-btn.xe-btn-link {
  margin-bottom: 16px;
  outline: none;
}

.user .xe-btn-blue {
  color: #fff;
}

.user .auth-text {
  margin-top: 24px;
  text-align: center;
}

.user .auto-text {
  font-size: 14px;
  color: #696e7a;
  line-height: 20px;
}

.user .auto-text a {
  color: #2c8beb;
}

.user .auth-noti {
  margin-top: 12px;
  font-size: 13px;
  color: #8e8e93;
  line-height: 18px;
}

.user .hr {
  border-top: 1px solid #e4e4e4;
}

.user .hr .text-hr {
  margin-top: -12px;
  text-align: center;
}

.user .hr .text-hr > span {
  padding: 0 16px;
  background-color: #fff;
}

.user .auth-sns {
  position: relative;
  padding: 23px 0 20px;
  text-align: center;
  border-bottom: 1px solid #e4e4e4;
}

.user .auth-sns li {
  display: inline-block;
  list-style-type: none;
  width: 48px;
}

.user .auth-sns li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #3b5998;
}

.user .auth-sns li.sns-facebook a {
  background-color: #3b5998;
}

.user .auth-sns li.sns-twitter a {
  background-color: #55acee;
}

.user .auth-sns li.sns-naver a {
  background-color: #23b300;
}

.user .auth-sns li.sns-google a {
  background-color: #4184f3;
}

.user .auth-sns li.sns-github a {
  background-color: #444;
}

.user .auth-sns li.sns-line a {
  background-color: #00c300;
}

.user .auth-sns li.sns-facebook a:hover {
  background-color: #1d315b;
}

.user .auth-sns li.sns-twitter a:hover {
  background-color: #006daa;
}

.user .auth-sns li.sns-naver a:hover {
  background-color: #1c8d00;
}

.user .auth-sns li.sns-google a:hover {
  background-color: #3a76d6;
}

.user .auth-sns li.sns-github a:hover {
  background-color: #222;
}

.user .auth-sns li.sns-line a:hover {
  background-color: #23b300;
}

.user .auth-sns li a i {
  color: #fff;
  font-size: 25px;
  line-height: 40px;
}

.user hr {
  margin: 0;
  border-color: #e4e4e4;
}

.user .auth-sns.v2 {
  border-bottom: none;
}

.user .auth-sns.v2 ul {
  max-width: 230px;
  margin: 8px auto 16px;
}

.user .auth-sns.v2 li {
  position: relative;
  display: block;
}

.user .auth-sns.v2 li a {
  display: block;
  width: 270px;
  height: 48px;
  margin-bottom: 8px;
  padding: 0 14px;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  line-height: 48px;
  text-align: left;
}

.user .auth-sns.v2 li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 55px;
  width: 1px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}

.user .auth-sns.v2 li a i {
  font-size: 30px;
  line-height: inherit;
  vertical-align: middle;
  margin-right: 28px;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.user .auth-group .btn-eye {
  position: absolute;
  top: 0;
  right: 4px;
  width: 36px;
  height: 36px;
  padding: 0;
  color: #8e8e93;
  font-size: 19px;
  border-color: transparent;
  background-color: transparent;
}

.user .auth-group .btn-eye .xi-eye-off, .user .auth-group .btn-eye.on .xi-eye {
  display: none;
}

.user .auth-group .btn-eye.on .xi-eye-off {
  display: block;
}

.user .auth-group.option {
  background-color: #f6f7f8;
  color: #2c2e37;
}

.info {
  margin-bottom: 16px;
  border-bottom: 1px solid #e4e4e4;
}

.info p {
  margin: 0 0 24px;
  color: #696e7a;
}

.info em, .user .sub-text em {
  font-weight: 600;
  color: #2c2e37;
}

.info em.info-title {
  display: inline-block;
  margin-bottom: 8px;
}

.user.user--signup {
  max-width: 460px;
}

.user.user--signup-complete .button-box {
  text-align: center;
}

.user.user--signup-complete .user__text {
  margin-bottom: 40px;
}

.user.user--signup-complete .user__text-resend {
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  color: #6b778c;
}

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

.user a.xu-button--default {
  color: #505f79;
}

.user a.xu-button--primary {
  color: #fff;
}

.user a.xu-button--link {
  color: #345bd9;
}

.user a.xu-button--subtle {
  color: #344563;
}

.user a.xu-button--subtle-link {
  color: #6b778c;
}

.user a.xu-button--warning {
  color: #fff;
}

.user a.xu-button--danger {
  color: #fff;
}

.user .user__title {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: -0.24px;
  text-align: center;
  color: #172b4d;
}

.user .user__text {
  max-width: 335px;
  margin: 16px auto 0;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  color: #6b778c;
}

.user .auth-user__text {
  margin: 32px 0 0;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  text-align: center;
  color: #6b778c;
}

.user .auth-user__text a {
  margin-left: 4px;
  font-weight: 600;
  color: #345bd9;
}

.user .user__button-default, .user a.user__button-default {
  background-color: #a5adba;
  color: #fff;
}

.user .user__button-default:active, .user .user__button-default:focus, .user .user__button-default:hover, .user a.user__button-default:active, .user a.user__button-default:focus, .user a.user__button-default:hover {
  background-color: #a5adba;
  color: #fff;
}

.user .user-login {
  margin-top: 24px;
}

.user .user-login .xu-form-group__input-box {
  width: 100%;
}

.user .user-login .xu-label-checkradio {
  margin-top: 16px;
  margin-bottom: 16px;
}

.user .user-login .xu-form-group {
  margin-bottom: 0;
}

.user .user-login .xu-form-group + .xu-form-group {
  margin-top: 4px;
}

.user .user-login .user-login-link {
  font-weight: 600;
  color: #345bd9;
}

.user .user-login .user-login-link--right {
  float: right;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 20px;
}

.user .user-login .user-login__button {
  clear: both;
  margin-top: 16px;
}

.user .user-signup {
  margin-top: 32px;
}

.user .user-signup .xu-form-group__input-box {
  width: 100%;
}

.user .user-signup .user-signup__button-signup {
  margin-top: 40px;
}

.user .user-signup .terms-box {
  margin-top: 32px;
}

.user .terms-list {
  margin: 17px 0 0;
  padding-left: 30px;
  list-style: none;
}

.user .terms-list > li {
  margin: 7px 0 0;
  padding: 0;
  line-height: 20px;
  list-style: none;
}

.user .terms-list > li:first-child {
  margin-top: 0;
}

.user .terms-list > li::after {
  content: '';
  display: block;
  clear: both;
}

.user .terms-list > li .xu-label-checkradio {
  margin: 0;
}

.user .terms-list .terms-list__term-button {
  float: right;
  margin-right: 30px;
  padding: 0;
  border: 0 none;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
  cursor: pointer;
  background-color: transparent;
  color: #345bd9;
}

.user .user-terms {
  margin-top: 33px;
}

.user .user-terms .xu-form-group__textarea-box {
  width: 100%;
}

.user .user-terms .xu-form-group__textarea {
  height: 110px;
}

.user .user-terms .button-box {
  margin-top: 32px;
}

.user .user-terms .user-terms__button-cancel {
  background-color: #a5adba;
  color: #fff;
}

.user .terms-box {
  margin-top: 23px;
  margin-bottom: 24px;
}

.user .terms-box .xu-label-checkradio {
  margin-bottom: 6px;
}

.user .terms-box .terms-content {
  overflow-y: auto;
  overflow-x: scroll;
  width: 100%;
  height: 250px;
  padding: 5px 8px;
  border: 1px solid #d4d5dc;
  border-radius: 3px;
  font-size: 14px;
  line-height: 20px;
  background-color: #fafbfc;
  color: #a5adba;
  max-width: 460px;
}

.user .terms-box .terms-content p {
  margin: 0 0 24px;
}

.user .button-box.button-box--type2 {
  margin-left: -3px;
  margin-right: -3px;
}

.user .button-box.button-box--type2 a, .user .button-box.button-box--type2 button {
  float: left;
  width: calc(50% - 6px);
  margin: 0 3px;
}

.user .button-box.button-box--type3 {
  margin-left: -3px;
  margin-right: -3px;
}

.user .button-box.button-box--type3 a, .user .button-box.button-box--type3 button {
  float: left;
  width: calc(33.3333% - 6px);
  margin: 0 3px;
}

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

/* 로그인 */
.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 .auth-user__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: -0.43px;
  color: #2b2b2b;
}

.user .user-login .user-login-link,
.user .auth-user__text a {
  color: #FF90A8 !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 {
  padding: 0 15px;
}

.setting-wrap .main-content h1 {
  display: none;
}

.setting-wrap .main-content h2, .setting-wrap .main-content h3 {
  padding-left: 0;
}

.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 {
  display: none;
  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;
}

.setting-group .setting-group-content,
.setting-group a {
  margin-left: 0;
}

.setting-group .setting-left {
  width: 100%;
}

.setting-group .setting-right {
  width: 100%;
  position: static;
  top: auto;
}

.setting-group .xe-btn-link {
  margin-left: -15px;
}

.setting-detail-content {
  margin-left: 0;
}

.setting-detail-content .xe-form-inline {
  margin-bottom: 0;
}

.setting-card .xe-btn-group-all {
  margin-left: 0;
}

@media (min-width: 576px) {
  .side-menu.xe-col-sm-3 {
    width: 100%;
  }
  .side-menu.xe-col-sm-3 .menu-open {
    display: block;
  }
  .xe-container {
    padding: 0;
  }
  .setting-wrap .snb-list {
    display: none;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 17px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 17px rgba(0, 0, 0, 0.3);
    border-width: 1px 0 1px;
    z-index: 10;
  }
  .setting-wrap .snb-list:after {
    position: absolute;
    top: -9px;
    left: 20px;
    width: 16px;
    height: 9px;
    background: url(img/ico_menu_arrow.png) 0 0 no-repeat;
    background-size: 16px 9px;
    content: "";
  }
}

.main-content.xe-col-sm-9 {
  width: 100%;
  border-left: none;
}

.xe-form-group {
  padding-bottom: 16px;
}

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

.profile-page .card-wrap .xe-container {
  padding: 0;
}

@media (min-width: 576px) {
  .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 .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;
  }
}

.kca-type-panel__header--red {
  background: #DA0F00;
}

.kca-type-panel__header--blue {
  background: #FF90A8;
}

.kca-type-panel__header {
  border-radius: 12px 12px 0 0;
}

.kca-btn-signup-option__wrapper::after {
  display: block;
  content: '';
  clear: both;
}

.kca-type-panel__item {
  padding: 16px;
  border-radius: 12px 12px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.kca-type-panel__icon {
  position: relative;
  display: block;
  margin-top: 9px;
  margin-left: 12px;
  margin-right: 24px;
  float: left;
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 48px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%3Cpath%20d%3D%22M31.1%2026c1.5%200%202.82-.82%203.5-2.06l7.16-12.98C42.5%209.64%2041.54%208%2040.02%208h-29.6L8.54%204H2v4h4l7.2%2015.18-2.7%204.88C9.04%2030.74%2010.96%2034%2014%2034h24v-4H14l2.2-4h14.9zM12.32%2012h24.3L31.1%2022H17.06l-4.74-10zM14%2036c-2.2%200-3.98%201.8-3.98%204s1.78%204%203.98%204%204-1.8%204-4-1.8-4-4-4zm20%200c-2.2%200-3.98%201.8-3.98%204s1.78%204%203.98%204%204-1.8%204-4-1.8-4-4-4z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.kca-type-panel__title {
  position: relative;
  display: block;
  font-weight: 700;
  font-size: 32px;
  line-height: 35px;
  color: #FFF;
  letter-spacing: -0.2px;
}

.kca-type-panel__description {
  position: relative;
  display: block;
  font-weight: 300;
  font-size: 24px;
  line-height: 35px;
  color: #FFF;
  letter-spacing: -0.2px;
}

.kca-type-panel__item::after {
  display: block;
  clear: both;
  content: '';
}

.kca-type-panel__content {
  background: #F3F3F3;
  border-radius: 0 0 12px 12px;
}

.kca-type-panel__content ul {
  margin: 0;
  padding: 0;
}

.kca-type-panel__list-item::after {
  display: block;
  clear: both;
  content: '';
}

.kca-type-panel__list-item {
  padding: 20px;
  list-style: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.kca-type-panel__list-item-info {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.kca-type-panel__list-item-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 35px;
  color: #000;
  letter-spacing: -0.2px;
}

.kca-type-panel__list-item-desc {
  font-size: 14px;
  line-height: 1.4;
  color: #838383;
  letter-spacing: -0.2px;
}

.circle-number--red {
  background: #DA0F00;
}

.circle-number--blue {
  background: #FF90A8;
}

.circle-number {
  position: relative;
  display: block;
  float: left;
  width: 58px;
  height: 58px;
  margin-left: 12px;
  font-size: 24px;
  color: #fff;
  line-height: 58px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 999px;
}

.xe-form-inline .xe-form-group {
  vertical-align: top;
}

.xu-label-checkradio input[type="radio"]:checked + .xu-label-checkradio__helper {
  border-color: #FF90A8;
  background-color: #fff;
}

.xu-label-checkradio input[type="radio"]:checked + .xu-label-checkradio__helper::after {
  background-color: #FF90A8;
}

.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: #FF90A8;
  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: #FF90A8;
  background-color: #FF90A8;
}

.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: #FF90A8;
  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: #FF90A8;
  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: #FF90A8;
}

.xu-label-checkradio:active input[type="checkbox"] + .xu-label-checkradio__helper {
  border-color: #FF90A8;
  background-color: #fff;
}

.xu-label-checkradio:active input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #FF90A8;
  background-color: #FF90A8;
}

.xu-label-checkradio:active input[type="checkbox"]:checked + .xu-label-checkradio__helper::after {
  content: '';
  border-right-color: #FF90A8;
  border-bottom-color: #FF90A8;
}

.xu-label-checkradio:active input[type="radio"] + .xu-label-checkradio__helper {
  border-color: #FF90A8;
  background-color: #fff;
}

.xu-label-checkradio:active input[type="radio"]:checked + .xu-label-checkradio__helper {
  border-color: #FF90A8;
  background-color: #fff;
}

.xu-label-checkradio:active input[type="radio"]:checked + .xu-label-checkradio__helper::after {
  content: '';
  background-color: #FF90A8;
}

.xu-label-checkradio input[type="checkbox"]:focus + .xu-label-checkradio__helper {
  border-color: #fff;
  background-color: #FF90A8;
}

.xu-label-checkradio input[type="checkbox"]:checked:focus + .xu-label-checkradio__helper {
  border-color: #FF90A8;
  background-color: #FF90A8;
}

.xu-label-checkradio.xu-label-checkradio--focus input[type="checkbox"] + .xu-label-checkradio__helper {
  border-color: #FF90A8;
  background-color: #fff;
}

.xu-label-checkradio.xu-label-checkradio--focus input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #FF90A8;
  background-color: #FF90A8;
}

.xu-label-checkradio.xu-label-checkradio--focus input[type="radio"] + .xu-label-checkradio__helper {
  border-color: #FF90A8;
  background-color: #fff;
}

.xu-label-checkradio.xu-label-checkradio--focus input[type="radio"]:checked + .xu-label-checkradio__helper {
  border-color: #FF90A8;
  background-color: #fff;
}

.xu-label-checkradio.xu-label-checkradio--focus input[type="radio"]:checked + .xu-label-checkradio__helper::after {
  content: '';
  background-color: #FF90A8;
}

.xu-label-checkradio input[type="radio"]:focus + .xu-label-checkradio__helper {
  border-color: #FF90A8;
  background-color: #fff;
}

.xu-label-checkradio input[type="radio"]:checked:focus + .xu-label-checkradio__helper {
  border-color: #FF90A8;
  background-color: #fff;
}

.xu-label-checkradio input[type="radio"]:checked:focus + .xu-label-checkradio__helper::after {
  content: '';
  background-color: #FF90A8;
}

.xu-label-checkradio input[type="checkbox"]:checked + .xu-label-checkradio__helper {
  border-color: #FF90A8;
  background-color: #FF90A8;
}

.xu-form-group .xu-form-group__box.xu-form-group__box--icon-right .xu-form-group__control:focus {
  padding-right: 44px;
  padding-left: 12px;
}

.xu-button:focus:not([disabled]), .xu-button.xu-button--focus:not([disabled]) {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.xetheme-candy-birds {
  /* 로고 */
  /* 약관 */
  /* 테이블 */
  /* 리스트 */
  /* 프레임 */
  /* 버튼 */
  /* input */
  /* 채팅 멤버 숫자 */
  /* 헤더 타이틀 */
  /* 서브 메뉴 */
  /* 체크박스 */
}

.xetheme-candy-birds .xf-logo-container {
  width: 210px;
  height: 32px;
  margin: 0 auto;
}

.xetheme-candy-birds .xf-logo-container .xf-logo {
  background-image: url("../img/logo_black.svg");
  background-size: 210px 32px;
  width: 210px;
  height: 32px;
}

.xetheme-candy-birds .xf-term-container {
  padding-top: 60px;
}

.xetheme-candy-birds .xf-term-paragraph {
  line-height: 1.4;
  margin-top: 12px;
}

.xetheme-candy-birds .xf-term__text {
  margin-top: 8px;
  font-size: 14px;
  letter-spacing: -0.2px;
  color: #3F3F3F;
}

.xetheme-candy-birds .xf-term__text:after {
  content: '';
  display: block;
}

.xetheme-candy-birds .xf-term__text.xf-term__list-title {
  font-weight: 500;
  color: #141414;
  display: block;
  margin-top: 8px;
}

.xetheme-candy-birds .xf-term-section {
  margin-top: 24px;
}

.xetheme-candy-birds .xf-term-section .xf-term-heading {
  font-size: 18px;
  letter-spacing: -0.2px;
  line-height: 1.3;
  margin: 16px 0 8px 0;
  font-weight: 700;
  color: #FF90A8;
}

.xetheme-candy-birds .xf-term-section .xf-term-sub-heading {
  font-size: 15px;
  letter-spacing: -0.2px;
  line-height: 1.3;
  margin: 24px 0 8px 0;
  font-weight: 500;
}

.xetheme-candy-birds .xf-term-section .xf-term__sub-title {
  font-weight: 500;
  position: relative;
  padding-left: 6px;
  margin-top: 8px;
  font-size: 14px;
  display: block;
}

.xetheme-candy-birds .xf-term-section .xf-term__sub-title:before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
  top: 9px;
  left: 0;
}

.xetheme-candy-birds .xf-term-section .xf-term__sub-title:after {
  content: '';
  display: block;
}

.xetheme-candy-birds .xf-term-section .xf-unordered-list,
.xetheme-candy-birds .xf-term-section .xf-order-list {
  color: #7a7a7a;
  margin-top: 4px !important;
}

.xetheme-candy-birds .xf-term-section .xf-unordered-list .xf-unordered-item,
.xetheme-candy-birds .xf-term-section .xf-unordered-list .xf-order-item,
.xetheme-candy-birds .xf-term-section .xf-order-list .xf-unordered-item,
.xetheme-candy-birds .xf-term-section .xf-order-list .xf-order-item {
  color: #7a7a7a;
}

.xetheme-candy-birds .xf-term-section .xf-unordered-list .xf-unordered-item .xf-unordered-list,
.xetheme-candy-birds .xf-term-section .xf-unordered-list .xf-unordered-item .xf-order-list,
.xetheme-candy-birds .xf-term-section .xf-unordered-list .xf-order-item .xf-unordered-list,
.xetheme-candy-birds .xf-term-section .xf-unordered-list .xf-order-item .xf-order-list,
.xetheme-candy-birds .xf-term-section .xf-order-list .xf-unordered-item .xf-unordered-list,
.xetheme-candy-birds .xf-term-section .xf-order-list .xf-unordered-item .xf-order-list,
.xetheme-candy-birds .xf-term-section .xf-order-list .xf-order-item .xf-unordered-list,
.xetheme-candy-birds .xf-term-section .xf-order-list .xf-order-item .xf-order-list {
  margin-top: 0 !important;
}

.xetheme-candy-birds .xf-term-section .xf-unordered-list .xf-unordered-item .xf-list li,
.xetheme-candy-birds .xf-term-section .xf-unordered-list .xf-order-item .xf-list li,
.xetheme-candy-birds .xf-term-section .xf-order-list .xf-unordered-item .xf-list li,
.xetheme-candy-birds .xf-term-section .xf-order-list .xf-order-item .xf-list li {
  margin-left: 22px;
  text-indent: -22px;
}

.xetheme-candy-birds .xf-term-section .xf-unordered-list .xf-unordered-item .xf-term__text,
.xetheme-candy-birds .xf-term-section .xf-unordered-list .xf-order-item .xf-term__text,
.xetheme-candy-birds .xf-term-section .xf-order-list .xf-unordered-item .xf-term__text,
.xetheme-candy-birds .xf-term-section .xf-order-list .xf-order-item .xf-term__text {
  color: #7a7a7a;
}

.xetheme-candy-birds .xf-term-section .xf-unordered-list .xf-unordered-item .xf-term__text.xf-term__list-title,
.xetheme-candy-birds .xf-term-section .xf-unordered-list .xf-order-item .xf-term__text.xf-term__list-title,
.xetheme-candy-birds .xf-term-section .xf-order-list .xf-unordered-item .xf-term__text.xf-term__list-title,
.xetheme-candy-birds .xf-term-section .xf-order-list .xf-order-item .xf-term__text.xf-term__list-title {
  color: #141414;
}

.xetheme-candy-birds .xf-term-section strong {
  font-weight: 500;
  margin-top: 16px;
  font-size: 14px;
  display: block;
}

.xetheme-candy-birds .xf-term-section .xf-a {
  color: #FF90A8;
  text-decoration: underline;
  font-size: 14px;
  font-weight: 400;
}

.xetheme-candy-birds .xf-term-section .xf-a:hover {
  opacity: 0.8;
  font-weight: 500;
}

.xetheme-candy-birds .xf-table-xscroll {
  overflow-x: auto;
}

.xetheme-candy-birds .xf-table-xscroll .xf-sub-table2 {
  width: 1000px;
  word-break: keep-all;
}

.xetheme-candy-birds .xf-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;
}

.xetheme-candy-birds .xf-sub-table1 {
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}

.xetheme-candy-birds .xf-sub-table1 .xf-sub-tb1-tr {
  border-bottom: 1px solid #e0e0e0;
  border-bottom: none;
}

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

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

.xetheme-candy-birds .xf-sub-table1 .xf-sub-tb1-tr:last-child {
  border-bottom: none;
}

.xetheme-candy-birds .xf-sub-table1 .xf-sub-tb1-tr .xf-tb1-cell {
  text-align: left;
  padding: 8px 15px;
}

.xetheme-candy-birds .xf-sub-table1 .xf-sub-tb1-tr .xf-sub-tb1-th {
  background-color: #fafbfc;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.54;
  letter-spacing: -0.19px;
  color: #484848;
  padding: 20px 0;
}

.xetheme-candy-birds .xf-sub-table1 .xf-sub-tb1-tr .xf-sub-tb1-th-rowspan {
  border-right: 1px solid #e0e0e0;
}

.xetheme-candy-birds .xf-sub-table1 .xf-sub-tb1-tr .xf-sub-tb1-td {
  font-size: 13px;
  letter-spacing: -0.2px;
  color: #484848;
  padding: 20px 0;
}

.xetheme-candy-birds .xf-sub-table2 {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.xetheme-candy-birds .xf-sub-table2 .xf-sub-tb2-thead {
  background-color: #FF90A8;
}

.xetheme-candy-birds .xf-sub-table2 .xf-sub-tb2-thead .xf-sub-tb2-tr .xf-sub-tb2-th {
  border-right: 1px solid #e0e0e0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.73;
  letter-spacing: -0.2px;
  color: #ffffff;
  padding: 8px 15px;
}

.xetheme-candy-birds .xf-sub-table2 .xf-sub-tb2-thead .xf-sub-tb2-tr .xf-sub-tb2-th:last-child {
  border-right: 0;
}

.xetheme-candy-birds .xf-sub-table2 .xf-sub-tb2-tbody {
  border-left: 1px solid #e0e0e0;
}

.xetheme-candy-birds .xf-sub-table2 .xf-sub-tb2-tbody .xf-sub-tb2-tr .xf-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;
}

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

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

.xetheme-candy-birds .xf-sub-table2 .xf-sub-tb2-tbody .xf-sub-tb2-tr .xf-sub-tb2-td {
  border-top: 1px solid #e0e0e0;
}

.xetheme-candy-birds .xf-sub-table2 .xf-sub-tb2-tbody .xf-sub-tb2-tr .xf-sub-tb2-th-row {
  background-color: #FF90A8;
  color: #ffffff;
}

.xetheme-candy-birds .xf-sub-table2 .xf-sub-tb2-tbody .xf-sub-tb2-tr .xf-sub-tb2-th-row {
  background-color: #FF90A8;
  color: #ffffff;
}

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

.xetheme-candy-birds .xf-sub-table2 .xf-sub-tb2-tfoot .xf-sub-tb2-tr .xf-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;
}

.xetheme-candy-birds .xf-order-list {
  margin: 0;
  padding-left: 30px;
}

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

.xetheme-candy-birds .xf-order-list .xf-order-item .xf-order-list {
  padding-left: 30px;
}

.xetheme-candy-birds .xf-order-list .xf-order-item .xf-order-list .xf-order-item .xf-order-list {
  padding-left: 30px;
}

.xetheme-candy-birds .xf-unordered-list {
  margin: 0;
  padding-left: 30px;
}

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

.xetheme-candy-birds .xf-unordered-list .xf-unordered-item .xf-unordered-list {
  padding-left: 30px;
}

.xetheme-candy-birds .xf-unordered-list .xf-unordered-item .xf-unordered-list .xf-unordered-item .xf-unordered-list {
  padding-left: 30px;
}

.xetheme-candy-birds .xf-frame {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.67;
  letter-spacing: -0.2px;
  color: #484848;
  padding: 15px 18px;
}

.xetheme-candy-birds .xf-frame.xf-frame-gray {
  border: solid 1px #e0e0e0;
  background-color: #f4f5f6;
}

.xetheme-candy-birds .xf-frame.xf-frame-white {
  border: solid 1px #e0e0e0;
  background-color: #ffffff;
}

.xetheme-candy-birds button {
  cursor: pointer;
}

.xetheme-candy-birds .base-btn {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  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;
}

.xetheme-candy-birds .base-btn.base-extra-large-btn {
  width: 100%;
  padding: 7px 14px;
  height: 40px;
  background-color: #FF90A8;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.6px;
  border-radius: 4px;
}

.xetheme-candy-birds .base-btn.base-extra-large-btn.xf-second-color-btn {
  background-color: #ff2121;
}

.xetheme-candy-birds .base-btn.base-extra-large-btn.xf-second-color-btn.xf-live-start-btn--disabled {
  background-color: #c4c7ca;
}

.xetheme-candy-birds .base-btn.base-large-btn {
  height: 36px;
  width: 150px;
  background-color: #2f2f2f;
  border: solid 1px #2f2f2f;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  letter-spacing: -0.2px;
  text-align: center;
  color: #ffffff;
  border-radius: 50px;
  padding-top: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.xetheme-candy-birds .base-btn.base-large-btn:hover {
  color: #fff;
  background-color: #181818;
}

.xetheme-candy-birds .base-btn.base-large-btn.base-wi200 {
  width: 200px;
}

.xetheme-candy-birds .base-btn.base-white-btn {
  background-color: #ffffff;
  border: solid 1.3px #141414;
  color: #000000;
}

.xetheme-candy-birds .base-btn.base-white-btn:hover {
  color: #000000;
  background-color: rgba(255, 255, 255, 0.8);
}

.xetheme-candy-birds .base-btn.base-med-btn {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.26px;
  text-align: center;
  color: #141414;
  padding: 13px;
  border-radius: 4px;
  border: solid 1px #d7d7d7;
}

.xetheme-candy-birds .base-btn.base-med-btn.base-primary-bg-btn {
  background-color: #FF90A8;
  border-color: #FF90A8;
  color: #fff;
}

.xetheme-candy-birds .base-btn.base-small-btn {
  padding: 10px 20px;
  height: 44px;
  background-color: #009ada;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
}

.xetheme-candy-birds .base-btn.base-outline-btn {
  border: solid 1px #dbdbdb;
  background-color: #fdfdfd;
  color: #2b2b2b;
}

.xetheme-candy-birds .base-btn.base-btn-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  letter-spacing: -0.2px;
  color: #2684ff;
}

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

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

.xetheme-candy-birds .base-btn.base-basic-btn {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.23px;
  text-align: center;
  color: #141414;
  border-radius: 4px;
  border: solid 1px #d7d7d7;
  background-color: #fff;
  width: 100%;
  padding: 10px;
}

.xetheme-candy-birds .base-btn.base-basic-btn.__followed {
  color: #fff !important;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  background-color: #FF90A8;
  border: solid 1px #FF90A8;
}

.xetheme-candy-birds .base-btn.base-basic-btn.__followed:hover {
  color: #000 !important;
  border: solid 1px #d7d7d7;
  background-color: #f1f1f1;
}

.xetheme-candy-birds .base-btn.base-basic-btn:hover {
  background-color: #f1f1f1;
}

.xetheme-candy-birds .base-btn.base-basic-btn.active {
  background-color: #141414;
  color: #fff;
}

.xetheme-candy-birds .base-btn:disabled {
  cursor: not-allowed;
  border: 1px solid #c4c7ca !important;
  background-color: #c4c7ca !important;
  color: #fff !important;
}

.xetheme-candy-birds .xf-border-basic {
  border: solid 1px #d7d7d7;
  border-radius: 4px;
}

.xetheme-candy-birds .xf-border-basic:focus {
  border-color: #FF90A8;
}

.xetheme-candy-birds .xf-textarea {
  width: 100%;
  min-height: 260px;
  padding: 15px;
  resize: none;
}

.xetheme-candy-birds .xf-input {
  padding: 15px;
}

.xetheme-candy-birds .xf-input.xf-small {
  width: 30%;
}

.xetheme-candy-birds .xf-input.xf-normal {
  width: 70%;
}

.xetheme-candy-birds .xf-input.xf-large {
  width: 100%;
}

.xetheme-candy-birds .xf-input.xf-border-basic {
  border: solid 1px #d7d7d7;
  border-radius: 4px;
}

.xetheme-candy-birds .xf-input.xf-border-basic:focus {
  border-color: #FF90A8;
}

.xetheme-candy-birds .xf-input:-moz-read-only {
  width: 100%;
  color: #9c9c9c;
}

.xetheme-candy-birds .xf-input:read-only, .xetheme-candy-birds .xf-input:disabled {
  width: 100%;
  color: #9c9c9c;
}

.xetheme-candy-birds .xf-select {
  background-image: url("../img/icon_angle_down_black.svg");
  background-color: #fff;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.26px;
  text-align: center;
  color: #141414;
  padding: 15px;
  position: relative;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center right 10px;
}

.xetheme-candy-birds .xf-select.xf-border-primary {
  border: solid 1px #2cc1bc;
}

.xetheme-candy-birds .xf-select.xf-border-primary:focus {
  border-color: #d7d7d7;
}

.xetheme-candy-birds .xf-select.xf-border-basic {
  border: solid 1px #d7d7d7;
}

.xetheme-candy-birds .xf-select.xf-border-basic:focus {
  border-color: #FF90A8;
}

.xetheme-candy-birds .xf-message-number-container {
  border-radius: 50px;
  padding: 0 5px;
  width: 22px;
  height: 22px;
  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;
}

.xetheme-candy-birds .xf-message-number-container .xf-message__group-number {
  font-size: 12px;
  color: #fff;
  font-weight: normal;
}

.xetheme-candy-birds .xf-header-title {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: -0.6px;
  text-align: center;
}

.xetheme-candy-birds .xf-mychannel-profile-image .xf-profile-container {
  position: relative;
}

.xetheme-candy-birds .swiper-pagination-bullet {
  background-color: #fff;
  border: solid 1px #727272;
  opacity: 1;
  margin: 0 2px;
}

.xetheme-candy-birds .swiper-pagination-bullet-active {
  border: solid 1px #d7d7d7;
  background-color: #000000;
}

.xetheme-candy-birds .xf-submenu-container {
  background-color: #fff;
}

.xetheme-candy-birds .xf-submenu-container .xf-submenu-list {
  padding: 15px;
}

.xetheme-candy-birds .xf-submenu-container .xf-submenu-list .xf-submenu-item {
  text-align: center;
  float: left;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #767676;
  width: 33.33%;
}

.xetheme-candy-birds .xf-submenu-container .xf-submenu-list .xf-submenu-item .xf-submenu-item__link {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -0.4px;
  text-align: center;
  color: #767676;
  padding: 5px 15px;
  text-decoration: none;
}

.xetheme-candy-birds .xf-submenu-container .xf-submenu-list .xf-submenu-item .xf-submenu-item__link.active {
  position: relative;
  color: #fff;
  background-color: #2b2b2b;
  border-radius: 50px;
}

.xetheme-candy-birds .xf-myprofile__level {
  font-size: 11px;
  font-weight: 700;
  color: #474747;
  border-radius: 3px;
  background-color: #d9d9d9;
  padding: 1px 4px;
}

.xetheme-candy-birds .xf-radio-input,
.xetheme-candy-birds .xf-check-input {
  overflow: hidden;
  position: absolute;
  width: 0;
  border: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  left: -9999px;
}

.xetheme-candy-birds .xf-input__label {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.xetheme-candy-birds .xf-input__label:after {
  content: '';
  background-color: #e0e0e0;
}

.xetheme-candy-birds .xf-input__label.xf-checked:after {
  background-color: #FF90A8;
}

.xetheme-candy-birds .xf-input-check-list {
  width: 100%;
}

.xetheme-candy-birds .xf-input-check-list .xf-input-check-item {
  font-size: 16px;
  line-height: 1.8;
  color: #141414;
  position: relative;
  width: 50%;
  float: left;
}

.xetheme-candy-birds .xf-input-check-list .xf-input-check-item:not(:last-child) {
  margin-bottom: 22px;
}

.xetheme-candy-birds .xf-input-check-list .xf-input-check-item i {
  width: 20px;
}

.xetheme-candy-birds .xf-input-check-list .xf-input-check-item .xf-input__label {
  display: inline-block;
  width: 100%;
}

.xetheme-candy-birds .xf-input-check-list .xf-input-check-item .xf-input__label:after {
  position: absolute;
  top: 50%;
  left: -30px;
  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;
}

.xetheme-candy-birds .xf-input-check-list .xf-input-check-item .xf-input__label .xf-input-check-text {
  width: 100%;
  color: #9c9c9c;
}

.xetheme-candy-birds .xf-input-check-list .xf-input-check-item .xf-input__label .xf-input-check__text {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.2px;
  color: #9c9c9c;
}

.xetheme-candy-birds .xf-input-check-list .xf-input-check-item .xf-input__label.xf-checked:after {
  background-color: #FF90A8;
}

.xetheme-candy-birds .xf-input-check-list .xf-input-check-item .xf-input__label.xf-checked .xf-input-check-text {
  width: 100%;
  color: #FF90A8;
}

.xetheme-candy-birds .xf-input-check-list .xf-input-check-item .xf-input__label.xf-checked .xf-input-check-text .xf-input-check__text {
  color: #FF90A8;
}

.xetheme-candy-birds .xf-file-attachment-container {
  padding: 13px;
}

.xetheme-candy-birds .xf-file-upload-input-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
}

.xetheme-candy-birds .xf-file-upload-input-list .xf-file-upload-input-item {
  padding: 2px;
}

.xetheme-candy-birds .xf-section-full-width-box {
  position: relative;
}

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

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

.xetheme-candy-birds .xf-section-line-box {
  position: relative;
}

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

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

.xf-info-icon-container {
  width: 18px;
  height: 18px;
}

.xf-info-icon-container .xf-info-icon {
  width: 18px;
  height: 18px;
  background-image: url("../img/icon_info.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px 18px;
}

.xf-popover-container {
  position: absolute;
  top: 30px;
  right: -5px;
  z-index: 10;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
  pointer-events: none;
}

.xf-popover-container.open {
  opacity: 1;
}

.xf-popover-container .xf-popover-text {
  background-color: #FF90A8;
  position: relative;
  padding: 10px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  border-radius: 6px 0;
  line-height: 1.4;
  max-width: 300px;
}

.xf-popover-container .xf-popover-text:before {
  content: '';
  position: absolute;
  right: 10px;
  top: -5px;
  margin-left: -5px;
  border-bottom: 5px solid #FF90A8;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.xf-popover-container .xf-popover-text .xf-popover__text:after {
  content: '';
  display: block;
}

.xf-warning-container {
  text-align: center;
  padding: 20px;
  -webkit-box-shadow: 0 -1px 0 0 #e0e0e0;
          box-shadow: 0 -1px 0 0 #e0e0e0;
  background-color: #ff2121;
  color: #fff;
}

.xf-warning-container .xf-warning-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.4px;
}

.xf-warning-container .xf-warning-text {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.2px;
  word-break: keep-all;
}

.xf-share-container {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 220;
  min-width: 250px;
  max-width: 100%;
  background-color: #ffffff;
  border: 2px solid #000;
  display: none;
}

.xf-share-container .xf-share-close-btn-container {
  position: relative;
}

.xf-share-container .xf-share-close-btn-container .xf-share-close-btn {
  position: absolute;
  right: -5px;
  top: -4px;
  font-size: 33px;
  cursor: pointer;
}

.xf-share-container .xf-share-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}

.xf-share-container .xf-share-wrap .xf-share-list-item {
  font-size: 45px;
}

.xf-share-container .xf-share-wrap .xf-share-list-item:not(:last-child) {
  margin-right: 10px;
}

.xf-share-container .xf-share-wrap .xf-share-list-item .xf-copy__text {
  display: inline-block;
  padding: 5px;
}

.xf-share-container .xf-share-wrap .xf-share-list-item .share-item {
  padding: 5px;
}

.xf-banner-container {
  border-top: 1px solid #d7d7d7;
  background-color: #ffffff;
  padding-bottom: 70px;
}

.xf-basic__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: -0.6px;
  color: #141414;
}

.xf-number__text {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.46px;
}

.new-select {
  white-space: normal;
}

.new-select .xe-dropdown__button-box {
  position: relative;
}

.new-select .xe-dropdown--menu {
  z-index: 5;
  display: none;
  border: 1px solid #d4d5dc;
  border-radius: 3px;
  background: #fff;
  position: absolute;
  padding: 10px 0;
  overflow: hidden;
}

.new-select .xe-dropdown__button-box .xe-dropdown__button-text {
  background: transparent;
  border: none;
  padding: 0;
  color: #767676;
  font-size: 14px;
  /*margin: 0 10px 0 0;*/
  cursor: pointer;
}

.new-select .xe-dropdown__button-box .xe-dropdown__button-text:after {
  display: inline-block;
  font-family: 'xeicon';
  content: "\e942";
  font-size: 14px;
  margin-left: -3px;
}

.new-select .xe-dropdown__button-box .xe-dropdown__button-text[aria-expanded="true"] {
  color: #000;
}

.new-select .xe-dropdown__button-box .xe-dropdown__button-text[aria-expanded="true"]:after {
  content: "\e945";
}

.new-select .xe-dropdown--menu.open {
  display: block;
}

.new-select .xe-dropdown--menu .xe-dropdown--menu-item {
  position: relative;
  font-size: 14px;
}

.new-select .xe-dropdown--menu .xe-dropdown--menu-item.on {
  color: #2684ff;
}

.new-select .xe-dropdown--menu .xe-dropdown--menu-item:hover {
  background: #f5f5f5;
}

.new-select .xe-dropdown--sub-menu:hover {
  background: #f5f5f5;
}

.new-select .xe-dropdown--menu .xe-dropdown--menu-item.on:after a {
  color: #fff;
}

.new-select .xe-dropdown--menu .xe-dropdown--sub-menu {
  padding-left: 5px;
}

.new-select .xe-dropdown--menu .xe-dropdown--menu-item-link {
  text-decoration: none;
  color: #141414;
  padding: 5px 10px;
  display: inline-block;
  min-width: 150px;
  max-width: 500px;
  font-size: 14px;
}

.new-select .xe-dropdown--menu .xe-dropdown--menu-item.on .xe-dropdown--menu-item-link {
  color: #2684ff;
  line-height: 21px;
}

.new-select .xe-dropdown--menu .xe-dropdown--sub-menu .xe-dropdown--menu-item-link:before {
  display: inline-block;
  font-family: 'xeicon';
  content: "\e91b";
  line-height: 21px;
}

.xf-comment-container .xf-comment {
  width: 22px;
  height: 20px;
  cursor: pointer;
  position: relative;
  background-image: url(../img/icon_comment.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 22px 20px;
}

.xf-new {
  /*  width: 16px;
  height: 16px; */
  /*  @include backgroundImg(16px 16px);
  background-image: url("../img/icon_new.svg"); */
}

.xf-new .xf-tab-img-wrapper::before {
  content: '';
  display: block;
  position: absolute;
  right: -20px;
  top: -10px;
  width: 16px;
  height: 16px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/plugins/xehub_custom_develop/views/Themes/CandyBirdsTheme/assets/img/icon_new.svg");
}

.xf-no-result-item {
  text-align: center;
  padding: 20px 0;
}

.xf-candy-gift__no-result {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.2px;
  text-align: center;
  color: #767676;
}

#postUpButton {
  padding: 15px;
}

.xf-notice-item.xf-notice-item--margin-top {
  margin-top: 12px;
}

/* <!-- 기획전 목록 S --> */
.xe-promotion-wrap {
  padding: 15px;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box {
  border: solid 1px rgba(0, 0, 0, 0.1);
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-thumnail {
  overflow: hidden;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-thumnail .xe-promotion-img {
  padding-top: 54%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ddd;
  background-image: url("../img/promotion_1.jpg");
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-thumnail:hover {
  cursor: pointer;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-thumnail:hover .xe-promotion-img {
  -webkit-transform: scale(1.07);
  transform: scale(1.07);
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .promotion-info {
  margin: 0 20px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .promotion-info .promotion-title {
  line-height: 25px;
  letter-spacing: -0.21px;
  color: #141414;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 6px;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .promotion-info .promotion-period {
  font-size: 13px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.19px;
  color: #aeaeae;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area {
  margin: 0;
  padding: 20px;
  list-style: none;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area .xe-promotion-item-list {
  position: relative;
  padding-bottom: 20px;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area .xe-promotion-item-list::after {
  content: '';
  display: block;
  clear: both;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area .xe-promotion-item-list .xe-promotion-item-list-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-decoration: none;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area .xe-promotion-item-list .xe-promotion-item-list-link .xe-promotion-item-list-info {
  padding-right: 15px;
  width: 72%;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area .xe-promotion-item-list .xe-promotion-item-list-link .xe-promotion-item-list-info .xe-promotion-item-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #484848;
  margin-bottom: 8px;
  overflow: hidden;
  /* text-overflow: ellipsis; */
  white-space: normal;
  height: 44px;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*   -webkit-box-orient: vertical; */
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area .xe-promotion-item-list .xe-promotion-item-list-link .xe-promotion-item-list-info .xe-promotion-item-price {
  font-size: 15px;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  line-height: 20px;
  letter-spacing: -0.21px;
  color: #141414;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area .xe-promotion-item-list .xe-promotion-item-list-link .xe-promotion-item-thumnail {
  width: 70px;
  margin-left: auto;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-item-area .xe-promotion-item-list .xe-promotion-item-list-link .xe-promotion-item-thumnail .xe-promotion-item-thumnail-img {
  background-image: url("../img/promotion_2.jpg");
  /*  position: absolute;
                                        right: 0;
                                        top: 0;
                                        width: 70px; */
  width: 100%;
  padding-top: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ddd;
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-more {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list .xe-promotion-box .xe-promotion-item .xe-promotion-more .xe-promotion-more-link {
  font-size: 16px;
  text-decoration: none;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.23px;
  text-align: center;
  color: #2684ff;
  display: block;
  padding: 12px;
}

/* <!-- 기획전 목록 E --> */
/* 공통 S */
.xepage-shopping-item-list-info {
  margin-bottom: 20px;
}

.xepage-shopping-item-list-info:after {
  content: '';
  display: block;
  clear: both;
}

.xepage-shopping-item-list-info .xepage-shopping-item-list--left-box {
  float: left;
}

.xepage-shopping-item-list-info .xepage-shopping-item-list--left-box .xepage-shopping-item-list-num .xepage-shopping-item-list__cateogry {
  color: #141414;
  font-size: 14px;
  margin-right: 5px;
  line-height: 22px;
}

.xepage-shopping-item-list-info .xepage-shopping-item-list--left-box .xepage-shopping-item-list-num .xepage-shopping-item-list__number {
  font-size: 14px;
  color: #aeaeae;
}

.xepage-shopping-item-list-info .xepage-shopping-item-list--right-box {
  float: right;
}

.xepage-shopping-item-list-info .xepage-shopping-item-list--right-box .xu-dropdown button {
  border-radius: 0;
}

.promotion-product-sort-list .promotion-product-sort-list-link {
  position: relative;
  text-decoration: none;
  color: #767676;
  line-height: 22px;
  font-size: 14px;
  display: inline-block;
  padding: 0 8px;
}

.promotion-product-sort-list .promotion-product-sort-list-link:first-child {
  padding-left: 0;
}

.promotion-product-sort-list .promotion-product-sort-list-link:last-child::after {
  display: none;
}

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

/* 공통 E */
/*  기획전 상세 A타입 S */
.xe-promotion-detail-content {
  margin-top: -30px;
}

.xe-promotion-detail .xe-promotion-banner {
  display: block;
  top: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  position: relative;
}

.xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box {
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 250px;
}

.xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-box-bg {
  position: absolute;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 250px;
}

.xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-box-bg.xe-promotion-banner-box-bg-pc {
  display: none;
}

.xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-box-bg.xe-promotion-banner-box-bg-mobile {
  display: block;
}

.xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-info-wrap {
  padding-top: 200px;
}

.xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-info-wrap .xe-promotion-banner-info {
  padding: 24px 20px;
  background-color: #fff;
}

.xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-info-wrap .xe-promotion-banner-info .xe-promotion-banner-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.5px;
  text-align: center;
  color: #141414;
  margin-bottom: 16px;
}

.xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-info-wrap .xe-promotion-banner-info .xe-promotion-banner-text {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.2px;
  text-align: center;
  color: #484848;
}

/*  기획전 상세 A타입 E */
.xe-promotion-list-wrap {
  position: relative;
}

.xe-promotion-list-wrap .xe-promotion-list {
  padding: 0;
  margin: 0;
  margin-left: -7px;
  margin-right: -7px;
}

.xe-promotion-list-wrap .xe-promotion-list::after {
  content: '';
  display: block;
  clear: both;
}

.xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item {
  list-style: none;
  float: left;
  width: 50%;
  padding: 7px;
}

.xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link {
  display: block;
  color: #333;
  background-color: #fff;
}

.xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link:hover {
  text-decoration: none;
}

.xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link .xe-promotion-list-box {
  position: relative;
}

.xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link .xe-promotion-list-box .xe-promotion-best-caption {
  position: absolute;
  background-color: #2684ff;
}

.xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link .xe-promotion-list-box .xe-promotion-best-caption .xe-promotion-best-caption-text {
  font-size: 11px;
  color: #fff;
  line-height: 20px;
  display: block;
  width: 44px;
  text-align: center;
  padding: 0 5px;
}

.xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link .xe-promotion-list-box .xe-promotion-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-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link .xe-promotion-list-box .xe-promotion-shop-list_img img {
  width: 100%;
}

.xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link .xe-promotion-list-box .xe-promotion-shop-list-info {
  padding: 15px 0;
}

.xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link .xe-promotion-list-box .xe-promotion-shop-list-info .xe-promotion-shop-list_title {
  font-weight: 500;
  font-size: 15px;
  color: #141414;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  /*    text-overflow: ellipsis; */
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*  -webkit-box-orient: vertical;  */
}

/* xe-promotion-shop-list_content  */
.xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link .xe-promotion-list-box .xe-promotion-shop-list-info .xe-promotion-shop-list_content {
  margin-bottom: 0;
  font-size: 14px;
  overflow: hidden;
  /*   text-overflow: ellipsis; */
  white-space: normal;
  line-height: 16px;
  height: 32px;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*  -webkit-box-orient: vertical; */
  color: #666;
}

.xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link .xe-promotion-list-box .xe-promotion-shop-list-info .xe-promotion-shop-list_content .xe-content-xecommerce p {
  margin-bottom: 0;
  font-size: 14px;
  overflow: hidden;
  /*   text-overflow: ellipsis; */
  white-space: normal;
  line-height: 16px;
  height: 32px;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*  -webkit-box-orient: vertical; */
  color: #666;
}

.xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link .xe-promotion-list-box .xe-promotion-shop-list-info .xe-promotion-shop-list-price {
  margin-top: 16px;
}

.xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link .xe-promotion-list-box .xe-promotion-shop-list-info .xe-promotion-shop-list-price .xe-promotion-shop-list-discount {
  margin-right: 5px;
  font-weight: 600;
  color: #d75456;
  font-size: 15px;
  line-height: 20px;
  font-family: 'Inter', sans-serif;
}

.xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link .xe-promotion-list-box .xe-promotion-shop-list-info .xe-promotion-shop-list-price .xe-promotion-shop-list_sale_price {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -1.5px;
  font-family: 'Inter', sans-serif;
}

.xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link .xe-promotion-list-box .xe-promotion-shop-list-info .xe-promotion-shop-list-price .xe-promotion-shop-list_regular_price {
  color: #c0c0c0;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: line-through;
  letter-spacing: -1px;
  font-family: 'Inter', sans-serif;
}

.xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link .xe-promotion-list-box .xe-promotion-shop-list-delivery {
  padding: 2px 0px;
  margin: 0;
  font-size: 13px;
  color: #767676;
  line-height: 19px;
}

@media (min-width: 420px) {
  .xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item {
    float: left;
    width: 50%;
    padding: 10px 5px;
  }
}

@media (min-width: 768px) {
  /* <!-- 기획전 목록 S --> */
  .xe-promotion-wrap {
    padding: 15px 0;
  }
  .xe-promotion-wrap .xe-promotion-wrap-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }
  .xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list {
    width: 50%;
    padding: 0 15px 44px 15px;
  }
  /* <!-- 기획전 목록 E --> */
  /*  기획전 상세 A타입 S */
  .xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    height: 500px;
    /*  background-image: url("../img/promotion_banner.jpg"); */
  }
  .xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-box-bg {
    height: 500px;
  }
  .xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-box-bg.xe-promotion-banner-box-bg-pc {
    display: block;
  }
  .xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-box-bg.xe-promotion-banner-box-bg-mobile {
    display: none;
  }
  .xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-info-wrap {
    padding-top: 400px;
  }
  .xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-info-wrap .xe-promotion-banner-info {
    padding: 40px 180px;
    background-color: #fff;
  }
  .xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-info-wrap .xe-promotion-banner-info .xe-promotion-banner-title {
    font-size: 28px;
    line-height: 38px;
  }
  .xe-promotion-detail .xe-promotion-banner .xe-promotion-banner-box .xe-promotion-banner-info-wrap .xe-promotion-banner-info .xe-promotion-banner-text {
    font-size: 16px;
    line-height: 28px;
  }
  /*  기획전 상세 A타입 E */
}

@media (min-width: 992px) {
  .xe-promotion-detail-content {
    margin-top: -40px;
  }
  /* <!-- 기획전 목록 S --> */
  .xe-promotion-wrap .xe-promotion-wrap-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .xe-promotion-wrap .xe-promotion-wrap-content .xe-promotion-list {
    width: 33.333%;
  }
  /* <!-- 기획전 목록 E --> */
  .xe-promotion-list-wrap::before {
    content: '';
    position: absolute;
    height: 270px;
    top: -100px;
  }
  .xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item {
    width: 25%;
  }
  .xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link {
    background-color: transparent;
  }
  .xe-promotion-list-wrap .xe-promotion-list .xe-promotion-list-item .xe-promotion-shop-list-link .xe-promotion-list-box .xe-promotion-shop-list_img {
    background-color: #fff;
    border: 1px solid #e4e4e4;
  }
}

/*# sourceMappingURL=banner.css.map */
.xepage-graybackground {
  width: 100vw;
  height: 100%;
  background-color: #f1f1f3;
  position: absolute;
  top: 0;
  left: 0;
}

.xu-form-group select.xu-form-group__control:focus,
.xu-form-group input.xu-form-group__control:focus {
  padding: 0 12px 0 12px;
  border: 1px solid #dfe1e6;
  border-radius: 4px;
  background-color: #fff;
}

.xu-form-group.xu-form-group--large select.xu-form-group__control:focus {
  line-height: 45px;
}

.xepage-input-box input.xu-form-group__control::-webkit-input-placeholder {
  color: #aeaeae;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.6px;
  opacity: 1;
}

.xepage-input-box input.xu-form-group__control::-moz-placeholder {
  color: #aeaeae;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.6px;
  opacity: 1;
}

.xepage-input-box input.xu-form-group__control:-ms-input-placeholder {
  color: #aeaeae;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.6px;
  opacity: 1;
}

.xepage-input-box input.xu-form-group__control::-ms-input-placeholder {
  color: #aeaeae;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.6px;
  opacity: 1;
}

.xepage-input-box select.xu-form-group__control,
.xepage-input-box input.xu-form-group__control::placeholder {
  color: #aeaeae;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.6px;
  opacity: 1;
}

.xepage-input-box select.xu-form-group__control option {
  color: #141414;
}

.xepage-breadcrumb {
  margin: 0 -15px 10px;
  padding: 16px;
}

.xepage-breadcrumb .xepage--breadcrumb-item {
  vertical-align: middle;
  font-weight: 500;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #aeaeae;
  display: inline-block;
}

.xepage-breadcrumb .xepage--breadcrumb-item .active {
  font-size: 17px;
  margin: 0;
}

.xepage-breadcrumb .xepage--breadcrumb-item:not(:last-child) {
  margin-right: 3px;
}

.xepage-breadcrumb .xepage--breadcrumb-item:not(:last-child):after {
  content: url("../img/angle-right.svg");
  margin-left: 7px;
}

.xu-label-checkradio input[type="checkbox"]:checked + .xu-label-checkradio__helper::after {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.xepage-page .section-xepage-title .xepage-title__title {
  font-weight: 700;
  font-size: 17px;
  margin: 0;
}

.xepage--point-color {
  color: #FF90A8 !important;
}

.xepage--point-back-color {
  background-color: #FF90A8 !important;
  border: 1px solid #FF90A8 !important;
}

.xepage--point-border-color {
  border-color: #FF90A8 !important;
}

.xepage--main-text-color {
  color: #141414 !important;
}

.xepage--sub-text-color {
  color: #767676 !important;
}

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

.xepage-shopping .xepage-a {
  text-decoration: none;
}

.xepage-shopping .xepage-font-bold {
  font-weight: 700;
}

.xepage-shopping .xepage-font-medium {
  font-weight: 500;
}

.xepage-shopping .xepage-font-normal {
  font-weight: 400;
}

.xepage-shopping .xepage-font-title {
  font-weight: 700;
}

.xepage-shopping .xepage-font-sub-title {
  font-weight: 500;
}

@media (min-width: 992px) {
  .xepage-shopping .xepage-font-title {
    font-weight: 500;
  }
  .xepage-shopping .xepage-font-sub-title {
    font-weight: 400;
  }
}

.xepage-shopping .mypage-label {
  margin: 0;
  position: relative;
}

.xepage-shopping .xu-label-checkradio .xu-label-checkradio__helper {
  top: 2px;
}

.xepage-shopping .xu-label-checkradio .xu-label-checkradio__text {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #767676;
}

.xepage-shopping .xu-form-group {
  margin: 0;
}

.xepage-shopping .xu-form-group .mypage-input-label {
  display: none;
}

.xepage-shopping .xu-form-group .xu-form-group__box.xu-form-group__box--icon-right .xu-form-group__control,
.xepage-shopping .xu-form-group input.xu-form-group__control {
  background-color: #fff;
}

.xepage-shopping .xu-form-group .xu-label-checkradio,
.xepage-shopping .xu-form-group .xu-form-group__label {
  margin: 0;
  padding: 0;
}

.xepage-shopping .xepage-ship-modal {
  padding-right: 0 !important;
}

.xepage-shopping .mypage-checkbox:checked ~ div {
  background-color: #FF90A8;
}

.xepage-shopping .mypage-checkbox-check {
  display: inline-block;
  height: 24px;
  width: 24px;
  background-image: url("../img/check.svg");
  background-color: #e0e0e0;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center center;
  border-radius: 50%;
  cursor: pointer;
}

.xepage-shopping .mypage-section-title {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.6px;
  color: #141414;
  margin: 0;
  font-weight: 500;
}

.xepage-shopping .mypage-section-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #141414;
  margin: 0;
}

.xepage-shopping .mypage-section-tabs .nav-tabs {
  border-bottom: none;
}

.xepage-shopping .mypage-section-tabs .nav-tabs .nav-item {
  margin-bottom: 0;
}

.xepage-shopping .mypage-section-tabs .nav-tabs .nav-item:first-child {
  margin-right: 32px;
}

.xepage-shopping .mypage-section-tabs .nav-tabs .nav-item .nav-link {
  color: #141414;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 0;
  border: none;
}

.xepage-shopping .mypage-section-tabs .nav-tabs .nav-item .nav-link:hover {
  border: none;
}

.xepage-shopping .mypage-section-tabs .nav-tabs .nav-item .nav-link .mypage-checkbox-check {
  margin-right: 8px;
}

.xepage-shopping .mypage-section-tabs .nav-tabs .nav-item .nav-link.active {
  color: #141414;
  background-color: transparent;
  border: none;
}

.xepage-shopping .mypage-section-tabs .nav-tabs .nav-item .nav-link.active .mypage-checkbox-check {
  background-color: #FF90A8;
}

.xepage-shopping .mypage-section-tabs .tab-content {
  margin-top: 18px;
}

.xepage-shopping .xepage-tab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.xepage-shopping .xepage-tab:not(:last-child) {
  margin-right: 32px;
}

.xepage-shopping .xepage-tab .mypage-checkbox-check {
  margin-right: 8px;
}

.xepage-shopping .xepage-section {
  margin: 0 -7px;
  padding: 16px;
  background-color: #fff;
}

.xepage-shopping .xepage-section.xepage-space {
  margin-bottom: 10px;
}

.xepage-shopping .xepage-section .xepage-title--arrow-box {
  height: 27px;
}

.xepage-shopping .xepage-section .xepage-title--arrow-box .xepage-title__arrow {
  background-image: url("../img/angle-up.svg");
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}

.xepage-shopping .xepage-section .xepage-title--arrow-box .xepage-title__arrow.open {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.xepage-shopping .xepage-section .section-xepage-noborder-contents {
  margin-top: 16px;
}

.xepage-shopping .xepage-section .section-xepage-contents {
  margin-top: 12px;
  padding-top: 16px;
}

.xepage-shopping .xepage-section .section-xepage-contents .list-group .list-group-item {
  padding: 16px 0;
}

.xepage-shopping .xepage-section .section-xepage-contents .list-group .list-group-item:first-child {
  padding-top: 0;
}

.xepage-shopping .xepage-section .section-xepage-contents .xepage-order-item-list {
  display: none;
}

.xepage-shopping .xepage-section .section-xepage-contents .xepage-order-item-list.open {
  display: block;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item__img {
  height: 70px;
  width: 70px;
  border-radius: 0;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-minishop .mypage-order-minishop__link {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #767676;
  padding-left: 20px;
  background-image: url("../img/home.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-minishop .mypage-order-minishop__link .mypage-order__minishop-name {
  font-weight: 500;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-order-item-title {
  padding: 0;
  margin: 0 0 8px 0;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-order-item-title .mypage-order__title-link {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.6px;
  color: #141414;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-order-item-details {
  color: #767676;
  line-height: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-order-item-details .mypage-order-item-option {
  margin-bottom: 4px;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-order-item-details .mypage-order-item-option:last-child {
  margin-bottom: 0;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-order-item-details .mypage-order-item-option .mypage-item__option-label {
  border: 1px solid #d7d7d7;
  font-size: 12px;
  letter-spacing: -1px;
  padding: 1px 5px 1px 4px;
  border-radius: 2px;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-order-item-details .mypage-order-item-option .mypage-item__option-text {
  font-size: 14px;
  letter-spacing: -0.4px;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-item-price {
  margin: 8px 0 0 0;
  font-size: 15px;
  line-height: 22px;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-item-price .mypage-item__price {
  font-weight: 400;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-order-item .mypage-order-item-body .mypage-order-detail-list .mypage-item-price .mypage-item__price .font-weight-bold {
  font-weight: 700;
}

.xepage-shopping .xepage-section .section-xepage-contents .section-orderer-info {
  padding-top: 8px;
}

.xepage-shopping .xepage-section .section-xepage-contents .section-orderer-info .mypage-section-title {
  margin-bottom: 12px;
}

.xepage-shopping .xepage-section .section-xepage-contents .section-shipping-location-info .mypage-shipping-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 32px 0 26px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.xepage-shopping .xepage-section .section-xepage-contents .section-shipping-location-info .mypage-shipping-title .mypage-label {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  text-align: right;
  margin-left: auto;
}

.xepage-shopping .xepage-section .section-xepage-contents .section-shipping-location-info .mypage-shipping-title .mypage-label .mypage-section-title {
  padding-right: 0px !important;
  margin-left: 8px;
}

.xepage-shopping .xepage-section .section-xepage-contents .section-shipping-location-info .mypage-shipping-title .mypage-label .mypage-checkbox-check {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-right: 10px;
}

.xepage-shopping .xepage-section .section-xepage-contents .section-shipping-location-info .mypage-shipping-title .mypage-before-location {
  margin-left: 8px;
  margin-right: 4px;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: -1px;
  color: #FF90A8;
  border: 1px solid #FF90A8;
  border-radius: 2px;
  padding: 0 6px 0 3px;
}

.xepage-shopping .xepage-section .section-xepage-contents .section-shipping-location-info .mypage-register-default {
  margin-top: 16px;
}

.xepage-shopping .xepage-section .section-xepage-contents .section-shipping-location-info .xepage-input-address {
  background-image: url("../img/search.svg");
  background-position: right 10px center;
  background-repeat: no-repeat;
}

.xepage-shopping .xepage-section .section-xepage-contents .mypage-section-message {
  margin: 32px 0 10px 0;
}

.xepage-shopping .xepage-section .section-xepage-contents .xepage-deposit-details {
  display: none;
  margin-top: 16px;
}

.xepage-shopping .xepage-section-payment {
  display: none;
  margin: 0 0 0 -15px;
}

.xepage-shopping .xepage-section-payment-mobile {
  margin: 0 -15px;
}

.xepage-shopping .xepage-final-payment {
  margin: 10px -7px 0 -7px;
}

.xepage-shopping .xepage-final-payment .border-bottom {
  border-bottom: 1px solid #000;
}

.xepage-shopping .xepage-final-payment .section-xepage-border--top {
  border-color: #d7d7d7;
}

.xepage-shopping .xepage-final-payment .list-group-item {
  padding: 0;
}

.xepage-shopping .xepage-final-payment .list-group-item:not(:last-child) {
  margin-bottom: 12px;
}

.xepage-shopping .xepage-final-payment .xepage-price__text {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.6px;
}

.xepage-shopping .xepage-payment-btn-box {
  margin: 10px -15px 0;
}

.xepage-shopping .xepage-payment-btn-box .xepage-payment-btn {
  width: 100%;
  border-radius: 0;
  color: #fff;
  font-weight: 700;
  font-size: 19px;
  line-height: 24px;
  letter-spacing: -0.8px;
  padding: 15px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 결제 보유캔디 */
.xetheme-candy-birds .candy-point-notice.xf-candy-text-container {
  /*  color: #767676; */
  letter-spacing: -0.6px;
}

.xetheme-candy-birds .candy-point-input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xetheme-candy-birds .candy-point-input-wrap .base-btn.base-med-btn.base-primary-bg-btn {
  min-width: 90px;
  padding: 12px 8px;
  margin-left: 4px;
}

.xf-like-container .xf-like {
  width: 22px;
  height: 20px;
  cursor: pointer;
  position: relative;
  background-image: url("../img/icon_like_deactivate.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 22px 20px;
}

.xf-like-container .xf-like.active {
  background-image: url("../img/icon_like_active.svg");
}

body {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

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

.row {
  margin: 0;
}

.xepage-graybackground {
  width: 100%;
}

.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;
}

@media (max-width: 576px) {
  .wrap-layout {
    min-height: calc(100vh - 70px);
  }
}

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

.xf-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

@media (min-width: 576px) {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.xf-secondhand-header,
.main-container-layout,
.xf-header-inner {
  width: 100%;
}

.xf-header-inner {
  height: 60px;
}

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

.xf-bottom-margin {
  margin-bottom: 70px;
}

.page-container {
  padding: 15px;
  margin-top: 60px;
}

.xe-promotion-banner-info-wrap.container {
  max-width: 576px;
}

.xe-promotion-banner-info-wrap.container .xe-promotion-banner-info {
  padding: 20px;
}

.error-page-contents {
  margin: 15px;
  width: calc(100% - 30px);
}

.error-page-contents .login-footer .bar {
  display: none;
}

.error-page-contents .login-footer a:first-child {
  margin-right: 7px;
  position: relative;
  display: inline-block;
}

.error-page-contents .login-footer a:first-child:after {
  content: '';
  display: block;
  width: 1px;
  height: 10px;
  background-color: #b3b3b3;
  position: absolute;
  top: 50%;
  right: -7px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (min-width: 576px) {
  .error-page-contents {
    width: 400px;
    margin: 30px auto;
  }
}

.xf-inner {
  padding: 15px;
}

.xf-small-inner {
  padding: 8px;
}

.xf-small-inner.section-candybirds-content-list .xf-content-list.xf-col2 {
  padding: 0;
  margin: 0 -4px;
}

.xf-inner-gutter {
  padding-right: 15px;
  padding-left: 15px;
}

.xf-body-inner {
  padding: 0 15px;
}

.xf-inner-margin {
  margin: -15px;
}

.xf-afternone {
  margin-bottom: 0 !important;
}

.xf-afternone:after {
  display: none !important;
}

.xf-inner-margin-gutter {
  margin-right: -15px !important;
  margin-left: -15px !important;
}

@media (min-width: 606px) {
  .xf-secondhand-header,
  .main-container-layout,
  .xf-header-inner {
    width: 576px;
    margin: 0 auto;
    padding: 0;
  }
}

.section-candybirds-mychannel.section-candybirds-main-contents .fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  bottom: auto;
  margin: 0 auto;
  z-index: 100;
  width: 100%;
}

.section-candybirds-mychannel.section-candybirds-main-contents .fixed-header .xf-tab-menu-list {
  background-color: #f3f3f3;
}

@media (min-width: 576px) {
  .fixed-header .xf-tab-menu-list {
    width: 578px;
    margin: 0 auto;
  }
}

.xf-tab-menu-container {
  width: 100%;
}

.xf-tab-menu-container .xf-tab-menu-list .xf-tab-item {
  text-align: center;
  position: relative;
}

.xf-tab-menu-container .xf-tab-menu-list .xf-tab-item .xf-tab-item__link {
  width: 100%;
  cursor: pointer;
  padding: 10px;
}

.xf-tab-menu-container .xf-tab-menu-list .xf-tab-item .xf-tab-item__link .xf-tab-item__text {
  font-weight: 500;
  color: #c0c0c0;
  letter-spacing: -0.53px;
}

.xf-tab-menu-container .xf-tab-menu-list .xf-tab-item .xf-tab-item__link .xf-tab-img-wrapper {
  display: inline-block;
}

.xf-tab-menu-container .xf-tab-menu-list .xf-tab-item .xf-tab-item__link .xf-tab-img-wrapper .xf-tab-item__img {
  opacity: 0.2;
  height: 24px;
  width: 24px;
}

.xf-tab-menu-container .xf-tab-menu-list .xf-tab-item.active:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: #000000;
}

.xf-tab-menu-container .xf-tab-menu-list .xf-tab-item.active .xf-tab-item__link .xf-tab-item__text {
  font-weight: 700;
  color: #141414;
}

.xf-tab-menu-container .xf-tab-menu-list .xf-tab-item.active .xf-tab-item__link .xf-tab-img-wrapper .xf-tab-item__img {
  opacity: 1;
}

.xf-tab-menu-container .xf-tab-menu-list .xf-tab-item.xf-new {
  background-position: 73px 0;
  height: 100%;
}

.xf-tab-menu-container .xf-tab-menu-list .xf-tab-item.xf-new .xf-tab-item__link .xf-tab-img-wrapper {
  position: relative;
}

.xf-tab-menu-container .xf-tab-menu-list .xf-tab-item.xf-new .xf-tab-item__link .xf-tab-img-wrapper:after {
  content: '';
  position: absolute;
  top: -7px;
  right: -7px;
  width: 4px;
  height: 4px;
  background-color: #ff2121;
  border-radius: 50%;
  display: none;
}

.swiper-container {
  z-index: 0 !important;
}

.xf-banner-container {
  width: 100%;
  background-color: #fff;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  bottom: 70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5;
}

.xf-banner-container .xf-banner-text {
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: -0.2px;
  color: #141414;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  word-break: keep-all;
}

.xf-banner-container .xf-banner-text .xf-price .xf-price__text {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.11;
  letter-spacing: -0.26px;
  color: #141414;
}

.xf-banner-container .xf-banner-text .xf-price .xf-currency__text {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.53;
  letter-spacing: -0.21px;
  color: #141414;
}

@media (min-width: 576px) {
  .xf-banner-container {
    width: 576px;
  }
}

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

.header-layout {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
}

.header-layout .xf-header {
  height: 60px;
}

.header-layout .xf-header .xf-header-inner {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
}

.header-layout .xf-header .xf-gray-color {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.6px;
  text-align: center;
  color: #767676;
  display: block;
}

.header-layout .xf-header.xf-message-header {
  -webkit-box-shadow: 0 1px 0 0 #e0e0e0;
          box-shadow: 0 1px 0 0 #e0e0e0;
  background-color: #f3f3f3;
}

.header-layout .xf-header .xf-location-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  padding: 0 15px;
  width: calc(100% - 90px);
}

.header-layout .xf-header .xf-location-container .xf-location__text.xf-gray {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.6px;
  text-align: center;
  color: #c0c0c0;
  line-height: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: block;
}

.header-layout .xf-header .xf-location-container .xf-location__text.xf-white {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.6px;
  text-align: center;
  color: #ffffff;
  line-height: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: block;
}

.header-layout .xf-header .xf-location-container .xf-location__text.xf-black {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.6px;
  text-align: center;
  color: #2b2b2b;
  line-height: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: block;
}

.header-layout .xf-header .xf-location-container .xf-location__text.xf-green {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.6px;
  text-align: center;
  color: #2CC1BC;
  line-height: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: block;
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 28px 28px;
  cursor: pointer;
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-left-menu-icon.xf-white {
  background-image: url("../img/icon_menu_white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 28px 28px;
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-left-menu-icon.xf-black {
  background-image: url("../img/icon_menu_black.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 28px 28px;
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-back-angle-icon.xf-white {
  background-image: url("../img/icon_angle_left_white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 28px 28px;
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-back-angle-icon.xf-black {
  background-image: url("../img/icon_angle_left_black.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 28px 28px;
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-back-arrow-icon.xf-white {
  background-image: url("../img/icon_arrow_left_white.svg");
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-back-arrow-icon.xf-black {
  background-image: url("../img/icon_arrow_left_black.svg");
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-notice-btn {
  position: relative;
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-notice-btn.xf-white {
  background-image: url("../img/icon_bell_white.svg");
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-notice-btn.xf-black {
  background-image: url("../img/icon_bell_black.svg");
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-mypage-btn.xf-white {
  background-image: url("../img/icon_mypage_white.svg");
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-mypage-btn.xf-black {
  background-image: url("../img/icon_mypage_black.svg");
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-message-btn.xf-white {
  background-image: url("../img/icon_message_white.svg");
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-message-btn.xf-black {
  background-image: url("../img/icon_message_black.svg");
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-setting-btn.xf-white {
  background-image: url("../img/icon_setting_white.svg");
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-setting-btn.xf-black {
  background-image: url("../img/icon_setting_black.svg");
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-toggle-btn {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-toggle-btn.xf-white {
  background-image: url("../img/icon_ellipsis_white.svg");
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-toggle-btn.xf-black {
  background-image: url("../img/icon_ellipsis_black.svg");
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-share-btn {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  margin-right: 12px;
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-share-btn.xf-white {
  background-image: url("../img/icon_share_white.svg");
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-share-btn.xf-black {
  background-image: url("../img/icon_share_black.svg");
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-plus-btn.xf-white {
  background-image: url("../img/icon_plus_white.svg");
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-plus-btn.xf-black {
  background-image: url("../img/icon_plus_black.svg");
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-trash-btn.xf-white {
  background-image: url("../img/icon_trash_white.svg");
}

.header-layout .xf-header .xf-header-btn-box .xf-header-btn__link .xf-header-btn.xf-trash-btn.xf-black {
  background-image: url("../img/icon_trash_black.svg");
}

.header-layout .xf-header .xf-header-btn-box .base-btn {
  font-size: 20px;
}

.xf-header-btn {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 28px 28px;
}

.xf-header-btn.xf-left-menu-icon.xf-white {
  background-image: url("../img/icon_menu_white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 28px 28px;
}

.xf-header-btn.xf-left-menu-icon.xf-black {
  background-image: url("../img/icon_menu_black.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 28px 28px;
}

.xf-header-btn.xf-back-angle-icon.xf-white {
  background-image: url("../img/icon_angle_left_white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 28px 28px;
}

.xf-header-btn.xf-back-angle-icon.xf-black {
  background-image: url("../img/icon_angle_left_black.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 28px 28px;
}

.xf-header-btn.xf-back-arrow-icon.xf-white {
  background-image: url("../img/icon_arrow_left_white.svg");
}

.xf-header-btn.xf-back-arrow-icon.xf-black {
  background-image: url("../img/icon_arrow_left_black.svg");
}

.xf-header-btn.xf-notice-btn {
  position: relative;
}

.xf-header-btn.xf-notice-btn.xf-white {
  background-image: url("../img/icon_bell_white.svg");
}

.xf-header-btn.xf-notice-btn.xf-black {
  background-image: url("../img/icon_bell_black.svg");
}

.xf-header-btn.xf-notice-btn .xf-new {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
  background-image: url("../img/icon_new.svg");
  position: absolute;
  right: -4px;
  top: 0px;
}

.xf-header-btn.xf-mypage-btn.xf-white {
  background-image: url("../img/icon_mypage_white.svg");
}

.xf-header-btn.xf-mypage-btn.xf-black {
  background-image: url("../img/icon_mypage_black.svg");
}

.xf-header-btn.xf-message-btn.xf-white {
  background-image: url("../img/icon_message_white.svg");
}

.xf-header-btn.xf-message-btn.xf-black {
  background-image: url("../img/icon_message_black.svg");
}

.xf-header-btn.xf-setting-btn.xf-white {
  background-image: url("../img/icon_setting_white.svg");
}

.xf-header-btn.xf-setting-btn.xf-black {
  background-image: url("../img/icon_setting_black.svg");
}

.xf-header-btn.xf-toggle-btn {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
}

.xf-header-btn.xf-toggle-btn.xf-white {
  background-image: url("../img/icon_ellipsis_white.svg");
}

.xf-header-btn.xf-toggle-btn.xf-black {
  background-image: url("../img/icon_ellipsis_black.svg");
}

.xf-header-btn.xf-share-btn {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  margin-right: 12px;
}

.xf-header-btn.xf-share-btn.xf-white {
  background-image: url("../img/icon_share_white.svg");
}

.xf-header-btn.xf-share-btn.xf-black {
  background-image: url("../img/icon_share_black.svg");
}

.xf-header-btn.xf-plus-btn.xf-white {
  background-image: url("../img/icon_plus_white.svg");
}

.xf-header-btn.xf-plus-btn.xf-black {
  background-image: url("../img/icon_plus_black.svg");
}

.xf-header-btn.xf-trash-btn.xf-white {
  background-image: url("../img/icon_trash_white.svg");
}

.xf-header-btn.xf-trash-btn.xf-black {
  background-image: url("../img/icon_trash_black.svg");
}

#headerLeftArea {
  position: absolute;
  top: 17px;
  left: 0;
}

#headerRightArea {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#headerCenterArea {
  width: calc(100% - 130px);
  max-width: calc(100% - 130px);
  margin: 0 auto;
}

@media (min-width: 576px) {
  #wrap.xetheme-candy-birds {
    background-color: #f7f9f9;
  }
}

.main-container-layout {
  background-color: #fff;
}

.xf-primary-color {
  color: #FF90A8 !important;
}

.xf-second-color {
  color: #ff2121 !important;
}

.xf-third-color {
  color: #f3f3f3 !important;
}

.xf-link-color {
  color: #141414 !important;
}

.xf-link-color:hover {
  color: #141414 !important;
}

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

.xf-text-color1 {
  color: #141414 !important;
}

.xf-text-color2 {
  color: #535353 !important;
}

.xf-text-color3 {
  color: #767676 !important;
}

.xf-text-color4 {
  color: #aeaeae !important;
}

.xf-text-white {
  color: #ffffff !important;
}

.xf-text-black {
  color: #000000 !important;
}

.xf-primary-bg {
  /* 0713 custom */
  background-color: #2CC1BC !important;
}

.xf-second-bg {
  background-color: #ff2121 !important;
}

.xf-third-bg {
  background-color: #f3f3f3 !important;
}

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

.xf-dark-bg {
  background-color: #2f2f2f !important;
}

.xf-white-bg {
  background-color: #ffffff !important;
}

.xf-black-bg {
  background-color: #000000 !important;
}

.xf-primary-border {
  border: 1px solid #FF90A8 !important;
}

.xf-second-border {
  border: 2px solid #FF90A8 !important;
}

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

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

.xf-borderLeft {
  border-left: 1px solid #d7d7d7 !important;
}

.xf-borderRight {
  border-right: 1px solid #d7d7d7 !important;
}

.xf-borderNoTop {
  border-top: none !important;
}

.section-footer-info {
  width: 100%;
  background-color: #ffffff;
  color: #b3b3b3;
  padding: 15px;
}

.section-footer-info .xf-footer-detail-info-list {
  display: none;
}

.section-footer-info .xf-footer-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.5;
}

.section-footer-info .xf-footer-info-list .xf-footer-info-item:not(:last-child) {
  margin-right: 15px;
  position: relative;
}

.section-footer-info .xf-footer-info-list .xf-footer-info-item:not(:last-child):after {
  content: '';
  display: block;
  width: 1px;
  height: 10px;
  background-color: #b3b3b3;
  position: absolute;
  top: 50%;
  right: -7px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.section-footer-info .xf-footer-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.section-footer-info .xf-footer-info-container .xf-footer-info-btn-container .xf-footer-info-btn {
  font-size: 14px;
  color: #6f6f6f;
}

.section-footer-info .xf-footer-info-container .xf-footer-info-btn-container .xf-footer-info-btn .xi-angle-down-thin.xf-up:before {
  content: "\e946";
}

.section-footer-info .xf-footer-app-list .xf-app-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}

.section-footer-info .xf-footer-app-list .xf-app-list .xf-app-item:not(:last-child) {
  margin-right: 5px;
}

.section-footer-info .xf-footer-app-list .xf-app-list .xf-app-item .xf-app_link .xf-app_img {
  width: 150px;
}

@media (min-width: 576px) {
  .section-footer-info {
    width: 576px;
    margin: 0 auto;
  }
}

.footer-layout {
  z-index: 100;
}

.footer-layout .xf-footer-menu-box {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 50;
}

.footer-layout .xf-footer-menu-box .xf-fnb {
  width: 100%;
  height: 70px;
  margin: 0 auto;
  background-image: url("../img/footer_menu_bg.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-color: transparent;
  background-size: cover;
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list {
  height: 70px;
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 70px;
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link {
  width: 100%;
  height: 70px;
  margin: 0 auto;
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon {
  width: 100%;
  max-width: 70px;
  background-repeat: no-repeat;
  background-position: center top 15px;
  background-size: 32px 32px;
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon .xf-fnb-item__text {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.6px;
  text-align: center;
  color: #767676;
  padding-top: 40px;
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-main {
  background-image: url("../img/footer_icon_home.svg");
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-main.active {
  background-image: url("../img/footer_icon_home_active.svg");
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-search {
  background-image: url("../img/footer_icon_search.svg");
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-cart {
  background-image: url("../img/footer_icon_cart.svg");
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-plus {
  background-image: url("../img/footer_icon_plus.svg");
  background-size: 48px 48px;
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-remote-control {
  background-image: url("../img/ch.svg");
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-message {
  background-image: url("../img/footer_icon_chat.svg");
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-message.active {
  background-image: url("../img/footer_icon_chat_active.svg");
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-my-channel {
  background-image: url("../img/footer_icon_channel.svg");
}

.xf-section-gotop {
  z-index: 100;
}

.xf-section-gotop .xf-gotop-btn-wrapper {
  position: fixed;
  right: 20px;
  bottom: 80px;
}

.xf-section-gotop .xf-gotop-btn-wrapper .xf-gotop-btn {
  display: none;
  height: 54px;
  width: 54px;
  background-image: url("../img/footer_gotop_btn.svg");
  background-size: 54px 54px;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0;
}

@media (min-width: 576px) {
  .footer-layout .xf-footer-menu-box .xf-fnb {
    width: 576px;
  }
  .xf-section-gotop {
    width: 576px;
    margin: 0 auto;
  }
  .xf-section-gotop .xf-gotop-btn-wrapper {
    right: calc(50% - 280px);
  }
}

.xf-more-function-box {
  z-index: 110;
}

.xf-more-function-box.open .xf-more-function-list {
  bottom: 40px;
  opacity: 1;
}

.xf-more-function-box .xf-more-function-list {
  position: fixed;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 220;
  width: 90%;
  text-align: center;
  bottom: -530px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item {
  background-color: #fff;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item {
  border-bottom: 1px solid #ececec;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item:nth-last-child(2) {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item:last-child {
  margin-top: 15px;
  border-radius: 4px;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item .xf-more-function__link {
  width: 100%;
  height: 100%;
  padding: 14px;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item .xf-more-function__link:hover {
  background-color: #fafafa;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item .xf-more-function__link .xf-more-function__text {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.47;
  letter-spacing: -0.2px;
  color: #141414;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item .xf-more-function__link .xf-more-function__text.xf-function__back-btn {
  width: 100%;
  height: 100%;
  display: block;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item .xf-more-function__link .xf-more-function__text.xf-more-function__btn {
  width: 100%;
  height: 100%;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item .xf-more-function__link .xf-more-function__text.xf-candy-icon:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/icon_mypage_candy.svg");
  background-position: center center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  margin: 0 10px -4px 0;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item .xf-more-function__link .xf-more-function__text.xf-gift-icon:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/icon_mypage_gift.svg");
  background-position: center center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  margin: 0 10px -4px 0;
}

.xf-live-function-item .xf-more-function__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.xf-live-function-item .xf-more-function__link .xf-onair-label:after {
  content: '';
  height: 22px;
  width: 58px;
  background-repeat: no-repeat;
}

.xf-footer-space-box {
  padding-top: 70px;
  background-color: #ffffff;
}

@media (min-width: 576px) {
  .xf-more-function-box .xf-more-function-list {
    width: 546px;
  }
  .xf-footer-space-box {
    width: 576px;
    margin: 0 auto;
  }
}

.section-footer-info {
  width: 100%;
  background-color: #ffffff;
  color: #b3b3b3;
  padding: 15px;
}

.section-footer-info .xf-footer-detail-info-list {
  display: none;
}

.section-footer-info .xf-footer-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.5;
}

.section-footer-info .xf-footer-info-list .xf-footer-info-item:not(:last-child) {
  margin-right: 15px;
  position: relative;
}

.section-footer-info .xf-footer-info-list .xf-footer-info-item:not(:last-child):after {
  content: '';
  display: block;
  width: 1px;
  height: 10px;
  background-color: #b3b3b3;
  position: absolute;
  top: 50%;
  right: -7px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.section-footer-info .xf-footer-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.section-footer-info .xf-footer-info-container .xf-footer-info-btn-container .xf-footer-info-btn {
  font-size: 14px;
  color: #6f6f6f;
}

.section-footer-info .xf-footer-info-container .xf-footer-info-btn-container .xf-footer-info-btn .xi-angle-down-thin.xf-up:before {
  content: "\e946";
}

.section-footer-info .xf-footer-app-list .xf-app-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}

.section-footer-info .xf-footer-app-list .xf-app-list .xf-app-item:not(:last-child) {
  margin-right: 5px;
}

.section-footer-info .xf-footer-app-list .xf-app-list .xf-app-item .xf-app_link .xf-app_img {
  width: 150px;
}

@media (min-width: 576px) {
  .section-footer-info {
    width: 576px;
    margin: 0 auto;
  }
}

.footer-layout {
  z-index: 100;
}

.footer-layout .xf-footer-menu-box {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 50;
}

.footer-layout .xf-footer-menu-box .xf-fnb {
  width: 100%;
  height: 70px;
  margin: 0 auto;
  background-image: url("../img/footer_menu_bg.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-color: transparent;
  background-size: cover;
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list {
  height: 70px;
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 70px;
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link {
  width: 100%;
  height: 70px;
  margin: 0 auto;
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon {
  width: 100%;
  max-width: 70px;
  background-repeat: no-repeat;
  background-position: center top 15px;
  background-size: 32px 32px;
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon .xf-fnb-item__text {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.6px;
  text-align: center;
  color: #767676;
  padding-top: 40px;
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-main {
  background-image: url("../img/footer_icon_home.svg");
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-main.active {
  background-image: url("../img/footer_icon_home_active.svg");
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-search {
  background-image: url("../img/footer_icon_search.svg");
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-cart {
  background-image: url("../img/footer_icon_cart.svg");
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-plus {
  background-image: url("../img/footer_icon_plus.svg");
  background-size: 48px 48px;
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-remote-control {
  background-image: url("../img/ch.svg");
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-message {
  background-image: url("../img/footer_icon_chat.svg");
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-message.active {
  background-image: url("../img/footer_icon_chat_active.svg");
}

.footer-layout .xf-footer-menu-box .xf-fnb .xf-fnb-list .xf-fnb-item .xf-fnb-item__link.xf-fnb-icon.xf-icon-my-channel {
  background-image: url("../img/footer_icon_channel.svg");
}

.xf-section-gotop {
  z-index: 100;
}

.xf-section-gotop .xf-gotop-btn-wrapper {
  position: fixed;
  right: 20px;
  bottom: 80px;
}

.xf-section-gotop .xf-gotop-btn-wrapper .xf-gotop-btn {
  display: none;
  height: 54px;
  width: 54px;
  background-image: url("../img/footer_gotop_btn.svg");
  background-size: 54px 54px;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0;
}

@media (min-width: 576px) {
  .footer-layout .xf-footer-menu-box .xf-fnb {
    width: 576px;
  }
  .xf-section-gotop {
    width: 576px;
    margin: 0 auto;
  }
  .xf-section-gotop .xf-gotop-btn-wrapper {
    right: calc(50% - 280px);
  }
}

.xf-more-function-box {
  z-index: 110;
}

.xf-more-function-box.open .xf-more-function-list {
  bottom: 40px;
  opacity: 1;
}

.xf-more-function-box .xf-more-function-list {
  position: fixed;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 220;
  width: 90%;
  text-align: center;
  bottom: -530px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item {
  background-color: #fff;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item {
  border-bottom: 1px solid #ececec;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item:nth-last-child(2) {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item:last-child {
  margin-top: 15px;
  border-radius: 4px;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item .xf-more-function__link {
  width: 100%;
  height: 100%;
  padding: 14px;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item .xf-more-function__link:hover {
  background-color: #fafafa;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item .xf-more-function__link .xf-more-function__text {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.47;
  letter-spacing: -0.2px;
  color: #141414;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item .xf-more-function__link .xf-more-function__text.xf-function__back-btn {
  width: 100%;
  height: 100%;
  display: block;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item .xf-more-function__link .xf-more-function__text.xf-more-function__btn {
  width: 100%;
  height: 100%;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item .xf-more-function__link .xf-more-function__text.xf-candy-icon:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/icon_mypage_candy.svg");
  background-position: center center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  margin: 0 10px -4px 0;
}

.xf-more-function-box .xf-more-function-list .xf-more-function-item .xf-more-function__link .xf-more-function__text.xf-gift-icon:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/icon_mypage_gift.svg");
  background-position: center center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  margin: 0 10px -4px 0;
}

.xf-live-function-item .xf-more-function__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.xf-live-function-item .xf-more-function__link .xf-onair-label:after {
  content: '';
  height: 22px;
  width: 58px;
  background-repeat: no-repeat;
}

.xf-footer-space-box {
  padding-top: 70px;
  background-color: #ffffff;
}

@media (min-width: 576px) {
  .xf-more-function-box .xf-more-function-list {
    width: 546px;
  }
  .xf-footer-space-box {
    width: 576px;
    margin: 0 auto;
  }
}

.page-container .xe-btn.xe-btn-default {
  display: none;
}

.widget-controll p button {
  display: none;
}

/*# sourceMappingURL=theme-basic.css.map */