@charset "UTF-8";
/* base */
/* font */
/* base */
/* margin block 변수 */
/* grid system XD 사이즈 */
/* path */
/* media query */
/* font */
/* margin-bottom 
*  @param {number} $length - block 개수
*  @param {number} $font-size - font-size
*  @param {number} $line-height - line-height
*  @param {number} $marginBlockPx - _variable.scss 에 선언한 pc,tablet,mobile 마진블럭 개당 px 값
*                                   default 값은 pc마진블럭, 랩탑,모바일에서 마진값 변동시 변수값 변경 후 사용
*                                   ex)  tablet - marginBottom(2,18,30,$tabletBlockSize)
*                                   ex)  mobile - marginBottom(2,18,30,$mobileBlockSize)
*                                   블럭개수 없고 기본 margin rem 사용 시
*                                   ex)  marginBottom(0,null,null,픽셀값입력), marginBottom(0,$marginBlockPx:픽셀값입력)
*
*/
/* margin-top
*  위와 동일 하나 margin-bottom 을 기본적으로 사용 하지만 예외적인 경우 margin-top 사용
*  예외 - 타이틀부분 공통 처리를 하였는데 서브타이틀이 사용되지 않는 페이지의 경우 타이틀에 불필요한 margin-bottom 이 들어갈 경우 등
*/
/* font-size */
/* 말줄임 */
/* transform */
/* grid */
/* flex */
/* background */
/* bullet */
/* clear */
/* wordBreak */
/* reset */
@import "plugin/jquery.mCustomScrollbar.css";
@import "plugin/swiper4.5.1.css";
@import "plugin/jquery-ui.css";
html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
p,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select {
  padding: 0;
  margin: 0;
}

html,
body {
  font-family: "BMWTypeNextLatinKr", "arial", "Helvetica", "BMK", sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #262626;
  line-height: 1;
  -webkit-text-size-adjust: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  margin: 0;
  font-size: 100%;
  font-weight: 300;
  line-height: 1;
  margin-block-end: 0;
  margin-block-start: 0;
}

select,
button,
input,
textarea,
pre {
  font-family: "BMWTypeNextLatinKr", "arial", "Helvetica", "BMK", sans-serif;
  font-size: 16px;
  color: #666;
}

pre {
  white-space: pre-wrap;
}

fieldset,
img,
button {
  border: 0;
}

img,
input,
button {
  vertical-align: top;
}

img {
  display: block;
  max-width: 100%;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  word-break: break-all;
  word-wrap: break-word;
}

address,
em {
  font-style: normal;
}

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

hr {
  display: none;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover,
a:active {
  text-decoration: none;
}

legend {
  position: absolute;
  left: -9999px;
  top: 0;
}

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

button {
  background: none;
  cursor: pointer;
  -webkit-apperance: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  resize: none;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

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

/* select arrow none */
input[type=text],
input[type=password],
input[type=number],
input[type=tel],
input[type=email],
input[type=button],
input[type=submit] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

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

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #999;
}

input::placeholder,
textarea::placeholder {
  color: #999;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

.hide {
  display: none !important;
  visibility: hidden !important;
}

.swiper-scrollbar-drag {
  cursor: pointer;
}

@font-face {
  font-family: "BMK";
  font-style: normal;
  font-weight: 300;
  src: url(/resource/fonts/BMKL.eot);
  src: url(/resource/fonts/BMKL.eot?#iefix) format("embedded-opentype"), url(/resource/fonts/BMKL.woff) format("woff"), url(/resource/fonts/BMKL.ttf) format("truetype");
}
@font-face {
  font-family: "BMK";
  font-style: normal;
  font-weight: 700;
  src: url(/resource/fonts/BMKB.eot);
  src: url(/resource/fonts/BMKB.eot?#iefix) format("embedded-opentype"), url(/resource/fonts/BMKB.woff) format("woff"), url(/resource/fonts/BMKB.ttf) format("truetype");
}
@font-face {
  font-family: "BMWTypeNextLatinKr";
  font-style: normal;
  font-weight: 300;
  src: url(/resource/fonts/BMWTypeNextKr-Light.woff) format("woff"), url(/resource/fonts/BMWTypeNextKr-Light.ttf) format("truetype");
}
@font-face {
  font-family: "BMWTypeNextLatinKr";
  font-style: normal;
  font-weight: 400;
  src: url(/resource/fonts/BMWTypeNextKr-Regular.woff) format("woff"), url(/resource/fonts/BMWTypeNextKr-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "BMWTypeNextLatinKr";
  font-style: normal;
  font-weight: 700;
  src: url(/resource/fonts/BMWTypeNextKr-Bold.woff) format("woff"), url(/resource/fonts/BMWTypeNextKr-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "BMWTypeNextLatin";
  font-style: normal;
  font-weight: 400;
  src: url(/resource/fonts/BMWTypeNextLatin-Regular.woff) format("woff"), url(/resource/fonts/BMWTypeNextLatin-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "BMWTypeNextLatin";
  font-style: normal;
  font-weight: 700;
  src: url(/resource/fonts/BMWTypeNextLatin-Bold.woff) format("woff"), url(/resource/fonts/BMWTypeNextLatin-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "BMWTypeNextLatin";
  font-style: normal;
  font-weight: 300;
  src: url(/resource/fonts/BMWTypeNextLatin-Light.woff) format("woff"), url(/resource/fonts/BMWTypeNextLatin-Light.ttf) format("truetype");
}
@font-face {
  font-family: "BMWTypeNextLatin";
  font-style: normal;
  font-weight: 400;
  src: url(/resource/fonts/BMWTypeNextLatin-Regular.woff) format("woff"), url(/resource/fonts/BMWTypeNextLatin-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "BMWTypeNextLatin";
  font-style: normal;
  font-weight: 700;
  src: url(/resource/fonts/BMWTypeNextLatin-Bold.woff) format("woff"), url(/resource/fonts/BMWTypeNextLatin-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "Mini";
  font-style: normal;
  font-weight: 500;
  src: url(/resource/fonts/MINISerif-Regular.eot);
  src: url(/resource/fonts/MINISerif-Regular.eot?#iefix) format("embedded-opentype"), url(/resource/fonts/MINISerif-Regular.woff) format("woff"), url(/resource/fonts/MINISerif-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Mini";
  font-style: normal;
  font-weight: 700;
  src: url(/resource/fonts/MINISerif-Bold.eot);
  src: url(/resource/fonts/MINISerif-Bold.eot?#iefix) format("embedded-opentype"), url(/resource/fonts/MINISerif-Bold.woff) format("woff"), url(/resource/fonts/MINISerif-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "MiniKR";
  font-style: normal;
  font-weight: 500;
  src: url(/resource/fonts/MINISerif-Regular-KR.woff) format("woff"), url(/resource/fonts/MINISerif-Regular-KR.ttf) format("truetype");
}
@font-face {
  font-family: "MiniItalicKR";
  font-style: italic;
  font-weight: 500;
  src: url(/resource/fonts/MINISerif-Regular-Italic-KR.woff) format("woff"), url(/resource/fonts/MINISerif-Regular-Italic-KR.ttf) format("truetype");
}
@font-face {
  font-family: "MiniKR";
  font-style: normal;
  font-weight: 600;
  src: url(/resource/fonts/MINISerif-Headline-KR.woff) format("woff"), url(/resource/fonts/MINISerif-Headline-KR.ttf) format("truetype");
}
@font-face {
  font-family: "MiniItalicKR";
  font-style: normal;
  font-weight: 600;
  src: url(/resource/fonts/MINISerif-Headline-Italic-KR.woff) format("woff"), url(/resource/fonts/MINISerif-Headline-Italic-KR.ttf) format("truetype");
}
@font-face {
  font-family: "MiniKR";
  font-style: normal;
  font-weight: 700;
  src: url(/resource/fonts/MINISerif-Bold-KR.woff) format("woff"), url(/resource/fonts/MINISerif-Bold-KR.ttf) format("truetype");
}
@font-face {
  font-family: "MiniItalicKR";
  font-style: italic;
  font-weight: 700;
  src: url(/resource/fonts/MINISerif-Bold-Italic-KR.woff) format("woff"), url(/resource/fonts/MINISerif-Bold-Italic-KR.ttf) format("truetype");
}
@font-face {
  font-family: "MiniSansKR";
  font-style: normal;
  font-weight: 500;
  src: url(/resource/fonts/MINISansSerif-Regular-KR.woff) format("woff"), url(/resource/fonts/MINISansSerif-Regular-KR.ttf) format("truetype");
}
@font-face {
  font-family: "MiniSansKR";
  font-style: normal;
  font-weight: 700;
  src: url(/resource/fonts/MINISansSerif-Bold-KR.woff) format("woff"), url(/resource/fonts/MINISansSerif-Bold-KR.ttf) format("truetype");
}
@font-face {
  font-family: "NanumMyeongjo";
  font-style: normal;
  font-weight: 500;
  src: url(/resource/fonts/NanumMyeongjo-Regular.eot);
  src: url(/resource/fonts/NanumMyeongjo-Regular.eot?#iefix) format("embedded-opentype"), url(/resource/fonts/NanumMyeongjo-Regular.woff) format("woff"), url(/resource/fonts/NanumMyeongjo-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "NanumMyeongjo";
  font-style: normal;
  font-weight: 700;
  src: url(/resource/fonts/NanumMyeongjo-Bold.eot);
  src: url(/resource/fonts/NanumMyeongjo-Bold.eot?#iefix) format("embedded-opentype"), url(/resource/fonts/NanumMyeongjoBold.woff) format("woff"), url(/resource/fonts/NanumMyeongjo-Bold.ttf) format("truetype");
}
/* layout */
#wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.container {
  width: 100%;
  margin: 0 auto;
}

#wrap.white .visual_wrap .visual {
  padding: 245px 96px 0;
}
@media (max-width: 1657px) {
  #wrap.white .visual_wrap .visual {
    padding: 245px 0 0;
  }
}
@media (max-width: 1023px) {
  #wrap.white .visual_wrap .visual {
    margin-top: 76px;
    padding: 130px 48px 0;
  }
}
@media (max-width: 766px) {
  #wrap.white .visual_wrap .visual {
    margin-top: 0;
    padding: 0 24px;
  }
}
#wrap.footer_type1 footer .legal {
  display: none;
}

.visual_wrap {
  position: relative;
  margin-bottom: 128px;
}
.visual_wrap .visual {
  position: relative;
  height: 960px;
  padding: 160px 96px 0;
  color: #FFFFFF;
  z-index: 1;
}
.visual_wrap .visual:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: -1;
}
.visual_wrap h2 {
  margin-bottom: 25px;
  font-size: 4rem;
  letter-spacing: 0em;
  line-height: 1.25;
  word-break: keep-all;
}
.visual_wrap h3 {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
}
.visual_wrap .btn {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.3125;
}
@media (max-width: 1657px) {
  .visual_wrap .visual {
    padding: 130px 0 0;
  }
  .visual_wrap .title_wrap {
    width: 100%;
    max-width: 1466px;
    margin: 0 auto;
    padding: 0 15px;
  }
}
@media (max-width: 1023px) {
  .visual_wrap {
    margin-bottom: 80px;
  }
  .visual_wrap .visual {
    height: 536px;
    padding: 130px 48px 0;
  }
  .visual_wrap .title_wrap {
    padding: 0;
  }
  .visual_wrap h2 {
    margin-bottom: 15px;
    font-size: 2.625rem;
    letter-spacing: 0em;
    line-height: 1.1904761905;
  }
  .visual_wrap h3 {
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
}
@media (max-width: 766px) {
  .visual_wrap .visual {
    height: 640px;
    padding: 0 24px;
  }
  .visual_wrap .title_wrap {
    position: absolute;
    bottom: 40px;
    left: 0;
    padding: 0 24px;
  }
}

.news .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_news.jpg");
}
@media (max-width: 1023px) {
  .news .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_news.jpg");
  }
}
@media (max-width: 766px) {
  .news .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_news.jpg");
  }
}

.recruit .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_recruit.jpg");
}
@media (max-width: 1023px) {
  .recruit .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_recruit.jpg");
  }
}
@media (max-width: 766px) {
  .recruit .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_recruit.jpg");
  }
}

.consumer .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_consumer.jpg");
}
@media (max-width: 1023px) {
  .consumer .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_consumer.jpg");
  }
}
@media (max-width: 766px) {
  .consumer .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_consumer.jpg");
  }
}

.reversecalculator .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_reversecalculator.jpg");
}
@media (max-width: 1023px) {
  .reversecalculator .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_reversecalculator.jpg");
  }
}
@media (max-width: 766px) {
  .reversecalculator .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_reversecalculator.jpg");
  }
}

.product .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_product.jpg");
}
@media (max-width: 1023px) {
  .product .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_product.jpg");
  }
}
@media (max-width: 766px) {
  .product .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_product.jpg");
  }
}

.customer .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_customer.jpg");
}
@media (max-width: 1023px) {
  .customer .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_customer.jpg");
  }
}
@media (max-width: 766px) {
  .customer .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_customer.jpg");
  }
}

.legal .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_legal.jpg");
}
@media (max-width: 1023px) {
  .legal .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_legal.jpg");
  }
}
@media (max-width: 766px) {
  .legal .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_legal.jpg");
  }
}

.maturity .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_maturity.jpg");
}
@media (max-width: 1023px) {
  .maturity .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_maturity.jpg");
  }
}
@media (max-width: 766px) {
  .maturity .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_maturity.jpg");
  }
}

.counseling .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_counseling.jpg");
}
@media (max-width: 1023px) {
  .counseling .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_counseling.jpg");
  }
}
@media (max-width: 766px) {
  .counseling .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_counseling.jpg");
  }
}

.promotion .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_promotion.jpg");
}
@media (max-width: 1023px) {
  .promotion .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_promotion.jpg");
  }
}
@media (max-width: 766px) {
  .promotion .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_promotion.jpg");
  }
}

.communication .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_communication.jpg");
}
@media (max-width: 1023px) {
  .communication .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_communication.jpg");
  }
}
@media (max-width: 766px) {
  .communication .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_communication.jpg");
  }
}

.mini-program .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_mini-program.jpg");
}
@media (max-width: 1023px) {
  .mini-program .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_mini-program.jpg");
  }
}
@media (max-width: 766px) {
  .mini-program .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_mini-program.jpg");
  }
}

.purchase .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_purchase.jpg");
}
@media (max-width: 1023px) {
  .purchase .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_purchase.jpg");
  }
}
@media (max-width: 766px) {
  .purchase .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_purchase.jpg");
  }
}

.brand .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_brand.jpg");
}
@media (max-width: 1023px) {
  .brand .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_brand.jpg");
  }
}
@media (max-width: 766px) {
  .brand .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_brand.jpg");
  }
}

.residual-value .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_residual-value.jpg");
}
@media (max-width: 1023px) {
  .residual-value .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_residual-value.jpg");
  }
}
@media (max-width: 766px) {
  .residual-value .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_residual-value.jpg");
  }
}

.installment .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_installment.jpg");
}
@media (max-width: 1023px) {
  .installment .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_installment.jpg");
  }
}
@media (max-width: 766px) {
  .installment .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_installment.jpg");
  }
}

.lease .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_lease.jpg");
}
@media (max-width: 1023px) {
  .lease .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_lease.jpg");
  }
}
@media (max-width: 766px) {
  .lease .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_lease.jpg");
  }
}

.smart-rent .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_smart-rent.jpg");
}
@media (max-width: 1023px) {
  .smart-rent .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_smart-rent.jpg");
  }
}
@media (max-width: 766px) {
  .smart-rent .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_smart-rent.jpg");
  }
}

.calculator .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_calculator.jpg");
}
@media (max-width: 1023px) {
  .calculator .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_calculator.jpg");
  }
}
@media (max-width: 766px) {
  .calculator .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_calculator.jpg");
  }
}

.company .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_company.jpg");
}
@media (max-width: 1023px) {
  .company .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_company.jpg");
  }
}
@media (max-width: 766px) {
  .company .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_company.jpg");
  }
}

.myFinCar .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_myFinCar.jpg");
}
@media (max-width: 1023px) {
  .myFinCar .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_myFinCar.jpg");
  }
}
@media (max-width: 766px) {
  .myFinCar .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_myFinCar.jpg");
  }
}

.sustainability .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_sustainability.jpg");
}
@media (max-width: 1023px) {
  .sustainability .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_sustainability.jpg");
  }
}
@media (max-width: 766px) {
  .sustainability .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_sustainability.jpg");
  }
}

.brandGroup .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_brandGroup.jpg");
}
@media (max-width: 1023px) {
  .brandGroup .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_brandGroup.jpg");
  }
}
@media (max-width: 766px) {
  .brandGroup .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_brandGroup.jpg");
  }
}

.miniProgram .visual_wrap .visual:before {
  background-image: url("/resource/images/visual/visual_miniProgram.jpg");
}
@media (max-width: 1023px) {
  .miniProgram .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/tablet/visual_miniProgram.jpg");
  }
}
@media (max-width: 766px) {
  .miniProgram .visual_wrap .visual:before {
    background-image: url("/resource/images/visual/mo/visual_miniProgram.jpg");
  }
}

.section .content_title {
  margin-bottom: 64px;
  font-size: 3rem;
  letter-spacing: 0;
  line-height: 1;
  word-break: keep-all;
  word-wrap: break-word;
  text-align: center;
}
.section .notice_box {
  width: 100%;
  margin-bottom: 180px;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
.section .notice_box > div, .section .notice_box > ul {
  padding: 45px 48px;
  background-color: #F6F6F6;
}
.section .content {
  margin-bottom: 128px;
}
@media (max-width: 1023px) {
  .section .content_title {
    margin-bottom: 40px;
    font-size: 1.875rem;
    letter-spacing: 0em;
    line-height: 1.1333333333;
  }
  .section .notice_box {
    padding: 0;
    margin-bottom: 80px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .section .notice_box > div {
    padding: 35px 24px;
  }
  .section .content {
    margin-bottom: 80px;
  }
}

.ui-datepicker {
  margin-top: 1px;
  width: 100%;
  max-width: 532px;
  padding: 0;
  border: 1px solid #BBBBBB;
  box-sizing: border-box;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.24), 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
}
.ui-datepicker .ui-datepicker-header {
  padding: 20px;
  background-color: #fff;
  font-size: 0;
  border: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  text-align: left;
  margin: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-year,
.ui-datepicker .ui-datepicker-header .ui-datepicker-month {
  width: auto;
  border: none;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  line-height: 24px;
  height: 24px;
  color: #262626;
  margin: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  width: 24px;
  height: 25px;
  right: 20px;
  top: 20px;
  z-index: 2;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  left: auto;
  top: auto;
  margin: 0;
  background-image: url("/resource/images/common/datepicker_next.png");
  background-repeat: no-repeat;
  background-position: center;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
  background-color: #fff;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  width: 24px;
  height: 25px;
  left: auto;
  right: 44px;
  top: 20px;
  z-index: 2;
  margin-right: 8px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  left: auto;
  top: auto;
  margin: 0;
  background-image: url("/resource/images/common/datepicker_prev.png");
  background-repeat: no-repeat;
  background-position: center;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
  background-color: #fff;
}
.ui-datepicker table {
  margin: 0;
}
.ui-datepicker table.ui-datepicker-calendar thead {
  background-color: #F2F2F2;
}
.ui-datepicker table.ui-datepicker-calendar thead tr th {
  padding: 8px 0;
  font-weight: 300;
  font-size: 0.75rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  color: #666;
}
.ui-datepicker table.ui-datepicker-calendar tbody tr td {
  padding: 8px 18px;
}
.ui-datepicker table.ui-datepicker-calendar tbody tr td a, .ui-datepicker table.ui-datepicker-calendar tbody tr td span {
  height: 40px;
  background-color: #fff;
  text-align: center;
  border-color: #fff;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 2.5;
  padding: 0;
  font-weight: 300;
  color: #262626;
  border-radius: 3px;
}
.ui-datepicker table.ui-datepicker-calendar tbody tr td a.ui-state-active,
.ui-datepicker table.ui-datepicker-calendar tbody tr td a:hover {
  border-color: #bbb;
}
@media (max-width: 1023px) {
  .ui-datepicker {
    width: 100%;
    max-width: calc(100% - 96px);
  }
}
@media (max-width: 766px) {
  .ui-datepicker {
    max-width: calc(100% - 48px);
  }
  .ui-datepicker table.ui-datepicker-calendar tbody tr td {
    padding: 5px;
  }
  .ui-datepicker table.ui-datepicker-calendar tbody tr td a, .ui-datepicker table.ui-datepicker-calendar tbody tr td span {
    height: 35px;
    width: 96%;
    line-height: 35px;
  }
}

header {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  font-size: 0;
  z-index: 9;
  transition: background-color 0.35s;
}
header.white {
  background: #FFFFFF;
}
header.white h1 a {
  width: 100%;
}
header.white h1 img {
  display: none;
  transition: transform 0.5s;
}
header.white h1 img.darker {
  display: block;
  height: 100%;
}
header.white .gnb a {
  color: #666666;
}
@media (min-width: 1230px) {
  header.white .gnb .depth1:hover > a {
    color: #262626;
  }
}
header.white .gnb .depth1.drop > a:after {
  background: url("/resource/images/common/icon_arrow_down_bk.png") no-repeat 50% 50%/cover;
}
header.white .mo_menu span {
  background-color: #262626;
}
header.white .btn-search:after {
  background-image: url("/resource/images/search/icon_search.svg");
}
header .header_inner {
  max-width: 1920px;
  width: 100%;
  padding: 0 96px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}
header .header_inner > div {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  border-bottom: 1px solid #BBBBBB;
}
header .bg {
  width: 100%;
  height: 0;
  background-color: #F6F6F6;
  transition: height 0.3s ease-in-out;
}
header h1 {
  display: inline-block;
  margin-right: 4px;
}
header h1 a {
  position: relative;
  display: block;
  width: 100%;
}
header h1 img.darker {
  display: none;
}
header h1 .logo-text {
  display: none;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
}
header h1 .logo-text .bold {
  padding-right: 4px;
}
header .logo-top {
  height: 100%;
}
header .gnb {
  display: block;
}
header .gnb .flex-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: normal;
}
header .gnb a {
  position: relative;
  display: block;
  padding: 29px 8px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #FFFFFF;
  font-weight: 400;
}
header .gnb.mo-open .depth1 {
  display: none !important;
}
header .gnb .depth1 {
  padding: 0 20px;
}
@media (min-width: 1230px) {
  header .gnb .depth1:hover > a {
    color: #FFFFFF;
  }
  header .gnb .depth1:hover > a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #1C69D4;
  }
}
header .gnb .depth1.active > a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #1C69D4;
}
header .gnb .depth1.active.opacity > a:before {
  background-color: transparent;
}
header .gnb .depth1.drop > a {
  padding-right: 36px;
}
header .gnb .depth1.drop > a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 14px;
  height: 9px;
  background: url("/resource/images/common/icon_arrow_down.png") no-repeat 50% 50%/cover;
  transition: all 0.4s;
}
header .gnb .depth1.drop.active > a:after {
  transform: translateY(-50%) rotate(180deg);
}
header .gnb .depth1.drop.active .depth2 {
  opacity: 1;
  visibility: visible;
}
header .gnb .depth1.drop.opacity > a:after {
  transform: translateY(-50%) rotate(0deg);
}
header .gnb .depth1.only_mobile {
  display: none;
}
@media (max-width: 1023px) {
  header .gnb .depth1 .logo-top {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  header .gnb .depth1.drop.mo-current > a {
    padding: 20px 24px !important;
    text-align: center;
    border-bottom: 1px solid #bbbbbb;
  }
  header .gnb .depth1.drop.mo-current .depth2 .drop > a {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 2;
    color: #262626;
    font-weight: 400;
  }
  header .gnb .depth1.active > a {
    color: #262626;
  }
  header .gnb .depth1.active > a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #1C69D4;
  }
  header .gnb .depth1.current > a {
    color: #262626;
  }
  header .gnb .depth1.current > a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #1C69D4;
  }
  header .gnb .depth1.current.drop > a:after {
    transform: translateY(-50%) rotate(180deg);
  }
  header .gnb .depth1.current .depth2 {
    opacity: 1;
    visibility: visible;
  }
  header .gnb .depth1.current .depth2 > a {
    color: #262626;
  }
  header .gnb .depth1.mo-current {
    display: block !important;
    opacity: 1 !important;
    visibility: visible;
  }
  header .gnb .depth1.mo-current .depth2 {
    position: inherit;
    display: block !important;
    opacity: 1 !important;
    visibility: visible;
  }
  header .gnb .depth1.only_mobile {
    display: block;
  }
}
header .gnb .depth2 {
  position: absolute;
  top: 83px;
  transform: translateX(-18px);
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: normal;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s linear;
  transition-delay: 0.1s;
}
header .gnb .depth2.center {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
@media (max-width: 1230px) {
  header .gnb .depth2.center {
    position: absolute;
    top: initial;
    left: 0;
    transform: none;
  }
}
header .gnb .depth2 a {
  padding: 22px 20px;
  color: #666666;
}
@media (min-width: 1230px) {
  header .gnb .depth2 a:hover {
    color: #262626;
  }
}
header .gnb .depth2.drop.current > li {
  display: block;
}
header .gnb .depth3 {
  display: none;
}
header .scroll_menu {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
header .btn-search {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 100%;
}
header .btn-search:hover:before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #1C69D4;
}
header .btn-search:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background-image: url("/resource/images/search/icon_search_wh.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
header .mo_menu {
  position: relative;
  display: none;
}
header .mo-sticky {
  display: none;
  position: absolute;
  top: 84px;
  left: 0;
  width: 100%;
  background-color: #F6F6F6;
}
header .mo-sticky ul {
  display: none;
}
header .mo-sticky li {
  position: relative;
  border-bottom: 1px solid #CACACA;
}
header .mo-sticky li a {
  position: relative;
  display: block;
  padding: 15px 38px;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  color: #666666;
}
header .mo-sticky li.current a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 24px;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #1C69D4;
}
header .mo-sticky .current_depth {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px 58px 15px 24px;
  border-top: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA;
}
header .mo-sticky .current_depth:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 21px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url(/resource/images/common/icon_gnb_down.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
header .mo-sticky .current_depth .current_depth1 {
  padding-right: 10px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 400;
  color: #262626;
}
header .mo-sticky .current_depth .current_depth2 {
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  color: #666666;
}
header .mo-sticky.open .current_depth:after {
  background-image: url(/resource/images/common/icon_gnb_close.png);
}
@media (min-width: 767px) and (max-width: 1023px) {
  header .mo-sticky li a {
    padding: 15px 62px;
  }
  header .mo-sticky li.current a:before {
    left: 48px;
  }
  header .mo-sticky .current_depth {
    padding: 15px 83px 15px 48px;
  }
  header .mo-sticky .current_depth:after {
    right: 47px;
  }
}
@media (max-width: 766px) {
  header .mo-sticky {
    top: 68px;
  }
}
header .web-sticky {
  position: absolute;
  top: 83px;
  left: 0;
  width: 100%;
  background-color: #F6F6F6;
  border-bottom: 1px solid #BBBBBB;
}
header .web-sticky-inner {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 96px;
}
header .web-sticky p {
  position: absolute;
  top: 0;
  left: 96px;
  display: inline-block;
  padding: 22px 0;
  font-size: 1.125rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: 400;
  color: #262626;
}
header .web-sticky ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: normal;
  width: 100%;
}
@media (max-width: 1480px) {
  header .web-sticky ul.align_end {
    justify-content: end;
  }
}
header .web-sticky .current a {
  color: #262626;
}
header .web-sticky .current a:before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #1C69D4;
}
header .web-sticky a {
  position: relative;
  display: block;
  padding: 22px 20px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 400;
  color: #666666;
}
header .web-sticky a:hover {
  color: #262626;
}
@media (max-width: 1657px) {
  header .header_inner {
    max-width: 1466px;
    padding: 0 15px;
  }
  header .web-sticky-inner {
    max-width: 1466px;
    padding: 0 15px;
  }
  header .web-sticky p {
    left: 15px;
  }
}
@media (max-width: 1230px) {
  header .web-sticky {
    display: none;
  }
  header.mo-open {
    overflow-y: unset !important;
  }
  header.mo-open .header_inner {
    border-bottom: 1px solid #BBBBBB;
  }
  header.mo-open h1 img {
    display: none;
  }
  header.mo-open h1 img.darker {
    display: block;
  }
  header.mo-open .mo_menu span {
    background-color: #262626;
  }
  header.mo-open .gnb {
    display: block;
    padding-top: 24px;
    background-color: transparent;
    top: 84px;
  }
  header.mo-open .gnb.depth2-open {
    padding-top: 0;
  }
  header.mo-open .gnb.depth2-open .flex-container {
    position: fixed;
    width: 100%;
    height: 100%;
    padding-bottom: 140px;
    overflow-y: auto;
  }
  header.mo-open .gnb.depth2-open .depth1 {
    display: none;
  }
  header.mo-open .gnb a {
    color: #262626;
  }
  header.mo-open .gnb a:before {
    display: none;
  }
  header.mo-open .gnb .depth1 {
    padding: 0;
  }
  header.mo-open .gnb .depth1.drop > a {
    padding: 18px 24px;
  }
  header.mo-open .gnb .depth1.drop > a:after {
    background: url(/resource/images/common/icon_arrow_down_bk.png) no-repeat 50% 50%/cover;
  }
  header.mo-open .gnb .depth1.drop.active {
    display: block;
    padding: 0;
  }
  header.mo-open .gnb .depth1.drop.active > a {
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 1.7777777778;
    font-weight: 300;
    text-align: center;
  }
  header.mo-open .gnb .depth1.drop.active > a:before {
    display: block;
    height: 1px;
    background-color: #bbbbbb;
  }
  header.mo-open .gnb .depth1.drop.active > a:after {
    right: unset;
    left: 48px;
    transform: translateY(-50%) rotate(90deg);
  }
  header.mo-open .gnb .depth1.drop.active .depth2 {
    display: block;
    padding-top: 12px;
  }
  header.mo-open .gnb .depth1.drop.active .depth2 a {
    padding: 15px 48px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 2;
    font-weight: 400;
    color: #262626;
  }
  header.mo-open .gnb .depth1.drop.active .depth3 {
    display: block;
    position: static;
    opacity: 1;
    visibility: visible;
  }
  header.mo-open .gnb .depth1.drop.active .depth3 a {
    padding: 10px 48px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 2.1428571429;
    font-weight: 300;
    color: #666666;
  }
  header.mo-open .gnb .depth1.drop.active .depth3 a:first-child {
    padding-top: 0;
  }
  header.mo-open .gnb .depth2 {
    padding-left: 0;
    display: none;
  }
  header.mo-open .mo-sticky {
    z-index: -1;
  }
  header.mo-open .bg {
    display: block;
    height: 100vh !important;
  }
  header .header_inner {
    padding: 0;
  }
  header .header_inner > div {
    justify-content: space-between;
    padding: 16px 24px;
    border-bottom: none;
  }
  header .bg {
    position: fixed;
    height: 0;
    top: 0;
    background: #FFFFFF;
    border-top: none;
    border-bottom: none;
    transition: height 0.3s ease-in-out;
    z-index: -1;
  }
  header.white {
    border-bottom: 1px solid #BBBBBB;
  }
  header.white h1 img {
    height: auto;
  }
  header .logo-top {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  header .mo_menu {
    display: block;
    width: 35px;
    height: 35px;
    transform: translateX(3px);
  }
  header .mo_menu button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 14px;
  }
  header .mo_menu span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 2px;
    background: #FFFFFF;
    transition: 0.3s;
  }
  header .mo_menu span:first-child {
    top: 0;
  }
  header .mo_menu span:nth-child(2) {
    top: 5px;
  }
  header .mo_menu span:last-child {
    top: 10px;
  }
  header .mo_menu.on span:first-child {
    top: 50%;
    transform: translate(0, -50%) rotate(45deg);
  }
  header .mo_menu.on span:nth-child(2) {
    top: 50%;
    transform: translate(0, -50%) rotate(-45deg);
  }
  header .mo_menu.on span:last-child {
    opacity: 0;
  }
  header .mo-sticky.active {
    display: block;
  }
  header .mo-sticky.open ul {
    display: block;
  }
  header .gnb {
    display: none;
    position: absolute;
    top: 71px;
    right: 0;
    width: 100%;
    background-color: #FFFFFF;
  }
  header .gnb a {
    padding: 20px 24px;
  }
  header .gnb .flex-container {
    display: block;
    height: 100%;
    padding-bottom: 20px;
  }
  header .gnb .depth1.drop > a:after {
    right: 24px;
    transform: translateY(-50%) rotate(-90deg);
  }
  header .gnb .depth1.drop.current {
    display: block;
    padding: 0;
  }
  header .gnb .depth1.drop.current > a {
    padding: 24px;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1;
    color: #262626;
    text-align: center;
    border-bottom: 1px solid #CACACA;
  }
  header .gnb .depth1.drop.current > a:before {
    display: none;
  }
  header .gnb .depth1.drop.current > a:after {
    right: unset;
    left: 24px;
    transform: translateY(-50%) rotate(90deg);
  }
  header .gnb .depth1.drop.current .depth2 {
    display: block;
    padding: 8px 0;
  }
  header .gnb .depth1.drop.current .depth2 > li > a {
    padding: 12px 40px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 2;
    color: #262626;
    font-weight: 400;
  }
  header .gnb .depth2 {
    display: block;
    position: static;
    transform: none;
  }
  header .gnb .depth2 a {
    padding: 0 24px;
    color: #666666;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 2.8571428571;
  }
  header .btn-search {
    right: 56px;
    width: 35px;
  }
  header .btn-search:before {
    display: none;
  }
}
@media (min-width: 767px) and (max-width: 1023px) {
  header .gnb a {
    padding: 20px 48px;
  }
  header .gnb .depth1.drop > a:after {
    right: 48px;
  }
  header.mo-open .gnb .depth1.drop > a {
    padding: 20px 48px;
  }
}
@media (max-width: 1023px) {
  header .header_inner > div {
    padding: 16px 48px;
  }
  header .btn-search {
    right: 80px;
  }
}
@media (max-width: 766px) {
  header {
    transition: background-color 0.05s;
  }
  header .header_inner > div {
    padding: 16px 24px;
  }
  header .header_inner h1 {
    width: 36px;
    height: 36px;
  }
  header .header_inner h1 img {
    height: auto;
  }
  header .header_inner h1 img.darker {
    height: auto;
  }
  header.mo-open .gnb {
    top: 68px;
  }
  header.mo-open .gnb .depth1.drop.active > a:after {
    left: 24px;
  }
  header.mo-open .gnb .depth1.drop.active .depth2 a {
    padding: 7px 40px;
  }
  header .btn-search {
    right: 56px;
  }
}

@media (min-width: 1230px) {
  header.down {
    position: fixed;
    top: 0;
    transition: 0.25s ease-in-out;
    height: 40px;
  }
  header.down .header_inner {
    height: 40px;
    border-bottom: 1px solid #BBBBBB;
  }
  header.down .header_inner > div {
    height: 100%;
    border-color: transparent;
  }
  header.down .web-sticky {
    top: 40px;
  }
  header.down h1 {
    height: 100%;
  }
  header.down h1 a {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: normal;
  }
  header.down h1 img {
    transform: scale(0.66) translate3d(-10px, 0, 0);
    transition: transform 0.5s;
  }
  header.down h1 .logo-text {
    display: flex;
    align-items: center;
  }
  header.down .gnb .depth1 > a {
    opacity: 0;
    padding: 0;
    line-height: 0;
    visibility: hidden;
  }
  header.down .gnb .depth2 {
    top: 39px;
  }
  header.down .scroll_menu {
    display: block;
  }
  header.down .btn-search {
    display: none;
  }
  .mo_menu span {
    background: #262626;
  }
  .bg {
    border-top: none;
  }
}
body[data-scroll=up] header.white .mo_menu span {
  background: #262626;
}

footer {
  background-color: #F6F6F6;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 2;
  color: #262626;
}
footer .flex-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: normal;
}
footer .footer_inner {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
footer .desc .footer_inner {
  padding: 75px 96px;
}
footer .desc p {
  position: relative;
  padding-left: 10px;
  color: #666666;
}
footer .desc p.bold {
  color: #262626;
}
footer .desc p:before {
  content: "*";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 2;
  color: #262626;
  vertical-align: top;
}
footer .legal {
  background-color: #F2F2F2;
  border-top: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA;
}
footer .legal .footer_inner {
  padding: 75px 96px;
}
footer .legal .flex-container ul:first-child {
  padding-right: 96px;
}
footer .legal .flex-item {
  padding-right: 200px;
}
@media (max-width: 1749px) {
  footer .legal .flex-item {
    padding-right: 100px;
  }
}
@media (max-width: 1659px) {
  footer .legal .flex-item {
    padding-right: 100px;
  }
}
footer .legal .flex-item:last-child {
  padding-right: 0;
}
footer .legal .flex-item.rate {
  width: 480px;
}
footer .legal .flex-item.rate .flex-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin-bottom: 10px;
}
footer .legal .flex-item.rate .flex-container strong {
  width: calc(100% - 224px);
}
footer .legal .flex-item.rate .bold {
  color: #262626;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 700;
}
footer .legal .flex-item.rate .select > ul {
  padding: 20px;
  background-color: #fff;
}
footer .legal .flex-item.rate li {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: normal;
  width: 100%;
  padding-bottom: 5px;
  color: #666;
}
footer .legal .flex-item.rate li > span {
  width: 74px;
  color: #262626;
}
footer .legal .flex-item.rate li > p,
footer .legal .flex-item.rate li .dash,
footer .legal .flex-item.rate li pre {
  width: calc(100% - 74px);
}
footer .legal .flex-item.rate li pre {
  margin: 0;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 2;
}
footer .legal .flex-item.rate .dash li {
  position: relative;
  padding-left: 10px;
  padding-bottom: 0;
}
footer .legal .flex-item.rate .dash li:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
footer .legal strong, footer .legal a {
  display: block;
  width: 100%;
  font-size: 0.75rem;
  letter-spacing: 0em;
  line-height: 2.6666666667;
}
footer .legal strong {
  color: #262626;
  letter-spacing: 2px;
}
footer .legal a {
  color: #4d4d4d;
  font-weight: 700;
}
footer .legal a:hover {
  color: #262626;
}
footer .legal li.noBold span {
  font-weight: 300;
}
footer .legal li a {
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 2.2857142857;
}
footer .info {
  background-color: #FFFFFF;
}
footer .info .footer_inner {
  padding: 35px 96px;
}
footer .info .flex-container {
  justify-content: space-between;
}
footer .info p {
  font-size: 0.8125rem;
  letter-spacing: 0em;
  line-height: 2.3076923077;
  color: #4F4F4F;
}
footer .info ul li {
  padding-right: 20px;
}
footer .info ul li:last-child {
  padding-right: 0;
}
footer .info ul li .bold {
  color: #262626;
}
@media (max-width: 1657px) {
  footer .desc .footer_inner,
  footer .legal .footer_inner,
  footer .info .footer_inner {
    max-width: 1466px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1387px) {
  footer .legal .flex-item.rate {
    width: 100%;
    margin-top: 48px;
    padding-top: 40px;
    border-top: 1px solid #CACACA;
  }
}
@media (max-width: 1074px) {
  footer .info .flex-container {
    justify-content: start;
  }
}
@media (max-width: 999px) {
  footer .legal .flex-container ul:first-child {
    padding-right: 64px;
  }
  footer .legal .flex-container > p {
    margin-bottom: 5px;
  }
  footer .legal .flex-item {
    width: 100%;
    padding: 40px 0;
    border-bottom: 1px solid #CACACA;
  }
  footer .legal .flex-item:first-child {
    padding-top: 0;
  }
  footer .legal .flex-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  footer .legal .flex-item.rate {
    margin-top: 0;
    border-top: none;
  }
  footer .legal .flex-item.rate .bold {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1;
  }
  footer .legal .flex-item.rate li > span {
    width: 61px;
  }
  footer .legal .flex-item.rate li > p,
  footer .legal .flex-item.rate li .dash,
  footer .legal .flex-item.rate li pre {
    width: calc(100% - 61px);
  }
  footer .legal .flex-item.rate li > span, footer .legal .flex-item.rate li > p,
  footer .legal .flex-item.rate li .dash,
  footer .legal .flex-item.rate li pre {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 2.3333333333;
  }
}
@media (max-width: 1023px) {
  footer .desc .footer_inner,
  footer .legal .footer_inner,
  footer .info .footer_inner {
    padding: 40px 48px;
  }
}
@media (max-width: 766px) {
  footer .desc .footer_inner,
  footer .legal .footer_inner,
  footer .info .footer_inner {
    padding: 40px 24px;
  }
  footer .desc p {
    font-size: 0.8125rem;
    letter-spacing: 0em;
    line-height: 1.8461538462;
  }
  footer .desc p:before {
    font-size: 0.8125rem;
    letter-spacing: 0em;
    line-height: 1.8461538462;
  }
  footer .legal .flex-container ul {
    width: 100%;
  }
  footer .legal .flex-container ul:first-child {
    padding-right: 0;
  }
  footer .legal .flex-item.rate .flex-container {
    margin-bottom: 0;
  }
  footer .legal .flex-item.rate .flex-container strong {
    width: 100%;
  }
  footer .legal .flex-item.rate .custom_select_area {
    width: 100%;
    margin: 16px 0;
  }
  footer .legal li.noBold span {
    font-size: 0.8125rem;
    letter-spacing: 0;
    line-height: 1;
  }
  footer .legal li a {
    font-size: 0.8125rem;
    letter-spacing: 0em;
    line-height: 2.4615384615;
  }
  footer .info ul li {
    display: block;
    width: 100%;
  }
}

/* footer 디스클레머 삭제 - 고객센터, 회사소개, 법률 약관(푸터페이지) */
#wrap.news footer .box.desc {
  display: none;
}
#wrap.consumer footer .box.desc {
  display: none;
}
#wrap.customer footer .box.desc {
  display: none;
}
#wrap.company footer .box.desc {
  display: none;
}
#wrap.recruit footer .box.desc {
  display: none;
}
#wrap.brand footer .box.desc {
  display: none;
}
#wrap.legal footer .box.desc {
  display: none;
}

/* 
  footer 디스클래머
  type1 - 공통 , type2 - 리버스 계산기, type3 - 월 납입금 계산기
*/
#wrap footer .box.desc.type2, #wrap footer .box.desc.type3, #wrap footer .box.desc.type-bmw, #wrap footer .box.desc.type-mini {
  display: none;
}
#wrap.reversecalculator footer .box.desc.type1, #wrap.reversecalculator footer .box.desc.type3, #wrap.reversecalculator footer .box.desc.type-bmw, #wrap.reversecalculator footer .box.desc.type-mini, #wrap.calculator footer .box.desc.type1, #wrap.calculator footer .box.desc.type3, #wrap.calculator footer .box.desc.type-bmw, #wrap.calculator footer .box.desc.type-mini {
  display: none;
}
#wrap.reversecalculator footer .box.desc.type2, #wrap.calculator footer .box.desc.type2 {
  display: block;
}
#wrap.ai footer .box.desc.type1, #wrap.ai footer .box.desc.type2, #wrap.ai footer .box.desc.type-bmw, #wrap.ai footer .box.desc.type-mini {
  display: none;
}
#wrap.ai footer .box.desc.type3 {
  display: block;
}
#wrap.brandGroup footer .box.desc.type1, #wrap.brandGroup footer .box.desc.type2, #wrap.brandGroup footer .box.desc.type3, #wrap.brandGroup footer .box.desc.type-mini {
  display: none;
}
#wrap.brandGroup footer .box.desc.type-bmw {
  display: block;
}
#wrap.brandGroup.miniProgram footer .box.desc.type1, #wrap.brandGroup.miniProgram footer .box.desc.type2, #wrap.brandGroup.miniProgram footer .box.desc.type3, #wrap.brandGroup.miniProgram footer .box.desc.type-bmw {
  display: none;
}
#wrap.brandGroup.miniProgram footer .box.desc.type-mini {
  display: block;
  font-family: "MiniKR", "NanumMyeongjo", sans-serif;
}

/* components */
.scroll::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.scroll::-webkit-scrollbar-thumb {
  background-color: #4D4D4D;
  border-radius: 10px;
  background-clip: padding-box;
  border: 4px solid transparent;
}
.scroll::-webkit-scrollbar-track {
  background-color: #fff;
}

.tab_btn_type01 {
  margin-bottom: 64px;
  position: relative;
}
.tab_btn_type01 ul {
  font-size: 0;
  border-bottom: 1px solid #CACACA;
}
.tab_btn_type01 ul.scroll {
  white-space: nowrap;
  overflow-x: auto;
}
.tab_btn_type01 ul.scroll:after {
  display: none;
  content: "";
  width: 70px;
  height: 100%;
  position: absolute;
  right: -1px;
  bottom: 5px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 60%);
  opacity: 1;
  transition: 0.3s;
}
.tab_btn_type01 ul.scroll.scroll__active:after, .tab_btn_type01 ul.scroll.scroll__end:after {
  opacity: 0;
}
.tab_btn_type01 ul.scroll::-webkit-scrollbar {
  display: none; /* 크롬, 사파리, 오페라, 엣지 */
}
.tab_btn_type01 ul li {
  display: inline-block;
  vertical-align: top;
}
.tab_btn_type01 ul li a {
  display: block;
  padding: 12px 40px;
  box-sizing: border-box;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.2;
  font-weight: 700;
  color: #666666;
  border-bottom: 4px solid transparent;
}
.tab_btn_type01 ul li a:hover {
  color: #262626;
}
.tab_btn_type01 ul li.active a {
  border-bottom-color: #262626;
  color: #262626;
}
@media (max-width: 1023px) {
  .tab_btn_type01 {
    margin-bottom: 40px;
  }
  .tab_btn_type01 ul.scroll:after {
    display: block;
  }
  .tab_btn_type01 ul li a {
    padding: 12px 24px;
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
}

.tab_btn_type02 {
  background-color: #F6F6F6;
  padding: 24px 14.625%;
  text-align: center;
  position: relative;
}
.tab_btn_type02 a.current {
  display: none;
}
.tab_btn_type02 ul {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.tab_btn_type02 ul li {
  display: inline-block;
  vertical-align: middle;
}
.tab_btn_type02 ul li a {
  display: block;
  padding: 12px 35px;
  position: relative;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #262626;
  font-weight: 300;
}
.tab_btn_type02 ul li a:after {
  content: "";
  width: 1px;
  height: 20px;
  background-color: #CACACA;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.tab_btn_type02 ul li a span {
  padding: 4px 0;
  display: block;
  position: relative;
}
.tab_btn_type02 ul li a span:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #262626;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
}
.tab_btn_type02 ul li.active a, .tab_btn_type02 ul li:hover a {
  font-weight: bold;
}
.tab_btn_type02 ul li.active a span:after, .tab_btn_type02 ul li:hover a span:after {
  opacity: 1;
}
.tab_btn_type02 ul li:last-child a:after {
  display: none;
}
@media (max-width: 1023px) {
  .tab_btn_type02 {
    background-color: #FFFFFF;
    padding: 0;
  }
  .tab_btn_type02 a.current {
    display: block;
    position: relative;
    width: 100%;
    height: 52px;
    padding: 13px 20px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
    color: #262626;
    font-weight: 400;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    border-radius: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    text-align: left;
  }
  .tab_btn_type02 a.current::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 14px;
    height: 8px;
    margin-top: -4px;
    background: url("/resource/images/ai/icon_arrow_down.png") no-repeat 0 0/cover;
  }
  .tab_btn_type02 ul {
    display: none;
    position: absolute;
    left: 0;
    top: 52px;
    width: 100%;
    height: auto;
    max-height: 152px;
    border: 1px solid #BBBBBB;
    border-radius: 3px;
    background-color: #FFFFFF;
    z-index: 8;
    overflow-y: auto;
  }
  .tab_btn_type02 ul li {
    display: block;
  }
  .tab_btn_type02 ul li.active {
    background-color: #F2F2F2;
  }
  .tab_btn_type02 ul li.active a {
    font-weight: inherit;
  }
  .tab_btn_type02 ul li a {
    display: block;
    padding: 15px;
    font-size: 0.875rem;
    letter-spacing: -0.03em;
    line-height: 1.2857142857;
  }
  .tab_btn_type02 ul li a:after {
    display: none;
  }
  .tab_btn_type02 ul li a span {
    padding: 0;
  }
  .tab_btn_type02 ul li a span:after {
    display: none;
  }
  .tab_btn_type02.on a.current {
    border-color: #4D4D4D;
  }
  .tab_btn_type02.on a.current::after {
    transform: rotate(-180deg);
  }
  .tab_btn_type02.on ul {
    display: block;
  }
}

.tab_cont .tabpanel {
  display: none;
}
.tab_cont .tabpanel.active {
  display: block;
}

.table_wrap {
  position: relative;
  width: 100%;
  /* 테이블 공통 요소 */
}
.table_wrap .table.title_bg thead th, .table_wrap .table.title_bg tbody th {
  background-color: #F2F2F2;
}
.table_wrap .table table thead th, .table_wrap .table table tbody th {
  padding: 0 10px;
  height: 48px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.75;
  font-weight: 700;
  text-align: center;
  color: #666666;
}
.table_wrap .table table tbody tr {
  border-bottom: 1px solid #E6E6E6;
  color: #BBBBBB;
}
.table_wrap .table table tbody td {
  padding: 15px 8px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #262626;
  text-align: center;
}
.table_wrap .table table tbody td.tit {
  text-align: left;
}
.table_wrap .table table tbody td.left {
  text-align: left;
}
.table_wrap .table table tbody td.center {
  text-align: center !important;
}
.table_wrap .table table tbody td.download a {
  display: block;
  margin: 0 auto;
  width: 18px;
  height: 18px;
  background: url("/resource/images/common/table_download_icon.png") no-repeat center/cover;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.table_wrap .table.scroll {
  overflow-x: auto;
}
.table_wrap .table.scroll:after {
  display: none;
  content: "";
  width: 60px;
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 5px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.9) 60%);
  opacity: 1;
  transition: 0.3s;
  z-index: 1;
}
.table_wrap .table.scroll:before {
  display: none;
  content: "";
  width: 76px;
  height: 161px;
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  background: url("/resource/images/common/scroll_button.png") no-repeat center/cover;
  transition: 0.3s;
  z-index: 2;
}
.table_wrap .table.scroll.scroll__active:after, .table_wrap .table.scroll.scroll__end:after {
  opacity: 0;
}
.table_wrap .table.scroll.scroll__active:before, .table_wrap .table.scroll.scroll__end:before {
  opacity: 0;
}
.table_wrap .table.scroll.min10 table {
  min-width: 10px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 106px) {
  .table_wrap .table.scroll.min10:after, .table_wrap .table.scroll.min10:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 58px) {
  .table_wrap .table.scroll.min10:after, .table_wrap .table.scroll.min10:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min20 table {
  min-width: 20px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 116px) {
  .table_wrap .table.scroll.min20:after, .table_wrap .table.scroll.min20:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 68px) {
  .table_wrap .table.scroll.min20:after, .table_wrap .table.scroll.min20:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min30 table {
  min-width: 30px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 126px) {
  .table_wrap .table.scroll.min30:after, .table_wrap .table.scroll.min30:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 78px) {
  .table_wrap .table.scroll.min30:after, .table_wrap .table.scroll.min30:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min40 table {
  min-width: 40px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 136px) {
  .table_wrap .table.scroll.min40:after, .table_wrap .table.scroll.min40:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 88px) {
  .table_wrap .table.scroll.min40:after, .table_wrap .table.scroll.min40:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min50 table {
  min-width: 50px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 146px) {
  .table_wrap .table.scroll.min50:after, .table_wrap .table.scroll.min50:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 98px) {
  .table_wrap .table.scroll.min50:after, .table_wrap .table.scroll.min50:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min60 table {
  min-width: 60px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 156px) {
  .table_wrap .table.scroll.min60:after, .table_wrap .table.scroll.min60:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 108px) {
  .table_wrap .table.scroll.min60:after, .table_wrap .table.scroll.min60:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min70 table {
  min-width: 70px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 166px) {
  .table_wrap .table.scroll.min70:after, .table_wrap .table.scroll.min70:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 118px) {
  .table_wrap .table.scroll.min70:after, .table_wrap .table.scroll.min70:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min80 table {
  min-width: 80px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 176px) {
  .table_wrap .table.scroll.min80:after, .table_wrap .table.scroll.min80:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 128px) {
  .table_wrap .table.scroll.min80:after, .table_wrap .table.scroll.min80:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min90 table {
  min-width: 90px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 186px) {
  .table_wrap .table.scroll.min90:after, .table_wrap .table.scroll.min90:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 138px) {
  .table_wrap .table.scroll.min90:after, .table_wrap .table.scroll.min90:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min100 table {
  min-width: 100px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 196px) {
  .table_wrap .table.scroll.min100:after, .table_wrap .table.scroll.min100:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 148px) {
  .table_wrap .table.scroll.min100:after, .table_wrap .table.scroll.min100:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min110 table {
  min-width: 110px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 206px) {
  .table_wrap .table.scroll.min110:after, .table_wrap .table.scroll.min110:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 158px) {
  .table_wrap .table.scroll.min110:after, .table_wrap .table.scroll.min110:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min120 table {
  min-width: 120px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 216px) {
  .table_wrap .table.scroll.min120:after, .table_wrap .table.scroll.min120:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 168px) {
  .table_wrap .table.scroll.min120:after, .table_wrap .table.scroll.min120:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min130 table {
  min-width: 130px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 226px) {
  .table_wrap .table.scroll.min130:after, .table_wrap .table.scroll.min130:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 178px) {
  .table_wrap .table.scroll.min130:after, .table_wrap .table.scroll.min130:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min140 table {
  min-width: 140px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 236px) {
  .table_wrap .table.scroll.min140:after, .table_wrap .table.scroll.min140:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 188px) {
  .table_wrap .table.scroll.min140:after, .table_wrap .table.scroll.min140:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min150 table {
  min-width: 150px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 246px) {
  .table_wrap .table.scroll.min150:after, .table_wrap .table.scroll.min150:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 198px) {
  .table_wrap .table.scroll.min150:after, .table_wrap .table.scroll.min150:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min160 table {
  min-width: 160px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 256px) {
  .table_wrap .table.scroll.min160:after, .table_wrap .table.scroll.min160:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 208px) {
  .table_wrap .table.scroll.min160:after, .table_wrap .table.scroll.min160:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min170 table {
  min-width: 170px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 266px) {
  .table_wrap .table.scroll.min170:after, .table_wrap .table.scroll.min170:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 218px) {
  .table_wrap .table.scroll.min170:after, .table_wrap .table.scroll.min170:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min180 table {
  min-width: 180px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 276px) {
  .table_wrap .table.scroll.min180:after, .table_wrap .table.scroll.min180:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 228px) {
  .table_wrap .table.scroll.min180:after, .table_wrap .table.scroll.min180:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min190 table {
  min-width: 190px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 286px) {
  .table_wrap .table.scroll.min190:after, .table_wrap .table.scroll.min190:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 238px) {
  .table_wrap .table.scroll.min190:after, .table_wrap .table.scroll.min190:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min200 table {
  min-width: 200px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 296px) {
  .table_wrap .table.scroll.min200:after, .table_wrap .table.scroll.min200:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 248px) {
  .table_wrap .table.scroll.min200:after, .table_wrap .table.scroll.min200:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min210 table {
  min-width: 210px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 306px) {
  .table_wrap .table.scroll.min210:after, .table_wrap .table.scroll.min210:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 258px) {
  .table_wrap .table.scroll.min210:after, .table_wrap .table.scroll.min210:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min220 table {
  min-width: 220px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 316px) {
  .table_wrap .table.scroll.min220:after, .table_wrap .table.scroll.min220:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 268px) {
  .table_wrap .table.scroll.min220:after, .table_wrap .table.scroll.min220:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min230 table {
  min-width: 230px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 326px) {
  .table_wrap .table.scroll.min230:after, .table_wrap .table.scroll.min230:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 278px) {
  .table_wrap .table.scroll.min230:after, .table_wrap .table.scroll.min230:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min240 table {
  min-width: 240px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 336px) {
  .table_wrap .table.scroll.min240:after, .table_wrap .table.scroll.min240:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 288px) {
  .table_wrap .table.scroll.min240:after, .table_wrap .table.scroll.min240:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min250 table {
  min-width: 250px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 346px) {
  .table_wrap .table.scroll.min250:after, .table_wrap .table.scroll.min250:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 298px) {
  .table_wrap .table.scroll.min250:after, .table_wrap .table.scroll.min250:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min260 table {
  min-width: 260px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 356px) {
  .table_wrap .table.scroll.min260:after, .table_wrap .table.scroll.min260:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 308px) {
  .table_wrap .table.scroll.min260:after, .table_wrap .table.scroll.min260:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min270 table {
  min-width: 270px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 366px) {
  .table_wrap .table.scroll.min270:after, .table_wrap .table.scroll.min270:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 318px) {
  .table_wrap .table.scroll.min270:after, .table_wrap .table.scroll.min270:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min280 table {
  min-width: 280px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 376px) {
  .table_wrap .table.scroll.min280:after, .table_wrap .table.scroll.min280:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 328px) {
  .table_wrap .table.scroll.min280:after, .table_wrap .table.scroll.min280:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min290 table {
  min-width: 290px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 386px) {
  .table_wrap .table.scroll.min290:after, .table_wrap .table.scroll.min290:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 338px) {
  .table_wrap .table.scroll.min290:after, .table_wrap .table.scroll.min290:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min300 table {
  min-width: 300px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 396px) {
  .table_wrap .table.scroll.min300:after, .table_wrap .table.scroll.min300:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 348px) {
  .table_wrap .table.scroll.min300:after, .table_wrap .table.scroll.min300:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min310 table {
  min-width: 310px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 406px) {
  .table_wrap .table.scroll.min310:after, .table_wrap .table.scroll.min310:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 358px) {
  .table_wrap .table.scroll.min310:after, .table_wrap .table.scroll.min310:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min320 table {
  min-width: 320px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 416px) {
  .table_wrap .table.scroll.min320:after, .table_wrap .table.scroll.min320:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 368px) {
  .table_wrap .table.scroll.min320:after, .table_wrap .table.scroll.min320:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min330 table {
  min-width: 330px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 426px) {
  .table_wrap .table.scroll.min330:after, .table_wrap .table.scroll.min330:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 378px) {
  .table_wrap .table.scroll.min330:after, .table_wrap .table.scroll.min330:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min340 table {
  min-width: 340px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 436px) {
  .table_wrap .table.scroll.min340:after, .table_wrap .table.scroll.min340:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 388px) {
  .table_wrap .table.scroll.min340:after, .table_wrap .table.scroll.min340:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min350 table {
  min-width: 350px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 446px) {
  .table_wrap .table.scroll.min350:after, .table_wrap .table.scroll.min350:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 398px) {
  .table_wrap .table.scroll.min350:after, .table_wrap .table.scroll.min350:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min360 table {
  min-width: 360px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 456px) {
  .table_wrap .table.scroll.min360:after, .table_wrap .table.scroll.min360:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 408px) {
  .table_wrap .table.scroll.min360:after, .table_wrap .table.scroll.min360:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min370 table {
  min-width: 370px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 466px) {
  .table_wrap .table.scroll.min370:after, .table_wrap .table.scroll.min370:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 418px) {
  .table_wrap .table.scroll.min370:after, .table_wrap .table.scroll.min370:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min380 table {
  min-width: 380px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 476px) {
  .table_wrap .table.scroll.min380:after, .table_wrap .table.scroll.min380:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 428px) {
  .table_wrap .table.scroll.min380:after, .table_wrap .table.scroll.min380:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min390 table {
  min-width: 390px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 486px) {
  .table_wrap .table.scroll.min390:after, .table_wrap .table.scroll.min390:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 438px) {
  .table_wrap .table.scroll.min390:after, .table_wrap .table.scroll.min390:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min400 table {
  min-width: 400px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 496px) {
  .table_wrap .table.scroll.min400:after, .table_wrap .table.scroll.min400:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 448px) {
  .table_wrap .table.scroll.min400:after, .table_wrap .table.scroll.min400:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min410 table {
  min-width: 410px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 506px) {
  .table_wrap .table.scroll.min410:after, .table_wrap .table.scroll.min410:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 458px) {
  .table_wrap .table.scroll.min410:after, .table_wrap .table.scroll.min410:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min420 table {
  min-width: 420px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 516px) {
  .table_wrap .table.scroll.min420:after, .table_wrap .table.scroll.min420:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 468px) {
  .table_wrap .table.scroll.min420:after, .table_wrap .table.scroll.min420:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min430 table {
  min-width: 430px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 526px) {
  .table_wrap .table.scroll.min430:after, .table_wrap .table.scroll.min430:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 478px) {
  .table_wrap .table.scroll.min430:after, .table_wrap .table.scroll.min430:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min440 table {
  min-width: 440px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 536px) {
  .table_wrap .table.scroll.min440:after, .table_wrap .table.scroll.min440:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 488px) {
  .table_wrap .table.scroll.min440:after, .table_wrap .table.scroll.min440:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min450 table {
  min-width: 450px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 546px) {
  .table_wrap .table.scroll.min450:after, .table_wrap .table.scroll.min450:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 498px) {
  .table_wrap .table.scroll.min450:after, .table_wrap .table.scroll.min450:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min460 table {
  min-width: 460px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 556px) {
  .table_wrap .table.scroll.min460:after, .table_wrap .table.scroll.min460:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 508px) {
  .table_wrap .table.scroll.min460:after, .table_wrap .table.scroll.min460:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min470 table {
  min-width: 470px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 566px) {
  .table_wrap .table.scroll.min470:after, .table_wrap .table.scroll.min470:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 518px) {
  .table_wrap .table.scroll.min470:after, .table_wrap .table.scroll.min470:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min480 table {
  min-width: 480px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 576px) {
  .table_wrap .table.scroll.min480:after, .table_wrap .table.scroll.min480:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 528px) {
  .table_wrap .table.scroll.min480:after, .table_wrap .table.scroll.min480:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min490 table {
  min-width: 490px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 586px) {
  .table_wrap .table.scroll.min490:after, .table_wrap .table.scroll.min490:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 538px) {
  .table_wrap .table.scroll.min490:after, .table_wrap .table.scroll.min490:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min500 table {
  min-width: 500px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 596px) {
  .table_wrap .table.scroll.min500:after, .table_wrap .table.scroll.min500:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 548px) {
  .table_wrap .table.scroll.min500:after, .table_wrap .table.scroll.min500:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min510 table {
  min-width: 510px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 606px) {
  .table_wrap .table.scroll.min510:after, .table_wrap .table.scroll.min510:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 558px) {
  .table_wrap .table.scroll.min510:after, .table_wrap .table.scroll.min510:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min520 table {
  min-width: 520px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 616px) {
  .table_wrap .table.scroll.min520:after, .table_wrap .table.scroll.min520:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 568px) {
  .table_wrap .table.scroll.min520:after, .table_wrap .table.scroll.min520:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min530 table {
  min-width: 530px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 626px) {
  .table_wrap .table.scroll.min530:after, .table_wrap .table.scroll.min530:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 578px) {
  .table_wrap .table.scroll.min530:after, .table_wrap .table.scroll.min530:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min540 table {
  min-width: 540px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 636px) {
  .table_wrap .table.scroll.min540:after, .table_wrap .table.scroll.min540:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 588px) {
  .table_wrap .table.scroll.min540:after, .table_wrap .table.scroll.min540:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min550 table {
  min-width: 550px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 646px) {
  .table_wrap .table.scroll.min550:after, .table_wrap .table.scroll.min550:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 598px) {
  .table_wrap .table.scroll.min550:after, .table_wrap .table.scroll.min550:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min560 table {
  min-width: 560px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 656px) {
  .table_wrap .table.scroll.min560:after, .table_wrap .table.scroll.min560:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 608px) {
  .table_wrap .table.scroll.min560:after, .table_wrap .table.scroll.min560:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min570 table {
  min-width: 570px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 666px) {
  .table_wrap .table.scroll.min570:after, .table_wrap .table.scroll.min570:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 618px) {
  .table_wrap .table.scroll.min570:after, .table_wrap .table.scroll.min570:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min580 table {
  min-width: 580px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 676px) {
  .table_wrap .table.scroll.min580:after, .table_wrap .table.scroll.min580:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 628px) {
  .table_wrap .table.scroll.min580:after, .table_wrap .table.scroll.min580:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min590 table {
  min-width: 590px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 686px) {
  .table_wrap .table.scroll.min590:after, .table_wrap .table.scroll.min590:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 638px) {
  .table_wrap .table.scroll.min590:after, .table_wrap .table.scroll.min590:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min600 table {
  min-width: 600px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 696px) {
  .table_wrap .table.scroll.min600:after, .table_wrap .table.scroll.min600:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 648px) {
  .table_wrap .table.scroll.min600:after, .table_wrap .table.scroll.min600:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min610 table {
  min-width: 610px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 706px) {
  .table_wrap .table.scroll.min610:after, .table_wrap .table.scroll.min610:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 658px) {
  .table_wrap .table.scroll.min610:after, .table_wrap .table.scroll.min610:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min620 table {
  min-width: 620px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 716px) {
  .table_wrap .table.scroll.min620:after, .table_wrap .table.scroll.min620:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 668px) {
  .table_wrap .table.scroll.min620:after, .table_wrap .table.scroll.min620:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min630 table {
  min-width: 630px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 726px) {
  .table_wrap .table.scroll.min630:after, .table_wrap .table.scroll.min630:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 678px) {
  .table_wrap .table.scroll.min630:after, .table_wrap .table.scroll.min630:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min640 table {
  min-width: 640px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 736px) {
  .table_wrap .table.scroll.min640:after, .table_wrap .table.scroll.min640:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 688px) {
  .table_wrap .table.scroll.min640:after, .table_wrap .table.scroll.min640:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min650 table {
  min-width: 650px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 746px) {
  .table_wrap .table.scroll.min650:after, .table_wrap .table.scroll.min650:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 698px) {
  .table_wrap .table.scroll.min650:after, .table_wrap .table.scroll.min650:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min660 table {
  min-width: 660px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 756px) {
  .table_wrap .table.scroll.min660:after, .table_wrap .table.scroll.min660:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 708px) {
  .table_wrap .table.scroll.min660:after, .table_wrap .table.scroll.min660:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min670 table {
  min-width: 670px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 766px) {
  .table_wrap .table.scroll.min670:after, .table_wrap .table.scroll.min670:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 718px) {
  .table_wrap .table.scroll.min670:after, .table_wrap .table.scroll.min670:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min680 table {
  min-width: 680px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 776px) {
  .table_wrap .table.scroll.min680:after, .table_wrap .table.scroll.min680:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 728px) {
  .table_wrap .table.scroll.min680:after, .table_wrap .table.scroll.min680:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min690 table {
  min-width: 690px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 786px) {
  .table_wrap .table.scroll.min690:after, .table_wrap .table.scroll.min690:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 738px) {
  .table_wrap .table.scroll.min690:after, .table_wrap .table.scroll.min690:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min700 table {
  min-width: 700px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 796px) {
  .table_wrap .table.scroll.min700:after, .table_wrap .table.scroll.min700:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 748px) {
  .table_wrap .table.scroll.min700:after, .table_wrap .table.scroll.min700:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min710 table {
  min-width: 710px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 806px) {
  .table_wrap .table.scroll.min710:after, .table_wrap .table.scroll.min710:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 758px) {
  .table_wrap .table.scroll.min710:after, .table_wrap .table.scroll.min710:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min720 table {
  min-width: 720px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 816px) {
  .table_wrap .table.scroll.min720:after, .table_wrap .table.scroll.min720:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 768px) {
  .table_wrap .table.scroll.min720:after, .table_wrap .table.scroll.min720:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min730 table {
  min-width: 730px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 826px) {
  .table_wrap .table.scroll.min730:after, .table_wrap .table.scroll.min730:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 778px) {
  .table_wrap .table.scroll.min730:after, .table_wrap .table.scroll.min730:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min740 table {
  min-width: 740px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 836px) {
  .table_wrap .table.scroll.min740:after, .table_wrap .table.scroll.min740:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 788px) {
  .table_wrap .table.scroll.min740:after, .table_wrap .table.scroll.min740:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min750 table {
  min-width: 750px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 846px) {
  .table_wrap .table.scroll.min750:after, .table_wrap .table.scroll.min750:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 798px) {
  .table_wrap .table.scroll.min750:after, .table_wrap .table.scroll.min750:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min760 table {
  min-width: 760px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 856px) {
  .table_wrap .table.scroll.min760:after, .table_wrap .table.scroll.min760:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 808px) {
  .table_wrap .table.scroll.min760:after, .table_wrap .table.scroll.min760:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min770 table {
  min-width: 770px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 866px) {
  .table_wrap .table.scroll.min770:after, .table_wrap .table.scroll.min770:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 818px) {
  .table_wrap .table.scroll.min770:after, .table_wrap .table.scroll.min770:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min780 table {
  min-width: 780px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 876px) {
  .table_wrap .table.scroll.min780:after, .table_wrap .table.scroll.min780:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 828px) {
  .table_wrap .table.scroll.min780:after, .table_wrap .table.scroll.min780:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min790 table {
  min-width: 790px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 886px) {
  .table_wrap .table.scroll.min790:after, .table_wrap .table.scroll.min790:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 838px) {
  .table_wrap .table.scroll.min790:after, .table_wrap .table.scroll.min790:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min800 table {
  min-width: 800px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 896px) {
  .table_wrap .table.scroll.min800:after, .table_wrap .table.scroll.min800:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 848px) {
  .table_wrap .table.scroll.min800:after, .table_wrap .table.scroll.min800:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min810 table {
  min-width: 810px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 906px) {
  .table_wrap .table.scroll.min810:after, .table_wrap .table.scroll.min810:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 858px) {
  .table_wrap .table.scroll.min810:after, .table_wrap .table.scroll.min810:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min820 table {
  min-width: 820px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 916px) {
  .table_wrap .table.scroll.min820:after, .table_wrap .table.scroll.min820:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 868px) {
  .table_wrap .table.scroll.min820:after, .table_wrap .table.scroll.min820:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min830 table {
  min-width: 830px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 926px) {
  .table_wrap .table.scroll.min830:after, .table_wrap .table.scroll.min830:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 878px) {
  .table_wrap .table.scroll.min830:after, .table_wrap .table.scroll.min830:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min840 table {
  min-width: 840px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 936px) {
  .table_wrap .table.scroll.min840:after, .table_wrap .table.scroll.min840:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 888px) {
  .table_wrap .table.scroll.min840:after, .table_wrap .table.scroll.min840:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min850 table {
  min-width: 850px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 946px) {
  .table_wrap .table.scroll.min850:after, .table_wrap .table.scroll.min850:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 898px) {
  .table_wrap .table.scroll.min850:after, .table_wrap .table.scroll.min850:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min860 table {
  min-width: 860px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 956px) {
  .table_wrap .table.scroll.min860:after, .table_wrap .table.scroll.min860:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 908px) {
  .table_wrap .table.scroll.min860:after, .table_wrap .table.scroll.min860:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min870 table {
  min-width: 870px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 966px) {
  .table_wrap .table.scroll.min870:after, .table_wrap .table.scroll.min870:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 918px) {
  .table_wrap .table.scroll.min870:after, .table_wrap .table.scroll.min870:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min880 table {
  min-width: 880px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 976px) {
  .table_wrap .table.scroll.min880:after, .table_wrap .table.scroll.min880:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 928px) {
  .table_wrap .table.scroll.min880:after, .table_wrap .table.scroll.min880:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min890 table {
  min-width: 890px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 986px) {
  .table_wrap .table.scroll.min890:after, .table_wrap .table.scroll.min890:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 938px) {
  .table_wrap .table.scroll.min890:after, .table_wrap .table.scroll.min890:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min900 table {
  min-width: 900px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 996px) {
  .table_wrap .table.scroll.min900:after, .table_wrap .table.scroll.min900:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 948px) {
  .table_wrap .table.scroll.min900:after, .table_wrap .table.scroll.min900:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min910 table {
  min-width: 910px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 1006px) {
  .table_wrap .table.scroll.min910:after, .table_wrap .table.scroll.min910:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 958px) {
  .table_wrap .table.scroll.min910:after, .table_wrap .table.scroll.min910:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min920 table {
  min-width: 920px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 1016px) {
  .table_wrap .table.scroll.min920:after, .table_wrap .table.scroll.min920:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 968px) {
  .table_wrap .table.scroll.min920:after, .table_wrap .table.scroll.min920:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min930 table {
  min-width: 930px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 1026px) {
  .table_wrap .table.scroll.min930:after, .table_wrap .table.scroll.min930:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 978px) {
  .table_wrap .table.scroll.min930:after, .table_wrap .table.scroll.min930:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min940 table {
  min-width: 940px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 1036px) {
  .table_wrap .table.scroll.min940:after, .table_wrap .table.scroll.min940:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 988px) {
  .table_wrap .table.scroll.min940:after, .table_wrap .table.scroll.min940:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min950 table {
  min-width: 950px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 1046px) {
  .table_wrap .table.scroll.min950:after, .table_wrap .table.scroll.min950:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 998px) {
  .table_wrap .table.scroll.min950:after, .table_wrap .table.scroll.min950:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min960 table {
  min-width: 960px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 1056px) {
  .table_wrap .table.scroll.min960:after, .table_wrap .table.scroll.min960:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 1008px) {
  .table_wrap .table.scroll.min960:after, .table_wrap .table.scroll.min960:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min970 table {
  min-width: 970px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 1066px) {
  .table_wrap .table.scroll.min970:after, .table_wrap .table.scroll.min970:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 1018px) {
  .table_wrap .table.scroll.min970:after, .table_wrap .table.scroll.min970:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min980 table {
  min-width: 980px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 1076px) {
  .table_wrap .table.scroll.min980:after, .table_wrap .table.scroll.min980:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 1028px) {
  .table_wrap .table.scroll.min980:after, .table_wrap .table.scroll.min980:before {
    display: block !important;
  }
}
.table_wrap .table.scroll.min990 table {
  min-width: 990px !important;
}
@media (min-width: 767px) and (max-width: 1023px) and (max-width: 1086px) {
  .table_wrap .table.scroll.min990:after, .table_wrap .table.scroll.min990:before {
    display: block !important;
  }
}
@media (max-width: 766px) and (max-width: 1038px) {
  .table_wrap .table.scroll.min990:after, .table_wrap .table.scroll.min990:before {
    display: block !important;
  }
}
@media (max-width: 1023px) {
  .table_wrap .table.download .divi {
    padding: 0 30px 8px 0 !important;
  }
  .table_wrap .table.download .tit {
    padding: 0 30px 8px 0 !important;
  }
  .table_wrap .table:not(.scroll, .not_scroll) table {
    width: 100%;
    display: block;
  }
  .table_wrap .table:not(.scroll, .not_scroll) table col {
    width: 100%;
  }
  .table_wrap .table:not(.scroll, .not_scroll) table thead {
    display: none;
  }
  .table_wrap .table:not(.scroll, .not_scroll) table tbody {
    width: 100%;
    display: block;
    border-top: 1px solid #E6E6E6;
  }
  .table_wrap .table:not(.scroll, .not_scroll) table tbody tr {
    display: block;
    padding: 15px 0;
    position: relative;
  }
  .table_wrap .table:not(.scroll, .not_scroll) table tbody tr td {
    display: block;
    padding: 15px 0;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
    text-align: left;
  }
  .table_wrap .table:not(.scroll, .not_scroll) table tbody .num {
    display: none;
  }
  .table_wrap .table:not(.scroll, .not_scroll) table tbody .divi {
    padding: 0 0 8px;
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
    color: #666666;
  }
  .table_wrap .table:not(.scroll, .not_scroll) table tbody .divi span {
    position: relative;
    padding-left: 8px;
  }
  .table_wrap .table:not(.scroll, .not_scroll) table tbody .divi span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 70%;
    background-color: #CACACA;
  }
  .table_wrap .table:not(.scroll, .not_scroll) table tbody .tit {
    padding: 0 0 8px;
  }
  .table_wrap .table:not(.scroll, .not_scroll) table tbody .views {
    display: none;
  }
  .table_wrap .table:not(.scroll, .not_scroll) table tbody .download {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .table_wrap .table:not(.scroll, .not_scroll) table tbody .date {
    padding: 0;
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .table_wrap .table.scroll table thead tr th,
  .table_wrap .table.scroll table tbody tr th, .table_wrap .table.not_scroll table thead tr th,
  .table_wrap .table.not_scroll table tbody tr th {
    padding: 15px 0;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .table_wrap .table.scroll table tbody tr, .table_wrap .table.not_scroll table tbody tr {
    padding: 15px 0;
  }
  .table_wrap .table.scroll table tbody tr td, .table_wrap .table.not_scroll table tbody tr td {
    padding: 15px 0;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
    text-align: left;
  }
}

.write_wrap .txt_point {
  color: #1C69D4;
}
.write_wrap .required_txt {
  padding-bottom: 16px;
}
.write_wrap .required_txt::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.write_wrap .required_txt strong {
  display: block;
  float: left;
  text-align: left;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: 300;
  color: #262626;
}
.write_wrap .required_txt strong + p {
  margin-top: 4px;
}
.write_wrap .required_txt p {
  float: right;
  text-align: right;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 300;
  color: #666666;
}
.write_wrap .agree_box {
  border: 1px solid #CACACA;
  box-sizing: border-box;
  padding: 48px;
}
.write_wrap .agree_box p {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
.write_wrap .agree_box p a {
  font-weight: bold;
  text-decoration: underline;
}
.write_wrap .agree_box .custom_checkbox {
  margin-top: 24px;
}
.write_wrap .agree_box .custom_checkbox .checkbox_area {
  display: block;
}
.write_wrap .agree_box .custom_checkbox .checkbox_area + .checkbox_area {
  margin-top: 6px;
}
.write_wrap .agree_box .custom_checkbox .checkbox_area label {
  width: 243px;
}
.write_wrap .agree_box .custom_checkbox a {
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.7142857143;
  color: #262626;
  font-weight: bold;
  padding-right: 16px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
}
.write_wrap .agree_box .custom_checkbox a:after {
  content: "";
  width: 7px;
  height: 10px;
  background: url("/resource/images/common/btn_arrow.png") no-repeat center/100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.write_wrap .agree_box .custom_checkbox a:hover {
  color: #1C69D4;
}
.write_wrap .agree_box .custom_checkbox a:hover:after {
  background: url("/resource/images/common/btn_arrow_hover.png") no-repeat center/100%;
}
.write_wrap .table_form {
  border-top: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
}
.write_wrap .table_form .form .item {
  border-bottom: 1px solid #BBBBBB;
}
.write_wrap .table_form .form .item:last-child {
  border-bottom: none;
}
.write_wrap .table_form .form .row {
  display: inline-block;
  padding: 16px 0;
  vertical-align: middle;
  font-size: 0;
  width: 100%;
}
.write_wrap .table_form .form .row dt {
  width: 276px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.write_wrap .table_form .form .row dt label {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.75;
  color: #262626;
}
.write_wrap .table_form .form .row dt.top {
  vertical-align: top;
  padding-top: 15px;
}
.write_wrap .table_form .form .row dd {
  width: calc(100% - 276px);
  padding: 0 24px;
  display: inline-block;
  vertical-align: middle;
}
.write_wrap .table_form .form .row dd p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  color: #262626;
}
.write_wrap .table_form .form .row dd * + p {
  margin-top: 5px;
}
.write_wrap .table_form .textarea_area textarea {
  height: 300px;
}
.write_wrap .table_form .event-address dd > div:nth-child(2) {
  padding: 16px 0;
}
.write_wrap .table_form .event-address input[readonly] {
  background-color: #FFFFFF;
  color: #262626;
}
.write_wrap .table_form .event-address .address_search {
  display: block;
  width: 100%;
}
.write_wrap .table_form .event-address .address_search .input_area {
  margin-right: 5px;
}
.write_wrap .table_form .event-address .input_area {
  display: inline-block;
}
.write_wrap .table_form .event-address .input_area.full {
  max-width: 720px;
}
@media (max-width: 1023px) {
  .write_wrap .table_form .event-address .address_search .input_area {
    max-width: 70%;
  }
  .write_wrap .table_form .event-address .address_search .btn {
    min-width: calc(30% - 5px);
  }
  .write_wrap .table_form .event-address .input_area.full {
    max-width: 100%;
  }
}
@media (max-width: 766px) {
  .write_wrap .table_form .event-address dd > div:nth-child(2) {
    padding: 12px 0;
  }
  .write_wrap .table_form .event-address .address_search .input_area {
    max-width: 100%;
    margin: 0 0 5px;
  }
  .write_wrap .table_form .event-address .address_search .btn {
    min-width: 100%;
  }
}
@media (max-width: 1099px) {
  .write_wrap .table_form .form .item .row dt {
    width: 220px;
  }
  .write_wrap .table_form .form .item .row dd {
    width: calc(100% - 220px);
    padding: 0 15px;
  }
}
@media (max-width: 1023px) {
  .write_wrap .input_area.w-336 {
    max-width: 100%;
  }
  .write_wrap .required_txt strong {
    float: none;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .write_wrap .required_txt strong + p {
    margin-top: 8px;
  }
  .write_wrap .required_txt p {
    float: none;
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
    text-align: left;
  }
  .write_wrap .agree_box {
    padding: 20px;
  }
  .write_wrap .agree_box p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .write_wrap .agree_box .custom_checkbox {
    margin-top: 24px;
  }
  .write_wrap .agree_box .custom_checkbox .checkbox_area label {
    width: 212px;
  }
  .write_wrap .agree_box .custom_checkbox a {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 2;
    margin-left: 28px;
    padding-right: 12px;
  }
  .write_wrap .agree_box .custom_checkbox a:after {
    width: 5px;
    height: 9px;
  }
  .write_wrap .table_form {
    padding: 0;
  }
  .write_wrap .table_form .form .item .row {
    padding: 24px 0;
  }
  .write_wrap .table_form .form .item .row dt {
    width: 100%;
    padding-bottom: 16px;
    text-align: left;
  }
  .write_wrap .table_form .form .item .row dt label {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .write_wrap .table_form .form .item .row dt.top {
    padding-top: 10px;
  }
  .write_wrap .table_form .form .item .row dd {
    text-align: left;
    width: 100%;
    padding: 0;
  }
  .write_wrap .table_form .form .item .row dd .custom_select_area {
    width: 100%;
  }
  .write_wrap .table_form .form .item .row dd p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .write_wrap .table_form .form .item .row.tel .dash {
    display: none;
  }
  .write_wrap .table_form .form .item .row.tel .input_area > * {
    margin-right: 12px;
  }
  .write_wrap .table_form .form .item .row.tel .input_area > *:last-child {
    margin-right: 0;
  }
  .write_wrap .table_form .form .item .row.tel .input_area .custom_select_area {
    width: calc(33.333333% - 8px);
  }
  .write_wrap .table_form .form .item .row.tel .input_area input {
    width: calc(33.333333% - 8px);
    max-width: 100%;
  }
  .write_wrap .table_form .form .item .row.email .dot {
    display: none;
  }
  .write_wrap .table_form .form .item .row.email .input_area .custom_select_area {
    width: calc(50% - 6px);
    margin-right: 0;
  }
  .write_wrap .table_form .form .item .row.email .input_area input {
    width: calc(50% - 6px);
    max-width: 100%;
    margin-right: 12px;
  }
  .write_wrap .table_form .form .item .row.email .input_area > *:last-child {
    margin-top: 12px;
    margin-right: 0;
    width: 100%;
  }
  .write_wrap .table_form .textarea_area textarea {
    height: 156px;
  }
}
@media (max-width: 766px) {
  .write_wrap .agree_box .custom_checkbox .checkbox_area label {
    width: auto;
  }
  .write_wrap .agree_box .custom_checkbox a {
    margin-top: 8px;
  }
}

/******gallery_type01******/
.gallery_type01 {
  margin-right: -24px;
}
.gallery_type01 .gallery {
  width: 100%;
  font-size: 0;
}
.gallery_type01 .gallery li {
  display: inline-block;
  margin-top: 80px;
  vertical-align: top;
}
.gallery_type01 .gallery li:nth-child(1), .gallery_type01 .gallery li:nth-child(2), .gallery_type01 .gallery li:nth-child(3) {
  margin-top: 0;
}
.gallery_type01 .gallery li a {
  position: relative;
  display: block;
}
.gallery_type01 .gallery li a:hover .icon_link {
  color: #1C69D4;
}
.gallery_type01 .gallery li a:hover .icon_link:after {
  background-image: url("/resource/images/promotion/icon_link_hover.png");
}
.gallery_type01 .gallery li .img_box {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.277%;
  overflow: hidden;
}
.gallery_type01 .gallery li .img_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gallery_type01 .gallery li .txt_box {
  padding-top: 20px;
}
.gallery_type01 .gallery li .txt_box strong {
  display: block;
  padding-bottom: 14px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
}
.gallery_type01 .gallery li .txt_box .info {
  position: relative;
  padding-bottom: 16px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.gallery_type01 .gallery li .txt_box .icon_link {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.gallery_type01 .gallery li .txt_box .icon_link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -16px;
  width: 9px;
  height: 14px;
  transform: translateY(-50%);
  background-image: url("/resource/images/promotion/icon_link.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.gallery_type01 .gallery.grid3 {
  margin-bottom: 48px;
}
.gallery_type01 .gallery.grid3 li {
  width: 33.3333%;
  padding-right: 24px;
}
@media (max-width: 1023px) {
  .gallery_type01 {
    margin-right: -48px;
  }
  .gallery_type01 .gallery li .txt_box strong {
    padding-bottom: 8px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .gallery_type01 .gallery.grid3 {
    width: auto;
    margin-bottom: 0;
  }
  .gallery_type01 .gallery.grid3 li {
    width: 50%;
    margin-top: 0;
    margin-bottom: 30px;
    padding-right: 48px;
  }
}
@media (max-width: 766px) {
  .gallery_type01 {
    margin-right: 0;
  }
  .gallery_type01 .gallery li {
    margin-top: 48px;
  }
  .gallery_type01 .gallery li .txt_box {
    padding-top: 20px;
  }
  .gallery_type01 .gallery li .txt_box strong {
    padding-bottom: 8px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .gallery_type01 .gallery li .txt_box .info {
    padding-bottom: 8px;
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .gallery_type01 .gallery li .txt_box .icon_link {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .gallery_type01 .gallery li .txt_box .icon_link:after {
    top: 53%;
    width: 7px;
    height: 10px;
  }
  .gallery_type01 .gallery.grid3 li {
    padding-right: 0;
    width: 100%;
  }
}

/******acco_list******/
.acco_list {
  border-top: 1px solid #E6E6E6;
}
.acco_list .acco_item {
  border-bottom: 1px solid #E6E6E6;
}
.acco_list .acco_item--active .acco_tit:after {
  transform: translateY(-50%) rotate(180deg);
}
.acco_list .acco_tit {
  position: relative;
  display: block;
  width: 100%;
  padding: 24px;
  font-size: 0;
}
.acco_list .acco_tit:hover p {
  color: #1C69D4;
}
.acco_list .acco_tit:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  width: 16px;
  height: 28px;
  background: url("/resource/images/common/icon_arrow_down_bk.png") center no-repeat;
  background-size: 100%;
}
.acco_list .acco_tit p {
  position: relative;
  display: inline-block;
  padding: 0 30px;
  vertical-align: middle;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
}
.acco_list .acco_tit p:before {
  content: "Q.";
  position: absolute;
  top: 0;
  left: 0;
}
.acco_list .acco_cont {
  display: none;
  padding: 0 55px 24px;
}
.acco_list .acco_cont p {
  color: #262626;
  word-break: keep-all;
  word-wrap: break-word;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
@media (max-width: 1023px) {
  .acco_list .acco_tit {
    padding: 20px 0;
  }
  .acco_list .acco_tit:after {
    right: 5px;
  }
  .acco_list .acco_tit p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .acco_list .acco_cont {
    padding: 0 0 24px;
  }
  .acco_list .acco_cont p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
}

/******view_wrap******/
.view_wrap .tit {
  background-color: #F6F6F6;
  padding: 56px 20px 59px;
  text-align: center;
}
.view_wrap .tit ol {
  font-size: 0;
  text-align: center;
  margin-bottom: 10px;
}
.view_wrap .tit ol li {
  display: inline-block;
  vertical-align: top;
  color: #262626;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.view_wrap .tit ol li + li {
  padding-left: 15px;
  margin-left: 15px;
  position: relative;
}
.view_wrap .tit ol li + li:before {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background-color: #666666;
  position: absolute;
  left: 0;
  top: 6px;
}
.view_wrap .tit strong {
  display: block;
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1.25;
  word-break: keep-all;
  word-wrap: break-word;
  color: #262626;
  font-weight: 300;
}
.view_wrap .cont {
  padding: 48px 140px 64px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 2;
  word-break: keep-all;
  word-wrap: break-word;
  color: #262626;
  font-weight: 300;
}
.view_wrap .cont img {
  max-width: 100%;
}
.view_wrap .cont ul li {
  list-style: initial;
}
.view_wrap .file {
  background-color: #F6F6F6;
  border-top: 1px solid #E6E6E6;
}
.view_wrap .file dl {
  display: table;
  width: 100%;
  height: 56px;
}
.view_wrap .file dl dt {
  display: table-cell;
  vertical-align: middle;
  width: 170px;
  padding-left: 50px;
  text-align: left;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 300;
  color: #262626;
}
.view_wrap .file dl dd {
  display: table-cell;
  vertical-align: middle;
  width: calc(100% - 170px);
  padding: 16px 0;
  box-sizing: border-box;
}
.view_wrap .file dl dd a {
  display: block;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 700;
  color: #262626;
  text-decoration: underline;
}
.view_wrap .paging dl {
  width: 100%;
  height: 56px;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  font-size: 0;
}
.view_wrap .paging dl:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.view_wrap .paging dl + dl:last-child {
  margin-top: -1px;
}
.view_wrap .paging dl.prev dt:after {
  background-image: url("/resource/images/common/view_paging_prev_icon.png");
}
.view_wrap .paging dl.next dt:after {
  background-image: url("/resource/images/common/view_paging_next_icon.png");
}
.view_wrap .paging dl dt {
  display: inline-block;
  vertical-align: middle;
  width: 170px;
  padding-left: 50px;
  text-align: left;
  position: relative;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 300;
  color: #262626;
}
.view_wrap .paging dl dt:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: 8px;
  height: 6px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.view_wrap .paging dl dd {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 170px);
  box-sizing: border-box;
}
.view_wrap .paging dl dd a {
  display: block;
  width: 100%;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 700;
  color: #262626;
  text-decoration: underline;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 1023px) {
  .view_wrap .tit {
    padding: 24px 20px;
  }
  .view_wrap .tit ol {
    margin-bottom: 8px;
  }
  .view_wrap .tit ol li {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .view_wrap .tit ol li + li {
    padding-left: 8px;
    margin-left: 8px;
  }
  .view_wrap .tit ol li + li:before {
    height: 10px;
    top: 4px;
  }
  .view_wrap .tit strong {
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .view_wrap .cont {
    padding: 32px 0;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.875;
  }
  .view_wrap .file dl {
    display: block;
    height: auto;
    padding: 12px;
  }
  .view_wrap .file dl dt {
    display: block;
    width: 100%;
    padding-left: 0;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .view_wrap .file dl dd {
    display: block;
    width: 100%;
    margin-top: 6px;
    padding: 0;
  }
  .view_wrap .file dl dd a {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .view_wrap .paging dl dt {
    width: 85px;
    padding-left: 8px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .view_wrap .paging dl dd {
    width: calc(100% - 85px);
  }
  .view_wrap .paging dl dd a {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
}

/* input_area */
.input_area {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 224px;
  background: #FFFFFF;
  font-size: 0;
  vertical-align: top;
}
.input_area.various {
  max-width: 100%;
}
.input_area input {
  display: inline-block;
  width: 100%;
  height: 52px;
  padding: 0 20px;
  vertical-align: middle;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #262626;
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  font-weight: 300;
}
.input_area input::placeholder {
  color: #666666;
}
.input_area input:focus {
  border-color: #262626;
}
.input_area input[readonly], .input_area input:disabled {
  background: #F2F2F2;
  color: #BBBBBB;
}
.input_area a,
.input_area button {
  display: inline-block;
  vertical-align: middle;
}
.input_area a.search_btn,
.input_area button.search_btn {
  position: absolute;
  right: 0;
  padding: 18px 20px;
  top: 50%;
  transform: translateY(-50%);
}
.input_area a.search_btn img,
.input_area button.search_btn img {
  width: 14px;
  height: auto;
}
.input_area a.calendar_btn,
.input_area button.calendar_btn {
  position: absolute;
  right: 0;
  padding: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.input_area a.calendar_btn img,
.input_area button.calendar_btn img {
  width: 20px;
  height: auto;
}
.input_area span {
  display: none;
}
.input_area span.dash {
  display: inline-block;
  vertical-align: middle;
  padding: 0 9px;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
  color: #262626;
}
.input_area span.dot {
  display: inline-block;
  vertical-align: middle;
  padding: 0 4.5px;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
  color: #262626;
}
.input_area.validate input {
  border-color: red;
}
.input_area.validate span {
  padding: 5px 20px;
  display: block;
  font-size: 1.0625rem;
  letter-spacing: -0.03em;
  line-height: 1;
  font-weight: 400;
  color: red;
}
.input_area.input_search input {
  max-width: 280px;
  width: 100%;
  padding-right: 52px;
}
.input_area.input_calendar input {
  width: 100%;
  padding-right: 52px;
}
.input_area.w100 {
  max-width: 100%;
}
.input_area.w-150,
.input_area input.w-150 {
  max-width: 150px;
}
.input_area.w-224,
.input_area input.w-224 {
  max-width: 224px;
}
.input_area.w-280,
.input_area input.w-280 {
  max-width: 280px;
}
@media (max-width: 1023px) {
  .input_area {
    max-width: 100%;
  }
  .input_area input {
    padding: 0 20px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .input_area input.line {
    border-bottom-width: 1px;
  }
  .input_area a.search_btn,
  .input_area button.search_btn {
    padding: 14px 15px;
  }
  .input_area.validate span {
    padding: 5px 10px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .input_area.input_search input {
    padding-right: 52px;
  }
}

/* textarea_area */
.textarea_area textarea {
  width: 100%;
  height: 100px;
  padding: 14px 20px;
  border-radius: 3px;
  border: 1px solid #BBBBBB;
  background: #FFFFFF;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #262626;
  resize: none;
}
.textarea_area textarea.scroll {
  resize: none;
}
.textarea_area textarea:focus {
  border-color: #262626;
}
@media (max-width: 1023px) {
  .textarea_area textarea {
    font-size: 1rem;
    letter-spacing: -0.03em;
    line-height: 1;
    padding: 15px;
  }
}

/* custom_select_area */
.side-search {
  font-size: 0;
  text-align: right;
}
.side-search .custom_select_area {
  width: 224px;
  margin-right: 8px;
}
.side-search .input_area {
  max-width: 267px;
}
.side-search .input_area.input_search input {
  max-width: 267px;
}
@media (max-width: 1023px) {
  .side-search .custom_select_area {
    width: 110px;
  }
  .side-search .input_area {
    width: calc(100% - 118px);
  }
  .side-search .input_area.input_search {
    width: calc(100% - 118px);
    max-width: none;
  }
  .side-search .input_area.input_search input {
    max-width: 100%;
  }
}

.custom_select_area {
  position: relative;
  display: inline-block;
  width: 224px;
  margin-right: 24px;
  text-align: left;
  vertical-align: top;
}
.custom_select_area:last-child, .custom_select_area.noMargin {
  margin-right: 0;
}
.custom_select_area a.current {
  position: relative;
  display: block;
  width: 100%;
  height: 52px;
  padding: 13px 40px 13px 20px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #262626;
  font-weight: 300;
  background-color: #FFFFFF;
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.custom_select_area a.current::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 14px;
  height: 8px;
  margin-top: -4px;
  background: url("/resource/images/ai/icon_arrow_down.png") no-repeat 0 0/cover;
}
.custom_select_area.on a.current {
  border-width: 2px;
  border-color: #4D4D4D;
}
.custom_select_area.on a.current::after {
  transform: translateY(-50%) rotate(-180deg);
  margin-top: 0;
}
.custom_select_area.on ul {
  display: block;
}
.custom_select_area ul {
  display: none;
  position: absolute;
  left: 0;
  top: 52px;
  width: 100%;
  height: auto;
  max-height: 152px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.24), 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  background-color: #FFFFFF;
  z-index: 8;
  overflow-y: auto;
}
.custom_select_area ul li.active {
  background-color: #F2F2F2;
}
.custom_select_area ul li a {
  display: block;
  padding: 14px 20px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #262626;
  text-align: left;
}
.custom_select_area .select_area {
  display: none;
}
@media (max-width: 1023px) {
  .custom_select_area {
    max-width: 100%;
  }
  .custom_select_area a.current {
    padding: 0 25px 0 15px;
    font-size: 1rem;
    letter-spacing: -0.03em;
    line-height: 3.125;
  }
  .custom_select_area a.current::after {
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 14px;
    height: 8px;
    margin-top: 0;
    background: url("/resource/images/ai/icon_arrow_down.png") 0 0;
    background-size: 100% 100%;
  }
  .custom_select_area ul {
    max-height: 170px;
  }
  .custom_select_area ul li a {
    font-size: 0.875rem;
    letter-spacing: -0.03em;
    line-height: 1.2857142857;
    padding: 15px;
  }
}

/* custom_radio */
.custom_radio {
  position: relative;
}
.custom_radio .radio_area {
  display: inline-block;
  vertical-align: top;
  padding: 5px 0;
}
.custom_radio .radio_area:last-of-type {
  margin-right: 0;
}
.custom_radio input[type=radio] {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.custom_radio input[type=radio] + label {
  position: relative;
  padding-left: 34px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  color: #262626;
}
.custom_radio input[type=radio] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  text-align: center;
  background: #FFFFFF;
  border: 2px solid #bbbbbb;
  border-radius: 100%;
  box-sizing: border-box;
}
.custom_radio input[type=radio] + label:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 100%;
  opacity: 0;
}
.custom_radio input[type=radio]:checked + label:before {
  background: #262626;
  border-color: #262626;
}
.custom_radio input[type=radio]:checked + label:after {
  opacity: 1;
}
@media (max-width: 1023px) {
  .custom_radio input[type=radio] + label {
    padding-left: 28px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .custom_radio input[type=radio] + label:before {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
  }
  .custom_radio input[type=radio] + label:after {
    top: 6px;
    left: 6px;
  }
}

/* custom_checkbox */
.custom_checkbox {
  position: relative;
}
.custom_checkbox .checkbox_area {
  display: inline-block;
  vertical-align: top;
  padding: 5px 0;
}
.custom_checkbox .checkbox_area:last-of-type {
  margin-right: 0;
}
.custom_checkbox input[type=checkbox] {
  position: absolute;
  width: 0;
  height: 0;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.custom_checkbox input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  text-align: left;
  color: #262626;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom_checkbox input[type=checkbox] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  text-align: center;
  background: #FFFFFF;
  border: 2px solid #BBBBBB;
  border-radius: 3px;
  box-sizing: border-box;
}
.custom_checkbox input[type=checkbox]:checked + label:before {
  background: #262626;
  border-color: #262626;
}
.custom_checkbox input[type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  top: 52%;
  left: 5px;
  transform: translateY(-50%);
  width: 13px;
  height: 9px;
  background: url("/resource/images/common/icon_checked_wh.png") no-repeat 0 0/cover;
}
@media (max-width: 1023px) {
  .custom_checkbox input[type=checkbox] + label {
    padding-left: 28px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .custom_checkbox input[type=checkbox] + label:before {
    width: 20px;
    height: 20px;
    left: 0;
  }
  .custom_checkbox input[type=checkbox]:checked + label:after {
    top: 10px;
    left: 5px;
    width: 10px;
    height: 7px;
  }
}

/****** tab_search_box ******/
.tab_search_box {
  margin-top: 5.4375rem;
  margin-bottom: 4.6875rem;
}
.tab_search_box::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.tab_search_box .tab {
  position: relative;
  float: left;
  font-size: 0;
  margin: -5px 0 0 -5px;
}
.tab_search_box .tab .btn {
  margin: 5px;
}
.tab_search_box .tab .btn.active {
  border-color: #262626;
  background-color: #262626;
  color: #FFFFFF;
}
.tab_search_box .tab .btn:last-of-type {
  margin-right: 0;
}
.tab_search_box .search {
  float: right;
  width: 340px;
  font-size: 0;
  text-align: right;
}
.tab_search_box .search .custom_select_area {
  width: 100%;
  max-width: 120px;
  margin-right: 20px;
  text-align: left;
}
.tab_search_box .search .custom_select_area a.current {
  padding: 0;
  height: 40px;
  font-size: 1.0625rem;
  letter-spacing: -0.03em;
  line-height: 2.3529411765;
  border: 0;
  border-bottom: 1px solid #9b9b9b;
  border-radius: 0;
}
.tab_search_box .search .custom_select_area a.current::after {
  width: 14px;
  height: 8px;
  top: 16px;
  margin-top: 0;
  right: 0;
  background: url("/resource/images/form/select_icon01.svg") 0 0;
  background-size: cover;
}
.tab_search_box .search .custom_select_area ul {
  top: 50px;
  width: 340px;
}
.tab_search_box .search .input_area {
  width: 100%;
  max-width: 200px;
  text-align: left;
}
.tab_search_box .search .input_area input {
  height: 40px;
  border: 0;
  border-bottom: 1px solid #9b9b9b;
  border-radius: 0 !important;
  padding: 0 24px 0 0;
  font-weight: 400;
}
.tab_search_box .search .input_area input::placeholder {
  color: #262626;
}
.tab_search_box .search .input_area :-ms-input-placeholder {
  color: #262626;
}
.tab_search_box .search .input_area a.search_btn {
  padding: 9px 0 8px 12px;
}
.tab_search_box .search .input_area a.search_btn img {
  width: 15px;
}
@media (max-width: 1023px) {
  .tab_search_box {
    margin-top: 3.625rem;
    margin-bottom: 3.1875rem;
  }
  .tab_search_box .tab {
    float: none;
  }
  .tab_search_box .search {
    position: relative;
    float: none;
    width: 100%;
    margin-top: 1.625rem;
  }
  .tab_search_box .search .custom_select_area {
    position: static;
    width: 91px;
    max-width: 100%;
    margin-right: 13px;
  }
  .tab_search_box .search .custom_select_area a.current {
    height: 30px;
    font-size: 0.875rem;
    letter-spacing: -0.03em;
    line-height: 2.1428571429;
  }
  .tab_search_box .search .custom_select_area a.current::after {
    width: 9px;
    height: 4.5px;
    top: 13px;
  }
  .tab_search_box .search .custom_select_area ul {
    top: 43px;
    width: 100%;
  }
  .tab_search_box .search .input_area {
    width: calc(100% - 104px);
    max-width: 100%;
  }
  .tab_search_box .search .input_area input {
    height: 30px;
    padding: 0 30px 0 0;
    font-size: 0.875rem;
    letter-spacing: -0.03em;
    line-height: 2.1428571429;
  }
  .tab_search_box .search .input_area a.search_btn {
    padding: 9px 0 8px 12px;
  }
  .tab_search_box .search .input_area.m-w100 {
    width: 100%;
  }
}
@media (max-width: 766px) {
  .tab_search_box {
    margin-top: 3rem;
    margin-bottom: 3.125rem;
  }
  .tab_search_box .tab .scroll {
    white-space: nowrap;
    overflow: hidden;
  }
  .tab_search_box .tab .scroll.scroll__visible:after {
    content: "";
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 2px;
    z-index: 10;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    transition: 0.3s;
  }
  .tab_search_box .tab .scroll.scroll__active:after {
    opacity: 0;
  }
  .tab_search_box .tab .scroll .mCSB_scrollTools {
    top: 100%;
  }
  .tab_search_box .tab .scroll .mCSB_scrollTools .mCSB_draggerRail {
    margin: 4px 0;
  }
  .tab_search_box .tab .scroll .mCSB_scrollTools .mCSB_dragger_bar {
    margin: 0 auto;
  }
}

/****** sns_list ******/
.sns_list {
  font-size: 0;
  width: 100%;
  text-align: center;
}
.sns_list li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  height: 24px;
  position: relative;
}
.sns_list li:before {
  display: block;
  position: absolute;
  top: 7px;
  right: 0;
  width: 1px;
  height: 12px;
  content: "";
  background-color: #c9cbcc;
}
.sns_list li:first-of-type {
  margin-left: 0;
}
.sns_list li:last-of-type {
  margin-right: 0;
}
.sns_list li:last-of-type::before {
  display: none;
}
.sns_list li a {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media (max-width: 1023px) {
  .sns_list li {
    height: 20px;
  }
  .sns_list li::before {
    top: 5px;
    height: 10px;
  }
  .sns_list li:nth-of-type(1) a img {
    width: 21px;
  }
  .sns_list li:nth-of-type(2) a img {
    width: 20px;
  }
  .sns_list li:nth-of-type(3) a img {
    width: 8px;
  }
  .sns_list li:nth-of-type(4) a img {
    width: 9px;
  }
  .sns_list li:nth-of-type(5) a img {
    width: 12px;
  }
}

.check_input_area {
  margin-top: 0.625rem;
}
.check_input_area > * {
  vertical-align: middle;
}
.check_input_area .radio_area {
  vertical-align: middle;
}
.check_input_area .input_area {
  width: calc(100% - 96px);
  max-width: none;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .check_input_area {
    margin-top: 0rem;
  }
  .check_input_area .input_area {
    width: 100%;
  }
}

/* button */
.btn_wrap {
  margin-top: 32px;
  font-size: 0;
  text-align: left;
}
.btn_wrap.center {
  text-align: center;
}
.btn_wrap.right {
  text-align: right;
}
@media (max-width: 1023px) {
  .btn_wrap {
    margin-top: 20px;
  }
}

.btn {
  position: relative;
  display: inline-block;
  min-width: 224px;
  padding: 14px 10px 15px;
  margin-right: 18px;
  border: 1px solid transparent;
  border-radius: 3px;
  background-color: #FFFFFF;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  vertical-align: top;
  overflow: hidden;
}
.btn:last-child {
  margin-right: 0;
}
.btn.blue {
  background-color: #1C69D4;
  border-color: #1C69D4;
}
.btn.blue:hover {
  background-color: #0653B6;
  border-color: #0653B6;
}
.btn.black {
  background-color: #262626;
  border-color: #262626;
}
.btn.black.download {
  padding-left: 57px;
  padding-right: 24px;
}
.btn.black.download.google span:before {
  left: -35px;
  width: 25px;
  height: 29px;
  background-image: url("/resource/images/common/icon_google.png");
}
.btn.black.download.apple span:before {
  left: -39px;
  width: 23px;
  height: 29px;
  background-image: url("/resource/images/common/icon_apple.png");
}
.btn.black.download span {
  position: relative;
  display: inline-block;
  height: 100%;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.btn.black.download span:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media (max-width: 1023px) {
  .btn.black.download {
    width: calc(50% - 4px);
  }
}
@media (max-width: 509px) {
  .btn.black.download {
    width: 100%;
  }
  .btn.black.download:first-child {
    margin-bottom: 8px;
  }
}
.btn.black:hover {
  background-color: #4D4D4D;
  border-color: #4D4D4D;
}
.btn.white {
  background-color: #FFFFFF;
  border-color: #262626;
  color: #262626;
}
.btn.white:hover {
  box-shadow: 0 0 0 1px #262626;
}
.btn.clear {
  background-color: transparent;
  border-color: #F2F2F2;
}
.btn.opacity {
  background-color: rgba(0, 0, 0, 0.5);
  border-color: #FFFFFF;
}
.btn.opacity:hover {
  box-shadow: 0 0 0 1px #FFFFFF !important;
}
.btn.sm {
  min-width: 90px;
  height: 44px;
  font-size: 1.0625rem;
  letter-spacing: -0.03em;
  line-height: 2.4705882353;
  padding: 0 15px;
  border-color: #E6E6E6;
}
.btn.sm.icon {
  min-width: 120px;
}
.btn.sm.icon:before, .btn.sm.icon:after {
  right: 23px;
}
.btn.md {
  min-width: 224px;
  height: 52px;
  padding: 0 16px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 3.125;
}
.btn.full {
  min-width: 100%;
}
@media (max-width: 1023px) {
  .btn.md {
    min-width: 100%;
  }
  .btn + .btn {
    margin-top: 8px;
  }
}

.paging_wrap {
  padding-top: 48px;
  border-top: 1px solid #CACACA;
  margin-top: -1px;
  text-align: center;
  font-size: 0;
}
@media (max-width: 1023px) {
  .paging_wrap {
    padding-top: 32px;
    text-align: center;
  }
}
.paging_wrap * {
  vertical-align: middle;
}
.paging_wrap.center {
  text-align: center;
}
.paging_wrap .input_area input {
  width: 46px;
  margin-right: 24px;
  padding: 0 5px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  text-align: center;
  color: #666666;
}
@media (max-width: 1023px) {
  .paging_wrap .input_area {
    width: auto;
  }
  .paging_wrap .input_area input {
    height: 48px;
  }
}
.paging_wrap > p,
.paging_wrap span {
  display: inline-block;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.paging_wrap .arrow {
  display: inline-block;
}
.paging_wrap .arrow a {
  position: relative;
  display: block;
  width: 52px;
  height: 52px;
  background-color: #262626;
  border-radius: 3px;
}
.paging_wrap .arrow a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 11px;
  height: 16px;
  background-image: url("/resource/images/common/icon_arrow_next.png");
}
.paging_wrap .arrow a:hover {
  background-color: #4D4D4D;
}
.paging_wrap .arrow.right {
  margin-left: 24px;
}
@media (max-width: 1023px) {
  .paging_wrap .arrow a {
    width: 48px;
    height: 48px;
  }
}
.paging_wrap .pagination {
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.paging_wrap .pagination > * {
  display: inline-block;
  vertical-align: middle;
}
.paging_wrap .pagination a {
  padding: 3px;
}
.paging_wrap .pagination .txt {
  margin: 0 50px;
}
.paging_wrap .pagination .txt p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 300;
  color: #262626;
}

/* plugin */
/* pages */
.inner {
  position: relative;
  width: 100%;
  max-width: 1466px;
  margin: 0 auto;
  padding: 0 15px;
}
@media (max-width: 1023px) {
  .inner {
    padding: 0 48px;
  }
}
@media (max-width: 766px) {
  .inner {
    padding: 0 24px;
  }
}

.pc_block {
  display: block;
}
@media (max-width: 766px) {
  .pc_block {
    display: inline-block;
  }
}

.tablet_block {
  display: inline-block;
}
@media (min-width: 767px) and (max-width: 1023px) {
  .tablet_block {
    display: block;
  }
}

.mo_block {
  display: inline-block;
}
@media (max-width: 766px) {
  .mo_block {
    display: block;
  }
}

.bold {
  font-weight: 700;
}

.light {
  font-weight: 300;
}

.link_area {
  padding-top: 65px;
}
.link_area ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: normal;
  width: 100%;
  font-size: 0;
}
.link_area li {
  display: inline-block;
  width: calc(33.333333% - 38px);
  margin-right: 57px;
}
.link_area li:last-child {
  margin-right: 0;
}
.link_area li.link01 a:after {
  background-image: url("/resource/images/common/icon_link01.png");
}
.link_area li.link02 a:after {
  background-image: url("/resource/images/common/icon_link02.png");
}
.link_area li.link03 a:after {
  background-image: url("/resource/images/common/icon_link03.png");
}
.link_area li.link04 a:after {
  background-image: url("/resource/images/common/icon_link04.png");
}
.link_area li.link05 a:after {
  background-image: url("/resource/images/common/icon_link05.png");
}
.link_area li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 30px 110px 30px 30px;
  background-color: #F6F6F6;
}
.link_area li a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.link_area li a:hover .icon_link {
  color: #1C69D4;
}
.link_area li a:hover .icon_link:after {
  background-image: url("/resource/images/promotion/icon_link_hover.png");
}
.link_area li .tit {
  padding-bottom: 5px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
}
.link_area li .desc {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.link_area li .icon_link {
  position: relative;
  display: inline-block;
  margin-top: 21px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 700;
}
.link_area li .icon_link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  width: 9px;
  height: 14px;
  transform: translateY(-50%);
  background-image: url("/resource/images/promotion/icon_link.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 1657px) {
  .link_area ul li {
    width: calc(33.333333% - 20px);
    margin-right: 30px;
  }
}
@media (max-width: 1023px) {
  .link_area {
    padding-top: 75px;
  }
  .link_area ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: normal;
  }
  .link_area ul li {
    width: calc(50% - 4px);
    margin-right: 8px;
  }
  .link_area ul li:nth-of-type(2n) {
    margin-right: 0;
  }
  .link_area ul li:nth-of-type(n+3) {
    margin-top: 8px;
  }
  .link_area ul li a {
    padding: 23px 120px 23px 20px;
  }
  .link_area ul li a:after {
    width: 48px;
    height: 48px;
  }
  .link_area ul li .tit {
    padding-bottom: 5px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .link_area ul li .desc {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
}
@media (max-width: 766px) {
  .link_area {
    margin-right: 0;
  }
  .link_area ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: normal;
  }
  .link_area ul li {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .link_area ul li + li {
    margin-top: 8px;
  }
}

.common_popup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10008;
}
.common_popup .bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.common_popup .title_box {
  padding: 19px 20px 19px 30px;
  background-color: #1C69D4;
  max-height: 80px;
}
.common_popup .title_box::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.common_popup .title_box p {
  float: left;
  margin-top: 4px;
  font-weight: 700;
  font-size: 1.375rem;
  letter-spacing: -0.03em;
  line-height: 1.4545454545;
  color: #262626;
}
.common_popup .title_box a {
  float: right;
  padding: 10px;
}
.common_popup .cont {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 810px;
  border-radius: 8px;
  background-color: #FFFFFF;
  overflow: hidden;
}
.common_popup .cont .con_box {
  background-color: #F6F6F6;
}
.common_popup.active {
  display: block;
}
@media (max-width: 1023px) {
  .common_popup .title_box {
    padding: 14px 20px;
    max-height: 60px;
  }
  .common_popup .title_box p {
    margin-top: 4px;
    font-size: 1.125rem;
    letter-spacing: -0.03em;
    line-height: 1.3333333333;
  }
  .common_popup .title_box a img {
    width: 12px;
    height: 12px;
  }
  .common_popup .cont {
    width: 89.6%;
  }
}
@media (max-width: 766px) {
  .common_popup .cont {
    width: 89.334%;
  }
}
.common_popup.type2 .con_box {
  padding: 78px 10px 90px 10px;
  text-align: center;
}
.common_popup.type2 .con_box strong {
  font-size: 2.625rem;
  letter-spacing: -0.03em;
  line-height: 1.2857142857;
  color: #262626;
}
.common_popup.type2 .con_box p {
  padding: 27px 0 30px;
  font-size: 1.1875rem;
  letter-spacing: -0.03em;
  line-height: 1.6842105263;
  color: #BBBBBB;
}
@media (max-width: 1023px) {
  .common_popup.type2 .con_box {
    padding: 31px 10px 40px 10px;
  }
  .common_popup.type2 .con_box strong {
    font-size: 1.875rem;
    letter-spacing: -0.03em;
    line-height: 1.2666666667;
  }
  .common_popup.type2 .con_box p {
    padding: 18px 0 20px;
    font-size: 1rem;
    letter-spacing: -0.03em;
    line-height: 1.5625;
  }
}
.common_popup.type3 {
  z-index: 100001;
}
.common_popup.type3 .cont {
  max-width: 540px;
}
.common_popup.type3 .con_box {
  padding: 50px 59px 41px;
  text-align: center;
}
.common_popup.type3 .con_box .title_wrap {
  margin-bottom: 0.6875rem;
}
.common_popup.type3 .con_box .title_wrap p {
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: -0.03em;
  line-height: 1.25;
  color: #262626;
}
.common_popup.type3 .con_box .cont_wrap strong {
  display: block;
  margin-bottom: 1.5625rem;
  font-size: 1.375rem;
  letter-spacing: -0.03em;
  line-height: 1.4545454545;
  color: #262626;
  word-break: keep-all;
  word-wrap: break-word;
}
.common_popup.type3 .con_box .cont_wrap span {
  display: block;
  margin-bottom: 0.53125rem;
  font-size: 1.1875rem;
  letter-spacing: -0.03em;
  line-height: 1.6842105263;
  color: #262626;
  word-break: keep-all;
  word-wrap: break-word;
}
.common_popup.type3 .con_box .cont_wrap span:last-child {
  margin-bottom: 0;
}
.common_popup.type3 .con_box .btn_wrap {
  margin-top: 1.46875rem;
  text-align: center;
}
.common_popup.type3 .con_box .btn_wrap .btn {
  min-width: 190px;
  margin: 0 10px 15px;
}
.common_popup.type3 .cont_bot {
  padding: 22px 30px;
  background: #DDE8F9;
  font-size: 0;
}
.common_popup.type3 .cont_bot .custom_checkbox {
  display: inline-block;
  width: calc(100% - 25px);
  vertical-align: middle;
}
.common_popup.type3 .cont_bot .confirm_close {
  display: inline-block;
  width: 22px;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .common_popup.type3 .con_box {
    padding: 43px 15px 35px;
  }
  .common_popup.type3 .con_box .title_wrap {
    margin-bottom: 0.15625rem;
  }
  .common_popup.type3 .con_box .title_wrap p {
    font-size: 1.4375rem;
    letter-spacing: -0.03em;
    line-height: 1.2173913043;
  }
  .common_popup.type3 .con_box .cont_wrap strong {
    margin-bottom: 1.0625rem;
    font-size: 1.125rem;
    letter-spacing: -0.03em;
    line-height: 1.3333333333;
  }
  .common_popup.type3 .con_box .cont_wrap span {
    font-size: 1rem;
    letter-spacing: -0.03em;
    line-height: 1.5625;
    margin-bottom: 0.34375rem;
  }
  .common_popup.type3 .con_box .btn_wrap {
    margin-top: 0.96875rem;
  }
  .common_popup.type3 .cont_bot {
    padding: 15px 20px;
  }
  .common_popup.type3 .cont_bot .confirm_close {
    width: 20px;
  }
}
@media (max-width: 766px) {
  .common_popup.type3 .con_box {
    padding: 43px 15px 35px;
  }
  .common_popup.type3 .con_box .cont_wrap strong {
    margin-bottom: 1.0625rem;
  }
  .common_popup.type3 .con_box .cont_wrap span {
    margin-bottom: 0.34375rem;
  }
  .common_popup.type3 .con_box .btn_wrap {
    margin-top: 0.96875rem;
  }
  .common_popup.type3 .con_box .btn_wrap .btn {
    display: block;
    width: 177px;
    margin: 0 auto 15px;
  }
  .common_popup.type3 .cont_bot {
    padding: 15px 20px;
  }
  .common_popup.type3 .cont_bot .confirm_close {
    width: 20px;
  }
}

.quick_menu {
  z-index: 1;
  position: fixed;
  right: 45px;
  bottom: 130px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.quick_menu.on .top {
  opacity: 1;
  transform: translateY(-52px);
}
.quick_menu.end {
  position: absolute !important;
  bottom: 230px !important;
}
@media (max-width: 766px) {
  .quick_menu {
    right: 15px;
  }
}
.quick_menu .top {
  opacity: 0;
  position: relative;
  transform: translateY(30px);
  transition: transform 0.5s, opacity 0.5s;
  width: 52px;
  height: 52px;
  margin: 0 0 15px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
.quick_menu .top:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background-image: url("/resource/images/common/icon_top.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.quick_menu .top:hover:after {
  background-image: url("/resource/images/common/icon_top_hover.svg");
}
.quick_menu .stickysidebar {
  position: relative;
}
.quick_menu .stickysidebar .stickysidebar__nudge {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: -40px;
  right: 0;
  width: 278px;
  margin-right: 60px;
  padding: 16px;
  transform: translateY(-30px) scale(0.8);
  transform-origin: bottom right;
  transition: all 0.5s;
  background-color: #fff;
  border-radius: 10px 10px 0 10px;
  box-shadow: 0 0.3125rem 2.5rem 0 rgba(0, 0, 0, 0.1607843137);
  color: #000;
}
.quick_menu .stickysidebar .stickysidebar__nudge .close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
}
.quick_menu .stickysidebar .stickysidebar__nudge .close:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url(/resource/images/common/icon_stickysidebar_close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.quick_menu .stickysidebar .stickysidebar__nudge .info strong {
  opacity: 0;
  display: inline-block;
  margin: 0 0 8px;
  font-size: 1.1875rem;
  letter-spacing: 0em;
  line-height: 1.5789473684;
  transition: all 0.2s linear;
}
.quick_menu .stickysidebar .stickysidebar__nudge .info p {
  opacity: 0;
  font-size: 0.75rem;
  letter-spacing: 0em;
  line-height: 1.5;
  transition: all 0.2s linear;
}
.quick_menu .stickysidebar .stickysidebar__nudge .info .underline {
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 600;
  cursor: pointer;
}
.quick_menu .stickysidebar .stickysidebar__button {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 52px;
  height: 52px;
  background-color: #FFFFFF;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.24);
  border-radius: 50%;
}
.quick_menu .stickysidebar .stickysidebar__button .icons {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
}
.quick_menu .stickysidebar .stickysidebar__button i {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.3s;
}
.quick_menu .stickysidebar .stickysidebar__button i.stickysidebar__button-icon--open {
  top: 0;
  background-image: url(/resource/images/common/icon_stickysidebar.svg);
}
.quick_menu .stickysidebar .stickysidebar__button i.stickysidebar__button-icon--close {
  top: 100%;
  background-image: url(/resource/images/common/icon_stickysidebar_close.svg);
}
.quick_menu .stickysidebar .stickysidebar__button:hover i.stickysidebar__button-icon--open {
  background-image: url(/resource/images/common/icon_stickysidebar_hover.svg);
}
.quick_menu .stickysidebar .stickysidebar__button:hover i.stickysidebar__button-icon--close {
  top: 100%;
  background-image: url(/resource/images/common/icon_stickysidebar_close_hover.svg);
}
.quick_menu .stickysidebar .stickysidebar-dropdown {
  position: absolute;
  right: 0;
  bottom: 60px;
  width: 209px;
  margin-right: 0;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0.3125rem 2.5rem 0 rgba(0, 0, 0, 0.1607843137);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(0.8);
  transform-origin: bottom right;
  transition: all 0.15s ease-out;
}
.quick_menu .stickysidebar .stickysidebar-dropdown > p {
  padding: 14px 20px;
  font-size: 1.1875rem;
  letter-spacing: 0em;
  line-height: 1.5789473684;
}
.quick_menu .stickysidebar .stickysidebar-dropdown li {
  padding: 14px 20px;
}
.quick_menu .stickysidebar .stickysidebar-dropdown li a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  width: 100%;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.625;
  font-weight: 700;
}
.quick_menu .stickysidebar .stickysidebar-dropdown li a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url(/resource/images/common/icon_stickybar_arrow.svg);
}
.quick_menu .stickysidebar .stickysidebar-dropdown li img {
  margin-right: 8px;
}
.quick_menu .stickysidebar.guide .stickysidebar__nudge {
  opacity: 1;
  visibility: visible;
  transform: translateY(-60px) scale(1);
}
.quick_menu .stickysidebar.guide .stickysidebar__nudge .info strong {
  opacity: 1;
  transform: translateY(0);
}
.quick_menu .stickysidebar.guide .stickysidebar__nudge .info p {
  opacity: 1;
}
.quick_menu .stickysidebar.guide.closed .stickysidebar__nudge {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-30px) scale(0.8);
}
.quick_menu .stickysidebar.guide.closed .stickysidebar__nudge .info strong {
  opacity: 0;
  transform: translateY(20px);
  transition-delay: 0.1s;
}
.quick_menu .stickysidebar.guide.closed .stickysidebar__nudge .info p {
  opacity: 0;
  transform: translateY(20px);
}
.quick_menu .stickysidebar.removed .stickysidebar__nudge {
  display: none;
}
.quick_menu .stickysidebar.active .stickysidebar__button i.stickysidebar__button-icon--open {
  top: -100%;
}
.quick_menu .stickysidebar.active .stickysidebar__button i.stickysidebar__button-icon--close {
  top: 0;
}
.quick_menu .stickysidebar.active .stickysidebar-dropdown {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
  visibility: visible;
}
@media (max-width: 1023px) {
  .quick_menu .stickysidebar .stickysidebar__nudge .info strong {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.625;
  }
  .quick_menu .stickysidebar .stickysidebar-dropdown > p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.625;
  }
  .quick_menu .stickysidebar .stickysidebar-dropdown li a {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1;
  }
}

.error {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  background-color: #F6F6F6;
}
.error .container h1 {
  margin-bottom: 16PX;
}
.error .container .text_wrap {
  width: 100%;
  padding: 128px 20px;
  background-color: #FFFFFF;
  text-align: center;
}
.error .container .text_wrap img {
  margin: 0 auto 32px;
}
.error .container .text_wrap h2 {
  margin-bottom: 14px;
  font-size: 3rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: 700;
}
.error .container .text_wrap p {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
.error .container .btn_wrap {
  margin-top: 60px;
}
@media (max-width: 1023px) {
  .error .container h1 img {
    max-width: 177px;
    width: 100%;
    height: auto;
  }
  .error .container .text_wrap {
    padding: 40px 15px;
  }
  .error .container .text_wrap img {
    max-width: 38px;
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
  }
  .error .container .text_wrap h2 {
    margin-bottom: 8px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .error .container .text_wrap p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .error .container .btn_wrap {
    margin-top: 40px;
  }
}
.complete_area .txt_box {
  background-color: #F6F6F6;
  padding: 64px 20px;
  box-sizing: border-box;
  text-align: center;
}
.complete_area .txt_box i {
  display: inline-block;
  vertical-align: top;
}
.complete_area .txt_box strong {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #262626;
  margin: 30px 0 16px;
}
.complete_area .txt_box p {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #666666;
}
@media (max-width: 1023px) {
  .complete_area .txt_box {
    padding: 40px 20px;
  }
  .complete_area .txt_box i img {
    width: 48px;
  }
  .complete_area .txt_box strong {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
    margin: 20px 0 16px;
  }
  .complete_area .txt_box p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
}

/* 공통 nodata */
.common_nodata {
  padding: 128px 0;
  background-color: #F6F6F6;
  text-align: center;
}
.common_nodata i {
  display: block;
  margin: 0 auto;
}
.common_nodata i img {
  display: block;
  margin: 0 auto;
}
.common_nodata p {
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1.25;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
  margin-top: 16px;
  padding: 0 10px;
}
@media (max-width: 1023px) {
  .common_nodata {
    padding: 80px 0;
  }
  .common_nodata i img {
    width: 48px;
  }
  .common_nodata p {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.4545454545;
    margin-top: 8px;
  }
}

body.vantage header .header_inner > div {
  padding: 15px 0;
}
@media (max-width: 1230px) {
  body.vantage header .header_inner > div {
    padding: 15px;
  }
}
@media (max-width: 1023px) {
  body.vantage header .header_inner > div {
    padding: 15px 24px;
  }
}
body.vantage header.down .header_inner > div {
  padding: 0;
}
@media (max-width: 1023px) {
  body.vantage header.down .header_inner > div {
    padding: 15px 24px;
  }
}
body.vantage #blockUi {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
body.vantage #blockUi img {
  position: fixed;
  left: 50%;
  top: 13%;
  transform: translate(-50%, 0);
  height: 100px;
  width: 100px;
  margin: 0;
  z-index: 9999;
}
body.vantage .common_popup.type2 .cont {
  top: 350px;
  transform: translate(-50%, 0);
}

.ai {
  background-color: #000000;
}
.ai .video_wrap:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.ai .video_wrap .introBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.ai .video_wrap video::-webkit-media-controls-play-button {
  display: none !important;
}
.ai .video_wrap #introBgWeb {
  display: block;
}
.ai .video_wrap #introBgMo {
  display: none;
}
@media (max-width: 1023px) {
  .ai .video_wrap .introBg {
    object-fit: cover;
  }
  .ai .video_wrap #introBgWeb {
    display: none;
  }
  .ai .video_wrap #introBgMo {
    display: block;
  }
}
.ai .container {
  position: relative;
  width: 100%;
  height: 100vh;
  /*   background-image: url('/resource/images/ai/BMW_AI_PRODUCT_ADVISOR_01.png');
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;*/
  background-color: #000000;
  color: #262626;
  text-align: center;
  transition: all 0.2s linear;
}
.ai.abs .inner {
  max-width: 100%;
}
.ai .inner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1010px;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  .ai .inner {
    max-width: none;
    padding: 0;
  }
}
.ai #blockUi {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}
.ai #blockUi:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #262626;
  z-index: 9;
  opacity: 0.87;
}
.ai #blockUi.on {
  display: block;
}
.ai #blockUi img {
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 100px;
  margin: -50px 0 0 -50px;
  z-index: 9999;
}
.ai .step-title {
  display: none;
  margin-bottom: 35px;
  font-size: 1.125rem;
  letter-spacing: 0em;
  line-height: 0.8888888889;
  font-weight: 700;
  color: #FFFFFF;
}
.ai .step-title.change h3 {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 0.9;
}
.ai .step-title h3 {
  display: block;
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1.125;
  color: #FFFFFF;
}
.ai .step-title .step-num {
  display: inline-block;
  margin-bottom: 15px;
}
.ai .step-title .step-num p {
  margin-bottom: 15px;
}
.ai .step-title .progress-bar {
  width: 100%;
  height: 4px;
  font-size: 0;
}
.ai .step-title .progress-bar span {
  display: inline-block;
  width: calc(20% - 2px);
  height: 100%;
  margin-right: 2px;
  background-color: #F6F6F6;
}
.ai .step-title .progress-bar span.active {
  background-color: #1C69D4;
}
.ai .change-content {
  width: 100%;
}
.ai .change-content .flex-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}
.ai .step {
  display: none;
  width: 100%;
}
.ai .step.show {
  display: block;
}
.ai .step h3 {
  display: block;
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1.125;
  color: #FFFFFF;
}
.ai .step > div.box {
  width: 100%;
}
.ai .step > div .btn {
  padding: 10px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.875;
  color: #FFFFFF;
}
.ai .step > div .btn.opacity {
  line-height: 24px;
}
.ai .step .btn_wrap li {
  display: inline-block;
  padding-right: 10px;
}
.ai .step .btn_wrap li:last-child {
  padding-right: 0;
}
.ai .step .category {
  display: inline-block;
}
.ai .step .category .item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin-bottom: 24px;
}
.ai .step .category .item:last-child {
  margin-bottom: 0;
}
.ai .step .category .item_income span {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
}
.ai .step .card-box > ul {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  margin-right: -20px;
}
.ai .step .card {
  width: 25%;
  padding-right: 20px;
  border-radius: 20px;
}
.ai .step .card > div {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 139.13%;
}
.ai .step .card .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.ai .step .card .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1C69D4;
  border-radius: 20px;
  opacity: 0;
}
.ai .step .card input[type=radio] {
  position: absolute;
  width: 0;
  height: 0;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0;
  appearance: none;
  overflow: hidden;
  vertical-align: middle;
}
.ai .step .card input[type=radio] + label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  border-radius: 20px;
  border: 3px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
}
.ai .step .card input[type=radio] + label > span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 35px 5px 40px;
  font-size: 1.125rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: 700;
  text-align: center;
}
.ai .step .card input[type=radio] + label > span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background-image: url("/resource/images/ai/icon_unchecked.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.ai .step .card input[type=radio]:checked + label {
  border-color: #1C69D4;
}
.ai .step .card input[type=radio]:checked + label > span:before {
  background-image: url("/resource/images/ai/icon_checked.png");
}
.ai .step0 {
  padding-top: 120px;
}
.ai .step0 h2 {
  margin-bottom: 40px;
  font-size: 3.5rem;
  letter-spacing: 0em;
  line-height: 1.3571428571;
  color: #FFFFFF;
  letter-spacing: -3px;
}
.ai .step0 p {
  margin-bottom: 45px;
  font-size: 1.625rem;
  letter-spacing: 0em;
  line-height: 1.3461538462;
  color: #FFFFFF;
}
.ai .step0 .btn_wrap {
  margin-top: 140px;
}
.ai .step0 .btn {
  padding: 10px;
  font-weight: 700;
  margin-bottom: 50px;
  margin-right: 0;
}
.ai .step0 .link_wrap {
  font-size: 0;
}
.ai .step0 .link_wrap .link {
  display: inline-block;
  padding-right: 20px;
}
.ai .step0 .link_wrap .link:last-child {
  padding-right: 0;
}
.ai .step0 .link_wrap .link.kakao a:after {
  width: 30px;
  height: 31px;
  background-image: url("/resource/images/ai/icon_kakao.png");
}
.ai .step0 .link_wrap .link.facebook a:after {
  width: 30px;
  height: 31px;
  background-image: url("/resource/images/ai/icon_facebook.png");
}
.ai .step0 .link_wrap .link.copy a:after {
  width: 26px;
  height: 26px;
  background-image: url("/resource/images/ai/icon_copy.png");
}
.ai .step0 .link_wrap a {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
}
.ai .step0 .link_wrap a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.ai .step0 .link_wrap a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (max-width: 1023px) {
  .ai .step0 {
    padding-top: 0;
  }
  .ai .step0 h2 {
    margin-bottom: 20px;
    font-size: 1.875rem;
    letter-spacing: 0em;
    line-height: 1.1333333333;
  }
  .ai .step0 p {
    margin-bottom: 20px;
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .ai .step0 .btn_wrap {
    margin-top: 0 !important;
  }
  .ai .step0 .btn {
    min-width: 100%;
    height: 52px;
    margin: 0 0 28px !important;
  }
  .ai .step0 .link_wrap {
    order: 2;
    font-size: 0;
  }
  .ai .step0 .link_wrap .link {
    display: inline-block;
    padding-right: 20px;
  }
  .ai .step0 .link_wrap .link:last-child {
    padding-right: 0;
  }
  .ai .step0 .link_wrap .link.kakao a:after {
    width: 25px;
    height: 25px;
  }
  .ai .step0 .link_wrap .link.facebook a:after {
    width: 25px;
    height: 25px;
  }
  .ai .step0 .link_wrap .link.copy a:after {
    width: 20px;
    height: 20px;
  }
  .ai .step0 .link_wrap a {
    width: 50px;
    height: 50px;
  }
}
.ai .step1 {
  max-width: 900px;
}
.ai .step1 h3 {
  margin-bottom: 30px;
  color: #FFFFFF;
}
.ai .step1 .desc {
  margin-bottom: 40px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 0.9;
  color: #FFFFFF;
}
.ai .step1 .box {
  padding: 45px 10px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 20px;
}
.ai .step1 .box .btn_wrap {
  margin-top: 0;
}
.ai .step1 .box .btn {
  background-color: transparent;
  font-weight: 300;
}
.ai .step1 .category input[type=radio]:checked + label {
  color: #ffffff;
  background-color: #1C69D4;
  border-color: #1C69D4;
}
.ai .step1 .category input[type=radio]:checked:hover + label {
  box-shadow: none !important;
}
.ai .step1 .category input[type=radio] + label {
  min-width: 100px;
  cursor: pointer;
}
.ai .step1 .category p {
  width: 80px;
  padding-right: 20px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.1;
  text-align: left;
  color: #FFFFFF;
}
.ai .step1 .category .space {
  display: inline-block;
  width: 20px;
}
@media (max-width: 1023px) {
  .ai .step1 .category .space {
    width: 0;
  }
}
.ai .step1 .category .long {
  letter-spacing: -2px;
}
.ai .step1 .category .btn.sm {
  height: 38px;
  padding: 0 15px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1;
  line-height: 38px;
}
.ai .step1 .category .select {
  width: calc(100% - 80px);
}
.ai .step1 .category .custom_select_area {
  width: calc(100% - 80px);
}
@media (max-width: 1023px) {
  .ai .step1 .category .custom_select_area {
    width: 100%;
  }
}
.ai .step1 .category .custom_select_area a.current {
  height: 40px;
  padding: 7px 20px;
  text-align: left;
  background-color: transparent;
  color: #FFFFFF;
}
.ai .step1 .category .custom_select_area ul {
  top: 45px;
  padding: 0;
}
@media (max-width: 1023px) {
  .ai .step1 .category .custom_select_area {
    width: 100%;
  }
  .ai .step1 .category .custom_select_area a.current {
    padding: 11px 14px 11px 20px;
  }
  .ai .step1 .category .custom_select_area ul {
    max-height: 140px;
  }
  .ai .step1 .category .custom_select_area .btn.checkedAge_open_btn {
    background-color: #1C69D4;
    border-color: #1C69D4;
    color: #FFFFFF;
  }
}
.ai .step2 .card1 .bg {
  background-image: url("/resource/images/ai/step01_bg01.png");
}
.ai .step2 .card2 .bg {
  background-image: url("/resource/images/ai/step01_bg02.png");
}
.ai .step2 .card3 .bg {
  background-image: url("/resource/images/ai/step01_bg03.png");
}
.ai .step2 .card4 .bg {
  background-image: url("/resource/images/ai/step01_bg04.png");
}
.ai .step3 .card1 .bg {
  background-image: url("/resource/images/ai/step02_bg01.png");
}
.ai .step3 .card2 .bg {
  background-image: url("/resource/images/ai/step02_bg02.png");
}
.ai .step3 .card3 .bg {
  background-image: url("/resource/images/ai/step02_bg03.png");
}
.ai .step3 .card4 .bg {
  background-image: url("/resource/images/ai/step02_bg04.png");
}
.ai .step4 .card1 .bg {
  background-image: url("/resource/images/ai/step03_bg01.png");
}
.ai .step4 .card2 .bg {
  background-image: url("/resource/images/ai/step03_bg02.png");
}
.ai .step4 .card3 .bg {
  background-image: url("/resource/images/ai/step03_bg03.png");
}
.ai .step4 .card4 .bg {
  background-image: url("/resource/images/ai/step03_bg04.png");
}
.ai .step5 .card1 .bg {
  background-image: url("/resource/images/ai/step04_bg01.png");
}
.ai .step5 .card2 .bg {
  background-image: url("/resource/images/ai/step04_bg02.png");
}
.ai .step5 .card3 .bg {
  background-image: url("/resource/images/ai/step04_bg03.png");
}
.ai .step5 .card4 .bg {
  background-image: url("/resource/images/ai/step04_bg04.png");
}
.ai .step6 .desc {
  margin-bottom: 40px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 0.9;
  color: #FFFFFF;
}
.ai .step6 .box {
  padding: 75px 44px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 20px;
}
.ai .step6 .calculator_top form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
.ai .step6 .calculator_top .btn {
  height: 52px;
  padding: 0 15px;
}
.ai .step6 .calculator_top .btn.opacity {
  line-height: 50px;
}
.ai .step6 .calculator_top .sort_wrap {
  width: 320px;
  padding-right: 50px;
  color: #FFFFFF;
}
.ai .step6 .calculator_top .sort_wrap:last-child {
  width: 252px;
  padding-right: 0;
}
.ai .step6 .calculator_top .sort_wrap:last-child p {
  margin-bottom: 29px;
}
.ai .step6 .calculator_top .sort_wrap p {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: normal;
  margin-bottom: 34px;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1;
  text-align: left;
}
.ai .step6 .calculator_top .sort_wrap span {
  display: inline-block;
  width: auto;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
  color: #BBBBBB;
}
.ai .step6 .calculator_top input[type=radio] + label {
  min-width: 100%;
  margin: 0 0 15px;
  cursor: pointer;
}
.ai .step6 .calculator_top input[type=radio]:checked + label {
  background-color: #1C69D4;
  border-color: #1C69D4;
}
.ai .step6 .calculator_top input[type=radio]:checked:hover + label {
  box-shadow: none !important;
}
.ai .step6 .calculator_top .bounds_wrap {
  overflow: hidden;
  padding: 14px 0 20px;
}
.ai .step6 .calculator_top .bounds_wrap span {
  font-size: 0.9375rem;
  letter-spacing: 0em;
  line-height: 1.4666666667;
  color: #BBBBBB;
}
.ai .step6 .calculator_top .bounds_wrap span:first-child {
  float: left;
  width: auto;
}
.ai .step6 .calculator_top .bounds_wrap span:last-child {
  float: right;
  width: auto;
}
.ai .step6 .calculator_top .value_wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: normal;
  width: 100%;
}
.ai .step6 .calculator_top .value_wrap input {
  width: 100px;
  padding: 13px 5px;
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #BBBBBB;
  text-align: center;
}
.ai .step6 .calculator_top .value_wrap input:disabled {
  -webkit-text-fill-color: rgb(255, 255, 255);
  -webkit-opacity: 1;
  background: transparent;
  border-color: rgb(255, 255, 255);
}
.ai .step6 .calculator_top .value_wrap input:first-child {
  margin-left: 0;
}
.ai .step6 .calculator_top .term_wrap select {
  width: 190px;
  height: 40px;
  line-height: 40px;
}
.ai .step6 .calculator_top .term_wrap span {
  display: inline-block;
  width: auto;
  margin-left: 10px;
  font-size: 16px;
  vertical-align: middle;
}
.ai .step6 .calculator_top .noUi-target {
  width: 100%;
  height: 6px;
  background: #bbbbbb;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.ai .step6 .calculator_top .noUi-connects {
  overflow: revert;
  cursor: pointer;
}
.ai .step6 .calculator_top .noUi-connect {
  height: 6px;
  background: #1c69d4;
}
.ai .step6 .calculator_top .noUi-horizontal .noUi-handle {
  top: -7px;
  right: -13px;
  width: 18px;
  height: 18px;
  background: url(/resource/images/ai/icon_sliderBtn.png) center no-repeat;
  background-size: cover;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.ai .step6 .calculator_top .noUi-horizontal .noUi-handle::before,
.ai .step6 .calculator_top .noUi-horizontal .noUi-handle::after {
  display: none;
}
.ai .step6 .calculator_top .noUi-horizontal .noUi-origin > .noUi-tooltip {
  bottom: -35px;
  padding: 0;
  border: none;
  background: none;
  font-size: 14px;
  color: #262626;
}
.ai .step6 .calculator_top .noUi-horizontal .noUi-tooltip::after {
  display: inline-block;
  width: auto;
  content: "만원";
}
.ai .step7 {
  width: 868px;
  font-size: 0;
}
.ai .step7 .recommend {
  margin-bottom: 38px;
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1;
  font-weight: 300;
  color: #FFFFFF;
}
.ai .step7 .lnstall_list_all {
  position: relative;
  margin-right: -20px;
}
.ai .step7 .lnstall_list_all.nodata {
  margin-right: 0;
}
.ai .step7 .lnstall_list_all.nodata .payment_result {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 250px;
  padding-right: 0;
}
.ai .step7 .lnstall_list_all.nodata .payment_result > p {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.1;
  color: #FFFFFF;
}
.ai .step7 .payment_result {
  display: inline-block;
  width: 33.333%;
  height: 510px;
  padding-right: 20px;
  vertical-align: top;
}
.ai .step7 .payment_result:first-child > div {
  border: 3px solid #1C69D4;
}
.ai .step7 .payment_result > div {
  height: 100%;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 20px;
  text-align: left;
  color: #FFFFFF;
}
.ai .step7 .payment_result .model {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.355%;
}
.ai .step7 .payment_result .rank {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 8px;
  background: #1C69D4;
  border-radius: 3px;
  font-size: 0.75rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 700;
  color: #FFFFFF;
}
.ai .step7 .payment_result img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ai .step7 .payment_result .btn {
  min-width: 100%;
  height: 38px;
  margin: 10px 0 15px;
  padding: 13px 5px;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.2857142857;
  font-weight: 700;
}
.ai .step7 .payment_result .btn.opacity {
  line-height: 37px;
  margin-bottom: 15px;
  padding: 0 5px;
}
.ai .step7 .payment_result .btn:hover {
  background-color: #1C69D4;
  box-shadow: 0 0 0 1px #1C69D4 !important;
  border-color: #1C69D4;
}
.ai .step7 .payment_result .table_wrap h4 {
  min-height: 45px;
  padding-bottom: 10px;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 700;
}
.ai .step7 .payment_result .table_wrap dl {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: normal;
  padding-bottom: 3px;
  font-size: 0.75rem;
  letter-spacing: 0em;
  line-height: 1.6666666667;
}
.ai .step7 .payment_result .table_wrap dl:last-child {
  padding-top: 7px;
}
.ai .step7 .payment_result .table_wrap dl p, .ai .step7 .payment_result .table_wrap dl span {
  display: inline-block;
}
.ai .step7 .payment_result .table_wrap .total {
  padding-bottom: 5px;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 700;
}
.ai .step7 .payment_result .table_wrap > span {
  font-size: 0.625rem;
  letter-spacing: 0em;
  line-height: 1.2;
  color: #BBBBBB;
}
.ai .step7 .payment_result_refer {
  padding: 10px 0 0;
  font-size: 0.8125rem;
  letter-spacing: 0.023em;
  line-height: 1;
  color: #fff;
  text-align: left;
}
.ai .step7 .btn_wrap .btn {
  min-width: calc(25% - 18px);
  background-color: #4D4D4D;
  cursor: pointer;
}
.ai .step7 .btn_wrap .btn:hover {
  background-color: #1C69D4;
}
@media (max-width: 1023px) {
  .ai .container {
    height: 100%;
    min-height: 100vh;
    padding: 101px 24px 40px;
    /*      background-image: url(/resource/images/ai/mo/BMW_AI_PRODUCT_ADVISOR_01.png);
          background-position: 0 0;*/
  }
  .ai.abs .inner {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 40px 24px;
  }
  .ai .inner {
    justify-content: flex-end;
  }
  .ai .step-title.change h3 {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .ai .step-title h3 {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.3636363636;
  }
  .ai .step-title .step-num {
    margin-bottom: 20px;
  }
  .ai .step-title .step-num p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .ai .step > div.btn_wrap {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
  }
  .ai .step > div.btn_wrap .btn {
    min-width: 100%;
    margin: 0 0 16px;
  }
  .ai .step > div.btn_wrap .btn:last-child {
    margin-bottom: 0;
  }
  .ai .step h3 {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.4545454545;
  }
  .ai .step .category .item {
    flex-direction: column;
    align-items: baseline;
    margin-bottom: 40px;
  }
  .ai .step .category .item_income span {
    display: inline-block;
    font-size: 0.9375rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .ai .step .category p {
    width: 100%;
    padding: 0 0 13px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .ai .step .card-box > ul {
    flex-wrap: wrap;
    margin-right: -15px;
  }
  .ai .step .card {
    width: 50%;
    margin-right: 0;
    margin-bottom: 15px;
    padding-right: 15px;
  }
  .ai .step .card:nth-child(3), .ai .step .card:nth-child(4) {
    margin-bottom: 0;
  }
  .ai .step .card .bg {
    border-radius: 10px;
  }
  .ai .step .card input[type=radio] + label {
    border-radius: 10px;
  }
  .ai .step .card input[type=radio] + label > span {
    padding: 24px 1px 30px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .ai .step1 .box {
    padding: 40px 20px;
  }
  .ai .step1 h3 {
    margin-bottom: 10px;
  }
  .ai .step1 .desc {
    margin-bottom: 30px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .ai .step1 .btn_wrap li {
    padding-bottom: 10px;
  }
  .ai .step1 .btn_wrap li:nth-child(4), .ai .step1 .btn_wrap li:nth-child(5) {
    padding-bottom: 0;
  }
  .ai .step1 .category .select {
    width: 100%;
  }
  .ai .step1 .category .custom_select_area {
    max-width: 100%;
  }
  .ai .step1 .category .custom_select_area a.current {
    line-height: 1;
  }
  .ai .step1 .category .gender .btn_wrap li {
    padding-bottom: 0;
  }
  .ai .step1 .category .btn.sm {
    min-width: 80px;
    height: 36px;
    padding: 8px 5px 9px;
    line-height: 18px;
  }
  .ai .step6 .box {
    padding: 40px 24px;
  }
  .ai .step6 .calculator_top .sort_wrap {
    width: 100%;
    padding-right: 0;
    margin-bottom: 40px;
  }
  .ai .step6 .calculator_top .sort_wrap:last-child {
    width: 100%;
    margin-bottom: 0;
  }
  .ai .step6 .calculator_top .sort_wrap p {
    margin-bottom: 15px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.0909090909;
  }
  .ai .step6 .calculator_top .sort_wrap span {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .ai .step6 .calculator_top .sort_wrap input[type=radio] + label,
  .ai .step6 .calculator_top .sort_wrap input[type=radio]:checked + label {
    line-height: unset;
    padding: 17px 10px 10px;
  }
  .ai .step6 .calculator_top .value_wrap input {
    width: 109px;
  }
  .ai .step6 .calculator_top .bounds_wrap {
    padding: 8px 0 16px;
  }
  .ai .step6 .calculator_top .btn {
    padding: 8px 15px;
  }
  .ai .step7 {
    width: 100%;
  }
  .ai .step7 .step-title {
    margin-bottom: 14px;
  }
  .ai .step7 .recommend {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .ai .step7 .lnstall_list_all {
    margin-right: 0;
  }
  .ai .step7 .lnstall_list_all.nodata .payment_result {
    height: 150px;
  }
  .ai .step7 .lnstall_list_all.nodata .payment_result > p {
    font-size: 1.0625rem;
    letter-spacing: 0em;
    line-height: 1.2941176471;
  }
  .ai .step7 .payment_result {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 0 40px;
  }
  .ai .step7 .payment_result:last-child {
    padding: 0;
  }
  .ai .step7 .payment_result > div {
    padding: 24px;
  }
  .ai .step7 .payment_result .rank {
    padding: 5px 7px;
  }
  .ai .step7 .payment_result .btn {
    height: 52px;
    margin-bottom: 40px;
    padding: 13px 5px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .ai .step7 .payment_result .btn.opacity {
    line-height: 50px;
    padding: 0 5px;
  }
  .ai .step7 .payment_result .table_wrap h4 {
    padding-bottom: 20px;
    font-size: 1.25rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .ai .step7 .payment_result .table_wrap dl {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .ai .step7 .payment_result .table_wrap .total {
    padding-bottom: 10px;
    font-size: 1.25rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .ai .step7 .payment_result .table_wrap .total dt {
    color: #BBBBBB;
  }
  .ai .step7 .payment_result .table_wrap > span {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.6666666667;
  }
  .ai .step7 .btn_wrap .btn {
    min-width: 100%;
  }
}

.checkedAge_popup:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
.checkedAge_popup .cont {
  max-width: 360px;
  border-radius: 20px;
}
.checkedAge_popup .title_box {
  max-height: 55px;
  margin-bottom: -1px;
  padding: 24px 24px 11px;
  background-color: #F6F6F6;
}
.checkedAge_popup .btn {
  padding: 17px 5px;
  background-color: #1C69D4;
  border-color: #1C69D4;
  color: #FFFFFF;
  line-height: 1em;
}
.checkedAge_popup.type2 .con_box {
  padding: 0 24px 53px;
}
.checkedAge_popup.type2 .con_box p {
  width: 80%;
  margin: 0 auto;
  padding: 0 0 20px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  color: #262626;
}
@media (max-width: 1023px) {
  .checkedAge_popup .title_box {
    padding: 24px 17px 11px;
  }
  .checkedAge_popup .title_box a img {
    width: 14px;
    height: 14px;
  }
  .checkedAge_popup .btn {
    min-width: 100%;
  }
  .checkedAge_popup.type2 .con_box {
    padding: 0 24px 24px;
  }
  .checkedAge_popup.type2 .con_box p {
    padding: 0 0 32px;
  }
}

.main_popup.active1 .event1 {
  display: block;
}
.main_popup.active1 .event2 {
  display: none;
}
.main_popup.active2 .event2 {
  display: block;
}
.main_popup.active2 .event1 {
  display: none;
}
.main_popup .cont {
  max-width: 800px;
  overflow: initial;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
@media (max-width: 1023px) {
  .main_popup .cont {
    max-width: 540px;
  }
}
.main_popup .popupSwiper {
  max-height: 640px;
  overflow-y: auto;
  overflow-x: hidden;
  border-top-left-radius: 10px 10px;
  border-top-right-radius: 10px 10px;
}
.main_popup .popupSwiper img {
  border-top-left-radius: 10px 10px;
  border-top-right-radius: 10px 10px;
}
.main_popup .popupSwiper img.web {
  display: block;
}
.main_popup .popupSwiper img.mo {
  display: none;
}
@media (max-width: 1023px) {
  .main_popup .popupSwiper {
    max-height: 450px;
  }
  .main_popup .popupSwiper img.web {
    display: none;
  }
  .main_popup .popupSwiper img.mo {
    display: block;
  }
}
.main_popup .close-box {
  position: relative;
  padding: 15px;
  background: #1C69D4;
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
}
.main_popup .close-box input[type=checkbox] + label {
  padding-left: 25px;
  color: #fff;
  cursor: pointer;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1;
}
.main_popup .close-box input[type=checkbox] + label:before {
  top: -2px;
  width: 18px;
  height: 18px;
  border-width: 1px;
}
.main_popup .close-box input[type=checkbox]:checked + label:after {
  top: 51%;
  left: 3px;
}
@media (max-width: 1023px) {
  .main_popup .close-box input[type=checkbox]:checked + label:after {
    left: 4px;
  }
}
.main_popup .confirm_close {
  position: absolute;
  bottom: 15px;
  right: 15px;
  color: #fff;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1;
}
.main_popup .confirm_close img {
  display: inline-block;
  max-width: 12px;
  margin-left: 5px;
  vertical-align: bottom;
}

.recruit.information .notice_box {
  margin-bottom: 128px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
}
.recruit.information .notice_box .company {
  padding: 25px 0 20px;
}
.recruit.information .notice_box .company p {
  position: relative;
  padding-left: 10px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.25;
}
.recruit.information .notice_box .company p:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2px;
  height: 3px;
  background-color: #262626;
}
.recruit.information .notice_box .privacy {
  padding-top: 20px;
  border-top: 1px solid #CACACA;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
}
.recruit.information .notice_box .privacy .bold {
  text-decoration: underline;
}
.recruit.information .list {
  margin-bottom: 16px;
  border: 1px solid #bbbbbb;
}
.recruit.information .list:last-child {
  margin-bottom: 0;
}
.recruit.information .list > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  padding: 45px 48px;
}
.recruit.information .list .icon {
  width: 250px;
  font-size: 0;
}
.recruit.information .list .icon img {
  display: inline-block;
  vertical-align: middle;
}
.recruit.information .list .icon p {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
}
.recruit.information .list .desc {
  width: calc(100% - 250px);
  padding-left: 3%;
}
.recruit.information .list .desc p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.recruit.information .list .desc ul {
  font-size: 0;
}
.recruit.information .list .desc ul li {
  display: inline-block;
  width: 33.333%;
  padding-right: 10px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.recruit.information .list .desc a {
  text-decoration: underline;
}
.recruit.information .list .desc .space {
  padding-top: 14px;
}
@media (max-width: 1299px) {
  .recruit.information .list .desc ul li {
    width: 50%;
  }
}
@media (max-width: 1023px) {
  .recruit.information .notice_box {
    margin-bottom: 80px;
  }
  .recruit.information .notice_box .company {
    padding: 20px 0 10px;
  }
  .recruit.information .notice_box .company p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .recruit.information .notice_box .privacy {
    padding-top: 10px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .recruit.information .list {
    margin-bottom: 8px;
  }
  .recruit.information .list > div {
    padding: 20px;
  }
  .recruit.information .list .icon {
    width: 100%;
  }
  .recruit.information .list .icon img {
    display: block;
    width: 48px;
    height: auto;
    margin-bottom: 14px;
  }
  .recruit.information .list .icon p {
    display: block;
    margin-bottom: 6px;
    margin-left: 0;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .recruit.information .list .desc {
    width: 100%;
    padding-left: 0;
  }
  .recruit.information .list .desc p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .recruit.information .list .desc ul li {
    width: 100%;
    padding-right: 0;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .recruit.information .list .desc .space {
    padding-top: 6px;
  }
}
.recruit.faq .side-search {
  margin-bottom: 32px;
}
.recruit.faq .custom_select_area {
  width: 224px;
}
.recruit.faq .input_area {
  max-width: 267px;
}
.recruit.faq .input_area.input_search input {
  max-width: 267px;
}
@media (max-width: 1023px) {
  .recruit.faq .custom_select_area {
    width: 110px;
  }
  .recruit.faq .input_area {
    width: calc(100% - 118px);
  }
  .recruit.faq .input_area.input_search {
    width: calc(100% - 118px);
    max-width: none;
  }
  .recruit.faq .input_area.input_search input {
    max-width: 100%;
  }
}
.recruit.interview .visual_slide {
  position: relative;
}
.recruit.interview .visual_slide .swiper-wrapper {
  position: relative;
}
.recruit.interview .visual_slide .title_wrap {
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 250px 96px 0;
  color: #FFFFFF;
}
.recruit.interview .visual_slide {
  z-index: -1;
  position: relative;
  margin-bottom: 128px;
}
.recruit.interview .visual_slide .title_wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 245px 96px 0;
}
.recruit.interview .visual_slide .title_wrap h2 {
  margin-bottom: 25px;
  font-size: 4rem;
  letter-spacing: 0em;
  line-height: 1.25;
}
.recruit.interview .visual_slide .title_wrap h3 {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
.recruit.interview .visual_slide .swiper-container {
  position: relative;
  height: 960px;
  color: #FFFFFF;
  z-index: 1;
}
.recruit.interview .visual_slide .swiper-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: -1;
}
.recruit.interview .visual_slide .swiper-pagination {
  bottom: 30px;
}
.recruit.interview .visual_slide .swiper-pagination .swiper-pagination-bullet {
  opacity: 0.46;
  background: #ffffff;
  vertical-align: middle;
}
.recruit.interview .visual_slide .swiper-pagination .swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  opacity: 1;
}
.recruit.interview .visual_slide .img {
  position: relative;
  width: 100%;
  height: 100%;
}
.recruit.interview .visual_slide .img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: -1;
}
.recruit.interview .visual_slide .slide1 .img:before {
  background-image: url("/resource/images/recruit/interview/slider_img01.jpg");
}
.recruit.interview .visual_slide .slide2 .img:before {
  background-image: url("/resource/images/recruit/interview/slider_img02.jpg");
}
.recruit.interview .visual_slide .slide3 .img:before {
  background-image: url("/resource/images/recruit/interview/slider_img03.jpg");
}
.recruit.interview .visual_slide .slide4 .img:before {
  background-image: url("/resource/images/recruit/interview/slider_img04.jpg");
}
.recruit.interview .visual_slide .slide5 .img:before {
  background-image: url("/resource/images/recruit/interview/slider_img05.jpg");
}
.recruit.interview .section.sec02 {
  margin: 128px 0 0;
  padding: 128px 0 80px;
  background-color: #F6F6F6;
}
.recruit.interview .section .tit {
  margin-bottom: 64px;
}
.recruit.interview .section .tit p {
  font-size: 3rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: 300;
  color: #262626;
}
.recruit.interview .section .video_area .video {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.recruit.interview .section .video_area .video video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.recruit.interview .section .tab_btn_b ul {
  display: flex;
  align-items: center;
  gap: 25px;
}
.recruit.interview .section .tab_btn_b ul li {
  width: 16.6666666667%;
  height: 191px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.recruit.interview .section .tab_btn_b ul li:nth-of-type(1) {
  background-image: url("/resource/images/recruit/interview/interview_tab_bg01.jpg");
}
.recruit.interview .section .tab_btn_b ul li:nth-of-type(2) {
  background-image: url("/resource/images/recruit/interview/interview_tab_bg02.jpg");
}
.recruit.interview .section .tab_btn_b ul li:nth-of-type(3) {
  background-image: url("/resource/images/recruit/interview/interview_tab_bg03.jpg");
}
.recruit.interview .section .tab_btn_b ul li:nth-of-type(4) {
  background-image: url("/resource/images/recruit/interview/interview_tab_bg04.jpg");
}
.recruit.interview .section .tab_btn_b ul li:nth-of-type(5) {
  background-image: url("/resource/images/recruit/interview/interview_tab_bg05.jpg");
}
.recruit.interview .section .tab_btn_b ul li:nth-of-type(6) {
  background-image: url("/resource/images/recruit/interview/interview_tab_bg06.jpg");
}
.recruit.interview .section .tab_btn_b ul li a {
  display: block;
  height: 100%;
  position: relative;
}
.recruit.interview .section .tab_btn_b ul li a:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.5s;
  opacity: 0;
  border: 6px solid #1c69d4;
  box-sizing: border-box;
}
.recruit.interview .section .tab_btn_b ul li p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 15px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  font-weight: 300;
  color: #F6F6F6;
}
.recruit.interview .section .tab_btn_b ul li.active a:before {
  opacity: 1;
}
.recruit.interview .section .tab_btn_b .btn_wrap {
  margin: 64px 0 0;
  text-align: center;
  font-size: 0;
}
.recruit.interview .section .tab_btn_b .btn_wrap > a {
  display: inline-block;
  vertical-align: top;
}
.recruit.interview .section .tab_btn_s {
  position: relative;
}
.recruit.interview .section .tab_btn_s ul {
  border-bottom: 1px solid #CACACA;
  white-space: nowrap;
  overflow-x: auto;
}
.recruit.interview .section .tab_btn_s ul::-webkit-scrollbar {
  display: none; /* 크롬, 사파리, 오페라, 엣지 */
}
.recruit.interview .section .tab_btn_s ul:after {
  display: none;
  content: "";
  width: 54px;
  height: 100%;
  position: absolute;
  right: -1px;
  bottom: 5px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.9) 60%);
  opacity: 1;
  transition: 0.3s;
  z-index: 1;
}
.recruit.interview .section .tab_btn_s ul.scroll__active:after, .recruit.interview .section .tab_btn_s ul.scroll__end:after {
  opacity: 0;
}
.recruit.interview .section .tab_btn_s ul li {
  display: inline-block;
  vertical-align: top;
}
.recruit.interview .section .tab_btn_s ul li a {
  display: block;
  padding: 12px 40px 16px;
  box-sizing: border-box;
  font-size: 1.25rem;
  letter-spacing: 0;
  line-height: 1;
  font-weight: bold;
  color: #666;
  position: relative;
}
.recruit.interview .section .tab_btn_s ul li a:before {
  content: "";
  width: 0;
  height: 4px;
  background-color: #262626;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transition: 0.3s;
  transform: translateX(-50%);
}
.recruit.interview .section .tab_btn_s ul li.active a {
  color: #262626;
}
.recruit.interview .section .tab_btn_s ul li.active a:before {
  width: 100%;
}
.recruit.interview .section .profile_wrap {
  padding: 80px 0 30px;
}
.recruit.interview .section .profile_wrap .img_area {
  margin-bottom: 100px;
}
.recruit.interview .section .profile_wrap .img_area.active {
  margin-bottom: 80px;
}
.recruit.interview .section .profile_wrap .img_area .top {
  background-color: #F6F6F6;
  padding: 35px 0 40px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}
.recruit.interview .section .profile_wrap .img_area .top:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border: 20px solid transparent;
  border-top-color: #f6f6f6;
}
.recruit.interview .section .profile_wrap .img_area .top a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  gap: 10px;
}
.recruit.interview .section .profile_wrap .img_area .top i {
  width: 81px;
  display: block;
}
.recruit.interview .section .profile_wrap .img_area .top i img {
  max-width: 100%;
}
.recruit.interview .section .profile_wrap .img_area .top dl {
  font-size: 0;
}
.recruit.interview .section .profile_wrap .img_area .top dl dt, .recruit.interview .section .profile_wrap .img_area .top dl dd {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  font-weight: 300;
  color: #262626;
  position: relative;
  padding: 0 15px;
  box-sizing: border-box;
}
.recruit.interview .section .profile_wrap .img_area .top dl dt + dd:before {
  content: "";
  width: 1px;
  height: 20px;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.recruit.interview .section .profile_wrap .img_area .bot {
  display: block;
}
.recruit.interview .section .profile_wrap .qna_area ul li + li {
  margin-top: 64px;
}
.recruit.interview .section .profile_wrap .qna_area ul li dl {
  display: flex;
  align-items: start;
}
.recruit.interview .section .profile_wrap .qna_area ul li dl dt {
  width: 436px;
  padding-left: 40px;
  position: relative;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #262626;
}
.recruit.interview .section .profile_wrap .qna_area ul li dl dt:before {
  content: "Q.";
  font-size: 1.75rem;
  letter-spacing: 0em;
  line-height: 1.1428571429;
  position: absolute;
  left: 0;
  top: 0;
}
.recruit.interview .section .profile_wrap .qna_area ul li dl dd {
  width: calc(100% - 436px);
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  font-weight: 300;
  word-break: keep-all;
  word-wrap: break-word;
}
.recruit.interview .section .profile_wrap .interview_video {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  margin: 80px 0 0;
}
.recruit.interview .section .profile_wrap .interview_video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.recruit.interview .section [class^=tab_cont] [class^=cont] {
  display: none;
}
.recruit.interview .section [class^=tab_cont] [class^=cont].active {
  display: block;
}
.recruit.interview .section [class^=tab_cont] .cont_b {
  padding: 128px 0;
}
@media (max-width: 1023px) {
  .recruit.interview .visual_slide {
    margin: 76px 0 80px;
  }
  .recruit.interview .visual_slide .title_wrap {
    padding: 130px 48px 0;
  }
  .recruit.interview .visual_slide .title_wrap h2 {
    margin-bottom: 15px;
    font-size: 2.625rem;
    letter-spacing: 0em;
    line-height: 1.1904761905;
  }
  .recruit.interview .visual_slide .title_wrap h3 {
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .recruit.interview .visual_slide .swiper-container {
    height: 536px;
  }
  .recruit.interview .visual_slide .swiper-pagination {
    bottom: 10px;
  }
  .recruit.interview .visual_slide .slide1 .img:before {
    background-image: url("/resource/images/recruit/interview/tablet/slider_img01.jpg");
  }
  .recruit.interview .visual_slide .slide2 .img:before {
    background-image: url("/resource/images/recruit/interview/tablet/slider_img02.jpg");
  }
  .recruit.interview .visual_slide .slide3 .img:before {
    background-image: url("/resource/images/recruit/interview/tablet/slider_img03.jpg");
  }
  .recruit.interview .visual_slide .slide4 .img:before {
    background-image: url("/resource/images/recruit/interview/tablet/slider_img04.jpg");
  }
  .recruit.interview .visual_slide .slide5 .img:before {
    background-image: url("/resource/images/recruit/interview/tablet/slider_img05.jpg");
  }
  .recruit.interview .section.sec02 {
    margin: 80px 0 0;
    padding: 80px 0 40px;
  }
  .recruit.interview .section .tit {
    margin-bottom: 40px;
  }
  .recruit.interview .section .tit p {
    font-size: 1.875rem;
    letter-spacing: 0em;
    line-height: 1.1333333333;
  }
  .recruit.interview .section .img_slide .prev {
    width: 24px;
    height: 24px;
    background: url("/resource/images/recruit/interview/slider_prev_black.png") 50% 50% no-repeat;
    background-size: cover;
    left: -24px;
    top: 42%;
  }
  .recruit.interview .section .img_slide .next {
    width: 24px;
    height: 24px;
    background: url("/resource/images/recruit/interview/slider_next_black.png") 50% 50% no-repeat;
    background-size: cover;
    right: -24px;
    top: 42%;
  }
  .recruit.interview .section .img_slide .pagination {
    margin-top: 24px;
  }
  .recruit.interview .section .img_slide .pagination .swiper-pagination-bullet {
    width: calc(25% - 6px);
    margin: 0;
  }
  .recruit.interview .section .img_slide .pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 8px;
  }
  .recruit.interview .section .video_area {
    margin-top: 40px;
  }
  .recruit.interview .section .tab_btn_b ul {
    flex-wrap: wrap;
    gap: 9px;
  }
  .recruit.interview .section .tab_btn_b ul li {
    width: calc(33.333333% - 6px);
    height: auto;
    padding-top: 30%;
  }
  .recruit.interview .section .tab_btn_b ul li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .recruit.interview .section .tab_btn_b ul li a:before {
    border-width: 4px;
  }
  .recruit.interview .section .tab_btn_b ul li a p {
    padding: 6px 10px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .recruit.interview .section .tab_btn_b .btn_wrap {
    margin: 40px 0 0;
  }
  .recruit.interview .section .tab_btn_s ul:after {
    display: block;
  }
  .recruit.interview .section .tab_btn_s ul li a {
    display: block;
    padding: 12px 24px 16px;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .recruit.interview .section .profile_wrap {
    padding: 60px 0 0;
  }
  .recruit.interview .section .profile_wrap .img_area {
    margin-bottom: 58px;
  }
  .recruit.interview .section .profile_wrap .img_area.active {
    margin-bottom: 48px;
  }
  .recruit.interview .section .profile_wrap .img_area .top {
    padding: 20px 0;
    gap: 4px;
  }
  .recruit.interview .section .profile_wrap .img_area .top a {
    gap: 4px;
  }
  .recruit.interview .section .profile_wrap .img_area .top a:before {
    border: 10px solid transparent;
    border-top-color: #f6f6f6;
  }
  .recruit.interview .section .profile_wrap .img_area .top i {
    width: 64px;
  }
  .recruit.interview .section .profile_wrap .img_area .top dl dt, .recruit.interview .section .profile_wrap .img_area .top dl dd {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .recruit.interview .section .profile_wrap .img_area .top dl dt + dd:before {
    height: 16px;
  }
  .recruit.interview .section .profile_wrap .qna_area ul li + li {
    margin-top: 48px;
  }
  .recruit.interview .section .profile_wrap .qna_area ul li dl {
    display: block;
  }
  .recruit.interview .section .profile_wrap .qna_area ul li dl dt {
    padding-left: 30px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .recruit.interview .section .profile_wrap .qna_area ul li dl dt:before {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .recruit.interview .section .profile_wrap .qna_area ul li dl dd {
    width: 100%;
    margin-top: 16px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .recruit.interview .section .profile_wrap .interview_video {
    margin: 45px 0 0;
  }
  .recruit.interview .section [class^=tab_cont] .cont_b {
    padding: 80px 0;
  }
}
@media (max-width: 766px) {
  .recruit.interview .visual_slide {
    margin: 76px 0 80px;
  }
  .recruit.interview .visual_slide .title_wrap {
    display: flex;
    justify-content: end;
    flex-direction: column;
    padding: 0 24px 60px;
  }
  .recruit.interview .visual_slide .swiper-container {
    height: 640px;
  }
  .recruit.interview .visual_slide .slide1 .img:before {
    background-image: url("/resource/images/recruit/interview/mo/slider_img01.jpg");
  }
  .recruit.interview .visual_slide .slide2 .img:before {
    background-image: url("/resource/images/recruit/interview/mo/slider_img02.jpg");
  }
  .recruit.interview .visual_slide .slide3 .img:before {
    background-image: url("/resource/images/recruit/interview/mo/slider_img03.jpg");
  }
  .recruit.interview .visual_slide .slide4 .img:before {
    background-image: url("/resource/images/recruit/interview/mo/slider_img04.jpg");
  }
  .recruit.interview .visual_slide .slide5 .img:before {
    background-image: url("/resource/images/recruit/interview/mo/slider_img05.jpg");
  }
  .recruit.interview .section .tab_btn_b ul {
    gap: 10px;
  }
  .recruit.interview .section .tab_btn_b ul li {
    width: calc(50% - 5px);
    padding-top: 45%;
  }
}
@media (max-width: 489px) {
  .recruit.interview .section.sec01 .tit p {
    font-size: 1.25rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .recruit.interview .section.sec01 .video_area {
    margin-top: 30px;
  }
}

.consumer.declare .section .notice_box {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
  margin-bottom: 128px;
  text-align: center;
}
.consumer.declare .section .notice_box > div {
  padding: 45px 132px;
}
.consumer.declare .section .notice_box .company {
  margin-top: 45px;
  padding: 45px 0 0;
  border-top: 1px solid #CACACA;
  text-align: left;
}
.consumer.declare .section .notice_box .company p {
  position: relative;
  padding-left: 10px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
}
.consumer.declare .section .notice_box .company p:before {
  content: "·";
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1023px) {
  .consumer.declare .section .notice_box {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.4545454545;
    margin-bottom: 80px;
  }
  .consumer.declare .section .notice_box > div {
    padding: 40px 24px;
  }
  .consumer.declare .section .notice_box .company {
    margin-top: 32px;
    padding: 32px 0 0;
  }
  .consumer.declare .section .notice_box .company p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
}
.consumer.disclosure-detail, .consumer.instance-detail {
  padding-top: 230px;
}
@media (max-width: 1023px) {
  .consumer.disclosure-detail, .consumer.instance-detail {
    padding-top: 180px;
  }
}
@media (max-width: 1023px) {
  .consumer.disclosure-list .side-search {
    margin: 0 0 30px;
  }
  .consumer.disclosure-list .side-search .custom_select_area {
    width: 100%;
  }
  .consumer.disclosure-list .tab_btn_type01 ul li {
    width: 50%;
  }
  .consumer.disclosure-list .tab_btn_type01 ul li a {
    padding: 12px 10px;
    text-align: center;
  }
}
.consumer.instance-list .section .notice_box {
  margin-bottom: 64px;
}
.consumer.instance-list .section .notice_box > div {
  padding: 48px;
}
.consumer.instance-list .section .notice_box .company {
  text-align: left;
}
.consumer.instance-list .section .notice_box .company p {
  position: relative;
  padding-left: 10px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
}
.consumer.instance-list .section .notice_box .company p:before {
  content: "·";
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1023px) {
  .consumer.instance-list .section .notice_box {
    margin-bottom: 40px;
  }
  .consumer.instance-list .section .notice_box > div {
    padding: 40px 24px;
  }
  .consumer.instance-list .section .notice_box .company p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
}
.consumer.info .box_area::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.consumer.info .box_area > div {
  width: calc(50% - 98px);
}
.consumer.info .box_area .left {
  float: left;
}
.consumer.info .box_area .right {
  float: right;
}
.consumer.info .box_area dl + dl {
  margin-top: 178px;
}
.consumer.info .box_area dl dt {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.2;
  font-weight: 700;
  color: #262626;
  padding-bottom: 24px;
}
.consumer.info .box_area dl dd ul li {
  position: relative;
  border-top: 1px solid #CACACA;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.consumer.info .box_area dl dd ul li:last-child {
  border-bottom: 1px solid #CACACA;
}
.consumer.info .box_area dl dd ul li p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 300;
  color: #262626;
  padding: 16px 0;
  width: calc(100% - 80px);
}
.consumer.info .box_area dl dd ul li a {
  display: block;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.7142857143;
  font-weight: 700;
  color: #262626;
  padding: 16px 0;
}
.consumer.info .box_area dl dd ul li a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -2px 4px 0 9px;
  width: 7px;
  height: 10px;
  background-image: url("/resource/images/consumer/info_arrow_icon.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.consumer.info .box_area dl dd ul li a:hover {
  color: #1C69D4;
}
.consumer.info .box_area .flex-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 80px;
  padding: 40px;
  border: 1px solid #BBBBBB;
}
.consumer.info .box_area .flex-container .flex-item:first-child {
  width: calc(100% - 620px);
  padding-right: 95px;
}
.consumer.info .box_area .flex-container .flex-item:first-child p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.consumer.info .box_area .flex-container .flex-item strong {
  display: inline-block;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.2;
  font-weight: 700;
  color: #262626;
  padding-bottom: 24px;
}
.consumer.info .box_area .flex-container .link {
  width: 620px;
}
.consumer.info .box_area .flex-container .link li:first-of-type {
  padding: 0 0 16px;
  border-bottom: 1px solid #CACACA;
}
.consumer.info .box_area .flex-container .link li:last-of-type {
  padding: 16px 0 0;
}
.consumer.info .box_area .flex-container .link .search {
  font-size: 0;
}
.consumer.info .box_area .flex-container .link .search p {
  width: calc(100% - 370px);
  padding: 12px 0;
}
.consumer.info .box_area .flex-container .link .search .input_area {
  max-width: 370px;
}
.consumer.info .box_area .flex-container .link .search .input_area input {
  width: 242px;
  height: 48px;
  margin-right: 8px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1;
  line-height: 48px;
}
.consumer.info .box_area .flex-container .link .search .input_area .btn {
  min-width: 120px;
  height: 48px;
  padding: 16px 0;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
  color: #fff;
}
.consumer.info .box_area .flex-container .link .search .input_area .btn span {
  display: block;
}
.consumer.info .box_area .flex-container .link .search .input_area .btn:after {
  display: none;
}
.consumer.info .box_area .flex-container .link p {
  display: inline-block;
  width: calc(100% - 80px);
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 300;
  color: #262626;
}
.consumer.info .box_area .flex-container .link p span {
  position: relative;
  display: block;
  padding-left: 10px;
}
.consumer.info .box_area .flex-container .link p span:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
.consumer.info .box_area .flex-container .link div {
  display: inline-block;
}
.consumer.info .box_area .flex-container .link a {
  display: inline-block;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.7142857143;
  font-weight: 700;
  color: #262626;
}
.consumer.info .box_area .flex-container .link a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -2px 4px 0 9px;
  width: 7px;
  height: 10px;
  background-image: url("/resource/images/consumer/info_arrow_icon.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.consumer.info .box_area .flex-container .link a:hover {
  color: #1C69D4;
}
.consumer.info .common_popup .cont {
  max-width: 556px;
  border-radius: 0;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.consumer.info .common_popup .cont .title_box {
  padding: 24px 24px 0;
  background-color: #fff;
}
.consumer.info .common_popup .cont .con_box {
  padding: 0 64px 32px;
  text-align: center;
  background: #fff;
}
.consumer.info .common_popup .cont .con_box strong {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
.consumer.info .common_popup .cont .employee {
  display: none;
}
.consumer.info .common_popup .cont .employee.active {
  display: block;
}
.consumer.info .common_popup .cont .info_data strong {
  padding-bottom: 24px;
}
.consumer.info .common_popup .cont .info_data .info {
  padding-top: 24px;
  border-top: 1px solid #CACACA;
  text-align: left;
}
.consumer.info .common_popup .btn_wrap {
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .consumer.info .common_popup .cont .title_box {
    margin-bottom: 8px;
    padding: 24px 14px 0;
    text-align: right;
  }
  .consumer.info .common_popup .cont .title_box a {
    display: inline-block;
    float: none;
  }
  .consumer.info .common_popup .cont .title_box a img {
    width: 19px;
    height: auto;
  }
  .consumer.info .common_popup .cont .con_box {
    padding: 0 24px 26px;
  }
}
@media (max-width: 1023px) {
  .consumer.info .box_area > div {
    width: 100%;
  }
  .consumer.info .box_area .left {
    float: none;
  }
  .consumer.info .box_area .right {
    float: none;
    margin-top: 80px;
  }
  .consumer.info .box_area dl + dl {
    margin-top: 80px;
  }
  .consumer.info .box_area dl dt {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
    padding-bottom: 16px;
  }
  .consumer.info .box_area dl dd ul li p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
    padding: 14px 0;
    width: calc(100% - 70px);
  }
  .consumer.info .box_area dl dd ul li a {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.6666666667;
    padding: 14px 0;
  }
  .consumer.info .box_area dl dd ul li a:after {
    margin: -2px 3px 0 7px;
    width: 5px;
    height: 8px;
  }
  .consumer.info .box_area .flex-container {
    padding: 0;
    border: none;
  }
  .consumer.info .box_area .flex-container .flex-item:first-child {
    width: 100%;
    padding-right: 0;
  }
  .consumer.info .box_area .flex-container .flex-item:first-child p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .consumer.info .box_area .flex-container .flex-item strong {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
    padding-bottom: 16px;
  }
  .consumer.info .box_area .flex-container .link {
    width: 100%;
    margin-top: 24px;
    border-top: none;
  }
  .consumer.info .box_area .flex-container .link li:last-of-type {
    padding: 0;
  }
  .consumer.info .box_area .flex-container .link p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
    padding: 14px 14px 14px 0;
    width: calc(100% - 70px);
  }
  .consumer.info .box_area .flex-container .link a {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.6666666667;
    padding: 14px 0;
  }
  .consumer.info .box_area .flex-container .link a:after {
    margin: -2px 3px 0 7px;
    width: 5px;
    height: 8px;
  }
}
@media (max-width: 766px) {
  .consumer.info .box_area .flex-container .flex-item:first-child p {
    width: 100%;
  }
  .consumer.info .box_area .flex-container .link .search p {
    width: 100%;
    padding: 0 0 8px;
  }
  .consumer.info .box_area .flex-container .link .search .input_area {
    max-width: 100%;
  }
  .consumer.info .box_area .flex-container .link .search .input_area input {
    width: calc(100% - 118px);
    padding: 0 10px;
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.6666666667;
  }
  .consumer.info .box_area .flex-container .link .search .input_area .btn {
    min-width: 110px;
  }
}
.consumer.system .step_area > ul {
  display: flex;
}
.consumer.system .step_area > ul > li {
  border: 1px solid #CACACA;
  box-sizing: border-box;
  width: calc(25% - 12px);
  padding: 32px;
  margin-right: 16px;
}
.consumer.system .step_area > ul > li:last-child {
  margin-right: 0;
}
.consumer.system .step_area > ul > li .icon {
  padding-bottom: 32px;
  margin-bottom: 32px;
  text-align: center;
  border-bottom: 1px solid #CACACA;
}
.consumer.system .step_area > ul > li .icon img {
  max-width: 80px;
  display: block;
  margin: 0 auto;
}
.consumer.system .step_area > ul > li .txt dl dt {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  font-weight: bold;
  color: #262626;
}
.consumer.system .step_area > ul > li .txt dl dd {
  margin-top: 15px;
}
.consumer.system .step_area > ul > li .txt dl dd > ol > li {
  box-sizing: border-box;
  padding-left: 8px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
  position: relative;
}
.consumer.system .step_area > ul > li .txt dl dd > ol > li:before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
  line-height: 22px;
}
.consumer.system .step_area > ul > li .txt dl dd .bg_box_list {
  margin-top: 15px;
  background-color: #F6F6F6;
  padding: 16px 18px;
  box-sizing: border-box;
}
.consumer.system .step_area > ul > li .txt dl dd .bg_box_list p {
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  font-weight: 300;
  color: #262626;
}
.consumer.system .step_area > ul > li .txt dl dd .bg_box_list ol {
  margin-top: 4px;
}
.consumer.system .step_area > ul > li .txt dl dd .bg_box_list ol li {
  box-sizing: border-box;
  padding-left: 8px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  color: #262626;
  position: relative;
}
.consumer.system .step_area > ul > li .txt dl dd .bg_box_list ol li:before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
  line-height: 22px;
}
.consumer.system .step_area > ul > li .txt dl dd .bg_box_center {
  margin-top: 15px;
  background-color: #F6F6F6;
  padding: 28px 0;
  box-sizing: border-box;
  text-align: center;
}
.consumer.system .step_area > ul > li .txt dl dd .bg_box_center p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #262626;
}
.consumer.system .notice_box {
  text-align: center;
}
.consumer.system .notice_box > div {
  padding: 64px 20px;
}
.consumer.system .notice_box > div strong {
  display: block;
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1.25;
  font-weight: 300;
  color: #262626;
  margin-bottom: 32px;
}
.consumer.system .notice_box > div p {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
.consumer.system .notice_box > div p a {
  text-decoration: underline;
  font-weight: bold;
}
.consumer.system .organization_img {
  background-color: #F6F6F6;
  padding: 64px 20px;
}
.consumer.system .organization_img img {
  display: block;
  margin: 0 auto;
}
.consumer.system .electronic_box {
  border: 1px solid #cacaca;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 64px 20px;
}
.consumer.system .electronic_box .box {
  min-width: 560px;
}
.consumer.system .electronic_box .box .top {
  padding-bottom: 48px;
  border-bottom: 1px solid #cacaca;
}
.consumer.system .electronic_box .box .top p {
  text-align: center;
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1.25;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
.consumer.system .electronic_box .box .bot {
  padding: 48px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
.consumer.system .electronic_box .box .bot ul > li {
  padding-left: 10px;
  position: relative;
}
.consumer.system .electronic_box .box .bot ul > li:before {
  content: "·";
  position: absolute;
  left: 0;
  top: -2px;
}
.consumer.system .electronic_box .box .bot ul > li + li {
  margin-top: 24px;
}
.consumer.system .electronic_box .box .bot ul ol > li {
  padding-left: 10px;
  position: relative;
}
.consumer.system .electronic_box .box .bot ul ol > li:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}
.consumer.system .electronic_box .box .bot ul ol + ol {
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .consumer.system .step_area > ul {
    flex-wrap: wrap;
  }
  .consumer.system .step_area > ul > li {
    width: calc(50% - 8px);
    padding: 20px;
    margin-right: 16px;
  }
}
@media (max-width: 1023px) and (min-width: 767px) and (max-width: 1023px) {
  .consumer.system .step_area > ul > li:nth-of-type(2n) {
    margin-right: 0;
  }
  .consumer.system .step_area > ul > li:nth-of-type(n+3) {
    margin-top: 16px;
  }
}
@media (max-width: 1023px) {
  .consumer.system .step_area > ul > li .icon {
    padding-bottom: 16px;
    margin-bottom: 20px;
  }
  .consumer.system .step_area > ul > li .icon img {
    max-width: 48px;
  }
  .consumer.system .step_area > ul > li .txt dl dt {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .consumer.system .step_area > ul > li .txt dl dd {
    margin-top: 8px;
  }
  .consumer.system .step_area > ul > li .txt dl dd > ol > li {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .consumer.system .step_area > ul > li .txt dl dd > ol > li:before {
    line-height: 18px;
  }
  .consumer.system .step_area > ul > li .txt dl dd .bg_box_list {
    margin-top: 8px;
    padding: 15px 14px;
  }
  .consumer.system .step_area > ul > li .txt dl dd .bg_box_list p {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .consumer.system .step_area > ul > li .txt dl dd .bg_box_list ol li {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .consumer.system .step_area > ul > li .txt dl dd .bg_box_list ol li:before {
    line-height: 18px;
  }
  .consumer.system .step_area > ul > li .txt dl dd .bg_box_center {
    margin-top: 8px;
    padding: 25px 0;
  }
  .consumer.system .step_area > ul > li .txt dl dd .bg_box_center p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .consumer.system .notice_box > div {
    padding: 32px 20px;
  }
  .consumer.system .notice_box > div strong {
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
    margin-bottom: 18px;
  }
  .consumer.system .notice_box > div p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .consumer.system .notice_box > div p br {
    display: none;
  }
  .consumer.system .organization_img {
    padding: 40px 20px;
    overflow-x: auto;
  }
  .consumer.system .organization_img img {
    max-width: none;
    width: 550px;
  }
  .consumer.system .electronic_box {
    padding: 32px 20px;
  }
  .consumer.system .electronic_box .box {
    min-width: auto;
  }
  .consumer.system .electronic_box .box .top {
    padding-bottom: 24px;
  }
  .consumer.system .electronic_box .box .top p {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.4545454545;
  }
  .consumer.system .electronic_box .box .bot {
    padding: 24px 0 0;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .consumer.system .electronic_box .box .bot ul > li:before {
    top: 0;
  }
}
@media (max-width: 766px) {
  .consumer.system .step_area > ul > li {
    width: 100%;
    margin-right: 0;
  }
  .consumer.system .step_area > ul > li + li {
    margin-top: 8px;
  }
}
.consumer.prdtdisc .notice_box {
  margin-bottom: 64px;
  padding: 0;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
}
.consumer.prdtdisc .notice_box strong {
  display: block;
  width: 100%;
  margin: 0 0 8px;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
.consumer.prdtdisc .box_area::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.consumer.prdtdisc .box_area > div {
  width: calc(50% - 98px);
}
.consumer.prdtdisc .box_area .full {
  width: 100%;
}
.consumer.prdtdisc .box_area .full ul {
  display: flex;
  justify-content: space-between;
}
.consumer.prdtdisc .box_area .full li {
  width: calc(50% - 98px);
  border-bottom: 1px solid #CACACA;
}
.consumer.prdtdisc .box_area .left {
  float: left;
}
.consumer.prdtdisc .box_area .right {
  float: right;
}
.consumer.prdtdisc .box_area dl + dl {
  margin-top: 178px;
}
.consumer.prdtdisc .box_area dl dt {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.2;
  font-weight: 700;
  color: #262626;
  padding-bottom: 24px;
}
.consumer.prdtdisc .box_area dl dd ul li {
  position: relative;
  border-top: 1px solid #CACACA;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.consumer.prdtdisc .box_area dl dd ul li:last-child {
  border-bottom: 1px solid #CACACA;
}
.consumer.prdtdisc .box_area dl dd ul li p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 300;
  color: #262626;
  padding: 16px 0;
  width: calc(100% - 80px);
}
.consumer.prdtdisc .box_area dl dd ul li a {
  display: block;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.7142857143;
  font-weight: 700;
  color: #262626;
  padding: 16px 0;
}
.consumer.prdtdisc .box_area dl dd ul li a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -2px 4px 0 9px;
  width: 7px;
  height: 10px;
  background-image: url("/resource/images/consumer/info_arrow_icon.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.consumer.prdtdisc .box_area dl dd ul li a:hover {
  color: #1C69D4;
}
.consumer.prdtdisc .box_area .flex-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 80px;
  padding: 40px;
  border: 1px solid #BBBBBB;
}
.consumer.prdtdisc .box_area .flex-container .flex-item:first-child {
  width: calc(100% - 620px);
  padding-right: 95px;
}
.consumer.prdtdisc .box_area .flex-container .flex-item:first-child p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.consumer.prdtdisc .box_area .flex-container .flex-item strong {
  display: inline-block;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.2;
  font-weight: 700;
  color: #262626;
  padding-bottom: 24px;
}
.consumer.prdtdisc .box_area .flex-container .link {
  width: 620px;
}
.consumer.prdtdisc .box_area .flex-container .link li:first-of-type {
  padding: 0 0 16px;
  border-bottom: 1px solid #CACACA;
}
.consumer.prdtdisc .box_area .flex-container .link li:last-of-type {
  padding: 16px 0 0;
}
.consumer.prdtdisc .box_area .flex-container .link .search {
  font-size: 0;
}
.consumer.prdtdisc .box_area .flex-container .link .search p {
  width: calc(100% - 370px);
  padding: 12px 0;
}
.consumer.prdtdisc .box_area .flex-container .link .search .input_area {
  max-width: 370px;
}
.consumer.prdtdisc .box_area .flex-container .link .search .input_area input {
  width: 242px;
  height: 48px;
  margin-right: 8px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1;
  line-height: 48px;
}
.consumer.prdtdisc .box_area .flex-container .link .search .input_area .btn {
  min-width: 120px;
  height: 48px;
  padding: 16px 0;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
  color: #fff;
}
.consumer.prdtdisc .box_area .flex-container .link .search .input_area .btn span {
  display: block;
}
.consumer.prdtdisc .box_area .flex-container .link .search .input_area .btn:after {
  display: none;
}
.consumer.prdtdisc .box_area .flex-container .link p {
  display: inline-block;
  width: calc(100% - 80px);
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 300;
  color: #262626;
}
.consumer.prdtdisc .box_area .flex-container .link p span {
  position: relative;
  display: block;
  padding-left: 10px;
}
.consumer.prdtdisc .box_area .flex-container .link p span:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
.consumer.prdtdisc .box_area .flex-container .link div {
  display: inline-block;
}
.consumer.prdtdisc .box_area .flex-container .link a {
  display: inline-block;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.7142857143;
  font-weight: 700;
  color: #262626;
}
.consumer.prdtdisc .box_area .flex-container .link a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -2px 4px 0 9px;
  width: 7px;
  height: 10px;
  background-image: url("/resource/images/consumer/info_arrow_icon.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.consumer.prdtdisc .box_area .flex-container .link a:hover {
  color: #1C69D4;
}
.consumer.prdtdisc .table_wrap .table {
  border: 1px solid #E6E6E6;
  border-bottom: none;
  border-right: none;
}
.consumer.prdtdisc .table_wrap th {
  border-right: 1px solid #E6E6E6;
  font-weight: 300;
  color: #262626;
}
.consumer.prdtdisc .table_wrap td {
  text-align: center !important;
  border-right: 1px solid #E6E6E6;
}
.consumer.prdtdisc .table_wrap a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
  font-weight: 400;
}
.consumer.prdtdisc .tab2 .table_wrap td {
  padding: 0;
}
.consumer.prdtdisc .tab2 .table_wrap ul {
  display: flex;
}
.consumer.prdtdisc .tab2 .table_wrap li {
  width: 50%;
  padding: 15px 8px;
  border-right: 1px solid #E6E6E6;
}
.consumer.prdtdisc .tab4 .notice_box {
  text-align: center;
}
.consumer.prdtdisc .tab4 .notice_box strong {
  display: block;
  width: 100%;
  margin: 0 0 32px;
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1.25;
}
.consumer.prdtdisc .tab4 .notice_box p {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
}
.consumer.prdtdisc .tab4 .notice_box p b {
  font-weight: 700;
}
@media (max-width: 1023px) {
  .consumer.prdtdisc .section .inner {
    padding: 0;
  }
  .consumer.prdtdisc .tab_btn_type01 {
    padding: 0 48px;
  }
  .consumer.prdtdisc .notice_box {
    margin-bottom: 40px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .consumer.prdtdisc .notice_box strong {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .consumer.prdtdisc .box_area {
    padding: 0 48px;
  }
  .consumer.prdtdisc .box_area > div {
    width: 100%;
  }
  .consumer.prdtdisc .box_area .full ul {
    flex-wrap: wrap;
  }
  .consumer.prdtdisc .box_area .full li {
    width: 100%;
  }
  .consumer.prdtdisc .box_area .full li:first-child {
    border-bottom: none;
  }
  .consumer.prdtdisc .box_area .left {
    float: none;
  }
  .consumer.prdtdisc .box_area .right {
    float: none;
    margin-top: 80px;
  }
  .consumer.prdtdisc .box_area dl + dl {
    margin-top: 80px;
  }
  .consumer.prdtdisc .box_area dl dt {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
    padding-bottom: 16px;
  }
  .consumer.prdtdisc .box_area dl dd ul li p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
    padding: 14px 0;
    width: calc(100% - 70px);
  }
  .consumer.prdtdisc .box_area dl dd ul li a {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.6666666667;
    padding: 14px 0;
  }
  .consumer.prdtdisc .box_area dl dd ul li a:after {
    margin: -2px 3px 0 7px;
    width: 5px;
    height: 8px;
  }
  .consumer.prdtdisc .box_area .flex-container {
    padding: 0;
    border: none;
  }
  .consumer.prdtdisc .box_area .flex-container .flex-item:first-child {
    width: 100%;
    padding-right: 0;
  }
  .consumer.prdtdisc .box_area .flex-container .flex-item:first-child p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .consumer.prdtdisc .box_area .flex-container .flex-item strong {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
    padding-bottom: 16px;
  }
  .consumer.prdtdisc .box_area .flex-container .link {
    width: 100%;
    margin-top: 24px;
    border-top: none;
  }
  .consumer.prdtdisc .box_area .flex-container .link li:last-of-type {
    padding: 0;
  }
  .consumer.prdtdisc .box_area .flex-container .link p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
    padding: 14px 14px 14px 0;
    width: calc(100% - 70px);
  }
  .consumer.prdtdisc .box_area .flex-container .link a {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.6666666667;
    padding: 14px 0;
  }
  .consumer.prdtdisc .box_area .flex-container .link a:after {
    margin: -2px 3px 0 7px;
    width: 5px;
    height: 8px;
  }
  .consumer.prdtdisc .table_wrap {
    padding: 0 48px;
  }
  .consumer.prdtdisc .table_wrap li.none {
    display: none;
  }
  .consumer.prdtdisc .tab2 .table_wrap ul {
    flex-wrap: wrap;
  }
  .consumer.prdtdisc .tab2 .table_wrap li {
    width: 100%;
    border-right: none;
    border-top: 1px solid #E6E6E6;
  }
  .consumer.prdtdisc .tab2 .table_wrap li:first-child {
    border-top: none;
  }
  .consumer.prdtdisc .tab4 .notice_box strong {
    margin: 0 0 24px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.0909090909;
  }
  .consumer.prdtdisc .tab4 .notice_box p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
}
@media (max-width: 766px) {
  .consumer.prdtdisc .tab_btn_type01 {
    padding: 0 24px;
  }
  .consumer.prdtdisc .box_area {
    padding: 0 24px;
  }
  .consumer.prdtdisc .box_area .flex-container .flex-item:first-child p {
    width: 100%;
  }
  .consumer.prdtdisc .box_area .flex-container .link .search p {
    width: 100%;
    padding: 0 0 8px;
  }
  .consumer.prdtdisc .box_area .flex-container .link .search .input_area {
    max-width: 100%;
  }
  .consumer.prdtdisc .box_area .flex-container .link .search .input_area input {
    width: calc(100% - 118px);
    padding: 0 10px;
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.6666666667;
  }
  .consumer.prdtdisc .box_area .flex-container .link .search .input_area .btn {
    min-width: 110px;
  }
  .consumer.prdtdisc .table_wrap {
    padding: 0 24px;
  }
}
.consumer.right .tabpanel > div {
  margin: 0 0 128px;
}
.consumer.right .tabpanel > div:last-child {
  margin: 0;
}
.consumer.right .dot-list {
  padding-top: 0;
  padding-left: 5px;
}
.consumer.right .dot-list p {
  position: relative;
  padding-left: 12px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
}
.consumer.right .dot-list p:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 4px;
}
.consumer.right .info_box {
  padding: 48px 64px;
  border-top: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA;
}
.consumer.right .info_box .flex-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: normal;
}
.consumer.right .info_box .flex-item.icon {
  width: 230px;
  padding-right: 60px;
  border-right: 1px solid #CACACA;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: 700;
  text-align: center;
}
.consumer.right .info_box .flex-item.icon img {
  margin: 0 auto 16px;
}
.consumer.right .info_box .flex-item.text {
  width: calc(100% - 230px);
  padding-left: 64px;
  word-break: keep-all;
}
.consumer.right .info_box .flex-item.text > p {
  padding-bottom: 18px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.consumer.right .info_box .flex-item.text .bold {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: 300;
}
.consumer.right .info_box .flex-item.text .small {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.consumer.right .description_box dl {
  margin: 0 0 128px;
}
.consumer.right .description_box dl:last-child {
  margin: 0;
}
.consumer.right .description_box dt {
  padding: 0 0 16px;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
.consumer.right .description_box dd p {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
}
.consumer.right .description_box dd p.small {
  padding: 24px 0 0;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.consumer.right .description_box dd.number p {
  position: relative;
  padding-left: 20px;
}
.consumer.right .description_box dd.number i {
  position: absolute;
  top: 0;
  left: 0;
  font-style: normal;
}
.consumer.right .apply_box strong {
  display: block;
  width: 100%;
  margin: 0 0 16px;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
.consumer.right .apply_box .box {
  display: block;
  padding: 48px;
  border: 1px solid #CACACA;
}
.consumer.right .apply_box .dot-list p {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 2;
}
.consumer.right .apply_box .type2 li {
  position: relative;
  padding-left: 10px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
}
.consumer.right .apply_box .type2 li:before {
  content: "·";
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1.5;
}
.consumer.right .apply_box .type3 {
  display: flex;
}
.consumer.right .apply_box .type3 .bold {
  width: 160px;
  padding-right: 48px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 2;
}
.consumer.right .apply_box .type3 .left {
  width: 40%;
  padding-right: 20px;
}
.consumer.right .apply_box .type3 .right {
  width: calc(60% - 160px);
}
.consumer.right .apply_box .type3.only .right {
  width: calc(100% - 160px);
}
.consumer.right .icon_txt_list .sub_txt {
  display: block;
  width: 100%;
  margin: 0 0 16px;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
.consumer.right .icon_txt_list ul {
  display: flex;
  flex-wrap: wrap;
}
.consumer.right .icon_txt_list ul li {
  flex: 1;
  margin-right: 16px;
  border: 1px solid #CACACA;
  padding: 32px 25px;
  box-sizing: border-box;
  text-align: center;
}
.consumer.right .icon_txt_list ul li:last-child {
  margin-right: 0;
}
.consumer.right .icon_txt_list ul li .icon img {
  margin: 0 auto;
}
.consumer.right .icon_txt_list ul li .top {
  padding: 24px 0 0;
  box-sizing: border-box;
}
.consumer.right .icon_txt_list ul li .bot {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #CACACA;
  box-sizing: border-box;
}
.consumer.right .icon_txt_list ul li strong {
  display: block;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #262626;
}
.consumer.right .icon_txt_list ul li strong + p {
  margin-top: 16px;
}
.consumer.right .icon_txt_list ul li p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
.consumer.right .download_btn {
  margin: 16px 0 0;
}
.consumer.right .rmark {
  position: relative;
  margin: 24px 0 0;
}
.consumer.right .rmark li {
  position: relative;
  padding-left: 20px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
}
.consumer.right .rmark li:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.consumer.right .rmark.star li {
  padding-left: 10px;
}
.consumer.right .rmark.star li:before {
  content: "*";
}
@media (max-width: 1023px) {
  .consumer.right .tabpanel > div {
    margin: 0 0 80px;
  }
  .consumer.right .dot-list p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .consumer.right .info_box {
    padding: 32px 0 30px;
  }
  .consumer.right .info_box .flex-item.icon {
    width: 100%;
    padding: 0 0 28px;
    border-right: none;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .consumer.right .info_box .flex-item.icon img {
    width: 48px;
    height: auto;
    margin-bottom: 8px;
  }
  .consumer.right .info_box .flex-item.icon span {
    margin-top: 5px;
  }
  .consumer.right .info_box .flex-item.text {
    width: 100%;
    padding-left: 0;
  }
  .consumer.right .info_box .flex-item.text > p {
    padding-bottom: 8px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .consumer.right .info_box .flex-item.text .bold {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .consumer.right .description_box dl {
    margin: 0 0 80px;
    word-break: keep-all;
  }
  .consumer.right .description_box dt {
    padding: 0 0 8px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .consumer.right .description_box dd p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .consumer.right .apply_box strong {
    margin: 0 0 8px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .consumer.right .apply_box .box {
    padding: 0;
    border: none;
  }
  .consumer.right .apply_box .dot-list p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .consumer.right .apply_box .type2 {
    padding: 20px;
    border: 1px solid #CACACA;
  }
  .consumer.right .apply_box .type2 li {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .consumer.right .apply_box .type3 {
    flex-wrap: wrap;
    padding: 20px;
    border: 1px solid #CACACA;
  }
  .consumer.right .apply_box .type3 .bold {
    width: 100%;
    padding: 0 0 12px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .consumer.right .apply_box .type3 .left {
    width: 100%;
    padding-right: 0;
  }
  .consumer.right .apply_box .type3 .right {
    width: 100%;
  }
  .consumer.right .apply_box .type3.only .right {
    width: 100%;
  }
  .consumer.right .icon_txt_list ul {
    font-size: 0;
  }
  .consumer.right .icon_txt_list ul li {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 4px);
    margin-right: 8px;
    padding: 20px;
  }
  .consumer.right .icon_txt_list ul li .icon img {
    width: 48px;
  }
  .consumer.right .icon_txt_list ul li .top {
    padding: 8px 0 0;
  }
  .consumer.right .icon_txt_list ul li strong {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .consumer.right .icon_txt_list ul li strong + p {
    margin-top: 8px;
  }
  .consumer.right .icon_txt_list ul li p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .consumer.right .rmark {
    margin: 8px 0 0;
  }
  .consumer.right .rmark li {
    padding-left: 20px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
}
@media (max-width: 766px) {
  .consumer.right .icon_txt_list ul {
    display: block;
  }
  .consumer.right .icon_txt_list ul li {
    width: 100%;
    margin-right: 0;
  }
  .consumer.right .icon_txt_list ul li + li {
    margin-top: 8px;
  }
  .consumer.right .download_btn {
    width: 100%;
  }
}

.customer.faq .tab_btn_type02 {
  margin: 32px auto 64px;
}
.customer.faq .common_popup .cont {
  max-width: 450px;
  border-radius: 0;
  overflow: initial;
}
.customer.faq .common_popup .shortcut {
  position: absolute;
  bottom: 5%;
  left: 0;
  width: 50%;
  height: 10%;
  font-size: 0;
}
.customer.faq .common_popup .popupSwiper {
  overflow: hidden;
}
.customer.faq .common_popup .close-box {
  position: relative;
  padding: 10px;
  background: #262626;
  color: #fff;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1;
}
.customer.faq .common_popup .close-box label {
  cursor: pointer;
}
.customer.faq .common_popup .confirm_close {
  position: absolute;
  right: 10px;
  color: #fff;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1;
}
.customer.faq .common_popup .confirm_close img {
  display: inline-block;
  max-width: 12px;
  margin-left: 5px;
  vertical-align: bottom;
}
.customer.faq .common_popup .swiper-pagination-fraction,
.customer.faq .common_popup .swiper-pagination-custom,
.customer.faq .common_popup .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: unset;
  top: 5px;
  left: 5px;
  width: auto;
}
.customer.faq .common_popup .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #bbb;
  opacity: 1;
}
.customer.faq .common_popup .swiper-pagination-bullet-active {
  background: #1b69d6;
}
@media (max-width: 1023px) {
  .customer.faq .tab_btn_type02 {
    margin: 16px auto 40px;
  }
}
.customer.download .notice_box {
  margin-bottom: 17px;
}
.customer.download .notice_box > div {
  padding: 48px;
}
.customer.download .notice_box > div p {
  position: relative;
  padding-left: 10px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
  color: #262626;
}
.customer.download .notice_box > div p:before {
  content: "·";
  position: absolute;
  top: 0;
  left: 0;
}
.customer.download .notice_box > div p a {
  font-weight: bold;
  text-decoration: underline;
}
@media (max-width: 1023px) {
  .customer.download .notice_box {
    margin-bottom: 40px;
  }
  .customer.download .notice_box > div {
    padding: 40px 24PX;
  }
  .customer.download .notice_box > div p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
}
.customer.inquiry .consent_form_area {
  padding: 0 64px 45px 64px;
  border: 1px solid #CACACA;
}
.customer.inquiry .consent_form_area .txt {
  padding: 45px 0;
  margin-bottom: 45px;
  text-align: center;
  border-bottom: 1px solid #CACACA;
}
.customer.inquiry .consent_form_area .txt p {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
.customer.inquiry .consent_form_area dl dt {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
.customer.inquiry .consent_form_area dl dd {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  margin-top: 5px;
  font-weight: 300;
  color: #262626;
}
.customer.inquiry .consent_form_area .table_wrap {
  margin-top: 24px;
}
.customer.inquiry .consent_form_area .table_wrap table thead tr th {
  font-weight: 400;
  color: #262626;
}
.customer.inquiry .consent_form_area .table_wrap table tbody tr td {
  text-align: left;
  padding: 15px 55px;
  word-break: keep-all;
  word-wrap: break-word;
}
.customer.inquiry .consent_form_area .custom_radio {
  text-align: right;
  margin-top: 24px;
}
.customer.inquiry .consent_form_area .custom_radio span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.customer.inquiry .consent_form_area .custom_radio .radio_area {
  vertical-align: middle;
}
.customer.inquiry .consent_form_area .custom_radio .radio_area + .radio_area {
  margin-left: 24px;
}
.customer.inquiry .write_wrap {
  margin-top: 128px;
}
@media (max-width: 1023px) {
  .customer.inquiry .consent_form_area {
    padding: 0 20px 24px 20px;
  }
  .customer.inquiry .consent_form_area .txt {
    padding: 24px 0;
    margin-bottom: 24px;
  }
  .customer.inquiry .consent_form_area .txt p {
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .customer.inquiry .consent_form_area dl dt {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .customer.inquiry .consent_form_area dl dd {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
    margin-top: 8px;
  }
  .customer.inquiry .consent_form_area .table_wrap {
    margin-top: 24px;
  }
  .customer.inquiry .consent_form_area .table_wrap table tbody {
    padding: 8px 0;
    border-bottom: 1px solid #e6e6e6;
  }
  .customer.inquiry .consent_form_area .table_wrap table tbody tr {
    padding: 8px;
    border: none;
  }
  .customer.inquiry .consent_form_area .table_wrap table tbody tr td {
    display: inline;
    vertical-align: top;
    padding: 0;
    text-indent: -8px;
  }
  .customer.inquiry .consent_form_area .table_wrap table tbody tr td:first-child {
    position: relative;
  }
  .customer.inquiry .consent_form_area .table_wrap table tbody tr td:first-child:before {
    content: "·";
    position: absolute;
    left: 0;
    top: 0;
    line-height: 18px;
  }
  .customer.inquiry .consent_form_area .table_wrap table tbody tr td:first-child:after {
    content: ":";
    display: inline;
    margin-left: 2px;
    vertical-align: top;
    line-height: 18px;
  }
  .customer.inquiry .consent_form_area .custom_radio {
    margin-top: 16px;
  }
  .customer.inquiry .consent_form_area .custom_radio span {
    display: block;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
    margin: 0 0 5px;
  }
  .customer.inquiry .consent_form_area .custom_radio .radio_area + .radio_area {
    margin-left: 16px;
  }
  .customer.inquiry .write_wrap {
    margin-top: 80px;
  }
}
@media (max-width: 766px) {
  .customer.inquiry .consent_form_area .txt p br {
    display: none;
  }
}
.customer.communication .visual_wrap {
  margin-bottom: 128px;
}
@media (max-width: 1023px) {
  .customer.communication .visual_wrap {
    margin-bottom: 80px;
  }
}
.customer.communication .section.list .center_list > li {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin: 0 0 128px;
}
.customer.communication .section.list .center_list > li:last-child {
  margin: 0;
}
.customer.communication .section.list .center_list > li .img_wrap {
  width: calc(100% - 736px);
}
.customer.communication .section.list .center_list > li .img_wrap img {
  max-width: 100%;
  height: auto;
}
.customer.communication .section.list .center_list > li .text {
  width: 736px;
  padding: 0 0 0 80px;
}
.customer.communication .section.list .center_list > li .text strong {
  display: block;
  padding: 0 0 24px;
  font-size: 1.75rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  font-weight: 600;
  word-break: keep-all;
}
.customer.communication .section.list .center_list > li .text p {
  padding: 24px 0 0;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
}
.customer.communication .section.list .notice li {
  position: relative;
  padding-left: 10px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
}
.customer.communication .section.list .notice li:before {
  content: "·";
  position: absolute;
  top: 0;
  left: 0;
}
.customer.communication .section.list .btn_wrap {
  margin-top: 24px;
}
.customer.communication .section.list .btn_wrap a {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #262626;
  font-weight: bold;
  vertical-align: top;
}
.customer.communication .section.list .btn_wrap a:after {
  content: "";
  width: 7px;
  height: 10px;
  background: url("/resource/images/common/btn_arrow.png") no-repeat center/100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.customer.communication .section.list .btn_wrap a:hover {
  color: #1C69D4;
}
@media (max-width: 1023px) {
  .customer.communication .section.list .center_list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    margin-right: -20px;
  }
  .customer.communication .section.list .center_list > li {
    margin: 0 0 80px;
  }
  .customer.communication .section.list .center_list > li .img_wrap {
    width: 46.4%;
  }
  .customer.communication .section.list .center_list > li .text {
    width: 53.6%;
    padding: 0 0 0 30px;
  }
  .customer.communication .section.list .center_list > li .text strong {
    padding: 0 0 16px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .customer.communication .section.list .center_list > li .text p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .customer.communication .section.list .center_list > li .text p .pc_block {
    display: inline-block;
  }
  .customer.communication .section.list .notice li {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .customer.communication .section.list .btn_wrap {
    margin-top: 8px;
  }
  .customer.communication .section.list .btn_wrap a {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 2;
    padding-right: 12px;
  }
  .customer.communication .section.list .btn_wrap a:after {
    width: 5px;
    height: 9px;
  }
}
@media (max-width: 766px) {
  .customer.communication .section.list .center_list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    margin-right: 0;
  }
  .customer.communication .section.list .center_list > li {
    width: 100%;
  }
  .customer.communication .section.list .center_list > li .img_wrap {
    width: 100%;
    margin: 0 0 24px;
  }
  .customer.communication .section.list .center_list > li .text {
    width: 100%;
    padding: 0;
  }
}

.legal .tab_cont .tab {
  display: none;
}
.legal .tab_cont .tab.active {
  display: block;
}
.legal .select_cont .select {
  display: none;
}
.legal .select_cont .select.active {
  display: block;
}
.legal .notice_box {
  margin-bottom: 64px;
}
.legal .notice_box > div {
  padding: 48px;
}
.legal .notice_box > div p {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
@media (max-width: 1023px) {
  .legal .notice_box {
    margin-bottom: 40px;
  }
  .legal .notice_box > div {
    padding: 40px 24px;
  }
  .legal .notice_box > div p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .legal .notice_box > div p br {
    display: none;
  }
}
.legal .tab_btn_type02 {
  margin-bottom: 64px;
}
@media (max-width: 1023px) {
  .legal .tab_btn_type02 {
    margin-bottom: 16px;
  }
}
.legal .side-search {
  padding-bottom: 24px;
  border-bottom: 1px solid #CACACA;
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .legal .side-search {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .legal .side-search .custom_select_area {
    width: 100%;
  }
}
.legal .txt_area * {
  font-family: "BMWTypeNextLatinKr", "arial", "Helvetica", "BMK", sans-serif !important;
}
.legal .txt_area h4 {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  color: #262626;
  font-weight: bold;
  margin: 15px 0;
}
@media (max-width: 1023px) {
  .legal .txt_area h4 {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
}
.legal .txt_area li {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.legal .txt_area ul.fst {
  margin-bottom: 20px;
}
.legal .txt_area ul.fst li {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
.legal .txt_area ul.fst li + li {
  margin-top: 5px;
}
@media (max-width: 1023px) {
  .legal .txt_area ul.fst li {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
}
.legal .txt_area p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
.legal .txt_area p a {
  font-weight: bold;
  text-decoration: underline;
}
.legal .txt_area p.right {
  text-align: right;
}
.legal .txt_area p.center {
  text-align: center;
}
@media (max-width: 1023px) {
  .legal .txt_area p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
}
.legal .txt_area table tr th p, .legal .txt_area table tr td p {
  word-break: break-all;
}
.legal .txt_area dl.new .mg7 {
  margin-top: 7px;
}
.legal .txt_area dl dt {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  font-weight: 300;
  color: #262626;
}
.legal .txt_area dl dt.big {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
.legal .txt_area dl dt span {
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0 4px 5px;
}
.legal .txt_area dl dd {
  margin-top: 16px;
}
.legal .txt_area dl dd.border-top {
  padding-top: 20px;
  border-top: 1px solid #E6E6E6;
}
.legal .txt_area dl dd ul li {
  padding-left: 20px;
  text-indent: -20px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
.legal .txt_area dl dd ul li p {
  text-indent: 0;
}
.legal .txt_area dl dd ul li + li {
  margin-top: 5px;
}
.legal .txt_area dl dd ul li ul {
  margin-top: 5px;
}
.legal .txt_area dl dd ul.line li {
  padding-left: 10px;
  text-indent: -10px;
}
.legal .txt_area dl dd ul.line li.etc {
  padding-left: 15px;
  text-indent: -15px;
}
.legal .txt_area dl dd ul + ul {
  margin-top: 16px;
}
.legal .txt_area dl dd ul.small {
  margin-top: 5px;
}
.legal .txt_area dl dd > p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #242424;
}
.legal .txt_area dl dd > p.right {
  text-align: right;
}
.legal .txt_area dl dd > p.center {
  text-align: center;
}
.legal .txt_area dl dd > p.big {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
}
.legal .txt_area dl dd > p + p {
  margin-top: 16px;
}
.legal .txt_area dl dd > p.line {
  padding-left: 10px;
  text-indent: -10px;
}
.legal .txt_area dl dd .table_wrap .table table tbody tr td {
  padding: 20px;
  text-align: left;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  word-break: keep-all;
  word-wrap: break-word;
}
.legal .txt_area dl dd .table_wrap .table table tbody tr td:first-child {
  border-left: none;
}
.legal .txt_area dl dd .table_wrap .table table tbody tr td:last-child {
  border-right: none;
}
.legal .txt_area dl dd .download_area ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.legal .txt_area dl dd .download_area ul li {
  width: calc(50% - 32px);
  position: relative;
  border-bottom: 1px solid #CACACA;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.legal .txt_area dl dd .download_area ul li:nth-of-type(1), .legal .txt_area dl dd .download_area ul li:nth-of-type(2) {
  border-top: 1px solid #CACACA;
}
.legal .txt_area dl dd .download_area ul li p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 300;
  color: #262626;
  padding: 16px 0;
  width: calc(100% - 100px);
}
.legal .txt_area dl dd .download_area ul li a {
  display: block;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.7142857143;
  font-weight: 700;
  color: #262626;
  padding: 16px 0;
}
.legal .txt_area dl dd .download_area ul li a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -2px 4px 0 9px;
  width: 7px;
  height: 10px;
  background-image: url("/resource/images/consumer/info_arrow_icon.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.legal .txt_area dl dd .download_area ul li a:hover {
  color: #1C69D4;
}
.legal .txt_area dl dd .step_area ul {
  display: flex;
  align-items: center;
}
.legal .txt_area dl dd .step_area ul li {
  flex: 1;
  margin-right: 24px;
  background-color: #F6F6F6;
  padding: 24px 20px;
  display: table;
  position: relative;
}
.legal .txt_area dl dd .step_area ul li:after {
  content: "";
  width: 11px;
  height: 16px;
  background: url("/resource/images/legal/legal_step_area_arrow_icon.png") no-repeat center/cover;
  display: block;
  position: absolute;
  right: -17px;
  top: 50%;
  transform: translateY(-50%);
}
.legal .txt_area dl dd .step_area ul li:last-child {
  background-color: #DDE8F9;
  margin-right: 0;
}
.legal .txt_area dl dd .step_area ul li:last-child:after {
  display: none;
}
.legal .txt_area dl dd .step_area ul li:nth-of-type(1) p:before {
  content: "①";
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.legal .txt_area dl dd .step_area ul li:nth-of-type(2) p:before {
  content: "②";
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.legal .txt_area dl dd .step_area ul li:nth-of-type(3) p:before {
  content: "③";
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.legal .txt_area dl dd .step_area ul li:nth-of-type(4) p:before {
  content: "④";
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.legal .txt_area dl dd .step_area ul li:nth-of-type(5) p:before {
  content: "⑤";
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.legal .txt_area dl dd .step_area ul li:nth-of-type(6) p:before {
  content: "⑥";
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.legal .txt_area dl dd .step_area ul li:nth-of-type(7) p:before {
  content: "⑦";
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.legal .txt_area dl dd .step_area ul li:nth-of-type(8) p:before {
  content: "⑧";
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.legal .txt_area dl dd .step_area ul li:nth-of-type(9) p:before {
  content: "⑨";
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.legal .txt_area dl dd .step_area ul li:nth-of-type(10) p:before {
  content: "⑩";
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.legal .txt_area dl dd .step_area ul li p {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: bold;
  color: #262626;
}
.legal .txt_area dl dd .bg_area {
  background-color: #F6F6F6;
  padding: 48px;
  box-sizing: border-box;
}
.legal .txt_area dl dd .bg_area p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
.legal .txt_area dl dd .bg_area ul {
  font-size: 0;
  margin: 18px -24px 0;
}
.legal .txt_area dl dd .bg_area ul li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-top: 6px;
}
.legal .txt_area dl dd .bg_area ul li:before {
  content: "";
  width: 1px;
  height: 18px;
  background-color: #CACACA;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.legal .txt_area dl dd .bg_area ul li:last-child:before {
  display: none;
}
.legal .txt_area dl dd .bg_area ul li a {
  display: block;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #262626;
  text-decoration: underline;
  padding: 0 24px;
}
.legal .txt_area dl + dl, .legal .txt_area dl + h4 {
  margin-top: 64px;
}
.legal .txt_area dl + dl.mg24, .legal .txt_area dl + h4.mg24 {
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .legal .txt_area dl.new dd {
    margin-top: 12px;
  }
  .legal .txt_area dl.new dd:first-of-type {
    margin-top: 24px;
  }
  .legal .txt_area dl.new dd ul li + li {
    margin-top: 0;
  }
  .legal .txt_area dl dt {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .legal .txt_area dl dt.big {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .legal .txt_area dl dt span {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
    margin: 0 0 3px 3px;
  }
  .legal .txt_area dl dd {
    margin-top: 8px;
  }
  .legal .txt_area dl dd.border-top {
    padding-top: 16px;
  }
  .legal .txt_area dl dd ul li {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .legal .txt_area dl dd ul + ul {
    margin-top: 8px;
  }
  .legal .txt_area dl dd > p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .legal .txt_area dl dd > p.big {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .legal .txt_area dl dd > p + p {
    margin-top: 8px;
  }
  .legal .txt_area dl dd .table_wrap .table.scroll table tbody tr td {
    padding: 16px 20px;
  }
  .legal .txt_area dl dd .table_wrap .table.scroll table tbody tr td br {
    display: none;
  }
  .legal .txt_area dl dd .download_area ul li {
    width: 100%;
    margin-top: -1px;
  }
  .legal .txt_area dl dd .download_area ul li p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
    padding: 14px 0;
    width: calc(100% - 80px);
  }
  .legal .txt_area dl dd .download_area ul li a {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.6666666667;
    padding: 14px 0;
  }
  .legal .txt_area dl dd .download_area ul li a:after {
    margin: -2px 3px 0 7px;
    width: 5px;
    height: 8px;
  }
  .legal .txt_area dl dd .step_area ul {
    display: block;
  }
  .legal .txt_area dl dd .step_area ul li {
    flex: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
    padding: 16px 15px;
  }
  .legal .txt_area dl dd .step_area ul li:after {
    content: "";
    right: 50%;
    top: auto;
    bottom: -20px;
    transform: translateX(50%) rotate(90deg);
    transform-origin: center;
  }
  .legal .txt_area dl dd .step_area ul li:last-child {
    margin-bottom: 0;
  }
  .legal .txt_area dl dd .step_area ul li p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .legal .txt_area dl dd .bg_area {
    padding: 20px;
  }
  .legal .txt_area dl dd .bg_area ul {
    font-size: 0;
    margin: 4px 0 0;
  }
  .legal .txt_area dl dd .bg_area ul li {
    display: block;
    margin-top: 16px;
  }
  .legal .txt_area dl dd .bg_area ul li:before {
    display: none;
  }
  .legal .txt_area dl dd .bg_area ul li a {
    padding: 0;
  }
  .legal .txt_area dl + dl, .legal .txt_area dl + h4 {
    margin-top: 40px;
  }
}
.legal.product .tab_btn_type02 {
  padding: 24px 8%;
}
@media (max-width: 1023px) {
  .legal.product .tab_btn_type02 {
    padding: 0;
  }
}
.legal.credit-collection .tab_btn_type02 {
  padding: 24px 8%;
}
@media (max-width: 1023px) {
  .legal.credit-collection .tab_btn_type02 {
    padding: 0;
  }
}
.legal.user-guidelines .tab_btn_type02 {
  padding: 24px 8%;
}
@media (max-width: 1023px) {
  .legal.user-guidelines .tab_btn_type02 {
    padding: 0;
  }
}
.legal.safety-rules .img_area img {
  margin: 0 auto;
  max-width: 100%;
}
.legal[class*=list] .side-search {
  border-bottom: none;
  margin-bottom: 32px;
  padding-bottom: 0;
}
@media (max-width: 1023px) {
  .legal[class*=list] .side-search {
    margin-bottom: 40px;
  }
  .legal[class*=list] .side-search .custom_select_area {
    width: 110px;
  }
}
.legal.credit-collection .side-search {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
@media (max-width: 1023px) {
  .legal.credit-collection .side-search {
    margin-bottom: 20px;
    padding-bottom: 0;
  }
  .legal.credit-collection .side-search .custom_select_area {
    width: 110px;
  }
  .legal.credit-collection .side-search .input_area.input_search {
    width: calc(100% - 118px);
    max-width: none;
  }
}

.maturity .box_wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: stretch;
  padding-top: 14px;
  font-size: 0;
}
.maturity .box_wrap .box:last-child {
  margin-right: 0;
}
.maturity .box_wrap .box_inner {
  height: 100%;
  border: 1px solid #CACACA;
}
.maturity .box_wrap strong {
  display: block;
  width: 100%;
  padding: 13px;
  text-align: center;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  background: #F6F6F6;
  border-bottom: 1px solid #CACACA;
}
.maturity .box_wrap .documents {
  padding: 30px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.875;
}
.maturity .box_wrap .documents.dot p {
  padding-left: 10px;
}
.maturity .box_wrap .documents.dot .long {
  padding-left: 62px;
}
.maturity .box_wrap .documents.num p {
  padding-left: 25px;
}
.maturity .box_wrap .documents p {
  position: relative;
}
@media (max-width: 1023px) {
  .maturity .box_wrap {
    padding-top: 8px;
  }
  .maturity .box_wrap .box {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .maturity .box_wrap strong {
    padding: 10px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .maturity .box_wrap .documents {
    padding: 12px 16px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.5714285714;
  }
  .maturity .box_wrap .documents.dot .long {
    padding-left: 55px;
  }
}
.maturity .indent {
  position: absolute;
  top: 0;
  left: 0;
}
.maturity .section.tab_content {
  display: none;
}
.maturity .section.tab_content.current {
  display: block;
}
.maturity .section .details > ul > li {
  margin-bottom: 120px;
}
.maturity .section .details > ul > li:last-child {
  margin-bottom: 0;
}
.maturity .section .details .step {
  padding-bottom: 15px;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
.maturity .section .details .desc li {
  position: relative;
  padding-left: 17px;
  padding-bottom: 15px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.maturity .section .details .desc li:last-child {
  padding-bottom: 0;
}
.maturity .section .details .dot-list {
  padding-top: 12px;
  padding-left: 5px;
}
.maturity .section .details .dot-list.small p:before {
  width: 1px;
  height: 2px;
  border-radius: 0;
}
.maturity .section .details .dot-list.warning {
  padding-top: 0;
}
.maturity .section .details .dot-list.warning p {
  padding-left: 10px;
  color: #666666;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
}
.maturity .section .details .dot-list.warning p:before {
  content: "*";
  top: 0;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  background: none;
}
.maturity .section .details .dot-list p {
  position: relative;
  padding-left: 12px;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 2.1428571429;
}
.maturity .section .details .dot-list p:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #262626;
}
.maturity .section .details .box_wrap .box {
  width: 520px;
  margin-bottom: 32px;
  margin-right: 15px;
}
.maturity .section .details .box_wrap .box:last-child {
  margin-right: 0;
}
.maturity .section .details .btn_wrap {
  margin-top: 0;
}
.maturity .section .details .btn_wrap .btn {
  margin-bottom: 18px;
  padding: 14px 20px 15px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
@media (max-width: 1230px) {
  .maturity .section .details .box_wrap .box {
    width: calc(50% - 8px);
    margin-right: 16px;
  }
}
@media (max-width: 1023px) {
  .maturity .section .details > ul > li {
    margin-bottom: 80px;
  }
  .maturity .section .details .step {
    padding-bottom: 8px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.1818181818;
  }
  .maturity .section .details .desc li {
    padding-left: 15px;
    padding-bottom: 10px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .maturity .section .details .dot-list {
    padding-top: 5px;
  }
  .maturity .section .details .dot-list.warning p {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .maturity .section .details .box_wrap {
    padding-top: 8px;
  }
  .maturity .section .details .box_wrap .box {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .maturity .section .details .btn_wrap {
    margin-top: 0;
  }
  .maturity .section .details .btn_wrap .btn {
    min-width: auto;
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
    padding: 11px 20px;
  }
  .maturity .section .details .btn_wrap .btn:last-child {
    margin-bottom: 0;
  }
}
.maturity .return .notice_box {
  margin-bottom: 64px;
}
.maturity .return .notice_box ul {
  text-align: center;
  font-size: 0;
}
.maturity .return .notice_box li {
  position: relative;
  display: inline-block;
  width: 33.333%;
}
.maturity .return .notice_box li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 49px;
  height: 48px;
  background: url("/resource/images/maturity/icon_step_arrow.png") 0 0 no-repeat;
  background-size: cover;
}
.maturity .return .notice_box li:nth-child(2):after {
  right: -25px;
}
.maturity .return .notice_box li:last-child:after {
  display: none;
}
.maturity .return .notice_box .icon {
  margin: 0 auto 30px;
}
.maturity .return .notice_box .step {
  margin-bottom: 15px;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: 700;
  text-align: center;
}
.maturity .return .notice_box .desc {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  text-align: center;
  color: #666666;
}
.maturity .return .table_wrap {
  width: 1050px;
  margin: 20px 0 32px;
}
.maturity .return .table_wrap th, .maturity .return .table_wrap td {
  border-right: 1px solid #E6E6E6;
}
.maturity .return .table_wrap th:last-child, .maturity .return .table_wrap td:last-child {
  border-right: none;
}
.maturity .return .table_wrap strong {
  color: #666666;
}
.maturity .return .table_wrap p {
  position: relative;
  padding-left: 8px;
  padding-bottom: 3px;
  text-align: left;
}
.maturity .return .table_wrap p:last-child {
  padding-bottom: 0;
}
.maturity .return .table_wrap p:before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
  line-height: 18px;
}
@media (max-width: 1023px) {
  .maturity .return .notice_box {
    margin-bottom: 80px;
  }
  .maturity .return .notice_box > ul {
    padding: 40px 10px;
  }
  .maturity .return .notice_box li {
    width: 100%;
    padding-bottom: 104px;
  }
  .maturity .return .notice_box li:after {
    top: unset;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    width: 24px;
    height: 24px;
    background-size: auto 100%;
  }
  .maturity .return .notice_box li:nth-child(2):after {
    right: unset;
  }
  .maturity .return .notice_box li:last-child {
    padding-bottom: 0;
  }
  .maturity .return .notice_box .icon {
    margin: 0 auto 20px;
  }
  .maturity .return .notice_box .step {
    margin-bottom: 10px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .maturity .return .notice_box .desc {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .maturity .return .table_wrap {
    width: 100%;
  }
  .maturity .return .table_wrap th, .maturity .return .table_wrap td {
    padding: 15px 10px !important;
  }
  .maturity .return .table_wrap p {
    padding-left: 6px;
  }
}
.maturity .acquisition .notice_box {
  margin-bottom: 64px;
}
.maturity .acquisition .notice_box ul {
  text-align: center;
  font-size: 0;
}
.maturity .acquisition .notice_box li {
  position: relative;
  display: inline-block;
  width: 50%;
  padding: 0 20px;
}
.maturity .acquisition .notice_box li:first-child {
  border-right: 1px solid #CACACA;
}
.maturity .acquisition .notice_box .icon {
  margin: 0 auto 30px;
}
.maturity .acquisition .notice_box .step {
  margin-bottom: 15px;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: 700;
  text-align: center;
}
.maturity .acquisition .notice_box .desc {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  text-align: center;
  color: #666666;
}
.maturity .acquisition .details .desc li {
  padding-left: 0;
}
.maturity .acquisition .details .btn_wrap {
  margin-top: 30px;
}
@media (max-width: 1023px) {
  .maturity .acquisition .notice_box {
    margin-bottom: 80px;
  }
  .maturity .acquisition .notice_box > ul {
    padding: 0 36px;
  }
  .maturity .acquisition .notice_box li {
    width: 100%;
    padding: 40px 0;
  }
  .maturity .acquisition .notice_box li:first-child {
    border-right: none;
    border-bottom: 1px solid #CACACA;
  }
  .maturity .acquisition .notice_box .icon {
    width: 48px;
    height: auto;
    margin: 0 auto 20px;
  }
  .maturity .acquisition .notice_box .step {
    margin-bottom: 10px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .maturity .acquisition .notice_box .desc {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .maturity .acquisition .details .btn_wrap {
    margin-top: 20px;
  }
}
.maturity .finance .info_box {
  margin-bottom: 64px;
  padding: 48px 64px;
  border-top: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA;
}
.maturity .finance .info_box .flex-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: normal;
}
.maturity .finance .info_box .flex-item.icon {
  width: 168px;
  padding-right: 64px;
  border-right: 1px solid #CACACA;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: 700;
  text-align: center;
}
.maturity .finance .info_box .flex-item.icon img {
  margin: 0 auto 16px;
}
.maturity .finance .info_box .flex-item.text {
  width: calc(100% - 168px);
  padding-left: 64px;
}
.maturity .finance .info_box .flex-item.text > p {
  padding-bottom: 14px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.maturity .finance .info_box .flex-item.text .bold {
  color: #262626;
}
.maturity .finance .table_wrap .table th, .maturity .finance .table_wrap .table td {
  border-right: 1px solid #E6E6E6;
}
.maturity .finance .table_wrap .table th:last-child,
.maturity .finance .table_wrap .table .none {
  border-right: none;
}
.maturity .finance .table_wrap .table .num {
  border-bottom: 1px solid #E6E6E6;
}
.maturity .finance .table_wrap .table .bg {
  background-color: #F6F6F6;
}
.maturity .finance .table_wrap .table .bold {
  color: #666666;
}
@media (max-width: 1023px) {
  .maturity .finance .info_box {
    margin-bottom: 40px;
    padding: 32px 0 30px;
  }
  .maturity .finance .info_box .flex-item.icon {
    width: 100%;
    padding: 0 0 28px;
    border-right: none;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .maturity .finance .info_box .flex-item.icon img {
    width: 48px;
    height: auto;
    margin-bottom: 8px;
  }
  .maturity .finance .info_box .flex-item.icon span {
    margin-top: 5px;
  }
  .maturity .finance .info_box .flex-item.text {
    width: 100%;
    padding-left: 0;
  }
  .maturity .finance .info_box .flex-item.text > p {
    padding-bottom: 5px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .maturity .finance .info_box .flex-item.text .dot-list {
    padding-left: 0;
  }
  .maturity .finance .info_box .flex-item.text .dot-list p {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .maturity .finance .table_wrap .table td {
    padding: 12px 5px;
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
    text-align: center;
  }
}
@media (max-width: 766px) {
  .maturity .finance colgroup col:nth-child(1) {
    width: 26%;
  }
  .maturity .finance colgroup col:nth-child(3) {
    width: 31%;
  }
}
.maturity .video .notice_box {
  margin-bottom: 62px;
}
.maturity .video .notice_box > div {
  padding: 45px 48px;
}
.maturity .video .notice_box p {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
}
.maturity .video .thumb_box {
  margin-right: -36px;
  font-size: 0;
}
.maturity .video .thumb_box .thumb {
  display: inline-block;
  width: 50%;
  padding-right: 36px;
}
.maturity .video .thumb_box a {
  display: block;
  width: 100%;
}
.maturity .video .thumb_box p {
  padding-bottom: 20px;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
@media (max-width: 1023px) {
  .maturity .video .notice_box {
    margin-bottom: 40px;
  }
  .maturity .video .notice_box > div {
    padding: 38px 24px;
  }
  .maturity .video .notice_box p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .maturity .video .thumb_box {
    margin-right: 0;
  }
  .maturity .video .thumb_box .thumb {
    width: 100%;
    margin-bottom: 38px;
    padding-right: 0;
  }
  .maturity .video .thumb_box .thumb:last-child {
    margin-bottom: 0;
  }
  .maturity .video .thumb_box img {
    margin: 0 auto;
  }
  .maturity .video .thumb_box p {
    padding-bottom: 14px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
}
.maturity .common_popup .cont {
  max-width: 880px;
  max-height: 90%;
  overflow-y: auto;
  border-radius: 0;
}
.maturity .common_popup .title_box {
  position: relative;
  max-height: unset;
  padding: 80px 80px 30px;
  text-align: right;
  background-color: #FFFFFF;
}
.maturity .common_popup .title_box p {
  float: none;
  margin-top: 0;
  text-align: left;
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1.25;
  font-weight: 300;
}
.maturity .common_popup .title_box span {
  display: block;
  padding-top: 20px;
  text-align: left;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.maturity .common_popup .title_box a {
  float: none;
  position: absolute;
  top: 25px;
  right: 15px;
  padding: 14px;
}
.maturity .common_popup .con_box {
  padding: 0 80px 80px;
  background-color: #FFFFFF;
}
.maturity .common_popup .con_box > ul > li {
  margin-bottom: 35px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.maturity .common_popup .con_box > ul > li:last-child {
  margin-bottom: 0;
}
.maturity .common_popup .con_box > ul > li > strong {
  font-weight: 700;
}
.maturity .common_popup .con_box .dash-list .indent {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.maturity .common_popup .con_box .dash-list li {
  position: relative;
  padding-left: 10px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.maturity .common_popup .box_wrap {
  margin-right: -15px;
}
.maturity .common_popup .box_wrap .box {
  width: 50%;
  padding-right: 15px;
}
.maturity .common_popup .procedure {
  padding-top: 8px;
}
.maturity .common_popup .procedure .flex-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
.maturity .common_popup .procedure .flex-container.bmw {
  padding-bottom: 16px;
}
.maturity .common_popup .procedure .flex-item.box {
  position: relative;
  width: calc(100% - 137px);
  padding-right: 30px;
  border-right: 1px solid #CACACA;
}
.maturity .common_popup .procedure .flex-item.box:before, .maturity .common_popup .procedure .flex-item.box:after {
  content: "";
  position: absolute;
  right: 0;
  width: 10px;
  height: 1px;
  background-color: #CACACA;
}
.maturity .common_popup .procedure .flex-item.box:before {
  top: 0;
}
.maturity .common_popup .procedure .flex-item.box:after {
  bottom: 0;
}
.maturity .common_popup .procedure .flex-item.agent {
  padding-left: 17px;
}
.maturity .common_popup .procedure li {
  padding: 14px 16px;
  margin-bottom: 16px;
  background: #F6F6F6;
  border: 1px solid #CACACA;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
}
.maturity .common_popup .procedure li:last-child {
  margin-bottom: 0;
}
.maturity .common_popup .procedure li strong {
  display: block;
  font-weight: 700;
}
@media (max-width: 1023px) {
  .maturity .common_popup .title_box {
    padding: 48px 24px 14px;
  }
  .maturity .common_popup .title_box a {
    padding: 5px;
  }
  .maturity .common_popup .title_box a img {
    width: 15px;
    height: 15px;
  }
  .maturity .common_popup .title_box p {
    font-size: 1.5rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .maturity .common_popup .title_box span {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .maturity .common_popup .con_box {
    padding: 0 24px 24px;
  }
  .maturity .common_popup .con_box > ul > li {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .maturity .common_popup .box_wrap {
    margin-right: 0;
    padding-top: 14px;
  }
  .maturity .common_popup .box_wrap .box {
    width: 100%;
    padding-right: 0;
  }
  .maturity .common_popup .box_wrap strong {
    padding: 8px 10px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .maturity .common_popup .procedure .flex-container.bmw {
    padding-bottom: 8px;
  }
  .maturity .common_popup .procedure .flex-item.box {
    width: 100%;
    padding-right: 0;
    border-right: none;
  }
  .maturity .common_popup .procedure .flex-item.agent {
    display: none;
  }
  .maturity .common_popup .procedure li {
    padding: 14px;
    margin-bottom: 8px;
  }
  .maturity .common_popup .procedure li strong {
    padding-bottom: 3px;
  }
}

.promotion.view.dark-mode {
  background-color: #000;
}
.promotion.view.dark-mode .view_area .view_disclaimer .desc p {
  color: #fff;
}
.promotion.view.dark-mode .btn.white {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.promotion.view.dark-mode .btn.white:hover {
  box-shadow: 0 0 0 1px #fff !important;
}
.promotion.view .visual_wrap .visual {
  height: 630px;
  background-color: #262626;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.promotion.view .visual_wrap .visual:before {
  background-image: none;
}
.promotion.view .visual_wrap .visual.web {
  display: block;
}
.promotion.view .visual_wrap .visual.web h3 {
  font-size: 2rem;
  letter-spacing: -0.02em;
  line-height: 1.375;
}
.promotion.view .visual_wrap .visual.mobile {
  display: none;
}
@media (max-width: 1023px) {
  .promotion.view .visual_wrap .visual {
    height: 536px;
  }
}
@media (max-width: 766px) {
  .promotion.view .visual_wrap .visual {
    height: 640px;
  }
}
.promotion.view .view_area {
  width: 100%;
  max-width: 1436px;
  margin: 0 auto;
}
.promotion.view .view_area .view_video {
  margin-bottom: 120px;
  width: 100%;
}
.promotion.view .view_area .view_video strong {
  display: block;
  text-align: center;
  font-size: 48px;
  color: #262626;
  margin-bottom: 55px;
}
.promotion.view .view_area .view_video .video_wrap {
  width: 100%;
  height: 800px;
}
.promotion.view .view_area .view_video .video_wrap iframe {
  width: 100%;
  height: 100%;
}
.promotion.view .view_area .view_img {
  position: relative;
}
.promotion.view .view_area .view_img .promotionBtn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.promotion.view .view_area .view_img img {
  width: 100%;
  max-width: 100%;
}
.promotion.view .view_area .view_img img.web {
  display: block;
}
.promotion.view .view_area .view_img img.mobile {
  display: none;
}
.promotion.view .view_area .view_disclaimer {
  margin: 100px 0 0;
  padding: 54px 0;
  border-top: 1px solid #CACACA;
  border-bottom: 1px solid #CACACA;
}
.promotion.view .view_area .view_disclaimer strong {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.25;
  font-weight: 700;
  color: #000;
}
.promotion.view .view_area .view_disclaimer .desc {
  font-size: 1.125rem;
  letter-spacing: 0em;
  line-height: 1.6666666667;
  word-break: keep-all;
  word-wrap: break-word;
  color: #262626;
  margin-top: 20px;
}
.promotion.view .view_area .view_disclaimer .desc p {
  padding-left: 15px;
  text-indent: -15px;
}
.promotion.view .view_area .view_disclaimer .desc b, .promotion.view .view_area .view_disclaimer .desc strong {
  font-weight: bold;
}
.promotion.view .view_area .exception_btn .btn_wrap {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 80px 0 0;
}
.promotion.view .view_area .exception_btn .btn {
  min-width: 300px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
@media (max-width: 1023px) {
  .promotion.view .view_area .view_video strong {
    font-size: 26px;
    margin-bottom: 30px;
  }
  .promotion.view .view_area .view_video .video_wrap {
    width: 100%;
    height: auto;
    padding-top: 56.25%;
    box-sizing: border-box;
    position: relative;
  }
  .promotion.view .view_area .view_video .video_wrap iframe {
    position: absolute;
    left: 0;
    top: 0;
  }
  .promotion.view .view_area .view_disclaimer {
    margin: 78px 0 0;
    padding: 40px 0;
  }
  .promotion.view .view_area .view_disclaimer strong {
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 1.6666666667;
  }
  .promotion.view .view_area .view_disclaimer .desc {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.6666666667;
    margin-top: 12px;
  }
  .promotion.view .view_area .view_disclaimer .desc p {
    padding-left: 10px;
    text-indent: -10px;
  }
  .promotion.view .view_area .exception_btn .btn {
    min-width: 250px;
  }
  .promotion.view .view_area .exception_btn .btn + .btn {
    margin-top: 0;
  }
}
@media (max-width: 766px) {
  .promotion.view .visual_wrap .visual.web {
    display: none;
  }
  .promotion.view .visual_wrap .visual.mobile {
    display: block;
  }
  .promotion.view .view_area .view_img img.web {
    display: none;
  }
  .promotion.view .view_area .view_img img.mobile {
    display: block;
  }
  .promotion.view .view_area .exception_btn .btn_wrap {
    display: block;
    margin: 50px 0 0;
  }
  .promotion.view .view_area .exception_btn .btn {
    min-width: 100%;
    width: 100%;
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .promotion.view .view_area .exception_btn .btn + .btn {
    margin-top: 8px;
  }
}

.product .sub_tit {
  margin-bottom: 48px;
}
.product .sub_tit strong {
  display: block;
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1.25;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
@media (max-width: 1023px) {
  .product .sub_tit {
    margin-bottom: 32px;
  }
  .product .sub_tit strong {
    font-size: 1.75rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
}
.product .sub_txt {
  margin-bottom: 16px;
}
.product .sub_txt strong {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
.product .sub_txt strong + p {
  margin-top: 16px;
}
.product .sub_txt strong.blue {
  color: #1C69D4;
}
.product .sub_txt p {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
@media (max-width: 1023px) {
  .product .sub_txt {
    margin-bottom: 8px;
  }
  .product .sub_txt strong {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .product .sub_txt strong + p {
    margin-top: 8px;
  }
  .product .sub_txt p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
}
.product ol > li {
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #666;
  position: relative;
  padding-left: 8px;
}
.product ol > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.product ol > li b {
  color: #262626;
}
.product ol > li .blue {
  color: #1C69D4;
}
.product ol > li .blue.underline {
  text-decoration: underline;
}
.product ol.rmark > li {
  padding-left: 15px;
}
.product ol.rmark > li:before {
  content: "*";
}
.product ol.line > li:before {
  content: "-";
  line-height: 1.2;
}
@media (max-width: 1023px) {
  .product ol > li {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
    padding-left: 7px;
  }
  .product ol.rmark > li {
    padding-left: 10px;
  }
  .product ol.rmark > li:before {
    line-height: 1.2;
  }
}
.product .video_area {
  width: 100%;
}
.product .video_area .video {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  position: relative;
}
.product .video_area .video video,
.product .video_area .video iframe {
  position: absolute;
  left: 0;
  top: 0;
}
.product .video_area .video img {
  position: absolute;
  left: 0;
  top: 0;
}
.product .img_txt_list {
  margin: 128px auto;
}
.product .img_txt_list .inner > ul {
  font-size: 0;
}
.product .img_txt_list .inner > ul > li {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 12px);
  margin-right: 24px;
}
.product .img_txt_list .inner > ul > li:nth-of-type(2n) {
  margin-right: 0;
}
.product .img_txt_list .inner > ul > li .img {
  background-color: #F6F6F6;
  height: 300px;
  position: relative;
  padding: 20px;
  box-sizing: border-box;
}
.product .img_txt_list .inner > ul > li .img img {
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.product .img_txt_list .inner > ul > li .txt {
  padding: 24px 0 0;
}
.product .img_txt_list .inner > ul > li .txt dl dt {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  font-weight: 300;
  color: #262626;
}
.product .img_txt_list .inner > ul > li .txt dl dd {
  padding-top: 8px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
.product .img_txt_list .inner > ul > li .txt dl dd ol {
  margin-top: 16px;
}
@media (max-width: 1023px) {
  .product .img_txt_list {
    margin: 80px auto;
  }
  .product .img_txt_list .inner > ul > li .img {
    height: 180px;
    padding: 40px;
  }
  .product .img_txt_list .inner > ul > li .img img {
    max-width: 225px;
  }
  .product .img_txt_list .inner > ul > li .txt {
    padding: 16px 0 0;
  }
  .product .img_txt_list .inner > ul > li .txt dl dt {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .product .img_txt_list .inner > ul > li .txt dl dd {
    padding-top: 4px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .product .img_txt_list .inner > ul > li .txt dl dd ol {
    margin-top: 8px;
  }
}
@media (max-width: 766px) {
  .product .img_txt_list .inner > ul > li {
    width: 100%;
    margin-right: 0;
  }
  .product .img_txt_list .inner > ul > li + li {
    margin-top: 40px;
  }
}
.product .papers_list {
  margin: 128px auto;
}
.product .papers_list .inner > ul {
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.product .papers_list .inner > ul > li {
  width: calc(33.333333% - 10px);
  margin-right: 15px;
  border: 1px solid #CACACA;
  box-sizing: border-box;
}
.product .papers_list .inner > ul > li:nth-of-type(3n) {
  margin-right: 0;
}
.product .papers_list .inner > ul > li dl dt {
  padding: 20px 0;
  text-align: center;
  border-bottom: 1px solid #CACACA;
  background-color: #F6F6F6;
}
.product .papers_list .inner > ul > li dl dt p {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  font-weight: 300;
  color: #262626;
}
.product .papers_list .inner > ul > li dl dd {
  padding: 27px;
}
.product .papers_list .inner > ul > li dl dd ol li {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.875;
  font-weight: 300;
  color: #262626;
  position: relative;
  padding-left: 10px;
}
.product .papers_list .inner > ul > li dl dd ol li:before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.product .papers_list .bot_txt {
  margin-top: 20px;
}
.product .papers_list .bot_txt p {
  margin-bottom: 15px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 700;
  color: #262626;
}
.product .papers_list .btn_wrap {
  margin-top: 64px;
}
@media (max-width: 1023px) {
  .product .papers_list {
    margin: 80px auto;
  }
  .product .papers_list .inner > ul > li {
    width: calc(50% - 4px);
    margin-right: 8px;
  }
  .product .papers_list .inner > ul > li:nth-of-type(2n) {
    margin-right: 0;
  }
  .product .papers_list .inner > ul > li:nth-of-type(n+3) {
    margin-top: 8px;
  }
  .product .papers_list .inner > ul > li dl dt {
    padding: 10px 0;
  }
  .product .papers_list .inner > ul > li dl dt p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .product .papers_list .inner > ul > li dl dd {
    padding: 16px;
  }
  .product .papers_list .inner > ul > li dl dd ol li {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.5714285714;
    padding-left: 10px;
  }
  .product .papers_list .inner .bot_txt {
    margin-top: 8px;
  }
  .product .papers_list .inner .bot_txt p {
    margin-bottom: 8px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .product .papers_list .inner .btn_wrap {
    margin-top: 40px;
  }
}
@media (max-width: 1023px) and (min-width: 767px) and (max-width: 1023px) {
  .product .papers_list .inner .btn_wrap .btn {
    min-width: calc(50% - 24px);
    margin-right: 8px;
  }
  .product .papers_list .inner .btn_wrap .btn + .btn {
    margin-top: 0;
  }
}
@media (max-width: 766px) {
  .product .papers_list .inner > ul > li {
    width: 100%;
    margin-right: 0;
  }
  .product .papers_list .inner > ul > li + li {
    margin-top: 8px;
  }
}
.product .card_list {
  margin: 128px auto;
}
.product .card_list ul {
  display: flex;
  flex-wrap: wrap;
}
.product .card_list ul li {
  background-color: #F6F6F6;
  width: calc(25% - 18px);
  margin-right: 24px;
  padding: 32px 20px 20px;
  box-sizing: border-box;
  position: relative;
  text-align: center;
}
@media (min-width: 1024px) {
  .product .card_list ul li:nth-of-type(4n) {
    margin-right: 0;
  }
  .product .card_list ul li:nth-of-type(n+5) {
    margin-top: 24px;
  }
}
.product .card_list ul li > span {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: 300;
  color: #262626;
}
.product .card_list ul li .icon img {
  margin: 0 auto;
}
.product .card_list ul li .txt {
  margin-top: 8px;
}
.product .card_list ul li .txt p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
@media (max-width: 1023px) {
  .product .card_list {
    margin: 80px auto;
  }
  .product .card_list ul li {
    width: calc(50% - 4px);
    padding: 22px 14px 12px;
    margin-right: 8px;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .product .card_list ul li:nth-of-type(2n) {
    margin-right: 0;
  }
  .product .card_list ul li:nth-of-type(n+3) {
    margin-top: 8px;
  }
}
@media (max-width: 1023px) {
  .product .card_list ul li > span {
    left: 14px;
    top: 10px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .product .card_list ul li .icon img {
    width: 48px;
  }
  .product .card_list ul li .txt p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
}
@media (max-width: 766px) {
  .product .card_list ul li {
    width: 100%;
    margin-right: 0;
  }
  .product .card_list ul li + li {
    margin-top: 8px;
  }
}
@media (max-width: 359px) {
  .product .card_list ul li .txt p br {
    display: none;
  }
}
.product .number_list {
  margin: 128px auto;
}
.product .number_list ul li {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 2;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
  position: relative;
  padding-left: 22px;
}
.product .number_list ul li:before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
@media (min-width: 1024px) {
  .product .number_list ul li:nth-of-type(1):before {
    content: "1.";
  }
  .product .number_list ul li:nth-of-type(2):before {
    content: "2.";
  }
  .product .number_list ul li:nth-of-type(3):before {
    content: "3.";
  }
  .product .number_list ul li:nth-of-type(4):before {
    content: "4.";
  }
  .product .number_list ul li:nth-of-type(5):before {
    content: "5.";
  }
  .product .number_list ul li:nth-of-type(6):before {
    content: "6.";
  }
  .product .number_list ul li:nth-of-type(7):before {
    content: "7.";
  }
  .product .number_list ul li:nth-of-type(8):before {
    content: "8.";
  }
  .product .number_list ul li:nth-of-type(9):before {
    content: "9.";
  }
  .product .number_list ul li:nth-of-type(10):before {
    content: "10.";
  }
  .product .number_list ul li:nth-of-type(11):before {
    content: "11.";
  }
  .product .number_list ul li:nth-of-type(12):before {
    content: "12.";
  }
  .product .number_list ul li:nth-of-type(13):before {
    content: "13.";
  }
  .product .number_list ul li:nth-of-type(14):before {
    content: "14.";
  }
  .product .number_list ul li:nth-of-type(15):before {
    content: "15.";
  }
  .product .number_list ul li:nth-of-type(16):before {
    content: "16.";
  }
  .product .number_list ul li:nth-of-type(17):before {
    content: "17.";
  }
  .product .number_list ul li:nth-of-type(18):before {
    content: "18.";
  }
  .product .number_list ul li:nth-of-type(19):before {
    content: "19.";
  }
  .product .number_list ul li:nth-of-type(20):before {
    content: "20.";
  }
  .product .number_list ul li:nth-of-type(21):before {
    content: "21.";
  }
  .product .number_list ul li:nth-of-type(22):before {
    content: "22.";
  }
  .product .number_list ul li:nth-of-type(23):before {
    content: "23.";
  }
  .product .number_list ul li:nth-of-type(24):before {
    content: "24.";
  }
  .product .number_list ul li:nth-of-type(25):before {
    content: "25.";
  }
  .product .number_list ul li:nth-of-type(26):before {
    content: "26.";
  }
  .product .number_list ul li:nth-of-type(27):before {
    content: "27.";
  }
  .product .number_list ul li:nth-of-type(28):before {
    content: "28.";
  }
  .product .number_list ul li:nth-of-type(29):before {
    content: "29.";
  }
  .product .number_list ul li:nth-of-type(30):before {
    content: "30.";
  }
  .product .number_list ul li:nth-of-type(31):before {
    content: "31.";
  }
  .product .number_list ul li:nth-of-type(32):before {
    content: "32.";
  }
  .product .number_list ul li:nth-of-type(33):before {
    content: "33.";
  }
  .product .number_list ul li:nth-of-type(34):before {
    content: "34.";
  }
  .product .number_list ul li:nth-of-type(35):before {
    content: "35.";
  }
  .product .number_list ul li:nth-of-type(36):before {
    content: "36.";
  }
  .product .number_list ul li:nth-of-type(37):before {
    content: "37.";
  }
  .product .number_list ul li:nth-of-type(38):before {
    content: "38.";
  }
  .product .number_list ul li:nth-of-type(39):before {
    content: "39.";
  }
  .product .number_list ul li:nth-of-type(40):before {
    content: "40.";
  }
}
@media (max-width: 1023px) {
  .product .number_list {
    margin: 80px auto;
  }
  .product .number_list ul li {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
    padding-left: 10px;
  }
  .product .number_list ul li:before {
    line-height: 1.2;
  }
}
.product .icon_txt_list {
  margin: 128px auto;
}
.product .icon_txt_list ul {
  display: flex;
  flex-wrap: wrap;
}
.product .icon_txt_list ul li {
  flex: 1;
  margin-right: 16px;
  border: 1px solid #CACACA;
  padding: 32px 25px;
  box-sizing: border-box;
  text-align: center;
}
.product .icon_txt_list ul li:last-child {
  margin-right: 0;
}
.product .icon_txt_list ul li .icon img {
  margin: 0 auto;
}
.product .icon_txt_list ul li .top {
  padding: 24px 0 0;
  box-sizing: border-box;
}
.product .icon_txt_list ul li .bot {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #CACACA;
  box-sizing: border-box;
}
.product .icon_txt_list ul li strong {
  display: block;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #262626;
}
.product .icon_txt_list ul li strong + p {
  margin-top: 16px;
}
.product .icon_txt_list ul li p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
.product .icon_txt_list ol {
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .product .icon_txt_list {
    margin: 80px auto;
  }
  .product .icon_txt_list ul {
    font-size: 0;
  }
  .product .icon_txt_list ul li {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 4px);
    margin-right: 8px;
    padding: 20px;
  }
  .product .icon_txt_list ul li:nth-of-type(2n) {
    margin-right: 0;
  }
  .product .icon_txt_list ul li:nth-of-type(n+3) {
    margin-top: 8px;
  }
  .product .icon_txt_list ul li .icon img {
    width: 48px;
  }
  .product .icon_txt_list ul li .top {
    padding: 8px 0 0;
  }
  .product .icon_txt_list ul li strong {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .product .icon_txt_list ul li strong + p {
    margin-top: 8px;
  }
  .product .icon_txt_list ul li p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .product .icon_txt_list ol {
    margin-top: 16px;
  }
}
@media (max-width: 766px) {
  .product .icon_txt_list ul {
    display: block;
  }
  .product .icon_txt_list ul li {
    width: 100%;
    margin-right: 0;
  }
  .product .icon_txt_list ul li + li {
    margin-top: 8px;
  }
}
.product .table_sec {
  margin: 128px auto;
}
.product .table_sec .table_wrap .table thead tr th {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  border-bottom: 1px solid #E6E6E6;
  padding: 10px;
}
.product .table_sec .table_wrap .table thead tr th + th {
  border-left: 1px solid #E6E6E6;
}
.product .table_sec .table_wrap .table thead tr th i {
  display: block;
}
.product .table_sec .table_wrap .table thead tr th i img {
  margin: 0 auto;
}
.product .table_sec .table_wrap .table tbody tr {
  border-top: 1px solid #E6E6E6;
}
.product .table_sec .table_wrap .table tbody tr th {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: bold;
  background-color: #F2F2F2;
  color: #666666;
  padding: 15px 24px;
}
.product .table_sec .table_wrap .table tbody tr th i {
  display: block;
}
.product .table_sec .table_wrap .table tbody tr th i img {
  margin: 0 auto;
}
.product .table_sec .table_wrap .table tbody tr td {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  border-left: 1px solid #E6E6E6;
  text-align: left;
  padding: 15px 24px;
}
.product .table_sec .table_wrap .table tbody tr td .refer {
  display: block;
  margin-top: 3px;
  font-size: 0.75rem;
  letter-spacing: 0em;
  line-height: 1.1666666667;
}
.product .table_sec .table_wrap .table tbody tr td.blue {
  color: #1C69D4;
}
.product .table_sec .table_wrap .table tbody tr td.blue b {
  color: #1C69D4;
}
.product .table_sec .table_wrap .whell_area ul {
  padding: 10px 0;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.product .table_sec .table_wrap .whell_area ul li {
  display: flex;
  align-items: center;
}
.product .table_sec .table_wrap .whell_area ul li .txt {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  color: #000;
  padding: 0 16px;
  box-sizing: border-box;
}
.product .table_sec .table_wrap .whell_area ul li .txt strong {
  display: block;
  font-weight: bold;
}
.product .table_sec .table_wrap .whell_area ul li .txt p {
  font-weight: 300;
}
.product .table_sec .table_wrap .whell_area ul li + li {
  margin-left: 35px;
}
.product .table_sec .table_wrap .txt_area dl {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  color: #000;
  font-weight: 300;
}
.product .table_sec .table_wrap .txt_area dl dd {
  margin-top: 8px;
}
.product .table_sec .table_wrap .number_area ol li {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: bold;
  color: #262626;
  word-break: keep-all;
  word-wrap: break-word;
  padding-left: 20px;
  position: relative;
}
.product .table_sec .table_wrap .number_area ol li:before {
  position: absolute;
  left: 0;
  top: 0;
}
.product .table_sec .table_wrap .number_area ol li:nth-of-type(1):before {
  content: "①";
}
.product .table_sec .table_wrap .number_area ol li:nth-of-type(2):before {
  content: "②";
}
.product .table_sec .table_wrap .number_area ol li:nth-of-type(3):before {
  content: "③";
}
.product .table_sec .table_wrap .number_area ol li:nth-of-type(4):before {
  content: "④";
}
.product .table_sec .table_wrap .number_area ol li:nth-of-type(5):before {
  content: "⑤";
}
.product .table_sec .table_wrap .number_area ol li:nth-of-type(6):before {
  content: "⑥";
}
.product .table_sec .table_wrap .number_area ol li:nth-of-type(7):before {
  content: "⑦";
}
.product .table_sec .table_wrap .number_area ol li:nth-of-type(8):before {
  content: "⑧";
}
.product .table_sec .table_wrap .number_area ol li:nth-of-type(9):before {
  content: "⑨";
}
.product .table_sec .table_wrap .number_area ol li:nth-of-type(10):before {
  content: "⑩";
}
.product .table_sec .table_wrap .number_area ol li + li {
  margin-top: 16px;
}
.product .table_sec .inner > ol {
  margin-top: 20px;
}
.product .table_sec .inner > ol .blue b {
  color: #1C69D4;
}
.product .table_sec .btn_wrap {
  margin-top: 24px;
}
.product .table_sec .btn_wrap a {
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.7142857143;
  color: #262626;
  font-weight: bold;
  padding-right: 16px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.product .table_sec .btn_wrap a:after {
  content: "";
  width: 7px;
  height: 10px;
  background: url("/resource/images/common/btn_arrow.png") no-repeat center/100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.product .table_sec .btn_wrap a:hover {
  color: #1C69D4;
}
@media (max-width: 1023px) {
  .product .table_sec {
    margin: 80px auto;
  }
  .product .table_sec .table_wrap .table:not(.scroll) tbody {
    border: 1px solid #E6E6E6;
  }
  .product .table_sec .table_wrap .table:not(.scroll) tbody tr {
    padding: 0;
    border-top: none;
  }
  .product .table_sec .table_wrap .table:not(.scroll) tbody tr th {
    display: block;
    height: auto;
  }
  .product .table_sec .table_wrap .table thead tr th {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.7142857143;
    padding: 10px;
  }
  .product .table_sec .table_wrap .table thead tr th i img {
    width: 40px;
  }
  .product .table_sec .table_wrap .table tbody tr th {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.7142857143;
    padding: 15px 16px;
  }
  .product .table_sec .table_wrap .table tbody tr th i img {
    width: 48px;
  }
  .product .table_sec .table_wrap .table tbody tr td {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
    padding: 15px 16px;
  }
  .product .table_sec .table_wrap .whell_area ul {
    padding: 5px 0;
  }
  .product .table_sec .table_wrap .whell_area ul li .icon img {
    width: 48px;
  }
  .product .table_sec .table_wrap .whell_area ul li .txt {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
    padding: 0 5px;
  }
  .product .table_sec .table_wrap .whell_area ul li + li {
    margin-left: 16px;
  }
  .product .table_sec .table_wrap .txt_area dl {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .product .table_sec .table_wrap .number_area ol li {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 2.1428571429;
    padding-left: 18px;
  }
  .product .table_sec .table_wrap .number_area ol li + li {
    margin-top: 0;
  }
  .product .table_sec .inner > ol {
    margin-top: 16px;
  }
  .product .table_sec .btn_wrap {
    margin-top: 8px;
  }
  .product .table_sec .btn_wrap a {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 2;
    padding-right: 12px;
  }
  .product .table_sec .btn_wrap a:after {
    width: 5px;
    height: 9px;
  }
}
.product .box_wrap {
  margin: 128px auto;
}
.product .box_wrap .box {
  border: 1px solid #CACACA;
  padding: 48px;
  box-sizing: border-box;
}
.product .box_wrap .box ul li {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
  padding-left: 10px;
  box-sizing: border-box;
  position: relative;
}
.product .box_wrap .box ul li:before {
  content: "·";
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1.5;
}
.product .box_wrap ol {
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .product .box_wrap {
    margin: 80px auto;
  }
  .product .box_wrap .box {
    padding: 20px;
  }
  .product .box_wrap .box ul li {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
    padding-left: 8px;
  }
  .product .box_wrap .box ul li:before {
    line-height: 1.3;
  }
  .product .box_wrap ol {
    margin-top: 12px;
  }
}
.product .application_area {
  margin: 128px auto;
}
.product .application_area h4 {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  margin-bottom: 128px;
}
.product .application_area dl dt {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
.product .application_area dl dd {
  margin-top: 16px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
.product .application_area dl + ol {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #CACACA;
}
.product .application_area ol li {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
@media (max-width: 1023px) {
  .product .application_area {
    margin: 80px auto;
  }
  .product .application_area h4 {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
    margin-bottom: 80px;
  }
  .product .application_area dl dt {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .product .application_area dl dd {
    margin-top: 8px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .product .application_area ol li {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
    padding-left: 15px;
  }
  .product .application_area ol li:before {
    line-height: 1.3;
  }
}
.product .link_area {
  padding-top: 0;
}
.product.residual-value .program_area {
  padding: 0 92px;
}
.product.residual-value .program_area .bg {
  padding: 50px 0;
  background: url("/resource/images/product/residual-value_program_bg_pc.jpg") no-repeat center/cover;
  text-align: center;
  font-size: 0;
}
.product.residual-value .program_area .bg .diagram {
  display: inline-block;
  vertical-align: middle;
  margin-right: 152px;
}
.product.residual-value .program_area .bg .diagram img {
  display: block;
  margin: 0 auto;
}
.product.residual-value .program_area .bg .diagram p {
  margin-top: 25px;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  font-weight: 300;
  color: #ffffff;
}
.product.residual-value .program_area .bg .text {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.product.residual-value .program_area .bg .text dl {
  padding-left: 20px;
  border-left: 1px solid #fff;
}
.product.residual-value .program_area .bg .text dl dt {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: bold;
  color: #ffffff;
}
.product.residual-value .program_area .bg .text dl dd {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #ffffff;
}
.product.residual-value .program_area .bg .text dl + dl {
  margin-top: 48px;
}
.product.residual-value .program_area .bot_txt {
  background-color: #F6F6F6;
  position: relative;
}
.product.residual-value .program_area .bot_txt:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  border-width: 20px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #12171c;
}
.product.residual-value .program_area .bot_txt p {
  position: relative;
  z-index: 2;
  text-align: center;
  font-size: 1.625rem;
  letter-spacing: -0.00003em;
  line-height: 1;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
  padding: 41px 0;
}
@media (max-width: 1657px) {
  .product.residual-value .program_area {
    padding: 0;
  }
  .product.residual-value .program_area .bg .diagram {
    margin-right: 120px;
  }
}
@media (max-width: 1023px) {
  .product.residual-value .program_area .bg {
    padding: 48px;
    background: url("/resource/images/product/residual-value_program_bg_tablet.jpg") no-repeat center/cover;
  }
  .product.residual-value .program_area .bg .diagram {
    margin-right: 56px;
  }
  .product.residual-value .program_area .bg .diagram img {
    width: 280px;
  }
  .product.residual-value .program_area .bg .diagram p {
    margin-top: 15px;
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .product.residual-value .program_area .bg .text dl dt {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .product.residual-value .program_area .bg .text dl dd {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .product.residual-value .program_area .bg .text dl + dl {
    margin-top: 32px;
  }
  .product.residual-value .program_area .bot_txt:before {
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 5px;
    border-right-width: 5px;
  }
  .product.residual-value .program_area .bot_txt p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
    padding: 20px 0;
  }
}
@media (max-width: 766px) {
  .product.residual-value .program_area .bg {
    padding: 40px 24px;
    background: url("/resource/images/product/residual-value_program_bg_mo.jpg") no-repeat center/cover;
  }
  .product.residual-value .program_area .bg .diagram {
    display: block;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 0 16px;
    box-sizing: border-box;
  }
  .product.residual-value .program_area .bg .text {
    display: block;
  }
}
.product.residual-value .thumb_box {
  max-width: 1240px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .product.residual-value .thumb_box {
    padding: 0 48px;
  }
}
@media (max-width: 766px) {
  .product.residual-value .thumb_box {
    padding: 0 24px;
  }
}
.product.residual-value .thumb_box .thumb {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.product.residual-value .thumb_box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product.mini-program .section {
  font-family: "MiniKR", "NanumMyeongjo", sans-serif;
  font-weight: 500;
}
.product.mini-program .title_wrap h2 {
  font-size: 4.25rem;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 600 !important;
}
.product.mini-program .title_wrap h3 {
  font-size: 1.625rem;
  letter-spacing: 0em;
  line-height: 1.2307692308;
}
@media (max-width: 1023px) {
  .product.mini-program .title_wrap h2 {
    font-size: 2.75rem;
    letter-spacing: 0em;
    line-height: 1.1363636364;
  }
  .product.mini-program .title_wrap h3 {
    font-size: 1.25rem;
    letter-spacing: 0em;
    line-height: 1.2;
  }
}
.product.mini-program .content_title {
  font-weight: 600;
}
.product.mini-program .content_title p {
  font-weight: 500;
}
.product.mini-program .btn_wrap,
.product.mini-program .link_area {
  font-family: "BMWTypeNextLatinKr", "arial", "Helvetica", "BMK", sans-serif;
}
.product.mini-program .link_area {
  font-weight: 300;
}
.product.mini-program .program_area {
  padding: 0 92px;
}
.product.mini-program .program_area .bg {
  padding: 50px 0;
  background: url("/resource/images/product/mini_program_bg_pc.jpg") no-repeat center/cover;
  text-align: center;
  font-size: 0;
}
.product.mini-program .program_area .bg .diagram {
  display: inline-block;
  vertical-align: middle;
  margin-right: 152px;
}
.product.mini-program .program_area .bg .diagram img {
  display: block;
  margin: 0 auto;
}
.product.mini-program .program_area .bg .diagram p {
  margin-top: 25px;
  font-size: 1.125rem;
  letter-spacing: 0em;
  line-height: 1.1111111111;
  font-weight: 300;
  color: #ffffff;
}
.product.mini-program .program_area .bg .text {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.product.mini-program .program_area .bg .text dl {
  padding-left: 20px;
  border-left: 1px solid #fff;
}
.product.mini-program .program_area .bg .text dl dt {
  font-size: 1.75rem;
  letter-spacing: 0em;
  line-height: 1.1428571429;
  font-weight: bold;
  color: #ffffff;
}
.product.mini-program .program_area .bg .text dl dd {
  font-size: 1.125rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #ffffff;
}
.product.mini-program .program_area .bg .text dl + dl {
  margin-top: 48px;
}
.product.mini-program .program_area .bot_txt {
  background-color: #F6F6F6;
  position: relative;
}
.product.mini-program .program_area .bot_txt:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  border-width: 20px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #12171c;
}
.product.mini-program .program_area .bot_txt p {
  position: relative;
  z-index: 2;
  text-align: center;
  font-size: 2rem;
  letter-spacing: -0.00096em;
  line-height: 1;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
  padding: 41px 0;
}
.product.mini-program .program_area .bot_txt p b {
  font-weight: 700;
}
@media (max-width: 1657px) {
  .product.mini-program .program_area {
    padding: 0;
  }
  .product.mini-program .program_area .bg .diagram {
    margin-right: 120px;
  }
}
@media (max-width: 1023px) {
  .product.mini-program .program_area .bg {
    padding: 48px;
    background: url("/resource/images/product/mini_program_bg_tablet.jpg") no-repeat center/cover;
  }
  .product.mini-program .program_area .bg .diagram {
    margin-right: 56px;
  }
  .product.mini-program .program_area .bg .diagram img {
    width: 280px;
  }
  .product.mini-program .program_area .bg .diagram p {
    margin-top: 15px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.25;
  }
  .product.mini-program .program_area .bg .text dl dt {
    font-size: 1.5rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .product.mini-program .program_area .bg .text dl dd {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.25;
  }
  .product.mini-program .program_area .bg .text dl + dl {
    margin-top: 32px;
  }
  .product.mini-program .program_area .bot_txt:before {
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 5px;
    border-right-width: 5px;
  }
  .product.mini-program .program_area .bot_txt p {
    font-size: 1.125rem;
    letter-spacing: -0.00054em;
    line-height: 1.3333333333;
    padding: 20px 0;
  }
}
@media (max-width: 766px) {
  .product.mini-program .program_area .bg {
    padding: 40px 24px;
    background: url("/resource/images/product/mini_program_bg_mo.jpg") no-repeat center/cover;
  }
  .product.mini-program .program_area .bg .diagram {
    display: block;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 0 16px;
    box-sizing: border-box;
  }
  .product.mini-program .program_area .bg .text {
    display: block;
  }
}
.product.mini-program .sub_txt strong {
  font-size: 1.75rem;
  letter-spacing: 0;
  line-height: 1;
}
@media (max-width: 1023px) {
  .product.mini-program .sub_txt strong {
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 1;
  }
}
.product.mini-program ol li {
  font-size: 0.9375rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
@media (max-width: 1023px) {
  .product.mini-program ol li {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.2142857143;
  }
}
.product.mini-program .img_txt_list .inner > ul > li .txt dl dt {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
@media (max-width: 1023px) {
  .product.mini-program .img_txt_list .inner > ul > li .txt dl dt {
    font-size: 1.25rem;
    letter-spacing: 0em;
    line-height: 1.6;
  }
}
.product.mini-program .img_txt_list .inner > ul > li .txt dl dd {
  font-size: 1.125rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
@media (max-width: 1023px) {
  .product.mini-program .img_txt_list .inner > ul > li .txt dl dd {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.25;
  }
}
.product.mini-program .papers_list .inner > ul > li dl dt {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 0.8333333333;
}
@media (max-width: 1023px) {
  .product.mini-program .papers_list .inner > ul > li dl dt {
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 1.1111111111;
  }
}
.product.mini-program .papers_list .inner > ul > li dl dd ol li {
  font-size: 1.125rem;
  letter-spacing: 0em;
  line-height: 1.6666666667;
}
@media (max-width: 1023px) {
  .product.mini-program .papers_list .inner > ul > li dl dd ol li {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.375;
  }
}
.product.mini-program .papers_list .bot_txt p {
  font-size: 1.125rem;
  letter-spacing: 0em;
  line-height: 1.1111111111;
}
@media (max-width: 1023px) {
  .product.mini-program .papers_list .bot_txt p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.25;
  }
}
.product.installment .program_area, .product.lease .program_area, .product.smart-rent .program_area {
  padding: 0 92px;
}
.product.installment .program_area .bg, .product.lease .program_area .bg, .product.smart-rent .program_area .bg {
  padding: 130px 0;
  background: url("/resource/images/product/lease_program_bg_pc.jpg") no-repeat center/cover;
}
.product.installment .program_area .bg ul, .product.lease .program_area .bg ul, .product.smart-rent .program_area .bg ul {
  width: 100%;
  max-width: 1436px;
  margin: 0 auto;
  font-size: 0;
  display: flex;
  justify-content: center;
}
.product.installment .program_area .bg ul li, .product.lease .program_area .bg ul li, .product.smart-rent .program_area .bg ul li {
  flex: 1;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
}
.product.installment .program_area .bg ul li .icon img, .product.lease .program_area .bg ul li .icon img, .product.smart-rent .program_area .bg ul li .icon img {
  margin: 0 auto;
}
.product.installment .program_area .bg ul li .txt, .product.lease .program_area .bg ul li .txt, .product.smart-rent .program_area .bg ul li .txt {
  padding: 30px 0 0;
}
.product.installment .program_area .bg ul li .txt strong, .product.lease .program_area .bg ul li .txt strong, .product.smart-rent .program_area .bg ul li .txt strong {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: bold;
  color: #ffffff;
}
.product.installment .program_area .bg ul li .txt p, .product.lease .program_area .bg ul li .txt p, .product.smart-rent .program_area .bg ul li .txt p {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #ffffff;
  margin-top: 16px;
}
@media (max-width: 1657px) {
  .product.installment .program_area, .product.lease .program_area, .product.smart-rent .program_area {
    padding: 0;
  }
}
@media (max-width: 1023px) {
  .product.installment .program_area .bg, .product.lease .program_area .bg, .product.smart-rent .program_area .bg {
    padding: 48px 24px;
    background: url("/resource/images/product/lease_program_bg_tablet.jpg") no-repeat center/cover;
  }
  .product.installment .program_area .bg ul, .product.lease .program_area .bg ul, .product.smart-rent .program_area .bg ul {
    display: block;
    font-size: 0;
  }
  .product.installment .program_area .bg ul li, .product.lease .program_area .bg ul li, .product.smart-rent .program_area .bg ul li {
    display: inline-block;
    vertical-align: top;
    max-width: 50%;
    width: 50%;
  }
  .product.installment .program_area .bg ul li:nth-of-type(n+3), .product.lease .program_area .bg ul li:nth-of-type(n+3), .product.smart-rent .program_area .bg ul li:nth-of-type(n+3) {
    margin-top: 40px;
  }
  .product.installment .program_area .bg ul li .icon img, .product.lease .program_area .bg ul li .icon img, .product.smart-rent .program_area .bg ul li .icon img {
    width: 80px;
  }
  .product.installment .program_area .bg ul li .txt, .product.lease .program_area .bg ul li .txt, .product.smart-rent .program_area .bg ul li .txt {
    padding: 20px 0 0;
  }
  .product.installment .program_area .bg ul li .txt strong, .product.lease .program_area .bg ul li .txt strong, .product.smart-rent .program_area .bg ul li .txt strong {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .product.installment .program_area .bg ul li .txt p, .product.lease .program_area .bg ul li .txt p, .product.smart-rent .program_area .bg ul li .txt p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
    margin-top: 8px;
  }
}
@media (max-width: 1023px) and (min-width: 767px) and (max-width: 1023px) {
  .product.installment .program_area .bg ul li:nth-of-type(n+3), .product.lease .program_area .bg ul li:nth-of-type(n+3), .product.smart-rent .program_area .bg ul li:nth-of-type(n+3) {
    margin-top: 40px;
  }
}
@media (max-width: 766px) {
  .product.installment .program_area .bg, .product.lease .program_area .bg, .product.smart-rent .program_area .bg {
    padding: 48px 24px;
    background: url("/resource/images/product/lease_program_bg_mo.jpg") no-repeat center/cover;
  }
  .product.installment .program_area .bg ul li, .product.lease .program_area .bg ul li, .product.smart-rent .program_area .bg ul li {
    max-width: 100%;
    width: 100%;
  }
  .product.installment .program_area .bg ul li + li, .product.lease .program_area .bg ul li + li, .product.smart-rent .program_area .bg ul li + li {
    margin-top: 40px;
  }
}
.product.installment .program_area .bg {
  background: url("/resource/images/product/installment_program_bg_pc.jpg") no-repeat center/cover;
}
@media (min-width: 1024px) {
  .product.installment .program_area .bg ul li {
    max-width: 390px;
  }
}
.product.installment .program_area .refer {
  display: block;
  margin-top: 8px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.25;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #ffffff;
}
@media (max-width: 1023px) {
  .product.installment .program_area .bg {
    padding: 136px 24px;
    background: url("/resource/images/product/installment_program_bg_tablet.jpg") no-repeat center/cover;
  }
  .product.installment .program_area .refer {
    margin-top: 8px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
}
@media (max-width: 766px) {
  .product.installment .program_area .bg {
    padding: 48px 24px;
    background: url("/resource/images/product/installment_program_bg_mo.jpg") no-repeat center/cover;
  }
}
.product.smart-rent .program_area .bg {
  background: url("/resource/images/product/smart-rent_program_bg_pc.jpg") no-repeat center/cover;
}
@media (max-width: 1023px) {
  .product.smart-rent .program_area .bg {
    padding: 112px 24px;
    background: url("/resource/images/product/smart-rent_program_bg_tablet.jpg") no-repeat center/cover;
  }
  .product.smart-rent .program_area .bg ul li {
    width: 33.333333%;
  }
  .product.smart-rent .program_area .bg ul li:nth-of-type(n+3) {
    margin-top: 0;
  }
}
@media (max-width: 766px) {
  .product.smart-rent .program_area .bg {
    padding: 48px 24px;
    background: url("/resource/images/product/smart-rent_program_bg_mo.jpg") no-repeat center/cover;
  }
  .product.smart-rent .program_area .bg ul li {
    width: 100%;
  }
  .product.smart-rent .program_area .bg ul li + li {
    margin-top: 40px;
  }
  .product.smart-rent .program_area .bg ul li:nth-of-type(n+3) {
    margin-top: 40px;
  }
}
.product.smart-care .short1 {
  margin: 0 auto 80px;
}
.product.smart-care .short2 {
  margin: 0 auto 128px;
}
.product.smart-care .short3 {
  margin: 0 auto 80px;
}
.product.smart-care .short3 .sub_tit strong {
  margin-bottom: 14px;
}
.product.smart-care .short3 .table tbody tr th {
  padding-top: 48px;
  padding-bottom: 47px;
}
.product.smart-care .short3 .table_wrap .txt_area dd {
  margin-top: 0;
}
.product.smart-care .short1 .table tbody tr th,
.product.smart-care .short2 .table tbody tr th {
  padding-top: 36px;
  padding-bottom: 36px;
}
.product.smart-care .notice_box {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  margin-bottom: 0;
}
.product.smart-care .notice_box > div {
  padding: 48px;
}
@media (max-width: 1023px) {
  .product.smart-care .notice_box {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .product.smart-care .notice_box > div {
    padding: 40px 24px;
  }
}
.product.smart-care .application_area {
  margin-top: 64px;
}
@media (max-width: 1023px) {
  .product.smart-care .application_area {
    margin-top: 40px;
  }
}
@media (max-width: 1023px) {
  .product.smart-care .short1 {
    margin: 0 auto 30px;
  }
  .product.smart-care .short2 {
    margin: 0 auto 80px;
  }
  .product.smart-care .short3 {
    margin: 0 auto 30px;
  }
  .product.smart-care .short3 .sub_tit strong {
    margin-bottom: 8px;
  }
  .product.smart-care .short3 .table tbody tr th {
    padding: 15px 24px;
  }
  .product.smart-care .short1 .table tbody tr th,
  .product.smart-care .short2 .table tbody tr th {
    padding: 15px 24px;
  }
}
@media (max-width: 1023px) {
  .product.smart-care .table_sec .table_wrap .table.scroll thead tr th:nth-of-type(1), .product.smart-care .table_sec .table_wrap .table.scroll tbody tr th:nth-of-type(1) {
    min-width: 86px;
  }
}

.purchase.counseling .agree_info01 b, .purchase.counseling .agree_info02 b {
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.purchase.counseling .write_wrap + .write_wrap {
  margin-top: 128px;
}
.purchase.counseling .write_wrap .agree_box .custom_checkbox .checkbox_area label {
  width: auto;
}
.purchase.counseling .write_wrap .agree_box .agreeY3_wrap {
  display: flex;
  align-items: center;
  gap: 0 15px;
  margin: 10px 0 0 30px;
}
.purchase.counseling .write_wrap .agree_box .agreeY3_wrap .checkbox_area {
  margin-top: 0;
}
.purchase.counseling .write_wrap .agree_box .agreeY3_wrap.disabled input[type=checkbox] + label:before {
  background: #bbb;
  border-color: #bbb;
}
.purchase.counseling .write_wrap .agree_box .agreeY3_wrap input[type=checkbox]:checked + label:before {
  background: #262626;
  border-color: #262626;
}
.purchase.counseling .write_wrap .table_form .form .row dd .custom_radio .radio_area + .radio_area {
  margin-left: 60px;
}
.purchase.counseling .write_wrap .table_form .form .row.showroom .custom_select_area.etc {
  width: 472px;
}
.purchase.counseling .write_wrap p.notice {
  padding: 10px 0 0;
}
@media (max-width: 1023px) {
  .purchase.counseling .write_wrap + .write_wrap {
    margin-top: 80px;
  }
  .purchase.counseling .write_wrap .table_form .form .row.year .dash {
    display: none;
  }
  .purchase.counseling .write_wrap .table_form .form .row.year .custom_select_area {
    width: calc(33.333333% - 8px);
    margin-right: 12px;
  }
  .purchase.counseling .write_wrap .table_form .form .row.year .custom_select_area:last-child {
    margin-right: 0;
  }
  .purchase.counseling .write_wrap .table_form .form .row.showroom .dash {
    display: none;
  }
  .purchase.counseling .write_wrap .table_form .form .row.showroom .custom_select_area {
    width: calc(50% - 6px);
    margin-right: 12px;
  }
  .purchase.counseling .write_wrap .table_form .form .row.showroom .custom_select_area.etc {
    width: calc(50% - 6px);
    margin-right: 0;
  }
  .purchase.counseling .write_wrap p.notice {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
}
@media (max-width: 766px) {
  .purchase.counseling .write_wrap .table_form .form .row.year .custom_select_area {
    width: calc(50% - 6px);
    margin-right: 12px;
  }
  .purchase.counseling .write_wrap .table_form .form .row.year .custom_select_area:first-child {
    width: 100%;
    margin-bottom: 16px;
  }
  .purchase.counseling .write_wrap .table_form .form .row.showroom .dash {
    display: none;
  }
  .purchase.counseling .write_wrap .table_form .form .row.showroom .custom_select_area {
    width: 100%;
    margin-right: 0;
  }
  .purchase.counseling .write_wrap .table_form .form .row.showroom .custom_select_area.etc {
    width: 100%;
    margin-top: 16px;
  }
}
.purchase.counseling .custom_select_area .dealerText {
  padding-right: 40px;
}
@media (max-width: 1023px) {
  .purchase.counseling .custom_select_area .dealerText {
    padding-right: 25px;
  }
}
.purchase.counseling .common_popup .cont {
  max-width: 880px;
  max-height: 90%;
  overflow-y: auto;
  border-radius: 0;
  background-color: #FFFFFF;
}
.purchase.counseling .common_popup .title_box {
  position: relative;
  max-height: unset;
  padding: 80px 80px 24px;
  text-align: right;
  background-color: #FFFFFF;
}
.purchase.counseling .common_popup .title_box p {
  float: none;
  margin-top: 0;
  text-align: left;
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1.25;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
}
.purchase.counseling .common_popup .title_box span {
  display: block;
  padding-top: 20px;
  text-align: left;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.purchase.counseling .common_popup .title_box a {
  float: none;
  position: absolute;
  top: 30px;
  right: 15px;
  padding: 14px;
}
.purchase.counseling .common_popup .con_box {
  padding: 0 80px 40px;
  background-color: #FFFFFF;
}
.purchase.counseling .common_popup .con_box > ul > li {
  margin-bottom: 16px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.purchase.counseling .common_popup .con_box > ul > li:last-child {
  margin-bottom: 0;
}
.purchase.counseling .common_popup .con_box > ul > li > strong {
  font-weight: 700;
}
.purchase.counseling .common_popup .con_box .dash-list .indent {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.purchase.counseling .common_popup .con_box .dash-list li {
  position: relative;
  padding-left: 10px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.purchase.counseling .common_popup .con_box .btn_wrap .btn {
  min-width: 224px;
  padding: 0 16px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 3.125;
  border-color: transparent;
}
.purchase.counseling .common_popup .con_box .btn_wrap .btn.black {
  background-color: #262626;
}
.purchase.counseling .common_popup .con_box .btn_wrap .btn:hover {
  background-color: #4D4D4D;
}
@media (max-width: 1023px) {
  .purchase.counseling .common_popup .title_box {
    padding: 68px 24px 24px;
  }
  .purchase.counseling .common_popup .title_box a {
    padding: 5px;
  }
  .purchase.counseling .common_popup .title_box a img {
    width: 15px;
    height: 15px;
  }
  .purchase.counseling .common_popup .title_box p {
    font-size: 1.5rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .purchase.counseling .common_popup .title_box span {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .purchase.counseling .common_popup .con_box {
    padding: 0 24px 24px;
  }
  .purchase.counseling .common_popup .con_box > ul > li {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .purchase.counseling .common_popup .con_box .btn_wrap {
    margin-top: 26px;
  }
  .purchase.counseling .common_popup .con_box .btn_wrap .btn {
    min-width: 100%;
  }
}
.purchase.recounseling .input_area input[readonly],
.purchase.recounseling .input_area input:disabled {
  padding: 0;
  background: #FFFFFF;
  color: #262626;
  opacity: 1;
  -webkit-text-fill-color: #262626;
  border: none;
}
@media (max-width: 1023px) {
  .purchase.recounseling .input_area input[readonly],
  .purchase.recounseling .input_area input:disabled {
    height: auto;
  }
}
.purchase.recounseling .event-address .input_area input[readonly] {
  height: 52px;
  padding: 16px 20px;
  border: 1px solid #BBBBBB;
}

.main .main_visual {
  position: relative;
}
.main .main_visual .visual {
  position: relative;
  height: 100vh;
  padding: 0 96px 0;
  color: #FFFFFF;
  display: flex;
  align-items: center;
}
.main .main_visual .visual:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: -1;
}
.main .main_visual .video-slide {
  display: block;
  width: 100vw;
  height: 100vh;
  background-color: black;
  z-index: -1;
}
.main .main_visual .video-slide .video_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.main .main_visual .video-slide video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
.main .main_visual .video-slide video.web {
  display: block;
}
.main .main_visual .video-slide iframe.mo {
  display: none;
}
.main .main_visual .slide1 {
  display: none;
}
.main .main_visual .slide1 .visual:before {
  background-image: url("/resource/images/main/kv02.jpg");
}
.main .main_visual .slide1 h2 {
  font-size: 3rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #FFFFFF;
}
.main .main_visual .slide1 p {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #FFFFFF;
  margin-top: 25px;
}
.main .main_visual .slide2 {
  display: none;
}
.main .main_visual .slide2 .visual:before {
  background-image: url("/resource/images/main/kv.png");
}
.main .main_visual h2 {
  margin-bottom: 5px;
  font-size: 16.25rem;
  letter-spacing: 0em;
  line-height: 0.9615384615;
  word-break: keep-all;
  word-wrap: break-word;
}
.main .main_visual h2 span {
  display: block;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
}
.main .main_visual .i_logo {
  display: inline-block;
  width: 58px;
  height: auto;
  vertical-align: middle;
}
.main .main_visual p {
  display: inline-block;
  font-size: 1.875rem;
  letter-spacing: 0em;
  line-height: 1.4;
  word-break: keep-all;
}
.main .main_visual p span {
  display: block;
  margin-top: 15px;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.25;
}
.main .main_visual .btn_wrap {
  margin-top: 70px;
}
.main .main_visual .btn.white {
  border-color: #fff;
}
@media (max-width: 1657px) {
  .main .main_visual .visual {
    padding: 140px 0 0;
  }
  .main .main_visual .title_wrap {
    width: 100%;
    max-width: 1466px;
    margin: 0 auto;
    padding: 0 15px;
  }
}
@media (max-width: 1110px) {
  .main .main_visual .video-slide video {
    object-fit: scale-down;
  }
}
@media (max-width: 1023px) {
  .main .main_visual .visual {
    height: 536px;
    padding: 130px 48px 38px;
    align-items: end;
  }
  .main .main_visual .video-slide {
    width: 100%;
    height: 0;
    padding-top: 177.77%;
  }
  .main .main_visual .video-slide video.web {
    display: none;
  }
  .main .main_visual .video-slide iframe.mo {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: inherit;
    pointer-events: none;
  }
  .main .main_visual .slide1 {
    display: block;
  }
  .main .main_visual .slide1 .visual:before {
    background-image: url("/resource/images/main/kv02_tablet.jpg");
  }
  .main .main_visual .slide1 h2 {
    font-size: 1.875rem;
    letter-spacing: 0em;
    line-height: 1.1333333333;
  }
  .main .main_visual .slide1 p {
    font-size: 1.875rem;
    letter-spacing: 0em;
    line-height: 1.1333333333;
    margin-top: 20px;
  }
  .main .main_visual .slide2 {
    display: block;
  }
  .main .main_visual .slide2 .visual:before {
    background-image: url("/resource/images/main/kv_tablet.png");
  }
  .main .main_visual h2 {
    margin-bottom: 8px;
    font-size: 8.75rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .main .main_visual h2 span {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .main .main_visual .i_logo {
    width: 44px;
  }
  .main .main_visual p {
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .main .main_visual p span {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .main .main_visual .title_wrap {
    text-align: center;
  }
  .main .main_visual .btn_wrap {
    margin-top: 20px;
    text-align: center;
  }
  .main .main_visual .btn {
    min-width: 312px;
    max-width: 312px;
    margin-top: 0;
  }
}
@media (max-width: 766px) {
  .main .main_visual .visual {
    display: block;
    height: 640px;
    padding: 0 24px;
  }
  .main .main_visual .slide1 .visual:before {
    background-image: url("/resource/images/main/kv02_mobile.jpg");
  }
  .main .main_visual .slide1 h2 {
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .main .main_visual .slide1 p {
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .main .main_visual .slide2 .visual:before {
    background-image: url("/resource/images/main/kv_mobile.png");
  }
  .main .main_visual .title_wrap {
    position: absolute;
    bottom: 40px;
    left: 0;
    padding: 0 24px;
  }
  .main .main_visual .btn {
    display: block;
    min-width: 100%;
    margin-right: 0;
  }
  .main .main_visual .btn:first-child {
    margin-bottom: 20px;
  }
}
.main .main_banner {
  position: relative;
}
.main .main_banner.start_event .banner:before {
  background-image: url("/resource/images/main/main_banner_pc_popup.jpg");
}
.main .main_banner.start_event .banner .title_wrap .text_box.default, .main .main_banner.start_event .banner .title_wrap .text_box.event2 {
  display: none;
}
.main .main_banner.start_event .banner .title_wrap .text_box.event1 {
  display: block;
}
.main .main_banner.start_event2 .banner:before {
  background-image: url("/resource/images/main/main_banner_pc_popup2.jpg");
}
.main .main_banner.start_event2 .banner .title_wrap .text_box.default, .main .main_banner.start_event2 .banner .title_wrap .text_box.event1 {
  display: none;
}
.main .main_banner.start_event2 .banner .title_wrap .text_box.event2 {
  display: block;
}
.main .main_banner .banner {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 33.22%;
  box-sizing: border-box;
}
.main .main_banner .banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("/resource/images/main/main_banner_pc.jpg");
  z-index: -1;
}
.main .main_banner .banner .flex-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 96px;
}
.main .main_banner .banner .title_wrap {
  width: 100%;
}
.main .main_banner .banner .title_wrap .text_box.default {
  display: block;
}
.main .main_banner .banner .title_wrap .text_box.event {
  display: none;
}
.main .main_banner .banner .title_wrap h3 {
  display: block;
  font-size: 3rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #FFFFFF;
}
.main .main_banner .banner .title_wrap p {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.6666666667;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #FFFFFF;
  margin-top: 5px;
}
.main .main_banner .banner .title_wrap .btn {
  margin-top: 32px;
}
.main .main_banner .banner .title_wrap .btn.white {
  border-color: #fff;
}
@media (max-width: 1657px) {
  .main .main_banner .flex-container {
    padding: 0;
  }
  .main .main_banner .title_wrap {
    width: 100%;
    max-width: 1466px;
    margin: 0 auto;
    padding: 0 15px;
  }
}
@media (max-width: 1023px) {
  .main .main_banner.start_event .banner:before {
    background-image: url("/resource/images/main/main_banner_tablet_popup.jpg");
  }
  .main .main_banner.start_event2 .banner:before {
    background-image: url("/resource/images/main/main_banner_tablet_popup2.jpg");
  }
  .main .main_banner .banner {
    padding-top: 58.85%;
  }
  .main .main_banner .banner:before {
    background-image: url("/resource/images/main/main_banner_tablet.jpg");
  }
  .main .main_banner .banner .flex-container {
    padding: 40px 48px;
  }
  .main .main_banner .banner .title_wrap {
    padding: 0;
  }
  .main .main_banner .banner .title_wrap h3 {
    font-size: 1.875rem;
    letter-spacing: 0em;
    line-height: 1.1333333333;
  }
  .main .main_banner .banner .title_wrap p {
    margin-top: 20px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .main .main_banner .banner .title_wrap .btn {
    margin-top: 20px;
    min-width: 312px;
  }
}
@media (max-width: 766px) {
  .main .main_banner.start_event .banner:before {
    background-image: url("/resource/images/main/main_banner_mo_popup.jpg");
  }
  .main .main_banner.start_event2 .banner:before {
    background-image: url("/resource/images/main/main_banner_mo_popup2.jpg");
  }
  .main .main_banner .banner {
    padding-top: 125.55%;
  }
  .main .main_banner .banner:before {
    background-image: url("/resource/images/main/main_banner_mo.jpg");
  }
  .main .main_banner .banner .flex-container {
    padding: 40px 24px;
    align-items: end;
  }
  .main .main_banner .banner .title_wrap {
    text-align: center;
  }
  .main .main_banner .banner .title_wrap .btn {
    min-width: 100%;
  }
}
.main .series_wrap {
  margin: 128px auto;
  max-width: 1388px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.main .series_wrap h3 {
  font-size: 3rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #000;
  margin: 0 20px;
  box-sizing: border-box;
}
.main .series_wrap .tab_btn {
  margin: 64px 20px 48px;
}
.main .series_wrap .tab_btn ul {
  font-size: 0;
  display: flex;
}
.main .series_wrap .tab_btn ul li {
  flex: 1;
  display: inline-block;
  vertical-align: top;
  border-bottom: 4px solid #ECECEC;
  box-sizing: border-box;
  margin-right: 10px;
}
.main .series_wrap .tab_btn ul li:last-child {
  margin-right: 0;
}
.main .series_wrap .tab_btn ul li a {
  display: block;
  padding-bottom: 12px;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.7142857143;
  font-weight: bold;
  color: #666666;
  text-align: center;
}
.main .series_wrap .tab_btn ul li.active, .main .series_wrap .tab_btn ul li:hover {
  border-bottom-color: #262626;
}
.main .series_wrap .tab_btn ul li.active a, .main .series_wrap .tab_btn ul li:hover a {
  color: #262626;
}
.main .series_wrap .swiper-container .swiper-slide {
  display: flex;
  align-items: start;
  padding: 0 72px;
  box-sizing: border-box;
}
.main .series_wrap .swiper-container .swiper-slide .img_area {
  width: 582px;
  max-width: 52%;
}
.main .series_wrap .swiper-container .swiper-slide .img_area img {
  width: 100%;
}
.main .series_wrap .swiper-container .swiper-slide .txt_area {
  min-width: calc(100% - 582px);
  max-width: 48%;
  padding-left: 48px;
  padding-top: 60px;
  box-sizing: border-box;
}
.main .series_wrap .swiper-container .swiper-slide .txt_area strong {
  display: block;
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1.25;
  font-weight: 300;
  color: #000000;
  word-break: keep-all;
}
.main .series_wrap .swiper-container .swiper-slide .txt_area strong.mini {
  font-family: "MiniKR", "NanumMyeongjo", sans-serif;
  font-weight: 500;
}
.main .series_wrap .swiper-container .swiper-slide .txt_area p {
  margin-top: 5px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  font-weight: 300;
  color: #000000;
}
.main .series_wrap .swiper-container .swiper-slide .txt_area p.mini {
  font-family: "MiniKR", "NanumMyeongjo", sans-serif;
  font-weight: 500;
}
.main .series_wrap .swiper-container .swiper-slide .txt_area a {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 2;
  color: #262626;
  font-weight: bold;
  padding-right: 16px;
  margin-top: 13px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.main .series_wrap .swiper-container .swiper-slide .txt_area a.mini {
  font-family: "MiniKR", "NanumMyeongjo", sans-serif;
  font-weight: 500;
  font-weight: 700;
}
.main .series_wrap .swiper-container .swiper-slide .txt_area a:after {
  content: "";
  width: 7px;
  height: 10px;
  background-image: url("/resource/images/common/btn_arrow.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}
.main .series_wrap .swiper-container .swiper-slide .txt_area a:hover {
  color: #1C69D4;
}
.main .series_wrap .swiper-container .swiper-slide .txt_area a:hover:after {
  background-image: url("/resource/images/common/btn_arrow_hover.png");
}
.main .series_wrap .swiper-container .swiper-button-prev {
  left: 0;
  width: 48px;
  height: 48px;
  opacity: 0.6;
  background: url("/resource/images/main/series_wrap_prev_icon.png") no-repeat center;
}
.main .series_wrap .swiper-container .swiper-button-prev:hover {
  opacity: 1;
}
.main .series_wrap .swiper-container .swiper-button-next {
  right: 0;
  width: 48px;
  height: 48px;
  opacity: 0.6;
  background: url("/resource/images/main/series_wrap_next_icon.png") no-repeat center;
}
.main .series_wrap .swiper-container .swiper-button-next:hover {
  opacity: 1;
}
@media (max-width: 1023px) {
  .main .series_wrap {
    margin: 80px auto;
    padding: 0 48px;
    box-sizing: border-box;
  }
  .main .series_wrap h3 {
    font-size: 1.875rem;
    letter-spacing: 0em;
    line-height: 1.1333333333;
    margin: 0 24px;
  }
  .main .series_wrap .tab_btn {
    margin: 40px 24px 32px;
    position: relative;
  }
  .main .series_wrap .tab_btn ul {
    white-space: nowrap;
    overflow-x: auto;
  }
  .main .series_wrap .tab_btn ul:after {
    display: block;
    content: "";
    width: 54px;
    height: 100%;
    position: absolute;
    right: -1px;
    bottom: 5px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.9) 60%);
    opacity: 1;
    transition: 0.3s;
    z-index: 1;
  }
  .main .series_wrap .tab_btn ul li {
    flex: none;
    width: 154px;
    margin-right: 4px;
  }
  .main .series_wrap .tab_btn ul li a {
    padding-bottom: 12px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.7142857143;
  }
  .main .series_wrap .tab_btn ul.scroll__active:after, .main .series_wrap .tab_btn ul.scroll__end:after {
    opacity: 0;
  }
  .main .series_wrap .tab_btn ul::-webkit-scrollbar {
    display: none; /* 크롬, 사파리, 오페라, 엣지 */
  }
  .main .series_wrap .swiper-container .swiper-slide {
    padding: 0 24px;
  }
  .main .series_wrap .swiper-container .swiper-slide .img_area {
    width: 312px;
  }
  .main .series_wrap .swiper-container .swiper-slide .txt_area {
    min-width: calc(100% - 312px);
    padding-left: 14px;
    padding-top: 20px;
  }
  .main .series_wrap .swiper-container .swiper-slide .txt_area strong {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.4545454545;
  }
  .main .series_wrap .swiper-container .swiper-slide .txt_area p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .main .series_wrap .swiper-container .swiper-slide .txt_area a {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.5714285714;
    padding-right: 12px;
  }
  .main .series_wrap .swiper-container .swiper-slide .txt_area a:after {
    width: 5px;
    height: 9px;
  }
  .main .series_wrap .swiper-container .swiper-button-prev {
    width: 24px;
    height: 24px;
    background-size: 11px;
  }
  .main .series_wrap .swiper-container .swiper-button-next {
    width: 24px;
    height: 24px;
    background-size: 11px;
  }
}
@media (max-width: 766px) {
  .main .series_wrap {
    padding: 0;
  }
  .main .series_wrap .swiper-container .swiper-slide {
    display: block;
  }
  .main .series_wrap .swiper-container .swiper-slide .img_area {
    width: 100%;
    max-width: 100%;
  }
  .main .series_wrap .swiper-container .swiper-slide .txt_area {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-top: 24px;
  }
}
.main .icon_txt_list {
  margin: 128px auto;
}
.main .icon_txt_list h3 {
  font-size: 3rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #000;
  margin-bottom: 64px;
  text-align: center;
}
.main .icon_txt_list ul {
  display: flex;
  justify-content: space-between;
}
.main .icon_txt_list ul li {
  width: 33.333333%;
}
.main .icon_txt_list ul li .icon {
  margin-bottom: 30px;
}
.main .icon_txt_list ul li .icon img {
  display: block;
  margin: 0 auto;
}
.main .icon_txt_list ul li .txt {
  text-align: center;
}
.main .icon_txt_list ul li .txt strong {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: bold;
  color: #262626;
}
.main .icon_txt_list ul li .txt p {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
  margin-top: 16px;
}
.main .icon_txt_list ul li .txt .button {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 2;
  color: #262626;
  font-weight: bold;
  padding-right: 16px;
  margin-top: 16px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.main .icon_txt_list ul li .txt .button:after {
  content: "";
  width: 7px;
  height: 10px;
  background-image: url("/resource/images/common/btn_arrow.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}
.main .icon_txt_list ul li a:hover .txt .button {
  color: #1C69D4;
}
.main .icon_txt_list ul li a:hover .txt .button:after {
  background-image: url("/resource/images/common/btn_arrow_hover.png");
}
@media (max-width: 1023px) {
  .main .icon_txt_list {
    margin: 80px auto;
  }
  .main .icon_txt_list h3 {
    font-size: 1.875rem;
    letter-spacing: 0em;
    line-height: 1.1333333333;
    margin-bottom: 40px;
  }
  .main .icon_txt_list ul li .icon {
    margin-bottom: 20px;
  }
  .main .icon_txt_list ul li .icon img {
    width: 80px;
  }
  .main .icon_txt_list ul li .txt strong {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .main .icon_txt_list ul li .txt p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
    margin-top: 8px;
  }
}
@media (max-width: 1023px) and (min-width: 767px) {
  .main .icon_txt_list ul li .txt p {
    min-height: 72px;
  }
}
@media (max-width: 1023px) {
  .main .icon_txt_list ul li .txt .button {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.5714285714;
    margin-top: 10px;
    padding-right: 12px;
  }
  .main .icon_txt_list ul li .txt .button:after {
    width: 5px;
    height: 9px;
  }
}
@media (max-width: 766px) {
  .main .icon_txt_list ul {
    display: block;
  }
  .main .icon_txt_list ul li {
    width: 100%;
  }
  .main .icon_txt_list ul li + li {
    margin-top: 40px;
  }
}
.main .link_list {
  margin: 128px auto;
}
.main .link_list ul {
  display: flex;
}
.main .link_list ul li {
  background-color: #F6F6F6;
  width: calc(25% - 18px);
  margin-right: 24px;
}
.main .link_list ul li:last-child {
  margin-right: 0;
}
.main .link_list ul li a {
  display: block;
  padding: 32px 0;
  text-align: center;
}
.main .link_list ul li a:hover p {
  color: #1C69D4;
}
.main .link_list ul li i img {
  display: block;
  margin: 0 auto;
}
.main .link_list ul li p {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: bold;
  color: #262626;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  .main .link_list {
    margin: 80px auto;
  }
  .main .link_list ul {
    flex-wrap: wrap;
  }
  .main .link_list ul li {
    background-color: #F6F6F6;
    width: calc(50% - 4px);
    margin-right: 8px;
  }
}
@media (max-width: 1023px) and (min-width: 767px) and (max-width: 1023px) {
  .main .link_list ul li:nth-of-type(2n) {
    margin-right: 0;
  }
  .main .link_list ul li:nth-of-type(n+3) {
    margin-top: 8px;
  }
}
@media (max-width: 1023px) {
  .main .link_list ul li a {
    padding: 24px 0;
  }
  .main .link_list ul li i img {
    width: 48px;
  }
  .main .link_list ul li p {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
    margin-top: 8px;
  }
}
@media (max-width: 766px) {
  .main .link_list {
    margin: 80px auto;
  }
  .main .link_list ul {
    flex-wrap: wrap;
  }
  .main .link_list ul li {
    width: 100%;
    margin: 0;
  }
  .main .link_list ul li + li {
    margin-top: 8px;
  }
}
.main .common_popup {
  display: none;
  position: absolute;
  left: unset;
  right: 0;
  max-width: 556px;
  height: auto;
}
.main .common_popup .cont {
  top: 60px;
  right: 96px;
  left: unset;
  transform: none;
  max-width: 556px;
  border-radius: 0;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.main .common_popup .cont .con_box {
  padding: 32px 24px 24px;
  text-align: center;
  background: #fff;
}
.main .common_popup .cont .con_box p:first-child {
  padding-bottom: 14px;
}
.main .common_popup .btn_wrap {
  margin-top: 24px;
}
.main .common_popup .close-box {
  position: relative;
  padding: 10px 15px 15px;
  border-top: 1px solid #E6E6E6;
}
.main .common_popup .close-box input[type=checkbox] + label {
  padding-left: 25px;
  cursor: pointer;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1;
}
.main .common_popup .close-box input[type=checkbox] + label:before {
  top: -2px;
  width: 18px;
  height: 18px;
  border-width: 1px;
}
.main .common_popup .close-box input[type=checkbox]:checked + label:after {
  top: 51%;
  left: 3px;
}
@media (max-width: 1023px) {
  .main .common_popup .close-box input[type=checkbox]:checked + label:after {
    left: 4px;
  }
}
.main .common_popup .confirm_close {
  position: absolute;
  bottom: 18px;
  right: 15px;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1;
  color: #262626;
}
.main .common_popup .confirm_close img {
  display: inline-block;
  max-width: 12px;
  margin-left: 5px;
  vertical-align: bottom;
}
@media (max-width: 1023px) {
  .main .common_popup {
    display: none !important;
  }
}
.main .mo_popup {
  display: none;
}
.main .mo_popup .title_box {
  padding: 24px 24px 12px;
  text-align: right;
}
.main .mo_popup .title_box a {
  display: inline-block;
}
.main .mo_popup .con_box {
  padding: 0 24px 24px;
}
.main .mo_popup .con_box p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  text-align: center;
  word-break: keep-all;
}
.main .mo_popup .con_box p:first-child {
  padding-bottom: 14px;
}
.main .mo_popup .btn_wrap {
  margin-top: 56px;
}
.main .mo_popup .btn_wrap .btn {
  min-width: 312px;
}
@media (max-width: 1023px) {
  .main .mo_popup {
    display: block;
  }
}
@media (max-width: 766px) {
  .main .mo_popup .btn_wrap .btn {
    min-width: 100%;
  }
}

.brand.familysite .list_area ul {
  font-size: 0;
}
.brand.familysite .list_area ul li {
  width: calc(33.333333% - 16px);
  display: inline-block;
  vertical-align: top;
  margin-right: 24px;
  box-sizing: border-box;
}
.brand.familysite .list_area ul li .logo {
  width: 100%;
  box-sizing: border-box;
  font-size: 0;
  text-align: center;
}
.brand.familysite .list_area ul li .txt {
  padding: 5px 16px;
  min-height: 54px;
  box-sizing: border-box;
  border: 1px solid #CACACA;
  border-top: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.brand.familysite .list_area ul li .txt p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 300;
  color: #262626;
}
.brand.familysite .list_area ul li .txt .button {
  min-width: 67px;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.7142857143;
  color: #262626;
  font-weight: bold;
  padding-right: 16px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.brand.familysite .list_area ul li .txt .button:after {
  content: "";
  width: 7px;
  height: 10px;
  background: url("/resource/images/common/btn_arrow.png") no-repeat center/100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1024px) {
  .brand.familysite .list_area ul li:nth-of-type(3n) {
    margin-right: 0;
  }
  .brand.familysite .list_area ul li:nth-of-type(n+4) {
    margin-top: 48px;
  }
}
@media (max-width: 1023px) {
  .brand.familysite .list_area ul {
    font-size: 0;
  }
  .brand.familysite .list_area ul li {
    width: calc(50% - 10px);
    margin-right: 20px;
  }
  .brand.familysite .list_area ul li .txt {
    padding: 5px 20px;
    min-height: 48px;
  }
  .brand.familysite .list_area ul li .txt p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .brand.familysite .list_area ul li .txt .button {
    min-width: 55px;
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.6666666667;
    padding-right: 12px;
  }
  .brand.familysite .list_area ul li .txt .button:after {
    width: 5px;
    height: 9px;
  }
}
@media (max-width: 1023px) and (min-width: 767px) and (max-width: 1023px) {
  .brand.familysite .list_area ul li:nth-of-type(2n) {
    margin-right: 0;
  }
  .brand.familysite .list_area ul li:nth-of-type(n+3) {
    margin-top: 20px;
  }
}
@media (max-width: 766px) {
  .brand.familysite .list_area ul {
    font-size: 0;
  }
  .brand.familysite .list_area ul li {
    width: 100%;
    margin-right: 0;
  }
  .brand.familysite .list_area ul li + li {
    margin-top: 8px;
  }
}
.brand.familysite .application_area {
  margin: 128px auto;
}
.brand.familysite .application_area > p {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #262626;
}
.brand.familysite .application_area ul {
  margin-top: 24px;
  border: 1px solid #CACACA;
  box-sizing: border-box;
  padding: 30px 0;
}
.brand.familysite .application_area ul::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.brand.familysite .application_area ul li {
  width: 50%;
  float: left;
  display: flex;
  align-items: center;
  position: relative;
}
.brand.familysite .application_area ul li:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  background-color: #CACACA;
}
.brand.familysite .application_area ul li:nth-of-type(1) {
  padding: 34px 60px 34px 48px;
}
.brand.familysite .application_area ul li:nth-of-type(2) {
  padding: 34px 60px 34px 48px;
}
.brand.familysite .application_area ul li:nth-of-type(2):before {
  display: block;
}
.brand.familysite .application_area ul li .img {
  width: 105px;
}
.brand.familysite .application_area ul li .txt {
  width: calc(100% - 105px);
  padding-left: 32px;
}
.brand.familysite .application_area ul li .txt p {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: bold;
  color: #262626;
}
@media (max-width: 1459px) {
  .brand.familysite .application_area ul li .txt .btn_wrap {
    margin-top: 46px;
  }
  .brand.familysite .application_area ul li .txt .btn_wrap a {
    width: 100%;
  }
  .brand.familysite .application_area ul li .txt .btn_wrap a + a {
    margin-top: 0;
    margin-left: 0;
  }
  .brand.familysite .application_area ul li .txt .btn_wrap a:first-child {
    margin-bottom: 8px;
  }
}
@media (max-width: 1023px) {
  .brand.familysite .application_area {
    margin: 80px auto;
  }
  .brand.familysite .application_area > p {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .brand.familysite .application_area ul {
    margin-top: 16px;
    padding: 0 20px;
  }
  .brand.familysite .application_area ul li {
    width: 100%;
    float: none;
    display: block;
  }
  .brand.familysite .application_area ul li:before {
    width: 100%;
    height: 1px;
    top: 0;
  }
  .brand.familysite .application_area ul li:nth-of-type(1) {
    padding: 66px 0 40px;
  }
  .brand.familysite .application_area ul li:nth-of-type(2) {
    padding: 66px 0 40px;
  }
  .brand.familysite .application_area ul li:nth-of-type(2):before {
    display: block;
  }
  .brand.familysite .application_area ul li .img {
    width: 80px;
    position: absolute;
    left: 0;
    top: 40px;
  }
  .brand.familysite .application_area ul li .txt {
    width: 100%;
    padding-left: 0;
  }
  .brand.familysite .application_area ul li .txt p {
    padding-left: 96px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
}
.brand.dealer-location .search_bg_area {
  width: 100%;
  max-width: 1436px;
  margin: 0 auto;
  padding: 48px 24px;
  background-color: #F6F6F6;
  text-align: center;
  font-size: 0;
}
.brand.dealer-location .search_bg_area > * {
  display: inline-block;
  vertical-align: top;
}
.brand.dealer-location .search_bg_area .custom_select_area {
  margin-right: 10px;
}
.brand.dealer-location .search_bg_area .input_area {
  max-width: 267px;
}
@media (max-width: 1023px) {
  .brand.dealer-location .search_bg_area {
    padding: 40px 24px;
  }
  .brand.dealer-location .search_bg_area .custom_select_area {
    width: calc(50% - 8px);
    margin-right: 16px;
  }
  .brand.dealer-location .search_bg_area .custom_select_area + .custom_select_area {
    margin-right: 0;
  }
  .brand.dealer-location .search_bg_area .input_area {
    margin-top: 16px;
    max-width: 100%;
  }
  .brand.dealer-location .search_bg_area .input_area input {
    width: 100%;
    max-width: 100%;
  }
}
.brand.dealer-location .dealer_map {
  margin: 64px auto 128px;
}
.brand.dealer-location .dealer_map::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.brand.dealer-location .dealer_map .left {
  float: left;
  width: 434px;
}
.brand.dealer-location .dealer_map .right {
  float: left;
  width: calc(100% - 434px);
  padding-left: 64px;
}
.brand.dealer-location .dealer_map strong {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: 300;
  color: #262626;
  margin-bottom: 24px;
}
.brand.dealer-location .dealer_map .location_list {
  height: 683px;
}
.brand.dealer-location .dealer_map .location_list a.current {
  display: none;
}
.brand.dealer-location .dealer_map .location_list ul {
  height: 100%;
  overflow-y: auto;
  border-top: 1px solid #CACACA;
}
.brand.dealer-location .dealer_map .location_list ul li {
  width: 100%;
  height: 61px;
  border-bottom: 1px solid #CACACA;
}
.brand.dealer-location .dealer_map .location_list ul li a {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 16px;
}
.brand.dealer-location .dealer_map .location_list ul li:hover a p, .brand.dealer-location .dealer_map .location_list ul li.active a p {
  font-weight: bold;
}
.brand.dealer-location .dealer_map .location_list ul li span {
  width: 60px;
  height: 32px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.brand.dealer-location .dealer_map .location_list ul li span.icon01 {
  background-image: url("/resource/images/brand/dealer-location_list_icon01_pc.png");
}
.brand.dealer-location .dealer_map .location_list ul li span.icon02 {
  background-image: url("/resource/images/brand/dealer-location_list_icon02_pc.png");
}
.brand.dealer-location .dealer_map .location_list ul li span.icon03 {
  background-image: url("/resource/images/brand/dealer-location_list_icon03_pc.png");
}
.brand.dealer-location .dealer_map .location_list ul li span.icon04 {
  background-image: url("/resource/images/brand/dealer-location_list_icon04_pc.png");
}
.brand.dealer-location .dealer_map .location_list ul li p {
  width: calc(100% - 60px);
  padding-left: 16px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 300;
  color: #262626;
}
.brand.dealer-location .dealer_map .map_area {
  border: 1px solid #CACACA;
  height: 410px;
  position: relative;
  overflow: hidden;
}
.brand.dealer-location .dealer_map .map_area img {
  width: auto;
  max-width: none;
}
.brand.dealer-location .dealer_map .txt {
  border: 1px solid #CACACA;
  border-top: none;
  padding: 40px;
}
.brand.dealer-location .dealer_map .txt dl {
  display: flex;
  align-items: start;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #262626;
}
.brand.dealer-location .dealer_map .txt dl dt {
  width: 60px;
  font-weight: bold;
}
.brand.dealer-location .dealer_map .txt dl dt span {
  display: inline-block;
  width: 29px;
}
.brand.dealer-location .dealer_map .txt dl dd {
  word-break: keep-all;
  word-wrap: break-word;
  width: calc(100% - 60px);
  font-weight: 300;
  padding-left: 40px;
  box-sizing: border-box;
}
.brand.dealer-location .dealer_map .txt dl + dl {
  margin-top: 8px;
}
@media (max-width: 1023px) {
  .brand.dealer-location .dealer_map {
    margin: 40px auto 80px;
  }
  .brand.dealer-location .dealer_map .left {
    float: none;
    width: 100%;
  }
  .brand.dealer-location .dealer_map .right {
    float: none;
    width: 100%;
    padding-left: 0;
    margin-top: 40px;
  }
  .brand.dealer-location .dealer_map strong {
    display: block;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
    margin-bottom: 16px;
  }
  .brand.dealer-location .dealer_map .location_list {
    height: auto;
    position: relative;
  }
  .brand.dealer-location .dealer_map .location_list a.current {
    display: block;
    position: relative;
    width: 100%;
    height: 52px;
    padding: 14px 20px;
    background-color: #FFFFFF;
    border: 1px solid #CACACA;
    border-radius: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    text-align: left;
    display: flex;
    align-items: center;
  }
  .brand.dealer-location .dealer_map .location_list a.current span {
    width: 40px;
    height: 20px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .brand.dealer-location .dealer_map .location_list a.current span.icon01 {
    background-image: url("/resource/images/brand/dealer-location_list_icon01_mo.png");
  }
  .brand.dealer-location .dealer_map .location_list a.current span.icon02 {
    background-image: url("/resource/images/brand/dealer-location_list_icon02_mo.png");
  }
  .brand.dealer-location .dealer_map .location_list a.current span.icon03 {
    background-image: url("/resource/images/brand/dealer-location_list_icon03_mo.png");
  }
  .brand.dealer-location .dealer_map .location_list a.current span.icon04 {
    background-image: url("/resource/images/brand/dealer-location_list_icon04_mo.png");
  }
  .brand.dealer-location .dealer_map .location_list a.current p {
    width: calc(100% - 60px);
    padding-left: 8px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 300;
    color: #262626;
  }
  .brand.dealer-location .dealer_map .location_list a.current::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 14px;
    height: 8px;
    margin-top: -4px;
    background: url("/resource/images/ai/icon_arrow_down.png") no-repeat 0 0/cover;
  }
  .brand.dealer-location .dealer_map .location_list ul {
    display: none;
    position: absolute;
    left: 0;
    top: 52px;
    width: 100%;
    height: 240px;
    background: #fff;
    z-index: 2;
    border: 1px solid #CACACA;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.24), 0px 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 3px;
  }
  .brand.dealer-location .dealer_map .location_list ul li {
    height: 48px;
    border-bottom: none;
  }
  .brand.dealer-location .dealer_map .location_list ul li span {
    width: 40px;
    height: 20px;
  }
  .brand.dealer-location .dealer_map .location_list ul li span.icon01 {
    background-image: url("/resource/images/brand/dealer-location_list_icon01_mo.png");
  }
  .brand.dealer-location .dealer_map .location_list ul li span.icon02 {
    background-image: url("/resource/images/brand/dealer-location_list_icon02_mo.png");
  }
  .brand.dealer-location .dealer_map .location_list ul li span.icon03 {
    background-image: url("/resource/images/brand/dealer-location_list_icon03_mo.png");
  }
  .brand.dealer-location .dealer_map .location_list ul li span.icon04 {
    background-image: url("/resource/images/brand/dealer-location_list_icon04_mo.png");
  }
  .brand.dealer-location .dealer_map .location_list ul li p {
    padding-left: 8px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .brand.dealer-location .dealer_map .location_list ul li a {
    padding: 0 20px;
  }
  .brand.dealer-location .dealer_map .location_list ul li:hover a, .brand.dealer-location .dealer_map .location_list ul li.active a {
    background-color: #F2F2F2;
  }
  .brand.dealer-location .dealer_map .location_list ul li:hover a p, .brand.dealer-location .dealer_map .location_list ul li.active a p {
    font-weight: 300;
  }
  .brand.dealer-location .dealer_map .location_list.on a.current {
    border: 2px solid #4D4D4D;
  }
  .brand.dealer-location .dealer_map .location_list.on ul {
    display: block;
  }
  .brand.dealer-location .dealer_map .map_area {
    height: 176px;
  }
  .brand.dealer-location .dealer_map .txt {
    padding: 20px;
  }
  .brand.dealer-location .dealer_map .txt dl dt {
    width: 50px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .brand.dealer-location .dealer_map .txt dl dt span {
    width: 24px;
  }
  .brand.dealer-location .dealer_map .txt dl dd {
    width: calc(100% - 50px);
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
    padding-left: 24px;
  }
}

@media (max-width: 1023px) {
  .news .side-search {
    margin-bottom: 20px;
  }
}

.company .visual_wrap {
  margin-bottom: 0;
}
@media (max-width: 1379px) {
  .company.ceo-greeting .pc_block {
    display: inline-block;
  }
  .company.ceo-greeting .mo_block {
    display: block;
  }
}
.company.ceo-greeting .container {
  background-color: #000;
  padding-bottom: 64px;
}
@media (max-width: 1023px) {
  .company.ceo-greeting .container {
    padding-bottom: 0;
  }
}
.company.ceo-greeting .sec01 {
  overflow: hidden;
  height: 860px;
  padding: 125px 0;
  position: relative;
  text-align: center;
  background-color: #000000;
}
.company.ceo-greeting .sec01 .bg {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-image: url("/resource/images/company/ceo-greeting_sec01_bg_pc.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-sizing: border-box;
  transition: 1s ease;
}
.company.ceo-greeting .sec01 .bg.active {
  opacity: 1;
}
.company.ceo-greeting .sec01 h4 {
  font-size: 3rem;
  letter-spacing: 0em;
  line-height: 1;
  font-weight: 300;
  color: #fff;
}
.company.ceo-greeting .sec01 .line_wrap {
  margin: 60px auto 51px;
  width: 1px;
  height: 180px;
}
.company.ceo-greeting .sec01 .line_wrap i {
  display: block;
  width: 1px;
  height: 0;
  background-color: #fff;
  transition: height 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.company.ceo-greeting .sec01 .line_wrap.active i {
  height: 180px;
}
.company.ceo-greeting .sec01 p {
  font-size: 1.875rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #fff;
}
.company.ceo-greeting .sec01 dl {
  margin-top: 55px;
}
.company.ceo-greeting .sec01 dl dt {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  font-weight: 300;
  color: #fff;
}
.company.ceo-greeting .sec01 dl dd {
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1.25;
  font-weight: bold;
  color: #fff;
}
@media (max-width: 1023px) {
  .company.ceo-greeting .sec01 {
    height: 640px;
    padding: 80px 0;
  }
  .company.ceo-greeting .sec01 .bg {
    background-image: url("/resource/images/company/ceo-greeting_sec01_bg_tablet.png");
  }
  .company.ceo-greeting .sec01 h4 {
    font-size: 1.875rem;
    letter-spacing: 0em;
    line-height: 1.1333333333;
  }
  .company.ceo-greeting .sec01 .line_wrap {
    margin: 40px auto;
    height: 120px;
  }
  .company.ceo-greeting .sec01 .line_wrap.active i {
    height: 120px;
  }
  .company.ceo-greeting .sec01 p {
    font-size: 1.25rem;
    letter-spacing: 0em;
    line-height: 1.8;
  }
  .company.ceo-greeting .sec01 dl {
    margin-top: 40px;
  }
  .company.ceo-greeting .sec01 dl dt {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
    font-weight: 300;
    color: #fff;
  }
  .company.ceo-greeting .sec01 dl dd {
    font-size: 1.625rem;
    letter-spacing: 0em;
    line-height: 1.2307692308;
  }
}
@media (max-width: 766px) {
  .company.ceo-greeting .sec01 {
    height: 760px;
    padding: 80px 0;
  }
  .company.ceo-greeting .sec01 .bg {
    background-image: url("/resource/images/company/ceo-greeting_sec01_bg_mo.png");
  }
  .company.ceo-greeting .sec01 p br {
    display: none;
  }
}
.company.ceo-greeting .sec02 {
  overflow: hidden;
  position: relative;
  background-color: #000000;
  height: 860px;
}
.company.ceo-greeting .sec02 .bg {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-image: url("/resource/images/company/ceo-greeting_sec02_bg_pc.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-sizing: border-box;
  transform: translateY(20px);
  transition: 1s ease;
}
.company.ceo-greeting .sec02 .bg.active {
  opacity: 1;
  transform: translateY(0);
}
.company.ceo-greeting .sec02 .inner {
  height: 100%;
  display: flex;
  align-items: center;
}
.company.ceo-greeting .sec02 .txt {
  width: 50%;
}
.company.ceo-greeting .sec02 .txt p {
  font-size: 1.375rem;
  letter-spacing: 0em;
  line-height: 1.8181818182;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #fff;
}
@media (max-width: 1023px) {
  .company.ceo-greeting .sec02 {
    height: 640px;
    padding: 80px 0;
  }
  .company.ceo-greeting .sec02 .bg {
    background-image: url("/resource/images/company/ceo-greeting_sec02_bg_tablet.png");
  }
  .company.ceo-greeting .sec02 .inner {
    align-items: end;
  }
  .company.ceo-greeting .sec02 .txt {
    width: 100%;
  }
  .company.ceo-greeting .sec02 .txt p {
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 1.6666666667;
  }
  .company.ceo-greeting .sec02 .txt p br {
    display: none;
  }
}
@media (max-width: 766px) {
  .company.ceo-greeting .sec02 {
    height: 760px;
    padding: 80px 0;
  }
  .company.ceo-greeting .sec02 .bg {
    background-image: url("/resource/images/company/ceo-greeting_sec02_bg_mo.png");
  }
}
.company.ceo-greeting .sec03 {
  overflow: hidden;
  position: relative;
  background-color: #000000;
  height: 860px;
}
.company.ceo-greeting .sec03 .bg {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-image: url("/resource/images/company/ceo-greeting_sec03_bg_pc.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-sizing: border-box;
  transform: translateY(20px);
  transition: 1s ease;
}
.company.ceo-greeting .sec03 .bg.active {
  opacity: 1;
  transform: translateY(0);
}
.company.ceo-greeting .sec03 .inner {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.company.ceo-greeting .sec03 .txt {
  width: 50%;
}
.company.ceo-greeting .sec03 .txt p {
  font-size: 1.375rem;
  letter-spacing: 0em;
  line-height: 1.8181818182;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #fff;
}
@media (max-width: 1023px) {
  .company.ceo-greeting .sec03 {
    height: 640px;
    padding: 80px 0;
  }
  .company.ceo-greeting .sec03 .bg {
    background-image: url("/resource/images/company/ceo-greeting_sec03_bg_tablet.png");
  }
  .company.ceo-greeting .sec03 .inner {
    align-items: end;
  }
  .company.ceo-greeting .sec03 .txt {
    width: 100%;
  }
  .company.ceo-greeting .sec03 .txt p {
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 1.6666666667;
  }
  .company.ceo-greeting .sec03 .txt p br {
    display: none;
  }
}
@media (max-width: 766px) {
  .company.ceo-greeting .sec03 {
    height: 760px;
    padding: 80px 0;
  }
  .company.ceo-greeting .sec03 .bg {
    background-image: url("/resource/images/company/ceo-greeting_sec03_bg_mo.png");
  }
}
.company.history .sec01 {
  background-color: #000;
  padding: 128px 0 50px;
}
.company.history .sub_txt {
  text-align: center;
}
.company.history .sub_txt h4 {
  font-size: 3rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: 300;
  color: #fff;
}
.company.history .sub_txt p {
  font-size: 1.875rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
  word-wrap: break-word;
  margin-top: 64px;
  font-weight: 300;
  color: #fff;
}
.company.history .history_area {
  padding: 150px 0;
  position: relative;
  z-index: 1;
  opacity: 0.2;
  transition: opacity 1s;
}
.company.history .history_area.bg01 {
  padding-top: 128px;
}
.company.history .history_area:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: opacity 1s;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.company.history .history_area .gradation {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.company.history .history_area .gradation:before {
  content: "";
  width: 100%;
  height: 80px;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #000, transparent);
}
.company.history .history_area .gradation:after {
  content: "";
  width: 100%;
  height: 80px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(360deg, #000, transparent);
}
.company.history .history_area.active {
  opacity: 1;
}
.company.history .history_area.bg01:before {
  background-image: url("/resource/images/company/history_area_bg01.png");
}
.company.history .history_area.bg02:before {
  background-image: url("/resource/images/company/history_area_bg02.png");
}
.company.history .history_area.bg03:before {
  background-image: url("/resource/images/company/history_area_bg03.png");
}
.company.history .history_area.bg04:before {
  background-image: url("/resource/images/company/history_area_bg04.png");
}
.company.history .history_area .inner {
  display: flex;
}
.company.history .history_area .img {
  width: calc(100% - 706px);
  padding-right: 91px;
  box-sizing: border-box;
}
.company.history .history_area .img img {
  width: 100%;
}
.company.history .history_area .txt {
  width: 706px;
}
.company.history .history_area .txt dl {
  padding-bottom: 32px;
}
.company.history .history_area .txt dl::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.company.history .history_area .txt dl + dl {
  padding-top: 32px;
  border-top: 1px solid #E6E6E6;
}
.company.history .history_area .txt dl dt {
  width: 108px;
  float: left;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: bold;
  color: #fff;
}
.company.history .history_area .txt dl dd {
  float: left;
  width: calc(100% - 108px);
}
.company.history .history_area .txt dl dd ul li {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 300;
  color: #fff;
  position: relative;
}
.company.history .history_area .txt dl dd ul li + li {
  margin-top: 16px;
}
.company.history .history_area .txt dl dd ul li span {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
}
.company.history .history_area .txt dl dd ul li p {
  word-break: keep-all;
  word-wrap: break-word;
  padding-left: 50px;
}
@media (max-width: 1657px) {
  .company.history .history_area .img {
    width: 50%;
    padding-right: 50px;
    box-sizing: border-box;
  }
  .company.history .history_area .txt {
    width: 50%;
  }
}
@media (max-width: 1023px) {
  .company.history .sec01 {
    padding: 80px 0 40px;
  }
  .company.history .sub_txt h4 {
    font-size: 1.875rem;
    letter-spacing: 0em;
    line-height: 1.1333333333;
  }
  .company.history .sub_txt p {
    font-size: 1.125rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
    margin-top: 40px;
  }
  .company.history .sub_txt p br {
    display: none;
  }
  .company.history .history_area {
    padding: 40px 0;
  }
  .company.history .history_area.bg01 {
    padding-top: 48px;
  }
  .company.history .history_area:before {
    display: none;
  }
  .company.history .history_area .inner {
    display: block;
  }
  .company.history .history_area .img {
    width: 100%;
    padding-right: 0;
  }
  .company.history .history_area .txt {
    width: 100%;
    padding-top: 24px;
  }
  .company.history .history_area .txt dl {
    padding-bottom: 24px;
  }
  .company.history .history_area .txt dl + dl {
    padding-top: 24px;
  }
  .company.history .history_area .txt dl dt {
    width: 100%;
    float: none;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .company.history .history_area .txt dl dd {
    margin-top: 8px;
    width: 100%;
    float: none;
  }
  .company.history .history_area .txt dl dd ul li {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .company.history .history_area .txt dl dd ul li + li {
    margin-top: 8px;
  }
  .company.history .history_area .txt dl dd ul li p {
    padding-left: 40px;
  }
}
.company.location .content_title {
  color: #fff;
}
.company.location .map_wrap {
  background-color: #000;
  padding: 128px 0 206px;
}
.company.location .map_wrap .map {
  width: 100%;
  height: 600px;
}
.company.location .map_wrap .adress {
  padding: 64px 0;
}
.company.location .map_wrap .adress dl {
  display: flex;
}
.company.location .map_wrap .adress dl dt {
  width: 86px;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: bold;
  color: #fff;
}
.company.location .map_wrap .adress dl dt span {
  display: inline-block;
  vertical-align: top;
  width: 42px;
}
.company.location .map_wrap .adress dl dd {
  width: calc(100% - 86px);
  padding-left: 40px;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: 300;
  color: #fff;
}
.company.location .map_wrap .adress dl + dl {
  margin-top: 16px;
}
.company.location .map_wrap .transport {
  padding-top: 64px;
  border-top: 1px solid #CACACA;
}
.company.location .map_wrap .transport ul {
  display: flex;
}
.company.location .map_wrap .transport ul li {
  width: 50%;
  display: flex;
}
.company.location .map_wrap .transport ul li .icon {
  width: 80px;
  height: 80px;
}
.company.location .map_wrap .transport ul li .txt {
  width: calc(100% - 80px);
  padding-top: 8px;
  padding-left: 14px;
}
.company.location .map_wrap .transport ul li .txt strong {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: bold;
  color: #fff;
  margin-bottom: 16px;
}
.company.location .map_wrap .transport ul li .txt p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.75;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #fff;
}
.company.location .map_wrap .transport ul li .txt .list {
  margin: 16px 0;
}
.company.location .map_wrap .transport ul li.subway .txt .list dl {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.company.location .map_wrap .transport ul li.subway .txt .list dl dt {
  width: 25px;
  height: 25px;
  font-size: 0.8125rem;
  letter-spacing: 0em;
  line-height: 1.9230769231;
  font-weight: bold;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.company.location .map_wrap .transport ul li.subway .txt .list dl dd {
  width: calc(100% - 25px);
  padding: 0 8px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5625;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
.company.location .map_wrap .transport ul li.subway .txt .list dl + dl {
  margin-left: 4px;
}
.company.location .map_wrap .transport ul li.subway .txt .list dl.green dt {
  background-color: #3CB44A;
}
.company.location .map_wrap .transport ul li.subway .txt .list dl.blue dt {
  background-color: #2C9FE0;
}
.company.location .map_wrap .transport ul li.bus .txt .list dl {
  font-size: 0;
}
.company.location .map_wrap .transport ul li.bus .txt .list dl dt {
  width: 50px;
  height: 25px;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.7857142857;
  font-weight: bold;
  color: #fff;
  border-radius: 25px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.company.location .map_wrap .transport ul li.bus .txt .list dl dd {
  width: calc(100% - 50px);
  padding: 0 8px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5625;
  font-weight: 300;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
.company.location .map_wrap .transport ul li.bus .txt .list dl + dl {
  margin-top: 8px;
}
.company.location .map_wrap .transport ul li.bus .txt .list dl.green dt {
  background-color: #3CB44A;
}
.company.location .map_wrap .transport ul li.bus .txt .list dl.blue dt {
  background-color: #2871C0;
}
@media (max-width: 1023px) {
  .company.location .map_wrap {
    padding: 80px 0;
  }
  .company.location .map_wrap .map {
    width: 100%;
    height: auto;
    min-height: 176px;
    padding-top: 56.25%;
    position: relative;
  }
  .company.location .map_wrap .map iframe {
    position: absolute;
    left: 0;
    top: 0;
  }
  .company.location .map_wrap .adress {
    padding: 40px 0;
  }
  .company.location .map_wrap .adress dl dt {
    width: 60px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .company.location .map_wrap .adress dl dt span {
    width: 28px;
  }
  .company.location .map_wrap .adress dl dd {
    width: calc(100% - 60px);
    padding-left: 16px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
    word-break: keep-all;
    word-wrap: break-word;
  }
  .company.location .map_wrap .adress dl + dl {
    margin-top: 8px;
  }
  .company.location .map_wrap .transport {
    padding-top: 0;
  }
  .company.location .map_wrap .transport ul {
    display: block;
  }
  .company.location .map_wrap .transport ul li {
    width: 100%;
    display: block;
    position: relative;
    padding: 40px 0;
  }
  .company.location .map_wrap .transport ul li .icon {
    width: 48px;
    height: 48px;
  }
  .company.location .map_wrap .transport ul li .txt {
    width: 100%;
    padding-left: 0;
  }
  .company.location .map_wrap .transport ul li .txt strong {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
    margin-bottom: 0;
    position: absolute;
    left: 58px;
    top: 52px;
  }
  .company.location .map_wrap .transport ul li .txt p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.5714285714;
  }
  .company.location .map_wrap .transport ul li .txt .list {
    margin: 8px 0;
  }
  .company.location .map_wrap .transport ul li + li {
    border-top: 1px solid #CACACA;
    padding-bottom: 0;
  }
  .company.location .map_wrap .transport ul li.subway .txt .list dl dt {
    width: 20px;
    height: 20px;
    font-size: 0.8125rem;
    letter-spacing: 0em;
    line-height: 1.5384615385;
  }
  .company.location .map_wrap .transport ul li.subway .txt .list dl dd {
    width: calc(100% - 20px);
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .company.location .map_wrap .transport ul li.bus .txt .list dl {
    font-size: 0;
  }
  .company.location .map_wrap .transport ul li.bus .txt .list dl dt {
    width: 40px;
    height: 20px;
    font-size: 0.625rem;
    letter-spacing: 0em;
    line-height: 2;
    border-radius: 20px;
  }
  .company.location .map_wrap .transport ul li.bus .txt .list dl dd {
    width: calc(100% - 40px);
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
}
.company.sustainability .icon_link {
  position: relative;
  display: inline-block;
}
.company.sustainability .icon_link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  width: 9px;
  height: 14px;
  transform: translateY(-50%);
  background-image: url("/resource/images/promotion/icon_link.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.company.sustainability .section.sec1 {
  position: relative;
  height: 1812px;
}
.company.sustainability .section.sec1.active .visual_wrap .visual:before {
  transform: scale(1);
}
.company.sustainability .section.sec1 .visual_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.company.sustainability .section.sec1 .visual_wrap .visual {
  height: 1812px;
}
.company.sustainability .section.sec1 .visual_wrap .visual:before {
  transform: scale(1.1);
  transition: transform 1.8s ease-out;
}
.company.sustainability .section.sec1 .title_wrap {
  height: 50%;
  padding: 245px 96px 0;
  font-size: 4rem;
  letter-spacing: 0em;
  line-height: 1.25;
  color: #FFFFFF;
}
.company.sustainability .section.sec1 .title_wrap h2 {
  word-break: keep-all;
}
@media (max-width: 1023px) {
  .company.sustainability .section.sec1 {
    height: 1416px;
    margin-top: 0;
  }
  .company.sustainability .section.sec1 .visual_wrap .visual {
    height: 1416px;
    margin-top: 0;
  }
  .company.sustainability .section.sec1 .title_wrap {
    height: 35%;
    padding: 130px 48px 0;
    font-size: 2.625rem;
    letter-spacing: 0em;
    line-height: 1.1904761905;
  }
}
@media (max-width: 766px) {
  .company.sustainability .section.sec1 {
    height: 1790px;
  }
  .company.sustainability .section.sec1 .visual_wrap .visual {
    height: 1810px;
  }
  .company.sustainability .section.sec1 .title_wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: flex-end;
    padding: 0 24px 40px;
    font-size: 2.625rem;
    letter-spacing: 0em;
    line-height: 1.1904761905;
  }
}
.company.sustainability .section.future {
  position: relative;
  height: 50%;
}
.company.sustainability .section.future:after {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  transition: opacity 1s;
}
.company.sustainability .section.future.active:after {
  opacity: 1;
}
.company.sustainability .section.future.active .ani_area {
  opacity: 1;
  transform: translateY(0%);
}
.company.sustainability .section.future .inner {
  padding: 120px 15px;
  color: #FFFFFF;
  opacity: 0;
  z-index: 2;
  transform: translateY(30%);
  transition: all 1.5s;
}
.company.sustainability .section.future .inner strong {
  display: block;
  width: 100%;
  margin: 0 0 70px;
  font-size: 3rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: 300;
  text-align: center;
  word-break: keep-all;
}
.company.sustainability .section.future .context {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: normal;
}
.company.sustainability .section.future .context .img_wrap {
  width: calc(100% - 736px);
}
.company.sustainability .section.future .context .img_wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.company.sustainability .section.future .context .text_wrap {
  width: 736px;
  padding-left: 80px;
}
.company.sustainability .section.future .context .text_wrap .emphasis {
  padding: 0 0 40px;
  font-size: 1.875rem;
  letter-spacing: 0em;
  line-height: 1.6;
  font-weight: 300;
}
.company.sustainability .section.future .context .text_wrap .paragraph {
  padding: 0 0 20px;
  font-size: 1.125rem;
  letter-spacing: 0em;
  line-height: 1.6666666667;
  font-weight: 300;
}
.company.sustainability .section.future .context .text_wrap .paragraph:last-child {
  padding: 0;
}
@media (max-width: 1023px) {
  .company.sustainability .section.future {
    height: 65%;
  }
  .company.sustainability .section.future .inner {
    padding: 80px 48px;
  }
  .company.sustainability .section.future .inner strong {
    margin: 0 0 30px;
    font-size: 1.875rem;
    letter-spacing: 0em;
    line-height: 1.1333333333;
  }
  .company.sustainability .section.future .context .img_wrap {
    width: calc(100% - 360px);
  }
  .company.sustainability .section.future .context .text_wrap {
    width: 360px;
    padding-left: 40px;
  }
  .company.sustainability .section.future .context .text_wrap .emphasis {
    padding: 0 0 30px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.4545454545;
  }
  .company.sustainability .section.future .context .text_wrap .paragraph {
    padding: 0 0 15px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
}
@media (max-width: 766px) {
  .company.sustainability .section.future .inner {
    padding: 80px 24px 70px;
  }
  .company.sustainability .section.future .inner strong {
    margin: 0 0 30px;
  }
  .company.sustainability .section.future .context .img_wrap {
    width: 100%;
    padding: 0 0 40px;
  }
  .company.sustainability .section.future .context .text_wrap {
    width: 100%;
    padding: 0;
  }
}
.company.sustainability .section.greeting {
  background-color: #F6F6F6;
}
.company.sustainability .section.greeting .inner {
  padding: 274px 0;
  text-align: center;
}
.company.sustainability .section.greeting p {
  font-size: 3rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
}
.company.sustainability .section.greeting .position {
  margin: 75px 0 0;
}
.company.sustainability .section.greeting .position span {
  display: block;
}
.company.sustainability .section.greeting .position .chairman {
  padding: 0 0 7px;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
.company.sustainability .section.greeting .position .name {
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1.375;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .company.sustainability .section.greeting .inner {
    padding: 124px 24px;
  }
  .company.sustainability .section.greeting p {
    font-size: 1.875rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .company.sustainability .section.greeting .position {
    margin: 40px 0 0;
  }
  .company.sustainability .section.greeting .position .chairman {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .company.sustainability .section.greeting .position .name {
    font-size: 1.75rem;
    letter-spacing: 0em;
    line-height: 1.2142857143;
  }
}
.company.sustainability .section.achievement {
  padding: 128px 0;
}
.company.sustainability .section.achievement li {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  padding: 0 0 128px;
}
.company.sustainability .section.achievement li:last-child {
  padding: 0;
}
.company.sustainability .section.achievement .img_wrap {
  width: calc(100% - 736px);
}
.company.sustainability .section.achievement .img_wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.company.sustainability .section.achievement .text_wrap {
  width: 736px;
  padding-left: 80px;
}
.company.sustainability .section.achievement .text_wrap strong {
  font-size: 1.75rem;
  letter-spacing: 0em;
  line-height: 1.1428571429;
  font-weight: 600;
}
.company.sustainability .section.achievement .text_wrap p {
  padding: 24px 0;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  font-weight: 300;
}
.company.sustainability .section.achievement .text_wrap a {
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 600;
}
.company.sustainability .section.achievement .icon_link:hover {
  color: #1C69D4;
}
.company.sustainability .section.achievement .icon_link:hover:after {
  background-image: url("/resource/images/promotion/icon_link_hover.png");
}
@media (max-width: 1023px) {
  .company.sustainability .section.achievement {
    padding: 70px 0;
  }
  .company.sustainability .section.achievement li {
    align-items: flex-start;
    padding: 0 0 80px;
  }
  .company.sustainability .section.achievement li:nth-child(2) .text_wrap p {
    padding-bottom: 0;
  }
  .company.sustainability .section.achievement .img_wrap {
    width: 312px;
  }
  .company.sustainability .section.achievement .text_wrap {
    width: calc(100% - 312px);
    padding-left: 48px;
  }
  .company.sustainability .section.achievement .text_wrap strong {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .company.sustainability .section.achievement .text_wrap p {
    padding: 14px 0;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .company.sustainability .section.achievement .text_wrap a {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1;
  }
}
@media (max-width: 766px) {
  .company.sustainability .section.achievement {
    padding: 70px 0;
  }
  .company.sustainability .section.achievement li {
    flex-direction: column;
  }
  .company.sustainability .section.achievement .img_wrap {
    width: 100%;
    padding: 0 0 24px;
  }
  .company.sustainability .section.achievement .text_wrap {
    width: 100%;
    padding-left: 0;
  }
}
.company.sustainability .section.banner {
  margin: 0 0 128px;
  padding: 0 15px;
}
.company.sustainability .section.banner .inner {
  position: relative;
  display: block;
  width: 100%;
  height: 340px;
}
.company.sustainability .section.banner .inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/resource/images/company/sustainability_banner.jpg") 50% 50% no-repeat;
  background-size: cover;
  z-index: -1;
}
.company.sustainability .section.banner .text_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 15px;
  text-align: center;
  color: #FFFFFF;
}
.company.sustainability .section.banner strong {
  display: block;
  width: 100%;
  margin: 0 0 20px;
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1;
}
.company.sustainability .section.banner .icon_link {
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
}
.company.sustainability .section.banner .icon_link:after {
  right: -15px;
  width: 7px;
  height: 10px;
  background-image: url("/resource/images/common/icon_link_wh.png");
}
@media (max-width: 1023px) {
  .company.sustainability .section.banner {
    margin: 0 0 80px;
    padding: 0 48px;
  }
  .company.sustainability .section.banner .inner {
    height: 160px;
  }
  .company.sustainability .section.banner strong {
    width: 100%;
    margin: 0 0 14px;
    font-size: 1.375rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .company.sustainability .section.banner span {
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 1;
  }
}
@media (max-width: 766px) {
  .company.sustainability .section.banner {
    padding: 0 24px;
  }
}
.company.brandGroup .visual_wrap {
  margin-bottom: 128px;
}
@media (max-width: 1023px) {
  .company.brandGroup .visual_wrap {
    margin-bottom: 80px;
  }
}
.company.brandGroup .section.youtube .content_title {
  font-size: 3rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
.company.brandGroup .section.youtube .content_title p {
  padding: 20px 0 0;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
.company.brandGroup .section.youtube .iframe_wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  cursor: pointer;
}
.company.brandGroup .section.youtube .iframe_wrap.play:after {
  display: none;
}
.company.brandGroup .section.youtube .iframe_wrap:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/resource/images/company/brand_poster_web.jpg");
  background-position: center;
  background-size: cover;
}
.company.brandGroup .section.youtube .iframe_wrap .web {
  display: block;
}
.company.brandGroup .section.youtube .iframe_wrap .mo {
  display: none;
}
.company.brandGroup .section.youtube video,
.company.brandGroup .section.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  .company.brandGroup .section.youtube .content_title {
    font-size: 1.625rem;
    letter-spacing: 0em;
    line-height: 1.3076923077;
  }
  .company.brandGroup .section.youtube .content_title p {
    padding: 10px 0 0;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.25;
  }
  .company.brandGroup .section.youtube .iframe_wrap {
    padding-top: 177.78%;
    background: black;
  }
  .company.brandGroup .section.youtube .iframe_wrap .web {
    display: none;
  }
  .company.brandGroup .section.youtube .iframe_wrap .mo {
    display: block;
  }
  .company.brandGroup .section.youtube .iframe_wrap:after {
    background-image: url("/resource/images/company/brand_poster_mo.jpg");
  }
}
.company.brandGroup .section.list li {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin: 0 0 128px;
}
.company.brandGroup .section.list li:last-child {
  margin: 0;
}
.company.brandGroup .section.list li.reverse .text {
  padding: 0 80px 0 0;
  text-align: right;
}
.company.brandGroup .section.list li .img_wrap {
  width: calc(100% - 736px);
}
.company.brandGroup .section.list li .img_wrap img {
  max-width: 100%;
  height: auto;
}
.company.brandGroup .section.list li .text {
  width: 736px;
  padding: 0 0 0 80px;
}
.company.brandGroup .section.list li .text strong {
  display: block;
  padding: 0 0 24px;
  font-size: 1.75rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  font-weight: 600;
  word-break: keep-all;
}
.company.brandGroup .section.list li .text p {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
}
.company.brandGroup .section.list .observation {
  margin: 128px 0 0;
}
.company.brandGroup .section.list .observation p {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  text-align: left;
}
.company.brandGroup .section.list .btn_wrap {
  margin-top: 66px;
}
@media (max-width: 1023px) {
  .company.brandGroup .section.list ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    margin-right: -20px;
  }
  .company.brandGroup .section.list li {
    width: 50%;
    margin: 0 0 80px;
    padding-right: 20px;
  }
  .company.brandGroup .section.list li.reverse .img_wrap {
    order: 1;
  }
  .company.brandGroup .section.list li.reverse .text {
    order: 2;
    padding: 24px 0 0;
    text-align: left;
  }
  .company.brandGroup .section.list li .img_wrap {
    width: 100%;
  }
  .company.brandGroup .section.list li .text {
    width: 100%;
    padding: 24px 0 0;
  }
  .company.brandGroup .section.list li .text strong {
    padding: 0 0 16px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .company.brandGroup .section.list li .text p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .company.brandGroup .section.list li .text p .pc_block {
    display: inline-block;
  }
  .company.brandGroup .section.list .observation {
    margin: 40px 0 0;
  }
  .company.brandGroup .section.list .observation p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 2;
  }
  .company.brandGroup .section.list .btn_wrap {
    margin-top: 40px;
  }
}
@media (max-width: 766px) {
  .company.brandGroup .section.list ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    margin-right: 0;
  }
  .company.brandGroup .section.list li {
    width: 100%;
    padding-right: 0;
  }
}
.company.miniProgram .container * {
  font-family: "MiniKR", "NanumMyeongjo", sans-serif;
  font-weight: 500;
}
.company.miniProgram .container .content_title {
  font-weight: 600;
}
.company.miniProgram .container .content_title p {
  font-weight: 500;
}
.company.miniProgram .container .btn_wrap * {
  font-family: "BMWTypeNextLatin", "arial", "Helvetica", "BMK", sans-serif;
  font-weight: 700;
}
.company.miniProgram .visual_wrap h2 {
  font-size: 4.25rem;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 600;
}
.company.miniProgram .visual_wrap h3 {
  font-size: 1.625rem;
  letter-spacing: 0em;
  line-height: 1.2307692308;
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .company.miniProgram .visual_wrap h2 {
    font-size: 2.75rem;
    letter-spacing: 0em;
    line-height: 1.1363636364;
  }
  .company.miniProgram .visual_wrap h3 {
    font-size: 1.25rem;
    letter-spacing: 0em;
    line-height: 1.2;
  }
}
.company.miniProgram .section.youtube .iframe_wrap:after {
  background-image: url("/resource/images/company/mini_poster_web.jpg");
}
@media (max-width: 766px) {
  .company.miniProgram .section.youtube .iframe_wrap:after {
    background-image: url("/resource/images/company/mini_poster_mo.jpg");
  }
}
.company.miniProgram .section.list li.reverse .text {
  text-align: left;
}
.company.miniProgram .section.list li .text strong {
  font-size: 3.25rem;
  letter-spacing: -0.00104em;
  line-height: 1.2884615385;
}
.company.miniProgram .section.list li .text p {
  font-size: 1.375rem;
  letter-spacing: -0.02em;
  line-height: 1.4545454545;
}
@media (max-width: 1023px) {
  .company.miniProgram .section.list li .text strong {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
    line-height: 1.1666666667;
  }
  .company.miniProgram .section.list li .text p {
    font-size: 1.125rem;
    letter-spacing: -0.02em;
    line-height: 1.3333333333;
  }
}

.calculator {
  background: #fff;
}
.calculator .link_area {
  padding-top: 0;
}
.calculator.fontBMW * {
  font-family: "BMWTypeNextLatinKr", "arial", "Helvetica", "BMK", sans-serif !important;
}
.calculator .calculator_top .top_txt {
  margin: 24px 0;
}
.calculator .calculator_top .top_txt p {
  font-size: 18px;
  line-height: 1.3;
  color: #000;
  font-weight: bold;
  word-break: keep-all;
}
.calculator .calculator_top .bg {
  padding: 60px 10px;
  background: #fff;
  border: 1px solid #CACACA;
}
.calculator .calculator_top .comment {
  margin: 24px 0;
}
.calculator .calculator_top .flex-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: normal;
  margin-bottom: 48px;
}
.calculator .calculator_top .flex-container:last-child {
  margin-bottom: 0;
}
.calculator .calculator_top .flex-item {
  margin-right: 24px;
}
.calculator .calculator_top .flex-item.item3 .custom_select_area {
  width: 472px;
}
.calculator .calculator_top .flex-item:last-child {
  margin-right: 0;
}
.calculator .calculator_top .flex-item span {
  display: block;
  margin-bottom: 24px;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1;
}
.calculator .calculator_top .radio_box {
  font-size: 0;
}
.calculator .calculator_top input[type=radio] + label {
  margin-right: 24px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.1875;
  cursor: pointer;
  vertical-align: middle;
}
.calculator .calculator_top input[type=radio] + label:last-child {
  margin: 0;
}
.calculator .calculator_top input[type=radio]:checked + label {
  box-shadow: 0 0 0 1px #262626;
}
.calculator .calculator_top .calc_tb .text_box {
  position: relative;
  width: 224px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.calculator .calculator_top .calc_tb .text_box input[type=text] {
  width: 100%;
  height: 52px;
  padding: 13px 70px 13px 20px;
  color: #262626;
  font-weight: 700;
  border-radius: 3px;
  border: 1px solid #BBBBBB;
}
.calculator .calculator_top .calc_tb .text_box input[type=text]::placeholder {
  color: #262626;
  font-weight: 300;
}
.calculator .calculator_top .calc_tb .text_box .placeholder {
  position: absolute;
  top: 15px;
  right: 22px;
  width: auto;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
@media (max-width: 1023px) {
  .calculator .calculator_top .btn_wrap .btn + .btn {
    margin-top: 0;
  }
}
@media (max-width: 766px) {
  .calculator .calculator_top .btn_wrap {
    padding: 0 24px;
  }
  .calculator .calculator_top .btn_wrap .btn {
    display: block;
    min-width: unset;
    width: 100%;
    margin-right: 0;
  }
  .calculator .calculator_top .btn_wrap .btn + .btn {
    margin-top: 12px;
  }
}
.calculator form {
  margin: 0 auto;
}
.calculator .select {
  display: none;
}
.calculator .result {
  margin-top: 50px;
}
.calculator .result.mini * {
  font-family: "MiniKR", "NanumMyeongjo", sans-serif;
}
.calculator .result .calculator_result {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 10px;
}
.calculator .result .calculator_result .car_img {
  width: 582px;
}
.calculator .result .calculator_result .car_img img {
  width: 100%;
  height: auto;
}
.calculator .result .calculator_result .calculator_text {
  width: calc(100% - 582px);
  padding-right: 15px;
}
.calculator .result .calculator_result .calculator_text dd {
  font-size: 2.25rem;
  letter-spacing: 0em;
  line-height: 1.1111111111;
  font-weight: 700;
}
.calculator .result .calculator_result .calculator_text dd.joosuk {
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  font-weight: 300;
  color: #666666;
}
.calculator .result .calculator_result .calculator_text dt {
  margin: 20px 0 30px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 2;
  color: #666666;
  letter-spacing: -0.03em;
}
.calculator .result .calculator_result .calculator_text dt .tot_price {
  color: #262626;
  font-size: 2.25rem;
  letter-spacing: 0em;
  line-height: 1.1111111111;
  font-weight: 700;
}
.calculator .result .calculator_program ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: normal;
  margin-right: -25px;
  font-size: 0;
}
.calculator .result .calculator_program li {
  width: 33.333%;
  padding-right: 25px;
}
.calculator .result .calculator_program li > div {
  height: 100%;
  padding: 17%;
  background-color: #F6F6F6;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.15;
}
.calculator .result .calculator_program li .tit {
  padding-bottom: 14px;
  text-align: center;
  font-weight: 700;
}
.calculator .result .calculator_program li .top {
  padding-bottom: 35px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.15;
  letter-spacing: -0.03em;
  text-align: center;
  border-bottom: 1px solid #CACACA;
}
.calculator .result .calculator_program li .top .price {
  padding-left: 8px;
  font-size: 2.25rem;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -2px;
}
.calculator .result .calculator_program li .top .month {
  display: inline-block;
  transform: translateY(-4px);
}
.calculator .result .calculator_program li .list {
  padding-top: 40px;
  font-size: 0;
}
.calculator .result .calculator_program li .list dt, .calculator .result .calculator_program li .list dd {
  display: inline-block;
  padding-bottom: 10px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.calculator .result .calculator_program li .list dt:last-of-type, .calculator .result .calculator_program li .list dd:last-of-type {
  padding-bottom: 0;
}
.calculator .result .calculator_program li .list dt {
  width: 40%;
  padding-right: 10px;
  color: #666666;
}
.calculator .result .calculator_program li .list dd {
  width: 60%;
  text-align: right;
  font-weight: 700;
}
.calculator .comment {
  margin: 24px 0 128px;
  font-family: "MiniKR", "NanumMyeongjo", sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  color: #666666;
}
.calculator #htmlToPdf {
  margin: 0;
  background: #fff;
  color: #000;
  width: 1200px;
  padding: 45px 35px;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1000;
}
.calculator #htmlToPdf .inner {
  padding: 0;
}
.calculator #htmlToPdf .inner.fontBMW * {
  font-family: "BMWTypeNextLatinKr", "arial", "Helvetica", "BMK", sans-serif !important;
}
.calculator #htmlToPdf .inner.fontMini * {
  font-family: "MiniKR", "NanumMyeongjo", sans-serif !important;
}
.calculator #htmlToPdf #pdf-date-box {
  padding: 0 15px;
  box-sizing: border-box;
  margin-top: 20px;
  text-align: left;
}
.calculator #htmlToPdf #pdf-date-box span {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: 400;
  color: #444;
}
.calculator #htmlToPdf .result {
  margin-top: 30px;
}
.calculator #htmlToPdf .result .calculator_result {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 10px;
}
.calculator #htmlToPdf .result .calculator_result .car_img {
  width: 582px;
}
.calculator #htmlToPdf .result .calculator_result .car_img img {
  width: 100%;
  height: auto;
}
.calculator #htmlToPdf .result .calculator_result .calculator_text {
  width: calc(100% - 582px);
  padding-right: 15px;
}
.calculator #htmlToPdf .result .calculator_result .calculator_text dd {
  font-size: 2.25rem;
  letter-spacing: 0em;
  line-height: 1.1111111111;
  font-weight: 700;
}
.calculator #htmlToPdf .result .calculator_result .calculator_text dd.joosuk {
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  font-weight: 300;
  color: #666666;
}
.calculator #htmlToPdf .result .calculator_result .calculator_text dt {
  margin: 20px 0 30px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 2;
  color: #666666;
  letter-spacing: -0.03em;
}
.calculator #htmlToPdf .result .calculator_result .calculator_text dt .tot_price {
  color: #262626;
  font-size: 2.25rem;
  letter-spacing: 0em;
  line-height: 1.1111111111;
  font-weight: 700;
}
.calculator #htmlToPdf .result .calculator_program ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: normal;
  margin-right: -25px;
  font-size: 0;
}
.calculator #htmlToPdf .result .calculator_program li {
  width: 33.333%;
  padding-right: 25px;
}
.calculator #htmlToPdf .result .calculator_program li > div {
  height: 100%;
  padding: 17%;
  background-color: #F6F6F6;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.15;
}
.calculator #htmlToPdf .result .calculator_program li .tit {
  padding-bottom: 14px;
  text-align: center;
  font-weight: 700;
}
.calculator #htmlToPdf .result .calculator_program li .top {
  padding-bottom: 35px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.15;
  letter-spacing: -0.03em;
  text-align: center;
  border-bottom: 1px solid #CACACA;
}
.calculator #htmlToPdf .result .calculator_program li .top .price {
  padding-left: 8px;
  font-size: 2.25rem;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -2px;
}
.calculator #htmlToPdf .result .calculator_program li .top .month {
  display: inline-block;
  transform: translateY(-4px);
}
.calculator #htmlToPdf .result .calculator_program li .list {
  padding-top: 40px;
  font-size: 0;
}
.calculator #htmlToPdf .result .calculator_program li .list dt, .calculator #htmlToPdf .result .calculator_program li .list dd {
  display: inline-block;
  padding-bottom: 10px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.calculator #htmlToPdf .result .calculator_program li .list dt:last-of-type, .calculator #htmlToPdf .result .calculator_program li .list dd:last-of-type {
  padding-bottom: 0;
}
.calculator #htmlToPdf .result .calculator_program li .list dt {
  width: 40%;
  padding-right: 10px;
  color: #666666;
}
.calculator #htmlToPdf .result .calculator_program li .list dd {
  width: 60%;
  text-align: right;
  font-weight: 700;
}
.calculator #htmlToPdf .result .calculator_result .calculator_text {
  width: 55%;
  word-break: keep-all;
}
.calculator #htmlToPdf .result .calculator_result .car_img {
  width: 45%;
}
.calculator #htmlToPdf .result .calculator_program li > div {
  padding: 13% 15%;
}
.calculator #htmlToPdf .result.mini .calculator_result .car_img {
  margin: -50px 0;
}
.calculator #htmlToPdf .result.bmw .calculator_result .car_img {
  margin: -50px 0;
}
.calculator #htmlToPdf h2 {
  font-size: 30px;
  color: #222;
  font-weight: bold;
  margin-bottom: 15px;
  position: relative;
  z-index: 2;
}
.calculator #htmlToPdf h4 {
  font-size: 18px;
  color: #222;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 2px solid #1c1c1c;
  position: relative;
  z-index: 2;
}
@media (max-width: 1299px) {
  .calculator .result .calculator_program li > div {
    padding: 17% 5%;
  }
}
@media (max-width: 1039px) {
  .calculator .calculator_top .flex-item {
    margin-right: 14px;
  }
}
@media (max-width: 1023px) {
  .calculator .calculator_top .inner {
    padding: 0;
  }
  .calculator .calculator_top .top_txt {
    margin: 10px 24px 0;
  }
  .calculator .calculator_top .top_txt p {
    font-size: 16px;
  }
  .calculator .calculator_top .bg {
    padding: 40px 24px;
    border: none;
  }
  .calculator .calculator_top .comment {
    margin: 0 0 24px;
    padding: 0 24px;
  }
  .calculator .calculator_top .flex-container {
    flex-direction: column;
    margin-bottom: 0;
  }
  .calculator .calculator_top .flex-container:last-of-type .flex-item:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .calculator .calculator_top .flex-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #BBBBBB;
  }
  .calculator .calculator_top .flex-item span {
    margin-bottom: 14px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.0909090909;
  }
  .calculator .calculator_top .calc_tb .text_box,
  .calculator .calculator_top .calc_tb .custom_select_area {
    width: 100%;
  }
  .calculator .calculator_top .flex-item.item3 .custom_select_area,
  .calculator .calculator_top .custom_select_area {
    width: 100%;
  }
  .calculator .calculator_top input[type=radio] + label {
    min-width: calc(50% - 6px);
    margin-right: 12px;
  }
  .calculator .result {
    margin-top: 75px;
  }
  .calculator .result .calculator_result {
    max-width: 100%;
  }
  .calculator .result .calculator_result .car_img {
    width: 100%;
    margin-bottom: 10px;
  }
  .calculator .result .calculator_result .calculator_text {
    width: 100%;
    padding-right: 0;
  }
  .calculator .result .calculator_result .calculator_text dd {
    font-size: 1.625rem;
    letter-spacing: 0em;
    line-height: 1.1538461538;
  }
  .calculator .result .calculator_result .calculator_text dd.joosuk {
    margin-bottom: 10px;
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .calculator .result .calculator_result .calculator_text dt {
    margin: 15px 0 15px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.875;
  }
  .calculator .result .calculator_result .calculator_text dt.tot_price {
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1;
  }
  .calculator .result .calculator_program ul {
    margin-right: 0;
  }
  .calculator .result .calculator_program li {
    width: 100%;
    padding: 0 0 16px;
  }
  .calculator .result .calculator_program li:last-child {
    padding-bottom: 0;
  }
  .calculator .result .calculator_program li > div {
    height: auto;
    padding: 35px 20px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .calculator .result .calculator_program li .tit {
    padding-bottom: 10px;
  }
  .calculator .result .calculator_program li .top {
    padding-bottom: 20px;
    font-size: 1.25rem;
    letter-spacing: 0em;
    line-height: 1.15;
  }
  .calculator .result .calculator_program li .top .price {
    font-size: 1.875rem;
    letter-spacing: 0em;
    line-height: 1.2;
  }
  .calculator .result .calculator_program li .top .month {
    transform: translateY(0);
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .calculator .result .calculator_program li .list {
    padding-top: 15px;
  }
  .calculator .result .calculator_program li .list dt, .calculator .result .calculator_program li .list dd {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .calculator .comment {
    margin: 16px 0 80px;
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .calculator .comment p {
    padding-bottom: 4px;
  }
  .calculator .comment p:last-of-type {
    padding-bottom: 0;
  }
}

.reversecalculator {
  background: #fff;
  /* pdf save */
}
.reversecalculator .calculator_top {
  margin-bottom: 128px;
}
.reversecalculator .calculator_top .calculator_box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  padding: 60px 120px;
  background-color: #ffffff;
  border: 1px solid #CACACA;
}
.reversecalculator .calculator_top .calculator_box .sort_wrap {
  width: 40.7%;
  height: 172px;
  padding-right: 12.1%;
}
.reversecalculator .calculator_top .calculator_box .sort_wrap:last-child {
  width: 18.6%;
  padding-right: 0;
}
.reversecalculator .calculator_top .calculator_box .sort_wrap:last-child p {
  margin-bottom: 29px;
}
.reversecalculator .calculator_top .calculator_box .sort_wrap p {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: normal;
  margin-bottom: 34px;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1;
  text-align: left;
}
.reversecalculator .calculator_top .calculator_box .sort_wrap span {
  display: inline-block;
  width: auto;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
  color: #BBBBBB;
}
.reversecalculator .calculator_top .calculator_box input[type=radio] + label {
  min-width: 100%;
  margin: 0 0 23px;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #262626;
}
.reversecalculator .calculator_top .calculator_box input[type=radio] + label:last-child {
  margin: 0;
}
.reversecalculator .calculator_top .calculator_box input[type=radio]:checked + label {
  box-shadow: 0 0 0 1px #262626;
}
.reversecalculator .calculator_top .calculator_box .bounds_wrap {
  overflow: hidden;
  padding: 14px 0 20px;
}
.reversecalculator .calculator_top .calculator_box .bounds_wrap span {
  font-size: 0.9375rem;
  letter-spacing: 0em;
  line-height: 1.4666666667;
  color: #666666;
}
.reversecalculator .calculator_top .calculator_box .bounds_wrap span:first-child {
  float: left;
  width: auto;
}
.reversecalculator .calculator_top .calculator_box .bounds_wrap span:last-child {
  float: right;
  width: auto;
}
.reversecalculator .calculator_top .calculator_box .value_wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: normal;
  width: 100%;
}
.reversecalculator .calculator_top .calculator_box .value_wrap input {
  width: 120px;
  padding: 13px 5px;
  border: 1px solid #BBBBBB;
  border-radius: 3px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  font-weight: 300;
  color: #666666;
  text-align: center;
}
.reversecalculator .calculator_top .calculator_box .value_wrap input:disabled {
  -webkit-text-fill-color: rgb(102, 102, 102);
  -webkit-opacity: 1;
  background: #FFFFFF;
  border-color: #BBBBBB;
}
.reversecalculator .calculator_top .calculator_box .value_wrap input:first-child {
  margin-left: 0;
}
.reversecalculator .calculator_top .calculator_box .term_wrap select {
  width: 190px;
  height: 40px;
  line-height: 40px;
}
.reversecalculator .calculator_top .calculator_box .term_wrap span {
  display: inline-block;
  width: auto;
  margin-left: 10px;
  font-size: 16px;
  vertical-align: middle;
}
.reversecalculator .calculator_top .calculator_box .noUi-target {
  width: 100%;
  height: 6px;
  background: #F2F2F2;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.reversecalculator .calculator_top .calculator_box .noUi-connects {
  overflow: revert;
  cursor: pointer;
}
.reversecalculator .calculator_top .calculator_box .noUi-connect {
  height: 6px;
  background: #1c69d4;
}
.reversecalculator .calculator_top .calculator_box .noUi-horizontal .noUi-handle {
  top: -7px;
  right: -13px;
  width: 18px;
  height: 18px;
  background: url(/resource/images/ai/icon_sliderBtn.png) center no-repeat;
  background-size: cover;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.reversecalculator .calculator_top .calculator_box .noUi-horizontal .noUi-handle::before,
.reversecalculator .calculator_top .calculator_box .noUi-horizontal .noUi-handle::after {
  display: none;
}
.reversecalculator .calculator_top .calculator_box .noUi-horizontal .noUi-origin > .noUi-tooltip {
  bottom: -35px;
  padding: 0;
  border: none;
  background: none;
  font-size: 14px;
  color: #262626;
}
.reversecalculator .calculator_top .calculator_box .noUi-horizontal .noUi-tooltip::after {
  display: inline-block;
  width: auto;
  content: "만원";
}
.reversecalculator .calculator_top .btn_wrap .tool_box {
  position: relative;
  display: inline-block;
  min-width: 224px;
}
.reversecalculator .calculator_top .btn_wrap .tool_box .tool_tip {
  display: none;
  position: absolute;
  top: -85px;
  left: 50%;
  transform: translateX(-50%);
  width: 224px;
  padding: 20px;
  font-size: 0.75rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  color: #262626;
  background: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 17px 10px 0 rgba(0, 0, 0, 0.08), 0 0 2px 0 rgba(0, 0, 0, 0.28);
}
.reversecalculator .calculator_top .btn_wrap .tool_box .tool_tip:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 8px;
  background: url("/resource/images/product/icon_tooltip_arrow.png") center no-repeat;
  background-size: cover;
}
.reversecalculator .calculator_top .btn_wrap .tool_box:hover .tool_tip {
  display: block;
}
@media (max-width: 1023px) {
  .reversecalculator .calculator_top .btn_wrap .tool_box {
    min-width: 312px;
  }
  .reversecalculator .calculator_top .btn_wrap .tool_box .btn {
    width: 100%;
  }
}
@media (max-width: 766px) {
  .reversecalculator .calculator_top .btn_wrap .tool_box {
    min-width: unset;
    width: 100%;
    margin-top: 12px;
  }
  .reversecalculator .calculator_top .btn_wrap .tool_box .btn {
    width: 100%;
  }
}
.reversecalculator .payment_list {
  position: relative;
  margin-bottom: 60px;
}
.reversecalculator .payment_list dl {
  display: none;
  width: 100%;
}
.reversecalculator .payment_list dl.active {
  display: block;
}
.reversecalculator .payment_list dt {
  margin-bottom: 15px;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
.reversecalculator .payment_list dd {
  display: block;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
}
.reversecalculator .result_wrap {
  display: block;
}
.reversecalculator .payment_result .model {
  display: block;
  padding-bottom: 30px;
  font-size: 1.875rem;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 700;
  color: #221F1F;
  border-bottom: 1px solid #CACACA;
}
.reversecalculator .payment_result .result_box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: normal;
  align-items: center;
  padding: 80px 5.56%;
}
.reversecalculator .payment_result .img_wrap {
  width: 39.1%;
  padding-right: 11%;
}
.reversecalculator .payment_result .img_wrap img {
  margin: 0 auto;
}
.reversecalculator .payment_result .img_wrap span {
  display: block;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  color: #666666;
}
.reversecalculator .payment_result .break {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: normal;
  width: 60.9%;
}
.reversecalculator .payment_result .price_wrap {
  width: 64.7%;
  padding-right: 17.3%;
}
.reversecalculator .payment_result .price_wrap dl {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: normal;
  padding-bottom: 18px;
  font-size: 1.25rem;
  letter-spacing: 0.03em;
  line-height: 1;
}
.reversecalculator .payment_result .price_wrap dl:last-child {
  padding-bottom: 0;
}
.reversecalculator .payment_result .price_wrap dt {
  width: 40%;
  padding-right: 20px;
  color: #666666;
}
.reversecalculator .payment_result .price_wrap dd {
  width: 60%;
  font-weight: 700;
  text-align: right;
}
.reversecalculator .payment_result .price_wrap dd p, .reversecalculator .payment_result .price_wrap dd span {
  display: inline-block;
}
.reversecalculator .payment_result .total_wrap {
  width: 35.3%;
}
.reversecalculator .payment_result .total_wrap .total {
  padding-bottom: 15px;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
  line-height: 1;
  text-align: left;
  color: #666666;
}
.reversecalculator .payment_result .total_wrap .bold {
  color: #262626;
}
.reversecalculator .payment_result .total_wrap .comment {
  display: block;
  padding-bottom: 40px;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 1;
  color: #666666;
}
.reversecalculator .payment_result .total_wrap .btn {
  width: 100%;
  min-width: auto;
  margin: 0 0 16px;
}
.reversecalculator .payment_result.nodata {
  padding: 80px 0;
}
.reversecalculator .payment_result.nodata p {
  font-size: 18px;
  text-align: center;
  color: #262626;
}
.reversecalculator .bottom_comment {
  padding-top: 20px;
  font-size: 0.875rem;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  border-top: 1px solid #CACACA;
}
.reversecalculator .link_area {
  padding-top: 128px;
}
.reversecalculator #htmlToPdf {
  margin: 0;
  padding: 0;
  background: #fff;
  color: #000;
  width: 1400px;
  padding: 60px 40px;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1000;
}
.reversecalculator #htmlToPdf #pdf-date-box {
  padding: 0 15px;
  box-sizing: border-box;
  margin-top: 20px;
  text-align: left;
}
.reversecalculator #htmlToPdf #pdf-date-box span {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: 400;
  color: #444;
}
.reversecalculator #htmlToPdf > div + div {
  margin-top: 40px;
}
.reversecalculator #htmlToPdf > div .payment_result {
  border: 1px solid #ddd;
  padding: 20px;
}
.reversecalculator #htmlToPdf > div .payment_result.nodata {
  padding: 212px 0;
}
.reversecalculator #htmlToPdf > div .payment_result .model {
  padding-top: 20px;
}
.reversecalculator #htmlToPdf > div .payment_result .result_box {
  padding: 25px 40px;
  align-items: center;
}
.reversecalculator #htmlToPdf > div .payment_result .result_box .img_wrap {
  width: 450px;
  padding-right: 100px;
}
.reversecalculator #htmlToPdf > div .payment_result .result_box .img_wrap span {
  word-break: keep-all;
}
.reversecalculator #htmlToPdf > div .payment_result .result_box .break {
  width: calc(100% - 450px);
  align-items: center;
}
.reversecalculator #htmlToPdf > div .payment_result .result_box .break .price_wrap {
  width: 400px;
  padding-right: 60px;
}
.reversecalculator #htmlToPdf > div .payment_result .result_box .break .total_wrap {
  width: calc(100% - 400px);
}
.reversecalculator #htmlToPdf h2 {
  font-size: 36px;
  color: #222;
  font-weight: bold;
  margin-bottom: 50px;
}
.reversecalculator #htmlToPdf h3 {
  font-size: 30px;
  color: #222;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #000;
}
.reversecalculator #htmlToPdf .list {
  padding: 20px 0;
  box-sizing: border-box;
}
@media (max-width: 1129px) {
  .reversecalculator .calculator_top .calculator_box {
    padding: 60px 30px;
  }
}
@media (max-width: 1023px) {
  .reversecalculator .link_area {
    padding-top: 80px;
  }
  .reversecalculator .calculator_top .calculator_box {
    padding: 40px 24px;
  }
  .reversecalculator .calculator_top .calculator_box .sort_wrap {
    width: calc(50% - 12px);
    height: auto;
    padding-right: 0;
    margin-bottom: 40px;
  }
  .reversecalculator .calculator_top .calculator_box .sort_wrap:last-child {
    width: 100%;
    margin-bottom: 0;
  }
  .reversecalculator .calculator_top .calculator_box .sort_wrap p {
    margin-bottom: 15px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.0909090909;
  }
  .reversecalculator .calculator_top .calculator_box .sort_wrap span {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .reversecalculator .calculator_top .calculator_box .value_wrap input {
    width: 105px;
  }
  .reversecalculator .calculator_top .calculator_box .bounds_wrap {
    padding: 8px 0 16px;
  }
  .reversecalculator .calculator_top .calculator_box .term {
    text-align: left;
    font-size: 0;
  }
  .reversecalculator .calculator_top .calculator_box input[type=radio] + label {
    width: 224px;
    min-width: auto;
    margin: 0 15px 0 0;
    padding: 13px 10px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .reversecalculator .calculator_top .calculator_box .noUi-horizontal .noUi-handle {
    top: -4px;
    width: 14px;
    height: 14px;
  }
  .reversecalculator .calculator_top .btn.blue {
    width: 312px;
  }
  .reversecalculator .payment_list {
    margin-bottom: 35px;
  }
  .reversecalculator .payment_list dt {
    margin-bottom: 8px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .reversecalculator .payment_list dd {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .reversecalculator .result_wrap .result_box {
    padding: 48px 0;
  }
  .reversecalculator .payment_result .model {
    padding-bottom: 20px;
    font-size: 1.5rem;
    letter-spacing: 0em;
    line-height: 1.25;
  }
  .reversecalculator .payment_result .img_wrap {
    width: 52.23%;
  }
  .reversecalculator .payment_result .img_wrap span {
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
  .reversecalculator .payment_result .break {
    width: 47.77%;
  }
  .reversecalculator .payment_result .price_wrap {
    width: 100%;
    padding-bottom: 40px;
    padding-right: 0;
  }
  .reversecalculator .payment_result .price_wrap dl {
    padding-bottom: 14px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .reversecalculator .payment_result .total_wrap {
    width: 100%;
  }
  .reversecalculator .payment_result .total_wrap .total {
    padding-bottom: 5px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.3636363636;
    text-align: left;
  }
  .reversecalculator .payment_result .total_wrap .btn {
    margin: 0 0 14px;
  }
  .reversecalculator .payment_result .total_wrap .comment {
    padding-bottom: 30px;
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.6666666667;
  }
  .reversecalculator .bottom_comment {
    padding-top: 12px;
    font-size: 0.75rem;
    letter-spacing: 0em;
    line-height: 1.3333333333;
  }
}
@media (max-width: 766px) {
  .reversecalculator .calculator_top .calculator_box .sort_wrap {
    width: 100%;
    margin-bottom: 33px;
  }
  .reversecalculator .calculator_top .calculator_box .term {
    text-align: center;
  }
  .reversecalculator .calculator_top .calculator_box input[type=radio] + label {
    width: 100%;
  }
  .reversecalculator .calculator_top .calculator_box input[type=radio] + label:last-child {
    margin-top: 12px;
  }
  .reversecalculator .calculator_top .btn.blue {
    width: 100%;
    max-width: 100%;
  }
  .reversecalculator .payment_result .result_box {
    padding: 0 0 48px;
  }
  .reversecalculator .payment_result .img_wrap {
    width: 100%;
    padding-right: 0;
  }
  .reversecalculator .payment_result .img_wrap span:last-child {
    margin-bottom: 40px;
  }
  .reversecalculator .payment_result .break {
    width: 100%;
  }
  .reversecalculator .payment_result .price_wrap {
    width: 100%;
    padding-right: 0;
  }
  .reversecalculator .payment_result .price_wrap dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: normal;
  }
  .reversecalculator .payment_result .total_wrap {
    width: 100%;
  }
  .reversecalculator .payment_result .total_wrap .total {
    padding-bottom: 10px;
  }
  .reversecalculator .payment_result .total_wrap .comment {
    padding-bottom: 30px;
  }
  .reversecalculator .payment_result.nodata {
    padding: 55px 0;
  }
  .reversecalculator .payment_result.nodata p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1;
  }
}

.myFinCar .service h5 {
  padding-bottom: 14px;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: 700;
}
.myFinCar .service .desc {
  padding-bottom: 14px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
}
.myFinCar .service .list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: normal;
  margin-right: -13px;
  font-size: 0;
}
.myFinCar .service .list .item {
  width: 33.333%;
  padding: 0 13px 13px 0;
  text-align: center;
}
.myFinCar .service .list .item.half {
  width: 50%;
  padding-bottom: 0;
}
.myFinCar .service .list .item > div {
  height: 100%;
  padding: 32px 36px 30px;
  border: 1px solid #CACACA;
}
.myFinCar .service .list img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 22px;
}
.myFinCar .service .list strong {
  display: block;
  margin-bottom: 5px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  font-weight: 700;
}
.myFinCar .service .list p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
@media (max-width: 1023px) {
  .myFinCar .service h5 {
    padding-bottom: 5px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .myFinCar .service .desc {
    padding-bottom: 5px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .myFinCar .service .list {
    margin-right: -8px;
  }
  .myFinCar .service .list .item {
    width: 50%;
    padding: 0 8px 8px 0;
  }
  .myFinCar .service .list .item.half {
    padding-bottom: 8px;
  }
  .myFinCar .service .list .item > div {
    padding: 20px 28px 18px;
  }
  .myFinCar .service .list img {
    margin: 0 auto 8px;
    max-width: 48px;
  }
  .myFinCar .service .list strong {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .myFinCar .service .list p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .myFinCar .service .btn_wrap {
    margin-top: 12px;
  }
}
@media (max-width: 766px) {
  .myFinCar .service .list {
    margin-right: 0;
  }
  .myFinCar .service .list .item {
    width: 100%;
    padding-right: 0;
  }
  .myFinCar .service .list .item.half {
    width: 100%;
  }
  .myFinCar .service .list .item > div {
    padding: 20px 20px 18px;
  }
}
.myFinCar .app {
  background-color: #F6F6F6;
  border-bottom: 1px solid #CACACA;
}
.myFinCar .app .content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin-bottom: 0;
}
.myFinCar .app .img-wrap {
  width: 50.8%;
}
.myFinCar .app .app-description {
  width: 49.2%;
}
.myFinCar .app .app-description strong {
  display: block;
  margin-bottom: 14px;
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  font-weight: 700;
}
.myFinCar .app .app-description p {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
  word-break: keep-all;
}
.myFinCar .app .app-description ul {
  padding: 38px 0;
}
.myFinCar .app .app-description ul li {
  padding-bottom: 10px;
}
.myFinCar .app .app-description ul li:last-child {
  padding-bottom: 0;
}
.myFinCar .app .app-download {
  padding-top: 38px;
  border-top: 1px solid #CACACA;
}
.myFinCar .app .app-download strong {
  margin-bottom: 2px;
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
}
.myFinCar .app .app-download p {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
.myFinCar .app .app-download .btn_wrap {
  margin-top: 16px;
}
.myFinCar .app .app-download .btn_wrap a {
  display: inline-block;
}
.myFinCar .app .app-download .btn_wrap a:first-child {
  margin-right: 16px;
}
@media (max-width: 1023px) {
  .myFinCar .app {
    background-color: #F6F6F6;
    border-bottom: none;
  }
  .myFinCar .app .content {
    flex-direction: column;
    margin-bottom: 80px;
  }
  .myFinCar .app .img-wrap {
    width: 100%;
  }
  .myFinCar .app .img-wrap img {
    margin: 0 auto;
  }
  .myFinCar .app .app-description {
    position: relative;
    width: 100%;
    padding-top: 38px;
    padding-left: 0;
    background-color: #FFFFFF;
  }
  .myFinCar .app .app-description:before, .myFinCar .app .app-description:after {
    content: "";
    position: absolute;
    top: 0;
    width: 48px;
    height: 100%;
    background-color: #FFFFFF;
  }
  .myFinCar .app .app-description:before {
    left: -48px;
  }
  .myFinCar .app .app-description:after {
    right: -48px;
  }
  .myFinCar .app .app-description strong {
    margin-bottom: 5px;
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.2727272727;
  }
  .myFinCar .app .app-description p {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .myFinCar .app .app-description ul {
    padding: 20px 0;
  }
  .myFinCar .app .app-description ul li {
    padding-bottom: 0;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .myFinCar .app .app-download {
    padding-top: 20px;
  }
  .myFinCar .app .app-download strong {
    margin-bottom: 5px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  .myFinCar .app .app-download p {
    margin-bottom: 5px;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  .myFinCar .app .app-download .btn_wrap .btn {
    margin-top: 0;
  }
  .myFinCar .app .app-download .btn_wrap a:first-child {
    margin-right: 8px;
  }
}

#wrap.search .container {
  margin: 211px auto 128px;
}
#wrap.search .search_area h2 {
  margin: 0 0 64px;
  font-size: 3rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  text-align: center;
}
#wrap.search .search_area .input_wrap {
  padding: 54px 0;
  background: #F6F6F6;
  text-align: center;
}
#wrap.search .search_area .input_area {
  max-width: 740px;
}
#wrap.search .search_area .input_search {
  position: relative;
}
#wrap.search .search_area .input_search input {
  max-width: 740px;
  font-size: 1.125rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
}
#wrap.search .search_area .input_search #loadingSpinner {
  display: none;
  width: 40px;
  height: 40px;
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
}
#wrap.search .result_wrap .banner {
  position: relative;
  width: 100%;
  height: 0;
  margin: 128px 0 0;
  padding-top: 26.18%;
}
#wrap.search .result_wrap .banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("/resource/images/search/search_banner.jpg");
  z-index: -1;
}
#wrap.search .result_wrap .banner .flex-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 96px;
}
#wrap.search .result_wrap .banner .title_wrap {
  width: 100%;
}
#wrap.search .result_wrap .banner .title_wrap h3 {
  display: block;
  font-size: 3rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #FFFFFF;
}
#wrap.search .result_wrap .banner .title_wrap p {
  font-size: 1.5rem;
  letter-spacing: 0em;
  line-height: 1.3333333333;
  word-break: keep-all;
  word-wrap: break-word;
  font-weight: 300;
  color: #FFFFFF;
  margin-top: 5px;
}
#wrap.search .result_wrap .banner .title_wrap .btn {
  margin-top: 32px;
}
#wrap.search .result_wrap .banner .title_wrap .btn.white {
  border-color: #fff;
}
#wrap.search .result_wrap .results {
  margin: 64px 0 0;
}
#wrap.search .result_wrap .results .search_result {
  margin: 0 0 64px;
  padding: 0 24px 24px;
  border-bottom: 1px solid #CACACA;
}
#wrap.search .result_wrap .results .search_result p {
  font-size: 2rem;
  letter-spacing: 0em;
  line-height: 1.25;
}
#wrap.search .result_wrap .results .search_list li {
  margin: 0 0 32px;
  border: 1px solid #CACACA;
}
#wrap.search .result_wrap .results .search_list li:last-child {
  margin: 0;
}
#wrap.search .result_wrap .results .search_list li a {
  display: block;
  width: 100%;
  padding: 32px;
}
#wrap.search .result_wrap .results .search_list li a:hover .word {
  color: #1C69D4;
}
#wrap.search .result_wrap .results .search_list li .word {
  font-size: 1.25rem;
  letter-spacing: 0em;
  line-height: 1.6;
}
#wrap.search .result_wrap .results .search_list li .desc {
  margin: 24px 0;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: normal;
  line-height: 1.5;
  max-height: 3em;
}
#wrap.search .result_wrap .results .search_list li .menu {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #666;
}
#wrap.search .result_wrap .results .search_list li .menu > span {
  position: relative;
  display: inline-block;
}
#wrap.search .result_wrap .results .search_list li .menu > span:last-child:after {
  display: none;
}
#wrap.search .result_wrap .results .search_list li .menu > span:after {
  content: ">";
  display: inline-block;
  margin: 0 5px;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
#wrap.search .result_wrap .results .search_list #moreResults {
  display: none;
}
#wrap.search .nodata_wrap {
  display: none;
}
#wrap.search .nodata_wrap .common_nodata {
  background-color: #FFFFFF;
  border: 1px solid #cacaca;
}
#wrap.search .nodata_wrap .dot-list {
  margin: 24px 0 0;
}
#wrap.search .nodata_wrap .dot-list p {
  position: relative;
  padding-left: 10px;
  color: #666666;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
}
#wrap.search .nodata_wrap .dot-list p:before {
  content: "*";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.5;
  background: none;
}
@media (max-width: 1023px) {
  #wrap.search .container {
    margin: 164px auto 80px;
  }
  #wrap.search .search_area h2 {
    margin: 0 0 40px;
    font-size: 1.875rem;
    letter-spacing: 0em;
    line-height: 1.1333333333;
  }
  #wrap.search .search_area .input_wrap {
    padding: 0;
    background: #FFFFFF;
  }
  #wrap.search .search_area .input_area {
    max-width: unset;
  }
  #wrap.search .search_area .input_search input {
    max-width: 100%;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  #wrap.search .result_wrap .banner {
    margin: 80px 0 0;
    padding-top: 50.59%;
  }
  #wrap.search .result_wrap .banner:before {
    background-size: 100% auto;
    background-image: url("/resource/images/main/main_banner_tablet.jpg");
  }
  #wrap.search .result_wrap .banner .flex-container {
    align-items: flex-end;
    padding: 0 48px 48px;
  }
  #wrap.search .result_wrap .banner .title_wrap {
    padding: 0;
  }
  #wrap.search .result_wrap .banner .title_wrap h3 {
    font-size: 1.625rem;
    letter-spacing: 0em;
    line-height: 1.3076923077;
  }
  #wrap.search .result_wrap .banner .title_wrap p {
    margin-top: 5px;
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  #wrap.search .result_wrap .banner .title_wrap .btn {
    margin-top: 20px;
    min-width: 264px;
  }
  #wrap.search .result_wrap .results {
    margin: 40px 0 0;
  }
  #wrap.search .result_wrap .results .search_result {
    margin: 0 0 24px;
    padding: 0 10px 20px;
  }
  #wrap.search .result_wrap .results .search_result p {
    font-size: 1.375rem;
    letter-spacing: 0em;
    line-height: 1.4545454545;
  }
  #wrap.search .result_wrap .results .search_list li {
    margin: 0 0 20px;
  }
  #wrap.search .result_wrap .results .search_list li a {
    padding: 24px 14px;
  }
  #wrap.search .result_wrap .results .search_list li .word {
    font-size: 1rem;
    letter-spacing: 0em;
    line-height: 1.5;
  }
  #wrap.search .result_wrap .results .search_list li .desc {
    margin: 14px 0;
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: normal;
    line-height: 1.4285714286;
    max-height: 8.5714285714em;
  }
  #wrap.search .result_wrap .results .search_list li .menu {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  #wrap.search .result_wrap .results .search_list li .menu > span:after {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  #wrap.search .result_wrap .results .search_list .btn {
    min-width: 264px;
  }
  #wrap.search .nodata_wrap .dot-list {
    margin: 16px 0 0;
  }
  #wrap.search .nodata_wrap .dot-list p {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
  #wrap.search .nodata_wrap .dot-list p:before {
    font-size: 0.875rem;
    letter-spacing: 0em;
    line-height: 1.4285714286;
  }
}
@media (max-width: 766px) {
  #wrap.search .result_wrap .banner {
    padding-top: 125.55%;
  }
  #wrap.search .result_wrap .banner:before {
    background-image: url("/resource/images/main/main_banner_mo.jpg");
  }
  #wrap.search .result_wrap .banner .flex-container {
    padding: 0 24px 24px;
  }
  #wrap.search .result_wrap .banner .title_wrap {
    text-align: center;
  }
  #wrap.search .result_wrap .banner .title_wrap .btn {
    min-width: 100%;
  }
  #wrap.search .result_wrap .results .search_list .btn {
    min-width: 100%;
  }
}