@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  color: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.4em;
  text-decoration: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

button {
  font-family: "Pretendard", "APPLE SD Gothic NEO", -apple-system, system-ui, "Helvetica Neue", "Dotum", "돋움", "Roboto", sans-serif;
}

html,
body {
  width: 100%;
  height: 100%;
}

*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  line-height: 1.4em;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

img,
button,
a {
  vertical-align: middle;
}

button,
a {
  background: none;
  border: none;
  cursor: pointer;
}

caption {
  opacity: 0;
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
  color: transparent;
}

/* KB금융 본문체 Medium*/
@font-face {
  font-family: "KBFGText";
  font-style: normal;
  font-weight: 400;
  src: local("KBFGTextM"), url("/font/KBFGTextM.woff") format("woff");
}
/* KB금융 본문체 Bold*/
@font-face {
  font-family: "KBFGText";
  font-style: normal;
  font-weight: 700;
  src: local("KBFGTextB"), url("/font/KBFGTextB.woff") format("woff");
}
/* KB금융 본문체 Light*/
@font-face {
  font-family: "KBFGText";
  font-style: normal;
  font-weight: 300;
  src: local("KBFGTextM"), url("/font/KBFGTextL.woff") format("woff");
}
/*KB금융 제목체 Light*/
@font-face {
  font-family: "KBFGDisplay";
  font-style: normal;
  font-weight: 300;
  src: local("KBFGDisplayL"), url("/font/KBFGDisplayL.woff") format("woff");
}
/*KB금융 제목체 Medium*/
@font-face {
  font-family: "KBFGDisplay";
  font-style: normal;
  font-weight: 500;
  src: local("KBFGDisplayM"), url("/font/KBFGDisplayM.woff") format("woff");
}
/*KB금융 제목체 Blod*/
@font-face {
  font-family: "KBFGDisplay";
  font-style: normal;
  font-weight: 700;
  src: local("KBFGDisplayB"), url("/font/KBFGDisplayB.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url("/font/Pretendard-Bold.woff2") format("woff2"), url("/font/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url("/font/Pretendard-SemiBold.woff2") format("woff2"), url("/font/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard Medium"), url("/font/Pretendard-Medium.woff2") format("woff2"), url("/font/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url("/font/Pretendard-Regular.woff2") format("woff2"), url("/font/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard Light"), url("/font/Pretendard-Light.woff2") format("woff2"), url("/font/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-display: swap;
  src: local("Pretendard Thin"), url("/font/Pretendard-Thin.woff2") format("woff2"), url("/font/Pretendard-Thin.woff") format("woff");
}
/* 공통 작업 */
.a11y-hidden {
  overflow: hidden !important;
  position: absolute !important;
  clip: rect(0, 0, 0, 0) !important;
  -webkit-clip-path: circle(0) !important;
  clip-path: circle(0) !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

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

.tal {
  text-align: left !important;
}

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

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

.font-normal {
  font-family: "Pretendard", "APPLE SD Gothic NEO", -apple-system, system-ui, "Helvetica Neue", "Dotum", "돋움", "Roboto", sans-serif !important;
}

.fw-light {
  font-weight: 300 !important;
  font-style: normal;
}

.fw-regular {
  font-weight: 400 !important;
  font-style: normal;
}

.fw-medium {
  font-weight: 500 !important;
  font-style: normal;
}

.fw-bold {
  font-weight: 700 !important;
  font-style: normal;
}

.mg-none {
  margin: none !important;
}

.mg-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mgt-0 {
  margin-top: 0 !important;
}

.mgt-xxs {
  margin-top: 0.4rem !important;
}

.mgt-xs {
  margin-top: 0.8rem !important;
}

.mgt-s {
  margin-top: 1.2rem !important;
}

.mgt-m {
  margin-top: 1.6rem !important;
}

.mgt-l {
  margin-top: 2rem !important;
}

.mgt-xl {
  margin-top: 2.4rem !important;
}

.mgt-xxl {
  margin-top: 3.2rem !important;
}

.mgb-0 {
  margin-bottom: 0 !important;
}

.mgb-xxs {
  margin-bottom: 0.4rem !important;
}

.mgb-xs {
  margin-bottom: 0.8rem !important;
}

.mgb-s {
  margin-bottom: 1.2rem !important;
}

.mgb-m {
  margin-bottom: 1.6rem !important;
}

.mgb-l {
  margin-bottom: 2rem !important;
}

.mgb-xl {
  margin-bottom: 2.4rem !important;
}

.mgl-xs {
  margin-left: 0.2rem !important;
}

.mgl-m {
  margin-left: 1.6rem !important;
}

.mgl-xl {
  margin-left: 2.4rem !important;
}

.mgl-xxl {
  margin-left: 3.2rem !important;
}

.gap40 {
  padding-right: 4rem;
}

.gap80 {
  padding-right: 8rem;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.a-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.j-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

.fc-orange {
  color: #ff5d16 !important;
}

.fc-gray {
  color: #4f4f4f !important;
}

.fc-red {
  color: #ff5d16;
}

.fs-0 {
  font-size: 0 !important;
}

.fs-12 {
  font-size: 1.2rem !important;
}

.fs-13 {
  font-size: 1.3rem !important;
}

.fs-14 {
  font-size: 1.4rem !important;
}

.fs-16 {
  font-size: 1.6rem !important;
}

.fs-18 {
  font-size: 1.8rem !important;
}

.w10 {
  width: 10px !important;
}

.w20 {
  width: 20px !important;
}

.h20 {
  height: 20px !important;
}

.w15 {
  width: 15px !important;
}

.w30 {
  width: 30px !important;
}

.h30 {
  height: 30px !important;
}

.w20 {
  width: 20px !important;
}

.w40 {
  width: 40px !important;
}

.h40 {
  height: 40px !important;
}

.w25 {
  width: 25px !important;
}

.w50 {
  width: 50px !important;
}

.h50 {
  height: 50px !important;
}

.w30 {
  width: 30px !important;
}

.w60 {
  width: 60px !important;
}

.h60 {
  height: 60px !important;
}

.w35 {
  width: 35px !important;
}

.w70 {
  width: 70px !important;
}

.h70 {
  height: 70px !important;
}

.w40 {
  width: 40px !important;
}

.w80 {
  width: 80px !important;
}

.h80 {
  height: 80px !important;
}

.w45 {
  width: 45px !important;
}

.w90 {
  width: 90px !important;
}

.h90 {
  height: 90px !important;
}

.w50 {
  width: 50px !important;
}

.w100 {
  width: 100px !important;
}

.h100 {
  height: 100px !important;
}

.w55 {
  width: 55px !important;
}

.w110 {
  width: 110px !important;
}

.h110 {
  height: 110px !important;
}

.w60 {
  width: 60px !important;
}

.w120 {
  width: 120px !important;
}

.h120 {
  height: 120px !important;
}

.w65 {
  width: 65px !important;
}

.w130 {
  width: 130px !important;
}

.h130 {
  height: 130px !important;
}

.w70 {
  width: 70px !important;
}

.w140 {
  width: 140px !important;
}

.h140 {
  height: 140px !important;
}

.w75 {
  width: 75px !important;
}

.w150 {
  width: 150px !important;
}

.h150 {
  height: 150px !important;
}

.w80 {
  width: 80px !important;
}

.w160 {
  width: 160px !important;
}

.h160 {
  height: 160px !important;
}

.w85 {
  width: 85px !important;
}

.w170 {
  width: 170px !important;
}

.h170 {
  height: 170px !important;
}

.w90 {
  width: 90px !important;
}

.w180 {
  width: 180px !important;
}

.h180 {
  height: 180px !important;
}

.w95 {
  width: 95px !important;
}

.w190 {
  width: 190px !important;
}

.h190 {
  height: 190px !important;
}

.w100 {
  width: 100px !important;
}

.w200 {
  width: 200px !important;
}

.h200 {
  height: 200px !important;
}

.w105 {
  width: 105px !important;
}

.w210 {
  width: 210px !important;
}

.h210 {
  height: 210px !important;
}

.w110 {
  width: 110px !important;
}

.w220 {
  width: 220px !important;
}

.h220 {
  height: 220px !important;
}

.w115 {
  width: 115px !important;
}

.w230 {
  width: 230px !important;
}

.h230 {
  height: 230px !important;
}

.w120 {
  width: 120px !important;
}

.w240 {
  width: 240px !important;
}

.h240 {
  height: 240px !important;
}

.w125 {
  width: 125px !important;
}

.w250 {
  width: 250px !important;
}

.h250 {
  height: 250px !important;
}

.w130 {
  width: 130px !important;
}

.w260 {
  width: 260px !important;
}

.h260 {
  height: 260px !important;
}

.w135 {
  width: 135px !important;
}

.w270 {
  width: 270px !important;
}

.h270 {
  height: 270px !important;
}

.w140 {
  width: 140px !important;
}

.w280 {
  width: 280px !important;
}

.h280 {
  height: 280px !important;
}

.w145 {
  width: 145px !important;
}

.w290 {
  width: 290px !important;
}

.h290 {
  height: 290px !important;
}

.w150 {
  width: 150px !important;
}

.w300 {
  width: 300px !important;
}

.h300 {
  height: 300px !important;
}

.w155 {
  width: 155px !important;
}

.w310 {
  width: 310px !important;
}

.h310 {
  height: 310px !important;
}

.w160 {
  width: 160px !important;
}

.w320 {
  width: 320px !important;
}

.h320 {
  height: 320px !important;
}

.w165 {
  width: 165px !important;
}

.w330 {
  width: 330px !important;
}

.h330 {
  height: 330px !important;
}

.w170 {
  width: 170px !important;
}

.w340 {
  width: 340px !important;
}

.h340 {
  height: 340px !important;
}

.w175 {
  width: 175px !important;
}

.w350 {
  width: 350px !important;
}

.h350 {
  height: 350px !important;
}

.w180 {
  width: 180px !important;
}

.w360 {
  width: 360px !important;
}

.h360 {
  height: 360px !important;
}

.w185 {
  width: 185px !important;
}

.w370 {
  width: 370px !important;
}

.h370 {
  height: 370px !important;
}

.w190 {
  width: 190px !important;
}

.w380 {
  width: 380px !important;
}

.h380 {
  height: 380px !important;
}

.w195 {
  width: 195px !important;
}

.w390 {
  width: 390px !important;
}

.h390 {
  height: 390px !important;
}

.w200 {
  width: 200px !important;
}

.w400 {
  width: 400px !important;
}

.h400 {
  height: 400px !important;
}

.w205 {
  width: 205px !important;
}

.w410 {
  width: 410px !important;
}

.h410 {
  height: 410px !important;
}

.w210 {
  width: 210px !important;
}

.w420 {
  width: 420px !important;
}

.h420 {
  height: 420px !important;
}

.w215 {
  width: 215px !important;
}

.w430 {
  width: 430px !important;
}

.h430 {
  height: 430px !important;
}

.w220 {
  width: 220px !important;
}

.w440 {
  width: 440px !important;
}

.h440 {
  height: 440px !important;
}

.w225 {
  width: 225px !important;
}

.w450 {
  width: 450px !important;
}

.h450 {
  height: 450px !important;
}

.w230 {
  width: 230px !important;
}

.w460 {
  width: 460px !important;
}

.h460 {
  height: 460px !important;
}

.w235 {
  width: 235px !important;
}

.w470 {
  width: 470px !important;
}

.h470 {
  height: 470px !important;
}

.w240 {
  width: 240px !important;
}

.w480 {
  width: 480px !important;
}

.h480 {
  height: 480px !important;
}

.w245 {
  width: 245px !important;
}

.w490 {
  width: 490px !important;
}

.h490 {
  height: 490px !important;
}

.w250 {
  width: 250px !important;
}

.w500 {
  width: 500px !important;
}

.h500 {
  height: 500px !important;
}

.w255 {
  width: 255px !important;
}

.w510 {
  width: 510px !important;
}

.h510 {
  height: 510px !important;
}

.w260 {
  width: 260px !important;
}

.w520 {
  width: 520px !important;
}

.h520 {
  height: 520px !important;
}

.w265 {
  width: 265px !important;
}

.w530 {
  width: 530px !important;
}

.h530 {
  height: 530px !important;
}

.w270 {
  width: 270px !important;
}

.w540 {
  width: 540px !important;
}

.h540 {
  height: 540px !important;
}

.w275 {
  width: 275px !important;
}

.w550 {
  width: 550px !important;
}

.h550 {
  height: 550px !important;
}

.w280 {
  width: 280px !important;
}

.w560 {
  width: 560px !important;
}

.h560 {
  height: 560px !important;
}

.w285 {
  width: 285px !important;
}

.w570 {
  width: 570px !important;
}

.h570 {
  height: 570px !important;
}

.w290 {
  width: 290px !important;
}

.w580 {
  width: 580px !important;
}

.h580 {
  height: 580px !important;
}

.w295 {
  width: 295px !important;
}

.w590 {
  width: 590px !important;
}

.h590 {
  height: 590px !important;
}

.w300 {
  width: 300px !important;
}

.w600 {
  width: 600px !important;
}

.h600 {
  height: 600px !important;
}

.w305 {
  width: 305px !important;
}

.w610 {
  width: 610px !important;
}

.h610 {
  height: 610px !important;
}

.w310 {
  width: 310px !important;
}

.w620 {
  width: 620px !important;
}

.h620 {
  height: 620px !important;
}

.w315 {
  width: 315px !important;
}

.w630 {
  width: 630px !important;
}

.h630 {
  height: 630px !important;
}

.w320 {
  width: 320px !important;
}

.w640 {
  width: 640px !important;
}

.h640 {
  height: 640px !important;
}

.w325 {
  width: 325px !important;
}

.w650 {
  width: 650px !important;
}

.h650 {
  height: 650px !important;
}

.w330 {
  width: 330px !important;
}

.w660 {
  width: 660px !important;
}

.h660 {
  height: 660px !important;
}

.w335 {
  width: 335px !important;
}

.w670 {
  width: 670px !important;
}

.h670 {
  height: 670px !important;
}

.w340 {
  width: 340px !important;
}

.w680 {
  width: 680px !important;
}

.h680 {
  height: 680px !important;
}

.w345 {
  width: 345px !important;
}

.w690 {
  width: 690px !important;
}

.h690 {
  height: 690px !important;
}

.w350 {
  width: 350px !important;
}

.w700 {
  width: 700px !important;
}

.h700 {
  height: 700px !important;
}

.w355 {
  width: 355px !important;
}

.w710 {
  width: 710px !important;
}

.h710 {
  height: 710px !important;
}

.w360 {
  width: 360px !important;
}

.w720 {
  width: 720px !important;
}

.h720 {
  height: 720px !important;
}

.w365 {
  width: 365px !important;
}

.w730 {
  width: 730px !important;
}

.h730 {
  height: 730px !important;
}

.w370 {
  width: 370px !important;
}

.w740 {
  width: 740px !important;
}

.h740 {
  height: 740px !important;
}

.w375 {
  width: 375px !important;
}

.w750 {
  width: 750px !important;
}

.h750 {
  height: 750px !important;
}

.w380 {
  width: 380px !important;
}

.w760 {
  width: 760px !important;
}

.h760 {
  height: 760px !important;
}

.w385 {
  width: 385px !important;
}

.w770 {
  width: 770px !important;
}

.h770 {
  height: 770px !important;
}

.w390 {
  width: 390px !important;
}

.w780 {
  width: 780px !important;
}

.h780 {
  height: 780px !important;
}

.w395 {
  width: 395px !important;
}

.w790 {
  width: 790px !important;
}

.h790 {
  height: 790px !important;
}

.w400 {
  width: 400px !important;
}

.w800 {
  width: 800px !important;
}

.h800 {
  height: 800px !important;
}

.w405 {
  width: 405px !important;
}

.w810 {
  width: 810px !important;
}

.h810 {
  height: 810px !important;
}

.w410 {
  width: 410px !important;
}

.w820 {
  width: 820px !important;
}

.h820 {
  height: 820px !important;
}

.w415 {
  width: 415px !important;
}

.w830 {
  width: 830px !important;
}

.h830 {
  height: 830px !important;
}

.w420 {
  width: 420px !important;
}

.w840 {
  width: 840px !important;
}

.h840 {
  height: 840px !important;
}

.w425 {
  width: 425px !important;
}

.w850 {
  width: 850px !important;
}

.h850 {
  height: 850px !important;
}

.w430 {
  width: 430px !important;
}

.w860 {
  width: 860px !important;
}

.h860 {
  height: 860px !important;
}

.w435 {
  width: 435px !important;
}

.w870 {
  width: 870px !important;
}

.h870 {
  height: 870px !important;
}

.w440 {
  width: 440px !important;
}

.w880 {
  width: 880px !important;
}

.h880 {
  height: 880px !important;
}

.w445 {
  width: 445px !important;
}

.w890 {
  width: 890px !important;
}

.h890 {
  height: 890px !important;
}

.w450 {
  width: 450px !important;
}

.w900 {
  width: 900px !important;
}

.h900 {
  height: 900px !important;
}

.w455 {
  width: 455px !important;
}

.w910 {
  width: 910px !important;
}

.h910 {
  height: 910px !important;
}

.w460 {
  width: 460px !important;
}

.w920 {
  width: 920px !important;
}

.h920 {
  height: 920px !important;
}

.w465 {
  width: 465px !important;
}

.w930 {
  width: 930px !important;
}

.h930 {
  height: 930px !important;
}

.w470 {
  width: 470px !important;
}

.w940 {
  width: 940px !important;
}

.h940 {
  height: 940px !important;
}

.w475 {
  width: 475px !important;
}

.w950 {
  width: 950px !important;
}

.h950 {
  height: 950px !important;
}

.w480 {
  width: 480px !important;
}

.w960 {
  width: 960px !important;
}

.h960 {
  height: 960px !important;
}

.w485 {
  width: 485px !important;
}

.w970 {
  width: 970px !important;
}

.h970 {
  height: 970px !important;
}

.w490 {
  width: 490px !important;
}

.w980 {
  width: 980px !important;
}

.h980 {
  height: 980px !important;
}

.w495 {
  width: 495px !important;
}

.w990 {
  width: 990px !important;
}

.h990 {
  height: 990px !important;
}

.w500 {
  width: 500px !important;
}

.w1000 {
  width: 1000px !important;
}

.h1000 {
  height: 1000px !important;
}

.w505 {
  width: 505px !important;
}

.w1010 {
  width: 1010px !important;
}

.h1010 {
  height: 1010px !important;
}

.w510 {
  width: 510px !important;
}

.w1020 {
  width: 1020px !important;
}

.h1020 {
  height: 1020px !important;
}

.w515 {
  width: 515px !important;
}

.w1030 {
  width: 1030px !important;
}

.h1030 {
  height: 1030px !important;
}

.w520 {
  width: 520px !important;
}

.w1040 {
  width: 1040px !important;
}

.h1040 {
  height: 1040px !important;
}

.w525 {
  width: 525px !important;
}

.w1050 {
  width: 1050px !important;
}

.h1050 {
  height: 1050px !important;
}

.w530 {
  width: 530px !important;
}

.w1060 {
  width: 1060px !important;
}

.h1060 {
  height: 1060px !important;
}

.w535 {
  width: 535px !important;
}

.w1070 {
  width: 1070px !important;
}

.h1070 {
  height: 1070px !important;
}

.w540 {
  width: 540px !important;
}

.w1080 {
  width: 1080px !important;
}

.h1080 {
  height: 1080px !important;
}

.w545 {
  width: 545px !important;
}

.w1090 {
  width: 1090px !important;
}

.h1090 {
  height: 1090px !important;
}

.w550 {
  width: 550px !important;
}

.w1100 {
  width: 1100px !important;
}

.h1100 {
  height: 1100px !important;
}

.w555 {
  width: 555px !important;
}

.w1110 {
  width: 1110px !important;
}

.h1110 {
  height: 1110px !important;
}

.w560 {
  width: 560px !important;
}

.w1120 {
  width: 1120px !important;
}

.h1120 {
  height: 1120px !important;
}

.w565 {
  width: 565px !important;
}

.w1130 {
  width: 1130px !important;
}

.h1130 {
  height: 1130px !important;
}

.w570 {
  width: 570px !important;
}

.w1140 {
  width: 1140px !important;
}

.h1140 {
  height: 1140px !important;
}

.w575 {
  width: 575px !important;
}

.w1150 {
  width: 1150px !important;
}

.h1150 {
  height: 1150px !important;
}

.w580 {
  width: 580px !important;
}

.w1160 {
  width: 1160px !important;
}

.h1160 {
  height: 1160px !important;
}

.w585 {
  width: 585px !important;
}

.w1170 {
  width: 1170px !important;
}

.h1170 {
  height: 1170px !important;
}

.w590 {
  width: 590px !important;
}

.w1180 {
  width: 1180px !important;
}

.h1180 {
  height: 1180px !important;
}

.w595 {
  width: 595px !important;
}

.w1190 {
  width: 1190px !important;
}

.h1190 {
  height: 1190px !important;
}

.w600 {
  width: 600px !important;
}

.w1200 {
  width: 1200px !important;
}

.h1200 {
  height: 1200px !important;
}

.w605 {
  width: 605px !important;
}

.w1210 {
  width: 1210px !important;
}

.h1210 {
  height: 1210px !important;
}

.w610 {
  width: 610px !important;
}

.w1220 {
  width: 1220px !important;
}

.h1220 {
  height: 1220px !important;
}

.w615 {
  width: 615px !important;
}

.w1230 {
  width: 1230px !important;
}

.h1230 {
  height: 1230px !important;
}

.w620 {
  width: 620px !important;
}

.w1240 {
  width: 1240px !important;
}

.h1240 {
  height: 1240px !important;
}

.w625 {
  width: 625px !important;
}

.w1250 {
  width: 1250px !important;
}

.h1250 {
  height: 1250px !important;
}

.w630 {
  width: 630px !important;
}

.w1260 {
  width: 1260px !important;
}

.h1260 {
  height: 1260px !important;
}

.w635 {
  width: 635px !important;
}

.w1270 {
  width: 1270px !important;
}

.h1270 {
  height: 1270px !important;
}

.w640 {
  width: 640px !important;
}

.w1280 {
  width: 1280px !important;
}

.h1280 {
  height: 1280px !important;
}

.w645 {
  width: 645px !important;
}

.w1290 {
  width: 1290px !important;
}

.h1290 {
  height: 1290px !important;
}

.w650 {
  width: 650px !important;
}

.w1300 {
  width: 1300px !important;
}

.h1300 {
  height: 1300px !important;
}

.w655 {
  width: 655px !important;
}

.w1310 {
  width: 1310px !important;
}

.h1310 {
  height: 1310px !important;
}

.w660 {
  width: 660px !important;
}

.w1320 {
  width: 1320px !important;
}

.h1320 {
  height: 1320px !important;
}

.w665 {
  width: 665px !important;
}

.w1330 {
  width: 1330px !important;
}

.h1330 {
  height: 1330px !important;
}

.w670 {
  width: 670px !important;
}

.w1340 {
  width: 1340px !important;
}

.h1340 {
  height: 1340px !important;
}

.w675 {
  width: 675px !important;
}

.w1350 {
  width: 1350px !important;
}

.h1350 {
  height: 1350px !important;
}

.w680 {
  width: 680px !important;
}

.w1360 {
  width: 1360px !important;
}

.h1360 {
  height: 1360px !important;
}

.w685 {
  width: 685px !important;
}

.w1370 {
  width: 1370px !important;
}

.h1370 {
  height: 1370px !important;
}

.w690 {
  width: 690px !important;
}

.w1380 {
  width: 1380px !important;
}

.h1380 {
  height: 1380px !important;
}

.w695 {
  width: 695px !important;
}

.w1390 {
  width: 1390px !important;
}

.h1390 {
  height: 1390px !important;
}

.w700 {
  width: 700px !important;
}

.w1400 {
  width: 1400px !important;
}

.h1400 {
  height: 1400px !important;
}

.w705 {
  width: 705px !important;
}

.w1410 {
  width: 1410px !important;
}

.h1410 {
  height: 1410px !important;
}

.w710 {
  width: 710px !important;
}

.w1420 {
  width: 1420px !important;
}

.h1420 {
  height: 1420px !important;
}

.w715 {
  width: 715px !important;
}

.w1430 {
  width: 1430px !important;
}

.h1430 {
  height: 1430px !important;
}

.w720 {
  width: 720px !important;
}

.w1440 {
  width: 1440px !important;
}

.h1440 {
  height: 1440px !important;
}

.w725 {
  width: 725px !important;
}

.w1450 {
  width: 1450px !important;
}

.h1450 {
  height: 1450px !important;
}

.w730 {
  width: 730px !important;
}

.w1460 {
  width: 1460px !important;
}

.h1460 {
  height: 1460px !important;
}

.w735 {
  width: 735px !important;
}

.w1470 {
  width: 1470px !important;
}

.h1470 {
  height: 1470px !important;
}

.w740 {
  width: 740px !important;
}

.w1480 {
  width: 1480px !important;
}

.h1480 {
  height: 1480px !important;
}

.w745 {
  width: 745px !important;
}

.w1490 {
  width: 1490px !important;
}

.h1490 {
  height: 1490px !important;
}

.w750 {
  width: 750px !important;
}

.w1500 {
  width: 1500px !important;
}

.h1500 {
  height: 1500px !important;
}

.w755 {
  width: 755px !important;
}

.w1510 {
  width: 1510px !important;
}

.h1510 {
  height: 1510px !important;
}

.w760 {
  width: 760px !important;
}

.w1520 {
  width: 1520px !important;
}

.h1520 {
  height: 1520px !important;
}

.w765 {
  width: 765px !important;
}

.w1530 {
  width: 1530px !important;
}

.h1530 {
  height: 1530px !important;
}

.w770 {
  width: 770px !important;
}

.w1540 {
  width: 1540px !important;
}

.h1540 {
  height: 1540px !important;
}

.w775 {
  width: 775px !important;
}

.w1550 {
  width: 1550px !important;
}

.h1550 {
  height: 1550px !important;
}

.w780 {
  width: 780px !important;
}

.w1560 {
  width: 1560px !important;
}

.h1560 {
  height: 1560px !important;
}

.w785 {
  width: 785px !important;
}

.w1570 {
  width: 1570px !important;
}

.h1570 {
  height: 1570px !important;
}

.w790 {
  width: 790px !important;
}

.w1580 {
  width: 1580px !important;
}

.h1580 {
  height: 1580px !important;
}

.w795 {
  width: 795px !important;
}

.w1590 {
  width: 1590px !important;
}

.h1590 {
  height: 1590px !important;
}

.w800 {
  width: 800px !important;
}

.w1600 {
  width: 1600px !important;
}

.h1600 {
  height: 1600px !important;
}

.w805 {
  width: 805px !important;
}

.w1610 {
  width: 1610px !important;
}

.h1610 {
  height: 1610px !important;
}

.w810 {
  width: 810px !important;
}

.w1620 {
  width: 1620px !important;
}

.h1620 {
  height: 1620px !important;
}

.w815 {
  width: 815px !important;
}

.w1630 {
  width: 1630px !important;
}

.h1630 {
  height: 1630px !important;
}

.w820 {
  width: 820px !important;
}

.w1640 {
  width: 1640px !important;
}

.h1640 {
  height: 1640px !important;
}

.w825 {
  width: 825px !important;
}

.w1650 {
  width: 1650px !important;
}

.h1650 {
  height: 1650px !important;
}

.w830 {
  width: 830px !important;
}

.w1660 {
  width: 1660px !important;
}

.h1660 {
  height: 1660px !important;
}

.w835 {
  width: 835px !important;
}

.w1670 {
  width: 1670px !important;
}

.h1670 {
  height: 1670px !important;
}

.w840 {
  width: 840px !important;
}

.w1680 {
  width: 1680px !important;
}

.h1680 {
  height: 1680px !important;
}

.w845 {
  width: 845px !important;
}

.w1690 {
  width: 1690px !important;
}

.h1690 {
  height: 1690px !important;
}

.w850 {
  width: 850px !important;
}

.w1700 {
  width: 1700px !important;
}

.h1700 {
  height: 1700px !important;
}

.w855 {
  width: 855px !important;
}

.w1710 {
  width: 1710px !important;
}

.h1710 {
  height: 1710px !important;
}

.w860 {
  width: 860px !important;
}

.w1720 {
  width: 1720px !important;
}

.h1720 {
  height: 1720px !important;
}

.w865 {
  width: 865px !important;
}

.w1730 {
  width: 1730px !important;
}

.h1730 {
  height: 1730px !important;
}

.w870 {
  width: 870px !important;
}

.w1740 {
  width: 1740px !important;
}

.h1740 {
  height: 1740px !important;
}

.w875 {
  width: 875px !important;
}

.w1750 {
  width: 1750px !important;
}

.h1750 {
  height: 1750px !important;
}

.w880 {
  width: 880px !important;
}

.w1760 {
  width: 1760px !important;
}

.h1760 {
  height: 1760px !important;
}

.w885 {
  width: 885px !important;
}

.w1770 {
  width: 1770px !important;
}

.h1770 {
  height: 1770px !important;
}

.w890 {
  width: 890px !important;
}

.w1780 {
  width: 1780px !important;
}

.h1780 {
  height: 1780px !important;
}

.w895 {
  width: 895px !important;
}

.w1790 {
  width: 1790px !important;
}

.h1790 {
  height: 1790px !important;
}

.w900 {
  width: 900px !important;
}

.w1800 {
  width: 1800px !important;
}

.h1800 {
  height: 1800px !important;
}

.w905 {
  width: 905px !important;
}

.w1810 {
  width: 1810px !important;
}

.h1810 {
  height: 1810px !important;
}

.w910 {
  width: 910px !important;
}

.w1820 {
  width: 1820px !important;
}

.h1820 {
  height: 1820px !important;
}

.w915 {
  width: 915px !important;
}

.w1830 {
  width: 1830px !important;
}

.h1830 {
  height: 1830px !important;
}

.w920 {
  width: 920px !important;
}

.w1840 {
  width: 1840px !important;
}

.h1840 {
  height: 1840px !important;
}

.w925 {
  width: 925px !important;
}

.w1850 {
  width: 1850px !important;
}

.h1850 {
  height: 1850px !important;
}

.w930 {
  width: 930px !important;
}

.w1860 {
  width: 1860px !important;
}

.h1860 {
  height: 1860px !important;
}

.w935 {
  width: 935px !important;
}

.w1870 {
  width: 1870px !important;
}

.h1870 {
  height: 1870px !important;
}

.w940 {
  width: 940px !important;
}

.w1880 {
  width: 1880px !important;
}

.h1880 {
  height: 1880px !important;
}

.w945 {
  width: 945px !important;
}

.w1890 {
  width: 1890px !important;
}

.h1890 {
  height: 1890px !important;
}

.w950 {
  width: 950px !important;
}

.w1900 {
  width: 1900px !important;
}

.h1900 {
  height: 1900px !important;
}

.w955 {
  width: 955px !important;
}

.w1910 {
  width: 1910px !important;
}

.h1910 {
  height: 1910px !important;
}

.w960 {
  width: 960px !important;
}

.w1920 {
  width: 1920px !important;
}

.h1920 {
  height: 1920px !important;
}

.w965 {
  width: 965px !important;
}

.w1930 {
  width: 1930px !important;
}

.h1930 {
  height: 1930px !important;
}

.w970 {
  width: 970px !important;
}

.w1940 {
  width: 1940px !important;
}

.h1940 {
  height: 1940px !important;
}

.w975 {
  width: 975px !important;
}

.w1950 {
  width: 1950px !important;
}

.h1950 {
  height: 1950px !important;
}

.w980 {
  width: 980px !important;
}

.w1960 {
  width: 1960px !important;
}

.h1960 {
  height: 1960px !important;
}

.w985 {
  width: 985px !important;
}

.w1970 {
  width: 1970px !important;
}

.h1970 {
  height: 1970px !important;
}

.w990 {
  width: 990px !important;
}

.w1980 {
  width: 1980px !important;
}

.h1980 {
  height: 1980px !important;
}

.w995 {
  width: 995px !important;
}

.w1990 {
  width: 1990px !important;
}

.h1990 {
  height: 1990px !important;
}

.w1000 {
  width: 1000px !important;
}

.w2000 {
  width: 2000px !important;
}

.h2000 {
  height: 2000px !important;
}

.w10p {
  width: 10% !important;
}

.w51p {
  width: 51% !important;
}

.w20p {
  width: 20% !important;
}

.w52p {
  width: 52% !important;
}

.w30p {
  width: 30% !important;
}

.w53p {
  width: 53% !important;
}

.w40p {
  width: 40% !important;
}

.w54p {
  width: 54% !important;
}

.w50p {
  width: 50% !important;
}

.w55p {
  width: 55% !important;
}

.w60p {
  width: 60% !important;
}

.w56p {
  width: 56% !important;
}

.w70p {
  width: 70% !important;
}

.w57p {
  width: 57% !important;
}

.w80p {
  width: 80% !important;
}

.w58p {
  width: 58% !important;
}

.w90p {
  width: 90% !important;
}

.w59p {
  width: 59% !important;
}

.w100p {
  width: 100% !important;
}

.w60p {
  width: 60% !important;
}

.cmgt-0 {
  margin-top: 0 !important;
}

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

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

.cmgt-12 {
  margin-top: 12px !important;
}

.cmgt-16 {
  margin-top: 16px !important;
}

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

.cmgt-24 {
  margin-top: 24px !important;
}

.cmgt-28 {
  margin-top: 28px !important;
}

.cmgt-32 {
  margin-top: 32px !important;
}

.cmgt-48 {
  margin-top: 48px !important;
}

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

html {
  font-size: 10px;
}

body {
  background-color: #fff;
  font-family: "Pretendard", "APPLE SD Gothic NEO", -apple-system, system-ui, "Helvetica Neue", "Dotum", "돋움", "Roboto", sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
  color: #222;
  word-break: break-all;
}
body.has-lnb-hidden .main-area {
  min-height: calc(100% - 530px);
}
body.has-lnb-hidden .section-area-grid {
  width: 100%;
}
body.has-payment .lnb {
  display: none !important;
}
body.has-payment .header-area .header-area-grid {
  position: relative;
  max-width: 1040px;
  height: 80px;
  padding: 21px 0;
}
body.has-payment .header-area .header-area-grid .header-logo {
  top: 21px;
  width: 90px;
  height: 38px;
  font-size: 0;
}
body.has-payment .header-area .header-area-grid .header-logo img {
  width: 100%;
  vertical-align: top;
}
body.has-payment .header-area .header-area-grid .header-nav {
  height: auto;
  padding: 0;
}
body.has-payment .header-area .header-area-grid .header-nav .gnb-util {
  margin-top: 5px;
}
body.has-payment .header-area .header-area-grid .header-nav .gnb-util::before {
  display: none;
}
body.has-payment .header-area .header-area-grid .header-nav .util-payment {
  padding: 5px 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #222;
}
body.has-payment .main-area {
  min-height: calc(100% - 530px);
}
body.has-payment .section-area-grid {
  width: 100%;
}
body .main-area.has-sticky-aside {
  min-height: auto;
}

.body-area {
  min-width: 130rem;
  width: 100%;
  height: 100%;
}

.main-area {
  width: 100%;
  min-height: calc(100% - 20rem);
}

.main-area.gray-bg {
  min-height: 0;
}
.main-area.gray-bg .section-area {
  width: 100%;
  padding: 0 0 12rem;
}
.main-area.gray-bg .section-area .section-area-grid-full .wrapper {
  width: 130rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem;
  position: relative;
}
.main-area.gray-bg .main-all-menu-area {
  padding-bottom: 9rem;
}

.section-area {
  width: 130rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6.4rem 2rem 12rem 2rem;
  position: relative;
}
.section-area .section-area-grid {
  width: 102.2rem;
}
.section-area .section-area-grid.section-area-grid-full {
  width: 100%;
}
.section-area .section-area-grid.w1020 {
  width: 102rem;
  margin: 0 auto;
}

.lnb {
  width: 23.8rem;
  font-weight: 700;
  font-size: 1.8rem;
  text-align: left;
}
.lnb .lnb-title {
  margin-bottom: 28px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 28px;
}
.lnb .lnb-list li + li {
  margin-top: 16px;
}
.lnb .lnb-list a.active {
  color: #ff5d16;
}
.lnb .lnb-list a.active span + span::before {
  background: #ff5d16;
}
.lnb .lnb-list a {
  display: inline-block;
}
.lnb .lnb-list a span {
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.lnb .lnb-list a span + span::before {
  content: "";
  width: 0.1rem;
  height: 1.6rem;
  margin: 0 1rem;
  display: inline-block;
  background: #000;
  vertical-align: middle;
  margin-top: -0.3rem;
}
.lnb .lnb-btn {
  margin-top: 4.5rem;
}
.lnb .lnb-btn .ad-btn {
  position: relative;
  display: block;
  width: 17rem;
  height: 4rem;
  padding: 0 1.6rem 0 1.25rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 4rem;
  font-size: 1.4rem;
  text-align: left;
  font-weight: 700;
  letter-spacing: -0.03em;
  font-family: inherit;
  background-color: #f8f8f8;
}
.lnb .lnb-btn .ad-btn ~ .ad-btn {
  margin-top: 8px;
}
.lnb .lnb-btn .ad-btn span:before {
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.86rem;
  display: inline-block;
  vertical-align: -2px;
}
.lnb .lnb-btn .ad-btn.add span:before {
  background-image: url("/UIDev/v3/images/icon/icon-lnb-add.svg");
}
.lnb .lnb-btn .ad-btn.setting span:before {
  background-image: url("/UIDev/v3/images/icon/icon-lnb-setting.svg");
}
.lnb .lnb-btn .ad-btn.premium span:before {
  background-image: url("/UIDev/v3/images/icon/icon-lnb-premium.svg");
}
.lnb .lnb-btn .ad-btn.delivery span:before {
  background-image: url("/UIDev/v3/images/icon/icon-lnb-delivery.svg");
}
.lnb .lnb-add-btn {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.lnb .lnb-add-btn .btn-new {
  width: 166px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
}
.lnb .lnb-add-btn .btn-new ~ .btn-new {
  margin-left: 0;
}

.section-area-grid .title-area {
  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;
}
.section-area-grid .title-area .title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 2.4rem;
}
.section-area-grid .title-area .title span {
  margin-right: 0.4rem;
}
.section-area-grid .title-area .title strong {
  color: #ff5d16;
  margin-right: 0.4rem;
}
.section-area-grid .title-area .title.type-small, .section-area-grid .title-area .title.small {
  font-size: 1.8rem;
}
.section-area-grid .title-area .btn-type03 {
  display: block;
}
.section-area-grid .title-area .new-txt-simple-link,
.section-area-grid .title-area .new-txt-simple-link--ty2 {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.section-area-grid .title-area .txt-simple-link {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  font-weight: 300;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.section-area-grid .title-area .txt-simple-link + .txt-simple-link {
  margin-left: 10px;
}

.section-area-grid .btn-area {
  padding-top: 60px;
  text-align: center;
}

.car-search-area {
  margin-top: 2rem;
  background: #faf9f8;
  padding: 3rem 4rem;
  border-radius: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.car-search-area .car-search-area-option-box {
  width: 38.7rem;
  margin-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.car-search-area .car-search-area-option-box:nth-child(2) .tit {
  width: 6rem;
}
.car-search-area .car-search-area-option-box:nth-child(1), .car-search-area .car-search-area-option-box:nth-child(2) {
  margin-bottom: 2rem;
}
.car-search-area .car-search-area-option-box.full {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
}
.car-search-area .car-search-area-option-box.full .input-date {
  width: 12.8rem;
}
.car-search-area .car-search-area-option-box.full .input-date + span {
  margin: 0 8px;
}
.car-search-area .car-search-area-option-box.full .btn-type01 {
  margin-left: 3.6rem;
  width: 12.3rem;
}
.car-search-area .car-search-area-option-box .form-radio + .form-radio {
  margin-left: 2rem;
}
.car-search-area .car-search-area-option-box .btn-area {
  margin-right: 3.4rem;
  margin-left: 3.4rem;
  padding: 0;
}
.car-search-area .car-search-area-option-box .btn-area button {
  width: 6.6rem;
  height: 4rem;
  border: solid 1px #e9e9e9;
  border-radius: 0.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  text-align: center;
  font-size: 1.3rem;
  background: #fff;
  font-weight: 700;
}
.car-search-area .car-search-area-option-box .btn-area button.on {
  border-color: #ff5d16;
  color: #ff5d16;
}
.car-search-area .car-search-area-option-box .form-radio input[type=radio] + label {
  background-color: transparent;
}
.car-search-area .car-search-area-option-box .tit {
  min-width: 4.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  margin-right: 2rem;
  margin-bottom: -2px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.car-search-area .car-search-area-option-box .con {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.car-search-area .car-search-area-option-box .con .select2,
.car-search-area .car-search-area-option-box .con input {
  width: 27.3rem !important;
}
.car-search-area .car-search-area-option-box .con .input-date {
  width: 12.7rem;
}
.car-search-area .car-search-area-option-box .con .input-date > input {
  width: 100%;
}
.car-search-area .car-search-area-option-box .con .btn-type01 {
  margin-left: 8rem;
  width: 12.3rem;
}
.car-search-area .car-search-area-option-box .con .btn-reset {
  margin-left: 8rem;
  width: 12.3rem;
  font-size: 1.3rem;
  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;
}
.car-search-area .car-search-area-option-box span:not([class]) {
  display: inline-block;
  min-width: 11px;
}
.car-search-area .car-search-area-option-box .btn-new {
  border-radius: 2px;
}
.car-search-area .box-checkbox {
  margin-top: 28px;
  line-height: 1;
  letter-spacing: -0.45px;
}
.car-search-area .box-checkbox .form-chk label {
  font-size: 15px;
  font-weight: 700;
}
.car-search-area .box-checkbox .form-chk label::before {
  margin-top: 2px;
}
.car-search-area.type-two-column, .car-search-area.type-half-column, .car-search-area.type-three-column {
  background-color: #f8f8f8;
}
.car-search-area.type-two-column .car-search-area-option-box, .car-search-area.type-half-column .car-search-area-option-box, .car-search-area.type-three-column .car-search-area-option-box {
  width: auto;
  height: 40px;
  margin: 0;
}
.car-search-area.type-two-column .car-search-area-option-box:nth-child(2n-1), .car-search-area.type-half-column .car-search-area-option-box:nth-child(2n-1), .car-search-area.type-three-column .car-search-area-option-box:nth-child(2n-1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 38%;
          flex: 0 0 38%;
}
.car-search-area.type-two-column .car-search-area-option-box:nth-child(2n), .car-search-area.type-half-column .car-search-area-option-box:nth-child(2n), .car-search-area.type-three-column .car-search-area-option-box:nth-child(2n) {
  padding-left: 64px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62%;
          flex: 0 0 62%;
}
.car-search-area.type-two-column .car-search-area-option-box:nth-child(2n) .tit, .car-search-area.type-half-column .car-search-area-option-box:nth-child(2n) .tit, .car-search-area.type-three-column .car-search-area-option-box:nth-child(2n) .tit {
  width: auto;
}
.car-search-area.type-two-column .car-search-area-option-box:nth-child(n+3), .car-search-area.type-half-column .car-search-area-option-box:nth-child(n+3), .car-search-area.type-three-column .car-search-area-option-box:nth-child(n+3) {
  margin-top: 20px;
}
.car-search-area.type-two-column .car-search-area-option-box .tit, .car-search-area.type-half-column .car-search-area-option-box .tit, .car-search-area.type-three-column .car-search-area-option-box .tit {
  min-width: initial;
  margin-right: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62px;
          flex: 0 0 62px;
}
.car-search-area.type-two-column .car-search-area-option-box .con, .car-search-area.type-half-column .car-search-area-option-box .con, .car-search-area.type-three-column .car-search-area-option-box .con {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
}
.car-search-area.type-two-column .car-search-area-option-box .con.d-flex, .car-search-area.type-half-column .car-search-area-option-box .con.d-flex, .car-search-area.type-three-column .car-search-area-option-box .con.d-flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.car-search-area.type-two-column .car-search-area-option-box .con.d-flex.gap16, .car-search-area.type-half-column .car-search-area-option-box .con.d-flex.gap16, .car-search-area.type-three-column .car-search-area-option-box .con.d-flex.gap16 {
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
.car-search-area.type-two-column .car-search-area-option-box .con .select2, .car-search-area.type-half-column .car-search-area-option-box .con .select2, .car-search-area.type-three-column .car-search-area-option-box .con .select2 {
  width: 100% !important;
}
.car-search-area.type-two-column .car-search-area-option-box .con .select2 .select2-selection--single, .car-search-area.type-half-column .car-search-area-option-box .con .select2 .select2-selection--single, .car-search-area.type-three-column .car-search-area-option-box .con .select2 .select2-selection--single {
  border: solid 0.1rem #ddd;
}
.car-search-area.type-two-column .car-search-area-option-box .con .btn-reset, .car-search-area.type-half-column .car-search-area-option-box .con .btn-reset, .car-search-area.type-three-column .car-search-area-option-box .con .btn-reset {
  margin-left: 72px;
}
.car-search-area.type-two-column .car-search-area-option-box .con input, .car-search-area.type-half-column .car-search-area-option-box .con input, .car-search-area.type-three-column .car-search-area-option-box .con input {
  width: 100% !important;
}
.car-search-area.type-two-column .car-search-area-option-box .con .btn-black, .car-search-area.type-half-column .car-search-area-option-box .con .btn-black, .car-search-area.type-three-column .car-search-area-option-box .con .btn-black {
  margin-left: 72px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 123px;
          flex: 0 0 123px;
}
.car-search-area.type-two-column .car-search-area-option-box .con .carnum-input, .car-search-area.type-half-column .car-search-area-option-box .con .carnum-input, .car-search-area.type-three-column .car-search-area-option-box .con .carnum-input {
  border: 1px solid #ddd;
}
.car-search-area.type-two-column .car-search-area-option-box .con .input-date, .car-search-area.type-half-column .car-search-area-option-box .con .input-date, .car-search-area.type-three-column .car-search-area-option-box .con .input-date {
  width: 100%;
  border: 1px solid #ddd;
}
.car-search-area.type-two-column .car-search-area-option-box .con .wave, .car-search-area.type-half-column .car-search-area-option-box .con .wave, .car-search-area.type-three-column .car-search-area-option-box .con .wave {
  margin: 0 9px;
  color: #888;
}
.car-search-area.type-two-column .car-search-area-option-box.f-auto, .car-search-area.type-half-column .car-search-area-option-box.f-auto, .car-search-area.type-three-column .car-search-area-option-box.f-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.car-search-area.type-flex-right .car-search-area-option-box:nth-child(2n) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: auto;
}
.car-search-area.type-flex-right .car-search-area-option-box .btn-new {
  margin-left: 8px;
}
.car-search-area.type-three-column .car-search-area-option-box:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 34.5%;
          flex: 0 0 34.5%;
}
.car-search-area.type-three-column .car-search-area-option-box:nth-child(2n) {
  margin-left: 3.9rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 34%;
          flex: 0 0 34%;
}
.car-search-area.type-three-column .car-search-area-option-box:nth-child(2n) .tit {
  width: auto;
}
.car-search-area.type-three-column .car-search-area-option-box:nth-child(n+3) {
  margin-top: 0;
  margin-left: 4.4rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 21%;
          flex: 0 0 21%;
}
.car-search-area.type-three-column .car-search-area-option-box:nth-child(n+3) button {
  width: 10.2rem;
}
.car-search-area.type-half-column .car-search-area-option-box:nth-child(2n-1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.car-search-area.type-half-column .car-search-area-option-box:nth-child(2n) {
  padding-left: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.car-search-area.type-half-column .car-search-area-option-box.btn-area {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 12px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.car-search-area.type-half-column .car-search-area-option-box .tit {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 16px;
}
.car-search-area.type-half-column .car-search-area-option-box .wave {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.car-search-area.type-half-column .car-search-area-option-box .btn-new {
  border-radius: 4px;
  min-width: auto;
  margin-left: 0;
}
.car-search-area.type-two-column--ty2 .car-search-area-option-box:nth-child(2n) {
  padding-left: 24px;
}
.car-search-area.type-two-column--ty2 .car-search-area-option-box .tit {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49px;
          flex: 0 0 49px;
  margin-right: 16px;
}
.car-search-area.type-two-column--ty2 .car-search-area-option-box .con .btn-black {
  margin-left: 29px;
}
.car-search-area.type-two-column--ty2 .car-search-area-option-box .con .carnum-input {
  width: 127px !important;
}

.car-search-result-area {
  margin-top: 4rem;
}

.car-search-result-mode-area {
  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;
}
.car-search-result-mode-area.justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.car-search-result-mode-area:first-child .mode-area {
  margin-left: 0;
}
.car-search-result-mode-area.has-no-search-gap {
  margin-top: 38px;
}
.car-search-result-mode-area .car-search-result-mode-area-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.car-search-result-mode-area .car-search-result-mode-area-box.has-single-select {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}
.car-search-result-mode-area .car-search-result-mode-area-box.has-single-select .select2 {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.car-search-result-mode-area .car-search-result-mode-area-box .form-chk {
  margin-top: 0.1rem;
}
.car-search-result-mode-area .car-search-result-mode-area-box .form-chk + .total-num {
  margin-left: 1.4rem;
}
.car-search-result-mode-area .car-search-result-mode-area-box .total-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0 1.6rem 0 0;
}
.car-search-result-mode-area .car-search-result-mode-area-box .total-num strong {
  margin-left: 8px;
  margin-right: 2px;
  font-size: 1.6rem;
  font-size: 2rem;
  line-height: 2rem;
  color: #ff5d16;
}
.car-search-result-mode-area .car-search-result-mode-area-box .drop-down-box .selection .select2-selection .select2-selection__rendered {
  line-height: 34px;
  color: #222;
}
.car-search-result-mode-area .car-search-result-mode-area-box .drop-down-box .select2-selection--single .select2-selection__arrow {
  height: 22px;
}
.car-search-result-mode-area .car-search-result-mode-area-box .select2 ~ .select2 {
  margin-left: 2rem;
}
.car-search-result-mode-area .mode-area {
  margin-left: 1rem;
  background: #faf9f8;
  padding: 0.5rem;
  border-radius: 0.6rem;
}
.car-search-result-mode-area .mode-area .tab-item {
  overflow-x: visible;
}
.car-search-result-mode-area .mode-area .tab-item > ul,
.car-search-result-mode-area .mode-area > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.car-search-result-mode-area .mode-area .tab-item > ul > li,
.car-search-result-mode-area .mode-area > ul > li {
  background: none;
  border: none;
  position: initial;
}
.car-search-result-mode-area .mode-area .tab-item > ul > li.on::before,
.car-search-result-mode-area .mode-area .tab-item > ul > li.on::after {
  display: none;
}
.car-search-result-mode-area .mode-area .tab-item > ul > li + li {
  margin-left: 0;
}
.car-search-result-mode-area .mode-area .tab-item > ul > li a,
.car-search-result-mode-area .mode-area > ul > li a {
  width: 10.1rem;
  display: block;
  color: #999999;
  font-size: 1.2rem;
  height: 3.3rem;
  line-height: 3.3rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: -3%;
}
.car-search-result-mode-area .mode-area .tab-item > ul > li.on a,
.car-search-result-mode-area .mode-area > ul > li a.active {
  background: #fff;
  -webkit-box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.0588235294);
  box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.0588235294);
  border-radius: 0.4rem;
  color: #ff5d16;
}

.car-search-result-table {
  position: relative;
  margin-top: 16px;
}
.car-search-result-table.ty-search {
  margin-top: 1rem;
}
.car-search-result-table.ty-search .tag span {
  background: #faede1 !important;
  color: #ff5d16;
}
.car-search-result-table.ty-search .car-name {
  font-size: 1.6rem !important;
}
.car-search-result-table .car-btn-area {
  position: absolute;
  bottom: -6px;
  left: 0;
}
.car-search-result-table.type-sm {
  margin-top: 0;
}
.car-search-result-table.type-sm .car-info .car-info-detail .car-name {
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 700;
}
.car-search-result-table.type-sm .car-info .car-info-detail .car-etc span {
  font-size: 1.3rem;
  color: #757575;
  line-height: 1.3rem;
  font-weight: 500;
}
.car-search-result-table.type-sm .car-info .car-info-detail .price {
  padding-top: 0.7rem;
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-weight: 700;
}
.car-search-result-table.type-sm .car-info .car-info-detail .price strong {
  color: #ff5d16;
  font-weight: 900;
  font-size: 1.6rem;
  line-height: 1.6rem;
}
.car-search-result-table table {
  width: 100%;
  border-bottom: solid 0.1rem #dddddd;
}
.car-search-result-table table th {
  padding: 1.5rem 0.4rem;
  border-top: 0.1rem solid #dddddd;
  color: #757575;
  font-size: 1.3rem;
}
.car-search-result-table table td {
  vertical-align: middle;
  text-align: center;
  padding: 2rem 0;
  border-top: solid 0.1rem #dddddd;
}
.car-search-result-table table td.tal {
  padding-left: 2rem;
}
.car-search-result-table table td.pl-xs {
  padding-left: 8px;
}
.car-search-result-table table td .btn-type02 {
  cursor: default;
  pointer-events: none;
}
.car-search-result-table table td .btn-type01.sm,
.car-search-result-table table td .btn-type02.sm,
.car-search-result-table table td .btn-type03.sm,
.car-search-result-table table td .btn-type04.sm,
.car-search-result-table table td .btn-type05.sm {
  font-size: 1.2rem;
}
.car-search-result-table table td .w-full {
  width: 100%;
}
.car-search-result-table table td .w138 {
  width: 13.8rem;
}
.car-search-result-table table td .w87 {
  width: 8.7rem;
  padding: 0;
}
.car-search-result-table table td .text-orange {
  display: block;
  font-size: 1.2rem;
  color: #ff5d16;
}
.car-search-result-table table td .text-black {
  display: block;
  font-size: 1.2rem;
  color: #000;
}
.car-search-result-table table tbody th {
  text-align: left;
  vertical-align: middle;
}
.car-search-result-table table .btn-new ~ .btn-new {
  margin: 4px 0 0 0;
}
.car-search-result-table table .btn-new.btn-black-outline {
  margin: 0;
}
.car-search-result-table table .btn-new.btn-black-outline ~ .btn-new.btn-black-outline {
  margin: 5px 0 0 0;
}
.car-search-result-table.car-search-result-table--none table td {
  padding-top: 88px;
  padding-bottom: 88px;
}
.car-search-result-table.car-search-result-table--ty2 table {
  border-top: solid 1px #ddd;
  border-bottom: none;
}
.car-search-result-table.car-search-result-table--ty2 table tr:has([class*=gray-box]) td {
  text-align: right;
  padding: 0;
}
.car-search-result-table.car-search-result-table--ty2 table td {
  padding-top: 32px;
  padding-bottom: 16px;
  border-top: none;
}
.car-search-result-table.car-search-result-table--ty3 .car-info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.car-search-result-table.car-search-result-table--ty3 .car-info .thumb-img {
  border-radius: 4px;
}
.car-search-result-table.car-search-result-table--ty3 .car-info .car-info-detail .car-name {
  font-weight: 700;
  margin-bottom: 0;
}
.car-search-result-table.car-search-result-table--ty3 .car-info .car-info-detail .car-etc {
  margin-top: 2px;
}
.car-search-result-table.car-search-result-table--ty3 .car-info .car-info-detail .car-etc span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  color: #222;
}
.car-search-result-table.car-search-result-table--ty3 .car-info .car-info-detail .price {
  margin-top: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
}
.car-search-result-table.car-search-result-table--ty3 .car-info .car-info-detail .price strong {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  vertical-align: middle;
}
.car-search-result-table.car-search-result-table--ty3 .progress-status {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: #aaa;
}
.car-search-result-table .car-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.car-search-result-table .car-info .thumb-img {
  overflow: hidden;
  width: 11.8rem;
  margin-right: 1.3rem;
  border-radius: 4px 4px 0px 0px;
}
.car-search-result-table .car-info .thumb-img img {
  width: 100%;
  height: 73px;
}
.car-search-result-table .car-info .thumb-img span {
  display: block;
  background: #fff;
  text-align: center;
  padding: 0.6rem 0;
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-weight: 700;
  border: solid 1px #ddd;
  border-radius: 0px 0px 4px 4px;
}
.car-search-result-table .car-info .thumb-img .list-item-img {
  width: 116px;
  height: 76px;
}
.car-search-result-table .car-info .car-info-detail {
  text-align: left;
}
.car-search-result-table .car-info .car-info-detail .tag span {
  display: inline-block;
  padding: 0.6rem;
  background: #fc0;
  font-size: 1.1rem;
  line-height: 1rem;
  font-weight: 500;
  border-radius: 0.2rem;
  letter-spacing: normal;
}
.car-search-result-table .car-info .car-info-detail .tag span.badge-play {
  padding: 2px 0;
  background-color: #ff5d16;
  vertical-align: top;
}
.car-search-result-table .car-info .car-info-detail .tag {
  margin-bottom: 0.8rem;
}
.car-search-result-table .car-info .car-info-detail .car-name {
  text-align: left;
  margin-bottom: 2px;
  font-size: 2rem;
  line-height: 26px;
  font-weight: 700;
}
.car-search-result-table .car-info .car-info-detail .car-etc.car-etc--ty2 span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.car-search-result-table .car-info .car-info-detail .car-etc.car-etc--black span {
  color: #222;
}
.car-search-result-table .car-info .car-info-detail .car-etc span {
  font-size: 12px;
  line-height: 16px;
  color: #666;
  font-weight: 300;
}
.car-search-result-table .car-info .car-info-detail .car-etc span::before {
  content: "";
  width: 0.1rem;
  height: 1rem;
  background-color: #666;
  display: inline-block;
  margin: 0 0.8rem;
}
.car-search-result-table .car-info .car-info-detail .car-etc span:first-child::before {
  display: none;
}
.car-search-result-table .car-info .car-info-detail .car-benefit {
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #f8f8f8;
  text-align: left;
  margin-top: 0.6rem;
}
.car-search-result-table .car-info .car-info-detail .car-benefit span {
  position: relative;
  padding-left: 14px;
  font-weight: 300;
  color: #888;
}
.car-search-result-table .car-info .car-info-detail .car-benefit span::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 13px;
  background-image: url("/UIDev/v3/images/icon/icon-ck-gray.svg");
}
.car-search-result-table .car-info .car-info-detail .car-benefit span + span {
  margin-left: 0.6rem;
}
.car-search-result-table .car-info .car-info-detail .price {
  margin-top: 4px;
  font-weight: bold;
  line-height: 28px;
}
.car-search-result-table .subject {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
.car-search-result-table .car-txt {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}
.car-search-result-table .btn-new.type-medium {
  min-width: auto;
}
.car-search-result-table .btn-new.type-medium.type-medium--w {
  min-width: 69px;
}
.car-search-result-table .pre-price {
  font-size: 1.2rem;
  font-weight: 700;
  color: #666666;
  text-align: right;
  text-decoration: line-through;
  margin-bottom: 0.4rem;
}
.car-search-result-table .price {
  font-size: 1.6rem;
  line-height: 1.6rem;
  text-align: right;
}
.car-search-result-table .price + .price {
  margin-top: 0.4rem;
}
.car-search-result-table .price.small {
  font-size: 1.3rem;
  margin-top: 0.4rem;
}
.car-search-result-table .price .price-tit {
  padding-right: 1rem;
}
.car-search-result-table .price input {
  width: 7.8rem;
  height: 3.1rem;
  padding: 0 1.2rem;
  line-height: 3.1rem;
}
.car-search-result-table .price input.ipt-pay {
  color: #ff5d16;
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-weight: 500;
  text-align: right;
  border-radius: 0.4rem;
  border: 1px solid #ddd;
  width: 8.5rem;
  padding: 0 0.5rem;
  margin-right: 0.6rem;
}
.car-search-result-table .price input.ipt-pay.ty-normal {
  color: #222;
}
.car-search-result-table .price strong {
  color: #ff5d16;
  font-weight: 900;
  font-size: 2rem;
  line-height: 2rem;
}
.car-search-result-table .tit-point {
  color: #ff5d16;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
}
.car-search-result-table .tit-normal {
  color: #888888;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
}
.car-search-result-table .txt-normal {
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.3rem;
}
.car-search-result-table .txt-link {
  margin-top: 4px;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  color: #222;
}
.car-search-result-table .txt-link span {
  text-decoration: underline;
}
.car-search-result-table .txt-link.txt-orange {
  color: #ff5d16;
}
.car-search-result-table .price-txt {
  color: #888888;
  font-size: 1rem;
  font-weight: 500;
  text-align: right;
  padding-top: 0.4rem;
}
.car-search-result-table .ad-ing {
  color: #222;
  font-size: 1.3rem;
  text-align: left;
  margin-bottom: 0.5rem;
}
.car-search-result-table .diagnosis {
  font-size: 1.4rem;
  line-height: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.6rem;
  text-align: left;
}
.car-search-result-table .diagnosis em {
  color: #ff5d16;
  font-style: normal;
  display: block;
  font-size: 12px;
  margin-top: 0.6rem;
}
.car-search-result-table .diagnosis .orange {
  display: block;
  color: #ff5d16;
}
.car-search-result-table .diagnosis.diagnosis-reservation a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #ff5d16;
  font-weight: 700;
}
.car-search-result-table .diagnosis.diagnosis-reservation a.disabled {
  pointer-events: none;
  cursor: default;
  color: #999;
  text-decoration: none;
}
.car-search-result-table .diagnosis.diagnosis-reservation a.disabled::after {
  display: none;
}
.car-search-result-table .diagnosis.diagnosis-reservation a.black {
  color: #000;
  display: inherit;
}
.car-search-result-table .diagnosis.diagnosis-reservation a.black em {
  color: #ff5d16;
  margin-top: 0;
}
.car-search-result-table .diagnosis.diagnosis-reservation a.black::after {
  background-image: url("/UIDev/v3/images/icon/icon_arrow_black.svg");
}
.car-search-result-table .diagnosis.diagnosis-reservation a + a,
.car-search-result-table .diagnosis .sub + a,
.car-search-result-table .diagnosis .orange + a {
  margin-top: 0.6rem;
}
.car-search-result-table .diagnosis.diagnosis-none {
  color: #757575;
}
.car-search-result-table .diagnosis.diagnosis-pd {
  margin-bottom: 1.05rem;
}
.car-search-result-table .view-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.car-search-result-table .view-num span {
  display: block;
  font-size: 1.2rem;
  color: #222;
  font-weight: 400;
}
.car-search-result-table .view-num span::before {
  display: inline-block;
  content: "";
  width: 13px;
  height: 9px;
  margin-top: 4px;
  margin-right: 6px;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 12.8px;
  background-image: url("/UIDev/v3/images/icon/view-icon.svg");
}
.car-search-result-table .view-num span.like {
  margin-left: 1rem;
}
.car-search-result-table .view-num span.like::before {
  width: 11px;
  height: 10px;
  background-image: url("/UIDev/v3/images/icon/like-icon.svg");
  background-size: 11px;
}
.car-search-result-table .button-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.car-search-result-table .button-area .btn-type04 {
  display: block;
  width: calc(50% - 0.3rem);
  padding: 0;
  margin-bottom: 0.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 1.2rem;
}
.car-search-result-table .button-area .btn-type04 + .btn-type04 {
  margin-left: 0.5rem;
}
.car-search-result-table .button-area .btn-type04:nth-of-type(3) {
  margin-left: 0;
}
.car-search-result-table .button-area .btn-type04.full {
  width: 100%;
  margin-left: 0;
  margin-bottom: 0;
}
.car-search-result-table .button-area .btn-type04.full em {
  color: #ff5d16;
  font-style: normal;
}
.car-search-result-table .button-area2 {
  text-align: right;
}
.car-search-result-table .button-area2.type-btn-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
  gap: 4px;
  max-width: 206px;
}
.car-search-result-table .button-area2.type-btn-grid .btn-new {
  width: 66px;
  margin: 0;
  padding: 0;
}
.car-search-result-table .button-area2.type-btn-grid .btn-new.type-custom-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
}
.car-search-result-table .button-area2.type-btn-grid .btn-new:disabled {
  color: #aaa;
  font-weight: 500;
  border-color: #ddd;
  background-color: #ddd;
}
.car-search-result-table .button-area2.type-btn-grid.type-btn-grid--col2 .btn-new {
  width: calc(50% - 4px);
}
.car-search-result-table .button-area2.type-btn-grid .type-btn-grid--col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
  gap: 4px;
  width: 100%;
}
.car-search-result-table .button-area2.type-btn-grid .type-btn-grid--col .btn-new {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
}
.car-search-result-table .button-area2 button {
  margin: 0.25rem 0 0.5rem 0.25rem;
}
.car-search-result-table .button-area2 button:first-child {
  margin-left: 0;
}
.car-search-result-table .notice-box {
  text-align: left;
  padding: 1.6rem 2.4rem;
  border-radius: 0.2rem;
  border: solid 0.1rem #f8f8f8;
  background-color: #f8f8f8;
}
.car-search-result-table .notice-box ol {
  margin-bottom: 1.6rem;
  list-style: number;
  list-style-position: inside;
}
.car-search-result-table .notice-box ol li {
  font-size: 1.2rem;
  font-weight: 300;
}
.car-search-result-table .switch-item.switch-ty-2 {
  margin-top: 6px;
  text-align: left;
}
.car-search-result-table .switch-item.switch-ty-2 label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.txt-info {
  color: #757575;
  line-height: 1.8rem;
}

.txt-list-tit {
  line-height: 1.4rem;
  color: #4f4f4f;
  font-size: 1.4rem;
  font-weight: 500;
}

.txt-list-tit-bold {
  color: #4f4f4f;
  font-size: 1.3rem;
  font-weight: 700;
}

.txt-list-tit-bold + .txt-list {
  padding-top: 1rem;
}

.txt-list-tit + .txt-list {
  padding-top: 1.4rem;
}

.txt-list.sm > li {
  position: relative;
  line-height: 1.8rem;
  padding-left: 1rem;
  font-size: 1.2rem;
}
.txt-list.sm > li > .dot {
  position: absolute;
  left: 0.3rem;
  top: 0.7rem;
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
}
.txt-list.ty-black > li {
  position: relative;
  line-height: 1.8rem;
  padding-left: 1rem;
  color: #000;
  background: none;
  text-align: left;
  font-size: 1.3rem;
  display: block;
  border: none;
}
.txt-list.ty-black > li > .icon {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 1rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #000;
}
.txt-list.ty-black > li > .dot {
  position: absolute;
  left: 0.3rem;
  top: 0.7rem;
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #000;
  color: #000;
}
.txt-list.ty-black > li + li {
  margin-left: 0;
}
.txt-list > li + li {
  margin-top: 0.4rem;
}
.txt-list > li {
  position: relative;
  line-height: 1.8rem;
  padding-left: 1rem;
  color: #757575;
  font-size: 12px;
}
.txt-list > li > .icon {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 1rem;
  height: 2.4rem;
  line-height: 2.4rem;
  color: #757575;
}
.txt-list > li > .dot {
  position: absolute;
  left: 0.3rem;
  top: 0.7rem;
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #757575;
  color: #757575;
}

.option-info {
  width: 100%;
  font-size: 0;
}
.option-info dt,
.option-info dd {
  padding: 0.2rem 0;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.option-info dt {
  width: 42%;
  color: #4f4f4f;
  font-size: 1.2rem;
  font-weight: 400;
}
.option-info dd {
  width: 58%;
  font-size: 1.2rem;
  font-weight: 700;
}
.option-info.mgt-10 dt,
.option-info.mgt-10 dd {
  padding: 0;
}

.option-info.ty-dt-smaill dt {
  width: 25%;
  padding-right: 1rem;
}
.option-info.ty-dt-smaill dd {
  width: 75%;
}

.option-info.ty-flex-start dt {
  width: auto;
  padding-right: 1rem;
}
.option-info.ty-flex-start dd {
  width: auto;
}

.option-info.ty-ver-middle dt,
.option-info.ty-ver-middle dd {
  vertical-align: middle;
}

.paginate {
  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;
  gap: 20px;
  margin: 3rem auto 0 auto;
  font-size: 0;
  text-align: center;
}
.paginate.ty-orange strong span {
  color: #fff;
}
.paginate.ty-orange strong span:after {
  background: #ff5d16;
}
.paginate a,
.paginate strong {
  position: relative;
  min-width: 2.7rem;
  height: 2.7rem;
  line-height: 2.7rem;
  text-decoration: none;
  color: #222;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
}
.paginate strong span {
  z-index: 2;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #222;
  line-height: 2.7rem;
  font-size: 1.4rem;
  font-weight: 700;
}
.paginate strong span:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  background: #ddd;
  color: #fff;
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 100%;
  margin-left: -1.3rem;
  z-index: -1;
}
.paginate .prev,
.paginate .next {
  text-indent: -999em;
}
.paginate .prev:after,
.paginate .next:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  width: 26px;
  height: 26px;
  background-position: 0 0;
  background-size: 26px;
  background: url(/UIDev/v3/images/icon/icon-arrow-left.svg) no-repeat;
}
.paginate .next:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.paginate.orange strong span:after {
  background: #ff5d16;
}

.section-area-cont {
  position: relative;
}
.section-area-cont.hasWing {
  padding-right: 19rem;
  width: 100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.wing-banner {
  position: absolute;
  top: 4.8rem;
  right: -16rem;
  width: 15rem;
  display: inline-block;
  background: #fff;
  margin-left: 4rem;
}
.wing-banner.scroll-on {
  position: fixed;
  right: auto;
  top: 0;
}
.wing-banner.scroll-end {
  position: absolute;
  top: auto;
  bottom: 16rem;
}
.wing-banner.scroll-end.scroll-on {
  position: fixed;
  right: auto;
  bottom: auto;
  top: 0;
}

.dot-tit {
  color: #4f4f4f;
  font-size: 1.6rem;
  font-weight: 700;
}

.dot-tit + .dot-txt {
  margin-top: 1.2rem;
}

.dot-txt {
  font-size: 1.4rem;
  color: #757575;
}
.dot-txt li {
  padding-left: 0.6rem;
  position: relative;
  letter-spacing: normal;
}
.dot-txt li:before {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  background: #757575;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0.8rem;
}

.main-card-area {
  padding: 3rem 0 8rem 0;
  background: #f8f8f8;
}
.main-card-area .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.main-title {
  font-size: 2.4rem;
  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;
  font-weight: 700;
}
.main-title a {
  font-size: 1.4rem;
  font-weight: 500;
  color: #4f4f4f;
}
.main-title a::after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  margin-bottom: 0.15rem;
  margin-left: 0.2rem;
}

.main-notice-area {
  margin: 9rem 0 0;
}

.main-banner {
  margin: 9rem 0 0;
}

.noti-table {
  width: 100%;
  margin-top: 2.6rem;
}
.noti-table td {
  text-align: left;
  border-bottom: solid 1px #e6e8eb;
  padding: 3.4rem 1rem 3.4rem 6rem;
  font-size: 1.5rem;
  font-weight: 500;
}
.noti-table td a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.noti-table td:last-child {
  color: #757575;
  text-align: right;
  padding: 3.4rem 0;
}
.noti-table td:first-child {
  text-align: center;
  padding: 3.4rem 0;
}
.noti-table td span {
  color: #ff5d16;
  font-weight: 700;
}

.main-all-menu-area {
  padding: 16rem 0 0 0;
}
.main-all-menu-area .wrapper {
  position: relative;
}

.all-menu-btns {
  position: absolute;
  top: 0;
  right: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.all-menu-btns a {
  display: inline-block;
  border: solid 1px #e9e9e9;
  border-radius: 8rem;
  height: 4.6rem;
  line-height: 4.6rem;
  font-size: 1.5rem;
  padding: 0 2.6rem;
  font-weight: 700;
}
.all-menu-btns a + a {
  margin-left: 0.8rem;
}
.all-menu-btns a:last-child i {
  width: 1.6rem;
}
.all-menu-btns a i {
  width: 1.4rem;
  display: inline-block;
  margin-right: 0.6rem;
}
.all-menu-btns a i img {
  width: 100%;
  vertical-align: baseline;
}

.menu-area > li + li {
  margin-top: 4rem;
}
.menu-area > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.8rem;
}
.menu-area > li .title {
  font-weight: 700;
  width: 13rem;
}
.menu-area > li .depth02 {
  width: calc(100% - 13rem);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menu-area > li .depth02 li:last-child::after {
  display: none;
}
.menu-area > li .depth02 li::after {
  content: "";
  width: 0.1rem;
  height: 1.4rem;
  background: #cecece;
  margin: 0 2rem;
  display: inline-block;
  margin-bottom: -0.2rem;
}

.main-card {
  border-style: solid;
  border-width: 0.1rem;
  border-radius: 0.6rem;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.main-card > a {
  display: block;
  padding: 3rem 2.6rem;
  height: 100%;
}
.main-card .title {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: left;
}
.main-card .car-count {
  text-align: right;
  font-size: 1.3rem;
  display: inline-block;
  vertical-align: middle;
}
.main-card .car-count span {
  display: block;
  margin-top: 0.5rem;
}
.main-card .car-count span .tooltip-btn {
  color: #000;
  font-size: 0.8rem;
  border: solid 1px #000;
  border-radius: 100%;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-left: 0.5rem;
  line-height: 1.5;
  padding: 0;
  background: none;
}
.main-card .car-count strong {
  font-size: 4.2rem;
  line-height: 4.2rem;
  font-weight: 700;
  display: inline-block;
}
.main-card .car-count strong + em {
  margin-left: 0.5rem;
}
.main-card .car-count em {
  font-size: 2.4rem;
  line-height: 2.4rem;
  display: inline-block;
  font-weight: 700;
  font-style: normal;
}
.main-card .car-count em + strong {
  margin-left: 0.5rem;
}
.main-card .car-count + .car-count {
  margin-left: 1.5rem;
}

.main-card.card01 {
  border-color: #ededed;
  background: #fff;
  padding: 3rem 2.6rem;
  width: 30rem;
}
.main-card.card01 .setting-btn {
  position: absolute;
  top: 3rem;
  right: 2.6rem;
  height: auto;
  padding: 0;
}
.main-card.card01 .profile {
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.main-card.card01 .profile .mypage {
  position: relative;
  margin-right: 1.5rem;
}
.main-card.card01 .profile .mypage a {
  position: absolute;
  right: -0.6rem;
  bottom: 0;
  background: #fff;
  width: 2.4rem;
  height: 2.4rem;
  -webkit-box-shadow: 0px 1px 2px #b4bdcc;
  box-shadow: 0px 1px 2px #b4bdcc;
  z-index: 1;
  border-radius: 100%;
}
.main-card.card01 .profile .mypage .photo {
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  border: solid 1px #e6ebf5;
}
.main-card.card01 .profile .info {
  text-align: left;
}
.main-card.card01 .profile .info .name {
  font-size: 1.6rem;
  font-weight: 700;
}
.main-card.card01 .profile .info .company {
  font-size: 1.3rem;
}
.main-card.card01 .coin-area .main-coin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main-card.card01 .coin-area .main-coin .tit {
  font-size: 1.4rem;
}
.main-card.card01 .coin-area .main-coin .price {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: right;
}
.main-card.card01 .coin-area .main-coin + .main-coin {
  margin-top: 1rem;
}
.main-card.card01 .customer-center {
  margin-top: 1.8rem;
}
.main-card.card01 .customer-center ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-card.card01 .customer-center li {
  width: 33.33%;
}
.main-card.card01 .customer-center li a {
  font-size: 1.3rem;
  color: #4f4f4f;
  text-align: center;
  display: block;
}
.main-card.card01 .customer-center li a.cst-menu01 .num::before {
  background-image: url("/UIDev/v3/images/icon/icon-inquiry.png");
}
.main-card.card01 .customer-center li a.cst-menu02 .num::before {
  background-image: url("/UIDev/v3/images/icon/icon-reserve.png");
}
.main-card.card01 .customer-center li a.cst-menu03 .num::before {
  background-image: url("/UIDev/v3/images/icon/icon-notice.png");
}
.main-card.card01 .customer-center li a .num {
  font-size: 2rem;
  font-weight: 700;
}
.main-card.card01 .customer-center li a .num::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.2rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 2.4rem;
  margin-bottom: -0.5rem;
}

.dealer-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.4rem;
}
.dealer-btn button {
  height: 4rem;
  line-height: 4rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.3rem;
  font-weight: 700;
  border-radius: 0.6rem;
}
.dealer-btn button.on i {
  display: inline-block;
}
.dealer-btn button i {
  display: none;
}
.dealer-btn button.friends-dealer {
  background-color: #fff2e5;
  color: #ff5d16;
}
.dealer-btn button.super-dealer {
  background-color: #def7ff;
  color: #0086d6;
  position: relative;
}
.dealer-btn button + button {
  margin-left: 0.6rem;
}

.main-card.card02 {
  border-color: #bfd7ff;
  background: #e0f1ff;
  width: 46.5rem;
  margin-left: 1.6rem;
  position: relative;
}
.main-card.card02 .sell-car-num {
  text-align: center;
  margin: 2.1rem 0;
}
.main-card.card02 .sell-car-num i {
  display: inline-block;
  margin-right: 1rem;
}
.main-card.card02 .des {
  font-size: 1.4rem;
}
.main-card.card02 .des span {
  font-weight: 700;
  color: #ff5d16;
}
.main-card.card02 .car-count {
  margin-top: 1.3rem;
}
.main-card.card02 .balloon-box {
  position: absolute;
  bottom: 8rem;
  right: 10rem;
  background-color: #fff;
  border-radius: 3rem;
  -webkit-box-shadow: 0px 0.8rem 1.6rem #c6dff4;
  box-shadow: 0px 0.8rem 1.6rem #c6dff4;
}
.main-card.card02 .balloon-box::before {
  content: "";
  width: 0;
  height: 0;
  top: -0.8rem;
  border-bottom: solid 0.5rem transparent;
  border-right: solid 0.8rem #fff;
  border-top: solid 0.5rem transparent;
  display: block;
  position: absolute;
  left: 74%;
  -webkit-transform: translate(-50%, 0) rotate(-268deg);
  -ms-transform: translate(-50%, 0) rotate(-268deg);
  transform: translate(-50%, 0) rotate(-268deg);
}
.main-card.card02 .balloon-box a {
  display: block;
  font-size: 1.3rem;
  padding: 0.9rem 1.3rem;
}
.main-card.card02 .balloon-box a::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 0.8rem;
  border-right: solid 0.1rem #000;
  border-top: solid 0.1rem #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  position: relative;
  top: -0.3rem;
}
.main-card.card02 .balloon-box a span {
  color: #2d7bff;
  font-weight: 700;
}
.main-card.card02 .sub-url {
  position: absolute;
  right: 11.3rem;
  bottom: 4.4rem;
  font-size: 13px;
  font-weight: 700;
}
.main-card.card02 .sub-url::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 0.8rem;
  border-right: solid 0.1rem #000;
  border-top: solid 0.1rem #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  position: relative;
  top: -0.1rem;
}

.main-card.card03 {
  width: 46.3rem;
  margin-left: 1.6rem;
  border-color: transparent;
}
.main-card.card03 .sell-car-num {
  text-align: center;
  margin: 4rem 0;
}
.main-card.card03 .sell-car-num i {
  display: inline-block;
  margin-right: 1rem;
}
.main-card.card03 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0.1rem solid #ffd08d;
  background: #ffebcf;
  height: calc(50% - 0.8rem);
  padding: 2.6rem 4.5rem;
  border-radius: 0.6rem;
}
.main-card.card03 a dl {
  -webkit-box-flex: calc(100% - 8rem);
      -ms-flex: calc(100% - 8rem);
          flex: calc(100% - 8rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-card.card03 a dl .list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main-card.card03 a dl dt {
  font-size: 1.6rem;
  font-weight: 700;
}
.main-card.card03 a dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 2.4rem;
  font-weight: 700;
}
.main-card.card03 a dl dd span {
  font-size: 28px;
  color: #ff5d16;
  padding-right: 2px;
}
.main-card.card03 a + a {
  margin-top: 1.6rem;
}

.main-card.card04 {
  border: none;
  background: none;
  width: 30rem;
  margin-top: 1.6rem;
}
.main-card.card04 > a {
  padding: 0;
}

.main-card.card05 {
  border-color: #cadac0;
  background: #e7ebda;
  width: 62.8rem;
  margin-left: 1.6rem;
  margin-top: 1.6rem;
}
.main-card.card05 .sell-car-num {
  text-align: center;
  margin: 3.5rem 0 0 0;
}
.main-card.card05 .sell-car-num.super .car-count {
  vertical-align: top;
}
.main-card.card05 .sell-car-num i {
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: -7rem;
}
.main-card.card05 .sell-car-num .car-count {
  vertical-align: baseline;
}
.main-card.card05 .balloon-box {
  position: absolute;
  bottom: 9rem;
  right: 15rem;
  background-color: #fff;
  border-radius: 3rem;
  -webkit-box-shadow: 0px 8px 16px #d9dec9;
  box-shadow: 0px 8px 16px #d9dec9;
}
.main-card.card05 .balloon-box::before {
  content: "";
  width: 0;
  height: 0;
  top: -0.8rem;
  border-bottom: solid 0.5rem transparent;
  border-right: solid 0.8rem #fff;
  border-top: solid 0.5rem transparent;
  display: block;
  position: absolute;
  left: 70%;
  -webkit-transform: translate(-50%, 0) rotate(-268deg);
  -ms-transform: translate(-50%, 0) rotate(-268deg);
  transform: translate(-50%, 0) rotate(-268deg);
}
.main-card.card05 .balloon-box a {
  display: block;
  font-size: 1.3rem;
  padding: 0.9rem 1.3rem;
}
.main-card.card05 .balloon-box a::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 0.8rem;
  border-right: solid 0.1rem #b7b8a5;
  border-top: solid 0.1rem #b7b8a5;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  position: relative;
  top: -0.3rem;
}

.main-card.card06 {
  border: none;
  background: none;
  width: 30rem;
  margin-left: 1.6rem;
  margin-top: 1.6rem;
  padding: 0;
}
.main-card.card06 .main-card06-section {
  border: solid 1px #ffd08d;
  background-color: #f5ede6;
  border-radius: 6px;
  padding: 3rem 2.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: calc(50% - 0.8rem);
  background-repeat: no-repeat;
  background-size: 12.5rem;
  background-position: calc(100% - 5.3rem) bottom;
}
.main-card.card06 .main-card06-section .car-count strong {
  font-size: 2.8rem;
  line-height: 2.8rem;
}
.main-card.card06 .main-card06-section + .main-card06-section {
  margin-top: 1.6rem;
}
.main-card.card06 .main-card06-section.top {
  background-image: url("/UIDev/v3/images/main/main-card06-bg.png");
}
.main-card.card06 .main-card06-section.bottom {
  background-image: url("/UIDev/v3/images/main/main-card07-bg.png");
}

.main-service {
  background: #f8f8f8;
  padding-bottom: 9rem;
}
.main-service .title {
  font-size: 2.4rem;
  font-weight: 700;
}
.main-service ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
  gap: 2.1rem;
}
.main-service li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.main-service li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  height: 9.6rem;
  border-radius: 0.4rem;
  padding: 1.6rem;
  border: solid 1px #e9e9e9;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main-service li a .title {
  padding-top: 1rem;
  font-size: 1.6rem;
}
.main-service li a .bookmark {
  opacity: 0.3;
}
.main-service li a .bookmark.on {
  opacity: 1;
}

.popup.all-menu-popup {
  -webkit-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
}
.popup.all-menu-popup .wrapper {
  width: 130rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem;
  position: relative;
}
.popup.all-menu-popup > .title {
  color: #fff;
  font-size: 3.4rem;
  font-weight: 700;
  padding: 3rem 0;
  background: #60584c;
}
.popup.all-menu-popup > .title .wrapper {
  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;
}
.popup.all-menu-popup > .title .popup-close-btn {
  font-size: 5rem;
  width: 4.8rem;
  height: 4.8rem;
  line-height: 3rem;
}
.popup.all-menu-popup .pop-body {
  padding: 6rem 0;
}

.super-state {
  position: absolute;
  left: 50%;
  bottom: -1.6rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  height: 2.8rem;
  line-height: 2.8rem;
  color: #fff;
  background: #2f7cfe;
  border-radius: 3rem;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0 1rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
}
.super-state::after {
  content: "";
  display: inline-block;
  margin-left: 0.3rem;
  width: 0.5rem;
  height: 0.5rem;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-bottom: 0.13rem;
}
.super-state em {
  font-style: normal;
  font-weight: 500;
  color: #d1e4ff;
}
.super-state .tooltip-btn {
  background: #fff;
  color: #2f7cfe;
  vertical-align: text-bottom;
}
.super-state .tooltip-btn .tooltip {
  top: auto;
  right: -23rem;
  bottom: -6.5rem;
  background: #ebf4fe;
  border: none;
  color: #355685;
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: bold;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-weight: 700;
}
.super-state .tooltip-btn .tooltip::before {
  background: #ebf4fe;
  bottom: auto;
  top: -0.4rem;
}
.super-state .tooltip-btn .tooltip.tooltip2 {
  right: -25rem;
  bottom: -12.5rem;
}

/*****************************************/
/***********     2차    *****************/
/***************************************/
/*상담관리*/
.section-area-cont .fc-day-past .fc .fc-daygrid-day-number {
  color: #a6a6a6;
}
.section-area-cont .fc-day-past .visit {
  background: #faf9f8;
  color: #757575;
  border-left: solid 2px #faf9f8;
}
.section-area-cont .fc-day-past .visit .time,
.section-area-cont .fc-day-past .visit .car {
  color: #999;
}
.section-area-cont .fc-day-past .customer {
  background: #faf9f8;
  color: #757575;
  border-left: solid 2px #faf9f8;
}
.section-area-cont .fc-day-past .customer .time,
.section-area-cont .fc-day-past .customer .car {
  color: #999;
}
.section-area-cont .fc-day-past .diagnose {
  background: #faf9f8;
  color: #757575;
  border-left: solid 2px #faf9f8;
}
.section-area-cont .fc-day-past .diagnose .time .car {
  color: #999;
}
.section-area-cont .fc-day-past .sell {
  background: #faf9f8;
  color: #757575;
  border-left: solid 2px #faf9f8;
}
.section-area-cont .fc-day-past .sell .time .car {
  color: #999;
}
.section-area-cont .schedule {
  margin-top: 0.5rem;
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  padding: 1.5rem;
  padding: 2rem 1.7rem;
  cursor: pointer;
}
.section-area-cont .schedule .time {
  margin-top: 0.8rem;
  font-weight: 700;
}
.section-area-cont .schedule .car {
  font-weight: 500;
}
.section-area-cont .visit {
  background: #e5f6ff;
  color: #002f66;
  border-left: solid 2px #418eff;
}
.section-area-cont .visit .time,
.section-area-cont .visit .car {
  color: #6491c6;
}
.section-area-cont .customer {
  background: #fff1e3;
  color: #401807;
  border-left: solid 2px #ff8a57;
}
.section-area-cont .customer .time,
.section-area-cont .customer .car {
  color: #c87d47;
}
.section-area-cont .diagnose {
  background: #fffbe0;
  color: #3f3700;
  border-left: solid 2px #fac151;
}
.section-area-cont .diagnose .time .car {
  color: #9a8d29;
}
.section-area-cont .sell {
  background: #e6f5f3;
  color: #00402d;
  border-left: solid 2px #4ec29f;
}
.section-area-cont .sell .time .car {
  color: #3ba399;
}
.section-area-cont .info-icon {
  display: block;
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  background: #2f7cfe;
  border-radius: 100%;
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.8rem;
  text-align: center;
  right: 1.2rem;
  top: 1.2rem;
}

.section-area-grid.inquiry .title-area {
  display: block;
}
.section-area-grid.inquiry .title-area .sub-tit {
  margin-top: 2rem;
  color: #757575;
  font-size: 1.4rem;
}
.section-area-grid.inquiry .title-area .sub-tit span {
  font-weight: 700;
  color: #ff5d16;
}

#calendar {
  margin-top: 9rem;
}
#calendar .fc-button {
  display: none;
}
#calendar .fc-addEventButton-button,
#calendar .fc-myCustomButton-button {
  border-color: #ff5d16;
  display: inline-block;
  height: 4rem;
  line-height: 4rem;
  padding: 0 2rem;
  font-size: 1.3rem;
}
#calendar .fc-myCustomButton-button {
  background: #fff;
  color: #ff5d16;
}
#calendar .fc-addEventButton-button:first-of-type {
  background: #ff5d16;
}
#calendar .fc-scrollgrid-sync-inner {
  height: 4.6rem;
  line-height: 4.6rem;
  color: #a6a6a6;
}
#calendar .fc-daygrid-day-number {
  cursor: default;
  pointer-events: none;
}
#calendar .fc-prev-button,
#calendar .fc-next-button {
  border-radius: 100%;
  display: inline-block;
  width: 4rem;
  height: 4rem;
  border: solid 1px #e9e9e9;
  background: #fff;
  color: #000;
  vertical-align: middle;
}
#calendar .fc-prev-button:focus-visible,
#calendar .fc-next-button:focus-visible {
  outline: none;
}
#calendar .fc-h-event {
  border: none;
  background: none;
  padding: 0 0.5rem;
  overflow: hidden;
}
#calendar .fc-toolbar-title {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2rem;
}

.inquiry-calendar-list {
  margin-top: 9rem;
}
.inquiry-calendar-list .tit {
  font-size: 2.4rem;
  font-weight: 700;
}
.inquiry-calendar-list .list-box {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.inquiry-calendar-list .list-box li {
  display: table;
  width: calc((100% - 3rem) / 3);
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);
  border-radius: 0.2rem;
  border: solid 0.1rem #f5f5f5;
  margin-bottom: 1.5rem;
}
.inquiry-calendar-list .list-box li + li {
  margin-left: 1.5rem;
}
.inquiry-calendar-list .list-box li:first-child, .inquiry-calendar-list .list-box li:nth-child(4) {
  margin-left: 0;
}
.inquiry-calendar-list .list-box a {
  display: table-cell;
  vertical-align: center;
  text-align: left;
  height: 17.8rem;
  padding: 0 2.5rem;
}
.inquiry-calendar-list .list-box a .type {
  display: inline-block;
  width: 6.7rem;
  height: 2.9rem;
  line-height: 2.9rem;
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
  font-weight: 700;
  border-left: none;
}
.inquiry-calendar-list .list-box a .txt {
  font-size: 1.5rem;
  color: #000;
  word-break: keep-all;
}

.inquiry .car-search-area .car-search-area-option-box .tit {
  min-width: 6.5rem;
}
.inquiry .car-search-result-mode-area .mode-area {
  margin-left: 0;
  margin-right: 2rem;
}
.inquiry .car-search-result-mode-area .mode-area .tab-item > ul > li a {
  color: #000;
}
.inquiry .car-search-result-mode-area .mode-area .tab-item > ul > li.on a {
  color: #ff5d16;
}
.inquiry .dot-txt li {
  font-size: 1.2rem;
}
.inquiry .car-search-result-table legend {
  text-align: center;
  border-radius: 28px;
  border: 1px solid #f5f5f5;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.06);
  font-size: 1.1rem;
  font-weight: 700;
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.8rem;
  background: #fff;
}
.inquiry .car-search-result-table fieldset {
  border-top: solid 0.1rem #e9e9e9;
}
.inquiry .car-search-result-table fieldset:last-of-type {
  border-bottom: solid 0.1rem #e9e9e9;
}
.inquiry .car-search-result-table fieldset tr:first-child td {
  border-top: none;
}
.inquiry .car-search-result-table fieldset table {
  border-bottom: none;
}
.inquiry .car-search-result-table tr {
  position: relative;
}
.inquiry .car-search-result-table .meno {
  margin-top: 1.4rem;
}
.inquiry .car-search-result-table .meno input {
  background: #faf9f8;
  border-radius: 0.4rem;
  border: none;
  width: 63.8rem;
}
.inquiry .car-search-result-table .meno input::-webkit-input-placeholder {
  color: #999;
  padding-left: 2.4rem;
  background: no-repeat url("/UIDev/v3/images/icon/memo.png") left center;
  background-size: 1.6rem;
}
.inquiry .car-search-result-table .meno input::-moz-placeholder {
  color: #999;
  padding-left: 2.4rem;
  background: no-repeat url("/UIDev/v3/images/icon/memo.png") left center;
  background-size: 1.6rem;
}
.inquiry .car-search-result-table .meno input:-ms-input-placeholder {
  color: #999;
  padding-left: 2.4rem;
  background: no-repeat url("/UIDev/v3/images/icon/memo.png") left center;
  background-size: 1.6rem;
}
.inquiry .car-search-result-table .meno input::-ms-input-placeholder {
  color: #999;
  padding-left: 2.4rem;
  background: no-repeat url("/UIDev/v3/images/icon/memo.png") left center;
  background-size: 1.6rem;
}
.inquiry .car-search-result-table .meno input::placeholder {
  color: #999;
  padding-left: 2.4rem;
  background: no-repeat url("/UIDev/v3/images/icon/memo.png") left center;
  background-size: 1.6rem;
}
.inquiry .car-search-result-table .meno input:focus-visible {
  outline: none;
}
.inquiry .car-search-result-table p {
  font-weight: 700;
}
.inquiry .car-search-result-table .date {
  font-size: 1.3rem;
  color: #4f4f4f;
  margin-bottom: 1rem;
  font-weight: 500;
}
.inquiry .car-search-result-table .review {
  display: inline-block;
  margin-top: 1rem;
  text-decoration: underline;
  font-size: 1.3rem;
  color: #ff5d16;
}
.inquiry .car-search-result-table .end {
  color: #2f7cfe;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  font-weight: 500;
}
.inquiry .car-search-result-table .type,
.inquiry .car-search-result-table .name,
.inquiry .car-search-result-table .status {
  font-size: 1.3rem;
  font-weight: bold;
}
.inquiry .car-search-result-table .type span,
.inquiry .car-search-result-table .name span,
.inquiry .car-search-result-table .status span {
  color: #ff5d16;
  font-weight: 700;
}
.inquiry .car-search-result-table .type .tooltip-btn,
.inquiry .car-search-result-table .name .tooltip-btn,
.inquiry .car-search-result-table .status .tooltip-btn {
  width: 1.6em;
  height: 1.6rem;
  line-height: 1rem;
}
.inquiry .car-search-result-table .type .tooltip,
.inquiry .car-search-result-table .name .tooltip,
.inquiry .car-search-result-table .status .tooltip {
  top: -9rem;
  right: -9rem;
}
.inquiry .car-search-result-table .type .tooltip::before,
.inquiry .car-search-result-table .name .tooltip::before,
.inquiry .car-search-result-table .status .tooltip::before {
  left: 7.3rem;
}
.inquiry .car-search-result-table .name.no-name {
  color: #2f7cfe;
}
.inquiry .car-search-result-table .call-info {
  border-radius: 2px;
  border: 1px solid #c9dfff;
  background: #f5f8ff;
  padding: 1.5rem 0;
  text-align: center;
  font-size: 1.2rem;
  max-width: 13.4rem;
  margin: 1rem auto 0 auto;
}
.inquiry .car-search-result-table .call-info .fail {
  color: #ee3030;
}
.inquiry .car-search-result-table .call-info span {
  color: #2f7cfe;
  font-weight: 700;
  font-size: 1.3rem;
  display: inline-block;
}
.inquiry .car-search-result-table .call-info p {
  margin-top: 0.5rem;
}
.inquiry .car-search-result-table .call-info a {
  display: block;
  text-align: center;
}
.inquiry .car-search-result-table .call-info span:first-child {
  margin-right: 1rem;
  position: relative;
}
.inquiry .car-search-result-table .call-info span:first-child::before {
  content: "";
  width: 0.1rem;
  height: 1.1rem;
  background: #1d1d1d;
  position: absolute;
  right: -0.7rem;
  top: 0.45rem;
  display: block;
}
.inquiry .car-search-result-table .button-area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.inquiry .car-search-result-table .button-area .btn-type04 {
  width: 100%;
}
.inquiry .car-search-result-table .button-area .btn-type04 + .btn-type04 {
  margin-left: 0;
}

.my-review-area {
  margin-top: 3.2rem;
  background: #faf9f8;
  padding: 3.9rem 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-image: url("/UIDev/v3/images/icon/review-bg.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 4rem) calc(100% - 3.9rem);
}
.my-review-area .review-tit {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 3.1rem;
  width: 100%;
}
.my-review-area .review-con {
  font-size: 1.4rem;
}
.my-review-area .review-con .review-link {
  margin-top: 4rem;
  display: inline-block;
  color: #2f7cfe;
  font-size: 1.3rem;
  font-weight: 700;
}
.my-review-area .review-con .review-link::after {
  content: "";
  margin-left: 0.5rem;
  margin-bottom: 0.15rem;
  width: 0.6rem;
  height: 0.6rem;
  border-right: solid 0.2rem currentColor;
  border-top: solid 0.2rem currentColor;
  display: inline-block;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.my-review-area .my-review-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.my-review-area .my-review-box:first-child::after {
  content: "";
  width: 1px;
  height: 16.2rem;
  background: #e6e6e6;
  right: 4rem;
  top: 0;
  position: absolute;
  display: block;
}
.my-review-area .review-num {
  font-size: 4rem;
  font-weight: 700;
  color: #c6c6c6;
  text-align: center;
}
.my-review-area .review-num span {
  color: #000;
}
.my-review-area .review-num .star-area {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.my-review-area .review-num .star-area span {
  display: block;
  background: url("/UIDev/v3/images/icon/icon-star.png") no-repeat center center;
  width: 2.2rem;
  height: 2rem;
}
.my-review-area .review-num .star-area span.on {
  background-image: url("/UIDev/v3/images/icon/icon-star-on.png");
}
.my-review-area .detail-review {
  margin-left: 5rem;
}
.my-review-area .detail-review > div + div {
  margin-top: 2.8rem;
}
.my-review-area .detail-review > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-review-area .detail-review > div .tit {
  font-size: 1.2rem;
  font-weight: 700;
  width: 7.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.my-review-area .detail-review > div .bar {
  width: 20rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #ebebeb;
  border-radius: 0.4rem;
  height: 0.4rem;
}
.my-review-area .detail-review > div .bar i {
  display: block;
  background: #ff5d16;
  height: 0.4rem;
  border-radius: 0.4rem;
}
.my-review-area .detail-review > div .num {
  margin-left: 1.2rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #c6c6c6;
}
.my-review-area .detail-review > div .num span {
  color: #000;
}

.review-area {
  margin-top: 5rem;
}
.review-area .review-box {
  padding: 2.4rem 0;
  border-bottom: solid 0.1rem #e9e9e9;
}
.review-area .review-box .point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.review-area .review-box .point .star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.review-area .review-box .point .star span {
  display: block;
  background: url("/UIDev/v3/images/icon/icon-star.png") no-repeat center center;
  background-size: 1.6rem;
  width: 1.6rem;
  height: 1.5rem;
}
.review-area .review-box .point span.on {
  background-image: url("/UIDev/v3/images/icon/icon-star-on.png");
}
.review-area .review-box .point .num {
  margin-left: 0.5rem;
  color: #ff5d16;
  font-weight: 700;
  font-size: 1.6rem;
}
.review-area .review-box .tit {
  font-weight: 700;
  font-size: 1.6rem;
  margin-top: 1.6rem;
  margin-bottom: 3rem;
}
.review-area .review-box .con {
  font-size: 1.5rem;
  color: #4f4f4f;
}
.review-area .review-box .info {
  font-size: 1.4rem;
  color: #757575;
  margin-top: 3rem;
}
.review-area .review-box .info span {
  position: relative;
}
.review-area .review-box .info span + span {
  margin-left: 2rem;
}
.review-area .review-box .info span + span::before {
  content: "";
  width: 0.1rem;
  height: 1rem;
  background: #999;
  position: absolute;
  left: -1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
}
.review-area .review-box .photo {
  margin-top: 2rem;
}
.review-area .review-box .photo ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.review-area .review-box .photo li + li {
  margin-left: 0.6rem;
}
.review-area .review-box .photo li {
  border-radius: 0.2rem;
  width: 86px;
  height: 86px;
}
.review-area .review-box .photo li img {
  width: 100%;
  height: 100%;
}

.step-box {
  margin-top: 9rem;
}
.step-box .step-tit {
  font-size: 2rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.4rem;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.step-box .step-tit .dot-txt {
  margin-left: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
}

.step-con input[type=text] {
  height: 6rem;
  line-height: 6rem;
  font-size: 1.5rem;
}
.step-con input[type=text]::-webkit-input-placeholder {
  color: #999;
}
.step-con input[type=text]::-moz-placeholder {
  color: #999;
}
.step-con input[type=text]:-ms-input-placeholder {
  color: #999;
}
.step-con input[type=text]::-ms-input-placeholder {
  color: #999;
}
.step-con input[type=text]::placeholder {
  color: #999;
}
.step-con .profile-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.step-con .profile-area .photo {
  background: #faf9f8;
  border: solid 1px #e9e9e9;
  border-radius: 0.4rem;
  width: 18rem;
  height: 22rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 3rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.step-con .profile-area .photo i {
  display: block;
  width: 6rem;
  height: 6rem;
  border-radius: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.step-con .profile-area .photo .photo-add-btn {
  position: relative;
  background: #ff5d16;
  color: #fff;
  font-size: 1.2rem;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
  margin-top: 2.4rem;
}
.step-con .profile-area .photo .photo-add-btn input {
  opacity: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  width: 7.8rem;
  height: 3rem;
}
.step-con .profile-area .photo .photo-del-btn {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 24px;
  height: 24px;
  background-image: url("/UIDev/v3/images/icon/icon_delete_white.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}
.step-con .profile-area .profile-txt {
  width: calc(100% - 21rem);
}
.step-con .profile-area .profile-txt .form-radio + .form-radio {
  margin-left: 2rem;
}
.step-con .profile-area .profile-txt .textarea {
  margin-top: 1.4rem;
}
.step-con .profile-area .profile-txt .textarea textarea {
  width: 100%;
  resize: none;
  height: 18.8rem;
  border-radius: 0.4rem;
  border: solid 1px #e9e9e9;
  padding: 2.4rem 2rem;
  font-size: 1.3rem;
  color: #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.step-con .profile-area .profile-txt .textarea textarea::-webkit-input-placeholder {
  font-size: 1.3rem;
  color: #000;
}
.step-con .profile-area .profile-txt .textarea textarea::-moz-placeholder {
  font-size: 1.3rem;
  color: #000;
}
.step-con .profile-area .profile-txt .textarea textarea:-ms-input-placeholder {
  font-size: 1.3rem;
  color: #000;
}
.step-con .profile-area .profile-txt .textarea textarea::-ms-input-placeholder {
  font-size: 1.3rem;
  color: #000;
}
.step-con .profile-area .profile-txt .textarea textarea::placeholder {
  font-size: 1.3rem;
  color: #000;
}

.design-card-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.design-card-area > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.design-card-area > div + div {
  margin-left: 2rem;
}
.design-card-area input {
  display: none;
}
.design-card-area label {
  position: relative;
}
.design-card-area label:before {
  content: "";
  position: absolute;
  right: 1.7rem;
  top: 1.7rem;
  background-color: #fff;
  background-image: url("/UIDev/v3/images/icon/icon-ck-off.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1rem;
  width: 1.8rem;
  height: 1.8rem;
  display: block;
  z-index: 5;
  border-radius: 100%;
}
.design-card-area label .img {
  position: relative;
  -webkit-box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.12);
  border: solid 1px #e9e9e9;
  background: #faf9f8;
  border-radius: 1.2rem;
  overflow: hidden;
}
.design-card-area label .img:before {
  content: "";
  width: 100%;
  height: 8rem;
  border-radius: 0.3rem 0.3rem 0 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(153, 153, 153, 0.6)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(153, 153, 153, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.design-card-area label .img img {
  width: 100%;
}
.design-card-area label .txt {
  text-align: center;
  margin-top: 2.4rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.design-card-area input[type=radio]:checked + label .img {
  border: solid 2px #ff5d16;
}
.design-card-area input[type=radio]:checked + label .txt {
  color: #ff5d16;
}
.design-card-area input[type=radio]:checked + label:before {
  background-color: #ff5d16;
  background-image: url("/UIDev/v3/images/icon/icon-ck-white.png");
}

.design-btns {
  text-align: center;
  margin-top: 9rem;
}
.design-btns button {
  width: 17rem;
  height: 5.6rem;
  line-height: 5.6rem;
}
.design-btns button + button {
  margin-left: 1rem;
}

.business-card-pop-area {
  width: 37.5rem;
  margin: 10rem auto 5rem auto;
  border: solid 1rem #dbdbdb;
  border-radius: 1.7rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.business-card-pop-area .cover {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
.business-card-pop-area .cover p {
  width: 80%;
  background: #fff;
  position: absolute;
  border: solid 0.1rem #ff5d16;
  font-size: 1.6rem;
  text-align: center;
  padding: 2.6rem;
  left: 50%;
  top: 38rem;
  z-index: 3;
  font-weight: 700;
  border-radius: 0.4rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.business-card-pop-area .cover p span {
  color: #ff5d16;
}
.business-card-pop-area .cover p::before {
  content: "";
  position: absolute;
  bottom: -4rem;
  left: 50%;
  width: 1.5rem;
  height: 1.9rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("/UIDev/v3/images/icon/icon-down.png") no-repeat center center;
  background-size: 1.5rem;
  display: block;
  z-index: 4;
}
.business-card-pop-area img {
  width: 100%;
}

.division-line {
  margin: 2rem 0;
  border: 0;
  border-top: 0.1rem solid #e9e9e9;
}

.c-star-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-star-wrap > * + * {
  margin-left: 15px;
}
.c-star-wrap .star-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-star-wrap .star-area > * + * {
  margin-left: 2px;
}
.c-star-wrap .star-area span {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: block;
  width: 22px;
  height: 20px;
  background: url("/UIDev/v3/images/icon/icon-star.png") no-repeat;
  background-size: 22px auto;
}
.c-star-wrap .star-area span::after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background-image: url("/UIDev/v3/images/icon/icon-star-on.png");
  background-size: 22px auto;
}
.c-star-wrap .star-area span.half::after {
  width: 50%;
}
.c-star-wrap .star-area span.on::after {
  width: 100%;
}
.c-star-wrap .star-num {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.42px;
  color: #c6c6c6;
}
.c-star-wrap .star-num .system {
  color: #000;
}

.side-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 147px;
  padding: 24px 20px 20px;
  border-radius: 8px;
  border: solid 1px #e9e9e9;
  background-color: #fff;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: -0.39px;
  text-align: center;
  color: #4f4f4f;
}
.side-banner > * + * {
  margin-top: 20px;
}
.side-banner .img {
  width: 50px;
  margin: 20px auto 0;
  aspect-ratio: 1/1;
}
.side-banner .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.side-banner .side-banner-text {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.38;
  letter-spacing: -0.39px;
  text-align: center;
  color: #4f4f4f;
  word-break: keep-all;
}
.side-banner .side-banner-text strong {
  color: #ff5d16;
}
.side-banner .side-banner-text.is-highlight {
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.3px;
  text-align: center;
  color: #000;
}
.side-banner .side-banner-btn > * {
  width: 100%;
}

.banner-slider {
  display: block;
}
.banner-slider .swiper-button-next,
.banner-slider .swiper-button-prev {
  background: none;
}
.banner-slider .swiper-button-next:before,
.banner-slider .swiper-button-prev:before {
  display: block;
  width: 10px;
  height: 10px;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
  content: "";
}
.banner-slider .swiper-button-prev:before {
  left: 5px;
  right: auto;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.swiper-pagination.type-fraction {
  position: absolute;
  bottom: 15px;
  right: 16px;
  left: auto;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.4);
  display: inline-block;
  width: auto;
  padding: 0 8px;
  height: 18px;
  color: #ddd;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}
.swiper-pagination.type-fraction .swiper-pagination-current {
  color: #fff;
}

.banner-item {
  display: block;
}
.banner-item img {
  display: block;
  width: 100%;
}

.header-area {
  border-bottom: 0.1rem solid #ededed;
  padding: 0 2rem;
}
.header-area .header-area-grid {
  width: 130rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 126rem;
  margin: 0 auto;
  height: 13.5rem;
  text-align: right;
}
.header-area .header-area-grid .header-logo {
  position: absolute;
  left: 0.3rem;
  top: 5.3rem;
  display: block;
  width: 11.5rem;
  height: 5rem;
  margin: 0;
  padding: 0;
  z-index: 2;
}
.header-area .header-area-grid .header-logo img {
  width: 100%;
  height: 100%;
}
.header-area .header-area-grid .header-nav {
  position: relative;
  height: 2.5rem;
  padding: 8rem 0 3rem 0;
  text-align: right;
}
.header-area .header-area-grid .header-nav .gnb-menu {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 2rem 0 0;
  list-style: none;
  font-size: 0;
  vertical-align: top;
}
.header-area .header-area-grid .header-nav .gnb-menu > li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 1.5rem;
  font-size: 2rem;
  line-height: 2.5rem;
  height: 5.5rem;
  font-weight: bold;
}
.header-area .header-area-grid .header-nav .gnb-menu > li.active > a {
  color: #ff5d16;
}
.header-area .header-area-grid .header-nav .gnb-menu > li > a:hover {
  color: #ff5d16;
}
.header-area .header-area-grid .header-nav .gnb-util {
  position: relative;
  display: inline-block;
  color: #454545;
}
.header-area .header-area-grid .header-nav .gnb-util::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.1rem;
  display: inline-block;
  width: 0.1rem;
  height: 1.8rem;
  margin-top: -0.8rem;
  background: #c8c8c8;
}
.header-area .header-area-grid .header-nav .gnb-util .membrt-info {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2.5rem;
  border: 0.1rem solid transparent;
  margin: 0 0 0 3.5rem;
  color: #454545;
}
.header-area .header-area-grid .header-nav .gnb-util .membrt-info strong {
  color: #ff5d16;
}
.header-area .header-area-grid .header-nav .gnb-util .navigation-util {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2.5rem;
  border: 0.1rem solid transparent;
  margin: 0 0 0 3.5rem;
  color: #454545;
}
.header-area .header-area-grid .header-nav .gnb-util .navigation-util .icon-common {
  position: relative;
  top: -0.1rem;
  display: inline-block;
  width: 1.7rem;
  height: 1.7rem;
  margin-right: 0.4rem;
  background: url("/UIDev/v3/images/icon/icon_common_v20210915.png") no-repeat;
  vertical-align: middle;
  overflow: hidden;
}
.header-area .header-area-grid .header-nav .gnb-util .navigation-util .icon-common.sign-out {
  background-position: -5rem top;
}
.header-area .header-area-grid .header-nav .navigation-dealer-sell {
  display: none;
}
.header-area .header-area-grid .header-nav .navigation-quick {
  position: absolute;
  right: 0;
  top: 3rem;
}
.header-area .header-area-grid .header-nav .navigation-quick > a {
  position: relative;
  display: inline-block;
  margin: 0 0 0 0.1rem;
  padding: 0 1.2rem;
  font-size: 1.4rem;
  overflow: visible;
}
.header-area .header-area-grid .header-nav .navigation-quick > a:first-child:before {
  display: none;
}
.header-area .header-area-grid .header-nav .navigation-quick > a:before {
  content: "";
  position: absolute;
  left: -0.1rem;
  top: 50%;
  display: inline-block;
  width: 0.1rem;
  height: 1.2rem;
  margin-top: -0.6rem;
  background: #c8c8c8;
  vertical-align: middle;
}
.header-area .header-area-grid .header-nav .navigation-quick > a.all-menu {
  position: relative;
  padding-right: 1.8rem;
}
.header-area .header-area-grid .header-nav .navigation-quick > a.all-menu:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.2rem;
  display: block;
  width: 0;
  height: 0;
  border: inset 0.5rem;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #464646 transparent transparent;
}

.menu-depth2 {
  position: absolute;
  border: solid 1px #e9e9e9;
  padding: 3rem;
  top: 5.5rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  left: -8px;
  z-index: 2;
  background: #fff;
  display: none;
}
.menu-depth2:before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-104%);
  -ms-transform: translateX(-104%);
  transform: translateX(-104%);
  top: -1rem;
  width: 0;
  height: 0;
  border-left: 1rem solid rgba(0, 0, 0, 0);
  border-right: 1rem solid rgba(0, 0, 0, 0);
  border-bottom: 1.1rem solid #fff;
  z-index: 1;
}
.menu-depth2:after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  top: -1.1rem;
  width: 0;
  height: 0;
  border-left: 1.1rem solid rgba(0, 0, 0, 0);
  border-right: 1.1rem solid rgba(0, 0, 0, 0);
  border-bottom: 1.1rem solid #e9e9e9;
}
.menu-depth2 li + li {
  margin-top: 2.5rem;
}
.menu-depth2 li a {
  display: block;
  text-align: left;
  font-weight: 500;
  font-size: 1.6rem;
}
.menu-depth2 li.active a, .menu-depth2 li:hover a {
  color: #ff5d16;
}

.header-area.header-dealer-sell .header-area-grid {
  height: 8rem;
}
.header-area.header-dealer-sell .header-area-grid .header-logo {
  top: 1.3rem;
  width: 10.5rem;
  height: 4.4rem;
}
.header-area.header-dealer-sell .header-area-grid .header-nav {
  padding: 0;
}
.header-area.header-dealer-sell .header-area-grid .header-nav .gnb-menu,
.header-area.header-dealer-sell .header-area-grid .header-nav .navigation-quick {
  display: none;
}
.header-area.header-dealer-sell .header-area-grid .header-nav .navigation-dealer-sell {
  display: inline-block;
}
.header-area.header-dealer-sell .header-area-grid .header-nav .gnb-util {
  margin-top: 2.7rem;
}
.header-area.header-dealer-sell .header-area-grid .navigation-dealer-sell {
  position: absolute;
  left: 50%;
  bottom: -56px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
.header-area.header-dealer-sell .header-area-grid .navigation-dealer-sell .navigation-dealer-sell-gnb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #222;
  text-align: center;
}
.header-area.header-dealer-sell .header-area-grid .navigation-dealer-sell .navigation-dealer-sell-gnb .item {
  position: relative;
  display: inline-block;
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 157px;
  padding: 26px 0;
}
.header-area.header-dealer-sell .header-area-grid .navigation-dealer-sell + .gnb-util::before {
  display: none;
}
.header-area.header-dealer-sell.tab01 .navigation-dealer-sell-gnb .item:first-child {
  font-weight: 700;
  color: #ff5d16;
}
.header-area.header-dealer-sell.tab01 .navigation-dealer-sell-gnb .item:first-child::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #222;
}
.header-area.header-dealer-sell.tab02 .navigation-dealer-sell-gnb .item:first-child {
  color: #222 !important;
}
.header-area.header-dealer-sell.tab02 .navigation-dealer-sell-gnb .item:first-child, .header-area.header-dealer-sell.tab02 .navigation-dealer-sell-gnb .item:nth-child(2) {
  font-weight: 700;
  color: #ff5d16;
}
.header-area.header-dealer-sell.tab02 .navigation-dealer-sell-gnb .item:first-child::after, .header-area.header-dealer-sell.tab02 .navigation-dealer-sell-gnb .item:nth-child(2)::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #222;
}
.header-area.header-dealer-sell.tab03 .navigation-dealer-sell-gnb .item:first-child, .header-area.header-dealer-sell.tab03 .navigation-dealer-sell-gnb .item:nth-child(2) {
  color: #222 !important;
}
.header-area.header-dealer-sell.tab03 .navigation-dealer-sell-gnb .item:first-child, .header-area.header-dealer-sell.tab03 .navigation-dealer-sell-gnb .item:nth-child(2), .header-area.header-dealer-sell.tab03 .navigation-dealer-sell-gnb .item:nth-child(3) {
  font-weight: 700;
  color: #ff5d16;
}
.header-area.header-dealer-sell.tab03 .navigation-dealer-sell-gnb .item:first-child::after, .header-area.header-dealer-sell.tab03 .navigation-dealer-sell-gnb .item:nth-child(2)::after, .header-area.header-dealer-sell.tab03 .navigation-dealer-sell-gnb .item:nth-child(3)::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #222;
}
.header-area.header-dealer-sell.tab04 .navigation-dealer-sell-gnb .item:first-child, .header-area.header-dealer-sell.tab04 .navigation-dealer-sell-gnb .item:nth-child(2), .header-area.header-dealer-sell.tab04 .navigation-dealer-sell-gnb .item:nth-child(3) {
  color: #222 !important;
}
.header-area.header-dealer-sell.tab04 .navigation-dealer-sell-gnb .item:first-child, .header-area.header-dealer-sell.tab04 .navigation-dealer-sell-gnb .item:nth-child(2), .header-area.header-dealer-sell.tab04 .navigation-dealer-sell-gnb .item:nth-child(3), .header-area.header-dealer-sell.tab04 .navigation-dealer-sell-gnb .item:nth-child(4) {
  font-weight: 700;
  color: #ff5d16;
}
.header-area.header-dealer-sell.tab04 .navigation-dealer-sell-gnb .item:first-child::after, .header-area.header-dealer-sell.tab04 .navigation-dealer-sell-gnb .item:nth-child(2)::after, .header-area.header-dealer-sell.tab04 .navigation-dealer-sell-gnb .item:nth-child(3)::after, .header-area.header-dealer-sell.tab04 .navigation-dealer-sell-gnb .item:nth-child(4)::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #222;
}
.header-area.header-dealer-sell.tab05 .navigation-dealer-sell-gnb .item:first-child, .header-area.header-dealer-sell.tab05 .navigation-dealer-sell-gnb .item:nth-child(2), .header-area.header-dealer-sell.tab05 .navigation-dealer-sell-gnb .item:nth-child(3), .header-area.header-dealer-sell.tab05 .navigation-dealer-sell-gnb .item:nth-child(4) {
  color: #222 !important;
}
.header-area.header-dealer-sell.tab05 .navigation-dealer-sell-gnb .item:first-child, .header-area.header-dealer-sell.tab05 .navigation-dealer-sell-gnb .item:nth-child(2), .header-area.header-dealer-sell.tab05 .navigation-dealer-sell-gnb .item:nth-child(3), .header-area.header-dealer-sell.tab05 .navigation-dealer-sell-gnb .item:nth-child(4), .header-area.header-dealer-sell.tab05 .navigation-dealer-sell-gnb .item:nth-child(5) {
  font-weight: 700;
  color: #ff5d16;
}
.header-area.header-dealer-sell.tab05 .navigation-dealer-sell-gnb .item:first-child::after, .header-area.header-dealer-sell.tab05 .navigation-dealer-sell-gnb .item:nth-child(2)::after, .header-area.header-dealer-sell.tab05 .navigation-dealer-sell-gnb .item:nth-child(3)::after, .header-area.header-dealer-sell.tab05 .navigation-dealer-sell-gnb .item:nth-child(4)::after, .header-area.header-dealer-sell.tab05 .navigation-dealer-sell-gnb .item:nth-child(5)::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #222;
}
.header-area.header-dealer-sell.complete .navigation-dealer-sell-gnb .item {
  color: #222 !important;
  font-weight: 700;
  color: #ff5d16;
}
.header-area.header-dealer-sell.complete .navigation-dealer-sell-gnb .item::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #222;
}

.footer-area {
  padding: 50px 0 100px 0;
  border-top: 0.1rem solid #f3f3f3;
  background: #fff;
  color: #8b8b8b;
  font-size: 1.4rem;
  letter-spacing: 0;
}
.footer-area .footer-area-grid {
  width: 130rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.footer-area .footer-area-grid .footer-ci {
  display: block;
  width: 13rem;
  height: 3rem;
}
.footer-area .footer-area-grid .footer-ci img {
  vertical-align: top;
}
.footer-area .footer-area-grid .footer-terms {
  position: relative;
  margin: 2.5rem 0 0 0;
  padding: 0;
  overflow: hidden;
}
.footer-area .footer-area-grid .footer-terms > a {
  float: left;
  position: relative;
  margin-left: 0.1rem;
  padding: 0 2.5rem;
  font-size: 1.4rem;
  font-style: normal;
}
.footer-area .footer-area-grid .footer-terms > a.emphasize {
  color: #000;
}
.footer-area .footer-area-grid .footer-terms > a:hover {
  text-decoration: underline;
}
.footer-area .footer-area-grid .footer-terms > a:first-child {
  padding-left: 0;
}
.footer-area .footer-area-grid .footer-terms > a:first-child::before {
  display: none;
}
.footer-area .footer-area-grid .footer-terms > a::before {
  content: "";
  position: absolute;
  left: -0.1rem;
  top: 50%;
  display: inline-block;
  width: 0.1rem;
  height: 1.3rem;
  margin-top: -0.6rem;
  background: #cecece;
  vertical-align: middle;
}
.footer-area .footer-area-grid .footer-info {
  margin-top: 2.5rem;
}
.footer-area .footer-area-grid .footer-info > div {
  display: block;
}
.footer-area .footer-area-grid .footer-info > div > span {
  position: relative;
  margin-left: 0.1rem;
  padding: 0 2.5rem;
  font-size: 1.4rem;
  font-style: normal;
}
.footer-area .footer-area-grid .footer-info > div > span:first-child {
  padding-left: 0;
}
.footer-area .footer-area-grid .footer-info > div > span:first-child::before {
  display: none;
}
.footer-area .footer-area-grid .footer-info > div > span::before {
  content: "";
  position: absolute;
  left: -0.1rem;
  top: 50%;
  display: inline-block;
  width: 0.1rem;
  height: 1.3rem;
  margin-top: -0.6rem;
  background: #cecece;
  vertical-align: middle;
}
.footer-area .footer-area-grid .footer-notice {
  margin-top: 2.5rem;
  line-height: 2.4rem;
}
.footer-area .footer-area-grid .footer-copy {
  margin-top: 2.5rem;
}
.footer-area .footer-area-grid .footer-customer {
  position: absolute;
  right: 0;
  top: 5.5rem;
  color: #222;
}
.footer-area .footer-area-grid .footer-customer .customer-content {
  position: relative;
  padding: 1rem 2.5rem;
  background: #f7f7f7;
  border-radius: 1rem;
  border: 0.1rem solid #ddd;
  font-size: 0;
}
.footer-area .footer-area-grid .footer-customer .customer-content-line {
  display: inline-block;
  width: 0;
  height: 3.7rem;
  margin: 0 1.2rem;
  border-right: 0.1rem dashed #ddd;
  vertical-align: middle;
}
.footer-area .footer-area-grid .footer-customer .customer-content-item {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
.footer-area .footer-area-grid .footer-customer .customer-content-item-title {
  display: block;
  font-size: 1.4rem;
}
.footer-area .footer-area-grid .footer-customer .customer-content-tel {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
}
.footer-area .footer-area-grid .footer-customer .customer-content-foot {
  display: block;
  margin: 0.3rem 0 0 0;
  font-size: 1.2rem;
}
.footer-area .footer-area-grid .footer-customer-head {
  font-size: 1.4rem;
  font-weight: normal;
  margin: 0 0 1rem 0;
  padding: 0;
}
.footer-area .footer-area-grid .footer-customer-title {
  font-size: 1.4rem;
}
.footer-area .footer-area-grid .icon-common {
  position: relative;
  top: 0;
  display: inline-block;
  width: 2rem;
  height: 1.9rem;
  margin-right: 0.4rem;
  background: url("/UIDev/v3/images/icon/icon_common_v20210915.png") no-repeat;
  background-position: -2.5rem -2.5rem;
  vertical-align: middle;
  overflow: hidden;
}
.footer-area .footer-area-grid .footer-customer-content {
  float: right;
  margin-left: 2rem;
  padding-left: 2.5rem;
  border-left: 0.1rem solid #ddd;
  line-height: 1;
}
.footer-area .footer-area-grid .footer-customer-tel {
  display: block;
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: -0.1rem;
}
.footer-area .footer-area-grid .footer-customer-time {
  display: block;
  margin-top: 1rem;
  font-size: 1.7rem;
}
.footer-area .footer-area-grid .footer-app-award {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  width: 19.7rem;
  height: 4.8rem;
}
.footer-area .footer-area-grid .footer-app-award img {
  display: block;
  width: 100%;
  height: 100%;
}
.footer-area .footer-area-grid .certify-marks {
  display: block;
  margin-top: 1rem;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.footer-area .footer-area-grid .logo-certify {
  display: inline-block;
  width: 6rem;
  height: 6rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent !important;
  font-size: xx-small !important;
  overflow: hidden;
  text-indent: -99.9rem;
}
.footer-area .footer-area-grid .logo-certify:not(:last-child) {
  margin-right: 1rem;
}
.footer-area .footer-area-grid .logo-certify.logo-certify-ismsp {
  background-image: url("/UIDev/v3/images/common/logo-ismsp.png");
}
.footer-area .footer-area-grid .logo-certify.logo-certify-kcsi {
  background-image: url("/UIDev/v3/images/common/logo-kcsi.png");
}
.footer-area .footer-area-grid .help-tooltip {
  position: relative;
}
.footer-area .footer-area-grid .help-tooltip:hover .help-tooltip-box {
  display: block;
}
.footer-area .footer-area-grid .help-tooltip .help-tooltip-box {
  position: absolute;
  bottom: 100%;
  left: 0;
  display: none;
  min-width: 22.5rem;
  padding: 1.2rem 1.4rem;
  border: 0.1rem solid #60584c;
  background-color: #f9fcff;
  -webkit-box-shadow: 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.05);
  font-size: 1.4rem;
  line-height: 1.42;
  text-align: left;
  color: #60584c;
  white-space: nowrap;
}
.footer-area .footer-area-grid .help-tooltip .help-tooltip-box {
  bottom: 100%;
  margin-bottom: 0.5rem;
  left: auto;
  right: -1rem;
}
.footer-area .footer-area-grid .help-tooltip .help-tooltip-box.help-tooltip-box-top .help-tooltip-arrow {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  top: auto;
  bottom: -0.7rem;
}
.footer-area .footer-area-grid .help-tooltip .help-tooltip-box.help-tooltip-box-left {
  left: -1rem;
}
.footer-area .footer-area-grid .help-tooltip .help-tooltip-box.help-tooltip-box-left .help-tooltip-arrow {
  left: 3rem;
}
.footer-area .footer-area-grid .help-tooltip .help-tooltip-box.help-tooltip-box-right .help-tooltip-arrow {
  left: auto;
  right: 3rem;
}
.footer-area .footer-area-grid .help-tooltip .help-tooltip-arrow {
  position: absolute;
  top: -0.7rem;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  margin-left: -0.7rem;
  background-color: #f9fcff;
  -webkit-box-shadow: -0.1rem -0.1rem 0 #60584c;
  box-shadow: -0.1rem -0.1rem 0 #60584c;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.footer-area .footer-area-grid .help-tooltip.help-tooltip-show .help-tooltip-box {
  display: inline-block !important;
}

button.disabled,
button:disabled {
  opacity: 0.2;
  cursor: default;
}

.btn-type01 {
  color: #fff;
  background: #ff5d16;
}
.btn-type01:disabled {
  color: #999;
  background: #faf9f8;
  cursor: default;
}
.btn-type01.big {
  min-width: 170px;
  min-height: 56px;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.btn-type01.big:disabled {
  opacity: 0.2;
  color: #fff;
  background: #ff5d16;
}

.btn-type02 {
  color: #ff5d16;
  background: #ffdfd0;
}

.btn-type03 {
  background-color: #fff;
  color: #ff5d16;
  border: solid 0.1rem #ffdfd0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-type04 {
  color: #000;
  border: solid 0.1rem #e9e9e9;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-type05 {
  color: #757575;
  border: solid 0.1rem transparent;
  background-color: #f8f8f8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-type01,
.btn-type02,
.btn-type03,
.btn-type04,
.btn-type05 {
  display: inline-block;
  font-weight: 600;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.3rem;
  border-radius: 0.2rem;
  padding: 0 2rem;
  font-family: "Pretendard", "APPLE SD Gothic NEO", -apple-system, system-ui, "Helvetica Neue", "Dotum", "돋움", "Roboto", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-type01.sm,
.btn-type02.sm,
.btn-type03.sm,
.btn-type04.sm,
.btn-type05.sm {
  height: 2.8rem;
  line-height: 2.6rem;
  font-size: 1.3rem;
  padding: 0 1rem;
}

.btn-reset {
  height: 4rem;
  line-height: 4rem;
  font-size: 1.4rem;
  font-weight: 700;
  font-family: "Pretendard", "APPLE SD Gothic NEO", -apple-system, system-ui, "Helvetica Neue", "Dotum", "돋움", "Roboto", sans-serif;
  color: #222;
  border-radius: 0.2rem;
  border: solid 0.1rem #222;
  padding: 0 2rem;
  background: #fff;
}
.btn-reset i {
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  margin-left: 1px;
  width: 16px;
}
.btn-reset i img {
  width: 100%;
}

.btn-new {
  display: inline-block;
  min-width: 88px;
  height: 40px;
  line-height: 39px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 4px;
  font-family: "Pretendard", "APPLE SD Gothic NEO", -apple-system, system-ui, "Helvetica Neue", "Dotum", "돋움", "Roboto", sans-serif;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.btn-new:disabled {
  opacity: 1;
  cursor: default;
}
.btn-new ~ .btn-new {
  margin-left: 5px;
}
.btn-new.type-medium {
  height: 34px;
  line-height: 34px;
  font-size: 12px;
  border-radius: 2px;
  padding: 0 11px;
}
.btn-new.type-medium2 {
  padding: 0 24px;
  height: 40px;
  font-size: 14px;
  font-weight: 300;
  line-height: 39px;
  border-radius: 4px;
}
.btn-new.type-medium3 {
  font-size: 12px;
  border-radius: 2px;
  padding: 0 16px;
}
.btn-new.type-large {
  width: 97px;
  font-size: 14px;
}
.btn-new.type-large2 {
  width: 97px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.btn-new.type-large--height {
  height: 48px;
  line-height: 47px;
  font-size: 16px;
}
.btn-new.type-xlarge {
  width: 104px;
  height: 56px;
  line-height: 56px;
  font-size: 16px;
}
.btn-new.sm {
  min-width: auto;
  height: 30px;
  line-height: 28px;
  padding: 0 12px;
  font-size: 12px;
  border-radius: 2px;
}
.btn-new.sm.type-round-white {
  font-weight: 400;
  border-radius: 4px;
  border: 1px solid #fff;
}
.btn-new.sm.type-round-gray {
  font-weight: 400;
  border-radius: 4px;
  border: 1px solid #888;
}
.btn-new.sm.type-round-black {
  font-weight: 700;
  border-radius: 0.2rem;
  border: 1px solid #666;
  height: 3.4rem;
  line-height: 3.4rem;
}
.btn-new.sm-ty-2 {
  min-width: auto;
  height: 32px;
  padding: 0 16px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  line-height: 31px;
  vertical-align: middle;
}
.btn-new.sm-ty-2 > label {
  display: block;
  margin: 0 -16px;
  padding: 0 16px;
  line-height: 31px;
  cursor: pointer;
}
.btn-new.wid-ty-lg {
  width: 209px;
}
.btn-new.wid-long {
  min-width: 120px;
  width: auto;
  padding: 0 32px;
}
.btn-new.wid-auto {
  width: auto;
  padding: 0 23.5px;
}
.btn-new.wid-auto-lg {
  width: auto;
  padding: 0 36px;
}
.btn-new.wid-50 {
  width: 50%;
}
.btn-new.wid-100 {
  width: 100%;
}
.btn-new.btn-modify {
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
  min-width: 74px;
  width: 74px;
  min-height: 41px;
  border-radius: 41px;
  padding: 8px 10px 8px 12px;
  background-color: #eee;
  border: 1px solid #666;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: -1px;
}
.btn-new.btn-modify::after {
  content: "";
  display: inline-block;
  margin-left: 4px;
  width: 16px;
  height: 15px;
  background: url("/UIDev/v3/images/icon/icon-modify.svg");
}
.btn-new .small {
  font-weight: 300;
}
.btn-new.min-wid-auto {
  width: auto;
  padding: 0 24px;
  min-width: auto;
}

.btn-orange {
  background-color: #ff5d16;
}

.btn-black {
  color: #fff;
  background: #222;
  border: 1px solid #222;
}
.btn-black.disabled, .btn-black:disabled {
  color: #aaa;
  background: #ddd;
  cursor: default;
  border-color: #ddd;
  opacity: 1;
}
.btn-black.width-m {
  padding: 0 2.4rem;
}

.btn-base-outline {
  color: #222;
  border: 1px solid #666;
  background: #fff;
}
.btn-base-outline:disabled {
  color: #aaa;
  border-color: #eee;
  background-color: #eee;
}

.btn-black-outline {
  color: #222;
  border: 1px solid #666;
  background: #fff;
}
.btn-black-outline.btn-ty-2:disabled {
  color: #aaa;
  border-color: #eee;
  background-color: #eee;
}
.btn-black-outline.btn-ty-3:disabled {
  color: #aaa;
  border-color: #ddd;
  background-color: #ddd;
}
.btn-black-outline:disabled {
  color: #888;
  border-color: #eee;
}
.btn-black-outline.type-medium3 {
  font-weight: 500;
}
.btn-black-outline.type--w-full {
  min-width: 100%;
}

.btn-gray-outline {
  color: #222;
  border: 1px solid #ddd;
}

.btn-align {
  width: 100%;
  text-align: right;
}
.btn-align + .new-table-list {
  margin-top: 1.6rem;
}

.new-txt-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
  font-weight: 700;
  color: currentColor;
  line-height: 2rem;
}
.new-txt-link::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  background-size: 100%;
  background-image: url("/UIDev/v3/images/icon/icon_arrow_black.svg");
}

.new-txt-simple-link {
  display: inline-block;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.btn-circle-arrow {
  min-height: 24px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}
.btn-circle-arrow::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 8px;
  width: 24px;
  height: 24px;
  border: 1px solid #222;
  border-radius: 50%;
  background-size: 16px;
  background-position: 50% 50%;
  background-image: url("/UIDev/v3/images/icon/icon_arrow_circle.svg");
}
.btn-circle-arrow.btn-circle-arrow--small::after {
  width: 20px;
  height: 20px;
  background-size: 14px;
  background-position: center;
  background-image: url("/UIDev/v3/images/icon/icon_arrow_circle.svg");
  vertical-align: middle;
  margin-top: -3px;
}
.btn-circle-arrow.btn-circle-arrow--small + .btn-circle-arrow--small {
  margin-left: 16px !important;
}

.btn-more-2 {
  margin: 0 auto;
  display: block;
  margin-top: 32px;
  margin-bottom: -8px;
}
.btn-more-2::after {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  width: 15px;
  height: 16px;
  background: url("../images/icon/icon-arrow-right-black.svg");
  -webkit-transform: rotate(-270deg);
      -ms-transform: rotate(-270deg);
          transform: rotate(-270deg);
  content: "";
}

.btn-link-bar {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.btn-link-bar + .btn-link-bar::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #ddd;
  margin: -1px 12px 0 4px;
  vertical-align: middle;
}

.btn-select {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  position: relative;
  padding-right: 24px;
}
.btn-select::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/icon/icon-arrow-down.svg") no-repeat center/contain;
  position: absolute;
  right: 0;
  top: 8.5px;
}

.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(/UIDev/v3/images/icon/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(/UIDev/v3/images/icon/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 5px 0 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/UIDev/v3/images/icon/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;
  line-height: 23px;
}
.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;
  line-height: 23px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: none;
}

.form-chk {
  position: relative;
}
.form-chk input[type=checkbox] {
  display: none;
  width: 0;
  height: 0;
  border: 0 none;
  font-size: 0;
}
.form-chk input[type=checkbox]:disabled {
  cursor: none;
}
.form-chk input[type=checkbox]:disabled + label {
  color: #999;
}
.form-chk input[type=checkbox]:disabled + label::before {
  background-image: url(/UIDev/v3/images/icon/icon-ck-white.png);
  background-color: #ddd;
  border: solid 0.1rem #ddd;
}
.form-chk input[type=checkbox]:checked + label::before {
  background-color: #ff5d16;
  background-image: url(/UIDev/v3/images/icon/icon-ck-white-on.svg);
  border: solid 0.1rem #ff5d16;
}
.form-chk input[type=checkbox] + label {
  cursor: pointer;
}
.form-chk input[type=checkbox] + label .txt-rht {
  float: right;
  color: rgba(153, 153, 153, 0.6);
  font-weight: 400;
}
.form-chk input[type=checkbox] + label .tit-lft {
  width: 20rem;
  display: inline-block;
}
.form-chk input[type=checkbox] + label .tit-lft i {
  margin-right: 0.8rem;
}
.form-chk input[type=checkbox] + label .underline {
  vertical-align: top;
  text-decoration: underline;
}
.form-chk input[type=checkbox] + label:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #ddd;
  background-image: url(/UIDev/v3/images/icon/icon-ck-off.svg);
  background-repeat: no-repeat;
  background-color: white;
  background-position: center;
  width: 1.8rem;
  height: 1.8rem;
  text-align: center;
  font-size: 1rem;
  margin-right: 0.5rem;
  vertical-align: top;
}
.form-chk.type-gray input[type=checkbox]:checked + label::before {
  background-position: 0 0;
  background-size: 100%;
  background-color: #ddd;
  background-image: url(/UIDev/v3/images/icon/icon-ck-gray-on.svg);
  border: solid 0.1rem #ddd;
}
.form-chk.type-gray input[type=checkbox] + label {
  color: #888;
}
.form-chk.chk-box {
  display: block;
}
.form-chk.chk-box input[type=checkbox] + label {
  display: block;
  padding: 11px 16px;
  border: 1px solid #e9e9e9;
}
.form-chk.type-black input[type=checkbox] + label::before {
  background: url("/UIDev/v3/images/icon/icon-ck-black.svg") no-repeat 50% 50%/71% auto;
  background-color: #fff;
  border-color: #222;
}
.form-chk.type-black input[type=checkbox]:checked + label::before {
  background: url("/UIDev/v3/images/icon/icon-ck-yellow.svg") no-repeat 50% 50%/71% auto;
  background-color: #222;
  border-color: #222;
}

.form-chk2 {
  position: relative;
}
.form-chk2 input[type=checkbox] {
  display: none;
  width: 0;
  height: 0;
  border: 0 none;
  font-size: 0;
}
.form-chk2 input[type=checkbox]:checked + label {
  border: 0.1rem solid #ffdfd0;
  color: #ff5d16;
}
.form-chk2 input[type=checkbox]:checked + label::before {
  content: "";
  display: inline-block;
  width: 1.1rem;
  height: 0.9rem;
  margin-right: 0.6rem;
  background-image: url(/UIDev/v3/images/icon/icon-orange-check.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.1rem 0.9rem;
}
.form-chk2 input[type=checkbox] + label {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 11.8rem;
  height: 4.3rem;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 4.3rem;
  text-align: center;
}

.form-chk3 {
  position: relative;
}
.form-chk3 input[type=checkbox] {
  display: none;
  width: 0;
  height: 0;
  border: 0 none;
  font-size: 0;
}
.form-chk3 input[type=checkbox]:checked + label {
  color: #ff5d16;
  font-weight: 700;
  text-align: left;
}
.form-chk3 input[type=checkbox]:checked + label > .tit > em {
  font-weight: 400;
}
.form-chk3 input[type=checkbox]:checked + label::before {
  content: "";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.6rem;
  margin-top: 0.2rem;
  background-image: url(/UIDev/v3/images/icon/icon-fi-check.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.2rem 1.2rem;
}
.form-chk3 input[type=checkbox] + label {
  cursor: pointer;
  position: relative;
  display: block;
  width: 100%;
  color: #4f4f4f;
  font-weight: 400;
  line-height: 1.8rem;
}
.form-chk3 input[type=checkbox] + label > .tit {
  width: 19rem;
  display: inline-block;
  vertical-align: top;
}
.form-chk3 input[type=checkbox] + label > .tit > em {
  font-style: normal;
  color: #999;
}
.form-chk3 input[type=checkbox] + label .txt-rht {
  float: right;
  color: rgba(153, 153, 153, 0.6);
  font-weight: 400;
}

.form-chk4 {
  position: relative;
}
.form-chk4 input[type=checkbox] {
  display: none;
  width: 0;
  height: 0;
  border: 0 none;
  font-size: 0;
}
.form-chk4 input[type=checkbox]:checked + label {
  font-weight: 700;
  text-align: left;
}
.form-chk4 input[type=checkbox]:checked + label > .tit > em {
  font-weight: 400;
}
.form-chk4 input[type=checkbox]:checked + label::before {
  content: "";
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.6rem;
  margin-top: 0.2rem;
  background-color: #000;
  border-radius: 50%;
  vertical-align: 0.4rem;
}
.form-chk4 input[type=checkbox] + label {
  cursor: pointer;
  position: relative;
  display: block;
  width: 100%;
  color: #4f4f4f;
  font-weight: 400;
  line-height: 1.8rem;
}
.form-chk4 input[type=checkbox] + label > .tit {
  width: 19rem;
  display: inline-block;
  vertical-align: top;
}
.form-chk4 input[type=checkbox] + label > .tit > em {
  font-style: normal;
  color: #999;
}
.form-chk4 input[type=checkbox] + label .txt-rht {
  float: right;
  color: rgba(153, 153, 153, 0.6);
  font-weight: 400;
}

.form-radio input[type=radio] {
  display: none;
  width: 0;
  height: 0;
}
.form-radio input[type=radio]:checked + label::before {
  border: solid 1px #ff5d16;
  background-color: #ff5d16;
}
.form-radio input[type=radio] + label {
  padding-left: 2.3rem;
  position: relative;
  background: white;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.form-radio input[type=radio] + label::before {
  width: 1.8rem;
  height: 1.8rem;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 0.1rem #ddd;
  border-radius: 100%;
}
.form-radio input[type=radio] + label::after {
  width: 0.6rem;
  height: 0.6rem;
  content: "";
  position: absolute;
  left: 0.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  border-radius: 100%;
}
.form-radio.type-chk input[type=radio]:disabled {
  cursor: none;
}
.form-radio.type-chk input[type=radio]:disabled + .label {
  color: #999;
}
.form-radio.type-chk input[type=radio]:disabled + .label::before {
  background-image: url(/UIDev/v3/images/icon/icon-ck-white.png);
  background-color: #ddd;
  border: 1px solid #ddd;
}
.form-radio.type-chk input[type=radio]:checked + .label::before {
  background-color: #ff5d16;
  background-image: url(/UIDev/v3/images/icon/icon-ck-white-on.svg);
}
.form-radio.type-chk .label {
  padding-left: 0;
  background-color: transparent;
}
.form-radio.type-chk .label::before {
  position: static;
  display: inline-block;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  margin: 4px 6px 0 0;
  vertical-align: top;
  background-image: url(/UIDev/v3/images/icon/icon-ck-off.svg);
  background-repeat: no-repeat;
  background-color: white;
  background-position: 4px 4px;
}
.form-radio.type-chk .label::after {
  display: none;
}
.form-radio.type-chk.type-black input[type=radio] + label::before {
  background: url("/UIDev/v3/images/icon/icon-ck-black.svg") no-repeat 50% 50%/72% auto;
  background-color: #fff;
  border-color: #222;
}
.form-radio.type-chk.type-black input[type=radio]:checked + label::before {
  background: url("/UIDev/v3/images/icon/icon-ck-yellow.svg") no-repeat 50% 50%/72% auto;
  background-color: #222;
  border-color: #222;
}
.form-radio.type-chk.type-bold .label {
  font-weight: 700;
}
.form-radio.type-description {
  position: relative;
}
.form-radio.type-description input[type=radio]:checked ~ .payment-select .select2 .select2-selection .select2-selection__rendered {
  color: #222;
}
.form-radio.type-description input[type=radio]:checked ~ .payment-select .select2 .select2-selection .select2-selection__arrow b {
  background-image: url("/UIDev/v3/images/icon/icon_arrow_black.svg");
}
.form-radio.type-description .select2 {
  position: absolute;
  top: 10px;
  right: 14px;
}
.form-radio.type-description .select2 .select2-selection .select2-selection__rendered {
  font-size: 18px;
  color: #888;
}
.form-radio.type-description .select2 .select2-selection .select2-selection__arrow b {
  background-image: url("/UIDev/v3/images/icon/icon_arrow_gray.svg");
}
.form-radio.type-description .form-description {
  padding: 16px;
  border-radius: 0 0 4px 4px;
  background-color: #f8f8f8;
}
.form-radio.fm-black input[type=radio] + label {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  padding-left: 28px;
}
.form-radio.fm-black input[type=radio] + label::before {
  width: 20px;
  height: 20px;
}
.form-radio.fm-black input[type=radio] + label:after {
  left: 0.6rem;
  width: 8px;
  height: 8px;
}
.form-radio.fm-black input[type=radio]:disabled + label {
  color: #aaa;
}
.form-radio.fm-black input[type=radio]:disabled + label::before {
  background-color: #eee;
  border: 1px solid #ddd;
}
.form-radio.fm-black input[type=radio]:disabled + label:after {
  background-color: #eee;
}
.form-radio.fm-black input[type=radio]:checked + label::before {
  background-color: #222;
  border-color: #222;
}
.form-radio.fm-black input[type=radio]:checked + label:after {
  background-color: #fff;
}
.form-radio.fm-black input[type=radio]:checked:disabled + label::before {
  background-color: #ddd;
  border-color: #ddd;
}
.form-radio.fm-small input[type=radio] + label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  padding-left: 20px;
}
.form-radio.fm-small input[type=radio] + label::before {
  width: 16px;
  height: 16px;
}
.form-radio.fm-small input[type=radio] + label:after {
  width: 6px;
  height: 6px;
  left: 0.5rem;
}

.form-chk-radio.type-description {
  position: relative;
}
.form-chk-radio.type-description input[type=radio]:checked ~ .payment-select .select2 .select2-selection .select2-selection__rendered {
  color: #222;
}
.form-chk-radio.type-description input[type=radio]:checked ~ .payment-select .select2 .select2-selection .select2-selection__arrow b {
  background-image: url("/UIDev/v3/images/icon/icon_arrow_black.svg");
}
.form-chk-radio.type-description .select2 {
  position: absolute;
  top: 10px;
  right: 14px;
}
.form-chk-radio.type-description .select2 .select2-selection .select2-selection__rendered {
  font-size: 18px;
  color: #888;
}
.form-chk-radio.type-description .select2 .select2-selection .select2-selection__arrow b {
  background-image: url("/UIDev/v3/images/icon/icon_arrow_gray.svg");
}
.form-chk-radio.type-description .form-description {
  padding: 16px;
  border-radius: 0 0 4px 4px;
  background-color: #f8f8f8;
}

.form-radio3 {
  position: relative;
}
.form-radio3 input[type=radio] {
  display: none;
  width: 0;
  height: 0;
  border: 0 none;
  font-size: 0;
}
.form-radio3 input[type=radio]:checked + label {
  color: #ff5d16;
  font-weight: 700;
  text-align: left;
}
.form-radio3 input[type=radio]:checked + label > .tit > em {
  font-weight: 400;
}
.form-radio3 input[type=radio]:checked + label::before {
  content: "";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.6rem;
  margin-top: 0.2rem;
  background-image: url(/UIDev/v3/images/icon/icon-fi-check.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.2rem 1.2rem;
}
.form-radio3 input[type=radio] + label {
  cursor: pointer;
  position: relative;
  display: block;
  width: 100%;
  color: #4f4f4f;
  font-weight: 400;
  line-height: 1.8rem;
}
.form-radio3 input[type=radio] + label > .tit {
  width: 19rem;
  display: inline-block;
  vertical-align: top;
}
.form-radio3 input[type=radio] + label > .tit > em {
  font-style: normal;
  color: #999;
}
.form-radio3 input[type=radio] + label .txt-rht {
  float: right;
  color: rgba(153, 153, 153, 0.6);
  font-weight: 400;
}

.chk-group {
  display: inline-block;
}
.chk-group .form-radio,
.chk-group .form-chk-radio {
  display: inline-block;
  margin-right: 4px;
}
.chk-group .form-radio:last-child,
.chk-group .form-chk-radio:last-child {
  margin-right: 0;
}
.chk-group.ty-2 .form-radio,
.chk-group.ty-2 .form-chk-radio {
  margin-right: 0;
}
.chk-group.ty-3 > .form-radio,
.chk-group.ty-3 > .form-chk-radio {
  display: block;
}
.chk-group.ty-3 > .form-radio + .form-radio, .chk-group.ty-3 > .form-radio + .form-chk-radio,
.chk-group.ty-3 > .form-chk-radio + .form-radio,
.chk-group.ty-3 > .form-chk-radio + .form-chk-radio {
  margin-top: 9.5px;
}

.form-chk-radio {
  position: relative;
}
.form-chk-radio input[type=radio],
.form-chk-radio input[type=checkbox] {
  display: none;
  width: 0;
  height: 0;
  border: 0 none;
  font-size: 0;
}
.form-chk-radio input[type=radio]:disabled + label,
.form-chk-radio input[type=checkbox]:disabled + label {
  color: #999;
  cursor: default;
}
.form-chk-radio input[type=radio]:disabled + label::before,
.form-chk-radio input[type=checkbox]:disabled + label::before {
  background-image: url(/UIDev/v3/images/icon/icon-chk-radio-disabled.svg);
  background-color: #ddd;
  border: solid 0.1rem #ddd;
}
.form-chk-radio input[type=radio]:checked + label::before,
.form-chk-radio input[type=checkbox]:checked + label::before {
  background-color: #ff5d16;
  background-image: url(/UIDev/v3/images/icon/icon-chk-radio-on.svg);
  border: solid 0.1rem #ff5d16;
}
.form-chk-radio input[type=radio]:disabled:checked + label,
.form-chk-radio input[type=checkbox]:disabled:checked + label {
  color: #222;
  font-weight: 300;
}
.form-chk-radio input[type=radio] + label,
.form-chk-radio input[type=checkbox] + label {
  cursor: pointer;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 2.6rem;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.form-chk-radio input[type=radio] + label .txt-rht,
.form-chk-radio input[type=checkbox] + label .txt-rht {
  float: right;
  color: rgba(153, 153, 153, 0.6);
  font-weight: 400;
}
.form-chk-radio input[type=radio] + label .tit-lft,
.form-chk-radio input[type=checkbox] + label .tit-lft {
  width: 20rem;
  display: inline-block;
}
.form-chk-radio input[type=radio] + label .tit-lft i,
.form-chk-radio input[type=checkbox] + label .tit-lft i {
  margin-right: 0.8rem;
}
.form-chk-radio input[type=radio] + label .underline,
.form-chk-radio input[type=checkbox] + label .underline {
  vertical-align: top;
  text-decoration: underline;
}
.form-chk-radio input[type=radio] + label:before,
.form-chk-radio input[type=checkbox] + label:before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  border: 1px solid #ddd;
  background-image: url(/UIDev/v3/images/icon/icon-chk-radio-off.svg);
  background-repeat: no-repeat;
  background-color: white;
  background-position: center center;
  background-size: 8px 6px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 1px;
  left: 0;
}
.form-chk-radio input[type=radio] + label .form-chk-cont,
.form-chk-radio input[type=checkbox] + label .form-chk-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 20px;
}
.form-chk-radio.type-gray input[type=checkbox]:checked + label::before {
  background-position: 0 0;
  background-size: 100%;
  background-color: #ddd;
  background-image: url(/UIDev/v3/images/icon/icon-ck-gray-on.svg);
  border: solid 0.1rem #ddd;
}
.form-chk-radio.type-gray input[type=checkbox] + label {
  color: #888;
}
.form-chk-radio.chk-box {
  display: block;
}
.form-chk-radio.chk-box input[type=checkbox] + label {
  display: block;
  padding: 11px 16px;
  border: 1px solid #e9e9e9;
}
.form-chk-radio.fm-black input[type=checkbox]:checked + label::before,
.form-chk-radio.fm-black input[type=radio]:checked + label::before {
  background-image: url("/UIDev/v3/images/icon/icon-chk-radio-on-yellow.svg");
  background-color: #222;
  border-color: #222;
}
.form-chk-radio.fm-small input[type=checkbox] + label,
.form-chk-radio.fm-small input[type=radio] + label {
  padding-left: 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.form-chk-radio.fm-small input[type=checkbox] + label::before,
.form-chk-radio.fm-small input[type=radio] + label::before {
  width: 16px;
  height: 16px;
  top: 2px;
}
.form-chk-radio.fm-small.fm-small--500 input[type=checkbox] + label,
.form-chk-radio.fm-small.fm-small--500 input[type=radio] + label {
  font-weight: 500;
}
.form-chk-radio.fm-large input[type=checkbox] + label,
.form-chk-radio.fm-large input[type=radio] + label {
  display: inline-block;
  padding-left: 32px;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.form-chk-radio.fm-large input[type=checkbox] + label::before,
.form-chk-radio.fm-large input[type=radio] + label::before {
  width: 24px;
  height: 24px;
  background-size: 11px 8px;
}
.form-chk-radio.fm-line input[type=checkbox] + label::before,
.form-chk-radio.fm-line input[type=radio] + label::before {
  background-image: url(../images/icon/icon-chk-radio-off-black.svg);
  border-color: #222;
}
.form-chk-radio.fm-line input[type=checkbox]:checked + label::before,
.form-chk-radio.fm-line input[type=radio]:checked + label::before {
  background-image: url(../images/icon/icon-chk-radio-on-yellow.svg);
  background-color: #222;
  border-color: #222;
}
.form-chk-radio.fm-line input[type=checkbox]:disabled + label::before,
.form-chk-radio.fm-line input[type=radio]:disabled + label::before {
  background-image: url(../images/icon/icon-chk-radio-off-black.svg);
  background-color: #fff;
  border-color: #222;
}
.form-chk-radio.label-none input[type=checkbox] + label,
.form-chk-radio.label-none input[type=radio] + label {
  position: static;
  padding: 0;
}
.form-chk-radio.label-none input[type=checkbox] + label::before,
.form-chk-radio.label-none input[type=radio] + label::before {
  position: relative;
  display: inline-block;
}
.form-chk-radio .inp-t-3 {
  display: inline-block;
}

.form-large input[type=checkbox] + label,
.form-large input[type=radio] + label {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  padding-left: 32px;
}
.form-large input[type=checkbox] + label:before,
.form-large input[type=radio] + label:before {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(/UIDev/v3/images/icon/icon-ck-off-large.svg);
}
.form-large input[type=checkbox]:checked + label::before,
.form-large input[type=radio]:checked + label::before {
  background-image: url(/UIDev/v3/images/icon/icon-ck-white-large-on.svg);
}
.form-large.form-chk input[type=checkbox] + label,
.form-large.form-chk input[type=radio] + label {
  padding-left: 0;
}

.c-toggle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.c-toggle .c-toggle-control {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.c-toggle .c-toggle-control + .c-toggle-text {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 14px 26px;
  border-radius: 2px;
  border: solid 1px #e9e9e9;
  background-color: #fff;
}
.c-toggle .c-toggle-control:disabled + .c-toggle-text {
  background-color: #f8f8f8;
  color: #757575;
}
.c-toggle .c-toggle-control:checked + .c-toggle-text {
  color: #ff5d16;
  border-color: #ffdfd0;
}

.txar-tp1 {
  display: block;
  width: 100%;
  padding: 1.6rem 2rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Pretendard", "APPLE SD Gothic NEO", -apple-system, system-ui, "Helvetica Neue", "Dotum", "돋움", "Roboto", sans-serif;
  font-size: 14px;
  resize: none;
  background-color: #fff;
}
.txar-tp1::-webkit-input-placeholder {
  font-size: 14px;
  color: #888;
}
.txar-tp1::-moz-placeholder {
  font-size: 14px;
  color: #888;
}
.txar-tp1:-ms-input-placeholder {
  font-size: 14px;
  color: #888;
}
.txar-tp1::-ms-input-placeholder {
  font-size: 14px;
  color: #888;
}
.txar-tp1::placeholder {
  font-size: 14px;
  color: #888;
}
.txar-tp1.is-invalid {
  border-color: #f23f3f;
}

.txar-tp2 {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  display: block;
  width: 100%;
  height: auto;
  padding: 16px 16px 50px;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
  background-color: #fff;
  overflow: hidden;
}
.txar-tp2::-webkit-input-placeholder {
  font-size: 14px;
  color: #888;
}
.txar-tp2::-moz-placeholder {
  font-size: 14px;
  color: #888;
}
.txar-tp2:-ms-input-placeholder {
  font-size: 14px;
  color: #888;
}
.txar-tp2::-ms-input-placeholder {
  font-size: 14px;
  color: #888;
}
.txar-tp2::placeholder {
  font-size: 14px;
  color: #888;
}
.txar-tp2.is-invalid {
  border-color: #f23f3f;
}

.txar-area {
  position: relative;
}
.txar-area > .count {
  position: absolute;
  padding: 16px;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: right;
  display: block;
  pointer-events: none;
  color: #888;
}

.c-txar-tp {
  padding: 16px;
  border-radius: 0.2rem;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.54;
  letter-spacing: -0.52px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-txar-tp::-webkit-input-placeholder {
  color: #999;
}
.c-txar-tp::-moz-placeholder {
  color: #999;
}
.c-txar-tp:-ms-input-placeholder {
  color: #999;
}
.c-txar-tp::-ms-input-placeholder {
  color: #999;
}
.c-txar-tp::placeholder {
  color: #999;
}

.textarea-count-area {
  position: relative;
  border: 1px solid #ddd;
  padding: 8px 16px 28px;
}
.textarea-count-area .txar-tp1 {
  border: 0;
  padding: 0;
  height: 60px;
  font-weight: 700;
}
.textarea-count-area .txar-tp1::-webkit-input-placeholder {
  font-weight: 300;
}
.textarea-count-area .txar-tp1::-moz-placeholder {
  font-weight: 300;
}
.textarea-count-area .txar-tp1:-ms-input-placeholder {
  font-weight: 300;
}
.textarea-count-area .txar-tp1::-ms-input-placeholder {
  font-weight: 300;
}
.textarea-count-area .txar-tp1::placeholder {
  font-weight: 300;
}
.textarea-count-area .char-count {
  position: absolute;
  bottom: 8px;
  right: 16px;
  height: 20px;
  color: #888;
}
.textarea-count-area.disabled {
  background-color: #eee;
}
.textarea-count-area.disabled .txar-tp1:disabled {
  background-color: #eee;
  color: #aaa;
}
.textarea-count-area.disabled .char-count {
  color: #aaa;
}

.switch-item label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 1.3rem;
  font-weight: 700;
}
.switch-item label.c-body-14 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.switch-item [type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background-color: #e9e9e9;
  border-radius: 1.2rem;
  width: 4.6rem;
  height: 2.4rem;
}
.switch-item [type=checkbox]::before {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 0.2rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  background-color: white;
  -webkit-transition: left 250ms linear;
  transition: left 250ms linear;
}
.switch-item [type=checkbox]:checked {
  background-color: #ff5d16;
}
.switch-item [type=checkbox]:checked::before {
  background-color: white;
  left: 2.4rem;
}
.switch-item [type=checkbox]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.switch-item [type=checkbox]:disabled:before {
  background-color: lightgray;
}
.switch-item [type=checkbox]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}
.switch-item.switch-ty-2 [type=checkbox] {
  width: 3.6rem;
  height: 2rem;
  margin: 0;
}
.switch-item.switch-ty-2 [type=checkbox]::before {
  width: 2rem;
  height: 2rem;
  left: 0;
  top: 0;
}
.switch-item.switch-ty-2 [type=checkbox]:checked {
  background-color: #ff5d16;
}
.switch-item.switch-ty-2 [type=checkbox]:checked::before {
  background-color: white;
  left: 1.6rem;
}
.switch-item.switch-ty-2 [type=checkbox]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.switch-item.switch-ty-2 [type=checkbox]:disabled:before {
  background-color: lightgray;
}

.c-rating {
  position: relative;
  display: inline-block;
}
.c-rating .c-rating-control {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.c-rating .c-rating-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-rating .c-rating-group > * + * {
  margin-left: 4px;
}
.c-rating .c-rating-group .c-rating-icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: block;
  width: 23px;
  height: 22px;
  background: url("/UIDev/v3/images/icon/icon-star.png") no-repeat;
  background-size: 23px auto;
}
.c-rating .c-rating-group .c-rating-icon::after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background: url("/UIDev/v3/images/icon/icon-star-on.png") no-repeat;
  background-size: 23px auto;
}
.c-rating .c-rating-group .c-rating-icon.half::after {
  width: 50%;
}
.c-rating .c-rating-group .c-rating-icon.active::after {
  width: 100%;
}
.c-rating.rating-sm .c-rating-group > * + * {
  margin-left: 0;
}
.c-rating.rating-sm .c-rating-icon {
  width: 16px;
  height: 16px;
  background-size: 16px auto;
}
.c-rating.rating-sm .c-rating-icon::after {
  background-size: 16px auto;
}

.c-ui-form-field .form-radio,
.c-ui-form-field .form-chk-radio {
  position: relative;
}
.c-ui-form-field .form-radio ~ .form-radio, .c-ui-form-field .form-radio ~ .form-chk-radio,
.c-ui-form-field .form-chk-radio ~ .form-radio,
.c-ui-form-field .form-chk-radio ~ .form-chk-radio {
  margin-top: 8px;
}
.c-ui-form-field .form-radio.is-invalid input[type=radio] + .label,
.c-ui-form-field .form-chk-radio.is-invalid input[type=radio] + .label {
  border-color: #f23f3f;
}
.c-ui-form-field .form-radio input[type=radio]:disabled,
.c-ui-form-field .form-chk-radio input[type=radio]:disabled {
  cursor: none;
}
.c-ui-form-field .form-radio input[type=radio]:disabled + label,
.c-ui-form-field .form-chk-radio input[type=radio]:disabled + label {
  color: #999;
}
.c-ui-form-field .form-radio input[type=radio]:disabled + label::before,
.c-ui-form-field .form-chk-radio input[type=radio]:disabled + label::before {
  background-image: url(/UIDev/v3/images/icon/icon-ck-black-large.svg);
  background-color: #ddd;
  border: 1px solid #ddd;
}
.c-ui-form-field .form-radio input[type=radio]:checked + label,
.c-ui-form-field .form-chk-radio input[type=radio]:checked + label {
  border: 1px solid #ff5d16;
  background: #fff;
}
.c-ui-form-field .form-radio input[type=radio]:checked + label::before,
.c-ui-form-field .form-chk-radio input[type=radio]:checked + label::before {
  background-color: #ff5d16;
  background-image: url(/UIDev/v3/images/icon/icon-ck-white-on.svg);
  border: 1px solid #ff5d16;
}
.c-ui-form-field .form-radio .label,
.c-ui-form-field .form-chk-radio .label {
  position: relative;
  display: block;
  border-radius: 4px;
  padding: 24px 32px;
  background-color: #f8f8f8;
  font-size: 16px;
  line-height: 23px;
  border: 1px solid transparent;
  cursor: pointer;
}
.c-ui-form-field .form-radio .label::before,
.c-ui-form-field .form-chk-radio .label::before {
  position: static;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: top;
  margin: 2px 8px 0 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  background-image: url(/UIDev/v3/images/icon/icon-ck-off.svg);
  background-repeat: no-repeat;
  background-color: white;
  background-position: 4px 4px;
}
.c-ui-form-field .form-radio .label::after,
.c-ui-form-field .form-chk-radio .label::after {
  display: none;
}
.c-ui-form-field .form-radio .type-faq,
.c-ui-form-field .form-chk-radio .type-faq {
  position: absolute;
  top: 50%;
  right: 32px;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
  border-radius: 100px;
  font-weight: 400;
  color: #fff;
  background-color: #000;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.c-ui-form-field .form-select {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 57px;
  padding: 9px 20px;
  border-radius: 4px;
  background-color: #f8f8f8;
}
.c-ui-form-field .form-select .label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.c-ui-form-field .form-select .select2 {
  position: absolute;
  top: 10px;
  right: 14px;
}
.c-ui-form-field .form-select .select2 .select2-selection .select2-selection__rendered {
  font-size: 18px;
  color: #222;
}
.c-ui-form-field.type-small .form-radio .label,
.c-ui-form-field.type-small .form-chk-radio .label {
  padding: 16px;
}

.c-ui-form-field .form-chk-radio input[type=radio]:checked + label::before {
  background-image: url(/UIDev/v3/images/icon/icon-chk-radio-on.svg);
}
.c-ui-form-field .form-chk-radio .label {
  font-weight: 300;
}
.c-ui-form-field .form-chk-radio .label::before {
  width: 20px;
  height: 20px;
  margin: 2px 4px 0 0;
  background-image: url(/UIDev/v3/images/icon/icon-chk-radio-off.svg);
  background-position: center center;
  background-size: 8px 6px;
}
.c-ui-form-field .form-chk-radio.form-chk-radio--ty2 .label {
  font-weight: 500;
}
.c-ui-form-field .form-chk-radio.form-chk-radio--ty2 .label::before {
  margin: 2px 6px 0 0;
}

.form-chk-group {
  margin-top: 0.4rem;
}
.form-chk-group.depth2 {
  padding-left: 2.6rem;
}

.form-chk-sm {
  position: relative;
  margin-top: 0.4rem;
}
.form-chk-group .form-chk-sm:first-child {
  margin-top: 0;
}
.form-chk-sm .label {
  position: relative;
  display: inline-block;
  line-height: 1.4;
  cursor: pointer;
  font-size: 1.4rem;
  padding-left: 2.4rem;
  vertical-align: middle;
}
.form-chk-sm .label:before {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0;
  display: block;
  background: url(/UIDev/v3/images/icon/icon-chk-radio-off.svg) center center no-repeat;
  background-size: 77%;
  width: 1.6rem;
  height: 1.6rem;
}
.form-chk-sm input[type=checkbox] {
  position: absolute;
  left: -999;
  display: block;
  width: 1px;
  height: 1px;
  border: 0 none;
  font-size: 1px;
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-chk-sm input[type=checkbox]:disabled + label {
  cursor: default;
  color: #999;
}
.form-chk-sm input[type=checkbox]:disabled + label::before {
  opacity: 0.5;
}
.form-chk-sm input[type=checkbox]:checked + label::before {
  background-image: url(/UIDev/v3/images/icon/icon-ck-orange-on.svg);
  background-size: 130%;
}

.form-terms-more {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  width: 1.6rem;
  height: 1.6rem;
  color: transparent;
  font-size: xx-small;
  text-indent: -999px;
  margin: -0.1rem 0 0 0;
  background: url("/UIDev/v3/images/icon/icon16-arrow-right-black.svg") center/contain no-repeat;
}

.c-form-group .form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: 6px;
  gap: 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-form-group .form-row > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-form-group + .c-form-group {
  margin-top: 16px;
}
.c-form-group .a11y-hidden + .form-row {
  margin-top: 0;
}

.form-top-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 2px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.form-top-label .form-caption {
  margin-top: 0;
}

.icon-exclamation-mark {
  position: relative;
  top: 1px;
  width: 1.2rem;
  height: 1.2rem;
  background: #ff5d16;
  color: #ffdfd0;
  font-size: 0.9rem;
  font-weight: 800;
  display: inline-block;
  border-radius: 100%;
  line-height: 0.9rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.2rem;
  padding-right: 0.1rem;
  margin-left: 0.2rem;
  text-align: center;
}
.icon-exclamation-mark::before {
  content: "!";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.icon-minus {
  display: inline-block;
  width: 18px;
  height: 19px;
  background-size: 100%;
  background-image: url("/UIDev/v3/images/icon/icon_circle_minus.svg");
}

.icon-plus {
  display: inline-block;
  width: 18px;
  height: 19px;
  background-size: 100%;
  background-image: url("/UIDev/v3/images/icon/icon_circle_plus.svg");
}

.icon-multiply {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 100%;
  background-image: url("/UIDev/v3/images/icon/icon_circle_multiply.svg");
}

.c-discount {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  border-radius: 20px;
  background: #ffe2e2;
  text-align: center;
  font-style: normal;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.6px;
  color: #f23f3f;
  vertical-align: middle;
}

.icon-arrow-right-black {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  vertical-align: middle;
  background: url("/UIDev/v3/images/icon/icon16-arrow-right-black-2.svg") no-repeat center/contain;
}

.c-icon16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.icon-arrow-down-color {
  background-image: url("/UIDev/v3/images/icon/icon16-arrow-down-color.svg");
}

.icon-arrow-up-color {
  background-image: url("/UIDev/v3/images/icon/icon16-arrow-up-color.svg");
}

.icon-arrow-middle-color {
  background-image: url("/UIDev/v3/images/icon/icon16-arrow-middle-color.svg");
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled {
  background: #eee;
  border: solid 1px #eee;
  color: #888;
}

input[type=text]:disabled::-webkit-input-placeholder,
input[type=password]:disabled::-webkit-input-placeholder,
input[type=number]:disabled::-webkit-input-placeholder {
  color: #888;
}

input[type=text]:disabled::-moz-placeholder,
input[type=password]:disabled::-moz-placeholder,
input[type=number]:disabled::-moz-placeholder {
  color: #888;
}

input[type=text]:disabled:-ms-input-placeholder,
input[type=password]:disabled:-ms-input-placeholder,
input[type=number]:disabled:-ms-input-placeholder {
  color: #888;
}

input[type=text]:disabled::-ms-input-placeholder,
input[type=password]:disabled::-ms-input-placeholder,
input[type=number]:disabled::-ms-input-placeholder {
  color: #888;
}

input[type=text]:disabled::-webkit-input-placeholder, input[type=password]:disabled::-webkit-input-placeholder, input[type=number]:disabled::-webkit-input-placeholder {
  color: #888;
}

input[type=text]:disabled::-moz-placeholder, input[type=password]:disabled::-moz-placeholder, input[type=number]:disabled::-moz-placeholder {
  color: #888;
}

input[type=text]:disabled:-ms-input-placeholder, input[type=password]:disabled:-ms-input-placeholder, input[type=number]:disabled:-ms-input-placeholder {
  color: #888;
}

input[type=text]:disabled::-ms-input-placeholder, input[type=password]:disabled::-ms-input-placeholder, input[type=number]:disabled::-ms-input-placeholder {
  color: #888;
}

input[type=text]:disabled::placeholder,
input[type=password]:disabled::placeholder,
input[type=number]:disabled::placeholder {
  color: #888;
}

input[type=text],
input[type=password],
input[type=number] {
  border: solid 1px #ddd;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  padding: 0 16px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: inherit;
  color: #222;
}
input[type=text].is-invalid,
input[type=password].is-invalid,
input[type=number].is-invalid {
  border-color: #f23f3f !important;
}
input[type=text].type-large,
input[type=password].type-large,
input[type=number].type-large {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  height: 4.8rem;
  line-height: 4.8rem;
}
input[type=text].inp-t,
input[type=password].inp-t,
input[type=number].inp-t {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
input[type=text].inp-t.size-s,
input[type=password].inp-t.size-s,
input[type=number].inp-t.size-s {
  padding: 8px 12px;
  height: 36px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
input[type=text].inp-t.size-s::-webkit-input-placeholder, input[type=password].inp-t.size-s::-webkit-input-placeholder, input[type=number].inp-t.size-s::-webkit-input-placeholder {
  font-weight: 300;
  color: #888;
}
input[type=text].inp-t.size-s::-moz-placeholder, input[type=password].inp-t.size-s::-moz-placeholder, input[type=number].inp-t.size-s::-moz-placeholder {
  font-weight: 300;
  color: #888;
}
input[type=text].inp-t.size-s:-ms-input-placeholder, input[type=password].inp-t.size-s:-ms-input-placeholder, input[type=number].inp-t.size-s:-ms-input-placeholder {
  font-weight: 300;
  color: #888;
}
input[type=text].inp-t.size-s::-ms-input-placeholder, input[type=password].inp-t.size-s::-ms-input-placeholder, input[type=number].inp-t.size-s::-ms-input-placeholder {
  font-weight: 300;
  color: #888;
}
input[type=text].inp-t.size-s::placeholder,
input[type=password].inp-t.size-s::placeholder,
input[type=number].inp-t.size-s::placeholder {
  font-weight: 300;
  color: #888;
}
input[type=text].inp-t.size-m,
input[type=password].inp-t.size-m,
input[type=number].inp-t.size-m {
  padding: 8px 16px;
  height: 44px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
}
input[type=text].inp-t.size-m::-webkit-input-placeholder, input[type=password].inp-t.size-m::-webkit-input-placeholder, input[type=number].inp-t.size-m::-webkit-input-placeholder {
  font-weight: 300;
  color: #888;
}
input[type=text].inp-t.size-m::-moz-placeholder, input[type=password].inp-t.size-m::-moz-placeholder, input[type=number].inp-t.size-m::-moz-placeholder {
  font-weight: 300;
  color: #888;
}
input[type=text].inp-t.size-m:-ms-input-placeholder, input[type=password].inp-t.size-m:-ms-input-placeholder, input[type=number].inp-t.size-m:-ms-input-placeholder {
  font-weight: 300;
  color: #888;
}
input[type=text].inp-t.size-m::-ms-input-placeholder, input[type=password].inp-t.size-m::-ms-input-placeholder, input[type=number].inp-t.size-m::-ms-input-placeholder {
  font-weight: 300;
  color: #888;
}
input[type=text].inp-t.size-m::placeholder,
input[type=password].inp-t.size-m::placeholder,
input[type=number].inp-t.size-m::placeholder {
  font-weight: 300;
  color: #888;
}
input[type=text].inp-t.size-l,
input[type=password].inp-t.size-l,
input[type=number].inp-t.size-l {
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
}
input[type=text].inp-t.size-xl,
input[type=password].inp-t.size-xl,
input[type=number].inp-t.size-xl {
  height: 56px;
  line-height: 56px;
  padding: 0 16px;
  border-radius: 4px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  font-weight: 700;
}
input[type=text].inp-t-3,
input[type=password].inp-t-3,
input[type=number].inp-t-3 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  padding: 12px 16px;
  height: auto;
  border: 1px solid #ddd;
  width: 180px;
  height: 48px;
  border-radius: 4px;
}
input[type=text].inp-t-3:disabled,
input[type=password].inp-t-3:disabled,
input[type=number].inp-t-3:disabled {
  background-color: #ddd;
  color: #aaa;
}
input[type=text].inp-t-3::-webkit-input-placeholder, input[type=password].inp-t-3::-webkit-input-placeholder, input[type=number].inp-t-3::-webkit-input-placeholder {
  font-weight: 300;
}
input[type=text].inp-t-3::-moz-placeholder, input[type=password].inp-t-3::-moz-placeholder, input[type=number].inp-t-3::-moz-placeholder {
  font-weight: 300;
}
input[type=text].inp-t-3:-ms-input-placeholder, input[type=password].inp-t-3:-ms-input-placeholder, input[type=number].inp-t-3:-ms-input-placeholder {
  font-weight: 300;
}
input[type=text].inp-t-3::-ms-input-placeholder, input[type=password].inp-t-3::-ms-input-placeholder, input[type=number].inp-t-3::-ms-input-placeholder {
  font-weight: 300;
}
input[type=text].inp-t-3::placeholder,
input[type=password].inp-t-3::placeholder,
input[type=number].inp-t-3::placeholder {
  font-weight: 300;
}
input[type=text].inp-t-3.form-error,
input[type=password].inp-t-3.form-error,
input[type=number].inp-t-3.form-error {
  border-color: #f23f3f;
}
input[type=text].inp-t-3.form-error::-webkit-input-placeholder, input[type=password].inp-t-3.form-error::-webkit-input-placeholder, input[type=number].inp-t-3.form-error::-webkit-input-placeholder {
  font-weight: 500;
  color: #f23f3f;
}
input[type=text].inp-t-3.form-error::-moz-placeholder, input[type=password].inp-t-3.form-error::-moz-placeholder, input[type=number].inp-t-3.form-error::-moz-placeholder {
  font-weight: 500;
  color: #f23f3f;
}
input[type=text].inp-t-3.form-error:-ms-input-placeholder, input[type=password].inp-t-3.form-error:-ms-input-placeholder, input[type=number].inp-t-3.form-error:-ms-input-placeholder {
  font-weight: 500;
  color: #f23f3f;
}
input[type=text].inp-t-3.form-error::-ms-input-placeholder, input[type=password].inp-t-3.form-error::-ms-input-placeholder, input[type=number].inp-t-3.form-error::-ms-input-placeholder {
  font-weight: 500;
  color: #f23f3f;
}
input[type=text].inp-t-3.form-error::placeholder,
input[type=password].inp-t-3.form-error::placeholder,
input[type=number].inp-t-3.form-error::placeholder {
  font-weight: 500;
  color: #f23f3f;
}

input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder {
  font-weight: 300;
  color: #888;
}

input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=number]::-moz-placeholder {
  font-weight: 300;
  color: #888;
}

input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder {
  font-weight: 300;
  color: #888;
}

input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder {
  font-weight: 300;
  color: #888;
}

input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=number]::-moz-placeholder {
  font-weight: 300;
  color: #888;
}

input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder {
  font-weight: 300;
  color: #888;
}

input[type=text]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder {
  font-weight: 300;
  color: #888;
}

input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder {
  font-weight: 300;
  color: #888;
}

input[type=number]::-webkit-outer-spin-button,
::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-date {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 220px;
  padding: 6px 10px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  background-color: #fff;
}
.input-date > input {
  display: block;
  margin: 0;
  padding: 0;
  height: 26px;
  width: 100%;
  border: 0 none;
  font-size: 16px;
  color: #222;
  background-color: transparent;
  outline: 0;
  position: relative;
  padding-right: 28px;
  z-index: 2;
}
.input-date:after {
  content: "";
  position: absolute;
  right: 9px;
  top: 50%;
  display: block;
  width: 23px;
  height: 23px;
  margin-top: -11.5px;
  background: url(/UIDev/v3/images/icon/calendar.svg) no-repeat;
  background-position: 50% 50%;
  background-size: 17px;
}
.input-date.readonly, .input-date.disabled {
  background-color: #e9e9e9;
}
.input-date.readonly > input, .input-date.disabled > input {
  cursor: default;
  outline: none;
}
.input-date.input-date--ty2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-color: #ddd;
  padding: 10px 16px;
}
.input-date.input-date--ty2::after {
  background: url(/UIDev/v3/images/icon/icon24-calendar.svg) no-repeat;
  width: 24px;
  height: 24px;
  background-size: 100% auto;
  margin-top: 0;
  right: 16px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.input-date.input-date--ty2.is-invalid {
  border-color: #f23f3f;
}
.input-date.input-date--ty2.size-s {
  padding-top: 6px;
  padding-bottom: 6px;
}
.input-date.input-date--ty2.size-s > input {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
}

.input-time {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 220px;
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
}
.input-time > input {
  display: block;
  margin: 0;
  padding: 0;
  height: 26px;
  width: 100%;
  border: 0 none;
  font-size: 16px;
  color: #222;
  background-color: transparent;
  outline: 0;
  position: relative;
  padding-right: 28px;
  z-index: 2;
}
.input-time:after {
  content: "";
  position: absolute;
  right: 9px;
  top: 50%;
  display: block;
  width: 23px;
  height: 23px;
  margin-top: -11.5px;
  background: url(/UIDev/v3/images/icon/time.png) no-repeat;
  background-position: 0 0;
  background-size: 20px;
}
.input-time.readonly, .input-time.disabled {
  background-color: #e9e9e9;
}
.input-time.readonly > input, .input-time.disabled > input {
  cursor: default;
  outline: none;
}

textarea {
  width: 100%;
  resize: none;
  height: 18.8rem;
  border-radius: 0.4rem;
  border: solid 1px #e9e9e9;
  padding: 2.4rem 2rem;
  font-size: 1.3rem;
  color: #222;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Pretendard", "APPLE SD Gothic NEO", -apple-system, system-ui, "Helvetica Neue", "Dotum", "돋움", "Roboto", sans-serif;
}

.c-input-unit {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-input-unit .c-input-addon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px 0 4px;
  background: #fff;
  height: 48px;
  border: 1px solid #ddd;
  border-radius: 0 4px 4px 0;
  border-left: none;
}
.c-input-unit .c-input-addon .unit {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
}
.c-input-unit.b-line .c-input-control,
.c-input-unit.b-line .c-input-addon {
  border-color: #222;
}
.c-input-unit.is-invalid .c-input-control,
.c-input-unit.is-invalid .c-input-addon {
  border-color: #f23f3f;
}
.c-input-unit.is-invalid ~ .invalid-txt {
  margin-top: 8px;
}
.c-input-unit .c-input-control {
  border: solid 1px #ddd;
  height: 48px;
  padding-right: 0;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
  outline: none;
  text-align: right;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-right: none;
  border-radius: 4px 0 0 4px;
}
.c-input-unit .c-input-control:disabled {
  border-color: #ddd;
  color: #aaa;
  border-right: none;
}
.c-input-unit .c-input-control:disabled + .c-input-addon {
  border-color: #ddd;
  background-color: #eee;
  border-left: none;
}
.c-input-unit .c-input-control:disabled + .c-input-addon .unit {
  color: #aaa;
}
.c-input-unit .c-input-control:disabled::-webkit-input-placeholder {
  color: #aaa;
}
.c-input-unit .c-input-control:disabled::-moz-placeholder {
  color: #aaa;
}
.c-input-unit .c-input-control:disabled:-ms-input-placeholder {
  color: #aaa;
}
.c-input-unit .c-input-control:disabled::-ms-input-placeholder {
  color: #aaa;
}
.c-input-unit .c-input-control:disabled::placeholder {
  color: #aaa;
}
.c-input-unit.size-s .c-input-addon {
  padding: 0 12px 0 4px;
  height: 36px;
}
.c-input-unit.size-s .c-input-addon .unit {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.c-input-unit.size-s .c-input-control {
  height: 36px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
}
.c-input-unit.size-xs {
  width: auto;
}
.c-input-unit.size-xs .c-input-addon {
  padding: 0 12px 0 4px;
  height: 36px;
}
.c-input-unit.size-xs .c-input-addon .unit {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.c-input-unit.size-xs .c-input-control {
  height: 36px;
  padding-left: 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
}
.c-input-unit .c-input-under {
  border: none;
  border-bottom: 2px solid #222;
  border-radius: 0;
  background-color: transparent;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  padding: 0;
  text-align: right;
}
.c-input-unit .c-input-under + .unit {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin-left: 2px;
}
.c-input-unit .c-input-under:-moz-read-only {
  background-color: transparent;
  color: #222;
  border: none;
  line-height: 40px;
}
.c-input-unit .c-input-under:disabled, .c-input-unit .c-input-under:read-only {
  background-color: transparent;
  color: #222;
  border: none;
  line-height: 40px;
}

.c-input-label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 0 2px;
  display: block;
}
.c-input-label + .c-input-unit {
  margin-top: 8px;
}

.ui-input {
  position: relative;
  padding: 16px 80px 16px 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ui-input > input {
  margin: 0;
  padding: 0;
  width: 100%;
  border: none;
  outline: 0;
  background-color: transparent;
  font-weight: 700;
}
.ui-input > input::-webkit-input-placeholder {
  color: #888;
  font-weight: 300;
}
.ui-input > input::-moz-placeholder {
  color: #888;
  font-weight: 300;
}
.ui-input > input:-ms-input-placeholder {
  color: #888;
  font-weight: 300;
}
.ui-input > input::-ms-input-placeholder {
  color: #888;
  font-weight: 300;
}
.ui-input > input::placeholder {
  color: #888;
  font-weight: 300;
}

.inp-t-2 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.inp-t-2 > input {
  padding: 0;
  border: none;
  width: 70px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  text-align: right;
  vertical-align: middle;
}
.inp-t-2 > input::-webkit-input-placeholder {
  font-weight: 300;
}
.inp-t-2 > input::-moz-placeholder {
  font-weight: 300;
}
.inp-t-2 > input:-ms-input-placeholder {
  font-weight: 300;
}
.inp-t-2 > input::-ms-input-placeholder {
  font-weight: 300;
}
.inp-t-2 > input::placeholder {
  font-weight: 300;
}
.inp-t-2 > input + .t-txt {
  margin: -1px 0 0 4px;
}
.inp-t-2 .t-txt {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  vertical-align: middle;
  margin-top: -1px;
}
.inp-t-2 .inp-t-4 {
  display: inline-block;
  width: 199px;
}
.inp-t-2.ty-line {
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 0 16px;
}
.inp-t-2.ty-line .fake-placeholder {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.inp-t-2.ty-line .inp-t-4 {
  height: 100%;
}
.inp-t-2.ty-line .inp-t-4 input {
  background: none;
  height: 56px;
  line-height: 56px;
  outline: none;
}
.inp-t-2.ty-line:has(input:focus) {
  outline: 15px auto -webkit-focus-ring-color;
}
.inp-t-2.ty-2 .t-txt {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.inp-t-4 {
  position: relative;
  height: 32px;
}
.inp-t-4 .fake-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  color: #888;
  text-align: right;
}
.inp-t-4 .fake-placeholder .big {
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
  vertical-align: middle;
}
.inp-t-4 .fake-placeholder .small {
  font-size: 16px;
  font-weight: 300;
  vertical-align: middle;
}
.inp-t-4 > input {
  height: 32px;
  padding: 0;
  border: none;
  text-align: right;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  vertical-align: middle;
}
.inp-t-4 .t-txt {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  vertical-align: middle;
  margin: -1px 0 0 4px;
}

.inp-t-5 {
  position: relative;
}
.inp-t-5 > input {
  height: 48px;
  padding-right: 70px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
  vertical-align: middle;
}
.inp-t-5 > input::-webkit-input-placeholder {
  font-weight: 300;
}
.inp-t-5 > input::-moz-placeholder {
  font-weight: 300;
}
.inp-t-5 > input:-ms-input-placeholder {
  font-weight: 300;
}
.inp-t-5 > input::-ms-input-placeholder {
  font-weight: 300;
}
.inp-t-5 > input::placeholder {
  font-weight: 300;
}
.inp-t-5 .t-txt {
  position: absolute;
  right: 16px;
  top: 13px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  vertical-align: middle;
  color: #888;
}

.confirm-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1001;
  display: none;
}
.confirm-popup .popup {
  z-index: 1002;
  display: block;
}
.confirm-popup .popup .popup-title {
  padding: 4rem 4rem 0 4rem;
}
.confirm-popup .popup .popup-body {
  padding-top: 5rem;
}
.confirm-popup .popup .popup-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.confirm-popup .popup .popup-btn button {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: auto;
}

.popup {
  position: fixed;
  width: 56.2rem;
  background: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1000;
  display: none;
}
.popup.sm {
  width: 37rem;
}
.popup.md {
  width: 76.8rem;
}
.popup.lg {
  width: 132.8rem;
}
.popup.type-new {
  width: 56rem;
  border-radius: 8px;
}
.popup.type-new.md {
  width: 76.8rem;
}
.popup.type-new.lg {
  width: 112rem;
}
.popup.type-new .popup-title {
  padding: 3.2rem 3.2rem 2.4rem 3.2rem;
  font-size: 2.4rem;
  font-weight: bold;
  color: #222;
}
.popup.type-new .popup-body {
  padding-bottom: 32px;
}
.popup.type-new .popup-body.has-scroll2, .popup.type-new .popup-body.has-scroll {
  padding: 0 1.4rem 0 3.2rem;
}
.popup.type-new .popup-body.has-scroll2 .inner, .popup.type-new .popup-body.has-scroll .inner {
  padding-right: 1.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  height: var(--modalScrollHeight, 511px);
}
.popup.type-new .popup-body.has-scroll2 .inner::-webkit-scrollbar, .popup.type-new .popup-body.has-scroll .inner::-webkit-scrollbar {
  height: 3px;
  width: 3px;
}
.popup.type-new .popup-body.has-scroll2 .inner::-webkit-scrollbar-track, .popup.type-new .popup-body.has-scroll .inner::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: #f8f8f8;
}
.popup.type-new .popup-body.has-scroll2 .inner::-webkit-scrollbar-track:hover, .popup.type-new .popup-body.has-scroll2 .inner::-webkit-scrollbar-track:active, .popup.type-new .popup-body.has-scroll .inner::-webkit-scrollbar-track:hover, .popup.type-new .popup-body.has-scroll .inner::-webkit-scrollbar-track:active {
  background-color: #f8f8f8;
}
.popup.type-new .popup-body.has-scroll2 .inner::-webkit-scrollbar-thumb, .popup.type-new .popup-body.has-scroll .inner::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background-color: #222;
}
.popup.type-new .popup-body.has-scroll2 .inner::-webkit-scrollbar-thumb:hover, .popup.type-new .popup-body.has-scroll2 .inner::-webkit-scrollbar-thumb:active, .popup.type-new .popup-body.has-scroll .inner::-webkit-scrollbar-thumb:hover, .popup.type-new .popup-body.has-scroll .inner::-webkit-scrollbar-thumb:active {
  background-color: #222;
}
.popup.type-new .popup-body.has-scroll2 .inner .guide-info-tit, .popup.type-new .popup-body.has-scroll .inner .guide-info-tit {
  margin-top: 12px;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 25px;
  color: #222;
}
.popup.type-new .popup-body.has-scroll2 .inner .guide-info-wrap, .popup.type-new .popup-body.has-scroll .inner .guide-info-wrap {
  margin-top: 24px;
}
.popup.type-new .popup-body.has-scroll2 .inner .guide-info-wrap .guide-info-sec-cont, .popup.type-new .popup-body.has-scroll .inner .guide-info-wrap .guide-info-sec-cont {
  width: 100%;
}
.popup.type-new .popup-body.has-scroll2 .modal-space, .popup.type-new .popup-body.has-scroll .modal-space {
  height: 60px;
}
.popup.type-new .popup-body.has-scroll2.h-515 .inner, .popup.type-new .popup-body.has-scroll.h-515 .inner {
  height: var(--modalScrollHeight, 515px);
}
.popup.type-new .popup-body.has-pb {
  padding-bottom: 40px;
}
.popup.type-new .popup-footer {
  padding: 2.4rem 0 4rem;
  text-align: center;
}
.popup.type-new .popup-footer .popup-text {
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.popup.type-new .popup-footer .popup-text strong {
  color: #ff5d16;
}
.popup.type-new .popup-footer.space-top {
  margin-top: -0.8rem;
}
.popup.type-new .popup-footer .btn-new {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.popup.type-new .popup-footer .btn-new.btn-black-outline {
  font-weight: 300;
}
.popup.type-new .popup-nodata {
  min-height: 236px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.popup.type-new .close-btn {
  top: 3.2rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/UIDev/v3/images/icon/icon_close_24.svg") no-repeat center center;
}
.popup.type-large {
  width: 768px;
}
.popup.type-large .popup-title {
  padding: 32px 40px;
}
.popup.type-large .close-btn {
  right: 38px;
}
.popup.type-large .popup-body {
  padding: 0 40px 40px;
}
.popup.type-large .popup-btn {
  padding-bottom: 0;
}
.popup.type-small {
  width: 360px;
  border-radius: 8px;
}
.popup.type-small .popup-title {
  height: 0;
  font-size: 20px;
}
.popup.type-small .popup-body {
  padding: 32px;
}
.popup.type-small .popup-body ~ .popup-footer {
  padding-top: 0;
}
.popup.type-small .popup-body ~ .popup-btn {
  margin-top: -16px;
  padding-top: 0;
}
.popup.type-small .popup-body.has-scroll {
  padding-right: 21px;
}
.popup.type-small .popup-body.has-scroll .inner {
  height: auto;
  max-height: 404px;
  padding-right: 8px;
}
.popup.type-small .popup-body.has-scroll.h-292 .inner {
  height: auto;
  max-height: 292px;
}
.popup.type-small .popup-body.has-scroll ~ .popup-footer {
  padding-top: 24px;
}
.popup.type-small .popup-body .select.new-select {
  overflow: hidden;
}
.popup.type-small .popup-footer {
  padding: 24px 32px 32px 32px;
}
.popup.type-small .popup-btn {
  padding: 16px 32px 32px 32px;
}
.popup.type-medium {
  width: 450px;
  border-radius: 8px;
}
.popup.type-medium .popup-title {
  height: 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.popup.type-medium .popup-body {
  padding: 24px 32px 0 32px;
}
.popup.popup--ty2 .popup-title {
  padding: 3.5rem 4rem 2.8rem;
  font-weight: 700;
}
.popup.popup--ty2 .close-btn {
  top: 3.8rem;
  background: url("/UIDev/v3/images/icon/popup-close-icon-ty2.png") no-repeat center center;
}
.popup .close-btn {
  position: absolute;
  top: 4rem;
  border: none;
  width: 2rem;
  height: 2rem;
  display: block;
  background: url("/UIDev/v3/images/icon/popup-close-icon.png") no-repeat center center;
  font-size: 0;
  text-indent: -9999rem;
  right: 3rem;
  z-index: 1;
}
.popup .popup-title {
  position: relative;
  padding: 4rem;
  font-size: 2rem;
  font-weight: 400;
}
.popup .popup-title.tit-ty1 {
  color: #ff5d16;
  font-weight: 700;
  text-align: center;
}
.popup .popup-title.h-auto {
  height: auto;
}
.popup .txt-guide {
  position: absolute;
  left: 4rem;
  bottom: 1rem;
  font-size: 1.3rem;
  font-weight: 700;
}
.popup .txt-guide::after {
  content: "";
  display: inline-block;
  width: 5.4rem;
  height: 0.8rem;
  margin-left: 0.8rem;
  background-color: #ffcc00;
}
.popup .popup-sub-title {
  position: absolute;
  left: 4rem;
  bottom: 1.6rem;
  font-size: 1.3rem;
  font-weight: 500;
}
.popup .popup-body {
  padding: 0 4rem 4rem 4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.popup .popup-body .car-search-result-table .price {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 3.1rem;
}
.popup .popup-btn {
  display: block;
  padding: 0 4rem 4rem 4rem;
  text-align: center;
  font-size: 0;
}
.popup .popup-btn.pop-btn-ty2 {
  padding-bottom: 0;
  padding-top: 4rem;
}
.popup .popup-btn .btn-type03 + .btn-type01,
.popup .popup-btn .btn-type01 + .btn-type03 {
  margin-left: 1.5rem;
}
.popup .popup-btn .btn-type01,
.popup .popup-btn .btn-type03 {
  min-width: 17rem;
  height: 6rem;
  line-height: 6rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.6rem;
  display: inline-block;
}
.popup .text-wrap {
  text-align: center;
}
.popup .text-wrap .txt {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
.popup .text-wrap .txt ~ .txt {
  margin-top: 6px;
}
.popup .text-wrap .txt strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 23px;
}
.popup .text-wrap .txt strong.sm-txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
}
.popup.type-vedio {
  width: 1086px;
  height: 610px;
  max-width: 100%;
}
.popup.type-vedio .close-btn {
  top: -30px;
  right: 0;
}
.popup.type-vedio .mfp-img-block {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.popup.type-vedio .mfp-img-block .mfp-img-block__info {
  position: relative;
  max-width: 100%;
}
.popup.type-vedio .mfp-img-block .mfp-img-block__info .video-car-info {
  position: absolute;
  left: 20px;
  top: 12px;
  padding: 8px 16px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  z-index: 1;
  width: calc(100% - 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}
.popup.type-vedio .mfp-img-block .mfp-img-block__info .video-car-info__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.popup.type-vedio .mfp-img-block .mfp-img-block__info .video-car-info__meta .badge {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #888;
  border-radius: 2px;
  padding: 2px 6px;
}
.popup.type-vedio .mfp-img-block .mfp-img-block__info .video-car-info__title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  font-weight: 500;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popup.type-vedio .mfp-img-block .mfp-img-block__info .video-car-info__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  color: #fff;
  gap: 4px;
  position: relative;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  font-weight: 500;
}
.popup.type-vedio .mfp-img-block .mfp-img-block__info .video-car-info__price::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/icon/icon16-arrow-right-white.svg) no-repeat;
  background-size: 100% auto;
}
.popup.type-vedio .mfp-img-block .mfp-img-block__info .video-car-info__price .price {
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
  color: #fff;
}
.popup.type-vedio .mfp-img-block .iframe-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
  color: #fff;
  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;
  z-index: 2;
  pointer-events: none;
  text-align: center;
}
.popup.type-vedio .mfp-img-block .video-corner-logo {
  position: absolute;
  right: 24px;
  bottom: 76px;
  z-index: 1;
}
.popup.type-vedio .mfp-img-block .mfp-iframe {
  width: 100%;
  height: 100%;
}
.popup.type-vedio .mfp-img-block .video-audio-guide {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 16px 16px 46px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.7);
}
.popup.type-vedio .mfp-img-block .video-audio-guide .video-audio-guide__text {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  color: #fff;
}
.popup.type-vedio .mfp-img-block .video-audio-guide .video-audio-guide__text::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 24px;
  height: 24px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("/UIDev/v3/images/icon/icon-speaker-white.svg") no-repeat center/contain;
}
.popup.type-vedio .mfp-img-block .video-car-rolling {
  position: absolute;
  bottom: 76px;
  left: 20px;
  z-index: 1;
  width: calc(100% - 120px);
  height: 25px;
  overflow: hidden;
}
.popup.type-vedio .mfp-img-block .video-car-rolling .video-car-rolling__item {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: left;
  opacity: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  color: #fff;
}
.popup.type-vedio .mfp-img-block .video-car-rolling .video-car-rolling__item.video-car-rolling__item--current {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.popup.type-vedio .mfp-img-block .video-car-rolling .video-car-rolling__item.video-car-rolling__item--before {
  opacity: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
.popup.type-vedio .mfp-img-block .video-car-rolling .video-car-rolling__item .fc-yellow {
  color: #ffd338;
  font-weight: 700;
}
.popup.type-vedio .mfp-img-block .video-car-rolling .video-car-rolling__item .item {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.popup.type-vedio .mfp-img-block .video-car-rolling .video-car-rolling__item .item + .item::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #d9d9d9;
  vertical-align: middle;
  margin: 0 16px;
}

.popup-bg {
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
}

.gap-ty {
  padding-bottom: 3rem !important;
}

.confirm-popup-bg {
  z-index: 1001;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
}

.pop-s-title {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}

.pop-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pop-scroll2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.pop-scroll3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.cont-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.js-custom-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.cont-scroll4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.business-card-pop-area .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.cont-scroll5 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #444 !important;
}
.pop-scroll .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.pop-scroll .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pop-scroll2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.pop-scroll2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.pop-scroll3 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.pop-scroll3 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.cont-scroll .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.cont-scroll .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.js-custom-scroll .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.js-custom-scroll .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.cont-scroll4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.cont-scroll4 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.business-card-pop-area .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.business-card-pop-area .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.cont-scroll5 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.cont-scroll5 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #444;
}
.pop-scroll .mCSB_scrollTools .mCSB_draggerRail,
.pop-scroll2 .mCSB_scrollTools .mCSB_draggerRail,
.pop-scroll3 .mCSB_scrollTools .mCSB_draggerRail,
.cont-scroll .mCSB_scrollTools .mCSB_draggerRail,
.js-custom-scroll .mCSB_scrollTools .mCSB_draggerRail,
.cont-scroll4 .mCSB_scrollTools .mCSB_draggerRail,
.business-card-pop-area .mCSB_scrollTools .mCSB_draggerRail,
.cont-scroll5 .mCSB_scrollTools .mCSB_draggerRail {
  width: 1px;
  background-color: transparent;
}

.cont-scroll5 .mCSB_scrollTools .mCSB_dragger {
  height: 30% !important;
}
.cont-scroll5 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 3px;
}
.cont-scroll5 .mCSB_scrollTools .mCSB_draggerRail {
  width: 3px;
  background-color: #eee;
}

.pop-scroll .mCSB_inside > .mCSB_container {
  margin-right: 1.5rem;
}

.pop-scroll3 {
  margin-right: -3rem;
}
.pop-scroll3.mCS_no_scrollbar {
  margin-right: 0;
}

.pop-scroll3 .mCSB_scrollTools {
  margin-right: 0.8rem;
  opacity: 1;
}
.pop-scroll3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 0.3rem;
}
.pop-scroll3 .mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #eee;
  width: 0.3rem;
  margin: 0 0.65rem;
}

.cont-scroll .mCSB_inside > .mCSB_container,
.js-custom-scroll .mCSB_inside > .mCSB_container {
  margin-right: 1.5rem;
}

.cont-scroll2 .mCSB_inside > .mCSB_container,
.cont-scroll3 .mCSB_inside > .mCSB_container,
.business-card-pop-area .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.cont-scroll4 .mCSB_inside > .mCSB_container {
  margin-right: 1.5rem;
}

.cont-scroll5 .mCSB_inside > .mCSB_container {
  margin-right: 1.5rem;
}
.cont-scroll5.is-open {
  height: 340px !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: none !important;
}

.select2 {
  position: relative;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: auto !important;
}
.select2.select2-container--open .selection .select2-selection--single .select2-selection__arrow b {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
  margin-top: 0.4rem;
}
.select2 .selection .select2-selection--single {
  border-radius: 0.4rem;
  border: solid 0.1rem #e9e9e9;
  height: 4rem;
  padding: 0rem 4.4rem 0rem 1.4rem;
  width: 100%;
  line-height: 4rem;
  display: block;
  font-size: 1.2rem;
}
.select2 .selection .select2-selection--single .select2-selection__rendered {
  padding: 0;
  line-height: 4rem;
}
.select2 .selection .select2-selection--single .select2-selection__arrow b {
  border-right: solid 0.1rem #000;
  border-top: solid 0.1rem #000;
  border-bottom: none;
  border-left: none;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 1rem;
  height: 1rem;
  margin-left: -1.5rem;
  display: block;
}

.select2-container .select2-search--dropdown {
  display: none;
}
.select2-container .select2-dropdown {
  overflow: hidden;
  border-color: #ddd;
}
.select2-container .select2-dropdown .select2-results__option {
  line-height: 38px;
  padding: 0 9px 0 15px;
  font-size: 1.2rem;
  color: #222;
  white-space: nowrap;
}
.select2-container.select2-container--default .select2-results__option[aria-selected=true] {
  background: #ddd;
  color: #000;
}
.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #ff5d16;
  color: #fff;
}
.select2-container.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.drop-down-box .selection {
  position: relative;
}
.drop-down-box .selection .select2-selection {
  border: none;
  height: auto;
  line-height: 1;
  padding: 0;
}
.drop-down-box .selection .select2-selection .select2-selection__rendered {
  font-weight: 400;
  font-size: 1.2rem;
  color: #000;
  display: inline-block;
  padding: 0 1.4rem 0 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.drop-down-box .selection .select2-selection .select2-selection__arrow b {
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 0.5rem;
  margin-top: 0.2rem;
}

.select2-container .drop-down-box-option {
  border-radius: 0.6rem;
  background: #fff;
  width: auto !important;
  text-align: center;
  z-index: 1000;
  -webkit-box-shadow: 2px 2px 6px 4px rgba(0, 0, 0, 0.0588235294);
  box-shadow: 2px 2px 6px 4px rgba(0, 0, 0, 0.0588235294);
}
.select2-container .drop-down-box-option .select2-search--dropdown {
  display: none;
}
.select2-container .drop-down-box-option .select2-results {
  padding: 1rem;
}
.select2-container .drop-down-box-option .select2-results .select2-results__option {
  line-height: initial;
  padding: 0;
  font-size: 1.2rem;
  color: #222;
}
.select2-container .drop-down-box-option .select2-results .select2-results__option + .select2-results__option {
  margin-top: 0.5rem;
}
.select2-container .drop-down-box-option .select2-results .select2-results__option[aria-selected=true] {
  background: #fff;
  color: #ff5d16;
}
.select2-container .drop-down-box-option .select2-results .select2-results__option--highlighted[aria-selected] {
  background: #fff;
  color: #ff5d16;
}
.select2-container .drop-down-box-option .select2-results .select2-results__option[aria-disabled=true] {
  color: #222;
}

.new-select {
  background-color: #fff;
}
.new-select.type-small .select2 .selection .select2-selection--single {
  height: 36px;
}
.new-select.type-small .select2 .selection .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  line-height: 34px;
}
.new-select.select-medium .select2 {
  width: 170px !important;
}
.new-select.select-medium .select2 .selection .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  line-height: 3.9rem;
}
.new-select.type-large .select2 .selection .select2-selection--single {
  height: 4.8rem;
  line-height: 4.8rem;
}
.new-select.type-large .select2 .selection .select2-selection--single .select2-selection__rendered {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
  line-height: 4.8rem;
}
.new-select.type-large .select2 .selection .select2-selection--single .select2-selection__arrow b {
  margin-top: 3px;
  margin-left: -1.9rem;
  background: url(/UIDev/v3/images/icon/icon-arrow-down.svg) no-repeat 0 50%;
  background-size: 16px;
}
.new-select.type-large .select2.select2-container--open .selection .select2-selection--single .select2-selection__arrow b {
  margin-top: 3px;
}
.new-select.type-large .select2.select2-container--disabled .selection .select2-selection--single {
  background: #eee;
}
.new-select.type-large .select2.select2-container--disabled .selection .select2-selection--single .select2-selection__arrow b {
  background: url("/UIDev/v3/images/icon/icon-arrow-down.svg") no-repeat 0 50%;
  background-size: 16px;
}
.new-select.type-pd .select2 .selection .select2-selection--single {
  padding: 0 44px 0 16px;
}
.new-select.line-black .select2 .selection .select2-selection--single {
  border: 1px solid #222;
}
.new-select.s-year .select2 .selection .select2-selection--single, .new-select.s-day .select2 .selection .select2-selection--single {
  padding-right: 31px;
}
.new-select.s-year {
  width: 104px;
}
.new-select.s-day {
  width: 84px;
}
.new-select .is-invalid + .select2 .selection .select2-selection--single {
  border: solid 1px #f23f3f;
}
.new-select .select2.select2-container--open .selection .select2-selection--single .select2-selection__arrow b {
  margin-top: -1px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.new-select .select2.select2-container--disabled .selection .select2-selection--single {
  background: #ddd;
  border: solid 1px #ddd;
}
.new-select .select2.select2-container--disabled .selection .select2-selection--single .select2-selection__rendered {
  color: #888;
}
.new-select .select2.select2-container--disabled .selection .select2-selection--single .select2-selection__arrow b {
  background: url("/UIDev/v3/images/icon/icon_arrow_down_gray.svg") no-repeat 0 50%;
}
.new-select .select2 .selection .select2-selection--single {
  padding: 0 33px 0 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: transparent;
}
.new-select .select2 .selection .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
  font-weight: 700;
  color: #222;
  text-align: left;
}
.new-select .select2 .selection .select2-selection--single .select2-selection__arrow b {
  width: 1.6rem;
  height: 1.6rem;
  border: none;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  background: url("/UIDev/v3/images/icon/icon_arrow_down.svg") no-repeat 0 50%;
}
.open .new-select .select2 .selection .select2-selection--single .select2-selection__arrow b {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.time-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  color: #222;
}
.time-picker:focus-within {
  border-color: #666;
}
.time-picker.is-invalid {
  border-color: #f23f3f;
}
.time-picker .select2.select2-container--open .selection .select2-selection--single .select2-selection__arrow b {
  margin-top: -1px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.time-picker .select2 .selection .select2-selection--single {
  min-width: 66px;
  border: none;
  padding-left: 14px;
  padding-right: 0;
}
.time-picker .select2 .selection .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
  font-weight: 500;
  color: #222;
}
.time-picker .select2 .selection .select2-selection--single .select2-selection__arrow b {
  width: 1.6rem;
  height: 1.6rem;
  border: none;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  background: url("/UIDev/v3/images/icon/icon_arrow_down.svg") no-repeat 0 50%;
}
.open .time-picker .select2 .selection .select2-selection--single .select2-selection__arrow b {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.select2-container--above {
  top: 0 !important;
}
.select2-container--above .time-select-control {
  top: auto;
  bottom: 100%;
  -webkit-transform: translate(0, 25px) !important;
      -ms-transform: translate(0, 25px) !important;
          transform: translate(0, 25px) !important;
}

.new-select-dropdown, .time-picker .time-select-control {
  -webkit-transform: translate(0, 4px);
      -ms-transform: translate(0, 4px);
          transform: translate(0, 4px);
  border-radius: 4px;
}
.select2-dropdown--below.new-select-dropdown, .time-picker .select2-dropdown--below.time-select-control {
  border: 1px solid #ddd;
}
.new-select-dropdown .select2-results .select2-results__options::-webkit-scrollbar, .time-picker .time-select-control .select2-results .select2-results__options::-webkit-scrollbar {
  height: 3px;
  width: 3px;
}
.new-select-dropdown .select2-results .select2-results__options::-webkit-scrollbar-track, .time-picker .time-select-control .select2-results .select2-results__options::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: #f8f8f8;
}
.new-select-dropdown .select2-results .select2-results__options::-webkit-scrollbar-track:hover, .time-picker .time-select-control .select2-results .select2-results__options::-webkit-scrollbar-track:hover, .new-select-dropdown .select2-results .select2-results__options::-webkit-scrollbar-track:active, .time-picker .time-select-control .select2-results .select2-results__options::-webkit-scrollbar-track:active {
  background-color: #f8f8f8;
}
.new-select-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb, .time-picker .time-select-control .select2-results .select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background-color: #222;
}
.new-select-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb:hover, .time-picker .time-select-control .select2-results .select2-results__options::-webkit-scrollbar-thumb:hover, .new-select-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb:active, .time-picker .time-select-control .select2-results .select2-results__options::-webkit-scrollbar-thumb:active {
  background-color: #222;
}
.new-select-dropdown .select2-results .select2-results__option, .time-picker .time-select-control .select2-results .select2-results__option {
  margin-top: 4px;
  padding: 8px 4px 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: inherit;
}
.new-select-dropdown .select2-results .select2-results__option[aria-selected=true], .time-picker .time-select-control .select2-results .select2-results__option[aria-selected=true], .new-select-dropdown .select2-results .select2-results__option.select2-results__option--highlighted, .time-picker .time-select-control .select2-results .select2-results__option.select2-results__option--highlighted {
  background-color: #eee;
  color: #222;
}

.tab-list {
  overflow-x: hidden;
}
.tab-list ul {
  text-align: right;
}
.tab-list ul li {
  display: inline-block;
  text-align: center;
  background: #faf9f7;
  border: 1px solid #e9e9e9;
  border-bottom: none;
  position: relative;
}
.tab-list ul li a {
  width: 162px;
  display: block;
  height: 47px;
  line-height: 47px;
  font-size: 16px;
  color: #999;
}
.tab-list ul li a .auto-update-date,
.tab-list ul li a .expiration-date {
  position: absolute;
  top: 1rem;
  font-size: 1rem;
  color: #ff5d16;
}
.tab-list ul li.on {
  background: #fff;
}
.tab-list ul li.on a {
  color: #000;
}
.tab-list ul li + li {
  margin-left: 10px;
}
.tab-list ul li.on::before, .tab-list ul li.on::after {
  content: "";
  z-index: 1;
  width: 1000%;
  left: -1000%;
  bottom: 1px;
  height: 1px;
  background: #e9e9e9;
  position: absolute;
}
.tab-list ul li.on::after {
  left: auto;
  right: -1000%;
}

.tab-content {
  padding-top: 18px;
}
.tab-content > div {
  display: none;
}
.tab-content > div:first-child {
  display: block;
}

.tab-content-item {
  padding-top: 0px;
}
.tab-content-item > div {
  display: none;
}
.tab-content-item > div:first-child {
  display: block;
}

.c-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-height: 48px;
  margin-bottom: 32px;
  background-color: #f8f8f8;
}
.c-tabs .tab-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-tabs .tab-container.tab-list .on .tab-item::after {
  display: block;
  font-weight: 700;
}
.c-tabs .tab-container.tab-w > li {
  min-width: 116px;
}
.c-tabs .tab-item {
  position: relative;
  display: block;
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  color: #222;
}
.c-tabs .tab-item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  content: "";
  display: none;
  background: #222;
}
.c-tabs .tab-item.is-active {
  font-weight: 700;
}
.c-tabs .tab-item.is-active::after {
  display: block;
}
.c-tabs .tab-text {
  margin-left: 12px;
  font-size: 12px;
  font-weight: bold;
  color: #ff5d16;
}
.c-tabs .new-txt-link {
  position: absolute;
  right: 15px;
  top: 50%;
  font-size: 13px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.c-tabs .new-txt-link::after {
  margin-bottom: 2px;
}
.c-tabs.type-popup {
  margin-top: 12px;
  padding: 0 20px;
}
.c-tabs.type-popup .tab-item {
  margin-right: 24px;
  padding: 0;
  font-size: 16px;
}
.c-tabs.type-popup .tab-item::after {
  height: 2px;
}

.board-read {
  margin-top: 60px;
}
.board-read .board-read-head {
  padding: 30px 40px;
}
.board-read .board-read-head .board-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -0.6px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-read .board-read-head .board-detail {
  margin-top: 20px;
  font-size: 0;
}
.board-read .board-read-head .board-detail dt,
.board-read .board-read-head .board-detail dd {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: -0.14px;
  text-align: right;
  color: #000;
}
.board-read .board-read-head .board-detail dt {
  position: relative;
}
.board-read .board-read-head .board-detail dt ~ dt {
  margin-left: 10px;
  padding-left: 11px;
}
.board-read .board-read-head .board-detail dt ~ dt::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 1px;
  height: 14px;
  background-color: #000;
}
.board-read .board-read-head .board-detail dd ~ dd {
  margin-left: 4px;
}
.board-read .board-read-cont {
  border-top: 1px solid #e9e9e9;
  padding: 60px 40px;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.47;
  letter-spacing: normal;
  color: #000;
}
.board-read .board-read-cont img {
  width: 100%;
}

.pre-next {
  border-bottom: 1px solid #e9e9e9;
  font-size: 0;
}
.pre-next li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 34px 0;
  border-top: 1px solid #e9e9e9;
}
.pre-next li > * {
  vertical-align: middle;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: -0.14px;
  text-align: right;
  color: #757575;
}
.pre-next .type {
  padding-left: 30px;
  padding-right: 58px;
  font-style: normal;
}
.pre-next .anchor {
  max-width: 570px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.15px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pre-next .anchor:hover {
  text-decoration: underline;
}
.pre-next .hits {
  min-width: 44px;
  margin-left: auto;
}
.pre-next .date {
  min-width: 80px;
  margin-left: 82px;
}

.row-table {
  border-bottom: 1px solid #f3f3f3;
}
.row-table th {
  padding: 1.8rem;
  border-top: 1px solid #f3f3f3;
  border-right: 1px solid #f3f3f3;
  text-align: left;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1;
  letter-spacing: -0.042rem;
  vertical-align: middle;
  color: #4f4f4f;
}
.row-table td {
  padding: 1.8rem;
  border-top: 1px solid #f3f3f3;
  font-size: 1.4rem;
  line-height: 1.57;
  letter-spacing: -0.04rem;
  color: #000;
}

.new-table-list {
  margin-top: 32px;
  border-top: 1px solid #ddd;
}
.new-table-list table {
  width: 100%;
}
.new-table-list table thead th {
  padding: 14px 20px;
  font-size: 12px;
  font-weight: 300;
  color: #222;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.new-table-list table tbody td {
  padding: 24px 20px;
  font-size: 14px;
  font-weight: 400;
  color: #222;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
}
.new-table-list table tbody td.nodata {
  padding: 89px 21px;
  font-weight: 300;
}
.new-table-list table tbody td > a {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: underline;
}
.new-table-list.new-table-list--ty2 {
  margin-top: 24px;
}
.new-table-list.new-table-list--ty2 table th {
  padding: 14px 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.new-table-list.new-table-list--ty2 table td {
  padding: 18px 16px;
  font-weight: 300;
}
.new-table-list.new-table-list--ty3 {
  margin-top: 8px;
  border-top: 0;
}
.new-table-list.new-table-list--ty3 table thead th {
  border-bottom: 1px solid #222;
}
.new-table-list.new-table-list--ty3 table th,
.new-table-list.new-table-list--ty3 table td {
  padding: 14px 5px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-break: break-word;
}
.new-table-list.new-table-list--ty3 table th.narrow,
.new-table-list.new-table-list--ty3 table td.narrow {
  padding: 0;
}
.new-table-list.new-table-list--no-border table tbody tr:last-child td {
  border-bottom: none;
}

.table-list {
  margin-top: 16px;
}
.table-list table {
  width: 100%;
}
.table-list table tbody th,
.table-list table tbody td {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  padding: 8px 0 8px 4px;
  vertical-align: middle;
}
.table-list table tbody td + th {
  padding-left: 32px;
}

.table-list-2 {
  margin-top: 16px;
}
.table-list-2 table {
  width: 100%;
}
.table-list-2 table thead th,
.table-list-2 table tbody th {
  background-color: #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
  border-top: 1px solid #f8f8f8;
  font-weight: 300;
  text-align: center;
  height: 48px;
  vertical-align: middle;
  padding: 0 4px;
}
.table-list-2 table tbody td {
  padding: 6px 12px;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  vertical-align: middle;
}
.table-list-2 table tbody td:last-child {
  border-right: 0;
}
.table-list-2 table tbody td.line {
  border-right: 1px solid #eee;
}
.table-list-2 table thead + tbody td {
  border-top: 0;
}
.table-list-2 .disabled {
  color: #aaa;
}
.table-list-2.ty-2 table thead th,
.table-list-2.ty-2 table tbody th {
  padding: 14px 0;
}
.table-list-2.ty-2 table tbody td {
  padding: 6px 8px;
  text-align: center;
}
.table-list-2.ty-2 table tbody td.align-l {
  text-align: left;
}
.table-list-2.align-center table tbody td {
  text-align: center;
  height: 48px;
}
.table-list-2.align-center table tbody td.align-l {
  text-align: left;
}

.table-row-list {
  border: 2px solid transparent;
}
.table-row-list table {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
}
.table-row-list th {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  background-color: #f8f8f8;
  color: #222;
  padding: 20.5px 16px;
  vertical-align: middle;
  padding: 9px 16px;
}
.table-row-list td {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px;
  vertical-align: middle;
}
.table-row-list.error {
  border-color: #f23f3f;
  overflow: hidden;
}

.tooltip-btn {
  width: 1.2rem;
  height: 1.2rem;
  background: #ffdfd0;
  color: #ff5d16;
  font-size: 0.9rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  border-radius: 100%;
  line-height: 0.8rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.2rem;
  margin-left: 0.2rem;
  text-align: center;
}
.tooltip-btn.ty-black {
  background: #4f4f4f;
  color: white;
  vertical-align: 0.1rem;
}
.tooltip-btn.ty-black .tooltip {
  bottom: 2rem;
  top: unset;
}
.tooltip-btn.ty-black .tooltip::before {
  bottom: -0.5rem;
}
.tooltip-btn.ty-txt {
  width: auto;
  height: auto;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.4rem;
  background: none;
  text-decoration: underline;
  position: relative;
  display: block;
}
.tooltip-btn.ty-txt > span {
  text-decoration: none;
}
.tooltip-btn.ty-txt .tooltip {
  left: -50%;
  top: -154px;
  width: 22rem;
  padding: 2.4rem 2rem;
  -webkit-filter: drop-shadow(0px 4px 8px rgba(153, 153, 153, 0.4));
  filter: drop-shadow(0px 4px 8px rgba(153, 153, 153, 0.4));
}
.tooltip-btn.ty-txt .tooltip::before {
  bottom: -0.5rem;
  left: calc(50% - 1.1rem);
}
.tooltip-btn.ty-large {
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.2rem;
  font-size: 1.14rem;
  vertical-align: middle;
}
.tooltip-btn.ty-large .tooltip {
  top: -12rem;
  right: -7.9rem;
  padding: 2.4rem;
  border: none;
  font-size: 1.3rem;
  -webkit-box-shadow: 0 16px 36px 0 rgba(153, 153, 153, 0.4);
          box-shadow: 0 16px 36px 0 rgba(153, 153, 153, 0.4);
  white-space: nowrap;
}
.tooltip-btn.ty-large .tooltip::before {
  left: 50%;
  margin-left: -0.42rem;
}
.tooltip-btn.ty-center .tooltip {
  text-align: center;
}
.tooltip-btn .subject {
  display: block;
  margin-bottom: 0.8rem;
  font-style: normal;
  font-weight: bold;
}

.tooltip {
  display: none;
  position: absolute;
  top: -7rem;
  right: -14rem;
  background: #fff;
  padding: 1.3rem 1.5rem;
  border: solid 0.1rem #e9e9e9;
  text-align: left;
  border-radius: 0.2rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: #4f4f4f;
  width: 17.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tooltip.active {
  display: block;
}
.tooltip::before {
  content: "";
  width: 0.84rem;
  height: 0.84rem;
  border-bottom: solid 0.1rem #e9e9e9;
  border-right: solid 0.1rem #e9e9e9;
  display: block;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #fff;
  bottom: -0.37rem;
  left: 2.5rem;
}
.tooltip b {
  color: #2f7cfe;
}
.tooltip a {
  display: block;
  text-decoration: underline;
}
.tooltip a::after {
  content: "";
  width: 0.84rem;
  height: 0.84rem;
  border-bottom: solid 0.1rem #4f4f4f;
  border-right: solid 0.1rem #4f4f4f;
  display: inline-block;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
}

.tooltip-txt {
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: -0.02rem;
  font-weight: 700;
}

.popover {
  position: relative;
}
.popover[data-popover-placement=top-end] .popover-detail {
  -webkit-transform: translate(18px, -10px);
      -ms-transform: translate(18px, -10px);
          transform: translate(18px, -10px);
}
.popover[data-popover-placement=top-end] .popover-detail::after {
  bottom: -10px;
  right: 16px;
  top: auto;
  left: auto;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.popover .popover-btn {
  width: 20px;
  height: 20px;
  margin-left: 4px;
  background-image: url("/UIDev/v3/images/icon/icon_tooltip_white.svg");
  background-size: 16px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.popover .popover-detail {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #ddd;
  -webkit-transform: translate(-13px, 10px);
      -ms-transform: translate(-13px, 10px);
          transform: translate(-13px, 10px);
  background: #fff;
}
.popover .popover-detail::after {
  position: absolute;
  top: -10px;
  left: 16px;
  width: 14px;
  height: 10px;
  content: "";
  background-size: 100%;
  background-image: url("/UIDev/v3/images/icon/icon_tooltip_arrow.svg");
}
.popover .popover-detail .txtbox {
  font-size: 14px;
  line-height: 20px;
  color: #222;
}
.popover .popover-detail .txtbox strong {
  font-weight: 700;
}
.popover .popover-detail .txtbox .subject ~ .txt {
  margin: 4px 0 0 0;
}
.popover .popover-detail .txtbox .txt {
  display: block;
  font-weight: 300;
}
.popover .popover-detail .txtbox .txt ~ .txt {
  margin: 4px 0 0 0;
}
.popover .popover-detail .txtbox .txt .s-txt {
  font-size: 12px;
}
.popover .popover-detail .new-txt-link {
  margin-left: -5px;
  margin-bottom: -5px;
}
.popover .popover-detail .btn-new {
  margin-top: 8px;
}

.base-tooltip-wrap {
  display: inline-block;
  vertical-align: top;
  margin-left: 2px;
  position: relative;
}
.base-tooltip-wrap .base-tooltip-area {
  color: #888;
}
.base-tooltip-wrap .base-tooltip-area.active .base-tooltip {
  display: block;
}
.base-tooltip-wrap .base-tooltip-area.active .btn-tooltip {
  background-color: transparent;
  color: #888;
}
.base-tooltip-wrap .base-tooltip-area .btn-tooltip {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #888;
  border-radius: 16px;
  line-height: 15px;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}
.base-tooltip-wrap .base-tooltip-area .base-tooltip {
  display: none;
  position: absolute;
  top: 28px;
  left: -17px;
  width: 282px;
  padding: 16px;
  border: 1px solid #ddd;
  border-radius: 12px;
  background-color: #fff;
  color: #222;
  text-align: left;
  z-index: 15;
}
.base-tooltip-wrap .base-tooltip-area .base-tooltip::before {
  position: absolute;
  top: -10px;
  left: 16px;
  content: "";
  display: block;
  width: 14px;
  height: 10px;
  background: url("/UIDev/v3/images/sub/car-tooltip-arrow.png") 0 0 no-repeat;
}
.base-tooltip-wrap.car-tooltip-wrap {
  display: block;
  margin-left: 0;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area {
  position: absolute;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.active .car-tooltip {
  display: block;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.active .btn-tooltip {
  background-color: #000;
  color: #fff;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area[class^=chk] .btn-tooltip, .base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area[class*=" chk"] .btn-tooltip {
  background-color: var(--tooltip-color);
  border-color: var(--tooltip-color);
  color: #fff;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.chk-x {
  --tooltip-color: #f23f3f;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.chk-w {
  --tooltip-color: #287eff;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.chk-c {
  --tooltip-color: #00a597;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.chk-a {
  --tooltip-color: #888;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.chk-u {
  --tooltip-color: #7d6c59;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.chk-t {
  --tooltip-color: #b0986a;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area .btn-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 20px;
  height: 20px;
  background: url(/UIDev/v3/images/icon/icon_close_20.svg) no-repeat center center;
  font-size: 0;
  text-indent: -9999rem;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area .tooltip-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area .btn-tooltip {
  width: 20px;
  height: 20px;
  border: 1px solid #222;
  color: #222;
  background-color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  border-radius: 20px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area .base-tooltip {
  top: 30px;
  left: -50px;
  width: 282px;
  padding: 16px;
  border: 1px solid #ddd;
  border-radius: 12px;
  background-color: #fff;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area .base-tooltip::before {
  top: -10px;
  left: 51px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-1 {
  top: 58px;
  left: 107px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2 {
  top: 77px;
  left: 41px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-3 {
  top: 77px;
  right: 41px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-4 {
  top: 120px;
  left: 26px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-5 {
  top: 120px;
  right: 26px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-6 {
  top: 163px;
  left: 26px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-7 {
  top: 163px;
  right: 26px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-8 {
  top: 221px;
  left: 107px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-9 {
  top: 32px;
  left: 107px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-10 {
  top: 200px;
  left: 54px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-11 {
  top: 200px;
  right: 54px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-12 {
  top: 148px;
  left: 107px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-13 {
  top: 144px;
  left: 11px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-14 {
  top: 144px;
  right: 11px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-1 {
  top: 44px;
  left: 107px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-2 {
  top: 107px;
  left: 107px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-3 {
  top: 70px;
  left: 65px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-4 {
  top: 70px;
  right: 65px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-5 {
  bottom: 63px;
  left: 107px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-6 {
  bottom: 31px;
  left: 107px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-7 {
  top: 80px;
  left: 94px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-8 {
  top: 80px;
  right: 94px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-9 {
  bottom: 63px;
  left: 86px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-10 {
  bottom: 63px;
  right: 87px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-11 {
  top: 91px;
  left: 65px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-12 {
  top: 91px;
  right: 65px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-13 {
  bottom: 55px;
  left: 64px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-14 {
  bottom: 55px;
  right: 64px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-15 {
  top: 120px;
  left: 53px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-16 {
  top: 120px;
  right: 53px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-17 {
  top: 145px;
  left: 51px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-18 {
  top: 145px;
  right: 51px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-19 {
  top: 177px;
  left: 55px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-20 {
  top: 177px;
  right: 55px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-21 {
  top: 183px;
  left: 107px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-22 {
  top: 128px;
  left: 107px;
}
.base-tooltip-wrap.car-tooltip-wrap .base-tooltip-area.num-2-23 {
  top: 152px;
  left: 107px;
}
.base-tooltip-wrap.tooltip--text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: text-top;
  margin-left: 0;
}
.base-tooltip-wrap.tooltip--text .base-tooltip-area {
  display: inline-block;
  margin-left: 6px;
}
.base-tooltip-wrap.tooltip--text .base-tooltip-area .base-tooltip {
  padding: 16px 20px;
  border-radius: 4px;
  left: 0;
  right: auto;
  word-break: keep-all;
}
.base-tooltip-wrap.tooltip--text .base-tooltip-area .base-tooltip::before {
  display: none;
}
.base-tooltip-wrap.tooltip--text .base-tooltip-area .base-tooltip .icon-close {
  position: absolute;
  right: 20px;
  top: 16px;
}
.base-tooltip-wrap.tooltip--text .base-tooltip-area .base-tooltip .icon-close::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url("/UIDev/v3/images/sub/icon-close.svg") no-repeat center/contain;
}
.base-tooltip-wrap.tooltip--text .base-tooltip-area .base-tooltip > .asterisk-list {
  margin-left: -4px;
}
.base-tooltip-wrap.tooltip--text .base-tooltip-area .base-tooltip-btn {
  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;
  margin-top: 4px;
}
.base-tooltip-wrap.tooltip--text .base-tooltip-area .base-tooltip-btn .btn-new {
  min-width: 53px;
  height: 32px;
  line-height: 32px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  font-weight: 700;
}
.base-tooltip-wrap.tooltip--text.tooltip--pd .base-tooltip {
  padding-right: 48px;
  width: 214px;
  -webkit-box-sizing: initial;
          box-sizing: initial;
}
.base-tooltip-wrap.tooltip--text.tooltip--location .base-tooltip {
  left: auto;
  right: 0;
}
.base-tooltip-wrap.tooltip--text.tooltip--text-only .btn-tooltip {
  width: auto;
  height: auto;
  border: none;
  border-radius: initial;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  color: #222;
  text-decoration: underline;
}

.speech-bubble {
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  font-weight: 300;
  color: #fff;
  padding: 2px 6px;
  margin-bottom: 6px;
  background-color: #ff5d16;
  border-radius: 100px;
}
.speech-bubble::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  right: 6px;
  width: 7px;
  height: 6px;
  background: url("/UIDev/v3/images/sub/speech-bubble-bg.svg") 0 0 no-repeat;
}

.box-line {
  border: 0.1rem solid #e9e9e9;
  padding: 3rem 4rem;
  margin-bottom: 1.2rem;
}

.box-line-bg {
  border: 0.1rem solid #e9e9e9;
  background: #faf9f7;
  padding: 3rem 4rem;
  margin-bottom: 1.2rem;
}

.highlight-box {
  background-color: #f8f8f8;
  padding: 20px 16px;
  border-radius: 4px;
}
.highlight-box .asterisk-list {
  padding: 0 4px;
}
.highlight-box.pad20 {
  padding: 20px;
}

.bul-notice-box {
  margin-top: 16px;
  padding: 16px 20px;
  border-radius: 8px;
  background: #f8f8f8;
}
.bul-notice-box.ty-2 {
  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;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin-top: 48px;
  padding: 12.5px 16px;
}
.bul-notice-box.ty-2 .btn-right {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.bul-notice-box .bul-list {
  margin-top: 0;
}

.line-box {
  padding: 40px 32px;
  border: 2px solid #222;
  border-radius: 8px;
  text-align: center;
}
.line-box .car-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 4px;
  background-color: #eee;
  margin: 0 auto;
  padding: 8px;
}
.line-box .car-logo + .title {
  margin-top: 16px;
}
.line-box .car-logo img {
  width: 100%;
}
.line-box .title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
.line-box .title + .con {
  margin-top: 6px;
}
.line-box .s-title {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
}
.line-box .s-title + .sub-category {
  margin-top: 16px;
}
.line-box .xs-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
  margin-bottom: 8px;
}
.line-box .xs-title + .sub-category {
  margin-top: 16px;
}
.line-box .con {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  font-weight: 300;
}
.line-box.error {
  border: 2px solid #f23f3f;
}
.line-box + .invalid-txt {
  margin-left: 4px;
  margin-top: 8px;
  margin-bottom: 16px;
}
.line-box + .invalid-txt.cmgb {
  margin-bottom: 12px;
}
.line-box.ty-2 {
  padding: 32px;
  text-align: left;
}
.line-box.ty-2 > li + li {
  margin-top: 24px;
}
.line-box.ty-2 > li + li::before {
  content: "";
  display: block;
  margin-bottom: 24px;
  width: 100%;
  height: 1px;
  background-color: #ddd;
}
.line-box.ty-3 {
  padding: 22px 32px;
  text-align: left;
}
.line-box.ty-3.disabled {
  color: #aaa;
  background-color: #eee;
  border-color: #eee;
}
.line-box.ty-4 {
  padding: 12px 32px;
  text-align: left;
}
.line-box.ty-4 > .col-area {
  min-height: 48px;
}
.line-box .line-box-hr {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #d9d9d9;
}

.line-box-2 {
  padding: 24px 32px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.line-box-2 .title {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.line-box-2 .con {
  margin-top: 8px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.line-box-2 .con + .con {
  margin-top: 16px;
}
.line-box-2.pd32 {
  padding: 32px;
}

.line-box-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding: 24px 32px;
  border-radius: 8px;
  border: 1px solid #ddd;
}
.line-box-3 .title {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  font-weight: 700;
}
.line-box-3 .s-title {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
  margin-bottom: 8px;
}
.line-box-3 + .line-box-3 {
  margin-top: 16px;
}
.line-box-3 .dot-list > li {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.line-box-3 .dot-list > li:not(:last-child) {
  margin-bottom: 4px;
}

.line-box-4 {
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #222;
  background-color: #fff;
}
.line-box-4.line-box-4--ty2 {
  margin-top: 16px;
  padding: 23px 32px;
  border-radius: 6px;
}

.gray-box-list {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
}
.gray-box-list .gray-box.ty-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px;
}
.gray-box-list .gray-box.ty-2 .form-chk-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gray-box-list .gray-box.ty-2 .form-chk-radio input[type=checkbox] + .label {
  display: inline-block;
}
.gray-box-list .gray-box.ty-2 .form-chk-radio input[type=checkbox] + .label::before {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.gray-box {
  background-color: #f8f8f8;
  border-radius: 4px;
  padding: 20px 24px 20px 20px;
}
.gray-box .form-chk-radio.fm-line input[type=checkbox]:disabled:checked + label::before,
.gray-box .form-chk-radio.fm-line input[type=radio]:disabled:checked + label::before {
  background-image: url(../images/icon/icon-chk-radio-on-yellow.svg);
  background-color: #222;
  border-color: #222;
}
.gray-box.ty-2 {
  padding: 24px 32px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.gray-box.ty-2 .c-title-18 + p {
  margin-top: 4px;
}
.gray-box.gray-box-ty-3 {
  padding: 20px;
}
.gray-box.gray-box-ty-4 {
  padding: 32px 40px;
}
.gray-box.gray-box-ty-5 {
  padding: 12px 20px;
  border-radius: 2px;
}
.gray-box.gray-box-ty-5 .btn-new ~ .btn-new {
  margin: 0 0 0 4px;
}
.gray-box.gray-box-ty-5 .txt-area .c-body-16 {
  display: inline-block;
}
.gray-box.gray-box-ty-5 .txt-area .c-body-16 + .c-body-16::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
  width: 1px;
  height: 14px;
  background-color: #d9d9d9;
  margin: 0 8px;
}
.gray-box.gray-box-ty-6 {
  padding: 32px;
  border-radius: 8px;
}
.gray-box.gray-box-ty-7 {
  padding: 16px 24px;
  border-radius: 8px;
}
.gray-box .gray-box-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.gray-box .gray-box-added {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.dark-box {
  padding: 16.5px 16px;
  background-color: #222;
  border-radius: 4px;
}

.tit-h5 {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  font-weight: 700;
  margin: 2.4rem 0 1.4rem;
}
.tit-h5:first-child {
  margin-top: 0;
}

/* title */
.c-title-28 {
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
}

.c-title-24 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.c-title-24-l {
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
}

.c-title-20 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.c-title-20-l {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
}

.c-title-16 {
  font-size: 16px;
  line-height: 23px;
  font-weight: 700;
}

.c-title-18 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}

/* text */
.c-body-18 {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}

.c-body-16 {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}

.c-body-14 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.c-body-12 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.c-body-11 {
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
}

.c-body-10 {
  font-size: 10px;
  line-height: 15px;
  font-weight: 500;
}

/* font-weight */
.font-w-b {
  font-weight: 700;
}

.font-w-m {
  font-weight: 500;
}

.font-w-l {
  font-weight: 300;
}

ul.bullet-dot {
  text-align: left;
}
ul.bullet-dot > li {
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: -0.02rem;
  color: #757575;
  text-indent: -0.9rem;
  padding-left: 0.9rem;
  margin-top: 0.2rem;
}
ul.bullet-dot > li:before {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background: #757575;
  vertical-align: middle;
  margin: -0.3rem 0.5rem 0 0;
  content: "";
}
ul.bullet-dot > li:first-child {
  margin-top: 0;
}

p.bullet-dot {
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: -0.02rem;
  color: #757575;
  text-indent: -0.9rem;
  padding-left: 0.9rem;
  margin-top: 0.2rem;
}
p.bullet-dot:before {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background: #757575;
  vertical-align: middle;
  margin: -0.3rem 0.5rem 0 0;
  content: "";
}
p.bullet-dot + p.bullet-dot {
  margin-top: 0.2rem;
}

.star-list li {
  position: relative;
  padding-left: 1rem;
  font-size: 12px;
  line-height: 16px;
  color: #222;
  font-weight: 500;
}
.star-list li:not(:last-child) {
  margin-bottom: 4px;
}
.star-list li:before {
  content: "*";
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  color: #222;
}

.bul-list li,
p.bul-list {
  margin-top: 8px;
  padding-left: 24px;
  text-indent: -20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.bul-list li::before,
p.bul-list::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/UIDev/v3/images/icon/bul_list.svg") center/contain no-repeat;
  margin: -3px 5px 0 0;
  vertical-align: middle;
  content: "";
}
.bul-list li + .bul-list,
p.bul-list + .bul-list {
  margin-top: 4px;
}
.bul-list li.ty-2,
p.bul-list.ty-2 {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  color: #222;
}
.bul-list li.ty-2 strong,
p.bul-list.ty-2 strong {
  font-weight: 700;
}
.bul-list li.ty-2::before,
p.bul-list.ty-2::before {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/UIDev/v3/images/icon/bul_list.svg") center/contain no-repeat;
  margin: -2px 5px 0 0;
  vertical-align: middle;
  content: "";
}

.bul-list + li {
  margin-top: 4px;
}
.bul-list li:first-child {
  margin-top: 0;
}
.bul-list li::before {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/UIDev/v3/images/icon/bul_list.svg") center/contain no-repeat;
  margin: -2px 5px 0 0;
  vertical-align: middle;
  content: "";
}

.asterisk-list {
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
}
.asterisk-list > li {
  position: relative;
  margin-top: 4px;
  padding-left: 10px;
}
.asterisk-list > li::before {
  content: "*";
  position: absolute;
  top: 1.7px;
  left: 1.2px;
}
.asterisk-list > li .list {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  display: inline-block;
  position: relative;
  padding-left: 11px;
}
.asterisk-list > li .list::before {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.asterisk-list > li + li {
  margin-top: 8px;
}
.asterisk-list.ty-2 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  color: #666;
}
.asterisk-list.ty-2 > li {
  margin-top: 10px;
  padding-left: 11px;
}
.asterisk-list.ty-2 > li::before {
  top: 1.4px;
  left: 0;
}
.asterisk-list.ty-black li {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  color: #222;
}
.asterisk-list.ty-black > li {
  padding-left: 14px;
}
.asterisk-list.ty-black > li::before {
  top: -1px;
  left: 4px;
}
.asterisk-list.ty-black-l li {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  color: #222;
}
.asterisk-list.ty-black-l > li {
  padding-left: 14px;
}
.asterisk-list.ty-black-l > li::before {
  top: -1px;
  left: 4px;
}
.asterisk-list.ty-black-l > li + li {
  margin-top: 4px;
}
.asterisk-list.ty-orange > li {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  padding-left: 11px;
}
.asterisk-list.ty-orange > li::before {
  color: #ff5d16;
  top: 0;
}
.asterisk-list.ty-orange > li + li {
  margin-top: 4px;
}
.line-box + .asterisk-list, .line-box + .invalid-txt + .asterisk-list {
  margin-left: 8px;
}

.asterisk-list:not(ul, ol) {
  position: relative;
  padding-left: 10px;
}
.asterisk-list:not(ul, ol)::before {
  content: "*";
  position: absolute;
  top: 1.7px;
  left: 1.2px;
}
.asterisk-list:not(ul, ol).ty-2 {
  margin-top: 10px;
  padding-left: 11px;
}
.asterisk-list:not(ul, ol).ty-2::before {
  top: 1.4px;
  left: 0;
}

.middot-list > li,
p.middot-list,
.dash-list > li,
p.dash-list {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  position: relative;
  padding-left: 11px;
}
.middot-list > li::before,
p.middot-list::before,
.dash-list > li::before,
p.dash-list::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  background-color: #222;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  left: 0;
}

.dash-list > li::before,
p.dash-list::before {
  content: "-";
  width: auto;
  height: auto;
  background-color: transparent;
  border-radius: initial;
  position: absolute;
  top: 0;
}

.bullet-star > li,
p.bullet-star {
  position: relative;
  padding-left: 18px;
  margin-top: 8px;
}
.bullet-star > li.in,
p.bullet-star.in {
  margin-left: 4px;
}
.bullet-star > li.in > li,
p.bullet-star.in > li {
  padding-left: 10px;
}
.bullet-star > li:before,
p.bullet-star:before {
  font: inherit;
  color: inherit;
  position: absolute;
  top: 2px;
  left: 0;
  display: inline;
  content: "*";
}

.bullet-star {
  margin-top: 8px;
}
.bullet-star.in {
  margin-left: 4px;
}
.bullet-star.in > li {
  padding-left: 10px;
}
.bullet-star > li {
  margin-top: 3px;
}
.bullet-star > li:first-child {
  margin-top: 0;
}

.bullet-star-2 > li,
p.bullet-star-2 {
  position: relative;
  padding-left: 12px;
  margin: 4px 0 0 4px;
  word-break: keep-all;
  white-space: normal;
  font-weight: 300;
  overflow-wrap: anywhere;
}
.bullet-star-2 > li.ty-2,
p.bullet-star-2.ty-2 {
  margin-left: 8px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.bullet-star-2 > li.cmg,
p.bullet-star-2.cmg {
  margin: 8px 0 0 16px;
}
.bullet-star-2 > li::before,
p.bullet-star-2::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.bullet-star-2 {
  margin: 4px 0 0 0;
}
.bullet-star-2.ty-2 > li {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  margin-left: 8px;
}
.bullet-star-2 > li {
  margin-top: 3px;
}
.bullet-star-2 > li:first-child {
  margin-top: 0;
}

.number-list > li {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  position: relative;
  padding-left: 18px;
}
.number-list > li .numbering {
  position: absolute;
  top: 0;
  left: 0;
}
.number-list > li ~ li {
  margin-top: 8px;
}

.form-error .inp-t,
.form-error .file-name-input {
  border-color: #f23f3f;
}
.form-error select.sel-tp04 + .select2-container .select2-selection--single {
  border-color: #f23f3f;
}
.form-error + .mark-error {
  display: block;
}

.form-list.list-type2 > li {
  position: relative;
  padding-bottom: 2rem;
}
.form-list.list-type2 > li:last-child {
  padding-bottom: 0;
}
.form-list > li {
  position: relative;
  padding-bottom: 4rem;
}
.form-list > li:last-child {
  padding-bottom: 3rem;
}
.form-list > li .form-tit {
  font-size: 1.5rem;
  font-weight: 700;
}
.form-list > li .form-tit + .form-cont {
  margin-top: 1.5rem;
}
.form-list > li .form-cont .form-radio + .form-radio {
  margin-left: 1.5rem;
}
.form-list > li .form-cont .form-radio label.tit {
  font-size: 1.5rem;
  font-weight: 700;
}
.form-list > li .form-cont .form-radio .inline-ty1 {
  margin-left: 1rem;
  display: inline-block;
  width: 10rem;
}
.form-list > li .form-cont .coin {
  position: absolute;
  right: 0;
  top: 0.7rem;
}

.form-list2 > li {
  padding-top: 0.9rem;
}
.form-list2 > li:first-child {
  padding-top: 0;
}

.form-list3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-top: 0.1rem solid #e9e9e9;
  padding-top: 3rem;
}
.form-list3 > li {
  width: 20%;
}
.form-list3 > li .box-chk-list2 .form-chk {
  letter-spacing: normal;
}
.form-list3 > li.full-item {
  padding-top: 24px;
  width: 100%;
  border-top: 1px solid #e9e9e9;
}
.form-list3 > li.full-item .desc {
  margin-top: 8px;
}
.form-list3 > li.full-item .box-chk-list2 {
  margin: 17px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.form-list3 > li.full-item .box-chk-list2 li {
  margin: 0 16px 0 0;
  padding: 0;
}
.form-list3 > li .tit-area {
  font-weight: 700;
}
.form-list3 > li .tit-area em {
  font-style: normal;
}

.form-list4 > li {
  padding-top: 1.2rem;
}
.form-list4 > li:first-child {
  padding-top: 0;
}

.coin {
  font-size: 2.8rem;
  font-weight: 700;
  color: #ff5d16;
}
.coin.off {
  color: rgba(153, 153, 153, 0.6);
}
.coin.off::after {
  content: "c";
  background-color: #e9e9e9;
  color: rgba(153, 153, 153, 0.6);
  font-size: 1.4rem;
  line-height: 1.4rem;
}
.coin::after {
  content: "c";
  position: relative;
  top: -0.6rem;
  display: inline-block;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background-color: #ffcc00;
  color: #ff8e0a;
  font-size: 1.4rem;
  line-height: 1.4rem;
}

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

.select-inline-block {
  display: inline-block !important;
}
.select-inline-block .select2 {
  display: inline-block !important;
}

.display-flex-area {
  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;
}
.display-flex-area .select2:first-of-type {
  margin-right: 1rem;
}

.display-flex-start-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
}

.wid100 {
  width: 100% !important;
}

.wid100 + .wid100 {
  margin-left: 1rem;
}

.ty-wid {
  width: 25.6rem;
}

.wid-ty-normal {
  width: 28rem;
  padding-right: 2rem;
}

.wid-ty-s {
  width: 22rem;
}

.wid-ty-md {
  width: 35rem;
}

.wid-ty-lg {
  width: 48rem;
}

.tit-center-area {
  display: inline-block;
  width: 5rem;
  text-align: center;
  font-weight: 700;
}

.tit-blue {
  font-size: 1.4rem;
  color: #2f7cfe;
  font-weight: 700;
}
.tit-blue.ty-medium {
  margin-top: 4rem;
  font-size: 1.6rem;
}

.icon-recommend {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-right: 0.4rem;
  background: url("/UIDev/v3/images/icon/icon-recommend.svg") no-repeat;
  vertical-align: -0.3rem;
}

.icon-recommend2 {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.4rem;
  background: url("/UIDev/v3/images/icon/icon-recommend2.png") no-repeat;
  vertical-align: -0.5rem;
}

.icon-plus-circle-mono {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url("/UIDev/v3/images/icon/icon-plus-circle-mono.png") no-repeat;
  vertical-align: -0.3rem;
}

.icon-shopping-bag-mono {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
  background: url("/UIDev/v3/images/icon/icon-shopping-bag-mono.png") no-repeat;
  vertical-align: -0.3rem;
}

.icon-info01 {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.4rem;
  background: url("/UIDev/v3/images/icon/icon-info01.png") no-repeat;
  vertical-align: -0.3rem;
}

.icon-info02 {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.4rem;
  background: url("/UIDev/v3/images/icon/icon-info02.png") no-repeat;
  vertical-align: -0.3rem;
}

.icon-info03 {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.4rem;
  background: url("/UIDev/v3/images/icon/icon-info03.png") no-repeat;
  vertical-align: -0.3rem;
}

.icon-info04 {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.4rem;
  background: url("/UIDev/v3/images/icon/icon-info04.png") no-repeat;
  vertical-align: -0.3rem;
}

.img-input-area {
  display: inline-block;
}

.img-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 12.8rem;
  height: 3.7rem;
  border: 1px solid #e9e9e9;
  border-radius: 0.4rem;
}
.img-input > .gap-item {
  padding-top: 0.8rem;
  font-size: 1.6rem;
}
.img-input > input {
  width: 100%;
  height: 3.5rem;
  border: none;
  outline: none;
  text-align: center;
}

.box-event-area {
  position: relative;
  height: 8.1rem;
  margin: 1.6rem 0 4rem;
  padding: 2.4rem 3.6rem;
  background-color: #faf9f8;
  border-radius: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.box-event-area .icon-area {
  position: absolute;
  right: 4.6rem;
  top: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
}
.box-event-area .icon-area.coin-img {
  background: url("/UIDev/v3/images/icon/icon-banner-rht.png") no-repeat;
}

.box-input-cont {
  display: none;
}
.box-input-cont.show {
  display: block;
}
.box-input-cont .p-tit {
  padding-left: 2.4rem;
  color: #757575;
  font-size: 1.6rem;
  font-weight: 500;
  text-decoration: line-through;
}
.box-input-cont .p-tit:after {
  content: "";
  width: 1.5rem;
  height: 1.1rem;
  margin-left: 1.5rem;
  background: url("/UIDev/v3/images/icon/icon_arrow_lft.png") no-repeat;
  display: inline-block;
}
.box-input-cont .inp-money {
  position: relative;
  height: 4rem;
  border: solid 1px #e9e9e9;
  border-radius: 0.4rem;
  line-height: 4rem;
  font-size: 1.3rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box-input-cont .inp-money input {
  height: 3.8rem;
  padding-right: 4rem;
  border: none;
  border-radius: 0.6rem;
  line-height: 3.8rem;
  vertical-align: top;
  outline: none;
  color: #ff5d16;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: right;
}
.box-input-cont .inp-money .t-txt {
  position: absolute;
  right: 1rem;
  top: 0.6rem;
  height: 2.6rem;
  color: rgba(153, 153, 153, 0.6);
  line-height: 26px;
}

.box-input-cont2 .inp-money,
.box-input-cont2 .inp-search {
  position: relative;
  height: 4rem;
  border: solid 1px #e9e9e9;
  border-radius: 0.4rem;
  line-height: 4rem;
  font-size: 1.3rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box-input-cont2 .inp-money input,
.box-input-cont2 .inp-search input {
  height: 3.8rem;
  padding-right: 4rem;
  border: none;
  border-radius: 0.6rem;
  line-height: 3.8rem;
  vertical-align: top;
  outline: none;
  font-size: 1.3rem;
  font-weight: 700;
}
.box-input-cont2 .inp-money .btn-search1,
.box-input-cont2 .inp-search .btn-search1 {
  position: absolute;
  right: 0.5rem;
  top: 0;
  width: 4rem;
  height: 4rem;
  background: url("/UIDev/v3/images/icon/icon-btn-search.png") no-repeat;
  background-position: center center;
  display: inline-block;
}
.box-input-cont2 .inp-money .btn-search1:active,
.box-input-cont2 .inp-search .btn-search1:active {
  opacity: 0.7;
}
.box-input-cont2 .inp-money .btn-search1 span,
.box-input-cont2 .inp-search .btn-search1 span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.box-input-cont3 {
  margin-top: 2px;
  border: solid 0.2rem #fff;
  border-radius: 1.2rem;
  -webkit-filter: drop-shadow(0px 4px 8px rgba(153, 153, 153, 0.4));
  filter: drop-shadow(0px 4px 8px rgba(153, 153, 153, 0.4));
}
.box-input-cont3 .inp-money,
.box-input-cont3 .inp-search {
  position: relative;
  width: 452px;
  height: 93px;
  border: solid 3px #000;
  border-radius: 12px;
  line-height: 40px;
  font-size: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box-input-cont3 .inp-money input,
.box-input-cont3 .inp-search input {
  height: 86px;
  padding-right: 100px;
  padding-left: 40px;
  border: none;
  border-radius: 12px;
  line-height: 86px;
  vertical-align: top;
  outline: none;
  font-size: 50px;
  font-weight: 700;
}
.box-input-cont3 .inp-money input::-webkit-input-placeholder, .box-input-cont3 .inp-search input::-webkit-input-placeholder {
  color: #ddd;
}
.box-input-cont3 .inp-money input::-moz-placeholder, .box-input-cont3 .inp-search input::-moz-placeholder {
  color: #ddd;
}
.box-input-cont3 .inp-money input:-ms-input-placeholder, .box-input-cont3 .inp-search input:-ms-input-placeholder {
  color: #ddd;
}
.box-input-cont3 .inp-money input::-ms-input-placeholder, .box-input-cont3 .inp-search input::-ms-input-placeholder {
  color: #ddd;
}
.box-input-cont3 .inp-money input::placeholder,
.box-input-cont3 .inp-search input::placeholder {
  color: #ddd;
}
.box-input-cont3 .inp-money .btn-search1,
.box-input-cont3 .inp-search .btn-search1 {
  position: absolute;
  right: 1rem;
  top: 1.2rem;
  width: 7.8rem;
  height: 7.8rem;
  background: url("/UIDev/v3/images/icon/icon-search-buy01.png") no-repeat;
  display: inline-block;
}
.box-input-cont3 .inp-money .btn-search1:active,
.box-input-cont3 .inp-search .btn-search1:active {
  opacity: 0.7;
}
.box-input-cont3 .inp-money .btn-search1 span,
.box-input-cont3 .inp-search .btn-search1 span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.box-gray {
  position: relative;
  z-index: -1;
  padding: 2.4rem;
  background-color: #faf9f8;
  border-radius: 0.4rem;
}
.box-gray.ty1 {
  padding: 1.4rem 1.6rem;
  margin-bottom: 1rem;
  z-index: 0;
}
.box-gray .box-gray-tit {
  font-weight: 500;
}
.box-gray .box-txt-ty1 {
  padding: 3rem 0;
  color: #222;
  font-weight: 400;
}

.file-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.file-list.has-read {
  margin-top: 0;
}
.file-list.has-read > li {
  padding-right: 1rem;
}
.file-list > li {
  position: relative;
  height: 4rem;
  margin: 0.2rem 1rem 0.4rem 0;
  padding: 1rem 3.9rem 0.7rem 1rem;
  border-radius: 0.2rem;
  background-color: #faf9f8;
  display: inline-block;
}
.file-list > li::before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.5rem;
  background: url("/UIDev/v3/images/icon/icon-clip.png") no-repeat;
  display: inline-block;
  vertical-align: -0.2rem;
}
.file-list > li:last-child {
  margin-left: 0;
}
.file-list > li .btn-file-del {
  position: absolute;
  right: 1rem;
  top: 0.8rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/UIDev/v3/images/icon/icon-file-del.png") no-repeat;
}
.file-list > li .btn-file-del > span {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  padding: 0;
  margin: -0.1rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.color-main {
  color: #ff5d16 !important;
}

.color-gray {
  color: rgba(153, 153, 153, 0.6) !important;
}

.color-pt {
  color: #2f7cfe !important;
}

.color-red {
  color: #f10d0d !important;
}

.color-gray6 {
  color: #666 !important;
}

.color-75 {
  color: #757575 !important;
}

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

.font-weight-regular {
  font-weight: 400;
}

.txt-sub-color3 {
  font-size: 1.3rem;
  color: rgba(153, 153, 153, 0.6);
}

.txt-point-color {
  font-size: 1.8rem;
  color: #ff5d16;
  font-weight: 700;
}

.price-ty2 {
  font-weight: 500;
}
.price-ty2 > span {
  font-size: 1.6rem;
  font-weight: 700;
}

.ul-list ~ .ul-list,
.result-division ~ .ul-list {
  margin-top: 3rem;
}
.ul-list .tit-normal,
.result-division .tit-normal {
  padding-top: 4rem;
  padding-bottom: 2.4rem;
  font-size: 1.4rem;
  font-weight: 700;
}
.ul-list .tit-normal:first-child,
.result-division .tit-normal:first-child {
  padding-top: 0;
}
.ul-list .tit-normal.tbl-gap,
.result-division .tit-normal.tbl-gap {
  padding-bottom: 1.7rem;
}
.ul-list .textarea-views,
.result-division .textarea-views {
  white-space: pre-line;
  font-size: 1.3rem;
  line-height: 2.6rem;
}
.ul-list .textarea-views.type-large,
.result-division .textarea-views.type-large {
  font-size: 1.4rem;
  line-height: 1.57;
}

.result-division {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid #e9e9e9;
}

.filebox input[type=file] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.filebox label {
  cursor: pointer;
  display: inline-block;
  color: #222;
  font-weight: 700;
}
.filebox label > span {
  vertical-align: -0.2rem;
}
.filebox label::after {
  content: "파일선택 ";
  width: 5.4rem;
  height: 2.2rem;
  margin-left: 0.6rem;
  padding-right: 0.2rem;
  background: #faf9f8;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  display: inline-block;
  font-size: 1.1rem;
  text-align: center;
}

.custom-select-box.inline-ty1 {
  display: inline-block;
}

.tit-h3 {
  font-size: 2.4rem;
}
.tit-h3.ty-medium {
  margin-bottom: 3rem;
  font-size: 2.4rem;
  font-weight: 400;
}
.tit-h3.ty-small {
  margin-top: 5rem;
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 700;
}
.tit-h3.ty-small:first-child {
  margin-top: 0;
}
.tit-h3 + .sub-cont-box {
  margin-bottom: 6rem;
}

.tit-h4 {
  font-size: 2rem;
}

.tit-h4 + .txt-sub {
  margin-top: 1rem;
}

.txt-sub {
  font-size: 1.2rem;
}

.txt-sub2 {
  padding-top: 1rem;
  font-size: 1.3rem;
}

.txt-sub3 {
  padding-top: 2rem;
  font-size: 1.6rem;
}

.tab-list.tab-ty2 {
  margin-top: 28px;
}
.tab-list.tab-ty2 > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}
.tab-list.tab-ty2 > ul > li {
  width: 100%;
  background-color: #fff;
  border-color: #e9e9e9;
  border-radius: 0.4rem 0.4rem 0 0;
  text-align: left;
}
.tab-list.tab-ty2 > ul > li.on {
  border-width: 0.2rem;
  border-color: #ff5d16;
}
.tab-list.tab-ty2 > ul > li.on::after, .tab-list.tab-ty2 > ul > li.on::before {
  bottom: 0;
  height: 0.2rem;
  background-color: #ff5d16;
}
.tab-list.tab-ty2 > ul > li > a {
  width: 100%;
  height: 10.5rem;
  padding: 2.6rem 2rem 0;
  color: #222;
}
.tab-list.tab-ty2 > ul > li > a > .tab-tit {
  display: block;
  font-size: 1.6rem;
}
.tab-list.tab-ty2 > ul > li > a > .tab-tit > em {
  float: right;
  color: #ff5d16;
  font-style: normal;
}
.tab-list.tab-ty2 > ul > li > a > .tab-sub-txt {
  display: block;
  margin-top: 1rem;
  font-size: 1.2rem;
}

.tab-content.tab-cont-ty2 {
  padding-top: 32px;
}
.tab-content.tab-cont-ty2 > div {
  padding-left: 1.7rem;
  padding-right: 1.7rem;
}

.flag-ing {
  display: inline-block;
  height: 2rem;
  margin-left: 0.5rem;
  padding: 0.3rem 0.8rem 0.5rem 0.8rem;
  background-color: #ffd338;
  border-radius: 2.2rem;
  font-size: 1.1rem;
  vertical-align: top;
}

.box-tip-area {
  position: relative;
  padding: 1.9rem 2.1rem;
  background-color: #faf9f8;
  border-radius: 0.8rem;
}

.list-btn-area {
  padding-top: 1.5rem;
}
.list-btn-area > li {
  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;
  margin-top: 1rem;
  height: 4.8rem;
  padding: 1rem 2rem 1rem 5.6rem;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 2rem 1.2rem;
  border-radius: 0.9rem;
  font-weight: 700;
}
.list-btn-area > li:first-child {
  margin-top: 0;
}
.list-btn-area > li:nth-child(1) {
  background-image: url("/UIDev/v3/images/icon/icon-time1.svg");
}
.list-btn-area > li:nth-child(2) {
  background-image: url("/UIDev/v3/images/icon/icon-time2.svg");
}
.list-btn-area > li:nth-child(3) {
  background-image: url("/UIDev/v3/images/icon/icon-time3.svg");
}

.wid-sm {
  width: 34.1rem;
}

.byte-count {
  margin-top: 1rem;
  font-size: 1.2rem;
  text-align: right;
}

.box-chk-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem;
}
.box-chk-list.type-black {
  margin-top: 12px;
  gap: 8px;
}
.box-chk-list.type-black > .form-chk2 {
  padding: 0;
}
.box-chk-list.type-black > .form-chk2 input[type=checkbox] + label {
  width: 123px;
  height: 42px;
  line-height: 40px;
  font-weight: 300;
  border-color: #ddd;
}
.box-chk-list.type-black > .form-chk2 input[type=checkbox]:checked + label {
  color: #222;
  font-weight: 700;
  border-color: #222;
}
.box-chk-list.type-black > .form-chk2 input[type=checkbox]:checked + label::before {
  margin-top: 15px;
  margin-right: 4px;
  vertical-align: top;
  background-image: url("/UIDev/v3/images/icon/icon-black-check.svg");
  background-size: 12px;
}
.box-chk-list > .form-chk2 {
  padding: 0.8rem 0;
  display: inline-block;
}
.box-chk-list > .form-chk2 input[type=checkbox] + label {
  font-size: 1.4rem;
  font-weight: 700;
}

.box-chk-list2 > li {
  margin: 1.2rem 0;
  padding: 0;
}
.box-chk-list2 > li .form-chk {
  display: inline-block;
  letter-spacing: -0.2rem;
}
.box-chk-list2 > .form-chk2 {
  padding: 0.8rem 0;
  display: inline-block;
}
.box-chk-list2 .form-radio.type-chk .label::before {
  margin: 0 0.4rem 0;
}

.form-sub-box {
  position: relative;
  padding: 0.8rem 0 0 2.8rem;
}
.form-sub-box .form-radio,
.form-sub-box .form-chk {
  display: inline-block;
}
.form-sub-box figure + figure {
  margin-left: 1rem;
}

.gap-input {
  padding: 0.4rem 0;
}

.pdt-30 {
  padding-top: 3rem;
}

.point-push {
  position: relative;
}
.point-push::after {
  position: absolute;
  content: "";
  left: 2.4rem;
  top: 0.7rem;
  z-index: -1;
  display: inline-block;
  width: calc(100% - 2.4rem);
  height: 0.8rem;
  margin-right: 0.8rem;
  background-color: #ffcc00;
}

span.point-push {
  position: relative;
}
span.point-push::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0.7rem;
  z-index: -1;
  display: inline-block;
  width: 100%;
  height: 0.8rem;
  margin-right: 0.8rem;
  background-color: #ffcc00;
}

.input-price-area {
  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;
}

.btn-pm-area {
  position: relative;
  display: inline-block;
  width: 2.8rem;
  height: 5.6rem;
  border: 0.1rem solid #e9e9e9;
  border-radius: 0.2rem;
}
.btn-pm-area::before {
  content: "";
  position: absolute;
  left: 0rem;
  top: 2.8rem;
  width: 100%;
  height: 0.1rem;
  background-color: #e9e9e9;
}
.btn-pm-area > button {
  position: relative;
  width: 2.6rem;
  height: 2.6rem;
}
.btn-pm-area > button:active {
  opacity: 0.6;
}
.btn-pm-area > button > span {
  opacity: 0;
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0);
}
.btn-pm-area > button.btn-plus::before {
  content: "";
  position: absolute;
  left: 0.9rem;
  top: 1.3rem;
  width: 0.9rem;
  height: 0.1rem;
  background-color: #4f4f4f;
}
.btn-pm-area > button.btn-plus::after {
  content: "";
  position: absolute;
  left: 1.3rem;
  top: 0.9rem;
  width: 0.1rem;
  height: 0.9rem;
  background-color: #4f4f4f;
}
.btn-pm-area > button.btn-minus::before {
  content: "";
  position: absolute;
  left: 0.9rem;
  top: 1.4rem;
  width: 0.9rem;
  height: 0.1rem;
  background-color: #4f4f4f;
}

.tbl-th-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.tbl-th-item > span {
  display: block;
  width: 100%;
  padding: 1.5rem 0.4rem;
  color: #757575;
  font-size: 1.3rem;
}

.top-bg-item {
  position: relative;
}
.top-bg-item::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 1rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0));
}

.bottom-bg-item {
  position: relative;
}
.bottom-bg-item::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.search-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
  border: 0.1rem solid #e9e9e9;
  border-radius: 0.4rem;
}
.search-item > li {
  width: 100%;
  height: 36rem;
  border-left: 1px solid #e9e9e9;
}
.search-item > li:first-child {
  border-left: 0;
}
.search-item > li.active .search-tit {
  background-color: #fff;
  color: #ff5d16;
  font-weight: 700;
}
.search-item > li .search-tit {
  height: 5.2rem;
  padding: 1.4rem 0.5rem;
  background-color: #faf9f8;
  color: #222;
  font-size: 1.8rem;
  text-align: center;
  font-weight: 500;
}
.search-item > li .search-cont-inner {
  height: 30.7rem;
}
.search-item > li .search-cont-inner.ty-nodata .no-data {
  width: 100%;
  height: 30.7rem;
  color: #888;
  font-size: 1.6rem;
  line-height: 30.7rem;
  text-align: center;
  display: block;
}
.search-item > li .search-cont-inner.ty-nodata .search-list-group {
  display: none;
}
.search-item > li .search-cont-inner .no-data {
  display: none;
}
.search-item > li .search-cont-inner .search-list-group:last-child {
  padding-bottom: 2rem;
}
.search-item > li .search-cont-inner .search-list-group > p {
  padding: 2rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.search-item > li .search-cont-inner .search-list-group > ul {
  width: 29.6rem;
  padding: 0 0 0 2rem;
}
.search-item > li .search-cont-inner .search-list-group > ul > li + li {
  margin-top: 1.4rem;
}
.search-item > li .search-cont-inner .list-sub-group {
  padding: 0 0 0.8rem 1rem;
}
.search-item > li .search-cont-inner .list-sub-group > li {
  padding-top: 1.2rem;
}

.search-btn-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
  margin: 2rem 0 1rem;
}
.search-btn-item > div {
  width: 100%;
  position: relative;
  margin-left: 1rem;
}
.search-btn-item > div:first-child {
  margin-left: 0;
}
.search-btn-item > div > button {
  width: 100%;
  height: 4.6rem;
  border: 0.1rem solid #e9e9e9;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  line-height: 4.4rem;
}
.search-btn-item > div > button::before {
  display: inline-block;
  content: "";
  width: 1.9rem;
  height: 1.8rem;
  margin-right: 0.3rem;
  background-repeat: no-repeat;
  background-size: 66.2rem 17.5rem;
  background-image: url("/UIDev/v3/images/icon/icon-option.png");
  vertical-align: sub;
}
.search-btn-item > div:nth-child(1) > button::before {
  background-position: -4.5rem -9.7rem;
}
.search-btn-item > div:nth-child(2) > button::before {
  background-position: -11.3rem -9.7rem;
}
.search-btn-item > div:nth-child(3) > button::before {
  background-position: -18.4rem -9.7rem;
}
.search-btn-item > div:nth-child(4) > button::before {
  background-position: -24.9rem -9.7rem;
}
.search-btn-item > div:nth-child(5) > button::before {
  background-position: -31.7rem -9.7rem;
}
.search-btn-item > div:nth-child(6) > button::before {
  background-position: -31.7rem -9.7rem;
}
.search-btn-item > div:nth-child(7) > button::before {
  background-position: -38.5rem -9.7rem;
}
.search-btn-item > div:nth-child(8) > button::before {
  background-position: -45.3rem -9.7rem;
}
.search-btn-item > div:nth-child(9) > button::before {
  background-position: -52.1rem -9.7rem;
}
.search-btn-item > div:nth-child(10) > button::before {
  background-position: -58.9rem -9.7rem;
}
.search-btn-item > div > button.active {
  border: 1px solid #ffdfd0;
  color: #ff5d16;
}
.search-btn-item > div:nth-child(1) > button.active::before {
  background-position: -4.5rem -4.5rem;
}
.search-btn-item > div:nth-child(2) > button.active::before {
  background-position: -11.3rem -4.5rem;
}
.search-btn-item > div:nth-child(3) > button.active::before {
  background-position: -18.4rem -4.5rem;
}
.search-btn-item > div:nth-child(4) > button.active::before {
  background-position: -24.9rem -4.5rem;
}
.search-btn-item > div:nth-child(5) > button.active::before {
  background-position: -31.7rem -4.5rem;
}
.search-btn-item > div:nth-child(6) > button.active::before {
  background-position: -31.7rem -4.5rem;
}
.search-btn-item > div:nth-child(7) > button.active::before {
  background-position: -38.5rem -4.5rem;
}
.search-btn-item > div:nth-child(8) > button.active::before {
  background-position: -45.3rem -4.5rem;
}
.search-btn-item > div:nth-child(9) > button.active::before {
  background-position: -52.1rem -4.5rem;
}
.search-btn-item > div:nth-child(10) > button.active::before {
  background-position: -58.9rem -4.5rem;
}
.search-btn-item > div .list-option {
  display: none;
  position: absolute;
  left: 0;
  top: 4.6rem;
  width: 36rem;
  max-height: 46.4rem;
  padding: 2.4rem;
  background-color: white;
  -webkit-filter: drop-shadow(0px 4px 8px rgba(153, 153, 153, 0.4));
  filter: drop-shadow(0px 4px 8px rgba(153, 153, 153, 0.4));
  color: #222;
  text-align: left;
  z-index: 3;
}
.search-btn-item > div .list-option.ty-full {
  left: unset;
  right: 0;
  width: 104rem;
  min-height: 60rem;
}
.search-btn-item > div .list-option > .btn-layer-close {
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
  border: none;
  width: 2rem;
  height: 2rem;
  display: block;
  background: url("/UIDev/v3/images/icon/popup-close-icon.png") no-repeat center center;
  font-size: 0;
  text-indent: -9999rem;
  z-index: 1;
}
.search-btn-item > div .list-option .list-tit {
  font-size: 1.6rem;
  font-weight: 700;
}
.search-btn-item > div .list-option .list-cont {
  margin-top: 2.4rem;
}
.search-btn-item > div .list-option .sel-wid .select2 .selection .select2-selection--single {
  width: 25rem;
}

.layer-item {
  position: relative;
  display: inline-block;
}
.layer-item .layer-option {
  display: none;
  position: absolute;
  left: 0.5rem;
  top: 3.8rem;
  width: 72rem;
  height: 62rem;
  padding: 3rem 2.4rem 4rem 3rem;
  background-color: white;
  -webkit-filter: drop-shadow(0px 4px 8px rgba(153, 153, 153, 0.4));
  filter: drop-shadow(0px 4px 8px rgba(153, 153, 153, 0.4));
  color: #222;
  text-align: left;
  z-index: 3;
}
.layer-item .layer-option.active {
  display: block;
}
.layer-item .layer-option.ty-small {
  left: unset;
  right: 0;
  top: 0;
  width: 36rem;
  height: 25rem;
}
.layer-item .layer-option.ty-small .list-cont {
  margin-top: 2rem;
  height: 15rem;
}
.layer-item .layer-option > .btn-layer-close {
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
  border: none;
  width: 2rem;
  height: 2rem;
  display: block;
  background: url("/UIDev/v3/images/icon/popup-close-icon.png") no-repeat center center;
  font-size: 0;
  text-indent: -9999rem;
  z-index: 1;
}
.layer-item .layer-option .list-tit {
  font-size: 1.6rem;
  font-weight: 700;
}
.layer-item .layer-option .list-tit-s {
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
}
.layer-item .layer-option .list-cont {
  margin-top: 4rem;
}

.favorites-item {
  position: relative;
}
.favorites-item .favorites-option {
  position: absolute;
  right: 0;
  top: 1rem;
  width: 36rem;
  height: 58.6rem;
  background-color: white;
  -webkit-filter: drop-shadow(0px 4px 8px rgba(153, 153, 153, 0.4));
  filter: drop-shadow(0px 4px 8px rgba(153, 153, 153, 0.4));
  color: #222;
  text-align: left;
  z-index: 3;
}
.favorites-item .favorites-option.active {
  display: block;
}
.favorites-item .favorites-option > .btn-layer-close {
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
  border: none;
  width: 2rem;
  height: 2rem;
  display: block;
  background: url("/UIDev/v3/images/icon/popup-close-icon.png") no-repeat center center;
  font-size: 0;
  text-indent: -9999rem;
  z-index: 1;
}
.favorites-item .favorites-option .list-tit {
  padding: 3rem;
  font-size: 1.6rem;
  font-weight: 700;
}
.favorites-item .favorites-option .list-cont {
  margin-top: 2.4rem;
}
.favorites-item .favorites-option .layer-btn-area {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 9rem;
  padding: 2.4rem 0;
  background-color: white;
  border-top: 1px solid #e9e9e9;
  text-align: center;
  z-index: 1;
}
.favorites-item .favorites-option .layer-btn-area > button {
  min-width: 16rem;
}
.favorites-item .favorites-option .favorites-th {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border-bottom: 0.1rem solid #e9e9e9;
}
.favorites-item .favorites-option .favorites-th > span {
  display: block;
  padding: 1.2rem 3rem;
  color: #757575;
  font-size: 1.2rem;
}
.favorites-item .favorites-option .favorites-th > span.ty-align {
  padding-left: 18px;
  width: 230px;
}
.favorites-item .favorites-option .favorites-th > span:last-child {
  padding: 1.2rem;
}

.favorites-item .favorites-option .favorites-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  width: 100%;
  height: 37.4rem;
}
.favorites-item .favorites-option .favorites-menu > .favorites-lft {
  width: 8.5rem;
  height: 37.4rem;
  background-color: #faf9f8;
  overflow: hidden;
}
.favorites-item .favorites-option .favorites-menu > .favorites-lft .mCSB_scrollTools .mCSB_draggerContainer {
  display: none;
}
.favorites-item .favorites-option .favorites-menu > .favorites-lft .favorites-navbar > li {
  height: auto;
}
.favorites-item .favorites-option .favorites-menu > .favorites-lft .favorites-navbar > li.swiper-pagination-custom-bullet-active > a,
.favorites-item .favorites-option .favorites-menu > .favorites-lft .favorites-navbar .swiper-slide-visible > a {
  background-color: white;
  color: #ff5d16;
  font-weight: 700;
}
.favorites-item .favorites-option .favorites-menu > .favorites-lft .favorites-navbar > li.swiper-pagination-custom-bullet-active > a > strong,
.favorites-item .favorites-option .favorites-menu > .favorites-lft .favorites-navbar .swiper-slide-visible > a > strong {
  color: #ff5d16;
}
.favorites-item .favorites-option .favorites-menu > .favorites-lft .favorites-navbar > li > a {
  display: block;
  height: 3.8rem;
  color: #757575;
  line-height: 3.8rem;
  text-align: center;
  font-size: 1.3rem;
}
.favorites-item .favorites-option .favorites-menu > .favorites-lft .favorites-navbar > li > a > strong {
  color: #222;
}
.favorites-item .favorites-option .favorites-menu > .favorites-lft .favorites-navbar > li > a .active, .favorites-item .favorites-option .favorites-menu > .favorites-lft .favorites-navbar > li > a .swiper-pagination-custom-bullet-active, .favorites-item .favorites-option .favorites-menu > .favorites-lft .favorites-navbar > li > a .swiper-slide-visible {
  background-color: white;
  color: #ff5d16;
  font-weight: 700;
}
.favorites-item .favorites-option .favorites-menu > .favorites-lft .favorites-navbar > li > a .swiper-slide-visible > strong {
  color: #ff5d16;
}
.favorites-item .favorites-option .favorites-menu > .favorites-rht {
  width: 27.5rem;
  height: 37.4rem;
  overflow: hidden;
}
.favorites-item .favorites-option .favorites-menu > .favorites-rht .favorites-list {
  width: 27.5rem;
  height: 37.4rem;
  min-height: 37.4rem;
}
.favorites-item .favorites-option .favorites-menu > .favorites-rht .favorites-list .mCSB_draggerRail {
  display: none;
}
.favorites-item .favorites-option .favorites-menu > .favorites-rht .favorites-list .favorites-box {
  height: 37.4rem;
}
.favorites-item .favorites-option .favorites-menu > .favorites-rht .favorites-list .favorites-box a {
  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;
  position: relative;
  min-height: 3.8rem;
  padding: 0 4rem 0 1.6rem;
  color: #222;
  font-size: 1.3rem;
}
.favorites-item .favorites-option .favorites-menu > .favorites-rht .favorites-list .favorites-box a::after {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 1.3rem;
  background: url("/UIDev/v3/images/icon/icon-like-off.png") no-repeat;
  background-size: 1.6rem 1.6rem;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.favorites-item .favorites-option .favorites-menu > .favorites-rht .favorites-list .favorites-box a.active::after {
  background: url("/UIDev/v3/images/icon/icon-like-on.png") no-repeat;
}

.txt-del-item {
  display: block;
  color: #222;
  font-size: 1.4rem;
  font-weight: 700;
}
.txt-del-item:active {
  opacity: 0.7;
}
.txt-del-item::after {
  content: "";
  width: 2rem;
  height: 2rem;
  margin-left: 0.7rem;
  background: url("/UIDev/v3/images/icon/icon-x-circle.png") no-repeat;
  display: inline-block;
  vertical-align: -0.2rem;
  background-size: 2rem 2rem;
  vertical-align: top;
}

.txt-del-item + .txt-del-item,
.txt-del-item + .txt-etc {
  margin-top: 1rem;
}

.txt-etc + .txt-del-item {
  margin-top: 4rem;
}

.txt-etc > span {
  padding: 0.5rem 0;
  font-size: 1.4rem;
  color: #222;
  line-height: 1.4rem;
  font-weight: 400;
  display: inline-block;
}
.txt-etc > span::after {
  content: "";
  width: 0.1rem;
  height: 1rem;
  background-color: #ccc;
  display: inline-block;
  margin: 0 0.8rem;
}
.txt-etc > span:last-child::after {
  display: none;
}

.i-no-data {
  padding: 25rem 0 17rem;
  background: url("/UIDev/v3/images/icon/icon-nodata.png") no-repeat;
  background-position: center 15rem;
  font-size: 1.8rem;
  line-height: 2.6rem;
  text-align: center;
}

.i-no-data2 {
  padding: 25rem 0 17rem;
  background: url("/UIDev/v3/images/icon/icon-nodata3.png") no-repeat;
  background-position: center 15rem;
  font-size: 1.6rem;
  line-height: 2.6rem;
  text-align: center;
}

.txt-no-data {
  padding: 5rem 0;
  border-bottom: 1px solid #e9e9e9;
  color: #757575;
  font-size: 1.65rem;
  text-align: center;
}

.favorites-no-data {
  padding: 17.7rem 0 0;
  background: url("/UIDev/v3/images/icon/icon-nodata2.png") no-repeat;
  background-position: center 12.5rem;
  font-size: 1.5rem;
  text-align: center;
}
.favorites-no-data > span {
  display: block;
  margin-top: 1.2rem;
  font-size: 1.3rem;
  color: #757575;
}

.hover-item {
  position: relative;
}
.hover-item:hover .hover-box {
  display: block;
}
.hover-item .hover-box {
  display: none;
  position: absolute;
  top: -50%;
  left: calc(100% + 2rem);
  z-index: 3;
  width: 30rem;
  padding: 1.3rem 1.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f7ce45;
  -webkit-filter: drop-shadow(0px 4px 8px rgba(153, 153, 153, 0.4));
  filter: drop-shadow(0px 4px 8px rgba(153, 153, 153, 0.4));
  border-radius: 0.4rem;
  color: #4f4f4f;
  font-size: 1.2rem;
  font-weight: 400;
  text-align: left;
}
.hover-item .hover-box::after {
  content: "";
  width: 0.84rem;
  height: 0.84rem;
  display: block;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #f7ce45;
  top: calc(50% - 0.4rem);
  left: -0.4rem;
}

.list-unit {
  font-size: 1.6rem;
  font-weight: 700;
}

.icon-refresh {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.4rem;
  background: url("/UIDev/v3/images/icon/icon-fi-refresh.png") no-repeat;
  background-size: 1.2rem 1.2rem;
  vertical-align: -0.1rem;
}

.icon-search {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.4rem;
  background: url("/UIDev/v3/images/icon/icon-fi-search.png") no-repeat;
  background-size: 1.2rem 1.2rem;
  vertical-align: -0.1rem;
}

.icon-tel {
  display: inline-block;
  width: 2.1rem;
  height: 2rem;
  background: url("/UIDev/v3/images/icon/icon-tel.png") no-repeat;
  position: relative;
  vertical-align: -0.4rem;
}

.title-ty1 {
  font-size: 0;
}
.title-ty1 h2 {
  display: inline-block;
  vertical-align: middle;
}
.title-ty1 h2 + button {
  margin-left: 1rem;
}
.title-ty1 button {
  margin-left: 0.5rem;
  vertical-align: middle;
}

.gap-btn {
  margin-left: 1rem;
}

.txt-link-underline {
  color: #757575;
  font-size: 1.3rem;
  text-decoration: underline;
  display: inline-block;
}

.txt-link-item {
  margin: 0 3rem;
}
.txt-link-item a {
  display: inline-block;
  color: #4f4f4f;
  font-size: 1.3rem;
  line-height: 1.4rem;
  font-weight: 500;
  vertical-align: baseline;
}
.txt-link-item a.active {
  position: relative;
  color: #ff5d16;
}
.txt-link-item a.active::before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("/UIDev/v3/images/icon/icon-check1.png") no-repeat;
  background-position: 0 0.2rem;
}
.txt-link-item a:active {
  opacity: 0.8;
}
.txt-link-item a::after {
  content: "";
  width: 0.1rem;
  height: 1rem;
  background-color: #ccc;
  display: inline-block;
  margin: 0 0.8rem;
}
.txt-link-item a:last-child::after {
  display: none;
}

.txt-link-item2 {
  display: block;
  position: relative;
  padding: 0.6rem 0;
  color: #222;
}
.txt-link-item2:active {
  opacity: 0.7;
}
.txt-link-item2::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 0.7rem;
  background: url("/UIDev/v3/images/icon/icon-arrow-buy.png") no-repeat;
  display: inline-block;
}
.txt-link-item2 span {
  padding: 0 0.8rem 0 0;
  display: inline-block;
}
.txt-link-item2 span + span:before {
  content: "";
  display: inline-block;
  width: 0.1rem;
  height: 1rem;
  margin-right: 0.8rem;
  background-color: #e9e9e9;
}

.table-dl-ty1 {
  border: 1px solid #e9e9e9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 18rem;
  border-bottom: 0;
}
.table-dl-ty1 > dt,
.table-dl-ty1 > dd {
  border-bottom: 1px solid #e9e9e9;
  display: block;
  padding: 0.8rem 1.5rem;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.4rem;
  font-weight: 400;
}
.table-dl-ty1 > dt {
  width: 45%;
  background-color: #faf9f8;
  border-right: 1px solid #e9e9e9;
  color: #666;
}
.table-dl-ty1 > dd {
  width: 55%;
  color: #222;
}

.table-dl-ty2 > dt,
.table-dl-ty2 > dd {
  display: block;
  text-align: center;
  line-height: 1.4rem;
}
.table-dl-ty2 > dt {
  font-size: 1.6rem;
  font-weight: 700;
}
.table-dl-ty2 > dt > span {
  display: block;
  padding-top: 1rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
}
.table-dl-ty2 > dd {
  padding: 1rem 0.3rem;
  margin-top: 2rem;
  border-top: 0.1rem solid #e9e9e9;
  border-bottom: 0.1rem solid #e9e9e9;
  color: #ff5d16;
  font-size: 1.6rem;
  font-weight: 700;
}

.tooltip-tit {
  display: inline-block;
  margin-bottom: 1.2rem;
  color: #222;
  font-size: 1.5rem;
  font-weight: 700;
}

.text-decoration-none {
  text-decoration: none !important;
}

.select-option-list > a {
  display: inline-block;
  margin-right: 2rem;
  color: #222;
  font-weight: 700;
}
.select-option-list > a:active {
  opacity: 0.7;
}
.select-option-list > a::after {
  content: "";
  width: 2rem;
  height: 2rem;
  margin-left: 0.7rem;
  background: url("/UIDev/v3/images/icon/icon-x-circle.png") no-repeat;
  display: inline-block;
  vertical-align: -0.2rem;
  background-size: 2rem 2rem;
  vertical-align: top;
}

.color {
  display: inline-block;
  width: 1.8rem;
  height: 0.8rem;
  vertical-align: 1px;
}
.color.blackColor {
  background-color: #000000;
}
.color.whiteColor {
  background-color: #fff;
  border: 0.1rem solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.color.whiteColor-ty-2 {
  background-color: #fff;
  border: 0.5px solid #4f4f4f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.color.silverColor {
  background-color: #f1f1f1;
}
.color.pearlColor {
  background-color: #f6f5ed;
}
.color.grayColor {
  background-color: #cdcdcd;
}
.color.grayColor-ty-2 {
  background-color: #888;
}
.color.redColor {
  background-color: #ff0000;
}
.color.redColor-ty-2 {
  background-color: #f23f3f;
}
.color.blueColor {
  background-color: #2f7cfe;
}
.color.blueColor-ty-2 {
  background-color: #287eff;
}
.color.orangeColor {
  background-color: #ff5d16;
}
.color.brownColor {
  background-color: #834700;
}
.color.brownColor-ty-2 {
  background-color: #7d6c59;
}
.color.greenColor {
  background-color: #2ad200;
}
.color.greenColor-ty-2 {
  background-color: #00a596;
}
.color.yellowColor {
  background-color: #f7ce45;
}
.color.yellowColor-ty-2 {
  background-color: #ffd338;
}
.color.purpleColor {
  background-color: #9345f7;
}
.color.beigeColor {
  background-color: #b0986a;
  border: 0.5px solid #4f4f4f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

hr {
  border: 0;
  border-top: 1px solid #e9e9e9;
  font-size: 0;
}

.mgt-5 {
  margin-top: 0.5rem;
}

.mgt-10 {
  margin-top: 1rem;
}

.mgt-20 {
  margin-top: 2rem;
}

.mgt-40 {
  margin-top: 4rem;
}

.mgt-30 {
  margin-top: 3rem;
}

.mgl-0 {
  margin-left: 0 !important;
}

.mgl-10 {
  margin-left: 1rem !important;
}

.sub-visual-gap {
  margin-top: 9rem;
}

.sub-visual-gap2 {
  margin-top: 6rem;
}

.sub-visual-gap3 {
  margin-top: 3rem;
}

.sub-visual-gap4 {
  margin-top: 5rem;
}

.ty-top-bg {
  position: relative;
}
.ty-top-bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--bg-height, 59rem);
  background-color: #f8f8f8;
}
.ty-top-bg:has(.ty-ad)::before {
  height: 102rem;
}

.ty-new-top-bg {
  margin-bottom: -20.1rem;
}

.sub-visual.ty-ad {
  padding-bottom: 10rem;
}
.sub-visual.ty-ad .sub-visual-tit {
  padding-top: 3.8rem;
  margin-bottom: 3.8rem;
}
.sub-visual.ty-buy {
  min-height: 48.8rem;
}
.sub-visual.ty-ad::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 32.3rem;
  height: 19.6rem;
  background: url("/UIDev/v3/images/icon/icon-ad-main.png") no-repeat;
  display: block;
}
.sub-visual .sub-visual-tit {
  padding-top: 10rem;
  font-size: 3.6rem;
  font-weight: 700;
}
.sub-visual .sub-visual-title {
  margin-top: 1.6rem;
  font-size: 3.6rem;
  font-weight: 300;
  line-height: 5rem;
}
.sub-visual .sub-visual-tit.ty-small {
  padding-top: 9rem;
  font-size: 2.4rem;
  font-weight: 400;
}
.sub-visual .sub-visual-tit.ty-small.center {
  padding-top: 0;
}
.sub-visual .sub-visual-dot {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  display: block;
  font-weight: 400;
  color: #4f4f4f;
}
.sub-visual .sub-visual-dot .color-pt {
  font-weight: 500;
}
.sub-visual .sub-visual-dot .text {
  position: relative;
  padding-left: 11px;
}
.sub-visual .sub-visual-dot .text::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 8px;
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #222;
}
.sub-visual .sub-visual-num {
  width: 23rem;
  padding-top: 0.1rem;
  font-size: 4rem;
  font-weight: 700;
}
.sub-visual .sub-visual-num em {
  font-style: normal;
}
.sub-visual .sub-visual-txt {
  color: #757575;
}
.sub-visual .sub-visual-tit + .sub-visual-txt {
  padding-top: 1.5rem;
}
.sub-visual .sub-visual-txt + .sub-visual-link {
  padding-top: 8rem;
}
.sub-visual .sub-visual-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 3rem;
  gap: 1.2rem;
}
.sub-visual .sub-visual-link .tit {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.48px;
  color: #222;
}
.sub-visual .sub-visual-link > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  width: 24.7rem;
  padding: 3rem 2.4rem 3rem 3rem;
  min-height: 16rem;
  background-color: #fff;
  border: 1px solid #eee;
  -webkit-filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.06));
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.06));
}
.sub-visual .sub-visual-link > *.ty-orange {
  background-color: #ff5d16;
  color: #fff;
}
.sub-visual .sub-visual-link > *.ty-orange .tit {
  color: #fff;
}
.sub-visual .sub-visual-link > *.ty-orange .tit-arrow::after {
  background: url("/UIDev/v3/images/icon/icon-m-arrow-w.png") no-repeat;
}
.sub-visual .sub-visual-link > *.ty-img {
  width: 50.2rem;
  background: url("/UIDev/v3/images/icon/icon-ad05.png") no-repeat;
  background-color: #fff3ed;
  background-position: right 3rem top 1.5rem;
}
.sub-visual .sub-visual-link > * > span {
  width: 100%;
  display: block;
}
.sub-visual .sub-visual-link2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  margin-top: 1rem;
}
.sub-visual .sub-visual-link2 > a {
  position: relative;
  width: 33rem;
  height: 5rem;
  padding: 1.5rem 2rem;
  margin-left: 1.5rem;
  margin-top: 1rem;
  background-color: #fff;
  -webkit-filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.06));
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.06));
  font-weight: 700;
}
.sub-visual .sub-visual-link2 > a > em {
  color: rgba(153, 153, 153, 0.6);
  font-size: 1.5rem;
  font-style: normal;
  display: inline-block;
  padding-right: 0.5rem;
}
.sub-visual .sub-visual-link2 > a:nth-child(3n+1) {
  margin-left: 0;
}
.sub-visual .sub-visual-link2 > a::after {
  content: "";
  position: absolute;
  right: 1.8rem;
  top: 1.8rem;
  width: 1.4rem;
  height: 1.4rem;
  background: url("/UIDev/v3/images/icon/icon-arrow-buy.png") no-repeat;
  display: block;
}
.sub-visual .sub-visual-ad {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3rem;
  border-radius: 0.2rem;
  -webkit-box-shadow: 0 1.2rem 2.6rem 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 1.2rem 2.6rem 0 rgba(0, 0, 0, 0.06);
  background-color: #fff;
}
.sub-visual .sub-visual-ad:not(:last-child) {
  margin-bottom: 2.4rem;
}
.sub-visual .sub-visual-ad .sub-visual-desc {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 59.4rem;
          flex: 0 0 59.4rem;
}
.sub-visual .sub-visual-ad .sub-visual-desc dt {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 1.9rem;
}
.sub-visual .sub-visual-ad .sub-visual-desc dd {
  font-size: 1.6rem;
}
.sub-visual .sub-visual-ad .sub-visual-desc dd.link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ff5d16;
  font-weight: 700;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3rem;
}
.sub-visual .sub-visual-ad .sub-visual-desc dd.link::after {
  content: "";
  width: 0.9rem;
  height: 0.9rem;
  margin-left: 0.5rem;
  border-right: solid 0.2rem #ff5d16;
  border-top-right-radius: 0.1rem;
  border-top: solid 0.2rem #ff5d16;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
}
.sub-visual .sub-visual-ad .sub-visual-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 0.2rem solid #e9e9e9;
}
.sub-visual .sub-visual-ad .sub-visual-info a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.sub-visual .sub-visual-ad .sub-visual-info a strong {
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  color: #222;
  margin-bottom: 1.6rem;
}
.sub-visual .sub-visual-ad .sub-visual-info a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 3rem;
  line-height: 1;
}
.sub-visual .sub-visual-ad .sub-visual-info a span em {
  font-style: normal;
  font-size: 3.6rem;
  line-height: 1;
  font-weight: 700;
  color: #ff5d16;
  margin-right: 0.4rem;
}
.sub-visual .sub-visual-ad .sub-visual-info a span::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 0.7rem;
  border-right: solid 0.2rem #000;
  border-top-right-radius: 0.1rem;
  border-top: solid 0.2rem #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
}
.sub-visual .sub-visual-card-list {
  margin-top: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1.5rem;
}
.sub-visual .sub-visual-card-item {
  padding: 4rem 2rem 2.8rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 40rem;
  background-color: #fff;
  border-radius: 1.6rem;
  color: #222;
}
.sub-visual .sub-visual-card-item .card-section .card-section-tooltip {
  margin-top: -5.4rem;
  margin-left: -0.5rem;
  margin-bottom: 2.4rem;
}
.sub-visual .sub-visual-card-item .card-section .card-section-tooltip .card-section-tooltip-text {
  position: relative;
  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;
  padding: 0 1rem;
  height: 3rem;
  border-radius: 1rem;
  background-color: #222;
  font-weight: bold;
  font-size: 13px;
  color: #fff;
}
.sub-visual .sub-visual-card-item .card-section .card-section-tooltip .card-section-tooltip-text svg {
  position: absolute;
  left: 12px;
  right: 0;
  bottom: -8px;
}
.sub-visual .sub-visual-card-item .card-section .card-section-tooltip .card-section-tooltip-text.ty-org {
  background-color: #ff5d16;
}
.sub-visual .sub-visual-card-item .card-section .card-section-tit {
  font-weight: bold;
  font-size: 2rem;
  line-height: 2.8rem;
}
.sub-visual .sub-visual-card-item .card-section .card-section-desc {
  margin-top: 0.8rem;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 2rem;
}
.sub-visual .sub-visual-card-item .card-section .card-section-btn {
  margin-top: 1.6rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2rem;
}
.sub-visual .sub-visual-card-item .card-section .card-section-btn svg {
  margin-left: 0.6rem;
  margin-bottom: 0.1rem;
  margin-top: 0.15rem;
}
.sub-visual .sub-visual-card-item .card-section .card-section-btn.btn-black {
  padding: 0.6rem 1.2rem;
  border-radius: 0.2rem;
}
.sub-visual .sub-visual-card-item .card-section .card-section-dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 4rem;
}
.sub-visual .sub-visual-card-item .card-section .card-section-dl dt {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.6rem;
}
.sub-visual .sub-visual-card-item .card-section .card-section-dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}
.sub-visual .sub-visual-card-item .card-section .card-section-dl dd a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}
.sub-visual .sub-visual-card-item .card-section .card-section-dl dd strong {
  margin-right: 2px;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 4rem;
  color: #ff5d16;
}
.sub-visual .sub-visual-card-item .card-section .card-section-dl dd span {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.8rem;
}
.sub-visual .sub-visual-card-item.is-highlight {
  background: #ff5d16;
  color: #fff;
}
.sub-visual .sub-visual-card-item.is-highlight .card-section-btn {
  padding: 0.6rem 1.2rem;
  border-radius: 0.2rem;
  background-color: #fff;
  color: #222;
}
.sub-visual .sub-visual-card-item.is-highlight .card-section-dl dd strong {
  color: #fff;
}

.tit-search {
  font-size: 1.5rem;
}

.icon-search {
  width: 1.6rem;
  height: 1.6rem;
  background: url("/UIDev/v3/images/icon/icon-search-buy02.png") no-repeat;
  vertical-align: middle;
  display: inline-block;
}

.icon-more {
  width: 1.2rem;
  height: 1.2rem;
  background: url("/UIDev/v3/images/icon/icon-arrow-buy02.png") no-repeat;
  vertical-align: -0.1rem;
  display: inline-block;
}

.btn-more {
  font-size: 1.3rem;
  color: rgba(153, 153, 153, 0.6);
  font-weight: 700;
}

.tit-arrow {
  font-size: 1.6rem;
  font-weight: 700;
}
.tit-arrow::after {
  content: "";
  width: 2rem;
  height: 2rem;
  margin-left: 0.2rem;
  background: url("/UIDev/v3/images/icon/icon-m-arrow.png") no-repeat;
  display: inline-block;
  background-size: 2rem 2rem;
  vertical-align: -0.4rem;
}

.tit-arrow.small {
  font-size: 1.3rem;
  font-weight: 700;
}
.tit-arrow.small::after {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 0.2rem;
  background: url("/UIDev/v3/images/icon/icon-s-arrow.png") no-repeat;
  display: inline-block;
  vertical-align: -0.2rem;
  background-size: 1.4rem 1.4rem;
}

.txt-ty01 {
  font-size: 3rem;
  line-height: 1;
}
.txt-ty01 em {
  font-size: 3.6rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
}

.txt-ty02 {
  font-size: 1.8rem;
  font-weight: 700;
}

.txt-ty03 {
  font-size: 1.5rem;
  font-weight: 700;
}

.sub-visual-banner {
  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;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 3rem;
}
.sub-visual-banner.type-new {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
  margin-top: 20px;
}
.sub-visual-banner.type-new li {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  min-height: 330px;
  margin: 0;
  padding: 40px 32px;
}
.sub-visual-banner.type-new li:nth-child(1), .sub-visual-banner.type-new li:nth-child(2n) {
  margin: 0;
}
.sub-visual-banner.type-new li > i {
  position: absolute;
  top: auto;
  right: 32px;
  bottom: 40px;
  width: 64px;
  height: 64px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  background-position: 50% 50%;
}
.sub-visual-banner.type-new li:nth-child(1) > i {
  background-image: url("/UIDev/v3/images/icon/icon-ad01-v2.svg");
}
.sub-visual-banner.type-new li:nth-child(2) > i {
  background-image: url("/UIDev/v3/images/icon/icon-ad02-v2.svg");
}
.sub-visual-banner.type-new li:nth-child(3) > i {
  background-image: url("/UIDev/v3/images/icon/icon-ad03-v2.svg");
}
.sub-visual-banner li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(50% - 0.8rem);
  min-height: 22rem;
  padding: 2rem 4rem;
  margin-top: 1.6rem;
  background-color: #f8f8f8;
  border-radius: 0.2rem;
}
.sub-visual-banner li > i {
  position: absolute;
  right: 6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 6.4rem;
  height: 6.4rem;
  background-repeat: no-repeat;
}
.sub-visual-banner li:nth-child(1), .sub-visual-banner li:nth-child(2) {
  margin-top: 0;
}
.sub-visual-banner li:nth-child(1) > i {
  background-image: url("/UIDev/v3/images/icon/icon-ad01.png");
}
.sub-visual-banner li:nth-child(2) > i {
  background-image: url("/UIDev/v3/images/icon/icon-ad02.png");
}
.sub-visual-banner li:nth-child(3) > i {
  background-image: url("/UIDev/v3/images/icon/icon-ad03.png");
}
.sub-visual-banner li:nth-child(4) > i {
  background-image: url("/UIDev/v3/images/icon/icon-ad04.png");
}
.sub-visual-banner li:nth-child(2n) {
  margin-left: 1.6rem;
}
.sub-visual-banner li dt {
  font-size: 2.4rem;
  font-weight: 700;
}
.sub-visual-banner li dd {
  color: #222;
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.sub-visual-banner li dt + dd {
  padding-top: 1.2rem;
}

.sub-visual-banner2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 3rem;
}
.sub-visual-banner2 li {
  position: relative;
  width: 32.4rem;
  min-height: 14rem;
  padding: 4rem 3rem;
  margin-top: 1.6rem;
  margin-left: 2.4rem;
  border: 1px solid #f3f3f3;
}
.sub-visual-banner2 li > i {
  position: absolute;
  right: 3.4rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5.6rem;
  height: 5.6rem;
  background-color: #faf9f8;
  background-repeat: no-repeat;
  border-radius: 50%;
}
.sub-visual-banner2 li:nth-child(1), .sub-visual-banner2 li:nth-child(2), .sub-visual-banner2 li:nth-child(3) {
  margin-top: 0;
}
.sub-visual-banner2 li:nth-child(1) > i {
  background-image: url("/UIDev/v3/images/icon/icon-buy01.png");
}
.sub-visual-banner2 li:nth-child(2) > i {
  background-image: url("/UIDev/v3/images/icon/icon-buy02.png");
}
.sub-visual-banner2 li:nth-child(3) > i {
  background-image: url("/UIDev/v3/images/icon/icon-buy03.png");
}
.sub-visual-banner2 li:nth-child(4) > i {
  background-image: url("/UIDev/v3/images/icon/icon-buy04.png");
}
.sub-visual-banner2 li:nth-child(5) > i {
  background-image: url("/UIDev/v3/images/icon/icon-buy05.png");
}
.sub-visual-banner2 li:nth-child(6) > i {
  background-image: url("/UIDev/v3/images/icon/icon-buy06.png");
}
.sub-visual-banner2 li:nth-child(7) > i {
  background-image: url("/UIDev/v3/images/icon/icon-buy07.png");
}
.sub-visual-banner2 li:nth-child(8) > i {
  background-image: url("/UIDev/v3/images/icon/icon-buy08.png");
}
.sub-visual-banner2 li:nth-child(3n+1) {
  margin-left: 0;
}
.sub-visual-banner2 li .txt-dt {
  font-size: 1.8rem;
  font-weight: 700;
}
.sub-visual-banner2 li .txt-dd {
  color: #999;
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-weight: 700;
}
.sub-visual-banner2 li .txt-dt + .txt-dd {
  padding-top: 1rem;
}

.ty-tabline {
  position: absolute;
  top: -4.9rem;
  left: 42.2rem;
}

.ty-tabline2 {
  position: absolute;
  right: 0.5rem;
  top: -50px;
}
.ty-tabline2 .select2 {
  display: inline-block;
  margin-left: 0.5rem;
}

.box-view {
  padding: 4rem;
  background-color: #faf9f8;
  border: 1px solid #e9e9e9;
  border-radius: 0.4rem;
  text-align: center;
}
.box-view .tit-model {
  margin-top: 1rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
}
.box-view.ty02 {
  padding: 2.4rem 3rem;
}
.box-view.ty03 {
  padding: 0 3rem;
}

.table-ty01 table {
  width: 100%;
}
.table-ty01 tbody tr th,
.table-ty01 tbody tr td {
  padding: 1.4rem 2.6rem;
  border-top: 0.1rem solid #f3f3f3;
  border-bottom: 0.1rem solid #f3f3f3;
  text-align: left;
}
.table-ty01 tbody tr th {
  border-left: 0.1rem solid #f3f3f3;
  font-weight: 400;
}
.table-ty01 tbody tr th:first-child {
  border-left: 0;
}
.table-ty01 tbody tr td {
  font-weight: 700;
}

.cont-tit {
  padding: 6rem 0 2rem;
  font-size: 1.8rem;
  font-weight: 400;
}

.txt-sub-gray {
  color: #757575;
  font-size: 1.4rem;
  font-weight: 400;
}

.gap-line {
  display: inline-block;
}
.gap-line:before {
  content: "";
  display: inline-block;
  width: 0.1rem;
  height: 1rem;
  margin-right: 0.5rem;
  background-color: #e9e9e9;
}

.box-bg-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #faf9f8;
  padding: 3rem 4rem;
  border-radius: 0.4rem;
}
.box-bg-item.ty-gap0 {
  padding-top: 0;
  padding-bottom: 0;
}
.box-bg-item.ty-h {
  min-height: 20.4rem;
  margin-top: 3rem;
}
.box-bg-item.ty02 {
  margin-top: 1.5rem;
  padding: 2.6rem 3rem;
}
.box-bg-item .coin-item:first-child {
  width: 54.6rem;
  padding-right: 4rem;
  border-right: 1px solid #e6e6e6;
}
.box-bg-item .coin-item.ty-rht {
  width: 39.6rem;
  padding-left: 4rem;
}
.box-bg-item .coin-item .tit {
  font-size: 1.6rem;
  font-weight: 700;
}
.box-bg-item .tit {
  font-size: 1.5rem;
  font-weight: 700;
  margin-right: 3rem;
  display: inline-block;
}
.box-bg-item .carnum-input {
  width: 51rem;
}

.sel-wid .select2 {
  margin-right: 1rem;
  display: inline-block;
}

.sel-wid2 {
  font-size: 0;
  vertical-align: top;
}
.sel-wid2 .select2 {
  width: 10rem !important;
  margin-left: 5rem;
  margin-right: 0.5rem;
  display: inline-block;
}

.ty-min-w {
  min-width: 10rem;
}

.btn-txt-orange {
  display: inline-block;
  color: #ff5d16;
  font-size: 1.3rem;
  font-weight: 700;
}
.btn-txt-orange + .btn-txt-orange {
  margin-left: 2rem;
}

.video-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 6rem;
}
.video-list > li {
  width: 24.3rem;
  height: 16rem;
  margin-left: 1rem;
  margin-top: 1rem;
  border-radius: 0.4rem;
  overflow: hidden;
}
.video-list > li > a {
  position: relative;
  display: block;
  width: 24.3rem;
  height: 16rem;
  border-radius: 0.4rem;
}
.video-list > li > a::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 4rem;
  height: 4rem;
  background: url("/UIDev/v3/images/icon/icon-play.png") no-repeat;
  opacity: 0.8;
}
.video-list > li > a::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, rgb(51, 51, 51)), to(rgba(92, 92, 92, 0)));
  background: linear-gradient(to top, rgb(51, 51, 51) 5%, rgba(92, 92, 92, 0) 100%);
}
.video-list > li > a img {
  width: 100%;
  height: 100%;
}
.video-list > li p {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  padding: 3rem 2.4rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
}
.video-list > li:nth-child(4n+1) {
  margin-left: 0;
}

.num-item {
  font-size: 3.4rem;
  font-weight: 700;
}
.num-item em {
  font-style: normal;
}
.num-item.ty-kb::before {
  content: "KB";
  display: inline-block;
  width: 3.4rem;
  height: 3.4rem;
  margin-right: 0.6rem;
  background-color: #ff5d16;
  border-radius: 50%;
  color: #fff;
  font-size: 1.3rem;
  line-height: 3.4rem;
  text-align: center;
  letter-spacing: 0;
  vertical-align: 0.6rem;
}
.num-item.ty-one {
  margin-top: 3.1rem;
  text-align: center;
}
.num-item.ty-one::before {
  content: "ONE";
  display: inline-block;
  width: 3.4rem;
  height: 3.4rem;
  margin-right: 0.6rem;
  background-color: #5dc1a9;
  border-radius: 50%;
  color: #fff;
  font-size: 1.3rem;
  line-height: 3.4rem;
  text-align: center;
  letter-spacing: 0;
  vertical-align: 0.6rem;
}

.dl-list {
  width: 23rem;
}
.dl-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.dl-list > li + li {
  padding-top: 2rem;
}
.dl-list > li em {
  font-style: normal;
}
.dl-list > li .txt-dd {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: right;
}

.underline-list {
  width: 100%;
}
.underline-list.ty02 > li {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 6rem;
}
.underline-list.ty02 > li .list-txt {
  line-height: 6rem;
  font-size: 1.4rem;
}
.underline-list.ty02 > li.ty-gray {
  color: #999;
}
.underline-list.ty03 > li {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 4rem;
  padding: 2rem 0;
  border: 0;
}
.underline-list.ty03 > li:first-child {
  padding: 2rem 0;
  border-bottom: 1px solid #e9e9e9;
  padding-top: 0;
}
.underline-list.ty03 > li.ty-pd01 {
  padding-bottom: 1rem;
}
.underline-list.ty03 > li.ty-pd02 {
  padding: 0 0 0;
}
.underline-list.ty03 > li.ty-pd03 {
  padding: 3rem 0 0;
}
.underline-list.ty03 > li .list-txt {
  font-size: 1.4rem;
}
.underline-list.ty03 > li .list-txt.ty-lh {
  line-height: 4rem;
}
.underline-list > li {
  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;
  min-height: 7.8rem;
  border-top: 1px solid #e9e9e9;
  color: #1c1c1c;
}
.underline-list > li:first-child {
  border-top: 0;
}
.underline-list > li .list-txt {
  font-size: 1.5rem;
  font-weight: 700;
}
.underline-list > li .list-txt-rht {
  font-size: 1.6rem;
  font-weight: 700;
}
.underline-list > li.on .list-txt-rht {
  color: #ff5d16;
}
.underline-list > li em {
  font-style: normal;
}

.last {
  min-width: 11.4rem;
  text-align: right;
}

.txt-active {
  padding: 0 1rem;
  color: #ff5d16;
  font-size: 1.2rem;
  font-weight: 700;
}
.txt-active::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.4rem;
  background: url("/UIDev/v3/images/icon/icon-orange-check2.png") no-repeat;
  vertical-align: -0.2rem;
}

.input-wrap {
  position: relative;
  display: inline-block;
  width: 19.9rem;
}
.input-wrap .txt-time {
  position: absolute;
  right: 1rem;
  top: 1.1rem;
  color: #2f7cfe;
  font-size: 1.3rem;
  font-weight: 400;
}
.input-wrap + button {
  margin-left: 0.5rem;
}

.wid-st {
  width: 27.6rem !important;
}

.ty-info {
  font-size: 0;
}
.ty-info input {
  padding-left: 1rem;
  padding-right: 1rem;
}
.ty-info input.input-time {
  padding-right: 6rem;
}
.ty-info button {
  min-width: 7.2rem;
  padding: 0 1rem;
  vertical-align: top;
}
.ty-info + .ty-info {
  margin-top: 1rem;
}

.coins {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-left: 0.8rem;
  padding: 0 0.4rem 0 0.2rem;
  border-radius: 50%;
  background-color: #ff5d16;
  color: #fff;
  font-size: 1.2rem;
  line-height: 2rem;
  text-align: center;
  font-style: normal;
}
.coins.ty02 {
  vertical-align: 0.6rem;
}

input.input-coin {
  outline: none;
  display: inline-block;
  width: 24rem;
  padding: 0 1rem;
  background-color: #fff;
  border: solid 1px #e9e9e9;
  border-radius: 6px;
  font-size: 3.4rem;
  line-height: 3.4;
  font-weight: 700;
  text-align: right;
}

.error-message {
  position: relative;
  padding-left: 2rem;
  margin-top: 1.2rem;
  color: #2f7cfe;
  font-size: 1.3rem;
  font-weight: 400;
  text-align: left;
}
.error-message::before {
  position: absolute;
  left: 0;
  top: 0.2rem;
  display: block;
  content: "!";
  width: 1.4rem;
  height: 1.4rem;
  padding: 0 0.3rem 0 0.2rem;
  background: #2f7cfe;
  border-radius: 100%;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

.ty-mgb {
  margin-bottom: 2.4rem;
}

.dot-txt2 {
  margin-left: 1rem;
  padding-left: 0.6rem;
  position: relative;
  color: #757575;
  font-weight: 400;
  font-size: 1.4rem;
}
.dot-txt2:before {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  background: #757575;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0.8rem;
}

.btn-ck-area {
  font-size: 0;
  vertical-align: top;
}
.btn-ck-area button + button {
  margin-left: 0.5rem;
}
.btn-ck-area .btn-type04.active {
  color: #ff5d16;
  border: solid 0.1rem #ffdfd0;
}

.date-area .input-date {
  width: 17rem;
}

.form-grid-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem 2.2rem;
}
.form-grid-list.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.dot-list li {
  position: relative;
  padding-left: 1rem;
  line-height: 1.25;
  word-break: keep-all;
}
.dot-list li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.dot-list li:before {
  content: "·";
  position: absolute;
  left: 0;
  top: -1px;
  font-weight: 700;
  font-size: inherit;
  text-align: left;
  color: inherit;
}
.dot-list li .underline {
  text-decoration: underline;
}
.dot-list.size-m li {
  font-size: 1.6rem;
}
.dot-list.size-m li:before {
  top: 0;
}

.box-section {
  padding: 1.6rem;
  border-radius: 2px;
}
.box-section.bg-gray {
  background-color: #faf9f7;
}

.vehicle-diagnosis .box-gray {
  margin-top: 15px;
  border: 1px solid #e9e9e9;
}
.vehicle-diagnosis .box-gray:first-of-type {
  margin-top: 0;
}
.vehicle-diagnosis .box-gray .btn-type03 {
  margin-top: 16px;
}

.checkbox-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkbox-title label {
  font-size: 14px;
  font-weight: bold;
}

.service-notice {
  margin-top: 13px;
  padding: 16px;
  border-radius: 2px;
  border: solid 1px #e9e9e9;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: -0.39px;
  color: #757575;
}
.service-notice h1 {
  margin: 13px 0;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: -0.42px;
  color: #000;
}
.service-notice h1:first-of-type {
  margin-top: 0;
}
.service-notice p {
  position: relative;
  margin: 10px 0;
  padding-left: 9px;
}
.service-notice p::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #757575;
  border-radius: 9999px;
}
.service-notice ol {
  margin-left: 24px;
  list-style: decimal;
}

.service-price-form {
  position: relative;
  padding: 30px;
  border-radius: 2px;
  border: solid 1px #e9e9e9;
  background-color: #faf9f7;
}
.service-price-form.type-no-bg {
  background: none;
  border: none;
}
.service-price-form.has-text {
  padding: 16px 30px 16px 16px;
}
.service-price-form.has-text .price-form {
  padding-left: 14px;
}
.service-price-form .text {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: -0.2px;
  color: #222;
}
.service-price-form .beta {
  margin-top: 9px;
  font-size: 13px;
  line-height: 1;
  letter-spacing: -0.39px;
  color: #757575;
  text-align: right;
}

.price-form {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.price-form dt {
  margin-right: 27px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.42px;
  color: #000;
}
.price-form dt small {
  display: block;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: -0.39px;
  color: #ff5d16;
}
.price-form dd {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: bold;
}
.price-form dd input[type=text] {
  width: 100%;
  padding-right: 40px;
  border-radius: 2px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  text-align: right;
  color: #ff5d16;
}
.price-form dd input[type=text].text-gray {
  color: #999;
}
.price-form dd input[type=text].type-free {
  padding-right: 20px;
}
.price-form dd .unit {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  line-height: 40px;
  padding-right: 15px;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: -0.52px;
  text-align: right;
  color: #999;
}

.toggle-list {
  margin: 0 -6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.toggle-list .toggle-list-item {
  padding: 6px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
.toggle-list .toggle-list-item > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.schedule-date {
  margin: 11px 0 20px;
}
.schedule-date strong {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.54px;
  color: #000;
}
.schedule-date span {
  position: relative;
  margin-top: 12px;
  padding-left: 9px;
  display: block;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.39px;
  color: #ff5d16;
}
.schedule-date span::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #ff5d16;
  border-radius: 9999px;
}

.schedule-form {
  padding: 0 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.schedule-form .pop-tit {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.42px;
  color: #000;
}

.bullet-txt {
  position: relative;
  margin-top: 12px;
  padding-left: 9px;
  display: block;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.39px;
  color: #ff5d16;
}
.bullet-txt.text-gray {
  color: #757575;
}
.bullet-txt::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: currentColor;
  border-radius: 9999px;
}

.car-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.car-item .car-col {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.car-item .car-col.col-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.car-item .car-thumb {
  min-width: 118px;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  overflow: hidden;
}
.car-item .car-thumb .car-img {
  max-width: 118px;
  width: 100%;
  aspect-ratio: 118/69;
  background-color: #efefef;
}
.car-item .car-thumb .car-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.car-item .car-thumb .car-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  text-align: center;
}
.car-item .car-thumb .car-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  font-weight: bold;
  background-color: #ff5d16;
  color: #fff;
  text-align: center;
}
.car-item .car-name {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.48px;
}
.car-item .car-name .car-num {
  display: block;
  font-weight: normal;
}
.car-item .car-desc {
  margin-top: 6px;
  font-size: 13px;
  letter-spacing: -0.39px;
  color: #757575;
}
.car-item .car-price {
  margin-top: 6px;
  line-height: 1;
}
.car-item .car-price strong {
  font-size: 16px;
  color: #ff5d16;
}
.car-item .car-price span {
  font-size: 14px;
  font-weight: bold;
}

.non-face-form {
  padding: 0 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.non-face-form .non-face-tit {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.54px;
  color: #000;
}
.non-face-form .non-face-tit.small-tit {
  font-size: 14px;
}
.non-face-form .non-face-guide {
  margin-top: 30px;
  padding: 16px 135px 16px 16px;
  border-radius: 2px;
  border: 1px solid #e9e9e9;
  background-color: #faf9f7;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: -0.42px;
  color: #000;
}
.non-face-form .non-face-guide li {
  margin-top: 20px;
}
.non-face-form .non-face-guide li:first-of-type {
  margin-top: 0;
}
.non-face-form .option-area {
  margin-top: 30px;
}
.non-face-form .option-list {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  letter-spacing: -0.42px;
  color: #000;
}
.non-face-form .option-list li {
  margin-top: 12px;
}
.non-face-form .option-list li strong {
  color: #757575;
}
.non-face-form .non-face-group {
  margin-top: 16px;
}
.non-face-form .font-normal {
  font-weight: normal;
}
.non-face-form .car-item {
  margin-top: 20px;
}

.service-record {
  margin: 12px 0;
  display: inline-block;
  position: relative;
  min-width: 240px;
}
.service-record .service-record-img {
  max-width: 240px;
  width: 100%;
  background-color: #eaeaea;
}
.service-record .service-record-img img {
  width: 100%;
}
.service-record .service-record-input {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 30px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: -0.4px;
  text-align: center;
  color: #fff;
}
.service-record .service-record-text {
  margin-top: 10px;
}
.service-record .service-record-x {
  position: absolute;
  top: 8px;
  right: 8px;
  border: none;
  width: 2rem;
  height: 2rem;
  background: url("/UIDev/v3/images/icon/popup-close-icon.png") no-repeat center center;
  font-size: 0;
  text-indent: -9999rem;
  z-index: 1;
}

.record-section {
  margin: 12px 0;
}

.ico-repair {
  display: inline-block;
  overflow: hidden;
  position: relative;
  height: 22px;
  padding: 0 0 0 22px;
  line-height: 22px;
  font-size: 13px;
}
.ico-repair em {
  display: inline-block;
  margin: 0 0 0 5px;
  font-style: normal;
}
.ico-repair .blind {
  position: absolute;
  left: -9999px;
  top: 0;
}
.ico-repair:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  background: url("/UIDev/v3/images/icon/repair-state.png") no-repeat;
}
.ico-repair.tp01:before {
  background-position: 0 -32px;
}
.ico-repair.tp02:before {
  background-position: -32px -32px;
}
.ico-repair.tp03:before {
  background-position: -64px -32px;
}
.ico-repair.tp04:before {
  background-position: -96px -32px;
}
.ico-repair.tp05:before {
  background-position: -128px -32px;
}
.ico-repair.tp06:before {
  background-position: -160px -32px;
}
.ico-repair.disabled.tp01:before {
  background-position: 0 0;
}
.ico-repair.disabled.tp02:before {
  background-position: -32px 0;
}
.ico-repair.disabled.tp03:before {
  background-position: -64px 0;
}
.ico-repair.disabled.tp04:before {
  background-position: -96px 0;
}
.ico-repair.disabled.tp05:before {
  background-position: -128px 0;
}
.ico-repair.disabled.tp06:before {
  background-position: -160px 0;
}

.repair-guide-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 14px;
  gap: 12px;
}

.repair-state-view-box {
  position: relative;
  min-height: 2090px;
  margin: 30px 0 0;
  padding: 0 0 0 240px;
}
.repair-state-view-box dl dt {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #666;
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f0f0f0;
}
.repair-state-view-box dl dd .car-state-item {
  display: table;
  width: 100%;
  padding: 15px 20px;
}
.repair-state-view-box dl dd .car-state-item > span {
  display: table-cell;
  font-size: 13px;
  vertical-align: middle;
}
.repair-state-view-box dl dd .car-state-item > span.col-num {
  width: 10%;
}
.repair-state-view-box dl dd .car-state-item > span.col-tit {
  width: 30%;
}
.repair-state-view-box dl dd .car-state-item > span.col-opt {
  width: 60%;
  padding: 0 0 0 20px;
}
.repair-state-view-box dl dd .car-state-item > span.col-opt .ico-repair {
  cursor: pointer;
  margin: 5px 5% 5px 0;
}
.repair-state-view-box dl dd .car-state-item > span.col-opt .ico-repair:last-child {
  margin: 0;
}
.repair-state-view-box dl.car-area-view {
  position: absolute;
  left: 0;
  top: 0;
  width: 240px;
}
.repair-state-view-box dl.car-area-view dd > div {
  position: relative;
  width: 165px;
  margin: 90px auto 0;
}
.repair-state-view-box dl.car-area-view dd > div [class^=area] [class^=item]:before {
  display: none;
  content: "";
  position: absolute;
  right: -27px;
  top: 0;
  width: 22px;
  height: 22px;
  background: url("/UIDev/v3/images/icon/repair-state.png") no-repeat;
}
.repair-state-view-box dl.car-area-view dd > div [class^=area] [class^=item].tp01:before {
  display: block;
  background-position: 0 -32px;
}
.repair-state-view-box dl.car-area-view dd > div [class^=area] [class^=item].tp02:before {
  display: block;
  background-position: -32px -32px;
}
.repair-state-view-box dl.car-area-view dd > div [class^=area] [class^=item].tp03:before {
  display: block;
  background-position: -64px -32px;
}
.repair-state-view-box dl.car-area-view dd > div [class^=area] [class^=item].tp04:before {
  display: block;
  background-position: -96px -32px;
}
.repair-state-view-box dl.car-area-view dd > div [class^=area] [class^=item].tp05:before {
  display: block;
  background-position: -128px -32px;
}
.repair-state-view-box dl.car-area-view dd > div [class^=area] [class^=item].tp06:before {
  display: block;
  background-position: -160px -32px;
}
.repair-state-view-box dl.car-area-view dd > div .area01 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 418px;
}
.repair-state-view-box dl.car-area-view dd > div .area01 span {
  position: absolute;
}
.repair-state-view-box dl.car-area-view dd > div .area01 .item01 {
  left: 80px;
  top: 50px;
}
.repair-state-view-box dl.car-area-view dd > div .area01 .item08 {
  left: 80px;
  top: 380px;
}
.repair-state-view-box dl.car-area-view dd > div .area01 .item12 {
  left: 75px;
  top: 230px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 {
  position: absolute;
  top: 493px;
  left: 0;
  right: 0;
  height: 418px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 span {
  position: absolute;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item09 {
  left: 80px;
  top: 6px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item09:before {
  top: -5px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item15 {
  left: 76px;
  top: 28px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item16 {
  left: 76px;
  top: 130px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item16:before {
  top: -5px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item17 {
  left: 21px;
  top: 68px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item17:before {
  top: -5px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item18 {
  left: 127px;
  top: 68px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item19 {
  left: 15px;
  top: 348px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item20 {
  left: 136px;
  top: 348px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item21 {
  left: 49px;
  top: 85px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item22 {
  left: 101px;
  top: 85px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item23 {
  left: 21px;
  top: 108px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item24 {
  left: 127px;
  top: 109px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item25 {
  left: 15px;
  top: 310px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item26 {
  left: 138px;
  top: 310px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item33 {
  left: 76px;
  top: 150px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item34 {
  left: 76px;
  top: 200px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item35 {
  left: 76px;
  top: 341px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item36 {
  left: 76px;
  top: 379px;
}
.repair-state-view-box dl.car-area-view dd > div .area02 .item37 {
  left: 76px;
  top: 298px;
}
.repair-state-view-box dl.car-area-view dd > div .area03 {
  position: absolute;
  top: 1017px;
  left: 0;
  right: 0;
  height: 413px;
}
.repair-state-view-box dl.car-area-view dd > div .area03 span {
  position: absolute;
}
.repair-state-view-box dl.car-area-view dd > div .area03 .item02 {
  left: 90px;
  top: 50px;
}
.repair-state-view-box dl.car-area-view dd > div .area03 .item04 {
  left: 65px;
  top: 165px;
}
.repair-state-view-box dl.car-area-view dd > div .area03 .item06 {
  left: 65px;
  top: 245px;
}
.repair-state-view-box dl.car-area-view dd > div .area03 .item10 {
  left: 80px;
  top: 370px;
}
.repair-state-view-box dl.car-area-view dd > div .area03 .item13 {
  left: 32px;
  top: 213px;
}
.repair-state-view-box dl.car-area-view dd > div .area03 .item27 {
  left: 120px;
  top: 145px;
}
.repair-state-view-box dl.car-area-view dd > div .area03 .item29 {
  left: 120px;
  top: 220px;
}
.repair-state-view-box dl.car-area-view dd > div .area03 .item31 {
  left: 120px;
  top: 330px;
}
.repair-state-view-box dl.car-area-view dd > div .area04 {
  position: absolute;
  top: 1500px;
  left: 0;
  right: 0;
  height: 413px;
}
.repair-state-view-box dl.car-area-view dd > div .area04 span {
  position: absolute;
}
.repair-state-view-box dl.car-area-view dd > div .area04 .item03 {
  left: 70px;
  top: 40px;
}
.repair-state-view-box dl.car-area-view dd > div .area04 .item05 {
  left: 90px;
  top: 165px;
}
.repair-state-view-box dl.car-area-view dd > div .area04 .item07 {
  left: 90px;
  top: 250px;
}
.repair-state-view-box dl.car-area-view dd > div .area04 .item11 {
  left: 70px;
  top: 365px;
}
.repair-state-view-box dl.car-area-view dd > div .area04 .item28 {
  left: 30px;
  top: 142px;
}
.repair-state-view-box dl.car-area-view dd > div .area04 .item30 {
  left: 35px;
  top: 222px;
}
.repair-state-view-box dl.car-area-view dd > div .area04 .item32 {
  left: 30px;
  top: 325px;
}
.repair-state-view-box dl.car-area-view dd > div .area04 .item34 {
  left: 115px;
  top: 215px;
}
.repair-state-view-box.v02 {
  padding: 0;
  min-height: auto;
  border-bottom: 1px solid #ddd;
}
.repair-state-view-box.v02 dl dd {
  padding: 10px 20px;
}
.repair-state-view-box.v02 dl dd span {
  vertical-align: middle;
}
.repair-state-view-box.v02 dl dd .col-tit {
  display: inline-block;
  width: 20%;
  padding: 5px 0;
  font-size: 12px;
}
.repair-state-view-box.v02 dl dd .col-box {
  width: 79%;
  padding: 5px 0;
  display: inline-block;
  vertical-align: middle;
}
.repair-state-view-box.v02 dl dd.sub-row {
  padding: 10px 20px 10px 20%;
}
.repair-state-view-box.v02 dl dd.sub-row .tits {
  display: inline-block;
  width: 105px;
  margin: 0 10px 0 0;
  font-size: 16px;
}
.repair-state-view-box.v02 dl dd.sub-row .col-box {
  display: inline-block;
  width: 540px;
  padding: 5px 0;
  vertical-align: middle;
}
.repair-state-view-box.v02 dl dd.sub-row .col-box02 {
  display: inline-block;
  width: 290px;
  padding: 5px 0;
  vertical-align: middle;
}

.checkbox-list {
  margin: 0 -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.checkbox-list .checkbox-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding: 5px;
}

.radio-list {
  margin: 0 -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.radio-list .radio-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333%;
          flex: 0 0 33.333%;
  padding: 5px;
}
.radio-list .c-toggle {
  display: block;
}
.radio-list .c-toggle .c-toggle-text {
  display: block;
}

.car-option-list {
  margin: 30px 0;
}
.car-option-list:first-of-type {
  margin-top: 0;
}
.car-option-list:last-of-type {
  margin-bottom: 0;
}
.car-option-list .car-option-tit {
  margin-bottom: 13px;
  font-size: 14px;
  letter-spacing: -0.42px;
  color: #000;
}

.certified-car {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.certified-car .certified-car-tit {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.54px;
  color: #000;
}
.certified-car .certified-car-desc {
  margin-top: 12px;
  font-size: 14px;
  letter-spacing: normal;
  color: #757575;
}
.certified-car .certified-car-info {
  margin-top: 30px;
  padding: 16px;
  border-radius: 2px;
  border: solid 1px #e9e9e9;
  background-color: #faf9f7;
}
.certified-car .certified-car-info dl {
  margin-top: 20px;
}
.certified-car .certified-car-info dl:first-of-type {
  margin-top: 0;
}
.certified-car .certified-car-info dl dt {
  display: block;
  font-size: 14px;
  font-weight: bold;
}
.certified-car .certified-car-info dl dd {
  margin-top: 10px;
}
.certified-car .select2 {
  margin-top: 10px;
}

.info-text {
  position: relative;
  display: inline-block;
  font-size: 13px;
  letter-spacing: -0.39px;
  color: #757575;
  padding-right: 6px;
  line-height: 1;
}
.info-text::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  width: 1px;
  height: 10px;
  background-color: #999;
}
.info-text:last-of-type::after {
  display: none;
}

.perf-view {
  margin-top: 14px;
  position: relative;
  display: block;
  max-width: 240px;
  aspect-ratio: 240/165;
}
.perf-view img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.perf-view p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.warranty-section .warranty-section-tit {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.54px;
  color: #000;
}
.warranty-section .warranty-spacer {
  margin: 30px 0;
  height: 1px;
  background-color: #e9e9e9;
}

.warranty-list .warranty-send {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  border-radius: 2px;
  border: solid 1px #e9e9e9;
  background-color: #faf9f7;
}
.warranty-list .warranty-send .warranty-send-col.col-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.warranty-list .warranty-send dl {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.warranty-list .warranty-send dl:first-of-type {
  margin-top: 0;
}
.warranty-list .warranty-send dl dt {
  font-weight: bold;
  min-width: 105px;
}
.warranty-list .warranty-send dl .info-text {
  font-size: inherit;
  color: inherit;
}
.warranty-list .warranty-send dl .info-text::after {
  top: 4px;
}
.warranty-list .warranty-item {
  padding: 20px 0;
  border-bottom: 1px solid #e9e9e9;
}
.warranty-list .warranty-item:last-of-type {
  padding-bottom: 0;
  border: none;
}
.warranty-list .warranty-item .car-item {
  margin-top: 0;
}

.delivery-home {
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.delivery-home .delivery-home-tit {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.54px;
  color: #000;
}
.delivery-home .delivery-home-tit.tit-small {
  font-size: 14px;
}
.delivery-home .inline-radio-list {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
}
.delivery-home .block-checkbox-list {
  margin-top: 20px;
}
.delivery-home .block-checkbox-list li {
  margin-top: 16px;
}
.delivery-home .block-text-list {
  margin-top: 20px;
}

.rd-loading {
  display: inline-block;
  width: 56px;
  height: 56px;
  background: url("/images/common/bg_loading.gif") no-repeat;
}

.recent-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.txt-recent-item {
  display: inline;
  color: #222;
  font-size: 1.4rem;
  font-weight: 700;
}

.txt-recent-item + .txt-recent-item,
.txt-recent-item + .txt-etc {
  margin-bottom: 40px;
}

.txt-etc + .txt-recent-item {
  margin-top: 4rem;
}

.recent-item-area {
  margin-bottom: 40px;
}

.ad-guide-wrap .tit-h3.ty-medium {
  margin-bottom: 20px;
}
.ad-guide-wrap .ad-guide-top {
  position: relative;
  padding: 40px;
  border-radius: 2px;
  border: 1px solid #ffd08d;
  background: #ffebcf;
}
.ad-guide-wrap .ad-guide-top .ad-tit {
  margin-bottom: 14px;
  font-size: 20px;
  line-height: 20px;
}
.ad-guide-wrap .ad-guide-top .desc-txt {
  font-size: 14px;
  line-height: 22px;
}
.ad-guide-wrap .ad-guide-top .ad-bg {
  position: absolute;
  top: 50%;
  right: 70px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 100px;
  height: 100px;
}
.ad-guide-wrap .ad-guide-top .ad-bg img {
  width: 100%;
}
.ad-guide-wrap .product-info.type-ad {
  display: block;
  margin: 0;
}
.ad-guide-wrap .product-info.type-ad .product-info-item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
  margin: 0;
  padding: 60px 40px;
  border: 1px solid #e9e9e9;
}
.ad-guide-wrap .product-info.type-ad .product-info-item ~ .product-info-item {
  margin-top: 12px;
}
.ad-guide-wrap .product-info.type-ad .product-info-item:first-child .product-info-img {
  right: 60px;
  width: 180px;
}
.ad-guide-wrap .product-info.type-ad .product-info-item:last-child .product-info-img {
  right: 90px;
  width: 100px;
}

.finance-cont-area {
  display: none;
}
.finance-cont-area.show {
  display: block;
}

.add-info-area {
  display: none;
}
.add-info-area.show {
  display: block;
}

.special-price-check {
  margin-top: 2rem;
  margin-bottom: 0.4rem;
}
.special-price-check label {
  font-weight: 700;
  font-size: 1.4rem;
}

.sell-price-area .tit {
  font-size: 1.8rem;
  font-weight: bold;
}
.sell-price-area .input-area + .btn-type02 {
  height: 5.6rem;
  line-height: 5.6rem;
  vertical-align: middle;
  margin-top: 2.4rem;
  width: 13rem;
  font-size: 1.6rem;
}
.sell-price-area .input-area {
  margin-top: 2.4rem;
  border: solid 0.1rem #e9e9e9;
  background: #faf9f8;
  color: #dfdfdf;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: right;
  height: 5.6rem;
  padding: 0 3rem;
  line-height: 5.6rem;
  border-radius: 0.4rem;
  position: relative;
}
.sell-price-area .input-area.disabled {
  background: #e9e9e9;
}
.sell-price-area .input-area.del input {
  color: #999;
  text-decoration: line-through;
}
.sell-price-area .input-area.dis_inline {
  vertical-align: middle;
  display: inline-block;
  width: calc(100% - 14rem);
  margin-right: 0.5rem;
}
.sell-price-area .input-area input {
  border: none;
  background: none;
  color: #000;
  font-size: 2.5rem;
  font-weight: bold;
  height: 5.6rem;
  line-height: 5.6rem;
  width: 60%;
  text-align: right;
  padding: 0;
  margin-right: 1rem;
}
.sell-price-area .input-area input:focus {
  outline: none;
}

.sell-price-txt-ballon {
  background: #fff6ed;
  padding: 2.2rem 3rem;
  position: relative;
  border-radius: 0.8rem;
  padding-top: 1.867rem;
  margin-top: 1rem;
}
.sell-price-txt-ballon.gray {
  background: #faf9f8;
}
.sell-price-txt-ballon.gray:before {
  display: none;
}
.sell-price-txt-ballon.gray .dot-txt {
  margin-top: 2rem;
}
.sell-price-txt-ballon.noBg {
  background: none;
  padding: 0;
}
.sell-price-txt-ballon.noBg:before {
  display: none;
}
.sell-price-txt-ballon:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-bottom: 1rem solid #fff6ed;
  position: absolute;
  display: block;
  top: -0.8rem;
  left: 2.4rem;
}
.sell-price-txt-ballon .ad-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.3rem;
  font-size: 1.3rem;
  color: #b45c36;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sell-price-txt-ballon .ad-area span {
  background: #ff5d16;
  display: inline-block;
  color: #fff;
  padding: 0.1rem 0.4rem;
  font-size: 0.97rem;
  margin-right: 0.5rem;
  height: 1.467rem;
  line-height: 1.467rem;
  border-radius: 0.3rem;
}
.sell-price-txt-ballon .dot-txt {
  margin-top: 3rem;
}

.sell-price-txt-ballon + .special-price-car-area {
  margin-top: 3rem;
}
.sell-price-txt-ballon + .special-price-car-area .dot-txt {
  margin-top: 2rem;
}

.special-price-car-area {
  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;
}
.special-price-car-area + .special-price-car-area {
  margin-top: 1rem;
}
.special-price-car-area.none-flex {
  display: block;
  margin-bottom: 3.4rem;
}
.special-price-car-area.none-flex .tit {
  margin-bottom: 2rem;
}
.special-price-car-area.none-flex .form-radio + .form-radio {
  margin-left: 1.5rem;
}
.special-price-car-area .tit {
  font-size: 1.4rem;
  font-weight: bold;
}
.special-price-car-area .tit em {
  font-style: normal;
  font-size: 1.3rem;
  color: #999;
  margin-left: 0.5rem;
  display: inline-block;
}
.special-price-car-area .form-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.special-price-car-area .form-box .input-area {
  background: #fff;
  border: solid 0.1rem #e9e9e9;
  border-radius: 0.4rem;
  padding: 0 1rem;
  height: 3.6rem;
  line-height: 3.6rem;
  text-align: right;
  color: #999;
  width: 30rem;
}
.special-price-car-area .form-box .input-area.disabled {
  background: #e9e9e9;
}
.special-price-car-area .form-box .input-area.short {
  width: 18rem;
}
.special-price-car-area .form-box .input-area input {
  text-align: right;
  border: none;
  margin-right: 0.3rem;
  color: #ff5d16;
  font-weight: bold;
  height: 3rem;
  font-size: 1.6rem;
  width: 70%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
.special-price-car-area .form-box .input-area input:focus {
  outline: none;
}
.special-price-car-area .form-box .btn-type02 {
  height: 3.6rem;
  line-height: 3.6rem;
  width: 9.6rem;
  margin-left: 1rem;
}
.special-price-car-area .form-box .select2 {
  width: 11rem !important;
}
.special-price-car-area .form-box .select2:nth-of-type(2n) {
  margin-left: 1rem;
}
.special-price-car-area .form-box .period {
  margin: 0 1rem;
}
.special-price-car-area .form-box .total-month {
  margin-left: 1rem;
}

.lease-price-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.lease-price-box {
  width: calc((100% - 2.9rem) / 2);
  -ms-flex-negative: 1;
  flex-shrink: 1;
  margin-bottom: 3.5rem;
}
.lease-price-box .tit {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lease-price-box .tit .form-radio + .form-radio {
  margin-left: 2rem;
}
.lease-price-box:nth-child(even) {
  margin-left: 2.9rem;
}
.lease-price-box .form-box .input-area {
  background: #fff;
  border: solid 0.1rem #e9e9e9;
  border-radius: 0.4rem;
  padding: 0 1rem;
  height: 3.6rem;
  line-height: 3.6rem;
  text-align: right;
  color: #999;
  width: 100%;
}
.lease-price-box .form-box .input-area input {
  text-align: right;
  border: none;
  margin-right: 0.3rem;
  color: #ff5d16;
  font-weight: bold;
  height: 3.4rem;
  width: 70%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.4rem 0 0;
  vertical-align: top;
  line-height: 3.4rem;
}
.lease-price-box .form-box .input-area input:focus {
  outline: none;
}

.loading-circle-area {
  display: none;
  width: 558px;
  height: calc(100% - 11.7rem);
  background: #fff;
  left: 464px;
  top: 0;
  position: absolute;
  z-index: 1;
}
.loading-circle-area .loading-child {
  width: 4rem;
  height: 4rem;
  position: absolute;
  left: 50%;
  top: 20rem;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
.loading-circle-area .loading-child.loading-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.loading-circle-area .loading-child.loading-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.loading-circle-area .loading-child.loading-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.loading-circle-area .loading-child.loading-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.loading-circle-area .loading-child.loading-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.loading-circle-area .loading-child.loading-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.loading-circle-area .loading-child.loading-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.loading-circle-area .loading-child.loading-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.loading-circle-area .loading-child.loading-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.loading-circle-area .loading-child.loading-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.loading-circle-area .loading-child.loading-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.loading-circle-area .loading-child.loading-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.loading-circle-area .loading-child.loading-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.loading-circle-area .loading-child.loading-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.loading-circle-area .loading-child.loading-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.loading-circle-area .loading-child.loading-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.loading-circle-area .loading-child.loading-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.loading-circle-area .loading-child.loading-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.loading-circle-area .loading-child.loading-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.loading-circle-area .loading-child.loading-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.loading-circle-area .loading-child.loading-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.loading-circle-area .loading-child.loading-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
.loading-circle-area .loading-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: loading-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: loading-circleBounceDelay 1.2s infinite ease-in-out both;
}

@-webkit-keyframes loading-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes loading-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#tab01 .btn-type02.sm {
  font-size: 1.2rem;
}

#special-confirmPopup2 .dot-txt {
  margin-top: 1rem;
  font-size: 1.4rem;
}
#special-confirmPopup2 .dot-txt li {
  display: inline-block;
}

/*********************************************/
/*****************2차************************/
/*******************************************/
/*상담관리*/
.schedule-day-time .data-time-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.2rem;
}
.schedule-day-time .input-date,
.schedule-day-time .input-time {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.schedule-day-time .input-time {
  margin-left: 1rem;
}
.schedule-day-time .switch-item {
  margin-top: 1.2rem;
  display: block;
  text-align: right;
}
.schedule-day-time .switch-item label {
  font-weight: 500;
}

.pop-text-area {
  margin-top: 3.4rem;
}
.pop-text-area .data-time-picker {
  margin-top: 1.2rem;
}
.pop-text-area .data-time-picker textarea {
  height: 15rem;
  width: 100%;
  background: #fff;
  border: solid 1px #e9e9e9;
  padding: 1.5rem 1.6rem;
  font-size: 1.3rem;
  resize: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0.4rem;
}
.pop-text-area .data-time-picker textarea::-webkit-input-placeholder {
  color: #999;
}
.pop-text-area .data-time-picker textarea::-moz-placeholder {
  color: #999;
}
.pop-text-area .data-time-picker textarea:-ms-input-placeholder {
  color: #999;
}
.pop-text-area .data-time-picker textarea::-ms-input-placeholder {
  color: #999;
}
.pop-text-area .data-time-picker textarea::placeholder {
  color: #999;
}
.pop-text-area .data-time-picker.memo {
  border: solid 0.1rem #e9e9e9;
  padding: 1.5rem 1.6rem;
  font-size: 1.3rem;
  height: 15rem;
}

.time-layer {
  display: none;
  position: absolute;
  bottom: -11.8rem;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  left: 0;
  background: #fff;
  z-index: 12;
  padding: 1.5rem 0;
  -webkit-filter: drop-shadow(0px 16px 36px rgba(153, 153, 153, 0.4));
          filter: drop-shadow(0px 16px 36px rgba(153, 153, 153, 0.4));
  border-radius: 0.4rem;
}
.time-layer .hour,
.time-layer .min {
  display: block;
  text-align: center;
  border: solid 0.1rem #e9e9e9;
  border-radius: 0.2rem;
  width: 6rem;
}
.time-layer .hour input,
.time-layer .min input {
  width: 100%;
  font-size: 2rem;
  color: #000;
  border-radius: 0;
  border: none;
  text-align: center;
  padding: 0;
}
.time-layer .hour input:focus-visible,
.time-layer .min input:focus-visible {
  outline: none;
}
.time-layer .next,
.time-layer .prev {
  display: block;
  width: 100%;
  height: 2.4rem;
}
.time-layer .next::before,
.time-layer .prev::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  margin-top: 0.1rem;
  border-top: solid 0.1rem #222;
  border-right: solid 0.1rem #222;
  display: inline-block;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.time-layer .next {
  border-bottom: solid 0.1rem #e9e9e9;
}
.time-layer .prev {
  margin-top: -0.5rem;
  border-bottom: solid 0.1rem #e9e9e9;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

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

.popup-body .inquiry .car-search-result-mode-area {
  margin-top: 4.5rem;
}
.popup-body .inquiry .call-table {
  width: 100%;
}
.popup-body .inquiry .call-table th {
  border-top: solid 1px #e9e9e9;
  border-bottom: solid 1px #e9e9e9;
  text-align: center;
  padding: 1.5rem 0;
  font-size: 1.2rem;
  color: #757575;
}
.popup-body .inquiry .call-table td {
  padding: 1.5rem 0;
  font-size: 1.3rem;
  color: #000;
  text-align: center;
  border-bottom: solid 1px #e9e9e9;
}

.business-card-notice {
  color: #2f7cfe;
  font-size: 1.4rem;
  font-weight: 700;
}

.business-card-area {
  margin-top: 1.6rem;
  border: solid 0.1rem #e9e9e9;
  border-radius: 0.2rem;
  padding: 15px 16px;
  font-size: 1.3rem;
}

#share-popup .share-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#share-popup .share-btn button {
  width: calc((100% - 1.2rem) / 2);
  margin-left: 1.2rem;
  margin-bottom: 1.2rem;
  height: 23.4rem;
  border: solid 0.1rem #e9e9e9;
  border-radius: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
#share-popup .share-btn button:hover {
  -webkit-box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.12);
}
#share-popup .share-btn button.on {
  border: solid 0.1rem #ff5d16;
  background: #fff7f4;
}
#share-popup .share-btn button:nth-child(odd) {
  margin-left: 0;
}
#share-popup .share-btn button i {
  display: block;
  width: 100%;
}
#share-popup .share-btn button i img {
  width: 6.4rem;
}
#share-popup .share-btn button .txt {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 3rem;
  width: 100%;
}

#dealer-detail-popup {
  width: 134.5rem;
}
#dealer-detail-popup .dealer-profile-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#dealer-detail-popup .dealer-detail {
  width: 80.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 4rem;
  position: relative;
}
#dealer-detail-popup .dealer-detail::after {
  content: "";
  height: 12.5rem;
  width: 0.1rem;
  background-color: #e9e9e9;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}
#dealer-detail-popup .dealer-detail .photo {
  width: 8.4rem;
  height: 8.4rem;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 100%;
  border: solid 0.1rem #d9e9e9;
}
#dealer-detail-popup .dealer-detail .photo a {
  position: absolute;
  right: -0.2rem;
  bottom: 0;
}
#dealer-detail-popup .dealer-detail .name-area {
  margin-left: 2.3rem;
}
#dealer-detail-popup .dealer-detail .name-area .name {
  display: inline-block;
  font-size: 3.2rem;
  font-weight: 700;
}
#dealer-detail-popup .dealer-detail .name-area .number {
  display: inline-block;
  font-size: 3.2rem;
  font-weight: 700;
  color: #ff5d16;
  margin-left: 2.1rem;
}
#dealer-detail-popup .dealer-detail .name-area .company {
  color: #ff5d16;
  font-weight: 700;
  font-size: 1.3rem;
  margin-bottom: 2.8rem;
  margin-top: 0.5rem;
}
#dealer-detail-popup .dealer-detail .name-area .bar-txt span:first-child::after {
  content: "";
  height: 1rem;
  width: 0.1rem;
  background-color: #e9e9e9;
  display: inline-block;
  margin-left: 0.6rem;
  margin-right: 0.3rem;
}
#dealer-detail-popup .dealer-detail .type {
  border-radius: 3.6rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.2rem;
  background: #def7ff;
  padding: 0 1rem;
  color: #0086d6;
  position: absolute;
  right: 4rem;
  top: 0;
}
#dealer-detail-popup .dealer-detail .type.friends {
  color: #ff5d16;
  background: #fff2e5;
}
#dealer-detail-popup .dealer-detail .type.friends::before {
  background-image: url("/UIDev/v3/images/icon/icon-friend.png");
}
#dealer-detail-popup .dealer-detail .type::before {
  display: inline-block;
  content: "";
  vertical-align: middle;
  width: 1.4rem;
  height: 1.4rem;
  background-image: url("/UIDev/v3/images/icon/icon-super.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.4rem;
}
#dealer-detail-popup .my-review-area {
  background: none;
  margin-top: 0;
  padding: 0 0 0 3rem;
}
#dealer-detail-popup .my-review-area .my-review-box:first-child::after {
  display: none;
}
#dealer-detail-popup .my-review-area .review-tit {
  margin-bottom: 2rem;
}
#dealer-detail-popup .my-review-area .review-num {
  font-size: 3.4rem;
}
#dealer-detail-popup .my-review-area .review-num .star-area {
  margin-top: 1rem;
}
#dealer-detail-popup .my-review-area .detail-review > div + div {
  margin-top: 1.5rem;
}
#dealer-detail-popup .intro-txt {
  border-bottom: solid 0.1rem #e9e9e9;
  padding: 6rem 0 5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#dealer-detail-popup .intro-txt .tit {
  font-size: 1.3rem;
  color: #999;
  font-weight: 700;
}
#dealer-detail-popup .intro-txt .txt {
  margin-left: 6rem;
  font-size: 1.4rem;
}
#dealer-detail-popup .con-tit {
  font-size: 2rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#dealer-detail-popup .con-tit span {
  color: #ff5d16;
}
#dealer-detail-popup .con-tit .more {
  font-size: 1.4rem;
  color: #4f4f4f;
  font-weight: 500;
  padding-right: 0.5rem;
}
#dealer-detail-popup .con-tit .more::after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-right: solid 0.1rem #4f4f4f;
  border-bottom: solid 0.1rem #4f4f4f;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  display: inline-block;
  margin-left: 0.2rem;
  margin-bottom: 0.2rem;
}

.sell-car-list {
  margin-top: 9rem;
}
.sell-car-list .i-no-data {
  margin-top: 2.3rem;
  padding-top: 12.4rem;
  padding-bottom: 2.8rem;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: -0.048rem;
  text-align: center;
  color: #000;
  background-position: center 0;
}
.sell-car-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.8rem;
}
.sell-car-list ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 1.2rem;
  border: solid 0.1rem #e9e9e9;
  overflow: hidden;
}
.sell-car-list ul li img {
  width: 100%;
}
.sell-car-list ul li .info-box {
  padding: 2rem;
  font-size: 1.4rem;
}
.sell-car-list ul li .info-box .since {
  margin-top: 2rem;
  color: #757575;
}
.sell-car-list ul li .info-box .price {
  margin-top: 1.5rem;
  font-size: 1.6rem;
}
.sell-car-list ul li .info-box .price strong {
  font-weight: 700;
  font-size: 1.8rem;
}
.sell-car-list ul li + li {
  margin-left: 1.5rem;
}

.car-review {
  margin-top: 9rem;
}
.car-review .review-wait {
  margin-top: 2.3rem;
  padding: 7.6rem 0;
  border-radius: 1.2rem;
  border: solid 1px #e9e9e9;
  text-align: center;
  background-color: #fff;
}
.car-review .review-wait .txt {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: -0.048rem;
}
.car-review ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.8rem;
}
.car-review ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: solid 0.1rem #e9e9e9;
  padding: 4rem;
  border-radius: 1.2rem;
}
.car-review ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.car-review ul li a .img {
  width: 13rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.car-review ul li a .img img {
  width: 100%;
}
.car-review ul li a .info-box {
  margin-left: 1.5rem;
}
.car-review ul li a .info-box .tit {
  font-weight: 700;
  font-size: 1.6rem;
  margin: 0.8rem 0 1rem 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.car-review ul li a .info-box .con {
  font-size: 1.4rem;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.car-review ul li .point {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.car-review ul li .point .star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.car-review ul li .point .star span {
  display: block;
  background: url("/UIDev/v3/images/icon/icon-star.png") no-repeat center center;
  background-size: 1.6rem;
  width: 1.6rem;
  height: 1.5rem;
}
.car-review ul li .point span.on {
  background-image: url("/UIDev/v3/images/icon/icon-star-on.png");
}
.car-review ul li .point .num {
  margin-left: 0.5rem;
  color: #ff5d16;
  font-weight: 700;
}
.car-review ul li + li {
  margin-left: 1.5rem;
}

.map-area {
  margin-top: 9rem;
}
.map-area .map-box {
  margin-top: 3.2rem;
}
.map-area .map-box .adress {
  margin-bottom: 1.6rem;
  padding-left: 2.4rem;
  background-image: url("/UIDev/v3/images/icon/icon-adress.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 2rem;
  font-size: 1.6rem;
}

.product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.6rem;
}
.product-info .product-info-item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(50% - 1.2rem);
  margin: 0 0.6rem;
  background: #faf9f7;
  border-radius: 0.2rem;
  border: 0.1rem solid #e9e9e9;
  padding: 3rem 14rem 3rem 4rem;
}
.product-info .product-info-tit {
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: -0.04rem;
  display: block;
  font-weight: 700;
  margin-bottom: 1.2rem;
}
.product-info .product-info-cont {
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: -0.02rem;
  display: block;
  word-break: keep-all;
}
.product-info .product-info-img {
  position: absolute;
  top: 50%;
  right: 3rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 7.2rem;
}
.product-info .product-info-img img {
  width: 100%;
  height: auto;
}
.product-info.type-block {
  margin: 0;
}
.product-info.type-block .product-info-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  min-height: 20rem;
  margin: 0 0 1.2rem;
}
.product-info.type-block .product-info-img {
  width: 18rem;
  height: 12rem;
}
.product-info.type-point .product-info-item {
  border: 0.1rem solid #ffd08d;
  background: #ffebcf;
  min-height: 16rem;
}
.product-info.type-new-product-info .product-info-item:first-child .product-info-img {
  right: 60px;
  width: 180px;
}
.product-info.type-new-product-info .product-info-item:last-child .product-info-img {
  right: 90px;
  width: 100px;
}

.step-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 2rem;
}
.step-info .step-info-item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33.333%;
          flex: 1 1 33.333%;
  text-align: center;
}
.step-info .step-info-item:after {
  position: absolute;
  top: 5rem;
  right: 0;
  margin-top: -0.4rem;
  margin-right: -0.2rem;
  display: block;
  width: 1rem;
  height: 1rem;
  border-top: 0.1rem solid transparent;
  border-right: 0.1rem solid #757575;
  border-bottom: 0.1rem solid #757575;
  border-left: 0.1rem solid transparent;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: "";
}
.step-info .step-info-item:first-child {
  text-align: left;
  padding-left: 0;
}
.step-info .step-info-item:last-child {
  text-align: right;
  padding-right: 0;
}
.step-info .step-info-item:last-child:after {
  display: none;
}
.step-info .step-info-inner {
  display: inline-block;
  text-align: center;
  width: 14rem;
}
.step-info .step-info-img {
  position: relative;
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: #faf9f7;
  border: 0.1rem solid #e9e9e9;
  line-height: 10rem;
  margin: 0 auto 1.6rem;
}
.step-info .step-info-img img {
  width: 5rem;
}
.step-info .step-info-tit {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  display: block;
  margin-bottom: 0.4rem;
  font-weight: 700;
  color: #222;
}
.step-info .step-info-desc {
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: -0.02rem;
  color: #444;
}

.friend-benefit {
  white-space: nowrap;
  font-size: 0;
  text-align: center;
}
.friend-benefit > div {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  text-align: center;
}
.friend-benefit .friend-benefit-item {
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  border: 0.1rem solid #e9e9e9;
}
.friend-benefit .friend-benefit-item > span {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  display: inline-block;
  width: calc(100% - 1px);
  vertical-align: middle;
}
.friend-benefit .friend-benefit-item:after {
  display: inline-block;
  height: 100%;
  width: 1px;
  vertical-align: middle;
  content: "";
}
.friend-benefit .friend-benefit-dot {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #222;
  margin: 0 1.2rem;
}
.friend-benefit .friend-benefit-plus {
  width: 1.6rem;
  height: 1.6rem;
  background: url("/UIDev/v3/images/icon/icon16-plus.svg") center/contain no-repeat;
  margin: 0 2.6rem;
}

/*
    상위 클래스기준으로 내용 작성하고, 영향도 파악을 위해 아래 정보 기입
    1. 유형
    2. 사용처
*/
.pdt-0 {
  padding-top: 0 !important;
}

.body-area.has-notice {
  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;
}

.notice-body {
  position: relative;
  width: 640px;
  padding: 60px 40px;
  border: solid 1px #e9e9e9;
  background-color: #fff;
}
.notice-body .title {
  margin-top: 60px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #000;
}
.notice-body .notice-text {
  margin-top: 31px;
  padding: 30px 20px;
  border-radius: 2px;
  background-color: #faf9f7;
}
.notice-body .notice-text p {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.notice-body .notice-text p strong {
  font-weight: normal;
  color: #ff5d16;
}
.notice-body .form-field {
  margin-top: 60px;
}
.notice-body .form-field .form-group ~ .form-group {
  margin-top: 30px;
}
.notice-body .form-field .form-group .label {
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.42px;
  color: #000;
}
.notice-body .form-field .form-group .wave {
  margin: 0 8px;
}
.notice-body .form-field .form-group .input-date {
  padding-left: 20px;
  padding-right: 20px;
}
.notice-body .form-field .form-group .input-date::after {
  right: 20px;
}
.notice-body .form-field .form-group .input-date > input::-webkit-input-placeholder {
  font-size: 13px;
}
.notice-body .form-field .form-group .input-date > input::-moz-placeholder {
  font-size: 13px;
}
.notice-body .form-field .form-group .input-date > input:-ms-input-placeholder {
  font-size: 13px;
}
.notice-body .form-field .form-group .input-date > input::-ms-input-placeholder {
  font-size: 13px;
}
.notice-body .form-field .form-group .input-date > input::placeholder {
  font-size: 13px;
}
.notice-body .danger-text {
  position: relative;
  margin-top: 20px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: normal;
  color: #ff5d16;
}
.notice-body .danger-text::before {
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ff5d16;
}
.notice-body .btn-area {
  margin-top: 50px;
  text-align: center;
}

.popup-main {
  width: 500px;
  height: 515px;
  background-color: transparent;
}
.popup-main .popup-main__btn-x {
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-bottom: 10px;
  display: block;
  width: 40px;
  height: 40px;
}
.popup-main .popup-main__btn-x:after, .popup-main .popup-main__btn-x:before {
  position: absolute;
  top: 17px;
  left: 1px;
  display: block;
  width: 40px;
  height: 4px;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  background: #fff;
  content: "";
}
.popup-main .popup-main__btn-x:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.popup-main .popup-main__box {
  position: relative;
  padding-bottom: 66px;
  overflow: hidden;
}
.popup-main .popup-main__container {
  position: relative;
}
.popup-main .popup-main__list {
  white-space: nowrap;
  font-size: 0;
}
.popup-main .popup-main__slide {
  position: relative;
  width: 500px;
  height: 515px;
  display: inline-block;
  overflow: hidden;
}
.popup-main .popup-main__link {
  display: block;
}
.popup-main .popup-main__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popup-main .popup-main__not-today {
  position: absolute;
  bottom: -66px;
  left: 0;
  padding: 20px 0;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
}
.popup-main .popup-main-check {
  position: relative;
  display: block;
  cursor: pointer;
}
.popup-main .popup-main-check__item {
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.popup-main .popup-main-check__item:not(old) {
  opacity: 0;
}
.popup-main .popup-main-check__text {
  display: block;
  padding-left: 35px;
}
.popup-main .popup-main-check__text:not(old):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  background: transparent;
}
.popup-main .popup-main-check__item:not(old):checked + .popup-main-check__text:before {
  border-color: #fff;
}
.popup-main .popup-main-check__item:not(old):checked + .popup-main-check__text:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 7px;
  display: block;
  width: 12px;
  height: 7px;
  border-width: 0 0 3px 3px;
  border-color: #fff;
  border-style: solid;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.popup-main .popup-main-buttons {
  position: absolute;
  right: 0;
  bottom: -46px;
}
.popup-main .popup-main-buttons__prev,
.popup-main .popup-main-buttons__next {
  float: left;
  position: relative;
  display: block;
  width: 24px;
  height: 0;
  margin: 0;
  padding: 24px 0 0 0;
  border: 1px solid #d4d4d4;
  background: #fff;
  overflow: hidden;
}
.popup-main .popup-main-buttons__prev:before, .popup-main .popup-main-buttons__prev:after,
.popup-main .popup-main-buttons__next:before,
.popup-main .popup-main-buttons__next:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
}
.popup-main .popup-main-buttons__icon-arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 8px;
  height: 16px;
  margin-top: -8px;
  margin-left: -4px;
  border-radius: 4px;
  overflow: hidden;
}
.popup-main .popup-main-buttons__icon-arrow:before, .popup-main .popup-main-buttons__icon-arrow:after {
  content: "";
  position: absolute;
  top: 0;
}
.popup-main .popup-main-buttons__prev {
  margin-right: -1px;
}
.popup-main .popup-main-buttons__prev .popup-main-buttons__icon-arrow:before {
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border: inset 8px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #a4a4a4 transparent transparent;
}
.popup-main .popup-main-buttons__prev .popup-main-buttons__icon-arrow:after {
  left: 2px;
  display: block;
  width: 0;
  height: 0;
  border: inset 8px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #fff transparent transparent;
}
.popup-main .popup-main-buttons__next .popup-main-buttons__icon-arrow:before {
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border: inset 8px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #a4a4a4;
}
.popup-main .popup-main-buttons__next .popup-main-buttons__icon-arrow:after {
  left: -2px;
  display: block;
  width: 0;
  height: 0;
  border: inset 8px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #fff;
}

.car-search-result-area .ty-tabline2,
.car-search-result-mode-area .ty-tabline2 {
  right: 0;
  top: -57px;
}
.car-search-result-area .drop-down-box,
.car-search-result-mode-area .drop-down-box {
  top: 10px;
}

.car-search-result-table {
  color: #222;
}
.car-search-result-table table tr th {
  color: #222;
  font-size: 12px;
  font-weight: 300;
}
.car-search-result-table table tr td.has-colspan {
  text-align: left;
  padding-left: 0;
}
.car-search-result-table table tr td.vct {
  vertical-align: top;
}
.car-search-result-table table tr td .premium-ad {
  display: block;
  margin-top: 4px;
  color: #ff5d16;
  text-decoration: underline;
  font-weight: 700;
}
.car-search-result-table table tr td .premium-ad::after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: top;
  background-size: 100%;
  background-image: url("/UIDev/v3/images/icon/icon_arrow_orange.svg");
}
.car-search-result-table table tr td .premium-ad.ad-active {
  color: #222;
}
.car-search-result-table table tr td .premium-ad.ad-active::after {
  background-image: url("/UIDev/v3/images/icon/icon_arrow_black.svg");
}
.car-search-result-table table tr td .premium-ad-ing {
  font-size: 12px;
}
.car-search-result-table table tr td .price {
  line-height: 28px;
  font-weight: 700;
  color: #222;
}
.car-search-result-table table tr td .price.mgr-8 {
  margin-right: 8px;
}
.car-search-result-table table tr td .price strong {
  line-height: 28px;
  vertical-align: top;
}
.car-search-result-table table tr td .ad-ing {
  margin-bottom: 4px;
  line-height: 16px;
}
.car-search-result-table table tr td .expiry-date {
  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;
  color: #222222;
}
.car-search-result-table table tr td .expiry-date dt {
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
}
.car-search-result-table table tr td .expiry-date dd {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}
.car-search-result-table table tr td .txt-normal {
  font-size: 14px;
  line-height: 20px;
  color: #222;
}
.car-search-result-table table tr td .txt-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.car-search-result-table table tr td .txt-link.txt-orange .premium-ad-ing::before {
  background: #ff5d16;
}
.car-search-result-table table tr td .txt-link span {
  text-decoration: none;
}
.car-search-result-table table tr td .txt-link .premium-ad-ing {
  position: relative;
  margin-right: 6px;
  font-size: 14px;
  font-weight: 700;
}
.car-search-result-table table tr td .txt-link .premium-ad-ing::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #222;
}
.car-search-result-table table tr td .txt-link .premium-ad-ing em {
  font-size: 12px;
  font-style: normal;
}
.car-search-result-table table tr td .option-info {
  color: #222222;
}
.car-search-result-table table tr td .option-info dt {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #222;
}
.car-search-result-table table tr td .option-info dd {
  font-weight: 500;
}
.car-search-result-table table tr td .option-info dd .switch-item.switch-ty-2 {
  margin-top: 0;
  font-size: 0;
}
.car-search-result-table table tr td .option-info .view-num span {
  font-weight: 700;
}
.car-search-result-table table tr td .option-info.ty-dt-smaill dt {
  width: 35%;
  padding-right: 0;
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
  color: #222222;
}
.car-search-result-table table tr td .option-info.ty-dt-smaill dd {
  width: 65%;
  line-height: 16px;
}
.car-search-result-table table tr td .option-info.ty-flex-start dt {
  font-size: 11px;
  font-weight: 500;
}
.car-search-result-table table tr td .option-info.ty-flex-start dd {
  font-weight: 12px;
}
.car-search-result-table table tr td .txt-list li {
  color: #888;
}
.car-search-result-table table tr td .txt-list li .icon {
  color: #888;
}
.car-search-result-table table tr td .form-chk input[type=checkbox] + label {
  margin-left: -5px;
}
.car-search-result-table table tr td .button-area em {
  font-style: normal;
}
.car-search-result-table table tr td .button-area.type-btn-grid-new .btn-new {
  width: calc(50% - 3px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 4px 0 0 0;
}
.car-search-result-table table tr td .button-area.type-btn-grid-new .btn-new + .btn-new {
  margin-left: 5px;
}
.car-search-result-table table tr td .button-area.type-btn-grid-new .btn-new:nth-of-type(3) {
  margin-left: 0;
}
.car-search-result-table table tr td .button-area.type-btn-grid-new .btn-new:nth-of-type(5) {
  width: 100%;
  margin-left: 0;
}
.car-search-result-table table tr td .update-time {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  color: #666;
}
.car-search-result-table .car-info.has-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.car-search-result-table .car-info.simple .form-chk-radio + .thumb-img {
  margin-left: 16px;
}
.car-search-result-table .car-info.simple .thumb-img {
  min-width: 118px;
  border-radius: 4px;
  margin-right: 16px;
}
.car-search-result-table .car-info.simple .thumb-img > img {
  height: 69px;
}
.car-search-result-table .car-info.simple .thumb-img .car-info-num {
  padding: 5px 0;
}
.car-search-result-table .car-info.simple + .simple {
  margin-top: 8px;
}
.car-search-result-table .car-info.simple.has-center {
  position: relative;
}
.car-search-result-table .car-info.simple.has-center .form-chk-radio {
  z-index: 2;
}
.car-search-result-table .car-info.simple.has-center .car-detail-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.car-search-result-table .car-info .thumb-img span {
  padding: 4px 0;
}
.car-search-result-table .car-info .thumb-img.img-edit {
  position: relative;
  min-width: 118px;
}
.car-search-result-table .car-info .thumb-img.img-edit .btn-edit {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
  border: 1px solid #ddd;
  border-radius: 50%;
  background: url("/UIDev/v3/images/icon/icon-edit.svg") no-repeat center #fff;
  background-size: 16px auto;
}
.car-search-result-table .car-info .thumb-img.img-edit .car-contract-ing {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 73px;
}
.car-search-result-table .car-info .thumb-img.img-edit .car-contract-ing::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
}
.car-search-result-table .car-info .thumb-img.img-edit .car-contract-ing .text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-weight: 700;
}
.car-search-result-table .car-info .car-info-detail {
  font-size: 0;
}
.car-search-result-table .car-info .car-info-detail .text-line2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.car-search-result-table .car-info .car-info-detail .tag span {
  line-height: 11px;
}
.car-search-result-table .car-info .car-info-detail .tag span.premium {
  color: #fff;
  background: #ff5d16;
}
.car-search-result-table .car-info .car-info-detail .tag span ~ span {
  margin-left: 4px;
}
.car-search-result-table .car-info .car-info-detail .tag.tag--ty2 {
  margin-bottom: 4px;
}
.car-search-result-table .car-info .car-info-detail .tag.tag--ty2 span {
  line-height: 12px;
  color: #222;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 3px 6px;
  background-color: #fff;
  font-size: 12px;
}
.car-search-result-table .car-info .car-info-detail .tag.tag--ty2 span.premium {
  background-color: #ffd338;
  border: 1px solid #ffd338;
  font-weight: 700;
}
.car-search-result-table .car-info .car-info-detail .tag.tag--ty2 span.premium-play {
  color: #fff;
  font-weight: 700;
  background: linear-gradient(94deg, #ffd338 0%, #ff5d16 100%);
  border: 0;
  padding: 3px 6px;
}
.car-search-result-table .car-info .car-info-detail .tag.tag--ty2 span.badge-play {
  padding: 0;
  border: 0;
}
.car-search-result-table .car-info .car-info-detail .tag.tag--ty2 span.tag-gray {
  background-color: #ddd;
  border: 1px solid #ddd;
  font-weight: 700;
}
.car-search-result-table .car-info .car-info-detail .tag.tag--ty2 span.txt {
  border: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  padding: 0;
  margin-left: 6px;
}
.car-search-result-table .car-info .car-info-detail .car-etc {
  font-size: 0;
}
.car-search-result-table .car-info .car-info-detail .car-etc span::before {
  position: relative;
  top: 1px;
  margin-right: 6px;
  margin-left: 2px;
  background-color: #ddd;
}
.car-search-result-table .car-info .car-info-detail .car-etc span ~ span {
  margin-left: 6px;
}
.car-search-result-table .car-info .car-info-detail .car-value {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.car-search-result-table .expired-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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  text-align: left;
  font-size: 0;
}
.car-search-result-table .expired-info dt,
.car-search-result-table .expired-info dd {
  padding: 2px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}
.car-search-result-table .expired-info dt {
  width: 35%;
  color: #222222;
  font-size: 12px;
  font-weight: 300;
}
.car-search-result-table .expired-info dd {
  width: 25%;
  min-height: 24px;
  font-size: 12px;
  font-weight: 300;
  color: #222222;
}
.car-search-result-table .expired-info dd.expiration-reminder {
  color: #ff5d16;
  font-weight: 700;
}
.car-search-result-table .ads-inactive {
  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;
  background: #f8f8f8;
  height: 100px;
}
.car-search-result-table .ads-inactive span {
  font-size: 12px;
}
.car-search-result-table .diagnosis-reservation {
  color: #222;
}
.car-search-result-table .diagnosis-reservation .txt-link .premium-ad-ing {
  color: #222;
}
.car-search-result-table .diagnosis-reservation .txt-link .premium-ad-ing em {
  color: #222;
}
.car-search-result-table .diagnosis-reservation .txt-link.txt-orange .premium-ad-ing {
  color: #ff5d16;
}
.car-search-result-table .diagnosis-reservation .txt-link.txt-orange .premium-ad-ing em {
  color: #ff5d16;
}
.car-search-result-table .diagnosis-reservation .ad-ing-data {
  margin-top: 2px;
  color: #222;
}
.car-search-result-table .diagnosis-reservation .ad-ing-data.underline {
  text-decoration: underline;
}
.car-search-result-table.has-gap40 {
  margin-bottom: 40px;
}
.car-search-result-table.no-border {
  margin-top: 0;
}
.car-search-result-table.no-border table {
  border-bottom: none;
}
.car-search-result-table.no-border table tr td {
  padding: 6px 0;
  border-top: none;
}
.car-search-result-table.no-border table tr:first-child td {
  padding-top: 0;
}

.car-search-result-mode-area .txt-list li {
  color: #222;
}
.car-search-result-mode-area .txt-list li .icon {
  color: #222;
}

.section-area-grid .title-area {
  position: relative;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
}
.section-area-grid .title-area .sub-txt {
  font-weight: 500;
  line-height: 20px;
}
.section-area-grid .title-area .sub-txt::before {
  content: "";
  width: 1px;
  height: 12px;
  margin: 0 10px;
  display: inline-block;
  background: #000;
  vertical-align: middle;
  margin-top: -2px;
}
.section-area-grid .title-area .sub-txt .point {
  color: #ff5d16;
}
.section-area-grid .title-area .sub-txt .txt {
  vertical-align: initial;
  font-weight: 300;
  line-height: 20px;
}
.section-area-grid .title-area .sub-txt .txt::after {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  background-size: 100%;
  vertical-align: top;
  margin-top: 2px;
  background-image: url("/UIDev/v3/images/icon/icon_arrow_black.svg");
}
.section-area-grid .title-area .sub-txt .txt.date::before {
  display: inline;
  content: "•";
}
.section-area-grid .title-area .btn-type03 {
  position: absolute;
  right: 0;
}
.section-area-grid .title-area.title-area-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section-area-grid .title-area.title-area-between .title-link {
  margin-right: 2px;
}
.section-area-grid .title-area.title-area--block {
  display: block;
}
.section-area-grid .title-area .title-link {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  border-bottom: 1px solid #222;
}
.section-area-grid .section-area-cont .car-search-area .car-search-area-option-box .con .input-date input {
  font-size: 14px;
}
.section-area-grid .section-area-cont .car-search-area .car-search-area-option-box.narrow-box {
  padding-left: 0;
}
.section-area-grid .section-area-cont .car-search-area .car-search-area-option-box.narrow-box .tit {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 2.5rem;
}
.section-area-grid .section-area-cont .car-search-area .car-search-area-option-box.narrow-box .input-date {
  width: 12.3rem;
}
.section-area-grid .section-area-cont .car-search-area .car-search-area-option-box.narrow-box.chk {
  font-weight: 500;
}
.section-area-grid .section-area-cont .car-search-area .car-search-area-option-box.narrow-box.chk .form-chk-radio + .form-chk-radio {
  margin-left: 1.2rem;
}
.section-area-grid .section-area-cont .car-search-area .car-search-area-option-box.narrow-box.chk .form-chk-radio > input[type=checkbox] + label:before {
  margin-right: 0.4rem;
}
.section-area-grid .section-area-cont .car-search-area .car-search-area-option-box.narrow-box.chk .form-chk + .form-chk {
  margin-left: 1.2rem;
}

.payment-management {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.payment-management + .car-search-area {
  margin-top: 40px;
}
.payment-management.no-data {
  display: block;
}
.payment-management.no-data .payment-result {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
}
.payment-management.no-data .payment-result .txt {
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}
.payment-management .box {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 4px);
          flex: 0 0 calc(50% - 4px);
  border-radius: 6px;
  padding: 32px 40px;
  border: 1px solid #ddd;
}
.payment-management .box > .payment-result:first-child {
  margin-top: 0;
}
.payment-management .box.box-gap, .payment-management .box.box-w-full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.payment-management .box.box-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.payment-management .box.box-w-full {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.payment-management .subject {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}
.payment-management .s-txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.payment-management .txt {
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}
.payment-management .txt .new-txt-simple-link {
  margin: 0 0 0 12px;
  vertical-align: top;
}
.payment-management .payment-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 3px;
  font-size: 0;
}
.payment-management .payment-result .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.payment-management .payment-result .txt.txt-bold {
  font-weight: 500;
}
.payment-management .payment-result .txt .system {
  min-width: 64px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.payment-management .payment-result .txt .fc-orange {
  margin-left: 4px;
}
.payment-management .payment-info {
  display: block;
}
.payment-management .payment-info .state-balloon {
  position: absolute;
  top: -4px;
  left: 24px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  padding: 6px 8px;
  border-radius: 100px;
  color: #fff;
  background-color: #ff5d16;
}
.payment-management .payment-info .state-balloon::after {
  position: absolute;
  bottom: -7px;
  left: 12px;
  width: 11px;
  height: 9px;
  content: "";
  background: url("/UIDev/v3/images/icon/icon_balloon_primary_arrow.svg") no-repeat 0 0;
}
.payment-management .payment-info .ticket,
.payment-management .payment-info .date,
.payment-management .payment-info .amount {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.payment-management .payment-info .bar {
  display: inline-block;
  vertical-align: top;
  color: #ddd;
  margin: 0 13px;
}

.refund-information {
  margin-top: 40px;
  color: #222;
}
.refund-information .stit {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
.refund-information .stit ~ .stit {
  margin-top: 32px;
}
.refund-information .dot-list .new-txt-link {
  padding: 0;
}
.refund-information .txt {
  font-size: 16px;
  line-height: 23px;
}
.refund-information .invalid-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  font-size: 14px;
}
.refund-information .invalid-txt + .invalid-txt,
.refund-information .invalid-txt .valid-txt + .invalid-txt {
  margin-top: 6px;
}
.refund-information .valid-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  font-size: 14px;
  color: #287eff;
}
.refund-information .valid-txt::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 20px;
  height: 20px;
  margin: 0 2px 0;
  background: url("/UIDev/v3/images/icon/icon_checked.svg") no-repeat 0 0;
}
.refund-information .btn-area {
  padding-top: 32px;
}
.refund-information .line-box-3 {
  padding-right: 28px;
}

.payment-calc-wrap .payment-calc-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  min-height: 87px;
  padding: 32px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
}
.payment-calc-wrap .payment-calc-item.is-final {
  z-index: 1;
  position: relative;
  margin-top: -3px;
  border: 2px solid #222;
}
.payment-calc-wrap .payment-calc-item.is-final .calc-txt {
  font-size: 18px;
  line-height: 25px;
}
.payment-calc-wrap .payment-calc-item.is-final .calc-txt .fc-orange {
  font-weight: 500;
}
.payment-calc-wrap .payment-calc-item.is-final .calc-txt .price {
  font-style: normal;
}
.payment-calc-wrap .payment-calc-item.is-final .add-pass-txt {
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
}
.payment-calc-wrap .payment-calc-item.is-final .add-pass-txt .date {
  display: block;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
}
.payment-calc-wrap .payment-calc-item.is-final .right .txt {
  margin-right: 16px;
  font-size: 18px;
}
.payment-calc-wrap .payment-calc-item.is-final .right .amount {
  font-size: 24px;
  font-weight: 700;
}
.payment-calc-wrap .payment-calc-item.type-agree {
  height: auto;
  padding: 25px 32px;
}
.payment-calc-wrap .payment-calc-item.type-agree .c-agree-chk .form-chk-radio .label {
  display: inline-block;
}
.payment-calc-wrap .payment-calc-item .calc-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  font-size: 16px;
  font-style: normal;
  line-height: 23px;
}
.payment-calc-wrap .payment-calc-item .br {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.payment-calc-wrap .payment-calc-item .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
.payment-calc-wrap .payment-calc-item .right .amount {
  font-size: 16px;
  font-weight: 700;
}
.payment-calc-wrap .payment-calc-item.refund-form {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.payment-calc-wrap .payment-calc-item.refund-form .form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.payment-calc-wrap .payment-calc-item.refund-form .form-field label {
  margin-right: 12px;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
}
.payment-calc-wrap .payment-calc-item.refund-form .form-field .select2 {
  min-width: 197px;
}
.payment-calc-wrap .payment-calc-item.refund-form .form-field input[type=text] {
  width: 197px;
  color: #222;
}
.payment-calc-wrap .payment-calc-item.refund-form .form-field input[type=text]:disabled {
  color: #aaa;
}
.payment-calc-wrap .payment-calc-item.refund-form button:disabled {
  background: #dddddd;
}

.c-progress-wrap {
  position: relative;
  width: 720px;
  margin: 34px auto 0 auto;
  color: #222;
}
.c-progress-wrap .pregess-txt {
  text-align: center;
}
.c-progress-wrap .pregess-txt .subject {
  font-size: 28px;
  font-weight: 700;
  line-height: 40px; /* 142.857% */
}
.c-progress-wrap .pregess-txt .txt {
  margin-top: 4px;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}
.c-progress-wrap .pregess-txt .txt-2 {
  margin-top: 4px;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}
.c-progress-wrap .confirm-details {
  margin-top: 40px;
  border-radius: 8px;
  padding: 32px 40px;
  background-color: #f8f8f8;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.c-progress-wrap .confirm-details li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
}
.c-progress-wrap .confirm-details li ~ li {
  margin-top: 12px;
}
.c-progress-wrap .confirm-details li .subject {
  font-style: normal;
}
.c-progress-wrap .confirm-details li .subject::after {
  display: inline-block;
  margin: 0 12px;
  content: "";
  width: 1px;
  height: 12px;
  background-color: #222;
}
.c-progress-wrap .confirm-details li .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  text-align: left;
}
.c-progress-wrap .confirm-details li .s-txt {
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}
.c-progress-wrap .btn-area {
  padding-top: 24px;
}

.c-agree-chk .form-chk ~ .form-chk, .c-agree-chk .form-chk ~ .form-chk-radio,
.c-agree-chk .form-chk-radio ~ .form-chk,
.c-agree-chk .form-chk-radio ~ .form-chk-radio {
  margin-top: 16px;
}
.c-agree-chk .form-chk .label,
.c-agree-chk .form-chk-radio .label {
  position: relative;
  display: block;
  padding-left: 26px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.c-agree-chk .form-chk .label::before,
.c-agree-chk .form-chk-radio .label::before {
  position: absolute;
  top: 2px;
  left: 0;
}
.c-agree-chk .form-chk .label .stxt,
.c-agree-chk .form-chk-radio .label .stxt {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 300;
  color: #444;
}
.c-agree-chk .form-chk-sm .label {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.c-agree-chk .form-chk-sm .form-terms-more {
  margin-top: 0;
  opacity: 0.7;
}

.paymnet-product-wrap .c-paymnet-process {
  margin-top: 32px;
}
.paymnet-product-wrap .dot-list {
  margin-top: 12px;
}
.paymnet-product-wrap .dot-list li ~ li {
  margin: 8px 0 0 0;
}
.paymnet-product-wrap .payment-calc-wrap {
  margin-top: 32px;
}
.paymnet-product-wrap .payment-calc-wrap .payment-calc-item {
  border-radius: 8px;
}
.paymnet-product-wrap .payment-calc-wrap .payment-calc-item.is-final {
  margin-top: 0;
  margin-bottom: -8px;
}
.paymnet-product-wrap + .btn-area {
  margin-top: 8px;
}

.c-paymnet-process {
  color: #222;
}
.c-paymnet-process .process-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 32px;
  border-radius: 8px;
  background-color: #f8f8f8;
}
.c-paymnet-process .process-item ~ .process-item {
  margin-top: 12px;
}
.c-paymnet-process .process-item .label {
  font-style: normal;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.c-paymnet-process .process-item .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  gap: 16px;
}
.c-paymnet-process .process-item .cont .system {
  font-size: 20px;
  line-height: 28px;
}
.c-paymnet-process .process-item .cont .date {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
.c-paymnet-process .process-item .cont .car-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
.c-paymnet-process .process-item .cont .car-count b {
  margin-right: 2px;
  font-size: 24px;
  line-height: 32px;
}
.c-paymnet-process .process-item .cont .form-radio .label {
  background-color: transparent;
}
.c-paymnet-process .process-item .cont.cont-line2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 70%;
          flex: 0 1 70%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.c-paymnet-process .process-item .cont.cont-line3 {
  margin-top: 16px;
  gap: 12px;
}
.c-paymnet-process .process-item .cont.cont-line3 .form-chk-radio .label {
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.c-paymnet-process .process-item .cont .form-chk-radio .label {
  font-weight: 700;
}
.c-paymnet-process .process-item .cont .form-chk-radio .label:before {
  top: 3px;
}
.c-paymnet-process .process-item .cont .form-chk-radio .label > i {
  margin-right: 6px;
}
.c-paymnet-process .process-item.usage-list {
  display: block;
}
.c-paymnet-process .process-item.usage-list .usage-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-top: 8px;
}
.c-paymnet-process .process-item.usage-list .usage-list-item dt {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.c-paymnet-process .process-item.usage-list .usage-list-item dd {
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}
.c-paymnet-process .process-item.usage-list .usage-list-item.small dt {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.c-paymnet-process .process-item.usage-list .usage-list-item.small dd {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  font-weight: 300;
}
.c-paymnet-process .process-item.add-pass {
  display: block;
}
.c-paymnet-process .process-item.add-pass .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-paymnet-process .process-item.add-pass .dot-list {
  margin-top: 0;
}
.c-paymnet-process .process-item.add-pass .dot-list li b {
  font-weight: 500;
}
.c-paymnet-process .process-item .dot-list li {
  font-size: 1.6rem;
}
.c-paymnet-process .process-item .dot-list li:before {
  top: 0;
}
.c-paymnet-process .process-item .dot-list li b {
  font-weight: 500;
}
.c-paymnet-process .process-item.align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.payment-select {
  border: none;
}
.payment-select .select2.select2-container--open .select2-selection .select2-selection__arrow b {
  margin: -2px 0 0 0;
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.payment-select .select2 .select2-selection .select2-selection__rendered {
  padding-right: 24px;
  font-size: 24px;
  font-weight: 700;
}
.payment-select .select2 .select2-selection .select2-selection__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.payment-select .select2 .select2-selection .select2-selection__arrow b {
  position: static;
  width: 16px;
  height: 16px;
  margin: -2px 0 0 0;
  border: none;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("/UIDev/v3/images/icon/icon_arrow_black.svg");
}
.payment-select .select2 .select2-selection--single {
  border: none;
  padding-right: 0;
  background-color: transparent;
}

.payment-input .count-input {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 104px;
  padding: 8px 28px 8px 12px;
  font-size: 18px;
  font-weight: 700;
  text-align: right;
  border: 1px solid #ddd;
}
.payment-input .count-input::-webkit-input-placeholder {
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
  color: #888;
}
.payment-input .count-input::-moz-placeholder {
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
  color: #888;
}
.payment-input .count-input:-ms-input-placeholder {
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
  color: #888;
}
.payment-input .count-input::-ms-input-placeholder {
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
  color: #888;
}
.payment-input .count-input::placeholder {
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
  color: #888;
}
.payment-input .count-input.is-invalid {
  border-color: #f23f3f;
}
.payment-input span {
  position: absolute;
  right: 20px;
  top: 19px;
  font-size: 14px;
  font-weight: 700;
}
.payment-input .invalid-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 11px 16px 0 16px;
  margin-top: -4px !important;
  background-color: #f8f8f8;
}

.reference-wrap {
  margin-top: 8px;
  padding: 16px 32px;
  border-radius: 4px;
  background-color: #f8f8f8;
}

.refund-apply-wrap .c-title-group {
  margin-bottom: 16px;
}
.refund-apply-wrap .c-ui-form-field {
  margin-top: 16px;
}
.refund-apply-wrap .c-ui-form-field .payment-select + .form-description {
  padding-top: 0;
}
.refund-apply-wrap .c-ui-form-field .form-chk-radio input[type=radio]:checked + label + .payment-select + .form-description {
  padding-top: 16px;
}
.refund-apply-wrap .c-ui-form-field .form-description .star-list li {
  font-weight: 500;
}
.refund-apply-wrap .txar-tp1 {
  margin-top: 24px;
}
.refund-apply-wrap .phone-certified {
  margin-top: 24px;
}
.refund-apply-wrap .phone-certified .form-field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-top: 16px;
}
.refund-apply-wrap .phone-certified .form-field .btn-new {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  padding: 0 5px;
}
.refund-apply-wrap .phone-certified .form-field .btn-new.btn-black-outline:disabled {
  color: #888;
  border-color: #eee;
  background-color: #eee;
}
.refund-apply-wrap .phone-certified .form-field .time {
  position: absolute;
  top: 50%;
  right: 114px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  color: #888;
}
.refund-apply-wrap .invalid-txt {
  margin-top: 10px;
}
.refund-apply-wrap .use-refund {
  padding: 16px;
  border: 1px solid #222;
  border-radius: 4px;
}
.refund-apply-wrap .use-refund .txt {
  font-size: 14px;
}
.refund-apply-wrap .use-refund .stxt {
  font-size: 12px;
  font-weight: 500;
}
.refund-apply-wrap .type-description .due-date {
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 12px;
  font-weight: 500;
}
.refund-apply-wrap .dot-list {
  margin-top: 8px;
}
.refund-apply-wrap .dot-list li {
  margin: 0;
  line-height: 20px;
  padding-left: 12px;
}
.refund-apply-wrap .dot-list li ~ li {
  margin: 8px 0 0 0;
}
.refund-apply-wrap .dot-list li.type-star::before {
  content: "*";
  font-weight: 300;
}
.refund-apply-wrap .dot-list li em {
  font-style: normal;
  font-weight: 500;
}
.refund-apply-wrap .state-box {
  margin-bottom: 16px;
  border-radius: 4px;
  padding: 12px 16px;
  color: #fff;
  background-color: #ff5d16;
}
.refund-apply-wrap .state-box .reservation {
  display: block;
}

.c-txt {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #222;
}

.c-title-group .subject {
  display: block;
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}
.c-title-group .txt {
  display: block;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 23px;
}

.account-auth-wrap .c-txt {
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  color: #222;
}
.account-auth-wrap .payment-detail ~ .payment-detail {
  margin-top: 8px;
}
.account-auth-wrap .payment-detail .deposit-info-wrap {
  position: relative;
}
.account-auth-wrap .payment-detail .deposit-info-wrap .deposit-info {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 20px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.0784313725);
          box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.0784313725);
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.account-auth-wrap .payment-detail .deposit-info-wrap .deposit-info .left .sender-name span {
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 4px;
}
.account-auth-wrap .payment-detail .deposit-info-wrap .deposit-info .left .sender-name .num {
  display: inline-block;
  width: 20px;
  height: 25px;
  border-radius: 2px;
  background: #ffd338;
  font-style: normal;
  text-align: center;
  line-height: 28px;
}
.account-auth-wrap .payment-detail .deposit-info-wrap .deposit-info .left .sender-name .num:first-child {
  margin-left: -3px;
}
.account-auth-wrap .payment-detail .deposit-info-wrap .deposit-info .deposit-amount {
  font-size: 14px;
  font-weight: 500;
}
.account-auth-wrap .payment-detail .deposit-info-wrap .deposit-info-bg {
  position: absolute;
  bottom: -13px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 226px;
  height: 65px;
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0588235294);
          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0588235294);
}
.account-auth-wrap .payment-detail .deposit-txt {
  margin-top: 28px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
.account-auth-wrap .payment-detail .form-field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  margin-top: 16px;
}
.account-auth-wrap .payment-detail .form-field input[type=number]:disabled {
  color: #888;
  border-color: #ddd;
  background-color: #ddd;
}
.account-auth-wrap .payment-detail .form-field .btn-new {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  font-size: 13px;
}
.account-auth-wrap .payment-detail .form-field .btn-new.btn-black-outline:disabled {
  color: #888;
  border-color: #ddd;
  background-color: #ddd;
}
.account-auth-wrap .payment-detail .form-field .time {
  position: absolute;
  top: 50%;
  right: 114px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  color: #888;
}
.account-auth-wrap .payment-detail .invalid-txt {
  margin-top: 8px;
}

.main-card-area.type-new-main-card {
  padding: 30px 0 40px 0;
  color: #222;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01 {
  height: inherit;
  padding: 24px;
  border-color: #fff;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01 .profile {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  margin-top: 55px;
  margin-bottom: 32px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01 .profile .mypage {
  margin-right: 0;
  margin-bottom: 12px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01 .profile .info .name {
  font-size: 20px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01 .profile .info .company {
  font-size: 14px;
  font-weight: 300;
  text-align: center;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01 .coin-area .main-coin .tit {
  font-size: 14px;
  font-weight: 300;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01 .coin-area .main-coin .price {
  font-size: 18px;
  font-weight: 700;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01 .coin-area .main-coin.score .value {
  font-size: 18px;
  font-weight: 700;
  color: #888888;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01 .coin-area .main-coin.score .value b {
  color: #222222;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01 .coin-area .main-coin.score .value b img {
  margin-bottom: 4px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01 .customer-center {
  margin-top: 24px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01 .customer-center li a {
  font-size: 12px;
  font-weight: 300;
  color: #222;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01 .customer-center li a .num {
  font-size: 24px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01 .customer-center li a .num::before {
  display: none;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01.card01--new {
  padding: 32px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01.card01--new .customer-center {
  margin-top: auto;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01.card01--new .customer-center .btn-new.btn-black {
  width: 100%;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01.card01--new .customer-center .d-flex-area {
  gap: 4px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01.card01--new .customer-center .d-flex-area > .btn-new {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main-card-area.type-new-main-card .wrapper .main-card.card01.card01--new .customer-center .d-flex-area > .btn-new ~ .btn-new {
  margin-left: 0;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 {
  position: relative;
  height: inherit;
  padding: 32px;
  background: #fff;
  border-color: #fff;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .title {
  margin-bottom: 61px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sell-car-num {
  margin-bottom: 33px;
  text-align: right;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sell-car-num .car-count {
  margin-top: 0;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sell-car-num .car-count span {
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 300;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sell-car-num .car-count .bottom a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sell-car-num .car-count .bottom strong {
  line-height: 48px;
  color: #ff5d16;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sell-car-num .car-count .bottom em {
  line-height: 1.8;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap {
  position: absolute;
  left: 24px;
  bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card {
  width: 133px;
  height: 220px;
  border-radius: 6px;
  background: #f8f8f8;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 16px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card a .top-txt .title {
  line-height: 25px;
  font-weight: 300;
  font-size: 18px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card a .top-txt .title span {
  display: block;
  line-height: 20px;
  font-weight: 500;
  font-size: 14px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card a .top-txt .title.ad-active {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card a .top-txt .expired {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card a .top-txt .expired span {
  margin-right: 5px;
  font-weight: 700;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card a .top-txt .expired .extended-url {
  font-weight: 300;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card a .top-txt .expired .extended-url::after {
  content: "";
  position: relative;
  top: -2px;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 5px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border-right: solid 1px #fff;
  border-top: solid 1px #fff;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card a .bottom-txt {
  text-align: right;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card a .bottom-txt .num-display .car-count span {
  font-weight: 300;
  font-size: 12px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card a .bottom-txt .num-display .car-count span ~ span {
  margin-top: 8px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card a .bottom-txt .num-display .car-count .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card a .bottom-txt .num-display .car-count .bottom strong {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #ff5d16;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card a .bottom-txt .num-display .car-count .bottom em {
  margin-left: 3px;
  font-weight: 700;
  font-size: 18px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card a .bottom-txt .url-more {
  font-size: 12px;
  font-weight: 300;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card a .bottom-txt .url-more::after {
  content: "";
  position: relative;
  top: -2px;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 3px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border-right: solid 1px #000;
  border-top: solid 1px #000;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card.premium {
  color: #fff;
  background: #ff5d16;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card.premium .bottom-txt .num-display .car-count {
  margin-top: -16px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card.premium .bottom-txt .num-display .car-count .bottom strong {
  color: #fff;
}
.main-card-area.type-new-main-card .wrapper .main-card.card02 .sub-card-wrap .sub-card.premium .bottom-txt .url-more::after {
  border-right: solid 1px #fff;
  border-top: solid 1px #fff;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 {
  height: inherit;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 a {
  display: block;
  height: auto;
  padding: 32px;
  border: none;
  background: #fff;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 a .list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 a .list-wrap .list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 a .list-wrap .list .tit-txt {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 300;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 a .list-wrap .list .num-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.8;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 a .list-wrap .list .num-txt b {
  padding-top: 2px;
  padding-right: 4px;
  color: #222;
  font-size: 42px;
  line-height: 48px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 a .list-wrap .list::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -35px;
  display: inline-block;
  width: 1px;
  height: 24px;
  margin-top: -8px;
  background: #dddddd;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 a .list-wrap .list:last-child::before {
  display: none;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-auction-area {
  height: auto;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-auction-area .list-wrap.proceeding {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-auction-area .list-wrap.proceeding .list {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-auction-area .title {
  margin-bottom: 61px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-auction-area.card-auction-area--ty2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-auction-area.card-auction-area--ty2 .list-wrap .list .tit-txt {
  width: 100%;
  text-align: right;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-property-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-property-area .sell-car-num {
  text-align: right;
  margin: 0;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-property-area .sell-car-num .car-count span {
  margin-top: 0;
  font-size: 14px;
  font-weight: 300;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-property-area .sell-car-num .car-count .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-property-area .sell-car-num .car-count .bottom strong {
  font-size: 24px;
  line-height: 1.4;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-property-area .sell-car-num .car-count .bottom em {
  font-size: 18px;
  line-height: 1.5;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-property-area.card-property-area--ty2 {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-property-area.card-property-area--ty2 .sell-car-num .car-count + .car-count {
  margin-top: 20px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-property-area.card-property-area--ty2 .sell-car-num .car-count .btn-link {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  position: relative;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-property-area.card-property-area--ty2 .sell-car-num .car-count .btn-link::after {
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 24px;
  border: 1px solid #222;
  margin-left: 8px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-property-area.card-property-area--ty2 .sell-car-num .car-count .btn-link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 9px;
  -webkit-transform: rotate(45deg) translate(-50%, -30%);
      -ms-transform: rotate(45deg) translate(-50%, -30%);
          transform: rotate(45deg) translate(-50%, -30%);
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: solid 1px #000;
  border-top: solid 1px #000;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-property-area.card-property-area--ty2 .sell-car-num .car-count--ty2 {
  display: block;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-property-area.card-property-area--ty2 .sell-car-num .car-count--ty2 span {
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 5px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-property-area.card-property-area--ty2 .sell-car-num .car-count--ty2 .bottom {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-property-area.card-property-area--ty2 .sell-car-num .car-count--ty3 {
  display: block;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-banner-swiper {
  margin-top: 16px;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-banner-swiper.is-single-slide .swiper-pagination,
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-banner-swiper.is-single-slide .swiper-button-prev,
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-banner-swiper.is-single-slide .swiper-button-next {
  display: none;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-banner-swiper .swiper-slide .anchor {
  padding: 0;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-banner-swiper .swiper-slide .anchor img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-banner-swiper .swiper-button-prev,
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-banner-swiper .swiper-button-next {
  top: 0;
  margin-top: 0;
  width: 28px;
  height: 100%;
  background: url("/UIDev/v3/images/icon/icon_banner_arrow.svg") no-repeat 50%;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-banner-swiper .swiper-button-prev {
  left: 0;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-banner-swiper .swiper-button-next {
  right: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-banner-swiper .swiper-pagination {
  position: absolute;
  left: auto;
  bottom: 16px;
  right: 16px;
  padding: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  font-size: 12px;
  height: 18px;
  width: auto;
  background-color: rgba(0, 0, 0, 0.4);
  color: #ddd;
  border-radius: 9999px;
  font-weight: bold;
}
.main-card-area.type-new-main-card .wrapper .main-card.card03 .card-banner-swiper .swiper-pagination strong {
  color: #fff;
}
.main-card-area.type-new-main-card .dealer-btn button {
  font-family: "Pretendard", "APPLE SD Gothic NEO", -apple-system, system-ui, "Helvetica Neue", "Dotum", "돋움", "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 500;
}
.main-card-area.type-new-main-card .dealer-btn button i {
  display: inline-block;
}
.main-card-area.type-new-main-card .dealer-btn .friends-dealer {
  background-color: #f8f8f8 !important;
  color: #222 !important;
}
.main-card-area.type-new-main-card .dealer-btn .super-dealer {
  background-color: #f8f8f8 !important;
  color: #222 !important;
}
.main-card-area.type-new-main-card .dealer-btn .btn-url-more {
  z-index: 2;
  display: inline-block;
  position: relative;
  bottom: 13px;
  padding: 5px 10px;
  border-radius: 100px;
  border: 1px solid #666;
  background-color: #fff;
}
.main-card-area.type-new-main-card .dealer-btn .url-more {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-weight: 300;
}
.main-card-area.type-new-main-card .dealer-btn .url-more::after {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 3px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border-right: solid 1px #000;
  border-top: solid 1px #000;
}
.main-card-area.type-new-main-card .dealer-btn .url-more .exclamation-mark {
  position: relative;
  right: 2px;
  width: 13px;
  height: 13px;
  background-image: url("/UIDev/v3/images/icon/icon-exclamation-mark.svg");
  background-size: 13px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.main-card-area.type-new-main-card .dealer-btn .url-more .url-more-tooltip {
  z-index: 2;
  position: absolute;
  top: 100%;
  left: -18px;
  margin-top: 10px;
  margin-left: -2px;
  padding: 16px;
  min-width: 274px;
  border: 1px solid #ddd;
  border-radius: 12px;
  background-color: #fff;
  text-align: left;
  font-size: 14px;
  font-weight: 300;
}
.main-card-area.type-new-main-card .dealer-btn .url-more .url-more-tooltip::after {
  content: "";
  position: absolute;
  top: -8px;
  display: block;
  width: 16px;
  height: 16px;
  border: inherit;
  border-radius: 0 0 0 0.25em;
  background-color: inherit;
  -webkit-clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.main-card-area.type-new-main-card .dealer-btn.ty-01 button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 16px;
}
.main-card-area.type-new-main-card .dealer-btn.ty-01 button .url-more::after {
  top: 0;
}

.main-service.type-new-main-service {
  padding-bottom: 52px;
}
.main-service.type-new-main-service .title {
  font-size: 16px;
}
.main-service.type-new-main-service ul {
  margin-top: 16px;
  gap: 0;
}
.main-service.type-new-main-service ul li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 8px;
}
.main-service.type-new-main-service ul li a {
  height: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 20px;
  border-radius: 100px;
  border: 1px solid #ddd;
}
.main-service.type-new-main-service ul li a .title {
  padding-top: 0;
  margin-right: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

.invalid-txt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 2px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-weight: 300;
  color: #f23f3f;
}
.invalid-txt::before {
  content: "";
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-top: -1px;
  margin-right: 2px;
  width: 20px;
  height: 20px;
  background: url("/UIDev/v3/images/icon/icon_exclamation_circle.svg") no-repeat 0 0;
}
.invalid-txt.txt-large {
  font-size: 14px;
  line-height: 20px;
  padding: 0;
}
.invalid-txt.txt-large::before {
  margin-top: 0;
}
.invalid-txt.invalid-large {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.invalid-txt.invalid-large::before {
  margin: 2px 6px 2px 2px;
  width: 20px;
  height: 20px;
  background-size: 25px auto;
  background-position: center;
}

.valid-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  color: #287eff;
  margin-top: 8px;
}
.valid-txt::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 20px;
  height: 20px;
  background: url("/UIDev/v3/images/icon/icon_checked.svg") no-repeat 0 0;
  margin-right: 2px;
}
.valid-txt.mark-large {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.valid-txt.mark-large::before {
  margin: 2px 6px 2px 2px;
  width: 20px;
  height: 20px;
  background-size: 25px auto;
  background-position: center;
}
.gray-box .document-area + .valid-txt.mark-large {
  margin-top: 0;
}

.notice-txt {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  position: relative;
  padding-left: 32px;
}
.notice-txt::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url("/UIDev/v3/images/icon/icon24-notice-circle.svg") no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}

.premium-ad-form .ticket {
  padding: 16px;
  border: 1px solid #aaa;
  border-radius: 4px;
  color: #222;
  line-height: 1;
}
.premium-ad-form .ticket .ticket-tit {
  font-size: 16px;
  font-weight: bold;
}
.premium-ad-form .ticket .ticket-txt {
  position: relative;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 300;
  line-height: inherit;
}
.premium-ad-form .ticket .ticket-txt.txt-bold {
  font-weight: 500;
}
.premium-ad-form .ticket .ticket-txt.txt-bold strong {
  color: #ff5d16;
}
.premium-ad-form .ticket .ticket-txt::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: #ddd;
}
.premium-ad-form .ticket .ticket-txt:first-child {
  padding-left: 0;
}
.premium-ad-form .ticket .ticket-txt:last-child {
  padding-right: 0;
}
.premium-ad-form .ticket .ticket-txt:last-child::after {
  display: none;
}
.premium-ad-form .ticket .ticket-txt-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2px;
}
.premium-ad-form .info-card {
  margin: 16px 0 24px;
}
.premium-ad-form h3 {
  font-size: 14px;
}
.premium-ad-form .section {
  margin: 12px 0 16px 0;
  padding: 16px;
  background-color: #f8f8f8;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #222;
}
.premium-ad-form .section.is-invalid {
  border-color: #f23f3f;
}
.premium-ad-form .section.space-ty {
  margin-top: 26px;
  padding-top: 8px;
}
.premium-ad-form .section .section-tit {
  font-size: 14px;
  font-weight: bold;
}
.premium-ad-form .section .section-desc {
  margin-top: 4px;
  font-size: 12px;
}
.premium-ad-form .section .section-content {
  margin-top: 14px;
}
.premium-ad-form .section .section-bullet-txt {
  position: relative;
  margin-top: 8px;
  padding-left: 10px;
  font-size: 12px;
  line-height: 16px;
}
.premium-ad-form .section .section-bullet-txt::before {
  content: "*";
  position: absolute;
  top: 0.3ex;
  left: 0.2ex;
}
.premium-ad-form .section .section-bullet-txt.txt-large {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.premium-ad-form .section .section-bullet-txt.txt-large + .section-bullet-txt.txt-large {
  margin-top: 4px;
}
.premium-ad-form .section + .invalid-txt {
  margin-top: -6px;
}
.premium-ad-form .check-square-list {
  margin: 0 -3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.premium-ad-form .check-square-list .check-square-item {
  padding: 3px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
}
.premium-ad-form .check-square-list.check-square-list--time {
  margin: 2px -6px 0;
}
.premium-ad-form .check-square-list.check-square-list--time .check-square-item {
  padding: 6px;
}
.premium-ad-form .check-square-list.check-square-list--time .check-square-item .check-square .check-square-control {
  cursor: pointer;
}
.premium-ad-form .check-square-list.check-square-list--time .check-square-item .check-square .check-square-control:checked + .check-square-label {
  font-weight: 700;
}
.premium-ad-form .check-square-list.check-square-list--time .check-square-item .check-square .check-square-control:disabled + .check-square-label {
  color: #aaa;
  background-color: #eee;
}
.premium-ad-form .check-square-list.check-square-list--time .check-square-item .check-square .check-square-label {
  font-size: 16px;
  line-height: 37px;
  font-weight: 300;
}
.premium-ad-form .check-square {
  position: relative;
}
.premium-ad-form .check-square .check-square-control {
  margin: 0;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.premium-ad-form .check-square .check-square-label {
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  height: 40px;
  line-height: 38px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 300;
  color: #222;
}
.premium-ad-form .check-square .check-square-control:checked + .check-square-label {
  border-color: #666;
  font-weight: bold;
}
.premium-ad-form .input-count {
  position: relative;
}
.premium-ad-form .input-count input {
  padding-right: 80px;
}
.premium-ad-form .input-count .input-count-txt {
  position: absolute;
  top: 50%;
  right: 16px;
  font-size: 12px;
  font-weight: 300;
  color: #222;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.premium-ad-form .pagination {
  margin: 26px 0;
  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;
}
.premium-ad-form .pagination .pagination-item {
  margin: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #222;
}
.premium-ad-form .pagination .pagination-item.is-active {
  background-color: #ddd;
}
.premium-ad-form .pagination .pagination-prev {
  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;
  margin: 0 10px;
  width: 26px;
  height: 26px;
  background: url("/UIDev/v3/images/icon/icon-arrow-left.svg") no-repeat 0 0;
  color: transparent;
}
.premium-ad-form .pagination .pagination-next {
  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;
  margin: 0 10px;
  width: 26px;
  height: 26px;
  background: url("/UIDev/v3/images/icon/icon-arrow-left.svg") no-repeat 0 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  color: transparent;
}

.time-picker-list {
  margin: 0 -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.time-picker-list .time-picker-item {
  position: relative;
  padding: 8px 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
}
.time-picker-list .time-picker-item dt {
  margin: 0 0 4px 2px;
  font-size: 12px;
  font-weight: bold;
  color: #222;
}

.info-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.info-card .info-card-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 118px;
  border-radius: 4px;
  overflow: hidden;
}
.info-card .info-card-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.info-card .info-card-thumb .info-card-thumb-txt {
  -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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 0 0 4px 4px;
  font-size: 12px;
  font-weight: bold;
  color: #222;
}
.info-card .info-card-content {
  padding: 0 12px;
}
.info-card .info-card-content > * + * {
  margin-top: 2px;
}
.info-card .info-card-content .info-card-tit {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #222;
}
.info-card .info-card-content .info-card-stit {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.info-card .info-card-content .info-card-items {
  margin-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 300;
  font-size: 12px;
  color: #666;
}
.info-card .info-card-content .info-card-items span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 8px;
}
.info-card .info-card-content .info-card-items span::after {
  content: "";
  margin-left: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1px;
  height: 10px;
  background-color: #ddd;
}
.info-card .info-card-content .info-card-items span:first-child {
  margin-left: 0;
}
.info-card .info-card-content .info-card-items span:last-child::after {
  display: none;
}
.info-card .info-card-content .info-card-items.info-card-items--ty2 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  color: #222;
  margin-top: 0;
}
.info-card .info-card-content .info-card-price {
  font-size: 14px;
  font-weight: bold;
  color: #222;
}
.info-card .info-card-content .info-card-price strong {
  font-size: 18px;
  color: #ff5d16;
}

.promo-car-list .promo-car-item {
  margin: 12px 0;
}
.promo-car-list .promo-car-item:first-child {
  margin-top: 0;
}
.promo-car-list .promo-car-item:last-child {
  margin-top: 0;
}
.promo-car-list .promo-car-item .info-card {
  margin: 0;
}
.promo-car-list.promo-car-list--ty2 .promo-car-item {
  margin: 8px 0;
}
.promo-car-list.promo-car-list--ty2 .promo-car-item .info-card {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.promo-car-list.promo-car-list--ty2 .promo-car-item .info-card .info-card-price {
  margin-top: 0;
}
.promo-car-list.promo-car-list--ty2 .promo-car .promo-car-inner {
  border: 2px solid transparent;
}
.promo-car-list.promo-car-list--ty2 .promo-car .promo-car-inner .radio .radio-txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.promo-car-list.promo-car-list--ty2 .promo-car .promo-car-control:checked + .promo-car-inner {
  border: 2px solid #222;
  background-color: #f8f8f8;
}
.promo-car-list.promo-car-list--ty2 .promo-car .promo-car-control:checked + .promo-car-inner .radio .radio-icon {
  background-color: #222;
  border-color: #222;
  color: #ffd338;
}

.promo-car-list--none {
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  padding: 80px 0;
}

.promo-car {
  position: relative;
}
.promo-car .promo-car-control {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
  cursor: pointer;
}
.promo-car .promo-car-inner {
  padding: 16px;
  background: #f8f8f8;
  border-radius: 4px;
  border: 1px solid transparent;
}
.promo-car .radio {
  margin-bottom: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promo-car .radio .radio-icon {
  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;
  margin-right: 4px;
  width: 18px;
  height: 18px;
  border-radius: 9999px;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #ddd;
}
.promo-car .radio .radio-txt {
  font-weight: 300;
  font-size: 12px;
  color: #222;
}
.promo-car .promo-car-control:checked + .promo-car-inner {
  background-color: #fff;
  border-color: #ff5d16;
}
.promo-car .promo-car-control:checked + .promo-car-inner .radio .radio-icon {
  border-color: #ff5d16;
  background-color: #ff5d16;
  color: #fff;
}

.register-car {
  margin: 24px 0 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.register-car .register-car-tit {
  font-weight: 500;
  font-size: 18px;
}
.register-car .register-car-tit.font-w-l {
  font-weight: 300;
}
.register-car .register-car-txt {
  font-weight: 300;
  font-size: 12px;
}
.register-car .register-car-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -10px;
  margin-bottom: -13px;
}
.register-car .select {
  position: relative;
}
.register-car .select .select2-selection .select2-selection__rendered {
  padding: 0 10px 0 10px;
  color: #222;
}
.register-car .select .select2-selection .select2-selection__arrow {
  right: 0;
}
.register-car .select .select2-selection .select2-selection__arrow b {
  width: 6px;
  height: 6px;
  margin-left: 4px;
  border-right: solid 1px #222;
  border-top: solid 1px #222;
}
.register-car .drop-down-box .selection .select2-selection .select2-selection__arrow b {
  width: 8px;
  height: 8px;
  margin-left: -2px;
  border-right: solid 1.5px #222;
  border-top: solid 1.5px #222;
  margin-top: -10px;
}
.register-car .drop-down-box .selection .select2-selection .select2-selection__rendered {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 0 18px 0 0;
}
.register-car .select2.select2-container--open .selection .select2-selection--single .select2-selection__arrow b {
  margin-top: -6px;
}

.payment-form {
  margin-top: 16px;
  padding: 20px;
  border-radius: 4px;
  background-color: #f8f8f8;
}
.payment-form .form-field {
  margin: 16px 0;
}
.payment-form .form-field:first-child {
  margin-top: 0;
}
.payment-form .form-field:last-child {
  margin-bottom: 0;
}
.payment-form .form-field .invalid-txt {
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.payment-form .form-label {
  display: block;
  font-size: 12px;
  margin-bottom: 4px;
}
.payment-form .input-password {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 6px;
}
.payment-form .input-password input {
  margin-right: 12px;
  padding: 0;
  text-align: center;
}
.payment-form .input-password span {
  line-height: 1;
}
.payment-form .input-group {
  width: 96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
}
.payment-form .input-group span {
  line-height: 1;
  color: #888;
}
.payment-form .input-group input {
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  text-align: center;
}
.payment-form .input-group.is-invalid {
  border-color: #f23f3f;
}

.payment-detail {
  padding: 20px;
  border-radius: 4px;
  background-color: #f8f8f8;
  color: #222;
}
.payment-detail.type-between dl {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.payment-detail .stit {
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.payment-detail dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}
.payment-detail dl ~ dl {
  margin-top: 12px;
}
.payment-detail dl dt {
  min-width: 84px;
  font-weight: 300;
}
.payment-detail dl dt::before {
  content: "∙ ";
}
.payment-detail dl dt.vct {
  margin-bottom: auto;
}
.payment-detail dl dd {
  font-weight: 500;
}
.payment-detail dl:first-child {
  margin-top: 0;
}
.payment-detail dl:last-child {
  margin-bottom: 0;
}

.refund-detail-wrap .tit {
  margin-bottom: 8px;
  font-size: 14px;
}
.refund-detail-wrap .tit ~ .tit {
  margin-top: 1.6rem;
}
.refund-detail-wrap .payment-detail dl dt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  min-width: 100px;
}
.refund-detail-wrap .payment-detail dl dd {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.refund-detail-wrap .payment-detail + .payment-detail {
  margin-top: 0.6rem;
}
.refund-detail-wrap .payment-detail.pd-space dl ~ dl {
  margin-top: 0.4rem;
}
.refund-detail-wrap .star-list {
  margin-top: 1.6rem;
  margin-left: 4px;
}
.refund-detail-wrap .star-list li {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #222;
}
.refund-detail-wrap .star-list li:not(:last-child) {
  margin-bottom: 4px;
}
.refund-detail-wrap .star-list li:before {
  content: "*";
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  color: #222;
}
.refund-detail-wrap .star-list li .text-underline {
  text-decoration: underline;
}

.pg-payment-area {
  max-width: 768px;
  padding: 104px 32px 170px 32px;
  margin: 0 auto;
  margin-top: 30px;
  text-align: center;
}
.pg-payment-area .progress-wrap {
  color: #222;
}
.pg-payment-area .progress-wrap .progress-txt .subject {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.pg-payment-area .progress-wrap .progress-txt .txt {
  margin-top: 4px;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}
.pg-payment-area .bullet-star-2 {
  text-align: left;
  margin-left: 16px;
  margin-top: 8px;
}
.pg-payment-area .btn-area {
  padding-top: 24px;
}

.diagnosis-summary-box .sub-visual-link {
  padding-top: 24px;
}
.diagnosis-summary-box .sub-visual-link > div,
.diagnosis-summary-box .sub-visual-link a {
  padding: 24px;
  border-radius: 4px;
}
.diagnosis-summary-box .sub-visual-link > div .tit,
.diagnosis-summary-box .sub-visual-link a .tit {
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0;
}
.diagnosis-summary-box .sub-visual-link > div .txt-ty01,
.diagnosis-summary-box .sub-visual-link a .txt-ty01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4px;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  color: #222;
}
.diagnosis-summary-box .sub-visual-link > div .txt-ty01 em,
.diagnosis-summary-box .sub-visual-link a .txt-ty01 em {
  font-size: 36px;
  line-height: 44px;
}
.diagnosis-summary-box .sub-visual-link > div.friends-link *,
.diagnosis-summary-box .sub-visual-link a.friends-link * {
  color: #fff;
}
.diagnosis-summary-box .sub-visual-link > div.friends-link .tit,
.diagnosis-summary-box .sub-visual-link a.friends-link .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.diagnosis-summary-box .sub-visual-link > div.friends-link .tit i,
.diagnosis-summary-box .sub-visual-link a.friends-link .tit i {
  margin-left: 2px;
}

.plus-ad-cont {
  color: #222;
}
.plus-ad-cont .sub-visual {
  margin-bottom: 160px;
}
.plus-ad-cont .dot-txt {
  color: #222;
}
.plus-ad-cont .dot-txt li {
  margin-left: 8px;
  padding-left: 8px;
}

.type-ad-promotion .lnb {
  z-index: 10;
  position: absolute;
  top: 64px;
  left: 50%;
  margin-left: -630px;
}
.type-ad-promotion .section-area {
  display: block;
  width: 100%;
  padding: 0;
}
.type-ad-promotion .section {
  position: relative;
  overflow: hidden;
}
.type-ad-promotion .section.type-black {
  background-color: #222;
}
.type-ad-promotion .section.type-black .hgroup .title,
.type-ad-promotion .section.type-black .hgroup .text {
  color: #fff;
}
.type-ad-promotion .section.type-gray {
  background: #f8f8f8;
}
.type-ad-promotion .section.section01 {
  height: 805px;
  background: linear-gradient(355deg, #fff 14.69%, #ebfffd 69.57%);
}
.type-ad-promotion .section.section01::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url("/UIDev/v3/images/sub/bg_ad_promotion.png") no-repeat 100% -215px;
}
.type-ad-promotion .section.section01.is-enter .motion-objs .obj-car {
  -webkit-transform: scale(1) translate(0, 0);
      -ms-transform: scale(1) translate(0, 0);
          transform: scale(1) translate(0, 0);
}
.type-ad-promotion .section.section01.is-enter .motion-objs .obj-car::before {
  opacity: 1;
}
.type-ad-promotion .section.section01.is-enter .motion-objs .obj-bell {
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
  -webkit-filter: brightness(1);
          filter: brightness(1);
  opacity: 1;
}
.type-ad-promotion .section.section01.is-enter .motion-objs .obj-message {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.type-ad-promotion .section.section01.is-enter .motion-objs .obj-balloon1,
.type-ad-promotion .section.section01.is-enter .motion-objs .obj-balloon2 {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.type-ad-promotion .section.section01.is-enter .obj-cloud1,
.type-ad-promotion .section.section01.is-enter .obj-cloud2 {
  opacity: 1;
  -webkit-transform: scale(1) translate(0, 0);
      -ms-transform: scale(1) translate(0, 0);
          transform: scale(1) translate(0, 0);
}
.type-ad-promotion .section.section01 .headline {
  position: relative;
  z-index: 2;
  padding: 100px 0 0 128px;
}
.type-ad-promotion .section.section01 .headline[data-scrolltrigger].initiate .title,
.type-ad-promotion .section.section01 .headline[data-scrolltrigger].initiate .text,
.type-ad-promotion .section.section01 .headline[data-scrolltrigger].initiate .btn-new {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.type-ad-promotion .section.section01 .headline[data-scrolltrigger] .title {
  opacity: 0;
  -webkit-transform: translate(0, 20px);
      -ms-transform: translate(0, 20px);
          transform: translate(0, 20px);
  -webkit-transition: 0.5s opacity ease-out, 0.5s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s transform ease-out, 0.5s -webkit-transform ease-out;
}
.type-ad-promotion .section.section01 .headline[data-scrolltrigger] .text {
  opacity: 0;
  -webkit-transform: translate(0, 10px);
      -ms-transform: translate(0, 10px);
          transform: translate(0, 10px);
  -webkit-transition: 0.5s opacity ease-out, 0.5s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s transform ease-out, 0.5s -webkit-transform ease-out;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.type-ad-promotion .section.section01 .headline[data-scrolltrigger] .btn-new {
  opacity: 0;
  -webkit-transform: translate(0, 10px);
      -ms-transform: translate(0, 10px);
          transform: translate(0, 10px);
  -webkit-transition: 0.5s opacity ease-out, 0.5s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s transform ease-out, 0.5s -webkit-transform ease-out;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.type-ad-promotion .section.section01 .headline .title {
  font-size: 56px;
  font-weight: 700;
  line-height: 74px;
  letter-spacing: -2px;
}
.type-ad-promotion .section.section01 .headline .text {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}
.type-ad-promotion .section.section01 .headline .text small {
  display: block;
  font-size: 16px;
  font-weight: 300;
  margin-top: 4px;
}
.type-ad-promotion .section.section01 .btn-wrap {
  margin-top: 32px;
}
.type-ad-promotion .section.section01 .btn-wrap .btn-new {
  width: auto;
  padding: 0 24px;
}
.type-ad-promotion .section.section01 .motion-objs {
  z-index: 1;
  position: absolute;
  top: 116px;
  right: 170px;
  width: 364px;
  height: 498px;
}
.type-ad-promotion .section.section01 .motion-objs .obj-phone-frame {
  width: 364px;
  height: 498px;
  background: url("/UIDev/v3/images/sub/img_ad_phone.png") no-repeat 0 0;
}
.type-ad-promotion .section.section01 .motion-objs .obj-phone-frame-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 364px;
  height: 498px;
  background: url("/UIDev/v3/images/sub/img_ad_phone_mask.png") no-repeat 0 0;
}
.type-ad-promotion .section.section01 .motion-objs .obj-car {
  position: absolute;
  top: 323px;
  left: -255px;
  width: 619px;
  height: 343px;
  -webkit-transform: scale(0.5) translate(357px, -311px);
      -ms-transform: scale(0.5) translate(357px, -311px);
          transform: scale(0.5) translate(357px, -311px);
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.type-ad-promotion .section.section01 .motion-objs .obj-car::before, .type-ad-promotion .section.section01 .motion-objs .obj-car::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
}
.type-ad-promotion .section.section01 .motion-objs .obj-car::before {
  opacity: 0;
  left: -20px;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  background: url("/UIDev/v3/images/sub/img_obj_car_shadow.png");
}
.type-ad-promotion .section.section01 .motion-objs .obj-car::after {
  background: url("/UIDev/v3/images/sub/img_obj_car.png") no-repeat 0 0;
}
.type-ad-promotion .section.section01 .motion-objs .obj-bell {
  position: absolute;
  top: -31px;
  left: -185px;
  width: 212px;
  height: 182px;
  background: url("/UIDev/v3/images/sub/img_obj_bell.png") no-repeat 0 0;
  z-index: 1;
  opacity: 0;
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
  -webkit-transform: translate(-10px, -10px) scale(0.9);
      -ms-transform: translate(-10px, -10px) scale(0.9);
          transform: translate(-10px, -10px) scale(0.9);
  -webkit-transition: all 0.7s cubic-bezier(0.34, 1.8, 0.64, 1);
  transition: all 0.7s cubic-bezier(0.34, 1.8, 0.64, 1);
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.type-ad-promotion .section.section01 .motion-objs .obj-message {
  position: absolute;
  top: 24px;
  left: -112px;
  width: 212px;
  height: 182px;
  background: url("/UIDev/v3/images/sub/img_obj_message.png") no-repeat 0 0;
  opacity: 0;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 0.7s cubic-bezier(0.34, 1.8, 0.64, 1);
  transition: all 0.7s cubic-bezier(0.34, 1.8, 0.64, 1);
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.type-ad-promotion .section.section01 .motion-objs .obj-balloon1 {
  position: absolute;
  top: 145px;
  left: 207px;
  width: 174px;
  height: 72px;
  background: url("/UIDev/v3/images/sub/img_obj_balloon01.png") no-repeat 0 0;
  opacity: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.7s cubic-bezier(0.34, 1.8, 0.64, 1);
  transition: all 0.7s cubic-bezier(0.34, 1.8, 0.64, 1);
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.type-ad-promotion .section.section01 .motion-objs .obj-balloon2 {
  position: absolute;
  top: 231px;
  left: 207px;
  width: 102px;
  height: 83px;
  background: url("/UIDev/v3/images/sub/img_obj_balloon02.png") no-repeat 0 0;
  opacity: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.7s cubic-bezier(0.34, 1.8, 0.64, 1) 0.1s;
  transition: all 0.7s cubic-bezier(0.34, 1.8, 0.64, 1) 0.1s;
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.type-ad-promotion .section.section01 .obj-cloud1 {
  position: absolute;
  top: -40px;
  right: 330px;
  width: 164px;
  height: 106px;
  opacity: 0;
  -webkit-transform: scale(0.2) translate(-30px, 0);
      -ms-transform: scale(0.2) translate(-30px, 0);
          transform: scale(0.2) translate(-30px, 0);
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
  -webkit-transition: all 0.7s cubic-bezier(0.34, 1.8, 0.64, 1) 0.1s;
  transition: all 0.7s cubic-bezier(0.34, 1.8, 0.64, 1) 0.1s;
  background: url("/UIDev/v3/images/sub/img_ad_cloud01.png") no-repeat 0 0;
}
.type-ad-promotion .section.section01 .obj-cloud2 {
  position: absolute;
  top: 134px;
  right: 528px;
  width: 242px;
  height: 137px;
  opacity: 0;
  -webkit-transform: scale(0.2) translate(-50px, 0);
      -ms-transform: scale(0.2) translate(-50px, 0);
          transform: scale(0.2) translate(-50px, 0);
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transition: all 0.7s cubic-bezier(0.34, 1.8, 0.64, 1) 0.1s;
  transition: all 0.7s cubic-bezier(0.34, 1.8, 0.64, 1) 0.1s;
  background: url("/UIDev/v3/images/sub/img_ad_cloud02.png") no-repeat 0 0;
}
.type-ad-promotion .section.section02 {
  background-color: #fff;
}
.type-ad-promotion .section.section02 .inner {
  padding: 170px 0 140px 0;
}
.type-ad-promotion .section.section02 .text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 180px;
}
.type-ad-promotion .section.section02 .text-wrap .text {
  position: relative;
  padding-top: 18px;
  font-size: 40px;
  font-weight: 300;
  line-height: 50px;
}
.type-ad-promotion .section.section02 .text-wrap .text[data-scrolltrigger] {
  opacity: 0;
  -webkit-transition: 0.5s opacity ease-out;
  transition: 0.5s opacity ease-out;
}
.type-ad-promotion .section.section02 .text-wrap .text[data-scrolltrigger].initiate {
  opacity: 1;
}
.type-ad-promotion .section.section02 .text-wrap .text[data-scrolltrigger].initiate .obj {
  -webkit-animation: moveRightAndFade 4s forwards;
          animation: moveRightAndFade 4s forwards;
}
@-webkit-keyframes moveRightAndFade {
  25% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(550px);
            transform: translateX(550px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(550px);
            transform: translateX(550px);
    opacity: 0;
  }
}
@keyframes moveRightAndFade {
  25% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(550px);
            transform: translateX(550px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(550px);
            transform: translateX(550px);
    opacity: 0;
  }
}
.type-ad-promotion .section.section02 .text-wrap .text::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 12px;
  display: block;
  content: "";
  background: url("/UIDev/v3/images/sub/bg_ad_marks.svg") no-repeat 0 0;
}
.type-ad-promotion .section.section02 .text-wrap .obj {
  position: absolute;
  top: 4px;
  left: 110px;
  width: 111px;
  height: 112px;
  background: url("/UIDev/v3/images/sub/img_obj_magnifier.png") no-repeat 0 0;
  -webkit-transition: 0.5s -webkit-transform ease-out;
  transition: 0.5s -webkit-transform ease-out;
  transition: 0.5s transform ease-out;
  transition: 0.5s transform ease-out, 0.5s -webkit-transform ease-out;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.type-ad-promotion .section.section02 .card-slide {
  position: relative;
  width: 374px;
  height: 374px;
}
.type-ad-promotion .section.section02 .card-slide .card {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  color: #333;
  text-align: center;
}
.type-ad-promotion .section.section02 .card-slide .card.active-prev {
  -webkit-transform: scale(0.9) translateY(20px);
      -ms-transform: scale(0.9) translateY(20px);
          transform: scale(0.9) translateY(20px);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
}
.type-ad-promotion .section.section02 .card-slide .card.active-last {
  -webkit-transform: scale(0.8) translateY(40px);
      -ms-transform: scale(0.8) translateY(40px);
          transform: scale(0.8) translateY(40px);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
}
.type-ad-promotion .section.section03 {
  overflow: hidden;
  height: 490px;
}
.type-ad-promotion .section.section03 .motion-obj {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.type-ad-promotion .section.section03 .motion-obj.initiate .text.original {
  -webkit-animation: rollingleft1 45s linear infinite;
          animation: rollingleft1 45s linear infinite;
}
.type-ad-promotion .section.section03 .motion-obj.initiate .text.clone {
  -webkit-animation: rollingleft2 45s linear infinite;
          animation: rollingleft2 45s linear infinite;
}
.type-ad-promotion .section.section03 .motion-obj .text {
  position: relative;
  padding-left: 100px;
  font-size: 150px;
  font-weight: 900;
  line-height: 20px;
  letter-spacing: -0.437px;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.1);
}
.type-ad-promotion .section.section03 .motion-obj .text.clone {
  padding-left: 200px;
}
.type-ad-promotion .section.section03 .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
@-webkit-keyframes rollingleft1 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  50.01% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes rollingleft1 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  50.01% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes rollingleft2 {
  0% {
    -webkit-transition: translateX(0);
    transition: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
@keyframes rollingleft2 {
  0% {
    -webkit-transition: translateX(0);
    transition: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
.type-ad-promotion .section.section04 {
  overflow: hidden;
}
.type-ad-promotion .section.section04 .inner {
  padding: 135px 0 184px 0;
}
.type-ad-promotion .section.section04 .provision-type1 {
  height: 376px;
}
.type-ad-promotion .section.section04 .provision-type1 .preview-slide {
  position: absolute;
  top: 135px;
  right: -375px;
  width: 763px;
  height: 375px;
  padding-top: 36px;
  background-color: #fff;
}
.type-ad-promotion .section.section04 .provision-type1 .preview-slide::after, .type-ad-promotion .section.section04 .provision-type1 .preview-slide::before,
.type-ad-promotion .section.section04 .provision-type1 .preview-slide .blur-screen {
  z-index: 2;
  position: absolute;
  display: block;
  content: "";
  width: 375px;
}
.type-ad-promotion .section.section04 .provision-type1 .preview-slide::before {
  top: 0;
  height: 36px;
  background: url("/UIDev/v3/images/sub/img_ad_preview_top.svg") no-repeat 0 0;
}
.type-ad-promotion .section.section04 .provision-type1 .preview-slide::after {
  bottom: 21px;
  height: 81px;
  background: url("/UIDev/v3/images/sub/img_ad_preview_bottom.svg") no-repeat 0 0;
}
.type-ad-promotion .section.section04 .provision-type1 .preview-slide .blur-screen {
  top: 36px;
  left: 375px;
  width: 405px;
  height: 226px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(32%, #fff));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 32%);
}
.type-ad-promotion .section.section04 .provision-type1 .preview-slide .swiper-pagination {
  z-index: 2;
  position: absolute;
  top: 187px;
  left: 177px;
  width: auto;
  height: 17px;
  line-height: 17px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
  border-radius: 100px;
  color: #ddd;
  background: rgba(34, 34, 34, 0.56);
}
.type-ad-promotion .section.section04 .provision-type1 .preview-slide .swiper-pagination .swiper-pagination-current {
  font-weight: 700;
}
.type-ad-promotion .section.section04 .provision-type1 .preview-slide .main-badge-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 375px;
  height: 100%;
  z-index: 3;
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.type-ad-promotion .section.section04 .provision-type1 .preview-slide .main-badge-layer .top-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
}
.type-ad-promotion .section.section04 .provision-type1 .preview-slide .main-badge-layer .bottom-right {
  margin-left: auto;
}
.type-ad-promotion .section.section04 .provision-type2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-top: 230px;
}
.type-ad-promotion .section.section04 .provision-type2 .motion-objs {
  position: relative;
  width: 250px;
  height: 250px;
  font-size: 0;
}
.type-ad-promotion .section.section04 .provision-type2 .motion-objs .bell {
  margin-top: 16px;
  margin-left: 40px;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.type-ad-promotion .section.section04 .provision-type2 .motion-objs .auto-update {
  position: absolute;
  top: 4px;
  right: 0;
  -webkit-transform: rotate(180deg) scale(0);
      -ms-transform: rotate(180deg) scale(0);
          transform: rotate(180deg) scale(0);
  opacity: 0;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.type-ad-promotion .section.section05 .inner {
  padding-top: 104px;
  padding-bottom: 104px;
}
.type-ad-promotion .section.section05 .hgroup .text {
  font-size: 40px;
  font-weight: 700;
  line-height: 56px;
}
.type-ad-promotion .section.section05 .hgroup .text small {
  display: block;
  margin-bottom: 8px;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
}
.type-ad-promotion .section.section05 .graph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 240px;
  min-height: 274px;
  margin-top: 158px;
  color: #fff;
}
.type-ad-promotion .section.section05 .graph[data-scrolltrigger].initiate .balloon {
  opacity: 1;
  -webkit-transform: scale(1) translate(0, 0);
      -ms-transform: scale(1) translate(0, 0);
          transform: scale(1) translate(0, 0);
}
.type-ad-promotion .section.section05 .graph[data-scrolltrigger].initiate .graph-bar.bar1 {
  height: 214px;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.type-ad-promotion .section.section05 .graph[data-scrolltrigger].initiate .graph-bar.bar2 {
  height: 36px;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.type-ad-promotion .section.section05 .graph[data-scrolltrigger].initiate .graph-bar.bar3 {
  height: 111px;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.type-ad-promotion .section.section05 .graph[data-scrolltrigger].initiate .graph-bar.bar4 {
  height: 214px;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.type-ad-promotion .section.section05 .graph[data-scrolltrigger] .balloon {
  opacity: 0;
  -webkit-transform: scale(0.3) translate(0, 20px);
      -ms-transform: scale(0.3) translate(0, 20px);
          transform: scale(0.3) translate(0, 20px);
  -webkit-transition: 0.3s opacity ease-out, 0.3s -webkit-transform ease-out;
  transition: 0.3s opacity ease-out, 0.3s -webkit-transform ease-out;
  transition: 0.3s opacity ease-out, 0.3s transform ease-out;
  transition: 0.3s opacity ease-out, 0.3s transform ease-out, 0.3s -webkit-transform ease-out;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.type-ad-promotion .section.section05 .graph[data-scrolltrigger] .balloon.type-second {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.type-ad-promotion .section.section05 .graph[data-scrolltrigger] .graph-bar {
  height: 10px;
  -webkit-transition: 0.5s height ease-out;
  transition: 0.5s height ease-out;
}
.type-ad-promotion .section.section05 .graph .graph-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.type-ad-promotion .section.section05 .graph .graph-item .balloon {
  position: absolute;
  top: -107px;
  left: -147px;
  padding: 13px 14px;
  font-size: 20px;
  font-weight: 300;
  line-height: 16px;
  white-space: nowrap;
  letter-spacing: -0.433px;
  border-radius: 10px;
  background-color: #000;
}
.type-ad-promotion .section.section05 .graph .graph-item .balloon::after {
  position: absolute;
  bottom: -9px;
  right: 14px;
  display: block;
  content: "";
  width: 11px;
  height: 9px;
  background: url("/UIDev/v3/images/sub/bg_premium_arrow.svg") no-repeat 0 0;
}
.type-ad-promotion .section.section05 .graph .graph-item .balloon.type-second {
  top: -37px;
  left: -73px;
}
.type-ad-promotion .section.section05 .graph .graph-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 12px;
}
.type-ad-promotion .section.section05 .graph .graph-bar {
  width: 90px;
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#949494));
  background: linear-gradient(180deg, #bcbcbc 0%, #949494 100%);
}
.type-ad-promotion .section.section05 .graph .graph-bar.type-orange {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(2.34%, #ff5d16), to(#ff7538));
  background: linear-gradient(0deg, #ff5d16 2.34%, #ff7538 100%);
}
.type-ad-promotion .section.section05 .graph .graph-bar span {
  display: block;
  width: 100%;
  margin-top: -46px;
  font-size: 30px;
  font-weight: 900;
  line-height: 46px;
  text-align: center;
}
.type-ad-promotion .section.section05 .graph .graph-label {
  margin-top: 14px;
  font-size: 18px;
  font-weight: 400;
  line-height: 46px;
  text-align: center;
}
.type-ad-promotion .section.section05 .graph-desc {
  margin-top: 48px;
}
.type-ad-promotion .section.section05 .graph-desc .labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.type-ad-promotion .section.section05 .graph-desc .labels li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #888;
}
.type-ad-promotion .section.section05 .graph-desc .labels li .square {
  width: 10px;
  height: 10px;
  margin: 0 6px 0 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#949494));
  background: linear-gradient(180deg, #bcbcbc 0%, #949494 100%);
}
.type-ad-promotion .section.section05 .graph-desc .labels li .square.type-orange {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(2.34%, #ff5d16), to(#ff7538));
  background: linear-gradient(0deg, #ff5d16 2.34%, #ff7538 100%);
}
.type-ad-promotion .section.section05 .graph-desc .text {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #fff;
}
.type-ad-promotion .section.section06 {
  height: 268px;
}
.type-ad-promotion .section.section06 .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.type-ad-promotion .section.section06 .hgroup.type-img {
  padding-left: 94px;
}
.type-ad-promotion .section.section07 .inner {
  padding: 124px 0 162px 0;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont {
  width: 1022px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .ticket-amount-head {
  margin-bottom: 44px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .ticket-amount-head .head-txt {
  display: block;
  font-size: 44px;
  font-weight: 300;
  line-height: 54px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .ticket-amount-head .head-txt em {
  font-style: normal;
  font-weight: 700;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .ticket-amount-head .head-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 80px;
  font-weight: 800;
  line-height: 100px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .ticket-amount-head .head-num .count-group {
  overflow: hidden;
  height: 92px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #ff5d16;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .ticket-amount-head .head-num .count-group [data-odometer] {
  font-style: normal;
  font-size: 100px;
  font-weight: 900;
  font-family: inherit;
  line-height: 120px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .ticket-amount-head .head-num .unit {
  margin-top: 5px;
  display: inline-block;
  vertical-align: top;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .box-txt {
  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: 80px;
  margin-bottom: 48px;
  padding: 32px 0;
  background: #222;
  border-radius: 4px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .box-txt p {
  font-size: 20px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.433px;
  color: #fff;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .box-txt p em {
  font-style: normal;
  font-weight: 800;
  color: #ff5d16;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .box-txt.box-txt-ty2 {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  height: auto;
  padding: 20px 40px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .box-txt .dot-list {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  color: #fff;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .box-txt .dot-list li {
  padding-left: 14px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .box-txt .dot-list li::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .box-txt .dot-list li + li {
  margin-top: 8px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .table-tit {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .new-table-list {
  margin-top: 0;
  margin-bottom: 16px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .new-table-list table thead {
  background: #fff;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .new-table-list table thead th {
  position: relative;
  padding: 12px 0 13px 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .new-table-list table thead th .popover {
  display: inline-block;
  vertical-align: top;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .new-table-list table thead th .popover .popover-btn {
  margin-left: 0;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .new-table-list table thead th .popover .popover-detail {
  top: 19px;
  left: 3px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .new-table-list table tbody td {
  padding: 16px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .new-table-list table tbody td.real {
  color: #aaa;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .new-table-list table tbody td .tag {
  display: inline-block;
  padding: 0 5.5px;
  border-radius: 20px;
  background: rgba(242, 63, 63, 0.2);
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .new-table-list table tbody td .tag span {
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  color: #f23f3f;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .new-table-list table tbody td .popover {
  display: inline;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .new-table-list table tbody td .popover .popover-btn {
  margin-left: 0;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .new-table-list table tbody td .popover .popover-detail {
  top: 18px;
  left: -1px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .new-table-list table tbody td .popover .popover-detail .txtbox .dot-list {
  margin-top: 4px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .new-table-list table tbody td .popover .popover-detail .txtbox .dot-list li {
  margin-bottom: 4px;
  font-weight: 300;
  text-align: left;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .desc-list {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 23px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .desc-list li {
  position: relative;
  padding-left: 8px;
  line-height: 23px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .desc-list li ~ li {
  margin-top: 8px;
}
.type-ad-promotion .section.section07 .ticket-amount-wrap .ticket-amount-cont .desc-list li::before {
  content: "*";
  position: absolute;
  left: 0;
  top: 1px;
  font-weight: 300;
  font-size: inherit;
}
.type-ad-promotion .section.section07.section07-2 .inner {
  padding-top: 146px;
  padding-bottom: 146px;
}
.type-ad-promotion .section.section07.section07-2 .head-txt {
  text-align: center;
  font-size: 48px;
  font-style: normal;
  font-weight: 300;
  line-height: 60px;
}
.type-ad-promotion .section.section07.section07-2 .head-txt strong {
  font-weight: 700;
}
.type-ad-promotion .section.section07.section07-2 .ticket-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: 40px;
}
.type-ad-promotion .section.section07.section07-2 .ticket-info > .item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(50% - 8px);
          flex: 1 1 calc(50% - 8px);
  -ms-flex-item-align: stretch;
      align-self: stretch;
  min-width: 0;
  padding: 32px 40px 0;
  background-color: #fff;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.type-ad-promotion .section.section07.section07-2 .ticket-info > .item .title {
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
}
.type-ad-promotion .section.section07.section07-2 .ticket-info > .item .ticket-con {
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 16px;
}
.type-ad-promotion .section.section07.section07-2 .ticket-info > .item .ticket-con.ticket-bg::after, .type-ad-promotion .section.section07.section07-2 .ticket-info > .item .ticket-con.ticket-bg-2::after {
  content: "";
  display: block;
  height: 260px;
  margin-top: 16px;
  background: url("/UIDev/v3/images/sub/ticket-img.svg") no-repeat 0 0;
}
.type-ad-promotion .section.section07.section07-2 .ticket-info > .item .ticket-con.ticket-bg-2::after {
  background: url("/UIDev/v3/images/sub/ticket-img-2.svg") no-repeat 0 0;
}
.type-ad-promotion .section.section07.section07-2 .ticket-info > .item .ticket-bottom {
  margin-left: -40px;
  margin-right: -40px;
  min-height: 170px;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  background-color: #000;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.type-ad-promotion .section.section07.section07-2 .ticket-info > .item .ticket-bottom del {
  color: #888;
  font-weight: 300;
  text-decoration: line-through;
}
.type-ad-promotion .section.section07.section07-2 .ticket-info > .item .ticket-bottom .amount {
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}
.type-ad-promotion .section.section07.section07-2 .ticket-info + .dash-list {
  margin-top: 40px;
}
.type-ad-promotion .section.section08 .inner {
  padding: 120px 0 150px 0;
}
.type-ad-promotion .section .inner {
  position: relative;
  width: 1016px;
  margin: 0 auto;
}
.type-ad-promotion .section .hgroup.type-img {
  position: relative;
  padding-left: 148px;
}
.type-ad-promotion .section .hgroup.type-img .img {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.type-ad-promotion .section .hgroup.type-img .text {
  margin-top: 8px;
}
.type-ad-promotion .section .hgroup .title {
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
}
.type-ad-promotion .section .hgroup .text {
  margin-top: 16px;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}
.type-ad-promotion .section .hgroup[data-scrolltrigger].initiate .title,
.type-ad-promotion .section .hgroup[data-scrolltrigger].initiate .text {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.type-ad-promotion .section .hgroup[data-scrolltrigger].initiate .img {
  opacity: 1;
}
.type-ad-promotion .section .hgroup[data-scrolltrigger] .title {
  opacity: 0;
  -webkit-transform: translate(0, 20px);
      -ms-transform: translate(0, 20px);
          transform: translate(0, 20px);
  -webkit-transition: 0.5s opacity ease-out, 0.5s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s transform ease-out, 0.5s -webkit-transform ease-out;
}
.type-ad-promotion .section .hgroup[data-scrolltrigger] .text {
  opacity: 0;
  -webkit-transform: translate(0, 10px);
      -ms-transform: translate(0, 10px);
          transform: translate(0, 10px);
  -webkit-transition: 0.5s opacity ease-out, 0.5s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s transform ease-out, 0.5s -webkit-transform ease-out;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.type-ad-promotion .section .hgroup[data-scrolltrigger] .img {
  opacity: 0;
  -webkit-transition: 0.5s opacity ease-out, 0.5s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s transform ease-out, 0.5s -webkit-transform ease-out;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.type-ad-promotion .section .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.type-ad-promotion .bottom-fixed {
  z-index: 20;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background-color: #222;
}
.type-ad-promotion .bottom-fixed.is-absolute {
  position: absolute;
  bottom: auto;
}
.type-ad-promotion .bottom-fixed .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 1260px;
  height: 100%;
  margin: 0 auto;
  color: #fff;
}
.type-ad-promotion .bottom-fixed .inner .bottom-fixed-text {
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
}
.type-ad-promotion .bottom-fixed .inner .bottom-fixed-text--ty2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
}
.type-ad-promotion .bottom-fixed .inner .bottom-fixed-text--ty3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
.type-ad-promotion .bottom-fixed .inner .bottom-fixed-text--ty3 .stxt {
  margin-left: 0;
}
.type-ad-promotion .bottom-fixed .balloon {
  position: absolute;
  top: -40px;
  left: 0;
  padding: 10px 16px;
  border-radius: 22px;
  border: 1px solid #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  color: #222;
  background: #fff;
}
.type-ad-promotion .bottom-fixed .balloon::after {
  position: absolute;
  top: 45px;
  left: 18px;
  display: block;
  content: "";
  width: 11px;
  height: 10px;
  background: url("/UIDev/v3/images/sub/ico_ad_balloon_arrow.png") no-repeat 0 0;
  background-size: 100%;
}
.type-ad-promotion .bottom-fixed .balloon .sub-text {
  position: relative;
  top: -2px;
  margin-left: 5px;
  font-size: 14px;
  font-weight: 500;
}
.type-ad-promotion .bottom-fixed .balloon .balloon-btn {
  position: relative;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  margin-left: 32px;
  padding-right: 16px;
}
.type-ad-promotion .bottom-fixed .balloon .balloon-btn::after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  content: "";
  width: 11px;
  height: 10px;
  background: url("/UIDev/v3/images/icon/icon-arrow-down.svg") no-repeat 0 0;
  background-size: 100%;
  -webkit-transform: translateY(-50%) rotate(-90deg);
      -ms-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}
.type-ad-promotion .bottom-fixed .form-chk {
  margin-left: 16px;
}
.type-ad-promotion .bottom-fixed .form-chk input[type=checkbox] + label {
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
}
.type-ad-promotion .bottom-fixed .form-chk input[type=checkbox] + label:before {
  width: 24px;
  height: 24px;
  background-position: 50% 50%;
  background-size: 10px 8px;
}
.type-ad-promotion .bottom-fixed .discount {
  display: inline-block;
  margin-left: 4px;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  border-radius: 100px;
  border: 1px solid #888;
}
.type-ad-promotion .bottom-fixed .price-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 33px;
}
.type-ad-promotion .bottom-fixed .price-wrap::before {
  position: absolute;
  top: 50%;
  left: 16px;
  width: 1px;
  height: 16px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  content: "";
  background-color: #666;
}
.type-ad-promotion .bottom-fixed .price-wrap .subject {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}
.type-ad-promotion .bottom-fixed .price-wrap .real {
  margin-left: 16px;
  font-size: 16px;
  font-weight: 500;
  color: #888;
  text-decoration: line-through;
}
.type-ad-promotion .bottom-fixed .price-wrap .price {
  margin-left: 8px;
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
}
.type-ad-promotion .bottom-fixed .price-wrap .price .unit {
  display: inline-block;
  margin: 2px 0 0 2px;
  vertical-align: top;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
}
.type-ad-promotion .bottom-fixed .stxt {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.type-ad-promotion .bottom-fixed .stxt.stxt--ty2 {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  margin-left: 16px;
}
.type-ad-promotion .bottom-fixed .select2.select2-container--open .selection .select2-selection--single .select2-selection__arrow b {
  margin: -7px 0 0 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.type-ad-promotion .bottom-fixed .select2 .selection .select2-selection--single {
  width: 98px;
  padding: 0 12px;
  height: 46px;
  line-height: 46px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  background: transparent;
}
.type-ad-promotion .bottom-fixed .select2 .selection .select2-selection--single .select2-selection__rendered {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 44px;
}
.type-ad-promotion .bottom-fixed .select2 .selection .select2-selection--single .select2-selection__arrow {
  height: 44px;
}
.type-ad-promotion .bottom-fixed .select2 .selection .select2-selection--single .select2-selection__arrow b {
  top: 50%;
  left: auto;
  right: 12px;
  width: 1.6rem;
  height: 1.6rem;
  border: none;
  margin: -7px 0 0 0;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  background: url("/UIDev/v3/images/sub/ico_ad_select_arrow.svg") no-repeat 50% 50%;
}
.open .type-ad-promotion .bottom-fixed .select2 .selection .select2-selection--single .select2-selection__arrow b {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.type-ad-promotion .bottom-fixed .usage-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.type-ad-promotion .bottom-fixed .usage-status .usage-text {
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
}
.type-ad-promotion .bottom-fixed .usage-status .usage-text.type-small {
  font-size: 24px;
}
.type-ad-promotion .bottom-fixed .usage-status .usage-total {
  margin-left: 16px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
.type-ad-promotion .bottom-fixed .usage-status .usage-total > span .bar, .type-ad-promotion .bottom-fixed .usage-status .usage-total > span + .date {
  padding-left: 15px;
}
.type-ad-promotion .bottom-fixed .usage-status .usage-total > span .bar::before, .type-ad-promotion .bottom-fixed .usage-status .usage-total > span + .date::before {
  position: absolute;
  top: 50%;
  left: 6px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  content: "";
  width: 1px;
  height: 11px;
  background-color: #888;
}
.type-ad-promotion .bottom-fixed .usage-status .usage-total .bar,
.type-ad-promotion .bottom-fixed .usage-status .usage-total .date {
  position: relative;
}
.type-ad-promotion .bottom-fixed .usage-status.usage-gap {
  gap: 0 8px;
}
.type-ad-promotion .bottom-fixed .usage-status.usage-gap .usage-total {
  margin-left: 0;
}
.type-ad-promotion .bottom-fixed .usage-status.usage-gap .usage-total > span .bar {
  padding-left: 13px;
}
.type-ad-promotion .bottom-fixed .usage-status.usage-gap .usage-text.bar {
  position: relative;
  padding-left: 9px;
}
.type-ad-promotion .bottom-fixed .usage-status.usage-gap .usage-text.bar::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  content: "";
  width: 1px;
  height: 16px;
  background-color: #ddd;
}
.type-ad-promotion .bottom-fixed .usage-status.usage-gap .usage-text.type-small {
  font-weight: 500;
}
.type-ad-promotion .bottom-fixed .usage-status.usage-gap .usage-text.type-small-l {
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
}
.type-ad-promotion .bottom-fixed .right {
  margin-left: auto;
}
.type-ad-promotion .bottom-fixed .right .btn-new {
  width: auto;
  padding: 0 24px;
}
.type-ad-promotion .bottom-fixed .right .btn-new.type-opacity {
  border: 1px solid #666;
}
.type-ad-promotion .bottom-fixed .right.rignt--btn .btn-new {
  padding: 0 32px;
}
.type-ad-promotion .bottom-fixed .beta-badge {
  margin-right: 16px;
}
.type-ad-promotion .bottom-fixed .beta-text {
  font-size: 18px;
  font-weight: 500;
}
.type-ad-promotion .bottom-fixed .right .beta-text {
  font-weight: 300;
}
.type-ad-promotion .type-new-bottom-fixed {
  position: -webkit-sticky;
  position: sticky;
  bottom: 24px;
  width: 1200px;
  margin: 0 auto;
  border-radius: 8px;
  border: 1px solid #666;
}
.type-ad-promotion .type-new-bottom-fixed .inner {
  width: 1200px;
  padding: 0 24px;
}
.type-ad-promotion .type-new-bottom-fixed .inner .count-input {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.type-ad-promotion .type-new-bottom-fixed .inner .count-input input {
  display: block;
  width: 98px;
  padding: 0px 32px 0 12px;
  height: 46px;
  line-height: 46px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  background: transparent;
  text-align: right;
}
.type-ad-promotion .type-new-bottom-fixed .inner .count-input input::-webkit-input-placeholder {
  font-weight: 700;
  color: #fff;
}
.type-ad-promotion .type-new-bottom-fixed .inner .count-input input::-moz-placeholder {
  font-weight: 700;
  color: #fff;
}
.type-ad-promotion .type-new-bottom-fixed .inner .count-input input:-ms-input-placeholder {
  font-weight: 700;
  color: #fff;
}
.type-ad-promotion .type-new-bottom-fixed .inner .count-input input::-ms-input-placeholder {
  font-weight: 700;
  color: #fff;
}
.type-ad-promotion .type-new-bottom-fixed .inner .count-input input::placeholder {
  font-weight: 700;
  color: #fff;
}
.type-ad-promotion .type-new-bottom-fixed .inner .count-input input:focus {
  outline: none;
}
.type-ad-promotion .type-new-bottom-fixed .inner .count-input span {
  position: absolute;
  top: 9px;
  right: 12px;
}
.type-ad-promotion .type-new-bottom-fixed .inner .stxt {
  font-weight: 300;
}
.type-ad-promotion .type-new-bottom-fixed.type-new-bottom-fixed.is-stopped {
  width: 100%;
  border-radius: 0;
}

.ad-preview-wrap .btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}
.ad-preview-wrap .btn-list .btn-new {
  height: 36px;
  font-size: 14px;
  font-weight: 300;
  line-height: 34px;
  border: 1px solid #666;
  background: #fff;
  border-radius: 2px;
  color: #222;
}
.ad-preview-wrap .btn-list .btn-new ~ .ad-preview-wrap .btn-list .btn-new {
  margin-left: 8px;
}
.ad-preview-wrap .btn-list .btn-new.active {
  font-weight: 700;
  color: #fff;
  border: 1px solid #222;
  background: #222;
}
.ad-preview-wrap .content {
  height: 600px !important;
  margin: 0 -32px;
  padding: 28px 0 0 0;
  background: #eee;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  overflow: auto;
}
.ad-preview-wrap .content .img-box {
  position: relative;
  width: 315px;
  margin: 0 auto;
}
.ad-preview-wrap .content .img-box img {
  max-width: 100%;
}
.ad-preview-wrap .content .img-box .img-highlight {
  position: absolute;
  left: -20px;
  right: -20px;
  padding: 12px;
  background: #fff;
  border: 2px solid #222;
  border-radius: 8px;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: all 0.4s ease-in-out 0.2s;
  transition: all 0.4s ease-in-out 0.2s;
  opacity: 0;
}
.ad-preview-wrap .content .img-box .img-highlight.show {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.ad-preview-wrap .content .img-box .img-01 {
  top: 100px;
}
.ad-preview-wrap .content .img-box .img-02 {
  top: 2381px;
}
.ad-preview-wrap .content .img-box .img-02.img-02-pos {
  top: 2070px;
}

.ad-coin .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.ad-coin .title .color-main {
  margin-left: 12px;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
}
.ad-coin .tab-list {
  margin-top: 24px;
  overflow: hidden;
}
.ad-coin .tab-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}
.ad-coin .tab-list > ul > li {
  position: relative;
  width: 100%;
  border-color: #ddd;
  border-radius: 2px 2px 0 0;
  text-align: left;
  background-color: #fff;
}
.ad-coin .tab-list > ul > li ~ li {
  margin-left: 8px;
}
.ad-coin .tab-list > ul > li.on {
  border-width: 1px;
  border-color: #222;
}
.ad-coin .tab-list > ul > li.on::after, .ad-coin .tab-list > ul > li.on::before {
  bottom: 0;
  height: 1px;
  background-color: #222;
}
.ad-coin .tab-list > ul > li a {
  width: 100%;
  height: 113px;
  padding: 48px 24px 0;
  color: #222;
}
.ad-coin .tab-list > ul > li a .auto-update-date {
  top: 16px;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
.ad-coin .tab-list > ul > li a .tab-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
}
.ad-coin .tab-list > ul > li a .tab-tit .flag-ing {
  margin-left: 8px;
  font-size: 10px;
}
.ad-coin .tab-list > ul > li a .tab-tit em {
  margin-left: 4px;
  color: #ff5d16;
  font-style: normal;
  font-size: 18px;
}
.ad-coin .tab-list > ul > li a .tab-sub-txt {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  color: #222;
}
.ad-coin .tab-content {
  padding: 32px 20px 0 20px;
}
.ad-coin .tab-content .stitle {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}
.ad-coin .tab-content .txt-sub {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
.ad-coin .tab-content .display-flex-area {
  margin-top: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ad-coin .tab-content .form-list2 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ad-coin .tab-content .form-list2 li ~ li {
  padding-top: 8px;
}
.ad-coin .tab-content .form-list2 li .tit-center-area {
  width: 40px;
  text-align: left;
}
.ad-coin .tab-content .form-list2 li .img-input-area .img-input {
  width: 196px;
  height: 40px;
  border-color: #ddd;
}
.ad-coin .tab-content .form-list2 li .img-input-area .img-input input {
  height: 38px;
}
.ad-coin .tab-content .form-list2 li .img-input-area .gap-item {
  color: #222;
}
.ad-coin .tab-content .box-tip-area {
  padding: 20px 24px;
  background-color: #f8f8f8;
}
.ad-coin .tab-content .box-tip-area .tit-blue {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.ad-coin .tab-content .box-tip-area .txt-sub2 {
  padding-top: 8px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
.ad-coin .tab-content .list-btn-area {
  padding-top: 18px;
}
.ad-coin .tab-content .list-btn-area > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 46px;
  padding: 8px 16px 8px 44px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  border-radius: 8px;
  background-position: 13px 14px;
}
.ad-coin .tab-content .list-btn-area > li ~ li {
  margin-top: 8px;
}
.ad-coin .tab-content .popup-btn {
  margin-top: 24px;
}

.form-chk-guide {
  padding: 0 0 24px;
}
.form-chk-guide .txt {
  font-size: 16px;
  font-weight: 300;
  color: #222;
  line-height: 23px;
}
.form-chk-guide .form-chk {
  font-size: 16px;
  font-weight: 300;
  color: #222;
}
.form-chk-guide .form-chk label {
  font-weight: inherit;
  color: inherit !important;
  line-height: 1;
}
.form-chk-guide .form-chk label::before {
  margin-top: -3px;
  vertical-align: middle !important;
}
.form-chk-guide .form-chk-radio input[type=checkbox] + label {
  font-size: 16px;
  font-weight: 300;
  color: #222;
  padding-left: 26px;
}
.form-chk-guide .form-chk-radio input[type=checkbox] + label:before {
  top: 0;
}
.form-chk-guide .chk-list {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 16px;
}

.strong-box {
  margin-top: 8px;
  padding: 16px 20px;
  border: 1px solid #222;
  border-radius: 4px;
}
.strong-box em {
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  line-height: 20px;
}

.guide-info-wrap {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.guide-info-wrap .guide-info-sec-cont {
  width: 1022px;
}
.guide-info-wrap .guide-info-sec-cont .title-area {
  margin-bottom: 24px;
}
.guide-info-wrap .guide-info-sec-cont .title-area .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.72px;
}
.guide-info-wrap .guide-info-sec-cont .accordion-item .accordion-list ~ .accordion-list {
  margin-top: 16px;
}
.guide-info-wrap .guide-info-sec-cont .accordion-item .accordion-list .accordion-name {
  position: relative;
  cursor: pointer;
  display: block;
  padding: 25px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  background: #f8f8f8;
}
.guide-info-wrap .guide-info-sec-cont .accordion-item .accordion-list .accordion-name::after {
  content: "";
  position: absolute;
  right: 25px;
  top: 30px;
  display: block;
  width: 16px;
  height: 16px;
  background: url("/UIDev/v3/images/icon/down.png") no-repeat;
  background-size: 16px 16px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.guide-info-wrap .guide-info-sec-cont .accordion-item .accordion-list .accordion-name.active::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.guide-info-wrap .guide-info-sec-cont .accordion-item .accordion-list .accordion-name .txt {
  position: relative;
  padding-left: 21px;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}
.guide-info-wrap .guide-info-sec-cont .accordion-item .accordion-list .accordion-name .txt::before {
  content: "Q";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  line-height: 24px;
  color: #ff5d16;
}
.guide-info-wrap .guide-info-sec-cont .accordion-item .accordion-list .accordion-desc {
  display: none;
}
.guide-info-wrap .guide-info-sec-cont .accordion-item .accordion-list .accordion-desc .accordion-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  padding: 25px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 10px;
  background: #eee;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
  word-break: keep-all;
}

.terms-wrap .heading-tit {
  display: inline-block;
  vertical-align: top;
  line-height: 60px;
  letter-spacing: -0.025em;
  font-size: 50px;
  font-weight: 100;
}
.terms-wrap .terms-stit {
  margin-top: 55px;
  margin-bottom: 20px;
  line-height: 1.2;
  font-size: 22px;
  font-weight: 600;
}
.terms-wrap .terms-cont {
  font-size: 14px;
  line-height: 25px;
}
.terms-wrap .terms-cont--ty2 {
  font-size: 14px;
  line-height: 20px;
}
.terms-wrap .terms-cont--ty2 + .terms-wrap .terms-cont--ty2 {
  margin-top: 4px;
}
.terms-wrap .terms-num-list {
  font-size: 14px;
  line-height: 1.4;
  counter-reset: index;
  list-style-type: none;
}
.terms-wrap .terms-num-list li {
  position: relative;
  margin: 5px 0 0;
  padding-left: 26px;
  list-style-type: none;
}
.terms-wrap .terms-num-list li::before {
  position: absolute;
  top: 1px;
  left: 5px;
  counter-increment: index;
  content: counters(index, ".") ". ";
  color: #222;
}
.terms-wrap .terms-num-list.type-circle {
  counter-reset: circle 0;
}
.terms-wrap .terms-num-list.type-circle li {
  position: relative;
  margin: 5px 0 0;
  padding-left: 20px;
  list-style: none;
}
.terms-wrap .terms-num-list.type-circle li > .terms-num-list {
  font-size: 14px;
  line-height: 1.4;
  counter-reset: number 0;
  list-style-type: none;
}
.terms-wrap .terms-num-list.type-circle li > .terms-num-list li {
  display: block;
  margin: 5px 0 0;
  padding-left: 20px;
  list-style-type: none;
}
.terms-wrap .terms-num-list.type-circle li > .terms-num-list li::before {
  font-size: 14px;
  counter-increment: number;
  content: counters(number, ".") ". ";
  color: #222;
}
.terms-wrap .terms-num-list.type-circle li > .terms-num-list li::after {
  display: none;
}
.terms-wrap .terms-num-list.type-circle li > .terms-list {
  font-size: 14px;
  line-height: 1.4;
  counter-reset: none;
  list-style-type: none;
}
.terms-wrap .terms-num-list.type-circle li > .terms-list li {
  display: block;
  margin: 5px 0 0;
  padding-left: 15px;
}
.terms-wrap .terms-num-list.type-circle li > .terms-list li::before {
  content: "-";
  color: #222;
  counter-increment: none;
}
.terms-wrap .terms-num-list.type-circle li > .terms-list li::after {
  display: none;
}
.terms-wrap .terms-num-list.type-circle li::before {
  position: absolute;
  top: 0px;
  left: 4px;
  counter-increment: circle 1;
  content: counter(circle);
  font-size: 12px;
  color: #222;
}
.terms-wrap .terms-num-list.type-circle li::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0px;
  display: inline-block;
  border: 1px solid #222;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}
.terms-wrap .terms-num-list.gap8 > li {
  margin-top: 8px;
  line-height: 20px;
}
.terms-wrap .terms-list {
  font-size: 14px;
  line-height: 1.4;
  list-style-type: none;
}
.terms-wrap .terms-list li {
  position: relative;
  display: block;
  margin: 5px 0 0;
  padding-left: 10px;
}
.terms-wrap .terms-list li::before {
  position: absolute;
  left: 0;
  content: "-";
  color: #222;
}

.terms-table {
  margin-top: 24px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.terms-table table {
  width: 100%;
}
.terms-table thead th {
  padding: 10px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  line-height: 1.5;
}
.terms-table td {
  padding: 15px 10px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  line-height: 1.5;
  word-break: break-word;
  vertical-align: middle;
}

.extension-popup {
  width: 315px;
}
.extension-popup .popup-body {
  padding: 40px 20px 32px 20px;
}
.extension-popup .popup-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5px;
  padding: 0 20px 40px 20px;
}
.extension-popup .popup-btn button {
  font-size: 16px;
  font-weight: 500;
  border-radius: 4px;
}
.extension-popup .popup-btn .btn-type04 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 46px;
}
.extension-popup .popup-btn .btn-type01 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: unset;
  height: 46px;
  line-height: 23px;
}

.grage-section {
  background-color: #fff;
  /* Icon */
}
.grage-section .table {
  width: 100%;
  font-size: 16px;
  border-collapse: collapse;
}
.grage-section .table th,
.grage-section .table td {
  padding: 18px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #e0e0e0 #ededed;
}
.grage-section .table th {
  background-color: #f7f7fd;
  border-width: 1px 0 1px 0;
  font-weight: normal;
  color: #8f8f8f;
}
.grage-section .table thead th {
  color: #8f8f8f;
}
.grage-section .table .cell-first {
  border-left: 0;
}
.grage-section .table .cell-orange {
  color: #f50;
}
.grage-section .table--detail-info th,
.grage-section .table--detail-info td {
  padding-left: 20px;
  padding-right: 3px;
}
.grage-section .table--detail-info thead th {
  padding: 17px;
  border-width: 0;
  font-size: 18px;
  text-align: center;
}
.grage-section .table--detail-info th.table-text__date {
  padding-top: 33px;
  background-color: #fff;
  font-weight: 700;
  color: #3149b4;
}
.grage-section .table--detail-info th.table-text__title {
  color: #fff;
}
.grage-section .table--detail-info th.bg-color__type1 {
  background-color: #7d766b;
}
.grage-section .table--detail-info th.bg-color__type2 {
  background-color: #979189;
}
.grage-section .table--detail-info .table-text__num {
  color: #f50;
}
.grage-section .table--detail-info .table-text__sum {
  margin: 3px 0 0 0;
  padding: 0;
  line-height: 1.7;
  list-style: none;
}
.grage-section .table--detail-info .table-text__sum li {
  margin: 0;
  padding: 0;
}
.grage-section .table--detail-info .table-text__sum li:before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 1px;
  margin-right: 5px;
  background-color: #000;
  vertical-align: middle;
}
.grage-section .garage-content__history-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 1.5rem;
  -webkit-column-gap: 2.5rem;
     -moz-column-gap: 2.5rem;
          column-gap: 2.5rem;
  padding: 0;
  list-style: none;
}
.grage-section .garage-content__history-box .history-box__item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 108px;
  padding: 0;
  border: 1px solid #f3f3f3;
}
.grage-section .garage-content__history-box .history-box__item-title {
  display: block;
  padding: 25px 23px 0;
  margin-bottom: 4px;
  font-size: 20px;
}
.grage-section .garage-content__history-box .history-box__item-data {
  padding-left: 25px;
  font-size: 16px;
  font-style: normal;
}
.grage-section .garage-content__history-box .history-box__item-data.data-no {
  color: #8f8f8f;
}
.grage-section .garage-content__history-box .history-box__item-data.data-num {
  color: #ff5d16;
}
.grage-section .garage-content__history-box .history-box__item-icon {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 60px;
  height: 60px;
  background-color: #f5f4f3;
  border-radius: 50%;
  line-height: 56px;
  text-align: center;
}
.grage-section .garage-content__history-box .history-box__item-icon .icon-image {
  vertical-align: middle;
}
.grage-section .garage-content__history-box .history-box__item-icon .icon-history-total {
  margin-left: 7px;
}
.grage-section .table--garage-list thead th {
  background-color: #f7f7fd;
}
.grage-section .table--garage-list thead th + th {
  border-width: 1px 0 1px 1px;
}
.grage-section .table--garage-list th,
.grage-section .table--garage-list td {
  padding: 11px;
}
.grage-section .table--garage-list td {
  border-width: 1px 0 1px 0;
}
.grage-section .table--garage-list td + td {
  border-width: 1px 0 1px 1px;
}
.grage-section .icon-image {
  display: inline-block;
  background: url("/UIDev/v3/images/garage/icon_common.png") no-repeat 0 0;
}
.grage-section .icon-image.icon-service-parts {
  width: 26px;
  height: 40px;
  background-position: -10px -10px;
}
.grage-section .icon-image.icon-service-mall {
  width: 33px;
  height: 40px;
  background-position: -56px -10px;
}
.grage-section .icon-image.icon-service-insure {
  width: 29px;
  height: 40px;
  background-position: -109px -10px;
}
.grage-section .icon-image.icon-service-sell {
  width: 50px;
  height: 40px;
  background-position: -158px -10px;
}
.grage-section .icon-image.icon-service-change {
  width: 44px;
  height: 42px;
  background-position: -226px -9px;
}
.grage-section .icon-image.icon-service-direct {
  width: 39px;
  height: 41px;
  background-position: -289px -10px;
}
.grage-section .icon-image.icon-history-total {
  width: 30px;
  height: 26px;
  background-position: -10px -68px;
}
.grage-section .icon-image.icon-history-steal {
  width: 23px;
  height: 23px;
  background-position: -50px -69px;
}
.grage-section .icon-image.icon-history-flood {
  width: 34px;
  height: 20px;
  background-position: -83px -71px;
}
.grage-section .icon-image.icon-history-use {
  width: 24px;
  height: 22px;
  background-position: -127px -70px;
}
.grage-section .icon-image.icon-history-my {
  width: 40px;
  height: 26px;
  background-position: -160px -68px;
}
.grage-section .icon-image.icon-history-other {
  width: 40px;
  height: 26px;
  background-position: -212px -68px;
}
.grage-section .icon-image.icon-history-owner {
  width: 22px;
  height: 23px;
  background-position: -261px -69px;
}
.grage-section .icon-image.icon-history-number {
  width: 36px;
  height: 14px;
  background-position: -293px -74px;
}
.grage-section .icon-image.icon-history-info {
  width: 24px;
  height: 23px;
  background-position: -339px -70px;
}
.grage-section .icon-image.icon-history-rent {
  width: 36px;
  height: 24px;
  background-position: -10px -170px;
}
.grage-section .icon-image.icon-history-official {
  width: 34px;
  height: 25px;
  background-position: -56px -170px;
}
.grage-section .icon-image.icon-offer-notice, .grage-section .icon-image.icon-menu-price {
  width: 40px;
  height: 40px;
  background-position: -10px -110px;
}
.grage-section .icon-image.icon-offer-history, .grage-section .icon-image.icon-menu-diagnosis {
  width: 41px;
  height: 40px;
  background-position: -63px -110px;
}
.grage-section .icon-image.icon-offer-drive {
  width: 48px;
  height: 40px;
  background-position: -118px -110px;
}
.grage-section .icon-image.icon-offer-term, .grage-section .icon-image.icon-menu-calendar {
  width: 38px;
  height: 40px;
  background-position: -180px -110px;
}
.grage-section .icon-image.icon-offer-renuwal, .grage-section .icon-image.icon-menu-manage {
  width: 40px;
  height: 40px;
  background-position: -233px -110px;
}
.grage-section .icon-image.icon-offer-coupon {
  width: 42px;
  height: 40px;
  background-position: -288px -110px;
}
.grage-section .icon-image.icon-menu-recommend {
  width: 40px;
  height: 40px;
  background-position: -340px -110px;
}
.grage-section .table--text-center th,
.grage-section .table--text-center td {
  text-align: center;
}
.grage-section .table--text-center th.cell-left,
.grage-section .table--text-center td.cell-left {
  text-align: left;
}
.grage-section .grage-section-content {
  margin-top: 34px;
}
.grage-section .grage-section-content .dialog-garage__desc {
  text-align: center;
  margin-bottom: 27px;
}
.grage-section .grage-section-content .dialog-garage__desc-name {
  margin: 0 0 6px 0;
  padding: 0;
  font-size: 24px;
}
.grage-section .grage-section-content .dialog-garage__desc-maker {
  display: block;
  margin-bottom: 2px;
  font-size: 18px;
}
.grage-section .grage-section-content .dialog-garage__desc-model {
  display: block;
  margin-top: 3px;
  color: #9a9ea5;
}
.grage-section .grage-section-content .dialog-garage__desc-date {
  color: #8f8f8f;
}
.grage-section .grage-section-content .dialog-garage__desc-text {
  color: #8f8f8f;
  letter-spacing: -1px;
}
.grage-section .grage-section-content .dialog-garage__desc-check {
  font-size: 20px;
  color: #f50;
}
.grage-section .grage-section-content .dialog-garage__desc-drive {
  display: block;
  margin-bottom: 8px;
  font-size: 20px;
}
.grage-section .grage-section-content .dialog-garage__desc-drive strong {
  color: #f50;
}
.grage-section .grage-section-content .garage-search-number {
  margin: 45px 0 55px;
}
.grage-section .grage-section-content .table-title {
  margin-left: 4px;
  margin-bottom: 8px;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
}
.grage-section .dialog-garage__history {
  margin: 30px 0 0;
}
.grage-section .dialog-garage__history-title {
  font-size: 24px;
  font-weight: 700;
  margin: 0 3px 17px;
  padding: 0;
}
.grage-section .dialog-garage__history-title .history-title__text {
  display: block;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #a4a4a4;
}
.grage-section .dialog-garage__history-title .history-title__text-number {
  font-style: normal;
  color: #3149b4;
}
.grage-section .dialog-garage__history-box {
  margin-bottom: 34px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e8e8e8;
}
.grage-section .dialog-garage__history-box .history-box__case {
  height: 80px;
  margin: 0;
  padding: 0;
  background-color: #f5f4f3;
  font-size: 20px;
  line-height: 80px;
  text-align: center;
}
.grage-section .dialog-garage__history-box .dialog-garage__thumb {
  padding-top: 0;
  padding-bottom: 0;
}
.grage-section .dialog-garage__history-box .dialog-garage__thumb .dialog-garage__desc-date {
  margin: 0;
}
.grage-section .dialog-garage__history-box .dialog-garage__thumb-box {
  width: 120px;
}
.grage-section .dialog-garage__history-box .dialog-infobox {
  padding-top: 17px;
  border-top: 0;
}
.grage-section .dialog-garage__history-box .dialog-infobox + .dialog-infobox {
  margin-top: 17px;
}
.grage-section .dialog-garage__history-box .dialog-infobox .dialog-descbox {
  margin-top: 15px;
  margin-bottom: 15px;
}
.grage-section .dialog-garage__history-box .dialog-infobox .dialog-descbox__list:before {
  top: 6px;
}
.grage-section .dialog-garage__history-box .dialog-descbox {
  margin-top: 25px;
}
.grage-section .dialog-garage__history-box .dialog-descbox__list + .dialog-descbox__list {
  margin-top: 4px;
}
.grage-section .dialog-garage__history-box + .dialog-garage__history-box {
  margin-top: -17px;
  margin-bottom: 0;
  padding-bottom: 25px;
  border-bottom: 0;
}
.grage-section .dialog-garage__history-spec {
  margin: 0 -20px;
}
.grage-section .dialog-garage__history-spec:after {
  display: block;
  content: "";
  clear: both;
}
.grage-section .dialog-garage__history-spec .table--detail-info {
  float: left;
  width: 45.7%;
  margin: 0 20px;
}
.grage-section .dialog-garage__thumb {
  padding-top: 55px;
  padding-bottom: 20px;
}
.grage-section .dialog-garage__thumb .dialog-garage__desc-date {
  display: inline-block;
  margin-bottom: 10px;
}
.grage-section .dialog-garage__thumb .dialog-garage__desc-name {
  margin-bottom: 8px;
}
.grage-section .dialog-garage__thumb-box {
  display: block;
  width: 210px;
  margin: 0 auto 15px;
}
.grage-section .dialog-garage__thumb-box .thumb-box__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.grage-section .dialog-infobox {
  border-top: 1px solid #e8e8e8;
  padding: 27px 4px 0;
  line-height: 1.5;
}
.grage-section .dialog-infobox__title {
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 0 24px;
  font-weight: 700;
}
.grage-section .dialog-infobox__title:before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url("/UIDev/v3/images/garage/icon_info.png") no-repeat 0 0;
  vertical-align: bottom;
}
.grage-section .dialog-infobox__list {
  margin: 0;
  padding: 0 0 0 3px;
  font-size: 12px;
  list-style: none;
}
.grage-section .dialog-infobox__list-item {
  position: relative;
  margin: 0;
  padding: 0 0 0 16px;
}
.grage-section .dialog-infobox__list-item:before {
  position: absolute;
  top: 4px;
  left: 0;
  content: "";
  width: 10px;
  height: 10px;
  background: url("/UIDev/v3/images/garage/icon_info_mark.png") no-repeat 0 0;
}
.grage-section .dialog-infobox__list-item + .dialog-infobox__list-item {
  margin-top: 4px;
}
.grage-section .dialog-infobox__list-item strong {
  color: #8d744a;
}
.grage-section .dialog-infobox__desc {
  display: block;
  text-align: center;
}
.grage-section .dialog-descbox {
  margin: 25px 4px 0;
  padding: 0;
  list-style: none;
  line-height: 1.5;
}
.grage-section .dialog-descbox__list {
  position: relative;
  margin: 0;
  padding: 0 0 0 10px;
}
.grage-section .dialog-descbox__list:before {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  border-left: 4px solid #656565;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  vertical-align: middle;
}
.grage-section .dialog-descbox__list.accent:before {
  border-left-color: #f50;
}
.grage-section .dialog-descbox__list + .dialog-descbox__list {
  margin-top: 23px;
}

.from-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.from-col > .item {
  width: calc((100% - 8px) / 2);
}

.color-org {
  color: #ff5d16 !important;
}

.color-org--2 {
  color: #f23f3f !important;
}

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

.title-cmgrl-2 {
  margin-left: 2px;
  margin-right: 2px;
}

.title-cmgrl-4 {
  margin-left: 4px;
  margin-right: 4px;
}

.title-cmgrl-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.title-cmgl-2 {
  margin-left: 2px;
}

.title-cmgl-4 {
  margin-left: 4px;
}

.title-cmgl-8 {
  margin-left: 8px;
}

.col-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.col-area [class*=btn-] + [class*=inp-],
.col-area [class*=btn-] + [class*=btn-] {
  margin-left: 6px;
}
.col-area.col-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.col-area.col-right {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.col-area.col-2 > .item {
  width: calc((100% - 8px) / 2);
}
.col-area.col-2 > .item + .item {
  margin-left: 8px;
}
.col-area.col-3 > .item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
}
.col-area.col-3 > .item + .item {
  margin-left: 16px;
}
.col-area.col-3 .new-select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.col-area.col-3 .new-select + .new-select {
  margin-left: 8px;
}
.col-area .item {
  text-align: right;
}
.col-area .item + .col-title {
  margin-top: 18px;
}
.col-area .col-title {
  margin-bottom: -10px;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.col-area .essential {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  color: #f23f3f;
}
.col-area .text-link {
  font-weight: 500;
  text-decoration: underline;
  -ms-flex-item-align: end;
      align-self: end;
}
.col-area.ty-2 [class*=form-] + [class*=form-] {
  margin-left: 12px;
}
.col-area.col-ty-3 {
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  margin-top: 0 !important;
}
.col-area.col-ty-3 [class*=btn-] + [class*=btn-] {
  margin-left: 4px;
}

.form-btn {
  display: grid;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
}
.form-btn .inp-t,
.form-btn .btn-new {
  min-width: auto;
  margin-left: 0;
}
.form-btn.form-btn--single {
  grid-template-columns: auto 61px;
}
.form-btn.form-btn--double {
  grid-template-columns: auto 61px 61px;
}
.form-btn.form-btn-cmg {
  margin: 0 11px 16px 0;
}

.period-area {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
}
.period-area .tilde {
  font-weight: 500;
}

.form-txt [class*=ft-] {
  display: block;
  line-height: 16px;
  margin-top: 10px;
  font-size: 14px;
}
.form-txt [class*=ft-] + .ft-list {
  margin-top: 20px;
}
.form-txt .ft-gray {
  color: #999;
}
.form-txt .ft-black {
  color: #222;
}
.form-txt .ft-red {
  color: #fd665c;
}
.form-txt[class*=mark-] {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  font-weight: 300;
}
.form-txt[class*=mark-] [class*=ft-] {
  position: relative;
  padding-left: 20px;
  margin: 8px 2px 0 4px;
}
.form-txt[class*=mark-] [class*=ft-]::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.form-txt[class*=mark-].mark-large [class*=ft-] {
  padding-left: 28px;
  margin: 10px 2px 0 4px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.form-txt[class*=mark-].mark-large [class*=ft-]::before {
  content: "";
  margin: 2px;
  width: 20px;
  height: 20px;
  background-image: urlurl("/UIDev/v3/images/icon/icon-error-mark.svg");
  background-size: 2.5px auto;
  background-position: center center;
}
.form-txt[class*=mark-].mark-large [class*=ft-] + [class*=ft-] {
  margin-top: 4px;
}
.form-txt.mark-error .ft-red {
  color: #fd665c;
}
.form-txt.mark-error .ft-red::before {
  background-color: #f23f3f;
  background-image: url(../images/icon/icon-error-mark.svg);
  background-size: 2px auto;
}
.form-txt.mark-check .ft-blue {
  color: #287eff;
}
.form-txt.mark-check .ft-blue::before {
  background-color: #287eff;
  background-image: url(../images/icon/icon-chk-radio-on-white.svg);
  background-size: 10px auto;
}

.toggle-box-list {
  margin-top: 32px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
.toggle-box-list .item {
  margin-top: 8px;
}
.toggle-box-list .item:first-child {
  margin-top: 0;
}
.toggle-box-list .item > .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-height: 72px;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0 32px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  cursor: pointer;
}
.toggle-box-list .item > .tit .bul-ess {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.toggle-box-list .item > .tit .bul-ess::before {
  display: inline-block;
  content: "*";
  color: #ff5d16;
}
.toggle-box-list .item > .tit::after {
  display: block;
  width: 15px;
  height: 16px;
  background: url("../images/icon/icon-arrow-right-black.svg");
  -webkit-transform: rotate(-270deg);
      -ms-transform: rotate(-270deg);
          transform: rotate(-270deg);
  content: "";
}
.toggle-box-list .item > .tit .info-area,
.toggle-box-list .item > .tit .error-p-area {
  display: none;
  position: absolute;
  right: 32px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.toggle-box-list .item > .tit .info-area .info,
.toggle-box-list .item > .tit .info-area .invalid-txt,
.toggle-box-list .item > .tit .error-p-area .info,
.toggle-box-list .item > .tit .error-p-area .invalid-txt {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  max-width: 360px;
  width: 360px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toggle-box-list .item > .tit .info-area .info small,
.toggle-box-list .item > .tit .info-area .invalid-txt small,
.toggle-box-list .item > .tit .error-p-area .info small,
.toggle-box-list .item > .tit .error-p-area .invalid-txt small {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.toggle-box-list .item > .tit .info-area .info .logo,
.toggle-box-list .item > .tit .info-area .info .color,
.toggle-box-list .item > .tit .info-area .invalid-txt .logo,
.toggle-box-list .item > .tit .info-area .invalid-txt .color,
.toggle-box-list .item > .tit .error-p-area .info .logo,
.toggle-box-list .item > .tit .error-p-area .info .color,
.toggle-box-list .item > .tit .error-p-area .invalid-txt .logo,
.toggle-box-list .item > .tit .error-p-area .invalid-txt .color {
  margin-right: 4px;
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
}
.toggle-box-list .item > .tit .info-area .info .logo,
.toggle-box-list .item > .tit .info-area .invalid-txt .logo,
.toggle-box-list .item > .tit .error-p-area .info .logo,
.toggle-box-list .item > .tit .error-p-area .invalid-txt .logo {
  width: 32px;
  height: 32px;
}
.toggle-box-list .item > .tit .info-area .info .logo > img,
.toggle-box-list .item > .tit .info-area .invalid-txt .logo > img,
.toggle-box-list .item > .tit .error-p-area .info .logo > img,
.toggle-box-list .item > .tit .error-p-area .invalid-txt .logo > img {
  width: 100%;
}
.toggle-box-list .item > .tit .info-area .info .car-color-area,
.toggle-box-list .item > .tit .info-area .invalid-txt .car-color-area,
.toggle-box-list .item > .tit .error-p-area .info .car-color-area,
.toggle-box-list .item > .tit .error-p-area .invalid-txt .car-color-area {
  border: 1px solid #f8f8f8;
}
.toggle-box-list .item > .tit .info-area .btn-modify,
.toggle-box-list .item > .tit .error-p-area .btn-modify {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  background-color: #eee;
  z-index: 10;
}
.toggle-box-list .item > .tit .info-area .btn-modify::after,
.toggle-box-list .item > .tit .error-p-area .btn-modify::after {
  display: inline-block;
  width: 15px;
  height: 16px;
  background: url("../images/icon/icon-arrow-right-black.svg");
  -webkit-transform: rotate(-270deg);
      -ms-transform: rotate(-270deg);
          transform: rotate(-270deg);
  content: "";
  vertical-align: middle;
  margin-left: 4px;
}
.toggle-box-list .item > .tit .error-p-area .invalid-txt {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  max-width: auto;
  width: auto;
}
.toggle-box-list .item.on .tit {
  border: 2px solid #222;
  border-radius: 4px 4px 0 0;
  padding: 0 31px;
}
.toggle-box-list .item.on .tit:after {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.toggle-box-list .item.on .tit + .con {
  display: block;
  border: 2px solid #222;
  border-top: none;
  border-radius: 0 0 4px 4px;
  padding: 32px;
}
.toggle-box-list .item.on .tit + .con .col-area-wrap,
.toggle-box-list .item.on .tit + .con .con-area {
  opacity: 1;
}
.toggle-box-list .item.toggle-none > .tit::after {
  display: none;
}
.toggle-box-list .item.toggle-none > .tit .btn-modify::after {
  -webkit-transform: rotate(-360deg);
      -ms-transform: rotate(-360deg);
          transform: rotate(-360deg);
}
.toggle-box-list .item .input-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;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.toggle-box-list .item.disable > .tit {
  border: 1px solid #eee;
  background-color: #eee;
  cursor: initial;
}
.toggle-box-list .item.disable > .tit::after {
  display: block;
  width: 15px;
  height: 16px;
  background: url("../images/icon/icon-arrow-right-black.svg");
  -webkit-transform: rotate(-270deg);
      -ms-transform: rotate(-270deg);
          transform: rotate(-270deg);
  content: "";
}
.toggle-box-list .item.disable > .tit .input-area {
  display: none;
}
.toggle-box-list .item.disable .info-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.toggle-box-list .item.error > .tit {
  border: 2px solid #f23f3f;
  padding: 0 31px;
}
.toggle-box-list .item.error > .tit .input-area {
  display: none;
}
.toggle-box-list .item.error .error-p-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.toggle-box-list .item.error .error-p-area .btn-modify {
  background-color: #fff;
}
.toggle-box-list .con {
  display: none;
  overflow: hidden;
  border: 1px solid #ddd;
}
.toggle-box-list .con .col-area-wrap {
  opacity: 0;
  height: 184px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.toggle-box-list .con .col-area {
  margin-top: 0;
  row-gap: 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
}
.toggle-box-list .con .col-area .item {
  width: 100%;
  text-align: left;
  margin-top: 0;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 0;
}
.toggle-box-list .con .col-area .item small {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  color: #666;
}
.toggle-box-list .con .col-area .item .car-color-area {
  margin-top: -2px;
}
.toggle-box-list .con .col-area .item .inp-t-3 {
  margin-left: 12px;
}
.toggle-box-list .con .col-area .item .flex-column {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.toggle-box-list .con .col-area .item .flex-column .bullet-star-2 {
  margin-left: 12px;
}
.toggle-box-list .con .col-area.col-2 .item {
  width: 50%;
}
.toggle-box-list .con .col-area.col-3 .item {
  width: 33.3333333333%;
}
.toggle-box-list .con .col-area.col-4 .item {
  width: 25%;
}
.toggle-box-list .con .col-area .col-none {
  width: 100% !important;
}
.toggle-box-list .con .con-area {
  opacity: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.toggle-box-list + .col-area {
  margin-top: 32px !important;
}
.toggle-box-list.toggle-box-list--ty2.play-type {
  margin-top: 14px;
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area > .col-area {
  gap: 0 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area > .col-area.col-2 .item {
  width: calc((100% - 40px) / 2);
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area .sub-pay {
  font-weight: 300;
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area .sub-pay::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: #ddd;
  vertical-align: middle;
  margin: -3px 16px 0 12px;
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area .gray-box-ty-3 {
  margin-top: 8px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area .gray-box-ty-3 .col-title {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  font-weight: 300;
  margin-bottom: 0;
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area .gray-box-ty-3 .col-title.col-area {
  gap: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area .gray-box-ty-3 .col-title .col-title--text-align > span {
  vertical-align: middle;
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area .gray-box-ty-3 .col-content {
  margin-top: 8px;
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area .gray-box-ty-3 .col-content .col-area.col-2 {
  row-gap: 8px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area .gray-box-ty-3 .col-content .col-area.col-2 dt,
.toggle-box-list.toggle-box-list--ty2.play-type .con-area .gray-box-ty-3 .col-content .col-area.col-2 dd {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area .gray-box-ty-3 .col-content .col-area.col-2 dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area .gray-box-ty-3 .col-content .col-area.col-2 dt .d-day {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #ff5d16;
  padding-left: 8px;
  margin-left: 8px;
  position: relative;
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area .gray-box-ty-3 .col-content .col-area.col-2 dt .d-day::before {
  content: "";
  width: 1px;
  height: 12px;
  background-color: #ddd;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area .gray-box-ty-3 .col-content .col-area.col-2 dd {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  text-align: right;
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area .line-box-4 .col-title {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  margin-bottom: 0;
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area .line-box-4 .col-title.col-area {
  gap: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.toggle-box-list.toggle-box-list--ty2.play-type .con-area .line-box-4 .col-title .col-title--text-align > span {
  vertical-align: middle;
}
.toggle-box-list.toggle-box-list--ty2.play-type .play-title {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
}
.toggle-box-list.toggle-box-list--ty2.play-type .play-list > li + li {
  margin-top: 24px;
}
.toggle-box-list.toggle-box-list--ty2.play-type + [class*=line-box] {
  margin-top: 12px;
}
.toggle-box-list.toggle-box-list--ty2.play-type + [class*=line-box] ~ [class*=line-box] {
  margin-top: 12px;
}
.toggle-box-list.toggle-box-list--ty2.play-type + .car-search-area {
  margin-top: 40px;
}
.toggle-box-list.toggle-box-list--ty2 .item {
  margin-top: 12px;
}
.toggle-box-list.toggle-box-list--ty2 .item > .tit {
  font-size: 16px;
  line-height: 23px;
  font-weight: 700;
  border: 1px solid #222;
  border-radius: 6px;
}
.toggle-box-list.toggle-box-list--ty2 .item > .tit::after {
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/icon/icon_arrow_circle.svg") center no-repeat;
  -webkit-transform: rotate(-270deg);
      -ms-transform: rotate(-270deg);
          transform: rotate(-270deg);
  border-radius: 100%;
  border: 1px solid #222;
  content: "";
}
.toggle-box-list.toggle-box-list--ty2 .item > .tit .info-area--ty2 {
  position: absolute;
  right: 72px;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  font-weight: 300;
  max-width: 60%;
  width: auto;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toggle-box-list.toggle-box-list--ty2 .item > .tit .info-area--ty2 > .info + .info::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: #ddd;
  vertical-align: middle;
  margin: -3px 16px 0 12px;
}
.toggle-box-list.toggle-box-list--ty2 .item > .tit .info-area--ty2 > .info .d-day {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  color: #ff5d16;
}
.toggle-box-list.toggle-box-list--ty2 .item > .con {
  margin-top: -1px;
}
.toggle-box-list.toggle-box-list--ty2 .item.on .tit {
  border: 1px solid #222;
  padding: 24px 32px;
  border-radius: 6px 6px 0 0;
}
.toggle-box-list.toggle-box-list--ty2 .item.on .tit:after {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.toggle-box-list.toggle-box-list--ty2 .item.on .tit + .con {
  border: 1px solid #222;
  border-radius: 0 0 6px 6px;
  padding: 24px 32px;
}
.toggle-box-list.toggle-box-list--ty2 .item.on .tit + .con .con-area {
  opacity: 1;
  overflow: visible;
}

.line-box-4.line-box-4--ty2 + .car-search-area {
  margin-top: 40px;
}

.use-situation-list {
  margin-top: 8px;
  font-weight: 300;
}
.use-situation-list .bar::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #ddd;
  margin: -1px 8px 0 6px;
  vertical-align: middle;
}
.use-situation-list > li + li {
  margin-top: 4px;
}

.option-info-list {
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd;
}
.option-info-list .sub-category {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  font-weight: 700;
  margin-bottom: 6px;
}
.option-info-list .sub-category ~ .sub-category-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.option-info-list .sub-category-desc {
  background-color: #f8f8f8;
  margin-top: 12px;
  padding: 12px 16px;
  border-radius: 4px;
}

.option-info-list .form-chk-radio input[type=checkbox] + label,
.option-info-list .form-chk-radio input[type=radio] + label,
.chk-list .form-chk-radio input[type=checkbox] + label,
.chk-list .form-chk-radio input[type=radio] + label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  padding-left: 23px;
}
.option-info-list .form-chk-radio input[type=checkbox] + label::before,
.option-info-list .form-chk-radio input[type=radio] + label::before,
.chk-list .form-chk-radio input[type=checkbox] + label::before,
.chk-list .form-chk-radio input[type=radio] + label::before {
  width: 18px;
  height: 18px;
}
.option-info-list .form-chk-radio.fm-black input[type=checkbox] + label::before,
.option-info-list .form-chk-radio.fm-black input[type=radio] + label::before,
.chk-list .form-chk-radio.fm-black input[type=checkbox] + label::before,
.chk-list .form-chk-radio.fm-black input[type=radio] + label::before {
  background-image: url(/UIDev/v3/images/icon/icon-chk-radio-off-black.svg);
  background-color: #fff;
  border-color: #222;
}
.option-info-list .form-chk-radio.fm-black input[type=checkbox]:checked + label::before,
.option-info-list .form-chk-radio.fm-black input[type=radio]:checked + label::before,
.chk-list .form-chk-radio.fm-black input[type=checkbox]:checked + label::before,
.chk-list .form-chk-radio.fm-black input[type=radio]:checked + label::before {
  background-image: url(/UIDev/v3/images/icon/icon-chk-radio-on-yellow.svg);
  background-color: #222;
  border-color: #222;
}

.chk-list-area {
  margin-top: 12px;
}
.chk-list-area .form-chk-radio {
  display: inline-block;
}
.chk-list-area .form-chk-radio + .form-chk-radio {
  margin-left: 16px;
}
.chk-list-area .form-chk-radio input[type=checkbox]:disabled + label,
.chk-list-area .form-chk-radio input[type=radio]:disabled + label {
  color: #222;
  font-weight: 300;
}

.before-price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.before-price-box .label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.before-price-box .price {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  text-decoration: line-through;
}

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

.d-flex-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.d-flex-area.gap4 {
  gap: 4px;
}
.d-flex-area.gap12 {
  gap: 12px;
}
.d-flex-area.gap16 {
  gap: 16px;
}
.d-flex-area.gap24 {
  gap: 24px;
}
.d-flex-area.gap32 {
  gap: 32px;
}
.d-flex-area.popup-footer {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.d-flex-area.popup-footer .btn-new ~ .btn-new {
  margin-left: 0;
}
.d-flex-area.j-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.visual-area {
  padding: 0 2px;
}

.header-dealer-sell + .main-area {
  min-height: auto;
}

.dealer-sell-area {
  margin: 72px auto 128px;
  width: 600px;
  min-height: 406px;
}
.dealer-sell-area a {
  text-decoration: none;
}
.dealer-sell-area .input-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  border-radius: 8px;
  border: 2px solid #222;
  padding: 12px 32px;
  height: 120px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.dealer-sell-area .input-search input {
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
}
.dealer-sell-area .input-search input::-webkit-input-placeholder {
  color: #ddd;
  font-weight: 300;
}
.dealer-sell-area .input-search input::-moz-placeholder {
  color: #ddd;
  font-weight: 300;
}
.dealer-sell-area .input-search input:-ms-input-placeholder {
  color: #ddd;
  font-weight: 300;
}
.dealer-sell-area .input-search input::-ms-input-placeholder {
  color: #ddd;
  font-weight: 300;
}
.dealer-sell-area .input-search input::placeholder {
  color: #ddd;
  font-weight: 300;
}
.dealer-sell-area .input-search .btn-new {
  width: 92px;
}
.dealer-sell-area .input-search.form-error {
  border-color: #f23f3f;
}
.dealer-sell-area .symbol-bul {
  margin: 8px 0 0 8px;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
}
.dealer-sell-area .line-box {
  margin-top: 32px;
}
.dealer-sell-area .line-box .col-area:not(.line-box-hr) {
  margin-top: 0;
}
.dealer-sell-area .col-area {
  margin-top: 24px;
}
.dealer-sell-area .sub-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 12px;
}
.dealer-sell-area .sub-category > li {
  width: 33.3333333333%;
}
.dealer-sell-area .sub-category > li .form-chk-radio,
.dealer-sell-area .sub-category > li .sub-category-cont {
  display: inline-block;
}
.dealer-sell-area .sub-category > li .form-chk-radio .form-radio,
.dealer-sell-area .sub-category > li .sub-category-cont .form-radio {
  display: inline-block;
}
.dealer-sell-area .sub-category.col-2 > li {
  width: 50%;
}
.dealer-sell-area .table-list-2.ty-2 + .table-list-2.ty-2 {
  margin-top: -1px;
}

.form-chk-radio.chk-x input[type=checkbox]:checked + label::before,
.form-chk-radio.chk-x input[type=radio]:checked + label::before {
  background: #f23f3f url("/UIDev/v3/images/icon/icon-chk-x.svg") center no-repeat;
  border: 0;
}
.form-chk-radio.chk-w input[type=checkbox]:checked + label::before,
.form-chk-radio.chk-w input[type=radio]:checked + label::before {
  background: #287eff url("/UIDev/v3/images/icon/icon-chk-w.svg") center no-repeat;
  border: 0;
}
.form-chk-radio.chk-c input[type=checkbox]:checked + label::before,
.form-chk-radio.chk-c input[type=radio]:checked + label::before {
  background: #00a596 url("/UIDev/v3/images/icon/icon-chk-c.svg") center no-repeat;
  border: 0;
}
.form-chk-radio.chk-a input[type=checkbox]:checked + label::before,
.form-chk-radio.chk-a input[type=radio]:checked + label::before {
  background: #888888 url("/UIDev/v3/images/icon/icon-chk-a.svg") center no-repeat;
  border: 0;
}
.form-chk-radio.chk-u input[type=checkbox]:checked + label::before,
.form-chk-radio.chk-u input[type=radio]:checked + label::before {
  background: #7d6c59 url("/UIDev/v3/images/icon/icon-chk-u.svg") center no-repeat;
  border: 0;
}
.form-chk-radio.chk-t input[type=checkbox]:checked + label::before,
.form-chk-radio.chk-t input[type=radio]:checked + label::before {
  background: #b0986a url("/UIDev/v3/images/icon/icon-chk-t.svg") center no-repeat;
  border: 0;
}

.dealer-sell-title {
  font-size: 40px;
  font-weight: 300;
  line-height: 52px;
  margin-left: 16px;
}
.dealer-sell-title strong {
  font-weight: 700;
}
.dealer-sell-title strong.car-color-orange {
  color: #ff5d16;
}
.dealer-sell-title strong.color-org {
  font-weight: 500;
}
.dealer-sell-title.ty-2 {
  font-size: 32px;
  font-weight: 300;
  line-height: 44px;
}
.dealer-sell-title.ty-2 .name {
  font-size: 32px;
  line-height: 44px;
  font-weight: 500;
}
.dealer-sell-title.ty-2 strong {
  font-size: 40px;
}
.dealer-sell-title.ty-2 strong.car-color-orange {
  font-size: 32px;
  font-weight: 300;
  color: #ff5d16;
}
.dealer-sell-title.ty-2 strong.color-org {
  font-size: 32px;
}
.dealer-sell-title.ty-sm {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin: 32px 8px 16px;
}
.dealer-sell-title.ty-sm .desc {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  margin-top: 4px;
}

.link-area {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #ddd;
}
.link-area .title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
}
.link-area .title + .inp-t {
  margin-top: 8px;
}

/* 광고매물 등록 - 자동차 로고 */
.logo-car {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-top: -2px;
}
.logo-car > img {
  width: 100%;
}

/* 광고매물 등록 - 색상 */
.car-color-area {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  margin-right: 4px;
  vertical-align: middle;
}
.car-color-area.car-color-black {
  background-color: #222;
}
.car-color-area.car-color-white {
  background-color: #fff;
  border: 0.1rem solid #ddd;
}
.car-color-area.car-color-silver {
  background-color: #eee;
}
.car-color-area.car-color-pearl {
  background-color: #f9f9f9;
}
.car-color-area.car-color-beige {
  background-color: #b0986a;
}
.car-color-area.car-color-brown {
  background-color: #7d6c59;
}
.car-color-area.car-color-gray {
  background-color: #aaa;
}
.car-color-area.ty-seat.car-color-gray {
  background-color: #888;
}
.car-color-area.car-color-orange {
  background-color: #ff5d16;
}
.car-color-area.car-color-red {
  background-color: #f23f3f;
}
.car-color-area.car-color-green {
  background-color: #00a596;
}
.car-color-area.car-color-blue {
  background-color: #287eff;
}
.car-color-area.car-color-yellow {
  background-color: #ffd338;
}
.car-color-area.car-color-purple {
  background-color: #900a95;
}

/* 광고매물 등록 - 신고서 등록 */
.document-area {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  grid-template-areas: "thumb title" "thumb btn-area";
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
}
.document-area .thumb {
  display: inline-block;
  width: 85px;
  height: 64px;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #ddd;
  grid-area: thumb;
}
.document-area .thumb img {
  width: 100%;
}
.document-area .title {
  grid-area: title;
  align-self: center;
}
.document-area .btn-area {
  grid-area: btn-area;
  align-self: end;
}
.document-area .btn-area .btn-new {
  margin-left: 0;
}

.document-registration-area {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 24px;
  gap: 16px;
}
.document-registration-area .item {
  position: relative;
  overflow: hidden;
  height: 530px;
  position: relative;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.document-registration-area .item .base::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.document-registration-area .item .base.base-1::before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url("/UIDev/v3/images/temp/@thumb-document-02.png") lightgray 50%/cover no-repeat;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url("/UIDev/v3/images/temp/@thumb-document-02.png") lightgray 50%/cover no-repeat;
}
.document-registration-area .item .base.base-2::before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url("/UIDev/v3/images/temp/@thumb-document-03.png") lightgray 50%/cover no-repeat;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url("/UIDev/v3/images/temp/@thumb-document-03.png") lightgray 50%/cover no-repeat;
}
.document-registration-area .item .base.base-3::before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url("/UIDev/v3/images/temp/@thumb-document-04.png") lightgray 50%/cover no-repeat;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url("/UIDev/v3/images/temp/@thumb-document-04.png") lightgray 50%/cover no-repeat;
}
.document-registration-area .item .base.base-4::before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url("/UIDev/v3/images/temp/@thumb-document-05.png") lightgray 50%/cover no-repeat;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url("/UIDev/v3/images/temp/@thumb-document-05.png") lightgray 50%/cover no-repeat;
}
.document-registration-area .item .base.base-5::before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url("/UIDev/v3/images/temp/@thumb-document-06.png") lightgray 50%/cover no-repeat;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url("/UIDev/v3/images/temp/@thumb-document-06.png") lightgray 50%/cover no-repeat;
}
.document-registration-area .item .base .info {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  min-width: 215px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.document-registration-area .item .base .info .info-text {
  position: relative;
  color: #f8f8f8;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  letter-spacing: 0;
  padding-right: 0;
}
.document-registration-area .item .base .info .info-text .bullet {
  position: absolute;
  top: 0;
  left: -13px;
  display: inline-block;
  margin-right: 4px;
  color: #ff5d16;
}
.document-registration-area .item .base .info .btn-ty-2 {
  display: block;
  margin: 24px auto 0;
  border-color: #666;
  width: 100px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.document-registration-area .item .base .info .btn-ty-2 .label {
  display: block;
  margin: 0 -12px;
  line-height: 37px;
  cursor: pointer;
}
.document-registration-area .item .photo-area img {
  width: 100%;
}
.document-registration-area .item .btn-delete {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  border: 1px solid #222;
  border-radius: 24px;
  background-color: #fff;
}
.document-registration-area .item .btn-delete::before, .document-registration-area .item .btn-delete::after {
  content: "";
  display: block;
  width: 13px;
  height: 2px;
  border-radius: 2px;
  background-color: #26282c;
  position: absolute;
  top: 50%;
  left: 50%;
}
.document-registration-area .item .btn-delete::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.document-registration-area .item .btn-delete::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.document-registration-area.ty-2 .item {
  height: 265px;
}

.car-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
  padding: 0 8px;
  height: 56px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.car-info-list > li {
  position: relative;
  width: calc((100% - 16px) / 3);
  text-align: center;
}
.car-info-list > li .info-con {
  margin-left: 16px;
  font-weight: 500;
}
.car-info-list > li + li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #ddd;
  vertical-align: middle;
}

.type-play-promotion .section.section01 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(22.27%, #fffefd), color-stop(94.31%, #f1d2d2));
  background: linear-gradient(180deg, #fffefd 22.27%, #f1d2d2 94.31%);
}
.type-play-promotion .section.section01::before {
  display: none;
}
.type-play-promotion .section.section01 .c-body-18 {
  opacity: 0;
  -webkit-transform: translate(0, 10px);
      -ms-transform: translate(0, 10px);
          transform: translate(0, 10px);
  -webkit-transition: 0.5s opacity ease-out, 0.5s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s transform ease-out, 0.5s -webkit-transform ease-out;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.type-play-promotion .section.section01 .headline.initiate .btn-new {
  padding: 0 32px;
  font-weight: 500;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.type-play-promotion .section.section01 .headline.initiate .c-body-18 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.type-play-promotion .section.section01.is-enter .play-motion-objs-wrap .play-motion-objs .obj-play {
  top: 400px;
  left: 200px;
  -webkit-transform: translate(0, 0) rotate(0deg);
      -ms-transform: translate(0, 0) rotate(0deg);
          transform: translate(0, 0) rotate(0deg);
  opacity: 1;
}
.type-play-promotion .section.section01.is-enter .play-motion-objs-wrap .play-motion-objs .obj-play-2 {
  opacity: 1;
}
.type-play-promotion .section.section01.is-enter .play-motion-objs-wrap .play-motion-objs .obj-play-car {
  -webkit-transform: translate(0, 206px);
      -ms-transform: translate(0, 206px);
          transform: translate(0, 206px);
  opacity: 1;
}
.type-play-promotion .section.section01.is-enter .play-motion-objs-wrap .play-motion-objs .obj-play-car-2 {
  opacity: 1;
}
.type-play-promotion .section.section01.is-enter .play-motion-objs-wrap .play-motion-objs .obj-play-coin {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}
.type-play-promotion .section.section01.is-enter .play-motion-objs-wrap .play-motion-objs [class*=obj-play-fire] {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}
.type-play-promotion .section.section01 .play-motion-objs-wrap {
  max-width: 1920px;
  width: 1920px;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.type-play-promotion .section.section01 .play-motion-objs-wrap .play-motion-objs {
  z-index: 1;
  position: absolute;
  top: 16px;
  right: 170px;
  width: 608px;
  height: 649px;
}
.type-play-promotion .section.section01 .play-motion-objs-wrap .play-motion-objs .obj-play {
  position: absolute;
  top: 10px;
  left: 20px;
  width: 321px;
  height: 237px;
  background: url("/UIDev/v3/images/sub/obj-play.png") no-repeat 0 0;
  z-index: 2;
  opacity: 0;
  -webkit-transform: scale(0.9) translate(-10px, -10px) rotate(-30deg);
      -ms-transform: scale(0.9) translate(-10px, -10px) rotate(-30deg);
          transform: scale(0.9) translate(-10px, -10px) rotate(-30deg);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.type-play-promotion .section.section01 .play-motion-objs-wrap .play-motion-objs .obj-play-2 {
  position: absolute;
  top: 406px;
  left: 207px;
  width: 318px;
  height: 241px;
  background: url("/UIDev/v3/images/sub/obj-play-2.png") no-repeat 0 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
.type-play-promotion .section.section01 .play-motion-objs-wrap .play-motion-objs .obj-play-car {
  position: absolute;
  top: 0;
  left: 144px;
  width: 377px;
  height: 288px;
  background: url("/UIDev/v3/images/sub/obj-play-car.png") no-repeat 0 0;
  z-index: 3;
  opacity: 0;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 1, 1);
  transition: all 0.35s cubic-bezier(0.4, 0, 1, 1);
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}
@-webkit-keyframes obj-play-bright {
  0% {
    opacity: 0;
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
  40% {
    opacity: 0.7;
    -webkit-filter: brightness(1.4);
            filter: brightness(1.4);
  }
  100% {
    opacity: 1;
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
}
@keyframes obj-play-bright {
  0% {
    opacity: 0;
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
  40% {
    opacity: 0.7;
    -webkit-filter: brightness(1.4);
            filter: brightness(1.4);
  }
  100% {
    opacity: 1;
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
}
.type-play-promotion .section.section01 .play-motion-objs-wrap .play-motion-objs .obj-play-car-2 {
  position: absolute;
  top: 206px;
  left: 144px;
  width: 377px;
  height: 288px;
  background: url("/UIDev/v3/images/sub/obj-play-car-2.png") no-repeat 0 0;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  -webkit-transition-delay: 2.3s;
          transition-delay: 2.3s;
  -webkit-animation: obj-play-bright 0.9s ease-out 2.3s forwards;
          animation: obj-play-bright 0.9s ease-out 2.3s forwards;
}
@-webkit-keyframes obj-play-rotate {
  0% {
    opacity: 0;
    -webkit-transform: translate(-10px, 0) rotate(3deg);
            transform: translate(-10px, 0) rotate(3deg);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate(-10px, 0) rotate(3deg);
            transform: translate(-10px, 0) rotate(3deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(-0.2deg);
            transform: translate(0, 0) rotate(-0.2deg);
  }
}
@keyframes obj-play-rotate {
  0% {
    opacity: 0;
    -webkit-transform: translate(-10px, 0) rotate(3deg);
            transform: translate(-10px, 0) rotate(3deg);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate(-10px, 0) rotate(3deg);
            transform: translate(-10px, 0) rotate(3deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(-0.2deg);
            transform: translate(0, 0) rotate(-0.2deg);
  }
}
.type-play-promotion .section.section01 .play-motion-objs-wrap .play-motion-objs .obj-play-car-dim {
  position: absolute;
  top: 227px;
  left: 161px;
  width: 351px;
  height: 269px;
  background: url("/UIDev/v3/images/sub/obj-play-car-dim.png") no-repeat 0 0;
  z-index: 2;
  opacity: 0;
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 3s;
          transition-delay: 3s;
  -webkit-animation: obj-play-rotate 0.7s ease forwards;
          animation: obj-play-rotate 0.7s ease forwards;
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s;
}
.type-play-promotion .section.section01 .play-motion-objs-wrap .play-motion-objs .obj-play-coin {
  position: absolute;
  bottom: -14px;
  right: -5px;
  width: 141px;
  height: 194px;
  background: url("/UIDev/v3/images/sub/obj-play-coin.png") no-repeat 0 0;
  z-index: 4;
  opacity: 0;
  -webkit-transform: translate(100px, 0);
      -ms-transform: translate(100px, 0);
          transform: translate(100px, 0);
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0, 1, 1);
  transition: all 0.5s cubic-bezier(0.5, 0, 1, 1);
  -webkit-transition-delay: 3.1s;
          transition-delay: 3.1s;
}
.type-play-promotion .section.section01 .play-motion-objs-wrap .play-motion-objs .obj-play-fire {
  position: absolute;
  top: 262px;
  left: 461px;
  width: 69px;
  height: 58px;
  background: url("/UIDev/v3/images/sub/obj-play-fire.png") no-repeat 0 0;
  z-index: 5;
  opacity: 0;
  -webkit-transform: translate(-562px, 0);
      -ms-transform: translate(-562px, 0);
          transform: translate(-562px, 0);
  -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0.5s ease 0s;
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  -webkit-transition-delay: 4s;
          transition-delay: 4s;
}
.type-play-promotion .section.section01 .play-motion-objs-wrap .play-motion-objs .obj-play-fire-2 {
  position: absolute;
  top: 280px;
  left: 102px;
  width: 61px;
  height: 37px;
  background: url("/UIDev/v3/images/sub/obj-play-fire-2.png") no-repeat 0 0;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translate(562px, 0);
      -ms-transform: translate(562px, 0);
          transform: translate(562px, 0);
  -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0.5s ease 0s;
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  -webkit-transition-delay: 4s;
          transition-delay: 4s;
}
.type-play-promotion .section.section01 .play-motion-objs-wrap .play-motion-objs .obj-play-fire-3 {
  position: absolute;
  top: 497px;
  left: 47px;
  width: 95px;
  height: 78px;
  background: url("/UIDev/v3/images/sub/obj-play-fire-3.png") no-repeat 0 0;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translate(562px, 0);
      -ms-transform: translate(562px, 0);
          transform: translate(562px, 0);
  -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0.5s ease 0s;
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  -webkit-transition-delay: 4s;
          transition-delay: 4s;
}
.type-play-promotion .section.section01 .play-motion-objs-wrap .play-motion-objs .obj-play-fire-4 {
  position: absolute;
  top: 202px;
  left: 191px;
  width: 21px;
  height: 21px;
  background: url("/UIDev/v3/images/sub/obj-play-fire-4.png") no-repeat 0 0;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translate(562px, 500px);
      -ms-transform: translate(562px, 500px);
          transform: translate(562px, 500px);
  -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0.5s ease 0s;
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  -webkit-transition-delay: 4s;
          transition-delay: 4s;
}
.type-play-promotion .section.section01 .play-motion-objs-wrap .play-motion-objs .obj-play-fire-5 {
  position: absolute;
  top: 130px;
  left: 395px;
  width: 30px;
  height: 30px;
  background: url("/UIDev/v3/images/sub/obj-play-fire-5.png") no-repeat 0 0;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translate(162px, 500px);
      -ms-transform: translate(162px, 500px);
          transform: translate(162px, 500px);
  -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0.5s ease 0s;
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  -webkit-transition-delay: 4s;
          transition-delay: 4s;
}
.type-play-promotion .section.section01 .play-motion-objs-wrap .play-motion-objs .obj-play-fire-6 {
  position: absolute;
  bottom: -5px;
  left: 253px;
  width: 64px;
  height: 75px;
  background: url("/UIDev/v3/images/sub/obj-play-fire-6.png") no-repeat 0 0;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translate(200px, -500px);
      -ms-transform: translate(200px, -500px);
          transform: translate(200px, -500px);
  -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0.5s ease 0s;
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  -webkit-transition-delay: 4s;
          transition-delay: 4s;
}
.type-play-promotion .section.section01 .play-motion-objs-wrap .play-motion-objs .obj-play-fire-7 {
  position: absolute;
  top: 0;
  left: 178px;
  width: 118px;
  height: 120px;
  background: url("/UIDev/v3/images/sub/obj-play-fire-7.png") no-repeat 0 0;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translate(0, -800px);
      -ms-transform: translate(0, -800px);
          transform: translate(0, -800px);
  -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0.5s ease 0s;
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  -webkit-transition-delay: 4s;
          transition-delay: 4s;
}
.type-play-promotion .section.section01 .play-motion-objs-wrap .play-motion-objs .obj-play-fire-8 {
  position: absolute;
  top: 143px;
  right: -59px;
  width: 96px;
  height: 101px;
  background: url("/UIDev/v3/images/sub/obj-play-fire-8.png") no-repeat 0 0;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translate(0, -800px);
      -ms-transform: translate(0, -800px);
          transform: translate(0, -800px);
  -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0.5s ease 0s;
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0.5s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  -webkit-transition-delay: 4s;
          transition-delay: 4s;
}
.type-play-promotion .section.section01 .play-motion-objs-wrap .play-motion-objs .obj-play-fire-9 {
  position: absolute;
  top: 221px;
  left: 332px;
  width: 19px;
  height: 19px;
  background: url("/UIDev/v3/images/sub/obj-play-fire-9.png") no-repeat 0 0;
  z-index: 5;
  opacity: 0;
  -webkit-transition: opacity 0s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: opacity 0s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0s ease 0s;
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  -webkit-transition-delay: 4.5s;
          transition-delay: 4.5s;
}
.type-play-promotion .section.section01 .play-motion-objs-wrap .play-motion-objs .obj-play-fire-10 {
  position: absolute;
  top: 91px;
  left: 259px;
  width: 14px;
  height: 13px;
  background: url("/UIDev/v3/images/sub/obj-play-fire-10.png") no-repeat 0 0;
  z-index: 5;
  opacity: 0;
  -webkit-transition: opacity 0s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: opacity 0s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0s ease 0s;
  transition: transform 0.2s cubic-bezier(0, 0.5, 0, 1), opacity 0s ease 0s, -webkit-transform 0.2s cubic-bezier(0, 0.5, 0, 1);
  -webkit-transition-delay: 4.9s;
          transition-delay: 4.9s;
}
.type-play-promotion .section.section02.is-enter .inner .play-vod .obj-play-vod-bg,
.type-play-promotion .section.section02.is-enter .inner .play-vod .obj-play-vod-dim,
.type-play-promotion .section.section02.is-enter .inner .play-vod .obj-play-vod-obj,
.type-play-promotion .section.section02.is-enter .inner .play-vod .obj-play-vod-obj-txt,
.type-play-promotion .section.section02.is-enter .inner .play-vod .obj-play-vod-obj-1,
.type-play-promotion .section.section02.is-enter .inner .play-vod .obj-play-vod-obj-2 {
  opacity: 1;
}
.type-play-promotion .section.section02 .inner {
  padding: 120px 0;
}
.type-play-promotion .section.section02 .inner .text-wrap {
  margin-bottom: 120px;
}
.type-play-promotion .section.section02 .inner .text-wrap .text {
  padding: 18px 28px 0;
}
.type-play-promotion .section.section02 .inner .text-wrap .text strong {
  font-weight: 700;
}
.type-play-promotion .section.section02 .inner .text-wrap .text::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 12px;
  display: block;
  content: "";
  background: url(/UIDev/v3/images/sub/bg_play_marks.svg) no-repeat 0 0;
}
.type-play-promotion .section.section02 .inner .flex-box {
  padding-top: 120px;
}
.type-play-promotion .section.section02 .inner .play-vod {
  position: relative;
}
.type-play-promotion .section.section02 .inner .play-vod .obj-play-vod-bg {
  width: 395px;
  height: 311px;
  margin-right: -30px;
  background: url("/UIDev/v3/images/sub/play-vod-bg.png") no-repeat 0 0;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.type-play-promotion .section.section02 .inner .play-vod .obj-play-vod-dim {
  position: absolute;
  top: 0;
  right: 0;
  width: 335px;
  height: 252px;
  background: url("/UIDev/v3/images/sub/play-vod-dim.png") no-repeat 0 0;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.type-play-promotion .section.section02 .inner .play-vod .obj-play-vod-obj {
  position: absolute;
  top: 53px;
  left: 60px;
  width: 251px;
  height: 54px;
  background: url("/UIDev/v3/images/sub/play-vod-obj.png") no-repeat 0 0;
  background-size: 100% auto;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.type-play-promotion .section.section02 .inner .play-vod .obj-play-vod-obj-1 {
  position: absolute;
  top: 53px;
  left: 59.5px;
  width: 36px;
  height: 36px;
  background: url("/UIDev/v3/images/sub/play-vod-obj-eye.png") no-repeat 0 0;
  background-size: 100% auto;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.type-play-promotion .section.section02 .inner .play-vod .obj-play-vod-obj-txt {
  position: absolute;
  top: 87px;
  left: calc(50% + 15px);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #ffd338;
  z-index: 2;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.type-play-promotion .section.section02 .inner .play-vod .obj-play-vod-obj-txt .txt {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: opacity 0.75s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.75s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.type-play-promotion .section.section02 .inner .play-vod .obj-play-vod-obj-txt .txt-1 {
  opacity: 1;
}
.type-play-promotion .section.section02 .inner .play-vod .obj-play-vod-obj-txt .txt-2 {
  opacity: 0;
}
.type-play-promotion .section.section02 .inner .play-vod .obj-play-vod-obj-txt.change .txt-1 {
  opacity: 0;
}
.type-play-promotion .section.section02 .inner .play-vod .obj-play-vod-obj-txt.change .txt-2 {
  opacity: 1;
}
.type-play-promotion .section.section02 .inner .play-vod .obj-play-vod-obj-2 {
  position: absolute;
  bottom: -8px;
  right: 3.5px;
  width: 93px;
  height: 92px;
  background: url("/UIDev/v3/images/sub/play-vod-obj-2.png") no-repeat 0 0;
  z-index: 2;
  opacity: 0;
  -webkit-animation: play-vod-obj-blink 2s infinite;
          animation: play-vod-obj-blink 2s infinite;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
@-webkit-keyframes play-vod-obj-blink {
  0%, 90%, 100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  92% {
    -webkit-transform: scaleY(0.1);
            transform: scaleY(0.1);
  }
  94% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes play-vod-obj-blink {
  0%, 90%, 100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  92% {
    -webkit-transform: scaleY(0.1);
            transform: scaleY(0.1);
  }
  94% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
.type-play-promotion .section.section03-2 .inner {
  padding: 120px 0;
}
.type-play-promotion .section.section03-2 .inner .flex-box {
  padding-bottom: 66px;
}
.type-play-promotion .section.section03-2 .inner .card-slide {
  position: relative;
  width: 374px;
  height: 374px;
}
.type-play-promotion .section.section03-2 .inner .card-slide .card {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  color: #333;
  text-align: center;
}
.type-play-promotion .section.section03-2 .inner .card-slide .card.active-prev {
  -webkit-transform: scale(0.9) translateY(20px);
      -ms-transform: scale(0.9) translateY(20px);
          transform: scale(0.9) translateY(20px);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
}
.type-play-promotion .section.section03-2 .inner .card-slide .card.active-last {
  -webkit-transform: scale(0.8) translateY(40px);
      -ms-transform: scale(0.8) translateY(40px);
          transform: scale(0.8) translateY(40px);
  -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
          transform-origin: bottom;
}
.type-play-promotion .section.section04 .inner {
  padding: 120px 0;
}
.type-play-promotion .section.section04 .inner .flex-box {
  margin: -5px 0 -14px;
}
.type-play-promotion .section.section04 .inner .flex-box .logo {
  margin-top: -1px;
}
.type-play-promotion .section.section05 .inner {
  padding: 80px 0;
}
.type-play-promotion .section.section07 .inner {
  padding: 160px 0;
}
.type-play-promotion .section.section07 .inner .ticket-amount-wrap .ticket-amount-cont .ticket-amount-head {
  margin-bottom: 27px;
}
.type-play-promotion .section.section07 .inner .ticket-amount-wrap .ticket-amount-cont .box-txt {
  margin-bottom: 0;
}
.type-play-promotion .section.section07 .inner .ticket-amount-wrap .ticket-amount-cont .box-txt .dot-list li {
  line-height: inherit;
}
.type-play-promotion .section.section08 .inner {
  padding: 160px 0 128px;
}

.play-mark-wrap {
  position: relative;
}
.play-mark-wrap[data-scrolltrigger].initiate .play-mark-bg,
.play-mark-wrap[data-scrolltrigger].initiate .play-mark-logo,
.play-mark-wrap[data-scrolltrigger].initiate .play-mark-zoom {
  opacity: 1;
}
.play-mark-wrap[data-scrolltrigger].initiate .play-mark-logo {
  -webkit-transform: translateX(0) scale(0.5);
      -ms-transform: translateX(0) scale(0.5);
          transform: translateX(0) scale(0.5);
}
.play-mark-wrap[data-scrolltrigger].initiate .play-mark-logo.grow {
  -webkit-transform: translate(12px, 3px) scale(0.73);
      -ms-transform: translate(12px, 3px) scale(0.73);
          transform: translate(12px, 3px) scale(0.73);
  -webkit-transition: -webkit-transform 0.4s ease-out 0s;
  transition: -webkit-transform 0.4s ease-out 0s;
  transition: transform 0.4s ease-out 0s;
  transition: transform 0.4s ease-out 0s, -webkit-transform 0.4s ease-out 0s;
}
.play-mark-wrap[data-scrolltrigger].initiate .play-mark-zoom.grow {
  -webkit-animation: play-mark-zoom-swing 2.5s ease-in-out infinite;
          animation: play-mark-zoom-swing 2.5s ease-in-out infinite;
}
@-webkit-keyframes play-mark-zoom-swing {
  0% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  25% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  75% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}
@keyframes play-mark-zoom-swing {
  0% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  25% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  75% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}
.play-mark-wrap .play-mark-bg {
  width: 355px;
  height: 376px;
  margin-right: -10px;
  background: url("/UIDev/v3/images/sub/play-mark-bg.png") no-repeat 0 0;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.play-mark-wrap .play-mark-logo {
  position: absolute;
  top: 46px;
  left: -3px;
  width: 133px;
  height: 48px;
  background: url("/UIDev/v3/images/sub/play-mark-logo.png") no-repeat 0 0;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translateX(-30px) scale(0.5);
      -ms-transform: translateX(-30px) scale(0.5);
          transform: translateX(-30px) scale(0.5);
  -webkit-transition: opacity 0.6s ease-out 0.8s, -webkit-transform 0.6s ease-out 0.7s;
  transition: opacity 0.6s ease-out 0.8s, -webkit-transform 0.6s ease-out 0.7s;
  transition: transform 0.6s ease-out 0.7s, opacity 0.6s ease-out 0.8s;
  transition: transform 0.6s ease-out 0.7s, opacity 0.6s ease-out 0.8s, -webkit-transform 0.6s ease-out 0.7s;
}
.play-mark-wrap .play-mark-zoom {
  position: absolute;
  top: 10px;
  left: 9px;
  width: 200px;
  height: 194px;
  background: url("/UIDev/v3/images/sub/play-mark-zoom.png") no-repeat 0 0;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.play-guide-list-wrap[data-scrolltrigger].initiate .play-guide-box,
.play-guide-list-wrap[data-scrolltrigger].initiate .title-area,
.play-guide-list-wrap[data-scrolltrigger].initiate .play-guide-list {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.play-guide-list-wrap .title-area,
.play-guide-list-wrap .play-guide-box,
.play-guide-list-wrap .play-guide-list {
  opacity: 0;
  -webkit-transform: translate(0, 20px);
      -ms-transform: translate(0, 20px);
          transform: translate(0, 20px);
  -webkit-transition: 0.5s opacity ease-out, 0.5s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s -webkit-transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s transform ease-out;
  transition: 0.5s opacity ease-out, 0.5s transform ease-out, 0.5s -webkit-transform ease-out;
}
.play-guide-list-wrap .title-area + .play-guide-box,
.play-guide-list-wrap .play-guide-box + .play-guide-box,
.play-guide-list-wrap .play-guide-list + .play-guide-box {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  margin-top: 8px;
}
.play-guide-list-wrap .play-guide-list {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  margin: 16px 0 0 8px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.play-guide-list-wrap .play-guide-list > dd {
  font-weight: 300;
}
.play-guide-list-wrap .title-area {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  font-weight: 300;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.play-guide-list-wrap .title-area > .title {
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
}
.play-guide-list-wrap .title-area + .play-guide-box {
  margin-top: 32px;
}
.play-guide-list-wrap .play-guide-box {
  padding: 48px 32px;
  border-radius: 12px;
  background-color: #fff;
}
.play-guide-list-wrap .play-guide-box .step-list > li {
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}
.play-guide-list-wrap .play-guide-box .step-list > li + li::before {
  background: url(/UIDev/v3/images/icon/icon16-arrow-right-black-3.svg) no-repeat center;
}
.play-guide-list-wrap .play-guide-box .btn-new {
  padding: 0 24px;
  min-width: auto;
  font-weight: 500;
}
.play-guide-list-wrap .play-guide-box.play-guide-box--orange {
  background-color: #ff5d16;
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.play-guide-list-wrap .play-guide-box + .title-area {
  margin-top: 32px;
}
.play-guide-list-wrap .play-guide-box.play-guide-box--align {
  padding: 80px 0;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  font-weight: 300;
}
.play-guide-list-wrap .play-guide-box.play-guide-box--align > .title {
  display: block;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 16px;
}
.play-guide-list-wrap .play-guide-box.car-search-result-table.no-border table tr td {
  padding: 16px 0;
}
.play-guide-list-wrap .play-guide-box.car-search-result-table.no-border table tr td .thumb-img {
  margin-left: 24px;
}
.play-guide-list-wrap .paginate {
  margin-top: 32px;
}

.search-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1540px;
  margin: 64px auto 124px;
  gap: 32px;
}
.search-wrap .section-area-cont {
  width: 1260px;
}
.search-wrap .section-area-cont .car-search-result-area {
  margin-top: 43px;
}
.search-wrap .section-area-cont .car-search-result-area .c-tabs {
  margin-bottom: 40px;
}
.search-wrap .section-area-cont .txt-link-item-area {
  margin-right: 20px;
}
.search-wrap .section-area-cont .txt-link-item-area .txt-link-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  margin: 0 40px;
}
.search-wrap .section-area-cont .txt-link-item-area .txt-link-item > a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.search-wrap .section-area-cont .txt-link-item-area .txt-link-item > a::after {
  display: none;
}
.search-wrap .section-area-cont .txt-link-item-area .txt-link-item > a.active::before {
  margin-top: -5px;
}
.search-wrap .section-area-cont .txt-link-item-area .txt-link-underline {
  color: #222;
  margin-left: 5px;
}
.search-wrap .section-area-cont .car-search-result-table .car-info {
  margin-left: 8px;
  white-space: normal;
  word-break: keep-all;
}
.search-wrap .section-area-cont .car-search-result-table .car-info .car-name {
  margin-bottom: 0;
}

.search-option-wrap {
  width: 246px;
}
.search-option-wrap .search-option__content__tab {
  position: relative;
  border: 1px solid #ddd;
  border-bottom: 0;
  border-radius: 15px 15px 0 0;
}
.search-option-wrap .search-option__content__tab:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.search-option-wrap .search-option__content__tab .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 16px;
}
.search-option-wrap .search-option__content__tab .tab .item {
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 0;
}
.search-option-wrap .search-option__content__tab .tab .item a {
  position: relative;
  display: block;
  width: 100%;
  height: 74px;
  line-height: 73px;
  text-align: center;
  background-color: #fff;
  font-size: 18px;
  color: #222;
}
.search-option-wrap .search-option__content__tab .tab .item.on a {
  font-weight: 700;
}
.search-option-wrap .search-option__content__tab .tab .item.on a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #000;
  z-index: 2;
}
.search-option-wrap .search-option__content__body {
  border: 1px solid #ddd;
  border-top: 0;
  border-radius: 0 0 15px 15px;
  padding-top: 18px;
}
.search-option-wrap .search-option__content__body .search-option__content__info {
  -webkit-transition: none !important;
  transition: none !important;
  opacity: 1 !important;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent {
  position: relative;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .initialize {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 16px 12px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .initialize button {
  padding: 2px 0 2px 28px;
  background: url("../images/sub/icon-reset.png") 0 0 no-repeat;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .initialize button span {
  text-decoration: underline;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .initialize button.recentSearch {
  background: url("../images/sub/icon-search.png") 0 0 no-repeat;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .initialize .number {
  font-size: 30px;
  text-align: right;
  padding: 14px 0 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .initialize .number span {
  font-size: 34px;
  font-weight: 700;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item {
  position: relative;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item.item--nonSlide .title {
  position: relative;
  display: block;
  line-height: 1;
  padding: 21px 0 21px 15px;
  border-top: 1px solid #ddd;
  font-weight: 500;
  font-size: 16px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item.item--nonSlide .checkList {
  display: block !important;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item.item--nonSlide .checkList .popularNameModel .checkList__manufacturer__title {
  display: block;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item.item--nonSlide .checkList .popularNameModel strong {
  font-weight: 500;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item.item--nonSlide .checkList .popularNameModel .checkList__manufacturer .checkList__model {
  padding: 5px 0 10px 5px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item.item--nonSlide .checkList .popularNameModel .checkList__manufacturer .checkList__model .name {
  display: block;
  margin: 10px 0 0;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item.item--nonSlide .checkList .popularNameModel .checkList__manufacturer .checkList__model .checkList__model__title {
  padding: 5px 0 0 14px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .title .search-btn {
  position: relative;
  display: block;
  line-height: 1;
  padding: 21px 0 21px 15px;
  border-top: 1px solid #ddd;
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .title .search-btn:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 16px;
  height: 16px;
  background: url("../images/sub/icon-search-arrow.png") 0 0 no-repeat;
  margin-top: -8px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .title .search-btn.on:after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList {
  display: none;
  border-top: 1px solid #ddd;
  padding: 8px 20px 16px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item {
  margin-top: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item > .inp-ch {
  font-size: 0;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .number {
  font-weight: 500;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .number.number-disabled {
  color: #999 !important;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .color-swatch {
  position: relative;
  padding: 0 0 0 28px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .color-swatch:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .black-color::after {
  background-color: #000000;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .white-color::after {
  background-color: #fff;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .silver-color::after {
  background-color: #f0f0f0;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .gray-color::after {
  background-color: #bcbcbc;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .gray-2-color::after {
  background-color: #888;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .pearl-color::after {
  background-color: #bcbcbc;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .red-color::after {
  background-color: #eb2a2a;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .red-2-color::after {
  background-color: #f23f3f;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .orange-color::after {
  background-color: #e46600;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .orange-2-color::after {
  background-color: #ff5d16;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .yellow-color::after {
  background-color: #ffd800;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .yellow-2-color::after {
  background-color: #ffd338;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .brown-color::after {
  background-color: #a84200;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .brown-2-color::after {
  background-color: #7d6c59;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .green-color::after {
  background-color: #009944;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .green-2-color::after {
  background-color: #00a596;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .blue-color::after {
  background-color: #324df4;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .blue-2-color::after {
  background-color: #287eff;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .purple-color::after {
  background-color: #9e32b1;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList.checkList--carType .checkList__item .beige-color::after {
  background-color: #b0986a;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList .checkList__manufacturer {
  font-weight: 500;
  margin-top: 10px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList .checkList__manufacturer .btn-del {
  display: none;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList .checkList__manufacturer .checkList__manufacturer__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 3px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList .checkList__manufacturer .checkList__manufacturer__title .number {
  position: absolute;
  right: 3px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList .checkList__manufacturer .checkList__manufacturer__title.active a {
  width: auto;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList .checkList__manufacturer .checkList__manufacturer__title.active .btn-del {
  display: inline-block;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList .checkList__manufacturer .checkList__manufacturer__title.active .number {
  display: none;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList .checkList__manufacturer.on .checkList__model {
  display: block;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList .checkList__manufacturer.on .checkList__model .checkList__model__title {
  display: block;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model {
  padding: 0 0 20px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .smallTitle {
  line-height: 1;
  background: #f5f5f5;
  color: #666;
  padding: 13px 0 13px 20px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model > div {
  padding: 10px 0 0 20px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model > div.scrollHeight {
  padding: 5px 0 0 15px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model {
  display: none;
  padding: 14px 0 0 13px;
  position: relative;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 11px;
  width: 7px;
  height: 12px;
  border-left: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model.checkList__model--step1 {
  padding-left: 0;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model.checkList__model--step1::after {
  display: none;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model.checkList__model--step1 .checkList__model__title {
  padding: 5px 0 0 14px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model.checkList__model--step1 .checkList__model__title + .name {
  display: block;
  margin-top: 12px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model .checkList__model__title {
  position: relative;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model .checkList__model__title a {
  display: inline-block;
  width: 100%;
  font-weight: 500;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model .checkList__model__title .btn-del {
  display: none;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model .checkList__model__title .number {
  position: absolute;
  right: 3px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model .checkList__model__title.active a {
  width: auto;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model .checkList__model__title.active .btn-del {
  display: inline-block;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model .checkList__model__title.active .number {
  display: none;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model.on {
  display: block;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__model.on .checkList__year {
  display: block;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__year {
  display: none;
  padding: 0 3px 0 0;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__year .listItem {
  position: relative;
  padding: 14px 0 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 8px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__year .listItem .form-chk-radio {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  white-space: normal;
  word-break: keep-all;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__year .listItem .form-chk-radio label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__year .listItem .number {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  text-align: right;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  margin-top: 1px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__year .listItem:first-child:after {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 7px;
  height: 12px;
  border-left: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .checkList__year .listItem .listItem {
  padding: 0 0 0 12px;
  width: 100%;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model label:before {
  position: absolute;
  left: 0;
  top: 0;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .btn-del {
  width: 14px;
  height: 14px;
  background: url("../images/sub/icon-close.svg") center no-repeat;
  background-size: 85%;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .btn-del span {
  display: none;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .checkList--model .mCSB_inside > .mCSB_container {
  margin-right: 15px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .search-area-list-select--area {
  display: none;
  padding: 12px;
  border-top: 1px solid #ddd;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .search-area-list-select--con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .search-area-list-select--area2 {
  padding-top: 10px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .price-tab-wrap {
  display: none;
  padding: 16px;
  border-top: 1px solid #ddd;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .price-tab-wrap .price-tab {
  overflow: hidden;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .price-tab-wrap .price-tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .price-tab-wrap .price-tab ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .price-tab-wrap .price-tab ul li a {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 35px;
  border: 1px solid #666;
  border-radius: 4px;
  text-align: center;
  font-weight: 500;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .price-tab-wrap .price-tab ul li.on a {
  background: #222;
  border-color: #222;
  color: #fff;
  font-weight: 700;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .price-tab-wrap .price-tab ul li:nth-child(1) a {
  border-radius: 4px 0 0 4px;
  border-right: 0;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .price-tab-wrap .price-tab ul li:nth-child(2) a {
  border-radius: 0 4px 4px 0;
  border-left: 0;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .loan-input {
  padding-top: 8px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .loan-input .text {
  margin: 10px 0 15px;
  color: #999;
  font-size: 12px;
  line-height: 1.6;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .loan-input .inp-t {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 35px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .loan-input .inp-t.inp-money {
  width: 100%;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .loan-input .inp-t.inp-money .t-txt {
  top: 0;
  right: 8px;
  font-size: 12px;
  line-height: 28px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .loan-input .inp-t input {
  font-size: 14px;
  line-height: 26px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .layerPop {
  position: absolute;
  top: 19px;
  width: 18px;
  height: 18px;
  background: url("") no-repeat;
  z-index: 4;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .layerPop span {
  display: none;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .layerPop .layerPop--service {
  left: 115px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .layerPop .layerPop--sale {
  left: 80px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .layerPop .layerPop--finance {
  left: 80px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .layerPop.layerPop--ty2 {
  top: 18px;
  width: 20px;
  height: 20px;
  background: url("../images/sub/icon-layer.png") 0 0 no-repeat;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .layerPop.layerPop--ty2.layerPop--service {
  left: 106px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .layerPop.layerPop--ty2.layerPop--sale {
  left: 74px;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .layerPop--last h3.title a,
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .layerPop--last .checkList {
  border-bottom: 0;
}
.search-option-wrap .search-option__content__info .searchAreaTabContent .searchAreaList .item .layerPop--last .checkList {
  border-top: 1px solid #ddd;
}

.layerLatestSearch {
  display: none;
  position: absolute;
  left: 243px;
  top: 10px;
  width: 980px;
  padding: 32px;
  border: 1px solid #ddd;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  text-align: left;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.layerLatestSearch h3.title {
  display: inline-block;
  font-size: 20px;
  color: #222;
}
.layerLatestSearch .smallText {
  margin-left: 15px;
  color: #999;
}
.layerLatestSearch .pop-close {
  position: absolute;
  top: 32px;
  right: 28px;
  width: 24px;
  height: 24px;
  background: url("../images/icon/icon_close_24.svg") no-repeat center center;
  font-size: 0;
  text-indent: -9999rem;
}

.layerLatestSearch__info {
  margin: 24px 0 0;
}

.layerLatestSearch__info__item + .layerLatestSearch__info__item {
  margin-top: 24px;
}
.layerLatestSearch__info__item .carName {
  position: relative;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.layerLatestSearch__info__item .carName .btn-del {
  padding: 5px;
  margin-top: -2px;
}
.layerLatestSearch__info__item .carName .btn-del:after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background: url("../images/icon/icon_close_24.svg") no-repeat;
  background-size: 11px;
}
.layerLatestSearch__info__item .infoText {
  margin-top: 8px;
  line-height: 25px;
  overflow: hidden;
}
.layerLatestSearch__info__item .infoText span {
  color: #999;
  display: inline-block;
  position: relative;
  margin-right: 20px;
}
.layerLatestSearch__info__item .infoText span + span:before {
  content: "";
  position: absolute;
  left: -11px;
  top: 3px;
  width: 1px;
  height: 13px;
  background-color: #999;
}

.layerMenuArea {
  display: none;
  position: absolute;
  left: 228px;
  top: -250px;
  width: 874px;
  padding: 32px;
  border: 1px solid #ddd;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  text-align: left;
  z-index: 10;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2);
}
.layerMenuArea.layerMenuArea--w {
  width: 792px;
}
.layerMenuArea .option-info-list {
  border: none;
}
.layerMenuArea .title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
.layerMenuArea .areaWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 32px;
  margin-top: 24px;
}
.layerMenuArea .areaWrap .cmm-details {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 556px;
}
.layerMenuArea .areaWrap .cmm-details.js-custom-scroll .mCSB_scrollTools .mCSB_dragger {
  height: 30% !important;
}
.layerMenuArea .areaWrap .cmm-details.js-custom-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #444;
}
.layerMenuArea .areaWrap .cmm-details.js-custom-scroll .mCSB_scrollTools .mCSB_draggerRail {
  width: 3px;
  background-color: #eee;
}
.layerMenuArea .areaWrap .cmm-details ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.layerMenuArea .areaWrap .cmm-details ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 12px) / 2);
          flex: 0 0 calc((100% - 12px) / 2);
}
.layerMenuArea .areaWrap .cmm-details .form-chk-radio label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.layerMenuArea .areaWrap__list {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 232px;
          flex: 0 0 232px;
  padding: 16px 20px 20px;
  border-radius: 6px;
  background-color: #f8f8f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.layerMenuArea .areaWrap__list .cmm-brand-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4px;
}
.layerMenuArea .areaWrap__list .cmm-brand-list li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 4px) / 2);
          flex: 0 0 calc((100% - 4px) / 2);
}
.layerMenuArea .areaWrap__list .cmm-brand-list li input[type=checkbox] {
  display: none;
  width: 0;
  height: 0;
  border: 0 none;
  font-size: 0;
}
.layerMenuArea .areaWrap__list .cmm-brand-list li input[type=checkbox]:checked + label {
  border: 1px solid #666;
}
.layerMenuArea .areaWrap__list .cmm-brand-list li label {
  display: inline-block;
  width: 100%;
  height: 32px;
  border: 1px solid #ddd;
  padding: 0 10px;
  cursor: pointer;
  border-radius: 2px;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  line-height: 31px;
  background-color: #fff;
}
.layerMenuArea .areaWrap__list .areaWrap__list-head {
  font-weight: 500;
}
.layerMenuArea .form-list3 > li {
  width: 21%;
}
.layerMenuArea .pop-close {
  position: absolute;
  top: 32px;
  right: 28px;
  width: 24px;
  height: 24px;
  background: url("../images/icon/icon_close_24.svg") no-repeat center center;
  font-size: 0;
  text-indent: -9999rem;
}
.layerMenuArea .form-chk-radio.fm-black input[type=checkbox] + label::before {
  background-image: url(/UIDev/v3/images/icon/icon-chk-radio-off.svg);
  border-color: #ddd;
}
.layerMenuArea .form-chk-radio.fm-black input[type=checkbox]:checked + label::before {
  background-image: url(/UIDev/v3/images/icon/icon-chk-radio-on-yellow.svg);
  border-color: #222;
}
.layerMenuArea .form-chk-radio.fm-black input[type=checkbox]:disabled + label {
  color: #999;
}
.layerMenuArea .form-chk-radio.fm-black input[type=checkbox]:disabled + label::before {
  background-image: url(/UIDev/v3/images/icon/icon-chk-radio-disabled.svg);
  background-color: #ddd;
  border: solid 0.1rem #ddd;
}

.carNumSellerName {
  position: relative;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 38px;
  overflow: hidden;
  margin: 40px 0 0;
  padding: 0 42px 0 0;
}
.carNumSellerName input[type=text] {
  border: 0;
  width: 100%;
  outline: none;
  padding: 0 10px 0 16px;
  height: 38px;
}
.carNumSellerName input[type=text]::-webkit-input-placeholder {
  font-weight: 500;
  color: #222;
  font-weight: bold;
}
.carNumSellerName input[type=text]::-moz-placeholder {
  font-weight: 500;
  color: #222;
  font-weight: bold;
}
.carNumSellerName input[type=text]:-ms-input-placeholder {
  font-weight: 500;
  color: #222;
  font-weight: bold;
}
.carNumSellerName input[type=text]::-ms-input-placeholder {
  font-weight: 500;
  color: #222;
  font-weight: bold;
}
.carNumSellerName input[type=text]::placeholder {
  font-weight: 500;
  color: #222;
  font-weight: bold;
}
.carNumSellerName button {
  position: absolute;
  right: 4px;
  top: 3px;
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("../images/sub/icon-search-2.png") no-repeat;
}
.carNumSellerName button span {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}

.dl-base-list {
  margin-top: 8px;
}
.dl-base-list dt {
  font-weight: 700;
}
.dl-base-list dd {
  font-weight: 300;
}
.dl-base-list dd + dt {
  margin-top: 4px;
}

.sorting-area {
  overflow: hidden;
  margin: 44px 0 48px;
  padding-top: 24px;
  border-top: 1px solid #d9d9d9;
}
.sorting-area .st-left {
  float: left;
}
.sorting-area .st-right {
  float: right;
}
.sorting-area .st-tit {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  font-size: 24px;
}
.sorting-area .link-arrow {
  margin: 5px 0 0 30px;
}

.sor-list {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.sor-list li {
  float: left;
  display: inline-block;
}
.sor-list li + li {
  margin-left: 30px;
}
.sor-list li button {
  position: relative;
  display: block;
  line-height: 24px;
  font-size: 14px;
  color: #222;
}
.sor-list li button.up:after, .sor-list li button.down:after, .sor-list li button.map:after {
  content: "";
  position: absolute;
  display: block;
  background: url() no-repeat;
}
.sor-list li button.up {
  padding-right: 20px;
}
.sor-list li button.up:after {
  top: 7px;
  right: 0;
  width: 11px;
  height: 13px;
  background-position: -33px -110px;
}
.sor-list li button.down {
  padding-right: 20px;
}
.sor-list li button.down:after {
  top: 7px;
  right: 0;
  width: 11px;
  height: 13px;
  background-position: -44px -110px;
}
.sor-list li button.mid {
  padding-right: 20px;
}
.sor-list li button.mid:after {
  content: "";
  position: absolute;
  display: block;
  top: 11px;
  right: 0;
  width: 11px;
  height: 2px;
  background: #666;
}
.sor-list li button.map {
  padding-left: 30px;
}
.sor-list li button.map:after {
  top: 3px;
  left: 0;
  width: 20px;
  height: 20px;
  background-position: -55px -110px;
}
.sor-list li:nth-child(1) button {
  position: relative;
}
.sor-list li.on:nth-child(1) button:after {
  content: "오래된 등록일순";
}
.sor-list li.on:nth-child(2) button:after {
  content: "낮은 가격순";
}
.sor-list li.on:nth-child(3) button:after {
  content: "짧은 주행거리순";
}
.sor-list li.on:nth-child(4) button:after {
  content: "오래된 연식순";
}
.sor-list li.on span, .sor-list li.on2 span {
  display: none;
}
.sor-list li.on2:nth-child(1) button:after {
  content: "최신 등록일순";
}
.sor-list li.on2:nth-child(2) button:after {
  content: "높은 가격순";
}
.sor-list li.on2:nth-child(3) button:after {
  content: "많은 주행거리순";
}
.sor-list li.on2:nth-child(4) button:after {
  content: "최신 연식순";
}

.csTitleArea {
  margin-bottom: 35px;
}
.csTitleArea h2.title {
  font-size: 24px;
}
.csTitleArea.new-vehicle-head {
  margin-bottom: 16px;
}
.csTitleArea.new-vehicle-head .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}
.csTitleArea.new-vehicle-head .tip-wrap {
  z-index: 9999;
}
.csTitleArea.new-vehicle-head .tip-wrap .tip-btn {
  margin-top: 1px;
  width: 15px;
  height: 15px;
  background: url("../images/icon/ico_popover.svg") no-repeat 0 0;
}
.csTitleArea.new-vehicle-head .tip-wrap .tip-box {
  top: 19px;
  left: 0 !important;
  padding: 20px 56px 20px 20px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.csTitleArea.new-vehicle-head .tip-wrap .tip-box .tip-txt {
  font-size: 14px;
  line-height: 20px;
  color: #222;
  font-weight: 500;
}
.csTitleArea.new-vehicle-head .tip-wrap .tip-close {
  width: 20px;
  height: 20px;
  background: url(../images/icon/ico_popover_close.svg) no-repeat 0 0;
}
.csTitleArea.new-vehicle-head .tip-wrap .tip-close::after {
  display: none;
}

.cs-list02.cs-list02--ratio {
  margin-bottom: 80px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.cs-list02.cs-list02--ratio.new-list-wrap {
  margin-top: 0;
  margin-bottom: 0;
}
.cs-list02.cs-list02--ratio.new-list-wrap ~ .new-list-wrap {
  margin-top: 48px;
}
.cs-list02.cs-list02--ratio .list-in .area {
  float: left;
  position: relative;
  width: 32%;
  height: auto;
  margin: 0 1.33% 2.66% 0;
}
.cs-list02.cs-list02--ratio .list-in .area .check-bedge {
  position: absolute;
  top: 20px;
  left: 17px;
  z-index: 2;
  display: block;
}
.cs-list02.cs-list02--ratio .list-in .area .check-bedge-normal {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  display: block;
}
.cs-list02.cs-list02--ratio .list-in .area .check-bedge.new-bedge {
  top: 8px;
  left: 8px;
  font-size: 0;
}
.cs-list02.cs-list02--ratio .list-in .area .check-bedge.new-bedge [class^=txt] {
  display: inline-block;
  height: 20px;
  border-radius: 2px;
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
  padding: 2px 6px;
  background-color: #ffd338;
}
.cs-list02.cs-list02--ratio .list-in .area .check-bedge.new-bedge [class^=txt] + [class^=txt] {
  margin-left: 4px;
}
.cs-list02.cs-list02--ratio .list-in .area .check-bedge.new-bedge [class^=txt].txt-white {
  background-color: #fff;
}
.cs-list02.cs-list02--ratio .list-in .area .check-bedge.new-bedge [class^=txt].txt-dark {
  background-color: #222;
  font-size: 0;
  vertical-align: top;
}
.cs-list02.cs-list02--ratio .list-in .area .check-bedge.new-bedge [class^=txt].txt-dark > img {
  vertical-align: middle;
}
.cs-list02.cs-list02--ratio .list-in .area .thumnail {
  overflow: hidden;
  position: relative;
  border-radius: 30px 30px 0 0;
  border: 1px solid #ddd;
  border-bottom: 0 none;
}
.cs-list02.cs-list02--ratio .list-in .area .thumnail .owl-nav {
  display: block;
}
.cs-list02.cs-list02--ratio .list-in .area .thumnail .item {
  position: relative;
  display: block;
  width: auto;
  padding-top: 75%;
}
.cs-list02.cs-list02--ratio .list-in .area .thumnail .item .item__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cs-list02.cs-list02--ratio .list-in .area .thumnail .item .item__img > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cs-list02.cs-list02--ratio .list-in .area .thumnail .item .time-txt {
  position: absolute;
  top: 20px;
  left: 17px;
  z-index: 1;
  display: block;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  padding: 0 12px;
  font-size: 16px;
  font-weight: 500;
  color: #fd665c;
  background-color: rgba(0, 0, 0, 0.5);
}
.cs-list02.cs-list02--ratio .list-in .area .thumnail .contract {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
  height: 100%;
  border-radius: 6px 0 0 6px;
}
.cs-list02.cs-list02--ratio .list-in .area .thumnail .contract::before {
  width: 64px;
  height: 64px;
}
.cs-list02.cs-list02--ratio .list-in .area .con {
  overflow: hidden;
  position: relative;
  width: 100%;
  border: 1px solid #ddd;
  border-top: 0 none;
  border-radius: 0 0 30px 30px;
}
.cs-list02.cs-list02--ratio .list-in .area .con:hover .owl-nav {
  display: block;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item {
  position: relative;
  width: 100%;
  height: 258px;
  padding-bottom: 53px;
  overflow: hidden;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp {
  padding-bottom: 0;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link {
  display: table;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 29px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link.bg-blue {
  background-color: #2666c6;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .mid-box {
  display: table-cell;
  vertical-align: middle;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link [class*=sp-rd-] {
  position: relative;
  padding-left: 66px;
  line-height: 50px;
  letter-spacing: -0.05em;
  font-size: 20px;
  color: #fff;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link [class*=sp-rd-] + [class*=sp-rd-] {
  margin-top: 20px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link [class*=sp-rd-] .ft-md {
  display: inline-block;
  line-height: 50px;
  letter-spacing: -0.05em;
  font-size: 20px;
  color: #fff;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-rd-img .img {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-rd-acc .num {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  font-size: 30px;
  font-weight: 500;
  color: #2666c6;
  background-color: #fff;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .gua-list {
  overflow: hidden;
  display: block;
  width: 205px;
  margin: 0 auto;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .gua-list + .sp-txt01 {
  margin-top: 11px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .gua-list > ul {
  overflow: hidden;
  margin: -10px 0 0 -5px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .gua-list > ul > li {
  float: left;
  text-align: center;
  width: 100px;
  height: 36px;
  line-height: 36px;
  margin: 10px 0 0 5px;
  border-radius: 18px;
  font-size: 14px;
  color: #fff;
  background-color: #ddd;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .gua-list > ul > li:after {
  content: "제외";
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .gua-list > ul > li.on {
  background-color: #2666c6;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .gua-list > ul > li.on:after {
  display: none;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-txt01 {
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 24px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-txt01 .cor-blue {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  font-weight: 500;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-txt01 .cor-blue.ft-bd {
  font-weight: bold;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-txt02 {
  display: block;
  text-align: center;
  line-height: 24px;
  font-size: 18px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-txt02 + .sp-txt01 {
  margin-top: 6px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-txt02 .cor-blue {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item.mid-tp .link .sp-txt02 .money {
  height: 30px;
  line-height: 30px;
  font-size: 24px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link {
  display: block;
  padding: 20px 20px 0 20px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .tit {
  display: block;
  height: 48px;
  line-height: 1.5;
  font-size: 16px;
  color: #222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .data-line {
  display: block;
  margin-top: 10px;
  white-space: nowrap;
  font-size: 0;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .data-line span {
  float: none;
  font-size: 12px;
  margin-left: 15px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .data-line span:first-child {
  margin-left: 0;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .data-line span:after {
  left: -8px;
  height: 10px;
  margin-top: -5px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .pay {
  position: relative;
  display: block;
  height: 24px;
  line-height: 24px;
  margin-top: 12px;
  font-size: 18px;
  color: #336fc9;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .pay del {
  font-size: 12px;
  color: #999;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .pay .sale-num {
  position: relative;
  top: -2px;
  display: inline-block;
  background: #fd665c;
  margin-left: 5px;
  height: 26px;
  border-radius: 26px;
  line-height: 25px;
  color: #fff;
  font-size: 12px;
  padding: 0 6px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .cor-btn {
  overflow: hidden;
  margin-top: 9px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .cor-btn span {
  float: left;
  display: inline-block;
  min-width: 60px;
  text-align: center;
  height: 26px;
  line-height: 24px;
  border-radius: 13px;
  font-size: 12px;
  margin-right: 5px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .cor-btn span.cor-red {
  border: 1px solid #fd665c;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .cor-btn span.cor-blue {
  border: 1px solid #2666c6;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .link .cor-btn span.cor-gray {
  border: 1px solid #999;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .sort-wrap {
  overflow: hidden;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 19px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .sort-wrap .time,
.cs-list02.cs-list02--ratio .list-in .area .con .item .sort-wrap .sale {
  display: block;
  height: 34px;
  line-height: 34px;
  border-radius: 17px;
  font-size: 12px;
  font-weight: 500;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .sort-wrap .time {
  position: relative;
  float: left;
  padding: 0 10px 0 36px;
  background-color: #f5f5f5;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .sort-wrap .time:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 8px;
  display: block;
  width: 19px;
  height: 18px;
  background: url() no-repeat -75px -110px;
}
.cs-list02.cs-list02--ratio .list-in .area .con .item .sort-wrap .sale {
  float: right;
  padding: 0 17px;
  color: #fff;
  background-color: #2666c6;
}
.cs-list02.cs-list02--ratio .list-in .area .link-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  border-radius: 30px;
  width: 100%;
  height: 100%;
}
.cs-list02.cs-list02--ratio .list-in .area .ol-bg {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  border-radius: 30px;
  background-color: #000;
  z-index: 1;
}
.cs-list02.cs-list02--ratio .list-in .area .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: table;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.cs-list02.cs-list02--ratio .list-in .area .overlay .ol-in {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
}
.cs-list02.cs-list02--ratio .list-in .area .overlay .ol-in .txt01 {
  display: block;
  text-align: center;
  line-height: 42px;
  font-size: 36px;
  color: #fff;
}
.cs-list02.cs-list02--ratio .list-in .area .overlay .ol-in .txt02 {
  display: block;
  text-align: center;
  line-height: 26px;
  margin-top: 12px;
  font-size: 20px;
  color: #fff;
}
.cs-list02.cs-list02--ratio .list-in .area .cmm-real-car {
  position: absolute;
  left: 20px;
  top: 20px;
  background: #10a8e5;
  height: 26px;
  padding: 0 12px;
  color: #fff;
  line-height: 26px;
  border-radius: 26px;
  font-size: 12px;
  z-index: 2;
  font-weight: 500;
}
.cs-list02.cs-list02--ratio .list-in .area .cmm-real-car.certification {
  background: none;
  padding: 0;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav {
  display: none;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button {
  position: absolute;
  bottom: 20px;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #222 !important;
  background: #fff !important;
  z-index: 2;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 17px;
  height: 12px;
  margin-top: -6px;
  background: url() no-repeat;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button.owl-prev {
  right: 63px;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button.owl-prev:after {
  left: 50%;
  margin-left: -9px;
  background-position: -74px top;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button.owl-next {
  right: 20px;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button.owl-next:after {
  right: 50%;
  margin-right: -9px;
  background-position: -91px top;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button.disabled {
  border-color: #ddd !important;
  cursor: default;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button.disabled.owl-prev:after {
  background-position: -108px top;
}
.cs-list02.cs-list02--ratio .list-in .owl-nav > button.disabled.owl-next:after {
  background-position: -125px top;
}
.cs-list02.cs-list02--ratio .list-in .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
  margin-top: 8px;
  padding: 0 16px;
}
.cs-list02.cs-list02--ratio .list-in .tag {
  display: inline-block;
  height: 19px;
  line-height: 17px;
  padding: 0 6px;
  border-radius: 2px;
  border: 1px solid #97897a;
  font-size: 10px;
  font-weight: 500;
  color: #7d6c59;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet {
  margin-left: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  padding-left: 3px;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #f8f8f8;
  border-radius: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.black-color::before {
  background-color: #222;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.beige-color:before {
  background-color: #b0986a;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.brown-color::before {
  background-color: #7d6c59;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.gray-color:before {
  background-color: #888;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.orange-color:before {
  background-color: #ff5d16;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.white-color:before {
  background-color: #fff;
  border-color: #7d6c59;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.red-color:before {
  background-color: #f23f3f;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.green-color:before {
  background-color: #00a596;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.blue-color:before {
  background-color: #287eff;
}
.cs-list02.cs-list02--ratio .list-in .tag.sheet.yellow-color:before {
  background-color: #ffd338;
}
.cs-list02.cs-list02--ratio .list-in.small-tp .area .link-img {
  width: 100%;
  height: auto;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area {
  width: 303px;
  margin: 0;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .thumnail {
  border-radius: 6px 6px 0 0;
  border: none;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .thumnail .item {
  padding-top: 63.058%;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .thumnail .item img {
  width: 100%;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .thumbnail-bottom {
  height: 28px;
  background: #ffd338;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .thumbnail-bottom .txt {
  height: 100%;
  padding: 0 16px;
  line-height: 28px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  font-weight: bold;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .thumbnail-bottom.thumbnail-bottom--flex .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 12px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .thumbnail-bottom.thumbnail-bottom--flex .txt > span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  font-weight: 700;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .link-img {
  border-radius: 6px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .owl-nav > button {
  width: 20px;
  height: 20px;
  bottom: 0;
  border-radius: 0;
  border: none !important;
  background: rgba(0, 0, 0, 0.3) !important;
  opacity: 1;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .owl-nav > button.disabled::after {
  opacity: 0.3;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .owl-nav > button.owl-prev {
  right: 20px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .owl-nav > button.owl-prev::after {
  width: 12px;
  height: 12px;
  margin-left: -6px;
  background: url(../images/icon/icon-owl-prev.svg) no-repeat 0 0;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .owl-nav > button.owl-next {
  right: 0;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .owl-nav > button.owl-next::after {
  width: 12px;
  height: 12px;
  margin-right: -6px;
  background: url(../images/icon/icon-owl-next.svg) no-repeat 0 0;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con {
  border-radius: 0 0 6px 6px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item {
  height: 190px;
  padding-bottom: 0;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .link {
  padding: 16px 16px 0 16px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .link .tit {
  max-height: 46px;
  height: auto;
  line-height: 23px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .link .data-line {
  margin-top: 2px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .link .data-line > span {
  margin-left: 11px;
  line-height: 16px;
  color: #222;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .link .data-line > span:first-child {
  margin-left: 0;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .link .data-line > span:after {
  left: -6px;
  width: 2px;
  height: 2px;
  margin-top: -1px;
  border-radius: 50%;
  background-color: #222;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .sort-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 31px;
  padding: 0 16px 16px 16px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .pay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .pay .consultation {
  font-size: 20px;
  font-weight: 700;
  font-weight: bold;
  line-height: 28px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .pay .txt-lease {
  margin-top: 1px;
  margin-right: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .pay .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .pay .price .unit {
  margin-top: auto;
  margin-bottom: 3px;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}
.cs-list02.cs-list02--ratio .list-in.type-wd-list .area .con .item .pay del {
  margin: 3px 0 0 2px;
  font-size: 14px;
  font-weight: 300;
  font-weight: 100;
  line-height: 20px;
  text-decoration: line-through;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 16px) / 2);
          flex: 0 0 calc((100% - 16px) / 2);
  height: 145px;
  margin: 0;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .check-bedge.new-bedge {
  top: 6px;
  left: 6px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .thumnail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35.9375%;
          flex: 0 0 35.9375%;
  height: 145px;
  border-radius: 6px 0 0 6px;
  border: none;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .thumnail .item {
  padding-top: 0;
  height: 100%;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .thumbnail-bottom {
  height: 28px;
  background: #ffd338;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .thumbnail-bottom .txt {
  height: 100%;
  padding: 0 16px;
  line-height: 28px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  font-weight: bold;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con {
  height: 100%;
  border-radius: 0 6px 6px 0;
  border: 1px solid #ddd;
  border-left: none;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item {
  height: 100%;
  padding-bottom: 0;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .link {
  padding: 16px 20px 0 16px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .link .tit {
  height: auto;
  max-height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .link .data-line {
  margin-top: 4px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .link .data-line > span {
  margin-left: 11px;
  line-height: 16px;
  color: #222;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .link .data-line > span:first-child {
  margin-left: 0;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .link .data-line > span:after {
  left: -6px;
  width: 2px;
  height: 2px;
  margin-top: -1px;
  border-radius: 50%;
  background-color: #222;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .tags {
  margin-top: 4px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .sort-wrap {
  bottom: 16px;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 24px;
  padding: 0 16px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .pay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .pay .consultation {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  font-weight: bold;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .pay .txt-lease {
  margin-top: 1px;
  margin-right: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .pay .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 23px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .pay .price .unit {
  margin-top: auto;
  margin-left: 2px;
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}
.cs-list02.cs-list02--ratio .list-in.type-horizontality-list .area .con .item .pay del {
  margin: 2px 0 0 6px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 100;
  text-decoration: line-through;
}
.cs-list02.cs-list02--ratio .list-more {
  position: relative;
  margin-top: 50px;
  text-align: center;
}
.cs-list02.cs-list02--ratio .list-more-button {
  color: #fff;
  font-size: 0;
  display: inline-block;
  width: auto;
  min-width: 350px;
  height: 60px;
  padding: 0 60px;
  border-color: #364f7f;
  background-color: #364f7f;
  border-radius: 30px;
}
.cs-list02.cs-list02--ratio .more-icon,
.cs-list02.cs-list02--ratio .more-text {
  display: inline-block;
  vertical-align: middle;
}
.cs-list02.cs-list02--ratio .more-icon {
  width: 30px;
  height: 19px;
  margin-right: 10px;
  vertical-align: middle;
  background: url("../../resources/images/common/btn_icon.png") no-repeat;
  background-position: -87px top;
}
.cs-list02.cs-list02--ratio .more-text {
  color: #fff;
  font-size: 18px;
}
.cs-list02.cs-list02--ratio.small-tp {
  margin-right: -1.5%;
  margin-bottom: 40px;
}
.cs-list02.cs-list02--ratio.small-tp .area {
  width: 23.5%;
  margin-right: 1.5%;
  margin-bottom: 3%;
}
.cs-list02.cs-list02--ratio.small-tp .area .thumnail {
  border-radius: 8px;
}
.cs-list02.cs-list02--ratio.small-tp .area .thumnail .item > img {
  height: 136px;
}
.cs-list02.cs-list02--ratio.small-tp .area .con {
  border: 0 none;
  border-radius: 0;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item {
  height: 236px;
  padding-bottom: 34px;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item .link {
  padding: 15px 0 0;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item .link .tit {
  display: block;
  height: 42px;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item .link .data-line {
  margin-top: 8px;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item .link .data-line .data-in {
  font-size: 0;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item .link .pay {
  margin-top: 14px;
  font-size: 16px;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item .link .cor-btn {
  margin-top: 7px;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item.mid-tp .link {
  padding: 0 20px 34px;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item.mid-tp .link [class*=sp-rd-] {
  padding-left: 60px;
  min-height: 50px;
  line-height: 25px;
  font-size: 16px;
  color: #222;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item.mid-tp .link [class*=sp-rd-] .ft-md {
  line-height: 25px;
  font-size: 16px;
  color: #2666c6;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item.mid-tp .link .sp-rd-acc .num {
  color: #fff;
  background-color: #2666c6;
}
.cs-list02.cs-list02--ratio.small-tp .area .con .item .sort-wrap {
  left: 0;
  right: auto;
  bottom: 0;
}
.cs-list02.cs-list02--ratio.small-tp .area .cmm-real-car {
  left: 10px;
  top: 10px;
}
.cs-list02.cs-list02--ratio.small-tp .owl-nav > button {
  bottom: 0;
}
.cs-list02.cs-list02--ratio.small-tp .owl-nav > button.owl-prev {
  right: 44px;
}
.cs-list02.cs-list02--ratio.small-tp .owl-nav > button.owl-next {
  right: 0;
}
.cs-list02.cs-list02--ratio.premium-area .csTitleArea .tip-wrap {
  z-index: 9999;
}
.cs-list02.cs-list02--ratio.premium-area .csTitleArea .tip-wrap .tip-btn {
  margin-top: -4px;
}

.simpleInfo__list {
  overflow: hidden;
}
.simpleInfo__list.type-new-simple-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.simpleInfo__list.type-new-simple-list li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 32px) / 3);
          flex: 0 0 calc((100% - 32px) / 3);
  min-width: 0;
  height: 107px;
}
.simpleInfo__list.type-new-simple-list li > a, .simpleInfo__list.type-new-simple-list li > .inner-box {
  height: 100%;
  padding: 16px 20px;
  border-radius: 6px;
}
.simpleInfo__list.type-new-simple-list li > a .text, .simpleInfo__list.type-new-simple-list li > .inner-box .text {
  padding: 0;
}
.simpleInfo__list.type-new-simple-list li > a .text .title, .simpleInfo__list.type-new-simple-list li > .inner-box .text .title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.simpleInfo__list.type-new-simple-list li > a .text .info, .simpleInfo__list.type-new-simple-list li > .inner-box .text .info {
  margin-top: 4px;
  line-height: 0;
}
.simpleInfo__list.type-new-simple-list li > a .text .info > span, .simpleInfo__list.type-new-simple-list li > .inner-box .text .info > span {
  margin-right: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #222;
}
.simpleInfo__list.type-new-simple-list li > a .text .info > span ~ span, .simpleInfo__list.type-new-simple-list li > .inner-box .text .info > span ~ span {
  margin-left: 11px;
}
.simpleInfo__list.type-new-simple-list li > a .text .info > span ~ span::after, .simpleInfo__list.type-new-simple-list li > .inner-box .text .info > span ~ span::after {
  position: absolute;
  top: 50%;
  left: -6px;
  display: block;
  width: 2px;
  height: 2px;
  margin-top: -1px;
  border-radius: 50%;
  content: "";
  background-color: #222;
}
.simpleInfo__list.type-new-simple-list li > a .price, .simpleInfo__list.type-new-simple-list li > .inner-box .price {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  font-size: 16px;
  font-weight: bold;
  line-height: 23px;
  color: #222;
}
.simpleInfo__list.type-new-simple-list li > a .price .unit, .simpleInfo__list.type-new-simple-list li > .inner-box .price .unit {
  margin-top: auto;
  margin-left: 2px;
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}
.simpleInfo__list.type-new-simple-list li .additional {
  position: absolute;
  bottom: 16px;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px;
}
.simpleInfo__list.type-new-simple-list li .additional .dealer-name {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  text-decoration: underline;
}
.simpleInfo__list.type-new-simple-list li .additional .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.simpleInfo__list.type-new-simple-list li .additional .right .consultation {
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}
.simpleInfo__list.type-new-simple-list li .additional .right .history {
  position: relative;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  margin-left: 17px;
  text-decoration: underline;
}
.simpleInfo__list.type-new-simple-list li .additional .right .history::before {
  position: absolute;
  left: -8px;
  top: 3px;
  width: 1px;
  height: 8px;
  display: block;
  content: "";
  background-color: #d9d9d9;
}
.simpleInfo__list.type-new-simple-list li .additional .right .history .system {
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
}
.simpleInfo__list li {
  position: relative;
}
.simpleInfo__list li > a, .simpleInfo__list li > .inner-box {
  position: relative;
  display: block;
  height: 100px;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 24px 24px 0 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.simpleInfo__list li > a .text, .simpleInfo__list li > .inner-box .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.simpleInfo__list li > a .text .title, .simpleInfo__list li > .inner-box .text .title {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.simpleInfo__list li > a .text .info, .simpleInfo__list li > .inner-box .text .info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.simpleInfo__list li > a .text .info span, .simpleInfo__list li > .inner-box .text .info span {
  position: relative;
  color: #999;
  font-weight: 500;
  margin-right: 10px;
}
.simpleInfo__list li > a .text .info span:after, .simpleInfo__list li > .inner-box .text .info span:after {
  content: "";
  position: absolute;
  left: -7px;
  top: 6px;
  width: 1px;
  height: 10px;
  background: #999;
}
.simpleInfo__list li > a .price, .simpleInfo__list li > .inner-box .price {
  position: absolute;
  top: 50%;
  right: 35px;
  margin-top: -19px;
  font-size: 18px;
  font-weight: 700;
  color: #336fc9;
}

.empty-box02 {
  padding: 110px 0;
}
.empty-box02.type-new-empty .txt-box .txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}
.empty-box02 .txt-box .txt {
  display: block;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
}
.empty-box02 .txt-box .txt + .txt {
  margin-top: 12px;
}

.contract {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 3;
  width: 100%;
  height: auto;
  aspect-ratio: 1.586;
  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;
  color: #fff;
  border-radius: 6px 6px 0 0;
}
.contract::before {
  content: "";
  width: 80px;
  height: 80px;
  border: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 100%;
}

.contract-badge {
  display: inline-block;
  background-color: #222;
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  padding: 2px 6px;
}

.d-flex-area.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.d-flex-area.between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.d-flex-area.end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.d-flex-area .flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.d-flex-area .flex-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.d-flex-area.gap32-16 {
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
  row-gap: 16px;
}

.grid-col-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.col-full {
  grid-column: 1/-1;
}

.photo-upload .upload-grid-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.photo-upload .upload-grid-top .btn-new {
  margin-right: 8px;
}
.photo-upload .upload-grid-top .w124 {
  width: 124px;
}
.photo-upload .upload-grid-top + .upload-grid.grid-line {
  padding-top: 0;
  border: none;
}
.photo-upload .upload-guide {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  color: #ff5d16;
}
.photo-upload .upload-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
}
.photo-upload .upload-grid .photo-item {
  width: 100%;
  height: 65px;
  background: #fff;
  border: 1px dashed #ddd;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.photo-upload .upload-grid .photo-item .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.photo-upload .upload-grid .photo-item .item::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("/UIDev/v3/images/icon/icon-add-plus.svg") no-repeat center;
  background-size: 100% auto;
}
.photo-upload .upload-grid .photo-item .item .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.photo-upload .upload-grid .photo-item .item .label .required {
  color: #ff5d16;
}
.photo-upload .upload-grid .photo-item.has-image {
  border: 1px solid #ddd;
  overflow: hidden;
  position: relative;
}
.photo-upload .upload-grid .photo-item.has-image .thumb {
  width: 100%;
  height: 100%;
}
.photo-upload .upload-grid .photo-item.has-image .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.photo-upload .upload-grid .photo-item.has-image .btn-delete {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #222;
  background: url("/UIDev/v3/images/icon/icon-close.svg") no-repeat center #fff;
  background-size: 8px 8px;
}
.photo-upload .upload-grid .photo-item.has-image .photo-label {
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  padding: 4px 3.5px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 10px;
  border-radius: 0 4px 0 0;
}
.photo-upload .upload-grid.grid-line {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

.btn-upload {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 4px;
  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;
  min-width: 97px;
  height: 40px;
  background-color: #222;
  color: #fff;
}

.tool-panel {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}
.tool-panel .tool-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  width: 100%;
  height: 71px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tool-panel .tool-button .tool-icon {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.tool-panel .tool-button .tool-icon::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
.tool-panel .tool-button .tool-icon.zoom-in::before {
  background-image: url("/UIDev/v3/images/icon/icon-zoom-in.svg");
}
.tool-panel .tool-button .tool-icon.zoom-out::before {
  background-image: url("/UIDev/v3/images/icon/icon-zoom-out.svg");
}
.tool-panel .tool-button .tool-icon.rotate::before {
  background-image: url("/UIDev/v3/images/icon/icon-rotate.svg");
}
.tool-panel .tool-button .tool-icon.flip::before {
  background-image: url("/UIDev/v3/images/icon/icon-flip.svg");
}
.tool-panel .tool-button .tool-icon.crop::before {
  background-image: url("/UIDev/v3/images/icon/icon-crop.svg");
}
.tool-panel .tool-button.line {
  border-color: #222;
}

.img-edit-box {
  width: 389px;
  height: 288px;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.editor-swiper {
  overflow: hidden;
  position: relative;
}
.editor-swiper .img-edit-box {
  width: 389px;
  height: 288px;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.editor-swiper .img-edit-box > img {
  width: 100%;
  height: 100%;
}
.editor-swiper [class^=swiper-button-] {
  width: 32px;
  height: 32px;
  border: 1px solid #ddd;
  border-radius: 50%;
  background-color: #fff;
  background-image: url("/UIDev/v3/images/icon/icon-swiper-arrow.svg");
  background-size: 9px auto;
  background-position: center left 45%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: -12px;
  left: 16px;
}
.editor-swiper [class^=swiper-button-].swiper-button-next {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  right: 16px;
  left: auto;
}
.editor-swiper [class^=swiper-button-].swiper-button-disabled {
  opacity: 1;
  background-color: #ddd;
  border-color: #ddd;
  background-image: url("/UIDev/v3/images/icon/icon-swiper-arrow-disabled.svg");
}

.editor-swiper-pagination {
  font-size: 0;
}
.editor-swiper-pagination .swiper-pagination-current {
  color: #ff5d16;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.editor-swiper-pagination .swiper-pagination-total {
  position: relative;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.editor-swiper-pagination .swiper-pagination-total::before {
  content: "/";
  display: inline-block;
}

.window-popup {
  padding: 32px 32px 56px;
}
.window-popup .window-popup-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  padding: 0 8px;
}
.window-popup .window-popup-title.pd0 {
  padding: 0;
}
.window-popup .dealer-sell-area {
  margin: 0;
  width: auto;
}
.window-popup .photo-upload .upload-grid {
  grid-template-columns: repeat(6, 1fr);
}
.window-popup.popup-footer--fixed {
  padding: 32px 32px 128px;
}
.window-popup.popup-footer--fixed .popup-footer {
  position: fixed;
  bottom: 0;
  text-align: center;
  background-color: #fff;
  padding: 24px 0 56px;
  margin: 0 -32px;
  width: 100%;
}

.chk-list-area .form-chk-radio input[type=checkbox]:disabled + label,
.chk-list-area .form-chk-radio input[type=radio]:disabled + label {
  color: #222;
  font-weight: 300;
}

.line-box-guide {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  padding: 0 8px;
}
.line-box-guide .button-edit {
  width: 24px;
  height: 24px;
  border: 1px solid #ddd;
  border-radius: 50%;
  background: url("/UIDev/v3/images/icon/icon-edit.svg") no-repeat center;
  background-size: 16px auto;
}

.button-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.button-link::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url("/UIDev/v3/images/icon/icon-arrow-right-black.svg") no-repeat center;
  background-size: 100% auto;
}

.lease-form {
  padding-top: 16px;
  border-top: 1px solid #ddd;
}
.lease-form dl.d-flex-area {
  min-height: 44px;
}

.dl-inline .dl-inline-item {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}
.dl-inline .dl-inline-item:last-child {
  margin-right: 0;
}
.dl-inline .dl-inline-dt {
  font-weight: 300;
  display: inline-block;
  vertical-align: middle;
}
.dl-inline .dl-inline-dt .txt,
.dl-inline .dl-inline-dt [class*=c-icon] {
  vertical-align: middle;
}
.dl-inline .dl-inline-dd {
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
}

.mark-required {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  font-weight: 300;
  vertical-align: middle;
  margin-right: 2px;
  color: #ff5d16;
}

.tbl-upper {
  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;
  margin-bottom: 18px;
}
.tbl-upper .tbl-left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.tbl-upper .tbl-upper-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  vertical-align: middle;
}
.tbl-upper .tbl-upper-title .total {
  font-size: 20px;
  font-weight: 700;
  color: #ff5d16;
  margin-left: 6px;
}
.tbl-upper .title-added {
  display: inline-block;
  vertical-align: middle;
  margin-left: 24px;
}
.tbl-upper.tbl-upper--ty2 {
  margin-bottom: 12px;
}
.tbl-upper.tbl-upper--ty2 .tbl-left {
  font-size: 0;
}
.tbl-upper.tbl-upper--ty2 .tbl-left .tbl-upper-title .total {
  margin-left: 4px;
}
.tbl-upper.tbl-upper--ty2 .title-added {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  margin-left: 16px;
  padding: 4px 0;
}

.tbl-carlist {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
}
.tbl-carlist strong {
  font-weight: 700;
}
.tbl-carlist thead th {
  border: 0;
  background: #f8f8f8;
  font-size: 14px;
  color: #222;
  font-weight: 300;
  text-align: center;
  padding: 10px 16px;
  height: 46px;
  vertical-align: middle;
}
.tbl-carlist tbody td {
  text-align: center;
  padding: 8px;
  vertical-align: middle;
  height: 62px;
}
.tbl-carlist tr[data-href] {
  cursor: pointer;
}
.tbl-carlist tr[data-href]:hover .tbl-carlist-info {
  text-decoration: underline;
}
.tbl-carlist .tbl-carlist-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;
}
.tbl-carlist .tbl-carlist-info .inner-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 118px;
  background: #f8f8f8;
  height: 69px;
  border-radius: 4px;
  overflow: hidden;
}
.tbl-carlist .tbl-carlist-info .inner-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tbl-carlist .tbl-carlist-info .inner-name {
  margin-left: 12px;
  text-align: left;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 130px;
  vertical-align: middle;
  max-height: 2.8em;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.tbl-carlist.tbl-carlist--line tbody tr + tr {
  border-top: 1px solid #ddd;
}

.window-nodata {
  padding: 160px 0;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}

.play-vedio-area {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  height: 236px;
}
.play-vedio-area .vedio-thumnail {
  display: block;
  width: 100%;
  height: 100%;
}
.play-vedio-area .vedio-thumnail > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.play-vedio-area .btn-play {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
}
.play-vedio-area .btn-play .icon-play {
  position: relative;
  padding-top: 36px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #fff;
}
.play-vedio-area .btn-play .icon-play::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 32px;
  height: 32px;
  background: url("/UIDev/v3/images/icon/icon-vedio-play.svg") no-repeat center;
  background-size: contain;
}
.play-vedio-area--large {
  height: 404px;
}

.kbplay-benefit-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.kbplay-benefit-header .c-title-18 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 80%;
          flex: 1 1 80%;
  min-width: 0;
}
.kbplay-benefit-header .kbplay-benefit-link {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.kbplay-benefit-header .kbplay-benefit-link::after {
  content: "";
  display: block;
  background: url("/UIDev/v3/images/icon/icon-arrow-right-black.svg") no-repeat center;
  background-size: contain;
  width: 12px;
  height: 12px;
}

.search-form label {
  white-space: nowrap;
}
.search-form .inp-t {
  width: 178px;
}
.search-form .btn-dropdown {
  width: 178px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 40px;
  background-color: #fff;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 16px;
  padding-right: 42px;
}
.search-form .btn-dropdown::after {
  content: "";
  background: url(/UIDev/v3/images/icon/icon-arrow-down.svg) no-repeat center;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.search-form .btn-new {
  min-width: auto;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.search-form .btn-new.btn-black {
  font-weight: 700;
}
.search-form .btn-new ~ .btn-new {
  margin-left: 0;
}
.search-form .d-flex-area:last-child {
  margin-left: auto;
}
.search-form .d-flex-area.d-flex-area--width {
  width: calc(100% - 175px);
  gap: 16px;
}
.search-form .d-flex-area.d-flex-area--width .inp-t {
  width: 100%;
}

.step-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.step-list > li {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 25%;
          flex: 1 0 25%;
  position: relative;
}
.step-list > li + li::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/UIDev/v3/images/icon/icon16-arrow-right-black.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -8px;
}

.info-field-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.info-field-row .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3rem;
}
.info-field-row .required {
  color: #f23f3f;
}

.dealer-reservation {
  margin: 64px auto 128px;
}

.shoot-booking .is-required {
  color: #f23f3f;
}
.shoot-booking__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 8px;
}
.shoot-booking__title {
  font-size: 32px;
  line-height: 44px;
  font-weight: 700;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.shoot-booking__title .required-txt {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.shoot-booking__fields {
  padding: 48px 64px;
  background-color: #f8f8f8;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.shoot-booking__fields > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.shoot-booking__fields > li .field-label {
  min-width: 144px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  padding: 12px 0;
}
.shoot-booking__fields > li .field-label.top {
  padding: 0;
}
.shoot-booking__fields > li .field-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  margin-left: 4px;
}
.shoot-booking__fields > li .field-radio .form-radio.fm-black input[type=radio] + label {
  background: transparent;
}
.shoot-booking__fields > li .field-radio .form-radio.fm-black input[type=radio] + label::before {
  background-color: #fff;
}
.shoot-booking__fields > li .field-radio .form-radio.fm-black input[type=radio]:checked + label::before {
  background-color: #222;
}
.shoot-booking__fields > li .field-time .time-label {
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin: 0 2px;
}
.shoot-booking__fields > li .field-time .time-label ~ .time-label {
  margin-top: 16px;
}
.shoot-booking__fields > li .field-time .premium-ad-form--ty2 {
  margin-top: 4px;
}
.shoot-booking__fields > li .field-input {
  width: 100%;
}
.shoot-booking__fields > li .field-select {
  width: 100%;
}
.shoot-booking__fields > li .field-select .col-area.col-2 > .new-select:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 153px;
          flex: 0 0 153px;
}
.shoot-booking__fields > li .field-select .col-area.col-2 > .new-select:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.shoot-booking__fields > li .form-txt[class*=mark-] .ft-red {
  margin-top: 8px;
  margin-left: 0;
}
.shoot-booking__fields.shoot-booking__fields--ty2 {
  padding: 0;
  background-color: #fff;
  gap: 8px;
}
.shoot-booking__fields.shoot-booking__fields--ty2 > li {
  background-color: #f8f8f8;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.shoot-booking__fields.shoot-booking__fields--ty2 > li .field-label {
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
}
.shoot-booking__fields.shoot-booking__fields--ty2 > li .field-time .time-label {
  margin-top: 4px;
}
.shoot-booking__fields.shoot-booking__fields--ty2 > li .field-time .time-label ~ .time-label {
  margin-top: 12px;
}

.field-time.is-invalid .check-square-item .check-square .check-square-control:not(:checked):not(:disabled) + .check-square-label {
  border-color: #f23f3f;
}

.premium-ad-form.premium-ad-form--ty2 .check-square-list--time {
  margin: 0;
  gap: 4px;
}
.premium-ad-form.premium-ad-form--ty2 .check-square-list--time .check-square-item {
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 78px;
          flex: 0 0 78px;
}
.premium-ad-form.premium-ad-form--ty2 .check-square-list--time .check-square-item .check-square-label {
  height: 48px;
  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;
}
.premium-ad-form.premium-ad-form--ty2 .check-square-list--time .check-square-item .check-square-control:checked + .check-square-label {
  border-color: #222;
}
.premium-ad-form.premium-ad-form--ty2 .check-square-list--time .check-square-item .check-square-control:disabled {
  cursor: default;
}
.premium-ad-form.premium-ad-form--ty2 .check-square-list--time .check-square-item .check-square-control:disabled + .check-square-label {
  color: #888 !important;
  border-color: #eee;
}
.premium-ad-form.premium-ad-form--ty2.size-s .check-square-list--time .check-square-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 74px;
          flex: 0 0 74px;
}
.premium-ad-form.premium-ad-form--ty2.size-s .check-square-list--time .check-square-item .check-square-label {
  height: 40px;
}
.premium-ad-form.premium-ad-form--ty3 .section {
  padding: 20px 24px;
  margin: 8px 0 0;
}
.premium-ad-form.premium-ad-form--ty3 .section + .invalid-txt {
  margin-top: 8px;
}
.premium-ad-form.premium-ad-form--ty3 .section .section-tit {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.premium-ad-form.premium-ad-form--ty3 .section .section-desc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.premium-ad-form.premium-ad-form--ty3 .section .section-content {
  margin-top: 12px;
}
.premium-ad-form.premium-ad-form--ty3 .section .check-square-list {
  margin: 0;
  gap: 8px;
}
.premium-ad-form.premium-ad-form--ty3 .section .check-square-list .check-square-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 74px;
          flex: 0 0 74px;
  padding: 0;
}
.premium-ad-form.premium-ad-form--ty3 .section .check-square-list .check-square-item .check-square-control {
  cursor: pointer;
}
.premium-ad-form.premium-ad-form--ty3 .section .check-square-list .check-square-item .check-square-control:disabled {
  cursor: default;
}
.premium-ad-form.premium-ad-form--ty3 .section .check-square-list .check-square-item .check-square-control:checked + .check-square-label {
  border-color: #222;
}
.premium-ad-form.premium-ad-form--ty3 .section .check-square-list .check-square-item .check-square-label {
  font-weight: 500;
}
.premium-ad-form.premium-ad-form--ty3 .section .time-picker-list {
  margin: 20px 0;
  row-gap: 16px;
  -webkit-column-gap: 36.5px;
     -moz-column-gap: 36.5px;
          column-gap: 36.5px;
}
.premium-ad-form.premium-ad-form--ty3 .section .time-picker-list .time-picker-item {
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 140px;
          flex: 0 0 140px;
}
.premium-ad-form.premium-ad-form--ty3 .section .time-picker-list .time-picker-item dt {
  line-height: 16px;
}

.booking-ticket {
  padding: 16px;
  -webkit-box-shadow: inset 0 0 0 1px #222;
          box-shadow: inset 0 0 0 1px #222;
  border-radius: 4px;
}
.booking-ticket__number {
  display: block;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 700;
}
.booking-ticket .booking-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  margin-top: 4px;
}
.booking-ticket .booking-meta__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.booking-ticket .booking-meta__item {
  position: relative;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  padding-right: 8px;
  margin-right: 8px;
}
.booking-ticket .booking-meta__item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #ddd;
}
.booking-ticket .booking-meta__item:last-child {
  padding-right: 0;
  margin-right: 0;
}
.booking-ticket .booking-meta__item:last-child:after {
  display: none;
}

.transaction-area {
  max-width: 1040px;
  margin: 0 auto;
}
.transaction-area .transaction-layout {
  display: grid;
  grid-template-columns: 720px 1fr;
  gap: 40px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  position: relative;
}
.transaction-area .transaction-layout:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #eee;
  position: absolute;
  top: 0;
  left: 760px;
}
.transaction-area .transaction-content {
  min-width: 0;
  padding-top: 48px;
  padding-bottom: 128px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 40px;
}
.transaction-area .transaction-summary {
  padding: 48px 0 48px 20px;
  -ms-flex-item-align: start;
      align-self: start;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.content-step.disabled {
  color: #aaa;
}
.content-step.disabled .disabled-box {
  display: block;
}
.content-step .disabled-box {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  display: none;
}
.content-step .content-title {
  margin: 0 4px 16px;
}

.method-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.method-select > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.method-select.gap8 {
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.method-select .form-card:only-child br.break-mq {
  display: none;
}
.method-select.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.summary-panel .summary-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}
.summary-panel .summary-info__item {
  border-radius: 8px;
  background-color: #f8f8f8;
  padding: 16px 20px;
}
.summary-panel .summary-info__item dt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
}
.summary-panel .summary-info__item dd {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  margin-top: 4px;
}
.summary-panel .summary-price-wrap {
  border-radius: 8px;
  overflow: hidden;
}
.summary-panel .summary-price-wrap .summary-price {
  background-color: #f8f8f8;
  padding: 16px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4px;
}
.summary-panel .summary-price-wrap .summary-price__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.summary-panel .summary-price-wrap .summary-price__item dt {
  min-width: 72px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 1.5px 0;
  -webkit-box-flex: 0.5;
      -ms-flex: 0.5;
          flex: 0.5;
}
.summary-panel .summary-price-wrap .summary-price__item dd {
  text-align: right;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.summary-panel .summary-price-wrap .summary-price__item .init-val {
  text-decoration: line-through;
}
.summary-panel .summary-price-wrap .summary-price__item.is-total dt {
  padding: 4px 0;
}
.summary-panel .summary-price-wrap .summary-price__item.is-total dd {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  font-weight: 700;
}
.summary-panel .summary-price-wrap .btn-new {
  width: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-card {
  position: relative;
}
.form-card > input[type=radio], .form-card > input[type=checkbox] {
  overflow: hidden !important;
  position: absolute !important;
  clip: rect(0, 0, 0, 0) !important;
  -webkit-clip-path: circle(0) !important;
  clip-path: circle(0) !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}
.form-card > input[type=radio]:checked ~ .form-card__box, .form-card > input[type=checkbox]:checked ~ .form-card__box {
  -webkit-box-shadow: inset 0 0 0 3px #222;
          box-shadow: inset 0 0 0 3px #222;
  background-color: #fff;
}
.form-card > input[type=radio]:disabled ~ .form-card__box, .form-card > input[type=checkbox]:disabled ~ .form-card__box {
  color: #aaa;
}
.form-card > input[type=radio]:disabled ~ .form-card__box .c-input-under, .form-card > input[type=checkbox]:disabled ~ .form-card__box .c-input-under {
  color: #aaa;
}
.form-card > input[type=radio]:disabled + .label-overlay, .form-card > input[type=checkbox]:disabled + .label-overlay {
  cursor: default;
}
.form-card .label-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}
.form-card .z-higher {
  z-index: 2;
  position: relative;
}
.form-card .z-higher:disabled {
  z-index: 0;
}
.form-card__box {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 0 3px #f8f8f8;
          box-shadow: inset 0 0 0 3px #f8f8f8;
  background-color: #f8f8f8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding: 24px 28px;
}
.form-card__box .form-card__info {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  font-weight: 300;
}
.form-card__box .form-card__inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
}
.form-card__box .form-card__inner > *:first-child:not(.form-chk-radio) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.form-card__box .form-card__inner .form-card__extra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  row-gap: 4px;
  -webkit-box-flex: 1.8;
      -ms-flex: 1.8;
          flex: 1.8;
  text-align: right;
}
.form-card__box .form-card__inner .payment-select .select2 .selection .select2-selection--single .select2-selection__rendered {
  padding-right: 16px;
}
.form-card__box .form-card__inner .payment-select .select2 .selection .select2-selection--single .select2-selection__arrow {
  right: -8px;
}
.form-card__box .form-card__inner .c-input-unit {
  width: auto;
}
.form-card__box .form-card__inner .c-input-unit .c-input-under {
  width: 60px;
}
.form-card__box .form-card__inner .btn-select {
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-card__box .form-card__title {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.form-card__box .form-card__title + .form-card__desc {
  padding-top: 6px;
  padding-bottom: 6px;
}
.form-card__box .form-card__desc {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  font-weight: 500;
}
.form-card__box .extra-txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
  margin-left: 8px;
}
.form-card__box .ing-txt {
  display: inline-block;
  font-size: 14px;
  line-height: 23px;
  font-weight: 700;
  color: #ff5d16;
  position: absolute;
  top: 24px;
  right: 28px;
  max-width: 20%;
  height: 23px;
  overflow: hidden;
  text-align: right;
}
.form-card__box > .base-tooltip-wrap {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.form-card__box .base-tooltip.h-max-auto {
  max-height: 350px;
  overflow-y: auto;
}
.form-card.form-card--vertical .form-card__box {
  padding: 20px 32px;
}
.form-card.form-card--vertical .form-card__box .form-card__inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-card.form-card--vertical .form-card__box .form-card__inner > *:only-child {
  margin-left: auto;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.form-card:not(.form-card--vertical) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-card:not(.form-card--vertical) .form-card__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 16px;
}
.form-card:not(.form-card--vertical) .form-card__box.gap4 {
  row-gap: 4px;
}

.btn-txt {
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.btn-txt--large {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.btn-txt.font-w-l {
  font-weight: 300;
}
.btn-txt:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 1px;
  left: 0;
  background-color: #222;
}

.btn-txt-arrow {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 300;
}
.btn-txt-arrow:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/UIDev/v3/images/icon/icon16-arrow-right-black.svg") center no-repeat;
  background-size: contain;
  position: absolute;
  top: 2px;
  right: 0;
}

.btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.btn-group > .btn-new {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.btn-group > .btn-new ~ .btn-new {
  margin-left: 0;
}
/*# sourceMappingURL=style.v3.css.map */