@charset "UTF-8";
@import url("./font-c246f2c5d4853db9b1921ee196cf8830.css");
/* 공통 작업 */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button,
span,
em {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-family: inherit;
  line-height: 1.4;
}

fieldset,
img {
  border: 0 none;
  vertical-align: top;
}

dl,
ul,
ol,
menu,
li {
  list-style: none;
}

body {
  word-break: keep-all;
  word-wrap: break-word;
  font-family: "Pretendard", ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

body.scroll-disabled {
  position: fixed;
  overflow: hidden;
  max-width: 100%;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}

caption {
  display: none;
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

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

input {
  outline: none;
}

article,
aside,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

.wrap-area {
  background: #f1f1f1;
}

.wrap-area.bg-white {
  background: #fff;
}

.wrap-area.bg-gray {
  background: #f8f8f8;
}
.wrap-area.bg-gray .buy.search-new,
.wrap-area.bg-gray [class*=s-section] {
  background: none;
}

.wrap-area--has-tab-bar {
  padding-bottom: 54px;
}

.wrap-area-h {
  height: 100vh !important;
}

.wrap-area.min-full {
  min-height: 100%;
}

.line-block {
  display: inline-block;
  white-space: nowrap;
}

.select-type {
  border: 1px solid #ddd;
  border-radius: 4px;
  display: block;
  height: 50px;
  padding: 0 32px 0 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("../images/common/bg_select.png") no-repeat right 5px;
  background-size: 33px 80px;
  color: #222;
  font-size: 18px;
  outline: none;
}
.select-type.type-2 {
  line-height: 50px;
  border-radius: 12px;
  border: solid 1px #aaa;
}

.select-type-sort {
  border: none;
  display: block;
  height: 30px;
  padding: 0 32px 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("../images/common/bg_select.png") no-repeat right -5px;
  background-size: 33px 80px;
  color: #222;
  font-size: 14px;
}

.input-type,
.textarea-type {
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 4px;
  border: 1px solid #ddd;
  height: 50px;
  padding: 0 9px;
  background: #fdfdfd;
  font-size: 18px;
  font-family: inherit;
}
.input-type:disabled,
.textarea-type:disabled {
  background: #ececec;
  color: #999;
}
.input-type.text-r,
.textarea-type.text-r {
  text-align: right;
}

::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
}

::-webkit-input-placeholder,
::placeholder {
  color: #999;
  font-size: 14px;
}

textarea::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
}

textarea::-webkit-input-placeholder,
textarea::placeholder {
  color: #999;
  font-size: 14px;
}

.pad0 {
  padding: 0 !important;
}

.pad-lr0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mg-mt15 {
  margin-top: -15px !important;
}

.mg-t8 {
  margin-top: 8px !important;
}

.mg-t0 {
  margin-top: 0px !important;
}

.mg-b0 {
  margin-bottom: 0px !important;
}

.mg-r0 {
  margin-right: 0px !important;
}

.mg-l0 {
  margin-left: 0px !important;
}

.mg-lr0 {
  margin: 0 0px !important;
}

.pad-t0 {
  padding-top: 0px !important;
}

.pad-b0 {
  padding-bottom: 0px !important;
}

.pad-l0 {
  padding-left: 0px !important;
}

.pad-r0 {
  padding-right: 0px !important;
}

.mg-t5 {
  margin-top: 5px !important;
}

.mg-b5 {
  margin-bottom: 5px !important;
}

.mg-r5 {
  margin-right: 5px !important;
}

.mg-l5 {
  margin-left: 5px !important;
}

.mg-lr5 {
  margin: 0 5px !important;
}

.pad-t5 {
  padding-top: 5px !important;
}

.pad-b5 {
  padding-bottom: 5px !important;
}

.pad-l5 {
  padding-left: 5px !important;
}

.pad-r5 {
  padding-right: 5px !important;
}

.mg-t10 {
  margin-top: 10px !important;
}

.mg-b10 {
  margin-bottom: 10px !important;
}

.mg-r10 {
  margin-right: 10px !important;
}

.mg-l10 {
  margin-left: 10px !important;
}

.mg-lr10 {
  margin: 0 10px !important;
}

.pad-t10 {
  padding-top: 10px !important;
}

.pad-b10 {
  padding-bottom: 10px !important;
}

.pad-l10 {
  padding-left: 10px !important;
}

.pad-r10 {
  padding-right: 10px !important;
}

.mg-t15 {
  margin-top: 15px !important;
}

.mg-b15 {
  margin-bottom: 15px !important;
}

.mg-r15 {
  margin-right: 15px !important;
}

.mg-l15 {
  margin-left: 15px !important;
}

.mg-lr15 {
  margin: 0 15px !important;
}

.pad-t15 {
  padding-top: 15px !important;
}

.pad-b15 {
  padding-bottom: 15px !important;
}

.pad-l15 {
  padding-left: 15px !important;
}

.pad-r15 {
  padding-right: 15px !important;
}

.mg-t20 {
  margin-top: 20px !important;
}

.mg-b20 {
  margin-bottom: 20px !important;
}

.mg-r20 {
  margin-right: 20px !important;
}

.mg-l20 {
  margin-left: 20px !important;
}

.mg-lr20 {
  margin: 0 20px !important;
}

.pad-t20 {
  padding-top: 20px !important;
}

.pad-b20 {
  padding-bottom: 20px !important;
}

.pad-l20 {
  padding-left: 20px !important;
}

.pad-r20 {
  padding-right: 20px !important;
}

.mg-t25 {
  margin-top: 25px !important;
}

.mg-b25 {
  margin-bottom: 25px !important;
}

.mg-r25 {
  margin-right: 25px !important;
}

.mg-l25 {
  margin-left: 25px !important;
}

.mg-lr25 {
  margin: 0 25px !important;
}

.pad-t25 {
  padding-top: 25px !important;
}

.pad-b25 {
  padding-bottom: 25px !important;
}

.pad-l25 {
  padding-left: 25px !important;
}

.pad-r25 {
  padding-right: 25px !important;
}

.mg-t30 {
  margin-top: 30px !important;
}

.mg-b30 {
  margin-bottom: 30px !important;
}

.mg-r30 {
  margin-right: 30px !important;
}

.mg-l30 {
  margin-left: 30px !important;
}

.mg-lr30 {
  margin: 0 30px !important;
}

.pad-t30 {
  padding-top: 30px !important;
}

.pad-b30 {
  padding-bottom: 30px !important;
}

.pad-l30 {
  padding-left: 30px !important;
}

.pad-r30 {
  padding-right: 30px !important;
}

.mg-t35 {
  margin-top: 35px !important;
}

.mg-b35 {
  margin-bottom: 35px !important;
}

.mg-r35 {
  margin-right: 35px !important;
}

.mg-l35 {
  margin-left: 35px !important;
}

.mg-lr35 {
  margin: 0 35px !important;
}

.pad-t35 {
  padding-top: 35px !important;
}

.pad-b35 {
  padding-bottom: 35px !important;
}

.pad-l35 {
  padding-left: 35px !important;
}

.pad-r35 {
  padding-right: 35px !important;
}

.mg-t40 {
  margin-top: 40px !important;
}

.mg-b40 {
  margin-bottom: 40px !important;
}

.mg-r40 {
  margin-right: 40px !important;
}

.mg-l40 {
  margin-left: 40px !important;
}

.mg-lr40 {
  margin: 0 40px !important;
}

.pad-t40 {
  padding-top: 40px !important;
}

.pad-b40 {
  padding-bottom: 40px !important;
}

.pad-l40 {
  padding-left: 40px !important;
}

.pad-r40 {
  padding-right: 40px !important;
}

.mg-t45 {
  margin-top: 45px !important;
}

.mg-b45 {
  margin-bottom: 45px !important;
}

.mg-r45 {
  margin-right: 45px !important;
}

.mg-l45 {
  margin-left: 45px !important;
}

.mg-lr45 {
  margin: 0 45px !important;
}

.pad-t45 {
  padding-top: 45px !important;
}

.pad-b45 {
  padding-bottom: 45px !important;
}

.pad-l45 {
  padding-left: 45px !important;
}

.pad-r45 {
  padding-right: 45px !important;
}

.mg-t50 {
  margin-top: 50px !important;
}

.mg-b50 {
  margin-bottom: 50px !important;
}

.mg-r50 {
  margin-right: 50px !important;
}

.mg-l50 {
  margin-left: 50px !important;
}

.mg-lr50 {
  margin: 0 50px !important;
}

.pad-t50 {
  padding-top: 50px !important;
}

.pad-b50 {
  padding-bottom: 50px !important;
}

.pad-l50 {
  padding-left: 50px !important;
}

.pad-r50 {
  padding-right: 50px !important;
}

.mg-t55 {
  margin-top: 55px !important;
}

.mg-b55 {
  margin-bottom: 55px !important;
}

.mg-r55 {
  margin-right: 55px !important;
}

.mg-l55 {
  margin-left: 55px !important;
}

.mg-lr55 {
  margin: 0 55px !important;
}

.pad-t55 {
  padding-top: 55px !important;
}

.pad-b55 {
  padding-bottom: 55px !important;
}

.pad-l55 {
  padding-left: 55px !important;
}

.pad-r55 {
  padding-right: 55px !important;
}

.mg-t60 {
  margin-top: 60px !important;
}

.mg-b60 {
  margin-bottom: 60px !important;
}

.mg-r60 {
  margin-right: 60px !important;
}

.mg-l60 {
  margin-left: 60px !important;
}

.mg-lr60 {
  margin: 0 60px !important;
}

.pad-t60 {
  padding-top: 60px !important;
}

.pad-b60 {
  padding-bottom: 60px !important;
}

.pad-l60 {
  padding-left: 60px !important;
}

.pad-r60 {
  padding-right: 60px !important;
}

.mg-t65 {
  margin-top: 65px !important;
}

.mg-b65 {
  margin-bottom: 65px !important;
}

.mg-r65 {
  margin-right: 65px !important;
}

.mg-l65 {
  margin-left: 65px !important;
}

.mg-lr65 {
  margin: 0 65px !important;
}

.pad-t65 {
  padding-top: 65px !important;
}

.pad-b65 {
  padding-bottom: 65px !important;
}

.pad-l65 {
  padding-left: 65px !important;
}

.pad-r65 {
  padding-right: 65px !important;
}

.mg-t70 {
  margin-top: 70px !important;
}

.mg-b70 {
  margin-bottom: 70px !important;
}

.mg-r70 {
  margin-right: 70px !important;
}

.mg-l70 {
  margin-left: 70px !important;
}

.mg-lr70 {
  margin: 0 70px !important;
}

.pad-t70 {
  padding-top: 70px !important;
}

.pad-b70 {
  padding-bottom: 70px !important;
}

.pad-l70 {
  padding-left: 70px !important;
}

.pad-r70 {
  padding-right: 70px !important;
}

.mg-t75 {
  margin-top: 75px !important;
}

.mg-b75 {
  margin-bottom: 75px !important;
}

.mg-r75 {
  margin-right: 75px !important;
}

.mg-l75 {
  margin-left: 75px !important;
}

.mg-lr75 {
  margin: 0 75px !important;
}

.pad-t75 {
  padding-top: 75px !important;
}

.pad-b75 {
  padding-bottom: 75px !important;
}

.pad-l75 {
  padding-left: 75px !important;
}

.pad-r75 {
  padding-right: 75px !important;
}

.mg-t80 {
  margin-top: 80px !important;
}

.mg-b80 {
  margin-bottom: 80px !important;
}

.mg-r80 {
  margin-right: 80px !important;
}

.mg-l80 {
  margin-left: 80px !important;
}

.mg-lr80 {
  margin: 0 80px !important;
}

.pad-t80 {
  padding-top: 80px !important;
}

.pad-b80 {
  padding-bottom: 80px !important;
}

.pad-l80 {
  padding-left: 80px !important;
}

.pad-r80 {
  padding-right: 80px !important;
}

.mg-t85 {
  margin-top: 85px !important;
}

.mg-b85 {
  margin-bottom: 85px !important;
}

.mg-r85 {
  margin-right: 85px !important;
}

.mg-l85 {
  margin-left: 85px !important;
}

.mg-lr85 {
  margin: 0 85px !important;
}

.pad-t85 {
  padding-top: 85px !important;
}

.pad-b85 {
  padding-bottom: 85px !important;
}

.pad-l85 {
  padding-left: 85px !important;
}

.pad-r85 {
  padding-right: 85px !important;
}

.mg-t90 {
  margin-top: 90px !important;
}

.mg-b90 {
  margin-bottom: 90px !important;
}

.mg-r90 {
  margin-right: 90px !important;
}

.mg-l90 {
  margin-left: 90px !important;
}

.mg-lr90 {
  margin: 0 90px !important;
}

.pad-t90 {
  padding-top: 90px !important;
}

.pad-b90 {
  padding-bottom: 90px !important;
}

.pad-l90 {
  padding-left: 90px !important;
}

.pad-r90 {
  padding-right: 90px !important;
}

.mg-t95 {
  margin-top: 95px !important;
}

.mg-b95 {
  margin-bottom: 95px !important;
}

.mg-r95 {
  margin-right: 95px !important;
}

.mg-l95 {
  margin-left: 95px !important;
}

.mg-lr95 {
  margin: 0 95px !important;
}

.pad-t95 {
  padding-top: 95px !important;
}

.pad-b95 {
  padding-bottom: 95px !important;
}

.pad-l95 {
  padding-left: 95px !important;
}

.pad-r95 {
  padding-right: 95px !important;
}

.mg-t100 {
  margin-top: 100px !important;
}

.mg-b100 {
  margin-bottom: 100px !important;
}

.mg-r100 {
  margin-right: 100px !important;
}

.mg-l100 {
  margin-left: 100px !important;
}

.mg-lr100 {
  margin: 0 100px !important;
}

.pad-t100 {
  padding-top: 100px !important;
}

.pad-b100 {
  padding-bottom: 100px !important;
}

.pad-l100 {
  padding-left: 100px !important;
}

.pad-r100 {
  padding-right: 100px !important;
}

.mg-t105 {
  margin-top: 105px !important;
}

.mg-b105 {
  margin-bottom: 105px !important;
}

.mg-r105 {
  margin-right: 105px !important;
}

.mg-l105 {
  margin-left: 105px !important;
}

.mg-lr105 {
  margin: 0 105px !important;
}

.pad-t105 {
  padding-top: 105px !important;
}

.pad-b105 {
  padding-bottom: 105px !important;
}

.pad-l105 {
  padding-left: 105px !important;
}

.pad-r105 {
  padding-right: 105px !important;
}

.mg-t110 {
  margin-top: 110px !important;
}

.mg-b110 {
  margin-bottom: 110px !important;
}

.mg-r110 {
  margin-right: 110px !important;
}

.mg-l110 {
  margin-left: 110px !important;
}

.mg-lr110 {
  margin: 0 110px !important;
}

.pad-t110 {
  padding-top: 110px !important;
}

.pad-b110 {
  padding-bottom: 110px !important;
}

.pad-l110 {
  padding-left: 110px !important;
}

.pad-r110 {
  padding-right: 110px !important;
}

.mg-t115 {
  margin-top: 115px !important;
}

.mg-b115 {
  margin-bottom: 115px !important;
}

.mg-r115 {
  margin-right: 115px !important;
}

.mg-l115 {
  margin-left: 115px !important;
}

.mg-lr115 {
  margin: 0 115px !important;
}

.pad-t115 {
  padding-top: 115px !important;
}

.pad-b115 {
  padding-bottom: 115px !important;
}

.pad-l115 {
  padding-left: 115px !important;
}

.pad-r115 {
  padding-right: 115px !important;
}

.mg-t120 {
  margin-top: 120px !important;
}

.mg-b120 {
  margin-bottom: 120px !important;
}

.mg-r120 {
  margin-right: 120px !important;
}

.mg-l120 {
  margin-left: 120px !important;
}

.mg-lr120 {
  margin: 0 120px !important;
}

.pad-t120 {
  padding-top: 120px !important;
}

.pad-b120 {
  padding-bottom: 120px !important;
}

.pad-l120 {
  padding-left: 120px !important;
}

.pad-r120 {
  padding-right: 120px !important;
}

.mg-t125 {
  margin-top: 125px !important;
}

.mg-b125 {
  margin-bottom: 125px !important;
}

.mg-r125 {
  margin-right: 125px !important;
}

.mg-l125 {
  margin-left: 125px !important;
}

.mg-lr125 {
  margin: 0 125px !important;
}

.pad-t125 {
  padding-top: 125px !important;
}

.pad-b125 {
  padding-bottom: 125px !important;
}

.pad-l125 {
  padding-left: 125px !important;
}

.pad-r125 {
  padding-right: 125px !important;
}

.mg-t130 {
  margin-top: 130px !important;
}

.mg-b130 {
  margin-bottom: 130px !important;
}

.mg-r130 {
  margin-right: 130px !important;
}

.mg-l130 {
  margin-left: 130px !important;
}

.mg-lr130 {
  margin: 0 130px !important;
}

.pad-t130 {
  padding-top: 130px !important;
}

.pad-b130 {
  padding-bottom: 130px !important;
}

.pad-l130 {
  padding-left: 130px !important;
}

.pad-r130 {
  padding-right: 130px !important;
}

.mg-t135 {
  margin-top: 135px !important;
}

.mg-b135 {
  margin-bottom: 135px !important;
}

.mg-r135 {
  margin-right: 135px !important;
}

.mg-l135 {
  margin-left: 135px !important;
}

.mg-lr135 {
  margin: 0 135px !important;
}

.pad-t135 {
  padding-top: 135px !important;
}

.pad-b135 {
  padding-bottom: 135px !important;
}

.pad-l135 {
  padding-left: 135px !important;
}

.pad-r135 {
  padding-right: 135px !important;
}

.mg-t140 {
  margin-top: 140px !important;
}

.mg-b140 {
  margin-bottom: 140px !important;
}

.mg-r140 {
  margin-right: 140px !important;
}

.mg-l140 {
  margin-left: 140px !important;
}

.mg-lr140 {
  margin: 0 140px !important;
}

.pad-t140 {
  padding-top: 140px !important;
}

.pad-b140 {
  padding-bottom: 140px !important;
}

.pad-l140 {
  padding-left: 140px !important;
}

.pad-r140 {
  padding-right: 140px !important;
}

.mg-t145 {
  margin-top: 145px !important;
}

.mg-b145 {
  margin-bottom: 145px !important;
}

.mg-r145 {
  margin-right: 145px !important;
}

.mg-l145 {
  margin-left: 145px !important;
}

.mg-lr145 {
  margin: 0 145px !important;
}

.pad-t145 {
  padding-top: 145px !important;
}

.pad-b145 {
  padding-bottom: 145px !important;
}

.pad-l145 {
  padding-left: 145px !important;
}

.pad-r145 {
  padding-right: 145px !important;
}

.mg-t150 {
  margin-top: 150px !important;
}

.mg-b150 {
  margin-bottom: 150px !important;
}

.mg-r150 {
  margin-right: 150px !important;
}

.mg-l150 {
  margin-left: 150px !important;
}

.mg-lr150 {
  margin: 0 150px !important;
}

.pad-t150 {
  padding-top: 150px !important;
}

.pad-b150 {
  padding-bottom: 150px !important;
}

.pad-l150 {
  padding-left: 150px !important;
}

.pad-r150 {
  padding-right: 150px !important;
}

.mg-t155 {
  margin-top: 155px !important;
}

.mg-b155 {
  margin-bottom: 155px !important;
}

.mg-r155 {
  margin-right: 155px !important;
}

.mg-l155 {
  margin-left: 155px !important;
}

.mg-lr155 {
  margin: 0 155px !important;
}

.pad-t155 {
  padding-top: 155px !important;
}

.pad-b155 {
  padding-bottom: 155px !important;
}

.pad-l155 {
  padding-left: 155px !important;
}

.pad-r155 {
  padding-right: 155px !important;
}

.mg-t1 {
  margin-top: 1px !important;
}

.mg-b1 {
  margin-bottom: 1px !important;
}

.mg-l1 {
  margin-left: 1px !important;
}

.mg-r1 {
  margin-right: 1px !important;
}

.pad-t1 {
  padding-top: 1px !important;
}

.pad-b1 {
  padding-bottom: 1px !important;
}

.pad-l1 {
  padding-left: 1px !important;
}

.pad-r1 {
  padding-right: 1px !important;
}

.mg-t2 {
  margin-top: 2px !important;
}

.mg-b2 {
  margin-bottom: 2px !important;
}

.mg-l2 {
  margin-left: 2px !important;
}

.mg-r2 {
  margin-right: 2px !important;
}

.pad-t2 {
  padding-top: 2px !important;
}

.pad-b2 {
  padding-bottom: 2px !important;
}

.pad-l2 {
  padding-left: 2px !important;
}

.pad-r2 {
  padding-right: 2px !important;
}

.mg-t3 {
  margin-top: 3px !important;
}

.mg-b3 {
  margin-bottom: 3px !important;
}

.mg-l3 {
  margin-left: 3px !important;
}

.mg-r3 {
  margin-right: 3px !important;
}

.pad-t3 {
  padding-top: 3px !important;
}

.pad-b3 {
  padding-bottom: 3px !important;
}

.pad-l3 {
  padding-left: 3px !important;
}

.pad-r3 {
  padding-right: 3px !important;
}

.mg-t4 {
  margin-top: 4px !important;
}

.mg-b4 {
  margin-bottom: 4px !important;
}

.mg-l4 {
  margin-left: 4px !important;
}

.mg-r4 {
  margin-right: 4px !important;
}

.pad-t4 {
  padding-top: 4px !important;
}

.pad-b4 {
  padding-bottom: 4px !important;
}

.pad-l4 {
  padding-left: 4px !important;
}

.pad-r4 {
  padding-right: 4px !important;
}

.ta-l {
  text-align: left !important;
}

.ta-c {
  text-align: center !important;
}

.ta-r {
  text-align: right !important;
}

.va-t {
  vertical-align: top !important;
}

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

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

.w100p {
  width: 100% !important;
}

.w90p {
  width: 90% !important;
}

.w80p {
  width: 80% !important;
}

.w70p {
  width: 70% !important;
}

.w60p {
  width: 60% !important;
}

.w50p {
  width: 50% !important;
}

.w40p {
  width: 40% !important;
}

.w30p {
  width: 30% !important;
}

.w20p {
  width: 20% !important;
}

.w10p {
  width: 10% !important;
}

.w10 {
  width: 10px !important;
}

.w15 {
  width: 15px !important;
}

.w20 {
  width: 20px !important;
}

.w25 {
  width: 25px !important;
}

.w30 {
  width: 30px !important;
}

.w35 {
  width: 35px !important;
}

.w40 {
  width: 40px !important;
}

.w45 {
  width: 45px !important;
}

.w50 {
  width: 50px !important;
}

.w55 {
  width: 55px !important;
}

.w60 {
  width: 60px !important;
}

.w65 {
  width: 65px !important;
}

.w70 {
  width: 70px !important;
}

.w75 {
  width: 75px !important;
}

.w80 {
  width: 80px !important;
}

.w85 {
  width: 85px !important;
}

.w90 {
  width: 90px !important;
}

.w95 {
  width: 95px !important;
}

.w100 {
  width: 100px !important;
}

.w105 {
  width: 105px !important;
}

.w110 {
  width: 110px !important;
}

.w115 {
  width: 115px !important;
}

.w120 {
  width: 120px !important;
}

.w125 {
  width: 125px !important;
}

.w130 {
  width: 130px !important;
}

.w135 {
  width: 135px !important;
}

.w140 {
  width: 140px !important;
}

.w145 {
  width: 145px !important;
}

.w150 {
  width: 150px !important;
}

.w100 {
  width: 100px !important;
}

.w150 {
  width: 150px !important;
}

.w200 {
  width: 200px !important;
}

.w250 {
  width: 250px !important;
}

.w300 {
  width: 300px !important;
}

.w350 {
  width: 350px !important;
}

.w400 {
  width: 400px !important;
}

.w450 {
  width: 450px !important;
}

.w500 {
  width: 500px !important;
}

.w550 {
  width: 550px !important;
}

.w600 {
  width: 600px !important;
}

.w650 {
  width: 650px !important;
}

.w700 {
  width: 700px !important;
}

.w750 {
  width: 750px !important;
}

.w800 {
  width: 800px !important;
}

.w850 {
  width: 850px !important;
}

.w900 {
  width: 900px !important;
}

.w950 {
  width: 950px !important;
}

.w1000 {
  width: 1000px !important;
}

.w1050 {
  width: 1050px !important;
}

.h20 {
  height: 20px !important;
}

.h100 {
  height: 100px !important;
}

.h30 {
  height: 30px !important;
}

.h150 {
  height: 150px !important;
}

.h40 {
  height: 40px !important;
}

.h200 {
  height: 200px !important;
}

.h50 {
  height: 50px !important;
}

.h250 {
  height: 250px !important;
}

.h60 {
  height: 60px !important;
}

.h300 {
  height: 300px !important;
}

.h70 {
  height: 70px !important;
}

.h350 {
  height: 350px !important;
}

.h80 {
  height: 80px !important;
}

.h400 {
  height: 400px !important;
}

.h90 {
  height: 90px !important;
}

.h450 {
  height: 450px !important;
}

.h100 {
  height: 100px !important;
}

.h500 {
  height: 500px !important;
}

.h110 {
  height: 110px !important;
}

.h550 {
  height: 550px !important;
}

.h120 {
  height: 120px !important;
}

.h600 {
  height: 600px !important;
}

.h130 {
  height: 130px !important;
}

.h650 {
  height: 650px !important;
}

.h140 {
  height: 140px !important;
}

.h700 {
  height: 700px !important;
}

.h150 {
  height: 150px !important;
}

.h750 {
  height: 750px !important;
}

.h160 {
  height: 160px !important;
}

.h800 {
  height: 800px !important;
}

.h170 {
  height: 170px !important;
}

.h850 {
  height: 850px !important;
}

.h180 {
  height: 180px !important;
}

.h900 {
  height: 900px !important;
}

.h190 {
  height: 190px !important;
}

.h950 {
  height: 950px !important;
}

.h200 {
  height: 200px !important;
}

.h1000 {
  height: 1000px !important;
}

.h210 {
  height: 210px !important;
}

.h1050 {
  height: 1050px !important;
}

.h220 {
  height: 220px !important;
}

.h1100 {
  height: 1100px !important;
}

.h230 {
  height: 230px !important;
}

.h1150 {
  height: 1150px !important;
}

.h240 {
  height: 240px !important;
}

.h1200 {
  height: 1200px !important;
}

.h250 {
  height: 250px !important;
}

.h1250 {
  height: 1250px !important;
}

.h260 {
  height: 260px !important;
}

.h1300 {
  height: 1300px !important;
}

.h270 {
  height: 270px !important;
}

.h1350 {
  height: 1350px !important;
}

.h280 {
  height: 280px !important;
}

.h1400 {
  height: 1400px !important;
}

.h290 {
  height: 290px !important;
}

.h1450 {
  height: 1450px !important;
}

.h300 {
  height: 300px !important;
}

.h1500 {
  height: 1500px !important;
}

.txt-15-b {
  font-size: 15px !important;
  font-weight: 600 !important;
}

.txt-16-b {
  font-size: 16px !important;
  font-weight: 600 !important;
}

.txt-17-b {
  font-size: 17px !important;
  font-weight: 600 !important;
}

.txt-18-b {
  font-size: 18px !important;
  font-weight: 600 !important;
}

.txt-19-b {
  font-size: 19px !important;
  font-weight: 600 !important;
}

.txt-20-b {
  font-size: 20px !important;
  font-weight: 600 !important;
}

.txt-21-b {
  font-size: 21px !important;
  font-weight: 600 !important;
}

.txt-22-b {
  font-size: 22px !important;
  font-weight: 600 !important;
}

.txt-23-b {
  font-size: 23px !important;
  font-weight: 600 !important;
}

.txt-24-b {
  font-size: 24px !important;
  font-weight: 600 !important;
}

.txt-25-b {
  font-size: 25px !important;
  font-weight: 600 !important;
}

.txt-26-b {
  font-size: 26px !important;
  font-weight: 600 !important;
}

.txt-27-b {
  font-size: 27px !important;
  font-weight: 600 !important;
}

.txt-28-b {
  font-size: 28px !important;
  font-weight: 600 !important;
}

.txt-29-b {
  font-size: 29px !important;
  font-weight: 600 !important;
}

.txt-30-b {
  font-size: 30px !important;
  font-weight: 600 !important;
}

.txt-31-b {
  font-size: 31px !important;
  font-weight: 600 !important;
}

.txt-32-b {
  font-size: 32px !important;
  font-weight: 600 !important;
}

.txt-33-b {
  font-size: 33px !important;
  font-weight: 600 !important;
}

.fs30 {
  font-size: 30px !important;
  line-height: 1.4;
}

.fs29 {
  font-size: 29px !important;
  line-height: 1.4;
}

.fs28 {
  font-size: 28px !important;
  line-height: 1.4;
}

.fs27 {
  font-size: 27px !important;
  line-height: 1.4;
}

.fs26 {
  font-size: 26px !important;
  line-height: 1.4;
}

.fs25 {
  font-size: 25px !important;
  line-height: 1.4;
}

.fs24 {
  font-size: 24px !important;
  line-height: 1.4;
}

.fs23 {
  font-size: 23px !important;
  line-height: 1.4;
}

.fs22 {
  font-size: 22px !important;
  line-height: 1.4;
}

.fs21 {
  font-size: 21px !important;
  line-height: 1.4;
}

.fs20 {
  font-size: 20px !important;
  line-height: 1.4;
}

.fs19 {
  font-size: 19px !important;
  line-height: 1.4;
}

.fs18 {
  font-size: 18px !important;
  line-height: 1.4;
}

.fs17 {
  font-size: 17px !important;
  line-height: 1.4;
}

.fs16 {
  font-size: 16px !important;
  line-height: 1.4;
}

.fs15 {
  font-size: 15px !important;
  line-height: 1.4;
}

.fs14 {
  font-size: 14px !important;
  line-height: 1.4;
}

.fs13 {
  font-size: 13px !important;
  line-height: 1.4;
}

.fs12 {
  font-size: 12px !important;
  line-height: 1.4;
}

.a-link {
  text-decoration: none;
  color: #333;
}
.a-link:active, .a-link:hover {
  text-decoration: none;
}

.a-link-blue {
  text-decoration: none;
  color: #333;
}
.a-link-blue:active, .a-link-blue:hover {
  text-decoration: none;
}

h2.tit {
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: bold;
  color: #222;
  padding: 0 0 0 15px;
}

.h-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}
.h-box > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.h-box > div:last-child {
  display: -webkit-box;
  -webkit-box-pack: end;
  text-align: right;
}
.h-box > div:last-child input[type=text],
.h-box > div:last-child input[type=password] {
  display: block;
}
.h-box > div.fx08 {
  -webkit-box-flex: 0.8;
      -ms-flex: 0.8;
          flex: 0.8;
}
.h-box > .txt-tit {
  -ms-flex-item-align: center;
      align-self: center;
}
.h-box select:disabled {
  background-color: #ececec;
  color: #999;
  background-position: right -35px;
}
.h-box input:disabled {
  background-color: #ececec;
  color: #999;
}
.h-box .select-box.col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h-box .select-box.col2 select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.h-box .select-box.col2 select + select {
  margin-left: 10px;
}
.h-box .select-box.col2 .dash {
  margin: 0 5px;
}
.h-box > div.ra-ck {
  -webkit-box-pack: start;
}
.h-box > div.ra-ck .label-div {
  font-size: 16px;
  text-align: left;
}
.h-box .p-tit {
  width: 120px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: #333;
  -ms-flex-item-align: center;
      align-self: center;
  font-weight: bold;
  font-size: 18px;
}
.h-box .p-tit > del {
  color: #333;
}
.h-box .p-tit.large {
  position: relative;
  width: 50%;
}
.h-box .p-tit.large > del {
  color: #222;
}
.h-box .p-tit.large::after {
  position: absolute;
  right: 43px;
  top: 6px;
  width: 15px;
  height: 12px;
  background: url("../images/sub/sprite_dealer_icon.png") no-repeat -51px -98px;
  background-size: 250px;
  content: "";
}
.h-box .input-wrap {
  width: 100%;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 0;
}
.h-box .input-wrap > input[type=number], .h-box .input-wrap > input[type=tel] {
  text-align: right;
  padding-right: 45px;
  border: 0;
  height: 28px;
  line-height: 28px;
}
.h-box .input-wrap > .pay-type {
  position: absolute;
  top: 14px;
  right: 10px;
  color: #999;
  font-size: 16px;
}
.h-box .input-wrap.input-disable {
  background: #ececec;
}

.h-box-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.list-type .h-box .txt-tit {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 15px;
  color: #666;
}

.list-type .h-box .txt-tit,
.list-type2 .h-box .txt-tit {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 15px;
  color: #666;
}

.list-type .h-box .txt-tit {
  width: 100px;
}

.list-type2 .h-box > div:last-child {
  display: -webkit-box;
  -webkit-box-pack: end;
  text-align: right;
}

.v-box {
  -webkit-box-orient: vertical;
}

.rud-area {
  padding: 15px 0;
}

.ra-ck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.input-r {
  display: none;
  margin: 0;
  padding: 0;
}
.input-r + label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0 0 0 20px;
  padding: 0 0 0 22px;
  line-height: 1.2em;
  height: 16px;
  font-size: 16px;
}
.input-r + label:after {
  content: "";
  display: block;
  position: absolute;
  left: 3px;
  top: 2px;
  background-size: 500px;
  width: 15px;
  height: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 15px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.input-r:checked + label:after {
  background: url("../images/common/sprite.png") no-repeat -19px -1px;
  background-size: 500px;
}
.input-r:disabled + label:after {
  background: url("../images/common/sprite.png") no-repeat -54px 0;
  background-size: 500px;
}
.input-r:checked:disabled + label:after {
  background: url("../images/common/sprite.png") no-repeat -37px -1px;
  background-size: 500px;
}

.input-ck {
  display: none;
  margin: 0;
  padding: 0;
}
.input-ck + label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0 0 0 20px;
  padding: 0 0 0 22px;
  line-height: 1.2em;
  height: 16px;
  font-size: 16px;
}
.input-ck + label:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 1px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  background-size: 500px;
  width: 15px;
  height: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.input-ck:checked {
  background-color: #666;
  -webkit-appearance: checkbox;
}
.input-ck:checked + label:after {
  content: "";
  background: url("../images/common/sprite.png") no-repeat -18px -18px;
  background-size: 500px;
  border: 0;
}
.input-ck:first-child + label {
  margin: 0;
}
.input-ck:disabled + label:after {
  background: url("../images/common/sprite.png") no-repeat -54px -18px;
  background-size: 500px;
}
.input-ck:checked:disabled + label:after {
  background-position: -36px -18px;
}
.input-ck + label.sole_ck {
  text-indent: -9999ex;
}

input[type=checkbox]:first-child + label,
input[type=radio]:first-child + label {
  margin: 0;
}

.btn-switch input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.btn-switch input[type=checkbox] + label {
  cursor: pointer;
  text-indent: -9999px;
  width: 49px;
  height: 20px;
  background: #999;
  display: block;
  border-radius: 100px;
  position: relative;
}
.btn-switch input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  top: -2px;
  left: -5px;
  width: 25px;
  height: 25px;
  background: #fff;
  border-radius: 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: -1px 4px 6px -4px rgba(0, 0, 0, 0.63);
  box-shadow: -1px 4px 6px -4px rgba(0, 0, 0, 0.63);
}
.btn-switch input[type=checkbox] + label:before {
  content: "OFF";
  position: absolute;
  right: 5px;
  top: 2px;
  color: #fff;
  font-size: 11px;
}
.btn-switch input[type=checkbox]:checked + label {
  background: #fcaf17;
}
.btn-switch input[type=checkbox]:checked + label:after {
  left: calc(100% + 5px);
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.btn-switch input[type=checkbox]:checked + label:before {
  content: "ON";
  position: absolute;
  left: 24px;
  top: 2px;
  font-size: 11px;
  color: #fff;
  right: auto;
}

.car-area {
  text-align: center;
  margin-bottom: 10px;
  padding: 48px 0 27px;
  background: #fff;
  border-radius: 0 0 15px 15px;
}
.car-area .car-img img {
  width: 163px;
}
.car-area .car-info .car-name {
  display: block;
  padding: 20px 0 15px;
  font-size: 16px;
  font-weight: bold;
  color: #222;
}
.car-area .car-info .car-num {
  display: block;
  font-size: 15px;
  color: #999;
}

.car-price {
  background: #fff;
  border-radius: 15px 15px 0 0;
  padding: 0 15px 25px;
}
.car-price .price-info {
  padding: 27px 0;
  font-size: 15px;
  font-weight: 600;
}
.car-price .price-info strong {
  display: block;
  font-size: 20px;
}
.car-price .price-list {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  font-size: 12px;
}
.car-price .price-list .h-box {
  border-top: 1px solid #ddd;
  margin: 0;
  padding: 10px 5px 8px;
}
.car-price .price-list .h-box:first-child {
  border-top: 0;
}
.car-price .price-list .h-box .txt-tit {
  font-size: 12px;
  color: #666;
}
.car-price .price-list .h-box .pay {
  font-weight: 600;
}
.car-price .price-list .v-box label {
  min-width: 120px;
  font-size: 12px;
  letter-spacing: -0.1em;
  padding: 0 0 0 19px;
}
.car-price .price-total {
  padding: 15px 0 0;
}
.car-price .price-total .txt-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.car-price .price-total .pay {
  font-size: 18px;
  font-weight: 600;
}

.ex-txt {
  color: #999;
  font-size: 12px;
}

.kb-coin .txt-tit {
  font-size: 15px;
}
.kb-coin .coin {
  position: relative;
  padding: 0 25px 0 0;
  font-size: 24px;
  font-weight: 600;
}
.kb-coin .coin:after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  width: 21px;
  height: 21px;
  background: url("../images/common/sprite.png") no-repeat -72px 0;
  background-size: 500px 500px;
}
.kb-coin .txt {
  color: #999;
  font-size: 12px;
}

.list-coin {
  padding: 0 15px;
}
.list-coin > ul > li {
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 16px 0;
}
.list-coin .v-box .tit {
  color: #222;
  font-weight: 600;
}
.list-coin .v-box .date {
  color: #999;
}
.list-coin .v-box > * {
  display: block;
  font-size: 12px;
}
.list-coin .coin span {
  padding: 0 16px 0 0;
  font-size: 12px;
  font-weight: 600;
}
.list-coin .coin span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  width: 12px;
  height: 13px;
}
.list-coin .coin span:before {
  position: absolute;
  left: -10px;
  top: -2px;
}
.list-coin .plus span {
  position: relative;
  color: #5299c6;
}
.list-coin .plus span:after {
  background-position: -93px 0;
}
.list-coin .plus span:before {
  content: "+";
}
.list-coin .minus span {
  position: relative;
  color: #df6654;
}
.list-coin .minus span:after {
  background-position: -105px 0;
}
.list-coin .minus span:before {
  content: "-";
}
.list-coin .txt {
  color: #999;
}

.mycar-mg .h-box .txt {
  font-size: 15px;
  color: #222;
  -ms-flex-item-align: center;
      align-self: center;
}
.mycar-mg .h-box .num {
  font-size: 22px;
}
.mycar-mg .h-box .num strong {
  font-size: 22px;
}
.mycar-mg .h-box .num strong.ad {
  color: #fcaf17;
}
.mycar-mg .col4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mycar-mg .col4 a {
  position: relative;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 25%;
  font-size: 12px;
  text-align: center;
}
.mycar-mg .col4 a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 1px;
  height: 12px;
  background: #ddd;
}
.mycar-mg .col4 a:first-child:after {
  display: none;
}
.mycar-mg .col4 a.on span {
  position: relative;
}
.mycar-mg .col4 a.on span:after {
  content: "";
  position: absolute;
  right: -2px;
  top: 0;
  width: 3px;
  height: 3px;
  background: #df6654;
  border-radius: 3px;
}

.my-car-list .scroll-list {
  position: relative;
  overflow: auto;
}
.my-car-list .scroll-list ul {
  display: table;
  width: 100%;
  height: 50px;
  white-space: nowrap;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}
.my-car-list .scroll-list ul li {
  display: table-cell;
  white-space: nowrap;
}
.my-car-list .scroll-list ul li a {
  position: relative;
  bottom: -1px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  z-index: 2;
}
.my-car-list .scroll-list ul li.on a {
  border-bottom: 2px solid #222;
}

.list-select-area {
  display: -webkit-box;
  border-bottom: 1px solid #ddd;
}
.list-select-area .check-sort > * {
  vertical-align: middle;
}
.list-select-area .check-sort select {
  display: inline-block;
  border: 0 none;
}
.list-select-area > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list-select-area > div:first-child {
  width: 200px;
}
.list-select-area > div:last-child {
  display: -webkit-box;
  -webkit-box-pack: end;
  -webkit-box-align: center;
  padding: 0 3px 0 0;
  width: 110px;
  -webkit-box-flex: 1;
}
.list-select-area .list-select > * {
  position: relative;
  display: inline-block;
  padding: 0 9px;
  text-indent: -999em;
}
.list-select-area .list-select > *:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -5px 0 0 -6px;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px 500px;
}
.list-select-area .list-select .btn-list:after {
  background-position: -120px 0;
  width: 12px;
  height: 11px;
}
.list-select-area .list-select .btn-thum:after {
  background-position: -137px 0;
  width: 12px;
  height: 11px;
}
.list-select-area .list-select .btn-search:after {
  background-position: -154px 0;
  width: 12px;
  height: 11px;
}

.area-car {
  padding: 12px 15px;
}
.area-car .ck-hit {
  display: -webkit-box;
}
.area-car .ck-hit > * {
  display: -webkit-box;
  -webkit-box-flex: 1;
  -webkit-box-align: center;
}
.area-car .ck-hit > div:last-child {
  -webkit-box-pack: end;
}
.area-car .ck-hit .hit-like button {
  margin: 0 0 0 10px;
  top: -3px;
}
.area-car .ck-hit .hit-like * {
  position: relative;
  font-size: 9px;
  color: #999;
}
.area-car .ck-hit .hit-like .blind {
  position: absolute;
}
.area-car .ck-hit .hit-like *:after {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
}
.area-car .ck-hit .hit-like .hit {
  padding: 0 0 0 15px;
}
.area-car .ck-hit .hit-like .hit:after {
  background-position: -170px 0;
  width: 13px;
  height: 9px;
}
.area-car .ck-hit .hit-like .like {
  padding: 0 0 0 12px;
}
.area-car .ck-hit .hit-like .like:after {
  background-position: -170px -13px;
  width: 10px;
  height: 9px;
}
.area-car .car-info .info-area {
  display: -webkit-box;
  margin-bottom: 16px;
}
.area-car .car-info .info-area .v-box {
  -webkit-box-flex: 1;
  padding: 0 0 0 15px;
}
.area-car .car-info .info-area .car-name,
.area-car .car-info .info-area .car-pay {
  font-size: 15px;
  font-weight: 600;
}
.area-car .car-info .info-area .car-detail span {
  position: relative;
  font-size: 9px;
  color: #999;
}
.area-car .car-info .info-area .car-detail span:after {
  content: "";
  position: absolute;
  left: -3px;
  top: 3px;
  width: 1px;
  height: 10px;
  background: #999;
}
.area-car .car-info .info-area .car-detail span:first-child:after {
  display: none;
}
.area-car .car-info .car-photo {
  width: 110px;
}
.area-car .car-info .car-photo img {
  width: 100%;
}
.area-car .tag-list {
  margin-bottom: 10px;
}
.area-car .tag-list:after {
  content: "";
  clear: both;
  display: block;
}
.area-car .tag-list span {
  float: left;
  display: inline-block;
  height: 18px;
  margin: 0 4px 4px 0;
  padding: 0 7px;
  font-size: 11px;
  color: #fff;
  background: #df6654;
  border: 1px solid #df6654;
  border-radius: 14px;
}
.area-car .tag-list span.gray {
  background: #999;
  border-color: #999;
}
.area-car .tag-list span.white {
  color: #999;
  background: #fff;
  border-color: #ddd;
}
.area-car + .btm-btn {
  display: -webkit-box;
  border-top: 1px solid #ddd;
}
.area-car + .btm-btn a {
  position: relative;
  -webkit-box-flex: 1;
  display: -webkit-box;
  -webkit-box-pack: center;
  width: 25%;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
}
.area-car + .btm-btn a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 1px;
  height: 15px;
  background: #ddd;
}
.area-car + .btm-btn a:first-of-type:after {
  display: none;
}

.update-area .btn {
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 0 16px;
}
.update-area .btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  background: url("../images/common/sprite.png") no-repeat -187px 0;
  background-size: 500px;
  width: 11px;
  height: 12px;
}
.update-area .btn button {
  position: relative;
  font-size: 12px;
  color: #5ea3cb;
}
.update-area .btn button:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: #5ea3cb;
}
.update-area .txt {
  margin: 0 0 20px;
  padding: 0 0 0 16px;
  font-size: 12px;
  color: #999;
}
.update-area .list-scroll {
  overflow: auto;
  margin: 0 0 0 -6px;
}
.update-area .list-btn {
  display: table;
  width: 100%;
  overflow: auto;
  white-space: nowrap;
}
.update-area .list-btn span {
  margin-left: 6px;
}
.update-area .list-btn a {
  display: table-cell;
  height: 24px;
  border: 1px solid #ddd;
  border-radius: 2px;
  color: #666;
  font-size: 12px;
  line-height: 24px;
  padding: 0 7px;
}

.tab-type,
.tab-area {
  position: relative;
}
.tab-type:after,
.tab-area:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.tab-type ul,
.tab-area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px;
}
.tab-type ul li,
.tab-area ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tab-type ul li a,
.tab-area ul li a {
  display: block;
  font-size: 16px;
  padding: 14px 0 13px;
  text-align: center;
  position: relative;
  text-decoration: none;
  color: #999;
  z-index: 2;
}
.tab-type ul li.on a,
.tab-area ul li.on a {
  border-bottom: 2px solid #222;
  font-weight: 600;
  color: #222;
}

.btn-wrap .btn {
  display: block;
  width: 100%;
  height: 54px;
  background: #fff;
  border: 1px solid #2666c6;
  color: #2666c6;
  text-align: center;
  font-size: 18px;
  line-height: 54px;
  border-radius: 4px;
  text-decoration: none;
}

.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5.6rem;
  padding: 12px 0 0 21px;
  background: transparent;
  z-index: 99;
}
.header h1 {
  font-size: 18px;
}
.header.buy-header h1 {
  color: #384942;
  padding: 3px 0 0 0;
}
.header.sell-header > h1 {
  color: #363d46;
  padding: 12px 0 0 21px;
}
.header.price-header h1 {
  color: #794473;
  padding: 3px 0 0 0;
}
.header.search-header h1 {
  color: #41443e;
  padding: 3px 0 0 0;
}
.header.fixed-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 55px;
  z-index: 99;
}
.header.fixed-header.buy-header {
  background: #a0c4b3;
}
.header.fixed-header.sell-header {
  background: #a8b5d7;
}
.header.fixed-header.price-header {
  background: #e6bde6;
}
.header.fixed-header.search-header {
  background: #d3d5d0;
}
.header .link-area {
  position: absolute;
  right: 15px;
  top: 0;
  height: 55px;
}
.header .link-area a {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  overflow: hidden;
  width: 34px;
  height: 55px;
}
.header .link-area a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/common/sprite.png") no-repeat;
  width: 19px;
  height: 23px;
  background-size: 500px;
  margin: -12px 0 0 -10px;
}
.header .link-area .subscribe:after {
  background-position: -316px -30px;
}
.header .link-area .subscribe.new:before {
  right: 5px;
}
.header .link-area .alarm:after {
  background-position: -292px -30px;
}
.header .link-area .mycar {
  padding-bottom: 0;
  width: 38px;
}
.header .link-area .mycar:after {
  background-position: -50px -50px;
  width: 22px;
  height: 22px;
}
.header .link-area .mycar.new:before {
  /*right: 2px;*/
  right: 0;
}
.header .link-area .mycar.has-my-car:after {
  display: none;
}
.header .link-area .mycar.has-my-car .mycar-thumb {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  margin: -11px 0 0 -11px;
  border-radius: 11px;
  background: #5f8e7a;
  z-index: 2;
}
.header .link-area .mycar.has-my-car .mycar-thumb-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header .link-area a.new:before {
  content: "";
  position: absolute;
  right: 2px;
  top: 14px;
  display: block;
  width: 14px;
  height: 14px;
  background: url("../images/common/icon_new@2x.png") no-repeat;
  background-size: 14px auto;
  z-index: 2;
}
.header .link-area .dlr-home:after,
.header .link-area .dealer-home:after {
  background-position: -339px -30px;
}
.header.sell-header .link-area .mycar:after {
  /*background-position: -50px -72px;*/
  background-position: 0 0;
  width: 38px;
  height: 22px;
  margin-left: 0;
  left: 0;
  background-position: 0 0;
  background: url("../images/common/icon_mycar.png") no-repeat;
  background-size: 38px 22px;
}
.header.sell-header .link-area .membership {
  padding-bottom: 0;
  width: 38px;
}
.header.sell-header .link-area .membership:after {
  background-position: 0 0;
  width: 38px;
  height: 22px;
  margin-left: 0;
  left: 0;
  background-position: 0 0;
  background: url("../images/common/icon_membership.png") no-repeat;
  background-size: 38px 22px;
}
.header.price-header .link-area .mycar:after {
  /*background-position: -50px -94px;*/
  background-position: 0 0;
  width: 38px;
  height: 22px;
  margin-left: 0;
  left: 0;
  background-position: 0 0;
  background: url("../images/common/icon_mycar.png") no-repeat;
  background-size: 38px 22px;
}
.header.search-header .link-area .mycar:after {
  /*background-position: -50px -116px;*/
  background-position: 0 0;
  width: 38px;
  height: 22px;
  margin-left: 0;
  left: 0;
  background-position: 0 0;
  background: url("../images/common/icon_mycar.png") no-repeat;
  background-size: 38px 22px;
}
.header.search-header .link-area .membership {
  padding-bottom: 0;
  width: 38px;
}
.header.search-header .link-area .membership:after {
  background-position: 0 0;
  width: 38px;
  height: 22px;
  margin-left: 0;
  left: 0;
  background-position: 0 0;
  background: url("../images/common/icon_membership.png") no-repeat;
  background-size: 38px 22px;
}
.header .btn-auction {
  position: absolute;
  right: 15px;
  top: 17px;
  display: inline-block;
  height: 20px;
  border: 1px solid #ddd;
  border-radius: 20px;
  line-height: 20px;
  text-decoration: none;
  color: #999;
  padding: 0 9px;
  background: #fff;
  font-size: 13px;
}
.header.content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 44px;
  padding: 0 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
}
.header.content-header .main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 0 0 8px;
  color: #222;
  font-size: 20px;
  font-family: "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 44px;
}
.header.content-header .main button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header.content-header .main button span {
  line-height: 30px;
  color: #222;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.4px;
}
.header.content-header .main button .icon16 {
  margin-left: 4px;
}
.header.content-header .main .maintenance-vehicle {
  position: relative;
  display: inline-block;
  padding-left: 4px;
  font-size: 0;
  white-space: nowrap;
  vertical-align: baseline;
}
.header.content-header .main .maintenance-vehicle dt,
.header.content-header .main .maintenance-vehicle dd {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0;
}
.header.content-header .main .maintenance-vehicle .number-text {
  font-size: 14px;
  margin-left: 4px;
}
.header.content-header .main .maintenance-vehicle .number-text__digit {
  color: #2589ff;
}
.header.content-header .header-aside {
  position: relative;
  width: 40px;
  height: 44px;
  padding: 10px 8px;
}
.header.content-header .header-logo {
  display: block;
  width: 78px;
  padding: 6px 8px 12px 8px;
}
.header.content-header .header-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  text-indent: -9999em;
  overflow: hidden;
  font-size: 0;
  background-color: transparent;
}
.header.content-header .header-icon--menu {
  background: url("../images/common/icon_header/icon24-util-menu.svg") no-repeat center/contain;
}
.header.content-header .header-icon--membership {
  background: url("../images/common/icon_header/icon24-util-membership.svg") no-repeat center/contain;
}
.header.content-header .header-icon--garage {
  background: url("../images/common/icon_header/icon24-util-garage.svg") no-repeat center/contain;
}
.header.content-header .header-icon-garage-add {
  position: absolute;
  top: 1.6rem;
  right: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/common/icon_header/icon16-util-garage-add.svg") no-repeat center/contain;
}
.header.content-header .header-icon--chat {
  background: url("../images/common/icon_header/icon24-util-chat.svg") no-repeat center/contain;
}
.header.content-header .header-icon--alarm {
  background: url("../images/common/icon_header/icon24-util-alarm.svg") no-repeat center/contain;
}
.header.content-header .header-icon--dealer-home {
  background: url("../images/common/icon_header/icon24-util-dealer-home.svg") no-repeat center/contain;
}
.header.content-header .header-icon--coupon {
  background: url("../images/common/icon24-util-coupon.svg") no-repeat center/contain;
}
.header.content-header .header-icon--menu-v2 {
  background: url("../images/common/icon/icon24-util-menu-v2.svg") no-repeat center/contain;
}
.header.content-header .header-icon--garage-v2 {
  background: url("../images/common/icon/icon24-util-garage-v2.svg") no-repeat center/contain;
}
.header.content-header .header-icon--membership-v2 {
  background: url("../images/common/icon/icon24-util-membership-v2.svg") no-repeat center/contain;
}
.header.content-header .header-icon--chat-v2 {
  background: url("../images/common/icon/icon24-util-chat-v2.svg") no-repeat center/contain;
}
.header.content-header .header-icon--alarm-v2 {
  background: url("../images/common/icon/icon24-util-alarm-v2.svg") no-repeat center/contain;
}
.header.content-header .btn-header-wrap button {
  position: relative;
  width: 40px;
  height: 44px;
  background: transparent;
  border: 0;
  text-indent: -9999em;
  overflow: hidden;
  outline: none;
}
.header.content-header .btn-header-wrap button span.new {
  position: absolute;
  top: 9px;
  right: 7px;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #f00;
}
.header.content-header .btn-header-wrap button .garage-register-number {
  position: absolute;
  top: 0.6rem;
  right: 0.2rem;
  display: block;
  min-width: 1.6rem;
  padding: 0 0.4rem;
  height: 1.6rem;
  background: #ff0000;
  border-radius: 0.8rem;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: -0.05rem;
  line-height: 1.6rem;
  text-align: center;
  text-indent: 0;
}

.event-header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 55px;
  padding: 12px 0 0 21px;
  background: transparent;
  z-index: 99;
}
.event-header .pre-page {
  position: absolute;
  display: inline-block;
  padding: 14px 0 6px 43px;
  text-decoration: none;
  color: #222;
  font-size: 18px;
  font-weight: 600;
  z-index: 2;
}
.event-header .pre-page:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 19px;
  background: url("../images/common/sprite.png") no-repeat;
  width: 15px;
  height: 11px;
  background-size: 500px;
  background-position: -402px -16px;
}
.event-header img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.event-header .logo {
  position: absolute;
  width: 49.5px;
  height: 21px;
  top: 13.5px;
  left: 21px;
  -o-object-fit: contain;
     object-fit: contain;
}
.event-header .btn {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 17.5px;
  right: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.sub-header .btn {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 17.5px;
  right: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.s-main + .footer {
  padding: 25px 20px 68px;
}

.sell + .footer {
  padding-bottom: 68px;
}

.footer {
  position: relative;
  margin-top: 10px;
  padding: 25px 20px 38px;
  border-radius: 14px 14px 0 0;
  background: #fff;
}
.footer .sns {
  margin-top: 26px;
}
.footer .sns a {
  display: inline-block;
  text-indent: -999em;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  width: 30px;
  height: 30px;
  margin-right: 12px;
}
.footer .sns .youtube {
  background-position: -418px -58px;
}
.footer .sns .fackbook {
  background-position: -72px -25px;
}
.footer .sns .instagram {
  background-position: -102px -25px;
}
.footer .sns .post {
  background-position: -418px -93px;
}
.footer .sns .n-blog {
  background-position: -132px -25px;
}

.footer__company a {
  color: inherit;
  font: inherit;
  text-decoration: none;
}
.footer__company .footer__company-name {
  position: relative;
  overflow: hidden;
}
.footer__company .footer__company-trigger {
  position: relative;
  display: inline-block;
  padding-right: 16px;
}
.footer__company .footer__company-trigger:after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  display: inline-block;
  width: 8px;
  height: 5px;
  margin-left: 2px;
  vertical-align: middle;
  background: url("../images/common/footer_arr.png") no-repeat;
  background-size: 8px 10px;
}
.footer__company .footer__company-trigger.on:after {
  background-position: left -5px;
}
.footer__company .footer__company-logo {
  display: block;
  width: 107px;
  height: 0;
  padding-top: 20px;
  background: url("../images/common/footer_logo_row.png") no-repeat;
  background-size: 107px 20px;
  overflow: hidden;
}
.footer__company .footer__company-info {
  padding: 7px 0 9px 0;
  border-bottom: 1px solid #dfdfdf;
}
.footer__company .footer__company-info-block {
  position: relative;
  padding-left: 60px;
  text-align: left;
  overflow: hidden;
}
.footer__company .footer__company-info-title,
.footer__company .footer__company-info-description {
  position: relative;
  padding: 2px 0;
  font-size: 11px;
}
.footer__company .line-block {
  font: inherit;
}
.footer__company .footer__company-info-title {
  clear: both;
  float: left;
  left: -60px;
  width: 60px;
  margin-right: -60px;
  color: #838383;
}
.footer__company .footer__company-info-description {
  float: right;
  width: 100%;
  color: #636363;
}
.footer__company .footer__inquiry {
  position: absolute;
  right: 20px;
  top: 23px;
  display: inline-block;
  width: auto;
  padding: 0 10px;
  border: 1px solid #e1e4e7;
  border-radius: 3px;
  background-color: #f7f7f9;
  color: #222;
  font-size: 13px;
  line-height: 24px;
}

.footer__cs {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -16px;
  white-space: nowrap;
  line-height: 1.2;
  text-align: right;
}

.footer__cs-title {
  font-size: 13px;
  font-weight: normal;
}

.footer__cs-desc {
  display: block;
  font-size: 12px;
  overflow: hidden;
}

.footer__cs-desc-left,
.footer__cs-desc-right {
  color: #777;
  font-size: 13px;
}

.footer__cs-desc-left {
  float: left;
}

.footer__cs-desc-right {
  float: right;
}

.footer__link {
  position: relative;
  margin-top: 20px;
  color: #333;
}
.footer__link .footer__link-item {
  display: inline-block;
  color: inherit;
  font-size: 13px;
  text-decoration: none;
}
.footer__link .footer__link-privacy {
  font-weight: 700;
}

.footer__comment {
  color: #777;
  font-size: 10px;
  margin: 10px 0;
}
.footer__comment .line-block {
  color: inherit;
  font: inherit;
}

.bottom-menu-area {
  position: fixed;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  border-top: 1px solid #ddd;
  background: #fff;
  border-radius: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  z-index: 99;
}
.bottom-menu-area a {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  padding: 32px 0 0;
  font-weight: 400;
  font-size: 10px;
  color: #222;
  text-decoration: none;
}
.bottom-menu-area a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 7px;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  width: 20px;
  height: 21px;
  margin-left: -10px;
}
.bottom-menu-area a:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 2px;
}
.bottom-menu-area a.on {
  color: #2666c6;
}
.bottom-menu-area .buy:after {
  background-position: -75px -55px;
}
.bottom-menu-area .sell:after {
  background-position: -95px -55px;
}
.bottom-menu-area .search:after {
  background-position: -115px -55px;
}
.bottom-menu-area .price:after {
  background-position: -135px -55px;
  margin-left: -9px;
}
.bottom-menu-area .more:after {
  background-position: -155px -55px;
  width: 23px;
  margin-left: -12px;
}
.bottom-menu-area .home:after {
  background-position: -211px -87px;
  width: 16px;
  margin-left: -8px;
}
.bottom-menu-area .mycar:after {
  background-position: -230px -87px;
}
.bottom-menu-area .carcheck:after {
  background-position: -253px -87px;
}
.bottom-menu-area .buy.on:after {
  background-position: -75px -76px;
}
.bottom-menu-area .sell.on:after {
  background-position: -95px -76px;
}
.bottom-menu-area .search.on:after {
  background-position: -115px -76px;
}
.bottom-menu-area .price.on:after {
  background-position: -135px -76px;
}
.bottom-menu-area .more.on:after {
  background-position: -155px -76px;
}
.bottom-menu-area .home.on:after {
  background-position: -211px -108px;
}
.bottom-menu-area .mycar.on:after {
  background-position: -230px -108px;
}
.bottom-menu-area .carcheck.on:after {
  background-position: -253px -108px;
}
.bottom-menu-area.up {
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
.bottom-menu-area.down {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.bottom-tab-bar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 12px;
  overflow: visible;
  z-index: 99;
}
.bottom-tab-bar:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100vw;
  height: calc(54px + env(safe-area-inset-bottom));
  height: calc(54px + constant(safe-area-inset-bottom));
  background: #fff;
}
.bottom-tab-bar a {
  text-decoration: none;
}
.bottom-tab-bar span {
  font: inherit;
}
.bottom-tab-bar.bottom-tab-bar--over {
  position: fixed;
  left: 0;
  right: 0;
  bottom: calc(54px + env(safe-area-inset-bottom));
  bottom: calc(54px + constant(safe-area-inset-bottom));
  height: 1px;
  overflow: visible;
}
.bottom-tab-bar.bottom-tab-bar--over:before {
  display: none;
}
.bottom-tab-bar.bottom-tab-bar--over .bottom-tab-bar__block.on .bottom-tab-bar__item-active {
  display: none;
}
.bottom-tab-bar.bottom-tab-bar--over .bottom-tab-bar__block.on .bottom-tab-bar__item {
  top: auto;
  bottom: -54px;
}
.bottom-tab-bar.bottom-tab-bar--over .bottom-tab-bar__block.on .bottom-tab-bar__text {
  background: #fff;
}
.bottom-tab-bar.bottom-tab-bar--plain {
  height: 55px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.bottom-tab-bar.bottom-tab-bar--plain .bottom-tab-bar__item {
  margin-top: 0;
}

.bottom-tab-bar__block {
  position: relative;
  display: block;
  width: 20%;
  height: 100%;
  margin-bottom: calc(env(safe-area-inset-bottom));
  margin-bottom: calc(constant(safe-area-inset-bottom));
}

.bottom-tab-bar__item {
  position: relative;
  display: block;
  width: 100%;
  height: 54px;
  margin-top: 48px;
  padding: 7px 0 0 0;
  overflow: visible;
  text-align: center;
  color: #9a9a9a;
  font-size: 11px;
  line-height: 1.15;
}

.bottom-tab-bar__item-active {
  display: none;
  position: absolute;
  left: 50%;
  top: 0;
  width: 100px;
  height: 48px;
  margin-left: -50px;
  background: url("../images/common/tab_bar/tab_bar_bg@2x.png") no-repeat left -206px;
  background-size: 100px 308px;
}
.bottom-tab-bar__item-active:before, .bottom-tab-bar__item-active:after {
  content: "";
  position: absolute;
  width: 100vw;
  height: 48px;
  background: url("../images/common/tab_bar/tab_bar_bg@2x.png") repeat-x left -260px;
  background-size: 100px 308px;
}
.bottom-tab-bar__item-active:before {
  right: 100%;
}
.bottom-tab-bar__item-active:after {
  left: 100%;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item-active {
  display: block;
}

.bottom-tab-bar__icon {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  z-index: 2;
}
.bottom-tab-bar__icon:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/common/tab_bar/tab_bar_bg@2x.png") no-repeat;
  background-size: 100px 308px;
  overflow: hidden;
}
.bottom-tab-bar__item--buy .bottom-tab-bar__icon:after {
  background-position: -25px -25px;
}
.bottom-tab-bar__item--sell .bottom-tab-bar__icon:after {
  background-position: -25px top;
}
.bottom-tab-bar__item--search .bottom-tab-bar__icon:after {
  background-position: -50px top;
}
.bottom-tab-bar__item--price .bottom-tab-bar__icon:after {
  background-position: -75px top;
}
.bottom-tab-bar__item--menu .bottom-tab-bar__icon:after {
  background-position: left -25px;
}
.bottom-tab-bar__item--home .bottom-tab-bar__icon:after {
  background-position: -25px -25px;
}
.bottom-tab-bar__item--manage .bottom-tab-bar__icon:after {
  background-position: -50px -25px;
}
.bottom-tab-bar__item--inquiry .bottom-tab-bar__icon:after {
  background-position: -75px -25px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item--buy .bottom-tab-bar__icon:after {
  background-position: -70px -135px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item--sell .bottom-tab-bar__icon:after {
  background-position: -35px -100px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item--search .bottom-tab-bar__icon:after {
  background-position: -70px -100px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item--price .bottom-tab-bar__icon:after {
  background-position: left -135px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item--menu .bottom-tab-bar__icon:after {
  background-position: -35px -135px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item--home .bottom-tab-bar__icon:after {
  background-position: -70px -135px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item--manage .bottom-tab-bar__icon:after {
  background-position: left -170px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item--inquiry .bottom-tab-bar__icon:after {
  background-position: -35px -170px;
}

.bottom-tab-bar__text {
  position: absolute;
  left: 0;
  bottom: 6px;
  display: block;
  width: 100%;
  line-height: 1;
}

.bottom-tab-bar__text-add {
  display: none;
}

.bottom-tab-bar__block.on .bottom-tab-bar__item {
  position: absolute;
  left: 50%;
  top: 0px;
  width: 60px;
  height: 86px;
  margin-top: 16px;
  margin-left: -30px;
  padding-top: 0;
}
.bottom-tab-bar__block.on .bottom-tab-bar__icon {
  width: 60px;
  height: 60px;
  border: 6px solid #fff;
  border-radius: 50%;
  background: #364f7f;
  overflow: hidden;
}
.bottom-tab-bar__block.on .bottom-tab-bar__icon:after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__text {
  bottom: 5px;
  margin-top: 6px;
  color: #364f7f;
  font-size: 14px;
  font-weight: 700;
}
.bottom-tab-bar__block.on .bottom-tab-bar__text-add {
  display: inline;
}

.bottom-tab-bar--simple {
  height: 55px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.bottom-tab-bar--simple:before {
  height: 100%;
}
.bottom-tab-bar--simple .bottom-tab-bar__item {
  margin-top: 0;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item {
  margin-top: 0;
  padding-top: 7px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item-active {
  display: none;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item-active:before, .bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item-active:after {
  display: none;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__icon {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 0;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__icon:after {
  width: 100%;
  height: 100%;
  margin: -12px 0 0 -12px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item--buy .bottom-tab-bar__icon:after {
  background-position: left -50px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item--sell .bottom-tab-bar__icon:after {
  background-position: -25px -50px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item--search .bottom-tab-bar__icon:after {
  background-position: -50px -50px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item--price .bottom-tab-bar__icon:after {
  background-position: -75px -50px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item--menu .bottom-tab-bar__icon:after {
  background-position: left -75px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item--home .bottom-tab-bar__icon:after {
  background-position: -25px -75px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item--manage .bottom-tab-bar__icon:after {
  background-position: -50px -75px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item--inquiry .bottom-tab-bar__icon:after {
  background-position: -75px -75px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__text {
  font-size: 11px;
  margin-top: 6px;
}

.bottom-tab-bar--has-dot {
  height: 65px;
}
.bottom-tab-bar--has-dot .bottom-tab-bar__item {
  padding-top: 16px;
}
.bottom-tab-bar--has-dot .bottom-tab-bar__block.on .bottom-tab-bar__item {
  padding-top: 16px;
}
.bottom-tab-bar--has-dot .bottom-tab-bar__block.on .bottom-tab-bar__item-active {
  display: block;
  top: 6px;
  left: 50%;
  width: 6px;
  height: 6px;
  margin: 0 0 0 -3px;
  border-radius: 50%;
  background: #364f7f;
  overflow: hidden;
}

html {
  font-size: 10px;
}

/* dockbar */
.dock-menu {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  font-size: 10px;
}
.dock-menu .dock-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-top: 1px solid #eee;
  background: #fff;
  -webkit-box-shadow: 0 -0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 -0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.dock-menu .dock-bar li {
  width: 100%;
}
.dock-menu .dock-bar li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 5.6rem;
  text-decoration: none;
}
.dock-menu .dock-bar li a.active .icon.dock-all {
  background: url("../images/common/icon/dock-menu-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active .icon.dock-all-v2 {
  background: url("../images/common/icon/dock-menu-v2-on.svg") no-repeat center;
}
.dock-menu .dock-bar li a.active .icon.dock-home-v2 {
  background: url("../images/common/icon/dock-home-v2-on.svg") no-repeat center;
}
.dock-menu .dock-bar li a.active .icon.dock-sell-v2 {
  background: url("../images/common/icon/dock-sell-v2-on.svg") no-repeat center;
}
.dock-menu .dock-bar li a.active .icon.dock-search-v2 {
  background: url("../images/common/icon/dock-search-v2-on.svg") no-repeat center;
}
.dock-menu .dock-bar li a.active .icon.dock-market-v2 {
  background: url("../images/common/icon/dock-market-v2-on.svg") no-repeat center;
}
.dock-menu .dock-bar li a .icon.dock-all {
  background: url("../images/common/icon/dock-menu-off.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a .icon.dock-all-v2 {
  background: url("../images/common/icon/dock-menu-v2-off.svg") no-repeat center;
}
.dock-menu .dock-bar li a .icon.dock-home-v2 {
  background: url("../images/common/icon/dock-home-v2-off.svg") no-repeat center;
}
.dock-menu .dock-bar li a .icon.dock-sell-v2 {
  background: url("../images/common/icon/dock-sell-v2-off.svg") no-repeat center;
}
.dock-menu .dock-bar li a .icon.dock-search-v2 {
  background: url("../images/common/icon/dock-search-v2-off.svg") no-repeat center;
}
.dock-menu .dock-bar li a .icon.dock-chatech-v2 {
  background: url("../images/common/icon/dock-chatech-v2-off.svg") no-repeat center;
}
.dock-menu .dock-bar li a .icon.dock-market-v2 {
  background: url("../images/common/icon/dock-market-v2-off.svg") no-repeat center;
}
.dock-menu .dock-bar li a.active .icon.dock-home {
  background: url("../images/common/icon/dock-home-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active .icon.dock-sell {
  background: url("../images/common/icon/dock-sell-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active .icon.dock-market {
  background: url("../images/common/icon/dock-market-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active .icon.dock-car-tech {
  height: 2.4rem;
  margin-top: 0;
  background: url("../images/common//icon/dock-car-tech-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active .icon.dock-more {
  background: url("../images/common/icon/dock-menu-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active .icon.dock-search {
  background: url("../images/common/icon/dock-search-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active span {
  color: #222;
  font-weight: 700;
}
.dock-menu .dock-bar li a.active + .dock-depth2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dock-menu .dock-bar li a .icon {
  width: 2.4rem;
  height: 2.4rem;
}
.dock-menu .dock-bar li a .icon.dock-home {
  background: url("../images/common/icon/dock-home-off.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a .icon.dock-sell {
  background: url("../images/common/icon/dock-sell-off.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a .icon.dock-market {
  background: url("../images/common/icon/dock-market-off.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a .icon.dock-car-tech {
  width: 2.4rem;
  height: 4rem;
  margin-top: -1.6rem;
}
.dock-menu .dock-bar li a .icon.dock-more {
  background: url("../images/common/icon/dock-menu-off.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a .icon.dock-search {
  background: url("../images/common/icon/dock-search-off.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a .icon + span {
  margin-top: 0.4rem;
}
.dock-menu .dock-bar li a span {
  position: relative;
  display: block;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.dock-menu .dock-bar li .dock-depth2 {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 2.8rem;
  width: 100%;
  height: 4.8rem;
  border-radius: 2.4rem 2.4rem 0 0;
  background: #fff;
  -webkit-box-shadow: 0 -0.4rem 2rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 -0.4rem 2rem rgba(0, 0, 0, 0.08);
  z-index: -1;
}
.dock-menu .dock-bar li .dock-depth2 li a {
  height: 4.8rem;
}
.dock-menu .dock-bar li .dock-depth2 li a.active span {
  color: #222;
  font-weight: 700;
}
.dock-menu .dock-bar li .dock-depth2 li a.active span:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background: #222;
}
.dock-menu .dock-bar li .dock-depth2 li a span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  line-height: 4.8rem;
}

.fxd-area {
  position: fixed;
  right: 20px;
  bottom: 70px;
  width: 60px;
  height: 60px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  z-index: 100;
}
.fxd-area.up {
  -webkit-transform: translate(0, 50px);
      -ms-transform: translate(0, 50px);
          transform: translate(0, 50px);
}
.fxd-area.down {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.fxd-area .fxd-btn {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
.fxd-area .fxd-btn.link-live {
  text-decoration: none;
  background: url("../images/sub/bg-btn-fxd.png") no-repeat -10px -10px;
  -webkit-box-shadow: 0 4px 8px 0px #999;
          box-shadow: 0 4px 8px 0px #999;
  background-size: 80px 80px;
  -webkit-animation: bg-move 5s infinite linear;
}
.fxd-area .fxd-btn.link-live span {
  display: block;
  height: 100%;
  text-align: center;
  border-radius: 30px;
  line-height: 60px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -1px;
  -webkit-animation: bg-shadow 2s infinite;
}
.fxd-area .fxd-btn.link-kb {
  text-decoration: none;
  background: url("../images/sub/bg_btn_fxd_kb.png") no-repeat;
  /*box-shadow: 0 4px 8px 0px #999;*/
  background-size: 60px;
}
.fxd-area .fxd-btn.link-kb span {
  display: block;
  height: 100%;
  text-align: center;
  border-radius: 30px;
  line-height: 60px;
  font-size: 0;
  -webkit-animation: bg-shadow 2s infinite;
}
.fxd-area .fxd-btn.link-kb-certification {
  background: none;
}
.fxd-area .fxd-btn.link-video {
  text-decoration: none;
  background: url("../images/sub/bg_btn_fxd_video.png") no-repeat;
  /*box-shadow: 0 4px 8px 0px #999;*/
  background-size: 60px;
}
.fxd-area .fxd-btn.link-video span {
  display: block;
  height: 100%;
  text-align: center;
  border-radius: 30px;
  line-height: 60px;
  font-size: 0;
  -webkit-animation: bg-shadow3 2s infinite;
}
.fxd-area .fxd-btn.scr-top {
  display: none;
  position: relative;
  background-color: rgba(34, 34, 34, 0.7);
}
.fxd-area .fxd-btn.scr-top:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 11px;
  height: 16px;
  margin: -8px 0 0 -5px;
  background: url("../images/sub/bg-btn-top.png") no-repeat;
  background-size: 100% 100%;
}
.fxd-area .fxd-btn.scr-top span {
  position: absolute;
  left: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}
.fxd-area .fxd-btn.link-visit {
  text-decoration: none;
  background: url("../images/sub/bg_btn_fxd_visit.png") no-repeat;
  /*box-shadow: 0 4px 8px 0px #999;*/
  background-size: 60px;
}
.fxd-area .fxd-btn.link-visit span {
  display: block;
  height: 100%;
  text-align: center;
  border-radius: 30px;
  line-height: 60px;
  font-size: 0;
  -webkit-animation: bg-shadow4 2s infinite;
}
.fxd-area .fxd-btn.link-send {
  text-decoration: none;
  background: #ff5d16;
  border-radius: 15px;
}
.fxd-area .fxd-btn.link-send span {
  color: #fff;
  display: block;
  height: 100%;
  padding: 4px 10px 0 10px;
  text-align: center;
  border-radius: 15px;
  background: #ff5d16;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.1;
  -webkit-animation: bg-shadow6 2s infinite;
}
.fxd-area .fxd-btn.link-send span:before {
  content: "";
  position: relative;
  left: -1px;
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 auto 2px auto;
  background: url("../images/sub/bg_btn_fxd_send.png") no-repeat;
  background-size: 25px 25px;
}
.fxd-area .fxd-btn.garage-add {
  text-decoration: none;
  background: url("../images/sub/bg_btn_fxd_mycar.png") no-repeat;
  /*box-shadow: 0 4px 8px 0px #999;*/
  background-size: 60px;
}
.fxd-area .fxd-btn.garage-add span {
  display: block;
  height: 100%;
  text-align: center;
  border-radius: 30px;
  line-height: 60px;
  font-size: 0;
  -webkit-animation: bg-shadow5 2s infinite;
}
.fxd-area.top .fxd-btn.link-live, .fxd-area.top .fxd-btn.link-kb, .fxd-area.top .fxd-btn.link-kb-certification, .fxd-area.top .fxd-btn.link-video, .fxd-area.top .fxd-btn.link-visit, .fxd-area.top .fxd-btn.link-send, .fxd-area.top .fxd-btn.garage-add {
  display: none;
}
.fxd-area.top .fxd-btn.scr-top {
  display: block;
}

@-webkit-keyframes bg-move {
  0% {
    background-position: 0 0;
  }
  25% {
    background-position: -20px 0;
  }
  50% {
    background-position: -20px -20px;
  }
  75% {
    background-position: 0 -20px;
  }
  100% {
    background-position: 0 0;
  }
}
@-webkit-keyframes bg-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 225, 224, 0.9);
            box-shadow: 0 0 0 0px rgba(255, 225, 224, 0.9);
  }
  100% {
    -webkit-box-shadow: 0 0 0 25px rgba(255, 225, 224, 0);
            box-shadow: 0 0 0 25px rgba(255, 225, 224, 0);
  }
}
@-webkit-keyframes bg-shadow2 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 204, 2, 0.6);
            box-shadow: 0 0 0 0px rgba(255, 204, 2, 0.6);
  }
  100% {
    -webkit-box-shadow: 0 0 0 25px rgba(255, 204, 2, 0);
            box-shadow: 0 0 0 25px rgba(255, 204, 2, 0);
  }
}
@-webkit-keyframes bg-shadow3 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(253, 102, 92, 0.6);
            box-shadow: 0 0 0 0px rgba(253, 102, 92, 0.6);
  }
  100% {
    -webkit-box-shadow: 0 0 0 25px rgba(253, 102, 92, 0);
            box-shadow: 0 0 0 25px rgba(253, 102, 92, 0);
  }
}
@-webkit-keyframes bg-shadow4 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(38, 102, 198, 0.6);
            box-shadow: 0 0 0 0px rgba(38, 102, 198, 0.6);
  }
  100% {
    -webkit-box-shadow: 0 0 0 25px rgba(38, 102, 198, 0);
            box-shadow: 0 0 0 25px rgba(38, 102, 198, 0);
  }
}
@-webkit-keyframes bg-shadow5 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 188, 0, 0.6);
            box-shadow: 0 0 0 0px rgba(255, 188, 0, 0.6);
  }
  100% {
    -webkit-box-shadow: 0 0 0 25px rgba(255, 188, 0, 0);
            box-shadow: 0 0 0 25px rgba(255, 188, 0, 0);
  }
}
@-webkit-keyframes bg-shadow6 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 93, 22, 0.6);
            box-shadow: 0 0 0 0px rgba(255, 93, 22, 0.6);
  }
  100% {
    -webkit-box-shadow: 0 0 0 25px rgba(255, 93, 22, 0);
            box-shadow: 0 0 0 25px rgba(255, 93, 22, 0);
  }
}
.fxd-area02 {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: none;
  width: 60px;
  height: 60px;
  z-index: 99;
}
.fxd-area02 .fxd-btn {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
.fxd-area02 .fxd-btn.scr-top {
  position: relative;
  background-color: rgba(34, 34, 34, 0.7);
}
.fxd-area02 .fxd-btn.scr-top:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 11px;
  height: 16px;
  margin: -8px 0 0 -5px;
  background: url("../images/sub/bg-btn-top.png") no-repeat;
  background-size: 100% 100%;
}
.fxd-area02 .fxd-btn.scr-top span {
  position: absolute;
  left: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}

.btn-wrap:after {
  content: "";
  clear: both;
  display: block;
}
.btn-wrap.btm-col a {
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
  overflow: hidden;
  border-radius: 0;
}
.btn-wrap.btm-col a:before {
  content: "";
  position: absolute;
  background: #364f7f;
  width: 100%;
  height: 54px;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  top: 0;
  left: -100%;
  z-index: 0;
}
.btn-wrap.btm-col a span {
  color: #222;
  font-size: 18px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-weight: 500;
}
.btn-wrap.btm-col.btn-yellow a:before {
  background: #f6bd40;
}
.btn-wrap.btm-col.btn-yellow a span {
  color: #000;
}
.btn-wrap.btm-col.btn-yellow.on a {
  border-color: #f6bd40;
}
.btn-wrap.btm-col.btn-yellow.on span {
  color: #000;
}
.btn-wrap.btm-col.has-emphasize a:before {
  background: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(#9063fe), to(#686bfe));
  background-image: linear-gradient(to right, #9063fe, #686bfe);
}
.btn-wrap.btm-col.has-emphasize a span {
  font-weight: 700;
}
.btn-wrap.btm-col.col2 {
  display: -webkit-box;
}
.btn-wrap.btm-col.col2 a:nth-child(1) {
  width: 30%;
  border: 1px solid #ddd;
}
.btn-wrap.btm-col.col2 a:nth-child(1) span {
  color: #000;
}
.btn-wrap.btm-col.col2 a:nth-child(2) {
  width: 70%;
  border-color: #364f7f;
  background: #364f7f;
}
.btn-wrap.btm-col.col2.on a:nth-child(1):before {
  display: none;
}
.btn-wrap.btm-col.col2-w50 {
  display: -webkit-box;
}
.btn-wrap.btm-col.col2-w50 a:nth-child(1) {
  width: 50%;
  border: 1px solid #ddd;
}
.btn-wrap.btm-col.col2-w50 a:nth-child(1) span {
  color: #000;
}
.btn-wrap.btm-col.col2-w50 a:nth-child(2) {
  width: 50%;
}
.btn-wrap.btm-col.col2-w50.on a:nth-child(1):before {
  display: none;
}
.btn-wrap.btm-col.col2-w50.has-emphasize a:nth-child(1) {
  width: 50%;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #d5d1ff;
  background: #f2f1ff;
}
.btn-wrap.btm-col.col2-w50.has-emphasize a:nth-child(1) span {
  color: #6257ff;
  font-weight: 700;
}
.btn-wrap.btm-col.col2-w50.has-emphasize a:nth-child(2) {
  width: 50%;
  border: 0;
}
.btn-wrap.btm-col.col2-w50.has-emphasize:before {
  background-image: -webkit-gradient(linear, left top, right top, from(#9063fe), to(#686bfe));
  background-image: linear-gradient(to right, #9063fe, #686bfe);
}
.btn-wrap.btm-col.col2-w50.on a {
  border-width: 1px;
  border-style: solid;
  background: #f2f1ff;
}
.btn-wrap.btm-col.col2-w70 {
  display: -webkit-box;
}
.btn-wrap.btm-col.col2-w70 a:nth-child(1) {
  width: 70%;
  border: 1px solid #ddd;
}
.btn-wrap.btm-col.col2-w70 a:nth-child(1) span {
  color: #000;
}
.btn-wrap.btm-col.col2-w70 a:nth-child(2) {
  width: 30%;
}
.btn-wrap.btm-col.col2-w70.on a:nth-child(1):before {
  display: none;
}
.btn-wrap.btm-col.col3 {
  display: -webkit-box;
}
.btn-wrap.btm-col.col3 a {
  width: 33.33%;
  position: relative;
}
.btn-wrap.btm-col.col3 a:nth-child(1) {
  color: #000;
  border: 1px solid #ddd;
}
.btn-wrap.btm-col.col3 a:nth-child(1):before {
  background: #fff;
}
.btn-wrap.btm-col.col3 a:nth-child(2):after {
  content: "";
  position: absolute;
  right: -5px;
  top: 50%;
  width: 1px;
  height: 8px;
  background: #fff;
  margin-top: -4px;
  z-index: 2;
}
.btn-wrap.btm-col.col3.on a.white {
  border-width: 1px 1px 1px 0;
  border-color: #ddd;
  border-style: solid;
}
.btn-wrap.btm-col.col3.on a.white span {
  color: #222;
}
.btn-wrap.btm-col.col3.on a.white:before {
  background: #fff;
}
.btn-wrap.btm-col.col3.on a:nth-child(1) span {
  color: #222;
}
.btn-wrap.btm-col.on a {
  border-color: #364f7f;
}
.btn-wrap.btm-col.on a span {
  font-size: 14px;
  position: relative;
  color: #fff;
  z-index: 2;
}
.btn-wrap.btm-col.on a:before {
  top: 0;
  left: 0;
}
.btn-wrap.btm-col.delivery-btn {
  display: -webkit-box;
}
.btn-wrap.btm-col.delivery-btn a:nth-child(1) {
  border: 0;
  background: #fd665c;
}
.btn-wrap.btm-col.delivery-btn a:nth-child(1) span {
  color: #fff;
}
.btn-wrap.btm-col.delivery-btn a:nth-child(2) {
  border: 0;
  background: #336fc9;
}
.btn-wrap.btm-col.delivery-btn.on a:before {
  display: none;
}
.btn-wrap .left {
  float: left;
}
.btn-wrap .right {
  float: right;
}
.btn-wrap.fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
}
.btn-wrap.cmm-col3 {
  display: -webkit-box;
}
.btn-wrap.cmm-col3 a {
  display: -webkit-box;
  -webkit-box-flex: 1;
  -webkit-box-pack: center;
  position: relative;
}
.btn-wrap.cmm-col3 a:first-child {
  width: 80%;
  border: 1px solid #ddd;
  color: #222;
}
.btn-wrap.cmm-col3 a:first-child:before {
  background: #fff;
}
.btn-wrap.cmm-col3 a:first-child span {
  color: #000;
}
.btn-wrap.cmm-col3 a:nth-child(2) {
  border-right: 1px solid #fff;
}
.btn-wrap .btn-col1 {
  width: 100%;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
}
.btn-wrap .btn-col1.on {
  background: #2666c6;
  border-color: #2666c6;
  color: #fff;
}

.btn-type2 .btn {
  display: block;
  width: 100%;
  height: 54px;
  background: #fff;
  border: 1px solid #2666c6;
  color: #2666c6;
  text-align: center;
  font-size: 18px;
  line-height: 54px;
  border-radius: 4px;
  text-decoration: none;
}
.btn-type2 .btn.blue {
  background: #364f7f;
  border-color: #364f7f;
  color: #fff;
}

.layer-bottom {
  background: #fff;
  border-radius: 15px 15px 0 0;
}

.layer-bottom-cnt {
  padding: 15px 15px 0;
}
.layer-bottom-cnt h1.tit {
  margin-bottom: 48px;
  font-size: 18px;
  font-weight: 600;
  color: #222;
}
.layer-bottom-cnt .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.layer-bottom-cnt .btn-wrap * {
  display: -webkit-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 30px;
  background: white;
  border: 1px solid #ddd;
  border-radius: 2px;
}
.layer-bottom-cnt .btn-wrap button:first-child {
  margin-right: 2px;
}
.layer-bottom-cnt .btn-wrap button:last-child {
  margin-left: 2px;
}
.layer-bottom-cnt .fw-18 .input-ck + label:after {
  top: 2px;
}
.layer-bottom-cnt .fw-18 label {
  font-weight: bold;
  font-size: 18px;
  color: #222;
}

hr.line {
  margin: 0;
  border: 0;
  border-top: 1px solid #ddd;
}

hr.main-line {
  margin: 0;
  border: 0;
  border-top: 8px solid #f5f5f5;
}

.header .pre-page {
  position: absolute;
  display: inline-block;
  padding: 14px 0 6px 43px;
  text-decoration: none;
  color: #222;
  font-size: 18px;
  font-weight: 600;
  z-index: 2;
}
.header .pre-page:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 19px;
  background: url("../images/common/sprite.png") no-repeat;
  width: 15px;
  height: 11px;
  background-size: 500px;
  background-position: -402px -16px;
}
.header .pre-page.pre-page--no-arrow {
  padding-left: 15px;
}
.header .pre-page.pre-page--no-arrow:after {
  display: none;
}
.header.new {
  position: relative;
}
.header.new .pre-page {
  padding: 14px 0 14px 56px;
  overflow: hidden;
  max-width: 70%;
}
.header.new .pre-page:after {
  content: "";
  position: absolute;
  left: 13px;
  top: 50%;
  background: url("../images/common/icon_header/icon24-back.svg") no-repeat center/contain;
  width: 24px;
  height: 24px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.header.new .pre-page > * {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  white-space: nowrap;
}
.header.new .pre-page.no-icon {
  padding-left: 20px;
}
.header.new .pre-page.no-icon::after {
  display: none;
}
.header.new .pre-page.no-back {
  padding: 14px 0 14px 16px;
}
.header.new .pre-page.no-back:after {
  display: none;
}
.header.new .btn-icon {
  position: absolute;
  top: 6px;
  right: 8px;
  width: 40px;
  height: 44px;
  background: transparent;
  border: 0;
  overflow: hidden;
  outline: none;
}
.header.new .btn-icon .icon-new-home {
  background: url("../images/common/icon_header/icon24-new-home.svg") no-repeat center/contain;
}
.header h1 {
  display: inline-block;
  padding: 12px 0 0 42px;
}
.header h1 .num-cor {
  font-size: 20px;
  color: #2666c6;
}
.header h1.main {
  font-size: 18px;
}

.paginate {
  display: -webkit-box;
  margin: 30px 0 0;
}
.paginate a,
.paginate strong {
  display: -webkit-box;
  -webkit-box-flex: 1;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  position: relative;
  height: 27px;
  text-decoration: none;
  color: #999;
  font-size: 13px;
  font-weight: 600;
}
.paginate strong span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  line-height: 27px;
  font-size: 13px;
  z-index: 2;
}
.paginate strong span:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  background: #364f7f;
  color: #fff;
  width: 27px;
  height: 27px;
  border-radius: 100%;
  margin-left: -13px;
  z-index: -1;
}
.paginate .prev,
.paginate .next {
  text-indent: -999em;
}
.paginate .prev:after,
.paginate .next:after {
  content: "";
  border: solid #222;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  left: 50%;
  top: 50%;
  margin: -3px 0 0 -4px;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}
.paginate .prev:after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.paginate .next:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.paginate.orange strong span:after {
  background: #ff5d16;
}
.paginate.type-new {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -15px;
  padding: 0 0 32px;
}
.paginate.type-new a {
  position: relative;
  margin: 0 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: inline-block;
  vertical-align: middle;
  min-width: 22px;
  height: 32px;
  padding: 0 6px;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
}
.paginate.type-new a strong {
  position: static;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.paginate.type-new a.prev:after, .paginate.type-new a.next:after {
  width: 8px;
  height: 8px;
  border-width: 0 1px 1px 0;
  padding: 0;
  margin: -6px 0 0 -3px;
}
.paginate.type-new a.prev {
  position: absolute;
  top: 0;
  left: 15px;
  -webkit-transform: translateX(-6px);
      -ms-transform: translateX(-6px);
          transform: translateX(-6px);
}
.paginate.type-new a.next {
  position: absolute;
  top: 0;
  right: 15px;
  -webkit-transform: translateX(6px);
      -ms-transform: translateX(6px);
          transform: translateX(6px);
}
.paginate.type-new > strong {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.paginate.type-new strong {
  position: relative;
  margin: 0 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: inline-block;
  vertical-align: middle;
  min-width: 22px;
  height: 32px;
  padding: 0 6px;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  vertical-align: top;
}
.paginate.type-new strong:before {
  position: absolute;
  bottom: 6px;
  left: 3px;
  right: 3px;
  display: block;
  height: 2px;
  background: #2589ff;
  content: "";
}
.paginate.type-new strong span {
  display: inline-block;
  line-height: 32px;
  color: inherit;
  font-weight: 700;
  font-size: 16px;
  color: #2589ff;
  vertical-align: top;
}
.paginate.type-new strong span:after {
  display: none;
}

.buy .selcar-option {
  opacity: 1;
}

.selcar-option.fixation {
  bottom: 0px !important;
}

.buy-tip {
  background: url("../images/sub/bg_buytip.jpg") no-repeat;
  background-size: cover;
  height: 100vh;
}
.buy-tip .header {
  padding: 0;
}
.buy-tip .header h1 {
  padding: 0;
}
.buy-tip .txt {
  position: absolute;
  left: 40px;
  top: 85px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -1px;
}
.buy-tip .txt b {
  display: block;
  margin-top: 10px;
  font-weight: bold;
  font-size: 25px;
}
.buy-tip .txt .alarm-set {
  position: relative;
  display: block;
  font-size: 14px;
  color: #364f7f;
  text-decoration: none;
  padding-left: 22px;
  margin-top: 25px;
}
.buy-tip .txt .alarm-set:after {
  content: "";
  display: block;
  width: 14px;
  height: 18px;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -95px -183px;
  position: absolute;
  top: 0;
  left: 0;
}
.buy-tip .btn-fixed-btm {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.buy-tip .btn-fixed-btm a {
  position: relative;
  display: block;
  text-align: center;
  height: 54px;
  line-height: 54px;
  background: #364f7f;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}

.page-buy-tip .header {
  padding: 0;
}

.page-buy-tip__content {
  position: relative;
  padding: 0 15px;
  background: #fff;
}
.page-buy-tip__content .btn-buy-tip {
  display: inline-block;
  width: auto;
  border-radius: 4px;
  background-color: #2666c6;
  padding: 10px 20px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}
.page-buy-tip__content .emp-color {
  color: #2666c6;
}

.page-buy-tip__hero {
  border-bottom: 1px solid #ddd;
}

.page-buy-tip__hero--complex {
  position: relative;
  min-height: 123px;
  padding: 23px 0 30px 110px;
}
.page-buy-tip__hero--complex:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 23px;
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #f1f1f1 url("../images/sub/buy_tip_icon@2x.png") no-repeat left top;
  background-size: 80px auto;
}

.head-hero-complex {
  position: relative;
  padding-top: 4px;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 350;
  line-height: 1.4;
}
.head-hero-complex .line-block {
  font: inherit;
}
.head-hero-complex strong {
  font-size: 17px;
  font-weight: 700;
}

.head-hero-complex__top {
  display: block;
  margin-bottom: 6px;
}

.page-buy-tip__hero--tip {
  padding: 0 15px 20px 15px;
}

.page-buy-tip__hero--tip-image {
  position: relative;
  left: -18px;
  display: block;
  width: 100%;
  max-width: 580px;
  max-height: 200px;
  margin-top: 30px;
  padding-top: 34.48%;
}
.page-buy-tip__hero--tip-image:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background: url("../images/sub/buy_tip_hero.jpg") no-repeat;
  background-size: 100% auto;
}

.head-hero-tip {
  display: block;
  margin-bottom: 25px;
  padding-right: 40%;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
.head-hero-tip small {
  display: block;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 350;
}
.head-hero-tip .line-block {
  font: inherit;
}
.head-hero-tip .emp-color {
  padding-bottom: 8px;
}

.buy-tip-icon {
  background: url("../images/sub/buy_tip_icon@2x.png") no-repeat;
  background-size: 80px auto;
}

.buy-tip-content__list {
  padding: 30px 0;
}

.buy-tip-content__list-item {
  position: relative;
  margin-top: 10px;
  padding: 15px 15px 15px 65px;
  border-radius: 12px;
  background: #f6f8fc;
}
.buy-tip-content__list-item:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 15px;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 50%;
  vertical-align: middle;
  background: #fff url("../images/sub/buy_tip_icon@2x.png") no-repeat;
  background-size: 80px auto;
}

.buy-tip-content__list-item--insurance:before {
  background-position: left -70px;
}

.buy-tip-content__list-item--loan:before {
  background-position: -40px -70px;
}

.buy-tip-content__list-item--discount:before {
  background-position: left -110px;
}

.buy-tip-content__list-item--extend:before {
  background-position: -40px -110px;
}

.buy-tip-content__list-item--owner:before {
  background-position: left -150px;
}

.buy-tip-content__list-item--price:before {
  background-position: -40px -150px;
}

.buy-tip-content__list-item--won:before {
  background-position: left -190px;
}

.buy-tip-content__list-item-content {
  display: inline-block;
  vertical-align: middle;
}

.buy-tip-content__head {
  display: block;
  font-size: 15px;
  font-weight: 500;
}

.buy-tip-content__desc {
  font-size: 13px;
  font-weight: 350;
}

.layer-main {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 15px;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  overflow: auto;
  z-index: 1000;
}
.layer-main:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  overflow: hidden;
  vertical-align: middle;
}

.layer-main-pop {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 540px;
  max-height: 720px;
  text-align: left;
  z-index: 1000;
  vertical-align: middle;
}
.layer-main-pop .today-close {
  padding: 0 0 6px;
  color: #fff;
}
.layer-main-pop .today-close button {
  position: absolute;
  right: 0;
  top: -2px;
  border: 0;
  width: 26px;
  height: 26px;
  background: transparent;
  border: 0;
}
.layer-main-pop .today-close button:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 50%;
  top: 50%;
  margin: -5px 0 0 -5px;
  background-position: -100px -155px;
  width: 10px;
  height: 10px;
}
.layer-main-pop .layer-cnt.main-pop {
  position: relative;
  padding: 0;
  border-radius: 10px;
  overflow: visible;
}
.layer-main-pop .layer-cnt.main-pop .main-pop-content {
  position: relative;
}
.layer-main-pop .layer-cnt.main-pop .main-pop-content-item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.layer-main-pop .layer-cnt.main-pop .main-pop-image {
  display: block;
  width: 100%;
  height: auto;
}
.layer-main-pop .layer-cnt.main-pop .btn-main-pop {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 40px;
  padding: 12px 0 0 0;
  color: #222;
  background: #fecb04;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 1;
}
.layer-main-pop .layer-cnt.main-pop .swiper-slide {
  border-radius: 10px;
  overflow: hidden;
}
.layer-main-pop .layer-cnt.main-pop .swiper-slide .b-txt {
  margin: 35px 0 10px;
  font-size: 24px;
  font-weight: bold;
  color: #117251;
  line-height: 1.2em;
}
.layer-main-pop .layer-cnt.main-pop .swiper-slide .txt {
  margin-bottom: 30px;
}
.layer-main-pop .layer-cnt.main-pop .swiper-slide .img {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  border-radius: 150px;
  overflow: hidden;
}
.layer-main-pop .layer-cnt.main-pop .swiper-slide .img img {
  width: 100%;
}
.layer-main-pop .layer-cnt.main-pop .swiper-slide .btn-go {
  display: block;
  width: 100%;
  height: 40px;
  margin: 30px 0 15px;
  background: #117251;
  border-radius: 40px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 40px;
}
.layer-main-pop .layer-cnt.main-pop .swiper-scroll {
  position: absolute;
  right: 15px;
  bottom: -15px;
  background: #575758;
  width: 60px;
  height: 2px;
  border-radius: 2px;
  overflow: hidden;
}
.layer-main-pop .layer-cnt.main-pop .swiper-scroll .swiper-pagination {
  width: 100%;
  height: 2px;
  right: 0;
}
.layer-main-pop .layer-cnt.main-pop .swiper-scroll .swiper-pagination-progressbar-fill {
  position: absolute;
  background: #fff;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
      transform-origin: left top;
}

.remind-popup {
  position: relative;
  margin-top: -15px;
}
.remind-popup h1 {
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: 400;
}
.remind-popup a {
  position: relative;
  display: inline-block;
  padding: 0 0 5px;
  color: #364f7f;
  text-decoration: none;
}
.remind-popup a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #364f7f;
}
.remind-popup .swiper-scroll {
  position: absolute;
  right: 15px;
  bottom: 0;
  background: #f1f1f1;
  width: 60px;
  height: 2px;
  border-radius: 2px;
  overflow: hidden;
}
.remind-popup .swiper-scroll .swiper-pagination {
  width: 100%;
  height: 2px;
  right: 0;
}
.remind-popup .swiper-scroll .swiper-pagination-progressbar-fill {
  position: absolute;
  background: #2666c6;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
      transform-origin: left top;
}

.layer-basic-pop {
  position: fixed;
  top: 50%;
  width: 100%;
  padding: 0 15px;
  z-index: 1000;
}
.layer-basic-pop .layer-basic-area {
  border-radius: 10px;
  overflow: hidden;
}
.layer-basic-pop .layer-basic-area .tit-pop {
  padding: 15px;
  background: #fff;
}
.layer-basic-pop .layer-basic-area .tit-pop h1,
.layer-basic-pop .layer-basic-area .tit-pop .layer-tit {
  font-size: 18px;
}
.layer-basic-pop .layer-basic-area .layer-cnt .scroll-area {
  background: #fff;
  height: 300px;
  padding: 0 15px;
  overflow: auto;
}
.layer-basic-pop .layer-basic-area .layer-cnt .txt {
  margin-bottom: 25px;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area {
  background: #fff;
  padding: 0 15px 60px;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area .txt {
  margin-bottom: 0;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area .pop-txt-close {
  display: inline-block;
  color: #364f7f;
  text-decoration: none;
  position: relative;
  padding-bottom: 5px;
  margin-top: 30px;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area .pop-txt-close:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #364f7f;
  position: absolute;
  left: 0;
  bottom: 0;
}
.layer-basic-pop .layer-basic-area.tp-coin {
  overflow: visible;
  position: relative;
  border-radius: 0;
}
.layer-basic-pop .layer-basic-area.tp-coin:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -60px;
  display: block;
  width: 92px;
  height: 68px;
  margin-left: -46px;
  background: url("../images/event/bg-coin.png") no-repeat;
  background-size: 100% 100%;
}
.layer-basic-pop .layer-basic-area.tp-coin .layer-cnt {
  border-radius: 10px;
  overflow: hidden;
}
.layer-basic-pop .layer-basic-area.tp-coin .layer-cnt .pop-area {
  position: relative;
  padding: 13px 15px 0;
  min-height: 210px;
}
.layer-basic-pop .layer-basic-area.tp-coin .layer-cnt .pop-area .tc-tit {
  text-align: center;
  line-height: 22px;
  font-size: 20px;
  font-weight: 600;
  color: #2666c6;
}
.layer-basic-pop .layer-basic-area.tp-coin .layer-cnt .pop-area .tc-txt01 {
  text-align: center;
  line-height: 18px;
  margin-top: 25px;
  font-size: 18px;
  font-weight: 500;
}
.layer-basic-pop .layer-basic-area.tp-coin .layer-cnt .pop-area .tc-txt02 {
  text-align: center;
  line-height: 18px;
  margin-top: 9px;
}
.layer-basic-pop .layer-basic-area.tp-coin .layer-cnt .pop-area .tc-coin-txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  text-align: center;
}
.layer-basic-pop .layer-basic-area.tp-coin .layer-cnt .pop-area .tc-coin-txt .box {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  min-width: 143px;
  padding: 0 12px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  font-weight: 500;
  color: #fff;
  background-color: #2666c6;
}
.layer-basic-pop .layer-basic-area.tp-coin .layer-cnt .pop-area .tc-close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 10px;
  height: 10px;
  border: 0 none;
  background: none;
}
.layer-basic-pop .layer-basic-area.tp-coin .layer-cnt .pop-area .tc-close img {
  display: block;
  widht: 100%;
  height: 100%;
}
.layer-basic-pop .layer-basic-area.tp-coin .btn-wrap .btn {
  border: 0 none;
}
.layer-basic-pop .layer-basic-area.tp-coin .ad-bananer {
  margin-top: 10px;
}
.layer-basic-pop .layer-basic-area.tp-coin .ad-bananer .banner-cnt {
  margin: 0;
}
.layer-basic-pop .btn-close {
  position: absolute;
  right: 30px;
  top: -3px;
}
.layer-basic-pop .btn-close a {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  font-size: 0;
  width: 20px;
  height: 20px;
  z-index: 2;
}
.layer-basic-pop .btn-close a:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -54px -35px;
  right: 5px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0;
}
.layer-basic-pop .swiper-scroll {
  position: absolute;
  right: 15px;
  bottom: -18px;
  background: #575758;
  width: 60px;
  height: 2px;
  border-radius: 2px;
  overflow: hidden;
}
.layer-basic-pop .swiper-scroll .swiper-pagination {
  width: 100%;
  height: 2px;
  right: 0;
}
.layer-basic-pop .swiper-scroll .swiper-pagination-progressbar-fill {
  position: absolute;
  background: #fff;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
      transform-origin: left top;
}
.layer-basic-pop.tp02 {
  left: 50%;
  width: 200px;
  margin-left: -100px;
  padding: 0;
}
.layer-basic-pop.tp02 .layer-basic-area {
  border-radius: 15px;
}
.layer-basic-pop.tp02 .layer-basic-area .pop-area {
  height: 130px;
  padding: 0;
}
.layer-basic-pop.tp02 .layer-basic-area .pop-area .ai-txt {
  position: relative;
  display: block;
  text-align: center;
  line-height: 15px;
  padding-top: 80px;
}
.layer-basic-pop.tp02 .layer-basic-area .pop-area .ai-txt:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 24px;
  display: block;
  width: 41px;
  height: 42px;
  margin-left: -20px;
  background: url("../images/sub/bg_ai.png") no-repeat;
  background-size: 100% 100%;
}

.buy-tip-cont {
  background: #fff;
  padding: 30px 15px 0;
}
.buy-tip-cont [class*=buy-tip-cont0] {
  position: relative;
  padding-top: 75px;
}
.buy-tip-cont [class*=buy-tip-cont0] div {
  font-weight: bold;
  font-size: 24px;
  letter-spacing: -1px;
  margin-bottom: 30px;
}
.buy-tip-cont [class*=buy-tip-cont0] div b {
  color: #ffbc00;
}
.buy-tip-cont [class*=buy-tip-cont0] p {
  padding-bottom: 25px;
  line-height: 1.5;
}
.buy-tip-cont [class*=buy-tip-cont0] p span {
  color: #2666c6;
}
.buy-tip-cont [class*=buy-tip-cont0]:after {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  position: absolute;
  top: 0;
  left: 0;
}
.buy-tip-cont .buy-tip-cont01:after {
  background-position: -180px -317px;
}
.buy-tip-cont .buy-tip-cont03:after {
  background-position: -240px -317px;
}
.buy-tip-cont .buy-tip-cont04:after {
  background-position: -300px -317px;
}
.buy-tip-cont .buy-tip-cont05:after {
  background-position: -300px -377px;
}
.buy-tip-cont .buy-tip-cont06:after {
  background-position: -300px -437px;
}

.buyreward-wrap {
  padding-bottom: 100px;
  overflow: hidden;
}
.buyreward-wrap .text-box textarea {
  height: 100px;
  padding: 15px 9px;
}

.tel-inquiry {
  position: relative;
  color: #364f7f;
  font-size: 14px;
  margin-top: 12px;
  padding: 0 0 0 25px;
  float: right;
}
.tel-inquiry:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  left: 0;
  top: 2px;
  background-position: -60px -201px;
  width: 17px;
  height: 16px;
}

[class*=buy-tip-bnr] {
  position: relative;
  width: 100%;
  padding: 30px 15px;
  border-radius: 15px;
}
[class*=buy-tip-bnr] a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #222;
}
[class*=buy-tip-bnr] a div {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: -1px;
}
[class*=buy-tip-bnr] a div b {
  color: #2666c6;
}
[class*=buy-tip-bnr] a span {
  display: inline-block;
  color: #364f7f;
  font-weight: 400;
  margin-top: 15px;
}
[class*=buy-tip-bnr]:after {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -30px;
}

.buy-tip-bnr01 {
  background: #e9eef0;
  margin-bottom: 10px;
}
.buy-tip-bnr01:after {
  background-position: -240px -377px;
}

.buy-tip-bnr02 {
  background: #e7f6fc;
}
.buy-tip-bnr02:after {
  background-position: -240px -437px;
}

.customer .customer-section {
  border-radius: 15px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  padding: 0 15px;
}
.customer .customer-section.top {
  padding: 16px 14px 23px;
  border-radius: 0 0 15px 15px;
}
.customer .customer-section.bottom {
  padding: 0px 0px 30px;
  border-radius: 15px 15px 0 0;
  margin-bottom: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.customer .customer-section.bottom .tab-type ul li a,
.customer .customer-section.bottom .tab-area ul li a {
  color: #222;
}
.customer .customer-section .info-tit {
  font-size: 24px;
}
.customer .customer-section .cus-number {
  position: relative;
  margin-top: 15px;
  padding-left: 28px;
}
.customer .customer-section .cus-number::before {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 21px;
  height: 17px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -124px -190px;
  background-size: 250px;
  content: "";
}
.customer .customer-section__page {
  border-radius: 0;
}
.customer .tab-sub-wrap .tab-wrap > ul {
  padding: 0 15px;
}
.customer .tab-sub-wrap .tab-wrap > ul > li > a {
  min-width: 70px;
  text-align: center;
}
.customer .input-customer {
  margin: 0 15px;
  position: relative;
}
.customer .input-customer input[type=text] {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 40px;
  padding-right: 35px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  padding-left: 15px;
}
.customer .input-customer .search-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  width: 35px;
  height: 100%;
  text-indent: -9999px;
}
.customer .input-customer .search-btn:after {
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 14px;
  height: 15px;
  background: url("../images/sub/sprite_dealer_2.png?ver=20200115") no-repeat -43px -86px;
  background-size: 250px;
  content: "";
}
.customer .aco-section {
  margin-top: 30px;
}
.customer .aco-section > ul {
  border-top: 1px solid #ddd;
}
.customer .aco-section > ul > li {
  border-bottom: 1px solid #ddd;
}
.customer .aco-section > ul > li .q-tit {
  position: relative;
  display: block;
  text-decoration: none;
  color: #222;
  padding: 15px;
  min-height: 50px;
}
.customer .aco-section > ul > li .q-tit span {
  position: relative;
  display: inline-block;
  font-weight: 700;
  padding-left: 28px;
  padding-right: 30px;
}
.customer .aco-section > ul > li .q-tit span:before {
  position: absolute;
  top: -2px;
  left: 0px;
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/common/icon_sprite.png") no-repeat -29px -369px;
  background-size: 360px auto;
  content: "";
}
.customer .aco-section > ul > li .q-tit:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -2px;
  width: 8px;
  height: 5px;
  background: url("../images/sub/sprite_mycar.png") no-repeat -79px -29px;
  background-size: 500px;
  content: "";
}
.customer .aco-section > ul > li.on .q-tit:after {
  background: url("../images/sub/sprite_mycar.png") no-repeat -88px -29px;
  background-size: 500px;
}
.customer .aco-section > ul > li.on .a-content {
  display: block;
}
.customer .aco-section > ul > li .a-content {
  display: none;
  padding: 0px 0px 15px 43px;
}
.customer .aco-section > ul > li .a-content .txt {
  position: relative;
  padding-left: 28px;
  padding-right: 45px;
}
.customer .aco-section > ul > li .a-content .txt:before {
  display: block;
  position: absolute;
  top: -2px;
  left: 0px;
  width: 20px;
  height: 20px;
  background: url("../images/common/icon_sprite.png") no-repeat -29px -392px;
  background-size: 360px auto;
  content: "";
}
.customer .data-none {
  text-align: center;
  padding: 40px 0;
}

.inquiryone-wrap {
  padding: 30px 15px 100px;
}
.inquiryone-wrap .t-info {
  margin-bottom: 15px;
}
.inquiryone-wrap .btn-wrap {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 50;
}
.inquiryone-wrap .select-box {
  margin-bottom: 15px;
  position: relative;
}
.inquiryone-wrap .select-box .select-type {
  color: #999;
  font-size: 14px;
}
.inquiryone-wrap .select-box.on .select-type {
  color: #222;
  font-size: 18px;
}
.inquiryone-wrap .input-area {
  position: relative;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  padding: 10px 0;
  border-radius: 3px;
}
.inquiryone-wrap .input-area .input-type {
  padding-right: 48px;
  border: 0;
  height: 28px;
  line-height: 28px;
}
.inquiryone-wrap .input-area .input-type::-webkit-input-placeholder {
  line-height: 2;
}
.inquiryone-wrap .input-area .input-type::-moz-placeholder {
  line-height: 2;
}
.inquiryone-wrap .input-area .input-type:-ms-input-placeholder {
  line-height: 2;
}
.inquiryone-wrap .input-area .input-type::-ms-input-placeholder {
  line-height: 2;
}
.inquiryone-wrap .input-area .input-type::placeholder {
  line-height: 2;
}
.inquiryone-wrap .input-area span {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 13px;
  letter-spacing: -1px;
}
.inquiryone-wrap .text-area {
  position: relative;
  margin-bottom: 10px;
}
.inquiryone-wrap .text-area textarea {
  position: relative;
  height: 150px;
  background-color: transparent;
  z-index: 10;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.inquiryone-wrap .text-area .infor-txt-inquiry {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 15px;
  z-index: 5;
}
.inquiryone-wrap .text-area .infor-txt-inquiry p {
  color: #999;
  margin-bottom: 10px;
}
.inquiryone-wrap .text-area .infor-txt-inquiry ul li {
  padding-left: 15px;
  text-indent: -10px;
  margin-bottom: 10px;
  color: #999;
}
.inquiryone-wrap .text-area.on textarea {
  background-color: #fff;
}
.inquiryone-wrap .text-area.on textarea .infor-txt-inquiry {
  display: none;
}
.inquiryone-wrap .file-box {
  margin-bottom: 10px;
}
.inquiryone-wrap .input-ck + label {
  font-size: 14px;
}

.com-service {
  background: #fff;
  padding: 0 0 50px;
}
.com-service .service-list li {
  position: relative;
  border-bottom: 1px solid #ddd;
}
.com-service .service-list li a {
  position: relative;
  display: block;
  height: 114px;
  padding: 25px 50px 0 70px;
  text-decoration: none;
  color: #222;
}
.com-service .service-list li a strong {
  font-size: 18px;
}
.com-service .service-list li a:after {
  content: "";
  border: solid #222;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  right: 30px;
  top: 50%;
  margin-top: -4px;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  padding: 4px;
  right: 18px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.com-service .service-list li:after {
  content: "";
  position: absolute;
  background: url("../images/common/bg_service.png?v=20200107") no-repeat;
  background-size: 40px 400px;
  left: 15px;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
}
.com-service .service-list li:nth-child(1):after {
  background-position: 0 0;
}
.com-service .service-list li:nth-child(2):after {
  background-position: 0 -40px;
}
.com-service .service-list li:nth-child(3):after {
  background-position: 0 -80px;
}
.com-service .service-list li:nth-child(4):after {
  background-position: 0 -120px;
}
.com-service .service-list li:nth-child(5):after {
  background-position: 0 -160px;
}
.com-service .service-list li:nth-child(6):after {
  background-position: 0 -200px;
}
.com-service .service-list li:nth-child(7):after {
  background-position: 0 -280px;
}
.com-service .service-list li:nth-child(8):after {
  background-position: 0 -320px;
}
.com-service .service-list li:nth-child(9):after {
  background-position: 0 -360px;
}
.com-service .ext-gua {
  padding: 25px 15px 0;
}
.com-service .ext-gua .bl-list {
  margin: 0;
}
.com-service .fool-errand {
  padding: 25px 15px 0;
}
.com-service .my-estimate {
  padding: 30px 15px 0;
}
.com-service .my-estimate .big-txt {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
}
.com-service .my-estimate .btn-estimate {
  position: relative;
  margin-bottom: 40px;
  padding: 160px 0 0;
}
.com-service .my-estimate .btn-estimate button {
  display: block;
  width: 100%;
  height: 50px;
  background: #2666c6;
  border: 0;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
}
.com-service .my-estimate .btn-estimate:after {
  content: "";
  position: absolute;
  background: url("../images/common/bg_com_icon.png") no-repeat;
  background-size: 200px 150px;
  background-position: 0 -50px;
  left: 50%;
  top: 29px;
  width: 100px;
  height: 100px;
  margin-left: -50px;
}
.com-service .my-estimate h2.tit {
  padding: 0;
}
.com-service .my-estimate li {
  position: relative;
  margin-bottom: 10px;
  padding: 12px 68px 15px 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.com-service .my-estimate li strong {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 13px;
}
.com-service .my-estimate li p {
  font-weight: 100;
  font-size: 13px;
  text-indent: -0.1em;
}
.com-service .my-estimate li:after {
  content: "";
  position: absolute;
  background: url("../images/common/bg_com_icon.png") no-repeat;
  background-size: 200px 150px;
  right: 15px;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
}
.com-service .my-estimate li:nth-child(1):after {
  background-position: 0 0;
}
.com-service .my-estimate li:nth-child(2):after {
  background-position: -40px 0;
}
.com-service .my-estimate li:nth-child(3):after {
  background-position: -80px 0;
}
.com-service .my-estimate li:nth-child(4):after {
  background-position: -120px 0;
}
.com-service .my-estimate li:nth-child(5):after {
  background-position: -160px 0;
}
.com-service .list-area {
  padding: 30px 0 0;
}
.com-service .aco-section {
  border-top: 1px solid #ddd;
}
.com-service .aco-section li {
  border-bottom: 1px solid #ddd;
}
.com-service .aco-section li a {
  position: relative;
  display: block;
  padding: 18px 50px 18px 43px;
  color: #222;
  text-decoration: none;
}
.com-service .aco-section li a:after {
  content: "";
  border: solid #222;
  position: absolute;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  right: 25px;
  top: 27px;
  margin-top: -3px;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.com-service .aco-section li a:before {
  content: "";
  position: absolute;
  background: url("../images/common/icon_sprite.png") no-repeat;
  background-size: 360px 639px;
  left: 15px;
  background-position: -29px -369px;
  width: 20px;
  height: 20px;
}
.com-service .aco-section li.on a:after {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border: solid #00aceb;
  border-width: 0 2px 2px 0;
}
.com-service .aco-section li .a-content {
  position: relative;
  display: none;
  padding: 0 50px 25px 70px;
}
.com-service .aco-section li .a-content:after {
  content: "";
  position: absolute;
  background: url("../images/common/icon_sprite.png") no-repeat;
  background-size: 360px 639px;
  left: 43px;
  top: 0;
  background-position: -29px -392px;
  width: 20px;
  height: 20px;
}
.com-service .service-area {
  padding: 30px 15px 0;
}
.com-service .service-area .big-txt {
  position: relative;
  font-size: 24px;
  font-weight: 600;
}
.com-service .service-area .big-txt.bg-ico:after {
  content: "";
  position: absolute;
  background: url("../images/common/bg_service2.png") no-repeat;
  background-size: 200px;
  background-position: -100px 0;
  left: 50%;
  bottom: -135px;
  width: 100px;
  height: 100px;
  margin-left: -50px;
}
.com-service .service-area .price-list {
  position: relative;
  width: 241px;
  margin: 0 auto;
  padding: 170px 0 0;
}
.com-service .service-area .price-list li {
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 0 9px;
}
.com-service .service-area .price-list li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #fd665c;
}
.com-service .service-area .price-list:after {
  content: "";
  position: absolute;
  background: url("../images/common/bg_service2.png") no-repeat;
  background-size: 200px;
  background-position: 0 0;
  left: 50%;
  top: 40px;
  width: 100px;
  height: 100px;
  margin-left: -50px;
}
.com-service .service-area .btn-warp {
  position: fixed;
  left: 0;
  bottom: 30px;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  font-size: 16px;
  text-align: center;
  line-height: 46px;
}
.com-service .service-area .btn-warp a {
  display: block;
  width: 100%;
  background: #2666c6;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  overflow: hidden;
}
.com-service .mobile-service {
  padding: 25px 0 0;
}
.com-service .mobile-service .op-guide dt {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 15px;
}
.com-service .mobile-service .op-guide dd .blue-txt {
  color: #2666c6;
}
.com-service .mobile-service .op-guide dd .bl span {
  position: relative;
  padding: 0 0 0 8px;
}
.com-service .mobile-service .op-guide dd .bl span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 3px;
  height: 3px;
  background: #fd665c;
  border-radius: 3px;
}
.com-service .mobile-service .op-guide dd .bl ul {
  position: relative;
  padding: 10px 0 170px;
}
.com-service .mobile-service .op-guide dd .bl ul li {
  position: relative;
  padding: 0 0 0 20px;
  color: #666;
}
.com-service .mobile-service .op-guide dd .bl ul li:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 8px;
  width: 2px;
  height: 2px;
  background: #666;
  border-radius: 2px;
}
.com-service .mobile-service .op-guide dd .bl ul:after {
  content: "";
  position: absolute;
  background: url("../images/common/bg_service2.png") no-repeat;
  background-size: 200px;
  background-position: 0 -100px;
  left: 50%;
  bottom: 40px;
  width: 100px;
  height: 100px;
  margin-left: -50px;
}
.com-service .app-dw {
  position: relative;
  padding: 0 0 130px;
}
.com-service .app-dw dt {
  margin-bottom: 10px;
  font-size: 18px;
  color: #222;
  font-weight: 400;
}
.com-service .app-dw dd {
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 0 10px;
}
.com-service .app-dw dd:after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 2px;
  height: 2px;
  background: #222;
  border-radius: 2px;
}
.com-service .app-dw:after {
  content: "";
  position: absolute;
  background: url("../images/common/bg_service2.png") no-repeat;
  background-size: 200px;
  background-position: -100px -100px;
  left: 50%;
  bottom: 0;
  width: 100px;
  height: 100px;
  margin-left: -50px;
}
.com-service .direct-sale {
  background: #ececec;
}
.com-service .direct-sale .direct-sale-headline {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 30px 15px;
}
.com-service .direct-sale .direct-sale-headline p {
  margin: 6px 0 0;
}
.com-service .direct-sale .direct-sale-headline p.big-txt {
  position: relative;
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}
.com-service .direct-sale .direct-sale-headline p.big-txt.bg-ico:after {
  content: "";
  position: absolute;
  background: url("../images/common/bg_service2.png") no-repeat;
  background-size: 200px;
  background-position: -100px 0;
  left: 50%;
  bottom: -135px;
  width: 100px;
  height: 100px;
  margin-left: -50px;
}
.com-service .direct-sale .direct-sale-headline .btn-h-box {
  margin: 20px 0 0;
}
.com-service .direct-sale .service-guide-whykbcar {
  margin: 10px 15px;
  padding: 35px 25px;
  color: #222222;
}
.com-service .direct-sale .service-guide-whykbcar .headline {
  font-size: 15px;
  font-weight: bold;
}
.com-service .direct-sale .service-guide-whykbcar .benefit-point {
  font-size: 12px;
  line-height: 18px;
  margin: 17px 0 14px;
  letter-spacing: -1px;
}
.com-service .direct-sale .service-guide-whykbcar .description {
  font-size: 12px;
  font-weight: bold;
}
.com-service .direct-sale .service-guide-carstep {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.com-service .direct-sale .service-guide-carstep .cmm-sub-tit {
  margin: 0 0 14px;
}
.com-service .direct-sale .service-guide-carstep .list-box li {
  position: relative;
  border: 1px solid #dddddd;
  border-radius: 4px;
  margin: 10px 0 0;
  padding: 20px 80px 20px 25px;
  font-size: 12px;
  line-height: 18px;
}
.com-service .direct-sale .service-guide-carstep .list-box li:first-child {
  margin: 0;
}
.com-service .direct-sale .service-guide-carstep .list-box li .a-tit {
  display: block;
  margin: 0 0 7px;
  color: #222222;
  font-size: 13px;
  font-weight: bold;
}
.com-service .direct-sale .service-guide-carstep .list-box li.step1::after {
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  width: 41px;
  height: 41px;
  margin: -20px 0 0;
  background: url("../images/sub/bg_service_guide_carstep1.png") no-repeat;
  background-size: 41px 41px;
}
.com-service .direct-sale .service-guide-carstep .list-box li.step2::after {
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  width: 41px;
  height: 41px;
  margin: -20px 0 0;
  background: url("../images/sub/bg_service_guide_carstep2.png") no-repeat;
  background-size: 41px 41px;
}
.com-service .direct-sale .service-guide-carstep .list-box li.step3::after {
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  width: 41px;
  height: 41px;
  margin: -20px 0 0;
  background: url("../images/sub/bg_service_guide_carstep3.png") no-repeat;
  background-size: 41px 41px;
}
.com-service .direct-sale .service-guide-changeqa {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.com-service .direct-sale .service-guide-changeqa .cmm-sub-tit {
  margin: 0 0 14px;
}
.com-service .direct-sale .service-guide-changeqa .aco-section {
  margin: 0 -15px;
}
.com-service .direct-sale .service-guide-changeqa .tit {
  font-size: 15px;
  font-family: inherit;
  font-weight: 600;
  margin-bottom: 0;
  padding: 10px 15px 20px;
}
.com-service .direct-sale .service-guide-changeqa .note-caution {
  padding: 0 15px 30px;
}
.com-service .direct-sale .service-guide-changeqa .note-caution li {
  margin: 0 0 10px 15px;
  text-indent: -14px;
  color: #666;
}
.com-service .direct-sale .service-guide-changeqa .note-caution li span {
  margin-right: 5px;
}
.com-service .smart-delivery .smart-delivery-headline {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 30px 15px;
}
.com-service .smart-delivery .smart-delivery-headline p {
  margin: 6px 0 0;
}
.com-service .smart-delivery .smart-delivery-headline p.big-txt {
  position: relative;
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}
.com-service .smart-delivery .smart-delivery-headline p.big-txt.bg-ico:after {
  content: "";
  position: absolute;
  background: url("../images/common/bg_service2.png") no-repeat;
  background-size: 200px;
  background-position: -100px 0;
  left: 50%;
  bottom: -135px;
  width: 100px;
  height: 100px;
  margin-left: -50px;
}
.com-service .smart-delivery .smart-delivery-headline .btn-h-box {
  margin: 20px 0 0;
}
.com-service .smart-delivery .send-top-step {
  padding: 0 15px 0;
}
.com-service .smart-delivery .send-top-step ol {
  margin-bottom: 30px;
}
.com-service .smart-delivery .send-top-step ol li {
  position: relative;
  margin-bottom: 10px;
  padding: 11px 25px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #dddddd;
}
.com-service .smart-delivery .send-top-step ol li > * {
  display: block;
}
.com-service .smart-delivery .send-top-step ol li .step-num {
  margin-bottom: 5px;
  color: #2666c6;
  font-size: 12px;
}
.com-service .smart-delivery .send-top-step ol li:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: url("../images/sub/shipping_sprite.png") no-repeat;
  background-size: 500px;
}
.com-service .smart-delivery .send-top-step ol li:nth-child(1):after {
  background-position: 0 0;
}
.com-service .smart-delivery .send-top-step ol li:nth-child(2):after {
  background-position: -45px 0;
}
.com-service .smart-delivery .send-top-step ol li:nth-child(3):after {
  background-position: -90px 0;
}
.com-service .smart-delivery .send-top-step ol li:nth-child(4):after {
  background-position: -135px 0;
}
.com-service .smart-delivery .send-top-step .btn-wrap {
  margin-bottom: 30px;
}
.com-service .smart-delivery .send-top-step .btn-wrap .btn {
  border-color: #2c4783;
  background-color: #2c4783;
  color: #fff;
}
.com-service .smart-delivery .send-top-step .btn-wrap .btn span {
  font-size: 18px;
}
.com-service .smart-delivery .k-section {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.com-service .smart-delivery .k-section .tit {
  font-size: 15px;
  font-family: inherit;
  font-weight: 600;
  margin-bottom: 0;
  padding: 30px 15px 20px;
}
.com-service .smart-delivery .note-caution {
  padding: 0 15px 30px;
}
.com-service .smart-delivery .note-caution li {
  margin: 0 0 10px 15px;
  text-indent: -14px;
  color: #666;
}
.com-service .smart-delivery .note-caution li span {
  margin-right: 5px;
}
.com-service .smart-delivery .send-step-list {
  position: relative;
  padding: 0 30px;
}
.com-service .smart-delivery .send-step-list li {
  position: relative;
  padding: 0 0 25px 19px;
}
.com-service .smart-delivery .send-step-list li strong {
  display: block;
}
.com-service .smart-delivery .send-step-list li .step-num {
  position: relative;
  color: #2666c6;
  margin-bottom: 8px;
}
.com-service .smart-delivery .send-step-list li .step-num:after, .com-service .smart-delivery .send-step-list li .step-num:before {
  content: "";
  position: absolute;
}
.com-service .smart-delivery .send-step-list li .step-num:after {
  left: -19px;
  top: 5px;
  width: 10px;
  height: 10px;
  background: #2666c6;
  border-radius: 9px;
}
.com-service .smart-delivery .send-step-list li .step-num:before {
  left: -16px;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: #fff;
  z-index: 2;
}
.com-service .smart-delivery .send-step-list li .tit {
  font-size: 15px;
  margin-bottom: 8px;
  padding: 0;
}
.com-service .smart-delivery .send-step-list li p {
  color: #666;
}
.com-service .smart-delivery .send-step-list li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 18px;
  width: 60px;
  height: 60px;
  background: url("../images/sub/shipping_sprite.png") no-repeat;
  background-size: 500px;
}
.com-service .smart-delivery .send-step-list li.step01:after {
  background-position: 0 -200px;
}
.com-service .smart-delivery .send-step-list li.step02:after {
  background-position: -65px -200px;
}
.com-service .smart-delivery .send-step-list li.step03:after {
  background-position: -130px -200px;
}
.com-service .smart-delivery .send-step-list li.step04:after {
  background-position: -195px -200px;
}
.com-service .smart-delivery .send-step-list:after {
  content: "";
  position: absolute;
  left: 34px;
  top: 8px;
  width: 1px;
  height: 75%;
  background: #2666c6;
}

.price-ad-btn {
  position: relative;
  top: -20px;
  padding-left: 21px;
}
.price-ad-btn li {
  display: inline-block;
  width: 40px;
  margin-right: 3px;
}
.price-ad-btn a {
  text-decoration: none;
  display: block;
  color: #666;
  text-align: center;
  border-radius: 50px;
  height: 25px;
  line-height: 25px;
  background-color: #fff;
}
.price-ad-btn a.on {
  color: #fff;
  background-color: #2666c6;
}

.amcharts-chart-div > a {
  display: none !important;
  opacity: 0;
}

.app-download {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 500;
}
.app-download .app-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  text-align: center;
  padding: 0 15px;
}
.app-download .app-content .tit {
  margin-top: 60px;
  display: block;
  font-size: 24px;
  color: #f9b917;
}
.app-download .app-content .img {
  width: 210px;
}
.app-download .app-content .img img {
  width: 100%;
}
.app-download .app-content > p {
  color: #fff;
}
.app-download .app-content > p span {
  color: #f9b917;
}
.app-download .app-content .app-btn {
  width: 100%;
  margin-bottom: 40px;
}
.app-download .app-content .app-btn .download {
  display: block;
  margin-bottom: 40px;
  height: 54px;
  line-height: 54px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #364f7f;
  border-radius: 3px;
}
.app-download .app-content .app-btn .more {
  color: #fff;
  text-decoration: none;
}

.mobile-service {
  padding: 30px 15px 20px;
  background-color: #fff;
}
.mobile-service .top-info {
  font-size: 18px;
  margin-bottom: 25px;
}
.mobile-service > strong {
  display: block;
  font-size: 18px;
  color: #f9b917;
  margin-bottom: 15px;
}
.mobile-service .btn {
  color: #2666c6;
}
.mobile-service dl dt {
  font-weight: 700;
  margin-bottom: 10px;
}
.mobile-service dl dd {
  padding-left: 12px;
}
.mobile-service .caption-info {
  color: #666;
}

.app-download-info {
  border-top: 1px solid #ddd;
  padding: 20px 15px;
}
.app-download-info strong {
  font-size: 18px;
  color: #2666c6;
}
.app-download-info ul {
  margin-top: 15px;
}
.app-download-info .caption-info-black {
  color: #222;
}
.app-download-info .logo {
  margin-top: 20px;
  text-align: center;
  height: 50px;
}
.app-download-info .logo img {
  height: 100%;
}

.ico-new {
  display: inline-block;
  background: #fd665c;
  width: 16px;
  height: 16px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  text-align: center;
  line-height: 16px;
  border-radius: 16px;
  margin-left: 5px;
}

.section-raceing .event-content {
  padding: 0 0 42px;
}
.section-raceing .event-content .header-group {
  position: relative;
  text-align: center;
  margin-bottom: -70vw;
}
.section-raceing .event-content .header-group > h2 {
  text-align: center;
  height: auto;
}
.section-raceing .event-content .header-group > h2 img {
  display: inline-block;
  vertical-align: top;
  width: 100vw;
}
.section-raceing .event-content .header-group > h2.tp02 img {
  width: 100vw;
}
.section-raceing .event-content .header-group .date {
  position: absolute;
  left: 0;
  right: 0;
  top: 48.1562vw;
  display: block;
  text-align: center;
}
.section-raceing .event-content .header-group .date > span {
  display: inline-block;
  vertical-align: top;
  height: 6.25vw;
  line-height: 6.25vw;
  padding: 0 3.125vw;
  border-radius: 3.125vw;
  font-size: 3.75vw;
  background-color: #f2f5fd;
}
.section-raceing .event-content .event-list {
  position: relative;
  z-index: 2;
  margin-top: 30px;
}
.section-raceing .event-content .event-list .product-list {
  padding: 0 15px;
}
.section-raceing .event-content .event-list .product-list > img {
  width: 100%;
}
.section-raceing .event-content .event-list .product-list > ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section-raceing .event-content .event-list .product-list > ol > li {
  text-align: center;
  width: 125px;
}
.section-raceing .event-content .event-list .product-list > ol > li.first {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.section-raceing .event-content .event-list .product-list > ol > li.second {
  position: relative;
  top: 58px;
  left: 22px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.section-raceing .event-content .event-list .product-list > ol > li.last {
  position: relative;
  top: 88px;
  right: 24px;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.section-raceing .event-content .event-list .product-list > ol > li > strong {
  font-size: 18px;
}
.section-raceing .event-content .event-list .product-list > ol > li .img {
  height: 37px;
  margin: 7px 0;
}
.section-raceing .event-content .event-list .product-list > ol > li .img img {
  height: 100%;
}
.section-raceing .event-content .event-list .ready-txt {
  margin: 0 15px;
  padding: 45px 0px;
  border-radius: 5px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.section-raceing .event-content .event-list .ready-txt > p {
  font-size: 18px;
  color: #fff;
}
.section-raceing .event-content .raceing-end-info {
  text-align: center;
  margin-top: 10px;
}
.section-raceing .event-content .raceing-end-info > p {
  margin-bottom: 5px;
  font-size: 18px;
}
.section-raceing .event-content .raceing-end-info > span {
  text-decoration: underline;
}
.section-raceing .raceing-btn {
  position: relative;
  margin-top: 40px;
  padding: 0 15px;
  z-index: 2;
}
.section-raceing .raceing-btn a {
  border-radius: 50px;
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #583daa;
  background-color: #fff;
  border: 1px solid #583daa;
  font-weight: 700;
  text-decoration: none;
  -webkit-box-shadow: 0 6px 0 #583daa;
          box-shadow: 0 6px 0 #583daa;
}
.section-raceing .raceing-btn a.l-btn {
  font-size: 18px;
  background-color: #feef90;
}
.section-raceing .raceing-btn a.dis {
  pointer-events: none;
  background-color: #e6e0f8;
}
.section-raceing .raceing-btn .fx {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section-raceing .raceing-btn .fx li {
  width: 50%;
  margin-right: 10px;
}
.section-raceing .raceing-btn .fx li:last-child {
  margin-right: 0px;
}

.event-rest-info {
  position: relative;
  margin-top: -11%;
  padding: 11% 15px 50px;
  background: #583daa url("../images/event/event-rest-info_new.png") no-repeat 0 0;
  background-size: 100% auto;
}
.event-rest-info .caption-info-purple {
  position: relative;
  padding-left: 10px;
  color: #c4b4f3;
  font-size: 13px;
}
.event-rest-info .caption-info-purple::before {
  position: absolute;
  top: 7px;
  left: 0px;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #c4b4f3;
  content: "";
}
.event-rest-info .caution {
  position: relative;
  padding-left: 18px;
  color: #fd665c;
}
.event-rest-info .caution::before {
  display: block;
  position: absolute;
  top: 3px;
  left: 0px;
  width: 12px;
  height: 12px;
  background: url("../images/sub/sprite_buy.png") no-repeat -73px 0;
  background-size: 250px auto;
  content: "";
}
.event-rest-info dl {
  padding-top: 35px;
}
.event-rest-info dl dt {
  color: #fd665c;
}
.event-rest-info dl dd {
  padding-left: 15px;
  margin-top: 15px;
}
.event-rest-info dl dd ul li {
  margin-bottom: 5px;
}

.top-event-member {
  background-color: #fff;
  padding: 30px 15px 0;
}
.top-event-member .round-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.top-event-member .round-info .select-box-type {
  width: 100px;
}
.top-event-member .event-ranking-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
.top-event-member .event-ranking-wrap .left-between dl {
  margin-bottom: 25px;
}
.top-event-member .event-ranking-wrap .left-between dl dt {
  color: #999;
}
.top-event-member .event-ranking-wrap .left-between dl dd strong {
  font-size: 24px;
}
.top-event-member .event-ranking-wrap .left-between dl dd strong em {
  font-size: 14px;
  font-style: normal;
}
.top-event-member .event-ranking-wrap .product {
  position: relative;
  padding: 50px 0 0;
  text-align: right;
}
.top-event-member .event-ranking-wrap .product strong {
  display: block;
  font-size: 18px;
  color: #2666c6;
}
.top-event-member .event-ranking-wrap .product .icon {
  margin-top: 15px;
  display: inline-block;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  background-color: #f5f6f9;
}
.top-event-member .event-ranking-wrap .product .icon img {
  width: 100%;
}
.top-event-member .event-ranking-wrap .product .frindRecommend {
  position: relative;
  width: 80px;
  height: 28px;
  z-index: 1;
  border: none;
  background: none;
}
.top-event-member .event-ranking-wrap .product .frindRecommend:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 28px;
  background: #fae100;
  border: 1px solid #401e36;
  border-radius: 28px;
  z-index: 1;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.top-event-member .event-ranking-wrap .product .frindRecommend:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 82px;
  height: 28px;
  background: #401e36;
  border-radius: 28px;
  z-index: 0;
}
.top-event-member .event-ranking-wrap .product .frindRecommend span {
  position: relative;
  top: 0;
  font-weight: bold;
  color: #401e36;
  z-index: 2;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.top-event-member .event-ranking-wrap .product .frindRecommend:hover:before {
  bottom: -7px;
}
.top-event-member .event-ranking-wrap .product .frindRecommend:hover span {
  top: 7px;
}

.content-member {
  background-color: #fff;
  padding: 0 15px 50px;
}
.content-member .s-table-type5 table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #ddd;
}
.content-member .s-table-type5 table thead th {
  height: 40px;
  background: #f1f1f1;
  font-size: 14px;
  color: #666;
  font-weight: 400;
}
.content-member .s-table-type5 table tbody td {
  color: #222;
  font-size: 14px;
  padding: 9px 0;
  text-align: center;
  font-weight: 700;
}
.content-member .s-table-type5 table tbody td a {
  color: #364f7f;
  border-bottom: 1px solid #364f7f;
  text-decoration: none;
}

.event-infomation-list {
  padding: 15px 0px;
}
.event-infomation-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.event-infomation-list > ul li {
  margin-right: 35px;
  padding-top: 60px;
}
.event-infomation-list > ul li:first-child {
  margin-right: 45px;
}
.event-infomation-list > ul li:last-child {
  margin-right: 0px;
}
.event-infomation-list > ul li.icon01 {
  background: url("../images/sub/event_game_list01.png") no-repeat 50% 0;
  background-size: 50px;
}
.event-infomation-list > ul li.icon02 {
  background: url("../images/sub/event_game_list02.png") no-repeat 50% 0;
  background-size: 50px;
}
.event-infomation-list > ul li.icon03 {
  background: url("../images/sub/event_game_list03.png") no-repeat 50% 0;
  background-size: 50px;
}

.mb-gf-area {
  padding: 0 16px;
  background-color: #fff;
}
.mb-gf-area .mb-gf-box {
  padding: 27px 0;
}
.mb-gf-area .mb-gf-box.bg-giftpon {
  position: relative;
  padding: 45px 0 180px;
}
.mb-gf-area .mb-gf-box.bg-giftpon:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 30px;
  display: block;
  width: 125px;
  height: 125px;
  margin-left: -62px;
  background: url("../images/common/bg_gifftpon.png") no-repeat right top;
  background-size: auto 125px;
}
.mb-gf-area .mb-gf-box .tit {
  line-height: 27px;
  font-size: 24px;
  font-weight: 600;
}
.mb-gf-area .mb-gf-box .txt {
  margin-top: 7px;
  line-height: 18px;
}
.mb-gf-area .mb-gf-box02 {
  padding: 12px 0;
  border-top: 1px solid #ddd;
}
.mb-gf-area .mb-gf-box02.bg-giftpon {
  position: relative;
  padding: 27px 0 155px;
}
.mb-gf-area .mb-gf-box02.bg-giftpon:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 30px;
  display: block;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  background: url("../images/common/bg_gifftpon.png") no-repeat;
  background-size: auto 125px;
}
.mb-gf-area .mb-gf-box02 .tit {
  line-height: 20px;
  font-size: 18px;
  font-weight: 500;
}
.mb-gf-area .mb-gf-box02 .txt {
  margin-top: 15px;
  line-height: 18px;
}
.mb-gf-area .st-list li {
  text-indent: -11px;
  padding-left: 15px;
  line-height: 18px;
  color: #999;
}

.rd-loading {
  overflow: hidden;
  text-align: center;
}
.rd-loading .img {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url("../images/common/bg_loading.png") no-repeat;
  background-size: 100% 100%;
  -webkit-animation: spin 2s infinite linear;
          animation: spin 2s infinite linear;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.wk-txt {
  line-height: 18px;
  font-size: 14px;
  color: #666;
}
.wk-txt .cor-black {
  display: inline-block;
  line-height: 18px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.list-none-area {
  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;
  height: calc(100vh - 299px);
  background-color: #f1f1f1;
}
.txt-rd-box {
  line-height: 20px;
  padding: 9px;
  border: 1px solid #ddd;
  font-size: 14px;
  color: #666;
  background-color: #fdfdfd;
}

.cor-black {
  color: #222 !important;
}

.cor-gray {
  color: #999 !important;
}

.cor-gray02 {
  color: #666 !important;
}

.cor-blue {
  color: #2666c6 !important;
}

.cor-red {
  color: #fd665c !important;
}

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@keyframes loading-text-opacity {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes loading-text-opacity {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.loading-container,
.loading {
  position: relative;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}

.loading-container {
  margin: 0 auto;
}

.loading {
  border: 3px solid transparent;
  border-color: #ddd #ddd #ddd #3498db;
  -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
  -webkit-transform-origin: 50% 50%;
  animation: rotate-loading 1.5s linear 0s infinite normal;
  -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
}

.ui-datepicker {
  display: none;
  width: 17em;
  padding: 0.2em 0.2em 0;
}
.ui-datepicker.ui-widget-content {
  border: 1px solid #c5c5c5;
  border-radius: 3px;
  background: #fff;
  color: #333333;
}
.ui-datepicker.ui-widget-content a {
  color: #333;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker table th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker table td {
  border: 0;
  padding: 1px;
  text-align: center;
}
.ui-datepicker table td span,
.ui-datepicker table td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-widget-header {
  height: 40px;
  background: #fff;
  border: 0;
  line-height: 40px;
}
.ui-datepicker .ui-widget-header a {
  position: absolute;
  top: 0;
  color: #333;
}
.ui-datepicker .ui-widget-header a.ui-datepicker-prev {
  width: 20px;
  height: 40px;
  text-indent: -9999em;
}
.ui-datepicker .ui-widget-header a.ui-datepicker-prev:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/sub/bg_calendar_arrow_l.png") no-repeat;
  background-size: contain;
  width: 6px;
  height: 12px;
  margin: -3px 0 0 -6px;
}
.ui-datepicker .ui-widget-header a.ui-datepicker-next {
  right: 0;
  width: 20px;
  height: 40px;
  text-indent: -9999em;
}
.ui-datepicker .ui-widget-header a.ui-datepicker-next:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/sub/bg_calendar_arrow_r.png") no-repeat;
  background-size: contain;
  width: 6px;
  height: 12px;
  margin: -3px 0 0 -6px;
}
.ui-datepicker .ui-datepicker-title {
  display: -webkit-box;
  -webkit-box-pack: center;
  padding: 0 20px;
  margin: 0;
  line-height: 40px;
}
.ui-datepicker .ui-datepicker-title select {
  display: -webkit-box;
  -webkit-box-flex: 1;
  margin: 0 5px !important;
  border: 1px solid #ddd;
  border-radius: 4px;
  display: block;
  height: 40px;
  padding: 0 32px 0 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("../images/common/bg_select.png") no-repeat right 0;
  background-size: 33px 80px;
  color: #222;
  font-size: 15px;
  font-weight: 600;
}
.ui-datepicker .ui-datepicker-title span.ui-datepicker-year,
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
  -webkit-box-flex: 1;
  font-size: 15px;
  font-weight: 600;
  line-height: 40px;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-button,
.ui-datepicker html .ui-button.ui-state-disabled:hover,
.ui-datepicker html .ui-button.ui-state-disabled:active {
  border: 0 !important;
  background: none !important;
  text-align: center;
}
.ui-datepicker .ui-datepicker-today a {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: auto;
  color: #fff !important;
  background-color: #336fc9 !important;
  border-radius: 25px;
}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: auto;
  color: #222 !important;
  background-color: #fffa90 !important;
  border-radius: 25px;
}

.err-page {
  width: 100%;
  height: calc(100vh - 50px);
  padding: 270px 0 0;
  background: url("../images/sub/bg_err_page.jpg") no-repeat;
  background-size: cover;
}
.err-page .err-num {
  position: absolute;
  left: 50%;
  top: 116px;
  display: inline-block;
  width: 125px;
  height: 125px;
  border-radius: 125px;
  margin: 0 0 0 -62px;
  overflow: hidden;
}
.err-page .err-num span {
  position: relative;
  display: inline-block;
  width: 125px;
  height: 125px;
  font-size: 60px;
  font-weight: 100;
  text-align: center;
  line-height: 120px;
  z-index: 2;
}
.err-page .err-num.err-404 span {
  color: #fd665c;
}
.err-page .err-num.err-500 span {
  color: #2666c6;
}
.err-page .err-num.err-addr span:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 11px;
  height: 47px;
  margin: -23px 0 0 -5px;
  background: url("../images/sub/ex_mark.png") no-repeat;
  background-size: 11px 47px;
}
.err-page .err-num:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 125px;
  height: 125px;
  background: url("../images/sub/bg_err_page.jpg") no-repeat;
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
.err-page .txt {
  color: #fff;
  text-align: center;
}
.err-page .txt p {
  font-size: 20px;
  font-weight: 500;
}
.err-page .txt span {
  display: inline-block;
  margin-top: 5px;
  opacity: 0.8;
  font-size: 12px;
}
.err-page .btn-fixed-btm {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  background: #364f7f;
  text-align: center;
  line-height: 50px;
}
.err-page .btn-fixed-btm a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
}

.gr-box {
  padding: 13px 15px;
  border-radius: 4px;
  background-color: #f5f6f9;
}
.gr-box .gr-tit {
  line-height: 22px;
  font-size: 18px;
}
.gr-box .gr-info {
  overflow: hidden;
  margin-top: 6px;
}
.gr-box .gr-info > span {
  position: relative;
  float: left;
  display: inline-block;
  line-height: 18px;
  margin-right: 11px;
  font-size: 13px;
  color: #999;
}
.gr-box .gr-info > span:after {
  content: "";
  position: absolute;
  right: -6px;
  top: 50%;
  display: block;
  width: 1px;
  height: 8px;
  margin-top: -4px;
  background-color: #b4b5b6;
}
.gr-box .gr-info > span.last {
  margin-right: 0;
}
.gr-box .gr-info > span.last:after {
  display: none;
}

.tbl-tp01 {
  overflow: hidden;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.tbl-tp01 table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.tbl-tp01 table tr > * {
  height: 40px;
  padding: 5px 5px;
  font-size: 12px;
}
.tbl-tp01 table tr th {
  background: #f0f0f0;
}
.tbl-tp01 table tr th + th {
  border-left: 1px solid #ddd;
}
.tbl-tp01 table tr td {
  border-left: 1px solid #ddd;
}
.tbl-tp01 table tr .tbl-cen {
  text-align: center;
}
.tbl-tp01 table tbody tr > * {
  border-top: 1px solid #ddd;
}
.tbl-tp01 table tbody tr th {
  padding-left: 0;
  padding-right: 0;
}
.tbl-tp01 table tbody tr th + th {
  border-left: 1px solid #ddd;
}

#wrap.m-web {
  background: #fff;
}
#wrap.m-web .tit-area {
  text-align: center;
  padding: 15px 0 0;
}
#wrap.m-web .tit-area h1 {
  font-size: 18px;
  font-weight: 400;
}
#wrap.m-web #container {
  padding: 0 30px;
}
#wrap.m-web #container .big-txt {
  padding: 95px 0 45px;
  font-size: 26px;
}
#wrap.m-web #container .txt a {
  position: relative;
  font-weight: 600;
  text-decoration: none;
}
#wrap.m-web #container .txt a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 1px;
  background: #2666c6;
}
#wrap.m-web #container .btn-area {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 20px;
}
#wrap.m-web #container .btn-area .tit {
  display: block;
  margin-bottom: 15px;
}
#wrap.m-web #container .btn-area .btn-wrap a {
  display: block;
  margin-bottom: 10px;
}
#wrap.m-web #container .btn-area .btn-wrap a img {
  width: 100%;
}

.cmm-header {
  position: relative;
  height: 55px;
  background: #fff;
  text-align: center;
}
.cmm-header h1 {
  height: 55px;
  line-height: 50px;
  color: #222;
  font-size: 18px;
}
.cmm-header .btn-back {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
}
.cmm-header .btn-back:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/common/sprite.png") no-repeat;
  width: 15px;
  height: 11px;
  margin: -7px 0 0 -6px;
  background-size: 500px;
  background-position: -402px -16px;
}
.cmm-header .btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
}
.cmm-header .btn-close:after {
  content: "";
  position: absolute;
  background: url("../images/common/sprite.png") no-repeat;
  background-size: 500px;
  background-position: -54px -35px;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}

.loading-wrap {
  height: 100vh;
  width: 100vw;
}
.loading-wrap .loader {
  height: 20px;
  width: 250px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
}
.loading-wrap .loader-dot {
  -webkit-animation-name: loader;
          animation-name: loader;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background-color: black;
  position: absolute;
  border: 2px solid #fff;
}
.loading-wrap .loader-dot:first-child {
  background-color: #8cc759;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
.loading-wrap .loader-dot:nth-child(2) {
  background-color: #8c6daf;
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.loading-wrap .loader-dot:nth-child(3) {
  background-color: #ef5d74;
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.loading-wrap .loader-dot:nth-child(4) {
  background-color: #f9a74b;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.loading-wrap .loader-dot:nth-child(5) {
  background-color: #60beeb;
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}
.loading-wrap .loader-dot:nth-child(6) {
  background-color: #fbef5a;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
}

@-webkit-keyframes loader {
  15% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  45% {
    -webkit-transform: translateX(230px);
            transform: translateX(230px);
  }
  65% {
    -webkit-transform: translateX(230px);
            transform: translateX(230px);
  }
  95% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes loader {
  15% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  45% {
    -webkit-transform: translateX(230px);
            transform: translateX(230px);
  }
  65% {
    -webkit-transform: translateX(230px);
            transform: translateX(230px);
  }
  95% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.loading-dim {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.75;
  z-index: 99;
}

/* 2020.03.11 추가 */
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.reviewUsage {
  padding: 30px 0 0;
  text-align: center;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.reviewUsage .star-area {
  text-align: left;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.reviewUsage .star-area .star-rating {
  width: 120px;
  height: 19px;
  background: url("../images/common/ico-star2.png") no-repeat 0 -19px;
  background-size: 120px 38px;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.reviewUsage .star-area .star-rating > span {
  height: 19px;
  background: url("../images/common/ico-star2.png") no-repeat;
  background-size: 120px 38px;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.reviewUsage .text1 {
  position: relative;
  margin-top: 17px;
  font-size: 15px;
  font-weight: 700;
  padding: 0 0 130px;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.reviewUsage .text1:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 30px;
  width: 72px;
  height: 72px;
  margin-left: -36px;
  background: url("../images/common/ico_review.png") no-repeat;
  background-size: 72px;
}
.layer-basic-pop .layer-basic-area .layer-cnt .pop-area.reviewUsage .text2 {
  padding-bottom: 40px;
  font-size: 12px;
}

.tabBg {
  background: #f1f1f1;
}

.srch-list {
  background: #fff;
}

/*2020.07.17 추가*/
.main_bnr_bg {
  margin-bottom: -15px;
}

/*툴팁영역*/
.tooltip-area .title {
  display: inline-block;
}
.tooltip-area .tooltip {
  vertical-align: initial;
}

.car-info-animation .car-info-area .page-h .tooltip-area .carInfoPage__price {
  display: inline-block;
}

.app-install {
  position: relative;
  min-height: 64px;
  padding: 0 110px 0 72px;
  background: #fbfbf9;
}
.app-install:before {
  content: "";
  position: absolute;
  left: 14px;
  top: 8px;
  display: block;
  width: 48px;
  height: 48px;
  background: url("../images/common/app_install_icon@2x.png") no-repeat;
  background-size: 48px;
}
.app-install .app-install__text {
  display: block;
  padding: 15px 5px 8px 0;
  min-height: 48px;
  font-size: 13px;
  letter-spacing: -0.5px;
}
.app-install .app-install__text-block {
  display: block;
  font-size: 14px;
  font-weight: bold;
}
.app-install .app-install__button {
  position: absolute;
  right: 55px;
  top: 18px;
  display: inline-block;
  width: 55px;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 12px;
  line-height: 28px;
  background: #848484;
  border-radius: 14px;
  text-decoration: none;
  text-align: center;
  z-index: 2;
}
.app-install .app-install__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  overflow: hidden;
}
.app-install .app-install__close {
  position: absolute;
  right: 15px;
  top: 18px;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #aeaeae;
  background: #fff url("../images/common/app_install_close@2x.png") no-repeat;
  background-size: 28px;
  text-indent: -9999em;
  overflow: hidden;
}

.image-upload-warning {
  position: relative;
  display: inline-block;
  padding-left: 16px;
}
.image-upload-warning:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
}
.car-photo .image-upload-warning {
  position: absolute;
  bottom: 70px;
  left: 15px;
  width: calc(100% - 30px);
  height: auto;
}
.comment-area .image-upload-warning {
  margin: 0 15px;
  padding-bottom: 20px;
}

.input-type.is-readonly {
  background-color: #ececec;
  color: #999;
}

.cover-soldout {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.cover-soldout i {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  padding: 0 4px;
  height: 20px;
  line-height: 20px;
  background: #f00;
  font-size: 10px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  letter-spacing: 0;
}
.cover-soldout.size-l i {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  padding: 0 10px;
}

.btn-round-x {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: url("../images/common/icon24-round-x.svg") center/22px auto no-repeat;
  overflow: hidden;
}

.check-item-new {
  position: relative;
  display: inline-block;
}
.check-item-new input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
}
.check-item-new input:checked ~ .icon {
  background-image: url("../images/common/icon-check-black-sm.svg");
}
.check-item-new input:checked ~ .txt {
  color: #222;
}
.check-item-new .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/common/icon-check-gray-sm.svg") center/contain no-repeat;
  vertical-align: middle;
}
.check-item-new .txt {
  display: inline-block;
  vertical-align: middle;
  color: #888;
  font-size: 14px;
}
.sorting-wrap .check-item-new {
  position: absolute;
  right: 90px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.c-radio {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-radio-icon {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #dedede;
  border-radius: 9999px;
}
.c-radio-control {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.c-radio-text {
  margin-left: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #222;
}
.c-radio-control:checked + .c-radio-icon {
  position: relative;
  border-width: 2px;
  border-color: #ffcc00;
}
.c-radio-control:checked + .c-radio-icon::after {
  content: "";
  position: absolute;
  inset: 3px;
  background-color: #ffcc00;
  border-radius: 9999px;
}
.c-radio-control:disabled + .c-radio-icon {
  position: relative;
  border-width: 2px;
  border-color: #dedede;
}
.c-radio-control:disabled + .c-radio-icon::after {
  content: "";
  position: absolute;
  inset: 3px;
  background-color: #dedede;
  border-radius: 9999px;
}

.c-file {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.c-file-control {
  position: absolute;
  inset: 0;
  width: 100%;
  opacity: 0;
}
.c-file-text {
  padding: 0 10px;
  min-height: 36px;
  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;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #222;
  font-size: 13px;
}

.layer-pop-new {
  display: none;
  padding: 0 40px;
}
.layer-pop-new.layer-basic-pop .layer-basic-area .layer-cnt .pop-area {
  padding: 32px 24px;
}
.layer-pop-new .layer-basic-area {
  border-radius: 6px;
}
.layer-pop-new .tit {
  display: block;
  font-size: 18px;
  font-weight: 700;
}
.layer-pop-new .txt {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 300;
}
.layer-pop-new .btn-wrap.col {
  width: 188px;
  margin: 20px auto 0;
}
.layer-pop-new .btn-wrap.col .btn-black {
  left: 50%;
  width: 76px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.layer-pop-new .btn-wrap.col2 {
  display: grid;
  grid-template-columns: auto auto;
  gap: 0 8px;
  width: 188px;
  margin: 20px auto 0;
}
.layer-pop-new .btn-wrap .btn-black {
  position: relative;
  top: auto;
  right: auto;
  width: 90px;
}
.layer-pop-new .layer-basic-area .pop-body-area {
  background-color: #fff;
  text-align: center;
  color: #222;
  padding: 32px 20px 76px;
  position: relative;
}
.layer-pop-new .layer-basic-area .pop-body-area .txt {
  margin-bottom: 0;
}
.layer-pop-new .layer-basic-area .pop-body-area .pop-btn-area {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layer-pop-new .layer-basic-area .pop-body-area .pop-btn-area .btn-common {
  border-radius: 0;
}
.layer-pop-new .layer-basic-area .pop-body-area .pop-btn-area .btn-common.btn-close {
  position: initial;
}
.layer-pop-new .layer-basic-area .pop-body-area .pop-btn-area .btn-common.btn-light {
  background: #eee;
  border: none;
}
.layer-pop-new .layer-basic-area .pop-body-area .pop-btn-area .btn-common + .btn-common {
  margin-left: 0;
}
.layer-pop-new.theme-dealer .layer-basic-area .pop-body-area {
  padding: 32px 24px;
}
.layer-pop-new.theme-dealer .layer-basic-area .pop-body-area .pop-btn-area {
  position: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  margin-top: 20px;
}
.layer-pop-new.theme-dealer .layer-basic-area .pop-body-area .pop-btn-area .btn-common {
  border-radius: 4px;
  width: 90px;
  height: 44px;
  line-height: 42px;
  padding: 0 2px;
}
.layer-pop-new.theme-dealer .layer-basic-area .pop-body-area .pop-btn-area .btn-common.btn-light {
  background: #fff;
  border: 1px solid #666;
}

.btn-black {
  display: block;
  width: 100%;
  height: 44px;
  text-align: center;
  line-height: 44px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  background: #222;
}
.btn-black.line-black {
  color: #222;
  background: #fff;
  border: 1px solid #666;
}

@media (min-width: 376px) {
  .break-mq {
    display: none;
  }
}
/*# sourceMappingURL=common.css.map */